@charset "UTF-8";

/*******************************
初期化
********************************/
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;
vertical-align:baseline;
background:transparent;
}

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

html {
font-size: 62.5%;
width: 100%;
}

body {
font-family: 'Noto Sans JP', sans-serif;
color: #000;
font-size: 1.6rem;
font-weight: 400;
line-height: 1.7;
-webkit-text-size-adjust: 100%;
text-size-adjust: 100%; /* スマホでの文字拡大を防止 */
width: 100%;
margin: 0;
padding: 0;
background-color: #fff;
overflow-x: hidden;
}
body p{
margin-bottom: 1.5rem;
}

img{
max-width: 100%;
height: auto;
vertical-align: top;
}

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

ul, ol {
list-style: none;
}

table {
border-collapse: collapse;
border-spacing: 0;
}
/* iOSのフォームの初期状態を解除 */
input, button, textarea, select{
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}

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

a {
vertical-align:baseline;
text-decoration: none;
color: #1558d6;
}

ins {
background-color:#ff9;
color:#000;
text-decoration:none;
}

/* IE用の游ゴシック適応の設定 */
_:lang(x)::-ms-backdrop, .selector {
font-family: "Segoe UI", Meiryo, sans-serif;
}

/**************************************************
共通
**************************************************/
.sp{display: none;}
.sp2{display: none;}

