@charset "UTF-8";

/* -------------------------------------
innovative
------------------------------------- */
#mainimg .text {
	padding-left:17%;
}





.point .head {
	text-align:center;
}
.point h2 img {
	width:159px;
	height:auto;
	display:block;
	margin:0 auto 12px auto;
}
.point h2 span {
	font-size:35px;
	font-weight:bold;
	color:#e60000;
	display:block;
}

#point1 {
	margin-bottom:90px;
}
#point1 .head {
	margin-bottom:70px;
}
#point1 h2 {
	margin-bottom:15px;
}
#point1 h3 {
	font-size:20px;
	font-weight:bold;
	color:#fff;
	text-align:center;
	line-height:1.2;
	padding:2px 10px 4px 10px;
	margin-bottom:10px;
	border-radius:20px;
	background-color:#003c96;
}
#point1 #mission {
	margin-bottom:70px;
}
#point1 #mission h3 {
	margin-bottom:35px;
}
#point1 #mission .text {
	font-size:0;
}
#point1 #mission .text div {
	display:inline-block;
	vertical-align:middle;
}
#point1 #mission .text .left {
	font-size:0;
	text-align:center;
	width:45%;
}
#point1 #mission .text .left p {
	font-size:30px;
	font-weight:bold;
	color:#003c96;
	text-align:left;
	line-height:1.6;
	letter-spacing:-0.05em;
	display:inline-block;
}
#point1 #mission .text .right {
	width:55%;
}
#point1 #mission .text .right dt, #point1 #mission .text .right dd {
	font-size:13px;
}
#point1 #mission .text .right dt {
	font-weight:bold;
	margin-bottom:10px;
}
#point1 #mission .text .right dd {
	line-height:1.8;
}
#point1 #value .cap {
	font-weight:bold;
	text-align:center;
	margin-bottom:40px;
}
#point1 #value .cap br {
	display:none;
}
#point1 #value ul {
	width:100%;
	display:table;
}
#point1 #value ul li {
	display:table-cell;
}
#point1 #value ul li:not(:last-child) {
	border-right:1px solid #000;
}
#point1 #value ul li:nth-child(1) {
	width:32%;
	padding-right:35px;
}
#point1 #value ul li:nth-child(2) {
	width:36%;
	padding-left:35px;
	padding-right:35px;
}
#point1 #value ul li:nth-child(3) {
	width:32%;
	padding-left:35px;
}
#point1 #value ul li h4 {
	font-size:13px;
	font-weight:bold;
	text-align:center;
	margin-bottom:10px;
}
#point1 #value ul li h4 img {
	height:auto;
	display:block;
	margin:0 auto 0 auto;
}
#point1 #value ul li h4 span {
	font-size:30px;
	color:#003c96;
	line-height:1.2;
	display:block;
	margin-bottom:5px;
}


#point2 .head {
	margin-bottom:60px;
}
#point2 #qa1 {
	margin-bottom:8.1%;
}
#point2 .text, #point2 .photo {
	width:47.4%;
}
#point2 .left {
	float:left;
}
#point2 .right {
	float:right;
}
#point2 .text h3 {
	font-size:0;
	margin-bottom:25px;
}
#point2 .text h3 img, #point2 .text h3 span {
	display:inline-block;
	vertical-align:top;
}
#point2 .text h3 img {
	width:60px;
	height:auto;
	margin-top:5px;
}
#point2 .text h3 span {
	font-size:20px;
	font-weight:bold;
	color:#003c96;
	line-height:1.5;
	letter-spacing:-0.05em;
	width:calc(100% - 60px);
	padding-left:10px;
}
#point2 .text p:not(:last-child) {
	margin-bottom:13px;
}
#point2 .photo {
	border-radius:20px;
	overflow:hidden;
}


