/*----------------------------------------------------------------------------------------------------
 PC start
----------------------------------------------------------------------------------------------------*/
/* 共通 */
.container{
	width: 100%;
	max-width: 1920px;
}
section{
	margin-bottom: 70px;
}
section .article{
	width: 960px;
	margin: 0 auto;
}
section .article .article_inner p{
	font-size: 16px;
}
h2{
	font-size: 34px;
	font-weight: bold;
	margin-bottom: 20px;
	line-height: 1.3;
	letter-spacing: 0.04em;
	color: var(--color-black);
	position: relative;
	padding-left: 74px;
	min-height: 58px;
	display: grid;
	align-items: end;
}
h2::before{
	content: "";
	position: absolute;
	background: url(/-/media/Project/commufa/commufa/images/2022/common/bg/bg_blobs_h2.png);
	left: 0;
	top: 0;
	width: 69px;
	height: 100%;
	background-repeat: no-repeat;
	background-size: 100%;
}
h3{
	font-size: 28px;
	font-weight: bold;
	margin-bottom: 15px;
	line-height: 1.3;
	letter-spacing: 2px;
	color: #F76B1F;
}
section.sec_mb{
	margin-bottom: 20px;
}
.txt_indent_wrap li{
	font-size: 16px;
	list-style-type: disc;
	margin-left: 20px;
}
.txt_indent_wrap li.list_notes{
	list-style: none;
	position: relative;
}
.txt_indent_wrap li.list_notes::before{
	content: "※";
	position: absolute;
	left: -20px;
}
.ctc_standard_contact.typeA .ctc_standard_contact_item .btn_accent{
	max-width: 400px;
}
.btn_accent.btn_orange.arrow_right{
	min-height: 50px;
}
.btn_accent.btn_orange.arrow_right a,
.btn_accent.btn_orange.arrow_right button{
	padding: 14px 45px 12px;
	min-height: 50px;
}
.faq_area .faq_area_inner .faq_link a,
.notes_area .notes_area_inner p a,
ul.ctc_list_explanatory_note li a{
	color: #1a73e8;
	text-decoration: underline;
}

/* cta */
.cta_1column_inner{
	background-color: var(--color-white);
	border: 3px solid var(--color-primary);
	border-radius: 12px;
	padding: 25px 25px 30px;
	margin-bottom: 0;
	max-width: 538px;
	width: 100%;
	margin: 0 auto;
}
section .article .article_inner .cta_1column_inner .ttl{
	font-size: 28px;
	letter-spacing: 2.8px;
	min-height: 73px;
	color: var(--color-black);
	line-height: 1.3;
	text-align: center;
	font-weight: bold;
	display: flex;
	justify-content: center;
	align-items: center;
}
.cta_1column_inner hr{
	width: 100%;
	height: 3px;
	background-color: var(--color-primary);
	border-radius: 20px;
	border: none;
	margin: 25px 0;
}
.cta_1column_inner .bottom_txt{
	margin-top: 12px;
}
.cta_area01,
.cta_2column .cta_2column_inner{
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	margin-top: 20px;
}
.cta_area01 .cta_area01_left,
.cta_area01 .cta_area01_right{
	width: 470px;
}
.cta_area01 .cta_area01_left .btn_accent,
.cta_area01 .cta_area01_right .btn_accent{
	max-width: 100%;
}
.cta_area01 .cta_area01_left .btn_accent a{
	padding: 25px 0;
}
.cta_area01 .cta_area01_right .btn_accent{
	margin-bottom: 10px;
}
.cta_2column .cta_2column_inner .cta_2column_item{
	width: 470px;
	background-color: var(--color-white);
	border: 3px solid var(--color-primary);
	border-radius: 12px;
	padding: 25px;
	margin-bottom: 0;
}
.cta_2column .cta_2column_inner .cta_2column_item p{
	margin-top: 10px;
}

/* otoku_img */
.otoku_img .otoku_img_inner{
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	margin-bottom: 20px;
}
.otoku_img .otoku_img_inner img{
	width: 100%;
	height: auto;
}
.otoku_img .otoku_img_inner .inner_left,
.otoku_img .otoku_img_inner .inner_right{
	width: 470px;
}

