@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: 100%;
	height: 53.33vw;
	padding-top: 9.33vw; 
	margin: 0 auto;
	position: relative;
	text-align: center;
}
.cnt_title::after {
	content: "";
	width: 40.53vw;
	height: 40.26vw;
	background: url("../pc_img/aboutus/cnt_title_img.png") no-repeat;
	background-size: 40.53vw auto;
	position: absolute;
	top: 29.33vw;
	left: 50%;
	margin-left: -20.265vw;
	z-index: 9;
}
.cnt_title h2 {
	font-size: 8.8vw;
	line-height: 1;
	font-weight: 700;
}
.cnt_title h2::after {
	content: "About Us";
	font-family: 'Roboto', sans-serif;
	font-weight: 500;
	font-size: 5.33vw;
	line-height: 1;
	color: #009edf;
	display: block;
	margin-top: 4vw;
}

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

.greetings_wrap {
	width: 100%;
	padding: 24vw 0 13.33vw 0;
}
.greetings {
	width: 100%;
	position: relative;
	text-align: center;
}
.greetings h3 {
	font-size: 6.66vw;
	line-height: 1;
	font-weight: 700;
	text-align: center;
	position: relative;
	margin-bottom: 17.33vw;
}
.greetings h3::after {
	content: "";
	width: 0.26vw;
	height: 5.33vw;
	background: #009edf;
	position: absolute;
	bottom: -10vw;
	left: 50%;
}
.greetings dl {
	margin-bottom: 6.66vw;
}
.greetings dt {
	width: 89.33vw;
	margin: 0 auto 9.33vw auto;
	padding: 2.66vw 0;
	font-size: 5.33vw;
	line-height: 8vw;
	font-weight: 700;
	color: #009edf;
	position: relative;
}
.greetings dt::before, .greetings dt::after {
	content: '';
	width: 4vw;
	height: 100%;
	position: absolute;
}
.greetings dt::before {
	border-left: solid 0.26vw #009edf;
	border-top: solid 0.26vw #009edf;
	border-bottom: solid 0.26vw #009edf;
	top: 0;
	left: 0;
}
.greetings dt::after {
	border-right: solid 0.26vw #009edf;
	border-top: solid 0.26vw #009edf;
	border-bottom: solid 0.26vw #009edf;
	top: 0;
	right: 0;
}
.greetings dd {
	width: 100%;
	padding: 60vw 4.8vw 0 4.8vw;
	background: url("../sp_img/aboutus/cnt_img_01.png") no-repeat top center;
	background-size: 100% auto;
	font-size: 4vw;
	line-height: 6.66vw;
	text-align: left;
}
.greetings h4 {
	font-size: 5.33vw;
	line-height: 1;
	font-weight: 700;
	margin-bottom: 2.66vw;
}
.greetings p {
	font-size: 4vw;
	line-height: 1;
	font-weight: 700;
}
.greetings p span {
	font-size: 5.33vw;
}

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

.overview_wrap {
	width: 100%;
	background: #e8f6fd;
	padding: 10.66vw 0 8vw 0;
}
.overview {
	width: 89.33vw;
	margin: 0 auto;
	position: relative;
	text-align: center;
}
.overview h3 {
	font-size: 6.66vw;
	line-height: 1;
	font-weight: 700;
	text-align: center;
	position: relative;
	margin-bottom: 14.66vw;
}
.overview h3::after {
	content: "";
	width: 0.26vw;
	height: 5.33vw;
	background: #009edf;
	position: absolute;
	bottom: -10vw;
	left: 50%;
}
.overview table {
	width: 100%;
	border-collapse: separate;
	border-spacing: 0 2.66vw;
}
.overview th {
	width: 24vw;
	background: #009edf;
	font-size: 4vw;
	line-height: 6.66vw;
	font-weight: 700;
	color: #fff;
	vertical-align: middle;
	padding: 4vw 0;
	text-align: center;
}
.overview td {
	background: #fff;
	font-size: 4vw;
	line-height: 6.66vw;
	text-align: left;
	padding: 4vw 5.33vw;
}

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

