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

/*--------------------------------------------------------
　基本設定
--------------------------------------------------------*/


/*--------------------------------------------------------
　PC
--------------------------------------------------------*/

@media print, screen and (min-width: 641px){
	
	#mv_block p {
		width: 254px;
		position: absolute;
		bottom: -256px;
		right: 174px;
		z-index: 30;
	}
	
	section {
		width: 1150px;
	}
	
	section h3{
		font-size: 28px;
		font-size: 2.8rem;
		font-family: A1 Mincho, 'Zen Old Mincho', 'Noto Serif JP', YuMincho, "Yu Mincho", "Hiragino Mincho ProN", serif;
		font-weight: 400;
		letter-spacing: 0.1em;
		color: #736357;
		margin-bottom: 20px;
	}
	
	section h3 + p{
		font-size: 18px;
		font-size: 1.8rem;
		letter-spacing: 0.02em;
		line-height: 2.1;
		color: #736357;
		margin-bottom: 28px;
	}
	
	figure.photo {
		border-radius: 20px;
		line-height: 0;
		overflow: hidden;
	}
	
	section#info {
		margin-bottom: 60px;
	}
	
	section#info div.block {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		align-items: flex-end;
	}
	
	section#info div.block div.block_l{
		width: 878px;
		margin-left: -193px;
	}
	
	section#info div.block div.block_r{
		width: 398px;
		padding-bottom: 20px;
	}
	
	section#oem {
		margin-bottom: 100px;
	}
	
	section#oem div.block {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	
	section#oem div.block div.block_l{
		width: 394px;
	}
	
	section#oem div.block div.block_r{
		width: 680px;
		padding: 20px 0 20px;
	}
	
	div.section_outer {
		width: 100%;
		min-width: 1260px;
		margin: 0 auto 20px;
		overflow: hidden;
	}
	
	div.section_outer div.block {
		width: 1150px;
		margin: 0 auto;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		align-items: flex-end;
	}
	
	div.section_outer div.block div.block_l{
		width: 394px;
		padding-bottom: 50px;
	}
	
	div.section_outer div.block div.block_r{
		width: 940px;
		margin-right: -230px;
	}
	
	div.section_outer div.block.reverse {
		flex-direction: row-reverse;
	}
	
	div.section_outer div.block.reverse div.block_r{
		width: 940px;
		margin-right: 0;
		margin-left: -230px;
	}
	
	section#brand {
		margin-bottom: 80px;
	}
	
	section#brand div.block {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	
	section#brand div.block div.block_l{
		width: 650px;
		padding-bottom: 50px;
	}
	
	section#brand div.block div.block_l div.box{
		display: flex;
		flex-wrap: wrap;
		justify-content: flex-start;
		margin-bottom: 28px;
	}
	
	section#brand div.block div.block_l div.box a:first-child{
		margin-right: 20px;
	}
	
	section#brand div.block div.block_r{
		width: 400px;
		padding: 60px 0 10px; 
	}
	
	section#vending {
		margin: 60px auto 120px;
	}
	
	section#vending div.block {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	
	section#vending div.block div.block_l{
		width: 394px;
	}
	
	section#vending div.block div.block_r{
		width: 680px;
	}
}


@media screen and (max-width: 640px){
	
	
	#mv_block p {
		width: 29%;
		position: absolute;
		bottom: -28%;
		right: 5%;
		z-index: 30;
	}
	
	section {
		width: 90%;
	}
	
	section h3{
		font-size: 28px;
		font-size: clamp(18px, 4.6vw, 28px);
		font-family: A1 Mincho, 'Zen Old Mincho', 'Noto Serif JP', YuMincho, "Yu Mincho", "Hiragino Mincho ProN", serif;
		font-weight: 400;
		letter-spacing: 0.1em;
		color: #736357;
		margin-bottom: 10px;
	}
	
	section h3 + p{
		font-size: 18px;
		font-size: clamp(13px, 3.25vw, 18px);
		letter-spacing: 0.02em;
		line-height: 2.1;
		color: #736357;
		margin-bottom: 28px;
	}
	
	figure.photo {
		border-radius: 16px;
		line-height: 0;
		overflow: hidden;
	}
	
	section#info {
		margin-bottom: 18vw;;
	}
	
	section#info div.block {
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		justify-content: flex-end;
	}
	
	section#info div.block div.block_l{
		width: 100%;
		margin-bottom: 3vw;
	}
	
	section#info div.block div.block_r{
		width: 47.8%;
	}
	
	section#oem {
		margin-bottom: 13.2vw;
	}
	
	section#oem div.block {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	
	section#oem div.block div.block_l{
		width: 47.8%;
		margin-top: -40vw;
	}
	
	section#oem div.block div.block_r{
		width: 100%;
	}
	
	div.section_outer {
		width: 100%;
		margin: 0 auto 11.4vw;
		overflow: hidden;
	}
	
	div.section_outer div.block {
		width: 90%;
		margin: 0 auto;
		display: flex;
		flex-wrap: wrap;
		flex-direction: column-reverse;
	}
	
	div.section_outer div.block div.block_l{
		width: 47.8%;
		margin-top: 9vw;
	}
	
	div.section_outer div.block div.block_r{
		width: 100%;
	}
	
	section#brand {
		margin-bottom: 80px;
		position: relative;
	}
	
	section#brand div.block {
		display: flex;
		flex-wrap: wrap;
		flex-direction: column-reverse;
	}
	
	section#brand div.block div.block_l{
		width: 100%;
	}
	
	section#brand div.block div.block_l div.box{
		display: block;
	}
	
	section#brand div.block div.block_l div.box a:last-child{
		margin: 28px auto;
	}
	
	section#brand div.block div.block_r{
		width: 47.8%;
		position: absolute;
		top: -44vw;
		right: 0;
	}
	
	section#vending {
		margin: 0 auto 11.4vw;
		position: relative;
	}
	
	section#vending div.block {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	
	section#vending div.block div.block_l{
		width: 47.8%;
		position: absolute;
		top: -44vw;
		right: 0;
	}
	
	section#vending div.block div.block_r{
		width: 100%;
	}
	
	
	
	section div.block {
		width: 100%;
	}
	
	section div.block + div.block{
		margin-top: 45px;
	}
	
	section div.block div.photo_box figure{
		width: 100%;
		line-height: 0;
		margin-bottom: 25px;
	}
	
	section div.block div.photo_box figure{
		border-radius: 20px;
		overflow: hidden;
	}
	
	section div.block div.text_box{
		width: 100%;
	}
	
	section div.block div.text_box h3{
		font-size: 28px;
		font-size: clamp(18px, 4.6vw, 28px);
		font-family: A1 Mincho, 'Zen Old Mincho', 'Noto Serif JP', YuMincho, "Yu Mincho", "Hiragino Mincho ProN", serif;
		font-weight: 400;
		letter-spacing: 0.1em;
		color: #736357;
		margin-bottom: 10px;
	}
	
	section div.block div.text_box p{
		font-size: 18px;
		font-size: clamp(13px, 3.25vw, 18px);
		letter-spacing: 0.02em;
		line-height: 2.1;
		color: #736357;
		margin-bottom: 28px;
	}
}