@charset "utf-8";

* {
  margin: 0;
  padding: 0
}

li {
  list-style: none
}

a,
a:hover,
a:visited {
  color: inherit;
}

a,
a:visited {
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

button {
  background: none;
  border: none;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

/*スマホはじまり*/

  body {
    margin: 0 auto;
    height: 0;
    width: 100%;
    padding: 0;
  }

  .wrap{
    overflow: hidden;
  }

  img {
    width: 100%;
  }

  .top_sp_bg {
    position: relative;
  }

  .sp_logo {
    position: absolute;
    width: 28%;
    padding: 5px 0;
    z-index: 2;
  }

  .line_right_buttom {
    width: 45%;
    right: 0;
    position: absolute;
    margin-left: 40%;
  }

  .mv_sp img {
    width: 100%;
    height: auto;

  }

  /*PCmv非表示*/
  .mv_pc{
    display: none;
  }
  /*PCmv非表示*/

  /*ボタンはじまり*/
  .button_02 {
    text-align: center;
    margin: 2% 0;
  }

  .button_02 img {
    width: 80%;
  }

  /*ボタン終わり*/

 /* 追従ボタン*/
 .fix_btn {
  position: fixed;
  bottom: 0;
  background: rgb(255, 255, 255, 0.8);
  width: 100%;
  max-width: 640px;
  display: none;
  z-index: 200;
  padding-top: 10px;

}

.fix_btn buttom{
 padding: 10%;
}

.fix_btn img{
  width: 80%;
}



.show {
  display: block;
}

.hide {
  display: none !important;
}

#anchor_01 {
  padding-top: 100px;
  margin-top:-100px;
}

 /* 追従ボタン終わり*/

  /*ホストで人生が変わる_はじまり*/
  .member_bg {
    background-image: url(../img/host_haikei_01.png);
    background-repeat: no-repeat;
    background-size: contain;
    overflow: hidden;
  }

  
  .member_wrap_01, .member_wrap_02, .member_wrap_03, .member_wrap_04, .member_wrap_05, .member_wrap_06, .member_wrap_01 img, .member_wrap_02 img, .member_wrap_03 img, .member_wrap_04 img, .member_wrap_05 img, .member_wrap_06 img {
      float: left;
      display: block;
  }


  .host_title {
    padding-top: 100%;
  }

  /* ホスト1人め-はじめ */

  .member_bg_01 img {
    width: 100%;
    height: auto;
  }

  .member_bg_01 {
    float: left;
  }

  .member_wrap_01{
    position: relative;
  }

  .host_text_01 {
    position: absolute;
    top: 30%;
    left: 20%;
    color: #a5800f;
    font-weight: 800;
    font-size: 7.0vw;
    float: left;
    z-index: 100;
  }

  .host_text_s_01 {
    position: absolute;
    margin: 48% 0 0% 5%;
    color: #FFF;
    font-weight: 800;
    z-index: 100;
    font-size:4.0vw;
  }
  .host_text_link_01 {
    position: absolute;
    margin: 79% 0 0% 10%;
    padding: 0 2%;
    color: #a5800f;
    font-weight: 800;
    z-index: 100;
    font-size:2.0vw;
    background-color: #000;
    border-radius: 5em;
  }

  .host_text_link_02 {
    position: absolute;
    margin: 79% 0 0% 56%;
    padding: 0 2%;
    color: #a5800f;
    font-weight: 800;
    z-index: 100;
    font-size:2.0vw;
    background-color: #000;
    border-radius: 5em;
  }
  .host_text_link_03 {
    position: absolute;
    margin: 83% 0 0% 56%;
    padding: 0 2%;
    color: #a5800f;
    font-weight: 800;
    z-index: 100;
    font-size:2.0vw;
    background-color: #000;
    border-radius: 5em;
  }

  /* ホスト1人め-おわり */

  /* ホスト2人め-はじめ */

  .member_bg_haikei02 img {
    width: 100%;
    height: auto;
  }

  .member_bg_haikei02 {
    float: right;
  }

  .member_wrap_02{
    position: relative;
  }

  .host_text_02 {
    position: absolute;
    top: 20%;
    right: 18%;
    color: #a5800f;
    font-weight: 800;
    font-size: 7.0vw;
  }

  .host_text_s_02 {
    position: absolute;
    top: 55%;
    right: 5%;
    color: #FFF;
    font-weight: 800;
    font-size: 4.0vw;
  }

  /* ホスト2人め-おわり */
  /* ホスト3人め-はじめ */
  .member_bg_haikei03 img {
    width: 100%;
    height: auto;
  }

  .member_bg_haikei03 {
    float: left;
  }

  .member_wrap_03{
    position: relative;
  }

  .host_text_03 {
    position: absolute;
    top: 20%;
    left: 15%;
    color: #a5800f;
    font-weight: 800;
    font-size: 7.0vw;
  }

  .host_text_s_03 {
    position: absolute;
    top: 45%;
    left: 10%;
    color: #FFF;
    font-weight: 800;
    font-size:4.0vw;
  }

  /* ホスト3人め-おわり */
  /* ホスト4人め-はじめ */
  .member_bg_haikei04 img {
    width: 100%;
    height: auto;
  }

  .member_bg_haikei04 {
    float: right;
  }

  .member_wrap_04{
    position: relative;
  }

  .host_text_04 {
    position: absolute;
    top: 20%;
    right: 10%;
    color: #a5800f;
    font-weight: 800;
    font-size: 7.0vw;
  }

  .host_text_s_04 {
    position: absolute;
    top: 60%;
    right: 3%;
    color: #FFF;
    font-weight: 800;
    font-size: 4.0vw;
  }

  /* ホスト4人め-おわり */
  /* ホスト5人め-はじめ */
  .member_bg_haikei05 img {
    width: 100%;
    height: auto;
  }

  .member_bg_haikei05 {
    float: left;
  }

  .member_wrap_05{
    position: relative;
  }

  .host_text_05 {
    position: absolute;
    top: 18%;
    left: 10%;
    color: #a5800f;
    font-weight: 800;
    font-size: 6.0vw;
  }

  .host_text_s_05 {
    position: absolute;
    top: 58%;
    left: 8%;
    color: #FFF;
    font-weight: 800;
    font-size: 4.0vw;
  }

  /* ホスト5人め-おわり */
  /* ホスト6人め-はじめ */
  .member_bg_haikei06 img {
    width: 100%;
    height: auto;
  }

  .member_bg_haikei06 {
    float: right;
  }

  .member_wrap_06{
    position: relative;
  }
  .host_text_06 {
    position: absolute;
    top: 12%;
    right: 5%;
    color: #a5800f;
    font-weight: 800;
    font-size: 7.0vw;
  }

  .host_text_s_06 {
    position: absolute;
    top: 55%;
    right: 8%;
    color: #FFF;
    font-weight: 800;
    font-size: 4.0vw;
  }


  .host_text_01,.host_text_02,.host_text_03,.host_text_04,.host_text_05,.host_text_06{
    z-index: 100;
  }

  .host_text_s_01,.host_text_s_02,.host_text_s_03,.host_text_s_04,.host_text_s_05,.host_text_s_06{
    z-index: 100;
  }



  /* ホスト6人め-おわり */
  /*ホストで人生が変わる_終わり*/

  /*ボタンはじまり*/
  .text_buttom01 {
    display: block;
    padding: 3% 0 2% 0;
    font-weight: 800;
    line-height: 1.1em;
  }

  .text_buttom02 {
    display: block;
    padding: 1% 0 2% 0;
    text-align: center;
    font-weight: 800;
    line-height: 1.1em;
  }

  
  .button_03 {
    float: left;
    display: block;
    text-align: center;
    padding: 2% 0;
    font-weight: 800;
  }

  .button_03 img {
    width: 80%;
  }

  /*ボタン終わり*/

  /*5つのメリットはじまり*/

  /*メリット1はじまり*/
  #meritt_wrap {
    width: 100%;
    float: left;
    background-color: #f3eed5;
    overflow: hidden;
  }
  .meritt_title img {
    vertical-align: bottom;
    line-height: 1.0em;
  }

  .meritt_01 {
    float: left;
  }

  .meritt_01_text_wrap {
    margin: -112% 0 0 8%;
    float: left;
    position: relative;
  }

  .meritt_02_jin{
    position: relative;
    top: 30vw;
    right: 1%;
  }

  .meritt_02_jin img{
    width: 93%;
  }

  .text_meritt_01 {
    color: #FFF;
    font-weight: 800;
    text-align: center;
    font-size: 1.25em;
    line-height: 1.8em;
    display: block;
    background-color: #202020;
    margin: 0 0 5px 0;
    padding: 0 10px;
    width: 86%;
  }

  .text_meritt_b_01 {
    display: block;
    position: absolute;
    left: -3%;
    width: 100%;
  }

  .text_meritt_01a{
    display: block;
    position: absolute;
    top: 56vw;
    left: 3%;
    font-size: 5.0vw;
    font-weight: 800;
    z-index: 20;
  }

  .text_meritt_01b{
    display: block;
    position: absolute;
    top: 69vw;
    left: 2vw;
    line-height: 1.8em;
    z-index: 20;
  }

  .text_meritt_01c{
    display: block;
    position: absolute;
    top: 96vw;
    left: 18vw;
    font-size: 3vw;
    z-index: 20;
  }

  /*メリット1おわり*/
  /*メリット2はじまり*/
  .meritt_02 {
    float: left;
    position: relative;
  }

  .meritt_02 img {
    vertical-align: bottom;
    line-height: 1.0em;
  }

  .meritt_02_text_wrap {
    position: absolute;
    top: 16%; 
  }

  .text_meritt_02 {
    color: #FFF;
    font-weight: 800;
    text-align: center;
    font-size: 5vw;
    line-height: 1.8em;
    display: block;
    background-color: #202020;
    margin: 0 auto ;
    padding: 0 20px;
    width: 70%;
  }

  .text_meritt_b_02 {
    margin: 10px 0 0 20px  ;
    display: block;
    float: left;
    width: 90%;
  }

   .text_meritt_s_02 {
    display: block;
    position: absolute;
    top: 140vw;
    float: left;
    line-height: 1.7em;
    font-size: 3.9vw;
    padding: 0 30px;  
}

