@charset "utf-8";

body {
    -webkit-text-size-adjust: none;
}
*:first-child + html body {
    /* for IF7 */
    font-family: 'メイリオ', 'Meiryo';
}
h1,
h2,
h3,
h4,
h5,
h6,
p {
    margin: 0;
    padding: 0; /*font-size:100%;*/
}
ol,
ul,
dl,
li {
    margin: 0;
    padding: 0;
    list-style: none;
}
ul {
    display: inline-block;
}
*/
/* for macIE \*/
* html ul {
    height: 1%;
}
ul {
    display: block;
}
dt,
dd {
    margin: 0;
    padding: 0;
}
img {
    border: none;
}
th {
    text-align: left;
    font-weight: normal;
}
input,
button,
textarea,
select {
    border-radius: 0;
}
header,
footer,
nav,
article,
section {
    display: block;
}

h1,
h2,
h4,
th,
td {
    font-family: 'ＤＦ太丸ゴシック体', 'ヒラギノ丸ゴ Pro W4', 'ヒラギノ丸ゴ Pro', 'Noto Sans JP', sans-serif;
}

h3 {
    font-family: 'メイリオ', 'Meiryo', 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', 'Hiragino Mincho Pro W3', 'sans-serif' !important;
}

h2 {
    line-height: 5rem;
}

p {
    line-height: 3.5rem;
}

.HL_text {
    background: linear-gradient(transparent 77%, #ff9b00 77%);
}

header {
    margin: 10px 0;
}

header .flex img {
    width: 250px;
    margin-right: 10px;
}

.innner_back {
    background-color: #609ae1;
}

#footer {
    width: 100%;
    clear: both;
    margin-right: auto;
    margin-left: auto;
    margin: 10px;
}

#footer p {
    text-align: center;
    font-size: 80%;
    font-family: 'Meiryo', 'メイリオ' !important;
}

/* ーーーーーーーーーーーーー アクションボタンまわり box ーーーーーーーーーーーーー */
.box_action_bg {
    width: 100%;
    background-image: url('../images/section_bg_ex.png');
    background-size: cover;
    background-position: center center;
    margin: 0 auto;
    padding: 40px;
}

.box_action_c {
    width: 1100px;
    border: none;
    padding: 25px 2px 15px;
    box-shadow: none;
    margin: auto;
    /* background-color: #eff4fb; */
    background-color: white;
    box-shadow: 0 0 8px rgb(0 0 0 / 20%);
}

.h2_box_action_c {
    font-size: 3.2rem;
    text-align: center;
    color: #337fe9;
    /* color: white; */
    margin: 0 auto 10px;
    line-height: 5rem;
}

.h2_box_action_c span {
    background: linear-gradient(transparent 70%, yellow 30%);
}

.box_action_c .action_button_section_title {
    font-size: 2.4rem;
    font-weight: bold;
    text-align: center;
    color: #337fe9;
    background: linear-gradient(transparent 70%, yellow 10%);
}

.box_action_c .action_button_box_top {
    display: flex;
    flex-direction: row;
    margin-top: 10px;
}

.box_action_c .action_button_box_top .img_section {
    width: 20%;
}

.box_action_c .action_button_box_top .text_section {
    margin: auto;
}

.box_action_c .ction_button_section_leading {
    font-size: 2.4rem;
    /* margin-left: 10px; */
    text-align: center;
    line-height: 4rem;
}

.box_action_c .ction_button_section_leading span {
    color: red;
}

.box_action_c .alert_button_box {
    display: flex;
    flex-direction: column;
    margin-top: 10px;
    width: 80%;
}

.img_section img {
    width: 110%;
}

.box_action_c .action_button_section_alert {
    width: 90%;
    background-color: red;
    padding: 10px 0px 0px;
    margin: auto;
}

.box_action_c .action_button_section_alert_title {
    width: 90%;
    color: white;
    font-size: 2rem;
    text-align: center;
    margin: auto;
}

.box_action_c .action_button_section_alert_content {
    background: white;
    margin: 10px auto 0;
    padding: 10px 8px 10px;
    text-align: left;
    border: 2px solid red;
    color: #000;
    width: 100%;
}

.box_action_c .action_button_section_alert_content_btm {
    color: red;
    line-height: 1.3;
    padding: 5px 30px;
    text-align: center;
}

.alert_button_box .action_button_section_alert_content_flex {
    display: flex;
    flex-direction: row;
}

.box_action_c .action_button_section_alert_content_text {
    width: 50%;
    font-size: 2rem;
    padding-bottom: 2px;
    margin-left: 10px;
    line-height: 4rem;
}

.box_action_c .action_button_section_alert_content_flex:last-child .action_button_section_alert_content_text {
    width: 90%;
}

.box_action_c .action_button_section_button_box {
    display: flex;
    flex-direction: row;
    /* background: #f4f6f3; */
    text-align: center;
    padding: 0px 4px 0px;
    width: 90%;
    margin: 10px 20px 0px;
}

.action_button_section_button_box .box_tel,
.box_mail {
    margin: 10px;
}

.action_button_section_button_box img {
    margin: 0 15px 15px;
    width: 100%;
}

/* ーーーーーーーーーーーーー アクションボタンまわり END ーーーーーーーーーーーーー */

/* ーーーーーーーーーーーーー こんなお悩みありませんか？ ーーーーーーーーーーーーー */
.box_onayami_bg {
    background: #eff4fb;
    position: relative;
    margin: 0 auto;
    padding: 40px 0;
}

.box_onayami_c {
    padding-bottom: 20px;
    width: 1000px;
    margin: auto;
}

.h2_box_onayami_c {
    font-size: 4.2rem;
    text-align: center;
    color: #337fe9;
    /* color: white; */
    margin: 0 auto 20px;
}

.box_onayami_bg .nayami_c {
    display: flex;
    flex-direction: row;
    justify-content: center;
    column-gap: 18px;
    margin: auto;
    margin-bottom: 40px;
}

.box_onayami_bg .nayami_c:last-child {
    margin-bottom: 0;
}

.box_onayami_bg .each_nayami_box {
    width: 35%;
    padding: 10px 20px;
    border: solid 1px #c9c9c9;
    border-radius: 10px;
    box-shadow: 0 0 8px rgb(0 0 0 / 20%);
    background-color: white;
    margin: 0 20px;
}

.box_onayami_bg .each_nayami_box img {
    width: 100%;
    text-align: center;
}

.box_onayami_bg .text {
    font-size: 2.4rem;
    text-align: left;
    margin-top: 10px;
}

/* こんなお悩みありませんか？ END */

/* ーーーーーーーーーーーーー 依頼するメリット ーーーーーーーーーーーーー */
.irai_merit_box_bg {
    margin: 40px auto;
    width: 1000px;
}

.h2_irai_merit_box {
    font-size: 4.2rem;
    color: #337fe9;
    text-align: center;
    margin: 40px auto 20px;
}

.irai_merit_box {
    border-radius: 10px;
    border: solid 1px #c9c9c9;
    padding: 0px 15px 10px;
    box-shadow: 0 0 8px rgb(0 0 0 / 20%);
}

.irai_merit_box .irai_merit_box_title_section {
    border-bottom: 3px solid orange;
    width: 95%;
    margin: auto;
}

