@charset "UTF-8";

/* Override Default CSS */

:root {
    --cassiopeia-color-primary: #112855;
    --cassiopeia-color-link: #03c;
    --cassiopeia-color-hover: #25d;
    --cassiopeia-font-family-body: "Roboto", sans-serif;
    --cassiopeia-font-family-headings: "Roboto", sans-serif;
    --cassiopeia-font-weight-headings: 700;
    --cassiopeia-font-weight-normal: 400;
    /* --blue: hsl(240, 98%, 17%); */
    /* --black: hsl(0, 0%, 0%); */
    /* --indigo: hsl(263, 90%, 51%); */
    /* --purple: hsl(261, 51%, 51%); */
    /* --pink: hsl(332, 79%, 58%); */
    /* --red: hsl(3, 75%, 37%); */
    /* --orange: hsl(27, 98%, 54%); */
    /* --yellow: hsl(34, 100%, 34%); */
    /* --green: hsl(120, 32%, 39%); */
    /* --teal: hsl(194, 66%, 61%); */
    /* --cyan: hsl(207, 49%, 37%); */
    /* --white: hsl(0, 0%, 100%); */
    /* --gray-100: hsl(210, 17%, 98%); */
    /* --gray-200: hsl(210, 16%, 93%); */
    /* --gray-300: hsl(210, 14%, 89%); */
    /* --gray-400: hsl(210, 14%, 83%); */
    /* --gray-500: hsl(210, 11%, 71%); */
    /* --gray-600: hsl(210, 7%, 46%); */
    /* --gray-700: hsl(210, 9%, 31%); */
    /* --gray-800: hsl(210, 10%, 23%); */
    /* --gray-900: hsl(210, 11%, 15%); */
    /* --primary: hsl(240, 98%, 17%); */
    /* --secondary: hsl(210, 7%, 46%); */
    /* --success: hsl(120, 32%, 39%); */
    /* --info: hsl(207, 49%, 37%); */
    /* --warning: hsl(34, 100%, 34%); */
    /* --danger: hsl(3, 75%, 37%); */
    /* --light: hsl(210, 17%, 98%); */
    /* --dark: hsl(210, 10%, 23%); */
    /* --primary-rgb: 1, 1, 86; */
    /* --secondary-rgb: 109, 117, 126; */
    /* --success-rgb: 68, 131, 68; */
    /* --info-rgb: 48, 99, 141; */
    /* --warning-rgb: 173, 98, 0; */
    /* --danger-rgb: 165, 31, 24; */
    /* --light-rgb: 249, 250, 251; */
    /* --dark-rgb: 53, 59, 65; */
    /* --white-rgb: 255, 255, 255; */
    /* --black-rgb: 0, 0, 0; */
    /* --body-color-rgb: 34, 38, 42; */
    /* --body-bg-rgb: 255, 255, 255; */
    /* --font-sans-serif: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Verdana, "メイリオ", meiryo, "ＭＳ Ｐゴシック", sans-serif; */
    /* --font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; */
    /* --gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0)); */
    --body-font-family: var(--cassiopeia-font-family-body);
    --body-font-size: 1rem;
    --body-font-weight: 400;
    --body-line-height: 1.5;
    --body-color: #222;
    --body-bg: #fff;
    /* --border-width: 1px; */
    /* --border-style: solid; */
    /* --border-color: hsl(210, 14%, 89%); */
    /* --border-color-translucent: rgba(0, 0, 0, 0.175); */
    /* --border-radius: 0.25rem; */
    /* --border-radius-sm: 0.2rem; */
    /* --border-radius-lg: 0.3rem; */
    /* --border-radius-xl: 0.3rem; */
    /* --border-radius-2xl: 0.3rem; */
    /* --border-radius-pill: 50rem; */
    /* --link-color: var(--cassiopeia-color-link); */
    /* --link-hover-color: var(--cassiopeia-color-hover); */
    /* --code-color: hsl(332, 79%, 58%); */
    /* --highlight-bg: #fbeea8; */
}

