@charset "utf-8";

/* =============================================================================
   header min-width: 768px PC版
   ========================================================================== */
@media screen and (min-width: 768px) {


/**共通***/
body{

}
.pankuzu {
	line-height: 80px;
	font-size: 12px;
}
.pankuzu a {
	color: #F90;
	text-decoration: none;
}



.lower_ch {
	line-height: 120px;
	text-align: center;
	width: 100%;
	font-size: 25px;
	color: #FFFFFF;
	background-color: #FF8400;
	height: 120px;
}
.lower_contetn1050 {
	width: 1050px;
	margin-right: auto;
	margin-left: auto;
}
.lower_contetn_full {
	width: 100%;
}

/***おススメ理由***/
.osusume_bk {
	background-image: url(../img/under01_img07.jpg);
	background-repeat: repeat;
	padding-bottom: 40px;

	
}

.osusume_01 {
	text-align: center;
	padding-top: 40px;
	padding-bottom: 40px;
}
.osusume_02 {
	background-color: #FFF;
	width: 910px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(../img/under01_img08.png);
	background-repeat: no-repeat;
	background-position: left top;
	margin-bottom: 45px;
	font-size: 16px;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
}
.osusume_02_title {
	font-size: 20px;
	font-weight: bold;
	color: #231815;
}
.osusume_02_title b{
	font-size: 20px;
	font-weight: bold;
	color: #FF8400;
}

.osusume_02_txt {
	margin-top: 20px;
	line-height: 1.8;
	/* [disabled]padding-right: 30px; */
}
.osusume_02_txt_left {
	float: left;
	width: 680px;
}
.osusume_02_txt_right {
	float: right;
	width: 200px;
	text-align: right;
}
.osusume_02_txt_right img {
	padding: 1px;
	border: 1px solid #CCC;
}
.osusume_03_txt_01 {
	text-align: center;
	padding-top: 30px;
	padding-bottom: 30px;
}
.osusume_03_txt_02 {
	padding: 20px;
	border: 3px solid #FFA18D;
	border-radius: 10px;
	font-size: 16px;
	line-height: 1.8;
	width: 660px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	z-index: 100;
}
.osusume_03_txt_02 b {
	color: #FFA18D;
}
.osusume_03_txt_03 {
	width: 660px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	z-index: 200;
	text-align: right;
	margin-top: -40px;
}
.osusume_03_txt_04 {
	width: 660px;
	margin-right: auto;
	margin-left: auto;
	position: relative;

}


#acMenu {
	width: 900px;
	margin-right: auto;
	margin-left: auto;
}


#acMenu dt{
	display: block;
	width: 860px;
	height: 50px;
	line-height: 50px;
	border: #666 1px solid;
	cursor: pointer;
	margin: 0px;
	padding-right: 20px;
	padding-left: 20px;
	margin-bottom: 20px;
}
#acMenu dd{
	background: #f2f2f2;
	width: 860px;
	border: #666 1px solid;
	display: none;
	padding: 20px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 40px;
	margin-left: 0px;
}


#acMenu dt b{
	color: #E81839;
	font-size: 18px;
	font-weight: bold;
	padding-right: 10px;
}
#acMenu dd b{
	color: #0066FF;
	font-size: 18px;
	font-weight: bold;
	padding-right: 10px;
}


/***導入事例***/
.dounyu_01 {
	padding: 40px;
	width: 900px;
	margin-right: auto;
	margin-left: auto;

	margin-bottom: 30px;
}
.dounyu_01_left {
	float: left;
	width: 250px;
}
.dounyu_01_right {
	float: left;
	width: 600px;
	padding-left: 30px;
}
.dounyu_01_right_01 {
	font-weight: bold;
	color: #FFF;
	font-size: 14px;
	background-color: #096;
	text-align: center;
	height: 30px;
	margin-right: auto;
	margin-left: auto;
	border-radius: 10px;
	line-height: 30px;
	padding-right: 10px;
	padding-left: 10px;
	width: 80%;
}
.dounyu_01_right_02 {
	padding-top: 20px;
	padding-bottom: 15px;
}
.dounyu_01_right_02 b {
	font-size: 16px;
	font-weight: bold;
}
.dounyu_01_right_04 {
	text-align: right;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #CCC;
	padding-top: 15px;
}
.dounyu_01_right_05 {
	font-size: 16px;
	line-height: 1.8;
	padding: 20px;
	background-color: #FFFFD9;
	border-radius: 10px;
	margin-top: 20px;
	border: 2px dotted #FF8400;
}
.dounyu_01_left img {
	padding: 1px;
	border: 1px solid #CCC;
}
.dounyu_01_right_05_img {
	text-align: center;
	padding-top: 30px;
}
.dounyu_01_right_05_img img {
	padding: 1px;
	border: 1px solid #CCC;
}
.dounyu_01_right_05 b {
	font-size: 20px;
	line-height: 40px;
	font-weight: bold;
	color: #FF8400;

}

