@charset "utf-8";

.about{
	background-color: #FDFDFD;
}

.about .wrap{
	height: auto;
	padding: 76px 0 64px;
}

.about .wrap .index{
	margin-bottom: .5em;
}

.about .wrap .image {
	margin-top: 48px;
}
@media screen and (max-width: 1070px){
	.about .wrap .index {
		font-size: 6.667vw;
	}
	.about .wrap .read {
		font-size: 4vw;
	}
}

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

.pl_more_barley{
	margin-bottom: 0;
	background: none;
}

.pl_more_barley > .container{
	background-image: url("../img/barley/mv_bg_pc.png?v0ad0f734bf764fb8ce0326da0311ef28");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}

.barley.pl_top_articles article{
	padding-top: 0;
}

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

.sections{
	padding-bottom: 0 !important;
}

.sections section.box:nth-of-type(odd){
	background-color: #FDFAF5;
}

.sections section.box:nth-of-type(even){
	background-color: #FFF8EA;
}

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

section.box{
	padding: 100px 0;
}

section.box .intro{
	margin-bottom: 50px;
}

section.box .intro .index{
	margin-bottom: .5em;
}

section.box .intro .text{
	max-width: 450px;
	width: 48%;
}

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

section.box .panel{
	width: 100%;
	padding: 4em;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	background-color: #fff;
	border-radius: 1.2em;
	-webkit-box-shadow: 0 3px 6px rgba(0,0,0,.16);
	        box-shadow: 0 3px 6px rgba(0,0,0,.16);
}

section.box .panel:last-of-type{
	margin-bottom: 0;
}

section.box .panel .title{
	color: #7D7D85;
	margin-bottom: 32px;
	font-size: 1.9rem;
}

section.box .panel .bottom{
	color: #9D9292;
	margin-top: 3em;
	text-align: left !important;
}

section.box .panel cite{
	font-style: normal;
	font-weight: normal;
}

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

section.box .text p{
	margin-bottom: 2em;
}

section.box .read p{
	margin-bottom: 2em;
}

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

.nmn.pl_barley{
	background-color: #F7F4F2;
}

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

section.box.content2 .note_ttl {
					margin-bottom: 0;
					color: #9D9292;
				}

section.box.content2 .note ul li {
						margin-left: 1em;
						text-indent: -1em;
						line-height: 1.5;
						color: #9D9292;
						font-size: 1.2rem;
						font-weight: 400;
						letter-spacing: 0;
					}

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

@media screen and (min-width: 1071px) and (max-width: 1024px){
	.about .read {
		text-align: left;
		width: 90%;
		margin-right: auto;
		margin-left: auto;
	}
	.about .read br.pc {
		display: none;
	}
	.pl_more_barley > .container .head .sub br{
		display: block!important;
	}
}

@media screen and (min-width: 1071px){
	.about .inner1175 {
		max-width: 1175px;
		width: 90%;
	} 
	.about .image img {
		width: 452px;
	}
	.pl_more_barley > .container .head .sub{
		font-size: 26px;
	}
	section.box .intro {
		-webkit-box-align: start;
		    -ms-flex-align: start;
		        align-items: flex-start;
	}
	section.box .intro:last-of-type {
		margin-bottom: 0;
	}
	section.box .intro .index {
		margin-bottom: 40px;
	}
	section.box .intro .panel {
		width: 50%;
	}
	section.box.content5 .intro .panel img {
		width: 100%;
	}
			section.box.content1 {
				padding-top: 117px;
			}
					section.box.content1 .intro .panel {
						padding: 32px;
					}
						section.box.content1 .intro:nth-of-type(1) .panel {
							width: 100%;
						}
			section.box.content2 {
				padding: 105px 0 97px;
			}
					section.box.content2 .intro .panel {
						padding: 37px 39.5px 33px 40.5px;
					}
					section.box.content3 .intro .panel {
						padding-top: 0;
						padding-bottom: 0;
					}
						section.box.content3 .intro .panel img {
							width: 299px;
						}
			section.box.content4 {
				padding-top: 105px;
			}
					section.box.content4 .intro .panel {
						padding: 0 87px 0 104px;
					}
}

@media screen and (max-width: 1070px){
	.about .wrap{
		height: auto;
		padding: 75px 7.3vw;
	}
	.about .read {
		text-align: left;
	}
	.pl_more_barley > .container{
		background-image: url("../img/barley/mv_bg_sp.png?v22d3329f5b0fa184c2dd2150661195cf");
		background-repeat: no-repeat;
		background-position: center center;
		background-size: cover;
		height: 80vw;
		-webkit-box-sizing: border-box;
		        box-sizing: border-box;
	}
	.pl_more_barley > .container .head{
		margin-bottom: 0;
	}
	.pl_more_barley > .container .head .sub{
		font-size: 4.8vw;
	}
	.pl_more_barley > .container .head .fs_73{
		font-size: 9.3vw;
	}
	section.box.content2 .note_ttl {
		font-size: 2.933vw;
	}
	section.box.content2 .note ul li {
		font-size: 2.933vw;
	}
	.barley.pl_top_articles article .content4 .intro{
		margin-bottom: 2em;
	}
	.sections{
		padding: 0 !important;
	}
	section.box{
		padding: 75px 7.3vw;
	}
	section.box .intro{
		margin-bottom: 0px;
	}
	section.box .intro .index {
		font-size: 5.333vw;
	}
	section.box .intro .read {
		font-size: 3.733vw;
	}
	section.box .intro .text{
		max-width: none;
		margin-bottom: 2em;
	}
	section.box .intro .text:last-of-type {
		margin-bottom: 0;
	}
	section.box .panel{
		padding: 9.333vw 4vw 6.667vw;
		margin-bottom: 2em;
		box-sizing: border-box;
	}
	section.box .panel .title{
		font-size: 4vw;
		margin-bottom: 1em;
		line-height: 1.4;
	}
	section.box .panel .bottom{
		font-size: .8rem;
	}
	section.box.content1 .intro:nth-of-type(1) .panel {
		margin-bottom: 2em;
	}
	section.box .panel cite {
		font-size: 3.2vw;
		line-height: 1.4;
		letter-spacing: 0;
	}
	.mt2em {
		margin-top: 2em;
	}
}

@media screen and (min-width: 1071px) and (max-width: 980px){
	.intro.flex {
		display: block;
	}
	section.box .panel {
		width: 94vw!important;
		margin-bottom: 2em;
	}
	section.box .intro .text {
		width: 100%!important;
		max-width: 100%;
	}

}