/*
Theme Name: Blog Card
Theme URI: https://themeansar.com/free-themes/blog-card/
Author: Themeansar
Author URI: https://themeansar.com
Description: Blog Card is a fast, clean, modern-looking Best Responsive News Magazine WordPress theme. The theme is fully widgetized, so users can manage the content by using easy to use widgets. Blog Card is suitable for dynamic news, newspapers, magazine, publishers, blogs, editors, online and gaming magazines, newsportals,personal blogs, newspaper, publishing or review siteand any creative website. Blog Card is SEO friendly, WPML,Gutenberg, translation and RTL ready. Live preview : https://demos.themeansar.com/blogarise/Blog Card/ and documentation at https://docs.themeansar.com/docs/blogarise/
Version: 0.8
Requires PHP: 7.4
Requires at least: 6.0
Tested up to: 6.9
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Template: blogarise
Text Domain: blogcard
Tags: blog, portfolio, news, grid-Layout, one-column, two-columns, three-columns, flexible-header, left-sidebar, right-sidebar, custom-background, custom-colors, custom-logo, custom-menu, featured-images, footer-widgets, full-width-template, post-formats, rtl-language-support, theme-options, sticky-post, threaded-comments, translation-ready, block-styles, wide-blocks

Blog Card WordPress Theme is child theme of Newsup, Copyright 2023 Themeansar
Blog Card is distributed under the terms of the GNU General Public License v3

Blog Card is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.
*/
p a {
    text-decoration: underline;
}
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
    font-family: 'Heebo', sans-serif;
}
body{
    font-family: 'Nunito', sans-serif;
}
.navbar-wp .navbar-nav > li> a {
    font-family: 'Nunito', sans-serif;
}

::-webkit-scrollbar-thumb:hover { 
    background: var(--grady-color);
}
.site-title {
    font-family: 'Heebo', sans-serif;
}
a:focus {
    outline: 1px solid;
} 
.bs-masonry-columns.c2 {
    column-gap: 1.5rem;
    columns: 2;
}
.bs-masonry-columns div {
  display: inline-block;
  width: 100%; 
}
.bs-headfour .navbar-wp{
    padding-top: 50px;
    padding-bottom: 20px;
}
.list-blog.bs-blog-post {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	-moz-column-gap: 2rem;
	column-gap: 2rem;
	text-align: left;
	padding: 45px;
}
.list-blog .bs-blog-thumb {
    width: 100%;
    height: 100%;
    max-width: 100%;
    min-width: 100%;
}
.navbar-wp .dropdown-menu{
    box-shadow: 0 0 10px 0 #0000003a;
}
.bs-recent-blog-post .small-post .img-small-post.right{
    border: 2px solid #000;
    border-radius: 8px;
}
.bs-blog-meta .bs-author .auth img{
    border: 2px solid #000;
}
.bs-blog-post .title{
    display: -webkit-box;
    max-height: 100%;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.bs-blog-post.single .bs-header .title{
    display: block;
    line-height: 1.2;
}
.comment-form-comment textarea#comment {
    height: 280px;
}
@media (max-width: 991.98px) {
    .bs-masonry-columns.c2{ 
        columns: 1;
    }
}
@media (min-width: 992px) {
    #sidebar-right {
        padding-right: unset;
        padding-left: 20px;
    }
}
@media (max-width: 767.98px) {
    .list-blog.bs-blog-post { 
        grid-template-columns: repeat(1, 1fr);
    }
    .bs-headfour .navbar-wp {
        height: auto;
    }
}

/* --------------------------------------
=========================================
	PLUS AREA
=========================================
-----------------------------------------*/

body {
    font-family: "Noto Sans JP", sans-serif !important;
    font-optical-sizing: auto;
    font-style: normal;
    font-size: 16px !important;
}

.product-subset__table th {
    background-color: #EEE;
    border: 1px solid #AAA;
    padding: 10px;
    font-size: 16px;
    vertical-align: middle;
}

.product-subset__table td {
    border: 1px solid #AAA;
    font-size: 16px;
    padding: 10px;
    vertical-align: middle;
}

.product-subset__price br {
    display: none;
}

.product-subset__price {
    color: #d21a1a;
    font-weight: bold;
    font-size: 1.4em;
}

.product-subset__price--yen {
    font-size: 60%;
    font-weight: bold;
}

td.product-subset__td-order br {
    display: none;
}

