@charset "utf-8";
@media only screen and (min-width: 1600px){
	.con_div{ margin-left:20%; }
}	/* @media only screen and (min-width: 1600px){ */

@media only screen and (min-width: 1400px) and (max-width: 1599px){
	.con_div{ margin-left:15%; }
	html .top_img{ right:10%; }
	html .top_main_inner h1 img{ width: 90%; }
}	/* @media only screen and (min-width: 1400px) and (max-width: 1599px){ */

@media only screen and (min-width: 1201px) and (max-width: 1399px){
	html .tmtd_txt h1{ font-size:7vw; }
	html .top_img{ right:10%; }
	html .top_main_inner h1 img{ width: 80%; }

	html .top_main_inner .tmip{ font-size:5vw; }
	html .top_main_inner h2.tph2_1{ font-size:3.3vw; }
	html .top_main_inner h2.tph2_2{ font-size:3.5vw; }

	html .appg_txt{ margin-left: 5%; }
	html .why1s{ margin-left: 18%; }
}	/* @media only screen and (min-width: 1201px) and (max-width: 1399px){ */

@media only screen and (min-width: 992px) and (max-width: 1200px){
	html .tmtd_txt h1{ font-size:4vw; }
	html .top_img{ right:10%; }
	html .top_main_inner h1 img{ width: 60%; }

	html .top_main_inner .tmip{ font-size:6vw; }
	html .top_main_inner h2.tph2_1{ font-size:4.3vw; }
	html .top_main_inner h2.tph2_2{ font-size:4.5vw; }

	html .watxt { display:flex;justify-content:center; }
	html .appg_txt{ margin-left: 0%; }
	html .why1s{ margin-left: 11%; }
}	/* @media only screen and (min-width: 992px) and (max-width: 1170px){ */

@media only screen and (min-width: 769px) and (max-width: 991px){
	html body .top_img{ bottom:5%;right:5%; }
	html body .top_img img{ height:75%;right: 5%; }
	html .watxt { display:flex;justify-content:center; }
	html .appg_txt{ margin-left: 3%; }
}	/* @media only screen and (min-width: 769px) and (max-width: 991px){ */

@media only screen and (max-width: 768px) {
	html .watxt { display:flex;justify-content:center; }
	html .appg_txt{ margin-left: 3%; }
}	/* @media only screen and (max-width: 767px) { */

@media only screen and (max-width: 543px) {
}	/* @media only screen and (max-width: 543px) { */

@media only screen and (max-width: 992px) {
	html .header_logo img{ width:120px; }
	html .top_main{
		position: relative;
		_height: auto;
	 }
	html .tm_txt{ position:relative;right:5%;width:90%; }
	html .tmt_div{ display:block; }
	html .tmtd_txt,html .tmtd_img{ position:relative; }
	html .tmtd_txt{
		margin-left: 0;
		margin-top:30px;
	}
	html .tmtd_img{
		margin-top:20px;
		width: 100%;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	html .tm_item{
		margin-top:30px;
		position: relative;
		height: auto;
		display: flex;
		align-items: center;
		justify-content: center;
		right: auto;
		bottom:auto;
		width: 100%;
	}

	html .tm_item .txt-r{ text-align:center !important; }
	html .tmi_img{ justify-content:center; }
	html .tm_item img{ height:40vw; }
	html .tmtd_txt h1{
		font-size:6vw;
		text-align: center;
		font-weight: 400 !important;
	}

	html .ttdi_001{ width:48%;margin-right:2%; }
	html .ttdi_002{
		margin-top: 0;
		width:48%;margin-left:2%;
	}
	html .about_pgg{ margin-top:80px; }

	html .prd img{ width:50%;margin-left:25%; }

	html .top_main{
		position: relative;
		height: auto;
		background: none !important;
	}
	html .sp_main{ display:block; }
	html .top_main_inner{
		position: relative;
		top:0;
		left: 0;
		height: auto;
		margin-top:5%;
		padding-top:50px;
		padding-bottom:50px;
		background: none !important;
	}

	html .top_img{ height:auto;top:0;right:5%;left:auto;bottom:auto; }
	html .top_main_inner h1 img{ width: 60%; }
	html .top_img{ bottom:5%;right:5%; }
	html .top_img img{ height:82%;right: 5%; }
	html .about_avalon{ margin-top:0; }

	html .top_main_inner .tmip{ font-size:6vw;margin-bottom:3px; }
	html .top_main_inner h1{ font-size:10vw;margin-bottom:3px; }
	html .top_main_inner h2.tph2_1{ font-size:4.0vw; }
	html .top_main_inner h2.tph2_2{ font-size:4.5vw; }

	.tptxt{
		display: inline-block;
		background: rgba(255,255,255,0.60);
		padding:5px 10px;
	}

	.aa_img{ justify-content:center; }
	html .appg_txt{ margin-left: 3%; }
}	/* @media only screen and (max-width: 991px) { */

@media only screen and (max-width: 1200px) {

}		/* @media only screen and (max-width: 1200px) { */