@charset "utf-8";
* {margin: 0;padding: 0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;
}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p,
blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em,
img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i,
center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption,
tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section,
summary, time, mark, audio, video {margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;vertical-align: baseline;
}
article, aside, details, figcaption, figure, footer, header, hgroup,
menu, nav, section {display: block;
}
html {-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;font-size: 62.5%;
}
ol, ul {list-style: none;
}
input, textarea {margin: 0;padding: 0;
}
blockquote, q {quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {content: '';content: none;
}
table {border-collapse: collapse;border-spacing: 0;
}
img {max-width: 100%;height: auto;outline: none;vertical-align: bottom;
}
a {outline: none;
}
body {text-align: left;font-size: 16px;font-family: Arial, 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;color: #222;line-height: 1.5;
}
a:link, a:visited {text-decoration: underline;color: black;
}
a:hover, a:active {text-decoration: none;
}
a img {-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;
}
a:hover img {filter: alpha(opacity=75);-moz-opacity: 0.75;opacity: 0.75;
}
.clearfix:before, .clearfix:after {content: "";display: table;
}
.clearfix:after {clear: both;
}
.clearfix {* zoom: 1;
}
.container {position: relative;width: 92%;max-width: 980px;margin: 0 auto;
}
.container2 {position: relative;width: 92%;max-width: 980px;margin: 0 auto;
}
.container3 {position: relative;width: 100%;margin: 0 auto;
}
.container.medium {max-width: 820px;
}
.container.medium2 {max-width: 990px;
}
.container.small {max-width: 800px;
}

@media screen and (max-width:627px) {
p {font-size: 14px;
}

}
@media screen and (max-width:327px) {
body {
    
}  
}

/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.pc { display: block !important;}
.pc2 { display: none !important; }
.pc3 { display: none !important; }
.sp { display: none !important; }
.sp2 { display: none !important; }
.sp3 { display: none !important; }
/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
@media only screen and (max-width: 1500px) {
.pc { display: none !important; }
.pc2 { display: block !important;}
.pc3 { display: none !important; }
.sp { display: none !important; }
.sp2 { display: none !important; }
.sp3 { display: none !important; }
}
@media only screen and (max-width: 1100px) {
.pc { display: none !important; }
.pc2 { display: none !important;}
.pc3 { display: block !important; }
.sp { display: none !important; }
.sp2 { display: none !important; }
.sp3 { display: none !important; }
}
@media only screen and (max-width: 770px) {
.pc { display: none !important; }
.pc2 { display: none !important; }
.pc3 { display: none !important; }
.sp { display: block !important; }
.sp2 { display: none !important; }
.sp3 { display: none !important; }
}
@media only screen and (max-width: 570px) {
.pc { display: none !important; }
.pc2 { display: none !important; }
.pc3 { display: none !important; }
.sp { display: none !important; }
.sp2 { display: block !important; }
.sp3 { display: none!important; }
}
@media only screen and (max-width: 470px) {
.pc { display: none !important; }
.pc2 { display: none !important; }
.sp { display: none !important; }
.sp2 { display: none !important; }
.sp3 { display: block !important; }
}
}

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

@media screen and (max-width:767px) {.pc-only {display: none !important;
}
}
@media screen and (min-width:668px) {.sp-only {display: none !important;
}
}

/*---------------------------------------------
色指定
---------------------------------------------*/
.bg-gray { background: #f2f2f2;
}
.bg-yellow {background: #fff5cc;
}
a.btn-salmonpink {background: #fd6062;box-shadow: 0 4px 0 rgba(188, 13, 53, 1);color: #fff;text-decoration: none;
}
a.btn-salmonpink:hover {background: #db484a;
}
.text-underline {
  background: linear-gradient(transparent 40%, #fff4c7 40%);font-weight: bold;
}
.text-big {font-size: 23px;font-weight: bold;
}
.text-salmonpink {color: #fc5f62;
}
.text-salmonpink2 {color: #fc5f62;font-size: 20px;font-weight: bold;
}
.text-salmonpink3 {color: #fc5f62;font-size: 23px;font-weight: bold;
}
.text-salmonpink4 {color: #fc5f62;font-size: 26px;font-weight: bold;
}
.text-green {color: #23bb9a;
}
.text-green2 {color: #23bb9a;font-size: 26px;font-weight: bold;
}
.text-yellow {color: #ffe88d;
}
.text-bold { font-weight: bold;
}

/*---------------------------------------------
こんなお悩みありませんか？
---------------------------------------------*/
@media screen and (max-width:667px) {
    /*SP*/
#worry {background: repeating-linear-gradient(-45deg, #eee, #eee 2px, #fff 4px);padding-top: 10px;position: relative;
}
#worry:after {background: url(../img/bg-filter.png) no-repeat center top;background-size: auto 64px;content: "";height: 64px;position: absolute;left: 0;bottom: 0; width: 100%;
}
.worry-title {font-weight: bold;font-size: 20px;margin-bottom: 32px;margin-top: 16px;
}
.worry-title span {font-size: 26px;
}
.worry-list {padding-bottom: 56px;
}
.worry-list:after {content: "";background: url(../img/worry-img-sp.png) no-repeat right bottom; background-size: 65%;display: inline-block;height: 100%;width: 244px;position: absolute;bottom: 0px;right: 0px;
}
.worry-list li {display: inline-block;letter-spacing: normal;width: 50%;background-image: url(../img/quotation-l.png), url(../img/quotation-r.png);background-repeat: no-repeat;background-position: left top, right bottom;background-size: 20px 26px;font-weight: bold;font-size: 15px;margin-bottom: 4px;padding: 10px 16px;max-width: 45%;margin-left: 10px;
}
.worry-list li:nth-child(5),.worry-list li:nth-child(6) {margin-right: 120px;
}

.worry-list li span {color: #fc6063;
}
.worry-list li br {display: none;
}
}

@media screen and (min-width:590px) {
    /*SP一部*/
.worry-list:after {width: 354px;margin-right: -0px;
}
.worry-list li {max-width: 30vw;
}
}

@media screen and (min-width:768px) {
    /*PC*/
#worry {background: repeating-linear-gradient(-45deg, #eee, #eee 2px, #fff 4px);padding-top: 54px;position: relative;
}
#worry:after { background: url(../img/bg-filter.png) no-repeat center top;content: "";height: 254px;position: absolute;left: 0;bottom: 0;width: 100%;
}
.worry-title {font-size: 32px;font-weight: bold;margin: 6px 0 34px;text-align: center;
}
.worry-title span {font-size: 48px;
}
.worry-list {background: url(../img/worry-img.png) no-repeat center bottom;height: 418px;margin: 0 auto;position: relative;max-width: 780px;
}
.worry-list li {background-image: url(../img/quotation-l.png), url(../img/quotation-r.png);background-repeat: no-repeat;background-position: left top, right bottom;background-size: 20px 26px;display: inline-block;font-weight: bold;padding: 10px 20px;position: absolute;text-align: center;
}
.worry-list li span {color: #;font-size: 24px;
}
.worry-list li:first-child {top: 0;left: 80px;
}
.worry-list li:nth-child(2) {top: 0px;right: 30px;
}
.worry-list li:nth-child(3) {top: 88px;left: -50px;
}
.worry-list li:nth-child(4) {top: 88px;right: -50px;
}
.worry-list li:nth-child(5) {top: 186px;left: 40px;
}
.worry-list li:nth-child(6) {top: 186px;right: -0px;
}
}

@media screen and (min-width:1024px) and ( max-width:1260px) {
/*PC一部1024～1260*/

.worry-list li {padding: 8px 16px;font-size: 14px;
}
.worry-list li span {font-size: 20px;
}
.worry-list li:first-child {left: 150px;
}
.worry-list li:nth-child(2) {right: 100px;
}
.worry-list li:nth-child(3) {left: -0px;
}
.worry-list li:nth-child(4) {right: 0px;
}
.worry-list li:nth-child(5) {left: 90px;
}
.worry-list li:nth-child(6) {right: 40px;
}
/*PC一部1024～1260*/
}

@media screen and (min-width:840px) and ( max-width:1023px) {
/*PC一部840～1023*/
#worry {background: repeating-linear-gradient(-45deg, #eee, #eee 2px, #fff 4px);padding-top: 34px;position: relative;
}
.worry-title {font-size: 32px;font-weight: bold;margin: 6px 0 64px;text-align: center;
}
    