.product-subset__submit-button {
    width: 100%;
    font-size: 1.1em;
    font-weight: bold;
    border-radius: 8px;
    padding: 10px;
}

.inyou {
    position: relative;
    padding: 0;
    border: 1px solid #AAA;
    margin-bottom: 30px;
}

.inyou p {
    margin: 0 !important;
    /* position: absolute; */
    padding: 10px;
    line-height: 2;
    top: 3px;
    left: 10px;
    background: #eeeeee;
    border-radius: 0;
    font-weight: bold;
    color: #333;
}

.inyou ul {
    padding: 20px;
    border-top: 1px solid #AAA;
    margin-bottom: 0 !important;
}

.inyou ul li {
    list-style: none;
    margin-bottom: 10px;
    font-size: 16px;
}

.inyou ul li:last-child {
    margin: 0;
}
table.about th {
    border: 1px solid #AAA;
    width: 200px;
    padding: 10px;
    font-size: 1em;
    background-color: #EEE;
}

table.about td {
    border: 1px solid #AAA;
    padding: 10px;
    font-size: 1em;
	background-color: #FFF!important;
}

.page-entry-title-box h1 {
    font-size: 30px;
}

.bs-blog-post.single img {
    margin-bottom: 10px;
    width: 100%;
}

p.tel_number:before {
    content: "\f095";
    font-family: 'FontAwesome';
    margin-right: 10px;
}

p.address:before {
    content: "\f041";
    font-family: 'FontAwesome';
    margin-right: 12px;
}

.textwidget.custom-html-widget p {
    font-weight: bold;
    font-size: 18px;
    margin-bottom: 10px;
}

p.product-price {
    color: #d21a1a;
    font-weight: bold;
    font-size: 1.2em;
    margin-bottom: 10px;
    text-align: left !important;
    margin-bottom: 20px;
}

h2.entry-title {
    text-align: left;
}

.blog-post {
    border: 2px solid #DDD;
    border-radius: 8px;
    padding: 15px;
    box-sizing: border-box;
}

article .blog-post .image {
    width: 100%;
    max-width: 400px;
    margin: 0 auto!important;
}

h3.widget-title {border-bottom: 3px solid #437a71;padding: 0 10px 10px;}

.single.single-left-sidebar #comments, .single.single-left-sidebar .content, .single.single-left-sidebar div.title, .single.single-right-sidebar #comments, .single.single-right-sidebar .content, .single.single-right-sidebar div.title {
    width: 100% !important;
}

h1.entry-title {
    border-bottom: 2px dotted #CCC;
    padding: 10px 0 20px;
    font-size: 30px;
}

.copyrights span {
    display: none;
}

.hd-bar .side-menu ul li a {
    font-size: 16px;
}

p.btn_detail {
    width: 100%;
    text-align: center;
}

p.btn_detail a {
    border: 1px solid #AAA;
    background-color: #fd0707;
    padding: 10px 20px;
    border-radius: 10px;
    color: #FFF;
    text-decoration: none;
    width: 100%;
    display: block;
    margin: 0 auto;
    font-size: 1.1em;
}

p.btn_detail a:hover {
    opacity: 0.8;
}

.bs-blog-post .bs-blog-thumb img {
    border-radius: 20px;
}

.reviewList ul li {
    list-style: none;
    margin-bottom: 20px;
    border: 4px solid #EEE;
    padding: 20px !important;
}

.reviewList ul li p {
    margin: 0;
}

p.review_text {
    margin-bottom: 0;
}

