@charset "utf-8";
/*------------------------------------------------------------
	書式設定
------------------------------------------------------------*/
/* テキストの位置 */
.taLeft { text-align: left !important; }
.taCenter { text-align: center !important; }
.taRight { text-align: right !important; }

/* フォントの大きさ（プラス） */
.fsP1 { font-size: 1.08em !important; }
.fsP2 { font-size: 1.16em !important; }
.fsP3 { font-size: 1.24em !important; }
.fsP4 { font-size: 1.32em !important; }
.fsP5 { font-size: 1.4em !important; }

/* フォントの大きさ（マイナス） */
.fsM1 { font-size: 0.92em !important; }
.fsM2 { font-size: 0.84em !important; }
.fsM3 { font-size: 0.76em !important; }
.fsM4 { font-size: 0.68em !important; }
.fsM5 { font-size: 0.6em !important; }

/* フォントの太さ */
.fwNormal { font-weight: normal !important; }
.fwBold { font-weight: bold !important; }

/* IE */
@font-face {
font-family: 'あずきフォント';
src: url(../font/azuki.ttf);
}
/* Firefox, Opera, Safari */
@font-face {
font-family: 'あずきフォント';
src: url(../font/azuki.ttf) format(”truetype”);
}

.red{
	color: #b10000;
}
/*------------------------------------------------------------
	微調整用クラス（※多用しないこと）
------------------------------------------------------------*/
.mt0 { margin-top: 0 !important; }
.mb0 { margin-bottom: 0 !important; }
.mb5 { margin-bottom: 5px !important; }
.mb10 { margin-bottom: 10px !important; }
.t_center{ text-align:center !important;}

/*------------------------------------------------------------
	汎用スタイル
------------------------------------------------------------*/
	* html .clearfix {
		zoom: 1;
	}

	*+html .clearfix {
		zoom: 1;
	}

.clearfix:after {
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
}

/*------------------------------------------------------------
	リンク・インプットをタップ時のクラス
------------------------------------------------------------*/
a.tapCtrl, input.tapCtrl,
.tapCtrl a, .tapCtrl input {
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}

.tap {

}

/*------------------------------------------------------------
	common
------------------------------------------------------------*/
#main .mainBox {
	margin: 0 auto;
	width: 900px;
}
#main .mainBox7 {
	margin: 0 auto;
	width: 900px;
	margin-bottom: 60px;
}
#main .mainBox3 {
	margin: 0 auto 90px;
	width: 1100px;
}

#main .mainBox .URL{
	text-align: right;
	margin: 0 0 30px 0;
}

/*------------------------------------------------------------
	comBtmBox
------------------------------------------------------------*/
.comBtmBox {
	padding: 52px 0 67px;
	background-color: #F7F7F7;
}

.comBtmBox .contentBox {
	margin: 0 auto!important;
	width: 815px;
}
.comBtmBox .contentBox {
	margin: 0 auto;
	width: 1146px;
}

.comBtmBox .textImg {
	margin: 0 0 25px 9px;
}

.comBtmBox li {
	padding: 13px 7px 0 1px;
	float: left;
}

#main .index .sliderBox04 .foo1 li{
    display: inline-block;
    margin: 0 5px;
}
#main .index .sliderBox04 .foo1 li img {
    width: 166px;
}

.comBtmBox li a:hover img {
	filter: alpha(opacity=70);
	opacity: 0.7;
}

/*------------------------------------------------------------
	pageTitle
------------------------------------------------------------*/
#main .pageTitle {
	padding-top: 79px;
	min-height: 173px;
	text-align: center;
	background: #26BC89 url(../images/page_title_bg.jpg) no-repeat center top;
}

#main .pageTitle h2 {
	color: #FFF;
	font-size: 30px;
}

#main .pageTitle h2 img {
	margin: 0 auto 12px;
	display: block;
}

#main .aboutTitle {
	padding-top: 68px;
	min-height: 184px;
}

#main .aboutTitle h2 img {
	margin-bottom: 18px;
}

#main .effortTitle {
	padding-top: 76px;
	min-height: 176px;
}

