/* Media queries
-------------------------------------------------------------------------------*/

/*----------------------------------------------------
 ランドスケープ表示
----------------------------------------------------*/
@media all and (orientation:landscape) {
/*	body {
		width: 480px;
	}
*/
}

/*----------------------------------------------------
 elements
----------------------------------------------------*/
@media only screen and (max-width: 640px) {

body {
	/*overflow: hidden;*/
	width: 320px;
	margin: 0 auto;
	background: #ccc;
	line-height: 1.5;
	color: #333;
	font-family: ArialMT, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", メイリオ, sans-serif;
	font-size: 12px;
	-webkit-text-size-adjust: none; /* フォントサイズ自動調整 */
}

a {
	-webkit-tap-highlight-color: rgba(200,200,555,.6);
}

a:link {
	text-decoration: none;
}

a:visited {
	text-decoration: none;
}

img {
	vertical-align: top;
}

img:not([width]) {
	zoom: .5; /* Retinaディスプレイ対応のためimg要素は半分の大きさに */
}

p, dl, ol, ul {
	/*margin-bottom: 10px;*/
}

ol, ul {
	/*margin-left: 25px;*/
}

.pc-only {
	display: none !important;
}

nav ul {
	list-style:none;
}
.taC {
	text-align: center;
}

/*----------------------------------------------------
 header
----------------------------------------------------*/
header.global {
	width: 320px;
	height: 55px;
}

header.global .container {
	position: fixed;
	z-index: 999;
}

header.global .title {
	position: relative;
	top: 0;
	height: 33px;
	width: 292px;
	padding: 11px 14px;
	background: #FFF;
	z-index: 999;

	-webkit-border-bottom-left-radius: 30px;
	-webkit-border-bottom-right-radius: 30px;
	-moz-border-radius: 0 0 30px 30px;
	border-radius: 0 0 30px 30px;
}

header.global div.title h1 + p,
header.global nav ul.main .contact,
header.global nav ul.sub .lang,
header.global nav ul.sub .shopping,
header.global nav ul.sub .share span
{
	display: none;
}

header.global h1 {
	float: left;
	width: 251px;
	height: 33px;
}

header.global #nav-toggle {
	width: 33px;
	height: 33px;
	margin-left: 251px;
	background: url(../img/sp_header_menu_open_btn.png) 0 0 no-repeat;
	background-size: cover;
	cursor: pointer;
}

header.global.open #nav-toggle {
	background: url(../img/sp_header_menu_close_btn.png) 0 0 no-repeat;
	background-size: cover;
}

header.global nav {
	position: absolute;
	top: -555px;
	width: 320px;
	background: #FFF;
	-webkit-transition: .5s ease-in-out;
	-moz-transition: .5s ease-in-out;
	transition: .5s ease-in-out;
}

header.global.open nav {
/*
	box-shadow: 0 10px 10px rgba(0,0,0,0.4);
	-moz-box-shadow: 0 10px 10px rgba(0,0,0,0.4);
	-webkit-box-shadow: 0 10px 10px rgba(0,0,0,0.4);
*/
	-moz-transform: translateY(555px);
	-webkit-transform: translateY(555px);
	transform: translateY(555px);
}

header.global nav > ul {
	width: 320px;
}

header.global nav > ul > li {
	height: 50px;
	margin-bottom: 1px;
	background: #b1afaf;
}

header.global nav > ul > li > a {
	display: block;
	height: 50px;
	background: url(../img/sp_footer_link_bg.png) 285px center no-repeat;
	background-size: 10px 25px;
	line-height: 50px;
	text-indent: 14px;
	font-size: 11px;
	color: #FFF;
}

header.global nav > ul.main > li:first-child {
	padding-top: 55px;
	/*background-position: 285px 75px;*/
}

header.global nav > ul.sub > li {
	margin-bottom: 0;
}

header.global nav > ul.sub .share ul li {
	width: 80px;
	float:left;
}

header.global nav > ul.sub .share ul li a {
}

/*----------------------------------------------------
 footer
----------------------------------------------------*/
footer.global {
	background: #ececec;
}

footer.global ul.navi {
}

footer.global .navi_site_top,
footer.global ul.navi > li
{
	position: relative;
	/*height: 50px;*/
	margin-bottom: 1px;
	background: #afaeae;
}

footer.global .navi_site_top a,
footer.global ul.navi > li p a,
footer.global ul.navi > li > ul > li a
{
	display: block;
	height: 50px;
	background: url(../img/sp_footer_link_bg.png) 285px center no-repeat;
	background-size: 10px 25px;
	line-height: 50px;
	text-indent: 14px;
	font-size: 11px;
	color: #FFF;
}

footer.global ul.navi > li p.toggle a
{
	background: none;
	/*
	background: url(../img/sp_footer_open_btn.png) 277px center no-repeat;
	background-size: 20px 20px;
	*/
}

footer.global ul.navi > li label {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 10;
	display: block;
	height: 50px;
	width: 64px;
	text-align: center;
}

footer.global ul.navi > li label span {
	display: inline-block;
	width: 20px;
	height: 20px;
	margin-top: 15px;

	background: url(../img/sp_footer_open_btn.png) no-repeat;
	background-size: cover;

    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

footer.global ul.navi li > ul {
	background: #FFF;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

footer.global ul.navi li > ul > li {
	margin-top: 1px;
}

footer.global ul.navi li > ul > li:nth-child(1) {
	background: #7b7a7a;
}

footer.global ul.navi li > ul > li:nth-child(2) {
	background: #777676;
}

footer.global ul.navi li > ul > li:nth-child(3) {
	background: #727171;
}

footer.global ul.navi li > ul > li:nth-child(4) {
	background: #6e6d6d;
}

footer.global ul.navi li > ul > li:nth-child(5) {
	background: #6a6969;
}

footer.global ul.navi > li input[type="checkbox"].toggle {
	display: none;
}

footer.global ul.navi > li input[type="checkbox"].toggle:checked + label span {
	-webkit-transform: rotate(360deg);
	transform: rotate(360deg);
}

footer.global ul.navi > li input[type="checkbox"].toggle + label + ul {
	/*display: none;*/
	height: 0;
	overflow: hidden;
}

footer.global ul.navi > li input[type="checkbox"].toggle:checked + label + ul.row1 {
	/*display: block;*/
	height: 51px;
}

footer.global ul.navi > li input[type="checkbox"].toggle:checked + label + ul.row2 {
	height: 102px;
}

footer.global ul.navi > li input[type="checkbox"].toggle:checked + label + ul.row3 {
	height: 153px;
}

footer.global ul.navi > li input[type="checkbox"].toggle:checked + label + ul.row4 {
	height: 255px;
}

footer.global ul.navi > li input[type="checkbox"].toggle:checked + label + ul.row5 {
	height: 255px;
}

footer.global ul.navi li.sp-only {
	float: left;
	width: 106px;
	height: 106px;
	margin-right: 1px;
}

footer.global ul.navi li.sp-only a {
	display: block;
	width: 106px;
	height: 106px;
}

footer.global ul.navi li.sp-only:nth-child(3n) {
	/*margin-right: 0;*/
}

footer.global ul.navi li.sp-only span {
	display: none;
}

footer.global ul.navi li.online-shop {
	background: url(../img/sp_footer_online-shop.png) no-repeat;
	background-size: cover;
}

footer.global ul.navi li.contact {
	background: url(../img/sp_footer_contact.png) no-repeat;
	background-size: cover;
}

footer.global ul.navi li.supplier {
	background: url(../img/sp_footer_supplier.png) no-repeat;
	background-size: cover;
	margin-right:0px;
}

footer.global div.copyright {
	position: relative;
	clear: both;
	height: 114px;
	text-align: center;
}

footer.global div.copyright p img {
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
}

footer.global div.copyright p span {
	position: relative;
	display: inline-block;
	top: 60px;
	z-index: 2;
	color: #000;
	font-size: 8px;
}

/*----------------------------------------------------
 sub navi
----------------------------------------------------*/
section.main nav.subnav {
/*	margin-bottom: 35px;*/
	z-index: 998;
	position: fixed;
	top: 0;
}

section.main nav.subnav .container {
	position: absolute;
	top: -229px;

	-webkit-transition: .5s ease-in-out;
	-moz-transition: .5s ease-in-out;
	transition: .5s ease-in-out;
}

section.main nav.subnav ul.contents {
	width: 292px;
	padding: 70px 14px 10px 14px;
	background: #ffd900;
	-webkit-order-radius: 30px;
	-moz-order-radius: 30px;
	border-radius: 30px;
}

section.main nav.subnav ul.contents:after { content: ''; display: block; clear: both; }

section.main nav.subnav ul li {
	float: left;
	width: 88px;
	height: 88px;
	margin-right: 14px;
	margin-bottom: 14px;
}

section.main nav.subnav ul li a {
	display: block;
	overflow: hidden;

	border: solid 2px #FFF;

	-webkit-order-radius: 5px;
	-moz-order-radius: 5px;
	border-radius: 5px;
}

section.main nav.subnav ul li img {
	margin: -2px;
}

section.main nav.subnav ul li:nth-child(3n) {
	margin-right: 0;
}

section.main nav.subnav #subnav-toggle {
	z-index: 999;
	width: 160px;
	height: 30px;
	margin: 0 auto;
	background: #ffd900;
	text-align: center;

	cursor: pointer;

	-webkit-border-bottom-left-radius: 25px;
	-webkit-border-bottom-right-radius: 25px;
	-moz-border-radius: 0 0 25px 25px;
	border-radius: 0 0 25px 25px;
}

section.main nav.subnav #subnav-toggle span {
	display: inline-block;
	width: 70px;
	height: 17px;
	margin-top: 6px;
	background: url(../img/sp_subnav_open_btn.png) no-repeat;
	background-size: cover;
}

section.main nav.subnav.open #subnav-toggle span {
	/*margin-top: -2px;*/
	background: url(../img/sp_subnav_close_btn.png) no-repeat;
	background-size: cover;
}

section.main nav.subnav.open .container {
/*
	box-shadow: 0 10px 10px rgba(0,0,0,0.4);
	-moz-box-shadow: 0 10px 10px rgba(0,0,0,0.4);
	-webkit-box-shadow: 0 10px 10px rgba(0,0,0,0.4);
*/
	-moz-transform: translateY(284px);
	-webkit-transform: translateY(284px);
	transform: translateY(248px);
}

section.main nav.subnav.open ul.contents {
	-webkit-order-radius: 0px;
	-moz-order-radius: 0px;
	border-radius: 0px;
}

/*----------------------------------------------------
 main
----------------------------------------------------*/
section.main {
	background: #ededed;
	padding-bottom: 21px;

	-webkit-border-top-left-radius: 30px;
	-webkit-border-top-right-radius: 30px;
	-moz-border-radius: 30px 30px 0 0;
	border-radius: 30px 30px 0 0;
}

section.main .breadcrumbs,
section.main .category-image,
section.main .slider
{
	display: none;
}

section.main .main-content,
section.main .sub-content
{
	margin-bottom: 35px;
}

section.main .main-content div.index-title {
	min-height: 76px;
	padding-top: 14px;
	padding-bottom: 20px;
	background: url(../img/sp_content_title_bg.png) center 8px no-repeat;
	background-size: 118px auto;
	text-align: center;
}
section.main .main-content div.index-title h2 {
	text-align: center;
	font-size: 20px;
	line-height: 1;
}

section.main .main-content div.index-title h2 span {
	display: block;
	margin-top: 3px;
	margin-bottom: 8px;
	font-size: 15px;
	color: #ffd51c;
}

section.main .main-content div.index-title .lead {
	font-size: 10px;
}

section.main ul.content-list {
	padding: 0 14px;
}

section.main .main-content ul.content-list:after { content: ''; display: block; clear: both; }

section.main .main-content ul.content-list li {
	float: left;
	margin-right: 14px;
	margin-bottom: 14px;
}

section.main .sub-content ul.content-list li {
	margin-bottom: 14px;
}

section.main .main-content ul.content-list li:nth-child(2n) {
	margin-right: 0;
}

section.main ul.content-list p.title span,
section.main ul.content-list p.description,
section.main ul.content-list p.detail
{
	display: none;
}

section.main div.banner {
	margin-top: 20px;
	margin-bottom: 25px;
	text-align: center;
}

section.main div.contents ul {
	margin-top: 20px;
	text-align: center;
}

section.main div.contents ul:after { content: ''; display: block; clear: both; }

section.main div.contents ul li {
	width: 139px;
	float: left;
	margin-left: 14px;
	margin-bottom: 14px;
}

section.main div.contents ul li:nth-child(2n) {
	margin-right: 0;
}

section.main div.contents ul li p.title,
section.main div.contents ul li p.description
{
	display: none;
}

section.main #navi_page_top,
section.main .content_end
{
	display: none;
}

body:not([id=allrecipe]) .sub-content .sub-title {
	margin-bottom: 25px;
}

body:not([id=allrecipe]) .sub-content .category {
	padding-top: 14px;
	padding-bottom: 7px;
	background: url(../img/sp_pagetitle_bg.png) bottom center no-repeat;
	background-size: 185px 1px;
	text-align: center;
	font-size: 13px;
	color: #acafba;
}

body:not([id=allrecipe]) .sub-content h2 {
	padding-top: 7px;
	text-align: center;
	font-size: 20px;
	color: #ffc21c;
	margin-bottom: 14px;
}

body:not([id=allrecipe]) .sub-content h2 + p.description {
	text-align: center;
	font-size: 9px;
}

body:not([id=allrecipe]) section.main .sub-content ul.content-list p.description {
	display: block;
}

section.main ul.content-list_03 {
	margin-bottom: 20px;
}

section.main ul.content-list_03 li {
	display: block;
	height: 60px;
	width: 292px;
	margin-bottom: 5px;

    background: url(../img/sp_news_link_bg.png) 272px center no-repeat #FFF;
    background-size: 10px 25px;

	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}

section.main ul.content-list_03 li a {
	color: #000;
}

section.main ul.content-list_03 li .thumb-image {
	float: left;
	width: 56px;
	height: 60px;
}

section.main ul.content-list_03 li .thumb-image img {
	-webkit-border-left-top-radius: 3px;
	-webkit-border-left-top-right: 3px;
	border-radius: 3px 0 0 3px;
	-moz-border-radius: 1.5px 0 0 1.5px;
}

section.main ul.content-list_03 li .title {
	display: table-cell;
	width: 236px;
	height: 60px;
	padding: 0 12px;
	vertical-align: middle;
}

section.main ul.content-list_03 li .title h4 {
	display: inline-block;
	font-size: 11px;
}

section.main ul.content-list_03 li p.count {
	display: none;
}

section.main ul.content-list_03 li .description,
section.main ul.content-list_03 li .logo
{
	display: none;
}

/*----------------------------------------------------
 clearfix
----------------------------------------------------*/
header.global nav ul:after { content: ''; display: block; clear: both; }


/*----------------------------------------------------
 pages
----------------------------------------------------*/
/*
 * SP TOP
 */
body#home {
	background: url(../img/sp_top_main.jpg) top center no-repeat;
	background-size: 320px auto;
}

body#home section.main {
	margin-top: 175px;
}

body#home section.main .dummy {
	width: 180px;
	height: 42.5px;
	margin: 0 auto;
	padding: 16px 0;
	content: url(../img/sp_top_lead.png);
}

body#home section.main div.news {
	padding: 0 14px;
}

body#home section.main div.news > ul > li {
	padding-bottom: 26px;

}

body#home section.main div.news > ul > li > a > img {
	margin-bottom: 4px;
}

body#home section.main div.news> ul > li > div > ul li,
body#home section.main div.news> ul > li > div .information_list
{
	background: #FFF;
	margin-bottom: 4px;
	padding: 14px;
	font-size: 9px;

	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

body#home section.main div.news> ul > li > div > ul li {
	width: 264px !important;
	padding: 14px !important;
}

body#home section.main div.news> ul > li > div .information_list {
	text-align: center;
}

body#home section.main div.news> ul > li > div .information_list a {
	display: block;
	width: 100%;
	min-height: 20px;
	line-height: 20px;
	color: #FCD700;
}

body#home section.main div.news > ul > li span.date {
	display: block;
	font-weight: bold;
}

body#home section.main nav.menus {
/*	margin-bottom: 35px;*/
	padding: 0 14px;
}
body#home section.main nav.menus:after { content: ''; display: block; clear: both; }

body#home section.main nav.menus ul li {
	float: left;
	width: 88px;
	height: 88px;
	margin-right: 14px;
	margin-bottom: 14px;
}

body#home section.main nav.menus ul li:nth-child(3n),
body#home section.main nav.menus ul li.menus-sp-mr0 {
	margin-right: 0;
}

body#home section.main nav.menus ul li.menus-sp-mr14 {
	margin-right: 14px;
}

body#home section.main nav.menus ul a span {
	display: none;
}

/*
 * SP Product
 */

body#product {
	background: url(../img/sp_product_main.jpg) top center no-repeat;
	background-size: 320px auto;
}

body#product section.main {
	margin-top: 175px;
}

/*
 * SP Company
 */

body#company {
	background: url(../img/sp_company_main.jpg) top center no-repeat;
	background-size: 320px auto;
}

body#company section.main {
	margin-top: 175px;
}

/*
 * SP Business
 */

body#business {
	background: url(../img/sp_business_main.jpg) top center no-repeat;
	background-size: 320px auto;
}

body#business section.main {
	margin-top: 175px;
}

/*
 * SP Promotion
 */

body#promotion {
	background: url(../img/sp_promotion_main.jpg) top center no-repeat;
	background-size: 320px auto;
}

body#promotion section.main {
	margin-top: 175px;
}

/*
 * SP Secure
 */

body#secure {
	background: url(../img/sp_secure_main.jpg) top center no-repeat;
	background-size: 320px auto;
}

body#secure section.main {
	margin-top: 175px;
}

body#secure section.main .index-title .description strong {
	display: block;
	margin-top: 40px;
	margin-bottom: 14px;
	font-size: 14px;
}

body#secure section.main .index-title .description span {
	display: block;
	margin: 0 14px;
	text-align: left;
}


/*
 * SP Supplier
 */

body#supplier {
	background: url(../img/sp_supplier_main.jpg) top center no-repeat;
	background-size: 320px auto;
}

body#supplier section.main {
	margin-top: 126px;
}

body#supplier section.main .index-title {
	margin-bottom: 20px;
}

body#supplier section.main .content-list_03 {
	padding: 0 14px;
}

body#supplier section.main .content-list_03 li {
	background: url(../img/sp_supplier_toggle_btn.png) 256px center no-repeat #FFF;
	background-size: 20px 10px;
}

body#supplier section.main .content-list_03 li.open {
	background: url(../img/sp_supplier_toggle_close_btn.png) 256px center no-repeat #FFF;
	background-size: 20px 10px;

	-webkit-border-left-top-radius: 0;
	-webkit-border-right-top-right: 0;
	border-radius: 3px 3px 0 0;
	-moz-border-radius: 3px 3px 0 0;
}

body#supplier section.main .content-list_03 li .thumb-image {
	width: 93px;
}

body#supplier section.main .content-list_03 li .title {
	width: 199px;
	padding: 0;
}

body#supplier section.main .content-list_03 li .description {
	position: absolute;
	display: block;
	width: 252px;
	height: 0;
	padding: 0 20px;
	background: url(../img/sp_supplier_open_bg.png);
	overflow: hidden;
	font-size: 9px;

	-webkit-border-left-bottom-radius: 3px;
	-webkit-border-right-bottom-right: 3px;
	border-radius: 0 0 3px 3px;
	-moz-border-radius: 0 0 3px 3px;

    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

body#supplier section.main .content-list_03 li.open .description {
	height: auto;
	padding: 20px;
}


/*
 * SP Allrecipe
 */

body#allrecipe {
	background: url(../img/sp_allrecipe_main.jpg) top center no-repeat;
	background-size: 320px auto;
}

body#allrecipe section.main {
	margin-top: 175px;
}

body#allrecipe section.main .sub-content
{
	margin-bottom: 35px;
}

body#allrecipe section.main .sub-content div.index-title {
	min-height: 100px;
	padding-top: 14px;
	padding-bottom: 20px;
	background: url(../img/sp_content_title_bg.png) center 8px no-repeat;
	background-size: 118px auto;
	text-align: center;
}

body#allrecipe section.main .sub-content div.index-title h2 {
	text-align: center;
	font-size: 20px;
	line-height: 1;
}

body#allrecipe section.main .sub-content div.index-title h2 span {
	display: block;
	margin-top: 3px;
	margin-bottom: 8px;
	font-size: 15px;
	color: #ffd51c;
}

body#allrecipe section.main .sub-content div.index-title .lead {
	font-size: 10px;
}

body#allrecipe section.main .sub-content .sub-category {
	width: 292px;
	padding: 0 14px;
}

body#allrecipe section.main .sub-content .sub-category h3 {
	margin-bottom: 3px;
}

body#allrecipe section.main .sub-content ul.content-list_02 {
	margin-bottom: 20px;
}

body#allrecipe section.main .sub-content ul.content-list_02 li {
	position: relative;
	display: block;
	height: 75px;
	width: 292px;
	background: #FFF !important;
	margin-bottom: 5px;

	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}

body#allrecipe section.main .sub-content ul.content-list_02 li .thumb-image {
	float: left;
	width: 70px;
	height: 75px;
}

body#allrecipe section.main .sub-content ul.content-list_02 li .thumb-image img {
	-webkit-border-left-top-radius: 3px;
	-webkit-border-left-top-right: 3px;
	border-radius: 3px 0 0 3px;
	-moz-border-radius: 1.5px 0 0 1.5px;
}

/*
body#allrecipe section.main .sub-content ul.content-list_02 li:before{
	float: left;
	margin: 0;
	content: " ";
	display: inline-block;
	width: 70px;
	height: 75px;
	background: url(../img/sp_recipe_category_01.jpg) #FFF;
	background-size: contain;
	vertical-align: middle;
}
*/
body#allrecipe section.main .sub-content ul.content-list_02 li .title {
	display: table-cell;
	width: 222px;
	height: 75px;
	padding: 0 17px;
	vertical-align: middle;
}

body#allrecipe section.main .sub-content ul.content-list_02 li .title h4 {
	display: inline-block;
}

body#allrecipe section.main .sub-content ul.content-list_02 li .title h4 a {
	width: 222px;
	height: 75px;
	font-size: 11px;
	color: #000;
}

body#allrecipe section.main .sub-content ul.content-list_02 li p.count {
	position: absolute;
	top: 50%;
	right: 25px;
	margin-top: -10px;
	height: 20px;
	line-heigt: 20px;
	/*display: none;*/
}

body#allrecipe section.main .sub-content ul.content-list_02 li p.count:before {
	content: "(";
}

body#allrecipe section.main .sub-content ul.content-list_02 li p.count:after {
	content: ")";
}

/*
 * SP Development tips
 */

body#developmenttips, body#contact.samplepage__renew {
	background: url(../img/sp_developmenttips_main.jpg) top center no-repeat;
	background-size: 320px auto;
}

body#developmenttips section.main,body#contact.samplepage__renew section.main{
	margin-top: 175px;
}

body#developmenttips section.main .index-title .description, body#contact.samplepage__renew section.main .index-title .description{
	padding: 0 14px;
	text-align: left;
}

body#developmenttips section.main p.headline, body#contact.samplepage__renew section.main p.headline{
	margin-bottom: 20px;
	font-size: 16px;
	text-align: center;
}

section.main .main-content ul.content-list_02 {
	margin: 0 14px;
}

section.main .main-content ul.content-list_02 li {
	margin-bottom: 35px;
}

section.main .main-content ul.content-list_02 .image {
	margin-bottom: 20px;
}
section.main .main-content ul.content-list_02 p.title {
	margin-bottom: 20px;
	font-size: 14px;

}

/*
 * SP Recruit
 */

body#recruit {
	background: url(../img/sp_recruit_main.jpg) top center no-repeat;
	background-size: 320px auto;
}

body#recruit section.main {
	margin-top: 257px;
}

body#recruit section.main .main-content .index-title {
	margin-bottom: 30px;
	padding-bottom: 0;
	background: none;
}

body#recruit section.main .main-content .index-title .headline {
	margin-bottom: 14px;
	line-height: 1.2;
	font-size: 20px
}

body#recruit section.main .main-content ul.recruit_navi {
	margin-bottom: 30px;
	padding: 0 14px;
}

body#recruit section.main .main-content ul.recruit_navi:after { content: ''; display: block; clear: both; }

body#recruit section.main .main-content ul.recruit_navi li {
	display: block;
	float: left;
	width: 139px;
	margin-right: 14px;
	margin-bottom: 14px;
}

body#recruit section.main .main-content ul.recruit_navi li:nth-child(2n) {
	margin-right: 0;
}

body#recruit .main .container .main-content p.entry_btn {
	position: absolute;
	top: 228px;
	left: 0;
	width: 320px;
	text-align:center;
}

body#recruit .main .container .main-content p.entry_btn a {
	display: block;
}

body#recruit .main .container .main-content p.entry {
	text-align: center;
}

body#recruit section.main .main-content .contents {
	margin: 0 14px 14px 14px;
	padding: 18px;
	background: #FFF;

	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

body#recruit .main .container .main-content .contents h2 {
    height: 17px;c
    margin-bottom: 10px;
    padding-top: 0;
    text-align: left;
    font-size: 17px;
    line-height: 1;
}

body#recruit .main .container .main-content .contents p.lead {
	font-size: 10px;
	color: #ffb71c;
	margin-bottom: 15px;
}

body#recruit .main-content .contents > dl {
	font-size: 9px;
	line-height: 1.5;
}

body#recruit .main-content .contents > dl > dt {
	padding-top: 20px;
	padding-bottom: 4px;
	border-top: solid 1px #e8e6e6;
	font-weight: bold;
}

body#recruit .main-content .contents > dl > dt:first-child
{
	padding-top: 0;
	border-top: none;
}

body#recruit .main-content .contents > dl > dd {
	margin-bottom: 20px;
}

body#recruit .main-content .contents > dl > dt:first-child + dd {
	padding-top: 0;
	border-top: none;
}

body#recruit .main-content .contents > dl > dd:nth-last-child(3) {
	margin-bottom: 0;
}

body#recruit .main-content .contents ul {
	margin-top: 0;
}

body#recruit .main-content .contents ul li {
	width: auto;
	text-align: left;
}

body#recruit .main-content .contents > dl > dd  ul {
    margin-bottom: 5px;
}

body#recruit .main-content .contents > dl > dd  ul li {
    float: none;
    height: auto;
    margin: 0;

	list-style: inside disc;
	font-size: 9px !important;
}

body#recruit .main-content .contents > dl > dd  ul li:after {
	display: block;
	margin-left: 50px;
	padding: 5px;
	content: "↓";
}

body#recruit .main-content .contents > dl > dd  ul li:last-child:after {
	content: none;
}

body#recruit .main-content .contents > dl > dd > dl.treatment dt {
	float: left;
	width: 50px;
	font-weight: bold;
}

body#recruit .main-content .contents > dl > dd > dl.treatment dd {
	margin-left: 50px;
}

body#recruit .main-content .contents > dl > dd > dl.treatment dd:before {
	padding: 5px;
	content: ":";
}

body#recruit .main-content .contents > dl > dt.entry {
	display: none;
}

body#recruit .main-content .contents > dl > dt.entry + dd {
	display: none;
}

body#recruit .main-content .entry {
	padding: 0 14px;
}

body#recruit .main-content .entry2 {
}

body#recruit .main-content .treatment2 {
	margin-top: 50px;
}
body#recruit .main-content .entry_btn2 {
	margin-top: 20px;
}
body#recruit .main-content .entry_btn2 a {
	color: #000;
}

/*
 * SP Contact
 */

body#contact section.main {
	margin-top: -55px;
	padding-top: 85px;
	-webkit-border-radius: 0;
	border-radius: 0;
	-moz-border-radius: 0;
}

body#contact .sub-content .sub-category {
	padding: 0 14px;
	font-size: 9px;
}

body#contact .sub-content .description {
	font-size: 9px;
}

body#contact input,
body#contact button,
body#contact textarea
{
    margin: 0;
    padding: 0;
    background: none;
    border: none;
    border-radius: 0;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

body#contact select {
    margin: 0;
    padding: 0;
    background: none;
    border: none;
    border-radius: 0;
    outline: none;
}

body#contact .main #contact_form {
	font-size: 12px;
}

body#contact .main .description span {
	color: #dd1d1d;
}

body#contact .main #contact_form .error_msg,
body#contact .main .pretext
{
	margin: 0 auto 20px auto;
	font-size: 10px;
	text-align: center;
	color: #dd1d1d;
	line-height: 1;
}
body#contact .main #contact_form .error_msg > span {
	display: block;
	margin-bottom: 5px;
	font-size: 80%;
}
body#contact .main #contact_form .error_msg > span + br {
	display: none;
}

body#contact .main #contact_form input[type="text"],
body#contact .main #contact_form input[type="email"]
{
	height: 20px;
	width: 288px;
	padding: 2px;
	border: 0;
	background: #FFF;
}

body#contact .main #contact_form input.tel,
body#contact .main #contact_form input.postcode
{
	width: 84px;
}

body#contact .main #contact_form textarea {
	height: 100px;
	width: 288px;
	padding: 2px;
	border: 0;
	background: #FFF;
}

body#contact .main #contact_form select {
	height: 20px;
	width: 288px;
	padding: 2px;
	border: 0;
	background: #FFF;
}

body#contact .main #contact_form > dl
{
	padding: 0 14px;
	font-size: 12px;
}

body#contact .main #contact_form > dl > dt {
	clear: both;
	line-height: 24px;
}

body#contact .main #contact_form > dl > dt > span {
	font-size: 80%;
}

body#contact .main #contact_form > dl > dt.must:before {
	content: "※";
	color: #dd1d1d;
}

body#contact .main #contact_form > dl > dd {
	margin-bottom: 14px;
}
body#contact .main #contact_form > dl > dd:after { content: ''; display: block; clear: both; }

body#contact .main #contact_form > dl > dd.username div,
body#contact .main #contact_form > dl > dd.username_japanese div
{
	float: left;
}

body#contact .main #contact_form > dl > dd.username div.first,
body#contact .main #contact_form > dl > dd.username_japanese div.first
{
	margin-right: 10px;
}

body#contact .main #contact_form > dl > dd.username div label,
body#contact .main #contact_form > dl > dd.username_japanese div label
{
	float: left;
	display: block;
	width: 30px;
	margin-right: 5px;
	line-height: 24px;
	text-align: center;
}

body#contact .main #contact_form > dl > dd.username div input,
body#contact .main #contact_form > dl > dd.username_japanese input
{
	width: 102px;
}

body#contact .main #contact_form > dl > dd.state .minict_wrapper,
body#contact .main #contact_form > dl > dd.subject .minict_wrapper
{
	width: 292px;
}

body#contact .main #contact_form > dl > dd.inquiry {
	margin-bottom: 0;
}

body#contact .main #contact_form > div.button
{
	margin-top: 20px;
	padding: 0 12px;
}

body#contact .main #contact_form > div.button:after { content: ''; display: block; clear: both; }


body#contact .main #contact_form > div.button button {
	float: left;
	width: 50%;
	height: 50%;
}

body#contact .main #contact_form > div.button button img {
	width: 100%;
	height: 100%;
}

body#contact .main #contact_form > div.button button#reset {
}

body#contact .main #contact_form > div.button button#submit {
}
/*
 * SP Sitemap
 */

body#sitemap section.main,
body#privacy section.main
{
	margin-top: -55px;
	padding-top: 85px;
	-webkit-border-radius: 0;
	border-radius: 0;
	-moz-border-radius: 0;
}

body#sitemap .main-content,
body#privacy .main-content
{
	padding: 0 14px;
}

body#sitemap .main-content ul.navi > li {
	margin-bottom: 14px;
	font-size: 9px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}

body#sitemap .main-content ul.navi > li p.title {
	margin-top: 14px;
}

body#sitemap .main-content ul.navi > li p.title:first-child {
	margin-top: 0;
}

body#sitemap .main-content ul.navi > li p.title a {
	display: block;
	height: 28px;
	width: 278px;
	padding-left: 14px;
	background: #ffd900;
	line-height: 28px;
	font-weight: bold;
	color: #000;

	-webkit-border-top-left-radius: 3px;
	-webkit-border-top-right-radius: 3px;
	border-radius: 3px 3px 0 0;
	-moz-border-radius: 3px 3px 0 0;
}

body#sitemap .main-content ul.navi > li > ul > li a {
	display: block;
	height: 45px;
	width: 278px;
	padding-left: 14px;
	border-bottom: solid 1px #e0e2e9;
	line-height: 45px;
	color: #000;

    background: url(../img/sp_news_link_bg.png) 272px center no-repeat #FFF;
    background-size: 10px 25px;
}

body#sitemap .main-content ul.navi > li > ul > li:last-child a {
	border-bottom: none;

	-webkit-border-bottom-left-radius: 3px;
	-webkit-border-bottom-right-radius: 3px;
	border-radius: 0 0 3px 3px;
	-moz-border-radius: 0 0 3px 3px;
}

body#sitemap .main-content ul.navi > li.fifth_col p.title a {
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}

/*
 * SP Privacy
 */

