@charset "utf-8";
.clearfix:after {
content: ".";
display: block;
height: 0;
font-size: 0;
clear: both;
visibility: hidden;
}
.slider {
display:none;
}
.slider.slick-initialized {
display: block;
}
#loader {
width: 32px;
height: 32px;
display: none;
position: fixed;
_position: absolute; /* IE6対策 */
top: 50%;
left: 50%;
margin-top: -16px; /* heightの半分のマイナス値 */
margin-left: -16px; /* widthの半分のマイナス値 */
z-index: 100;
z-index: 9999;
}

#fade {
width: 100%;
height: 100%;
display: none;
background-color: #FFFFFF;
position: absolute;
top: 0px;
left: 0px;
z-index: 50;
z-index: 9990;
}
#container { display: none; } #fade, #loader { display: block; }
/* pc表示時
------------------------------------------------------------------------------------------------------------- */
@media screen and (min-width:1025px){
/* container
------------------------------------------------------------------------------------------------------------- */
#container{
position:relative;
width:100%;
min-width:1025px;
height:100%;
}
.is-view{
-webkit-transition:all .2s ease-in-out 0s;
transition:all .2s ease-in-out 0s;
}
.interviewWrap .is-view.is-viewOn,
.careerWrap .is-view.is-viewOn{
-webkit-animation: feedIn 0.2s linear 0.2s;
-moz-animation: feedIn 0.2s linear 0.2s;
animation: feedIn 0.2s linear 0.2s;
-webkit-animation-fill-mode: both;
-moz-animation-fill-mode: both;
animation-fill-mode: both;
}
#container #mainCont h2{
font-size:42px;
font-size:4.2rem;
color:#4359a3;
font-weight: 500;
margin-top:70px;
position: relative;
display: inline-block;
background: url(../img/bg_h2.png) no-repeat 100% top;
padding-right: 65px;
margin-right:-65px;
}
#container #mainCont .careerenhancementWrap h2{
font-size:42px;
font-size:4.2rem;
color:#6eabf4;
font-weight: 500;
margin-top:70px;
position: relative;
display: inline-block;
background: url(../img/bg_h2.png) no-repeat 100% top;
padding-right: 65px;
margin-right:-65px;
}
#container #mainCont h2 span{
color:#888888;
font-size: 20px;
display: block;
}
#container p{
letter-spacing: 0.08em;
line-height:2;
}
#container #mainCont h2 + p{
padding:0 20px;
}
/* pchover時 */
#section1 .imgWrap a,
#textSection3 .qaWrap a:before,
#textSection4 .moreBtn a,
#section1 .interviewList li,
#textSection2 .careerList li,
#textSection6 .entryBtn a,
#textSection6 .bnrList a,
.modalWrap-inner a img,
#mainCont.careerDetail .careerLink li,
#mainCont.intervieDetail .interviewLink li a,
#textSection4_01 .backBtn a,
.pageTop a,
#footer ul li{
-webkit-transition:all .2s ease-in-out 0s;
transition:all .2s ease-in-out 0s;
}
#section1 .imgWrap a:hover,
#textSection4 .moreBtn a:hover,
#section1 .interviewList li:hover,
#textSection2 .careerList li:hover,
#textSection6 .entryBtn a:hover,
#textSection6 .bnrList a:hover,
.modalWrap-inner a:hover,
#mainCont.careerDetail .careerLink li:hover,
#mainCont.intervieDetail .interviewLink li a:hover,
#textSection4_01 .backBtn a:hover,
.pageTop a:hover,
#footer ul li:hover{
/*
opacity:0.7;
filter: alpha(opacity=70);
-ms-filter: "alpha(opacity=70)";
-moz-opacity:0.7;
-khtml-opacity: 0.7;
*/
}
#textSection3 .qaWrap a:hover:before{
border-color:#4359a3;
}
/* header
------------------------------------------------------------------------------------------------------------- */
#header{
width: 280px!important;
height: 100%!important;
background: url(../img/bg_header.png) no-repeat left top;
background-size: 100% 100%;
position:relative;
top: 0;
left: 0;
z-index: 1000;
}
.slimScrollDiv{
width: 280px!important;
height: 100%!important;
top: 0;
left: 0;
z-index: 1000;
position: absolute!important;
-moz-box-shadow: 0px -5px 20px rgba(0,0,0,0.4);
-webkit-box-shadow: 0px -5px 20px rgba(0,0,0,0.4);
-o-box-shadow: 0px -5px 20px rgba(0,0,0,0.4);
-ms-box-shadow: 0px -5px 20px rgba(0,0,0,0.4);
}
.slimScrollBar{
z-index: 100001!important;
}
/* logo */
#header .logo{
width: 125px;
height: 91px;
margin: auto;
position: absolute;
top: 24px;
right: 0;
left: 0;
text-align: center;
}
#header .logo a{
text-decoration: none;
}
#header .logo img{
display: inline-block!important;
}
#header .logo .logo02{
margin-top: 10px;
}

/* floor */
#header .floor{
width: 220px;
height: 110px;
background: url(../img/bg_floor.png) no-repeat center center;
position: absolute;
top: 130px;
left: 30px;
color:#fff;
}
#header .floor > div{
position: absolute;
}
#header .floor .arrow{
width: 16px;
height: 19px;
top: 24px;
left: 65px;
}
#header .floor .arrow.up{
background: url(../img/floor_arrow_up.png) repeat-y center top;
animation: arrowMoveUp 6s linear infinite;
-webkit-animation: arrowMoveUp 6s linear infinite;
}
#header .floor .arrow.down{
background: url(../img/floor_arrow_down.png) repeat-y center top;
animation: arrowMoveDown 6s linear infinite;
-webkit-animation: arrowMoveDown 6s linear infinite;
}
#header .floor .number{
top: 20px;
left: 102px;
font-size: 28px;
font-size: 2.8rem;
font-weight: 700;
line-height: 1;
}
#header .floor .number.text{
left: 86px;
top: 20px;
font-size: 20px;
font-size: 2.0rem;
font-weight: 700;
line-height: 1.3;
}
#header .floor .ttl{
width: 216px;
height: 45px;
top: 48px;
left: 2px;
display: table;
text-align: center;
}
#header .floor .ttl div{
display: table-cell;
vertical-align: middle;
font-size: 17px;
font-size: 1.7rem;
font-weight: 700;
line-height: 1.3;
}

/* menu */
#header .menu{
width: 230px;
position: absolute;
top: 254px;
left: 30px;
font-size: 15px;
font-size: 1.5rem;
font-weight: 700;
}
#header .menu li{
margin-top: 15px;
position: relative;
}
#header .menu li:first-child{
display:none;
}
#header .menu li:nth-child(2){
margin-top: 0;
}
#header .menu a{
color: #353535;
text-decoration: none;
-webkit-transition:all .2s ease-in-out 0s;
transition:all .2s ease-in-out 0s;
line-height: 42px;
padding-left:50px;
white-space: nowrap;
}
#header .menu a:before{
content: "";
width: 42px;
height: 42px;
margin-right: 12px;
background-image: url(../img/floor_icon.png);
background-repeat: no-repeat;
display: inline-block;
position: absolute;
vertical-align: middle;
left:0;
}
#header .menu a:after{
content: "";
width: 42px;
height: 42px;
margin-right: 12px;
background-image: url(../img/floor_icon.png);
background-repeat: no-repeat;
display: inline-block;
vertical-align: middle;
position: absolute;
left:0;
opacity: 0;
-webkit-transition:all .2s ease-in-out 0s;
transition:all .2s ease-in-out 0s;
}
#header .menu li a:hover:after,
#header .menu li.active a:after{
opacity: 1;
}
#header .menu li:nth-child(2) a:before{
background-position: 0 0;
}
#header .menu li:nth-child(3) a:before{
background-position: -80px 0;
}
#header .menu li:nth-child(4) a:before{
background-position: -160px 0;
}
#header .menu li:nth-child(5) a:before{
background-position: -240px 0;
}
#header .menu li:nth-child(6) a:before{
background-position: -320px 0;
}
#header .menu li:nth-child(7) a:before{
background-position: -400px 0;
}
#header .menu li:nth-child(8) a:before{
background-position: -480px 0;
}
#header .menu li:nth-child(9) a:before{
background-position: -560px 0;
}

#header .menu li:nth-child(2) a:after{
background-position: 0 -80px;
}
#header .menu li:nth-child(3) a:after{
background-position: -80px -80px;
}
#header .menu li:nth-child(4) a:after{
background-position: -160px -80px;
}
#header .menu li:nth-child(5) a:after{
background-position: -240px -80px;
}
#header .menu li:nth-child(6) a:after{
background-position: -320px -80px;
}
#header .menu li:nth-child(7) a:after{
background-position: -400px -80px;
}
#header .menu li:nth-child(8) a:after{
background-position: -480px -80px;
}
#header .menu li:nth-child(9) a:after{
background-position: -560px -80px;
}
#header .menu a:hover,
#header .menu .active a{
color: #4359a3;
}
/* .entryBtn
------------------------------------------------------------------------------------------------------------- */
#header .entryBtn{
position: absolute;
top: 700px;
right: 0;
left: 0;
text-align: center;
}
#header .entryBtn a{
color:#fff;
width: 200px;
height: 60px;
display: block;
margin:0 auto;
background-image: url(../img/btn_entry_off.png);
background-repeat: no-repeat;
line-height: 58px;
text-decoration: none;
position: relative;
font-weight: bold;
}
#header .entryBtn a:hover{
background-image: url(../img/btn_entry_on.png);
}
#header .entryBtn a:before{
content: "";
width: 10px;
height: 13px;
background-image: url(../img/entry_icon.png);
background-repeat: no-repeat;
display:block;
position: absolute;
right:30px;
top:50%;
margin-top:-7px;
}
/* .subMenu
------------------------------------------------------------------------------------------------------------- */
.subMenu {
display: table!important;
position: absolute;
top: 761px;
right: 0;
left: 40px;
width: 90%;
}
.subMenu li{
display: table-cell;
}
.subMenu li a{
position: relative;
text-decoration: none;
padding-left:10px;
font-size:13px;
-webkit-transition:all .2s ease-in-out 0s;
transition:all .2s ease-in-out 0s;
}
.subMenu li a:before{
content: "";
width: 6px;
height: 10px;
background-image: url(../img/subMenu_icon.png);
background-repeat: no-repeat;
display:block;
position: absolute;
left:0;
top:50%;
margin-top:-5px;
}
.subMenu li a:hover{
color:#4359a3;
}
/* .copyright
------------------------------------------------------------------------------------------------------------- */
.copyright{
width: 235px;
margin:0 auto;
font-size:9px;
color:#555555;
word-break: break-all;
position: absolute;
left:25px;
top:800px;
}
/* pageTop
------------------------------------------------------------------------------------------------------------- */
.pageTop a{
display: block;
padding:15px;
background:#F2F2F2;
border:solid 1px #cfd1d2;
border-bottom:none;
}
.pageTop a:before {
content: "";
display:block;
margin: 0 auto;
width: 20px;
height: 3px;
margin-bottom: 3px;
background: #888888;
}
.pageTop a:after{
content:"";
display:block;
margin: 0 auto;
width: 0;
height: 0;
border-style: solid;
border-width: 0 10px 15px 10px;
border-color: transparent transparent #888888 transparent;
}

/* footer
------------------------------------------------------------------------------------------------------------- */
#footer{
width:100%;
padding:20px;
background:#888888;
border:solid 1px #7F7F7F;
box-sizing: border-box;
}
#footer ul{
display: table;
margin-left:auto;
}
#footer ul li{
display: table-cell;
position: relative;
padding:0 20px;
}
#footer ul li + li:after{
content:"";
position: absolute;
left: 0;
top: 0;
height: 100%;
display: block;
border-left:solid 1px #d2d2d2;
}
#footer ul li a{
text-decoration: none;
color:#fff;
}
/* mainCont
------------------------------------------------------------------------------------------------------------- */
#mainCont{
width: 100%;
}
#mainCont > img{
width: auto;
height: 100%;
}
#mainCont .section .inner{
padding:0 0 0 280px;
text-align: center;
}


/* door */
.doorWrap{
width: 100%;
height: 100%;
padding-left: 280px;
margin: auto;
position: absolute;
top: 0;
right: 0;
left: 0;
}
.door{
width: 100%;
height: 100%;
position: relative;
}
.door .left,
.door .right{
width: 50%;
height:100vh;
display: block;
position: absolute;
top: 0;
z-index: 888;
background:#e0e0e0 url(../img/bg_door.png) repeat-x 280px top;
background-size:auto 100%;
/*  background: #e0e0e0;
background: -moz-linear-gradient(top,  #e0e0e0 0%, #dbdce2 21%, #b8bac6 52%, #a3a4af 100%);
background: -webkit-linear-gradient(top,  #e0e0e0 0%,#dbdce2 21%,#b8bac6 52%,#a3a4af 100%);
background: linear-gradient(to bottom,  #e0e0e0 0%,#dbdce2 21%,#b8bac6 52%,#a3a4af 100%);
*/
}
.door .left{
border-right: 2px solid #898891;
left: 0;
}
.door .right{
border-left: 2px solid #898891;
right: 0;
}
.door.close .left{
-webkit-animation: doorCloseLeft .6s ease-in-out 0s;
animation: doorCloseLeft .6s ease-in-out 0s;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
.door.close .right{
-webkit-animation: doorCloseRight .6s ease-in-out 0s;
animation: doorCloseRight .6s ease-in-out 0s;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
.door.open .left{
-webkit-animation: doorOpenLeft .6s ease-in-out .9s;
animation: doorOpenLeft .6s ease-in-out .9s;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
.door.open .right{
-webkit-animation: doorOpenRight .6s ease-in-out .9s;
animation: doorOpenRight .6s ease-in-out .9s;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}

/* visual
------------------------------------------------------------------------------------------------------------- */
#visual{
min-height: 40vh;
height: 40vh;
background: #fff;
}
#visual,
#visual > div{
position: absolute;
left: 0;
top:0;
width: 100%;
height: 100%;
}
#visual,
#visual .photo,
.slick-track{
width: 100%;
height: 100vh;
}
#visual01 .photo{
background:url(../img/top/visual_01.jpg) no-repeat 280px top;
background-size: cover;
}
#visual02 .photo{
background:url(../img/top/visual_02.jpg) no-repeat 280px top;
background-size: cover;
}
#visual03 .photo{
background:url(../img/top/visual_03.jpg) no-repeat 280px top;
background-size: cover;
}
#visual04 .photo{
background:url(../img/top/visual_04.jpg) no-repeat 280px top;
background-size: cover;
}
#visual05 .photo{
background:url(../img/top/visual_05.jpg) no-repeat 280px top;
background-size: cover;
}
#visual06 .photo{
background:url(../img/top/visual_06.jpg) no-repeat 280px top;
background-size: cover;
}
#visual07 .photo{
background:url(../img/top/visual_07.jpg) no-repeat 280px top;
background-size: cover;
}
/*#visual08 .photo{
background:url(../img/top/visual_08.jpg) no-repeat 280px top;
background-size: cover;
}*/
#visual09 .photo{
background:url(../img/top/visual_09.jpg) no-repeat 280px top;
background-size: cover;
}
#visual10 .photo{
background:url(../img/top/visual_10.jpg) no-repeat 280px top;
background-size: cover;
}
#visual11 .photo{
background:url(../img/top/visual_11.jpg) no-repeat 280px top;
background-size: cover;
}
#visual12 .photo{
background:url(../img/top/visual_01.jpg) no-repeat 280px top;
background-size: cover;
}
#visual13 .photo{
background:url(../img/top/visual_13.jpg) no-repeat 280px top;
background-size: cover;
}
#visual14 .photo{
background:url(../img/top/visual_14.jpg) no-repeat 280px top;
background-size: cover;
}
#visual15 .photo{
background:url(../img/top/visual_15.jpg) no-repeat 280px top;
background-size: cover;
}
#visual16 .photo{
background:url(../img/top/visual_16.jpg) no-repeat 280px top;
background-size: cover;
}
#visual17 .photo{
background:url(../img/top/visual_17.jpg) no-repeat 280px top;
background-size: cover;
}

/* #section0
------------------------------------------------------------------------------------------------------------- */
#section0 .inner > p{
text-align: center;
position: absolute;
left: 0;
width: 100%;
text-align: center;
color:#fff;
font-weight: 200;
font-size: 24px;
font-size: 2.4rem;
line-height: 1.4;
z-index: +1;
padding-left:280px;
}
#section0 .inner > .txtWrap{
top:50%;
margin-top:-34px;
}
#section0 .inner > .txtWrap img{
max-width: 95%;
height:auto;
}
#section0 .inner > .scroll{
bottom:20px;
}
#section0 .inner > .scroll span{
position: relative;
display: inline-block;
}
#section0 .inner > .scroll span:after{
position: absolute;
content:"";
display: block;
margin: 0 auto;
left: -1px;
right: 0;
width:6px;
height:6px;
background: #fff;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
border-radius: 3px;
-webkit-transition:all .4s ease-in-out 0s;
transition:all .4s ease-in-out 0s;
animation: scroll 1s linear infinite;
-webkit-animation: scroll 1s linear infinite;
}
/* #textSection0
------------------------------------------------------------------------------------------------------------- */
#textSection0{
background:#fff;
}
#mainCont #textSection0 .inner{
padding-bottom:150px;
}
#textSection0 .fp-tableCell{
vertical-align: top;
}
#textSection0 .messageWrap{
max-width: 1100px;
margin:60px auto 0;
display: table;
}
#textSection0 .photo{
text-align: left;
margin:60px 0 0;
display: table-cell;
vertical-align: top;
}
#textSection0 .photo--sp{
	display: none;
}
#textSection0 .txtWrap{
display: table-cell;
vertical-align: top;
padding-top:60px;
position: relative;
}
#textSection0 .txtWrap > div{
background: #e5ecff;
padding:40px;
margin-right: -100px;
position: relative;
text-align: left;
}
#textSection0 .txtWrap h3{
color:#333333;
font-size:30px;
font-size:3.0rem;
font-weight: bold;
    margin-left: -20px;
    width:120%;
}
#textSection0 .txtWrap p{
line-height: 2;
margin-top:20px;
}
#textSection0 .txtWrap p.name{
margin-top:5px;
width: 158px;
height: 34px;
background: url(../img/top/txt_textSection0_01.png) no-repeat;
background-size: cover;
text-decoration: none;
display: block;
margin-left: auto;
overflow: hidden;
text-indent: 120%;
text-align: left;
}
/* #textSection1
------------------------------------------------------------------------------------------------------------- */
#mainCont #textSection1 .inner{
padding-bottom:150px;
}
#textSection1 .inner > p{
margin-top:55px;
font-size:15px;
font-size:1.5rem;
line-height: 2;
}
#textSection1 .stepList{
margin-top:60px;
overflow: hidden;
}
#textSection1 .stepList li{
width: 50%;
float:left;
}
#textSection1 .stepList li.bgTypeBlue{
background:#e5ecff;
}
#textSection1 .stepList li > img{
height: auto;
width: auto;
max-width: 100%;
}
#textSection1 .stepList li dl{
padding:25px 40px 10px;
}
#textSection1 .stepList li dt{
color:#4359a3;
font-family: 'Roboto Condensed', sans-serif;
font-weight: 900;
font-size:36px;
font-size:3.6rem;
}
#textSection1 .stepList li dt span{
font-size:24px;
font-size:2.4rem;
display: block;
line-height: 1.2;
}
#textSection1 .stepList li dt span:last-child{
font-size:54px;
font-size:5.4rem;
line-height: 0.8;
margin-top:10px;
}
#textSection1 .stepList li dd{
font-size:15px;
font-size:1.5rem;
line-height: 2;
text-align: left;
max-width: 600px;
margin: 0 auto;
}
#textSection1 .stepText strong{
display: block;
color:#4359a3;
text-decoration: none;
font-weight: bold;
}
#textSection1 .stepText p{
margin-top:10px;
line-height:1.7;
}
#textSection1 .stepText strong + p{
margin-top:0px;
line-height:1.7;
}
/* textSection3
------------------------------------------------------------------------------------------------------------- */
#mainCont #textSection3 .inner{
background: #fff4e3;
padding-bottom:150px;
}
#textSection3 h2 + p{
margin:10px 0 30px;
}
#textSection3 .txtWrap{
margin-bottom:15px;
display: inline-block;
padding-bottom:20px;
background: url(../img/bg_textSection3_line.png) no-repeat center bottom;
font-size:22px;
color:#4359a3;
font-style: italic;
position: relative;
padding-left:30px;
margin-bottom:30px;
}
#textSection3 .txtWrap:before{
content: "";
display: inline-block;
width: 24px;
height: 24px;
background: url(../img/top/icon_textSection3.png) no-repeat center center;
position: absolute;
left:0;
top:5px;
}
#textSection3 .txtWrap span.pcOnly{
display: inline-block!important;
}
#textSection3 .qaWrap{
position: relative;
width:100%;
min-height: 400px;
overflow: hidden;
vertical-align: top;
}
.qaArea{
position: absolute;
left:0;
top:0;
min-width: 100%;
min-height: 100%;
}
#textSection3 .qaImgArea{
position: relative;
min-height: 100%;
}
#textSection3 .qaImgArea > img{
width:auto;

min-height:100%;
min-width:100%;
max-width: inherit;
}
.qaArrow > a:before {
content: '';
width: 20px;
height: 20px;
border: 0px;
border-top: solid 4px #fff;
border-right: solid 4px #fff;
display: block;
padding:5px;
}
.qaArrow .left-btn{
position:absolute;
top:50%;
left:30px;
z-index: 9999;
-ms-transform: rotate(-135deg);
-webkit-transform: rotate(-135deg);
transform: rotate(-135deg);
}
.qaArrow .right-btn{
position:absolute;
top:50%;
right:30px;
z-index: 9999;
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.qaArrow .top-btn{
position:absolute;
top:30px;
left:50%;
z-index: 9999;
-ms-transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.qaArrow .bottom-btn{
position:absolute;
bottom:30px;
left:50%;
z-index: 9999;
-ms-transform: rotate(135deg);
-webkit-transform: rotate(135deg);
transform: rotate(135deg);
}
#textSection3 .qaPoints{
width: 100%;
height: 100%;
display: block;
position: absolute;
top:0px;
left:0;
}
#textSection3 .qaPoints > div{
position: absolute;
-webkit-transition:all .2s ease-in-out 0s;
transition:all .2s ease-in-out 0s;
animation: btnQaMove01 4s linear infinite;
-webkit-animation: btnQaMove01 4s linear infinite;
width: 10px;
height: 10px;
cursor: pointer;
}
#textSection3 .qaPoints > div:nth-child(3n){
animation: btnQaMove02 4s linear infinite;
-webkit-animation: btnQaMove02 4s linear infinite;
}
#textSection3 .qaPoints > div:nth-child(3n-1){
animation: btnQaMove03 4s linear infinite;
-webkit-animation: btnQaMove03 4s linear infinite;
}
#textSection3 .qaPoints > div:hover{
animation-play-state: paused;
}
#textSection3 .qaPoints > div a{
display: block;
width: 40px;
height: 40px;
z-index: 9999;
position: absolute;
}
#textSection3 .qaPoints > div a span{
position: relative;
display:block;
}
#textSection3 .qaPoints > div a span:before{
position: absolute;
top: 0;
content:"";
display: block;
width:40px;
height:45px;
background: url(../img/top/img_q.png) no-repeat right bottom;
background-size: 37px 40px;
-webkit-transition:all .2s ease-in-out 0s;
transition:all .2s ease-in-out 0s;
}
#textSection3 .qaPoints > div a span:after{
position: absolute;
top: 0;
content:"";
display: block;
width:40px;
height:45px;
background: url(../img/top/img_q_on.png) no-repeat right bottom;
background-size: 40px 44px;
-webkit-transition:all .2s ease-in-out 0s;
transition:all .2s ease-in-out 0s;
opacity: 0;
}
#textSection3 .qaPoints > div a span:hover:before{
opacity: 0;
}

#textSection3 .qaPoints > div a span:hover:after{
opacity:1;
}
#textSection3 .qaPoints > div:nth-child(1){
top:10%;
left:21%;
}
#textSection3 .qaPoints > div:nth-child(2){
top: 40%;
left: 32%;
}
#textSection3 .qaPoints > div:nth-child(3){
top: 17%;
left: 45%;
}
#textSection3 .qaPoints > div:nth-child(4){
top: 27%;
left: 54%;
}
#textSection3 .qaPoints > div:nth-child(5){
top: 50%;
left: 56%;
}
#textSection3 .qaPoints > div:nth-child(6){
top: 43%;
left: 79%;
}
#textSection3 .qaPoints > div:nth-child(7){
top: 73%;
left: 80%;
}
/* textSection3 モーダル
------------------------------------------------------------------------------------------------------------- */
[id^="qaModal-"] .modal-ttl{
color:#4359a3;
font-size: 22px;
font-size: 2.2rem;
display: inline-block;
line-height: 1.8;
position: relative;
padding-left:30px;
}
[id^="qaModal-"] .modal-ttl:before{
content:"";
height:40px;
width:40px;
display:block;
background:url(../img/top/bg_qaModal_ttl.png) no-repeat center center;
position: absolute;
left: -30px;
top: 25%;
}
[id^="qaModal-"] .modal-body .qaImg{
display: block;
text-align: center;
margin-top:40px;
}
[id^="qaModal-"] .modal-body > p{
margin-top:35px;
}
#qaModal-01 .modalWrap,
#qaModal-02 .modalWrap,
#qaModal-05 .modalWrap,
#qaModal-06 .modalWrap,
#qaModal-07 .modalWrap{
max-width: 688px;
}
#qaModal-03 .modalWrap,
#qaModal-04 .modalWrap{
max-width: 510px;
}
#qaModal-02 .modal-body .qaImg{
padding-bottom:60px;
}
#qaModal-02 .modal-body img + img{
position: relative;
margin: 0 0 -50px -60px;
}
/* textSection4
------------------------------------------------------------------------------------------------------------- */
#textSection4{
background:#fef5e7;
}
#mainCont #textSection4 .inner{
padding-bottom:150px;
}
#textSection4 .supportWrap{
max-width: 840px;
margin:0 auto;
padding:0 20px;
}
#textSection4 .supportWrap dl{
text-align: left;
margin-top:60px;
}
#textSection4 .supportWrap dl:nth-child(odd){
padding-left:45%;
}
#textSection4 .supportWrap dl:nth-child(even){
padding-right:45%;
}
#textSection4 .supportWrap dl:nth-child(1){
background:url(../img/top/img_support_01.png) no-repeat left center;
background-size:290px 290px;
}
#textSection4 .supportWrap dl:nth-child(2){
background:url(../img/top/img_support_02.png) no-repeat right center;
background-size:290px 290px;
}
#textSection4 .supportWrap dl:nth-child(3){
background:url(../img/top/img_support_03.png) no-repeat left center;
background-size:290px 290px;
}
#textSection4 .supportWrap dl:nth-child(4){
background:url(../img/top/img_support_04.png) no-repeat right center;
background-size:290px 290px;
}
#textSection4 .supportWrap dt{
color:#4359a3;
font-size:30px;
font-size:3.0rem;
font-weight: bold;
}
#textSection4 .supportWrap dd{
margin-top:30px;
line-height: 2;
}
#textSection4 .moreBtn{
text-align: center;
margin-top:60px;
}
#textSection4 .moreBtn a{
color:#fff;
width: 330px;
padding-right: 10px;
height: 50px;
display: block;
margin:0 auto;
background:#4359a3;
line-height: 50px;
text-decoration: none;
position: relative;
font-size:20px;
font-size:2.0rem;
}
#textSection4 .moreBtn a:after {
content: "";
display: block;
width: 15px;
height: 18px;
width: 0;
height: 0;
border-style: solid;
border-width:7.5px 0 7.5px 10px;
border-color: transparent transparent transparent #fff;
position: absolute;
right:10px;
top: 50%;
margin-top: -7.5px;
}
/* textSection4_01
------------------------------------------------------------------------------------------------------------- */
#textSection4_01 {
/*background: #fef5e7;*/
}
#mainCont #textSection4_01 .inner{
/*padding-bottom:150px;*/
}
#textSection4_01  [class^="supportDetail_box_0"]{
background: #fff;
padding:40px;
width: 800px;
max-width: 100%;
margin: auto;
}
#textSection4_01 [class^="supportDetail_box_0"] + [class^="supportDetail_box_0"]{
margin-top:28px;
}
#mainCont #textSection4_01 h2{
background: none;
}
#textSection4_01 .supportDetailWrap{
margin-top:40px;
padding:0 20px;
}
#textSection4_01 [class^="supportDetail_box_0"] h3{
color:#4359a3;
font-size:28px;
font-size:2.8rem;
font-weight: bold;
}
#textSection4_01 .supportDetail_box_03 h3{
color:#f66f2f;
font-weight: bold;
}

