@charset "utf-8";
/* CSS Document スマートフォン版 後続共通css*/
@media screen and (max-width: 768px) {
	/*基本レイアウト*/
	/*本文マージン*/
	.margin10 {
		margin-bottom: 5px !important;
	}
	.margin20 {
		margin-bottom: 10px !important;
	}
	.margin30 {
		margin-bottom: 15px !important;
	}
	.margin40 {
		margin-bottom: 20px !important;
	}
	.margin50 {
		margin-bottom: 25px !important;
	}
	.margin60 {
		margin-bottom: 30px !important;
	}
	.margin70 {
		margin-bottom: 35px !important;
	}
	.margin80 {
		margin-bottom: 40px !important;
	}
	.margin90 {
		margin-bottom: 45px !important;
	}
	/*本文内各種パーツ***********************/
	/*リスト*/
	/*テーブル**********************************************/
	table {}
	table th {
		display: block;
	}
	table td {
		display: block;
		width: 100%;
	}
	.wp-block-table td, .wp-block-table th {}
	/*共通***********************/
	/*枠*/
	section > .inside {
		max-width: 100%;
	}
	.flex.flex_pc {
		display: block;
	}
	.flex.flex_pc > div:first-child {
		margin-bottom: 20px;
	}
	.flex.flex_pc .txt_area {
		margin-right: 0;
	}
	/*見出し*/
	h2 {
		font-size: 27px;
		text-align: center;
		color: #92277c;
		font-weight: 600;
	}
	h3 {
		font-size: 23px;
	}
	h4 {
		margin-bottom: 15px;
		font-size: 21px;
	}
	h5 {
		font-size: 20px;
	}
	h6 {
		font-size: 18px;
	}
	.btn {
		width: 135px;
		height: 40px;
	}
	/*テーブル**********************************************/
	table {
		width: 100%;
		margin: 0 auto 40px auto;
		border: none;
		border-spacing: 0;
		border-collapse: collapse;
	}
	table th {
		display: block;
		width: 100%;
		padding: 5px 5px;
	}
	table td {
		display: block;
		width: 100%;
		padding: 5px 5px;
	}
	/* ==========================================
 個別コンテンツ
========================================== */
	/*lead_area***********************/
	section#lead_area {
		padding: 40px 0 60px 0;
	}
	#mainvisual_area {
		position: relative;
		max-width: 1280px;
		margin: 0 auto;
	}
	#mainvisual_area .slide_area {
		width: calc(100vw - 50px);
		margin: 0 auto 40px auto;
	}
	#mainvisual_area .slide_area .slide {
		width: 100%;
		height: auto;
	}
	#mainvisual_area .slide_area .slide img {
		width: calc(100vw - 50px);
		height: auto;
	}
	#mainvisual_area .copy {
		position: relative;
		right: 0;
		top: auto;
		width: calc(100vw - 50px);
		margin: 0 auto 50px auto;
	}
	#mainvisual_area .copy02 {
		display: none;
	}
	#mainvisual_area .copy {
		filter: drop-shadow(0 0 0 #FFF);
	}
	section#lead_area .bar {
		width: calc(100vw - 50px);
		margin: 30px auto 40px auto;
	}
	section#lead_area p {
		font-size: 2.1rem;
		text-align: center;
	}
	section#lead_area .balloon_area {
		display: flex;
		justify-content: center;
		flex-wrap: wrap;
	}
	section#lead_area .balloon {
		width: 295px;
		height: 180px;
		margin-bottom: 10px;
		font-size: 2.0rem;
	}
	section#lead_area .balloon:last-child {
		margin-bottom: 0;
	}
	/*trouble_area***********************/
	section#trouble_area {
		padding: 0 10px 60px 10px;
	}
	section#trouble_area .trouble.sp {
		display: flex;
		justify-content: center;
		align-items: center;
		flex-wrap: wrap;
	}
	section#trouble_area .trouble.sp img {
		margin-bottom: 5px;
	}
	/*refer_area***********************/
	section#refer_area {
		padding: 0 0 60px 0;
	}
	section#refer_area .inside .photo {
		margin-bottom: 35px;
		padding: 0 13px;
	}
	section#refer_area .inside .photo:last-child {
		margin-bottom: 0;
		padding: 0;
	}
	/*possible_area***********************/
	section#possible_area {
		padding: 60px 0 0 0;
	}
	section#possible_area .box_area {
		justify-content: center;
	}
	section#possible_area .box_area .box {
		width: calc(100% - 30px);
		margin-bottom: 30px;
		padding: 30px 0;
	}
	section#possible_area .box_area .box:last-child {
		width: calc(100% - 30px);
	}
	section#possible_area .box_area .box h6 {
		min-height: 34px;
		height: auto;
		margin-bottom: 30px;
		padding-left: 40px;
		padding-right: 40px;
		line-height: 34px;
	}
	section#possible_area .box_area .box h6 span {
		left: -8px;
		width: 34px;
		min-height: 34px;
		height: 100%;
	}
	section#possible_area .box .inside {
		margin: 0 30px;
	}
	section#possible_area .box:last-child .inside {
		margin: 0 22px;
	}
	section#possible_area .flex {
		justify-content: center;
		flex-wrap: wrap;
		margin-bottom: 30px;
		margin: 0 8px 30px 8px;
	}
	section#possible_area .photo {
		margin-bottom: 30px;
	}
	section#possible_area .flex .photo {
		margin-right: 0;
		margin-bottom: 10px;
	}
	section#possible_area .step_area {
		/*margin-bottom: 25px;*/
	}
	section#possible_area .step_area .step {
		flex-wrap: wrap;
		margin-bottom: 20px;
	}
	section#possible_area .step_area .step .tit {
		min-width: auto;
		min-height: auto;
		width: 100%;
		padding: 10px 0;
	}
	section#possible_area .step_area .step .tit:last-child {
		width: 100%;
	}
	section#possible_area .step_area .step .tit img {
		width: auto;
		height: 60px;
	}
	section#possible_area .step_area .step:last-child .tit img {
		height: 120px;
	}
	section#possible_area .step_area .step .txt {
		width: 100%;
		padding: 20px 18px;
	}
