@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@800&family=Poppins:wght@500;700&display=swap');
/* =========================================================
 SCSS document
========================================================= */
/* 変数 */
/* メディアクエリ */
/*共通*/
.l-section {
	margin-top: 110px;
}
@media only screen and (max-width: 750px) {
	.l-section {
		margin-top: 70px;
		padding-left: 20px;
		padding-right: 20px;
	}
}

.hirakeba_ttl {
	font-size: 3.8rem;
	font-weight: 800;
	line-height: calc(46/38);
	text-align: center;
	position: relative;
}
@media only screen and (max-width: 750px) {
	.hirakeba_ttl {
		/* font-size: clamp(1.6rem, 5.8666666667vw, 2.6rem); */
		font-size: min(2.8rem, 7.47vw);
	}
}
.hirakeba_ttl::after {
	content: '';
	width: 60px;
	height: 7px;
	background-color: #0048BC;
	border-radius: 20px;
	position: absolute;
	bottom: -22px;
	left: 50%;
  transform: translateX(-50%);
}
@media only screen and (max-width: 750px) {
	.hirakeba_ttl::after {
		width: min(50px, 13.33vw);
		height: min(6px, 1.6vw);
		bottom: max(-20px, -5.33vw);
	}
}

.tip_titleOuter {
	margin-bottom: 50px;
}
@media only screen and (max-width: 750px) {
	.tip_titleOuter {
		margin-bottom: min(50px, 9.6vw);
	}
}

.tip_title {
	position: relative;
	margin-left: 30px;
	padding: 16px 20px;
	border-radius: 10px;
	background-color: #fff2cc;
	font-size: 2.4rem;
	font-weight: bold;
}
@media only screen and (max-width: 750px) {
	.tip_title {
		margin-left: 4.8vw;
		padding: min(16px, 4.2666666667vw) min(20px, 4.2666666667vw);
		font-size: clamp(1.6rem, 4.8vw, 2.2rem);
		line-height: 1.5;
	}
}
.tip_title::before {
	content: "";
	position: absolute;
	left: -30px;
	top: 0;
	bottom: 0;
	margin: auto;
	width: 20px;
	height: 100%;
	border-radius: 20px;
	background-color: #FFC000;
}
@media only screen and (max-width: 750px) {
	.tip_title::before {
		width: min(20px, 2.6666666667vw);
		left: -4.8vw;
	}
}

.tip_headingOuter {
	margin: 70px 0 50px;
}
@media only screen and (max-width: 750px) {
	.tip_headingOuter {
		margin: min(70px, 16vw) 0 min(50px, 8vw);
	}
}

.tip_heading {
	margin-left: auto;
	margin-right: auto;
	width: fit-content;
	font-size: 2.4rem;
	font-weight: bold;
	padding-bottom: 10px;
	position: relative;
}
@media only screen and (max-width: 750px) {
	.tip_heading {
		font-size: min(2.4rem, 5.3333333333vw);
	}
}
.tip_heading::after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	width: 100%;
	height: 6px;
	background-color: #FFC000;
}

.tip_text {
	font-size: 1.8rem;
	line-height: 1.8;
}
@media only screen and (max-width: 750px) {
	.tip_text {
		font-size: min(1.5rem, 4vw);
	}
}

/* MVロゴ  */
.page-kv {
	background-image: url(../img/kv_bg.jpg);
	background-size: cover;
	margin-top: -44px;
	padding: 44px 0 164px;
}
.kv_img {
	max-width: 1430px;
	margin: 0 auto;
	padding: 0 50px;
}
@media only screen and (max-width: 750px) {
	.page-kv {
		background-image: url(../img/kv_bg_sp.jpg);
		margin-top: 0;
		padding: 0 0 210px;
	}
	.kv_img {
		padding: 0 20px;
	}
}