body#privacy section.main
{
	margin-top: -55px;
	padding-top: 85px;
	-webkit-border-radius: 0;
	border-radius: 0;
	-moz-border-radius: 0;
}

body#privacy .main-content
{
	padding: 0 14px;
}

body#privacy .main-content index-title_02 {
	margin-bottom: 5px;
}

body#privacy .main-content dl.treatment dt {
	font-weight: bold;
}

body#privacy .main-content dl.treatment dd {
	margin-bottom: 25px;
}

/*
 * SP Information
 */

body.information {
	background: url(../img/sp_information_main.jpg) top center no-repeat;
	background-size: 320px auto;
}

body.information section.main {
	margin-top: 175px;
}

body.information .main-content .main-category ul {
	margin: 14px;
}

body.information .main-content .main-category ul li {
	margin-bottom: 5px;
}

body.information .main-content .main-category ul li span.date {
	display: block;
	width: 80px;
	font-weight: bold;
}

/*
 * SP Developmenttips > Recipe
 */
body#recipe:not([class~=list]) {
	background: url(../img/sp_recipe_main.jpg) top center no-repeat;
	background-size: 320px auto;
}

body#recipe:not([class~=list]) section.main {
	margin-top: 226px;
}

body#recipe[class~=list] section.main {
	margin-top: -55px;
	padding-top: 85px;
	-webkit-border-radius: 0;
	border-radius: 0;
	-moz-border-radius: 0;
}

body#recipe .sub-content div.menu {
	background: #ececec;
}

body#recipe .sub-content div.menu #sp_menu + ul {
	display: none;
}
body#recipe .sub-content div.menu #sp_menu + ul li span.num {
	display: none;
}

body#recipe .sub-content div.menu #sp_menu,
body#recipe .sub-content div.menu #sp_menu + ul li {
	position: relative;
	height: 50px;
    margin-bottom: 1px;
    background: #7b7a7a;
	line-height: 50px;
	text-indent: 14px;
	font-size: 11px;
	color: #FFF;
}

body#recipe .sub-content div.menu #sp_menu {
	margin-top: 10px;
    background: #afaeae url(../img/sp_footer_open_btn.png) 285px center no-repeat;
    background-size: 20px 20px;
}

body#recipe .sub-content div.menu #sp_menu + ul li a {
	display: block;
	background: url(../img/sp_footer_link_bg.png) 285px center no-repeat;
	background-size: 10px 25px;
	color: #FFF;
}

body#recipe .sub-content nav.navigation {
	margin-bottom: 20px;
	font-size: 10px;
	text-align: center;
}

body#recipe .sub-content nav.navigation .current {
	font-weight: bold;
}

body#recipe .sub-content div.return_allrecipe {
	padding: 0 14px;
}

body#recipe .sub-content .main .title {
	padding: 0 14px;
	padding-top: 20px;
	text-align: center;
	font-size: 14px;
}

body#recipe .sub-content .main .title h2 {
	margin: 0;
	padding: 0;
	font-size: 20px;
	color: #000;
}

body#recipe .sub-content .main .title p.time {
	display: inline;
	background: url(../img/sp_recipe_time_icon.jpg) left top no-repeat;
	background-size: 14px 14px;
	padding-left: 20px;
	font-size: 10px;
	color: #6d6d6d;
}

body#recipe .sub-content .main .title p.description {
	margin: 15px 0 25px 0;
	font-size: 10px;
	text-align: left;
}

body#recipe .sub-content .main .upper {
	text-align: center;
}

body#recipe:not([class~="list"]) .sub-content .main .upper .image {
	display: none;
}

body#recipe .sub-content .main .upper .image {
	margin-bottom: 25px;
}

body#recipe .sub-content .main .upper .image img {
	width: 50%;
	height: 50%;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}

body#recipe .sub-content .main .upper .material,
body#recipe .sub-content .main .bottom
{
	margin: 0 14px 25px 14px;
	padding: 18px 18px 25px 18px;
	background: #FFF;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

body#recipe .sub-content .main .upper .material > p > img,
body#recipe .sub-content .main .bottom > p > img
{
	display: none;
}

body#recipe .sub-content .main .upper .material > p:after,
body#recipe .sub-content .main .bottom > p:after
{
	display: block;
	height: 30px;
	text-align: left;
	font-size: 15px;
	color: #6d6d6d;
}

body#recipe .sub-content .main .upper .material > p:after {
	content: "材料";
}

body#recipe .sub-content .main .bottom > p:after {
	content: "つくり方";
}

body#recipe .sub-content .main .upper .material dl {
	border-bottom: solid 1px #ededed;
	font-size: 10px;
}

body#recipe .sub-content .main .upper .material dl dt {
	float: left;
	border-top: solid 1px #ededed;
	line-height: 30px;
}

body#recipe .sub-content .main .upper .material dt.utfc,
body#recipe .sub-content .main .upper .material dt.utfc + dd
{
	color: #ffd51c;
}


body#recipe .sub-content .main .upper .material dl dd {
	line-height: 30px;
	border-top: solid 1px #ededed;
	text-align: right;
}

body#recipe .sub-content .main .upper .material dd dl {
	padding-left: 10px;
	margin-top: 30px;
	border-bottom: none;
	font-size: 9px;
}

body#recipe .sub-content .main .bottom img {
	display: none;
}

body#recipe .sub-content .main .bottom ul {
	width: 100%;
	font-size: 10px;
}

body#recipe .sub-content .main .bottom ul li {
	border-top: solid 1px #ededed;
	padding: 10px 10px 10px 26px;
	padding-left: 26px;
	vertical-align: middle;
}

body#recipe .sub-content .main .bottom ul li p {
	position: relative;
}

body#recipe .sub-content .main .bottom ul li p span:first-child {
	position: absolute;
	top: 0;
	left: -25px;
	height: 15px;
	min-width: 15px;
	background: #ffd51c;
	line-height: 15px;
	text-align: center;
	font-size: 10px;
	color: #FFF;

	border-radius: 7px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
}

body#recipe .sub-content .main .bottom ul li p.point {
	margin-left: -16px;
	padding-top: 22px;
}

body#recipe .sub-content .main .bottom ul li p span.point {
	left: -9px;
	width: 50px;
}

body#recipe .sub-content .main .bottom ul li p span.utfc {
	color: #ffd51c;
}

/*body#recipe[class~=list] .sub-content .main {*/
body#recipe .sub-content .main {
	margin-bottom: 25px;
}

body#recipe .sub-content .main .all-in-one {
	background: #FFF;
	padding: 14px;
	overflow: hidden;
	font-size: 10px;

	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}

body#recipe .sub-content .main .all-in-one img {
	width: 100%;
	height: auto;
}

body#recipe .sub-content .main .all-in-one p {
	margin-bottom: 2em;
}

body#recipe .sub-content div.return_allrecipe a span {
	display: none;
}

body#recipe .sub-content div.return_allrecipe a:after {
	content: " ";
	display: inline-block;
	width: 292px;
	height: 75px;
	background: url(../img/sp_return_allrecipe_btn.jpg);
	background-size: contain;
}


/*
 * SP Company > *
 */

body.company:not([id=company]) section.main {

	margin-top: -55px;
	padding-top: 85px;
	-webkit-border-radius: 0;
	border-radius: 0;
	-moz-border-radius: 0;

}

body.company .sub-content .sub-category {
	padding: 0 14px;
	font-size: 9px;
}

body.company .sub-content .description {
	font-size: 15px;
}

/*
 * SP Promotion > *
 */

body.promotion .typical {
	margin-bottom: 25px;
	padding: 0 14px;
	text-align: center;
}

body.promotion .typical h3 {
	margin-bottom: 14px;
	font-size: 14px;
	color: #ffc21c;
}

body.promotion .typical ul {
	display: inline-block;
	width: 260px;
	text-align: left;
	font-size: 9px;
}

body.promotion .typical ul li {
	list-style: circle;
	list-style-position: inside;
}

body.promotion:not([id=promotion]) .slider {
	display: block;
	margin-bottom: 30px;
	padding: 0 14px;
	text-align: center;
}

body.promotion .slider p.title {
	margin-bottom: 10px;
	font-weight: bold;
	font-size: 11px;
	color: #a8a9ab;
}

body.promotion .slider .view-area:after { content: ''; display: block; clear: both; }

body.promotion .main .slider .prev img,
body.promotion .main .slider .next img
{
	vertical-align: baseline;
}

body.promotion .main .slider .prev {
	width: 36px;
	height: 130px;
	float: left;
	line-height: 130px;
	text-align: left;
}

body.promotion .main .slider .carousel {
	width: 220px;
	height: 130px;
	float: left;
}

body.promotion .main .slider  .slick-slider {
	margin-bottom: 0px;
}

body.promotion .main .slider .next {
	width: 36px;
	height: 130px;
	float: left;
	line-height: 130px;
	text-align: right;
}

body.promotion .slider p.notes {
	margin-top: 10px;
	clear: both;
	font-size: 9px;
	color: #a8a9ab;
}

body.promotion .sub-category h2 {
	font-size: 14px;
}

body.promotion .sub-category {
	margin-bottom: 25px;
	padding: 0 14px;
	text-align: center;
	font-size: 9px;
}

body.promotion .sub-category dl {
	width: 260px;
	margin: 0 auto;
	text-align: left;
}

body.promotion .sub-category dl:after { content: ''; display: block; clear: both; }

body.promotion .sub-category dt {
	float: left;
	width: 35px;
}

body.promotion .sub-category dd {
	width: auto;
	white-space: nowrap;
}

body.promotion .award {
	position: relative;
	height: 46px;
	margin: 61px 28px 0 28px;
	padding-top: 20px;
	background: #FFF;
	text-align: center;
	font-size: 9px;
	-webkit-border-radius: 33px;
	border-radius: 33px;
	-moz-border-radius: 33px;
}

body.promotion .award span {
	position: absolute;
	top: -36px;
	left: 113px;
	display: block;
	width: 37px;
	height: 53px;
	margin: 0 auto;
	background: url(../img/sp_promotion_award.jpg);
	background-size: cover;
}

/*
 * SP Promotion > Domestic
 */

body#domestic {
	background: url(../img/sp_domestic_main.jpg) top center no-repeat;
	background-size: 320px auto;
}

body#domestic section.main {
	margin-top: 126px;
}

/*
 * SP Promotion > Foreign
 */

body#foreign {
	background: url(../img/sp_foreign_main.jpg) top center no-repeat;
	background-size: 320px auto;
}

body#foreign section.main {
	margin-top: 126px;
}

/*
 * SP Promotion > shortseminar
 */

body#shortseminar {
	background: url(../img/sp_shortseminar_main.jpg) top center no-repeat;
	background-size: 320px auto;
}

body#shortseminar section.main {
	margin-top: 126px;
}

body#shortseminar section.main .sub-category ul:after { content: ''; display: block; clear: both; }

body#shortseminar section.main .sub-category ul li {
	display: block;
	float: left;
	width: 92px;
	height: 120px;
	margin-right: 8px;
	margin-bottom: 8px;
	line-height: 1.2;
	font-size: 9px;
}

body#shortseminar section.main .sub-category ul li img {
	margin-bottom: 4px;
}

body#shortseminar section.main .sub-category ul li:nth-child(3n) {
	margin-right: 0;
}

/*
 * SP Promotion > Lecture
 */

body#lecture {
	background: url(../img/sp_lecture_main.jpg) top center no-repeat;
	background-size: 320px auto;
}

body#lecture section.main {
	margin-top: 126px;
}

body#lecture section.main .contact {
	padding: 0 14px;
}

/*
 * SP Promotion > Holdlecture
 */

body#holdlecture {
	background: url(../img/sp_holdlecture_main.jpg) top center no-repeat;
	background-size: 320px auto;
}

body#holdlecture section.main {
	margin-top: 126px;
}

body#holdlecture section.main .contact {
	padding: 0 14px;
}

body#holdlecture section.main .sub-category ul {
}

body#holdlecture section.main .sub-category ul li {
	margin-bottom: 14px;
}

body#holdlecture section.main .sub-category ul li .head {
	padding: 10px;
	background: #ffc11c;
	text-align: center;
	font-size: 13px;
	color: #FFF;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	border-radius: 10px 10px 0 0;
	-moz-border-radius: 10px 10px 0 0;
}

body#holdlecture section.main .sub-category ul li .body {
	padding: 10px;
	background: #FFF;
	text-align: left;
	font-size: 9px;
	-webkit-border-bottom-left-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
	border-radius: 0 0 10px 10px;
	-moz-border-radius: 0 0 10px 10px;
}

body#holdlecture section.main .sub-category ul li .body p {
	margin-bottom: 20px;
}

body#holdlecture section.main .sub-category ul li .body p:last-child {
	margin-bottom: 10px;
}

/*
 * SP Company > Profile
 */

body#profile .sub-content .sub-category > dl {
	font-size: 9px;
}

body#profile .sub-content .sub-category > dl > dt {
	clear: left;
	float: left;
	width: 55px;
	padding-left: 13px;
	font-weight: bold;
}
body#profile .sub-content .sub-category > dl > dd {
	display: block;
	margin-left: 68px;
	margin-bottom: 15px;
}

body#profile .sub-content .sub-category > dl > dd > dl.post dt {
	float: left;
	width: 85px;
}

body#profile .sub-content .sub-category > dl > dt.chart {
	position: relative;
	z-index: 2;
}

body#profile .sub-content .sub-category > dl > dd.chart {
	position: relative;
	z-index: 1;
	margin-left: 0;
	height: 150px;
}

body#profile .sub-content .sub-category > dl > dd.chart img {
	position: absolute;
	left: 0;
}

/*
 * SP Company > Message
 */

body#message .sub-content .sub-category .president-message {
	padding: 0 8px;
}

body#message .sub-content .sub-category .president-message > p {
	margin-bottom: 30px;
}

body#message .sub-content .sub-category .president-name {
	text-align: right;
}

/*
 * SP Company > philosophy
 */

body#philosophy .sub-content .sub-category .content-list {
	margin-bottom: 30px;
	padding: 30px 0;
	background: #FFF;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	-moz-border-radius: 10px;
}

body#philosophy .sub-content .sub-category .content-list li {
	margin-bottom: 30px;
	font-size: 11px;
	text-align: center;
}

body#philosophy .sub-content .sub-category .content-list li:last-child {
	margin-bottom: 0;
}

body#philosophy .sub-content .sub-category p.description {
	text-align: center;
	font-size: 12px;
}

body#philosophy .sub-content .sub-category p.description strong {
	font-weight: normal;
}

/*
 * SP Company > mpofs
 */

body#mpofs .sub-content .description {
	font-size: 9px;
}

body#mpofs .sub-content .sub-category {
	margin-bottom: 70px;
}

body#mpofs .sub-content .adobe-reader {
	padding: 0 14px;
	font-size: 9px;
}

body#mpofs .sub-content .adobe-reader .download {
	margin-bottom: 20px;
	padding: 0 14px;
}

/*
 * SP Business > *
 */

body.business section.main .sub-content .sub-title,
body.business section.main .sub-content .sub-title h2
{
	margin-bottom: 14px;
}

body.business section.main .sub-content div.description {
	padding: 0 14px;
	font-size: 9px;
}

body.business section.main .sub-content div.description p {
	margin-bottom: 14px;
}

body.business section.main .sub-content .sub-category {
	padding: 0 14px;
}

body.business section.main .sub-content .sub-category h3,
body#global section.main .sub-content .sub-category .sample
{
	margin-bottom: 15px;
	text-align: center;
	font-size: 14px;
	color: #878787;
}

body.business section.main .sub-content .sub-category p.description {
	margin-bottom: 20px;
	text-align: center;
	font-size: 9px;
}


/*
 * SP Business > material
 */

body#material {
	background: url(../img/sp_material_main.jpg) top center no-repeat;
	background-size: 320px auto;
}

body#material section.main {
	margin-top: 175px;
}

/*
 * SP Business > oem
 */

body#oem {
	background: url(../img/sp_oem_main.jpg) top center no-repeat;
	background-size: 320px auto;
}

body#oem section.main {
	margin-top: 175px;
}

/*
 * SP Business > global
 */

body#global {
	background: url(../img/sp_global_main.jpg) top center no-repeat;
	background-size: 320px auto;
}

body#global section.main {
	margin-top: 175px;
}

body#global section.main .sub-content .sub-category .sample {
}

body#global .sub-content .sub-category ul li a {
	display: block;
}
body#global .sub-content .sub-category ul li.global_original_nolink {
	background-image: none;
}
body#global .sub-content .sub-category .global_detail_01 {
	margin: 30px 0;
	padding: 10px;
	background: #fff;
}
body#global .sub-content .sub-category .global_detail_01 dl {
	margin: 0 0 10px 0;
	padding: 0;
}
body#global .sub-content .sub-category .global_detail_01 dl dt {
	margin: 0 0 5px 0;
	padding: 0;
	font-weight: bold;
}
body#global .sub-content .sub-category .global_detail_01 dl dd {
	margin: 0 0 0 1em;
	padding: 0;
}
body#global .sub-content .sub-category .global_detail_01 dl + dl {
	border-top: 1px solid #ededed;
	padding: 10px 0 0 0;
}
body#global .sub-content .sub-category .global_detail_02 {
	margin: 30px 0;
	color: #f00;
}
body#global .sub-content .sub-category .global_img_map img {
	max-width: 100%;
}

/*
 * SP Product > *
 */

body.business section.main .sub-content ul.content-list li,
body.product section.main .sub-content ul.content-list li
{
	-webkit-border-radius: 10px;
	border-radius: 10px;
	-moz-border-radius: 10px;
}

body.business section.main .sub-content ul.content-list li:nth-child(1),
body.product section.main .sub-content ul.content-list li:nth-child(1)
{
	background: #ffa600;
}

body.business section.main .sub-content ul.content-list li:nth-child(2),
body.product section.main .sub-content ul.content-list li:nth-child(2)
{
	background: #fa755f;
}

body.business section.main .sub-content ul.content-list li:nth-child(3),
body.product section.main .sub-content ul.content-list li:nth-child(3)
{
	background: #7bbfb9;
}

body.product section.main .sub-content ul.content-list li:nth-child(4) {
	background: #9cc161;
}
body.product section.main .sub-content ul.content-list li:nth-child(5) {
	background: #e6921a;
}

body.product section.main .sub-content ul.content-list li:nth-child(6) {
	background: #c9a385;
}

body.product section.main .sub-content ul.content-list li:nth-child(7) {
	background: #d683cb;
}

body.product section.main .sub-content ul.content-list li:nth-child(8) {
	background: #3e92c4;
}

body.business section.main .sub-content ul.content-list div.product,
body.product section.main .sub-content ul.content-list div.product
{
	padding: 22px;
}

body.business section.main .sub-content ul.content-list div.product p.title,
body.product section.main .sub-content ul.content-list div.product p.title
{
	font-size: 12px;
	margin-bottom: 15px;
}

body.business section.main .sub-content ul.content-list div.product p.description,
body.product section.main .sub-content ul.content-list div.product p.description
{
	margin-bottom: 15px;
	font-size: 9px;
}

body.business section.main .sub-content ul.content-list div.product p.info,
body.product section.main .sub-content ul.content-list div.product p.info
{
	text-align: center;
	font-size: 13px;
}

body.business section.main .sub-content ul.content-list div.product p.info a,
body.product section.main .sub-content ul.content-list div.product p.info a
{
	color: #FFF;
}

body.business section.main .sub-content ul.content-list div.product p.info a:after,
body.product section.main .sub-content ul.content-list div.product p.info a:after
{
	content: ">";
}


/*
 * SP Product > Texturizer
 */

body#texturizer {
	background: url(../img/sp_texturizer_main.jpg) top center no-repeat;
	background-size: 320px auto;
}

body#texturizer section.main {
	margin-top: 175px;
}

/*
 * SP Product > Thickener
 */

body#thickener {
	background: url(../img/sp_thickener_main.jpg) top center no-repeat;
	background-size: 320px auto;
}

body#thickener section.main {
	margin-top: 175px;
}

/*
 * SP Product > Foodmaterial
 */

body#foodmaterial {
	background: url(../img/sp_food-material_main.jpg) top center no-repeat;
	background-size: 320px auto;
}

body#foodmaterial section.main {
	margin-top: 175px;
}

/*
 * SP Product > Functionalmaterial
 */

body#functionalmaterial {
	background: url(../img/sp_functionalmaterial_main.jpg) top center no-repeat;
	background-size: 320px auto;
}

body#functionalmaterial section.main {
	margin-top: 175px;
}

body#functionalmaterial section.main .sub-content ul.content-list li:nth-child(1) {
	background: #9cc161;
}

body#functionalmaterial section.main .sub-content ul.content-list li:nth-child(2) {
	background: #7abfb9;
}

body#functionalmaterial section.main .sub-content ul.content-list li:nth-child(3) {
	background: #ffa500;
}

/*
 * SP Product > Pectin
 */

body#pectin {
	background: url(../img/sp_functionalmaterial_main.jpg) top center no-repeat;
	background-size: 320px auto;
}

body#pectin section.main {
	margin-top: 175px;
}

/*
 * SP Product > * > *
 */

body.product.tables section.main .sub-content .sub-title,
body.product.tables section.main .sub-content .sub-title h2
{
	margin-bottom: 14px;
}

body.product.tables section.main .sub-content .sub-title .description {
	margin-bottom: 35px;
}

body.product.tables section.main .sub-content ul.content-list li {
	clear: both;
	margin-bottom: 25px;
	background: #FFF !important;
}

body.product.tables section.main .sub-content ul.content-list li div.product p.description {
	margin-bottom: 0;
}

body.product.tables section.main .sub-content ul.content-list li .more {
	height: 78px;
}

body.product.tables section.main .sub-content ul.content-list li .more .info {
	float:left;
	width: 146px;
}

body.product.tables section.main .sub-content ul.content-list li .more .online-shop {
	float: right;
	width: 146px;
}

/*
 * SP Product > Thickener > pectin
 */

body#pectin {
	background: url(../img/sp_pectin_main.jpg) top center no-repeat;
	background-size: 320px auto;
}

body#pectin section.main {
	margin-top: 126px;
}

/*
 * SP Product > Thickener > carrageenan
 */

body#carrageenan {
	background: url(../img/sp_carrageenan_main.jpg) top center no-repeat;
	background-size: 320px auto;
}

body#carrageenan section.main {
	margin-top: 126px;
}

/*
 * SP Product > Thickener > xanthangum
 */

body#xanthangum {
	background: url(../img/sp_xanthangum_main.jpg) top center no-repeat;
	background-size: 320px auto;
}

body#xanthangum section.main {
	margin-top: 126px;
}

/*
 * SP Product > Thickener > galactomannan
 */

body#galactomannan {
	background: url(../img/sp_galactomannan_main.jpg) top center no-repeat;
	background-size: 320px auto;
}

body#galactomannan section.main {
	margin-top: 126px;
}

body.product.tables section.main .sub-content .sub-title h2
{
	margin-bottom: 14px;
}

/*
 * SP Product > Thickener > methylcellulose
 */

body#methylcellulose {
	background: url(../img/sp_methylcellulose_main.jpg) top center no-repeat;
	background-size: 320px auto;
}

body#methylcellulose section.main {
	margin-top: 126px;
}

/*
 * SP Secure > *
 */

body.secure section.main .sub-content .sub-category {
	padding: 0 14px;
}

body.secure section.main .sub-content .sub-category h3 {
	margin-bottom: 15px;
	text-align: center;
	font-size: 14px;
}

body.secure section.main .sub-content .sub-category p.description {
	font-size: 10px;
}

/*
 * SP Secure > FSSC
 */

body#fssc {
	background: url(../img/sp_fssc_main.jpg) top center no-repeat;
	background-size: 320px auto;
}

body#fssc section.main {
	margin-top: 175px;
}

/*
 * SP Secure > compliance
 */

body#compliance {
	background: url(../img/sp_compliance_main.jpg) top center no-repeat;
	background-size: 320px auto;
}

body#compliance section.main {
	margin-top: 175px;
}

body#compliance section.main .sub-content .sub-category.norm {
	margin-bottom: 40px;
}

body#compliance section.main .sub-content .sub-category.norm ul.contents {
	margin-top: 30px;
	font-size: 10px;
}

body#compliance section.main .sub-content .sub-category.norm ul.contents li {
	margin-bottom: 20px;
}

body#compliance section.main .sub-content .sub-category.norm ul.contents .num {
	text-align: center;
	font-size: 25px;
	color: #ffd51c;
}

body#compliance .sub-content .sub-category.rule ul.contents:after { content: ''; display: block; clear: both; }

body#compliance .sub-content .sub-category.rule ul.contents li {
	float: left;
	display: block;
	width: 140px;
	height: 140px;
	background: url(../img/sp_compliance_bg.jpg);
	background-size: cover;
	margin: 0 12px 12px 0px;
}

body#compliance .sub-content .sub-category.rule ul.contents li:nth-child(2n) {
	margin-right: 0;
}

body#compliance .sub-content .sub-category.rule ul.contents li p.num {
	margin-top: 25px;
	line-height: 1;
	text-align: center;
	font-size: 25px;
	color: #ffd51c;
}

body#compliance .sub-content .sub-category.rule ul.contents li p.num + p {
	margin-top: 5px;
	text-align: center;
	font-size: 9px;
}

/*
 * SP Secure > foodsafety
 */

body#foodsafety {
	background: url(../img/sp_foodsafety_main.jpg) top center no-repeat;
	background-size: 320px auto;
}

body#foodsafety section.main {
	margin-top: 175px;
}

body#foodsafety section.main .sub-content .sub-category.norm {
	margin-bottom: 40px;
}

body#foodsafety .sub-content .sub-category.rule ul.contents {
	position: relative;
	height: 268px;
}

body#foodsafety .sub-content .sub-category.rule ul.contents li {
	position: absolute;
	display: block;
	width: 140px;
	height: 140px;
	background: url(../img/sp_secure_bg.png);
	background-size: cover;
}

body#foodsafety .sub-content .sub-category.rule ul.contents li:nth-child(1) {
	top: 0;
	left: 76px
}

body#foodsafety .sub-content .sub-category.rule ul.contents li:nth-child(2) {
	bottom: 0;
	left: 0;
}

body#foodsafety .sub-content .sub-category.rule ul.contents li:nth-child(3) {
	bottom: 0;
	right: 0;
}

body#foodsafety .sub-content .sub-category.rule ul.contents li p.num {
	margin-top: 20px;
	line-height: 1;
	text-align: center;
	font-size: 25px;
	color: #ffd51c;
}

body#foodsafety .sub-content .sub-category.rule ul.contents li p.num + p {
	margin-top: 5px;
	text-align: center;
	font-size: 9px;
}



}


/* Print styles
-------------------------------------------------------------------------------*/
/*
@media print {



}
*/


/* For PC
-------------------------------------------------------------------------------*/

