@charset "utf-8";

/*==============================================

  TOP

==============================================*/

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; font-size:100%; vertical-align:baseline; background:transparent; }
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section { display:block; }
ul, ol { 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; color: inherit; text-decoration: none; }
ins { background-color:#ff9; color:#000; text-decoration:none; }
mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; }
del { text-decoration: line-through; }
abbr[title], dfn[title] { border-bottom:1px dotted; 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 { width: 100%; vertical-align: bottom; }
*,*::before,*::after {box-sizing: border-box;}

/*============================
common
============================*/
html {
	font-family: "游ゴシック", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", Meiryo, "游ゴシック", YuGothic, sans-serif;	
	font-size: 14px;
	line-height: 2.08;
	-webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  overflow-x: hidden;
  overflow-y: scroll;
}

/*============================
set
============================*/
a {
	transition: opacity .4s;
}
a:hover {
	opacity: .6;
}
.faDeY {
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 1s, transform 1s;
}
.readfaDeY60 {
  opacity: 0;
  transform: translateY(60px);
  transition: opacity 1.5s, transform 1.5s;
}
.readHead {
  opacity: 0;
  /*transform: translateY(20px);*/
  transition: opacity 1s, transform 1s;
}

@media (min-width: 769px) {
  .visible_pc {
    display: block;
  }
  .visible_sp {
    display: none;
  }

  .display_pc {
    display: inline;
  }
  .display_sp {
    display: none;
  }
}

@media (max-width: 768px) {
  .visible_sp {
    display: block;
  }
  .visible_pc {
    display: none;
  }
  .hidden_sp {
    display: none;
  }

  .display_pc {
    display: none;
  }
  .display_sp {
    display: inline;
  }
}

div.main_container {
	width: 100%;
	overflow-x: hidden;
	position: relative;
}
div.main_container > div {
	position: relative;
	z-index: 2;
}

.inner,
.inner_xsmall,
.inner_small,
.inner_large {
	width: 90%;
	margin: 0 auto;
	position: relative;
}
@media(min-width:769px){
	.inner_xsmall {
		width: 60vw;
	}
	.inner_small {
		width: 70vw;
	}
}

.bg {
	padding-top: 65px;
	padding-bottom: 65px;
	position: relative;
}
@media(min-width:769px){
	.bg {
		padding-top: 100px;
		padding-bottom: 100px; 
	}
}

.section_title {
	width: auto;
	position: relative;
}
.section_title h1 {
	width: auto;
	display: inline-block;
	margin: 0 0 2.25rem;
	font-size: 24px;
	line-height: 1.5;
	color: #984B23;
	letter-spacing: 0;
	font-weight: bold;
	position: relative;
}
.section_title h1[data-entitle]::before {
	content: attr(data-entitle);
	font-weight: bold;
	margin: 0 0 2.5rem 50px;
	display: block;
	font-size: 14px;
	line-height: 1em;
	letter-spacing: 0.05em;
	font-family: "Montserrat", sans-serif;
	white-space: nowrap;
	color: #000;
}
.section_title h1[data-entitle]::after {
	content: '';
	display: block;
	width: 40px;
	height: 2px;
	color: #000;
	border-top: 1px dashed currentColor;
	position: absolute;
	top: 6px;
	left: 0;
}
@media(min-width:769px){
	.section_title h1 {
		font-size: min(34px, 2.375vw);
	}
}


.section_title h2 {
	width: auto;
	display: inline-block;
	margin: 0 0 2.25rem;
	font-size: 24px;
	line-height: 1.5;
	color: #984B23;
	letter-spacing: 0;
	font-weight: bold;
	position: relative;
}
.section_title h2[data-entitle]::before {
	content: attr(data-entitle);
	font-weight: bold;
	margin: 0 0 2.5rem 50px;
	display: block;
	font-size: 14px;
	line-height: 1em;
	letter-spacing: 0.05em;
	font-family: "Montserrat", sans-serif;
	white-space: nowrap;
	color: #000;
}
.section_title h2[data-entitle]::after {
	content: '';
	display: block;
	width: 40px;
	height: 2px;
	color: #000;
	border-top: 1px dashed currentColor;
	position: absolute;
	top: 6px;
	left: 0;
}
@media(min-width:769px){
	.section_title h2 {
		font-size: min(34px, 2.375vw);
	}
}

p.text {
	color: #000000;
}

.hero {
	background-color: #606060;
	color: #FFF;
	position: relative;
	z-index: 1;
}
.hero .bg {
	padding: 80px 0;
}
.hero .hero-img {
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: -1;
}
.hero .hero-img img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.hero .hero-img::before {
	content: '';
	background: rgba(0,0,0,0.4);
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}
.hero .inner *,
.hero .inner *::before,
.hero .inner *::after,
.hero .inner .section_title h2[data-entitle]::before,
.hero .inner .section_title h2[data-entitle]::after {
	color: #FFF;
}
.hero .btn-box {
	margin-top: 2.75rem;
}
@media(min-width:769px){
	.hero .bg {
		padding: 140px 0;
	}
	.hero .inner p {
		max-width: 50%;
	}
}

.btn {
  width: 280px;
  max-width: 100%;
  display: inline-block;
  padding: 0;
  color: #fff;
  background-color: #000;
  border-radius: 5px;
  padding: 1em 1.5em;
  text-align: center;
  font-weight: bold;
  line-height: 1.5;
  position: relative;
  transition: opacity .3s;
}
.btn.btn-white {
  color: #000;
  background-color: #fff;
}
.btn.btn-blue {
  background-color: #bf0b0b;
}
.btn[class*="i-"] {
	padding-left: 2.5em;
}
.btn[class*="i-"]::before {
  content: '';
  display: block;
  width: 1.286em;
  aspect-ratio: 1/1;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  position: absolute;
  top: 50%;
  left: 1.5em;
  transform: translateY(-50%);
}
.btn.i-pdf::before {
	width: 1.125em;
  background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20fill%3D%22none%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20width%3D%2216%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%3CclipPath%20id%3D%22a%22%3E%3Cpath%20d%3D%22m0%200h15.967v15.967h-15.967z%22%2F%3E%3C%2FclipPath%3E%3Cg%20clip-path%3D%22url(%23a)%22%3E%3Cpath%20d%3D%22m14.371%200h-9.581c-.42435%200-.83131.168571-1.13137.468629s-.46863.707021-.46863%201.131371v9.58c0%20.4243.16857.8313.46863%201.1314.30006.3.70702.4686%201.13137.4686h9.58c.4243%200%20.8313-.1686%201.1314-.4686.3-.3001.4686-.7071.4686-1.1314v-9.58c0-.42417-.1684-.830988-.4683-1.131018-.2998-.300029-.7065-.46871689-1.1307-.468982zm-6.786%205.988c0%20.31826-.12643.62348-.35147.84853-.22505.22504-.53027.35147-.84853.35147h-.8v1.6h-1.2v-4.796h2c.31826%200%20.62348.12643.84853.35147.22504.22505.35147.53027.35147.84853zm3.992%201.6c0%20.31826-.1264.62348-.3515.84853-.225.22504-.5302.35147-.8485.35147h-2v-4.796h2c.3183%200%20.6235.12643.8485.35147.2251.22505.3515.53027.3515.84853zm3.193-2.4h-1.2v.8h1.2v1.2h-1.2v1.6h-1.2v-4.796h2.4zm-9.181.8h.8v-.8h-.8zm-3.989-2.795h-1.6v11.178c0%20.4243.168571.8313.468629%201.1314.300058.3.707021.4686%201.131371.4686h11.174v-1.6h-11.174zm7.984%204.391h.8v-2.4h-.8z%22%20fill%3D%22%23fffffb%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
}
.btn.i-play::before {
	background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20fill%3D%22none%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20width%3D%2220%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22m9.99945%2018.9075c4.92025%200%208.90885-3.9886%208.90885-8.90884%200-4.9202-3.9886-8.90882-8.90885-8.90882-4.9202%200-8.90881%203.98862-8.90881%208.90882%200%204.92024%203.98861%208.90884%208.90881%208.90884z%22%20stroke%3D%22%23fff%22%2F%3E%3Cpath%20d%3D%22m12.8721%2010.0968-4.40429%202.5851v-5.17018z%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E');
}
.btn.i-mail::before {
	background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20fill%3D%22none%22%20height%3D%2216%22%20viewBox%3D%220%200%2020%2016%22%20width%3D%2220%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22m18.9536%202.99311c-.0812-.40502-.2624-.77565-.5155-1.08182-.0534-.06672-.1091-.12646-.1696-.1862-.4484-.44654-1.0777-.72509-1.7653-.72509h-13.00636c-.68756%200-1.31467.27855-1.7652.72509-.06029.05974-.11605.11948-.16956.1862-.25323.30615-.43446.6768-.51335%201.08182-.03242.15631-.04873.31785-.04873.48116v9.05173c0%20.3472.07432.681.20686.9825.12294.2877.30421.5481.52474.7664.0559.0553.11141.1061.17199.1566.43193.3544.98947.5685%201.59325.5685h13.00636c.604%200%201.164-.2141%201.5934-.5708.0604-.0482.1162-.099.1719-.1543.2205-.2183.4017-.4787.5272-.7664v-.0023c.1325-.3014.2043-.633.2043-.9802v-9.05173c0-.16331-.016-.32485-.0464-.48116zm-16.31851-.3729c.22306-.22079.52263-.35446.86175-.35446h13.00636c.3391%200%20.6413.13367.8618.35446.0394.03933.0766.08316.1094.12671l-6.8171%205.88722c-.188.16327-.4203.24391-.6573.24391-.23462%200-.46672-.08064-.65723-.24391l-6.81445-5.88973c.03016-.04355.06732-.08487.10677-.1242zm-.35772%209.90579v-8.47177l4.93327%204.26453-4.93077%204.26004c-.0025-.0162-.0025-.0344-.0025-.0528zm14.22583%201.208h-13.00636c-.22082%200-.42743-.0575-.60378-.1586l5.20236-4.49247.48569.41867c.40644.34997.91505.5272%201.41889.5272.5065%200%201.015-.17723%201.4215-.5272l.4854-.41867%205.2003%204.49247c-.1766.1011-.3832.1586-.604.1586zm1.2195-1.208c0%20.0184%200%20.0366-.0024.0528l-4.9308-4.25757%204.9332-4.26474z%22%20fill%3D%22%23fff%22%20stroke%3D%22%23fff%22%20stroke-width%3D%22.2%22%2F%3E%3C%2Fsvg%3E');
	color: white;
}
.btn.i-cart::before {
	background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20fill%3D%22none%22%20height%3D%2219%22%20viewBox%3D%220%200%2018%2019%22%20width%3D%2218%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20fill%3D%22%23fff%22%3E%3Cpath%20d%3D%22m14.7047.00016315c-.1563-.00333813-.3094.04462755-.4358.13655485-.1264.091927-.2192.222751-.2642.372445l-.714%202.599997h-12.569023c-.11016-.00075-.219086.02321-.318767.07011s-.187581.11555-.257233.20089c-.0673646.08267-.113288.18068-.1336975.28534-.02040944.10466-.01467387.21275.0166979.31466l2.0700026%206.76304c.04799.145.14115.271.26584.3593.12469.0884.27437.1345.42716.1317h8.27402l-.312%201.137h-7.90002v1.2h8.32502c.1563.0033.3093-.0447.4357-.1366.1265-.0919.2193-.2227.2643-.3724l3.25-11.86204h2.3v-1.19999685zm-2.68%207.74099685-.629%202.29404h-1.59102v-2.29404zm.941-3.432-.612%202.235h-2.54902v-2.235zm-4.43202%203.432v2.29404h-2.712v-2.29404zm0-3.432v2.235h-2.712v-2.235zm-3.78%200v2.235h-2.616l-.684-2.235zm0%203.432v2.29404h-1.549l-.7-2.29404z%22%2F%3E%3Cpath%20d%3D%22m4.25699%2014.748c-.31447%200-.62188.0933-.88335.268s-.46527.423-.58562.7136c-.12034.2905-.15183.6102-.09047.9187.06135.3084.21278.5917.43515.8141.22236.2223.50567.3738.8141.4351.30843.0614.62813.0299.91866-.0905.29053-.1203.53886-.3241.71357-.5856s.26796-.5689.26796-.8833c0-.4217-.16752-.8262-.4657-1.1244-.29818-.2981-.7026-.4657-1.1243-.4657z%22%2F%3E%3Cpath%20d%3D%22m10.1916%2014.8359c-.31451%200-.62193.0933-.8834.268s-.46526.423-.5856.7136c-.12035.2905-.15184.6102-.09049.9186.06135.3085.21279.5918.43515.8141.22237.2224.50569.3738.81412.4352.30842.0613.62812.0298.91862-.0905.2906-.1203.5389-.3241.7136-.5856s.268-.5689.268-.8834c0-.4217-.1676-.8261-.4657-1.1243-.2982-.2981-.7026-.4657-1.1243-.4657z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
}
.btn.btn-white.i-cart::before {
	background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20fill%3D%22none%22%20height%3D%2219%22%20viewBox%3D%220%200%2018%2019%22%20width%3D%2218%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20fill%3D%22%23000%22%3E%3Cpath%20d%3D%22m14.7047.00016315c-.1563-.00333813-.3094.04462755-.4358.13655485-.1264.091927-.2192.222751-.2642.372445l-.714%202.599997h-12.569023c-.11016-.00075-.219086.02321-.318767.07011s-.187581.11555-.257233.20089c-.0673646.08267-.113288.18068-.1336975.28534-.02040944.10466-.01467387.21275.0166979.31466l2.0700026%206.76304c.04799.145.14115.271.26584.3593.12469.0884.27437.1345.42716.1317h8.27402l-.312%201.137h-7.90002v1.2h8.32502c.1563.0033.3093-.0447.4357-.1366.1265-.0919.2193-.2227.2643-.3724l3.25-11.86204h2.3v-1.19999685zm-2.68%207.74099685-.629%202.29404h-1.59102v-2.29404zm.941-3.432-.612%202.235h-2.54902v-2.235zm-4.43202%203.432v2.29404h-2.712v-2.29404zm0-3.432v2.235h-2.712v-2.235zm-3.78%200v2.235h-2.616l-.684-2.235zm0%203.432v2.29404h-1.549l-.7-2.29404z%22%2F%3E%3Cpath%20d%3D%22m4.25699%2014.748c-.31447%200-.62188.0933-.88335.268s-.46527.423-.58562.7136c-.12034.2905-.15183.6102-.09047.9187.06135.3084.21278.5917.43515.8141.22236.2223.50567.3738.8141.4351.30843.0614.62813.0299.91866-.0905.29053-.1203.53886-.3241.71357-.5856s.26796-.5689.26796-.8833c0-.4217-.16752-.8262-.4657-1.1244-.29818-.2981-.7026-.4657-1.1243-.4657z%22%2F%3E%3Cpath%20d%3D%22m10.1916%2014.8359c-.31451%200-.62193.0933-.8834.268s-.46526.423-.5856.7136c-.12035.2905-.15184.6102-.09049.9186.06135.3085.21279.5918.43515.8141.22237.2224.50569.3738.81412.4352.30842.0613.62812.0298.91862-.0905.2906-.1203.5389-.3241.7136-.5856s.268-.5689.268-.8834c0-.4217-.1676-.8261-.4657-1.1243-.2982-.2981-.7026-.4657-1.1243-.4657z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
}
.btn-box {
	list-style-type: none;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 15px;
	margin-top: 1.5rem;
}

/*============================
common nav
============================*/
.nav_box .main_nav ul li a {
	display: block;
	position: relative;
}
@media(max-width:768px){
	.nav_box .main_nav ul {
		border-top: 1px solid rgba(255,255,255,0.2);
		margin-bottom: 40px;
	}
	.nav_box .main_nav ul li {
		border-bottom: 1px solid rgba(255,255,255,0.2);
	}
	.nav_box .main_nav ul li a {
		padding: 12px 0;
		background-repeat: no-repeat;
		background-position: right center;
		background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20width%3D%2220%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20fill%3D%22%23fff%22%3E%3Cpath%20d%3D%22m10%201a9%209%200%201%200%209%209%209.01%209.01%200%200%200%20-9-9m0-1a10%2010%200%201%201%20-10%2010%2010%2010%200%200%201%2010-10z%22%2F%3E%3Cpath%20d%3D%22m2135.834%206289.606h-10.534a.5.5%200%200%201%200-1h7.571l-2.06-1.571a.5.5%200%200%201%20.606-.795z%22%20transform%3D%22translate(-2120.12%20-6278.471)%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
		background-size: 20px;
	}
}

/*============================
header
============================*/
#siteheader {
	width: 100%;
	color: #000;
	position: absolute;
	z-index: 100;
}
#siteheader .inner_large {
	display: flex;
	justify-content: space-between;
	align-items: center;
	height: 70px;
}
#siteheader.is-fixed {
	position: fixed;
}

