@charset "utf-8";

/*----------------------------------------------------------------------------------------------------------
  reset
------------------------------------------------------------------------------------------------------------*/

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}

ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}

a {
	margin: 0;
	padding: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}


del {
	text-decoration: line-through;
}

abbr[title], dfn[title] {
	border-bottom: 1px dotted inherit;
	cursor: help;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #cccccc;
	margin: 1em 0;
	padding: 0;
}

input, select {
	vertical-align: middle;
}

img {
	vertical-align: top;
	font-size: 0;
	line-height: 0;
	max-width: 100%;
	width
	/***/
	: auto;
	height: auto;
}

/* chrome opera */
@media screen and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: .001dpcm) {
	img {
		image-rendering: -webkit-optimize-contrast;
	}
}

*,
*:before,
*:after {
	-webkit-box-sizing: inherit;
	box-sizing: inherit;
}

html {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

main {
	display: block;
}

/*----------------------------------------------------------------------------------------------------------
  common
------------------------------------------------------------------------------------------------------------*/
html {
	font-size: 62.5%;
}

body {
	font-family: 'Noto Serif JP', serif;
	color: #040404;
	background-color: #F6F8F9;
	position: relative;
	overflow-x: hidden;
}

body:lang(en) {
	font-family: 'Noto Serif', serif;
}

.enfonts {
	font-family: 'Noto Serif', serif;
}

.jpfonts {
	font-family: 'Noto Serif JP', serif;
}

.gothic {
	font-family: 'Noto Sans JP', Helvetica, Arial, sans-serif;
}

.wrapper {
	position: relative;
	overflow: hidden;
}

a {
	color: #5A2E2E;
	text-decoration: underline;
}

a:hover {
	color: #D1D1D1;
}

:root {
	--outer-height: 100vh;
}

strong {
	font-weight: 700;
	color: red;
}

.dummybox {
	height: 1800px;
	background: -o-repeating-linear-gradient(135deg, #ddd, #ddd 20px, #efefef 20px, #efefef 40px);
	background: repeating-linear-gradient(-45deg, #ddd, #ddd 20px, #efefef 20px, #efefef 40px);
}

/* Smartphone (Mobilefirst)
-------------------------------------------------------*/

body {
	font-size: 4vw;
}

.sp {
	display: block;
}

.tb {
	display: none;
}

.pc {
	display: none;
}

.pctb {
	display: none;
}

.tbsp {
	display: block;
}


/*--- header & menu ---*/
body.noscroll {
	overflow: hidden;
}

.wrapper {
	padding-top: 13.866vw;
}

#HdMenu {
	background: #fff;
	position: relative;
	z-index: 99;
	color: #302D2D;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	height: 13.866vw;
}

#HdMenu .logo {
	padding: 4.2vw 0 0 0;
	text-align: center;
}

#HdMenu .logo::after {
	content: "";
	position: absolute;
	top: 3vw;
	bottom: 0;
	left: 21vw;
	width: 6.79vw;
	height: 8.67vw;
	background: url(/images/header_logo.png) center center / 100% auto no-repeat;
}

#HdMenu .logo img {
	width: 33.6vw;
	height: auto;
}

#HdMenu .logo:lang(en) {
	padding-top: 2.5vw;
}

#HdMenu .logo img:lang(en) {
	width: 36.533vw;
}

#HdMenu a {
	color: #302D2D;
	text-decoration: none;
}

#HdMenu .burger-btn {
	display: block;
	width: 6.666vw;
	height: 7.546vw;
	position: absolute;
	top: 2vw;
	right: 4.266vw;
	border: none;
	z-index: 7;
}

#HdMenu .burger-btn span {
	display: inline-block;
	-webkit-transition: all .4s;
	-o-transition: all .4s;
	transition: all .4s;
	width: 6.666vw;
	height: 2px;
	border-radius: 5px;
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	background-color: #302D2D;
}

#HdMenu .burger-btn span:nth-child(1) {
	top: 1.946vw;
}

#HdMenu .burger-btn span:nth-child(2) {
	top: 3.892vw;
}

#HdMenu .burger-btn :nth-child(3) {
	top: 5.838vw;
}

#HdMenu .burger-btn :nth-child(3)::after {
	content: "Menu";
	position: absolute;
	top: 1.2vw;
	left: 0;
	right: 0;
	color: #302D2D;
	font-size: 1.95vw;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: .05em;
	font-family: 'Noto Serif', serif;
	font-weight: 600;
}

#HdMenu .burger-btn.close span {
	width: 6.666vw;
	background-color: #FFF;
}

#HdMenu .burger-btn.close span:nth-child(1) {
	opacity: 0;
	-webkit-transition: opacity .2s;
	-o-transition: opacity .2s;
	transition: opacity .2s;
}

#HdMenu .burger-btn.close span:nth-child(2) {
	top: 3.5vw;
	left: 0;
	-webkit-transform: rotateZ(45deg);
	-ms-transform: rotate(45deg);
	transform: rotateZ(45deg);
	-webkit-transition: -webkit-transform .3s;
	transition: -webkit-transform .3s;
	-o-transition: transform .3s;
	transition: transform .3s;
	transition: transform .3s, -webkit-transform .3s;
}

#HdMenu .burger-btn.close span:nth-child(3) {
	top: 3.5vw;
	left: 0;
	-webkit-transform: rotateZ(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotateZ(-45deg);
	-webkit-transition: -webkit-transform .3s;
	transition: -webkit-transform .3s;
	-o-transition: transform .3s;
	transition: transform .3s;
	transition: transform .3s, -webkit-transform .3s;
}

#HdMenu .burger-btn.close span:nth-child(3)::after {
	content: "Close";
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	color: #fff;
	top: 1.6vw;
	left: -6vw;
}

#HdMenu .nav-wrapper {
	display: none;
	position: fixed;
	top: 0;
	z-index: 6;
	overflow-y: auto;
	height: 100%;
	width: 100%;
	-webkit-overflow-scrolling: touch;

}

