 /*******************************************************************/
/******************* sp： ～ 767px *******************************/
/*******************************************************************/
html { 
    overflow-x: auto;
    font-size: calc(100vw / 37.5 );  /* remの基準値：1rem=10px */
} 
main {
    overflow: hidden;
}
/*** セクション ***/
section { 
    padding: 0 1rem;
}
/* spのみ表示 */
.sp-only { display: block!important; } /* 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 !important; }
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: 5.867vw;
    color: #fff;
}
.cta-wrapper .cta_btns div.btn_consult {
    width: 100%;
    height: 18.667vw;
}
.cta-wrapper .cta_btns div.btn_download {
    width: 100%;
    height: 18.667vw;
    justify-content: flex-start;
    padding-right: 8vw;
}   

/**************************************************/
/***** ファーストビュー ****************************/
/*************************************************/
#section1_firstView {
    gap: 0;
}
#section1_firstView .box {
    width: 92%;
}
#section1_firstView .flex-wrapper {
    padding: 1.333vw 0 0;
}
#section1_firstView .first-head {
    background: transparent;
}
#section1_firstView .first-head .head-txt p {
    color: #336699;
}
#section1_firstView .first-head .logo {
    width: 35vw;
    margin: 0 auto;
    right: 0;
}
#section1_firstView .first-head .box {
    padding: 35px 0 0;
    justify-content: space-between;
}
#section1_firstView .first-head .logo img {
    width: 100%;
}
#section1_firstView .first-head .head-txt {
    font-size: 5.3vw;
    text-align: center;
}
#section1_firstView .first-head .head-txt p::after {
    left: -25px;
    margin: auto 0;
    background: url(../img/01_fukidashi_left_blue.png) no-repeat center center;
    background-size: cover;
    width: 19px;
    height: 26px;
}
#section1_firstView .first-head .head-txt p::before {
    right: -25px;
    margin: auto 0;
    background: url(../img/01_fukidashi_right_blue.png) no-repeat center center;
    background-size: cover;
    width: 19px;
    height: 26px;
}
#section1_firstView .first-head .head-txt em {
    padding-right: 0;
}
/* 左側-->上 */
#section1_firstView .first-view {
    width: 100%;
    margin-right: 0;
}
#section1_firstView .first-view img {
    width: 105%;
    max-width: none;
}
/* 吹き出し */
#section1_firstView .sub-title {
    width: 88vw;
    height: 15vw;
    padding-top: 2.667vw;
    background-image: url(../img/01_fukidashi1.png);
    background-repeat: no-repeat;
    background-size: cover;
    letter-spacing: 0;
}
#section1_firstView .first-view .sub-title p {
    font-size: 5.4vw;
    padding-top: 3px;
}
#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: 14vw;
    line-height: 1.05;
}
#section1_firstView .first-view .title em {
    font-size: 17vw;
}
#section1_firstView .first-view .title em::after {
    width: 10px;
    height: 10px;
    top: 5px;
    left: 40px;
}
#section1_firstView .first-view .title em::before{
    content: "";
    position: absolute;
    width: 10px;
    height: 10px;
    top: 5px;
    left: 105px;
    border-radius: 100px;
    background-color: #f37a34;
}
#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: 35vw;
}
#section1_firstView .copy .sub-copy {
    display: inline-block;
    font-size: 5.333vw;
    line-height: 1;
    padding: 0;
    text-align: center;
}
#section1_firstView .first-view .sub-copy .sub01 {
    position: relative;
    font-size: 8vw;
    margin-bottom: 1vw;
    margin-left: 0;
}
#section1_firstView .first-view .sub-copy .sub01::before {
    display: none;
}
#section1_firstView .first-view .sub-copy .sub01::after {
    content: "";
    position: absolute;
    background: url(../img/01_fukidashi03.png) no-repeat center center;
    background-size: cover;
    width: 22px;
    height: 20px;
    top: -18px;
    left: 50px;
    transform: rotate(-35deg);
}
#section1_firstView .first-view .sub-copy .sub01 small {
    font-size: 5.067vw;
}
#section1_firstView .first-view .sub-copy p {
    font-size: 9.333vw;
    display: block;
    margin-right: 0;
}
#section1_firstView .copy .main-copy {
    font-size: 7.5vw;
    line-height: 1.4;
    letter-spacing: -0.1em;
    margin-bottom: 0;
}
#section1_firstView .first-view .main-copy::after {
    width: 17px;
    height: 15px;
    top: 45px;
    right: 75px;
    transform: rotate(15deg);
}
/* 特徴 */
#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: 93vw;
    height: 64.4vw;
    background: url(../img/sp_01_Illust.png) no-repeat center center;
    background-size: cover;
    top: 49vw;
    right: -7vw;
}
#section1_firstView .first-view .copy img {
    width: 100%;
}
#section1_firstView .cta_btns{
    display: block;
    width: 92%;
    margin: 10px auto 0;
    padding: 0;
}
#section1_firstView .cta_btns .btn_download {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    border-radius: 0.5rem;
    font-size: 5.867vw;
    font-weight: bold;
    color: #fff;
    letter-spacing: 0;
    background-color: #f37a34;
    box-shadow: 2px 2px 2px rgba(102, 102, 102, 0.4);
    padding-left: 8vw;
    width: 100%;
    height: 18.667vw;
    position: relative;
}
#section1_firstView .cta_btns .btn_download::after {
    content: "";
    display: block;
    position: absolute;
    width: 6.4vw;
    height: 6.4vw;
    background: url(../img/01_icon-dl.png) no-repeat center center;
    background-size: cover;
    top: 0;
    bottom: 0;
    right: 5.333vw;
    margin: auto 0;
}

