.cef9300 {
	color: #ef9300;
}

.c48bbe0 {
	color: #48bbe0;
}

.closebtn {
	cursor: pointer;
	position: absolute;
	right: 26px;
	top: 32px;
}

.sb-slidebar {
	width: 640px;
	background-color: #fff;
	box-shadow: -4px 0px 10px 2px rgba(0,0,0,0.2);
	z-index: 10001;
}

.sb-slidebar ul {
	padding-top: 100px;
	margin-bottom: 40px;
}

.sb-slidebar li:first-child {
	border-top: 1px solid #48bbe0;
}
.sb-slidebar li {
	text-align: center;
	border-bottom: 1px solid #48bbe0;
	font-size: 22px;
	background: url(../../images/aosusume/menu_arrow.gif) no-repeat 590px 30px;
}
.sb-slidebar li a {
	padding: 22px 0;
	display: block;
}

.sb-slidebar .btmmenu {
	margin: 0 auto 30px auto;
	background: #23a99e;
	width: 580px;
	font-size: 24px;
	text-align: center;
}
.sb-slidebar .btmmenu a {
	padding-bottom: 20px;
	display: block;
	color: #fff;
}

.sb-slidebar .btmmenu img {
	display: block;
	padding: 8px 0 20px 0;
}

.sb-slidebar .npeople img {
	width: 100%;
	height: auto;
}

.sb-slidebar .root a {
	display: block;
	color: #434343;
	background: #eee;
	text-align: center;
	padding: 20px 0;
	font-size: 22px;
	font-weight: bold;
}



#go {
	box-shadow: 0px 4px 4px rgba(0,0,0,0.2);
	background: #fff;
	width: 100%;
	position: fixed;
	z-index: 10000;
}

#go .content-inner {
	width: 100%;
	margin: 0 auto;
}

#go .logo {
	text-align: center;
	padding: 18px 0;
	padding-left: 20px;
	position: relative;
}

#go .logo .btn-menu {
	position: absolute;
	right: 26px;
	top: 26px;
}

#go .logo h1 img {
	height: 38px;
	width: auto;
}



#ncontent {
	width: 100%;
	margin: 0 auto;
	padding-top: 94px;
}

#ncontent .inner {
	width: 1000px;
	margin: 0 auto;
}



#header100 {
	padding-top: 220px;
	margin-bottom: 64px;
	text-align: center;
}


.cat {
	text-align: center;
	margin-bottom: 100px;
	font-size: 26px;
}


.getovergray {
	background: #f2f2f2;
	padding: 46px 0 0 0;
}

.getovergray ul {
	width: 1000px;
	margin: 0 auto;
}

.getovergray ul li {
	float: left;
	padding: 0 0 44px 0;
	text-align: center;
	width: 248px;
	box-sizing: border-box;
}

#sec1 {
	padding: 90px 0 0 0;
	background: #48bbe0;
	color: #fff;
}

#sec3, #sec5 {
	background: url(../../images/aosusume/arrow1.gif) no-repeat #48bbe0 center top;
	padding-top: 105px;
	border-top: 4px solid #ef9300;
	color: #fff;
}

#sec2, #sec4, #sec6 {
	background: url(../../images/aosusume/arrow2.gif) no-repeat #ef9300 center top;
	padding-top: 105px;
	border-top: 4px solid #48bbe0;
	color: #fff;
}

#sec7 {
	background: url(../../images/aosusume/arrow3.gif) no-repeat center top;
	padding-top: 105px;
	color: #48bbe0;
	text-align: center;
}

#sec8 {
	border-bottom: 20px solid #23a99e;
}

.ready {
	padding: 100px 0;
	border-bottom: 20px solid #23a99e;
}


#sec1 .inner, #sec2 .inner, #sec3 .inner, #sec4 .inner,
#sec5 .inner, #sec6 .inner, #sec7 .inner, #sec8 .inner,
.ready .inner {
	width: 1000px;
	margin: 0 auto;
	padding-bottom: 40px;
	font-size: 20px;
}