/* リード文 */
.lead_area {
	background: linear-gradient(to bottom, transparent 22%, #EBF1F8 22%);
	padding-bottom: 90px;
	margin-top: -95px;
}
@media only screen and (max-width: 750px) {
	.lead_area {
		background: linear-gradient(to bottom, transparent 34%, #EBF1F8 34%);
		padding-bottom: 55px;
		margin-top: -177px;
	}
}
.lead_area .l-section {
	margin-top: 0;
}
.lead_box {
	background-color: #fff;
	border: 2px solid #000;
	border-radius: 20px;
	padding: 40px 45px 45px;
	margin-bottom: 60px;
}
@media only screen and (max-width: 750px) {
	.lead_box {
		padding: 25px;
		margin-bottom: 32px;
	}
}
.lead_ttl {
	font-size: 2.6rem;
	font-weight: 800;
}
@media only screen and (max-width: 750px) {
	.lead_ttl {
		font-size: min(2.1rem,5.6vw);
	}
}
.lead_ttl_mid {
	font-size: 2.2rem;
}
@media only screen and (max-width: 750px) {
	.lead_ttl_mid {
		font-size: min(1.8rem,4.8vw);
	}
}
.lead_ttl_sm {
	font-size: 2rem;
}
@media only screen and (max-width: 750px) {
	.lead_ttl_sm {
		font-size: min(1.6rem,4.27vw);
	}
}
.lead_txt {
	font-size: min(1.6rem,4.27vw);
	line-height: calc(29/16);
	margin-top: 15px;
}
@media only screen and (max-width: 750px) {
	.lead_txt {
		font-size: min(1.4rem,3.73vw);
		margin-top: 10px;
	}
}

/* 選ばれる理由 */
.reason_column_container {
	display: flex;
	justify-content: center;
	justify-content: center;
	gap: 50px 24px;
	flex-wrap: wrap;
	margin-top: 105px;
}
@media only screen and (max-width: 750px) {
	.reason_column_container {
		margin-top: 80px;
	}
}
.reason_column {
	display: flex;
	justify-content: center;
	gap: 50px 24px;
	flex-wrap: wrap;
}
.reason_item {
	width: 232px;
	height: 442px;
	border: 2px solid #000;
	border-radius: 20px;
	position: relative;
	padding: 35px 0;
}
@media only screen and (max-width: 750px) {
	.reason_item {
		height: fit-content;
	}
}
@media only screen and (max-width: 532px) {
	.reason_item {
		width: 100%;
	}
}
.reason_num {
	width: 60px;
	background-color: #fff;
	position: absolute;
	top: -25px;
	left: 50%;
  transform: translateX(-50%);
	font-family: "Poppins", sans-serif;
	font-size: 4.6rem;
	font-weight: 700;
	text-align: center;
	line-height: 1;
}
@media only screen and (max-width: 750px) {
	.reason_num {
		font-size: 4rem;
		top: -22px;
	}
}
.reason_ttl {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 60px;
	font-size: 1.9rem;
	font-weight: 800;
	text-align: center;
	padding: 0 10px;
}
@media only screen and (max-width: 532px) {
	.reason_ttl {
		height: auto;
	}
}
.reason_img {
	width: 200px;
	margin: 23px auto 0;
}
.reason_txt {
	font-size: 1.5rem;
	line-height: calc(26/15);
	margin-top: 23px;
	padding: 0 24px;
}
@media only screen and (max-width: 750px) {
	.reason_txt {
		font-size: 1.4rem;
		line-height: calc(24/14);
	}
}
.reason_note {
	font-size: 1.4rem;
	line-height: calc(24/14);
	margin-top: 30px;
	padding-left: 1.5rem;
}
.reason_note::before {
	content: '※';
	display: inline-block;
	width: 1.5rem;
	margin-left: -1.5rem;
	position: relative;
}
@media (hover: hover) and (pointer: fine) {
	.reason_note a:hover {
		color: inherit;
		text-decoration: none;
	}
}
.reason_note a::after {
	content: "";
	display: inline-block;
	mask: url(/assets/img/icon/blank.svg) no-repeat center / contain;
	width: 12px;
	height: 12px;
	background-color: #0048BC;
	margin: 0 0.1em 0 0.3em;
}

/* ご利用の流れ */
/* .useflow {
	margin-top: 110px;
}
@media only screen and (max-width: 750px) {
	.useflow {
		margin-top: 70px;
	}
} */
.useflow_img {
	margin-top: 85px;
}
@media only screen and (max-width: 750px) {
	.useflow_img {
		margin-top: 50px;
	}
}
.useflow_step {
	position: relative;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 24px;
	margin-top: 40px;
}
@media only screen and (max-width: 1059px) {
	.useflow_step {
		display: block;
	}
}
@media only screen and (max-width: 750px) {
	.useflow_step {
		margin-top: 30px;
	}
}
.useflow_step::before {
	content: '';
	width: 100%;
	height: 4px;
	background-color: #000;
	position: absolute;
	top: 55%;
	right: 0;
	z-index: -1;
}
@media only screen and (max-width: 1059px) {
	.useflow_step::before {
		width: 3px;
		height: 100%;
		top: 0;
		left: 50%;
		transform: translateX(-50%);
	}
}

@media only screen and (max-width: 1059px) {
	.useflow_step_item {
		width: auto;
		max-width: 700px;
		margin-left: auto;
		margin-right: auto;
	}
	.useflow_step_item:nth-child(n+2) {
		margin-top: 20px;
	}
}

.useflow_step_role {
	border-radius: 15px 15px 0 0;
	background-color: #0048BC;
	padding: 11px 0 6px;
	font-size: 1.6rem;
	color: #fff;
	font-weight: 800;
	text-align: center;
}
@media only screen and (max-width: 750px) {
	.useflow_step_role {
		font-size: 1.5rem;
	}
}
.admin_role .useflow_step_role {
	background-color: #000;
}
.useflow_step_bdr {
	border: 2px solid #0048BC;
	border-radius: 0 0 15px 15px;
	background-color: #fff;
	padding: 20px 20px 30px;
}
@media only screen and (max-width: 1059px) {
	.useflow_step_bdr {
		padding: 20px;
	}
}
.admin_role .useflow_step_bdr {
	border: 2px solid #000;
}
.useflow_step_ttl {
	font-size: 1.8rem;
	font-weight: 800;
}
@media only screen and (max-width: 750px) {
	.useflow_step_ttl {
		font-size: 1.7rem;
	}
}
.useflow_step_num {
	display: inline-block;
	width: 30px;
	height: 30px;
	border-radius: 50px;
	background-color: #0048BC;
	padding-top: 2px;
	margin-right: 7px;
	font-family: "Poppins", sans-serif;
	font-size: 1.8rem;
	font-weight: 700;
	text-align: center;
	color: #fff;
}
@media only screen and (max-width: 750px) {
	.useflow_step_num {
		font-size: 1.6rem;
		padding-top: 3px;
	}
}
.useflow_step_txt {
	font-size: 1.5rem;
	line-height: calc(26/15);
	margin-top: 12px;
}
@media only screen and (max-width: 750px) {
	.useflow_step_txt {
		font-size: 1.4rem;
		line-height: calc(24/14);
	}
}

.useflow_step_last {
	position: relative;
	margin-top: 45px;
	font-size: 2.0rem;
	font-weight: 800;
	text-align: center;
}
.useflow_step_last::before {
	content: "";
	position: absolute;
	top: -28px;
	left: 0;
	right: 0;
	margin: auto;
	display: block;
	background-color: #0048BC;
	width: 60px;
	height: 20px;
	clip-path: polygon(0 0, 100% 0, 50% 100%);
}

/* 利用可能な広場（例） */
/* .usable_space {
	margin-top: 110px;
}
@media only screen and (max-width: 750px) {
	.usable_space {
		margin-top: 70px;
	}
} */
.usable_space_copy {
	font-size: 23px;
	font-weight: 600;
	line-height: calc(35/23);
	margin-top: 75px;
}
@media only screen and (max-width: 750px) {
	.usable_space_copy {
		font-size: min(1.6rem, 4.27vw);
		margin-top: 60px;
	}
}
.usable_space_table {
	margin-top: 30px;
}
@media only screen and (max-width: 750px) {
	.usable_space_table {
		margin-top: 20px;
	}
}
.usable_space .basicTable_com {
	box-shadow: none;
}
@media only screen and (max-width: 750px) {
	.usable_space .basicTable_com > table {
		display: block;
		overflow-x: scroll;
		white-space: nowrap;
	}
}
.usable_space .basicTable_com > table th {
	border-bottom: none;
	border-left: none;
	background: #EBF1F8 !important;
	font-size: 1.7rem;
	font-weight: 800;
}
@media only screen and (max-width: 750px) {
	.usable_space .basicTable_com > table th {
		font-size: 1.6rem;
		padding: 42px;
	}
}
.usable_space .basicTable_com > table td {
	border-bottom: none;
	border-left: none;
	border-right: none;
	padding: 20px !important;
	font-size: 1.6rem;
	font-weight: 500;
}
.usable_space .basicTable_com > table tr:first-child th {
	border-top: none;
}
.usable_space .basicTable_com > table tr:first-child td {
	border-top: none;
}

/* よくあるご質問 */
.hirakeba_qa_container {
	margin-top: 85px;
}
@media only screen and (max-width: 750px) {
	.hirakeba_qa_container {
		margin-top: 60px;
	}
}
.hirakeba_qa_item {
	border-top: 1px solid #ddd;
	padding: 45px 0 48px;
}
@media only screen and (max-width: 750px) {
	.hirakeba_qa_item {
		padding: 28px 0;
	}
}
.hirakeba_qa_item:last-child {
	padding-bottom: 0;
}
.hirakeba_question {
	padding-left: 45px;
	font-size: 1.9rem;
	font-weight: 600;
	line-height: calc(29/19);
}
@media only screen and (max-width: 750px) {
	.hirakeba_question {
		padding-left: 30px;
		font-size: 1.6rem;
	}
}
.hirakeba_question::before {
	content: 'Q.';
	display: inline-block;
	width: 45px;
	margin-left: -45px;
	font-family: "Poppins", sans-serif;
	font-size: 2.6rem;
	font-weight: 700;
	line-height: 1;
}
@media only screen and (max-width: 750px) {
	.hirakeba_question::before {
		font-size: 2rem;
		width: 30px;
		margin-left: -30px;
	}
}
.hirakeba_answer {
	margin-top: 20px;
	padding-left: 45px;
	font-size: 1.6rem;
	line-height: calc(26/16);
}
@media only screen and (max-width: 750px) {
	.hirakeba_answer {
		margin-top: 26px;
		font-size: 1.4rem;
		padding-left: 30px;
	}
}
.hirakeba_answer::before {
	content: 'A.';
	display: inline-block;
	width: 45px;
	margin-left: -45px;
	position: relative;
  top: 2px;
	font-family: "Poppins", sans-serif;
	font-size: 2.6rem;
	font-weight: 700;
	line-height: 1;
	color: #0048BC;
}
@media only screen and (max-width: 750px) {
	.hirakeba_answer::before {
		font-size: 2rem;
		width: 30px;
		margin-left: -30px;
	}
}

/* HirakaBAのご利用はこちら */
.hirakeba_blue_bnr {
	border-radius: 30px;
	background-color: #0048BC;
	padding: 45px 35px 55px;
}
@media only screen and (max-width: 750px) {
	.hirakeba_blue_bnr {
		padding: 35px 30px 40px;
	}
}
.hirakeba_blue_bnr_ttl {
	font-size: 2.6rem;
	font-weight: 800;
	color: #fff;
	text-align: center;
	margin-bottom: 25px;
}
@media only screen and (max-width: 750px) {
	.hirakeba_blue_bnr_ttl {
		font-size: min(2rem, 5.33vw);
	}
}
.hirakeba_blue_bnr .c-button-container {
	margin-top: 0;
}

/* 導入をご検討の広場管理者さまへ */
#to_admin_area {
	margin-top: 140px;
}
@media only screen and (max-width: 750px) {
	#to_admin_area {
		margin-top: 70px;
	}
}
.to_admin_blue_back {
	background-color: #EBF1F8;
	padding: 100px 0 150px;
}
@media only screen and (max-width: 750px) {
	.to_admin_blue_back {
		padding: 60px 0 90px;
	}
}
.admin_area_ttl {
	width: 690px;
	background-color: #EBF1F8;
	border-radius: 30px 30px 0 0;
	margin: 0 auto;
	padding: 30px 0 16px;
	font-size: 3.5rem;
	font-weight: 800;
	text-align: center;
	color: #0048BC;
}
@media only screen and (max-width: 750px) {
	.admin_area_ttl {
		width: min(280px,74.67vw);
		padding: min(20px,5.33vw) 15px min(15px,3.75vw);
		font-size: min(2rem,5.33vw);
		border-radius: 20px 20px 0 0;
	}
}