#HdMenu .nav-wrapper.slide-in {
	display: block;
}

#HdMenu .circle-bg {
	position: fixed;
	z-index: 5;
	width: 100px;
	height: 100px;
	border-radius: 50%;
	background: #fff;
	-webkit-transform: scale(0);
	-ms-transform: scale(0);
	transform: scale(0);
	right: -50px;
	top: -50px;
	-webkit-transition: all .6s;
	-o-transition: all .6s;
	transition: all .6s;
}

#HdMenu.opened .circle-bg {
	-webkit-transform: scale(50);
	-ms-transform: scale(50);
	transform: scale(50);
	background: #411515;
}

#HdMenu .header-nav {}

#HdMenu .header-nav a {
	color: #FFF;
}

#HdMenu .header-nav a:hover {
	opacity: 0.8;
	zoom: 1;
}

#HdMenu .header-nav ul {
	display: block;
	text-align: center;
	width: 84%;
	margin: 20vw auto 10vw;
}

#HdMenu .header-nav ul li {
	margin: 0;
	padding: 6vw 0;
	font-size: 4.6vw;
	line-height: 1;
	font-weight: 500;
}

#HdMenu .header-nav .link-en {
	text-align: center;
	font-size: 4vw;
	line-height: 1;
	font-weight: 500;
	margin-top: 10vw;
}


/*--- toplink ---*/

#GoTop {
	display: block;
	display: none;
	width: 17vw;
	height: 17vw;
	background: url(/images/btn_gotop.png) center center / 100% auto no-repeat;
	overflow: hidden;
	text-decoration: none;
	position: fixed;
	right: 3.4vw;
	bottom: 4vw;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}

#GoTop:lang(en) {
	background-image: url(/en/images/btn_gotop_en.png);
}

#GoTop.footlink {
	position: absolute;
	bottom: auto;
	top: -22vw;
}

.no-js #GoTop {
	display: block;
	position: absolute;
	bottom: auto;
	top: -22vw
}


/*--- footer ---*/

footer {
	background: #411515;
	position: relative;
	color: white;
}

footer:lang(en) {
	font-size: 3.8vw;
}

.footerbox {
	padding: 4.933vw 1vw 29vw;
	text-align: center;
	line-height: 1.4;
}

footer a {
	color: white;
	text-decoration: none;
	padding-bottom: 3px;
	border-bottom: dashed 1px white;
}

footer a#GoTop {
	padding-bottom: 0;
	border-bottom: none;
}

footer .lang {
	width: 82%;
	margin: 0 auto;
	text-align: right;
	font-size: 3.466vw;
	margin-bottom: 29vw;
}

footer .name {
	letter-spacing: .1em;
}

footer .name:lang(en) {
	font-weight: 600;
	font-size: 4.2vw;
}

footer .name, footer .address {
	margin-bottom: 2.666vw;
}

footer .address {
	letter-spacing: .05em;
}

footer .tel {
	margin-bottom: 4vw;
	letter-spacing: .05em;
}

footer .email {
	font-size: 3.2vw;
	margin-bottom: 10.4vw;
}

footer .email span {
	padding-right: .3em;
}

footer .facebook {
	font-size: 3.2vw;
	letter-spacing: .05em;
}

footer .facebook:before {
	content: '';
	display: inline-block;
	background: url(/images/facebook-rect.svg) center center / cover no-repeat;
	width: 6.666vw;
	height: 6.666vw;
	margin-right: 3vw;
	vertical-align: top;
}


/* tablet
-------------------------------------------------------*/

@media only screen and (min-width: 768px) {
	body {
		font-size: 1.6rem;
		/* bodyで62.5%の指定基準。font-size : 16px=1.6rem */
	}

	.sp {
		display: none;
	}

	.tb {
		display: block;
	}

	.pc {
		display: none;
	}

	.pctb {
		display: block;
	}

	.tbsp {
		display: block;
	}

	/*--- header & menu ---*/


	.wrapper {
		padding-top: 98px;
	}

	#HdMenu {
		height: 98px;
	}

	#HdMenu .logo {
		padding: 0;
		position: absolute;
		top: 0;
		bottom: 0;
		left: 112px;
		width: 140px;
		height: 25px;
		margin: auto;
	}

	#HdMenu .logo::after {
		content: "";
		position: absolute;
		top: 0;
		bottom: 0;
		left: -76px;
		width: 56px;
		height: 71px;
		margin: auto;
	}

	#HdMenu .logo img {
		width: 140px;
	}

	#HdMenu .logo:lang(en) {
		padding-top: 0;
	}

	#HdMenu .logo img:lang(en), #HdMenu .logo img:lang(en) {
		width: 140px;
	}

	#HdMenu .burger-btn {
		display: block;
		width: 50px;
		height: 57px;
		top: 14px;
		right: 16px;
	}

	#HdMenu .burger-btn span {
		width: 50px;
	}

	#HdMenu .burger-btn span:nth-child(1) {
		top: 14px;
	}

	#HdMenu .burger-btn span:nth-child(2) {
		top: 28px;
	}

	#HdMenu .burger-btn :nth-child(3) {
		top: 42px;
	}

	#HdMenu .burger-btn :nth-child(3)::after {
		top: 8px;
		font-size: 14px;
	}

	#HdMenu .burger-btn.close span {
		width: 50px;
	}


	#HdMenu .burger-btn.close span:nth-child(2) {
		top: 24px;
	}

	#HdMenu .burger-btn.close span:nth-child(3) {
		top: 24px;
	}

	#HdMenu .burger-btn.close span:nth-child(3)::after {
		top: 18px;
		left: -40px;
	}


	#HdMenu .header-nav ul {
		display: block;
		text-align: center;
		width: 84%;
		margin: 80px auto 20px;
	}

	#HdMenu .header-nav ul li {
		margin: 0;
		padding: 20px 0;
		font-size: 16px;
	}

	#HdMenu .header-nav .link-en {
		font-size: 16px;
		margin-top: 62px;
	}


	/*--- toplink ---*/

	#GoTop {
		width: 76px;
		height: 76px;
		right: 16px;
		bottom: 16px;
	}

	#GoTop.footlink {
		top: -92px;
	}

	.no-js #GoTop {
		top: -92px
	}


	/*--- footer ---*/
	.footerbox {
		padding: 20px 0 70px;
	}

	footer:lang(en) {
		font-size: 1.6rem;
	}

	footer .lang {
		font-size: 13px;
		margin-bottom: 70px;
	}

	footer .name, footer .address {
		margin-bottom: 9px;
	}

	footer .name:lang(en) {
		font-size: 1.7rem;
	}

	footer .tel {
		margin-bottom: 15px;
	}

	footer .email {
		font-size: 12px;
		margin-bottom: 30px;
	}

	footer .facebook {
		font-size: 13px;
	}

	footer .facebook:before {
		width: 25px;
		height: 25px;
		margin-right: 8px;
	}
}

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