#siteheader .header_logo .logo img {
	display: block;
	width: 106px;
}
#siteheader.is-fixed .header_logo .logo {
	background: url(../_img/logo.svg) no-repeat center center / 106px;
}
#siteheader .header_logo a img {
	transition: opacity .4s;
}
#siteheader.is-fixed .header_logo a img {
	opacity: 0;
}
#siteheader::before {
	content: '';
	display: block;
	width: 100%;
	height: 100%;
  background: #FFF;
	transform: translateY(-102%);
	position: absolute;
	top: 0;
	left: 0;
	transition: transform .6s;
}
#siteheader.is-fixed::before {
  transform: translateY(0);
}

#siteheader .main_nav ul li a {
	display: block;
	font-weight: 700;
}

@media(max-width:768px){
	body.gNavOpen #siteheader {
		position: fixed;
	  color: #FFF;
	}
	body.gNavOpen #siteheader .header_logo a img {
		opacity: 1 !important;
	}
	#siteheader .gNav {
		background: #655626;
		color: #FFF;
		width: 100vw;
		height: 100dvh;
		overflow-y: auto;
		position: fixed;
		top: 0;
		left: calc((100% - 100vw)/2);
		z-index: 99;
		display: none;
	}
	#siteheader .gNav_head {
		width: 90%;
		height: 70px;
		margin: 0 auto;
		display: flex;
		justify-content: space-between;
		align-items: center;
		position: relative;
	}
	#siteheader .nav_box {
		padding: 26px 10% 30px 10%;
	}

	/* Nav Btn */
	.nav_btn {
	  background: transparent;
	  color: currentColor;
	  display: flex;
	  justify-content: center;
	  align-items: center;
	  width: 70px;
	  height: 100%;
	  cursor: pointer;
	  position: absolute;
	  top: 0;
	  right: -5%;
	}
	.nav_btn i {
	  display: block;
	  background: currentColor;
	  height: 1px;
	  position: absolute;
	  right: 20px;
	  left: 20px;
	  margin-top: -0.5px;
	  transition: transform .3s;
	}
	.nav_btn i:nth-of-type(1) {
	  top: 50%;
	}
	.nav_btn i:nth-of-type(2) {
	  top: calc(50% - 10px);
	}
	.nav_btn i:nth-of-type(3) {
	  top: calc(50% + 10px);
	}
	.nav_btn.on {
	  color: var(--black);
	}
	.nav_btn.on i:nth-of-type(1),
	.nav_btn._close i:nth-of-type(1) {
	  transform: scaleX(0);
	}
	.nav_btn.on i:nth-of-type(2),
	.nav_btn._close i:nth-of-type(2) {
	  top: 50%;
	  transform: rotate(45deg);
	}
	.nav_btn.on i:nth-of-type(3),
	.nav_btn._close i:nth-of-type(3) {
	  top: 50%;
	  transform: rotate(135deg);
	}
}

