@charset "UTF-8";
/* CSS Document */
/* --------- --------- --------- --------- ---------
	どすいか
--------- --------- --------- --------- --------- */
.c2_c1_wrap{
	padding-top:147px;
}

.c2_c1_do{
	position:absolute;
	top:-117px;left:-24px;
	z-index:1;	
}
.c2_c1_do img{
	width:422px;	
}
.c2_c1_image{
	width:450px;
	position:relative;
	box-sizing:border-box;
	left:22px;
	float:left;
}
.c2_c1_img{
	width:450px;
}
.c2_c1_sub_tab_img{display:none;}
.c2_c1_sub_sp_img{display:none;}
.c2_c1_img img{
	width:450px;height:300px;
	-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;
}
.c2_c1_img img:hover{
	opacity: 0.7; filter: alpha(opacity=60); 
}
.c2_c1_m_sp{display:none;}
.c2_c1_m img{
	width:380px;height:73px;	
}
.c2_c1_sub{
	float:right;
	position:relative;
	left:4px;
}
.c2_c1_sub_img{
	margin-top:25px;	
}
.c2_c1_s_img1{
}
.c2_c1_s_img2{
	margin-left:15px;
}
@media only screen and (max-width:1050px) {
.c2_c1_wrap{
	padding-top:84px;
	width:100%;
}
.c2_c1_image{
	width:68%;
	left:0px;
}
.c2_c1_img{
	width:100%;
	height:auto;
}
.c2_c1_img img{
	width:100%;
	height:auto;
}
.c2_c1_do{
	position:absolute;
	top:-75px;left:-2%;
	z-index:1;
}
.c2_c1_do img{
	width:406px;height:180px;
}
.c2_c1_m{display:none;}
.c2_c1_m_sp{
	width:380px;height:73px;
	display:block;
	width:100%;
	padding-top:20px;
}
.c2_c1_sub_img{display:none;}
.c2_c1_sub_sp_img{display:none;	}
.c2_c1_sub_tab_img{
	display:block;	
}
.c2_c1_m_sp img{
	width:100%;
}
.c2_c1_sub{
	width:29%;
	left:0px;
}
.c2_c1_s_img1_tab,.c2_c1_s_img2_tab{
	width:100%;
}
.c2_c1_s_img2_tab{
	padding-top:20px;
}
}
@media only screen and (max-width:768px) {
.c2_c1_wrap{
	padding-top:130px;
	width:100%;
}
.c2_c1_do{
	width:85%;
	top:-24%;
}
.c2_c1_do img{
	width:100%;
	height:auto;	
}
.c2_c1_image{
	width:75%;
}
.c2_c1_m_sp{
	padding-top:2%;
}
.c2_c1_sub{
	width:22%;
	left:0px;
}
.c2_c1_sub_tab_img{
	display:none;	
}	
.c2_c1_sub_sp_img{
	display:block;
	width:100%;
}
.c2_c1_s_img1_sp,
.c2_c1_s_img2_sp{width:100%;}
.c2_c1_s_img2_sp{
	padding-top:10%;	
}
}
@media only screen and (max-width:650px) {
}
@media only screen and (max-width:550px) {
.c2_c1_wrap{padding-top:75px;}
}
@media only screen and (max-width:500px) {
.c2_c1_wrap{padding-top:65px;}
}
@media only screen and (max-width:480px) {
.c2_c1_wrap{padding-top:30px;}
}