/* =========================================================
   カウンセリングページ用CSS
   旧 style_cocotore.css から、カウンセリングページに必要な分だけを
   抜き出したものです。

   抜いたもの：
     - TCDテーマを打ち消すためのルール（body の padding / font-size など）
     - TCDにしか存在しない要素のルール（#global_menu / #page_contents 等）
   残したもの：
     - #cocotore / #counseling 配下のルール
     - 本文で使う .br-sp / .c / .pc / .sp / small（#cocotore 配下に限定）

   画像は /wp-content/uploads/img/ を参照しています（移動しないこと）。
   生成元：style_cocotore.css
========================================================= */

/* =========================================================
   このページだけ、文字サイズの基準を旧テーマと同じに戻します。
   common.css で html の基準を 16px→17px（スマホ 14px→16px）に
   引き上げましたが、このページは style.css の #counseling 約290件と
   このファイルの % / em 109件が、その基準に連動して拡大してしまいます。
   カウンセリングページは広告運用中で見た目を変えない方針のため、
   このページでだけ基準を元に戻します。
   （このファイルはカウンセリングページでしか読み込まれません）
========================================================= */
#cocotore { font-size: 16px; }
@media screen and (max-width: 900px) {
  #cocotore { font-size: 14px; }
}

#cocotore small { font-size: smaller!important; padding-left: 0.1em; }
#cocotore .pc { display: block; }
#cocotore .sp { display: none; }
#cocotore .br-sp { display: none; }
#cocotore .c { text-align: center!important; }
#cocotore .content-box {  margin: 0 auto 8em; }
#cocotore .content-box02 { width: 100%; max-width: 930px; margin: 0 auto 8em; }
#cocotore h2.ttl01 { text-align: left; font-size: 200%!important; color: #83b8dd; margin: 0 auto 1em; padding: 0 0 0.3em 0; border-bottom: 1px solid #ccc; }
#cocotore h2.ttl01::before { display: inline-block; position: relative; content: url(/wp-content/uploads/img/mark.svg); width: 45px; height: 0; top: 0; left: 0; padding-left: 0; }
#cocotore h2.ttl02 { font-size: 180%!important; color: #fff; background: #83b8dd; padding: 0.3em 0; }
#cocotore h2.ttl03 { font-size: 230%!important; color: #333!important; margin-bottom: 1em; letter-spacing: 0.1em; }
#cocotore h2.ttl03 span { font-size: 60%; color: #EC6A52; letter-spacing: 1px; }
#cocotore h2.ttl04 { position: relative; padding: 16px 16px 16px 24px; border-radius: 20px; background: #83B8DD; color: #fff!important; font-weight: 600; font-size: 200% !important; }
#cocotore h2.ttl04:before { position: absolute; top: 100%; left: 75px; height: 0; width: 0; border-style: solid; border-color: transparent; border-top-color: #83B8DD; border-width: 20px; content: ""; }
#cocotore h2.ttl04 span { color: #fff100; }
#cocotore h3 { font-size: 130%; line-height: 1.8!important; color: #333; text-align: center; margin: 0 auto 1em; }
#cocotore .box-2col { display: flex; }
#cocotore .box-2col-txt,
#cocotore .box-2col-img { width: 100%; flex: 1; padding: 0 2em; }
#cocotore .box-2col-txt p { line-height: 2!important; }
#cocotore .box-2col-img img { width: 100%; }
#cocotore .btn,
#cocotore .btn01,
#cocotore .btn03,
#cocotore .btn-c { text-align: center; margin: 0 auto; }
#cocotore .btn a { font-weight: 600; color: #fff; background: #f577ae; padding: 1.3em 5em; border-radius: 30px; }
#cocotore .btn01 a { font-weight: 600; color: #fff; background: #EC6A52; padding: 1.3em 5em; border-radius: 30px; }
#cocotore .btn03 a { font-weight: 600; color: #fff; background: #83B8DD; padding: 1.3em 5em; border-radius: 30px;  }
#cocotore .btn-c a { font-weight: 600; color: #fff; background: #3bc3d3; padding: 1.3em 5em; border-radius: 30px;  }
#cocotore .btn a:after,
#cocotore .btn01 a:after,
#cocotore .btn03 a:after,
#cocotore .btn-c a:after { border-top: 2px solid #fff; border-right: 2px solid #fff; content: ""; display: inline-block; height: 10px; margin-left: 1em; margin-top: -2px; -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(45deg); width: 10px; }
#cocotore a.btn02 { width: 100%; max-width: 320px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border: 1px solid #1a1a1a; border-radius: 100vw; color: #1a1a1a; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; font-size: 15px; font-size: 16px; font-weight: 700; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; line-height: 1.5; padding: 1em 2em; position: relative; cursor: pointer; overflow: hidden; }
#cocotore a.btn02:after { border-top: 2px solid #333; border-right: 2px solid #333; content: ""; display: inline-block; height: 6px; margin-left: 1em; margin-top: -2px; -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg); width: 6px; }
@-moz-keyframes animate73 {
    0%{ -moz-transform:scale(0.92);}
    40%{ -moz-transform:scale(0.97);}
    60%{ -moz-transform:scale(0.86);}
    80%{ -moz-transform:scale(1);}
    100%{ -moz-transform:scale(0.92);}
}
@-o-keyframes animate73 {
    0%{ -o-transform:scale(0.92);}
    40%{ -o-transform:scale(0.97);}
    60%{ -o-transform:scale(0.86);}
    80%{ -o-transform:scale(1);}
    100%{ -o-transform:scale(0.92);}
}
@-webkit-keyframes animate73 {
    0%{ -webkit-transform:scale(0.92);}
    40%{ -webkit-transform:scale(0.97);}
    60%{ -webkit-transform:scale(0.86);}
    80%{ -webkit-transform:scale(1);}
    100%{ -webkit-transform:scale(0.92);}
}
@keyframes animate73 {
    0%{ transform:scale(0.92);}
    40%{ transform:scale(0.97);}
    60%{ transform:scale(0.86);}
    80%{ transform:scale(1);}
    100%{ transform:scale(0.92);}
}
#cocotore .cocotore-note { border: 1px solid #83b8dd; }
#cocotore .cocotore-note h3 { color: #fff; background: #83b8dd; font-size: 130%; }
#cocotore .cocotore-note p { padding: 0 3em 1em; }
#cocotore span.marker-y { background:linear-gradient(transparent 60%, #FFF9C9 60%); }
#cocotore span.marker-o { background:linear-gradient(transparent 65%, rgba(250, 209, 99, .9) 65%); }
#cocotore span.marker-p { background:linear-gradient(transparent 60%, #F3B7AD 60%); }
#cocotore .top-content h2 { font-size: 230%!important; color: #333!important; margin-bottom: 1em; letter-spacing: 0.1em; }
#cocotore .top-content h2 span { font-size: 60%; color: #EC6A52; letter-spacing: 1px; }
#cocotore .top-btn { text-align: center; margin-top: 3em; }
#cocotore .top-content .top-case { display: flex; width: 100%; max-width: 1000px; margin: 0 auto; }
#cocotore .top-content .top-case .top-case-mental,
#cocotore .top-content .top-case .top-case-body { width: 1400%; flex: 1; padding: 1em 3em; margin: 0 1em; border: 1px solid #84b9de; border-radius: 10px; }
#cocotore .top-content .top-case h3 { font-size: 140%!important; text-align: center; color: #fff; background: #97cea2; border-radius: 20px; }
#cocotore .top-info-box { display: flex; }
#cocotore .top-info-box .top-info-l { width: 100%; padding: 0 3em 0 0; }
#cocotore .top-info-box .top-info-l .info-logo img { width: 70%; }
#cocotore .top-info-box .top-info-l .tel { margin-bottom: 2em; }
#cocotore .top-info-box .top-info-l .tel a { font-size: 280%; font-weight: 600; color: #84b9de!important; }
#cocotore .top-info-box .top-info-l .tel a::before { display: inline-block; position: relative; content: url(/wp-content/uploads/img/tel.svg); width: 45px; height: 0; top: 6px; left: 0; margin-right: 8px; }
#cocotore .top-info-box .top-info-l .schedule { width: 100%; }
#cocotore .top-info-box .top-info-l table thead { border: 2px solid #84b9de!important; }
#cocotore .top-info-box .top-info-l table th,
#cocotore .top-info-box .top-info-l table td { font-size: 14px; padding: 1em 0.5em; text-align: center; }
#cocotore .top-info-box .top-info-l table th { color: #fff!important; background: #84b9de!important; border-top: 1px solid #84b9de!important; border-left: 1px solid #fff!important; border-right: 1px solid #fff!important; border-bottom: 1px solid #84b9de!important; }
#cocotore .top-info-box .top-info-l table td { color: #84b9de!important; border: 1px solid #84b9de!important; }
#cocotore .top-info-box .top-info-r { width: 100%; }
#cocotore .top-info-box .top-info-r .map { margin-bottom: 1em; }
#cocotore .top-info-box .top-info-r .map iframe { width: 100%; height: 400px; }
#cocotore .column { padding-bottom: 5em; margin: 0 auto 3em; border-bottom: 1px solid #ddd; }
#cocotore .column h2 { display: flex; text-align: left; font-size: 160%!important; align-items: center; padding: .5em .7em; background-color: #f8f8f8; }
#cocotore .column h2::before { display: inline-block; width: 5px; height: 1.5em; margin-right: .5em; background-color: #2589d0; content: ''; }
#cocotore .column h3 { text-align: left; font-size: 160%!important; border-bottom: 3px solid #ddd; line-height: 1.6 !important; margin: 3em auto 1.3em; }
#cocotore .column h3 span { display: inline-block; position: relative; padding: 0 .4em .2em; }
#cocotore .column h3 span::before { position: absolute; bottom: -3px; left: 0; width: 100%; height: 3px; background-color: #2589d0; content: ''; }
#cocotore .column p.source { text-align: center; color: #999; }
#cocotore .column p.source a { color: #999; }
#cocotore .column p span.marker { font-weight: bold; background:linear-gradient(transparent 60%, #FFF98F 60%); }
#cocotore .column p span.pink { font-weight: bold; color: #F172A3; }
#cocotore .column img { width: 80%; }
#cocotore .column ul.check { list-style-type: none; margin-bottom: 1.5em; }
#cocotore .column ul.check li { display: flex; align-items: center; gap: 0 5px; }
#cocotore .column ul.check li::before { display: inline-block; width: 10px; height: 5px; border-bottom: 2px solid #2589d0; border-left: 2px solid #2589d0; transform: rotate(-45deg) translateY(-1.5px); content: ''; }
#cocotore .trouble { width: 100%; max-width: 1020px; margin: 0 auto; }
#cocotore .trouble h2 { color: #333; font-size: 200%!important; font-weight: 600; letter-spacing: 1.6px; margin-bottom: 1em!important; }
#cocotore .trouble-box { display: flex; align-items: flex-end; margin: 0 auto 5em; }
#cocotore .trouble-box .trouble-img { width: 100%; flex: 1; text-align: center; }
#cocotore .trouble-box .trouble-img img { width: 100%; }
#cocotore .trouble-box .trouble-txt01,
#cocotore .trouble-box .trouble-txt02 { width: 100%; flex: 1; margin: 0 auto; border-radius: 10px; padding: 2em 5em; }
#cocotore .trouble-box .trouble-txt01 { background: #f8f6f4; }
#cocotore .trouble-box .trouble-txt02 { background: #f3f3f3; }
#cocotore .trouble-box .trouble-txt01 h3,
#cocotore .trouble-box .trouble-txt02 h3 { width: 100%; max-width: 260px; background: #fff; padding: 0.3em 3em; border-radius: 3em; }
#cocotore .trouble-box .trouble-txt01 ul,
#cocotore .trouble-box .trouble-txt02 ul { margin-left: 0; }
#cocotore .trouble-box .trouble-txt01 ul li,
#cocotore .trouble-box .trouble-txt02 ul li { font-size: 120%; position:relative; list-style: none; border-bottom: 2px solid #fff; margin-bottom: 0.5em; padding-left: 1.8em; }
#cocotore .trouble-box .trouble-txt01 ul li:before,
#cocotore .trouble-box .trouble-txt02 ul li:before,
#cocotore .trouble-box .trouble-txt01 ul li:after,
#cocotore .trouble-box .trouble-txt02 ul li:after { content:""; display:block; position:absolute; }
#cocotore .trouble-box .trouble-txt01 ul li:before,
#cocotore .trouble-box .trouble-txt02 ul li:before { width:20px; height:20px; background:#fff; border:1px solid #000; left:0; top:10px; }
#cocotore .trouble-box .trouble-txt01 ul li:after,
#cocotore .trouble-box .trouble-txt02 ul li:after { border-left: 3px solid #EC6A52; border-bottom: 3px solid #EC6A52; width: 20px; height: 10px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); left: 5px; top: 8px; }
#cocotore .trouble-content { display: flex; }
#cocotore .trouble-content .trouble-content-l { width: 100%; flex: 1; margin-right: 3em; }
#cocotore .trouble-content .trouble-content-l img { border-radius: 20px; }
#cocotore .trouble-content .trouble-content-r { width: 100%; flex: 1; }
#cocotore .trouble-content .trouble-content-r p { margin: 0 auto 5em; }
#cocotore .about-content { text-align: center; }
#cocotore .about-content img { width: 60%; }
#cocotore .about-box { width: 100%; max-width: 1020px; display: flex; align-items: center; margin: 3em auto; }
#cocotore .about-box .about-list { width: 100%; flex: 1; text-align: center; }
#cocotore .about-box .about-list img { width: 85%; border: 1px solid #ddd; border-radius: 100%; }
#cocotore .about-box .about-list h3 { font-size: 160%; font-weight: 600; line-height: 1.5!important; margin: 0.5em auto 1em; }
#cocotore .about-box .about-list h3 span.sub { font-size: 70%; }
#cocotore .counseling-content { margin: 5em auto 0; }
#cocotore .counseling-box { display: flex; margin: 0 auto 5em; }
#cocotore .counseling-box-l { width: 100%; flex: 1; }
#cocotore .counseling-box-r { width: 100%; flex: 1; padding-left: 3em; }
#counseling section { padding: 0 0 5em; }
#counseling .content-box { max-width: 1052px; margin: 0 auto; }
#counseling .bg { position: relative; line-height: 0; margin-bottom: -3px; z-index: -1; }
#counseling .bg img { width: 100%; }
#counseling .wave01 { background: #D6F1F3; }
#counseling .wave02 { background: #fafafa; }
#counseling .wave03 { background: #fdf0f6; }
#counseling h2 { max-width: 1052px; font-size: 2.25em; margin: 0 auto 1.5em; }
#counseling h2 img { width: 75%; }
#counseling h2 span { font-size: 0.5em; }
#counseling .mv-box { width: 100%;  text-align: center; margin: 0 auto -3em; }
#counseling .problems { width: 100%; background: #fafafa; }
#counseling .problems-box { width: 100%; max-width: 1052px; margin: 0 auto; }
#counseling .problems-list { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; margin: 0 auto 5em; padding: 3em; background: #fff; border: 4px solid #9BE3E8; box-shadow: 0px 16px 24px rgba(0, 0, 0, 0.08); border-radius: 10px; }
#counseling .problems-list-txt { width: 100%; flex: 1.3; }
#counseling .problems-list-txt h2 { font-size: 2em; margin: 0 auto 0.5em; }
#counseling .problems-list-txt h2 img { width: 100%; }
#counseling .problems-list ul { list-style: none; margin: 0; }
#counseling .problems-list ul li { padding-left: 1.6em; position: relative; padding-bottom: 0.1em; border-bottom: 1px dashed #999; }
#counseling .problems-list ul li span { font-weight: 700; color: #3BC3D3; }
#counseling .problems-list ul li:before,
#counseling .problems-list ul li:after { content: ""; display: block; position: absolute; }
#counseling .problems-list ul li:before { width: 16px; height: 16px; border-radius: 3px; background: #fff; border: 1px solid #000; left: 0; top: 8px; }
#counseling .problems-list ul li:after { border-left: 2px solid #fc86a9; border-bottom: 2px solid #fc86a9; width: 18px; height: 7px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); left: 2px; top: 8px; }
#counseling .problems-list-img { width: 100%; flex: 1; text-align: right; }
#counseling .problems-list-img img { width: 90%; }
#counseling .problems-txt { text-align: center; margin: 0 auto; }
#counseling .problems-txt h2 { margin: 0 auto 1em; }
#counseling .problems-txt h2 img { width: 75%; }
#counseling .problems-txt p { margin: 0 auto 1em; }
#counseling .problems-txt h3 { margin: 0 auto 0.5em; }
#counseling .problems-txt h3 img { width: 55%; }
#counseling .problems-txt img { width: 60%; }
#counseling .message { display: flex; flex-wrap: wrap; }
#counseling .message-img { width: 100%; flex: 1; padding-right: 6em; }
#counseling .message-txt { width: 100%; flex: 1; }
#counseling .point { max-width: 1052px; margin: 0 auto; }
#counseling .point-img { text-align: center; margin: 0 auto 3em; }
#counseling .point-img img { width: 30%; }
#counseling .point-box { display: flex; flex-wrap: wrap; justify-content: space-between; margin: 0 auto; padding: 0 0 5em; }
#counseling .point-item { width: 32.5%; border: 4px solid #9BE3E8; box-shadow: 0px 16px 24px rgba(0, 0, 0, 0.08); padding: 2em 1.5em; border-radius: 10px; }
#counseling .point-item img { width: 60%; }
#counseling .point-item p.num { font-size: 2em; color: #fff; background: #3BC3D3; width: 60px; height: 60px; line-height: 60px!important; border-radius: 50%; text-align: center; margin: 0 auto 0.2em!important; }
#counseling .point-item h3 { font-size: 1.3em; color: #3BC3D3; margin: 0 auto 0.5em!important; }
#counseling .point-item p.point-txt { line-height: 1.8!important; }
#counseling .how { display: flex; flex-wrap: wrap; justify-content: space-between; margin: 0 auto 8em; }
#counseling .how-box { width: 48%; background: #fafafa; border-radius: 20px; box-shadow: 0px 16px 24px rgba(0, 0, 0, 0.08); }
#counseling .how-img img { border-radius: 20px 20px 0 0 ; }
#counseling .how-txt { padding: 1em 2.5em 2em; }
#counseling .how-txt h3 { color: #3BC3D3; font-size: 1.6em; margin-bottom: 0.5em; }
#counseling .icon-box { display: flex; flex-wrap: wrap; align-items: center; margin: 0 auto 1em; padding: 0 3.2em; }
#counseling .icon-box .icon { width: 100%; flex: 1; text-align: center; border-right: 1px solid #3BC3D3; }
#counseling .icon-box .icon img { width: 50%; }
#counseling .icon-box .txt { width: 100%; flex: 2; color: #3BC3D3; margin-left: 1em; line-height: 1.7; }
#counseling .select-item { background: #fff; border: 4px solid #9be3e8; border-radius: 10px; margin: 0 auto 2em; overflow: hidden; }
#counseling .select-ttl { color: #fff; background: #9be3e8; padding: 0.7em 1.5em; font-size: 1.2em; font-weight: 600; width: fit-content; }
#counseling .select-txt { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; padding: 2em 2em 0; }
#counseling .select-txt h3 { font-size: 1.5em; text-align: left; color: #3BC3D3; }
#counseling .select-txt-l { width: 100%; flex: 1; }
#counseling .select-txt-r { width: 100%; flex: 1; text-align: right; }
#counseling .select-txt-r img { width: 80%; }
#counseling .hearing { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; padding: 2em; }
#counseling .hearing-box01,
#counseling .hearing-box02 { width: 100%; flex: 1; padding: 1em; text-align: center; }
#counseling .hearing-box01 p,
#counseling .hearing-box02 p { color: #fff; background: #999; border-radius: 20px; width: fit-content; padding: 0.1em 3em 0; margin: 0 auto 0.3em; }
#counseling .hearing-box01 h3,
#counseling .hearing-box02 h3 { font-size: 2em; margin: 0 auto; }
#counseling .hearing-box01 { background: #f6f6f6; border-radius: 10px 0 0 10px; }
#counseling .hearing-box02 { background: #d6f1f3; border-radius: 0 10px 10px 0; }
#counseling .effect-box { display: flex; flex-wrap: wrap; justify-content: space-between; margin: 0 auto 5em; }
#counseling .effect-list { width: 32%; background: #fff; border-radius: 10px; box-shadow: 0px 16px 24px rgba(0, 0, 0, 0.08); }
#counseling .effect-item img { border-radius: 10px 10px 0 0; }
#counseling .effect-item-txt { padding: 1em 2em 2em; }
#counseling .effect-item-txt h3 { color: #3BC3D3; font-size: 1.25em; margin: 0 auto 0.5em; }
#counseling .step { background: #D6F1F3; }
#counseling .step-box { max-width: 1052px; background: #fff; padding: 5em; border-radius: 10px; margin: 0 auto; }
#counseling .step-box ul { padding: 0; }
#counseling .step-box .flow { padding-left: 120px; position: relative; margin: 0 auto; }
#counseling .step-box .flow::before { content: ""; width: 1px; height: 100%; background: #3BC3D3; margin-left: -8px; display: block; position: absolute; top: 0; left: 120px; }
#counseling .step-box .flow li { list-style-type: none; position: relative; }
#counseling .step-box .flow li:not(:last-child) { margin-bottom: 3em; }
#counseling .step-box .flow li .icon { font-size: 0.8em; font-weight: 600; color: #fff; background: #3BC3D3; padding: 8px 20px; display: block; position: absolute; top: 0; left: -120px;  }
#counseling .step-box .flow li .icon::after { content: ""; border-style: solid; border-width: 5px 0 5px 10px; border-color: transparent transparent transparent #3BC3D3; position: absolute; top: 50%; left: 100%; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
#counseling .step-box .flow li dl { display: flex; flex-wrap: wrap; padding-left: 1em; position: relative; }
#counseling .step-box .flow li dl::before,
#counseling .step-box .flow li dl::after { content: ""; display: block; position: absolute; top: 15px; }
#counseling .step-box .flow li dl::before { width: 10px; height: 10px; margin-top: 1px; background: #333; border-radius: 50%; left: -12px; }
#counseling .step-box .flow li dl::after { width: 50px; border-bottom: 1px dashed #333; position: absolute; left: 5px; top: 20px; }
#counseling .step-box .flow li dl dt { width: 100%; flex: 1; text-align: center; margin-bottom: 1vh; }
#counseling .step-box .flow li dl dt img { width: 50%; }
#counseling .step-box .flow li dl dt h3 { font-size: 1.1em; }
#counseling .step-box .flow li dl dd { width: 100%; flex: 2; margin-left: 1em; }
#counseling .condition { max-width: 1052px; margin: 0 auto; }
#counseling .condition-check-box { display: flex; flex-wrap: wrap; background: #fff; padding: 2em 1.5em; border-radius: 10px; margin: 0 auto 1em; }
#counseling .condition-check,
#counseling .condition-method { width: 100%; flex: 1; padding: 0 0.5em; }
#counseling .condition-method { border-left: 1px dashed #999; }
#counseling .condition-check .condition-check-box { display: flex; flex-wrap: wrap; background: #fff; padding: 2em 1.5em 1em; border-radius: 10px; }
#counseling .condition-check .condition-check-list { display: flex; flex-wrap: wrap; }
#counseling .condition-check-img { width: 100%; flex: 1; text-align: center; }
#counseling .condition-check-img img { width: 85%; }
#counseling .condition-check-txt { width: 100%; flex: 2; padding-right: 1em; }
#counseling .condition-check-txt h3 { color: #fff; padding: 0.5em; line-height: 1 !important; margin: 0 auto 0.5em; border-radius: 35px; }
#counseling .condition-check-txt h3.type01 { background: #f58cab; }
#counseling .condition-check-txt h3.type02 { background: #f0bb00; }
#counseling .condition-check-txt h3.type03 { background: #3bc3d3; }
#counseling .condition-method .method01 { padding: 1em 1.5em; margin: 0 1em 1em 2.5em; border-radius: 10px; background: #f6f6f6; }
#counseling .condition-method .method-ttl .theme,
#counseling .condition-method .method-ttl .goals { text-align: center; line-height: 0; }
#counseling .condition-method .method-ttl .theme img { width: 30%; }
#counseling .condition-method .method-ttl .goals img { width: 30%; }
#counseling .condition-method .method-ttl h3 { margin: 0 auto 0.5em; }
#counseling .condition-method .method02-1,
#counseling .condition-method .method02-2,
#counseling .condition-method .method02-3 { padding: 1em 1.5em; margin: 0 1em 0 2.5em; border-radius: 10px; }
#counseling .condition-method .method02-1 { border: 2px solid #f58cab; }
#counseling .condition-method .method02-2 { border: 2px solid #f0bb00; }
#counseling .condition-method .method02-3 { border: 2px solid #3bc3d3; }
#counseling .condition-method .method02-1 h3 { color: #f58cab; }
#counseling .condition-method .method02-2 h3 { color: #f0bb00; }
#counseling .condition-method .method02-3 h3 { color: #3bc3d3; }
#counseling .condition-method .method01 ul { list-style: none; margin-left: 0; }
#counseling .condition-method .method01 li { line-height: 2; padding-left: 1.6em; position: relative; }
#counseling .condition-method .method01 li:before { width: 16px; height: 16px; border-radius: 3px; background: #fff; border: 1px solid #000; left: 0; top: 8px; content: ""; display: block; position: absolute; }
#counseling .effect-note { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; background: #fff; padding: 3em; border-radius: 10px; margin: 0 auto; }
#counseling .effect-note ul { width: 100%; flex: 3; list-style: none; margin: 0; }
#counseling .effect-note ul li { line-height: 1.8; margin: 0 auto 0.8em; padding: 0 0 0.3em 1.6em; position: relative; border-bottom: 1px dashed #999; }
#counseling .effect-note ul li:before,
#counseling .effect-note ul li:after { content: ""; display: block; position: absolute; }
#counseling .effect-note ul li:before { width: 16px; height: 16px; border-radius: 3px; background: #ffffff; border: 1px solid #000000; left: 0; top: 8px; }
#counseling .effect-note ul li:after { border-left: 1px solid #ff0000; border-bottom: 1px solid #ff0000; width: 8px; height: 4px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); left: 4px; top: 13px; }
#counseling .effect-img { width: 100%; flex: 1; text-align: right; }
#counseling .effect-img img { width: 100%; }
#counseling .price { background: #D6F1F3; border-radius: 10px; padding: 3em; margin: 3em auto 8em; }
#counseling .price h2 { margin: 0 auto 0.5em; }
#counseling .price-box { background: #fff; border-radius: 10px; padding: 3em; }
#counseling .price-list { display: flex; flex-wrap: wrap; align-items: center; background: #3BC3D3; border: 2px solid #3BC3D3; border-radius: 10px; margin: 0 auto 2em; }
#counseling .price-box .price-note { margin: 0 auto 3em; }
#counseling .cause-name { width: 100%; flex: 1; background: #3BC3D3; border: 2px solid #3BC3D3; border-radius: 10px; text-align: center; padding: 1em; }
#counseling .cause-name h3 { color: #fff; font-size: 1.2em; margin-bottom: 0; }
#counseling .cause-name p.time { background: #fff; width: fit-content; padding: 0 3em; margin: 0 auto; border-radius: 15px; }
#counseling .cause-price { width: 100%; flex: 2; padding: 1em 0 1em 5em; background: #fff; border-radius: 0 8px 8px 0; }
#counseling .cause-price p { margin-bottom: 0; line-height: 1.6!important; }
#counseling .cause-price p span.value { font-size: 2em; font-weight: 600; padding-left: 0.1em; }
#counseling .cause-price p span.yen { padding-left: 0.2em; }
#counseling .cause-price p img { width: 8%; }
#counseling .cause-price p span.normal { font-size: 1.5em; font-weight: 500; text-decoration: line-through; text-decoration-color: red; }
#counseling .cause-price p span.marker-y { background:linear-gradient(transparent 60%, #ff6 60%); }
#counseling .flow { margin: 0 auto 8em; }
#counseling .flow-real { margin: 0 auto 5em; }
#counseling .flow-online { margin: 0 auto; }
#counseling .flow-real h2,
#counseling .flow-online h2 { font-size: 1.8em; padding: 0.5em 0.7em; margin-bottom: 1em; background: #fff; }
#counseling .flow-real h2 { color: #3BC3D3; border: 2px solid #3BC3D3; box-shadow: 5px 5px #9BE3E8; }
#counseling .flow-online h2 { color: #EE87B4; border: 2px solid #FAC8DC; box-shadow: 5px 5px #FAC8DC; }
#counseling .flow-real .flow-box,
#counseling .flow-online .flow-box { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: space-between; -ms-flex-pack: space-between; justify-content: space-between; list-style: none; }
#counseling .flow-real .flow-box li,
#counseling .flow-online .flow-box li { -ms-flex-preferred-size: 22%; flex-basis: 22%; }
#counseling .flow-real .flow-box li .icon,
#counseling .flow-online .flow-box li .icon { font-family: 'Montserrat', sans-serif; font-size: 18px; line-height: 50px; width: 50px; color: #fff; margin: 0 auto 20px; display: block; border-radius: 50%; text-align: center; position: relative; letter-spacing: 2px; }
#counseling .flow-real .flow-box li .icon { background: #3BC3D3; }
#counseling .flow-online .flow-box li .icon { background: #F19EC2; }
#counseling .flow-real .flow-box li .icon::before,
#counseling .flow-online .flow-box li .icon::before { content: ""; border: solid transparent; border-width: 8px; position: absolute; top: calc(100% - 2px); left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); }
#counseling .flow-real .flow-box li .icon::before { border-top-color: #3BC3D3; }
#counseling .flow-online .flow-box li .icon::before { border-top-color: #F19EC2; }
#counseling .flow-real .flow-box li dl,
#counseling .flow-online .flow-box li dl { padding: 30px 20px; margin: 0; position: relative; background: #fff; }
#counseling .flow-real .flow-box li dl { border: 3px solid #3BC3D3; }
#counseling .flow-online .flow-box li dl { border: 3px solid #FAC8DC; }
#counseling .flow-real .flow-box li:not(:last-child) dl::before,
#counseling .flow-online .flow-box li:not(:last-child) dl::before { content: ""; width: 14px; height: 14px; margin-right: 10px; display: inline-block; position: absolute; top: calc(50% - 14px); left: 104%; -webkit-transform: rotate(45deg); transform: rotate(45deg); }
#counseling .flow-real .flow-box li:not(:last-child) dl::before { border-top: 4px solid #3BC3D3; border-right: 4px solid #3BC3D3; }
#counseling .flow-online .flow-box li:not(:last-child) dl::before { border-top: 4px solid #F19EC2; border-right: 4px solid #F19EC2; }
#counseling .flow-real .flow-box li dl dt,
#counseling .flow-online .flow-box li dl dt { font-size: 1.2em; font-weight: 600; -ms-flex-preferred-size: 20%; flex-basis: 20%; margin-bottom: 1vh; text-align: center; }
#counseling .flow-real .flow-box li dl dt { color: #3BC3D3; }
#counseling .flow-online .flow-box li dl dt { color: #EE87B4; }
#counseling .flow-real .flow-box li dl dd,
#counseling .flow-online .flow-box li dl dd { line-height: 1.8!important; }
#counseling .consult { max-width: 1052px; margin: 0 auto; }
#counseling .consult-box { display: flex; flex-wrap: wrap; justify-content: space-between; }
#counseling .consult-item { width: 32.5%; background: #fff; padding: 2em 1.5em; border-radius: 10px; margin-bottom: 1em; }
#counseling .consult-item .icon { text-align: center; }
#counseling .consult-item .icon img { width: 40%; }
#counseling .consult-item ul { list-style: none; margin-left: 0; }
#counseling .consult-item li { line-height: 2; padding-left: 1.6em; position: relative; }
#counseling .consult-item li:before { width: 16px; height: 16px; border-radius: 3px; background: #fff; border: 1px solid #000; left: 0; top: 8px; content: ""; display: block; position: absolute; }
#counseling .counseling-voice-box { display: flex; flex-wrap: wrap; justify-content: space-between; }
#counseling .counseling-voice-list { padding: 1em 3em 2em; margin: 0 auto 1em; background: #fff; border-radius: 10px; box-shadow: 0px 16px 24px rgba(0, 0, 0, 0.08); }
#counseling .voice-item { display: flex; flex-wrap: wrap; align-items: center; margin: 0 auto 1em; }
#counseling .voice-icon { width: 15%; }
#counseling .voice-icon img { width: 100%; }
#counseling .voice-prof { width: 20%; padding-left: 1em; }
#counseling .voice-prof p.name { margin: 0; }
#counseling .voice-prof p.job { margin: 0 auto 0.5em; }
#counseling .voice-prof p.industry { background: #fafafa; border: 1px solid #ccc; width: fit-content; padding: 0 1em; }
#counseling .voice-note { width: 65%; padding-left: 1em; }
#counseling .voice-note ul { margin-left: 0; display: flex; flex-wrap: wrap; list-style: none; }
#counseling .voice-note li { text-align: center; margin: 0 0.5em 0.5em 0; padding: 1em 1.5em; line-height: 0!important; width: fit-content; color: #3bc3d3; border: 1px solid #3bc3d3; border-radius: 20px; }
#cocotore .flow−content { margin: 0 auto 8em; }
#cocotore .flow−box { width: 100%; max-width: 880px; margin: 0 auto; }
#cocotore .flow−box ul { padding: 0; margin-left: 0; }
#cocotore .flow−box li { list-style-type: none!important; }
#cocotore .flow−box dd { margin-left: 0; }
#cocotore .flow−box .flow-guide li { padding: 0 0 1em; margin-bottom: 3.5em; }
#cocotore .flow−box .flow-guide li:not(:last-child) { border-bottom: 2px solid #83b8dd; position: relative; }
#cocotore .flow−box .flow-guide li:not(:last-child)::before,
#cocotore .flow−box .flow-guide li:not(:last-child)::after { content: ""; border: solid transparent; position: absolute; top: 100%; left: 20%; -webkit-transform: translateX(-50%); transform: translateX(-50%); }
#cocotore .flow−box .flow-guide li:not(:last-child)::before { border-width: 22px; border-top-color: #83b8dd; }
#cocotore .flow−box .flow-guide li:not(:last-child)::after { border-width: 19px; border-top-color: #fff; }
#cocotore .flow−box .flow-guide li dl { margin: 0; }
#cocotore .flow−box .flow-guide li dl dt { font-size: 160%; font-weight: 600; margin-bottom: 0.8em; display: flex; align-items: center; }
#cocotore .flow−box .flow-guide li dl dt .icon { font-size: 80%; color: #fff; background: #83b8dd; padding: 0.1em 1em; display: inline-block; margin-right: 0.5em; }
#cocotore .flow−box .flow-guide li dl dd { display: flex; }
#cocotore .flow−box .flow-guide li dl dd .flow-guide-txt { width: 100%; flex: 1; }
#cocotore .flow−box .flow-guide li dl dd .flow-guide-img { width: 100%; flex: 1; margin-left: 3em; }
#cocotore .flow−box .flow-guide li dl dd .flow-guide-img img { width: 100%; }
#cocotore .trial-box { width: 100%; max-width: 800px; margin: 0 auto; padding: 0 0 3em; border: 2px solid #EC6A52; border-radius: 20px; overflow: hidden; background: #fff; }
#cocotore .trial-box h3 { font-size: 150%; color: #fff; background: #EC6A52; }
#cocotore .trial-box .trial-price { width: 100%; max-width: 700px; margin: 0 auto 1em; padding-bottom: 1em; text-align: center; border-bottom :1px solid #EC6A52; }
#cocotore .trial-box .trial-price p.campaign-ttl { font-size: 200%; font-weight: 700; line-height: 1.6 !important; margin: 0 auto; }
#cocotore .trial-box .trial-price p.campaign-price { line-height: 1.5!important; margin: 0 auto; }
#cocotore .trial-box .trial-price p.campaign-price span { font-size: 300%; font-weight: 700; color: #EC6A52; }
#cocotore .trial-box .trial-txt { display: flex; justify-content: space-between; flex-wrap: wrap; margin: 0 auto; padding: 0 5em 3em; }
#cocotore .trial-box .trial-txt .trial-list { width: 100%; flex: 1; margin: 0 1em; }
#cocotore .trial-box .trial-txt .trial-list h4 { margin: 1em auto 0.1em; }
#cocotore .price−content { margin: 0 auto 3em; }
#cocotore .price-box p.plan-ttl01-sub,
#cocotore .price-box p.plan-ttl02-sub,
#cocotore .price-box p.plan-ttl03-sub,
#cocotore .price-box p.plan-ttl04-sub { text-align: center; font-size: 155%; font-weight: 600; margin: 0 auto 0.1em; }
#cocotore .price-box p.plan-ttl01-sub { color: #f577ae; }
#cocotore .price-box p.plan-ttl02-sub { color: #83b8dd; }
#cocotore .price-box p.plan-ttl03-sub { color: #92d3e1; }
#cocotore .price-box p.plan-ttl04-sub { color: #3bc3d3; }
#cocotore .price-box p.plan-ttl02-sub img { max-width: 100px; width: 100%; height: auto; position: relative; left: -1em; top: 2.5em; z-index: 3; }
#cocotore .price-box h2.plan-ttl01,
#cocotore .price-box h2.plan-ttl02,
#cocotore .price-box h2.plan-ttl03,
#cocotore .price-box h2.plan-ttl04 { color: #fff; font-size: 185%!important; line-height: 1!important; letter-spacing: 0.03em; padding: 0.4em 0; border-radius: 10px 10px 0 0; margin: 0 auto; }
#cocotore .price-box h2.plan-ttl01 { background: #f577ae; }
#cocotore .price-box h2.plan-ttl02 { background: #83b8dd; }
#cocotore .price-box h2.plan-ttl03 { background: #92d3e1; }
#cocotore .price-box h2.plan-ttl04 { background: #3bc3d3; }
#cocotore .price-box h2.plan-ttl02 span { font-size: 16px; letter-spacing: 0!important; background: #425C6F; color: #fff; margin-right: 1em; padding: 0.3em 0.2em 0.3em 0.5em; }
#cocotore .plan-content01,
#cocotore .plan-content02,
#cocotore .plan-content03,
#cocotore .plan-content04 { padding: 2em 4.5em; border-radius: 0 0 10px 10px; }
#cocotore .plan-content01 { background: rgba(245, 119, 174, 0.15); }
#cocotore .plan-content02 { background: rgba(131, 184, 221, 0.15); }
#cocotore .plan-content03 { background: rgba(146, 211, 225, 0.15); }
#cocotore .plan-content04 { background: rgba(59, 195, 211, 0.15); }
#cocotore p.plan-txt { text-align: center; }
#cocotore p.plan-txt span { color: #fff; background: #f577ae; padding: 0.2em 0.5em; margin-right: 0.5em; }
#cocotore .price-box p span.marker { color: #333; font-weight: bold; padding: 0; margin: 0; background: linear-gradient(transparent 60%, #FFF98F 60%); }
#cocotore .plan-price-content { width: 100%; max-width: 520px; margin: 2em auto 0; border-radius: 10px; }
#cocotore .plan-price-content h3.plan-price-ttl01,
#cocotore .plan-price-content h3.plan-price-ttl02,
#cocotore .plan-price-content h3.plan-price-ttl03,
#cocotore .plan-price-content h3.plan-price-ttl04 { color: #fff; font-size: 160%; line-height: 1!important; letter-spacing: 0.04em; padding: 0.45em 0 0.25em; border-radius: 10px 10px 0 0; margin: 0 auto; }
#cocotore .plan-price-content h3.plan-price-ttl01 { background: #f577ae; }
#cocotore .plan-price-content h3.plan-price-ttl02 { background: #83b8dd; }
#cocotore .plan-price-content h3.plan-price-ttl03 { background: #92d3e1; }
#cocotore .plan-price-content h3.plan-price-ttl04 { background: #3bc3d3; }
#cocotore .plan-price-box01,
#cocotore .plan-price-box02,
#cocotore .plan-price-box03,
#cocotore .plan-price-box04 { text-align: center; background: #fff; border-radius: 0 0 10px 10px; }
#cocotore .plan-price-box01 { padding: 2em 4.5em 3em; border: 2px solid #f577ae; }
#cocotore .plan-price-box02 { padding: 2em 3em 1em; border: 2px solid #83b8dd; }
#cocotore .plan-price-box03 { padding: 2em 3em 1em; border: 2px solid #92d3e1; }
#cocotore .plan-price-box04 { padding: 2em 3em 1em; border: 2px solid #3bc3d3; }
#cocotore ul.plan-price-list { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; list-style: none; margin: 0 0 1.5em; }
#cocotore ul.plan-price-list li { width: 25%; flex-grow:1; font-weight: bold; line-height: 1!important; padding: 1em 0.5em; }
#cocotore ul.plan-price-list li.item01 { color: #83b8dd; border: 3px solid #83b8dd; }
#cocotore ul.plan-price-list li.item02 { color: #EC6A52; border: 3px solid #EC6A52; }
#cocotore ul.plan-price-list li.item03 { color: #83b8dd; border: 3px solid #83b8dd; }
#cocotore ul.plan-price-list li.item04 { color: #92d3e1; border: 3px solid #92d3e1; }
#cocotore ul.plan-price-list li.plus { width: 5%; font-size: 220%; font-weight: bold; color: #ddd; border: none; padding: 0; }
#cocotore p.price-campaign { background-color: #7AB932; border-radius: 5px; width: 100%; max-width: 400px; font-size: 120%; text-align: center; color: #fff; display: block; margin: 0 auto 1em; font-weight: bold; letter-spacing: 0.05em; position: relative; }
#cocotore p.price-campaign::after { border: 15px solid transparent; border-top-color: #7ab932; border-bottom-width: 0; bottom: -14px; content: ""; display: block; left: 46%; position: absolute; width: 0; }
#cocotore p.price-campaign span { color: #ffff00; }
#cocotore .plan-price-box01 p.campaign-price,
#cocotore .plan-price-box02 p.campaign-price,
#cocotore .plan-price-box03 p.campaign-price,
#cocotore .plan-price-box04 p.campaign-price { font-size: 300%; font-weight: bold; line-height: 1.3!important; text-align: center; margin: 0 auto; }
#cocotore .plan-price-box01 p.campaign-price span,
#cocotore .plan-price-box02 p.campaign-price span,
#cocotore .plan-price-box03 p.campaign-price span,
#cocotore .plan-price-box04 p.campaign-price span { font-size: 50%; padding: 0 0 0 0.1em; }
#cocotore .plan-price-box02 table,
#cocotore .plan-price-box03 table,
#cocotore .plan-price-box04 table { margin: 1em auto; }
#cocotore .plan-price-box02 table th,
#cocotore .plan-price-box02 table td,
#cocotore .plan-price-box03 table th,
#cocotore .plan-price-box03 table td,
#cocotore .plan-price-box04 table th,
#cocotore .plan-price-box04 table td { padding: 0.3em 2em 0.2em; }
#cocotore .plan-price-box02 p.price-note,
#cocotore .plan-price-box03 p.price-note,
#cocotore .plan-price-box04 p.price-note { font-size: 14px; text-align: left; line-height: 1.8!important; }
#cocotore .remarks-content { display: flex; flex-wrap: wrap; justify-content: space-between; margin: 1em auto 0; }
#cocotore .remarks-content .note-box01,
#cocotore .remarks-content .note-box02 { width: 48.888%; height: auto; }
#cocotore .remarks-content .note-box01 h3,
#cocotore .remarks-content .note-box02 h3 { color: #fff; font-size: 130%; line-height: 1!important; letter-spacing: 0; padding: 0.5em 0 0.35em; border-radius: 10px 10px 0 0; margin: 0 auto; }
#cocotore .remarks-content .note-box01 h3 { background: #F8B042; }
#cocotore .remarks-content .note-box02 h3 { background: #EC6A52; }
#cocotore .remarks-content .note-box01 .note-txt,
#cocotore .remarks-content .note-box02 .note-txt { background: #fff; padding: 1em 1.5em 1em; display: flex; flex-direction: column; }
#cocotore .remarks-content .note-box01 .note-txt { border: 2px solid #F8B042; }
#cocotore .remarks-content .note-box02 .note-txt { border: 2px solid #EC6A52; }
#cocotore .remarks-content .note-txt p { margin: 0 auto 1em; }
#cocotore .remarks-content .note-txt img { width: auto; height: 100%; max-height: 230px; }
#cocotore .course-content { padding: 1.5em 5em; margin: 3em auto 0; background: #fff; }
#cocotore .course-content h3.course-ttl { font-size: 145%; margin: 0 auto 0.8em; }
#cocotore .course-note h3.course-ttl01,
#cocotore .course-note h3.course-ttl02,
#cocotore .course-note h3.course-ttl03,
#cocotore .course-note h3.course-ttl04 { color: #fff; font-size: 120%; margin: 0 auto 0.5em; }
#cocotore .course-note h3.course-ttl01 { background: #f577ae; }
#cocotore .course-note h3.course-ttl02 { background: #83b8dd; }
#cocotore .course-note h3.course-ttl03 { background: #92d3e1; }
#cocotore .course-note h3.course-ttl04 { background: #3bc3d3; }
#cocotore .course-detail { display: flex; flex-wrap: wrap; justify-content: space-between; margin: 0 auto 1em; }
#cocotore .detail-list { width: 100%; flex: 1; text-align: center; }
#cocotore .home-t { border-left: 2px solid #ddd; }
#cocotore .detail-list img { width: 100%; max-width: 100px; }
#cocotore .detail-list h4 { font-size: 110%; margin: 0 auto; line-height: 1.5!important; }
#cocotore .detail-list h4 span { font-weight: 500; font-size: 16px; }
#cocotore .course-note { display: flex; margin: 1em auto 0; }
#cocotore .course-time,
#cocotore .course-pay { width: 100%; flex: 1; background: #fff; padding: 1.5em 3em; }
#cocotore .course-time { margin-right: 0.5em; }
#cocotore .course-time p { text-align: center; }
#cocotore .course-pay { margin-left: 0.5em; }
#cocotore .course-pay p { text-align: center; margin: 0 auto 0.5em; }
#cocotore .course-pay p.on { font-size: 14px; line-height: 1.6!important; }
#cocotore .price-box th,
#cocotore .price-box td { vertical-align: middle; }
#cocotore .price-box td span.price { font-size: 200%; font-weight: 600; padding-right: 0.1em; }
#cocotore .price-box td ul { list-style: none!important; margin-left: 0; margin-bottom: 0.5em; }
#cocotore .price-box td ul li { text-align: left; }
#cocotore .price-box td ul li:before { content: '\025cf'; color: #83b8dd; padding-right: 0.3em; }
#cocotore .price-box .campaign { text-align: center; margin: 0 auto; }
#cocotore .price-box .campaign h3.campaign-ttl { font-size: 200%; margin-bottom: 1em; line-height: 1.3 !important; }
#cocotore .price-box .campaign h3.campaign-ttl span { font-size: 160%; }
#cocotore .price-box .campaign .campaign-box { width: 100%; max-width: 540px; margin: 0 auto; border: 2px solid #EC6A52; }
#cocotore .price-box .campaign .campaign-box h3 { font-size: 160%; color: #fff; background: #EC6A52; margin-bottom: 0; }
#cocotore .price-box .campaign .campaign-box .campaign-txt { padding: 0.5em 0 3em; }
#cocotore .price-box .campaign .campaign-box .campaign-txt p.campaign-price { margin-bottom: 0!important; line-height: 1.5!important; }
#cocotore .price-box .campaign .campaign-box .campaign-txt p.campaign-price span { font-size: 300%; font-weight: 600; color: #EC6A52; }
#cocotore .note { display: flex; }
#cocotore .note-box-l { width: 100%; flex: 1; border: 1px solid #F8B042; margin-right: 0.5em; text-align: center; background: #fff; }
#cocotore .note-box-l h3 { color: #fff; background: #F8B042; padding: 0.5em 0; }
#cocotore .note-box-l .note-box-txt { padding: 0 2em; }
#cocotore .note-box-l-2col { display: flex; margin: 0 auto 1.5em; }
#cocotore .note-box-l-2col-txt,
#cocotore .note-box-l-2col-img { width: 100%; flex: 1; }
#cocotore .note-box-l-2col-txt p { text-align: left; line-height: 1.8!important; }
#cocotore .note-box-l-2col-img { padding-right: 1em; }
#cocotore .note-box-l-2col-img img { width: 100%; }
#cocotore .note-box-r { width: 100%; flex: 1; border: 1px solid #EC6A52; margin-left: 0.5em; text-align: center; background: #fff; }
#cocotore .note-box-r h3 { color: #fff; background: #EC6A52; padding: 0.5em 0; }
#cocotore .note-box-r .note-box-txt { padding: 0 2em; }
#cocotore .note-box-r p { line-height: 1.8!important; margin: 0 auto 1em!important; }
#cocotore .note-box-r .note-box-txt img { width: 50%; }
#cocotore .note-box-r h4 { margin: 1em auto; }
#cocotore .note-box-r table { width: 80%!important; margin: 0 auto 1em; }
#cocotore .note-box-r table td span.price { font-size: 140%; font-weight: 600; }
#cocotore .price-pay { padding: 0 0 3em; }
#cocotore .price-pay th,
#cocotore .price-pay td { text-align: center; vertical-align: middle; }
#cocotore .price-pay th.bg-w,
#cocotore .price-pay td.bg-w { width: 25%; background: #fff; }
#cocotore .price-pay th.bg-gr,
#cocotore .price-pay td.bg-gr { width: 30%; background: #f7f7f7; }
#cocotore .price-pay th.bg-y,
#cocotore .price-pay td.bg-y { background: #FDF8D5; }
#cocotore .price-pay th { font-weight: 600; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; border-left: none; border-right: none; }
#cocotore .price-pay td { border-top: none; border-bottom:1px solid #ccc; border-left: none; border-right: none; }
#cocotore .price-pay td li { text-align: left; margin: 0 auto; }
#cocotore .price-guide .payment-way { width: 100%; max-width: 860px; margin: 0 auto; padding: 3em 5em; background: #fff; border-radius: 5px; box-shadow: 3px 3px 10px 0 rgba(0, 0, 0, 0.1); }
#cocotore .price-guide .payment-way img { width: 70%; }
#cocotore .price-guide h2 span { font-size: 80%; }
#cocotore .price-guide dl { display: flex; }
#cocotore .price-guide dl .payment-box { width: 100%; flex: 1; background: #f7f7f7; text-align: center; padding: 2em 0; margin: 0 1em; border-radius: 5px; }
#cocotore .price-guide dl .payment-box dt { display: inline-block; background: #fff; padding: 0.1em 2em; border-radius: 20px; }
#cocotore .price-guide dl .payment-box dd span.price { font-size: 200%; font-weight: 600; }
#cocotore .seminar-item { display: flex; flex-wrap: wrap; justify-content: space-between; }
#cocotore .seminar-item { list-style: none; margin-left: 0; }
#cocotore .seminar-item li { font-size: 14px; width: 48.888%; margin-bottom: 1em; border: 1px solid #ddd; }
#cocotore .seminar-item li a { color: #000; }
#cocotore .seminar-txt { padding: 1em 2em; }
#cocotore .seminar-txt .day p { font-size: 15px; font-weight: 600; border-bottom: 1px solid #ddd; padding-bottom: 0.3em; margin: 0 auto 1em; line-height: 1.8!important; }
#cocotore .tag { width: 100%; display: flex; flex-wrap: wrap; list-style: none; margin-left: 0; }
#cocotore .tag li { width: auto!important; text-align: center; font-size: 12px; border: 1px solid #ddd; padding: 0.1em 1em; margin: 0 0.5em 0.5em 0; border-radius: 20px; }
#cocotore .seminar-box { margin: 0 auto 6em; }
#cocotore .seminar-box img { width: 80%; }
#cocotore .seminar-box .rtoc-mokuji-content.animation-fade { display: none; }
#cocotore .seminar-box p span.marker { font-weight: bold; background: linear-gradient(transparent 60%, #FFF98F 60%); }
#cocotore .seminar-box p span.pink { font-weight: bold; color: #F172A3; }
#cocotore .seminar h2.s-ttl01 { font-size: 150%!important; text-align: left!important; }
#cocotore .seminar h2.s-ttl02 { font-size: 150%!important; text-align: left!important; padding: 0 0 0.1em 0.5em; border-left: 3px solid #84b9de; border-bottom: 1px solid #ccc; }
#cocotore .seminar h3 { text-align: left; font-size: 150%!important; padding:0 .4em .2em; border-bottom: 3px dotted #84b9de; background-color: #fff; }
#cocotore .seminar-rec { padding-bottom: 3em; margin: 0 auto; }
#cocotore .seminar-rec ul { margin: 0 auto 2em; margin-left: 0; padding: 0 5em; }
#cocotore .seminar-rec ul { list-style-type: none; }
#cocotore .seminar-rec ul li { position: relative; }
#cocotore .seminar-rec ul li::after { content: ''; display: block; position: absolute; top: 0.8em; left: -1.5em; width: 15px; height: 7px; border-left: 3px solid #f577ae; border-bottom: 3px solid #f577ae; transform: rotate(-45deg); }
#cocotore .seminar-rec p { text-align: center; }
#cocotore .seminar-time ol { margin: 0 auto; padding: 0 5em; }
#cocotore .seminar-box th,
#cocotore .seminar-box td { vertical-align: middle; }
#cocotore .seminar-box th { width: 20%; }
#cocotore .seminar-box td iframe.map { width: 100%; height: 360px; }
#cocotore .voice { width: 100%; max-width: 820px; margin: 0 auto; }
#cocotore .voice .voice-box ul { display: flex; justify-content: space-around; flex-direction: row; flex-wrap: wrap; list-style: none; align-items: stretch; margin-left: 0; }
#cocotore .voice .voice-box li { display: flex; width: 100%; margin: 0 0 1em; }
#cocotore .voice .voice-box li .case { display: flex; padding: 2em 2em 1.5em; background: #fff; border-radius: 5px; box-shadow: 3px 3px 10px 0 rgba(0, 0, 0, 0.1); }
#cocotore .voice .voice-box li .case .case-box-img { width: 100%; flex: 1; text-align: center; margin-right: 1em; }
#cocotore .voice .voice-box li .case .case-box-img img { width: 40%; border-radius: 100%; border: 2px solid #ccc; }
#cocotore .voice .voice-box li .case .case-box-txt { width: 100%; flex: 3; }
#cocotore .voice .voice-box li .case .case-box-txt p { line-height: 2!important; }
#cocotore .info-box { display: flex; }
#cocotore .info-box .info-txt { width: 100%; flex: 1; margin-right: 8em; }
#cocotore .info-box .info-txt h2 { font-size: 120%!important; font-weight: 600; text-align: left; border-left: 3px solid #83b8dd; padding: 0 0 0.3em 0.8em; }
#cocotore .info-box .info-txt .info-img { text-align: center; margin-bottom: 1em; }
#cocotore .info-box .info-txt .info-img img { width: 80%; }
#cocotore .info-box .info-txt dt,
#cocotore .info-box .info-txt dd { text-align: center; padding-bottom: 0.5em; border-bottom: 1px solid #ccc; line-height: 2!important; }
#cocotore .info-box .info-txt dt { width: 35%; float: left; }
#cocotore .info-box .info-txt .tel a { font-size: 220%; font-weight: 600; color: #84b9de !important; }
#cocotore .info-box .info-txt .tel a::before { display: inline-block; position: relative; content: url(/wp-content/uploads/img/tel.svg); width: 35px; height: 0; top: 6px; left: 0; margin-right: 8px; }
#cocotore .info-box .info-txt dd { margin-bottom: 0.5em; }
#cocotore .info-box .info-map { width: 100%; flex: 2; }
#cocotore .info-box .info-map h2 { font-size: 100%; font-weight: 600; text-align: left; border-left: 3px solid #83b8dd; padding: 0 0 0.3em 0.8em; }
#cocotore .info-box .info-map iframe { width: 100%; height: 600px; }
#cocotore .scta { width: 100%; max-width: 1020px; margin: 0 auto; }
#cocotore .scta th { width: 30%; background: #f8f6f4; }
#cocotore .scta th,
#cocotore .scta td { vertical-align: middle; }
#cocotore .tos { width: 100%; margin: 0 auto; }
#cocotore .tos th { width: 30%; background: #f8f6f4; font-weight: 600; }
#cocotore .privacy { width: 100%; max-width: 1020px; margin: 0 auto; }
#cocotore .privacy th { width: 20%; background: #f8f6f4; }
#cocotore .privacy th,
#cocotore .privacy td { vertical-align: middle; }
#cocotore .cancel { margin: 0 auto 5em; }
#cocotore .cancel h2 { text-align: left; margin: 0 auto 0.8em; padding: 0 0 0 0.5em; border-left: 3px solid #84b9de; }
#cocotore .cancel h3 { text-align: left; margin: 0 auto 0.8em; border-bottom: 1px solid #ccc; }
#cocotore .recruit { width: 100%; max-width: 930px; margin: 0 auto; }
#cocotore .recruit-box { display: flex; flex-wrap: wrap; justify-content: space-between; margin: 0 auto 5em; }
#cocotore .recruit-img { line-height: 0; }
#cocotore .recruit-counselor,
#cocotore .recruit-rece { width: 48.888%; }
#cocotore .recruit-txt { text-align: center; color: #fff; padding: 0.5em; }
#cocotore .recruit-counselor { border: 1px solid #84b9de; }
#cocotore .recruit-counselor .recruit-txt { background: #84b9de; }
#cocotore .recruit-rece { border: 1px solid #dfa8b5; }
#cocotore .recruit-rece .recruit-txt { background: #dfa8b5; }
#cocotore .recruit-txt p::after { border-top: 2px solid #fff; border-right: 2px solid #fff; content: ""; display: inline-block; height: 10px; margin-left: 1em; margin-top: -2px; -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(45deg); width: 10px; }
#cocotore .recruit-list { margin: 0 auto 8em; }
#cocotore .recruit th { width: 30%; }
#cocotore h2.ttl-counselor,
#cocotore h2.ttl-rece { color: #fff; font-size: 20px; padding: 0.3em; margin: 0 auto 1em; }
#cocotore h2.ttl-counselor { background: #84b9de; }
#cocotore h2.ttl-rece { background: #dfa8b5; }
#cocotore .recruit-contact { text-align: center; background: rgb(132,185,222,0.25); padding: 3em 0 2em; }
#cocotore .recruit-contact h2 { margin: 0 auto; }
#cocotore .recruit-contact p { margin: 0 auto 1em; }
#cocotore .recruit-contact a.tel { color: #333; margin: 0 auto; font-size: 32px; font-weight: 600; line-height: 1.5 !important; }
@media screen and (max-width:1380px) {
  #cocotore .content-box { width: 100%; max-width: 930px; margin: 0 auto 8em; }
}
@media screen and (max-width:1280px) {
  #cocotore .br-sp { display: none; }
  #cocotore h2.ttl03 { font-size: 200%!important; }
  #cocotore .about-box .about-list h3 { font-size: 140%; }
  #cocotore .flow−box .flow-guide li dl dt { font-size: 130%; }
  #cocotore .note-box-l-2col { display: block; }
  #cocotore .note-box-l .note-box-txt { padding: 0 1.5em; }
  #cocotore .note-box-l .note-box-txt p { margin-bottom: 1em; }
  #cocotore .note-box-l-2col-img { padding-right: 0; margin-bottom: 1em; }
  #cocotore .note-box-l-2col-img img { width: 65%; }
  #cocotore .note-box-r .note-box-txt { padding: 0 1.5em; }
  #cocotore .note-box-r h4 { margin: 2em auto 1em; }
  #cocotore .note-box-r table { width: 100% !important; }
  #cocotore .price-pay h2 { font-size: 160%!important; }
  #cocotore .price-pay th.bg-w,
  #cocotore .price-pay td.bg-w { width: 23%; }
}
@media screen and (max-width:1221px) {
  #cocotore .note-box-r .note-box-txt img { width: 100%; }
  #cocotore .pc { display: block; }
  #cocotore .sp { display: none; }
}
@media screen and (max-width:1000px) {
  #cocotore .br-sp { display: none; }
  #cocotore .content-box,
  #cocotore .content-box02 { width: auto!important; margin: 0 auto 5em; }
  #cocotore h2.ttl03 { font-size: 180% !important; }
  #cocotore .trouble-box { margin: 0 auto 1em; }
  #cocotore .trouble-box .trouble-txt01,
  #cocotore .trouble-box .trouble-txt02 { padding: 2em 3em; }
  #cocotore .trouble-box .trouble-txt01 { margin-left: 1.5em; }
  #cocotore .trouble-box .trouble-txt02 { margin-right: 1.5em; }
  #cocotore .trouble-box .trouble-txt01 ul li,
  #cocotore .trouble-box .trouble-txt02 ul li { font-size: 100%; }
  #cocotore .trouble h2 { font-size: 160% !important; }
  #cocotore .about-box .about-list h3 { font-size: 125%; }
  #cocotore .top-info-box { display: block; }
  #cocotore .top-info-box .top-info-l { text-align: center; padding: 0; }
  #cocotore .top-info-box .top-info-l .info-logo img { width: 50%; }
  #cocotore .voice .voice-box ul { display: block; }
  #cocotore .voice .voice-box li { width: 100%; }
  #cocotore .note { display: block; }
  #cocotore .note-box-l { margin-right: 0; margin-bottom: 1em; }
  #cocotore .note-box-r { margin-left: 0; }
  #cocotore .price-pay h2 { font-size: 140%!important; }
  #cocotore .price-pay-box { height: auto; overflow: scroll hidden; direction: inherit; -webkit-box-sizing: border-box !important; box-sizing: border-box !important; position: relative; display: block; height: 100%; width: auto; max-width: 100%; max-height: 100%; scrollbar-width: none; -ms-overflow-style: none; }
  #cocotore .price-pay-box table { white-space: nowrap; overflow: auto; margin-left: calc(0 / 750* 100vw); width: 100%; border-collapse: collapse; border-spacing: 0; display: block; overflow-x: auto; -webkit-overflow-scrolling: touch; }
  #cocotore .info-box { display: block; }
  #cocotore .info-box .info-txt { margin-right: 0; margin-bottom: 3em; }
  #cocotore .info-box .info-txt .info-img img { width: 50%; }
}
@media screen and (max-width:820px) {
  #counseling .mv-box { margin: 0 auto; }
  #counseling .problems-list { margin: 0 1.5em 5em; }
  #counseling .message { margin: 0 1.5em; }
  #counseling .point-box { margin: 0 1.5em; }
  #counseling .point-item { padding: 2em 1em; }
  #counseling .point-item h3 { font-size: 1.2em; }
  #counseling .how { margin: 0 1.5em; }
  #counseling .how-txt h3 { font-size: 1.4em; }
  #counseling .icon-box { padding: 0 2em; }
  #counseling .step-box { max-width: inherit; padding: 5em 4em; margin: 0 1.5em; }
}
@media screen and (max-width:599px) {
  #cocotore .pc { display: none; }
  #cocotore .sp { display: block; }
  #cocotore .br-sp { display: block; }
  #cocotore .content-box,
  #cocotore .content-box02 { width: auto; margin: 0 auto 3em; }
  #cocotore h2 { font-size: 130%!important; }
  #cocotore h2.ttl01 { font-size: 160%!important; }
  #cocotore h2.ttl01::before { width: 25px; }
  #cocotore h2.ttl02 { font-size: 150% !important; }
  #cocotore h2.ttl03 { font-size: 160% !important; }
  #cocotore h2.ttl04 { font-size: 150% !important; }
  #cocotore h2.ttl04:before { left: 40px; border-width: 15px; }
  #cocotore h3 { font-size: 120%; }
  #cocotore .btn a { padding: 1.3em 3.5em; }
  #cocotore a.btn02 { width: 100%; max-width: 280px; font-size: 14px; padding: 0.8em 2em; }
  #cocotore .cocotore-note { margin: 0 auto 1em; }
  #cocotore .cocotore-note h3 { font-size: 120%; }
  #cocotore .cocotore-note p { padding: 0 1em 1em; }
  #cocotore .column h2,
  #cocotore .column h3 { font-size: 120%!important; }
  #cocotore .column img { width: 100%; }
  #cocotore .column ul { margin-left: 0!important; }
  #cocotore .column ul li { gap: 0 7px; }
  #cocotore .top-content { padding: 3em 0 5em; }
  #cocotore .top-info-box { display: block; }
  #cocotore .top-info-box .top-info-l,
  #cocotore .top-info-box .top-info-r { width: auto; text-align: center; }
  #cocotore .top-info-box .top-info-l { padding: 0; }
  #cocotore .top-info-box .top-info-l .tel a { font-size: 230%; }
  #cocotore .top-info-box .top-info-l .tel a::before { width: 35px; top: 5px; margin-right: 3.2px; }
  #cocotore .top-info-box .top-info-r .map iframe { height: 230px; }
  #cocotore .box-2col { display: block; }
  #cocotore .box-2col-txt,
  #cocotore .box-2col-img { padding: 0 0 1em; }
  #cocotore .trouble-box { display: block; margin: 0 auto 1em; }
  #cocotore .trouble-box .trouble-img img { width: 90%; }
  #cocotore .trouble-box .trouble-txt01 { margin-left: 0; }
  #cocotore .trouble-box .trouble-txt02 { margin-right: 0; }
  #cocotore .trouble-box .trouble-txt01,
  #cocotore .trouble-box .trouble-txt02 { padding: 2em 1.5em; }
  #cocotore .trouble-box .trouble-txt01 ul li:before,
  #cocotore .trouble-box .trouble-txt02 ul li:before { width: 15px; height: 15px; top: 8px; }
  #cocotore .trouble-box .trouble-txt01 ul li:after,
  #cocotore .trouble-box .trouble-txt02 ul li:after { width: 16px; height: 10px; left: 4px; top: 6px; }
  #cocotore .trouble-content { display: block; margin: 1em auto 0; }
  #cocotore .trouble-content .trouble-content-l { margin-left: 0; margin-bottom: 1em; }
  #cocotore .trouble-content .trouble-content-r p { margin: 0 auto 3em; }
  #cocotore .about-content p { text-align: left; }
  #cocotore .about-content img { width: 100%; }
  #cocotore .about-box { display: block; margin: 0 auto 4em; }
  #cocotore .about-box .about-list h3 { font-size: 140%; }
  #cocotore .about-box .about-list img { width: 65%; }
  #cocotore .counseling-content { margin: 3em auto 0; }
  #cocotore .counseling-box { display: block; margin: 0 auto 3em; }
  #cocotore .counseling-box-l { padding-bottom: 1em; }
  #cocotore .counseling-box-r { padding-left: 0; }
  #counseling section { padding: 0 0 3em; }
  #counseling h2 { font-size: 1.5em!important; }
  #counseling h2 span { font-size: 0.7em; }
  #counseling h2 img { width: 100%; }
  #counseling .mv-box { margin: 0 auto; }
  #counseling .problems-box { max-width: 100%; padding: 3em 1.5em; }
  #counseling .problems-list { display: block; margin: 0 auto 5em; padding: 2em 1.5em; }
  #counseling .problems-txt h2 img { width: 100%; }
  #counseling .problems-list-txt h2 { margin: 0 auto 1.5em; }
  #counseling .problems-list ul { margin: 0 auto 1em; }
  #counseling .problems-list ul li { padding-left: 2.1em; padding-bottom: 0.3em; margin: 0 auto 0.5em; }
  #counseling .problems-list-img img { width: 100%; }
  #counseling .problems-txt h3 { font-size: 1.5em!important; }
  #counseling .problems-txt h3 img { width: 100%; }
  #counseling .problems-txt img { width: 100%; }
  #counseling .message { display: block; padding: 0 1.5em; }
  #counseling .message-img { padding-right: 0; margin: 0 auto 1em; }
  #counseling .point { max-width: 100%; padding: 0 1.5em; }
  #counseling .point-img img { width: 80%; }
  #counseling .point-box { display: block; }
  #counseling .point-item { width: 100%; padding: 2em; margin: 0 auto 1em; box-shadow: 0px 5px 24px rgba(0, 0, 0, 0.08); }
  #counseling .point-item img { width: 45%; }
  #counseling .step { padding: 2em 1.5em; }
  #counseling .step-box { max-width: 100%; padding: 3em 1.35em 2em 1em; }
  #counseling .step-box .flow { margin-left: 0; }
  #counseling .step-box .flow::before { left: 95px; }
  #counseling .step-box .flow li .icon { font-size: 12px; padding: 8px 10px; }
  #counseling .step-box .flow li dl { display: block; padding-left: 0; }
  #counseling .step-box .flow li dl::before { left: -38px; }
  #counseling .step-box .flow li dl::after { left: -18px; }
  #counseling .step-box .flow li dl dd { margin-left: 0; }
  #counseling .step-box .flow li dl dt h3 { margin: 0 auto 0.5em; }
  #counseling .step-box .flow li dl dt img { width: 50%; }
  #counseling .condition { padding: 0 1.5em; }
  #counseling .condition-check-box { display: block; }
  #counseling .condition-method { border-left: none; }
  #counseling .condition-check,
  #counseling .condition-method { padding: 0; }
  #counseling .condition-method .method01 { margin: 0 auto 1em; }
  #counseling .condition-method .method02-1,
  #counseling .condition-method .method02-2,
  #counseling .condition-method .method02-3 { margin: 0 auto; }
  #counseling .how { display: block; padding: 0 1.5em; margin: 0 auto; }
  #counseling .how-box { width: 100%; margin: 0 auto 2em; }
  #counseling .how-txt { padding: 1em 1.5em 1.5em; }
  #counseling .select-box { padding: 0 1.5em; }
  #counseling .select-txt { display: block; }
  #counseling .select-txt h3 { line-height: 1.6!important; }
  #counseling .select-txt-r img { width: 100%; }
  #counseling .hearing { display: block; padding: 2em 1.5em; }
  #counseling .hearing-box01,
  #counseling .hearing-box02 { padding: 1em 0; }
  #counseling .hearing-box01 { border-radius: 8px 8px 0 0; }
  #counseling .hearing-box02 { border-radius: 0 0 8px 8px; }
  #counseling .effect-box { display: block; padding: 0 1.5em; margin: 0 auto; }
  #counseling .effect-list { width: 100%; margin: 0 auto 2em; box-shadow: 0px 5px 24px rgba(0, 0, 0, 0.08); }
  #counseling .effect-item-txt h3 { font-size: 1.5em; }
  #counseling .price { padding: 3em 1.5em; border-radius: 0; margin: 0 auto; }
  #counseling .price-box { padding: 1.5em 1.5em 5em; }
  #counseling .price-list { display: block; }
  #counseling .cause-price { text-align: center; padding: 1em 0; border-radius: 0 0 8px 8px; }
  #counseling .flow { padding: 0 1.5em; margin: 0 auto; }
  #counseling .flow-real .flow-box,
  #counseling .flow-online .flow-box { display: block; margin-left: 0; }
  #counseling .flow-real .flow-box li:not(:last-child) dl::before,
  #counseling .flow-online .flow-box li:not(:last-child) dl::before { display: none; }
  #counseling .flow-real .flow-box li,
  #counseling .flow-online .flow-box li { margin: 0 auto 1em; }
  #counseling .consult { padding: 2em 1.5em; }
  #counseling .consult-item { width: 100%; padding: 1em 2.5em 2em; margin: 0 auto 0.5em; }
  #counseling .consult-item h3 { font-size: 1.5em; margin: 0 auto 0.5em; }
  #counseling .consult-item .icon img { width: 32%; }
  #counseling section h2 { margin: 0 auto 0.5em; }
  #counseling .sec04 h2 { margin: 0 auto 0.5em; }
  #counseling .sec04 { padding: 2em 0 1em; }
  #counseling .counseling-voice { padding: 2em 0 0; }
  #counseling .counseling-voice h2 { margin: 0 auto 0.5em; }
  #counseling .counseling-voice-list { margin: 0 1.5em 1em; padding: 1em 1.5em 1.8em; }
  #counseling .voice-icon { width: 40%; }
  #counseling .voice-prof { width: 60%; }
  #counseling .voice-note { width: 100%; padding-left: 0; margin: 1em 0 0; }
  #counseling .counseling-faq { margin: 2em 1.5em 0; }
  #counseling .counseling-faq h2 { margin: 0 auto 0.5em; }
  #cocotore .flow−content { margin: 0 auto 3em; }
  #cocotore .flow−box .flow-guide li dl dd { display: block; }
  #cocotore .flow−box .flow-guide li dl dd .flow-guide-img { padding-top: 3em; margin-left: 0; }
  #cocotore .flow−box .flow-guide li { margin-bottom: 2.5em; }
  #cocotore .flow−box .flow-guide li dl dt .icon { font-size: 70%; padding: 0.1em 0.5em; }
  #cocotore .flow−box .flow-guide li dl dt { font-size: 150%; }
  #cocotore .trial-box h3 { font-size: 130%; }
  #cocotore .trial-box .trial-price p.campaign-ttl { font-size: 160%; }
  #cocotore .trial-box .trial-price p.campaign-price span { font-size: 240%; }
  #cocotore .trial-box .trial-txt { display: block; padding: 0 1.5em 3em; }
  #cocotore .trial-box .trial-txt .trial-list { margin: 0 0 1em; }
  #cocotore .price−content { margin: 0 auto 2em; }
  #cocotore .price-box p.plan-ttl01-sub,
  #cocotore .price-box p.plan-ttl02-sub,
  #cocotore .price-box p.plan-ttl03-sub,
  #cocotore .price-box p.plan-ttl04-sub { font-size: 130%!important; }
  #cocotore .price-box p.plan-ttl04-sub { line-height: 1.6 !important; margin: 0 auto 0.5em; }
  #cocotore .price-box p.plan-ttl02-sub { line-height: 1.5!important; text-align: left; display: flex; gap: 12px; align-items: center; margin: 0 auto 0.5em; }
  #cocotore .price-box p.plan-ttl02-sub img { position: static; max-width: 70px; height: auto; }
  #cocotore .price-box h2.plan-ttl01,
  #cocotore .price-box h2.plan-ttl02,
  #cocotore .price-box h2.plan-ttl03,
  #cocotore .price-box h2.plan-ttl04 { font-size: 160%!important; }
  #cocotore p.plan-txt { text-align: left; }
  #cocotore .plan-price-content h3.plan-price-ttl01,
  #cocotore .plan-price-content h3.plan-price-ttl02,
  #cocotore .plan-price-content h3.plan-price-ttl03,
  #cocotore .plan-price-content h3.plan-price-ttl04 { font-size: 160%!important; }
  #cocotore .plan-content01,
  #cocotore .plan-content02,
  #cocotore .plan-content03,
  #cocotore .plan-content04 { padding: 1em 1.5em; }
  #cocotore .plan-price-box01 { padding: 1.5em 1em 2.5em; }
  #cocotore .plan-price-box02,
  #cocotore .plan-price-box03,
  #cocotore .plan-price-box04 { padding: 1.5em 1em 1em; }
  #cocotore ul.plan-price-list li { padding: 0.5em 0.1em; }
  #cocotore ul.plan-price-list li.plus { width: 1%; font-size: 130%; color: #ccc; }
  #cocotore ul.plan-price-list li.item01,
  #cocotore ul.plan-price-list li.item03 { border: 2px solid #83b8dd; }
  #cocotore ul.plan-price-list li.item02 { border: 2px solid #EC6A52; }
  #cocotore p.price-campaign { font-size: 110%; }
  #cocotore .course-content { padding: 1.5em 1.5em; margin: 1em auto 0; }
  #cocotore .plan-price-box01 p.campaign-price,
  #cocotore .plan-price-box02 p.campaign-price,
  #cocotore .plan-price-box03 p.campaign-price,
  #cocotore .plan-price-box04 p.campaign-price { font-size: 260%; }
  #cocotore .plan-price-box02 table th,
  #cocotore .plan-price-box03 table th,
  #cocotore .plan-price-box04 table th { width: 50%; }
  #cocotore .plan-price-box02 p.price-note,
  #cocotore .plan-price-box03 p.price-note,
  #cocotore .plan-price-box04 p.price-note { font-size: 13px; }
  #cocotore .plan-price-box04 table th,
  #cocotore .plan-price-box04 table td { padding: 0.5em 0; line-height: 1.5 !important; }
  #cocotore .remarks-content { display: block; margin: 0 auto; }
  #cocotore .remarks-content .note-box01,
  #cocotore .remarks-content .note-box02 { width: 100%; }
  #cocotore .remarks-content .note-box01 { margin: 1em auto; }
  #cocotore .course-content h3.course-ttl { font-size: 130%; }
  #cocotore .detail-list { width: 50%; flex: auto; margin: 0.5em auto 0; }
  #cocotore .home-t { border: none; }
  #cocotore .detail-list img { max-width: 85px; }
  #cocotore .detail-list h4 { font-weight: bold; }
  #cocotore .detail-list h4 span { font-size: 14px; }
  #cocotore .course-note { display: block; margin: 0 auto; }
  #cocotore .course-time,
  #cocotore .course-pay { margin: 1em 0 0; padding: 1em 2em 0.5em; }
  #cocotore .price-box { margin: 0 auto 3em; }
  #cocotore .price-box th { width: 30%; line-height: 1.6!important; }
  #cocotore .price-box .campaign h3.campaign-ttl { font-size: 170%; }
  #cocotore .price-box .campaign .campaign-box h3 { font-size: 140%; }
  #cocotore .price-box .campaign .campaign-box .campaign-txt p.campaign-price span { font-size: 250%; }
  #cocotore .note { display: block; }
  #cocotore .note-box-l { margin-right: 0; margin-bottom: 1em; }
  #cocotore .note-box-l .note-box-txt,
  #cocotore .note-box-r .note-box-txt { padding: 0 1.5em; }
  #cocotore .note-box-l .note-box-txt p,
  #cocotore .note-box-r .note-box-txt p { text-align: left; margin-bottom: 0; }
  #cocotore .note-box-l-2col { display: block; }
  #cocotore .note-box-l-2col-img { padding-right: 0; padding-bottom: 1em; }
  #cocotore .note-box-r { margin-left: 0; }
  #cocotore .note-box-r .note-box-txt img { width: 100%; }
  #cocotore .note-box-r table { width: 100%!important; }
  #cocotore .note-box-r table th,
  #cocotore .note-box-r table td { padding-left: 0; padding-right: 0; }
  #cocotore .price-pay { padding: 3em 0; }
  #cocotore .price-pay th.bg-w,
  #cocotore .price-pay td.bg-w { width: 100%; }
  #cocotore .price-pay th.bg-y,
  #cocotore .price-pay td.bg-y { width: 100%; }
  #cocotore .price-pay th.bg-g,
  #cocotore .price-pay td.bg-g { width: 100%; }
  #cocotore .price-guide .payment-way { max-width: 100%!important; padding: 1.5em 1.5em; }
  #cocotore .price-guide dl { display: block; }
  #cocotore .price-guide dl .payment-box { margin: 0 0 1em; padding: 1em 0 0.8em; }
  #cocotore .seminar { padding-bottom: 3em; }
  #cocotore .seminar h2.s-ttl01 { font-size: 120%!important; line-height: 1.8; }
  #cocotore .seminar h2.s-ttl02 { font-size: 120%!important; line-height: 1.8; }
  #cocotore .seminar h3 { font-size: 120%!important; line-height: 1.8; }
  #cocotore .seminar-list { margin: 0 auto 5em; }
  #cocotore .seminar-item { display: block; }
  #cocotore .seminar-item li { width: 100%; margin-right: 0; margin-bottom: 1em; }
  #cocotore .seminar-box { margin: 0 auto 3em; padding: 0 1.5em; }
  #cocotore .seminar-box img { width: 100%; }
  #cocotore .seminar-rec { padding-bottom: 1em; }
  #cocotore .seminar-rec p { padding-bottom: 1em; }
  #cocotore .seminar-rec ul { padding: 0 0 0 1.5em; }
  #cocotore .seminar-rec ul li { margin: 0 auto 0.5em; }
  #cocotore .seminar-rec ul li::after { top: 0.5em; }
  #cocotore .seminar-time ol { padding: 0 0 0 1.5em; }
  #cocotore .seminar-box th,
  #cocotore .seminar-box td { display: block; width: 100%; }
  #cocotore .seminar-box td { border-bottom: none; border-top: none; }
  #cocotore .seminar-box table { border-bottom: 1px solid #ddd; }
  #cocotore .seminar-box td iframe.map { height: 240px; }
  #cocotore .seminar-box .btn { padding-bottom: 1.5em; }
  #cocotore .voice .voice-box li .case { display: block; padding: 2em; }
  #cocotore .voice .voice-box li .case .case-box-img { display: flex; flex-wrap: wrap; align-items: center; margin: 0 0 0.5em 0; }
  #cocotore .voice .voice-box li .case .case-box-img .case-img { width: 100%; flex: 1; text-align: center; }
  #cocotore .voice .voice-box li .case .case-box-img img { width: 80%; }
  #cocotore .voice .voice-box li .case .case-box-img p.case-name { width: 100%; flex: 2; text-align: left; padding-left: 0.3em; }
  #cocotore .voice .voice-box li .case .case-box-txt p { line-height: 1.8!important; }
  #cocotore .info-box { display: block; }
  #cocotore .info-box .info-txt { margin-right: 0; margin-bottom: 2em; }
  #cocotore .info-box .info-map iframe { height: 420px; }
  #cocotore .info-box .info-map h2 { font-size: 120%!important; }
  s /*--------------------------- 特商法に関する記述 ---------------------------*/ #cocotore .scta th,
  #cocotore .scta td { display: block; }
  #cocotore .scta th { text-align: left; display: block; width: auto!important; }
  #cocotore .scta td { display: block; width: 100%!important; border-top: none; border-bottom: none; }
  #cocotore .scta table { border-bottom: 1px solid #ccc; }
  #cocotore .tos th,
  #cocotore .tos td { display: block; }
  #cocotore .tos th { text-align: left; display: block; width: auto!important; }
  #cocotore .tos td { display: block; width: 100%!important; border-top: none; border-bottom: none; }
  #cocotore .tos table { border-bottom: 1px solid #ccc; }
  #cocotore .privacy th,
  #cocotore .privacy td { display: block; }
  #cocotore .privacy th { text-align: left; display: block; width: auto!important; }
  #cocotore .privacy td { display: block; width: 100%!important; border-top: none; border-bottom: none; }
  #cocotore .privacy table { border-bottom: 1px solid #ccc; }
  #cocotore .recruit table { border-bottom: 1px solid #ccc; }
  #cocotore .recruit th { display: block; width: 100%; text-align: left; }
  #cocotore .recruit td { display: block; width: 100%; border-top: none; border-bottom: none; }
  #cocotore .recruit-box { margin: 0 auto 3em; }
  #cocotore .recruit-list { margin: 0 auto 3em; }
  #cocotore .cancel { margin: 0 auto 3em; }
}