.supportDetail_box_01 .txtWrap{
width:70%;
float:left;
text-align: left;
margin-top:20px;
}
.supportDetail_box_01 .txtWrap strong{
text-decoration: none;
color:#4359a3;
font-weight: bold;
font-size:15px;
font-size:1.5rem;
}
.supportDetail_box_01 .txtWrap strong + p{
margin-top:10px;
}
.supportDetail_box_01 .photo{
width: 30%;
overflow: hidden;
margin-top: -30px;
}
.supportDetail_box_02 .txtWrap{
width:70%;
float:left;
text-align: left;
margin-top:20px;
}
.supportDetail_box_02 .txtWrap strong{
text-decoration: none;
color:#4359a3;
font-weight: bold;
font-size:15px;
font-size:1.5rem;
}
.supportDetail_box_02 .photo{
width: 30%;
overflow: hidden;
}
.supportDetail_box_02 .photo img{
width: 100%;
height:auto;
}
#textSection4_01 .supportDetail_box_02{
position: relative;
padding-bottom:80px;
overflow: hidden;
}
#textSection4_01 .supportDetail_box_02:before{
content:"";
/*background: #fef5e7;*/
display: block;
width: 50%;
height:60px;
position: absolute;
bottom:-30px;
left:0;
-moz-transform: skew(0deg, 8deg);
-o-transform: skew(0deg, 8deg);
-ms-transform: skew(0deg, 8deg);
-webkit-transform: skew(0deg, 8deg);
transform: skew(0deg, 8deg);
}
#textSection4_01 .supportDetail_box_02:after{
content:"";
/*background: #fef5e7;*/
display: block;
width: 50%;
height:60px;
position: absolute;
bottom:-30px;
right:0;
-moz-transform: skew(0deg, -8deg);
-o-transform: skew(0deg, -8deg);
-ms-transform: skew(0deg, -8deg);
-webkit-transform: skew(0deg, -8deg);
transform: skew(0deg, -8deg);
clear: both;
}
#textSection4_01 .supportDetail_box_02 ul{
margin-top:10px;
}
#textSection4_01 .supportDetail_box_02 ul li{
position: relative;
padding-left:20px;
line-height: 2;
}
#textSection4_01 .supportDetail_box_02 ul li:before {
position: absolute;
left: 5px;
top: 10px;
content: "";
display: block;
width: 8px;
height: 8px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
border-radius: 50%;
background: #4359a3;
}
#textSection4_01 .supportDetail_01{
display: table;
width:100%;
max-width:720px;
margin-top:10px;
}
#textSection4_01 .supportDetail_01 > div{
display: table-cell;
width: 50%;
vertical-align:bottom;
}
#textSection4_01 .supportDetail_01 .txtWrap{
font-weight: bold;
margin-top:10px;
}
#textSection4_01 .supportDetail_01 .txtWrap span{
display: block;
font-size:14px;
font-size:1.4rem;
}
#textSection4_01 .supportDetail_02 .txtWrap{
width:70%;
text-align: left;
margin-top:20px;
overflow: hidden;
line-height: 2;
}
#textSection4_01 .supportDetail_02 .txtWrap strong{
text-decoration: none;
color:#f66f2f;
font-weight: bold;
font-size:20px;
font-size:2.0rem;
display: block;
}
#textSection4_01 .supportDetail_02 .photo{
width: 30%;
float:left;
}
#textSection4_01 .supportDetail_03 .txtWrap{
width:70%;
text-align: left;
margin-top:20px;
overflow: hidden;
}
#textSection4_01 .supportDetail_03 .txtWrap strong{
text-decoration: none;
color:#f66f2f;
font-weight: bold;
font-size:20px;
font-size:2.0rem;
display: block;
}
#textSection4_01 .supportDetail_03 .photo{
width: 30%;
float:left;
}
#textSection4_01 .supportDetail_04{
width: 700px;
max-width: 100%;
margin:20px auto 0;
}
#textSection4_01 .supportDetail_04 th{
font-weight: bold;
}
#textSection4_01 .supportDetail_04 th:nth-child(1){
width: 20%;
}
#textSection4_01 .supportDetail_04 th:nth-child(2){
width: 40%;
}
#textSection4_01 .supportDetail_04 th:nth-child(3){
width: 40%;
}
#textSection4_01 .supportDetail_04 thead tr:nth-child(2n-1){
background: #f0f0f0;
}
#textSection4_01 .supportDetail_04 tr:nth-child(2n){
background: #f0f0f0;
}
#textSection4_01 .supportDetail_04 tr:nth-child(2n-1){
background: #f9f9f9;
}
#textSection4_01 .supportDetail_04 tr td:first-child{
text-align: center;
font-weight: bold;
}
#textSection4_01 .supportDetail_04 th,.supportDetail_04 td {
border-left:2px solid #fff;
border-top:2px solid #fff;
padding:10px;
}
#textSection4_01 .colorOrange{
color:#f66f2f;
}
#textSection4_01 .colorBlue{
color:#4359a3;
}
#textSection4_01 .colorBlack{
color:#333333;
}
#textSection4_01 .colorGray{
color:#727272;
}
#textSection4_01 .supportDetail_05{
font-size:24px;
font-size:2.4rem;
font-weight: bold;
color:#4359a3;
}
#textSection4_01 .supportDetail_06{
width: 720px;
max-width: 100%;
margin:0 auto;
}
#textSection4_01 .supportDetail_06 > div{
float: left;
width: 48%;
display: table;
}
#textSection4_01 .supportDetail_06 > div + div{
padding-left:4%;
}
#textSection4_01 .supportDetail_06 .txtWrap{
width:60%;
text-align: left;
vertical-align: middle;
display: table-cell;
line-height: 2;
}
#textSection4_01 .supportDetail_06 .txtWrap strong{
text-decoration: none;
color:#f66f2f;
font-weight: bold;
font-size:20px;
font-size:2.0rem;
display: block;
}
#textSection4_01 .supportDetail_06 .photo{
width: 40%;
overflow: hidden;
display: table-cell;
vertical-align: middle;
}
#textSection4_01 .arrow{
width:60px;
margin:20px auto;
}
#textSection4_01 .colorOrange{
color:#f66f2f;
}
#textSection4_01 .colorBlue{
color:#4359a3;
}
#textSection4_01 .colorBlack{
color:#333333;
}
#textSection4_01 .colorGray{
color:#727272;
}
#textSection4_01 .arrow::before{
content: "";
display: block;
margin: 0 auto;
width: 30px;
height: 25px;
background: #b1b1b1;
}
#textSection4_01 .arrow::after{
content: "";
display: block;
border-top: 28px solid #b1b1b1;
border-left: 37px solid transparent;
border-right: 37px solid transparent;
transform: scalex(0.8);
margin-left: -7px;
}
#textSection4_01 .backBtn{
text-align: center;
margin-top:60px;
}
#textSection4_01 .backBtn a{
color:#fff;
width: 220px;
padding-left: 10px;
height: 50px;
display: block;
margin:0 auto;
background:#b1b1b1;
line-height: 50px;
text-decoration: none;
position: relative;
font-size:20px;
font-size:2.0rem;
}
#textSection4_01 .backBtn a:after {
content: "";
display: block;
width: 15px;
height: 18px;
width: 0;
height: 0;
border-style: solid;
border-width:7.5px 10px 7.5px 0px;
border-color: transparent #fff transparent transparent;
position: absolute;
left:10px;
top: 50%;
margin-top: -7.5px;
}

/* section1
------------------------------------------------------------------------------------------------------------- */
#section1{
background:url(../img/bg_gray.png)repeat center center;
}
#mainCont #section1 .inner{
padding-bottom:150px;
}
#section1 .inner > p {
margin-top: 55px;
font-size: 15px;
font-size: 1.5rem;
line-height: 2;
}
#section1 .imgWrap{
margin-top:55px;
position: relative;
background:#FBFBFB;
}
#section1 .imgWrap:before{
content:"";
z-index: 999;
position:absolute;
border-top: 340px solid #e5ecff;
border-right: 340px solid transparent;
right:90%;
}
#section1 .imgWrap:after{
content:"";
z-index: 999;
position:absolute;
border-bottom: 340px solid #e5ecff;
border-left: 340px solid transparent;
bottom:0;
left:90%;
}
#section1 .imgWrap a > img{
display: block;
margin:0 auto;
max-width: 100%;
height: auto;
}
#section1 .imgWrap a{
text-decoration: none;
display:block;
position: relative;
}
#section1 .imgWrap a:after {
content: "";
display: block;
position: absolute;
width: 60px;
height: 60px;
top: 0;
bottom: 0;
right:100px;
margin:auto 0;
z-index: 200;
background: #4359a3 url(../img/top/icon_interview_02.png) no-repeat center center;
background-size:16px 25px;
}
#section1 .imgWrap .ttlWrap{
color:#616161;
font-size:22px;
font-size:2.2rem;
position: absolute;
top:10%;
right:0;
left:0;
margin:0 auto;
font-style: italic;
font-weight: bold;
background: url(../img/top/bg_interview_sp.png) no-repeat center bottom;
background-size:auto 14px;
padding-bottom: 20px;
}
#section1 .imgWrap .ttlWrap span{
display: block;
font-size:12px;
font-size:1.2rem;
}
#section1 .imgWrap .staffWrap{
position: absolute;
top: 40%;
left: 0;
right: 0;
display: table;
margin:0 auto;
background: url(../img/top/icon_interview_01.png) no-repeat center center;
background-size: 70px 70px;
height:70px;
}
#section1 .imgWrap .staffWrap > div{
display: inline;
width: 50%;
vertical-align: middle;
}
#section1 .imgWrap .staffWrap > div:first-child{
text-align: right;
padding-right:50px;
}
#section1 .imgWrap .staffWrap > div:last-child{
text-align: left;
padding-left:50px;
}
#section1 .imgWrap .staffWrap p span{
font-size:15px;
font-size:1.5rem;
color:#2f2f2f;
display: block;
}
#section1 .imgWrap .staffWrap p{
font-size:30px;
font-size:3.0rem;
line-height: 1.3;
display: inline-block;
color:#4359a3;
}
#section1 .imgWrap .staffWrap div:first-child p{
text-align: right;
}
#section1 .imgWrap .staffWrap div:last-child p{
text-align: left;
}
#section1 .imgWrap .commentWrap{
font-size:22px;
font-size:2.2rem;
text-align: center;
background-color: rgba(240,240,240,0.9);
filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#E6f0f0f0,EndColorStr=#E6f0f0f0);
-ms-filter: "progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#E6f0f0f0,EndColorStr=#E6f0f0f0)";
color:#4359a3;
padding: 18px;
position: absolute;
bottom: 0;
width: 200%;
margin-left:-50%;
}
#section1 .interviewList{
max-width: 1100px;
margin:60px auto 0;
padding:0 20px;
}
#section1 .interviewList li{
width: 32%;
position: relative;
overflow: hidden;
float:left;
margin:15px 0 0 2%;
}
#section1 .interviewList li:nth-child(3n-2){
margin-left:0px;
}
#section1 .interviewList li a{
text-decoration: none;
}
#section1 .interviewList li img{
width: 100%;
height:auto;
}
#section1 .interviewList .staffWrap{
margin:-100px auto 0;
padding:10px 15px;
background:#fff;
width:90%;
position:absolute;
right: 0;
left:0;
z-index: 100;
background-color: rgba(255,255,255,0.9);
filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#E6ffffff,EndColorStr=#E6ffffff);
-ms-filter: "progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#E6ffffff,EndColorStr=#E6ffffff)";
}
#section1 .interviewList .staffWrap.textLong p:first-child{
font-size:13px;
font-size: 1.3rem;
line-height: 2.5;
white-space: nowrap;
}
#section1 .interviewList .staffWrap p:first-child{
color:#333333;
text-align: left;
font-size:15px;
font-size:1.5rem;
}
#section1 .interviewList .staffWrap p:last-child{
color:#4359a3;
font-size:24px;
font-size:2.4rem;
}
#section1 .interviewList .commentWrap{
padding:15px 20px;
position: relative;
z-index: 100;
background:#3658A0;
color:#fff;
text-align: left;
font-size:18px;
font-size:1.8rem;
/*font-style: italic;*/
}
#section1 .interviewList li:after{
content:"";
display: block;
position: absolute;
width: 100%;
height: 300px;
margin-bottom:-10%;
top:66%;
left:0;
background:#3658A0;
-moz-transform: skew(0deg, -10deg);
-o-transform: skew(0deg, -10deg);
-ms-transform: skew(0deg, -10deg);
-webkit-transform: skew(0deg, -10deg);
transform: skew(0deg, -10deg);
z-index: 50;
}
#section1 .interviewList li a:after{
content:"";
display: block;
position: absolute;
width: 40px;
height: 40px;
bottom:0;
right:0;
z-index:200;
background:#a1acd1 url(../img/top/interview_arrow.png) no-repeat center center;
background-size:12px 17px;
}
/* intervieDetail
------------------------------------------------------------------------------------------------------------- */
#mainCont.intervieDetail{
background:url(../img/bg_gray.png)repeat center center;
}
    #mainCont.careerDetail{
background:url(../img/bg_gray.png)repeat center center;
}
#mainCont.intervieDetail .interviewWrap{
background:#fff;
padding-bottom:20px;
overflow: hidden;
}
#mainCont.intervieDetail .visual_interview{
position: relative;
background:#fbfbfb;
}
#mainCont.intervieDetail .visual_interview .photo{
max-width: 1100px;
margin:0 auto;
text-align: right;
}
#mainCont.intervieDetail .visual_interview .photo img{
max-width: 100%;
margin-left: auto;
}
#mainCont.intervieDetail .visual_interview .ttlWrap{
position:absolute;
bottom:0;
right: 0;
left: 0;
top:0;
margin: auto;
max-width: 1100px;
display: table;
height:170px;
color:#888888;
font-size:20px;
font-size:2.0rem;
text-align: left;
}
#mainCont.intervieDetail .visual_interview .ttlWrap > div{
width:1100px;
margin:0 auto;
}
#mainCont.intervieDetail .visual_interview .ttlWrap,
#mainCont.intervieDetail .visual_interview .ttlWrap > div > p{
display: table-cell;
vertical-align: middle;
}
#mainCont.intervieDetail .visual_interview .ttlWrap > p:first-child{
padding:40px 0;
width: 200px;
background: url(../img/interview/bg_interview_ttl.png) no-repeat 0 center;
text-align: right;
display: table-cell;
}
#mainCont.intervieDetail .visual_interview .ttlWrap .staffWrap{
padding-left:15px;
display: table-cell;
}
#mainCont.intervieDetail .visual_interview .ttlWrap .staffWrap span:first-child{
color:#4359a3;
font-size:34px;
font-size:3.4rem;
display: block;
}
#mainCont.intervieDetail .visual_interview .ttlWrap .staffWrap span:last-child{
color:#333;
font-size:15px;
font-size:1.5rem;
}
#mainCont.intervieDetail .visual_interview  .commentWrap{
position: absolute;
bottom:-60px;
width: 100%;
max-width: 1100px;
min-width: 1100px;
left: 0;
right: 0;
margin: 0 auto;
}
#mainCont.intervieDetail .visual_interview  .commentWrap p{
position: relative;
font-size:34px;
font-size:3.4rem;
color:#fff;
background:#4359a3;
width: 100%;
margin-left:-50%;
padding-left:50%;
-moz-transform: skew(20deg, 0deg);
-o-transform: skew(20deg, 0deg);
-ms-transform: skew(20deg, 0deg);
-webkit-transform: skew(20deg, 0deg);
transform: skew(20deg, 0deg);
padding:30px 0px 30px 50%;
text-align: left;
line-height: 1.5;
}

#mainCont.intervieDetail .visual_interview  .commentWrap p span{
-moz-transform: skew(-20deg, 0deg);
-o-transform: skew(-20deg, 0deg);
-ms-transform: skew(-20deg, 0deg);
-webkit-transform: skew(-20deg, 0deg);
transform: skew(-20deg, 0deg);
display: block;
padding-left:20px;
/*font-style: italic;*/
}
#mainCont.intervieDetail .interviewDetailWrap_01{
max-width: 1100px;
margin:100px auto 0;
display: table;
}
#mainCont.intervieDetail .interviewDetailWrap_01 .photo{
text-align: left;
margin:60px 0 0;
display: table-cell;
vertical-align: middle;
padding-top:100px;
width: 55%;
}
#mainCont.intervieDetail .interviewDetailWrap_01 .txtWrap{
display: table-cell;
vertical-align: top;
}
#mainCont.intervieDetail .interviewDetailWrap_01 .txtWrap h3{
color:#4359a3;
font-size:22px;
font-size:2.2rem;
font-weight: bold;
}
#mainCont.intervieDetail .interviewDetailWrap_01 .txtWrap p:not(:first-child){
margin-top:30px;
}
#mainCont.intervieDetail .interviewDetailWrap_01 .txtWrap > div{
background: #e5ecff;
padding:50px;
margin-left: -100px;
position: relative;
text-align: left;
}
#mainCont.intervieDetail .interviewDetailWrap_02{
max-width: 1100px;
margin:60px auto 0;
display: table;
}
#mainCont.intervieDetail .interviewDetailWrap_02 .photo{
text-align: right;
margin:60px 0 0;
display: table-cell;
vertical-align: middle;
padding-top:160px;
width: 60%;
}
#mainCont.intervieDetail .interviewDetailWrap_02 .txtWrap{
display: table-cell;
vertical-align: top;
}
#mainCont.intervieDetail .interviewDetailWrap_02 .txtWrap h3{
color:#4359a3;
font-size:22px;
font-size:2.2rem;
font-weight: bold;
}
#mainCont.intervieDetail .interviewDetailWrap_02 .txtWrap p:not(:first-child){
margin-top:30px;
}
#mainCont.intervieDetail .interviewDetailWrap_02 .txtWrap > div{
background: #e5ecff;
padding:50px;
margin-right: -100px;
position: relative;
text-align: left;
}
#mainCont.intervieDetail .interviewDetailWrap_03{
max-width: 1100px;
margin:60px auto 0;
display: table;
}
#mainCont.intervieDetail .interviewDetailWrap_03 .photo{
margin:60px 0 0;
display: table-cell;
vertical-align: top;
width: 63%;
padding-top:180px;
}
#mainCont.intervieDetail .interviewDetailWrap_03 .txtWrap{
display: table-cell;
vertical-align: top;
}
#mainCont.intervieDetail .interviewDetailWrap_03 .txtWrap > div{
background: #e5ecff;
padding:50px;
margin-left: -100px;
position: relative;
text-align: left;
}
#mainCont.intervieDetail .interviewDetailWrap_03 .txtWrap h3{
color:#4359a3;
font-size:22px;
font-size:2.2rem;
font-weight: bold;
}
#mainCont.intervieDetail .interviewDetailWrap_03 .txtWrap p:not(:first-child){
margin-top:30px;
}
#mainCont.intervieDetail .interviewDetailWrap_04{
max-width: 1100px;
margin:60px auto 0;
display: table;
}
#mainCont.intervieDetail .interviewDetailWrap_04 .photo{
text-align: right;
margin:60px 0 0;
display: table-cell;
vertical-align: middle;
padding-top:160px;
width:60%;
}
#mainCont.intervieDetail .interviewDetailWrap_04 .txtWrap{
display: table-cell;
vertical-align: top;
width: 40%;
}
#mainCont.intervieDetail .interviewDetailWrap_04 .txtWrap h3{
color:#4359a3;
font-size:22px;
font-size:2.2rem;
font-weight: bold;
}
#mainCont.intervieDetail .interviewDetailWrap_04 .txtWrap p:not(:first-child){
margin-top:30px;
}
#mainCont.intervieDetail .interviewDetailWrap_04 .txtWrap > div{
background: #e5ecff;
padding:50px;
margin-right:-100px;
position: relative;
text-align: left;
}#mainCont.intervieDetail .interviewDetailWrap_05{
max-width: 1100px;
margin:60px auto 0;
display: table;
}
#mainCont.intervieDetail .interviewDetailWrap_05 .photo{
margin:60px 0 0;
display: table-cell;
vertical-align: top;
padding-top:150px;
width: 60%;
}
#mainCont.intervieDetail .interviewDetailWrap_05 .txtWrap{
display: table-cell;
vertical-align: top;
}
#mainCont.intervieDetail .interviewDetailWrap_05 .txtWrap > div{
background: #e5ecff;
padding:50px;
margin-left: -100px;
position: relative;
text-align: left;
}
#mainCont.intervieDetail .interviewDetailWrap_05 .txtWrap h3{
color:#4359a3;
font-size:22px;
font-size:2.2rem;
font-weight: bold;
}
#mainCont.intervieDetail .interviewDetailWrap_05 .txtWrap p:not(:first-child){
margin-top:30px;
}
#mainCont.intervieDetail .interviewDetailWrap_06{
max-width: 1100px;
margin:60px auto 0;
display: table;
}
#mainCont.intervieDetail .interviewDetailWrap_06 .photo{
text-align: right;
margin:60px 0 0;
display: table-cell;
vertical-align: middle;
padding-top:160px;
width: 60%;
}
#mainCont.intervieDetail .interviewDetailWrap_06 .txtWrap{
display: table-cell;
vertical-align: top;
}
#mainCont.intervieDetail .interviewDetailWrap_06 .txtWrap h3{
color:#4359a3;
font-size:22px;
font-size:2.2rem;
font-weight: bold;
}
#mainCont.intervieDetail .interviewDetailWrap_06 .txtWrap p:not(:first-child){
margin-top:30px;
}
#mainCont.intervieDetail .interviewDetailWrap_06 .txtWrap > div{
background: #e5ecff;
padding:50px;
margin-right: -100px;
position: relative;
text-align: left;
}
#mainCont.intervieDetail div[class^="interviewDetailWrap_0"] .txtWrap p span[class^="talker0"]{
font-size:18px;
font-size:1.8rem;
font-weight: bold;
}
#mainCont.intervieDetail div[class^="interviewDetailWrap_0"] .txtWrap p .talker01{
color:#f77030;
}
#mainCont.intervieDetail div[class^="interviewDetailWrap_0"] .txtWrap p .talker02{
color:#4359a3;
}
#mainCont.intervieDetail .interviewLink li.interviewPrev.textLong a{
padding:16px 30px 16px 90px;
}
#mainCont.intervieDetail .interviewLink li.interviewNext.textLong a{
padding:16px 90px 16px 30px;
}
#mainCont.intervieDetail .interviewLink li.interviewPrev.textLong span + span,
#mainCont.intervieDetail .interviewLink li.interviewNext.textLong span + span{
margin-left: 0px;
}
#mainCont.intervieDetail .scheduleWrap .schedule{
position: relative;
max-width: 840px;
margin:40px auto 0;
padding:20px 20px 0;
}
#mainCont.intervieDetail .scheduleWrap .schedule:before{
content:"";
width:6px;
height: 100%;
background: #cbcbcb;
display: block;
position: absolute;
top:0;
left: 45px;
}
#mainCont.intervieDetail .scheduleWrap .schedule li{
display: table;
width: 100%;
margin-top:30px;
}
#mainCont.intervieDetail #section1_02 .scheduleWrap .schedule li:last-child dl,
#mainCont.intervieDetail #section1_03 .scheduleWrap .schedule li:last-child dl,
#mainCont.intervieDetail #section1_07 .scheduleWrap .schedule li:last-child dl{
padding-bottom: 50px;
}
#mainCont.intervieDetail #section1_08 .scheduleWrap .schedule li:last-child dl{
padding-bottom: 30px;
}
#mainCont.intervieDetail #section1_09 .scheduleWrap .schedule li:last-child dl,
#mainCont.intervieDetail #section1_10 .scheduleWrap .schedule li:last-child dl{
padding-bottom: 20px;
}
#mainCont.intervieDetail #section1_04 .scheduleWrap .schedule:before,
#mainCont.intervieDetail #section1_05 .scheduleWrap .schedule:before,
#mainCont.intervieDetail #section1_06 .scheduleWrap .schedule:before{
height:96%;
}
#mainCont.intervieDetail .scheduleWrap .schedule li > *{
display: table-cell;
vertical-align: top;
text-align: right;
}
#mainCont.intervieDetail .scheduleWrap .schedule dt{
position: relative;
text-align: left;
}
#mainCont.intervieDetail .scheduleWrap .schedule dt span{
display: inline-block;
vertical-align: middle;
}
#mainCont.intervieDetail .scheduleWrap .schedule dt span:first-child{
background: #4359a3;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
border-radius: 50%;
width: 55px;
height:55px;
line-height: 55px;
color:#fff;
text-align: center;
}
#mainCont.intervieDetail .scheduleWrap .schedule dt span:last-child{
color:#4359a3;
font-size:24px;
font-size:2.4rem;
padding-left:18px;
}
#mainCont.intervieDetail .scheduleWrap .schedule dd{
text-align: left;
padding-left:73px;
}
#mainCont.intervieDetail .scheduleWrap .schedule dd .notes{
vertical-align: super;
font-size: smaller;
}
#mainCont.intervieDetail .scheduleWrap .schedule .photo img {
width:223px;
}
#mainCont.intervieDetail .scheduleWrap .schedule .photo img{
margin-left:10px;
}
    
    #mainCont .careerenhancementWrap .careerenhancement li > *{