.text_meritt_02a {
  display: block;
  position: absolute;
  top: 205vw;
  left: 9vw;
  float: left;
  line-height: 1.5em;
  font-size: 3.9vw;
  padding: 0 30px; 
  font-weight: 800; 
}

.text_meritt_02b {
  display: block;
  position: absolute;
  top: 218vw;
  left: 9vw;
  float: left;
  line-height: 1.3em;
  font-size: 3.2vw;
  padding: 0 30px; 
  font-weight: 700; 
}

.text_meritt_02c {
  display: block;
  position: absolute;
  top: 239vw;
  left: 19vw;
  float: left;
  line-height: 1.3em;
  font-size: 3.2vw;
  padding: 0 30px; 
  font-weight: 500; 
}

  /*メリット2おわり*/
  /*メリット3はじまり*/
  .meritt_03 img {
    vertical-align: bottom;
    line-height: 1.0em;
    float: left;
  }

  .text_meritt_b_03 img {
    margin: -123% 0 0 10%;
    display: block;
    width: 80%;
  }

  .meritt_03 {
    float: left;
    position: relative;
  }

  .campaign {
    position: absolute;
    top: 47vw;
    left: 32vw;
    font-size: 5.2vw;
    font-weight: 800;
  }


  .text_left_03_wrap {
    position: absolute;
    top: 30%;
    left: 8%;
    font-family: Noto Serif JP;
  }

  h2 {
    font-size: 5.2vw;
    line-height: 1.2em;
  }

  .text_right_03_wrap {
    position: absolute;
    top: 43%;
    right: 5%;
  }

  .text_under_03_wrap {
    position: absolute;
    top: 196vw;
    left: 15vw;
  }
