@import url("https://fonts.googleapis.com/css?family=Noto+Sans+JP:400,500,700,900&display=swap");
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, main, menu, nav, section, summary {display: block
}
a {margin: 0;padding: 0;font-size: 100%;vertical-align: baseline;background: transparent
}
main {margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: baseline;background: transparent;display: block
}
h1, h2, h3, h4, h5, h6 {font-weight: inherit
}
ul, ol {list-style: none
}
img {-webkit-backface-visibility: hidden;vertical-align: top
}
html {font-size: 62.5%;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%
}
*, *:before, *:after {box-sizing: border-box
}



body {min-width: 1110px;overflow-y: auto;background-color: #fff;font-family: "Noto Sans JP", Arial, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;font-size: 1.5rem;line-height: 1.7;color: #000
}
a:link, a:visited, a:hover {color: inherit;text-decoration: none
}
img {max-width: 100%;height: auto
}

#main {overflow: hidden
}
.site-body {padding-left: 10px;padding-right: 10px
}


@media (max-width: 768px) {
  
  body {line-height: 1.6;font-size: 1.4rem;min-width: 0;max-width: 100vw;overflow-x: hidden
  }
  .elm-pc {display: none
  }
  .lp-u-elm-pc {display: none
  }
}


/*---------------------------------------------
ヘッダー
---------------------------------------------*/ 
 @media print, (min-width: 769px) {
  .section1 {position: absolute;top: 0;left: 0;z-index: 10;font-weight: 500;width: 100%
  }
  .header {max-width: 1310px;min-width: 1080px;margin: 0 auto;padding-right: 60px;display: flex;align-items: flex-start;justify-content: flex-end
  }
  .header_right {overflow: hidden;display: flex;box-shadow: 0 0 10px rgba(0, 0, 0, .15);background-color: #000000;border: 3px solid #000;border-top: none;
  }
  a.header_detail_box {display: flex;align-items: center;justify-content: center;width: 180px;height: 65px;background-color: #a89763;color: #fff;text-align: center;font-size: 2.0rem;font-weight: bold;transition: ease opacity 0.3s;
  }
  a.header_detail_box:hover {opacity: 0.8
  }
  a.header_detail_box:before {margin-top: 3px;margin-right: 0px;content: "";display: inline-block
  }

  a.header_detail_box {border-left: 1px solid black;font-size: 1.7rem
     }}
    
    
  @media (max-width: 768px) {
  .section1 {position: absolute;top: 0;left: 0;z-index: 10;font-weight: 500;width: 100%
  }
  .header {height: 55px;padding: 0;display: flex;align-items: center;justify-content: flex-end
  }
  a.header {height: 55px;padding: 0;display: flex;align-items: center;justify-content: flex-end
  }
  .header_right {display: flex
  }

  a.header_detail_box {margin: 0 10px 0 0;display: block;line-height: 1.0
  }
  a.header_detail_box span {display: none
  }
  a.header_detail_box:before {content: "";display: inline-block
       }}


/*---------------------------------------------
	トップ画像
---------------------------------------------*/

  .top {color: #fff
   }
  .top-title {margin-left: 320px;margin-top: -120px;width: 840px;
   }
  .free {position: absolute;z-index: 2;bottom: -40px;right: -70px
   }
  .free2 {position: absolute;z-index: 2;bottom: -40px;right: 190px
   }

@media (max-width: 768px) { 
  .top {position: relative;padding: 15px 0 x0px;background: url(../img/top-sp.jpg) 50% 0 no-repeat;background-size: 100% auto;height: 77vw;line-height: 1.4
   }
  .top-title {margin: 0px 29vw; 0;padding-top: 35px; width: 72vw;;
   }
  .free {width: 25%;bottom: -30px;right: 10px
   }
  .free2 {width: 25%;bottom: -30px;right: 28vw
   }}

