@charset "UTF-8";
/*リセットCSS*/

html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

body {
  line-height: 1;
}

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

nav ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none;
}

a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

/* change colours to suit your needs */
ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none;
}

/* change colours to suit your needs */
mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold;
}

del {
  text-decoration: line-through;
}

abbr[title],
dfn[title] {
  border-bottom: 1px dotted;
  cursor: help;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* change border colour to suit your needs */
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #cccccc;
  margin: 1em 0;
  padding: 0;
}

input,
select {
  vertical-align: middle;
}

/*------------------コンテンツ幅を設定するための共通クラス----------------------*/

body {

  width: 100%;
  
}

.body-in {
  max-width: 750px;

  margin: 0  auto;

}

main {
  width: 100%;
  margin: 0 auto;
}

@media (min-width: 1000px) {
  body {

    width: 100%;
    margin: 0 auto;
    height: 100vh;
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    /* //固定時に追加するプロパティ*/
    background-image: url(../img/pc_bg.jpg);
    padding: 0 10px;
  }

  .body-in {

    max-width: 1000px;
    margin: 0 auto;

  }

  main {
    width: 100%;
    margin: 0 auto;
  }
}

/*フォントの指定*/
h1,
h2,
h3,
p,
a,
ul {
  font-family: 'Zen Maru Gothic', sans-serif;
  font-feature-settings: "palt";
}

.yu_gothic {
  font-family: "游ゴシック体", "YuGothic", "游ゴシック", "Yu Gothic", sans-serif
}

h1 {
  font-size: 33px;
  font-weight: 500;
  text-align: center;
}

h2 {
  font-size: 28px;
}

h3 {
  font-size: 24px;
}

@media screen and (min-width:750px) {
  h1 {
    font-size: 36px;
    font-weight: 500;
    text-align: center;
  }

  h2 {
    font-size: 32px;

  }

  h3 {
    font-size: 28px;
  }

  p {
    font-size: 16px;
  }

  ;
}

/****背景画像****/
html {
  width: 100vw;
  height: 100%;
  margin: 0 auto;
}

main {
  width: 100vw;
}

.cd-fixed-bg {
  width: 100vw;

  height: 100vh;
  /*--スクロールをさせるため 高さ指定--*/
  background-size: contain;
  /*--背景画像のサイズ--*/
  background-attachment: fixed;
  /*--背景画像の固定--*/
  background-repeat: repeat-y;
  /*--背景画像の繰り返し--*/
  background-position: center;
  /*--背景画像の位置--*/
  z-index: 2;

  margin: 0 auto;
}

.cd-fixed-bg.cd-bg-1 {
  background-image: url('../img/bg_sample.jpg');
}


/****文字色****/
.green_letter {
  color: #42bb34;
}

.black_letter {
  color: #0a0908;
}

.orange_letter {
  color: #eb8601;
}

.white_letter {
  color: #fff;
}

.pink_letter {
  color: #ed0368;
}

.black_letter {
  color: #0a0908;
}

.yellow_letter {
  color: #fafc50;
}

/****文字装飾*****/
.yellow_marker {
  background: linear-gradient(transparent 80%, #ffff7f 80%);
}

.pink_bolder_font_24 {
  font-weight: 600;
  color: #ed0368;
  font-size: 24px;
}

.black_underline {
  text-decoration: underline;
  text-decoration-color: #0a0908;
}

.pink_underline {
  text-decoration: underline;
  text-decoration-color: #ed0368;
}

.under_line_white {
  text-decoration: underline;
  text-decoration-color: #fff;
}

@media screen and (min-width:750px) {
  .pink_bolder_font_24 {
    font-weight: 600;
    color: #ed0368;
    font-size: 28px;
  }

  ;
}

/**白い強調の丸**/
.dots {
  background-image: radial-gradient(circle at center, #fff 20%, transparent 20%);
  /* 点の色とサイズ調整 */
  background-position: top right;
  /* 点の位置 */
  background-repeat: repeat-x;
  /* 横方向に繰り返し */
  background-size: 1em 0.3em;
  /* 点の間隔とサイズ調整 */
  padding-top: .1em;
  /* 縦方向の位置調整 */
}

.text_center {
  text-align: center;
}

/****文字大きさ****/
p {
  font-size: 16px;
  line-height: 1.4;
}

.bolder {
  font-weight: 500;
}

@media screen and (min-width:750px) {
  p {
    font-size: 18px;
    line-height: 1.7;
  }
}

/****　表示幅の指定　*****/
main {
  width: 100%;
  margin: auto;
}

/*================  画像の表示切替    ==================*/
/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.pc {
  display: block !important;
}

.sp {
  display: none !important;
}

/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
@media only screen and (max-width: 750px) {
  .pc {
    display: none !important;
  }

  .sp {
    display: block !important;
  }
}

@media only screen and (max-width: 1000px) {
  img {
    max-width: 100%;
  }
}

@media only screen and (min-width: 1000px) {
  img {
    max-width: 100%;
  }
}

/*-----------------  ヘッダー  -----------------*/

#header {
  width: 100%;
  background-color: #fff;
  height: 60px;
  padding: 20px 0 0 20px;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
  box-shadow: 1px 2px 3px rgba(256, 256, 256, 0.8);
  display: flex;
  justify-content: space-between;
}

#header h1 {
  display: block;
  width: 80%;
  color: #0a0908;
  background-color: ;
  font-size: 16px;
  text-align: left;
}

/*ハンバーガ―メニュー*/
a {
  text-decoration: none;
}

ul {
  list-style: none;
}

.menu-checkbox {
  display: none;
}

.drawer-menu {

  position: fixed;
  top: 0;
  right: 0;
  height: 100%;
  width: 260px;
  transform: translateX(100%);
  transition: all 0.5s ease-in-out 0s;
  background-color: #fff;
  z-index: 20;
}

.drawer-menu-list {
  margin-top: 100px;
}

.drawer-menu-item-link {
  display: block;
  text-align: center;
  font-size: 20px;
  color: #fff;
  ;
  margin-top: 20px;
}

.menu-checkbox:checked~.drawer-menu {
  transform: translateX(0);
}

.drawer-icon {
  cursor: pointer;
  position: fixed;
  top: 30px;
  right: 60px;
  justify-content: center;
  align-items: center;
  z-index: 30;
  background-color: #fff;
}

.drawer-icon span,
.drawer-icon span:before,
.drawer-icon span:after {
  content: '';
  display: block;
  height: 2px;
  width: 40px;

  background-color: #0a0908;
  position: absolute;
  transition: all 0.5s ease-in-out 0s;
}

.drawer-icon span::before {
  bottom: 12px;
}

.drawer-icon span::after {
  top: 12px;
}

.menu-checkbox:checked~.drawer-icon {
  background-color: #0a0908;
}

.menu-checkbox:checked~.drawer-icon span {
  background-color: rgba(255, 255, 255, 0);
}

.menu-checkbox:checked~.drawer-icon span::before {
  bottom: 0;
  transform: rotate(-45deg);
  background-color: #0a0908;
}

.menu-checkbox:checked~.drawer-icon span::after {
  top: 0;
  transform: rotate(45deg);
  background-color: #0a0908;
}

.menu-background {
  display: none;
  position: fixed;
  z-index: 10;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0;
  transition: all 0.5s ease-in-out 0s;
}

.menu-checkbox:checked~.menu-background {
  display: block;
  opacity: 0.3;
}

/****  メニュー  ****/
.drawer-menu {
  padding: 10px;
}

.drawer-menu .menu {
  margin: 80px 0 40px 0;
}

.drawer-menu ul ol {
  margin-bottom: 1px;
  padding: 25px 0;
  border-bottom: 1px solid #D5D8E3;
  font-size: 1rem;
  letter-spacing: 0.1em;
  text-align: center;
}

.drawer-menu .menu a {
  color: #392828;
  text-decoration: none;
  line-height: 1.2;
  letter-spacing: normal;
}

.drawer-menu ul ol span {
  font-size: 22px;
}

