/*******************************************************************/
/******************* sp： ～ 767px *******************************/
/*******************************************************************/
html {  font-size: calc(100vw / 100 );  /* remの基準値：1rem=10px */ }
/* spのみ表示 */
.pc { display: none; } /* PC表示用 */
.sp { display: block; }  /* sp表示用 */
span.pc { display: none; } /* PC表示用 */
span.sp { display: inline; }  /* span要素のときはinline */
br.pc-only { display: none; } 
br.sp-only { display: inline; }
/**************************************************/
/***** ヘッダー ************************************/
/**************************************************/
#header {
    align-items: start;
    box-sizing: border-box; /* paddingも大きさに含める */
    padding: 4.7rem 4.6rem 3.9rem 3.8rem;
    background-color: #fefbf5;
    scrollbar-gutter: stable both-edges; 
}

/*** タイトル ***/
#header .header-title {
    font-size: 5.0rem;
}
/* グローバルナビゲーション用 */
#header .nav {
    right: 0;
}
/***** バーガーメニューボタン *****/
/*** 全般 ***/
#header .menu .openbtn {
    width: 7.6rem;
    height: 5.3rem;
}

/**************************************************/
/***** メインコンテンツ ****************************/
/*************************************************/
/* 変更なし */
/**************************************************/
/***** ページトップへボタン *************************/
/**************************************************/
.btn-pagetop {
    right: 3.6rem;
    bottom: 30.0rem;
    width: 3.8rem;
}

/**************************************************/
/***** ファーストビュー ****************************/
/*************************************************/
#firstView {
    background-image: url(../img/sp/01_FV_back.png);
    background-size: 100%;
    background-position: right 0 top 0;
    padding-bottom: 3.4rem;
}
/* ５人で生産性を・・・ */
#firstView .Copy {
    margin-top: 0.3rem;
    margin-left: 0rem;
    width: 68.6rem;
}
/* AI×MEOを活用した・・・ */
#firstView .subCopy {
    margin-top: -5.0rem;
    margin-left: 0rem;
    width: 56.2rem;
}
/* リニューエステートプログラム */
#firstView .title {
    margin-left: 3.8rem;
    padding: 2.7rem 0;
    text-align: center;
}
#firstView #fv_title1 { 
    width: 67.2rem;
    margin-top: 0.8rem; 
}
#firstView #fv_title2 {
    width: 40.5rem;
    margin-top: 2.8rem; 
}
/* 本研修は・・・ */
#firstView .performance {
    top: 50.8rem;
    left: 40.9rem;
    width: 59.1rem;
}
/* ４つのバッジ */
#firstView #fv_badge {
    display: grid;
    grid-template-columns: repeat(2, 34.3rem);
    gap: 2.4rem 4.6rem;
    margin-top: 11.5rem;
}
/* 個々のバッジ */
.badge {
    width: 35.3rem;
    height: 34.5rem;
    background-color: #faf3e4;
    border: #f4a423 3px solid;
}
.badge .icon {
    width: 13.1rem;
    margin-top: -1.1rem;
}
/*** 見出し ***/
.badge .head {
    margin-top: 2.5rem;
    font-size: 4.0rem;
}
/*** コンテンツ ***/
.badge .contents {
    width: 25.6rem;
    margin-top: 1.0rem;
}
.badge#merit_badge3 .contents { width: 27.7rem; } /* 3つ目のバッジは幅が大きい */
.badge .additional {
    margin-top: 1.4rem;
    font-size: 3.4rem;
}

/**************************************************/
/***** sec02 CTA **********************************/
/**************************************************/
.cta {
    gap: 1.3rem;
    height: 27.5rem;
    background-color: #322603;
}
.cta .mail {    
    width: 59.7rem;
    height: 18.5rem;
    padding-left: 5.2rem;
    font-size: 3.6rem;
    font-weight: 500;
}
.cta .mail::before {
    width: 8.2rem;
    height: 5.9rem;
    margin-right:1.7rem ;
}
.cta .line {    
    width: 35.7rem;
    height: 18.2rem;
    padding-left: 3.6rem;
    font-size: 3.6rem;
    font-weight: 500;
}
.cta .line::before {
    content: '';
    width: 8.6rem;
    height: 8.6rem;
    margin-right: 3.1rem ;
    background-image: url(../img/02_icon_line.png);
    background-repeat: no-repeat;
    background-size: contain;
}
.cta .line .smal { font-size: 3.0rem; } 