/* FV SP 無料相談ボタン（他の無料相談ボタンと統一） */
#section1_firstView .cta_btns .btn_consult_sp {
    position: relative;
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 18.667vw;
    margin-top: 4vw;
    border-radius: 0.5rem;
    font-size: 5.867vw;
    font-weight: bold;
    color: #ffffff;
    background-color: #3ea84f;
    box-shadow: 2px 2px 2px rgba(102, 102, 102, 0.4);
    text-decoration: none;
    letter-spacing: 0;
}
/* 左端：メールアイコン */
#section1_firstView .cta_btns .btn_consult_sp::before {
    content: "";
    position: absolute;
    width: 6vw;
    height: 6vw;
    background: url(../img/05_mail.png) no-repeat center;
    background-size: contain;
    left: 5.333vw;
    top: 0;
    bottom: 0;
    margin: auto 0;
}
/* 右端：矢印アイコン */
#section1_firstView .cta_btns .btn_consult_sp::after {
    content: "";
    position: absolute;
    width: 6vw;
    height: 6vw;
    background: url(../img/05_next.png) no-repeat center;
    background-size: contain;
    right: 5.333vw;
    top: 0;
    bottom: 0;
    margin: auto 0;
}
#section1_firstView .cta_btns .btn_consult_sp:active {
    box-shadow: none;
    position: relative;
    top: 0.4rem;
}
/**************************************************/
/***** sec2 実績 **********************************/
/*************************************************/
#section2_achievement {
    padding-bottom: 10.5vw;
    background: url(../img/02_spback.png) no-repeat center center;
    background-size: cover;
}
#section2_achievement .box {
    display: block;
}
#section2_achievement .case {
    width: 81vw;
    margin: 0 auto 30px;
}
#section2_achievement .case:last-of-type {
    margin-bottom: 0;
}
#section2_achievement .head-txt {
    font-size: 10.7vw;
}
#section2_achievement .head-txt span {
    font-size: 6vw;
}
#section2_achievement .item-box h4 {
    font-size: 9vw;
    padding: 15px 0px 15px 35px;
}
#section2_achievement .item-box h4 span::after {
    width: 11vw;
    height: 8.5vw;
    top: 1.5vw;
    left: 25vw;
}
#section2_achievement .inner {
    gap: 10px;
}
#section2_achievement .inner p {
    font-size: 5.5vw;
}
#section2_achievement .sec-title {
    margin-top: 0;
    margin-left: 0;
    margin-bottom: 7vw;
    font-size: 7vw;
    padding: 4vw 0;
}
/* ＼　／ */
#section2_achievement .sec-title span::before, 
#section2_achievement .sec-title span::after {
    height: 6.667vw;
}
#section2_achievement .sec-title span::before {
    bottom: 1.333vw;
    left: -4vw;
}
#section2_achievement .sec-title span::after {
    bottom: 1.333vw;
    right: -4vw;
}

