@charset "UTF-8";

/*== 全　体 ===============================================*/
html {
	scroll-behavior: smooth;
}
body {
	font-family: "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", "YuGothic", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	-webkit-text-size-adjust: 100%;
	background: #ac8453;
	color: #525252;
	margin: 0;
	padding: 0;
}
a {word-break: break-all;}
a[href*="tel"],
a[href*="mailto"] {
	display: inline-block;
	color: inherit;
	text-decoration: none;
    margin-bottom: 0.5em;
}
img {
	max-width: 100%;
	height: auto;
	vertical-align: top;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
em {font-style: normal;}
* {box-sizing: border-box;}

/* -- 細 々 -- */
.nowrap {display: inline-block;}
.notes {font-size: .9em;}
.clear {clear: both;}
/*clearfix*/
.clearfix::after,
.clearfix::before {
	clear: both;
	visibility: hidden;
	display: block;
	height: 0;
	content: "";
}
.clearfix {
	display: block;
}
.img_left,
.img_right {
	display: table;
	margin: 0 auto 1.5em;
}
.img_left>*,
.img_right>* {
	margin-top: 0;
}
.ph_2column,
.ph_3column {
	display: flex;
	margin-top: 0;
}
.ph_2column img {
	width: 49%;
	margin-left: 1%;
	margin-bottom: 1%;
}
.ph_3column img {
	width: 32.33334%;
	margin-left: 1%;
	margin-bottom: 1%;
}
#wrapper {background-color: #fff;}

/* -- ヘッダー --------------------------------------------------------------------- */
#header {
	position: relative;
	z-index: 50;
}
h1 {
	margin: 0;
	padding: 0;
}
/* -- バーガーメニュー -- */
input[name="mainmenu_btn"] {
	display: none;
}
input#mainmenu_open:checked~.dropdown {
	display: block;
	opacity: 1;
}
input#mainmenu_close:checked~.dropdown {
	display: none;
	opacity: 0;
}
.dropdown {
	display: none;
	opacity: 0;
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 101;
	background-color: #ac8453;
	overflow: auto;
	color: #fff;
	list-style: none;
	margin: 0;
	padding: 0;
}
.dropdown li a {
	display: block;
	border-bottom: dotted #fff 1px;
	text-decoration: none;
	color: #fff;
	padding: 1.5em 0 1.5em 2em;
}
.dropdown li.menu_midasi {
	background-color: #62421b;
	font-weight: bold;
	margin-top: -1px;
	padding: .2em .5em;
}
#open_toggle {
	width: 100%;
	background-color: #ac8453;
	color: #fff;
	text-align: center;
	margin: 0;
}
#open_toggle label {
	display: block;
	letter-spacing: .25em;
	padding: .5em;
}
#close_toggle {
	position: fixed;
	right: 0;
	z-index: 201;
}
#close_toggle label {
	display: inline-block;
	background-color: #fff;
	color: #62421b;
	font-size: 3em;
	line-height: 1;
	padding: 0 .2em
}
/* -- フッター --------------------------------------------------------------------- */
#footer {
	clear: both;
	background-color: rgba(125,64,0,.6);
	font-family: "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "YuMincho", "Yu Mincho", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	color: #fff;
	line-height: 1.2;
	font-size: .9em;
	margin: 1.5em 0;
	padding: .2em 1.2em .4em;
}
#footer p {
	margin: .3em 0 0;
}
#footer img {
    width: 45%;
	margin: 0.5em auto;
}
.footer_cont {
    display: block;
    margin: 1em 0 0 46%;
}
#footer .inquiry_ti {
	display: inline-block;
	border-radius: 20px;
	background-color: #fff;
	color: #ac8453;
	margin-right: .5em;
	padding: 0 .5em;
}
#footer .foot_inquiry a {
	text-decoration: none;
	letter-spacing: .05em;
	font-size: 1.2em;
	margin-right: 1em;
}
#footer .foot_inquiry a[href*="mailto"] {
	background: url("/img/icon_mail.gif") no-repeat left center;
	padding-left: 20px;
}
/* -- メインボックス --------------------------------------------------------------- */
#main_box {}
#main_box::after {
	position: fixed;
	top: 0;
	left: 50%;
	z-index: 1;
	transform: translateX(-50%);
	content: "";
	width: 80%;
	max-width: 1280px;
	min-width: 768px;
	height: 100%;
	background: url(/img/yago_bg.png) no-repeat left bottom 25px;
}
#main_box>* {
	position: relative;
	z-index: 2;
}
/* -- サイド -- */
#side_box {
	position: relative;
}
#side_box .toplink {
  opacity: 0.8;
}
#side_box #submenu_ph {
	position: absolute;
	top: -75px;
	left: 5px;
	z-index: 6;
}
#side_box ul {
	list-style-type: none;
	line-height: 0;
	margin: 0;
	padding: 0 0 30px 0;
	background: url(/img/menu/side_menu_bg.gif) no-repeat left top;
}
#side_box li {
	margin: 0;
	padding: 0;
}
#side_box li a {
	display: block;
}
/* -- コンテンツ -- */
#contents_box {
	width: 95%;
	font-size: .9em;
	line-height: 1.5em;
	margin: 0 auto;
}
#contents_box h2 {
	margin: 30px 0 20px;
}
#contents_box_inner {}
#contents_box h3 {
	color: #AB8353;
	font-size: 1.4em;
	margin-bottom: 0;
}
#contents_box h4 {
	clear: both;
	background-color: #231815;
	color: #fff;
	font-size: 1.2em;
	margin-top: 30px;
	margin-bottom: 10px;
	padding: 0.2em 0em 0.2em 0.5em;
}
#contents_box .circle_ti {
	width: 5.5em;
	height: 5.5em;
	border-radius: 50%;
	background-color: #666;
	color: #fff;
	text-align: center;
	font-size: .9em;
	margin: 1em auto;
	padding: 2em 0 0;
}