@media print, screen and (min-width: 641px) {

/* A Linux- and Windows-friendly sans-serif font stack: http://prospects.mhurrell.co.uk/post/updating-the-helvetica-font-stack */
body {
	font: 12px "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
	/*font: 13px Helmet, Freesans, sans-serif;*/
}

/* Using local fonts? Check out Font Squirrel's webfont generator: http://www.fontsquirrel.com/tools/webfont-generator */

/* We like off-black for text. */
body, select, input, textarea {
	color: #333;
}

a {
	color: #000; text-decoration:none;
}

a:hover {
	color: #999;
}

a:hover img {
	opacity:0.6;
	filter:alpha(opacity=60);
	-ms-filter: "alpha( opacity=60 )";
	background:none!important;
}
/* Custom text-selection colors (remove any text shadows: http://twitter.com/miketaylr/status/12228805301) */
::-moz-selection{background: #fcd700; color: #fff; text-shadow: none;}
::selection {background: #fcd700; color: #fff; text-shadow: none;}

/*	j.mp/webkit-tap-highlight-color */
a:link {-webkit-tap-highlight-color: #fcd700;}

ins {background-color: #fcd700; color: #000; text-decoration: none;}
mark {background-color: #fcd700; color: #000; font-style: italic; font-weight: bold;}

/* Mozilla dosen't style placeholders by default */
input:-moz-placeholder { color:#a9a9a9; }
textarea:-moz-placeholder { color:#a9a9a9; }

/* フォームリセット */
input, button, textarea, select {
	margin: 0;
	padding: 0;
	background: none;
	border: none;
	border-radius: 0;
	outline: none;

	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

.sp-only {
	display: none !important;
}

/*
.clearfix:after {
	content: "";
	clear: both;
	display: block;
}
*/
.container {
	position: relative;
	z-index: 2;
	width: 1000px;
	margin: 0 auto;
}

.header {
	position: relative;
	z-index: 999;
	height: 100px;
	margin: 0 auto;
	vertical-align: bottom;
	/*overflow: hidden;*/
}


.main {
	position: relative;
	margin: 0 auto;
	background: #f6f6f6;
}

.main div.dummy {
	z-index: 0;
	position: absolute;
	top: 0;
	height: 70px;
	width: 100%;
	background: #ffffff;
}

.main .subnav {
	top: 0;
	height: 74px;
	width: 100%;
	background: #ffffff;
}

.footer {
	clear: left;
	margin: 0 auto;
	background: #dddddd url(../img/footer_kei.png) 0 48px repeat-x;
}

.header .title {
	float: left;
	width: 310px;
	height: 100px;
	padding-top: 24px;
	overflow: hidden;
}
.header h1 {
}
.header p {
	height: 36px;
	padding-left: 38px;
	overflow: hidden;
}

.header .nav {
	position: relative;
	width: 640px;
	float: right;
	margin-top: 40px;
}

.header .nav ul.main li {
	float: left;
	width: 90px;
	height: 40px;
	text-align: center;
	line-height: 40px;
}

.header .nav ul.main li.selected,
.header .nav ul.main li:hover
{
	background: url("../img/navi_header_active.png") no-repeat center bottom;
}


.header .nav ul.sub > li {
	float: left;
	width: 85px;
	height: 55px;
	margin-top: -15px;
	padding-top: 15px;
	border-right: solid 1px #000000;
	line-height: 40px;
	text-align: center;
}

.header .nav ul.sub > li:first-child {
	width: 81px;
	border-left: solid 1px #000000;
}

.header .nav ul.sub li.shopping {
	margin-top: -40px;
	padding-top: 0;
	border: 0;
	height: 80px;
	background: #ffd51c url(../img/icon_shop.png) no-repeat center 15px;
	line-height: 1;

	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
}

.header .nav ul.sub li.shopping a {
	display: block;
	height: 80px;
	padding-top: 50%;
}

.header .nav ul.sub li.share {
	background:url(../img/icon_share.png) no-repeat center top;
}

.header .nav ul.sub li.lang {
	background:url(../img/icon_globe.png) no-repeat center top;
}
.header .nav ul.sub li.catalog {
	background:url(../img/icon_catalog.png) no-repeat center top;
    line-height: 1;
    padding-top: 26px;
}

.header .nav ul.sub > li:first-child {
	margin-left: 20px;
}

.header .nav ul.sub > li > ul {
	z-index: 100;
	position: relative;
	display: none;
	left: -1px;
	width: 86px;
	border: solid 1px #000000;
	border-top: none;
	background: #ffffff;

	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
}

.header .nav ul.sub > li > ul > li:first-child {
	background: url(../img/navi_pulldown.png) no-repeat top center;
}

.header .nav ul.sub > li > ul > li:first-child img {
	margin-top: 15px;
}

.header .nav ul.sub > li > ul.share > li:first-child,
.header .nav ul.sub > li > ul.share > li + li + li + li
{
	height: 50px;
}

.header .nav ul.sub > li > ul.lang > li:first-child,
.header .nav ul.sub > li > ul.lang > li + li
{
	height: 65px;
}

.header .nav ul.sub > li > ul > li {
	line-height: 1;
}

.main .slider {
	width: 1150px;
	height: 418px;
	margin-left: -75px;
    overflow: hidden;
}

.main .slider .prev {
	width: 75px;
	height: 418px;
	float: left;
	line-height: 418px;
}

.main .slider .carousel {
	width: 1000px;
	height: 418px;
	float: left;
}

.main .slider .next {
	width: 75px;
	height: 418px;
	float: left;
	line-height: 418px;
	text-align: right;
}

.main .menus {
	width: 800px;
	margin: 0 auto 50px auto;
}

.main .menus2 {
    margin-top: 30px;
	width: calc(800px + 150px);
}

.main .menus ul li {
	width: 150px;
	height: 130px;
	float: left;
	text-align: center;
}

.main .banner {
	margin-bottom: 50px;
}

.main .banner img {
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}

.main .news {
	width: 1000px;
	height: 250px;
	margin-bottom: 50px;
}

.main .news .tabs {
	position: relative;
	z-index:2;
}

.main .news .tabs > .tab {
	float: left;
	margin-right: 4px;
	border-bottom: solid 1px #e9e9e9;
}

.main .news .tabs > .tab img {
	vertical-align: bottom;
}

.main .news .tabs > .tab.active {
	border-bottom: solid 1px #ffffff;
}

.main .news .panels {
	z-index:1;
	position: relative;
	top: -1px;
	clear: left;
	height: 204px;
	background: #ffffff;
	border: solid 1px #e9e9e9;
	border-top-right-radius: 10px;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
}

.main .news .panels > .panel {
	display: none;
}

.main .news .panels > .panel.active {
	display: block;
}

.main .news .panels > .panel ul {
	margin: 15px 50px;
}

.main .news .panels > .panel ul li {
	line-height: 30px;
	padding-left: 40px;
}

.main .news .panels > .panel ul li.page {
	background: url(../img/icon_news.png) no-repeat 0 4px;
}

.main .news .panels > .panel ul li.pdf {
	background: url(../img/pdf_icon.png) no-repeat 0 4px;
}

.main .news .panels > .panel ul li span.date {
	float: left;
	display: block;
	width: 80px;
	margin-right: 10px;
}

.main .news .panels > .panel ul li a {
	/*margin-left: 10px;*/
	text-decoration: underline;
	color: #333333;
}
    .main .news .panels > .panel ul li a:hover{
        opacity: .8;
        text-decoration: none;
    }


.main .news .panels > .panel .information_list {
	position: absolute;
	display: table-cell;
	bottom: 0;
	right: 0;
}
.main .news .panels > .panel .information_list a {
	display:block;
	padding: 10px;
	color: #919191;
}

.main .contents {
	width: 1000px;
	padding-bottom: 50px;
}

.main .contents ul li {
	width: 318px;
	height: 275px;
	float: left;
	margin-right: 23px;
	margin-bottom: 25px;
}

.main .contents ul li:nth-child(3n)
{
	margin-right: 0px;
}

/* for IE8 */
.main .contents ul li:first-child + li + li,
.main .contents ul li:first-child + li + li + li + li + li
{
	margin-right: 0px;
}

.main .contents ul li img {
	vertical-align: bottom;
}

.main .contents ul li div {
	background: #ffffff;
	height: 123px;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
}

.main .contents ul li .title {
	height: 50px;
	line-height: 50px;
	text-align: center;
	font-size: larger;
	font-weight: bold;
}

.main .contents ul li .title:before {
	padding-right: 10px;
	content: url("../img/top_content_title_list.png");
	vertical-align: middle;
}

/*.main .contents ul li .title:after {
	padding-left: 10px;
	content: url("../img/top_content_title_popup.png");
	vertical-align: middle;
}*/

.main .contents ul li .description {
	margin: 0 10px 10px 10px;
}

.main .navi_page_top {
/*
	text-align: right;
	margin-bottom: 50px;
*/
	position: fixed;
	bottom: 20px;
	width: 1000px;
	z-index: 100;
	margin: 0 auto;
	text-align: right;
}

.main .navi_page_top a {
	width: 59px;
	height: 59px;
}

.main .navi_site_top {
	padding-right: 40px;
	margin-bottom: 15px;
}

.main .navi_site_top:before {
	padding-right: 10px;
	content: url("../img/navi_triangle.png");
}

.footer .navi_site_top {
	margin-bottom: 15px;
	padding-top: 15px;
	padding-right: 40px;
}

.footer .navi_site_top:before {
	padding-right: 10px;
	content: url("../img/navi_triangle.png");
}

.footer ul.navi {
	padding: 20px 0 10px 0;
}

.footer ul > li > p.title {
	padding-left: 20px;
	background:url(../img/footer_list_main.png) no-repeat left center;
	line-height: 20px;
	color: #818181;
}

.footer ul > li > p.title a {
	color: #818181;
}

.footer ul > li > ul {
	margin-left: 20px;
	margin-bottom: 25px;
}
.footer ul > li > ul > li > ul {
	margin-left: 10px;
	margin-bottom: 10px;
}
.footer ul > li > ul > li {
	padding-left: 20px;
	background:url(../img/footer_list_sub.png) no-repeat left 8px;
	line-height: 20px;
	font-size: x-small;
}

.footer ul li.first_col {
	float: left;
	width: 200px;
}

.footer ul li.second_col {
	float: left;
	width: 200px;
}

.footer ul li.third_col {
	float: left;
	width: 200px;
}

.footer ul li.fourth_col {
	float: left;
	width: 235px;
}

.footer ul li.fifth_col {
	float: left;
	width: 165px;
}

.footer .copyright {
	background: #FFF;
	clear: left;
	font-size:xx-small;
}

.footer .copyright p {
	clear: left;
	width: 1000px;
	margin: 0 auto;
	font-size:xx-small;
}

.footer .copyright img {
	vertical-align: middle;
}

.footer .copyright span {
	margin: 0 50px 0 25px;
}

/*
 * sub page
 * category main
 */

.main-content {
	margin-bottom: 135px;
}

.main .subnav ul.contents {
	margin: 0 auto;
	width: 1000px;
	position: relative;
}

.main .subnav ul.contents li {
	float: left;
}

.main .subnav ul.contents li a {
	display: block;
	width: 200px;
	height: 74px;
	background: #FFF;
}

.main .subnav ul.contents li a:hover,
.main .subnav ul.contents li a.selected
{
	border-bottom: solid 4px #ffd51c;
}

.main .container ul.breadcrumbs {
	height: 30px;
}

.main .container ul.breadcrumbs li {
	float: left;
	margin-left: 10px;
	padding-top: 15px;
}

.main .container ul.breadcrumbs li:first-child {
	margin-left: 0;
}

.main .container ul.breadcrumbs li a:after {
	content: ">";
	margin-left: 10px;
	text-decoration: none;
}

.main .container ul.breadcrumbs li span {
	text-decoration: underline;
}

.main .container .main-content {
	clear: both;
	position: relative;
	top: -10px;
	background: url(../img/content_title_bg.png) center top no-repeat;
}

.main .container .main-content h2 {
	height: 100px;
	margin-bottom: 10px;
	padding-top: 20px;
	text-align: center;
	font-size: 36px;
	line-height: 1;
}

.main .container .main-content h2 span {
	display: block;
	margin-top: 10px;
	font-size: 22px;
	color: #ffd51c;
}

.main .container .main-content > p.description,
.main .container .main-content > div > p.description
{
	height: 50px;
	text-align: center;
	font-size: 14px;
}

/*
 * sub page
 * Product
 */

body#product .main .container .main-content {
	top: 0;
	margin-top: 20px;
	background: url(../img/content_title_bg.png) center 470px no-repeat;
}

body#product .main .container .main-content h2 {
	margin-top: 50px;
}

body#product .main .container .main-content ul {
	position: relative;
	height: 830px;
	margin-top: -70px;
}

body#product .main .container .main-content ul li {
	position: absolute;
	display: block;
	width: 392px;
	height: 392px;
	padding-top: 210px;
	text-align: center;
}

body#product .main .container .main-content ul li a.image-blank {
	position: absolute;
	top: 0;
	left: 0;
	height: 210px;
	width: 392px;
}

body#product .main .container .main-content ul li.texturizer {
	top: 0;
	left: 60px;
	background:url(../img/product_texturizer.png);
}

body#product .main .container .main-content ul li.thickener {
	top: 0;
	right: 60px;
	background: url(../img/product_thickener.png);
}

body#product .main .container .main-content ul li.food-material {
	bottom: 0;
	left: 60px;
	background:url(../img/product_food-material.png);
}

body#product .main .container .main-content ul li.functional-material {
	bottom: 0;
	right: 60px;
	background:url(../img/product_functional-material.png);
}


body#product .main .container .main-content ul li .title {
	height: 60px;
	line-height: 60px;
	text-align: center;
	font-size: larger;
	font-weight: bold;
}

body#product .main .container .main-content ul li .title:before {
	padding-right: 10px;
	content: url("../img/top_content_title_list.png");
	vertical-align: middle;
}

body#product .main .container .main-content ul li .title:after {
	padding-left: 10px;
	content: "　";
	vertical-align: middle;
}

body#product .main .container .main-content ul li .description {
	margin: 0 10px 10px 10px;
}

body#product .main .container .main-content ul li .detail {
	margin-top: 10px;
}

body#product .main .container .main-content ul li .detail a {
	text-decoration: underline;
}

body#product .main .container .main-content ul li .detail:before {
	padding-right: 10px;
	content: ">>";
	vertical-align: middle;
}


/*
 * sub page
 * Secure
 */

body#secure .main .container .main-content {
	top: 0;
	margin-top: 20px;
	background: url(../img/content_title_bg.png) center 470px no-repeat;
}

body#secure .main .container .main-content h2 {
	margin-top: 50px;
}

body#secure .main .container .main-content > p.description,
body#secure .main .container .main-content > div > p.description
{

	height: auto;
}

body#secure .main .container .main-content > p.description strong,
body#secure .main .container .main-content > div > p.description strong
{
	display: block;
	margin-top: 45px;
	margin-bottom: 20px;
	font-size: 22px;
	color: #343434;
}

body#secure .main .container .main-content ul {
	position: relative;
	height: 440px;
	margin-top: 40px;
}

body#secure .main .container .main-content ul li {
	position: absolute;
	display: block;
	width: 330px;
	height: 286px;
	padding-top: 175px;
	text-align: center;
}

body#secure .main .container .main-content ul li a.image-blank {
	position: absolute;
	top: 0;
	left: 0;
	height: 175px;
	width: 330px;
}

body#secure .main .container .main-content ul li.fssc {
	left: 0px;
	background:
	url(../img/secure_fssc.jpg);
}

body#secure .main .container .main-content ul li.compliance {
	left: 335px;
	bottom: 0;
	background: url(../img/secure_compliance.png);
}

body#secure .main .container .main-content ul li.safe {
	right: 0px;
	background: url(../img/secure_food-safety.png);
}

body#secure .main .container .main-content ul li .title {
	height: 60px;
	padding-top: 5px;
	line-height: 60px;
	text-align: center;
	font-size: larger;
	font-weight: bold;
}

body#secure .main .container .main-content ul li .title:before {
	padding-right: 10px;
	content: url("../img/top_content_title_list.png");
	vertical-align: middle;
}

/*body#secure .main .container .main-content ul li .title:after {
	padding-left: 10px;
	content: url("../img/top_content_title_popup.png");
	vertical-align: middle;
}*/

body#secure .main .container .main-content ul li .detail {
	margin-top: 10px;
}

body#secure .main .container .main-content ul li .detail a {
	text-decoration: underline;
	color: #909090;
}

body#secure .main .container .main-content ul li .detail:before {
	padding-right: 10px;
	content: ">>";
	vertical-align: middle;
}


/*
 * sub page
 * Business Outline
 */

body#business .main .container .main-content ul {
	position: relative;
	height: 686px;
}

body#business .main .container .main-content ul li {
	position: absolute;
	display: block;
	width: 392px;
	height: 392px;
	padding-top: 210px;
	text-align: center;
}

body#business .main .container .main-content ul li a.image-blank {
	position: absolute;
	top: 0;
	left: 0;
	height: 210px;
	width: 392px;
}

body#business .main .container .main-content ul li.material {
	left: 20px;
	background:url(../img/business_food-material.png);
}

body#business .main .container .main-content ul li.oem {
	right: 20px;
	background: url(../img/business_oem.png);
}

body#business .main .container .main-content ul li.global {
	left: 314px;
	bottom: 0px;
	background: url(../img/business_global.png);
}

body#business .main .container .main-content ul li .title {
	height: 60px;
	line-height: 60px;
	text-align: center;
	font-size: larger;
	font-weight: bold;
}

body#business .main .container .main-content ul li .title:before {
	padding-right: 10px;
	content: url("../img/top_content_title_list.png");
	vertical-align: middle;
}

/*body#business .main .container .main-content ul li .title:after {
	padding-left: 10px;
	content: url("../img/top_content_title_popup.png");
	vertical-align: middle;
}*/

body#business .main .container .main-content ul li .description {
	margin: 0 10px 10px 10px;
}

body#business .main .container .main-content ul li .detail {
	margin-top: 10px;
}

body#business .main .container .main-content ul li .detail a {
	text-decoration: underline;
}

body#business .main .container .main-content ul li .detail:before {
	padding-right: 10px;
	content: ">>";
	vertical-align: middle;
}


/*
 * sub page
 * Business > Global
 */

body#global .sub-content .sub-category h3 {
	margin: 50px 0 20px 0;
	text-align: center;
	font-size: 22px;
	color: #7a7c84;
}

body#global .sub-content .sub-category p.description {
	text-align: center;
	font-size: 14px;
}

body#global .sub-content .sub-category p.sample {
	margin: 40px 0 20px 0;
	text-align: center;
	font-size: 20px;
	color: #7a7c84;
}

body#global .sub-content .sub-category ul {
	width: 1000px;
	text-align: center;
}

body#global .sub-content .sub-category ul li {
	display: inline-block;
	width: 240px;
	height: 220px;
	margin-right: 20px;
	padding-top: 140px;
}

body#global .sub-content .sub-category ul li:nth-child(3n) {
	margin-right: 0;
}

body#global .sub-content .sub-category ul.global-ul-large li {
	width: 220px;
}
body#global .sub-content .sub-category ul.global-ul-large li:nth-child(3n) {
	margin-right: 20px;
}
body#global .sub-content .sub-category ul.global-ul-large li:nth-child(4n) {
	margin-right: 0;
}

body#global .sub-content .sub-category ul li.global_original_01 {
	margin-bottom: 20px;
	background: url(../img/global_original_01.png);
}
body#global .sub-content .sub-category ul li.global_original_02 {
	margin-bottom: 20px;
	background: url(../img/global_original_02.png);
}
body#global .sub-content .sub-category ul li.global_original_03 {
	margin-bottom: 20px;
	background: url(../img/global_original_03.png);
}
body#global .sub-content .sub-category ul li.global_original_04 {
	background: url(../img/global_original_04.png);
}
body#global .sub-content .sub-category ul li.global_original_05 {
	background: url(../img/global_original_05.png);
}

body#global .sub-content .sub-category ul li.global_original_06 {
	background: url(../img/global_original_06.png);
}
body#global .sub-content .sub-category ul li.global_original_07 {
	background: url(../img/global_original_07.png);
}
body#global .sub-content .sub-category ul li.global_original_08 {
	background: url(../img/global_original_08.png);
}
body#global .sub-content .sub-category ul li a {
	display: block;
}
body#global .sub-content .sub-category ul li a .title h4:before {
	padding-right: 10px;
	content: url("../img/top_content_title_list.png");
	vertical-align: middle;
}

body#global .sub-content .sub-category ul li.global_japanese_01 {
	margin-bottom: 20px;
	background: url(../img/global_japanese_01.png);
}

body#global .sub-content .sub-category ul li.global_japanese_02 {
	margin-bottom: 20px;
	background: url(../img/global_japanese_02.png);
}

body#global .sub-content .sub-category ul li div.title {
	display: table-cell;
	height: 60px;
	width: 240px;
	line-height: 1;
	text-align: center;
	vertical-align: middle;
	font-size: 16px;
}

body#global .sub-content .sub-category ul li.global_japanese_02 div.title {
	font-size: 14px;
}

body#global .sub-content .sub-category ul li div.title div.logo {
	margin-bottom: 10px;
}

body#global .sub-content .sub-category ul li p.description {
	margin: 0 40px;
}

body#global .sub-content .sub-category .global_detail_01 {
	margin: 30px 0;
	font-size: 16px;
}
body#global .sub-content .sub-category .global_detail_01 dl {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	margin: 0 0 5px 0;
	padding: 0;
}
body#global .sub-content .sub-category .global_detail_01 dl dt {
	-ms-flex-negative: 0;
	flex-shrink: 0;
	width: 130px;
	margin: 0 3px 5px 0;
	padding: 5px 10px;
	background: #fff;
	font-weight: bold;
}
body#global .sub-content .sub-category .global_detail_01 dl dd {
	margin: 0 0 5px 0;
	padding: 5px 10px;
	background: #fff;
}
body#global .sub-content .sub-category .global_detail_01 dl dd.dd1 {
	-ms-flex-negative: 0;
	flex-shrink: 0;
	width: 130px;
	margin: 0 3px 5px 0;
}
body#global .sub-content .sub-category .global_detail_01 dl dd.dd2 {
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	margin: 0 0 5px 0;
}
body#global .sub-content .sub-category .global_detail_02 {
	margin: 30px 0;
	color: #f00;
	text-align: center;
}
body#global .sub-content .sub-category .global_detail_03 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin: 30px 0 60px 0;
}
body#global .sub-content .sub-category .global_detail_03 .global_img_map {
	width: 400px;
}
body#global .sub-content .sub-category .global_img_map img {
	max-width: 100%;
}
body#global .sub-content .sub-category .global_detail_03 .global_detail_01 {
	width: calc(100% - 400px - 20px);
	margin: 0;
}


/*
 * sub page
 * category sub
 */

.sub-content {
	margin-bottom: 135px;
}

.sub-content .category {
	height: 70px;
	padding-top:30px;
	background: url(../img/pagetitle_bg.png) bottom center no-repeat;
	line-height: 1;
	text-align: center;
	font-size: 20px;
	color: #acafba;
}

.sub-content h2 {
	height: 60px;
	padding-top: 30px;
	line-height: 1;
	text-align: center;
	font-size: 30px;
	color: #ffc21c;
}

.sub-content div.category-image {
	margin-top: 18px;
	text-align: center;
}

.sub-content h2 + p.description {
	margin-top: 20px;
	margin-bottom: 60px;
	text-align: center;
	font-size: 14px;
}

/*
 * sub page
 * Business > Material
 */

body#material .sub-content dl dt {
	display: block;
	margin-top: 30px;
	margin-bottom: 10px;
	text-align: center;
	font-size: 20px;
	color: #7a7c84;
}

body#material .sub-content dl dd {
	display: block;
	text-align: center;
	font-size: 14px;
}

body#material .sub-content ul.contents {
	margin-top: 25px;
}

body#material .sub-content ul.contents li {
	float: left;
	display: block;
	width: 302px;
	margin-left:31px;
}

body#material .sub-content ul.contents li:nth-child(2) {
	margin-top: 90px;
}

/* for IE8 */
body#material .sub-content ul.contents li:first-child + li {
	margin-top: 90px;
}

body#material .sub-content ul.contents li span {
	display: block;
	padding-top: 10px;
	text-align: center;
	font-size: 14px;
}

/*
 * sub page
 * Business > oem
 */

body#oem .sub-content .description {
	margin: 30px 0 25px 0;
}

body#oem .sub-content .description p {
	margin-bottom: 32px;
	text-align: center;
	font-size: 14px;
}

body#oem .sub-content ul.contents li {
	float: left;
	display: block;
	width: 302px;
	margin-left:31px;
}

body#oem .sub-content ul.contents li:nth-child(2) {
	margin-top: 90px;
}

/* for IE8 */
body#oem .sub-content ul.contents li:first-child + li {
	margin-top: 90px;
}

/*
 * sub page
 * Sapplier
 */

body#supplier .main-content ul li {
	float: left;
	display: block;
	width: 305px;
	height: 350px;
	background: url(../img/supplier_list_bg.png) center center no-repeat;
	margin-right: 40px;
}

body#supplier .main-content ul li:nth-child(3n) {
	margin-right: 0;
}

body#supplier .main-content ul li:nth-child(3n-1) {
	margin-top: 40px;
}

body#supplier .main-content ul li div.title {
	display: table-cell;
	height: 150px;
	width: 305px;
	margin-top: 15px;
	line-height: 1;
	text-align: center;
	vertical-align: middle;
	font-size: 22px;
	color: #ffc21e;
}

body#supplier .main-content ul li div.title div.logo {
	margin-bottom: 10px;
}

body#supplier .main-content ul li p.description {
	margin: 0 40px;
}

body#supplier .main-content ul li.contact p {
	display: table-cell;
	height: 350px;
	width: 305px;
	vertical-align: middle;
	text-align: center;
}

body#supplier .main-content ul li.contact p a {
	font-size: 22px;
	color: #ffc21e;
}

/*
 * sub page
 * Product > *
 */

body.product .sub-content ul.contents li {
	clear: both;
	margin-bottom: 80px;
}

body.product .sub-content ul.contents li:last-child {
	margin-bottom: 0px;
}


body.product .sub-content ul.contents div.image {
	width: 412px;
}

body.product .sub-content ul.contents div.product {
	width: 412px;
}

body.product .sub-content ul.contents div.product p.title {
	margin-top: 20px;
	font-size: 24px;
	color: #000;
}

body.product .sub-content ul.contents div.product p.description {
	margin-top: 20px;
	margin-bottom: 50px;
	font-size: 14px;
	color: #000;
}

body.product .sub-content ul.contents div.product p.info {
    display: table-cell;
	width: 390px;
	height: 62px;
	background: url(../img/product-info_button.png);
	line-height: 1;
	text-align: center;
    vertical-align: middle;
	font-size: 22px;
}

body.product .sub-content ul.contents div.product p.info a {
	color: #FFF;
}

body.product .sub-content ul.contents li:nth-child(odd) div.image {
	float: left;
	margin-left: 50px;
}
body.product .sub-content ul.contents li:nth-child(even) div.image {
	float: right;
	margin-right: 50px;
}
body.product .sub-content ul.contents li:nth-child(odd) div.product {
	float: right;
	margin-right: 50px;
}
body.product .sub-content ul.contents li:nth-child(even) div.product {
	float: left;
	margin-left: 50px;
}


/*
 * sub page
 * Product > tables
 */
body.product.tables #products {
	min-height: 200px;
}

body.product.tables .sub-content {
	margin-bottom: 60px;
}

body.product.tables .sub-content.last {
	margin-bottom: 135px;
}

body.product.tables .sub-content .description {
    margin-top: 20px;
	margin-bottom: 20px;
}

body.product.tables .sub-content .description p {
    text-align: center;
    font-size: 14px;
}

body.product.tables .main .container .sub-content div.category-image {
	width: 100%;
	margin: 0 0 20px 0;
	text-align: center;
}

body.product.tables .main .container .sub-content div.category-image ul {
	display: inline-block;
	margin: 20px 0;
	/*zoom: 1; */
}
/*
body.product.tables .main .container .sub-content div.category-image ul:before,
body.product.tables .main .container .sub-content div.category-image ul:after
{
	content: "\0020";
	display: block;
	height: 0;
	overflow: hidden;
}
body.product.tables .main .container .sub-content div.category-image ul:after {
	clear: both;
}
*/

body.product.tables .main .container .sub-content div.category-image ul li {
	float: left;
	margin-right: 30px;
}
body.product.tables .main .container .sub-content div.category-image ul li:last-child {
	margin-right: 0;
}

body.product.tables .main .container .sub-content table {
	width: 100%;
	margin-bottom: 20px;
	border-collapse: separate;
	border-spacing: 3px;
	font-size: 12px;
}

body.product.tables .main .container .sub-content table th,
body.product.tables .main .container .sub-content table td
{
	position: relative;
	border: none;
	text-align: center;
	vertical-align: middle;

	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;

	white-space: nowrap;
}

body.product.tables .main .container .sub-content table th {
	height: 50px;
	background: #ffd51c;
}

body.product.tables .main .container .sub-content table td {
	background: #FFF;
	padding: 8px;
}

body.product.tables .main .container .sub-content table td:first-child {
	font-size: 14px;
}

body.product.tables .main .container .sub-content table td.unicook {
	width: 80px;
	height: 76px;
	padding: 0;
	background: url(../img/product_table_netshop.png);
}
body.product.tables .main .container .sub-content table td.unicook a {
	display: block;
	width: 80px;
	height: 76px;
	padding: 18px;
	vertical-align: top;
	text-align: left;
	line-height: 1;
	color: #ffd51c;
}

body.product.tables .main .container .sub-content div.note {
	margin-bottom: 20px;
}

body.product.tables .main .container .sub-content div.unicook {
	margin-bottom: 20px;
	text-align: center;
}

body.product.tables .main .container .sub-content table td span.annotation {
	position: absolute;
	display: block;
	top: 50px;
	width: 100%;
	margin-left: -8px;
	text-align:center;
	line-height: 1;
	font-size: 11px;
	color: #858585;
}

body.product.tables .main .container .sub-content table td span.annotation2 {
	font-size: 12px;
	color: #858585;
}

/*
 * sub page
 * Promotion
 */

body#promotion .main .container .main-content {
	top: 0;
	margin-top: 20px;
	margin-bottom: 80px;
    background: url(../img/content_title_bg.png) center 470px no-repeat;
}

body#promotion .main .container .main-content h2 {
	margin-top: -7px;
}

body#promotion .main .container .main-content .slider {
	position: relative;
	height: 480px;
}

body#promotion .main .container .main-content .slider .slick-dots {
	bottom: -30px;
}

body#promotion .main .container .main-content .slider .slick-dots li {
	margin: 0;
}

body#promotion .main .container .main-content .slider .slick-dots li button:before {
	font-size: 12px;
	color: #dee2e1;
}

body#promotion .main .container .main-content .slider .slick-dots li.slick-active button:before {
		color: #ffd51c;
}

body#promotion .main .container .main-content ul.contents {
	position: relative;
	height: 600px;
	margin-top: 40px;
}

body#promotion .main .container .main-content ul.contents li {
	position: absolute;
	display: block;
	width: 330px;
	height: 286px;
	padding-top: 175px;
	text-align: center;
}

body#promotion .main .container .main-content ul.contents li a.image-blank {
	position: absolute;
	top: 0;
	left: 0;
	height: 175px;
	width: 330px;
}

body#promotion .main .container .main-content ul.contents li.domestic {
	top: 0;
	left: 0;
	background: url(../img/promotion_domestic.png) no-repeat;
}

body#promotion .main .container .main-content ul.contents li.foreign {
	top: 160px;
	left: 335px;
	background: url(../img/promotion_foreign.png) no-repeat;
}

body#promotion .main .container .main-content ul.contents li.shortseminar {
	top: 0;
	right: 0;
	background: url(../img/promotion_short-seminar.png) no-repeat;
}

body#promotion .main .container .main-content ul.contents li.holdlecture {
	bottom: 0;
	left: 0;
	background: url(../img/promotion_holdlecture.png) no-repeat;
}

body#promotion .main .container .main-content ul.contents li.lecture {
	bottom: 0;
	right: 0;
	background: url(../img/promotion_lecture.png) no-repeat;
}

body#promotion .main .container .main-content ul.contents li .title {
	height: 60px;
	padding-top: 5px;
	line-height: 60px;
	text-align: center;
	font-size: larger;
	font-weight: bold;
}

body#promotion .main .container .main-content ul.contents li .title:before {
	padding-right: 10px;
	content: url("../img/top_content_title_list.png");
	vertical-align: middle;
}

/*body#promotion .main .container .main-content ul.contents li .title:after {
	padding-left: 10px;
	content: url("../img/top_content_title_popup.png");
	vertical-align: middle;
}*/

body#promotion .main .container .main-content ul.contents li .detail {
	margin-top: 10px;
}

body#promotion .main .container .main-content ul.contents li .detail a {
	text-decoration: underline;
	color: #909090;
}

body#promotion .main .container .main-content ul.contents li .detail:before {
	padding-right: 10px;
	content: ">>";
	vertical-align: middle;
}

body#promotion .main .container hr.content_end {
	height: 4px;
	width: 525px;
	margin: 0 auto 80px auto;
	border: none;
	background-color: #FFF;
	background-image: url(../img/promotion_border.png);
}


/*
 * sub page
 * Promotion > *
 */

body.promotion .sub-content .category-image {
	text-align: center;
}

body.promotion .sub-content .category-image ul#promotion_log {
	display: inline-block;
}

body.promotion .sub-content .category-image ul#promotion_log li{
	float: left;
	width: 200px;
	margin: 5px;
	list-style: none;
}


/*
 * sub page
 * Promotion > Holdlecture
 */

body#holdlecture .sub-content .sub-category h2 {
	margin-top: 70px;
}

body#holdlecture .sub-content .sub-category ul {
	width: 1000px;
	margin: 40px auto 0 auto;
	font-size: 14px;
}

body#holdlecture .sub-content .sub-category li {
	float: left;
	width: 500px;
	margin-bottom: 10px;
}

body#holdlecture .sub-content .sub-category li div.head {
	display: table-cell;
	height: 110px;
	width: 500px;
	background: url(../img/holdlecture_title_bg.png) center bottom no-repeat;
	line-height: 1;
	text-align: center;
	vertical-align: middle;
	font-size: 20px;
	color: #acafba;
}
body#holdlecture .sub-content .sub-category li div.head .date {
	padding-bottom: 10px;
	font-size: 18px;
}

body#holdlecture .sub-content .sub-category li div.body {
	padding-top: 30px;
	text-align: center;
	font-size: 14px;
}

body#holdlecture .sub-content .sub-category li div.body p {
	margin-bottom: 30px;
}

/*
 * sub page
 * Promotion > Foreign
 */

body#foreign .sub-content .sub-category h2 {
	margin-top: 70px;
}

body#foreign .sub-content .sub-category dl {
	width: 370px;
	margin: 40px auto 0 auto;
	font-size: 14px;
}

body#foreign .sub-content .sub-category dt {
	width: 50px;
	float: left;
	line-height: 28px;
}
body#foreign .sub-content .sub-category dd {
	line-height: 28px;
}

/*
 * sub page
 * Promotion > Shortseminar
 */

body#shortseminar .sub-content .sub-category h2 {
	margin-top: 70px;
}

body#shortseminar .sub-content .sub-category h2 span {
	font-size: 22px;
}

body#shortseminar .sub-content .sub-category ul {
	width: 760px;
	margin: 30px auto;
}

body#shortseminar .sub-content .sub-category ul li {
	float: left;
	display: block;
	width: 240px;
	height: 220px;
	margin-right: 20px;
	padding-top: 140px;
}

body#shortseminar .sub-content .sub-category ul li:nth-child(3n) {
	margin-right: 0;
}

body#shortseminar .sub-content .sub-category ul li.shortseminar_01 {
	margin-bottom: 20px;
	background: url(../img/shortseminar_01.png);
}
body#shortseminar .sub-content .sub-category ul li.shortseminar_02 {
	margin-bottom: 20px;
	background: url(../img/shortseminar_02.png);
}
body#shortseminar .sub-content .sub-category ul li.shortseminar_03 {
	margin-bottom: 20px;
	background: url(../img/shortseminar_03.png);
}
body#shortseminar .sub-content .sub-category ul li.shortseminar_04 {
	background: url(../img/shortseminar_04.png);
}
body#shortseminar .sub-content .sub-category ul li.shortseminar_05 {
	background: url(../img/shortseminar_05.png);
}
body#shortseminar .sub-content .sub-category ul li.shortseminar_06 {
	background: url(../img/shortseminar_06.png);
}

body#shortseminar .sub-content .sub-category ul li div.title {
	display: table-cell;
	height: 60px;
	width: 240px;
	line-height: 1;
	text-align: center;
	vertical-align: middle;
	font-size: 16px;
}

body#shortseminar .sub-content .sub-category ul li div.title div.logo {
	margin-bottom: 10px;
}

body#shortseminar .sub-content .sub-category ul li p.description {
	margin: 0 40px;
}



/*
 * sub page
 * Promotion > Domestic
 */

body#domestic .sub-content p.description {
	margin-bottom: 30px;
}

body#domestic .sub-content .typical h3 {
	margin-bottom: 20px;
	text-align: center;
	text-decoration: underline;
	font-size: 18px;
}

body#domestic .sub-content .typical {
	margin-bottom: 60px;
}

body#domestic .sub-content .typical ul {
	width: 700px;
	margin: 0 auto;
	list-style: disc inside;
	font-size: 14px;
}

body#domestic .sub-content .typical ul li.left {
	float: left;
	width: 300px;
}

body#domestic .sub-content .typical ul li.right {
	margin-left: 320px;
}

body#domestic .sub-content .typical ul li:last-child:after {
	content: "等";
	padding-left: 20px;
}

body#domestic .sub-content .sub-category h2 {
	margin-top: 70px;
}

body#domestic .sub-content .sub-category {
	text-align: center;
}

body#domestic .sub-content .sub-category dl {
	/*
	width: 370px;
	margin: 40px auto 70px auto;
	*/
	margin-top: 40px;
	margin-bottom: 70px;
	display: inline-block;
	font-size: 14px;
}

body#domestic .sub-content .sub-category dt {
	float: left;
	width: 50px;
	line-height: 28px;
}
body#domestic .sub-content .sub-category dd {
	line-height: 28px;
	text-align: left;
	white-space: nowrap;
}

body#domestic .sub-content .award {
	width: 610px;
	height: 113px;
	margin: 0 auto;
	padding-top: 50px;
	padding-left: 210px;
	background: url(../img/domestic_award.png);
}

/*
 * sub page
 * Secure > *
 */

body.secure .sub-content .sub-category h3 {

	margin-top: 30px;
	text-align: center;
	font-size: 20px;
}

body.secure .sub-content .sub-category p.description {
	margin-top: 20px;
	margin-bottom: 60px;
	text-align: center;
	font-size: 14px;
}

/*
 * sub page
 * Secure > Compliance
 */

body#compliance .sub-content .sub-category.norm {
	margin-bottom: 80px;
}

body#compliance .sub-content .sub-category.norm ul.contents {
	margin: 0 20px;
}

body#compliance .sub-content .sub-category.norm ul.contents li {
	clear: both;
	margin-bottom: 20px;
}

body#compliance .sub-content .sub-category.norm ul.contents li p.num {
	display: box;
	float: left;
	content: "1";
	height: 60px;
	width: 70px;
	line-height: 60px;
	text-align: center;
	font-size: 50px;
	color: #ffd51c;
}
body#compliance .sub-content .sub-category.norm ul.contents li p.num + p {
	display: table-cell;
	height: 60px;
	width: 870px;
	vertical-align: middle;
	line-height: 2;
}