#main .effortTitle h2 img {
	margin-bottom: 10px;
}

#main .producerTitle {
	padding-top: 77px;
	min-height: 175px;
}

#main .producerTitle h2 {
	font-size: 27px;
}

#main .producerTitle h2 img {
	margin-bottom: 10px;
}

/*------------------------------------------------------------
	recipeList
------------------------------------------------------------*/
#main .recipeList {
	margin-bottom: 27px;
	padding: 16px;
	text-align: center;
	background-color: #F7F7F7;
}

#main .recipeList li {
	margin: 0 47px;
	display: inline-block;
}

#main .recipeList li a {
	color: #1a1a1a;
}

/*------------------------------------------------------------
	aboutList
------------------------------------------------------------*/
#main .aboutList {
	width: 61%;
	margin: 0 auto;
	margin-bottom: 52px;
	padding: 19px 0 15px;
	text-align: center;
	background-color: #F7F7F7;
}

#main .aboutList li {
	display: inline-block;
}

#main .aboutList li a {
	padding: 0 25px 0 32px;
	color: #1a1a1a;
	background: url(../images/icon08.png) no-repeat left center;
}

#main .aboutList li:first-child a {
	background: none;
}

/*------------------------------------------------------------
	effortList
------------------------------------------------------------*/
#main #submenu{
	background-color: #F7F7F7;
}
#main .effortList {
	width: 60%;
	margin:0 auto 60px auto;
	padding: 17px 0;
	text-align: center;

}

#main .effortList li {
	line-height: 35px;
	font-size: 15px;
	display: inline-block;
}

#main .effortList li a {

	padding: 0 5px 0 13px;
	color: #1a1a1a;
	background: url(../images/icon08.png) no-repeat left center;
}

#main .effortList li:first-child a {
	background: none;
}

/*------------------------------------------------------------
	producerListBox
------------------------------------------------------------*/
#main .producerListBox {
	margin-bottom: 42px;
	padding: 3px 0 7px;
	text-align: center;
	background-color: #F7F7F7;
}

#main .producerListBox ul {
	margin: 0 auto;
	width: 1120px;
}

#main .producerListBox li {
	padding: 12px 0;
	float: left;
}

#main .producerListBox li a {
	padding: 0 37px;
	color: #1a1a1a;
	display: block;
	text-align: left;
	background: url(../images/icon08.png) no-repeat left center;
}

#main .producerListBox .liStyle01 {
	width: 146px;
}

#main .producerListBox .liStyle01 a {
	background: none;
}

#main .producerListBox .liStyle02 {
	width: 198px;
}

#main .producerListBox .liStyle02 a {
	padding-left: 30px;
	text-align: center;
}

#main .producerListBox .liStyle03 {
	width: 163px;
}

#main .producerListBox .liStyle04 {
	width: 162px;
}

#main .producerListBox .liStyle05 {
	width: 197px;
}

#main .producerListBox .liStyle05 a {
	padding-left: 39px;
}

#main .producerListBox .liStyle06 {
	width: 250px;
}

#main .producerListBox .liStyle06 a {
	padding: 0 0 0 35px;
}

/*------------------------------------------------------------
	headLine01
------------------------------------------------------------*/
#main .headLine01 {
	margin-bottom: 47px;
	color: #212121;
	font-size: 24px;
	text-align: center;
}

#main .headLine01 span {
  font-size: 30px;
	font-weight: normal;
  color: #26bc89;
  line-height: 0.533;
}

#main .institute .headLine01 span{
  color: #FF9A25;
}

#main .headLine01 .oil{
	line-height: 2.4;
    margin-left: 10px;
}
#main .headLine01 img{
	width: 80px;
}
/*------------------------------------------------------------
	headLine02
------------------------------------------------------------*/
#main .headLine02 {
	margin-bottom: 34px;
	color: #272727;
	font-size: 17px;
	font-weight: normal;
	text-align: center;
}

#main .headLine02 span {
	padding: 0 18px;
	position: relative;
	display: inline-block;
	background: url(../images/icon05.png) no-repeat left center;
}