#sec1 h2, #sec2 h2, #sec3 h2, #sec4 h2,
#sec5 h2, #sec6 h2, #sec7 h2, #sec8 h2 {
	text-align: center;
	margin-bottom: 100px;
}

.ready h2 {
	text-align: center;
	font-size: 45px;
	font-weight: bold;
	color: #23a99e;
	margin-bottom: 40px;
}

.ready h3 {
	text-align: center;
	font-size: 30px;
	color: #23a99e;
}



.btnconv {
	clear: both;
	padding-top: 55px;
}

.btnconv li {
	float: left;
}

.btnconv li:last-child {
	float: right;
}

.sbox {
	background: url(../../images/aosusume/sbox3.gif) no-repeat center bottom;
}

.sbox .inner1 {
	background: url(../../images/aosusume/sbox1.gif) no-repeat center top;
	padding: 50px;
	box-sizing: border-box;
}

.sbox .inner2 {
	background: url(../../images/aosusume/sbox2.gif) no-repeat center top;
	padding: 50px;
	box-sizing: border-box;
}

.iconcom {
	text-align: center;
	background: url(../../images/aosusume/comment_line.gif) repeat-x 0 200px;
	height: 244px;
}

#sec5 .iconcom {
	text-align: center;
	background: none;
	height: 185px;
}


#sec1 h3, #sec2 h3, #sec3 h3, #sec4 h3,
#sec5 h3, #sec6 h3, #sec7 h3, #sec8 h3 {
	font-size: 24px;
	font-weight: bold;
	text-align: center;
	padding: 40px 0;
}
#sec1 h4, #sec2 h4, #sec3 h4 {
	font-size: 30px;
	font-weight: bold;
	color: #f60;
	text-align: center;
	padding-bottom: 40px;
}



#sec1 ol {
	width: 750px;
	margin: 0 auto;
}
#sec1 ol li {
	margin-bottom: 20px;
	padding: 2px 0 10px 100px;
	font-size: 25px;
}
#sec1 ol li:nth-child(1) {
	background: url(../../images/aosusume/m1.gif) no-repeat;
}
#sec1 ol li:nth-child(2) {
	background: url(../../images/aosusume/m2.gif) no-repeat;
	position: relative;
	padding-bottom: 0;
}

#sec1 ol li:nth-child(3) {
	background: url(../../images/aosusume/m3.gif) no-repeat;
}
#sec1 ol li:nth-child(4) {
	background: url(../../images/aosusume/m4.gif) no-repeat;
	position: relative;
	padding-bottom: 0;
}
#sec1 ol li:nth-child(2) .pbg {
	background: url(../../images/aosusume/sec1_2bg.jpg) no-repeat right bottom;
	width: 660px;
	min-height: 203px;
}
#sec1 ol li:nth-child(4) .pbg {
	background: url(../../images/aosusume/sec1_4bg.jpg) no-repeat right bottom;
	width: 660px;
	min-height: 215px;
}
#sec1 .pcbr {
	display: block;
}
#sec1 .spbr {
	display: none;
}
#sec1 ol li .ptext {
	position: relative;
}
#sec1 ol li dl {
	font-size: 18px;
	border-bottom: 1px solid #fff;
	display: table;
	padding-top: 30px;
	padding-bottom: 14px;
	width: 100%;
}
#sec1 ol li:nth-child(4) dl {
	padding-top: 38px;
}
#sec1 ol li dt {
	display: table-cell;
	vertical-align: middle;
}
#sec1 ol li dt {
	width: 100px;
}
#sec1 ol li dd .ddtext {
	padding-left: 14px;
	width: 380px;
	border-left: 1px solid #fff;
	letter-spacing: 0;
}

#sec1 .fig {
	text-align: center;
	margin-bottom: 25px;
}

#sec1 .fig img {
	width: 640px;
	height: auto;
}






#sec2 dl {
	width: 750px;
	margin: 0 auto;
	text-align: center;
	border-bottom: 1px solid #fff;
}

#sec2 dt {
	background: #fff;
	font-size: 40px;
	color: #ef9300;
}