.irai_merit_box .irai_merit_box_title {
    font-size: 2rem;
    text-align: center;
    color: orange;
    font-weight: bold;
}

.irai_merit_box .irai_merit_box_list {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.irai_merit_box .irai_merit_box_list li {
    padding: 20px 5px 40px 5px;
    border-bottom: 1px solid rgb(198 198 198 / 40%);
}

.irai_merit_box .irai_merit_box_list li:last-child {
    padding: 10px 8px 40px 8px;
    border-bottom: none;
}

.irai_merit_box .irai_merit_box_list .irai_merit_box_list_content_top {
    display: flex;
    flex-direction: row;
    padding: 20px 0 20px;
    margin-bottom: 10px;
}

.irai_merit_box .irai_merit_box_list .irai_index_section {
    width: 15%;
    margin: auto;
}

.irai_merit_box .irai_merit_box_list .title_section {
    width: 85%;
    margin: auto;
}

.irai_merit_box .irai_merit_box_list .irai_merit_box_list_content_top .irai_merit_box_list_content_top_index {
    color: orange;
    font-size: 3.6rem;
    text-align: left;
    margin: auto;
}

.irai_merit_box .irai_merit_box_list .title_section .irai_merit_box_list_content_title {
    font-size: 3.6rem;
    line-height: 2.8rem;
    text-align: left;
    color: orange;
    margin: auto;
}

.irai_merit_box .irai_merit_box_list .irai_merit_box_list_content_text {
    font-size: 2.4rem;
    line-height: 3.5rem;
}

.irai_merit_box .irai_merit_box_list .irai_merit_box_list_content_text span {
    color: #337fe9;
    font-weight: bold;
}

/* ーーーーーーーーーーーーー 依頼するメリットEND ーーーーーーーーーーーーー */

/* ーーーーーーーーーーーーー 借金の解決方法 ーーーーーーーーーーーーー */
.method_box p.title {
    color: #ffffff;
    text-align: center;
    font-weight: bold;
    font-size: 4.2rem;
    line-height: 1.4;
    background: #337fe9;
    padding: 24px;
    margin-bottom: 20px;
}
.method_box p.subtitle {
    color: #337fe9;
    text-align: center;
    padding: 8px;
    margin: 0 8px 24px;
}

.method_box .flex {
    display: flex;
    flex-direction: row;
    margin: auto;
    width: 1000px;
}

.method_img {
    border-bottom: 1px solid #ccc;
    margin: auto;
    margin-bottom: 20px;
}

.method_box img {
    width: 100%;
}
/* ーーーーーーーーーーーーー 借金の解決方法 END ーーーーーーーーーーーーー */

/* ーーーーーーーーーーーーー おすすめの解決方法 ーーーーーーーーーーーーー */

.chart_box {
    margin-bottom: 20px;
}

.chart_box p.title {
    color: #ffffff;
    text-align: center;
    font-weight: bold;
    font-size: 4.2rem;
    margin-top: 64px;
    line-height: 1.4;
    background: #337fe9;
    padding: 24px;
}

.chart_box p.subtitle {
    color: #337fe9;
    text-align: center;
    padding: 8px;
    margin: 0 8px 24px;
}

.chart_img {
    padding: 8px;
    text-align: center;
    scale: 90%;
}
.chart_box img {
    vertical-align: bottom;
}

/* ーーーーーーーーーーーーー おすすめの解決方法 END ーーーーーーーーーーーーー */

/* ーーーーーーーーーーーーー 解決方法のメリット・デメリット ーーーーーーーーーーーーー */
.merit_box {
    margin-bottom: 40px;
}

.merit_box .merit_c {
    width: 1000px;
    margin: auto;
}

.merit_box p.title {
    color: #ffffff;
    text-align: center;
    font-weight: bold;
    font-size: 3.2rem;
    line-height: 1.4;
    background: #337fe9;
    padding: 24px;
    margin-bottom: 20px;
}

.merit_img {
    padding: 8px;
    margin-top: 8px;
    margin: auto;
}

.merit_box img {
    width: 100%;
    vertical-align: bottom;
    margin: auto;
}
/* ーーーーーーーーーーーーー 解決方法のメリット・デメリット END ーーーーーーーーーーーーー */

/* ーーーーーーーーーーーーー 選ばれる理由 ーーーーーーーーーーーーー */

.h2_erabareru_riyu_box {
    font-size: 4.2rem;
    text-align: center;
    /* color: #337fe9; */
    color: white;
    margin: 0 auto;
    position: relative;
    margin-bottom: 40px;
}

.erabareru_riyu_box_bg {
    padding: 40px 0 0px;
    background: linear-gradient(0deg, #7eb0ff 0%, #0f80de 40%, #0054b5 100%);
}

.erabareru_riyu_box {
    display: flex;
    flex-direction: row;
    column-gap: 40px;
    margin: auto;
    width: 1200px;
}

.erabareru_riyu_box .erabareru_riyu_box_half_section {
    display: block;
    width: 600px;
}

.erabareru_riyu_box .erabareru_riyu_box_half_section:last-child {
    /* margin-top: 60px; */
    position: relative;
}

.erabareru_riyu_box .icon_img_section {
    text-align: right;
}
.erabareru_riyu_box .erabareru_riyu_box_half_section .icon {
    width: 150px;
    margin: auto;
}

.erabareru_riyu_box .erabareru_riyu_box_half_section_box {
    display: block;
}

.erabareru_riyu_boxmn_section .erabareru_riyu_box_half_section_inner {
    display: flex;
    flex-direction: column;
    gap: 40px;
}

.erabareru_riyu_box .erabareru_riyu_box_half_section_inner_content {
    padding: 10px 20px;
    border: solid 1px #c9c9c9;
    border-radius: 10px;
    box-shadow: 0 0 8px rgb(0 0 0 / 20%);
    background-color: white;
    margin-bottom: 40px;
}

.erabareru_riyu_box .erabareru_riyu_box_content_point_text {
    font-size: 2.4rem;
    padding: 10px 0;
    text-align: center;
    border-bottom: solid 1px #c9c9c9;
}

.erabareru_riyu_box .erabareru_riyu_box_content_title {
    font-size: 3.6rem;
    font-weight: bold;
    text-align: center;
    color: orange;
    margin: 20px 0;
    line-height: 4rem;
}

.erabareru_riyu_box .erabareru_riyu_box_content_text {
    font-size: 2.4rem;
}

.erabareru_riyu_box .erabareru_riyu_box_content_text span {
    color: #337fe9;
    font-weight: bold;
}
/* 選ばれる理由 END */

/* ーーーーーーーーーーーーー よくある質問 ーーーーーーーーーーーーー */
.qa_box_bg {
    margin: 40px auto;
    width: 1000px;
}

.h2_qa_box_bg {
    font-size: 4.2rem;
    font-weight: bold;
    color: #337fe9;
    text-align: center;
    margin: 40px auto 20px;
}

.qa_box {
    border-radius: 10px;
    border: solid 1px #c9c9c9;
    padding: 0px 10px 10px;
    box-shadow: 0 0 8px rgb(0 0 0 / 20%);
}

.qa_box .qa_box_title {
    font-size: 2rem;
    text-align: center;
    color: orange;
    font-weight: bold;
}

.qa_box .qa_box_list {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.qa_box .qa_box_list li {
    padding: 10px 10px 20px 10px;
    border-bottom: 1px solid rgb(198 198 198 / 40%);
    width: 95%;
    margin: auto;
}

.qa_box .qa_box_list li:last-child {
    border-right: none;
}

.qa_box .qa_box_list .qa_box_list_content_top {
    display: flex;
    flex-direction: row;
    padding: 10px 0 10px;
    margin-bottom: 10px;
}

.qa_box .qa_box_list .qa_box_list_content_top .img_section {
    width: 15%;
}

.qa_box .qa_box_list .qa_box_list_content_top .img_section img {
    width: 100%;
}

.qa_box .qa_box_list .qa_box_list_content_top .text_section {
    width: 75%;
    margin: auto;
}

.qa_box .qa_box_list .qa_box_list_content_top .qa_box_list_content_top_text {
    font-size: 3.2rem;
    font-weight: bold;
    line-height: 3.8rem;
    text-align: left;
    color: orange;
    margin: auto;
}

.qa_box .qa_box_list .qa_box_list_content_text {
    font-size: 2.4rem;
}
/* ーーーーーーーーーーーーー よくある質問 END ーーーーーーーーーーーーー */

/* ーーーーーーーーーーーーー 解決までの流れ ーーーーーーーーーーーーー */

.box_flow_bg {
    background-color: #eaeef5;
    padding: 40px;
}

.flow_c_outside {
    width: 900px;
    margin: auto;
}

.flow_c_outside .icon {
    text-align: right;
    position: absolute;
    transform: translate(750px, -80px);
    width: 150px;
}

.h2_box_flow {
    font-size: 4.2rem;
    font-weight: bold;
    color: #337fe9;
    text-align: center;
    margin: 0 auto;
    margin-bottom: 20px;
}

.flow_c {
    display: flex;
    flex-direction: column;
    width: 1000px;
    margin: auto;
}

.flow_c_list li {
    display: flex;
    flex-direction: row;
    position: relative;
    text-align: left;
    width: 100%;
    margin-top: 20px;
    background-color: white;
    box-shadow: 0 0 8px rgb(0 0 0 / 20%);
}

.flow_c .index {
    display: block;
    margin: auto;
    justify-content: center;
    padding: 0 20px;
    width: 15%;
}

.flow_c .index p {
    color: #337fe9;
    font-weight: bold;
    font-size: 4.8rem;
    display: block;
    margin: auto;
    text-align: center;
    /* font-style: italic; */
}

.flow_c .title_text {
    display: block;
    width: 55%;
    margin: auto;
    padding: 0 20px 0 0;
}

.flow_c .title_text .title {
    font-size: 3.2rem;
    font-weight: bold;
    margin-bottom: 10px;
    color: #337fe9;
}

.flow_c .title_text .text {
    font-size: 2.4rem;
}

.flow_c .img_section {
    width: 30%;
}

.flow_c .img_section img {
    width: 100%;
    margin-right: 0;
}

/* ーーーーーーーーーーーーー 解決までの流れ END ーーーーーーーーーーーーー */

/* ーーーーーーーーーーーーー Cost box ーーーーーーーーーーーーー */
.cost_box {
    width: 1000px;
    margin: auto;
    padding: 40px;
    font-family: 'Meiryo', 'メイリオ' !important;
}

.cost_box .h2_cost_box {
    font-size: 4.2rem;
    font-weight: bold;
    color: #337fe9;
    text-align: center;
    margin: 0 auto;
    margin-bottom: 20px;
    font-family: 'Meiryo', 'メイリオ' !important;
}

.cost_box p.title {
    color: #ffffff;
    text-align: center;
    font-weight: bold;
    font-size: 32px;
    margin-top: 64px;
    line-height: 1.4;
    background: #337fe9;
    padding: 18px;
    margin: 64px 8px 0px;
    font-family: 'Meiryo', 'メイリオ' !important;
}

.cost_box p.subtitle {
    color: #337fe9;
    text-align: center;
    padding: 8px;
    margin: 0 8px 24px;
    font-family: 'Meiryo', 'メイリオ' !important;
}

.cost_table {
    /* padding: 8px; */
    /* margin-top: 8px; */
}

.cost_table table {
    border: 1px solid #dadada;
    /* margin-top: 12px; */
}
.cost_table table,
.cost_table table tr,
.cost_table table th,
.cost_table table td {
    display: grid;
}
.cost_table table th {
    border-bottom: 1px solid #dadada;
    background: #eaeef5;
    text-align: left;
    font-weight: bold;
    font-family: 'Meiryo', 'メイリオ' !important;
}
.cost_table table tr td {
    border-bottom: 1px solid #dadada;
    font-family: 'Meiryo', 'メイリオ' !important;
}
.red {
    font-weight: bold;
    color: #337fe9;
    font-family: 'Meiryo', 'メイリオ' !important;
}
.cost_table table tr td p {
    margin-bottom: 8px;
}
.cost_table table th,
.cost_table table td {
    padding: 12px;
}

.cost_table table tr:last-of-type td {
    border-bottom: none;
}

.cost_asterisk li {
    list-style-type: none;
    text-indent: -1em;
    margin-top: 5px;
    margin-left: 15px;
    font-size: 12px;
    font-family: 'Meiryo', 'メイリオ' !important;
}
.cost_asterisk li:before {
    display: inline;
    content: '※';
}

.cost_list li {
    list-style-type: none;
    text-indent: -1em;
    margin-top: 5px;
    margin-left: 15px;
    font-size: 12px;
}
.cost_list li:before {
    display: inline;
    content: '・';
}

/* ーーーーーーーーーーーーー Cost box END ーーーーーーーーーーーーー */

/* ーーーーーーーーーーーーー Office box ーーーーーーーーーーーーー */
.office_box,
.aisatu {
    width: 1000px;
    margin: auto;
    padding: 40px;
}
.office_box .h2_office_box,
.aisatu .title {
    font-size: 4.2rem;
    font-weight: bold;
    color: #337fe9;
    text-align: center;
    margin: 0 auto;
    margin-bottom: 20px;
    font-family: 'Meiryo', 'メイリオ' !important;
}

.office_img {
    padding: 8px;
    margin-top: 8px;
}
.office_box img {
    width: 100%;
    vertical-align: bottom;
}

.office_table {
    padding: 8px;
    margin-top: 8px;
}

.office_table table {
    border: 1px solid #dadada;
    margin-top: 12px;
}
.office_table table,
.office_table table tr,
.office_table table th,
.office_table table td {
    display: grid;
}
.office_table table th {
    border-bottom: 1px solid #dadada;
    background: #f5e8d9;
    text-align: left;
    font-weight: bold;
    padding-left: 14px;
    font-family: 'Meiryo', 'メイリオ' !important;
}
.office_table table tr td {
    border-bottom: 1px solid #dadada;
    font-family: 'Meiryo', 'メイリオ' !important;
}

.office_table table tr td p {
    margin-bottom: 8px;
}
.office_table table th,
.office_table table td {
    padding: 12px;
}

.office_table table tr:last-of-type td {
    border-bottom: none;
}

.office_subtable {
    /* padding: 8px; */
    margin-top: 0;
    font-size: 1.8rem;
    line-height: 2.8rem;
    font-family: 'Meiryo', 'メイリオ' !important;
}
.office_subtabletitle {
    border-bottom: 1px solid #dadada;
    background: #eff4fb;
    text-align: left;
    font-weight: bold;
    padding: 14px;
    margin-top: 10px;
    font-size: 1.8rem;
    font-family: 'Meiryo', 'メイリオ' !important;
}
.office_subtable table {
    border: none;
    margin-top: 0px;
}
.office_subtable table,
.office_subtable table tr,
.office_subtable table th,
.office_subtable table td {
    display: flex;
}
.office_subtable table th {
    border-bottom: 1px solid #ffffff;
    background: #fff;
    text-align: left;
    font-weight: normal;
    width: 30%;
    font-family: 'Meiryo', 'メイリオ' !important;
}
.office_subtable table tr td {
    border-bottom: 1px solid #ffffff;
    width: 450px;
    display: grid;
    font-family: 'Meiryo', 'メイリオ' !important;
}

.office_subtable table tr td.smalla {
    width: 80px;
    font-family: 'Meiryo', 'メイリオ' !important;
}

.office_subtable table th,
.office_subtable table td {
    padding: 4px;
}

.office_subtable p span {
    font-size: 11px;
}
.office_subtable p {
    margin-bottom: 12px;
    font-family: 'Meiryo', 'メイリオ' !important;
}

.office_box_pic {
    text-align: center;
    margin: 10px 0;
}

.office_subtable img {
    width: 300px;
    margin: auto;
}

/* ーーーーーーーーーーーーー Office box END ーーーーーーーーーーーーー */

.flex {
    display: flex;
    flex-wrap: wrap;
    /* justify-content: space-between; */
}

.flex_wrap {
    display: flex;
    justify-content: space-between;
}

.flex_inq {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.clearfix:after {
    content: '.';
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}

.clearfix {
    min-height: 1%;
    clear: both;
}

* html .clearfix {
    height: 1%;
    /*¥*/ /*/
height: auto;
overflow: hidden;
/**/
}

*,
*:after,
*:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

a {
    color: #3484d1;
    text-decoration: none;
}
a:hover,
a:active {
    color: #5897d7;
}
a:visited {
}
a:hover img {
    opacity: 0.8;
    filter: alpha(opacity=80);
}

html {
    font-size: 62.5%; /* font-size 1em = 10px */
}

body {
    margin: 0 auto;
    font-family: 'ＤＦ太丸ゴシック体', 'ヒラギノ丸ゴ Pro W4', 'ヒラギノ丸ゴ Pro', 'Meiryo', 'メイリオ', 'Osaka', 'MS PGothic', 'arial', 'helvetica', 'sans-serif' !important;
    color: #444;
    background-color: #fff;
    font-size: 1.8rem;
    letter-spacing: 0.2rem;
    height: 100%;
}

img {
    vertical-align: bottom;
}

.contents_title {
    background: #253348;
    color: #ffffff;
    text-align: center;
    font-weight: bold;
    font-size: 2.4rem;
    padding: 18px 4px;
}

.contents_subtitle {
    color: #676767;
    width: 100%;
    text-align: center;
    padding: 24px 0px 0px 0px;
}
.contents_subtitle2 {
    color: #676767;
    width: 100%;
    text-align: left;
    padding: 24px 0px 0px 0px;
}
.contents_subtitle2 span {
    background-color: #e0ede3;
    font-weight: bold;
}
.contents_subtitle {
    color: #676767;
    text-align: center;
    padding: 24px 0px 0px 0px;
}
.onayami_box_m {
    margin-top: 20px;
    border: 1px solid #ccc;
    padding: 18px 12px 12px 12px;
    background: #f7f3ed;
    width: 49%;
}
.onayami_box {
    border: 1px solid #e3e3e3;
    margin: 9px;
    padding: 10px;
}
.onayami_box img {
    width: 450px;
}

.onayami_box span {
    font-weight: bold;
    color: #088551;
}
.title_onayami {
    background: #253348;
    color: #ffffff;
    font-weight: bold;
    border-radius: 6px;
    text-align: center;
    margin: auto;
    line-height: 2;
}

.osusume {
    background: #ffffff;
    padding: 10px;
    margin-top: 10px;
}
.osusume_title {
    /* background: #eaf5f1; */
    text-align: center;
    padding: 6px 0 0;
    /* margin-top: 10px; */
    font-weight: bold;
    color: #253348;
    border-bottom: 1px solid #253348;
}

ol.sample1 {
    counter-reset: list;
    list-style-type: none;
    font: 1.6rem/1.3 'arial narrow', sans-serif;
    padding: 0;
}

ol.sample1 li {
    position: relative;
    padding: 0 0px 7px 24px;
    margin: 8px 0px 18px 0px;
    font-weight: bold;
    font-size: 1.6rem;
    line-height: 1.8;
    border-bottom: dashed 1px #c3c3c3;
}

ol.sample1 li:before {
    counter-increment: list;
    content: '';
    display: block;
    position: absolute;
    left: 0px;
    height: 15px;
    width: 15px;
    border-radius: 50%;
    background: #8b2424;
    top: 43%;
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

ol.sample1 li:after {
    content: '';
    display: block;
    position: absolute;
    left: 6px;
    height: 0;
    width: 0;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    border-left: 5px solid #fff;
    top: 43%;
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
.balloon2 {
    position: relative;
    margin: 0px auto 36px;
    padding: 24px 0px;
    color: #253348;
    font-size: 2.1rem;
    box-sizing: border-box;
    text-align: center;
    font-weight: bold;
    width: 100%;
    background: #d7d7d7;
    line-height: 1.2;
}

.balloon2:before {
    content: '';
    position: absolute;
    bottom: -24px;
    left: 50%;
    margin-left: -15px;
    border: 12px solid transparent;
    border-top: 12px solid #d7d7d7;
    z-index: 2;
}

.balloon2:after {
    content: '';
    position: absolute;
    bottom: -30px;
    left: 50%;
    margin-left: -18px;
    border: 15px solid transparent;
    border-top: 15px solid #d7d7d7;
    z-index: 1;
}
.balloon2 span.subtext {
    font-size: 1.6rem;
    font-weight: normal;
    background: #d7d7d7;
    color: #fff;
}

.book {
    background: #e8f1eb;
    padding: 2px;
    margin: 8px;
}

.header {
    width: 1000px;
    margin: auto;
    padding: 10px;
    text-align: left;
}

.header_back {
    background: #fff;
}

.header_innner {
    width: 1220px;
    margin: 0px auto 0;
}

.main_bottom {
    width: 800px;
    display: block;
    margin: 80px auto 0;
}

.contents:first-child {
    width: 1000px;
    margin: 0 auto;
}

.contents {
    width: 1000px;
    margin: 60px auto 0px;
    padding: 8px;
}

footer {
    clear: both;
    margin: 20px 0;
    font-family: 'メイリオ', 'Meiryo', 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', 'Hiragino Mincho Pro W3', 'sans-serif' !important;
}

footer p {
    text-align: center;
    font-size: 1.3rem;
}

.copy {
    font-family: 'メイリオ', 'Meiryo', 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', 'Hiragino Mincho Pro W3', 'sans-serif' !important;
}

.privacy {
    padding: 10px;
    font-family: 'メイリオ', 'Meiryo', 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', 'Hiragino Mincho Pro W3', 'sans-serif' !important;
}

#page-top {
    position: fixed;
    bottom: 0px;
    right: 10px;
}

#page-top a {
    background: #b36969;
    text-decoration: none;
    color: #fff;
    width: 50px;
    padding: 13px 0;
    text-align: center;
    display: block;
    border-radius: 5px;
    float: right;
    margin-bottom: 20px;
    border-radius: 50px;
    height: 50px;
}

.toggle_switch {
    position: relative;
    cursor: pointer;
    padding: 21px 0px;
}

.toggle_contents p {
    text-align: left;
    padding: 12px;
    line-height: 1.6;
}

.toggle_switch::after {
    content: '';
    display: inline-block;
    width: 18px;
    height: 11px;
    background: url(../images/arrow_down.png) no-repeat center center;
    background-size: contain;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 2px;
    transition: transform 0.2s;
}

.toggle_switch.open::after {
    transform: rotateZ(180deg);
    top: 46%;
}

.toggle_contents {
    padding: 8px 0px;
    background: #fff;
    margin: 0px auto 12px;
    display: none;
}

*,
:after,
:before {
    box-sizing: border-box;
}

.flow_box img {
    vertical-align: bottom;
}

.jirei {
    padding-top: 10px;
    padding-bottom: 20px;
}

.case_flow {
    background: #e8ecef;
    width: 96%;
    margin: 24px auto;
    border-radius: 12px;
    padding: 8px;
}

.case_flow p.casetitle {
    margin-right: 26px;
    padding: 2px;
    margin-left: 56px;
    margin-top: 0px;
}

.case_flow .titleimg {
    width: 50px;
    position: absolute;
    top: 3px;
    left: -2px;
}

.case_contents {
    background: #fff;
}

.flow_box {
    display: flex;
    margin: 18px 8px 0px;
}

.flow_left {
    position: relative;
    font-family: 'YakuHanJP', 'Koburina Gothic W6 JIS2004';
    width: 80px;
}

.flow_left p {
    font-family: 'YakuHanJP', 'Koburina Gothic W6 JIS2004';
    width: 60px;
    height: 60px;
    border-radius: 40px;
    background: #0c1c4a;
    color: #fff;
    font-size: 1.9rem;
    padding: 16px 0px 0px 0px;
    line-height: 1;
    text-align: center;
    font-weight: bold;
}

.flow_left p span {
    display: block;
    font-size: 1.2rem;
    font-weight: normal;
}

.flow_left::after {
    content: '';
    width: 1px;
    height: 100%;
    background: #0c1c4a;
    position: absolute;
    top: 55px;
    left: 30px;
}

.flow_box:last-of-type .flow_left::after {
    content: none;
}

.flow_right {
    margin: 4px 0 18px 12px;
    padding-top: 0px;
    position: relative;
}

.flow_right img {
    padding: 8px;
    width: 295px;
}

.flow_right_h {
    font-size: 2rem;
    font-weight: bold;
    color: #000;
    line-height: 1.4;
}

.flow_right div p {
    margin-bottom: 16px;
    padding-top: 10px;
}

/*404*/
.not_box {
    width: 90%;
    margin: 110px auto;
}

.not_box ol {
    margin-top: 20px;
    margin-left: 20px;
    font-size: 15px;
}
.not_box ol li {
    list-style-type: decimal;
}

ol {
    position: relative;
    margin-top: 10px;
    padding: 0;
}

ol li {
    list-style: none;
    list-style-position: outside;
    margin: 0;
    padding-left: 1.25em;
    font-size: 1.4rem;
}

.voice {
    background: #f5f1f0;
    padding: 8px;
    margin-top: 24px;
    width: 484px;
}

.voice table {
    border-collapse: collapse;
    border-spacing: 0;
}

.voice table th {
    padding: 8px;
    text-align: left;
    font-weight: bold;
}

.voice table td {
    padding: 12px;
    text-align: left;
}

.voice table tr:nth-child(odd) {
    background-color: #fff;
}

.voice img {
    width: 450px;
    padding: 23px 12px 25px 25px;
}

.voice_title {
    color: #8b2424;
    font-weight: bold;
    font-size: 1.8rem;
    text-align: center;
    margin: 17px 0;
}

/* /privacy/ */
.word_header {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    margin-bottom: 20px;
    padding-bottom: 10px;
    border-bottom: 1px dotted #ccc;
    font-size: 1.6rem;
    font-family: 'メイリオ', 'Meiryo', 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', 'Hiragino Mincho Pro W3', 'sans-serif' !important;
}

.word_header_title {
    font-size: 26px;
    font-weight: bold;
    line-height: 1.5;
}

.word_header_title {
    font-size: 26px;
    font-weight: bold;
    line-height: 1.5;
}

.word_header_titleh2 {
    font-size: 1.7rem;
    font-weight: bold;
    line-height: 1.5;
    margin-top: 30px;
    font-family: 'メイリオ', 'Meiryo', 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', 'Hiragino Mincho Pro W3', 'sans-serif' !important;
}
.word_header span {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    width: 26px;
    height: 26px;
    margin-right: 10px;
    border-radius: 3px;
    background: #08104e;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    font-family: 'メイリオ', 'Meiryo', 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', 'Hiragino Mincho Pro W3', 'sans-serif' !important;
}

.word p {
    font-size: 1.4rem;
    line-height: 1.5;
}

.word a {
    display: inline;
    color: #49bbfd;
}

.word {
    padding: 20px;
    font-family: 'メイリオ', 'Meiryo', 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', 'Hiragino Mincho Pro W3', 'sans-serif' !important;
}

.title {
    color: #484848;

    line-height: 1.5;
}

ol {
    position: relative;
    margin-top: 10px;
    padding: 0;
}
ol li {
    list-style: none;
    list-style-position: outside;
    margin: 0;
    padding-left: 1.25em;
    font-size: 1.4rem;
}
ol li span {
    position: absolute;
    left: 0;
    margin: 0;
}

.info {
    background: #fbf8f8;
    width: 1000px;
    margin: 10px auto 0px;
    padding: 14px;
    text-align: left;
    border: 2px solid #c00;
}

.info p.titlein {
    color: #c00;
    text-align: center;
    font-weight: bold;
}
.info p.titleinsub {
    color: #c00;
    font-weight: normal;
    background: #f5e6e6;
    padding: 10px;
    text-align: center;
}

.info p.titlein span {
    color: #f00;
    /* padding-left: 140px; */
    text-align: center;
    font-weight: bold;
    font-size: 18px;
    border-bottom: 1px solid #f00;
}

ul.asterisk {
    padding: 20px 12%;
    /* width: 900px; */
    /* margin: auto; */
    flex-wrap: wrap;
    justify-content: space-evenly;
}

ul.asterisk li {
    list-style-type: none;
    padding: 4px;
    padding-left: 0px;
    font-size: 16px;
}

ul.asterisk li:before {
    display: inline;
    content: '※';
}

.kaiketsu_sub_title {
    font-weight: bold;
    text-align: left;
    font-size: 1.8rem;
}
.kaiketsu_subbox {
    margin: 4em 0 1em 0;
    background-color: #fff;
    padding: 10px;
}

.kaiketsu_subbox_title {
    font-size: 16px;
    position: absolute;
    margin-top: -37px;
    margin-left: -10px;
    background-color: #fff;
    color: #333;
    font-weight: bold;
    border-radius: 4px 4px 0 0;
    padding: 6px 35px 0;
}

.kaiketsu_subbox p {
    padding: 4px 12px;
    font-size: 1.5rem;
    line-height: 1.6;
}

.kaiketsu {
    width: 472px;
    background: #e8ecef;
    padding: 20px;
    margin: 20px 10px 40px;
}

.adress {
    font-size: 14px;
}
.adress p {
    padding: 4px;
}

.adress p span {
    font-weight: bold;
    color: #3c0846;
    /* background: #3c0846; */
    padding: 2px 10px;
    border-radius: 20px;
}
.adress p span.long {
    font-weight: bold;
    color: #3c0846;
    /* background: #3c0846; */
    padding: 2px 17px;
    border-radius: 20px;
}

.office_shiten {
    border: 1px solid #ccc;
    width: 300px;
    padding: 10px;
    margin: 10px;
}

.contents_subtitle3 {
    font-weight: bold;
    padding-left: 10px;
    border-left: 5px solid #ccc;
    margin-top: 25px;
}

.jisseki {
    border: 1px solid #ccc;
    padding: 10px;
    margin-top: 20px;
    width: 487px;
    margin: 10px 0px 10px 0px;
}

.jisseki_title {
    font-size: 1.8rem;
    background: #ededed;
    padding: 15px 10px 10px 10px;
    min-width: 160px;
    font-weight: bold;
    text-align: center;
}

.jisseki_suchi {
    font-size: 3.4rem;
    font-weight: bold;
    color: #c00;
    padding-left: 88px;
    background: #f9f5f5;
    width: 64%;
}

.jisseki_suchi span {
    font-size: 1.8rem;
}

.jisseki_suchi02 {
    font-size: 1.8rem;
}
.jisseki02 {
    /* border-bottom: 1px solid #ccc; */
    /* padding: 5px 0px; */
    width: 459px;
    margin: 10px;
    background: #f9f5f5;
}

.jisseki02_02 {
    border: 1px solid #ccc;
    padding: 10px;
    margin-top: 20px;
}
.jisseki02_02_title {
    font-weight: bold;
    /* background: #ebebeb; */
    padding: 8px;
    /* text-align: center; */
    font-size: 2rem;
    color: #253348;
}

.logo_right {
    font-size: 2rem;
    line-height: 1.2em;
    text-align: left;
    margin-left: 30px;
    color: #253448;
    border-left: 2px #253448 solid;
    padding-left: 30px;
    padding-top: 9px;
    font-weight: bold;
}

.box_action_bg01 {
    background: #f4f6f3;
    position: relative;
    margin: 0 auto;
    padding: 45px 0 0 0;
    margin-top: 120px;
}

.box_action_c01 {
    padding-bottom: 20px;
    width: 1000px;
    margin: auto;
    margin-top: -45px;
}

.action01_top {
    display: block;
    margin: 0 auto;
    width: 850px;
    margin-top: -150px;
}

.appeal_point_01 {
    display: flex;
    align-items: center;
}

.speed01 {
    width: 400px;
}

.ap01_text,
.ap02_text {
    margin-top: 85px;
    position: relative;
    margin-left: -37px;
    line-height: 1.8;
    background-color: white;
    padding: 40px 35px;
    z-index: 500;
    box-shadow: 0px 5px 30px 0px rgb(0 0 0 / 10%);
}

.speed_subtitle01 {
    width: 80%;
    display: block;
    margin: 40px auto;
}

.ap02_text::before {
    top: 44%;
    left: -8%;
    width: 74px;
    height: 2px;
    content: '';
    display: inline-block;
    position: absolute;
    background-color: #253348;
}

.ap01_text p:first-child,
.ap02_text p:first-child {
    color: #253348;
    font-size: 2.3rem;
    line-height: 1.5;
    font-weight: bold;
    margin-bottom: 15px;
}

.heighlight_text {
    background: linear-gradient(transparent 78%, #ffd377 60%);
}

.ap01_text::before {
    top: 44%;
    right: -6%;
    width: 74px;
    height: 2px;
    content: '';
    display: inline-block;
    position: absolute;
    background-color: #253348;
}

.choose_img {
    padding: 4px 8px;
    /* margin-top: 42px; */
    margin: 10px;
}

.price_img {
    width: 40%;
    display: block;
    margin: 40px auto;
}

.top_bnner {
    width: 100%;
}

.accention_img {
    width: 960px;
    display: block;
    margin: 0 auto;
    margin-bottom: 60px;
}

.asterisk span {
    display: inline-block;
    position: relative;
}

.asterisk span::before {
    position: absolute;
    top: -0.9em;
    left: 50%;
    transform: translate(-50%, 0);
    color: #faae3c;
    font-size: 1.5em;
    content: '・';
    font-weight: 400;
}

.contents {
    width: 980px;
    margin: 0 auto;
}

.jirei p.title,
.target p.title {
    color: #ffffff;
    text-align: center;
    font-weight: bold;
    font-size: 4.2rem;
    margin-top: 64px;
    line-height: 1.4;
    background: #337fe9;
    padding: 24px;
}
.jirei ul {
}

.jirei_box,
.target_box {
    margin: 40px auto;
    width: 1000px;
}

.jirei ul li {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
    border-radius: 30px;
    background-color: rgb(238 238 238);
}

.jirei ul li div {
    padding: 50px 25px;
}

.jirei ul li div br {
    display: block;
    content: '';
    margin: 10px 0;
}

.jirei ul li img {
    width: 290px;
    margin-left: 30px;
    position: relative;
    box-shadow: 11px 11px 0 #dbd9d9;
}

.jirei ul li div h1 {
    font-size: 4rem;
    color: #ffa500;
    line-height: 1.3;
    margin-bottom: 20px;
}

.jirei ul li .HW_text {
    font-family: 'Satisfy', cursive;
    font-size: 7rem;
    position: absolute;
    z-index: 2;
    margin-top: -42px;
    margin-left: 30px;
    color: #db80004f;
}

.jirei ul li span {
    background: linear-gradient(transparent 78%, #f8d5a3 60%);
}

.jirei p {
    font-size: 2.4rem;
}

/* アピールコンテンツ〜〜縦図なし */

.flex {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
}
.pat_02 {
    background: #fff url(../images/bg_dot.webp) repeat;
    padding: 40px 80px;
    margin-bottom: 20px;
}

.pat_02 .flex {
    align-items: center;
}

.pat_02 img {
    width: 180px;
    margin-left: 30px;
    height: fit-content;
}

.pat_02 .pat_02_content {
    font-size: 2.4rem;
    width: 70%;
}

.pat_02_title {
    color: #ffa500;
    font-weight: bold;
    /* background: linear-gradient(transparent 65%, #ccd7b6 65%); */
    text-shadow: 3px 3px 0 #fff, -3px -3px 0 #fff, -3px 3px 0 #fff, 3px -3px 0 #fff, 0px 3px 0 #fff, 0 -3px 0 #fff, -3px 0 0 #fff, 3px 0 0 #fff;
    font-feature-settings: 'palt';
    text-align: center;
    font-size: 3.2rem;
    margin-bottom: 35px;
    position: relative;
    line-height: 1.4;
}

.pat_02 .pat_02_content span {
    background: linear-gradient(transparent 78%, #f8d5a3 60%);
}

.pat_02 .pat_02_content br {
    display: block;
    content: '';
    margin: 10px 0;
}

.pat_02_title::before {
    position: absolute;
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    content: '\f0a4';
    font-size: 65px;
    color: #337fe9;
    margin: -25px 0 0 -100px;
}

#case_pulldown {
    position: relative;
}

#case_pulldown .box {
    margin: 0 auto 4.8rem;
    background: white;
}
#case_pulldown .box .tab {
    padding: 1.1rem 0 0.8rem;
    width: 17.2rem;
}
#case_pulldown .box .tab p {
    text-align: center;
    color: #dcdcdc;
    line-height: 1;
    font-weight: bold;
    font-family: 'Noto Serif JP';
    font-size: 8.2rem;
    margin-bottom: -40px;
    margin-left: -30px;
}
#case_pulldown .box .tab p span {
    font-size: 6rem;
}
#case_pulldown .box .white {
    box-shadow: 0px 5px 30px 0px rgb(0 0 0 / 10%);
    padding: 30px 50px 30px;
    /* border-radius: 0 3.2rem 3.2rem 3.2rem; */
    margin: 0 auto;
}
.aisatu #case_pulldown .box .white {
    padding: 30px 50px 30px;
    border-radius: 30px;
}
#case_pulldown .box .white .profile {
    margin-bottom: 3.2rem;
}
#case_pulldown .box .white .profile li:first-child {
    margin-right: 3.2rem;
}
#case_pulldown .box .white .profile li:first-child img {
    max-width: 260px;
}
#case_pulldown .box .white .profile li:last-child {
    padding-top: 2.2rem;
}
#case_pulldown .box .white .profile li:last-child span {
    position: relative;
    display: inline-block;
    color: #393939;
    font-weight: bold;
    line-height: 1;
    padding-left: 2.4rem;
    margin: 0 1.6rem 1.3rem 0;
}

