/*******************************************************************/
/******************* sp： ～ 767px *******************************/
/*******************************************************************/
html { 
    overflow-x: hidden;
    font-size: calc(100vw / 37.5 );  /* remの基準値：1rem=10px */
} 
main {
    overflow: hidden;
}
/*** セクション ***/
section { 
    padding: 0 1rem;
}
/* spのみ表示 */
.sp-only { display: block; } /* sp表示用 */
span.sp-only { display: inline; }    /* span要素のときはinline */
span.pc-only { display: none; }    /* span要素のときはinline */
.pc-only { display: none!important; }  /* pc表示用 */
br.sp-only { display: inline; }
br.pc-only { display: none; }
/* spのみ表示 ここまで */

.box {
    width: 98%;
    margin: 0 auto;
}

/**************************************************/
/***** CTA ****************************************/
/**************************************************/
.cta-wrapper { 
    padding-top: 0;
}
.cta-wrapper .sec-title {
    font-size: 1.6rem;
    font-weight: 400;
    letter-spacing: 0.005rem;
    line-height: 1.6;
}
.cta-wrapper .cta_btns {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1.5rem;
    margin-top: 3.6rem;
}
.cta-wrapper .cta_btns .btn {
    width: 100%;
}
.cta-wrapper .cta_btns div {
    font-size: 2.865vw;
    color: #fff;
}
.cta-wrapper .cta_btns div.btn_consult {
    width: 100%;
    height: 9.115vw;
}
.cta-wrapper .cta_btns div.btn_download {
    width: 100%;
    height: 9.115vw;
    justify-content: flex-start;
    padding-left: 2.604vw;
}   

/**************************************************/
/***** ファーストビュー ****************************/
/*************************************************/
#section1_firstView {
    gap: 0;
}
#section1_firstView .box {
    width: 92%;
}
#section1_firstView .flex-wrapper {
    padding: 0.651vw 0 0;
}
#section1_firstView .first-head .logo {
    width: 18.88vw;
    margin-right: 0;
    order: 2;
}
#section1_firstView .first-head .box {
    padding: 1.302vw 0;
    justify-content: space-between;
}
#section1_firstView .first-head .logo img {
    width: 100%;
}
#section1_firstView .first-head .head-txt {
    font-size: 6.51vw;
    text-align: center;
}
#section1_firstView .first-head .head-txt small {
    font-size: 4.036vw;
}
#section1_firstView .first-head .head-txt em {
    padding-right: 0;
}
/* 左側-->上 */
#section1_firstView .first-view {
    width: 100%;
    margin-right: 0;
}
#section1_firstView .first-view::before {
    content: "";
    position: absolute;
    background: url(../img/sp_01_icon.png) no-repeat center center;
    background-size: cover;
    width: 20.052vw;
    height: 16.797vw;
    top: 0;
    right: 0;
}
/* 吹き出し */
#section1_firstView .sub-title {
    width: 66.016vw;
    height: 16.406vw;
    padding-top: 2.604vw;
    background-image: url(../img/tb_01_fukidashi1.png);
    background-repeat: no-repeat;
    background-size: cover;
    letter-spacing: 0;
}
#section1_firstView .first-view .sub-title p {
    font-size: 7.292vw;
    padding-top: 0;
}
#section1_firstView .sub-title .white {     /* 若手が自然と集まる */
    font-size: 1.2rem;
    letter-spacing: 0.045em;
}
#section1_firstView .sub-title .small {     /* の */
    font-size: 1.3rem;
}
/* ワカッテ採用 */
#section1_firstView .first-view .title {
    font-size: 14.323vw;
    line-height: 1.05;
}
#section1_firstView .first-view .title em {
    font-size: 19vw;
}
#section1_firstView .first-view .title em small {
    font-size: 65%;
}
#section1_firstView .title img {
    width: 35.1rem;
}
/* 求人票じゃ伝わらない　だからSNSでわかる採用を */
#section1_firstView .copy {
    margin-left: 0;
    margin-top: 6.51vw;
}
#section1_firstView .copy .sub-copy {
    display: inline-block;
    font-size: 2.604vw;
    line-height: 1;
    padding: 0;
    text-align: center;
}
#section1_firstView .first-view .sub-copy .sub01 {
    font-size: 7.813vw;
    margin-bottom: 2.604vw;
}
#section1_firstView .first-view .sub-copy .sub01::after {
    width: 50.26vw;
    height: 16.5vw;
    top: -4vw;
    left: -3vw;
    background: url(../img/tb_01_fukidashi2.png) no-repeat center center;
    background-size: cover;
}
#section1_firstView .first-view .sub-copy .sub01 small {
    font-size: 4.557vw;
}
#section1_firstView .first-view .sub-copy p {
    font-size: 9.115vw;
    display: block;
    margin-right: 0;
}
#section1_firstView .first-view .sub-copy p span {
    font-size: 5.859vw;
}
#section1_firstView .copy .main-copy {
    font-size: 13.021vw;
    line-height: 1;
    letter-spacing: -0.1em;
}
#section1_firstView .copy .main-copy .red {
    width: 12.5rem;
    height: 5.1rem;
    background-size: 12.5rem 5.1rem;
}
/* 特徴 */
#section1_firstView ul {
    position: relative;
    width: 100%;
    margin-top: -0.5rem;
    margin-left: 0;
}
#section1_firstView ul li{
    width: 14.6rem;
}
#section1_firstView ul li img {
    width: 14.6rem;
}
/* 1つ目の特長 */
#section1_firstView ul li:nth-child(1) {
    top: 0;
    left: -1.0rem;
}
/* 2つ目の特長 */
#section1_firstView ul li:nth-child(2) {
    top: 3.8rem;
    left: 10.3rem;
}
/* 3つ目の特長 */
#section1_firstView ul li:nth-child(3) {
    top: 0rem;
    left: 21.7rem;
}