#sec2 dd {
	font-size: 50px;
	margin-bottom: 20px;
}

#sec2 p {
	width: 750px;
	margin: 0 auto;
	font-size: 17px;
}







#sec3 .uline {
	background: linear-gradient(transparent 70%, #ef9300 70%);
}

#sec3 table {
	width: 750px;
	margin: 0 auto;
}

#sec3 table th {
	background: #fff;
	text-align: center;
	font-size: 25px;
	color: #48bbe0;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #48bbe0;
	padding: 20px;
	line-height: 1;
	vertical-align: middle;
}

#sec3 table td {
	font-size: 25px;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	padding: 20px 0 20px 20px;
}

#sec3 table td .rimg {
	float: right;
}

#sec3 table td strong {
	font-weight: bold;
}

#sec3 table td .step3title {
	margin: 10px;
}

#sec3 table td .step3title,
#sec3 table td .step3center {
	text-align: center;
}

#sec3 .pbg {
	background: url(../../images/aosusume/sec3bg.jpg) no-repeat right bottom;
}

#sec3 ol {
	margin: 20px 0;
}

#sec3 ol li {
	margin-bottom: 20px;
	padding: 4px 0 10px 60px;
	font-size: 20px;
}
#sec3 ol li:nth-child(1) {
	background: url(../../images/aosusume/m1.gif) no-repeat;
	background-size: 44px auto;
}
#sec3 ol li:nth-child(2) {
	background: url(../../images/aosusume/m2.gif) no-repeat;
	background-size: 44px auto;
}
#sec3 ol li:nth-child(3) {
	background: url(../../images/aosusume/m3.gif) no-repeat;
	background-size: 44px auto;
}

#sec3 .spbr {
	display: none;
}
#sec3 dl {
	width: 100%;
	font-size: 20px;
	border-bottom: 1px solid #fff;
	display: table;
	padding: 20px 0;
	margin-bottom: 30px;
}
#sec3 dt,
#sec3 dd {
	display: table-cell;
	vertical-align: middle;
	padding-bottom: 10px;
}









#sec4 .sec4imgarea {
	text-align: center;
	margin: 40px 0;
}

#sec4 .btnarea {
	text-align: center;
	margin: 40px 0;
}

#sec4 p {
	width: 750px;
	margin: 0 auto;
	font-size: 25px;
}

#sec4 p span {
	font-size: 17px;
}







#sec5 .interviewbox {
	width: 1000px;
	margin: 0 auto 50px auto;
	background: url(../../images/aosusume/interviewbg.gif);
	padding: 10px;
	box-sizing: border-box;
	line-height: 1.5;
}
#sec5 .interviewbox .inner {
	background: #fff;
	width: 100%;
	color: #48bbe0;
	padding-bottom: 0;
}

#sec5 p {
	font-size: 27px;
	text-align: left;
	padding: 20px 20px 0 20px;
}

#sec5 p span {
	font-size: 20px;
}

#sec5 p a {
	display: inline-block;
	background: url(../../images/aosusume/interviewarrow.gif) #48bbe0 no-repeat 12px 12px;
	color: #fff;
	font-size: 20px;
	padding: 6px 12px 6px 40px;
}

#sec5 .rimg {
	float: right;
}

#sec5 .limg {
	float: left;
	padding-right: 20px;
}







#sec6 h3 {
	font-size: 40px;
	text-align: center;
	padding-top: 0;
}
#sec6 p {
	font-size: 25px;
	text-align: center;
	padding-bottom: 40px;
}







#sec7 h2 {
	font-size: 25px;
	text-align: center;
	padding-top: 0;
	margin-bottom: 20px;
}
#sec7 p {
	font-size: 50px;
	text-align: center;
}






.ready ul {
	margin-top: 95px;
}

.ready ul img {
	display: block;
	width: 490px;
	height: auto;
	margin-bottom: 70px;
}

.ready ul li {
	border-top: 10px solid #23a99e;
	float: left;
	background: #23a99e;
	text-align: center;
	color: #fff;
	padding-bottom: 75px;
}

