@charset "UTF-8";
/* CSS Document */
/* --------- --------- --------- --------- ---------
	どひです！(トップページ)
--------- --------- --------- --------- --------- */
.c1_wrap{
	padding-top:240px;
}
.c1_image{
	width:419px;
	position:relative;
	padding-top:108px;
	padding-left:18px;
	box-sizing:border-box;
	float:left;
}
.c1_image:after{
	display:block;clear:both;content:"";		
}
.c1_do{
	position:absolute;z-index:1;
	top:0;left:0;
}
.c1_do img{
	width:384px;
	/*height:172px;*/
}
.c1_sub{
	width:579px;
	padding-top:108px;
	float:left;
	margin-left:20px;
	position:relative;
}
.c1_img img{
	width:400px;
	/*height:350px;
    */
	webkit-transition: 0.2s ease-in-out;-moz-transition: 0.2s ease-in-out;  
    -o-transition: 0.2s ease-in-out;transition: 0.2s ease-in-out;
}
.c1_img img:hover{
	opacity: 0.7; filter: alpha(opacity=60); 
}

.c1_ilast{
	position:relative;
	width:559px;height:171px;
	border-radius:5px;
	background:#fff;
	padding-left:20px;
	box-sizing:border-box;
}
.c1_ilast_img{
	position:absolute;
	top:-43px;	
}
.c1_ilast_sp{display:none;}
.c1_ilast_img_sp{display:none;}
.c1_ilast_img_sp2{display:none;}
.c1_ilast_h{display:none;}
.c1_sub_image{
	widht:560px;height:159px;
	padding-top:20px;
}
.c1_img_sp{
	display:none;	
}
.c1_s_img1,.c1_s_img2{
	width:269px;height:159px;
}
.c1_s_img1{margin-right:20px;
}
@media only screen and (max-width:1050px) {
.c1_wrap{
	width:100%;
}
.c1_image{
	width:49%;
	margin-right:1%;
	padding-top:108px;
	padding-left:18px;
}
.c1_do{
	top:0px;	
}
.c1_do img{
	width:335px;
	height:150px;
}
.c1_img{
	width:100%;
	position:absolute;
	top:40px;left:0%;
}
.c1_img img{
	width:100%;height:auto;	
}
.c1_sub{
	width:49%;
	margin-left:1%;
	padding-top:0px;
}
.c1_ilast_img_sp{
	display:block;
	width:100%;
	padding-top:40px;
}
.c1_ilast{
	position:relative;
	width:100%;
	height:auto;
	background:none;
	padding-left:0px;
	box-sizing:border-box;
}
.c1_ilast_img{
	display:none;
}
.c1_ilast_h{
	display:block;
	width:207px;height:98px;
	background:url(../top_material/c1_d1_material/c1_ilast_hukidasi.png) no-repeat;
	background-size:207px 98px;
	position:absolute;top:5%;right:20px;
	z-index:1;
}
.c1_sub_image{display:none;}
}
@media only screen and (max-width:768px) {
.c1_wrap{
	padding-top:230px;
}
/*202006 _バナー追加分*/
.c1_wrap{
	padding-top:320px;
}
.c1_ilast_img_sp2{
	display:block;
}
.c1_image{
	width:66.3%;
	padding-left:0px;
	padding-top:0;
}
.c1_do{
	left:-2%;
	top:-27%;
}
.c1_do img{
	width:85%;height:auto;
}
.c1_img img{display:none;}
.c1_img_sp{
	display:block;
	width:100%;
	position:relative;
	/*
	top:-30px;
	*/
}
.c1_img_sp img{
	width:100%;
}
.c1_sub{
	width:30%;
	margin-left:0%;
	float:right;	
}
.c1_ilast{
	width:100%;
}
.c1_ilast_img_sp{
	display:none;
}
.c1_ilast_img_sp2{
	width:100%;
	position:relative;
	/*
	top:-30px;
	*/
}
.c1_ilast_h{
	width:95%;
	background-size:100%;
	position:absolute;top:-10%;right:0;
}
.c1_ilast_img_sp{display:none;}
}
@media only screen and (max-width:650px) {
.c1_wrap{
	padding-top:200px;
}
/*202006 _バナー追加分*/
.c1_wrap{
	padding-top:340px;
}
}
	
	
@media only screen and (max-width:550px) {
.c1_wrap{
	padding-top:200px;	
}
/*202006 _バナー追加分*/
.c1_wrap{
	padding-top:340px;
}
.c1_ilast_h{
	width:100%;
	position:absolute;top:-15%;right:0;
}
}
@media only screen and (max-width:500px) {
.c1_wrap{
	padding-top:160px;	
}
/*202006 _バナー追加分*/
.c1_wrap{
	padding-top:180px;	
}
}
@media only screen and (max-width:480px) {
.c1_wrap{
	/*padding-top:150px;*/
}
.c1_img_sp{
	/*
	top:-58px;
	*/
}
.c1_ilast_img_sp2{
	/*
	top:-58px;
	*/
}
}