/* flow */
.flow{
	margin-bottom: 40px;
}
.flow.last_child{
	margin-bottom: 0;
}
.flow .bg_orange{
	font-size: 16px;
	text-align: center;
	background-color: #FFF9F6;
	margin: 15px 0;
	padding: 30px 50px;
}
.flow .bg_orange span{
	font-size: 24px;
	font-weight: bold;
	color: #F76B1F;
	line-height: 2;
}

/* faq_area */
.faq_area .faq_area_inner{
	margin-bottom: 30px;
}
.faq_area .faq_area_inner .ttl{
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 15px;
}

/* notes_area */
section.bg_gray{
	background-color: #EFEFEF;
	padding: 70px 0;
}
.notes_area{
	margin-bottom: 50px;
}
.notes_area.last_child{
	margin-bottom: 0;
}
.notes_area .notes_area_inner{
	margin-bottom: 30px;
}
section .article .article_inner .notes_area_inner p.ttl{
	font-size: 18px;
	font-weight: bold;
}

/*----------------------------------------------------------------------------------------------------
 PC end
----------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------
 レスポンシブ start
----------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 640px) {
  /* 共通 */
	section{
		margin-bottom: 50px;
	}
	section .article .article_inner p,
	.txt_indent_wrap li{
		font-size: 14px;
	}
	section.sec_mb{
		margin-bottom: 15px;
	}
	section .article{
		width: 96%;
    margin: 0px 2%;
	}
	h2{
		font-size: 22px;
    min-height: 38px;
    padding-left: 54px;
    margin-bottom: 15px;
	}
	h2::before{
		width: 45px;
	}
	h3{
		font-size: 18px;
		margin-bottom: 10px;
	}
	.mt_20{
		margin-top: 10px !important;
	}

	/* cta */
	.cta_1column_inner{
		padding: 17px 12px;
	}
	section .article .article_inner .cta_1column_inner .ttl{
		font-size: 18px;
    letter-spacing: 1.8px;
    min-height: auto;
	}
	.cta_1column_inner hr{
		margin: 17px 0;
	}
	.cta_area01,
	.cta_2column .cta_2column_inner{
		display: block;
	}
	.cta_area01 .cta_area01_left,
	.cta_area01 .cta_area01_right{
		width: 100%;
	}
	.cta_area01 .cta_area01_right{
		margin-top: 15px;
	}
	.btn_accent.btn_orange.arrow_right a{
		font-size: 15px;
	}
	.cta_area01 .cta_area01_right .btn_accent{
		margin-bottom: 5px;
	}
	.cta_area01 .cta_area01_left .btn_accent a{
		padding: 14px 40px 12px;
	}
	.cta_2column .cta_2column_inner{
		margin-top: 0;
	}
	.cta_2column .cta_2column_inner .cta_2column_item{
		width: 100%;
		padding: 17px 12px;
		margin-top: 15px;
	}

	/* otoku_img */
	.otoku_img .otoku_img_inner{
		display: block;
		margin-bottom: 0;
	}
	.otoku_img .otoku_img_inner .inner_left,
	.otoku_img .otoku_img_inner .inner_right{
		width: 100%;
		margin-bottom: 15px;
	}
	.otoku_img .otoku_img_inner img{
		max-width: 100%;
	}

	/* flow */
	.flow{
		margin-bottom: 30px;
	}
	.flow .bg_orange{
		font-size: 14px;
		margin: 10px 0;
		padding: 15px 0;
	}
	.flow .bg_orange span{
		font-size: 18px;
	}

	/* faq_area */
	.faq_area .faq_area_inner{
		margin-bottom: 15px;
	}
	.faq_area .faq_area_inner .ttl{
		font-size: 16px;
		margin-bottom: 5px;
	}

	/* notes_area */
	section.bg_gray{
		padding: 30px 0;
	}
	.notes_area .notes_area_inner{
		margin-bottom: 20px;
	}
	section .article .article_inner .notes_area_inner p.ttl{
		font-size: 16px;
	}
}

/*----------------------------------------------------------------------------------------------------
 レスポンシブ end
----------------------------------------------------------------------------------------------------*/