.dounyu_01_listbox {
	float: left;
	border: 1px solid #CCC;
	text-align: center;
	width: 300px;
	margin-right: 10px;
	margin-left: 10px;
	padding-top: 20px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
}
.dounyu_01_listbox a {
	text-decoration: none;
}
.dounyu_01_list02 {
	color: #333;
}
.dounyu_01_list03 {
	font-size: 16px;
	line-height: 30px;
	color: #F60;
}

.link_bt a {
	font-size: 14px;
	font-weight: bold;
	color: #FFF;
	text-decoration: none;
	background-color: #F90;
	text-align: center;
	display: block;
	line-height: 40px;
	height: 40px;
	width: 200px;
	margin-right: auto;
	margin-left: auto;
}
.link_bt a:hover {
opacity: .5;
-webkit-opacity: .5;
-moz-opacity: .5;
filter: alpha(opacity=50);	/* IE lt 8 */
-ms-filter: "alpha(opacity=50)"; /* IE 8 */
}


/***調理方法***/
.howto_01 {
	text-align: center;
	width: 900px;
	margin-right: auto;
	margin-left: auto;
}
.howto_02 {
	padding-top: 60px;
	margin-top: 60px;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #CCC;
}
.howto_02_left {
	float: left;
	width: 400px;
	padding-right: 50px;
}
.howto_02_right {
	float: left;
	width: 560px;
}
.howto_02_01 {

	text-align: center;
	font-size: 22px;
	font-weight: bold;
	color: #F90;
	padding-top: 70px;
	line-height: 1.8;
	
	
}
.howto_02_02 {
	background-color: #FFFBC7;
	padding: 10px;
	font-size: 16px;
	
}

.flow_box {
	width: 800px;
	margin-right: auto;
	margin-left: auto;
}
.flow_box_left {
	background-color: #A3D900;
	float: left;
	height: 185px;
	width: 200px;
	text-align: center;
	padding-top: 15px;
}
.flow_box_left_01 {
	font-size: 30px;
	font-weight: bold;
	color: #fff;
}
.flow_box_left_02 {
	border: 1px solid #FFF;
	background-color: #FFF;
	color: #5F7D00;
	font-size: 25px;
	line-height: 35px;
	width: 165px;
	height: 35px;
	border-radius: 10px;
	display: block;
	margin-bottom: 15px;
	margin-right: auto;
	margin-left: auto;
	font-weight: bold;
}


.flow_box_left_03 {
	font-size: 12px;
	color: #000;
}
.flow_box_center {
	float: left;
	height: 200px;
	width: 290px;
	padding-left: 30px;
}
.flow_box_right {
	float: right;
}

.flow_box_txt {
	font-size: 16px;
	line-height: 1.8;
	padding-top: 20px;
	padding-bottom: 20px;
		text-align: left;
}

.flow_yajirushi {
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 20px 30px 0 30px;
	border-color: #adadad transparent transparent transparent;
	text-align: center;
	margin-top: 40px;
	margin-bottom: 40px;
	margin-right: auto;
	margin-left: auto;
}
.flow_box_center_b {
	font-size: 16px;
	line-height: 1.8;
	text-align: left;
	float: left;
	padding-left: 20px;
		width: 500px;
}
/***ラインナップ***/