/**************************************************/
/***** sec3 こんなお悩みありませんか？ **************/
/*************************************************/
#section3_problem {
    padding: 8vw 0 82vw;
    margin-bottom: 35vw;
    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.5vw;
    letter-spacing: -0.8vw;
    text-shadow: 2px 2px 10px #666666;
}
#section3_problem .sec-title .dot {
    padding-top: 3vw;
    letter-spacing: 0em;
}
#section3_problem .sec-title .dot::before {
    top: 0px;
    left: 40%;
    width: 6px;
    height: 6px;
}
/* 吹き出し */
#section3_problem ul {
    display: block;
    position: relative;
}
#section3_problem ul li {
    position: absolute;
    top: 0;
    font-size: 4vw;
    line-height: 1.5;
    text-align: left;
}
#section3_problem ul li:nth-child(1) {      /* 1つ目吹き出し */
    width: 60vw;
    height: 40vw;
    padding-top: 6vw;
    padding-left: 0;
    margin: 0;
    top: 0;
    left: 0;
    background-image: url(../img/03_sp_fukidashi1.png);
    background-repeat: no-repeat;
    background-size: cover;
}
#section3_problem ul li:nth-child(2) {      /* 2つ目吹き出し */
    width: 48vw;
    height: 38vw;
    padding-top: 5vw;
    padding-left: 0;
    top: 22vw;
    right: 0;
    background-image: url(../img/03_sp_fukidashi2.png);
    background-repeat: no-repeat;
    background-size: cover;
}
#section3_problem ul li:nth-child(3) {      /* 3つ目吹き出し */
    width: 55vw;
    height: 38vw;
    padding-top: 6vw;
    padding-left: 0;
    margin: 0;
    top: 35vw;
    left: 0;
    background-image: url(../img/03_sp_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: 48vw;
    height: 48vw;
    background: url(../img/03_Illust.png) no-repeat center center;
    background-size: contain;
    bottom: -39vw;
}

/**************************************************/
/***** sec4 解決 **********************************/
/**************************************************/
#section4_solution {
background-size: 100%;
    padding-top: 3.37rem;
    padding-left: 1rem;
    padding-right: 1rem;
}
#section4_solution .sec-title .sub-title span {
    font-size: 6.2vw;
    background: url(../img/04_title-back.png) no-repeat top 24px left 5px;
    background-size: 45vw;
    padding: 10vw 6vw 6vw 9vw;
    margin-bottom: 0;
}
/* タイトル */
#section4_solution .sec-title {
    font-size: 12.8vw;
    line-height: 1.5;
    margin-bottom: 0;
}
#section4_solution .sec-title div {
    display: block;
    margin-top: 0;
}
#section4_solution .head-txt {
    margin-bottom: 0;
}
#section4_solution .head-txt img {
    width: 100%;
}
#section4_solution .conclusion {
    font-size: 6.5vw;
    margin-bottom: 4vw;
    border-bottom: none;
}
#section4_solution .conclusion::after {
    content: "";
    position: absolute;
    width: 18vw;
    height: 17vw;
    top: 36px;
    left: -5px;
    background: url(../img/04_sp_fukidashi_txt.png) no-repeat center center;
    background-size: cover;
}
#section4_solution .conclusion span {
    font-size: 9vw;
    display: inline-block;
    margin-left: 65px;
    border-bottom: 3px dotted #336699;
}
#section4_solution .head-txt div img {
    width: 62vw;
}
#section4_solution .sec-title .sub-title p {
    display: block;
    font-size: 6.7vw;
}
#section4_solution .sec-title .sub-title span::after {
    display: none;
}
#section4_solution .sec-title .sub-title p em::after {
    width: 85%;
    height: 22px;
}
#section4_solution .sec-title .main-title {
    display: block;
    font-size: 9.5vw;
    margin-top: 0;
    letter-spacing: 0;
}
#section4_solution .sec-title .main-title img {
    width: 100%;
    margin-right: 0;
}
#section4_solution .sec-title .main-title span {
    margin: 0px;
}
/* 解決方法 */
#section4_solution #sec4_solutions {
    flex-direction: column;
    justify-content: start;
    gap: 3.3rem;
    margin-top: 2.1rem;
    width: 100%;
}
#section4_solution #sec4_solutions li.flex-wrapper {
    width: 100%;
    padding: 2vw 0 5.3vw;
    border-radius: 1rem;
    margin-bottom: 5.333vw;
}
#section4_solution #sec4_solutions li.flex-wrapper:last-of-type {
    margin-bottom: 0;
}
/* コピー */
#section4_solution #sec4_solutions .title .sub-title{
    margin: 0 auto;
    font-size: 6.5vw;
    font-weight: bold;
    margin-bottom: 1.4vw;
    letter-spacing: normal;
}
#section4_solution #sec4_solutions .title {
    margin: 0 auto;
    font-size: 8.78vw;
    font-weight: bold;
    letter-spacing: -1.5px;
}
#section4_solution #sec4_solutions li.flex-wrapper .point {
    position: inherit;
    top: 2vw;
    left: 0;
    font-size: 8.8vw;
    transform: rotate(0);
    line-height: 1;
}
#section4_solution #sec4_solutions img { margin: 0 auto; } /* 画像を中央配置 */
/* 各画像サイズ */
#section4_solution #sec4_solutions #sec4_part01 img {   /* part01画像 */
    width: 60vw;
    margin-top: 1vw;
    margin-bottom: 3vw;
}
#section4_solution #sec4_solutions #sec4_part02 img {   /* part02画像 */
    width: 59.467vw;
    margin-top: 0;
    margin-bottom: 3vw;
}
#section4_solution #sec4_solutions #sec4_part03 img {   /* part03画像 */
    width: 31.7rem; 
    margin-top: 0;
    margin-bottom: 2vw;
}
#section4_solution #sec4_solutions #sec4_part02 .title {
    margin-bottom: 0;
}
/* 解決ポイント */
#section4_solution #sec4_solutions {
    display: block;
    font-size: 1.3rem;
    font-weight: 400;
    letter-spacing: 0.045em;
    line-height: 2;
}
#section4_solution #sec4_solutions .red {
    font-size: 4.267vw;
}
#section4_solution #sec4_solutions .list li {
    display: flex;
    align-items: center;
    font-size: 4vw;
    margin-bottom: 1.5vw;
}
#section4_solution #sec4_solutions .list li::before {
    content: '';
    display: block;
    width: 4.267vw;
    height: 4.267vw;
    margin-left: 1.333vw;
    margin-right: 1.333vw;
    background-image: url(../img/04_check.png);
    background-size: 4.267vw;
    background-repeat: no-repeat;
}

