@charset "UTF-8";

@media screen and (min-width: 1024px){
	.mbonly {
		display: none !important;
	}
	br.br_sp {
		display: none;
	}
	header { 
		width:100%;
		background-color:#fff;
		position: relative;
	}
	
	#head {
		width:1000px;
		height:80px;
		margin:0 auto;
	}
	
	.header_info {
		padding: 6px;
		background-color: rgba(100,84,41,0.9);
		color: #fff;
		text-align: center;
		font-size: 0.8rem;
	}
	.header_info a {
		color: #fff;
	}
	.header_lang {
		position: absolute;
		top: 40px;
		right: calc((100vw - 1000px) / 2 + 8px);
		transform: translateY(-50%);
		z-index: 21000;
		display: flex;
		align-items: center;
		gap: 8px;
	}
	.header_lang label {
		color: #645429;
		font-size: 0.78rem;
		letter-spacing: 0.08em;
		font-family: Lucida Grande, Meiryo, "メイリオ", sans-serif;
		display: none;
	}
	.header_lang .lang_icon {
		display: none;
	}
	.header_lang select {
		height: 30px;
		width: 108px !important;
		min-width: 0;
		max-width: 108px;
		border: 1px solid #645429;
		border-radius: 0;
		padding: 0 18px 0 24px;
		background-color: #645429;
		background-image:
			url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Ccircle cx='8' cy='8' r='6.5' fill='none' stroke='%23ffffff' stroke-width='1.2'/%3E%3Cellipse cx='8' cy='8' rx='3.2' ry='6.5' fill='none' stroke='%23ffffff' stroke-width='1'/%3E%3Cpath d='M1.5 8h13' fill='none' stroke='%23ffffff' stroke-width='1'/%3E%3Cpath d='M2.8 5.3h10.4M2.8 10.7h10.4' fill='none' stroke='%23ffffff' stroke-width='1'/%3E%3C/svg%3E"),
			url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 6'%3E%3Cpath d='M1 1l3 3 3-3' fill='none' stroke='%23ffffff' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
		background-repeat: no-repeat, no-repeat;
		background-position: left 7px center, right 6px center;
		background-size: 14px 14px, 8px 6px;
		color: #fff;
		font-size: 0.82rem;
		font-family: Lucida Grande, Meiryo, "メイリオ", sans-serif;
		cursor: pointer;
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		text-align: center;
		text-align-last: center;
	}
	
	
	
	#mainimage_wrap { 
		width:100%;
		background-image: url(../common/img/hd_shadw.png);
		background-color:#fff;
		background-repeat:repeat-x;
	}
	#mainimage_wrap2 { 
		width:100%;
		/* background-image: url(../common/img/hd_shadw.png); */
		background-color:#fff;
		/* background-repeat:repeat-x; */
	}
	
	#mainimg { 
	width: 1000px;
	height: 390px;
	margin: 0px auto;
	overflow: hidden;
	}
	#mainimg a:hover {
		filter:alpha(opacity=60);
		-moz-opacity: 0.6;
		opacity: 0.6;
	}
	
	#mainimg img {
		width: 100%;
	}
	
	h1,
	#head .site-logo {
		display: block;
		margin: 0 auto;
		padding: 22px 0;
		width: 168px;
		height: 36px;
	}
	#head .site-logo a,
	#head .site-logo img {
		display: block;
		width: 100%;
		height: auto;
	}
	h2 {
		font-size: 2.4em;
		font-weight: 600;
		letter-spacing: 0.02em !important;
		line-height: 1em;
	}
	h2 span {
		display:block;
		margin-top: 24px;
		font-size: 0.9rem !important;
		font-style: normal;
		font-weight: 400;
		letter-spacing: 0.1em;
	}
	

	/* ナビ */
	nav {
		padding: 0;
		background-color: #f8b500;
		background-image: url(../common/img/hd_shadw.png);
		background-repeat: repeat-x;
		width: 100%;
		/* height:80px; */
		z-index:1000;
	}
	nav ul {
		zoom:100%;
		width:1000px; 
		/* height:70px; */
		text-align:center;
		margin: 0 auto;
	} 
	nav ul li { 
		float: left;
		/* padding: 20px 0; */
		width: 14.2857%;
		/* height: 49px; */
		font-size: 1em;
		/* font-family: "kozuka-gothic-pro-n7", "kozuka-gothic-pro", sans-serif; */
		font-family: Lucida Grande, Meiryo, "メイリオ", sans-serif;
		font-weight: 700;
		letter-spacing: 0.1em;
		color:#fff;
	}
	nav ul li span {
		display:block;
		font-size: 0.7em;
		/* font-family: "kozuka-gothic-pro-n3", "kozuka-gothic-pro", sans-serif; */
		font-family: Lucida Grande, Meiryo, "メイリオ", sans-serif;
		font-style: normal;
		font-weight: 300;
		letter-spacing: 0.1em;
		line-height: 1em;
	}
	nav ul li a {
		display:block;
		padding: 20px 0;
		/* height:49px; */
		text-decoration: none;
		color:#fff;
		box-sizing: border-box;
	}
	nav ul li:hover {
		background-color: #c1bba9;
		background-image: url(../common/img/hd_shadw.png);
		background-repeat: repeat-x;
	}
	nav ul li.current {
		background-color: #645429;
		background-image: url(../common/img/hd_shadw.png);
		background-repeat: repeat-x;
	}
	nav ul li.current a {
		/* pointer-events: none; */
		/* cursor: initial; */
	}
	nav ul:after { 
		content: "";
		clear: both;
		height: 0;
		display: block;
		visibility: hidden;
	}

/* INFORMATION */
	section#information {
		width:100%; 
		background-color: #fff;
	}
	section#information .inner {
		width: 900px;
		margin: 0 auto;
		padding: 40px 0;
	}
	#contact section#information .inner {
		padding: 60px 0 40px 0 !important;
		border-bottom: 1px solid #ccc;
	}
	section#information .inner h2 {
		margin-bottom: 16px;
		/* font-size: 1.2em; */
		font-size: 1.6em;
	}
	section#information .inner h3 {
		margin: 24px 0 16px;
		font-size: 1.0em;
		font-weight: normal;
	}
	section#information .inner span.tel {
		display: block;
		margin-top: 16px;
	}

/* HOME  / INFORMATION */
	section#information {
		width:100%; 
	}
	section#information .inner {
		width: 960px;
		margin: 0 auto;
		padding: 8px 0;
		font-size: 0.8rem;
	}

