@charset "UTF-8";
.compare_list--text_box { border: 1px solid #DEDEDE; padding: 1.4em 1em; margin-bottom: 30px; }
.compare_list--text_box .heading-md { margin: 1em 0 0.4em; }
.compare_list--text_box .heading-md .title { font-size: 0.2rem; }
.compare_list--text_box .heading-md:first-child { margin-top: 0; }

@media screen and (min-width: 1024px) { .compare_list--counter_text { font-size: 0.18rem; } }

.compare_list { /* スマホ長押しでメニュー表示するのを無効化する設定（Safari/iOS用） */ }
.compare_list label { position: relative; padding: 0; overflow: hidden; }
.compare_list label input { position: absolute; left: -9999px; }
.compare_list .fa-circle-check { margin-left: 2px; font-size: 32px; }
.compare_list input:not(:checked) + .fa-circle-check { color: #DEDEDE; }
@media (min-width: 960px) { .compare_list .contents_section--header .text_box { display: flex; align-items: center; justify-content: flex-start; } }
.compare_list .contents_section--header .btn_area { display: flex; justify-content: flex-start; }
@media (min-width: 960px) { .compare_list .contents_section--header .btn_area { width: 640px; max-width: 100%; padding-left: 1em; } }
.compare_list .contents_section--header .btn_area .btn { flex: 1; background: #fff; border: 1px solid #DEDEDE; border-radius: 4px 0 0 4px; font-size: 0.13rem; }
@media (min-width: 960px) { .compare_list .contents_section--header .btn_area .btn { padding: 0.3em 1em; font-size: 0.18rem; } }
.compare_list .contents_section--header .btn_area .btn + .btn { border-left: none; border-radius: 0 4px 4px 0; background: #F4F4F4; }
.compare_list .item_list--footer { padding-top: 25px; text-align: center; }
@media (min-width: 1024px) { .compare_list .item_list--footer { padding-top: 50px; } }
.compare_list .item_list--footer .btn { width: 420px; max-width: 100%; }
.compare_list .item_list--item--body { margin: 0; }
.compare_list .item_list--list--item a { -webkit-touch-callout: none; /* リンク長押しのポップアップを無効化 */ -webkit-user-select: none; /* テキスト長押しの選択ボックスを無効化 */ }

.compare_description { margin-top: 25px; }
@media screen and (min-width: 1024px) { .compare_description { margin-top: 50px; } }

.compare_description .contents_section { background-color: #FFF2F9; padding: 20px 15px; }
.compare_description .contents_section--body { margin-top: 13px; }
.compare_description .contents_section--header { margin-left: 5px; }
@media screen and (min-width: 1024px) { .compare_description .contents_section--header { margin-left: 0; } }
.compare_description .contents_section--header .title { font-size: 0.2rem; }
.compare_description .text_box .text { line-height: 1.6; }