/**************************************************/
/***** sec03 こんなお悩みありませんか？ *************/
/*************************************************/
#problem {
    padding-top: 9.6rem;
}
/* セクションタイトル */
#problem .sec-title {
    margin-top: 0;
    margin-right: 0.1rem;
    color: #fff;
    letter-spacing: 0;
}
#problem .wrapper .image {  /* 位置だけ修正 */
    top: -3.5rem; 
    left: 68.5rem;
}
/* 具体的な悩み */
#problem .detail {
    gap: 5.5rem;
    width: 92.1rem;
    height: 65.4rem;    
    padding: 7.6rem 0 11.7rem  11.1rem;
    margin-top: 7.6rem;
}
#problem .detail li {
    font-size: 3.8rem;
}
/* 文の前のチェックマーク */
#problem .detail li::before {
    width: 5.1rem;
    height: 5.0rem;
    margin-right: 2.0rem;
}
/* 下の三角形 */
#problem .triangle-wrapper { 
    margin-top: 14.5rem;
    height: 5.6rem;
}

/**************************************************/
/***** sec04 これら全て解決します！ *****************/
/**************************************************/
#solution {
    padding: 3.1rem 0 6.8rem 0;
}
/* セクションタイトル */
#solution .sec-title {
    margin-left: 7.7rem;
    justify-items: start;
    align-items: center;
    letter-spacing: 0;
}
#solution .sec-title img {  /* キツネのイラスト */
    width: 20.5rem;
}
#solution .sec-title h3 {
    margin-top: 0.0rem;
    margin-left: 1.2rem;
    line-height: 1;
}
/* コンテンツ */
#solution .solution-detail {
    flex-direction: column; /* spでは縦並び */
    gap: 5.0rem;
    margin-top: 1rem;
}
#solution .solution-detail .detail-wrapper {
    justify-content: center;
    width: 94.0rem;
    padding-left: 0;
}
#solution .solution-detail .detail-wrapper:nth-of-type(1) {
    height: 29.7rem;
    background-image: url(../img/sp/04_flame1.png);
}
#solution .solution-detail .detail-wrapper:nth-of-type(2) {
    height: 38.1rem;
    background-image: url(../img/sp/04_flame2.png);
}
#solution .solution-detail p {
    width: 92%;
    font-size: 3.8rem;
    line-height: 1.6;
}

#solution .solution-detail p .highlight.pc {
    display: inline;
    background: none;
}
/**************************************************/
/***** sec05 リニューエステートプログラムとは？ ******/
/**************************************************/
#about {
    padding: 8.2rem 0 7.2rem 0;
}
#about h3 {
    margin-top: -2.5rem;
}
/* 説明 */
#about .contets {
    width: 93.5rem;
    margin-top: 4.3rem;
    padding: 7.0rem 0 2.8rem 2rem;
}
#about .contets p {
    font-size: 3.8rem;
}
/* １段落目 */
#about .contets p.first {  
    line-height: 1.8;
}
/* ２段落目 */
#about .contets p.second { 
    margin-top: 5.5rem;
    margin-left: 0rem;
    line-height: 1.8;
    letter-spacing: -0.1rem;
}
/* ３段落目 */
#about .contets div.third {  
    margin-top: 7.5rem;
    margin-left: 0rem;
    letter-spacing: -0.15rem;
}
#about .contets div.third p {
    line-height: 1.7;
}
/* メリット */
#about .contets ul {
    gap: 2rem;
    margin-top: 0rem;
    margin-left: 0rem;
}
#about .contets ul li {
    padding: 0.2rem 1rem;
    font-size: 3.8rem;
    line-height: 1.6;
    letter-spacing: 0rem;
opacity: 1;
}
/* リスのイラスト */
#about .illust {
    position: absolute;
    top: 92rem;
    right: 3.5rem;
    width: 18.7rem;
}