.text03_a{
  font-weight: 800;
}
.text03_b{
  font-size: 3.0vw;
  

}
.text03_c{
  font-size: 2.8vw;
  position: absolute;
  top: 108%;
  left: 60%;
}

  .text_left_s_03 {
    color: #000;
    font-size: 4vw;
    line-height: 1.5em;

  }

  .text_righ_s_03_a {
    color: #000;
    font-size: 4vw;
    line-height: 1.5em;
  }




  /*youtube 記述*/
  .youtube {
    width: 84%;
    aspect-ratio: 16 / 9;
    margin: -55% 0 0 8%;
    float: left;

  }

  .youtube iframe {
    width: 100%;
    height: 100%;
  }

  .youtube img {
    background-image: url(../img/yt.jpg);
  }
  

  /*youtube 記述終わり*/
  /*メリット3おわり*/

  /*メリット4はじまり*/

  .meritt_04 {
    float: left;
    position: relative;
  }

  .meritt_04_text_wrap {
    position: absolute;
    top: 55px;
    margin: 30% 0 0 20%;
    padding-right: 30px;
    left: -30px;
    float: left;
  
  }

  .meritt_04 img {
    vertical-align: bottom;
    line-height: 1.0em;
  }

  .text_meritt_b_04 {
    padding: 10px 0%;
    font-size: 4vw;
  }

  .meritt_04 img {
    vertical-align: bottom;
    line-height: 1.0em;
  }

  .text_meritt_04 {
    color: #FFF;
    font-weight: 800;
    text-align: center;
    font-size: 1.3em;
    line-height: 1.8em;
    display: block;
    background-color: #202020;
    margin: 0 0 5px 0;
    padding: 0 10px;
  }


 
