@charset "UTF-8";
/* CSS Document */

@media screen and (min-width: 751px){
.sub_contents {
	clear: both;
	width: 924px;
	height: auto;
	margin: 0 auto;
	padding: 0;
	display: block;
}
/* main contents frame left ↓↓↓ */
.contents_left {
	float: left;
	width: 698px;
	height: auto;
	margin: 0 0 30px;
	padding: 0;
	border: 1px solid #666;
	display: block;
}
	
.content_prodacts_infomation_bord{
	width: 618px !important;
	height: auto !important;
	margin:10px 20px 25px !important;
	padding: 10px 15px !important;
	color:#333;
	font-size:18px;
	line-height:24px;
	background-color:#FF8200 !important;
	border-radius: 5px;
	display: block !important;
}
.content_prodacts_infomation_bord span{
	width: auto !important;
	height: auto !important;
	margin:0px 0px !important;
	padding: 0px 0px !important;
	color:#FFF;
	font-weight: bold;
	font-size:21px;
	line-height:24px;
	display: inline-block !important;
}

.pro_03_img_01 {
	width: 698px;
	height: 300px;
	margin: 0 0 10px;
	padding: 0;
	background: url(../img/pro_03/pro_03_img_01.jpg) no-repeat center center;
	display: block;
}
.pro_03_img_02 {
	width: 640px;
	height: 220px;
	margin: 0 0 10px;
	padding: 10px 29px 0;
	background: url(../img/pro_03/pro_03_img_02.jpg) no-repeat 120px center;
	background-size: contain;
	display: block;
}
.pro_03_img_04{
	width: 640px;
	height: 220px;
	margin: 0 0 10px;
	padding: 10px 29px 0;
	background: url(../img/pro_03/pro_03_img_04.jpg) no-repeat 120px center;
	background-size: contain;
	display: block;
}
.pro_03_img_05{
	width: 640px;
	height: 220px;
	margin: 0 0 10px;
	padding: 10px 29px 0;
	background: url(../img/pro_03/pro_03_img_05.jpg) no-repeat 80px center;
	background-size: contain;
	display: block;
}
.pro_03_description_01 {
	clear: both;
	width: 580px;
	height: auto;
	margin: 0 59px 5px;
	padding: 0;
	display: block;
}
.pro_03_description_01 h3{
	text-align: left !important;
}
.pro_03_img_03 {
	width: 698px;
	height: 386px;
	margin: 0 0 10px;
	padding: 0;
	background: url(../img/pro_03/pro_03_img_03.jpg) no-repeat center center;
	display: block;
}

.pro_03_description_02 {
	clear: both;
	width: 580px;
	height: auto;
	margin: 0 59px 5px;
	padding: 0;
	display: block;
}
.pro_03_name_01{
	width:100%;
	height:auto;
	margin:0 auto 10px;
	padding:0 ;
	text-align: center;
	color:#333;
	font-size:18px;
	line-height:18px;
	font-weight: bold;
	display: block;
	overflow: hidden;
	font-family: "Sawarabi Mincho";
}
.pro_03_name_02{
	width:auto;
	height:auto;
	margin:0;
	padding:4px 0 0 ;
	color:#333;
	text-align: left;
	font-size:14px;
	line-height:14px;
	font-weight: bold;
	display: inline;
	font-family: "Sawarabi Mincho";
}
/* main contents frame left ↑↑↑ */

}

@media screen and (max-width: 750px){
.sub_contents{
	clear:both;
	width:100vw;
	height:auto;
	margin:0 auto;
	padding: 0;
	display: block;
}


/* main contents frame left ↓↓↓ */
.contents_left {
	clear: both;
	width:90vw;
	height:auto;
	margin: 0 auto 30px;
	padding: 0;
	border-top:0.5vw solid #666;
	border-bottom:0.5vw solid #666;
	display: block;
}

.content_prodacts_infomation_bord{
	width: 84vw !important;
	height: auto !important;
	margin:5vw 0 10vw !important;
	padding: 2vw 3vw !important;
	color:#333;
	font-size:3vw;
	line-height:4.5vw;
	background-color:#FF8200 !important;
	border-radius: 2vw;
	display: block !important;
}
.content_prodacts_infomation_bord span:first-child{
	font-weight: normal;
	font-size:3vw;
}
.content_prodacts_infomation_bord span{
	width: auto !important;
	height: auto !important;
	margin:0 !important;
	padding: 0!important;
	color:#FFF;
	font-weight: bolder;
	font-size:4vw;
	line-height:4.5vw;
	display: inline-block !important;
}	
	
.pro_03_img_01 {
	width: 90vw;
	height: auto;
	margin: 0;
	padding:38vw 0 0 0;
	background: url(../img/pro_03/pro_03_img_01.jpg) no-repeat top;
	background-size:90vw auto;
	display: block;
}
.pro_03_img_02 {
	width: 90vw;
	height: auto;
	margin: 0 ;
	padding: 128vw 0 0 0;
	background: url(../img/pro_03/pro_03_img_02.jpg) no-repeat top;
	background-size:90vw auto;
	display: block;
}
.pro_03_img_04{
	width: 90vw;
	height: auto;
	margin: 0;
	padding:115vw 0 0 0;
	background: url(../img/pro_03/pro_03_img_04.jpg) no-repeat top;
	background-size:90vw auto;
	display: block;
}
.pro_03_img_05{
	width: 90vw;
	height: auto;
	margin: 0 0 10px;
	padding: 65vw 0 0 0;
	background: url(../img/pro_03/pro_03_img_05.jpg) no-repeat top ;
	background-size:90vw auto;
	display: block;
}
.pro_03_description_01 {
	clear: both;
	width: 90vw;
	height: auto;
	margin: 0 auto 5px;
	padding: 0;
	display: block;
}
.pro_03_description_01 h3{
	text-align: left !important;
}
.pro_03_img_03 {
	width: 90vw;
	height: auto;
	margin: 0;
	padding: 64vw 0 0 0;
	background: url(../img/pro_03/pro_03_img_03.jpg) no-repeat top;
	background-size:90vw auto;
	display: block;
}

.pro_03_description_02 {
	clear: both;
	width: 90vw;
	height: auto;
	margin: 0 auto 5px;
	padding: 0;
	display: block;
}
.pro_03_name_01{
	width:100%;
	height:auto;
	margin:0 auto 10px;
	padding:0 ;
	text-align: center;
	color:#333;
	font-size:12px;
	line-height:12px;
	font-weight: bold;
	display: block;
	overflow: hidden;
	font-family: "Sawarabi Mincho";
}
.pro_03_name_02{
	width:auto;
	height:auto;
	margin:0;
	padding:4px 0 0 ;
	color:#333;
	text-align: left;
	font-size:14px;
	line-height:14px;
	font-weight: bold;
	display: inline;
	font-family: "Sawarabi Mincho";
}
/* main contents frame left ↑↑↑ */

}