.drawer-menu.btn {
  width: 250px;
  border: solid 1px #fff;
  color: #fff;
  display: block;
  font-weight: bold;
  padding: 15px 0;
  margin: 0 auto;
  position: relative;
  transition: 0.3s ease-in-out;
}

/*----------  PCヘッダー  ----------*/

.pc_header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background-color: #fff;

  padding: 15px 0;
  z-index: 1000;
  box-shadow: 1px 2px 3px rgba(256, 256, 256, 0.8);
  display: flex;
  justify-content: space-between;
}

.pc_hd_wrapper {
  max-width: 1140px;
  margin: 0 auto;
}

.pc_header h1 {
  display: block;
  width: 80%;
  color: #0a0908;
  background-color: ;
  font-size: 20px;
  text-align: left;
  padding-left: 20px;

}

.pc_menu ul {
  display: flex;
  justify-content: space-between;
  padding: 0;
  align-items: center;
  width: 100%;
}

.pc_menu ul li {
  padding: 0 15px 10px 15px;
  text-align: center;
  border-right: 1px solid #0a0908;

  display: flex;
  margin: 0;
  padding: 0 20px;
  border: none;
  border-right: 1px solid #392828;
}

.pc_menu ul li:nth-of-type(2) {}

.pc_menu ul li:nth-of-type(6) {
  border-right: 0;
}

.pc_menu ul li:nth-of-type(7) {
  width: 225px;
  border-right: 0;
  padding-bottom: 0;
}

.pc_menu ul li a {
  font-size: 16px;
  padding: 8px;
  color: #0a0908;
  text-decoration: none;
}

.pc_menu ul li a:nth-child(2) {}

.pc_menu ul li a:last-of-type {
  padding: 0;
}

.pc_hd_btn_wrapper {
  width: 100px;
}

.pc_hd_btn_wrapper img {
  width: 225px;
}

/*-----------------  メインビジュアル  -----------------*/

#mv {
  width: 100%;
  padding-top: 60px;
  position: relative;
  padding-bottom: 0;
  margin: 0 auto;
  background-color: #fff;
}

.mv_img_wrapper {
  max-width: 750px;
  margin: 0 auto;
}

@media screen and (min-width:1000px) {
  #mv {
    padding-top: 110px;
    max-width: 1000px;
    margin: 0 auto;
  }

  .mv_img_wrapper {
    max-width: 1000px;
    margin: 0 auto;
  }

  .pc_mv {
    padding-top: 200px;
    padding-top: 0;
  }
}

.mv_img_wrapper img {
  margin: 0 auto;
}

.btn_mv_upper_p .green_letter .font_bigger {
  font-size: 28px;
}


/*-----------------  MVのCTAボタン -----------------*/

.btn_mv_upper_p {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 36px;
  font-weight: 500;
}

@media screen and (min-width:750px) {
  .btn_mv_upper_p {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 36px;
    font-weight: 500;
  }
}

.btn_mv_upper_p img {
  width: 15px;
  height: 20px;
  margin-top: 10px;
}

.btn_mv_upper_p .img_left {
  margin-right: 10px;
}

.btn_mv_upper_p .img_right {
  margin-left: 10px;
}

.btn_mv_upper_p .green_letter {
  color: #42bb34;
}

.btn_wrapper {
  transform: translateY(-25px);
}

.btn,
a.btn {
  display: block;
  margin: auto;
  z-index: 0;
  max-width: 670px;
  height: auto;
  animation: poyopoyo 2s ease-out infinite;
  opacity: 1;
  transform: translate3d(0, 0, 0);
}

.btn,
a.btn span {
  font-size: 51px;
}

@keyframes poyopoyo {

  0%,
  40%,
  60%,
  80% {
    transform: scale(1.0);
  }

  50%,
  70% {
    transform: scale(0.95);
  }
}

.font_bolder {
  font-weight: 500;
}

/****　ボタン下の説明文　****/
.btn_capture {
  text-align: center;
  font-size: 11px;
  transform: translateY(-35px);
}

/**----------　スクロールの線 ----------**/

/*スクロールダウン全体の場所*/
.scrolldown2 {
  /*描画位置※位置は適宜調整してください*/
  position: absolute;
  bottom: -30px;
  left: 50%;
}

/*Scrollテキストの描写*/
.scrolldown2 span {
  /*描画位置*/
  position: absolute;
  left: 10px;
  bottom: 10px;
  /*テキストの形状*/
  color: #eee;
  font-size: 0.7rem;
  letter-spacing: 0.05em;
  /*縦書き設定*/
  -ms-writing-mode: tb-rl;
  -webkit-writing-mode: vertical-rl;
  writing-mode: vertical-rl;
}

/* 丸の描写 */
.scrolldown2:before {
  content: "";
  /*描画位置*/
  position: absolute;
  bottom: 0;
  left: -4px;
  /*丸の形状*/
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #0a0908;
  /*丸の動き1.6秒かけて透過し、永遠にループ*/
  animation:
    circlemove 1.6s ease-in-out infinite,
    cirlemovehide 1.6s ease-out infinite;
}

/*下からの距離が変化して丸の全体が上から下に動く*/
@keyframes circlemove {
  0% {
    bottom: 45px;
  }

  100% {
    bottom: -5px;
  }
}

/*上から下にかけて丸が透過→不透明→透過する*/
@keyframes cirlemovehide {
  0% {
    opacity: 0
  }

  50% {
    opacity: 1;
  }

  80% {
    opacity: 0.9;
  }

  100% {
    opacity: 0;
  }
}

/* 線の描写 */
.scrolldown2:after {
  content: "";
  /*描画位置*/
  position: absolute;
  bottom: 0;
  left: 0;
  /*線の形状*/
  width: 2px;
  height: 50px;
  background: #0a0908;
}

/**---------- 追従CTAボタン ----------**/
main {
  position: relative;
  max-width: 750px;
}

@media screen and (min-width:750px) {
  main {
    position: relative;
    max-width: 1000px;
  }
}

.body-in #main #mv .float-button__wrap {
  max-width: 750px;
  display: none;
  position: fixed;
  bottom: 0px;
  left: 3%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateY(10px);
  -webkit-transform: translateY(10px);
  -ms-transform: translateY(10px);
  z-index: 10;
}

.float-button__wrap a {
  display: flex;
  justify-content: center;
  align-items: center;
  max-width: 680px;
  height: 100%;
  text-decoration: none;

}

@media (min-width:750px) {
  .float-button__wrap {
    display: none;
    opacity: 0;
  }
}

/*----------  PC固定ボタン  ----------*/
.pc_cta_btn_area {
  width: 100%;
  background-color: #eb8601;
  height: 100spx;
  position: fixed;
  bottom: 0;
  left: 0;
  display: flex;
  justify-content: space-around;
  align-content: flex-end;
  margin: auto;
  text-align: center;
  z-index: 1000;
}

.pc_cta_btn_area .pc_btn_text {
  width: 320px;
  height: auto;
  margin-bottom: 10px;
  margin-right: 20px;
}

.pc_cta_btn_area .pc_btn {
  width: 320px;
  min-height: auto;
  animation: poyopoyo 2s ease-out infinite;
}

/*------------------  教科書プレゼント  -----------------*/

#text_present {
  padding: 60px 15px 20px 15px;
  background-color: #eb8601;
  margin: 0 auto;
  max-width: 750px;
  width: 100%;
}

@media screen and (min-width:750px) {
  #text_present {
    padding: 60px 15px 20px 15px;
    background-color: #eb8601;
    margin: 0 auto;
    max-width: 1000px;
  }

  #text_present h2 {
    max-width: 900px;
  }

  #text_present h2 img {
    max-width: 900px;
    margin: auto;
  }

  #text_present p {
    font-size: 16px;
  }
}

/****  タイトル画像  ****/
#text_present h2 {
  width: 340px;
  text-align: center;
  display: inline;
}

#text_present h2 img {
  width: 100%;
}

