@charset "utf-8";

@import url("./init.css");

/* ======================================================
	PC用スタイル
====================================================== */

@media screen and (min-width: 941px){

/* ---------------------------------*/
/*メインビジュアル*/

#ondolfilm #mainvisual_box div #main_copy {
	top:280px;
	left:50px;
	width:379px;
	height:80px;
	background:url(../../ondolfilm/images/main_catch.png) no-repeat left top;
}
#ondolfilm #mainvisual_box ul li a{
	background: #C2E0FF;
}
/* ---------------------------------*/
/*オンドルフィルム 概要*/

#outline_wrapper {
	background:url(../../ondolfilm/images/bg_C2E0FF_opa30.png) repeat left top;
}

/* ---------------------------------*/
/*オンドルフィルムの仕組み*/

#about_wrapper {
	background:url(../../ondolfilm/images/construct_bgimg.jpg) no-repeat left top;
}
#about_box {
	position:absolute;
	top:215px;
	left:150px;
	width: 550px;
	padding: 10px 20px 30px 20px;
	background: #fff;
	border:5px solid #fff;
	background-color: rgba(255, 255, 255, 0.9);
}
#about_box h2 {
	width:384px;
	height: 36px;
	background: url(../../ondolfilm/images/h_construct.png) no-repeat left top;
}
#about_box p {
	width: auto;
	margin: 10px 20px 0 0;
}

/* ---------------------------------*/
/*３つのメリット*/

#merit_wrapper {
	background:url(../../ondolfilm/images/bg_C2E0FF_opa30.png) repeat left top;
}

/* ---------------------------------*/
/*よくあるご質問*/

#question_box {
	border:5px solid rgba(194,224,255,0.8);
}
#question_box dl dt {
	background: url(../../ondolfilm/images/bg_C2E0FF_opa80.png) repeat left top;
	color: #006AD4;
}
/* ---------------------------------*/
/*工事の流れ*/

#flow_box h3{
	display:block;
	margin:0 0 0 310px;
}



}
/* ======================================================
	スマートフォン用スタイル
====================================================== */

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


/* ---------------------------------*/
/*メインビジュアル*/

#mainvisual_box div #main_copy {
	position:absolute;
	top:140px;
	left:16px;
	width:379px;
	height:80px;
	background:url(../../ondolfilm/images/main_catch.png) no-repeat left top;
}
#mainvisual_box ul li a {
	background: #C2E0FF;
}

/* ---------------------------------*/
/* 概要*/
#outline_wrapper {
	background:url(../../ondolfilm/images/bg_C2E0FF_opa30.png) repeat left top;
}

/* ---------------------------------*/
/*仕組み*/

#about_wrapper {
	position:relative;
	margin:20px auto 0 auto;
	padding:1px 0 20px 0;
	width: 640px;
	background:url(../../ondolfilm/images/construct_bgimg.jpg) no-repeat center top;
	background-size: contain;
}
#about_box h2 {
	position:absolute;
	top:40px;
	left:16px;
	width:384px;
	height: 36px;
	background: url(../../ondolfilm/images/h_construct.png) no-repeat left top;
}

/* ---------------------------------*/
/*３つのメリット*/

#merit_wrapper {
	padding: 30px 0 57px 0;
	background:url(../../ondolfilm/images/bg_C2E0FF_opa30.png) repeat left top;
}

/* ---------------------------------*/
/*よくあるご質問*/

#question_box {
	border:5px solid rgba(194,224,255,0.8);
}
#question_box dl dt {
	background: url(../../ondolfilm/images/bg_C2E0FF_opa80.png) repeat left top;
	color: #006AD4;









}