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

/*box01*/
#about .box01 ul {display: flex; justify-content: space-between; margin-top: 20px; margin-bottom: 60px;}

/*box02*/
#about .box02 h2 {position: relative; background: url(img/about/box02_title.jpg); width: 100%; font-weight: bold; padding-top: 60px; height: 130px; max-height: 130px; font-size: 34px; text-align: center; color: #fff; letter-spacing: 2.5px;}
#about .box02 h2:after {
	position: absolute;
	content: "";
	background: url(img/about/box02_title_icon.png);
	width: 168px;
	height: 14px;
	bottom: 60px;
	left: 0;
	right: 0;
	margin-left: auto;
	margin-right: auto;
}
#about .box02 h3 {position: relative; padding-top: 50px;}
#about .box02 h3:before {
	position: absolute;
	content: "";
	background: url(img/about/box02_icon.png);
	width: 88px;
	height: 88px;
	bottom: 45px;
	left: 0;
	right: 0;
	margin-left: auto;
	margin-right: auto;
}
#about .h302 h3:before {background: url(img/about/box02_icon02.png);}
#about .h303 h3:before {background: url(img/about/box02_icon03.png);}
#about .box02 h3 img {margin: 0 auto;}
#about .box02 .con {
	background: url(img/about/box02_bg.jpg)top center repeat; padding: 24px 40px 30px; box-sizing: border-box;
	border: 1px dashed #808080;
}
#about .box02 .inner {display: flex; justify-content: space-between; margin-top: 30px;}
#about .box02 .inner p {  -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl; font-weight: bold; width: 40%;}
#about .box02 .undertxt {background-color: #89b92a; color: #fff; font-weight: bold; padding: 10px 0; text-align: center; margin-top: 30px;}

/*box03*/
#about .box03 {margin: 50px 0; font-weight: bold;}
#about .box03 .over {
	color: #db9218;
	font-size: 25px;
	text-align: center;
	font-weight: bold;
	line-height: 1.5;
	margin-bottom: 10px;
	letter-spacing: 5px;
}
#about .box03 .over span {font-size: 37px; color: #000;}
#about .box03 h2 {
	background-color: #db9218; color: #fff; font-weight: bold; font-size: 20px; text-align: center; max-width: 462px; margin: 0 auto -15px; position: relative; letter-spacing: 2px;
}
#about .box03 .title_under {
	color: #db9218; font-size: 16px; font-weight: bold; text-align: center; letter-spacing: 1px; margin-bottom: 20px;
}
#about .box03 h3 {
	position: relative;
	font-size: 30px;
	font-weight: bold;
	text-align: center;
	line-height: 1;
	letter-spacing: 2px;
}
#about .box03 .con01 h3:before {
	position: absolute;
	content: "";
	background: url(img/about/box03_icon01.png);
	width: 64px;
	height: 54px;
	top: -15px;
	left: 120px;
}
#about .box03 .con02 h3:before {
	position: absolute;
	content: "";
	background: url(img/about/box03_icon02.png);
	width: 78px;
	height: 54px;
	top: -15px;
	left: 105px;
}
#about .box03 .con03 h3:before {
	position: absolute;
	content: "";
	background: url(img/about/box03_icon03.png);
	width: 77px;
	height: 54px;
	top: -15px;
	left: 90px;
}
#about .box03 .inner {
	display: flex; justify-content: space-between; line-height: 2; align-items: center; margin-bottom: 30px;
}
#about .box03 .inner img {
	margin-right: 30px;
}
#about .box03 .con01 {
	background-color: #f9f6f3; padding: 50px 33px 33px;
}
#about .box03 .con02 {
	background-color: #ece8e6; padding: 50px 33px 33px;
}
#about .box03 .con03 {
	background-color: #f9f6f3; padding: 50px 33px 33px;
}
#about .box03 .inner02 {
	display: flex; box-sizing: border-box; border: 3px solid #e0e0e0; font-weight: bold; align-items: center; line-height: 1.7; background-color: #fff; justify-content: flex-end;
}
#about .box03 .inner02 img {margin-left: 30px;}
#about .box03 h4 {
	font-size: 24px; color: #fff; font-weight: bold; background-color: #16a0c9; text-align: center; padding: 5px 0; position: relative; max-width: 595px; margin: 0 auto -25px;
}
#about .box03 .con02 h4 {
	background-color: #db9218;
}
#about .box03 .con03 h4 {
	background-color: #89b92a;
}
#about .box03 .inner02 p {text-align: justify; max-width: 300px;}
#about .box03 .inner02 p .big {font-size: 20px; line-height: 2.5;}