@charset "utf-8";

@import url(https://fonts.googleapis.com/earlyaccess/notosansjapanese.css);
@import url(https://fonts.googleapis.com/css2?family=Noto+Serif+JP);

*{
 padding             : 0;
 margin              : 0;
}

html{
 font-size           : 62.5%;
 line-height         : 140%;
 height              : 100%;
 padding             : 0 0 0 0 !important;
}

body {
 margin              : 0;
 padding             : 0;
 height              : 100%;
 font-family         : "Noto Serif JP", "游明朝", "Yu Mincho", YuMincho, serif;
/* font-family         : 'Noto Sans Japanese','Meiryo',Arial,sans-serif; */
/* font-family         : "M PLUS Rounded 1c", sans-serif; */
 letter-spacing      : 0.05em;
 color               : #262525; /*#3e3a39;*/
}

img {
 max-width           : 100%;
 border              : 0;
 vertical-align      : bottom;
}
img {
 image-rendering     : -webkit-optimize-contrast;
}
a{
 text-decoration     : none;
 color               : #3e3a39;
}
a:hover{
 text-decoration     : underline;
 color               : #b71c25;
}
a img {
 border-top-style    : none;
 border-right-style  : none;
 border-bottom-style : none;
 border-left-style   : none;
}

a:hover img{
 opacity             : 0.5;
 filter              : alpha(opacity=50);
 -moz-opacity        : 0.5;
 -ms-filter          : "alpha(opacity=50)";
 background-color    : rgba(255, 255, 255, 0);
 margin              : 0 0 0 0 !important;
}

a img{
 opacity             : 1;
 filter              : alpha(opacity=100);
 -moz-opacity        : 1;
 -ms-filter          : "alpha(opacity=100)";
 -webkit-transition  : 0.2s;
 -moz-transition     : 0.2s;
 -o-transition       : 0.2s;
 -ms-transition      : 0.2s;
 transition          : 0.2s;
}

.clear-both{
 clear               : both;
}


a[href^="tel:"]{
 pointer-events      : none;
}

.codepc{ display     : inline; }
.codesp{ display     : none; }

.side_btn {
 position            : fixed;
 top                 : 150px;
 right               : 0;
 z-index             : 9999;
}

#page-top{
 position            : fixed;
 bottom              : 5vw;
 right               : 3vw;
 z-index             : 9998;
}
#page-top img{
 width               : 6vw;
}

ruby{
 ruby-position       : under;
}

.polul li {
 text-align          : justify;
 padding             : 0 0 0 0;
 width               : 90%;
 margin              : 0 5% 0 5%;
}
.polul {
 margin              : -2em 0 2em 0;
}




/*-------------------------------------------
ヘッダ
-------------------------------------------*/
header{
 float               : left;
 display             : inline;
 width               : 100%;
 font-size           : 1vw;
 z-index             : 9999 !important;
 position            : relative;
}
header:after {
 content             : "";
 display             : block;
 clear               : both;
}

header .logo{
 float               : left;
 display             : inline;
 width               : 24vw;
}

header .headmenu{
 float               : left;
 display             : inline;
 width               : 74vw;
 padding             : 1em 0 0 0;
 text-align          : right;
}
header .headmenusp{
 display             : none;
}



/*-------------------------------------------
HOME メインビジュアル
-------------------------------------------*/
.home_mainv{
 float               : left;
 display             : inline;
 width               : 100%;
 height              : 40vw;
 margin              : -1.5vw 0 10vw 0;
 position            : relative;
 overflow            : hidden;
}
.home_mainv img{
 width               : 100%;
}
.home_mainv video{
 position            : absolute;
 top : 0;
 width               : 100%;
}
.home_mainv .eff {
 background-image    : url(../img/mbg.png);
 position            : absolute;
 top                 : 0%;
 left                : 0%;
 z-index             : 1;
 width               : 100%;
 height              : 40vw;
}
.home_mainv .copy {
 font-size           : 3vw;
 line-height         : 160%;
 position            : absolute;
 top                 : 50%;
 left                : 50%;
 z-index             : 1;
 transform           : translate(-50%,-50%);
 color               : #ffffff;
}
.home_mainv .copy p{
 font-size           : 1.3vw;
}


