@charset "utf-8";
/* CSS Document */

/*========================
「山田錦」土壌への追及
==========================*/
.dojo,
.terroir{
	background-color:#F2F0E6;
	padding:90px 0;
	text-align:center;
	margin-top:-4px;
}

.dojo .dojo_wrap > h2,
.terroir h2{
	font-family: 'Noto Serif JP', serif;
	font-size:40px;
	font-weight:normal;
	letter-spacing:1px;
	margin-bottom:60px;
}

.dojo .dojo_wrap > p,
.terroir p{
	font-size:16px;
	line-height:30px;
	letter-spacing:1px;
	margin-bottom:80px;
}

.dojo .dojo_wrap > h3,
.dojo .dojo-map h2,
.terroir h3{
	font-family: 'Noto Serif JP', serif;
	font-size:30px;
	font-weight:normal;
	letter-spacing:1px;
}

.terroir h3{
	margin-bottom:30px;
	line-height:46px;
}

.dojo .dojo_wrap ul{
	font-size:0;
	margin-top:70px;
	margin-bottom:80px;
}

.dojo .dojo_wrap ul li{
	display:inline-block;
	vertical-align:top;
	font-size:16px;
	font-weight:bold;
	letter-spacing:1px;
	line-height:30px;
	width:calc( 100% / 4 - 60px );
	margin-right:60px;
}

.dojo .dojo_wrap ul li:last-of-type{
	margin-right:0;
}

.dojo .dojo_wrap ul li img,
.terroir ul li img{
	margin-bottom:30px;
}

.dojo .dojo-map a{
	position:relative;
	display:inline-block;
}

.dojo .dojo-map img{
	max-width:788px;
	width:100%;
	display:block;
	margin:0 auto;
	margin-top:80px;
}

.dojo .dojo-map p{
	position:absolute;
	top:320px;
	right:-150px;
	font-size:16px;
	font-weight:bold;
	color:#FFFFFF;
	background-color:#000000;
	padding:10px 25px;
	box-sizing:border-box;
	letter-spacing:1px;
}

.dojo-quality{
	background-image:url(../img/dojo/content-bg_01.jpg);
	background-repeat:no-repeat;
	background-position:top center;
	background-size:cover;
	padding:75px 0;
}

.dojo-quality .quality{
	background-color:rgba(255,255,255,0.8);
	padding:0 20px;
	padding-top:60px;
	/*padding-bottom:70px;*/
	box-sizing:border-box;
}

.dojo-quality .quality > img{
	max-width:829px;
	width:100%;
	display:block;
	margin:0 auto;
}

.dojo-quality .quality > h2{
	font-size:40px;
	font-weight:normal;
	text-align:center;
	line-height:60px;
	letter-spacing:1px;
}

[data-ruby] {
    position: relative;
}
[data-ruby]::before {
    content: attr(data-ruby);
    position: absolute;
    top: -30px;
    left: 0;
    right: 0;
    margin: auto;
    font-size: 16px;
}
rt {
    display: none;
}

.dojo-quality .quality > h2 [data-ruby]:nth-of-type(1):before{
	left:-12px;
}

.dojo-quality .quality > p{
	font-size:16px;
	line-height:30px;
	letter-spacing:1px;
	margin:60px 0;
	text-align:center;
}

.dojo-quality .quality ul{
	font-size:0;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: flex-start;
    ms-flex-align: flex-start;
    align-items: flex-start;
}

.dojo-quality .quality ul li{
	display:inline-block;
	vertical-align:top;
	width:calc( 100% / 2 - 20px );
	margin-right:40px;
	margin-bottom:60px;
}

.dojo-quality .quality ul li:nth-of-type(2n){
	margin-right:0;
}

.dojo-quality .quality ul li ul li{
	/*width:calc( 100% / 2 - 10px );*/
	width:100%;
	margin-right:20px;
	margin-bottom:0;
	font-size:16px;
	line-height:22px;
}

.dojo-quality .quality ul li ul li:first-of-type{
	width:25%;
}

.dojo-quality .quality ul li ul li:last-of-type{
	width:70%;
}

.dojo-quality .quality ul li ul li p{
	line-height:30px;
}