.nyuuten{
    position: absolute;
    left: 10vw;
    float: left;
    top: 103vw;
    z-index: 20;  
    width: 80%;
  }
  


  .meritt_04_line_01,.meritt_04_line_02,.meritt_04_line_03,.meritt_04_line_04{
    position: absolute;
    z-index: 20;
  }

  

  .meritt_04_line_01{
    top: 31%;
    left: 5vw;
    width: 44%;
  }

  .meritt_04_line_02{
    top: 31%;
    right: 5vw;
    width: 45.5%;
  }

  .meritt_04_line_03{
    top: 53.2%;
    left: 5vw;
    width: 44%;
  }

  .meritt_04_line_04{
    top: 53.2%;
    right: 5vw;
    width: 45.5%;
  }
 


  .meritt_04_under_text_wrap {
    position: absolute;
    top: 278vw;
    margin: 30% 0 0 20%;
    padding-right: 30px;
    left: -40px;
    float: left;
  
  }
  .text_meritt_c_04{
    font-weight: 800;
    color: #FFF;
    font-size: 6vw;
    line-height: 1.3em;
  }

  .text_meritt_d_04{
    font-size: 4.3vw;
    line-height: 1.4em;
    position: absolute;
    top: 156%;
    line-height: 1.8em;
  }

  .text_meritt_e_04{
    position: absolute;
    top: 460%;
    font-size: 3vw;
  }

 
  /*メリット4おわり*/
  /*メリット5はじまり*/

  .meritt_05 {
    float: left;
    display: block;
    position: relative;
  }


  .meritt_05_text_wrap{
    position: absolute;
    top: 24.5%;
    left: 1%;
  }

  .text_meritt_05 {
    color: #FFF;
    font-weight: 800;
    text-align: center;
    font-size: 6vw;
    line-height: 1.8em;
    display: block;
  }

  .text_meritt_b_05 {
   margin: 10px 100px 0 30px;
  }

  .meritt_05 img {
    vertical-align: bottom;
    line-height: 1.0em;
  }

  .meritt_05under_text_wrap{
    position: absolute;
    top: 74.5%;
    left: 15%;
  }

  .text_meritt_c_05{
    font-weight: 800;
  }
  .text_meritt_d_05{
    font-size: 3.5vw;
    line-height: 1.6em;
  }
  .text_meritt_e_05{
    font-size: 3.0vw;
    line-height: 1.6em;
    position: absolute;
    left: 40%;
    top: 110%;
  }

  /*メリット5おわり*/

  /*5つのメリットおわり*/

  #question_bg,.answer,.celes {
    background-image: url(../img/question_haikei.png);

  }

  .section_box{
      width:100%;
      height:200px;
      background-size: cover;
  }


  .is-small{
    background-image:
      radial-gradient(#888 10%, transparent 10%);
  }

  #question_bg img {
    width: 100%;
    margin: 8% 0 5% 0;
  }

  .question,.answer,.caution01,.celes,.celes_01,.mikeiken01,.celes_02,.celes_03,.celes_04 {
    float: left;
    display: block;
  }

  .question img,.question_bg img,.caution01 img,.celes_01 img,.mikeiken01 img{
    float: left;
  }


  .caution01{
    position: relative;
  }


  .caution_text {
    position: absolute;
    top: 32%;
    padding: 10px 20px;
    color: #fff;
    font-size: 4.2vw;
    line-height: 1.8em;
  }

  .answer {
    padding: 10px 0;
    position: relative;
    width: 100%;
    height: 38vw;
  }

  .answer p {
    position: absolute;
    left: 6vw;
    color: #d02e6b;
    line-height: 1.3em;
    font-weight: 800;
    font-size: 6.5vw;
    background-color: #ffd3e4;
    padding: 5vw 8vw;
    border-radius: 0.5em;
  }



  .mikeiken01 {
    display: block;
    width: 90%;
    margin: 0 auto;
    padding: 0 0 5% 10%;
  }

  .celes_02 {
    display: block;

  }

  .celes_03 {
    display: block;

  }

  .celes_04 {
    display: block;
    position: relative;

  }

  .celes4_text{
    position: absolute;
    top: 50vw;
    left: 5%;
    line-height: 1.6em;
    width: 90%;
    font-size: 4.1vw;
    letter-spacing:0.08em;
  }

  .line {
    position: relative;
    float: left;
  }

  .line_wrap {
    padding: 2%;
  }

  .orei{
    position: absolute;
    top: 3%;
    left: 17vw;
    width: 70%;
  }

 

  .line_01 {
    position: absolute;
    top: 11%;
    width: 47%;
  }

  .line_02 {
    position: absolute;
    top: 11%;
    right: 2%;
    width: 47%;
  }

  .line_03 {
    position: absolute;
    top: 54.5%;
    width: 47%;
  }

  .line_04 {
    position: absolute;
    top: 54.5%;
    right: 2%;
    width: 47%;
  }

#nagare{
  position: relative;
}

.nagare_01_p,.nagare_02_p,.nagare_03_p,.nagare_04_p{
  position: absolute;
  width: 25%;
}

.nagare_01_text,.nagare_02_text,.nagare_03_text,.nagare_04_text{
position: absolute;
font-weight: 800;
left: 10vw;
line-height: 1.6em;
font-size: 3.6vw;
}

.nagare_01_text{
  top: 32vw;
}

.nagare_01_p{
  top: 15vw;
  right: 5vw;
  z-index: 10;
}

.nagare_02_p{
  top: 40vw;
  right: 5vw;
  z-index: 10;
}

.nagare_02_text{
  top: 58vw;
}

.nagare_03_p{
  top: 65vw;
  right: 5vw;
  z-index: 10;
}

.nagare_03_text{
  top:83vw;
}

.nagare_04_p{
  top: 90vw;
  right: 5vw;
  z-index: 10;
}

.nagare_04_text{
  top:108vw;
}

.nagare_title{
  position: absolute;
  left: 13vw;
  width: 70%;
}