/**************************************************/
/***** sec5 CTA ***********************************/
/******CTA共通の設定はファーストビューの上 ***********/
/**************************************************/
#section5_cta {
    padding: 10.667vw 0;
}
#section5_cta .sec-title {
    font-size: 5vw;
    letter-spacing: -0.18rem;
}
#section5_cta .sec-title .sub-title {
    margin-bottom: 0;
    gap: 15px;
}
#section5_cta .sec-title .sub-title::after, #section5_cta .sec-title .sub-title::before {
    width: 0.533vw;
    height: 5.333vw;
}
#section5_cta .sec-title .sub-title::before {
    bottom: 1.333vw;
    left: -15px;
}
#section5_cta .sec-title .sub-title::after {
    bottom: 1.333vw;
    right: -15px
}
#section5_cta .cta-wrapper {
    width: 100%;
}
#section5_cta .cta-wrapper .cta_btns {
    margin: 4vw 3vw;
    gap: 15px ;
}
#section5_cta .cta-wrapper .cta_btns div {
    width: 100%;
}
#section5_cta .cta-wrapper .cta_btns a:first-of-type::after {
    width: 6.933vw;
    height: 6.933vw;
    left: 8vw;
}
#section5_cta .cta-wrapper .cta_btns a:first-of-type::before {
    width: 4.8vw;
    height: 4.8vw;
}
#section5_cta .cta-wrapper .cta_btns a:last-of-type::after {
    width: 6.4vw;
    height: 6.4vw;
    right: 5.333vw;
}
#section5_cta .cta-wrapper .cta_btns div.btn_consult::after {
    width: 6vw;
    height: 6vw;
}
#section5_cta .cta-wrapper .cta_btns div.btn_download::after {
    right: 15px;
}