/* HOME  / NEWS RELEASE */
	section#news {
		width:100%; 
		background-color: #fce199;
	}
	section#news .inner {
		width: 1000px;
		margin: 0 auto;
		display: table;
	}
	section#news .inner h2 {
		float: left;
		padding: 48px 0 48px 16px;
		width: 260px;
		display: table-cell;
		box-sizing: border-box;
	}
	section#news .inner p {
		padding: 40px 48px 40px 0;
		width: 740px;
		display: table-cell;
		vertical-align: top;
		box-sizing: border-box;
	}
	section#news .inner:after { 
		content: "";
		clear: both;
		height: 0;
		display: block;
		visibility: hidden; 
	}
	
	/* HOME  / NEWS RELEASE ver.image */
	section#imagenews {
		width:100%; 
	}
	section#imagenews .center-item {
		margin: 0 auto;
		width: 1000px;
	}
	section#imagenews .center-item .slick-dots {
		display: none !important;
	}
	section#imagenews .inner {
		width: 1000px;
		margin: 0 auto;
		padding: 24px 0;
		display: table;
		/* border: 1px solid #000; */
	}
	section#imagenews .inner .image {
		display: table-cell;
		width: 600px;
	}
	section#imagenews .inner .image img {
		width: 100%;
	}
	section#imagenews .inner .text {
		display: table-cell;
		padding: 0 30px;
		width: 340px;
		vertical-align: middle;
	}
	
	/* HOME / FOR PRIVETE & FOR BUSINESS */
	section#private,
	section#business,
	section#banner {
		width:100%; 
		background-color: #fff;
	}
	section#private .inner,
	section#business .inner,
	section#banner .inner {
		width: 1000px;
		margin: 0 auto;
	}
	section#business .inner h2,
	section#private .inner h2 {
		padding: 60px 0 0 48px;
	}
	section#private .inner ul,
	section#business .inner ul {
		margin-top: 24px;
	}
	section#private .inner ul {
		padding-bottom: 120px;
	}
	section#private .inner ul:after,
	section#business .inner ul:after { 
		content: "";
		clear: both;
		height: 0;
		display: block;
		visibility: hidden; 
	}
	section#private .inner ul li,
	section#business .inner ul li {
		float: left;
		margin-left: 10px;
		width: 320px;
		height: 234px;
	}
	section#private .inner ul li:first-child,
	section#business .inner ul li:first-child { margin-left: 0; }
	
	section#private .inner ul li.comingsoon {
		filter:alpha(opacity=40);
		-moz-opacity: 0.4;
		opacity: 0.4;
	}
	
	section#private .inner ul li a:hover,
	section#business .inner ul li a:hover {
		filter:alpha(opacity=80);
		-moz-opacity: 0.8;
		opacity: 0.8;
	}
	
	section#banner {
		/* border: 1px solid #000; */
	}
	section#banner .inner {
		padding-top: 40px;
	}
	section#banner a {
		display: block;
		margin-bottom: 24px;
	}
	section#banner a:last-child {
		margin-bottom: 0;
	}
	section#banner a:hover {
		filter:alpha(opacity=80);
		-moz-opacity: 0.8;
		opacity: 0.8;
	}
	section#banner a img.sp {
		display: none;
	}
	section#banner img {
		width: 100%;
	}
	
	section#banner .bnrlist_half {
		width: 100%;
	}
	section#banner .bnrlist_half li {
		margin: 0 3% 0 0;
		width: 48.5%;
		float: left;
	}
	section#banner .bnrlist_half li:nth-child(2n) {
		margin-right: 0;
	}
	section#banner .bnrlist_half li:nth-child(2n+1) {
		clear: both;
	}
	section#banner .bnrlist_half li a,
	section#banner .bnrlist_half li a img {
		width: 100%;
	}
	
	
	
	/* FOOTER */
	footer {
		background-color: #fbd366;
		padding-top: 36px;
	}
	footer .inner {
		width: 1000px;
		margin: 0 auto;
	}
	
	
	
	
	footer ul.oursites {
		margin: 0 auto 60px;
		width: 100%;
		box-sizing: border-box;
	}
	footer ul.oursites li {
		margin: 0 0 30px 0;
		padding: 0 !important;
		width: 33.33% !important;
		float: left;
	}
	footer ul.oursites li:nth-child(3n) {
		margin-right: 0 !important;
	}
	footer ul.oursites li:nth-child(3n+1) {
		clear: both;
	}
	footer ul.oursites li span {
		display: block;
		padding: 8px;
		width: 55%;
		font-size: 0.8rem !important;
		float: left;
		box-sizing: border-box;
	}
	footer ul.oursites li a {
		display: block;
		width: 100%;
		color: #645429;
	}
	footer ul.oursites li img {
		display: block;
		width: 45%;
		float: left;
	}
	footer ul.oursites li a:hover {
		filter:alpha(opacity=60);
		-moz-opacity: 0.6;
		opacity: 0.6;
	}
	footer ul.oursites:after,
	footer ul.oursites a:after {
		content: "";
		clear: both;
		height: 0;
		display: block;
		visibility: hidden;
	}
	footer ul.oursites li.text {
		padding: 0 0 16px 16px !important;
		box-sizing: border-box;
	}
	footer ul.oursites li.text span {
		margin-top: 4px;
		padding: 0;
		width: 100%;
		float: none !important;
	}
	footer ul.oursites li.text a {
		display: block; 
		margin-top: 8px;
		text-decoration: none;
	}
	footer ul.oursites li.text a:nth-child(2) {
		margin-top: 16px;
	}
	
	footer ul.oursites.kurobra {
		padding: 0 !important;
		width: 26% !important;
		box-sizing: border-box;
	}
	footer ul.oursites.kurobra li {
		margin-right: 0;
		width: 100% !important;
		float: none;
	}
	
	
	
	footer ul.bnr {
		width: 957px;
		margin: 0 auto;
	}
	footer ul.bnr:after,
	footer ul.sns:after,
	footer ul.foot:after { 
		content: "";
		clear: both;
		height: 0;
		display: block;
		visibility: hidden; 
	}
	footer ul.bnr li {
		float: left;
		width: 319px;
		height: 102px;
	}
	footer ul.sns {
		width: 244px;
		margin: 32px auto;
	}
	footer ul.sns li {
		float: left;
		margin-left: 20px;
	}
	footer ul.sns li:first-child { margin-left: 0; }
	footer ul.sns li a {
		display: block;
		width: 68px;
		height: 68px;
		background-image: url(../common/img/ft_sns.png);
		background-repeat: no-repeat;
		overflow: hidden;
		text-indent: 100%;
		white-space: nowrap;
	}
	footer ul.sns li.facebook a { background-position: 0 0; }
	footer ul.sns li.facebook a:hover { background-position: 0 -68px; }
	footer ul.sns li.insta a { background-position: -68px 0; }
	footer ul.sns li.insta a:hover { background-position: -68px -68px; }
	footer ul.sns li.twitter a { background-position: -136px 0; }
	footer ul.sns li.twitter a:hover { background-position: -136px -68px; }
	footer ul.foot {
		margin: 42px 0 0 0;
		padding-top: 20px;
		width: 1000px;
		border-top: 1px solid #c9a952;
		font-size: 0.875em;
	}
	footer ul.foot li.btech {
		float: left;
		height: 28px;
		background-image: url(../common/img/ft_logo_btech.png);
		background-repeat: no-repeat;
		background-position: 24px 0;
		padding: 16px 0 0 160px;
		margin: 0;
		line-height: 0;
	}
	footer ul.foot li.copyright {
		float: right;
		padding: 0 24px 0 0;
	}
	footer div.util {
		padding: 20px 20px 0 20px;
		text-align: right;
	}
	footer div.util a {
		display: block;
		position: relative;
		text-decoration: none;
	}
	footer div.util a span {
		display: block;
		position: absolute;
	}
	footer div.util a span.en {
		right: 120px;
		top: 0;
		font-size: 1em;
		/* font-family: "kozuka-gothic-pro-n7", "kozuka-gothic-pro", sans-serif; */
		font-family: Lucida Grande, Meiryo, "メイリオ", sans-serif;
		font-weight: 700;
		letter-spacing: 0.1em;
		color:#fff;
	}
	footer div.util a span.jp {
		right: 20px;
		top: 5px;
		font-size: 0.5em;
		/* font-family: "kozuka-gothic-pro-n3", "kozuka-gothic-pro", sans-serif; */
		font-family: Lucida Grande, Meiryo, "メイリオ", sans-serif;
		font-style: normal;
		font-weight: 300;
		letter-spacing: 0.1em;
		line-height: 1em;
		color:#fff;
	}
	footer div.util a:hover {
		filter:alpha(opacity=70);
		-moz-opacity: 0.7;
		opacity: 0.7;
	}
	
	/* サブナビ subnav */
	#contents section div.subnav {
		position: absolute;
		right: 48px;
		top: 40px;
	}
	#contents section div.subnav:after {
		content: "";
		clear: both;
		height: 0;
		display: block;
		visibility: hidden;
	}
	#contents section div.subnav a {
		display: block;
		float: left;
		margin-left: 20px;
		padding: 8px;
		width: 120px;
		height: 40px;
		font-size: 1em;
		font-weight: 700;
		border: 1px solid #ccc;
		text-decoration: none;
		color: #645429;
		position: relative;
		box-sizing: border-box;
	}
	#contents section div.subnav a:first-child {
		margin-left: 0;
	}
	#contents section div.subnav a:after {
		content: '>';
		position: absolute;
		right: 10px;
		top: 7px;
	}
	#contents section div.subnav a:hover {
		opacity: filter:alpha(opacity=60);
		-moz-opacity: 0.6;
		opacity: 0.6;
	}
	
	#contents section div.subnav span.current {
		display: block;
		float: left;
		margin-left: 20px;
		padding: 8px;
		width: 120px;
		height: 40px;
		background-color: #645429;
		font-size: 1em;
		font-weight: 700;
		border: none;
		text-decoration: none;
		color: #fff;
		position: relative;
		box-sizing: border-box;
	}
	#contents section div.subnav span.current:first-child {
		margin-left: 0;
	}
	#contents section div.subnav span.current:after {
		content: '>';
		position: absolute;
		right: 10px;
		top: 10px;
		transform: rotate(90deg);
	}
	
	
