#wrap {background-size:100%;}
.sub01 {background:url(/img/mobile/sub05/pfo_visual01.jpg) no-repeat center top;}
.sub02 {background:url(/img/mobile/sub05/pfo_visual02.jpg) no-repeat center top;}
.sub03 {background:url(/img/mobile/sub05/pfo_visual03.jpg) no-repeat center top;}
.sub04 {background:url(/img/mobile/sub05/pfo_visual04.jpg) no-repeat center top;}
.sub05 {background:url(/img/mobile/sub05/pfo_visual05.jpg) no-repeat center top;}
.sub06 {background:url(/img/mobile/sub05/pfo_visual06.jpg) no-repeat center top;}
.sub07 {background:url(/img/mobile/sub05/pfo_visual07.jpg) no-repeat center top;}
/* .sub08 {background:url(/img/mobile/sub05/pfo_visual08.jpg) no-repeat center top;} */
.sub09 {background:url(/img/mobile/sub05/pfo_visual09.jpg) no-repeat center top;}
/* .sub10 {background:url(/img/design/sub04/pfo_visual10.jpg) no-repeat center top;} */
.sub11 {background:url(/img/design/sub02/pfo_visual11.jpg) no-repeat center top;}
/* .sub12 {background:url(/img/design/sub03/pfo_visual12.jpg) no-repeat center top;} */
.sub13 {background:url(/img/mobile/sub05/pfo_visual13.jpg) no-repeat center top;}
.sub14 {background:url(/img/mobile/sub05/pfo_visual14.jpg) no-repeat center top;}
.sub15 {background:url(/img/mobile/sub05/pfo_visual15.jpg) no-repeat center top;}
.sub16 {background:url(/img/mobile/sub05/pfo_visual16.jpg) no-repeat center top;}
.sub17 {background:url(/img/mobile/sub05/pfo_visual17.jpg) no-repeat center top;}
.sub18 {background:url(/img/mobile/sub05/pfo_visual18.jpg) no-repeat center top;}
.sub19 {background:url(/img/mobile/sub05/pfo_visual19.jpg) no-repeat center top;}
/* .sub20 {background:url(/img/shopping/sub05/pfo_visual20.jpg) no-repeat center top;} */
.sub21 {background:url(/img/mobile/sub05/pfo_visual21.jpg) no-repeat center top;}
.sub22 {background:url(/img/mobile/sub05/pfo_visual22.jpg) no-repeat center top;}
.rmo_display {
    display: none !important;
}