/**************************************************/
/***** sec6 解決できる未来がたくさんあります *********/
/**************************************************/
#section6_about {
    padding: 10.667vw 0;
}
#section6_about .sec-title {
    font-size: 4.8vw;
    line-height: 1.6;
    margin-bottom: 5vw;
}
#section6_about .sec-title div.sp-only {
    display: block;
    gap: 0;
}
#section6_about .sec-title div img {   
    width: 73vw;
    margin: 0 auto;
}
/* ＼　／ */
#section6_about .sec-title::before, 
#section6_about .sec-title::after {
    width: 13vw;
    border-bottom: 6px dotted #336699;
}
#section6_about .sec-title::before {
    transform: rotate(-120deg);
    top: 2vw;
    left: -10vw;
}
#section6_about .sec-title::after {
    transform: rotate(115deg);
    top: 1vw;
    right: -10vw;
}
#section6_about .sec-title p {
    position: relative;
    display: inline-block;
    text-decoration: none;
    font-size: 8vw;
    margin-right: -17vw;
    line-height: 1.4;
    margin-top: 4vw;
}
#section6_about .sec-title p span {
    font-size: 10vw;
}
#section6_about .sec-title p span::after {
    top: 0px;
    left: 40%;
    width: 7px;
    height: 7px;
}
/* メリット */
#section6_about #sec6_merit {
    position: relative;
    display: block;
    margin-left: 0;
    margin-bottom: 3vw;
}
/* メリット イメージ */
#section6_about #sec6_merit img {
    position: absolute;
    top: -35vw;
    z-index: 1;
    width: 26vw;
    left: -6vw;
}
/* メリット01～03 */
#section6_about #sec6_merit ul {
    position: relative;
    width: 98%;
    height: auto;
    margin: 0 auto;
    padding: 3vw 2.667vw;
    background-color: #fff;
    background-image: none;
    z-index: 2;
    border: 2px solid #336699;
    border-radius: 1.6vw;
}
#section6_about #sec6_merit ul li {
    display: flex;
    margin-bottom: 2.667vw;
    padding-bottom: 2.667vw;
    font-size: 4.533vw;
    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;
    font-size: 8vw;
    margin-right: 2.667vw;
}
#section6_about #sec6_merit ul li span::after {
    height: 5.333vw;
}
/*** 比較表 ***/
#section6_about .comparative_table {
    position: relative;
    padding: 0.4rem 0.6rem 0.4rem 0.7rem;
    width: 100%;
    margin-bottom: 2vw;
}
#section6_about .comparative_table .table {
    margin-bottom: 0;
}
/* 枠線 */
#section6_about .comparative_table .waku {
    align-items: start;
    width: 100%;
    padding: 0;
}
/*** 比較表本体 ***/
#section6_about .comparative_table .table-title {
    font-size: 6vw;
    width: 90.4vw;
    height: 18.933vw;
    padding-top: 3vw;
    margin: 0 auto;
}
/* 共通 */
#section6_about .comparative_table .table .cell {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 14.133vw;
    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: 20%;
    font-size: 4vw;
    box-sizing: border-box;
    margin-top: 4vw;
    margin-right: 1.333vw;
    overflow: clip;
}
#section6_about .comparative_table #sec6_table-header .cell {
    height: 14.133vw;
    font-size: 4vw;
    align-items: center;
    line-height: 1.1;
}
#section6_about .comparative_table #sec6_table-header span {
    font-size: 2.667vw;
}
/*** 自社列 ***/
#section6_about .comparative_table #sec6_row_me {
    width: 38%;
    font-size: 1.4rem;
    line-height: 1.4;
    margin-top: 0;
    border: #f4614a 4px solid;
    letter-spacing: 0;
    margin-right: 1.333vw;
    border-radius: 2.667vw 2.667vw 0 0;
}
/* 1段目 */
#section6_about .comparative_table #sec6_row_me .name {
    height: 16.533vw;
    border-radius: 8px 8px 0 0
}
#section6_about .comparative_table #sec6_row_me .name img {
    width: 24vw;
}
/* 2段目：月額 */
#section6_about .comparative_table #sec6_row_me .monthly_fee {
    display: block;
    font-size: 3.2vw;
}
#section6_about .comparative_table #sec6_row_me .monthly_fee .number {
    font-size: 8vw;
}
/* 3段目：初期費用 */
#section6_about .comparative_table #sec6_row_me .startup_cost::after {
    display: none;
}
/* 4段目：投稿本数 */
#section6_about .comparative_table #sec6_row_me .posts .number {
    font-size: 8vw;
}
#section6_about .comparative_table #sec6_row_me .posts p {
    font-size: 4.533vw;
    align-items: baseline;
}
/* 5～8段目：●▲✕ */
#section6_about .comparative_table #sec6_row_me .note_small {
    font-size: 2.933vw;
    font-weight: 200;
    position: absolute;
    right: 0;
    left: 0;
    bottom: 1.067vw;
}
#section6_about .comparative_table #sec6_row_me .shapes {
    font-size: 8vw;
}
#section6_about .comparative_table #sec6_row_me .tiktok::after {
    width: 6.933vw;
    height: 6.933vw;
}
#section6_about .comparative_table #sec6_row_me .instagram::after {
    width: 7.2vw;
    height: 7.2vw;
}
#section6_about .comparative_table #sec6_row_me .line::after {
    width: 6.933vw;
    height: 6.933vw;
    margin: 0;
    top: 2.667vw;
}
/* ▲の位置調整 */
#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: 29%;
    margin: 4.533vw 1.333vw 0 0;
}
#section6_about .comparative_table #sec6_row_oteer1 .name {     /* 1段目 */
    height: 12.8vw;
    padding: 0;
}
/* Instagram運用代行会社 */
#section6_about .comparative_table #sec6_row_oteer2 {       
    width: 29%;
    margin: 4.533vw 0 0 0;
}
#section6_about .comparative_table #sec6_row_oteer2 .name {     /* 1段目 */
    height: 12.8vw;
    padding: 0;
}
/*** TikTok運用代行会社とInstagram運用代行会社共通 ***/
#section6_about .comparative_table .other {
    font-size: 1.2rem;
}
#section6_about .comparative_table .other .number {
    font-size: 6.4vw;
}
/* 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.4vw;
    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.8vw;
}
#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 .comparative_table #sec6_row_me p {
    font-size: 5vw;
}
#section6_about .comparative_table #sec6_row_me .number {
    font-size: 9.5vw;
}
#section6_about .comparative_table #sec6_row_me .monthly_fee p {
    font-size: 3.3vw;
}
#section6_about .comparative_table #sec6_row_me .monthly_fee .note { 
    font-size: 2.8vw;
    margin-top: 0;
}

#section6_about .comparative_table #sec6_row_me .advertising::after {
    width: 6.5vw;
    height: 8vw;
    top: 0;
    bottom: 0;
    margin: auto 0;
    left: 2vw;
}
#section6_about .comparative_table #sec6_row_me .advertising {
    display: flex;
    align-items: center;
}
/* #section6_about .comparative_table #sec6_row_me .application p span::after {
    display: none;
} */
#section6_about .comparative_table #sec6_row_me .application p {
    position: relative;
    padding-top: 5px;
}
#section6_about .comparative_table #sec6_row_me .application p .tktok::after {
    content: "";
    width: 5.5vw;
    height: 5.5vw;
    position: absolute;
    top: -20px;
    bottom: 0;
    margin: auto 0;
    background: url(../img/06_tiktok.png) no-repeat center center;
    background-size: cover;
    left: -8vw;
}
#section6_about .comparative_table #sec6_row_me .application p .instagram::after {
    content: "";
    width: 5.5vw;
    height: 5.5vw;
    position: absolute;
    top: 0;
    bottom: -10px;
    margin: auto 0;
    background: url(../img/06_instagram.png) no-repeat center center;
    background-size: cover;
    left: -8vw;
}
#section6_about .comparative_table #sec6_row_me .application p span.shapes::after {
    display: none;
}
#section6_about .comparative_table #sec6_table-header .application {
    background-color: #ffffff !important;
    padding-top: 3vw;
}
#section6_about .comparative_table #sec6_table-header .planning {
    background-color: #fdf5e6 !important;
    padding-top: 3vw;
}
#section6_about .comparative_table .other p {
    font-size: 3.4vw;
}