@media(min-width:769px){
	#siteheader .inner_large {
		width: 100%;
		height: 105px;
		padding-right: 1.5vw;
	}
	#siteheader .header_logo {
		width: 210px;
		height: 100%;
		position: relative;
		z-index: 5;
		transition: background-color .6s;
	}
	#siteheader .header_logo::before {
		content: '';
		display: block;
		width: 100%;
		height: 100%;
	  background: #655626;
		transform: translateY(-102%);
		position: absolute;
		top: 0;
		left: 0;
		z-index: -1;
		transition: transform .6s;
	}
	#siteheader.is-fixed .header_logo::before {
	  transform: translateY(0);
	}
	#siteheader .header_logo .logo {
		width: 100%;
		height: 100%;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	#siteheader.is-fixed .header_logo .logo {
		background-image: url(../_img/logo-w.svg);
	}
	#siteheader .gNav {
		display: block !important;
	}
	#siteheader .nav_box {
		display: flex;
		align-items: center;
	}
	#siteheader .nav_box ul {
		display: flex;
	}
	#siteheader .gNav_head,
	#siteheader .nav_btn {
		display: none !important;
	}
	#siteheader .main_nav ul li a {
		font-size: 12px;
		margin: 0 1.5vw 0 0;
	}
}

@media(min-width:960px){
	#siteheader .main_nav ul li a {
		font-size: 13px;
		margin: 0 1.75vw 0 0;
	}
}
@media(min-width:1280px){
	#siteheader .main_nav ul li a {
		margin: 0 40px 0 0;
	}
}


