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

@media screen and (min-width: 641px) {
	/* common
	------------------------------------------------------------------------*/
	.main {
		margin-top: -3px;
	}
	.inner {
		width: 1000px;
		margin: 0 auto;
	}

	/* sub_nav
------------------------------------------------------------------------*/
nav.shared02_pc {
	position: relative;
	height: 64px;
	background-image: none;
	z-index: 100;
}
nav.shared02_pc ul {
	width: 900px;
	margin: 0 auto;
}
nav.shared02_pc ul li {
	float: left;
	padding-left: 5px;
}
nav.shared02_sp {
	display: none;
}

	/* contents
	------------------------------------------------------------------------*/
	.contents02 .inner .contents_wrapper .inner_maincontents {
		margin: 20px 0px 0px 0px;
	}
	.contents02 .inner .contents_wrapper .inner_maincontents_img_pc{
		width: 900px;
		height: auto;
		background-image: url("../img/profits_bg.png");
		background-repeat : repeat-y;
		margin-bottom: 0px;
	}
	.contents02 .inner .contents_wrapper .inner_maincontents_img_pc .inner_conntents01{
		width: 855px;
		margin: 40px auto 50px auto;
	}
	.contents02 .inner .contents_wrapper .inner_maincontents_img_pc .inner_conntents02{
		width: 855px;
		margin: 40px auto 30px auto;
	}
	.contents02 .inner .contents_wrapper .inner_maincontents_img_pc .back_btn{
		width: 117px;
		height: 34px;
		margin-left: 760px;
		padding-bottom: 20px;
	}
	.contents02 .inner .contents_wrapper .inner_maincontents_img_sp{
		display: none;
	}

	
	/*
	.contents .btn_area ul.pane_02 {
		float: left;
		width: 490px;
		margin-bottom: 20px;
	}
	
	.contents .btn_area ul.pane_01 li:first-child {
		margin-bottom:15px;
	}
	/*
	.contents .btn_area ul.pane_03 li:first-child {
		float: left;
		margin-right: 12px;
	}
	*/

	/* banner
	------------------------------------------------------------------------*/
/*	.banner {
		text-align: center;
		padding-bottom: 40px;
	}
	.banner p {
		display: inline-block;
	}*/
	.banner {
		width: 1000px;
		margin: 0 auto;
		overflow: hidden;
		position: relative;
		padding-bottom: 40px;
	}
	.banner p {
		float: left;
	}
	.banner p.right {
		margin-left: 8px;
	}
}

@media screen and (max-width: 640px) {
	/* common
	------------------------------------------------------------------------*/
	body, html{
		height: 100%;
	}
	.main {
		padding-bottom: 10%;
	}
    header {
	border-bottom: solid 3px #00A040;
    }
	/* promotion
	------------------------------------------------------------------------*/
	.promotion .slider_pc {
		
	}
	.promotion .bx-viewport, .bx-wrapper{
		position:relative;
		width:100%;
		/*height:30% !important;*/
		top:0;
		left:0;
		border-bottom: solid 3px #00A040;
	}
	/* products
	------------------------------------------------------------------------*/
	.products .products_01 {
		width: 100%;
	}
	.products .products_02 {
		width: 100%;
	}
	.products .products_01 img {
		width: 100%;
	}
	.products .products_02 img {
		width: 100%;
	}
/* sub_nav
------------------------------------------------------------------------*/
nav.shared02_sp {
	height: 140px;
	background-color: #e9ffeb;
	z-index: 100;
	border-bottom: solid 3px #00A040;
}
nav.shared02_sp img {
	width: 45%;
	float: left;
	padding-left: 2%;
	margin-top: 3%;
	margin-left: 1%;
}

nav.shared02_pc {
	display: none;
}
	/* contents
	------------------------------------------------------------------------*/
	.contents02 {
		background: #fff;
		padding: 0% 0;
	}
	.contents02 .inner {
		width: 100%;
		margin: 0 auto;
		position: relative;
	}
	.contents02 .inner .contents_wrapper .inner_maincontents_img_pc{
		display: none;
	}
	.contents02 .inner .contents_wrapper .inner_maincontents_img_sp{
		margin-bottom: 20px;
	}
	
	.contents .btn_area {
		height: auto;
		margin-bottom: 40px;
	}
	.link_01, .link_02, .link_03, .link_04, .link_05 {
		width: 100%;
	}
	.link_02, .link_03, .link_04, .link_05 {
		margin-top: 5%;
	}
	.btn_area ul li img {
		width: 100%;
	}
	.products_pc {
		display: none;
	}

	

	/* banner
	------------------------------------------------------------------------*/
	.banner {
		width: 84.6%;
		margin: 0 auto;
	}

	.news .right_block ul li a:link, .news .right_block ul li a:visited, .news .right_block ul li a:hover, .news .right_block ul li a:active {
		color: #3d0607;
		display: inline;
		text-decoration: none;
	}
	.banner p.right {
		margin-top: 5%;
	}

}