/* スワイプ用 */
#section6_about .table {
    overflow: hidden;
    width: 100%;
}
#section6_about .table .scroll-colomuns {
    width:100%;
    display: inline-flex;
    overflow: auto;
}

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

/**************************************************/
/***** sec7 母集団形成から歩留まり改善まで・・・ *****/
/**************************************************/
#section7_plan {
    padding: 8vw 0 0;
}
#section7_plan .sec-title p:first-of-type {
    font-size: 10vw;
    line-height: 1.2;
}
#section7_plan .sec-title p:first-of-type small {
    font-size: 6vw;
}
#section7_plan .sec-title p:last-of-type span {
    font-size: 10vw;
}
#section7_plan .sec-title p:last-of-type small {
    font-size: 6vw;
}
#section7_plan .sec-title p:last-of-type {
    font-size: 10vw;
}
#section7_plan .sec-title .big {
    font-size: 2.5rem;
}
#section7_plan ul.plan li .logo {
    width: 29vw;
    padding: 20px 10px;
}
#section7_plan ul.plan li .logo span {
    font-size: 3.8vw;
}
#section7_plan ul.plan li .logo::after {
    height: 26.5vw;
}
#section7_plan ul.plan li .text {
    padding: 20px 5px 20px 0;
}
#section7_plan ul.plan li .text h4 {
    font-size: 6.5vw;
    margin-bottom: 1.4vw;
}
#section7_plan ul.plan li .text p {
    font-size: 4vw;
}
/* プラン */
#section7_plan .flex-wrapper {
    display: block;
    margin-top: 2.667vw;
    margin-bottom: 0;
}
#section7_plan .flex-wrapper .plan_left {
    margin-bottom: 0;
    gap: 0;
}
#section7_plan .plan_right::after {
    content: "";
    position: absolute;
    width: 6.667vw;
    height: 6.667vw;
    background: url(../img/07_plus.png) no-repeat center center;
    background-size: cover;
    top: -10.133vw;
    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_instagram .logo span {
    font-size: 3.3vw;
}
#section7_plan #sec7_ad .title { letter-spacing: -0.04em; }