body#compliance .sub-content .sub-category.rule ul.contents {
	width: 700px;
	margin: 0 auto;
}

body#compliance .sub-content .sub-category.rule ul.contents li {
	float: left;
	display: block;
	width: 310px;
	height: 276px;
	background: url(../img/concept_compliance.png);
	margin: 20px 20px 0 20px;
}

body#compliance .sub-content .sub-category.rule ul.contents li p.num {
	margin-top: 60px;
	line-height: 1;
	text-align: center;
	font-size: 50px;
	color: #ffd51c;
}

body#compliance .sub-content .sub-category.rule ul.contents li p.num + p {
	margin-top: 20px;
	text-align: center;
	font-size: 14px;
}

/*
 * sub page
 * Secure > Foodsafety
 */
body#foodsafety .sub-content .sub-category.rule ul.contents {
	margin: 40px auto 0 auto;
}

body#foodsafety .sub-content .sub-category.rule ul.contents li {
	float: left;
	display: block;
	width: 310px;
	height: 276px;
	background: url(../img/concept_compliance.png);
	margin-right: 30px;
}

body#foodsafety .sub-content .sub-category.rule ul.contents li:last-child {
	margin-right: 0;
}

body#foodsafety .sub-content .sub-category.rule ul.contents li p.num {
	margin-top: 60px;
	line-height: 1;
	text-align: center;
	font-size: 50px;
	color: #ffd51c;
}

body#foodsafety .sub-content .sub-category.rule ul.contents li p.num + p {
	margin-top: 20px;
	text-align: center;
	font-size: 14px;
}

/*
 * sub page
 * Company
 */

body#company .main .container .main-content ul {
	position: relative;
	height: 730px;
	margin-top: 40px;
}

body#company .main .container .main-content ul li {
	position: absolute;
	display: block;
	width: 392px;
	height: 338px;
	padding-top: 175px;
	text-align: center;
}

body#company .main .container .main-content ul li a.image-blank {
	position: absolute;
	top: 0;
	left: 0;
	height: 175px;
	width: 330px;
}

body#company .main .container .main-content ul li.profile {
	top: 0;
	left: 60px;
	background:url(../img/company_profile.png);
}

body#company .main .container .main-content ul li.message {
	top: 0;
	right: 60px;
	background: url(../img/company_message.png);
}

body#company .main .container .main-content ul li.philosophy {
	bottom: 0;
	left: 60px;
	background:url(../img/company_philosophy.png);
}

body#company .main .container .main-content ul li.mpofs {
	bottom: 0;
	right: 60px;
	background:url(../img/company_mpofs.png);
}

body#company .main .container .main-content ul.content-list-size2 {
	height: 1122px;
}

body#company .main .container .main-content ul.content-list-size2 li.philosophy {
	top: 392px;
	bottom: auto;
}

body#company .main .container .main-content ul.content-list-size2 li.sdgs {
	top: 392px;
	right: 60px;
	background:url(../img/company_sdgs.png);
}

body#company .main .container .main-content ul.content-list-size2 li.mpofs {
	right: auto;
	left: 60px;
}

body#company .main .container .main-content ul li .title {
	height: 50px;
	line-height: 60px;
	text-align: center;
	font-size: 16px;
	font-weight: bold;
}

body#company .main .container .main-content ul li .title:before {
	padding-right: 10px;
	content: url("../img/top_content_title_list.png");
	vertical-align: middle;
}

body#company .main .container .main-content ul li .title:after {
	padding-left: 10px;
	content: "　";
	vertical-align: middle;
}

body#company .main .container .main-content ul li .description {
	height: 50px;
}

body#company .main .container .main-content ul li .detail {
	margin-top: 5px;
}

body#company .main .container .main-content ul li .detail a {
	text-decoration: underline;
}

body#company .main .container .main-content ul li .detail:before {
	padding-right: 10px;
	content: ">>";
	vertical-align: middle;
}

/*
 * sub page
 * Company > Profile
 */

body#profile .sub-content .sub-category {
	position: relative;
}

body#profile .sub-content .sub-category > dl {
	font-size: 14px;
}

body#profile .sub-content .sub-category > dl > dt {
	clear: left;
	float: left;
	width: 110px;
	font-weight: bold;
}
body#profile .sub-content .sub-category > dl > dd {
	display: block;
	margin-left: 110px;
	margin-bottom: 40px;
}

body#profile .sub-content .sub-category > dl > dd > dl.post dt {
	float: left;
	width: 150px;
}

body#profile .sub-content .sub-category > dl > dt#map-title {
	display: none;
}

body#profile .sub-content .sub-category > dl > dd#map-image {
	position: absolute;
	top: 220px;
	right: 0;
	width: 580px;
	height: 460px;
}

body#profile .sub-content .sub-category > dl > dd#map-image p {
	float: left;
	width: 170px;
}

body#profile .sub-content .sub-category > dl > dd#map-image .google-map {
	margin-left: 120px;
}

body#profile .sub-content .sub-category > dl > dd#map-image .print {
	margin-left: 50px;
}

body#profile .sub-content .sub-category > dl > dd#map-image .google-map span:after {
	padding-left: 10px;
	content: url("../img/top_content_title_popup.png");
	vertical-align: middle;
}

body#profile .sub-content .sub-category > dl > dd#map-image a {
	float:left;
	display: block;
	width: 170px;
	height: 40px;
	border: solid 1px #acafba;
	margin-top: 40px;
	line-height: 40px;
	text-align: center;
}

/*
 * sub page
 * Company > Philosophy
 */

body#philosophy .sub-content .sub-category p.description {
	margin-top: 45px;
	margin-bottom: 20px;
	text-align: center;
	font-size: 24px;
	color: #2f2f2f;
}

body#philosophy .sub-content .sub-category ul {
	margin-top: 60px;
}

body#philosophy .sub-content .sub-category ul li {
	float: left;
	display: block;
	width: 312px;
	height: 276px;
	background: url(../img/philosophy_list_bg1.png);
	margin-right: 12px;
}

body#philosophy .sub-content .sub-category ul li:last-child {
	background: url(../img/philosophy_list_bg2.jpg);
	margin-right: 0;
}

body#philosophy .sub-content .sub-category ul li p {
	display: table-cell;
	width: 312px;
	height: 276px;
	text-align: center;
	vertical-align: middle;
	font-size: 18px;
}

/*
 * sub page
 * Company > mpofs
 */

body#mpofs .sub-content .sub-category h2 {
	padding-top: 0;
	height: auto;
}

body#mpofs .sub-content h2 + p.description {
	margin-bottom: 40px;
}

body#mpofs .adobe-reader {
	height: 70px;
	margin-left: 80px;
	margin-top: 120px;
}

body#mpofs .adobe-reader .logo {
	float: left;
	width: 250px;
	height: 70px;
}

body#mpofs .adobe-reader .download {
	height: 70px;
	margin-left: 260px;
	display: table-cell;
	vertical-align: middle;
	font-size: 14px;
}

/*
 * sub page
 * Company > Profile
 */

body#message .sub-content h2 {
	height: 70px;
	margin-left: 380px;
	padding-top: 30px;
	background: url(../img/pagetitle_bg.png) bottom left no-repeat;
	line-height: 1;
	text-align: left;
	font-size: 20px;
	color: #acafba;
}

body#message .sub-content h2 + p.description {
	height: 100px;
	margin-left: 380px;
	margin-bottom: 10px;
	text-align: left;
	font-size: 30px;
	color: #ffc21c;
}

body#message .sub-content .contents {
	margin-top: -100px;
}

body#message .sub-content .contents .corporate-identity {
	float: left;
	height: 500px;
	width: 380px;
}

body#message .sub-content .contents .president-message {
	padding-top: 100px;
	padding-left: 380px;
}

body#message .sub-content .contents .president-message > p {
	font-size: 14px;
	line-height: 1.8;
}

body#message .sub-content .contents .president-message p.president-name {
	width: 400px;
	margin: 40px 0 0 auto;
	text-align: center;
	font-size: 150%;
}

body#message .sub-content .contents .president-message p.president-name img {
	margin-top: 5px;
}


/*
 * sub page
 * Recruit
 */

body#recruit .main .container .main-content {
	top: 0;
	margin-top: 20px;
}

body#recruit .main .container .main-content .slider {
	position: relative;
	height: 480px;
}

body#recruit .main .container .main-content .slider .slick-dots {
	bottom: -30px;
}

body#recruit .main .container .main-content .slider .slick-dots li {
	margin: 0;
}
body#recruit .main .container .main-content .slider .slick-dots li button:before {
	font-size: 12px;
	color: #dee2e1;
}

body#recruit .main .container .main-content .slider .slick-dots li.slick-active button:before {
		color: #ffd51c;
}

body#recruit .main .container .main-content p.entry_btn {
	position: absolute;
	top: 310px;
	left: 0;
	width: 1000px;
	text-align:center;
}

body#recruit .main .container .main-content p.entry_btn2 {
	text-align: center;
	font-size: 15px;
}

body#recruit .main .container .main-content p.headline {
	margin-bottom: 30px;
	text-align: center;
	font-size: 36px;
}

body#recruit .main .container .main-content p.description {
	margin-bottom: 35px;
}

body#recruit .main .container .main-content ul.recruit_navi {
	margin-bottom: 55px;
}

body#recruit .main .container .main-content ul.recruit_navi li {
	display: block;
	float: left;
	width: 230px;
	margin-right: 26px;
}

body#recruit .main .container .main-content ul.recruit_navi li:last-child {
	margin-right: 0;
}

body#recruit .main .container .main-content .contents {
	padding: 40px 60px;
	background: #FFF;
}

body#recruit .main .container .main-content .contents h2 {
    height: 34px;
    margin-bottom: 10px;
    padding-top: 0;
    text-align: left;
    font-size: 34px;
    line-height: 1;
}

body#recruit .main .container .main-content .contents p.lead {
	font-size: 20px;
	color: #ffb71c;
	margin-bottom: 40px;
}

body#recruit .main-content {
	margin-bottom: 0;
	padding-bottom: 135px;
}

body#recruit .main-content .contents > dl {
	line-height: 2;
	font-size: 14px;
}

body#recruit .main-content .contents > dl > dt {
	clear: left;
	float: left;
	width: 140px;
	padding-top: 30px;
	border-top: solid 1px #e8e6e6;
	font-weight: bold;
}

body#recruit .main-content .contents > dl > dt:first-child
{
	padding-top: 0;
	border-top: none;
}

body#recruit .main-content .contents > dl > dd {
	display: block;
	margin-left: 140px;
	margin-bottom: 30px;
	padding-top: 30px;
	border-top: solid 1px #e8e6e6;
}

body#recruit .main-content .contents > dl > dt:first-child + dd {
	padding-top: 0;
	border-top: none;
}

body#recruit .main-content .contents > dl > dd  ul {
    margin-bottom: 25px;
}

body#recruit .main-content .contents > dl > dd  ul li {
    float: none;
	width: auto;
    height: auto;
    margin: 0;
	list-style: inside disc;
}

body#recruit .main-content .contents > dl > dd  ul li:after {
	display: block;
	margin-left: 100px;
	padding: 5px;
	content: "↓";
}

body#recruit .main-content .contents > dl > dd  ul li:last-child:after {
	content: none;
}

body#recruit .main-content .contents > dl > dd > dl.treatment dt {
	float: left;
	width: 75px;
	font-weight: bold;
}

body#recruit .main-content .contents > dl > dd > dl.treatment dd {
	margin-left: 80px;
}

body#recruit .main-content .contents > dl > dd > dl.treatment dd:before {
	padding: 5px;
	content: ":";
}

body#recruit .main-content .contents > dl > dt.entry {
	padding-top: 0;
	border-top: none;
}

body#recruit .main-content .contents > dl > dt.entry + dd {
	padding-top: 0;
	border-top: none;
}

body#recruit .main-content .contents > dl > dt.entry span {
	display: none;
}

body#recruit .main-content .treatment2 {
	margin-top: 50px;
}



/*
 * sub page
 * Privacy
 */

body#privacy .main .container .main-content {
	top: 0;
	margin-top: 20px;
	margin-bottom: 0;
	padding-bottom: 135px;
	background: none;
}

body#privacy .main .container .main-content h2 {
	height: auto;
	margin-bottom: -1px;
	padding-top: 20px;
	padding-bottom: 15px;
	background:url(../img/pagetitle_long_bg.png) left bottom no-repeat;
	line-height: 1;
	text-align: left;
	text-indent: 15px;
	font-size: 26px;
}

body#privacy .main .container .main-content dl {
	padding: 40px 40px 0 40px;
}

body#privacy .main .container .main-content dl dt {
	margin-bottom: 16px;
	line-height: 1;
	font-size: 26px;
	color: #ffc21c;
}

body#privacy .main .container .main-content dl dd {
	margin-bottom: 40px;
	font-size: 14px;
}

body#privacy .main .container .main-content p.contact {
	padding-left: 40px;
	font-size: 14px;
}

body#privacy .main .container .main-content p.contact a {
	color: #178f7a;
	text-decoration: underline;
}

body#privacy .main .container .main-content p.contact a:hover {
	font-weight: bold;
}

body#privacy .main .container .main-content p.contact:before {
	padding-right: 5px;
	content: ">";
	/*vertical-align: middle;*/
}


/*
 * sub page
 * Developmenttips
 */

body#developmenttips .main-content{
	top: 0;
	margin-top: 20px;
	background: none;
}

body#developmenttips .main-content .category-image h2{
	height: auto;
    margin-bottom: 50px;
    padding-top: 0;
}

body#developmenttips .main-content > h2{
	height: 60px;
	margin-bottom: 30px;
	background: url(../img/pagetitle_bg.png) bottom center no-repeat;
	line-height: 1;
	text-align: center;
	font-size: 30px;
	color: #ffc21c;
}

body#developmenttips .main-content p.headline{
	margin-bottom: 40px;
	text-align: center;
	font-size: 34px;
	font-weight: normal;
}

body#developmenttips .main-content p.description{
	height: auto;
    margin-bottom: 50px;
}

body#developmenttips .main-content ul.contents li{
	clear: both;
	margin-bottom: 30px;
}

body#developmenttips .main-content ul.contents li:last-child{
	margin-bottom: 0px;
}


body#developmenttips .main-content ul.contents div.image{
	width: 393px;
}

body#developmenttips .main-content ul.contents div.product{
	width: 570px;
}

body#developmenttips .main-content ul.contents div.product p.title{
	margin-top: 20px;
	font-size: 24px;
	color: #000;
}

body#developmenttips .main-content ul.contents div.product p.description{
	margin-top: 20px;
	margin-bottom: 50px;
	line-height: 1.5;
	font-size: 14px;
	color: #000;
}

body#developmenttips .main-content ul.contents div.product p.info{
    display: table-cell;
	width: 570px;
	height: 62px;
	background: url(../img/product-info_button.png);
	text-align: center;
    vertical-align: middle;
	font-size: 22px;
}

body#developmenttips .main-content ul.contents div.product p.info a {
	color: #FFF;
}

body#developmenttips .main-content ul.contents li:nth-child(odd) div.image {
	float: left;
}
body#developmenttips .main-content ul.contents li:nth-child(even) div.image {
	float: right;
}
body#developmenttips .main-content ul.contents li:nth-child(odd) div.product {
	float: right;
}
body#developmenttips .main-content ul.contents li:nth-child(even) div.product {
	float: left;
}

/*
 * sub page
 * Developmenttips > Allrecipe
 */
body#allrecipe .sub-content {
	margin-bottom: 80px;
}

body#allrecipe .sub-content div.sub-category h3 {
	width: 320px;
	height: 76px;
	margin: 0 auto 10px auto;
}

body#allrecipe .sub-content .sub-category.type ul {
	width: 1000px;
	margin-bottom: 40px;
	text-align: center;
}

body#allrecipe .sub-content .sub-category.list ul {
	width: 1000px;
	margin-bottom: 80px;
	text-align: center;
}

body#allrecipe .sub-content .sub-category ul li {
/*
	float: left;
	display: block;
*/
	position: relative;
	display: inline-block;
	width: 230px;
	height: 300px;
	margin-right: 26px;
	padding-top: 200px;
}

body#allrecipe .sub-content .sub-category.list ul li {
	margin-bottom: 30px;
}

body#allrecipe .sub-content .sub-category.type ul li:nth-child(4n) {
	margin-right: 0;
}

body#allrecipe .sub-content .sub-category.list ul li:nth-child(4n) {
	margin-right: 0;
}

/*
body#allrecipe .sub-content .sub-category ul li.recipe_type_01 {
	background: url(../img/recipe_category_01.png) center no-repeat;
}
body#allrecipe .sub-content .sub-category ul li.recipe_type_02 {
	background: url(../img/recipe_category_02.png) center no-repeat;
}
body#allrecipe .sub-content .sub-category ul li.recipe_type_03 {
	background: url(../img/recipe_category_03.png) center no-repeat;
}

body#allrecipe .sub-content .sub-category ul li.recipe_list_01 {
	background: url(../img/recipe_list_01.png) center no-repeat;
}
body#allrecipe .sub-content .sub-category ul li.recipe_list_02 {
	background: url(../img/recipe_list_02.png) center no-repeat;
}
body#allrecipe .sub-content .sub-category ul li.recipe_list_03 {
	background: url(../img/recipe_list_03.png) center no-repeat;
}
body#allrecipe .sub-content .sub-category ul li.recipe_list_04 {
	background: url(../img/recipe_list_04.png) center no-repeat;
}
body#allrecipe .sub-content .sub-category ul li.recipe_list_05 {
	background: url(../img/recipe_list_05.png) center no-repeat;
}
body#allrecipe .sub-content .sub-category ul li.recipe_list_06 {
	background: url(../img/recipe_list_06.png) center no-repeat;
}
body#allrecipe .sub-content .sub-category ul li.recipe_list_07 {
	background: url(../img/recipe_list_07.png) center no-repeat;
}
body#allrecipe .sub-content .sub-category ul li.recipe_list_08 {
	background: url(../img/recipe_list_08.png) center no-repeat;
}
body#allrecipe .sub-content .sub-category ul li.recipe_list_09 {
	margin-bottom: 0;
	background: url(../img/recipe_list_09.png) center no-repeat;
}
body#allrecipe .sub-content .sub-category ul li.recipe_list_10 {
	margin-bottom: 0;
	background: url(../img/recipe_list_10.png) center no-repeat;
}
*/
body#allrecipe .sub-content .sub-category ul li div.title {
	display: table-cell;
	height: 100px;
	width: 230px;
	line-height: 1;
	text-align: center;
	vertical-align: middle;
	font-size: 16px;
}

body#allrecipe .sub-content .sub-category ul li p.count {
	position: absolute;
	top: 185px;
	left: 175px;
	width: 34px;
	height: 40px;
	background: url(../img/recipe_counter_box.png) no-repeat;
	text-align: center;
	line-height: 34px;
	font-size: 20px;
	color: #FFF;
}

body#allrecipe .sub-content p.view_allrecipe {
	text-align: right;
}

body#allrecipe .sub-content div.return_index {
	text-align: center;
	font-size: 16px;
}

body#allrecipe .sub-content div.return_index a {
	text-decoration: underline;
}

body#allrecipe .sub-content div.return_index a:before {
	content: ">";
	margin-right: 10px;
}

body#allrecipe .main .container hr.content_end {
	height: 4px;
	width: 525px;
	margin: 0 auto 80px auto;
	border: none;
	background-color: #FFF;
	background-image: url(../img/promotion_border.png);
}


/*
 * sub page
 * Developmenttips > recipe
 */

body#recipe .sub-content {
	margin-top: 40px;
}

body#recipe .sub-content div.menu {
	float: left;
	width: 218px;
}

body#recipe .sub-content div.main {
	float: right;
	width: 740px;
	margin-bottom: 20px;
	padding: 45px 55px 10px 55px;
	background: #FFF;

	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}

body#recipe .sub-content nav.navigation {
	float: right;
	width: 740px;
	font-size: 14px;
	text-align: center;
}

body#recipe .sub-content nav.navigation .current {
	font-weight: bold;
}

body#recipe .sub-content div.return_allrecipe {
	float: right;
	width: 740px;
	text-align: right;
}

body#recipe .sub-content div.page_name {
	padding: 15px 0;
	text-align: center;
	color: #FCD700;
	font-size: 35px;
}

body#recipe .sub-content .main .title {
	text-align: center;
	font-size: 14px;
}

body#recipe .sub-content .main .title h2 {
	display: inline;
	vertical-align: middle;
	font-size: 30px;
}

body#recipe .sub-content .main .title p.time {
	display: inline;
	background: url(../img/recipe_time_icon.jpg) 25px no-repeat;
	padding-left: 50px;
    white-space: nowrap;
	font-size: 16px;
	color: #bcbec5;
}

body#recipe .sub-content .main .title p.description {
	margin: 25px auto 40px;
}

body#recipe .sub-content .main .upper {
	margin-bottom: 30px;
}

body#recipe .sub-content .main .upper .image {
	width: 290px;
	float: left;
}

body#recipe .sub-content .main .upper .material {
	margin-left: 350px;
}

body#recipe .sub-content .main .upper .material img {
	margin-left: -7px;
}

body#recipe .sub-content .main .upper .material dl {
	font-size: 14px;
}

body#recipe .sub-content .main .upper .material dl dt {
	float: left;
	line-height: 30px;
}

body#recipe .sub-content .main .upper .material dt.utfc,
body#recipe .sub-content .main .upper .material dt.utfc + dd
{
	color: #ffd51c;
}


body#recipe .sub-content .main .upper .material dl dd {
	line-height: 30px;
	text-align: right;
}

body#recipe .sub-content .main .upper .material dd dl {
	width: 280px;
	padding-left: 10px;
	margin-top: 30px;
	font-size: 12px;
}

body#recipe .sub-content .main .bottom p img {
	margin-left: -7px;
}

body#recipe .sub-content .main .bottom ul {
	margin-top: 18px;
	font-size: 14px;
}

body#recipe .sub-content .main .bottom ul li {
	float: left;
	width: 180px;
	margin-right: 45px;
	margin-bottom: 35px;
}

body#recipe .sub-content .main .bottom ul li:nth-child(3n) {
	margin-right: 0;
}

body#recipe .sub-content .main .bottom ul li p span:first-child {
	display: block;
	height: 55px;
	line-height: 55px;
	font-size: 30px;
	color: #ffd51c;
}
body#recipe .sub-content .main .bottom ul li p span.point {
	font-size: 20px;
}

body#recipe .sub-content .main .bottom ul li p span.utfc {
	color: #ffd51c;
}

body#recipe .sub-content .main .all-in-one {
	margin-bottom: 35px;
	font-size: 14px;
}

body#recipe .sub-content .main .all-in-one p {
	margin-bottom: 2em;
}

body#recipe .sub-content div.return_allrecipe a {
	font-size: 16px;
	text-decoration: underline;
}

body#recipe .sub-content div.return_allrecipe a:before {
	content: ">";
	padding-right: 5px;
}

body#recipe .sub-content .menu h3 {
	height: 56px;
	background: url(../img/recipe_submenu_bg.png) no-repeat;
	text-align: center;
	line-height: 45px;
	font-size: 16px;
	color: #FFF;
}
body#recipe .sub-content .menu ul {
	margin-bottom: 40px;
}
body#recipe .sub-content .menu ul li {
	padding: 8px 0 8px 15px;
	background: url(../img/recipe_menulist_bg.png) left center no-repeat;
	font-size: 14px;
}

body#recipe .sub-content .menu ul li a:hover,
body#recipe .sub-content .menu ul li span.selected
{
	text-decoration: underline;
	color: #ffd51c;
}


/*
 * sub page
 * Sitemap
 */

body#sitemap .main .container .main-content {
	top: 0;
	margin-top: 20px;
	margin-bottom: 0;
	padding-bottom: 135px;
	background: none;
}

body#sitemap .main .container .main-content h2 {
	height: auto;
	margin-bottom: -1px;
	padding-top: 20px;
	padding-bottom: 15px;
	background:url(../img/pagetitle_long_bg.png) left bottom no-repeat;
	line-height: 1;
	text-align: left;
	text-indent: 15px;
	font-size: 26px;
}

body#sitemap .main .container .main-content ul.navi {
	padding: 40px 0 10px 0;
	font-size: 14px;
}

body#sitemap .main .container .main-content ul.navi > li {
	float: left;
	padding-left: 40px;
}

body#sitemap .main .container .main-content ul.navi > li > p.title {
/*
	padding-left: 20px;
	background:url(../img/footer_list_main.png) no-repeat left center;
*/
	line-height: 20px;
	font-size: 22px;
}

body#sitemap .main .container .main-content ul.navi > li > p.title > a {
	color: #ffb21c;
}

body#sitemap .main .container .main-content ul.navi > li > ul {
	margin: 15px 0 50px 5px;
}

body#sitemap .main .container .main-content ul.navi > li > ul:nth-of-type(1) {
	min-height: 150px;
}

body#sitemap .main .container .main-content ul.navi > li > ul > li {
	padding-left: 20px;
	background:url(../img/footer_list_sub.png) no-repeat left center;
	line-height: 2;
}

body#sitemap .main .container .main-content ul.navi li.first_col {
	width: 250px;
}

body#sitemap .main .container .main-content ul.navi li.second_col {
	width: 250px;
}

body#sitemap .main .container .main-content ul.navi li.third_col {
	width: 230px;
}

body#sitemap .main .container .main-content ul.navi li.fourth_col {
	width: 270px;
}

body#sitemap .main .container .main-content ul.navi li.fifth_col {
	width: 1000px;
}

body#sitemap .main .container .main-content ul.navi li.fifth_col p {
	float: left;
	margin-right: 70px;
}

body#sitemap .main .container .main-content ul.navi li.fifth_col p a:before {

	margin: 0 10px 0 0;
	content: " ";
	display: inline-block;
	width: 4px;
	height: 6px;
	background: url("../img/sitemap_list_bg.png") no-repeat;
	background-size: contain;
	vertical-align: middle;
}

/*
 * sub page
 * Contact
 */

body#contact .main #contact_form {
	font-size: 16px;
}

body#contact .main .description span {
	color: #dd1d1d;
}

body#contact .main #contact_form .error_msg,
body#contact .main .pretext
{
	width: 660px;
	margin: 0 auto 20px auto;
	font-size: 14px;
	text-align: center;
	color: #dd1d1d;
}

body#contact .main #contact_form .error_msg > span {
	display: block;
	margin-bottom: 5px;
	font-size: 80%;
}
body#contact .main #contact_form .error_msg > span + br {
	display: none;
}

body#contact .main #contact_form input[type="text"],
body#contact .main #contact_form input[type="email"]
{
	height: 34px;
	width: 495px;
	padding: 5px;
	background: #FFF;
}

.wrap#contact input.postcode,
body#contact .main #contact_form input.tel,
body#contact .main #contact_form input.postcode {
	width: 90px;
}

body#contact .main #contact_form textarea {
	height: 210px;
	width: 495px;
	padding: 5px;
	background: #FFF;
}

body#contact .main #contact_form > dl
{
	width: 660px;
	margin: 0 auto;
}

body#contact .main #contact_form > dl > dt {
	float: left;
	width: 165px;
	clear: both;
/*	line-height: 34px;*/
	line-height: 1;
}
body#contact .main #contact_form > dl > dt > span {
	display: block;
	font-size: 8px;
}

body#contact .main #contact_form > dl > dt.must:before {
	content: "※";
	color: #dd1d1d;
}

body#contact .main #contact_form > dl > dd {
	margin-bottom: 20px;
}

body#contact .main #contact_form > dl > dt.username,
body#contact .main #contact_form > dl > dt.username_japanese
{
	width: 130px;
}

body#contact .main #contact_form > dl > dd.username div,
body#contact .main #contact_form > dl > dd.username_japanese div
{
	float: left;
}

body#contact .main #contact_form > dl > dd.username div.first,
body#contact .main #contact_form > dl > dd.username_japanese div.first
{
	margin-right: 20px;
}

body#contact .main #contact_form > dl > dd.username div label,
body#contact .main #contact_form > dl > dd.username_japanese div label
{
	float: left;
	display: block;
	width: 30px;
	margin-right: 5px;
	line-height: 34px;
	text-align: center;
}

body#contact .main #contact_form > dl > dd.username div input,
body#contact .main #contact_form > dl > dd.username_japanese input
{
	width: 220px;
}


body#contact .main #contact_form > dl > dd.state,
body#contact .main #contact_form > dl > dd.subject,
body#contact .main #contact_form > dl > dd.industry,
body#contact .main #contact_form > dl > dd.department,
body#contact .main #contact_form > dl > dd.timing
body#contact .main #contact_form > dl > dd.tachiba

{
	margin-left: 165px;
}

body#contact .main #contact_form > dl > dd.state .minict_wrapper,
body#contact .main #contact_form > dl > dd.subject .minict_wrapper,
body#contact .main #contact_form > dl > dd.industry .minict_wrapper,
body#contact .main #contact_form > dl > dd.department .minict_wrapper,
body#contact .main #contact_form > dl > dd.timing .minict_wrapper
body#contact .main #contact_form > dl > dd.tachiba .minict_wrapper
{
	width: 495px;
}

body#contact .main #contact_form > dl > dd.inquiry {
	margin-bottom: 0;
}

body#contact .main #contact_form > div.button
{
	width: 660px;
	margin: 40px auto 0 auto;
	text-align: center;
}

body#contact .main #contact_form > div.button button#reset {
	margin-right: 55px;
}

body#contact .main #contact_form > div.button button#submit {
	margin-left: 55px;
}

/*
 * sub page
 * Information
 */

body.information .main-content .main-category {
	text-align: center;
}

body.information .main-content #information_list {
	margin-top: 40px;
}

body.information .main-content .main-category ul {
	/*
	width: 370px;
	margin: 40px auto 70px auto;
	*/
	margin-top: 40px;
	margin-bottom: 70px;
	display: inline-block;
	font-size: 14px;
}

body.information .main-content .main-category ul li {
	line-height: 30px;
	padding-left: 40px;
	text-align: left;
}

body.information .main-content .main-category ul li.page {
	background: url(../img/icon_news.png) no-repeat 0 4px;
}

body.information .main-content .main-category ul li.pdf {
	background: url(../img/pdf_icon.png) no-repeat 0 4px;
}

body.information .main-content .main-category ul li span.date {
	float: left;
	display: block;
	width: 80px;
	margin-right: 10px;
}

body.information .main-content .main-category ul li a {
	/*margin-left: 10px;*/
	text-decoration: underline;
	color: #ffc619;
}
}


/* 180525
-----------------------------------------------------------------------------------*/
.main .subnav .container {
	z-index: 3;
}
.main .subnav ul.contents li > ul.sub-menus {
	padding: 15px;
	border: 3px solid #fcd700;
	position: absolute;
	top: 70px;
	left: 0;
	background: #fff;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 1027px;
	z-index: 9999;
	border-radius: 5px;
	opacity: 0;
	-webkit-transition: all .5s ease;
    transition: all .5s ease;
	visibility: hidden;
}
.main .subnav ul.contents li.mega_menu ul.sub-menus:hover {
cursor:default;
}
.main .subnav ul.contents li.mega_menu:hover ul.sub-menus {
    top: 70px;
    visibility: visible;
    opacity: 1;
}
.main .subnav ul.contents li > ul.sub-menus:before {
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 7px 10px 7px;
	border-color: transparent transparent #fcd600 transparent;
	display: block;
	position: absolute;
	top: -10px;
	left: 93px;
}
.main .subnav ul.contents li:nth-of-type(2) > ul.sub-menus:before {
	left: 293px;
}
.main .subnav ul.contents li:nth-of-type(3) > ul.sub-menus:before {
	left: 493px;
}
.main .subnav ul.contents li > ul.sub-menus li {
	width: auto;
	height: auto;
	margin-right: 25px;
	margin-bottom: 0;
}
.main .subnav ul.contents li > ul.sub-menus > li {
	font-weight: bold;
}
.main .subnav ul.contents li > ul.sub-menus > li,
.main .subnav ul.contents li > ul.sub-menus > li > ul > li > ul > li {
	float: none;
}
.main .subnav ul.contents li > ul.sub-menus > li > ul > li > ul > li {
	margin-bottom: 0;
	margin-right: 0;
	margin-top: 3px;
	text-indent: 0.5em;
}
.main .subnav ul.contents li > ul.sub-menus > li > ul > li {
	margin-top: 10px;
}
.main .subnav ul.contents li > ul.sub-menus > li > ul > li:before {
	content: '';
	display: inline-block;
	width: 6px;
	height: 6px;
	border-radius: 3px;
	background: #fcd700;
	margin-right: 5px;
}
.main .subnav ul.contents li > ul.sub-menus > li > ul > li > ul > li:before {
	content: '└';
	display: inline-block;
	margin-right: 5px;
}
.main .subnav ul.contents li > ul.sub-menus li a {
	display: inline;
}
.relate_btn {
	text-align: center;
}
.related_recipie {
	font-size: 14px;
}
.related_recipie li:before {
	content: '';
	display: inline-block;
	width: 6px;
	height: 6px;
	border-radius: 3px;
	background: #fcd700;
	margin-right: 5px;
}
.mate {
	margin-top: 10px;
}
.mate img {
	margin-left: 0 !important;
}