@media print, (min-width: 769px) {
  .top { background: url(../img/top.jpg) 50% 0 no-repeat
   }
  .top .site-body {position: relative;height: 671px;display: flex;align-items: center
   }}

/*---------------------------------------------
過去に、お知り合いやお友達、ビジネスマンから
以下のような話を聞いたことはありませんでしたか?
---------------------------------------------*/

  .top4-text {font-size: 90%;padding-left: 4em;line-height: 90px
   }
  .top4-text2 {font-size: 85%;line-height: 30px;padding-left: 3em
   }
  .top4-text3 {font-size: 140%
   }
  .top4-title {position: absolute;z-index: 2;top: 70px;right: 0px;font-size: 4.0rem;font-weight: 900;line-height: 1.0;transform: rotate(-5deg);color:white;
   }
   .top4-box_text {margin-top: 10px;font-size: 2rem;font-weight: 900;line-height: 1.4
   }

@media print, (min-width: 769px) {
   .top4-box {position: absolute;top: 295px;right: 0;display: flex
   }
   .top4-box img{margin-top: -10px;
   }
   .top4-box_block {margin-left: 4px;padding: 30px 12px;width: 180px;height: 180px;text-align: center;border-radius: 20%;background-color: #fff;box-shadow: 0 3px 5px rgba(0, 0, 0, 0.22);
   }}

@media (max-width: 768px) { 
  #top4 {padding: 212px 0 15px;padding-top: 17vw; min-height: 10vwpx;background: url(../img/top4-sp.jpg) 50% 0 no-repeat;background-size: 100% auto;background-color: #80838c;
  }
  .top4-title {top: -13vw;right: -32vw;font-size: 4.0vw;
  position: relative;}
  .top4-text {font-size: 90%;padding-left: 4em;line-height: 6.5vw;
  }
  .top4-text2 {font-size: 85%;line-height: 6vw;padding-left: 3em
  }
  .top4-text3 {font-size: 160% ;
  }
  .top4-box_block {display: flex;align-items: center;margin:  0 0 5px;width: auto;height: auto;padding: 3.1vw;border-radius: 5px;background-color: #fff
  }
  .top4-box_img {flex-shrink: 0;width: 25px
  }
  .top4-box_text {flex-grow: 1;margin: 0 0 0 15px;font-size: 4vw;font-weight: 600
  }}

@media print, (min-width: 769px) {
  #top4 {background: url(../img/top4.jpg) 50% 100% no-repeat
  }
  #top4 .site-body {position: relative;height: 532px
    }}


/*---------------------------------------------
あなたは今まで、
ビジネスの話を無料で聞いて
いませんでしたか?
---------------------------------------------*/
@media print, (min-width: 769px) { 

#top2 {min-height: 709px;background: url(../img/top2.jpg) 50% 100% no-repeat
  }
.top2-title {padding-top: 34px;font-size: 4.0rem;font-weight: 900;line-height: 1.5;text-align: center;color:white;
}
.top2-text {font-size: 90%;
}
.top2-title2 {z-index: 2;top: 0px;margin-top: 240px;text-align: center;font-size: 5.2rem;font-weight: 900;line-height: 2.0;text-shadow:0 0 40px white;color:;line-height: 75px
}
.top2-title2 underline {font-size: 8.6rem;line-height: 90px;background-image: linear-gradient(to top, transparent 10%, #ffd200 11%, #ffd200 45%, transparent 46%);
    }}
    
@media (max-width: 768px) {
    
#top2 {min-height: 0px;background: url(../img/top2-sp.jpg) 50% 0 no-repeat;background-size: 100% auto;
  }
#top2 .site-body { padding: 0
  }
.top2-title {position: relative;margin: 0 0 -5px;padding: 30px 0 0;font-size: 4.575vw;text-align: center;line-height: 1.4;color:white;padding-top:7vw;
  }