/* 広場管理者さまへ 選ばれる理由 */
.admin_reason.l-section {
	margin-top: 0;
}
.admin_reason_copy {
	font-size: 1.9rem;
  font-weight: 600;
  line-height: calc(35 / 23);
  margin-top: 75px;
}
@media only screen and (max-width: 750px) {
	.admin_reason_copy {
		font-size: min(1.6rem, 4.27vw);
    margin-top: 50px;
	}
}
.admin_reason_copy_b {
	font-size: 2.2rem;
	font-weight: 800;
}
@media only screen and (max-width: 750px) {
	.admin_reason_copy_b {
		font-size: min(2rem, 5.33vw);
	}
}
.admin_reason_copy_list {
	margin-top: 15px;
}
.admin_reason_copy_list li {
	font-size: 1.9rem;
	font-weight: 600;
	line-height: calc(27/19);
	margin-top: 15px;
	padding-left: 37px;
}
@media only screen and (max-width: 750px) {
	.admin_reason_copy_list li {
		font-size: min(1.6rem, 4.27vw);
		padding-left: min(37px, 9.87vw);
	}
}
.admin_reason_copy_list li span {
	display: inline-block;
  width: 30px;
  height: 30px;
  border-radius: 50px;
  background-color: #0048BC;
  padding-top: 2px;
  margin-right: 7px;
	margin-left: -37px;
  font-family: "Poppins", sans-serif;
  font-size: 1.8rem;
  font-weight: 700;
  text-align: center;
  color: #fff;
}
@media only screen and (max-width: 750px) {
	.admin_reason_copy_list li span {
		width: min(30px, 8vw);
		height: min(30px, 8vw);
		font-size: min(16px, 4.27vw);
		margin-right: min(7px, 1.87vw);
		margin-left: max(-37px, -9.87vw);
		padding-top: min(5px, 1.33vw);
	}
}
.admin_reason_column_ttl {
	font-size: 2.7rem;
	font-weight: 800;
	text-align: center;
	margin-top: 60px;
	display: flex;
	justify-content: center;
	align-items: center;
}
@media only screen and (max-width: 750px) {
	.admin_reason_column_ttl {
		font-size: min(2rem, 5.33vw);
		margin-top: 40px;
	}
}
.admin_reason_column_ttl span {
	width: fit-content;
  padding: 0 20px;
}
.admin_reason_column_ttl::before {
	content: '';
	height: 2px;
	background-color: #0048BC;
	display: inline-block;
  position: relative;
  top: 4px;
	flex-grow: 1;
}
.admin_reason_column_ttl::after {
	content: '';
	height: 2px;
	background-color: #0048BC;
	display: inline-block;
  position: relative;
  top: 4px;
	flex-grow: 1;
}
.admin_reason_column {
	display: flex;
	justify-content: center;
	gap: 24px;
	flex-wrap: wrap;
	margin-top: 40px;
}
@media only screen and (max-width: 750px) {
	.admin_reason_column {
		display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 24px;
		margin-top: 30px;
	}
}
.admin_reason_item {
	width: 232px;
	/* height: 275px; */
	background-color: #fff;
	border-radius: 10px;
	padding: 25px 15px 35px;
}
@media only screen and (max-width: 750px) {
	.admin_reason_item {
		width: 100%;
		height: auto;
		display: grid;
    grid-template-rows: subgrid;
    grid-row: span 3;
    gap: 0;
		padding: 15px 15px 20px;
	}
}
.admin_reason_img {
	width: 110px;
	margin: 0 auto;
}
@media only screen and (max-width: 750px) {
	.admin_reason_img {
		width: auto;
		height: 19.48717948vw;
	}
	.admin_reason_img > img {
		width: auto;
		height: 100%;
	}
}
.admin_reason_ttl {
	font-size: 1.8rem;
	font-weight: 800;
	text-align: center;
}
@media only screen and (max-width: 750px) {
	.admin_reason_ttl {
		font-size: min(1.6rem,4.27vw);
		flex-grow: 1;
		display: flex;
    justify-content: center;
		align-items: center;
		margin-top: 10px;
	}
}
.admin_reason_txt {
	margin-top: 8px;
	font-size: 1.5rem;
	line-height: calc(26/15);
	flex-grow: 1;
}
@media only screen and (max-width: 750px) {
	.admin_reason_txt {
		font-size: min(1.4rem,3.73vw);
		flex-grow: 1;
		align-items: center;
	}
}