/**************************************************/
/***** 06 不動産会社の課題 *************************/
/*************************************************/
#trouble {
    align-items: center;
    padding: 3.6rem 0  13.5rem;
}
/* 吹き出し(昨今の) */
#trouble .fukidashi {
    height: 8.2rem;
    background-image: url(../img/sp/06_fukidashi.png);
    background-repeat: no-repeat;
    background-size: contain;
}
#trouble .fukidashi p {
    font-size: 4.2rem;
    margin-top: 1.9rem;    
}
#trouble .fukidashi p .small {
    font-size: 3.8rem;
}
/* 不動産会社の課題 */
#trouble .sec-title {
    margin-top: 0.9rem;
    margin-left: -5rem;
}
#trouble .trouble-image{
    margin-bottom: 4.5rem;
}
/* 具体的な困りごと */
#trouble .detail dt {
    font-size: 5.0rem;
}
#trouble .detail dl dt::before {
    margin-left: -9rem;
}
#trouble .detail dl.ad dt::before {
    margin-left: -6rem;
    margin-right: -3rem;
}
#trouble .detail dl.overtime dt::before {
    margin-right: 0rem;
}
/* 内容 */
#trouble .detail dd {
    font-size: 3.8rem;
}
#trouble .detail dl.recruit dd {    /* 採用難 */
    padding: 3.5rem 0 3.5rem 8rem;
    line-height: 1.5;
}
#trouble .detail dl.ad dd {         /* 広告費高騰 */
    align-items: center;
    padding: 2.5rem 0 3.5rem 0;
    line-height: 1.9;
    letter-spacing: -0.1rem;
}
#trouble .detail dl.overtime dd {   /* 長時間労働 */
    padding: 3.5rem 0rem 5.0rem 0;
    align-items: center;
    line-height: 1.5;
}
/*** 解消します ***/
#trouble h3.solution-title {
    gap: 0;
    margin-top: -13rem;
}
/* 解決方法の詳細 */
/* 守り・攻め */
#trouble .solution-detail .dl-wrapper dl dd {
    font-size: 3.8rem;
}
#trouble .solution-detail .dl-wrapper dl.defense dd {
    line-height: 1.4;
}
#trouble .solution-detail .dl-wrapper dl.offense dd {
    margin-top: 2.5rem;
    line-height: 1.3;
}
#trouble .solution-detail img {
    position: absolute;
    bottom: -9.1rem;
    left: 2.3rem;
    width: 17.7rem;
}

/**************************************************/
/***** 07 提供する解決式****************************/
/**************************************************/
#service {
    align-items: center;
    padding: 20.0rem 0 6.4rem 0;
}
#service .sec-label {
    margin-left: 0.1rem;
} 
/* STEP */
#service .step{
    flex-direction: column;
    gap: 15.6rem;
    margin-top: 19.2rem;
}
#service .step ul {
    width: 86.3rem;
}
/* 箱の高さはそれぞれ異なる */
#service .step ul.step01 {
    height: 78.3rem;
}
#service .step ul.step02 {
    height: 85.9rem;
}
#service .step ul.step03 {
    height: 76.7rem;
}
/* STEP01 STEP02 STEP03 */
#service .step ul .step-number {
    margin-top: -9rem;
    font-size: 4.6rem;
}
#service .step ul .step-number .number  {   /* 数字部分 */
    font-size: 10.0rem;
}
/*** 画像 ***/
#service .step ul .image {      /* 01と02は同じ */
    height: 50.7rem;
}
#service .step ul.step03 .image {   /* 03だけ低い */
    height: 39rem;
}
/* 全てサイズが違う */
#service .step ul.step01 .image img {
    width: 31.7rem;
}
#service .step ul.step02 .image img {
    margin-top: 7rem;
    width: 27.6rem;
}
#service .step ul.step03 .image img {
    margin-top: 6.5rem;
    margin-left: 10rem;
    width: 39.7rem;
}
/* 見出し */
#service .step ul .head {
    width: 84%;
    height: 12.9rem;
    font-size: 3.8rem;
    line-height: 1.4;
    letter-spacing: -0.2rem;
}
#service .step ul:first-child .head {   /* 最初の見出しだけ高さが低い */
    height: 6.0rem;
    letter-spacing: 0;
}
/* 内容 */
#service .step ul .contents {
    margin-top: 1.0rem;
    font-size: 3.8rem;
    line-height: 1.7;
    letter-spacing: 0.05em;
}
#service .step ul.step02 .contents {
        margin-top: 3.0rem;    
}
#service .step ul.step03 .contents {
        margin-top: 2.0rem;    
}