.worry-list {background-size: auto 280px;height: 320px;
}
.worry-list li {padding: 8px 16px;font-size: 13px;
}
.worry-list li span {font-size: 18px;
}
.worry-list li:first-child {top: -30px;left: 160px;
}
.worry-list li:nth-child(2) {top: -30px;right: 150px;
}
.worry-list li:nth-child(3) {top: 55px;left: 56px;
}
.worry-list li:nth-child(4) {top: 55px;right: 60px;
}
.worry-list li:nth-child(5) {top: 140px;left: 130px;
}
.worry-list li:nth-child(6) {top: 140px;right: 90px;
}
/*PC一部840～1023*/
}
@media screen and (min-width:668px) and ( max-width:839px) {
/*PC一部768～839*/
#worry {background: repeating-linear-gradient(-45deg, #eee, #eee 2px, #fff 4px);padding-top: 4vw;position: relative;
}
#worry:after { background: url(../img/bg-filter.png) no-repeat center top;content: "";height: 254px;position: absolute;left: 0;bottom: 0;width: 100%;
}
.worry-title {font-size: 22px;font-weight: bold;margin: 6px 0 34px;text-align: center;
}
.worry-title span {font-size: 5vw;
}
.worry-list {background: url(../img/worry-img-sp.png) no-repeat center bottom;height: 348px;margin: 0 auto;position: relative;max-width: 780px;background-size: 300px;
}

.worry-list li {background-image: url(../img/quotation-l.png), url(../img/quotation-r.png);background-repeat: no-repeat;background-position: left top, right bottom;background-size: 20px 26px;display: inline-block;font-weight: bold;padding: 10px 20px;position: absolute;text-align: center;
}
.worry-list li span {color: #;font-size: 2.4vw;
}
.worry-list li:first-child {top: 0;left: 11vw;
}
.worry-list li:nth-child(2) {top: 0px;right: 11vw;
}
.worry-list li:nth-child(3) {top: 82px;left: 0vw;
}
.worry-list li:nth-child(4) {top: 82px;right: -10px;
}
.worry-list li:nth-child(5) {top: 176px;left: 11vw;
}
.worry-list li:nth-child(6) {top: 176px;right: 6vw;
}
/*PC一部768～839*/
}

/*---------------------------------------------
そんな方はこちら！
---------------------------------------------*/
@media screen and (min-width:780px) {
.method {background-image: url(../img/white.png), url(../img/cover-first.jpg);background-repeat: repeat-x, no-repeat;background-position: left top, center center;background-size: auto, cover;margin-top: 74px;padding-bottom: 136px;position: relative;text-align: center;
}
.method-catch img {width: 495px;;
}
.method-title {font-size: 29px;font-weight: bold;margin: 16px 0 54px;
}
.method-title span {font-size: 50px;
}
.method-box-area {letter-spacing: -.40em;
}
.method-box { background: #f67b7e;display: inline-block;letter-spacing: normal;padding: 4px;width: 200px;border-radius: 20px;
}
.method-box:nth-child(2) {margin: 0 16px;
}
.method-box-in {border: 1px solid #fff;color: #fff;padding: 22px 0px 12px 0px;border-radius: 20px;
}
.method-bold {position: relative;font-weight: bold;
}
.method-text {font-size: 16px;
}
.method-bold {font-size: 32px;margin-top: 5px;padding-top: 0px;
}
.method-bold:before {margin-left: -24px;width: 48px;
}
}

@media screen and (max-width:967px) {

}

@media screen and (max-width:867px) {


}
@media screen and (max-width:787px) {

.method {background-image: url(../img/white.png), url(../img/cover-first.jpg);background-repeat: repeat-x, no-repeat;background-position: left top, center bottom;background-size: auto, auto 370px;margin-top: 48px;padding-bottom: 120px;position: relative;text-align: center;
}
.method-catch img {width: 402px;height: 62px;
}
.method-title {font-weight: bold;font-size: 20px;margin-bottom: 32px;margin-top: 16px;
}
.method-title span {font-size: 36px;
}
.method-box-area {letter-spacing: -.40em;
}
.method-box {background: #f67b7e;display: inline-block;padding: 4px;letter-spacing: normal;width: 157px;border-radius: 20px;
}
.method-box:first-child {display: block;margin: 0 auto 16px;
}
.method-box:last-child {margin-left: 16px;
}
.method-box-in { background: #f67b7e;border: 1px solid #fff;color: #fff;padding: 16px 0px 8px 0px;border-radius: 20px;
}
.method-bold {font-size: 22px;font-weight: bold;margin-top: 6px;padding-top: 8px;position: relative;
}
.method-bold:before {background: #fff;display: block;content: ""; height: 1px; margin-left: -16px;position: absolute;top: 0;left: 50%;width: 32px;
}
.method-text {font-size: 12px;
}
}
@media screen and (max-width:667px) {

.method {background-image: url(../img/white.png), url(../img/cover-first.jpg);background-repeat: repeat-x, no-repeat;background-position: left top, center bottom;background-size: auto, auto 370px;margin-top: 48px;padding-bottom: 120px;position: relative;text-align: center;
}
.method-catch img {width: 352px;height: 53px;
}
.method-title {font-weight: bold;font-size: 20px;margin-bottom: 32px;margin-top: 16px;
}
.method-title span {font-size: 26px;
}
.method-box-area {letter-spacing: -.40em;
}
.method-box {background: #f67b7e;display: inline-block;padding: 4px;letter-spacing: normal;width: 157px;border-radius: 20px;
}
.method-box:first-child {display: block;margin: 0 auto 16px;
}
.method-box:last-child {margin-left: 16px;
}
.method-box-in { background: #f67b7e;border: 1px solid #fff;color: #fff;padding: 16px 0px 8px 0px;border-radius: 20px;
}
.method-bold {font-size: 22px;font-weight: bold;margin-top: 6px;padding-top: 8px;position: relative;
}
.method-bold:before {background: #fff;display: block;content: ""; height: 1px; margin-left: -16px;position: absolute;top: 0;left: 50%;width: 32px;
}
.method-text {font-size: 12px;
}
}
@media screen and (max-width:557px) {


}
@media screen and (max-width:457px) {
    /*SP一部*/
.method-box {background: #f67b7e;display: inline-block;padding: 4px;letter-spacing: normal;width: 136px;
}
.method {background-image: url(../img/_white.png), url(../img/cover-first.jpg);background-repeat: repeat-x, no-repeat;background-position: left top, center bottom;background-size: auto, auto 370px;margin-top: 48px;padding-bottom: 120px;position: relative;text-align: center;
}
.method-catch img {width: 302px;height: 42px;
}
.method-title {font-weight: bold;font-size: 20px;margin-bottom: 32px;margin-top: 16px;
}
.method-title span {font-size: 26px;
}
.method-box-area {letter-spacing: -.40em;
}
.method-box {background: #f67b7e;display: inline-block;padding: 4px;letter-spacing: normal;width: 47%;
}
.method-box:first-child {display: block;margin: 0 auto 16px;
}
.method-box:last-child {margin-left: 16px;
}
.method-box-in { background: #f67b7e;border: 1px solid #fff;color: #fff;padding: 16px 0px 8px 0px;
}
.method-bold {font-size: 22px;font-weight: bold;margin-top: 6px;padding-top: 8px;position: relative;
}
.method-bold:before {background: #fff;display: block;content: ""; height: 1px; margin-left: -16px;position: absolute;top: 0;left: 50%;width: 32px;
}
.method-text {font-size: 12px;
}
}


/*---------------------------------------------
ヒューマンアフィリエイトとは　動画
---------------------------------------------*/
@media screen and (max-width: 667px) {
#about {margin: 90px auto 0px;width: 92%;
}
.about-area {border: 1px solid #d4d4d4;border-radius: 10px;padding: 2%;position: relative;margin-bottom: 30px;
}
.about-area h3 {font-size: 18px;font-weight: bold;line-height: 1.2;position: absolute;top: -40px;left: 0;text-align: center; width: 100%;
}
.about-area h3 span {background: #fff;
}
.about-area-text {font-size: 14px;margin: 20px auto;padding: 0 5px;text-align: left;margin-bottom: 10px;
}
.about-area-text3 {font-size: 14px;margin: 20px auto;padding: 0 5px;text-align: center;margin-bottom: 30px;
}
.about-area-text2 {font-size: 14px;margin: 20px auto;padding: 0 5px;margin: 5px -0px -10px -0px;
}
}

@media screen and (min-width: 668px) {
#about {margin: 0 auto;width: 92%;max-width: 920px;padding-bottom: -10px;
}
.about-area {border: 1px solid #d4d4d4;border-radius: 10px;margin: 100px auto 60px;padding: 42px 2% 0% 2%;position: relative;text-align: center;
}
.about-area2 {margin: 10px auto 0px;max-width: 640px;border: 1px solid #d4d4d4;border-radius: 10px;margin: 1
    00px auto 60px;padding: 12px 12px 12px 12px;
}
.about-area h3 {font-size: 26px;font-weight: bold;position: absolute;top: -22px;left: 0;text-align: center;width: 100%;
}
.about-area h3 br {display: none;
}
.about-area h3 span {background: #fff;
}
.about-area-text {margin: 10px -0px 10px -0px;text-align: left;
font-size: 16px;}
.about-area-text2 {margin: -25px -0px -10px -0px;text-align: center;color: black;
}
.about-area-text3 {margin: 10px -0px 30px -0px;text-align: center;
font-size: 16px;}
}