@media only screen and (min-width: 1000px) {


	/*--- header & menu ---*/


	body.noscroll {
		overflow: auto;
	}

	.wrapper {
		padding-top: 98px;
	}

	#HdMenu {
		background: #F6F8F9;
		height: 98px;
		-webkit-box-sizing: content-box;
		box-sizing: content-box;
	}

	.articleStyle #HdMenu {
		border-bottom: solid 14px #fff;
	}

	#HdMenu .logo {
		padding: 0;
		position: absolute;
		top: 0;
		bottom: 0;
		left: 112px;
		width: 140px;
		height: 25px;
		margin: auto;
	}

	#HdMenu .logo::after {
		content: "";
		position: absolute;
		top: 0;
		bottom: 0;
		left: -76px;
		width: 56px;
		height: 71px;
		margin: auto;
	}

	#HdMenu .logo img {
		width: 100%;
		height: auto;
	}


	#HdMenu .burger-btn {
		display: none;
	}


	#HdMenu .nav-wrapper {
		display: block;
		position: static;
		top: 0;
		z-index: 6;
		overflow-y: hidden;
		height: auto;
		width: auto;
		-webkit-overflow-scrolling: auto;
	}


	#HdMenu .circle-bg {
		display: none;
	}

	#HdMenu .header-nav {
		text-align: center;
		padding: 45px 130px 39px 287px;
	}

	#HdMenu .header-nav.short {
		padding-right: 150px;
		padding-left: 307px;
	}

	#HdMenu .header-nav a {
		color: #5A2E2E;
	}

	#HdMenu .header-nav .now, #HdMenu .header-nav .now a {
		color: #D1D1D1;
	}

	#HdMenu .header-nav a:hover {
		opacity: 0.8;
		zoom: 1;
	}

	#HdMenu .header-nav ul {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		text-align: left;
		width: auto;
		margin: 0 auto;
	}

	#HdMenu .header-nav ul li {
		margin: 0;
		padding: 0;
		font-size: 1.4rem;
		line-height: 1;
		font-weight: 400;
	}

	#HdMenu .header-nav .link-en {
		display: inline-block;
		font-size: 1.4rem;
		line-height: 1;
		font-weight: 400;
		margin-top: 0;
		position: absolute;
		top: 45px;
		right: 38px;
	}

	#HdMenu .header-nav ul #m-index {
		display: none;
	}

	#HdMenu .header-nav ul #m-introduction {
		padding-left: 0;
	}

	/*--- footer ---*/
	footer {
		padding: 0 38px;
	}

	.footerbox {
		position: relative;
		padding: 30px 114px 40px 90px;
		max-width: 1137px;
		margin: 0 auto;
		text-align: right;
		font-size: 1.5rem;
	}

	footer .lang {
		position: absolute;
		left: 0;
		bottom: 47px;
		font-size: 1.3rem;
		margin-bottom: 0;
		width: auto;
		text-align: left;
	}

	footer .name, footer .address {
		margin-bottom: 9px;
	}

	footer .tel {
		margin-bottom: 12px;
	}

	footer .email {
		font-size: 14px;
		margin-bottom: 0;
		float: right;
		padding-left: 20px;
	}

	footer .facebook {
		font-size: 13px;
	}

	footer .facebook:before {
		width: 25px;
		height: 25px;
		margin-right: 8px;
	}

}

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

@media only screen and (min-width: 1200px) {
	.sp {
		display: none;
	}

	.tb {
		display: none;
	}

	.pc {
		display: block;
	}

	.pctb {
		display: block;
	}

	.tbsp {
		display: none;
	}

	main {
		display: block;
	}


	#HdMenu .header-nav {
		text-align: center;
		padding-top: 44px;
	}

	#HdMenu .header-nav ul {
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	}

	#HdMenu .header-nav ul li {
		font-size: 1.6rem;
		padding: 0 19px;
	}

	#HdMenu .header-nav ul li:first-child {
		padding-left: 0;
	}

	#HdMenu .header-nav ul li:last-child {
		padding-right: 0;
	}

	#HdMenu .header-nav .link-en {
		font-size: 1.6rem;
		top: 44px;
	}


}

/*----------------------------------------------------------------------------------------------------------
  index
------------------------------------------------------------------------------------------------------------*/


#loading {
	width: 100vw;
	height: 100vh;
	height: calc(100vh - 13.866vw);
	background-color: #5A2E2E;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	z-index: 10;
	text-align: center;
	color: white;
	font-size: 12px;
	letter-spacing: .5em;
}

#loading .inner {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translateY(-50%) translateX(-50%);
	-ms-transform: translateY(-50%) translateX(-50%);
	transform: translateY(-50%) translateX(-50%);
}

#loading.loaded {
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all 1s;
	-o-transition: all 1s;
	transition: all 1s;
}