#main .headLine02 span:before {
	width: 9px;
    height: 15px;
	background: url(../images/icon05.png) no-repeat left center;
	background-size: 9px 15px;
    position: absolute;
    top: 5px;
	right: 0;

    content: "";
}

/*------------------------------------------------------------
	headLine03
------------------------------------------------------------*/
#main .headLine03 {
	font-size: 20px;
	font-weight: normal;
	padding: 12px 20px;
	border-left: 12px solid #26bc89;
	background: #f7f7f7;
}
/*------------------------------------------------------------
	headLine04
------------------------------------------------------------*/
#main .headLine04 {
	margin: 20px 0 0 0;
	padding-left: 18px;
	border: none;
	color: #0c7853;
	font-size: 17px;
	background: url(../images/icon01.png) no-repeat left center;
}
/*------------------------------------------------------------
	headLine05
------------------------------------------------------------*/
#main .headLine05 {
	font-size: 17px;
    padding-left: 15px;
    line-height: 2.6;
    border-bottom: 2px dotted #0c7853;
}
/*------------------------------------------------------------
	headLine06
------------------------------------------------------------*/
.headLine06 {
	ont-weight: normal;
    padding: 12px 20px;
    border-left: 50px solid #c1c1c1;
    text-align: left;
    border-top: 1px solid #c1c1c1;
    border-bottom: 1px solid #c1c1c1;
    border-right: 1px solid #c1c1c1;
    margin-bottom: 2px !important;
}
/*------------------------------------------------------------
	headLine07
------------------------------------------------------------*/
#main .headLine07 {
	font-size: 20px;
	font-weight: normal;
}
/*------------------------------------------------------------
	headLine08
------------------------------------------------------------*/
#main .headLine08 {
	font-size: 20px;
	font-weight: normal;
	padding: 12px 20px;
	border-left: 12px solid #EA9644;
	background: #f7f7f7;
}
/*------------------------------------------------------------
	headLine09
------------------------------------------------------------*/
#main .headLine09 {
	font-size: 20px;
	font-weight: normal;
	padding: 12px 20px;
	border-left: 12px solid #26bc89;
	background: #f7f7f7;
}
/*------------------------------------------------------------
	headLine10
------------------------------------------------------------*/
.headLine10 {
	ont-weight: normal;
    padding: 12px 20px;
    border-left: 50px solid #c1c1c1;
    text-align: left;
    border-top: 1px solid #c1c1c1;
    border-bottom: 1px solid #c1c1c1;
    border-right: 1px solid #c1c1c1;
    margin-bottom: 2px !important;
	margin-top: 20px;
}
/*------------------------------------------------------------
	headLine11
------------------------------------------------------------*/
.headLine11 {
	ont-weight: normal;
    padding: 12px 20px;
    border-left: 50px solid #c1c1c1;
    text-align: left;
    border-top: 1px solid #c1c1c1;
    border-bottom: 1px solid #c1c1c1;
    border-right: 1px solid #c1c1c1;
    margin-bottom: 2px !important;
}
/*------------------------------------------------------------
	headLine12
------------------------------------------------------------*/
#main .headLine12 {
	margin: 47px 0px;
	color: #212121;
	font-size: 24px;
	text-align: center;
}
#main .headLine12 span {
  font-size: 30px;
	font-weight: normal;
  color: #26bc89;
  line-height: 0.533;
}


/*------------------------------------------------------------
	headLine14
------------------------------------------------------------*/
.headLine14 {
	ont-weight: normal;
    padding: 12px 20px;
    border-left: 50px solid #c1c1c1;
    text-align: left;
    border-top: 1px solid #c1c1c1;
    border-bottom: 1px solid #c1c1c1;
    border-right: 1px solid #c1c1c1;
    margin-bottom: 2px !important;
	margin-top: 15px;
}
/*------------------------------------------------------------
	comBgBox
------------------------------------------------------------*/
#main .comBgBox .ttl {
	padding-left: 18px;
	width: 125px;
	float: left;
	font-size: 15px;
	line-height: 1.06;
	background: url(../images/icon02.png) no-repeat left center;
}