/**************************************************/
/***** 08 受講するメリット *************************/
/*************************************************/
#merit {
    padding: 15.5rem 0 16.1rem 0;
}
/***** コピー *****/
#merit .Copy  img{
    width: 95.4rem;
}
/***** Merit *****/
#merit .sec-label {
    margin-top: 11.4rem;
}
/***** バッジ *****/
#merit #merit_badge {
    flex-direction: column;
    gap: 3.0rem;
    margin-top: 5.7rem;
}
/* 個々のバッジ */
#merit .badge {
    flex-direction: row;
    flex-wrap: wrap;
    width: 86.5rem;
    height: 17.5rem;
}
/* spでは順番が変わる */
#merit .badge#merit_badge2 { order: 4; }
#merit .badge#merit_badge3 { order: 3; }
#merit .badge#merit_badge4 { order: 2; }
#merit .badge .icon {
    align-self: flex-start;
    width: 13.1rem;
    height: 100%;
    margin-top: -1.0rem;
    margin-left: 2.5rem;
}
/*** 見出し ***/
#merit .badge .head {
    align-self: flex-start;
    width: 38.9rem;
    padding-top: 1rem;
    padding-left: 3.9rem;
    font-size: 4.0rem;
}
/*** コンテンツ ***/
#merit .badge .contents {
    align-self: center;
    width: 27.7rem;
}
/* 補足 */
#merit .badge .additional {
    width: 100%;
    margin-top: -10.0rem;
    margin-left: 19.8rem;
    font-size: 3.4rem;
}
/**************************************************/
/***** 09 受講後の変化  ****************************/
/**************************************************/
#Before-After {
    padding: 9rem 0 13.5rem 0;
}
/* タイトル */
#Before-After .sec-label .triangle {
    visibility: hidden;     /* spは非表示 */
}
/***** 表 *****/
#Before-After .tabel-wrapper {
    gap: 1.8rem;
    margin-top: 14.0rem;
}
#Before-After .tabel-wrapper table.before {     /* テーブル全般(before) */
    width: 45.3rem;
    margin-top: 3.8rem;
}
#Before-After .tabel-wrapper table.after {      /* テーブル全般(after) */
    width: 50.8rem;
}
/* ヘッダー */
#Before-After .tabel-wrapper table th {
    font-size: 5.6rem;
}
#Before-After .tabel-wrapper table.before th {   /* before */
    height: 28.4rem;
}
#Before-After .tabel-wrapper table.after th {   /* after */
    height: 29.1rem;
    padding-top: 10rem;
}
#Before-After .tabel-wrapper table th div {     /* 注釈 */
    font-size: 3.2rem; 
}
#Before-After .tabel-wrapper table td {
    height: 28.4rem;
    font-size: 3.8rem;
    line-height: 1.8;
}
#Before-After .tabel-wrapper table.before td {  /* before */
    border-bottom: #fff 0.6rem solid;
}
#Before-After .tabel-wrapper table.after td {   /* after */
    border-bottom: #2ba82b 0.6rem solid;
}
#Before-After .tabel-wrapper table tr:last-child td {    /* 最後の要素は線なし */
    border-bottom: none;    
}

/**************************************************/
/*****　11 こんな会社におすすめ *********************/
/**************************************************/
#recommended {
    justify-content: start;
    height: 142.9rem;
    padding-top: 9.5rem;
}
/* 各吹き出し */
#recommended #fukidashi1 {  /* 一番上 */
    top: 24.0rem;
    left: 38.8rem;
    width: 56.9rem;
    height: 22.5rem;
    padding-top: 2.5rem;
    background-image: url(../img/sp/11_fukidashi1.png);
}
#recommended #fukidashi2 {  /* ２段目 */
    top: 41.4rem;
    left: 2.1rem;
    width: 54.9rem;
    height: 22.6rem;
    padding-top: 3.3rem;
    background-image: url(../img/sp/11_fukidashi2.png);
}
#recommended #fukidashi3 {  /* ３段目 */
    top: 58.2rem;
    right: 0.2rem;
    width: 55.0rem;
    height: 22.6rem;
    padding-top: 4.2rem;
    background-image: url(../img/sp/11_fukidashi3.png);
}
#recommended #fukidashi4 {  /* ４段目 */
    bottom: 51.6rem;
    left: 0.5rem;
    width: 48.8em;
    height: 20.1rem;
    padding-top: 4.0rem;
    background-image: url(../img/sp/11_fukidashi4.png);
}
#recommended #fukidashi4 p { line-height: 1.3; }
#recommended #fukidashi5 {  /* ５段目 */
    bottom: 33.0rem    ;
    right: 0;
    width: 64.4rem;
    height: 24.2rem;    
    padding-top: 6.6rem;
    background-image: url(../img/sp/11_fukidashi5.png);
}
#recommended #fukidashi5 p {    /* ５段目：文字位置調整 */
    margin-left: -2.0rem;
    text-align: center;
    line-height: 1.3;
}
/* 吹き出しの中の文字 */
#recommended .fukidashi p {
    font-size: 3.8rem;
    line-height: 1.6;
}
/* 男性のイラスト */
#recommended .image {
    bottom: 0rem;
}