a {
    color: var(--link-color);
    text-decoration: underline;
}

a:hover {
    color: var(--link-hover-color);
    text-decoration: none;
    opacity: 0.8;
}

h1, .h1 {
    font-size: 2rem;
}

h2, .h2 {
    font-size: 1.5rem;
}

h3, .h3 {
    font-size: 1.17rem;
}

h4, .h4 {
    font-size: 1rem;
}

h5, .h5 {
    font-size: 1rem;
}

h6, .h6 {
    font-size: 1rem;
}

table {
    border-collapse: separate;
    border-spacing: 1px;
}

tbody, td, tfoot, th, thead, tr {
    border: 1px solid #aaa;
}

.unseen {
    display: none;
}

@supports (display: grid) {
    .site-grid {
        display: grid;
        grid-template-areas: ". header header header header ." ". banner banner banner banner ." ". top-a top-a top-a top-a ." ". top-b top-b top-b top-b ." ". comp comp comp comp ." ". side-r side-r side-r side-r ." ". side-l side-l side-l side-l ." ". bot-a bot-a bot-a bot-a ." ". bot-b bot-b bot-b bot-b .";
        grid-template-columns: [full-start] minmax(0, 1fr) [main-start] repeat(4, minmax(0, 19.875rem)) [main-end] minmax(0, 1fr) [full-end];
        grid-gap: 0 1em;
    }
    .site-grid > [class^=container-],
    .site-grid > [class*=" container-"] {
        width: 100%;
        max-width: none;
        -moz-column-gap: 1em;
            column-gap: 1em;
    }
    .site-grid > .full-width {
        grid-column: full-start/full-end;
    }
    @media (min-width: 992px) {
        .site-grid {
        grid-template-areas: ". header header header header ." ". banner banner banner banner ." ". top-a top-a top-a top-a ." ". top-b top-b top-b top-b ." ". side-l comp comp side-r ." ". bot-a bot-a bot-a bot-a ." ". bot-b bot-b bot-b bot-b .";
        }
    }
}

.grid-child {
    display: flex;
    width: 100%;
    max-width: 1320px;
    margin-right: auto;
}

.card {
    --card-spacer-y: 0;
    --card-spacer-x: 0;
    /* --card-title-spacer-y: 0.5rem; */
    --card-border-width: 0px;
    /* --card-border-color: hsl(210, 14%, 89%); */
    --card-border-radius: 0rem;
    /* --card-box-shadow: ; */
    /* --card-inner-border-radius: calc(0.25rem - 1px); */
    /* --card-cap-padding-y: 0.5rem; */
    /* --card-cap-padding-x: 1rem; */
    /* --card-cap-bg: rgba(0, 0, 0, 0.03); */
    /* --card-cap-color: ; */
    /* --card-height: ; */
    /* --card-color: ; */
    /* --card-bg: hsl(0, 0%, 100%); */
    /* --card-img-overlay-padding: 1rem; */
    /* --card-group-margin: 0.5em; */
    /* position: relative; */
    /* display: -webkit-box; */
    /* display: -ms-flexbox; */
    /* display: flex; */
    /* -webkit-box-orient: vertical; */
    /* -webkit-box-direction: normal; */
    /* -ms-flex-direction: column; */
    /* flex-direction: column; */
    /* min-width: 0; */
    /* height: var(--card-height); */
    /* word-wrap: break-word; */
    /* background-color: var(--card-bg); */
    /* background-clip: border-box; */
    border: 0;
    border-radius: 0;
}

.card-header {
    display: none;
}

.card-header-tabs {
    display: none;
}

.footer {
    margin-top: 0;
    font-size: 0.8em;
    border-top: 1px solid #ccc;
    color: var(--body-color);
    background: none;
}

.container-header {
    grid-area: header;
    background: none;
    box-shadow: none;
}

.container-header .grid-child {
    flex-wrap: wrap;
    padding: 0;
}