.loader,
.loader:before,
.loader:after {
	border-radius: 50%;
	width: 1.2em;
	height: 1.2em;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation: loadani 1.8s infinite ease-in-out;
	animation: loadani 1.8s infinite ease-in-out;
}

.loader {
	color: #ffffff;
	margin: 3em auto 3em;
	position: relative;
	text-indent: -9999em;
	-webkit-transform: translateZ(0);
	-ms-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-animation-delay: -0.16s;
	animation-delay: -0.16s;
}

.loader:before,
.loader:after {
	content: '';
	position: absolute;
	top: 0;
}

.loader:before {
	left: -2.5em;
	-webkit-animation-delay: -0.32s;
	animation-delay: -0.32s;
}

.loader:after {
	left: 2.5em;
}

@-webkit-keyframes loadani {

	0%,
	80%,
	100% {
		-webkit-box-shadow: 0 2.5em 0 -1.3em;
		box-shadow: 0 2.5em 0 -1.3em;
	}

	40% {
		-webkit-box-shadow: 0 2.5em 0 0;
		box-shadow: 0 2.5em 0 0;
	}
}

@keyframes loadani {

	0%,
	80%,
	100% {
		-webkit-box-shadow: 0 2.5em 0 -1.3em;
		box-shadow: 0 2.5em 0 -1.3em;
	}

	40% {
		-webkit-box-shadow: 0 2.5em 0 0;
		box-shadow: 0 2.5em 0 0;
	}
}

#KeyVisual {
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 100vh;
	height: calc(100vh - 13.866vw);
	background-color: #5A2E2E;
}

@supports (-webkit-touch-callout: none) {
	#loading, #KeyVisual {
		/* The hack for Safari */
		height: -webkit-fill-available;
	}
}

#KeyVisual .kvtxt {
	position: absolute;
	color: white;
	top: 45%;
	left: 50%;
	-webkit-transform: translateY(-50%) translateX(-50%);
	-ms-transform: translateY(-50%) translateX(-50%);
	transform: translateY(-50%) translateX(-50%);
	z-index: 3;
	width: 43.066vw;
	height: 68.8vw;
	max-width: 240px;
	background: url(/images/mvtxt_sp.png) center center / 100% auto no-repeat;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	opacity: 0;
}

#KeyVisual .kvtxt:lang(en) {
	width: 58.666vw;
	height: 83.866vw;
	max-width: 280px;
	background-image: url(/en/images/mvtxt_sp_en.png);
}

.afterloading #KeyVisual .kvtxt {
	-webkit-animation-name: fadekv;
	animation-name: fadekv;
	-webkit-animation-duration: 3s;
	animation-duration: 3s;
	opacity: 1;
}

@-webkit-keyframes fadekv {
	from {
		opacity: 0;
		-webkit-transform: translateY(-40%) translateX(-50%);
		transform: translateY(-40%) translateX(-50%);
	}

	to {
		opacity: 1;
		-webkit-transform: translateY(-50%) translateX(-50%);
		transform: translateY(-50%) translateX(-50%);
	}
}

@keyframes fadekv {
	from {
		opacity: 0;
		-webkit-transform: translateY(-40%) translateX(-50%);
		transform: translateY(-40%) translateX(-50%);
	}

	to {
		opacity: 1;
		-webkit-transform: translateY(-50%) translateX(-50%);
		transform: translateY(-50%) translateX(-50%);
	}
}

#KeyVisual .togreetings {
	position: absolute;
	bottom: 3.4vw;
	left: 0;
	right: 0;
	text-align: center;
	z-index: 7;
	color: white;

}

#KeyVisual .togreetings a {
	display: block;
	color: white;
	text-decoration: none;
	width: 14.4vw;
	height: 12.8vw;
	background: url(/images/kv_togreetings_sp.png) top center / 14.4vw auto no-repeat;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	margin: 0 auto;
}

#KeyVisual .togreetings a:lang(en) {
	width: 20.8vw;
	background-image: url(/en/images/kv_togreetings_en.png);
	background-size: 20.8vw auto;
}

#KeyVisual .togreetings a::after {
	content: ' ';
	width: 7vw;
	height: 7vw;
	position: absolute;
	bottom: 0;
	border: 0.2em solid currentColor;
	border-top: 0;
	border-right: 0;
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
	-webkit-transform-origin: bottom left;
	-ms-transform-origin: bottom left;
	transform-origin: bottom left;
	left: 50%;
	-webkit-animation: 20s ease-in infinite arrowani;
	animation: 20s ease-in infinite arrowani;
}

@-webkit-keyframes arrowani {
	0% {
		-webkit-transform: rotateY(0) rotate(-45deg);
		transform: rotateY(0) rotate(-45deg);
	}

	30% {
		-webkit-transform: rotateY(360deg) rotate(-45deg);
		transform: rotateY(360deg) rotate(-45deg);
	}

	100% {
		-webkit-transform: rotateY(0) rotate(-45deg);
		transform: rotateY(0) rotate(-45deg);
	}
}

@keyframes arrowani {
	0% {
		-webkit-transform: rotateY(0) rotate(-45deg);
		transform: rotateY(0) rotate(-45deg);
	}

	30% {
		-webkit-transform: rotateY(360deg) rotate(-45deg);
		transform: rotateY(360deg) rotate(-45deg);
	}

	100% {
		-webkit-transform: rotateY(0) rotate(-45deg);
		transform: rotateY(0) rotate(-45deg);
	}
}

#slide_wrapp {
	position: static;
	overflow: hidden;
}


#slide_wrapp .slide_item {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	opacity: 0;
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	-webkit-transition: opacity 2s linear, -webkit-transform 7.5s linear;
	transition: opacity 2s linear, -webkit-transform 7.5s linear;
	-o-transition: opacity 2s linear, transform 7.5s linear;
	transition: opacity 2s linear, transform 7.5s linear;
	transition: opacity 2s linear, transform 7.5s linear, -webkit-transform 7.5s linear;
}