/*== トップ ===============================================*/
#top #top_menu {
	background: url(/img/top_menu_bg.png) no-repeat right top;
	background-size: 100%;
	padding: 65px 2% 60px 1%
}
#top #top_menu h2 {
	line-height: 1;
	margin: .3em 0 0;
	padding: 0;
}
#top #top_menu ul {
	display: flex;
	flex-flow: wrap;
	list-style: none;
	margin: 0;
	padding: 0;
}
#top #top_menu li {
	width: 49%;
	max-width: 147px;
	margin: 0 1% 5px 0;
	padding: 0;
}
#top #sandaisyouwa {
	width: 95%;
	margin: 0 auto 30px;
}
#top #sandaisyouwa h2 {
	background-color: #595757;
	margin: 0 0 .5em;
	padding: 0 .2em;
}
#top #sandaisyouwa p {
	margin: 0 .5em;
}
#top #footer {margin-top: 0;}

/*== 各ページ =============================================*/
/*-- ごあいさつ --*/
#aisatu .main_copy {
	font-family: "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "YuMincho", "Yu Mincho", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	color: #001e6e;
	text-shadow: 2px 2px 4px rgba(0,0,0,.3);
	font-size: 1.25em;
	line-height: 1.6;
}
.kigyorinen {
    border: 1px solid #999;
    padding: 0 1.5em;
    margin-top: 50px;
}
.kigyorinen dl {
    font-family: "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "YuMincho", "Yu Mincho", "ＭＳ Ｐ明朝", "MS PMincho", serif;
    display: flex;
    flex-wrap: wrap;
}
.kigyorinen dt {
    font-size: 1.8em;
    width: 25%;
    margin: 1em 0;
    white-space: nowrap;
    text-align: center;
}
.kigyorinen dd {
    width: 75%;
    margin: 1em 0;
}


/*-- 会社の歴史 --*/
#history #contents_box_inner p strong {
	color: #231815;
	line-height: 1.3em;
}
#contents_box h4 em {
	font-size: .9em;
	font-weight: normal;
}

/*-- 事業内容 --*/
.jigyou_syosai li {
	list-style: none;
	margin-bottom: .3em;
	padding-left: 1em;
}
.jigyou_syosai li::before {
	content: "●";solid 
	margin-left: -1em;
}
.jigyou_syosai .nowrap {
	margin-right: 1em;
}
#contents_box hr {
	clear: both;
	border: none;
	border-top: 1px dotted #999;
	margin: 30px 0 20px;
}
.info_box .photo_area {
	border: none;
	padding: 0;
}
.top_align {vertical-align: top;}