.lineup_01 {
	width: 930px;
	margin-left: auto;
	margin-right: auto;
		margin-bottom: 80px;
}


.lineup_01_01 {
	font-size: 22px;
	font-weight: bold;
	line-height: 30px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #F90;
	margin-bottom: 40px;
}
.lineup_01_02 {
	margin-bottom: 20px;
}

.lineup_01_02 .lineup_01_02_left_a a #sp_img {
	width:300px;
}
.lineup_01_02 .lineup_01_02_left_b a #sp_img {
	width:300px;
}
.lineup_01_02 .lineup_01_02_left_c a #sp_img {
	width:300px;
}

.lineup_01_02_left {
}
.lineup_01_02_left_a {
	float: left;
	width: 300px;
}
.lineup_01_02_left_b {
	float: left;
	width: 300px;
	margin-left: 15px;
	margin-right: 15px;
}
.lineup_01_02_left_c {
	float: left;
	width: 300px;
	margin-bottom: 40px;
}
.lineup_01_02_left_a_c {
	margin-bottom: 40px;
	text-align: center;
}

.lineup_01_02_right_a {
 display:block;
 clear:both;

}
.lineup_01_03 {
	background-color: #FFFBC7;
	border: 2px dotted #FF8400;
	padding: 40px;
		border-radius: 10px;
}
.lineup_01_03_01 {
	font-size: 16px;
	line-height: 39px;
	font-weight: bold;
	color: #333;
	background-image: url(../img/under04_img01.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 50px;
}
.lineup_01_03_02 {
	padding: 15px;
}

.lineup_03 {
	padding: 20px;
	font-size: 16px;
	line-height: 1.8;
	background-color: #F6F6F6;
	margin-bottom: 60px;
}

.lineup_01_02_left img {
	padding: 1px;
	border: 1px solid #CCC;

}

.lineup_01_02_left_a_txt01 {
	line-height: 30px;
	font-weight: bold;
	color: #F93;
}

.lineup_01_02_left_a_txt02 {
	text-align: right;
}

.lineup_01_02_right_a {
	padding: 20px;

	font-size: 16px;
	line-height: 1.8;
	margin-top: 30px;
}

.lineup_01_02_right_midashi {
	font-size: 25px;
	line-height: 45px;
	color: #F60;
}


/***会社概要***/

.company_01 {
	padding: 40px;
}
.company_01_01 {
	font-size: 16px;
	line-height: 50px;
	font-weight: bold;
}
.company_01_02 {
	font-weight: bold;
	color: #666;
}
.company_01_03 {
	margin-bottom: 20px;
}

}




/* =============================================================================
   header max-width: 767px
   ========================================================================== */
   
@media screen and (max-width: 767px) {


/**共通***/
body{

}
.pankuzu {
	line-height: 80px;
	font-size: 12px;
}
.pankuzu a {
	color: #F90;
	text-decoration: none;
}



.lower_ch {
	line-height: 120px;
	text-align: center;
	width: 100%;
	font-size: 25px;
	color: #FFFFFF;
	background-color: #FF8400;
	height: 120px;
}
.lower_contetn1050 {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	
}
.lower_contetn_full {
	width: 100%;
}

/***おススメ理由***/
.osusume_bk {
	background-image: url(../img/under01_img07.jpg);
	background-repeat: repeat;
	padding-bottom: 40px;

}

.osusume_01 {
	text-align: center;
	padding-top: 40px;
	padding-bottom: 40px;
}
.osusume_02 {
	background-color: #FFF;
		padding-right: 10px!important;
	padding-left: 10px!important;
	margin-right: auto;
	margin-left: auto;
	background-image: url(../img/under01_img08.png);
	background-repeat: no-repeat;
	background-position: left top;
	margin-bottom: 45px;
	font-size: 16px;
	padding-top: 30px;
	padding-bottom: 20px;

}
.osusume_02_title {
	font-size: 20px;
	font-weight: bold;
	color: #231815;
}
.osusume_02_title b{
	font-size: 20px;
	font-weight: bold;
	color: #FF8400;
}

.osusume_02_txt {
	margin-top: 20px;
	line-height: 1.8;
	/* [disabled]padding-right: 30px; */
}
.osusume_02_txt_left {
	width: 100%;
}
.osusume_02_txt_right {
	width: 100%;
	text-align: right;
}
.osusume_02_txt_right img {
	padding: 1px;
	border: 1px solid #CCC;
}
.osusume_03_txt_01 {
	text-align: center;
	padding-top: 30px;
	padding-bottom: 30px;
}
.osusume_03_txt_02 {
	padding: 20px;
	border: 3px solid #FFA18D;
	border-radius: 10px;
	font-size: 16px;
	line-height: 1.8;
	width: 100%x;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	z-index: 100;
}
.osusume_03_txt_02 b {
	color: #FFA18D;
}
.osusume_03_txt_03 {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	text-align: center;
}
.osusume_03_txt_04 {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	position: relative;

}


#acMenu {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
}