#section7_plan .plan li {
    padding: 4vw;
}
#section7_plan .plan_left .plan:last-of-type li {
    padding: 0
}
#section7_plan .plan li .text h4 {
    font-size: 5.867vw;
    margin-bottom: 2.667vw;
}
#section7_plan .plan_left .plan:last-of-type li .text h4 {
    font-size: 5.8vw;
    letter-spacing: -0.07em;
}
#section7_plan .plan li .text h4 span {
    font-size: 3.2vw;
}
#section7_plan .plan li .text p {
    font-size: 4.267vw;
}
/* アイコン */
#section7_plan .plan li .logo {
    width: auto;
    margin-right: 4vw;
    padding-right: 4vw;
}
#section7_plan .plan li .logo span {
    font-size: 3.733vw;
    white-space: nowrap;
}
/* TikTok */
#section7_plan ul.plan li .logo img {
    width: 18.667vw;
    height: 18.667vw;
    margin: 0 auto 10px;
}
/* Instagram */
#section7_plan #sec7_instagram .logo img {
    width: auto;
    height: 18.5vw;
}
/* 広告 */
#section7_plan #sec7_ad .logo {
    padding-right: 2vw;
}
#section7_plan #sec7_ad .logo img{
    width: 16vw;
    height: 18.667vw;
}
/* Line */
#section7_plan #sec7_line {
    padding: 6.667vw 4vw 4vw 4vw;
}
#section7_plan #sec7_line li {
    padding: 0;
}
#section7_plan #sec7_line .logo {
    position: relative;
    padding-top: 4vw;
}
#section7_plan #sec7_line .logo .head {
    position: absolute;
    width: 100%;
    background-color: #f4614a;
    font-size: 3.733vw;
    color: #fff;
    padding: 1.333vw;
    top: -4vw;
    right: 2.133vw;
}
#section7_plan #sec7_line .logo span {
    font-size: 3.2vw;
}
/* 名前 */
/* 共通 */
#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: 0 0 9vw;
    background-repeat: repeat;
    background-size: 100%;
}
#section9_project .sec-title {
    width: 100%;
    font-size: 6.2vw;
    padding: 4vw 0;
    margin-bottom: 20vw;
    border-radius: 0;
}
#section9_project .flex-wrapper {
    display: block;
    margin-top: 0;
    margin-bottom: 4vw;
}
#section9_project .flex-wrapper::after {
    display: none;
}
#section9_project .project:not(:last-child) {
    margin-top: 0
}
#section9_project .project .title {
    padding: 4vw 0;
}
#section9_project .project:last-of-type .title {
    font-size: 8.7vw;
    padding: 6.5vw 0;
}
/*** プロジェクトの説明 ***/
#section9_project .project {
    position: relative;
    width: 95%;
    margin: 0px auto 9.5vw;
    z-index: 2;
}
#section9_project .project::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: -153vw;
    right: 0;
    left: 0;
    margin: auto;
    width: 13vw;
    height: 4.8vw;
    background-color: #336291;
    clip-path: polygon(50% 19px, 0% 0%, 50px 0%);
}
#section9_project .project:last-of-type {
    margin: 0 auto;
}
#section9_project .project:last-of-type::after {
    display: none;
}
#section9_project .project .step {
    width: 28.267vw;
    height: 12.8vw;
    font-size: 5.333vw;
    padding: 2.133vw 0 0 3.467vw;
    background-size: cover;
    top: -10.4vw;
    left: -0.533vw;
}

#section9_project .project:first-of-type .step{
    width: 32.533vw;
    padding: 2.133vw 0 0 3.467vw;
    background: url(../img/09_step1.png) no-repeat center center;
    background-size: cover;
}
#section9_project #sec9_1month::before {
    content: "";
    position: absolute;
    background: url(../img/09_sp_title01.png) no-repeat center center;
    background-size: cover;
    width: 100%;
    height: 10vw;
    top: -10vw;
    left: 0;
}
#section9_project #sec9_2month {
    margin: 0px auto 17vw;
}
#section9_project #sec9_2month::after {
    bottom: -142vw;
}
#section9_project #sec9_2month::before {
    content: "";
    position: absolute;
    background: url(../img/09_sp_title02.png) no-repeat center center;
    background-size: cover;
    width: 100%;
    height: 10vw;
    bottom: -10vw;
    left: 0;
}
#section9_project .project dt {
    font-size: 5.867vw;
}
#section9_project .project dt::before {
    width: 5.6vw;
    height: 5.6vw;
}
#section9_project .project dd {
    font-size: 4.533vw;
}
/** プロジェクトの説明 **/
#section9_project .project .contens {
    padding-top: 1.5rem;
}
/*** 貴社に合わせた・・・ ***/
#section9_project .message {
    margin-top: 0;
    font-size: 4.8vw;
}
#section9_project .message span {
    gap: 5px;
}
#section9_project .message span::after, 
#section9_project .message span::before {
    height: 8vw;
}