.top2-title2 {z-index: 2;padding-top:33vw;text-align: center;font-size: 4.75vw;font-weight: 900;padding-right: 0.9em;text-shadow:0 0 40px white;padding-bottom:7vw;line-height: 8vw;padding-right: 0px;
}
.top2-title2 underline {font-size: 9.75vw;background-image: linear-gradient(to top, transparent 10%, #ffd200 11%, #ffd200 45%, transparent 46%);
    }}
    

/*---------------------------------------------
これからは！
---------------------------------------------*/

.infuture {position: relative;padding: 20px;background: linear-gradient(to right, #a89763, #e1d193);text-align: center;font-size: 2.8rem;font-weight: bold;letter-spacing: 0.05em;line-height: 1.2
}
.infuture text {font-size: 4.3rem;font-weight: 900;
}
.infuture:before {position: absolute;z-index: 2;bottom: -50px;left: calc(50% - 30px);content: "";display: block;border: 30px solid transparent;border-top-color: #c4b47f;
}


/*---------------------------------------------
もちろんご興味がある話なら
---------------------------------------------*/
@media print, (min-width: 769px) {
#top5 {min-height: 310px;background: url(../img/top5.jpg) 50% 100% no-repeat
  }
.top5-title {padding-top: 68px;font-size: 3.0rem;font-weight: 900;line-height: 1.5;text-align: center;
    }}
    
@media (max-width: 768px) { 
#top5 {background: #e6e7e3
  }
#top5 .site-body {padding: 0
  }
.top5-title {position: relative;margin: 0 0 -5px;padding: 30px 0 30;font-size: 4vw;text-align: center;line-height: 1.4
    }}




/*---------------------------------------------
サービスの流れ
---------------------------------------------*/

.step-lead {position: relative;z-index: 2;margin: -10px 0 35px;text-align: center;color: #fff;font-size: 1.9rem;font-weight: bold;line-height: 1.58
}
.step-title {text-align: center
}
.step-box {position: relative;border: 4px solid #e1d193;font-size: 1.5rem;margin: 0 0 10px;padding: 20px 170px 20px 30px;background-color: rgba(20, 21, 22, .6);
}
.step-box:before {position: absolute;z-index: 2;top: -9px;left: 25px;content: "";display: block;width: 63px;height: 63px;background: 0% 0% no-repeat
}
.step-box-title {margin-bottom: 1em;font-size: 2.4rem;font-weight: bold;color: #e1d193;line-height: 1.2
}
.step-box-content {color: #fff;font-weight: normal
}
.step-title2 {position: relative;z-index: 10;margin-top: 30px;text-align: center;font-size: 3.1rem;font-weight: 900;color: #ffda75;background: linear-gradient(to bottom, #f5e09b 30%, #b39b4d);-webkit-background-clip: text;-webkit-text-fill-color: transparent
}

@media (max-width: 768px) {
    
.step-title {text-align: center;margin-bottom: 20px;
}
.step-title2 {font-size: 7vw;
}
.step-box {margin: 0 0 5px;border-width: 2px;padding: 15px
}
.step-box:before {left: 5px;width: 40px;height: 40px;background-size: contain
}
.step-box-title {padding: px 0 0;font-size: 1.8rem;line-height: 1.5
}
.step-content {margin-top: 20px;font-size: 2.6rem
}}


@media print, (min-width: 769px) {
#step {padding: 40px 0 70px;background: url(../img/step-cover.jpg) 50% 100% no-repeat;background-size: cover
  }
#step .site-body { position: relative
    }}
@media (max-width: 768px) {
  #step {padding: 30px 0 35px;background: #302c26 url(../img/step-cover-sp.jpg) 50% 0% no-repeat;background-size: contain
  }
  .step-lead {margin: 15px 0 30px;text-align: left;font-size: 1.6rem
    }}


/*---------------------------------------------
報酬がもらえるとしたら？
---------------------------------------------*/
  .if-title {text-align: center;margin-bottom: 35px;
  }
  .if-text {margin-top: 20px;line-height: 1.5;font-weight: normal
  }
  .if-group {position: relative;z-index: 2;
  }
  .if-group-text .if-text {font-weight: 700;line-height: 1.56;
  }
  .if-group-img {text-align: right;
  }
  .if-group-img img {box-shadow: 0 0 6px rgba(0, 0, 0, .5)
  }