/*-------------------------------------------
フッター
-------------------------------------------*/
#footer{
 float               : left;
 display             : inline;
 width               : 100%;
 text-align          : center;
 font-size           : 1.1vw;
 padding             : 2vw 0 10vw 0;
 background          : #E46100;
 color               : #ffffff;
}
#footer:after{
 content             : "";
 display             : block;
 clear               : both;
}
#footer p a{
 color               : #ffffff;
}
#footer p a:hover{
 color               : #ffffff;
 text-decoration     : underline;
}



/*-------------------------------------------
イメージエリア
-------------------------------------------*/
.imgarea01 {
 float               : left;
 display             : inline;
 width               : 100%;
 margin              : 0vw 0 10vw 0;
}
.imgarea01 img {
 width               : 100%;
}

.contgmap{
 float               : left;
 display             : inline;
 width               : 98%;
 margin              : 5vw 1% 10vw 1%;
}
.gmap {
 float               : left;
 display             : inline;
 position            : relative;
 width               : 100%;
 padding-top         : 30%;
 height              : 0;
 overflow-y          : hidden;
}
.gmap iframe {
 position            : absolute;
 top                 : -70px;
 left                : -5px;
 width               : 100%;
 height              : calc(100% + (70px));
/* pointer-events      : none;*/
}

/*-------------------------------------------
文字関連
-------------------------------------------*/

h1{ font-size : 1.8vw; margin : 0 0 2em 0; line-height : 160%;}
h2{ font-size : 1.6vw; margin : 0 0 2em 0; line-height : 160%;}
h3{ font-size : 1.4vw; margin : 0 0 1em 0; line-height : 160%;}

p{
 width               : 100%;
 margin              : 0 0 1em 0;
}
.pol{
 width               : 100%;
 margin              : 0 0 3em 0;
}


.textC{
 width               : 100%;
 text-align          : center;
}
.textL{
 width               : 100%;
 text-align          : left;
}
.txttel{
 font-size           : 3.5vw;
 margin              : 0 0 0 0;
 line-height         : 160%;
 width               : 100%;
 text-align          : center;
}


/*-------------------------------------------
コンテンツ
-------------------------------------------*/

.cont00{
 float               : left;
 display             : inline;
 width               : 70%;
 margin              : 0 15% 0 15%;
 font-size           : 1.3vw;
 line-height         : 160%;
 text-align          : justify;
}
.cont00B{
 float               : left;
 display             : inline;
 width               : 70%;
 margin              : 10vw 15% 0 15%;
 font-size           : 1.3vw;
 line-height         : 160%;
 text-align          : justify;
}
.cont01{
 float               : left;
 display             : inline;
 width               : 70%;
 margin              : 0 15% 10vw 15%;
 font-size           : 1.3vw;
 line-height         : 160%;
 text-align          : justify;
}
.cont02 {
 float               : left;
 display             : flex;
 width               : 100%;
 margin              : 0 0% 10vw 0%;
 justify-content     : center;
 gap                 : 5vw;
 font-size           : 1.3vw;
 line-height         : 160%;
 text-align          : justify;
}
.cont02-item {
 display             : flex;
 width               : calc(100% / 2 - 15vw);
 flex-direction      : column;
}
.cont02-item p{
 width               : 100%;
 padding             : 1vw 0% 1vw 0%;
 border-top          : 1px solid #3e3a39;
 flex-grow           : 1;
}
.cont02-item img{
 width               : 100%;
 margin              : 3vw 0% 0 0%;
}