/* PRODUCTS */
	#products #contents section#private h3 {
		padding: 48px 48px 0 48px;
	}
	#products #contents section#private {
		width: 1000px;
		margin: 60px auto 0;
		border-top: 1px solid #ccc;
	}
	#products #contents section#private ul.brandlist {
		padding: 0 24px;
	}
	#products #contents section#private ul.brandlist:after { 
		content: "";
		clear: both;
		height: 0;
		display: block;
		visibility: hidden; 
	}
	#products #contents section#private ul.brandlist li {
		float: left;
		width: 270px;
		height: 192px;
		margin-left: 42px;
		padding: 6px;
		border: 3px solid #c1bba9;
	}
	#products #contents section#private ul.brandlist li:first-child {
		margin-left: 0;
	}
	#products #contents section#private ul.brandlist li span {
		display: block;
		width: 99%;
		height: 99%;
		border: 1px solid #c1bba9;
		position: relative;
		text-align: center;
	}
	#products #contents section#private ul.brandlist li span img {
		display: block;
		position: absolute;
		top: 40%;
		left: 5%;
	}
	#products #contents section#private ul.brandlist li.chocomail span img {
		top: 28%;
		left: 18%;
	}
	#products #contents section#private ul.brandlist li.osama span img {
		left: 6%;
	}
	#products #contents section#private ul.brandlist li:hover {
		filter:alpha(opacity=60);
		-moz-opacity: 0.6;
		opacity: 0.6;
	}
	
	#products #contents section#business {
		position: relative;
		width: 1000px;
		margin: 0 auto;
	}
	#products #contents section#business h3 {
		padding: 48px 48px 0 48px;
	}
	
	#products #contents section#business h4.cookie span,
	#products #contents section#business h4.tablet span,
	#products #contents section#business h4.senbei span  { left: 160px; }
	#products #contents section#business h4.marshmallow span { left: 290px; }
	#products #contents section#business h4.candy span { left: 150px; }
	#products #contents section#business h4.monaka span { left: 180px; }
	#products #contents section#business h4.wafer span { left: 160px; }
	#products #contents section#business h4.gum span { left: 126px; }
	
	#products #contents section#business dl:after { 
		content: "";
		clear: both;
		height: 0;
		display: block;
		visibility: hidden;
	}
	#products #contents section#business dl {
		margin: 0 auto;
		padding: 16px;
		width: 916px;
		/* border-bottom: 1px solid #ccc; */
	}
	#products #contents section#business dl dt {
		float: left;
		width: 20%;
	}
	#products #contents section#business dl dd {
		float: left;
		padding-top: 16px;
		width: 80%;
		position: relative;
	}
	#products #contents section#business dl dd .button {
		display: block;
		position: absolute;
		right: 20px;
		background-color: #a12c08;
		padding: 10px 16px;
		color: #fff;
		white-space: nowrap;
		text-decoration: none;
		font-weight: 400;
		letter-spacing: 0.1em;
		line-height: 1.6em;
		vertical-align: middle;
	}
	#products #contents section#business dl dd .button:hover {
		/* filter:alpha(opacity=80);
		-moz-opacity: 0.8;
		opacity: 0.8; */
		background-color: #d06544;
	}
	#products #contents section#business dl dd .button.inquiry { top: 16px; }
	#products #contents section#business dl dd .button.estimate { top: 56px; }
	#products #contents section#business dl dd h5 {
		margin-bottom: 16px;
	}
	#products #contents section#business dl dd p {
		width: 65%;
		line-height: 1.5em;
	}
	
	