.pfo_visual {padding-top:110px; padding-bottom:120px; text-align:center;}
.pfo_visual .top_logo {margin:3.599% 0 2.799%;}
.pfo_visual .top_txt {display:inline-block; margin-bottom:6%;}
.pfo_visual .top_txt h4 {/*font-size:130px;*/ font-size:5.078125vw; color:#fff; font-weight:300; line-height:1; padding-bottom:1%; border-bottom:2px solid #fff; text-shadow: 0px 0px 20px rgba(0, 0, 0, 0.50);}
.pfo_visual .top_txt h4 strong {font-weight:400;}
/* .pfo_visual .top_txt p { font-size:0.9375vw; color:#fff; font-weight:500; padding-top:1%;} */
.pfo_visual .top_txt p {  font-family: 'pre-r'; font-size: 24px; padding-top:1%;letter-spacing: -1.08px; color: #ffffff; text-shadow: 0px 0px 20px rgba(0, 0, 0, 0.50); text-shadow: 0px 0px 20px rgba(0, 0, 0, 0.50);}
.pfo_visual .top_img {} 
.pfo_visual .top_img_in { position:relative; width:100%; max-width:1770px; margin:0 auto; }
.pfo_visual .top_img_in > img {width:100%; height:auto; }
.pfo_visual .top_img_in .inner { position:absolute; left:0; top:0; width:100%; height:100%;   }
.pfo_visual .top_img_in .inner img {display:block; position:absolute; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; -ms-transition: all 0.5s; transition: all 0.5s; }
/* .pfo_visual .top_img_in .inner img.pc_part { left:0; top:0; max-width:100%; }
.pfo_visual .top_img_in .inner img.mo_part { right:0; top:27%; width: 38%; max-width:38% !important;  } */
.pfo_visual .top_txt h4.type02 {padding-left:80px; padding-right:80px;text-shadow: 0px 0px 20px rgba(0, 0, 0, 0.50); }
.pfo_visual .top_txt h4.type02 span {font-size:6.378125vw; font-weight:200;  }
.sub22 .pfo_visual .top_txt h4.type02{padding:0; padding-bottom:1.4vw;}
.sub22 .pfo_visual .top_txt h4.type02 span{font-weight:100;}
.sub22 .pfo_visual .top_txt h4.type02 strong{font-size:2.3vw; letter-spacing:0.075em}
.sub22 .pfo_visual .top_txt h4.type02 strong b{font-weight:400; font-size:2.9vw}


.pfo_visual .top_img_in .inner img.upside {transform:translate(0,-1100px);-webkit-transform:translate(0,-1100px); -moz-transform:translate(0,-1100px); -o-transform:translate(0,-1100px); opacity:0;}
.pfo_visual .top_img_in .inner img.leftside {transform:translate(-1100px, 0); -webkit-transform:translate(-1100px, 0); -moz-transform:translate(-1100px, 0); -o-transform:translate(-1100px, 0); opacity:0;}
.pfo_visual .top_img_in .inner img.rightside {transform:translate(1000px, 0); -webkit-transform:translate(1000px, 0); -moz-transform:translate(1000px, 0); -o-transform:translate(1000px, 0);opacity:0; }
.pfo_visual .top_img_in .inner img.on {transform: translate(0, 0); opacity:1;}

.pfo_visual .top_txt2 h5 {/*font-size:38px;*/ font-size:1.484375vw; color:#000; font-weight:500;}
.pfo_visual .top_txt2 p {/*font-size:32px;*/ font-size:1.25vw; color:#666;}
.pfo_visual.type02 .top_txt {margin-bottom:0;}
.pfo_visual.type03 .top_txt {margin-bottom:200px;}
.pfo_visual.type04 {padding-bottom:37%;}
.pfo_visual.type05 {padding-top:0; }

.foot_common .container01 {margin-bottom:100px;}
.pfo_con {margin-bottom:120px;}

.pfo_con .inner_img {text-align:center;}
.pfo_con .inner_img > img {width:100%;}
.pfo_con .inner_img p {/*font-size:30px;*/ font-size:1.171875vw; color:#000; padding:60px 0; background:#fafafa;}
.pfo_con .inner_img p.col01 {color:#947a50;}
.pfo_con .inner_img .half {overflow:hidden;}
.pfo_con .inner_img .half img {display:block; float:left; width:50%;}

.pfo_con .sig_type01,.pfo_con .sig_type02 {width:75%; margin:0 auto;}
.pfo_con .sig_type01.mb70 {margin-bottom:78px;}
.pfo_con .sig_type01 ul {overflow:hidden;}
.pfo_con .sig_type01 ul li {float:left; width:47.8688%;}
.pfo_con .sig_type01 ul li:first-child {margin-right:4.2622%;}
.pfo_con .sig_type01 ul li img {width:100%;}

.pfo_con .sig_type02 ul {overflow:hidden;}
.pfo_con .sig_type02 ul li {float:left; width:31.4754%; margin-right:2.786%;}
.pfo_con .sig_type02 ul li:nth-of-type(3n) {margin-right:0;}
.pfo_con .sig_type02 ul li img {width:100%;}

.pfo_con .color_type {width:75%; margin:0 auto; padding:5% 0;}
.pfo_con .sub09_color ul {overflow:hidden;}
.pfo_con .sub09_color ul li {float:left; width:29.8360%; margin:0 5.2459% 1.2% 0; color:#fff; font-size:1.015625vw; padding:1.5% 3%; box-sizing:border-box;}
.pfo_con .sub09_color ul li:nth-of-type(3n) {margin-right:0;}

.pfo_con .sub09_color ul li:first-child {background:#002d60;}
.pfo_con .sub09_color ul li:nth-of-type(2) {background:#004989;}
.pfo_con .sub09_color ul li:nth-of-type(3) {background:#4a9963;}
.pfo_con .sub09_color ul li:nth-of-type(4) {background:#808285;}
.pfo_con .sub09_color ul li:nth-of-type(5) {background:#d1d3d4;}


.pfo_con .sub11_color ul {overflow:hidden;}
.pfo_con .sub11_color ul li {float:left; width:43.715%;}
.pfo_con .sub11_color ul li p {font-size:1.25vw;}
.pfo_con .sub11_color ul li > div {height:5.2vw; margin-top:3%; color:#fff; font-size:1.054vw; padding:3%; box-sizing:border-box; background:#fa7497;}
.pfo_con .sub11_color ul li:first-child {margin-right:12.5683%;}
.pfo_con .sub11_color ul li:nth-of-type(2) > div {background:#404041; padding-top:5.2%;}


.pfo_con .sub12_color ul {overflow:hidden;}
.pfo_con .sub12_color ul li {float:left; width:20.6967%; margin:0 5.737% 0 0; text-align:center; color:#fff; font-size:1.015vw; padding:8.2% 0; box-sizing:border-box;}
.pfo_con .sub12_color ul li:nth-of-type(4n) {margin-right:0;}

.pfo_con .sub12_color ul li:first-child {background:url('/img/design/sub03/pfo_img12_2_01.png') no-repeat center top; background-size:100% 100%;}
.pfo_con .sub12_color ul li:nth-of-type(2) {background:url('/img/design/sub03/pfo_img12_2_02.png') no-repeat center top; background-size:100% 100%;}
.pfo_con .sub12_color ul li:nth-of-type(3) {background:url('/img/design/sub03/pfo_img12_2_03.png') no-repeat center top; background-size:100% 100%;}
.pfo_con .sub12_color ul li:nth-of-type(4) {background:url('/img/design/sub03/pfo_img12_2_04.png') no-repeat center top; background-size:100% 100%;}

.pfo_con .sub19_color {width:100%; min-height:886px; padding:0 0; background:url('/img/pfo_img19_2_bg.jpg') no-repeat center center / cover; }
.pfo_con .sub19_color ul {overflow:hidden; margin-top:0; margin-bottom:0; padding:267px 0; font-size:0; text-align:center; }
.pfo_con .sub19_color ul li {display:inline-block; vertical-align:top; width:353px; height:353px; margin:0 -7px; text-align:center; color:#555555; font-size:26px; box-sizing:border-box; font-weight:300; }
.pfo_con .sub19_color ul li b {color:#222222; font-weight:bold; }
.pfo_con .sub19_color ul li.type02 {position:relative; z-index:1; color:#fff; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -ms-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s; }
.pfo_con .sub19_color ul li.type02 b {color:#fff; }
.pfo_con .sub19_color ul li > div {display:table; width:100%; height:100%; }
.pfo_con .sub19_color ul li > div p {display:table-cell; vertical-align:middle; }
.pfo_con .sub19_color ul li:nth-of-type(3n) {margin-right:0;}

.pfo_con .sub19_color ul li:first-child {background:url('/img/pfo_img19_2_s1.png') no-repeat center top; background-size:100% 100%;}
.pfo_con .sub19_color ul li:nth-of-type(2) {background:url('/img/pfo_img19_2_s2.png') no-repeat center top; background-size:100% 100%;}
.pfo_con .sub19_color ul li:nth-of-type(3) {background:url('/img/pfo_img19_2_s1.png') no-repeat center top; background-size:100% 100%;}

.pfo_con .sub19_color ul li.upside {transform:translate(0,1000px); -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -ms-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s; }
.pfo_con .sub19_color ul li.under {transform:translate(0,-1000px); -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -ms-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s; }

.pfo_con .sub19_color ul li.on {transform:translate(0,0); }

.pfo_con .pfo_img20_3 {margin-top:-2px; }
.pfo_con .pfo_img20_5 {margin-top:-2px; }

.pfo_con .pfo_img21_3 {margin-top:-2px; }

@media all and (min-width:3000px) {
	.pfo_con .sub19_color ul li {width:600px; height:600px; font-size:45px; }
}

@media all and (max-width:1450px) {
	.pfo_con .color_type{padding: 0 8%; box-sizing: border-box;}

	.pfo_con .sub19_color {min-height:61.103vw; }
	.pfo_con .sub19_color ul { padding:18.4vw 0; }
	.pfo_con .sub19_color ul li {width:24.345vw; height:24.345vw; margin:0 -0.483vw; font-size:1.793vw; }
}
@media all and (max-width:999px) {
	.pfo_con .sub19_color ul {padding:15.6vw 0; }
	.pfo_con .sub19_color ul li {width:30.030vw; height:30.030vw; margin:0 -0.501vw; font-size:2.603vw; }
}
.pfo_con.last {margin-bottom:160px;}

@media all and (max-width:1000px){
	.pfo_con.last{margin-bottom: 13%;}
	.sub .inner_type{padding-top: 0;}
}
/* sub_container */
.sub_container ul li.textPart dl {margin-top:4.747%; color:#666; /*font-size:26px;*/ font-size:1.015625vw;}
.sub_container ul li.textPart dl a {font-size:1.015625vw; color:#666;}
.sub_container ul li.textPart dl:after {content:""; clear:both; display:block;}
.sub_container ul li.textPart dl dt {float:left; display:block; width:15.789%; margin-bottom:1%; color:#999;}
.sub_container ul li.textPart dl dd {float:left; display:block; width:84.211%; margin-bottom:1%;}
.sub_container ul li.textPart dl dt:last-of-type {margin-bottom:0;}
.sub_container ul li.textPart dl dd:last-of-type {margin-bottom:0;}
.sub_container ul li.textPart dl dd a {margin-right:2.5%;}
.sub_container ul li.textPart dl dd a.nohand {cursor:text;}
.sub_container ul li.textPart dl dd a:nth-of-type(1) img{width:13.812%;}
.sub_container ul li.textPart dl dd a:nth-of-type(2) img{width:19.66%;}
.sub_container ul li.textPart dl dd a:nth-of-type(3) img{width:17.918%; margin-right:0;}


/* about */
.about_con01, .about_con02, .about_con03, .about_con04, .about_con05, .about_con06 {margin-bottom:120px; box-sizing:border-box;}

.organization_bi {padding:0.02px; background-color:#1a1a1a; background-image:url(/img/organization_bg.png); background-repeat:no-repeat; background-position:center top;}
.organization_bi .inner {margin:4.798% 3%;}
.organization_bi .con01 {position:relative; max-width:1500px; height:1100px; margin:0 auto;}
.organization_bi .con01 .circle {position:absolute; display:block; width:240px; height:240px; border-radius:50%; text-align:center;}
.organization_bi .con01 .circle p {font-size:30px; color:#fff; line-height:1.2;}
.organization_bi .con01 .f_size p{font-size:25px;}
.organization_bi .con01 .circle p span {display:block; font-size:26px;}
.organization_bi .con01 .dep01 { width:250px; height:250px; background:#e41957 url(/img/organization_icon01.png) no-repeat center 30%;}
.organization_bi .con01 .dep01 p {margin-top:150px; font-size:44px;}
.organization_bi .con01 .dep02 {opacity:0; opacity:1 \0/IE8+9; background:#302f30 url(/img/organization_icon02.png) no-repeat center 30%;}
.organization_bi .con01.on .dep02 {-webkit-animation: fadeInUp 0.7s 0.1s 1 cubic-bezier(.77, 0, .175, 1); -moz-animation: fadeInUp 0.7s 0.1s 1 cubic-bezier(.77, 0, .175, 1); -o-animation: fadeInUp 0.7s 0.1s 1 cubic-bezier(.77, 0, .175, 1); animation: fadeInUp 0.7s 0.1s 1 cubic-bezier(.77, 0, .175, 1); animation-fill-mode: forwards; -webkit-animation-fill-mode: forwards;}
.organization_bi .con01 .dep02 p {margin-top:130px;}
.organization_bi .con01 .dep03 {opacity:0; opacity:1 \0/IE8+9; background:#262626 url(/img/organization_icon03.png) no-repeat center 25%;}
.organization_bi .con01.on .dep03 {-webkit-animation: fadeInUp 0.7s 0.3s 1 cubic-bezier(.77, 0, .175, 1); -moz-animation: fadeInUp 0.7s 0.3s 1 cubic-bezier(.77, 0, .175, 1); -o-animation: fadeInUp 0.7s 0.3s 1 cubic-bezier(.77, 0, .175, 1); animation: fadeInUp 0.7s 0.3s 1 cubic-bezier(.77, 0, .175, 1); animation-fill-mode: forwards; -webkit-animation-fill-mode: forwards;}
.organization_bi .con01 .dep03 p {margin-top:120px;}
.organization_bi .con01 .pos01 {top:190px; left:50%; -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); -ms-transform:translateX(-50%); -o-transform:translateX(-50%); transform:translateX(-50%);}
.organization_bi .con01 .pos02 {top:0; left:320px;}
.organization_bi .con01 .pos03 {top:375px; left:320px;}
.organization_bi .con01 .pos04 {top:0; right:320px;}
.organization_bi .con01 .pos05 {top:375px; right:320px;}
.organization_bi .con01 .pos06 {top:185px; left:0;}
.organization_bi .con01 .pos07 {top:620px; left:90px;}
.organization_bi .con01 .pos08 {top:830px; left:390px;}
.organization_bi .con01 .pos09 {top:830px; right:390px;}
.organization_bi .con01 .pos10 {top:620px; right:90px;}
.organization_bi .con01 .pos11 {top:185px; right:0;}
.organization_bi .con01 .pos06 p {margin-top:110px;}
.organization_bi .con02 {margin-top:4.423%;}
.organization_bi .con02 ul {max-width:2100px; margin:0 auto; text-align:center;}
.organization_bi .con02 ul:after {content:""; clear:both; display:block;}
.organization_bi .con02 ul li {height:560px; opacity:0; opacity:1 \0/IE8+9; float:left; width:calc(48.572% - 2px); margin-right:2.857%; margin-bottom:2.857%; padding:4.762%; box-sizing:border-box; border:1px solid #606060;}
.organization_bi .con02.on ul li {-webkit-animation: fadeInUp 0.7s 0.1s 1 cubic-bezier(.77, 0, .175, 1); -moz-animation: fadeInUp 0.7s 0.1s 1 cubic-bezier(.77, 0, .175, 1); -o-animation: fadeInUp 0.7s 0.1s 1 cubic-bezier(.77, 0, .175, 1); animation: fadeInUp 0.7s 0.1s 1 cubic-bezier(.77, 0, .175, 1); animation-fill-mode: forwards; -webkit-animation-fill-mode: forwards;}
.organization_bi .con02.on ul li:nth-of-type(n+3) {-webkit-animation: fadeInUp 0.7s 0.2s 1 cubic-bezier(.77, 0, .175, 1); -moz-animation: fadeInUp 0.7s 0.2s 1 cubic-bezier(.77, 0, .175, 1); -o-animation: fadeInUp 0.7s 0.2s 1 cubic-bezier(.77, 0, .175, 1); animation: fadeInUp 0.7s 0.2s 1 cubic-bezier(.77, 0, .175, 1); animation-fill-mode: forwards; -webkit-animation-fill-mode: forwards;}
.organization_bi .con02.on ul li:nth-of-type(n+5) {-webkit-animation: fadeInUp 0.7s 0.3s 1 cubic-bezier(.77, 0, .175, 1); -moz-animation: fadeInUp 0.7s 0.3s 1 cubic-bezier(.77, 0, .175, 1); -o-animation: fadeInUp 0.7s 0.3s 1 cubic-bezier(.77, 0, .175, 1); animation: fadeInUp 0.7s 0.3s 1 cubic-bezier(.77, 0, .175, 1); animation-fill-mode: forwards; -webkit-animation-fill-mode: forwards;}
.organization_bi .con02 ul li:nth-of-type(2n) {margin-right:0;}
.organization_bi .con02 ul li h5 {/*font-size:50px;*/ font-size:1.953125vw; color:#fff;}
.organization_bi .con02 ul li span {display:block; margin:1.226% 0; /*font-size:30px;*/ font-size:1.171875vw; color:#e41957;}
.organization_bi .con02 ul li p {/*font-size:28px;*/ font-size:1.09375vw; color:#999; word-break:keep-all;}
.organization_bi .con02 ul li p span.vih {display:inline; visibility:hidden; font-size:1.09375vw;}

.clients_bi {padding:0.02px; background:#f5f5f5;}
.clients_bi ul {margin:4% 6.3973% 2%;}
.clients_bi ul:after {content:""; clear:both; display:block;}
.clients_bi ul li {float:left; width:17.606%; margin-right:2.99%; margin-bottom:2.99%;  box-shadow:24px 0 27px rgba(0,0,0,0.29);}
.clients_bi ul li:nth-of-type(5n) {margin-right:0;}
.clients_bi ul li img {width:100%; display:block;}

.recruit_bi {position:relative; margin-bottom:120px;}
.recruit_bi ul {overflow:hidden;}
.recruit_bi ul:after {content:""; clear:both; display:block;}
.recruit_bi ul li {position:relative; float:left; width:25%; text-align:center; overflow:hidden;  -webkit-transition: all 0.4s linear;
   -moz-transition: all 0.4s linear;
   -o-transition: all 0.4s linear;
   -ms-transition: all 0.4s linear;
   transition: all 0.4s linear;}
.recruit_bi ul li img {display:block; width:100%; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-transform: scale(1.01); -moz-transform: scale(1.01); -o-transform: scale(1.01); -ms-transform: scale(1.01); transform: scale(1.01); transition: all 0.4s linear;
   -moz-transition: all 0.4s linear;
   -o-transition: all 0.4s linear;
   -ms-transition: all 0.4s linear;
   transition: all 0.4s linear;}
.recruit_bi ul li .txt {position:absolute; top:41.5%; left:0; width:100%; }
.recruit_bi ul li .txt i {/*font-size:80px;*/ font-size:3.125vw; color:#fff; font-weight:100; font-style:normal;-webkit-transition: all 0.4s linear;
   -moz-transition: all 0.4s linear;
   -o-transition: all 0.4s linear;
   -ms-transition: all 0.4s linear;
   transition: all 0.4s linear;}
.recruit_bi ul li .txt h5 {/*font-size:38px;*/ font-size:1.484375vw; color:#e41957;  -webkit-transition: all 0.4s linear;
   -moz-transition: all 0.4s linear;
   -o-transition: all 0.4s linear;
   -ms-transition: all 0.4s linear;
   transition: all 0.4s linear;}
.recruit_bi ul li .txt span {display:block; margin:1.226% 0; /*font-size:30px;*/ font-size:1.171875vw; color:#fff; -webkit-transition: all 0.4s linear;
   -moz-transition: all 0.4s linear;
   -o-transition: all 0.4s linear;
   -ms-transition: all 0.4s linear;
   transition: all 0.4s linear;}
.recruit_bi ul li .txt p {/*font-size:28px;*/ font-size:1.09375vw; color:#999; word-break:keep-all; -webkit-transition: all 0.4s linear;
   -moz-transition: all 0.4s linear;
   -o-transition: all 0.4s linear;
   -ms-transition: all 0.4s linear;
   transition: all 0.4s linear;}
.recruit_bi a.link {position:absolute; bottom:7.78%; left:50%; display:block; margin:1.8% auto 0; padding:1.2% 0; width:10.368852459%; text-align:center; color:#fff; font-size:1.09375vw; background:#e41957; border:1px solid #090909; -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); -ms-transform:translateX(-50%); -o-transform:translateX(-50%); transform:translateX(-50%);}
.recruit_bi a.link i {margin:1.5% 0 0 10%; color:#fff; font-size:1.3671875vw;}
.recruit_bi ul li.on img {-webkit-transform: scale(1.2); -moz-transform: scale(1.2); -o-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2);  -webkit-}
.recruit_bi ul li .txt {
   	-webkit-transition: all 0.4s linear;
   -moz-transition: all 0.4s linear;
   -o-transition: all 0.4s linear;
   -ms-transition: all 0.4s linear;
   transition: all 0.4s linear;}
.recruit_bi ul li.on .txt i {font-size:3.3vw;}
.recruit_bi ul li.on .txt h5 {font-size:1.6vw;}
.recruit_bi ul li.on .txt span {font-size:1.3vw; }
.recruit_bi ul li.on .txt p {font-size:1.2vw; }


.recf_wrap {margin-bottom:120px;}
.rec_form .tit {padding:0 0 0 3.5%; background:#e41957; color:#fff; text-align:left; overflow:hidden;}
.rec_form .tit span {display:inline-block; float:left; padding:1% 0; font-size:1.953vw;}

.rec_form .detail_type {background:#fff; }
.rec_form .detail_type table {width:100%;}
.rec_form .detail_type table tr {border-bottom:1px solid #bfbfbf;}
.rec_form .detail_type table th {padding:0 2%; font-size:1.328125vw; color:#222; font-weight:300; text-align:left; border-bottom:1px solid #bfbfbf;}
.rec_form .detail_type table .col02 {color:#e41957;}
.rec_form .detail_type table td {padding:25px 2%; font-size:1.328125vw; color:#222; vertical-align:middle; border-bottom:1px solid #bfbfbf;}
.rec_form .detail_type table td input {width:40%; height:50px; border:1px solid #adacac; font-size:1.1vw; padding:0 10px; box-sizing:border-box;}
.rec_form .detail_type table td input.bcolo02 {border:1px solid #e41957;}
.rec_form .detail_type table td span {display:inline-block; width:13%; box-sizing:border-box; font-size:1.328125vw; color:#222;}
.rec_form .detail_type table td p {display:inline-block; width:38%; box-sizing:border-box;}
.rec_form .detail_type table td p > input.size02 {width:35%; margin-left:1%;}
.rec_form .detail_type table td p > span.size02 {display:inline-block; padding-left:4%; box-sizing:border-box; width:34%;}
.rec_form .detail_type table td input.size03 {width:40%;}
.rec_form .detail_type table td input[type="file"] {width:100%; background:#fff; padding:2px 10px;}

.rec_form .detail_type table td label {font-size:1.328125vw; color:#222; vertical-align:middle; margin-right:3%;}
.rec_form .detail_type table td label input {display:none;}
.rec_form .detail_type table td label input + i {display:inline-block; width:1.640625vw; height:1.640625vw; margin-right:5px; background:url('/img/check_style.png') no-repeat left top; vertical-align:middle; background-size:100%;}
.rec_form .detail_type table td label input:checked + i {background:url('/img/checked_style.png') no-repeat left top; background-size:100%;}
.rec_form .detail_type table td textarea {resize:none; width:100%; height:290px; border:1px solid #adacac; box-sizing:border-box; padding:10px;}
.rec_form .detail_type .agree {margin-top:30px; padding:0 2%; font-size:1.25vw; color:#444; font-weight:300; vertical-align:middle;}
.rec_form .detail_type .agree input {width: 1.171875vw; height: 1.171875vw; vertical-align:middle;}
.rec_form .detail_type .agree label {display:inline-block; vertical-align:middle; margin-top:0.3%;}
.rec_form .detail_type .agree a {display:inline-block; float:right; width:12.1192%; text-align:center; background:#8b8e97; color:#fff; font-size:1.25vw; line-height:1; padding:1.3% 0; vertical-align:middle;}
.rec_form > a {display:block; margin:1.8% auto 0; padding:1.2% 0; width:16%; text-align:center; color:#fff; font-size:1.6796875vw; background:#e41957; font-weight:300;}

.rec_form .rec_end {margin-bottom:3.5%; padding:12% 0; text-align:center; font-size:2.734375vw; font-weight:300; color:#222; border-bottom:1px solid #a7a7a7;}
.rec_form .rec_end span {color:#e41957; font-weight:400;}


.location_bi {position:relative; height:100%; background:#f5f5f5;}
.location_bi .txt_wrap {position:absolute; top:0; right:0; width:28.9%; height:100%;}
.location_bi .txt_wrap .inner {display:table; width:100%; height:100%;}
.location_bi .txt_wrap .con_dtc {display:table-cell; vertical-align:middle; padding-left:5.541%; background:#f5f5f5;}
.location_bi .txt_wrap dl {margin-bottom:5%;}
.location_bi .txt_wrap dl dt {/*font-size:25px;*/ font-size:1.25vw; color:#000; margin-bottom:1.5%;}
.location_bi .txt_wrap dl dd {/*font-size:23px;*/ font-size:1.09375vw; color:#333; font-weight:300;}
.location_bi .txt_wrap dl dd.num {/*font-size:23px;*/ margin-top:2%; padding-bottom:2%;}
.location_bi .txt_wrap dl dd.num a { font-size:1.09375vw; color:#333; cursor:default;}
.location_bi .txt_wrap .btn {font-size:0;}
.location_bi .txt_wrap .btn a {display:inline-block; width:29.326%; padding:2.053% 0; /*font-size:25px;*/ font-size:0.9765625vw; color:#fff; text-align:center; margin-right:5px;}
.location_bi .txt_wrap .btn a:nth-of-type(1) {background:#e41957;}
.location_bi .txt_wrap .btn a:nth-of-type(2) {background:#2e2e2e;}



.notice_bi {position:relative;}
.notice_bi ul:after {content:""; clear:both; display:block;}
.notice_bi ul li {float:left; width:calc(25% - 7px); height:14.53125vw; margin-right:7px; margin-bottom:7px; padding:4% 2%; box-sizing:border-box; background:#fafafa;}
.notice_bi ul li:nth-of-type(4n) {margin-right:0;}
.notice_bi ul li span {/*font-size:35px;*/ font-size:1.3vw; color:#FF0707;}
.notice_bi ul li h5 {/*font-size:40px;*/ font-size:1.4625vw; color:#222; margin:4% 0 6%; font-weight: 600;}
.notice_bi ul li p {/*font-size:30px;*/ font-size:1.21875vw; color:#222;
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}


.notice_read .read_wrap .tit {border-top:1px solid #333; border-bottom:1px solid #bfbfbf; background:#fafafa; overflow:hidden; padding:1.5% 50px 1.5% 60px;}
.notice_read .read_wrap .tit h6 {float:left; width:87%; font-size:1.953125vw; color:#222; letter-spacing:-0.05em;}
.notice_read .read_wrap .tit p {float:right; width:13%; text-align:right; margin-top:0.5%;  color:#e41957; font-size:1.3671875vw;}
.notice_read .read_wrap .detail {padding:60px 60px 180px; font-size:1.5625vw; letter-spacing:-0.05em; color:#444; border-bottom:1px solid #222;}
.notice_read .btn_type {text-align:right; font-size:0; margin-top:34px;}
.notice_read .btn_type a {display:inline-block; width:8.984375%; margin-left:10px; font-size:1.328125vw; color:#fff; background:#8b8e97; text-align:center; line-height:1; padding:0.765% 0;}
.notice_read a.enter {display:block; margin:0 auto 120px; width:15.859375%; background:#e41957; color:#fff; font-size:1.6796875vw; line-height:1; padding:1.5% 0; text-align:center;}





/* 20170919 */
.inner_box { position:relative; overflow:hidden; }
.inner_box > img {width:100%; height:auto; }
.inner_box_in { position:absolute; left:0; top:0; width:100%; height:100%;  }
.inner_box_in img { position:absolute; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; -ms-transition: all 0.5s; transition: all 0.5s; }
.inner_box_in img.sldn { position:absolute; -webkit-transition: all 0.7s; -moz-transition: all 0.7s; -o-transition: all 0.8s; -ms-transition: all 0.7s; transition: all 0.7s; }
/* .inner img.sldn { position:absolute; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; -ms-transition: all 0.5s; transition: all 0.5s; } */
.pfo_visual .top_img_in .inner img.sldn { position:absolute; -webkit-transition: all 0.7s; -moz-transition: all 0.7s; -o-transition: all 0.7s; -ms-transition: all 0.7s; transition: all 0.7s; }

.inner_box_in img.lefttopside {transform:translate(-1100px, -1100px); -webkit-transform:translate(-1100px, -1100px); -moz-transform:translate(-1100px, -1100px); -o-transform:translate(-1100px, -1100px);opacity:0; }
.inner_box_in img.leftdownside {transform:translate(-1100px, 1100px); -webkit-transform:translate(-1100px, 1100px); -moz-transform:translate(-1100px, 1100px); -o-transform:translate(-1100px, 1100px);opacity:0; }
.inner_box_in img.righttopside {transform:translate(1100px, -1100px); -webkit-transform:translate(1100px, -1100px); -moz-transform:translate(1100px, -1100px); -o-transform:translate(1100px, -1100px);opacity:0; }
.inner_box_in img.rightdownside {transform:translate(1100px, 1100px); -webkit-transform:translate(1100px, 1100px); -moz-transform:translate(1100px, 1100px); -o-transform:translate(1100px, 1100px); opacity:0;}
.inner_box_in img.scalein { transform:scale(0,0); -webkit-transform:scale(0,0); -moz-transform:scale(0,0); -o-transform:scale(0,0); -ms-transform:scale(0,0); }

.inner_box_in img.leftside {transform:translate(-1100px, 0); -webkit-transform:translate(-1100px, 0); -moz-transform:translate(-1100px, 0); -o-transform:translate(-1100px, 0); opacity:0;}
.inner_box_in img.rightside {transform:translate(1000px, 0); -webkit-transform:translate(1000px, 0); -moz-transform:translate(1000px, 0); -o-transform:translate(1000px, 0);opacity:0;  }
.inner_box_in img.upside {transform:translate(0,-1100px);-webkit-transform:translate(0,-1100px); -moz-transform:translate(0,-1100px); -o-transform:translate(0,-1100px); opacity:0;}
.inner_box_in img.under {transform:translate(0,1000px); -webkit-transform:translate(0,1000px); -moz-transform:translate(0,1000px); -o-transform:translate(0,1000px); opacity:0;}
.inner_box_in img.on {transform: translate(0, 0); opacity:1; transform:scale(1,1);}


/*   portfolio/sub01.jsp  ~~~~~    */


/**/
img.pfo_img01_s1 { left:0; top:0; max-width:100%; }
img.pfo_img01_s2 { right:0; top:27%; width: 38%; max-width:38% !important;  transition-delay:0.2s !important; }
@media all and (max-width:550px) {
	img.pfo_img01_s2 { right: 8%; width: 30%; }
}



img.pfo_img01_1_s1 { left:0; top:0; width: 62%;  z-index:3; }
img.pfo_img01_1_s2 { right:0; top:0; transition-delay:0.2s; width: 56%; z-index:2; }
img.pfo_img01_1_s3 { right:0; bottom:0; transition-delay:0.4s; width: 61%; z-index:1; }
@media all and (max-width:550px) {
	img.pfo_img01_1_s1 { left:0; top:0; width: 100%;  z-index:3; }
	img.pfo_img01_1_s2 { right:0; top:41%; transition-delay:0.2s; width: 100%; z-index:2; }
	img.pfo_img01_1_s3 { right:0; bottom:0; transition-delay:0.4s; width: 100%; z-index:1; }
}

img.pfo_img01_2_s1 { left:0; top:0; width: 72%;}
img.pfo_img01_2_s2 { right:0; bottom:0; width: 62%; transition-delay:0.2s; }
@media all and (max-width:550px) {
	img.pfo_img01_2_s1 { left:0; top:7%; width: 100%;}
	img.pfo_img01_2_s2 { right:0; bottom:11%; width: 93%;  }
}


img.pfo_img01_3_s1 { left:0; top:0; width: 38%; }
img.pfo_img01_3_s2 { left:0; bottom:0; width: 61%; transition-delay:0.2s; }
img.pfo_img01_3_s3 { right:0; bottom:0;  width: 34%; transition-delay:0.4s; }
@media all and (max-width:550px) {
	img.pfo_img01_3_s1 { left:-20%; top:0; width: 81%; }
	img.pfo_img01_3_s2 { left:-30%; bottom:24%; width: 124%; max-width:none !important; }
	img.pfo_img01_3_s3 { right:15%; bottom:-14%;  width: 76%; }
}


img.pfo_img02_s1 { left:0; top:0; width:100%;}
img.pfo_img02_s2 { left:0; bottom:0; width:24%; transition-delay:0.6s !important;}
img.pfo_img02_s3 { right:0; top:0; width:34%;  transition-delay:0.2s !important; }
@media all and (max-width:550px) {
	img.pfo_img02_s2 { left:0; bottom:0; width:24%; }
	img.pfo_img02_s3 { right:0; top:0; width:34%; }
}


.pfo_img02_1 { text-align:center; max-width:2400px; margin:0 auto;  }
img.pfo_img02_1_s1 { right:0; top:0; width: 82%; z-index:3; }
img.pfo_img02_1_s2 { right:0; bottom:0; width: 91%; z-index:2;  transition-delay:0.2s;}
img.pfo_img02_1_s3 { right:0; bottom:0;  width: 47%; z-index:1; transition-delay:0.4s;}
@media all and (max-width:550px) {
	img.pfo_img02_1_s1 { right:-8%; top:5%; width: 100%; }
	img.pfo_img02_1_s2 { right:-14%; bottom:25%; width: 113%; max-width:none !important; }
	img.pfo_img02_1_s3 { right:0; bottom:0;  width: 93%;}
}


.pfo_img02_2 { text-align:center; max-width:2500px; margin:0 auto; }
img.pfo_img02_2_s1 { left:0; top:0; width: 72%; }
img.pfo_img02_2_s2 { right:0; bottom:0;  width: 30%; transition-delay:0.2s;}
@media all and (max-width:550px) {
	img.pfo_img02_2_s1 { left:0; top:7%; width: 94%; }
	img.pfo_img02_2_s2 { right:0; bottom:-2%;  width: 38%; }
}


.pfo_img02_3 { text-align:center; max-width:2500px; margin:0 auto;  }
img.pfo_img02_3_s1 { left:0; bottom:0; z-index:2;     width: 73.3%;}
img.pfo_img02_3_s2 { right:0; bottom:0; z-index:1; width: 48.5%; transition-delay:0.2s; }
@media all and (max-width:550px) {
	img.pfo_img02_3_s1 { left:0; bottom:46%;  width: 100%;}
	img.pfo_img02_3_s2 { right:2%; bottom:-8%; width: 82%; }
}




img.pfo_img03_s1 { left:0; top:0; width:100%; }
img.pfo_img03_s2 { right:0; bottom:0;  width: 37%; transition-delay:0.2s !important; }

.pfo_img03_1 { text-align:center; max-width:2500px; margin:0 auto;  }
img.pfo_img03_1_s1 { left:0; top:0; z-index:2;  width: 61%; transition-delay:0.2s;}
img.pfo_img03_1_s2 { right:0; top:0; z-index:1; width: 61%;}



.pfo_img03_2 { text-align:center; max-width:2500px; margin:0 auto;  }
img.pfo_img03_2_s1 { left:0; top:0; z-index:1;}
img.pfo_img03_2_s2 { left:0; top:0; z-index:2; transition-delay:0.2s; width: 62%;}
img.pfo_img03_2_s3 { right:0; top:0; z-index:2; transition-delay:0.4s; width: 82.7%;}
img.pfo_img03_2_s4 { right:0; top:0; z-index:2; transition-delay:0.6s; width: 58.7%;}
@media all and (max-width:550px) {
	img.pfo_img03_2_s1 { display:none; }
	img.pfo_img03_2_s2 { left:-1.2%; top:-2.8%; width: 100%;}
	img.pfo_img03_2_s3 { right:-27%; top:12%;  width: 133%; max-width:none !important;}
	img.pfo_img03_2_s4 { right:0; top:24%;  width: 100%;}
}




.pfo_img03_3 { text-align:center; max-width:2500px; margin:0 auto;  }
img.pfo_img03_3_s1 { left:0; top:0; width: 56.6%; }
img.pfo_img03_3_s2 { right:0; top:0;  width: 56.4%; transition-delay:0.2s;}
@media all and (max-width:550px) {
	img.pfo_img03_3_s1 { left:0; top:0; width: 81%; }
	img.pfo_img03_3_s2 { right:0; top:30%;  width: 82%;}
}




img.pfo_img04 { left:0; top:0;  }

.pfo_img04_1 { text-align:center; max-width:2500px; margin:0 auto;  }
img.pfo_img04_1_s1 { left:0; top:0; width: 61%; }
img.pfo_img04_1_s2 { right:26.3%; top:34%; width: 6%; transition-delay:0.2s; }
img.pfo_img04_1_s3 { right:19.7%; top:34%; width: 6%; transition-delay:0.4s;}
img.pfo_img04_1_s4 { right:13.1%; top:34%; width: 6%; transition-delay:0.6s;}
img.pfo_img04_1_s5 { right:6.7%; top:34%; width: 6%; transition-delay:0.8s;}
@media all and (max-width:550px) {
	img.pfo_img04_1_s1 { left:0; top:56%; width: 96%; transition-delay:0.9s; transition-duration:0.7s; }
	img.pfo_img04_1_s2 { right:69.1%; top:23.7%; width: 15%; }
	img.pfo_img04_1_s3 { right:52.2%; top:23.7%; width: 15%; }
	img.pfo_img04_1_s4 { right:34.5%; top:23.7%; width: 15%; }
	img.pfo_img04_1_s5 { right:17.6%; top:23.7%; width: 15%; }
}

.pfo_img04_2 { text-align:center; max-width:2500px; margin:0 auto;  }
img.pfo_img04_2_s1 { left:0; top:0; }
img.pfo_img04_2_s2 { left:0; top:0; transition-delay:0.2s; }
img.pfo_img04_2_s3 { left:0; top:0; transition-delay:0.4s; }
img.pfo_img04_2_s4 { left:0; top:0; transition-delay:0.6s; }
@media all and (max-width:550px) {
	img.pfo_img04_2_s1 { left:0%; top:15%; width:100%; max-width: none !important; transition-duration:0.7s; }
	img.pfo_img04_2_s2 { left:0%; top:15%; width:100%; max-width: none !important; transition-duration:0.7s;}
	img.pfo_img04_2_s3 { left:0%; top:15%; width:100%; max-width: none !important; transition-duration:0.7s;}
	img.pfo_img04_2_s4 { left:0%; top:15%; width:100%; max-width: none !important; transition-duration:0.7s;}
}



.pfo_img04_3 { text-align:center; max-width:2500px; margin:0 auto;  }
img.pfo_img04_3_s1 { left:0; top:0; width: 53%; }
img.pfo_img04_3_s2 { right:0; bottom:0;  width: 52%; transition-delay:0.2s;  }
@media all and (max-width:550px) {
	img.pfo_img04_3_s1 { left:0; top:0; width: 88%; }
	img.pfo_img04_3_s2 { right:0; bottom:0;  width: 84%;}
}


img.pfo_img05_s1 { left:0; top:0; }
img.pfo_img05_s2 { right:0; bottom:0; width: 42%;  transition-delay:0.2s !important;}




.pfo_img05_1 { text-align:center; max-width:2500px; margin:0 auto;  }
img.pfo_img05_1_s1 { left:0; top:0;  }
img.pfo_img05_1_s2 { left:0; top:0; width:73%; transition-delay:0.1s;}
img.pfo_img05_1_s3 { right:0; top:0; width:40.5%; transition-delay:0.2s;}
img.pfo_img05_1_s4 { left:0; bottom:0;  width:29.2%;transition-delay:0.3s;}
img.pfo_img05_1_s5 { right:0; bottom:0; width:29%; transition-delay:0.4s;}
@media all and (max-width:550px) {
	img.pfo_img05_1_s1 { left: -15%; top: 0; width: 135%; max-width:none !important; }
	img.pfo_img05_1_s2 {left: -15%; top: 0; width: 98%; }
	img.pfo_img05_1_s3 { right: -18.3%; top: 0;  width: 52.5%;}
	img.pfo_img05_1_s4 { left: -15.7%; bottom: 1.3%;  width: 40.2%;}
	img.pfo_img05_1_s5 { right: -24.6%; bottom: 4%; width: 44%;}
}


.pfo_img05_2 { text-align:center; max-width:2500px; margin:0 auto;  }
img.pfo_img05_2_s1 { right:0; bottom:0; width: 44%; transition-delay:0.2s;}
img.pfo_img05_2_s2 { left:0; bottom:0; width: 48%; transition-delay:0.4s;}
img.pfo_img05_2_s3 { left:0; top:0;  width: 75%;transition-delay:0.6s; }
@media all and (max-width:550px) {
	img.pfo_img05_2_s1 { right:6%; bottom:0; width: 58%; }
	img.pfo_img05_2_s2 { left:0; bottom:6%; width: 86%; }
	img.pfo_img05_2_s3 { left:0; top:0;  width: 97%; }
}



.pfo_img05_3 { text-align:center; max-width:2500px; margin:0 auto;  }
img.pfo_img05_3_s1 { right:0; top:0; width: 55%; }
img.pfo_img05_3_s2 { right:0; top:0; width: 85%;transition-delay:0.2s; }
img.pfo_img05_3_s3 { left:0; bottom:0; width: 67%;transition-delay:0.4s;}
@media all and (max-width:550px) {
	img.pfo_img05_3_s1 { right:0; top:0; width: 99%; }
	img.pfo_img05_3_s2 { right:-30%; top:24%; width: 132%; max-width:none !important;}
	img.pfo_img05_3_s3 { left:0; bottom:0; width: 100%;}
}


img.pfo_img06_s1 { left:0; top:0; }
img.pfo_img06_s2 { right:0; bottom:0; width: 37%;}


.pfo_img06_1 { text-align:center; max-width:1625px; margin:0 auto;  }
img.pfo_img06_1_s1 { right:0; top:0; }
img.pfo_img06_1_s2 { left:0; bottom:0; transition-delay:0.5s; }


.pfo_img06_2 { text-align:center; max-width:2440px; margin:0 auto;  }
img.pfo_img06_2_s1 { left:0; top:0;  }
img.pfo_img06_2_s2 { left:0; top:0; transition-delay:0.2s;  }
img.pfo_img06_2_s3 { left:0; bottom:0; width: 68%; transition-delay:0.4s;}
@media all and (max-width:550px) {
	img.pfo_img06_2_s1 { left:-41%; top:26%; width:186%; max-width:none !important;}
	img.pfo_img06_2_s2 { left:-42%; top:28%; width:186%; max-width:none !important;}
	img.pfo_img06_2_s3 { left:-38%; bottom:0; width: 121%; max-width:none !important;}
}


.pfo_img06_3 { text-align:center; max-width:2440px; margin:0 auto;  }
img.pfo_img06_3_s1 { left:0; top:0; }
img.pfo_img06_3_s2 { left:0; bottom:0; width: 36%; transition-delay:0.2s;}
img.pfo_img06_3_s3 { left: 34%;  top: 40%; width: 10%; transition-delay:0.3s;}
img.pfo_img06_3_s4 { left: 39.6%;  top: 45.7%;  width: 10%; transition-delay:0.4s;}
img.pfo_img06_3_s5 { left: 58%;  top: 52%;  width: 10%; transition-delay:0.5s; }
img.pfo_img06_3_s6 { left: 64.3%;  top: 40%;  width: 10%; transition-delay:0.6s;}

@media all and (max-width:550px) {
	img.pfo_img06_3_s1 { left:-8%; top:0; width:120%; max-width:none !important; }
	img.pfo_img06_3_s2 { left:-5%; bottom:0; width: 36%;}
	img.pfo_img06_3_s3 { left: 33%;  top: 43%; }
	img.pfo_img06_3_s4 { left: 39.8%;  top: 49.7%; }
	img.pfo_img06_3_s5 { left: 61.8%;  top: 55.3%; }
	img.pfo_img06_3_s6 { left: 69.3%;  top: 43%; }
}




img.pfo_img07_s1 { left:0; top:0;  }
img.pfo_img07_s2 { right:0; bottom:0; width:40%;  transition-delay:0.2s !important; }

.pfo_img07_1  { text-align:center; max-width:2440px; margin:0 auto;  }
img.pfo_img07_1_s1 { right:0; top:0;  width: 71%;}
img.pfo_img07_1_s2 { left:0; top:0; width: 66%; transition-delay:0.2s;}
img.pfo_img07_1_s3 { right:0; bottom:0; width: 71%; transition-delay:0.4s;}
img.pfo_img07_1_s4 { left:0; bottom:0;  width: 78%; transition-delay:0.6s;}
@media all and (max-width:550px) {
	img.pfo_img07_1_s1 { right:-18%; top:0;  width: 106%;  max-width: none !important;}
	img.pfo_img07_1_s2 { left:-3%; top:0; width: 100%; }
	img.pfo_img07_1_s3 { right:-4%; bottom:-5%; width: 96%;}
	img.pfo_img07_1_s4 { left:-14%; bottom:-4%;  width: 100%; }
}


.pfo_img07_2 { text-align:center; max-width:2440px; margin:0 auto;  }
img.pfo_img07_2_s1 { right:0; bottom:0; width: 67%; }
img.pfo_img07_2_s2 { left:0; bottom:0; width: 68%; transition-delay: 0.2s !important; }
@media all and (max-width:550px) {
	img.pfo_img07_2_s1 { right:-22%; bottom:0; width: 97%; }
	img.pfo_img07_2_s2 { left:-17%; bottom:0; width: 96%; }
}



.fo_img07_3 { text-align:center; max-width:2440px; margin:0 auto;  }
img.pfo_img07_3_s1 { left:0; top:0; width: 51%;}
img.pfo_img07_3_s2 { right:0; bottom:0; width: 79%; transition-delay: 0.2s; }
img.pfo_img07_3_s3 { left:0; bottom:0; width: 31%; transition-delay: 0.3s;}
@media all and (max-width:550px) {
	img.pfo_img07_3_s1 { left:-10%; top:0; width: 61%;}
	img.pfo_img07_3_s2 { right:-3%; bottom:0; width: 85%; }
	img.pfo_img07_3_s3 { left:-9%; bottom:0; width: 37%; }
}


.pfo_img08_box { text-align:center; max-width:430px; margin:0 auto;  }
img.pfo_img08 { left:0; top:0; }

@media all and (max-width:550px) {
	.pfo_img08_box { max-width:80%; }
}

.pfo_img08_1 { text-align:center; max-width:2440px; margin:0 auto;  }
img.pfo_img08_1_s1 { left:0; top:0;   width: 64.5%;}
img.pfo_img08_1_s2 { right:0; bottom:0;   width: 42%; }
@media all and (max-width:550px) {
	img.pfo_img08_1_s1 { left:-40%; top:0;   width:139%; max-width: none !important; }
	img.pfo_img08_1_s2 { right:-41%; bottom:0;   width: 131%; max-width: none !important; }
}


.pfo_img08_2 { text-align:center; max-width:2440px; margin:0 auto;  }
img.pfo_img08_2_s1 { left:0; top:0; width: 62.8%; transition-delay: 0.2s;}
img.pfo_img08_2_s2 { left:0; top:0; width: 43.1%; transition-delay: 0.4s;}
img.pfo_img08_2_s3 { right:0; top:0; width: 44%; transition-delay: 0.6s;}
img.pfo_img08_2_s4 { right:0; top:0; width: 64%; transition-delay: 0.8s;}
img.pfo_img08_2_s5 { right:0; top:0; width: 39%; transition-delay: 1.0s;}
@media all and (max-width:550px) {
	img.pfo_img08_2_s1 {left: -53%; top: -10%;  width: 171%;  max-width: none !important; }
	img.pfo_img08_2_s2 {left: -53%; top: -10%;  width: 117%;  max-width: none !important; }
	img.pfo_img08_2_s3 { right: -50%; top: 18.4%; width: 117%;  max-width: none !important; }
	img.pfo_img08_2_s4 { right: -46%; top: 20%; width: 165%; max-width: none !important;}
	img.pfo_img08_2_s5 { right: -16%;  top: 35%; width: 100%; max-width: none !important; }	
}

.pfo_img08_3 { text-align:center; max-width:2440px; margin:0 auto;  }
img.pfo_img08_3_s1 { left:0; top:0; width: 40.7%;  }
img.pfo_img08_3_s2 { left:0; top:0; width: 60.4%; transition-delay: 0.2s;}
img.pfo_img08_3_s3 { right:0; top:0; width: 40%; transition-delay: 0.4s;}
@media all and (max-width:550px) {
	img.pfo_img08_3_s1 { left: -38.6%; top: -11%;  width: 90%; }
	img.pfo_img08_3_s2 {left: -36%;  top: 16%;  width: 134%;  max-width: none !important;}
	img.pfo_img08_3_s3 { right: 3%;  top: 35%;  width: 90%; }
}



img.pfo_img09 { left:0; top:0;  }

.pfo_img09_2 { text-align:center; max-width:2440px; margin:0 auto;  }
img.pfo_img09_2_s1 { right:0; bottom:-14%; width:50%;}
img.pfo_img09_2_s2 { right:0; bottom:0; width:31%; transition-delay: 0.2s !important; }
@media all and (max-width:550px) {
	img.pfo_img09_2_s1 { right:0; bottom:0%; width:100%;}
	img.pfo_img09_2_s2 { right:0; bottom:7%; width:64%;  }
}


.sig_type_com img { -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; -ms-transition: all 0.2s; transition: all 0.2s; }
.sig_type_com img.scalein  { transform:scale(0,0); -webkit-transform:scale(0,0); -moz-transform:scale(0,0); -o-transform:scale(0,0); -ms-transform:scale(0,0); }
.sig_type_com img.on {transform: translate(0, 0); opacity:1; transform:scale(1,1);}
img.pfo_img09_1_01 {  }
img.pfo_img09_1_02 { transition-delay: 0.2s; }
img.pfo_img09_1_03 { transition-delay: 0.4s; }
img.pfo_img09_1_04 { transition-delay: 0.3s; }
img.pfo_img09_1_05 { transition-delay: 0.5s; }


.color_type_ani ul li {  -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; -ms-transition: all 0.2s; transition: all 0.2s; }
.color_type_ani ul li.opazero { opacity:0; }
.color_type_ani ul li.on { opacity:1; }

.color_type_ani ul li:nth-of-type(2) {  transition-delay: 0.2s;  }
.color_type_ani ul li:nth-of-type(3) {  transition-delay: 0.4s;  }
.color_type_ani ul li:nth-of-type(4) {  transition-delay: 0.6s;  }
.color_type_ani ul li:nth-of-type(5) {  transition-delay: 0.8s;  }




img.pfo_img10_2_s1 { left:0; top:0; transition-duration:0.3s;}
img.pfo_img10_2_s2 { left:0; top:0; width: 50%;  }
img.pfo_img10_2_s3 { right:0; top:0;  width: 50%; transition-delay: 0.1s}
img.pfo_img10_2_s4 { left:0; bottom:0; transition-delay: 0.2s;transition-duration:0.6s; }


img.pfo_img10_5_s1 { left:0; top:0; width:50%;}
img.pfo_img10_5_s2 { right:0; top:0;  width:50%; transition-delay: 0.1s;}
img.pfo_img10_5_s3 { left:0; bottom:0;  width:50%; transition-delay: 0.2s;}
img.pfo_img10_5_s4 { right:0; bottom:0;  width:50%; transition-delay: 0.3s;}

.pfo_img10_1 { text-align:center; max-width:2440px; margin:0 auto;  }
img.pfo_img10_1_1_s1 { right:0; top:0;width: 46%; }
img.pfo_img10_1_1_s2 { right:0; top:0; width: 69%; transition-delay: 0.1s;}
img.pfo_img10_1_1_s3 { left:0; bottom:0;width: 64%;  transition-delay: 0.2s;}

img.pfo_img10_1_2_s1 { right:0; top:0;     width: 61%;}
img.pfo_img10_1_2_s2 { left:0; top:0;    width: 43%; }

/**/
.pfo_img11_1_ani { }
.pfo_img11_1_ani img { transition:all 0.5s; }
.pfo_img11_1_ani img.pfo_img11_1 { opacity:0; transition-delay:0.5s;}
.pfo_img11_1_ani img.on { opacity:1; }

.sub11_color_ani {  }
.sub11_color_ani ul li div { transition:all 0.5s; opacity:0;}
.sub11_color_ani ul li div.on { opacity:1; }

.sub11_color_ani ul li:nth-of-type(1) div { transition-delay:0.3s; }
.sub11_color_ani ul li:nth-of-type(2) div { transition-delay:0.5s; }





.pfo_img11_3 { text-align:center; max-width:2440px; margin:0 auto;  }
img.pfo_img11_3_s1 { left:0; top:0; width:50%; width: 66.5%; }
img.pfo_img11_3_s2 { left:0; bottom:0; width:50%; width: 66.5%; transition-delay: 0.2s; }
img.pfo_img11_3_s3 { right:0; top:0; width:50%; width: 33.4%; transition-delay: 0.4s;}
img.pfo_img11_3_s4 { right:0; bottom:0; width:50%;width: 33.4%; transition-delay: 0.6s;} 
img.pfo_img11_3_s5 { right:0; bottom:0;  width:50%;width: 33.4%; transition-delay: 0.8s;}


.sig_type01_ani ul li img { -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; -ms-transition: all 0.2s; transition: all 0.2s; }
.sig_type01_ani ul li img.scalein  { transform:scale(0,0); -webkit-transform:scale(0,0); -moz-transform:scale(0,0); -o-transform:scale(0,0); -ms-transform:scale(0,0); }
.sig_type01_ani ul li img.on {transform: translate(0, 0); opacity:1; transform:scale(1,1);}

img.design/sub03/pfo_img12_1_02 { transition-delay: 0.2s !important; }

.sub12_color_ani ul li {-webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; -ms-transition: all 0.2s; transition: all 0.2s; }
.sub12_color_ani ul li.opazero { opacity:0; }
.sub12_color_ani ul li.on { opacity:1; }

.sub12_color_ani ul li:nth-of-type(2) {transition-delay: 0.2s;  }
.sub12_color_ani ul li:nth-of-type(3) {transition-delay: 0.4s;  }
.sub12_color_ani ul li:nth-of-type(4) {transition-delay: 0.6s;  }




.design/sub03/pfo_img12_2 { text-align:center; max-width:2440px; margin:0 auto;  }
img.design/sub03/pfo_img12_2_1_s1 { right:0; top:0; width: 23.4%; }
img.design/sub03/pfo_img12_2_1_s2 { right:0; top:0; width: 46%; transition-delay: 0.2s;  }

img.design/sub03/pfo_img12_2_2_s1 { right:0; top:0; width:37.6%;  }
img.design/sub03/pfo_img12_2_3_s1 { left:0; top:0; width:50%;  }



img.pfo_img13_s1 {  }
img.pfo_img13_s2 { right:0; bottom:0; width:40%; transition-delay: 0.2s !important; }


img.pfo_img13_1_s1 { left:0; top:0; width:52%;}
img.pfo_img13_1_s2 { right:0; top:0; width:80%; transition-delay: 0.2s; }
img.pfo_img13_1_s3 { left:0; bottom:0; width:28%; transition-delay: 0.4s}

.pfo_img13_2 { text-align:center; max-width:2440px; margin:0 auto;  }
img.pfo_img13_2_s1 { left:0; top:0; width:56%; }
img.pfo_img13_2_s2 { right:0; top:0; width:69%; transition-delay: 0.2s !important; }
@media all and (max-width:550px) {
	img.pfo_img13_2_s1 { left:0; top:6%; width:81%; }
	img.pfo_img13_2_s2 { right:0; top:41%; width:96%; }
}




.pfo_img13_3 { text-align:center; max-width:2440px; margin:0 auto;  }
img.pfo_img13_3_1_s1 { left:0; top:0; }
img.pfo_img13_3_1_s2 { left:0; bottom:0;  width:61%; z-index:2; transition-delay: 0.2s}
img.pfo_img13_3_1_s3 { right:0; bottom:0;  width:58%; z-index:1; transition-delay: 0.4s}

img.pfo_img13_3_2_s1 { left:0; top:0;   width: 59%; z-index:2; transition-delay: 0.2s}
img.pfo_img13_3_2_s2 { right:0; top:0;  width: 54%;z-index:1; transition-delay: 0.4s }
@media all and (max-width:550px) {
	img.pfo_img13_3_1_s1 { left: -24%;    top: 0;    width: 143%;    max-width: none !important; }
	img.pfo_img13_3_1_s2 { left:0; bottom:33%;  width:90%; }
	img.pfo_img13_3_1_s3 { right:0; bottom:6%;  width:90%; }

	img.pfo_img13_3_2_s1 { left:0; top:0;   width: 90%; }
	img.pfo_img13_3_2_s2 { right:0; top:48%;  width: 90%; }
}


.pfo_img13_4 { text-align:center; max-width:2440px; margin:0 auto;  }
img.pfo_img13_4_1_s1 { left:0; top:0; width:66%; z-index:2;}
img.pfo_img13_4_1_s2 { right:0; top:0; width:66%; transition-delay: 0.2s;}

img.pfo_img13_4_2_s1 { left:0;top:0; width:61%; }
img.pfo_img13_4_2_s2 { right:0;bottom:0; width:62%; transition-delay: 0.2s;}
@media all and (max-width:550px) {
	img.pfo_img13_4_1_s1 { left:0; top:36%; width:100%;transition-delay: 0.2s; }
	img.pfo_img13_4_1_s2 { right:0; top:0; width:100%;transition-delay: 0s; }

	img.pfo_img13_4_2_s1 { left:0;top:0; width:92%; }
	img.pfo_img13_4_2_s2 { right:-7%;bottom:0; width:94%; }

}



img.pfo_img14_s1 { }
img.pfo_img14_s2 { right:0; bottom:0; width:42%; transition-delay: 0.2s !important; }

.m_pfo_img14_1 { text-align:center; max-width:2440px; margin:0 auto;  }
img.pfo_img14_1_s1 { left:0; top:0; width:50%; }
img.pfo_img14_1_s2 { right:0; top:0; width:50%; transition-delay: 0.2s !important; }
@media all and (max-width:550px) {
	img.pfo_img14_1_s1 { left:0; top:50%; width:100%; transition-delay: 0.2s !important;}
	img.pfo_img14_1_s2 { right:0; top:5%; width:100%; transition-delay: 0s !important; }	
}



.pfo_img14_2 { text-align:center; max-width:2440px; margin:0 auto;  }
img.pfo_img14_2_s1 { left:0; top:0; width:50%;}
img.pfo_img14_2_s2 { right:0; top:0;width:50%;  transition-delay: 0.2s !important;}
@media all and (max-width:550px) {
	img.pfo_img14_2_s1 { left:0; top:5%; width:100%;}
	img.pfo_img14_2_s2 { right:0; top:50%;width:100%; }
}



.pfo_img14_3 { text-align:center; max-width:2440px; margin:0 auto;  }
img.pfo_img14_3_s1 { left:0; top:0; width:50%; }
img.pfo_img14_3_s2 { right:0; top:0; width:50%; transition-delay: 0.2s !important; }
@media all and (max-width:550px) {
	img.pfo_img14_3_s1 { left:-2%; top:0; width:100%; }
	img.pfo_img14_3_s2 { right:-2.8%; top:30%; width:100%; }
}



img.pfo_img15_s1 {  }
img.pfo_img15_s2 { right:0; bottom:0; width:39%;   transition-delay: 0.2s !important;}


.pfo_img15_1 { text-align:center; max-width:2440px; margin:0 auto;  }
img.pfo_img15_1_s1 { left:0; top:0; width:39%;}
img.pfo_img15_1_s2 { right:0; top:0; width:70%; transition-delay: 0.2s !important;}
@media all and (max-width:550px) {
	img.pfo_img15_1_s1 { left:14%; top:15%; width:75%;}
	img.pfo_img15_1_s2 { right:4%; top:37%; width:100%; }
}



.pfo_img15_2 { text-align:center; max-width:2440px; margin:0 auto;  }
img.pfo_img15_2_1_s1 { left:0; top:0; }
img.pfo_img15_2_1_s2 { left:0; bottom:0; width:70%;  transition-delay: 0.2s;}
img.pfo_img15_2_1_s3 { right:0; bottom:0; width:46%;  transition-delay: 0.4s;}

img.pfo_img15_2_2_s1 { left:0; top:0;  }
img.pfo_img15_2_2_s2 { left:0; bottom:-10%; width:88%;  transition-delay: 0.2s;}
img.pfo_img15_2_2_s3 { right:0; bottom:-19%; width:72%;  transition-delay: 0.4s;}
@media all and (max-width:550px) {
	img.pfo_img15_2_1_s1 { left:-21%; top:0; width: 143%; max-width: none !important;}
	img.pfo_img15_2_1_s2 { left:0; bottom:6%; width:100%; transition-delay: 0.4s; }
	img.pfo_img15_2_1_s3 { right:11%; bottom:49%; width:78%;transition-delay: 0.2s; }

	img.pfo_img15_2_2_s1 { left:0; top:0;      width: 123%;   max-width: none !important; }
	img.pfo_img15_2_2_s2 { left:9%; bottom:21%; width:100%;  }
	img.pfo_img15_2_2_s3 { right:0; bottom:-12%; width:100%; }

}


.pfo_img16_box { text-align:center; max-width:473px; margin:0 auto;  }
img.pfo_img16 { left:0; top:0;  }
@media all and (max-width:550px) {
	.pfo_img16_box { max-width:80%; }
}




.pfo_img16_1{ text-align:center; max-width:2440px; margin:0 auto;  }
img.pfo_img16_1_s1 { left:0; top:0; width:31%; }
img.pfo_img16_1_s2 { right:0; top:0; width:31%; transition-delay: 0.2s; }
img.pfo_img16_1_s3 { left:0; top:0;width:63%; z-index:3; transition-delay: 0.4s;}
img.pfo_img16_1_s4 { left:0; top:0;width:87%; z-index:2; transition-delay: 0.6s;}
img.pfo_img16_1_s5 { left:0; bottom:0; width:65%;z-index:1; transition-delay: 0.8s;}
@media all and (max-width:550px) {
	img.pfo_img16_1_s1 { left:-5%; top:-22%; width:100%; }
	img.pfo_img16_1_s2 { right:-7.8%; top:-4.3%; width:100%;}
	img.pfo_img16_1_s3 {     left: -37%;    top: 34%;    width: 137%;    z-index: 3;    transition-delay: 0.4s;    max-width: none !important; }
	img.pfo_img16_1_s4 { left: -51%;    top: 34%;    width: 179%;    z-index: 2;    transition-delay: 0.6s;    max-width: none !important; }
	img.pfo_img16_1_s5 { left: -44%;    bottom: 6%;    width: 137%;    z-index: 1;    transition-delay: 0.8s;    max-width: none !important;}
}


.pfo_img16_2 { text-align:center; max-width:2440px; margin:0 auto;  }
img.pfo_img16_2_s1 { left:0; top:0; width:50%;  }
img.pfo_img16_2_s2 { right:0; top:0; width:50%;  transition-delay: 0.2s; }
img.pfo_img16_2_s3 { left:0; top:0; width:64%; transition-delay: 0.4s;  }
img.pfo_img16_2_s4 { right:0; top:0; width:54%; transition-delay: 0.6s;  }
@media all and (max-width:550px) {
	img.pfo_img16_2_s1 {left: -23%; top: 35%; width: 80%; transition-delay: 0.6s; }
	img.pfo_img16_2_s2 { right: -25%; top: -16%; width: 93%;  transition-delay: 0.2s;  }
	img.pfo_img16_2_s3 { left: -43%;    top: 13%; width: 124%;  transition-delay: 0.4s;max-width: none !important; }
	img.pfo_img16_2_s4 { right: -21%; top: 35%; width: 84%; transition-delay: 0.8s; }
}


.pfo_img16_3 { text-align:center; max-width:2440px; margin:0 auto;  }
img.pfo_img16_3_s1 {  left:0; top:0; width:39%;}
img.pfo_img16_3_s2 {  left:0; top:0; width:62%; transition-delay: 0.2s; }
img.pfo_img16_3_s3 {  right:0; top:0; width:41%; transition-delay: 0.4s; }
@media all and (max-width:550px) {
	img.pfo_img16_3_s1 {  left: -31%; top: 0; width: 94%;}
	img.pfo_img16_3_s2 {  left: -46%; top: 0; width: 147%; max-width: none !important;}
	img.pfo_img16_3_s3 {  right: 13%; top: 43%; width: 100%;}
}


img.pfo_img17_1_s1 { left:0; top:0; width:50%;}
img.pfo_img17_1_s2 { right:0; top:0; width:75%; transition-delay: 0.2s; }
img.pfo_img17_1_s3 { right:0; bottom:0; width:58.8524590164%; transition-delay: 0.4s}
img.pfo_img17_1_s4 { right:0; bottom:0; width:27.3360655738%; transition-delay: 0.6s}

.pfo_img17_2 { text-align:center; max-width:2440px; margin:0 auto;  }
img.pfo_img17_2_s1 { left:0; top:0; width:50.7%;}
img.pfo_img17_2_s2 { right:0; top:0; width:49.3%;  transition-delay: 0.2s !important;}
@media all and (max-width:550px) {
   img.pfo_img17_2_s1 { left:0; top:0; width:100%;}
   img.pfo_img17_2_s2 { right:0; top:auto; bottom:0; width:100%; }
}

.pfo_img17_3 { text-align:center; max-width:2440px; margin:0 auto;  }
img.pfo_img17_3_s1 { left:0; top:0; width:50%;}
img.pfo_img17_3_s2 { right:0; top:0;width:49%;  transition-delay: 0.2s !important;}
@media all and (max-width:550px) {
   img.pfo_img17_3_s1 { left:0; top:0; width:100%;}
   img.pfo_img17_3_s2 { right:0; top:50%;width:100%; }
}

.pfo_img17_4 { text-align:center; max-width:2440px; margin:0 auto;  }
img.pfo_img17_4_s1 { left:50%; top:0; width:50%; margin-left:-25%;}
img.pfo_img17_4_s2 { left:0; bottom:0; width:62.5%; transition-delay: 0.2s !important;}
img.pfo_img17_4_s2.no02 {z-index:2;}
img.pfo_img17_4_s3 { right:0; bottom:0; width:62.5%; transition-delay: 0.4s !important;}
@media all and (max-width:1000px) {
   img.pfo_img17_4_s1 {width:80%; margin-left:-40%; margin-top:-5%;}
}
@media all and (max-width:550px) {
   img.pfo_img17_4_s1 { left:0; top:0; width:100%; margin:0; }
   img.pfo_img17_4_s2 { left:0; top:24%; width:100%;}
   img.pfo_img17_4_s3 { right:0; top:auto; bottom:0; width:100%; }
   
}

.sub18 .pfo_visual .top_img_in {max-width:100%; }
.sub18 .pfo_img18_s1 {width:100%; }
.sub18 .pfo_img18_s2 {position:absolute; left:50%; top:4%; width:45.88%; margin-left:-23.5%; }

img.pfo_img18_1_s1 {width:73.9%; }
img.pfo_img18_1_s2 {width:60.4%; transition-delay: 0.2s !important;}
img.pfo_img18_1_s3 {width:50%; transition-delay: 0.4s !important;}

img.pfo_img18_2_s1 {width:70.27%; }
img.pfo_img18_2_s2 {width:49.33%; transition-delay: 0.2s !important;}

img.pfo_img18_3_s1 {width:88.86%; z-index:3; }
img.pfo_img18_3_s2 {width:63.75%; z-index:2; transition-delay: 0.2s !important;}

.sub19 .top_img_in {max-width:100%; }
img.pfo_img19_s1 {width:100%;}
img.pfo_img19_1_s1 {width:100%; z-index:3; }
img.pfo_img19_1_s2 {width:60.66%; transition-delay: 0.2s !important; z-index:5; }
img.pfo_img19_1_s3 {width:72.85%; transition-delay: 0.3s !important; z-index:1; }

img.pfo_img19_3_s1 {width:60.46%; }
img.pfo_img19_3_s2 {width:60.46%; transition-delay: 0.2s !important; }
img.pfo_img19_3_s3 {width:60.46%; transition-delay: 0.3s !important; }
img.pfo_img19_3_s4 {width:60.46%; transition-delay: 0.4s !important; }
img.pfo_img19_3_s5 {width:60.46%; transition-delay: 0.5s !important; }
img.pfo_img19_3_s6 {width:60.46%; transition-delay: 0.6s !important; }

.sub20 .top_img_in {max-width:100%; }
.sub20 .pfo_img20_s1 {width:100%; }
img.pfo_img20_1_s1 {width:50%; }
img.pfo_img20_1_s2 {width:50%; transition-delay: 0.2s !important; }

img.pfo_img20_2_s1 {width:57.92%; z-index:3; }
img.pfo_img20_2_s2 {width:62.38%; z-index:1; transition-delay: 0.2s !important; }

img.pfo_img20_3_s1 {width:100%; }
img.pfo_img20_3_s2 {width:50%; transition-delay: 0.2s !important; }
img.pfo_img20_3_s3 {width:36.09%; transition-delay: 0.3s !important; }

img.pfo_img20_4_s1 {width:100%; }

img.pfo_img20_5_s1 {width:52.5%; z-index:7; }
img.pfo_img20_5_s2 {width:100%; z-index:5; }
img.pfo_img20_5_s3 {width:46.99%; z-index:3; transition-delay: 0.2s !important; }
img.pfo_img20_5_s4 {width:66.52%; z-index:3; transition-delay: 0.3s !important; }
img.pfo_img20_5_s5 {width:45.31%; z-index:3; transition-delay: 0.4s !important; }

.sub21 .top_img_in {max-width:100%; }
.sub21 .pfo_img21_s1 {width:100%; }
img.pfo_img21_1_s1 {width:100%; z-index:1; }
img.pfo_img21_1_s2 {width:50%; z-index:3; transition-delay: 0.2s !important; }
img.pfo_img21_1_s3 {width:100%; z-index:2;  transition-delay: 0.2s !important; }
img.pfo_img21_1_s4 {width:55.7%; z-index:2;  transition-delay: 0.4s !important; }
img.pfo_img21_1_s5 {width:47.69%; z-index:2;  transition-delay: 0.6s !important; }

img.pfo_img21_2_s1 {width:63.24%; z-index:2; }
img.pfo_img21_2_s2 {width:60.93%; z-index:3; transition-delay: 0.2s !important; }
img.pfo_img21_2_s3 {width:50%; z-index:1; transition-delay: 0.4s !important; }

img.pfo_img21_3_s1 {width:64.06%; z-index:2; }
img.pfo_img21_3_s2 {width:42.5%; z-index:2; transition-delay: 0.2s !important; }
img.pfo_img21_3_s3 {width:39.02%; z-index:2; transition-delay: 0.3s !important; }
img.pfo_img21_3_s4 {width:100%; z-index:1; }


.sub22 .top_img_in {max-width:100%; }
.sub22 .pfo_img22_s1 {width:100%; }
img.pfo_img22_1_s1 {width:100%; z-index:1; }
img.pfo_img22_1_s2 {width:45.4%; z-index:3; transition-delay: 0.2s !important; }

img.pfo_img22_2_s1 {width:100%; z-index:2; }
img.pfo_img22_2_s2 {width:100%; z-index:3; transition-delay: 0.2s !important; }
.pfo_img22_3_bg{background:url('/img/pfo_img22_3_s1.jpg')no-repeat center / cover;}
ul.pfo_img22_3_ul{font-size:0; letter-spacing:-4px; text-align:center; padding:11vw 0; max-width:1400px; margin:0 auto; width:100%;}
ul.pfo_img22_3_ul li{display:inline-block; vertical-align:top; width:25%;}
ul.pfo_img22_3_ul li img{position:static; width:7.8515625vw;}
ul.pfo_img22_3_ul li span{display:block; font-size:1.015625vw; color:#fff; letter-spacing:-0.025em; font-weight:bold; line-height:1.40625vw; margin-top:0.78125vw;}
ul.pfo_img22_3_ul li:nth-of-type(2){transition-delay: 0.2s !important;}
ul.pfo_img22_3_ul li:nth-of-type(3){transition-delay: 0.3s !important;}
ul.pfo_img22_3_ul li:nth-of-type(4){transition-delay: 0.4s !important;}
ul li.upside {transform:translate(0,-1100px);-webkit-transform:translate(0,-1100px); -moz-transform:translate(0,-1100px); -o-transform:translate(0,-1100px); opacity:0; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; -ms-transition: all 0.5s; transition: all 0.5s;}
ul li.upside.on {transform: translate(0, 0); opacity:1;}

img.pfo_img22_4_s1 {width:100%; z-index:2;}
img.pfo_img22_4_s2 {width:100%; z-index:2; transition-delay: 0.2s !important; }
img.pfo_img22_4_s3 {width:100%; z-index:2; transition-delay: 0.3s !important; }
img.pfo_img22_4_s4 {width:100%; z-index:2; transition-delay: 0.2s !important;}
img.pfo_img22_4_s5 {width:100%; z-index:2; transition-delay: 0.3s !important;}
img.pfo_img22_4_s6 {width:100%; z-index:2; transition-delay: 0.4s !important;}
img.pfo_img22_4_s7 {width:100%; z-index:2; transition-delay: 0.5s !important;}
img.pfo_img22_4_s8 {width:100%; z-index:2; transition-delay: 0.6s !important;}


@media all and (max-width:1400px){
	ul.pfo_img22_3_ul{padding:10vw 0}
	ul.pfo_img22_3_ul li{width:50%; margin:20px 0;}
	ul.pfo_img22_3_ul li img{width:201px;}
	ul.pfo_img22_3_ul li span{font-size:18px; margin:10px 0; line-height:1.4}
}
@media all and (max-width:1000px){
	ul.pfo_img22_3_ul{max-width:80%;}
	ul.pfo_img22_3_ul li{width:50%; margin:2vw 0;}
	ul.pfo_img22_3_ul li img{width:20vw;}
	ul.pfo_img22_3_ul li span{font-size:1.8vw; margin:1vw 0; line-height:1.4}
}


.inner_img img.t0l0 {top:0; left:0;}
.inner_img img.t0r0 {top:0; right:0;}
.inner_img img.b0l0 {bottom:0; left:0;}
.inner_img img.b0r0 {bottom:0; right:0;}


/* history_slide */
.his_slide {position:relative;}
.his_slide .bx-controls-direction {position:absolute; width:100%; left:0; top:50%; font-size:0; z-index:2; text-align:right;}
.his_slide .bx-wrapper .bx-controls-direction a {position:absolute; width:3.59375vw; height:3.59375vw; background-size:cover; text-indent:-9999px;}
.his_slide .bx-wrapper .bx-next {right:0; background:url(/img/his_next.jpg) no-repeat;}
.his_slide .bx-wrapper .bx-prev {left:0; background:url(/img/his_prev.jpg) no-repeat;}

.his_slide dl dd img {display:block;}
.his_slide dl dd .text {position:absolute; top:0; left:0; width:100%; height:100%; box-sizing:border-box; padding:9% 21%;}
.his_slide dl dd .text p {position:absolute; top:32%; left:9%; color:#fff; opacity:0.5; font-size:1.875vw;}
.his_slide dl dd .text p.right {left:auto; right:9%;}
.his_slide dl dd h5 {margin-bottom:3%; color:#e41957; font-size:2.9296875vw; font-weight:500; letter-spacing:-0.05em;}
.his_slide dl dd ul li {float:none; width:100%; color:#fff; margin-bottom:2%; font-weight:300; letter-spacing:-0.05em; font-size:1.171875vw;}
.his_slide dl dd ul li span {display:inline-block; margin-right:1.5%; color:#999;}


#member {border-top:1px solid #222; border-bottom:1px solid #222; margin-bottom:120px;}
#member #policy {font-size:1.40625vw; word-break:keep-all; color:#222; font-weight:300;}
#member #policy h5 {margin-top:2.5%; font-size:1.40625vw; color:#e41957;}
#member #policy ul {margin-top:1%; padding-left:1%}
#member #policy ul li {color:#666;}
#member #policy a { font-size:1.40625vw; color:#222; cursor:text;}

@media all and (max-width:1450px) {
	.organization_bi {background-position:center -50%;}
	.organization_bi .con01 {height:780px;}
	.organization_bi .con01 .circle {width:200px; height:200px;}
	.organization_bi .con01 .circle p {font-size:26px;}
   .organization_bi .con01 .f_size p{font-size:21px;}
	.organization_bi .con01 .circle p span {font-size:22px;}
	.organization_bi .con01 .dep01 {width:210px; height:210px;}
	.organization_bi .con01 .dep01 p {margin-top:135px; font-size:35px;}
	.organization_bi .con01 .dep02 p {margin-top:115px;}
	.organization_bi .con01 .dep03 p {margin-top:105px;}
	.organization_bi .con01 .pos01 {top:0;}
	.organization_bi .con01 .pos02 {top:230px; left:26%;}
   .organization_bi .con01 .pos03 {top:230px; left:0;}
   .organization_bi .con01 .pos04 {top:230px; right:26%;}
   .organization_bi .con01 .pos05 {top:230px; right:0;}
   .organization_bi .con01 .pos06 {top:500px; left:0;}
   .organization_bi .con01 .pos07 {top:500px; left:16.7%;}
   .organization_bi .con01 .pos08 {top:500px; left:33.5%;}
   .organization_bi .con01 .pos09 {top:500px; right:33.5%;}
   .organization_bi .con01 .pos10 {top:500px; right:16.7%;}
   .organization_bi .con01 .pos11 {top:500px; right:0;}
	.organization_bi .con01 .pos06 p {margin-top:100px;}


}

@media all and (max-width:1300px) {
	.pfo_visual {padding-bottom:8%; padding-top:0;}/*0922*/
	.pfo_visual .top_logo {display:block; width:20%; margin:3.599% auto 2.799%;}
	.pfo_visual .top_txt p {font-size:1.25vw;}
	/* .pfo_visual .top_img.mo_mockup img {width:40%;} */
	.pfo_visual .top_txt2 {margin-top:2%;}
	.pfo_visual .top_txt2 h5 {font-size:20px;}
	.pfo_visual .top_txt2 p {font-size:17px; word-break:keep-all; }
	.pfo_visual.type03 .top_txt {margin-bottom:10%;}


	.foot_common .container01 {margin-bottom:10%;}
	.pfo_con {margin-bottom:10%;}
	.pfo_con .inner_img p {font-size:17px; padding:5% 0;}

	.pfo_con .sig_type01,.pfo_con .sig_type02 {width:100%;}
	.pfo_con .color_type {width:100%;}
	.pfo_con .sub09_color ul li {font-size:13px;}
	.pfo_con .sub11_color ul li > div {height:auto; font-size:13px;}
	.pfo_con .sub11_color ul li:nth-of-type(2n) > div {padding:5% 3%;}
	.pfo_con .sub11_color ul li p {font-size:16px;}

	.pfo_con .sub12_color ul li {padding:8.8% 0; font-size:13px;}

	.sub_container ul li.textPart dl {font-size:16px;}
	.sub_container ul li.textPart dl a {font-size:16px;}
	.sub_container ul li.textPart dl dt {width:25%; margin-bottom:0;}
	.sub_container ul li.textPart dl dd {width:75%; margin-bottom:0;}
	.sub_container ul li.textPart dl dd a {margin-top:1%;}
	
	.about_con01, .about_con02, .about_con03, .about_con04, .about_con05, .about_con06 {margin-bottom:10%;}

	.organization_bi {background-position:center -80%;}
	.organization_bi .con01 {height:600px;}
	.organization_bi .con01 .circle {width:160px; height:160px;}
	.organization_bi .con01 .circle p {font-size:22px;}
   .organization_bi .con01 .f_size p{font-size:17px;}
	.organization_bi .con01 .circle p span {font-size:18px;}
	.organization_bi .con01 .dep01 {width:170px; height:170px;}
	.organization_bi .con01 .dep01 p {margin-top:115px; font-size:30px;}
	.organization_bi .con01 .dep02 {background:#302f30 url(/img/organization_icon02.png) no-repeat center 25%;}
	.organization_bi .con01 .dep02 p {margin-top:90px;}
	.organization_bi .con01 .dep03 {background:#262626 url(/img/organization_icon03.png) no-repeat center 15%;}
	.organization_bi .con01 .dep03 p {margin-top:85px;}
	.organization_bi .con01 .pos02 {top:180px;}
	.organization_bi .con01 .pos03 {top:180px;}
	.organization_bi .con01 .pos04 {top:180px;}
	.organization_bi .con01 .pos05 {top:180px;}
	.organization_bi .con01 .pos06 {top:400px;}
	.organization_bi .con01 .pos07 {top:400px;}
	.organization_bi .con01 .pos08 {top:400px; margin-left:-80px;}
	.organization_bi .con01 .pos09 {top:400px;}
	.organization_bi .con01 .pos10 {top:400px;}
   .organization_bi .con01 .pos11 {top:400px;}
	.organization_bi .con01 .pos06 p {margin-top:80px;}
	.organization_bi .con02 ul li h5 {font-size:30px;}
	.organization_bi .con02 ul li span {font-size:26px;}
	.organization_bi .con02 ul li p {font-size:16px;}
	.organization_bi .con02 ul li p span.vih {font-size:16px;}
	.organization_bi .con02 ul li > img {display:inline-block; width:20%;}
	
	.clients_bi ul {margin:5% 3.937% 2.5%;}
	.clients_bi ul li {width:22.222%; margin-right:3.7%; margin-bottom:3.7%;}
	.clients_bi ul li:nth-of-type(5n) {margin-right:3.7%;}
	.clients_bi ul li:nth-of-type(4n) {margin-right:0;}

	.recruit_bi {margin-bottom:10%;}
	.recruit_bi ul li {width:50%;}
	.recruit_bi ul li .txt i {font-size:80px;}
	.recruit_bi ul li .txt h5 {font-size:38px;}
	.recruit_bi ul li .txt span {font-size:30px;}
	.recruit_bi ul li .txt p {font-size:28px;}

	.recruit_bi ul li.on .txt i {font-size:82px;}
	.recruit_bi ul li.on .txt h5 {font-size:40px;}
	.recruit_bi ul li.on .txt span {font-size:32px;}
	.recruit_bi ul li.on .txt p {font-size:30px;}

	.recruit_bi a.link {position:relative; top:0; left:0; font-size:14px; width:13%; -webkit-transform:translateX(0); -moz-transform:translateX(0); -ms-transform:translateX(0); -o-transform:translateX(0); transform:translateX(0);}
	.recruit_bi a.link i {font-size:17px;}
	
	.location_bi .txt_wrap dl dt {font-size:17px;}
	.location_bi .txt_wrap dl dd {font-size:14px;}
	.location_bi .txt_wrap dl dd.num {font-size:13px;}
	.location_bi .txt_wrap dl dd.num a {font-size:13px;}

	.location_bi .txt_wrap .btn a {font-size:13px;}

	.notice_bi ul li {width:calc(50% - 5px); height:auto; margin-right:10px; margin-bottom:10px;}
	.notice_bi ul li:nth-of-type(4n) {margin-right:10px;}
	.notice_bi ul li:nth-of-type(2n) {margin-right:0;}
	.notice_bi ul li span {font-size:26px;}
	.notice_bi ul li h5 {font-size:30px;}
	.notice_bi ul li p {font-size:20px;}

	.notice_read .read_wrap .tit {padding:18px 25px 18px 30px;}
	.notice_read .read_wrap .tit h6 {font-size:25px;}
	.notice_read .read_wrap .tit p {margin-top:5px; font-size:18px;}
	.notice_read .read_wrap .detail {padding:30px 30px 90px; font-size:20px;}
	.notice_read .btn_type {margin-top:30px;}
	.notice_read .btn_type a {font-size:17px; width:120px;}
	.notice_read a.enter {font-size:22px; width:200px;}


	.rec_form .tit {padding:0 0 0 40px;}
	.rec_form .tit span {padding:0; font-size:25px; line-height:72px;}
	.rec_form .tit p {width:auto; height:72px;}
	.rec_form .tit p img {width:auto; height:72px;}
	.rec_form .detail_type table th {font-size:17px;}
	.rec_form .detail_type table td {font-size:17px; padding:15px 2%;}
	.rec_form .detail_type table td input {height:40px; font-size:15px;}
	.rec_form .detail_type table td span {font-size:17px;}

	.rec_form .detail_type table td label {font-size:17px;}
	.rec_form .detail_type .agree {margin-top:20px; font-size:14px;}
	.rec_form .detail_type .agree input {width:15px; height:15px; vertical-align:middle;}
	.rec_form .detail_type .agree label {display:inline-block; vertical-align:middle; margin-top:0.3%;}
	.rec_form .detail_type .agree a {width:14%; font-size:14px;}
	.rec_form > a {margin:1.8% auto 0; padding:1.2% 0; width:20%; font-size:21px;}
	.rec_form > a i {font-size:17px;}

	.rec_form .rec_end {font-size:35px; padding:150px 0;}
}

/* 모바일 */
@media all and (max-width:999px) {
	#wrap {background-size:120%;}
	.pfo_visual { /*padding-top:18%;*/ }  
	.pfo_visual .top_logo {margin-top:0;}
	.pfo_visual .top_txt h4 {font-size:35px;} /*font-size:50px;*/
	.pfo_visual .top_txt h4.type02 {padding-left:8.008vw; padding-right:8.008vw; }
	.pfo_visual .top_txt h4.type02 span {font-size:45px; }
	.pfo_visual .top_txt_sdn { margin-bottom:4% !important; }
	.pfo_visual .top_txt_sdn h4 { font-size:30px; }
	.pfo_visual .top_txt p {font-size:16px;}

	.pfo_con .sig_type01.mb70 {margin-bottom:8%;}
	.pfo_con .sub11_color ul li > div {height:7.3vw;}

	.pfo_con .sub12_color ul li {width:48%; margin:0 4% 3% 0; padding:15% 0; font-size:13px;}
	.pfo_con .sub12_color ul li:nth-of-type(2n) {margin-right:0;}
	.pfo_con .sub12_color ul li:first-child {background-size:auto 100%;}
	.pfo_con .sub12_color ul li:nth-of-type(2) {background-size:auto 100%;}
	.pfo_con .sub12_color ul li:nth-of-type(3) {background-size:auto 100%;}
	.pfo_con .sub12_color ul li:nth-of-type(4) {background-size:auto 100%;}

	.organization_bi {background:#1a1a1a;}
	.organization_bi .con01 {height:auto; overflow:hidden;}
	.organization_bi .con01 .circle {position:relative; display:block; float:left; margin:0 calc((100% - 325px) / 4) 5%;}
	.organization_bi .con01 .dep01 {float:none; margin:0 auto 5%;}
	.organization_bi .con01 .dep01 p {margin-top:0; padding-top:115px;}
	.organization_bi .con01 .dep02 p {margin-top:0; padding-top:90px;}
	.organization_bi .con01 .dep03 p {margin-top:0; padding-top:85px;}
	.organization_bi .con01 .pos01 {top:0; left:0; -webkit-transform:translateX(0); -moz-transform:translateX(0); -ms-transform:translateX(0); -o-transform:translateX(0); transform:translateX(0);}
	.organization_bi .con01 .pos02 {top:0; left:0;}
	.organization_bi .con01 .pos03 {top:0; left:0;}
	.organization_bi .con01 .pos04 {top:0; right:0;}
	.organization_bi .con01 .pos05 {top:0; right:0;}
	.organization_bi .con01 .pos06 {top:0; left:0;}
	.organization_bi .con01 .pos07 {top:0; left:0;}
	.organization_bi .con01 .pos08 {top:0; left:0; -webkit-transform:translateX(0); -moz-transform:translateX(0); -ms-transform:translateX(0); -o-transform:translateX(0); transform:translateX(0);}
	.organization_bi .con01 .pos09 {top:0; right:0;}
	.organization_bi .con01 .pos10 {top:0; right:0;}
   .organization_bi .con01 .pos11 {top:0; right:0;}
	.organization_bi .con01 .pos06 p {margin-top:0; padding-top:80px;}
	.organization_bi .con02 {margin-top:5%;}
	.organization_bi .con02 ul li {height:auto; float:none; width:calc(100% - 2px); margin-right:0%; margin-bottom:3%; padding:10% 5%;}

	.clients_bi ul {margin:5% 4.1% 2.5%;}
	.clients_bi ul li {width:30.135%; margin-right:4.79%; margin-bottom:4.79%;}
	.clients_bi ul li:nth-of-type(5n) {margin-right:4.79%;}
	.clients_bi ul li:nth-of-type(4n) {margin-right:4.79%;}
	.clients_bi ul li:nth-of-type(3n) {margin-right:0;}

	.recruit_bi ul li .txt {top:35%;}
	.recruit_bi ul li .txt i {font-size:60px;}
	.recruit_bi ul li .txt h5 {font-size:30px;}
	.recruit_bi ul li .txt span {font-size:24px;}
	.recruit_bi ul li .txt p {font-size:20px;}

	.recruit_bi ul li.on .txt i {font-size:62px;}
	.recruit_bi ul li.on .txt h5 {font-size:32px;}
	.recruit_bi ul li.on .txt span {font-size:26px;}
	.recruit_bi ul li.on .txt p {font-size:22px;}

	.recruit_bi a.link {padding:2% 0; margin:2% auto 0; width:22%;}


	.location_bi .txt_wrap {position:relative; top:auto; right:auto; width:100%;}
	.location_bi .txt_wrap .inner {display:block; width:100%; height:100%;}
	.location_bi .txt_wrap .con_dtc {display:block; padding:5% 1.5%;}
	.location_bi .txt_wrap .con_dtc .text01 {overflow:hidden;}
	.location_bi .txt_wrap dl {float:left; width:50%; box-sizing:border-box; padding:0 2%;}
	.location_bi .txt_wrap dl dd {word-break:keep-all;}
	.location_bi .txt_wrap .btn {text-align:center;}
	.location_bi .txt_wrap .btn a {width:25%; margin-right:0; font-size:15px;}
	.location_bi .txt_wrap .btn a.pc_display {display:none;}

	.notice_bi ul li {width:100%; margin-right:0; margin-bottom:15px;}
	.notice_bi ul li:nth-of-type(4n) {margin-right:0;}
	.notice_bi ul li:nth-of-type(2n) {margin-right:0;}
	.notice_bi ul li span {font-size:22px;}
	.notice_bi ul li h5 {font-size:26px; margin:2% 0 4%; width:100%; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
	.notice_bi ul li p {font-size:17px;}
	.notice_bi ul li {
		padding: 30px 20px;
	}


	.notice_read .read_wrap .tit {padding:3% 5% 3%;}
	.notice_read .read_wrap .tit h6 {font-size:16px;}
	.notice_read .read_wrap .tit p {font-size:12px;}
	.notice_read .read_wrap .detail {padding:5% 3% 15%; font-size:14px;}
	.notice_read .btn_type {margin:3% 0;}
	.notice_read .btn_type a {display:inline-block; width:20%; margin-left:1.5%; font-size:13px; padding:2% 0;}
	.notice_read a.enter {margin:5% auto 20%; width:30%; font-size:14px; padding:3.5% 0;}

	.recf_wrap {margin-bottom:10%;}
	.rec_form .tit {padding:0 0 0 20px;}
	.rec_form .tit span {padding:0; font-size:20px; line-height:40px;}
	.rec_form .tit p {width:auto; height:40px;}
	.rec_form .tit p img {width:auto; height:40px;}
	.rec_form .detail_type {padding:3% 1.25%;}
	.rec_form .detail_type table th {font-size:14px; padding:0;}
	.rec_form .detail_type table td {font-size:14px; padding:10px 1.5%;}
	.rec_form .detail_type table td input {width:100%; height:30px; font-size:14px;}
	.rec_form .detail_type table td input.size02 {width:30%;}
	.rec_form .detail_type table td span {font-size:14px;}
	.rec_form .detail_type table td span.size02 {}
	.rec_form .detail_type table td p {padding-top:7px;}

	.rec_form .detail_type table td label {display:inline-block; font-size:14px;margin-right:3%;}
	.rec_form .detail_type table td label input + i {width:15px; height:15px;}
	.rec_form .detail_type table td textarea {height:150px;}
	.rec_form .detail_type .agree {font-size:14px; padding:0; margin-top:5%;}
	.rec_form .detail_type .agree input {width:15px; height:15px; vertical-align:middle;}
	.rec_form .detail_type .agree label {display:inline-block; vertical-align:middle; margin-top:0.3%;}
	.rec_form .detail_type .agree a {width:20%; padding:2% 0;}
	.rec_form > a {margin:1.8% auto 0; padding:2% 0; width:30%; font-size:16px;}
	.rec_form > a i {font-size:17px;}

	.his_slide .bx-wrapper .bx-controls-direction a {width:7.5409836066vw; height:7.5409836066vw;}

	.his_slide dl dd .text p {font-size:4.0983606557vw;}
	.his_slide dl dd h5 {font-size:6.1475409836vw;}
	.his_slide dl dd ul li {font-size:2.4590163934vw;}


	#member {margin-bottom:9%;}
	#member #policy {font-size:14px;}
	#member #policy h5 {margin-top:7%; font-size:14px;}
	#member #policy ul {margin-top:3%;}
	#member #policy a {font-size:14px;}

}

@media all and (max-width:700px) {
	.pfo_con .sub11_color ul li > div {height:8.5vw;}
}
@media all and (max-width:640px) {
	.rec_form .detail_type table td p {width:50%;}
	.rec_form .rec_end {font-size:18px; padding:25% 0;}
}

@media all and (max-width:550px) {
	#wrap {background-size:180%;}
	.pfo_visual.type04 {padding-bottom:45%;}
	.pfo_visual.type05 .top_txt2 {margin-top:5%; }

	.pfo_con .sig_type01.mb70 {margin-bottom:0;}
	.pfo_con .sig_type01 ul {width:90%; margin:0 auto;}
	.pfo_con .sig_type01 ul li {width:100%; margin-bottom:5%;}
	.pfo_con .sig_type01 ul li:first-child {margin-right:0;}

	.pfo_con .sig_type02 ul {width:90%; margin:0 auto;}
	.pfo_con .sig_type02 ul li {width:100%; margin:0 0 5% 0;}

	.pfo_con .sub09_color ul {width:90%; margin:0 auto;}
	.pfo_con .sub09_color ul li {float:none; width:100%; margin:0 0 3% 0; padding:3% 4%}
	.pfo_con .sub09_color ul li:nth-of-type(3n) {margin-right:0;}

	.pfo_con .sub11_color ul {width:90%; margin:0 auto;}
	.pfo_con .sub11_color ul li {width:100%;}
	.pfo_con .sub11_color ul li:first-child {margin:0 0 5% 0;}
	.pfo_con .sub11_color ul li > div {height:auto; padding:3% 4%;}


	.sub_container ul li.textPart dl dt {float:none; width:100%;}
	.sub_container ul li.textPart dl dd {float:none; width:100%; margin-bottom:3%;}
	.sub_container ul li.textPart dl dd a:nth-of-type(1) img {width:24.026%;}
	.sub_container ul li.textPart dl dd a:nth-of-type(2) img{width:34.2%;}
	.sub_container ul li.textPart dl dd a:nth-of-type(3) img{width:31.17%;}

	.organization_bi .con01 .circle {width:140px; height:140px; margin:0 calc((100% - 290px) / 4) 5%;}
	.organization_bi .con01 .circle p {font-size:20px;}
   .organization_bi .con01 .f_size p{font-size:15px;}
	.organization_bi .con01 .dep01 {margin:0 auto 5%;}
	.organization_bi .con01 .dep01 p {padding-top:100px;}
	.organization_bi .con01 .dep02 p {padding-top:80px;}
	.organization_bi .con01 .dep03 p {padding-top:75px;}
	
	.clients_bi ul {margin:3.723% 3.723% 1.862%;}
	.clients_bi ul li {width:48%; margin-right:2%; margin-bottom:2%; box-shadow:5px 0 5px rgba(0,0,0,0.29);}
	.clients_bi ul li:nth-of-type(5n) {margin-right:2%;}
	.clients_bi ul li:nth-of-type(4n) {margin-right:2%;}
	.clients_bi ul li:nth-of-type(3n) {margin-right:2%;}
	.clients_bi ul li:nth-of-type(2n) {margin-right:0;}

	.recruit_bi ul li {width:100%; height:120vw;}
	.recruit_bi ul li img {margin-top:-20%;}
	.recruit_bi ul li .txt i {font-size:50px;}
	.recruit_bi ul li .txt h5 {font-size:26px;}
	.recruit_bi ul li .txt span {font-size:20px;}
	.recruit_bi ul li .txt p {font-size:18px;}

	.recruit_bi ul li.on .txt i {font-size:52px;}
	.recruit_bi ul li.on .txt h5 {font-size:28px;}
	.recruit_bi ul li.on .txt span {font-size:22px;}
	.recruit_bi ul li.on .txt p {font-size:20px;}
	
	.recruit_bi a.link {padding:4% 0; width:35%;}
	.notice_read .read_wrap .tit h6 {width:78%;}
	.notice_read .read_wrap .tit p {width:22%;}

	.rec_form .detail_type table td p {width:50%;}
	.rec_form .detail_type table td p > input.size02 {width:25%; padding:0 1px;}
	.rec_form .detail_type table td p.size02 {width:100%;}
	.rec_form .detail_type table td p > input.size03 {width:34%;}

	.his_slide dl dd ul li {font-size:10px; letter-spacing:-0.07em;}
	.his_slide dl dd h5 {margin-bottom:2%}

}
@media all and (max-width:330px) {
	.pfo_visual .top_txt h4 {font-size:27px;} /*font-size:40px;*/ 
	.pfo_visual .top_txt_sdn { margin-bottom:4% !important; }
	.pfo_visual .top_txt_sdn h4 { font-size:20px; }
	.rec_form .detail_type table th {font-size:13px;}
	.rec_form .detail_type table td {font-size:13px;}

	.his_slide dl dd .text {padding:7% 18%;}
	.his_slide dl dd ul li {font-size:10px; letter-spacing:-0.1em;}
	.his_slide dl dd ul li span {margin-right:0.5%;}

}

.big_tit_yo h3 {
color: #333;
text-align: center;
font-family: "Noto Sans KR";
font-size: 72px;
font-style: normal;
font-weight: 700;
line-height: normal;
letter-spacing: -2.062px;
}

.big_tit_yo p {
color: #000;
text-align: center;
font-size: 24px;
font-style: normal;
font-weight: 400;
line-height: normal;
letter-spacing: -0.6px;
} 

@media all and (max-width:1300px) {
	.big_tit_yo h3 {
		font-size: 56px;
	}
}
@media all and (max-width:768px) {
		.big_tit_yo h3 {
		font-size: 45px;
	}
	.big_tit_yo p {
		font-size: 18px;
	}
}