#section1_firstView .first-view::after {
    width: 42.318vw;
    height: 60.026vw;
    background: url(../img/sp_01_Illust.png) no-repeat center center;
    background-size: cover;
    top: 54.036vw;
    right: -5.208vw;
}
#section1_firstView .copy img {
    width: 98%;
    margin: 0 auto;
}


/* 右側 */
/***** フォーム *****/
#section1_firstView .form-wrapper {
    width: 35.1rem;
    padding: 1.1rem 1.7rem 2.7rem 1.9rem;
    margin-top: 17.4rem;
    border-radius: 0.5rem;
    box-shadow: 0 0 1.1rem 0.2rem rgba(57, 71, 63, 0.6)
}
/* メッセージ */
#section1_firstView .form-wrapper .message {
    margin-bottom: 0.7rem;
    font-size: 1.2rem;
    line-height: 1.5;
}
#section1_firstView .form-wrapper .message .asterisk {
    font-size: 0.8rem;
}
/* フォーム */
#section1_firstView .card-body .form-group {
    margin-bottom: 0.9rem;
}
/* プレースホルダ― */
#section1_firstView .form-wrapper input::placeholder {
    padding-left: 1.0rem;
    font-size: 1.2rem;
}
/* ラベル */
#section1_firstView .card-body label {
    font-size: 1.2rem;
}
#section1_firstView .card-body label .badge {
    font-size: 0.8rem;
}
/* テキストボックス */
#section1_firstView .card-body input[type="text"],
#section1_firstView .card-body input[type="email"] {
    width: 31.5rem;
    height: 2.6rem;
    margin-top: 0.3rem;
}
/* プライバシーポリシー */
#section1_firstView .card-body .form-group:nth-last-child(2) {
    margin-top: 2.1rem;
    margin-bottom: 1.8rem;
}
#section1_firstView .card-body .privacy-label {
    font-size: 1.2rem;
}
#section1_firstView .card-body .privacy-label a { color: #000; }
#section1_firstView .card-body input[type="checkbox"] {     /* チェックボックス */
    width: 1.0rem;
    height: 1.0rem;
    margin-right: 0.6rem;
}
/* 資料をダウンロードボタン */
#section1_firstView .card-body .btn {
    width: 23.5rem;
    height: 3.5rem;
    font-size: 1.2rem;
    letter-spacing: 0.005em;
    box-shadow: 0.3rem 0.3rem 0.1rem 0.05rem rgba(167, 23, 0, 1);
}

#section1_firstView .cta_btns {
    display: block;
    width: 90%;
    margin: 30px auto 0;
    padding: 0;
}
#section1_firstView .cta_btns .btn_download::after {
    content: "";
    display: block;
    position: absolute;
    width: 4.167vw;
    height: 4.167vw;
    background: url(../img/01_icon-dl.png) no-repeat center center;
    background-size: cover;
    top: 0;
    bottom: 0;
    right: 9.115vw;
    margin: auto 0;
}
#section1_firstView .cta_btns .btn_download {
    position: relative;
    width: 100%;
    height: 13.021vw;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0.5rem;
    font-size: 4.167vw;
    font-weight: bold;
    color: #fff;
    letter-spacing: 0;
    background-color: #f4614a;
    box-shadow: 2px 2px 2px rgba(102, 102, 102, 0.4);
    padding-left: 3.906vw;
}
/**************************************************/
/***** sec2 実績 **********************************/
/*************************************************/
#section2_achievement {
    padding-bottom: 0;
}
#section2_achievement .sec-title {
    margin-top: 0;
    margin-left: 0;
    margin-bottom: 7vw;
    font-size: 6.25vw;
    padding: 2.604vw 0;
}
/* ＼　／ */
#section2_achievement .sec-title span::before, 
#section2_achievement .sec-title span::after {
    height: 6.51vw;
}
#section2_achievement .sec-title span::before {
    bottom: 1.302vw;
    left: -3.906vw;
}
#section2_achievement .sec-title span::after {
    bottom: 1.302vw;
    right: -3.906vw;
}
/* 実績 カルーセル自動再生 */
#section2_achievement .carousel-wrapper {
    flex-direction: column;
    justify-content: start;
    width: 100%;
    overflow: hidden;
}
#section2_achievement .carousel-wrapper .carousel-list {
    flex-wrap: nowrap;
    gap: 2.604vw;
}
#section2_achievement .carousel li  {
    display: flex;
    justify-content: center;
    align-items: center;
}

/* 画像サイズ（一括調整） */
:root {
  --base-width: 768; /* 1440pxを基準画面幅とする */
}
/* １段目 */
#section2_achievement .carousel:nth-child(1) {
        margin-bottom: 2.604vw;    
}
/* ２段目 */
#section2_achievement .carousel:nth-child(2) {
        margin-bottom: 0rem;    
}
#section2_achievement .carousel:nth-child(n+6) {
    display: none;
}
#section2_achievement .carousel.pc-only li { display: none; }

