@charset "UTF-8";
/*--------------------------------------------------------------
#concept-area
--------------------------------------------------------------*/

/* mobile */
@media (min-width: 300px) {
	
	#concept-area {
		background: url("img/bg_1.jpg") top center no-repeat;
		-webkit-background-size: 100% 100%;
		background-size: 100% 100%;
	}
	
	.top_inner {
		background: url("img/bg_7.jpg") top left no-repeat;
		-webkit-background-size: 95% 100%;
		background-size: 95% 100%;
		position: relative;
		margin-top: -30px;
		padding-top: 50px;
	}
	
	.top_inner dl {
		margin: 0 auto;
	}
	
	.top_inner dl dt {
		margin-left: 130px;
		margin-bottom: 30px;
	}
	
	.top_inner dl dt span {
		font-size: 23px;
		letter-spacing: 2px;
		font-weight: 600;
		font-family: "Shippori Mincho", serif;
		color: #365074;
	}
	
	.top_inner dl dd {
		line-height: 0;
	}
}

/* Small than tablet */
@media (min-width: 768px) {
	
	
	
}


/* Larger than tablet */
@media (min-width: 992px) {
	
	#concept-area {
		background: url("img/bg_1.jpg") top center no-repeat;
		-webkit-background-size: 100% 100%;
		background-size: 100% 100%;
	}
	
	.top_inner {
		background: url("img/bg_7.jpg") top left no-repeat;
		-webkit-background-size: 46% 100%;
		background-size: 46% 100%;
		position: relative;
		margin-top: -3.125vw;
		padding-top: 8.854vw;
	}
	
	.top_inner dl {
		display: -webkit-flex;
		display: flex;
		-webkit-justify-content: space-between;
		justify-content: space-between;
		width: 62.5vw;
		margin: 0 auto;
	}
	
	.top_inner dl dt {
		width: 25.52vw;
		position: relative;
		margin-left: 0;
		margin-bottom: 0;
	}
	
	.top_inner dl dt span {
		writing-mode: vertical-rl;
		font-size: 1.979vw;
		letter-spacing: 0.26vw;
		font-weight: 600;
		font-family: "Shippori Mincho", serif;
		color: #365074;
		position: absolute;
		top: 0;
		left: 50%;
		-webkit-transform: translateX(-50%); /* Safari用 */
		transform: translateX(-50%);
	}
	
	.top_inner dl dd {
		width: 36.97vw;
		line-height: 0;
	}
	
}

/*--------------------------------------------------------------
#concept-area2
#concept-area3
--------------------------------------------------------------*/

/* mobile */
@media (min-width: 300px) {
	
	#concept-area2 {
		background: url("img/bg_2.jpg") top center no-repeat;
		-webkit-background-size: 100% 100%;
		background-size: 100% 100%;
	}
	
	#concept-area3 {
		background: url("img/bg_3.jpg") top center no-repeat;
		-webkit-background-size: 100% 100%;
		background-size: 100% 100%;
	}
	
	#concept-area2 dl {
		padding: 90px 30px 50px 30px;
		background: url("img/bg_7.jpg") top left no-repeat;
		-webkit-background-size: 95% 40px;
		background-size: 95% 40px;
		color: #FFF;
	}
	
	#concept-area3 dl {
		padding: 0 30px 50px 30px;
		color: #FFF;
	}
	
	#concept-area2 dl dt {
		margin-bottom: 40px;
	}
	
	#concept-area2 dl dd {
		line-height: 0;
	}
	
	#concept-area3 dl dt {
		margin-bottom: 40px;
	}
	
	#concept-area3 dl dd {
		
	}
	
	#concept-area2 dl dt h2,
	#concept-area3 dl dt h2{
		font-size: 25px;
		font-weight: 600;
		font-family: "Shippori Mincho", serif;
		margin-bottom: 20px;
	}
	
	#concept-area2 dl dt p,
	#concept-area3 dl dt p{
		font-weight: 500;
		color: #FFF;
	}
}

/* Small than tablet */
@media (min-width: 768px) {
	
	
	
}