@media screen and (max-width:1040px) {
	#mainimg .text {
		padding-left:12%;
	}
	
	
	#point1 {
		margin-bottom:80px;
	}
	.point h2 img {
		width:150px;
		margin:0 auto 11px auto;
	}
	.point h2 span {
		font-size:32px;
	}
	#point1 .head {
		margin-bottom:64px;
	}
	#point1 h3 {
		font-size:19px;
	}
	#point1 #mission {
		margin-bottom:60px;
	}
	#point1 #mission h3 {
		margin-bottom:32px;
	}
	#point1 #mission .text .left p {
		font-size:27px;
	}
	#point1 #value ul li:nth-child(1) {
		padding-right:25px;
	}
	#point1 #value ul li:nth-child(2) {
		padding-left:25px;
		padding-right:25px;
	}
	#point1 #value ul li:nth-child(3) {
		padding-left:25px;
	}
	#point1 #value ul li h4 img {
		width:115px;
		margin-bottom:2px;
	}
	#point1 #value ul li h4 span {
		font-size:27px;
	}
	
	
	#point2 .head {
		margin-bottom:55px;
	}
	#point2 .text h3 {
		margin-bottom:23px;
	}
	#point2 .text h3 img {
		width:55px;
	}
	#point2 .text h3 span {
		font-size:19px;
		width:calc(100% - 55px);
	}
}
@media screen and (max-width:880px) {
	#point1 #mission .text .left {
		width:47%;
	}
	#point1 #mission .text .right {
		width:53%;
	}
	#point1 #value ul li h4 br {
		display:none;
	}
}
@media screen and (max-width:800px) {
	#point1 #mission .text div {
		display:block;
	}
	#point1 #mission .text .left {
		width:100%;
		margin-bottom:25px;
	}
	#point1 #mission .text .left p {
		text-align:center;
	}
	#point1 #mission .text .right {
		width:100%;
	}
}
@media screen and (max-width:768px) {
	#mainimg .text {
		padding-left:30px;
	}
	
	
	#point1 {
		margin-bottom:70px;
	}
	.point h2 img {
		width:140px;
		margin:0 auto 10px auto;
	}
	.point h2 span {
		font-size:28px;
	}
	#point1 .head {
		margin-bottom:58px;
	}
	#point1 h3 {
		font-size:18px;
	}
	#point1 #mission {
		margin-bottom:50px;
	}
	#point1 #mission h3 {
		margin-bottom:28px;
	}
	#point1 #mission .text .left p {
		font-size:25px;
	}
	#point1 #value ul {
		display:block;
	}
	#point1 #value ul li {
		display:block;
	}
	#point1 #value ul li:not(:last-child) {
		border-bottom:1px solid #000;
		border-right:none;
	}
	#point1 #value ul li:nth-child(1) {
		width:100%;
		padding:0 0 25px 0;
	}
	#point1 #value ul li:nth-child(2) {
		width:100%;
		padding:25px 0;
	}
	#point1 #value ul li:nth-child(3) {
		width:100%;
		padding:25px 0 0 0;
	}
	#point1 #value ul li h4 img {
		width:110px;
	}
	#point1 #value ul li h4 span {
		font-size:25px;
		margin-bottom:3px;
	}
	
	
	#point2 .head {
		margin-bottom:50px;
	}
	#point2 .text h3 {
		margin-bottom:20px;
	}
	#point2 .text h3 img {
		width:50px;
	}
	#point2 .text h3 span {
		font-size:18px;
		width:calc(100% - 50px);
	}
	#point2 .text h3 span br {
		display:none;
	}
}
@media screen and (max-width:640px) {
	#mainimg .text {
		padding-left:20px;
	}
	#maincap .cap br {
		display:none;
	}
	
	
	#point1 {
		margin-bottom:65px;
	}
	.point h2 img {
		width:130px;
	}
	.point h2 span {
		font-size:26px;
	}
	#point1 .head {
		margin-bottom:53px;
	}
	#point1 h3 {
		font-size:17px;
	}
	#point1 #mission {
		margin-bottom:45px;
	}
	#point1 #mission h3 {
		margin-bottom:24px;
	}
	#point1 #mission .text .left p {
		font-size:23px;
	}
	#point1 #value ul li h4 img {
		width:105px;
	}
	#point1 #value ul li h4 span {
		font-size:23px;
		margin-bottom:4px;
	}
	
	
	#point2 .head {
		margin-bottom:45px;
	}
	#point2 .text, #point2 .photo {
		width:100%;
	}
	#point2 .left {
		float:none;
	}
	#point2 .right {
		float:none;
	}
	#point2 .text {
		margin-bottom:20px;
	}
	#point2 .text h3 {
		margin-bottom:18px;
	}
	#point2 .text h3 img {
		width:45px;
	}
	#point2 .text h3 span {
		font-size:17px;
		width:calc(100% - 45px);
	}
	#point2 .photo {
		padding-top:100%;
		position:relative;
	}
	#point2 #qa2 .photo {
		padding-top:80%;
	}
	#point2 .photo img {
		position:absolute;
		top:0;
		left:0;
	}
}
@media screen and (max-width:480px) {
	#mainimg .text {
		padding-left:15px;
	}
	
	
	#point1 {
		margin-bottom:60px;
	}
	.point h2 img {
		width:120px;
	}
	.point h2 span {
		font-size:24px;
	}
	#point1 .head {
		margin-bottom:48px;
	}
	#point1 h3 {
		font-size:16px;
	}
	#point1 #mission {
		margin-bottom:40px;
	}
	#point1 #mission h3 {
		margin-bottom:20px;
	}
	#point1 #mission .text .left {
		margin-bottom:20px;
	}
	#point1 #mission .text .left p {
		font-size:20px;
	}
	#point1 #value .cap br {
		display:block;
	}
	#point1 #value ul li h4 img {
		width:100px;
	}
	#point1 #value ul li h4 span {
		font-size:20px;
		margin-bottom:5px;
	}
	#point1 #value ul li h4 br {
		display:block;
	}
	
	
	#point2 .head {
		margin-bottom:40px;
	}
	#point2 .text h3 {
		margin-bottom:15px;
	}
	#point2 .text h3 img {
		width:40px;
	}
	#point2 .text h3 span {
		font-size:16px;
		width:calc(100% - 40px);
	}
}
@media screen and (max-width:320px) {
	
}
@media screen and (min-width:769px) {
	
}