/*180723------------------------------------------*/
.sample-summary .smaple-summary-btn.ico-pdf a {
    margin: 0 auto 60px;
    background-image: url(../img/sample/ico-pdf.png);
	background-repeat: no-repeat;
	background-position: center right 40px;
}
.footer-bnr {
    position: absolute;
    right: 0;
    bottom: 50px;
    /* z-index: -1; */
}
.sample-summary .smaple-summary-btn a {
    background:#ffd51c;
    display: block;
    color: #fff;
    border-radius: 4px;
    box-shadow: 0 4px 0 #d9ae13;
    width: 390px;
    height: 62px;
    line-height: 62px;
    vertical-align: middle;
    font-size: 22px;
    font-weight: normal;
    margin: 10px auto 0;
}
.sample-summary .smaple-summary-btn a:hover {
    opacity: .7;
}
.ico-sankaku {
display: block;
    margin: 10px auto 0;
width: 0;
height: 0;
border-style: solid;
border-width: 30px 50px 0 50px;
border-color: #ffc21c transparent transparent transparent;
position: relative;
}
.ico-sankaku:before {
    content: "";
    top: -35px;
    left: -50px;
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 30px 50px 0 50px;
    border-color: #f6f6f6 transparent transparent transparent;
}
ul.header-bnrBox li {
    margin: 0 0 0px 48px;
}
.main .subnav ul.contents li > ul.sub-menus > li > ul.header-bnrBox > li:before {
    display: none;
}
.main .subnav ul.contents .header-bnrBox li a:hover, .main .subnav ul.contents .header-bnrBox li a.selected {
    border-bottom: none;
}
#bottom_contact {
	left: 0;
	bottom: 0;
	position: fixed;
	width: 100%;
	display: none;
    background: #eee;
    border-top: 1px solid #ddd;
    padding: 15px 0;
    oveflow: hidden;
    z-index: 4;
}

#bottom_contact ul {
    width: 1000px;
    margin: 0 auto;
    display:table;
    table-layout: fixed;
}
#bottom_contact ul li {
    display: table-cell;
    margin: 0;
    vertical-align: middle;
}
#bottom_contact ul li:nth-of-type(1) {
    width: 120px;
}
#bottom_contact ul li:nth-of-type(2) {
    width: 420px;
    color:#231815;
    font-size: 24px;
    font-weight: bold;
}
#bottom_contact ul li:nth-of-type(3) a {
    display: block;
    width: 220px;
    height: 50px;
    line-height: 50px;
    background: #fed90b;
    border-radius: 4px;
    box-shadow: 0 4px 0 #c4a708;
    font-size: 16px;
    text-align: center;
    font-weight:bold;
	color: #333
}
#bottom_contact ul li:nth-of-type(4) a {
    display: block;
    width: 220px;
    height: 50px;
    line-height: 50px;
    background: #fb584c;
    border-radius: 4px;
    box-shadow: 0 4px 0 #d93b31;
    font-size: 16px;
    text-align: center;
    font-weight:bold;
    color: #fff;
}
#bottom_contact ul li:nth-of-type(3) a:hover,
#bottom_contact ul li:nth-of-type(4) a:hover {
	opacity: .7;
}
#bottom_contact ul li:nth-of-type(3) a:hover {
	color: #333;
}
.form-attention {
    width:  660px;
    margin: 0 auto 60px;
    box-sizing:  border-box;
}
.form-attention h3 {
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 10px;
}
.form-attention h4 {
    font-size: 14px;
    margin: 10px 0;
}
.form-attention dl {
    height: 100px;
    overflow-y: scroll;
    background: #fff;
    padding: 15px;
    border: 1px solid #ddd;
}
.form-attention dl dt {
    margin: 6px 0;
    font-weight: bold;
}
input#pp[type="checkbox"]  {
	-webkit-appearance: checkbox;
	-moz-appearance: checkbox;
	appearance: checkbox;
	/*border:  1px solid #ccc;
	width:  14px;
	height: 14px;
	vertical-align:middle;
	background: #fff;*/
}
body#contact .main #contact_form > dl > dd.pp {
    margin-top: 10px;
}
input#pp[type="checkbox"] {
    vertical-align: middle;
}
dd.pp a.text-link {
    text-decoration: underline;
}
@media only screen and (min-width: 640px) {
body#developmenttips .main-content > h2.h2-sample {
    height: 100px;
}
body.samplePage .sub-category.rule ul.contents {
    margin: 40px auto 0 auto;
}
body#developmenttips.samplePage .sub-category.rule ul.contents li {
    float: left;
	clear: none;
    display: block;
    width: 310px;
    height: 276px;
    background: url(../img/concept_compliance.png);
    margin-right: 30px;
}
body.samplePage .sub-category.rule ul.contents li p.num {
    margin-top: 60px;
    line-height: 1;
    text-align: center;
    font-size: 50px;
    color: #ffd51c;
}
body.samplePage .sub-category.rule ul.contents li p.num + p {
    margin-top: 20px;
    text-align: center;
    font-size: 14px;
}
body#developmenttips.samplePage .sub-category.rule ul.contents li:nth-of-type(3) {
	margin-right: 0;
}
.sample-summary p {
    position: relative;
    text-align: center;
    font-size: 26px;
    font-weight:bold;
}
.footer-bnr {
    position: absolute;
    right: 0;
    bottom: 50px;
}

.contactPage .main-content {
    margin-bottom: 0px;
}
.contactPage .main .contents ul.contact-nav li .title {
    height: auto;
    line-height: 1.4;
    padding: 15px 0 10px;
}
.contactPage .main .contents ul.contact-nav li div {
    height: auto;
    min-height: 160px;
}
.contactPage .main .contents ul.contact-nav li:nth-of-type(4) div,
.contactPage .main .contents ul.contact-nav li:nth-of-type(5) div,
.contactPage .main .contents ul.contact-nav li:nth-of-type(6) div {
    min-height: 50px;

}
.contactPage .main .contents ul.contact-nav li {
    width: 306px;
    height: auto;
    margin-right: 41px;
    margin-bottom: 40px;
}
.contactPage .main .contents ul.contact-nav li:nth-of-type(3n) {
	margin-right: 0;
}


.main .navi_page_top {
        bottom: 15px;
}
}
@media only screen and (max-width: 640px) {
body.samplePage .sub-category.rule ul.contents li {
    position: absolute;
    display: block;
    width: 140px;
    height: 140px;
    background: url(../img/sp_secure_bg.png);
    background-size: cover;
}
body.samplePage .sub-category.rule ul.contents li:nth-child(1) {
    top: 0;
    left: 76px;
}
body.samplePage .sub-category.rule ul.contents li p.num {
    margin-top: 20px;
    line-height: 1;
    text-align: center;
    font-size: 25px;
    color: #ffd51c;
}
body.samplePage .sub-category.rule ul.contents li p.num + p {
    margin-top: 5px;
    text-align: center;
    font-size: 9px;
}
body.samplePage .sub-category.rule ul.contents li:nth-child(2) {
    bottom: 0;
    left: 0;
}
body.samplePage .sub-category.rule ul.contents li:nth-child(3) {
    bottom: 0;
    right: 0;
}
body#developmenttips.samplePage,body#contact.samplepage__renew {
    background: url(../img/sample/mv_sp.png) top center no-repeat;
	background-size: 320px auto;
}
body#developmenttips.samplePage section.main .index-title .description,body#contact.samplepage__renew section.main .index-title .description{
    text-align: center;
}
body#developmenttips.samplePage section.main p.headline,body#contact.samplepage__renew section.main p.headline{
    margin-top: 20px;
}
body.samplePage .sub-category.rule ul.contents {
    position: relative;
    height: 268px;
}
body.samplePage .sub-category.rule {
    padding: 0 14px;
}
.samplePage section.main .main-content div.index-title {
    padding-top: 30px;
    padding-bottom: 10px;
}
.samplePage p.description {
	padding: 0 14px;
}
.samplePage h2.h2-sample {
    text-align: center;
    font-size: 14px;
    margin: 60px auto 20px;
}
.samplePage .sample-summary p {
    text-align: center;
    margin: 20px;
    font-weight: bold;
    font-size: 14px;
}
.ico-sankaku:before {
    border-color: #ededed transparent transparent transparent;
}
.sample-summary .smaple-summary-btn a {
    width: auto;
    height: 50px;
    line-height: 50px;
    font-size: 16px;
    margin: 0px auto 0;
}
.contactPage section.main .main-content {
	margin-bottom: 0;
}
body#supplier.contactPage {
	background: url(../img/sp_contact_main.jpg) top center no-repeat;
	background-size: 100%;
}
.contactPage section.main div.contents ul li p.title, .contactPage section.main div.contents ul li p.description {
    display: block;
}
.contactPage ul.clearfix.contact-nav li img {
    width: 100%;
}
.contactPage ul.clearfix.contact-nav li div {
    background: #fff;
    border-radius: 0 0 6px 6px;
}
.contactPage ul.clearfix.contact-nav .title a {
    color: #000;
    padding: 10px 0 5px;
    display: block;
}
.contactPage ul.clearfix.contact-nav .description {
    font-size: 10px;
    padding: 0 8px 10px;
    text-align: left;
}
.contactPage section.main div.contents ul li {
	width: 80%;
	float: none;
	box-sizing: border-box;
	margin: 0 auto 20px !important;
}
#bottom_contact {
    background: #ccc;
    padding: 10px;
    z-index: 999;
}
#bottom_contact ul li:nth-of-type(1) {
    display:none;
}
#bottom_contact ul {
	width: 100%;
    padding: 0;
	box-sizing: border-box;
	padding-bottom: 10px;
}
#bottom_contact ul li:nth-of-type(2) {
    width: 100%;
    box-sizing: border-box;
    font-size: 16px;
	text-align:center;
	padding: 15px 0 5px;
}
#bottom_contact {
    padding: 0;
}
#bottom_contact ul li {
    display: block;
}
#bottom_contact ul li:nth-of-type(2) {
	cursor: pointer;
}
#bottom_contact ul li:nth-of-type(3) a,
#bottom_contact ul li:nth-of-type(4) a {
	width: 90%;
    box-sizing: border-box;
    margin: 0 auto 10px;
}
#bottom_contact ul.sp-only li:nth-of-type(2):after {
	content: "";
    display: inline-block;
    width: 6px;
    height: 6px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    margin: 0 0 3px 10px;
    vertical-align: middle;
    border-color: #333;
    content: '';
}
#bottom_contact.close-box ul.sp-only li:nth-of-type(2):after {
    transform: rotate(315deg);
    -moz-transform: rotate(315deg);
    -webkit-transform: rotate(315deg);
}
.form-attention {
    width:  100%;
    padding: 0 14px;
    margin: 40px auto 60px;
}
.form-attention h3 {
    font-size: 12px;
    font-weight: bold;
    margin-bottom: 6px;
}
.form-attention h4 {
    font-size: 12px;
    margin: 5px 0;
}
.form-attention dl {
    padding: 10px;
}
.form-attention dl dt {
    margin: 5px 0;
}
}

body#contact .main #contact_form input#button {
	border: 1px solid #ccc;
	background: #efefef;
	padding: 3px;
}


/*180807*/
p.title.ico-window a:after {
    content: "";
    background-image: url(../img/window.svg);
    background-repeat: no-repeat;
    background-size: 10px;
    height: 8px;
    display: inline-block;
    margin-left: 5px;
    width: 10px;
    background-position: left top;
}
@media only screen and (max-width: 640px) {
body#home section.main div.news > ul > li:last-child {
    padding-bottom: 10px;
}
footer.global ul.navi li.sp-only.shokuhin-labo {
	width: 100%;
	height: auto;
	background:#818080;
}
footer.global ul.navi > li.sp-only.shokuhin-labo p a {
    background: url(../img/window_w.svg) right 25px center no-repeat;
    background-size: 20px;
	width: 100%;
}
footer.global ul.navi li.sp-only.shokuhin-labo a {
	height: auto;
}
}


/*180926--------------------*/
ul.product_btn {
    overflow: hidden;
    margin: 40px auto 0;
}
ul.product_btn li {
    display:inline-block;
    margin: 0 10px;
}
ul.product_btn li a {
    display: block;
}
.banner {
    text-align: center;
}
.banner li {
    display: inline-block;
    margin: 0 10px;
}
.banner ul {
    margin-bottom: 30px;
}

.product_under_content {
    margin: -100px 0 80px;
    background: #fff;
    border-radius: 8px;
    overflow: hidden;
    padding: 30px;
}
.product_under_content img {
    float: right;
    margin-left: 20px;
}
.product_under_content .text {
    overflow:hidden;
}
.product_under_content .text p {
    font-size: 14px;
}
.product_under_content .text p.title {
    font-size: 24px;
    margin-bottom: 20px;
}
.window-link {
    margin-top: 20px;
}
.window-link a {
    padding-left: 1rem;
    position: relative;
    text-decoration: underline;
    text-indent: -1rem;
    display: inline-block;
}
.window-link a:before {
    display: inline-block;
    width: 6px;
    height: 6px;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    margin-right: 8px;
    vertical-align: middle;
    border-color: #333;
    content: '';
}
.window-link a:after {
    content: url(../img/window.svg);
    /*height: 8px;*/
    /*display: absolute;*/
    width: 10px;
    right: -15px;
    /*top: -6px;*/
    /*position:absolute;*/
    margin-left: 0.5rem;
    }
div#article-list {
    overflow: hidden;
}
#article-list .article {
    background: #fff;
    border-radius: 5px;
    position: relative;
    width: 242px;
    margin: 0 10px 40px 0;
    overflow:hidden;
    float: left;
}
#article-list .article:nth-of-type(4n) {
    margin-right: 0;
}
#article-list .article .article-box {
    padding: 18px 20px 0;
    margin-bottom: 20px;
}
#article-list .article .article-box .date {
    font-size: 14px;
    color: #919191;
    margin-bottom: 8px;
    line-height: 14px;
}
#article-list .article .article-box .article-title {
    font-size: 16px;
    font-weight: bold;
    line-height: 1.3;
    margin-bottom: 16px;
}
#article-list .article .article-box .article-text {
    font-size: 14px;
    line-height: 1.5;
    color: #535353;
    margin-bottom: 16px;
}
.btn_common {
    margin: 30px auto;
    text-align: center;
}
.btn_common a {
    display: inline-block;
    text-align: center;
    margin: 0 auto;
    font-size: 20px;
    border-radius: 4px;
    padding: 10px 50px;
}
.btn_common a:hover {
	opacity: .7;
}
.btn_yellow a {
    color: #fff;
    background: #fed90b;
    box-shadow: 0 4px #c4a708;
}
.btn_window a {
    position: relative;
}
.btn_window a:after {
    content: url(../img/window_wh.svg);
	position: absolute;
    right: 30px;
    top: 0;
}
.area-link-list li:hover, .area-link:hover {
	opacity: .8;
}
.article-box {
    position: relative;
}
.article-box:before {
    content: "";
    background-image: url(../img/window.svg);
    background-repeat: no-repeat;
    background-size: 10px;
    height: 8px;
    display: inline-block;
    width: 10px;
    position: absolute;
    right:10px;
    top: 10px;
}
@media only screen and (min-width: 641px) {
#article-list .article .article-box {
    min-height: 220px;
}
}
@media only screen and (max-width: 640px) {
	.banner {
		padding: 0 10px;
	}
	.banner li {
		margin: 0;
		width: 32%;
	}
	.banner li img {
		width: 100%;
	}
	.banner ul {
		margin-bottom: 20px;
	}
	div#article-list {
		padding: 0 2%;
	}
	#article-list .article {
		width: 49%;
		margin: 0 2% 20px 0;
	}
	#article-list .article:nth-of-type(2n) {
		margin-right: 0;
	}
	#article-list .article .image_wrap img {
		width: 100%;
	}
	#article-list .article .article-box .date {
		font-size: 12px;
		margin-bottom: 3px;
	}
	#article-list .article .article-box .article-title {
		font-size: 13px;
		margin-bottom: 5px;
	}
	#article-list .article .article-box .article-text {
		font-size: 13px;
	}
	#article-list .article .article-box {
		padding: 10px 10px;
		margin-bottom: 0;
	}
.product_under_content {
    margin: 0 14px 40px;
    padding: 20px;
}
.product_under_content img {
    float: none;
    margin: 0 auto;
    display: block;
    width: 100%;
}
.product_under_content .text p.title {
    font-size: 14px;
    margin: 10px 0;
}
.product_under_content .text p {
    font-size: 10px;
}
}


.pectin-recipe {
	display: flex;
	flex-wrap: wrap;
}
.pectin-recipe .item {
	width: 200px;
	margin-right: 15px;
	margin-bottom: 15px;
}
.pectin-recipe .item:nth-of-type(3n) {
	margin-right: 0;
}
.pectin-recipe .item span {
	font-size: 13px;
}
@media only screen and (max-width: 640px) {

	.pectin-recipe {
		margin-top: 20px;
		display: flex;
		flex-wrap: wrap;
	}
	.pectin-recipe .item {
		width: 50%;
		padding: 10px 8px;
		margin: 0;
		box-sizing: border-box;
		text-align: center;
	}
	.pectin-recipe .item img {
		width: 100% !important;
	}
	.pectin-recipe .item span {
		display: block;
		text-align: left;
		margin-top: 5px;
	}
}


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

190827追記

---------------------------*/
#allrecipe #q_a {
  width: 100%;
  margin: 0 auto;
}
#allrecipe #q_a h3{
  height: 60px;
  text-align: center;
  font-size: 30px;
  color:#ffc21c;
}
#allrecipe #q_a .inner {
}
#allrecipe #q_a ul{

}
#allrecipe #q_a li{
  background-color:#fff;
  box-shadow: 1px 1px 4px #ddd;
  margin-bottom: 15px;
  font-size: 14px;
  color:#333;
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
}
#allrecipe #q_a li a{
  display: block;
  padding: 20px 10px;
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
  color:#333;
}
#allrecipe #q_a li:hover{
  box-shadow: 3px 3px 8px #eee;
}
#allrecipe #q_a li a:before{
  content:"Q.";
  margin-right:8px;
}
#allrecipe #q_a li a:after{
  content:"";
  background-image:url(../img/icon_popup.gif);
  background-position:center;
  background-repeat:no-repeat;
  background-size: contain;
  width: 15px;
  height:15px;
  display: inline-block;
}
@media screen and (max-width:640px) {
  #allrecipe #q_a {
    padding: 0 2%;
    width: auto;
}
  #allrecipe #q_a h3{
    font-size: 20px;
    height:35px;
  }
  #allrecipe #q_a li {
    border-radius: 5px;
  }
  #allrecipe #q_a li a {
    font-size: 13px;
    padding-left: 2em;
    text-indent: -1.5em;
  }
}





/* 190909
----------------------------------------------*/
.productBox {
}
.productBox .img-r {
    float: right;
    margin: 0 0 20px 20px;
}
.productBox .img-r img {
    max-width: 100%;
}
.productBox {
    counter-reset: number 0;
}
.productBox dl {
    overflow: hidden;
}
.productBox dt {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 10px;
    color: #494948;
}
.productBox dt:before {
    counter-increment: number 1;
    content: counter(number) " ";
    float: left;
    display: inline-block;
    font-weight: normal;
    margin-right: 10px;
    color: #ffc32e;
}
.productBox dd {
    padding: 0;
    margin: 0;
    clear: both;
    font-size: 14px;
}
.productBox dd + dt {
    margin-top: 20px;
}

.productBox .yakityaBox {
    margin-top: 30px;
}
.productBox .yakityaBox dl {
    float: left;
    width: 48%;
}
.productBox .yakityaBox dl + dl {
    float: right;
}
.productBox .yakityaBox dl dt {
    font-size: 16px;
    padding-bottom: 5px;
    border-bottom: 1px solid #ffc32e;
    margin-bottom: 20px;
    color: inherit;
}
.productBox .yakityaBox dl dt:before {
    display: none;
}
.productBox .yakityaBox dl dd {
}
.productBox .yakityaBox dl dd img {
    display: block;
    text-align: center;
    margin: 15px auto 0 auto;
    max-width: 100%;
}
.aplist {
}
.aplist li {
    float: left;
    margin: 0 16px 16px 0;
}
.aplist li:nth-child(4n) {
    margin-right: 0;
}


body#texturizer-detail.ttPage .sub-content div.main h3 {
    font-size: 24px;
    font-weight: bold;
    padding-bottom: 10px;
    margin-bottom: 20px;
    border-bottom: 2px solid #d8d7d7;
    position: relative;
}
body#texturizer-detail.ttPage .sub-content div.main h3:before {
    content: "";
    display: block;
    position: absolute;
    height: 2px;
    width: 40px;
    left: 0;
    bottom: -2px;
    background: #FCD700;
}
body#texturizer-detail.ttPage .sub-content div.main h3 + p {
    font-size: 16px;
}

body#texturizer-detail.ttPage .sub-content {
    clear: both;
}
body#texturizer-detail.ttPage .sub-content div.menu {
	float: left;
	width: 218px;
}

body#texturizer-detail.ttPage .sub-content div.main {
	float: right;
	width: 740px;
	margin-bottom: 100px;
	padding: 45px 55px 10px 55px;
	background: #FFF;
    min-width: inherit;

	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}
body#texturizer-detail.ttPage .sub-content div.page_name {
	padding: 15px 0;
	text-align: center;
	color: #FCD700;
	font-size: 35px;
}

body#texturizer-detail.ttPage .sub-content .main .title {
	text-align: center;
	font-size: 14px;
}

body#texturizer-detail.ttPage .sub-content .main .title h2 {
    display: block;
    vertical-align: middle;
    font-size: 30px;
    padding-bottom: 30px;
    overflow: hidden;
    height: auto;
}
body#texturizer-detail.ttPage .sub-content .main .title h2 span {
    display: block;
    text-align: center;
    font-size: 20px;
    color: #333;
    margin-bottom: 15px;
}
body#texturizer-detail.ttPage .sub-content .main .upper {
	margin-bottom: 30px;
}


body#texturizer-detail.ttPage .sub-content {
    margin-top: 40px;
}
body#texturizer-detail.ttPage .sub-content .menu h3 {
    height: 56px;
    background: url(../img/recipe_submenu_bg.png) no-repeat;
    text-align: center;
    line-height: 45px;
    font-size: 16px;
    color: #FFF;
}
body#texturizer-detail.ttPage .sub-content div.menu {
}
body#texturizer-detail.ttPage .sub-content .menu ul {
    margin-bottom: 40px;
}
body#texturizer-detail.ttPage .sub-content .menu ul li {
    padding: 8px 0 8px 15px;
    background: url(../img/recipe_menulist_bg.png) left center no-repeat;
    font-size: 14px;
}
body#texturizer-detail.ttPage .sub-content .menu ul li h4 a:hover {
    color: #fcd700;
}

.listcenter {
    text-align: center;
}
.listcenter a {
    display: inline-block;
}
.listcenter a img {
    max-width: 100%;
}

@media all and (min-width: 0px) and (max-width: 768px) {
.breadcrumbs,
.subnav {
    display: none;
}

body#texturizer-detail.ttPage .sub-content div.menu {
	display: none;
}

body#texturizer-detail.ttPage .sub-content div.main {
    float: none;
    width: 100%;
    margin-bottom: 100px;
    padding: 5%;
    box-sizing: border-box;
}
body#texturizer-detail.ttPage .sub-content div.main {
    margin: 0 14px 25px 14px;
    padding: 18px 18px 25px 18px;
    background: #FFF;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    float: none;
    widthj: 100%;
    box-sizing: border-box;
}

}
/*200116*/
@media screen and (min-width:641px){
	#faq .faq_box02 .question {
    padding: 10px 0px 20px 20px;
	}
	}
#faq .faq_box02 .question {
    font-size: 20px;
    font-weight: bold;
    line-height: 1.4;
    text-align: left;
    height: auto;
	display: inline;
	margin-top: 0;
}
#faq .faq_box02 .title {
    padding: 5px 14px 9px;
    color: #fff;
    font-size: 24px!important;
    font-weight: bold;
    background: #fcd700;
    border-radius: 5px;
    text-align: center;
	    display: inline-block;
    height: 50px;
}
#faq .faq_box03 .title {
    padding: 3px 14px 7px;
    border: 2px solid #fcd700;
    color: #fcd700;
    font-size: 24px;
    font-weight: bold;
    background: #fff;
    border-radius: 5px;
    text-align: center;
}
#faq.faq_box03 .contbox {
    padding-left: 15px;
}
#faq .faq_box03 .contbox p{
	font-size: 16px!important;
	padding-left: 20px;
}
#faq .faq_box02{
	    margin: 50px 0 30px;
}
#faq_q #q_a li a {
    display: flex;
        padding: 6px 30px 6px 0;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    color: #333;
}
/*#faq_q #q_a li a:after {
    padding-right: 10px;
    content: url(../img/top_content_title_list.png);
    vertical-align: middle;
    float: right;
    margin: 16px 15px 0;
}*/

#faq_q #q_a li {
	position: relative;
    background-color: #fff;
    box-shadow: 1px 1px 4px #ddd;
    margin-bottom: 15px;
    font-size: 14px;
    color: #333;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
	border-radius: 5px;
	padding: 10px 10px;
}
#faq_q .inner{
	margin: 50px 0;
}

#faq .faq_box02{
		display: flex;
	}
#faq .faq_box03{
	display: flex!important;
	align-items: flex-start!important;
    margin-bottom: 50px;
}
@media screen and (max-width:640px){
	#faq #q_a{
		padding: 20px;
	}
	#faq .faq_box02 .title{
		display: block;
			height: auto;
	}
/*#faq .faq_box02 .question {
    padding: 10px 4px 20px 0px;
}:*/
	#faq .faq_box03 .contbox p {
    padding-left: 0px;
	}
body#faq {
    background: url(../img/sp_fq_main.jpg) top center no-repeat;
    background-size: 320px auto;
}
body#faq section.main {
    margin-top: 126px;
}
body#faq section.main .main-content div.index-title {
    padding-top: 40px;
    padding-bottom: 0px;
}
#faq .faq_box02 {
    margin: 0 auto 20px;
}

#faq .faq_box02 .title {
    padding: 10px;
    font-size: 14px!important;
    box-sizing: border-box;
    width: 40px;
    height: 40px !important;
}
#faq .faq_box02 .question {
    font-size: 14px;
    margin-left: 1em;
}
#faq .faq_box03 .title {
    padding: 10px;
    font-size: 14px;
    width: 40px;
    box-sizing: border-box;
    text-align: center;
    height: 40px;
}
#faq .faq_box03 .contbox p {
    font-size: 13px !important;
    margin-left: 1em;
}
#faq .faq_box02 .question {
	width: calc(100% - 60px);
}
	#faq .faq_box02, #faq .faq_box03 {
    flex-wrap: wrap;

	}
#faq .faq_box03 .contbox {
    width: calc(100% - 40px);
}
}
@media screen and (min-width:641px){
#faq_q #q_a li a:before {
    content: "Q";
    margin-right: 8px;
    margin-left: 5px;
	padding: 5px 14px 9px;
    color: #fff;
    font-size: 24px!important;
    font-weight: bold;
    background: #fcd700;
    border-radius: 5px;
    text-align: center;
    display: inline-block;
        height: 50px;
    position: relative;
}
#faq_q #q_a li a{
		font-size: 16px;
	    align-items: center;
	}
#faq_q #q_a li:after {
    content: url(../img/top_content_title_list.png);
    position: absolute;
     top: 50%;
    right: 15px;
    margin-top: -10px;
}
}
@media screen and (max-width:640px){
#faq_q #q_a li a:before {
    content: "Q";
    margin-right: 8px;
    display: inline-block;
    margin-left: 10px;
    color: #fff;
    font-weight: bold;
    background: #fcd700;
    border-radius: 5px;
    text-align: center;
    padding: 9px 12px;
    font-size: 14px!important;
    box-sizing: border-box;
    width: 40px;
    height: 40px !important;
}
#faq_q #q_a li a{
		font-size: 13px;
		padding: 6px 20px 6px 0!important;
	}
}
/*sp main bg*/
@media screen and (max-width: 640px){
body#faq_q {
    background: url(../img/sp_fq_main.jpg) top center no-repeat;
    background-size: 320px auto;
}
body#faq_q section.main {
    margin-top: 126px;
}
	body#faq_q section.main .main-content div.index-title h2{
		margin-top: 26px;
	}
}

/*200327*/
#article-list.article-list_technical .article:hover,
#article-list.article-list_marcket .article:hover {
	cursor: pointer;
}
#article-list.article-list_technical .article .image_wrap img,
#article-list.article-list_marcket .article .image_wrap img {
    width: 100%;
    display: block;
    transition-duration: 0.3s;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
#article-list.article-list_technical .article .image_wrap a,
#article-list.article-list_marcket .article .image_wrap a {
    display: block;
    height: 140px;
    overflow: hidden;
}
#article-list.article-list_technical .article .article-box,
#article-list.article-list_marcket .article .article-box {
	padding:20px;
}
@media screen and (max-width: 640px){
#article-list.article-list_technical .article .article-box,
#article-list.article-list_marcket .article .article-box {
	padding:20px;
	min-height:auto;
}
#article-list.article-list_technical .article,
#article-list.article-list_marcket .article {
width: 96%;
margin: 0 2% 20px 2%;
}

}

/*200414修正*/
#faq {
}
#faq dl {
    overflow: hidden;
    margin-top: 30px;
}
#faq dl + dl {
}
#faq dt {
    background: #EFEFEF url(../img/prd_triangle_01.png) no-repeat 15px center;
    border: 2px solid #EFEFEF;
    padding: 15px 10px 15px 35px;
    font-size: 24px;
    font-weight: bold;
    display: block;
    line-height: 1;
}
#faq dt:hover {
    opacity: 0.7;
    border: 2px solid #fcd700;
}
#faq dl.open dt {
    background: #EFEFEF url(../img/prd_triangle_02.png) no-repeat 15px center;
}
#faq dd {
}
#faq dd ul {
    height: auto !important;
    margin-top: 0 !important;
    overflow: hidden;
}
#faq dd ul li {
    position: static !important;
    width: 320px !important;
    height: auto !important;
    padding-top: 0 !important;
    float: left;
    margin: 20px 20px 0 0;
    text-align: left !important;
}
#faq dd ul li:nth-child(3n) {
    margin-right: 0;
}
#faq dd ul li a {
    display: block;
    overflow: hidden;
    font-weight: bold;
    font-size: 16px;
    color: #333;
}
#faq dd ul li a span {
    display: block;
    font-size: 12px;
    font-weight: normal;
    overflow: hidden;
}
#faq dd ul li a img {
    margin-right: 15px;
    float: left;
}
.sozai_ctg {
    display: block;
    clear: both;
    font-size: 18px;
    font-weight: bold;
    border-left: 5px solid #fcd700;
    margin-top: 20px;
}
ul + .sozai_ctg {
    margin-top: 40px;
}
@media all and (min-width: 0px) and (max-width: 768px) {
    #faq {
        margin: 0 3%;
    }
    #faq dt {
        font-size: 20px;
        background-size: 10px !important;
    }
    #faq dd ul li {
        width: 100% !important;
        display: block !important;
        float: none !important;
        margin-right: 0 !important;
    }
    .sozai_ctg {
        font-size: 16px;
    }
}


/*200604*/


body#contact.samplepage__renew .main-content .category-image h2 {
    height: auto;
    margin-bottom: 50px;
    padding-top: 0;
	}
body#contact.samplepage__renew .main-content p.headline {
    margin-bottom: 40px;
    text-align: center;
    font-size: 34px;
    font-weight: normal;
}
body#contact.samplepage__renew .main-content{
    top: 0;
    margin-top: 20px;
    background: none;
}
body#contact.samplepage__renew .main .container .main-content h2.h2-sample{
    position: relative;
    text-align: center;
    font-size: 26px;
    font-weight: bold;
}

body#contact.samplepage__renew .conflict_list li{
	font-size: 23px;
	 line-height: 1.8;
	}
body#contact.samplepage__renew .sample-summary{
		margin-top: 0px;
	margin-bottom: 60px;
	}

/*body#contact.samplepage__renew .conflict_list li:before{
	content:  url("../img/sample_checkicon.png");
	width: 20px;
	    margin-right: 20px;
	}*/
body#contact.samplepage__renew .conflict_list li:before{
	background:  url("../img/sample_checkicon.png");
	height: 26px;
	display:inline-block;
	width: 26px;
	background-position:center bottom;
	background-repeat:no-repeat;
	background-size: 26px;
    margin-right: 10px;
    content: '';
    vertical-align:text-bottom;
	}
body#contact.samplepage__renew .conflict_list{
    width: 660px;
    margin: 0 auto 10px;
	}
body#contact.samplepage__renew .sub-content .conductor h2{
    margin-bottom: 30px;
    background: url(../img/pagetitle_bg.png) bottom center no-repeat;
    line-height: 1;
    text-align: center;
    font-size: 30px;
    color: #ffc21c;
	}
body#contact.samplepage__renew .main-content, body#contact.samplepage__renew .main-content .sub-content{
		margin-bottom: 0;
	}
body#contact.samplepage__renew .sub-content .conductor{
		margin-top: 30px;
		padding-top: 0;
	}
body#contact.samplepage__renew .main .container .main-content h2.h2-sample{
	height: auto;
	margin-bottom: 20px;
	    padding-top: 10px;
	}