.dojo-quality .quality ul li ul li p span{
	font-size:14px;
	line-height:22px;
	margin-top:20px;
	display:block;
}

.passion{
	margin-bottom:85px;
}

.passion h2{
	font-family: 'Noto Serif JP', serif;
	font-size:40px;
	font-weight:normal;
	letter-spacing:1px;
	text-align:center;
	margin:100px 0;
}

.passion ul{
	font-size:0;
}

.passion ul li{
	display:inline-block;
	vertical-align:middle;
	font-size:16px;
	letter-spacing:1px;
	line-height:30px;
	width:calc( 100% / 2 - 23px );
	margin-right:45px;
}

.passion ul li:last-of-type{
	margin-right:0;
}

.passion ul li h3{
	font-family: 'Noto Serif JP', serif;
	font-size:30px;
	font-weight:normal;
	margin-bottom:50px;
	line-height:50px;
}

.passion ul:nth-of-type(2) li{
	vertical-align:top;
}

.passion ul:nth-of-type(2) li:last-of-type p{
	font-size:12px;
	line-height:18px;
	text-indent:-30px;
	padding-left:30px
}

.passion .dojo-map_02{
	margin:40px 0;
}

.terroir{
	padding-bottom:110px;
}

.terroir ul{
	font-size:0;
}

.terroir ul li{
	display:inline-block;
	vertical-align:top;
	width:calc( 100% / 3 );
}

.terroir ul li p{
	font-weight:bold;
	margin-bottom:100px;
}

.terroir_content{
	background-image:url(../img/dojo/content-bg_02.jpg);
	background-repeat:no-repeat;
	background-position:top center;
	background-size:cover;
	padding-top:795px;
	position:relative;
}

.terroir_content .terroir_txt{
	max-width:545px;
	width:100%;
	/*margin:0 auto;
	background-color:#F2F0E6;*/
	position:absolute;
	top:50%;
	left:30%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	/*bottom:-290px;
	margin-bottom:180px;*/
	padding:55px 0;
	box-sizing:border-box;
	font-size:18px;
	line-height:60px;
	color:#FFFFFF;
	/*background-color:rgba(0,0,0,0.3);*/
}


/* ノートパソコン*/
@media screen and (max-width: 1366px) {
    
}
@media screen and (max-width: 1200px) {
    
}


/* ipadpro */
@media screen and (max-width: 1024px) {
    
}

/* ipad */
@media screen and (max-width: 768px) {
    
/*========================
「山田錦」土壌への追及
==========================*/
	.dojo .dojo-map p{
		right:0;
	}
	
	.dojo-quality .quality ul{
		text-align:center;
	}
	
	.dojo-quality .quality ul li{
		width:calc( 100% / 2 - 20px );
		text-align:left;
	}
	
	.dojo-quality .quality ul li:nth-of-type(2){
		margin-right:0;
	}
	
	.passion ul li h3{
		font-size:24px;
		margin-bottom:30px;
		line-height:40px;
	}
		
}

