@charset "utf-8";

.ContentsWrapKanchoku {
	background-color: #FFFFCC;
}
#CategoryHeaderKanchoku {
	background: url(../img/kanchoku_title.png) 50% 50% no-repeat;
	background-color: #2CA338;
	background-size: auto 100%;
	max-width: 100%;
	height: 110px;
	white-space: nowrap;
	text-indent: 100%;
	overflow: hidden;
}
#mainContents {
	max-width: 1000px;
	margin: 0 auto;
	background-color: #FFFFCC;
}
#outlineTop {
	/*width: 75%;*/
	max-width: 1000px;
	font-size: 140%;
	font-weight: bold;
	margin: 30px auto;
	text-align: left;
	letter-spacing: 2px;
}
#outlineTop p {
	font-weight: bold;
	line-height: 35px;
}
#outlineManageBlock {
	display: flex;
	align-items: center;
	max-width: 1000px;
	margin: 0 auto;
}
#outlineManageImage {
	background: url(../img/kanchoku_image_01.jpg) 0 0 no-repeat;
	background-size: auto 100%;
	max-width: 100%;
	width: 490px;
	white-space: nowrap;
	text-indent: 100%;
	overflow: hidden;
	margin: 0 5px 0 0;
	min-height: 280px;
}
#outlineManage {
	width: 490px;
	min-height: 280px;
	/*border: solid 3px #000;*/
	background-color: #FFF;
	text-align: left;
	padding: 10px;
	flex-grow: 1;
	box-sizing: border-box;
	line-height: 26px;
}
#agenda {
	width: 50%;
	border: solid 2px #000;
	padding: 5px 10px;
	clear: both;
	margin: 30px auto;
}
#agenda p {
	width: 370px;
	padding: 5px 0;
	margin: 0 auto;
	font-size: 110%;
}
#agenda p:nth-of-type(1) {
	font-size: 130%;
	font-weight: bold;
	text-align: center;
}
.suganoGreen {
	color: #2CA338;
}
#article01 {
	max-width: 1000px;
	margin: 25px auto 0 auto;
}
.bigFont {
	font-size: 150%;
	font-weight: bold;
}
#article01Image {
	width: 25%;
	float: left;
	margin: 15px 0 0 0;
}
#article01Image p {
	text-align: center;
}
#article01QARight {
	display: inline-block;
	width: 70%;
	margin: 10px 0 0 0;
}
.QAFont {
	font-weight: bold;
}
.QAFont.question {
	color: #2CA338;
	font-size: 110%;
}
.clearBoth {
	clear: both;
}
.padTop {
	padding-top: 10px;
}
.QABlock {
	margin: 15px 0;
}
.BtnYoutubeBlock {
	width: 225px;
	border: solid 3px #000;
}
.BtnYoutubeBlock a {
	display: flex;
	padding: 15px;
}
.BtnYoutubeBlock a:hover {
	background-color: #FF0000;
	color: #FFF;
}
.YoutubeLogo {
	width: 42px;
	background: url(../img/kanchoku_youtube.png) 0 0 no-repeat;
	background-size: auto 98%;
	white-space: nowrap;
	text-indent: 100%;
	overflow: hidden;
}
.BtnYoutubeBlock a p {
	padding: 0 0 0 6px;
	font-weight: bold;
}
.divideLine {
	max-width: 1000px;
	border-top: solid 3px #000;
	margin: 25px auto 0 auto;
}
#article02 {
	max-width: 1200px;
	margin: 25px auto 0 auto;
}
#article02ImageTop {
	width: 75%;
	margin: 10px auto 0 auto;
}
#article02ImageTop p,
#article02ImageMiddle p {
	text-align: center;
}
.alignLeft {
	text-align: left !important;
}
#article02ImageTop a,
#article02ImageMiddle a {
	display: block;
	text-align: right;
}
#article02ImageTop img:nth-of-type(2) {
	margin: 10px 0 0 0;
}
#article02ImageMiddle {
	width: 75%;
	margin: 10px auto 0 auto;
}
#article02QA {
	margin: 25px 0 0 0;
}
#article02QAImage {
	width: 75%;
	margin: 10px auto 0 auto;
}
#article02QAImage p {
	text-align: center;
	margin: 0 0 20px 0;
}
#article03 {
	max-width: 1200px;
	margin: 25px auto 0 auto;
}
#article03Image {
	width: 75%;
	margin: 10px auto 0 auto;
}
#article03Image>img:nth-child(1) {
	width: 70%;
}
.imgInline {
	display: flex;
	margin: 10px 0 0 0;
}
.imgInline img {
}
.imgInline figure {
	text-align: center;
	width: 95%;
}
.imgInline figure:nth-child(1) {
	margin: 0 10px 0 0;
}
figcaption {
	text-align: center;
	margin: 5px 0 10px 0;
}
#article04 {
	max-width: 1200px;
	margin: 10px auto 0 auto;
}
#article04Image {
	width: 75%;
	margin: 10px auto 0 auto;
}
#article04Image .imgInline div:nth-child(1) {
	margin: 0 10px 0 0;
}
#article04Image p,
#article07Image p {
	text-align: center;
	margin: 5px 0 10px 0;
}
#article05 {
	max-width: 1200px;
	margin: 25px auto 0 auto;
}
#article05Image {
	width: 75%;
	margin: 10px auto 0 auto;
}
#article05Image>figure:nth-child(1) {
	width: 60%;
	display: inline-block;
}
#article05Image .imgInline {
	margin: 10px 0 10px 0;
}
#article06 {
	max-width: 1200px;
	margin: 25px auto 0 auto;
}
#article06Image {
	width: 75%;
	margin: 10px auto 0 auto;
}
#article06Image .imgInline {
	margin: 0 0 10px 0;
}
#article07 {
	max-width: 1200px;
	margin: 25px auto 0 auto;
}
#article07Image {
	width: 75%;
	margin: 10px auto 0 auto;
}
#article07Image>figure:nth-child(1) {
	display: inline-block;
	width: 60%;
}
#article07Image .imgInline {
	margin: 10px 0 0px 0;
}
#article07Image .imgInline div:nth-child(1) {
	margin: 0 10px 0 0;
}
#article07GifP,
#article08P,
#article12P,
.article13P,
.article14P,
.article16P {
	margin: 10px 0 15px 0;
}
#article07 .BtnYoutubeBlock {
	margin: 25px 0 0 0;
}
#article08,
#article09,
#article10,
#article11,
#article12,
#article13,
#article14,
#article15,
#article16 {
	max-width: 1200px;
	margin: 25px auto 0 auto;
}
.article08Image,
.article09Image,
.article10Image,
.article11Image,
.article12Image,
.article13Image,
.article14Image,
.article15Image,
.article16Image {
	width: 75%;
	margin: 10px auto 0 auto;
}
.article08Image .imgInline,
.article09Image .imgInline,
.article10Image .imgInline,
.article11Image .imgInline,
.article12Image .imgInline,
.article13Image .imgInline,
.article14Image .imgInline,
.article15Image .imgInline,
.article16Image .imgInline {
	margin: 10px 0 0px 0;
}
.article08Image .imgInline div:nth-child(1),
.article09Image .imgInline div:nth-child(1),
.article10Image .imgInline div:nth-child(1),
.article11Image .imgInline div:nth-child(1),
.article12Image .imgInline div:nth-child(1),
.article13Image .imgInline div:nth-child(1),
.article14Image .imgInline div:nth-child(1),
.article15Image .imgInline div:nth-child(1),
.article16Image .imgInline div:nth-child(1) {
	margin: 0 10px 0 0;
}
#article08ImageWidth,
#article09ImageWidth,
#article10ImageWidth,
#article11ImageWidth,
#article12ImageWidth,
#article13ImageWidth,
#article14ImageWidth,
#article15ImageWidth,
#article16ImageWidth {
	width: 70%;
    margin: 0 auto;
    display: block;
}
span.indent {
	display: block;
	text-indent: 4em;
}
.sectionBox {
	margin: 30px 0;
}
.ContentsWrapKanchoku .subTitle {
	font-size: 110%;
}
.productsLink {
	color: #1a0dab;
	text-decoration: underline;
}
.separateBox {
	display: flex;
	justify-content: space-between;
}
.separateLeft {
	width: 30%;
}
.separateRight {
	width: 68%;
}
@media screen and (max-width: 581px) {
	#CategoryHeaderKanchoku {
		background-size: 85% auto;
		height: 15vw;
	}
	#mainContents {
		padding: 0 2%;
	}
	#outlineTop {
		width: 85%;
		font-size: 120%;
		margin: 3.125vw auto 4.6825vw auto;
	}
	#outlineTop p {
		line-height: normal;
	}
	#outlineManageBlock {
		height: auto;
		flex-wrap: wrap;
	}
	#outlineManageImage {
		width: 100%;
		height: 70vw;
		min-height: 0;
		margin: 0 auto 3.125vw auto;
		float: none;
		background-size: auto 100%;
		background-position: 70% 50%;
	}
	#outlineManage {
		width: 95%;
		height: auto;
		float: none;
		/*border: solid 0.9375vw #000;*/
	}
	#agenda {
		width: 85%;
		border: solid 0.625vw #000;
		padding: 3.125vw;
		margin-top: 4.6825vw;
	}
	#article01,
	#article02 {
		margin-top: 7.8125vw;
	}
	#article01Image {
		width: 100%;
		float: none;
		margin-top: 4.6825vw;
	}
	#article01QARight {
		width: 100%;
		margin-top: 3.125vw;
	}
	.BtnYoutubeBlock {
		width: 75%;
		margin: 0 auto;
		border: solid 0.9375vw #000;
	}
	.BtnYoutubeBlock a {
		padding: 4.6875vw;
		align-items: center;
	}
	.YoutubeLogo {
		background-size: auto 10vw;
		width: 15vw;
		height: 10vw;
	}
	.divideLine {
		border-top: solid 0.9375vw #000;
		margin-top: 6.25vw;
	}
	#article02ImageTop,
	#article02ImageMiddle,
	#article02QAImage {
		width: 100%;
		margin-top: 4.6875vw;
	}
	#article02ImageTop p,
	#article02ImageMiddle p,
	#article02QAImage p {
		text-align: left;
		margin: 0 0 2.5vw 0;
	}
	#article04,
	#article05,
	#article06,
	#article07,
	.article08,
	.article09,
	.article10,
	.article11,
	.article12,
	.article13,
	.article14,
	.article15,
	.article16 {
		margin: 6.25vw 0 0 0;
	}
	#article03Image,
	#article04Image,
	#article05Image,
	#article06Image,
	#article07Image,
	.article08Image,
	.article09Image,
	.article10Image,
	.article11Image,
	.article12Image,
	.article13Image,
	.article14Image,
	.article15Image,
	.article16Image {
		width: 100% !important;
	}
	#article03Image>img:nth-child(1) {
		width: 100%;
	}
	.imgInline figure {
		width: 100%;
		margin: 0 0 2.5vw 0 !important;
	}
	.imgInline {
		display: block;
	}
	#article04Image .imgInline div:nth-child(1),
	#article07Image .imgInline div:nth-child(1) {
		margin: 0 0 2.5vw 0;
	}
	#article05Image > figure:nth-child(1),
	#article07Image > figure:nth-child(1) {
		width: 100%;
	}
	#article07 .BtnYoutubeBlock {
		margin: 6.25vw auto 0 auto;
	}
	.article08Image {
		margin: 0;
	}
	#article08ImageWidth,
	#article09ImageWidth,
	#article10ImageWidth,
	#article11ImageWidth,
	#article12ImageWidth,
	#article13ImageWidth,
	#article14ImageWidth,
	#article15ImageWidth,
	#article16ImageWidth {
		width: 100%;
	}
	.alignLeft {
		margin: 3.125vw auto;
	}
	span.indent {
		text-indent: inherit;
	}
	#article09ImageWidth {
		width: 100%;
	}
}