@charset "utf-8";
body{
	font-family:Arial, Helvetica, sans-serif ,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic";
	font-size: 14px;
	line-height: 1.8em;
	overflow-x: hidden;
	width: 100%;
	height: auto;
	background:url(../images/main_01.jpg) top center no-repeat fixed #FFF;
	background-size:cover;
}
.pc_none{ display:none;}
.sp_noWrap{ display:block;}



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

header

------------------------------- */
#language{ display:none}
.drawer-brand{ width:196px; height:36px; margin:10px auto; background:url(../images/logo.png) no-repeat; background-size:196px 36px; overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;}


.drawer-menu li{ border-bottom:1px solid #DDD; }
.drawer-menu li:first-child{ border-top:1px solid #DDD;}
.drawer-dropdown-li{ background-color:#F1F1F1;}
.drawer-dropdown-li:last-child{ border-bottom:none}
.drawer-dropdown-li a{ background:url(../images/icon_list.png) no-repeat 1.2em 1.5em; background-size:10px; padding-left:40px !important;}
.drawer-menu li a{ display:block; text-decoration:none; padding:20px; color:#231815;}
.drawer-menu-item{ font-size:12px;}
.nav_subTitle{ font-size:11px; padding-left:15px;}
.nav_contact a{ background-color:#76952f; margin:10px; border-radius:10px; color:#FFF !important}
.nav_contact a:hover , .nav_contact a:active{ background-color:#76952f; margin:10px; border-radius:10px; color:#FFF !important; opacity:0.6}
.sp_langage{ border-bottom:0 !important;}
.sp_jp{ width:46%; float:left; margin:2% 0 2% 2%}
.sp_en{ width:46%;float:right;margin:2% 2% 2% 0}
.sp_langage a , .sp_langage span{ padding:10px !important; display:block; text-align:center; border-radius:10px; border:2px solid #231815}
.lang_on{ background-color:#231815; color:#FFF; border-radius:10px; }









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

contents

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

.content, .sp_content{ width:90%; margin:0 auto; position:relative; }
.titleStyle{ text-align:center; margin:0 20px 30px;}
.sectionSet{ padding:60px 0;}
.whiteBg{ background-color:#FFF;}
.textTitle { font-size:18px; line-height:1.4em; margin-bottom:1.5rem; text-align:center}
.text_normal{ margin-bottom:2rem; line-height:1.8rem}
@media (min-width: 640px) {
.pc_ct{ text-align:center;}
}


.mainVisual_text{ max-width:400px; width:80%; position:absolute; top:35%; right:0%; left:0; margin:0 auto; }
.en_mainVisual_text{ width:80%; position:absolute; top:35%; right:0%; left:0; margin:0 auto; }
.mainVisual_text img , .en_mainVisual_text img{  width:100%; height:auto;}




#news{ background-color:#FFF; padding:60px 0}
.title_news{ width:105px;  margin:0 auto 30px}
.title_news img{ padding-bottom:10px; border-bottom:2px solid #231815;}
dl.newsSet{}
dl.newsSet dt{ color:#999999; font-style:italic}
dl.newsSet dd{ margin-bottom:30px; }



#about{ background:url(../images/about_bg.jpg) repeat; padding:0 0 40px;}
.about_img{ background:url(../images/about_hand.png) no-repeat top right,url(../images/about_img.png) no-repeat top center; padding:50px 0; background-size:648px 438px;}
.title_about{ width:196px; height:92px; margin:0 auto 20px}
.title_about img{ width:196px;}
.about_text{ text-align:center; margin-bottom:50px;}
.logo_foodtech{ width:246px; margin:0 auto 50px;}
.logo_foodtech img { width:246px;}


#about_01, #about_02 , #about_03, #about_04{ width:95%; margin:0 auto; }


#about_01{ background:url(../images/about_bg_01.jpg) no-repeat; background-size:cover;}
.about_title_01{ width:251px;}
.about_01_list{ margin:0 auto; left:0; right:0; overflow:hidden}
.about_01_list li{ width:130px; height:160px; float:left; overflow:hidden}
.about_01_list li img{ width:100%;}


.about_title_02{ width:252px;}
.about_text2{ }
.about_02_img{ }
.about_02_img img{ width:100%;}



#about_03{ background:url(../images/about_bg_03.jpg) no-repeat; background-size:cover;}
.about_title_03{ width:170px;}
.about_text3{ }
.about_03_img{ width:100%; margin-top:30px; border-radius:5px; background-color:#231815; padding:30px 0; text-align:center}
.about_03_img img{ width:121px;}


.about_title_04{ width:144px;}








#company{ margin-top:580px;}
.title_company{ width:289px; height:93px; margin:0 auto 40px;}
a.btn{ width:100%; max-width:500px; border:2px solid #231815; background-color:#FFF; padding:10px 0; text-align:center; margin:0 auto; display:block; text-decoration:none; color:#231815; background:url(../images/arrow.png) no-repeat 95% 1em; background-size:12px 20px}
a.btn:hover{ opacity:0.6;}




#contact{ background-color:#6a8825; color:#FFF}
.title_contact{ width:237px; height:92px; margin:0 auto 40px;}



footer{ background-color:#FFF;}
footer .footerArea{ padding:20px; border-bottom:1px solid #231815;}
footer .ftr_oisix_logo{ width:68px; margin-bottom:20px;}
footer .ftr_oisix_logo img{ width:100%;}
footer .ftr_oisix_logo a{ display:block;}
.ftr_link{ font-size:11px; line-height:1.8em}
.ftr_link li{ float:left;}
.ftr_link.ftr_link_en li{ float:none;}
.ftr_link li:after{ content:" ｜ "}
.ftr_link.ftr_link_en li:after{ content:""}
.ftr_link li:last-child:after{ content:""}
.ftr_link a{ color:#231815; text-decoration:underline}
.ftr_link a:hover , .ftr_link a:active{ color:#231815; opacity:0.6}
.ftr_copyrights{ text-align:center; padding:20px 20px 100px}



#page-top{ width:68px; height:68px; position:fixed ; bottom:10px; right:10px;}
#page-top img{ width:68px; height:68px;}




dl.contact-form{ width:100%; }
dl.contact-form dt{ position: relative;
    padding:5px 0 5px 50px;
    font-weight: bold;
    line-height: 1.6em;
    color: #333;
    background-color: #edece2;
	margin-top: 2px;}
.contact-form-title-required:before {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 10px;
    display: block;
    content: "必須";
    margin: auto 0;
    width: 34px;
    height: 22px;
    font-size: 12px;
    font-weight: bold;
    line-height: 22px;
    text-align: center;
    color: #fff;
    background-color: #dd7339;
}
.contact-form-title-required-en{
	padding:5px 0 5px 74px !important;
}
.contact-form-title-required-en:before {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 10px;
    display: block;
    content: "required";
    margin: auto 0;
    width: 58px;
    height: 22px;
    font-size: 12px;
    font-weight: bold;
    line-height: 22px;
    text-align: center;
    color: #fff;
    background-color: #dd7339;
}
dl.contact-form dd{ 
    padding: 10px 10px 20px ;
    line-height: 1.6em;
    background-color: #fff;}
.contact-form-text, .contact-form-textarea {
	width:89%;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 8px 13px;
    line-height: 14px;
    border: 2px solid #e0e0e0;
    color: #333;
}
.contact-form-title-message {
    line-height: 1;
    vertical-align: top;
}
.contact-form-input-area-message {
}
.contact-form-textarea {
    width: 100%;
	height:10em;
    line-height: 1.3;
    box-sizing: border-box;
}

.contact-form-supplement{
	color:#666666;
}


.g-btn-l {
    padding: 24px;
    font-size: 20px;
    max-width: 100%;
}
.g-btn {
    border: 1px solid #FBA056;
    background: -webkit-linear-gradient(top, #FBA056, #EA8330);
    background: linear-gradient(to bottom, #FBA056, #EA8330);
    display: inline-block;
    box-sizing: border-box;
	color:#FFF;
}





.commentSet{ background-color:#76952f; color:#FFF; border-radius:10px; padding:20px; text-align:center}
.comment_title{ font-size:1rem; line-height:1.6rem; font-weight:bold; margin-bottom:20px; color:#FFF;}
@media screen and (max-width: 320px) {
	.commentSet{ text-align:left}
}