/* スマホ以下 */
@media screen and (max-width: 767px) {
	
/*========================
「山田錦」土壌への追及
==========================*/
	.dojo,
	.terroir{
		text-align:left;
		padding:10vw 0;
	}
	
	.dojo .dojo_wrap{
		padding:0 3vw;
		box-sizing:border-box;
	}
	
	.dojo .dojo_wrap > h2,
	.terroir h2{
		margin-bottom:7vw;
		text-align:center;
	}
	
	.dojo .dojo_wrap > p,
	.terroir p{
		margin-bottom:10vw;
	}
	
	.dojo .dojo_wrap > h3,
	.dojo .dojo-map h2, .terroir h3{
		text-align:center;
	}
	
	.dojo .dojo_wrap ul{
		margin-top:9vw;
		margin-bottom:10vw;
	}
	
	.dojo .dojo_wrap ul li{
		width:100%;
		margin-right:0;
		text-align:center;
		padding:0 6vw;
		box-sizing:border-box;
		margin-bottom:10vw;
	}
	
	.dojo .dojo_wrap ul li:last-of-type{
		margin-bottom:0;
	}
	
	.dojo .dojo_wrap ul li img,
	.terroir ul li img{
		margin-bottom:2vw;
	}
	
	.dojo .dojo-map a.sp{
		display:inline-block !important;
	}
	
	.dojo .dojo-map img{
		margin-top:5vw;
	}
	
	.dojo .dojo-map p{
		top:28vw;
		right:0;
	}
	
	.dojo-quality{
		background-image: url(../img/dojo/content-bg_01-sp.jpg);
		background-size:cover;
		padding:6vw 5vw;
		box-sizing:border-box;
	}
	
	.dojo-quality .quality{
		padding:5vw 3vw;
	}
	
	.dojo-quality .quality > img.sp{
		display:block !important;
		max-width:50vw;
	}
	
	.dojo-quality .quality > p{
		text-align:left;
		margin:8vw 0;
		margin-bottom:0;
	}
	
	.quality-ul{
		margin:10vw 0;
		display:block !important;
	}
	
	.quality-ul li ul{
		font-size:0;
		border-bottom:1px solid #979797;
		margin-bottom:5vw;
		padding-bottom:4vw;
	}
	
	.quality-ul li:last-of-type ul{
		margin-bottom:0;
	}
	
	.quality-ul li ul li{
		display:inline-block;
		vertical-align:top;
		line-height: 22px;
		max-width:15vw;
		font-size: initial;
	}
	
	.quality-ul li ul li p{
		line-height:24px;
	}
	
	.quality-ul li ul li:last-of-type{
		margin-right:0;
		padding:0 3vw;
		box-sizing:border-box;
		max-width:85vw;
	}
	
	.passion{
		margin-bottom:0;
	}
	
	.passion h2{
		margin-top:8vw;
		margin-bottom:5vw;
	}
	
	.passion ul li{
		width:100%;
		margin-right:0;
	}
	
	.passion ul li h3{
		text-align:center;
		font-size:30px;
		margin-top:3vw;
		margin-bottom:5vw;
	}
	
	.passion ul li p{
		padding:0 3vw;
		box-sizing:border-box;
	}
	
	.passion ul:nth-of-type(2) li:last-of-type{
		background-color:#F3F3F3;
		padding:3vw;
		box-sizing:border-box;
		margin-top:5vw;
	}
	
	.passion ul:nth-of-type(2) li:last-of-type p{
		padding-left:6vw;
		text-indent:-6.5vw;
	}
	
	.terroir p{
		padding:0 3vw;
		box-sizing:border-box;
	}
	
	.terroir ul li{
		width:100%;
		text-align:center;
	}
	
	.terroir ul li:last-of-type{
		margin-bottom:10vw;
	}
	
	.terroir ul li p{
		margin-bottom:8vw;
	}
	
	.terroir_content{
		background-image:none;
		padding-top:5vw;
		text-align:center;
	}
	
	.terroir_content p{
		/*text-align:left;*/
	}
	
	.terroir_content .terroir_txt{
		margin:5vw 0;
		padding:0 3vw;
		box-sizing:border-box;
		max-width:100%;
		position:static;
		transform:translate(0%,0%);
		background-color:rgba(0,0,0,0);
		color:#000000;
	}

}