/* お問い合わせ */
@media only screen and (max-width: 540px) {
	.hirakeba_contact {
		margin-top: 40px;
	}
}

.hirakeba_contact_copy {
	width: fit-content;
	margin: 0 auto;
	padding: 0 50px;
	position: relative;
	font-size: 2.2rem;
	font-weight: 800;
	text-align: center;
	line-height: calc(35/22);
}
@media only screen and (max-width: 750px) {
	.hirakeba_contact_copy {
		padding: 0 min(25px, 6.67vw);
		font-size: min(1.6rem,4.27vw);
	}
}
.hirakeba_contact_copy::before {
	content: '';
	width: 2px;
	height: 44px;
	background-color: #000;
	transform: rotate(-30deg);
	position: absolute;
	bottom: -5px;
	left: 20px;
}
@media only screen and (max-width: 750px) {
	.hirakeba_contact_copy::before {
		transform: rotate(-20deg);
		left: 5px;
	}
}
@media only screen and (max-width: 540px) {
	.hirakeba_contact_copy::before {
		/* transform: rotate(-20deg);
		left: 5px; */
		height: min(80px, 21.33vw);
		transform: rotate(-28deg);
		left: max(-15px, -4vw);
	}
}
.hirakeba_contact_copy::after {
	content: '';
	width: 2px;
	height: 44px;
	background-color: #000;
	transform: rotate(30deg);
	position: absolute;
	bottom: -5px;
	right: 20px;
}
@media only screen and (max-width: 750px) {
	.hirakeba_contact_copy::after {
		transform: rotate(20deg);
		right: 5px;
	}
}
@media only screen and (max-width: 540px) {
	.hirakeba_contact_copy::after {
		/* transform: rotate(20deg);
		right: 5px; */
		height: min(80px, 21.33vw);
		transform: rotate(28deg);
		right: max(-15px, -4vw);
	}
}
@media only screen and (min-width: 541px) {
	.contact_sp_br {
		display: none;
	}
}
.hirakeba_contact_box {
	background-color: #fff;
	border-radius: 30px;
	margin-top: 36px;
	padding: 45px 40px 55px;
}
@media only screen and (max-width: 750px) {
	.hirakeba_contact_box {
		margin-top: 25px;
		padding: 35px 30px;
	}
}
.hirakeba_contact_txt {
	font-size: 2.4rem;
	font-weight: 800;
	text-align: center;
}
@media only screen and (max-width: 750px) {
	.hirakeba_contact_txt {
		font-size: min(2rem,5.33vw);
	}
}
.hirakeba_contact_email {
	margin-top: 15px;
	font-family: "Poppins", sans-serif;
	font-size: 1.8rem;
	font-weight: 500;
	text-align: center;
}
@media only screen and (max-width: 750px) {
	.hirakeba_contact_email {
		font-size: min(1.4rem,3.73vw);
	}
}
.hirakeba_contact_email span {
	font-size: 2.4rem;
	font-weight: 700;
	color: #0048BC;
}
@media only screen and (max-width: 750px) {
	.hirakeba_contact_email span {
		font-size: min(2rem,5.33vw);
	}
}