/*interview_area***********************/
section#interview_area {
		padding: 0 0 60px 0;
}
section#interview_area .inside {
		width: calc(100% - 30px);
    padding: 0 18px;
}
section#interview_area h2 {
	margin-bottom: 20px;
	font-size: 1.8rem;
}
section#interview_area .box_area {
	justify-content: center;
}
section#interview_area .box_area .box {
		margin-bottom: 30px;
}
section#interview_area .box_area .box h3 {
		min-height: 34px;
		height: auto;
		padding-left: 10px;
	border-left: solid 10px #debed8;
		line-height: 34px;
	font-size: 1.8rem;
}
section#interview_area .box_area .box h4 {
	margin-bottom: 10px;
	font-size: 1.8rem;
}
section#interview_area .box .inside {
	width: 100%;
	padding: 0 18px;
}
section#interview_area .box .lead {
	margin-bottom: 18px;
	padding: 18px;
}
	/*solution_area***********************/
	section#solution_area {
		padding: 60px 0 60px 0;
	}
	section#solution_area h2 {
		margin-bottom: 15px;
	}
	section#solution_area .balloon_area {
		justify-content: center;
		flex-wrap: wrap;
	}
	section#solution_area .balloon {
		width: 304px;
		height: 324px;
		margin-bottom: 10px;
		background-image: url("../images/waku_02_02.svg");
	}
	section#solution_area .balloon h6 {
		margin-bottom: 10px;
		font-size: 1.8rem;
	}
	section#solution_area .balloon p {
		font-size: 1.4rem;
	}
	section#solution_area .banner_area {
		display: block;
		width: calc(100% - 30px);
		margin: 30px auto 0 auto;
	}
	section#solution_area .banner_area .photo {
		width: 100%;
	}
	section#solution_area .banner_area h3 {
		justify-content: center;
		width: 100%;
		padding: 20px 0;
		text-align: center;
	}
	/*voice_area***********************/
	section#voice_area {
		padding: 60px 0 30px 0;
	}
	section#voice_area h2 {
		margin-bottom: 40px;
	}
	section#voice_area .box_area {
		display: flex;
		justify-content: center;
		flex-wrap: wrap;
	}
	section#voice_area .box_area .box {
		width: calc(100% - 30px);
		margin-bottom: 30px;
		padding: 25px;
	}
	section#voice_area .box_area .box .photo img {
		width: 100px;
		height: auto;
	}
	section#voice_area .box_area .box .tit {
		font-size: 1.7rem;
	}
	section#voice_area .box_area .box p {
		font-size: 1.5rem;
	}
	/*member_area***********************/
	section#member_area {
		padding: 0 0 40px 0;
	}
	section#member_area h2 {
		margin-bottom: 20px;
	}
	section#member_area .box_area {
		display: flex;
		justify-content: center;
		flex-wrap: wrap;
	}
	section#member_area .box_area .box {
		width: calc(100% - 90px);
		padding: 30px;
		margin-bottom: 80px;
		border-radius: 16px;
	}
	section#member_area .box_area .box .photo {
		bottom: -70px;
	}
	section#member_area .box_area .box .photo img {
		width: 100px;
		height: auto;
	}
	/*what_area***********************/
	section#what_area {
		padding: 60px 0 60px 0;
		font-size: 1.7rem;
	}
	section#what_area .inside {
		padding: 0 10px;
	}
	section#what_area p span {}
	section#what_area .photo {
		margin: 30px 0;
	}
	/*contact_area***********************/
	section#contact_area {
		padding: 60px 0 60px 0;
	}
	section#contact_area h2 {
		margin-bottom: 10px;
	}
	section#contact_area .form_area {
		margin: 0 15px;
		padding: 30px 20px;
	}
	/*入力欄*/
	.form_area span.need {
		margin-left: 1em;
		padding: 0 2px;
		background-color: #92277C;
		color: #fff;
		font-size: 1.1rem;
		line-height: 1;
	}
	section#contact_area .form_area table {
		margin-bottom: 0;
	}
	section#contact_area .form_area table th {
		width: auto;
		padding: 0;
	}
	section#contact_area .form_area table td {
		width: auto;
		padding: 5px 0 15px 0;
	}
	.form_area label {
		display: inline-flex;
		justify-content: flex-start;
		align-items: center;
		height: 50px;
	}
	.form_area input {
		font-size: 1.5rem;
	}
	.form_area textarea {
		height: 200px;
		padding: 10px 10px;
		font-size: 1.5rem;
	}
	.form_area input[type="button"] {
		width: 135px;
		height: 40px;
		margin: 0 10px;
		border-radius: 2px;
	}
	.form_area input[type="submit"] {
		width: 135px;
		height: 40px;
		margin: 0 10px;
		border-radius: 2px;
	}
	.form_area input[type="reset"] {
		width: 135px;
		height: 40px;
		margin: 0 10px;
		border-radius: 2px;
	}
	.form_area button {
		width: 135px;
		height: 40px;
		margin: 0 10px;
		border-radius: 2px;
	}
}