@charset "utf-8";
/* --------------------------------------------
 * About
 * ----------------------------------------- */
 
/* vision
---------------------------------------------*/
/* レイアウト */
.vision.inner {
	height: 500px;
	display: flex;
	justify-content: center; /*横中央*/
	align-items: center; /*縦中央*/
	background: url("../about/img/vision.jpg") no-repeat;
	background-size: cover;
	padding: 0 5%;
}
/* 本文 */
.vision .honbun {
	font-family: 'Shippori Mincho B1', serif;
	font-size: 7.2rem;
	font-weight: 500;
	color: #fff;
	line-height: 1.2;
}
.vision .honbun span {
	display: block;
	font-size: 3.0rem;
}
@media (max-width: 960px) {
.vision .honbun {
	font-size: 6.0rem;
}
}
@media (max-width: 640px) {
.vision .honbun {
	font-size: 4.8rem;
	text-align: center;
}
}
 
/* mission、value
---------------------------------------------*/
/* レイアウト */
.mis-val.inner {
	padding-bottom: 200px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.mis-val .box {
	margin-top: 100px;
	width: 45%;
}
@media (max-width: 640px) {
.mis-val .box {
	width: 100%;
}
}
/* 本文 */
.mis-val .honbun {
	font-weight: bold;
}
.mis-val .honbun span {
	display: block;
	font-family: 'Shippori Mincho B1', serif;
	font-size: 3.0rem;
	font-weight: 500;
	color: #29b0fc;
}
 
/* Company Profile
---------------------------------------------*/
/* 背景 */
#company .inner {
	background: rgba(41, 176, 252, 0.25);
}
/* レイアウト */
.company01,
.origin01 {
	padding-bottom: 200px;
}
#company .box,
#origin .box {
	margin: 0 auto;
	width: 66.66666666666667%;/* 640px */
}
@media (max-width: 640px) {
#company .box,
#origin .box {
	width: 90%;
}
}
/* 本文 */
#company .honbun {
	position: relative;
}
#company .honbun dt {
	position: absolute;
	left: 0;
	width: 5em;
	font-weight: bold;
	padding-top: 1em;
}
#company .honbun dd {
	margin-left: 5em;
	padding-top: 1em;
}
#company .honbun dt:first-of-type,
#company .honbun dd:first-of-type {
	padding-top: 0;
}


/* origin
---------------------------------------------*/
/* 背景 */
#origin .inner {
	background: rgba(41, 176, 252, 1.0);
	color: #fff;
}
/* タイトル */
#origin .title-main-en,
#life-story .title-main-en {
	background: url("../img_cmn/title-bar-white.gif") no-repeat left center;
	color: #fff;
}
#origin .title-main,
#life-story .title-main {
	color: #fff;
}
/* 画像 */
#origin .image img {
	width: 100%;
}

/* profile
---------------------------------------------*/
/* 背景 */
#profile .bg-l {
	margin-top: 50px;
	background: url(../img_cmn/bg_white80.png) repeat-y center top;
}
/* レイアウト01 */
.profile01 {
	padding-bottom: 200px;
	position: relative;
}
.profile01 .box {
	padding-top: 50px;
	width: 66.66666666666667%;/* 640px */
}
.profile01 .image {
	position: absolute;
	left: 15%;
	top: -50px;
	z-index: -1;
}

/* モバイル表示 */
@media (max-width: 960px) {
#profile .bg-l {
	margin-top: 0;
	background: none;
}
.profile01 .box {
	width: 100%;
}
.profile01 .image {
	position: static;
	left: auto;
	top: auto;
	z-index: auto;
}
.profile01 .image img {
	width: 100%;
}
}

/* 見出し */
.profile01 .midashi span {
	font-size: 3.0rem;
}


 
/* life-story
---------------------------------------------*/
#life-story .bg {
	padding-bottom: 200px;
	background: url("../about/img/life-story.jpg") no-repeat;
	background-size: cover;
}
#life-story .box {
	margin: 0 auto;
	width: 66.66666666666667%;/* 640px */
}
@media (max-width: 640px) {
#life-story .box {
	width: 100%;
}
}
#life-story .honbun {
	font-weight: bold;
}