/* 大募集 */
.tip_can_title {
	color: #006543;
	font-size: 3.6rem;
	font-weight: var(--fw-sb);
	line-height: 1.5;
	text-align: center;
}
@media only screen and (max-width: 750px) {
	.tip_can_title {
		font-size: clamp(1.6rem, 5.8666666667vw, 2.6rem);
	}
}

/* 現在ご投稿いただける場所 */
#tip_postPage .basicTable_com > table th, #tip_postPage .basicTable_com > table td {
	padding: 13px;
	font-weight: var(--fw-med);
}
#tip_postPage .basicTable_com > table th {
	font-size: 1.4rem;
}

/* ボタン：カスタマイズ */
.c-button-container__item:has(.lead_btn) {
	max-width: 370px;
}

.lead_btn {
	font-size: min(1.7rem, 4.53vw);
	font-weight: 800;
	color: #fff !important;
	border: none;
	background: #0048BC;
	transition: 0.2s;
	height: 55px;
  min-height: auto !important;
}
.lead_btn > span {
	padding: 14px 30px 12px;
}
.lead_btn.btn_clr_black {
	background: #000;
}
.lead_btn::after {
	mask: url(/assets/img/icon/blank.svg) no-repeat center / contain;
	right: 20px;
}
.lead_btn.btn_clr_black::after {
	mask: url(/assets/img/icon/anchor.svg) no-repeat center / contain;
	width: 10px;
	height: 10px;
	top: calc(50% - 3px);
}
@media print, screen and (min-width: 751px) {
	.lead_btn {
		font-size: 1.8rem;
	}
	.lead_btn:hover {
		text-decoration: none;
		box-shadow: 0px 1px 15px 0px rgba(0, 0, 0, 0.3);
		transition-duration: 0.3s;
		background-color: #0048BC;
	}
	.lead_btn.btn_clr_black:hover {
		text-decoration: none;
		box-shadow: 0px 1px 15px 0px rgba(0, 0, 0, 0.3);
		transition-duration: 0.3s;
		background-color: #000;
	}
}