p.review_star i {margin-right: 2px;color: #ffa400;}

.entry-content h2 {
    font-size: 1.5em !important;
    border-bottom: 2px solid #427c74;
    margin-bottom: 10px;
    padding: 0 0 10px;
}

dl.faq_area {
    border: 2px solid #DDDD;
    padding: 10px 20px 20px !important;
    margin-bottom: 20px !important;
    border-radius: 10px;
}

dl.faq_area dt:before {
    content: "Q.";
    color: #d51a1a;
    font-size: 30px;
    margin-right: 7px;
}

dl.faq_area dt {
    margin: 0 0 10px;
    border-bottom: 1px dotted #CCC;
    padding-bottom: 10px;
    line-height: 2;
}

dl.faq_area dd {
    margin: 0;
    line-height: 2;
}

dl.faq_area dd:before {
    content: "A.";
    font-weight: bold;
    font-size: 30px;
    color: #1a7dd5;
    margin-right: 7px;
}

ul.bta_area li {
    list-style: none;
    padding: 5px 0;
}

ul.bta_area {
    margin: 0 !important;
    padding: 0 !important;
}

.site-title {
    /* margin-top: 10px !important; */
}

.single-entry-summary h2 {
    font-size: 1.5em;
    border-bottom: 2px solid #fd0707;
    padding: 0 10px 10px;
    margin-bottom: 20px;
}

table.product-subset__table {
    margin: 0 0 30px;
}

table.point th {
    background-color: #eeeeee;
    border: 1px solid #AAA;
    padding: 10px;
    width: 180px;
}

table.point td {
    border: 1px solid #AAA;
    padding: 10px;
}

ul.review li {
    border: 4px solid #DDD;
    border-radius: 10px;
    margin: 0 0 20px;
    padding: 20px;
    list-style: none;
}

ul.review {
    margin: 0;
    padding: 0;
}

table.point {
    margin-bottom: 30px;
}

p.review_name {
    font-weight: bold;
    font-size: 1.2em;
}

.news-thumb img {
    width: 100%;
    max-width: 400px;
    margin: 0 auto 20px;
    display: table;
}

table.contact th {
    background-color: #EEE;
    border: 1px solid #AAA;
    padding: 10px;
    width: 200px;
}

table.contact td {
    background-color: #FFF;
    border: 1px solid #AAA;
    padding: 10px;
}

table.contact {
    margin-bottom: 20px;
}

.entry-content dl dt {
    font-weight: bold;
    line-height: 2;
}

.entry-content dl dd {
    padding: 20px;
    margin: 0 0 20px;
}

nav.navigation.post-navigation {
    display: none;
}

ul.review p {
    margin: 0 0 10px;
}

.box {
    border: 1px solid #AAA;
    padding: 10px;
    background-color: #f3f3f3;
    padding: 20px;
    border-radius: 8px;
    margin-bottom: 30px;
}

.box p {
    margin: 0;
}

.box h2 {
    margin: 0 0 20px;
}

ul.kanren {
    display: flex;
    flex-flow: row wrap;
    margin: 0 !important;
    padding: 0 !important;
}

ul.kanren li {
    width: 33.33%!important;
    list-style: none;
    padding: 10px !important;
}

ul.kanren li a {
    border: 1px solid #AAA;
    padding: 10px;
    border-radius: 10px;
    display: block;
    text-decoration: none;
    box-shadow: 0 0 5px #CCC;
}

.kanren li p {
    text-align: center;
    text-decoration: none;
    color: #333;
    font-weight: bold;
    font-size: 18px;
    margin: 0;
}

ul.kanren li a:hover {
    opacity: 0.8;
}

.select-wrapper-2 {
    display: flex;
    position:relative;
    width: 100%;
    max-width: 360px;
    margin: 0 0 0 auto;
    }


.select-wrapper-2 select {
    margin-right: 10px;
    font-size: 20px;
    border-radius: 4px;
    border: 1px solid #333;
    outline: none;
    font-weight: bold;
    cursor: pointer;
    appearance: none;
    padding: 10px 30px 10px 10px;
    position:relative;
    width: 80px !important;
    height: auto;
    min-width: initial;
}

.select-wrapper-2::after {
  content: "\f0d7"; /* Font Awesome 4.7 下向き矢印 */
  font-family: FontAwesome;
  position: absolute;
  left: 60px; /* ボタンの幅に合わせて調整 */
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;
  color: #333;
  font-size: 16px;
}

.select-wrapper-2 button {
    flex: 1;
    font-weight: bold;
    font-size: 20px;
    border-radius: 4px;
    padding: 10px;
    border: 1px solid #333;
    appearance: none;
    cursor: pointer;
}

.select-wrapper-2 button:hover {
    background-color: #333;
    color: #FFF;
}

/* ラジオボタンをリセット */
input[type="radio"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 20px;
  height: 20px;
  border: 2px solid #999;
  border-radius: 50%;
  margin-right: 10px;
  vertical-align: middle;
  position: relative;
  cursor: pointer;
  transition: border 0.2s, background 0.2s;
}

/* チェックされたとき */
input[type="radio"]:checked {
  border-color: #333;
  background-color: #333;
}

/* チェックマーク用の擬似要素 */
input[type="radio"]:checked::after {
  content: '';
  display: block;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #333;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

/* ラベル全体をクリック可能に */
label {
  cursor: pointer;
  user-select: none;
}

.product-subset__form ul li {
    list-style: none;
    display: flex;
    border: 2px solid #d0d0d0;
    padding: 10px !important;
    border-radius: 10px;
    margin-bottom: 10px;
    line-height: 2;
    align-items: center;
    background-color: #EEE;
}

.product-subset__form ul {
    padding: 0 !important;
    margin: 0 !important;
}

form.product-subset__form ul li input {
    position: relative;
    border-color: #333 !important;
    background-color: #FFF !important;
}

.product-subset__form button {
    font-size: 20px;
    padding: 16px 32px;
    border-radius: 8px;
    margin: 0 0 0 auto;
    display: table;
    appearance: none;
    cursor: pointer;
    height: auto;
    background-color: #16a7ff !important;
}

.product-subset__form ul li label {
    flex: 1;
    font-weight: bold;
    font-size: 20px;
}

table.guide th {
    width: 180px;
    border: 1px solid #1ca9ff;
    background-color: #5bbdf9;
    padding: 10px;
    text-align: left;
}

table.guide td {
    border: 1px solid #19a8ff;
    background-color: #FFF;
    padding: 10px;
}

form.product-subset__form {
    margin-bottom: 30px;
}

form.product-subset__form ul li label span {
    font-size: 16px;
    font-weight: normal;
    padding-left: 10px;
}

.select-wrapper-2 p {
    margin: 0 !important;
}

body {
  counter-reset: faq-counter;
} 
/* 各 faq_area の dt が番号を増やす */
.faq_area dt {
  counter-increment: faq-counter;
}
/* dt に Q◯ を付与 */
.faq_area dt::before {
  content: "Q" counter(faq-counter) "."!important;
  font-weight: bold;
}

.socialLine.annCenter {
    display: none;
}

.top-footer-widget-area {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    background-color: #FFF;
    margin-bottom: 20px;
    padding: 1.5em;
    border-radius: 4px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}

.top-footer-widget-area .top-footer-widget {
    width: 32%;
}

.top-footer-widget-area .top-footer-widget ul {
    margin: 0;
    padding: 0 10px;
}

.top-footer-widget-area .top-footer-widget ul li {
    list-style: none;
    line-height: 2;
}

.top-footer-widget-area .top-footer-widget ul li a {
    color: #333 !important;
}

.top-footer-widget-area .top-footer-widget ul li a:before {
    content: "\f0da";
    font-family: 'FontAwesome';
    margin-right: 5px;
}

div#mainAnnina article:last-child {
    left: 0 !important;
}

h4.title {
    margin-bottom: 20px !important;
}

.list-blog.bs-blog-post .small form {
    margin: 0;
}

.site-branding-text {
    margin-right: 20px;
}

@media (max-width: 768px) {
.product-subset__submit-button {
    font-size: 16px;
}
.product-subset__table th {
    font-size: 16px;
}
.product-subset__table td {
    font-size: 16px;
}
.product-subset__unit-price {
    font-size: 12px;
}
.bs-blog-post .small {
    padding: 10px;
}
.inyou ul {
    margin: 0 !important;
    width: 100% !important;
}

.content p {
    width: 100% !important;
    margin-bottom: 30px !important;
}

div#post-wrapper {
    padding: 0;
}
h1.entry-title {
    font-size: 24px;
}
.site-branding-text {
    margin-right: 0;
}
}