display: table-cell;
vertical-align: top;
text-align: right;
}
#mainCont .careerenhancementWrap .careerenhancement dt{
position: relative;
text-align: left;
}
#mainCont .careerenhancementWrap .careerenhancement dt span{
/*display: inline-block;*/
vertical-align: middle;
}
#mainCont .careerenhancementWrap .careerenhancement dt span:first-child{
background: #6eabf4;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
border-radius: 50%;
width: 55px;
height:55px;
line-height: 55px;
color:#fff;
text-align: center;
}
#mainCont .careerenhancementWrap .careerenhancement dt span:last-child{
color:#6eabf4;
font-size:24px;
font-size:2.4rem;
padding-left:18px;
}
#mainCont .careerenhancementWrap .careerenhancement dd{
text-align: left;
padding-left:73px;
}
#mainCont .careerenhancementWrap .careerenhancement dd .notes{
vertical-align: super;
font-size: smaller;
}
#mainCont .careerenhancementWrap .careerenhancement .photo img {
width:223px;
}
#mainCont .careerenhancementWrap .careerenhancement .photo img{
margin-left:10px;
}
    #mainCont .careerenhancementWrap .careerenhancement:before{
content:"";
width:6px;
height: 100%;
background: #cbcbcb;
display: block;
position: absolute;
top:0;
left: 35px;
}
    
#mainCont.intervieDetail .notesWrap{
background: #fff;
margin:60px auto 0;
padding:20px 30px;
max-width: 800px;
}
#mainCont.intervieDetail .notesWrap .ttlWrap{
padding-bottom:15px;
background: url(../img/interview/bg_notesTtl.png) no-repeat center bottom;
font-size:18px;
font-size:1.8rem;
color:#4359a3;
font-weight: bold;
}
#mainCont.intervieDetail .notesWrap .ttlWrap span{
font-size:15px;
font-size:1.5rem;
}
#mainCont.intervieDetail .notesWrap .txtWrap{
margin-top:10px;
padding-right:200px;
background: url(../img/interview/img_notes.jpg) no-repeat right top;
text-align: left;
font-size:15px;
font-size:1.5rem;
}
#mainCont.intervieDetail .notesWrap p + p{
margin-top:10px;
}
#mainCont.intervieDetail .privateWrap{
max-width: 800px;
margin:60px auto 0;
display: table;
}
#mainCont.intervieDetail .privateWrap .photo{
float:left;
width: 40%;
z-index: 999;
}
#mainCont.intervieDetail .privateWrap .photo img {
width: 320px;
}
#mainCont.intervieDetail .privateWrap .txtWrap{
float: right;
text-align: left;
width: 60%;
background: #e5ecff;
position: relative;
vertical-align: top;
}
#mainCont.intervieDetail .privateWrap .txtWrap .ttlWrap{
position: relative;
z-index: 999;
color:#4359a3;
font-weight: bold;
text-align: center;
font-size:22px;
font-size:2.2rem;
padding:20px;
}
#mainCont.intervieDetail .privateWrap .txtWrap:after{
content: "";
display: block;
position: absolute;
width: 100px;
height: 100%;
margin-left: -50px;
top: 0;
left: 0;
background: #e5ecff;
-moz-transform: skew(-10deg, 0deg);
-o-transform: skew(-10deg, 0deg);
-ms-transform: skew(-10deg, 0deg);
-webkit-transform: skew(-10deg, 0deg);
transform: skew(-10deg, 0deg);
z-index: 50;
clear:both;
overflow: hidden;
}
#mainCont.intervieDetail .privateWrap .txtWrap p{
padding:0px 40px 40px;
position: relative;
z-index: 999;
}
#mainCont.intervieDetail .privateWrap .photo{
padding:40px 0 0;
position: relative;
text-align: left;
}
#mainCont.intervieDetail .privateWrap .photo img + img{
margin:0 0 -100px -200px;
}
#mainCont.intervieDetail .interviewLink{
margin-top:150px;
display: table;
width: 100%;
}
#mainCont.intervieDetail .interviewLink li{
display: table-cell;
vertical-align: middle;
background:#4359a3;
}
#mainCont.intervieDetail .interviewLink li a{
color:#fff;
text-decoration: none;
padding:28px 30px;
position: relative;
}
#mainCont.intervieDetail .interviewLink li.interviewList{
border-left:solid 2px #fff;
border-right:solid 2px #fff;
width: 10%;
font-size:16px;
font-size:1.6rem;
white-space: nowrap;
}
#mainCont.intervieDetail .interviewLink li.interviewList a{
padding: 15px 20px;
display: block;
}
#mainCont.intervieDetail .interviewLink li.interviewList span{
display: block;
}
#mainCont.intervieDetail .interviewLink li.interviewPrev{
text-align:left;
width: 45%;
}
#mainCont.intervieDetail .interviewLink li.interviewNext{
text-align: right;
width: 45%;
}
#mainCont.intervieDetail .interviewLink li.interviewPrev a{
display: block;
padding-left:90px;
}
#mainCont.intervieDetail .interviewLink li.interviewNext a{
display: block;
padding-right:90px;
}
#mainCont.intervieDetail .interviewLink li.interviewPrev a:before{
content:"";
display: inline-block;
width: 12px;
height: 16px;
width: 0;
height: 0;
border-style: solid;
border-width:8px 12px 8px 0;
border-color: transparent #fff transparent transparent;
position: absolute;
top: 50%;
margin-top: -8px;
left:40px;
}
#mainCont.intervieDetail .interviewLink li.interviewNext a:after{
content:"";
display: inline-block;
width: 12px;
height: 16px;
width: 0;
height: 0;
border-style: solid;
border-width:8px 0 8px 12px;
border-color: transparent transparent transparent #fff;
position: absolute;
top: 50%;
margin-top: -7px;
right:40px;
}
#mainCont.intervieDetail .interviewLink li.interviewPrev span + span,
#mainCont.intervieDetail .interviewLink li.interviewNext span + span{
margin-left:10px;
}
/* 001.html */
#mainCont.intervieDetail #section1_01 .visual_interview{
margin-bottom:200px;
}
#mainCont.intervieDetail #section1_01 .visual_interview .ttlWrap{
top: inherit;
bottom:15%;
max-width:inherit;
display: block;
height:170px;
background-color: rgba(255,255,255,0.9);
filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#77255255255,EndColorStr=#77255255255);
-ms-filter: "progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#77255255255,EndColorStr=#77255255255)";
}
#mainCont.intervieDetail #section1_01 .visual_interview .ttlWrap > div > p:first-child{
padding:40px 0;
width: 200px;
background: url(../img/interview/bg_interview_ttl.png) no-repeat 0 center;
text-align: right;
}
#mainCont.intervieDetail #section1_01 .visual_interview .staffTtl{
background: url(../img/top/bg_interview_sp.png) no-repeat center bottom;
background-size:auto 14px;
padding-bottom: 15px;
position: absolute;
top: 20px;
left: 0;
right: 0;
text-align: center;
font-style: italic;
font-weight: bold;
}
#mainCont.intervieDetail #section1_01 .visual_interview .staff{
position: absolute;
bottom:20px;
left: 0;
right: 0;
width:100%;
display: table;
margin:0 auto;
background: url(../img/top/icon_interview_01.png) no-repeat center center;
background-size: 70px 70px;
}
#mainCont.intervieDetail #section1_01 .visual_interview .staff > div{
display: table-cell;
width: 50%;
padding-bottom:10px;
}
#mainCont.intervieDetail #section1_01 .visual_interview .staff > div:first-child{
text-align: right;
padding-right:50px;
}
#mainCont.intervieDetail #section1_01 .visual_interview .staff > div:last-child{
text-align: left;
padding-left:50px;
}
#mainCont.intervieDetail #section1_01 .visual_interview .staff > div p{
color:#4359a3;
font-size:34px;
font-size:3.4rem;
line-height: 1;
display: table;
}

#mainCont.intervieDetail #section1_01 .visual_interview .staff > div:first-child p{
margin-left: auto
}

#mainCont.intervieDetail #section1_01 .visual_interview .staff > div:last-child p{
margin-right: auto;
}
#mainCont.intervieDetail #section1_01 .visual_interview .staff > div span{
color:#333333;
font-size:15px;
font-size:1.5rem;
vertical-align: middle;
}
#mainCont.intervieDetail #section1_01 .visual_interview .commentWrap{
top:88%;	
}
#mainCont.intervieDetail #section1_01 .visual_interview .commentWrap p{
margin-left:-35%;
padding-left:35%;
line-height: 1.5;
}
#mainCont.intervieDetail #section1_01 .visual_interview .staff > div:first-child p span{
padding-right: 10px;
}

#mainCont.intervieDetail #section1_01 .visual_interview .staff > div:last-child p span{
padding-left: 10px;
}
#mainCont.intervieDetail #section1_01 .interviewLink{
margin-top:0;
}
/* 002.html */
#mainCont.intervieDetail #section1_02 .scheduleWrap li:nth-child(3) dl + .photo{
width:470px;
}
/* 006.html */
#mainCont.intervieDetail #section1_06 .scheduleWrap li:nth-child(5) dl + .photo{
width:470px;
}
/* 006.html */
#mainCont.intervieDetail #section1_08 .scheduleWrap li:nth-child(6) dl + .photo{
width:470px;
}
/* textSection2
------------------------------------------------------------------------------------------------------------- */
#textSection2{
background:url(../img/bg_gray.png)repeat center center;
}
#mainCont #textSection2 .inner{
padding-bottom:150px;
}
#textSection2 .inner > p {
margin-top: 55px;
font-size: 15px;
font-size: 1.5rem;
line-height: 2;
}
#textSection2 .imgWrap{
margin-top:55px;
}
#textSection2 .imgWrap img{
width: 100%;
height:auto;
}
#textSection2 .careerList{
width: 1100px;
max-width: 100%;
margin:60px auto 0;
padding:0 20px;
}
#textSection2 .careerList li{
width: 49%;
position: relative;
overflow: hidden;
float:left;
margin:15px 0 0 2%;
}
#textSection2 .careerList li:nth-child(3n-2){
margin-left:0px;
}
#textSection2 .careerList li a{
text-decoration: none;
display: block
}
#textSection2 .careerList li img{
width: 100%;
height:auto;
}
#textSection2 .staffWrap{
margin:-110px  0 0 auto;
padding:10px 15px;
background:#fff;
position: absolute;
right:0;
z-index: 100;
width: 50%;
background-color: rgba(255,255,255,0.9);
filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#77255255255,EndColorStr=#77255255255);
-ms-filter: "progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#77255255255,EndColorStr=#77255255255)";

}
#textSection2 .staffWrap p:first-child{
color:#333333;
text-align: left;
font-size:15px;
font-size:1.5rem;
}
#textSection2 .staffWrap p:last-child{
color:#4359a3;
font-size:30px;
font-size:3.0rem;
}
#textSection2 .commentWrap{
padding:10px 20px 15px;
position: relative;
z-index: 100;
background:#6eabf4;
color:#fff;
text-align: left;
font-size:20px;
font-size:2.0rem;
/*font-style: italic;*/
}
#textSection2 .careerList li:after{
content:"";
display: block;
position: absolute;
width: 100%;
height: 300px;
margin-bottom:-10%;
top:64%;
left:0;
background:#6eabf4;
-moz-transform: skew(0deg, -10deg);
-o-transform: skew(0deg, -10deg);
-ms-transform: skew(0deg, -10deg);
-webkit-transform: skew(0deg, -10deg);
transform: skew(0deg, -10deg);
z-index: 50;
}
#textSection2 .careerList li a:after{
content:"";
display: block;
position: absolute;
width: 40px;
height: 40px;
bottom:0;
right:0;
z-index:200;
background:#6ed5f4 url(../img/top/interview_arrow.png) no-repeat center center;
background-size:12px 17px;
}


/* .careerDetail
------------------------------------------------------------------------------------------------------------- */
#mainCont.careerDetail .careerWrap{
overflow: hidden;
}
#mainCont.careerDetail .visual_interview{
position: relative;
padding-top:30px;
}
#mainCont.careerDetail .visual_interview .photo{
max-width: 1100px;
margin:0 auto;
text-align: right;
}
#mainCont.careerDetail .visual_interview .photo img{
margin-left:auto;
}
#mainCont.careerDetail .visual_interview .ttlWrap{
position:absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
margin: auto;
max-width: 1100px;
height:120px;
color:#888888;
font-size:20px;
font-size:2.0rem;
text-align: left;
}
#mainCont.careerDetail .visual_interview .ttlWrap > p{
display: table-cell;
vertical-align: middle;
}
#mainCont.careerDetail .visual_interview .ttlWrap > p:first-child{
padding:27px 0 27px 100px;
width: 300px;
background: url(../img/career_advance/bg_careerAdvance_ttl.png) no-repeat 0 center;
}
#mainCont.careerDetail .visual_interview .ttlWrap .staffWrap{
padding-left:15px;
line-height: 1.5;
}
#mainCont.careerDetail .visual_interview .ttlWrap .staffWrap span:first-child{
color:#4359a3;
font-size:34px;
font-size:3.4rem;
display: block;
}
#mainCont.careerDetail .visual_interview .ttlWrap .staffWrap span:last-child{
color:#333;
font-size:15px;
font-size:1.5rem;
}
#mainCont.careerDetail .visual_interview .commentWrap{
position: absolute;
bottom: -60px;
width: 100%;
max-width: 1100px;
min-width: 1100px;
left: 0;
right: 0;
margin: 0 auto;
}
#mainCont.careerDetail .visual_interview .commentWrap p{
position: relative;
font-size:34px;
font-size:3.4rem;
color:#fff;
background:#6eabf4;
width: 100%;
margin-left:-48%;
padding-left:48%;
-moz-transform: skew(20deg, 0deg);
-o-transform: skew(20deg, 0deg);
-ms-transform: skew(20deg, 0deg);
-webkit-transform: skew(20deg, 0deg);
transform: skew(20deg, 0deg);
padding:30px 30px 30px 48%;
text-align: left;
line-height: 1.5;
}

#mainCont.careerDetail .visual_interview  .commentWrap p span{
-moz-transform: skew(-20deg, 0deg);
-o-transform: skew(-20deg, 0deg);
-ms-transform: skew(-20deg, 0deg);
-webkit-transform: skew(-20deg, 0deg);
transform: skew(-20deg, 0deg);
display: block;
padding-left:20px;
/*font-style: italic;*/
}
#mainCont.careerDetail .careerDetailWrap_01{
max-width: 1100px;
margin:60px auto 0;
display: table;
}
#mainCont.careerDetail .careerDetailWrap_01 .photo{
text-align: left;
margin:60px 0 0;
display: table-cell;
vertical-align:middle;
width: 60%;
}
#mainCont.careerDetail .careerDetailWrap_01 .txtWrap{
display: table-cell;
vertical-align: top;
padding-top:60px;
position: relative;
line-height: 2;
}
#mainCont.careerDetail .careerDetailWrap_01 .txtWrap > div{
background: #fff;
padding:40px;
margin-left: -100px;
position: relative;
text-align: left;
}
#mainCont.careerDetail .careerDetailWrap_01 .txtWrap h3{
color:#6eabf4;
font-size:22px;
font-size:2.2rem;
line-height: 1.5;
font-weight: bold;
}
#mainCont.careerDetail .careerDetailWrap_01 .txtWrap p{
margin-top: 40px;
}
#mainCont.careerDetail .careerDetailWrap_02{
max-width: 1100px;
margin:60px auto 0;
display: table;
}
#mainCont.careerDetail .careerDetailWrap_02 .photo{
text-align: right;
margin:60px 0 0;
display: table-cell;
vertical-align:middle;
padding-top:100px;
}
#mainCont.careerDetail .careerDetailWrap_02 .txtWrap{
display: table-cell;
vertical-align: top;
position: relative;
}
#mainCont.careerDetail .careerDetailWrap_02 .txtWrap > div{
background: #fff;
padding:40px;
margin-right: -50px;
position: relative;
text-align: left;
}
#mainCont.careerDetail .careerDetailWrap_02 .txtWrap h3{
color:#6eabf4;
font-size:22px;
font-size:2.2rem;
line-height: 1.5;
font-weight: bold;
}
#mainCont.careerDetail .careerDetailWrap_02 .txtWrap p{
margin-top: 40px;
}
#mainCont.careerDetail .careerDetailWrap_03{
max-width: 1100px;
margin:60px auto 0;
display: table;
}
#mainCont.careerDetail .careerDetailWrap_03 .photo{
text-align: left;
margin:60px 0 0;
display: table-cell;
vertical-align: top;
padding-top:60px;
width: 60%;
}
#mainCont.careerDetail .careerDetailWrap_03 .txtWrap{
display: table-cell;
vertical-align: top;
position: relative;
}
#mainCont.careerDetail .careerDetailWrap_03 .txtWrap > div{
background: #fff;
padding:40px;
margin-left: -100px;
position: relative;
text-align: left;
}
#mainCont.careerDetail .careerDetailWrap_03 .txtWrap h3{
color:#6eabf4;
font-size:22px;
font-size:2.2rem;
line-height: 1.5;
font-weight: bold;
}
#mainCont.careerDetail .careerDetailWrap_03 .txtWrap p{
margin-top: 40px;
}
#mainCont.careerDetail .careerLink{
margin-top:40px;
}
#mainCont.careerDetail .careerLink li{
background:#6eabf4;
width: 50%;
float:left;
}
#mainCont.careerDetail .careerLink li a{
color:#fff;
text-decoration: none;
position: relative;
display: block;
padding: 28px 30px;
}
#mainCont.careerDetail .careerLink li.careerTop{
text-align:left;
border-right:solid 1px #fff;
}
#mainCont.careerDetail .careerLink li.careerOther{
text-align: right;
border-left:solid 1px #fff;
}
#mainCont.careerDetail .careerLink li.careerTop a{
padding-left: 90px;
}
#mainCont.careerDetail .careerLink li.careerOther a{
padding-right: 90px;
}
#mainCont.careerDetail .careerLink li.careerTop a:before{
content:"";
display: inline-block;
width: 12px;
height: 16px;
width: 0;
height: 0;
border-style: solid;
border-width:8px 12px 8px 0;
border-color: transparent #fff transparent transparent;
position: absolute;
top: 50%;
margin-top: -8px;
left:40px;
}
#mainCont.careerDetail .careerLink li.careerOther a:after{
content:"";
display: inline-block;
width: 12px;
height: 16px;
width: 0;
height: 0;
border-style: solid;
border-width:8px 0 8px 12px;
border-color: transparent transparent transparent #fff;
position: absolute;
top: 50%;
margin-top: -7px;
right:40px;
}
#mainCont.careerDetail .careerLink li.careerTop a span + span,
#mainCont.careerDetail .careerLink li.careerOther a span + span{
margin-left: 10px;
}
/* textSection5
------------------------------------------------------------------------------------------------------------- */
#textSection5 .bgType01{
background: #fef5e7;
}
#textSection5 .infographics01{
margin-top:50px;
padding-bottom:100px;
}
#textSection5 .infographics02{
padding-top:50px;
background: #e5ecff;
padding-bottom:150px;
}
#textSection5 .infographics01 h3{
font-size:26px;
font-size:2.6rem;
color:#4359a3;
background: url(../img/top/bg_infographics_01.png) no-repeat center bottom;
background-size:auto 14px;
padding-bottom:20px;
font-style: italic;
}
#textSection5 .infographics02 h3{
font-size:26px;
font-size:2.6rem;
color:#4359a3;
background: url(../img/top/bg_infographics_02.png) no-repeat center bottom;
background-size:auto 14px;
padding-bottom:30px;
font-style: italic;
}
#textSection5 .graphicsWrap{
display: block;
margin: 40px auto 0;
padding:0 16px;
max-width: 1040px;
}
#textSection5 .infographics01 .graphicsWrap > div{
float:left;
background: #fff;
border:solid 4px #fef5e7;
position: relative;
}
#textSection5 .infographics02 .graphicsWrap > div{
float:left;
background: #fff;
border:solid 4px #e5ecff;
position: relative;
overflow: hidden;
}
#textSection5 .infographics01 .graphicsWrap > div > img,
#textSection5 .infographics02 .graphicsWrap > div > img{
margin: 0 auto;
width: 100%;
}
.column1{
width: 33%!important;
}
.column2{
width: 66%!important;
}
.column3{
width: 50%!important;
}
#textSection5 .graphicsWrap > div > p:first-child,
#textSection5 .infographics02 .graphicsWrap #graphics13 > div > p:first-child{
font-size:22px;
font-size:2.2rem;
line-height: 1.2;
color:#666666;
position: absolute;
top:5%;
width: 100%;
text-align: center;
}
#textSection5 .graphicsWrap > div > p:first-child span{
display: block;
}
.viewMove{
-webkit-transition:all .4s ease-in-out 0s;
transition:all .4s ease-in-out 0s;
}
#textSection5  .graphicsWrap > .is-viewOn,
#textSection5  #graphics13 > .is-viewOn{
-webkit-animation: feedIn 0.2s linear 0s;
-moz-animation: feedIn 0.2s linear 0s;
animation: feedIn 0.2s linear 0s;
-webkit-animation-fill-mode: both;
-moz-animation-fill-mode: both;
animation-fill-mode: both;
}
/* 01 */
#textSection5 .infographics01 .graphicsWrap #graphics01 .domBox{
display: table;
width:90%;
margin: auto;
position: absolute;
bottom: 10%;
left:0;
right:0;
/* for modan browser */
text-shadow:0px 1px 1px white,0px 0px 1px white,1px 0px 1px white,0px -1px 1px white,-1px -1px 1px white,-1px 0px 1px white;