.container-header .container-nav {
    padding-bottom: 0.5em;
}

.container-header .site-description {
    color: var(--body-color);
}

.container-header .navbar-brand {
    color: var(--body-color);
    padding-bottom: 1rem;
    padding-top: 1rem;
}

.container-header .navbar-brand a {
    color: var(--body-color);
}

.container-header .navbar-brand:hover,
.container-header .navbar-brand:focus {
    color: var(--body-color);
}

.container-header .mod-menu {
    color: var(--body-color);
}

/* .container-header .mod-menu>li.active::after,
.container-header .mod-menu>li:hover::after {
    background: var(--body-color);
} */

.container-header .metismenu>li>a:hover::after,
.container-header .metismenu>li>button:hover::before,
.container-header .metismenu>li.active>a::after,
.container-header .metismenu>li.active>button::before {
    background: var(--body-color);
}

.container-header .navbar-toggler {
    color: var(--body-color);
    border: 1px solid var(--body-color);
}

.container-header .mod-finder {
    color: var(--body-color);
}

.container-header .mod-finder a {
    color: var(--body-color);
}

.container-header .mod-finder a:hover,
.container-header .mod-finder a:focus {
    color: var(--body-color);
}

.container-header .mod-finder .awesomplete>ul {
    background: -webkit-gradient(linear, left top, right bottom, from(hsl(0, 0%, 100%)), to(hsla(0, 0%, 100%, 0.9)));
    background: -o-linear-gradient(top left, hsl(0, 0%, 100%), hsla(0, 0%, 100%, 0.9));
    background: linear-gradient(to bottom right, hsl(0, 0%, 100%), hsla(0, 0%, 100%, 0.9));
}

.container-topbar,
.container-below-top {
    color: var(--body-color);
}

.container-banner {
    margin: 0 0 1rem;
}

.container-banner .banner-overlay {
    color: var(--body-color);
}

.container-header .search .btn {
    /* like btn-sm */
    --btn-padding-y: 0.25rem;
    --btn-padding-x: 0.5rem;
    --btn-font-size: 0.875rem;
    --btn-border-radius: 0.2rem;
}

.container-sidebar-left {
    padding-right: 0.5rem;
}


/* ------ */

/* User CSS */

.screen-container {
    max-width: 890px;
    margin: 0 10px;
}

/**************************
 * コンポーネント
 **************************/

/* トップメニュー */

#a-top-nav {
    margin: 1rem 0 0 0;
    display: flex;
    justify-content: flex-end;
}

#a-top-nav li {
    flex: 0 1 auto;
    border-left: 1px solid #ddd;
    list-style-type: none;
    margin: 0;
    padding: 0 12px 0 24px;
    background: url("/images/anshin/system/icon001.gif") no-repeat 10px center;
}

#a-top-nav li:first-child {
    border-left: 0;
}

#a-top-nav li:last-child {
    padding-right: 6px;
}

#a-top-nav li a {
    color: #333333;
    font-size: 0.95rem;
}

/* グローバルナビゲーション */
#gnav {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
    border: 1px solid #eee;
    background: url("/images/template/custom/gnav_bg_sky.png") repeat-x left bottom;
}

#gnav li {
    flex: 1 1 auto;
    min-width: 130px;
    border-right: 1px solid rgba(0, 0, 0, 0.1);
    border-bottom: 3px solid #00abff;
    padding: 0;
    list-style-type: none;
    background: linear-gradient(180deg, #fff, #fff 50%, #f5f5f5 50%, #f5f5f5);
}

#gnav li:first-child {
    border-left: 1px solid rgba(0, 0, 0, 0.1);
}

#gnav li>a {
    display: block;
    padding: 7px 5px 5px;
    text-align: center;
    font-size: 0.95em;
    text-decoration: none;
    color: #222222;
    background: url("/images/template/custom/arrow_01.png") no-repeat 5% center;
}

/* グローバルナビゲーション > 資料請求ボタン */
#gnav li.item-129 {
    border-bottom: 3px solid #0065fd;
}

