@charset "utf-8";



/* ------------------------------------------

このサイトについて

------------------------------------------ */
#wrapper{
	margin:0 auto 2em;
}
#area #container #breadcrumbs{
	display:none;
}
#area #container #sidebar{
	display:none;
}
#area #container > #pageTop{
	width:100%;
	margin:0;
}
#area #container > #pageTop .pc_only{
	display:none;
}
#area #container > #pageTop .sp{
	display:block;
	width:100%;
	height:auto;
	text-align:center;
	padding-top: 128px;
}
#area #container > #pageTop .sp a{
	display:block;
	width:auto;
	height:auto;
	padding:15px;
	color:#ffffff;
	font-weight: bold;
	font-size:17px;
	text-indent:0;
	background:#a70303;
	box-sizing:border-box;
}
#area #container #wrapper #content{
	width:100% !important;
	float:none;
	margin: 0 auto !important;
}
#area #container #wrapper #content *{
	font-size:100% !important;
	line-height:1.6 !important;
}
#area #container #wrapper #content img {
	width:100%;
}
#area #container #wrapper #content .linkList{
	position:relative;
	margin: 0;
	padding:0;
	background:#A70000;
}
#area #container #wrapper #content .linkList h1{
	width:auto;
	height:auto;
	margin:0;
	padding:12px 3%;
	color:#ffffff;
	font-size:17px !important;
	border-top:1px solid #C84D4D;
	background:none;
}
#area #container #wrapper #content .linkList p{
	position:absolute;
	right:3%;
	top:12px;
	display:block;
	width:23px;
	height:26px;
}
#area #container #wrapper #content p.about-lead{
	margin:0;
	padding:2em 3%;
}
#area #container #wrapper #content p.about-company{
	padding:0 3% 2em;
}
#area #container #wrapper #content dl.about-body{
	display:block;
	padding:0 3%;
	border-top:1px solid #d3d3d3;
}
#area #container #wrapper #content dl.about-body dt{
	display:block;
	padding:2em 0;
	height:1;
	font-size:105% !important;
	font-weight:bold;
}
#area #container #wrapper #content dl.about-body.contact dt{
	padding:2em 0 1em 0;
}
#area #container #wrapper #content dl.acc dt{
	background:url('/about/images/btn_open.png') no-repeat right center;
	background-size:23px;
	cursor:pointer;
}
#area #container #wrapper #content dl.acc dt.close{
	background:url('/about/images/btn_close.png') no-repeat right center;
	background-size:23px;
	cursor:pointer;
}
#area #container #wrapper #content dl.about-body dd{
	display:block;
	padding:0 0 2em;
}
#area #container #wrapper #content dl.acc dd{
	display:none;
}
#area #container #wrapper #content dl.about-body dd ol li{
	list-style-type:decimal;
	margin:0 0 0 2em;
}
#area #container #wrapper #content dl.about-body dd ul li{
	list-style-type:disc;
	margin:0 0 0 2em;
}
#area #container #wrapper #content dl.contact img.call{
	display:inline-block;
	width:70%;
	max-width:236px;
	height:auto;
	margin:8px 0 10px 0 !important;
}
#area #container #wrapper #content img.allow{
	float:left;
	width:4%;
	height:auto;
}
#area #container #wrapper #content img.window{
	width:8%;
	max-width:20px;
	height:auto;
	vertical-align:middle;
}



/* ------------------------------------------

コンテンツ内のリンク設定

------------------------------------------ */
#area #container #wrapper #content a.allow{
	padding:0 0 0 1.2em;
	background:url('/about/images/icon_allow.png') no-repeat left center;
	background-size:0.5em auto;
}
#area #container #wrapper #content a:link {
	text-decoration:underline;
	color: #333;
}
#area #container #wrapper #content a:visited {
    text-decoration:underline;
	color: #333;
}
#area #container #wrapper #content a:hover {
    text-decoration:underline;
	color: #F60;
}
#area #container #wrapper #content a:active {
    text-decoration:underline;
	color: #F60;
}



/* ------------------------------------------

ヘッダー・フッターの表示切替

------------------------------------------ */
#headerWrapper {
	display: none;
}
#headerSp {
	text-align: left;
}
#footerWrapper {
	display: none;
}
#footerSp {
	text-align: left;
}
#footerSp #pageTop {
	width: 100%;
	margin: 0;
	line-height: inherit;
}
#footerSp footer p:first-child {
	font-size: 10px!important;
	line-height: 1.5!important;
}
.breadcrumbsArea {
  background: #555659;
  width: 100%;
  z-index: 9;
  position: relative;
  height:52px;
}

.breadcrumbsArea .breadcrumbs {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
}

.breadcrumbsArea .breadcrumbs ul {
  width: 100%;
  display: flex;
  overflow-x: auto;
  white-space: nowrap;
  padding: 18px 300px 18px 0;
}

.breadcrumbsArea .breadcrumbs ul li {
  font-size: 12px;
  color: #fff;
  padding-right: 10px;
}

.breadcrumbsArea .breadcrumbs ul li::after {
  content: '>';
  padding-left: 5px;
}

.breadcrumbsArea .breadcrumbs ul li:last-child {
  padding-right: 0;
}

.breadcrumbsArea .breadcrumbs ul li:last-child::after {
  content: '';
}

.breadcrumbsArea .breadcrumbs ul li a {
  color: #fff;
}

@media only screen and (max-width: 667px) {
  .breadcrumbsArea {
    position: absolute;
    top: 105px;
    height:40px;
  }

  .mmbrSts-org ~ .breadcrumbsArea, .mmbrSts-org_pre ~ .breadcrumbsArea, .mmbrSts-hataraki ~ .breadcrumbsArea {
    top: 182px;
  }

  .breadcrumbsArea .breadcrumbs ul {
    width:calc(100% - 40px);
    padding: 12px 15px;
  }
}