#main .comBgBox .rBox {
	padding: 15px 30px 14px;
	width: 744px;
	float: right;
	background-color: #F7F7F7;
	box-sizing: border-box;
}

/*------------------------------------------------------------
	pageList
------------------------------------------------------------*/
#main .pageList,.pagination {
	text-align: center;
}

#main .pageList li,.pagination a,.pagination span{
	border: 1px solid #BFBFBF;
	display: inline-block;
	font-size: 16px;
}

#main .pageList li a{
	padding: 3px 5px;
	text-decoration: none;
	display: inline-block;
}

#main .pageList li a:hover,.pagination a:hover{
	background-color: #26BC89;
}

#main .pageList .prev a {
	padding-left: 30px;
	background: url(../images/icon07.png) no-repeat left center;
}

#main .pageList .next a {
	padding-right: 25px;
	background: url(../images/icon01.png) no-repeat right center;
}

#main .pageList .prev a:hover,
#main .pageList .next a:hover {
	text-decoration: underline;
	background-color: #FFF;
}

/*------------------------------------------------------------
	greenTxt
------------------------------------------------------------*/
#main .greenTxt {
	font-size: 23px;
	font-weight: normal;
	padding: 15px 20px;
		border-left: 12px solid #26bc89;
		background: #f7f7f7;
}

/*------------------------------------------------------------
	greenTxt
------------------------------------------------------------*/
#main .institute .greenTxt {
	font-size: 23px;
	font-weight: normal;
	padding: 15px 20px;
	border-left: 12px solid #FF9A25;
	background: #f7f7f7;
}

/*------------------------------------------------------------
	comDlList
------------------------------------------------------------*/
#main .comDlList {
	width: 805px;
	margin: 0 auto;
}

#main .comDlList dt {
	position: relative;
	width: 190px;
	float: left;
	display: table;
	table-layout: fixed;
	border: 3px solid #0c7853;
	background-color: #FFF;
}
/*----------------*/
.box-box {
    margin-bottom: 65px;
}
.h5-top {
    margin-top: 35px!important;
}

.certification {
    margin-bottom: 30px;
}

.institute .certification ul {
    justify-content: space-between;
}

.certification ul {
    display: flex;
    justify-content: space-between;
}
.certification ul li {
    width: 45%;
    justify-content: space-between;
    padding: 15px;
    background-color: #F7F7F7;
}
.institute .certification ul li {
    width: 45%;
	margin: 0 auto;
    justify-content: space-between;
    padding: 15px;
    background-color: #F7F7F7;
}
.certification ul li img {
    margin: auto;
	width: 50%;
}
.h7-p {
    margin-left: 15px;
    padding-top: 30px;
    text-align: center;
}
h7 {
    margin-top: 45px;
    color: #25BC89;
}
.institute .certification .h7-p h7 {
    margin-top: 45px;
    color: #FF9A25;
}
.h7-p p {
    padding: 17px;
    font-size: 14px;
    text-align: left;
    line-height: normal!important;
}

.dis-box {
    width: 95%!important;
    display: flex;
    justify-content: space-between;
}
.dis-box::after {
    content: none;
}
.dbox-l,
.dbox-r {
    width: 48%;
}
.dbox-l ul li {
    margin-bottom: 22px;
    border: 3px solid #0c7853;
    background-color: #FFF;
    position: relative;
}
.dbox-l ul li:nth-last-child(1) {
    margin-bottom: 0;
}
.dbox-l ul li::before {
    margin-top: -5px;
    width: 15px;
    height: 15px;
    background: url("../../images/effort/icon-01.png") no-repeat;
    background-size: 12px 12px;
    position: absolute;
    bottom: -18px;
    right: 48%;
    content: "";
}
.dbox-l ul li:nth-last-child(1)::before {
    background: none!important;
}
.dbox-l ul li p {
    margin-bottom: 1px!important;
    font-size: 14px;
}
.div-li {
    padding: 12px 0;
    margin: 0 25px;
}
h6 {
    background-color: #0c7853;
    line-height: 45px;
    text-align: center;
    color: #fff;
}
.flo-p {
/*    float: left;*/
    display: flex;
}
.flo-p span {
    color: #0E7853;
    margin-right: 3px;
}
/*01*/