#section2_achievement .carousel li img {
  width: calc(var(--base-size) / var(--base-width) * 100vw);
  height: auto;
  display: block;
}
/**************************************************/
/***** sec3 こんなお悩みありませんか？ **************/
/*************************************************/
#section3_problem {
    padding: 7.813vw 0 111.979vw;
    background-image: url(../img/sp-03_back.png); 
    background-position: bottom;
    background-size: cover;
    background-repeat: no-repeat;
}
/* タイトル */
#section3_problem .sec-title {
    font-size: 7.161vw;
    letter-spacing: -0.391vw;
}
/* 文字の上のドット */
#section3_problem .sec-title .dot {
    background-image: radial-gradient(circle at center, #333 12%, transparent 12%); /* 点の色とサイズ調整 */
    background-position: top left; /* 点の位置 */
    background-repeat: repeat-x; /* 横方向に繰り返し */
    background-size: 1em 1em; /* 点のサイズ */
    padding-top: 5.208vw; /* 縦方向の位置調整 */
    letter-spacing: 0em;
}
/* 吹き出し */
#section3_problem ul {
    display: block;
    position: relative;
    margin-top: 2.0rem;
    margin-left: 0;
}
#section3_problem ul li {
    position: absolute;
    top: 0;
    font-size: 3.516vw;
    line-height: 1.5;
    text-align: center;
}
#section3_problem ul li:nth-child(1) {      /* 1つ目吹き出し */
    width: 45.833vw;
    height: 40.365vw;
    padding-top: 7.813vw;
    padding-left: 0;
    margin: 0;
    top: 37.37vw;
    left: 0;
    background-image: url(../img/03_fukidashi1.png);
    background-repeat: no-repeat;
    background-size: cover;
}
#section3_problem ul li:nth-child(2) {      /* 2つ目吹き出し */
    width: 62.76vw;
    height: 48.828vw;
    padding-top: 12.37vw;
    padding-left: 0;
    margin: 0 auto;
    top: -5.208vw;
    left: 0;
    right: 0;
    background-image: url(../img/03_fukidashi2.png);
    background-repeat: no-repeat;
    background-size: cover;
}
#section3_problem ul li:nth-child(3) {      /* 3つ目吹き出し */
    width: 53.255vw;
    height: 40.495vw;
    padding-top: 9.766vw;
    padding-left: 0;
    margin: 0;
    top: 29.297vw;
    right: -1.302vw;
    background-image: url(../img/03_fukidashi3.png);
    background-repeat: no-repeat;
    background-size: cover;
}
/* 多くの中小企業が・・・行き詰っています */
#section3_problem .conclusion {
    margin-top: 57.5rem;
    margin-bottom: 4.0rem;
    font-size: 1.6rem;
}
#section3_problem div img {
    width: 4.4rem;
}

#section3_problem::after {
    width: 79.948vw;
    height: 76.042vw;
    background: url(../img/sp_03_Illust.png) no-repeat center center;
    background-size: contain;
    bottom: 0;
}

/**************************************************/
/***** sec4 解決 **********************************/
/**************************************************/
#section4_solution {
background-size: 100%;
    padding-top: 3.37rem;
    padding-bottom: 3.255vw;
    padding-left: 1rem;
    padding-right: 1rem;
}
#section4_solution .sec-title .sub-title span {
    font-size: 6.25vw;
    background: url(../img/04_title-back.png) no-repeat top 30px left 15px;
    background-size: 33.854vw;
    padding: 5.208vw 3.255vw 5.208vw 4.557vw;

}
/* タイトル */
#section4_solution .sec-title {
    font-size: 12.5vw;
    line-height: 1.5;
}
#section4_solution .sec-title div {
    display: block;
    margin-top: 0;
}
#section4_solution .head-txt {
    margin-bottom: 3.906vw;
}
#section4_solution .head-txt img {
    width: 100%;
}
#section4_solution .conclusion {
    font-size: 5.729vw;
    margin-bottom: 3.906vw;
    line-height: 1.4;
}
#section4_solution .sec-title .main-title {
    font-size: 4.688vw;
    gap: 0;
    margin-top: 0.651vw;
    letter-spacing: 0;
    align-items: flex-end;
}
#section4_solution .sec-title .main-title img {
    width: 60.026vw;
    margin-right: 0;
}
/* 解決方法 */
#section4_solution #sec4_solutions li.flex-wrapper {
    width: 100%;
    padding: 2.604vw 0;
    border-radius: 1rem;
    margin-bottom: 2.604vw;
}
#section4_solution #sec4_solutions li.flex-wrapper:last-of-type {
    margin-bottom: 0;
}
/* コピー */
#section4_solution #sec4_solutions .sub-title {
    margin: 0 auto;
    font-size: 6.51vw;
    font-weight: bold;
}
#section4_solution .sec-title .sub-title p em::after {
    height: 6.51vw;
}
#section4_solution #sec4_solutions .title {
    margin: 0 auto;
    font-size: 9.635vw;
    font-weight: bold;
}
#section4_solution #sec4_solutions li.flex-wrapper .point {
    position: inherit;
    top: 3.906vw;
    left: 0;
    font-size: 8.594vw;
    transform: rotate(0);
    line-height: 1;
}
#section4_solution #sec4_solutions img { margin: 0 auto; } /* 画像を中央配置 */
/* 各画像サイズ */
#section4_solution #sec4_solutions #sec4_part01 img {   /* part01画像 */
    width: 58.073vw;
    margin-top: 3.906vw;
    margin-bottom: 3.906vw;
}
#section4_solution #sec4_solutions #sec4_part02 img {   /* part02画像 */
    width: 69.141vw;
    margin-top: 3.906vw;
    margin-bottom: 2.604vw;
}
#section4_solution #sec4_solutions #sec4_part03 img {   /* part03画像 */
    width: 73.438vw; 
    margin-top: 3.906vw;
    margin-bottom: 2.604vw;
}
/* 解決ポイント */
#section4_solution #sec4_solutions {
    width: 100%;
    margin-top: 5.208vw;
    display: block;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 2;
}
#section4_solution #sec4_solutions .red {
    font-size: 3.906vw;
}
#section4_solution #sec4_solutions .list li,
#section4_solution #sec4_solutions .list dt {
    display: flex;
    align-items: center;
    font-size: 3.646vw;
}
#section4_solution #sec4_solutions .list li::before,
#section4_solution #sec4_solutions .list dt::before {
    content: '';
    display: block;
    width: 4.167vw;
    height: 4.167vw;
    margin-left: 0.651vw;
    margin-right: 0.651vw;
    background-image: url(../img/04_check.png);
    background-size: 4.167vw;
    background-repeat: no-repeat;
}
#section4_solution #sec4_solutions .list dl {
    display: flex;
}
#section4_solution #sec4_solutions .list dd {
    font-size: 3.646vw;
}