/*-- インフォボックス --*/
#contents_box .info_box_caption {
	color: #231815;
	font-size: 1.1em;
	margin-bottom: .2em;
}
.info_box {
	width: 100%;
	margin-bottom: 15px;
}
.info_box th {
	background-color: #EBEBE1;
	white-space: nowrap;
	font-weight: normal;
}
.info_box th,
.info_box td {
	padding: 0.3em 0.8em;
}
/* ニュースリンク */
.news-box {
	margin-top: 40px;
	padding: 0;
	width: 85%;
}
.news-box h3 {
	color: rgba(125,64,0,.6);
	letter-spacing: 0.8rem;
}
.news-box li {
	width: 100%;
	padding: 0.3em 0;
	float: left;
	list-style-type: none;
	border-bottom: dotted 1px #999;
}
.news-box li a {
	font-size: 1.2em;
	font-weight: bold;
	color: #6666CC;
	text-decoration: none;
	list-style-type: none;
}
.news-box li a:hover {
	color: #FFFFFF;
	background-color: #993300;
}
.newsdate {
	margin: 0 1em;
	color: #996600;
	font-size: 0.8em;
}
/*************************************************************************
 Responsive Queries
 *************************************************************************/
@media screen and (min-width: 1201px) {
	/*-- 会社の歴史 --*/
	.s8_tenseimaru {
		width: 760px;
		max-width: 100%;
	}
	.s8_tenseimaru img {
		float: left;
		margin-right: .6em;
	}
	#history .max_w60 {
		width: 590px;
		max-width: 100%;
	}
	.history_3dai img {
		display: block;
	}
}
@media screen and (max-width: 1200px) {
	.s8_tenseimaru img {
		display: block;
	}
	#syokuhin .w50 {
		width: auto;
	}
}
@media screen and (min-width: 1024px) {
	.pc_hidden {display: none;}
	#wrapper {
		background-image: url(/img/head_bg.jpg);
		background-repeat: no-repeat;
		background-position: right 10px top;
		background-size: 50% auto;
		width: 80%;
		max-width: 1280px;
		min-width: 768px;
		box-shadow: 0 0 10px 2px rgba(0,0,0,.8);
		margin: 0 auto 30px;
	}
	a[href*="tel"] {
		pointer-events: none;
		cursor: none;
	}
	.img_left {
		float: left;
		margin-right: 0.6em;
	}
	.img_right {
		float: right;
		margin-left: 0.6em;
	}
	.w30 {
		width: 33.785%;
	}
	.w50 {
		width: 48%;
	}
	.w70 {
		width: 64%;
	}
	/* -- ヘッダー -- */
	h1 img {
		max-width: 60%;
	}
	#header #sougyou {
		margin: 10px 0 20px 125px;
	}
	/* -- フッター -- */
	#footer {
		display: inline-block;
		min-width: 60%;
	}
	/* -- サイド -- */
	#side_box {
		float: left;
		width: 230px;
	}
	.banner {
		width: 230px;
	}
	/* -- コンテンツ -- */
	#contents_box {
		float: right;
		width: calc(100% - 270px);
		padding-right: 5%;
	}
	#contents_box h2 {
		float: left;
		margin-right: 30px;
	}
	#contents_box_inner {
		float: left;
		width: calc(100% - 58px);
		padding-top: 30px;
	}
	/*-- ごあいさつ --*/
	#aisatu .noren {
		max-width: 40%;
	}
	/*-- 会社案内 --*/
	#cominfo .info_box th {
		width: 20%;
		min-width: 6em;
	}
	/*-- 事業内容 --*/
	#contents_box .circle_ti {
		float: left;
		margin: 0 1em 1em 0;
	}

	.sekiyu_mainph {
		float: left;
		width: 70%;
		margin: 0 1% 0 0;
	}
	.sekiyu_subph {
		float: right;
		width: 28%;
		margin: 0 0 1em 1%;
	}
	.sekiyu_subph img {
		margin-bottom: 5%;
	}
	#sekiyu .info_box th,
	#kentikusizai .info_box th,
	#kanren .info_box th {
		width: 4.8em;
	}
	#syokuhin img[src="/jigyou/img/cashregister_ph.jpg"] {
		margin-top: -1.5em;
		margin-bottom: 2em;
	}
	/*-- インフォボックス --*/
	.info_box th,
	.info_box td {
		border-bottom: 5px solid #fff;
	}
	.info_box td {
		background-color: #f9f9f5;
	}
}
@media screen and (max-width: 1023px) {
	.sp_hidden {display: none;}
	.w30[class*="img_"],
	.w50[class*="img_"],
	.w70[class*="img_"] {
		display: table;
		margin: .5em auto;
	}
	body {
		font-size: 1em;
	}
	#header #sougyou {
		background: url(/img/head_bg.jpg) no-repeat right 10px top;
		background-size: 280px auto;
		margin: -10px 0 10px;
		padding-top: 80px;
	}
	/* -- フッター -- */
	#footer {
		text-align: center;
		margin-bottom: 0;
	}
    .footer_cont {
        margin-left: 0;
}
	#footer .inquiry_ti {
		display: block;
		margin: 1em auto .8em;
	}
	#footer .foot_inquiry a {
		padding: .1em 0 .2em;
	}
	/* -- メインボックス -- */
	#main_box::after {
		min-width: 100%;
		background-size: 80%;
	}
	/* -- サイド -- */
	#side_box {
		display: none;
	}
	/*-- ごあいさつ --*/
	#aisatu .main_copy {
		text-align: center;
	}
	/*-- 会社の歴史 --*/
	.s8_tenseimaru {
		display: table;
		max-width: 340px;
		margin: 0 auto 1.5em;
	}
	/*-- 事業内容 --*/
	.sekiyu_mainph img {
		display: table;
		margin: 0 auto;
	}
	.sekiyu_subph {
		width: 100%;
		text-align: center;
	}
	.sekiyu_subph img {
		width: 33.33334%;
	}
	/*インフォボックス*/
	.info_box th {
		border-bottom: none;
	}
	.info_box th,
	.info_box td {
		display: block;
		text-align: left;
	}
	.info_box td {
		padding-bottom: 1em;
	}
}
@media screen and (min-width: 768px) {
	/*-- トップページ --*/
	#top #wrapper {
		background-image: url(/img/toppage_bg.png);
		background-repeat: no-repeat;
		background-position: right 20px top 10px;
		background-size: 65% auto;
	}
	#top #sougyou img {
		max-width: 28%;
		margin: 3.5% 0 2% 4.5%;
	}
	#top #top_menu {
		float: left;
		width: 830px;
		max-width: 65%;
	}
	#top #sandaisyouwa {
		float: right;
		width: 780px;
		max-width: 35%;
		padding: 80px 0 0 1.5%;
	}
	.jigyou_syosai {
	display: table;
	color: #231815;
	font-size: 1.1em;
	font-weight: bold;
	margin: 0 auto;
	padding: 0;
	display: grid;
  	width: fit-content;
	column-gap: 1em;
	grid-template-columns: repeat(2, auto);
}
}
@media screen and (max-width: 768px) {
	#history .max_w60 {
		max-width: 340px;
		margin: auto;
	}
	#history .max_w60>img[class*="img_"] {
		margin-bottom: 0;
	}
}
@media screen and (max-width: 1023px) and (min-width: 768px) {
	/*-- トップページ --*/
	#top #wrapper {
		background-position: right 20px top 80px;
		background-size: 60% auto;
	}
	/*-- 会社の歴史 --*/
	.history_3dai {
		width: 100%;
	}
	.history_3dai img {
		float: left;
		margin-right: .6em;
	}
}
@media screen and (max-width: 767px) {
	/*-- トップページ --*/
	#top #sougyou {
		background-image: url(/img/toppage_bg.png);
		background-repeat: no-repeat;
		background-position: right 10px top;
		background-size: auto 100%;
	}
	#top #sougyou img {
		max-width: 40%;
		min-width: 200px;
		margin: 3% 0 2% 2%;
	}
	/*-- 会社の歴史 --*/
	.history_3dai img {
		display: table;
		margin: auto;
	}
}
@media screen and (min-width: 650px) {
	#top #top_menu li {
		width: 50%;
	}
}
@media screen and (max-width: 649px) {
	#top #top_menu {
		padding: 13px 3% 15px;
    	margin-top: -20px;
	}
	#top #top_menu ul {
		max-width: 305px;
		margin: 0 auto;
	}
}
@media screen and (max-width: 420px) {
	#top #sougyou {
		background-position: center bottom;
		background-size: 320px auto;
		text-align: center;
		padding-bottom: 180px;
	}
	#top #sougyou img {
		width: 90%;
		max-width: 250px;
		margin: 0;
	}
}