.institute .dbr-01 {
    display: flex;
	margin: 0 0 60px 10px;
}
.institute .dbr-01 li {
    width: 100%;
}
.institute .dbr-01 li img {
    width: 90%;
}
.dbr-top01 {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.dbr-top01 img {
    width: 48%;
    margin-bottom: 15px;
}
.dbr-bottom01 img {
    width: 100%;
}
/*02*/
.dbr-top02 {
    margin-bottom: 15px;
}
.dbr-top02 img {
    width: 100%;
}
.dbr-bottom02 {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.dbr-bottom02 img {
    width: 48%;
}
/*03*/
.dbr-top03 {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.dbr-top03 img {
    width: 48%;
    margin-bottom: 15px;
}
.dbr-bottom03 img {
    width: 100%;
}
/*04*/
.dbr-top04 img {
    width: 100%;
    margin-bottom: 15px;
}
.dbr-bottom04 img {
    width: 100%;
}

.pdf-date ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
	margin: 0 0 40px 0;
}
.pdf-date ul li {
    width: 42%;
    border-radius: 50px;
    margin-bottom: 20px;
    background-color: #25BC8C;
    position: relative;
}
.institute .pdf-date ul li {
    width: 42%;
    border-radius: 50px;
    margin-bottom: 20px;
    background-color: #FF9A25;
    position: relative;
}
.pdf-date ul li:nth-child(odd) {
    margin-left: auto;
    margin-right: 10px;
}
.institute .pdf-date ul li:nth-child(odd) {
    margin: 0 auto;
}
.pdf-date ul li:nth-child(even) {
    margin-left: 10px;
    margin-right: auto;
}
.pdf-date ul li:nth-last-child(1),
.pdf-date ul li:nth-last-child(2) {
    margin-bottom: 0;
}
.pdf-date ul li a {
    text-decoration: none;
}
.pdf-date ul li img {
    width: 16px;
    height: 20px;
    top: 14px;
    left: 45px;
    position: absolute;
}
.pdf-date ul li p {
    margin-bottom: 0!important;
    margin-left: 70px;
    color: #fff;
    line-height: 50px!important;
}

.institute .pdf-date ul li p {
    margin: 0 90px 0;
    color: #fff;
}
/*----------------*/

.box-w span:nth-child(2) {
    padding: 20px 0;
}

#main .comDlList .dtStyle span {
	width: 100%;
	float: left;
	display: table-cell;
	text-align: center;
	vertical-align: middle;
}

#main .comDlList .dtStyle .txt01 {
	padding-bottom: 2px;
	color: #FFF;
	font-size: 16px;
	line-height: 1.25;
	background-color: #0c7853;
}

#main .comDlList .dtStyle .txt02 {
	padding: 8px 0 9px;
	position: relative;
	color: #0c7853;
	font-size: 18px;
	font-weight: bold;
	line-height: 1.11;
	background-color: #FFF;
	z-index: 10;
}

#main .comDlList dd {
	padding: 10px 20px;
margin-bottom: 59px;
position: relative;
width: 565px;
	float: left;
	display: table;
	table-layout: fixed;
	background-color: #F7F7F7;
}
#main .comDlList dt .txt {
	width: 100%;
	height: 59px;
	position: relative;
	display: table-cell;
	color: #0c7853;
	font-size: 16px;
	line-height: 1.11;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
	background-color: #FFF;
	z-index: 10;
}

#main .comDlList dt .txt:before,
#main .comDlList dt .txt02:before {
	margin-top: -5px;
	width: 8px;
    height: 10px;
	background: url(../../images/effort/img01.png) no-repeat left top;
	background-size: 8px 10px;
    position: absolute;
    top: 50%;
	right: -8px;

    content: "";
}

#main .comDlList dt .positionTxt {
	padding: 16px 0 0 75px;
	width: 500px;
	height: 43px;
	display: block;
	position: absolute;
	left: 90px;
	bottom: -59px;
	color: #0c7853;
	font-size: 17px;
	text-align: left;
	background: url(../../images/effort/bg01.gif) repeat-y left top;
}