/*---------------------------------------------
動画
---------------------------------------------*/

.video {position: relative;padding-bottom : 45.25%;max-width: 100%;height:auto;min-width: 200px;margin-bottom: 20px;margin-top: 5px;border-right:00px solid black;border-left:00px solid black;
}
.video iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;
}
.youtube-area {padding: 0px 0;width:1900px;max-width: 100%;background-color: black;
}
.youtube-area2 {padding: 0px 0;padding-top: 20px;padding-bottom: 1px;width:800px;max-width: 100%;background-color: black;
}

/*---------------------------------------------
ヒューマンアフィリエイトとアフィリエイトの違い
---------------------------------------------*/
@media screen and (max-width:767px) {
#difference {background: url(../img/cover-affiliate.jpg) no-repeat center bottom;background-size: cover;margin-top: 28px;
}
.difference-area { padding: 60px 0px 70px 0px;
}
.difference:before {position: absolute;display: block;content: ""; width: 100%;height: 40px;left: 00px;right:00px;bottom: 0;background: url(../img/bg-filter3.png) no-repeat center top;
}
.difference-area:after {background: url(../img/) no-repeat;background-size: 232px 116px;content: "";display: block;height: 156px;position: absolute;bottom: 0;width: 292px;left: -20px;
}
.difference-area2 {position: relative;background: #fff;padding: 24px 0 3px;text-align: center;
}
.difference-sub-tit {display: inline-block;font-size: 15px;position: relative;
}
.difference-sub-tit:before { background: url(../img/cheer-s_l.png) no-repeat;background-size: 12px 20px;content: "";display: block;height: 24px;margin-top: -12px;position: absolute;top: 50%;left: -16px;width: 14px;
}
.difference-sub-tit:after {background: url(../img/cheer-s_r.png) no-repeat;background-size: 12px 20px;content: "";display: block;height: 24px;margin-top: -12px;position: absolute;top: 50%;right: -16px;width: 14px;
}
.difference-title {font-size: 20px;font-weight: bold;line-height: 1.3;margin-bottom: 16px;margin-top: 5px;
}
.difference-text-bold {font-size: 14px;font-weight: bold; margin: 0px 16px 16px 16px;padding-top: 16px;position: relative;
}
.difference-text-bold:before {background-image: linear-gradient(to right, #d3d3d3, #d3d3d3 85.71429%, rgba(0, 0, 0, 0) 85.71429%, rgba(0, 0, 0, 0) 100%);background-size: 6px 6px;content: "";display: block; height: 2px;margin-left: -30px;position: absolute;top: 0;left: 50%;width: 60px;
}
.difference-text {padding: 0 16px;text-align: left;font-size: 15px;margin-top: 30px;
}
}

@media screen and (min-width:768px) {
#difference {background: url(../img/cover-affiliate.jpg) no-repeat center bottom;background-size: cover;margin-top: 24px;height: ;
}
/* 220 */
.difference-area {padding: 110px 0px 100px 0px;
}
.difference-area:after {background: url(../img/cover-affiliate-img.png) no-repeat left top; display: block;content: "";height: 200px;position: absolute;bottom: 38px;left: -100px;width: 260px;
} 
    
.difference:before {position: absolute;display: block;content: ""; width: 100%;height: 40px;left: 00px;right:00px;bottom: 0;background: url(../img/bg-filter3.png) no-repeat center top;
}
    
.difference-area2 {background: #fff;margin: 0 auto;padding: 42px 16px 40px;position: relative;text-align: center;width: 720px;
}
.difference-sub-tit {display: inline-block;font-size: 16px;position: relative;text-align: center;
}
.difference-sub-tit:before {display: block; height: 24px; margin-top: -12px;position: absolute;top: 50%;left: -20px; width: 14px;
}
.difference-sub-tit:after {display: block; height: 24px; margin-top: -12px;position: absolute;top: 50%;right: -20px; width: 14px;
}
.difference-title {font-size: 26px;font-weight: bold;line-height: 1.3; margin-bottom: 24px;
}
.difference-text-bold {font-size: 20px;font-weight: bold;padding-top: 20px;position: relative;margin: 0px 30px 20px 30px;
}
.difference-text {font-size: 16px;max-width: 600px;margin: 0 auto;text-align: left;
}
}

@media screen and (min-width:1024px) {
.difference-area:after {height: 320px;
}

}
@media screen and (min-width:1024px) and ( max-width:1260px) {
/*PC一部1024～1260*/

}

@media screen and (min-width:840px) and ( max-width:1023px) {
/*PC一部840～1023*/
.difference-area:after {background: url(../img/cover-affiliate-img-sp.png) no-repeat;background-size: 262px 136px;content: "";display: block;height: 176px;position: absolute;bottom: 0;width: 292px;left: -50px;
}

}

@media screen and (min-width:768px) and ( max-width:839px) {
.difference-area:after {background: url(../img/cover-affiliate-img-sp.png) no-repeat;background-size: 232px 116px;content: "";display: block;height: 156px;position: absolute;bottom: 0;width: 292px;left: -50px;
}

}



/*---------------------------------------------
アフィリエイターの報酬
---------------------------------------------*/
@media screen and (min-width:668px) {
.reward {margin-top: -89px;padding-bottom: 40px;position: relative;text-align: left;
}
.reward-header {text-align: center;padding-top: 52px;padding-bottom: 20px;
}
.reward-header2 {text-align: center;padding-top: 82px;padding-bottom: 20px;
}
.reward-text-area {display: block;margin: 0 auto; 
}
.reward-subtitle-area {display: block;margin: 0 auto; 
border-bottom: 1px dashed #CCC;line-height: 1.3;margin: 12px 0 20px;padding-top: px;color: # ;padding-bottom: 16px;
}
.reward-subtitle { display: inline-block;font-size: 22px;font-weight: bold; margin: 0 0 20px;position: relative;
background: #23bb9a;border-radius: 17px;color: #fff;display: inline-block;line-height: 1; margin-bottom: 8px; padding: 10px 32px;vertical-align: top;
}
.reward-text-bold {font-size: 20px;font-weight: bold;line-height: 1.4;
}
.reward-text-big {color: #fd6062;font-size: 36px;
}
.reward-text {display: block;text-align: left;margin: 0 auto 20px;
}
.reward-text2 { display: block;max-width: 970px;text-align: left;margin: 0 auto 20px;margin-top: 10px;
}
.reward-item {border-radius: 8px;margin: 0 auto;width: 480px;
}
.youtube {display: block;
}
.youtube img {width: 100%;
}
    
.reward-text-area{margin: 0 0 64px;
}
.reward-title {font-size: 36px;font-weight: bold;line-height: 1;
}
.reward-title-big {color: #23bb9a;font-family: "游明朝", YuMincho, 'Yu Mincho', Century, YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;font-size: 68px;position: relative;top: 4px;
}
.reward-title-big2 {color: #fc6063;font-family: "游明朝", YuMincho, 'Yu Mincho', Century, YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;font-size: 68px;position: relative;top: 4px;
}  
    
}

@media screen and (max-width:967px) {

}