#case_pulldown .box .white .initial {
    display: flex;
    margin-bottom: 3rem;
}
#case_pulldown .box .white .initial li:first-child {
    color: #393939;
    margin-right: 2.2rem;
    align-items: flex-start;
}
#case_pulldown .box .white .initial li:first-child .t1 {
    font-weight: 400;
    margin-bottom: 10px;
    font-size: 2.3rem;
    line-height: 1.2;
}
#case_pulldown .box .white .initial li:first-child .t2 {
    text-align: center;
    font-weight: bold;
    margin-top: -20px;
}
#case_pulldown .box .white .initial li:first-child .t2 span {
    font-family: 'Oswald', sans-serif;
    font-size: 4.5rem;
}
#case_pulldown .box .white .initial li:first-child .t2.sl span {
}

#case_pulldown .box .white .initial li:last-child .t3.sl {
    padding: 2.6rem 1.6rem 2.6rem !important;
}
#case_pulldown .box .white .initial li:last-child .t3 span {
    font-family: 'Oswald', sans-serif;
    font-size: 6rem;
    font-weight: bold;
}
#case_pulldown .box .white .initial li:last-child .t3 img {
    position: absolute;
    right: -29px;
    top: -35px;
    width: 70px;
}
#case_pulldown .box .white .initial li:last-child .t3:after {
    position: absolute;
    left: 8.4rem;
    bottom: -5.2rem;
    content: '';
    border-top: 3.6rem solid #e6e8ec;
    border-right: 2.4rem solid transparent;
    border-bottom: 2.4rem solid transparent;
    border-left: 2.4rem solid transparent;
}