.bosyu_title{
  position: absolute;
  top: 2vw;
  left: 32vw;
  font-weight: 800;
  font-size: 9vw;
  color: #034e94;
}
  .bosyu {
    position: relative;
    background-image: url(../img/bosyu_haikei.png);
    background-repeat: repeat;
    padding-top: 70px;
    
  }

  .bosyu img {
    width: 100%;
    
  }

  .bosyu_01 {
    position: absolute;
    top: 10%;
    right: 5vw;
    padding: 10% 5% 0 1%;
    font-size: 0.9em;
    line-height: 1.3em;
    font-weight: 800;
  }

  .bosyu_02 {
    position: absolute;
    top: 36%;
    right: 1%;
    padding: 5% 5% 0 25%;
    font-size: 0.9em;
    line-height: 1.3em;
    font-weight: 800;
  }

  .bosyu_03 {
    position: absolute;
    top: 70%;
    left: 1%;
    padding: 8% 5% 0 25%;
    font-size: 0.9em;
    line-height: 1.3em;
    font-weight: 800;
  }

  .unei {
    width: 100%;
    position: relative;
  }

  .unei_title {
    background-color: #8b6e23;
    color: #282843;
    font-size: 1.7em;
    font-weight: 800;
    text-align: center;
    padding: 1% 5%;
  }


  .profile_title {
    background-color: #282843;
    color: #8b6e23;
    font-size: 1.5em;
    font-weight: 800;
    padding: 3% 0 1% 8%;
  }

  .dli-plus {
    display: inline-block;
    vertical-align: middle;
    color: #8b6e23;
    line-height: 1;
    width: 0.2em;
    height: 1em;
    background: currentColor;
    margin-right: 10px;
  }

  .unei_icon {
    background-color: #282843;
    display: block;
  }

  .unei_icon img {
    width: 28%;
    padding: 4% 5% 4% 6%;;
  }

  .fujiwara {
    position: absolute;
    top: 65%;
    right: 30%;
    color: #FFF;
    font-weight: 800;
    font-size: 1.2em;
  }



  .button_more {
    background-color: #282843;
    position: relative;
    text-align: center;
  }

  /*詳しく見るボタン*/
  .more {
    display: inline-block;
    color: #8b6e23;
    background: #282843;
    padding: 10px 20%;
    border-radius: 20px;
    border: 1px solid #8b6e23;
    margin: 5%;

    cursor: pointer;
  }


  .txt-show {
    background-color: #282843;
    color: #fff;
    padding: 0 5% 2% 5%;
    font-size: 0.9em;
  }

  button.more::after {
    content: "もっと見る";
    transition: .2s;
    -erbkit-transition: .2s;
  }

  .txt-hide {
    display: none;
    text-align: left;
  }



  button.more.on-click::after {
    content: "閉じる";
  }


  .hidden {
    display: none;
  }

  /*詳しく見るボタン記述終わり*/

  .more_text_01 {
    background-color: #282843;
    color: #FFF;
    padding: 0 5% 2% 5%;
    font-size: 0.9em;
  }

  .qa_wrap {
    background-color: #fffddf;
    padding-bottom: 20px;

  }

  .qa_title {
    width: 50%;
    margin: 0 auto;
    padding: 5%;

  }


  .nav {
    display: none;
  }

  .nav-open {
    padding: 15px;
    color: #fff;
    font-size: 20px;
    background: #282843;
    position: relative;
  }

  .nav-open::before {
    /* 閉じている時 */
    content: "＋";
    position: absolute;
    right: 20px;
  }

  .nav-open.active::before {
    /* 開いている時 */
    content: "－";
  }

  .qa_wrap p {
    padding: 5%;
  }


  .s_01 {
    width: 95%;
    margin: 0 auto;
  }

  footer{
    text-align: center;
    padding: 10px;
    background: #8b6e23;
    color: #FFF;
    font-size: 15px;
  }

/*スマホおわり*/