/**************************************************/
/***** sec10 ご利用の流れ **************************/
/**************************************************/
#section10_flow {
    padding-top: 8vw;
    padding-bottom: 10.667vw;
    background-color: #fff;
}
#section10_flow .sec-title { 
    padding: 4vw 0;
    margin-bottom: 0;
}
#section10_flow .sec-title span {
    font-size: 8.2vw;
}
#section10_flow .arrow_bottom {
    margin: 0 auto 5.5vw;
    width: 52vw;
}
#section10_flow .flex-wrapper {
    margin-top: 2.0rem;
    margin-left: 0;
}
#section10_flow .flow {
    width: 95%;
    position: relative;
    margin: 0 auto 3vw;
    min-height: 19.3vw;
    border: 1px solid #f37a34;
    border-radius: 0;
}
#section10_flow .flow:last-of-type {
    margin: 0 auto;
}
#section10_flow .flow dl {
    position: relative;
    padding: 0 10vw 2vw 2vw;
    z-index: 1;
}
#section10_flow .flow dt span {
    font-size: 5vw;
    color: #f37a34;
    margin-bottom: 1.333vw;

}
#section10_flow .flow dd {
    font-size: 1.5rem;
}
#section10_flow .flow::before {
    content: "";
    position: absolute;
    top: -4.8vw;
    left: 5.333vw;
    clip-path: none;
    margin: 0;
}
#section10_flow .flow dl::after {
    width: 24px;
    height: 24px;
    right: 10px;
}
/* ステップ */
#section10_flow .step_box {
    width: 14vw;
    background: linear-gradient(to right, #f37a34 0%, #fcc730 100%);
    padding: 5vw 0 0;
}
#section10_flow .step {
    font-size: 3.2vw;
}
#section10_flow .sec10_step::after {
    left: 9.5vw;
}
#section10_flow .step .number {
    display: block;
    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 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: 8vw 0 10vw;
}
#section11_contact .form-wrapper {
    width: 100%;
    padding: 4vw 2vw;
    background-color: #fff0d7;
    border-radius: 8px;
    box-shadow: 0 2px 15px rgba(0, 0, 0, 0.06);
    overflow: hidden;
}
#section11_contact .form-wrapper .sec-title span {
	font-size: 34px;
}
/* 影の疑似要素をSPでは非表示 */
#section11_contact .form-wrapper::after {
    display: none;
}
/* メッセージ */
#section11_contact .form-wrapper .message {
    font-size: 3.733vw;
    line-height: 1.6;
    display: block;
    text-align: center;
}
/* プライバシーポリシー */
#section11_contact .card-body .privacy-label {
    font-size: 3.2vw;
    white-space: normal;
    line-height: 1.4;
}
/* 資料をダウンロードボタン */
#section11_contact .card-body .btn {
    width: 100%;
    height: 16vw;
    font-size: 4.8vw;
    padding-left: 8vw;
    justify-content: flex-start;
}
#section11_contact .card-body .btn::after {
    width: 5.333vw;
    height: 5.333vw;
    right: 4vw;
}
/**************************************************/
/***** sec12 よくある質問 **************************/
/**************************************************/
#section12_qa {
    padding: 10.667vw 5.333vw;
    margin-top: 10.667vw;
}
#section12_qa .sec-title {
    font-size: 7.2vw;
    margin-bottom: 5.333vw;
}
#section12_qa .sec-title span {
    font-size: 4.8vw;
}
#section12_qa .qa {
    width: 100%;
}
#section12_qa dl {
    gap: 0;
    width: 100%;
    padding: 4vw;
    border-radius: 1.333vw;
}
#section12_qa dl:last-of-type {
    margin-bottom: 0;
}
/* 質問 */
#section12_qa dt {
    padding-left: 8vw;
    font-size: 4.8vw;
    line-height: 1.2;
}
#section12_qa dt::before {
    font-size: 4.533vw;
    width: 6.133vw;
    height: 6.133vw;
    line-height: 6.133vw;
}
/* 答え */
#section12_qa dd {
    padding-left: 0;
    font-size: 4vw;
    line-height: 1.5;
}
#section12_qa dd::before {
    font-size: 4.533vw;
    width: 6.133vw;
    height: 6.133vw;
    line-height: 6.133vw;
}

.section13_cta {
    padding: 10.667vw 0;
}
.section13_cta .cta-wrapper {
    width: 100%;
    padding: 0 2.8vw;
}
.section13_cta .sec-title .sub-title {
    white-space: nowrap;
    letter-spacing: -0.533vw;
}

/**************************************************/
/***** footer *************************************/
/**************************************************/
#footer {
    padding: 4vw 0;
}
#footer .box {
    display: block;
}
#footer .box ul {
    position: relative;
    justify-content: center;
    margin-bottom: 2vw;
}
#footer .box ul li:first-of-type {
    margin-right: 5vw;
}
#footer .box ul li a {
    font-size: 3.8vw;
}
#footer .box .copyright {
    font-size: 3.8vw;
}