@media screen and (max-width:867px) {


}
@media screen and (max-width:787px) {
.reward {margin-top: -89px;padding-bottom: 40px;position: relative;text-align: left;
}
.reward-header {text-align: center;padding-top: 82px;padding-bottom: 0px;
}
.reward-header2 {text-align: center;padding-top: 82px;padding-bottom: 20px;
}
.reward-text-area {display: block;margin: 0 auto; 
}
.reward-subtitle-area {display: block;margin: 0 auto; 
border-bottom: 1px dashed #CCC;line-height: 1.3;margin: 12px 0 20px;padding-top: px;color: # ;padding-bottom: 16px;text-align: center;
}
.reward-subtitle { display: inline-block;font-size: 22px;font-weight: bold; margin: 0 0 20px;position: relative;
background: #23bb9a;border-radius: 17px;color: #fff;display: inline-block;line-height: 1; margin-bottom: 8px; padding: 10px 32px;vertical-align: top;
}
.reward-text-bold {font-size: 19px;font-weight: bold;line-height: 1.6;text-align: center;
}
.reward-text-big {color: #fd6062;font-size: 26px;
}
.reward-text {display: block;text-align: left;margin: 0 auto 20px;text-align: center;margin-top: 30px;
}
.reward-text2 { display: block;max-width: 970px;text-align: left;margin: 0 auto 20px;margin-top: 10px;
}
.reward-item {border-radius: 8px;margin: 0 auto;width: 480px;
}
.youtube {display: block;
}
.youtube img {width: 100%;
}
.reward-text-area {margin: 0 0 40px;
}
.reward-title {display: block;font-size: 29px;font-weight: bold;line-height: 1.2;white-space: nowrap;margin-bottom: -0px;
}
.reward-title-top-txt {display: block;
}
.reward-title-big {color: #23bb9a;font-family: "游明朝", YuMincho, 'Yu Mincho', Century, YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;font-size: 48px;top: 2px;position: relative;
}
.reward-title-big2 {color: #fc6063;font-family: "游明朝", YuMincho, 'Yu Mincho', Century, YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;font-size: 48px;position: relative;
}  
   
}
@media screen and (max-width:667px) {

}
@media screen and (max-width:557px) {
.reward {margin-top: -60px;position: relative;text-align: center;
}
.reward-header {padding-top: 50px;text-align: center;
}    
.reward-header2 {padding-top: 50px;text-align: center;
}
.reward-subtitle {display: inline-block;font-size: 16px;font-weight: bold;margin-bottom: 16px;position: relative;
background: #23bb9a;border-radius: 17px;color: #fff;display: inline-block;line-height: 1; margin-bottom: 8px; padding: 10px 32px;vertical-align: top;
}

.reward-text-area {display: block;margin: 0 auto; max-width: 680px;text-align: center;
}
.reward-subtitle-area {display: block;margin: 0 auto; 
border-bottom: 1px dashed #CCC;line-height: 1.3;margin: 0px 0 20px;padding-top: px;color: # ;padding-bottom: 16px;text-align: center;
}
.reward-text-bold {font-size: 16px;font-weight: bold;line-height: 1.4;text-align: center;
}
.reward-text-big {color: #fd6062;font-size: 22px;
}
.reward-text {display: block;max-width: 380px; margin: 0 auto 16px;
}
.reward-text2 {display: block;text-align: left;margin: 0 auto 26px;
}
.reward-item {border-radius: 8px;margin: 0 0 16px;
}
.youtube {display: block;
}
.youtube img {width: 100%;
}
.reward-text-area {margin: 0 0 40px;
}
.reward-title {display: block;font-size: 22px;font-weight: bold;line-height: 1.2;white-space: nowrap;
}
.reward-title-top-txt {display: block;
}
.reward-title-big {color: #23bb9a;font-family: "游明朝", YuMincho, 'Yu Mincho', Century, YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;font-size: 38px;top: 2px;position: relative;
}
.reward-title-big2 {color: #fc6063;font-family: "游明朝", YuMincho, 'Yu Mincho', Century, YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;font-size: 38px;position: relative;
}
}
@media screen and (max-width:457px) {
    /*SP一部*/
.method-box {background: #f67b7e;display: inline-block;padding: 4px;letter-spacing: normal;width: 136px;
}

}



/*---------------------------------------------
アフィリエイターの体験談
---------------------------------------------*/
@media screen and (max-width:767px) {
#experiences {padding-top: 66px;padding-bottom: 50px;
}
.experiences-tit {font-size: 28px;font-weight: bold;line-height: 1.3;position: relative;text-align: center;
}
    


.experiences-area {margin-top: 48px;
}
.experiences-box {background: #fffae6;padding: 16px;position: relative;
}
.experiences-box:not(:last-child) {margin-bottom: 32px;
}
.experiences-box-in {background: #fff;border: 1px solid #111;padding: 32px 24px;
}
.experiences-imgarea { display: block;margin-bottom: 8px;text-align: center;
}
.experiences-imgarea img {border-radius: 50%;display: block;height: 200px; margin: 0 auto;width: 200px;
}
.experiences-number {background: #23bb9a;border-radius: 8px;color: #fff;display: inline-block;font-size: 12px;line-height: 1;margin-bottom: 8px;padding: 4px 12px;vertical-align: top;
}
.experiences-name { display: inline-block;line-height: 1;margin: 0 0 0 10px;vertical-align: top;
}
.experiences-name span {font-size: 18px;font-weight: bold;
}
.experiences-subtit {font-size: 26px;font-weight: bold;line-height: 1.3;margin: 12px 0 20px;padding-top: 16px;
}
}

@media screen and (min-width:668px) {
#experiences {padding-top: 66px;padding-bottom: 50px;
}
.experiences-tit {font-weight: bold;font-size: 32px;line-height: 1.3;position: relative;text-align: center;
}

.experiences-area {margin-top: 48px;
}
.experiences-box { background: #fffae6; padding: 16px;position: relative;margin-bottom: 30px;border-radius: 8px;
}
.vexperiences-box:not(:last-child) {margin-bottom: 32px;
}
.experiences-box-in { background: #fff;border: 1px solid #111;padding: 32px 48px;
}
.experiences-imgarea { width: 200px;
}
.experiences-box:nth-child(odd) .experiences-imgarea {float: left;
}
.experiences-box:nth-child(even) .experiences-imgarea {float: right;
}
.experiences-imgarea img {border: 4px solid #c8f6ed;border-radius: 50%;display: block;height: 200px;margin: 0 auto;width: 200px;
}
.experiences-textbox {width: 100%;
}
.experiences-box:nth-child(odd) .experiences-textbox {float: right;margin-left: -200px;
}
.experiences-box:nth-child(even) .experiences-textbox {float: left; margin-right: -200px;
}
.experiences-box:nth-child(odd) .experiences-textbox-in {margin-left: 240px;
}
.experiences-box:nth-child(even) .experiences-textbox-in {margin-right: 240px;
}
.experiences-number {background: #23bb9a;border-radius: 28px;color: #fff;display: inline-block;font-size: 12px;line-height: 1; margin-bottom: 8px; padding: 4px 12px;vertical-align: top;
}
.experiences-name {display: inline-block;line-height: 1;margin: 0 0 0 10px;vertical-align: top;
}
.experiences-name span {font-size: 18px;font-weight: bold;
}
.experiences-subtit {border-top: 1px dashed #CCC;font-size: 26px;font-weight: bold;line-height: 1.3;margin: 12px 0 20px;padding-top: 16px;
}
}

/*---------------------------------------------
登録費用・登録条件・報酬
---------------------------------------------*/
@media screen and (max-width:767px) {
    #requirements {background: #c9f6ed;margin: 0 auto 40px;
    }
    .merit-catch-2 {position: relative;display: inline-block;font-size: 16px;font-weight: bold;line-height: 1; margin-bottom: 16px;
    }
    .merit-catch-2:before {background: url(../img/slash-h.png) no-repeat;left: -24px;
    }
    .merit-catch-2:after { background: url(../img/slash-m.png) no-repeat;right: -24px;
    }
    .merit-catch-2:before,
    .merit-catch-2:after {background-size: 16px 24px;height: 24px;width: 16px;position: absolute;content: "";bottom: 0;
    }
    .requirements-box-area {padding: 24px 0;
    }
    .requirements-box { background: #fff; padding: 24px 0;text-align: center;
    }
    .requirements-box:nth-child(2) {margin: 12px 0;
    }
    .requirements-box-title {position: relative;display: inline-block;font-size: 20px;font-weight: bold;line-height: 1;
    }
    .requirements-box:first-child .requirements-box-title {padding-left: 0px;
    }
    .requirements-box:nth-child(2) .requirements-box-title {padding-left: 0px;
    }
    .requirements-box:last-child .requirements-box-title {padding-left: 0px;
    }
    .requirements-box:first-child .requirements-box-title:before,
    .requirements-box:nth-child(2) .requirements-box-title:before,
    .requirements-box:last-child .requirements-box-title:before {content: "";height: 20px;margin-top: -10px;position: absolute;top: 50%;left: 0;
    }
    .requirements-box-text2 {font-size: 15px;font-weight: bold;margin: 12px 0;padding-top: 16px;position: relative;
    }
    .requirements-box-text2-sp {display: block;
    }
    .requirements-box-text2-pcsp {display: block;
    }
    .requirements-box-text2:before {border-top: 2px solid #ff93ac;content: "";display: block;margin-left: -20px;position: absolute;top: 0;left: 50%;width: 40px;
    }
    .requirements-box-text {font-size: 15px;
    }
    .requirements-box-smalltext {display: block;font-size: 12px;margin: 4px 0 0;
    }
    .requirements-box-bold2 {font-size: 25px;font-weight: bold;margin: 12px 0;padding-top: 16px;position: relative;
    }
    .requirements-box-bold2:before {border-top: 2px solid #ff93ac;content: "";display: block;margin-left: -20px;position: absolute;top: 0;left: 50%;width: 40px;
    }
}

