@charset "utf-8";
@import url(cmn.css);
@import url(base.css);

.gnav__item--company a {
  background-color: rgba(255,255,255,0.2);
  border-radius: 5px;
}
.page {
  background: url("../images/company-images/page-bg.jpg") 50% 10% no-repeat;
}

/* ==========================================================================
	CONTENTS
	========================================================================== */

.outline {
  display: flex;
  border-bottom: dashed 1px rgba(0,0,0,0.5);
  padding-bottom: 20px;
  margin-bottom: 20px;
}
.outline__tit {
  width: 150px;
}
.outline__txt {
  flex: 1;
}
.outline-address__tit {
  width: 100px!important;
  font-weight: normal;
  padding-bottom: 10px;
}
.outline-address__txt {
  padding-bottom: 10px;
}
.outline-address tr:last-child .outline-address__tit {
  padding-bottom: 0;
}
.outline-address tr:last-child .outline-address__txt {
  padding-bottom: 0;
}

.philosophy .layout01__txt {
	text-align: center;
	background-color: rgba(255,255,255,0.5);
	border-radius: 10px;
	padding: 40px;
}
.philosophy p {
	display: inline-block;
	font-family: var(--font01);
	font-size: clamp(2rem,3.5vw,3rem);
	line-height: 3em;
	text-align: left;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
	margin-bottom: 0;
}

/* ==========================================================================
	PC 1025px -
	========================================================================== */

@media screen and (min-width: 1025px){


}
@media screen and (max-width: 1200px){/*1200以下*/

}


/* ==========================================================================
	TABLET - 1024px
	========================================================================== */

@media screen and (max-width:1024px){

.outline__tit {
  width: 110px;
}
.outline-address__tit {
  width: 90px!important;
}

.philosophy .layout01__txt {
	padding: 30px;
}
.philosophy p {
	line-height: 2.5em;
}
}

/* ==========================================================================
	SP - 640px
	========================================================================== */

@media screen and (max-width: 640px) {

.outline {
  padding-bottom: 17px;
  margin-bottom: 17px;
}
.outline__tit {
  width: 90px;
}
.outline-address__tit {
	display: block;
  width: 100%!important;
	font-size: 90%;
	font-weight: bold;
  padding-bottom: 5px;
}
.outline-address__tit::before {
	content: "/";
	margin-bottom: 5px;
}
.outline-address__txt {
	display: block;
  padding-bottom: 5px;
}

.philosophy .layout01__txt {
	padding: 20px;
}
.philosophy p {
	line-height: 2em;
}
}