@media screen and (max-width: 480px) {
	
/*========================
「山田錦」土壌への追及
==========================*/
	.dojo,
	.terroir{
		text-align:left;
		padding:10vw 0;
	}
	
	.dojo .dojo_wrap{
		padding:0 3vw;
		box-sizing:border-box;
	}
	
	.dojo .dojo_wrap > h2,
	.terroir h2{
		font-size:7vw;
		margin-bottom:7vw;
		text-align:center;
	}
	
	.dojo .dojo_wrap > p,
	.terroir p{
		font-size:4vw;
		margin-bottom:10vw;
	}
	
	.dojo .dojo_wrap > h3,
	.dojo .dojo-map h2, .terroir h3{
		text-align:center;
		font-size:5.6vw;
		line-height:9vw;
	}
	
	.dojo .dojo_wrap ul{
		margin-top:9vw;
		margin-bottom:10vw;
	}
	
	.dojo .dojo_wrap ul li{
		width:100%;
		margin-right:0;
		font-size:4vw;
		text-align:center;
		padding:0 6vw;
		box-sizing:border-box;
		margin-bottom:10vw;
	}
	
	.dojo .dojo_wrap ul li:last-of-type{
		margin-bottom:0;
	}
	
	.dojo .dojo_wrap ul li img,
	.terroir ul li img{
		margin-bottom:2vw;
	}
	
	.dojo .dojo-map a.sp{
		display:inline-block !important;
	}
	
	.dojo .dojo-map img{
		margin-top:5vw;
	}
	
	.dojo .dojo-map p{
		font-size:3vw;
		top:28vw;
		right:0;
	}
	
	.dojo-quality{
		background-image: url(../img/dojo/content-bg_01-sp.jpg);
		/*background-size:contain;*/
		padding:6vw 5vw;
		box-sizing:border-box;
	}
	
	.dojo-quality .quality{
		padding:5vw 3vw;
	}
	
	.dojo-quality .quality > img.sp{
		display:block !important;
		max-width:50vw;
	}
	
	.dojo-quality .quality > h2{
		font-size:5.8vw;
		line-height:9vw;
	}
	
	[data-ruby]::before{
		font-size:2vw;
		top:-4.8vw;
	}
	
	.dojo-quality .quality > h2 [data-ruby]:nth-of-type(1):before{
		left:-2vw;
	}
	
	.dojo-quality .quality > p{
		text-align:left;
		font-size:4vw;
		margin:4vw 0;
		margin-bottom:0;
	}
	
	.quality-ul{
		margin:10vw 0;
		display:block !important;
	}
	
	.quality-ul li ul{
		font-size:0;
		border-bottom:1px solid #979797;
		margin-bottom:5vw;
		padding-bottom:4vw;
	}
	
	.quality-ul li:last-of-type ul{
		margin-bottom:0;
	}
	
	.quality-ul li ul li{
		display:inline-block;
		vertical-align:top;
		font-size:4vw;
		line-height: 22px;
		max-width:36vw;
	}
	
	.quality-ul li ul li p{
		line-height:24px;
	}
	
	.quality-ul li ul li p span{
		display:block;
		margin-top:30px;
		font-size:3.5vw;
		line-height:5vw;
	}
	
	.quality-ul li ul li:last-of-type{
		margin-right:0;
		padding:0 3vw;
		box-sizing:border-box;
		max-width:64vw;
	}
	
	.passion{
		margin-bottom:0;
	}
	
	.passion h2{
		font-size:7vw;
		line-height:8vw;
		margin-top:8vw;
		margin-bottom:5vw;
	}
	
	.passion ul li{
		font-size:4vw;
		width:100%;
		margin-right:0;
	}
	
	.passion ul li h3{
		font-size:6vw;
		text-align:center;
		margin-top:3vw;
		margin-bottom:5vw;
		line-height:9vw;
	}
	
	.passion ul li p{
		padding:0 3vw;
		box-sizing:border-box;
	}
	
	.passion ul:nth-of-type(2) li:last-of-type{
		background-color:#F3F3F3;
		padding:3vw;
		box-sizing:border-box;
		margin-top:5vw;
	}
	
	.passion ul:nth-of-type(2) li:last-of-type p{
		font-size:2.7vw;
		padding-left:6vw;
		text-indent:-6.5vw;
	}
	
	.terroir p{
		padding:0 3vw;
		box-sizing:border-box;
	}
	
	.terroir ul li{
		width:100%;
		text-align:center;
	}
	
	.terroir ul li:last-of-type{
		margin-bottom:10vw;
	}
	
	.terroir ul li p{
		margin-bottom:8vw;
	}
	
	.terroir_content{
		background-image:none;
		padding-top:5vw;
		text-align:center;
	}
	
	.terroir_content p{
		/*text-align:left;*/
	}
	
	.terroir_content .terroir_txt{
		margin:5vw 0;
		padding:0 3vw;
		box-sizing:border-box;
		max-width:100%;
		position:static;
		transform:translate(0%,0%);
		background-color:rgba(0,0,0,0);
		color:#000000;
		font-size:3.8vw;
		line-height:34px;
	}

}

/* iphone6 */
@media screen and (max-width: 414px) {
	
}

/* iphoneX */
@media screen and (max-width: 375px) {
	
}

/* iphone5 */
@media screen and (max-width: 320px) {
    
}