@media screen and (min-width:768px) {
    #requirements {background: #c9f6ed;margin: 0 auto 20px;
    }

    .merit-catch-2 {position: relative;display: inline-block;font-size: 20px;font-weight: bold;line-height: 1;margin-bottom: 16px;top: 20px;
    }
    .merit-catch-2:before {background: url(../img/slash-h.png) no-repeat;left: -24px;
    }
    .merit-catch-2:after {background: url(../img/slash-m.png) no-repeat;right: -24px;
    }
    .merit-catch-2:before,
    .merit-catch-2:after {background-size: 16px 24px;height: 24px;width: 16px;position: absolute;content: "";bottom: 0;
    }
    .requirements-box-area {letter-spacing: -.40em;padding: 40px 0;
    }
    .requirements-box {background: #fff;display: inline-block;height: 280px;letter-spacing: normal;padding: 38px 2% 0;text-align: center;vertical-align: top;width: 32%;
    }
    .requirements-box-title {position: relative;display: inline-block;font-size: 25px;font-weight: bold;line-height: 1;word-break: keep-all;
    }
    .requirements-box:first-child .requirements-box-title:before,
    .requirements-box:nth-child(2) .requirements-box-title:before,
    .requirements-box:last-child .requirements-box-title:before {position: absolute;content: "";height: 32px;top: -44px;left: 50%;
    }
   
    .requirements-box:nth-child(2) {margin: 0 2%;
    }
    .requirements-box-text2 {font-size: 18px;font-weight: bold;height: 46px;margin: 12px 0;padding-top: 16px;position: relative;
    }
    .requirements-box-text2-pc-block {display: block;
    }
    .requirements-box-text2-pcsp {display: block;
    }
    .requirements-box-text2:before {border-top: 2px solid #23bb9a;content: "";display: block;margin-left: -20px;position: absolute;top: 0;left: 50%;width: 40px;
    }
    .requirements-box-text {font-size: 15px;margin: 0 0 14px;
    }
     .requirements-box-bold2 {font-size: 18px;font-weight: bold;height: 46px;margin: 12px 0;padding-top: 16px;position: relative;
    }
    .requirements-box-bold2:before {border-top: 2px solid #23bb9a;content: "";display: block;margin-left: -20px;position: absolute;top: 0;left: 50%;width: 40px;
    }
    
    .requirements-box-smalltext {display: block;font-size: 12px;margin: 4px 0 0;
    }
}


/*---------------------------------------------
無料会員登録ボタン
---------------------------------------------*/
@media screen and (max-width:767px) {
.btn {padding: 80px 0;
}
.btn2 {padding: 70px 0;background: #eee;margin: 0 auto 40px;padding-bottom: 40px;
}
.btn-area {text-align: center;
}
.btn-area-text {position: relative;display: inline-block;font-weight: bold;line-height: 1.3;margin-bottom: 12px;font-size: 17px;
}
.btn-area-text2 {margin: 20px auto;padding: 0 20px;
}
.btn-area-text:before {background: url(../img/slash-h.png) no-repeat;left: -20px;
}
.btn-area-text:after {background: url(../img/slash-m.png) no-repeat;right: -20px;
}
.btn-area-text:before,
.btn-area-text:after {background-size: 13px 20px;content: "";height: 20px;position: absolute;bottom: 0;width: 13px;
}
.btn-btn a {display: block;border-radius: 8px;font-size: 15px;font-weight: bold;line-height: 1.4;padding: 16px 0;
}
.btn-btn a span {display: block;
}
}

@media screen and (min-width:768px) {
.btn {padding: 100px 0;
}
.btn2 {padding: 70px 0;background: #eee;margin: 0 auto 40px;
}
.btn-area {text-align: center;
}
.btn-area-text {position: relative;display: inline-block;font-size: 20px;font-weight: bold;line-height: 1;margin-bottom: 16px;
}
.btn-area-text2 {margin: 20px auto 0px;font-size: 17px;
}
.btn-area-text:before {background: url(../img/slash-h.png) no-repeat;left: -24px;
}
.btn-area-text:after {background: url(../img/slash-m.png) no-repeat;right: -24px;
}
.btn-area-text:before,
.btn-area-text:after {background-size: 16px 24px;height: 24px;width: 16px;position: absolute;content: "";bottom: 0;
}
.btn-btn {margin: 0 auto;width: 580px;
}
.btn-btn a {border-radius: 58px;display: block;font-size: 22px;font-weight: bold;line-height: 1.4;padding: 28px 0;
}
}



/*---------------------------------------------
ヒューマンアフィリエイトが選ばれる3つの理由
---------------------------------------------*/

/* ↓3つの理由タイトル（上部） */
@media screen and (max-width:767px) {
/*SP*/

.merit-header {padding-top: 20px;text-align: center;
}
.merit-catch {position: relative;display: inline-block;font-size: 16px;font-weight: bold;line-height: 1.3; margin-bottom: 16px;
}
.merit-catch:before {background: url(../img/slash-h.png) no-repeat;left: -24px;
}
.merit-catch:after { background: url(../img/slash-m.png) no-repeat;right: -24px;
}
.merit-catch:before,
.merit-catch:after {background-size: 16px 24px;height: 24px;width: 16px;position: absolute;content: "";bottom: 0;
}

.merit-title2 {display: block;font-size: 22px;font-weight: bold;line-height: 1;white-space: nowrap;
}
.merit-title2-top-txt {
}

.merit-illust-area {display: inline-block;position: relative;width: 294px;float: right; 
}
.merit-illust-area2 {display: inline-block;position: relative;width: 294px;
}
.merit-illust-img {display: inline-block; width: 100%;
}
.merit-illust-img img {width: 100%;margin-bottom: -7px;
}
.merit-illust-text {font-size: 80%;line-height: 1.4;position: absolute; top: 26px;left: 23px;text-align: center;
}
.merit-illust-text span {display: block;font-weight: bold;
}
.merit-illust-text2 {font-size: 80%;line-height: 1.4;position: absolute; top: 31px;left: 147px;text-align: center;
}
.merit-illust-text2 span {display: block;font-weight: bold;
}
.merit-title {display: block;font-size: 22px;font-weight: bold;line-height: 1.2;white-space: nowrap;
}
.merit-title-top-txt {display: block;
}
.merit-title-big {color: #23bb9a;font-family: "游明朝", YuMincho, 'Yu Mincho', Century, YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;font-size: 38px;top: 2px;position: relative;
}
.merit-title-big2 {color: #fc6063;font-family: "游明朝", YuMincho, 'Yu Mincho', Century, YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;font-size: 38px;position: relative;
}
}

@media screen and (min-width:768px) {
/*PC*/
.merit-header {text-align: center;padding-top: 82px;padding-bottom: 20px;
}

.merit-catch {position: relative;display: inline-block;font-size: 20px;font-weight: bold;line-height: 1;margin-bottom: 16px;top: 20px;
}
.merit-catch:before {background: url(../img/slash-h.png) no-repeat;left: -24px;
}
.merit-catch:after {background: url(../img/slash-m.png) no-repeat;right: -24px;
}
.merit-catch:before,
.merit-catch:after {background-size: 16px 24px;height: 24px;width: 16px;position: absolute;content: "";bottom: 0;
}
.merit-title2 {font-size: 36px;font-weight: bold;line-height: 2;
}   
.merit-illust-area {display: inline-block;position: absolute;bottom: 0; right: 0; margin-bottom: 43px;
}
.merit-illust-area2 {margin-bottom: -392px;margin-left: 10px;
}
.merit-illust-img {display: inline-block;width: 214px;
}
.merit-illust-img img {width: 100%;
}
.merit-illust-text {font-size: 15px;line-height: 1.4;position: absolute;top: 18px;left: 28px;text-align: center; 
}
.merit-illust-text span {display: block;font-weight: bold;
}
.merit-illust-text2 {font-size: 15px;line-height: 1.4;position: absolute;top: 24px;left: 52px;text-align: center; 
}
.merit-illust-text2 span {display: block;font-weight: bold;
}
.merit-text-area{margin: 0 0 64px;
}
.merit-title {font-size: 36px;font-weight: bold;line-height: 1;
}
.merit-title-big {color: #23bb9a;font-family: "游明朝", YuMincho, 'Yu Mincho', Century, YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;font-size: 68px;position: relative;top: 4px;
}
.merit-title-big2 {color: #fc6063;font-family: "游明朝", YuMincho, 'Yu Mincho', Century, YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;font-size: 68px;position: relative;top: 4px;
}  

}
@media screen and (min-width:980px) {
.merit-item {width: 980px;
}
}
@media screen and (max-width:1109px) {
.merit-illust-area2 {margin-bottom: -392px;margin-left: 10px;
}}
@media screen and (max-width:1029px) {
.merit-illust-area2 {margin-bottom: -319px;margin-left: 10px;
}}
@media screen and (max-width:1009px) {
.merit-illust-area2 {margin-bottom: -340px;margin-left: 10px;
}
.merit-illust-area {margin-bottom: 38px;margin-left: 10px;
}
}
@media screen and (max-width:909px) {
.merit-illust-area2 {margin-bottom: -340px;margin-left: 10px;
}
}
@media screen and (max-width:899px) {
.merit-illust-area2 {margin-bottom: -340px;margin-left: 10px;
}
}
@media screen and (max-width:889px) {
.merit-illust-area2 {margin-bottom: -355px;margin-left: 10px;
}

}
@media screen and (max-width:889px) {
.merit-illust-area2 {margin-bottom: -361px;margin-left: 10px;
}
.merit-illust-area {margin-bottom: 0px;margin-left: 10px;
}
}



