@charset "utf-8";

@media print and (min-width: 0px), screen and (min-width: 768px){
	
	.index > h1,
	.siteMap > h1 {
		margin: 40px 0px 0px 0px;
		padding: 20px 0px;
		border-top: #ddccaf 4px solid;
		border-bottom: #ddccaf 4px dotted;
		font-size: 2.4rem;
	}
	
	.index h1 span {
		margin: 0px 0px 0px 26px;
		font-size: 1.8rem;
		color: #755e3c;
	}
	
	.studygroup h1,
	.councilIndex h1,
	.council h1,
	.actionIndex h1,
	.action h1,
	.workshopIndex h1,
	.workshop h1,
	.sdgs h1,
	.link h1,
	.brochure h1,
	.movie h1,
	.delivery h1,
	.introduction h1,
	.about h1,
	.executive h1,
	.statement h1,
	.consult h1,
	.topics h1,
	.foodloss h1,
	.training h1,
	.farmingIndex h1,
	.farming h1,
	.membershipList h1,
	.member h1,
	.memberSearch h1,
	.memberResult h1,
	.packagingIndex h1,
	.packaging01 h1,
	.packaging02 h1,
	.packaging03 h1,
	.packaging04 h1,
	.dairyqa h1,
	.join h1,
	.specialty h1,
	.shinsaiIndex h1,
	.shinsai h1,
	.request h1,
	.regulation h1,
	.haccpsm h1,
	.regulationForm h1,
	.searchF h1,
	.environmentIndex h1,
	.environment h1,
	.recipeIndex h1,
	.recipe h1,
	.contact h1,
	.sitePolicy h1,
	.privacyPolicy h1,
	.milkDay h1,
	.recycle h1,
	.factory h1,
	.yappari h1,
	.cheeseDay h1,
	.icecreamDay h1,
	.update h1,
	.logo h1,
	.prmovie h1,
	.school h1,
	.discover h1,
	.onepoint h1 {
		display: flex;
		padding: 2px 0px 0px 0px;
		font-size: 2.0rem;
		text-align: center;
		line-height: 1.4;
	}
	
	.link h1,
	.introduction h1,
	.about h1,
	.executive h1,
	.statement h1,
	.membershipList h1,
	.member h1,
	.memberSearch h1,
	.memberResult h1,
	.join h1,
	.specialty h1 {
		background: linear-gradient(to right, #dee8f6 50%, #ebf6f9 100%);
	}
	
	.studygroup h1,
	.councilIndex h1,
	.council h1,
	.actionIndex h1,
	.action h1,
	.workshopIndex h1,
	.workshop h1,
	.sdgs h1,
	.brochure h1,
	.movie h1,
	.consult h1,
	.topics h1,
	.foodloss h1,
	.training h1,
	.prmovie h1,
	.school h1,
	.discover h1,
	.onepoint h1 {
		background: linear-gradient(to right, #d5eae5 50%, #f0f8f1 100%);
	}
	
	.farmingIndex h1,
	.farming h1,
	.packagingIndex h1,
	.packaging01 h1,
	.packaging02 h1,
	.packaging03 h1,
	.packaging04 h1,
	.shinsaiIndex h1,
	.shinsai h1,
	.request h1,
	.regulation h1,
	.haccpsm h1,
	.regulationForm h1,
	.logo h1 {
		background: linear-gradient(to right, #d8ecda 50%, #f6f9e4 100%);
	}
	
	.environmentIndex h1,
	.environment h1,
	.recipeIndex h1,
	.recipe h1,
	.milkDay h1,
	.recycle h1,
	.factory h1,
	.yappari h1,
	.cheeseDay h1,
	.icecreamDay h1 {
		background: linear-gradient(to right, #e0eccb 50%, #fbfada 100%);
	}
	
	.searchF h1,
	.contact h1,
	.sitePolicy h1,
	.privacyPolicy h1,
	.update h1 {
		background: #ccc;
	}
	
	.dairyqa h1 {
		background: linear-gradient(to right, #D2E6D4 0%, #F1F3DE 100%);
	}
	
	.recipeIndex h1,
	.milkDay h1,
	.recycle h1,
	.factory h1,
	.aday h1,
	.cheeseDay h1 {
		font-size: 2.2rem;
	}
	
	.studygroup h1 > span,
	.councilIndex h1 > span,
	.council h1 > span,
	.actionIndex h1 > span,
	.action h1 > span,
	.workshopIndex h1 > span,
	.workshop h1 > span,
	.sdgs h1 > span,
	.link h1 > span,
	.brochure h1 > span,
	.movie h1 > span,
	.delivery h1 > span,
	.introduction h1 > span,
	.about h1 > span,
	.executive h1 > span,
	.statement h1 > span,
	.consult h1 > span,
	.topics h1 > span,
	.foodloss h1 > span,
	.training h1 > span,
	.farmingIndex h1 > span,
	.farming h1 > span,
	.membershipList h1 > span,
	.member h1 > span,
	.memberSearch h1 > span,
	.memberResult h1 > span,
	.packagingIndex h1 > span,
	.packaging01 h1 > span,
	.packaging02 h1 > span,
	.packaging03 h1 > span,
	.packaging04 h1 > span,
	.dairyqa h1 > span,
	.join h1 > span,
	.specialty h1 > span,
	.shinsaiIndex h1 > span,
	.shinsai h1 > span,
	.request h1 > span,
	.regulation h1 > span,
	.haccpsm h1 > span,
	.regulationForm h1 > span,
	.searchF h1 > span,
	.environmentIndex h1 > span,
	.environment h1 > span,
	.recipeIndex h1 > span,
	.recipe h1 > span,
	.contact h1 > span,
	.sitePolicy h1 > span,
	.privacyPolicy h1 > span,
	.milkDay h1 > span,
	.recycle h1 > span,
	.factory h1 > span,
	.yappari h1 > span,
	.cheeseDay h1 > span,
	.icecreamDay h1 > span,
	.update h1 > span,
	.logo h1 > span,
	.prmovie h1 > span,
	.school h1 > span,
	.discover h1 > span,
	.onepoint h1 > span {
		display: flex;
		align-items: center;
		align-content: center;
		justify-content: center;
		width: 100%;
		min-height: 98px;
		padding: 10px 10px;
		background: #f0f0f0;
		border-top: #fff 2px solid;
		box-sizing: border-box;
	}
	
	.consult h1 > span {
		background: #f0f0f0 url("../img/consult_titlebg.jpg") no-repeat right bottom;
	}
	
	.topics h1 > span {
		background: #f0f0f0 url("../img/topics_title_pc.png") no-repeat right bottom;
	}
	
	.training h1 > span {
		background: #f0f0f0 url("../img/training_titlebg.jpg") no-repeat right bottom;
	}
	
	.studygroup h1 > span,
	.councilIndex h1 > span {
		background: #f0f0f0 url("../img/council_index_title.jpg") no-repeat right bottom / 160px auto;
	}
	
	.actionIndex h1 > span,
	.workshopIndex h1 > span {
		background: linear-gradient(to right, #f0f8f1 0%, #d5eae5 100%);
	}
	
	.shinsaiIndex h1 > span {
		background: linear-gradient(to right, #f6f9e4 0%, #d8ecda 100%);
	}
	
	.dairyqa h1 > span {
		background: #f0f0f0 url("../img/dairyqa_title.svg") no-repeat right bottom;
		background-size: 140px 100px;
	}
	
	.recipeIndex h1 > span {
		align-items: flex-start;
		align-content: flex-start;
		justify-content: flex-start;
		min-height: 278px;
		padding: 50px 50px;
		background: url("../img/recipe_titlebg.jpg") no-repeat center bottom;
		color: #916600;
		text-align: left;
	}
	
	.milkDay h1 > span {
		align-items: flex-start;
		align-content: flex-start;
		justify-content: flex-start;
		min-height: 278px;
		padding: 50px 50px 0px 50px;
		background: url("../img/worldmilkday_pic01.jpg") no-repeat center bottom;
		color: #009edb;
		text-align: left;
	}
	
	.recycle h1 > span {
		align-items: flex-start;
		align-content: flex-start;
		justify-content: flex-start;
		min-height: 278px;
		padding: 50px 50px 0px 50px;
		background: url("../img/recycle_titlebg.jpg") no-repeat center bottom;
		color: #c9301e;
		text-align: left;
	}
	
	.factory h1 > span {
		align-items: flex-start;
		align-content: flex-start;
		justify-content: flex-start;
		min-height: 278px;
		padding: 50px 50px 0px 50px;
		background: url("../img/factory_titlebg.jpg") no-repeat center bottom;
		color: #118441;
		text-align: left;
	}
	
	.yappari h1 > span {
		align-items: flex-start;
		align-content: flex-start;
		justify-content: flex-start;
		min-height: 276px;
		padding: 50px 0px 0px 47px;
		background: url("../img/yappari_titlebg.jpg") no-repeat center bottom;
		color: #116381;
		text-align: left;
	}
	
	.cheeseDay h1 > span {
		align-items: flex-start;
		align-content: flex-start;
		justify-content: flex-start;
		min-height: 278px;
		padding: 50px 50px 0px 50px;
		background: url("../img/cheeseday_titlebg.jpg") no-repeat center bottom / 710px 280px;
		color: #fff;
		text-align: left;
	}
	
	.icecreamDay h1 > span {
		align-items: flex-start;
		align-content: flex-start;
		justify-content: flex-start;
		min-height: 278px;
		padding: 50px 50px 0px 50px;
		background: url("../img/icecreamday_titlebg.jpg") no-repeat center bottom / 710px 280px;
		color: #f30919;
		text-align: left;
	}
	
	.action h1 > span,
	.workshop h1 > span,
	.sdgs h1 > span,
	.link h1 > span,
	.brochure h1 > span,
	.movie h1 > span,
	.delivery h1 > span,
	.introduction h1 > span,
	.about h1 > span,
	.executive h1 > span,
	.statement h1 > span,
	.foodloss h1 > span,
	.membershipList h1 > span,
	.member h1 > span,
	.memberSearch h1 > span,
	.memberResult h1 > span,
	.join h1 > span,
	.specialty h1 > span,
	.shinsai h1 > span,
	.request h1 > span,
	.regulation h1 > span,
	.haccpsm h1 > span,
	.regulationForm h1 > span,
	.searchF h1 > span,
	.recipe h1 > span,
	.contact h1 > span,
	.sitePolicy h1 > span,
	.privacyPolicy h1 > span,
	.update h1 > span,
	.logo h1 > span,
	.prmovie h1 > span,
	.school h1 > span,
	.discover h1 > span,
	.onepoint h1 > span {
		justify-content: flex-start;
		text-align: left;
	}
	
	h1 > span > span {
		display: block;
		align-self: center;
	}
	
	.recipeIndex h1 > span > span,
	.milkDay h1 > span > span,
	.recycle h1 > span > span,
	.factory h1 > span > span,
	.yappari h1 > span > span,
	.cheeseDay h1 > span > span,
	.icecreamDay h1 > span > span {
		align-self: flex-start;
	}
	
	.milkDay h1 > span > span img {
		margin: 10px 0px 0px 0px;
		width: 120px;
		height: auto;
	}
	
	.farming h1 > span > span > span {
		font-size: 1.6rem;
	}
	
	.recipe h1 > span > span > span {
		margin: 0px 0px 0px 20px;
		font-size: 1.4rem;
	}
	
	main a {
		color: #f05b23;
	}
	
	main a:hover {
		color: #f49774;
	}
	
	.index {
		display: block;
		width: 950px;
		margin: 0px auto;
		padding: 0px 20px 90px 20px;
	}
	
	.index .indexList {
		display: flex;
		flex-wrap: wrap;
	}
	
	.index .indexList section {
		width: 458px;
		margin-top: 40px;
	}
	
	.index .indexList section:nth-of-type(2n-1) {
		margin-right: 34px;
	}
	
	.index .indexList section:nth-of-type(n+3) {
		margin-top: 60px;
	}
	
	.index .indexList section h2 {
		font-size: 2.2rem;
		font-weight: 500;
		text-align: center;
	}
	
	.index .indexList section h2 a {
		display: block;
		padding: 26px 10px;
		border-radius: 4px;
		color: #000;
	}
	
	.index .weare section h2 a {
		background: linear-gradient(to right, #dee8f6 0%, #ebf6f9 100%);
	}
	
	.index .effort section h2 a {
		background: linear-gradient(to right, #d5eae5 0%, #f0f8f1 100%);
	}
	
	.index .support section h2 a {
		background: linear-gradient(to right, #d8ecda 0%, #f6f9e4 100%);
	}
	
	.index .milkaction section h2 a {
		background: linear-gradient(to right, #e0eccb 0%, #fbfada 100%);
	}
	
	.index .indexList section h2 a:hover {
		opacity: 0.7;
	}
	
	.index .indexList section p {
		margin: 15px 0px 0px 0px;
		font-size: 1.8rem;
	}
	
	.index .indexList section p a {
		padding: 0px 20px 0px 0px;
		background: url("../img/arrow_right.svg") no-repeat 100% 50% / 20px 20px;
		color: #f05b23;
	}
	
	.index .indexList section p a:hover {
		opacity: 0.6;
	}
	
	#twoCol {
		display: flex;
		justify-content: space-between;
		width: 950px;
		margin: 40px auto 0px auto;
		padding: 0px 20px 90px 20px;
	}
	
	#leftCol {
		width: 710px;
	}
	
	#sideCol {
		width: 220px;
	}
	
	.topText {
		margin: 40px 0px 0px 0px;
		font-size: 1.6rem;
	}
		
	.councilIndex .toStudy {
		margin: 40px 0px 0px 0px;
		border: #decdb0 1px solid;
	}
	
	.councilIndex .toStudy p {
		margin: 5px 0px 0px 0px;
		padding: 15px 20px;
		font-size: 1.6rem;
	}
	
	.councilIndex .toStudy p a {
		padding: 0px 25px 0px 0px;
		background: url("../img/arrow_right.svg") no-repeat 100% 50% / 20px 20px;
		color: #000;
	}
	
	.councilIndex .toStudy p a:hover {
		opacity: 0.7;
	}

	
	.councilIndex .councilList {
		margin: 40px 0px 0px 0px;
	}
	
	.councilIndex .councilList article {
		border-bottom: #fcf5e8 2px solid;
	}
	
	.councilIndex .councilList article:first-of-type {
		border-top: #fcf5e8 2px solid;
	}
	
	.councilIndex .councilList article a {
		display: flex;
		align-items: center;
		background: url("../img/arrow_right.svg") no-repeat right center / 30px 30px;
		padding: 20px 0px;
		color: #000;
	}
	
	.councilIndex .councilList article a:hover {
		opacity: 0.7;
	}
	
	.councilIndex .councilList article a figure {
		width: 60px;
		margin: 0px 25px 0px 0px;
	}
	
	.councilIndex .councilList article a figure img {
		width: 60px;
		height: auto;
	}
	
	.councilIndex .councilList article a p {
		width: 110px;
		font-size: 1.6rem;
		color: #755e3c;
	}
	
	.councilIndex .councilList article a h2 {
		flex: 1;
		padding: 0px 50px 0px 0px;
	}
	
	.council h2 {
		padding: 6px 0px;
		background: #755e3c;
		font-size: 1.8rem;
		font-weight: 500;
		text-align: center;
		color: #fff;
	}
	
	.council .info {
		margin: 38px 0px 0px 0px;
	}
	
	.council .info .top {
		display: flex;
		justify-content: space-between;
	}
	
	.council .info .top figure {
		width: 250px;
	}
	
	.council .info .top figure img {
		width: 250px;
		height: auto;
	}
	
	.council .info .top > div {
		width: 420px;
	}
	
	.council .info .top > div dl {
		display: flex;
		flex-wrap: wrap;
	}
	
	.council .info .top > div dl dt {
		width: 70px;
		font-size: 2.0rem;
		font-weight: bold;
		color: #755e3c;
	}
	
	.council .info .top > div dl dt:not(:first-of-type),
	.council .info .top > div dl dd:not(:first-of-type) {
		margin: 30px 0px 0px 0px;
	}
	
	.council .info .top > div dl dd {
		width: 350px;
		padding: 2px 0px 0px 0px;
		font-size: 1.8rem;
	}
	
	.council .info .attendance {
		display: flex;
		justify-content: space-between;
		margin: 50px 0px 0px 0px;
		padding: 50px 0px 0px 0px;
		border-top: #fcf5e8 2px solid;
	}
	
	.council .info .attendance > div {
		width: 340px;
	}
	
	.council .info .attendance > div dl dt {
		margin: 0px 0px 10px 0px;
		font-size: 1.8rem;
		font-weight: bold;
		color: #755e3c;
	}
	
	.council .info .attendance > div dl dd {
		font-size: 1.6rem;
	}
	
	.council .info .attendance > div figure {
		margin: 20px 0px 0px 0px;
	}
	
	.council .info .attendance > div figure img {
		width: 340px;
		height: auto;
	}
	
	.council .info .imgTop {
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
		margin: 70px 0px 0px 0px;
	}
	
	.council .info .imgTop li {
		width: 340px;
		font-size: 1.6rem;
	}
	
	.council .info .imgTop li figure img {
		width: 340px;
		height: auto;
	}
	
	.council .info .imgTop li:nth-of-type(n+3) {
		margin: 20px 0px 0px 0px;
	}
	
	.council .info .abstract {
		margin: 70px 0px 0px 0px;
	}
	
	.council .info .abstract dt {
		font-size: 2.0rem;
		font-weight: bold;
		color: #755e3c;
	}
	
	.council .info .abstract dd {
		font-size: 1.6rem;
	}
	
	.council article {
		margin: 45px 0px 0px 0px;
	}
	
	.council article h3 {
		margin: 75px 0px 0px 0px;
		padding: 12px 0px;
		background: #decdb0;
		font-size: 2.0rem;
		text-align: center;
	}
	
	.council article h4 {
		margin: 65px 0px 0px 0px;
		padding: 12px 20px;
		background: #fcf5e8;
		border-bottom: #decdb0 2px dotted;
		font-size: 2.0rem;
		color: #755E3C;
		text-align: center;
	}
	
	.council article h5 {
		margin: 55px 0px 0px 0px;
		font-size: 2.0rem;
		text-align: center;
		color: #755e3c;
	}
	
	.council article h6 {
		margin: 55px 0px 0px 0px;
		font-size: 1.8rem;
		color: #755e3c;
	}
	
	.council article h6.tTitle {
		margin: 55px 0px 0px 0px;
		font-size: 1.6rem;
		color: #000;
	}
	
	.council article a {
		color: #d85312;
	}
	
	.council article a:hover {
		color: #e5906e;
	}
	
	.council article p {
		margin: 30px 0px 0px 0px;
		font-size: 1.6rem;
	}
	
	.council article .grayBox {
		border: #CCC 1px solid;
		margin: 30px 0px 0px 0px;
		padding: 10px 20px;
	}
	
	.council article .grayBox p:first-of-type {
		margin: 0px;
	}
	
	.council article .grayBox2 {
		border: #CCC 1px solid;
		margin: 30px 0px 0px 0px;
		padding: 10px 20px;
	}
	
	.council article .grayBox2 h6 {
		margin: 0px 0px 10px 0px;
		font-size: 1.6rem;
		text-align: left;
		color: #000;
	}
	
	.council article .grayBox2 dl {
		font-size: 1.6rem;
	}
	
	.council article .grayBox2 dl dt {
		padding: 5px 0px 5px 0px;
	}
	
	.council article .grayBox2 dl dd {
		margin: -3.8rem 0px 0px 21rem;
		padding: 5px 0px 5px 0px;
	}
	
	.council article .pdfBox {
		margin: 30px 0px 0px 0px;
		padding: 15px 30px;
		border: #decdb0 1px solid;
	}

	.council article .pdfBox a {
		display: inline-block;
		background: url(../img/pdficon_small.png) no-repeat 0px 8px;
		padding: 2px 0px 2px 24px;
	}
	
	.council article p.space {
		margin: 60px 0px 0px 0px;
	}
	
	.council article figure.imgSB,
	.council article figure.imgMini,
	.council article figure.imgPdfSB,
	.council article figure.imgPdfNLSB,
	.council article figure.imgPicSB {
		margin: 30px 0px 0px 0px;
		padding: 0px 0px 30px 0px;
		text-align: center;
		font-size: 1.6rem;
	}
	
	.council article figure.imgST,
	.council article figure.imgPdfST,
	.council article figure.imgPicST {
		margin: 60px 0px 0px 0px;
		text-align: center;
	}
	
	.council article figure.imgCont {
		margin: 10px 0px 0px 0px;
		text-align: center;
	}
	
	.council article figure.imgSB img,
	.council article figure.imgST img,
	.council article figure.imgCont img {
		width: 590px;
		height: auto;
		margin: 0px auto;
		border: #ccc 1px solid;
		box-sizing: border-box;
	}
	
	.council article figure.imgPdfSB img,
	.council article figure.imgPdfST img {
		margin: 0px auto;
		border: #ccc 1px solid;
	}
	
	.council article figure.imgMini img,
	.council article figure.imgPdfNLSB img {
		margin: 0px auto;
	}
	
	.council article figure.imgPicSB img,
	.council article figure.imgPicST img {
		width: 590px;
		height: auto;
		margin: 0px auto;
	}
	
	.council article figure figcaption {
		max-width: 590px;
		margin: 25px auto 0px auto;
		font-size: 1.6rem;
		text-align: left;
		word-break: break-all;
	}
	
	.council article figure.imgPdfSB figcaption a,
	.council article figure.imgPdfNLSB figcaption a,
	.council article figure.imgPdfST figcaption a {
		display: inline-block;
		background: url(../img/pdficon_small.png) no-repeat 0px 8px;
		padding: 2px 0px 2px 24px;
	}
	
	.council article ul.imgBox {
		display: flex;
		justify-content: center;
		margin: 30px 0px 0px 0px;
	}
	
	.council article ul.imgBox li {
		font-size: 1.6rem;
		text-align: center;
	}
	
	.council article ul.imgBox li:not(:last-of-type) {
		margin: 0px 10px 0px 0px;
	}
	
	.council article ul.imgBox li img {
		width: 200px;
		height: auto;
	}
	
	.council article .movie {
		text-align: center;
	}
	
	.council article .movie iframe {
		margin: 30px auto 0px auto;
	}
	
	.council article .normalList {
		margin: 30px 0px 0px 24px;
	}
	
	.council article .normalList li {
		list-style-type: disc;
		font-size: 1.6rem;
	}
	
	.council article .indent10 {
		margin: 30px 0px 0px 0px;
		font-size: 1.6rem;
	}
	
	.council article .indent10 dt {
		padding: 2px 0px;
	}
	
	.council article .indent10 dd {
		margin: -2.0em 0px 0px 10em;
		padding: 2px 0px;
	}
	
	.council article .textBox {
		display: flex;
		flex-wrap: wrap;
		margin: 25px 0px 0px 0px;
	}
	
	.council article .textBox li {
		width: 50%;
		font-size: 1.6rem;
	}
	
	.council article .faqCts:first-of-type {
		margin: 40px 0px 0px 0px;
	}
	
	.council article .yBox {
		display: flex;
		margin: 30px 0px 0px 0px;
	}
	
	.council article .yBox ul {
		display: flex;
		width: 250px;
	}
	
	.council article .yBox ul li {
		margin: 0px 10px 0px 0px;
	}
	
	.council article .yBox div {
		flex: 1;
	}
	
	.council article .yBox div h6 {
		margin: 0px;
		font-size: 1.6rem;
		color: #000;
	}
	
	.council article .yBox div p {
		margin: 5px 0px 0px 0px;
		font-size: 1.6rem;
	}
	
	.council article .textList {
		margin: 25px 0px 0px 0px;
	}
	
	.council article .textList li {
		list-style-type: none;
		font-size: 1.6rem;
	}
	
	.council article .cTableA,
	.council article .cTableB {
		width: 100%;
		margin: 25px 0px 0px 0px;
		border-top: #ccc 1px solid;
	}
	
	.council article .cTableA th,
	.council article .cTableB th {
		background: #f2f2f2;
		border-bottom: #ccc 1px solid;
		font-size: 1.6rem;
		font-weight: bold;
		text-align: left;
	}
	
	.council article .cTableA th {
		width: 55%;
		padding: 8px 10px;
	}
	
	.council article .cTableB th {
		padding: 5px 10px;
	}
	
	.council article .cTableB th.w01 {
		width: 20%;
	}
	
	.council article .cTableA td,
	.council article .cTableB td {
		border-bottom: #ccc 1px solid;
		font-size: 1.6rem;
		text-align: center;
	}
	
	.council article .cTableA td {
		width: 45%;
		padding: 8px 10px;
	}
	
	.council article .cTableB td {
		width: 40%;
		padding: 5px 10px;
	}
	
	.council article table td span {
		vertical-align: super;
		font-size: 1.0rem;
	}
	
	.council article .space {
		margin: 30px 0px 0px 0px;
	}
	
	.council article .faqCts {
		font-size: 1.6rem;
	}
	
	.council article .faqCts dt {
		margin: 0px 0px 0px 2.5em;
		text-indent: -2.5em;
	}

	.council article .faqCts dt span {
		display: block;
		margin: -1.7em 0px 0px 0px;
		text-indent: 0em;
	}

	.council article .faqCts dd:not(:last-of-type) {
		padding: 0px 0px 10px 0px;
	}

	.council article .faqCts dd ul {
		margin: -1.7em 0px 0px 2.5em;
	}

	.council article .faqCts dd ul li:not(:first-of-type) {
		margin: 20px 0px 0px 0px;
	}

	.council article .faqCts dd ul li span.num {
		vertical-align: super;
		font-size: 1.0rem;
	}

	.council article .faqCts dd .space {
		display: block;
		padding: 25px 0px 0px 0px;
	}

	.council article .faqCts dt .pic {
		display: block;
		padding: 20px 0px;
	}
	
	.council article .imgFaq {
		display: flex;
		justify-content: center;
		margin: 30px 0px 30px 0px;
	}
	
	.council article .imgFaq li:not(:last-of-type) {
		margin: 0px 10px 0px 0px;
	}
	
	.council article .imgFaq li img {
		width: 200px;
		height: auto;
	}
	
	.council article .imgFaq li.wide img {
		width: 400px;
	}
	
	.council article .discussion {
		margin: 30px 0px 0px 0px;
	}
	
	.council article .discussion dt {
		font-size: 1.6rem;
		font-weight: bold;
	}
	
	.council article .discussion dt:nth-of-type(n+1) {
		margin: 15px 0px 0px 0px;
	}
	
	.council article .discussion dd {
		font-size: 1.6rem;
	}
		
	.council .paging {
		display: flex;
		justify-content: center;
	}
	
	.council .paging.top {
		margin: 45px 0px 0px 0px;
	}
	
	.council .paging.bottom {
		margin: 90px 0px 0px 0px;
		padding: 40px 0px 0px 0px;
		border-top: #decdb0 1px solid;
	}
	
	.council .paging li {
		margin: 0px 10px;
		font-size: 1.6rem;
		line-height: 30px;
		text-align: center;
	}
	
	.council .paging li a {
		display: block;
		width: 30px;
		background: #decdb0;
		border-radius: 15px;
		color: #000;
	}
	
	.council .paging li.on a {
		background: #c3e173;
	}
	
	.council .paging li a:hover {
		color: #fff;
		opacity: 0.7;
	}
	
	.actionIndex .actionLink {
		display: flex;
		flex-wrap: wrap;
		margin: 40px 0px 0px 0px;
	}
	
	.actionIndex .actionLink li {
		margin: 0px 30px 0px 0px;
		font-size: 1.8rem;
	}
	
	.actionIndex .actionLink li a {
		display: inline-block;
		padding: 0px 25px 0px 0px;
		background: url("../img/arrow_bottom.svg") no-repeat 100% 50% / 20px 20px;
		color: #765e3c;
	}
	
	.actionIndex .actionLink li a:hover {
		opacity: 0.7;
	}
	
	.actionIndex section {
		margin: 40px 0px 0px 0px;
	}
	
	.actionIndex section h2 {
		padding: 14px 10px;
		background: #decdb0;
		font-size: 2.0rem;
		text-align: center;
	}
	
	.actionIndex section article {
		border-bottom: #decdb0 1px solid;
	}
	
	.actionIndex section article a {
		display: block;
		background: url("../img/arrow_right.svg") no-repeat 100% 50% / 20px 20px;
		color: #000;
	}
	
	.actionIndex section article > span {
		display: block;
		color: #000;
	}
	
	.actionIndex section article a:hover {
		opacity: 0.7;
	}
	
	.actionIndex section article a dl,
	.actionIndex section article > span dl {
		display: flex;
		align-items: center;
		padding: 13px 0px;
	}
	
	.actionIndex section article a dl dt,
	.actionIndex section article > span dl dt {
		width: 100px;
		margin: 0px 20px 0px 0px;
		font-size: 1.6rem;
		color: #755e3c;
	}
	
	.actionIndex section article a dl dd,
	.actionIndex section article > span dl dd {
		width: 590px;
		padding: 0px 35px 0px 0px;
		box-sizing: border-box;
		font-size: 1.6rem;
	}
	
	.actionIndex section.pdf article a dl dd {
		padding: 0px 35px 0px 30px;
		background: url("../img/pdficon_small.png") no-repeat 0% 50%;
	}
	
	.actionIndex section article.pdf a dl dd {
		padding: 0px 35px 0px 30px;
		background: url("../img/pdficon_small.png") no-repeat 0% 50%;
	}
	
	.actionIndex section article a:hover dl dd {
		color: #000;
	}
	
	.action p {
		margin: 40px 0px 0px 0px;
		font-size: 1.6rem;
		word-break: break-all;
	}
	
	.action .bold {
		font-weight: bold;
	}
	
	.action p.top {
		margin: 15px 0px 0px 0px;
	}
	
	.action p.pdf a {
		display: inline-block;
		background: url(../img/pdficon_small.png) no-repeat 0px 8px;
		padding: 2px 0px 2px 24px;
	}
	
	.action .pageNav {
		display: flex;
		flex-wrap: wrap;
		margin: 40px 0px 0px 0px;
		padding: 15px 5px;
		background: #fcf5e8;
	}
	
	.action .pageNav li {
		margin: 0px 20px 0px 0px;
		font-size: 1.6rem;
	}
	
	.action .pageNav li a {
		color: #765e3c;
	}
	
	.action h2 {
		margin: 60px 0px 0px 0px;
		font-size: 2.0rem;
		text-align: center;
		color: #755e3c;
	}
	
	.action figure {
		margin: 25px 0px 0px 0px;
		text-align: center;
	}
	
	.action figure figcaption {
		margin: 15px 0px 0px 0px;
		font-size: 1.6rem;
	}
	
	.action figure.imgTwo {
		display: flex;
		justify-content: space-between;
	}
	
	.action h3 {
		margin: 60px 0px 0px 0px;
		font-size: 1.8rem;
		color: #755e3c;
	}
	
	.action .executive {
		width: 500px;
		margin: 40px 0px 0px 0px;
		background: #fff;
		border: 0;
	}

	.action .executive th {
		padding: 5px 0px;
		background: #ddd;
		font-size: 1.6rem;
		font-weight: bold;
		text-align: center;
	}

	.action .executive td {
		padding: 5px 0px;
		font-size: 1.6rem;
		vertical-align: top;
		border-bottom: #ddd 1px dotted;
	}

	.action .executive .left {
		width: 40%;
	}

	.action .executive .right {
		width: 60%;
	}
	
	.action .capList {
		margin: 25px 0px 0px 0px;
	}
	
	.action .capList li {
		font-size: 1.6rem;
	}
	
	.action .capList li.sub {
		font-size: 1.4rem;
	}
	
	.action .pdfBox {
		margin: 40px 0px 0px 0px;
		padding: 15px 30px;
		border: #decdb0 1px solid;
	}

	.action .pdfBox a {
		display: inline-block;
		background: url(../img/pdficon_small.png) no-repeat 0px 8px;
		padding: 2px 0px 2px 24px;
	}
	
	.action .normalList {
		margin: 30px 0px 0px 24px;
	}
	
	.action .normalList li {
		list-style-type: disc;
		font-size: 1.6rem;
	}
	
	.action .indent {
		margin: 40px 0px 0px 25px;
	}
	
	.action .indent li {
		list-style-type: none;
		font-size: 1.6rem;
		text-indent: -25px;
	}
	
	.action .num {
		margin: 40px 0px 0px 23px;
	}
	
	.action .num li {
		list-style-type: decimal;
		font-size: 1.6rem;
	}
	
	.action section h3 {
		margin: 40px 0px 0px 0px;
		font-size: 1.8rem;
		color: #765e3c;
	}
	
	.action section dl {
		display: flex;
		border-bottom: #ccc 1px solid;
	}
	
	.action section dl:first-of-type {
		margin: 10px 0px 0px 0px;
		border-top: #ccc 1px solid;
	}
	
	.action section dl dt {
		width: 300px;
		padding: 10px 5px;
		background: #f2f2f2;
		font-size: 1.6rem;
		font-weight: bold;
	}
	
	.action section dl dd {
		flex: 1;
		padding: 10px 5px 10px 20px;
		font-size: 1.6rem;
		text-align: right;
	}
	
	.action section dl + p {
		margin: 20px 0px 0px 0px;
	}
	
	.action .pdf {
		margin: 40px 0px 0px 0px;
	}
	
	.action .pdf figcaption a {
		display: inline-block;
		background: url(../img/pdficon_small.png) no-repeat 0px 8px;
		padding: 2px 0px 2px 24px;
	}
	
	.action.report dl.pdf {
		margin: 40px 0px 0px 0px;
		border-top: #decdb0 1px solid;
	}
	
	.action.report dl.pdf a {
		display: flex;
		align-items: center;
		padding: 13px 0px;
		border-bottom: #decdb0 1px solid;
	}
	
	.action.report dl.pdf a:hover {
		opacity: 0.7;
	}
	
	.action.report dl.pdf a dt {
		width: 100px;
		margin: 0px 20px 0px 0px;
		font-size: 1.6rem;
		color: #755e3c;
	}
	
	.action.report dl.pdf a dd {
		width: 590px;
		padding: 0px 35px 0px 30px;
		background-image: url("../img/pdficon_small.png"), url("../img/arrow_right.svg");
		background-repeat: no-repeat, no-repeat;
		background-position: 0% 50%, 100% 50%;
		background-size: 16px 16px, 20px 20px;
		box-sizing: border-box;
		font-size: 1.6rem;
		color: #000;
	}
	
	.action.report dl.pdf a.none dd {
		padding: 0px 35px 0px 0px;
		background-image: url("../img/arrow_right.svg");
		background-repeat: no-repeat;
		background-position: 100% 50%;
		background-size: 20px 20px;
	}
	
	.action.report dl.movie {
		display: flex;
		padding: 13px 0px;
		border-bottom: #decdb0 1px solid;
	}
	
	.action.report dl.movie dt {
		width: 100px;
		margin: 0px 20px 0px 0px;
		font-size: 1.6rem;
		color: #755e3c;
	}
	
	.action.report dl.movie dd {
		width: 590px;
		box-sizing: border-box;
	}
	
	.action.report dl.movie dd a {
		font-size: 1.6rem;
	}
	
	.action.report dl.movie dd a:hover {
		opacity: 0.7;
	}
	
	.action.report dl.movie dd > div {
		display: flex;
		justify-content: space-between;
	}
	
	.action.report dl.movie dd > div > div {
		width: 280px;
	}
	
	.action.report dl.movie dd > div > div p {
		margin: 20px 0px 0px 0px;
		font-size: 1.6rem;
	}
	
	.action.report dl.movie dd > div > div iframe {
		width: 280px;
		height: auto;
	}
	
	.action.report dl.movie dd > div > div iframe a {
		margin: 10px 0px 0px 0px;
	}
	
	.action .borderBox {
		margin: 40px 0px 0px 0px;
		padding: 20px 20px;
		border: #decdb0 1px solid;
	}
	
	.action .borderBox li {
		font-size: 1.6rem;
	}
	
	.action .borderBox li.pdf {
		margin: 0px;
	}
	
	.action .borderBox li a {
		padding: 2px 0px;
	}
	
	.action .borderBox li.pdf a {
		padding: 2px 0px 2px 25px;
		background: url("../img/pdficon_small.png") no-repeat 0% 50%;
	}
	
	.action .faq {
		margin: 40px 0px 0px 0px;
		border-top: #decdb0 1px solid;
	}
	
	.action .faq dt {
		margin: 20px 0px 0px 0px;
		font-size: 1.6rem;
		font-weight: bold;
		color: #765e3c;
	}
	
	.action .faq dt span {
		display: block;
		font-size: 2.0rem;
	}
	
	.action .faq dd {
		margin: 20px 0px 0px 0px;
		padding: 0px 0px 20px 0px;
		border-bottom: #decdb0 1px solid;
		font-size: 1.6rem;
	}
	
	.action .faq dd span {
		display: block;
		font-size: 2.0rem;
		font-weight: bold;
		color: #f092c8;
	}
	
	.action .faq dd span.bold {
		display: inline;
		font-size: 1.6rem;
		font-weight: bold;
		color: #000;
	}
	
	.action .imgBorder {
		margin: 40px 0px 0px 0px;
		text-align: center;
	}
	
	.action .imgBorder img {
		width: 708px;
		border: #ccc 1px solid;
	}
	
	.action .postCard {
		margin: 40px 0px 0px 0px;
		text-align: center;
	}
	
	.action .postCard img {
		width: 400px;
		height: auto;
		border: #ccc 1px solid;
	}
	
	.linkPdf {
		margin: 40px 0px 0px 0px;
	}
	
	.linkPdf li {
		font-size: 1.6rem;
	}
	
	.linkPdf li a {
		display: inline-block;
		padding: 2px 0px 2px 24px;
		background: url(../img/pdficon_small.png) no-repeat 0px 8px;
	}
	
	.linkPdf li.none a {
		padding: 0px;
		background: none;
	}
	
	.action .link {
		margin: 40px 0px 0px 0px;
	}
	
	.action .link h2 {
		font-size: 1.8rem;
		color: #765e3c;
		text-align: left;
	}
	
	.action .link ul {
		margin: 10px 0px 0px 0px;
	}
	
	.action .link ul li {
		font-size: 1.6rem;
	}
	
	.action .link ul li a {
		display: inline-block;
		padding: 2px 30px 2px 0px;
		background: url("../img/arrow_right.svg") no-repeat 100% 50% / 20px 20px;
		color: #f05b23;
	}
	
	.action .link ul li a:hover {
		opacity: 0.7;
	}
	
	.action .setMovie h3 {
		font-size: 1.8rem;
		color: #765e3c;
	}
	
	.action .setMovie div {
		text-align: center;
	}
	
	.action .setMovie div iframe {
		margin: 30px auto 0px auto;
	}
	
	.action .normal h2 {
		padding: 12px 20px;
		background: #fcf5e8;
		border-bottom: #decdb0 2px dotted;
		font-size: 2.0rem;
		color: #755E3C;
		text-align: center;
	}
	
	.action .campaign h2 {
		margin: 60px 0px 0px 0px;
		padding: 14px 10px;
		background: #decdb0;
		font-size: 2.0rem;
		text-align: center;
	}
	
	.action .campaign section h3 {
		padding: 12px 20px;
		background: #fcf5e8;
		border-bottom: #decdb0 2px dotted;
		font-size: 2.0rem;
		color: #755E3C;
		text-align: center;
	}
	
	.action .campaign section p {
		margin: 0px;
		padding: 15px 0px;
		border-bottom: #decdb0 1px solid;
	}
	
	.action .campaign section p:first-of-type {
		margin: 30px 0px 0px 0px;
	}
	
	.action .picture h2 {
		margin: 60px 0px 0px 0px;
		padding: 14px 10px;
		background: #decdb0;
		font-size: 2.0rem;
		text-align: center;
	}
	
	.action .picture > div {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		margin: 40px 0px 0px 0px;
	}
	
	.action .picture > div figure {
		width: calc(50% - 5px);
	}
	
	.action .picture > div figure.one {
		width: 100%;
	}
	
	.action .picture > div figure:nth-of-type(n+3) {
		margin: 10px 0px 0px 0px;
	}
	
	.action .picture > div figure img {
		width: 100%;
		height: auto;
	}
	
	.action .bannerEvery {
		margin: 40px 0px 0px 0px;
		text-align: left;
	}
	
	.action .bannerEvery a:hover {
		opacity: 0.7;
	}
	
	.sdgs .cleanList h3 {
		padding: 12px 20px;
		background: #fcf5e8;
		border-bottom: #decdb0 2px dotted;
		font-size: 2.0rem;
		color: #755E3C;
		text-align: center;
	}
	
	.workshopIndex section {
		margin: 40px 0px 0px 0px;
		border-top: #decdb0 1px solid;
	}
	
	.workshopIndex section article {
		border-bottom: #decdb0 1px solid;
	}
	
	.workshopIndex section article a {
		display: block;
		padding: 20px 30px 20px 0px;
		background: url("../img/arrow_right.svg") no-repeat 100% 50% / 20px 20px;
		color: #000;
	}
	
	.workshopIndex section article a:hover {
		opacity: 0.7;
	}
	
	.workshopIndex section article a h2 {
		font-size: 1.6rem;
	}
	
	.workshop .heldCts {
		margin: 40px 0px 0px 0px;
	}
	
	.workshop .heldCts h2,
	.workshop .heldSche h2,
	.workshop .heldAdd h2 {
		padding: 12px 20px;
		background: #fcf5e8;
		border-bottom: #decdb0 2px dotted;
		font-size: 2.0rem;
		color: #755E3C;
		text-align: center;
	}
	
	.workshop .heldCts h2.newT,
	.workshop .heldSche h2.newT,
	.workshop .heldAdd h2.newT {
		padding: 14px 10px;
		background: #decdb0;
		color: #000;
	}
	
	.workshop > h2.addTitle {
		margin: 40px 0px 0px 0px;
		padding: 14px 10px;
		background: #decdb0;
		font-size: 2.0rem;
		text-align: center;
	}
	
	.workshop .heldCts h2,
	.workshop .heldAdd h2 {
		margin: 40px 0px 0px 0px;
	}
	
	.workshop .heldCts > p {
		margin: 40px 0px 0px 0px;
	}
	
	.workshop .heldCts dl {
		padding: 20px 0px;
		border-bottom: #decdb0 1px solid;
	}
	
	.workshop .heldCts dl:first-of-type {
		margin: 40px 0px 0px 0px;
		border-top: #decdb0 1px solid;
	}
	
	.workshop .heldCts dl.newT {
		padding: 0px 0px 20px 0px;
		border-top: none;
		border-bottom: none;
	}
	
	.workshop .heldCts dl.newT:nth-of-type(n+2) {
		padding: 20px 0px;
	}
	
	.workshop .heldCts dl dt {
		font-size: 1.8rem;
		font-weight: bold;
		color: #765e3c;
	}
	
	.workshop .heldCts dl.newT dt {
		padding: 12px 20px;
		background: #fcf5e8;
		border-bottom: #decdb0 2px dotted;
		font-size: 2.0rem;
		color: #755E3C;
		text-align: center;
	}
	
	.workshop .heldCts dl dd {
		margin: 20px 0px 0px 0px;
	}
	
	.workshop .heldCts dl dd p {
		font-size: 1.6rem;
	}
	
	.workshop .heldCts dl dd p:not(:first-of-type) {
		margin: 20px 0px 0px 0px;
	}
	
	.workshop .heldCts dl dd .bold {
		font-weight: bold;
	}
	
	.workshop .heldCts dl.newT dd dl {
		margin: 0px;
		padding: 0px;
		border-bottom: none;
		border-top: none;
	}
	
	.workshop .heldCts dl.newT dd dl dt {
		padding: 0px;
		background: none;
		border-bottom: none;
		font-size: 1.8rem;
		font-weight: bold;
		color: #755E3C;
		text-align: left;
	}
	
	.workshop .heldCts dl.newT dd dl dd {
		margin-top: 20px;
		font-size: 1.6rem;
	}
	
	.workshop .heldCts dl.newT dd dl dd:not(:last-of-type) {
		margin-bottom: 20px;
	}
	
	.workshop .heldCts > p {
		font-size: 1.6rem;
	}
	
	.workshop .heldCts > p:not(:first-of-type) {
		margin: 30px 0px 0px 0px;
	}
    
    .workshop .heldCts dl dd ul.link li {
		font-size: 1.6rem;
	}
    
    .workshop .heldCts dl dd ul.link li.arrow a {
        padding: 0px 30px 0px 0px;
        background: url("../img/arrow_right.svg") no-repeat right center;
	}
	
	.workshop .heldSche {
		margin: 40px 0px 0px 0px;
	}
	
	.workshop .heldSche h3 {
		margin: 30px 0px 0px 0px;
		font-size: 2.0rem;
		font-weight: bold;
		color: #765e3c;
	}
	
	.workshop .heldSche table {
		width: 100%;
		margin: 30px 0px 0px 0px;
		border-top: #decdb0 1px solid;
	}
	
	.workshop .heldSche + h3 table {
		width: 100%;
		margin: 10px 0px 0px 0px;
		border-top: #decdb0 1px solid;
	}
	
	.workshop .heldSche table tr {
		border-bottom: #decdb0 1px solid;
	}
	
	.workshop .heldSche table tr th {
		width: 25%;
		padding: 20px 5px;
		background: #ddf1f5;
		font-size: 1.6rem;
		font-weight: bold;
		text-align: left;
	}
	
	.workshop .heldSche table tr td {
		padding: 20px 5px;
		font-size: 1.6rem;
		text-align: left;
	}
	
	.workshop .heldSche table tr td:nth-of-type(1) {
		width: 55%;
	}
	
	.workshop .heldSche table tr td a.entry {
		display: inline-block;
		width: 6em;
		padding: 4px 0px 2px 0px;
		text-decoration: none;
		color: #fff;
		background: #fd6512;
		border-top: solid 1px #fea270;
		border-left: solid 1px #fea270;
		border-bottom: solid 2px #d27d00;
		border-right: solid 1px #d27d00;
		border-radius: 4px;
		box-shadow: inset 0 1px 0 rgba(255,255,255,0.2), 0 1px 1px rgba(0, 0, 0, 0.19);
		font-weight: bold;
		text-align: center;
	}

	.workshop .heldSche table tr td a.entry:hover {
		opacity: 0.8;
	}

	.workshop .heldSche table tr td span.end {
		display: inline-block;
		width: 6em;
		padding: 4px 0px 2px 0px;
		color: #fff;
		background: #8fc902;
		border-top: solid 1px #b7ee31;
		border-left: solid 1px #b7ee31;
		border-bottom: solid 2px #79ab00;
		border-right: solid 1px #79ab00;
		border-radius: 4px;
		box-shadow: inset 0 1px 0 rgba(255,255,255,0.2), 0 1px 1px rgba(0, 0, 0, 0.19);
		font-weight: bold;
		text-align: center;
	}
	
	.workshop .heldSche table tr td span.sub {
		color: #0663ba;
		font-weight: bold;
	}
	
	.workshop .heldSche .box {
		margin: 40px 0px 0px 0px;
		padding: 20px 20px;
		border: #decdaf 1px solid;
	}
	
	.workshop .heldSche .box > h3 {
		margin: 0px;
	}
	
	.workshop .heldSche .box > p {
		padding: 20px 0px 0px 0px;
		font-size: 1.6rem;
	}
	
	.workshop .heldSche .eventLink {
		margin: 3px 0px 0px 0px;
		font-size: 1.6rem;
		text-align: center;
	}
	
	.workshop .heldSche .eventLink a {
		display: block;
		padding: 25px 0px;
		background: #ddf1f5;
		border: #decdb0 3px solid;
		color: #000;
	}
	
	.workshop .heldSche .eventLink a:hover {
		opacity: 0.7;
	}
	
	.workshop .heldSche .eventLink a span {
		display: inline-block;
		margin: 0px 0px 0px 1em;
		color: #f05b23;
	}
	
	.workshop .heldSche .thanks {
		margin: 30px 0px 0px 0px;
		font-size: 2.0rem;
		font-weight: bold;
		color: #765e3c;
		text-align: center;
	}
	
	.workshop .heldSche > p.link {
		padding: 5px 0px 0px 0px;
		font-size: 1.6rem;
	}
	
	.workshop .heldSche > p.link a {
		display: inline-block;
        padding: 0px 30px 0px 0px;
        background: url("../img/arrow_right.svg") no-repeat 100% 50%;
        background-size: 20px 20px;
	}
	
	.workshop .heldSche .workshopBanner {
		margin: 20px 0px 0px 0px;
		padding: 0px 0px 40px 0px;
	}
	
	.workshop .heldSche .workshopBanner img {
		width: 100%;
		height: auto;
	}
	
	.workshop .heldAdd h3 {
		margin: 40px 0px 0px 0px;
		font-size: 2.0rem;
		color: #755e3c;
		text-align: center;
	}
	
	.workshop .heldAdd h4 {
		margin: 25px 0px 0px 0px;
		font-size: 1.6rem;
		font-weight: bold;
	}
	
	.workshop .heldAdd p {
		font-size: 1.6rem;
	}
	
	.workshop .wsMovie {
		margin: 40px 0px 0px 0px;
	}
	
	.workshop .wsMovie h3 {
		padding: 14px 10px;
		background: #decdb0;
		font-size: 2.0rem;
		text-align: center;
	}
	
	.workshop .wsMovie > p {
		margin: 40px 0px 0px 0px;
		font-size: 1.6rem;
	}
	
	.workshop .wsMovie section {
		margin: 40px 0px 0px 0px;
	}
	
	.workshop .wsMovie section h4 {
		padding: 12px 20px;
		background: #fcf5e8;
		border-bottom: #decdb0 2px dotted;
		font-size: 2.0rem;
		color: #755E3C;
		text-align: center;
	}
	
	.workshop .wsMovie section .vimeo {
		width: 100%;
		max-width: 640px;
		margin: 40px auto 0px auto;
		text-align: center;
	}
	
	.workshop .wsMovie section .vimeo div {
		width: 100%;
		height: 0;
		padding: 56% 0px 0px 0px;
		position: relative;
	}
	
	.workshop .wsMovie section .vimeo div iframe {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
	
	.workshop .wsMovie section .name {
		margin: 30px 0px 0px 0px;
		font-size: 1.8rem;
		color: #755E3C;
	}
	
	.workshop .wsMovie section .description {
		margin: 20px 0px 0px 0px;
		font-size: 1.6rem;
	}
	
	.link section {
		margin: 40px 0px 0px 0px;
	}
	
	.link section h2 {
		padding: 12px 20px;
		background: #fcf5e8;
		border-bottom: #decdb0 2px dotted;
		font-size: 2.0rem;
		color: #755E3C;
		text-align: center;
	}
	
	.link section ul {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	
	.link section > ul {
		margin: 35px 0px 0px 0px;
		padding: 0px 0px 10px 0px;
		border-bottom: #decdb0 1px solid;
	}
	
	.link section > ul > li {
		width: 340px;
		font-size: 1.8rem;
	}
	
	.link section > ul > li.exist {
		width: 710px;
	}
	
	.link section > ul > li.one {
		width: 710px;
	}
	
	.link section > ul > li > a,
	.link section > ul > li.one > a {
		display: block;
		width: 340px;
		padding: 5px 30px 5px 0px;
		background: url("../img/arrow_right.svg") no-repeat 100% 9px / 20px 20px;
		box-sizing: border-box;
		color: #765e3c;
	}
	
	.link section > ul > li.one > a {
		width: 710px;
	}
	
	.link section > ul > li > a:hover {
		opacity: 0.7;
	}
	
	.link section > ul > li > span {
		display: block;
		padding: 5px 30px 5px 0px;
	}
	
	.link section ul > li ul li {
		width: 340px;
		font-size: 1.8rem;
	}
	
	.link section ul > li ul li a {
		display: inline-block;
		padding: 2px 0px;
		color: #f15a24;
	}
	
	.link section ul > li ul li a:hover {
		opacity: 0.7;
	}
	
	.brochure > article {
		margin: 40px 0px 0px 0px;
	}
	
	.brochure > article h2 {
		padding: 14px 10px;
		background: #decdb0;
		font-size: 2.0rem;
		text-align: center;
	}
	
	.brochure .pamphlet .pamphletList {
		margin: 20px 0px 0px 0px;
	}
	
	.brochure .pamphlet .pamphletList > li {
		display: flex;
		justify-content: space-between;
		padding: 20px 0px;
		border-bottom: #decdb0 1px solid;
	}
	
	.brochure .pamphlet .pamphletList > li:nth-of-type(1) {
		border-top: #decdb0 1px solid;
	}
	
	.brochure .pamphlet .pamphletList > li figure {
		width: 108px;
		text-align: center;
	}
	
	.brochure .pamphlet .pamphletList > li figure a img {
		border: #decdb0 1px solid;
		width: 106px;
		height: auto;
	}
	
	.brochure .pamphlet .pamphletList > li figure.s a img {
		width: 72px;
		margin: 0px auto;
	}
	
	.brochure .pamphlet .pamphletList > li figure a:hover {
		opacity: 0.7;
	}
	
	.brochure .pamphlet .pamphletList > li div {
		width: 570px;
	}
	
	.brochure .pamphlet .pamphletList > li div h3 {
		font-size: 1.6rem;
		font-weight: normal;
	}
	
	.brochure .pamphlet .pamphletList > li div h3 a {
		display: inline-block;
		padding: 0px 0px 0px 25px;
		background: url("../img/pdficon_small.png") no-repeat 0px 5px;
	}
	
	.brochure .pamphlet .pamphletList > li div h3 a:hover {
		opacity: 0.7;
	}
	
	.brochure .pamphlet .pamphletList > li div h3 span {
		color: #61adff;
		font-weight: bold;
	}
	
	.brochure .pamphlet .pamphletList > li div p {
		padding: 0px 0px 0px 25px;
		font-size: 1.6rem;
	}
	
	.brochure .pamphlet .pamphletList > li div ul {
		display: flex;
		justify-content: flex-start;
		margin: 20px 0px 0px 0px;
	}
	
	.brochure .pamphlet .pamphletList > li div ul li {
		width: 74px;
		height: 40px;
		margin: 0px 2px 0px 0px;
		padding: 0px 0px 0px 29px;
		border-radius: 3px;
		background-color: #efefef;
		background-repeat: no-repeat;
		background-position: 2px 50%;
		font-size: 1.3rem;
		line-height: 40px;
		letter-spacing: 0px;
		color: #fff;
	}
	
	.brochure .pamphlet .pamphletList > li div ul li:nth-of-type(1) {
		background-image: url("../img/brochure_icon01.svg");
		background-size: 25px 25px;
	}
	
	.brochure .pamphlet .pamphletList > li div ul li:nth-of-type(1).on {
		background-color: #ffcc00;
	}
	
	.brochure .pamphlet .pamphletList > li div ul li:nth-of-type(2) {
		background-image: url("../img/brochure_icon02.svg");
		background-size: 25px 25px;
	}
	
	.brochure .pamphlet .pamphletList > li div ul li:nth-of-type(2).on {
		background-color: #ff9966;
	}
	
	.brochure .pamphlet .pamphletList > li div ul li:nth-of-type(3) {
		background-image: url("../img/brochure_icon03.svg");
		background-size: 25px 25px;
	}
	
	.brochure .pamphlet .pamphletList > li div ul li:nth-of-type(3).on {
		background-color: #99cc66;
	}
	
	.brochure .pamphlet .pamphletList > li div ul li:nth-of-type(4) {
		background-image: url("../img/brochure_icon04.svg");
		background-size: 25px 25px;
	}
	
	.brochure .pamphlet .pamphletList > li div ul li:nth-of-type(4).on {
		background-color: #ed7c81;
	}
	
	.brochure .pamphlet .pamphletList > li div ul li:nth-of-type(5) {
		background-image: url("../img/brochure_icon05.svg");
		background-size: 25px 25px;
	}
	
	.brochure .pamphlet .pamphletList > li div ul li:nth-of-type(5).on {
		background-color: #82b9e3;
	}
	
	.brochure .pamphlet .pamphletList > li div ul li:nth-of-type(6) {
		background-image: url("../img/brochure_icon06.svg");
		background-size: 25px 25px;
	}
	
	.brochure .pamphlet .pamphletList > li div ul li:nth-of-type(6).on {
		background-color: #c5bf66;
	}
	
	.pdfDownload {
		margin: 40px 0px 0px 0px;
		padding: 10px 20px;
		background: #fcf5e8;
		font-size: 1.4rem;
	}
	
	.pdfDownload img {
		float: left;
		margin: 6px 20px 0px 0px;
	}
	
	.brochure .pamphlet h4 {
		margin: 30px 0px 0px 0px;
		font-size: 1.8rem;
		color: #765e3c;
	}
	
	.brochure .pamphlet ul.link {
		margin: 20px 0px 0px 0px;
	}
	
	.brochure .pamphlet ul.link li {
		font-size: 1.6rem;
	}
	
	.brochure .pamphlet ul.link li a {
		display: inline-block;
		padding: 2px 30px 2px 0px;
		background: url("../img/arrow_right.svg") no-repeat right center / 20px 20px;
	}
	
	.movie h2 {
		padding: 14px 10px;
		background: #decdb0;
		font-size: 2.0rem;
		text-align: center;
	}
	
	.movie .relation h2 {
		margin: 40px 0px 0px 0px;
	}
	
	.movie .relation section p {
		margin: 25px 0px 0px 0px;
		font-size: 1.6rem;
	}
	
	.movie .relation section h3 {
		margin: 40px 0px 0px 0px;
		font-size: 1.8rem;
		color: #765e3c;
	}
	
	.movie .relation section h3 span {
		font-size: 1.6rem;
		font-weight: normal;
		color: #000;
	}
	
	.movie .relation section figure {
		margin: 20px auto 0px auto;
		text-align: center;
	}
	
	.movie .relation section > div {
		margin: 30px 0px 0px 0px;
		text-align: center;
		font-size: 0;
	}
	
	.movie .relation section div iframe {
		margin: 0px auto;
	}
	
	.movie .relation section ul.movie {
		display: flex;
		justify-content: flex-end;
		width: 548px;
		margin: 10px auto 0px auto;
		padding: 0px 100px 0px 0px;
		background: url("../img/brochure_youtube.jpg") no-repeat 100% 5px;
		box-sizing: border-box;
	}
	
	.movie .relation section ul.movie li {
		margin: 0px 20px 0px 0px;
		font-size: 1.6rem;
	}
	
	.movie .relation section ul.movie li.pend {
		display: none;
	}
	
	.movie .relation section ul.movie li a {
		display: inline-block;
		padding: 0px 22px 0px 0px;
		background: url("../img/arrow_right.svg") no-repeat 100% 4px / 20px 20px;
	}
	
	.movie .relation section ul.movie li a:hover {
		opacity: 0.7;
	}
	
	.movie .rental {
		margin: 40px 0px 0px 0px;
	}
	
	.movie .rental p {
		margin: 30px 0px 0px 0px;
		font-size: 1.6rem;
	}
	
	.movie .rental section {
		display: flex;
		justify-content: space-between;
		margin: 30px 0px 0px 0px;
		padding: 0px 0px 30px 0px;
		border-bottom: #decdb0 1px solid;
	}
	
	.movie .rental section:first-of-type {
		padding: 30px 0px 30px 0px;
		border-top: #decdb0 1px solid;
	}
	
	.movie .rental section div {
		width: 335px;
	}
	
	.movie .rental section div h3 {
		font-size: 1.8rem;
		color: #765e3c;
	}
	
	.movie .rental section div p {
		margin: 20px 0px 0px 0px;
		font-size: 1.6rem;
	}
	
	.movie .rental section div p a {
		display: inline-block;
		padding: 2px 30px 2px 0px;
		background: url("../img/arrow_right.svg") no-repeat 100% 50% / 20px 20px;
	}
	
	.movie .rental section figure {
		width: 355px;
	}
	
	.movie .rental section figure img {
		width: 100%;
		height: auto;
	}
	
	.movie .movieNew {
		margin: 40px 0px 0px 0px;
	}
	
	.movie .movieNew p {
		font-size: 1.6rem;
	}
	
	.movie .movieNew h2 {
		margin: 40px 0px 0px 0px;
	}
	
	.movie .movieNew section {
		display: flex;
		justify-content: space-between;
		margin: 30px 0px 0px 0px;
		padding: 0px 0px 30px 0px;
		border-bottom: #decdb0 1px solid;
	}
	
	.movie .movieNew section:first-of-type {
		padding: 30px 0px 30px 0px;
		border-top: #decdb0 1px solid;
	}
	
	.movie .movieNew section div {
		width: 335px;
	}
	
	.movie .movieNew section div h3 {
		font-size: 1.8rem;
		color: #765e3c;
	}
	
	.movie .movieNew section div figure {
		margin: 20px 0px 0px 0px;
	}
	
	.movie .movieNew section div figure img {
		width: 100px;
		height: auto;
	}
	
	.movie .movieNew section iframe {
		width: 355px;
	}
	
	.sdgsBanner {
		margin: 60px 0px 0px 0px;
	}
	
	.sdgsBanner dl {
		text-align: center;
	}
	
	.sdgsBanner dl dt {
		font-size: 1.6rem;
	}
	
	.sdgsBanner dl dd {
		margin: 10px 0px 0px 0px;
		padding: 40px 10px;
		background: #f1f1f1;
	}
	
	.sdgsBanner dl dd figure img {
		width: 386px;
		height: auto;
	}
	
	.sdgs > p {
		margin: 40px 0px 0px 0px;
		font-size: 1.6rem;
	}
	
	.sdgs .exp {
		margin: 40px 0px 0px 0px;
	}
	
	.sdgs .exp dl {
		padding: 20px 0px;
		border-bottom: #decdb0 1px solid;
	}
	
	.sdgs .exp dl:first-of-type {
		border-top: #decdb0 1px solid;
	}
	
	.sdgs .exp dl dt {
		font-size: 1.8rem;
		font-weight: bold;
		color: #765e3c;
	}
	
	.sdgs .exp dl dd {
		margin: 15px 0px 0px 0px;
		text-align: left;
	}
	
	.sdgs .exp dl dd p {
		font-size: 1.6rem;
	}
	
	.sdgs .exp dl dd p:not(:first-of-type) {
		margin: 20px 0px 0px 0px;
	}
	
	.sdgs .exp dl dd figure {
		margin: 20px 0px 0px 0px;
	}
	
	.sdgs h2 {
		margin: 60px 0px 0px 0px;
		padding: 14px 10px;
		background: #decdb0;
		font-size: 2.0rem;
		text-align: center;
	}
	
	.sdgs h2.sdgsSub {
		margin: 0px;
		padding: 6px 0px;
		background: #5ccaf4;
		font-size: 1.8rem;
		font-weight: 500;
		color: #fff;
	}
	
	.sdgs .cleanList {
		margin: 40px 0px 0px 0px;
	}
	
	.sdgs .cleanList .right {
		font-size: 1.6rem;
		text-align: right;
	}
	
	.sdgs .cleanList h3 {
		padding: 12px 20px;
		background: #fcf5e8;
		border-bottom: #decdb0 2px dotted;
		font-size: 2.0rem;
		color: #755E3C;
		text-align: center;
	}
	
	.sdgs .cleanList h3:not(:first-of-type) {
		margin: 60px 0px 0px 0px;
	}
	
	.sdgs .cleanList h3 + div {
		margin: 30px 0px 0px 0px;
		border-top: #decdb0 1px solid;
	}
	
	.sdgs .cleanList div {
		padding: 15px 0px;
		border-bottom: #decdb0 1px solid;
	}
	
	.sdgs .cleanList div dl {
		display: flex;
	}
	
	.sdgs .cleanList div dl dt {
		width: 460px;
		font-size: 1.6rem;
		font-weight: bold;
		color: #765e3c;
	}
	
	.sdgs .cleanList div dl dd {
		width: 250px;
		font-size: 1.6rem;
	}
	
	.sdgs .cleanList div p {
		font-size: 1.6rem;
	}
	
	.sdgs .cleanList .com {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		margin: 40px 0px 0px 0px;
	}
	
	.sdgs .cleanList .com li {
		width: calc(50% - 5px);
		padding: 12px 0px;
		border-bottom: #decdb0 1px solid;
		font-size: 1.6rem;
		font-weight: bold;
		color: #765e3c;
	}
	
	.sdgs .cleanList .com li:nth-of-type(1),
	.sdgs .cleanList .com li:nth-of-type(2) {
		border-top: #decdb0 1px solid;
	}
	
	.sdgs .example {
		margin: 60px 0px 0px 0px;
	}
	
	.sdgs .example h3 {
		padding: 14px 10px;
		background: #decdb0;
		font-size: 2.0rem;
		text-align: center;
	}
	
	.sdgs .example p {
		margin: 40px 0px 0px 0px;
		font-size: 1.6rem;
	}
	
	.sdgs .research h3 {
		margin: 40px 0px 0px 0px;
		font-size: 2.0rem;
		color: #755e3c;
	}
	
	.sdgs .research p {
		margin: 30px 0px 0px 0px;
		font-size: 1.6rem;
	}
	
	.sdgs .subTitle {
		margin: 5px 0px 0px 0px;
		text-align: right;
	}
	
	.sdgs .comList {
		margin: 40px 0px 0px 0px;
		border-top: #decdb0 1px solid;
	}
	
	.sdgs .comList section {
		padding: 15px 0px;
		border-bottom: #decdb0 1px solid;
	}
	
	.sdgs .comList section h3 {
		font-size: 1.6rem;
		color: #755e3c;
	}
	
	.sdgs .comList section p {
		margin: 5px 0px 0px 0px;
		font-size: 1.6rem;
	}
	
	.sdgs .picList {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		margin: 40px 0px 0px 0px;
	}
	
	.sdgs .picList figure {
		width: calc(50% - 5px);
	}
	
	.sdgs .picList figure.one {
		width: 100%;
	}
	
	.sdgs .picList figure:nth-of-type(n+3) {
		margin: 10px 0px 0px 0px;
	}
	
	.sdgs .picList figure img {
		width: 100%;
		height: auto;
	}
	
	.sdgs .paging {
		display: flex;
		justify-content: center;
	}
	
	.sdgs .paging.top {
		margin: 45px 0px 0px 0px;
	}
	
	.sdgs .paging.bottom {
		margin: 90px 0px 0px 0px;
		padding: 40px 0px 0px 0px;
		border-top: #decdb0 1px solid;
	}
	
	.sdgs .paging li {
		margin: 0px 10px;
		font-size: 1.6rem;
		line-height: 30px;
		text-align: center;
	}
	
	.sdgs .paging li a {
		display: block;
		width: 30px;
		background: #decdb0;
		border-radius: 15px;
		color: #000;
	}
	
	.sdgs .paging li.on a {
		background: #c3e173;
	}
	
	.sdgs .paging li a:hover {
		color: #fff;
		opacity: 0.7;
	}
	
	.sdgs .linkList {
		margin: 30px 0px 0px 0px;
	}
	
	.sdgs .linkList li {
		margin: 1px 0px;
		font-size: 1.6rem;
	}
	
	.sdgs .linkList li a {
		display: inline-block;
		padding: 3px 30px 3px 0px;
		background: url("../img/arrow_right.svg") no-repeat 100% 50% / 20px 20px;
		color: #765e3c;
	}
	
	.sdgs .linkList li a:hover {
		opacity: 0.7;
	}
	
	.sdgs .comment ul {
		margin: 30px 0px 0px 0px;
	}
	
	.sdgs .comment ul li {
		font-size: 1.6rem;
	}
	
	.sdgs .picture {
		margin: 60px 0px 0px 0px;
	}
	
	.sdgs .picture h3 {
		padding: 12px 20px;
		background: #fcf5e8;
		border-bottom: #decdb0 2px dotted;
		font-size: 2.0rem;
		color: #755E3C;
		text-align: center;
	}
	
	.sdgs .sdgsIcon {
		display: flex;
		margin: 45px 0px 0px 0px;
		padding: 40px 0px 0px 0px;
		border-top: #decdb0 1px solid;
	}
	
	.sdgs .sdgsIcon li:not(:last-of-type) {
		margin: 0px 30px 0px 0px;
	}
	
	.sdgsList {
		margin: 40px 0px 0px 0px;
	}
	
	.sdgsList li {
		border-bottom: #dccbaf 1px solid;
		font-size: 1.6rem;
	}
	
	.sdgsList li a {
		display: block;
		padding: 10px 30px 10px 0px;
		background: url("../img/arrow_right.svg") no-repeat 100% 50% / 20px 20px;
		color: #000;
	}
	
	.sdgsList li a:hover {
		opacity: 0.7;
	}
	
	.sdgsMedia > .vimeo {
		width: 640px;
		margin: 40px auto 0px auto;
	}

	.sdgsMedia > .vimeo iframe {
		width: 640px;
		height: 360px;
	}
	
	.sdgsMedia > .comment {
		width: 640px;
		margin: 40px auto 0px auto;
	}
	
	.sdgsMedia > .comment figure img {
		width: 640px;
		border: #ddd 1px solid;
	}
	
	.sdgsMedia > .comment p {
		margin: 10px 0px 0px 0px;
		font-size: 1.6rem;
	}
	
	.sdgsMedia > .pdfList {
		width: 640px;
		margin: 20px auto 0px auto;
	}
	
	.sdgsMedia > .pdfList li {
		font-size: 1.6rem;
		line-height: 1.7;
	}
	
	.sdgsMedia > .pdfList li:not(:first-of-type) {
		margin: 5px 0px 0px 0px;
	}
	
	.sdgsMedia > .pdfList li a {
		display: inline-block;
		padding: 0px 0px 0px 25px;
		background: url("../img/pdficon_small.png") no-repeat 0px 4px;
		color: #000;
	}
	
	.sdgsMedia > .pdfList li a:hover {
		opacity: 0.7;
	}
	
	.delivery section {
		margin: 40px 0px 0px 0px;
	}
	
	.delivery section h2 {
		padding: 12px 20px;
		background: #fcf5e8;
		border-bottom: #decdb0 2px dotted;
		font-size: 2.0rem;
		color: #755E3C;
		text-align: center;
	}
	
	.delivery section div {
		margin: 20px 0px 0px 0px;
		text-align: center;
	}
	
	.delivery section div iframe {
		margin: 0px auto;
	}
	
	.introduction article {
		margin: 40px 0px 0px 0px;
	}
	
	.introduction article figure {
		text-align: center;
	}
	
	.introduction article p {
		margin: 40px 0px 0px 0px;
		font-size: 1.6rem;
	}
	
	.about .outline {
		margin: 40px 0px 0px 0px;
	}
	
	.about .outline h2 {
		padding: 14px 10px;
		background: #decdb0;
		font-size: 2.0rem;
		text-align: center;
	}
	
	.about .outline dl {
		padding: 20px 0px;
		border-bottom: #decdb0 1px solid;
	}
	
	.about .outline dl:first-of-type {
		margin: 40px 0px 0px 0px;
		border-top: #decdb0 1px solid;
	}
	
	.about .outline dl dt {
		font-size: 1.8rem;
		font-weight: bold;
		color: #765e3c;
	}
	
	.about .outline dl dd {
		margin: 15px 0px 0px 0px;
		font-size: 1.6rem;
	}
	
	.about .outline dl dd ul {
		margin: 0px 0px 0px 22px;
	}
	
	.about .outline dl dd ul li {
		list-style-type: disc;
		font-size: 1.6rem;
	}
	
	.about .outline p {
		margin: 10px 0px 0px 0px;
		font-size: 1.6rem;
	}
	
	.about .map {
		margin: 40px 0px 0px 0px;
	}
	
	.about .map h2 {
		font-size: 1.8rem;
		color: #765e3c;
	}
	
	.about .map div {
		margin: 10px 0px 0px 0px;
		border: #ddd 1px solid;
	}
	
	.about .map div iframe {
		vertical-align: bottom;
	}
	
	.about .map p {
		font-size: 1.6rem;
	}
	
	.about .map p a {
		display: inline-block;
		margin: 10px 0px 0px 0px;
		padding: 4px 22px 4px 0px;
		background: url("../img/arrow_right.svg") no-repeat 100% 7px / 20px 20px;
	}
	
	.about .history {
		margin: 40px 0px 0px 0px;
	}
	
	.about .history h2 {
		padding: 14px 10px;
		background: #decdb0;
		font-size: 2.0rem;
		text-align: center;
	}
	
	.about .history section {
		margin: 40px 0px 0px 0px;
	}
	
	.about .history section h3 {
		font-size: 1.8rem;
		color: #765e3c;
	}
	
	.about .history section dl {
		display: flex;
		border-bottom: #decdb0 1px solid;
	}
	
	.about .history section dl:first-of-type {
		margin: 10px 0px 0px 0px;
		border-top: #decdb0 1px solid;
	}
	
	.about .history section dl dt {
		width: 180px;
		padding: 10px 5px;
		background: #dae9f7;
		font-size: 1.6rem;
		font-weight: bold;
	}
	
	.about .history section dl dt span {
		font-weight: normal;
	}
	
	.about .history section dl dd {
		flex: 1;
		padding: 10px 5px 10px 20px;
		font-size: 1.6rem;
	}
	
	.executive article h2 {
		padding: 15px 0px 10px 0px;
		font-size: 2.0rem;
		color: #765e3c;
		text-align: center;
	}
	
	.executive article h2:first-of-type {
		margin: 40px 0px 0px 0px;
		border-top: #decdb0 1px solid;
	}
	
	.executive article dl {
		display: flex;
		flex-wrap: wrap;
		padding: 0px 0px 15px 0px;
		border-bottom: #decdb0 1px solid;
	}
	
	.executive article dl dt {
		width: 140px;
		padding: 5px 0px;
		font-size: 1.6rem;
		font-weight: bold;
	}
	
	.executive article dl dd {
		width: 570px;
		padding: 5px 0px;
		font-size: 1.6rem;
	}
	
	.executive .renewDay {
		margin: 15px 0px 0px 0px;
		font-size: 1.6rem;
	}
	
	.statement article {
		margin: 40px 0px 0px 0px;
	}
	
	.statement article h2 {
		margin: 0px 0px 20px 0px;
		font-size: 2.0rem;
		text-align: center;
		color: #765e3c;
	}
	
	.statement article section {
		padding: 30px 0px 30px 0px;
		border-bottom: #decdb0 1px solid;
	}
	
	.statement article section:first-of-type {
		border-top: #decdb0 1px solid;
	}
	
	.statement article section h3 {
		font-size: 2.0rem;
		color: #765e3c;
	}
	
	.statement article section h3 + ul {
		margin: 10px 0px 0px 0px;
	}
	
	.statement article section ul li {
		font-size: 1.6rem;
	}
	
	.statement article section ul li a {
		display: block;
		padding: 0px 0px 0px 25px;
		background: url("../img/pdficon_small.png") no-repeat 0px 5px;
	}
	
	.statement article section ul li a:hover {
		opacity: 0.7;
	}
	
	.statement article section ul li h4 {
		margin: 0px 0px 0px 25px;
		font-size: 1.6rem;
		font-weight: normal;
	}
	
	.statement article section ul li div {
		margin: 0px 0px 0px 25px;
	}
	
	.consult .topBox {
		display: flex;
		margin: 60px 0px 0px 0px;
	}
	
	.consult .topBox figure {
		width: 156px;
		margin: 0px 45px 0px 0px;
	}
	
	.consult .topBox figure img {
		width: 156px;
		height: auto;
	}
	
	.consult .topBox p {
		font-size: 1.6rem;
	}
	
	.consult section {
		margin: 50px 0px 0px 0px;
	}
	
	.consult section h2 {
		padding: 14px 10px;
		background: #decdb0;
		font-size: 2.0rem;
		text-align: center;
	}
	
	.consult .food p {
		margin: 40px 0px 0px 0px;
		font-size: 1.6rem;
	}
	
	.consult .food .pic {
		display: flex;
		justify-content: space-between;
		margin: 40px 0px 0px 0px;
	}
	
	.consult .food .pic figure {
		width: 340px;
	}
	
	.consult .food .pic figure img {
		width: 340px;
		height: auto;
	}
	
	.consult section h3 {
		margin: 40px 0px 0px 0px;
		padding: 12px 20px;
		background: #fcf5e8;
		border-bottom: #decdb0 2px dotted;
		font-size: 2.0rem;
		color: #755E3C;
		text-align: center;
	}
	
	.consult .food .area {
		display: flex;
		justify-content: space-between;
		margin: 40px 0px 0px 0px;
	}
	
	.consult .food .area dl {
		width: 324px;
	}
	
	.consult .food .area dl dt {
		font-size: 2.0rem;
		font-weight: bold;
		color: #755e3c;
		text-align: center;
	}
	
	.consult .food .area dl dd {
		margin: 20px 0px 0px 0px;
		font-size: 1.6rem;
	}
	
	.consult .food .area dl dd p {
		margin: 0px;
	}
	
	.consult .reception p {
		margin: 40px 0px 0px 0px;
		font-size: 1.6rem;
	}
	
	.consult .reception div {
		display: flex;
		justify-content: space-between;
		margin: 55px 0px 0px 0px;
	}
	
	.consult .reception div dl {
		width: 340px;
		margin: 0px 4px 0px 0px;
		padding: 10px 0px;
		border: #dccbae 1px solid;
		box-shadow: 4px 4px 0px 0px #dccbae;
		text-align: center;
		color: #755e3c;
	}
	
	.consult .reception div dl dt {
		font-size: 2.0rem;
	}
	
	.consult .reception div dl dd {
		display: inline-block;
		padding: 2px 0px 2px 48px;
		background: url("../img/icon_tel.svg") no-repeat left center / 40px 40px;
		font-size: 2.8rem;
	}
	
	.topics .topBox,
	.training .topBox {
		display: flex;
		margin: 60px 0px 0px 0px;
	}
	
	.topics .topBox figure {
		width: 156px;
		margin: 0px 45px 0px 0px;
	}
	
	.training .topBox figure {
		width: 154px;
		margin: 0px 45px 0px 0px;
	}
	
	.topics .topBox figure img {
		width: 156px;
		height: auto;
	}
	
	.training .topBox figure img {
		width: 154px;
		height: auto;
	}
	
	.topics .topBox dl dt,
	.training .topBox dl dt {
		font-size: 1.6rem;
		font-weight: bold;
		color: #61aeff;
	}
	
	.topics .topBox dl dt span,
	.training .topBox dl dt span {
		display: inline-block;
		font-size: 1.8rem;
	}
	
	.topics .topBox dl dt span:nth-of-type(1),
	.training .topBox dl dt span:nth-of-type(1) {
		transform: rotate(-20deg);
	}
	
	.topics .topBox dl dt span:nth-of-type(2),
	.training .topBox dl dt span:nth-of-type(2) {
		transform: rotate(20deg);
	}
	
	.topics .topBox dl dd,
	.training .topBox dl dd {
		margin: 5px 0px 0px 0px;
		font-size: 1.6rem;
	}
	
	.topics .link {
		display: flex;
		margin: 50px 0px 0px 0px;
	}
	
	.topics .link li {
		font-size: 1.6rem;
	}
	
	.topics .link li a {
		margin: 0px 25px 0px 0px;
		padding: 0px 30px 0px 0px;
		background: url("../img/arrow_bottom.svg") no-repeat right center / 20px 20px;
		color: #755e3c;
	}
	
	.topics .link li a:hover {
		opacity: 0.7;
	}
	
	.topics h2,
	.training h2 {
		margin: 45px 0px 0px 0px;
		padding: 12px 0px;
		background: #decdb0;
		font-size: 2.0rem;
		text-align: center;
	}
	
	.topics > p,
	.training > p {
		margin: 40px 0px 0px 0px;
		font-size: 1.6rem;
	}
	
	.topics .detail dl dt,
	.training .detail dl dt {
		margin: 30px 0px 0px 0px;
		font-size: 1.8rem;
		font-weight: bold;
		color: #755e3c;
	}
	
	.topics .detail dl dd,
	.training .detail dl dd {
		font-size: 1.6rem;
	}
	
	.topics .cource,
	.training .cource {
		padding: 20px 0px 0px 0px;
	}
	
	.topics .cource dl,
	.training .cource dl {
		display: flex;
		margin: 20px 0px 0px 0px;
		border: #009944 1px solid;
	}
	
	.topics .cource dl dt,
	.training .cource dl dt {
		width: 200px;
		padding: 10px 0px;
		background: #009944;
		clip-path: polygon(0% 0%, 0% 100%, 95% 100%, 100% 0%);
		font-size: 1.8rem;
		text-align: center;
		color: #fff;
	}
	
	.topics .cource dl dd,
	.training .cource dl dd {
		padding: 10px 0px 10px 25px;
		font-size: 1.8rem;
		color: #009944;
	}
	
	.topics .program,
	.training .program {
		margin: 50px 0px 0px 0px;
	}
	
	.topics .program h3,
	.training .program h3 {
		padding: 12px 20px;
		background: #fcf5e8;
		border-bottom: #decdb0 2px dotted;
		font-size: 2.0rem;
		color: #755E3C;
		text-align: center;
	}
	
	.topics .talk,
	.training .talk,
	.topics .task,
	.training .task,
	.topics .movie {
		margin: 40px 0px 0px 0px;
	}
	
	.topics .talk > dt,
	.training .talk > dt,
	.topics .task > dt,
	.training .task > dt,
	.topics .movie > dt {
		padding: 0px 0px 10px 0px;
		font-size: 1.8rem;
		font-weight: bold;
		text-align: center;
		position: relative;
	}
	
	.topics .talk > dt::before,
	.training .talk > dt::before,
	.topics .task > dt::before,
	.training .task > dt::before,
	.topics .movie > dt::before {
		content: " ";
		width: 400px;
		height: 4px;
		background: #e2ddcf;
		position: absolute;
		left: 155px;
		bottom: 0px;
	}
	
	.topics .talk > dt::after,
	.training .talk > dt::after,
	.topics .movie > dt::after {
		content: " ";
		width: 100px;
		height: 4px;
		background: #009944;
		position: absolute;
		left: 305px;
		bottom: 0px;
	}
	
	.topics .task > dt::after,
	.training .task > dt::after {
		content: " ";
		width: 100px;
		height: 4px;
		background: #f42f71;
		position: absolute;
		left: 305px;
		bottom: 0px;
	}
	
	.topics .talk > dt span,
	.training .talk > dt span,
	.topics .movie > dt span {
		display: inline-block;
		padding: 0px 10px 0px 0px;
		color: #009944;
	}
	
	.topics .movie > dt span.only {
		margin: 0px 0px 0px 10px;
		padding: 0px 6px;
		background: #fc8a37;
		color: #fff;
	}
	
	.topics .task > dt span,
	.training .task > dt span {
		display: inline-block;
		padding: 0px 10px 0px 0px;
		color: #f42f71;
	}
	
	.topics .talk > dd {
		display: flex;
		min-height: 154px;
		margin: 30px 0px 0px 0px;
	}
	
	.topics .talk > dd .left {
		width: 507px;
		border-right: #aa9f81 2px dashed;
	}
	
	.topics .talk dd > .left p {
		padding: 0px 0px 0px 164px;
		font-size: 1.6rem;
	}
	
	.topics .talk:nth-of-type(1) > dd .left {
		background: url("../img/topics_program_01.jpg") no-repeat left center;
	}
	
	.topics .talk:nth-of-type(2) > dd .left {
		background: url("../img/topics_program_02.jpg") no-repeat left center;
	}
	
	.topics .talk:nth-of-type(3) > dd .left {
		background: url("../img/topics_program_03.jpg") no-repeat left center;
	}
	
	.topics .talk:nth-of-type(4) > dd .left {
		background: url("../img/topics_program_04.jpg") no-repeat left center;
	}
	
	.topics .talk > dd .right {
		display: flex;
		justify-content: center;
		align-items: center;
		width: 200px;
	}
	
	.topics .talk > dd .right dl dt {
		padding: 0px 0px 20px 0px;
		background: url("../img/topics_program_line.gif") no-repeat center bottom;
		font-size: 1.6rem;
		text-align: center;
	}
	
	.topics .talk > dd .right dl dd {
		font-size: 1.6rem;
		text-align: center;
	}
	
	.topics .task > dd,
	.training .task > dd {
		min-height: 154px;
		margin: 30px 0px 0px 0px;
		padding: 0px 0px 0px 165px;
		background: url("../img/topics_program_05.jpg") no-repeat left center;
		font-size: 1.6rem;
	}
	
	.topics .movie > dd {
		min-height: 154px;
		margin: 30px 0px 0px 0px;
		padding: 0px 0px 0px 165px;
		background: url("../img/topics_program_06.jpg") no-repeat left center;
		font-size: 1.6rem;
	}
	
	.topics .task > dd span {
		font-weight: bold;
		color: #f42f71;
	}
	
	.topics .movie > dd span.bold {
		font-weight: bold;
	}
	
	.topics .movie > dd span.color {
		color: #009944;
	}
	
	.training .talk > dd {
		display: flex;
		justify-content: center;
		align-items: center;
		min-height: 76px;
		margin: 30px 0px 0px 0px;
		padding: 0px 0px 0px 80px;
		font-size: 1.6rem;
		text-align: center;
	}
	
	.training .task:nth-of-type(6) > dd {
		display: flex;
		align-items: center;
		min-height: 76px;
		margin: 30px 0px 0px 0px;
		padding: 0px 0px 0px 230px;
		font-size: 1.6rem;
	}
	
	.training .task:nth-of-type(7) > dd {
		min-height: 76px;
		margin: 30px 0px 0px 0px;
		padding: 0px 0px 0px 230px;
		font-size: 1.6rem;
	}
	
	.training .talk:nth-of-type(1) > dd {
		background: url("../img/topics_program_01.jpg") no-repeat 96px center / auto 76px;
	}
	
	.training .talk:nth-of-type(2) > dd {
		background: url("../img/topics_program_02.jpg") no-repeat 142px center / auto 76px;
	}
	
	.training .talk:nth-of-type(3) > dd {
		background: url("../img/topics_program_03.jpg") no-repeat 118px center / auto 76px;
	}
	
	.training .talk:nth-of-type(4) > dd {
		background: url("../img/topics_program_04.jpg") no-repeat 165px center / auto 76px;
	}
	
	.training .talk:nth-of-type(5) > dd {
		background: url("../img/topics_program_06.jpg") no-repeat 151px center / auto 76px;
	}
	
	.training .task:nth-of-type(6) > dd {
		background: url("../img/topics_program_07.jpg") no-repeat 151px center / auto 76px;
	}
	
	.training .task:nth-of-type(7) > dd {
		background: url("../img/topics_program_05.jpg") no-repeat 151px center / auto 76px;
	}
	
	.training .task > dd span {
		display: inline;
		font-weight: bold;
		color: #f42f71;
	}
	
	.topics .preparation,
	.training .preparation {
		margin: 50px 0px 0px 0px;
	}
	
	.topics .preparation h3,
	.training .preparation h3 {
		padding: 12px 20px;
		background: #fcf5e8;
		border-bottom: #decdb0 2px dotted;
		font-size: 2.0rem;
		color: #755E3C;
		text-align: center;
	}
	
	.topics .preparation dl:nth-of-type(1),
	.training .preparation dl:nth-of-type(1) {
		padding: 20px 0px 0px 0px;
	}
	
	.topics .preparation dl dt,
	.training .preparation dl dt {
		margin: 30px 0px 0px 0px;
		font-size: 1.8rem;
		font-weight: bold;
		color: #755e3c;
	}
	
	.topics .preparation dl dd,
	.training .preparation dl dd {
		font-size: 1.6rem;
	}
	
	.topics .question,
	.training .question {
		margin: 50px 0px 0px 0px;
	}
	
	.topics .question h3,
	.training .question h3 {
		padding: 12px 20px;
		background: #fcf5e8;
		border-bottom: #decdb0 2px dotted;
		font-size: 2.0rem;
		color: #755E3C;
		text-align: center;
	}
	
	.topics .question dl,
	.training .question dl {
		margin: 10px 0px 0px 0px;
	}
	
	.topics .question dl:nth-of-type(1),
	.training .question dl:nth-of-type(1) {
		margin: 40px 0px 0px 0px;
	}
	
	.topics .question dl dt,
	.training .question dl dt {
		display: flex;
		align-items: center;
		min-height: 37px;
		padding: 0px 0px 0px 38px;
		border: #e2ddcf 2px solid;
		font-size: 1.6rem;
		font-weight: bold;
		position: relative;
	}
	
	.topics .question dl dt::before,
	.training .question dl dt::before {
		content: " ";
		width: 20px;
		height: 37px;
		background: #e2ddcf;
		clip-path: polygon(0% 0%, 0% 100%, 90% 100%, 100% 0%);
		position: absolute;
		top: 0px;
		left: 0px;
	}
	
	.topics .question dl dd,
	.training .question dl dd {
		padding: 10px 0px 20px 38px;
		font-size: 1.6rem;
	}
	
	.topics .question p {
		width: 440px;
		margin: 10px auto 0px auto;
		border: #e2ddcf 2px solid;
		font-size: 1.8rem;
		font-weight: bold;
		text-align: center;
	}
	
	.topics .question p a {
		display: block;
		padding: 10px 10px;
		background: #fc8a37 url("../img/arrow_right_normal.svg") no-repeat 85% 50% / 10px 13px;
		color: #fff;
	}
	
	.topics .question p a:hover {
		opacity: 0.7;
	}
	
	.topics .area,
	.training .area {
		margin: 50px 0px 0px 0px;
	}
	
	.topics .area h3,
	.training .area h3 {
		margin: 45px 0px 0px 0px;
		padding: 12px 0px;
		background: #decdb0;
		font-size: 2.0rem;
		text-align: center;
	}
	
	.topics .area div,
	.training .area div {
		display: flex;
		justify-content: space-between;
		margin: 40px 0px 0px 0px;
	}
	
	.topics .area div dl,
	.training .area div dl {
		width: 324px;
	}
	
	.topics .area div dl dt,
	.training .area div dl dt {
		font-size: 2.0rem;
		font-weight: bold;
		color: #755e3c;
		text-align: center;
	}
	
	.topics .area div dl dd,
	.training .area div dl dd {
		min-height: 140px;
		margin: 20px 0px 0px 0px;
		font-size: 1.6rem;
	}
	
	.topics .area div dl dd p,
	.training .area div dl dd p {
		margin: 0px;
	}
	
	.topics .area > h4,
	.training .area > h4 {
		margin: 40px 0px 0px 0px;
		font-size: 2.0rem;
		color: #755e3c;
		text-align: center;
	}
	
	.topics .area table {
		width: 100%;
		margin: 20px 0px 0px 0px;
		border-bottom: #dccbae 1px solid;
	}
	
	.topics .area table tr th {
		width: 20%;
		font-size: 2.0rem;
		font-weight: bold;
		color: #755e3c;
		text-align: left;
	}
	
	.topics .area table .line th {
		border-top: #dccbae 1px solid;
	}
	
	.topics .area table tr td {
		font-size: 1.6rem;
	}
	
	.topics .area table tr td.w01 {
		width: 30%;
	}
	
	.topics .area table .lineT th,
	.topics .area table .lineT td {
		padding-top: 30px;
		border-top: #dccbae 1px solid;
	}
	
	.topics .area table .lineB th,
	.topics .area table .lineB td {
		padding-bottom: 30px;
	}
	
	.topics .area > p {
		margin: 40px 0px 0px 0px;
		font-size: 1.6rem;
	}
	
	.foodloss section p {
		margin: 40px 0px 0px 0px;
		font-size: 1.6rem;
	}
	
	.foodloss section h3 {
		margin: 60px 0px 0px 0px;
		padding: 60px 0px 0px 0px;
		border-top: #decdb0 1px solid;
		font-size: 1.8rem;
		color: #755e3c;
	}
	
	.foodloss section figure {
		width: 600px;
		margin: 40px auto 0px auto;
	}
	
	.foodloss section figure img {
		width: 600px;
		height: auto;
	}
	
	.foodloss section figure figcaption {
		font-size: 1.6rem;
		text-align: center;
	}
	
	.farmingIndex h2 {
		margin: 40px 0px 0px 0px;
		font-size: 2.0rem;
		color: #87cde7;
		text-align: center;
	}
	
	.farmingIndex h3 {
		margin: 40px 0px 0px 0px;
		font-size: 1.8rem;
	}
	
	.farmingIndex p {
		margin: 20px 0px 0px 0px;
		font-size: 1.6rem;
	}
	
	.farmingIndex article {
		padding: 20px 0px 0px 0px;
		border-bottom: #decdb0 1px solid;
	}
	
	.farmingIndex article:first-of-type {
		margin: 40px 0px 0px 0px;
		border-top: #decdb0 1px solid;
	}
	
	.farmingIndex article h4 {
		font-size: 1.8rem;
	}
	
	.farmingIndex article h4 a {
		display: block;
		background: url("../img/arrow_right.svg") no-repeat 100% 50% / 20px 20px;
		color: #765e3c;
	}
	
	.farmingIndex article h4 a:hover {
		opacity: 0.7;
	}
	
	.farmingIndex article h4 a span:nth-of-type(1) {
		display: inline-block;
		margin: 0px 10px 0px 0px;
		padding: 5px 10px;
		background: #decdb0;
		border-radius: 30px;
		line-height: 20px;
	}
	
	.farmingIndex article h4 a span:nth-of-type(2) {
		display: inline-block;
		margin: 0px 0px 0px 20px;
		font-size: 1.6rem;
		font-weight: normal;
		color: #000;
	}
	
	.farmingIndex article div {
		display: flex;
		margin: 20px 0px 0px 0px;
		padding: 0px 0px 20px 0px;
	}
	
	.farmingIndex article div figure {
		width: 151px;
		margin: 0px 30px 0px 0px;
	}
	
	.farmingIndex article div figure img {
		width: 151px;
		height: auto;
	}
	
	.farmingIndex article div ul li {
		font-size: 1.6rem;
		line-height: 1.6;
	}
	
	.farmingIndex article div ul li:nth-of-type(n+2) {
		margin: 5px 0px 0px 0px;
	}
	
	.farmingIndex article div ul li a {
		color: #f05b23;
	}
	
	.farmingIndex article div ul li a:hover {
		opacity: 0.7;
	}
	
	.farming h2 {
		padding: 6px 0px;
		background: #87cde7;
		font-size: 1.8rem;
		font-weight: 500;
		text-align: center;
		color: #fff;
	}
	
	.farming .paging {
		display: flex;
		justify-content: center;
	}
	
	.farming .paging.top {
		margin: 45px 0px 0px 0px;
	}
	
	.farming .paging.bottom {
		margin: 90px 0px 0px 0px;
		padding: 40px 0px 0px 0px;
		border-top: #decdb0 1px solid;
	}
	
	.farming .paging li {
		margin: 0px 10px;
		font-size: 1.6rem;
		line-height: 30px;
		text-align: center;
	}
	
	.farming .paging li a {
		display: block;
		width: 30px;
		background: #decdb0;
		border-radius: 15px;
		color: #000;
	}
	
	.farming .paging li.on a {
		background: #c3e173;
	}
	
	.farming .paging li a:hover {
		color: #fff;
		opacity: 0.7;
	}
	
	.farming section {
		margin: 40px 0px 0px 0px;
	}
	
	.farming section h3 {
		padding: 12px 20px;
		background: #fcf5e8;
		border-bottom: #decdb0 2px dotted;
		font-size: 2.0rem;
		color: #755E3C;
		text-align: center;
	}
	
	.farming section figure.pic {
		margin: 30px 0px 0px 0px;
		text-align: center;
	}
	
	.farming section figure.pic img {
		width: 151px;
		height: auto;
	}
	
	.farming article h4 {
		margin: 30px 0px 0px 0px;
		font-size: 2.0rem;
		text-align: center;
		color: #755e3c;
	}
	
	.farming article p {
		margin: 30px 0px 0px 0px;
		font-size: 1.6rem;
	}
	
	.farming article figure.draw {
		margin: 30px 0px 0px 0px;
		text-align: center;
	}
	
	.farming article figure.draw img {
		border: #e4e3e3 1px solid;
	}
	
	.farming article figure.draw figcaption {
		margin: 30px 0px 0px 0px;
		font-size: 1.4rem;
	}
	
	.membershipList section {
		margin: 40px 0px 0px 0px;
	}
	
	.membershipList section h2 {
		padding: 12px 0px;
		background: #decdb0;
		font-size: 2.0rem;
		text-align: center;
	}
	
	.membershipList section ul {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		margin: 30px 0px 0px 0px;
	}
	
	.membershipList section ul li {
		width: calc(50% - 5px);
		border-bottom: #decdb0 1px solid;
		font-size: 1.6rem;
	}
	
	.membershipList section ul li:nth-of-type(1),
	.membershipList section ul li:nth-of-type(2) {
		border-top: #decdb0 1px solid;
	}
	
	.membershipList section ul li a {
		display: block;
		padding: 12px 0px;
		color: #f05b23;
	}
	
	.membershipList section ul li a:hover {
		opacity: 0.7;
	}
	
	.member .detail {
		margin: 40px 0px 0px 0px;
	}
	
	.member .detail dl {
		display: flex;
		border-bottom: #decdb0 1px solid;
	}
	
	.member .detail dl:first-of-type {
		border-top: #decdb0 1px solid;
	}
	
	.member .detail dl dt {
		width: 200px;
		padding: 15px 0px;
		font-size: 1.6rem;
		font-weight: bold;
		color: #765e3c;
	}
	
	.member .detail dl dd {
		flex: 1;
		padding: 15px 0px;
		font-size: 1.6rem;
		word-break: break-all;
	}
	
	.member .detail dl dd span {
		font-weight: bold;
	}
	
	.member .group {
		margin: 40px 0px 0px 0px;
	}
	
	.member .group h2 {
		padding: 12px 20px;
		background: #fcf5e8;
		border-bottom: #decdb0 2px dotted;
		font-size: 2.0rem;
		color: #755E3C;
		text-align: center;
	}
	
	.member .group ul {
		margin: 30px 0px 0px 0px;
	}
	
	.member .group ul li {
		border-bottom: #decdb0 1px solid;
		font-size: 1.6rem;
	}
	
	.member .group ul li:first-of-type {
		border-top: #decdb0 1px solid;
	}
	
	.member .group ul li a {
		display: block;
		padding: 15px 0px;
		color: #f05b23;
	}
	
	.member .group ul li a:hover {
		opacity: 0.7;
	}
	
	.member .group dl {
		display: flex;
		border-bottom: #decdb0 1px solid;
	}
	
	.member .group dl:first-of-type {
		margin: 30px 0px 0px 0px;
		border-top: #decdb0 1px solid;
	}
	
	.member .group dl dt {
		width: 180px;
		margin: 0px 20px 0px 0px;
		padding: 15px 0px;
		font-size: 1.6rem;
		font-weight: bold;
		color: #765e3c;
	}
	
	.member .group dl dd {
		flex: 1;
		padding: 15px 0px;
		font-size: 1.6rem;
		word-break: break-all;
	}
	
	.memberSearch form dl {
		margin: 40px 0px 0px 0px;
	}
	
	.memberSearch form dl dt {
		font-size: 1.6rem;
		font-weight: bold;
		color: #765e3c;
	}
	
	.memberSearch form dl dd {
		display: flex;
		justify-content: space-between;
		margin: 10px 0px 0px 0px;
		padding: 20px 5px;
		background: #f2f2f2;
		border-bottom: #decdb0 1px solid;
	}
	
	.memberSearch form dl dd > select,
	.memberSearch form dl dd > input {
		width: 526px;
		height: 45px;
		padding: 0px 10px;
		border: #c8c7c6 1px solid;
		box-sizing: border-box;
		font-size: 1.6rem;
	}
	
	.memberSearch form dl dd > div input {
		width: 160px;
		height: 45px;
		padding: 0px 50px 0px 10px;
		background: #decdb0 url("../img/top_qa10.svg") no-repeat 92% 50% / 30px auto;
		border: #c8c7c6 1px solid;
		box-sizing: border-box;
		font-size: 1.6rem;
		line-height: 1.2;
		text-align: left;
		color: #353739;
		white-space: normal;
		cursor: pointer;
	}
	
	.memberSearch form dl dd > div input:hover {
		opacity: 0.7;
	}
	
	.memberSearch form .submit {
		margin: 75px 40px 0px 40px;
	}
	
	.memberSearch form .submit input {
		width: 100%;
		padding: 18px 60px 18px 0px;
		background: #8ac43f url("../img/top_qa10.svg") no-repeat 90% 50% / 70px auto;
		border: none;
		font-size: 3.2rem;
		font-weight: bold;
		color: #fff;
		cursor: pointer;
	}
	
	.memberSearch form .submit input:hover {
		opacity: 0.7;
	}
	
	.memberResult ul {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		margin: 30px 0px 0px 0px;
	}
	
	.memberResult ul li {
		width: calc(50% - 5px);
		border-bottom: #decdb0 1px solid;
		font-size: 1.6rem;
	}
	
	.memberResult ul li:nth-of-type(1),
	.memberResult ul li:nth-of-type(2) {
		border-top: #decdb0 1px solid;
	}
	
	.memberResult ul li a {
		display: block;
		padding: 12px 5px;
		color: #f05b23;
	}
	
	.memberResult ul li:nth-last-of-type(4n+1),
	.memberResult ul li:nth-last-of-type(4n) {
		background: #f2f6fa;
	}
	
	.memberResult ul li a:hover {
		opacity: 0.7;
	}
	
	.memberResult ul li a span {
		display: inline-block;
		margin: 0px 0px 0px 20px;
		padding: 1px 3px;
		background: #fff;
		border: #ece26d 1px solid;
		font-size: 1.4rem;
		color: #a7a68f;
	}
	
	.memberResult ul li a img {
		vertical-align: middle;
	}
	
	.packagingIndex article {
		border-bottom: #decdb0 1px solid;
	}
	
	.packagingIndex article:first-of-type {
		margin: 40px 0px 0px 0px;
		border-top: #decdb0 1px solid;
	}
	
	.packagingIndex article a {
		display: block;
		padding: 30px 0px;
		background: url("../img/arrow_right.svg") no-repeat right center / 20px 20px;
		font-size: 1.8rem;
		font-weight: bold;
		color: #353739;
	}
	
	.packagingIndex article a:hover {
		opacity: 0.7;
	}
	
	.packagingIndex article a span {
		display: inline-block;
		margin: 0px 10px 0px 0px;
		padding: 0px 10px;
		color: #000;
		background: #decdb0;
		border-radius: 20px;
	}
	
	.packaging01 h2,
	.packaging02 h2,
	.packaging03 h2,
	.packaging04 h2 {
		padding: 6px 0px;
		background: #8adbb8;
		font-size: 1.8rem;
		font-weight: 500;
		text-align: center;
		color: #fff;
	}
	
	.packaging01 .paging,
	.packaging02 .paging,
	.packaging03 .paging,
	.packaging04 .paging {
		display: flex;
		justify-content: center;
	}
	
	.packaging01 .paging.top,
	.packaging02 .paging.top,
	.packaging03 .paging.top,
	.packaging04 .paging.top {
		margin: 45px 0px 0px 0px;
	}
	
	.packaging01 .paging.bottom,
	.packaging02 .paging.bottom,
	.packaging03 .paging.bottom,
	.packaging04 .paging.bottom {
		margin: 90px 0px 0px 0px;
		padding: 40px 0px 0px 0px;
		border-top: #decdb0 1px solid;
	}
	
	.packaging01 .paging li,
	.packaging02 .paging li,
	.packaging03 .paging li,
	.packaging04 .paging li {
		margin: 0px 10px;
		font-size: 1.6rem;
		line-height: 30px;
		text-align: center;
	}
	
	.packaging01 .paging li a,
	.packaging02 .paging li a,
	.packaging03 .paging li a,
	.packaging04 .paging li a {
		display: block;
		width: 30px;
		background: #decdb0;
		border-radius: 15px;
		color: #000;
	}
	
	.packaging01 .paging li.on a,
	.packaging02 .paging li.on a,
	.packaging03 .paging li.on a,
	.packaging04 .paging li.on a {
		background: #c3e173;
	}
	
	.packaging01 .paging li a:hover,
	.packaging02 .paging li a:hover,
	.packaging03 .paging li a:hover,
	.packaging04 .paging li a:hover {
		color: #fff;
		opacity: 0.7;
	}
	
	.packaging01 h3 {
		margin: 40px 0px 0px 0px;
		font-size: 1.8rem;
		color: #765e3c;
	}
	
	.packaging01 p {
		margin: 40px 0px 0px 0px;
		font-size: 1.6rem;
	}
	
	.packaging01 figure {
		margin: 40px 0px 0px 0px;
		text-align: center;
	}
	
	.packaging01 figure img {
		width: 500px;
		height: auto;
		border: #ccc 1px solid;
	}
	
	.packaging01 h4 {
		margin: 40px 0px 0px 0px;
		padding: 12px 20px;
		background: #fcf5e8;
		border-bottom: #decdb0 2px dotted;
		font-size: 2.0rem;
		color: #755E3C;
		text-align: center;
	}
	
	.packaging01 table {
		width: 100%;
		margin: 40px 0px 0px 0px;
		border-top: #decdb0 1px solid;
	}
	
	.packaging01 table tr {
		border-bottom: #decdb0 1px solid;
	}
	
	.packaging01 table tr th {
		width: 30%;
		padding: 10px 5px;
		background: #efede8;
		font-size: 1.6rem;
		text-align: left;
	}
	
	.packaging01 table tr td {
		width: 70%;
		padding: 10px 5px;
		font-size: 1.6rem;
	}
	
	.packaging02 p {
		margin: 40px 0px 0px 0px;
		font-size: 1.6rem;
	}
	
	.packaging02 section h3 {
		margin: 40px 0px 0px 0px;
		padding: 12px 0px;
		background: #decdb0;
		font-size: 2.0rem;
		text-align: center;
	}
	
	.packaging02 section > dl {
		padding: 10px 0px 0px 0px;
	}
	
	.packaging02 section > dl dt {
		padding: 30px 0px 0px 0px;
		font-size: 1.8rem;
		font-weight: bold;
		color: #765e3c;
	}
	
	.packaging02 section > dl dd {
		font-size: 1.6rem;
	}
	
	.packaging02 section section h4 {
		margin: 40px 0px 0px 0px;
		padding: 12px 20px;
		background: #fcf5e8;
		border-bottom: #decdb0 2px dotted;
		font-size: 2.0rem;
		color: #755E3C;
		text-align: center;
	}
	
	.packaging02 section section > div {
		display: flex;
		padding: 20px 0px;
		border-bottom: #decdb0 1px solid;
	}
	
	.packaging02 section section > div:first-of-type {
		margin: 40px 0px 0px 0px;
		border-top: #decdb0 1px solid;
	}
	
	.packaging02 section section > div figure {
		width: 110px;
		margin: 0px 30px 0px 0px;
	}
	
	.packaging02 section section > div figure img {
		width: 110px;
		height: auto;
	}
	
	.packaging02 section section > div dl {
		font-size: 1.6rem;
	}
	
	.packaging02 section section > div dl dt {
		font-weight: bold;
		color: #765e3c;
	}
	
	.packaging02 section .imgTwo {
		display: flex;
		justify-content: space-between;
		margin: 40px 0px 0px 0px;
	}
	
	.packaging02 section .imgTwo figure:nth-of-type(1) {
		width: 415px;
	}
	
	.packaging02 section .imgTwo figure:nth-of-type(1) img {
		width: 415px;
		height: auto;
		border: #ccc 1px solid;
	}
	
	.packaging02 section .imgTwo figure:nth-of-type(2) {
		width: 265px;
	}
	
	.packaging02 section .imgTwo figure:nth-of-type(2) img {
		width: 265px;
		height: auto;
		border: #ccc 1px solid;
	}
	
	.packaging02 section .imgTwo figure figcaption {
		margin: 20px 0px 0px 0px;
		font-size: 1.4rem;
		text-align: center;
	}
	
	.packaging03 section h3 {
		margin: 40px 0px 0px 0px;
		padding: 12px 0px;
		background: #decdb0;
		font-size: 2.0rem;
		text-align: center;
	}
	
	.packaging03 section p {
		margin: 40px 0px 0px 0px;
		font-size: 1.6rem;
	}
	
	.packaging03 section h4 {
		margin: 40px 0px 0px 0px;
		font-size: 2.0rem;
		text-align: center;
		color: #755e3c;
	}
	
	.packaging03 section ol {
		margin: 30px 0px 0px 0px;
	}
	
	.packaging03 section ol li {
		margin: 0px 0px 0px 35px;
		position: relative;
		font-size: 1.6rem;
	}
	
	.packaging03 section ol li span.num {
		position: absolute;
		top: 0px;
		left: -30px;
	}
	
	.packaging03 section ol li span.bold {
		font-weight: bold;
		color: #765e3c;
	}
	
	.packaging03 section h5 {
		margin: 40px 0px 0px 0px;
		font-size: 1.6rem;
		color: #755e3c;
	}
	
	.packaging03 section ul {
		margin: 10px 0px 0px 0px;
	}
	
	.packaging03 section ul li {
		font-size: 1.6rem;
	}
	
	.packaging03 section ul li a {
		display: inline-block;
		background: url(../img/pdficon_small.png) no-repeat 0px 8px;
		padding: 2px 0px 2px 24px;
	}
	
	.packaging04 p.topText {
		margin: 40px 0px 0px 0px;
		font-size: 1.6rem;
	}
	
	.packaging04 section {
		margin: 40px 0px 0px 0px;
	}
	
	.packaging04 section h3 {
		padding: 12px 0px;
		background: #decdb0;
		font-size: 2.0rem;
		text-align: center;
	}
	
	.packaging04 section dl {
		display: flex;
		justify-content: space-between;
		padding: 20px 0px;
	}
	
	.packaging04 section dl:first-of-type {
		margin: 20px 0px 0px 0px;
	}
	
	.packaging04 section dl.one {
		display: block;
		padding: 20px 0px 20px 25px;
	}
	
	.packaging04 section dl:not(:last-of-type) {
		border-bottom: #decdb0 1px solid;
	}
	
	.packaging04 section dl.line {
		border-bottom: #decdb0 1px solid;
	}
	
	.packaging04 section dl dt {
		width: 230px;
		text-align: center;
		font-size: 1.4rem;
	}
	
	.packaging04 section dl.one dt {
		width: auto;
		text-align: left;
	}
	
	.packaging04 section dl dt figure img {
		width: 150px;
		height: auto;
		vertical-align: top;
	}
	
	.packaging04 section dl dt figure img.img21 {
		width: 300px;
	}
	
	.packaging04 section dl dt figure img.img32 {
		width: 217px;
	}
	
	.packaging04 section dl dt figure img.img01,
	.packaging04 section dl dt figure img.img30 {
		width: 80px;
	}
	
	.packaging04 section dl dt figure img.img23 {
		width: 300px;
	}
	
	.packaging04 section dl dt figure img.img24,
	.packaging04 section dl dt figure img.img25 {
		width: 200px;
	}
	
	.packaging04 section dl dt figure img.img26 {
		width: 100px;
	}
	
	.packaging04 section dl dt figure img:nth-of-type(2) {
		margin: 0px 20px;
	}
	
	.packaging04 section dl dt figure img.img33 {
		width: 320px;
	}
	
	.packaging04 section dl dd {
		flex: 1;
		font-size: 1.6rem;
		text-align: left;
	}
	
	.packaging04 section dl.one dd {
		margin: 20px 0px 0px 0px;
	}
	
	.packaging04 section dl.text dd {
		margin: 0px 0px 0px 25px;
	}
	
	.packaging04 section p {
		margin: 40px 0px 0px 25px;
		font-size: 1.6rem;
	}
	
	.join p {
		margin: 40px 0px 0px 0px;
		font-size: 1.6rem;
	}
	
	.join p a {
		display: inline-block;
		padding: 2px 25px 2px 0px;
		background: url("../img/arrow_right.svg") no-repeat 100% 50% / 20px 20px;
		font-size: 1.6rem;
	}
	
	.join p a:hover {
		opacity: 0.7;
	}
	
	.specialty p {
		margin: 20px 0px 0px 0px;
		font-size: 1.6rem;
	}
	
	.specialty p:first-of-type {
		margin: 40px 0px 0px 0px;
	}
	
	.specialty h2 {
		margin: 40px 0px 0px 0px;
		font-size: 1.8rem;
		color: #755e3c;
	}
	
	.shinsaiIndex article {
		border-bottom: #decdb0 1px solid;
	}
	
	.shinsaiIndex article:first-of-type {
		margin: 40px 0px 0px 0px;
		border-top: #decdb0 1px solid;
	}
	
	.shinsaiIndex article a {
		display: block;
		background: url("../img/arrow_right.svg") no-repeat 100% 50% / 20px 20px;
		color: #000;
	}
	
	.shinsaiIndex article a:hover {
		opacity: 0.7;
	}
	
	.shinsaiIndex article a dl {
		display: flex;
		align-items: center;
		padding: 13px 0px;
	}
	
	.shinsaiIndex article a dl dt {
		width: 100px;
		margin: 0px 20px 0px 0px;
		font-size: 1.6rem;
		color: #755e3c;
	}
	
	.shinsaiIndex article a dl dd {
		width: 590px;
		padding: 0px 35px 0px 0px;
		box-sizing: border-box;
		font-size: 1.6rem;
	}
	
	.shinsaiIndex article.pdf a dl dd {
		padding: 0px 35px 0px 30px;
		background: url("../img/pdficon_small.png") no-repeat 0% 50%;
	}
	
	.shinsaiIndex article a:hover dl dd {
		color: #000;
	}
	
	.shinsai > p {
		margin: 40px 0px 0px 0px;
		font-size: 1.6rem;
	}
	
	.shinsai h2 {
		margin: 40px 0px 0px 0px;
		font-size: 2.0rem;
		text-align: center;
		color: #755e3c;
	}
	
	.shinsai h3 {
		margin: 40px 0px 0px 0px;
		font-size: 1.8rem;
		color: #755e3c;
	}
	
	.shinsai .pdfList {
		margin: 20px 0px 0px 0px;
	}
	
	.shinsai .pdfList li {
		font-size: 1.6rem;
	}
	
	.shinsai .pdfList li a {
		display: inline-block;
		background: url(../img/pdficon_small.png) no-repeat 0px 8px;
		padding: 2px 0px 2px 24px;
	}
	
	.shinsai .result {
		margin: 40px 0px 0px 0px;
		border-top: #decdb0 1px solid;
		font-size: 1.6rem;
	}
	
	.shinsai .result dt {
		padding: 10px 0px 0px 0px;
	}
	
	.shinsai .result dd {
		padding: 0px 0px 10px 0px;
		border-bottom: #decdb0 1px solid;
	}
	
	.shinsai .tel {
		display: flex;
		flex-wrap: wrap;
		margin: 20px 0px 0px 0px;
		font-size: 1.6rem;
	}
	
	.shinsai .tel dt {
		width: 280px;
	}
	
	.shinsai .tel dd {
		width: 430px;
	}
	
	.shinsai .faqBox {
		margin: 40px 0px 0px 0px;
		border-top: #999 1px dotted;
	}
	
	.shinsai .faqBox dt {
		display: flex;
		padding: 20px 0px 0px 0px;
		font-size: 1.6rem;
		font-weight: bold;
	}
	
	.shinsai .faqBox dt > div:nth-of-type(1),
	.shinsai .faqBox dd > div:nth-of-type(1) {
		width: 50px;
	}
	
	.shinsai .faqBox dt > div:nth-of-type(2),
	.shinsai .faqBox dd > div:nth-of-type(2) {
		flex: 1;
	}
	
	.shinsai .faqBox dd {
		display: flex;
		padding: 0px 0px 20px 0px;
		border-bottom: #999 1px dotted;
		font-size: 1.6rem;
	}
	
	.shinsai .faqBox dd p:not(:first-of-type) {
		margin: 30px 0px 0px 0px;
	}
	
	.shinsai .faqBox dd p a.pdf {
		display: inline-block;
		background: url(../img/pdficon_small.png) no-repeat 0px 8px;
		padding: 2px 0px 2px 24px;
	}
	
	.shinsai figure {
		margin: 40px 0px 0px 0px;
		text-align: center;
	}
	
	.request > p {
		margin: 40px 0px 0px 0px;
		font-size: 1.6rem;
	}
	
	.request .requestBox {
		display: flex;
		margin: 40px 0px 0px 0px;
	}
	
	.request .requestBox figure {
		width: 100px;
		margin: 0px 40px 0px 0px;
	}
	
	.request .requestBox figure img {
		width: 100px;
		height: auto;
	}
	
	.request .requestBox div {
		flex: 1;
	}
	
	.request .requestBox div dl {
		display: flex;
		flex-wrap: wrap;
		font-size: 1.6rem;
	}
	
	.request .requestBox div dl dt {
		width: 80px;
	}
	
	.request .requestBox div dl dd {
		width: 490px;
	}
	
	.request .requestBox div p.soldOut {
		width: 240px;
		margin: 30px 0px 0px 0px;
		padding: 5px 5px;
		background: #decdb0;
		box-sizing: border-box;
		border: #f092c8 1px solid;
		font-size: 2.0rem;
		font-weight: bold;
		color: #755e3c;
		text-align: center;
	}
	
	.request .requestBox div p.toBuy {
		width: 240px;
		margin: 30px 0px 0px 0px;
		box-sizing: border-box;
		font-size: 2.0rem;
		font-weight: bold;
		text-align: center;
	}
	
	.request .requestBox div p.toBuy a {
		display: block;
		padding: 5px 18px 5px 5px;
		background: #8ac43f url("../img/arrow_right_normal.svg") no-repeat 96% 50% / 10px auto;
		box-sizing: border-box;
		border: #61971b 1px solid;
		color: #fff;
	}
	
	.request .requestBox div p.toBuy a:hover {
		opacity: 0.7;
	}
	
	.request .howto {
		margin: 40px 0px 0px 0px;
	}
	
	.request .howto h2 {
		padding: 12px 20px;
		background: #fcf5e8;
		border-bottom: #decdb0 2px dotted;
		font-size: 2.0rem;
		color: #755E3C;
		text-align: center;
	}
	
	.request .howto h3 {
		margin: 30px 0px 0px 0px;
		font-size: 1.8rem;
		color: #755e3c;
	}
	
	.request .howto dl {
		display: flex;
		border-bottom: #decdb0 1px solid;
	}
	
	.request .howto h3 + dl {
		margin: 20px 0px 0px 0px;
		border-top: #decdb0 1px solid;
	}
	
	.request .howto dl dt {
		width: 200px;
		padding: 20px 5px;
		background: #ddf1f5;
		font-size: 1.6rem;
		font-weight: bold;
	}
	
	.request .howto dl dd {
		flex: 1;
		padding: 20px 5px;
		font-size: 1.6rem;
	}
	
	.request .backNumber h2 {
		margin: 40px 0px 0px 0px;
		padding: 12px 0px;
		background: #decdb0;
		font-size: 2.0rem;
		text-align: center;
	}
	
	.request .backNumber p {
		margin: 30px 0px 0px 0px;
		font-size: 1.6rem;
	}
	
	.request .backNumber ul {
		margin: 30px 0px 0px 0px;
	}
	
	.request .backNumber ul li {
		font-size: 1.6rem;
	}
	
	.request .backNumber ul li a {
		display: inline-block;
		background: url(../img/pdficon_small.png) no-repeat 0px 50%;
		padding: 2px 0px 2px 24px;
	}
	
	.regulation > p {
		margin: 40px 0px 0px 0px;
		font-size: 1.6rem;
	}
	
	.regulation .requestBox2 {
		margin: 40px 0px 0px 0px;
	}
	
	.regulation .requestBox2 > div {
		display: flex;
	}
	
	.regulation .requestBox2 > div .pic {
		display: flex;
		justify-content: space-between;
		width: 100px;
		margin: 0px 40px 0px 0px;
	}
	
	.regulation .requestBox2 > div .pic figure {
		width: 100px;
		text-align: center;
	}
	
	.regulation .requestBox2 > div .pic figure figcaption {
		margin: 5px 0px 0px 0px;
		font-size: 1.4rem;
	}
	
	.regulation .requestBox2 > div .text {
		flex: 1;
	}
	
	.regulation .requestBox2 > div .text p.title {
		font-size: 1.6rem;
	}
	
	.regulation .requestBox2 > div .text dl {
		display: flex;
		flex-wrap: wrap;
		margin: 10px 0px 0px 0px;
		font-size: 1.6rem;
	}
	
	.regulation .requestBox2 > div .text dl dt {
		width: 80px;
	}
	
	.regulation .requestBox2 > div .text dl dd {
		width: 480px;
	}
	
	.regulation .requestBox2 > div .text p.toBuy {
		width: 240px;
		margin: 30px 0px 0px 0px;
		box-sizing: border-box;
		font-size: 2.0rem;
		font-weight: bold;
		text-align: center;
	}
	
	.regulation .requestBox2 > div .text p.toBuy a {
		display: block;
		padding: 5px 18px 5px 5px;
		background: #8ac43f url("../img/arrow_right_normal.svg") no-repeat 96% 50% / 10px auto;
		box-sizing: border-box;
		border: #61971b 1px solid;
		color: #fff;
	}
	
	.regulation .requestBox2 > div .text p.toBuy a:hover {
		opacity: 0.7;
	}
	
	.regulation .requestBox2 > div .text p.soldOut {
		width: 240px;
		margin: 30px 0px 0px 0px;
		padding: 5px 5px;
		background: #decdb0;
		box-sizing: border-box;
		border: #f092c8 1px solid;
		font-size: 2.0rem;
		font-weight: bold;
		color: #755e3c;
		text-align: center;
	}
	
	.regulation .requestBox2 > p {
		margin: 40px 0px 0px 0px;
		font-size: 1.6rem;
	}
	
	.regulation .law {
		margin: 40px 0px 0px 0px;
	}
	
	.regulation .law h2 {
		padding: 12px 20px;
		background: #fcf5e8;
		border-bottom: #decdb0 2px dotted;
		font-size: 2.0rem;
		color: #755E3C;
		text-align: center;
	}
	
	.regulation .law h3 {
		margin: 40px 0px 0px 0px;
		font-size: 2.0rem;
		text-align: center;
		color: #755e3c;
	}
	
	.regulation .law h4 {
		margin: 30px 0px 0px 0px;
		font-size: 1.8rem;
		color: #755e3c;
	}
	
	.regulation .law ul {
		margin: 30px 0px 0px 1.0em;
		font-size: 1.6rem;
	}
	
	.regulation .law ul li {
		font-size: 1.6rem;
		text-indent: -1.0em;
	}
	
	.haccpsm p {
		margin: 30px 0px 0px 0px;
		font-size: 1.6rem;
	}
	
	.haccpsm ul {
		margin: 30px 0px 0px 0px;
	}
	
	.haccpsm ul li {
		font-size: 1.6rem;
	}
	
	.haccpsm ul li a {
		display: inline-block;
		background: url(../img/pdficon_small.png) no-repeat 0px 50%;
		padding: 2px 0px 2px 24px;
	}

	.maker {
		margin: 40px 0px 0px 0px;
	}

	.maker h2 {
		font-size: 1.8rem;
		color: #3c8fbf;
	}

	.maker ul {
		margin: 10px 0px 0px 0px;
		border-top: #decdb0 1px solid;
	}
	
	.maker ul li {
		border-bottom: #decdb0 1px solid;
		font-size: 1.6rem;
	}

	.maker ul li a {
		display: block;
		padding: 20px 30px 20px 0px;
		background: url("../img/arrow_right.svg") no-repeat 100% 50% / 20px 20px;
		color: #000;
	}
	
	.maker ul li a:hover {
		opacity: 0.7;
	}
	
	.regulationForm .board {
		display: flex;
		justify-content: space-between;
		align-items: center;
		margin: 40px 0px 0px 0px;
		background-image: url("../img/arrow_right_green.svg"), url("../img/arrow_right_green.svg");
		background-repeat: no-repeat;
		background-position: 225px 50%, 470px 50%;
		background-size: 16px auto, 16px auto;
	}
	
	.regulationForm .board li {
		width: 220px;
		padding: 13px 0px;
		background: linear-gradient(to right, #d8ecda 0%, #f6f9e4 100%);
		font-size: 1.6rem;
		text-align: center;
	}
	
	.regulationForm .board li.on {
		background: #8ac43f;
		color: #fff;
	}
	
	.regulationForm h2 {
		margin: 30px 0px 0px 0px;
		padding: 12px 0px;
		background: #decdb0;
		font-size: 2.0rem;
		text-align: center;
	}
	
	.regulationForm .attention {
		margin: 30px 0px 0px 0px;
		font-size: 1.8rem;
		color: #765e3c;
		text-align: center;
	}
	
	.regulationForm .input > div {
		margin: 30px 0px 0px 0px;
		padding: 30px 10px 60px 10px;
		background: #f2f2f2;
		border-bottom: #decdb0 1px solid;
	}
	
	.regulationForm .input > div dl {
		display: flex;
	}
	
	.regulationForm .input > div dl:nth-of-type(n+2) {
		margin: 30px 0px 0px 0px;
	}
	
	.regulationForm .input > div dl dt {
		width: 150px;
		padding: 6px 0px;
		font-size: 1.6rem;
		color: #765e3c;
	}
	
	.regulationForm .input > div dl dd {
		flex: 1;
	}
	
	.regulationForm .input > div dl dd > div:nth-of-type(n+2) {
		margin: 20px 0px 0px 0px;
	}
	
	.regulationForm .input > div dl dd input[type="text"],
	.regulationForm .input > div dl dd input[type="mail"] {
		padding: 6px 10px;
		background: #fff;
		border: #61971b 1px solid;
		box-sizing: border-box;
		font-size: 1.6rem;
	}
	
	.regulationForm .input > div dl dd input[type="radio"] {
		vertical-align: 0em;
	}
	
	.regulationForm .input > div dl dd input[type="radio"] + label {
		display: inline-block;
		padding: 6px 20px 6px 5px;
		font-size: 1.6rem;
	}
	
	.regulationForm .input > div dl dd input::placeholder {
		font-size: 1.4rem;
		color: #999;
	}
	
	.regulationForm .input > div dl dd .sub {
		margin: 5px 0px 0px 0px;
		font-size: 1.2rem;
		color: #999;
	}
	
	.regulationForm .input > div dl dd .sizeA {
		width: 100%;
	}
	
	.regulationForm .input > div dl dd .sizeB {
		width: 220px;
	}
	
	.regulationForm .input > div dl dd .sizeB:nth-of-type(n+2) {
		margin: 0px 0px 0px 20px;
	}
	
	.regulationForm .input > div dl dd .sizeC {
		width: 150px;
	}
	
	.regulationForm .input > div dl dd .sizeC:nth-of-type(n+2) {
		margin: 0px 0px 0px 20px;
	}
	
	.regulationForm .input > div dl dd textarea {
		width: 100%;
		padding: 6px 10px;
		background: #fff;
		border: #61971b 1px solid;
		box-sizing: border-box;
		font-size: 1.6rem;
	}
	
	.regulationForm .input > div dl dd textarea::placeholder {
		font-size: 1.4rem;
		color: #999;
	}
	
	.regulationForm .input .submit {
		text-align: center;
	}
	
	.regulationForm .input .submit input {
		width: 346px;
		margin: 30px auto 0px auto;
		background: #8ac43f;
		box-shadow: 0px 2px 4px 1px #aaa;
		border: none;
		line-height: 50px;
		font-size: 2.0rem;
		font-weight: bold;
		color: #fff;
		cursor: pointer;
	}
	
	.regulationForm .input .submit input:hover {
		opacity: 0.7;
	}
	
	.regulationForm .confirm > div {
		margin: 30px 0px 0px 0px;
	}
	
	.regulationForm .confirm > div dl {
		display: flex;
		padding: 10px 10px;
		background: #f2f2f2;
	}
	
	.regulationForm .confirm > div dl:nth-of-type(n+2) {
		margin: 10px 0px 0px 0px;
	}
	
	.regulationForm .confirm > div dl dt {
		width: 200px;
		font-size: 1.6rem;
		color: #765e3c;
	}
	
	.regulationForm .confirm > div dl dd {
		flex: 1;
		font-size: 1.6rem;
	}
	
	.regulationForm .confirm .submit {
		text-align: center;
	}
	
	.regulationForm .confirm .submit input {
		width: 250px;
		margin: 30px 10px 0px 10px;
		background: #8ac43f;
		box-shadow: 0px 2px 4px 1px #aaa;
		border: none;
		line-height: 50px;
		font-size: 2.0rem;
		font-weight: bold;
		color: #fff;
		cursor: pointer;
	}
	
	.regulationForm .confirm .submit input:hover {
		opacity: 0.7;
	}
	
	.regulationForm .complete {
		margin: 200px 0px 0px 0px;
		font-size: 2.0rem;
		text-align: center;
	}
	
	.environmentIndex .enStart {
		margin: 40px 0px 0px 0px;
	}
	
	.environmentIndex .enStart h2 {
		font-size: 2.0rem;
		color: #61aeff;
		text-align: center;
	}
	
	.environmentIndex .enStart > div {
		display: flex;
		flex-direction: row-reverse;
		margin: 40px 0px 0px 0px;
	}
	
	.environmentIndex .enStart > div figure {
		width: 265px;
		margin: 0px 0px 0px 60px;
	}
	
	.environmentIndex .enStart > div figure img {
		width: 265px;
		height: auto;
	}
	
	.environmentIndex .enStart > div > div {
		flex: 1;
	}
	
	.environmentIndex .enStart > div > div h3 {
		font-size: 1.8rem;
	}
	
	.environmentIndex .enStart > div > div p {
		margin: 40px 0px 0px 0px;
		font-size: 1.6rem;
	}
	
	.environmentIndex .enStart > p {
		margin: 40px 0px 0px 0px;
		font-size: 1.6rem;
	}
	
	.environmentIndex article {
		border-bottom: #decdb0 1px solid;
	}
	
	.environmentIndex article:first-of-type {
		margin: 40px 0px 0px 0px;
		border-top: #decdb0 1px solid;
	}
	
	.environmentIndex article a {
		display: flex;
		align-items: center;
		padding: 20px 0px;
		background: url("../img/arrow_right.svg") no-repeat 100% 35px / 20px 20px;
	}
	
	.environmentIndex article a:hover {
		opacity: 0.7;
	}
	
	.environmentIndex article a figure {
		width: 155px;
		margin: 0px 30px 0px 0px;
	}
	
	.environmentIndex article a figure img {
		width: 155px;
		height: auto;
	}
	
	.environmentIndex article a > div {
		flex: 1;
	}
	
	.environmentIndex article a > div h4 {
		font-size: 1.8rem;
		color: #765e3c;
	}
	
	.environmentIndex article a > div h4 span {
		display: inline-block;
		margin: 0px 10px 0px 0px;
		padding: 0px 10px;
		color: #000;
		background: #decdb0;
		border-radius: 20px;
	}
	
	.environmentIndex article a > div p {
		margin: 10px 0px 0px 40px;
		font-size: 1.6rem;
		color: #61aeff;
	}
	
	.environment h2 {
		padding: 6px 0px;
		background: #d7eb88;
		font-size: 1.8rem;
		font-weight: 500;
		text-align: center;
		color: #765e3c;
	}
	
	.environment .paging {
		display: flex;
		justify-content: center;
	}
	
	.environment .paging.top {
		margin: 45px 0px 0px 0px;
	}
	
	.environment .paging.bottom {
		margin: 90px 0px 0px 0px;
		padding: 40px 0px 0px 0px;
		border-top: #decdb0 1px solid;
	}
	
	.environment .paging li {
		margin: 0px 10px;
		font-size: 1.6rem;
		line-height: 30px;
		text-align: center;
	}
	
	.environment .paging li a {
		display: block;
		width: 30px;
		background: #decdb0;
		border-radius: 15px;
		color: #000;
	}
	
	.environment .paging li.on a {
		background: #c3e173;
	}
	
	.environment .paging li a:hover {
		color: #fff;
		opacity: 0.7;
	}
	
	.environment .exp {
		margin: 40px 0px 0px 0px;
	}
	
	.environment .exp figure {
		float: right;
		width: 270px;
		margin: -60px 0px 0px 50px;
	}
	
	.environment .exp figure img {
		width: 270px;
		height: auto;
	}
	
	.environment .exp h3 {
		font-size: 1.6rem;
		color: #61aeff;
	}
	
	.environment .exp p {
		margin: 40px 0px 0px 0px;
		font-size: 1.6rem;
	}
	
	.environment .plan h4 {
		margin: 60px 0px 0px 0px;
		padding: 12px 0px;
		background: #decdb0;
		font-size: 2.0rem;
		text-align: center;
	}
	
	.environment .plan h5 {
		margin: 40px 0px 0px 0px;
		padding: 12px 20px;
		background: #fcf5e8;
		border-bottom: #decdb0 2px dotted;
		font-size: 2.0rem;
		color: #755E3C;
		text-align: center;
	}
	
	.environment .plan h6 {
		margin: 40px 0px 0px 0px;
		font-size: 1.8rem;
		color: #765e3c;
		text-align: center;
	}
	
	.environment .plan p {
		margin: 30px 0px 0px 0px;
		font-size: 1.6rem;
	}
	
	.environment .plan p.subText {
		margin: 15px 0px 0px 0px;
		font-size: 1.2rem;
	}
	
	.environment .plan p sup {
		vertical-align: top;
		font-size: 1.2rem;
	}
	
	.environment .box {
		margin: 40px 0px 0px 0px;
		padding: 15px 18px;
		border: #dfceb0 1px solid;
	}
	
	.environment .box h4 {
		font-size: 1.8rem;
		color: #765e3c;
	}
	
	.environment .box p {
		font-size: 1.6rem;
	}
	
	.environment .packingImg {
		margin: 40px 0px 0px 0px;
		text-align: center;
	}
	
	.environment .packingImg figcaption {
		margin: 20px 0px 0px 0px;
		font-size: 1.6rem;
	}
	
	.environment .maker section {
		margin: 40px 0px 0px 0px;
	}
	
	.environment .maker section h4 {
		padding: 12px 0px;
		background: #decdb0;
		font-size: 2.0rem;
		text-align: center;
	}
	
	.environment .maker section h5 {
		margin: 30px 0px 0px 0px;
		font-size: 1.8rem;
		color: #765e3c;
	}
	
	.environment .maker section p {
		margin: 20px 0px 0px 0px;
		font-size: 1.6rem;
	}
	
	.recipeIndex a:hover {
		opacity: 0.7;
	}
	
	.recipeIndex .link {
		margin: 40px 0px 0px 0px;
	}
	
	.recipeIndex .link h2 {
		padding: 12px 0px;
		background: #decdb0;
		font-size: 2.0rem;
		text-align: center;
	}
	
	.recipeIndex .link ul {
		display: flex;
		flex-wrap: wrap;
	}
	
	.recipeIndex .link ul li {
		margin: 25px 0px 0px 0px;
	}
	
	.recipeIndex .link ul li:nth-of-type(2n-1) {
		margin: 25px 26px 0px 0px;
	}
	
	.recipeIndex .link ul li a {
		display: block;
	}
	
	.recipeIndex .link ul li a figure {
		padding: 7px;
		border: #c4c4c4 1px solid;
	}
	
	.recipeIndex .link ul li a h3 {
		margin: 10px 0px 0px 0px;
		font-size: 2.2rem;
		color: #000;
		line-height: 1.4;
	}
	
	.recipeIndex .link ul li a p {
		font-size: 1.6rem;
		color: #755e3c;
	}
	
	.recipeIndex .others {
		margin: 40px 0px 0px 0px;
	}
	
	.recipeIndex .others h2 {
		padding: 12px 20px;
		background: #fcf5e8;
		border-bottom: #decdb0 2px dotted;
		font-size: 2.0rem;
		color: #755E3C;
		text-align: center;
	}
	
	.recipeIndex .others ul {
		display: flex;
		flex-wrap: wrap;
	}
	
	.recipeIndex .others ul li {
		width: 164px;
		margin: 30px 0px 0px 0px;
	}
	
	.recipeIndex .others ul li:not(:nth-of-type(4n)) {
		margin: 30px 18px 0px 0px;
	}
	
	.recipeIndex .others ul li a {
		display: block;
	}
	
	.recipeIndex .others ul li a h3 {
		margin: 15px 0px 0px 0px;
		font-size: 1.8rem;
		color: #000;
		line-height: 1.4;
	}
	
	.recipe .temporary {
		margin: 60px 0px 0px 0px;
		padding: 0px 0px 20px 0px;
		font-size: 1.8rem;
		font-weight: bold;
		text-align: center;
	}
	
	.recipe .thum {
		display: flex;
		margin: 40px 0px 0px 0px;
	}
	
	.recipe .thum figure {
		width: 405px;
		margin: 0px 30px 0px 0px;
		padding: 2px;
		border: #ede4d5 1px solid;
		box-sizing: border-box;
	}
	
	.recipe .thum figure img {
		width: 100%;
		height: auto;
	}
	
	.recipe .thum > div {
		flex: 1;
	}
	
	.recipe .thum > div h2 {
		font-size: 1.8rem;
		color: #765e3c;
		text-align: center;
	}
	
	.recipe .thum > div ul {
		margin: 10px 0px 0px 0px;
	}
	
	.recipe .thum > div ul li {
		padding: 2px 0px;
		font-size: 1.6rem;
	}
	
	.recipe .ingredient {
		margin: 40px 0px 0px 0px;
	}
	
	.recipe .ingredient h2 {
		padding: 12px 20px;
		background: #fcf5e8;
		border-bottom: #decdb0 2px dotted;
		font-size: 2.0rem;
		color: #755E3C;
		text-align: center;
	}
	
	.recipe .ingredient > div {
		display: flex;
		flex-wrap: wrap;
		margin: 40px 0px 0px 0px;
	}
	
	.recipe .ingredient > div dl {
		display: flex;
		width: 340px;
		padding: 3px 0px;
		border-bottom: #decdb0 1px solid;
	}
	
	.recipe .ingredient > div dl:nth-of-type(2n-1) {
		margin: 0px 30px 0px 0px;
	}
	
	.recipe .ingredient > div dl:nth-of-type(1),
	.recipe .ingredient > div dl:nth-of-type(2) {
		border-top: #decdb0 1px solid;
	}
	
	.recipe .ingredient > div dl dt {
		width: 50%;
		font-size: 1.6rem;
	}
	
	.recipe .ingredient > div dl dd {
		width: 50%;
		font-size: 1.6rem;
		text-align: right;
	}
	
	.recipe .ingredient > div dl.textA dt {
		width: 75%;
	}
	
	.recipe .ingredient > div dl.textA dd {
		width: 25%;
	}
	
	.recipe .ingredient > div dl.textB dt {
		width: 25%;
	}
	
	.recipe .ingredient > div dl.textB dd {
		width: 75%;
	}
	
	.recipe .how {
		margin: 40px 0px 0px 0px;
	}
	
	.recipe .how h2 {
		padding: 12px 20px;
		background: #fcf5e8;
		border-bottom: #decdb0 2px dotted;
		font-size: 2.0rem;
		color: #755E3C;
		text-align: center;
	}
	
	.recipe .how h3 {
		margin: 20px 0px 0px 0px;
		font-size: 1.8rem;
		color: #765e3c;
	}
	
	.recipe .how h3:first-of-type {
		margin: 40px 0px 0px 0px;
		padding: 20px 0px 0px 0px;
		border-top: #decdb0 1px solid;
	}
	
	.recipe .how p {
		margin: 10px 0px 0px 0px;
		padding: 0px 0px 20px 0px;
		border-bottom: #decdb0 1px solid;
		font-size: 1.6rem;
	}
	
	.recipe .memo {
		margin: 40px 0px 0px 0px;
	}
	
	.recipe .memo h2 {
		font-size: 1.8rem;
		color: #765e3c;
	}
	
	.recipe .memo p {
		font-size: 1.6rem;
		margin: 10px 0px 0px 0px;
	}
	
	.contact h2 {
		margin: 40px 0px 0px 0px;
		font-size: 1.8rem;
	}
	
	.contact h2 + p {
		margin: 10px 0px 0px 0px;
		font-size: 1.6rem;
	}
	
	.contact p.link {
		margin: 10px 0px 0px 0px;
		font-size: 1.6rem;
	}
	
	.contact p.link a {
		display: inline-block;
		padding: 5px 30px 5px 0px;
		background: url("../img/arrow_right.svg") no-repeat 100% 50% / 20px 20px;
	}
	
	.sitePolicy h2 {
		margin: 40px 0px 0px 0px;
		font-size: 1.8rem;
	}
	
	.sitePolicy p {
		margin: 40px 0px 0px 0px;
		font-size: 1.6rem;
	}
	
	.sitePolicy h2 + p {
		margin: 20px 0px 0px 0px;
		font-size: 1.6rem;
	}
	
	.privacyPolicy h2 {
		margin: 40px 0px 0px 0px;
		font-size: 1.8rem;
	}
	
	.privacyPolicy h3 {
		margin: 40px 0px 0px 0px;
		font-size: 1.8rem;
		font-weight: normal;
	}
	
	.privacyPolicy p {
		margin: 40px 0px 0px 0px;
		font-size: 1.6rem;
	}
	
	.privacyPolicy h2 + p,
	.privacyPolicy h3 + p {
		margin: 20px 0px 0px 0px;
		font-size: 1.6rem;
	}
	
	.milkDay .catch {
		margin: 30px 0px 0px 0px;
	}
	
	.milkDay .catch h3 {
		font-size: 2.0rem;
	}
	
	.milkDay .catch p {
		margin: 20px 0px 0px 0px;
		font-size: 1.8rem;
	}
	
	.milkDay section h2 {
		padding: 12px 0px;
		background: #decdb0;
		font-size: 2.0rem;
		text-align: center;
	}
	
	.milkDay .present {
		margin: 40px 0px 0px 0px;
	}
	
	.milkDay .present > div {
		margin: 30px 0px 0px 0px;
		display: flex;
	}
	
	.milkDay .present > div figure {
		width: 340px;
		margin: 0px 40px 0px 0px;
	}
	
	.milkDay .present > div figure img {
		width: 340px;
		height: auto;
	}
	
	.milkDay .present > div p {
		flex: 1;
		font-size: 1.6rem;
	}
	
	.milkDay .balance {
		margin: 40px 0px 0px 0px;
	}
	
	.milkDay .balance > div {
		margin: 30px 0px 0px 0px;
		display: flex;
	}
	
	.milkDay .balance > div p {
		flex: 1;
		font-size: 1.6rem;
	}
	
	.milkDay .balance > div figure {
		width: 339px;
		margin: 0px 0px 0px 40px;
	}
	
	.milkDay .balance > div figure img {
		width: 339px;
		height: auto;
	}
	
	.milkDay .balance dl {
		margin: 30px 0px 0px 0px;
		padding: 20px 0px;
		border-top: #d1c0a3 1px solid;
		border-bottom: #d1c0a3 1px solid;
	}
	
	.milkDay .balance dl dt {
		font-size: 2.0rem;
		font-weight: bold;
	}
	
	.milkDay .balance dl dd {
		margin: 10px 0px 0px 0px;
		font-size: 1.6rem;
	}
	
	.milkDay .power {
		margin: 40px 0px 0px 0px;
	}
	
	.milkDay .power > p {
		margin: 30px 0px 0px 0px;
		font-size: 1.6rem;
	}
	
	.milkDay .power > div {
		margin: 30px 0px 0px 0px;
		display: flex;
	}
	
	.milkDay .power > div figure {
		width: 280px;
		margin: 0px 40px 0px 0px
	}
	
	.milkDay .power > div figure img {
		width: 280px;
		height: auto;
	}
	
	.milkDay .power > div dl {
		flex: 1;
	}
	
	.milkDay .power > div dl dt {
		padding: 20px 0px 0px 0px;
		background: url("../img/worldmilkday_icon.svg") no-repeat center top / 75px auto;
		font-size: 2.0rem;
		font-weight: bold;
		color: #755e3c;
		text-align: center;
	}
	
	.milkDay .power > div dl dd {
		margin: 10px 0px 0px 0px;
	}
	
	.milkDay .power > div dl dd ul li {
		padding: 2px 0px 2px 25px;
		background: url("../img/worldmilkday_icon2.svg") no-repeat left center / 15px 15px;
		font-size: 1.6rem;
	}
	
	.recycle .catch {
		margin: 30px 0px 0px 0px;
	}
	
	.recycle .catch h3 {
		font-size: 2.0rem;
	}
	
	.recycle .catch p {
		margin: 20px 0px 0px 0px;
		font-size: 1.8rem;
	}
	
	.recycle h2 {
		margin: 50px 0px 0px 0px;
		font-size: 2.2rem;
		text-align: center;
	}
	
	.recycle h2 > span {
		display: inline-block;
		padding: 2px 0px 2px 50px;
		background: url("../img/recycle_icon.svg") no-repeat 0% 50% / 40px 26px;
	}
	
	.recycle h2 span span {
		color: #c9301e;
	}
	
	.recycle .rule {
		margin: 25px 0px 0px 0px;
		padding: 0px 0px 50px 0px;
		background: #eff2dd;
	}
	
	.recycle .rule h3 img {
		width: 360px;
		height: auto;
	}
	
	.recycle .rule ul {
		display: flex;
		justify-content: space-between;
		margin: 20px 25px 0px 25px;
	}
	
	.recycle .rule ul li {
		width: 190px;
	}
	
	.recycle .rule ul li:nth-of-type(1) figure img {
		width: 166px;
		height: auto;
		margin: 20px 0px 0px 0px;
	}
	
	.recycle .rule ul li:nth-of-type(2) figure img {
		width: 178px;
		height: auto;
		margin: 20px 0px 0px 0px;
	}
	
	.recycle .rule ul li:nth-of-type(3) figure img {
		width: 166px;
		height: auto;
	}
	
	.recycle .rule ul li p {
		margin: 20px 0px 0px 0px;
		font-size: 1.6rem;
	}
	
	.recycle .rule dl {
		margin: 30px 25px 0px 25px;
		padding: 30px 0px 0px 0px;
		border-top: #755e3c 2px dotted;
	}
	
	.recycle .rule dl dt {
		display: flex;
		align-items: center;
	}
	
	.recycle .rule dl dt img {
		width: 65px;
		height: auto;
		margin: 0px 20px 0px 0px;
	}
	
	.recycle .rule dl dt h4 {
		font-size: 1.6rem;
	}
	
	.recycle .rule dl dd {
		margin: 20px 0px 0px 0px;
	}
	
	.recycle .rule dl dd p {
		font-size: 1.6rem;
	}
	
	.recycle .rule .last {
		margin: 30px 25px 0px 25px;
		padding: 30px 0px 0px 0px;
		border-top: #755e3c 2px dotted;
		font-size: 1.6rem;
	}
	
	.recycle .flow {
		margin: 50px 0px 0px 0px;
		padding: 0px 0px 30px 0px;
		background: #eff2dd;
	}
	
	.recycle .flow h3 img {
		width: 360px;
		height: auto;
	}
	
	.recycle .flow > div {
		display: flex;
		margin: 20px 25px 0px 25px;
	}
	
	.recycle .flow > div > figure {
		width: 280px;
		margin: 0px 40px 0px 0px;
	}
	
	.recycle .flow > div > figure img {
		width: 280px;
		height: auto;
	}
	
	.recycle .flow > div > div {
		flex: 1;
	}
	
	.recycle .flow > div > div p {
		font-size: 1.6rem;
	}
	
	.recycle .flow > div > div p.last {
		margin: 30px 0px 0px 0px;
		padding: 30px 0px 0px 0px;
		border-top: #755e3c 2px dotted;
	}
	
	.recycle .link {
		margin: 40px 0px 0px 0px;
	}
	
	.recycle .link h3 {
		font-size: 1.8rem;
		color: #765e3c;
	}
	
	.recycle .link ul {
		margin: 20px 0px 0px 0px;
	}
	
	.recycle .link ul li {
		font-size: 1.6rem;
	}
	
	.recycle .link ul li a {
		display: inline-block;
		padding: 2px 30px 2px 0px;
		background: url("../img/arrow_right.svg") no-repeat right center / 20px 20px;
	}
	
	.factory .catch {
		margin: 30px 0px 0px 0px;
	}
	
	.factory .catch h2 {
		font-size: 2.0rem;
	}
	
	.factory .catch p {
		margin: 20px 0px 0px 0px;
		font-size: 1.8rem;
	}
	
	.factory .toVirtual {
		margin: 60px 0px 0px 0px;
		font-size: 2.0rem;
		font-weight: bold;
		text-align: center;
	}
	
	.factory .toVirtual a {
		display: block;
		padding: 17px 10px;
		background: #f2f2f2;
		border: #dfefff 2px solid;
		line-height: 1.6;
		color: #000;
	}
	
	.factory .toVirtual a:hover {
		opacity: 0.6;
	}
	
	.factory section.list {
		margin: 60px 0px 0px 0px;
	}
	
	.factory section.first {
		margin: 40px 0px 0px 0px;
	}
	
	.factory .list h2 {
		padding: 12px 0px;
		background: #decdb0;
		font-size: 2.0rem;
		text-align: center;
	}
	
	.factory .list .map {
		margin: 30px 0px 0px 0px;
		padding: 40px 24px;
		background: #f2f2f2;
	}
	
	.factory .list .map area {
		display: block;
		cursor: pointer;
	}
	
	.factory .list .map ul {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		margin: 30px 0px 0px 0px;
	}
	
	.factory .list .map ul li {
		width: 156px;
		margin: 10px 0px 0px 0px;
		font-size: 1.6rem;
		font-weight: bold;
		text-align: center;
	}
	
	.factory .list .map ul li a {
		display: block;
		padding: 7px 0px;
		color: #755e3c;
	}
	
	.factory .list .map ul li:nth-of-type(1) a {
		background: #dbed35;
	}
	
	.factory .list .map ul li:nth-of-type(2) a {
		background: #ceea5c;
	}
	
	.factory .list .map ul li:nth-of-type(3) a {
		background: #b2e249;
	}
	
	.factory .list .map ul li:nth-of-type(4) a {
		background: #9ae256;
	}
	
	.factory .list .map ul li:nth-of-type(5) a {
		background: #76e5ad;
	}
	
	.factory .list .map ul li:nth-of-type(6) a {
		background: #71c5b6;
	}
	
	.factory .list .map ul li:nth-of-type(7) a {
		background: #93e5db;
	}
	
	.factory .list .map ul li:nth-of-type(8) a {
		background: #aae6f9;
	}
	
	.factory .list section {
		margin: 50px 0px 0px 0px;
	}
	
	.factory .list section h3 {
		font-size: 2.0rem;
		text-align: center;
		color: #755e3c;
	}
	
	.factory .list section ul {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		margin: 20px 0px 0px 0px;
	}
	
	.factory .list section ul li {
		width: calc(50% - 12px);
		margin: 20px 0px 0px 0px;
		padding: 20px;
		border: #d3c2a5 1px solid;
		box-sizing: border-box;
	}
	
	.factory .list section ul li h4 {
		font-size: 1.6rem;
		color: #755e3c;
	}
	
	.factory .list section ul li h5 {
		font-size: 1.6rem;
	}
	
	.factory .list section ul li h5 a {
		text-decoration: underline;
		color: #f05b23;
	}
	
	.factory .list section ul li h5 a:hover {
		opacity: 0.6;
	}
	
	.factory .list section ul li p {
		margin: 10px 0px 0px 0px;
		font-size: 1.6rem;
	}
	
	.yappari > p {
		margin: 30px 0px 0px 0px;
		font-size: 1.6rem;
		line-height: 1.9;
		color: #202522;
	}
	
	.yappari .cts01 {
		margin: 30px 0px 0px 0px;
	}
	
	.yappari .cts01 .title {
		padding: 0px 0px 35px 0px;
		background: #eaddbe;
		position: relative;
	}
	
	.yappari .cts01 .title p {
		width: 250px;
		margin: 0px 0px 0px 90px;
		padding: 25px 0px 0px 0px;
		text-align: center;
		font-size: 1.6rem;
		font-weight: bold;
		color: #166186;
		position: relative;
	}
	
	.yappari .cts01 .title p::before {
		content: " ";
		width: 2px;
		height: 60px;
		background: #166186;
		position: absolute;
		top: 25px;
		left: 0px;
		transform: rotate(-30deg);
	}
	
	.yappari .cts01 .title p::after {
		content: " ";
		width: 2px;
		height: 60px;
		background: #166186;
		position: absolute;
		top: 25px;
		right: 0px;
		transform: rotate(30deg);
	}
	
	.yappari .cts01 .title h2 {
		width: 250px;
		margin: 20px 0px 0px 90px;
		text-align: center;
		font-size: 2.2rem;
		color: #4c4c4c;
	}
	
	.yappari .cts01 .title h2 span {
		display: inline-block;
		padding: 0px 10px 5px 10px;
		border-bottom: #166186 7px dotted;
	}
	
	.yappari .cts01 .title figure {
		position: absolute;
		top: 9px;
		left: 455px;
	}
	
	.yappari .cts01 .title figure img {
		width: 155px;
		height: auto;
	}
	
	.yappari .cts01 .center {
		height: 507px;
		position: relative;
	}
	
	.yappari .cts01 .center .ballonA {
		width: 407px;
		height: 176px;
		padding: 45px 0px 0px 85px;
		background: url("../img/yappari_img02.png") no-repeat left top;
		box-sizing: border-box;
		position: absolute;
		top: 36px;
		left: 11px;
		font-size: 1.6rem;
	}
	
	.yappari .cts01 .center .ballonB {
		width: 407px;
		height: 176px;
		padding: 45px 0px 0px 85px;
		background: url("../img/yappari_img03.png") no-repeat left top;
		box-sizing: border-box;
		position: absolute;
		top: 285px;
		right: 26px;
		font-size: 1.6rem;
	}
	
	.yappari .cts01 .center .imgA {
		width: 213px;
		height: 213px;
		position: absolute;
		top: 25px;
		right: 59px;
	}
	
	.yappari .cts01 .center .imgB {
		width: 213px;
		height: 213px;
		position: absolute;
		top: 266px;
		left: 45px;
	}
	
	.yappari .cts01 .center figure img {
		width: 213px;
		height: auto;
	}
	
	.yappari .cts01 .bottom {
		background: #ebeced;
		position: relative;
	}
	
	.yappari .cts01 .bottom p {
		padding: 35px 0px;
		font-size: 2.0rem;
		font-weight: bold;
		text-align: center;
		color: #166186;
	}
	
	.yappari .cts01 .bottom .imgC {
		width: 106px;
		height: 111px;
		position: absolute;
		top: 16px;
		left: 25px;
	}
	
	.yappari .cts01 .bottom .imgD {
		width: 138px;
		height: 134px;
		position: absolute;
		top: 2px;
		right: 24px;
	}
	
	.yappari .cts02 {
		margin: 82px 0px 0px 0px;
	}
	
	.yappari .cts02 .title {
		padding: 0px 0px 35px 0px;
		background: #eaddbe;
		position: relative;
	}
	
	.yappari .cts02 .title p {
		width: 250px;
		margin: 0px 0px 0px 90px;
		padding: 25px 0px 0px 0px;
		text-align: center;
		font-size: 1.6rem;
		font-weight: bold;
		color: #d6257e;
		position: relative;
	}
	
	.yappari .cts02 .title p::before {
		content: " ";
		width: 2px;
		height: 60px;
		background: #d6257e;
		position: absolute;
		top: 25px;
		left: 0px;
		transform: rotate(-30deg);
	}
	
	.yappari .cts02 .title p::after {
		content: " ";
		width: 2px;
		height: 60px;
		background: #d6257e;
		position: absolute;
		top: 25px;
		right: 0px;
		transform: rotate(30deg);
	}
	
	.yappari .cts02 .title h2 {
		width: 250px;
		margin: 20px 0px 0px 90px;
		text-align: center;
		font-size: 2.2rem;
		color: #4c4c4c;
	}
	
	.yappari .cts02 .title h2 span {
		display: inline-block;
		padding: 0px 10px 5px 10px;
		border-bottom: #d6257e 7px dotted;
	}
	
	.yappari .cts02 .title figure {
		position: absolute;
		top: -30px;
		left: 455px;
	}
	
	.yappari .cts02 .title figure img {
		width: 197px;
		height: auto;
	}
	
	.yappari .cts02 .center {
		height: 521px;
		position: relative;
	}
	
	.yappari .cts02 .center .ballonA {
		width: 407px;
		height: 176px;
		padding: 50px 0px 0px 85px;
		background: url("../img/yappari_img02.png") no-repeat left top;
		box-sizing: border-box;
		position: absolute;
		top: 50px;
		left: 16px;
		font-size: 1.6rem;
	}
	
	.yappari .cts02 .center .ballonB {
		width: 407px;
		height: 176px;
		padding: 50px 0px 0px 85px;
		background: url("../img/yappari_img03.png") no-repeat left top;
		box-sizing: border-box;
		position: absolute;
		top: 293px;
		right: 24px;
		font-size: 1.6rem;
	}
	
	.yappari .cts02 .center .imgA {
		width: 244px;
		height: 221px;
		position: absolute;
		top: 25px;
		right: 23px;
	}
	
	.yappari .cts02 .center .imgB {
		width: 242px;
		height: 221px;
		position: absolute;
		top: 274px;
		left: 17px;
	}
	
	.yappari .cts02 .bottom {
		background: #ebeced;
		position: relative;
	}
	
	.yappari .cts02 .bottom p {
		padding: 35px 0px;
		font-size: 2.0rem;
		font-weight: bold;
		text-align: center;
		color: #d6257e;
	}
	
	.yappari .cts02 .bottom .imgC {
		width: 153px;
		height: 155px;
		position: absolute;
		top: -7px;
		left: 19px;
	}
	
	.yappari .cts02 .bottom .imgD {
		width: 106px;
		height: 111px;
		position: absolute;
		top: 22px;
		right: 39px;
	}
	
	.yappari .cts03 {
		margin: 74px 0px 0px 0px;
	}
	
	.yappari .cts03 .title {
		padding: 0px 0px 35px 0px;
		background: #eaddbe;
		position: relative;
	}
	
	.yappari .cts03 .title p {
		width: 250px;
		margin: 0px 0px 0px 90px;
		padding: 25px 0px 0px 0px;
		text-align: center;
		font-size: 1.6rem;
		font-weight: bold;
		color: #186d06;
		position: relative;
	}
	
	.yappari .cts03 .title p::before {
		content: " ";
		width: 2px;
		height: 60px;
		background: #186d06;
		position: absolute;
		top: 25px;
		left: 0px;
		transform: rotate(-30deg);
	}
	
	.yappari .cts03 .title p::after {
		content: " ";
		width: 2px;
		height: 60px;
		background: #186d06;
		position: absolute;
		top: 25px;
		right: 0px;
		transform: rotate(30deg);
	}
	
	.yappari .cts03 .title h2 {
		width: 250px;
		margin: 20px 0px 0px 90px;
		text-align: center;
		font-size: 2.2rem;
		color: #4c4c4c;
	}
	
	.yappari .cts03 .title h2 span {
		display: inline-block;
		padding: 0px 10px 5px 10px;
		border-bottom: #186d06 7px dotted;
	}
	
	.yappari .cts03 .title figure {
		position: absolute;
		top: -17px;
		left: 434px;
	}
	
	.yappari .cts03 .title figure img {
		width: 191px;
		height: auto;
	}
	
	.yappari .cts03 .center {
		height: 524px;
		position: relative;
	}
	
	.yappari .cts03 .center .ballonA {
		width: 407px;
		height: 176px;
		padding: 50px 0px 0px 85px;
		background: url("../img/yappari_img02.png") no-repeat left top;
		box-sizing: border-box;
		position: absolute;
		top: 49px;
		left: 17px;
		font-size: 1.6rem;
	}
	
	.yappari .cts03 .center .ballonB {
		width: 407px;
		height: 176px;
		padding: 50px 0px 0px 85px;
		background: url("../img/yappari_img03.png") no-repeat left top;
		box-sizing: border-box;
		position: absolute;
		top: 300px;
		right: 22px;
		font-size: 1.6rem;
	}
	
	.yappari .cts03 .center .imgA {
		width: 221px;
		height: 221px;
		position: absolute;
		top: 24px;
		right: 33px;
	}
	
	.yappari .cts03 .center .imgB {
		width: 221px;
		height: 221px;
		position: absolute;
		top: 278px;
		left: 39px;
	}
	
	.yappari .cts03 .bottom {
		background: #ebeced;
		position: relative;
	}
	
	.yappari .cts03 .bottom p {
		padding: 35px 0px;
		font-size: 2.0rem;
		font-weight: bold;
		text-align: center;
		color: #186d06;
	}
	
	.yappari .cts03 .bottom .imgC {
		width: 138px;
		height: 134px;
		position: absolute;
		top: 2px;
		left: 24px;
	}
	
	.yappari .cts03 .bottom .imgD {
		width: 153px;
		height: 155px;
		position: absolute;
		top: -7px;
		right: 26px;
	}
	
	.yappari .detail {
		margin: 61px 0px 0px 0px;
	}
	
	.yappari .detail .title {
		padding: 30px 0px;
		background: #eaddbe url("../img/yappari_img18.png") no-repeat 73% 50%;
	}
	
	.yappari .detail .title h2 {
		font-size: 2.2rem;
		color: #4c4c4c;
		text-align: center;
		position: relative;
	}
	
	.yappari .detail .title h2::before {
		content: " ";
		width: 170px;
		border-bottom: #fff 7px dotted;
		position: absolute;
		left: calc(50% - 85px);
		bottom: -10px;
	}
	
	.yappari .detail section {
		margin: 40px 0px 0px 0px;
	}
	
	.yappari .detail section .set {
		display: flex;
		align-items: center;
	}
	
	.yappari .detail section .set figure {
		margin: 0px 0px 0px 27px;
	}
	
	.yappari .detail section .set h3 {
		display: flex;
		justify-content: center;
		align-items: center;
		min-height: 87px;
		background: url("../img/yappari_img20.png") no-repeat 50% 50%;
		font-size: 2.2rem;
		text-align: center;
		color: #299dc1;
	}
	
	.yappari .detail section .set01 h3 {
		width: 210px;
	}
	
	.yappari .detail section .set02 h3 {
		width: 230px;
	}
	
	.yappari .detail section .set03 h3 {
		width: 220px;
	}
	
	.yappari .detail section p {
		margin: 20px 0px 0px 0px;
		font-size: 1.6rem;
	}
	
	.yappari .detail section p span {
		display: block;
		margin: 0px 0px 0px 1.6rem;
		text-indent: -1.6rem;
	}
	
	.yappari .summary {
		margin: 62px 0px 0px 0px;
		padding: 35px 25px;
		background: #eaddbe;
		position: relative;
	}
	
	.yappari .summary h2 {
		margin: 0px 0px 0px 75px;
		font-size: 2.2rem;
		color: #4c4c4c;
	}
	
	.yappari .summary h2 span {
		display: inline-block;
		padding: 0px 45px 5px 45px;
		border-bottom: #299dc1 7px dotted;
	}
	
	.yappari .summary figure {
		width: 294px;
		height: 158px;
		position: absolute;
		top: 12px;
		right: 34px;
	}
	
	.yappari .summary p {
		margin: 50px 0px 0px 0px;
		padding: 50px 30px 30px 30px;
		background: #fff;
		font-size: 1.6rem;
	}
	
	.cheeseDay p {
		margin: 30px 0px 0px 0px;
		font-size: 1.6rem;
	}
	
	.cheeseDay p a {
		display: inline-block;
		padding: 2px 25px 2px 0px;
		background: url("../img/arrow_right.svg") no-repeat 100% 50% / 20px 20px;
	}
	
	.cheeseDay .banner {
		margin: 30px 0px 0px 0px;
	}
	
	.cheeseDay .banner a {
		transition: all 0.2s cubic-bezier(0.215, 0.61, 0.355, 1);
	}
	
	.cheeseDay .banner a:hover {
		opacity: 0.7;
		transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);
	}
	
	.icecreamDay p {
		margin: 30px 0px 0px 0px;
		font-size: 1.6rem;
	}
	
	.icecreamDay p a {
		display: inline-block;
		padding: 2px 25px 2px 0px;
		background: url("../img/arrow_right.svg") no-repeat 100% 50% / 20px 20px;
	}

	.update dl {
		margin: 40px 0px 0px 0px;
		border-top: #decdb0 1px solid;
	}
	
	.update dl a,
	.update dl > span {
		display: flex;
		padding: 13px 0px;
		border-bottom: #decdb0 1px solid;
	}
	
	.update dl a:hover {
		opacity: 0.7;
	}
	
	.update dl a dt,
	.update dl span dt {
		width: 100px;
		margin: 0px 20px 0px 0px;
		font-size: 1.6rem;
		color: #755e3c;
	}
	
	.update dl a dd,
	.update dl span dd {
		width: 590px;
		font-size: 1.6rem;
		color: #000;
	}
	
	.update dl a dd span,
	.update dl span dd span {
		display: inline-block;
		padding: 0px 10px 0px 0px;
		color: #61adff;
		font-weight: bold;
	}
	
	.update div.toArchive {
		display: flex;
		margin: 40px 0px 0px 0px;
		padding: 20px 10px;
		background: #f9f9f9;
		border-top: #ccc 1px solid;
		border-bottom: #ccc 1px solid;
	}
	
	.update div.toArchive h2 {
		width: 140px;
		font-size: 1.6rem;
	}
	
	.update div.toArchive p {
		flex: 1;
		font-size: 1.6rem;
	}
	
	.siteMap {
		display: block;
		width: 950px;
		margin: 0px auto;
		padding: 0px 20px 90px 20px;
	}
	
	.siteMap section {
		margin: 50px 0px 0px 0px;
	}
	
	.siteMap section h2 {
		padding: 26px 10px;
		border-radius: 5px;
		font-size: 2.2rem;
		text-align: center;
	}
	
	.siteMap section:nth-of-type(1) h2 {
		background: linear-gradient(to right, #dee8f6 50%, #ebf6f9 100%);
	}
	
	.siteMap section:nth-of-type(2) h2 {
		background: linear-gradient(to right, #d5eae5 50%, #f0f8f1 100%);
	}
	
	.siteMap section:nth-of-type(3) h2 {
		background: linear-gradient(to right, #d8ecda 50%, #f6f9e4 100%);
	}
	
	.siteMap section:nth-of-type(4) h2 {
		background: linear-gradient(to right, #e0eccb 50%, #fbfada 100%);
	}
	
	.siteMap section h2 span {
		padding: 0px 0px 0px 20px;
		font-size: 1.8rem;
	}
	
	.siteMap section > ul {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		margin: 30px 0px 0px 0px;
	}
	
	.siteMap section > ul > li {
		width: calc(50% - 10px);
		padding: 0px 20px 0px 0px;
		box-sizing: border-box;
		border-bottom: #decdaf 1px solid;
		font-size: 1.6rem;
	}
	
	.siteMap section > ul > li:nth-of-type(1),
	.siteMap section > ul > li:nth-of-type(2) {
		border-top: #decdaf 1px solid;
	}
	
	.siteMap section > ul > li a {
		display: inline-block;
		padding: 10px 0px;
	}
	
	.siteMap section > ul > li ul {
		padding: 0px 0px 0px 40px;
	}
	
	.siteMap section > ul > li ul li {
		padding: 0px 20px 0px 0px;
		font-size: 1.6rem;
	}
	
	.siteMap section > ul > li ul li a {
		display: inline-block;
		padding: 6px 0px;
	}
	
	.logo p {
		margin: 40px 0px 0px 0px;
		font-size: 1.6rem;
	}
	
	.logo .bold {
		font-weight: bold;
	}
	
	.logo figure {
		width: 500px;
		margin: 40px auto 0px auto;
		padding: 50px;
		box-sizing: border-box;
		border: #eee 1px solid;
		text-align: center;
	}
	
	.logo figure img {
		width: 100%;
		height: auto;
	}

	.logo dl.pdf {
		margin: 40px 0px 0px 0px;
		border-top: #decdb0 1px solid;
	}
	
	.logo dl.pdf a {
		display: flex;
		align-items: center;
		padding: 13px 0px;
		border-bottom: #decdb0 1px solid;
	}
	
	.logo dl.pdf a:hover {
		opacity: 0.7;
	}
	
	.logo dl.pdf a dt {
		width: 100px;
		margin: 0px 20px 0px 0px;
		font-size: 1.6rem;
		color: #755e3c;
	}
	
	.logo dl.pdf a dd {
		width: 590px;
		padding: 0px 35px 0px 30px;
		background-image: url("../img/pdficon_small.png"), url("../img/arrow_right.svg");
		background-repeat: no-repeat, no-repeat;
		background-position: 0% 50%, 100% 50%;
		background-size: 16px 16px, 20px 20px;
		box-sizing: border-box;
		font-size: 1.6rem;
		color: #000;
	}
	
	.logo dl.pdf a.none dd {
		padding: 0px 35px 0px 0px;
		background-image: url("../img/arrow_right.svg");
		background-repeat: no-repeat;
		background-position: 100% 50%;
		background-size: 20px 20px;
	}
	
	#notFound {
		display: block;
		width: 950px;
		margin: 60px auto 0px auto;
		padding: 0px 20px 90px 20px;
		text-align: center;
	}
	
	#notFound h2 {
		font-size: 2.0rem;
		color: #2ea7e0;
	}
	
	#notFound p {
		margin: 30px 0px 0px 0px;
		font-size: 1.6rem;
	}
	
	#notFound ul {
		display: flex;
		justify-content: center;
		margin: 30px auto 0px auto;
	}
	
	#notFound ul li {
		margin: 0px 20px;
		font-size: 1.6rem;
	}
	
	#notFound ul li a {
		display: block;
		padding: 0px 36px 0px 0px;
		background: url("../img/arrow_right.svg") no-repeat 100% 50%;
		color: #000;
	}
	
	#notFound ul li a:hover {
		opacity: 0.7;
	}
	
	#notFound figure {
		margin: 30px 0px 0px 0px;
	}
	
	.dairyqa {
		width: 950px;
		margin: 40px auto 0px auto;
		padding: 0px 20px 90px 20px;
	}
	
	.dairyqa .qaSearch {
		margin: 30px 0px 0px 0px;
		padding: 0px 0px 20px 0px;
		background: #F0F0F0;
	}

	.dairyqa .qaSearch h2 {
		padding: 12px 0px;
		background: #decdb0;
		font-size: 2.0rem;
		text-align: center;
	}

	.dairyqa .qaSearch form {
		display: flex;
		justify-content: space-between;
		margin: 20px 43px 0px 43px;
		background: #fff;
		border: #8AC43F 1px solid;
		box-shadow: 1px 4px 5px 0px #ccc;
	}

	.dairyqa .qaSearch form input[type="search"] {
		width: 800px;
		height: 56px;
		padding: 0px 17px;
		box-sizing: border-box;
		border: 0px;
		font-size: 1.6rem;
		outline: 0;
	}
	
	.dairyqa .qaSearch form input[type="search"]::placeholder {
		font-size: 1.4rem;
	}

	.dairyqa .qaSearch form input[type="submit"] {
		width: 60px;
		height: 56px;
		background: #8AC43F url("../img/dairyqa_search.svg") no-repeat center center / 28px 28px;
		border: none;
		border-radius: 0px;
		font-size: 0px;
		vertical-align: middle;
		cursor: pointer;
	}
	
	.dairyqa .qaSearch form input[type="submit"]:hover {
		opacity: 0.7;
	}

	.dairyqa .qaNav {
		margin: 40px 0px 0px 0px;
		padding: 0px 0px 60px 0px;
		background: #F0F0F0;
	}
	
	.dairyqa .qaNav h2 {
		padding: 12px 0px;
		background: #decdb0;
		font-size: 2.0rem;
		text-align: center;
	}

	.dairyqa .qaNav > div:nth-of-type(1) {
		display: flex;
		justify-content: space-between;
		align-items: flex-start;
		margin: 0px 50px 0px 50px;
		padding: 60px 0px 0px 0px;
	}
	
	.dairyqa .qaNav > div .category {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		align-items: flex-start;
		width: 372px;
	}
	
	.dairyqa .qaNav > div .category dt {
		width: 100%;
		padding: 0px 0px 0px 30px;
		background: url("../img/dairyqa_titleicon01.svg") no-repeat 0px 50% / 20px 20px;
		border-bottom: #C3E17A 4px solid;
		font-size: 1.6rem;
		font-weight: bold;
		position: relative;
	}
	
	.dairyqa .qaNav > div .category dt::after {
		content: " ";
		width: 30px;
		height: 4px;
		background: #8AC43F;
		position: absolute;
		bottom: -4px;
		left: 0px;
		z-index: 1;
	}

	.dairyqa .qaNav > div .category dd {
		width: 178px;
		font-size: 1.6rem;
		text-align: center;
	}
	
	.dairyqa .qaNav > div .category dd:nth-of-type(1),
	.dairyqa .qaNav > div .category dd:nth-of-type(2) {
		margin: 22px 0px 0px 0px;
	}
	
	.dairyqa .qaNav > div .category dd:nth-of-type(3),
	.dairyqa .qaNav > div .category dd:nth-of-type(4),
	.dairyqa .qaNav > div .category dd:nth-of-type(5),
	.dairyqa .qaNav > div .category dd:nth-of-type(6) {
		margin: 12px 0px 0px 0px;
	}
	
	.dairyqa .qaNav > div .category dd a {
		display: block;
		padding: 80px 0px 15px 0px;
		color: #000;
		opacity: 1;
		transition: all 0.2s cubic-bezier(0.215, 0.61, 0.355, 1);
	}
	
	.dairyqa .qaNav > div .category dd a:hover {
		color: #000;
		opacity: 0.6;
		transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);
	}
	
	.dairyqa .qaNav > div .category dd.cate01 a {
		background: #fff url("../img/dairyqa_cate01.svg") no-repeat center 12px / 100px 56px;
		border: #85BF3F 1px solid;
	}
	
	.dairyqa .qaNav > div .category dd.cate02 a {
		background: #fff url("../img/dairyqa_cate02.svg") no-repeat center 12px / 100px 56px;
		border: #7DBBEB 1px solid;
	}
	
	.dairyqa .qaNav > div .category dd.cate03 a {
		background: #fff url("../img/dairyqa_cate03.svg") no-repeat center 12px / 100px 56px;
		border: #9966cc 1px solid;
	}
	
	.dairyqa .qaNav > div .category dd.cate04 a {
		background: #fff url("../img/dairyqa_cate04.svg") no-repeat center 12px / 100px 56px;
		border: #FF82A0 1px solid;
	}
	
	.dairyqa .qaNav > div .category dd.cate05 a {
		background: #fff url("../img/dairyqa_cate05.svg") no-repeat center 12px / 100px 56px;
		border: #FF9650 1px solid;
	}
	
	.dairyqa .qaNav > div .category dd.cate06 a {
		background: #fff url("../img/dairyqa_cate06.svg") no-repeat center 12px / 100px 56px;
		border: #A67C52 1px solid;
	}
	
	.dairyqa .qaNav > div .contents {
		width: 372px;
	}
	
	.dairyqa .qaNav > div .contents dt {
		padding: 0px 0px 0px 30px;
		background: url("../img/dairyqa_titleicon01.svg") no-repeat 0px 50% / 20px 20px;
		border-bottom: #C3E17A 4px solid;
		font-size: 1.6rem;
		font-weight: bold;
		position: relative;
	}
	
	.dairyqa .qaNav > div .contents dt::after {
		content: " ";
		width: 30px;
		height: 4px;
		background: #8AC43F;
		position: absolute;
		bottom: -4px;
		left: 0px;
		z-index: 1;
	}

	.dairyqa .qaNav > div .contents dd:nth-of-type(1) {
		margin: 12px 0px 0px 0px;
	}
	
	.dairyqa .qaNav > div .contents dd ul {
		display: flex;
		flex-wrap: wrap;
	}
	
	.dairyqa .qaNav > div .contents dd ul li {
		margin: 8px 8px 0px 0px;
		font-size: 1.4rem;
	}
	
	.dairyqa .qaNav > div .contents dd ul li a {
		display: block;
		padding: 6px 14px;
		background: #fff;
		border-radius: 4px;
		color: #000;
		opacity: 1;
		transition: all 0.2s cubic-bezier(0.215, 0.61, 0.355, 1);
	}
	
	.dairyqa .qaNav > div .contents dd ul li a:hover {
		opacity: 0.6;
		transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);
	}
	
	.dairyqa .qaNav > div .contents dd.cate01 ul li a {
		border: #85BF3F 1px solid;
	}
	
	.dairyqa .qaNav > div .contents dd.cate02 ul li a {
		border: #7DBBEB 1px solid;
	}
	
	.dairyqa .qaNav > div .contents dd.cate03 ul li a {
		border: #9966cc 1px solid;
	}
	
	.dairyqa .qaNav > div .contents dd.cate04 ul li a {
		border: #FF82A0 1px solid;
	}
	
	.dairyqa .qaNav > div .contents dd.cate05 ul li a {
		border: #FF9650 1px solid;
	}
	
	.dairyqa .qaNav > div .contents dd.cate06 ul li a {
		border: #A67C52 1px solid;
	}
	
	.dairyqa .qaNav > div:nth-of-type(2) {
		display: flex;
		justify-content: space-between;
		align-items: flex-start;
		margin: 45px 50px 0px 50px;
	}
	
	.dairyqa .qaNav > div:nth-of-type(2) > div {
		width: 372px;
	}
	
	.dairyqa .qaNav > div > div .kind {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		align-items: stretch;
		width: 372px;
	}
	
	.dairyqa .qaNav > div > div .kind dt {
		width: 100%;
		padding: 0px 0px 0px 30px;
		background: url("../img/dairyqa_titleicon01.svg") no-repeat 0px 50% / 20px 20px;
		border-bottom: #C3E17A 4px solid;
		font-size: 1.6rem;
		font-weight: bold;
		position: relative;
	}
	
	.dairyqa .qaNav > div > div .kind dt::after {
		content: " ";
		width: 30px;
		height: 4px;
		background: #8AC43F;
		position: absolute;
		bottom: -4px;
		left: 0px;
		z-index: 1;
	}

	.dairyqa .qaNav > div > div .kind dd {
		display: flex;
		align-items: stretch;
		width: 117px;
		margin: 10px 0px 0px 0px;
		font-size: 1.6rem;
		line-height: 1.4;
		text-align: center;
		transition: all 0.2s cubic-bezier(0.215, 0.61, 0.355, 1);
	}
	
	.dairyqa .qaNav > div > div .kind dd:nth-of-type(1) {
		margin: 20px 0px 0px 0px;
		background: #fff url("../img/dairyqa_kind01.svg") no-repeat center 13px / 62px 50px;
	}
	
	.dairyqa .qaNav > div > div .kind dd:nth-of-type(2) {
		margin: 20px 0px 0px 0px;
		background: #fff url("../img/dairyqa_kind02.svg") no-repeat center 13px / 62px 50px;
	}
	
	.dairyqa .qaNav > div > div .kind dd:nth-of-type(3) {
		margin: 20px 0px 0px 0px;
		background: #fff url("../img/dairyqa_kind03.svg") no-repeat center 13px / 62px 50px;
	}
	
	.dairyqa .qaNav > div > div .kind dd:nth-of-type(4) {
		background: #fff url("../img/dairyqa_kind04.svg") no-repeat center 13px / 62px 50px;
	}
	
	.dairyqa .qaNav > div > div .kind dd:nth-of-type(5) {
		background: #fff url("../img/dairyqa_kind05.svg") no-repeat center 13px / 62px 50px;
	}
	
	.dairyqa .qaNav > div > div .kind dd:nth-of-type(6) {
		background: #fff url("../img/dairyqa_kind06.svg") no-repeat center 13px / 62px 50px;
	}
	
	.dairyqa .qaNav > div > div .kind dd:nth-of-type(7) {
		background: #fff url("../img/dairyqa_kind07.svg") no-repeat center 13px / 62px 50px;
	}
	
	.dairyqa .qaNav > div > div .kind dd:nth-of-type(8) {
		background: #fff url("../img/dairyqa_kind08.svg") no-repeat center 13px / 62px 50px;
	}
	
	.dairyqa .qaNav > div > div .kind dd:nth-of-type(9) {
		background: #fff url("../img/dairyqa_kind09.svg") no-repeat center 13px / 62px 50px;
	}
	
	.dairyqa .qaNav > div > div .kind dd a {
		display: flex;
		justify-content: center;
		align-items: center;
		width: 117px;
		min-height: 126px;
		padding: 70px 5px 10px 5px;
		border: #85BF3F 1px solid;
		box-sizing: border-box;
		color: #000;
	}
	
	.dairyqa .qaNav > div > div .kind dd a span {
		display: block;
		width: 115px;
	}
	
	.dairyqa .qaNav > div > div .kind dd:hover {
		opacity: 0.6;
		transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);
	}
	
	.dairyqa .qaNav > div:nth-of-type(2) > div:nth-of-type(2) .ranking {
		margin: 58px 0px 0px 0px;
	}
	
	.dairyqa .qaNav > div:nth-of-type(2) > div:nth-of-type(2) dl dt {
		width: 100%;
		padding: 0px 0px 0px 30px;
		background: url("../img/dairyqa_titleicon02.svg") no-repeat 0px 50% / 22px 22px;
		border-bottom: #C3E17A 4px solid;
		box-sizing: border-box;
		font-size: 1.6rem;
		font-weight: bold;
		position: relative;
	}
	
	.dairyqa .qaNav > div:nth-of-type(2) > div:nth-of-type(2) dl dt::after {
		content: " ";
		width: 30px;
		height: 4px;
		background: #8AC43F;
		position: absolute;
		bottom: -4px;
		left: 0px;
		z-index: 1;
	}
	
	.dairyqa .qaNav > div:nth-of-type(2) > div:nth-of-type(2) dl dd {
		border-bottom: #DECDB0 1px solid;
		font-size: 1.6rem;
	}
	
	.dairyqa .qaNav > div:nth-of-type(2) > div:nth-of-type(2) dl dd a {
		display: inline-block;
		padding: 17px 0px 15px 40px;
		background: url("../img/dairyqa_q.svg") no-repeat 0px 15px / 30px 30px;
		color: #000;
	}
	
	.dairyqa .qaNav > div:nth-of-type(2) > div:nth-of-type(2) dl dd a:hover {
		opacity: 0.6;
	}
	
	.dairyqa .recommendMaker {
		display: flex;
		justify-content: space-between;
		margin: 40px 0px 0px 0px;
	}
	
	.dairyqa .recommendMaker .recommend {
		width: 460px;
	}
	
	.dairyqa .one .recommend {
		width: 100%;
	}
	
	.dairyqa .one .recommend dl {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	
	.dairyqa .recommendMaker .recommend dl dt {
		width: 100%;
		padding: 0px 0px 0px 32px;
		background: url("../img/dairyqa_titlemark.svg") no-repeat 0px 50% / 22px 12px;
		box-sizing: border-box;
		font-size: 1.6rem;
		font-weight: bold;
	}
	
	.dairyqa .recommendMaker .recommend dl dd {
		margin: 14px 0px 0px 0px;
	}
	
	.dairyqa .one .recommend dl dd {
		width: 460px;
	}
	
	.dairyqa .recommendMaker .recommend dl dd a {
		display: block;
		min-height: 91px;
		border: #DECDB0 1px solid;
	}
	
	.dairyqa .recommendMaker .recommend dl dd.farming a {
		background: url("../img/dairyqa_recommend01.jpg") no-repeat 14px 14px / 62px 62px;
	}
	
	.dairyqa .recommendMaker .recommend dl dd.council a {
		background: url("../img/dairyqa_recommend02.jpg") no-repeat 14px 14px / 62px 62px;
	}
	
	.dairyqa .recommendMaker .recommend dl dd.environment a {
		background: url("../img/dairyqa_recommend03.jpg") no-repeat 14px 14px / 62px 62px;
	}
	
	.dairyqa .recommendMaker .recommend dl dd.chikara a {
		background: url("../img/top_link10.jpg") no-repeat 14px 14px / 62px 62px;
	}
	
	.dairyqa .recommendMaker .recommend dl dd a:hover {
		opacity: 0.6;
	}
	
	.dairyqa .recommendMaker .recommend dl dd a p:nth-of-type(1) {
		padding: 12px 0px 0px 88px;
		font-size: 1.2rem;
		font-weight: bold;
		color: #755E3C;
	}
	
	.dairyqa .recommendMaker .recommend dl dd a p:nth-of-type(2) {
		padding: 0px 0px 0px 88px;
		font-size: 1.6rem;
		font-weight: bold;
		color: #000;
	}
	
	.dairyqa .recommendMaker .recommend dl dd.farming a p:nth-of-type(3) {
		padding: 0px 0px 12px 88px;
		font-size: 1.2rem;
		font-weight: bold;
		color: #000;
	}
	
	.dairyqa .recommendMaker .recommend dl dd.council a p:nth-of-type(3) {
		display: inline-block;
		margin: 0px 0px 12px 88px;
		padding: 0px 10px;
		background: #F05B23;
		border-radius: 10px;
		font-size: 1.2rem;
		font-weight: bold;
		line-height: 20px;
		color: #fff;
	}
	
	.dairyqa .recommendMaker .recommend dl dd.environment a p:nth-of-type(3) {
		padding: 0px 0px 12px 88px;
		font-size: 1.6rem;
		font-weight: bold;
		line-height: 1.2;
		color: #000;
	}
	
	.dairyqa .recommendMaker .makerList {
		width: 460px;
	}
	
	.dairyqa .recommendMaker .makerList dl dt {
		padding: 0px 0px 0px 32px;
		background: url("../img/dairyqa_titlemark.svg") no-repeat 0px 50% / 22px 12px;
		font-size: 1.6rem;
		font-weight: bold;
	}
	
	.dairyqa .recommendMaker .makerList dl dd {
		font-size: 1.4rem;
	}
	
	.dairyqa .recommendMaker .makerList dl dd:nth-of-type(1) {
		margin: 14px 0px 0px 0px;
		border-top: #DECDB0 1px solid;
	}
	
	.dairyqa .recommendMaker .makerList dl dd a {
		display: block;
		padding: 20px 30px 20px 0px;
		background: url("../img/arrow_right.svg") no-repeat right center / 20px 20px;
		border-bottom: #DECDB0 1px solid;
		color: #000;
	}
	
	.dairyqa .recommendMaker .makerList dl dd a:hover {
		opacity: 0.6;
	}
	
	.dairyqa .result {
		display: flex;
		justify-content: space-between;
		margin: 45px 0px 0px 0px;
	}
	
	.dairyqa .result > div:nth-of-type(1) {
		width: 50%;
	}
	
	.dairyqa .result > div:nth-of-type(1) p {
		font-size: 1.4rem;
	}
	
	.dairyqa .result > div:nth-of-type(1) p span {
		margin: 0px 2px 0px 0px;
		font-size: 2.0rem;
	}
	
	.dairyqa .result > div:nth-of-type(2) {
		width: 430px;
	}
	
	.dairyqa .result > div:nth-of-type(2) select {
		appearance: none;
		width: 430px;
		height: 32px;
		padding: 0px 0px 0px 10px;
		background: url("../img/dairyqa_selectbg.svg") no-repeat right center / 32px 32px;
		border: #DECDB0 1px solid;
		box-sizing: border-box;
		font-size: 1.4rem;
	}
	
	.dairyqa .qaList {
		margin: 30px 0px 0px 0px;
	}
	
	.dairyqa .qaList ul {
		border-top: #8AC43F 1px solid;
	}
	
	.dairyqa .qaList ul li {
		border-bottom: #8AC43F 1px solid;
		font-size: 1.6rem;
		line-height: 1.6;
	}
	
	.dairyqa .qaList ul li a {
		display: inline-block;
		padding: 16px 0px 16px 40px;
		background: url("../img/dairyqa_q.svg") no-repeat left center / 30px 30px;
		color: #000;
		transition: all 0.2s cubic-bezier(0.215, 0.61, 0.355, 1);
	}
	
	.dairyqa .qaList ul li a:hover {
		opacity: 0.6;
		transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);
	}
	
	.dairyqa .qaList ul li a span.highlight {
		background: #FFFF66;
	}
	
	.dairyqa .paging {
		display: flex;
		justify-content: flex-start;
		margin: 40px 0px 0px 0px;
	}
	
	.dairyqa .paging li {
		width: 30px;
		margin: 0px 20px 0px 0px;
		text-align: center;
	}
	
	.dairyqa .paging li .current {
		display: block;
		width: 30px;
		background: #C3E17A;
		border-radius: 15px;
		font-size: 1.6rem;
		line-height: 30px;
	}
	
	.dairyqa .paging li .extend {
		display: block;
		font-size: 1.6rem;
		line-height: 30px;
		color: #DECDB0;
	}
	
	.dairyqa .paging li a {
		display: block;
		width: 30px;
		background: #DECDB0;
		border-radius: 15px;
		font-size: 1.6rem;
		line-height: 30px;
		color: #000;
		transition: all 0.2s cubic-bezier(0.215, 0.61, 0.355, 1);
	}
	
	.dairyqa .paging li a:hover {
		opacity: 0.6;
		transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);
	}
	
	.dairyqa .q {
		width: 670px;
		margin: 45px auto 0px auto;
		padding: 0px 0px 0px 40px;
		background: url("../img/dairyqa_q.svg") no-repeat left top / 30px 30px;
		box-sizing: border-box;
		font-size: 2.0rem;
		font-weight: bold;
	}
	
	.dairyqa .answer {
		display: flex;
		justify-content: flex-start;
		align-items: center;
		margin: 35px 0px 0px 0px;
		color: #8AC43F;
		font-weight: bold;
	}
	
	.dairyqa .answer span {
		display: block;
	}
	
	.dairyqa .answer span:nth-of-type(1) {
		width: 32px;
		border: #8AC43F 2px solid;
		box-sizing: border-box;
		border-radius: 16px;
		font-size: 2.5rem;
		text-align: center;
		line-height: 28px;
	}
	
	.dairyqa .answer span:nth-of-type(2) {
		padding: 0px 0px 0px 2px;
		font-size: 1.6rem;
	}
	
	.dairyqa .summary {
		margin: 15px 0px 0px 0px;
		font-size: 1.6rem;
	}
	
	.dairyqa .sub {
		margin: 15px 0px 0px 0px;
	}
	
	.dairyqa .sub ul,
	.dairyqa .sub ul li {
		display: inline-block;
	}
	
	.dairyqa .sub ul li {
		margin: 0px 8px 0px 0px;
		font-size: 1.4rem;
	}
	
	.dairyqa .sub ul li a {
		display: inline-block;
		padding: 6px 14px;
		background: #fff;
		border-radius: 4px;
		color: #000;
		opacity: 1;
		transition: all 0.2s cubic-bezier(0.215, 0.61, 0.355, 1);
	}
	
	.dairyqa .sub ul li a:hover {
		opacity: 0.6;
		transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);
	}
	
	.dairyqa .sub ul.cate01 li a {
		border: #85BF3F 1px solid;
	}
	
	.dairyqa .sub ul.cate02 li a {
		border: #7DBBEB 1px solid;
	}
	
	.dairyqa .sub ul.cate03 li a {
		border: #9966cc 1px solid;
	}
	
	.dairyqa .sub ul.cate04 li a {
		border: #FF82A0 1px solid;
	}
	
	.dairyqa .sub ul.cate05 li a {
		border: #FF9650 1px solid;
	}
	
	.dairyqa .sub ul.cate06 li a {
		border: #A67C52 1px solid;
	}
	
	.dairyqa .more {
		margin: 35px 0px 0px 0px;
		background: #75C3F2;
		font-size: 1.4rem;
		color: #fff;
		line-height: 28px;
		text-align: center;
		position: relative;
	}
	
	.dairyqa .more::after {
		content: " ";
		width: 10px;
		height: 8px;
		margin: 0px 0px 0px -5px;
		background: #75C3F2;
		clip-path: polygon(0 0, 100% 0, 50% 100%);
		position: absolute;
		left: 50%;
		bottom: -8px;
	}
	
	.dairyqa .post {
		margin: 35px 0px 0px 0px;
	}
	
	.dairyqa .post p {
		padding: 0px 0px 35px 0px;
		font-size: 1.6rem;
	}
	
	.dairyqa .post h4 {
		font-size: 1.6rem;
		font-weight: bold;
	}
	
	.dairyqa .post h4.color {
		color: #75c3f2;
	}
	
	.dairyqa .post h5.title2 {
		width: 626px;
		margin: 0px auto 15px auto;
		font-size: 1.6rem;
		font-weight: bold;
		color: #755e3c;
	}
	
	.dairyqa .post h5.title3 {
		margin: 0px 0px 15px 0px;
		font-size: 1.6rem;
		font-weight: bold;
		color: #755e3c;
	}
	
	.dairyqa .post .three,
	.dairyqa .post .two {
		display: flex;
		justify-content: flex-start;
		padding: 0px 0px 35px 0px;
	}
	
	.dairyqa .post .two {
		width: 626px;
		margin: 0px auto;
	}
	
	.dairyqa .post .ver,
	.dairyqa .post .few2,
	.dairyqa .post .few3 {
		flex-wrap: wrap;
	}
	
	.dairyqa .post .cap {
		padding: 0px 0px 0px 0px;
	}
	
	.dairyqa .post .three > div,
	.dairyqa .post .two > div {
		width: 302px;
	}
	
	.dairyqa .post .three > div:not(:nth-of-type(3n)),
	.dairyqa .post .two > div:not(:nth-of-type(2n)) {
		margin-right: 22px;
	}
	
	.dairyqa .post .ver > div {
		width: 626px;
	}
	
	.dairyqa .post .ver > div:not(:first-of-type),
	.dairyqa .post .few2 > div:nth-of-type(n+3),
	.dairyqa .post .few3 > div:nth-of-type(n+4) {
		margin-top: 35px;
	}
	
	.dairyqa .post .three > div table,
	.dairyqa .post .two > div table {
		width: 302px;
		border-top: #ccc 1px solid;
	}
	
	.dairyqa .post .ver > div table {
		width: 626px;
	}
	
	.dairyqa .post .three > div table tr th,
	.dairyqa .post .two > div table tr th {
		width: 50%;
		padding: 4px 10px;
		background: #FCF5E8;
		border-bottom: #ccc 1px solid;
		box-sizing: border-box;
		font-size: 1.4rem;
		font-weight: normal;
		text-align: left;
	}
	
	.dairyqa .post .three > div table tr td,
	.dairyqa .post .two > div table tr td {
		width: 50%;
		padding: 4px 10px;
		border-bottom: #ccc 1px solid;
		box-sizing: border-box;
		font-size: 1.4rem;
		text-align: right;
	}
	
	.dairyqa .post .three > div table tr .title,
	.dairyqa .post .two > div table tr .title {
		background: #DDEBF7;
		font-size: 1.4rem;
		text-align: center;
	}
	
	.dairyqa .post .three > div table tr .vHeight,
	.dairyqa .post .two > div table tr .vHeight {
		vertical-align: middle;
	}
	
	.dairyqa .post .supplement {
		margin: 10px 0px 0px 0px;
		padding: 0px;
		font-size: 1.2rem;
	}
	
	.dairyqa .post > .supplement {
		margin: 5px 0px 35px 0px;
		text-align: right;
	}
	
	.dairyqa .post > .supplement2 {
		width: 626px;
		margin: 5px auto 35px auto;
		padding: 0px;
		font-size: 1.2rem;
		text-align: right;
	}
	
	.dairyqa .post p:last-child {
		padding: 0px;
	}
	
	.dairyqa .post .image {
		width: 640px;
		margin: 0px auto 35px auto;
	}
	
	.dairyqa .post .none {
		margin: 0px auto 0px auto;
	}
	
	.dairyqa .post .image h5 {
		margin: 0px 0px 15px 0px;
		font-size: 1.6rem;
		font-weight: bold;
		color: #755e3c;
	}
	
	.dairyqa .post .image figure img {
		width: 100%;
		height: auto;
		border: #ccc 1px solid;
	}
	
	.dairyqa .post .image figcaption {
		margin: 10px 0px 0px 0px;
		font-size: 1.2rem;
	}
	
	.dairyqa .detail .source {
		margin: 40px 0px 0px 0px;
		font-size: 1.6rem;
	}
	
	.dairyqa .detail .source dt {
		padding: 6px 10px 6px 30px;
		background: #ddebf7 url("../img/dairyqa_source.svg") no-repeat 0% 50% / 22px 12px;
		font-weight: bold;
	}
	
	.dairyqa .detail .source dd {
		padding: 20px 0px 0px 0px;
	}
	
	.dairyqa .detail .link {
		margin: 40px 0px 0px 0px;
		font-size: 1.6rem;
	}
	
	.dairyqa .detail .link dt {
		padding: 6px 10px 6px 30px;
		background: #f0f0f0 url("../img/dairyqa_link.svg") no-repeat 0% 50% / 22px 12px;
		font-weight: bold;
	}
	
	.dairyqa .detail .link dd {
		margin: 3px 0px 0px 0px;
	}
	
	.dairyqa .detail .link dd:nth-of-type(1) {
		margin: 20px 0px 0px 0px;
	}
	
	.dairyqa .detail .relation {
		margin: 40px 0px 0px 0px;
		font-size: 1.6rem;
	}
	
	.dairyqa .detail .relation dt {
		padding: 6px 10px 6px 30px;
		background: #deedb0 url("../img/dairyqa_titlemark.svg") no-repeat 0px 50% / 22px 12px;
		font-weight: bold;
	}
	
	.dairyqa .detail .relation dd {
		border-bottom: #8ac43f 1px solid;
	}
	
	.dairyqa .detail .relation dd:last-of-type {
		border: none;
	}
	
	.dairyqa .detail .relation dd a {
		display: inline-block;
		padding: 16px 0px 16px 30px;
		background: url("../img/dairyqa_relation.svg") no-repeat 0px 18px / 21px 21px;
		color: #000;
	}
	
	.dairyqa .detail .relation dd a:hover {
		opacity: 0.6;
	}
	
	.dairyqa .detail .sns {
		display: flex;
		align-items: center;
		margin: 60px 0px 0px 0px;
		padding: 20px 0px 0px 0px;
		border-top: #f0f0f0 1px solid;
	}
	
	.dairyqa .detail .sns li {
		display: flex;
		align-items: center;
		font-size: 1.2rem;
	}
	
	.dairyqa .detail .sns li:not(:last-of-type) {
		margin: 0px 20px 0px 0px;
	}
	
	.dairyqa .detail .sns li.t figure {
		width: 28px;
		margin: 0px 0px 0px 12px;
	}
	
	.dairyqa .detail .sns li.t figure img {
		width: 28px;
		height: 28px;
	}
	
	.dairyqa .detail .sns li.y figure {
		width: 40px;
		margin: 0px 0px 0px 12px;
	}
	
	.dairyqa .detail .sns li.y figure img {
		width: 40px;
		height: 28px;
	}
	
	.dairyqa .detail .sns li figure a {
		opacity: 1;
		transition: all 0.2s cubic-bezier(0.215, 0.61, 0.355, 1);
	}
	
	.dairyqa .detail .sns li figure a:hover {
		opacity: 0.6;
		transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);
	}
	
	.dairyqa ul.page-numbers {
		display: flex;
		justify-content: flex-start;
		margin: 40px 0px 0px 0px;
	}

	.dairyqa ul.page-numbers li {
		width: 30px;
		margin: 0px 20px 0px 0px;
		text-align: center;
	}

	.dairyqa ul.page-numbers li .current {
		display: block;
		width: 30px;
		background: #C3E17A;
		border-radius: 15px;
		font-size: 1.6rem;
		line-height: 30px;
	}

	.dairyqa ul.page-numbers li .dots {
		display: block;
		font-size: 1.6rem;
		line-height: 30px;
		color: #DECDB0;
	}

	.dairyqa ul.page-numbers li a {
		display: block;
		width: 30px;
		background: #DECDB0;
		border-radius: 15px;
		font-size: 1.6rem;
		line-height: 30px;
		color: #000;
		transition: all 0.2s cubic-bezier(0.215, 0.61, 0.355, 1);
	}

	.dairyqa ul.page-numbers li a:hover {
		opacity: 0.6;
		transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);
	}
	
	.connectLink {
		margin: 50px 0px 0px 0px;
	}
	
	.connectLink dl dt {
		padding: 0px 0px 0px 33px;
		font-size: 1.8rem;
		font-weight: bold;
		color: #755e3c;
	}
	
	.in dl dt {
		background: url("../img/link_in.svg") no-repeat 0% 50% / 22px 12px;
	}
	
	.out dl dt {
		background: url("../img/link_out.svg") no-repeat 0% 50% / 22px 12px;
	}
	
	.connectLink dl dd {
		font-size: 1.6rem;
	}
	
	.connectLink dl dd:nth-of-type(1) {
		margin: 10px 0px 0px 0px;
	}
	
	.connectLink dl dd > a {
		display: inline-block;
		padding: 2px 30px 2px 0px;
		background: url("../img/arrow_right.svg") no-repeat 100% 50% / 20px 20px;
		color: #755e3c;
	}
	
	.connectLink dl dd a:hover {
		color: #755e3c;
		opacity: 0.7;
	}
	
	.connectLink dl.banner dd ul {
        display: flex;
        justify-content: space-between;
	}
    
    .connectLink dl.banner dd ul li {
        width: calc(50% - 20px);
	}
    
    .connectLink dl.banner dd ul li h3 {
        font-size: 1.6rem;
        font-weight: normal;
	}
    
    .connectLink dl.banner dd ul li h3 a {
        display: inline-block;
        padding: 0px 30px 0px 0px;
        background: url("../img/arrow_right.svg") no-repeat 100% 50%;
        background-size: 20px 20px;
		color: #755e3c;
	}
    
    .connectLink dl.banner dd ul li figure {
        margin: 10px 0px 0px 0px;
        border: #eee 1px solid;
	}
    
    .connectLink dl.banner dd ul li figure a img {
        width: 100%;
        height: auto;
	}
	
	.prmovie h2 {
		margin: 60px 0px 0px 0px;
		padding: 14px 10px;
		background: #decdb0;
		font-size: 2.0rem;
		text-align: center;
	}
	
	.prmovie h3 {
		margin: 40px 0px 0px 0px;
		font-size: 2.0rem;
		color: #755e3c;
		text-align: center;
	}
	
	.prmovie section {
		margin: 40px 0px 0px 0px;
	}
	
	.prmovie section h4 {
		padding: 12px 20px;
		background: #fcf5e8;
		border-bottom: #decdb0 2px dotted;
		font-size: 2.0rem;
		color: #755E3C;
		text-align: center;
	}
	
	.prmovie section .vimeo {
		width: 100%;
		max-width: 640px;
		margin: 40px auto 0px auto;
		text-align: center;
	}
	
	.prmovie section .vimeo iframe {
		width: 100%;
		height: 100%;
		aspect-ratio: 16 / 9;
	}
	
	.prmovie section p {
		margin: 20px 0px 0px 0px;
		font-size: 1.6rem;
	}
	
	.prmovie section p.link a {
		display: inline-block;
		padding: 0px 25px 0px 0px;
		background-image: url("../img/arrow_right.svg");
		background-repeat: no-repeat;
		background-position: 100% 50%;
		background-size: 20px 20px;
		color: #000;
	}
	
	.prmovie section p.link a:hover {
		opacity: 0.7;
	}
	
	.school h2 {
		margin: 40px 0px 0px 0px;
		padding: 14px 10px;
		background: #decdb0;
		font-size: 2.0rem;
		text-align: center;
	}
	
	.school .movieSchool {
		width: 100%;
		max-width: 640px;
		margin: 40px auto 0px auto;
		text-align: center;
	}
	
	.school .movieSchool iframe {
		width: 100%;
		height: 100%;
		aspect-ratio: 16 / 9;
	}
	
	.school section.story {
		margin: 60px 0px 0px 0px;
	}
	
	.school section.story h3 {
		font-size: 2.0rem;
		color: #755e3c;
		text-align: center;
	}
	
	.school section.story p {
		margin: 30px 0px 0px 0px;
		font-size: 1.6rem;
	}
	
	.linkSet {
		margin: 40px 0px 0px 0px;
		border: #decdb0 1px solid;
	}
	
	.linkSet dl {
		padding: 15px 20px;
	}
	
	.linkSet dl dt {
		font-size: 1.8rem;
		font-weight: bold;
		color: #755e3c;
	}
	
	.linkSet dl dd {
		margin: 5px 0px 0px 0px;
		font-size: 1.6rem;
	}
	
	.linkSet dl dd a {
		padding: 0px 25px 0px 0px;
		background: url("../img/arrow_right.svg") no-repeat 100% 50% / 20px 20px;
		color: #000;
	}
	
	.linkSet dl dd a:hover {
		opacity: 0.7;
	}
	
	.discover .movieDiscover {
		margin: 40px 0px 0px 0px;
	}
	
	.discover .movieDiscover > div {
		width: 100%;
		max-width: 640px;
		margin: 0px auto;
		text-align: center;
	}
	
	.discover .movieDiscover > div iframe {
		width: 100%;
		height: 100%;
		aspect-ratio: 16 / 9;
	}
	
	.discover .movieDiscover ul {
		display: flex;
		justify-content: flex-end;
		width: 640px;
		margin: 10px auto 0px auto;
		padding: 0px 100px 0px 0px;
		background: url("../img/brochure_youtube.jpg") no-repeat 100% 5px;
		box-sizing: border-box;
	}
	
	.discover .movieDiscover ul li {
		margin: 0px 20px 0px 0px;
		font-size: 1.6rem;
	}
	
	.discover .movieDiscover ul li a {
		display: inline-block;
		padding: 0px 22px 0px 0px;
		background: url("../img/arrow_right.svg") no-repeat 100% 4px / 20px 20px;
	}
	
	.discover .movieDiscover ul li a:hover {
		opacity: 0.7;
	}
	
	.discover section h3 {
		margin: 60px 0px 0px 0px;
		font-size: 2.0rem;
		color: #755e3c;
		text-align: center;
	}
	
	.discover section p {
		margin: 30px 0px 0px 0px;
		font-size: 1.6rem;
	}
	
	.onepoint h2 {
		margin: 40px 0px 0px 0px;
		padding: 14px 10px;
		background: #decdb0;
		font-size: 2.0rem;
		text-align: center;
	}
	
	.onepoint .oNav {
		display: flex;
		justify-content: space-between;
		margin: 40px 0px 0px 0px;
	}
	
	.onepoint .oNav li {
		width: 167px;
		font-size: 1.6rem;
		font-weight: bold;
	}
	
	.onepoint .oNav li a {
		display: block;
		padding: 15px 0px 15px 10px;
		border: #decdb0 2px solid;
		color: #000;
	}
	
	.onepoint .oNav li:nth-of-type(1) a {
		background: url("../img/onepoint_icon01.svg") no-repeat 97% 50% / 34px;
	}
	
	.onepoint .oNav li:nth-of-type(2) a {
		background: url("../img/onepoint_icon02.svg") no-repeat 97% 50% / 34px;
	}
	
	.onepoint .oNav li:nth-of-type(3) a {
		background: url("../img/onepoint_icon03.svg") no-repeat 97% 50% / 34px;
	}
	
	.onepoint .oNav li:nth-of-type(4) a {
		background: url("../img/onepoint_icon04.svg") no-repeat 97% 50% / 34px;
	}
	
	.onepoint .oNav li a:hover {
		opacity: 0.7;
	}
	
	.onepoint section {
		margin: 40px 0px 0px 0px;
	}
	
	.onepoint section h3 {
		padding: 12px 20px;
		background: #fcf5e8;
		border-bottom: #decdb0 2px dotted;
		font-size: 2.0rem;
		color: #755E3C;
		text-align: center;
	}
	
	.onepoint section > ul {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	
	.onepoint section > ul li {
		width: 340px;
		display: flex;
		flex-direction: column;
	}
	
	.onepoint section > ul li h4 {
		margin: 40px 0px 0px 0px;
		font-size: 1.8rem;
		color: #7f5e3c;
		text-align: center;
		flex-grow: 1;
	}
	
	.onepoint section > ul li div {
		width: 100%;
		margin: 10px 0px 0px 0px;
		font-size: 0;
		line-height: 0;
	}
	
	.onepoint section > ul li div iframe {
		width: 100%;
		height: 100%;
		aspect-ratio: 16 / 9;
	}
	
	.studygroup {
		width: 950px;
		margin: 40px auto 0px auto;
		padding: 0px 20px 90px 20px;
		text-align: left;
		overflow: hidden;
	}
	
	.studygroup .genre {
		flex-wrap: wrap;
		display: flex;
	}
	
	.studygroup .genre li {
		margin: 0 6px 6px 0;
		padding: 1px 14px;
		color: #84725e;
		font-size: 1.6rem;
		font-weight: normal;
		line-height: 2rem;
	}
	
	.studygroup .genre .set {
		background: #88CC40 !important;
		border-radius: 5px;
		color: #fff;
		font-weight: bold;
	}
	
	.studygroup .paging {
		margin: 30px 0 0;
		padding: 40px 0 45px;
		border-top: #decdb0 1px solid;
		display: flex;
	}
	
	.studygroup .paging li {
		margin-right: 20px;
		font-size: 1.6rem;
		line-height: 30px;
		text-align: center;
	}
	
	.studygroup .paging li a {
		display: block;
		width: 30px;
		background: #DECDB0;
		border-radius: 15px;
		color: #000;
		transition: all 0.2s cubic-bezier(0.215, 0.61, 0.355, 1);
	}
	
	.studygroup .paging li.on a {
		background: #C3E17A;
	}
	
	.studygroup .paging li a:hover {
		opacity: 0.6;
		transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);
	}
	
	.studygroup .link {
		align-items: flex-start;
		justify-content: space-between;
		flex-direction: row-reverse;
		display: flex;
	}
	
	.studygroup .link li {
		font-size: 1.8rem;
		font-weight: bold;
	}
	
	.studygroup .link .next{
		text-align: right;
	}
	
	.studygroup .link .back{
		text-align: left;
	}
	
	.studygroup .link li a {
		color: #0091cc;
		display: block;
	}
	
	.studygroup .link .next a {
		padding-right: 35px;
		background: url("../img/arrow_studygroup.svg") no-repeat right top 4px / 20px auto;
		transition: all 0.2s cubic-bezier(0.215, 0.61, 0.355, 1);
	}
	
	.studygroup .link .next a:hover {
		opacity: 0.7;
		transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);
	}
	
	.studygroup .link .next a span {
		margin-top: 12px;
		color: #000;
		font-size: 1.6rem;
		font-weight: normal;
		display: block;
	}
	
	.studygroup .link .back a {
		padding-left: 40px;
		background: url("../img/arrow_studygroup_l.svg") no-repeat left top 4px / 20px auto;
		transition: all 0.2s cubic-bezier(0.215, 0.61, 0.355, 1);
	}
	
	.studygroup .link .back a:hover {
		opacity: 0.7;
		transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);
	}
	
	.studygroupHead {
		padding: 0 0 60px 0;
	}
	
	.studygroupHead h2 {
		margin: 0 0 16px;
		padding: 48px 168px 25px 47px;
		font-size: 2rem;
		text-align: center;
		position: relative;
		align-items: center;
		display: flex;
	}
	
	.studygroupHead h2::after {
		content: " ";
		width: 50%;
		height: 2px;
		background: #9cdd5e;
		display: block;
		left: 25%;
		bottom: 0;
		position: absolute;
	}
	
	.studygroupHead h2 span {
		flex: 1;
		display: block;
	}
	
	.studygroupHead h2 .num {
		margin-right: 47px;
		padding: 3px 0 4px;
		width: 74px;
		background: #17aacc;
		color: #f7f734;
		font-size: 1.6rem;
		text-align: center;
		flex: initial;
	}
	
	.studygroupHead .date {
		margin: 0 47px;
		font-size: 1.6rem;
	}
	
	.studygroupHead .jisshi {
		margin: 0 47px;
		font-size: 1.6rem;
		font-weight: bold;
	}
	
	.studygroupHead .jisshi span {
		color: #0091cc;
	}
	
	.studygroupTop {
		padding: 0 0 50px;
	}
	
	.studygroupTop .prof {
		padding: 0 0 60px;
		align-items: flex-end;
		justify-content: center;
		display: flex;
	}
	
	.studygroupTop .prof h3 {
		margin-right: 14px;
		padding: 0 0 60px;
		background: url("../img/pat_studygroup.svg") no-repeat left bottom / 230px auto;
		width: 300px;
		font-size: 2rem;
		font-weight: normal;
		line-height: 1.8;
	}
	
	.studygroupTop .prof h3 span {
		margin-bottom: 14px;
		color: #0091cc;
		font-size: 1.8rem;
		font-weight: bold;
		display: block;
	}
	
	.studygroupTop .prof figure {
		width: 300px;
	}
	
	.studygroupTop .prof figure img {
		width: 100%;
		height: auto;
		vertical-align: top;
	}
	
	.studygroupTop h4 {
		margin-bottom: 10px;
		color: #0091cc;
		font-size: 1.6rem;
		font-weight: bold;
		line-height: 3rem;
	}
	
	.studygroupTop p {
		font-size: 1.6rem;
		line-height: 3rem;
	}
	
	.studygroupTop .bt {
		margin-top: 50px;
		font-size: 1.8rem;
		font-weight: bold;
		line-height: 2.4rem;
	}
	
	.studygroupTop .bt a {
		padding: 20px 84px 20px 38px;
		background: url("../img/arrow_studygroup.svg") no-repeat right 40px center / 20px auto;
		border: 2px #9cdd5e solid;
		color: #0091cc;
		display: inline-block;
		transition: all 0.2s cubic-bezier(0.215, 0.61, 0.355, 1);
	}
	
	.studygroupTop .bt a:hover {
		opacity: 0.7;
		transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);
	}
	
	.studygroupNav {
		margin: 0 0 80px;
		padding: 50px 50px 10px;
		background: #f0f0f0;
	}
	
	.studygroupNav .box {
		margin: 0 0 40px;
		padding: 28px 24px 20px;
		background: #fff;
	}
	
	.studygroupNav .box h3 {
		margin-bottom: 18px;
		color: #0091cc;
		font-size: 1.8rem;
		font-weight: bold;
		line-height: 2.4rem;
	}
	
	.studygroupNav .box h3 span {
		padding-right: 248px;
		background: url("../img/pat_studygroup.svg") no-repeat right center / 230px auto;
		display: inline-block;
	}
	
	.studygroupNav .box ol {
		counter-reset: item;
		list-style-type: none;
		padding-left: 0;
	}
	
	.studygroupNav .box ol li {
		padding-left: 2em;
		font-size: 1.6rem;
		font-weight: normal;
		line-height: 3rem;
		text-indent: -2em;
	}
	
	.studygroupNav .box ol li:before {
		counter-increment: item;
		content: counter(item);
		padding-right: 1em;
		color: #0091cc;
		font-size: 1.8rem;
		font-weight: bold;
	}
	
	.studygroupNav .box ol li a {
		color: #010101;
		transition: all 0.2s cubic-bezier(0.215, 0.61, 0.355, 1);
	}
	
	.studygroupNav .box ol li a:hover {
		opacity: 0.7;
		transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);
	}
	
	.studygroup .studygroupNav .box .genre li {
		background: #fff;
	}
	
	.studygroupIndex {
		padding: 0 0 40px;
	}
	
	.studygroupIndex .dsc {
		padding: 0px 20px 0px 47px;
		font-size: 1.6rem;
		font-weight: normal;
		line-height: 3rem;
	}
	
	.studygroupIndex .list {
		justify-content: space-between;
		flex-wrap: wrap;
		display: flex;
	}
	
	.studygroupIndex .list .item {
		margin: 50px 0px 0px 0px;
		width: calc(50% - 17px);
	}
	
	.studygroupIndex .list .item .itemHd {
		margin: 0 20px 16px;
		background: url("../img/pat_studygroup.svg") no-repeat left 94px center / 230px auto;
		justify-content: space-between;
		align-items: center;
		display: flex;
	}
	
	.studygroupIndex .list .item .itemHd .num {
		margin-right: 47px;
		padding: 3px 0 4px;
		width: 74px;
		background: #17aacc;
		color: #f7f734;
		font-size: 1.6rem;
		text-align: center;
		flex: initial;
	}
	
	.studygroupIndex .list .item .itemHd .date {
		padding: 0px 0px 0px 20px;
		background: #fff;
		font-size: 1.6rem;
		font-weight: normal;
	}
	
	.studygroupIndex .list .item .itemBox {
		margin: 0 20px;
		background: #fff;
		border: 1px #17aacc solid;
		z-index: 2;
		position: relative;
	}
	
	.studygroupIndex .list .item .itemBox a {
		color: #000;
		display: block;
		transition: all 0.2s cubic-bezier(0.215, 0.61, 0.355, 1);
	}
	
	.studygroupIndex .list .item .itemBox a:hover {
		opacity: 0.7;
		transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);
	}
	
	.studygroupIndex .list .item .itemBox h2 {
		padding: 20px 15px;
		border-bottom: 2px #9cdd5e solid;
		font-size: 1.6rem;
		font-weight: bold;
		line-height: 2.8rem;
	}
	
	.studygroupIndex .list .item .itemBox .btm {
		padding: 20px 22px 22px 15px;
		align-items: flex-start;
		display: flex;
	}
	
	.studygroupIndex .list .item .itemBox .btm h3 {
		margin-right: 4px;
		font-size: 1.6rem;
		font-weight: normal;
		line-height: 3rem;
		flex: 1;
	}
	
	.studygroupIndex .list .item .itemBox .btm figure {
		width: 150px;
		margin: 0px 0px 0px 20px;
	}
	
	.studygroupIndex .list .item .itemBox .btm figure img {
		width: 100%;
		height: auto;
		vertical-align: top;
	}
	
	.studygroupIndex .list .item .itemCat {
		padding: 16px 22px 14px;
		z-index: 1;
		position: relative;
	}
	
	.studygroupIndex .list .item .itemCat::before {
		content: " ";
		width: 100%;
		height: calc(100% + 22px);
		background: #f0f0f0;
		display: block;
		left: 0;
		bottom: 0;
		z-index: 0;
		position: absolute;
	}
	
	.studygroupIndex .list .item .itemCat .genre {
		z-index: 1;
		position: relative;
	}
	
	.studygroupIndex > h2 {
		margin: 60px 0px 0px 0px;
		padding: 12px 0px;
		background: #decdb0;
		font-size: 2.0rem;
		text-align: center;
	}
	
	.studygroupIndex > h3 {
		margin: 40px 0px 0px 0px;
		padding: 12px 20px;
		background: #fcf5e8;
		border-bottom: #decdb0 2px dotted;
		font-size: 2.0rem;
		color: #755E3C;
		text-align: center;
	}
	
	.studygroupMain {
		padding: 0 0 70px;
	}
	
	.studygroupMain h3 {
		margin: 10px 0 0;
		padding: 15px 10px;
		background: #decdb0;
		font-size: 2.0rem;
		text-align: center;
	}
	
	.studygroupMain h4 {
		margin: 55px 0 0;
		padding: 15px 10px;
		background: #fcf5e8;
		border-bottom: #decdb0 2px dotted;
		color: #704c11;
		font-size: 2.0rem;
		text-align: center;
	}
	
	.studygroupMain p {
		font-size: 1.6rem;
		font-weight: normal;
		line-height: 3rem;
	}
	
	.studygroupMain h4 + p {
		margin-top: 3rem;
	}
	
	.studygroupMain .mt {
		margin-top: 3rem;
	}
	
	.studygroupMain figure {
		margin: 35px auto 40px;
		width: 750px;
	}
	
	.studygroupMain figure img {
		width: 100%;
		height: auto;
		border: 1px #a3a3a3 solid;
		vertical-align: top;
	}
	
	.studygroupMain figure figcaption {
		margin-top: 6px;
		font-size: 1.4rem;
		font-weight: normal;
		text-align: right;
	}
	
	.studygroupAfter {
		padding: 0 0 70px;
	}
	
	.studygroupAfter .title {
		margin: 0 auto;
		width: 410px;
	}
	
	.studygroupAfter .title img {
		width: 100%;
		height: auto;
		vertical-align: top;
	}
	
	.studygroupAfter h3 {
		margin: 50px 0 20px;
		font-size: 1.6rem;
		font-weight: bold;
		line-height: 2.4rem;
	}
	
	.studygroupAfter h3 span {
		padding: 0 1em;
		display: inline-block;
	}
	
	.studygroupAfter .i01 span {
		background: #0091cc;
		color: #fff;
	}
	
	.studygroupAfter .i02 span {
		background: #E27AB0;
		color: #fff;
	}
	
	.studygroupAfter .i03 span {
		background: #f0eb45;
		color: #666;
	}
	
	.studygroupAfter .i04 span {
		background: #9cdd5e;
		color: #666;
	}
	
	.studygroupAfter p {
		font-size: 1.6rem;
		font-weight: normal;
		line-height: 3rem;
	}
	
	.studygroupAfter figure {
		margin: 35px auto 40px;
		width: 750px;
	}
	
	.studygroupAfter figure img {
		width: 100%;
		height: auto;
		vertical-align: top;
	}
	
	.studygroupAfter .btm {
		padding: 50px 0 0;
		display: flex;
	}
	
	.studygroupAfter .btm > div {
		width: 50%;
	}
	
	.studygroupAfter .btm h4 {
		color: #0091cc;
		font-size: 1.8em;
		font-weight: bold;
		line-height: 3rem;
	}
	
	.studygroupAfter .btm h4 span {
		color: #000;
		font-size: 1.6rem;
		font-weight: normal;
		line-height: 3rem;
	}
	
	.studygroupAfter .btm p {
		font-size: 1.6rem;
		font-weight: normal;
		line-height: 3rem;
	}
	
	.studygroupAfter .btm ul {
		margin-bottom: 3rem;
	}
	
	.studygroupAfter .btm ul li {
		padding-left: 1em;
		font-size: 1.6rem;
		font-weight: normal;
		line-height: 3rem;
		text-indent: -1em;
	}
	
	.studygroup .studygroupAfter .link {
		flex-direction: row;
	}
	
	
}