﻿@charset "UTF-8";

/* ///////////////////////////////////////////////////////////////////
共通
/////////////////////////////////////////////////////////////////// */
#container {
	width: 720px;
	overflow: hidden;
}

#btns{
	width: 720px;
	padding-top: 30px;
	padding-bottom: 50px;
	clear: both;
	text-align: center;
}

#btns #btns_inner{
	width: 540px;
	margin-left: auto;
	margin-right: auto;
}

#btns p{
	padding: 10px;
	float: left;
}
.txt_icon{
	vertical-align: sub;
}
.pb20{
	padding-bottom: 20px;
}

/* ///////////////////////////////////////////////////////////////////
企業情報
/////////////////////////////////////////////////////////////////// */
.about_company_information .ttl {
	padding: 24px 0 16px 0;
}
.about_company_information .ttl .en, .about_terms_of_use .ttl .en, .about_privacy_policy .ttl .en, .about_faq .ttl .en, .about_site_map .ttl .en, .about_sms .ttl .en, .about_specified_commercial_transactions_act .ttl .en, .about_inquiry .ttl .en {
	font-family: "Montserrat", sans-serif;
	font-size: 12px;
	line-height: 1.7;
	letter-spacing: 0.02em;
	color: var(--color-Caramel50);
}
.about_company_information .ttl h2, .about_terms_of_use .ttl h2, .about_privacy_policy .ttl h2, .about_faq .ttl h2, .about_site_map .ttl h2, .about_sms .ttl h2, .about_specified_commercial_transactions_act .ttl h2 {
	color: var(--color-black60);
}
.about_company_information .items .item:not(:last-child) {
	border-bottom: solid 1px var(--color-black30);
}
.about_company_information .items .item .item_name {
	color: var(--color-black50);
	width: 136px;
	padding: 12px 0;
	box-sizing: border-box;
}
.about_company_information .items .item .item_content {
	color: var(--color-black80);
	padding: 12px 16px;
	box-sizing: border-box;
}
.about_company_information .items .by_item {
	display: flex;
	padding: 12px 0;
	box-sizing: border-box;
}
.about_company_information .items .item .item_content a {
	color: var(--color-caramel);
	text-decoration: underline;
}
.about_company_information .items .by_item .isms {
	margin-top: 12px;
}
.about_company_information .items .by_item .location_list li:not(:last-child), .about_company_information .items .by_item .business_content_list li:not(:last-child) {
	margin-bottom: 16px;
}
.about_company_information .items .by_item .location_list li dt, .about_company_information .items .by_item .business_content_list li dt {
	margin-bottom: 4px;
}
/* ///////////////////////////////////////////////////////////////////
ご利用規約
/////////////////////////////////////////////////////////////////// */
.about_terms_of_use .terms_and_conditions_list_block {
	color: var(--color-black60);
}
.about_terms_of_use .terms_and_conditions_list_block .terms_and_conditions_list {
	padding: 0 0 24px 0;
	box-sizing: border-box;
}
.about_terms_of_use .terms_and_conditions_list_block .terms_and_conditions_list:first-child {
	padding: 24px 0;
}
.about_terms_of_use .terms_and_conditions_list_block .terms_and_conditions_list dt {
	margin-bottom: 24px;
}
.about_terms_of_use .terms_and_conditions_list_block .terms_and_conditions_list dd li {
	text-indent: -1em;
	padding-left: 1em;
}
/* ///////////////////////////////////////////////////////////////////
プライバシーポリシー
/////////////////////////////////////////////////////////////////// */
.about_privacy_policy {
	color: var(--color-black60);
}
.about_privacy_policy .ttl {
	padding: 24px 0 16px 0;
}
.about_privacy_policy .ttl_heading {
	margin-bottom: 24px;
}
.about_privacy_policy .introduction {
	padding: 24px 0;
}
.about_privacy_policy .introduction p:first-child {
	margin-bottom: 20px;
}
.about_privacy_policy .privacy_policy_block .privacy_policy_introduction {
	padding: 0 0 24px 0;
}
.about_privacy_policy .privacy_policy_block .privacy_policy_introduction ul {
	margin-bottom: 20px;
}
.about_privacy_policy .privacy_policy_block .article .article_list {
	padding-bottom: 24px;
}
.about_privacy_policy .privacy_policy_block .article .article_list .article_num {
	margin-bottom: 16px;
}
.about_privacy_policy .privacy_policy_block .article .article_list .child_hierarchy .child_hierarchy_list {
	padding-top: 16px;
}
.about_privacy_policy .privacy_policy_block .article .article_list .child_hierarchy .child_hierarchy_list .num, .about_privacy_policy .privacy_policy_block .article .article_list .child_hierarchy .child_hierarchy_list .personal_information dt, .about_privacy_policy .privacy_policy_block .information_security_policy .about_this_privacy_policy .ttl_about_this_privacy_policy {
	color: var(--color-Caramel50);
}
.about_privacy_policy .privacy_policy_block .article .article_list .child_hierarchy .child_hierarchy_list .purpose_of_use {
	padding-top: 20px;
}
.about_privacy_policy .privacy_policy_block .article .article_list .child_hierarchy .child_hierarchy_list .personal_information {
	padding: 16px 0;
}
.about_privacy_policy .privacy_policy_block .article .article_list .child_hierarchy .child_hierarchy_list .personal_information dl:first-child {
	padding-bottom: 16px;
}
.about_privacy_policy .privacy_policy_block .article .article_list .child_hierarchy .child_hierarchy_list .non_disclosure_non_provision {
	padding-top: 20px;
}
.about_privacy_policy .privacy_policy_block .article .article_list .child_hierarchy .child_hierarchy_list .affiliated_companies {
	padding: 20px 0 16px 0;
}
.about_privacy_policy .privacy_policy_block .article .article_list .child_hierarchy .child_hierarchy_list li:nth-child(3) p:first-child {
	padding-bottom: 20px;
}
.about_privacy_policy .privacy_policy_block .article .article_list .child_hierarchy .child_hierarchy_list .advertisement_list {
	padding: 20px 0 0 0;
}
.about_privacy_policy .privacy_policy_block .article .article_list .child_hierarchy .child_hierarchy_list .advertisement_list .advertisement_links:not(:last-child) {
	padding-bottom: 16px;
}
.about_privacy_policy .privacy_policy_block .article .article_list:nth-child(2) .child_hierarchy .child_hierarchy_list li:first-child {
	padding-bottom: 16px;
}
.about_privacy_policy .privacy_policy_block .article .article_list:nth-child(2) .child_hierarchy .child_hierarchy_list .company_information {
	padding-top: 20px;
}
.about_privacy_policy .privacy_policy_block .information_security_policy ul {
	padding-top: 20px;
}
.about_privacy_policy .privacy_policy_block .information_security_policy .about_this_privacy_policy {
	padding-top: 24px;
}
.about_privacy_policy .privacy_policy_block .information_security_policy .about_this_privacy_policy .ttl_about_this_privacy_policy {
	padding-bottom: 8px;
}
.about_privacy_policy .privacy_policy_block .information_security_policy .about_this_privacy_policy .isms {
	display: flex;
	margin-top: 8px;
}
.about_privacy_policy .privacy_policy_block .information_security_policy .about_this_privacy_policy .isms .logo_isms {
	margin-right: 16px;
}
.about_privacy_policy .privacy_policy_block .information_security_policy .about_this_privacy_policy .isms dd {
	width: 574px;
}
/* ///////////////////////////////////////////////////////////////////
よくある質問
/////////////////////////////////////////////////////////////////// */
.about_faq .ttl {
	padding: 24px 0 16px 0;
	box-sizing: border-box;
}
.about_faq .question_block {
	display: flex;
	justify-content: space-between;
}
.about_faq .question_block .left_block, .about_faq .question_block .right_block {
	width: 348px;
}
.about_faq .question_block .question_category {
	padding: 12px 0;
	border-bottom: dotted 1px var(--color-black30);
}
.about_faq .question_block .left_block .question_category:first-child, .about_faq .question_block .right_block .question_category:first-child {
	padding: 0 0 12px 0;
}
.about_faq .question_block .question_category dt {
	color: var(--color-Caramel70);
	margin-bottom: 8px;
}
.about_faq .question_block .question_category .question {
	color: var(--color-Caramel50);
	padding: 4px 0;
	box-sizing: border-box;
	text-indent: -3em;
	padding-left: 2.5em;
}
.about_faq .question_block .question_category .question a {
	text-decoration: underline;
	color: var(--color-black60);
	margin-left: 8px;
}
.about_faq .free_dial {
	padding: 16px 0;
	box-sizing: border-box;
	margin-top: 20px;
	text-align: center;
}
.about_faq .answers_list_block .answers_block {
	padding: 16px 0;
	box-sizing: border-box;
	color: var(--color-black60);
}
.about_faq .answers_list_block .answers_block .ttl_answers_block {
	padding: 4px 0;
	box-sizing: border-box;
}
.about_faq .answers_list_block .answers_block .answers {
	border-bottom: dotted 1px var(--color-black30);
}
.about_faq .answers_list_block .answers_block .answers:not(:first-child) {
	padding: 12px 0;
	box-sizing: border-box;
}
.about_faq .answers_list_block .answers_block .answers:first-child {
	padding: 0 0 12px 0;
	box-sizing: border-box;
}
.about_faq .answers_list_block .answers_block .answers dt {
	padding: 4px 0;
	box-sizing: border-box;
}
.about_faq .answers_list_block .answers_block .answers dt span {
	color: var(--color-Caramel50);
	margin-right: 8px;
}
.about_faq .answers_list_block .answers_block .answers a {
	text-decoration: underline;
	color: var(--color-caramel);
}
.about_faq .answers_list_block .answers_block .answers .icon {
	background-color: var(--color-error90);
	color: var(--color-white100);
	border-radius: var(--radius-100);
	padding: 3px 12px;
	box-sizing: border-box;
}
.about_faq .answers_list_block .answers_block .page_top {
	display: flex;
    align-items: center;
    justify-content: flex-end;
	color: var(--color-turquoise50);
	padding: 12px 8px 0 8px;
	cursor: pointer;
}
.about_faq .answers_list_block .answers_block .page_top span {
	font-size: 16px;
	line-height: 1;
	margin-left: 8px;
}
/* ///////////////////////////////////////////////////////////////////
サイトマップ
/////////////////////////////////////////////////////////////////// */
.about_site_map {
	color: var(--color-black60);
}
.about_site_map .ttl {
	padding: 24px 0 16px 0;
	box-sizing: border-box;
}
.about_site_map .map_block {
	display: flex;
	justify-content: space-between;
}
.about_site_map .map_block .left_block, .about_site_map .map_block .right_block {
	width: 348px;
}
.about_site_map .map_block .map_category {
	margin-top: 8px;
}
.about_site_map .map_block .left_block .map_category:first-child, .about_site_map .map_block .right_block .map_category:first-child {
	margin-top: 0;
}
.about_site_map .map_block .map_category dt {
	color: var(--color-Caramel70);
	padding: 4px 0;
	box-sizing: border-box;
	margin-bottom: 8px;
}
.about_site_map .map_block .map_category dd {
	padding-bottom: 4px;
}
.about_site_map .map_block .map_category li {
	position: relative;
	padding: 4px 16px;
	box-sizing: border-box;
}
.about_site_map .map_block .map_category li:after {
	font-family: "Material Symbols Outlined";
	content: '\e5e1';
	position: absolute;
	top: 50%;
	right: 0%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
	font-size: 12px;
}
.about_site_map .map_block .map_category .border {
	border: dotted 1px var(--color-black30);
	margin: 4px 4px;
}