/* PRODUCTS sub */
	#products.sub #contents section#business {
		border-top: none;
		margin-top: 0;
	}
	#products.sub #contents section#business h3 {
		padding: 48px 48px 0 48px;
	}
	#products.novelty #contents section#business {
		width: 1000px;
		margin: 0 auto;
	}
	
	#products.sub #contents section#business h4 span.novelty { left: 160px; }
	#products.sub #contents section#business h4 span.oem { left: 100px; }
	#products.sub #contents section#business h4 span.short { left: 280px; }
	#products.sub #contents section#business h5 {
		margin: 42px 30px 30px 30px;
		font-size: 1.2em;
		line-height: 1.6;
	}
	
	#products.sub #contents section#business p {
		width: 942px;
		margin: 24px auto;
		line-height: 2em;
	}
	#products.sub #contents section#business .photo {
		width: 942px;
		height: 300px;
		margin: 24px auto;
		position: relative;
	}
	#products.sub #contents section#business .photo img {
		display: block;
		position: absolute;
		top: 0;
		width: 300px;
	}
	#products.sub #contents section#business .photo img.photo01 { left: 0; }
	#products.sub #contents section#business .photo img.photo02 { left: 320px; }
	#products.sub #contents section#business .photo img.photo03 { right: 0; }
	
	#contents .button {
	/* #products.sub #contents section#business .button { */
		display: block;
		width: 200px;
		margin: 60px auto 0 auto;
		background-color: #a12c08;
		padding: 10px 16px;
		color: #fff;
		white-space: nowrap;
		text-decoration: none;
		font-weight: 400;
		letter-spacing: 0.1em;
		line-height: 1.6em;
		vertical-align: middle;
		text-align: center;
	}
	#contents .button:hover {
	/* #products.sub #contents section#business .button:hover { */
		/* filter:alpha(opacity=80);
		-moz-opacity: 0.8;
		opacity: 0.8; */
		background-color: #d06544;
	}
	#products.sub #contents section#business .button.inquiry { top: 16px; }


/* ABOUT */
	#about #contents {
		padding-top: 48px;
		background-color: #ffff;
	}
	#about #contents section h3 {
		width: 1000px !important;
		padding: 80px 0 40px 0;
		text-align: center;
		font-size: 2em;
		margin: 0 auto;
		white-space: nowrap;
	}
	#about #contents section p {
		width: 900px;
		margin: 0 auto;
		text-align: center;
		padding: 20px !important;
		line-height: 3;
		white-space: normal;
	}
	#about #contents .photo_wrap {
		display: flex;
		align-items: flex-start;
		justify-content: center;
		width: 900px;
		margin: 20px auto;
	}
	#about #contents .photo_wrap img.image {
		display: block;
		margin: 0 30px 0 0;
		width: 500px;
	}
	#about #contents .photo_wrap .president_wrap {
		flex-shrink: 0;
		width: 260px;
		text-align: right;
	}
	#about #contents .photo_wrap .president_wrap img.president {
		display: block;
		width: 100%;
		margin: 0;
	}
	#about #contents .photo_wrap .caption {
		width: auto;
		margin: 8px 0 0;
		padding: 0 !important;
		text-align: right;
		font-size: 0.9em;
		line-height: 1.6;
	}
	#about #mainimg {
		width: 1000px;
		height: 390px;
		margin: 0px auto;
		overflow: hidden;
	}
	#about #mainimg img {
		display: block;
		height: 306px;
		width: auto;
		margin: 82px auto 0 auto;
	}
	#about #contents .photo_wrap {
		display: flex;
		align-items: flex-start;
		justify-content: center;
		width: 900px;
		margin: 20px auto;
	}
	#about #contents .photo_wrap img.image {
		display: block;
		margin: 0 30px 0 0;
		width: 500px;
	}
	#about #contents .photo_wrap .president_wrap {
		flex-shrink: 0;
		width: 260px;
		text-align: right;
	}
	#about #contents .photo_wrap .president_wrap img.president {
		display: block;
		width: 100%;
		margin: 0;
	}
	#about #contents .photo_wrap .caption {
		width: auto;
		margin: 8px 0 0;
		padding: 0 !important;
		text-align: right;
		font-size: 0.9em;
		line-height: 1.6;
	}
	
	
	#about #contents dl {
		margin: 0 auto;
		width: 942px;
		border-bottom: 1px solid #ccc;
	}
	#about #contents dl:first-child {
		border-top: 1px solid #ccc;
	}
	#about #contents dl dt {
		padding: 20px 0 20px 20px;
		width: 20%;
		box-sizing: border-box;
		float: left;
		font-weight: bold;
	}
	#about #contents dl dd {
		padding: 20px;
		width: 80%;
		box-sizing: border-box;
		float: left;
	}
	#about #contents dl dd dl.photolist {
		margin-top: 16px;
		padding: 0;
		width: 100% !important;
		border: none;
	}
	#about #contents dl dd dl.photolist dt {
		padding: 4% 3% 0 0 !important;
		width: 40%;
		float: left;
		box-sizing: border-box;
		font-weight: normal;
		border-top: 1px solid #ccc;
	}
	#about #contents dl dd dl.photolist dt:hover {
		filter:alpha(opacity=70);
		-moz-opacity: 07;
		opacity: 0.7;
	}
	#about #contents dl dd dl.photolist dd {
		padding: 4% 0 0 0;
		width: 57%;
		float: left;
		box-sizing: border-box;
		border-top: 1px solid #ccc;
	}
	#about #contents dl dd dl.photolist dd h3 {
		margin: 0 0 8px 0 !important;
		padding: 0; 
		width: 100%;
		font-size: 0.9rem;
		letter-spacing: 0;
		line-height: 1.6;
	}
	#about #contents dl dd ul.photolist {
		margin-top: 16px;
	}
	#about #contents dl dd ul.photolist li {
		margin-right: 2%;
		width: 32%;
		float: left;
	}
	#about #contents dl dd ul.photolist li:last-child {
		margin-right: 0;
	}
	#about #contents dl dd dl.photolist dt img,
	#about #contents dl dd ul.photolist li img {
		width: 100%;
	}


/* COMPANY */
	#company #contents {
		padding-top: 48px;
		background-color: #ffff;
	}
	#company #contents span.nowrap {
		display: block;
		white-space: nowrap;
		float: left;
	}
	#company #contents table td span {
		display: inline-block;
	}
	