/* Larger than tablet */
@media (min-width: 992px) {
	
	#concept-area2 {
		background: url("img/bg_2.jpg") top center no-repeat;
		-webkit-background-size: 100% 100%;
		background-size: 100% 100%;
	}
	
	#concept-area3 {
		background: url("img/bg_3.jpg") top center no-repeat;
		-webkit-background-size: 100% 100%;
		background-size: 100% 100%;
	}
	
	#concept-area2 dl {
		display: -webkit-flex;
		display: flex;
		-webkit-justify-content: space-between;
		justify-content: space-between;
		align-items: center;
		flex-direction: row-reverse;
		padding: 0 8.333vw 3.385vw 2.604vw;
		background: url("img/bg_7.jpg") top left no-repeat;
		-webkit-background-size: 5.729vw 10.93vw;
		background-size: 5.729vw 10.93vw;
		color: #FFF;
	}
	
	#concept-area3 dl {
		display: -webkit-flex;
		display: flex;
		-webkit-justify-content: space-between;
		justify-content: space-between;
		align-items: center;
		padding: 0 0 6.771vw 8.333vw;
		color: #FFF;
	}
	
	#concept-area2 dl dt {
		width: 31.25vw;
		margin-bottom: 0;
	}
	
	#concept-area2 dl dd {
		width: 31.77vw;
		line-height: 0;
	}
	
	#concept-area3 dl dt {
		width: 33.07vw;
		margin-bottom: 0;
	}
	
	#concept-area3 dl dd {
		width: 31.25vw;
	}
	
	
	
	#concept-area2 dl dt h2,
	#concept-area3 dl dt h2{
		font-size: 1.823vw;
		font-weight: 600;
		font-family: "Shippori Mincho", serif;
		margin-bottom: 1.042vw;
	}
	
	#concept-area2 dl dt p,
	#concept-area3 dl dt p{
		font-weight: 500;
		color: #FFF;
	}
	
}


/*--------------------------------------------------------------
#fine-sake-area
--------------------------------------------------------------*/

/* mobile */
@media (min-width: 300px) {
	
	#fine-sake-area {
		position: relative;
	}
	
	.noren {
		line-height: 0;
	}
	
	.inner {
		background: url("img/bg_5.jpg") top center repeat-y;
		-webkit-background-size: 100% auto;
		background-size: 100% auto;
		padding-top: 130px;
		padding-bottom: 50px;
	}
	
	.tanuki {
		position: absolute;
		top: 20px;
		left: 20px;
		width: 120px;
	}
	
	.inner h3 {
		color: #365074;
		font-size: 35px;
		font-family: "Sawarabi Mincho", serif;
		text-align: center;
		margin-bottom: 30px;
	}
	
	.inner h3 span {
		font-size: 20px;
		letter-spacing: 1px;
		display: block;
	}
	
	.inner p {
		width: auto;
		margin: 0 30px;
		color: #365074;
		margin-bottom: 30px;
	}
	
	.inner ul {
		margin: 0 40px;
	}
	
	.inner li {
		
	}
	
	.inner li:nth-child(2),
	.inner li:nth-child(5){
		padding-top: 0;
	}
	
	.photo {
		text-align: center;
	}
	
	.photo img {
		width: 100px;
	}
	
	.item {
		font-family: "Shippori Mincho", serif;
		font-size: 20px;
		font-weight: 600;
		color: #365074;
		text-align: center;
	}
	
	.brand {
		font-family: "Shippori Mincho", serif;
		font-size: 25px;
		font-weight: 600;
		color: #365074;
		padding-bottom: 10px;
		margin-bottom: 10px;
		border-bottom: 1px solid #365074;
		text-align: center;
	}
	
	.inner li:nth-child(6) .brand{
		letter-spacing: -3px;
	}
	
	.brand span {
		font-family: "Shippori Mincho", serif;
		font-size: 15px;
		font-weight: 600;
		color: #FFF;
		background: #365074;
		padding: 3px 10px 5px 10px;
		vertical-align: 5px;
		margin-left: 10px;
		letter-spacing: 0;
	}
	
	.inner dd {
		font-size: 16px;
		font-weight: 500;
		color: #365074;
		margin-bottom: 30px;
	}
}

/* Small than tablet */
@media (min-width: 768px) {
	
	
	
}


