@charset "UTF-8";

/*   トップページ（top.css）   */

/* -------------------------------------------------

Main01（会社情報）

------------------------------------------------- */
#Main01 {
	width: 100%;
	margin: 0 0 120px;
	position: relative;
}
@media screen and (max-width: 898px)  {
#Main01 {
	margin: 0 0 80px;
}
}

/* -------------------------------------------------

Main02（お知らせ）

------------------------------------------------- */
#Main02 {
	width: 100%;
	margin: 0 0 120px;
}
@media screen and (max-width: 898px)  {
 #Main02 {
	margin: 0 0 80px;
 }
}

/* -------------------------------------------------

News（お知らせ）

------------------------------------------------- */
.News__wrp	{
	max-width: 1200px;
	width: 100%;
	margin: 0 auto;
	padding: 0 2%;
	position: relative;
}

/* 見出し（h2）
================================================== */
.News__wrp .h2	{
	text-align: center;
	margin-bottom: 50px;
}
@media screen and (max-width: 768px)  {
.News__wrp .h2 img	{
	height: 44px;
}
}
@media screen and (max-width: 480px)  {
.News__wrp .h2	{
	margin-bottom: 30px;
}
.News__wrp .h2 img	{
	height: 30px;
}
}
	
	
/* チラシ画像
================================================== */
/* 写真複数枚 */
.News__column02	{
	max-width: 900px;
 width: 100%;
	margin: 0 auto;
	display: flex;
	justify-content: center;		/* 画像が1枚の場合付加する */
	flex-flow: row wrap;
	text-align: center;
}
@media screen and (max-width: 320px)  {
.News__column02	{
	flex-flow: column wrap;
}
}

/* 横並び2列 */
.News__column02 > figure	{
	width: calc(50% - 15px);
 margin:0 30px 30px 0;
	/*overflow: hidden;*/
}
.News__column02 > figure:nth-child(2n) {
 margin-right: 0;
}
.News__column02 > figure img	{			/* チラシの説明文（figcaptionタグ）がいらない場合は削除　 */
	/*margin-bottom: 10px;*/
}
@media screen and (max-width: 640px)  {
.News__column02 > figure	{
	width: calc(50% - 8px);
 margin:0 15px 15px 0;
}
}
@media screen and (max-width: 480px)  {
.News__column02 > figure	{
	width: 90%;
	margin:0 auto 10px !important;
}
.News__column02 > figure:last-child	{
	margin: 0 auto;
}
}

.News__column02 > figure:hover {
 opacity: 0.7;
 filter: alpha(opacity=70);
 -moz-opacity: 0.7;
	transition: .3s;
	cursor: pointer;
}


/* -------------------------------------------------

Main03（商品紹介）

------------------------------------------------- */
#Main03 {
	width: 100%;
	margin: 0 0 0px;
	
}
@media screen and (max-width: 898px)  {
 #Main03 {
	margin: 0 0 0px;
 }
}


/* -------------------------------------------------

Product（商品紹介）

------------------------------------------------- */
.Product__wrp	{
	width: 100%;
	margin: 0 auto;
	position: relative;
}

/* 見出し（h2）
================================================== */
.Product__box .Title01,
.Product__box .Title02,
.Product__box .Title03,
.Product__box .Title04{
	margin-bottom: 50px;
}
.Product__box .Title01,.Product__box .Title03{
	text-align: right;
}
.Product__box .Title02,.Product__box .Title04{
	text-align: left;
}
@media screen and (min-width: 899px) and (max-width: 1280px) {
.Product__box .Title01,
.Product__box .Title02,
.Product__box .Title03,
.Product__box .Title04{
	margin-bottom: 30px;
}
.Product__box .Title01 img,
.Product__box .Title02 img,
.Product__box .Title04 img{
	height: 56px;
}
.Product__box .Title03 img{
	height: 100px;
}
}
@media screen and (max-width: 898px)  {
.Product__box .Title01,
.Product__box .Title02,
.Product__box .Title03,
.Product__box .Title04{
	text-align: center;
	margin-bottom: 30px;
}
.Product__box .Title01 img,
.Product__box .Title02 img,
.Product__box .Title04 img{
	height: 56px;
}
.Product__box .Title03 img{
	height: 100px;
}
}
@media screen and (max-width: 480px)  {
.Product__box .Title01 img,
.Product__box .Title02 img,
.Product__box .Title04 img{
	height: 36px;
}
.Product__box .Title03 img{
	height: 70px;
}
}