/* for IE */
filter:dropshadow(color=white,offx=0,offy=1,positive=1),dropshadow(color=white,offx=0,offy=0,positive=1),dropshadow(color=white,offx=0,offy=-1,positive=1),dropshadow(color=white,offx=-1,offy=-1,positive=1),dropshadow(color=white,offx=-1,offy=0,positive=1);
}
#textSection5 .infographics01 .graphicsWrap #graphics01 .domBox .txtNumber{
color:#f0723c;
/* padding-left: 15px; */
font-size:100px;
font-size:10.0rem;
line-height: 100px;
letter-spacing: -0.05em;
font-weight: bold;
display: table-cell;
vertical-align: bottom;
padding-left: 15px;
}
#textSection5 .infographics01 .graphicsWrap #graphics01 .domBox .txtBefore{
color:#f0723c;
font-size:20px;
font-size:2.0rem;
font-weight: bold;
display: table-cell;
vertical-align: middle;
}
#textSection5 .infographics01 .graphicsWrap #graphics01  .domBox span:last-child{
color:#f0723c;
font-size:20px;
font-size:2.0rem;
font-weight: bold;
display: table-cell;
vertical-align: bottom;
}
/* move */
#textSection5 .infographics01 .graphicsWrap #graphics01 img.is-viewOn{
-webkit-animation: feedIn 0.2s linear 0.2s;
-moz-animation: feedIn 0.2s linear 0.2s;
animation: feedIn 0.2s linear 0.2s;
-webkit-animation-fill-mode: both;
-moz-animation-fill-mode: both;
animation-fill-mode: both;
}
#textSection5 .infographics01 .graphicsWrap #graphics01 .domBox.is-viewOn{
-webkit-animation: feedIn 0.2s linear 0.4s;
-moz-animation: feedIn 0.2s linear 0.4s;
animation: feedIn 0.2s linear 0.4s;
-webkit-animation-fill-mode: both;
-moz-animation-fill-mode: both;
animation-fill-mode: both;
}
/* 02 */
#textSection5 .infographics01 .graphicsWrap #graphics02  .domBox{
position: absolute;
left:0;
right:0;
top:57%;
width:100%;
padding:0 3%;
display: table!important;
margin: auto;
}
#textSection5 .infographics01 .graphicsWrap #graphics02 .txtNumber{
color:#fff;
font-size:60px;
font-size:6.0rem;
line-height: 0.7;
width: 50%;
display: table-cell;
}
/* move */
#textSection5 .infographics01 .graphicsWrap #graphics02 img.is-viewOn{
-webkit-animation: feedIn 0.2s linear 0.2s;
-moz-animation: feedIn 0.2s linear 0.2s;
animation: feedIn 0.2s linear 0.2s;
-webkit-animation-fill-mode: both;
-moz-animation-fill-mode: both;
animation-fill-mode: both;
}
#textSection5 .infographics01 .graphicsWrap #graphics02.is-viewOn .domBox{
-webkit-animation: feedIn 0.2s linear 0.4s;
-moz-animation: feedIn 0.2s linear 0.4s;
animation: feedIn 0.2s linear 0.4s;
-webkit-animation-fill-mode: both;
-moz-animation-fill-mode: both;
animation-fill-mode: both;
}
/* 03 */
#textSection5 .infographics01 .graphicsWrap #graphics03 .domBox{
position: absolute;
width: 100%;
max-height:120px;
top:0;
left:0;
right:0;
bottom:0;
margin:auto;
}
#textSection5 .infographics01 .graphicsWrap #graphics03 .txtNumber{
color:#4f59a5;
font-size:120px;
font-size:12.0rem;
line-height: 120px;
font-weight: 500;
}
#textSection5 .infographics01 .graphicsWrap #graphics03 .txtNumber + span{
color:#4f59a5;
font-size:30px;
font-size:3.0rem;
}
/* move */
#textSection5 .infographics01 .graphicsWrap #graphics03.is-viewOn .domBox{
-webkit-animation: feedIn 0.2s linear 0.2s;
-moz-animation: feedIn 0.2s linear 0.2s;
animation: feedIn 0.2s linear 0.2s;
-webkit-animation-fill-mode: both;
-moz-animation-fill-mode: both;
animation-fill-mode: both;
}
/* 04 */
#textSection5 .infographics01 .graphicsWrap #graphics04 img{
position: relative;
z-index: 999;
}
#textSection5 .infographics01 .graphicsWrap #graphics04 .domBox{
position: absolute;
bottom: 35%;
left: 0;
right: 0;
background: #f0723c;
height: 24px;
width: 80%;
margin: 0 auto;
}
#textSection5 .infographics01 .graphicsWrap #graphics04 .moveDom{
width: 0%;
-webkit-transition:all .4s ease-in-out 0s;
transition:all .4s ease-in-out 0s;
background:#4f59a5;
display: block;
height:100%;
}
/* move */
#textSection5 .infographics01 .graphicsWrap #graphics04 img.is-viewOn,
#textSection5 .infographics01 .graphicsWrap #graphics04.is-viewOn .domBox{
-webkit-animation: feedIn 0.2s linear 0.2s;
-moz-animation: feedIn 0.2s linear 0.2s;
animation: feedIn 0.2s linear 0.2s;
-webkit-animation-fill-mode: both;
-moz-animation-fill-mode: both;
animation-fill-mode: both;
}
#textSection5 .infographics01 .graphicsWrap #graphics04.is-viewOn .domBox .moveDom{
width: 76%;
-webkit-transition:all 1s ease-in-out 0s;
transition:all 1s ease-in-out 0s;
}
/* 05 */
/* move */
#textSection5 .infographics01 .graphicsWrap #graphics05 picture:nth-of-type(1) .is-viewOn{
-webkit-animation: feedIn 0.4s linear 0.2s;
-moz-animation: feedIn 0.4s linear 0.2s;
animation: feedIn 0.4s linear 0.2s;
-webkit-animation-fill-mode: both;
-moz-animation-fill-mode: both;
animation-fill-mode: both;
}
#textSection5 .infographics01 .graphicsWrap #graphics05 picture:nth-of-type(2) .is-viewOn{
-webkit-animation: feedIn 0.4s linear 0.4s;
-moz-animation: feedIn 0.4s linear 0.4s;
animation: feedIn 0.4s linear 0.4s;
-webkit-animation-fill-mode: both;
-moz-animation-fill-mode: both;
animation-fill-mode: both;
}
#textSection5 .infographics01 .graphicsWrap #graphics05 picture:nth-of-type(3) .is-viewOn{
-webkit-animation: feedIn 0.4s linear 0.6s;
-moz-animation: feedIn 0.4s linear 0.6s;
animation: feedIn 0.4s linear 0.6s;
-webkit-animation-fill-mode: both;
-moz-animation-fill-mode: both;
animation-fill-mode: both;
}
#textSection5 .infographics01 .graphicsWrap #graphics05 picture:nth-of-type(4) .is-viewOn{
-webkit-animation: feedIn 0.4s linear 0.8s;
-moz-animation: feedIn 0.4s linear 0.8s;
animation: feedIn 0.4s linear 0.8s;
-webkit-animation-fill-mode: both;
-moz-animation-fill-mode: both;
animation-fill-mode: both;
}
#textSection5 .infographics01 .graphicsWrap #graphics05 picture:nth-of-type(5) .is-viewOn{
-webkit-animation: feedIn 0.4s linear 1s;
-moz-animation: feedIn 0.4s linear 1s;
animation: feedIn 0.4s linear 1s;
-webkit-animation-fill-mode: both;
-moz-animation-fill-mode: both;
animation-fill-mode: both;
}
    
    
/* 06 */
/* move */
#textSection5 .infographics01 .graphicsWrap #graphics06 picture:nth-of-type(1) .is-viewOn{
-webkit-animation: feedIn 0.4s linear 0.2s;
-moz-animation: feedIn 0.4s linear 0.2s;
animation: feedIn 0.4s linear 0.2s;
-webkit-animation-fill-mode: both;
-moz-animation-fill-mode: both;
animation-fill-mode: both;
}
#textSection5 .infographics01 .graphicsWrap #graphics06 picture:nth-of-type(2) .is-viewOn{
-webkit-animation: feedIn 0.4s linear 0.4s;
-moz-animation: feedIn 0.4s linear 0.4s;
animation: feedIn 0.4s linear 0.4s;
-webkit-animation-fill-mode: both;
-moz-animation-fill-mode: both;
animation-fill-mode: both;
}
#textSection5 .infographics01 .graphicsWrap #graphics06 picture:nth-of-type(3) .is-viewOn{
-webkit-animation: feedIn 0.4s linear 0.6s;
-moz-animation: feedIn 0.4s linear 0.6s;
animation: feedIn 0.4s linear 0.6s;
-webkit-animation-fill-mode: both;
-moz-animation-fill-mode: both;
animation-fill-mode: both;
}
/* 07 */
#textSection5 .infographics01 .graphicsWrap #graphics07 .domBox{
position: absolute;
width: 100%;
max-height:120px;
top:0;
left:0;
right:0;
bottom:0;
margin:auto;
}
#textSection5 .infographics01 .graphicsWrap #graphics07 .txtNumber{
color:#f0723c;
font-size:120px;
font-size:12.0rem;
line-height: 70px;
font-weight: 500;
}
#textSection5 .infographics01 .graphicsWrap #graphics07 .txtNumber + span{
color:#f0723c;
font-size:30px;
font-size:3.0rem;
}
#textSection5 .infographics01 .graphicsWrap #graphics07 .txtWrap{
position: absolute;
bottom:5%;
width: 100%;
line-height: 1.2;
color:#666666;
}
/* 08 */
#textSection5 .infographics01 .graphicsWrap #graphics08 .domBox{
position: absolute;
width: 100%;
max-height:120px;
top:0;
left:0;
right:0;
bottom:0;
margin:auto;
padding-left:30%;
}
#textSection5 .infographics01 .graphicsWrap #graphics08 .txtNumber{
color:#f0723c;
font-size:100px;
font-size:10.0rem;
line-height: 80px;
font-weight: 500;
}
#textSection5 .infographics01 .graphicsWrap #graphics08 .txtNumber + span{
color:#f0723c;
font-size:30px;
font-size:3.0rem;
letter-spacing: 0;
white-space: nowrap;
}
#textSection5 .infographics01 .graphicsWrap #graphics08 picture:nth-of-type(1) img{
	width: 100%;
	height: auto;
}
/* 09 */
/* move */
#textSection5 .infographics01 .graphicsWrap #graphics09 picture:nth-of-type(1){
	height: 100%;
}
#textSection5 .infographics01 .graphicsWrap #graphics09 picture:nth-of-type(1) img{
	position: relative;
	bottom: 0;
	left: 0;
	width: 100%;
	height: auto;
}
#textSection5 .infographics01 .graphicsWrap #graphics09 picture:nth-of-type(1) .is-viewOn{
-webkit-animation: feedIn 0.4s linear 0.6s;
-moz-animation: feedIn 0.4s linear 0.6s;
animation: feedIn 0.4s linear 0.6s;
-webkit-animation-fill-mode: both;
-moz-animation-fill-mode: both;
animation-fill-mode: both;
}
#textSection5 .infographics01 .graphicsWrap #graphics09 picture:nth-of-type(2) img{
-webkit-transition:all 1s ease-in-out 0.6s;
transition:all 1s ease-in-out 0.6s;
width: 80%;
top: 15%;
}
#textSection5 .infographics01 .graphicsWrap #graphics09 picture:nth-of-type(2) .is-viewOn{
-webkit-animation: feedIn 0.4s linear 0.6s;
-moz-animation: feedIn 0.4s linear 0.6s;
animation: feedIn 0.4s linear 0.6s;
-webkit-animation-fill-mode: both;
-moz-animation-fill-mode: both;
animation-fill-mode: both;
width:100%;
top:10px;
}
/*///////////////////////////////////////////////////////////////////////////////////////////////*/
#textSection5 .infographics01 .graphicsWrap #graphics09 .imgWrap{
-webkit-transition:all 1s ease-in-out 0.6s;
transition:all 1s ease-in-out 0.6s;
position: absolute;
display: block;
width: 5%;
height: 0;
bottom: 22.2%;
bottom: 22.2%\9; /* IE10以下 */
*bottom: 22.2%; /* IE7以下 */
_bottom: 22.2%; /* IE6 */
right: 6.3%;
background:#F76F2E;
}
@supports (-ms-ime-align: auto) {
	#textSection5 .infographics01 .graphicsWrap #graphics09 .imgWrap{
		bottom: 23.8%;
	}
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
    #textSection5 .infographics01 .graphicsWrap #graphics09 .imgWrap {
        bottom: 22.2%;
    }
}
#textSection5 .infographics01 .graphicsWrap #graphics09.is-viewOn .imgWrap{
-webkit-animation: feedIn 0.4s linear 0.6s;
-moz-animation: feedIn 0.4s linear 0.6s;
animation: feedIn 0.4s linear 0.6s;
-webkit-animation-fill-mode: both;
-moz-animation-fill-mode: both;
animation-fill-mode: both;
height: 59%;
}
/* 10 */
#textSection5 .infographics02 .graphicsWrap #graphics10 > img + img{
position:absolute;
top:0;
}
/* move */
#textSection5 .infographics02 .graphicsWrap #graphics10 > img:nth-child(2).is-viewOn{
-webkit-animation: feedIn 0.4s linear 0.2s;
-moz-animation: feedIn 0.4s linear 0.2s;
animation: feedIn 0.4s linear 0.2s;
-webkit-animation-fill-mode: both;
-moz-animation-fill-mode: both;
animation-fill-mode: both;
}
#textSection5 .infographics02 .graphicsWrap #graphics10 > img:nth-child(3).is-viewOn{
-webkit-animation: feedIn 0.4s linear 0.6s;
-moz-animation: feedIn 0.4s linear 0.6s;
animation: feedIn 0.4s linear 0.6s;
-webkit-animation-fill-mode: both;
-moz-animation-fill-mode: both;
animation-fill-mode: both;
}
/* 11 */
#textSection5 .infographics02 .graphicsWrap #graphics11 > img + img{
position:absolute;
top:0;
}
/* move */
#textSection5 .infographics02 .graphicsWrap #graphics11 > img:nth-child(2).is-viewOn{
-webkit-animation: feedIn 0.4s linear 0.2s;
-moz-animation: feedIn 0.4s linear 0.2s;
animation: feedIn 0.4s linear 0.2s;
-webkit-animation-fill-mode: both;
-moz-animation-fill-mode: both;
animation-fill-mode: both;
}
#textSection5 .infographics02 .graphicsWrap #graphics11 > img:nth-child(3).is-viewOn{
-webkit-animation: feedIn 0.4s linear 0.6s;
-moz-animation: feedIn 0.4s linear 0.6s;
animation: feedIn 0.4s linear 0.6s;
-webkit-animation-fill-mode: both;
-moz-animation-fill-mode: both;
animation-fill-mode: both;
}
/* 12 */
#textSection5 .infographics02 .graphicsWrap #graphics12 > img + img{
position:absolute;
top:0;
}
/* move */
#textSection5 .infographics02 .graphicsWrap #graphics12 > img:nth-child(2).is-viewOn{
-webkit-animation: feedIn 0.4s linear 0.2s;
-moz-animation: feedIn 0.4s linear 0.2s;
animation: feedIn 0.4s linear 0.2s;
-webkit-animation-fill-mode: both;
-moz-animation-fill-mode: both;
animation-fill-mode: both;
}
#textSection5 .infographics02 .graphicsWrap #graphics12 > img:nth-child(3).is-viewOn{
-webkit-animation: feedIn 0.4s linear 0.4s;
-moz-animation: feedIn 0.4s linear 0.4s;
animation: feedIn 0.4s linear 0.4s;
-webkit-animation-fill-mode: both;
-moz-animation-fill-mode: both;
animation-fill-mode: both;
}
#textSection5 .infographics02 .graphicsWrap #graphics12 > img:nth-child(4).is-viewOn{
-webkit-animation: feedIn 0.4s linear 0.6s;
-moz-animation: feedIn 0.4s linear 0.6s;
animation: feedIn 0.4s linear 0.6s;
-webkit-animation-fill-mode: both;
-moz-animation-fill-mode: both;
animation-fill-mode: both;
}
#textSection5 .infographics02 .graphicsWrap #graphics12 > img:nth-child(5).is-viewOn{
-webkit-animation: feedIn 0.4s linear 0.8s;
-moz-animation: feedIn 0.4s linear 0.8s;
animation: feedIn 0.4s linear 0.8s;
-webkit-animation-fill-mode: both;
-moz-animation-fill-mode: both;
animation-fill-mode: both;
}
#textSection5 .infographics02 .graphicsWrap #graphics12 > img:nth-child(6).is-viewOn{
-webkit-animation: feedIn 0.4s linear 1s;
-moz-animation: feedIn 0.4s linear 1s;
animation: feedIn 0.4s linear 1s;
-webkit-animation-fill-mode: both;
-moz-animation-fill-mode: both;
animation-fill-mode: both;
}
/* 13 */
#textSection5 .infographics02 .graphicsWrap #graphics13{
background:transparent;
}
#textSection5 .infographics02 .graphicsWrap #graphics13 > img + img{
position:absolute;
top:0;
}
#textSection5 .infographics02 .graphicsWrap #graphics13 > div{
background: #fff;
position: relative;
}
#textSection5 .infographics02 .graphicsWrap #graphics13 > div + div {
position: relative;
border-top: solid 8px #e5ecff;
}
#textSection5 .infographics02 .graphicsWrap #graphics13 > div > img{
width: 100%;
}
#textSection5 .infographics02 .graphicsWrap #graphics13 > div > img + img{
position:absolute;
top:0;
left:0;
}
#textSection5 .infographics02 .graphicsWrap #graphics13 .canvasArea{
position: absolute;
top:17%;
bottom:0;
margin: auto;
width: 100%;
height:100%;
}
#textSection5 .infographics02 .graphicsWrap #graphics13 canvas{
width:auto!important;
height:100%!important;
max-height: 32%;
position: absolute;
top: 0;
left: 2%;
bottom: 1%;
right:0;
margin: auto;
}
#textSection5 .infographics02 .graphicsWrap #graphics13 .canvasDom{
max-width: 22%;
max-height: 22%;
position: absolute;
top: 0;
left: 2%;
bottom: 1%;
right:0;
margin: auto;
background: #fff;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
border-radius: 50%;
}
/* move */
#textSection5 .infographics02 .graphicsWrap #graphics13 img:nth-child(2).is-viewOn{
-webkit-animation: feedIn 0.4s linear 0.2s;
-moz-animation: feedIn 0.4s linear 0.2s;
animation: feedIn 0.4s linear 0.2s;
-webkit-animation-fill-mode: both;
-moz-animation-fill-mode: both;
animation-fill-mode: both;
}
#textSection5 .infographics02 .graphicsWrap #graphics13 img:nth-child(3).is-viewOn{
-webkit-animation: feedIn 0.4s linear 0.4s;
-moz-animation: feedIn 0.4s linear 0.4s;
animation: feedIn 0.4s linear 0.4s;
-webkit-animation-fill-mode: both;
-moz-animation-fill-mode: both;
animation-fill-mode: both;
}
#textSection5 .infographics02 .graphicsWrap #graphics13 img:nth-child(4).is-viewOn{
-webkit-animation: feedIn 0.4s linear 0.6s;
-moz-animation: feedIn 0.4s linear 0.6s;
animation: feedIn 0.4s linear 0.6s;
-webkit-animation-fill-mode: both;
-moz-animation-fill-mode: both;
animation-fill-mode: both;
}
#textSection5 .infographics02 .graphicsWrap #graphics13 img:nth-child(5).is-viewOn{
-webkit-animation: feedIn 0.4s linear 0.8s;
-moz-animation: feedIn 0.4s linear 0.8s;
animation: feedIn 0.4s linear 0.8s;
-webkit-animation-fill-mode: both;
-moz-animation-fill-mode: both;
animation-fill-mode: both;
}
/* 14 */
#textSection5 .infographics02 .graphicsWrap #graphics14 > img + img{
position:absolute;
top:0;
}
/* move */
#textSection5 .infographics02 .graphicsWrap #graphics14 > img:nth-child(2).is-viewOn{
-webkit-animation: feedIn 0.4s linear 0.2s;
-moz-animation: feedIn 0.4s linear 0.2s;
animation: feedIn 0.4s linear 0.2s;
-webkit-animation-fill-mode: both;
-moz-animation-fill-mode: both;
animation-fill-mode: both;
}
#textSection5 .infographics02 .graphicsWrap #graphics14 > img:nth-child(3).is-viewOn{
-webkit-animation: feedIn 0.4s linear 0.4s;
-moz-animation: feedIn 0.4s linear 0.4s;
animation: feedIn 0.4s linear 0.4s;
-webkit-animation-fill-mode: both;
-moz-animation-fill-mode: both;
animation-fill-mode: both;
}
/* 15 */
#textSection5 .infographics02 .graphicsWrap #graphics15 > img{
position: relative;
width: 100%;
}
#textSection5 .infographics02 .graphicsWrap #graphics15 .canvasArea{
position: absolute;
top:25%;
bottom:0;
margin: auto;
width: 100%;
height:100%;
}
#textSection5 .infographics02 .graphicsWrap #graphics15 canvas{
width:auto!important;
height:100%!important;
max-height: 60%;
position: absolute;
top: 0;
left:0;
bottom:0;
right:0;
margin: auto;
}
/* 16 */
#textSection5 .infographics02 .graphicsWrap #graphics16 > img + img{
position:absolute;
top:0;
}
/* move */
#textSection5 .infographics02 .graphicsWrap #graphics16 > img:nth-child(2).is-viewOn{
-webkit-animation: feedIn 0.4s linear 0.2s;
-moz-animation: feedIn 0.4s linear 0.2s;
animation: feedIn 0.4s linear 0.2s;
-webkit-animation-fill-mode: both;
-moz-animation-fill-mode: both;
animation-fill-mode: both;
}
#textSection5 .infographics02 .graphicsWrap #graphics16 > img:nth-child(3).is-viewOn{
-webkit-animation: feedIn 0.4s linear 0.4s;
-moz-animation: feedIn 0.4s linear 0.4s;
animation: feedIn 0.4s linear 0.4s;
-webkit-animation-fill-mode: both;
-moz-animation-fill-mode: both;
animation-fill-mode: both;
}
#textSection5 .infographics02 .graphicsWrap #graphics16 > img:nth-child(4).is-viewOn{
-webkit-animation: feedIn 0.4s linear 0.6s;
-moz-animation: feedIn 0.4s linear 0.6s;
animation: feedIn 0.4s linear 0.6s;
-webkit-animation-fill-mode: both;
-moz-animation-fill-mode: both;
animation-fill-mode: both;
}
#textSection5 .infographics02 .graphicsWrap #graphics16 > img:nth-child(5).is-viewOn{
-webkit-animation: feedIn 0.4s linear 0.8s;
-moz-animation: feedIn 0.4s linear 0.8s;
animation: feedIn 0.4s linear 0.8s;
-webkit-animation-fill-mode: both;
-moz-animation-fill-mode: both;
animation-fill-mode: both;
}
#textSection5 .infographics02 .graphicsWrap #graphics16 > img:nth-child(6).is-viewOn{
-webkit-animation: feedIn 0.4s linear 1s;
-moz-animation: feedIn 0.4s linear 1s;
animation: feedIn 0.4s linear 1s;
-webkit-animation-fill-mode: both;
-moz-animation-fill-mode: both;
animation-fill-mode: both;
}
#textSection5 .infographics02 .graphicsWrap #graphics16 > img:nth-child(7).is-viewOn{
-webkit-animation: feedIn 0.4s linear 1.2s;
-moz-animation: feedIn 0.4s linear 1.2s;
animation: feedIn 0.4s linear 1.2s;
-webkit-animation-fill-mode: both;
-moz-animation-fill-mode: both;
animation-fill-mode: both;
}
/* 17 */
#textSection5 .infographics02 .graphicsWrap #graphics17 > img + img{
position:absolute;
top:0;
}
/* move */
#textSection5 .infographics02 .graphicsWrap #graphics17 > img:nth-child(2).is-viewOn{
-webkit-animation: feedIn 0.4s linear 0.2s;
-moz-animation: feedIn 0.4s linear 0.2s;
animation: feedIn 0.4s linear 0.2s;
-webkit-animation-fill-mode: both;
-moz-animation-fill-mode: both;
animation-fill-mode: both;
}
#textSection5 .infographics02 .graphicsWrap #graphics17 > img:nth-child(3).is-viewOn{
-webkit-animation: feedIn 0.4s linear 0.4s;
-moz-animation: feedIn 0.4s linear 0.4s;
animation: feedIn 0.4s linear 0.4s;
-webkit-animation-fill-mode: both;
-moz-animation-fill-mode: both;
animation-fill-mode: both;
}
#textSection5 .infographics02 .graphicsWrap #graphics17 > img:nth-child(4).is-viewOn{
-webkit-animation: feedIn 0.4s linear 0.6s;
-moz-animation: feedIn 0.4s linear 0.6s;
animation: feedIn 0.4s linear 0.6s;
-webkit-animation-fill-mode: both;
-moz-animation-fill-mode: both;
animation-fill-mode: both;
}
#textSection5 .infographics02 .graphicsWrap #graphics17 > img:nth-child(5).is-viewOn{
-webkit-animation: feedIn 0.4s linear 0.8s;
-moz-animation: feedIn 0.4s linear 0.8s;
animation: feedIn 0.4s linear 0.8s;
-webkit-animation-fill-mode: both;
-moz-animation-fill-mode: both;
animation-fill-mode: both;
}
#textSection5 .infographics02 .graphicsWrap #graphics17 > img:nth-child(6).is-viewOn{
-webkit-animation: feedIn 0.4s linear 0.8s;
-moz-animation: feedIn 0.4s linear 0.8s;
animation: feedIn 0.4s linear 0.8s;
-webkit-animation-fill-mode: both;
-moz-animation-fill-mode: both;
animation-fill-mode: both;
}
/* 18 */
#textSection5 .infographics02 .graphicsWrap #graphics18 > img + img{
position:absolute;
top:0;
left:0;
}
/* 18 */
#textSection5 .infographics02 .graphicsWrap #graphics18 .canvasArea{
position: absolute;
top:10%;
bottom:0;
margin: auto;
width: 100%;
height:100%;
}
#textSection5 .infographics02 .graphicsWrap #graphics18 canvas{
width:auto!important;
height:100%!important;
max-height: 50%;
position: absolute;
top: 0;
left:0;
bottom:0;
right:0;
margin: auto;
-ms-transform: rotate(49deg);
-webkit-transform: rotate(49deg);
transform: rotate(49deg);
}
#textSection5 .infographics02 .graphicsWrap #graphics18 .canvasDom{
max-width: 27%;
max-height: 27%;
position: absolute;
top: 18px;
left:0;
bottom:0;
right:0;
margin: auto;
background: #fff;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
border-radius: 50%;
}
/* move */
#textSection5 .infographics02 .graphicsWrap #graphics18 > img + img.is-viewOn{
-webkit-animation: feedIn 0.4s linear 0.6s;
-moz-animation: feedIn 0.4s linear 0.6s;
animation: feedIn 0.4s linear 0.6s;
-webkit-animation-fill-mode: both;
-moz-animation-fill-mode: both;
animation-fill-mode: both;
}
/* textSection6
------------------------------------------------------------------------------------------------------------- */
#textSection6 .inner h2 + p{
font-size:15px;
font-size:1.5rem;
line-height: 2;
width: 800px;
margin:60px auto 0;
text-align: center;
}
#textSection6 .inner > p{
font-size:15px;
font-size:1.5rem;
line-height: 2;
max-width: 800px;
margin:30px auto 0;
padding:0 20px;
text-align: left;
}
#textSection6 h3{
font-size: 26px;
font-size:2.6rem;
margin-top:60px;
font-style: italic;
}
#textSection6 .recruitmentList{
width:1040px;
max-width: 100%;
padding:0 20px;
margin:30px auto 120px;
font-size:15px;
font-size:1.5rem;
line-height: 2;
}
#textSection6 .recruitmentList > dl:nth-child(2n){
background: #f9f9f9;
}
#textSection6 .recruitmentList > dl:nth-child(2n-1){
background: #f0f0f0;
}
#textSection6 .recruitmentList > dl{
display: table;
width: 100%;
border-bottom:3px solid #fff;
min-height: 80px;
}
#textSection6 .recruitmentList > dl > *{
display: table-cell;
vertical-align: middle;
text-align: left;
padding:20px;
}
#textSection6 .recruitmentList > dl dl{
margin-top:20px;
}
#textSection6 .recruitmentList > dl > dt{
width: 180px;
border-right:3px solid #fff;
font-weight: 500;
font-size:1.8px;
font-size:1.8rem;
}
#textSection6 .recruitmentList > dl strong{
text-decoration: none;
white-space: nowrap;
width: 150px;
}
#textSection6 .recruitmentList > dl dl dd{
overflow: hidden;
}
#textSection6 .recruitmentList > dl dl ul{
padding-left: 20px;
}
#textSection6 .recruitmentList > dl dl ul li{
display:table;
margin-bottom:5px;
}
#textSection6 .recruitmentList > dl dl ul li > *{
display:table-cell;
}
#textSection6 .recruitmentList > dl dd p span{
width: 160px;
display: inline-block;
}
#textSection6 .recruitmentList > dl dd span.num{
	width: 1.5em;
	height: 1.5em;
	background: #4359a3;
	color: #fff;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	border-radius: 50%;
	display: inline-block;
	top:0.25em;
	left: 0;
	line-height: 1.5;
	text-align: center;
	font-weight: 600;
	margin-right: 0.25em;
}
#textSection6 .recruitmentList > dl dd p span.entryEnd{
width: 120px;
display: inline-block;
color: red;
}
#textSection6 .recruitmentList > dl dl dt{
float:left;
}
#textSection6 .recruitmentList > dl dl:last-child ul{
padding-left: 35px;
}
#textSection6 .recruitmentList > dl dd ul li{
padding-left:20px;
position: relative;
}
#textSection6 .recruitmentList > dl dd ul li:before{
position: absolute;
left:5px;
top:13px;
content:"";
display: block;
width: 5px;
height:5px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
border-radius: 50%;
background: #333;
}
#textSection6 .recruitmentList > dl dd ul li + li{
margin-top:5px;
}
#textSection6 .recruitmentList > dl dd ul li span{
display: block;
}
#textSection6 .recruitmentList > dl dd ul.num{
	counter-reset: number;
}
#textSection6 .recruitmentList > dl dd ul.num li{
	padding-left:2em;
	position: relative;
}
#textSection6 .recruitmentList > dl dd ul.num li:before{
	counter-increment: number;
	content: counter(number);
	width: 1.5em;
	height: 1.5em;
	background: #4359a3;
	color: #fff;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	border-radius: 50%;
	display: inline-block;
	top:0.25em;
	left: 0;
	line-height: 1.5;
	text-align: center;
	font-weight: 600;
}
#textSection6 .recruitmentList > dl dd ul + p{
margin-top:10px;
}
.recruitmentFlow{
max-width:100%;
width:750px;
margin:60px auto 0;
display: table;
}
.recruitmentFlow li{
position:relative;
display: table-cell;
width:25%;
font-weight: bold;
counter-increment: flow;
font-size:1.8px;
font-size:1.8rem;
}
.recruitmentFlow li:before{
content:"";
display: block;
margin: 0 auto 10px;
width:100px;
height:100px;
line-height:100px;
font-size:4px;
font-size:4rem;
color:#fff;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
border-radius: 50%;
content:"0"counter(flow);
background:#898989
}
.recruitmentFlow li:last-child:before{
background:#4359a3;
}
.recruitmentFlow li + li:after {
content: "";
display: block;
width: 15px;
height: 18px;
width: 0;
height: 0;
border-style: solid;
border-width:9px 0 9px 15px;
border-color: transparent transparent transparent #cbcbcb;
position: absolute;
left:-7px;
top: 45%;
margin-top: -9px;
}
#textSection6 .entryTxt{
width: 700px;
margin:60px auto 0;
}
#textSection6 .entryTxt li{
text-align: left;
padding-left: 25px;
text-indent: -15px;
line-height: 2;
}
#textSection6 .entryTxt li:before{
content:"※";
}
#textSection6 .entryBtn{
text-align: center;
margin-top:60px;
}
#textSection6 .entryBtn a{
color:#fff;
width: 250px;
height: 50px;
display: block;
margin:0 auto;
background:#fea404;
line-height: 50px;
text-decoration: none;
position: relative;
font-size:20px;
font-size:2.0rem;
}
#textSection6 .entryBtn a:hover{

}
#textSection6 .entryBtn a:after {
content: "";
display: block;
width: 15px;
height: 18px;
width: 0;
height: 0;
border-style: solid;
border-width:7.5px 0 7.5px 10px;
border-color: transparent transparent transparent #fff;
position: absolute;
right:10px;
top: 50%;
margin-top: -7.5px;
}
#textSection6 .bnrList{
margin:-10px auto 0;
padding: 60px 0px;
}
#textSection6 .bnrList li{
display: inline-block;
text-align: center;
vertical-align: middle;
}
#textSection6 .bnrList li + li{
margin-left:20px;
}
/* bnrList
------------------------------------------------------------------------------------------------------------- */
#modal-01 .bnrList{
width: 340px;
margin:-10px auto 0;
padding: 60px 0px;
}
#modal-01 .bnrList li{
width:50%;
float:left;
text-align: center;
margin-top:10px;
}
/*--奇数のとき--*/
/* #modal-01 .bnrList li:last-child{
	width: 100%;
	margin-right: auto;
	margin-left:auto;
} */