/*============================
KEY
============================*/
#KEY {
	background-color: #606060;
	color: #FFF;
	width: 100%;
	position: relative;
	z-index: 5;
	overflow: hidden;
}
#KEY .kv_inner {
	width: 100%;
	height: 100%;
	padding: calc(70px + 10%) 0 calc(3.5rem + 10%);
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: center;
	text-align: center;
	position: absolute;
	top: 0;
	left: 0;
}
#KEY .kv_logo {
	width: 79.48vw;
}
#KEY .kv_text .copy {
	font-size: 9.74vw;
	line-height: 1.3;
	letter-spacing: .05em;
	padding: .375em;
}
#KEY .kv_text .key {
	font-size: 5.12vw;
	line-height: 1.6;
	letter-spacing: -.01em;
}
@media (orientation: portrait){
}
@media(orientation: landscape) or (min-width: 769px){
	#KEY .kv_inner {
		padding: 10% 42% 10% 0;
		justify-content: center;
	}
	#KEY .kv_logo {
		width: 26.11vw;
	}
	#KEY .kv_text .copy {
		font-size: 3.19vw;
		padding: .75em;
	}
	#KEY .kv_text .copy br {
		display: none;
	}
	#KEY .kv_text .key {
		font-size: 2.01vw;
	}
}