/**************************************************/
/***** 12 講師紹介 *********************************/
/**************************************************/
#instructor {
    margin: 11.6rem 0 14.9rem 0;
}
#instructor .sec-title {
    font-size: 6.0rem;
}
#instructor .flex-wrapper {
    flex-direction: column;
    align-items: center;
    flex-wrap: nowrap;
    gap: 0;
    width: 89.1rem;
    padding: 0rem 0rem 2.5rem 0rem;
    margin-top: 43.2rem;
    background-color: #eef7e3;
}
#instructor .flex-wrapper#instructor1 {
    height: auto;
    padding-bottom: 6.7rem;
}
#instructor .flex-wrapper#instructor2 {
    height: auto;
    margin-top: 34.3rem;
    padding-bottom: 7.0rem;
    gap: 0;
}
/* 下の紹介は順序が変わる ⇒ spでは変更なし */
#instructor .flex-wrapper#instructor2 .pic { order: 1; }
#instructor .flex-wrapper#instructor2 .postion-name { order: 2; }
#instructor .flex-wrapper#instructor2 .comment { order: 3; }
/* 写真サイズ */
#instructor .flex-wrapper#instructor1 .pic {
    width: 54.9rem;
    height: 55.2rem;
}
#instructor .flex-wrapper#instructor2 .pic {
    width: 54.8rem;
    height: 54.3rem;
}
#instructor .flex-wrapper .pic img {
    width: 100%;
}
/* 写真位置 */
#instructor .flex-wrapper#instructor1 .pic,
#instructor .flex-wrapper#instructor2 .pic { margin-left: 0rem; }
#instructor .flex-wrapper#instructor1 .pic { margin-top: -32.1rem; }
#instructor .flex-wrapper#instructor2 .pic { margin-top: -26.1rem; }
/* 肩書と名前 */
#instructor .flex-wrapper .postion-name {
    height: auto;
    width: 70.0rem;
}
#instructor .flex-wrapper#instructor2 .postion-name div {
    background-position: center top 5.2rem;
}
#instructor .flex-wrapper#instructor1 .postion-name { margin-top: 2.2rem; }
#instructor .flex-wrapper#instructor2 .postion-name { margin-top: 3.1rem; }
#instructor .flex-wrapper .postion-name div {
    width: 100%;
    background-size: 65.7rem;
}
#instructor .flex-wrapper#instructor1 .postion-name div { padding-bottom: 2.0rem; }
#instructor .flex-wrapper#instructor2 .postion-name div { padding-bottom: 3.7rem; }
#instructor .flex-wrapper .postion-name .position {
    font-size: 3.8rem;
}
#instructor .flex-wrapper .postion-name .name {
    margin-top: 2.6rem;
    font-size: 5.0rem;
}
#instructor .flex-wrapper#instructor1 .name { margin-top: 7.9rem; }
#instructor .flex-wrapper#instructor2 .name { margin-top: 4.6rem; }
#instructor .flex-wrapper .postion-name p {
    margin-top: 2.6rem;
    font-size: 3.6rem;
}
/* 紹介文 */
#instructor .flex-wrapper .comment {
    width: 90%;
    margin-top: 7.5rem;
    margin-left: 0;
    font-size: 3.2rem;
    line-height: 1.9;
}

/**************************************************/
/***** sec13 カリキュラム **************************/
/**************************************************/
#curriculum {
    padding: 2.0rem 0 15.6rem 0;
}
/* 研修の内容 Day01～03 */
#curriculum .flex-wrapper {
    flex-direction: column;
    justify-content: start;
    align-items: center;
    gap: 3.5rem;
    margin-top: 5.5rem;
}
/* 個々の設定 */
#curriculum .flex-wrapper .contents {
    width: 91.3rem;
}
#curriculum .flex-wrapper .contents#day01 {     /* Day01 */
    height: 64.0rem;
    background-position: left 0 bottom 3.4rem;
}
#curriculum .flex-wrapper .contents#day02 {     /* Day02 */
    height: 75.1rem;
    background-position: right 0 bottom 1.9rem;
}
#curriculum .flex-wrapper .contents#day03 {     /* Day03 */
    height: 71.1rem;
    background-position: left 0 bottom 4.0rem;
}
/* Day01とDay03は同じ */
#curriculum .flex-wrapper .contents#day01,
#curriculum .flex-wrapper .contents#day03 {
    background-image: url(../img/sp/13_nogami.png);
    background-position: left 0 bottom 3.4rem;
    background-size: 10.9rem 48.5rem;
}
#curriculum .flex-wrapper .contents#day02 {
    background-image: url(../img/sp/13_takano.png);
    background-repeat: no-repeat;
    background-position: right 0 bottom 1.9rem;
    background-size: 10.9rem 49.8rem;
}
/* Day */
#curriculum .flex-wrapper .contents .day {
    width: 44.7rem;
    height: 8.3rem;
    font-size: 4.4rem;
}
#curriculum .flex-wrapper .contents#day01 .day img { width: 15.3rem; }
#curriculum .flex-wrapper .contents#day02 .day img { width: 16.0rem; }
#curriculum .flex-wrapper .contents#day03 .day img { width: 16.1rem; }
/** 研修内容 **/
/* 文字 */
#curriculum .flex-wrapper .contents .theme-title,
#curriculum .flex-wrapper .contents .output-title {
    font-size: 3.8rem;
}
#curriculum .flex-wrapper .contents .theme-contents,
#curriculum .flex-wrapper .contents .output-contents {
    font-size: 3.8rem;
    line-height: 1.6;
}
/* 位置 */
#curriculum .flex-wrapper .contents .theme-title { margin-top: 3.6rem; }    /* メインテーマ:タイトル */
#curriculum .flex-wrapper .contents .output-title { margin-top: 5.5rem; }   /* アウトプット:タイトル */
#curriculum .flex-wrapper .contents .theme-contents { margin-top: 1.7rem; } /* メインテーマ：中身 */
#curriculum .flex-wrapper .contents .output-contents { margin-top: 1.7rem; } /* アウトプット：中身 */