@media (max-width: 480px) {
.img-fluid {
    width: 100%;
    max-width: 270px !important;
    margin: 0 auto;
    display: table;
}
table.about tr {
    display: block;
    width: 100%;
}

table.about th {
    display: block;
    width: 100%;
    font-size: 16px;
    border: none;
    border-right: 1px solid #AAA;
    border-bottom: 1px solid #AAA;
}

table.about td {
    display: block;
    width: 100%;
    font-size: 16px;
    border: none;
    border-right: 1px solid #AAA;
    border-bottom: 1px solid #AAA;
}

table.about {
    border-top: 1px solid #AAA;
    border-left: 1px solid #AAA;
}
.page-area {
    padding: 20px 0;
}
#sidebar {
    display: block;
    max-width: 100%;
    clear: both;
}
article.blog-article {
    clear: none;
    padding-right: 0!important;
}
.col-md-9 {
    padding-right: 0 !important;
}
ul.kanren li {
    width: 100% !important;
}
table.point th {
    display: block;
    width: 100%;
    border: none;
    border-bottom: 1px solid #AAA;
    border-right: 1px solid #AAA;
}

table.point tr {
    display: block;
    width: 100%;
}

table.point td {
    display: block;
    width: 100%;
    border: none;
    border-bottom: 1px solid #AAA;
    border-right: 1px solid #AAA;
}