/* ///////////////////////////////////////////////////////////////////
SMS(ショートメッセージサービス) 配信について
/////////////////////////////////////////////////////////////////// */
.about_sms {
	color: var(--color-black60);
}
.about_sms .ttl {
	padding: 24px 0 16px 0;
	box-sizing: border-box;
}
.about_sms .about_the_service {
	padding: 24px 0;
	box-sizing: border-box;
}
.about_sms .from_their_website {
	padding: 24px 0;
	box-sizing: border-box;
}
.about_sms .from_the_payment_company {
	padding: 24px 0;
	box-sizing: border-box;
}
.about_sms .from_their_website p, .about_sms .from_the_payment_company p {
	margin-bottom: 24px;
}
.about_sms .from_their_website .about_distribution, .about_sms .from_the_payment_company .about_distribution {
	background-color: var(--color-turquoise10);
	padding: 16px 32px;
	box-sizing: border-box;
	border-radius: 12px;
}
.about_sms .note {
	padding: 24px 0;
	box-sizing: border-box;
}
/* ///////////////////////////////////////////////////////////////////
特定商取引法に基づく表示
/////////////////////////////////////////////////////////////////// */
.about_specified_commercial_transactions_act .ttl {
	padding: 24px 0 16px 0;
	box-sizing: border-box;
}
.about_specified_commercial_transactions_act .table_specified_commercial_transactions tr:not(:last-child) {
	border-bottom: solid 1px var(--color-black30);
}
.about_specified_commercial_transactions_act .table_specified_commercial_transactions th {
	color: var(--color-black50);
	width: 136px;
	padding: 24px 0;
	box-sizing: border-box;
}
.about_specified_commercial_transactions_act .table_specified_commercial_transactions tr:first-child th {
	padding: 12px 0 24px 0;
}
.about_specified_commercial_transactions_act .table_specified_commercial_transactions td {
	color: var(--color-black80);
	padding: 24px 16px;
	box-sizing: border-box;
}
.about_specified_commercial_transactions_act .table_specified_commercial_transactions tr:first-child td {
	padding: 12px 16px 24px 16px;
}
.about_specified_commercial_transactions_act .table_specified_commercial_transactions a {
	text-decoration: underline;
	color: var(--color-caramel);
}
.about_specified_commercial_transactions_act .table_specified_commercial_transactions li {
	text-indent: -1em;
	padding-left: 1em;
}
.about_specified_commercial_transactions_act .table_specified_commercial_transactions dl:not(:last-child) {
	margin-bottom: 16px;
}
/* ///////////////////////////////////////////////////////////////////
お問い合わせ
/////////////////////////////////////////////////////////////////// */
.about_inquiry .Font20 {
	font-size: 20px;
}
.about_inquiry .ttl {
	padding: 24px 0 16px 0;
}
.about_inquiry .about_inquiry_txt {
	padding: 24px 0;
}
.about_inquiry .about_inquiry_txt .btn_question_wrp {
	display: flex;
	justify-content: flex-end;
	padding-top: 24px;
}
.about_inquiry .about_inquiry_txt .btn_question_wrp .btn_outlined {
	display: flex;
	align-items: center;
	gap: 4px;
}
.about_inquiry .blue_area {
	width: 100%;
	border-radius: 16px;
	background-color: var(--color-turquoise20);
	padding: 16px 24px;
	text-align: center;
}
.about_inquiry .blue_area.inquiry_type_area {
	margin-bottom: 12px;
}
.about_inquiry .blue_area .blue_area_suppl {
	margin-top: 8px;
}
.about_inquiry .inquiry_type_area .inquiry_contacts_wrp {
	display: flex;
	gap: 16px;
	margin-top: 16px;
	align-items: stretch;
}
.about_inquiry .inquiry_type_area .inquiry_contacts_wrp .inquiry_contact {
	flex: 1;
	display: flex;
	flex-direction: column;
}
.about_inquiry .inquiry_type_area .inquiry_contacts_wrp .inquiry_contact .ttl {
	border-radius: 80px;
	padding: 8px 0;
	background-color: var(--color-turquoise50);
	color: var(--color-white100);
	margin-bottom: 16px;
}
.about_inquiry .blue_area .contact_box {
	border-radius: 16px;
	padding: 16px 24px;
	background-color: var(--color-white100);
	flex: 1;
}
.about_inquiry .inquiry_type_area .inquiry_contacts_wrp .inquiry_contact .contact_box.chat {
	transition: opacity 0.2s;
}
.about_inquiry .inquiry_type_area .inquiry_contacts_wrp .inquiry_contact .contact_box.chat:hover {
	opacity: 0.7;
}
.about_inquiry .blue_area .contact_box .cont {
	margin-bottom: 8px;
}
.about_inquiry .inquiry_type_area .inquiry_contacts_wrp .inquiry_contact .contact_box .cont .material-symbols-outlined {
	font-size: 64px;
}
.about_inquiry .inquiry_form .form_expl_wrp {
	padding: 16px 0;
}
.about_inquiry .inquiry_form .form_expl_wrp .form_ttl {
	margin-bottom: 8px;
}
.inquiry_tbl {
	border-radius: 4px;
	border: 1px solid var(--color-black20);
	border-collapse: separate;
	border-spacing: 0;
	table-layout: fixed;
	width: 100%;
	margin-bottom: 12px;
	overflow: hidden;
}
.inquiry_tbl .inquiry_th {
	background-color: var(--color-black10);
	vertical-align: middle;
	padding: 12px 0 12px 16px; 
	border-right: 1px solid var(--color-black20);
	width: 206px;
}
.inquiry_tbl .inquiry_tr:not(:last-child) .inquiry_th {
	border-bottom: 1px solid var(--color-black20);
}
.inquiry_tbl .inquiry_th.required::after {
    font-family: "Noto Sans JP",sans-serif;
    font-size: var(--main-txtL-size);
    line-height: var(--main-txt-height);
    font-weight: var(--main-txt-weight);
    letter-spacing: var(--main-txt-spacing);
    margin-left: 8px;
    content: '*';
    color: var(--color-error90);
}
.inquiry_tbl .inquiry_th .required {
	margin-left: 8px;
}
.inquiry_tbl .inquiry_th .th_suppl {
	display: block;
	margin-top: 8px;
}
.inquiry_tbl .inquiry_tr .inquiry_td {
	padding: 12px 16px;
	word-break: break-word;
    white-space: normal; 
	vertical-align: middle;
}
.inquiry_tbl .inquiry_tr:not(:last-child) .inquiry_td {
	border-bottom: 1px solid var(--color-black20);
}
.inquiry_tbl .inquiry_td .td_flex_row_gl {
	display: flex;
	align-items: center;
	gap: 16px;
	width: 100%;
}
.inquiry_tbl .inquiry_td .td_flex_row_gm {
	display: flex;
	align-items: center;
	gap: 8px;
	flex: 1 1 0;
	min-width: 0;
}
.inquiry_tbl .inquiry_td .name_lbl {
	flex: 0 0 36px;
}
.inquiry_tbl .inquiry_td .tb_auto {
	flex: 1 1 auto;
	min-width: 0;
}
.inquiry_tbl .inquiry_td .ctrl_suppl {
	margin-top: 12px;
}
.about_inquiry .inquiry_txtarea {
	width: 100%;
	height: 250px;
}
.about_inquiry .btns_flow_wrp {
	padding-top: 24px;
	display: flex;
	justify-content: center;
	gap: 16px;
}
.about_inquiry .btns_flow_wrp .btn_flow {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
}
.about_inquiry .btns_flow_wrp .btn_contained {
	width: 232px;
}
.about_inquiry .icloudattn {
	display: none;
}
/* 問合せ　確認用 */
.about_inquiry .inquiry_tbl.confirm {
	margin-top: 24px;
}
.inquiry_tbl .inquiry_th.confirm {
	background-color: var(--color-Caramel20);
	border-right: none;
	color: var(--color-Caramel60);
	padding: 17px 0 17px 16px;
	width: 150px;
}
.about_inquiry .btns_flow_wrp.confirm {
	margin-bottom: 24px;
}
/* フリーダイアル */
.about_inquiry .free_dial .blue_area {
	display: flex;
	align-items: center;
	gap: 16px;
}
.about_inquiry .free_dial .blue_area .cont {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
}
.about_inquiry .free_dial .blue_area .cont .material-symbols-outlined {
	font-size: 36px;
}