@charset "utf-8";
/* CSS Document */

/* company */

.company__comment{
	background-image:url(img/img_company_bg01.png);
	background-size: cover;
	margin-bottom:80px;
	padding-bottom:50px;
	}

.catch__text{
	line-height:1.6em;
	text-align:center;
	font-family: 'Noto Serif JP', sans-serif;
	font-size:40px;
	margin-bottom:100px;
	font-weight:500;
	}
.txt__area{
  display: flex;
  width:1200px;
  margin:0 auto;
}
.txt__area02{
  display: flex;
  width:1200px;
  margin:0 auto;
}
.txt__area02 p{
	margin-left:50px;
}
.btn__area{
	text-align:center;
	margin:40px auto 60px auto;
	}
.btn__area p{
	margin-bottom:30px;
	font-size:1.2em;
}

.company__comment--ttl{
	background:url(../shared/img/ttl_line.png) 50% 100% no-repeat;
	line-height:2.2em;
	text-align:center;
	font-family: 'Noto Serif JP', sans-serif;
	font-size:40px;
	margin-bottom:50px;
	font-weight:500;
	}
.company__avility--area{
	display: flex;
  width:1200px;
  margin:0 auto 60px auto;
	}
.company__avility--box{
	width:360px;
	margin-right:40px;
	padding-top:280px;
	}
.box01{
	background:url(img/img_avility_01.jpg) 0 0 no-repeat;
	}
.box02{
	background:url(img/img_avility_02.jpg) 0 0 no-repeat;
	}
.box03{
	background:url(img/img_avility_03.jpg) 0 0 no-repeat;
	}
.company__avility--box p{
	display:inline-block;
}
.company__avility--box .name{
	font-size:1.2em;
	margin-bottom:1em;
	font-weight:500;
}
.company__comment02{
	background-image:url(img/img_company_bg02.jpg);
	background-size: cover;
	margin-bottom:80px;
	padding:60px 0;
	text-align:center;
	}
.company__comment02 p{
	margin-bottom:30px;
}


/* history */
.history__img{
	text-align:center;
	margin:40px 0;
}


/* vision */
.vision__area{
  display: flex;
  width:1200px;
  margin:0 auto 60px auto;
	}
.vision__area--box p{
	display:inline-block;
}
.vision__area--box .ttl{
	font-size:1.2em;
	margin-bottom:1em;
	font-weight:500;
}
.vision__area .mr60{
	margin-right:60px;
}
.vision__area .ml60{
	margin-left:60px;
}
.vision__comment{
	background-image:url(vision/img/img_vision_bg.jpg);
	background-size: cover;
	margin-bottom:80px;
	padding:60px 0;
	text-align:center;
	}
.vision__comment p{
	margin-bottom:30px;
}
.vision__comment .ttl{
	line-height:2em;
	text-align:center;
	font-family: 'Noto Serif JP', sans-serif;
	font-size:40px;
	margin-bottom:30px;
	font-weight:500;
}

/* office */
.office__area{
  display: flex;
  width:1200px;
  margin:0 auto 40px auto;
	}
.office__area--box{
	width:500px;
	}
.office__area--box p{
	display:inline-block;
	margin-top:25px;
}
.office__area--box .ttl{
	background:url(../shared/img/ttl_line.png) 0 100% no-repeat;
	font-family: 'Noto Serif JP', sans-serif;
	line-height:2em;
	text-align:left;
	font-size:54px;
	padding-bottom:10px;
}
.office__area--box .green{
	font-family: 'Noto Sans JP', sans-serif;
	font-size:0.4em;
	color:#5e952d;
	margin-left:20px;
}
.map{
	width:1200px;
	margin:0 auto 80px;
	}
#fukuoka{
	background:url(office/img/img_fukuoka.jpg) 100% 0 no-repeat;
	min-height:590px;
	}
#tokyo{
	background:url(office/img/img_tokyo.jpg) 100% 0 no-repeat;
	min-height:590px;
	}
#osaka{
	background:url(office/img/img_osaka.jpg) 100% 0 no-repeat;
	min-height:590px;
	}

/* message */
.message__comment{
	background-image:url(message/img/img_message_bg.jpg);
	background-size: cover;
	margin-bottom:80px;
	padding:60px 0 80px 0;
	text-align:center;
	}
.message__comment p{
	margin-bottom:30px;
}
.message__comment .ttl{
	line-height:2em;
	text-align:center;
	font-family: 'Noto Serif JP', sans-serif;
	font-size:40px;
	margin-bottom:30px;
}
.message__comment .name{
	width:1000px;
  margin:0 auto;
  text-align:right;
	}