@charset "UTF-8";

/** *********************** **/

/*
font-family: 'Noto Sans JP', sans-serif;
	font-weight: 400;
font-family: 'Noto Sans JP', sans-serif;
	font-weight: 500;
font-family: 'Noto Sans JP', sans-serif;
	font-weight: 700;
font-family: 'Roboto', sans-serif;
	font-weight: 500;
font-family: 'Roboto', sans-serif;
	font-weight: 700;
*/

/** *********************** **/

.cnt_title_wrap {
	width: 100%;	
	background: #e8f6fd;	
}
.cnt_title {
	width: 1100px;
	height: 220px;
	padding-top: 75px; 
	margin: 0 auto;
	position: relative;
	text-align: center;
}
.cnt_title::after {
	content: "";
	width: 215px;
	height: 215px;
	background: url("../pc_img/aboutus/cnt_title_img.png") no-repeat;
	background-size: 215px auto;
	position: absolute;
	top: 25px;
	right: 5px;
	z-index: 9;
}
.cnt_title h2 {
	font-size: 41px;
	line-height: 1;
	font-weight: 700;
}
.cnt_title h2::after {
	content: "About Us";
	font-family: 'Roboto', sans-serif;
	font-weight: 500;
	font-size: 25px;
	line-height: 1;
	color: #009edf;
	display: block;
	margin-top: 20px;
}


/** *********************** **/

.greetings_wrap {
	width: 100%;
	padding-top: 60px;
	margin-bottom: 85px;
}
.greetings {
	width: 1100px;
	margin: 0 auto;
	position: relative;
	text-align: center;
}
.greetings h3 {
	font-size: 32px;
	line-height: 1;
	font-weight: 700;
	margin-bottom: 65px;
	position: relative;
}
.greetings h3::after {
	content: "";
	width: 1px;
	height: 25px;
	background: #009edf;
	position: absolute;
	bottom: -40px;
	left: 50%;
}
.greetings dl {
	margin-bottom: 25px;
}
.greetings dt {
	width: 635px;
	margin: 0 auto 30px auto;
	padding: 20px 0;
	font-size: 25px;
	line-height: 1;
	font-weight: 700;
	color: #009edf;
	position: relative;
}
.greetings dt::before, .greetings dt::after {
	content: '';
	width: 25px;
	height: 100%;
	position: absolute;
}
.greetings dt::before {
	border-left: solid 1px #009edf;
	border-top: solid 1px #009edf;
	border-bottom: solid 1px #009edf;
	top: 0;
	left: 0;
}
.greetings dt::after {
	border-right: solid 1px #009edf;
	border-top: solid 1px #009edf;
	border-bottom: solid 1px #009edf;
	top: 0;
	right: 0;
}
.greetings dd {
	padding-top: 300px;
	background: url("../pc_img/aboutus/cnt_img_01.png") no-repeat top center;
	background-size: 519px auto;
	font-size: 17px;
	line-height: 34px;
	text-align: center;
}
.greetings h4 {
	font-size: 24px;
	line-height: 1;
	font-weight: 700;
	margin-bottom: 15px;
}
.greetings p {
	font-size: 17px;
	line-height: 1;
	font-weight: 700;
}
.greetings p span {
	font-size: 24px;
}

/** *********************** **/

.overview_wrap {
	width: 100%;
	background: #f3fafe;
	padding: 65px 0 70px 0;
}
.overview {
	width: 890px;
	margin: 0 auto;
	position: relative;
	text-align: center;
}
.overview h3 {
	font-size: 32px;
	line-height: 1;
	font-weight: 700;
	margin-bottom: 65px;
	position: relative;
}
.overview h3::after {
	content: "";
	width: 1px;
	height: 25px;
	background: #009edf;
	position: absolute;
	bottom: -40px;
	left: 50%;
}
.overview table {
	width: 100%;
	border-collapse: separate;
	border-spacing: 2px 7px;
}
.overview th {
	width: 170px;
	background: #009edf;
	font-size: 16px;
	line-height: 30px;
	font-weight: 700;
	color: #fff;
	vertical-align: middle;
	padding: 20px 0;
	text-align: center;
}
.overview td {
	background: #fff;
	font-size: 16px;
	line-height: 30px;
	text-align: left;
	padding: 20px 25px;
}

/** *********************** **/

.history_wrap {
	width: 100%;
	background: #f3fafe;
	padding: 50px 0 70px 0;
	display: none;
}
.history {
	width: 890px;
	margin: 0 auto;
	position: relative;
	text-align: center;
}
.history h3 {
	font-size: 32px;
	line-height: 1;
	font-weight: 700;
	margin-bottom: 50px;
	position: relative;
}
.history h3::after {
	content: "";
	width: 1px;
	height: 25px;
	background: #009edf;
	position: absolute;
	bottom: -40px;
	left: 50%;
}
.history table {
	width: 100%;
	border-collapse: separate;
	border-spacing: 0 20px;
}
.history th {
	width: 200px;
	font-size: 17px;
	line-height: 1;
	font-weight: 700;
	color: #009edf;
	vertical-align: middle;
	padding: 15px 0;
	text-align: left;
	position: relative;
}
.history th::before {
	content: "";
	width: 1px;
	height: calc(100% + 10px);
	background: #d7d7d7;
	position: absolute;
	top: 0;
	left: 150px;
}
.history tr:nth-of-type(1) th::before {
	content: "";
	width: 1px;
	height: calc(100% - 20px);
	background: #d7d7d7;
	position: absolute;
	top: 30px;
	left: 150px;
}
.history tr:nth-of-type(6) th::before {
	content: "";
	width: 1px;
	height: calc(100% + 30px);
	background: #d7d7d7;
	position: absolute;
	top: 0;
	left: 150px;
}
.history tr:nth-of-type(1) th::after {
	content: none;
}
.history th::after {
	content: "";
	width: 1px;
	height: calc(100% + 10px);
	background: #d7d7d7;
	position: absolute;
	top: -10px;
	left: 150px;
}
.history td {
	background: #fff;
	font-size: 16px;
	line-height: 26px;
	text-align: left;
	padding: 15px 35px;
	position: relative;
}
.history td::before {
	content: "";
	width: 12px;
	height: 12px;
	border-radius: 6px;
	background: #009edf;
	position: absolute;
	top: 50%;
	margin-top: -6px;
	left: -55px;
}
.history td::after {
	content: "";
	width: 32px;
	height: 2px;
	background: #009edf;
	position: absolute;
	top: 50%;
	left: -16px;
}