/* コンテナを画面いっぱいの高さに設定 */
#KEY {
    position: relative;
    width: 100%;
    height: 100vh; /* 画面の高さに合わせる */
    min-height: 600px; /* 最小の高さ */
    background-color: #606060;
    color: #FFF;
    z-index: 5;
    overflow: hidden;
}



/* 動画の配置エリア */
.video_bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0; /* 一番後ろへ */
}

/* 動画自体のスタイル */
.video_bg video {
    width: 100%;
    height: 100%;
    object-fit: cover; /* 縦横比を保ったままエリアを埋める */
}




/*============================
#movie
============================*/
#movie .bg {
	background: #DFDFDF;
	padding-top: 50px;
}
#movie .bnr {
	margin: 0 auto;
	padding-bottom: 20px;
}
#movie .bnr picture {
	display: block;
	padding-bottom: 15px;
}
#movie h3.read {
	text-align: center;
	padding: 15px 0 1em;
	font-size: 20px;
	line-height: 1;
	color: #984B23;
	letter-spacing: 0.05em;
	font-family: "Montserrat", sans-serif;
	font-weight: bold;
}
#movie .movie .youtube {
  width: 100%;
  aspect-ratio: 16 / 9;
}
#movie .movie .youtube iframe {
  width: 100%;
  height: 100%;
  vertical-align: bottom;
}
@media(min-width:769px){
	#movie h3.read {
		font-size: 24px;
	}
}
@media(min-width: 769px){
	#movie .bg {
		padding-top: 80px;
	}
	#movie .bnr {
		max-width: 900px;
		padding-bottom: 50px;
	}
	#movie h3.read {
		padding: 15px 0 1.5em;
	}
}

/*============================
#about
============================*/
#about .image_conts .img1 {
	display: block;
	margin-left: calc((100vw - 100%)*-1);
	margin-right: calc((100vw - 100%)*-1);
}
@media(min-width:769px){
	#about .inner {
		display: flex;
		gap: 4%;
	}
	#about .inner .read_conts {
		flex: 0 0 45%;
		align-self: center;
	}
	#about .image_conts {
		flex: 0 0 52%;
	}
	#about .image_conts .img1 {
		margin-left: 0;
		margin-right: calc((46vw - 100%)*-1);
	}
}

#about ul.list li {
	margin: 2.5em 0 0;
	line-height: 1.75;
}
#about ul.list li picture img{
	display: block;
	border-radius: 10px;
}
#about ul.list li h3 {
	font-size: 18px;
	margin: 1em 0 .5em;
}
@media(min-width:769px){
	#about ul.list {
		display: flex;
		gap: 6%;
	}
	#about ul.list li {
		flex: 0 0 calc(88%/3);
	}
}


/*============================
#future
============================*/
#future {
	background: #DFDFDF;
}
#future .cont {
	padding-top: 24px;
	position: relative;
}
#future .cont + .cont {
	padding-top: 0;
}
#future .inner .read_conts {
	position: relative;
	z-index: 3;
}
#future .entitle {
	font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-size: min(46px, 9vw);
  line-height: 1;
  white-space: nowrap;
  color: #984B23;
  position: absolute;
  top: 0;
  left: 0;
  transform: translateY(-50%);
  z-index: 5;
}
#future .read {
	font-size: 17px;
	line-height: 1.5;
	color: #984B23;
	padding: 32px 0 20px;
	position: relative;
	display: flex;
	align-items: center;
	gap: 2%;
}
#future .read::before {
	content: attr(data-index);
	font-weight: bold;
	display: block;
	width: 60px;
	height: 60px;
	line-height: 58px;
	text-align: center;
	font-size: 29px;
	letter-spacing: 0.05em;
	font-family: "Montserrat", sans-serif;
	white-space: nowrap;
	color: #000;
	border: 1px dashed currentColor;
	border-radius: 100%;
}
#future .inner .image_conts .img1 img {
	display: block;
	border-radius: 30px 0 0 30px;
}
@media(max-width:768px){
	#future .cont + .cont .bg {
		padding-top: 15px;
	}
	#future .cont .image_conts .img1 {
		display: block;
		margin-right: calc(50% - 50vw);
	}
}
@media(min-width:769px){
	#future .cont {
		padding-top: min(64px, 4.4444vw);
	}
	#future .inner:has(.read_conts) {
		display: flex;
		flex-direction: row-reverse;
		gap: 5%;
	}
	#future .inner .read_conts {
		flex: 0 0 45%;
	}
	#future .inner .image_conts {
		flex: 0 0 50%;
	}
	#future .inner .image_conts .img1 {
		margin-right: calc((50vw - 100%)*-1);
	}
	#future .entitle {
	  font-size: min(128px, 8.8888vw);
	}
	#future .read {
		padding: min(128px, 8.8888vw) 0 20px;
		font-size: min(24px, 1.9vw);
		gap: 4%;
	}
	#future .read::before {
		width: 65px;
		height: 65px;
		line-height: 63px;
	}
	#future .inner .image_conts .img1 img {
		border-radius: 30px;
	}
}
@media(min-width:1280px){
	#future .read_conts {
		padding-top: 40px;
	}
}