#slide_wrapp .slide_item.show_ {
	opacity: 1;
}

#slide_wrapp .slide_item.zoom_ {
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
}

#slide_wrapp .slide_item:nth-child(1) {
	background-image: url(/images/mv_photo01_sp.webp);
}

#slide_wrapp .slide_item:nth-child(2) {
	background-image: url(/images/mv_photo02_sp.webp);
}

#slide_wrapp .slide_item:nth-child(3) {
	background-image: url(/images/mv_photo03_sp.webp);
}

#slide_wrapp .slide_item:nth-child(4) {
	background-image: url(/images/mv_photo04_sp.webp);
}

.no-webp #slide_wrapp .slide_item:nth-child(1) {
	background-image: url(/images/mv_photo01_sp.jpg);
}

.no-webp #slide_wrapp .slide_item:nth-child(2) {
	background-image: url(/images/mv_photo02_sp.jpg);
}

.no-webp #slide_wrapp .slide_item:nth-child(3) {
	background-image: url(/images/mv_photo03_sp.jpg);
}

.no-webp #slide_wrapp .slide_item:nth-child(4) {
	background-image: url(/images/mv_photo04_sp.jpg);
}

@media screen and (orientation: landscape) {
	#KeyVisual .kvtxt {
		width: 14.436vw;
		height: 35.915vw;
		background-image: url(/images/mvtxt.png);
		top: 50%;
		left: 15%;
		max-width: 323px;
		-webkit-transform: translateY(-50%) translateX(-50%);
		-ms-transform: translateY(-50%) translateX(-50%);
		transform: translateY(-50%) translateX(-50%);
	}

	#KeyVisual .kvtxt:lang(en) {
		width: 34.93vw;
		height: 17.152vw;
		left: 26%;
		background-image: url(/en/images/mvtxt_en.png);
	}

	#KeyVisual .togreetings {
		bottom: 27px;
	}

	#KeyVisual .togreetings a {
		width: 60px;
		height: 60px;
		background: url(/images/kv_togreetings.png) top center / 60px auto no-repeat;
	}

	#KeyVisual .togreetings a::after {
		width: 36px;
		height: 36px;
	}

	#slide_wrapp .slide_item:nth-child(1) {
		background-image: url(/images/mv_photo01.webp);
	}

	#slide_wrapp .slide_item:nth-child(2) {
		background-image: url(/images/mv_photo02.webp);
	}

	#slide_wrapp .slide_item:nth-child(3) {
		background-image: url(/images/mv_photo03.webp);
	}

	#slide_wrapp .slide_item:nth-child(4) {
		background-image: url(/images/mv_photo04.webp);
	}

	.no-webp #slide_wrapp .slide_item:nth-child(1) {
		background-image: url(/images/mv_photo01.jpg);
	}

	.no-webp #slide_wrapp .slide_item:nth-child(2) {
		background-image: url(/images/mv_photo02.jpg);
	}

	.no-webp #slide_wrapp .slide_item:nth-child(3) {
		background-image: url(/images/mv_photo03.jpg);
	}

	.no-webp #slide_wrapp .slide_item:nth-child(4) {
		background-image: url(/images/mv_photo04.jpg);
	}
}


#Greetings h2 {
	display: none;
}

#Greetings .inner {
	padding: 7.733vw 6% 17.333vw;
}

#Greetings h3 {
	width: 68.597%;
	margin: 0 auto 13.866vw;
}

#Greetings h4 {
	text-align: center;
	font-weight: 400;
	font-size: 4.8vw;
	letter-spacing: -.03em;
	color: #1E2054;
	line-height: 1.4;
	margin-bottom: 5.333vw;
}

#Greetings h4:lang(en) {
	letter-spacing: .01em;
}

#Greetings p {
	font-weight: 300;
	font-size: 3.733vw;
	letter-spacing: .01em;
	margin-bottom: 1em;
	line-height: 2;
	padding: 0 3%;
}

#Greetings .inner.announce {
	padding: 8vw 6% 1vw;
}

.announcebox {
	padding: 1rem;
	background-color: #efefef;
}

.announcebox::before {
	display: block;
	padding: .5em 0;
	margin-bottom: 1em;
	letter-spacing: .3em;
	background-color: #411515;
	color: #fff;
	text-align: center;
	content: attr(data-title);
	font-size: 3.733vw;
}

.announcebox p {
	text-align: center;
	color: #333;
	margin-bottom: 0;
}

#Greetings .announcebox p {
	font-size: 3.733vw;
}

.article-inner .announcebox p {
	margin-bottom: 1em;
}

.linkbox {
	margin-top: 3em;
	padding-left: 7.2vw;
	position: relative;
}

.linkbox a {
	display: block;
	color: #541E1E;
	text-decoration: none;
	padding-bottom: .4em;
	border-bottom: dashed 1px #541E1E;
	font-weight: 400;
	font-size: 4.533vw;
	line-height: 1;
}

.linkbox a span.big {
	font-size: 5vw;
}

.linkbox a:hover {
	opacity: 0.8;
	zoom: 1;
}

.linkbox a::after {
	content: ' ';
	width: 4.2vw;
	height: 4.2vw;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	border-top: .2em solid currentColor;
	border-right: .2em solid currentColor;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	margin: auto;
}

.linkbox2 {
	margin-top: 4em;
	text-align: right;
}

.linkbox2 li {
	display: inline-block;
	margin-left: 2.5em;
	position: relative;
}

.linkbox2 a {
	display: inline-block;
	color: #541E1E;
	text-decoration: none;
	padding-bottom: .4em;
	border-bottom: dashed 1px #541E1E;
	font-weight: 400;
	font-size: 4.266vw;
	line-height: 1;
}

.linkbox2 a::after {
	content: ' ';
	width: 3.2vw;
	height: 3.2vw;
	position: absolute;
	top: 0;
	bottom: 0;
	left: -1.4em;
	border-top: .2em solid currentColor;
	border-right: .2em solid currentColor;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	margin: auto;
}