#modal-01 .modalWrap{
max-width:600px;
}
}

@keyframes arrowMoveUp {
0% {background-position: center 0;}
25% {background-position: center -30px;}
50% {background-position: center -60px;}
75% {background-position: center -90px;}
100% {background-position: center -120px;}
}
@-webkit-keyframes arrowMoveUp {
0% {background-position: center 0;}
25% {background-position: center -30px;}
50% {background-position: center -60px;}
75% {background-position: center -90px;}
100% {background-position: center -120px;}
}
@keyframes arrowMoveDown {
0% {background-position: center 0;}
25% {background-position: center 30px;}
50% {background-position: center 60px;}
75% {background-position: center 90px;}
100% {background-position: center 120px;}
}
@-webkit-keyframes arrowMoveDown {
0% {background-position: center 0;}
25% {background-position: center 30px;}
50% {background-position: center 60px;}
75% {background-position: center 90px;}
100% {background-position: center 120px;}
}
@-webkit-keyframes doorCloseLeft {
0% {
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
}
100% {
-webkit-transform: translateX(0%);
transform: translateX(0%);
}
}
@keyframes doorCloseLeft {
0% {
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
}
100% {
-webkit-transform: translateX(0%);
transform: translateX(0%);
}
}

@-webkit-keyframes doorCloseRight {
0% {
-webkit-transform: translateX(100%);
transform: translateX(100%);
}
100% {
-webkit-transform: translateX(0%);
transform: translateX(0%);
}
}
@keyframes doorCloseRight {
0% {
-webkit-transform: translateX(100%);
transform: translateX(100%);
}
100% {
-webkit-transform: translateX(0%);
transform: translateX(0%);
}
}

@-webkit-keyframes doorOpenLeft {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
100% {
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
}
}
@keyframes doorOpenLeft {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
100% {
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
}
}

@-webkit-keyframes doorOpenRight {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
100% {
-webkit-transform: translateX(100%);
transform: translateX(100%);
}
}
@keyframes doorOpenRight {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
100% {
-webkit-transform: translateX(100%);
transform: translateX(100%);
}
}

@keyframes scroll {
0% {top:26px;}
50% {top:28px;opacity:0.9;}
100% {top:32px;opacity:0;}
}
@-webkit-keyframes scroll {
0% {top:26px;}
50% {top:28px;opacity:0.9;}
100% {top:32px;opacity:0;}
}

@keyframes btnQaMove01 { 
0% {
-webkit-transform: rotate(0deg) translateY(-100%) rotate(0deg);
transform: rotate(0deg) translateY(-100%) rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg) translateY(-100%) rotate(-360deg);
transform: rotate(360deg) translateY(-100%) rotate(-360deg);
}
}
@-webkit-keyframes btnQaMove01 {
0% {
-webkit-transform: rotate(0deg) translateY(-100%) rotate(0deg);
transform: rotate(0deg) translateY(-100%) rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg) translateY(-100%) rotate(-360deg);
transform: rotate(360deg) translateY(-100%) rotate(-360deg);
}
}
@keyframes btnQaMove02 { 
0% {
-webkit-transform: rotate(0deg) translateX(-100%) rotate(0deg);
transform: rotate(0deg) translateX(-100%) rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg) translateX(-100%) rotate(-360deg);
transform: rotate(360deg) translateX(-100%) rotate(-360deg);
}
}
@-webkit-keyframes btnQaMove02 {
0% {
-webkit-transform: rotate(0deg) translateX(-100%) rotate(0deg);
transform: rotate(0deg) translateX(-100%) rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg) translateX(-100%) rotate(-360deg);
transform: rotate(360deg) translateX(-100%) rotate(-360deg);
}
}
@keyframes btnQaMove03 { 
0% {
-webkit-transform: rotate(0deg) translateX(100%) rotate(0deg);
transform: rotate(0deg) translateX(100%) rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg) translateX(100%) rotate(-360deg);
transform: rotate(360deg) translateX(100%) rotate(-360deg);
}
}
@-webkit-keyframes btnQaMove03 {
0% {
-webkit-transform: rotate(0deg) translateX(100%) rotate(0deg);
transform: rotate(0deg) translateX(100%) rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg) translateX(100%) rotate(-360deg);
transform: rotate(360deg) translateX(100%) rotate(-360deg);
}
}

@-webkit-keyframes feedIn { 0% { opacity: 0; filter: alpha(opacity=0); }
100% { opacity: 1; filter: alpha(opacity=100); } }
@-moz-keyframes feedIn { 0% { opacity: 0; filter: alpha(opacity=0); }
100% { opacity: 1; filter: alpha(opacity=100); } }
@keyframes feedIn { 0% { opacity: 0; filter: alpha(opacity=0); }
100% { opacity: 1; filter: alpha(opacity=100); } }

@keyframes visualZoom { 
0% {transform:scale(1);opacity: 0.2; filter: alpha(opacity=0.2);}
100% {transform: scale(1.2);}
}
@-webkit-keyframes visualZoom {
0% {transform:scale(1);opacity:0.2; filter: alpha(opacity=0.2);}
100% {transform: scale(1.2);opacity: 1; filter: alpha(opacity=100);}
}







@media screen and (max-width:1250px) and (min-width:1026px){
#mainCont #textSection5 .infographics01 .graphicsWrap #graphics09 .imgWrap {
    bottom: calc(19% + 20% *.05)!important;
}
}

/* PC 1180px
------------------------------------------------------------------------------------------------------------- */
@media screen and (max-width:1180px) and (min-width:1024px){
/* #textSection1 */
#mainCont #textSection1 .stepList li{
display: inline-block;
}
#mainCont #textSection1 .stepList li dl{
padding:10px 20px;
display: table-cell;
vertical-align: middle;
}
#mainCont #textSection1 .stepList li dt{
font-size:26px;
font-size:2.6rem;
line-height:1.5;
}
#mainCont #textSection1 .stepList li dt span{
font-size:20px;
font-size:2.0rem;
}
#mainCont #textSection1 .stepList li dt span:last-child{
font-size:36px;
font-size:3.6rem;
}
#mainCont #textSection1 .stepList li dd{
font-size:14px;
font-size:1.4rem;
line-height:1.5;
text-align: left;
}
#textSection1 .stepText p{
line-height:1.3;
}
#textSection1 .stepText strong + p{
margin-top:10px;
line-height:1.3;
}

/*#section1*/
#mainCont #section1 .imgWrap .staffWrap{
background-size: 50px 50px;
}
#mainCont #section1 .imgWrap .ttlWrap{
font-size:18px;
font-size:1.8rem;
background-size: auto 9px;
padding-bottom: 12px;
}
#mainCont #section1 .imgWrap .ttlWrap p{
line-height: 1.5;
}
#mainCont #section1 .imgWrap .ttlWrap span{
font-size:14px;
font-size:1.4rem;
}
#mainCont #section1 .imgWrap .staffWrap p span{
font-size:16px;
font-size:1.6rem;
}
#mainCont #section1 .imgWrap .staffWrap p{
font-size:20px;
font-size:2.0rem;
}
#mainCont #section1 .imgWrap .commentWrap{
font-size:18px;
font-size:1.8rem;	
}
#mainCont #section1 .imgWrap a:after{
right: 50px;	
}
/*#section1_01*/
#mainCont.intervieDetail .visual_interview .ttlWrap{
top:-80px;
}
#mainCont.intervieDetail .visual_interview .photo img{
height:380px;
width: auto;
}
#mainCont.intervieDetail div[class^="interviewDetailWrap_0"] .photo img{
width: 400px;
}
#mainCont.intervieDetail .interviewLink li.interviewPrev.textLong a{
padding:16px 30px 16px 60px;
}
#mainCont.intervieDetail .interviewLink li.interviewNext.textLong a{
padding:16px 60px 16px 30px;
}
#mainCont.intervieDetail .interviewLink li.interviewPrev a{
display: block;
padding-left:60px;
}
#mainCont.intervieDetail .interviewLink li.interviewNext a{
display: block;
padding-right:60px;
}
#mainCont.intervieDetail .interviewLink li.interviewPrev a:before{
left: 30px;
}
#mainCont.intervieDetail .interviewLink li.interviewNext a:after{
right: 30px;
}
#mainCont.intervieDetail .interviewLink li.interviewPrev.textLong span{
display: block;
margin-left:0;
}
/*careerDetail*/
#mainCont.careerDetail .visual_interview .ttlWrap{
top:-80px;
}
#mainCont.careerDetail .visual_interview .ttlWrap p:first-child{
width: 230px;
font-size:16px;
font-size:1.6rem;
}
#mainCont.careerDetail .visual_interview .photo img{
height:380px;
width: auto;
}
#mainCont.careerDetail .careerLink li.careerTop a{
padding-left: 60px;
}
#mainCont.careerDetail .careerLink li.careerOther a{
padding-right: 60px;
}
#mainCont.careerDetail .careerLink li.careerTop a:before{
left: 30px;
}
#mainCont.careerDetail .careerLink li.careerOther a:after{
right: 30px;
}
/*#textSection5*/
#textSection5 .graphicsWrap > div > p:first-child,
#textSection5 .infographics02 .graphicsWrap #graphics13 > div > p:first-child{
font-size:18px;
font-size:1.8rem;
}
#textSection5 .infographics01 .graphicsWrap #graphics01 .domBox .txtNumber{
font-size:80px;
font-size:8.0rem;
line-height: 80px;
}
#textSection5 .infographics01 .graphicsWrap #graphics07{
min-height:280px;
}
#textSection5 .infographics01 .graphicsWrap #graphics07 .txtWrap{
font-size:14px;
font-size:1.4rem;
color:#666666;
}
#textSection5 .infographics01 .graphicsWrap #graphics08 .txtNumber{
color:#f0723c;
font-size:70px;
font-size:7.0rem;
line-height: 100px;
font-weight: 500;
}
#textSection5 .infographics01 .graphicsWrap #graphics08 .txtNumber + span{
color:#f0723c;
font-size:20px;
font-size:2.0rem;
}
/*
#mainCont #textSection5 .infographics01 .graphicsWrap #graphics09 .imgWrap {
    bottom:23.5%;
}
*/
/*careerDetailWrap_01*/
#mainCont.careerDetail div[class^="careerDetailWrap_0"] .photo img{
width: 500px;
}
}
/* SP 1024px
------------------------------------------------------------------------------------------------------------- */
@media screen and (max-width:1024px) and (min-width:500px){
#container #mainCont h2{
font-size:24px;
font-size:2.4rem;
color:#4359a3;
margin-top:40px;
position: relative;
display: inline-block;
background: url(../img/bg_h2.png) no-repeat 95% top;
background-size: contain;
padding-right: 65px;
margin-right:-65px;
}
#container #mainCont .careerenhancementWrap h2{
font-size:24px;
font-size:2.4rem;
color:#6eabf4;
margin-top:40px;
position: relative;
display: inline-block;
background: url(../img/bg_h2.png) no-repeat 95% top;
background-size: contain;
padding-right: 65px;
margin-right:-65px;
}
#container #mainCont h2 span{
color:#888888;
font-size:18px;
font-size:1.8rem;
display: block;
}
#textSection1 .inner{
max-width: 768px;
margin: 0 auto;
}
#mainCont #textSection1 .stepList li dt span{
font-size: 22px;
font-size: 2.2rem;
}
#mainCont #textSection1 .stepList li dt span:last-child {
font-size: 32px;
font-size: 3.2rem;
}
#mainCont #textSection1 .stepList li dt{
font-size: 28px;
font-size: 2.8rem;
}
#mainCont #textSection1 .stepText strong{
font-size: 18px;
font-size: 1.8rem;
}
/*#section1*/
#mainCont #section1 .imgWrap .ttlWrap{
font-size:24px;
font-size:2.4rem;
background-size: auto 11px;
}
#mainCont #section1 .imgWrap .ttlWrap span{
font-size:16px;
font-size:1.6rem;
}
#mainCont #section1 .imgWrap .staffWrap p span{
font-size:16px;
font-size:1.6rem;
}
#mainCont #section1 .imgWrap .staffWrap p{
font-size:24px;
font-size:2.4rem;
}
#mainCont #section1 .interviewList li:after{
top:90%;
}
#mainCont #section1 .interviewList .staffWrap{
margin:-80px auto 0;
}
#mainCont #section1 .interviewList .staffWrap.textLong{
margin:-106px auto 0;
}
#mainCont #section1 .interviewList .staffWrap p:first-child{
font-size:14px;
font-size:1.4rem;
}
#mainCont #section1 .interviewList .staffWrap p:last-child{
font-size:20px;
font-size:2.0rem;
}
#section1 .interviewList .commentWrap{
font-size:16px;
font-size:1.6rem;
}
/*#section1_01*/
#mainCont.intervieDetail .visual_interview .ttlWrap .staffWrap span:first-child{
color:#4359a3;
font-size:18px;
font-size:1.8rem;
display: block;
}
#mainCont.intervieDetail .visual_interview .ttlWrap .staffWrap span:last-child{
color:#333;
font-size:14px;
font-size:1.4rem;
}
#mainCont.intervieDetail .visual_interview .commentWrap{
font-size:18px;
font-size:1.8rem;
color:#fff;
background:#4359a3;
}
/* 001.html */
#mainCont.intervieDetail #section1_01 .visual_interview .ttlWrap > div > p:first-child{
top:5px;
left:20px;
}
#mainCont.intervieDetail #section1_01 .visual_interview .ttlWrap{
padding-top:20px;
}
#mainCont.intervieDetail #section1_01 .visual_interview .staffTtl p{
font-size:18px;
font-size:1.8rem;
}
#mainCont.intervieDetail #section1_01 .visual_interview .staff > div span{
font-size:14px;
font-size:1.4rem;
}
#mainCont.intervieDetail #section1_01 .visual_interview .staff > div p{
font-size:22px;
font-size:2.2rem;
}
/*#textSection2*/
#mainCont #textSection2 .careerList li:after{
-moz-transform: skew(0deg, -5deg);
-o-transform: skew(0deg, -5deg);
-ms-transform: skew(0deg, -5deg);
-webkit-transform: skew(0deg, -5deg);
transform: skew(0deg, -5deg);
}
/*#textSection5*/
#mainCont #textSection5 .graphicsWrap > div > p:first-child,
#mainCont #textSection5 .infographics02 .graphicsWrap #graphics13 > div > p:first-child{
font-size:28px;
font-size:2.8rem;
top:8%;
}
#mainCont #textSection5 .infographics01 .graphicsWrap #graphics07 .domBox{
margin:90px auto 30px;
}
#mainCont #textSection5 .infographics01 .graphicsWrap #graphics07 .txtNumber{
color:#f0723c;
font-size:130px;
font-size:13.0rem;
line-height: 130px;
font-weight: 500;
}
/*#textSection6*/
#mainCont #textSection6 .recruitmentFlow li{
font-size:14px;
font-size:1.4rem;
}
#mainCont #textSection6 .recruitmentFlow li:before{
width:60px;
height:60px;
line-height: 60px;
font-size:30px;
font-size:3.0rem;
margin-bottom:10px;
/*IE padding: 6px 3px 0;*/
}
.recruitmentFlow li + li:after{
border-width: 10px 0 10px 15px;
}
#mainCont .modal .modalWrap {
margin: 20px auto;
padding:20px 15px;
}
}

/* SP表示時
------------------------------------------------------------------------------------------------------------- */
@media screen and (max-width:1024px){
img{
max-width: 100%;
}
body {
font-size:14px;
font-size:1.4rem;
overflow-y:scroll;
}
#container{
position:relative;
width:100%;
max-width:1024px;
overflow: hidden;
padding-top:55px;
}
.is-view{
-webkit-transition:all .2s ease-in-out 0s;
transition:all .2s ease-in-out 0s;
}
.is-view.is-viewOn{
-webkit-animation: feedIn 0.2s linear 0.2s;
-moz-animation: feedIn 0.2s linear 0.2s;
animation: feedIn 0.2s linear 0.2s;
-webkit-animation-fill-mode: both;
-moz-animation-fill-mode: both;
animation-fill-mode: both;
}
#textSection1 .is-view.is-viewOn,
.moreBtn.is-view.is-viewOn{
-webkit-animation: feedIn 0.2s linear 0s;
-moz-animation: feedIn 0.2s linear 0s;
animation: feedIn 0.2s linear 0s;
-webkit-animation-fill-mode: both;
-moz-animation-fill-mode: both;
animation-fill-mode: both;
}
#container h2{
font-size:20px;
font-size:2.0rem;
color:#4359a3;
font-weight: 500;
margin-top:20px;
position: relative;
background: url(../img/bg_h2.png) no-repeat 90% top;
background-size: 50px auto;
text-align: center;
display: inline-block;
padding-right:50px;
margin-right: -50px;
}
    #container .careerenhancementWrap h2{
font-size:20px;
font-size:2.0rem;
color:#6eabf4;
font-weight: 500;
margin-top:20px;
position: relative;
background: url(../img/bg_h2.png) no-repeat 90% top;
background-size: 50px auto;
text-align: center;
display: inline-block;
padding-right:50px;
margin-right: -50px;
}
#container h2 span{
color:#888888;
display: block;
font-size:12px;
font-size:1.2rem;
}
#container p{
line-height:1.8;
}
.slimScrollBar,
.iScrollVerticalScrollbar{
display: none!important;
}
#header{
overflow: visible!important;
width:100%!important;
height:55px!important;
}
.slimScrollDiv{
height:inherit!important;
}
/* elv
------------------------------------------------------------------------------------------------------------- */
.section{
text-align: center;
}
/* header
------------------------------------------------------------------------------------------------------------- */
#header{
background: url(../img/bg_header_sp.png) repeat-x center 0;
background-size:auto 55px;
height:55px;
position: fixed;
top:0;
width:100%;
z-index: 999;
}
#header h1{
position: relative;
z-index: 100;
text-align: center;
height: 55px;
box-shadow: 0 0 5px #555;
-moz-box-shadow: 0 0 5px #555;
-o-box-shadow: 0 0 5px #555;
-ms-box-shadow: 0 0 5px #555;
filter: progid:DXImageTransform.Microsoft.Shadow(color=#aaaaaa, direction=0, strength=3, enabled=true), progid:DXImageTransform.Microsoft.Shadow(color=#aaaaaa, direction=90, strength=3, enabled=true), progid:DXImageTransform.Microsoft.Shadow(color=#aaaaaa, direction=180, strength=3, enabled=true), progid:DXImageTransform.Microsoft.Shadow(color=#aaaaaa, direction=270, strength=3, enabled=true);
}
#header h1 > *{
display: inline-block;
vertical-align: middle;
}
#header h1 a{
width: 121px;
height:55px;
background: url(../img/logo_sp.png) no-repeat center center;
background-size:121px 35px;
margin: 0 auto;
}
.headerMenuBtn {
width: 28px;
height: 22px;
cursor: pointer;
position: relative;
position: absolute;
top:15px;
left:10px;
z-index: 200;
}
.headerMenuBtn div {
position: relative;
}
.headerMenuBtn span {
display: block;
position: absolute;
height: 2px;
width: 100%;
background: #333333;
left: 0;
-webkit-transition: .35s ease-in-out;
-moz-transition: .35s ease-in-out;
transition: .35s ease-in-out;
}
.headerMenuBtn span:nth-child(1) {
top: 0;
}
.headerMenuBtn span:nth-child(2) {
top: 11px;
}
.headerMenuBtn span:nth-child(3) {
top: 22px;
}
.open.headerMenuBtn span:nth-child(1) {
top: 11px;
-webkit-transform: rotate(315deg);
-moz-transform: rotate(315deg);
transform: rotate(315deg);
}
.open.headerMenuBtn span:nth-child(2) {
width: 0;
left: 50%;
}
.open.headerMenuBtn span:nth-child(3) {
top: 11px;
-webkit-transform: rotate(-315deg);
-moz-transform: rotate(-315deg);
transform: rotate(-315deg);
}

#headerMenu{
position: relative;
right:100%;
width: 100%;
padding:0 15px;
overflow-y: auto;
background: #fff;
-webkit-transition:all .4s ease-in-out 0s;
transition:all .4s ease-in-out 0s;
border: solid 3px #cfd1d2;
border-top:none;
opacity:0.95;
filter: alpha(opacity=95);
-ms-filter: "alpha(opacity=95)";
-moz-opacity:0.95;
-khtml-opacity: 0.95;
-webkit-border-radius: 0 0 5px 5px;
-moz-border-radius: 0 0 5px 5px;
-ms-border-radius: 0 0 5px 5px;
border-radius: 0 0 5px 5px;
}
.menu ul{
width: 100%;
}
.menu li a{
position: relative;
display: block;
border-bottom:solid 1px #cfd1d2;
text-decoration: none;
line-height: 43px;
text-align: left;
padding: 0 30px 0 5px;
font-size:14px;
}
.menu li a:after{
content:"";
display: block;
width:10px;
height:15px;
width: 0;
height: 0;
border-style: solid;
border-width: 7.5px 0 7.5px 10px;
border-color: transparent transparent transparent #888888;
position: absolute;
right:10px;
top:50%;
margin-top:-6px;
}
#header .entryBtn{
position: absolute;
right:0px;
top:0px;
font-size:10px;
z-index: 200;
}
#header .entryBtn a{
width:67px;
height:55px;
background: url(../img/btn_entry_sp.png) no-repeat;
background-size: cover;
color:#fff;
text-decoration: none;
display: block;
text-indent: -999px;
overflow: hidden;
}
/* SP.subMenu
------------------------------------------------------------------------------------------------------------- */
.subMenu {
display: table;
width: 80%;
text-align: center;
margin:20px auto;
}
.subMenu li{
display: table-cell;
}
.subMenu li a{
position: relative;
text-decoration: none;
padding-left:20px;
font-size:12px;
}
.subMenu li a:before{
content: "";
display: block;
width: 0;
height: 0;
border-style: solid;
border-width: 6px 0 6px 8px;
border-color: transparent transparent transparent #63dcff;
position: absolute;
left:0px;
top: 50%;
margin-top: -5px;
}


/* pageTop
------------------------------------------------------------------------------------------------------------- */
.pageTop{
height: 45px;
text-align:right;
}
.pageTop.moveStay a{
position: inherit;
text-align: right;
}
.pageTop a{
position:fixed;
bottom: 0px;
right: 0;
z-index: 999;
width: 45px;
height: 45px;
background:#F2F2F2;
border:solid 1px #cfd1d2;
padding:13px 14px 12px;
display: inline-block;
}
.pageTop a:before{
content:"";
display:block;
width: 16px;
height:3px;
margin-bottom:3px;
background: #888888;
}
.pageTop a:after{
content:"";
display:block;
width: 0;
height: 0;
border-style: solid;
border-width: 0 8px 12px 8px;
border-color: transparent transparent #888888 transparent;
}
/* footer
------------------------------------------------------------------------------------------------------------- */
#footer{
width:100%;
padding:20px 0px;
background:#888888;
border:solid 1px #7F7F7F;
box-sizing: border-box;
}
#footer ul{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
        flex-flow: row wrap;
-webkit-box-pack: center;
    -ms-flex-pack: center;
        justify-content: center;
margin:10px auto 0;
}
#footer ul.spOnly{
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
}
#footer ul li{
position: relative;
padding:0 15px;
line-height: 1;
}
#footer ul li + li:after{
content:"";
position: absolute;
left: 0;
top: 0;
height: 100%;
display: block;
border-left:solid 1px #d2d2d2;
}
#footer ul li a{
text-decoration: none;
color:#fff;
font-size: 11px;
font-size: 1.1rem;
}

#footer ul.footerLinks li{
margin-bottom: 0.5em;
}
.copyright{
margin:20px 10px 0px;
color:#d2d2d2;
font-size:9px;
font-size:0.9rem;
}