/* CONTACT */	
	#contact #contents {
		padding-top: 48px;
	}
	
	#contact #contents h3 {
		margin: 48px auto 36px auto !important;
		width: 904px;
		font-size: 2em;
	}
	
	#contact #contents p {
		width: 904px;
		margin: 0 auto 30px;
	}
	
	#contact #contents div.clearfix {
		width: 904px;
		margin: 0 auto;
	}
	#contact #contents div.clearfix dl {
		display: flex;
		align-items: stretch;
		width: 100%;
		margin: 0 auto;
		padding: 0;
	}
	#contact #contents dt {
		display: inline-block;
		float: left;
		padding: 1%;
		width: 24%;
	}
	#contact #contents dt span {
		font-size: 0.75em;
		color: #d06544;
	}
	#contact #contents div.clearfix dl dd {
		display: inline-block;
		float: left;
		margin-top: 0;
		padding: 1%;
		width: 70%;
		border: none;
		box-sizing: border-box;
		overflow: hidden;
	}
	
	#contact #contents .button_wrap {
		position: relative;
		margin: 40px  auto 0;
		
		display: flex;
		flex-direction: row;
		justify-content: center;
		flex-wrap: wrap;
		align-items: center;
	}
	#contact #contents .button {
		display: block;
		margin: 0  auto;
		padding: 10px 16px;
		width: 240px;
		background-color: #a12c08;
		color: #fff;
		white-space: nowrap;
		text-decoration: none;
		font-size: 1rem;
		font-weight: 400;
		vertical-align: middle;
		text-align: center;
		box-sizing: border-box;
		cursor: pointer;
	}
	#contact #contents .button:hover {
		background-color: #d06544;
	}
	#contact #contents .button.back {
		position: absolute;
		left: 0;
		top: 0;
		margin-right: 20px;
	}
	#contact #contents .button.send {
		position: absolute;
		right: 0;
		top: 0;
		margin-right: 0;
	}

	#contact #contents input[type="text"],
	#contact #contents input[type="email"],
	#contact #contents input[type="tel"],
	#contact #contents input[type="url"],
	#contact #contents textarea {
		/* property: value; */
		margin: -9px 0 0 -9px;
		padding: 10px;
		width: 100%;
		font-size: 0.95rem;
		border: 1px solid #ccc;
		box-sizing: border-box;
	}
	#contact #contents textarea {
		height: 200px;
		font-family : inherit;
	}
	.error-js, .error-php {
		display: block;
		margin: 4px 0 0 -8px;
		width: 100%;
		color: #d06544;
	}
	::placeholder {
		color: #bbb;
	}
	#contact #contents .form-group dd.text p {
		margin-left: 0;
	}
	#contact #contents .countSpanWrapper {
		margin: 0 0 0 -8px;
		width: 100%;
	}
	
	#contact #contents.err .error_messe {
		display: block;
		margin-bottom: 0;
		line-height: 2em;
		color: #a12c08;
	}
	#contact #contents.err p {
		display: block;
		margin-bottom: 40px;
	}
	
	/* CONTACT confirm */
	#contact #contents.confirm h3 {
		margin-top: 0 !important;
	}
	#contact #contents.confirm dl:first-child {
		margin-top: 54px;
		border-top: 1px solid #ccc;
	}
	#contact #contents.confirm dl dt {
		width: 30%;
	}
	#contact #contents.confirm dl dd {
		width: 70%;
	}
	#contact #contents.confirm dl dt,
	#contact #contents.confirm dl dd {
		padding-top: 16px !important;
		padding-bottom: 16px !important;
		border-bottom: 1px solid #ccc !important;
		box-sizing: border-box;
	}
	/* #contact #contents.confirm dl dt:first-child,
	#contact #contents.confirm dl dd:first-of-type {
		border-top: 1px solid #ccc;
	} */
	#contact #contents.confirm input[type="hidden"] {
		height: 0;
	}
	#contact #contents.confirm p {
		margin-bottom: 30px;
	}
	#contact #contents.confirm .button_wrap {
		margin-top: 60px !important;
		width: 600px;
		text-align: center;
	}
	
	/* CONTACT thanks */
	#contact #contents.thanks h3 {
		margin-top: 24px !important;
	}
	#contact #contents.thanks p {
		margin-bottom: 120px;
	}
	
	/* CONTACT download */
	#contact #title_wrap.download h2 {
		position: relative;
	}
	#contact #title_wrap.download h2 a {
		display: block;
		padding: 10px 16px;
		width: 120px;
		background-color: #a12c08;
		color: #fff;
		font-size: 0.9rem;
		text-align: center;
		text-decoration: none !important;
		vertical-align: middle;
		position: absolute;
		right: 40px;
		bottom: 40px;
		box-sizing: border-box;
	}
	#contact #title_wrap.download h2 a:hover {
		background-color: #d06544;
	}
	#contact #contents.download h3 {
		margin: 0 auto;
		width: 50%;
	}
	#contact #contents.download form dl {
		margin: 0 auto;
		width: 80%;
	}
	#contact #contents.download input[type="password"],
	#contact #contents.download input[type="text"] {
		/* property: value; */
		margin: 0;
		padding: 10px;
		width: 100%;
		font-size: 0.95rem;
		border: 1px solid #ccc;
		box-sizing: border-box;
	}
	#contact #contents.download .dllist {
		margin: 0 auto;
		width: 50%;
	}
	#contact #contents.download .dllist ul li {
		padding: 20px 0;
		box-sizing: border-box;
	}
	#contact #contents.download .dllist ul li a {
		margin-left: 20px;
		padding: 8px 16px;
		background-color: #000;
		color: #fff;
		text-decoration: none !important;
		text-align: center;
		border-radius: 16px;
	}
	#contact #contents.download .dllist ul li a:hover {
		background-color: #555;
	}