.linkbox_external {
	margin-top: 3em;
}

.linkbox_external a {
	display: inline-block;
	color: #541E1E;
	text-decoration: none;
	padding-bottom: .4em;
	border-bottom: dashed 1px #541E1E;
	font-weight: 400;
	font-size: 3.733vw;
	line-height: 1;
	position: relative;
	margin-left: 5.5vw;
}

.linkbox_external a::after {
	content: ' ';
	width: 4.581vw;
	height: 4.581vw;
	position: absolute;
	top: 0;
	bottom: 0;
	left: -5.5vw;
	background: url(/images/ex_arrow.svg) top center / 100% auto no-repeat;
	margin: auto;
}

#Products h2 {
	width: 100%;
	margin-bottom: 18.133vw;
}

#Products h2 span {
	display: block;
	width: 100%;
	height: 0;
	padding-top: calc(222 / 750 * 100%);
	background: url(/images/top_products_ttl_sp.webp) top center / 100% auto no-repeat;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}

.no-webp #Products h2 span {
	background-image: url(/images/top_products_ttl_sp.png);
}

#Products h2 span:lang(en) {
	background-image: url(/en/images/top_products_ttl_sp.webp);
}

.no-webp #Products h2 span:lang(en) {
	background-image: url(/en/images/top_products_ttl_sp.png);
}

#Products .inner {
	padding: 0 6% 17.333vw;
}

#Products .prolist {
	text-align: center;
	padding: 0 5%;
}

#Products .prolist li {
	width: 100%;
	height: 89vw;
	color: white;
	margin-bottom: 16vw;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
}

#Products .prolist li a {
	color: inherit;
	text-decoration: none;
}

#Products .prolist li:hover {
	opacity: 0.8;
	zoom: 1;
}

#Products .prolist .ttl {
	font-size: 12vw;
	font-weight: 400;
	margin-bottom: 10.66vw;
	text-shadow: 0 0 5vw rgba(0, 0, 0, 0.5);
}


#Products .prolist .txt {
	font-size: 5.066vw;
	font-weight: 400;
	line-height: 1.368;
	letter-spacing: .03em;
	padding: 0;
	text-shadow: 0 0 5vw rgba(0, 0, 0, 0.5);
}

#Products .prolist .ttl:lang(en) {
	font-size: 11vw;
	padding: 0 5%;
	margin-bottom: 6vw;
}

#Products .prolist .ttl.s-txt:lang(en), #Products .prolist .ttl small:lang(en) {
	font-size: 9vw;
	line-height: 1.1;
}

#Products .prolist .txt:lang(en) {
	font-size: 4.5vw;
	padding: 0 5%;
}

#Products .prolist li:nth-child(1) {
	background-image: url(/images/kome@2x.webp);
}

#Products .prolist li:nth-child(2) {
	background-image: url(/images/ichigo@2x.webp);
}

#Products .prolist li:nth-child(3) {
	background-image: url(/images/mochi@2x.webp);
}

#Products .prolist li:nth-child(4) {
	background-image: url(/images/edamame@2x.webp);
}

#Products .prolist li:nth-child(5) {
	background-image: url(/images/nasu@2x.webp);
}

#Products .prolist li:nth-child(6) {
	background-image: url(/images/etc@2x.webp);
}

.no-webp #Products .prolist li:nth-child(1) {
	background-image: url(/images/kome@2x.png);
}

.no-webp #Products .prolist li:nth-child(2) {
	background-image: url(/images/ichigo@2x.png);
}

.no-webp #Products .prolist li:nth-child(3) {
	background-image: url(/images/mochi@2x.png);
}

.no-webp #Products .prolist li:nth-child(4) {
	background-image: url(/images/edamame@2x.png);
}

.no-webp #Products .prolist li:nth-child(5) {
	background-image: url(/images/nasu@2x.png);
}

.no-webp #Products .prolist li:nth-child(6) {
	background-image: url(/images/etc@2x.png);
}

#Accessbox {
	padding-bottom: 17.333vw;
}

#Newsbox {
	padding-bottom: 74vw;
}

#Accessbox h2, #Newsbox h2 {
	width: 100%;
	margin-bottom: 18.133vw;
}

#Accessbox .inner, #Newsbox .inner {
	padding: 0 6%;
}

#Accessbox h2 span, #Newsbox h2 span {
	display: block;
	width: 100%;
	height: 0;
	padding-top: calc(222 / 750 * 100%);
	background: url(/images/top_access_ttl_sp.webp) top center / 100% auto no-repeat;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}

#Accessbox .name, #Accessbox .address {
	font-size: 4vw;
	line-height: 2;
	font-weight: 300;
	letter-spacing: .01em;
}

#Accessbox .name:lang(en) {
	font-weight: 600;
}

#Accessbox .route {
	font-size: 3.466vw;
	line-height: 1.846;
	font-weight: 300;
	letter-spacing: .01em;
}

#Newsbox h2 span {
	background: url(/images/top_news_ttl_sp.webp) top center / 100% auto no-repeat;
}

.no-webp #Accessbox h2 span {
	background-image: url(/images/top_access_ttl_sp.png);
}

.no-webp #Newsbox h2 span {
	background-image: url(/images/top_news_ttl_sp.png);
}

#Accessbox h2 span:lang(en) {
	background-image: url(/en/images/top_access_ttl_sp.webp);
}

.no-webp #Accessbox h2 span:lang(en) {
	background-image: url(/en/images/top_access_ttl_sp.png);
}

#Newsbox h2 span:lang(en) {
	background-image: url(/en/images/top_news_ttl_sp.webp);
}

.no-webp #Newsbox h2 span:lang(en) {
	background-image: url(/en/images/top_news_ttl_sp.png);
}

#Accessbox .gmap {
	margin: 10.666vw 0;
	height: 0;
	overflow: hidden;
	padding-bottom: 70%;
	position: relative;
}

#Accessbox .gmap iframe {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
}