.ready ul li a {
	display: inline-block;
	background: #fff;
	color: #23a99e;
	font-weight: bold;
	padding: 10px;
}

.ready ul li:last-child {
	float: right;
}

.ready ul dl {
	margin-bottom: 40px;
}

.ready ul dt {
	font-size: 28px;
	font-weight: bold;
	margin-bottom: 30px;
}


#footgo .bgray {
	text-align: center;
	background: #e5e5e5;
	padding: 30px 0;
}
#footgo .bgray p {
	font-size: 20px;
}
#footgo .bgray p:first-child {
	font-size: 22px;
	font-weight: bold;
}
#footgo .bgray p:last-child {
	font-size: 25px;
	font-weight: bold;
}
#footgo .footer {
	text-align: center;
	background: #23a99e;
	color: #fff;
	font-size: 12px;
	padding: 10px 0;
}














@media screen and (max-width: 767px) {

.closebtn {
	top: 24px;
}

.sb-slidebar {
	width: 100%;
}

.sb-slidebar ul {
	padding-top: 60px;
}

#sidebar-nav ul li {
	background: url(../../images/aosusume/menu_arrow.gif) no-repeat 95% center;
	border-top: none;
}
#sidebar-nav ul li:first-child {
	border-bottom: 1px solid #48bbe0;
}
.sb-slidebar ul:after {
	box-shadow: none;
	background-color: #fff;
	
}

#header100 {
	padding-top: 100px;
}

#go .logo .btn-menu {
	top: -204px;
	display: none;
}


#ncontent .inner {
	width: 90%;
	margin: 0 auto;
}

.cat {
	padding: 10px 0 50px 0;
}

.getovergray ul {
	width: 90%;
}

.getovergray ul li {
	float: left;
	padding: 0;
	width: 50%;
	text-align: center;
	margin-bottom: 20px;
}

#sec1 .inner, #sec2 .inner, #sec3 .inner, #sec4 .inner,
#sec5 .inner, #sec6 .inner, #sec7 .inner, #sec8 .inner,
.ready .inner {
	width: 90%;
	font-size: 22px;
}
#sec1 h2 img, #sec2 h2 img, #sec3 h2 img, #sec4 h2 img,
#sec5 h2 img, #sec6 h2 img, #sec7 h2 img, #sec8 h2 img {
	width: 100%;
	height: auto;
}

.ready {
	padding: 50px 0 20px 0;
	border-bottom: 20px solid #23a99e;
}




.btnconv {
	padding-top: 20px;
}

.btnconv li {
	float: none;
	margin-bottom: 10px;
}

.btnconv li:last-child {
	float: none;
}
.btnconv li img {
	width: 100%;
	height: auto;
}


.sbox {
	background: url(../../images/aosusume/sbox3-sp.gif) no-repeat center bottom;
	background-size: 100% auto;
}

.sbox .inner1 {
	background: url(../../images/aosusume/sbox1-sp.gif) no-repeat center top;
	background-size: 100% auto;
	padding: 50px;
	box-sizing: border-box;
}

.sbox .inner2 {
	background: url(../../images/aosusume/sbox2-sp.gif) no-repeat center top;
	background-size: 100% auto;
	padding: 50px;
	box-sizing: border-box;
}

.iconcom {
	background: url(../../images/aosusume/comment_line-sp.gif) repeat-x 0 220px;
}

#sec1 h3, #sec2 h3, #sec3 h3, #sec4 h3,
#sec5 h3, #sec6 h3, #sec7 h3, #sec8 h3 {
	font-size: 22px;
	font-weight: normal;
	text-align: left;
	padding: 40px 0;
}

#sec1 h3 br, #sec5 h3 br,
#sec6 h3 br, #sec7 h3 br, #sec8 h3 br {
	display: none;
}

#sec1 h4, #sec2 h4, #sec3 h4 {
	font-size:25px;
	font-weight: bold;
	padding-bottom: 40px;
}