/*====================================================================
.s_01 .accordion_one
====================================================================*/
@media screen and (max-width:640px) {

.section s_01 {
  width: 95%;
  margin: 0 auto;
}

.s_01 .accordion_one {
  max-width: 1024px;
  margin: 0 auto;
  padding-bottom: 2%;
}

.s_01 .accordion_one .accordion_header {
  background-color: #282843;
  color: #fff;
  font-size: 26px;
  font-weight: bold;
  padding: 20px 120px 20px 36px;
  line-height: 1.2em;
  text-align: left;
  position: relative;
  z-index: +1;
  cursor: pointer;
  transition-duration: 0.2s;
}

.s_01 .accordion_one:nth-of-type(2) .accordion_header {
  background-color: #282843;
}

.s_01 .accordion_one:nth-of-type(3) .accordion_header {
  background-color: #282843;
}

.s_01 .accordion_one .accordion_header:hover {
  opacity: .8;
}

.s_01 .accordion_one .accordion_header .i_box {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 50%;
  right: 5%;
  width: 40px;
  height: 40px;
  border: 1px solid #fff;
  margin-top: -20px;
  box-sizing: border-box;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  transform-origin: center center;
  transition-duration: 0.2s;
}

.s_01 .accordion_one .accordion_header .i_box .one_i {
  display: block;
  width: 18px;
  height: 18px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  transform-origin: center center;
  transition-duration: 0.2s;
  position: relative;
}

.s_01 .accordion_one .accordion_header.open .i_box {
  -webkit-transform: rotate(-360deg);
  transform: rotate(-360deg);
}

.s_01 .accordion_one .accordion_header .i_box .one_i:before,
.s_01 .accordion_one .accordion_header .i_box .one_i:after {
  display: flex;
  content: '';
  background-color: #fff;
  border-radius: 10px;
  width: 18px;
  height: 4px;
  position: absolute;
  top: 7px;
  left: 0;
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  transform-origin: center center;
}

.s_01 .accordion_one .accordion_header .i_box .one_i:before {
  width: 4px;
  height: 18px;
  top: 0;
  left: 7px;
}

.s_01 .accordion_one .accordion_header.open .i_box .one_i:before {
  content: none;
}

.s_01 .accordion_one .accordion_header.open .i_box .one_i:after {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.s_01 .accordion_one .accordion_inner {
  display: none;
  box-sizing: border-box;
}

.s_01 .accordion_one .accordion_inner p.txt_a_ac {
  margin: 0;
}

@media screen and (max-width: 1024px) {
  .s_01 .accordion_one .accordion_header {
    font-size: 18px;
  }

  .s_01 .accordion_one .accordion_header .i_box {
    width: 30px;
    height: 30px;
    margin-top: -15px;
  }
}

@media screen and (max-width: 767px) {
  .s_01 .accordion_one .accordion_header {
    font-size: 16px;
    text-align: left;
    padding: 15px 60px 15px 15px;
  }
}
}


.box {
  color: #000;
  box-sizing: border-box;
}

.box img {
  vertical-align: bottom;
  line-height: 1.0em;
}

.fadeIn {
  transition: 1s;
  opacity: 0;
}

.fadeIn.animated {
  opacity: 1;
}


/* スクロールCSS */
.fade-in {
  opacity: 0;
  transition-duration: 500ms;
  transition-property: opacity, transform;
}

.fade-in-up {
  transform: translate(0, 50px);
}

.fade-in-down {
  transform: translate(0, -50px);
}

.fade-in-left {
  transform: translate(-50px, 0);
}

.fade-in-right {
  transform: translate(50px, 0);
}

.scroll-in {
  opacity: 1;
  transform: translate(0, 0);
}








/*PCはじまり*/
@media screen and (min-width:640px) {

  body {
    margin: 0 auto;
    padding: 0;
    height: auto;
    width: 640px;
    font-size: 14px;
    color: #202020;
    min-width: 320px;
    line-height: 160%;
    overflow-x: hidden;
    
  }

  .wrap {
    overflow: inherit;
}

  .sp_logo {
    margin: 0 auto;
    padding: 10px 8px;
    position: absolute;
    top: 0;
    left: -325px;
  }

  .line_right_buttom{
    position: absolute;
    right: -18vw;
  }

   /*SPmv非表示*/
   .mv_sp{
    display: none;
  }
  /*SPmv非表示*/

  .mv_pc{
    display: flex;
    width: 100vw;
    margin-left: -670px;
  }

  .mv_pc img{
    width: 1920px;
    
  }


  /*メリットはじまり*/

  .host_text_01,.host_text_02,.host_text_03,.host_text_04,.host_text_05,.host_text_06{
    font-size: 2.3em;
  }

  .host_text_s_01,.host_text_s_02,.host_text_s_03,.host_text_s_04,.host_text_s_05,.host_text_s_06{
    font-size: 1.8em;
    line-height: 1.5;
  }


  .host_text_01{
    position: absolute;
      margin: 0px 0 0 20px;
   }
   .host_text_s_01{
    position: absolute;
    margin: 320px 0 0% 5%;
  }

  .host_text_link_01,.host_text_link_02,.host_text_link_03 {
    position: absolute;
    margin: 79% 0 0% 10%;
    padding: 0 5%;
    color: #a5800f;
    font-weight: 800;
    z-index: 100;
    font-size:40px!important;
    background-color: #000;
    border-radius: 10em;
}

.host_text_link_02{
  margin: 79% 0 0% 65%;
}

.host_text_link_03 {
  margin: 83% 0 0% 56%;
}

   .host_text_02{
    position: absolute;
    margin: 0px 30px 0 0;
    line-height:1.5em;
  }

  .host_text_s_02{
    position: absolute;
    margin: 0px 0 0 320px;
  }

  .meritt_02_jin{
    position: relative;
    top: 190px;
    right: 30px;
  }

  .meritt_02_jin img{
    width: 100%;
  }

  .text_meritt_b_02 {
    margin: 28px 0 0 29px;
    display: block;
    float: left;
    width: 90%;
}

   .host_text_03{
    position: absolute;
    margin: 10px 0 0 30px;
   }
   .host_text_s_03{
    position: absolute;
    margin: 10px 0 0% 5px;
  }
   .host_text_04{
    position: absolute;
      margin: 30px 30px 0 0;
      line-height: 1.5em;
   }
   
   .host_text_s_04{
    position: absolute;
    margin: 0px 5px 0 0;
   }
  
   .nyuuten {
    position: absolute;
    float: left;
    top: 628px;
    left: 65px;
    z-index: 20;
    width: 80%;
   
}

.meritt_04_line_01, .meritt_04_line_02, .meritt_04_line_03, .meritt_04_line_04 {
  position: absolute;
  float: left;
  z-index: 20;
}

.meritt_04_line_01{
  top: 740px;
  left: 32px;
}

.meritt_04_line_02{
  top: 740px;
    right: 29px;
}

.meritt_04_line_03{
  top: 1302px;
  left: 32px;
}

.meritt_04_line_04{
  top: 1302px;
    right: 29px;
}

   .meritt_05_text_wrap{
    position: absolute;
    top: 1px;
   }
   .text_meritt_b_05{
    margin: 500px 0 0 55px;
   }

   .text_meritt_c_05{
    font-size: 28px;
   }

   .text_meritt_d_05{
    font-size: 25px;
    line-height: 1.5em;
    padding-top: 15px;
   }
   .text_meritt_e_05{
    font-size: 20px;
    position: absolute;
    top: 105%;
   }

  .host_text_05{
    position: absolute;
    margin: 0px 0 0 20px;
    line-height: 1.5em;
   }

   .host_text_s_05{
    position: absolute;
    margin: 0px 0 0% 1px;
  }
   .host_text_06{
    position: absolute;
      margin: 20px 65px 0 0;
      line-height: 1.5em;
   }
   .host_text_s_06{
    position: absolute;
    margin: 0px 0 0 250px;
  }
 /*メリットおわり*/
 .member_wrap_01,.member_wrap_02,.member_wrap_03,.member_wrap_04,.member_wrap_05,.member_wrap_06,
 .member_wrap_01 img,.member_wrap_02 img,.member_wrap_03 img,.member_wrap_04 img,.member_wrap_05 img,.member_wrap_06 img{
  float: left;
  display: block;
 }

 .member_wrap_01,.member_wrap_02,.member_wrap_03,.member_wrap_04,.member_wrap_05,.member_wrap_06{
  background-color: #fff;
 }


 /*ボタンはじまり*/
 .button_03 {
  text-align: center;
  margin: 2% 0;
  width: 640px;
  background-color: #fff;
}
.text_buttom01 {
  display: block;
  padding: 10px 0;
  font-size: 1.8em;
  line-height: 1.3;
}
/*ボタンおわり*/
 /*メリットはじまり*/

 .meritt_01_text_wrap{
  margin: -112% 0 0 12%;
  text-align: center;
}


 .text_meritt_01 {
  text-align: center;
  padding-top: 5px;
  font-size: 2.4em;
  display: block;
}
.text_meritt_b_01{
  width: 560px;
}

.text_meritt_01a {
  display: block;
  position: absolute;
  top: 76%;
  font-size: 28px;
  font-weight: 800;
}

.text_meritt_01b {
  display: block;
  position: absolute;
  top: 88%;
  left: 4%;
  line-height: 2.6em;
  font-size: 22px;
  
}

.text_meritt_02{
  text-align: center;
  font-size: 2.4em;
  line-height: 2em;
  display: block;
  padding-left: 25px;
  padding: 0 20px;
  width: 80%;
}

.text_meritt_01c{
  display: block;
  position: absolute;
  top: 128%;
  left:0;
  font-size: 20px;
}

.meritt_02{
  position: relative;
}
.meritt_02_text_wrap{
  position: absolute;
  top: 305px;
  right: 35px;
}

.text_meritt_s_02{
  position: absolute;
  top:902px;
  font-size: 1.7em;
  font-weight: 500;
  line-height: 1.8em;
  display: block;
  padding: 0 -5px 0 0;
}

.text_meritt_02a {
  display: block;
  position: absolute;
  top: 554%;
  left: 2%;
  float: left;
  line-height: 1.4em;
  font-size: 28px;
  padding: 0 57px;
  font-weight: 900;
}

.text_meritt_02b {
  display: block;
  position: absolute;
  top: 590%;
  left: 7%;
  float: left;
  line-height: 1.3em;
  font-size: 20px;
  padding: 0 30px;
  font-weight: 600;
}

.text_meritt_02c {
  display: block;
  position: absolute;
  top: 648%;
  left: 22%;
  float: left;
  line-height: 1.3em;
  font-size: 17px;
  padding: 0 30px;
  font-weight: 500;
}

h2{
  font-size: 30px;
}

.text_left_s_03{
  font-size: 23px;
}
.text_righ_s_03_a{
  font-size: 23px;
}

.campaign {
  position: absolute;
  top: 15.5%;
  left: 30%;
  font-size: 2.6em;
  font-weight: 800;
}

.text_left_03_wrap{
  position: absolute;
    top: 30%;
    left: 8%;
    font-size: 1.6em;
    font-family: Noto Serif JP;
}
.text_right_03_wrap{
  position: absolute;
  top: 900px;
  right: 50px;
  font-size: 1.6em;
}

.text03_a{
  font-size: 28px;
}
.text03_b{
  font-size: 22px;
  padding-top: 20px;
  line-height: 1.2em;
}

.text03_c{
  font-size: 18px;
}

.text_under_03_wrap{
  position: absolute;
  top: 62%;
  left: 15%;
}

.meritt_04_text_wrap {
  margin: 195px 10px 0 50px;
  padding: 50px;
  position: absolute;
    top: 55px;
}

.text_meritt_04{
  text-align: center;
    font-size: 2.4em;
    line-height: 2em;
    display: block;
    
    
}

.meritt_04_under_text_wrap {
  position: absolute;
  top: 71%;
  margin: 30% 0 0 20%;
  padding-right: 30px;
  left: -60px;
  float: left;
}

.text_meritt_c_04{
  font-weight: 800;
  color: #FFF;
  font-size: 40px;
  line-height: 1.3em;
}

.text_meritt_b_04{
  font-size: 1.6em;
  line-height: 1.8em;
}

.text_meritt_d_04 {
  font-size: 25px;
  line-height: 1.4em;
  position: absolute;
  top: 145%;
  line-height: 1.8em;
}

.text_meritt_e_04{
  position: absolute;
  top: 440%;
  font-size: 25px;
}

.meritt_05_text_wrap{
width: 640px;
}

.text_meritt_05{
    font-size:2.4em;
    line-height: 2.1em;
    display: block;
    position: absolute;
    top: 320px;
    left: 23%;
}

.text_meritt_b_05{
  font-size: 1.6em;
  line-height: 2em;
}

 /*メリットおわり*/

 .caution01{
  float: left;
  position: relative;
}
.caution_text{
  position: absolute;
  left: 30px;
  font-size: 1.8em;
}

.celes4_text{
  position: absolute;
  top: 50%;
  left: 5%;
  line-height: 1.8em;
  width: 90%;
  font-size: 26px;
  width: 90%;
}

.answer{
  height: 280px;
}
 .answer p{
  font-size: 2.8em;
  padding: 50px 80px;
  left: 25px;
 }
 .orei{
left: 100px;
 }
 .nagare_title{
  left: 130px;
  top: 20px;
  width: 60%;
 }

 .nagare_01_p, .nagare_02_p, .nagare_03_p, .nagare_04_p {
  right: 30px;
}

 .nagare_01_text, .nagare_02_text, .nagare_03_text, .nagare_04_text {
  position: absolute;
  font-weight: 800;
  left: 60px;
  line-height: 1.6em;
  font-size: 1.6em;
}
.nagare_01_text{
  top: 210px;
}
 .nagare_01_p{
  top: 100px;
 }

 .nagare_02_text{
  top: 373px;
}
 .nagare_02_p{
  top: 264px;
 }

 .nagare_03_text{
  top: 536px;
}
 .nagare_03_p{
  top: 425px;
 }

 .nagare_04_text{
  top: 700px;
}
 .nagare_04_p{
  top: 590px;
 }

 .bosyu_title{
  left: 200px;
  font-size:4em;
 }

 .bosyu_01{
  position: absolute;
  top: 43px;
  right: 10px;
  font-size: 1.8em;
  line-height: 1.2;
 
 }

 .bosyu_02{
  position: absolute;
  top: 245px;
  font-size:1.9em;
  line-height: 1.2;
 }

 .bosyu_03{
  position: absolute;
  top: 540px;
  font-size: 1.9em;
  line-height: 1.2;
 }

.small_text{
font-size: 0.8em;
}

.unei_title {
  font-size: 2.5em;
  font-weight: 800;
  text-align: center;
  padding: 3% 5%;
}


.profile_title{
  font-size: 1.8em;
  padding: 5% 0 1% 8%;
}

.fujiwara {
  position: absolute;
  top: 64%;
  right: 35%;
  color: #FFF;
  font-weight: 800;
  font-size: 1.8em;
}

.txt-show,.more_text_01,.txt_a_ac {
  background-color: #282843;
  color: #fff;
  padding: 10px 50px 20px 50px;
  font-size: 1.5em;
  line-height: 1.8;
}


.question img,.question_bg img,.caution01 img,.answer img,.celes_01 img,.mikeiken01 img{
  float: left;
}

.answer{
  float: left;
}

.celes{
  float: left;
}


#question_bg{
  background-image: url(../img/question_haikei.png);
  width: 640px;
  
}




footer{
  background-repeat: no-repeat;
  background-size: 640px;
  background-position: center top;
  overflow: hidden;
background-color: #8b6e23;
 
}



.accordion_one{
margin: 4px;
width: 32%;
background-color: #282843;
}

.s_01{
  display: flex;
  flex-wrap: wrap;
}
.accordion_header{
  background-color: #282843;
  color: #FFF;
  font-size: 1.5em;
  padding: 5%;
  font-weight: 800;
  line-height: 1.5em;
}


.txt-show,.more_text_01,.txt_a_ac { 
  font-size: 1.2em;
}

.more {
  display: inline-block;
  color: #8b6e23;
  background: #282843;
  padding: 15px 120px;
  border-radius: 100px;
  border: 1px solid #8b6e23;
  margin: 5%;
  cursor: pointer;
  font-size: 20px;
}

.text_buttom02 {
  font-size: 18px;
}

.youtube img {
  background-image: url(../img/yt.jpg) !important;
}


}/*PCおわり*/