/* ↓3つの理由タイトル（共通） */
@media screen and (max-width:767px) {
/*SP*/

.merit-each-tit {font-size: 28px;font-weight: bold;line-height: 1.2;text-align: center;
}
.merit-each-tit-pink {color: #ff5089;font-size: 28px;
}
.merit-each-tit-normal { display: block;
}
}



@media screen and (min-width:768px) {
/*PC*/

.merit-each-tit {font-size: 56px;font-weight: bold;line-height: 1.4;text-align: center;
}
.merit-each-tit-pink,
.merit-each-tit-normal {font-size: 32px;display: block;
}
}

@media screen and (max-width:767px) {
/*SP*/
.merit-boxarea {margin-top: 40px;
}
.ver1, .ver2 {margin-bottom: 32px;
}
.ver1 .merit-top-text {display: inline-block;font-family: "游明朝", YuMincho, 'Yu Mincho', Century, YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;font-size: 16px;font-weight: bold;line-height: 1.2;position: absolute;top: 20px;left: 26px;text-align: left;
}
.ver2 .merit-top-text {display: inline-block;font-family: "游明朝", YuMincho, 'Yu Mincho', Century, YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;font-size: 16px;font-weight: bold;line-height: 1.2;position: absolute;top: 18px;right: 20px;text-align: center;
}
.meritl-in-text05 {color: #ff5089;font-size: 22px;letter-spacing: -2px;
}
.merit-box2 {border: 1px solid #111;padding: 4px;
}
.merit-box-title {background: #fffae6;font-size: 21px;font-weight: bold;line-height: 1.3;text-align: center;padding: 16px 0;
}
.merit-box-text {border-top: 1px dotted #111;font-size: 14px; margin: 0 16px;padding: 16px 0;
}
.merit-box-text2 {border-top: 1px dotted #111;font-size: 14px;margin: 0 16px;padding: 16px 0;
}
.merit-box-title span {font-size: 14px;
}
.merit-btm-box {display: inline-block;margin: 32px 0 0;text-align: center; width: 100%;
}
.merit-btm-desc { border: 1px solid #111;padding: 4px;
}
.merit-btm-tit {background: #fcebeb;font-size: 21px;font-weight: bold;line-height: 1.3;text-align: center;padding: 16px 0;
}
.merit-btm-table { border-top: 1px dotted #111;display: inline-block;font-size: 14px;padding: 16px 10px;text-align: center;width: 100%;
}
.merit-btm-table tbody { display: inline-block;width: 100%;
}
.merit-btm-table tr {border-bottom: 1px dotted #111;display: inline-block;width: 100%;
}
.merit-btm-table tr:last-child {border-bottom: none;
}
.merit-btm-table td {border-right: 1px dotted #111;display: inline-block;padding: 4px 0;width: 50%;
}
.merit-btm-table td:nth-child(even) {border-right: none;
}
}

@media screen and (min-width:768px) {
/*PC*/
.merit-boxarea {margin-top: 56px;
}
.merit-box {margin: 0 auto 5%;
}
.ver1 .merit-top-text {display: inline-block;font-family: "游明朝", YuMincho, 'Yu Mincho', Century, YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;font-size: 26px;font-weight: bold;line-height: 1.2;position: absolute;top: 30px;left: 30px;text-align: left;
}
.ver2 .merit-top-text {display: inline-block;font-family: "游明朝", YuMincho, 'Yu Mincho', Century, YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;font-size: 26px;font-weight: bold;line-height: 1.2;position: absolute;top: 26px;right: 28px;text-align: center;
}
.merit-box2 {border: 1px solid #111;padding: 4px;
}
.merit-box-title {background: #fffae6;line-height: 1.3;font-size: 32px;font-weight: bold;padding: 24px 0;text-align: center;
}
.merit-box-title span {font-size: 16px;
}
.merit-box-text {border-top: 1px dotted #111;font-size: 17px;margin: 0 32px;padding: 26px 0;padding-bottom: 40px;
}
.merit-box-text2 {border-top: 1px dotted #111;font-size: 17px;margin: 0 32px;padding: 26px 0;padding-left: 200px;padding-bottom: 40px;
}
.merit-btm-box {display: inline-block;margin: 4% 0 0;text-align: center;width: 100%;
}
.merit-btm-desc {border: 1px solid #111;display: block;margin: 0 auto;padding: 4px;width: 466px;
}
.merit-btm-tit {background: #fcebeb;font-size: 32px;font-weight: bold;line-height: 1.3;padding: 24px 0;text-align: center;
}
.merit-btm-table {border-top: 1px dotted #111;display: inline-block;font-size: 18px;margin: 0 7%;padding: 16px 0;text-align: center;width: 86%;
}
.merit-btm-table tbody {display: inline-block;width: 100%;
}
.merit-btm-table tr {border-bottom: 1px dotted #111;display: inline-block;width: 100%;
}
.merit-btm-table tr:last-child {border-bottom: none;
}
.merit-btm-table td { border-right: 1px dotted #111;display: inline-block;padding: 4px 0;width: 50%;
}
.merit-btm-table td:nth-child(even) { border-right: none;
}
}

@media screen and (min-width:768px) and ( max-width:1024px) {
.merit-box-title {font-size: 24px;
}
.merit-box-text {font-size: 14px;
}
.merit-box-text2 { font-size: 14px;
}
}

@media screen and (min-width:768px) and ( max-width:1066px) {
    
.ver1 .merit-top-text {font-size: 20px;top: 22px;left: 26px;
}
.ver2 .merit-top-text {font-size: 20px;top: 18px;right: 20px;
}
.merit-btm-table {font-size: 16px;
}
}




/*---------------------------------------------
ヒューマンアフィリエイトFAQよくあるご質問
---------------------------------------------*/
.faq {text-align: center;padding-top: 82px;padding-bottom: 20px;
}
.faq-area{border: 1px solid #d7d7d7;padding: 20px 0  25px 20px;background: #fff;margin-bottom: 10px;border-radius: 8px;
}
.faq-area .question{font-size: 17px;font-weight:600;padding-left:1.5em;text-indent:-1.5em;cursor:pointer;padding-left:3.1em;text-indent:0em;cursor:pointer;margin-top: -25px;
}
.faq-area: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;display:none;padding-right: 30px;
}
.faq-area .answer:before{content:"A.";display:inline;color:;font-size:16px;font-weight:600;
}
.faq-title {font-size: 36px;font-weight: bold;line-height: 2;
}   
.faq-cat{margin-bottom:0px;padding-bottom: 50px;margin-top: -30px;
}
.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) 
{
.faq {padding-top: 60px;margin-bottom: 0px; text-align: center;
}
.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: 15px;font-weight:600;padding-left:3.0em;text-indent:0em;cursor:pointer;margin-top: -23px;
}
.faq-area: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;	display:none;font-size: 15px;
}
.faq-area .answer:before{font-size:100%;
}
.faq-title {display: block;font-size: 26px;font-weight: bold;line-height: 1;white-space: nowrap;
}
.faq-cat{margin-bottom:vw;padding-bottom: 40px;
}}


/*---------------------------------------------
ヒューマンアフィリエイトを運営するChance!とは
---------------------------------------------*/
@media screen and (max-width:767px) {
#chance {background: url(../img/cover-chance.jpg) no-repeat center bottom;background-size: cover;margin-top: 0px;
}
.chance-area { padding: 80px 0px 110px 0px;
}
.difference:before {position: absolute;display: block;content: ""; width: 100%;height: 40px;left: 00px;right:00px;bottom: 0;background: url(../img/bg-filter3.png) no-repeat center top;
}
/*
.chance-area:after {background: url(../img/cover-chance-img1.png) no-repeat;background-size: 122px 156px;content: "";display: block;height: 96px;position: absolute;bottom:40px;left: 0;width: 122px;
}
.chance-area:before {background: url(../img/cover-chance-img2.png) no-repeat;background-size: 122px 156px;content: "";display: block;height: 96px;position: absolute;bottom: 40px;right: 0;width: 122px;z-index: 1000;
}
*/   
    
.chance-box {position: relative;background: #fff;padding: 24px 0 32px;text-align: center;
}
.chance-subtitle {display: inline-block;font-size: 15px;position: relative;
}
.chance-subtitle:before { background: url(../img/slash-h.png) no-repeat;background-size: 12px 20px;content: "";display: block;height: 24px;margin-top: -12px;position: absolute;top: 50%;left: -16px;width: 14px;
}
.chance-subtitle:after {background: url(../img/slash-m.png) no-repeat;background-size: 12px 20px;content: "";display: block;height: 24px;margin-top: -12px;position: absolute;top: 50%;right: -16px;width: 14px;
}
.chance-title {font-size: 26px;font-weight: bold;line-height: 1.3;margin-bottom: 16px;
}
.chance-text-bold {font-size: 14px;font-weight: bold; margin: 0px 16px 16px 16px;padding-top: 16px;position: relative;
}
.chance-text-bold:before {background-image: linear-gradient(to right, #d3d3d3, #d3d3d3 85.71429%, rgba(0, 0, 0, 0) 85.71429%, rgba(0, 0, 0, 0) 100%);background-size: 6px 6px;content: "";display: block; height: 2px;margin-left: -30px;position: absolute;top: 0;left: 50%;width: 60px;
}
.chance-text {padding: 0 16px;text-align: left;font-size: 15px;
}
}