#text_present .first_sentence {
  margin-top: 24px;
  color: #fff;
  text-align: center;
  margin-bottom: 40px;
}

/****テキスト画像部分****/
.text_present_img_wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
}

.text_present_img_wrapper img {
  margin: 0 auto;
}

/**四角の枠の中**/
#text_present .border_container {
  border: 1px solid #fff;
  padding: 10px 10px 13px 10px;
  width: 80%;
  margin: 0 auto;
  text-align: center;
  margin-top: 20px;
}

#text_present .caption_wrapper {
  display: flex;
  justify-content: center;
}

#text_present .caption_attention {
  font-size: 18px;
  color: #fff;
}

#text_present .attention_img {
  width: 18px;
  height: 18px;
}

#text_present .p_wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
}

#text_present .bolder {
  text-align: center;
  color: #fff;
}

#text_present .smaller_letter {
  text-align: center;
  color: #fff;
}

#text_present .border_inner_p {
  color: #fff;
  margin-top: 14px;
  font-size: 16px;
  line-height: 1;
}

#text_present .smaller_letter {
  font-size: 12px;
  line-height: 1.7;
}

#text_present .p_under_box {
  margin-top: 12px;
  font-size: 12px;
  color: #fff;
  line-height: 1.43;
}

@media screen and (min-width:1000px) {
  #text_present .border_container {
    border: 1px solid #fff;
    padding: 20px 10px 20px 10px;
    width: 60%;
    margin: 0 auto;
    text-align: center;
    margin-top: 40px;
  }

  #text_present .p_under_box {
    margin-top: 20px;
    font-size: 12px;
    color: #fff;
    line-height: 1.8;
  }
}

/*------------------ 背景切り替え  ------------------*/

#bg_change {
  margin: 0 auto;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

#bg_change img {
  max-width: 750px;
  width: 100%;
  margin: 0 auto;
}

@media screen and (min-width:750px) {
  #bg_change img {
    max-width: 1000px;
    width: 100%;
    margin: 0 auto;
  }
}

/*--------------- 収入を得るまでの3STEP  ---------------*/

#three_step {
  padding: 20px 15px 36px 15px;
  background-color: #fbfaf5;
  max-width: 750px;
  /*width: 100%;*/
  margin: 0 auto;
}

@media screen and (min-width:1000px) {
  #three_step {
    padding: 20px 15px 36px 15px;
    background-color: #fbfaf5;
    max-width: 1000px;
    width: 100%;
    margin: 0 auto;
  }

  #three_step img {
    margin: auto;
  }

  #three_step .step_img_wrapper img {
    margin-top: 24px;
    margin: auto;
  }
}

/****  タイトル画像  ****/
#three_step h2 {
  width: 340px;
  text-align: center;
  display: inline;
}

/****  STEP3図  ****/
#three_step .step_img_wrapper {
  margin-top: 24px;
}


/*--------------- こんな方におすすめ ---------------*/

#recommend {
  background-color: #fff;
  max-width: 750px;
  width: 100%;
  padding: 40px 10px;
  margin: 0 auto;
}

@media screen and (min-width:1000px) {
  #recommend {
    background-color: #fff;
    max-width: 1000px;
    width: 100%;
    padding: 40px 10px;
    margin: 0 auto;
  }

  #recommend h2 img {
    margin: auto;
  }

  #balloons_pc img {
    margin: auto;
    padding: 40px 0;
  }
}

/****  タイトル画像  ****/
#recommend h2 {
  width: 340px;
  text-align: center;
  display: inline;
}

#recommend .h2_wrapper {
  margin-bottom: 24px;
}

/****  吹き出し  ****/

.balloon_container {
  display: flex;
  justify-content: center;
  align-items: center;
  max-width: 340px;
  margin-bottom: 20px;
  margin: auto;
  margin-bottom: 20px;

}

/**** 吹き出し１つめ　 ****/
.balloon_01 {
  position: relative;
  display: inline-block;

  padding: 7px 10px;
  min-width: 255px;
  max-width: 100%;
  color: #fff;
  font-size: 16px;
  background: #e2ad2e;
  padding: 12px 16px;
  border-radius: 10px;
  margin-left: 15px;
  border: 0px;
}

.balloon_01:before {
  content: "";
  position: absolute;
  top: 50%;
  left: -18px;
  margin-top: -10px;
  border: 10px solid transparent;
  border-right: 10px solid #e2ad2e;
}

.balloon_01 p {
  margin: 0;
  padding: 0;
  text-align: left;
  font-size: 20px;
  line-height: 1.5;
  letter-spacing: normal;
}

.balloon_01_img {

  max-width: 70px;
}

/****   吹き出し2つ目　 ****/
.balloon_02 {
  position: relative;
  display: inline-block;
  margin: 16px 16ppx 16px 0px;
  min-width: 255px;
  max-width: 100%;
  color: #fff;
  font-size: 16px;
  background: #c91298;
  padding: 12px 16px;
  border-radius: 10px;
  margin-right: 16px;
}

.balloon_02::before {
  content: "";
  position: absolute;
  top: 50%;
  right: -18px;
  margin-top: -10px;
  border: 10px solid transparent;
  border-left: 10px solid #c91298;
}

.balloon_02 p {
  margin: 0;
  padding: 0;
  text-align: left;
  font-size: 20px;
  line-height: 1.5;
  letter-spacing: normal;
  word-wrap: break-word;
}

.balloon_02_img {
  max-width: 64px;
}

/**** 吹き出し3つめ　 ****/
.balloon_03 {
  position: relative;
  display: inline-block;

  padding: 7px 10px;
  min-width: 255px;
  max-width: 100%;
  color: #fff;
  font-size: 16px;
  background: #fb7a5b;
  padding: 16px 16px;
  border-radius: 10px;
  margin-left: 15px;
}

.balloon_03:before {
  content: "";
  position: absolute;
  top: 50%;
  left: -18px;
  margin-top: -10px;
  border: 10px solid transparent;
  border-right: 10px solid #fb7a5b;
}

.balloon_03 p {
  margin: 0;
  padding: 0;
  text-align: left;
  font-size: 20px;
  line-height: 1.5;
  letter-spacing: normal;
}

.balloon_03_img {
  max-width: 60px;
}

/****   吹き出し４つ目　 ****/
.balloon_04 {
  position: relative;
  display: inline-block;
  margin: 16px 16ppx 16px 0px;
  padding: 7px 10px;
  min-width: 255px;
  max-width: 100%;
  color: #fff;
  font-size: 16px;
  background: #f20b59;
  padding: 15px;
  border-radius: 10px;
  margin-right: 16px;
}

.balloon_04::before {
  content: "";
  position: absolute;
  top: 50%;
  right: -18px;
  margin-top: -10px;
  border: 10px solid transparent;
  border-left: 10px solid #f20b59;
}

.balloon_04 p {
  margin: 0;
  padding: 0;
  text-align: left;
  font-size: 20px;
  line-height: 1.5;
  letter-spacing: normal;
  word-wrap: break-word;
}

.balloon_04_img {
  max-width: 60px;
}

/**** 吹き出し5つめ　 ****/
.balloon_05 {
  position: relative;
  display: inline-block;

  padding: 7px 10px;
  min-width: 255px;
  max-width: 100%;
  color: #fff;
  font-size: 16px;
  background: #ec2390;
  padding: 16px 16px;
  border-radius: 10px;
  margin-left: 15px;
}

.balloon_05:before {
  content: "";
  position: absolute;
  top: 50%;
  left: -18px;
  margin-top: -10px;
  border: 10px solid transparent;
  border-right: 10px solid #ec2390;
}

.balloon_05 p {
  margin: 0;
  padding: 0;
  text-align: left;
  font-size: 20px;
  line-height: 1.5;
  letter-spacing: normal;
}

.balloon_05_img {
  max-width: 60px;
}