/**************************************************/
/***** sec5 CTA ***********************************/
/******CTA共通の設定はファーストビューの上 ***********/
/**************************************************/
#section5_cta {
    padding-bottom: 5.208vw;
}
#section5_cta .sec-title {
    font-size: 5.208vw;
    letter-spacing: -0.18rem;
}
#section5_cta .sec-title .sub-title {
    margin-bottom: 0;
}
#section5_cta .sec-title .sub-title::after, #section5_cta .sec-title .sub-title::before {
    width: 0.26vw;
    height: 5.208vw;
}
#section5_cta .sec-title .sub-title::before {
    bottom: 1.693vw;
    right: -2.604vw;
}
#section5_cta .sec-title .sub-title::after {
    bottom: 1.693vw;
    left: -20px
}
#section5_cta .cta-wrapper .cta_btns {
    margin-top: 1.953vw;
    flex-direction: inherit;
}
#section5_cta .cta-wrapper .cta_btns a:first-of-type::after {
    width: 3.385vw;
    height: 3.385vw;
    left: 3.906vw;
}
#section5_cta .cta-wrapper .cta_btns a:first-of-type::before {
    width: 2.344vw;
    height: 2.344vw;
}
#section5_cta .cta-wrapper .cta_btns a:last-of-type::after {
    width: 2.604vw;
    height: 2.604vw;
    right: 1.953vw;
}

/**************************************************/
/***** sec6 解決できる未来がたくさんあります *********/
/**************************************************/
#section6_about {
    padding: 5.208vw 0;
}
#section6_about .sec-title {
    font-size: 3.385vw;
    line-height: 1.6;
}
#section6_about .sec-title div.sp-only {
    display: block;
    gap: 0;
}
#section6_about .sec-title div img {    /* ワカッテ採用 */
    width: 68.75vw;
    margin: 0 auto;
}
/* ＼　／ */
#section6_about .sec-title::before, 
#section6_about .sec-title::after {
    width: 15.625vw;
}
#section6_about .sec-title::before {
    transform: rotate(-120deg);
    top: 1.302vw;
    left: -10.417vw;
}
#section6_about .sec-title::after {
    transform: rotate(115deg);
    top: 1.302vw;
    right: -10.417vw;
}
#section6_about .sec-title p {
    position: relative;
    display: inline-block;
    text-decoration: none;
    margin-right: -10.417vw;
    line-height: 1.4;
    margin-top: 0.651vw;
    text-shadow: 0px 0px 15px rgba(255, 255, 255, 1);
    text-shadow:0 0 4px #fff,0 0 4px #fff,0 0 4px #fff,0 0 4px #fff,0 0 4px #fff,0 0 4px #fff,0 0 4px #fff,0 0 4px #fff,0 0 4px #fff,0 0 4px #fff,0 0 4px #fff,0 0 4px #fff,0 0 4px #fff,0 0 4px #fff,0 0 4px #fff,0 0 4px #fff;
}
#section6_about .sec-title p::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 0.26vw;
    background-color: #333;
    top: 15.625vw;
    left: 0;
    right: 0;
    margin: 0 auto;
}
#section6_about .sec-title p span {
    font-size: 10.938vw;
}
#section6_about .sec-title p em {
    font-size: 6.51vw;
    font-style: normal;
}
/* メリット */
#section6_about #sec6_merit {
    position: relative;
    display: block;
    margin-left: 0;
}
/* メリット イメージ */
#section6_about #sec6_merit img {
    position: absolute;
    top: -29.297vw;
    z-index: 1;
    width: 24.87vw;
    left: -1.953vw;
}
/* メリット01～03 */
#section6_about #sec6_merit ul {
    position: relative;
    width: 92%;
    height: auto;
    margin: 0 auto;
    padding: 3.906vw 2.604vw;
    background-color: #fff;
    background-image: none;
    z-index: 2;
    border: 2px solid #4d4d4d;
    border-radius: 0.781vw;
}
#section6_about #sec6_merit ul li {
    display: flex;
    margin-bottom: 2.604vw;
    padding-bottom: 2.604vw;
    font-size: 4.427vw;
    line-height: 1.25;
}
#section6_about #sec6_merit ul li:last-of-type {
    margin-bottom: 0;
    padding-bottom: 0;
}
#section6_about #sec6_merit ul li em {
    display: flex;
    align-items: end;
    font-size: 7.813vw;
    margin-right: 2.604vw;
}
#section6_about #sec6_merit ul li span::after {
    height: 5.208vw;
}
/*** 比較表 ***/
#section6_about .comparative_table {
    position: relative;
    padding: 0.4rem 0.6rem 0.4rem 0.7rem;
    width: 100%;
    margin-bottom: 1.953vw;
}
 /* スクロールを促すアイコン */
#section6_about .comparative_table .scroll-img {
    position: absolute;
    top: 11.6rem;
    left: 7.2rem;
    z-index: 10;
    width: 100%;
}
#section6_about .comparative_table .scroll-img img{
    width: 27.1rem;
}
/* 枠線 */
#section6_about .comparative_table .waku {
    align-items: start;
    width: 100%;
    padding: 0;
}
/* ワカッテ採用と他社との違い */
#section6_about .comparative_table .table-title {
    font-size: 5.99vw;
    width: 94%;
    height: 14vh;
    padding-top: 3.385vw;
    margin: 0 auto;
}
/*** 比較表本体 ***/