.facebook-wrapper>.fb-page {
	width: 100%;
}

.facebook-wrapper>.fb-page>span,
.facebook-wrapper iframe {
	width: 100% !important;
}

/* tablet
-------------------------------------------------------*/

@media only screen and (min-width: 768px) {
	#loading, #KeyVisual {
		height: calc(100vh - 98px);
	}

	#KeyVisual .togreetings {
		bottom: 27px;
	}

	#KeyVisual .togreetings a {
		width: 60px;
		height: 60px;
		background: url(/images/kv_togreetings.png) top center / 60px auto no-repeat;
	}

	#KeyVisual .togreetings a:lang(en) {
		width: 100px;
		background-size: 100px auto;
	}

	#KeyVisual .togreetings a::after {
		width: 36px;
		height: 36px;
	}

	#Greetings {
		padding-top: 84px;
	}

	#Greetings .inner {
		padding: 0 6% 87px;
	}


	#Greetings h3 {
		width: 308px;
		margin: 0 auto 56px;
	}

	#Greetings h4 {
		font-size: 2rem;
		margin-bottom: 56px;
		text-align: left;
	}

	#Greetings p {
		font-weight: 300;
		font-size: 1.6rem;
		line-height: 1.875;
		padding: 0 3%;
	}

	#Greetings .inner.announce {
		padding: 0 6% 84px;
	}

	.announcebox {
		padding: 1rem;
		background-color: #efefef;
	}

	.announcebox::before {
		font-size: 2rem;
	}

	.announcebox p {
		text-align: center;
		color: #333;
		margin-bottom: 0;
	}

	#Greetings .announcebox p {
		font-size: 1.6rem;
	}

	.linkbox {
		padding-left: 28px;
	}

	.linkbox a {
		display: inline-block;
		padding-bottom: .4em;
		font-weight: 400;
		font-size: 1.7rem;
		padding-right: 100px;
	}

	.linkbox a span.big {
		font-size: 1.9rem;
	}


	.linkbox a::after {
		width: 16px;
		height: 16px;
	}


	.linkbox2 li {
		margin-left: 2.9em;
	}

	.linkbox2 a {
		font-weight: 400;
		font-size: 1.9rem;
	}

	.linkbox2 a::after {
		width: 15px;
		height: 15px;
	}


	.linkbox_external a {
		font-size: 1.4rem;
		margin-left: 30px;
	}

	.linkbox_external a::after {
		width: 17px;
		height: 17px;
		left: -22px;
	}

	#Products h2 {
		margin-bottom: 80px;
	}

	#Products h2 span {
		padding-top: calc(144 / 1160 * 100%);
		background: url(/images/top_products_ttl.webp) top center / 100% auto no-repeat;
	}

	.no-webp #Products h2 span {
		background-image: url(/en/images/top_products_ttl.png);
	}

	#Products h2 span:lang(en) {
		background-image: url(/en/images/top_products_ttl.webp);
	}

	.no-webp #Products h2 span:lang(en) {
		background-image: url(/en/images/top_products_ttl.png);
	}

	#Products .inner {
		padding: 0 6% 80px;
	}

	#Products .prolist {
		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;
	}

	#Products .prolist li {
		width: 45%;
		height: 40vw;
		margin-bottom: 20px;
		background-size: 100% auto;
	}

	#Products .prolist .ttl {
		font-size: 6vw;
		font-weight: 400;
		margin-bottom: 4.8vw;
		text-shadow: 0 0 2.5vw rgba(0, 0, 0, 0.5);
	}

	#Products .prolist .txt {
		font-size: 2.5vw;
		font-weight: 400;
		line-height: 1.368;
		letter-spacing: .03em;
		padding: 0;
		text-shadow: 0 0 2.5vw rgba(0, 0, 0, 0.5);
	}

	#Products .prolist .ttl:lang(en) {
		font-size: 5vw;
		line-height: 1.2;
		margin-bottom: 2vw;
	}

	#Products .prolist .ttl.s-txt:lang(en), #Products .prolist .ttl small:lang(en) {
		font-size: 4vw;
		line-height: 1.1;
	}

	#Products .prolist .txt:lang(en) {
		font-size: 2vw;
	}

	#Topinfo {
		padding-bottom: 100px;
	}

	#Accessbox {
		padding-bottom: 90px;
	}

	#Newsbox {
		padding-bottom: 90px;
	}

	#Topinfo .linkbox a {
		padding-right: 2em;
	}

	#Accessbox h2, #Newsbox h2 {
		margin-bottom: 34px;
	}

	#Accessbox .inner, #Newsbox .inner {
		padding: 0 6%;
	}

	#Accessbox h2 span, #Newsbox h2 span {
		padding-top: calc(144 / 1137 * 100%);
		background: url(/images/top_access_ttl_tb.webp) top center / 100% auto no-repeat;
	}

	#Accessbox .name, #Accessbox .address {
		font-size: 1.5rem;
		line-height: 2;
		font-weight: 300;
		letter-spacing: .01em;
	}

	#Accessbox .route {
		font-size: 1.3rem;
		line-height: 1.846;
		font-weight: 300;
		letter-spacing: .01em;
	}

	#Newsbox h2 span {
		background: url(/images/top_news_ttl_tb.webp) top center / 100% auto no-repeat;
	}

	.no-webp #Accessbox h2 span {
		background-image: url(/images/top_access_ttl_tb.png);
	}

	.no-webp #Newsbox h2 span {
		background-image: url(/images/top_news_ttl_tb.png);
	}

	#Accessbox h2 span:lang(en) {
		background-image: url(/en/images/top_access_ttl_tb.webp);
	}

	.no-webp #Accessbox h2 span:lang(en) {
		background-image: url(/en/images/top_access_ttl_tb.png);
	}

	#Newsbox h2 span:lang(en) {
		background-image: url(/en/images/top_news_ttl_tb.webp);
	}

	.no-webp #Newsbox h2 span:lang(en) {
		background-image: url(/en/images/top_news_ttl_tb.png);
	}


	#Accessbox .gmap {
		margin: 24px 6%;
		padding-bottom: 60%;
	}

	.facebook-wrapper {
		max-width: 500px;
		margin: 0 auto;
	}


	@media screen and (min-width: 768px) and (max-height:700px) {
		#KeyVisual {
			height: 700px;
		}
	}

	/* PC 
-------------------------------------------------------*/
	@media screen and (min-width: 1000px) and (max-height:700px) {
		#KeyVisual {
			height: 700px;
		}
	}

	@media only screen and (min-width: 1000px) {
		#KeyVisual .kvtxt {
			width: 212px;
			height: 572px;
			max-width: initial;
			background-image: url(/images/mvtxt.png);
			left: 50%;
			top: 45%;
		}

		#KeyVisual .kvtxt:lang(en) {
			width: 400px;
			height: 196px;
			max-width: initial;
			background-image: url(/en/images/mvtxt_en.png);
			left: 50%;
			top: 45%;
		}

		#Greetings .inner {
			padding: 0 40px 100px 40px;
			max-width: 1240px;
			margin: 0 auto;
			position: relative;
			min-height: 308px;
		}

		#Greetings h3 {
			margin: 0 auto 0;
		}

		#Greetings .inner.announce {
			min-height: auto;
			max-height: none;
		}

		#Greetings .inner.gr01 {
			padding-left: 423px;
		}

		#Greetings .gr01 h3 {
			position: absolute;
			top: 0;
			left: 40px;
		}

		#Greetings .inner.gr02 {
			padding-right: 423px;
		}

		#Greetings .gr02 h3 {
			position: absolute;
			top: 0;
			right: 40px;
		}

		#Greetings h4 {
			font-size: 2rem;
			margin-bottom: 56px;
			text-align: left;
		}

		#Greetings p {
			font-weight: 300;
			font-size: 1.6rem;
			line-height: 1.875;
			padding: 0 3%;
		}

		#Products h2 {
			max-width: 1240px;
			margin: 0 auto 80px;
			padding: 0 40px;
		}

		#Products h2 span {
			padding-top: calc(144 / 1160 * 100%);
			background: url(/images/top_products_ttl.webp) top center / 100% auto no-repeat;
		}

		.no-webp #Products h2 span {
			background-image: url(/images/top_products_ttl.png);
		}

		#Products .inner {
			padding: 0 40px 100px 40px;
			max-width: 1240px;
			margin: 0 auto;
			position: relative;
		}

		#Products .prolist {
			padding: 0 20px;
		}

		#Products .prolist li {
			width: 30%;
			height: 300px;
			margin-bottom: 20px;
		}

		#Products .prolist .ttl {
			font-size: 60px;
			font-weight: 400;
			margin-bottom: 24px;
			text-shadow: 0 0 2.5vw rgba(0, 0, 0, 0.5);
		}

		#Products .prolist .txt {
			font-size: 16px;
			font-weight: 400;
			line-height: 1.368;
			letter-spacing: .03em;
			padding: 0;
			text-shadow: 0 0 2.5vw rgba(0, 0, 0, 0.5);
		}

		#Products .prolist .ttl:lang(en) {
			font-size: 40px;
			line-height: 1.2;
			margin-bottom: 20px;
		}

		#Products .prolist .ttl.s-txt:lang(en), #Products .prolist .ttl small:lang(en) {
			font-size: 32px;
			line-height: 1.1;
		}

		#Products .prolist .txt:lang(en) {
			font-size: 16px;
			padding: 0 5%;
		}

		#Topinfo {
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
			-webkit-box-pack: justify;
			-ms-flex-pack: justify;
			justify-content: space-between;
			max-width: 1240px;
			margin: 0 auto;
			padding: 0 40px;
			margin-bottom: 80px;
		}

		#Accessbox {
			padding-bottom: 90px;
			width: 48.284%;
		}

		#Newsbox {
			padding-bottom: 90px;
			width: 48.284%;
		}

		#Accessbox h2, #Newsbox h2 {
			margin-bottom: 34px;
		}

		#Accessbox .inner, #Newsbox .inner {
			padding: 0 6%;
		}

		#Accessbox h2 span, #Newsbox h2 span {
			padding-top: calc(95 / 549 * 100%);
			background: url(/images/top_access_ttl.webp) top center / 100% auto no-repeat;
		}

		.no-webp #Accessbox h2 span, #Newsbox h2 span {
			background-image: url(/images/top_access_ttl.png);
		}

		#Accessbox .name, #Accessbox .address {
			font-size: 1.5rem;
			line-height: 2;
			font-weight: 300;
			letter-spacing: .01em;
		}

		#Accessbox .route {
			font-size: 1.3rem;
			line-height: 1.846;
			font-weight: 300;
			letter-spacing: .01em;
		}

		#Newsbox h2 span {
			background: url(/images/top_news_ttl.webp) top center / 100% auto no-repeat;
		}

		.no-webp #Newsbox h2 span {
			background-image: url(/images/top_news_ttl.png);
		}

		#Accessbox h2 span:lang(en) {
			background-image: url(/en/images/top_access_ttl.webp);
		}

		.no-webp #Accessbox h2 span:lang(en) {
			background-image: url(/en/images/top_access_ttl.png);
		}

		#Newsbox h2 span:lang(en) {
			background-image: url(/en/images/top_news_ttl.webp);
		}

		.no-webp #Newsbox h2 span:lang(en) {
			background-image: url(/en/images/top_news_ttl.png);
		}

		#Accessbox .gmap {
			margin: 24px 6%;
			padding-bottom: 68%;
		}
	}

	@media screen and (min-width: 1100px) {
		#Products .prolist li {
			width: 28.7%;
			height: 350px;
			margin-bottom: 20px;
		}

		#Products .prolist .txt {
			font-size: 18px;
		}
	}
}