body#contact.samplepage__renew .form-attention {
    width: 660px;
    margin: 0 auto 60px;
    box-sizing: border-box;
}
body#contact.samplepage__renew .sub-content.sub_cnt_form .description{
	text-align: center;
}
body#contact.samplepage__renew .main #contact_form > dl > dt{
	line-height: 1;
}
body#contact.samplepage__renew .main #contact_form > dl > dt.must:after{
		content: none;
	}
body#contact.samplepage__renew .sub-content.sub_cnt_form{
		margin-bottom: 135px;
	}
body#contact.samplepage__renew .main .contents ul li .title{
		height: 50px;
	}
/*body#contact.samplepage__renew .footer ul li.second_col {
    float: left;
    width: 200px;
}*/
/*body#contact.samplepage__renew .footer ul li.fourth_col {
    float: left;
    width: 235px;
}*/
body#contact.samplepage__renew .conflict_list li span{
	font-weight: bold;
}
@media screen and (min-width: 641px){
	body#contact.samplepage__renew .m__change{
		margin-top: -50px;
	}
	body#contact.samplepage__renew .flex{
		display: flex;
		flex-wrap: wrap;
			width: 89%;
    margin: 0 auto;
	}
	body#contact.samplepage__renew .flex_box{
      	width: 48%;
	}
	body#contact.samplepage__renew .flex_box01{
		width: 48%;
		margin-right: 4%;
	}
	body#contact.samplepage__renew .sub-content.sub_cnt_form .flex .description{
		text-align: left;
		margin-top: 0;
	}

}

@media screen and (max-width: 640px){
	body#contact.samplepage__renew .container{
		width: 100%;
		/*margin-top: -105px;*/
	}
	body#contact.samplepage__renew section.main .main-content div.index-title {
    min-height: 76px;
    padding-top: 14px;
    padding-bottom: 20px;
    background: url(../img/sp_content_title_bg.png) center 8px no-repeat;
    background-size: 118px auto;
    text-align: center;
}
	body#contact.samplepage__renew .sp-only{
		display: block!important;
	}
	body#contact.samplepage__renew section .main{
	    background: #ededed;
    padding-bottom: 21px;
    -webkit-border-top-left-radius: 30px;
    -webkit-border-top-right-radius: 30px;
    -moz-border-radius: 30px 30px 0 0;
    border-radius: 30px 30px 0 0;
	}
	body#contact.samplepage__renew section.main .index-title .description{
		margin-top: -64px;
	}
	body#contact.samplepage__renew .main .container .main-content h2.h2-sample, body#contact.samplepage__renew .conflict_list, body#contact.samplepage__renew .sub-content .conductor h2, body#contact.samplepage__renew .conflict_list li{
		font-size: 14px;
		word-break: break-all;
	}

	body#contact.samplepage__renew .conflict_list,body#contact.samplepage__renew .sub-content{
		width: 100%;
	}
	body#contact.samplepage__renew .sub-content .conductor h2{
		background-image: none;
	}
	body#contact.samplepage__renew .main .container .main-content h2{
		height: auto;
		}

	body#contact.samplepage__renew .sub-content .conductor,body#contact.samplepage__renew .sub-content .conductor h2{
		margin-top: 0px;
	}
	body#contact.samplepage__renew .sub-content .conductor{
	font-size: 16px;

	}
	body#contact.samplepage__renew .banner ul{
		display: flex;
		flex-wrap: wrap;
	}
	body#contact.samplepage__renew .banner span, body#contact.samplepage__renew .banner ul li{
		width: 120px;
	}
	body#contact.samplepage__renew .banner span{
		  line-height: 17px;
		  font-weight: normal;
          font-size: 13px;
	}
	body#contact.samplepage__renew section.main, body#contact.samplepage__renew section.main{
		-webkit-border-top-left-radius: 30px;
        -webkit-border-top-right-radius: 30px;
		border-radius: 30px 30px 0 0;
          border-radius: 30px 30px 0 0;
	}
	#contact.samplepage__renew .sample-summary p{
		font-size: 14px;
		font-weight: bold;
		text-align: center;

	}
	#contact.samplepage__renew .form-attention{
		    width: 100%;
    padding: 0 14px;
    margin: 40px auto 60px;
	}
	body#contact.samplepage__renew .main #contact_form > dl > dd.username div input, body#contact .main #contact_form > dl > dd.username_japanese input{
		    width: 102px;
	}
	body#contact.samplepage__renew .main #contact_form input[type="text"], body#contact.samplepage__renew .main #contact_form input[type="email"]{
		    height: 20px;
		    padding: 2px;
	}
	body#contact.samplepage__renew .main #contact_form input[type="text"], body#contact.samplepage__renew .main #contact_form input[type="email"]{
		    height: 20px;
    width: 288px;
    padding: 2px;
    border: 0;
    background: #FFF;
	}
	body#contact.samplepage__renew .main #contact_form > dl {
    padding: 0 14px;
    font-size: 12px;
}
	body#contact.samplepage__renew .main #contact_form > dl > dd.username div label, body#contact.samplepage__renew .main #contact_form > dl > dd.username_japanese div label{
		float: left;
    display: block;
    width: 30px;
    margin-right: 5px;
    line-height: 24px;
    text-align: center;
	}
	body#contact.samplepage__renew .main #contact_form > dl > dt {
    clear: both;
    line-height: 24px;
		float: none;
		width: 100%;
}
	body#contact.samplepage__renew .main #contact_form > dl{
		width: 100%;
	}
	body#contact.samplepage__renew .main #contact_form > dl > dt.username, body#contact.samplepage__renew .main #contact_form > dl > dt.username_japanese,body#contact.samplepage__renew .main #contact_form > div.button{
		width: 100%;
	}
	body#contact.samplepage__renew .main #contact_form > dl > dd.username div input, body#contact.samplepage__renew .main #contact_form > dl > dd.username_japanese input{
		    width: 102px;
	}
	body#contact.samplepage__renew .main #contact_form input.tel, body#contact.samplepage__renew .main #contact_form input.postcode{
		width: 84px;
	}
	body#contact.samplepage__renew .main #contact_form > dl > dt .pp.must,body#contact.samplepage__renew .main .contents{
		width: 100%;
	}
    body#contact.samplepage__renew .main #contact_form > dl > dd.state, body#contact.samplepage__renew .main #contact_form > dl > dd.subject{
	margin-left: 0;
	}
	body#contact.samplepage__renew .main #contact_form > dl > dd.state .minict_wrapper, body#contact.samplepage__renew .main #contact_form > dl > dd.subject .minict_wrapper{
		    width: 292px;
	}
	body#contact.samplepage__renew .main #contact_form > div.button button{
		    float: left;
    width: 50%;
    height: 50%;
	}
	body#contact.samplepage__renew .main #contact_form > div.button button#reset{
		margin-right: 0;
	}
	body#contact.samplepage__renew .main #contact_form > div.button button#submit{
		margin-left: 0;
	}
	body#contact.samplepage__renew .banner.banner02 li{
		    margin: 0;
    width: 32%;
}
	body#contact.samplepage__renew .banner.banner02 ul{
		margin-bottom: 20px;
	}
	body#contact.samplepage__renew .banner.banner02{
		margin-top: 20px;
    margin-bottom: 25px;
    text-align: center;
		    padding: 0 10px;
	}
	body#contact.samplepage__renew section.main div.contents ul li p.title, body#contact.samplepage__renew section.main div.contents ul li p.description, body#contact.samplepage__renew .main .contents.cnt02 ul li div{
		display: none;
	}
	body#contact.samplepage__renew .main .contents.cnt02 ul li{
		height: auto;
		margin-right: 0;
	}
	body#contact.samplepage__renew .footer .copyright p,body#contact.samplepage__renew .container .form-attention{
		width: 100%;
	}
	body#contact.samplepage__renew section.main {
    padding-top: 10px;
	}
	body#contact.samplepage__renew .conflict_list li {
/*    padding: 0px 10px 0px 50px;
    text-indent: -40px;*/
    padding: 0px 10px 0px 40px;
    text-indent: -28px;
}

body#contact.samplepage__renew .conflict_list li + li {
    margin-top: 10px;
}


body#contact.samplepage__renew .main .container .main-content h2 {
    line-height: 1.6;
    font-size: 2;
}

body.product.tables .sub-content .conductor .banner span a {
    font-size: 12px;
}

body#contact .main #contact_form > div.button {
    box-sizing: border-box;
}
	body#contact.samplepage__renew section.main .index-title .description {
    margin-top: 30px;
}
	body#contact.samplepage__renew .banner ul li {
    width: 48%;
    background: #fff;
    box-sizing: border-box;
    padding: 10px;
    margin-bottom: 10px;
}

body#contact.samplepage__renew .banner ul {justify-content: space-between;}

body#contact.samplepage__renew .banner ul li a {
    font-size: 10px;
}
	body#contact.samplepage__renew .sp-only {
    margin: 0 auto;
}

body#contact.samplepage__renew .main .container .main-content h2 {
    font-size: 15px;
}
body#contact.samplepage__renew .conflict_list li:before {
    height: 18px;
    width: 18px;
    background-size: 18px;
    margin-right: 10px;
}
}


@media print, screen and (min-width: 641px) {
body.samplepage__renew .sub-content .conductor {
	padding-top: 50px;
	padding-bottom: 20px;
}

body.samplepage__renew .sub-content .conductor h2 {
	margin-top: 30px;
	margin-bottom: 10px;
}

body.samplepage__renew .sub-content .conductor h3 {
	font-size: 20px;
    font-weight: bold;
    padding-bottom: 10px;
    margin-bottom: 20px;
    border-bottom: 2px solid #d8d7d7;
    position: relative;
    text-align: left;
}

body.samplepage__renew .sub-content .conductor h3:before {
    content: "";
    display: block;
    position: absolute;
    height: 2px;
    width: 40px;
    left: 0;
    bottom: -2px;
    background: #FCD700;
}

body.samplepage__renew .sub-content .conductor .banner {
	clear: both;
	text-align: left;
	padding-top: 30px;
}

body.samplepage__renew .sub-content .conductor .banner li {
	width: 310px;
    margin-bottom: 10px;
}

body.samplepage__renew .sub-content .conductor .banner ul {
    margin-bottom: 0px;
}

body.samplepage__renew .sub-content .conductor .banner ul + ul {
	float:left;
}

body.samplepage__renew .sub-content .conductor .banner img {
	border-radius: 0px;
	float: right;
}

body.samplepage__renew .sub-content .conductor .banner span {
	display: inline-block;
    line-height: 60px;
    width: 310px;
    vertical-align: middle;
    background-color: #fff;
    font-weight: bold;
    font-size: 15px;
    text-align: left;
	padding-top: 5px;
    padding-right: 5px;
    padding-bottom: 5px;
    padding-left: 10px;
}

body.samplepage__renew .sub-content .conductor .banner span a {
	display: block;
	width: 100%;
}

body.samplepage__renew .sub-content .conductor {
	padding-top: 50px;
	padding-bottom: 20px;
}

body.samplepage__renew .sub-content .conductor h2 {
	margin-top: 30px;
	margin-bottom: 10px;
}

body.samplepage__renew .sub-content .conductor h3 {
	font-size: 20px;
    font-weight: bold;
    padding-bottom: 10px;
    margin-bottom: 20px;
    border-bottom: 2px solid #d8d7d7;
    position: relative;
    text-align: left;
}

body.samplepage__renew .sub-content .conductor h3:before {
    content: "";
    display: block;
    position: absolute;
    height: 2px;
    width: 40px;
    left: 0;
    bottom: -2px;
    background: #FCD700;
}

body.samplepage__renew .sub-content .conductor .banner {
	clear: both;
	text-align: left;
	padding-top: 30px;
}

body.samplepage__renew .sub-content .conductor .banner li {
	width: 310px;
    margin-bottom: 10px;
}

body.samplepage__renew .sub-content .conductor .banner ul {
    margin-bottom: 0px;
}

body.samplepage__renew .sub-content .conductor .banner ul + ul {
	float:left;
}

body.samplepage__renew .sub-content .conductor .banner img {
	border-radius: 0px;
	float: right;
}

body.samplepage__renew .sub-content .conductor .banner span {
	display: inline-block;
    line-height: 60px;
    width: 310px;
    vertical-align: middle;
    background-color: #fff;
    font-weight: bold;
    font-size: 15px;
    text-align: left;
	padding-top: 5px;
    padding-right: 5px;
    padding-bottom: 5px;
    padding-left: 10px;
}

body.samplepage__renew .sub-content .conductor .banner span a {
	display: block;
	width: 100%;
}

/**/


.samplepage__renew .sub-content .conductor {
	padding-top: 50px;
	padding-bottom: 20px;
}

.samplepage__renew .sub-content .conductor h2 {
	margin-top: 30px;
	margin-bottom: 10px;
}

.samplepage__renew .sub-content .conductor h3 {
	font-size: 20px;
    font-weight: bold;
    padding-bottom: 10px;
    margin-bottom: 20px;
    border-bottom: 2px solid #d8d7d7;
    position: relative;
    text-align: left;
}

.samplepage__renew .sub-content .conductor h3:before {
    content: "";
    display: block;
    position: absolute;
    height: 2px;
    width: 40px;
    left: 0;
    bottom: -2px;
    background: #FCD700;
}

.samplepage__renew .sub-content .conductor .banner {
	clear: both;
	text-align: left;
	padding-top: 30px;
}

.samplepage__renew .sub-content .conductor .banner li {
	width: 310px;
    margin-bottom: 10px;
}

.samplepage__renew .sub-content .conductor .banner ul {
    margin-bottom: 0px;
}

.samplepage__renew .sub-content .conductor .banner ul + ul {
	float:left;
}

.samplepage__renew .sub-content .conductor .banner img {
	border-radius: 0px;
	float: right;
}

.samplepage__renew .sub-content .conductor .banner span {
	display: inline-block;
    line-height: 60px;
    width: 310px;
    vertical-align: middle;
    background-color: #fff;
    font-weight: bold;
    font-size: 16px;
    text-align: left;
	padding-top: 5px;
    padding-right: 5px;
    padding-bottom: 5px;
    padding-left: 10px;
}

.samplepage__renew .sub-content .conductor .banner span a {
	display: block;
	width: 100%;
}
}
#contact_form .department .formError {
    margin-left: 0 !important;
}
.main .container .main-content .h2-sample-y {
    margin-bottom: 30px;
    background: url(../img/pagetitle_bg.png) bottom center no-repeat;
    line-height: 1;
    text-align: center;
    font-size: 30px;
    color: #ffc21c;
    height: auto;
    padding-bottom: 30px;
}

#home .banner a:nth-child(2){
	margin-top: 20px;
	display: block;
}

.main .subnav ul.contents li > ul.sub-menus ul ul li:nth-child(2) a br {
    display: none;
}

/*200914*/
.new_articlePage #widget{
	display: none;
}
#article-list .article .article-box.heightLine-4{
	    padding: 18px 20px 18px;
}
@media screen and (max-width: 640px){
#article-list.article-list_article .article .article-box{
	padding:20px;
	min-height:auto;
}
#article-list.article-list_article .article{
width: 96%;
margin: 0 2% 20px 2%;
}
}
.article-list_article .article-box:before{
	content: none;
}


/*200918-----------------------------------------------------------------*/
@media only screen and (min-width: 641px) {

body#secure.takeout.take2008 .main .headline {
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    transform: rotate(.03deg);
    margin: 40px 0 30px;
}

body#secure.take2008 .main .container .main-content .cnt__inner02 {
    border-top: 1px dotted #acafba;
    margin-top: 80px;
    padding-top: 20px;
}
body#secure.takeout.take2008 .main .container .main-content h2 {
    background: none;
    margin: 40px 0 30px;
}
body#secure.takeout.take2008 .main .container .main-content ul {
    margin: 0;
}
body#secure.take2008 .main .container .main-content .cnt__inner02 ul li.flex div:nth-of-type(1) p {
    text-align: center;
}
body#secure.take2008 .main .container .main-content .cnt__inner02 ul li.flex div:nth-child(2) {
    padding: 0 0 40px 20px;
}
body#secure.take2008 .main .container .main-content .cnt__inner02 ul li.flex div:nth-child(2) a span {
    font-weight: bold;
    font-size: 15px;
}
body#secure.take2008 .main .container .main-content .cnt__inner02 ul li.flex {
    align-items: center;
}
body#secure.take2008 .main .container .main-content .cnt__inner02 ul li.flex div:nth-child(2) a {
    text-indent: -1.6em;
    padding-left: 1.6em;
    line-height: 1.4;
    font-size: 14px;
}
body#secure.take2008 .main .container .main-content .cnt__inner02 ul li.flex div:nth-child(2) a + a {
    margin-top: .5rem;
}
body#secure.takeout.take2008 .main .container .main-content .flex .point__list {
    display: flex;
    align-items: center;
}
body#secure.take2008 .main .cnt__inner02 .point__list.list01 ul {
    margin: 0;
}
body#secure.take2008 .main .container .main-content .cnt__inner02 + .cnt__inner02 {
    margin-top: 40px;
    padding-top: 40px;
}
body#secure.takeout.take2008 .main .cnt__inner02 .pos__rel {
    font-size: 22px;
}
body#secure.takeout.take2008 .main .cnt__inner02 .pos__rel strong {
    display: block;
    font-size: 40px;
}
}
.lp2008_bnr {
    text-align:center;
	margin: 40px 0 60px;
}
body#secure.take2008.takeout .main .container .main-content .cnt__inner02 ul li.flex {
width: 49%;
    box-sizing: border-box;
    padding: 20px;
    background: rgba(255,255,255,.9);
    border-radius: 4px;
    box-shadow: 0 10px 10px rgba(0,0,0,.03);
    margin: 0 0 20px 0;
}
body#secure.take2008.takeout .main .container .main-content .cnt__inner02 ul li.flex div:nth-child(2) {
    padding: 0 0 0 10px;
}

body#secure.takeout.take2008 .main .container .main-content ul li {
    height: auto;
    padding: 0;
    width: auto;
}
body#secure.takeout.take2008 .main .container .main-content ul.btn__lp2008 {
    justify-content: center;
    margin: 60px 0 0;
}
body#secure.takeout.take2008 .main .container .main-content ul.btn__lp2008 li + li {
    margin-left: 40px;
}
body#secure.take2008 .main .footer___bnr .bnr_inner {
    padding: 40px;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}
body#secure.take2008 .main .footer___bnr .bnr_inner div:nth-of-type(1) {width: 70%;}
body#secure.take2008 .main .footer___bnr .bnr_inner div:nth-of-type(2) {
    width: 20%;
}
body#secure.take2008 .main .footer___bnr .bnr_inner div img {
    width: auto;
    max-width: 100%;
    margin: 0;
    padding: 0;
}
img.sp-hide {
	display: none;
}

@media only screen and (max-width: 640px) {
	body#secure.takeout.take2008 .main .container .main-content .point__list ul li {
		padding-left: 2em;
		text-indent: -1.7em;
	}
	body#secure.take2008 .main .cnt__inner02 .point__list .icon img {
		vertical-align: middle;
	}
	body#secure.take2008 .main .container .main-content .cnt__inner02 .g__category ul li.flex {
		width: 100% !important;
		margin: 0 0 10px;
	}
	body#secure.take2008 .main .container .main-content .cnt__inner02 .g__category ul li.flex div {
		width: 100% !important;
		text-align: center;
	}
	body#secure.take2008 .main .container .main-content .cnt__inner02 .g__category ul li.flex {
		flex-wrap: wrap;
	}
	img.pc-hide {
		display: none;
	}
	img.sp-hide {
		display: inline;
	}

body#secure.takeout.take2008 .main .container .main-content ul.btn__lp2008 li {
    width: 100%;
}
body#secure.takeout.take2008 .main .container .main-content ul.btn__lp2008 li img {
    width: 100%;
}
body#secure.takeout.take2008 .main .container .main-content ul.btn__lp2008 li + li {
    margin: 10px 0 0px;
}
body#secure.takeout.take2008 .main .container .main-content ul.btn__lp2008 {
    width: 80%;
    margin: 40px auto 0;
}
body#secure.take2008 .main .footer___bnr .bnr_inner div:nth-of-type(1) {
    width: 100%;
    font-size: 12px;
}
body#secure.take2008 .main .footer___bnr .bnr_inner div:nth-of-type(2) {
    width: 100%;
}
}

body#secure.takeout .main .container .main-content #faq dd ul{
    justify-content: initial;
}

/*カタログ一覧-----------------------------------------------------------------------*/
body#catalog ul.catalogue_boxies {
	    display: flex;
    /*background: #fff;
    padding: 70px 20px 30px;*/
    margin: 0 -1%;
    flex-wrap: wrap;
	    box-sizing: border-box;
    width: 100%;
	margin-top: 30px;
}
body#catalog .catalogue_boxies li {
    width: 29.3%;
    margin: 0 2% 4%;
    box-sizing: border-box;
}
body#catalog .catalogue_info{
	    background: #fff;
    width: 100%;
    padding: 20px 20px 15px;
	    box-sizing: border-box;
	    margin-top: 20px;
}
body#catalog p.catalogue_title {
    font-size: 16px;
    font-weight: 700;
    text-align: center;
    padding: 0 20px 15px;
}
body#catalog p.catalogue_summary {
    color: #535353;
    font-size: 14px;
    line-height: 1.5;
}
.lp_peptan.lp_peptan02 #science figure img,
.lp_peptan.lp_peptan03 #science figure img {
    padding: 0;
}
@media only screen and (max-width: 640px) {
	body#catalog ul.catalogue_boxies {
	    display: block;
  /*  background: #fff;*/
    padding:0px 10px 10px;
    margin: 0 -1%;
    flex-wrap: wrap;
}
	body#catalog .catalogue_boxies li {
    width: 100%;
    margin: 0 0 20px;
}
	body#catalog .catalogue_boxies img{
		    display: block;
    margin:20px auto;
	}
	body#catalog section.main .main-content div.index-title h2{
		margin-top: 30px;
	}
	body#catalog ul.catalogue_boxies li + li {
    margin-top: 30px;
}
}
li.link___txt a {
	font-size: 14px;
	text-decoration: underline;
}
li.link___txt a:before {
    display: inline-block;
    width: 6px;
    height: 6px;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    margin-right: 8px;
    vertical-align: middle;
    border-color: #333;
    content: '';
}



.link__arrow ul {
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	margin-bottom:5rem;
}

@media only screen and (max-width: 640px) {

.link__arrow ul {
    display: block;
    text-align: center;
    margin: 2rem 0 1rem;
}
.link__arrow ul li img {
    width: 80%;
}
.link__arrow ul li + li {
    margin-top: 10px;
}

}




/*rinen-------------------------------------------------------------*/
.pholosophy__content {
    margin-bottom: 4rem;
}
.sub-content.philo_sub-content {
    margin-bottom: 40px;
}
.pholosophy__content .section {
    margin-top: 50px;
}
.pholosophy__content h2 {
    text-align: center;
    font-size: 2.2rem;
    letter-spacing: 3px;
    margin-bottom: 1rem;
}
.pholosophy__content h2 span {
    display: block;
    font-size: 1rem;
}
.pholosophy__content .list li {font-size: 1rem;line-height: 2;letter-spacing: 1px;}
.pholosophy__content .list_wrap {
    text-align: center;
}
.pholosophy__content .list_wrap ul {
    display: inline-block;
    text-align: left;
}
.pholosophy__content h2 span {
    color: #ffd51c;
    font-weight: bold;
}
.pholosophy__content dl {
    display: flex;
    flex-wrap: wrap;
	align-items: center;
}
.pholosophy__content dl dt {
    width: 40%;
    font-size: 1.6rem;
    text-align: right;
    font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    font-weight: bold;
    padding-right: 1rem;
}

.pholosophy__content dl {
    margin-top: 2rem;
}

.pholosophy__content dl dd {
    font-size: 1rem;
}

.pholosophy__content dl dd {
    width: 60%;
}
.pholosophy__content .list li {
    font-size: 14px !important;
    text-indent: -1rem;
    padding-left: 1rem;
    line-height: 1.7;
}

.pholosophy__content .list li:before {content: '・';}
@media only screen and (max-width: 640px) {

.pholosophy__content img {
    width: 100%;
}

.pholosophy__content {
    padding: 0 5%;
}

.pholosophy__content .section {
    margin: 40px 0;
}

.pholosophy__content h2 {
    font-size: 1.1rem;
}

.pholosophy__content h2 span {
    font-size: .8rem;
}



.pholosophy__content .list li + li {
    margin-top: 1rem;
}

.pholosophy__content dl dt, .pholosophy__content dl dd {
    width: 100%;
}

.pholosophy__content dl dt {
    font-size: 1.1rem;
    text-align: left;
    margin-bottom: 1rem;
}

.pholosophy__content dl dd {
    font-size: 13px;
}
}
a.target_window {
	position:relative;
}
a.target_window:after {
    content: url(../img/window_mizuiro.svg);
    height: 8px;
    display: absolute;
    width: 10px;
    right: -30px;
    position:absolute;
}
/*210601*/
.lp_peptan .mv {
    height: 418px;
    margin: 20px auto 50px;
    display: flex;
    align-items: center;
    color: #fff;
    /* font-size: 1.8rem; */
    font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
    padding: 0 5rem;
}
.lp_peptan .mv h2 span {
    font-size: 1.6rem;
    display: block;
    margin-bottom: .5rem;
    font-weight: bold;
}
.lp_peptan .mv h2 {
    font-size: 2.6rem;
    font-weight: bold;
    line-height: 1.3;
}
.lp_peptan .main-content {
    font-size: 1rem;
}
.lp_peptan h3 {
    text-align: center;
    margin-bottom: 4rem;
    font-size: 2rem;
    font-weight: bold;
    font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
    position: relative;
}
.lp_peptan h3:after {content: '';width: 60px;position: absolute;left: calc(50% - 30px);bottom: -20px;height: 1px;display: block;border-bottom: 3px solid #ffd51c;}
.lp_peptan .main-content .section {
    background: #fff;
    padding: 60px 0;
}
.lp_peptan .main-content .section:nth-of-type(odd) {
    background: #f6f6f6;
}
.lp_peptan .main-content .flex {
    display: flex;
    justify-content: space-between;
}
.lp_peptan small {
    font-size: .8rem;
    color: #666;
}
.lp_peptan .main-content {
    line-height: 1.6;
}
.lp_peptan div#intro .txt {
    width: 56%;
}
.lp_peptan div#intro figure {
    width: 40%;
    font-size: 12px;
    text-align: center;
    color: #666;
}
.lp_peptan div#intro figure img {
    -webkit-backface-visibility: hidden;
}
.lp_peptan div#intro .flex {
    align-items: center;
}
.lp_peptan #science figure {
    margin: 30px 0 20px;
}
.lp_peptan #science figure img {
    padding: 30px;
    background: #fff;
}
.lp_peptan div#case .flex li span {
    display: block;
    font-weight: bold;
    color: #555;
}
.lp_peptan div#case .flex li {
    text-align: center;
}
.lp_peptan div#feature .box {
    margin-bottom: 3rem;
    width: 440px;
}
.lp_peptan div#feature .flex {
    flex-wrap: wrap;
    justify-content: space-around;
}
.lp_peptan div#feature iframe {
    width: 440px;
    height: 275px;
}
.lp_peptan div#feature .box .ttl {
    font-weight: bold;
    margin: 5px 0 10px;
    font-size: 1.2rem;
    position: relative;
    padding-left: 30px;
}
.lp_peptan div#feature .box .ttl:before {
	content: '';width: 20px;height: 1px;border-bottom: 2px solid #ffd51c;display: inline-block;position: absolute;left: 0;top: calc(50% - 2px);
}
.lp_peptan .bnr {
    text-align: center;
    margin: 0 0 60px;
}
.lp_peptan ul.btn__lp2008 {
    justify-content: center;
    display:flex;
    margin: 60px 0 0;
}
.lp_peptan .main-content ul.btn__lp2008 li + li {
    margin-left: 40px;
}
.lp_peptan .footer___bnr .bnr_inner h5 {
    color: #ffd51c;
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 35px;
}
.lp_peptan .footer___bnr .bnr_inner{
	    background: #f6f6f6;
	    padding: 40px;
	    font-size: 14px;
	    flex-wrap: wrap;
	    align-items: center;
}
.lp_peptan .footer___bnr .bnr_inner h5{
   color: #ffd51c;
	font-size: 24px;
	font-weight: bold;
	    margin-bottom: 35px;
}
.lp_peptan .footer___bnr .bnr_inner div{
	width: 70%;
}
.lp_peptan .footer___bnr .bnr_inner div img{
    width: 100%
    padding: 0 20px;
    display: block;
}
.lp_peptan .main-content .cnt__inner02{
	margin-top: 120px;
}
.lp_peptan .footer___bnr .bnr_inner div p{
	line-height: 1.8;
}
.lp_peptan .main-content {
    margin-bottom: 0;
}
.lp_peptan .footer___bnr {
    margin-top: 40px;
}
.lp_peptan .footer___bnr .bnr_inner > div + div {
    width: 22%;
}
.lp_peptan .main dd ul {
        display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    width: auto;
    height: auto;
    justify-content: initial;
}
.lp_peptan01.lp_peptan .mv h2 {
    text-shadow: 0 0 20px rgba(38,78,86,.9);
}
.lp_peptan02.lp_peptan .mv h2 {
    text-shadow: 0 0 10px rgba(38,78,86,.9);
}
.lp_peptan03.lp_peptan .mv h2 {
    text-shadow: 0 0 10px rgba(243,110,110,.9);
}
.lp_peptan.lp_peptan01 #science figure div {
    width: 48%;
    background: #fff;
    text-align: center;
    padding: 20px;
    box-sizing: border-box;
}
.lp_peptan.lp_peptan01 #science figure div small {
    display: block;
    text-align: left;
}

@media only screen and (max-width: 640px) {
	.lp_peptan header.global h1 .sp-only {
    display: block !important;
}
body#secure.lp_peptan  {
    background: #f6f6f6;
}
body#secure.lp_peptan  section.main {
    background: no-repeat;
    border-radius: 0;
    margin: 0;
}
.lp_peptan .container {
    width: 100%;
    box-sizing: border-box;
}
.lp_peptan .mv {
    height: auto;
    margin: -30px 0 0;
    background-position: center right -90px !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    padding: 60px 5% 30px;
    position: relative;
}
.lp_peptan .main-content .section .container {
    box-sizing: border-box;
    padding: 0 5%;
}
.lp_peptan .main-content .section {
    padding: 40px 0;
}
.lp_peptan h3 {
    font-size: 1.2rem;
    text-align: left;
    margin-bottom: 3rem;
    line-height: 1.6;
}
.lp_peptan h3 br {
    display: none;
}
    .lp_peptan h3 br.sp-only{
        display: block;
    }

.lp_peptan h3:after {
    left: 0;
}
.lp_peptan .mv h2 {
    font-size: 1.4rem;
    position: relative;
    z-index: 1;
    line-height: 1.4;
}
.lp_peptan .mv h2 span {
    font-size: 1rem;
}
.lp_peptan .mv h2 br {
    display: none;
}
.lp_peptan .mv:after {content: '';width: 100%;height: 100%;display: block;position: absolute;left: 0;top: 0;background: rgba(0,0,0,.2);}
.lp_peptan div#intro .txt {
    width: 100%;
    order: 2;
}
.lp_peptan div#intro figure {
    width: 100%;
    order: 1;
    margin-bottom: 1rem;
}
.lp_peptan div#intro .flex {
    flex-wrap: wrap;
}
.lp_peptan .main-content {
    font-size: .8rem;
    line-height: 1.8;
}
.lp_peptan #science figure {
    flex-wrap: wrap;
    justify-content: center;
}
.lp_peptan #science figure img + img {
    margin-top: 2rem;
}
.lp_peptan small {
    font-size: .6rem;
}
.lp_peptan div#case .flex {
    flex-wrap: wrap;
    justify-content: space-around;
}
.lp_peptan div#case .flex li {
    margin-top: 1rem;
}
.lp_peptan div#feature iframe {
    width: 100%;
    height: auto;
}
.lp_peptan div#feature .box .ttl {
    font-size: 1rem;
}
.lp_peptan div#feature .box {
    width: 100%;
}
.lp_peptan div#feature .box img {
    width: 100%;
}
.lp_peptan .bnr img {
    width: 100%;
}
.lp_peptan .bnr {
    margin: 0 0 0;
}
.lp_peptan ul.btn__lp2008 {
    flex-wrap: wrap;
    justify-content: center;
    width: 100%;
}
.lp_peptan .main-content ul.btn__lp2008 li + li {
    margin: 10px 0 0;
}
.lp_peptan ul.btn__lp2008 img {
    width: 100%;
}
.lp_peptan ul.btn__lp2008 li {
    width: 90%;
}
.lp_peptan .footer___bnr .bnr_inner {
    padding: 20px;
    display: block;
}
.lp_peptan .footer___bnr .bnr_inner div {
    width: 100% !important;
}
.lp_peptan .footer___bnr .bnr_inner h5 {
    font-size: 1rem;
    text-align: center;
    margin: 0 0 10px;
}
.lp_peptan .footer___bnr .bnr_inner div p {
    font-size: .7rem;
    color: #333;
}
.lp_peptan .footer___bnr .bnr_inner div img {
    width: 50%;
    margin: 0 auto;
}
.lp_peptan div#intro figure img {
    width: 100%;
}