/* RECRUIT */
	#recruit #contents h3 {
		padding: 48px 48px 0 48px;
		margin: 0 auto 30px auto;
		font-size: 1.6em;
		width: 904px;
	}
	#recruit #contents p {
		margin: 0 auto;
		padding-top: 40px;
		font-size: 0.9rem;
		line-height: 1.8;
		width: 904px;
	}
	#recruit #contents strong.lead {
		display: block;
		margin: 0 auto;
		width: 904px;
		font-size: 1rem;
		line-height: 1.8;
	}
	/* #recruit #contents table td {
		white-space: pre-wrap;
	} */
	/* #recruit #contents section h3 {
		padding: 48px 48px 0 48px;
		margin-bottom: 30px;
		font-size: 1.6em;
	}
	#recruit #contents section {
		width: 1000px;
		margin: 0 auto;
	} */
	
	#recruit .photolist {
		margin: 20px auto 0;
		width: 904px;
	}
	#recruit .photolist li {
		margin: 0 0 0 8px;
		padding: 0;
		width: 220px;
		float: left;
		box-sizing: 0;
	}
	#recruit .photolist li:first-child {
		margin-left: 0;
	}
	#recruit .photolist li a:hover {
		filter:alpha(opacity=60);
		-moz-opacity: 0.6;
		opacity: 0.6;
	}
	#recruit .photolist li img {
		display: block;
		margin: 0;
		padding: 0;
		width: 100%;
	}

	#recruit table.map_chiba td {
		border-top: 0px !important;
		border-bottom: 0px !important;
	}
	#recruit table.map_chiba td .map {
		width: 100%;
	}
	
	#recruit #contents section.linklist {
		margin: 0 auto 30px;
		padding: 30px 0 0;
		width: 904px;
		box-sizing: border-box;
	}
	#recruit #contents section.linklist#nagano,
	#recruit #contents section.linklist#tokyo {
		padding: 0;
		border-top: 1px solid #ccc;
	}
	#recruit #contents section.linklist dl {
		margin-top: 40px;
	}
	#recruit #contents section.linklist dl dt {
		margin-top: 12px;
		padding: 0 !important;
		width: 24%;
		font-size: 1.4rem;
		font-weight: 600;
		float: left;
	}
	#recruit #contents section.linklist dl dd {
		width: 76%;
		float: left;
	}
	#recruit #contents section.linklist dl dd ul {
		margin-bottom: 30px;
		display: flex;
		flex-direction: row;
		justify-content: flex-start;
		flex-wrap: wrap;
		align-items: stretch;
	}
	#recruit #contents section.linklist dl dd ul li {
		margin: 30px 30px 0 0;
		padding: 24px;
		width: 40%;
		background-color: #5f532e;
		/* float: left; */
		box-sizing: border-box;
	}
	#recruit #contents section.linklist dl dd ul li:nth-child(2n) {
		margin-right: 0;
	}
	/* #recruit #contents section.linklist dl dd ul li:nth-child(2n+1) {
		clear: both;
	} */
	#recruit #contents section.linklist dl dd ul li h3 {
		margin: 0 0 20px 0;
		padding: 0;
		width: 100% !important;
		color: #fff;
		font-size: 1rem;
		font-weight: 600;
		text-align: center;
		line-height: 1.6;
	}
	#recruit #contents section.linklist dl dd ul li h3 span {
		font-size: 0.9rem !important;
		font-weight: 600;
		line-height: 1.4;
	}
	#recruit #contents section.linklist dl dd ul li p {
		margin-bottom: 40px;
		padding: 0;
		width: 100%;
		color: #fff;
		color: rgba(255,255,255,0.6);
		font-size: 0.85rem;
	}
	#recruit #contents section.linklist dl dd ul li a {
		display: block;
		margin-top: 14px;
		padding: 8px;
		/* color: #fff; */
		color: #5f532e;
		font-weight: 600;
		text-decoration: none;
		/* background-color: #94351a; */
		background-color: #fff;
		position: relative;
		box-sizing: border-box;
	}
	#recruit #contents section.linklist dl dd ul li a:after {
		content: '>';
		position: absolute;
		right: 10px;
		top: 7px;
	}
	#recruit #contents section.linklist dl dd ul li a:hover {
		opacity: 0.6;
	}
	#recruit #contents section.linklist dl dd h4 {
		margin: 0 0 8px;
		padding: 0;
		width: 100%;
		font-size: 1rem;
		font-weight: 600;
		border: none;
	}
	#recruit #contents section.linklist dl dd .map p {
		margin: 0 0 20px;
		padding: 0;
		width: 100%;
	}
	
	/* リクルートサイトへのリンク */
	#recruit #title_wrap h2,
	#recruit #title_wrap .page-title {
		position: relative;
	}
	#recruit #title_wrap h2 a,
	#recruit #title_wrap .page-title a {
		display: block;
		padding: 14px 30px;
		width: 260px;
		height: 54px;
		color: #f7b400;
		font-size: 1rem;
		font-weight: 600;
		text-decoration: none;
		background-color: #fff;
		border-radius: 60px;
		box-shadow: 1px 1px 4px 1px rgba(0, 0, 0, 0.1);
		position: absolute;
		top: 64px;
		right: 40px;
		box-sizing: border-box;
	}
	#recruit #title_wrap h2 a:hover,
	#recruit #title_wrap .page-title a:hover {
		background-color: #fff;
		transform: scale(105%);
	}
	#recruit #title_wrap h2 a span,
	#recruit #title_wrap .page-title a span {
		display: block;
		margin-top: 8px;
		text-indent: 26px;
		font-size: 0.7rem !important;
	}
	#recruit #title_wrap h2 a img,
	#recruit #title_wrap .page-title a img {
		width: 54px;
		height: 54px;
		position: absolute;
		bottom: -8px;
		right: 20px;
	}
	
	
	/* #recruit #contents section.linklist .back-to-menu {
		margin-top: -20px;
		text-align: right;
	}
	#recruit #contents section.linklist .back-to-menu a {
		margin-right: 16px;
		padding: 10px 24px;
		text-align: center;
		text-decoration: none;
		background-color: #a12c08;
		color: #fff !important;
	}
	#recruit #contents section.linklist .back-to-menu a:hover {
		background-color: #d06544;
	} */
	
.back-to-menu {
  text-align: right;
  margin-top: 2em;
}
.back-to-menu .material-icons {
  font-size: 36px;
  color: #fff;
  /* color: #635428; */
  background: #635428;
  padding: 6px;
  border-radius: 50%;
  text-decoration: none;
  /* box-shadow: 0 2px 4px rgba(0,0,0,0.2); */
  transition: transform 0.3s, background 0.3s;
}
.back-to-menu .material-icons a {
	color: #fff;
}
.back-to-menu .material-icons:hover {
  transform: scale(1.1);
  /* background: #f3f3f3; */
  opacity: 0.7;
}

	
	
	
	
	
	#recruit #contents .buttonblock {
		margin: 0 auto;
		width: 904px;
	}
	#recruit #contents .buttonblock .button {
		display: block !important;
		margin: 0 0 30px;
		padding: 10px 16px;
		width: 120px;
		color: #fff;
		white-space: nowrap;
		text-decoration: none;
		font-weight: 400;
		letter-spacing: 0.1em;
		line-height: 1.6em;
		vertical-align: middle;
		background-color: #a12c08;
	}
	#recruit #contents .buttonblock .button:hover {
		background-color: #d06544;
	}
	#recruit #contents .buttonblock .button.center {
		width: 180px;
		margin: 30px auto 60px;
	}
	#recruit #contents .buttonblock .button.stop {
		background-color: #999;
		pointer-events: none;
	}
	
	/* RECRUIT サブナビ subnav */
	#recruit #contents section.recriuit_subnav {
		margin: 0 auto;
		padding-top: 30px;
		width: 920px;
	}
	#recruit #contents section div.subnav {
		position: initial;
	}
	#recruit #contents section div.subnav a {
		margin-left: 0;
		padding-left: 30px;
		width: 168px;
		box-sizing: border-box;
	}
	#recruit #contents section div.subnav a.back {
		width: 84px;
	}
	#recruit #contents section div.subnav a:after {
		content: '';
	}
	#recruit #contents section div.subnav a:after {
		content: '<';
		position: absolute;
		left: 10px;
		top: 7px;
	}
	
	#recruit #contents .buttonlist {
		margin: 40px auto 0;
		width: 660px;
		display: flex;
		flex-direction: row;
		justify-content: flex-start;
		flex-wrap: wrap;
		align-items: stretch;
	}
	#recruit #contents .buttonlist li {
		display: block !important;
		margin: 0 20px 30px 0 !important;
		width: 200px;
	}
	#recruit #contents .buttonlist li a {
		display: block;
		padding: 10px 16px;
		width: 100%;
		background-color: #a12c08;
		color: #fff;
		text-align: center;
		white-space: nowrap;
		text-decoration: none;
		font-weight: 400;
		letter-spacing: 0.1em;
		line-height: 1.6em;
		vertical-align: middle;
		box-sizing: border-box;
	}
	#recruit #contents .buttonlist li a:hover {
		background-color: #d06544;
	}
	
