@charset "utf-8";

/* common ---------------- */
#contents {  }
section{ margin-top: 40px; margin-bottom:70px; }

#pan { padding:10px 0; }
#pan li { display:inline-block; font-size:13px; }
#pan li:not(:first-child):before { content:">"; padding:0 5px; color:#777; }

/* title */
.pageTitle { position:relative; padding:2.5em 0; font-weight:bold; font-size:1.875rem; text-align:center; letter-spacing:.05em; line-height:1.5;
  background: url(../img/common/bg-ttl-common.jpg) no-repeat center / cover; }
/*.pageTitle:before{
	content:"";
	position:absolute;
	left:0;
	right:0;
	height:12px;
	background:repeating-linear-gradient(135deg, #ffefb6, #ffefb6 5px, #fff5d3 5px, #fff5d3 10px);
}*/
.pageTitle:before { bottom:0; }
.pageTitle .ttl { display:inline-block; min-width:300px; padding:1em 1.7em; font-weight: 600; color: #493c38; background:#fff; }
.pageTitle .en { display:block; font-size:.533em; font-weight:normal; color:#ed720e; letter-spacing:.05em; }



/* contents ---------------- */
#company #overview #canvas{ width: 800px!important; height: 400px!important; margin: 2em auto 0; }

#company .tbl{ margin: -10px 0 0 -10px; }
#company .shop-box + .shop-box { margin-top: 4em; }
#company .shop-box .flex{ align-items: flex-start; }
#company .shop-box .img{ width:40%; }
#company .shop-box .tbl{ width:58%; }
#company .shop-box .map{ margin-top: 1.5em; }

.greeting-wrap{ padding: 35px; background: rgba(241,135,9,0.11); }
.greeting-wrap .flex .img{ width: 26%; }
.greeting-wrap .flex .txt{ width: 70%; }
.greeting-wrap .flex .txt p{ margin-top: 0; }
.greeting-wrap .flex .txt .daihyo{ margin:1.5em 0 0; }


/* ================================================================
  レスポンシブ
=================================================================== */
/* 600以上(PC・タブレット) */
@media screen and (min-width: 600px) {

}

/* 960px以上(PC) */
@media screen and (min-width: 960px) {

}

/* ================================================================
  タブレット
=================================================================== */
/* 1024以下 (タブレット横以下) */
@media screen and (max-width: 1024px) {

}

/* 959以下 (タブレット以下) */
@media screen and (max-width: 959px) {
	#company #overview #canvas{ width: 70%!important; height: auto!important; }
}

/* ================================================================
  スマホ
=================================================================== */
@media screen and (max-width: 599px){

	.pageTitle{ padding: 2em 0; font-size: 1.5rem; }
  .pageTitle .ttl{ min-width: 0; padding: 0.7em 1.7em; }

  #company #overview #canvas{ width: 100%!important; margin:auto; }

	.greeting-wrap{ padding:17px }
	.greeting-wrap .flex .txt { width: 100%; margin-top: 1.5em; }
	.greeting-wrap .flex .img { width: 70%; margin: auto; }

	#company .shop-box .img{ width: 100%; order: 1; margin-bottom: 1.5em; }
	#company .shop-box .tbl{ width: 100%; order: 2; }

}