.font-normal{font-weight: 400;}
.font-bold{font-weight: bold;}
.font-orange{color: #ed9933;}

/**************************************************
位置調整
**************************************************/
.mt50{margin-top: 50px;}
.mb50{margin-bottom: 50px;}
.mb100{margin-bottom: 100px;}

/**************************************************
BUTTON
**************************************************/
.btn{cursor: pointer; color: #fff; background-color: #39a84a; box-shadow: 0 4px 0 #0f8024; font-weight: 900; line-height: 1.4; width: 100%; max-width: 480px; margin: 0 auto; padding: 25px 20px; text-align: center; display: flex; align-items: center; justify-content: space-between; border-radius: 4px; box-sizing: border-box; transition: all 0.3s; position: relative;}
.btn:before{background-color: #fff; border: 1px solid #39a84a; border-radius: 25px; padding: 7px 10px 6px; content: "今なら期間限定で入会金0円!"; color: #39a84a; font-size: 1.2rem; line-height: 1; position: absolute; top: -12px; left: 10px;}
.btn p{margin-bottom: 0;}
.btn picture{position:relative; bottom: -3px;}
.btn:hover{opacity: .8;}
/*.btn:hover{background-color: #fff; color: #39a84a; }
.btn:hover:before{background-color: #39a84a; color: #fff;}*/
.btn2{transition: .3s;}
.btn2:hover{opacity: .8;}

/**************************************************
BANNER
**************************************************/
#bannerbox{position: fixed; right: 0; bottom: 0; z-index: 9999;}
#bannerbox.UpMove{animation: UpAnime 0.5s forwards;}
@keyframes UpAnime{
    from {
    opacity: 0;
    transform: translateY(100px);
    display: none;
    }
    to {
    opacity: 1;
    transform: translateY(0);
    display: block;
    }
}
#bannerbox.DownMove{animation: DownAnime 0.5s forwards; display: none;}
  @keyframes DownAnime{
    from {
      opacity: 1;
    transform: translateY(0);
    }
    to {
      opacity: 0;
    transform: translateY(100px);
    }
  }
#bannerbox.del{display: none;}
#bannerbox .banner-del{position: absolute; top: -14px; left: -14px; cursor: pointer;}

/**************************************************
HEADER
**************************************************/
.header{background-color: #fff; width: 100%; position: fixed; z-index: 9999;}
.header__inner{width: 98%; max-width: 1400px; height: 80px; margin: 0 auto; display: flex; align-items: center; justify-content: space-between; font-size: 1.4rem;}
.header__logo{width: 181px; text-align: center;}
.header__menu{width: 70%; display: flex; align-items: center; justify-content: space-around; text-align: center;}
.header__menu li{display: inline-block; padding: 20px 0; position: relative;}
.header__menu li a{position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.header__menu li:nth-child(7){border-right: 1px solid #ccc; padding-right: 20px;}
.header__menu li:nth-child(8){background-color: #ed8100; border: 1px solid #ed8100; border-radius: 25px; padding: 2px 15px; font-size: 12px; color: #fff; transition: .3s;}
.header__menu li:nth-child(8):hover{background-color: #fff; border: 1px solid #ed8100; color: #ed8100;}
.header__menu li:last-child{border: 1px solid #ed8100; border-radius: 25px; padding: 2px 15px; font-size: 12px; color: #ed8100; transition: .3s;}
.header__menu li:last-child:hover{background-color: #ed8100; color: #fff;}
.header__menu li.contact__bt:last-child{background-color: #ed8100; border: 1px solid #ed8100; border-radius: 25px; padding: 2px 15px; margin: 0 70px 0 0; font-size: 12px; color: #fff; transition: .3s;}
.header__menu li.contact__bt:last-child:hover{background-color: #fff; border: 1px solid #ed8100; color: #ed8100;}

.header__menu li .font-mini{width: 160px; position: absolute; top: -22px; left: 50%; transform: translateX(-50%); font-size: 0.8rem; color: #000;}
.header__tel{width: calc(100% / 7); text-align: center;}

/**************************************************
FV
**************************************************/
#fv{padding-top: 80px;}
.fv__inner{position: relative;}
.fv__bg{width: 100%;}
.fv__bg img{width: 100%; height: 864px; object-fit: cover;}
.fv__content{width: 98%; max-width: 1260px; position: absolute; top: 34px; left: 50%; transform: translateX(-50%); display: flex; justify-content: center; align-items: center;}
.fv__text{width: 50%; margin-right: 2%; padding-left: 2%; color: #fff;}
.fv__text.analytics{min-width: 600px;}
.fv__text.analytics h1{font-size: 3.5rem;}
.fv__text.analytics h1 .main{display: block; margin-top: 20px; font-size: 5.8rem; text-shadow: 2px 3px 2px #785326; line-height: 1.4;}
.fv__text.analytics h1 .main .dot{position: relative;}
.fv__text.analytics h1 .main .dot:before{content: ""; width: 10px; height: 10px; background-color: #fff; border-radius: 50%; box-shadow: 2px 3px 2px #785326; position: absolute; left: 50%; top: -3px; transform: translateX(-50%);}
.fv__text.analytics h1 .main .font-big{margin-right: 5px; font-size: 1.6em; line-height: 1; font-family: 'Inter', sans-serif; position: relative; bottom: -5px;}
.fv__text.analytics h1 .main .font-mini{font-size: 0.7em;}
.fv__text.analytics h1 .main .underline{position: relative;}
.fv__text.analytics h1 .main .underline::before{content: ""; width: 100%; height: 4px; background-color: #fff; box-shadow: 2px 3px 2px #785326; position: absolute; bottom: -5px;}
.fv__text-middle{margin: 16px 0 30px; display: flex; align-items: center;}
.fv__text-middle p{width: 55%; font-size: 2.2rem; font-weight: bold;}
.fv__text-middle picture{width: 45%;}
.fv__text-middle .position{position: relative; left: -10px;}
.fv__img{width: 50%;}
.fv__cover{width: 100%; background-color: rgba(0,0,0,0.5); position: absolute;bottom: 0;}
.fv__cover-inner{width: 98%; max-width: 1260px; margin: auto; padding: 30px 0; display: flex; justify-content: center; align-items: center;}
.fv__cover-text{width: 50%; padding-left: 2%; font-size: 2.4rem; color: #fff; font-weight: bold; position: relative;}
.fv__cover-text:after{content: "▶"; position: absolute; top: 50%; left: 470px; transform: translateY(-50%);}
.fv__cover-text p{margin-bottom: 0;}
.fv__cover-text .font-big{font-size: 1.4em;}
.fv__cover-text .font-big .number{font-size: 1.4em; font-family: 'Inter', sans-serif; position: relative; bottom: -2px;}
.fv__cover-text.no__icon{width:fit-content;}
.fv__cover-text.no__icon:after{content: unset;}
.fv__cover-btn{width: 50%; padding-right: 10%;}

.fv__bg.top img{height: 780px;}
.fv__content.top{align-items: flex-start;}
.fv__text.top{min-width: 600px;}
.fv__text.top .fv__text-flex{display: flex; flex-wrap: wrap; margin-bottom: 40px;}
.fv__text.top .fv__text-flex h1{width: 100%; margin-bottom: 40px; font-size: 3.5rem;}
.fv__text.top .fv__text-img{width: 30%;}
.fv__text.top .fv__text-main{width: 70%; font-size: 5.8rem; font-weight: bold; text-shadow: 4px 4px 2px #785326; line-height: 1.4;}
.fv__img.top .fv__img-box{width: 100%; max-width: 482px; margin-bottom: 60px;}
.fv__img.top .fv__img-box .balloon{position: relative; margin-bottom: 10px;}
.fv__img.top .fv__img-box .balloon p{display: block; width: 100%; font-size: 3.2rem; font-weight: 900; letter-spacing: -0.05em; color: #ed9833; text-align: center; position: absolute; top: 42%; transform: translateY(-50%);}
.fv__img.top .fv__img-box a{display: inline-block; width: 100%; background-color: #dd800e; border: 2px solid #fff; border-radius: 35px; padding: 0.7em; color: #fff; font-size: 1.8rem; font-weight: bold; text-align: center; position: relative; transition: .3s;}
.fv__img.top .fv__img-box a:before{content: ""; width: 24px; height: 24px; background-color: #fff; border-radius: 50px; position: absolute; top: 50%; right: 40px; transform: translateY(-50%);}
.fv__img.top .fv__img-box a:after{content: "\f105"; font-family: "Font Awesome 5 Free"; font-weight: 900; color: #dd800e; position: absolute; top: 50%; right: 46px; transform: translateY(-50%); }
.fv__img.top .fv__img-box a:hover{background-color: #fff; border: 2px solid #dd800e; color: #dd800e;}
.fv__img.top .fv__img-box:last-child{margin-bottom: 0;}
.fv__img.top .fv__img-box:last-child a:before{right: 20px;}
.fv__img.top .fv__img-box:last-child a:after{right: 26px;}
.fv__cover-inner.top .btn:before{display: none;}
.fv__cover-inner.top .fv__cover-btn{padding-right: 0;}
.fv__cover-inner.top .fv__cover-btn:last-child .btn{position: relative; display: inline-block;}
.fv__cover-inner.top .fv__cover-btn:last-child .btn:before{content: url(../img/common/btn_img01.png); background-color: transparent; display: inline-block; position: absolute; top: 50%; left: 5%; transform: translateY(-50%); padding: 0;}

.fv__bg.cons img{height: 780px;}
.fv__text.cons{min-width: 600px;}
.fv__text.cons .fv__text-main{width: 100%; margin-bottom: 50px; font-size: 5.8rem; font-weight: bold; text-shadow: 4px 4px 2px #785326; line-height: 1.4;}
.fv__text.cons h1{width: 100%; margin-bottom: 40px; text-align: center;}
.fv__text.cons .fv__text-sub{width: 95%; margin: 0 auto 40px; font-size: 2.4rem; font-weight: bold;}

.fv__att {margin:14px 0 0; font-weight: bold;}

/*******************************
FVフォーム
********************************/
#form_right {height: 100%; display: inline-block; box-sizing: border-box;}
#form_right h1{margin-bottom: 10px; font-size: 2.1rem; text-align: center;}
#form_right .form_content{background-color: rgba(255,255,255,0.5); border-radius: 5px; padding: 20px 30px 30px;}
#form_right .form_content p{margin-bottom: -10px;}
#form_right .form_sentence{font-size: 1.2rem;}
#form_right .form_sentence span {color: #ff0000;}

#form_right .form_content.cons{background-color: #fff; border: 2px solid #e89333;}

/*******************************
フォーム装飾
********************************/
.mktoForm * {
font-family: inherit;
}
#form_right .mktoForm {
width: 100% !important;
padding: 0;
}
#form_right .mktoForm input[type=text], #form_right .mktoForm input[type=url], #form_right .mktoForm input[type=email], #form_right .mktoForm input[type=tel], #form_right .mktoForm input[type=number], #form_right .mktoForm input[type=date], #form_right .mktoForm textarea.mktoField, #form_right .mktoForm select.mktoField {
background-color: #f6f6f6;
border: 1px solid #f6f6f6;
outline: none;
font-size: 14px;
position: relative;
width: 100%;
min-height: inherit;
height: 40px;
padding: 0 16px;
line-height: 1.6;
vertical-align: middle;
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
-o-appearance: none;
border-radius: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
-o-border-radius: 0;
box-shadow: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
-ms-box-shadow: none;
-o-box-shadow: none;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
}
#form_right .mktoForm .mktoFormRow:nth-child(2), #form_right .mktoForm .mktoFormRow:nth-child(6), #form_right .mktoForm .mktoFormRow:nth-child(8), #form_right .mktoForm .mktoFormRow:nth-child(11) {
padding-right: 8px;
}
#form_right .mktoForm .mktoFormRow:nth-child(2), #form_right .mktoForm .mktoFormRow:nth-child(3), /*#form_right .mktoForm .mktoFormRow:nth-child(6),*/ #form_right .mktoForm .mktoFormRow:nth-child(7), #form_right .mktoForm .mktoFormRow:nth-child(8), #form_right .mktoForm .mktoFormRow:nth-child(9), #form_right .mktoForm .mktoFormRow:nth-child(11), #form_right .mktoForm .mktoFormRow:nth-child(12) {
width: 50%;
display: inline-block;
vertical-align: top;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
}
#form_right .mktoForm .mktoFormRow {
margin-top: 22px;
margin-bottom: 0;
}
.mktoForm .mktoFormRow {
clear: both;
}
.mktoForm div, .mktoForm span, .mktoForm label, .mktoForm p {
text-align: left;
margin: 0;
padding: 0;
}
.mktoForm .mktoFormCol {
float: left;
position: relative;
min-height: 2em;
}
#form_right .mktoForm .mktoFormCol {
float: none;
margin-bottom: 0 !important;
}
.mktoForm .mktoOffset {
float: left;
height: 1.2em;
}
#form_right .mktoForm .mktoFieldWrap {
float: none;
}
#form_right .mktoForm .mktoLabel {
float: none;
font-weight: 700;
width: 100% !important;
padding: 0;
margin-bottom: 8px;
line-height: 1.6;
display: block;
}
#form_right .mktoForm .mktoAsterix {
    float: left;
    color: #ff3e6a;
    padding: 0 4px 0 0;
}
.mktoForm .mktoRequiredField .mktoAsterix {
display: block;
}
#form_right .mktoForm .mktoGutter {
display: none;
}
.mktoForm .mktoGutter {
float: left;
height: 1.2em;
}

#form_right .mktoForm .mktoField {
float: none;
width: 100% !important;
display: block;
}
.mktoForm .mktoFieldWrap .mktoInstruction {
display: none;
}
.mktoForm .mktoClear {
clear: both;
float: none;
}
#form_right .mktoForm select.mktoField {
background-image: url(images/common/select.png);
background-repeat: no-repeat;
background-position: right 16px center;
background-size: 9px;
padding: 0 16px;
}
#form_right .mktoForm input[type=radio], #form_right .mktoForm input[type=checkbox] {
display: none;
}
#form_right .mktoForm .mktoField {
float: none;
width: 100% !important;
display: block;
}
#form_right .mktoForm .mktoRadioList label, #form_right .mktoForm .mktoCheckboxList label {
background-color: #f6f6f6;
border: 0;
font-size: 14px;
position: relative;
width: 100%;
padding: 10px 22px 10px 50px;
margin: 0 0 12px;
line-height: 1.6;
display: inline-block;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
}
.mktoForm .mktoRadioList > label, .mktoForm .mktoCheckboxList > label {
margin-left: 1.5em;
margin-top: 0.1em;
margin-bottom: 0.3em;
line-height: 1.2em;
display: block;
min-height: 12px;
}
.mktoCheckboxList label a {
padding: 0;
display: inline-block;
text-decoration: underline;
}
#form_right .mktoForm .mktoRadioList, #form_right .mktoForm .mktoCheckboxList {
float: none;
width: 100% !important;
padding: 0;
}
.mktoCheckboxList label:before, .mktoCheckboxList label:after {
content: "" !important;
position: absolute;
top: 50%;
line-height: 1 !important;
margin: 0 !important;
display: block;
transition: all 0.3s;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
}
.mktoCheckboxList label:before {
color: #262933 !important;
background: transparent !important;
border: none !important;
border-right: 3px solid #fff !important;
border-bottom: 3px solid #fff !important;
left: 22px;
width: 5px !important;
height: 9px !important;
opacity: 0;
z-index: 2;
box-shadow: inset 1px 1px 4px 1px transparent !important;
transform: translate(0, -50%) rotate(
45deg
);
-webkit-transform: translate(0, -50%) rotate(
45deg
);
-moz-transform: translate(0, -50%) rotate(45deg);
-ms-transform: translate(0, -50%) rotate(45deg);
-o-transform: translate(0, -50%) rotate(45deg);
}
.mktoCheckboxList label:after {
background-color: #f6f6f6;
border: 1px solid #262933;
left: 16px;
width: 20px;
height: 20px;
transform: translate(0, -50%);
-webkit-transform: translate(0, -50%);
-moz-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
-o-transform: translate(0, -50%);
}
#form_right .mktoForm .mktoButtonRow {
display: block;
}

.my-form{
font-size: 13px;
color: rgb(51, 51, 51);
width: 100%;
}
.my-form input[type=text],.my-form input[type=email],.my-form select{
background-color: #fff !important;
border: 1px solid #fff !important;
outline: none;
font-size: 14px;
position: relative;
width: 100%;
min-height: inherit;
height: 40px;
padding: 0 16px;
line-height: 1.6;
vertical-align: middle;
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
-o-appearance: none;
border-radius: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
-o-border-radius: 0;
box-shadow: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
-ms-box-shadow: none;
-o-box-shadow: none;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
}
.my-label-name{display: block; margin-top: 10px !important; padding: 10px 0 5px !important; font-weight: bold;}
.req-point{margin-right: 1px !important; color: #ff0000;}
.form_content button {
    width: 100%;
    max-width: 310px;
    padding: 25px 5px 20px;
    margin: 32px auto 0;
    background-image: none !important;
    background-color: #39a84a !important;
    box-shadow: 0 4px 0 #0f8024;
    border: none;
    border-radius: 4px;
    box-sizing: border-box;
    font-size: 14px !important;
    font-weight: 900;
    line-height: 1.4;
    font-family: 'Noto Sans JP', sans-serif;
    color: #fff !important;
    text-align: center;
    display: block;
    cursor: pointer;
    transition: all 0.3s;
    position: relative;
}
.form_content button:before{background-color: #fff; border: 1px solid #39a84a; border-radius: 25px; padding: 7px 10px 6px; content: "運用セオリーも無料公開中！"; color: #39a84a; font-size: 1.2rem; line-height: 1; position: absolute; top: -12px; left: 10px;}
.form_content button .list{padding-right: 20px;}
.form_content button .dl{padding-left: 20px;}
.form_text {margin-top: 20px; text-align: center;}
.form_text p{font-size: 10px;}


.my-form.cons input[type=text],
.my-form.cons input[type=email],
.my-form.cons select{background-color: #f4f4f4 !important;}
.form_content.cons button:before{content: "無料!";}


@media screen and (max-width:1000px) { 
.content-flex{flex-direction: column;}
#form_left,#form_right{width: 100%;}
#form_left{padding-left: 5%; padding-right: 5%;}
}
@media screen and (max-width: 768px){
#form_right .form_content{padding-left: 30px; padding-right: 30px;}
.my-form input[type=text],.my-form input[type=email],.my-form select{max-width: 100%;}
.form_content button{width: 100%;}
}


/**************************************************
導入企業一覧
**************************************************/
.partner__inner{width: 96%; max-width: 1100px; margin: 0 auto; padding: 100px 0; text-align: center;}
.partner__title{margin-bottom: 50px; font-size: 2.2rem; font-weight: bold;}
.partner__flex{max-width: 900px; margin: 0 auto; display: flex; flex-wrap: wrap; justify-content: center;}
.partner__box{margin-bottom: 40px;}

.partner__title.analytics{position: relative; margin-bottom: 100px;}
.partner__title.analytics .baloon{background-image: url("../img/analytics/partner_img01.png"); background-repeat: no-repeat; background-size: contain; position: absolute; left: 50%; bottom: -75px; transform: translateX(-50%); width: 308px; padding: 24px 20px; font-size: 1.6rem;}

.partner__inner.top{width: 100%; max-width: 100%; padding: 80px 0 50px;}
.partner__slider{width: 3500px; display: flex; overflow: hidden;}
.partner__flex.top{max-width: 100%; flex-wrap: nowrap; animation: loop-slide 55s infinite linear 0.5s both;}
.partner__flex.top .partner__box{width: calc(100% / 12)}
.partner__flex.top .partner__box picture img{width: 100%;}
@keyframes loop-slide {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-100%);
  }
}

/**************************************************
トップ - 理由
**************************************************/
/*#topReason{background: url(../img/top/topReason_img01.png) no-repeat;}
.topReason__inner{width: 96%; max-width: 1100px; margin: 0 auto; padding: 280px 0 200px;}*/
#topReason{background: url(../img/top/topReason_img01.png) no-repeat; background-position: 0;}
.topReason__inner{width: 96%;max-width: 1100px;margin: 0 auto;padding: 140px 0 100px;}
.topReason__inner h2{margin-bottom: 50px; font-size: 4rem; text-align: center;}
.topReason__text{max-width: 1000px; margin: 0 auto;}
.topReason__text p{font-size: 1.8rem; line-height: 3;}

/**************************************************
コンサルティング - なぜ
**************************************************/
#consWhy{background-color: #e9e7e1;}
.consWhy__inner{width: 96%; max-width: 1216px; margin: 0 auto; padding: 100px 0;}
.consWhy__inner h2{background-color: #ed9333; max-width: 900px; border-radius: 5px; margin: 0 auto 60px; padding: 40px 20px; font-size: 2.8rem; color: #fff; text-align: center; position: relative;}
.consWhy__inner h2:before{background: url(../img/consulting/consWhy_img01.png) no-repeat; content: ""; width: 70px; height: 70px; position: absolute; top: -35px; left: -35px;}
.consWhy__inner h2::after{width: 0; height: 0; border-style: solid; border-width: 40px 20px 0 20px; border-color: #ed9933 transparent transparent transparent; content: ""; position: absolute; bottom: -40px; left: 50%; transform: translateX(-50%);}
.consWhy__text{max-width: 900px; margin: 0 auto 50px; font-size: 1.7rem;}
.consWhy__list{margin: 0 0 20px 40px;list-style-type: disc;}

/**************************************************
トップ - 2つのサービス部分
**************************************************/
#topPlan{background: url(../img/top/topPlan_img01.png) no-repeat;}
.topPlan__inner{width: 96%; max-width: 1100px; margin: 0 auto; padding: 100px 0;}
.topPlan__inner h2{margin-bottom: 50px; font-size: 4rem; text-align: center;}
.topPlan__flex{display: flex; justify-content: space-around;}
.topPlan__box{width: 48%; max-width: 530px; background-color: #fff;}
.topPlan__box p{margin-bottom: 0;}
.topPlan__box h3{background-color: #785326; padding: 30px 10px; text-align: center;}
.topPlan__box-middle{display: flex; align-items: center; padding: 20px 40px;}
.topPlan__box-middle-left{ background-color: #dd800e; border-radius: 50%; padding: 30px 20px; color: #fff; text-align: center; font-size: 1.7rem;}
.topPlan__box-middle-right{width: 70%; padding: 10px; font-size: 2.2rem; font-weight: bold;}
.topPlan__box-mini-text{padding: 0 40px 40px; color: #7e8080;}
.topPlan__box-bottom{background-color: #dedbd0; padding:  40px; position: relative; text-align: center;}
.topPlan__box-bottom-price{background-color: #fff; border: 2px solid #e9e5df; border-radius: 45px; width: 200px; padding: 0 10px 10px; font-size: 1.5rem; color: #ed9333; font-weight: bold; text-align: center; position: absolute; top: -25px; left: 50%; transform: translateX(-50%);}
.topPlan__box-bottom-price .font-big{display: inline-block; margin: -7px 3px 0; font-size: 2.5em; position: relative; bottom: -7px;}
.topPlan__box-bottom-link{display: inline-block; width: auto; margin: 30px auto; padding: 10px 60px 10px 40px; border: 1px solid #dedbd0; border-radius: 50px; font-size: 1.4rem; font-weight: bold; text-align: center; transition: .3s;}
.topPlan__box-bottom-link:hover{background-color: #fff; border-color: #ed9833;}
.topPlan__box-bottom-link a{color: #ed9833; position: relative; transition: .3s;}
.topPlan__box-bottom-link a:before{background-color: #e9e5df; content: ""; width: 25px; height: 25px; border-radius: 50%; position: absolute; top: 50%; right: -30px; transform: translateY(-50%);}
.topPlan__box-bottom-link a:after{content: "\f105"; font-family: "Font Awesome 5 Free"; font-weight: 900; font-size: 1.8rem; color: #dd800e; position: absolute; top: 50%; right: -22px; transform: translateY(-50%); }
.topPlan__box-bottom-dl .btn:before{content: "無料!1分で完了!";}

/**************************************************
トップ - 支援実績
**************************************************/
.topPerformance__inner{width: 96%; max-width: 1100px; margin: 0 auto; padding: 100px 0;}
.topPerformance__inner h2{margin-bottom: 100px; font-size: 2.8rem; text-align: center; position: relative;}
.topPerformance__inner h2:after{background-color: #000; width: 30px; height: 2px; content: ""; position: absolute; left: 50%; bottom: -50px; transform: translateX(-50%);}
.topPerformance__text{margin-bottom: 100px; text-align: center; font-size: 1.8rem;}
.topPerformance__text .font-big{font-size: 2.4rem; font-weight: bold; color: #ed9833;}
.topPerformance__img{text-align: center;}

/**************************************************
課題
**************************************************/
#problem{background-color: #ed9833;}
.problem__inner{width: 96%; max-width: 1100px; margin: 0 auto; padding: 100px 0; text-align: center; color: #fff;}
.problem__inner h2{margin-bottom: 100px; font-size: 3.65rem; letter-spacing: -0.8px; line-height: 2;}
.problem__inner h2 img{padding: 18px 5px 0 0;}
.problem__flex{display: flex; justify-content: center;}
.problem__flex picture:nth-child(2){position: relative; bottom: -90px;}
.problem__triangle{width: 0; height: 0; border-style: solid; border-width: 200px 50vw 0 50vw; border-color: #ed9933 transparent transparent transparent; position: relative; z-index: 1;}

/**************************************************
理由
**************************************************/
#reason{background-color: #ebe9e3; margin-top: -200px; padding-top: 200px;}
.reason__inner{width: 96%; max-width: 1100px; margin: 0 auto; padding: 100px 0; text-align: center;}
.reason__inner h2{margin-bottom: 100px; font-size: 3.65rem; line-height: 2;}
.reason__inner h2 img{padding-right: 15px; position:relative; top: -5px;}
.reason__list{display: block; width: 100%; max-width: 720px; padding: 0 60px; margin: 0 auto 50px; font-size: 2.8rem; font-weight: 900; color: #ed9833; line-height: 1.2; text-align: left; position: relative;}
.reason__list a{color: #ed9833;}
.reason__list:before{content: url(../img/lp/reason_check.png); vertical-align: middle; ; position: absolute; top: 58%; left: 0; transform: translateY(-50%);}
.reason__list:after{content: url(../img/lp/reason_arrow.png); vertical-align: middle; ; position: absolute; top: 58%; right: 0; transform: translateY(-50%);}
.reason__contents{background-color: #fff; border-radius: 5px; padding: 100px; text-align: left;}
.reason__contents p{line-height: 2;}
.reason__contents-title{margin-bottom: 50px; font-size: 3.65rem; font-weight: 900; line-height: 1.4;}
.reason__contents-flex{margin-bottom: 50px; display: flex; align-items: center; justify-content: center;}
.reason__contents-text{width: 70%; padding-right: 60px;}
.reason__contents-text p{line-height: 2;}
.reason__contents-img{width: 30%;}
.reason__contents-subtitle{padding-left: 40px; margin-bottom: 30px; font-size: 2.8rem; color: #ed9833; line-height: 1.4; position: relative;}
.reason__contents-subtitle:before{content: ""; width: 30px; height: 30px; background-color: #ed9833; border-radius: 50%; position: absolute; top: 4px; left: 0;}

.reason__contents-title.analytics{text-align: center;}
.reason__contents-subtitle.analytics{margin-top: 50px;}
.reason__contents-subtitle.analytics:before{top: 13px;}
.reason__img{margin: 25px 0 100px;}
.reason__contents.analytics{margin-top: 50px;}
.reason__contents.analytics ul{display: flex; justify-content: space-around;}
.reason__contents.analytics li{background-color: #eae8e2; width: calc(100% / 3); max-width: 250px; border-top: 2px solid #ed9833; border-bottom: 2px solid #ed9833; padding: 30px 20px; font-size: 2.3rem; font-weight: bold; text-align: center;}

.reason__contents-subtitle.tool{margin-top: 50px;}

.reason__contents.cons{margin-bottom: 50px;}
.reason__contents-title.cons{margin-bottom: 50px; padding-left: 130px; font-size: 3.65rem; font-weight: 900; line-height: 1.4; position: relative;}
.reason__contents-title.cons:before{content: ""; background-image: url(../img/consulting/reason_img01.png); background-repeat: no-repeat; width: 80px; height: 103px; position: absolute; top: 0; left: 0;}
.reason__contents-title.cons.two:before{background-image: url(../img/consulting/reason_img04.png);}
.reason__contents-title.cons.three:before{background-image: url(../img/consulting/reason_img05.png);}
.reason__contents-title.cons:after{content: ""; width: 100px; height: 1px; background-color: #ed9833; position: absolute; top: 60px; left: -100px;}
.reason__img.cons{margin: 50px 0; text-align: center;}
.reason__table-block{width: 100%; background-color: #e9e7e1; padding: 50px;}
.reason__table{width: 2440px;}
.reason__table th,
.reason__table td{vertical-align: middle; padding: 15px 0; border-bottom: 1px solid #e9e7e1; text-align: center;}
.reason__table th{width: 240px; font-weight: 400; font-size: 1.5rem;}
.reason__table td{width: 200px; font-size: 1.2rem;}
.reason__table tr td:nth-child(2n){background-color: #fff;}
.reason__table tr td:nth-child(2n+1){background-color: #f1f0ed;}
.reason__table td.icon{padding-top: 100px; position: relative;}
.reason__table td.icon:before{content: ""; width: 59px; height: 81px; position: absolute; top: 0; left: 50%; transform: translateX(-50%);}
.reason__table td.icon.one:before{background-image: url(../img/consulting/reason_icon01.png);}
.reason__table td.icon.two:before{background-image: url(../img/consulting/reason_icon02.png);}
.reason__table td.icon.three:before{background-image: url(../img/consulting/reason_icon03.png);}
.reason__table td.icon.four:before{background-image: url(../img/consulting/reason_icon04.png);}
.reason__table td.icon.five:before{background-image: url(../img/consulting/reason_icon05.png);}
.reason__table td.icon.six:before{background-image: url(../img/consulting/reason_icon06.png);}
.reason__table td.icon.seven:before{background-image: url(../img/consulting/reason_icon07.png);}
.reason__table td.icon.eight:before{background-image: url(../img/consulting/reason_icon08.png);}
.reason__table td.icon.nine:before{background-image: url(../img/consulting/reason_icon09.png);}
.reason__table td.icon.ten:before{background-image: url(../img/consulting/reason_icon10.png);}
.reason__table td.icon.eleven:before{background-image: url(../img/consulting/reason_icon11.png);}
.reason__table .fixed01{position: sticky; left: 0; z-index: 2; background: #dbd7cb;}
.reason__table .fixed01:before{content: ""; position: absolute; top: -1px; left: -1px; width: 100%; height: 100%;}

/**************************************************
プロジェクト詳細
**************************************************/
.detail__inner{width: 96%; max-width: 1100px; margin: 0 auto; padding: 100px 0; text-align: center;}
.detail__inner h2{margin-bottom: 100px; font-size: 2.75rem; line-height: 1.4; position: relative;}
.detail__inner h2:before{background-color: #000; width: 30px; height: 2px; content: ""; position: absolute; bottom: -50px; left: 50%; transform: translateX(-50%);}
.detail__flex{margin: 150px 0 50px; display: flex; justify-content: center;}
.detail__box{background-color: #ebe9e3; width: 30%; max-width: 346px; margin: 0 1.5%; text-align: left;}
.detail__box h3{background-color: #ed9833; height: 100px; display: flex; justify-content: center; align-items: center; font-size: 2.3rem; color: #fff; line-height: 1.4; text-align: center; position: relative;}
.detail__box h3:before{background-color: #fff; width: 90px; height: 90px; border: 2px solid #ed9833; border-radius: 50%; font-size: 2rem; color: #ed9833; position: absolute; top: -20px; left: -20px;}
.detail__box:first-child h3:before{content: "初期設計"; padding: 15px 20px;}
.detail__box:nth-child(2) h3:before{content: "実行"; padding: 28px 20px;}
.detail__box:last-child h3:before{content: "集客"; padding: 28px 20px;}
.detail__box ul{margin: 30px 10px 30px 30px;}
.detail__box ul li{margin-bottom: 10px; position: relative;}
.detail__box ul li:before{background-color: #000; width: 4px; height: 4px; border-radius: 50%; content: ""; position: absolute; top: 12px; left: -8px;}
.detail__price{margin-bottom: 40px;}
.detail__btn-posi{margin-top: 70px; text-align: center;}

.detail__price2{width: 346px; border: 2px solid #ed9833; border-radius: 35px; padding: 0 0 18px; margin: 0 auto 40px; font-size: 1.5rem; color: #ed9833; font-weight: bold; line-height: 1;}
.detail__price2 p{margin-bottom: 0;}
.detail__price2 .font-big{margin: 0 5px; font-size: 2.6em; font-weight: 900; position: relative; bottom: -8px;}
.detail__btn-posi.cons{display: flex; justify-content: space-around;}
.detail__btn-posi.cons .btn2{background-color: #ed9833; display: inline-block; padding: 25px 40px; width: 45%; max-width: 480px; box-shadow: 0 5px 0 #b76a0e; border-radius: 3px; color: #fff; font-weight: bold; position: relative;}
.detail__btn-posi.cons .btn2 p{margin-bottom: 0;}
.detail__btn-posi.cons .btn2:after{content: "\f105"; font-family: "Font Awesome 5 Free"; font-weight: 900; font-size: 1.8rem; color: #fff; position: absolute; top: 50%; right: 22px; transform: translateY(-50%);}
.detail__btn-posi.cons .btn{width: 45%; margin: 0;}
.detail__btn-posi.cons .btn:before{content: "無料!1分で完了!";}


/**************************************************
プラン
**************************************************/
.plan__inner{width: 96%; max-width: 1100px; margin: 0 auto; padding: 100px 0; text-align: center;}
.plan__inner h2{margin-bottom: 100px; font-size: 2.75rem; line-height: 1.4; position: relative;}
.plan__inner h2:before{background-color: #000; width: 30px; height: 2px; content: ""; position: absolute; bottom: -50px; left: 50%; transform: translateX(-50%);}
.plan__flex{display: flex; justify-content: center;}
/*.plan__table{width: calc(100% / 3); border: 2px solid #d4d2cc;}
.plan__table th{background-color: #ed9933; height: 140px; padding: 40px 20px 20px; color: #fff; line-height: 1.4; position: relative;}
.plan__table th .baloon{background-image: url("../img/analytics/plan_img01.png"); background-repeat: no-repeat; background-size: contain; width: 309px; height: 59px; padding-top: 8px; position: absolute; top: -25px; left: 50%; transform: translateX(-50%); color: #000;}
.plan__table th .price{font-size: 4rem; font-family: 'Inter', sans-serif;}
.plan__table th .font-mini{font-size: 0.8em;}
.plan__table td{padding: 20px; height: 120px; border-bottom: 2px solid #d4d2cc;}
.plan__table td .circle{display: block; font-size: 3rem; font-weight: bold; color: #ed9933; line-height: 1;}
.plan__table td .cross{display: block; font-size: 4rem; font-weight: bold; color: #858383; line-height: 1;}
.plan__table td .icon-both{display: block;}
.plan__table td .icon-both .circle,
.plan__table td .icon-both .cross{display: inline; margin: 0 4px;}
.plan__table td .icon-both .cross{position: relative; bottom: -4px; left: -4px;}
.plan__flex .plan__table:first-child td,
.plan__flex .plan__table:last-child td{background-color: #eae8e2;}
.plan__flex .plan__table:nth-child(2){border-right: none; border-left: none;}*/
.plan__table{width: calc(100% / 3);border: 2px solid #d4d2cc;font-size: 1.4rem;}
.plan__table th{background-color: #ed9933; height: 140px; padding: 26px 20px 20px; color: #fff; line-height: 1.4; position: relative;}
.plan__table th .baloon{background-image: url("../img/analytics/plan_img01.png"); background-repeat: no-repeat; background-size: contain; width: 259px; height: 59px; padding-top: 8px; position: absolute; top: -25px; left: 50%; transform: translateX(-50%); color: #000;}
.plan__table th .price{font-size: 3.8rem; font-family: 'Inter', sans-serif;}
.plan__table th .font-mini{font-size: 0.4em;}
.plan__table td{padding: 20px; height: 120px; border-bottom: 2px solid #d4d2cc;}
.plan__table td .circle{display: block; font-size: 3rem; font-weight: bold; color: #ed9933; line-height: 1;}
.plan__table td .cross{display: block; font-size: 4rem; font-weight: bold; color: #858383; line-height: 1;}
.plan__flex .plan__table:first-child td,
.plan__flex .plan__table:last-child td{background-color: #eae8e2;}
.plan__flex .plan__table:nth-child(2){border-right: none; border-left: none;}
/*.plan__flex .plan__table:nth-child(3){border-right: none;}*/
.plan__table th .tax{display: block; font-size: 1.4rem;}

/**************************************************
途中CVメッセージ
**************************************************/
#cv{position: relative;}
#cv > picture img{width: 100%; height: 500px; object-fit: cover;}
.cv__inner{width: 90%; max-width: 1000px; padding: 120px 0; position: absolute; top: 0; left: 50%; transform: translateX(-50%);}
.cv__contents{position: relative;}
.cv__contents-title{position: absolute; top:0; left:0;}
.cv__contents-title h2{display: block; padding-left: 60px; font-size: 5.8rem; text-shadow: 2px 3px 2px #785326; color: #fff; line-height: 1.4; position: relative;}
.cv__contents-title h2 .baloon{position: absolute; top: -55px; left: -20px;}
.cv__contents-title h2 .font-mini{font-size: 0.6em;}
.cv__flex{display: flex; align-items: flex-end; padding-top: 15px;}
.cv__inner p{min-width: 65%; padding-left: 60px; margin-bottom: 0; font-size: 2.7rem; font-weight: bold; letter-spacing: 0.05em;}
.cv__inner p .font-big{font-size: 1.4em; color: #fff;}
.cv__inner p .dot{position: relative;}
.cv__inner p .dot:before{content: ""; width: 5px; height: 5px; background-color: #fff; border-radius: 50%; position: absolute; left: 50%; top: -3px; transform: translateX(-50%);}
.cv__img{width: 25%;}
.cv__message{width: 100%; background-color: rgba(255,255,255,0.5); padding: 10px; position: absolute; left: 0; bottom: 100px; font-size: 2.7rem; font-weight: bold; text-align: center;}
.cv__message .font-mini{font-size: 0.6em;}
.cv__message .font-orange{color: #ed8100;}
.cv__message .number{font-family: 'Inter', sans-serif; font-size: 1.2em;}


/**************************************************
サービスの流れ
**************************************************/
#flow{background-color: #ebe9e3;}
.flow__inner{width: 96%; max-width: 1100px; margin: 0 auto; padding: 100px 0; text-align: center;}
.flow__inner h2{margin-bottom: 100px; font-size: 2.75rem; line-height: 1.4; position: relative;}
.flow__inner h2:before{background-color: #000; width: 30px; height: 2px; content: ""; position: absolute; bottom: -50px; left: 50%; transform: translateX(-50%);}
.flow__box{width: 80%; max-width: 720px; margin: 0 auto; padding: 0 0 50px 50px; border-left: 1px solid #ed9833; text-align: left; position: relative;}
.flow__box:last-child{border: none;}
.flow__box p{margin-bottom: 0;}
.flow__box-img{position: absolute; top: -10px; left: -32px;}
.flow__box-text h3{margin-bottom: 10px; font-size: 2.4rem;}
.flow__box-text p{color: #7e8080;}

/**************************************************
途中CVボタン
**************************************************/
#cv-btn{background-color: #ed9833;}
.cv-btn__inner{padding: 80px 0; text-align: center;}

.cv-btn__inner.top{width: 96%; max-width: 1100px; margin: 0 auto; text-align: center;}
.cv-btn__text{font-size: 2.2rem; font-weight: bold; color: #fff; margin-bottom: 40px;}
.cv-btn__flex{display: flex; justify-content: space-around;}
.cv-btn__flex .btn{width: 45%; margin: 0;}
.cv-btn__flex  .btn:before{content: "無料!1分で完了!";}
.cv-btn__flex .btn2{background-color: #fff; display: inline-block; padding: 25px 40px; width: 45%; max-width: 480px; box-shadow: 0 5px 0 #b76a0e; border-radius: 3px; color: #ed9833; font-weight: bold; position: relative;}
.cv-btn__flex .btn2 p{margin-bottom: 0;}
.cv-btn__flex .btn2:after{content: "\f105"; font-family: "Font Awesome 5 Free"; font-weight: 900; font-size: 1.8rem; color: #dd800e; position: absolute; top: 50%; right: 22px; transform: translateY(-50%);}

/**************************************************
数字で見る
**************************************************/
.number__inner{width: 96%; max-width: 1100px; margin: 0 auto; padding: 100px 0; text-align: center;}
.number__inner h2{margin-bottom: 50px; font-size: 3.65rem; line-height: 2;}
.number__inner h2 img{padding-left: 15px; position:relative; top: -5px;}
.number__inner p{font-size: 2rem; font-weight: bold;}
.number__flex{margin: 150px 0 50px; display: flex; justify-content: space-between;}

.number__box{width: 45%;}
.number__box p{margin: 20px 0 0; color: #858383; font-size: 1.6rem; text-align: left; font-weight: 400;}


/**************************************************
事例
**************************************************/
#case{background-color: #ebe9e3;}
.case__inner{width: 96%; max-width: 1100px; margin: 0 auto; padding: 100px 0; text-align: center;}
.case__inner h2{margin-bottom: 100px; font-size: 2.75rem; line-height: 1.4; position: relative;}
.case__inner h2:before{background-color: #000; width: 30px; height: 2px; content: ""; position: absolute; bottom: -50px; left: 50%; transform: translateX(-50%);}
.case__inner p{font-size: 1.8rem;}
.case__flex{margin: 150px 0 50px; display: flex; justify-content: center;}
.case__box{width: 30%; background-color: #fff; border-radius: 5px; margin: 10px; display: flex; flex-direction: column;}
.case__box-img{position: relative; top: -100px;}
.case__box-text{padding: 0 20px; text-align: left;position: relative; top: -70px;}
.case__box-text p{font-weight: bold;}
.case__box-text table{border-collapse: inherit; border-spacing: 0 5px !important;}
.case__box-text table th{background-color: #ebe9e3; padding: 5px; font-size: 1.4rem; color: #717141; font-weight: 400; text-align: center;}
.case__box-text table td{padding: 5px 10px; font-size: 1.4rem;}
.case__box-graph{position: relative; top: -50px; padding: 0 10px;}
.case__box:first-child .case__box-graph{padding: 0 24px;}
.case__box-link{text-align: center; position: relative; top: -10px;}
.case__box-link a{color: #ed9833; position: relative;}
.case__box-link a:after{content: url(../img/lp/case_arrow.png); position: absolute; top: 0; right: -40px;}

/**************************************************
事例（その他）
**************************************************/
.ca__inner{width: 96%; max-width: 1100px; margin: 0 auto; padding: 100px 0; text-align: center;}
.ca__flex{margin: 50px 0 0; display: flex; justify-content: center; flex-wrap: wrap;}
.ca__box{width: 350px; height: 414px; background-color: #ebe9e3; border-radius: 5px; margin: 0 5px 100px; padding: 20px 20px 0; text-align: left;}
.ca__box-inner{position: relative;top: -100px;}
.ca__box-img{margin-bottom: 20px; text-align: center;}
.ca__box-text p{display: block; height: 100px; font-size: 1.8rem; font-weight: bold;}
.ca__box-text table{border-collapse: inherit; border-spacing: 0 5px !important;}
.ca__box-text table th{background-color: #fff; padding: 5px; font-size: 1.4rem; color: #717141; font-weight: 400; text-align: center;}
.ca__box-text table td{padding: 5px 10px; font-size: 1.4rem;}

.ca__inner.top h2{margin-bottom: 100px; font-size: 2.75rem; line-height: 1.4; position: relative;}
.ca__inner.top h2:before{background-color: #000; width: 30px; height: 2px; content: ""; position: absolute; bottom: -50px; left: 50%; transform: translateX(-50%);}
.ca__inner.top > p:nth-child(2){margin-bottom: 150px;}
.ca__btn-flex{display: flex; justify-content: space-around; margin-top: 100px;}
.ca__btn-flex .btn{width: 45%; margin: 0;}
.ca__btn-flex .btn:before{content: "無料!1分で完了!";}
.ca__btn-flex .btn2{background-color: #ed9333; display: inline-block; padding: 25px 40px; width: 45%; max-width: 480px; box-shadow: 0 5px 0 #b76a0e; border-radius: 3px; color: #fff; font-weight: bold; position: relative;}
.ca__btn-flex .btn2 p{margin-bottom: 0;}
.ca__btn-flex .btn2:after{content: "\f105"; font-family: "Font Awesome 5 Free"; font-weight: 900; font-size: 1.8rem; color: #fff; position: absolute; top: 50%; right: 22px; transform: translateY(-50%);}

/**************************************************
トップ - 動画
**************************************************/
#topMovie{background: url(../img/top/topMovie_img01.png) no-repeat;}
.topMovie__inner{width: 96%; max-width: 1100px; margin: 0 auto; padding: 100px 0; text-align: center; position: relative;}
.topMovie__movie{width: 80%; max-width: 650px; background-color: #000; padding: 25px; margin: 0 auto;}
.topMovie__movie iframe{width: 100%; height: 336px;}
.topMovie__icon{position: absolute; top: 440px; right: 80px;}
.topMovie__text{margin: 100px 0 50px;}
.topMovie__btn-flex{display: flex; justify-content: space-around;}
.topMovie__btn-flex .btn{width: 45%; margin: 0;}
.topMovie__btn-flex .btn:before{content: "無料!1分で完了!";}
.topMovie__btn-flex .btn2{background-color: #ed9333; display: inline-block; padding: 25px 40px; width: 45%; max-width: 480px; box-shadow: 0 5px 0 #b76a0e; border-radius: 3px; color: #fff; font-weight: bold; position: relative;}
.topMovie__btn-flex .btn2 p{margin-bottom: 0;}
.topMovie__btn-flex .btn2:after{content: "\f105"; font-family: "Font Awesome 5 Free"; font-weight: 900; font-size: 1.8rem; color: #fff; position: absolute; top: 50%; right: 22px; transform: translateY(-50%);}



/**************************************************
FAQ
**************************************************/
#faq{background-color: #ebe9e3;}
.faq__inner{width: 96%; max-width: 1100px; margin: 0 auto; padding: 100px 0; text-align: center;}
.faq__inner h2{margin-bottom: 100px; font-size: 2.75rem; line-height: 1.4; position: relative;}
.faq__inner h2:before{background-color: #000; width: 30px; height: 2px; content: ""; position: absolute; bottom: -50px; left: 50%; transform: translateX(-50%);}
.faq__box{width: 80%; max-width: 720px; margin: 0 auto 80px; padding-left: 50px; text-align: left; position: relative;}
.faq__box:before{content: url(../img/lp/faq_img01.png); position: absolute; top: -8px; left: -20px;}
.faq__box h3{margin-bottom: 20px; color: #ed9833; font-size: 2rem; line-height: 1.4;}
.faq__box p{color: #7e8080; line-height: 2;}


/**************************************************
END
**************************************************/
.end__inner{position: relative;}
.end__bg{width: 100%;}
.end__bg img{width: 100%; height: 864px; object-fit: cover;}
.end__content{width: 98%; max-width: 1260px; position: absolute; top: 50px; left: 50%; transform: translateX(-50%); display: flex; justify-content: center; align-items: center;}
.end__text{width: 50%; margin-right: 2%; padding-left: 2%; color: #fff;}
.end__text.analytics h1{font-size: 3.5rem;}
.end__text.analytics h1 .main{display: block; margin-top: 20px; font-size: 5.8rem; text-shadow: 2px 3px 2px #785326; line-height: 1.4;}
.end__text.analytics h1 .main .dot{position: relative;}
.end__text.analytics h1 .main .dot:before{content: ""; width: 10px; height: 10px; background-color: #fff; border-radius: 50%; box-shadow: 2px 3px 2px #785326; position: absolute; left: 50%; top: -3px; transform: translateX(-50%);}
.end__text.analytics h1 .main .font-big{margin-right: 5px; font-size: 1.6em; line-height: 1; font-family: 'Inter', sans-serif; position: relative; bottom: -5px;}
.end__text.analytics h1 .main .font-mini{font-size: 0.7em;}
.end__text.analytics h1 .main .underline{position: relative;}
.end__text.analytics h1 .main .underline::before{content: ""; width: 100%; height: 4px; background-color: #fff; box-shadow: 2px 3px 2px #785326; position: absolute; bottom: -5px;}
.end__text-middle{margin: 30px 0; display: flex; align-items: center;}
.end__text-middle p{width: 55%; font-size: 2.2rem; font-weight: bold;}
.end__text-middle picture{width: 45%;}
.end__text-middle .position{position: relative; left: -10px;}
.end__text-bottom{width: 80%; margin: 50px auto 0 0;}
.end__img{width: 50%;}
.end__cover{width: 100%; background-color: rgba(0,0,0,0.5); position: absolute;bottom: 0;}
.end__cover-inner{width: 98%; max-width: 1260px; margin: auto; padding: 10px 0; text-align: center;}
.end__cover-text{width: 100%; font-size: 2.4rem; color: #fff; font-weight: bold;}
.end__cover-text p{margin-bottom: 0;}
.end__cover-text .font-big{font-size: 1.4em;}
.end__cover-text .font-big .number{font-size: 1.4em; font-family: 'Inter', sans-serif; position: relative; bottom: -2px;}

.end__bg.tenThousand img {height: 804px}
.end__text.tenThousand {width: 100%; max-width: 804px; margin-right: 2%; padding-left: 2%; color: #fff}
.end__text.tenThousand h1 {margin-bottom: 50px; font-size: 3.5rem; text-align: center}
.end__text.tenThousand h1 .main {display: block; margin-top: 20px; font-size: 5.8rem; text-shadow: 2px 3px 2px #785326; line-height: 1.4}
.end__text.tenThousand h1 .main .dot {position: relative}
.end__text.tenThousand h1 .main .dot:before {content: ""; width: 10px; height: 10px; background-color: #fff; border-radius: 50%; box-shadow: 2px 3px 2px #785326; position: absolute; left: 50%; top: -15px; transform: translateX(-50%)}
.end__text.tenThousand h1 .main .font-big {margin-right: 5px; font-size: 1.6em; line-height: 1; font-family: 'Inter',sans-serif; position: relative; bottom: -5px}
.end__text.tenThousand h1 .main .font-mini {font-size: .7em}
.end__text.tenThousand h1 .main .underline {position: relative}
.end__text.tenThousand h1 .main .underline:before {content: ""; width: 100%; height: 4px; background-color: #fff; box-shadow: 2px 3px 2px #785326; position: absolute; bottom: -5px}
.end__text-middle.tenThousand picture {text-align: center}
.end__text-bottom.tenThousand {width: fit-content; margin: 30px auto 0; padding-right: 70px; text-align: left; font-size: 1.4rem;}
.end__text-bottom.tenThousand .main-text {font-size: 3.2rem; text-shadow: 2px 3px 2px #785326; line-height: 1.4; font-weight: 700; text-align: center;}
.end__text-bottom.tenThousand .sub-text {display: inline-block; font-size: 1.8rem; font-weight: 700; text-align: center; position: relative;}
.end__text-bottom.tenThousand .sub-text:before,
.end__text-bottom.tenThousand .sub-text:after {content: ""; width: 30px; height: 1px; background-color: #fff; position: absolute;}
.end__text-bottom.tenThousand .sub-text:before {bottom: 30px; left: -30px; transform: rotate(55deg);}
.end__text-bottom.tenThousand .sub-text:after {bottom: 30px; right: -30px; transform: rotate(-55deg);}
.end__cover-inner.tenThousand {width: 98%; max-width: 1260px; margin: auto; padding: 30px 0; display: flex; justify-content: center; align-items: center;}
.end__cover-text.tenThousand {width: 50%; padding-left: 2%; font-size: 2.4rem; color: #fff; font-weight: 700; position: relative;}
.end__cover-text.tenThousand p {margin-bottom: 0;}
.end__cover-text.tenThousand .font-big {font-size: 1.4em;}
.end__cover-text.tenThousand .font-big .number {font-size: 1.4em; font-family: 'Inter',sans-serif; position: relative; bottom: -2px;}
.end__cover-btn.tenThousand {width: 50%; padding-right: 10%;}

.end__text-bottom p {margin: 0 0 5px;}

/**************************************************
FORM
**************************************************/
#form{position: relative;}
.form__bg{width: 100%;}
.form__bg img{width: 100%; height: 1350px; object-fit: cover;}
.form__inner{width: 98%; max-width: 1260px; position: absolute; top: 5%; left: 50%; transform: translateX(-50%);}
.form__title{font-size: 3.9rem; font-weight: bold; color: #fff; text-align: center;}
.form__title .font-big{font-size: 8.5rem; vertical-align: -15px;}
#form_under h1{margin-bottom: 10px; font-size: 2.1rem; text-align: center;}
#form_under .form_content{width: 80%; background-color: rgba(255,255,255,0.5); border-radius: 5px; margin: 50px auto;  padding: 50px 100px 70px;}
#form_under .form_content p{margin-bottom: -10px;}
#form_under .form_sentence{font-size: 1.2rem;}
#form_under .form_sentence span {color: #ff0000;}
#form_under .my-label-name{margin-top: 20px !important;}
#form_under .my-form-button{margin: 50px 0 30px;}

/**************************************************
オンラインセミナー
**************************************************/
.OnlineSeminar__inner{width: 96%; max-width: 1100px; margin: 0 auto; padding: 100px 0; text-align: center;}
.OnlineSeminar__inner h2{margin-bottom: 100px; font-size: 2.75rem; line-height: 1.4; position: relative;}
.OnlineSeminar__inner h2:before{background-color: #000; width: 30px; height: 2px; content: ""; position: absolute; bottom: -50px; left: 50%; transform: translateX(-50%);}
.OnlineSeminar__flex{display: flex; justify-content: space-around; margin: 100px 0;}
.OnlineSeminar__box{width: 45%;}
.OnlineSeminar__box a{color: #000; transition: .3s;}
.OnlineSeminar__box a:hover{opacity: .7;}
.OnlineSeminar__img{width: 100%; margin-bottom: 20px;}
.OnlineSeminar__img img{width: 100%; height: 300px; object-fit: cover; border-radius: 10px;}
.OnlineSeminar__title{margin-bottom: 40px; font-size: 1.4rem; text-align: left;}
.OnlineSeminar__link a{font-size: 1.4rem; font-weight: bold; color: #ed9333; position: relative;}
.OnlineSeminar__link a:before{background-color: #e9e5df; content: ""; width: 25px; height: 25px; border-radius: 50%; position: absolute; top: 50%; right: -30px; transform: translateY(-50%);}
.OnlineSeminar__link a:after{content: "\f105"; font-family: "Font Awesome 5 Free"; font-weight: 900; font-size: 1.8rem; color: #dd800e; position: absolute; top: 50%; right: -22px; transform: translateY(-50%); }
.OnlineSeminar__btn .btn2{background-color: #ed9333; display: inline-block; padding: 25px 40px; width: 80%; max-width: 280px; box-shadow: 0 5px 0 #b76a0e; border-radius: 3px; color: #fff; font-weight: bold; position: relative;}
.OnlineSeminar__btn .btn2 p{margin-bottom: 0;}
.OnlineSeminar__btn .btn2:after{content: "\f105"; font-family: "Font Awesome 5 Free"; font-weight: 900; font-size: 1.8rem; color: #fff; position: absolute; top: 50%; right: 22px; transform: translateY(-50%);}

/**************************************************
ニュース
**************************************************/
#news{background-color: #e9e7e1;}
.news__inner{width: 96%; max-width: 1100px; margin: 0 auto; padding: 100px 0 200px; text-align: center;}
.news__inner h2{margin-bottom: 100px; font-size: 2.75rem; line-height: 1.4; position: relative;}
.news__inner h2:before{background-color: #000; width: 30px; height: 2px; content: ""; position: absolute; bottom: -50px; left: 50%; transform: translateX(-50%);}
.news__box{padding: 30px 0; border-bottom: 1px solid #a4a4a4; text-align: left; font-size: 1.5rem; display: flex; align-items: flex-start;}
.news__box a{color: #000;}
.news__day{width: 8%; padding-top: 1px;}
.news__cat{width: 12%; background-color: #fff; margin: 0 2%; padding: 5px 5px 7px; line-height: 1; text-align: center; transition: .3s;}
.news__title{width: 72%; padding-top: 2px; font-size: 1.4rem; transition: .3s;}
.news__cat:hover,
.news__title:hover{opacity: .6;}
.news__btn{margin-top: 100px;}
.news__btn .btn2{background-color: #ed9333; display: inline-block; padding: 25px 40px; width: 80%; max-width: 280px; box-shadow: 0 5px 0 #b76a0e; border-radius: 3px; color: #fff; font-weight: bold; position: relative;}
.news__btn .btn2 p{margin-bottom: 0;}
.news__btn .btn2:after{content: "\f105"; font-family: "Font Awesome 5 Free"; font-weight: 900; font-size: 1.8rem; color: #fff; position: absolute; top: 50%; right: 22px; transform: translateY(-50%);}

/**************************************************
CTA（ニュースの下に配置された部分）
**************************************************/
#cta{background: url("../img/common/cta_img01.png") no-repeat;}
.cta__inner{width: 96%; max-width: 1100px; margin: 0 auto; padding: 70px 0; text-align: center;}
.cta__inner h2{margin-bottom: 50px; font-size: 3.9rem; color: #fff; line-height: 1.4;}
.cta__inner h2 .font-big{margin: 0 5px; font-size: 2em; font-weight: 900; position: relative; bottom: -12px;}
.cta__flex{display: flex; justify-content: space-around; margin-bottom: 50px;}
.cta__box{width: 45%;}
.cta__box-img{margin-bottom: 20px;}
.cta__box-link{width: 90%; margin: 0 auto; border: 2px solid #fff; border-radius: 25px; padding: 10px 15px 10px 5px; transition: .3s;}
.cta__box-link:hover{background-color: #fff; border: 2px solid #b76a0e;}
.cta__box-link:hover a{color: #ed9333;}
.cta__box-link a{font-size: 1.4rem; font-weight: bold; color: #fff; position: relative;}
.cta__box-link a:before{background-color: #e9e5df; content: ""; width: 25px; height: 25px; border-radius: 50%; position: absolute; top: 50%; right: -30px; transform: translateY(-50%);}
.cta__box-link a:after{content: "\f105"; font-family: "Font Awesome 5 Free"; font-weight: 900; font-size: 1.8rem; color: #dd800e; position: absolute; top: 50%; right: -22px; transform: translateY(-50%); }

/**************************************************
フッター上の3つのバナー
**************************************************/
.bottomBanner__inner{width: 96%; max-width: 1100px; margin: 0 auto; padding: 70px 0; text-align: center;}
.bottomBanner__inner ul{display: flex; justify-content: space-around;}
.bottomBanner__inner ul li{width: 30%;}
.bottomBanner__inner ul li a{transition: .3s;}
.bottomBanner__inner ul li a:hover{opacity: .7;}

/**************************************************
フッター上のロゴ
**************************************************/
.bottomLogo__inner{width: 96%; max-width: 1600px; margin: 0 auto; padding-bottom: 40px; display: flex; align-items: center;}
.bottomLogo__inner img{width: 193px; margin-right: 75px;}
.bottomLogo__inner p{margin-bottom: 0;}

/**************************************************
FOOTER
**************************************************/
#footer{background-color: #ebe9e3;}
.footer__inner{width: 96%; max-width: 1100px; margin: 0 auto; padding: 50px 0; display: flex; justify-content: space-between; border-bottom: 1px solid #d4d3d2;}
.footer__left{width: 20%; display: flex; justify-content: space-between; flex-direction: column;}
.footer__right{width: 70%; display: flex; justify-content: space-around;}
.footer__list{width: calc(100% / 4); padding: 0 10px;}
.footer__list-title{margin-bottom: 10px; font-weight: bold;}
.footer__list li a{color: #7e8080; font-size: 1.3rem;}
.footer__att{width: 96%; max-width: 1100px; margin: 0 auto; padding-top: 20px; color: #7e8080; font-size: 1.2rem;}
.footer__cr{padding: 20px 10px; color: #7e8080; font-size: 1.3rem; text-align: center;}

@media screen and (max-width: 1024px) {
}
@media screen and (max-width: 896px) {
    .pc{display: none;}
    .sp{display: block;}

    .hamburger{background-color: #fff; display: block; position: fixed; z-index: 3; right: 0; top: 0; width: 100%; height: 82px; cursor: pointer; text-align: center;}
    .hamburger span{display: block; position: absolute; width: 30px; height: 2px ; right: 15px; background: #ed9833; transition: 0.3s ease-in-out;}
    .hamburger span:nth-child(2){top: 30px;}
    .hamburger span:nth-child(3){top: 40px;}
    .hamburger span:nth-child(4){top: 50px;}
    .hamburger.active{background-color: #ebe9e3;}
    .hamburger.active span:nth-child(2){top: 40px; right: 15px; background :#ed9833; transform: rotate(-45deg);}
    .hamburger.active span:nth-child(3),
    .hamburger.active span:nth-child(4){top: 40px; background :#ed9833; transform: rotate(45deg);}
    .header__logo{width: 300px; text-align: left; position: absolute; top: 20px; left: 16px;}
    nav.globalMenuSp{position: fixed; z-index: 2; top: 82px; left: 0; background: #ebe9e3; text-align: center; width: 100%; height: 100%; opacity: 0; display: none; transition: opacity .6s ease, visibility .6s ease;}
    nav.globalMenuSp ul{margin: 50px auto; padding: 0; width: 80%;}
    nav.globalMenuSp ul li{list-style-type: none; padding: 1em 0; width: 100%; transition: .4s all; border-top: 1px solid #e4e1d6; font-weight: bold; position: relative;}
    nav.globalMenuSp ul li:after{content: "\f078"; font-family: "Font Awesome 5 Free"; color: #cec8b4; position: absolute; right: 10px;}
    nav.globalMenuSp ul li:last-child{border-bottom: 1px solid #e4e1d6;}
    nav.globalMenuSp ul li:hover{background :#ddd;}
    nav.globalMenuSp ul li a{position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
    nav.globalMenuSp.active{opacity: 100; display: block;}
    .hamburger__btn{display: inline-block; background-color: #ed9833; width: 80%; border-radius: 5px; box-shadow: 0 4px 0 #b26600; padding: 12px 10px 10px; margin-bottom: 50px; color: #fff; font-weight: bold; position: relative;}
    .hamburger__btn:after{content: "\f078"; font-family: "Font Awesome 5 Free"; color: #fff; position: absolute; right: 10px;}
    .hamburger__btn-flex{display: flex; justify-content: space-around; margin-bottom: 50px;}  
    .hamburger__btn-flex a:first-child{width: 45%; background-color: #ed8100; border: 1px solid #ed8100; border-radius: 25px; padding: 10px 15px; font-size: 16px; color: #fff; transition: .3s;}
    .hamburger__btn-flex a:first-child:hover{background-color: #fff; border: 1px solid #ed8100; color: #ed8100;}
    .hamburger__btn-flex a:last-child{width: 45%; border: 1px solid #ed8100; border-radius: 25px; padding: 10px 15px; font-size: 16px; color: #ed8100; transition: .3s;}
    .hamburger__btn-flex a:last-child:hover{background-color: #ed8100; color: #fff;}
    .hamburger__btn-flex a.contact__sp:first-child{width: 45%; background-color: #ed8100; border: 1px solid #ed8100; border-radius: 25px; padding: 10px 15px; font-size: 16px; color: #fff; transition: .3s;}
    .hamburger__btn-flex a.contact__sp:first-child:hover{background-color: #fff; border: 1px solid #ed8100; color: #ed8100;}
    .hamburger__tel{background-color: #e4e1d6; height: 100%; padding: 40px 0;}

    #fv{padding-top: 82px;}
    .fv__bg img{height: 1420px;}
    .fv__content{flex-direction: column;}
    .fv__text{width: 100%; margin: 0 0 50px; padding: 0 2%;}
    .fv__text.analytics{min-width: auto;}
    .fv__text-bottom{text-align: center;}
    .fv__cover-text{padding-left: 0; text-align: center;}
    .fv__cover-text:after{display: none;}
    .fv__cover-btn{width: 80%; position: absolute; top: -110px; padding-right: 0;}
    .fv__cover-btn .btn{font-size: 2.2rem;}
    
    .fv__bg.top img{height: 1620px;}
    .fv__text.top .fv__text-flex{display: grid; grid-template-rows: 150px 1fr; grid-template-columns: 60% 40%; margin-bottom: 100px;}
    .fv__text.top .fv__text-flex h1{grid-row: 1; grid-column: 1; margin: 0; font-size: 4.2rem;}
    .fv__text.top .fv__text-img{grid-row: 1; grid-column: 2; width: 100%; text-align: center;}
    .fv__text.top .fv__text-img img{width: 80%;}
    .fv__text.top .fv__text-main{grid-row: 2; grid-column: 1; width: 100%;}
    .fv__text.top .fv__text-bottom img{margin: auto;}
    .fv__img.top{width: 100%;}
    .fv__img.top .fv__img-box{margin: 0 auto 60px;}
    .fv__cover.top{background-color: transparent;}
    .fv__cover-inner.top{flex-direction: column;}
    .fv__cover-inner.top .fv__cover-btn{position: relative; top: auto; margin: 0 0 50px; text-align: center;}

    .fv__text.cons .fv__text-sub{text-align: center;}
    #form_right.fv__form.cons{display: none;}

    .partner__inner.top{padding: 80px 4% 50px;}
    .partner__slider{width: 100%;}
    .partner__slider .partner__flex.top{animation: none; flex-wrap: wrap;}
    .partner__slider .partner__flex.top:last-child{display: none;}
    .partner__flex.top .partner__box{width: 25%;}

    #partner.cons{background-color: rgba(255,255,255,0);}
    .partner__inner.cons{background-color: rgba(255,255,255,0);}

    .consWhy__inner h2:before{left: 50%; transform: translateX(-50%);}
    .consWhy__img img{width: 900px; max-width: none !important;}

    #topReason{background-size: 100%;}
    .topReason__inner{padding: 50px 4%;}
    .topReason__text p{font-size: 2rem; line-height: 2;}

    #topPlan{background-image: none; background-color: #f0eee8;}
    .topPlan__flex{flex-direction: column;}
    .topPlan__box{width: 100%; max-width: 640px; margin: 0 auto 50px;}
    .topPlan__box-middle{flex-direction: column;}
    .topPlan__box-middle-left{width: 100%; border-radius: 5px; padding: 15px; margin-bottom: 30px; font-size: 2rem; font-weight: bold; position: relative;}
    .topPlan__box-middle-left:after{width: 0; height: 0; border-style: solid; border-width: 30px 30px 0 30px; border-color: #dd800e transparent transparent transparent; position: absolute; left: 50%; bottom: -20px; transform: translateX(-50%); content: "";}
    .topPlan__box-middle-right{text-align: center; font-size: 2.6rem;}
    .topPlan__box-bottom{padding-bottom: 20px;}  
    .topPlan__box-bottom-link{margin-left: -20px; font-size: 2rem;}  
    .topPlan__box-bottom-dl{display: none;}

    .topPerformance__img img{margin: 0 auto;}

    .cv-btn__flex .btn2{display: none;}
    .cv-btn__flex .btn{width: 100%;}

    .problem__inner{padding-bottom: 150px; position: relative; z-index: 1;}
    .problem__inner h2{margin-bottom: 50px; font-size: 3.4rem; line-height: 1.6;}
    .problem__inner h2 img{padding-top: 7px;}
    .problem__flex picture{width: 250px; margin: 0 -50px;}
    .problem__flex picture:nth-child(2){bottom: -210px;}
    .problem__flex picture:last-child{position: relative; bottom: -50px;}
    .problem__triangle{z-index: 0;}

    .reason__inner h2{margin-bottom: 30px; font-size: 3.6rem;}
    .reason__inner ul{width: 90%; margin: 0 auto;}
    .reason__list{border-bottom: 2px solid #fff; padding-top: 30px; padding-bottom: 30px; margin-bottom: 0;}
    .reason__list:before{top: 34px; transform: translateY(0);}
    .reason__list:last-child{border: none;}
    .reason__contents{width: 90%; margin: 0 auto; padding: 80px 50px;}
    .reason__contents-title{text-align: center;}
    .reason__contents-flex{flex-direction: column;}
    .reason__contents-text{width: 100%; padding-right: 0; margin-bottom: 20px;}
    .reason__contents-img{width: 100%; text-align: center;}
    .reason__contents .scroll-img img{width: 900px; max-width: none !important;}
    .reason__contents.analytics ul{flex-direction: column;}
    .reason__contents.analytics li{width: 100%; max-width: 100%;}
    .reason__contents.analytics ul li:nth-child(n+2){border-top: none;}

    .reason__contents-title.cons{text-align: left;}
    .reason__contents-title.cons:after{width: 50px; left: -50px;}
    .reason__table th{width: 119px; padding: 10px;}

    .plan__inner{padding: 100px 5%;}
    .plan__flex{flex-direction: column;}
    .plan__table{width: 100%; border: none; margin-bottom: 50px;}
    .plan__table th {display: flex; align-items: center; height: auto; padding: 20px; font-size: 2.4rem;}
    .plan__table th .baloon{width: 300px; font-size: 1.6rem;}
    .plan__table th .font-big{width: 25%;}
    .plan__table th .price{padding-right: 10px; text-align: right;}
    /*.plan__flex .plan__table:first-child th .price{width: 59%;}
    .plan__flex .plan__table:nth-child(2) th .price{width: 55%;}
    .plan__flex .plan__table:last-child th .price{width: 50%;}*/
    .plan__table td{height: 80px; padding: 26px 20px 20px; border-bottom: 2px solid #fff; text-align: left;}
    .plan__flex .plan__table td{background-color: #eae8e2;} 
    .plan__table td .circle,
    .plan__table td .cross{width: 100px; margin: -30px 0 0 auto; text-align: right;}
    .plan__table td .icon-both{width: 120px; margin: -30px 0 0 auto; text-align: right;}
    .plan__flex .plan__table:nth-child(2) td{background-color: #eae8e2;}

    #cv > picture img{height: 587px;}
    .cv__contents-title{position: relative; margin-bottom: 20px; text-align: center;}
    .cv__contents-title h2 .baloon{left: 20px;}
    .cv__flex{align-items: flex-start;}
    .cv__inner p .font-big{display: block; font-size: 1.9em;}
    .cv__img{width: 30%;}

    .detail__flex{flex-direction: column; margin: 100px 0 0;}
    .detail__box{width: 100%; max-width: 700px; margin: 0 auto 50px;}
    .detail__box h3:before{top: 50%; left: 10px; transform: translateY(-50%);}

    .detail__btn-posi.cons .btn{display: none;}
    
    .number__inner{padding: 100px 0 50px;}
    .number__flex{margin: 50px 0; flex-direction: column;}
    .number__flex img{max-width: 80%; margin: 10px auto 50px;}
    .number__flex img:last-child{margin-bottom: 0;}
    .number__box{width: 80%; margin: 0 auto 30px;}

    .case__flex{flex-direction: column; margin: 50px 0;}
    .case__box{width: 90%; margin: 20px auto; padding: 50px 20px; flex-direction: row; flex-wrap: wrap;}
    .case__box-img{width: 40%; top: 0;}
    .case__box-text{width: 60%; padding: 0 0 0 10px; top: 0;}
    .case__box-text th{display: block;}
    .case__box-text td{display: block;}
    .case__box-graph{width: 100%; margin: 10px 0 50px; top: 0;}
    .case__box-link{margin: 0 auto; top: 0; text-align: center;}
    .slider .slick-list {padding: 40px 30% 0 0 !important;}
    .ca__box{width: 450px; height: 544px;}
    .ca__box-inner{top: -60px;}
    .ca__box-img img{width: 70%; margin: 0 auto;}
    .ca__box-text p{height: 120px;font-size: 2.4rem;}
    .ca__box-text table{width: 100%; text-align: center;}
    .ca__box-text table th{display: block;}
    .ca__box-text table td{display: block;}

    .ca__inner.top{padding-bottom: 150px;}

    .topMovie__inner{padding: 150px 0;}  
    .topMovie__icon{top: -100px; right: auto; left: 50%; transform: translateX(-50%);}
    .topMovie__text{margin: 50px 0;}
    .topMovie__btn-flex .btn{display: none;}
    .topMovie__btn-flex .btn2{width: 100%; font-size: 2rem;}

    .OnlineSeminar__box{padding: 0 10px;}
    .OnlineSeminar__title{font-size: 2rem;}
    .OnlineSeminar__link a{font-size: 2rem;}
    .OnlineSeminar__btn{margin-top: 50px;}
    .OnlineSeminar__btn .btn2{font-size: 2rem; max-width: 480px;}
    
    .news__box{flex-wrap: wrap;}
    .news__day{order: 2; width: 70%;}
    .news__cat{order: 1; width: 25%; margin-left: 0;}
    .news__title{order:  3; width: 100%; margin-top: 5px; font-size: 1.8rem;}
    .news__btn .btn2{font-size: 2rem; max-width: 480px;}

    #cta{background-image: none; background-color: #e89333;}  
    .cta__flex{flex-direction: column;}
    .cta__box{width: 100%; margin-bottom: 50px;}
    .cta__box-link a{font-size: 2rem;}

    .bottomBanner__inner ul{flex-direction: column;}
    .bottomBanner__inner ul li{width: 80%; margin: 0 auto 40px;}

    #form_under .form_content{width: 90%; padding: 50px 50px 70px;}

    .end__bg img{height: 1430px;}
    .end__content{flex-direction: column;}
    .end__text{width: 100%;}
    .end__text-bottom{position: absolute; bottom: -140px; left: 50%; transform: translateX(-50%); margin: 0 auto;}
    .end__text-bottom .btn{font-size: 2.4rem;}
    .end__img{width: 100%; text-align: center;}

    .end__bg.tenThousand img {height: 1000px;}
    .end__text.tenThousand {width: 80%; margin: 0 auto;}
    .end__text.tenThousand h1 {text-align: left;}
    .end__text-middle.tenThousand {margin-bottom: 0;}
    .end__text-middle.tenThousand>picture {width: 200px; position: absolute; top: 55%; left: 55%; transform: translateY(-50%);}
    .end__text-bottom.tenThousand {padding: 0; margin-top: 0;}
    .end__text-bottom.tenThousand span {display: block;}
    .end__cover-text.tenThousand {width: 100%;}
    .end__cover-btn.tenThousand {width: 100%; padding-right: 0; position: absolute; top: -120px; left: 50%; transform: translateX(-50%);}
}

@media screen and (max-width: 480px) {
    .pc2{display: none;}
    .sp2{display: block;}

    .mt50{margin-top: 25px;}
    .mb100{margin-bottom: 50px;}

    .hamburger__btn-flex a:first-child,
    .hamburger__btn-flex a:last-child{padding: 10px; font-size: 1.4rem;}

    .btn:before{padding: 5px 10px; font-size: 0.9rem;}

    .fv__bg img{height: 1000px;}
    .fv__content{width: 94%; top: 30px;}
    .fv__text.analytics{margin-bottom: 20px;}
    .fv__text.analytics h1{font-size: 2.1rem;}
    .fv__text.analytics h1 .main{font-size: 3.7rem;}
    .fv__text.analytics h1 .main .font-big{bottom: -2px;}
    .fv__text-middle p{font-size: 1.3rem;}
    .fv__text-middle picture{width: 134px;}
    .fv__img{width: 100%; text-align: center;}
    .fv__img picture img{width: 80%;}  
    .fv__cover-inner{width: 94%; padding: 10px 0;}
    .fv__cover-text{width: 100%; font-size: 1.3rem;}
    .fv__cover-btn{top: -80px;}
    .fv__cover-btn .btn{padding: 15px; font-size: 1.4rem;}

    .fv__text.top{min-width: auto;}
    .fv__bg.top img{height: 920px;}
    .fv__text.top .fv__text-flex{grid-template-rows: 80px 1fr; margin-bottom: 40px;}
    .fv__text.top .fv__text-flex h1{font-size: 2.1rem;}
    .fv__text.top .fv__text-main{font-size: 2.8rem;}
    .fv__img.top .fv__img-box{margin-bottom: 30px;}
    .fv__img.top .fv__img-box .balloon p{font-size: 1.9rem;}
    .fv__img.top .fv__img-box a{width: 80%; padding: 10px 20px; font-size: 1.1rem;}
    .fv__img.top .fv__img-box a:before,
    .fv__img.top .fv__img-box:last-child a:before{width: 12px; height: 12px; right: 10px;}
    .fv__img.top .fv__img-box a:after,
    .fv__img.top .fv__img-box:last-child a:after{right: 12px;}
    .fv__cover-inner.top .fv__cover-btn{margin-bottom: 25px;}

    .fv__bg.cons img{height: 650px;}
    .fv__text.cons{width: 100%; min-width: auto;}
    .fv__text.cons .fv__text-main{margin-bottom: 30px; font-size: 3rem;}
    .fv__text.cons h1{width: 80%; margin: 0 auto 30px;}
    .fv__text.cons .fv__text-sub{font-size: 1.8rem;}

    .partner__inner{padding: 50px 5%;}
    .partner__title{margin-bottom: 50px; font-size: 1.8rem;}
    .partner__title.analytics .baloon{width: 280px; padding: 24px 20px; font-size: 1.4rem;}
    .partner__box{width: calc(100% / 3); margin-bottom: 20px;}

    #partner.cons{margin-top: -80px;}

    .consWhy__inner{padding: 100px 3%;}
    .consWhy__inner h2{padding: 20px; font-size: 2.5rem;}  
    .consWhy__inner h2:before{width: 35px; height: 35px; background-size: 100%; top: -20px;}
    .consWhy__img img{width: 500px;}

    .topReason__inner{padding-top: 10px;}
    .topReason__inner h2{margin-bottom: 25px; font-size: 2rem;}
    .topReason__text p{font-size: 1.5rem;}

    .topPlan__inner{padding: 50px 3%;}
    .topPlan__inner h2{font-size: 2rem;}
    .topPlan__box{margin-bottom: 30px;}
    .topPlan__box h3{padding: 30px 25px;}
    .topPlan__box-middle{padding: 20px 20px 0;}
    .topPlan__box-middle-left{padding: 10px; margin-bottom: 20px; font-size: 1.5rem;}
    .topPlan__box-middle-left:after{bottom: -15px;}
    .topPlan__box-middle-right{width: 100%; font-size: 1.7rem;}
    .topPlan__box-mini-text{width: 100%; padding: 0 20px 40px; font-size: 1.3rem;}
    .topPlan__box-bottom{padding: 20px;}
    .topPlan__box-bottom-price{padding-top: 5px; font-size: 1.3rem;}
    .topPlan__box-bottom-price .font-big{font-size: 2em; bottom: -4px;}
    .topPlan__box-bottom-link{margin-bottom: 15px; font-size: 1.4rem;}
    .topPlan__box-bottom-link a:before{width: 22px; height: 22px; right: -27px;}
    
    .topPerformance__inner{padding: 50px 5%;}
    .topPerformance__inner h2{font-size: 2.5rem; margin-bottom: 50px;}
    .topPerformance__inner h2:after{bottom: -25px;}
    .topPerformance__text{margin-bottom: 50px; font-size: 1.3rem;}
    .topPerformance__text .font-big{font-size: 1.7rem;}

    .cv-btn__text{font-size: 1.6rem;}

    .problem__inner{padding: 50px 5% 0;}
    .problem__inner h2{margin-bottom: 30px; font-size: 1.7rem;}
    .problem__inner h2 img{width: 210px; padding-top: 3px; padding-right: 0;}
    .problem__triangle{margin-top: -30px; border-width: 80px 50vw 0 50vw;}

    .problem__inner h2.cons img{width: 260px; padding-top: 4px;}

    #reason{margin-top: -80px; padding-top: 80px;}
    .reason__inner{width: 90%; padding: 50px 0 25px;}
    .reason__inner h2{font-size: 1.8rem;}
    .reason__inner h2 img{width: 210px; padding: 1px 10px 0 0;}
    .reason__inner ul{width: 96%;}
    .reason__list{padding: 20px 20px 20px 30px; font-size: 1.7rem;}
    .reason__list:before{content: url(../img/lp/reason_check_sp.png); top: 22px;}
    .reason__list:after{content: url(../img/lp/reason_arrow_sp.png);}
    .reason__contents{width: 96%; padding: 50px 20px;}
    .reason__contents p{font-size: 1.4rem;}
    .reason__contents-title{margin-bottom: 20px; font-size: 1.8rem;}
    .reason__contents-text{margin-bottom: 0;}
    .reason__contents-subtitle{padding-left: 20px; margin-bottom: 20px; font-size: 1.6rem;}
    .reason__contents-subtitle:before{width: 15px; height: 15px;}
    .reason__contents-subtitle.analytics:before{width: 15px; height: 15px; top: 4px;}
    .reason__contents .scroll-img img{width: 500px;}
    .reason__img{margin: 15px 0 50px;}
    .reason__contents.analytics li{padding: 20px; font-size: 1.6rem; line-height: 1.4;}

    .reason__contents-title.cons{padding-left: 60px; margin-bottom: 30px; font-size: 1.8rem; font-weight: bold;}
    .reason__contents-title.cons:before{width: 40px; height: 52px; background-size: 100%;}
    .reason__contents-title.cons:after{top: 32px; width: 22px; left: -22px;}
    .reason__table-block{padding: 20px;}
    .reason__table{width: 1170px;}
    .reason__table th{width: 70px; font-size: 1.2rem;}
    .reason__table td{width: 100px; font-size: 1rem;}
    .reason__table td.icon{padding-top: 50px;}
    .reason__table td.icon:before{width: 30px; height: 40px; background-size: 100%;}
    .reason__img.cons{margin: 25px 0;}

    .detail__inner{padding: 60px 5%;}
    .detail__inner p{font-size: 1.25rem;}
    .detail__inner h2{margin-bottom: 60px; font-size: 2.5rem;}
    .detail__inner h2:before{width: 50px; height: 1px; bottom: -25px;}
    .detail__flex{margin: 0;}
    .detail__box{margin-bottom: 20px;}
    .detail__box h3{height: 65px; font-size: 1.7rem;}
    .detail__box h3:before{width: 45px; height: 45px; font-size: 1.2rem; line-height: 1.2;}
    .detail__box:first-child h3:before{padding: 6px 4px;}
    .detail__box:nth-child(2) h3:before,
    .detail__box:last-child h3:before{padding: 13px 0;}
    .detail__box ul{margin: 20px 10px 20px 40px; font-size: 1.4rem;}
    .detail__price{margin-bottom: 20px;}
    .detail__btn-posi{margin-top: 50px; font-size: 1.6rem;}
    .detail__btn-posi .btn p{font-size: 1.4rem;}

    .detail__price2{width: 100%; margin: 15px 0 25px;}
    .detail__btn-posi.cons .btn2{width: 100%; padding: 15px;}

    .plan__inner{padding: 50px 5%;}
    .plan__inner h2{margin-bottom: 70px; font-size: 2.5rem;}
    .plan__inner h2:before{width: 50px; bottom: -25px;}
    .plan__table th{height: auto; font-size: 1.2rem;}
    .plan__table th .baloon{width: 185px; top: -15px; padding-top: 6px; font-size: 1rem;}
    .plan__table th .price{width: 54%; padding-right: 0; font-size: 2.6rem;}
    .plan__table th .font-normal{font-size:1.6rem;}
    /*.plan__flex .plan__table:first-child th .price{width: 52%;}
    .plan__flex .plan__table:nth-child(2) th .price{width: 48%;}
    .plan__flex .plan__table:last-child th .price{width: 44%;}*/
    .plan__table td{height: 50px; padding: 20px; font-size: 1.4rem;}
    .plan__table td .cross{margin-right: -5px;}
    .plan__table td .icon-both{margin-right: -17px;}
	  .plan__table td .icon-both .circle,
	  .plan__table td .icon-both .cross{font-size: 3rem;}
    .plan__table th .tax{font-size: 1rem;}
    .plan__table th .font-bold {width: 44%; padding: 0 2% 0 0;}

    #cv > picture img{height: 293px; object-position: 80% 50%;}
    .cv__inner{padding: 60px 0;}
    .cv__contents-title{margin-bottom: 0;}
    .cv__contents-title h2{padding-left: 0; font-size: 3rem;}
    .cv__contents-title h2 .baloon{width: 62px; top: -25px; left: 0;}
    .cv__flex{justify-content: center;}
    .cv__inner p{min-width: 60%; padding-left: 0; font-size: 1.5rem;}
    .cv__inner p .font-big{margin-top: 5px;}
    .cv__img{width: 35%;}
    .cv__message{font-size: 1.8rem; bottom: 20px;}

    .cv-btn__inner{padding: 40px 5%;}

    .flow__inner{padding: 60px 5% 20px;}
    .flow__inner h2{margin-bottom: 60px; font-size: 2.5rem;}
    .flow__inner h2:before{width: 50px; height: 1px; bottom: -25px;}
    .flow__box{width: 90%; padding: 0 0 25px 30px;}
    .flow__box-img{width: 40px; top: -5px; left: -21px;}
    .flow__box-text h3{font-size: 1.8rem;}
    .flow__box-text p{font-size: 1.3rem;}

    .number__inner{width: 100%; padding: 60px 5%;}
    .number__inner h2{margin-bottom: 30px; font-size: 2.1rem;}
    .number__inner h2 img{width: 180px; top: 3px; padding-left: 5px;}
    .number__inner p{font-size: 1.3rem; font-weight: 400;}
    .number__flex{margin: 25px 0;}
    .number__flex img{max-width: 100%; margin-bottom: 10px;}

    .case__inner{padding: 60px 5% 20px;}
    .case__inner h2{margin-bottom: 60px; font-size: 2.5rem;}
    .case__inner h2:before{width: 50px; height: 1px; bottom: -25px;}
    .case__inner p{font-size: 1.3rem;}
    .case__flex{margin: 25px 0 0;}
    .case__box{width: 100%; padding: 20px;}
    .case__box-img{width: 35%;}
    .case__box-text{width: 65%; padding-left: 15px;}
    .case__box-text p{margin-bottom: 0; font-size: 1.2rem;}
    .case__box-text table{width: 100%; text-align: center;}
    .case__box-text table th{padding: 4px; font-size: 1.1rem; line-height: 1;}
    .case__box-text table td{padding: 4px; font-size: 1.1rem;}
    .case__box-graph,
    .case__box:first-child .case__box-graph{margin-bottom: 30px;padding: 0;}
    .case__box-link{font-size: 1.2rem; font-weight: bold;}
    .case__box-link a:after{content: url(../img/lp/case_arrow_sp.png); top: 2px; right: -25px;}
    .ca__inner{width: 100%; padding: 50px 0 50px 5%;}
    .ca__inner p:last-child{display: block; width: 90%; padding-right: 5%; margin: 0 auto; font-size: 1.4rem;}
    .slider .slick-list {padding: 40px 30% 0 0!important;}
    .ca__box{height: 300px; margin-bottom: 50px;}
    .ca__box-inner{top: -60px;}
    .ca__box-img{margin-bottom: 10px;}
    .ca__box-img img{width: 70%; margin: 0 auto;}
    .ca__box-text p{height: 50px;font-size: 1.2rem;}
    .ca__box-text table th{padding: 4px; font-size: 1.1rem; line-height: 1;}
    .ca__box-text table td{padding: 4px; font-size: 1.1rem;}

    .ca__inner.top{padding-bottom: 100px;}
    .ca__inner.top h2{margin-bottom: 50px; font-size: 2.5rem;}
    .ca__inner.top h2:before{bottom: -25px;}
    .ca__inner.top > p:nth-child(2){margin-bottom: 50px; font-size: 1.3rem;}
    
    .topMovie__inner{padding: 100px 3% 70px;}
    .topMovie__movie{width: 100%; padding: 10px;}
    .topMovie__movie iframe{height: 190px;}
    .topMovie__icon{width: 100px; top: -50px;}
    .topMovie__text{margin: 25px 0 50px;}
    .topMovie__btn-flex .btn2{width: 80%; padding: 12px; font-size: 1.6rem;}

    .OnlineSeminar__inner{padding: 50px 0;}
    .OnlineSeminar__inner h2{margin-bottom: 50px; font-size: 2.5rem;}
    .OnlineSeminar__inner h2:before{bottom: -25px;}
    .OnlineSeminar__inner > p{font-size: 1.3rem;}
    .OnlineSeminar__img img{height: 150px;}
    .OnlineSeminar__title{margin-bottom: 10px; font-size: 1.2rem;}
    .OnlineSeminar__link a{font-size: 1.2rem;}
    .OnlineSeminar__link a:before{width: 20px; height: 20px;}
    .OnlineSeminar__link a:after{right: -25px;}
    .OnlineSeminar__btn .btn2{padding: 12px; font-size: 1.6rem;}

    .news__box{padding: 15px 0;}
    .news__inner{padding: 50px 3% 70px;}
    .news__inner h2{margin-bottom: 50px; font-size: 2.5rem;}
    .news__inner h2:before{bottom: -25px;}
    .news__cat{width: 32%; padding: 4px; font-size: 1rem;}
    .news__day{width: 55%; font-size: 1.1rem;}
    .news__title{font-size: 1.2rem;}
    .news__btn{margin-top: 50px;}
    .news__btn .btn2{padding: 12px; font-size: 1.6rem;}

    .cta__inner h2{font-size: 2rem; line-height: 1.2;}
    .cta__inner h2 .font-big{bottom: -6px;}
    .cta__box{width: 80%; margin: 0 auto 30px;}
    /*.cta__box-link a{font-size: 1.2rem;}
    .cta__box-link a:before{width: 20px; height: 20px; top: 52%;}
    .cta__box-link a:after{top: 60%; right: -23px; font-size: 1.4rem;}*/
    .cta__box-link{width: 100%;}
    .cta__box-link a{font-size: 1.0rem;}
    .cta__box-link a:before{width: 16px; height: 16px; top: 52%; right: -22px;}
    .cta__box-link a:after{top: 60%; right: -18px; font-size: 1.2rem;}

    .bottomBanner__inner ul li{width: 100%;}

    .bottomLogo__inner{flex-direction: column;}
    .bottomLogo__inner img{margin-right: 0;}

    .faq__inner{padding: 60px 5%;}
    .faq__inner p{font-size: 1.3rem;}
    .faq__inner h2{margin-bottom: 60px; font-size: 2.5rem;}
    .faq__inner h2:before{width: 40px; height: 1px; bottom: -25px;}
    .faq__box{width: 100%; margin-bottom: 40px;}
    .faq__box h3{margin-bottom: 10px; font-size: 1.8rem;}
    .faq__box:before{left: 0;}
    .form__bg img{height: 1250px;}
    .form__title{font-size: 1.85rem; line-height: 1.2;}
    .form__title .font-big{font-size: 4.25rem; vertical-align: -6px;}
    #form_under .form_content{width: 90%; padding: 50px 20px 70px;}
    #form_under .form_sentence{font-size: 1.4rem;}

    .end__bg img{height: 970px;}
    .end__content{width: 90%;}
    .end__text.analytics h1{font-size: 2rem;}
    .end__text.analytics h1 .main{margin-top: 10px; font-size:3.7rem;}
    .end__text-middle{flex-direction: column-reverse; margin: 50px 0 0;}
    .end__text-middle p{width: 100%; margin-top: 10px; text-align: center; font-size: 1.7rem;}
    .end__img{width: 80%;}
    .end__text-bottom{bottom: -100px;}
    .end__text-bottom .btn{padding: 17px 15px 15px; font-size: 1.4rem;}
    .end__cover-text{font-size: 1.8rem;}

    .end__text.tenThousand {width: 100%;}
    .end__bg {background-color: #e3912f; height: 700px;}
    .end__bg.tenThousand img {display: none;}
    .end__text.tenThousand h1 {margin-bottom: 10px;}
    .end__text.tenThousand h1 .main {font-size: 3.7rem;}
    .end__text-middle.tenThousand {margin-top: 0;}
    .end__text-middle.tenThousand p {text-align: left; font-size: 1.5rem;}
    .end__text-middle.tenThousand>picture {width: 123px; left: 60%; top: 60%;}
    .end__text-bottom.tenThousand {width: 100%; bottom: -100px;}
    .end__text-bottom.tenThousand .main-text {font-size: 2.4rem;}
    .end__text-bottom.tenThousand .sub-text {font-size: 1.4rem;}
    .end__text-bottom.tenThousand .sub-text:before,
    .end__text-bottom.tenThousand .sub-text:after {width: 20px; bottom: 28px}
    .end__text-bottom.tenThousand .sub-text:before {left: -20px;}
    .end__text-bottom.tenThousand .sub-text:after {right: -20px;}
    .end__cover-inner.tenThousand {padding: 10px 0;}
    .end__cover-btn.tenThousand {width: 85%;top: -100px;}
    .end__cover-btn.tenThousand .btn {padding: 15px 20px;}
    .end__cover-text.tenThousand {font-size: 1.6rem;}

    .footer__inner{flex-direction: column; border: none; padding-bottom: 25px;}
    .footer__left,
    .footer__right{width: 100%; display: flex; flex-direction: column;}
    .footer__left{text-align: center;} 
    .footer__left img{width: 200px; margin: 0 auto 30px;}
    .footer__right{margin-top: 30px;}
    .footer__list{width: 90%; margin: 0 auto 20px; padding-bottom: 20px; border-bottom: 1px solid #d1d0cf; text-align: center;}
    .footer__list:last-child{margin-bottom: 0;}
    .footer__list li{margin-bottom: 10px;}
    .footer__att{width: 90%; padding-top: 0;}
    .footer__cr{background-color: #e4e1d6;}
}

/*custom*/
.fv__text-bottom .btn{margin: 0;}
.fv__cover-last .fv__cover-text:after {content: unset;}
@media screen and (min-width: 897px) {.pc__cont{display: flex;} .sp__cont{display: none;}}
@media screen and (max-width: 896px) {.sp__cont{display: block;} .pc__cont{display: none;}}
@media screen and (max-width: 480px) {
  #fv__last .fv__text-middle {margin: 50px 0 30px; flex-direction:column-reverse;}
  #fv__last .fv__text-middle p {display: block; margin: 30px auto; width: fit-content; font-size: 1.8rem;}
  #fv__last .fv__text-middle picture {display: block; margin: 0 auto; width: 55%;}
  #fv__last .fv__img {width: 90%;}

  .fv__att {margin:14px 0 0; font-size: 90%;}
}
@media screen and (max-width: 400px) {
  .end__bg {height: 750px;}
  .end__text-bottom.tenThousand {font-size: 1.2rem;}
}