.buttonlist a {
  display: flex;
  align-items: center;
  gap: 0.3em;
  text-decoration: none;
  color: #fff;
  position: relative;
}

.buttonlist .material-icons {
  font-size: 20px;
  color: #fff;
  position: absolute;
  right: 16px;
}



	/* RECRUIT 応募フォーム */
	#recruit #contents div.clearfix {
		width: 904px;
		margin: 0 auto;
	}
	#recruit #contents div.clearfix dl {
		display: flex;
		align-items: stretch;
		width: 100%;
		margin: 0 auto;
		padding: 0;
	}
	#recruit #contents dt {
		display: inline-block;
		float: left;
		padding: 1%;
		width: 24%;
	}
	#recruit #contents dt span {
		font-size: 0.75em;
		color: #d06544;
	}
	#recruit #contents dt i {
		margin-left: 6px;
	}
	#recruit #contents div.clearfix dl dd {
		display: inline-block;
		float: left;
		margin-top: 0;
		padding: 1%;
		width: 70%;
		border: none;
		box-sizing: border-box;
		overflow: hidden;
	}
	#recruit #contents div.clearfix dl dd span {
		line-height: 0;
	}
	
	#recruit #contents .button_wrap {
		position: relative;
		margin: 40px  auto 0;
	}
	#recruit #contents .button_wrap .button {
		display: block;
		margin: 0  auto;
		padding: 10px 16px;
		width: 240px;
		background-color: #a12c08;
		color: #fff;
		white-space: nowrap;
		text-decoration: none;
		font-size: 1rem;
		font-weight: 400;
		vertical-align: middle;
		text-align: center;
		box-sizing: border-box;
		cursor: pointer;
	}
	#recruit #contents .button:hover {
		background-color: #d06544;
	}
	#recruit #contents .button.back {
		position: absolute;
		left: 0;
		top: 0;
		margin-right: 20px;
	}
	#recruit #contents .button.send {
		position: absolute;
		right: 0;
		top: 0;
		margin-right: 0;
	}

	#recruit #contents input[type="text"],
	#recruit #contents input[type="email"],
	#recruit #contents input[type="tel"],
	#recruit #contents input[type="date"],
	#recruit #contents textarea,
	#recruit #contents select {
		/* property: value; */
		margin: -9px 0 0 0;
		padding: 10px;
		width: 100%;
		font-size: 0.95rem;
		border: 1px solid #ccc;
		box-sizing: border-box;
	}
	#recruit #contents input[name="name_1"],
	#recruit #contents input[name="name_kana"],
	#recruit #contents input[name="postal"] {
		width: 50%;
	}
	#recruit #contents select.field-year {
		margin: -9px 0 0 0;
		width: 20%;
		text-align: right;
	}
	#recruit #contents select.field-year#year {
		margin-left: 0;
	}
	#recruit #contents select.field-job {
		margin: -9px 0 0 0;
	}
	#recruit #contents input[type="text"] {
		margin-right: 8px;
	}
	#recruit #contents a.search_zip {
		margin-right: 8px;
	}
	
	#recruit #contents textarea {
		height: 200px;
		font-family : inherit;
	}
	#recruit #contents input[type="radio"],
	#recruit #contents input[type="checkbox"] {
		margin: 0 8px 0 0;
		appearance: auto;
	}
	
	#recruit #contents .form-group dd span.error_blank,
	#recruit #contents .form-group dd span.error_format,
	#recruit #contents .form-group dd span.error_match {
		display: block;
		margin: 12px 0 6px 0;
		color: #f00;
		color:#d06544;
		line-height: 1;
	}
	
	#recruit #contents form#mail_form ul {
		margin-top: -9px;
		padding: 16px 0 8px;
		list-style-type: none;
		background: #f0f0f0;
	}
	#recruit #contents form#mail_form ul li label {
		display: block;
		margin: 0 0 0 0;
		padding: 4px 12px;
		width: 100%;
		background: #f0f0f0;
		box-sizing: border-box;
	}
	#recruit #contents form#mail_form ul li:first-child label {
		margin-top: -9px;
	}
	#recruit #contents form#mail_form ul li label:hover {
		cursor: pointer;
		/* background: #e0e0e0; */
	}
	#recruit #contents form#mail_form dl dd ul.clearfix {
		margin-top: -9px;
		padding-top: 0.5vw;
		width: 100%;
		background: #f0f0f0;
		box-sizing: border-box;
	}
	#recruit #contents form#mail_form dl dd ul.clearfix li {
		display: inline;
		padding-right: 6px;
		width: 14%;
		float: left;
	}
	#recruit #contents form#mail_form dl dd ul.clearfix li label {
		margin-top: 0 !important;
		white-space: nowrap;
	}
	
	::placeholder {
		color: #bbb;
	}
	
	
/* PRIVACY POLICY */
	#ppolicy #contents section h3 {
		padding: 48px 48px 0 48px;
		font-size: 1.6em;
	}
	#ppolicy #contents section h4 {
		margin-top: 30px !important;
		padding: 14px;
		font-size: 1.2em;
	}
	#ppolicy #contents section {
		width: 1000px;
		margin: 0 auto;
	}
	#ppolicy #contents section p{
		width: 904px;
		margin: 0 auto;
	}
	#ppolicy #contents section ol {
		margin: 20px auto;
		width: 874px;
	}
	#ppolicy #contents section ol li {
		margin-top: 10px;
	}
	
/* NEWS ニュースリリースとお知らせで使用 */
	#news #contents section span.date {
		display: block;
		padding: 20px 20px 0 20px;
		text-align: right;
	}
	#news #contents section h3 {
		padding: 48px 48px 0 48px;
		font-size: 1.6em;
		line-height: 1.5em;
		text-align: center;
	}
	#news #contents section h3 span {
		font-size: 0.8em !important;
		font-weight: normal;
	}
	#news #contents section h4 {
		margin-top: 30px !important;
		padding: 14px;
		font-size: 1.2em;
		border: none;
	}
	#news #contents section {
		width: 1000px;
		margin: 0 auto;
	}
	#news #contents section p{
		width: 960px;
		margin: 60px auto 0;
	}
	#news #contents section img {
		display: block;
		margin: 30px auto;
	}
	#news #contents section ul.photo:after {
		content: "";
		clear: both;
		height: 0;
		display: block;
		visibility: hidden;
	}

	/* photolist3カラム */
	.photolist3 {
		margin-top: 30px;
	}
	.photolist3:after {
		content: "";
		clear: both;
		height: 0;
		display: block;
		visibility: hidden;
	}
	.photolist3 li {
		float: left;
		margin-left: 41px;
		width: 306px;
	}
	.photolist3 li img {
		display: block;
		width: 100%;
	}
	.photolist3 li:first-child {
		margin-left: 0;
	}