@media (max-width: 768px) {
  .if-text {margin-top: 10px
  }
  .infuture {padding: 15px 0;font-size: 1.6rem;line-height: 1.4
  }
  .infuture text {font-size: 2.4rem
  }
  .infuture:before {border-width: 15px;bottom: -25px;left: calc(50% - 15px)
  }}
@media (max-width: 768px) {   
  #if {padding: 25px 0 40px;background: url(../img/if-img-sp.jpg) 50% 0 repeat-y;background-size: 100% auto
  }
  .if-group-img {margin-top: 20px;text-align: center
  }
  .if-group-text{font-size: 4vw;}}

@media print, (min-width: 769px) {
    
  #if {padding-top: 60px;min-height: 630px;background: url(../img/if-img.jpg) 50% 0 no-repeat
  }
  .if-group-text {position: absolute;z-index: 2;top: 30px;left: 0;width: 520px;font-size: 1.8rem
  }}

/*---------------------------------------------
報酬は最大で10万円！
---------------------------------------------*/

.Chart-title {text-align: center;font-weight: 900;line-height: 1.5;font-size: 6rem;color: #ffda75;background: linear-gradient(to bottom, #f5e09b 30%, #b39b4d);-webkit-background-clip: text;-webkit-text-fill-color: transparent
}
.Chart-box {position: relative;margin: 30px 0 20px;padding: 15px 14px;border: 1px solid white;background-color: #a78659
}
.Chart-box-box2 {margin-top: 25px;display: flex;justify-content: space-between
}
.Chart-block {position: relative;border: 1px solid white;background-color: #fff
}
.Chart-block-title {padding: 10px 0 15px;background: linear-gradient(to bottom, #888888 30%, #c7c7c7);text-align: center;line-height: 1.4;
}

.Chart-block-title-english {font-size: 1.6rem;font-weight: 600;color: #fff;letter-spacing: 1px
}
.Chart-block-title-english2 {font-size: 2.5rem; color:white;
  }
.Chart-block-title-main {font-size: 3.2rem;font-weight: 900;text-shadow:1px 0 0 #fff,0 1px 0 #fff,-1px 0 0 #fff,0 -1px 0 #fff,2px 2px 0 #fff;
}
.Chart-block-group {padding: 10px;text-align: center
}
.Chart-block-lead {font-size: 1.6rem;font-weight: 600;color:5a5a5a;
}
.Chart-block-heading {font-size: 3.3rem;font-weight: 900
}
.Chart-block-heading red {font-size: 6rem;font-weight: 900; color:#e00025;
}
.Chart-block-heading red2 {font-size: 4rem;font-weight: 900; color:#e00025;
}
.Chart-block--sub {margin-top: 10px
}



/*---------------------------------------------
よくあるご質問
---------------------------------------------*/

.faq-area{border-top: 1px solid #d7d7d7;border-bottom: 1px solid #d7d7d7;padding: 20px 0
}
.faq-area .question{font-size: 1.5rem;font-weight:600;padding-left:1.5em;text-indent:-1.5em;cursor:pointer;
}

.faq-area .question:before{flex-shrink: 0;margin-right: 12px;content: "";display: inline-block;background: url("../img/question.png") 0 0 no-repeat;width: 36px;height: 36px;margin-bottom: -10px;
}
.faq-area .answer{border-top:1px solid #dfdfdf;margin-top:8px;padding-top:16px;padding-left:1.5em;text-indent:-1.5em;display:none;
}
.faq-area .answer:before{content:"A.";display:inline;color:;font-size:16px;font-weight:600;
}
.faq-cat{margin-bottom:60px;
}
.faq-area li{text-indent:0;padding-top:1em;
}
.faq-area .caption{text-indent:0;padding-top:1em;
}
.faq-area li p{padding-left:1em;
}

.question-titlebox {margin: 0 0 40px;text-align: center;font-weight: 900;line-height: 1.4
}
.question-title-sub {font-size: 2.0rem
}
.question-title {margin-top: 0.1em;font-size: 3.0rem
}

#question {padding: 70px 0 80px
}