#case_pulldown .box .white .voice_title {
    font-weight: bold;
    font-size: 3rem;
    margin-bottom: 30px;
}

#case_pulldown .box .white .initial li.ss:first-child {
    width: 17.4rem;
    margin-right: 0;
}
#case_pulldown .box .white .initial li.ss:first-child .t2 {
    text-align: left;
    letter-spacing: -0.03em;
}
#case_pulldown .box .white .get {
    display: flex;
    justify-content: space-between;
    color: #393939;
    margin-bottom: 3.6rem;
    align-items: flex-end;
}
#case_pulldown .box .white .get li:first-child {
    margin-right: 1rem;
}
#case_pulldown .box .white .get li:first-child .t1 {
    text-align: center;
    width: 95px;
    padding: 17px;
    background: #faeec2;
    font-weight: bold;
    line-height: 1.14;
    font-size: 3rem;
}
#case_pulldown .box .white .get li:last-child {
    width: calc(100% - 9rem);
}
#case_pulldown .box .white .get li:last-child .t2 {
    line-height: 1.2;
    font-weight: bold;
}
#case_pulldown .box .white .get li:last-child .t2 span {
    position: relative;
    z-index: 1;
}

#case_pulldown .box .white .get li:last-child .t2 span.s1:after {
    position: absolute;
    left: 0;
    bottom: 1.1rem;
    width: 100%;
    height: 3.6rem;
    background: #faeec2;
    content: '';
    z-index: -1;
}
#case_pulldown .box .white .get li:last-child .t2 span.s1.sl {
    padding: 0.7rem 0.5rem 0;
    margin-right: 0.5rem;
    line-height: 1.45;
}
#case_pulldown .box .white .text {
    font-weight: 400;
    line-height: 2;
    color: #393939;
    letter-spacing: -0.02em;
    padding-bottom: 4rem;
    display: none;
    padding-top: 20px;
}
#case_pulldown .box .white .text br {
    display: block;
    content: '';
    margin: 10px 0;
}