/* SPvisual
------------------------------------------------------------------------------------------------------------- */
#visual .photo img{
width: 100%;
height:auto;
}
#section0 .inner > p{
text-align: center;
position: absolute;
left: 0;
width: 100%;
text-align: center;
color:#fff;
font-weight: 200;
font-size: 24px;
font-size: 2.4rem;
line-height: 1.4;
z-index: +1;
}
#section0 .inner{
position: relative;
}
#section0 .inner > .txtWrap{
top:40%;
}
#section0 .inner > .txtWrap img{
width: 90%;
height:auto;
}
#section0 .inner > .scroll{
top:80%;
}
#section0 .inner > .scroll span{
position: relative;
display: inline-block;
}
#section0 .inner > .scroll span:after{
position: absolute;
content:"";
display: block;
margin-left:-3px;
left:50%;
width:6px;
height:6px;
background: #fff;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
border-radius: 3px;
-webkit-transition:all .4s ease-in-out 0s;
transition:all .4s ease-in-out 0s;
animation: scroll 1s linear infinite;
-webkit-animation: scroll 1s linear infinite;
}
@keyframes scroll {
0% {top:26px;}
50% {top:28px;opacity:0.9;}
100% {top:32px;opacity:0;}
}
@-webkit-keyframes scroll {
0% {top:26px;}
50% {top:28px;opacity:0.9;}
100% {top:32px;opacity:0;}
}
/* SP textSection0
------------------------------------------------------------------------------------------------------------- */
#textSection0 .inner{
padding:20px 10px;
}
#textSection0 .photo{
margin-top:20px;
}
#textSection0 .photo--pc{
	display: none;
}
#textSection0 .photo img{
width: 100%;
height:auto;
}
#textSection0 .txtWrap{
background: #e5ecff;
text-align: left;
padding:20px 15px;
}
#textSection0 .txtWrap h3{
color:#333333;
font-weight: bold;
font-size:18px;
font-size:1.8rem;
}
#textSection0 .txtWrap p{
margin-top:10px;
line-height: 1.8;
}
#textSection0 .txtWrap p.right{
font-size:11px;
font-size:1.1rem;
}
#textSection0 .txtWrap p.name{
margin-top:5px;
}
#textSection0 .txtWrap p.name{
width: 100px;
height: 22px;
background: url(../img/top/txt_textSection0_01_sp.png) no-repeat;
background-size: cover;
text-decoration: none;
display: block;
margin-left: auto;
overflow: hidden;
text-indent: 120%;
text-align: left;
}
/* SP#textSection1
------------------------------------------------------------------------------------------------------------- */
#textSection1 .inner{
padding:0 10px;
}
#textSection1 .inner > p{
margin-top:20px;
text-align: left;
}
#textSection1 .stepList{
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
-webkit-flex-direction:row;
-moz-flex-direction:row;
-ms-flex-direction:row;
-o-flex-direction:row;
flex-direction:row;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
-o-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-justify-content: space-between;
-moz-justify-content: space-between;
-ms-justify-content: space-between;
-o-justify-content: space-between;
justify-content: space-between;
}
#textSection1 .stepList li{
margin:10px auto;
width: 100%;
}
#textSection1 .stepList li:nth-child(1){
order:1;
-webkit-box-ordinal-group:1;
-ms-flex-order:1;
-webkit-order:1;
}
#textSection1 .stepList li:nth-child(2){
order:2;
-webkit-box-ordinal-group:2;
-ms-flex-order:2;
-webkit-order:2;
}
#textSection1 .stepList li:nth-child(3){
order:3;
-webkit-box-ordinal-group:3;
-ms-flex-order:3;
-webkit-order:3;
}
#textSection1 .stepList li:nth-child(4){
order:2;
-webkit-box-ordinal-group:2;
-ms-flex-order:2;
-webkit-order:2;
}
#textSection1 .stepList li:nth-child(5){
order:5;
-webkit-box-ordinal-group:5;
-ms-flex-order:5;
-webkit-order:5;
}
#textSection1 .stepList li:nth-child(6){
order:6;
-webkit-box-ordinal-group:6;
-ms-flex-order:6;
-webkit-order:6;
}
#textSection1 .stepList li:nth-child(7){
order:7;
-webkit-box-ordinal-group:7;
-ms-flex-order:7;
-webkit-order:7;
}
#textSection1 .stepList li:nth-child(8){
order:6;
-webkit-box-ordinal-group:6;
-ms-flex-order:6;
-webkit-order:6;
}
#textSection1 .stepList li:nth-child(9){
order:9;
-webkit-box-ordinal-group:9;
-ms-flex-order:9;
-webkit-order:9;
}
#textSection1 .stepList li:nth-child(10){
order:10;
-webkit-box-ordinal-group:10;
-ms-flex-order:10;
-webkit-order:10;
}
#textSection1 .stepList li:nth-child(11){
order:11;
-webkit-box-ordinal-group:11;
-ms-flex-order:11;
-webkit-order:11;
}
#textSection1 .stepList li:nth-child(12){
order:10;
-webkit-box-ordinal-group:10;
-ms-flex-order:10;
-webkit-order:10;
}
#textSection1 .stepList li:nth-child(13){
order:13;
-webkit-box-ordinal-group:13;
-ms-flex-order:13;
-webkit-order:13;
}
#textSection1 .stepList li:nth-child(14){
order:14;
-webkit-box-ordinal-group:14;
-ms-flex-order:14;
-webkit-order:14;
}
#textSection1 .stepList li:nth-child(15){
order:15;
-webkit-box-ordinal-group:15;
-ms-flex-order:15;
-webkit-order:15;
}
#textSection1 .stepList li:nth-child(16){
order:14;
-webkit-box-ordinal-group:14;
-ms-flex-order:14;
-webkit-order:14;
}
#textSection1 .stepList li:nth-child(17){
order:17;
-webkit-box-ordinal-group:17;
-ms-flex-order:17;
-webkit-order:17;
}
#textSection1 .stepList li:nth-child(18){
order:18;
-webkit-box-ordinal-group:18;
-ms-flex-order:18;
-webkit-order:18;
}
#textSection1 .stepList li:nth-child(19){
order:19;
-webkit-box-ordinal-group:19;
-ms-flex-order:19;
-webkit-order:19;
}
#textSection1 .stepList li:nth-child(20){
order:18;
-webkit-box-ordinal-group:18;
-ms-flex-order:18;
-webkit-order:18;
}
#textSection1 .stepList li:nth-child(21){
order:21;
-webkit-box-ordinal-group:21;
-ms-flex-order:21;
-webkit-order:21;
}
#textSection1 .stepList li:nth-child(22){
order:22;
-webkit-box-ordinal-group:22;
-ms-flex-order:22;
-webkit-order:22;
}
#textSection1 .stepList li:nth-child(23){
order:23;
-webkit-box-ordinal-group:23;
-ms-flex-order:23;
-webkit-order:23;
}
#textSection1 .stepList li:nth-child(24){
order:22;
-webkit-box-ordinal-group:22;
-ms-flex-order:22;
-webkit-order:22;
}
#textSection1 .stepList li:nth-child(25){
order:25;
-webkit-box-ordinal-group:25;
-ms-flex-order:25;
-webkit-order:25;
}
#textSection1 .stepList li:nth-child(26){
order:26;
-webkit-box-ordinal-group:26;
-ms-flex-order:26;
-webkit-order:26;
}
#textSection1 .stepList li{
margin-top:10px;
}
#textSection1 .stepList li > img{
width: 100%;
height:auto;
}
#textSection1 .stepList li dt{
color:#4359a3;
font-weight: 600;
font-size:24px;
font-size:2.4rem;
line-height: 1.2;
font-family: 'Roboto Condensed', sans-serif;
}
#textSection1 .stepList li dt span{
font-size:16px;
font-size:1.6rem;
display: block;
line-height: 1;
}
#textSection1 .stepList li dt span:last-child{
font-size:26px;
font-size:2.6rem;
}
#textSection1 .stepList li dt > img{
max-height: 40px;
}
#textSection1 .stepList li dd{
margin-top:10px;
text-align: left;
}
#textSection1 .stepText strong{
display: block;
color:#4359a3;
text-decoration: none;
font-weight: bold;
}
#textSection1 .stepText p{
margin-top:5px;
}

/* textSection3
------------------------------------------------------------------------------------------------------------- */
#textSection3 .inner{
padding:20px 0 0;
}
#textSection3 h2 + p{
width: 768px;
max-width: 100%;
margin:10px auto 0;
margin-top:10px;
padding:0 10px;
text-align: left;
}
#textSection3 .qaWrap{
position: relative;
height:480px!important;
width:100%;
overflow: hidden;
margin-top:30px;
}
#textSection3 .txtWrap{
margin-top:20px;
display: inline-block;
padding-bottom:20px;
background: url(../img/bg_textSection3_line.png) no-repeat center bottom;
font-size: 16px;
font-size: 1.6rem;
color:#4359a3;
font-style: italic;
position: relative;
padding-left:30px;
}
#textSection3 .txtWrap span.spOnly{
display: inline-block!important;
}
#textSection3 .txtWrap:before{
content: "";
display: inline-block;
width: 24px;
height: 24px;
background: url(../img/top/icon_textSection3.png) no-repeat center center;
position: absolute;
left:0;
top:5px;
}
.qaArea{
position: absolute;
left:0;
top:0!important;
}
#textSection3 .qaImgArea{
position: relative;
}
#textSection3 .qaImgArea > img{
width:auto;
max-width: inherit;
height:480px;
}
.qaArrow > a:before {
content: '';
width: 20px;
height: 20px;
border: 0px;
border-top: solid 4px #fff;
border-right: solid 4px #fff;
display: block;
padding:5px;
}
.qaArrow .left-btn{
position:absolute;
top:50%;
left:10px;
z-index: 900;
-ms-transform: rotate(-135deg);
-webkit-transform: rotate(-135deg);
transform: rotate(-135deg);
}
.qaArrow .right-btn{
position:absolute;
top:50%;
right:10px;
z-index: 900;
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
#textSection3 .qaPoints > div{
position: absolute;
-webkit-transition:all .2s ease-in-out 0s;
transition:all .2s ease-in-out 0s;
animation: btnQaMove01 4s linear infinite;
-webkit-animation: btnQaMove01 4s linear infinite;
width: 10px;
height: 10px;
cursor: pointer;
}
#textSection3 .qaPoints > div:nth-child(3n){
animation: btnQaMove02 4s linear infinite;
-webkit-animation: btnQaMove02 4s linear infinite;
}
#textSection3 .qaPoints > div:nth-child(3n-1){
animation: btnQaMove03 4s linear infinite;
-webkit-animation: btnQaMove03 4s linear infinite;
}
#textSection3 .qaPoints > div:hover{
animation-play-state: paused;
}
#textSection3 .qaPoints > div a{
display: block;
width: 40px;
height: 40px;
z-index: 9999;
position: absolute;
}
#textSection3 .qaPoints > div a span{
position: relative;
display:block;
}
#textSection3 .qaPoints > div a span:before{
position: absolute;
top: 0;
content:"";
display: block;
width:37px;
height:40px;
background: url(../img/top/img_q_sp.png)  no-repeat right bottom;
background-size: 37px 40px;
-webkit-transition:all .2s ease-in-out 0s;
transition:all .2s ease-in-out 0s;
}
#textSection3 .qaPoints > div a span:after{
position: absolute;
top: 0;
content:"";
display: block;
width:37px;
height:40px;
background: url(../img/top/img_q_on_sp.png)  no-repeat right bottom;
background-size: 37px 40px;
-webkit-transition:all .2s ease-in-out 0s;
transition:all .2s ease-in-out 0s;
opacity: 0;
}
#textSection3 .qaPoints > div a span:hover:before{
opacity: 0;
}

#textSection3 .qaPoints > div a span:hover:after{
opacity:1;
}
#textSection3 .qaPoints > div a span:hover:before{
opacity: 0;
}

#textSection3 .qaPoints > div a span:hover:after{
opacity:1;
}
#textSection3 .qaPoints > div:nth-child(1){
top:10%;
left:21%;
}
#textSection3 .qaPoints > div:nth-child(2){
top: 40%;
left: 32%;
}
#textSection3 .qaPoints > div:nth-child(3){
top: 17%;
left: 45%;
}
#textSection3 .qaPoints > div:nth-child(4){
top: 27%;
left: 54%;
}
#textSection3 .qaPoints > div:nth-child(5){
top: 50%;
left: 56%;
}
#textSection3 .qaPoints > div:nth-child(6){
top: 43%;
left: 79%;
}
#textSection3 .qaPoints > div:nth-child(7){
top: 73%;
left: 80%;
}

/* textSection3 モーダル
------------------------------------------------------------------------------------------------------------- */
[id^="qaModal-"] .modal-ttl{
color:#4359a3;
font-size: 22px;
font-size: 2.2rem;
display: inline-block;
line-height: 1.8;
position: relative;
padding-left:40px;
text-align: left;
}
[id^="qaModal-"] .modal-ttl:before{
content:"";
height:30px;
width:30px;
display:block;
background:url(../img/top/bg_qaModal_ttl.png) no-repeat center center;
background-size: cover;
position: absolute;
left: 0px;
top: 25%;
}
[id^="qaModal-"] .modal-body .qaImg{
display: block;
text-align: center;
margin-top:20px;
}
[id^="qaModal-"] .modal-body .qaImg img{
max-width: 100%;
width: auto;
max-height: 147px;
display: block;
margin:0 auto;
}
#qaModal-04 .modal-body .qaImg img{
max-height:220px;
}
[id^="qaModal-"] .modal-body > p{
margin-top:20px;
}
#qaModal-01 .modalWrap,
#qaModal-02 .modalWrap,
#qaModal-05 .modalWrap,
#qaModal-06 .modalWrap,
#qaModal-07 .modalWrap{
max-width: 688px;
}
#qaModal-03 .modalWrap,
#qaModal-04 .modalWrap{
max-width: 510px;
}
#qaModal-02 .modal-body img + img{
margin-top:10px;
}
/* textSection4
------------------------------------------------------------------------------------------------------------- */
#textSection4{
background:#fef5e7;
margin-top:40px;
}
#textSection4 .inner{
padding:20px 0;
}
#textSection4 .inner > p {
width: 768px;
max-width: 100%;
margin:10px auto 0;
padding:0 10px;
text-align: left;
}
#textSection4 .supportWrap{
width: 768px;
max-width: 100%;
margin:0 auto;
padding:20px 10px;
}
#textSection4 .supportWrap dl{
text-align: left;
margin-top:20px;
padding-top:250px;
background-size: auto 250px!important;
}
#textSection4 .supportWrap dl:nth-child(1){
background:url(../img/top/img_support_01.png) no-repeat center top;
}
#textSection4 .supportWrap dl:nth-child(2){
background:url(../img/top/img_support_02.png) no-repeat center top;
}
#textSection4 .supportWrap dl:nth-child(3){
background:url(../img/top/img_support_03.png) no-repeat center top;
}
#textSection4 .supportWrap dl:nth-child(4){
background:url(../img/top/img_support_04.png) no-repeat center top;
}
#textSection4 .supportWrap dt{
color:#4359a3;
font-size:22px;
font-size:2.2rem;
font-weight: bold;
line-height: 1.2;
}
#textSection4 .supportWrap dd{
margin-top:10px;
line-height: 1.8;
}
#textSection4 .moreBtn{
margin-bottom:30px;
}
#textSection4 .moreBtn a{
color:#fff;
width: 220px;
max-width: 300px;
height: 40px;
display: block;
margin:0 auto;
background:#4359a3;
line-height: 40px;
text-decoration: none;
position: relative;
font-size:16px;
font-size:1.6rem;
padding-right: 20px;
}
#textSection4 .moreBtn a:after {
content: "";
display: block;
width: 15px;
height: 18px;
width: 0;
height: 0;
border-style: solid;
border-width:6px 0 6px 10px;
border-color: transparent transparent transparent #fff;
position: absolute;
right:10px;
top: 50%;
margin-top: -6px;
}

/* textSection4_01
------------------------------------------------------------------------------------------------------------- */
#textSection4_01 {
/*background: #fef5e7;*/
padding:20px 15px;
}
#textSection4_01  [class^="supportDetail_box_0"]{
background: #fff;
padding:20px;
max-width: 100%;
margin: auto;
}
#textSection4_01 [class^="supportDetail_box_0"] + [class^="supportDetail_box_0"]{
margin-top:15px;
}
#mainCont #textSection4_01 h2{
background: none;
margin-top:0;
}
#textSection4_01 [class^="supportDetail_box_0"] h3{
color:#4359a3;
font-size:20px;
font-size:2.0rem;
font-weight: bold;
}
#textSection4_01 .supportDetail_box_03 h3{
color:#f66f2f;
font-weight: bold;
}
#textSection4_01 .supportDetailWrap{
margin-top:20px;
}
#textSection4_01 .supportDetail_box_01 .txtWrap{
text-align: left;
margin-top:20px;
}
#textSection4_01 .supportDetail_box_01 .txtWrap strong{
text-decoration: none;
color:#4359a3;
font-weight: bold;
font-size:15px;
font-size:1.5rem;
}
#textSection4_01 .supportDetail_box_01 .photo{
margin-top: 10px;
}
#textSection4_01 .supportDetail_box_01 .photo img{
width:160px;
height:auto;
}
#textSection4_01 .supportDetail_box_02 .txtWrap{
text-align: left;
margin-top:20px;
}
#textSection4_01 .supportDetail_box_02 .txtWrap strong{
text-decoration: none;
color:#4359a3;
font-weight: bold;
}
#textSection4_01 .supportDetail_box_02 .photo{
margin-top: 20px;
}
#textSection4_01 .supportDetail_box_02 .photo img{
width:200px;
height:auto;
}
#textSection4_01 .supportDetail_box_02{
position: relative;
padding-bottom:60px;
overflow: hidden;
}
#textSection4_01 .supportDetail_box_02:before{
content:"";
background: #fef5e7;
display: block;
width: 50%;
height:60px;
position: absolute;
bottom:-30px;
left:0;
-moz-transform: skew(0deg, 8deg);
-o-transform: skew(0deg, 8deg);
-ms-transform: skew(0deg, 8deg);
-webkit-transform: skew(0deg, 8deg);
transform: skew(0deg, 8deg);
}
#textSection4_01 .supportDetail_box_02:after{
content:"";
background: #fef5e7;
display: block;
width: 50%;
height:60px;
position: absolute;
bottom:-30px;
right:0;
-moz-transform: skew(0deg, -8deg);
-o-transform: skew(0deg, -8deg);
-ms-transform: skew(0deg, -8deg);
-webkit-transform: skew(0deg, -8deg);
transform: skew(0deg, -8deg);
clear: both;
}
#textSection4_01 .supportDetail_box_02 ul li{
position: relative;
padding-left:20px;
line-height: 2;
}
#textSection4_01 .supportDetail_box_02 ul li:before {
position: absolute;
left: 5px;
top: 10px;
content: "";
display: block;
width: 8px;
height: 8px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
border-radius: 50%;
background: #4359a3;
}
#textSection4_01 .supportDetail_01 >div{
margin-top:40px;
}
#textSection4_01 .supportDetail_01 div:first-child .photo img{
width: 300px;
height:auto;
}
#textSection4_01 .supportDetail_01 div:last-child .photo img{
width: 150px;
height:auto;
}
#textSection4_01 .supportDetail_01 .txtWrap{
font-weight: bold;
margin-top:10px;
}
#textSection4_01 .supportDetail_01 .txtWrap span{
display: block;
font-size:14px;
font-size:1.4rem;
}
#textSection4_01 .supportDetail_02 .photo img{
width: 160px;
height:auto;
}
#textSection4_01 .supportDetail_02 .txtWrap{
text-align: left;
}
#textSection4_01 .supportDetail_02 .txtWrap strong{
text-decoration: none;
color:#f66f2f;
font-weight: bold;
font-size:16px;
font-size:1.6rem;
display: block;
text-align: left;
}
#textSection4_01 .supportDetail_03 .photo img{
width: 160px;
height:auto;
}
#textSection4_01 .supportDetail_03 .txtWrap{
text-align: left;
}
#textSection4_01 .supportDetail_03 .txtWrap strong{
text-decoration: none;
color:#f66f2f;
font-weight: bold;
font-size:16px;
font-size:1.6rem;
display: block;
}
#textSection4_01 .supportDetail_04 table.spOnly{
display: table!important;
width: 100%;
}
#textSection4_01 .supportDetail_04 th:nth-child(1){
width: 20%;
}
#textSection4_01 .supportDetail_04 th:nth-child(2){
width: 40%;
}
#textSection4_01 .supportDetail_04 th:nth-child(3){
width: 40%;
}
#textSection4_01 .supportDetail_04 thead{
width: 100%;
}
#textSection4_01 .supportDetail_04 thead tr:nth-child(2n-1){
background: #f0f0f0;
}
#textSection4_01 .supportDetail_04 tr:nth-child(2n){
background: #f0f0f0;
}
#textSection4_01 .supportDetail_04 tr:nth-child(2n-1){
background: #f9f9f9;
}
#textSection4_01 .supportDetail_04 tr td:first-child{
text-align: center;
font-weight: bold;
}
#textSection4_01 .supportDetail_04 th,.supportDetail_04 td {
border-left:2px solid #fff;
border-top:2px solid #fff;
padding:10px;
}
#textSection4_01 .colorOrange{
color:#f66f2f;
}
#textSection4_01 .colorBlue{
color:#4359a3;
}
#textSection4_01 .colorBlack{
color:#333333;
}
#textSection4_01 .colorGray{
color:#727272;
}
#textSection4_01 .supportDetail_05{
font-size:16px;
font-size:1.6rem;
font-weight: bold;
color:#4359a3;
}
#textSection4_01 .supportDetail_06 .txtWrap strong{
text-decoration: none;
color:#f66f2f;
font-weight: bold;
font-size:16px;
font-size:1.6rem;
display: block;
margin:20px 0 10px;
}
#textSection4_01 .supportDetail_06 .txtWrap{
text-align: left;
}
#textSection4_01 .supportDetail_06 .photo{
margin-top:10px;
}
#textSection4_01 .supportDetail_06 > div .photo img{
width: 160px;
}
#textSection4_01 .backBtn{
text-align: center;
margin-top:20px;
}
#textSection4_01 .backBtn a{
color:#fff;
width: 220px;
max-width: 100%;
padding-left: 10px;
height: 40px;
display: block;
margin:0 auto;
background:#b1b1b1;
line-height:40px;
text-decoration: none;
position: relative;
font-size:16px;
font-size:1.6rem;
}
#textSection4_01 .backBtn a:after {
content: "";
display: block;
width: 15px;
height: 18px;
width: 0;
height: 0;
border-style: solid;
border-width:7.5px 10px 7.5px 0px;
border-color: transparent #fff transparent transparent;
position: absolute;
left:10px;
top: 50%;
margin-top: -7.5px;
}
#textSection4_01 .arrow{
width:55px;
margin:20px auto;
}
#textSection4_01 .arrow::before{
content: "";
display: block;
margin: 0 auto;
width: 26px;
height: 25px;
background: #b1b1b1;
}
#textSection4_01 .arrow::after{
content: "";
display: block;
border-top: 20px solid #b1b1b1;
border-left: 35px solid transparent;
border-right: 35px solid transparent;
transform: scalex(0.8);
margin-left: -7px;
}
/* section3
------------------------------------------------------------------------------------------------------------- */
#section1 .inner{
background:url(../img/bg_gray.png)repeat center center;
padding:20px 0;
}
#section1 .inner > p {
width: 768px;
max-width: 100%;
margin:10px auto 0;
padding:0 10px;
text-align: left;
}
#section1 .imgWrap{
width: 768px;
max-width: 100%;
margin:20px auto 0;
background-size: 100% auto;
}
#section1 .interviewList{
width: 768px;
max-width: 100%;
margin:20px auto 0;
padding:0 10px 20px;
font-size: 0px;
text-align: left;
}
#section1 .interviewList li{
width: 48%;
position: relative;
overflow: hidden;
margin:13px auto 0;
display: inline-block;
font-size:14px;
font-size:1.4rem;
vertical-align: top;
}
#section1 .interviewList li:nth-child(2n){
margin-left:4%;
}
#section1 .interviewList li a{
text-decoration: none;
display: block;
}
#section1 .interviewList li img{
width: 100%;
height:auto;
}
#section1 .interviewList .staffWrap{
margin:-65px auto 0;
padding:10px 5px;
width: 90%;
background:#fff;
position:absolute;
left:0;
right: 0;
z-index: 100;
background-color: rgba(255,255,255,0.9);
filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#77255255255,EndColorStr=#77255255255);
-ms-filter: "progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#77255255255,EndColorStr=#77255255255)";
}
#section1 .interviewList .staffWrap.textLong{
margin:-83px auto 0;
}
#section1 .interviewList .staffWrap p:first-child{
color:#333333;
text-align: left;
font-size:10px;
font-size:1.0rem;
}
#section1 .interviewList .staffWrap p:last-child{
color:#4359a3;
font-size:15px;
font-size:1.5rem;
text-align: center;
}
#section1 .interviewList .commentWrap{
padding:10px 15px 25px;
position: relative;
z-index: 100;
background:#3658A0;
color:#fff;
text-align: left;
/*font-style: italic;*/
}
#section1 .interviewList li:after{
content:"";
display: block;
position: absolute;
width: 100%;
height: 200px;
top:70%;
bottom:0;
left:0;
margin:auto;
background:#3658A0;
-moz-transform: skew(0deg, -10deg);
-o-transform: skew(0deg, -10deg);
-ms-transform: skew(0deg, -10deg);
-webkit-transform: skew(0deg, -10deg);
transform: skew(0deg, -10deg);
z-index: 50;
}
#section1 .interviewList li a:after{
content:"";
display: block;
position: absolute;
width: 30px;
height: 30px;
bottom:0;
right:0;
z-index:200;
background:#a1acd1 url(../img/top/interview_arrow.png) no-repeat center center;
background-size:12px 17px;
}
/* intervieDetail
------------------------------------------------------------------------------------------------------------- */
.intervieDetail{
background:url(../img/bg_gray.png)repeat center center;
}
    .careerDetail{
background:url(../img/bg_gray.png)repeat center center;
}
.intervieDetail h2 + p {
margin-top:10px;
padding:0 10px;
}
.intervieDetail .interviewWrap{
background:#fff;
padding-bottom:20px;
}
.intervieDetail .visual_interview{
position: relative;
background-size: cover;
}
.intervieDetail .visual_interview .photo{
text-align: right;
padding-top:20px;
}
.intervieDetail .visual_interview .photo img{
width: 40%;
height:auto;
}
.intervieDetail .visual_interview .ttlWrap{
position: absolute;
padding-right: 45%;
bottom:40%;
left:10px;
text-align: left;
background: url(../img/career_advance/bg_careerAdvance_ttl.png) no-repeat 0 top;
background-size:auto 50%;
display: table;
width: 100%;
}
.intervieDetail .visual_interview .ttlWrap p{
padding-left:20px;
}
.intervieDetail .visual_interview .ttlWrap .staffWrap span:first-child{
color:#4359a3;
font-size:14px;
font-size:1.4rem;
display: block;
}
.intervieDetail .visual_interview .ttlWrap .staffWrap span:last-child{
color:#333;
font-size:12px;
font-size:1.2rem;
}

.intervieDetail .visual_interview .commentWrap{
font-size:14px;
font-size:1.4rem;
color:#fff;
background:#4359a3;
/*font-style: italic;*/
padding:5px 10px;
}
.intervieDetail div[class^="interviewDetailWrap_0"]{
padding:20px 10px 0;
}
.intervieDetail div[class^="interviewDetailWrap_0"] .txtWrap{
max-width: 100%;
width: 768px;
max-width: 100%;
margin:0 auto;
}
.intervieDetail div[class^="interviewDetailWrap_0"] h3{
color:#4359a3;
font-size:15px;
font-size:1.5rem;
font-weight: bold;
text-align: left;
}
.intervieDetail div[class^="interviewDetailWrap_0"] h3 + p{
margin-top:10px;
}
.intervieDetail div[class^="interviewDetailWrap_0"] p{
text-align: left;
}
.intervieDetail div[class^="interviewDetailWrap_0"] .photo{
width: 768px;
max-width: 100%;
margin:10px auto 0;
}
.intervieDetail div[class^="interviewDetailWrap_0"] .photo img{
width: 100%;
height:auto;
}

.intervieDetail .interviewDetailWrap_01,
.intervieDetail .interviewDetailWrap_03,
.intervieDetail .interviewDetailWrap_05{
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
-webkit-flex-direction:row;
-moz-flex-direction:row;
-ms-flex-direction:row;
-o-flex-direction:row;
flex-direction:row;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
-o-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-justify-content: space-between;
-moz-justify-content: space-between;
-ms-justify-content: space-between;
-o-justify-content: space-between;
justify-content: space-between;
}
.intervieDetail .interviewDetailWrap_01 .txtWrap,
.intervieDetail .interviewDetailWrap_03 .txtWrap,
.intervieDetail .interviewDetailWrap_05 .txtWrap{
order:1;
}
.intervieDetail .interviewDetailWrap_01 .photo,
.intervieDetail .interviewDetailWrap_03 .photo,
.intervieDetail .interviewDetailWrap_05 .photo{
order:2;
}

.intervieDetail .scheduleWrap .schedule{
position: relative;
margin:20px auto 0;
padding:20px 10px 0;
}
.intervieDetail .scheduleWrap .schedule:before{
content:"";
width:4px;
height: 100%;
background: #cbcbcb;
display: block;
position: absolute;
top:0;
left: 28px;
}
.intervieDetail .scheduleWrap .schedule dl{
position: relative;
margin-top:20px;
}
.intervieDetail .scheduleWrap .schedule li:last-child dl{
padding-bottom: 40px;
}
.intervieDetail #section1_04 .scheduleWrap .schedule li:last-child dl,
.intervieDetail #section1_08 .scheduleWrap .schedule li:last-child dl,
.intervieDetail #section1_10 .scheduleWrap .schedule li:last-child dl{
padding-bottom:0;
}
.intervieDetail #section1_09 .scheduleWrap .schedule li:last-child dl{
padding-bottom:20px;
}