/*カット野菜の例*/
.vegsamp {
 float               : left;
 display             : flex;
 width               : 90%;
 margin              : -5vw 5% 10vw 5%;
 justify-content     : center;
 gap                 : 5vw;
 font-size           : 1.3vw;
 line-height         : 160%;
 text-align          : justify;
 flex-wrap           : wrap;
}
.vegsamp-item {
 width               : calc(100% / 3 - 10vw);
 display             : flex;
 flex-direction      : column;
}
.vegsamp-item p{
 width               : 100%;
 padding             : 0.5vw 0% 0vw 0%;
 border-top          : 1px solid #3e3a39;
 flex-grow           : 1;
}
.vegsamp-item img{
 width               : 100%;
 margin              : 2vw 0% 1vw 0%;
}

/*流れ*/
.flow {
 float               : left;
 display             : flex;
 width               : 100%;
 margin              : -5vw 0% 5vw 0%;
 justify-content     : center;
 gap                 : 5vw;
 font-size           : 1.3vw;
 line-height         : 160%;
 text-align          : justify;
 flex-wrap           : wrap;
}
.flow-item {
 width               : calc(100% / 4 - 8vw);
 display             : flex;
 flex-direction      : column;
 border              : 1px solid #cccccc;
 text-align          : center;
 border-radius       : 1000vw;
 padding             : 2.5em 0 3.5em 0;
}
.flow-item strong{
 font-size           : 1.6vw;
 padding             : 0 0 0.5em 0;
}

/*概要*/
.gaiyo{
 float               : left;
 display             : inline;
 width               : 70%;
 margin              : 0 15% 5vw 15%;
 font-size           : 1.3vw;
 line-height         : 160%;
 text-align          : justify;
}
.gaiyo .pic{
 float               : right;
 display             : inline;
 width               : 50%;
}
.gaiyo .pic img{
 width               : 100%;
}
.gaiyo .txt{
 float               : right;
 display             : inline;
 width               : 45%;
 margin              : 0 5% 0 0;
}
.gaiyo .txt strong{
 display             : block;
 width               : 100%;
 padding             : 0 0 1em 0;
 font-size           : 1.5vw;
}

.gaiyo .cell{
 float               : left;
 display             : inline;
 width               : 100%;
 padding             : 1em 0 1em 0;
 border-bottom       : 1px dotted #cccccc;
}
.gaiyo .cell01{
 float               : left;
 display             : inline;
 width               : 30%;
}
.gaiyo .cell02{
 float               : left;
 display             : inline;
 width               : 70%;
}

/*概要*/
.gaiyo2{
 float               : left;
 display             : inline;
 width               : 80%;
 margin              : 0 10% 5vw 10%;
 font-size           : 1.3vw;
 line-height         : 160%;
 text-align          : justify;
}
.gaiyo2 .pic{
 float               : left;
 display             : inline;
 width               : 48%;
 margin              : 0 1% 5vw 1%;
}
.gaiyo .pic img{
 width               : 100%;
}
.gaiyo2 .txt{
 float               : left;
 display             : inline;
 width               : 29%;
 margin              : 0 2% 0 2%;
}
.gaiyo2 .txt strong{
 display             : block;
 width               : 100%;
 padding             : 0 0 1em 0;
 font-size           : 1.4vw;
}

.gaiyo2 .cell{
 float               : left;
 display             : inline;
 width               : 100%;
 padding             : 1em 0 1em 0;
 border-bottom       : 1px dotted #cccccc;
}
.gaiyo2 .cell01{
 float               : left;
 display             : inline;
 width               : 30%;
}
.gaiyo .cell02{
 float               : left;
 display             : inline;
 width               : 70%;
}

/*お問い合わせ*/
.contact{
 float               : left;
 display             : inline;
 width               : 70%;
 margin              : 5vw 15% 10vw 15%;
 font-size           : 1.3vw;
 line-height         : 160%;
 text-align          : justify;
}



/*-------------------------------------------
詳しく見る
-------------------------------------------*/