#gnav li.item-129>a {
    background: url("/images/template/custom/icon_form_sm_01.png") no-repeat 90% center;
}

/* トップイメージ */
#brandImage {
    margin: 15px 0;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
    line-height: 0;
}

.topimage {
    display: grid;
    place-items: center left;
    padding: 20px 20px 20px 30px;
    border: solid 1px #fff;
    outline: solid 3px #eee;
    color: #1b6baa;
    text-shadow: 2px 2px 2px rgba(255, 255, 255, 1);
    background-image: url('/images/template/custom/header-bg-pictures/header-image-01.png');
    background-position: right top;
    background-repeat: no-repeat;
    background-size: cover;
}

.topimage-text-large {
    font-size: 28px;
}

.item-pagefrontpage {
    display: none;
}

/* 記事上イメージ */
.articleImage {
    border: 1px solid #69C;
    height: 180px;
    background: #eef;
    margin-top: 20px;
}

/* 3つのプラン案内 */
.plans-title {
    margin: 0 0 1rem;
    padding: 10px 15px;
    background: url("/images/template/custom/shadow_bg_01.png") repeat-x left -10px;
    border: 1px solid #ddd;
    border-top: 2px solid #00abff;
    font-size: 0.95em;
    color: #000000;
    text-decoration: none;
    font-weight: normal;
}

.customplantable p {
    line-height: 1.6em;
    padding: 1em 0;
    margin: 0;
}

.plantable td {
    border: 0;
    padding: 0 10px 0 0;
}

.plantable img {
    width: 180px;
}

/* スタッフブログ記事一覧 */
.news-title {
    margin: 0 0 1rem 0;
    padding: 10px 15px;
    background: linear-gradient(180deg, #f1f1f1, #fff 50%, #fff);
    border: 1px solid #ddd;
    border-top: 2px solid #00abff;
    font-size: 0.95em;
    color: #000000;
    text-decoration: none;
    font-weight: normal;
}

.news .category-module {
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    margin: 0;
    padding: 0 10px;
    height: 270px;
    overflow: scroll;
    overflow-x: hidden;
}

.news .category-module p {
    line-height: 1.6em;
    padding: 1em 0;
    margin: 0;
}

.news .category-module li {
    padding: 10px 0;
    border-bottom: 1px dotted #ccc;
    list-style-type: none;
}

.news .category-module .mod-articles-category-date {
    margin-left: 1em;
    font-size: 12px;
}

/* 重要なお知らせ一覧 */
.important {
    border: 1px solid #ff0000;
    padding: 15px;
    margin-top: 20px;
}

.important h3 {
    margin: 0 0 10px;
}

.important-news {
    margin: 0;
}

.important-news li {
    background: url("/images/anshin/system/icon001.gif") no-repeat scroll left center transparent;
    line-height: 150%;
    list-style-type: none;
    padding: 0 0 0 13px;
}


/* 資料請求ボタン */
.customrequestbutton {
    margin: 0 0 20px;
}

/* TOP:サイドメニュー */
#top_sidemenu {
    margin: 0 0 20px;
    padding: 0;
}

#top_sidemenu li {
    padding: 0;
    list-style-type: none;
}

#top_sidemenu li:last-child {
    border-bottom: 1px solid #cccccc;
}

#top_sidemenu li>a {
    display: block;
    padding: 15px;
    border-top: 1px solid #cccccc;
    font-size: 0.9em;
    color: #222222;
    text-decoration: none;
    background: url("/images/template/custom/arrow_02.png") no-repeat 90% center;
}

/* お問い合わせボックス */
.card.contact {
    margin: 0 0 20px;
    border: 1px solid #cccccc;
    font-weight: normal;
    padding: 10px 15px;
}

.card.contact h4 {
    margin: 0;
    padding: 9px 0;
    font-size: 0.9em;
    border-bottom: 1px solid #cccccc;
}