#future ul.list li {
  padding: 32px 0 0;
}
#future ul.list li figure {
  width: auto;
  overflow: hidden;
}
#future ul.list li .detail_area h5 {
	margin: 1em 0 .25em;
  line-height: 1.7em;
}
#future ul.list li .detail_area p.text {
  font-size: 12px;
  line-height: 1.7em;
}
@media(max-width:768px){
	#future .list {
	  display: flex;
	  flex-wrap: wrap;
	}
}
@media(min-width:769px){
	#future .slider-conts {
		margin-right: calc(50% - 50vw);
	}
	#future ul.list li .detail_area p.text {
	  font-size: 13px;
	}
}
@media(min-width:1028px){
	#future .slider-conts {
		margin-top: calc((4% + 60px)*-1);
	}
}
@media(min-width:1360px){
	#future ul.list li .detail_area h5 {
		font-size: 18px;
	}
}


/*swiper*/
.swiper-controller {
	margin-top: 20px;
	display: flex;
	align-items: center;
	position: relative;
}
.swiper:not(.swiper-initialized) .swiper-controller {
	display: none;
}
.swiper .swiper-pagination {
	width: auto;
	margin: 0 5px 0 0;
	display: flex;
	align-items: center;
	position: static;
	font-family: 'Montserrat', sans-serif;
}
.swiper .swiper-pagination .swiper-pagination-current,
.swiper .swiper-pagination .swiper-pagination-total {
	min-width: 1.5em;
}
.swiper .swiper-button-next,
.swiper .swiper-button-prev {
	width: 22px;
	height: 22px;
	margin: 0 0 0 10px;
	color: transparent;
	background-repeat: no-repeat;
	background-position: center center;
  background-size: 22px;
  position: static;
}
.swiper .swiper-button-next {
  background-image: url(/assets/images/common/arrow_right_t.png);
}
.swiper .swiper-button-prev {
  background-image: url(/assets/images/common/arrow_left_t.png);
}

.swiper .swiper-progress {
	display: block;
  width: 48px;
  height: 1px;
  margin: 0 5px;
  background-color: #c4c4c4;
}
.swiper .swiper-progress span {
	display: block;
	width: 0;
  height: 1px;
  background-color: #000;
  transition: width 1s;
}


/*============================
#thoughts
============================*/
#thoughts .image_conts .img1 {
	display: block;
	margin-right: calc((100vw - 100%)*-1);
}
#thoughts .image_conts .img1 img {
	display: block;
	border-radius: 30px 0 0 30px;
}
#thoughts .logo_desc {
	margin: 3em 0 0;
	/*border-top: 1px dashed #717171;*/
	position: relative;
}
#thoughts .logo_desc dt {
	display: inline-block;
	font-size: 18px;
	font-weight: bold;
	background: #FFF;
	padding-right: .6em;
	transform: translateY(-50%);
}
#thoughts .logo_desc dd {
	color: #606060;
	font-size: 12px;
	margin-top: -1.05em;
}
#thoughts .logo_design {
	margin: 2.5em 0 0;
	display: flex;
	align-items: center;
	gap: 9%;
}
#thoughts .logo_design > * {
	display: block;
}
#thoughts .logo_design figure {
	flex: 0 0 27%;
}
#thoughts .logo_design picture {
	flex: 0 0 64%;
}
@media(max-width:768px){
	#thoughts .image_conts {
		margin-top: 4em;
	}
}
@media(min-width:769px){
	#thoughts .inner {
		display: flex;
		gap: 5%;
	}
	#thoughts .inner .read_conts {
		flex: 0 0 45%;
	}
	#thoughts .inner .image_conts {
		flex: 0 0 50%;
	}
	#thoughts .inner .image_conts .img1 {
		margin-right: calc((50vw - 100%)*-1);
	}
}

/*============================
#spec
============================*/
#spec .products .item-box {
	border-radius: 20px;
	background-color: #DFDFDF;
	padding: 5.5% 5%;
	margin-top: 30px;
	text-align: center;
}

#spec .products .item-box .item-head {
    margin-bottom: 40px;
}


#spec .products .item-box .item-head picture {
	display: block;
	width: 100%;
	margin: 0 auto;
}
#spec .products .item-box .item-head .name {
	font-family: "Montserrat", sans-serif;
	font-size: 20px;
	font-weight: bold;
	line-height: 1.25;
	padding: 1rem 0 1.5rem;
	margin-bottom: 1.5rem;
	color: #984B23;
	border-bottom: 1px dashed #717171;
}
#spec .products .item-box .item-head .copy {
	font-size: 16px;
	line-height: 1.75;
}
#spec .products .item-box .item-head .price {
	font-size: 18px;
	font-weight: bold;
}
#spec .products .item-box .item-head .btn {
	font-size: 18px;
	padding: .75em;
}
#spec .products .item-box .item-detail ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 7.5%;
	row-gap: 25px;
	margin: 30px 0;
}
#spec .products .item-box .item-detail ul li {
	flex-basis: calc((100% - 7.5%)/2);
	max-width: 128px;
	line-height: 1.5;
	font-size: 12px;
}
#spec .products .item-box .item-detail ul li figure figcaption {
	display: block;
}
#spec .products .item-box .item-detail ul li figure img {
	display: block;
	margin: 8px 0;
}
#spec .products .item-box .item-spec dl {
	display: flex;
	justify-content: space-between;
	font-size: min(2.8vw, 12px);
	background-color: #FFF;
}
#spec .products .item-box .item-spec dl:nth-of-type(odd) {
	background-color: #F4F4F4;
}
#spec .products .item-box .item-spec dl dt {
	text-align: left;
	font-weight: normal;
	line-height: 1.25;
	white-space: nowrap;
	padding: .75em 2% .75em 4%;
}
#spec .products .item-box .item-spec dl dd {
	text-align: right;
	font-weight: normal;
	line-height: 1.25;
	padding: .75em 4% .75em 2%;
}
@media(max-width:1279px){
	#spec .products .item-box .item-detail ul li figure img {
		aspect-ratio: 14/13;
		object-fit: cover;
	}
}
@media(min-width:769px){
	#spec .read_conts {
		display: flex;
	}
	#spec .read_conts > * {
		flex: 0 0 50%;
	}
	#spec .read_conts p.text {
		padding-top: 3.5rem;
	}
	#spec .products {
		display: flex;
		gap: 3%;
	}
	#spec .products .item-box {
		flex-basis: 100%;
	}
}
@media(min-width:769px) and (max-width:1279px){
	#spec .products .item-box {
		padding: 4% 3%;
	}
	#spec .products .item-box .item-head .name {
		font-size: 19px;
	}
	#spec .products .item-box .item-head .copy {
		font-size: 15px;
		line-height: 1.75;
	}
}
@media(min-width:1280px){
	#spec .products {
		gap: 5%;
	}
	#spec .products .item-box {
		margin-top: 60px;
	}
	#spec .products .item-box .item-head {
		max-width: 100%;
		margin: 0px 0px 40px;
	}
	#spec .products .item-box .item-head .copy {
		font-size: 18px;
	}
	#spec .products .item-box .item-detail ul li {
		flex: 0 0 calc((100% - 15%)/3);
		max-width: 156px;
	}
}
@media(min-width:1440px){
	#spec .products .item-box .item-detail h5 {
		font-size: 14px;
	}
}

