@charset "utf-8";

/* page num : system */
.fullpage_num {position:fixed; top:50%; left:40px; background:rgba(255,255,255,0.1); border-radius:50px; padding:10px;}
	.fullpage_num p {color:#757170; font-weight:600; font-size:13px; text-align:center;}
	.fullpage_num p:first-child:after {content:''; display:block; width:1px; height:30px; background:#000; margin:10px auto;}
	.fullpage_num p:nth-child(2) {color:#d0cecf;}
	.fullpage_num p:last-child:before {content:''; display:block; width:1px; height:30px; background:#000; margin:10px auto;}
	
	@media screen and (max-width: 740px) {
		.fullpage_num {left:20px;}
		.fullpage_num p:first-child:after,
		.fullpage_num p:last-child:before {height:20px;}
	}

/* page common set */
	.full_page {width:calc(100% - 74px); height:100%; position:relative; background-position:top center; background-repeat:no-repeat; background-size:cover; overflow:hidden;}
	.full_page .box {color:#fff;}
	.full_page p {color:#fff; line-height:200%;}
	.full_page h4, .full_page li {color:inherit;}
	.full_page .nb {display:block;}
	@media screen and (max-width: 1366px) {
		.full_page {width:100%;}
	}
	@media screen and (max-width: 740px) {
		.full_page .nb {display:inline;}
	}


/**/
.text_group {width:100%; overflow:hidden; margin-top:40px;}
.text_group .tt_group {float:left; width:50%; padding:0 4%; box-sizing:border-box;}
.text_group .tt_group strong {display:block; margin:20px 0; font-size:30px; font-weight:normal; color:#000;}
.text_group .tt_group strong::before {content:''; display:block; width:58px; height:58px; margin-bottom:20px;}
.text_group .tt_group:nth-child(1) strong::before {background:url("../image/about/ico_about_member1.png") no-repeat; background-size:cover;}
.text_group .tt_group:nth-child(2) strong::before {background:url("../image/about/ico_about_member2.png") no-repeat; background-size:cover;}
.text_group .tt_group ul {width:100%;}
.text_group .tt_group:nth-child(2) {border-left:1px solid #ccc;}
.text_group .tt_group:nth-child(2) ul:nth-of-type(2) {margin-top:1em;}
.text_group .tt_group ul li {margin:8px 0; line-height:140%; font-size:16px; color:#000;}
@media screen and (max-width: 740px) {
	.text_group .tt_group {float:none; width:100%;}
	.text_group .tt_group:nth-child(2) {border:0; border-top:1px solid #ccc; padding-top:20px; margin:40px 0;}
	.text_group .tt_group strong {font-size:18px;}
	.text_group .tt_group ul li {margin:4px 0; font-size:14px;}
}

/* our values */
.our_values_w {background-image:url("../image/about/bg_our1.jpg"); display:flex; align-items:center; justify-content:center; text-align:center;}
.our_values_w .box {width:100%; max-width:1920px; padding-top:8vh; margin:0 auto;}
.our_values_w p {font-size:45px; line-height:100%;}
.our_values_w p:before {content:''; display:block; background:url("../image/about/img_our1.png") 0 0 no-repeat; background-size:100%; width:200px; height:43px; margin:0 auto 20px;}
.our_values_w h4 {font-size:75px; font-weight:400;}
.our_values_w span {display:block;}
.our_values_w img {width:1000px; max-width:100%;}
@media screen and (max-width: 1440px) {
	.our_values_w p {font-size:40px;}
	.our_values_w h4 {font-size:80px;}
	.our_values_w img {width:80%;}
}
@media screen and (max-width: 1366px) {
	.our_values_w p {font-size:35px;}
	.our_values_w p:before {width:180px; height:35px; margin-bottom:10px;}
	.our_values_w h4 {font-size:70px;}
	.our_values_w img {width:55%;}
}
@media screen and (max-width: 1024px) {
	.our_values_w p {font-size:30px;}
	.our_values_w p:before {width:180px;}
	.our_values_w h4 {font-size:60px;}
}
@media screen and (max-width: 740px) {
	.our_values_w p {font-size:25px;}
	.our_values_w p:before {width:120px; height:24px;}
	.our_values_w h4 {font-size:40px;}
	.our_values_w img {width:90%;}
}

.our_cont1 {background-image:url("../image/about/bg_our2.jpg");}
.our_cont1 p {max-width:1920px; box-sizing:border-box; padding:20vh 10.875em 0; margin:0 auto; color:#000;}
@media screen and (max-width: 1024px) {
	.our_cont1 p {padding:20vh 5.875em 0;}
}
@media screen and (max-width: 740px) {
	.our_cont1 p {padding:20vh 2.875em 0;}
}

.our_system {background-image:url("../image/about/bg_our3.jpg");}
.our_system .box {max-width:1920px; height:100%; box-sizing:border-box; padding:0 0 100px 10.875em; margin:0 auto; display:flex; flex-direction:column; justify-content:flex-end;}
@media screen and (max-width: 1024px) {
	.our_system .box {padding-left:5.875em;}
}
@media screen and (max-width: 740px) {
	.our_system .box {padding-left:2.875em;}
}
.our_system_c .box {width:100%; height:100%; display:flex; flex-wrap:wrap;}
.our_system_c li {width:50%; height:50%; display:flex; align-items:center; justify-content:center; text-align:center; line-height:140%; background-position:center; background-size:cover;}
.our_system_c li div {color:inherit; line-height:inherit;}
.our_system_c li:first-child {background-image:url("../image/about/bg_our4.jpg");}
.our_system_c li:nth-child(2) {background-image:url("../image/about/bg_our5.jpg");}
.our_system_c li:nth-child(3) {background-image:url("../image/about/bg_our6.jpg");}
.our_system_c li:last-child {background-image:url("../image/about/bg_our7.jpg");}
@media screen and (max-width: 740px) {
	.our_system_c .box {}
	.our_system_c li:first-child {padding-top:60px;}
	.our_system_c li {width:100%; height:23.33%;}
}

.our_commu {background-image:url("../image/about/bg_our8.jpg");}
.our_commu .box {width:100%; height:100%; display:flex; flex-direction:column; align-items:center; justify-content:center;}
.our_commu_c {display:flex; flex-direction:column; text-align:center;}
.our_commu_c .box {background:url("../image/about/bg_our9.jpg") center; background-size:cover; width:100%; height:50%; display:flex; align-items:center; justify-content:center; box-sizing:border-box; padding-top:60px;}
.our_commu_c ul {width:100%; height:50%; display:flex; flex-wrap:wrap;}
.our_commu_c li {width:33.33%; height:100%; color:#fff; display:flex; flex-direction:column; align-items:center; justify-content:center; background-position:center; background-size:cover;}
.our_commu_c li div {color:inherit; line-height:inherit;}
.our_commu_c li strong {color:inherit; display:block; font-weight:600;}
.our_commu_c li:first-child {background-image:url("../image/about/bg_our10.jpg");}
.our_commu_c li:nth-child(2) {background-image:url("../image/about/bg_our11.jpg");}
.our_commu_c li:last-child {background-image:url("../image/about/bg_our12.jpg");}
@media screen and (max-width: 768px) {
	.our_commu_c .box {background-position:left center;}
}
@media screen and (max-width: 740px) {
	.our_commu_c li {width:100%; height:33.34%;}
}

.our_thoug {background-image:url("../image/about/bg_our13.jpg");}
.our_thoug .box {max-width:1920px; height:100%; box-sizing:border-box; padding:18.563em 0 0 10.875em; margin:0 auto; display:flex; flex-direction:column;}
.our_thoug_c {background-image:url("../image/about/bg_our14.jpg"); display:flex; align-items:center; justify-content:center; text-align:center;}
@media screen and (max-width: 1024px) {
	.our_thoug .box {padding-left:5.875em;}
}
@media screen and (max-width: 740px) {
	.full_page.our_thoug {background-position:75% 50%;}
	.our_thoug .box {padding:9.563em 0 0 2.875em;}
	.full_page.our_thoug_c {background-position:15% 50%;}
}

.our_nearby {background-image:url("../image/about/bg_our15.jpg");}
.our_nearby .box {max-width:1920px; height:100%; box-sizing:border-box; padding:0 0 100px 10.875em; margin:0 auto; display:flex; flex-direction:column; justify-content:flex-end;}
.our_nearby_c {background-image:url("../image/about/bg_our16.jpg"); display:flex; align-items:center; justify-content:center; text-align:center;}
@media screen and (max-width: 1024px) {
	.our_nearby .box {padding-left:5.875em;}
}
@media screen and (max-width: 740px) {
	.our_nearby .box {padding-left:2.875em;}
}

/* system */
.sys_t .box {width:100%; height:100%; box-sizing:border-box; padding:0 8.750em; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center;}
.sys_t .tt1 span {color:#fff; font-weight:600;}
.sys_t .tt1:after {content:''; display:block; width:55px; height:1px; background:#fff; margin:36px auto;}
.sys_t .nb {display:inline;}
.promi_w {background-image:url("../image/about/bg_promi1.jpg"); position:absolute; width:100%; height:100%; background-position: center center; background-repeat: no-repeat; background-size: cover; left: 0; right: 0; top: 0; bottom: 0; z-index: -1;}
.busi_w {background-image:url("../image/about/bg_sys1.jpg"); position:absolute; width:100%; height:100%; background-position: center; background-repeat: no-repeat; background-size: cover; left: 0; right: 0; top: 0; bottom: 0; z-index: -1;}
.proce_w {background-image:url("../image/about/bg_proce1.jpg"); position:absolute; width:100%; height:100%; background-position: center center; background-repeat: no-repeat; background-size: cover; left: 0; right: 0; top: 0; bottom: 0; z-index: -1;}
@media screen and (max-width: 1366px) {
	.sys_t .nb {display:block;}
}
@media screen and (max-width: 740px) {
	.sys_t .box {padding:0 2.750em;}
	.sys_t .tt1:after {width:30px; margin:23px auto;}
}

.system_area {background-size:cover;}
.system_area mark {display:block; position:relative; font-size:50px; font-family:'roboto',sans-serif;}
.system_area mark:after {content:''; display:block; width:1px; height:100px; background:#000; transform:rotate(220deg); position:absolute; top:0; left:51px;}
.system_area h4 {color:#000; font-size:35px; font-weight:600; padding:30px 0 0 50px; line-height:130%; word-break:keep-all;}
.system_area p {line-height:160%; padding:25px 0 0 50px; color:#343434; word-break:keep-all;}
.system_area .box {background:#fff; width:40%; height:100%; display:flex; flex-direction:column; align-items:center; justify-content:center; color:#000;}
.system_area .box div {background:#fff; padding:50px; box-sizing:border-box;}
.system_area .box_full {width:83.33333333333333%/*1600*/; max-width:1920px; box-sizing:border-box; padding:25vh 0; margin:0 auto;}
@media only screen  and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 1.5) {
	.system_area {background-size:cover;}
}
@media screen and (max-width: 1280px) {
	.system_area .box {width:50%;}
}
@media screen and (max-width: 1024px) {
	.system_area {background-size:cover;}
	.system_area .box {background:none; width:83.33333333333333%/*1600*/; align-items:flex-start; margin:0 auto;}
	.system_area .box_full div {background:rgba(0,0,0,0.9); width:520px; padding:50px; box-sizing:border-box;}
}
@media screen and (max-width: 740px) {
	.system_area .box {width:100%;}
	.system_area .box_full {width:100%; height:100%; padding:0; display:flex; flex-direction:column; align-items:center; justify-content:center;}
	.system_area .box div, 
	.system_area .box_full div {width:80%; padding:40px 30px; margin:0 auto;}
	.system_area mark {font-size:25px;}
	.system_area mark:after {height:50px; top:-8px; left:27px;}
	.system_area h4 {font-size:20px; padding:10px 0 0 30px;}
	.system_area p {padding:20px 0 0 30px;}
}

/* 회사소개 인트로 */
/* sub main */
.first_page.about {background-image:url("../image/about/bg_subm.jpg");}
.first_page.about p:last-child {color:#fff;}
.first_page.about .nb { display:block; }
.page_move.values {background-image:url("../image/about/bg_menu1.jpg");}
.page_move.member {background-image:url("../image/about/bg_menu5.jpg");}
.page_move.system {background-image:url("../image/about/bg_menu2.jpg");}
.page_move.procedure {background-image:url("../image/about/bg_menu4.jpg");}
.page_move.differentiation {background-image:url("../image/about/bg_menu6.jpg");}

/* 운영철학 */
.sys_cont1 {background-image:url("../image/about/bg_promi2.jpg"); background-position:top right;}
	@media screen and (max-width: 1024px) {
		.sys_cont1 {background-position:center;}
	}
.sys_cont2 {background-image:url("../image/about/bg_promi3.jpg"); background-position:top left;}
	.sys_cont2 .box {position:absolute; top:0; right:0;}
	@media screen and (max-width: 1024px) {
		.sys_cont2 {background-position:center;}
		.sys_cont2 .box {position:static; align-items:flex-end;}
	}
.sys_cont3 {background-image:url("../image/about/bg_promi4.jpg"); background-size:cover; background-position:center;}
	.sys_cont3 mark,
	.sys_cont3 h4, 
	.sys_cont3 p {color:#fff;}
	.sys_cont3 mark:after {background:#fff;}
.sys_cont4 {background-image:url("../image/about/bg_promi5.jpg"); background-position:top left;}
	.sys_cont4 .box {position:absolute; top:0; right:0;}
	@media screen and (max-width: 1024px) {
		.sys_cont4 {background-position:center;}
		.sys_cont4 .box {position:static; align-items:flex-end;}
	}
.sys_cont5 {background-image:url("../image/about/bg_promi6.jpg"); background-position:top right;}
.sys_cont5 .box_full {height:100%; display:flex; flex-direction:column; justify-content:flex-end;}
@media screen and (max-width: 740px) {
	.sys_cont5 .box_full {justify-content:center;}
}

/* 운영절차 */
.sys_cont6 {background-image:url("../image/about/bg_sys2_1.jpg"); background-position:top right;}
@media screen and (max-width: 1024px) {
	.sys_cont6 {background-position:center;}
}
.sys_cont7 {background-image:url("../image/about/bg_sys2_2.jpg"); background-position:top left;}
.sys_cont7 .box {position:absolute; top:0; right:0;}
@media screen and (max-width: 1024px) {
	.sys_cont7 {background-position:center;}
	.sys_cont7 .box {position:static; align-items:flex-end;}
}
.sys_cont8 {background-image:url("../image/about/bg_sys2_3.jpg"); background-position:top right;}
.sys_cont8 mark {color:#fff;}
.sys_cont8 mark:after {background:#fff;}
.sys_cont8 h4 {color:#fff;}
.sys_cont8 p {color:#fff;}
@media screen and (max-width: 1024px) {
	.sys_cont8 {background-position:center;}
}
.sys_cont9 {background-image:url("../image/about/bg_sys2_4.jpg"); background-position:top left;}
.sys_cont9 .box {position:absolute; top:0; right:0;}
@media screen and (max-width: 1024px) {
	.sys_cont9 {background-position:center;}
	.sys_cont9 .box {position:static; align-items:flex-end;}
}
/* 차별화 */
.sys_cont10 {background-image:url("../image/about/bg_sys3_1.jpg"); background-position:top right;}
@media screen and (max-width: 1024px) {
	.sys_cont6 {background-position:center;}
}
.sys_cont11 {background-image:url("../image/about/bg_sys3_2.jpg"); background-position:top left;}
.sys_cont11 mark {color:#fff;}
.sys_cont11 mark:after {background:#fff;}
.sys_cont11 h4 {color:#fff;}
.sys_cont11 p {color:#fff;}
.sys_cont11 .box {position:absolute; top:0; right:0;}
@media screen and (max-width: 1024px) {
	.sys_cont11 {background-position:center;}
	.sys_cont11 .box {position:static; align-items:flex-end;}
}
.sys_cont12 {background-image:url("../image/about/bg_sys3_3.jpg"); background-position:top right;}
@media screen and (max-width: 1024px) {
	.sys_cont12 {background-position:center;}
}
.sys_cont13 {background-image:url("../image/about/bg_sys3_4.jpg"); background-position:top left;}
.sys_cont13 mark {color:#fff;}
.sys_cont13 mark:after {background:#fff;}
.sys_cont13 h4 {color:#fff;}
.sys_cont13 p {color:#fff;}
.sys_cont13 .box {position:absolute; top:0; right:0;}
@media screen and (max-width: 1024px) {
	.sys_cont13 {background-position:center;}
	.sys_cont13 .box {position:static; align-items:flex-end;}
}

/* lawyer */
.life_w {background-image:url("../image/about/bg_mem1.jpg"); position:absolute; width:100%; height:100%; background-position: center center; background-repeat: no-repeat; background-size: cover; left: 0; right: 0; top: 0; bottom: 0; z-index: -1;}
.life_intext {  display:flex; align-items:center; justify-content:center; text-align:center; }
.life_intext h4 {font-size:70px; letter-spacing:0.1em;}
.life_intext span {display:block; width:244px; position:relative; font-style:italic; color:#ff8100; font-size:40px; font-weight:300; margin:0 auto;}
.life_intext span:before {content:''; width:69px; height:1px; background:rgba(255,255,255,0.5); position:absolute; top:33px; left:0;}
.life_intext span:after {content:''; width:69px; height:1px; background:rgba(255,255,255,0.5); position:absolute; top:33px; right:0;}
.life_intext .pic {background:url("../image/about/img_mem1.png") 0 0 no-repeat; background-size:100%; width:179px; height:76px; margin:0 auto 60px; font-size:0;}
@media screen and (max-width: 740px) {
	.life_intext h4 {font-size:35px; letter-spacing:0.15em;}
	.life_intext span {font-size:25px;}
	.life_intext span:before, .life_intext span:after {top:20px;}
	.life_intext .pic {width:90px; height:39px; margin-bottom:30px;}
	.life_intext p:last-child {width:70%; margin:0 auto;}
}

.life_cont1 {background-image:url("../image/about/bg_mem2.jpg");}
.life_cont1 .box {width:83.33333333333333%/*1600*/; max-width:1920px; box-sizing:border-box; padding:12vh 0; margin:0 auto;}
.life_cont1 p {color:#000; text-align:right;}
@media screen and (max-width: 768px) {
	.life_cont1 {background-position:20% 0;}
	.life_cont1 .box p {background:rgba(255,255,255,0.9); padding:30px; text-align:left;}
}

.life_cont2 .box {width:100%; height:50%; display:flex; text-align:center; position:relative;}
.life_cont2 .box div {width:50%; height:100%;}
.life_cont2 p {width:50%; height:100%; display:flex; flex-direction:column; justify-content:center; align-items:center;}
.life_cont2 p span {display:block; padding-top:20px; color:#343434;}
.life_cont2 .pic1 {background:url("../image/about/bg_mem3.jpg") center; background-size:cover; font-size:0;}
.life_cont2 .pic2 {background:url("../image/about/bg_mem4.jpg") center; background-size:cover; font-size:0; order:2;}
@media screen and (max-width: 768px) {
	.life_cont2 .pic1, .life_cont2 .pic2 {background-position:center right;}
}
@media screen and (max-width: 740px) {
	.life_cont2 {padding-top:60px;}
	.life_cont2 .box:first-child {height:50%; padding-top:0px; box-sizing:border-box;}
	.life_cont2 .box:last-child {height:50%;}
	.life_cont2 .box div {width:100%; position:absolute; top:0; left:0; z-index:-1;}
	.life_cont2 p {background:#fff; width:80%; height:50%; box-sizing:border-box; padding:30px; margin:5.6em auto 0;}
}

.life_cont3 {background-image:url("../image/about/bg_mem5.jpg");}
.life_cont3 .box {width:100%; height:100%; display:flex; flex-direction:column; justify-content:center; align-items:center;}
.life_cont3 .box div {background:#fff; color:#000; width:424px; box-sizing:border-box; padding:50px; text-align:center;}
.life_cont3 .box p {color:inherit; padding-top:20px;}
@media screen and (max-width: 740px) {
	.life_cont3 {background-position:70% 0;}
	.life_cont3 .box {width:80%/*1600*/; margin:0 auto;}
	.life_cont3 .box div {width:100%; padding:50px 30px;}
}

.life_cont4 {display:flex;}
.life_cont4 .box {width:33.33%; height:100%; display:flex; flex-direction:column; text-align:center; position:relative;}
.life_cont4 .box div {width:100%; height:50%; font-size:0;}
.life_cont4 p {width:100%; height:50%; display:flex; flex-direction:column; justify-content:center; align-items:center;}
.life_cont4 p span {display:block; padding-top:20px;}
.life_cont4 .pic1 {background:url("../image/about/bg_mem6.jpg") 0 0 no-repeat; background-size:cover;}
.life_cont4 .pic2 {background:url("../image/about/bg_mem7.jpg") 0 0 no-repeat; background-size:cover; order:2;}
.life_cont4 .pic3 {background:url("../image/about/bg_mem8.jpg") 0 0 no-repeat; background-size:cover;}
@media screen and (max-width: 768px) {
	.life_cont4 {display:block;}
	.life_cont4 .box {width:100%; height:33.33%; flex-wrap:wrap;}
	.life_cont4 .box div {width:50%; height:100%;}
	.life_cont4 p {width:50%; height:100%;}
}
@media screen and (max-width: 740px) {
	/*.life_cont4 {padding-top:60px;}*/
	.life_cont4 .box {height:31.33%; justify-content:center; align-items:center;}
	.life_cont4 .box:first-child {height:38%; padding-top:60px; box-sizing:border-box;}
	.life_cont4 .box div {width:100%; position:absolute; top:0; left:0; z-index:-1;}
	.life_cont4 p {background:#fff; width:80%; height:50%; box-sizing:border-box; padding:30px;}
}

.tax_mem_wrap {width:1200px; padding:0 30px; box-sizing:border-box; margin:0 auto;}
.tax_mem_wrap .bt_more {display:inline-block; background:url("../image/common/ico_arr_b.png") 90% 50% no-repeat; background-size:7px 12px; border:1px solid #000; border-radius:50px; color:#000; font-size:13px; padding:10px 30px 10px 25px; margin-top:20px; text-align:left;}
.tax_mem_wrap .bt_more.white {background:url("../image/common/ico_arr_w.png") 90% 50% no-repeat; background-size:7px 12px; border:1px solid #fff; color:#fff;}
/* top */
.mem_tit {width:100%; height:auto; text-align:center; padding-top:20vh;}
.mem_tit p {padding-top:40px;}
.mem_tit .nb {display:block;}
@media screen and (max-width: 1440px) {
	.tax_mem_wrap {width:100%;}
}
@media screen and (max-width: 1024px) {
	.tax_mem_wrap {padding:0 20px;}
	.mem_tit {padding-top:10em;}
}
@media screen and (max-width: 800px) {
	.tax_mem_wrap {padding:0 14px;}
	.mem_tit {padding-top:7em;}
	.mem_tit p {padding-top:20px;}
	.mem_tit .nb {display:inline;}
}
/* introduce */
.os_member {width:100%; height:auto; box-sizing:border-box; padding-top:80px; margin-top:10vh; position:relative; border-top:1px solid #b0b0b0; display:flex; flex-wrap:wrap; justify-content:space-between;}
.os_member h4 {position:absolute; top:-27px; left:50%; transform:translateX(-50%); background:#fff; color:#2463cc; width:145px; line-height:54px; text-align:center;}
.os_mem {width:100%; height:600px; padding:180px 0 0 100px; box-sizing:border-box; background:url("../image/about/img_member.jpg") 75% 50% no-repeat; background-size:cover; position:relative;}
.os_mem::before {content:''; border:40px solid #fff; border-right-color:transparent; border-bottom-color:transparent; position:absolute; top:0; left:0;}
.os_mem p {width:50%; color:#fff; line-height:140%; word-break:keep-all;}
.os_mem p .nb {display:block;}
.os_mem p.tit {margin-bottom:30px; font-size:36px; font-weight:300;}
.os_mem p.tit::after {content:''; display:block; width:60px; height:2px; background:#fff; margin-top:20px;}
.os_mem p.sign {width:auto; text-align:right; position:absolute; bottom:40px; right:40px; font-size:18px;}
.os_mem p.sign strong {font-size:30px; display:block; margin:0 -.3em 16px; letter-spacing:.3em;}
.os_mem .img_name_pc {display: block; padding: 113px 47px 0 0; text-align:right;}
.os_mem .img_name_mo {display: none;}

.os_mem2 {width:100%; height:auto;}
.os_mem2 img {max-width:100%;}
.os_mem2 .img_pc {display: block;} 
.os_mem2 .img_mobile {display: none;} 


@media screen and (max-width:1086px){
	.os_mem .img_name_pc {padding: 47px 47px 0 0;} 
}


@media screen and (max-width:800px){
	.os_member {padding-top:60px;}
	.os_mem {height:560px; padding:8%; background:url("../image/about/img_member_mob.jpg") 95% no-repeat; background-size:cover;}
	.os_mem::before {border-width:20px;}
	.os_mem p {width:auto; font-size:16px;}
	.os_mem p .nb {display:inline;}
	.os_mem p.tit {font-size:28px; margin-bottom:14px;}
	.os_mem p.tit::after {width:50px; margin-top:14px;}
	.os_mem p.sign {left:8%; right:auto; text-align:left; font-size:15px;}
	.os_mem p.sign strong {font-size:22px; margin:0 0 8px;}
	.os_mem .img_name_pc {display: none;}
	.os_mem .img_name_mo {display: block; text-align:left; padding:180px 0 0 0;}

	.os_mem2 .img_pc {display: none;} 
	.os_mem2 .img_mobile {display: block;} 
}
@media screen and (max-width:414px){
	.os_member {padding-top:40px;}
	.os_mem {height:440px; padding:10%; background-position:90%; background-size:cover;}
	.os_mem::before {border-width:14px;}
	.os_mem p {font-size:15px;}
	.os_mem p.tit {font-size:18px; margin-bottom:10px;}
	.os_mem p.tit::after {width:30px; margin-top:10px;}
}
@media screen and (max-width:360px){
	.os_mem {padding:8%; padding-right:8%; background-position:80%;}
}
/* history */
.os_member ul.accodion {width:100%; position:relative; box-sizing:border-box; border-bottom:1px solid #e1e1e1;}
.os_member ul.accodion li {padding:20px; line-height:130%; background:#fff; line-height:150%;}
.os_member ul.accodion li.q {border-top:1px solid #e1e1e1; cursor:pointer; position:relative; color:#999; font-size:18px; transition:all .3s;}
.os_member ul.accodion li.q span {position:absolute; top:0; right:0; width:60px; height:100%;}
.os_member ul.accodion li.q span::before {content:''; display:block; width:1px; height:11px; background:#2463cc; position:absolute; top:50%; left:50%; transform: translateY(-50%);}
.os_member ul.accodion li.q span::after {content:''; display:block; width:11px; height:1px; background:#2463cc; position:absolute; top:50%; left:50%; transform: translateX(-50%); transition:all .3s;}
.os_member ul.accodion li.q:hover {border-left:4px solid #2463cc; color:#000;}
.os_member ul.accodion li.q.on {border-left:4px solid #2463cc; color:#000;
	-webkit-box-shadow: 0px 6px 8px 0px rgba(0,0,0,0.1);
	-moz-box-shadow: 0px 6px 8px 0px rgba(0,0,0,0.1);
	box-shadow: 0px 6px 8px 0px rgba(0,0,0,0.1); z-index:1;}
.os_member ul.accodion li.q.on span {background:#2463cc;}
.os_member ul.accodion li.q.on span::before {top:0; left:0; transform:translateY(0);}
.os_member ul.accodion li.q.on span::after {background:#fff; top:50%; left:50%;}
.os_member ul.accodion li.a {display:none; width:100%; overflow:hidden; color:#000; background:#f5f5f5; box-sizing:border-box; position:relative; font-size:15px;}
.os_member ul.accodion li.a:last-child{border:0;}
.os_member ul.accodion li.a span {position:absolute; top:1.2em; left:20px; font-weight:bold; color:#666;}
.os_member ul.accodion li.a ul li {padding:10px 0; background:none;}
.os_member ul.accodion li.a.train li {display:inline-block; margin-right:20px;}
.os_member ul.accodion li.a.train li::after {content:' .'; font-size:30px; color:#2463cc;}
.os_member ul.accodion li.a.story ul {float:left; width:50%;}
@media screen and (max-width:800px){
	.os_member ul.accodion li {padding:14px;}
	.os_member ul.accodion li.q {font-size:16px;}
	.os_member ul.accodion li.q span {width:50px;}
	.os_member ul.accodion li.a {padding-bottom:30px; font-size:15px;}
	.os_member ul.accodion li.a.story ul {float:none; width:100%;}
	.os_member ul.accodion li.a ul li {padding:2px 0;}

}



.os_adviser {width:100%; height:auto; box-sizing:border-box; padding:70px 0 30px; margin:100px 0; position:relative; border-top:1px solid #b0b0b0;}
	.os_adviser h4 {position:absolute; top:-27px; left:50%; transform:translateX(-50%); background:#fff; color:#000; width:145px; line-height:54px; text-align:center;}
	.os_adviser > ul {width:100%; height:auto; display:flex; flex-wrap:wrap; justify-content:space-between;}
	.os_adviser > ul > li {width:49%; color:#fff; padding:30px; margin-bottom:40px; box-sizing:border-box; overflow:hidden; background:url("../image/about/bg_adviser.png") 0 100% no-repeat #2a2e53; background-size:100%;}
	.os_adviser > ul > li span {width:100%; position:absolute; bottom:11px; left:0; text-align:center; box-sizing:border-box;}
	.os_adviser h5 {font-weight:400; color:inherit;}
	.os_adviser h5 em { display:block; margin-top:4%; font-size:18px; color:inherit;}
	.os_adviser > ul > li > ul { padding-top:12px; text-align:right; color:#ccc; }
	.os_adviser > ul > li li { font-size:15px; margin:10px 0; line-height:150%; color:inherit;}
	.os_adviser > ul > li li:nth-of-type(2) { min-height:3em; }
	.os_adviser > ul > li li:nth-of-type(3) { margin-top:20px; font-size:18px; font-weight:bold; color:#fff; font-family:'roboto',sans-serif; letter-spacing:0; }
	.os_adviser > ul > li li:nth-of-type(4) { margin:10px 0 0; font-size:15px; font-weight:bold; color:#fff; font-family:'roboto',sans-serif; letter-spacing:0; }
	.os_adviser > ul > li li:nth-of-type(4):after {content:''; display:inline-block; width:24px; height:24px; margin-left:10px; background:url("../image/about/ico_sitelink.png"); vertical-align:middle; }
	.os_adviser > ul > li li a {color:inherit;}
	.os_adviser .nb {display:block; position:static; padding-right:0;}
@media screen and (max-width: 1280px) {
	.os_imgbox {margin-top:60px;}
}
@media screen and (max-width: 1024px) {
	.os_txtbox {float:none; width:100%; height:auto; padding:0; margin:0 0 60px; text-align:center;}
	.os_txtbox dt {font-size:24px;}
	.os_txtbox dt em {font-size:36px;}
	.os_txtbox dt em:before {margin:0 auto 16px;}
	.os_imgbox {float:none; width:84%; margin:0 8%;}
	.os_career .telbox {height:auto; padding:20px 40px; top:-100px;}
	.os_career .telbox p strong {font-size:30px; display:inline;}
	.os_career {display:flex; flex-wrap:wrap; align-items:start; padding-bottom:0;}
	.os_career .career_lst {width:100%; padding:0 40px;}
	.os_career .career_lst ul {margin-bottom:2em; }
	.os_career .career_lst ul li {}
}
@media screen and (max-width: 768px) {
	.os_adviser {padding:4vh 0 0; margin:4vh 0;}
	.os_adviser > ul > li {width:100%; margin:4vh 0 0;}
	.os_adviser > ul > li > ul {text-align: inherit;}
}
@media screen and (max-width: 414px) {
	.os_member {padding-bottom:0;}
	.os_txtbox dt {font-size:20px; font-weight:400;}
	.os_txtbox dt em {font-size:28px;}
	.os_imgbox {height:auto; padding-bottom:100%;}
	.os_career {padding:0; border:0;}
	.os_career .telbox {position:unset; width:100%; padding:8%;}
	.os_career .telbox p strong {font-size:24px;}
	.os_career .career_lst {padding:8% 8% 0;}
	.career1 {border:2px solid #000; border-top:0; border-bottom:0;}
	.career2 {border:2px solid #000; border-top:0;}
	.os_career .career_lst span {font-size:20px;}
	.os_career .career_lst ul {margin-top: 10px;}
}