#sec1 .fig {
	float: none;
	padding-right: 0;
	margin-bottom: 20px;
}
#sec1 .fig img {
	width: 100%;
	height: auto;
}

#sec2 .fig img, #sec3 .fig img {
	width: 100%;
	height: auto;
}


#sec4 .fig img, #sec5 .fig img, #sec6 .fig img, #sec7 .fig img {
	width: 100%;
	height: auto;
}

#sec5 p.strong1 {
	font-size: 25px;
	margin-bottom: 20px;
}


#sec5 p.strong2 {
	font-size: 22px;
	text-align: left;
}



.ready ul img {
	width: 100%;
	margin-bottom: 20px;
}

.ready ul li,
.ready ul li:last-child {
	border-top: 6px solid #23a99e;
	float: none;
	padding-bottom: 20px;
	margin-bottom: 20px;
}

.ready ul dl {
	margin-bottom: 20px;
}

.ready ul dt {
	margin-bottom: 20px;
}




#header100 img {
	width: 80%;
	height: auto;
}

#sec1 ol {
	width: 100%;
}
#sec1 ol li {
	letter-spacing: 0;
}
#sec1 ol li dl {
	padding-top: 30px;
}
#sec1 ol li dt {
	display: none;
}
#sec1 ol li dd .ddtext {
	font-size: 18px;
	padding-left: 0;
	border-left: none;
	width: auto;
	line-height: 1.4;
	width: 74%;
	letter-spacing: -0.2;
}

#sec1 .pcbr {
	display: none;
}
#sec1 .spbr {
	display: block;
}

#sec1 ol li:nth-child(2) .pbg {
	background: url(../../images/aosusume/sec1_2bg.jpg) no-repeat right bottom;
	width: 100%;
}

#sec1 ol li:nth-child(4) .pbg {
	background: url(../../images/aosusume/sec1_4bg.jpg) no-repeat right bottom;
	width: 100%;
}


#sec2 dl {
	width: 100%;
}

#sec2 dd {
	font-size: 40px;
	padding-left: 0;
}

#sec2 p {
	width: 100%;
	font-size: 20px;
}




#sec3 table {
	width: 100%;
}

#sec3 table th {
	font-size: 20px;
	padding: 10px;
}

#sec3 table td {
	font-size: 20px;
}

#sec3 table td .step3title img {
	width: 100%;
	height: auto;
}

#sec3 table td img {
	width: 65%;
	height: auto;
}
#sec3 table td .rimg {
	width: 30%;
}
#sec3 table td .rimg img {
	width: 100%;
	height: auto;
}
#sec3 ol li {
	margin-bottom: 10px;
	padding: 0px 0 10px 60px;
}

#sec3 .pbg {
	background: url(../../images/aosusume/sec3bg.jpg) no-repeat right bottom;
	background-size: contain ;
	width: 100%;
}
#sec3 dl {
	padding: 40px 0;
}
#sec3 dt {
	display: none;
}
#sec3 dd .ddtext {
	font-size: 18px;
	padding-left: 0;
	border-left: none;
	width: auto;
	line-height: 1.2;
	width: 74%;
	letter-spacing: -0.2;
}
#sec3 .spbr {
	display: block;
}
#sec3 table td .step3center,
#sec3 table td .stepbtn {
	padding: 20px 0;
}

#sec4 .sec4imgarea img {
	width: 100%;
	height: auto;
}

#sec4 p {
	width: 100%;
}




#sec5 .interviewbox {
	width: 100%;
	text-align: center;
}
#sec5 .interviewbox .inner {
	padding-bottom: 40px;
}

#sec5 .rimg {
	float: none;
}

#sec5 .limg {
	float: none;
	padding-right: 0;
}

#sec5 .rimg img,
#sec5 .limg img {
	width: 100%;
	height: auto;
}

#sec5 p {
	text-align: center;
}







#sec6 h3 {
	font-size: 40px;
	text-align: center;
}





#sec7 h2 {
	font-size: 22px;
	padding-btoom: 40px;
}
#sec7 p {
	font-size: 32px;
	padding-top: 40px;
	text-align: center;
}




}