@media screen and (min-width:768px) {
#chance {background: url(../img/cover-chance.jpg) no-repeat center bottom;background-size: cover;margin-top: 0px;height: 
}

.chance-area {padding: 90px 0px 180px 0px;
}
/*
.chance-area:after {background: url(../img/cover-chance-img1.png) no-repeat left top; display: block;content: "";height: 200px;position: absolute;bottom: 38px;left: -100px;width: 260px;
} 
.chance-area:before {background: url(../img/cover-chance-img2.png) no-repeat left top; display: block;content: "";height: 322px;position: absolute;bottom: 38px;right: -100px;width: 260px;z-index:10000;
} 
*/   
.difference:before {position: absolute;display: block;content: ""; width: 100%;height: 40px;left: 00px;right:00px;bottom: 0;background: url(../img/bg-filter3.png) no-repeat center top;
}
    
.chance-box {background: #fff;margin: 0 auto;padding: 32px 16px 40px;position: relative;text-align: center;width: 720px;
}
.chance-subtitle {display: inline-block;font-size: 16px;position: relative;text-align: center;
}
.chance-subtitle:before {display: block; height: 24px; margin-top: -12px;position: absolute;top: 50%;left: -20px; width: 14px;
}
.chance-subtitle:after {display: block; height: 24px; margin-top: -12px;position: absolute;top: 50%;right: -20px; width: 14px;
}
.chance-title {font-size: 40px;font-weight: bold;line-height: 1.3; margin-bottom: 24px;
}
.chance-text-bold {font-size: 20px;font-weight: bold;padding-top: 20px;position: relative;margin: 0px 30px 20px 30px;
}
.chance-text-bold:before {background-image: linear-gradient(to right, #d3d3d3, #d3d3d3 85.71429%, rgba(0, 0, 0, 0) 85.71429%, rgba(0, 0, 0, 0) 100%);background-size: 6px 6px;content: "";display: block;height: 2px;margin-left: -60px;position: absolute;top: 0;left: 50%;width: 120px;
}
.chance-text {font-size: 16px;max-width: 600px;margin: 0 auto;text-align: left;
}
}

@media screen and (min-width:768px) and ( max-width:1039px) {
/*PC一部768～839*/
    
/*    
.chance-area:after {background: url(../img/cover-chance-img1.png) no-repeat left top; display: block;content: "";height: 220px;position: absolute;bottom: 38px;left: -30px;width: 260px;
} 
.chance-area:before {background: url(../img/cover-chance-img2.png) no-repeat left top; display: block;content: "";height: 220px;position: absolute;bottom: 38px;right: -30px;width: 260px;z-index:10000;
} 
*/   
    
    
}




@media screen and (min-width:1024px) {
.chance-area:after {height: 320px;
}
}

/*---------------------------------------------
あなたがやることはただ一つ！
---------------------------------------------*/
@media screen and (max-width:767px) {
.lp {background-image: url(../img/white.png), url(../img/cover-second.jpg);background-repeat: repeat-x, no-repeat;background-position: left top, center bottom;background-size: auto, auto 370px;margin-top: 48px;padding-bottom: 170px;position: relative;text-align: center;
}
.lp-catch img {width: 272px;height: 42px;
}
.lp-title {font-weight: bold;font-size: 20px;margin-bottom: 32px;margin-top: 16px;
}
.lp-text {font-size: 15px;margin-top: 8px;text-align: left;margin-top: 30px;padding-left: 10px;padding-right: 10px;
}
.lp-title span {font-size: 26px;
}
.lp-outer {letter-spacing: -.40em;
}
.lp-item {background: #f191a4;display: inline-block;padding: 4px;letter-spacing: normal;width: 136px;
}
.lp-item:first-child {display: block;margin: 0 auto 16px;
}
.lp-item:last-child {margin-left: 16px;
}
.lp-item-inn { background: #f191a4;border: 1px solid #fff;color: #fff;padding: 32px 0;
}
.lp-jp {font-size: 15px;font-weight: bold;margin-top: 6px;padding-top: 8px;position: relative;
}
.lp-jp:before {background: #fff;display: block;content: ""; height: 1px; margin-left: -16px;position: absolute;top: 0;left: 50%;width: 32px;
}
}

@media screen and (min-width:768px) {
.lp {background-image: url(../img/white.png), url(../img/cover-second.jpg);background-repeat: repeat-x, no-repeat;background-position: left top, center center;background-size: auto, cover;margin-top: 74px;padding-bottom: 86px;position: relative;text-align: center;
}
.lp-catch img {width: 355px;;
}
.lp-title {font-size: 32px;font-weight: bold;margin: 16px 0 10px;
}
.lp-text {font-size: 17px;margin-top: 8px;text-align: left;margin-top: 30px;width: 700px;float: center;margin:30px auto 20px auto;
}
.lp-text img{font-size: 17px;margin-top: 8px;text-align: left;margin-top: 0px;
}
.lp-title span {font-size: 48px;
}
.lp-outer {letter-spacing: -.40em;
}
.lp-item { background: rgba(241, 145, 164, 0.8);display: inline-block;letter-spacing: normal;padding: 4px;width: 200px;
}
.lp-item:nth-child(2) {margin: 0 16px;
}
.lp-item-inn {border: 1px solid #fff;color: #fff;padding: 40px 0;
}
.lp-jp {position: relative;font-weight: bold;
}
.lp-jp:before {background: #fff;display: block;content: "";height: 1px;position: absolute;top: 0;left: 50%;
}
.lp-en {font-size: 18px;
}
.lp-jp {font-size: 22px;margin-top: 10px;padding-top: 10px;
}
.lp-jp:before {margin-left: -24px;width: 48px;
}
}


/*---------------------------------------------
Chance!からのお知らせ
---------------------------------------------*/
@media screen and (max-width:767px) {
#information {padding: 48px 0;
}
.information-area {background: #fff;border: 1px solid #ccc;padding: 40px 20px 40px;position: relative;
}
.information-title {font-size: 22px;font-weight: bold;line-height: 1.3;
}
.information-desc {padding: 32px 0 0;
}
.information-text p {font-size: 15px;
}
}

@media screen and (min-width:768px) {
#information {padding: 64px 0;
}
.information-area {background: #fff;border: 1px solid #ccc;padding: 64px 40px 0;
}
.information-title {font-size: 40px;font-weight: bold;line-height: 1.3;text-align: center;
}
.information-desc {padding: 56px 0 64px 0;
}
}


/*---------------------------------------------
Chance!の無料会員登録が必要です!
---------------------------------------------*/

@media screen and (max-width:2000px) {
/*PC*/
#closing {background: url(../img/cover-last.jpg) no-repeat center top;position: relative;padding: 140px 0 180px;
}
}
@media screen and (max-width:867px) {
#closing {background: url(../img/cover-last2.jpg) no-repeat center top;background-size: auto 440px;position: relative;padding: 88px 0 108px;
}
.closing-catch img {width: 55%
}
}
@media screen and (max-width:767px) {
#closing {background: url(../img/cover-last3.jpg) no-repeat center top;background-size: auto 320px;position: relative;padding: 128px 0 108px;
}
.closing-catch img {width: 50%;margin-top: -30px;
}
}

@media screen and (max-width:707px) {
#closing {background: url(../img/cover-last3.jpg) no-repeat center top;background-size: auto 280px;position: relative;padding: 98px 0 108px;
}
.closing-catch img {width: 60%
}
}
@media screen and (max-width:567px) {
#closing {background: url(../img/cover-last-sp.jpg) no-repeat center top;background-size: auto 360px;position: relative;padding: 88px 0 208px;
}
.closing-catch img {width: 75%;margin-top: -50px;
}
}
@media screen and (max-width:400px) {
#closing {background: url(../img/cover-last-sp.jpg) no-repeat center top;background-size: auto 310px;position: relative;padding: 88px 0 170px;
}
.closing-catch img {width: 85%;margin-top: -60px;
}
}

@media screen and (max-width:330px) {
#closing {background: url(../img/cover-last-sp.jpg) no-repeat center top;background-size: auto 280px;position: relative;padding: 88px 0 170px;
}
.closing-catch img {width: 95%;margin-top: -80px;
}
}