/*============================
#contact
============================*/
#contact .hero {
	text-align: center;
}
#contact .hero p {
	margin: 0 auto;
}

/*============================
#faq
============================*/
#faq .bg {
	background: #DFDFDF;
}
#faq .faq-box dl {
	background: #FFF;
	border-radius: 10px;
	padding: 15px 20px;
	margin: 15px 0 0;
	line-height: 1.75;
}
#faq .faq-box dl dt {
	padding: 0 40px 0 40px;
	position: relative;
}
#faq .faq-box dl dd {
	font-size: 13px;
	padding: 15px 0 0 40px;
	position: relative;

	display: none;
}
#faq .faq-box dl dt::before,
#faq .faq-box dl dd::before {
	font-family: "Montserrat", sans-serif;
	font-size: 20px;
	font-weight: bold;
	line-height: 2rem;
	position: absolute;
	top: -2px;
	left: 0;
}
#faq .faq-box dl dt::before {
	content: 'Q.';
}
#faq .faq-box dl dd::before {
	content: 'A.';
	top: 13px;
}
#faq .faq-box dl dt::after {
	content: '';
	display: block;
	width: 17px;
	aspect-ratio: 1/1;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
	background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2217%22%20height%3D%2217%22%20viewBox%3D%220%200%2017%2017%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M0%208.5L17%208.5%22%20stroke%3D%22black%22%2F%3E%3Cpath%20d%3D%22M8.5%200L8.5%2017%22%20stroke%3D%22black%22%2F%3E%3C%2Fsvg%3E%0A');
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
}
#faq .faq-box dl.on dt::after {
	background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2217%22%20height%3D%222%22%20viewBox%3D%220%200%2017%202%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M0%201L17%200.999999%22%20stroke%3D%22black%22%2F%3E%3C%2Fsvg%3E%0A');
}
#faq .btn-box {
	margin-top: 60px;
}
@media(min-width:769px){
	#faq .faq-box dl {
		padding: 30px 40px;
	}
	#faq .faq-box dl dd {
		padding: 30px 0 0 40px;
	}
	#faq .faq-box dl dt::after {
		width: 23px;
		background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2223%22%20height%3D%2220%22%20viewBox%3D%220%200%2023%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M0.314453%2010H22.6858%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%2F%3E%3Cpath%20d%3D%22M11.5%200L11.5%2020%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%2F%3E%3C%2Fsvg%3E%0A');
	}
	#faq .faq-box dl.on dt::after {
		background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2223%22%20height%3D%222%22%20viewBox%3D%220%200%2023%202%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M0.314453%201H22.6858%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%2F%3E%3C%2Fsvg%3E%0A');
	}
	#faq .faq-box dl dd::before {
		top: 28px;
	}
	#faq .btn-box {
		margin-top: 100px;
	}
}


/*============================
.fixed-nav
============================*/
.fixed-nav .btn-box {
	margin-top: 0;
}
@media(max-width:768px){
.fixed-nav {
		position: absolute; /* 親要素(#KEY)に対して絶対配置にする */
		bottom: 0;          /* 下端に配置 */
		left: 0;
		width: 100%;        /* 横幅いっぱいに */
		z-index: 10;        /* 動画より手前に表示 */
	}
	.fixed-nav .btn-box {
		background: #FFF;
		flex-wrap: nowrap;
		gap: 1px;
	}
	.fixed-nav .btn-box li {
		flex-basis: 100%;
	}
	.fixed-nav .btn-box .btn {
		width: 100%;
		border-radius: 0;
		padding: 1em;
	}
	.fixed-nav .btn-box .btn::before {
		display: none;
	}
}
@media(min-width:769px){
	.fixed-nav {
		position: absolute;
		bottom: 0;
		right: 0;
		z-index: 88;
	}
	.fixed-nav {
		padding: 20px;
	}
	.fixed-nav .btn-box {
		gap: 10px;
	}
}




#fixedNav.fixed-nav {
	position: fixed;
	bottom: 0;
	right: 0;
	z-index: 88;
	opacity: 0;
	transform: translateY(102%);
	transition: opacity .6s, transform .6s;
}
#fixedNav.fixed-nav.is-fixed {
	opacity: 1;
	transform: translateY(0);
}