#acMenu dt{
	display: block;
	width: 95%;
	border: #666 1px solid;
	cursor: pointer;
	margin: 0px;
	margin-bottom: 20px;
}
#acMenu dd{
	width: 95%;
	background: #f2f2f2;
	border: #666 1px solid;
	display: none;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 40px;
	margin-left: 0px;
}


#acMenu dt b{
	color: #E81839;
	font-size: 16px;
	font-weight: bold;
	padding-right: 10px;
}
#acMenu dd b{
	color: #0066FF;
	font-size: 14px;
	font-weight: bold;
	padding-right: 10px;
}


/***導入事例***/
.dounyu_01 {
	width: 100%;
	margin-right: auto;
	margin-left: auto;

	margin-bottom: 30px;
}
.dounyu_01_left {
	width: 100%;
	text-align: center;
	
	
}
.dounyu_01_right {
	width: 100%;
}
.dounyu_01_right_01 {
	font-weight: bold;
	color: #FFF;
	font-size: 14px;
	background-color: #096;
	text-align: center;
	height: 30px;
	margin-right: auto;
	margin-left: auto;
	border-radius: 10px;
	line-height: 30px;
	width: 100%;
}
.dounyu_01_right_02 {
	padding-top: 20px;
	padding-bottom: 15px;
		text-align: center;
}

.dounyu_01_right_03 {
	padding-top: 20px;
	padding-bottom: 15px;
		text-align: center;
}

.dounyu_01_right_02 b {
	font-size: 16px;
	font-weight: bold;
}
.dounyu_01_right_04 {
	text-align: right;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #CCC;
	padding-top: 15px;

}
.dounyu_01_right_05 {
	font-size: 16px;
	line-height: 1.8;
	padding: 20px;
	background-color: #FFFFD9;
	border-radius: 10px;
	margin-top: 20px;
	border: 2px dotted #FF8400;
}
.dounyu_01_left img {
	padding: 1px;
	border: 1px solid #CCC;
}
.dounyu_01_right_05_img {
	text-align: center;
	padding-top: 30px;
}
.dounyu_01_right_05_img img {
	padding: 1px;
	border: 1px solid #CCC;
}
.dounyu_01_right_05 b {
	font-size: 20px;
	line-height: 40px;
	font-weight: bold;
	color: #FF8400;

}

.dounyu_01_listbox {
	border: 1px solid #CCC;
	text-align: center;
	width: 90%;
	margin-right: 10px;
	margin-left: 10px;
	padding-top: 20px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
		margin-bottom: 30px;
}
.dounyu_01_listbox a {
	text-decoration: none;

	
}
.dounyu_01_list02 {
	color: #333;
}
.dounyu_01_list03 {
	font-size: 16px;
	line-height: 30px;
	color: #F60;
}

.link_bt a {
	font-size: 14px;
	font-weight: bold;
	color: #FFF;
	text-decoration: none;
	background-color: #F90;
	text-align: center;
	display: block;
	line-height: 40px;
	height: 40px;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
}
.link_bt a:hover {
opacity: .5;
-webkit-opacity: .5;
-moz-opacity: .5;
filter: alpha(opacity=50);	/* IE lt 8 */
-ms-filter: "alpha(opacity=50)"; /* IE 8 */
}