a.btn_link{
 display             : inline-block;
 width               : 79%;
 margin              : 0 10% 0 10%;
 padding             : 0.8em 0 0.8em 0;
 background          : #ffffff;
 text-align          : center;
 line-height         : 100%;
 font-size           : 1.1vw;
 color               : #262525;
 border              : 1px solid #a4a4a4;
}
a.btn_link svg{
 width               : 1.1vw;
 vertical-align      : bottom;
}
a.btn_link:hover{ background : #FCD1B4; transition: fill  0.3s ease-out; text-decoration : none;}

.arrow {
 display       : inline-block;
 width         : 0.5vw;
 height        : 0.5vw;
 margin        : 0 1vw 0.1vw 0;
 border-left   : 1px solid #262525;
 border-bottom : 1px solid #262525;
 transform     : rotate(-135deg);
}



/*-------------------------------------------
商品紹介
-------------------------------------------*/
.prd_mainv{
 float               : left;
 display             : inline;
 width               : 100%;
 margin              : -1.5vw 0 10vw 0;
 height              : 17vw;
 position            : relative;
 background-size     : contain;
}
.prd_mainv img{
 object-fit          : cover;
 width               : 100%;
 height              : 17vw;
}
.prd_mainv .pname{
 position            : absolute;
 top                 : 8vw;
 left                : 15vw;
 font-size           : 2.5vw;
}

.prd_box{
 float               : left;
 display             : flex;
 width               : 70%;
 margin              : 0 15% 10vw 15%;
 font-size           : 1.3vw;
 line-height         : 160%;
 justify-content     : center;
 align-items         : center;
}
.prd_box .pic{
 float               : left;
 display             : inline;
 width               : 20%;
}
.prd_box .pic img{
 border-radius       : 1000vw;
 border              : 1px solid #cccccc;;
}
.prd_box .txt{
 float               : left;
 display             : inline;
 width               : 65%;
 padding             : 0 0 0 5%;
}

.prd_cut_wrap{
 float               : left;
 display             : inline;
 width               : 100%;
 background-image    : url(../products/img/cut_bg.jpg);
 background-size     : contain;
 margin              : -5vw 0 2vw 0;
}
.prd_cut_wrap2{
 float               : left;
 display             : inline;
 width               : 100%;
 background-image    : url(../products/img/cut_bg.jpg);
 background-size     : contain;
 margin              : 0 0 10vw 0;
}
.prd_cut {
 float               : left;
 display             : flex;
 width               : 90%;
 margin              : 0 5% 0 5%;
 justify-content     : center;
 font-size           : 1.3vw;
 line-height         : 160%;
 text-align          : center;
 flex-wrap           : wrap;
}
.prd_cut_item {
 width               : calc(100% / 3);
 display             : flex;
 flex-direction      : column;
 position            : relative;
}
.prd_cut_name {
 position            : absolute;
 right               : 0;
 bottom              : 1vw;
 left                : 0;
 margin              : auto;
}



/*-------------------------------------------
採用情報のボタン
-------------------------------------------*/
a.btn_rec{
 display             : inline-block;
 margin              : 0 0 0 1em;
 padding             : 0.3em 1em 0.3em 1em;
 text-align          : center;
 line-height         : 100%;
 background          : #e46100;
 color               : #ffffff;
 border-radius       : 1vw;
 border              : 1px solid #e46100;
 font-size           : 1.3vw;
}
a.btn_rec:hover{
 background          : #ffffff;
 color               : #e46100;
 border              : 1px solid #e46100;
 text-decoration     : none;
}

a.btn_rec2{
 display             : inline-block;
 margin              : 0 0 0.5em 1em;
 padding             : 0.3em 2em 0.3em 2em;
 text-align          : center;
 line-height         : 100%;
 background          : #e46100;
 color               : #ffffff;
 border-radius       : 1vw;
 border              : 1px solid #ffffff;
 font-size           : 1.3vw;
}
a.btn_rec2:hover{
 background          : #ffffff;
 color               : #e46100;
 border              : 1px solid #e46100;
 text-decoration     : none;
}

a.btn_rec3{
 display             : inline-block;
 margin              : 0 0 0.5em 1em;
 padding             : 0.5em 3em 0.5em 3em;
 text-align          : center;
 line-height         : 100%;
 background          : #ffffff;
 color               : #e46100;
 border-radius       : 1vw;
 border              : 1px solid #e46100;
 font-size           : 1.3vw;
}
a.btn_rec3:hover{
 background          : #e46100;
 color               : #ffffff;
 border              : 1px solid #e46100;
 text-decoration     : none;
}






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

@media (max-width: 767px) {

	.codepc{ display     : none !important; }
	.codesp{ display     : inline; }

	a[href^="tel:"]{
	 pointer-events: auto;
	}

	#page-top{
	 bottom              : 3vw;
	 right               : 1vw;
	 z-index             : 99999 !important;
	}
	#page-top img{
	 width               : 15vw;
	}

	h3{ font-size : 4vw; line-height  : 160%;}



	/*-------------------------------------------
	ヘッダ
	-------------------------------------------*/
	header{
	 font-size           : 3.5vw;
	}
	header:after {
	}

	header .logo{
	 width               : 50vw;
	}

	header .headmenu{
	 display             : none;
	}
	header .headmenusp{
	 float               : right;
	 display             : inline;
	 width               : 15vw;
	 padding             : 0 0 0 0;
	 text-align          : right;
	}

	.spmenu{
	 width               : 10vw;
	}


	/*バーガーメニューで開くドロワー*/
	.overlay {
	 content             : "";
	 display             : block;
	 width               : 0;
	 height              : 0;
	 background-color    : rgba(62, 58, 57, 0);
	 position            : absolute;
	 top                 : 0;
	 left                : 0;
	 opacity             : 0;
	 transition          : opacity .5s;
	}
	.overlay.open {
	 width               : 100%;
	 height              : 100%;
	 opacity             : 1;
	}
	.menu-trigger {
	 cursor              : pointer;
	 z-index             : 100;
	 transform           : translateX(0);
	 transition          : transform .5s;
	}
	.menu-trigger.active {
	 display             : inline;/*noneでドロワーオープン時バーガーアイコン非表示*/
	/* transform           : translateX(-300px);*/
	}

	nav {
	 width               : 90vw;
	 height              : 100%;
	 padding-top         : 30px;
	 background-color    : rgba(62, 58, 57, 0.9);
	 position            : fixed;
	/* overflow-y          : scroll;*/
	 top                 : 0;
	 right               : 0;
	 transform           : translate(90vw);
	 transition          : all .5s;
	 z-index             : 999999 !important;
	}
	nav.open {
	 transform           : translateZ(0);
	}
	nav li {
	 color               : #ffffff;
	 text-align          : justify;
	 padding             : 0 0 0 0;
	 border-bottom       : 1px dotted #ffffff;
	 width               : 90%;
	 margin              : 0 5% 0 5%;
	}
	nav ul {
	 list-style          : none;
	 text-align          : justify;
	 margin              : 0 0 0 0;
	}
	.navilink a{
	 color               : #ffffff;
	 text-decoration     : none;
	 width               : 99%;
	 display             : block;
	 padding             : 8px 0 8px 1%;
	 margin              : 0 8% 0 0%;
	 font-size           : 3.5vw;
	 line-height         : 160%;
	}
	.navilink a:before{
	 content             : "・";
	}
	.navilink a:hover{
	 text-decoration     : none;
	 margin-left         : 1.5%;
	 transition          : 0.1s;
	}
	.navilink_ban a{
	 color               : #ffffff;
	 text-decoration     : none;
	 width               : 99%;
	 display             : block;
	 padding             : 8px 0 8px 1%;
	 margin              : 0 8% 0 0%;
	 font-size           : 3.5vw;
	 line-height         : 160%;
	}
	.navilink_ban a:before{
	 content             : "";
	}
	.navilink_ban a:hover{
	 text-decoration     : none;
	 margin-left         : 1.5%;
	 transition          : 0.1s;
	}
	.close{
	 float               : left;
	 display             : inline;
	 width               : 95%;
	 padding             : 0 5% 0 0;
	 text-align          : right;
	}

	/*ドロワー内Closeボタン*/
	.close .menu-btn {
	 position            : fixed;
	 top                 : 0;
	 right               : 0px;
	 display             : flex;
	 height              : 80px;
	 width               : 80px;
	 justify-content     : center;
	 align-items         : center;
	 background-color    : transparent;
	}
	.close .menu-btn span,
	.close .menu-btn span:before,
	.close .menu-btn span:after {
	 content             : '';
	 display             : block;
	 height              : 4px;
	 width               : 40px;
	 border-radius       : 4px;
	 background-color    : #ffffff;
	 position            : absolute;
	}
	.close .menu-btn span {
	 background-color    : rgba(255, 255, 255, 0);
	}
	.close .menu-btn span::before {
	 bottom              : 0;
	 transform           : rotate(45deg);
	}
	.close .menu-btn span::after {
	 top                 : 0;
	 transform           : rotate(-45deg);
	}



	/*-------------------------------------------
	HOME メインビジュアル
	-------------------------------------------*/
	.home_mainv{
	 margin              : -2vw 0 10vw 0;
	 height              : 100vh;
	}
	.home_mainv img{
	}
	.home_mainv video{
	 position            : absolute;
	 top : 0;
	 width               : 100%;
	}
	.home_mainv .eff {
	 background-image    : url(../img/mbg.png);
	 position            : absolute;
	 top                 : 0%;
	 left                : 0%;
	 z-index             : 1;
	 width               : 100%;
	 height              : 100vh;
	}
	.home_mainv .copy {
	 font-size           : 5.5vw;
	 line-height         : 160%;
	 position            : absolute;
	 top                 : 50%;
	 left                : 50%;
	 z-index             : 1;
	 transform           : translate(-50%,-50%);
	 color               : #ffffff;
	}
	.home_mainv .copy p{
	 font-size           : 1.3vw;
	}



	/*-------------------------------------------
	フッター
	-------------------------------------------*/
	#footer{
	 font-size           : 3vw;
	 padding             : 5vw 0 10vw 0;
	}
	#footer:after{
	}



	/*-------------------------------------------
	イメージエリア
	-------------------------------------------*/
	.imgarea01 {
	 float               : left;
	 display             : inline;
	 width               : 100%;
	 margin              : 0vw 0 10vw 0;
	}
	.imgarea01 img {
	}


	.contgmap{
	 float               : left;
	 display             : inline;
	 width               : 90%;
	 margin              : 5vw 5% 10vw 5%;
	}
	.gmap {
	 float               : left;
	 display             : inline;
	 position            : relative;
	 width               : 100%;
	 padding-top         : 120%;
	 height              : 0;
	 overflow-y          : hidden;
	}
	.gmap iframe {
	 position            : absolute;
	 top                 : -70px;
	 left                : -5px;
	 width               : 100%;
	 height              : calc(100% + (70px))
	}


	/*-------------------------------------------
	文字関連
	-------------------------------------------*/

	h1{ font-size : 5vw; margin : 0 0 2em 0; line-height : 160%;}
	h2{ font-size : 5vw; margin : 0 0 1em 0; line-height : 160%;}
	h3{ font-size : 4vw; margin : 0 0 0.5em 0; line-height : 160%;}

	p{
	 width               : 100%;
	 margin              : 0 0 1em 0;
	}
	.pol{
	 width               : 100%;
	 margin              : 0 0 3em 0;
	}

	.textC{
	}
	.textL{
	}
	.txttel{
	 font-size           : 8.5vw;
	 margin              : 0 0 0 0;
	}


	/*-------------------------------------------
	コンテンツ
	-------------------------------------------*/

	.cont00{
	 width               : 84%;
	 margin              : 0 8% 0 8%;
	 font-size           : 3.8vw;
	 line-height         : 160%;
	}
	.cont00B{
	 width               : 84%;
	 margin              : 10vw 8% 0 8%;
	 font-size           : 3.8vw;
	 line-height         : 160%;
	}
	.cont01{
	 width               : 84%;
	 margin              : 0 8% 10vw 8%;
	 font-size           : 3.8vw;
	 line-height         : 160%;
	}
	.cont02 {
	 display             : inline;
	 width               : 84%;
	 margin              : 0 8% 10vw 8%;
	 justify-content     : center;
	 gap                 : 0;
	 font-size           : 3.8vw;
	 line-height         : 160%;
	}
	.cont02-item {
	 display             : inline;
	 width               : 100%;
	}
	.cont02-item p{
	 width               : 100%;
	 padding             : 1em 0% 1em 0%;
	}
	.cont02-item img{
	 width               : 100%;
	 margin              : 1em 0% 3em 0%;
	}

	/*カット野菜の例*/
	.vegsamp {
	 float               : left;
	 display             : flex;
	 width               : 90%;
	 margin              : -10vw 5% 10vw 5%;
	 justify-content     : center;
	 gap                 : 5vw;
	 font-size           : 3vw;
	 line-height         : 160%;
	 text-align          : justify;
	 flex-wrap           : wrap;
	}
	.vegsamp-item {
	 width               : calc(100% / 2 - 6vw);
	 display             : flex;
	 flex-direction      : column;
	}
	.vegsamp-item p{
	 width               : 100%;
	 padding             : 0.5em 0% 0.5em 0%;
	 flex-grow           : 1;
	}
	.vegsamp-item img{
	 margin              : 3vw 0% 2vw 0%;
	}

	/*流れ*/
	.flow {
	 float               : left;
	 display             : inline;
	 width               : 50%;
	 margin              : -5vw 25% 5vw 25%;
	 justify-content     : center;
	 font-size           : 3.5vw;
	 line-height         : 160%;
	 text-align          : center;
	}
	.flow-item {
	 width               : 100%;
	 float               : left;
	 display             : inline;
	 border              : 1px solid #cccccc;
	 text-align          : center;
	 border-radius       : 1000vw;
	 padding             : 3em 0 3em 0;
	 margin              : 0 0 10vw 0;
	}
	.flow-item strong{
	 display             : block;
	 font-size           : 5vw;
	 padding             : 0 0 0.5em 0;
	}

	/*概要*/
	.gaiyo{
	 width               : 84%;
	 margin              : 0 8% 5vw 8%;
	 font-size           : 3.8vw;
	 line-height         : 160%;
	}
	.gaiyo .pic{
	 float               : right;
	 display             : inline;
	 width               : 100%;
	}
	.gaiyo .pic img{
	 width               : 100%;
	}
	.gaiyo .txt{
	 float               : right;
	 display             : inline;
	 width               : 100%;
	 margin              : 0 0 0 0;
	}
	.gaiyo .txt strong{
	 display             : block;
	 width               : 100%;
	 padding             : 1em 0 1em 0;
	 font-size           : 4.5vw;
	}

	.gaiyo .cell{
	 width               : 100%;
	 padding             : 1em 0 1em 0;
	 border-bottom       : 1px dotted #cccccc;
	}
	.gaiyo .cell01{
	 float               : left;
	 display             : inline;
	 width               : 100%;
	 font-weight         : bold;
	}
	.gaiyo .cell02{
	 float               : left;
	 display             : inline;
	 width               : 95%;
	 padding             : 0 0 0 5%;
	}


	/*概要*/
	.gaiyo2{
	 width               : 84%;
	 margin              : 0 8% 5vw 8%;
	 font-size           : 3.8vw;
	 line-height         : 160%;
	}
	.gaiyo2 .pic{
	 width               : 49%;
	 margin              : 0 0.5% 5vw 0.5%;
	}
	.gaiyo .pic img{
	}
	.gaiyo2 .txt{
	 float               : left;
	 display             : inline;
	 width               : 100%;
	 margin              : 0 0% 1em 0%;
	}
	.gaiyo2 .txt strong{
	 display             : block;
	 width               : 100%;
	 padding             : 0 0 0.5em 0;
	 font-size           : 4vw;
	}

	.gaiyo2 .cell{
	 width               : 100%;
	 padding             : 1em 0 1em 0;
	 border-bottom       : 1px dotted #cccccc;
	}
	.gaiyo2 .cell01{
	 float               : left;
	 display             : inline;
	 width               : 100%;
	 font-weight         : bold;
	}
	.gaiyo2 .cell02{
	 float               : left;
	 display             : inline;
	 width               : 95%;
	 padding             : 0 0 0 5%;
	}

	/*お問い合わせ*/
	.contact{
	 width               : 84%;
	 margin              : 15vw 8% 10vw 8%;
	 font-size           : 3.8vw;
	 line-height         : 160%;
	}



	/*-------------------------------------------
	詳しく見る
	-------------------------------------------*/

	a.btn_link{
	 font-size           : 3vw;
	}
	a.btn_link:hover{ background : #FCD1B4; transition: fill  0.3s ease-out;}
	.arrow {
	 width         : 1.5vw;
	 height        : 1.5vw;
	 margin        : 0 1.5vw 0.3vw 0;
	}



	/*-------------------------------------------
	商品紹介
	-------------------------------------------*/
	.prd_mainv{
	 margin              : -2.5vw 0 10vw 0;
	 height              : 27vw;
	}
	.prd_mainv img{
	 height              : 27vw;
	}
	.prd_mainv .pname{
	 position            : absolute;
	 top                 : 10vw;
	 left                : 10vw;
	 font-size           : 6vw;
	}

	.prd_box{
	 float               : left;
	 display             : inline;
	 width               : 84%;
	 margin              : 0 8% 10vw 8%;
	 font-size           : 3.8vw;
	 line-height         : 160%;
	 justify-content     : center;
	 align-items         : center;
	}
	.prd_box .pic{
	 float               : left;
	 display             : inline;
	 width               : 40%;
	 margin              : 0 30% 10vw 30%;
	}
	.prd_box .pic img{
	 border-radius       : 1000vw;
	}
	.prd_box .txt{
	 float               : left;
	 display             : inline;
	 width               : 100%;
	 padding             : 0 0 0 0%;
	 text-align          : justify;
	}

	.prd_cut_wrap{
	 background-image    : none;
	 margin              : -5vw 0 2vw 0;
	}
	.prd_cut_wrap2{
	 margin              : 0 0 10vw 0;
	}
	.prd_cut {
	 width               : 100%;
	 margin              : 0 0% 0 0%;
	 font-size           : 3.8vw;
	 line-height         : 160%;
	}
	.prd_cut_item {
	 width               : 100%;
	 display             : inline;
	 position            : relative;
	 background-image    : url(../products/img/cut_bg.jpg);
	 background-size     : contain;
	}
	.prd_cut_item img{
	 width               : 80%;
	 margin              : 0 10% 0 10%;
	}
	.prd_cut_name {
	 position            : absolute;
	 right               : 0;
	 bottom              : 3vw;
	 left                : 0;
	 margin              : auto;
	}



	/*-------------------------------------------
	採用情報のボタン
	-------------------------------------------*/
	a.btn_rec{
	}
	a.btn_rec:hover{
	}

	a.btn_rec2{
	 margin              : 0 0 0.5em 1em;
	 padding             : 0.3em 2em 0.3em 2em;
	 border-radius       : 3vw;
	 border              : 1px solid #ffffff;
	 font-size           : 3vw;
	}
	a.btn_rec2:hover{
	}


	a.btn_rec3{
	 border-radius       : 5vw;
	 font-size           : 3.5vw;
	}
	a.btn_rec3:hover{
	}






}/*----------*/