/* 共通 */
#section6_about .comparative_table .table .cell {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 13.411vw;
    text-align: center;
}
/* 丸 */
#section6_about .comparative_table .table .circle {
    width: 1.5rem;
    height: 1.5rem;
}
/* 三角 */
#section6_about .comparative_table .table .triangle {
    width: 1.7rem;
    height: 1.5rem;
}
/* ✕ */
#section6_about .comparative_table .table .cross {
    width: 1.0rem;
    height: 1.0rem;
}
#section6_about .comparative_table .table .cross::before,
#section6_about .comparative_table .table .cross::after {
    top: -0.25rem;
    left: 50%;
    width: 0.2rem;
    height: 1.4rem;
    border-radius: 0.2rem;
}
/* 名前行 */
#section6_about .comparative_table .name {
    font-size: 1.2rem;
    line-height: 1.25;
}
/* ヘッダー列 */
#section6_about .comparative_table #sec6_table-header {
    width: 15.4%;
    font-size: 3.906vw;
    box-sizing: border-box;
    margin-top: 16.927vw;
    margin-right: 1.3vw;
    overflow: clip;
}
#section6_about .comparative_table #sec6_table-header .cell {
    height: 13.411vw;
    font-size: 3.906vw;
    align-items: center;
    line-height: 1.2;
}
#section6_about .comparative_table #sec6_table-header .name {
    height: 4.4rem;    
}
#section6_about .comparative_table #sec6_table-header span {
    font-size: 2.604vw;
}
/*** 自社列 ***/
#section6_about .comparative_table #sec6_row_me {
    width: 39%;
    font-size: 1.4rem;
    line-height: 1.4;
    margin-top: 0;
    border: #f4614a 8px solid;
    letter-spacing: 0;
    margin-right: 0;
    border-radius: 2.604vw 2.604vw 0 0;
}
/* 1段目 */
#section6_about .comparative_table #sec6_row_me .name {
    height: 16.146vw;
    border-radius: 16px 16px 0 0
}
#section6_about .comparative_table #sec6_row_me .name img {
    width: 23.958vw;
}
/* 2段目：月額 */
#section6_about .comparative_table #sec6_row_me .monthly_fee {
    display: block;
    font-size: 3.125vw;
}
#section6_about .comparative_table #sec6_row_me .monthly_fee .number {
    font-size: 7.813vw;
}
#section6_about .comparative_table #sec6_row_me .monthly_fee .note {    /* 月額費用　注記 */
    font-size: 1.0rem;
}
/* 3段目：初期費用 */
#section6_about .comparative_table #sec6_row_me .startup_cost {
    display: block;
    font-size: 6.25vw;
}
#section6_about .comparative_table #sec6_row_me .startup_cost .note {   /* 初期費用　注記 */
    font-size: 3.125vw;
}
#section6_about .comparative_table #sec6_row_me .startup_cost::after {
    display: none;
}
/* 4段目：投稿本数 */
#section6_about .comparative_table #sec6_row_me .posts .number {
    font-size: 7.813vw;
}
#section6_about .comparative_table #sec6_row_me .posts p {
    font-size: 4.427vw;
    align-items: baseline;
}
/* 5～8段目：●▲✕ */
#section6_about .comparative_table #sec6_row_me .note_small {
    font-size: 2.865vw;
    font-weight: 200;
    position: absolute;
    right: 0;
    left: 0;
    bottom: 1.042vw;
}
#section6_about .comparative_table #sec6_row_me .shapes {
    font-size: 7.813vw;
}
#section6_about .comparative_table #sec6_row_me .tiktok, 
#section6_about .comparative_table #sec6_row_me .instagram, 
#section6_about .comparative_table #sec6_row_me .line {
    align-items: flex-end;
    padding-right: 7.292vw;
}
#section6_about .comparative_table #sec6_row_me .tiktok::after, 
#section6_about .comparative_table #sec6_row_me .instagram::after, 
#section6_about .comparative_table #sec6_row_me .line::after {
    left: 3.906vw;
}
#section6_about .comparative_table #sec6_row_me .tiktok::after {
    width: 6.771vw;
    height: 6.771vw;
}
#section6_about .comparative_table #sec6_row_me .instagram::after {
    width: 7.031vw;
    height: 7.031vw;
}
#section6_about .comparative_table #sec6_row_me .line::after {
    width: 6.771vw;
    height: 6.771vw;
    margin: 0;
    top: 2.604vw;
}
#section6_about .comparative_table #sec6_row_me .advertising {
    display: flex;
    align-items: flex-end;
    padding-right: 7.422vw;
}
#section6_about .comparative_table #sec6_row_me .line .shapes {
    display: flex;
    justify-content: flex-end;
    padding-right: 6.51vw;
}
/* ▲の位置調整 */
#section6_about .comparative_table #sec6_row_me .triangle {
    position: relative;
}
#section6_about .comparative_table #sec6_row_me .line {
    display: block;
    padding-right: 0;
}
/* 9段目：戦略立案 */
#section6_about .comparative_table #sec6_row_me .planning {
    font-size: 1.2rem;
}
/*** TikTok運用代行会社 ***/
#section6_about .comparative_table #sec6_row_oteer1 {
    width: 28.2%;
    margin: 4.557vw 0 0 0;
}
#section6_about .comparative_table #sec6_row_oteer1 .name {     /* 1段目 */
    height: 12.5vw;
    padding: 0;
}
/* Instagram運用代行会社 */
#section6_about .comparative_table #sec6_row_oteer2 {       
    width: 28.2%;
    margin: 4.557vw 0 0 0;
}
#section6_about .comparative_table #sec6_row_oteer2 .name {     /* 1段目 */
    height: 12.5vw;
    padding: 0;
}
/*** TikTok運用代行会社とInstagram運用代行会社共通 ***/
#section6_about .comparative_table .other {
    font-size: 1.2rem;
}
#section6_about .comparative_table .other .number {
    font-size: 6.25vw;
}
/* 2段目：月額 */
#section6_about .comparative_table .other .monthly_fee {
    font-weight: 500;
}
#section6_about .comparative_table .other .monthly_fee span.rl {
    writing-mode: vertical-rl;
}
#section6_about .comparative_table .other .monthly_fee .number {
    font-size: 6.25vw;
    font-weight: bold;
}
/* 3段目：初期費用 */
#section6_about .comparative_table .other .startup_cost {   /* 初期費用　注記 */
    line-height: 1.3;
} 
/* 4段目：投稿本数 */
#section6_about .comparative_table .other .posts {
    line-height: 1.3;
}
/* 5～8段目：●▲✕ */
#section6_about .comparative_table .other .shapes {
    font-size: 4.688vw;
}
#section6_about .comparative_table #sec6_table-header .cell:nth-child(n+5) {
    line-height: .6;
}
#section6_about .comparative_table #sec6_table-header .cell:nth-child(n+7) {
    line-height: 1;
}
#section6_about .comparative_table .other .cross::before,
#section6_about .comparative_table .other .cross::after {
    background-color: #535353;
}
/* 9段目：戦略立案 */
#section6_about .comparative_table .other .planning {
    font-size: 1.0rem;
}
/* スワイプ用 */
#section6_about .table {
    overflow: hidden;
    width: 100%;
}
#section6_about .table .scroll-colomuns {
    width:100%;
    display: inline-flex;
    overflow: auto;
    justify-content: space-between;
}

