@media screen and (max-width: 479px) {/*ウィンドウ幅が0～479pxの場合にCSSを適用*/
	
	body{
		font-size: 90%;
	}
	
.catch_copy{
	font-size:1.4em;
}	

	.what_is_DAT h3{
		font-size:  1.2em;           /* 文字サイズ */
		line-height: 130%;
	}
	
	.what_is_DAT p{
		font-size:  1.0em;           /* 文字サイズ */
		line-height: 130%;
	}

	.flex_box_3element{
		background-color: #F2F2F2;     /* 背景色指定 */
		padding:  10px;             /* 余白指定 */
		display: flex;              /* フレックスボックスにする */
		flex-direction:column; 	    /* 並び順 */
		justify-content:center;     /* センタリング */
	}

	.flex_item_3element{
		padding: 10px;
		margin:  10px;              /* 外側の余白 */
		border-radius:  20px;        /* 角丸指定 */
		font-size:  1.1em;           /* 文字サイズ */
		text-align:  center;        /* 文字中央揃え */
		flex-wrap: wrap;
		width: auto;
	}
	
	.flex_item_3element > p{
		font-feature-settings: 'palt'; /* プロポーショナル */
		font-size: 0.9em;           /* 文字サイズ */
		line-height: 130%;
		width: 100%;
		height: auto;
	}
	
	.e_img2{
		width: 100%;
	}

	.flex_item_test_type{
		padding: 0px 5px 0px 5px;
		margin:  12px;              /* 外側の余白 */
	}
	
	.flex_box_test_type{
		display: none;
	}
	
	.flex_box_test_type_text_full{
		display: block;
		padding: 20px;
		margin:5px 0px 5px 0px;
		font-size:1.2em;
		line-height: 120%;
		background: -webkit-linear-gradient(top left, rgba(0,63,160,0.79), rgba(126,204,240,0.88));
		background: -o-linear-gradient(top left, rgba(0,63,160,0.79), rgba(126,204,240,0.88));
		background: linear-gradient(to bottom right, rgba(0,63,160,0.79), rgba(126,204,240,0.88)); 
	}

	.flex_box_test_type_text_full_title {
		background-color: rgba(0,110,200,1.00);
		padding:5px 10px 5px 10px;
	}

	.flex_box_test_type_text_full p{
		color:rgba(255,255,255,1.00);
		filter: drop-shadow(1px 1px 0px rgba(23,23,23,0.80));   /* ドロップシャドウ */
	}

	.flex_box_test_type_text_full hr{
		color:rgba(170,2,5,1.00);
		border-color: rgba(53,4,252,1.00);
		width:90%;
	}

.flex_box_test_type_text_M{
	display: block;
	width:auto;
	padding: 20px;
	font-size:1.2em;
	line-height: 120%;
	margin:0px 0px 10px 0px;
	background: -webkit-linear-gradient(top left, rgba(215,53,128,0.79), rgba(200,130,165,0.88));
	background: -o-linear-gradient(top left, rgba(215,53,128,0.79), rgba(200,130,165,0.88));
	background: linear-gradient(to bottom right, rgba(236,30,125,0.79), rgba(200,130,165,0.88)); 
}

.flex_box_test_type_text_M_title {
	background-color: rgba(208,0,0,1.00);
	padding:5px 10px 5px 10px;
}
	
.flex_box_test_type_text_M p{
	color:rgba(255,255,255,1.00);
	filter: drop-shadow(1px 1px 0px rgba(23,23,23,0.80));   /* ドロップシャドウ */
}

.flex_box_test_type_text_M hr{
	color:rgba(170,2,5,1.00);
	border-color: rgba(252,5,9,1.00);
	width:90%;
}



	.flex_box_QA{
		padding:  10px;             /* 余白指定 */
		display: flex;              /* フレックスボックスにする */
		flex-direction:column; 	    /* 並び順 */
		justify-content:center;     /* センタリング */
		align-items:stretch;        /* 縦の位置指定 */
		width: auto;
	}

	.flex_box_flowchart{
		display: flex;              /* フレックスボックスにする */
		flex-direction: row; 	    /* 並び順 */
		flex-wrap: wrap;
	}	
	
	.flex_item_flowchart{
		width: 90%;               /* 幅指定 */
	}
	
	.flex_item_flowchart > p{
		font-size:0.9em;
		line-height: 120%;
	}
	
	
	.flex_item_flowchart > img{
		padding: 15px 0px 0px 15px;
	}
	#flowchart_1{
		margin:20px 10px 5px 10px;
	}
	#flowchart_2{
		margin:10px 10px 5px 10px;
	}
	#flowchart_3{
		margin:10px 10px 10px 10px;
	}
	#flowchart_4{
		margin:10px 10px 20px 10px;
	}
	
	.muryou{
		display: block;
	}
	.muryou_R{
		display:none;
	}
	.moushikomi{
		display: block;
	}
	.moushikomi_R{
		display:none;
	}
	
	.flex_item_QA h2{
		width: auto;
		font-size:1.0em;
		line-height: 120%;
	}

	.flex_item_QA h3{
		width: auto;
		font-size:1em;
		line-height: 120%;
	}
	
	.flex_item_QA p{
		width: auto;
		font-size:1em;
		line-height: 120%;
	}
	
	.QA_list_link{
		font-size:1.1em;
		line-height: 125%;
	}

	
	.flex_box_contact{
		flex-direction:column; 	    /* 並び順 */
	}
	
	.flex_item_contact{
		width: 100%;               /* 幅指定 */
	}

	.flex_item_contact > img{
		width:100%;
	}
	.flex_item_contact a > img{
		width:100%;
	}

	.text_size_control{
	display:block;
	justify-content:center;     /* センタリング */
	text-align:  center;        /* 文字中央揃え */
	margin: 20px 40px 5px 0px;
}
	
.free_campain > img{
	display: none;
}

.free_campain_small img{
	display: block;
	width:100%;
}

	.maill_big{
		display: none;
	}
	.maill_small{
		display: block;
		
	}
	.flex_item_contact_mail_small{
		width:100%;
		display: block
	}
	

	.contact p{
		margin:auto;
		padding: 0px 0px 20px 0px;
	}
	
	.none479{
		display: block;
	}
	.none479_R{
		display:none;
	}
	
}