/** *********************** **/

.chart_wrap {
	width: 100%;
	background: #fff;
	padding: 50px 0 100px 0;
}
.chart {
	width: 890px;
	margin: 0 auto;
	position: relative;
	text-align: center;
}
.chart h3 {
	font-size: 32px;
	line-height: 1;
	font-weight: 700;
	margin-bottom: 70px;
	position: relative;
}
.chart h3::after {
	content: "";
	width: 1px;
	height: 25px;
	background: #009edf;
	position: absolute;
	bottom: -40px;
	left: 50%;
}
.chart ul:nth-of-type(1),
.chart ul:nth-of-type(2),
.chart ul:nth-of-type(3) {
	margin-bottom: 16px;
}
.chart ul:nth-of-type(1) li {
	width: 286px;
	height: 165px;
	border: 1px solid #99e0fd;
	margin-right: 16px;
	padding-top: 22px;
	display: inline-block;
	vertical-align: top;
}
.chart ul:nth-of-type(1) li:nth-of-type(3) {
	margin-right: 0;
}
.chart ul:nth-of-type(1) li dt {
	font-size: 14px;
	line-height: 1;
	font-weight: 400;
	margin-bottom: 10px;
}
.chart ul:nth-of-type(1) li dd {
	font-size: 20px;
	line-height: 1;
	font-weight: 700;
	margin-bottom: 15px;
}
.chart ul:nth-of-type(1) li p {
	font-size: 15px;
	line-height: 21px;
	font-weight: 700;
	color: #009edf;
}
.chart ul:nth-of-type(2) li {
	width: 890px;
	height: 120px;
	border: 1px solid #99e0fd;
	margin-right: 16px;
	padding-top: 20px;
}
.chart ul:nth-of-type(2) li dt {
	font-size: 14px;
	line-height: 1;
	font-weight: 400;
	margin-bottom: 10px;
}
.chart ul:nth-of-type(2) li dd {
	font-size: 20px;
	line-height: 1;
	font-weight: 700;
	margin-bottom: 15px;
}
.chart ul:nth-of-type(2) li p {
	font-size: 15px;
	line-height: 21px;
	font-weight: 700;
	color: #009edf;
}
.chart ul:nth-of-type(3) li {
	width: 437px;
	height: 240px;
	border: 1px solid #99e0fd;
	margin-right: 16px;
	padding-top: 22px;
	display: inline-block;
	vertical-align: top;
	text-align: center;
}
.chart ul:nth-of-type(3) li:nth-of-type(2) {
	margin-right: 0;
}
.chart ul:nth-of-type(3) li:nth-of-type(2) dl {
	text-align: left;
	width: 200px;
	margin: 0 auto;
}
.chart ul:nth-of-type(3) li h4 {
	font-size: 23px;
	line-height: 1;
	font-weight: 700;
	color: #009edf;
	margin-bottom: 15px;
}
.chart ul:nth-of-type(3) li dl {
	text-align: left;
	width: 362px;
	margin: 0 auto;
}
.chart ul:nth-of-type(3) li dt {
	font-size: 15px;
	line-height: 26px;
	font-weight: 700;
	float: left;
	margin-right: 15px;
}
.chart ul:nth-of-type(3) li dd {
	font-size: 15px;
	line-height: 26px;
	font-weight: 700;
	color: #009edf;
}
.chart ul:nth-of-type(4) li {
	width: 437px;
	height: 170px;
	border: 1px solid #99e0fd;
	margin-right: 16px;
	padding-top: 22px;
	display: inline-block;
	vertical-align: top;
	text-align: center;
}
.chart ul:nth-of-type(4) li:nth-of-type(2) {
	margin-right: 0;
}
.chart ul:nth-of-type(4) li h4 {
	font-size: 23px;
	line-height: 1;
	font-weight: 700;
	color: #009edf;
	margin-bottom: 15px;
}
.chart ul:nth-of-type(4) li p:nth-of-type(1) {
	font-size: 15px;
	line-height: 1;
	font-weight: 700;
	color: #009edf;
	margin-bottom: 15px;
}
.chart ul:nth-of-type(4) li dt {
	font-size: 15px;
	line-height: 1;
	font-weight: 700;
	color: #009edf;
	margin-bottom: 15px;
}
.chart ul:nth-of-type(4) li dd {
	font-size: 20px;
	line-height: 1;
	font-weight: 700;
	margin-bottom: 15px;
}
.chart ul:nth-of-type(4) li p:nth-of-type(2) {
	font-size: 15px;
	line-height: 1;
	font-weight: 700;
	color: #009edf;
}

/** *********************** **/