table.point {
    border-top: 1px solid #AAA;
    border-left: 1px solid #AAA;
}
.top-footer-widget-area .top-footer-widget {
    width: 100%;
    margin-bottom: 40px;
}
table.guide th {
    width: 40%!important;
}
h1, p.site-title {
    font-size: 20px;
}
header.entry-header {
    padding: 0;
}
.page-content, .entry-content, .entry-summary {
    margin: 1em 0 0;
}
form.product-subset__form ul li label span {
    font-size: 14px;
    font-weight: normal;
    padding-left: 0;
    display: block;
}
.entry-content h2 {font-size: 1.2em !important;}
.page-content, .entry-content, .entry-summary {margin: 1em 0 0;}
}

/* --------------------------------------
=========================================
	PLUS AREA
=========================================
-----------------------------------------*/

/* ==========================================================================
   監修者情報 全体のボックス
   ========================================================================== */
.super_visor {
  background-color: #ffffff; /* 白ベース */
  border: 2px solid #EEE; /* アクセントカラーに合わせた優しい薄いオレンジの枠線 */
  border-radius: 16px; /* 角を丸くして親しみやすさを演出 */
  padding: 30px;
  max-width: 100%; /* 読みやすい横幅に制限 */
  margin: 0 auto 30px;
  box-shadow: 0 6px 16px rgba(247, 126, 33, 0.05); /* アクセントカラーをほんのり混ぜた影 */
  box-sizing: border-box;
}

/* ==========================================================================
   タイトル（H2）
   ========================================================================== */
.super_visor h2 {
  font-size: 1.3rem;
  color: #333333;
  margin: 0 0 25px 0;
  padding-bottom: 12px;
  position: relative;
  font-weight: 700;
  text-align: center; /* タイトルを中央寄せにして柔らかな印象に */
}

/* タイトルの下線（中央から広がるアクセントライン） */
.super_visor h2::after {
  content: '';
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
  width: 50px;
  height: 3px;
  background-color: #20aaff; /* アクセントカラー */
  border-radius: 2px;
}

/* ==========================================================================
   記事・レイアウトエリア
   ========================================================================== */
.super_visor article {
  display: flex;
  flex-direction: column;
  gap: 25px; /* 項目間のゆとり */
}

/* 定義リスト（dl） */
.super_visor dl {
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

/* 項目名（dt：肩書き・コメント） */
.super_visor dt {
  font-size: 0.85rem;
  font-weight: 700;
  letter-spacing: 0.05em;
}

/* 肩書き・コメントのラベル装飾 */
.super_visor dt span {
  display: inline-block;
  background-color: #EEE; /* アクセントカラーを10%に薄めた背景 */
  color: #20aaff; /* アクセントカラー */
  padding: 5px 14px;
  border-radius: 20px; /* カプセル型の丸み */
}

/* ==========================================================================
   各項目の内容（dd：お名前・本文）
   ========================================================================== */

/* セラピスト名 */
.super_visor dl:nth-of-type(1) dd {
  font-size: 1.5rem; /* お名前を大きめに */
  font-weight: 700;
  color: #222222;
  margin: 0;
  padding-left: 5px;
}

/* コメント本文 */
.super_visor dl:nth-of-type(2) dd {
  font-size: 0.95rem;
  line-height: 1.8; /* 改行やセリフが多いため、行間を広げて読みやすく */
  color: #444444;
  margin: 0;
  padding: 0;
   /* ほんのり温かみのある超極薄のベージュ/グレー */
   /* 左側にアクセントカラーのアクセントライン */
  border-radius: 0 8px 8px 0;
  border: none;
}

/* ==========================================================================
   レスポンシブ対応（画面幅 480px 以下）
   ========================================================================== */
@media screen and (max-width: 480px) {
  .super_visor {
    padding: 20px; /* スマホ用に外側の余白をタイトに */
    border-radius: 12px;
  }
  
  .super_visor h2 {
    font-size: 1.5rem;
    margin-bottom: 20px;
  }
  
  .super_visor dl:nth-of-type(1) dd {
    font-size: 1.3rem; /* お名前のサイズをスマホ向けに最適化 */
  }

  .super_visor dl:nth-of-type(2) dd {
    font-size: 1.2rem; /* 本文の文字をわずかに小さくして枠内に収まりやすく */
    padding: 15px; /* 内側の余白を微調整 */
  }
}

/* ==========================================================================
   全体の共通設定・見出し
   ========================================================================== */
/* 全体の大見出し（h2） */
h2 {
  font-size: 1.5rem;
  color: #333333;
  text-align: center;
  margin: 40px 0 20px 0;
  padding-bottom: 10px;
  position: relative;
}

/* 大見出しの下線装飾 */
h2::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 60px;
  height: 4px;
  background-color: initial; /* アクセントカラー */
  border-radius: 2px;
}