/****   吹き出し6つ目　 ****/
.balloon_06 {
  position: relative;
  display: inline-block;
  margin: 16px 16ppx 16px 0px;
  padding: 7px 10px;
  min-width: 255px;
  max-width: 100%;
  color: #fff;
  font-size: 16px;
  background: #834ad1;
  padding: 15px;
  border-radius: 10px;
  margin-right: 16px;
}

.balloon_06::before {
  content: "";
  position: absolute;
  top: 50%;
  right: -18px;
  margin-top: -10px;
  border: 10px solid transparent;
  border-left: 10px solid #834ad1;
}

.balloon_06 p {
  margin: 0;
  padding: 0;
  text-align: left;
  font-size: 20px;
  line-height: 1.5;
  letter-spacing: normal;
  word-wrap: break-word;
}

.balloon_06_img {
  max-width: 60px;
}

/**** 吹き出し7つめ　 ****/
.balloon_07 {
  position: relative;
  display: inline-block;

  padding: 7px 10px;
  min-width: 255px;
  max-width: 100%;
  color: #fff;
  font-size: 16px;
  background: #f74a48;
  padding: 16px 16px;
  border-radius: 10px;
  margin-left: 15px;
}

.balloon_07:before {
  content: "";
  position: absolute;
  top: 50%;
  left: -18px;
  margin-top: -10px;
  border: 10px solid transparent;
  border-right: 10px solid #f74a48;
}

.balloon_07 p {
  margin: 0;
  padding: 0;
  text-align: left;
  font-size: 20px;
  line-height: 1.5;
  letter-spacing: normal;
}

.balloon_07_img {
  max-width: 60px;
}

/*----------  Instagramアフィリエイトとは  -----------*/
/****  タイトル画像部分  ****/
#about_title {
  background-color: #eb8601;
  max-width: 750px;
  width: 100%;
  position: relative;
  margin: 0 auto;
  padding: 40px 0px 0px 0px;
}

@media screen and (min-width:1000px) {
  #about_title {
    background-color: #eb8601;
    max-width: 1000px;
    width: 100%;
    position: relative;
    margin: 0 auto;
    padding: 40px 0px 0px 0px;
  }

  #about_title img {
    margin: auto;
  }

  .under_title_p_wrapper p {
    display: block;
    margin: auto;
  }
}

#about h2 {
  width: 340px;
  text-align: center;
  display: inline;
}

#about .h2_wrapper {
  margin-bottom: 24px;
}

.triangle {
  width: 0;
  /* 必ず指定！ */
  height: 0;
  /* 必ず指定！ */
  border-top: 14px solid #fff;
  border-right: 11px solid transparent;
  border-bottom: 14px solid transparent;
  border-left: 11px solid transparent;
  position: absolute;
  top: -1px;
  left: calc(50% - 5px);
}

/*----------  インスタについて  ----------*/

#about {
  background-color: #eb8601;
  max-width: 750px;
  width: 100%;
  margin: 0 auto;
  padding: 40px 10px 40px 10px;
}

.under_title_p_wrapper {
  width: 100%;
  margin: auto;
  margin-bottom: 60px;
}

.under_title_p_wrapper p {
  text-align: center;
  display: block;
  max-width: 680px;
  text-align: center;
  font-size: 16px;
}

@media screen and (min-width:750px) {
  #about {
    background-color: #eb8601;
    max-width: 1000px;
    width: 100%;
    margin: 0 auto;
    padding: 40px 10px 40px 10px;
  }

  #about_title img {
    margin: auto;
  }

  .under_title_p_wrapper {
    width: 100%;
    margin: auto;
    margin-bottom: 60px;
  }

  .under_title_p_wrapper p {
    text-align: center;
    display: block;
    max-width: 800px;
    text-align: center;
    font-size: 16px;
  }
}

/****  インスタについての部分  ****/
/****  h3の部分  ****/
#about_insta {
  width: 100%;
}

#about_insta .h3_wrapper {
  max-width: 340px;

  margin: 0 auto;

}

@media screen and (min-width:750px) {
  #about_insta .h3_wrapper {
    max-width: 900px;

    margin: 0 auto;

  }
}

#about_insta h3 {
  line-height: 1;
  font-size: 24px;
  letter-spacing: 0.25rem;
  text-align: left;
  display: block;
  width: 124px;
  margin-left: 42px;
}

@media screen and (min-width:750px) {
  #about {}

  #about_insta h3 {
    line-height: 1;
    font-size: 24px;
    letter-spacing: 0.25rem;
    text-align: center;
    display: block;
    width: 124px;
    margin: auto;
  }

  .pc_about_p_inner_wrapper {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
  }

  .pc_about_p_inner_inner_wrapper {
    order: 2;
  }

  .about_insta_second_part_p {
    order: 1;
    padding-right: 80px;
  }
}

#about .p_wrapper {
  width: 300px;
  letter-spacing: normal;
  text-align: center;
  line-height: 1.3;
  margin: 0 auto;
  margin-bottom: 40px;
}

/**** タイトル横の画像 ****/
#about_insta .h3_wrapper {
  position: relative;
}

#about_insta .insta_title_img_wrapper {
  position: absolute;
  top: -36px;
  right: -8px;
  width: 145px;
}

#about_insta .insta_title_img_wrapper img {
  width: 100%;
}

/****  説明部分  ****/
.about_insta_container {
  max-width: 340px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  background-color: #fff;
  margin: 0 auto;
  text-align: center;
  padding: 40px 15px;
  margin-bottom: 40px;
  ;
}

.about_insta_container p {
  text-align: left;
  letter-spacing: normal;
  line-height: 1.3;
}

@media screen and (min-width:750px) {
  .about_insta_container {
    max-width: 900px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    background-color: #fff;
    margin: 0 auto;
    text-align: center;
    padding: 50px 50px;
    margin-bottom: 40px;

  }

  .about_insta_container p {
    text-align: left;
    letter-spacing: normal;
    line-height: 1.6;
    font-size: 16px;
  }
}

.about_insta_inner_p .yellow_marker {
  font-size: 20px;
}



/****  アフィリエイトについての部分  ****/
/****  h3の部分  ****/
#about_affiliate {
  width: 100%;
  margin-top: 80px;
}

#about_affiliate .h3_wrapper {
  max-width: 340px;
  margin: 0 auto;
}

@media screen and (min-width:750px) {
  #about_affiliate {
    margin-top: 60px;
  }

  #about_affiliate .h3_wrapper {
    max-width: 900px;
    margin: 0 auto;
  }
}

#about_affiliate h3 {
  line-height: 1;
  font-size: 24px;
  letter-spacing: -0.1rem;
  text-align: left;
  display: block;
  width: 160px;
  margin-left: 20px;
}

#about .p_wrapper {
  width: 300px;
  letter-spacing: normal;
  font-feature-settings: "palt";
  text-align: center;
  line-height: 1.3;
  margin: 0 auto;
  margin-bottom: 40px;
}

@media screen and (min-width:750px) {
  #about .p_wrapper {
    width: 800px;
    letter-spacing: normal;
    font-feature-settings: "palt";
    text-align: center;
    line-height: 1.6;
    margin: 0 auto;
    margin-bottom: 40px;
  }

}

/**** タイトル横の画像 ****/
#about_affiliate .h3_wrapper {
  position: relative;

}

#about_affiliate .affiliate_title_img_wrapper {
  position: absolute;
  top: -44px;
  right: -8px;
  width: 145px;
}

#about_affiliate .affiliate_title_img_wrapper img {
  width: 100%;
  text-align: left;
}

#affiliate h3 .about_affiliate_img_wrapper {
  max-width: 160px;
}

/****  説明部分  ****/
.about_affiliate_container {
  max-width: 340px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  background-color: #fff;
  margin: 0 auto;
  text-align: center;
  padding: 40px 15px;
}

.about_affiliate_container p {
  text-align: left;
  letter-spacing: normal;
  line-height: 1.3;
}

.about_affiliate_inner_p .yellow_marker {
  font-size: 20px;
}