/*** メッセージ ***/
#section6_about .message {
    font-size: 3.125vw;
    line-height: 1;
    letter-spacing: 0;
}
#section6_about .message:last-child {
    margin-top: 0.7rem;
}

/**************************************************/
/***** sec7 母集団形成から歩留まり改善まで・・・ *****/
/**************************************************/
#section7_plan {
    padding: 3.906vw 0 2.604vw;
}
#section7_plan .sec-title {
    line-height: 1.2;
}
#section7_plan .sec-title p:first-of-type {
    font-size: 6.51vw;
}
#section7_plan .sec-title p:first-of-type small {
    font-size: 3.906vw;
}
#section7_plan .sec-title p:last-of-type span {
    font-size: 6.771vw;
}
#section7_plan .sec-title p:last-of-type small {
    font-size: 3.906vw;
}
#section7_plan .sec-title .big {
    font-size: 2.5rem;
}
#section7_plan .sec-title p:last-of-type span::after,
#section7_plan .sec-title p:last-of-type span::before {
    width: 0.26vw;
    height: 6.51vw;
}
#section7_plan .sec-title p:last-of-type span::after {
    bottom: 1.302vw;
    left: -2.604vw;
}
#section7_plan .sec-title p:last-of-type span::before{
    transform: rotate(30deg);
    bottom: 1.302vw;
    right: -6.51vw;
}
/* プラン */
#section7_plan .flex-wrapper {
    display: block;
    margin-top: 2.604vw;
    margin-bottom: 0;
}
#section7_plan .flex-wrapper .plan_left {
    margin-bottom: 10.417vw;
}
#section7_plan .plan_right::after {
    content: "";
    position: absolute;
    width: 7.292vw;
    height: 7.292vw;
    background: url(../img/07_plus.png) no-repeat center center;
    background-size: cover;
    top: -8.854vw;
    bottom: 0;
    margin: 0 auto;
    left: 0;
    right: 0;
}
/* 形状・色 */
/* TikTok */
#section7_plan #sec7_tik_tok {
    width: 95%;
    margin: 0 auto 10px;
}
/* Instagram */
#section7_plan #sec7_instagram {
    width: 95%;
    margin: 0 auto 10px;
}
/* 広告 */
#section7_plan #sec7_ad {
    width: 95%;
    margin: 0 auto 10px;
}
/* LINE */
#section7_plan #sec7_line {
    width: 95%;
    margin: 0 auto;
}
/* タイトル */
#section7_plan .title {
    height: 4.5rem;
    font-size: 1.5rem;
}
#section7_plan .title p{ display: block; }
#section7_plan .title .small { font-size: 1.1rem; }
#section7_plan #sec7_instagram .title { letter-spacing: 0; }
#section7_plan #sec7_ad .title { letter-spacing: -0.04em; }

#section7_plan .plan li {
    padding: 3.906vw;
}
#section7_plan .plan_left .plan:last-of-type li {
    padding: 3.906vw 1.953vw 3.906vw 4.557vw;
}
#section7_plan .plan li .text h4 {
    font-size: 5.729vw;
    margin-bottom: 1.302vw;
}
#section7_plan .plan_left .plan:last-of-type li .text h4 {
    letter-spacing: -0.07em;
}
#section7_plan .plan li .text h4 span {
    font-size: 3.125vw;
}
#section7_plan .plan li .text p {
    font-size: 3.125vw;
}
/* アイコン */
#section7_plan .plan li .logo {
    width: auto;
    margin-right: 1.953vw;
    padding-right: 1.953vw;
}
#section7_plan .plan li .logo span {
    font-size: 2.604vw;
    white-space: nowrap;
}
/* TikTok */
#section7_plan .plan li .logo img {
    width: 9.115vw;
    height: 9.115vw;
    margin: 0 auto 5px;
}
/* Instagram */
#section7_plan #sec7_instagram .logo img {
    width: 8.854vw;
    height: 8.854vw;
}#section7_plan #sec7_instagram .logo span {
    font-size: 1.953vw;
}
/* 広告 */
#section7_plan #sec7_ad .logo {
    padding-right: 2.995vw;
}
#section7_plan #sec7_ad .logo img{
    width: 7.813vw;
    height: 9.115vw;
}
/* Line */
#section7_plan #sec7_line {
    padding: 3.255vw 1.953vw 1.953vw 1.953vw;
}
#section7_plan #sec7_line li {
    padding: 0;
}
#section7_plan #sec7_line .logo {
    position: relative;
    padding-top: 1.953vw;
    padding-left: 1.302vw;
    padding-right: 3.255vw;
}
#section7_plan #sec7_line .logo .head {
    position: absolute;
    width: 85%;
    background-color: #f4614a;
    font-size: 1.823vw;
    color: #fff;
    padding: 0.651vw;
    top: -1.953vw;
    right: 2.344vw;
}
#section7_plan #sec7_line .logo span {
    font-size: 2.214vw;
}
/* 名前 */
/* 共通 */
#section7_plan .plan .contents-title {
    font-size: 1.265rem;
}
/* 内容 */
/* 共通 */
#section7_plan .plan .contents {
    display: none;
}
/* オプション */
#section7_plan .plus {
    margin: 0 auto;
    margin-top: 3.6rem;
    margin-bottom: 3.0rem;
}
#section7_plan .plus p {
    margin-bottom: 0.9rem;
    font-size: 1.2rem;
}
#section7_plan .plus img {
    width: 4.9rem;
}