.intervieDetail .scheduleWrap .schedule dt{
position: relative;
text-align: left;
display: table;
}
.intervieDetail .scheduleWrap .schedule dt span{
display: inline-block;
vertical-align: middle;
}
.intervieDetail .scheduleWrap .schedule dt span:first-child{
background: #4359a3;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
border-radius: 50%;
width: 40px;
height:40px;
line-height: 40px;
color:#fff;
text-align: center;
display: block;
}
.intervieDetail .scheduleWrap .schedule dt span:last-child{
color:#4359a3;
font-size:16px;
font-size:1.6rem;
padding-left:10px;
font-weight: bold;
text-align: left;
display: table-cell;
width: 100%;
}
.intervieDetail .scheduleWrap .schedule dd{
text-align: left;
padding-left:50px;
}
.intervieDetail .scheduleWrap .schedule .photo{
padding-left: 50px;
margin-top:20px;
}
.intervieDetail .scheduleWrap .schedule .photo img{
width: 100%;
height:auto;
}
.intervieDetail .scheduleWrap .schedule .photo img + img{
margin-top:10px;
}
.intervieDetail .notesWrap{
background: #fff;
margin:20px auto 0;
padding:20px 15px;
}
.intervieDetail .notesWrap .ttlWrap{
padding-bottom:15px;
background: url(../img/interview/bg_notesTtl.png) no-repeat center bottom;
background-size: auto 11px;
font-size:12px;
font-size:1.2rem;
color:#4359a3;
font-weight: bold;
}
.intervieDetail .notesWrap .ttlWrap span{
font-size:11px;
font-size:1.1rem;
}
.intervieDetail .notesWrap .txtWrap{
margin-top:10px;
padding-top:240px;
background: url(../img/interview/img_notes.jpg) no-repeat center top;
text-align: left;
}
.intervieDetail .notesWrap p + p{
margin-top:10px;
}

.intervieDetail .privateWrap{
margin: 40px auto 0;
background: #e5ecff;
padding: 20px 10px;
}
.intervieDetail .privateWrap .ttlWrap{
color:#4359a3;
font-weight: bold;
text-align: center;
font-size:16px;
font-size:1.6rem;
}
.intervieDetail .privateWrap .photo {
margin-top:20px;
}
.intervieDetail .privateWrap .photo img{
margin:0 auto;
display: block;
}
.intervieDetail .privateWrap .photo img + img{
width: 50%;
margin:-20px 0 0 auto;
}
.intervieDetail .privateWrap .txtWrap{
text-align: left;
margin-top:20px;
}
.intervieDetail .interviewLink{
background:#4359a3;
display: table;
width: 100%;
font-size:12px;
font-size:1.2rem;
}
.intervieDetail .interviewLink li{
display: table-cell;
padding:10px 10px;
vertical-align: middle;
}
.intervieDetail .interviewLink li a{
color:#fff;
text-decoration: none;
position: relative;
display: block;
}
.intervieDetail .interviewLink li a span{
display: block;
}
.intervieDetail .interviewLink li.interviewList{
border-left:solid 2px #fff;
border-right:solid 2px #fff;
width: 10%;
white-space: nowrap;
}
.intervieDetail .interviewLink li.interviewList span{
display: block;
}
.intervieDetail .interviewLink li.interviewPrev{
text-align:left;
width: 45%;
}
.intervieDetail .interviewLink li.interviewNext{
text-align: right;
width: 45%;
}
.intervieDetail .interviewLink li.interviewPrev a{
padding:0 0 0 15px;
}
.intervieDetail .interviewLink li.interviewNext a{
padding:0 15px 0 0;
}
.intervieDetail .interviewLink li.interviewPrev a:before{
content:"";
display: inline-block;
width: 8px;
height: 10px;
width: 0;
height: 0;
border-style: solid;
border-width:5px 8px 5px 0;
border-color: transparent #fff transparent transparent;
position: absolute;
top: 50%;
margin-top: -5px;
left:0;
}
.intervieDetail .interviewLink li.interviewNext a:after{
content:"";
display: inline-block;
width: 8px;
height: 10px;
width: 0;
height: 0;
border-style: solid;
border-width:5px 0 5px 8px;
border-color: transparent transparent transparent #fff;
position: absolute;
top: 50%;
margin-top: -5px;
right:0;
}
/*.intervieDetail #section1_01 .visual_interview .ttlWrap{
padding:40px 0 20px;
top: inherit;
bottom:15%;
max-width:inherit;
display: block;
background-color: rgba(255,255,255,0.9);
filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#77255255255,EndColorStr=#77255255255);
-ms-filter: "progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#77255255255,EndColorStr=#77255255255)";
}*/
/* 001.html */
.intervieDetail #section1_01 .visual_interview .photo img{
width: 100%;
height:auto;
}
.intervieDetail #section1_01 .visual_interview .ttlWrap p{
padding-left:0;
}
.intervieDetail #section1_01 .visual_interview .ttlWrap{
position: relative;
margin: auto;
width: 55%;
text-align: left;
padding:40px 20px 20px;
background:none;
background-size:auto 50%;
display: table;
}
#mainCont.intervieDetail div[class^="interviewDetailWrap_0"] .txtWrap p span[class^="talker0"]{
font-size:15px;
font-size:1.5rem;
font-weight: bold;
}
#mainCont.intervieDetail div[class^="interviewDetailWrap_0"] .txtWrap p .talker01{
color:#f77030;
}
#mainCont.intervieDetail div[class^="interviewDetailWrap_0"] .txtWrap p .talker02{
color:#4359a3;
}
.intervieDetail #section1_01 .visual_interview .ttlWrap{
top: inherit;
bottom:15%;
max-width:inherit;
display: block;
width: 100%;
background-color: rgba(255,255,255,0.9);
filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#77255255255,EndColorStr=#77255255255);
-ms-filter: "progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#77255255255,EndColorStr=#77255255255)";
}
.intervieDetail #section1_01 .visual_interview .ttlWrap > div > p:first-child{
padding:20px 0;
width:110px;
background: url(../img/interview/bg_interview_ttl.png) no-repeat 0 center;
background-size: 60px 57px;
text-align: right;
position: absolute;
top:0;
left:0;
color:#666;
}
.intervieDetail #section1_01 .visual_interview .staffTtl{
background: url(../img/top/bg_interview_sp.png) no-repeat center bottom;
background-size:auto 10px;
text-align: center;
font-style: italic;
font-weight: bold;
padding-bottom:15px;
color:#666;
}
.intervieDetail #section1_01 .visual_interview .staff{
margin:0 auto;
background: url(../img/top/icon_interview_01.png) no-repeat center center;
background-size: 35px 35px;
}
.intervieDetail #section1_01 .visual_interview .staff:after{
content:"";
display: block;
overflow: hidden;
clear:both;
}
.intervieDetail #section1_01 .visual_interview .staff > div{
float:left;
width: 50%;
}
.intervieDetail #section1_01 .visual_interview .staff > div:first-child{
text-align: right;
padding-right:30px;
}
.intervieDetail #section1_01 .visual_interview .staff > div:last-child{
text-align: left;
padding-left:30px;
}
.intervieDetail #section1_01 .visual_interview .staff > div p{
color:#4359a3;
font-size:18px;
font-size:1.8rem;
line-height: 1;
line-height: 1.5;
}

.intervieDetail #section1_01 .visual_interview .staff > div:first-child p{
margin-left: auto;
text-align:right;
}
.intervieDetail #section1_01 .visual_interview .staff > div:last-child p{
margin-right: auto;
text-align: left;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
-webkit-flex-direction:row;
-moz-flex-direction:row;
-ms-flex-direction:row;
-o-flex-direction:row;
flex-direction:row;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
-o-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-justify-content: space-between;
-moz-justify-content: space-between;
-ms-justify-content: space-between;
-o-justify-content: space-between;
justify-content: space-between;
}
.intervieDetail #section1_01 .visual_interview .staff > div span{
color:#333333;
font-size:12px;
font-size:1.2rem;
vertical-align: middle;
display: block;
line-height: 1.2;
display: block;
width: 100%;
}
.intervieDetail #section1_01 .visual_interview .commentWrap{
top:88%;	
}
.intervieDetail #section1_01 .visual_interview .commentWrap p{
margin-left:-35%;
padding-left:35%;
line-height: 1.5;
}
.intervieDetail #section1_01 .interviewLink{
margin-top:0;
}
.intervieDetail #section1_01 .visual_interview .staff > div:last-child span{
order:-1;
}
/* textSection2
------------------------------------------------------------------------------------------------------------- */
#textSection2{
background:url(../img/bg_gray.png)repeat center center;
}
#textSection2 .inner > p {
width: 768px;
max-width: 100%;
margin:10px auto 0;
padding:0 10px;
text-align: left;
}
#textSection2 .imgWrap{
margin-top:30px;
}
#textSection2 .imgWrap img{
width: 100%;
height:auto;
}
#textSection2 .careerList{
padding:20px 10px;
max-width:768px;
margin:0 auto;
}
#textSection2 .careerList li{
position: relative;
overflow: hidden;
}
#textSection2 .careerList li + li{
margin-top:20px;
}
#textSection2 .careerList li a{
text-decoration: none;
display: block
}
#textSection2 .careerList li img{
width: 100%;
height:auto;
}
#textSection2 .staffWrap{
margin:-66px  0 0 auto;
padding:10px 15px;
background:#fff;
position:absolute;
right: 0;
z-index: 100;
width: 50%;
background-color: rgba(255,255,255,0.9);
filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#77255255255,EndColorStr=#77255255255);
-ms-filter: "progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#77255255255,EndColorStr=#77255255255)";
}
#textSection2 .staffWrap p:first-child{
color:#333333;
text-align: left;
font-size:12px;
font-size:1.2rem;
}
#textSection2 .staffWrap p:last-child{
color:#4359a3;
font-size:16px;
font-size:1.6rem;
}
#textSection2 .commentWrap{
padding:10px 20px 15px;
position: relative;
z-index: 100;
background:#6eabf4;
color:#fff;
text-align: left;
font-size:16px;
font-size:1.6rem;
/*font-style: italic;*/
}
#textSection2 .careerList li:after{
content:"";
display: block;
position: absolute;
width: 100%;
height: 200px;
top:90%;
bottom:0;
left:0;
margin:auto;
background:#6eabf4;
-moz-transform: skew(0deg, -10deg);
-o-transform: skew(0deg, -10deg);
-ms-transform: skew(0deg, -10deg);
-webkit-transform: skew(0deg, -10deg);
transform: skew(0deg, -10deg);
z-index: 50;
}
#textSection2 .careerList li a:after{
content:"";
display: block;
position: absolute;
width: 40px;
height: 40px;
bottom:0;
right:0;
z-index:200;
background:#6ed5f4 url(../img/top/interview_arrow.png) no-repeat center center;
background-size:12px 17px;
}

/* careerDetail
------------------------------------------------------------------------------------------------------------- */
.careerDetail{
}
.careerDetail .inner > p {
margin-top:10px;
padding:0 10px;
}
.careerDetail .visual_interview{
position: relative;
background-size: cover;
}
.careerDetail .visual_interview .photo{
padding-top:10px;
text-align: right;
}
.careerDetail .visual_interview .photo img{
width: 40%;
height:auto;
}
.careerDetail .visual_interview .ttlWrap{
position: absolute;
padding-right: 45%;
bottom:35%;
left:10px;
text-align: left;
background: url(../img/career_advance/bg_careerAdvance_ttl.png) no-repeat 0 top;
background-size:auto 50%;
display: table;
}
.careerDetail .visual_interview .ttlWrap p{
padding-left:20px;
}
.careerDetail .visual_interview .ttlWrap .staffWrap span:first-child{
color:#4359a3;
font-size:14px;
font-size:1.4rem;
display: block;
}
.careerDetail .visual_interview .ttlWrap .staffWrap span:last-child{
color:#333;
font-size:12px;
font-size:1.2rem;
}
.careerDetail .visual_interview .commentWrap{
font-size:14px;
font-size:1.4rem;
color:#fff;
background:#6eabf4;
}
.careerDetail .careerDetailWrap_01,
.careerDetail .careerDetailWrap_03{
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
-webkit-flex-direction:row;
-moz-flex-direction:row;
-ms-flex-direction:row;
-o-flex-direction:row;
flex-direction:row;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
-o-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-justify-content: space-between;
-moz-justify-content: space-between;
-ms-justify-content: space-between;
-o-justify-content: space-between;
justify-content: space-between;
}
.careerDetail .careerDetailWrap_01 .txtWrap,
.careerDetail .careerDetailWrap_03 .txtWrap{
order:1;
}
.careerDetail .careerDetailWrap_01 .photo,
.careerDetail .careerDetailWrap_03 .photo{
order:2;
}
.careerDetail div[class^="careerDetailWrap_0"]{
padding:20px 10px 0;
}
.careerDetail div[class^="careerDetailWrap_0"] h3{
color:#6eabf4;
font-size:16px;
font-size:1.6rem;
font-weight: bold;
text-align: left;
}
.careerDetail div[class^="careerDetailWrap_0"] p{
margin-top:10px;
text-align: left;
}
.careerDetail div[class^="careerDetailWrap_0"] .photo{
margin-top:10px;
width: 100%;
}
.careerDetail div[class^="careerDetailWrap_0"] .photo img{
width: 100%;
}
.careerDetail .careerLink{
background:#6eabf4;
display: table;
width: 100%;
font-size:12px;
font-size:1.2rem;
margin-top:20px;
}
.careerDetail .careerLink li{
display: table-cell;
vertical-align: middle;
}
.careerDetail .careerLink li a{
color:#fff;
text-decoration: none;
position: relative;
display: block;
}
.careerDetail .careerLink li a span{
display: block;
}
.careerDetail .careerLink li.careerTop{
text-align:left;
width: 50%;
}
.careerDetail .careerLink li.careerOther{
text-align: right;
width: 50%;
}
.careerDetail .careerLink li.careerTop a{
padding:10px 10px 10px 30px;
}
.careerDetail .careerLink li.careerOther a{
padding:10px 30px 10px 10px;
}
.careerDetail .careerLink li.careerTop a:before{
content:"";
display: inline-block;
width: 8px;
height: 10px;
width: 0;
height: 0;
border-style: solid;
border-width:5px 8px 5px 0;
border-color: transparent #fff transparent transparent;
position: absolute;
top: 50%;
margin-top: -5px;
left:10px;
}
.careerDetail .careerLink li.careerOther a:after{
content:"";
display: inline-block;
width: 8px;
height: 10px;
width: 0;
height: 0;
border-style: solid;
border-width:5px 0 5px 8px;
border-color: transparent transparent transparent #fff;
position: absolute;
top: 50%;
margin-top: -5px;
right:10px;
}
/* textSection5
------------------------------------------------------------------------------------------------------------- */
#textSection5 .inner h2 + p {
width: 768px;
max-width: 100%;
margin:10px auto 0;
padding:0 10px;
text-align: left;
}
#textSection5 .graphicsList{
width: 100%;
}
#textSection5 p + .graphicsList{
margin-top:30px;
}
#textSection5 .graphicsList li{
width: 50%;
min-height:45px;
display:table;
margin:0 auto;
float:left;
}
#textSection5 .graphicsList li a:after {
content: "";
display: block;
width: 10px;
height: 6px;
width: 0;
height: 0;
border-style: solid;
border-width:6px 0 10px 6px;
border-width:6px 0 10px 6px;
border: 6px solid transparent;
border-top: 6px solid #fff;
position: absolute;
right:10px;
top:20px;
}
#textSection5 .graphicsList:last-child li a:after {
content: "";
border-width:6px 0 10px 6px;
border-width:6px 0 10px 6px;
border: 6px solid transparent;
border-bottom: 6px solid #fff;
top:13px;
}
#textSection5 .graphicsList li a{
position: relative;
text-decoration: none;
color:#fff;
font-style: italic;
display: table-cell;
vertical-align: middle;
padding-right:15px;
}
#textSection5 .graphicsList li:first-child a{
background: #f0723c;
}
#textSection5 .graphicsList li:last-child a{
background: #4f59a5;
}
#textSection5 .infographicsWrap{
padding:20px 0 0;
}
#textSection5 .graphicsWrap{
display: block;
margin: 0 auto;
padding:30px 10px;
}
#textSection5 .infographics01{
margin:0 auto;
background: #f0723c;
}
#textSection5 .infographics01 .graphicsWrap > div{
background: #fff;
border-top:solid 10px #f0723c;
padding:0px;
position: relative;
max-width: 763px;
margin:0 auto;
}
#textSection5 .infographics02 .graphicsWrap > div{
background: #fff;
border-top:solid 10px #4f59a5;
max-width:768px;
margin:0 auto;
position: relative;
}
#textSection5 .graphicsWrap #graphics13 > div{
background: #fff;
border-top:solid 10px #4f59a5;
max-width: 763px;
margin:0 auto;
position: relative;
}
#textSection5 .infographics02 .graphicsWrap #graphics13{
border:none;
padding:0px;
max-width: 763px;
margin:0 auto;
position: relative;
}
#textSection5 .infographics02 .graphicsWrap #graphics13 > div{
position: relative;
}
#textSection5 .infographics01 .graphicsWrap > div img,
#textSection5 .infographics02 .graphicsWrap > div img{
margin: 0 auto;
width: 100%;
}

#textSection5 .graphicsWrap > div > p:first-child,
#textSection5 .infographics02 .graphicsWrap #graphics13 > div > p:first-child{
font-size:16px;
font-size:1.6rem;
color:#666666;
position: absolute;
left:0;
right:0;
top:6%;
text-align: center;
}
#textSection5 .graphicsWrap > div > p:first-child span{
display: block;
}

#textSection5 .infographics02{
display: none;
margin:0 auto;
background: #4f59a5;
}
.column1,
.column2,
.column3{
width: 100%!important;
}
/* 03 */
#textSection5 .infographics01 .graphicsWrap #graphics03 .domBox{
width: 100%;
top:0;
left:0;
right:0;
bottom:0;
margin:auto;
padding:40px 0;
opacity:1!important;
filter: alpha(opacity=100)!important;
-ms-filter: "alpha(opacity=100)"!important;
-moz-opacity:1!important;
-khtml-opacity: 1!important;
}
#textSection5 .infographics01 .graphicsWrap #graphics03 .txtNumber{
color:#4f59a5;
font-size:120px;
font-size:12.0rem;
line-height: 120px;
font-weight: 500;
}
#textSection5 .infographics01 .graphicsWrap #graphics03 .txtNumber + span{
color:#4f59a5;
font-size:30px;
font-size:3.0rem;
}
/* 04 */
#textSection5 .infographics01 .graphicsWrap #graphics04 img{
margin:-30px 0;
}
/* 05 */
#textSection5 .infographics01 .graphicsWrap #graphics05{
padding:40px 0;
}
/* 06 */
#textSection5 .infographics01 .graphicsWrap #graphics06{
padding:40px 0;
}
/* 07 */
#textSection5 .infographics01 .graphicsWrap > div{
padding:20px;
}
#textSection5 .infographics01 .graphicsWrap #graphics07 .domBox{
margin:50px auto 20px;
}
#textSection5 .infographics01 .graphicsWrap #graphics07 .txtNumber{
color:#f0723c;
font-size:80px;
font-size:8.0rem;
line-height: 80px;
font-weight: 500;
}
#textSection5 .infographics01 .graphicsWrap #graphics07 .txtNumber + span{
color:#f0723c;
font-size:26px;
font-size:2.6rem;
}
#textSection5 .infographics01 .graphicsWrap #graphics07 .txtWrap{
bottom:5%;
width: 100%;
color:#666666;
}
/* 08 */
#textSection5 .infographics01 .graphicsWrap #graphics08 img{
margin-top:-30px;
}
/* 09 */
#textSection5 .infographics01 .graphicsWrap #graphics09{
padding:40px 0;
}
/* 13 */
#textSection5 .infographics02 .graphicsWrap #graphics13{
background:transparent;
}
#textSection5 .infographics02 .graphicsWrap #graphics13 > div > p:first-child {
color: #666666;
position: absolute;
width: 100%;
text-align: center;
}
#textSection5 .infographics02 .graphicsWrap #graphics13 > div{
background: #fff;
}
/* textSection6
------------------------------------------------------------------------------------------------------------- */
#textSection6 .inner{
padding: 20px 0px 0;
}
#textSection6 .inner h2 + p{
margin:30px auto 0;
}
#textSection6 .inner > p{
margin:20px auto 0;
padding:0 10px;
text-align: left;
}
#textSection6 h3{
font-size:18px;
font-size:1.8rem;
margin-top:20px;
font-style: italic;
}
#textSection6 .recruitmentList{
width: 100%;
max-width:768px;
margin:20px auto 0px;
padding:0 10px;
line-height: 2;
}
#textSection6 .recruitmentList > dl > dt{
background: #f0f0f0;
}
#textSection6 .recruitmentList > dl > dd{
background: #f9f9f9;
}
#textSection6 .recruitmentList > dl{
width: 100%;
border-bottom:3px solid #fff;
min-height: 80px;
}
#textSection6 .recruitmentList > dl > *{
text-align: left;
}
#textSection6 .recruitmentList > dl dl + dl{
margin-top:10px;
}
#textSection6 .recruitmentList > dl > dt{
border-bottom:3px solid #fff;
font-weight: bold;
text-align: center;
padding:10px 15px;
}
#textSection6 .recruitmentList > dl dl ul{
padding-left: 20px;
}
#textSection6 .recruitmentList > dl dl ul li{
display:table;
margin-bottom:5px;
}
#textSection6 .recruitmentList > dl dl ul li > *{
display:table-cell;
}
#textSection6 .recruitmentList > dl dd{
padding:10px 15px 15px;
}
#textSection6 .recruitmentList > dl dd p span{
width: 160px;
display:block;
}
#textSection6 .recruitmentList > dl dd span.num{
	width: 1.5em;
	height: 1.5em;
	background: #4359a3;
	color: #fff;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	border-radius: 50%;
	display: inline-block;
	top:0.25em;
	left: 0;
	line-height: 1.4;
	text-align: center;
	font-weight: 600;
	margin-right: 0.25em;
}
#textSection6 .recruitmentList > dl dd p span.entryEnd{
width: 120px;
display: inline;
color: red;
}
#textSection6 .recruitmentList > dl:nth-child(9) dd p + p{
margin-top:10px;
}

#textSection6 .recruitmentList > dl:nth-child(9) dd p:last-child span{
display: inline;
}
#textSection6 .recruitmentList > dl dl dt{
float:left;
}
#textSection6 .recruitmentList > dl dl:last-child ul{
padding-left: 35px;
}
#textSection6 .recruitmentList > dl dd ul li{
padding-left:20px;
position: relative;
}
#textSection6 .recruitmentList > dl dd ul li:before{
position: absolute;
left:5px;
top:13px;
content:"";
display: block;
width: 5px;
height:5px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
border-radius: 50%;
background: #333;
}
#textSection6 .recruitmentList > dl dd ul li + li{
margin-top:5px;
}
#textSection6 .recruitmentList > dl dd ul li span{
display: block;
}
#textSection6 .recruitmentList > dl dd ul.num{
	counter-reset: number;
}
#textSection6 .recruitmentList > dl dd ul.num li{
	padding-left:2em;
	position: relative;
}
#textSection6 .recruitmentList > dl dd ul.num li:before{
	counter-increment: number;
	content: counter(number);
	width: 1.5em;
	height: 1.5em;
	background: #4359a3;
	color: #fff;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	border-radius: 50%;
	display: inline-block;
	top:0.25em;
	left: 0;
	line-height: 1.4;
	text-align: center;
	font-weight: 600;
}
#textSection6 .recruitmentList > dl dd ul + p{
margin-top:10px;
}

.recruitmentFlow{
width: 100%;
max-width: 768px;
margin:20px auto 0;
padding:0 15px;
display: table;
}
.recruitmentFlow li{
position:relative;
display: table-cell;
width: 25%;
font-size:8px;
font-size:0.8rem;
font-weight: bold;
counter-increment: flow;
}
.recruitmentFlow li:before{
content:"0"counter(flow);
display: block;
margin: 0 auto;
width:40px;
height:40px;
line-height: 40px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
border-radius: 50%;
background: #898989;
background-size:auto 50%!important;
color:#fff;
font-size:17px;
font-size:1.7rem;
font-family: 'Roboto', sans-serif;
}
.recruitmentFlow li:last-child:before{
background: #4359a3;
}
.recruitmentFlow li + li:after {
content: "";
display: block;
width: 0;
height: 0;
border-style: solid;
border-width:6px 0 6px 10px;
border-color: transparent transparent transparent #cbcbcb;
position: absolute;
left:-6px;
top: 30%;
margin-top: -3px;
}
#textSection6 .entryTxt{
width: 768px;
max-width: 100%;
margin:20px auto 0;
padding:0 10px;
}
#textSection6 .entryTxt li{
text-align: left;
padding-left: 15px;
text-indent: -15px;
line-height: 2;
}
#textSection6 .entryTxt li:before{
content:"※";
}
#textSection6 .entryBtn{
text-align: center;
margin-top:20px;
padding:0 10px;
}
#textSection6 .entryBtn a{
width: 220px;
max-width: 100%;
color:#fff;
height: 40px;
line-height: 40px;
display: block;
margin:0 auto;
background:#fea404;
text-decoration: none;
position: relative;
font-size:16px;
font-size:1.6rem;
}
#textSection6 .entryBtn a:after {
content: "";
display: block;
width: 15px;
height: 18px;
width: 0;
height: 0;
border-style: solid;
border-width:6px 0 6px 10px;
border-color: transparent transparent transparent #fff;
position: absolute;
right:10px;
top: 50%;
margin-top: -6px;
}
#textSection6 .bnrList{
width:339px;
max-width: 100%;
margin:20px auto 0;
}
#textSection6 .bnrList li{
float:left;
width: 50%;
text-align: center;
vertical-align: middle;
padding:10px 10px 0;
}
#textSection6 .bnrList li:nth-child(odd){
padding-right:0;
}
#textSection6 .bnrList li img{
width: 100%;
height:auto;
}
/* SPモーダルコンテンツ
------------------------------------------------------------------------------------------------------------- */
.modal .modalWrap {
margin: 20px auto;
padding:20px 15px;
}
.modal .modal-ttl{
font-size: 16px;
font-size: 1.6rem;
}
#modal-01 .bnrList{
margin:-10px auto 0;
padding: 20px 0px;
max-width: 340px;
}
#modal-01 .bnrList li{
width:48%;
float:left;
text-align: center;
margin:10px 1%;
}

/*奇数のとき*/
/* #modal-01 .bnrList li:last-child{
	width: 100%;
	margin-left:auto;
	margin-right:auto;
} */

}