@media screen and (min-width:750px) {
  .about_affiliate_container {
    max-width: 900px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    background-color: #fff;
    margin: 0 auto;
    text-align: center;
    padding: 40px 40px;
  }

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

  .inner_p_wrapper {
    width: 80%;

  }

  .about_affiliate_graph_img_wrapper {
    width: 95%;
  }

  .about_affiliate_container p {
    text-align: left;
    letter-spacing: normal;
    line-height: 1.6;
    font-size: 16px;
  }

  .about_affiliate_inner_p .yellow_marker {
    font-size: 20px;
  }

  .insta_affiliate_letter_img_wrapper img {
    margin: auto;
  }
}

/**** instagram×アフィリエイト 文字部分  ****/
#about .insta_affiliate_letter {
  max-width: 340px;
  width: 100%;
  margin: 0 auto;
  padding-top: 20px;
}

@media (min-width:750px) {
  #about .insta_affiliate_letter {
    max-width: 900px;
    width: 100%;

    padding-top: 50px;
  }

  #about .insta_affiliate_letter img {
    max-width: 900px;
width: 100%;
    margin: 0 auto;

  }
}

/*----------------- お勧めの理由 -----------------*/
/****    タイトル部分****/
#reason_title {
  background-color: #fbfaf5;
  padding: 0 10px 16px 10px;
  margin: auto;
}

#reason_title .reason_title_img_wrapper {
  padding-top: 40px;
  background-color: #fbfaf5;
}

#reason_title .p_wrapper {
  display: block;
  margin: 0 auto;
  width: 340px;
  text-align: center;
  margin-top: 40px;
  margin-bottom: 40px;
}

@media screen and (min-width:1000px) {
  #reason_title {
    background-color: #fbfaf5;
    padding: 0px 10px 40px 10px;
    margin: auto;
  }

  .reason_title_img_wrapper img {
    margin: auto;
  }

  #reason_title .p_wrapper {
    margin: 0 auto;
    width: 100%;
    margin-top: 40px;
    margin-bottom: 40px;
  }

  #reason_title .p_wrapper p {
    display: block;
    margin: 0 auto;
    max-width: 900px;
    text-align: center;
    font-size: 16px;
  }

  #reason_title .img_wrapper {
    width: 100%;
    margin: auto;
  }

  #reason_title .img_wrapper img {
    max-width: 900px;
    margin: auto;
  }
}

/****----------  理由  ----------****/
#reason {
  width: 100%;
}

/****   おススメの理由背景指定****/
#reason_bg {
  max-width: 750px;
  background-image: url(../img/sp_reason_bg.jpg);
  padding: 25px 15px 0px 15px;
  margin: auto;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  padding: 20px 0px;
}

@media (min-width:1000px) {
  #reason_bg {
    max-width: 1000px;
    background-image: url(../img/pc_reason_bg.jpg);
    padding-left: 0;
    padding-right: 0;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    padding-bottom: 50px;
  }
}

/****  理由１  ****/
.reason_01_wrapper {
  background-image: url(../img/sp_reason_01.png);
  background-position: ;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  max-width: 360px;
  height: 640px;
  display: block;
  margin: auto;
  margin-bottom: 20px;
}

@media (min-width:1000px) {
  .reason_01_wrapper {
    background-image: url(../img/pc_reason_01.png);
    background-position: ;
    background-size: auto;
    background-position: center center;
    background-repeat: no-repeat;
    max-width: 900px;
    height: 560px;
    display: block;
    margin-top: 25px;
    margin-bottom: 0;
  }
}

/****  説明部分  ****/
.reason_01_wrapper .reason_p {
  text-align: left;
  letter-spacing: normal;
  line-height: 1.4;
  display: block;
  width: 292px;
  margin: auto;
  padding-top: 260px;
}

@media (min-width:1000px) {
  .reason_p_wrapper {
    max-width: 1000px;
    margin: auto;
  }

  .reason_p_wrapper {
    max-width: 900px;
    margin-bottom: px;
  }

  .reason_01_wrapper .reason_p {
    text-align: left;
    letter-spacing: normal;
    line-height: 1.3;
    display: block;
    margin: auto;
    width: 800px;
    padding: 160px 50px 200px 50px;
    font-size: 16px;
    margin-top: 0px;
  }
}

/****  理由2  ****/
.reason_02_wrapper {
  background-image: url(../img/sp_reason_02.png);
  background-position: ;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  max-width: 360px;
  height: 750px;
  display: block;
  margin: auto;
}

.reason_02_wrapper .reason_p {
  text-align: left;
  letter-spacing: normal;
  line-height: 1.4;
  display: block;
  width: 292px;
  margin: auto;
  padding-top: 260px;
}

@media (min-width:1000px) {
  .reason_02_wrapper {
    background-image: url(../img/pc_reason_02.png);
    background-position: ;
    background-size: auto;
    background-position: center center;
    background-repeat: no-repeat;
    max-width: 900px;
    display: block;
    margin: auto;
    height: 560px;
    margin-top: 50px;
  }

  .reason_p_wrapper {
    max-width: 900px;
  }

  .reason_02_wrapper .reason_p {
    text-align: left;
    letter-spacing: normal;
    line-height: 1.3;
    display: block;
    margin: auto;
    width: 800px;
    padding: 160px 50px 200px 50px;
    font-size: 16px;
    margin-bottom: 40px;
  }
}


/****  理由3  ****/
.reason_03_wrapper {
  background-image: url(../img/sp_reason_03.png);
  background-position: ;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  max-width: 360px;
  height: 681px;
  display: block;
  margin: auto;
  margin-top: 20px;
}

.reason_03_wrapper .reason_p {
  text-align: left;
  letter-spacing: normal;
  line-height: 1.4;
  display: block;
  width: 292px;
  margin: auto;
  padding-top: 260px;
}

@media (min-width:1000px) {
  .reason_03_wrapper {
    background-image: url(../img/pc_reason_03.png);
    background-position: ;
    background-size: auto;
    background-position: center center;
    background-repeat: no-repeat;
    max-width: 900px;
    display: block;
    margin-top: 0;
    height: 560px;
    margin-top: 50px;
  }

  .reason_03_wrapper .reason_p {
    text-align: left;
    letter-spacing: normal;
    line-height: 1.3;
    display: block;
    margin: auto;
    width: 800px;
    padding: 160px 50px 200px 50px;
    font-size: 16px;
    margin-bottom: 40px;
  }

  #reason_second .reason_p_wrapper {
    padding-top: 130px;
  }

}

/****  理由4  ****/
.reason_04_wrapper {
  background-image: url(../img/sp_reason_04.png);
  background-position: ;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  max-width: 360px;
  height: 604px;
  display: block;
  margin: auto;
  margin-top: 20px;
}

.reason_04_wrapper .reason_p {
  text-align: left;
  letter-spacing: normal;
  line-height: 1.4;
  display: block;
  width: 292px;
  margin: auto;
  padding-top: 280px;
}

@media (min-width:1000px) {
  .reason_04_wrapper {
    background-image: url(../img/pc_reason_04.png);
    background-position: ;
    background-size: auto;
    background-position: center center;
    background-repeat: no-repeat;
    max-width: 900px;
    height: 560px;
    display: block;
    padding-bottom: 20px;
    margin-top: 50px;

  }

  .reason_04_wrapper .reason_p {
    text-align: left;
    letter-spacing: normal;
    line-height: 1.3;
    display: block;
    margin: auto;
    width: 800px;
    padding: 180px 50px 200px 50px;
    font-size: 16px;
    margin-bottom: 40px;
  }

  .reason_04_wrapper .reason_p .reason_p_wrapper {
    padding-top: 130px;
  }

}

/****  理由5  ****/
.reason_05_wrapper {
  background-image: url(../img/sp_reason_05.png);
  background-position: ;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  max-width: 360px;
  height: 576px;
  display: block;
  margin: auto;
  margin-top: 20px;
}

.reason_05_wrapper .reason_p {
  text-align: left;
  letter-spacing: normal;
  line-height: 1.4;
  display: block;
  width: 292px;
  margin: auto;
  padding-top: 240px;

}