/**************************************************/
/***** sec14 選ばれる理由 **************************/
/**************************************************/
#reason {
    padding: 6.5rem 0 8.8rem 0;
}
/* 選ばれる理由３つ */
#reason .flex-wrapper {
    gap: 5.3rem;
    margin-top: 13.1rem;
}
#reason .flex-wrapper .reason {
    gap: 0rem;
    width: 94.1rem;
    padding: 0 3.5rem 0 3.5rem;
    background-position: 4.0rem 5.0rem;
}
/* 01～03の数字 */
#reason .flex-wrapper .reason#reason01 {
    height: 92.9rem;
    background-position: 5.2rem 5.6rem;
    background-size: 12.7rem 10.2rem;
    padding-top: 8.2rem;
}
#reason .flex-wrapper .reason#reason02 {
    height: 97.8rem;
    padding-top: 10.4rem;
    margin-bottom: 3.3rem;
    background-position: 4.3rem 5.5rem;
    background-size: 14.5rem 9.8rem;
}
#reason .flex-wrapper .reason#reason03 {
    gap: 0rem; 
    padding: 8.1rem 5.3rem 0 5.3rem;
    margin-bottom: 6.7rem; 
    height: 94.1rem;
    background-position: 4.7rem 3.9rem;
    background-size: 13.8rem 10.0rem;
}
/* タイトル */
#reason .flex-wrapper .reason .title {
    margin-bottom: 3.4rem;
    text-align: center;
}
#reason .flex-wrapper .reason#reason01 .title { margin-bottom: 4.2rem; } 
#reason .flex-wrapper .reason#reason02 .title { margin-bottom: 4.6rem; } 
#reason .flex-wrapper .reason#reason03 .title { margin-bottom: 4.3rem; } 
/* 理由 */
#reason .flex-wrapper .reason p {
    margin-top: 5.7rem;
    font-size: 3.8rem;
    line-height: 1.5;
}
/* 位置 */
#reason .flex-wrapper .reason#reason01 p { margin-top: rem; }
#reason .flex-wrapper .reason#reason02 p { margin-top: 5.7rem; }
#reason .flex-wrapper .reason#reason03 p { margin-top: 5.7rem; }

/**************************************************/
/***** sec16 よくある質問 **************************/
/**************************************************/
#faq {
    padding: 5.6rem 0 12.9rem 0;
}
#faq .title-wrapper img {
    top: -2.4rem;
}
#faq .sec-title {
    margin-top: -1rem;
}
/* FAQ */
#faq .accordion-area {
    margin-top: 12.8rem;
}
#faq .accordion-area li {
    margin-bottom: 9.6rem;
}
/* 質問と答え共通 */
#faq .accordion-area .icon {
    width: 12.0rem;
    height: 12.0rem;
    font-size: 6.0rem;
}
#faq .accordion-area p {
    width: 70.4rem;
    margin-left: 4.3rem;
    margin-right: 2.5rem;
    font-size: 3.8rem;
    line-height: 1.6;
}
/*** 質問 ***/
/* +-ボタン */
#faq .accordion-area .question .btn {
	width: 5.0rem;
	height: 5.0rem;
}
#faq .accordion-area .question .btn:before,
#faq .accordion-area .question .btn:after {
    height: 0.8rem;
}
/*** 答え ***/
#faq .accordion-area .answer {
    margin-top: 7.6rem;
}