/*============================
#sitefooter
============================*/
#sitefooter {
	color: #FFF;
	position: relative;
}
#sitefooter .bg {
	background-color: #655626;
	z-index: 1;
	padding: 60px 0 60px;
}
#sitefooter .foot_top {

}
#sitefooter .name_box {
	align-items: flex-end;
	padding: 0;
}
#sitefooter .foot_logo {
	margin: 0 auto 40px;
	width: 129px;
}
#sitefooter .foot_logo em {
	display: block;
}

#sitefooter .nav_box ul li a {
	font-size: 14px;
	color: #FFF;
}


#sitefooter .sns_box {
	display: flex;
	align-items: center;
	margin: 20px 0 40px;
}
#sitefooter .sns_box ul {
	display: flex;
	margin-left: 10px;
}
#sitefooter .sns_box ul li a {
	display: block;
	width: 40px;
	height: 40px;
	margin-left: 14px;
	font-weight: bold;
}

#sitefooter .foot_bottom_links {
	font-family: 'Montserrat', sans-serif;
	font-size: 14px;
	line-height: 1.25;
}

#sitefooter .copy {
	font-family: sans-serif;
	font-size: 12px;
	letter-spacing: 0;
	text-align: center;
	padding: 15px 0;
	border-top: 1px solid rgba(255,255,255,0.5);
}

@media (min-width: 769px) {
	#sitefooter .nav_box ul {
		display: flex;
		justify-content: space-between;
		white-space: nowrap;
		margin-bottom: 40px;
	}
}
@media (max-width: 1023px) {
	#sitefooter .sns_box + .copy {
		display: none;
	}
}
@media (min-width: 1024px) {
	#sitefooter .bg {
		padding: 85px 0 65px;
	}
	#sitefooter .foot_top {
		width: 100%;
		display: flex;
		justify-content: space-between;
		align-items: flex-end;
	}
	#sitefooter .foot_logo {
		margin: 0 0 0;
	}
	#sitefooter .nav_box ul {
		gap: 20px;
		margin-bottom: 0;
	}
	#sitefooter .foot_bottom {
		border-top: 1px solid rgba(255,255,255,0.5);
		padding-top: 40px;
		margin-top: 40px;
		display: flex;
		justify-content: space-between;
		align-items: flex-end;
	}
	#sitefooter .sns_box {
		margin: 5px 0 15px;
	}
	#sitefooter .copy {
		text-align: right;
		padding-top: 0;
		border-top: 0;
	}
	#sitefooter .bg > .copy {
		display: none;
	}
}
@media (min-width: 1280px) {
	#sitefooter .nav_box ul {
		gap: 40px;
	}
}


/*============================
#corporation
============================*/
#corporation .image_conts .img1 {
	display: block;
	margin-left: calc((100vw - 100%)*-1);
	margin-right: calc((100vw - 100%)*-1);
}
@media(min-width:769px){
	#corporation .inner {
		display: flex;
		gap: 2%;
	}
	#corporation .inner .read_conts {
		flex: 0 0 45%;
		align-self: center;
	}
	#corporation .image_conts {
		flex: 0 0 52%;
	}
	#corporation .image_conts .img1 {
		margin-left: 0;
		margin-right: calc((50vw - 100%)*-1);
	}
}

#corporation ul.list li {
	margin: 2.5em 0 0;
	line-height: 1.75;
}
#corporation ul.list li picture img{
	display: block;
	border-radius: 10px;
}
#corporation ul.list li h3 {
	font-size: 18px;
	margin: 1em 0 .5em;
}
@media(min-width:769px){
	#corporation ul.list {
		display: flex;
		gap: 6%;
	}
	#corporation ul.list li {
		flex: 0 0 calc(88%/3);
	}
}


/* ==============================================
   #movie セクションのレイアウト最適化（中央寄せ）
============================================== */

/* 1. タイトルエリアを中央寄せ */
#movie .section_title {
    text-align: center;
    width: 100%;
}

#movie .section_title h1 {
    display: inline-block;
    text-align: center;
    margin-bottom: 3rem; /* 余白を少し広げる */
}

/* 英語サブタイトル（data-entitle）の位置修正 */
/* 元々左にずらしていたマージンをリセットして中央へ */
#movie .section_title h1[data-entitle]::before {
    margin-left: 0;
    text-align: center;
}

/* 飾りのダッシュ線（左上の線）を中央トップへ移動 */
#movie .section_title h1[data-entitle]::after {
    left: 50%;
    transform: translateX(-50%); /* 中央に配置 */
    /* もし線が不要な場合は display: none; にしてください */
}


/* 2. 説明文テキストの中央寄せ */
#movie .text_conts {
    text-align: center;
    max-width: 840px;    /* PCで一行が長くなりすぎないように制限 */
    margin: 0 auto 40px; /* ブロックごと中央配置 + 画像との余白 */
}

/* テキスト自体の行揃え */
#movie .text_conts p.text {
    text-align: center; /* 文字も中央揃え */
    /* 長文で読みづらい場合は text-align: justify; に変更してください */
}


/* 3. 画像のスタイル調整（SP版の全幅表示を解除して中央へ） */
#movie .image_conts .img1 {
    margin: 0 auto !important; /* SP版のネガティブマージンを強制解除 */
    max-width: 840px;
    display: block;
}

/* 画像に角丸をつけて柔らかい印象にする */
#movie .image_conts .img1 img {
    border-radius: 10px;
    width: 100%;
    height: auto;
}

/* SP（スマホ）表示時の微調整 */
@media (max-width: 768px) {
    #movie .bg {
        padding-top: 60px; /* 上部の余白調整 */
    }
    #movie .image_conts .img1 {
         width: 100%; /* インナー幅に合わせる */
    }
}