/* Larger than tablet */
@media (min-width: 992px) {
	
	#fine-sake-area {
		position: relative;
	}
	
	.noren {
		line-height: 0;
	}
	
	.inner {
		background: url("img/bg_5.jpg") top center no-repeat;
		-webkit-background-size: 100% auto;
		background-size: 100% auto;
		padding-top: 7.812vw;
		padding-bottom: 5.208vw;
	}
	
	.tanuki {
		position: absolute;
		top: 0;
		left: 5.208vw;
		width: 16.14vw;
	}
	
	.inner h3 {
		color: #365074;
		font-size: 2.604vw;
		font-family: "Sawarabi Mincho", serif;
		text-align: center;
		margin-bottom: 2.604vw;
	}
	
	.inner h3 span {
		font-size: 1.562vw;
		letter-spacing: 1px;
		display: block;
	}
	
	.inner p {
		width: 38.02vw;
		margin: 0 auto;
		color: #365074;
		margin-bottom: 1.562vw;
	}
	
	.inner ul {
		display: -webkit-flex;
		display: flex;
		-webkit-justify-content: space-between;
		justify-content: space-between;
		flex-wrap: wrap;
		width: 62.5vw;
		margin: 0 auto;
	}
	
	.inner li {
		width: 15.88vw;
	}
	
	.inner li:nth-child(2),
	.inner li:nth-child(5){
		padding-top: 8.333vw;
	}
	
	.photo {
		text-align: center;
	}
	
	.photo img {
		width: 11.19vw;
	}
	
	.item {
		font-family: "Shippori Mincho", serif;
		font-size: 1.302vw;
		font-weight: 600;
		color: #365074;
		text-align: left;
	}
	
	.brand {
		font-family: "Shippori Mincho", serif;
		font-size: 1.562vw;
		font-weight: 600;
		color: #365074;
		padding-bottom: 0.521vw;
		margin-bottom: 0.521vw;
		border-bottom: 1px solid #365074;
		text-align: left;
	}
	
	.inner li:nth-child(6) .brand{
		letter-spacing: -3px;
	}
	
	.brand span {
		font-family: "Shippori Mincho", serif;
		font-size: 0.938vw;
		font-weight: 600;
		color: #FFF;
		background: #365074;
		padding: 0.156vw 0.521vw 0.26vw 0.521vw;
		vertical-align: 0.26vw;
		margin-left: 0.521vw;
		letter-spacing: 0;
	}
	
	.inner dd {
		font-size: 0.938vw;
		font-weight: 500;
		color: #365074;
		margin-bottom: 0;
	}
	
}


/*--------------------------------------------------------------
#info
--------------------------------------------------------------*/

/* mobile */
@media (min-width: 300px) {
	
	#info {
		background: url("img/bg_6.jpg") top left no-repeat;
		-webkit-background-size: 100% 90%;
		background-size: 100% 90%;
		padding-top: 30px;
		margin-bottom: 50px;
	}
	
	#info dl {
		margin: 0 30px;
	}
	
	#info dt {
		margin-bottom: 30px;
		
	}
	
	#info dt h5 {
		color: #FFF;
		font-family: "Sawarabi Mincho", serif;
		font-size: 30px;
		margin-bottom: 15px;
		margin-top: 20px;
	}
	
	#info dt p {
		color: #FFF;
	}
	
	#info dd {
		
		
	}
}

/* Small than tablet */
@media (min-width: 768px) {
	
	
	
}


/* Larger than tablet */
@media (min-width: 992px) {
	
	#info {
		background: url("img/bg_6.jpg") top left no-repeat;
		-webkit-background-size: 70% 90%;
		background-size: 70% 90%;
		padding-top: 3.125vw;
		margin-bottom: 5.208vw;
	}
	
	#info dl {
		width: 62.5vw;
		margin: 0 auto;
		display: -webkit-flex;
		display: flex;
		-webkit-justify-content: space-between;
		justify-content: space-between;
	}
	
	#info dt {
		width: 23.69vw;
	}
	
	#info dt h5 {
		color: #FFF;
		font-family: "Sawarabi Mincho", serif;
		font-size: 1.562vw;
		margin-bottom: 0.781vw;
		margin-top: 1.042vw;
	}
	
	#info dt p {
		color: #FFF;
	}
	
	#info dd {
		width: 36.19vw;
		
	}
	
}