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

#reason .box01 {background: url(img/reason/box01_bg.jpg); text-align: center; font-weight: bold; padding: 30px 0 0;}
#reason .box01 ul {display: flex; justify-content: space-between; color: #16a0c9; font-size: 24px; max-width: 654px; margin: 10px auto 40px;}
#reason .box01 .big {font-size: 30px; background-color: #eeefef; padding: 30px 0 10px; position: relative; box-sizing: border-box; border: 2px solid #d3d3d3; border-top: none; letter-spacing: 3px;}
#reason .box01 .big span {color: #16a0c9; font-size: 35.5px;}
#reason .box01 .big:before {
	position: absolute;
	content: "";
	background: url(img/reason/box01_icon.jpg);
	width: 299px;
	height: 39px;
	top: -20px;
	left: 0;
	right: 0;
	margin-left: auto;
	margin-right: auto;
}
#reason .box01 .title {margin: 0 auto;}
#reason .box02 {box-sizing: border-box; border: 1px dashed #808080; font-weight: bold; padding: 5px; margin-top: 50px;}
#reason .box02 h2 {color: #fff000; font-size: 32px; font-weight: bold; text-align: center; background-color: #16a0c9; line-height: 0.8; padding: 35px 0 20px; position: relative;}
#reason .box02 h2 .title_under {font-size: 17px; font-weight: bold; color: #fff; margin-left: -75px; position: relative;}
#reason .box02 h2:before {
	position: absolute;
	content: "";
	background: url(img/reason/box02_icon.png);
	width: 441px;
	height: 36px;
	top: -25px;
	left: 0;
	right: 0;
	margin-left: auto;
	margin-right: auto;
} 
#reason .box02 h2 .title_under:before {
	position: absolute;
	content: "";
	background: url(img/reason/box02_icon02.png);
	width: 64px;
	height: 54px;
	top: -35px;
	left: -90px;
} 
#reason .box02 .inner {display: flex; justify-content: space-between; padding: 20px; align-items: flex-start; line-height: 1.8;}
#reason .box02 .inner img {margin-right: 30px;}
#reason .box02 .txt {font-size: 22px; text-align: center; margin-top: 20px; line-height: 1.4; letter-spacing: 2px;}
#reason .box02 .txt span {font-size: 26px; font-weight: bold; color: #db9218;}
/*box03*/
#reason .box03 {box-sizing: border-box; border: 1px dashed #808080; font-weight: bold; padding: 5px; margin-top: 50px;}
#reason .box03 h2 {color: #fff000; font-size: 32px; font-weight: bold; text-align: center; background-color: #16a0c9; line-height: 0.8; padding: 35px 0 20px; position: relative;}
#reason .box03 h2 .title_under {font-size: 17px; font-weight: bold; color: #fff; margin-left: -45px; position: relative;}
#reason .box03 h2:before {
	position: absolute;
	content: "";
	background: url(img/reason/box02_icon.png);
	width: 441px;
	height: 36px;
	top: -25px;
	left: 0;
	right: 0;
	margin-left: auto;
	margin-right: auto;
} 
#reason .box03 h2 .title_under:before {
	position: absolute;
	content: "";
	background: url(img/reason/box03_icon02.png);
	width: 78px;
	height: 54px;
	top: -35px;
	left: -100px;
} 
#reason .box03 .inner {display: flex; justify-content: space-between; padding: 20px; align-items: flex-start; line-height: 1.8;}
#reason .box03 .inner img {margin-right: 30px;}
#reason .box03 .txt {font-size: 22px; text-align: center; margin-top: 20px; line-height: 1.4; letter-spacing: 2px;}
#reason .box03 .txt span {font-size: 26px; font-weight: bold; color: #db9218;}
/*box04*/
#reason .box04 {box-sizing: border-box; border: 1px dashed #808080; font-weight: bold; padding: 5px; margin-top: 50px; margin-bottom: 50px;}
#reason .box04 h2 {color: #fff000; font-size: 32px; font-weight: bold; text-align: center; background-color: #16a0c9; line-height: 0.8; padding: 35px 0 20px; position: relative;}
#reason .box04 h2 .title_under {font-size: 17px; font-weight: bold; color: #fff; margin-left: -80px; position: relative;}
#reason .box04 h2:before {
	position: absolute;
	content: "";
	background: url(img/reason/box02_icon.png);
	width: 441px;
	height: 36px;
	top: -25px;
	left: 0;
	right: 0;
	margin-left: auto;
	margin-right: auto;
} 
#reason .box04 h2 .title_under:before {
	position: absolute;
	content: "";
	background: url(img/reason/box04_icon02.png);
	width: 77px;
	height: 54px;
	top: -35px;
	left: -100px;
} 
#reason .box04 .inner {display: flex; justify-content: space-between; padding: 20px; align-items: flex-start; line-height: 1.8;}
#reason .box04 .inner img {margin-right: 30px;}
#reason .box04 .txt {font-size: 22px; text-align: center; margin-top: 20px; line-height: 1.4; letter-spacing: 2px;}
#reason .box04 .txt span {font-size: 26px; font-weight: bold; color: #db9218;}

/*box05*/
#reason .box05 .con {
	padding:30px 30px 10px; 
	box-sizing: border-box;
	border: 3px solid #dbdbdb;
	font-weight: bold;
	border-bottom: none;
	letter-spacing: 1px;
	line-height: 1.8;
}
#reason .box05 h4 {
	color: #fff;
	font-size: 24px;
	font-weight: bold;
	text-align: center;
	background-color: #db9218;
	padding: 5px 0;
	letter-spacing: 3px;
	margin-bottom: 20px;
	line-height: 1.7;
}
#reason .box05 .con .big {
	font-size: 20px;
	margin: 20px 0;
	letter-spacing: 3px;
	line-height: 1.5;
}
#reason .box05 .underarea {
	border: 3px solid #dbdbdb;
	border-top: none;
	background: url(img/reason/box05_bg02.jpg) no-repeat;
	font-weight: bold;
	line-height: 1.8;
	padding: 18px 0 18px 30px;
	background-position: center center;
}
#reason .box05 .underarea p {
	max-width: 60%;
	}