/*----------------------*/
#main .ul-text li{
	font-size: 16px!important;
	font-weight: 550!important;
}
#main .ul-text li:hover{
	color: #4F4F4F;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
#main .comDlList dt .positionTxt {
	bottom: -62px;
}
}

#main .comDlList dt .txt03 {
	color: #FFF;
	background-color: #0c7853;
}


#main .comDlList dd span {
	display: table-cell;
	line-height: 1.53;
	text-align: left;
	vertical-align: middle;
}

#main .comDlList .ddStyle {
	margin-bottom: 0;
}

/*------------------------------------------------------------
	comLinkList
------------------------------------------------------------*/
#main .comLinkList {
	width: 809px;
}

#main .comLinkList li {
	width: 363px;
	float: left;
	font-size: 16px;
}

#main .comLinkList li a {
	padding: 13px 10px 12px 83px;
	position: relative;
	display: block;
	color: #26bc89;
	border: 3px solid;
	text-decoration: none;
	background: url(../images/img06.png) no-repeat 44px center;
	border-radius: 26px;
	behavior: url(js/pie.htc);
	zoom: 1;
}

#main .comLinkList li a:hover {
	filter: alpha(opacity=70);
	opacity: 0.7;
}

#main .comLinkList .liStyle01 a {
	color: #FFF;
	background: #26bc89 url(../images/img05.png) no-repeat 40px center;
}

#main .comLinkList .liStyle02 a {
	color: #EB6877;
	border: 3px solid #EB6877;
	background: url(../images/img07.png) no-repeat 44px center;
}

#main .comLinkList .liStyle03 a {
	color: #FFF;
	border: 3px solid #EB6877;
	background: #EB6877 url(../images/img05.png) no-repeat 40px center;
}



.sp {
	display: none !important;
}



