/*---------------------------------------------
フッター
---------------------------------------------*/
#footer {background: #eee;text-align: center;
}
.footer-body {padding: 20px 0;
}
#footer .footer-school, #footer .footer-info {margin-bottom: 0px;
letter-spacing: -.40em;
}
#footer .footer-school li, #footer .footer-info li {display: inline-block;margin-bottom: 8px;font-size: 14px;letter-spacing: normal;line-height: 1;
}
#footer .footer-school li a, #footer .footer-info li a {color: #222;text-decoration: none;
}
#footer .footer-school li a:hover, #footer .footer-info li a:hover {text-decoration: underline;
}
.footer-copy {padding: 16px 0;background: #23bb9a;font-size: 12px;color: #fff;text-align: center;
}

@media screen and (max-width:767px) {
#footer .footer-school {margin: 24px 0 10px;
}
#footer .footer-school-sate {margin: 0 0 10px;
}
#footer .footer-school-sate li {font-size: 12px;
}
#footer .footer-school li, #footer .footer-info li {margin-right: 8px;padding-right: 8px;border-right: 1px solid #222;
}
#footer .footer-school li:last-child, #footer .footer-info li:last-child {margin-right: 0;padding-right: 0;border-right: none;
}
.footer-copy {margin: 0 0 40px;
}
}

@media screen and (min-width:768px) {
#closing {padding: 140px 0 180px;
}
#footer .footer-school {margin: 32px 0 4px;
}
#footer .footer-school-sate {margin: 0 0 4px;
}
#footer .footer-school li:not(:last-child), #footer .footer-info li:not(:last-child) {margin-right: 24px;padding-right: 24px;border-right: 1px solid #222;
}
#footer .footer-school li:not(:last-child) {margin-right: 18px;padding-right: 18px;
}
}

#pagetop {position: fixed;width: 40px;height: 40px;right: 24px;bottom: 64px;z-index: 10;
}
#pagetop a {display: block;
}

@media screen and (max-width:767px) {
#menu-sp {position: fixed;bottom: 0;left: 0;width: 100%;height: 50px;background: #fff; z-index: 20;letter-spacing: -.40em;
}
#menu-sp a {display: inline-block;width: 49.8%;height: 50px;line-height: 50px; background: #fc6063;font-size: 15px;text-align: center;color: #fff;letter-spacing: normal;
}
#menu-sp a:hover {opacity: 0.7;
}
#menu-sp a.sp-contact {float: left;
}
#menu-sp a.sp-register {float: right;
}
#menu-sp a span {position: relative;display: inline-block;
}
#menu-sp a span:before {position: absolute;display: block;content: "";height: 14px;left: 0;top: 50%;margin-top: -7px;
}
#menu-sp a.sp-contact span {padding-left: 14px;
}
#menu-sp a.sp-contact span:before {background: url(../img/icon.png) no-repeat;background-size: 16px 14px;width: 16px;left: -4px;
}
#menu-sp a.sp-register span {padding-left: 20px;
}
#menu-sp a.sp-register span:before {background: url(../img/icon2.png) no-repeat;background-size: 16px 14px; width: 16px;
}

    
}

@media screen and (min-width:768px) {
#menu-sp {display: none;
}
}

.method:after,
#closing:after {position: absolute;display: block;content: ""; width: 100%;height: 40px;left: 0;bottom: 0;background: url(../img/bg-filter3.png) no-repeat center top;
}

@media screen and (max-width:767px) {
.method:after, #closing:after {height: 20px;background-size: auto 20px;
}
}


/*---------------------------------------------
報酬獲得までの流れ
---------------------------------------------*/
@media screen and (min-width:668px) {
#step {padding: 156px 0 26px;
}
.step-title { margin-bottom: 56px;font-size: 24px;
}
.step-title span {font-size: 32px;
}
.step-boxarea {padding-right: 40px;letter-spacing: -.40em;
}

.step-box {display: inline-block;letter-spacing: normal;padding: 24px 40px; vertical-align: top;width: 50%;height: 430px;border-radius: 50px
}
.step-box:after {background-size: 96px;height: 96px;width: 96px;
}
.step-box:nth-child(odd) {margin-right: 40px;
}
.step-box:nth-child(even) {margin-right: -40px;
}
}

.step-title {font-weight: bold;line-height: 1.3;position: relative;text-align: center;
}
.step-title:before {background: url(../img/flow-img.png) no-repeat;background-size: 265px 81px;content: "";display: block; height: 133px;margin-left: -132px;position: absolute;top: -94px; left: 50%;width: 283px;
}
.step-box {background: #fff;margin-bottom: 32px;position: relative;height: 430px;
}
.step-box:after {background-repeat: no-repeat;content: "";display: block;position: absolute;top: 0;left: 0;
}
.step-box:first-child:after {background-image: url(../img/step01.png);
}
.step-box:nth-child(2):after {background-image: url(../img/step02.png);
}
.step-box:nth-child(3):after {background-image: url(../img/step03.png);
}
.step-box:last-child:after {background-image: url(../img/step04.png);
}
.step-box-img {border-radius: 50%;display: block;height: 240px;margin: 0 auto;width: 240px;
}
.step-box-img img {border-radius: 120px;height: 240px;width: 240px;
}
.step-box-area {margin-top: -20px;position: relative;
}

.step-box-subtitle {margin-top: 30px;font-size: 22px;font-size: 2.2rem;font-weight: bold;text-align: center;
}
.step-box-text {font-size: 15px; margin-top: 8px;padding-top: 16px;position: relative;
}
.step-box-text:before {background: #53eece;content: "";display: block;height: 2px;margin-left: -20px;position: absolute;top: 0;left: 50%;width: 40px;
}

@media screen and (max-width:967px) {
#step {padding: 136px 0 48px;
}
.step-title {font-size: 20px;margin-bottom: 40px;
}
.step-title span {font-size: 28px;
}
.step-box {padding: 20px 24px;height: 459px;border-radius: 50px
}
.step-box:after {background-size: 64px;height: 64px;width: 64px;
}
}

@media screen and (max-width:867px) {

.step-box {padding: 20px 24px;height: 460px;border-radius: 50px
}
.step-box:after {background-size: 64px;height: 634px;width: 64px;
}
.step-title:before {background: url(../img/flow-img.png) no-repeat;background-size: 265px 81px;content: "";display: block; height: 133px;margin-left: -130px;position: absolute;top: -90px; left: 50%;width: 283px;
}
}
@media screen and (max-width:787px) {

.step-box {padding: 20px 24px;height: 460px;border-radius: 50px
}
.step-box:after {background-size: 64px;height: 634px;width: 64px;
}
}
@media screen and (max-width:667px) {

.step-box {padding: 20px 24px;height: 410px;border-radius: 50px
}
.step-box:after {background-size: 64px;height: 634px;width: 64px;
}
}
@media screen and (max-width:557px) {

.step-box {padding: 20px 24px;height: 420px;border-radius: 50px
}
.step-box:after {background-size: 64px;height: 634px;width: 64px;
}
}
@media screen and (max-width:457px) {

.step-box {padding: 20px 24px;height: 107%;border-radius: 50px
}
.step-box:after {background-size: 64px;height: 674px;width: 64px;
}
}




/* 特定商取引法に基ずく表記
--------------------------------------------------*/
.information_area .lower_wrap{
}
.information_area .lower_wrap .detail_box .detail_box_wrap .top_title{margin-bottom: 5px;
}
.information_area .lower_wrap table{border-top: 2px solid #434343;margin-top: 30px;
}
.information_area .lower_wrap table th{font-size: 15px;text-align: left;padding: 15px 10px;white-space: nowrap;border-bottom: 1px solid #ccc;vertical-align: top;font-weight: 600;
}
.information_area .lower_wrap table td{font-size: 15px;text-align: left;padding: 15px 10px;border-bottom: 1px dotted #ccc;vertical-align: top;
}
.information_area .lower_wrap a{color: #1111cc;
}
.information_area .lower_wrap a:hover{text-decoration: none;
}
.information_area .lower_wrap .mercedes_box{font-family: "游明朝", YuMincho, "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
}
.information_area .lower_wrap .mercedes_box .shop_title{font-size: 14px;margin-bottom: 0;
}
.information_area .lower_wrap .mercedes_box .company_title{font-size: 18px;font-weight: bold;
}

@media screen and (max-width:490px){
.information_area .lower_wrap{
}
.information_area .lower_wrap table th {display: block;padding: 15px 10px 0 10px;border-bottom: none;font-size: 12px;font-weight: 600;
}

.information_area .lower_wrap table td {display: block;padding: 0 10px 15px 10px;font-size: 12px;
}
.information_area .lower_wrap #gmap_ct{height: 300px !important;
}}


/*----------------202312追加----------*/
.kb-2312_lp-campaign_bnr {
    width: 770px;
      margin-left: auto;
      margin-right: auto;
    margin-bottom: 70px;
    display: block;
  }
  .kb-2312_lp-campaign_bnr img{
    width: 100%;
  }
  @media screen and (max-width: 1100px){
    .kb-2312_lp-campaign_bnr {
      width: 100%;
      margin-bottom: 50px;
    }
  }
  
  @media screen and (max-width: 627px){
    .kb-2312_lp-campaign_bnr {
      margin-bottom: 30px;
    }
  }