/* カテゴリの見出し（h3） */
h3 {
  font-size: 1.4rem;
  color: #f77e21; /* アクセントカラー */
  margin: 40px auto 15px auto;
  max-width: 100%; /* リストの幅と合わせる */
  padding-left: 10px;
  border-left: 4px solid #1ca9ff; /* 左側にアクセントライン */
}

/* ==========================================================================
   FAQリスト全体のスタイル（ul）
   ========================================================================== */
.faq_list {
  list-style: none; /* デフォルトの点を消す */
  padding: 0;
  margin: 0 auto 30px auto;
  max-width: 100%; /* 読みやすい横幅に制限 */
  width: 100%;
  box-sizing: border-box;
}

/* 各FAQのボックス（li） */
.faq_list > li {
  background-color: #ffffff; /* 白ベース */
  border: 1px solid #e2e8f0; /* 薄い境界線 */
  border-radius: 8px; /* 角丸 */
  margin-bottom: 15px; /* 質問同士の余白 */
  overflow: hidden; /* 背景色のはみ出し防止 */
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.02); /* 軽い影 */
}

/* ==========================================================================
   Q（質問：h4）の装飾
   ========================================================================== */
.faq_list > li > h4 {
  margin: 0;
  padding: 16px 20px;
  font-size: 18px;
  line-height: 1.5;
  font-weight: 600;
  color: #1a202c;
  /* アクセントカラーを極限まで薄めた背景色 */
  background-color: #EEE;
  border-bottom: 1px solid #DDD;
  border: none;
}

/* 「Q.」の文字だけアクセントカラーにする */
.faq_list > li > h3::first-letter {
  color: #5a74f8; /* アクセントカラー */
  font-weight: 800;
  font-size: 1.1rem;
}

/* ==========================================================================
   A（回答：p）の装飾
   ========================================================================== */
.faq_list > li > p {
  margin: 0;
  padding: 16px 20px;
  font-size: 0.95rem;
  line-height: 1.6;
  color: #4a5568;
  background-color: #ffffff; /* 回答エリアはすっきりとした白 */
}

/* 「A.」の文字を目立たせる */
.faq_list > li > p::first-letter {
  color: #1ca9ff; /* Qと区別しやすいように少し落ち着いたオレンジ */
  font-weight: 800;
  font-size: 1.1rem;
}

/* ==========================================================================
   レスポンシブ対応（画面幅 480px 以下）
   ========================================================================== */
@media screen and (max-width: 480px) {
  .faq_list > li > h3,
  .faq_list > li > p {
    padding: 14px 15px; /* スマホ用に内側の余白を少しタイトに */
    font-size: 1.3rem; /* 文字サイズをスマホ向けに微調整 */
  }
}

/* scroll table */
table.scroll_table {
    width: 1200px;
    font-size: 16px;
    margin: 0;
    max-width: 930px;
}

.scroll_table_outer {
    overflow-x: auto;
    margin: 0 0 30px;
}

table.scroll_table th:nth-child(1) {
    width: 200px;
}

table.scroll_table th:nth-child(2) {
    width: 150px;
}

table.scroll_table tr:nth-child(1) th {
    background-color: #CCC;
    color: #333;
}

table.scroll_table th {
    background-color: #EEE;
    color: #333;
    border: 1px solid #AAA;
    text-align: left;
}

table.scroll_table td {
    background-color: #FFF;
    color: #333;
    border: 1px solid #AAA;
}

table.scroll_table th:nth-child(3) {
    width: 150px;
}