/**************************************************/
/***** sec8 CTA ***********************************/
/******CTA共通の設定はファーストビューの上 ***********/
/**************************************************/
#section8_cta {
    padding-bottom: 1.4rem;
}

/**************************************************/
/***** sec9 支援プロジェクト内容 ********************/
/**************************************************/
#section9_project {
    padding-top: 5.208vw;
    padding-bottom: 5.208vw;
    background-repeat: repeat;
    background-size: 100%;
}
#section9_project .sec-title span {
    font-size: 6.25vw;
    padding: 2.604vw 5.208vw;
}
#section9_project .flex-wrapper {
    display: block;
    margin-top: 13.021vw;
    margin-bottom: 1.953vw;
}
#section9_project .project .title {
    font-size: 6.25vw;
    padding: 3.906vw 0;
    border-radius: 0;
}
/*** プロジェクトの説明 ***/
#section9_project .project {
    width: 95%;
    margin: 0 auto 80px;
}
#section9_project .project::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: -136.719vw;
    right: 0;
    left: 0;
    margin: auto;
    width: 10.026vw;
    height: 4.948vw;
    background-color: #339999;
    clip-path: polygon(50% 38px, 0% 0%, 77px 0%);
}
#section9_project .project:last-of-type {
    margin: 0 auto;
}
#section9_project .project .step {
    width: 23.307vw;
    height: 9.766vw;
    font-size: 5.208vw;
    padding: 1.042vw 0 0 4vw;
    background-size: cover;
    top: -8.464vw;
    left: -0.26vw;
    background: url(../img/tb_09_step2.png) no-repeat center center;
}

#section9_project .project:first-of-type .step{
    width: 31.901vw;
    padding: 1.042vw 0 0 4vw;
    background: url(../img/tb_09_step1.png) no-repeat center center;
    background-size: cover;
}
#section9_project .project dt {
    font-size: 5.729vw;
}
#section9_project .project dt::before {
    width: 5.469vw;
    height: 5.469vw;
    background: url(../img/tb_09_check_mark.png) no-repeat center center;
    margin-right: 0.651vw;
}
#section9_project .project dd {
    font-size: 4.688vw;
    margin-top: 1.302vw;
}
#section9_project #sec9_initial_design .contens dl {
    margin-left: 3.906vw;
    margin-bottom: 1.302vw;
}
/** プロジェクトの説明 **/
#section9_project .project .contens {
    padding-top: 1rem;
    padding-bottom: 3rem;
}
/*** 貴社に合わせた・・・ ***/
#section9_project .message {
    margin-top: 0;
    font-size: 4.167vw;
    line-height: 1.5;
}
#section9_project .message::after {
    width: 9.115vw;
    height: 0.13vw;
    border-bottom: 5px dotted #239da5;
    bottom: -5.859vw;
}
#section9_project .message span::after, 
#section9_project .message span::before {
    height: 3.906vw;
}
#section9_project .message span::before {
    right: -2.604vw;
}
#section9_project .message span::after {
    left: -20px
}

