@charset "utf-8";

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

/* ======================================================
	PC用スタイル
====================================================== */
@media screen and (min-width: 941px){


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

#mainvisual_box div #main_copy {
	top:281px;
	left:53px;
	width:577px;
	height:81px;
	background:url(../../hybrid/images/main_catch.png) no-repeat left top;
}
#mainvisual_box ul li a {
	background: #33C1C1;
}
/* ---------------------------------*/
/* 概要*/

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

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

#about_wrapper {
	background:url(../../hybrid/images/construct_bgimg.jpg) no-repeat left top;
}
#about_box {
	position:absolute;
	top:50px;
	left:650px;
	width: 600px;
	padding: 10px 5px 30px 5px;
}
#about_box h2 {
	width: 590px;
	height: 30px;
	background: url(../../hybrid/images/h_construct.png) no-repeat right top;
}
#about_box p {
	margin: 20px 20px 0 0;
}

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

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

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

#question_box {
	border:5px solid rgba(51,193,193,0.8);
}
#question_box dl dt {
	background: url(../../hybrid/images/bg_33C1C1_opa80.png) repeat left top;
	color: #1F7373;
}

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

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


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

#mainvisual_box div #main_copy {
	position:absolute;
	top:140px;
	left:16px;
	width:577px;
	height:81px;
	background:url(../../hybrid/images/main_catch.png) no-repeat left top;
}
#mainvisual_box ul li a {
	background: #33C1C1;
}

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

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

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

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

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

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

#question_box {
	border:5px solid rgba(51,193,193,0.8);
}
#question_box dl dt {
	background: url(../../hybrid/images/bg_33C1C1_opa80.png) repeat left top;
	color: #1F7373;





}