/**************************************************/
/***** sec17 受講料 *******************************/
/*************************************************/
#plan {
    padding: 11.0rem 0 13.2rem 0;
}
/* プラン  */
#plan .flex-wrapper {
    flex-direction: column;
    align-items: center;
    justify-content: start;
    width: 88rem;
    height: 100%;
    margin-top: 5.8rem;
    padding: 5.7rem 0;
}
#plan .flex-wrapper .left-wrapper, 
#plan .flex-wrapper .right-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
}
#plan .flex-wrapper .left-wrapper {
    gap: 0;
    width: 100%;
    margin-top: 0;
}
#plan .flex-wrapper .right-wrapper {
    width: 100%;
}
/* 下向き三角形 */
#plan .flex-wrapper .triangle {
    width: 3.7rem;
    height: 2.7rem;
}
#plan .flex-wrapper .triangle:nth-of-type(1) { 
    margin-top: 3.2rem; 
    margin-bottom: 2.2rem;
}
#plan .flex-wrapper .triangle:nth-of-type(3) { 
    margin-top: 2.6rem; 
    margin-bottom: 3.9rem;
}
/* 1名あたりの枠(上下共通) */
#plan .flex-wrapper .waku {
    width: 18.5rem;
    height: 5.2rem;
    padding: 0;
    font-size: 3.6rem;
}
#plan .flex-wrapper dl {
    gap: 1.9rem;
}
/* 値段(上) */
#plan .flex-wrapper .payment {
    font-size: 3.6rem;
}
#plan .flex-wrapper .payment .number {
    font-size: 5.0rem;
}
/* 2名以上からお申込みを受付 */
#plan .flex-wrapper .limit {
    margin-top: 2.7rem;    
    font-size: 3.6rem;
}
/* 助成金チケット */
#plan .flex-wrapper .ticket {
    width: 57.5rem;
    height: 19.4rem;
    padding-right: 0.9rem;
}
#plan .flex-wrapper .ticket .name {
    font-size: 3.8rem;
    line-height: 1.3;
}
#plan .flex-wrapper .ticket .hojo p {
    font-size: 3.8rem;
}
#plan .flex-wrapper .ticket .hojo p .number {
    margin-right: 2rem;
    font-size: 10rem;
}
/* 1時間あたり・・・コスパ！ */
#plan .flex-wrapper .costper {
    font-size: 3.8rem;
}
#plan .flex-wrapper .costper .small {
    font-size: 3.2rem;
}
/* ＼ ／ */
#plan .flex-wrapper .costper::before,
#plan .flex-wrapper .costper::after {
    height: 5.0rem;
}
#plan .flex-wrapper .costper::before {
    margin-right: 0.5rem;
}
#plan .flex-wrapper .costper::after {
    transform: rotate(20deg);
    margin-left: 2rem;
}
/* 100,000円 */
#plan .flex-wrapper .real {
    margin-top: 2.7rem;
    gap: 1.76rem;
}
#plan .flex-wrapper .real dd {
    font-size: 5.6rem;
}
#plan .flex-wrapper .real dd .number {
    font-size: 7.8rem;
}
/*** 価格&オファー ***/
#plan .flex-wrapper .right-wrapper {
    width: 77.0rem;
    height: 60.3rem;
    margin: auto 0;
    margin-top: 5.1rem;
}
/* 内側 */
#plan .flex-wrapper .right-wrapper .content-wrapper {
    width: 76.2rem;
    height: 59.5rem;
    padding-top: 4.2rem ;
}
#plan .flex-wrapper .right-wrapper .content-wrapper .title {
    width: 45.1rem;
    height: 10.5rem;
    font-size: 3.6rem;
    color: #FFAA4D;
}
#plan .flex-wrapper .right-wrapper .content-wrapper .plan-name {
    margin-top: 4.3rem;
    font-size: 3.8rem;
    letter-spacing: -0.3rem;
    line-height: 1.3;
}
/* 受講料 */
#plan .flex-wrapper .right-wrapper .content-wrapper table {
    margin-top: 2.4rem;
    line-height: 1.3;
}
#plan .flex-wrapper .right-wrapper .content-wrapper table th {
    padding-bottom: 1.1rem;
    padding-right: 4.3rem;
    font-size: 3.8rem;
}
#plan .flex-wrapper .right-wrapper .content-wrapper table td.contents {
    font-size: 3.8rem;
}
#plan .flex-wrapper .right-wrapper .content-wrapper table td .description {
    font-size: 3.2rem;
}   