@media (min-width:1000px) {
  .reason_05_wrapper {
    background-image: url(../img/pc_reason_05.png);
    background-position: ;
    background-size: auto;
    background-position: center center;
    background-repeat: no-repeat;
    max-width: 900px;
    display: block;
    margin-top: 50px;
  }

  .reason_05_wrapper .reason_p {
    text-align: left;
    letter-spacing: normal;
    line-height: 1.3;
    display: block;
    margin: auto;
    width: 800px;
    padding: 180px 50px 200px 50px;
    font-size: 16px;
    margin-bottom: 40px;
    margin-top: 50px;
  }
}

x @media (min-width:1000px) {
  #reason_third {
    height: 2900px;
    padding: 0;
    padding-top: 50px;
    margin-bottom: 0;
  }
}

#reason_third .reason_p_wrapper p {
  margin-top: 0;
}

/****  理由6  ****/
.reason_06_wrapper {
  background-image: url(../img/sp_reason_06.png);
  background-position: ;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  max-width: 360px;
  height: 606px;
  display: block;
  margin: auto;
  margin-top: 20px;
}

.reason_06_wrapper .reason_p {
  text-align: left;
  letter-spacing: normal;
  line-height: 1.4;
  display: block;
  width: 292px;
  margin: auto;
  padding-top: 260px;
}

@media (min-width:1000px) {
  .reason_06_wrapper {
    background-image: url(../img/pc_reason_06.png);
    background-position: ;
    background-size: auto;
    background-position: center center;
    background-repeat: no-repeat;
    max-width: 900px;
    height: 560px;
    margin-top: 50px;
  }

  .reason_06_wrapper .reason_p {
    text-align: left;
    letter-spacing: normal;
    line-height: 1.3;
    display: block;
    margin: auto;
    width: 800px;
    padding: 180px 50px 200px 50px;
    font-size: 16px;
    margin-top: 40px;
    margin-bottom: 40px;
  }
}

/****  理由7  ****/
.reason_07_wrapper {
  background-image: url(../img/sp_reason_07.png);
  background-position: ;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  max-width: 360px;
  height: 630px;
  display: block;
  margin: auto;
  margin-top: 25px;
}

.reason_07_wrapper .reason_p {
  text-align: left;
  letter-spacing: normal;
  line-height: 1.4;
  display: block;
  width: 292px;
  margin: auto;
  padding-top: 260px;
}

@media (min-width:1000px) {
  .reason_07_wrapper {
    background-image: url(../img/pc_reason_07.png);
    background-position: ;
    background-size: auto;
    background-position: center center;
    background-repeat: no-repeat;
    max-width: 900px;
    display: block;
    margin-top: 0;
    height: 560px;
    margin-top: 50px;
  }

  .reason_07_wrapper .reason_p {
    text-align: left;
    letter-spacing: normal;
    line-height: 1.3;
    display: block;
    margin: auto;
    width: 800px;
    padding: 180px 50px 200px 50px;
    font-size: 16px;
    margin-top: 40px;
    margin-bottom: 40px;
  }
}

/****  理由8  ****/
.reason_08_wrapper {
  background-image: url(../img/sp_reason_08.png);
  background-position: ;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  max-width: 360px;
  height: 615px;
  display: block;
  margin: auto;
  margin-top: 25px;
}

.reason_08_wrapper .reason_p {
  text-align: left;
  letter-spacing: normal;
  line-height: 1.4;
  display: block;
  width: 292px;
  margin: auto;
  padding-top: 260px;
}

/***テキストの位置調整**/
.reason_08_wrapper .reason_p_wrapper {
  padding-top: 20px;
}

.and_more {
  display: block;
  margin: auto;
  padding-top: 630px;
  margin-top: 20px;
}

@media (min-width:1000px) {
  .reason_08_wrapper {
    background-image: url(../img/pc_reason_08.png);
    background-position: ;
    background-size: auto;
    background-position: center center;
    background-repeat: no-repeat;
    max-width: 900px;
    display: block;
    margin-bottom: 0;
  }

  .reason_08_wrapper .reason_p {
    text-align: left;
    letter-spacing: normal;
    line-height: 1.3;
    display: block;
    margin: auto;
    width: 800px;
    padding: 180px 50px 200px 50px;
    font-size: 16px;

    margin-bottom: 40px;
  }

  .reason_08_wrapper .reason_p_wrapper {
    padding-top: 0;
  }

  .and_more {
    padding-top: 620px;
  }
}

/****  理由9  ****/
.reason_09_wrapper {
  background-image: url(../img/sp_reason_09.png);
  background-position: ;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  max-width: 360px;
  height: 1206px;
  display: block;
  margin: auto;
  margin-top: 60px;
}

.reason_09_wrapper .reason_p {
  text-align: left;
  letter-spacing: normal;
  line-height: 1.6;
  display: block;
  width: 292px;
  margin: auto;
  padding-top: 180px;
}

@media (min-width:1000px) {
  .reason_09_wrapper {
    background-image: url(../img/pc_reason_09.png);
    background-position: ;
    background-size: auto;
    background-position: center center;
    background-repeat: no-repeat;
    max-width: 900px;
    height: 907px;
    display: block;
    margin-bottom: 20px;
    margin-top: 80px;

  }

  .reason_09_wrapper .reason_p {
    text-align: left;
    letter-spacing: normal;
    line-height: 1.6;
    display: block;
    margin: auto;
    width: 800px;
    padding: 200px 50px 200px 50px;
    font-size: 16px;
  }

}


/*----------  理由  ----------*/

#how_to_use {
  background-color: #fff;
  max-width: 750px;
  width: 100%;
  padding: 40px 10px;
  margin: 0 auto;
}

/****  タイトル画像  ****/
#how_to_use h2 {
  width: 340px;
  text-align: center;
  display: inline;
}

#how_to_use .h2_wrapper {
  margin-bottom: 24px;
}

/****  タイトル下の文章部分  ****/
#how_to_use .p_wrapper {
  width: 340px;
  display: block;
  margin: 0 auto;
  text-align: center;
  margin-top: 40px;
  margin-bottom: 40px;

}

#how_to_use .p_wrapper p {
  text-align: center;
}

#how_to_use .img_wrapper img {
  width: 340px;
  margin: 0 auto;
}
@media screen and (min-width:1000px) {
  #how_to_use {
    background-color: #fff;
    max-width: 900px;
    width: 100%;
    padding: 40px 0px;
    margin: 0 auto;
  }

  /****  タイトル画像  ****/
  #how_to_use h2 {
    max-width: 900px;
    text-align: center;
    display: inline;
  }

  #how_to_use .h2_wrapper {
    margin-bottom: 24px;
    max-width: 900px;
  }

  #how_to_use h2 img {
    max-width: 900px;
    margin: auto;
  }


  /****  タイトル下の文章部分  ****/
  #how_to_use .p_wrapper {
    width: 800px;
    display: block;
    margin: 0 auto;
    text-align: center;
    margin-top: 40px;
    margin-bottom: 40px;

  }

  #how_to_use .p_wrapper p {
    text-align: center;
    font-size: 16px;
  }

  #how_to_use .img_wrapper {
    width: 900px;
    height: auto;
    text-align: center;
  }

  #how_to_use .img_wrapper img {
    width: 900px;
  }
}

/*----------  お客様の声 タイトル部分 ----------*/
#voice_title {
  background-color: #eb8601;
  max-width: 750px;
  width: 100%;
  padding: 40px 10px 0 10px;
  margin: 0 auto;
}

#voice_title .h2_img_wrapper {
  max-width: 680px;
}

#voice_title .h2_img_wrapper img {
  margin: 0 auto;
  max-width: 340px;
}