/* 第二階層 共通 */
	#title_wrap {
		background-color: #fef6e0;
		width: 100%;
	}
	#title_wrap h2,
	#title_wrap .page-title {
		display: block;
		padding: 64px 48px 48px 48px !important;
		width: 904px;
		margin: 0 auto;
		font-size: 2.6em !important;
		font-weight: 600;
		line-height: 0.75;
		letter-spacing: 0.02em !important;
	}
	#title_wrap h2 span,
	#title_wrap .page-title span {
		display: block;
		margin-top: 24px;
		font-size: 0.9rem !important;
		font-style: normal;
		font-weight: 400;
		letter-spacing: 0.1em;
	}

	#contents {
		width: 100%;
		background-color: #fff;
		padding-bottom: 120px;
	}
	h3 {
		margin-bottom: 20px;
		font-size: 2em;
		/* font-family: "kozuka-gothic-pro-n7", "kozuka-gothic-pro", sans-serif; */
		font-family: Lucida Grande, Meiryo, "メイリオ", sans-serif;
		font-weight: 700;
		letter-spacing: 0.02em !important;
		line-height: 1em;
	}
	h3 span {
		display:block;
		font-size: 0.4em !important;
		/* font-family: "kozuka-gothic-pro-n3", "kozuka-gothic-pro", sans-serif; */
		font-family: Lucida Grande, Meiryo, "メイリオ", sans-serif;
		font-style: normal;
		font-weight: 400;
		letter-spacing: 0.1em;
		line-height: 3em;
	}
	h4 {
		margin: 20px auto;
		padding: 18px 24px;
		width: 942px;
		border-bottom: 1px solid #ccc;
		border-top: 1px solid #ccc;
		font-size: 1.6em;
		/* font-family: "kozuka-gothic-pro-n7", "kozuka-gothic-pro", sans-serif; */
		font-family: Lucida Grande, Meiryo, "メイリオ", sans-serif;
		font-weight: 700;
		letter-spacing: 0.02em !important;
		line-height: 1em;
		position: relative;
	}
	h4 span {
		display: block;
		font-size: 0.5em !important;
		/* font-family: "kozuka-gothic-pro-n3", "kozuka-gothic-pro", sans-serif; */
		font-family: Lucida Grande, Meiryo, "メイリオ", sans-serif;
		font-style: normal;
		font-weight: 400;
		letter-spacing: 0.1em;
		line-height: 0;
		position: absolute;
		top: 28px;
	}
	
	/* table */
	#contents table {
		width: 942px;
		-moz-box-sizing: content-box;
		-webkit-box-sizing: content-box;
		-o-box-sizing: content-box;
		-ms-box-sizing: content-box;
		margin: 0 auto;
	}
	#contents table td {
		padding: 20px;
		border-bottom: 1px solid #ccc;
		white-space: normal;
	}
	#contents table td:nth-child(1),
	#contents table td:nth-child(2) {
		border-top: 1px solid #ccc;
	}
	#contents table tr td:nth-child(1) {
		width: 20%;
	}
	#contents table tr td:nth-child(2) {
		width: 80%;
	}

	/* a */
	a.button.large {
		display: block;
		margin: 60px auto !important;
		width: 30% !important;
		padding: 16px;
		font-size: 1.4em;
	}
	
	
	#pageTopBtn {
  position: fixed;
  bottom: 20px;
  right: 20px;
  font-size: 48px; /* アイコンサイズ */
  color: #635428;
  text-decoration: none;
  background: white;
  border-radius: 50%;
  padding: 8px;
  z-index: 1000;
  display: none;
  transition: all 0.3s ease;
}
#pageTopBtn:hover {
  color: #635428;
  transform: scale(1.1);
}



	/* SHARE_INFO PDF DOWNLOAD LIST */
	#share_info #contents section#pdf_dllist {
		width: 942px;
		margin: 0 auto;
		padding-top: 20px;
	}
	#share_info #contents section#pdf_dllist p.lead {
		margin-bottom: 40px;
		text-align: center;
		font-size: 0.95em;
		line-height: 1.8;
		color: #555;
	}
	#share_info #contents .pdf_dllist {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	#share_info #contents .pdf_dllist dl.pdf_dlitem {
		display: flex;
		gap: 20px;
		width: 450px;
		margin-bottom: 40px;
		padding: 24px;
		background-color: #fff;
		border: 1px solid #eee;
		box-shadow: 0 2px 10px rgba(0,0,0,0.06);
		box-sizing: border-box;
	}
	#share_info #contents .pdf_dllist dl.pdf_dlitem dt {
		width: 140px;
		flex-shrink: 0;
	}
	#share_info #contents .pdf_dllist dl.pdf_dlitem dt a {
		display: block;
	}
	#share_info #contents .pdf_dllist dl.pdf_dlitem dt img {
		display: block;
		width: 100%;
		border: 1px solid #ddd;
	}
	#share_info #contents .pdf_dllist dl.pdf_dlitem dd {
		flex: 1;
		min-width: 0;
	}
	#share_info #contents .pdf_dllist dl.pdf_dlitem dd h4 {
		margin: 0 0 12px;
		padding: 0;
		border: none;
		width: auto;
		position: static;
		font-size: 1.15em;
		font-weight: 600;
		line-height: 1.4;
		color: #645429;
	}
	#share_info #contents .pdf_dllist dl.pdf_dlitem dd h4 span {
		display: block;
		position: static;
		top: auto;
		margin-top: 6px;
		font-size: 0.6em !important;
		font-weight: 400;
		line-height: 1.6;
		letter-spacing: 0.05em;
		color: #a12c08;
	}
	#share_info #contents .pdf_dllist dl.pdf_dlitem dd p {
		margin: 12px 0 20px;
		font-size: 0.85em;
		line-height: 1.7;
		color: #555;
		word-break: break-word;
		overflow-wrap: break-word;
	}
	#share_info #contents .pdf_dllist dl.pdf_dlitem dd .button {
		width: 160px;
		margin: 0;
		padding: 8px 12px;
		font-size: 0.85em;
	}


	/* ABOUT: document download link button in title area */
	#about #title_wrap {
		position: relative;
	}
	#about #title_wrap .title_dl_button {
		display: inline-flex;
		align-items: center;
		gap: 8px;
		position: absolute;
		right: calc((100vw - 1000px) / 2 + 48px);
		bottom: 40px;
		padding: 12px 20px;
		background-color: #a12c08;
		color: #fff;
		font-size: 0.9rem;
		font-weight: 600;
		letter-spacing: 0.05em;
		line-height: 1;
		text-decoration: none;
		/* border-radius: 4px; */
		white-space: nowrap;
	}
	#about #title_wrap .title_dl_button svg {
		display: block;
		width: 18px;
		height: 18px;
		flex-shrink: 0;
	}
	#about #title_wrap .title_dl_button:hover {
		background-color: #d06544;
	}

}