/* add 20171116
------------------------------------------------------------------------------------------------------------- */
#section0 .inner > .txtAddTop{
bottom:100px;
font-size: 18px;
font-size: 1.8rem;
font-weight: bold;
line-height: 1.8;
text-shadow:0px 1px 2px rgba(0,0,0,0.2);
}
#section0 .inner > .txtAddTop a{
  color: #fff;
}
@media (max-width:1024px) {
#section0 .inner > .txtAddTop{
bottom:40px;
}
}
@media (max-width:500px) {
#section0 .inner > .txtAddTop{
bottom:20px;
font-size: 12px;
font-size: 1.2rem;
font-weight: bold;
line-height: 1.8;
}
}

/* add 201902
------------------------------------------------------------------------------------------------------------- */
.dummy.viewMovePC{
display: none;
}
.viewMovePC.is-viewOn{
    opacity: 1 !important;
}
@media (min-width:1025px) {
.viewMovePC{
display: inline-block !important;
-webkit-transition:all .4s ease-in-out 0s;
transition:all .4s ease-in-out 0s;
}
#textSection5 img.viewMovePC,
#textSection6 img.viewMovePC,
#textSection9 img.viewMovePC{
	width: 100%;
	height: auto;
}
#graphics05 .posiAbsolute,
#graphics06 .posiAbsolute,
#graphics09 .posiAbsolute {
	position: absolute;
	left: 0;
	top:0;
}
}
img.lazy{
	opacity: 0 !important;
	-webkit-transition:all .2s ease-in-out 0s;
	transition:all .2s ease-in-out 0s;
}
.is-viewOn img.lazy{
	opacity: 1 !important;
}
.interviewDetailCont_add2019{
  margin: 40px auto 20px;
  max-width: 1100px;
  text-align: right;
  font-size: 13px;
  font-size: 1.3rem;
}


.table202002 thead th{
	text-align: center;
	padding: 0 10px 5px;
	line-height: 1.2;
	vertical-align: middle;
}
.table202002 tbody th,
.table202002 tbody td{
	padding: 5px 0;
	line-height: 1.3;
}
.table202002 tbody td{
	padding: 5px 5px 5px;
}
.table202002 thead th span{
	display: inline-block;
}
.table202002 tbody span{
	display: inline-block;
}
.table202002 tbody{
	border-top:#bbb solid 1px;
}
@media (max-width:557px) {
	.table202002 thead th{
		font-size: 10px;
		font-size: 1.0rem;
		padding: 0 3px 5px;
	}
	.table202002 thead th .font-size-s{
		font-size: 8px;
		font-size:0.8rem;
	}
	.table202002 tbody th,
	.table202002 tbody td{
		font-size: 10px;
		font-size: 1.0rem;
	}
	.table202002 tbody td{
		padding: 5px 2px 5px;
	}
	.font-size-s{
		font-size: 9px;
		font-size: 0.9rem;
	}
	.interviewDetailCont_add2019{
		font-size: 10px;
	  font-size: 1.0rem;
	}
}

/* キャリアアップ202201追記
------------------------------------------------------------------------------------------------------------- */
.careerenhancementWrap .careerenhancement{
position: relative;
margin:20px auto 0;
padding:20px 10px 0;
    max-width: 800px;
}
.careerenhancementWrap .careerenhancement:before{
content:"";
width:4px;
height: 100%;
background: #cbcbcb;
display: block;
position: absolute;
top:0;
left: 28px;
}
.careerenhancementWrap .careerenhancement dl{
position: relative;
margin-top:20px;
}
.careerenhancementWrap .careerenhancement li:last-child dl{
padding-bottom: 40px;
}
/*
.careerenhancementWrap .careerenhancement li:last-child dl{
padding-bottom:0;
}
.careerenhancementWrap .careerenhancement li:last-child dl{
padding-bottom:20px;
}
*/


.careerenhancementWrap .careerenhancement dt{
position: relative;
text-align: left;
display: table;
}
.careerenhancementWrap .careerenhancement dt span{
display: inline-block;
vertical-align: middle;
}
.careerenhancementWrap .careerenhancement dt span:first-child{
background: #6eabf4;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
border-radius: 50%;
width: 40px;
height:40px;
line-height: 40px;
color:#fff;
text-align: center;
display: block;
}
.careerenhancementWrap .careerenhancement dt span:last-child{
color:#6eabf4;
font-size:16px;
font-size:1.6rem;
padding-left:10px;
font-weight: bold;
text-align: left;
display: table-cell;
width: 100%;
}
.careerenhancementWrap .careerenhancement dd{
text-align: left;
padding-left:50px;
}
.careerenhancementWrap .careerenhancement dd hr{
    border-style: none;
    height: 1px;
  background: #bbb;
  background-image: -webkit-linear-gradient(left, #eee, #777, #eee);
  background-image: -moz-linear-gradient(left, #eee, #777, #eee);
  background-image: -ms-linear-gradient(left, #eee, #777, #eee);
  background-image: -o-linear-gradient(left, #eee, #777, #eee);
}
.careerenhancementWrap .careerenhancement .photo{
padding-left: 50px;
margin-top:20px;
}
.careerenhancementWrap .careerenhancement .photo img{
width: 100%;
height:auto;
}
.careerenhancementWrap .careerenhancement .photo img + img{
margin-top:10px;
}
.notesWrap{
background: #fff;
margin:20px auto 0;
padding:20px 15px;
}
.notesWrap .ttlWrap{
padding-bottom:15px;
background: url(../img/interview/bg_notesTtl.png) no-repeat center bottom;
background-size: auto 11px;
font-size:12px;
font-size:1.2rem;
color:#4359a3;
font-weight: bold;
}
.notesWrap .ttlWrap span{
font-size:11px;
font-size:1.1rem;
}
.notesWrap .txtWrap{
margin-top:10px;
padding-top:240px;
background: url(../img/interview/img_notes.jpg) no-repeat center top;
text-align: left;
}
.notesWrap p + p{
margin-top:10px;
}

.careerprivateWrap{
margin: 40px auto 0;
/*background: #e5ecff;*/
padding: 20px 10px;
}
.careerprivateWrap .ttlWrap{
color:#6eabf4;
font-weight: bold;
text-align: center;
font-size:16px;
font-size:1.6rem;
}
.careerprivateWrap .photo {
margin-top:20px;
}
.careerprivateWrap .photo img{
margin:0 auto;
display: block;
}
.careerprivateWrap .photo img + img{
width: 50%;
margin:-20px 0 0 auto;
}
.careerprivateWrap .txtWrap{
text-align: left;
margin-top:20px;
}
@media screen and (min-width:1025px){
.careerprivateWrap{
max-width: 800px;
margin:60px auto 0;
display: table;
}
.careerprivateWrap .photo{
float:left;
width: 40%;
z-index: 999;
}
.careerprivateWrap .photo img {
width: 320px;
}
.careerprivateWrap .txtWrap{
float: right;
text-align: left;
width: 60%;
background: #e5ecff;
position: relative;
vertical-align: top;
}
.careerprivateWrap .txtWrap .ttlWrap{
position: relative;
z-index: 999;
color:#6eabf4;
font-weight: bold;
text-align: center;
font-size:22px;
font-size:2.2rem;
padding:20px;
}
.careerprivateWrap .txtWrap:after{
content: "";
display: block;
position: absolute;
width: 100px;
height: 100%;
margin-left: -50px;
top: 0;
left: 0;
background: #e5ecff;
-moz-transform: skew(-10deg, 0deg);
-o-transform: skew(-10deg, 0deg);
-ms-transform: skew(-10deg, 0deg);
-webkit-transform: skew(-10deg, 0deg);
transform: skew(-10deg, 0deg);
z-index: 50;
clear:both;
overflow: hidden;
}
.careerprivateWrap .txtWrap p{
padding:0px 40px 40px;
position: relative;
z-index: 999;
}
.careerprivateWrap .photo{
padding:40px 0 0;
position: relative;
text-align: left;
}
.careerprivateWrap .photo img + img{
margin:0 0 -100px -200px;
}
}

.careerdown h3{
font-size:20px;
font-size:2rem;
color:#4359a3;
background: url(../img/top/bg_infographics_01.png) no-repeat center bottom;
background-size:auto 14px;
padding-bottom:20px;
font-style: italic;
}
/*
.careerdown h3 {
  position: relative;
  display: inline-block;
  padding: 0 65px;
  text-align: center;
}
.careerdown h3:before,
.careerdown h3:after {
  position: absolute;
  top: calc(50% - 3px);
  width: 50px;
  height: 6px;
  content: '';
  border-top: solid 2px #000;
  border-bottom: solid 2px #000;
}
.careerdown h3:before {
  left: 0;
}
.careerdown h3:after {
  right: 0;
}
*/
.careerdown ul li p span{
    font-weight: bold;
    font-size: 1.2em;
}
.careerdown{
    margin:20px auto;
}
.careerdown table{
    margin: auto;
}
.careerdown td{
    vertical-align: middle;
    max-width: 800px;
    text-align: justify;
    padding-top: 20px;
}
.careerdown table tr td{
    display: block;
    margin: 10px;
}
#careerdowntdimg {
    text-align: center;
}
@media screen and (min-width:1025px){
.careerdown{
    max-width: 1100px;
    margin:40px auto;
}
.careerdown img{
    max-width: 1100px;
}
.careerdown h3{
    font-size:40px;
font-size:4rem;
}

.careerdown ul{
    margin: 20px auto;
    display: flex;
    justify-content: space-around;
}
.careerdown ul li{
    max-width: 300px;
/*    float: left;*/
/*    margin: 10%;*/
    
}
.careerdown ul li p span{
    font-weight: bold;
    font-size: 1.2em;
}
.careerdown ul li img{
    width: 300px;
}
    .careerdown table tr td{
    display: table-cell;
    margin: 10px;
}
}
@media print, screen and (min-width: 768px) { /* line 2050, ../sass/company2019.scss */
  .figzoom-wrap { display: block; }
  /* line 2053, ../sass/company2019.scss */
  .figzoom-wrap .btn-zoom::before { background-size: cover; } }
/* line 90, ../sass/_structure.scss */
.spOnly { display: block; }

/* line 93, ../sass/_structure.scss */
.spTabOnly { display: none; }

/* line 96, ../sass/_structure.scss */
.pcOnly { display: none; }

/* line 99, ../sass/_structure.scss */
.pcTabOnly { display: none; }
@media screen and (min-width: 480px) and (max-width: 767px) and (min-width: 720px) and (orientation: portrait) { /* line 129, ../sass/_structure.scss */
  #container { min-width: 720px; }
  /* line 132, ../sass/_structure.scss */
  .spTabOnly { display: block; }
  /* line 135, ../sass/_structure.scss */
  .spOnly { display: none; } }
@media print, screen and (min-width: 768px) { /* line 143, ../sass/_structure.scss */
  #container { min-width: 768px; }
  /* line 146, ../sass/_structure.scss */
  .tabOnly { display: block; }
  /* line 149, ../sass/_structure.scss */
  .pcTabOnly { display: block; }
  /* line 152, ../sass/_structure.scss */
  .spOnly { display: none; } }
@media print, screen and (min-width: 769px) { /* line 158, ../sass/_structure.scss */
  .spTabOnly { display: none; } }
@media print, screen and (min-width: 959px) and (max-width: 1024px) { /* line 164, ../sass/_structure.scss */
  #container { min-width: 959px; } }
@media print, screen and (min-width: 1025px) { /* line 170, ../sass/_structure.scss */
  #container { min-width: 1025px; }
  /* line 173, ../sass/_structure.scss */
  .tabOnly { display: none; }
  /* line 176, ../sass/_structure.scss */
  .pcOnly { display: block; } }

@keyframes smartphoto { from { opacity: 0; }
  to { opacity: 1; } }
@keyframes smartphoto-img-wrap { from { opacity: 0; }
  to { opacity: 1; } }
@keyframes smartphoto-inner { from { transform: translate(0, 100px); }
  to { transform: translate(0, 0); } }
@keyframes smartphoto-loader { 0% { opacity: .4; transform: rotate(0deg); }
  50% { opacity: 1; transform: rotate(180deg); }
  100% { opacity: .4; transform: rotate(360deg); } }
@keyframes smartphoto-appear { 0% { display: none; opacity: 0; }
  1% { display: block; opacity: 0; }
  100% { display: block; opacity: 1; } }
@keyframes smartphoto-hide { 0% { display: block; opacity: 1; }
  99% { display: block; opacity: 0; }
  100% { display: none; opacity: 0; } }
/* line 75, ../sass/_fig.scss */
.smartphoto { position: fixed; z-index: 999999; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; background-color: black; opacity: 1; font-family: sans-serif; cursor: pointer; -webkit-transition: opacity 0.3s ease-out; -moz-transition: opacity 0.3s ease-out; -ms-transition: opacity 0.3s ease-out; -o-transition: opacity 0.3s ease-out; transition: opacity 0.3s ease-out; transition: all 0.3s ease-out; animation-name: smartphoto; animation-duration: 0.3s; animation-timing-function: ease-out; }

/* line 98, ../sass/_fig.scss */
.smartphoto[aria-hidden="true"] { display: none; }

/* line 102, ../sass/_fig.scss */
.smartphoto-close { opacity: 0; }

/* line 106, ../sass/_fig.scss */
.smartphoto-count { display: inline-block; color: #FFF; font-size: 16px; }

/* line 112, ../sass/_fig.scss */
.smartphoto-header { display: block; box-sizing: border-box; position: fixed; z-index: 102; top: 0; left: 0; width: 100%; height: 50px; padding: 15px; background-color: rgba(0, 0, 0, 0.2); }

/* line 125, ../sass/_fig.scss */
.smartphoto-content { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/* line 134, ../sass/_fig.scss */
.smartphoto-dismiss { display: block; position: absolute; top: 15px; right: 10px; width: 20px; height: 20px; padding: 0; border: none; background-color: transparent; background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0i44Os44Kk44Ok44O8XzEiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDI4MzQuNjUgMjgzNC42NSIgZmlsbD0iI0ZGRiI+PHRpdGxlPmljb248L3RpdGxlPjxwYXRoIGQ9Ik0xNTc2LjQyLDE0MDYuNzYsMjc4NCwxOTkuMTlhNTYuODYsNTYuODYsMCwwLDAsMC04MC4xOGwtNzguOTItNzguOTJhNTYuODYsNTYuODYsMCwwLDAtODAuMTgsMEwxNDE3LjMyLDEyNDcuNjYsMjA5Ljc1LDQwLjA5YTU2Ljg2LDU2Ljg2LDAsMCwwLTgwLjE4LDBMNTAuNjUsMTE5YTU2Ljg2LDU2Ljg2LDAsMCwwLDAsODAuMThMMTI1OC4yMywxNDA2Ljc2LDUwLjY1LDI2MTQuMzRhNTYuODYsNTYuODYsMCwwLDAsMCw4MC4xOGw3OC45Miw3OC45MmE1Ni44Niw1Ni44NiwwLDAsMCw4MC4xOCwwTDE0MTcuMzIsMTU2NS44NiwyNjI0LjksMjc3My40NGE1Ni44Niw1Ni44NiwwLDAsMCw4MC4xOCwwbDc4LjkyLTc4LjkyYTU2Ljg2LDU2Ljg2LDAsMCwwLDAtODAuMThaIi8+PC9zdmc+); text-shadow: 0 1px 0 #FFF; color: #FFF; font-size: 30px; text-decoration: none; cursor: pointer; line-height: 1; }

/* line 153, ../sass/_fig.scss */
.smartphoto-body { position: relative; z-index: 102; width: 100%; height: 100%; margin: 0 auto; }

/* line 161, ../sass/_fig.scss */
.smartphoto-inner { position: relative; width: 100%; height: 100%; vertical-align: top; }

/* line 168, ../sass/_fig.scss */
.smartphoto-img { display: none; max-width: none; width: auto; height: auto; cursor: zoom-in; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; transition: transform 0.3s ease-out; -webkit-user-drag: none; }

/* line 182, ../sass/_fig.scss */
.smartphoto-img.active { display: block; }

/* line 186, ../sass/_fig.scss */
.smartphoto-img-onmove { cursor: grab; cursor: -webkit-grab; transition: none; }

/* line 192, ../sass/_fig.scss */
.smartphoto-img-elasticmove { transition: transform 0.3s ease-out; }

/* line 196, ../sass/_fig.scss */
.smartphoto-img-wrap { display: inline-block; opacity: 1; -webkit-transition: opacity 0.3s ease-out; -moz-transition: opacity 0.3s ease-out; -ms-transition: opacity 0.3s ease-out; -o-transition: opacity 0.3s ease-out; transition: opacity 0.3s ease-out; animation-name: smartphoto-img-wrap; animation-duration: 0.3s; animation-timing-function: ease-out; }

/* line 209, ../sass/_fig.scss */
.smartphoto-img-left { transform: translateX(150%) !important; }

/* line 213, ../sass/_fig.scss */
.smartphoto-img-right { transform: translateX(-150%) !important; }

/* line 217, ../sass/_fig.scss */
.smartphoto-arrows { list-style-type: none; margin: 0; padding: 0; position: relative; z-index: 1002; top: 50%; left: 0; opacity: 1; animation-name: smartphoto-appear; animation-duration: 0.3s; animation-timing-function: ease-out; }

/* line 231, ../sass/_fig.scss */
.smartphoto-arrows[aria-hidden="true"] { animation-name: smartphoto-hide; display: none; }

/* line 236, ../sass/_fig.scss */
.smartphoto-arrows li { display: block; position: absolute; top: 50%; width: 30px; height: 30px; animation-duration: 0.3s; animation-timing-function: ease-out; animation-name: smartphoto-appear; }

/* line 247, ../sass/_fig.scss */
.smartphoto-arrows li:focus { outline: none; }

/* line 251, ../sass/_fig.scss */
.smartphoto-arrows [aria-hidden="true"] { animation-name: smartphoto-hide; display: none; }

/* line 256, ../sass/_fig.scss */
.smartphoto-arrows a { display: block; width: 100%; height: 100%; text-decoration: none; }

/* line 263, ../sass/_fig.scss */
.smartphoto-arrow-right { right: 0; background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0i44Os44Kk44Ok44O8XzEiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDI4MzQuNjUgMjgzNC42NSIgZmlsbD0iI0ZGRiAiPjx0aXRsZT5pY29uPC90aXRsZT48cGF0aCBkPSJNMTgzNy44OCwxNDE3LjMyLDY0My41OSwyMjNhNzIuMjEsNzIuMjEsMCwwLDEsMC0xMDEuODJMNzQzLjgyLDIxYTcyLjIxLDcyLjIxLDAsMCwxLDEwMS44MiwwTDIwOTAuODMsMTI2Ni4xOWwxMDAuMjMsMTAwLjIzYTcyLjIxLDcyLjIxLDAsMCwxLDAsMTAxLjgyTDg0NS42NCwyODEzLjY1YTcyLjIxLDcyLjIxLDAsMCwxLTEwMS44MiwwTDY0My41OSwyNzEzLjQyYTcyLjIxLDcyLjIxLDAsMCwxLDAtMTAxLjgyWiIvPjwvc3ZnPg==); }

/* line 268, ../sass/_fig.scss */
.smartphoto-arrow-left { left: 0; background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0i44Os44Kk44Ok44O8XzEiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDI4MzQuNjUgMjgzNC42NSIgZmlsbD0iI0ZGRiI+PHRpdGxlPmljb248L3RpdGxlPjxwYXRoIGQ9Ik05OTYuNzcsMTQxNy4zMiwyMTkxLjA2LDIyM2E3Mi4yMSw3Mi4yMSwwLDAsMCwwLTEwMS44MkwyMDkwLjgzLDIxQTcyLjIxLDcyLjIxLDAsMCwwLDE5ODksMjFMNzQzLjgyLDEyNjYuMTksNjQzLjU5LDEzNjYuNDJhNzIuMjEsNzIuMjEsMCwwLDAsMCwxMDEuODJMMTk4OSwyODEzLjY1YTcyLjIxLDcyLjIxLDAsMCwwLDEwMS44MiwwbDEwMC4yMy0xMDAuMjNhNzIuMjEsNzIuMjEsMCwwLDAsMC0xMDEuODJaIi8+PC9zdmc+); }

/* line 273, ../sass/_fig.scss */
.smartphoto-nav { position: absolute; bottom: 0; left: 0; width: 100%; opacity: 1; animation-name: smartphoto-appear; animation-duration: 0.3s; animation-timing-function: ease-out; }

/* line 284, ../sass/_fig.scss */
.smartphoto-nav[aria-hidden="true"] { animation-name: smartphoto-hide; display: none; }

/* line 289, ../sass/_fig.scss */
.smartphoto-nav ul { display: block; overflow-x: auto; list-style: none; margin: 0; padding: 0; text-align: center; white-space: nowrap; -webkit-overflow-scrolling: touch; }

/* line 300, ../sass/_fig.scss */
.smartphoto-nav li { display: inline-block; overflow: hidden; width: 50px; height: 50px; }

/* line 307, ../sass/_fig.scss */
.smartphoto-nav a { display: block; width: 100%; height: 100%; background-color: #FFF; background-position: center center; background-size: cover; opacity: .5; }

/* line 317, ../sass/_fig.scss */
.smartphoto-nav a:focus { opacity: .8; }

/* line 321, ../sass/_fig.scss */
.smartphoto-nav a.current { opacity: 1; }

/* line 325, ../sass/_fig.scss */
.smartphoto-nav img { width: auto; height: 100%; }

/* line 330, ../sass/_fig.scss */
.smartphoto-list { list-style-type: none; position: absolute; z-index: 101; top: 0; left: 0; margin: 0; padding: 0; white-space: nowrap; }

/* line 341, ../sass/_fig.scss */
.smartphoto-list li { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; transition: all 0.3s ease-out; }

/* line 351, ../sass/_fig.scss */
.smartphoto-list li:focus { outline: none; }

/* line 355, ../sass/_fig.scss */
.smartphoto-list-onmove { transition: all 0.3s ease-out; }

/* line 359, ../sass/_fig.scss */
.smartphoto-caption { overflow: hidden; box-sizing: border-box; position: absolute; top: 0; left: 0; width: 100%; height: 50px; padding: 0 50px; color: #FFF; font-size: 12px; text-align: center; line-height: 50px; white-space: nowrap; text-overflow: ellipsis; }

/* line 376, ../sass/_fig.scss */
.smartphoto-caption:focus { outline: none; }

/* line 380, ../sass/_fig.scss */
.smartphoto-loader-wrap { display: block; position: relative; z-index: 103; width: 0; height: 0; transform: translate(50vw, 50vh); }

/* line 389, ../sass/_fig.scss */
.smartphoto-loader { position: absolute; z-index: 101; top: 0; left: 0; width: 30px; height: 30px; margin-top: -25px; margin-left: -25px; border: 8px solid #17CDDD; border-right-color: transparent; border-radius: 50%; animation: smartphoto-loader .5s infinite linear; }

/* line 404, ../sass/_fig.scss */
.smartphoto-img-clone { position: fixed; z-index: 100; top: 0; left: 0; transition: all 0.3s ease-out; }

/* line 412, ../sass/_fig.scss */
.smartphoto-sr-only { overflow: hidden; position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; border: 0; clip: rect(0, 0, 0, 0); }


/* line 424, ../sass/_fig.scss */
.figzoom-wrap { text-align: center; margin: 25px 0 0; }
@media print, screen and (min-width: 768px) { /* line 424, ../sass/_fig.scss */
  .figzoom-wrap { display: none; margin: 50px 0 0; } }

/* line 432, ../sass/_fig.scss */
.figzoom { position: relative; margin: 0 auto; text-align: center; display: inline-block; }
/* line 437, ../sass/_fig.scss */
.figzoom img { margin: 0 auto; display: block; max-width: 100%; width: 100%; height: auto; }
/* line 444, ../sass/_fig.scss */
.figzoom .js-img-viwer { cursor: default; }
/* line 447, ../sass/_fig.scss */
.figzoom.zoom-sp { border-radius: 5px; }
@media print, screen and (min-width: 768px) { /* line 447, ../sass/_fig.scss */
  .figzoom.zoom-sp { border: none; padding: 0; cursor: default; } }
@media print, screen and (min-width: 768px) { /* line 454, ../sass/_fig.scss */
  .figzoom.zoom-sp .btn-zoom { display: none; } }
@media print, screen and (min-width: 768px) { /* line 459, ../sass/_fig.scss */
  .figzoom.zoom-sp::after { position: absolute; left: 0; top: 0; content: ''; display: block; width: 100%; height: 100%; z-index: 9999; } }
@media print, screen and (min-width: 768px) { /* line 472, ../sass/_fig.scss */
  .figzoom.zoom-pc { border: #b2971a solid 1px; border-radius: 5px; padding: 30px 30px 40px; cursor: default; } }
/* line 479, ../sass/_fig.scss */
.figzoom.zoom-pc .btn-zoom { display: none; }
/* line 482, ../sass/_fig.scss */
.figzoom.zoom-pc::after { position: absolute; left: 0; top: 0; content: ''; display: block; width: 100%; height: 100%; z-index: 9999; }
@media print, screen and (min-width: 768px) { /* line 482, ../sass/_fig.scss */
  .figzoom.zoom-pc::after { display: none; } }
/* line 496, ../sass/_fig.scss */
.figzoom .btn-zoom { position: absolute; right: -4px; bottom: 20px; -moz-transform: translate(0, 50%); -o-transform: translate(0, 50%); -ms-transform: translate(0, 50%); -webkit-transform: translate(0, 50%); transform: translate(0, 50%); padding: 15px 15px 15px 40px; border-radius: 6px; box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.4); color: #fff; font-size: 12px; font-size: 1.2rem; font-weight: 500; letter-spacing: 0; line-height: 1; cursor: pointer; background: #c7000a; text-decoration: none !important; }
@media print, screen and (min-width: 768px) { /* line 496, ../sass/_fig.scss */
  .figzoom .btn-zoom { right: -20px; padding: 20px 25px 20px 50px; font-size: 18px; font-size: 1.8rem; } }
/* line 517, ../sass/_fig.scss */
.figzoom .btn-zoom::before { position: absolute; left: 10px; top: 50%; -moz-transform: translate(0, -50%); -o-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -webkit-transform: translate(0, -50%); transform: translate(0, -50%); content: ''; width: 21px; height: 21px; -webkit-transition: 0.2s; -moz-transition: 0.2s; -ms-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; background: url(../../../assets/img/common2019/ic_zoom.svg) no-repeat 50% 50%; background-size: 21px 21px; }
@media print, screen and (min-width: 768px) { /* line 517, ../sass/_fig.scss */
  .figzoom .btn-zoom::before { background: url(../../../assets/img/common2019/ic_zoom.svg) no-repeat 50% 50%; background-size: 24px 24px; } }

/* line 538, ../sass/_fig.scss */
.no-touchevents .figzoom .btn-zoom { -webkit-transition: 0.2s; -moz-transition: 0.2s; -ms-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; }
/* line 541, ../sass/_fig.scss */
.no-touchevents .figzoom .btn-zoom:hover { background: #ee000c !important; }



#textSection5 .infographics01 .graphicsWrap #graphics05 .infographics_rb{
    position: absolute;
    right: 0;
    bottom: 0;
    padding: 5px 10px;
}    
@media print, screen and (min-width: 768px) (min-width:1025px){
    .infographics_rb{
        font-size: 18px;
    }
}