.c-button-container__item:has(.hirakeba_blue_bnr_btn) {
	max-width: 470px;
}

.hirakeba_blue_bnr_btn {
	padding-top: 13px;
	padding-bottom: 13px;
	font-size: min(1.7rem, 4.53vw);
	font-weight: 800;
	color: #0048BC !important;
	border: none;
	background: #fff;
	transition: 0.2s;
}
.hirakeba_blue_bnr_btn::after {
	mask: url(/assets/img/icon/blank.svg) no-repeat center / contain;
	right: 20px;
	background-color: #0048BC;
}
@media print, screen and (min-width: 751px) {
	.hirakeba_blue_bnr_btn {
		font-size: 2.2rem;
		padding-top: 7px;
		padding-bottom: 7px;
	}
	.hirakeba_blue_bnr_btn:hover {
		text-decoration: none;
		box-shadow: 0px 1px 15px 0px rgba(0, 0, 0, 0.3);
		transition-duration: 0.6s;
		background-color: #fff;
	}
}


.c-button-container__item:has(.tips_btn) {
	max-width: 500px;
}

.tips_btn {
	padding-top: 7px;
	padding-bottom: 7px;
	font-size: min(1.9rem, 5.0666666667vw);
	color: var(--color-text) !important;
	border: none;
	background: #FCC800;
	transition: 0.2s;
}
@media print, screen and (min-width: 751px) {
	.tips_btn {
		padding-top: 10px;
		padding-bottom: 10px;
		font-size: 2.1rem;
	}
}
.tips_btn::after {
	display: none;
}
@media (hover: hover) and (pointer: fine) {
	.tips_btn:hover {
		text-decoration: none;
		box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.3);
		transition-duration: 0.3s;
		background-color: #FCC800;
	}
}/*# sourceMappingURL=tipsmile.css.map */