@charset "utf-8";
/* CSS Document スマートフォン版 後続共通css*/
@media screen and (max-width: 768px) {
	/*基本レイアウト*/
	/*本文内各種パーツ***********************/
	/*セクション*/
	section {
		margin: 30px 0;
	}
	section .inside {
		width: 100%;
		margin: 0 auto;
	}
	/*見出し*/
	h2 {
		margin-bottom: 10px;
		font-size: 1.8rem;
		;
	}
	h2.head01 {
		margin-bottom: 25px;
	}
	h2.head01 img {
		height: 80px;
	}
	h3 {
		margin-bottom: 5px;
		font-size: 1.65rem;
	}
	h4 {
		font-size: 1.4rem;
	}
	/*テーブル**********************************************/
	table {}
	table th {
		padding: 5px 6px;
	}
	table td {
		padding: 5px 6px;
	}
	/*ボタン*/
	.btn {
		width: 180px;
		height: 44px;
		font-size: 1.6rem;
	}
	.btn::after {
		right: 15px;
		top: 16px;
	}
	.btn:hover {
		opacity: 1;
	}
	/* ==========================================
 メインビジュアル
========================================== */
	/*メインビジュアル***********************/
	.mainvisual {
		position: relative;
		height: 56vw;
	}
	.mainvisual .copy {
		position: absolute;
		left: 0;
		top: 18vw;
		margin: 0 auto;
		padding: 0 2%;
	}
	.mainvisual .formbtn_area {
		display: none;
	}
	/* ==========================================
 about_area
========================================== */
	#about_area {}
	#about_area .txt_area {
		margin-bottom: 20px;
	}
	#about_area .photo {
		margin-bottom: 20px;
		text-align: center;
	}
	#about_area .photo img {
		width: 100%;
	}
	/* ==========================================
 features_area
========================================== */
	#features_area .box {
		display: block;
		height: auto;
		margin-bottom: 25px;
		padding: 25px 25px;
		background-position: left top;
		background-size: 100px;
	}
	#features_area .box h3 {
		text-align: center;
	}
	#features_area .photo {
		width: 70%;
		margin: 20px auto 0 auto;
	}
	/* ==========================================
 flow_area
========================================== */
	#flow_area .box {
		position: relative;
		display: flex;
		justify-content: space-between;
		align-items: center;
		flex-wrap: wrap;
		width: 100%;
		height: auto;
		margin: 38px 0 0 0;
		padding: 40px 20px 20px 20px;
	}
	#flow_area .box h3 {
		margin-bottom: 0;
		font-size: 1.65rem;
		text-align: center;
	}
	#flow_area .txt_area {
		width: 100%;
	}
	#flow_area .icon {
		width: 100%;
		height: 40px;
		text-align: center;
	}
	#flow_area .icon img {
		width: auto;
		height: 40px;
	}
	#flow_area .stepno {
		position: absolute;
		left: calc(50% - 28px);
		top: -28px;
		width: 56px;
		height: 56px;
	}
	#flow_area .stepno span {
		width: 100%;
		font-size: 2.5rem;
	}
	#flow_area .arr {
		margin: 15px 0;
		text-align: center;
	}
	#flow_area .arr img {
		width: 30px;
	}
	/* ==========================================
 request_area
========================================== */
	#request_area {
		padding: 20px 0;
		background-color: #F6E5E5;
		text-align: center;
	}
	#request_area p {
		margin-bottom: 10px;
		font-size: 1.5rem;
	}
	#request_area .btn {
		margin: 0 auto;
	}
	/* ==========================================
 demonstration_area
========================================== */
	#demonstration_area {
		text-align: center;
	}
	#demonstration_area p {
		margin-bottom: 10px;
		font-size: 1.2rem;
	}
	#demonstration_area span {
		display: block;
		width: 60px;
		height: 30px;
		margin: 0 auto;
		line-height: 30px;
	}
	/* ==========================================
 form_area
========================================== */
	#form_area {}
	#form_area .inside {
		width: 100%;
	}
	#form_area .form_area {
		margin: 20px 0;
	}
	#form_area .box {
		margin-bottom: 20px;
	}
	#form_area .box .tit {
		display: flex;
		justify-content: center;
		align-items: center;
		width: 70px;
		height: 40px;
		margin-right: 2px;
		border-radius: 10px;
		background: #e2f3fc;
		text-align: center;
	}
	#form_area .box .txt {
		flex: 1;
		width: 100%;
		margin: 0 5px;
	}
	#form_area input {
		width: 100%;
		height: 40px;
		padding: 0 10px;
		border-radius: 10px;
		background: #fff;
		border: 1px solid #999;
	}
	#form_area input.name {
		width: 100%;
	}
	#form_area input[type=checkbox] {
		width: 20px;
		height: 20px;
		margin: 0 5px;
		border-radius: 0;
		background: #fff;
		border: 1px solid #999;
	}
	#form_area label {
		display: flex;
		justify-content: center;
		align-items: center;
		line-height: 1;
	}
	#form_area textarea {
		width: 100%;
		height: 230px;
		padding: 10px;
	}
	#form_area input[type=submit], #form_area button {
		width: 180px;
		height: 44px;
		font-size: 1.6rem;
	}
}