/**************************************************/
/***** sec18 特典 *********************************/
/*************************************************/
#present {
    padding: 11.0rem 0 7.5rem 0;
}
#present p {
    margin-top: 5.1rem;
    font-size: 3.6rem;
    line-height: 1.4;
}
/* 特典内容 */
#present ul {
    flex-direction: column;
    justify-items: center;
    gap: 1.7rem;
    margin-top: 2.8rem;
    margin-left: 6rem;
}
/* 個々の特典 */
#present ul li {
    display: flex;
    align-items: center;
    gap: 10.5rem;
    width: 84.4rem;
    height: 16.1rem;
    padding-left: 6.4rem;
    background-image: url(../img/sp/18_waku.png);
}
#present ul li .number {
    display: flex;
    justify-content: center;
    align-items: end;
    width: 9.1rem;
    height: 6.8rem;
    margin-top: 0rem;
}
#present ul li p {
    margin-top: 0rem;
    font-size: 3.8rem;
    line-height: 1.6;
    text-align: left;
}
/* リスのイラスト */
#present .chipmunk {
    margin-top: -13.4rem;
    margin-left: auto;
    margin-right: 0;
    width: 57.3rem;
}

/**************************************************/
/***** sec19 さいごに   ***************************/
/*************************************************/
#last-message {
/*    padding: 7.6rem 0 11.0rem 0 ;
*/ padding: 2rem 0 11.0rem 0;
}
/*** さいごに ***/
#last-message .message {
    width: 87.4rem;
    margin-left: 0rem;
}
#last-message .message#takano {
    margin-top: 15.2rem;
}
/* タイトル */
#last-message .message .title {
    gap: 6.0rem;
    width: 100%;
    line-height: 1.6;
}
/* 写真 */
#last-message .message#nogami .title img {
    margin-left: 4.9rem;
}
#last-message .message#takano .title img {
    margin-left: 8.3rem;
}
/* メッセージ本文 */
#last-message .message p{
    width: 99%;
    padding: 0;
    margin: 0 auto;
    font-size: 3.8rem;
    line-height: 1.8;
}
#last-message .message#nogami p { margin-top: 1.5rem; }
#last-message .message#takano p { margin-top: 2.9rem; }

/**************************************************/
/***** sec20 CTAと特典 *****************************/
/**************************************************/
#offer {
margin-top: 2rem;
    align-items: center;
    padding:0 0 11.1rem 0;
}
#offer .cta {
    padding: 9.7rem 0 5.7rem 0;
}
#offer .cta .sec-subtitle {
    font-size: 3.8rem;
}
/* ＼ ／ */
#offer .cta .sec-subtitle::before,
#offer .cta .sec-subtitle::after {
    height: 4.9rem;
}
#offer .cta .sec-subtitle::before {
    margin-right: 1.8rem;
}
#offer .cta .sec-subtitle::after {
    margin-left: 2.0rem;
}
#offer .cta .sec-title {
    margin-top: 3.1rem;
}
#offer .cta .cta-message {
    font-size: 3.6rem;
    line-height: 1.5;
}
/* 吹き出しのイラスト */
#offer .cta .fukidashi {
    top: 2.6rem;
    left: 8.7rem;
}
/* キツネのイラスト */
/* キツネのイラスト */
#offer .cta .fox {
    top: 3.9rem;
    left: 69.6rem;
}
/* 参加特典 */
/**変更なし**/
#offer .offer-message {
    margin-top: 5.2rem;
    font-size: 3.6rem;
    line-height: 1.5;
    text-align: center;
}
/* 特典内容 */
#offer ul {
    flex-direction: column;
    align-items: center;    
    gap: 0.7rem;
    margin-top: 5.9rem;
}
/* 個々の特典 */
#offer ul li {
    display: flex;
    align-items: center;
    width: 84.4rem;
    height: 16.5rem;
    background-image: url(../img/sp/18_waku.png);
}
#offer ul li .number {
    width: 9.1rem;
    height: 6.8rem;
    margin-top: 0;
    margin-left: 6.1rem;
}
#offer ul li p {
    margin-top: 0;
    margin-left: 10.9rem;
    font-size: 3.8rem;
    line-height: 1.6;
    text-align: left;
}

/**************************************************/
/***** コンタクト **********************************/
/**************************************************/
#contact {
    display: flex;
    justify-content: center;
    justify-items: center;
    flex-direction: column;
    align-items: center;
    padding: 11.8rem 0 7.7rem 0;
    scrollbar-gutter: stable both-edges; 
}
#contact iframe {
    width: 95.7%;
    height: 242.7rem;
    margin: 0 auto;
    margin-top: 11.8rem;
    overflow: hidden;
}

/**************************************************/
/***** フッター ************************************/
/**************************************************/
#footter {
    gap: 4.9rem;
}
#footter p {
    font-size: 3.6rem;
    line-height: 2.0;

}
#footter p a:hover {
    opacity: 0.7;
}