@charset "UTF-8";
/* ABOUTスタイル */
/* ---------------------------------------
   mainArea
   --------------------------------------- */
#contentsMainArea .bgBox {
	background: url(../img/about/img_main.jpg) no-repeat center center/cover;
}
/* ---------------------------------------
   area01
   --------------------------------------- */
#area01 .waveTop {
	height: 82px;
}
#area01 .waveBottom {
	height: 82px;
}
#area01 .wrap {
	background-color: #D9ECFF;
}
#area01 .inner {
	padding: 50px 20px;
	box-sizing: border-box;
}
#area01 h3 {
	text-align: center;
	margin-bottom: 50px;
}
#area01 .btn {
	margin:15px 0;
}
#area01 .btn a {
	display: block;
	width: 260px;
	padding: 10px 20px 10px 10px;
	box-sizing: border-box;
	border: 1px solid #aaa;
	line-height: 1.3;
	color: #003F90;
	text-decoration: none;
	text-align: center;
	background: url(../img/common/arrow_blu_s.png) no-repeat calc(100% - 10px) center #FFF;
}
#area01 .btn.blank a {
	background: url(../img/common/arrow_blank_s.png) no-repeat calc(100% - 10px) center #FFF;
}
#area01 table {
	width:100%;
	font-size:16px;
}
#area01 tr:nth-child(odd) {
	background-color:rgba(255, 255, 255, .60);
}
#area01 th {
	width:240px;
	padding:20px 0;
	color:#003D99;
	font-size:20px;
	text-align:center;
	vertical-align:top;
	font-weight:bold;
}
#area01 td {
	padding:20px 20px 20px 0;
}
#area01 td.name {
	padding:0px 20px 0 20px;
	font-size:24px;
}
#area01 td span {
	display:inline-block;
	width:140px;
	font-weight:bold;
}
#area01 td .boxStyle01 {
	margin-top:30px;
	padding:20px;
	border:4px #8CA5C7 solid;
}
#area01 td .boxStyle01 .btn {
	margin-top:15px;
}
/* ---------------------------------------
   area02
   --------------------------------------- */
#area02 {
	padding: 65px 0 55px;
}
#area02 h3 {
	padding-bottom:40px;
	text-align: center;
}
#area02 table {
	width:100%;
	font-size:16px;
	border-top:1px #CCC solid;
	border-bottom:1px #CCC solid;
}
#area02 tr:nth-child(even) {
	background-color:#F2F5FA;
}
#area02 th {
	width:240px;
	padding:20px 0;
	color:#003D99;
	text-align:center;
	vertical-align:top;
}
#area02 td {
	padding:20px 20px 20px 0;
}
#area02 td sup {
	font-size:50%;
}
@media only screen and (max-width: 768px) {
.pc {
	display: none !important;
}
/* ---------------------------------------
     mainArea
     --------------------------------------- */
#contentsMainArea .bgBox {
	background: url(../img/about/img_main.jpg) no-repeat center center/100% auto;
}
/* ---------------------------------------
     area01
     --------------------------------------- */
#area01 .inner {
	padding: 0 10px;
	background: none;
}
#area01 .wrap {
	margin: 0 -10px 20px;
	padding: 20px 10px 15px;
}
#area01 .waveTop {
	height: 82px;
}
#area01 .waveBottom {
	margin-top:-20px;
	height: 82px;
}
#area01 h3 {
	margin-bottom: 30px;
}
#area01 h3 img {
	width: auto;
	height: 50px;
}
#area01 th, #area01 td, #area01 td.name {
	display:block;
	width:90%;
	padding:20px 0;
	margin:0 5%;
	text-align:left;
}
#area01 th {
	border-bottom:1px solid #CCC;
}
/* ---------------------------------------
     area02
     --------------------------------------- */
#area02 .inner {
	padding: 20px 10px;
}
#area02 h3 {
	margin-bottom: 20px;
}
#area02 h3 img {
	width: auto;
	height: 50px;
}
#area02 th {
	width:auto;
	padding:20px;
	white-space:nowrap;
}
}