.card.contact p {
    font-size: 0.9em;
    padding: 10px 0 0;
    line-height: 1.6em;
    margin: 0;
}

/* バナーリスト */
#topNav {
    clear: right;
    float: right;
}

/* パンくずリスト */
.breadcrumb {
    background-color: #e7edf3;
}

/* 記事カテゴリ */
.article ul.category-module {
    margin: 0;
    padding: 0;
    border: 4px double #ddd;
}

.article ul.category-module ul, .article ul.category-module li {
    padding: 0;
    list-style-type: none;
}

.article ul.category-module .mod-articles-category-group {
    color: #FFFFFF;
    padding: 15px;
    font-size: 0.9em;
    font-weight: normal;
    background: #2775d9 url("/images/template/custom/side_bg_01.png") repeat-x left top;
}

.article ul.category-module .mod-articles-category-title {
    display: block;
    border-top: 1px solid #ffffff;
    border-bottom: 1px solid #D7D7D7;
    padding: 8px 15px;
    font-size: 0.9em;
    font-weight: normal;
    background-color: #e7edf3;
}

/* サポートメニュー */
#supportmenu {
    margin: 0 0 20px;
    padding: 0;
}

#supportmenu li {
    list-style-type: none;
    padding: 2px;
    border: 1px solid #cccccc;
    background: #ffffff;
}

#supportmenu li>a {
    display: block;
    padding: 10px 13px;
    color: #222222;
    font-size: 0.9em;
    text-decoration: none;
    background: #eeeeee;
}

/* コンテンツ見出し */
.page-header h1 {
    margin: 0 0 1rem;
    padding: 1rem;
    background: url("/images/template/custom/shadow_bg_01.png") repeat-x left bottom;
    border: 1px solid #ddd;
    border-top: 2px solid #6793bf;
    font-size: 123.1%;
    color: #000000;
    text-decoration: none;
    font-weight: normal;
}

/* コンテンツ小見出し */
.head3 {
    height: 30px;
    line-height: 30px;
    padding-left: 15px;
    background: url("/images/template/custom/title_bg_003.gif") no-repeat left center;
    font-weight: bold;
}

/* 保障プラン一覧表 */
.planlist01 {
    border: 1px solid #63afff;
    border-top: 3px solid #63afff;
    margin-bottom: 10px;
}

.planlist02 {
    border: 1px solid #ff569d;
    border-top: 3px solid #ff569d;
    margin-bottom: 10px;
}

.planlist01-02 {
    margin-bottom: 20px;
    text-align: center;
}

.planlist03 {
    border: 1px solid #23a620;
    border-top: 3px solid #23a620;
    margin-bottom: 20px;
}

.planguide {
    width: 100%;
    margin: 0;
}

.planguide th,
.planguide td {
    padding: 10px;
    vertical-align: top;
    border: 0 none;
}

.planguide th {
    border-right: 1px solid #dddddd;
}

.planguide th img {
    width: 125px;
}

.planguide p {
    font-size: 108%;
}

p.plan-title {
    font-weight: bold;
    font-size: 123.1%;
}

.planguide .info {
    color: #004e00;
    font-size: 108%;
}

.planguide strong {
    color: #ee0000;
    font-weight: normal;
}

.planguide .b_detail {
    text-align: right;
}

.planarea1 {
    border: 5px solid #f5cc5f;
    background: url("/images/template/custom/title_bg_004.gif") no-repeat top left;
    padding: 1em;
    margin: 2em 0 1em;
}

.planarea2 {
    border: 5px solid #98f55f;
    background: url("/images/template/custom/title_bg_005.gif") no-repeat top left;
    padding: 1em;
    margin: 4em 0 2em;
}

/* プラン内容 */
#plan01 {
    padding: 25px 20px;
}

#plan02 {
    padding: 25px 20px;
}

#plan01-02 {
    padding: 25px 20px;
}

#plan03 {
    padding: 25px 20px;
}

#plan03 .plan-table th {
    width: 10%;
    padding: 8px 3px;
}