@media all and (min-width: 0) and (max-width: 767px)  {
	#main .headLine01 span {
	  font-size: 17px;
		font-weight: normal;
	  color: #26bc89;
	  line-height: 0.533;
	}
	/*------------------------------------------------------------
		common
	------------------------------------------------------------*/
	#main .mainBox {
		margin: 20px 15px;
		width: auto;
	}
	#main .mainBox7 {
		margin: 20px 10px;
		width: auto;
	}
	#main .mainBox7 .headLine12 span {
		font-size: 18px;
	}
	#main .mainBox7 .headLine13 {
		font-size: 13px;
		padding: 15px 15px;
	}
	
	#main .mainBox3 {
		margin: 20px 15px;
		width: auto;
	}

	/*------------------------------------------------------------
		comBtmBox
	------------------------------------------------------------*/
	.comBtmBox {
		padding: 0!important;
	}

	.comBtmBox .contentBox {
		width: auto;
		margin: 0px 10px -8px 20px;
	}

	.comBtmBox .textImg {
		margin: 0 0 4px;
	}

	.comBtmBox .textImg img {
		display: block;
		width: 182px;
	}
    .comBtmBox .sliderBox04 .foo1 ul{
        width: 100%;
        display: inline-block;
        margin: auto;
    }
    .comBtmBox .sliderBox04 .foo1 li{
        width: 46%;
        display: inline-block;
        padding: 5px;
        margin: 0!important;
    }
    .comBtmBox .sliderBox04 .foo1 li img{
        width: 100%!important;
    }

	.comBtmBox li {
		padding: 5px 2% 0 0;
		width: auto;
	}

	.comBtmBox li:nth-child(3n) {
		padding-right: 0;
	}

	.comBtmBox li img {
		width: 100%;
	}

	.comBtmBox li a:hover img {
		filter: alpha(opacity=100);
		opacity: 1;
	}
	.comBtmBox .liStyle02{
		padding: 6px 4px;
		width: 20%;
	}
	.comBtmBox .liStyle02 img{
		width: 100%;
		height: auto;
	}

	/*------------------------------------------------------------
		mainImg
	------------------------------------------------------------*/
	#main .mainImg {
		margin-bottom: 20px;
	}

	/*------------------------------------------------------------
		pageTitle
	------------------------------------------------------------*/
	#main .pageTitle {
		margin-bottom: 20px;
		padding-top: 7px;
		min-height: 57px;
		background: #26BC89 url(../images/page_title_bg.jpg) no-repeat center top;
		background-size: cover;
	}

	#main .pageTitle h2 {
		font-size: 15px;
	}

	#main .pageTitle h2 img {
		margin-bottom: 0;
		width: 25px;
	}

	#main .producerTitle {
		padding-top: 10px;
		min-height: 54px;
	}

	#main .producerTitle h2 img {
		margin-bottom: 3px;
	}

	/*------------------------------------------------------------
		recipeList
	------------------------------------------------------------*/
	#main .recipeList {
		display: none;
	}

	/*------------------------------------------------------------
		aboutList
	------------------------------------------------------------*/
	#main .aboutList {
		display: none;
	}

	/*------------------------------------------------------------
		effortList
	------------------------------------------------------------*/
	#main .effortList {
		display: none;
	}

	/*------------------------------------------------------------
		producerListBox
	------------------------------------------------------------*/
	#main .producerListBox {
		display: none;
	}

	/*------------------------------------------------------------
		headLine01
	------------------------------------------------------------*/
	#main .headLine01 {
		margin-bottom: 15px;
		font-size: 14px;
	}
	/*------------------------------------------------------------
		headLine02
	------------------------------------------------------------*/
	#main .headLine02 {
		margin-bottom: 10px;
		font-size: 14px;
	}

	#main .headLine02 span {
		padding: 0 15px;
		background: url(../images/icon05.png) no-repeat left center;
		background-size: 7px 12px;
	}

	#main .headLine02 span:before {
		margin-top: -6px;
		width: 7px;
		height: 12px;
		background: url(../images/icon05.png) no-repeat left center;
		background-size: 7px 12px;
	    top: 50%;

		content: "";
	}

	/*------------------------------------------------------------
		headLine03
	------------------------------------------------------------*/
	#main .headLine03 {
		font-size: 15px;
		font-weight: bold;
		background-size: 7px 13px;
		padding: 5px 10px;
	}
	/*------------------------------------------------------------
		headLine04
	------------------------------------------------------------*/
	#mainBox .headLine04 {
	position: relative;
	padding-bottom: .5em;
	border-bottom: 4px solid #ccc;
}
	#mainBox .headLine04::after {
	position: absolute;
	bottom: -4px;
	left: 0;
	z-index: 2;
	content: '';
	width: 20%;
	height: 4px;
	background-color: #3498db;
}

	/*------------------------------------------------------------
		comBgBox
	------------------------------------------------------------*/
	#main .comBgBox .ttl {
		margin-bottom: 5px;
		padding-left: 9px;
		width: auto;
		float: none;
		font-size: 14px;
		background: url(../images/icon02.png) no-repeat left center;
		background-size: 4px 7px;
	}

	#main .comBgBox .rBox {
		padding: 10px;
		width: auto;
		float: none;
		background-color: #FFF;
	}

	/*------------------------------------------------------------
		pageList
	------------------------------------------------------------*/
	#main .pageList li {
		margin: 0 5px;
		font-size: 12px;
	}

	#main .pageList li a,
	#main .pageList li span {
		padding: 4px 5px;
	}

	#main .pageList li a:hover {
		background-color: #F7F7F7;
	}

	#main .pageList .prev a {
		padding-left: 15px;
		background: url(../images/icon07.png) no-repeat left center;
		background-size: 4px 7px;
	}

	#main .pageList .next a {
		padding-right: 15px;
		background: url(../images/icon01.png) no-repeat right center;
		background-size: 4px 7px;
	}

	#main .pageList .prev a:hover,
	#main .pageList .next a:hover {
		text-decoration: none;
		background-color: #F7F7F7;
	}

	/*------------------------------------------------------------
		greenTxt
	------------------------------------------------------------*/
	#main .greenTxt {
		margin-bottom: 10px;
		font-size: 15px;
		line-height: 1.5;
	}
	#main .institute .greenTxt {
		margin-bottom: 10px;
		font-size: 15px;
		line-height: 1.5;
	}

	/*------------------------------------------------------------
		comDlList
	------------------------------------------------------------*/
	#main .comDlList {
		width: 100%;
		margin: 0 0 10px;
	}


	#main .comDlList dt {
		width: 27%;
		border: 2px solid #0c7853;
		background-color: #FFF;
	}

	#main .comDlList .dtStyle .txt01 {
		padding-bottom: 1px;
		font-size: 10px;
	}

	#main .comDlList .dtStyle .txt02 {
		padding: 4px 0;
		font-size: 11px;
	}

	#main .comDlList dd {
		margin-bottom: 30px;
    width: 65%;
    padding: 10px;
	}

	#main .comDlList dt .txt {
		height: 30px;
		font-size: 11px;
	}

	#main .comDlList dt .txt:before,
	#main .comDlList dt .txt02:before {
		margin-top: -2px;
		width: 5px;
		height: 5px;
		background: url(../../images/effort/sp_img01.png) no-repeat left top;
		background-size: 5px 5px;
		position: absolute;
		top: 50%;
		right: -5px;

		content: "";
	}

	#main .comDlList dt .positionTxt {
		padding: 8px 0 0 36px;
		width: 250px;
		height: 22px;
		left: 37%;
		bottom: -32px;
		font-size: 11px;
		text-align: left;
		background: url(../../images/effort/bg01.gif) repeat-y left top;
		background-size: 27px 30px;
	}


	#main .comDlList dd span {
		padding: 5px 10px;
		display: block;
	}
	#main .effort01 .comDlList dd img{
		float: none;
		width: 95%;
	}

	/*------------------------------------------------------------
		comLinkList
	------------------------------------------------------------*/
	#main .comLinkList {
		width: auto;
	}

	#main .comLinkList li {
		width: auto;
		float: none;
		font-size: 10px;
		text-align: center;
	}

	#main .comLinkList li a {
		padding: 6px 5px;
		border: 2px solid #26BC89;
		background: url(../images/img06.png) no-repeat 22px center;
		background-size: 15px 20px;
		border-radius: 26px;
	    font-size: 14px;
	}

	#main .comLinkList li a:hover {
		filter: alpha(opacity=100);
		opacity: 1;
	}

	#main .comLinkList .liStyle01 {
		float: none;
	}

	#main .comLinkList .liStyle01 a {
		background: #0c7853 url(../images/img05.png) no-repeat 22px center;
		background-size: 15px 20px;
	    font-size: 14px;
	}

	#main .comLinkList .liStyle02 a {
		border: 2px solid #EB6877;
		background: url(../images/img07.png) no-repeat 22px center;
		background-size: 15px 20px;
	}

	#main .comLinkList .liStyle03 a {
		border: 2px solid #EB6877;
		background: #EB6877 url(../images/img05.png) no-repeat 22px center;
		background-size: 15px 20px;
	}
    
    /*-------------*/
    .dis-box {
        margin: 0 auto!important;
    }
    
    .certification ul,
    .certification ul li,
    .dis-box,
    .pdf-date ul {
        display: block;
    }
    .dbox-l, 
    .dbox-r,
    .pdf-date ul li {
        width: 100%;
    }
	.institute .pdf-date ul li {
        width: 100%;
    }
    .certification ul li {
        width: 90%;
        margin: 0 auto 20px;
        align-items: center;
    }
	 .institute .certification ul li {
        width: 90%;
        margin: 0 auto 20px;
        align-items: center;
    }
    .certification ul li img {
        height: 100%;
    }
    .dbox-r {
        margin-top: 20px;
    }
    .pdf-date ul li:nth-child(odd) {
        margin-left: 0;
        margin-right: 0;
}
    .pdf-date ul li:nth-child(even) {
        margin-left: 0;
        margin-right: 0;
    }
    .pdf-date ul li:nth-last-child(1) {
        margin-bottom: 0;
    }
    .pdf-date ul li:nth-last-child(2) {
        margin-bottom: 20px;
    }
    
    /*-------------*/

	.sp {
		display: block !important;
	}

	.pc {
		display: none !important;
	}
}