/**************************************************/
/***** sec10 ご利用の流れ **************************/
/**************************************************/
#section10_flow {
    padding-top: 6.51vw;
    padding-bottom: 5.208vw;
    background-color: #b7dde0;
}
#section10_flow .sec-title { 
    font-size: 7.813vw;
    padding: 1.953vw 7.813vw;
    margin-bottom: 7.813vw;
}
#section10_flow .flex-wrapper {
    margin-top: 2.0rem;
    margin-left: 0;
}
#section10_flow .flow {
    width: 95%;
    position: relative;
    margin: 0 auto 50px;
}
#section10_flow .flow:last-of-type {
    margin: 0 auto;
}
#section10_flow .flow dl {
    position: relative;
    padding: 3.906vw 3vw;
    z-index: 1;
}
#section10_flow .flow dt span {
    font-size: 5.469vw;
    background-color: #239da5;
    color: #fff;
    margin-bottom: 1.302vw;

}
#section10_flow .flow dd {
    font-size: 4.167vw;
    line-height: 1.4;
}
#section10_flow .flow dd span::after {
    height: 5.208vw;
}
#section10_flow .flow::before {
    content: "";
    position: absolute;
    top: -4.687vw;
    left: 2.604vw;
    clip-path: none;
    margin: 0;
}
#section10_flow .flow::after {
    content: "";
    position: absolute;
    width: 6.771vw;
    height: 3.385vw;
    background-color: #379faa;
    clip-path: polygon(50% 26px, 0% 0%, 52px 0%);
    right: 0;
    left: 0;
    bottom: -6.51vw;
    margin: 0 auto;
    z-index: 2;
}
#section10_flow #sec10_step1::before {
    content: "";
    width: 19.401vw;
    height: 11.198vw;
    background: url(../img/sp_10_step1.png) no-repeat center center;
    background-size: cover;
}
#section10_flow #sec10_step2::before {
    content: "";
    width: 19.531vw;
    height: 11.198vw;
    background: url(../img/sp_10_step2.png) no-repeat center center;
    background-size: cover;
}
#section10_flow #sec10_step3::before {
    content: "";
    width: 19.792vw;
    height: 11.198vw;
    background: url(../img/sp_10_step3.png) no-repeat center center;
    background-size: cover;
}
#section10_flow #sec10_step4::before {
    content: "";
    width: 19.792vw;
    height: 11.198vw;
    background: url(../img/sp_10_step4.png) no-repeat center center;
    background-size: cover;
}
#section10_flow .flow:last-of-type::before {
    content: "";
    display: block;
    width: 19.792vw;
    height: 11.198vw;
    background: url(../img/sp_10_step5.png) no-repeat center center;
    background-size: cover;
}
/* ステップ */
#section10_flow .flex-wrapper .step {
    width: 5.2rem;
    height: 5.2rem;
    font-size: 1.1rem;
}
#section10_flow .flex-wrapper .step .number {
    font-size: 2.2rem;
    letter-spacing: 0;
}
/* 各ステップをつなぐ線 */
#section10_flow .flex-wrapper .step::before {
    height: 6.7rem;
    top: 5.2rem;
}
#section10_flow .flex-wrapper #sec10_step4 .step::before,
#section10_flow .flex-wrapper #sec10_step3 .step::before {
    height: 5.9rem;
}
/* 内容 */
#section10_flow .flex-wrapper .flow dl { width: 26.0rem; }
#section10_flow .flex-wrapper .flow dt {
    font-size: 1.4rem;
    font-weight: 400;
    letter-spacing: 0.06em;
}
#section10_flow .flex-wrapper .flow dd {
    margin-top: 1.0rem;
    font-size: 1.2rem;
    font-weight: 400;
    letter-spacing: 0.06em;
    line-height: 1.4;
}
/**************************************************/
/***** sec11 フォーム ******************************/
/**************************************************/
#section11_contact {
    padding: 0;
}
#section11_contact .form-wrapper {
    width: 100%;
    padding: 6.51vw 4.557vw;
}
#section11_contact .form-wrapper .sec-title {
    margin-bottom: 2.604vw;
}
#section11_contact .form-wrapper .sec-title span {
    font-size: 6.51vw;
    padding: 2.604vw 5.208vw;
}
#section11_contact .form-wrapper .message {
    font-size: 1.823vw;
    line-height: 1.4;
}
#section11_contact .card-body {
    margin-top: 2.1rem;
}
#section11_contact .card-body .form-group {
    display: flex;
    flex-direction: column;
    margin-bottom: 2.604vw;
}
#section11_contact .card-body .form-group:last-of-type {
    margin-bottom: 2.604vw;
}
/* プレースホルダ― */
#section11_contact .form-wrapper input::placeholder, 
#section11_contact .form-wrapper textarea::placeholder {
    padding-left: 0;
    padding-top: 0.651vw;
    font-size: 3.906vw;
}
#section11_contact .form-wrapper textarea::placeholder {
    padding-top: 0;
    padding-left: 0;
}
/* ラベル */
#section11_contact .card-body label {
    font-size: 3.906vw;
}
#section11_contact .card-body label .badge {
    display: inline-block;
    font-size: 3.125vw;
    color: #fff;
    background-color: #ed1c24;
    padding: 0.26vw 0.651vw;
    margin-left: 1.302vw;
}
/* テキストボックス */
#section11_contact .card-body input[type="text"],
#section11_contact .card-body input[type="email"] {
    width: 100%;
    height: 13.021vw;
    margin-top: 1.302vw;
    padding-top: 0;
    padding-left: 1.953vw;
}
#section11_contact .card-body textarea {
    width: 100%;
    height: 20.313vw;
    margin-top: 1.302vw;
    padding-top: 1.302vw;
    padding-left: 1.953vw;
}
/* プライバシーポリシー */
#section11_contact .card-body .form-group:nth-last-child(2) {
    display: flex;
    align-items: center;
    margin-top: 1.302vw;
    margin-bottom: 1.953vw;
}
#section11_contact .card-body .privacy-label {
    font-size: 1.563vw;
    white-space: nowrap;
}
#section11_contact .card-body .privacy-label a { color: #239da5; }
#section11_contact .card-body input[type="checkbox"] {     /* チェックボックス */
    width: 0.8rem;
    height: 0.8rem;
    margin-right: 0.7rem;
}
/* 資料をダウンロードボタン */
#section11_contact .card-body .btn {
    width: 100%;
    height: 13.021vw;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0.5rem;
    font-size: 4.167vw;
    font-weight: bold;
    color: #fff;
    letter-spacing: 0;
    background-color: #f4614a;
    box-shadow: 2px 2px 2px rgba(102, 102, 102, 0.4);
    padding-left: 3.906vw;
}
#section11_contact .card-body .btn::after {
    width: 3.255vw;
    height: 3.255vw;
    right: 3.255vw;
}
/**************************************************/
/***** sec12 よくある質問 **************************/
/**************************************************/
#section12_qa {
    padding: 5.208vw 4.557vw;
    margin-top: 7.813vw;
}
#section12_qa .sec-title {
    font-size: 7.031vw;
    margin-bottom: 5.208vw;
}
#section12_qa .qa {
    width: 100%;
}
#section12_qa dl {
    gap: 1.302vw;
    width: 100%;
    padding: 3.906vw;
    border-radius: 1.302vw;
}
#section12_qa dl:last-of-type {
    margin-bottom: 0;
}
/* 質問 */
#section12_qa dt {
    padding-left: 7.813vw;
    font-size: 4.688vw;
    line-height: 1.2;
}
#section12_qa dt::before {
    font-size: 4.427vw;
    width: 5.99vw;
    height: 5.99vw;
    line-height: 5.99vw;
}
/* 答え */
#section12_qa dd {
    padding-left: 7.813vw;
    font-size: 3.646vw;
    line-height: 1.3;
}
#section12_qa dd::before {
    font-size: 4.427vw;
    width: 5.99vw;
    height: 5.99vw;
    line-height: 5.99vw;
}

.section13_cta {
    padding: 5.208vw 0;
}
.section13_cta .cta-wrapper {
    width: 100%;
    padding: 0 2.604vw;
}
.section13_cta .sec-title .sub-title {
    white-space: nowrap;
    letter-spacing: -0.26vw;
}
/**************************************************/
/***** footer *************************************/
/**************************************************/
.footer {
  padding: 2rem;
  font-size: 15px;
  color: #999;
  background: #fff;
  border-top: 1px solid #e5e7eb;
}

.footer a:hover {
  color: #000;
}

@media (min-width: 768px) {
  .footer {
    display: flex;
    justify-content: space-between;
  }

  .md-flex {
    display: flex;
  }

  .md-flex li + li {
    margin-left: 16px;
  }
}