@charset 'utf-8';
/*---------- common ----------*/
.att {
	font-size: 12px;
}
.arrow_gray {
	position: relative;
	margin-bottom: 54px;
}
.arrow_gray::after {
	content: "";
	display: block;
	width: 186px;
	height: 54px;
	background: url(/img/sb_air/arrow01.gif) no-repeat;
	position: absolute;
	bottom: -54px;
	left: 0;
	right: 0;
	margin: 0 auto;
}
/*---------- main ----------*/
#main {
	background-color: #eee;
	padding: 20px 0 40px;
}
#main ul {
	width: 960px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	justify-content: space-between;
	background-color: #d4e9f4;
	margin: 0 auto;
	padding: 20px 29px;
	box-sizing: border-box;
}

/*---------- contents ----------*/
#worry {
	margin-top: 90px;
}
.worry_box {
	background-color: #eee;
}
.worry_box p {
	border-bottom: 4px solid #e0e0e0;
	padding: 12px 0 9px;
}
.worry_box ul {
	background: url(/img/sb_air/bg_worry.png) no-repeat right bottom;
}
.about {
	width: 960px;
	background-color: #f8fcff;
	border: 1px solid #e5eef3;
	margin: 0 auto 70px;
	position: relative;
}
.about::before {
	border: 55px solid transparent;
	border-top-color: #f8fcff;
	border-left-width: 90px;
	border-right-width: 90px;
	border-bottom-width: 2px;
	bottom: -56px;
	content: "";
	display: block;
	left: 50%;
	transform: translateY(0) translateX(-50%);
-webkit- transform: translateY(0) translateX(-50%);
	position: absolute;
	width: 0;
	z-index: 1;
}
.about::after {
	border: 55px solid transparent;
	border-top-color: #e5eef3;
	border-bottom-width: 0;
	border-left-width: 90px;
	border-right-width: 90px;
	bottom: -55px;
	content: "";
	display: block;
	left: 50%;
	transform: translateY(0) translateX(-50%);
-webkit- transform: translateY(0) translateX(-50%);
	position: absolute;
	width: 0;
}
.about h2 {
	text-indent: 120px;
	background: url(/img/sb_air/icon_about.gif) no-repeat 30px center;
	padding: 40px 0 40px 0px;
	position: relative;
}
.about h2::after {
	content: "";
	display: block;
	width: 962px;
	height: 6px;
	background-color: #62b0dc;
	position: absolute;
	left: -1px;
	bottom: -6px;
}
.about .about_inner {
	padding: 30px 0 60px;
}
.merit {
}
.merit h2 {
	border-bottom: 6px solid #19479d;
}
.merit ul {
	width: 880px;
	margin-left: auto;
	margin-right: auto;
	background-color: #fbfbfb;
	padding: 45px 40px 0;
}
.merit li h3 {
	padding-bottom: 12px;
	position: relative;
}
.merit li h3::after {
	content: "";
	display: block;
	width: 100%;
	height: 5px;
	background: url(data:image/gif;base64,R0lGODlhCQAFAPMAAK2trbOzs8PDw8nJydTU1Onp6fT09Pn5+QAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAAAgALAAAAAAJAAUAAAQUEJmCqi0BDFsF+JRFfIHBHYQQWhEAOw==) repeat-x;
	position: absolute;
	bottom: -5px;
}
.merit li div {
	padding: 38px 0 60px;
}
.merit li div p {
	font-size: 18px;
}
.merit li div img {
	float: left;
	width: 330px;
	margin-right: 20px;
}
#obi {
	margin-top: 100px;
	width: 100%;
	background-color: #fff9ee;
}
.set_inner {
	width: 880px;
	margin: 0 auto;
	background-color: #fffef0;
	border-left: 2px solid #f3f1d8;
	border-right: 2px solid #f3f1d8;
	border-bottom: 2px solid #f3f1d8;
	padding: 60px 28px 40px;
}
.set_inner ul li h3 {
	background-color: #ececec;
	border-radius: 8px 8px 0 0;
	padding: 25px 0;
	position: relative;
}
.set_inner ul li h3::before {
	border: 26px solid transparent;
	border-top-color: #ececec;
	border-left-width: 23px;
	border-right-width: 23px;
	border-bottom-width: 2px;
	bottom: -26px;
	content: "";
	display: block;
	left: 50%;
	transform: translateY(0) translateX(-50%);
	-webkit- transform: translateY(0) translateX(-50%);
	position: absolute;
	width: 0;
	z-index: 1;
}
.set_inner .set_box {
	background-color: #fff;
	border: 2px solid #ececec;
	padding: 45px 38px 38px;
	border-radius: 0 0 8px 8px;
}
.set_inner li.plus {
	margin-bottom: 100px;
	position: relative;
}
.set_inner li.plus::after {
	content: "";
	display: block;
	width: 59px;
	height: 59px;
	background: url(/img/sb_air/mark_plus.gif) no-repeat;
	position: absolute;
	bottom: -80px;
	left: 0;
	right: 0;
	margin: auto;
}
.campaign h3 {
	margin-left: -12px;
	margin-bottom: -54px;
	position: relative;
}
.campaign p {
	width: 880px;
	margin-left: auto;
	margin-right: auto;
}
#flow {
	padding-top: 45px;
}
#flow ul {
 width: 960px display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	justify-content: space-between;
	background-color: #f5f5f5;
	border-top: 6px solid #19479d;
	margin: 0 auto;
	padding: 45px 21px;
	box-sizing: border-box;
}
#flow ul li {
	position: relative;
}
#flow ul li::after {
	content: "";
	display: block;
	width: 20px;
	height: 31px;
	background: url(/img/sb_air/arrow_l.gif) no-repeat;
	position: absolute;
	top: 0;
	bottom: 0;
	right: -30px;
	margin: auto 0;
}
#flow ul li:last-child::after {
	content: none;
}

/*
--------------------------------------------------------------------------------
 END OF CSS
--------------------------------------------------------------------------------
*/