#case_pulldown .box .white .text span {
    font-size: 3.5rem;
    color: #48582a;
    font-family: 'Noto Serif JP';
    font-weight: 600;
}
#case_pulldown .box .white .answer-btn {
    text-align: center;
}
#case_pulldown .box .white .answer-btn img {
    margin: 0 auto;
    display: block;
}
#case_pulldown .box .white .answer-btn img.open {
    width: 10.8rem;
}
#case_pulldown .box .white .answer-btn img.close {
    width: 6rem;
    display: none;
}
#case_pulldown .box .white .answer-btn img:hover {
    cursor: pointer;
}

.aisatu .flex {
    align-items: center;
}

.aisatu .casetitle {
    font-weight: bold;
    font-size: 3rem;
    line-height: 1.3;
}

.aisatu .bengoshi_img {
    width: 160px;
    margin-bottom: 10px;
}
@media screen and (max-width: 768px) {
    #case_pulldown {
        position: relative;
    }

    #case_pulldown .box {
        margin: 0 auto 4.8rem;
    }
    #case_pulldown .box .tab {
        padding: 1.1rem 0 0.8rem;
        width: 17.2rem;
    }
    #case_pulldown .box .tab p {
        text-align: center;
        color: #dcdcdc;
        line-height: 1;
        font-weight: bold;
        font-family: 'Noto Serif JP';
        font-size: 8.2rem;
        margin-bottom: -40px;
        margin-left: -30px;
    }
    #case_pulldown .box .tab p span {
    }
    #case_pulldown .box .white {
        box-shadow: 0px 5px 30px 0px rgb(0 0 0 / 10%);
        /* border-radius: 0 3.2rem 3.2rem 3.2rem; */
        margin: 0 auto;
        padding: 20px;
    }
    .aisatu #case_pulldown .box .white {
        padding: 30px 20px 20px;
    }
    #case_pulldown .box .white .profile {
        margin-bottom: 3.2rem;
    }
    #case_pulldown .box .white .profile li:first-child {
        margin-right: 3.2rem;
    }
    #case_pulldown .box .white .profile li:first-child img {
        max-width: 260px;
    }
    #case_pulldown .box .white .profile li:last-child {
        padding-top: 2.2rem;
    }
    #case_pulldown .box .white .profile li:last-child span {
        position: relative;
        display: inline-block;
        color: #393939;
        font-weight: bold;
        line-height: 1;
        padding-left: 2.4rem;
        margin: 0 1.6rem 1.3rem 0;
    }

    #case_pulldown .box .white .initial {
        display: flex;
        margin-bottom: 3rem;
    }
    #case_pulldown .box .white .initial li:first-child {
        color: #393939;
        margin-right: 2.2rem;
        align-items: flex-start;
    }
    #case_pulldown .box .white .initial li:first-child .t1 {
        font-weight: 400;
        margin-bottom: 10px;
        font-size: 2.3rem;
        line-height: 1.2;
    }
    #case_pulldown .box .white .initial li:first-child .t2 {
        text-align: center;
        font-weight: bold;
        margin-top: -20px;
    }
    #case_pulldown .box .white .initial li:first-child .t2 span {
        font-family: 'Oswald', sans-serif;
        font-size: 4.5rem;
    }
    #case_pulldown .box .white .initial li:first-child .t2.sl span {
    }

    #case_pulldown .box .white .initial li:last-child .t3.sl {
        padding: 2.6rem 1.6rem 2.6rem !important;
    }
    #case_pulldown .box .white .initial li:last-child .t3 span {
        font-family: 'Oswald', sans-serif;
        font-size: 6rem;
        font-weight: bold;
    }
    #case_pulldown .box .white .initial li:last-child .t3 img {
        position: absolute;
        right: -29px;
        top: -35px;
        width: 70px;
    }
    #case_pulldown .box .white .initial li:last-child .t3:after {
        position: absolute;
        left: 8.4rem;
        bottom: -5.2rem;
        content: '';
        border-top: 3.6rem solid #e6e8ec;
        border-right: 2.4rem solid transparent;
        border-bottom: 2.4rem solid transparent;
        border-left: 2.4rem solid transparent;
    }

    #case_pulldown .box .white .voice_title {
        margin-left: 0px;
        font-size: 2rem;
        margin-bottom: 10px;
    }

    #case_pulldown .box .white .initial li.ss:first-child {
        width: 17.4rem;
        margin-right: 0;
    }
    #case_pulldown .box .white .initial li.ss:first-child .t2 {
        text-align: left;
        letter-spacing: -0.03em;
    }
    #case_pulldown .box .white .get {
        display: flex;
        justify-content: space-between;
        color: #393939;
        margin-bottom: 3.6rem;
        align-items: flex-end;
    }
    #case_pulldown .box .white .get li:first-child {
        margin-right: 1rem;
    }
    #case_pulldown .box .white .get li:first-child .t1 {
        text-align: center;
        width: 95px;
        padding: 17px;
        background: #faeec2;
        font-weight: bold;
        line-height: 1.14;
        font-size: 3rem;
    }
    #case_pulldown .box .white .get li:last-child {
        width: calc(100% - 9rem);
    }
    #case_pulldown .box .white .get li:last-child .t2 {
        line-height: 1.2;
        font-weight: bold;
    }
    #case_pulldown .box .white .get li:last-child .t2 span {
        position: relative;
        z-index: 1;
    }

    #case_pulldown .box .white .get li:last-child .t2 span.s1:after {
        position: absolute;
        left: 0;
        bottom: 1.1rem;
        width: 100%;
        height: 3.6rem;
        background: #faeec2;
        content: '';
        z-index: -1;
    }
    #case_pulldown .box .white .get li:last-child .t2 span.s1.sl {
        padding: 0.7rem 0.5rem 0;
        margin-right: 0.5rem;
        line-height: 1.45;
    }
    #case_pulldown .box .white .text {
        font-weight: 400;
        line-height: 2;
        color: #393939;
        letter-spacing: -0.02em;
        display: none;
        padding: 15px 0;
    }
    #case_pulldown .box .white .text br {
        display: block;
        content: '';
        margin: 10px 0;
    }

    #case_pulldown .box .white .text span {
        font-size: 3.5rem;
        color: #48582a;
        font-family: 'Noto Serif JP';
        font-weight: 600;
    }
    #case_pulldown .box .white .answer-btn {
        text-align: center;
    }
    #case_pulldown .box .white .answer-btn img {
        margin: 0 auto;
        display: block;
    }
    #case_pulldown .box .white .answer-btn img.open {
        height: 25px;
        margin-top: 10px;
        width: auto;
    }
    #case_pulldown .box .white .answer-btn img.close {
        height: 25px;
        width: auto;
        display: none;
    }
    #case_pulldown .box .white .answer-btn img:hover {
        cursor: pointer;
    }

    .voice_icon {
        width: 80px;
        height: fit-content;
    }
    .Paper_v2 {
        background-image: repeating-linear-gradient(
                to bottom,
                transparent 25px,
                rgba(0, 0, 0, 0.04) 26px,
                rgba(0, 0, 0, 0.04) 26px,
                transparent 27px,
                transparent 51px,
                rgba(0, 0, 0, 0.04) 52px,
                rgba(0, 0, 0, 0.04) 52px,
                transparent 53px,
                transparent 77px,
                rgba(0, 0, 0, 0.04) 78px,
                rgba(0, 0, 0, 0.04) 78px,
                transparent 79px,
                transparent 103px,
                rgba(0, 0, 0, 0.04) 104px,
                rgba(0, 0, 0, 0.04) 104px,
                transparent 105px,
                transparent 129px,
                rgba(0, 0, 0, 0.04) 130px,
                rgba(0, 0, 0, 0.04) 130px
            ),
            repeating-linear-gradient(
                to right,
                transparent 25px,
                rgba(0, 0, 0, 0.04) 26px,
                rgba(0, 0, 0, 0.04) 26px,
                transparent 27px,
                transparent 51px,
                rgba(0, 0, 0, 0.04) 52px,
                rgba(0, 0, 0, 0.04) 52px,
                transparent 53px,
                transparent 77px,
                rgba(0, 0, 0, 0.04) 78px,
                rgba(0, 0, 0, 0.04) 78px,
                transparent 79px,
                transparent 103px,
                rgba(0, 0, 0, 0.04) 104px,
                rgba(0, 0, 0, 0.04) 104px,
                transparent 105px,
                transparent 129px,
                rgba(0, 0, 0, 0.04) 130px,
                rgba(0, 0, 0, 0.04) 130px
            );
    }
}

.attention_img {
    background: #f45900;
    padding: 30px 0;
}

.attention_img img {
    display: block;
    margin: 0 auto;
    width: 800px;
}