/* 商品紹介（写真+文章）
================================================== */
.Product__box	{
	display: flex;
	justify-content:space-between;
	align-items: center;
}
.Product__box .area	{
	width: 50%;
	position: relative;
}
.Product__box .area.pad_left	{
	padding-left: 200px;
}
.Product__box .area.pad_right	{
	padding-right: 200px;
}
.Product__box .photo_box	{
	width: 50%;
	position: relative;
}
.Product__box .text_box	{
	font-size: 2rem;
	font-weight: 500;
	line-height: 2;
	letter-spacing: 0.2rem
}
.Product__box .text_box .width	{
	max-width: 400px;
	width: 100%;
	text-align: left !important;
	margin-left: auto !important;
}

@media screen and (min-width: 899px) and (max-width: 1280px) {
.Product__box .area.pad_left	{
	padding-left: calc(100% - 94%);
}
.Product__box .area.pad_right	{
	padding-right: calc(100% - 94%);
}
.Product__box .text_box	{
	font-size: 1.8rem;
}
.Product__box .text_box .width	{
	max-width: 360px;
}
.Product__box .photo_box	{
	position: relative;
 overflow: hidden;
 height: 400px;
}	
.Product__box .photo_box img {
	position: absolute;
 top: 50%;
 left: 50%;
 transform: translate(-50%,-50%);
 width: 100%;
 height: 100%;
 object-fit: cover;
}	
.Product__box .photo_box.tourou img{
 object-fit:contain;
}	
}
@media screen and (max-width: 898px)  {
.Product__box	{
	flex-direction: column;
	margin-bottom: 100px;
}
.Product__box:last-child	{
	margin-bottom: 0px;
}
.Product__box .area	{
	width: 100%;
	order: 1;
	margin-bottom: 50px;
}
.Product__box .photo_box	{
	width: 100%;
	order: 2;
}
.Product__box .photo_box	{
	position: relative;
 overflow: hidden;
 height: 400px
}	
.Product__box .photo_box img	{
	position: absolute;
 top: 50%;
 left: 50%;
 transform: translate(-50%,-50%);
 width: 100%;
 height: 100%;
 object-fit: cover;
}	
.Product__box .photo_box.tourou img{
 object-fit:contain;
}	
.Product__box .area.pad_left	{
	padding-left: 0;
}
.Product__box .area.pad_right	{
	padding-right: 0;
}
.Product__box .text_box .width	{
	max-width: 400px;
	width: 100%;
	text-align: center !important;
	margin-left: 0 !important;
	margin: 0 auto !important;
}
.Product__box .text_box	{
	font-size: 1.8rem;
	line-height: 1.8;
}
}
@media screen and (max-width: 480px)  {
.Product__box	{
	margin-bottom: 50px;
}
.Product__box:last-child	{
	margin-bottom: 0px;
}
.Product__box .area	{
	width: 100%;
	order: 1;
	margin-bottom: 50px;
}
.Product__box .photo_box	{
	width: 100%;
	order: 2;
}
.Product__box .photo_box	{
	position: relative;
 overflow: hidden;
 height: 300px
}	
.Product__box .photo_box img	{
	position: absolute;
 top: 50%;
 left: 50%;
 transform: translate(-50%,-50%);
 width: 100%;
 height: 100%;
 object-fit: cover;
}	
.Product__box .photo_box.tourou img{
 object-fit:contain;
}
.Product__box .text_box	{
	font-size: 1.6rem;
}
.Product__box .text_box .width	{
	max-width: 400px;
	width: 100%;
	text-align: center !important;
	margin-left: 0 !important;
	margin: 0 auto !important;
}
}
@media screen and (max-width: 414px)  {
.Product__box .text_box	{
	padding: 0 5%;
}
.Product__box .text_box br	{
	display: none;
}
.Product__box .text_box .width	{
	max-width: 400px;
	width: 100%;
	text-align: left !important;
	margin-left: 0 !important;
	margin: 0 auto !important;
}
}


/* -------------------------------------------------

other（その他）

------------------------------------------------- */