.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: 10.66vw 0 13.33vw 0;
}
.chart {
	width: 89.33vw;
	margin: 0 auto;
	position: relative;
	text-align: center;
}
.chart h3 {
	font-size: 6.66vw;
	line-height: 1;
	font-weight: 700;
	text-align: center;
	position: relative;
	margin-bottom: 17.33vw;
}
.chart h3::after {
	content: "";
	width: 0.26vw;
	height: 5.33vw;
	background: #009edf;
	position: absolute;
	bottom: -10vw;
	left: 50%;
}
.chart ul:nth-of-type(1) li {
	width: 89.33vw;
	border: 0.26vw solid #99e0fd;
	padding: 5.33vw 0;
	margin-bottom: 2.66vw;
}
.chart ul:nth-of-type(1) li dt {
	font-size: 3.73vw;
	line-height: 1;
	font-weight: 400;
	margin-bottom: 1.86vw;
}
.chart ul:nth-of-type(1) li dd {
	font-size: 5.33vw;
	line-height: 1;
	font-weight: 700;
	margin-bottom: 2.66vw;
}
.chart ul:nth-of-type(1) li p {
	font-size: 4vw;
	line-height: 5.86vw;
	font-weight: 700;
	color: #009edf;
}
.chart ul:nth-of-type(2) li {
	width: 89.33vw;
	border: 0.26vw solid #99e0fd;
	padding: 5.33vw 0;
	margin-bottom: 2.66vw;
}
.chart ul:nth-of-type(2) li dt {
	font-size: 3.73vw;
	line-height: 1;
	font-weight: 400;
	margin-bottom: 1.86vw;
}
.chart ul:nth-of-type(2) li dd {
	font-size: 5.33vw;
	line-height: 1;
	font-weight: 700;
	margin-bottom: 2.66vw;
}
.chart ul:nth-of-type(2) li p {
	font-size: 4vw;
	line-height: 5.86vw;
	font-weight: 700;
	color: #009edf;
}
.chart ul:nth-of-type(3) li {
	width: 89.33vw;
	border: 0.26vw solid #99e0fd;
	padding: 5.33vw 0;
	margin-bottom: 2.66vw;
	text-align: center;
}
.chart ul:nth-of-type(3) li h4 {
	font-size: 6.13vw;
	line-height: 1;
	font-weight: 700;
	color: #009edf;
	margin-bottom: 4vw;
}
.chart ul:nth-of-type(3) li dl {
	text-align: left;
	width: 69.33vw;
	margin: 0 auto;
}
.chart ul:nth-of-type(3) li dt {
	font-size: 4vw;
	line-height: 6.66vw;
	font-weight: 700;
	float: left;
	margin-right: 4vw;
}
.chart ul:nth-of-type(3) li dd {
	font-size: 4vw;
	line-height: 6.66vw;
	font-weight: 700;
	color: #009edf;
	margin-left: 5.3em;
}
.chart ul:nth-of-type(3) li:nth-of-type(2) dl {
	text-align: left;
	width: 53.33vw;
	margin: 0 auto;
}
.chart ul:nth-of-type(4) li {
	width: 89.33vw;
	border: 0.26vw solid #99e0fd;
	padding: 5.33vw 0;
	margin-bottom: 2.66vw;
	text-align: center;
}
.chart ul:nth-of-type(4) li:nth-of-type(2) {
	margin-bottom: 0;
}
.chart ul:nth-of-type(4) li h4 {
	font-size: 6.13vw;
	line-height: 1;
	font-weight: 700;
	color: #009edf;
	margin-bottom: 4vw;
}
.chart ul:nth-of-type(4) li p:nth-of-type(1) {
	font-size: 4vw;
	line-height: 1;
	font-weight: 700;
	color: #009edf;
	margin-bottom: 2.66vw;
}
.chart ul:nth-of-type(4) li dt {
	font-size: 4vw;
	line-height: 1;
	font-weight: 700;
	color: #009edf;
	margin-bottom: 4vw;
}
.chart ul:nth-of-type(4) li dd {
	font-size: 5.33vw;
	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;
}

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