@media screen and (max-width: 479px) {/*ウィンドウ幅が0～479pxの場合にCSSを適用*/

	#logo{

	}
	
	#element_5{
		width:80%;
	}
	.catch_copy{
		justify-content:center;     /* センタリング */
		width:auto;
		text-align: center;
	}

	.catch_copy img{
		text-align: center;
	}
	.e_img2{
		width: 100%;
	}

	.flex_item_charge{
		margin:  7px;              /* 外側の余白 */
	}
	
	.flex_box_charge{
		display: none;
	}
	
	.flex_box_charge_text{
		display: block;
	}

	.flex_box_charge_text_title {
		background-color: rgba(0,110,200,1.00);
	}

	.flex_box_charge_text p{

	}

	.flex_box_charge_text hr{
		color:rgba(170,2,5,1.00);
	}

	.flex_box_flowchart{
		display: flex;              /* フレックスボックスにする */
		flex-direction: column; 	    /* 並び順 */
		flex-wrap: wrap;
	}	
	
	.flex_item_flowchart{
		width: auto;               /* 幅指定 */
	}
	.b_box{
		width:100%;
	}
	.y_box{
		width:100%;
	}
	.flex_item_flowchart_in_ele_y{
		width: 90%;               /* 幅指定 */
		padding: 10px;
		margin:5px;
	}
	.flex_item_flowchart_in_ele_b{
		width: 90%;               /* 幅指定 */
		padding: 10px;
		margin:5px;
	}
	
	.flex_item_flowchart > img{
		padding: 15px 0px 0px 15px;
	}
	
	#flowchart_1{
		margin: 20px 5px 5px 5px;
	}
	
	#flowchart_2{
		margin: 10px 5px;
	}
	
	#flowchart_3{
		margin: 5px 5px;
	}
	#flowchart_4{
		margin: 5px 5px 20px 5px;
	}
	
	#flowchart_intro{
		margin:auto;
		padding: 10px;
	}
	
	.y_box_title img{
		width:70%;
		margin:0px 0px 0px 0px;
	}
	
	.b_box_title img{
		width:70%;
		margin:0px 0px 0px 0px;
	}	
	
	.flex_box_contact{
		flex-direction:column; 	    /* 並び順 */
	}
	
	.flex_item_contact{
		width: 100%;               /* 幅指定 */
	}

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


	
	.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;
	}
}