#plan03 .plan-table td {
    width: 10%;
}


.plan-title {
    margin: 0 0 6px;
}

.plan-subtext {
    font-size: 100%;
    margin: 0 0 10px;
}

.plan-image {
    margin: 0 0 20px 20px;
}

.plan-guide {
    color: #004e00;
    font-size: 108%;
}

.plan-table {
    width: 100%;
}

.plan-table td,
.plan-table th {
    padding: 5px;
}

.plan-list-title {
    font-weight: bold;
}

.plan-strong {
    font-size: 108%;
}

.plan-important {
    color: #ee0000;
    font-weight: normal;
}

/* 留意事項 */
.note-list {
    margin: 0 0 40px;
}

.note-list dt {
    padding: 1em 0;
    font-weight: bold;
}

.note-list dd {
    border: 5px solid #dddddd;
    line-height: 150%;
    margin: 0;
}

.note-list dd>ul {
    margin: 1rem 0;
}

.note-list dd>ul li {
    padding: 0.2rem 0;
}

/* 支払例 */
.sample-title {
    line-height: 22px;
    padding: 0 15px;
    margin: 5px 0 15px;
    height: 22px;
    background: url("/images/template/custom/title_bg_009.gif") no-repeat top left;
}

.sample-table {
    margin-bottom: 1em;
    width: 100%;
    border: 2px solid #dddddd;
}

.sample-head {
    color: #006699;
    font-weight: bold;
    font-size: 116%;
    border: 0 none;
    padding: 17px 17px 0;
}

.sample-body {
    border: 0 none;
    padding: 17px;
}

.sample-body tr.totalrow {
    border-top: 3px double #bbb;
    font-size: 116%;
}

.sample01,
.sample02 {
    width: 400px;
    border-collapse: collapse;
    border-spacing: 0;
    font-size: 0.9em;
}

.sample01 th,
.sample02 th,
.sample01 td,
.sample02 td {
    border: 1px solid #bbb;
    padding: 5px;
}

.sample01 th,
.sample02 th {
    width: 45%;
    text-align: right;
}

.sample02 td {
    text-align: right;
}

/* 挨拶 */
.greeting-title {
    font-size: 116%;
}

.greeting-name {
    text-align: right;
    font-size: 108%;
}

.greeting-body {
    font-size: 108%;
    margin-bottom: 20px;
}

/* FAQ */
.faq-category {
    font-size: 1.17rem;
    padding: 0 20px;
    margin: 3rem 0 0;
    background: url("/images/template/custom/title_bg_009.gif") no-repeat bottom left;
}

.question {
    margin: 2rem 0;
}

.question h4 {
    margin: 0 0 1.5rem;
    font-size: 1rem;
}

.question .alert {
    color: #CC0000;
    font-size: 100%;
}

.question .note {
    background: #EEEEEE;
    border: 1px dotted #999999;
    font-size: 100%;
    padding: 15px;
}

/* 区切り線 */
hr {
    border: 0 none;
    background: url("/images/anshin/system/line001.gif") repeat-x top left;
    height: 1px;
    margin: 0 0 20px;
}

/* 関連する情報 */
.related {
    padding: 22px;
    background-color: #eeeeee;
    margin: 0 0 20px;
}

.related-title {
    font-size: 123.1%;
    margin: 0 0 1em;
}

.related-list {
    margin: 0 0 10px;
    line-height: 1.6;
}

.related-list dt {
    background: url("/images/anshin/system/icon001.gif") no-repeat scroll left center transparent;
    list-style-type: none;
    padding: 0 0 0 13px;
}

.related-list dd {
    margin: 0 0 1em 1em;
}


/* 資料請求 */
.request {
    padding: 10px 10px;
    border: 2px solid #cccccc;
}

.request-table {
    margin: 0;
}

.request-table td {
    border: 0 none;
    padding: 0;
}

td.request-table-button {
    width: 33%;
}

.request-table-text p {
    padding-right: 20px;
    margin: 0;
    text-align: left;
    line-height: 1.6;
}