.lp_peptan div#case .flex li {
    width: 44%;
}

.lp_peptan div#case .flex li span {
    text-align: left;
    font-size: .6rem;
    font-weight: normal;
    margin: 10px 0 0;
}

.lp_peptan div#case .flex li span br {
    display: none;
}
.lp_peptan.lp_peptan01 #science figure img{
    width: 100%;
}
.lp_peptan.lp_peptan01 #science figure div {
    width: 100%;
}

.lp_peptan.lp_peptan01 #science figure div + div {
    margin-top: 10px;
}
.lp_peptan.lp_peptan02 .mv {
    background-position: center right -20px !important;
}
.lp_peptan.lp_peptan02 #science figure div,
.lp_peptan.lp_peptan03 #science figure div{
    width: 100%;
    background: #fff;
    text-align: center;
}

.lp_peptan.lp_peptan02 #science figure div img,
.lp_peptan.lp_peptan03 #science figure div img{
    width: 100%;
}

.lp_peptan.lp_peptan02 #science figure div + div,
.lp_peptan.lp_peptan03 #science figure div + div {
    margin-top: 10px;
}
}


/*210822*/
/*====================================================================
.s_04 .accordion_one
====================================================================*/
#business_support .s_04 .accordion_one {
  max-width: 1024px;
  margin: 1px auto 0;
}
#business_support .s_04 .accordion_one .accordion_header {
  background-color: #bcbec5;
  color: #fff;
  font-size: 26px;
  font-weight: bold;
  padding: 20px 11%;
  text-align: center;
  position: relative;
  z-index: +1;
  cursor: pointer;
  transition-duration: 0.2s;
}
#business_support .s_04 .accordion_one .accordion_header.open,
#business_support .s_04 .accordion_one .accordion_header.stay {
    background-color: #ffc21c;
}
#business_support .s_04 .accordion_one .accordion_header.stay.open {
  background-color: #bcbec5;
}
/*#business_support .s_04 .accordion_one:nth-of-type(3) .accordion_header {
    background-color: #1c85d8;
}*/
#business_support .s_04 .accordion_one .accordion_header:hover {
  opacity: .8;
}
#business_support .s_04 .accordion_one .accordion_header .i_box {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 50%;
  right: 5%;
  width: 40px;
  height: 40px;
  border: 1px solid #fff;
  margin-top: -20px;
  box-sizing: border-box;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  transform-origin: center center;
  transition-duration: 0.2s;
}
#business_support .s_04 .accordion_one .accordion_header.stay .i_box {
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
}
#business_support .s_04 .accordion_one .accordion_header .i_box .one_i {
  display: block;
  width: 18px;
  height: 18px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  transform-origin: center center;
  transition-duration: 0.2s;
  position: relative;
}
#business_support .s_04 .accordion_one .accordion_header.stay .i_box .one_i {
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
}
#business_support .s_04 .accordion_one .accordion_header.stay.open .i_box .one_i {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
#business_support .s_04 .accordion_one .accordion_header.open .i_box {
  -webkit-transform: rotate(-360deg);
  transform: rotate(-360deg);
}
#business_support .s_04 .accordion_one .accordion_header.stay.open .i_box {
  -webkit-transform: rotate(315eg);
  transform: rotate(315deg);
}
#business_support .s_04 .accordion_one .accordion_header .i_box .one_i:before,
#business_support .s_04 .accordion_one .accordion_header .i_box .one_i:after {
  display: flex;
  content: '';
  background-color: #fff;
  border-radius: 10px;
  width: 18px;
  height: 4px;
  position: absolute;
  top: 7px;
  left: 0;
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  transform-origin: center center;
}
#business_support .s_04 .accordion_one .accordion_header .i_box .one_i:before {
  width: 4px;
  height: 18px;
  top: 0;
  left: 7px;
}
#business_support .s_04 .accordion_one .accordion_header.stay .i_box .one_i:before {
  content: none;
}
#business_support .s_04 .accordion_one .accordion_header.open .i_box .one_i:before {
  content: none;
}
#business_support .s_04 .accordion_one .accordion_header.stay.open .i_box .one_i:before {
  content: "";
}
#business_support .s_04 .accordion_one .accordion_header.open .i_box .one_i:after {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
#business_support .s_04 .accordion_one .accordion_header.stay.open .i_box .one_i:after {
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
}
#business_support .s_04 .accordion_one .accordion_inner {
  display: none;
  padding: 30px 30px;
  border-left: 2px solid #ccc;
  border-right: 2px solid #ccc;
  border-bottom: 2px solid #ccc;
  box-sizing: border-box;
}
#business_support .s_04 .accordion_one .accordion_inner.stay {
  display: block;
}
#business_support .s_04 .accordion_one .accordion_inner.stay,
#business_support .s_04 .accordion_one .open + .accordion_inner {
  border-left: 2px solid #ffc21c;
  border-right: 2px solid #ffc21c;
  border-bottom: 2px solid #ffc21c;
}
#business_support .s_04 .accordion_one .accordion_inner .box_one {
  height: 300px;
}
#business_support .s_04 .accordion_one .accordion_inner p.txt_a_ac {
  margin: 0;
}
#business_support .description p {
    margin-top: 2rem;
    font-size: 14px;
}

#business_support .sub-content {
    margin-bottom: 60px;
}

#business_support .pc_menu_block {
    position: relative;
    margin-bottom: 60px;
}

#business_support .pc_menu_block > div {
    position: absolute;
}

#business_support .pc_menu_block > div.link01 {
    left: 1px;
    top: 46px;
}
#business_support .pc_menu_block > div.link02 {
    left: 156px;
    top: 124px;
}
#business_support .pc_menu_block > div.link03 {
    left: 407px;
    top: 123px;
}
#business_support .pc_menu_block > div.link04 {
    left: 426px;
    top: 124px;
}
#business_support .pc_menu_block > div.link05 {
    left: 542px;
    top: 46px;
}


#business_support .sp_menu_blcok {
    display: none;
}

#business_support .container p {
font-size: 16px;
    text-align: center;
    line-height: 1.8;
}

#business_support .nayami {
    margin-top: 30px;
    padding: 30px;
    background: #f1e4c1;
    border-radius: 4px;
}

#business_support .nayami p.ttl {
    font-weight: bold;
    font-size: 20px;
    margin-bottom: 10px;
    text-align: center;
    /* color: #fb584c; */
}

#business_support .nayami ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

#business_support .nayami ul li + li {
    margin-left: 10px;
}

#business_support .nayami ul li {
    padding: 15px 2px;
    background: #fff;
    font-size: 14px;
    width: calc(( 100% - 40px )/5);
    border-radius: 3px;
	text-align: center;
}

#business_support .nayami ul li strong {
    font-size: 16px;
    color: #fb584c;
}

#business_support .arrow {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 30px 40px 0 40px;
    border-color: #f1e4c1 transparent transparent transparent;
    margin: 0 auto;
}
#business_support .nayami:after {
    content: '';
    width: 158px;
    height: 79px;
    background: url(../img/business/support/onayami.png);
    display: block;
    position: absolute;
    right: 80px;
    margin-top: -10px;
}
#business_support .answer h3 {
    margin-top: 40px;
}

#business_support .answer h3 {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 20px;
    padding: 15px 10px 15px 15px;
    border-left: 4px solid #ffc21c;
    background: #fdf7e6;
    line-height: 1;
}

#business_support .prototype .box {
    padding: 0 10px;
}

#business_support .prototype .box .ttl {
    font-weight: bold;
    font-size: 16px;
    margin: 30px 0 10px;
}

#business_support .accordion_inner {
    background: #fff;
}

#business_support .answer ul {
    display: flex;
}

#business_support .answer ul li {
    width: 20%;
    box-sizing: border-box;
    padding: 0 5px;
}

#business_support .answer ul li img {
    width: 60%;
    display: block;
    margin: 0 auto;
}

#business_support .prototype .box ul .ttl {
    margin: 0 0 3px;
    font-size: 14px;
    text-align: center;
}

#business_support .prototype .box ul .ttl span {
    display: block;
    font-size: 11px;
    color: #aaa;
}

#business_support .prototype .box ul .ex {
    font-size: 11px;
    text-align: center;
}

#business_support table.price {
    width: calc( 100% - 20px);
    text-align: left;
    /* vertical-align: top; */
    margin: 0 auto;
}

#business_support table.price th,table.price td {
    vertical-align: top;
    font-size: 14px;
    padding: 10px;
    border: 1px solid #ddd;
}

#business_support table.price th {
    text-align: center;
    vertical-align: middle;
    background: #fdf7e6;
    font-size: 15px;
}
#business_support .prototype .box > .ttl {
    display: flex;
    align-items: center;
    margin:40px 0 10px;
    color: #555;
}
#business_support .prototype .box > .ttl:after,
#business_support .prototype .box > .ttl:before {
	content: "";
	flex-grow: 1;
	height: 1px;
	background: #ddd;
	display: block;
}
#business_support .prototype .box > .ttl:before {
	margin-right: 1em;
}
#business_support .prototype .box > .ttl:after {
	margin-left: 1em;
}
#business_support .accordion_inner .flex {
    display: flex;
    margin: 20px 0 0;
    font-size: 14px;
}

#business_support .accordion_inner .flex .txt ul li {
    margin-bottom: .3rem;
    padding-left: 1rem;
    /* text-indent: -.8rem; */
    position: relative;
}

#business_support .accordion_inner .flex .txt {
    margin: 0 .5rem;
}

#business_support .accordion_one .photo {
    display: flex;
    margin: 20px auto 0;
    justify-content: center;
}

#business_support .accordion_one .photo > div {
    width: 40%;
    text-align: center;
    background: #f5f5f5;
    padding: 20px;
    box-sizing: border-box;
}

#business_support .accordion_one .photo > div + div {
    margin-left: 10px;
}

#business_support .container .accordion_one .photo > div p {
    font-size: 14px;
}

#business_support .container .accordion_one .photo > div p.ttl {
    font-size: 16px;
}

#business_support table.price th {
    width: 30%;
}

#business_support #link04 .nayami ul li {
    width: 30%;
}

#business_support #link04 + div .nayami ul li {
    width: 30%;
}

#business_support #link01 + div .nayami ul li{
    width:calc(( 100% - 10px * 3 )/4) ;
}

#business_support section#slide {
	margin-bottom: 60px;
}
#business_support .container p.title {
    line-height: 50px;
    text-align: center;
    font-size: larger;
}
#business_support .contents ul li .description {
    font-size: 12px;
}
#business_support .container div#link04 + div p,
#business_support .container div#link05 + div p {
    /*text-align: left;*/
    margin-bottom: 1rem;
}
#business_support .container div#link05 + div p {
	text-align: center;
}
#business_support table.price ol {
    margin-left: 20px;
}
@media print, screen and (min-width: 641px) {
body#business .main .container .main-content ul li {
    position: static !important;
    width: 392px;
    /* background-repeat: no-repeat; */
    margin-bottom: 20px;
}
body#business .main .container .main-content ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width: 100%;
    margin: 20px 0 0;
}
body#business .main .container .main-content ul li + li {
    margin: 0 0 0 60px;
}
body#business .main .container .main-content ul {
    height: auto;
}
body#business .main .container .main-content ul li.support {
    background: url(../img/business_support.png);
	background-repeat: no-repeat;
}
}
.bnr__dl__box {
    margin: 40px auto 0;
    text-align: center;
}

a.btn_center {
    display: block;
    width: 50%;
    margin: 40px auto 0;
    text-align: center;
    color: #fff;
    background: #ffc21c;
    font-size: 24px;
    font-weight: bold;
    box-sizing: border-box;
    padding: 20px 0;
    border-radius: 8px;
    box-shadow: 0 4px 0 #c1a31d;
    position: relative;
}

a.btn_center:after {
    position: absolute;
    top: 50%;
    right: 20px;
    width: 12px;
    height: 12px;
    border-top: 3px solid #fff;
    border-right: 3px solid #fff;
    transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    margin-top: -6px;
    vertical-align: middle;
    border-color: rgba(255, 255, 255, 0.7);
    content: '';
}

a.btn_center:hover {
    opacity: .7;
    transition: .3s;
}

@media only screen and (max-width: 640px){
body#business_support {
    background: url(../img/sp_support_main.jpg) top center no-repeat;
    background-size: 320px auto;
}
body#business_support section.main {
    margin-top: 175px;
}
}
@media print, screen and (min-width: 641px){
body#business .main .container .main-content ul li a.image-blank {
    position:static;
}
}
#business_support .prototype .box ul .ex:before {
    content: 'ex）';
}

@media screen and (max-width: 1024px) {
  #business_support .s_04 .accordion_one .accordion_header {
    font-size: 18px;
  }
  #business_support .s_04 .accordion_one .accordion_header .i_box {
    width: 30px;
    height: 30px;
    margin-top: -15px;
  }
}
@media screen and (max-width: 767px) {
  #business_support .s_04 .accordion_one .accordion_header {
    font-size: 16px;
    text-align: left;
    padding: 15px 60px 15px 15px;
  }
}
@media screen and (max-width: 767px) {
#business_support .description p {
    font-size: 11px;
    text-align: left;
}

#business_support .sp-hide {
    display: none;
}

#business_support .sub-content {
    margin-bottom: 20px;
}

#business_support .pc_menu_block {
    display: none;
}

#business_support .sp_menu_blcok {
    display: block;
    margin-bottom: 30px;
}

#business_support .sp_menu_blcok ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 90%;
    margin: 0 auto;
}
#business_support .sp_menu_blcok ul li {
    width: 100%;
    text-align: center;
    border: 1px solid #eee;
    box-sizing: border-box;
    /* padding: 5px; */
    /* border: 1px solid #ccc; */
    margin-bottom: 6px;
    line-height: 40px;
    color: #fff;
    background: #ddd;
}

#business_support .sp_menu_blcok ul li a {
    width: 100%;
    height: 100%;
    display: block;
    background: #ffc21c;
    color: #fff;
    font-weight: bold;
}

#business_support .sp_menu_blcok ul li a {
    position: relative;
}

#business_support .sp_menu_blcok ul li a:after {
    position: absolute;
    top: 50%;
    right: 10px;
    width: 6px;
    height: 6px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    margin-top: -4px;
    vertical-align: middle;
    border-color: rgba(255, 255, 255, 0.7);
    content: '';
}

#business_support section#slide {
    margin-bottom: 30px;
    padding: 0 2%;
}

#business_support .s_04 .accordion_one .accordion_inner {
    padding: 20px;
}

#business_support #slide p {
    font-size: 12px;
    text-align: left;
}

#business_support .nayami {
    margin-top: 10px;
}

#business_support .nayami {
    padding: 15px;
}

#business_support .nayami ul li {
    width: 100% !important;
    font-size: 12px;
    padding: 10px;
}

#business_support .nayami ul li strong {
    font-size: 13px;
}

#business_support .nayami ul li + li {
    margin: 5px 0 0;
}

#business_support .answer h3 {
    margin: 30px 0 0;
    font-size: 18px;
    padding: 10px;
}
#business_support .answer ul {
    /* display: block; */
    flex-wrap: wrap;
}

#business_support .answer ul li {
    width: 50%;
    margin: 0 0 20px;
    /* display: flex; */
    /* justify-content: flex-start; */
}

#business_support .prototype .box > .ttl {
    margin-top: 20px;
}

#business_support .prototype .box ul .ttl {
    font-size: 12px;
}

#business_support .prototype .box ul .ttl span {
    font-size: 8px;
    font-weight: normal;
}

#business_support .prototype .box ul .ex {
    font-size: 10px;
}

#business_support table.price {
    margin-top: 20px;
}

#business_support table.price th, table.price td {
    font-size: 11px;
    vertical-align: middle;
}

#business_support table.price th {
    width: 40%;
}

#business_support .accordion_inner .flex {
    display: block;
}

#business_support .accordion_inner .flex .txt ul li {
    font-size: 12px;
}

#business_support .accordion_inner .flex .txt {
    margin: 0 0 20px;
}

#business_support .accordion_inner .flex img {
    display: block;
    margin: 0 auto;
}

#business_support .accordion_one .photo {
    margin: 20px 0;
    flex-wrap: wrap;
}

#business_support .accordion_one .photo > div {
    width: 100%;
    box-sizing: border-box;
}

#business_support .accordion_one .photo > div + div {
    margin: 10px 0 0;
}

#business_support .container .accordion_one .photo > div p.ttl {
}

#business_support #link04 + div .nayami ul li {
    width: 100%;
}

body#business_support img {
    max-width: 100%;
}

a.btn_center {
    width: 100%;
    font-size: 16px;
    padding: 10px 0;
}
.bnr__dl__box img {
    max-width: 100%;
}
}


/* php kobo confirm
--------------------*/
form .contactTable {
	margin: 60px auto 0 auto;
}
@media all and (min-width: 769px) {
	form .contactTable {
		width: 660px;
	}
}
@media all and (max-width: 768px) {
	form .contactTable {
		display: block;
		margin: 0 14px;
	}
}
form .contactTable th,
form .contactTable td {
	padding-bottom: 20px;
	vertical-align: middle;
	font-size: 16px;
}
@media all and (max-width: 768px) {
	form .contactTable th,
	form .contactTable td {
		display: block;
		width: 100%;
		padding-bottom: 0;
		font-size: 12px;
	}
}
form .contactTable th {
    text-align: left;
    line-height: 1;
	font-weight: normal;
}
form .contactTable td {
}
#business_support h3.h3_border {
    margin-top: 40px;
}

#business_support h3.h3_border {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 20px;
    padding: 15px 10px 15px 15px;
    border-left: 4px solid #ffc21c;
    background: #fdf7e6;
    line-height: 1;
}
@media all and (max-width: 768px) {
	form .contactTable td {
		margin-bottom: 14px;
	}
}
form p#submit {
	text-align: center;
}
form p#submit input[type="submit"] {
	width: 255px;
	height: 61px;
	text-indent: -9999px;
	overflow: hidden;
	background: url("../img/contact_send_btn.png") no-repeat 0 0;
}
.state select,
.industry select {
	background: #FFF;
	padding: 7px 10px;
	width: 100%;
	font-size: 14px;
}

#business_support .nayami {
    position: relative;
}
#business_support footer .container p.title {
    text-align: left;
    line-height: 1.8;
}
#business_support .accordion_inner .flex .txt ul li:before {
	content: '';width: .7rem;height: 2px;background: #ffd51c;display: block;top: 10px;position: absolute;left: 0;
}
@media all and (max-width: 768px) {
	form p#submit input[type="submit"] {
		width: 148px;
		height: 35px;
		background-size: cover;
	}
#business_support .nayami:after {
    width: 30vw;
    height: 15vw;
    background-size: contain;
    background-repeat: no-repeat;
    right: 0;
}
#business_support .nayami:after {
    width: 30vw;
    height: 15vw;
    background-size: contain;
    background-repeat: no-repeat;
    right: 0;
}

br.only-pc {
    display: none;
}
}
/*211227*/
@media only screen and (min-width: 641px) {
#article-list .article .article-box {
    min-height: auto;
}
}

a.sampleBtn {
    background: #fb584c;
    box-shadow: 0 4px 0 #d93b31;
    color: #fff;
    border-radius: 6px;
    padding: 15px 0;
    display: block;
    margin: 40px auto 40px;
    font-size: 18px;
    width: 400px;
    max-width: 100%;
    text-align: center;
    font-weight: bold;
    position: relative;
}
a.sampleBtn:hover {
    opacity: .7;
    transition: .3s;
}

a.sampleBtn.dlBtn{
	margin: 40px auto 40px 0;
	background: url(../img/icon_pdf.png) #fb584c no-repeat top 50% right 5%;
}
@media only screen and (max-width: 640px) {
a.sampleBtn.dlBtn{
	width: 100%;
	font-size: 12px;
}
}
/*220304*/
.footer ul li.first_col {
	width: 250px;
}
@media only screen and (max-width: 640px) {
footer.global .navi_site_top,
footer.global ul.navi > li{
	width: 100%;
}
}

/*220623*/
body#catalog .catalogue_info.blank{
	position: relative;
}

body#catalog .catalogue_info.blank:before{
	content: "";
    background-image: url(../img/window.svg);
    background-repeat: no-repeat;
    background-size: 10px;
    height: 8px;
    display: inline-block;
    width: 10px;
    position: absolute;
    right: 20px;
    top: 20px;
}

body#catalog .catalogue_boxies li{
	display: flex;
	flex-flow: column;
}
body#catalog .catalogue {
    display: flex;
    flex-flow: column;
    min-height: 168px;
    justify-content: center;
}
body#catalog .catalogue_info{
	display: flex;
    flex-flow: column;
	flex-grow:1;
}
@media only screen and (max-width: 640px) {
body#catalog ul.catalogue_boxies{
	display: flex;
	margin: 0;
}
	body#catalog .catalogue{
		min-height: auto;
	}
}


/*220726*/

.lp_peptan .main-content .flex .txt h4{
	font-size:22px;
	color:#4fbdaa;
	font-weight: bold;
	margin-bottom: 1rem;
}
.lp_protein.lp_peptan .main-content .flex{
	flex-wrap: wrap;
}
.lp_protein.lp_peptan .main-content #case .flex{
	align-items: center;
}
.lp_protein.lp_peptan .main-content .flex + .flex{
	margin-top: 4rem;
}
.lp_protein.lp_peptan .main-content .flex .txt{
	width: 56%;
}
.lp_protein.lp_peptan .main-content .flex .img{
    width: 40%;
}
.lp_protein.lp_peptan .main-content .flex:nth-child(2n) .txt{
	order: 2;
}
.lp_protein.lp_peptan .main-content .flex .img{
    width: 40%;
}


.faq {
  position: relative;
  width: 100%;
	margin-bottom: 40px;
	border-bottom: 1px solid #ddd;
    padding-bottom: 20px;
}
.faq:last-of-type {
  margin-bottom: 0;
}
.faq .icon-arrow {
  position: absolute;
  right: 0;
  transition: .3s;
}
.faq.on .icon-arrow {
  transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
}
.faq h3, .faq .answer {
  display: table;
  width: 100%;
}

.faq h3 span, .faq .answer span {
  padding: 12px 14px;
  font-size: 24px!important;
   font-weight: bold;
  -webkit-border-radius: 5px;
  border-radius: 5px;  text-align: center;
  vertical-align: top;
	line-height: 1;
}
.faq h3 {
  font-size: 20px;
    font-weight: bold;
    line-height: 1.4;
    text-align: left;
    height: auto;
    display: flex;
    margin: 0;
    padding: 0;
	align-items: center;
	cursor: pointer;
}
.lp_peptan .faq h3:after{
	content: none;
}
.faq h3:before {
  background: none;
}
.faq h3 span {
  background: #fcd700;
  color: #fff;
  margin-right: 20px;
}
.faq .answer {
  display: none;
  margin-top: 20px;
}
.faq .answer div span {
  border: 2px solid #fcd700;
  background: #fff;
  color: #fcd700;
  margin-right: 20px;
    height: 50px;
}
.faq .answer div {
  display: flex;
  vertical-align: middle;
  line-height: 1.4;
  align-items: center;
}
.faq .answer div p{
	font-size: 16px;
}

.faq .answer div p a{
    text-decoration: underline;
    transition: .3s;
}
.faq .answer div p a:hover{
    text-decoration: none;
}


.lp_peptan .main-content #worries ul.flex{
	flex-wrap: wrap;
}
div#worries ul li{
	background: url(../lp_protein/img/list_bg.png) no-repeat center;
    height: 220px;
    width: 240px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    margin: 0px 30px;
    font-size: 18px;
    font-weight: bold;
	position: relative;
    padding: 0 35px;
}
div#worries ul li::after{
	content: '';
    width: 86px;
    height: 79px;
	background-repeat: no-repeat;
	background-position: center;
    background-size: contain;
    display: block;
    position: absolute;
    right: -30px;
    bottom: 0;
    margin-top: -10px;
}
div#worries ul li:nth-child(1):after{
    background-image: url(../lp_protein/img/list_icon01.png);
}
div#worries ul li:nth-child(2):after{
    background-image: url(../lp_protein/img/list_icon02.png);
}
div#worries ul li:nth-child(3):after{
    background-image: url(../lp_protein/img/list_icon03.png);
}
.lp_peptan .main-content .section.arrow{
	position: relative;
	padding: 110px 0 60px;
}
.lp_peptan .main-content .section.arrow::before{
	content: "";
	width: 0;
height: 0;
border-style: solid;
border-width: 50px 75px 0 75px;
border-color: #FFF transparent transparent transparent;
	position: absolute;
top: 0;
	left: 50%;
	transform: translate(-50%, 0) ;
}
.lp_protein #business_support table.price th{
	width: auto;
}
.lp_protein #business_support table.price td{
	vertical-align:middle;
}

@media only screen and (max-width: 640px) {
	div#worries ul li{
		margin-bottom: 1rem;
	}
	.lp_protein.lp_peptan .main-content .flex .img{
		width: 100%;
		order: 1;
    margin-bottom: 1rem;
	}
	.lp_protein.lp_peptan .main-content .flex .img img{
		width: 100%;
	}
	.lp_protein.lp_peptan .main-content .flex .txt{
		width: 100%;
		order: 2;
	}
	.lp_peptan .main-content .flex .txt h4{
		font-size: 1rem;
	}
	.lp_protein.lp_peptan .main-content .flex:nth-child(2n) .txt{
		order: 2;
	}
	.lp_protein.lp_peptan .main-content #case .flex .txt h4{
		text-align: center;
	}
	.priceTableSlide {
    width: 100%;
    overflow-x: auto;
}
	.priceTableSlide:before {
    display: block;
    font-size: 14px;
    font-weight: bold;
    content: "※横にスクロールできます";
    margin-top: 30px;
}
	#business_support .priceTableSlide table.price{
    width: 500px;
	}
	.faq{
		margin-bottom: 20px;
	}
	.faq h3{
		font-size: 14px;
    padding-right: 30px;
    box-sizing: border-box;
	}
	.faq .answer div{
    align-items: flex-start;
	}
	.faq .answer div span{
		height: auto;
	}
	.faq .answer div p {
    font-size: 14px;
}
}


/*220822*/
@media print, screen and (min-width: 641px){
	body#privacy .main .container .main-content p{
	margin-bottom: 40px;
    font-size: 14px;
	}

	body#privacy .main .container .main-content dl dd{
		padding-left: 2rem;
	}
	}
	body#privacy .main .container .main-content dl dd ul li strong{
		padding: 1rem 0;
		display: block;
}
body#privacy .main .container .main-content dl dd ul.privacypolicy_list li{
    list-style: "・";
    margin-left: 1rem;
}
body#privacy .main .container .main-content dl dd ul li p{
	margin-bottom: 0;
}
body#privacy .main .container .main-content dl dd a{
	text-decoration: underline;
	}

@media only screen and (max-width: 640px){
	body#privacy .main .container .main-content p{
    margin-bottom: 25px;
	}
	body#privacy .main .container .main-content dl dd{
		padding-left: 1rem;
	}
	body#privacy .main-content dl.treatment dt{
		text-indent: -1rem;
    padding-left: 1rem;
	}
}


/*220901*/

a.textlink {
	color: #00b4be;
	text-decoration: underline;
}
a.textlink:hover {
	text-decoration: none;
}
.testLink li {
    font-size: 14px;
}
.testLink a {
	text-decoration: underline;
}
.testLink a:hover {
	text-decoration: none;
}

.lp_plantbased  #business_support .answer {
    background: #fff;
    padding: 40px 10px;
    margin: 40px 0;
    border-radius: 15px;
}

.lp_plantbased #business_support .answer .prototype .box > .ttl{
	margin: 0 0 10px;
}

.lp_peptan02.lp_plantbased .mv h2 {
    text-shadow: 0 0 10px rgb(175 165 162);
}

.lp_peptan.lp_plantbased h3.worries_h3{
    padding: 60px 0 0;
    margin: 0;
	text-align: center;
}
.lp_peptan.lp_plantbased h3.worries_h3:after {
    border-bottom: none;
}
.lp_peptan.lp_plantbased h3.worries_h3 span {
    background: linear-gradient(transparent 60%, #a7ded5 0%);
	font-weight: bold;
}

@media screen and (max-width: 767px) {
.lp_plantbased  #business_support .answer{
    padding: 20px 10px 0;
}

.lp_peptan.lp_plantbased h3.worries_h3 br {
    display: block;
}
}

/*
 * sub page
 * Company > SDGs
 * 220902
 */
 /* SP */