@media (max-width: 768px) {
    
  .question-titlebox {margin: 0 0 20px
  }
  .question-title-sub {font-size: 1.5rem
  }
  .question-title {font-size: 2.2rem
  }
  #question {padding: 30px 0 40px
  }
.faq-area{padding:3vw;
}
.faq-area .question{font-size: 3vw;font-weight:600;padding-left:1.5em;text-indent:-1.5em;cursor:pointer;
}
.faq-area .question:before{
background: url("../img/question-sp.png") 0 0 no-repeat;background-size: contain;width: 30px;height: 30px
}
.faq-area .answer{margin-top:3vw;border-top:1px solid #dfdfdf;padding-top:3vw;padding-left:1.5em;text-indent:-1.5em;	display:none;
}
.faq-area .answer:before{font-size:100%;
}
.faq-cat{margin-bottom:8vw;
}}


/*---------------------------------------------
コンバーションボタン
---------------------------------------------*/

.ConversionButton {padding: 30px 0;background-image: linear-gradient(to left, #928148, #fff3ca, #928148)
}
.ConversionButton-title {text-align: center; display: flex;align-items: center;justify-content: center;margin: 0 0 25px;font-size: 2.7rem;font-weight: 900;line-height: 1.4
}
.ConversionButton-subtitle {text-align: center; display: flex;align-items: center;justify-content: center;margin: 0 0 39px;font-size: 1.7rem;line-height: 1.4;
}

.ConversionButton-title2 {text-align: center; display: flex;align-items: center;justify-content: center;margin: 30 0 10px;font-size: 2.0rem;font-weight: 600;line-height: 1.4
}
.ConversionButton-title span {display: inline-block;padding: 0 30px;
}

.ConversionButton-link {display: flex;align-items:center;justify-content: center;
}

a.ConversionButton-btn {position: relative;display: flex;align-items: center;justify-content: center;color: #fff;background-image: linear-gradient(#393939, #030202);font-weight: bold
}
a.ConversionButton-btn:after {position: absolute;z-index: 2;bottom: 4px;right: 4px;content: "";border: 7px solid transparent;
}
a.ConversionButton-btn {padding: 20px;font-size: 2.0rem;margin-right: ox;width: 540px;transition: ease opacity 0.3s
  }
a.ConversionButton-btng:hover {opacity: 0.8
  }

@media (max-width: 768px) {
  .ConversionButton {padding: 30px 0
  }
  .ConversionButton-title {margin: 0 0 15px;font-size: 5vw;
  }
  .ConversionButton-subtitle { margin: 0 0 39px;font-size: 3vw;line-height: 1.4;
}
  .ConversionButton-title2 {margin: 30 0 15px;font-size: 1.5rem
  }
  .ConversionButton-title span {padding: 0 15px
  }
  .ConversionButton-link {flex-wrap: wrap;justify-content: space-between
  }
  a.ConversionButton-btn {padding: 18px 15px;width: 100%;font-size: 1.6rem
    }}


/*---------------------------------------------
特商法
---------------------------------------------*/ 
#law {padding: 80px 0 60px;background-color: #2b2b2b;color: #fff
}
.information-title{font-size: 2.0rem;}
.law-information {margin-top: 20px
}
.information {margin-top: 1px;display: flex;align-items: center;border-top: 1px solid white;border-bottom: 1px solid white;padding: 17px 0;line-height: 1.4;
}
.information+.information {border-top: none
}
.information>dt {width: 5.5em;flex-shrink: 0;font-weight: bold;letter-spacing: 0.1em
}
.information>dd {flex-grow: 1;padding-left: 15px;border-left: 
}
@media (max-width: 768px) {
  #law {padding: 60px 0
  }
  .information {padding: 13px 0
  }
  .information-title{font-size: 4vw;}
  .information>dd {padding-left: 15px;font-size: 3vw;
    }}