/* サブページ */
.pagebody {
    line-height: 1.6;
}

.item-page {
    line-height: 1.6;
}

.actions {
    text-align: right;
    margin-bottom: 0;
}

.actions li {
    list-style-type: none;
    display: inline;
}

/* TABLE */
.table01 {
    border-collapse: collapse;
}

.table01 td,
.table01 th {
    border: 1px solid #cccccc;
    padding: 0.5em 0.8em;
    text-align: left;
}

.table01 th {
    background-color: #eeeeff;
}

.table01 .wid20 {
    width: 20%;
}


/* ページ先頭に戻るボタン */
.pagetop {
    padding-top: 1rem;
    clear: both;
    text-align: right;
}


.customtopnews {
    border: 1px solid #c00;
    font-size: 93%;
    padding: 3px;
    margin-bottom: 10px;
}

.customtopnews p {
    margin: 0;
    padding: 0;
}

.customtopnews .alert {
    color: #c00;
    font-weight: bold;
}

/*
   *  FAQ
   */

.faqlist {
    margin: 0 0 100px;
}

.faqlist dt {
    padding: 1em 0;
    font-weight: bold;
}

.faqlist dd {
    border: 5px solid #dddddd;
    line-height: 150%;
    margin: 0;
}

.faqlist dd>ul {
    margin: 1rem 0;
}

.faqlist dd>ul li {
    padding: 0.2rem 0;
}

.backfaq {
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    text-align: right;
    margin: 3rem 0 2rem;
    padding: 3px;
}

.backfaq a {
    color: #999999;
    font-size: 0.9rem;
}

/*
   *  検索結果
   */
.search-results {
    line-height: 1.6;
    margin-left: 0;
}

.result-title {
    font-size: 123.1%;
    margin: 5px 0 0;
}

.result-text {
    margin: 2px 0 1.5em 1em;
}

/*
   *  吹き出し
   */
.arrow_box_wrap {
    display: none;
    text-align: right;
    margin: 0 -85px 0 0;
    height: 0;
}

.arrow_box {
    background: #fee;
    color: #e00;
    padding: 4px 8px;
    border-radius: 3px;
    display: inline-block;
    font-size: 13px;
    font-weight: bold;
    text-align: center;
    position: relative;
}

.arrow_box:after {
    top: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-top-color: #fee;
    border-width: 10px 10px 1px 1px;
    margin-left: -5px;
}

/*
   *  会員の声
   */
#main .item-pagevoice {
    line-height: 1.6;
}

#main .item-pagevoice h2 {
    height: auto;
    margin-bottom: 2em;
    padding: 24px;
    line-height: 1;
    background: #fff5f5;
    border: 3px solid #efc3d1;
    border-radius: 8px;
    text-decoration: none;
}

#main .item-pagevoice h3,
.pagevoice-subtitle {
    height: auto;
    margin-bottom: 1em;
    padding: 18px;
    line-height: 1;
    font-weight: normal;
    font-size: 1em;
    background: #fde8e8;
}

.item-pagevoice .category-desc {
    margin-bottom: 30px;
}

.item-pagevoice .item {
    margin-bottom: 50px;
}

/*
   * サイドボックスリンク（ご挨拶・会員の声）
   */
.sidebox-link {
    display: block;
    padding: 20px;
    border-width: 3px;
    background: #fff;
    border-radius: 8px;
    margin-bottom: 15px;
    border-color: #000;
    border-style: solid;
    background: #fff;
    text-decoration: none;
    color: #222;
}

.sidebox-link.pink {
    border-color: #efc3d1;
    background: #fffafa;
}

.sidebox-link.blue {
    border-color: #cce9f1;
    background: #f9fcfc;
}

.sidebox-link-heading {
    display: block;
    font-size: 1em;
    font-weight: bold;
    margin-bottom: 0.5em;
}

.sidebox-link-body {
    display: block;
    font-size: 0.9em;
}