/***調理方法***/
.howto_01 {
	text-align: center;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
}
.howto_02 {
	padding-top: 30px;
	margin-top: 30px;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #CCC;
}
.howto_02_left {
	width: 100%;
	padding-right: 50px;
}
.howto_02_right {
	width: 100%;
}
.howto_02_01 {

	text-align: center;
	font-size: 18px;
	font-weight: bold;
	color: #F90;
	padding-top: 40px;
	line-height: 1.8;
	
	
}
.howto_02_02 {
	background-color: #FFFBC7;
	padding: 10px;
	font-size: 16px;
}

.flow_box {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
}
.flow_box_left {
	background-color: #A3D900;
	width: 100%;
	text-align: center;
	padding-top: 15px;
}
.flow_box_left_01 {
	font-size: 20px;
	font-weight: bold;
	color: #FFF;
}
.flow_box_left_02 {
	border: 1px solid #FFF;
	background-color: #FFF;
	color: #5F7D00;
	font-size: 20px;
	line-height: 35px;
	width: 90%;
	border-radius: 10px;
	display: block;
	margin-bottom: 15px;
	margin-right: auto;
	margin-left: auto;
	font-weight: bold;
}


.flow_box_left_03 {
	font-size: 14px;
	color: #000;
}


.flow_box_center {
	margin-top: 15px;
	text-align: center;
	width: 100%;

}
.flow_box_right {
display:none;
}

.flow_box_txt {
	font-size: 14px;
	line-height: 1.6;
	padding-top: 20px;
	padding-bottom: 20px;
		padding-right: 10px!important;
	padding-left: 10px!important;


}

.flow_yajirushi {
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 30px 60px 0 60px;
	border-color: #adadad transparent transparent transparent;
	text-align: center;
	margin-top: 40px;
	margin-bottom: 40px;
	margin-right: auto;
	margin-left: auto;
}
.flow_box_center_b {
	font-size: 14px;
	line-height: 1.6;
	width: 100%;
}
/***ラインナップ***/

.lineup_01 {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
		margin-bottom: 80px;
}


.lineup_01_01 {
	font-size: 22px;
	font-weight: bold;
	line-height: 30px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #F90;
	margin-bottom: 40px;
}
.lineup_01_02 {
	margin-bottom: 20px;
}
.lineup_01_02_left {
}
.lineup_01_02_left_a {
	width: 100%;
	text-align: center;

}
.lineup_01_02_left_b {
	width: 100%;
	text-align: center;

}
.lineup_01_02_left_c {
	width: 100%;
	text-align: center;

	margin-bottom: 40px;
}
.lineup_01_02_left_a_c {
	margin-bottom: 40px;
	text-align: center;
}

.lineup_01_02_right_a {
 display:block;
 clear:both;

}
.lineup_01_03 {
	background-color: #FFFBC7;
	border: 2px dotted #FF8400;
	padding: 40px;
		border-radius: 10px;
}
.lineup_01_03_01 {
	font-size: 16px;
	line-height: 39px;
	font-weight: bold;
	color: #333;
	background-image: url(../img/under04_img01.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 50px;
}
.lineup_01_03_02 {
	padding: 15px;
}

.lineup_03 {
	padding: 20px;
	font-size: 16px;
	line-height: 1.8;
	background-color: #F6F6F6;
	margin-bottom: 60px;
}

.lineup_01_02_left img {
	padding: 1px;
	border: 1px solid #CCC;

}

.lineup_01_02_left_a_txt01 {
	line-height: 30px;
	font-weight: bold;
	color: #F93;
}

.lineup_01_02_left_a_txt02 {
	text-align: right;
}

.lineup_01_02_right_a {
	padding: 20px;

	font-size: 16px;
	line-height: 1.8;
	margin-top: 30px;
}

.lineup_01_02_right_midashi {
	font-size: 25px;
	line-height: 45px;
	color: #F60;
}


/***会社概要***/

.company_01 {
	padding: 40px;
}
.company_01_01 {
	font-size: 16px;
	line-height: 50px;
	font-weight: bold;
}
.company_01_02 {
	font-weight: bold;
	color: #666;
}
.company_01_03 {
	margin-bottom: 20px;
}

}