@media screen and (min-width:1000px) {
  #voice_title {
    background-color: #eb8601;
    max-width: 1000px;
    width: 100%;
    padding: 40px 10px 0 10px;
    margin: 0 auto;
  }

  #voice_title h2 {
    width: 800px;
    display: block;
    margin: 0 auto;
  }

  #voice_title .h2_img_wrapper {
    max-width: 800px;
    display: block;
    margin: 0 auto;
  }

  #voice_title .h2_img_wrapper img {
    max-width: 800px;
    display: block;
    margin: 0 auto;
  }
}

/*----------  お客様の声  ----------*/
#voice {
  background-color: #eb8601;
  max-width: 750px;
  width: 100%;
  padding: 0 10px 40px 10px;
  margin: 0 auto;
}

@media screen and (min-width:1000px) {
  #voice {
    background-color: #eb8601;
    max-width: 1000px;
    width: 100%;
    padding: 0 10px 40px 10px;
    margin: 0 auto;
  }
}

.title_caption {
  padding-top: 18px;
  padding-bottom: 36px;
  text-align: center;
  font-size: 10px;
  line-height: 1.4;
}

.accordion {
  position: relative;
}

@media screen and (min-width:1000px) {
  #voice {
    background-color: #eb8601;
    max-width: 1000px;
    width: 100%;
    padding: 0 10px 40px 10px;
    margin: 0 auto;
  }

  .title_caption {
    padding-top: 18px;
    padding-bottom: 36px;
    text-align: center;
    font-size: 12px;
    line-height: 1.6;
  }
}

/****  お客様の声1人目  ****/
#voice_01 .h3_wrapper {
  max-width: 340px;
  border-top-right-radius: 10px;
  border-top-left-radius: 10px;
  background-color: #ed0368;
  margin: 0 auto;
  text-align: center;
  padding: 12px 0 12px 0;
}

.voice_01_container {
  max-width: 340px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  background-color: #fff;
  margin: 0 auto;
  text-align: left;
  padding: 40px 15px 66px 15px;
  margin-bottom: 40px;
}

@media screen and (min-width:1000px) {

  .body-in #voice #voice_01 .h3_wrapper {
    max-width: 800px;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    background-color: #ed0368;
    margin: 0 auto;
    text-align: center;
    padding: 0;
  }

  .voice_01_container {
    max-width: 800px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    background-color: #fff;
    margin: 0 auto;
    text-align: left;
    padding: 40px 50px 80px 50px;
    margin-bottom: 40px;
  }
}

/**** ボタン01（ピンク）****/
.voice_01_container *,
.voice_01_container *:before,
.voice_01_container *:after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.voice_01_container {
  position: relative;
}

.voice_01_container label {
  position: absolute;
  z-index: 1;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 140px;
  border-bottom-right-radius: 30px;
  border-bottom-left-radius: 30px;
  /* グラデーションの高さ */
  cursor: pointer;
  text-align: center;
  /* 以下グラデーションは背景を自身のサイトに合わせて設定してください */
  background: linear-gradient(to bottom, rgba(250, 252, 252, 0) 0%, rgba(250, 252, 252, 0.95) 90%);
}

.voice_01_container input:checked+label {
  background: transparent;
  /* 開いた時にグラデーションを消す */
}

.voice_01_container label:after {
  line-height: 2.5rem;
  position: absolute;
  z-index: 2;
  bottom: 20px;
  left: 50%;
  width: 10rem;
  font-family: 'Zen Maru Gothic';
  content: ' 続きを読む';
  transform: translate(-50%, 0);
  letter-spacing: 0.05em;
  color: #ed0368;
  border-radius: 20px;
  background-color: #f5e4eb;
  border: 1px solid #ed0368;
  border-radius: 20px;
  text-decoration: underline;
  text-decoration-color: #ed0368;
}

.voice_01_container input {
  display: none;
}

.voice_01_container .cp_container {
  overflow: hidden;
  height: 250px;
  /* 開く前に見えている部分の高さ */
  transition: all 0.5s;
}

.voice_01_container input:checked+label {
  /* display: none ; 閉じるボタンを消す場合解放 */
}

.voice_01_container input:checked+label:after {
  font-family: 'Zen Maru Gothic';
  content: ' 閉じる';
  background-color: #f5e4eb;
}

.voice_01_container input:checked~.cp_container {
  height: auto;
  padding-bottom: 0px;
  /* 閉じるボタンのbottomからの位置 */
  transition: all 0.5s;
}

/****  お客様２人目  ****/

#voice_02 .h3_wrapper {
  max-width: 340px;
  border-top-right-radius: 10px;
  border-top-left-radius: 10px;
  background-color: #3296ad;
  margin: 0 auto;
  text-align: center;
  padding: 12px 0 12px 0;
}

.voice_02_container {
  max-width: 340px;
  height: auto;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  background-color: #fff;
  margin: 0 auto;
  text-align: left;
  padding: 42px 15px 66px 15px;
  margin-bottom: 40px;
}

#voice .voice_02_container .voice_02_title .pc {
  display: none !importants;
}

@media screen and (min-width:1000px) {

  .body-in #voice #voice_02 .h3_wrapper {
    max-width: 800px;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    background-color: #fff;
    margin: 0 auto;
    text-align: center;
    padding: 0;
  }

  .voice_02_container {
    max-width: 800px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    background-color: #fff;
    margin: 0 auto;
    text-align: left;
    padding: 40px 50px 80px 50px;
    margin-bottom: 40px;
    z-index: 10000000;
  }

  .voice_01_container label {
    position: absolute;
    z-index: 1;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 200px;
    border-bottom-right-radius: 30px;
    border-bottom-left-radius: 30px;
    cursor: pointer;
    text-align: center;
    background: linear-gradient(to bottom, rgba(250, 252, 252, 0) 0%, rgba(250, 252, 252, 0.95) 90%);

  }
}

/****  続きを読むボタン(ブルー） ****/

.voice_02_container *,
.voice_02_container *:before,
.voice_02_container *:after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.voice_02_container {
  position: relative;
}

.voice_02_container label {
  position: absolute;
  z-index: 1;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 200px;
  border-bottom-right-radius: 30px;
  border-bottom-left-radius: 30px;
  /* グラデーションの高さ */
  cursor: pointer;
  text-align: center;
  /* 以下グラデーションは背景を自身のサイトに合わせて設定してください */
  background: linear-gradient(to bottom, rgba(250, 252, 252, 0) 0%, rgba(250, 252, 252, 0.95) 90%);
}

.voice_02_container input:checked+label {
  background: transparent;
  /* 開いた時にグラデーションを消す */
}

.voice_02_container label:after {
  line-height: 2.5rem;
  position: absolute;
  z-index: 2;
  bottom: 20px;
  left: 50%;
  width: 10rem;
  font-family: 'Zen Maru Gothic';
  content: '続きを読む';
  transform: translate(-50%, 0);
  letter-spacing: 0.05em;
  color: #3296ad;
  border-radius: 20px;
  background-color: #daecf0;
  border: 1px solid #3296ad;
  border-radius: 20px;
  text-decoration: underline;
  text-decoration-color: #3296ad;
}

.voice_02_container input {
  display: none;
}

.voice_02_container .cp_container_02 {
  overflow: hidden;
  height: 250px;
  /* 開く前に見えている部分の高さ */
  transition: all 0.5s;
}

.voice_02_container input:checked+label {
  /* display: none ; 閉じるボタンを消す場合解放 */
}

.voice_02_container input:checked+label:after {
  font-family: 'Zen Maru Gothic';
  content: ' 閉じる';
  background-color: #daecf0;
}

.voice_02_container input:checked~.cp_container_02 {
  height: auto;
  padding-bottom: 0px;
  /* 閉じるボタンのbottomからの位置 */
  transition: all 0.5s;
}

/****  お客様3人目  ****/

#voice_03 .h3_wrapper {
  max-width: 340px;
  border-top-right-radius: 10px;
  border-top-left-radius: 10px;
  background-color: #ed0368;
  margin: 0 auto;
  text-align: center;
  padding: 12px 0 12px 0;
}

.voice_03_container {
  max-width: 340px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  background-color: #fff;
  margin: 0 auto;
  text-align: left;
  padding: 40px 15px 66px 15px;
  margin-bottom: 40px;
}