@media only screen and (max-width: 640px) {
body#sdgs section.main {
	padding-top: 0;
}
body#sdgs .sdgs_header {
	position: relative;
	height: 340px;
	padding-top: 135px;
	background: url(../img/sgds_kv.jpg) no-repeat center center;
	background-size: cover;
	box-sizing: border-box;
}
body#sdgs .sdgs_header h2 {
	font-size: 30px;
	font-weight: bold;
	color: #fff;
	text-shadow: 0px 0px 6px rgba(0,0,0,0.65);
	text-align: center;
}
body#sdgs .sdgs_header::after {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: calc(100% - 30px);
	width: 100%;
	height: 100px;
	border-radius: 25px 25px 0 0;
	background-color: #ededed;
}
body#sdgs .sdgs_container {
	position: relative;
}
body#sdgs .sdgs_header_block {
	margin: -100px 20px 60px 20px;
	padding: 25px 20px 30px 20px;
	background: #fff;
	box-shadow: 0px 0px 20px rgba(0,0,0,0.1);
}
body#sdgs .sdgs_header_block .text1 {
	margin-bottom: 15px;
	font-size: 26px;
	color: #FFC21C;
	text-align: center;
	line-height: 1.4;
}
body#sdgs .sdgs_header_block .text2 {
	text-align: center;
	font-size: 12px;
	line-height: 1;
}
body#sdgs .sdgs_header_block .icn_set {
	margin-top: 30px;
}
body#sdgs .sdgs_header_block .icn_set .icn_item {
	margin: 0 15px;
	text-align: center;
}
body#sdgs .sdgs_header_block .icn_set .icn_item +  .icn_item {
	margin-top: 25px;
}
body#sdgs .sdgs_header_block .icn_set .icn_item .icn_img {
	width: 100px;
	margin: 0 auto 20px auto;
}
body#sdgs .sdgs_header_block .icn_set .icn_item .icn_text .text3 {
	font-size: 14px;
	line-height: 1;
	font-weight: bold;
}
body#sdgs .sdgs_header_block .icn_set .icn_item .icn_text .text4 {
	margin-top: 5px;
	font-size: 12px;
	line-height: 1.5;
}
body#sdgs .sdgs_content_sec {
	padding: 0 15px;
	padding-bottom: 60px;
}
body#sdgs .sdgs_content_sec2 {
	padding-bottom: 15px;
}
body#sdgs .sdgs_content_sec img {
	max-width: 100%;
}
body#sdgs .sdgs_sec_title {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: center;
	justify-content: center;
	margin-bottom: 35px;
	font-weight: normal;
}
body#sdgs .sdgs_sec_title span {
	display: block;
	padding-bottom: 20px;
	border-bottom: 3px solid #FFC21C;
	font-size: 20px;
}
body#sdgs .sdgs_block_title1 {
	margin-bottom: 20px;
}
body#sdgs .sdgs_block_title1 .en {
	display: block;
	font-size: 40px;
	line-height: 1;
	color: #FFC21C;
	font-family: 'Roboto', sans-serif;
	font-weight: normal;
}
body#sdgs .sdgs_block_title1 .jp {
	margin-top: 5px;
	display: block;
	font-size: 18px;
	line-height: 1;
	font-weight: normal;
}
body#sdgs .sdgs_block_title2 {
	margin-bottom: 20px;
}
body#sdgs .sdgs_block_title2 .en {
	display: block;
	font-size: 40px;
	line-height: 1;
	color: #FFC21C;
	font-family: 'Roboto', sans-serif;
	font-weight: normal;
}
body#sdgs .sdgs_block_title2 .jp {
	display: block;
	margin-top: 5px;
	font-size: 18px;
	line-height: 1;
	font-weight: normal;
}
body#sdgs .sdgs_content_block .text1 {
	font-size: 12px;
	line-height: 1.5;
}
body#sdgs .sdgs_content_block .text2 {
	margin-top: 15px;
	font-size: 12px;
	line-height: 1.5;
}
body#sdgs .sdgs_content_block .text3 {
	font-size: 12px;
	line-height: 2;
}
body#sdgs .sdgs_content_block .text_title1 {
	font-size: 14px;
	font-weight: bold;
	line-height: 1.5;
}
body#sdgs .sdgs_content_block .text1 + .text_title1 {
	margin-top: 15px;
}
body#sdgs .sdgs_content_block .text_title2 {
	margin-bottom: 15px;
	font-size: 18px;
	line-height: 1.5;
}
body#sdgs .sdgs_content_block .img1 {
	margin: 15px auto 0 auto;
	width: 100%;
}
body#sdgs .sdgs_content_block .btn1 {
	width: 100%;
	margin: 0 auto;
}
body#sdgs .sdgs_content_block .btn1 a {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-align: center;
	align-items: center;
	height: 80px;
	background-color: #FFC21C;
	border-radius: 8px;
	font-weight: bold;
	font-size: 16px;
	line-height: 1.5;
	color: #fff;
	text-align: center;
}
body#sdgs .sdgs_content_block1 {
	margin-bottom: 15px;
}
body#sdgs .sdgs_content_block1-2 {
	margin-bottom: 45px;
}
body#sdgs .sdgs_content_block1 .block_right {
	width: 100%;
	margin: 15px auto 0 auto;
}
body#sdgs .sdgs_content_block2 + .sdgs_content_block2 {
	margin-top: 55px;
}
body#sdgs .sdgs_content_block .img2 {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-flex-pack: center;
	justify-content: center;
	width: calc(100% + 10px);
	margin-left: -5px;
	margin-top: 15px;
}
body#sdgs .sdgs_content_block .img2 img {
	display: block;
	width: calc(50% - 14px);
	margin: 0 7px 15px 7px;
}
body#sdgs .sdgs_content_block3 {
	margin: 60px 0 0 0;
}
body#sdgs .sdgs_content_block_inner1 .block_left {
	margin-bottom: 20px;
}
body#sdgs .sdgs_content_block_inner1 .block_right {
	width: 100%;
	margin: 0 auto;
}
body#sdgs .sdgs_border-block1 {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	margin-top: 15px;
	padding: 10px;
	border: 1px solid #ccc;
	box-sizing: border-box;
}
body#sdgs .sdgs_border-block1 .img {
	width: 60px;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	margin-right: 10px;
}
body#sdgs .sdgs_border-block1 .text {
	-ms-flex-positive: 1;
	flex-grow: 1;
	font-size: 12px;
	line-height: 1.5;
}
body#sdgs .sdgs_content_block4 .block_left {
	width: 100%;
	margin: 15px auto 0 auto;
}
body#sdgs .sdgs_content_block5 {
	margin: 30px 0 0 0;
	padding: 10px 15px;
	border: 5px solid #E6E6E6;
	background-color: #fff;
}
body#sdgs .sdgs_content_block5 .text_title1 {
	text-align: center;
}
body#sdgs .main .container hr.content_end {
	display: none;
}
}
/* /SP */
/* PC */
@media print, screen and (min-width: 641px) {
body#sdgs .sdgs_header {
	position: relative;
	height: 468px;
	margin-top: 20px;
	padding-top: 190px;
	background: url(../img/sgds_kv.jpg) no-repeat center center;
	background-size: cover;
	border-bottom: 8px solid #F8D54E;
}
body#sdgs .sdgs_header h2 {
	font-size: 44px;
	font-weight: bold;
	color: #fff;
	text-shadow: 0px 0px 6px rgba(0,0,0,0.65);
	text-align: center;
}
body#sdgs .sdgs_container {
	position: relative;
	padding-top: 240px;
}
body#sdgs .sdgs_header_block {
	position: absolute;
	left: calc(50% - 420px);
	top: -150px;
	width: 840px;
	padding: 50px 40px 40px 40px;
	background: #fff;
	box-shadow: 0px 0px 20px rgba(0,0,0,0.1);
}
body#sdgs .sdgs_header_block .text1 {
	margin-bottom: 20px;
	font-size: 34px;
	color: #FFC21C;
	text-align: center;
	line-height: 1;
}
body#sdgs .sdgs_header_block .text2 {
	text-align: center;
	font-size: 14px;
	line-height: 1;
}
body#sdgs .sdgs_header_block .icn_set {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin-top: 50px;
}
body#sdgs .sdgs_header_block .icn_set .icn_item {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	width: calc(50% - 20px);
}
body#sdgs .sdgs_header_block .icn_set .icn_item .icn_img {
	width: 100px;
	margin-right: 20px;
	-ms-flex-negative: 0;
	flex-shrink: 0;
}
body#sdgs .sdgs_header_block .icn_set .icn_item .icn_text .text3 {
	font-size: 14px;
	line-height: 1;
	font-weight: bold;
}
body#sdgs .sdgs_header_block .icn_set .icn_item .icn_text .text4 {
	margin-top: 5px;
	font-size: 12px;
	line-height: 1.5;
}
body#sdgs .sdgs_header_block .icn_set .icn_item .icn_text .text4 span {
	display: inline-block;
}
body#sdgs .sdgs_content_sec {
	padding-bottom: 80px;
}
body#sdgs .sdgs_sec_title {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: center;
	justify-content: center;
	margin-bottom: 45px;
}
body#sdgs .sdgs_sec_title span {
	display: block;
	padding-bottom: 30px;
	border-bottom: 3px solid #FFC21C;
	font-size: 34px;
}
body#sdgs .sdgs_block_title1 {
	margin-bottom: 20px;
}
body#sdgs .sdgs_block_title1 .en {
	display: block;
	font-size: 60px;
	line-height: 1;
	color: #FFC21C;
	font-family: 'Roboto', sans-serif;
}
body#sdgs .sdgs_block_title1 .jp {
	margin-top: 15px;
	display: block;
	font-size: 24px;
	line-height: 1;
}
body#sdgs .sdgs_block_title2 {
	display: -ms-flexbox;
	display: flex;
	margin-bottom: 25px;
}
body#sdgs .sdgs_block_title2 .en {
	display: block;
	margin-right: 20px;
	font-size: 60px;
	line-height: 1;
	color: #FFC21C;
	font-family: 'Roboto', sans-serif;
}
body#sdgs .sdgs_block_title2 .jp {
	-ms-flex-positive: 1;
	flex-grow: 1;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	margin-top: 20px;
	font-size: 20px;
	line-height: 1;
}
body#sdgs .sdgs_block_title2 .jp::before {
	content: "";
	display: block;
	width: 20px;
	height: 1px;
	margin-right: 20px;
	background-color: #FFC21C;
}
body#sdgs .sdgs_block_title2 .jp::after {
	-ms-flex-positive: 1;
	flex-grow: 1;
	content: "";
	display: block;
	height: 1px;
	margin-left: 20px;
	background-color: #FFC21C;
}
body#sdgs .sdgs_content_block .text1 {
	font-size: 14px;
	line-height: 1.5;
}
body#sdgs .sdgs_content_block .text2 {
	margin-top: 20px;
	font-size: 14px;
	line-height: 1.5;
}
body#sdgs .sdgs_content_block .text3 {
	font-size: 14px;
	line-height: 2;
}
body#sdgs .sdgs_content_block .text_title1 {
	font-size: 16px;
	font-weight: bold;
	line-height: 1.5;
}
body#sdgs .sdgs_content_block .text1 + .text_title1 {
	margin-top: 25px;
}
body#sdgs .sdgs_content_block .text_title2 {
	margin-bottom: 15px;
	font-size: 24px;
	line-height: 1.5;
}
body#sdgs .sdgs_content_block .img1 {
	margin: 50px auto 0 auto;
	width: 700px;
}
body#sdgs .sdgs_content_block .btn1 {
	width: 580px;
	margin: 0 auto;
}
body#sdgs .sdgs_content_block .btn1 a {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-align: center;
	align-items: center;
	height: 80px;
	background-color: #FFC21C;
	border-radius: 8px;
	font-weight: bold;
	font-size: 20px;
	color: #fff;
}
body#sdgs .sdgs_content_block .btn1 a:hover {
	background-color: #FCCE51;
}
body#sdgs .sdgs_content_block1 {
	display: -ms-flexbox;
	display: flex;
}
body#sdgs .sdgs_content_block1 .block_right {
	width: 537px;
	-ms-flex-negative: 0;
	flex-shrink: 0;
}
body#sdgs .sdgs_content_block1 .block_left {
	-ms-flex-positive: 1;
	flex-grow: 1;
}
body#sdgs .sdgs_content_block2 {
	margin-top: 70px;
}
body#sdgs .sdgs_content_block .img2 {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	width: 1050px;
	margin-left: -25px;
	margin-top: 30px;
}
body#sdgs .sdgs_content_block .img2 img {
	display: block;
	width: 160px;
	margin: 0 25px;
}
body#sdgs .sdgs_content_block3 {
	margin: 80px 0 0 0;
}
body#sdgs .sdgs_content_block_inner1 {
	display: -ms-flexbox;
	display: flex;
}
body#sdgs .sdgs_content_block_inner1 .block_left {
	-ms-flex-positive: 1;
	flex-grow: 1;
	margin-right: 40px;
}
body#sdgs .sdgs_content_block_inner1 .block_right {
	width: 520px;
	-ms-flex-negative: 0;
	flex-shrink: 0;
}
body#sdgs .sdgs_border-block1 {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	margin-top: 45px;
	padding: 15px;
	border: 1px solid #ccc;
	box-sizing: border-box;
}
body#sdgs .sdgs_border-block1 .img {
	width: 80px;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	margin-right: 20px;
}
body#sdgs .sdgs_border-block1 .text {
	-ms-flex-positive: 1;
	flex-grow: 1;
	font-size: 12px;
	line-height: 1.5;
}
body#sdgs .sdgs_content_block4 {
	display: -ms-flexbox;
	display: flex;
	flex-direction: row-reverse;
	-ms-flex-direction: row-reverse;
	margin-top: 50px;
}
body#sdgs .sdgs_content_block4 .block_left {
	width: 520px;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	margin-right: 80px;
}
body#sdgs .sdgs_content_block4 .block_right {
	-ms-flex-positive: 1;
	flex-grow: 1;
}
body#sdgs .sdgs_content_block5 {
	margin: 60px 0 0 0;
	padding: 35px 40px;
	border: 10px solid #E6E6E6;
}
body#sdgs .main .container hr.content_end {
	height: 4px;
	width: 525px;
	margin: 0 auto 80px auto;
	border: none;
	background-color: #FFF;
	background-image: url(../img/promotion_border.png);
}
}
/* /pc */

/*221025*/
body#home .main .container .main-content{
    margin-bottom: 80px;
}
body#home .main .container .main-content ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 40px;
}
body#home .main .container .main-content ul li{
    width: calc(100% / 4 - 1rem );
}
body#home .main .container .main-content ul li a {
    display: block;
    width: 100%;
    height: 100%;
    background-color:#fff;
    background-repeat: no-repeat;
    background-size: contain;
    border-radius: 100% 100% 20% 20% / 80% 80% 20% 20%;
    overflow: hidden;
}

body#home .main .container .main-content ul li a .img{
    position: relative;
}
body#home .main .container .main-content ul li a .img:before{
    content: "";
    background: url(../img/business_detail.png) no-repeat;
    background-size: contain;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 0);
    width: 17px;
    height: 17px;
    z-index: 1;
}
body#home .main .container .main-content ul li a .title {
    line-height: 1;
    padding: 1rem 0;
    text-align: center;
    font-size: larger;
    font-weight: bold;
}
body#home .main .container .main-content ul li a .title:before {
    padding-right: 10px;
    content: url(../img/top_content_title_list.png);
    vertical-align: middle;
}
body#home .main .container .main-content ul li a .description {
    padding: 0 1rem 1rem;;
}


body#oem .main .banner{
    margin-top: 80px;
}
body#business_support .main .banner{
    margin-top: 80px;
}
.main .banner a{
    display: block;
}
.main .banner .flex{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 1rem;
}
.main .banner .flex a{
    width: calc(100% / 2 - 1rem );
}


.related_recipie p,
.related_recipie li a{
	font-size: 14px !important;
}

.related_recipie {
	padding: 15px 20px;
	border: 1px solid #ffc21c;
	width: 800px;
	margin: 0 auto;
	border-radius: 3px;
}
.related_recipie > p {
	font-weight: bold;
	margin-bottom: 8px;
    text-align: left!important;
}
a.target_window_relate_link:after {
    content: "";
    background-image: url(../img/window.svg);
    background-repeat: no-repeat;
    background-size: 10px;
    height: 8px;
    display: inline-block;
    margin-left: 5px;
    width: 10px;
    background-position: left top;
}


@media only screen and (max-width: 640px) {
    body#home .main .container .main-content{
        margin-bottom: 35px;
    }
    body#home .main .container .main-content ul li {
    width: 100%;
    margin: 0 0 14px;
    float: initial;
}
    body#home section.main .container .main-content ul.content-list:after{
        content: none;
    }
    body#home .main .container .main-content ul li a .img:before{
         content: none;
    }
    body#home .main .container .main-content ul li a .title span{
        display: inline;
    color: #333;
    }
    body#home .main .container .main-content ul li a .description{
        display: block;
    text-align: left;
    color: #333;
    }
    body#home .main .container .main-content ul li a .img img{
        width: 100%;

    }

.main .banner .flex a{
    width: 100%;
}
    .main .banner .flex a + a{
        margin-top: 1rem;
    }
    .related_recipie{
        width: calc(100% - 20px);
    box-sizing: border-box;
    }
}

@media print, screen and (min-width: 641px) {
body#product .main .container .main-content ul{
    display: flex;
    flex-wrap: wrap;
}
}


.catalog_bnr {
    margin: 60px auto 0;
    text-align: center;
}
.catalog_bnr a{
    margin: 0 auto;
    text-align: center;
    display: inline-block;
}
.new_articlePage .catalog_bnr {
    margin: 0 auto 60px;
    text-align: center;
}
.catalog_bnr a{
    margin: 0 auto;
    text-align: center;
    display: inline-block;
}



/*==================================================
css
===================================*/
div#article-list *{
    box-sizing: border-box;
}

.article_items_tab {
    width: 100%;
    margin: 0 auto;
    padding: 30px 30px 15px;
    background: #FFF;
    margin-bottom: 60px;
    border-radius: 5px;
}

.article_items_tab #tab {
    display: flex;
    gap: 3px;
}

.article_items_tab #tab li {
    padding: 15px 25px;
    width: calc((100% - 3px * 3) / 4);
    text-align: center;
    background: #7B7B7B;
    color: #fff;
    border-radius: 10px 10px 0 0;
    font-weight: bold;
    font-size: 1rem;
}
.article_items_tab #tab li.select{
    background: #FED90B;
    color: #000000;

}

/*＝＝＝並び替えボタンチェックマークのCSS*/
.article-list_article .sort-btn{
	background: #fff;
	padding: 20px;
	margin:0 auto ;
	display: flex;
	flex-wrap: wrap;
    border: 2px solid #FED90B;
    width: 100%;
}

.article-list_article .sort-btn dt{
	font-weight: bold;
}

.article-list_article .sort-btn dd{
}

.article-list_article .sort-btn ul{
	display: flex;
	flex-wrap: wrap;
    gap: 10px 30px;
}

.article-list_article .sort-btn li{
	margin:0 10px;
list-style:none;
}

.article-list_article .sort-btn ul li{
	position: relative;
	cursor: pointer;
	padding:0 0 0 30px;
	margin:0 10px 5px 0;
    font-size: 1rem;
    line-height: 1;
}

@media only screen and (max-width: 641px) {
.article-list_article .sort-btn li{
	width:100%;
	margin:0;
}

.article-list_article .sort-btn ul li{
	width:auto;
}

}

/*チェックマークの設定*/
.article-list_article .sort-btn ul li::before{
	content:'';
	position: absolute;
	left:0;
	width:1rem;
	height:1rem;
    border: 1px solid #ccc;
    box-sizing: border-box;
    border-radius: 3px;
}
.article-list_article .sort-btn ul li.active::before{
    background:#0075FF;
}
.article-list_article .sort-btn ul li.active::after{/*現在地＝activeというクラス名がついたらチェックマークを出現*/
	content:'';
    background: url("../img/sort-btn_item-check.png") no-repeat center;
    background-size: 70%;
	position: absolute;
	left:0;
	top:0;
	width:1rem;
	height:1rem;
}



.article-list_article .grid {
  /*position: relative;/*並び替えの基準点を指定*/
    display: flex;
    flex-wrap: wrap;
}

/*各画像の横幅などの設定*/
.article-list_article .item {
  display: block;
  /*position: absolute;*/
  width: calc(25% - 10px);/*横並びで4つ表示*/
    margin:0 5px 40px;
  z-index: 1;
list-style:none;
}

/*内側のボックスの高さが崩れないように維持*/
.article-list_article .item-content {
/*  position: relative;*/
  width: 100%;
  height: 100%;
}


.article_item{
background: #fff;
    border-radius: 5px;
    overflow: hidden;
    display: flex;
    flex-flow: column;
    height: 100%;
}
.article_item_box {
    padding: 18px 20px 18px;
    display: flex;
    flex-flow: column;
    height: 100%;
}
.article_item_box p.article_item_date {
    font-size: 14px;
    color: #919191;
    margin-bottom: 8px;
    line-height: 14px;
}
.article_item_box .article_item_title{
font-size: 16px;
    font-weight: bold;
    line-height: 1.3;
    margin-bottom: 8px;
}
.article_item_box .article_item_tagList{
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    margin-top: auto;
}
.article_item_box .article_item_tagList li {
    font-size: 11px;
    display: inline-block;
    padding: 4px 5px;
    height: auto;
    border-radius: 2px;
    background: #999;
    color: #fff;
    line-height: 1;
}

.article_item_img {
}

.article_item_img a{
    display: block;
    overflow: hidden;
    height: 160px;
    position: relative;
}
.article_item_img a img{
    width: 100%;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, 0);
}

.article-list_article #tab li:hover {
    cursor: pointer;
}

.article-list_article .sort-btn li.disnon.sort-btn_item{
    display: none;
}
.article_items_tab h3 {
    display: flex;
    margin-bottom: 30px;
    color: #333333;
    font-size: 20px;
    align-items: center;
    gap: 6px;
    font-weight: bold;
    line-height: 1;
}

@media only screen and (max-width: 768px) {
    .article-list_article .item{
        width: 100%;
    }
    .article_items_tab #tab li{
  width: calc((100% - 3px * 2) / 3);

    }
.article_items_tab #tab li{
    padding: 10px;
    font-size: 12px;
}
    .article-list_article .sort-btn ul li{
    font-size: 12px;
    }
}


body#secure.takeout.take2008 .main .container .main-content .flex .point__list ul{
    flex-flow: column;
}


.product_youtube{
position:relative;
width:100%;
height:0;
padding-top:60%;
}
.product_youtube iframe{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
}

.contact_txt {
    margin-bottom: 60px;
}

.contact_ant {
    color: #FF1418;
    font-weight: bold;
    font-size: 18px;
    text-align: center;
}

.form-attention + p.description {
	margin-top: 20px;
	margin-bottom: 60px;
	text-align: center;
	font-size: 14px;
}


.article_items_tab_flex {
    display: flex;
}

ul.category__btn {
    display: flex;
    gap: 30px;
    flex-wrap:wrap;
    align-items: flex-start;
    margin-bottom: 15px;
}

ul.category__btn li {
    border:1px solid #7b7b7b;
    border-radius:9999px;
    padding: 11px 25px;
    width:160px;
    font-weight:bold;
    font-size: 16px;
    line-height: 1;
    text-align: center;
    cursor: pointer;
    color: #7b7b7b;
}
ul.category__btn ul.category__btn{
    width:calc(100% - 30px - 160px);
    gap: 10px;
    margin: 0;
}

ul.category__btn ul.category__btn li{
    width:auto;
    font-weight: normal;
    color: #7b7b7b;
}

ul.category__btn li.active, ul.category__btn ul.category__btn li.active{
    background: #fed90b;
    border: 1px solid #fed90b;
    color: #000;
}

@media only screen and (max-width: 768px) {
    .article_items_tab{
    padding: 20px 20px 1px;
    margin-bottom: 40px;
    }
    ul.category__btn{
        gap:10px;
        margin-bottom: 15px;
    }
ul.category__btn li{
    width:100%;
    font-size: 14px;
    border-radius: 5px;
    padding: 8px;
}
    ul.category__btn ul.category__btn{
        width: 100%;
    gap: 3px 10px;
    }
    ul.category__btn ul.category__btn li{
    padding: 5px 7px;
    border: 1px solid #fff;
    font-size: 13px;
    }
    .article_items_tab h3{
        margin-bottom: 20px;
        font-size: 16px;
    }
}


ul.support__border__list {
    flex-flow: column;
    margin-top:20px;
}

#business_support .answer .support__border__list li {
    width: 100%;
    margin-bottom: 0.3rem;
    padding-left: 1rem;
    position: relative;
    font-size: 14px;
}
#business_support .answer .support__border__list li:before {
    content: '';
    width: 0.7rem;
    height: 2px;
    background: #ffd51c;
    display: block;
    top: 10px;
    position: absolute;
    left: 0;
}

#business_support .answer ul.note_list {
    flex-flow: column;
    width: calc( 100% - 20px);
    margin: 20px auto 0;
}

#business_support .answer ul.note_list li {
    width: 100%;
    text-indent: -14px;
    padding-left: 14px;
}

#business_support .answer h4{
    margin: 20px 10px;
    font-size: 0.8rem;
    font-weight: bold;
}


.prototype-area {
    padding: 1px 25px 40px;
    background: #fff;
    border-radius: 5px;
}

@media only screen and (max-width: 768px) {
    .prototype-area {
        width: calc(100% - 20px);
        margin: 0 auto;
    padding: 1px 0px;

    }

}


ul.catalog-outline {
    margin: 1rem 0;
}
ul.catalog-outline li{
    font-size:1rem;
    position: relative;
    padding-left: 15px;
}

ul.catalog-outline li:before {
    content: '';
    display: inline-block;
    width: 6px;
    height: 6px;
    border-radius: 3px;
    background:
        #ffc21c;
    margin-right: 5px;
    top: 8px;
    left: 2px
    ;
    position: absolute;
}

.catalog_form_sumary h2 {
    font-size: 24px;
}



.lp_texturizer .main-content{
    font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
}

.worries_item ul {
    gap: 60px;
    display: flex;
    flex-wrap: wrap;
}

.worries_item ul li {
    width: calc((100% - 60px * 2)/3);
    text-align: center;
    font-size: 20px;
    font-weight: 600;
    display:flex;
    flex-flow: column;
    justify-content: center;
    gap: 15px;
}



.worries_item {
    max-width: 920px;
    margin: 0 auto;
}


.texturizer_solution{
    margin: 70px 0 10px;
}

.texturizer_solution h4 {
  font-size: 28px;
    color:#4fbdaa;
  font-weight: bold;
  line-height: 1.2;
    margin-bottom:20px;
}


.texturizer_solution p {
  font-size:16px;
  line-height: 1.75;
  font-weight:500;
  color:#333333;
}

.texturizer_solution-item {
  border-radius: 6px;
  background-color:#fff;
  padding:30px;
    margin-top: 40px;
}

.texturizer_solution-text{
    color:#333;
}
.texturizer_solution-text h5 {
  font-size: 26px;
    text-align:center;
  font-weight: bold;
  line-height: 1.2;
margin-bottom: 15px;
}

.texturizer_solution-text h5 span.num {
  font-size: 26px;
  color: #4fbdaa;
  display:block;
  margin-bottom:20px;
  line-height:1;
}

.texturizer_solution-item-flex {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 30px;
}
.texturizer_solution-item-flex .texturizer_solution-text,
.texturizer_solution-item-flex .texturizer_solution-img{
    display: flex;
    flex-flow: column;
    justify-content: center;
}

.texturizer_solution-item-flex .texturizer_solution-text h5 {
    text-align: left;
}

.texturizer_solution-item-2-list {
    display: flex;
    flex-wrap: wrap;
    gap: 0 40px;
}

.texturizer_solution-item-2-list .texturizer_solution-item {
    width: calc((100% - 40px) / 2);
}

.texturizer_solution-movie {
    position: relative;
    width: 100%;
    padding: calc(315 / 560 * 100%) 0 0;
    z-index: 1;
}

.texturizer_solution-movie iframe{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}
.texturizer_solution-list ul {
    display: flex;
    flex-wrap: wrap;
    gap: 17px;
    justify-content: center;
}
.texturizer_solution-list ul li {
    width: calc((100% - 17px * 5 ) / 6);
    display: flex;
    flex-flow: column;
    align-items: center;
    gap: 5px;
}



@media only screen and (max-width: 768px) {
.worries_item ul li {
    width: 100%;
    font-size: 16px;
    gap: 10px;
}

.worries_item ul {
    gap: 25px;
}

.texturizer_solution h4 {
    font-size: 1.2rem;
}

.texturizer_solution-item-2-list .texturizer_solution-item {
    width: 100%;
}

.texturizer_solution-item {
    margin-top: 20px;
    padding: 20px;
}

.texturizer_solution-text h5 {
    font-size: 1.15rem;
}

.texturizer_solution-text h5 span.num {
    font-size: 1.2rem;
    margin-bottom: 10px;
}

.texturizer_solution p {
    font-size: 1rem;
}

.texturizer_solution-item-flex .texturizer_solution-text, .texturizer_solution-item-flex .texturizer_solution-img {
    width: 100%;
}

.texturizer_solution-img .img {
    text-align: center;
}

.texturizer_solution-list ul li {
    width: 100%;
    flex-flow: initial;
    gap: 15px;
}

.texturizer_solution-list ul {
    justify-content: left;
}

.texturizer_solution-list ul li p {
    font-size: 12px;
    line-height: 1.2;
}
}


.texturizer-mv {
    height: 418px;
    margin: 20px auto 50px;
    padding: 0px 5rem;
    background-image: url("../lp_texturizer/img/mv.png");
    background-repeat: no-repeat;
    background-position: center;
    display: flex;
    align-items: center;
}

.texturizer-mv-text {
    position: relative;
}



.texturizer-mv-tag {
    background:#ffc300;
    text-align:center;
    border-radius:9999px;
    line-height:1;
    font-size:16px;
    font-weight:600;
    padding: 8px;
    max-width: 150px;
    margin-bottom: 20px;
}
.texturizer-mv-text .texturizer-mv-textsub {
  font-size: 26px;
  font-weight: bold;
  line-height: 1.2;
  color:#16130b;
  margin-bottom: 10px;
  text-shadow: 0px 0px 20px rgba(255, 255, 255, 1), 0px 0px 20px rgba(255, 255, 255, 1);
    letter-spacing: 1px;
}
.texturizer-mv-text .texturizer-mv-textsub span{
  font-weight: bold;
  font-size: 34px;
}

.texturizer-mv-text h2 {
  font-size: 50px;
  font-weight: bold;
  color:#000;
  line-height: 1.2;
  text-shadow: 0px 0px 20px rgba(255, 255, 255, 1), 0px 0px 20px rgba(255, 255, 255, 1);
    letter-spacing: 1px;
    text-indent: -12px;
}
.texturizer-mv-balloon {
    position: absolute;
    top: -55px;
    right: -15px;
    display: flex;
    flex-flow: column;
    width: 120px;
    height: 120px;
    background: #ffc300;
    border-radius: 100%;
    justify-content: center;
    align-items: center;
    filter: drop-shadow(0px 0px 10px rgba(255,255,255,1)) drop-shadow(0px 0px 10px rgba(255,255,255,0.2));
}

.texturizer-mv-balloon::before{
  content:"";
  display:block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 20px 9px 0 9px;
  border-color: #ffc400 transparent transparent transparent;
  position:absolute;
  bottom: 2px;
  left: 10%;
  transform:translate(-50%, 0) rotate(45deg);
}

.texturizer-mv-balloon-inner {
    text-align: center;
    font-size: 16px;
    color:#000;
    line-height: 1.154;
    font-weight:bold;
}

.texturizer-mv-balloon-inner span{
  font-weight: bold;
  font-size: 19px;
}

.texturizer_solution-img .img {
    text-align: center;
    margin-top: 20px;
}


@media only screen and (max-width: 768px) {
.texturizer-mv {
    margin: -30px 0 0;
    padding: 75px 5% 30px;
    height: auto;
    background-size: cover;
    background-position: center right -80px;
}

.texturizer-mv-tag {
    font-size: 12px;
    width: auto;
    max-width: 110px;
    padding: 6px;
    margin-bottom: 15px;
}
    .texturizer-mv-text{
        width: 100%;
    }

.texturizer-mv-text .texturizer-mv-textsub {
    font-size: 16px;
}

.texturizer-mv-text .texturizer-mv-textsub span {
    font-size: 20px;
}

.texturizer-mv-text h2 {
    font-size: 24px;
    text-indent: -5px;
}

.texturizer-mv-balloon {
    width: 85px;
    height: 85px;
    top: -35px;
    right: -10px;
}

.texturizer-mv-balloon-inner {
    font-size: 12px;
}

.texturizer-mv-balloon-inner span {
    font-size: 14px;
}
.texturizer_solution-img .img img {
    min-width: 90%;
}
}




.btn_center-flex {
    flex-wrap: wrap;
    display: flex;
    gap:40px;
}

.btn_center-flex a.btn_center{
    width:calc((100% - 40px) / 2);
}

a.btn_center.download {
    background: #26b184;
    box-shadow: 0 4px 0 #197759;
}


@media only screen and (max-width: 768px) {
.btn_center-flex {
    gap: 0;
}
.btn_center-flex a.btn_center {
    width: 100%;
}
a.btn_center.download{
    font-size:14px;
}
}

/* 240517 privacypolicy*/
.p-privacypolicy__link {
	word-break: break-all;
}

/* 240711 */
.case_detail .ttl {
	color: #fb584c;
	font-size: 25px!important;
	font-weight: bold;
}
.case_detail__reason {
	width: 100%;
	margin: 0 auto;
}
.case_flow {
	margin-bottom: 40px;
}
.case_flow_item {
	display: flex;
	padding: 25px;
}
.case_flow_item01 {
	background: #f5f5f5;
}
.case_flow_item01 .case_flow_num {
	color: #ffc21c;
}
.case_flow_item02 {
	background: #fdf7e6;
}
.case_flow_item02 .case_flow_num {
	color: #ffc21c;
}
.case_flow_item03 {
	background: #f1e4c1;
}
.case_flow_item03 .case_flow_num {
	color: #ff811b;
}
.case_flow_title {
	width: 180px;
	display: flex;
	align-items: center;
	font-size: 21px;
	font-weight: bold;
}
.case_flow_num {
	font-size: 30px;
	font-weight: bold;
}
.case_flow_text {
	width: calc(100% - 240px);
	background: #fff;
	padding: 30px 40px;
	font-size: 16px;
	font-weight: bold;
}
.case_flow_text_flex {
	display: flex;
	justify-content: space-between;
}
.case_flow_text_flex-box {
	display: flex;
	justify-content: space-between;
	gap: 30px;
	padding: 22px 22px 22px 40px;
}
.flex-text {
	font-weight: bold;
}
.flex-text__content {
	/* width: 73.839%; */
	width: calc(100% - 30px - 34%);
}
@media only screen and (max-width: 640px) {
	.flex-text__content {
		width: 100%;
	}
}
.flex-img {
	width: -webkit-fill-available;
	margin-right: -80px;
}
.flex-img.flex-img__content {
	/* width: calc(100% - 30px - 73.839%); */
	width: 34%;
	margin: 0;
}
@media only screen and (max-width: 640px) {
	.flex-img.flex-img__content {
		width: 100%;
	}
}
.flex-img.flex-img__content img {
	width: 100%;
}
.case_flow_arrow {
	width: 0;
	height: 0;
	border-top: 16px solid #ffc21c;
	border-right: 10px solid transparent;
	border-left: 10px solid transparent;
	margin: 5px auto;
}
.case_reason {
	display: flex;
	gap: 45px;
	justify-content: center;
	align-items: center;
	margin: 20px 0 30px;
}
.case_reason_img {
    width: 30%;
}
.case_reason_text {
	font-size: 16px;
	font-weight: bold;
	width: calc(100% - 30% - 45px);
    color: rgb(51, 51, 51);
  line-height: 1.75;
}



.case_company {
	display: flex;
	justify-content: center;
	border: 1px solid #f5f5f5;
	margin: 40px auto 0;
	width: max-content;
}
.case_company.cace_company__container {
	justify-content: center;
	padding: 0 51px;
	max-width: 88%;
	width: 861px;
	border-radius: 10px;
	border: 3px solid #f5f5f5;
}
.case_company.cace_company__container .case_company_cotent-logo {
	margin-right: 40px;
	border-right: 2px #f5f5f5 dashed;
	padding: 56px 40px 56px 0;
}

.case_company.cace_company__container .case_company_content-txt {
	font-size: 16px;
	font-weight: bold;
	padding: 56px 0;
}
@media only screen and (max-width: 640px) {
	.case_detail .ttl {
		font-size: 12px!important;
		margin: 20px 0;
	}
	.case_flow_item {
		flex-direction: column;
		padding: 15px;
	}
	.case_flow_title,
	.case_flow_text {
		width: 100%;
		box-sizing: border-box;
	}
	.case_flow_title {
		font-size: inherit;
	}
	.case_flow_text {
		padding: 20px;
		font-size: inherit;
	}
	.case_flow_num {
		font-size: 1.3em;
	}
	.case_flow_text_flex {
		flex-direction: column;
	}
	.case_reason {
		flex-direction: column;
		gap: 20px;
	}
	.case_reason_text {
		font-size: inherit;
		width: 100%;
	}
	.case_company.cace_company__container {
		flex-direction: column;
		padding: 0;
		max-width: 100%;
		width: 100%;
	}
	.case_company.cace_company__container .case_company_cotent-logo {
		margin-right: 0;
		border-bottom: 2px #f5f5f5 dashed;
		padding: 20px 20px;
		text-align: center;
	}
	.case_company.cace_company__container .case_company_content-txt {
		padding: 20px 20px;
		font-size: 12px;
	}
	.case_reason_img {
        width: 100%;
        text-align: center;
	}
}