/*---------------------------------------------
フッター
---------------------------------------------*/ 
.footer {padding: 12px 0;text-align: center;font-size: 1.1rem;color: #231c16;background-color: #fff
}
@media (max-width: 768px) {
  .footer {font-size: 1.0rem
    }}




@media print, (min-width: 769px) {
  *, *:before, *:after {font-feature-settings: "palt"
  }
  #body .u-show--sp {display: none
  }
  a img {transition: opacity ease 0.3s
  }
  a:hover img {opacity: 0.8
  }
  .elm-sp {display: none
  }
  .site-body {margin: 0 auto;padding-left: 15px;padding-right: 15px;max-width: 1110px
  }
  .lp-u-elm-sp {display: none
  }
  a.lp-button__elm {transition: ease opacity 0.3s
  }
  a.lp-button__elm:hover {opacity: 0.8
  }


    
/*---------------------------------------------
報酬・登録費用・条件
---------------------------------------------*/
  #Chart {padding-top: 60px;min-height: 780px;background: url(../img/chart-img.jpg) 50% 0 no-repeat
  }
  .Chart-box-box2 .Chart-block {width: calc(33.3333% - 2px)
  }
  .Chart-block.color1 .Chart-block-lead {font-size: 1.4rem
  }
  .Chart-block--sub .Chart-block-title {padding: 8px 15px
  }
  .Chart-block--sub .Chart-block-title {display: flex;align-items: center;justify-content: center
  }
  .Chart-block--sub .Chart-block-title-english {margin: 0 20px 0 0;font-size: 1.6rem
  }
  .Chart-block--sub .Chart-block-title-main {font-size: 2.0rem
  }
  .Chart-block--sub .Chart-block-title-main 
    {font-weight: 900;font-size: 2.4rem
  }
  .Chart-block--sub .Chart-block-group {padding: 20px 30px;display: flex;align-items: center;justify-content: space-between
  }
  .Chart-block--sub .Chart-block-lead {
    font-size: 1.8rem
  }}

@media (max-width: 768px) {
  #Chart {padding: 30px 0 40px;background: #232323 url(../img/chart-img-sp.jpg) 50% 0 no-repeat;background-size: 100% auto
  }
  .Chart-title {font-size: 8vw;margin-top: 15px;
  margin-bottom: -10px;}
  .Chart-box {margin: 40px 0 10px;padding: 40px 10px 10px
  }
  .Chart-box-box2 {margin-top: 15px;display: block
  }
  .Chart-block {border-width: 4px;margin: 0 auto
  }
  .Chart-block:nth-child(n+2) {margin-top: 10px
  }
  .Chart-block-title {padding: 8px 10px
  }
  .Chart-block-title-english {font-size: 1.4rem
  }
  .Chart-block-title-english2 {font-size: 7vw; color:white;
  }
  .Chart-block-title-main {font-size: 7vw;
  }
  .Chart-block-lead {font-size: 5vw;
  }
  .Chart-block-heading {font-size: 7vw;
  }
  .Chart-block.color2:before {right: 0
  }
  .Chart-block--sub  {font-weight: 900;font-size: 2.0rem
}}
    


/*---------------------------------------------
ビジネストーク
---------------------------------------------*/ 
a.businesstalk {position: fixed;top: 10px;left: 10px;z-index: 11;padding: 6px 40px;overflow: auto;transition: ease opacity 0.3s;display: flex;align-items: center;justify-content: center;color: #fff;background-image: linear-gradient(#393939, #030202);font-weight: bold
}
@media (max-width: 768px) {
  a.businesstalk {width: 50%;font-size: 1.0rem
    }}