@media screen and (min-width:1000px) {
  .body-in #voice #voice_03 .h3_wrapper {
    max-width: 800px;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    background-color: #ed0368;
    margin: 0 auto;
    text-align: center;
    padding: 0;
  }

  .voice_03_container {
    max-width: 800px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    background-color: #fff;
    margin: 0 auto;
    text-align: left;
    padding: 40px 50px;
    margin-bottom: 40px;
  }
}

/****  続きを読むボタン（ピンク） ****/
.voice_03_container *,
.voice_03_container *:before,
.voice_03_container *:after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.voice_03_container {
  position: relative;
}

.voice_03_container label {
  position: absolute;
  z-index: 1;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 130px;
  border-bottom-right-radius: 30px;
  border-bottom-left-radius: 30px;
  /* グラデーションの高さ */
  cursor: pointer;
  text-align: center;
  /* 以下グラデーションは背景を自身のサイトに合わせて設定してください */
  background: linear-gradient(to bottom, rgba(250, 252, 252, 0) 0%, rgba(250, 252, 252, 0.95) 90%);
}

.voice_03_container input:checked+label {
  background: transparent;
  /* 開いた時にグラデーションを消す */
}

.voice_03_container label:after {
  line-height: 2.5rem;
  position: absolute;
  z-index: 2;
  bottom: 20px;
  left: 50%;
  width: 10rem;
  font-family: 'Zen Maru Gothic';
  content: ' 続きを読む';
  transform: translate(-50%, 0);
  letter-spacing: 0.05em;
  color: #ed0368;
  border-radius: 20px;
  background-color: #f5e4eb;
  border: 1px solid #ed0368;
  border-radius: 20px;
  text-decoration: underline;
  text-decoration-color: #ed0368;
}

.voice_03_container input {
  display: none;
}

.voice_03_container .cp_container_03 {
  overflow: hidden;
  height: 250px;
  /* 開く前に見えている部分の高さ */
  transition: all 0.5s;
}

.voice_03_container input:checked+label {
  /* display: none ; 閉じるボタンを消す場合解放 */
}

.voice_03_container input:checked+label:after {
  font-family: 'Zen Maru Gothic';
  content: ' 閉じる';
}

.voice_03_container input:checked~.cp_container_03 {
  height: auto;
  padding-bottom: 0px;
  /* 閉じるボタンのbottomからの位置 */
  transition: all 0.5s;
}


/*---------------   Q&A     -----------------*/
#question {
  background-color: #fbfaf5;
  max-width: 750px;
  width: 100%;
  padding: 40px 10px;
  margin: 0 auto;
}


.Qa-Box {
  width: 340px;
  margin: 0 auto;
}

@media (min-width:1000px) {
  #question {
    background-color: #fbfaf5;
    max-width: 1000px;
    width: 100%;
    padding: 40px 10px;
    margin: 0 auto;
  }

  #quetion .img_wrapper {
    max-width: 1000px;
  }

  #question .img_wrapper img {
    max-width: 800px;
    margin: 0 auto;
  }

  .Qa-Box {
    width: 80%;
  }
}

.Qa-Box .Qa dt {
  display: flex;
  align-items: baseline;
  border-bottom: 1px dashed #0a0908;
  padding-bottom: 15px;
  padding-top: 20px;
}

.Qa-Box .Qa dd {
  display: flex;
  align-items: baseline;
  padding:

}

.Qa-Box .Qa dt p {
  margin: 0;
  padding-left: 10px;
  font-weight: bold;
  width: 100%;
}

.Qa-Box .Qa dd p {
  margin: 0;
  padding-left: 10px;
  width: 100%;
}

.Qa-Box .Qa:last-of-type {
  border-bottom: none;
}

.Qa-Box .Qa dt::before {
  content: '';
  background-image: url(../img/q_icon.png);
  background-size: contain;
  background-position: bottom 0;
  width: 36px;
  height: 36px;
  display: inline-block;
  transform: translateY(20px);

}

.Qa-Box .Qa dd::before {
  content: '';
  background-image: url(../img/a_icon.png);
  background-size: contain;
  background-position: bottom 0;
  width: 36px;
  height: 36px;
  display: inline-block;
  transform: translateY(20px);
}

#second_mv {
  position: relative;
}

#second_mv {
  padding-top: 60pxs;
  position: relative;
  padding-bottom: 0;
  margin: 0 auto;
  background-color: #fff;
}

/****  ２つめスクロール線  ****/

/**----------　スクロールの線 ----------**/

/*スクロールダウン全体の場所*/
.scrolldown2_02 {
  /*描画位置※位置は適宜調整してください*/
  position: absolute;
  bottom: -35px;
  left: 50%;
}

/*Scrollテキストの描写*/
.scrolldown2_02 span {
  /*描画位置*/
  position: absolute;
  left: 10px;
  bottom: 10px;
  /*テキストの形状*/
  color: #eee;
  font-size: 0.7rem;
  letter-spacing: 0.05em;
  /*縦書き設定*/
  -ms-writing-mode: tb-rl;
  -webkit-writing-mode: vertical-rl;
  writing-mode: vertical-rl;
}

/* 丸の描写 */
.scrolldown2_02 :before {
  content: "";
  /*描画位置*/
  position: absolute;
  bottom: 0;
  left: -4px;
  /*丸の形状*/
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #0a0908;
  /*丸の動き1.6秒かけて透過し、永遠にループ*/
  animation:
    circlemove 1.6s ease-in-out infinite,
    cirlemovehide 1.6s ease-out infinite;
}

/*下からの距離が変化して丸の全体が上から下に動く*/
@keyframes circlemove {
  0% {
    bottom: 45px;
  }

  100% {
    bottom: -5px;
  }
}

/*上から下にかけて丸が透過→不透明→透過する*/
@keyframes cirlemovehide {
  0% {
    opacity: 0
  }

  50% {
    opacity: 1;
  }

  80% {
    opacity: 0.9;
  }

  100% {
    opacity: 0;
  }
}

/* 線の描写 */
.scrolldown2_02 :after {
  content: "";
  /*描画位置*/
  position: absolute;
  bottom: 0;
  left: 0;
  /*線の形状*/
  width: 2px;
  height: 50px;
  background: #0a0908;
}

#second_3step {
  padding: 20px 10px;
  background-color: #fbfaf5;
}

#second_3step .step_img_wrapper {
  max-width: 340px;
  margin: auto;
  margin-top: 20px;
  margin-bottom: 20px;
}

@media (min-width:1000px) {
  #second_3step {
    padding: 0 10px;
    max-width: 1000px;
    background-color: #fbfaf5;
  }

  #second_3step h2 {
    max-width: 1000px;
    margin: auto;

  }

  #second_3step h2 img {
    max-width: 800px;
    margin: 0 auto;
  }

  #second_3step .step_img_wrapper {
    max-width: 800px;
    margin: 0 auto;
    padding-top: 20px;

  }

  #second_3step .step_img_wrapper img {
    max-width: 800px;
    margin: 0 auto;
    padding-bottom: 50px;
  }
}

/*-----------  フッター   ----------*/
footer {
  background-color: #fbfaf5;
  max-width: 750px;
  width: 100%;
  padding: 20px 10px 40px 10px;
  margin: 0 auto;
  text-align: center;

}

footer ul {
  display: flex;
  justify-content: space-around;
  width: 340px;
  margin: auto;
}

footer ul li a {
  text-decoration: none;
  color: #0a0908;
}

footer .copyright {
  font-size: 10px;
  text-align: center;
  margin-top: 20px;
}

@media (min-width:1000px) {
  footer {
    background-color: #fbfaf5;
    max-width: 1000px;
    width: 100%;
    padding: 0 20px 100px 20px;
    margin-top: 20px;
    margin: 0 auto;
    text-align: center;
    z-index: 10000000000000;
    height: 150px;
    margin-bottom: 50px;
  }

}