*{
    word-break: break-all;
}

.companyIndex{
	padding:48px 15px;
	width:96%;
	max-width:1050px;
	margin:0 auto;
}

.companyInner{
	display:flex;
	justify-content: flex-start;
	flex-wrap: wrap;
}


@media(min-width:1024px){
	.childPageHeader:before{
		position:absolute;
		content:"";
		background:right / cover no-repeat url(../img/titlebg.png);
		width:100%;
		height:100%;
		right:0;
		top:0;
		bottom:0;
	}
}

.profile table{
width: 100%;
}

.profile table th, .profile table td{
padding: 20px;

}

.profile table th{
width: 35%;
text-align: right;
}

.profile table td{
width: 65%;
text-align: left;
}

.profile table tr.map th{
padding: 20px 0;
}


@media only screen and (max-width: 420px) {
  
iframe{
height: 400px;
}
  
}



/*partner page*/

.partner{
line-height: 1.4;
text-align: left;
width:90%;
max-width: 920px;
margin: 0 auto;
box-sizing: border-box;

}

.partner td{
padding: 20px 0;
}

.partner img{
vertical-align: middle;
margin-left: 130px;
height: 40px;
}

@media only screen and (max-width: 600px) {
.partner{
width: 100%;
padding: 0 20px;

}

.partner img{
vertical-align: middle;
margin-left: 10%;
height: 20px;
}

}

/* 20201210 added. */
div.map{
    max-width:1050px;
    margin:30px auto 0px;
    width:96%;
}

div.map>iframe{
    width:100%;
    height:440px;
}

section.csrContent{
    max-width:1140px;
    margin:30px auto 100px;
    width:96%;
    display:flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
}
.csrBox{
    width:48%;
    margin:40px 1%;
}

.csrBox>p{
    text-align:left;
    margin:16px auto;
}

.companyNav{
    width:90%;
    max-width:820px;
    margin:0 auto 80px;
}

.companyNav>ul{
    display:flex;
    justify-content: flex-start;
    align-items: center;
}

.companyNav>ul>li{
    position:relative;
    width:28%;
    margin:0 auto;
    border-bottom:1px solid #E9E9E9;
}

.companyNav>ul>li:after{
    position:absolute;
    content:"";
    background-image:url('../img/nav_arrow.png');
    background-position:center;
    background-repeat:no-repeat;
    background-size:contain;
    width:22px;
    height:22px;
    margin:auto;
    right:10px;
    top:0;
    bottom:3px;
}

.companyNav>ul>li>a{
    text-decoration: none;
    display:block;
    text-align:left;
    padding:4px 10px;
}

@media(max-width:480px){
    section.csrContent{
        flex-wrap:wrap;
        /* margin:30px auto 80px; */
        width:100%;
        padding:0 14px;
    }
    .csrBox{
        width:100%;
        margin:20px auto;
    }
    .companyNav>ul{
        flex-wrap:wrap;
    }
    .companyNav>ul>li{
        width:100%;
    }
    .companyNav>ul>li>a{
        padding:10px;
    }
}

/* 20210630 added */

.companyIndex{
    width:96%;
    margin:0 auto;
    max-width:1050px;
    display:flex;
    justify-content: space-around;
    flex-wrap: wrap;
}

.companyIndexBox{
    width:49%;
    margin:0 auto 36px;
    padding:120px 36px;
    border:6px solid #E8E8E8;
    position:relative;
    height:320px;
}

#companyAbout.companyIndexBox{
    /* background:center / cover no-repeat url(../../company/img/bg_about.jpg); */
    background:center / cover no-repeat url(../img/webp/bg_about.webp);
}

#companyMessage.companyIndexBox{
    /* background:center / cover no-repeat url(../../company/img/bg_message.jpg); */
    background:center / cover no-repeat url(../img/webp/bg_message.webp);
}

#companyInfo.companyIndexBox{
    /* background:center / cover no-repeat url(../../company/img/bg_info.jpg); */
    background:center / cover no-repeat url(../img/webp/bg_info.webp);
}

#companyCsr.companyIndexBox{
    /* background:center / cover no-repeat url(../../company/img/bg_csr.jpg); */
    background:center / cover no-repeat url(../img/webp/bg_csr.webp);
}

#companyPrivacy.companyIndexBox{
    /* background:center / cover no-repeat url(../../company/img/bg_privacy.jpg); */
    background:center / cover no-repeat url(../img/webp/bg_privacy.webp);
    width:100%;
}

.companyIndexBox > h2{
    color:#fff;
    font-weight:600;
    font-size:24px;
    position:absolute;
    margin:auto;
    left:0;
    right:0;
    top:100px;
}

.companyButton{
    background:#fff;
    padding:6px 32px;
    text-align: center;
    position:relative;
    border-radius:100px;
    border:2px solid #E8E8E8;
    display:block;
    margin:32px auto;
    width:180px;
    text-decoration: none !important;
    height:44px;
    transition-duration:.3s;
    color:#343434;
}

.companyButton:after{
    position:absolute;
    content:"";
    width:8px;
    height:8px;
    border-top:2px solid #E8E8E8;
    border-right:2px solid #E8E8E8;
    right:14px;
    top:-2px;
    bottom:0;
    margin:auto;
    transform:rotate(45deg);
}

.companyIndexBox > .companyButton{
    position:absolute;
    margin:auto;
    left:0;
    right:0;
    bottom:100px;
}

.overlayBlue{
    width:100%;
    height:100%;
    position:absolute;
    display:block;
    top:0;
    bottom:0;
    left:0;
    right:0;
    margin:auto;
    background:linear-gradient(90deg, #28BBF8,#0E69E2);
    opacity:0;
    transition-duration:.3s;
    visibility: hidden;
}

.overlayBlue.active{
    opacity:.4;
    visibility: visible;
}

.companyButton.active{
    background:#0E69E2;
    border-color: #0E69E2;
    color:#fff;
}

#companyAbout.companyIndexBox > h2{
    top:100px;
    transition-duration:.3s;
}

#companyAbout.companyIndexBox > .companyButton{
    bottom:100px;
    transition-duration:.3s;
}

#companyAbout.companyIndexBox > h2.active2{
    top:40px;
}

#companyAbout.companyIndexBox > .companyButton.active2{
    bottom:40px;
}

#companyAboutList{
    visibility: hidden;
    opacity:0;
    height:0;
    transition-duration:.3s;
}

#companyAboutList.active2{
    visibility: visible;
    opacity:1;
    width:376px;
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    margin:auto;
    height:100px;
}

#companyAboutList > li{
    color:#fff;
    font-weight:600;
    text-align:left;
    position:relative;
    list-style: none;
}

#companyAboutList > li:before{
    position:absolute;
    content:"";
    top: 9px;
    left: -9px;
    background:center / cover no-repeat url(../img/list_arrow.png);
    margin:auto;
    width:6px;
    height:6px;
}

#companyAboutList > li > a{
    color:#fff;
    padding:4px;
}

.companyArticle{
    width:96%;
    margin:0 auto;
    max-width:1050px;
    text-align:left;
    line-height:1.8;
}

.companyArticle .headdingM.txtBlue.fontH{
    text-align:center;
}

.floatRight{
    float: right;
    margin:0 16px 16px;
}

.floatLeft{
    float: left;
    margin:0 16px 16px;
}

#companyAboutnav{
    width:96%;
    margin:32px auto;
    padding:16px 0;
    border-top:2px solid #e8e8e8;
}

#companyAboutnav > ul{
    display:flex;
    justify-content: space-around;
    margin:0;
    padding:0;
}

#companyAboutnav > ul > li{
    width:22%;
    border-bottom:2px solid #e8e8e8;
    position:relative;
    list-style: none;
}

#companyAboutnav > ul > li:after{
    position:absolute;
    content:"";
    top: 0px;
    bottom:0px;
    right: 0px;
    background:center / cover no-repeat url(../img/nav_arrow.png);
    /* transform: rotate(-90deg); */
    margin:auto;
    width:22px;
    height:22px;
}

#companyAboutnav > ul > li > a{
    padding:12px 26px 12px 4px;
    background:#fff;
    display:block;
    text-decoration: none;
    color:#343434;
}

#companyAboutnav > ul > li > a.caNow{
    background:#F6F6F6;
}

#companyOtherNav{
    display:flex;
    justify-content: space-around;
}

#companyOtherNav .companyIndexBox{
    width:31%;
    height:auto;
    padding: 70px 16px;
}

#companyOtherNav .companyIndexBox > p{
    position:relative;
    top:initial;
    top:auto;
    margin-bottom:16px;
    text-align:center;
    color:#fff;
    font-size:2rem;
}

#companyOtherNav .companyIndexBox > .companyButton{
    position:relative;
    bottom:initial;
    bottom:auto;
}

.companySign{
    text-align:right;
    margin-bottom:12px;
    font-size:18px;
}

@media(max-width:768px){
    .floatRight{
        max-width: 48%;
        margin:0 16px;
    }
    .floatLeft{
        max-width: 48%;
        margin:0 16px;
    }
    #companyOtherNav .companyIndexBox > .companyButton{
        width:100%;
    }
}

@media(max-width:480px){
    .companyArticle{
        width:100%;
        padding:0 14px;
    }
    .companyIndexBox{
        width:100%;
        margin: 0 auto 18px;
    }
    .floatRight{
        max-width:100%;
        float: none;
        margin:0 0 16px;
    }
    .floatLeft{
        max-width: 100%;
        float: none;
        margin:0 0 16px;
    }
    #companyOtherNav{
        flex-wrap: wrap;
    }
    #companyOtherNav .companyIndexBox{
        width:100%;
        
    }
    #companyOtherNav .companyIndexBox > .companyButton{
        width:180px;
    }
    #companyAboutnav > ul{
        flex-wrap: wrap;
    }
    #companyAboutnav > ul > li{
        width:48%;
    }
    .companySign{
        font-size:16px;
    }
}

/* partner */
.partnerContainer{
    display:flex;
    justify-content: flex-start;
    flex-wrap: wrap;
}

.partnerBox{
    width:48%;
    margin:0 1% 32px;
    background:#EDF3FF;
}

.partnerContent{
    padding:16px;
}

.partnerContent h3{
    text-align:center;
    margin-bottom:16px;
}

.partnerContent h3 a{
    font-weight:600;
    font-size:1.8rem;
}

.partnerContent table{
    font-size:1.4rem !important;
}

.partnerContent table td{
    text-align:left;
    background:#fff;
    padding:12px;
}

.partnerContent table td ul{
    margin:0;
    padding-left:12px;
}

.partnerContent table td ul li{
    list-style:none;
    position:relative;
    margin-bottom:4px;
}

.partnerContent table td ul li:before{
    position:absolute;
    content:"";
    background:center / contain no-repeat url(../../img/child_arrow.png);
    width:1.4rem;
    height:1.4rem;
    top:6px;
    left:-17px;
}

.partnerContent table th{
    width:30%;
    padding:12px;
}

@media(max-width:480px){
    .partnerBox{
        width:100%;
        margin:16px auto;
    }
    .partnerContent table th{
        width:100%;
        display:block;
    }
    .partnerContent table td{
        width:100%;
        display:block;
    }
    .partnerContent table{
        min-width:auto;
    }
}

.commonArticle.members{
    padding:4.8rem 0 6rem;
    max-width:none;
    width:100%;
}

.commonArticle.members .inner{
    max-width:105rem;
    padding:0;
}

.commonArticle.members .inner > p{
    margin-bottom:3.2rem;
}

.memberContainer{
    width:100%;
    display:flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
}

.memberBox{
    width:23.9%;
    margin:0 1.45% 4rem 0;
    position:relative;
    transition:all .3s ease;
    border-bottom-left-radius: 1.6rem;
}

.memberBox:nth-of-type(4n){
    margin:0 0 4rem 0;
}

.memberBox img{
    width:100%;
    height:auto;
}

.memberBox .name{
    /* background:#0E69E2; */
    background:linear-gradient(90deg,#28BBF8 0%,#0E69E2 50%,#0E69E2 100%);
    background-position: 100% 51%;
    background-size: 204% auto;
    border-bottom-left-radius: 1.6rem;
    padding:.2rem 4.5rem .2rem 0;
    transition:all .3s ease;
}

.memberBox .name p{
    color:#fff;
    font-size:2rem;
    text-align:right;
    position:relative;
    font-weight:700;
}

.memberBox .name p:before{
    position: absolute;
    content:"";
    background:center / contain no-repeat url(../img/members/arrow.svg);
    width:1.6rem;
    height:1.6rem;
    top:0;
    bottom:0;
    right:-2.6rem;
    margin:auto 0;
}


.memberBox a{
    position: absolute;
    width:100%;
    height:100%;
    top:0;
    left:0;
    display:block;
}

.memberBox:hover{
    box-shadow:0 .3rem 1rem rgba(63,63,63,.36);
}

.memberBox:hover .name{
    background-position: 1% 50%;
}

.companyInnerLinks{
    background:#EDF3FF;
}

.companyInnerLinks .inner{
    padding:6rem 0;
    width:100%;
    max-width:105rem;
    display:flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
}

.cilLeft{
    width:23.81%;
}

.cilLeft h2{
    font-size:1.8rem;
    font-weight: 500;
    color:#0E69E2;
    margin-bottom:1.2rem;
}

.cilLeft p{
    font-size:3.8rem;
    font-weight:700;
}

.cilRight{
    width:76.1%;
    padding-left:1.6rem;
    border-left:.2rem solid #D5E3FF;
    display:flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
}

.companyLinkBox{
    width:48.95%;
    margin-bottom:1.6rem;
    display:flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    background:#fff;
    position:relative;
    transition:all .3s ease;
}

.companyLinkBox >a{
    position: absolute;
    width:100%;
    height:100%;
    top:0;
    left:0;
    display:block;
}

.companyLinkBox:nth-of-type(3),.companyLinkBox:nth-of-type(4){
    margin-bottom:0;
}

.companyLinkBox:hover{
    box-shadow:0 .3rem 1rem rgba(63,63,63,.16);
}

.clbLeft{
    width:52.15%;
    height:auto;
}

.clbLeft > img{
    width:100%;
    height:100%;
    object-fit: cover;
    object-position: center;
}

.clbRight{
    width:47.72%;
    padding:.4rem 1.6rem;
}

.clbRight p{
    font-size:1.4rem;
    font-weight:500;
    color:#0E69E2;
}

.clbRight h3{
    font-size:1.5rem;
}

.profileContainer .inner{
    max-width:105rem;
    width:100%;
    padding:4.8rem 0 10rem;
    display:flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.pcLeft{
    width:40.76%;
}

.pcLeft > img{
    width:100%;
    height:auto;
}

.pcRight{
    width:55.24%;
    overflow-y: scroll;
    padding-right: 1.8rem;
    height:57.119rem;
}

.pcRight > h2.commonH2{
    margin-bottom:2rem;
}

.profileBox1{
    background:#EDF3FF;
    border-radius:1.6rem;
    padding:2.6rem 2.4rem 3.4rem;
    margin-bottom:7rem;
}

.profileName{
    font-size:3rem;
    font-weight:700;
    color:#0E69E2;
    margin-bottom:.8rem;
}

.profileName + p{
    margin-bottom:1.6rem;
}

.career{
    background:#fff;
    border-radius:1.6rem;
    padding:1rem 1.6rem;
}

/* .career p{
    display:flex;
    align-items: flex-start;
    margin-bottom:.8rem;
} */

.career table{
    border-collapse: collapse;
}

.career table tr{
    width:100%;
}

.career table th{
    width:11.4rem;
    margin-right:1.2rem;
    padding: .8rem 0;
    vertical-align: top;
}

.career table th span{
    background:#0E69E2;
    color:#fff;
    font-weight:600;
    border-radius:100rem;
    padding:.4rem 2rem;
    /* display:block; */
}

.career table td{
    width:calc(100% - 11.6rem);
    padding: .8rem 0;
}

.profileBox2{
    background:#fff;
    border-radius:1.6rem;
    border:.3rem solid #EDF3FF;
    padding:3.2rem 2.4rem;
}

.commonArticle.members.profile{
    max-width:none;
    width:100%;
    background:#EDF3FF;
    padding:4.2rem 0;
}

.commonArticle.members.profile .memberContainer{
    max-width:105rem;
    width:100%;
    margin:0 auto;
}

.commonArticle.members.profile .memberContainer .memberBox{
    margin: 0 1.45% 3.2rem 0;
}

.commonArticle.members.profile .memberContainer .memberBox:nth-of-type(4n){
    margin: 0 0 3.2rem 0;
}

.commonArticle.members.profile .commonButton{
    max-width:27rem;
}

.companyNav2{
    margin:4.8rem 0;
    border-top:.1rem solid #EEEEEE;
    border-bottom:.1rem solid #EEEEEE;
}
.companyNav2 > ul{
    margin:0;
    padding:0;
    list-style: none;
    display:flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}
main.common .companyNav2 > ul > li{
    width:50%;
}

main.common .companyNav2 > ul > li > a{
    color:#000000;
    display:block;
    text-decoration:none;
    padding:1.5rem 4.05rem;
    position:relative;
    transition:all .3s ease;
}

main.common .companyNav2 > ul > li > a:before{
    position:absolute;
    content:"";
    width:1.6rem;
    height:1.6rem;
    background:center / contain no-repeat url(../img/nav_arrow2.svg);
    left:2rem;
    top:0;
    bottom:0;
    margin:auto 0;
}

main.common .companyNav2 > ul > li > a:hover {
    color: #0E69E2;
    background: #edf3ff;
}

.companyArticle hr{
    margin:4rem auto;
    width:100%;
    background-color:#EEEEEE;
    height:.1rem;
    border:none;
}

.companyIndex2{
    width:100%;
    max-width:105rem;
    margin:4.8rem auto 10rem;
    display:flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.companyIndexBox2{
    width:32.38%;
    height:auto;
    margin-bottom:4.2rem;
    background:#EDF3FF;
    position:relative;
    transition:all .3s ease;
}

.companyIndexBox2:hover{
    box-shadow:0 .3rem 1rem rgba(63,63,63,.36);   
}

.companyIndexBox2:after{
    position:absolute;
    content:"";
    width:100%;
    height:.4rem;
    background:linear-gradient(90deg,#28BBF8 0%,#0E69E2 50%);
    left:0;
    bottom:0;
    margin:0;
}

.companyIndexBox2 a{
    display:block;
    position:absolute;
    width:100%;
    height:100%;
    top:0;
    left:0;
}

.companyIndexBox2 img{
    width:100%;
    height:auto;
}

.companyIndexBox2 p.dinFont{
    padding:1.26rem 1.5rem 0 1.5rem;
    color:#0E69E2;
    font-size:2rem;
    font-weight:700
}

.companyIndexBox2 p.dinFont + h2{
    font-size:2rem;
    font-weight:700;
    padding:0 1.5rem 1.4rem 1.5rem;
    position:relative;
}

.companyIndexBox2 p.dinFont + h2:after{
    position:absolute;
    content:"";
    width:2.3rem;
    height:2.3rem;
    background:center / contain no-repeat url(../img/nav_arrow3.svg);
    right:2rem;
    top:.4rem;
    margin:0;
}

@media(max-width:1100px){
    .companyInnerLinks .inner,.profileContainer .inner,.commonArticle.members.profile .memberContainer,.companyIndex2{
        width: 96%;
    }
    .pcRight{
        height:52.33vw;
    }
}

@media(max-width:1049px){
    
}

@media(max-width:1000px){
    .career table tr{
        display:block;
        /* margin-bottom:1.2rem; */
    }
    .career table tr:nth-of-type(2){
        margin-bottom:0;
        margin-top:1.2rem;
    }
    .career table th{
        width:100%;
        display:block;
        padding:0;
        margin-bottom:.6rem;
    }
    .career table td{
        width:100%;
        display:block;
        padding:0;
    }
    .career table th span{
        display:block;
        width:9rem;
        /* margin-bottom:.4rem; */
        padding:.2rem;
        text-align:center;
    }
}

@media(max-width:900px){
    .companyIndexBox2 p.dinFont + h2{
        font-size:1.6rem;
    }
    .companyIndexBox2 p.dinFont{
        font-size:1.6rem;
    }
    .companyIndexBox2 p.dinFont + h2:after{
        width:1.6rem;
        height:1.6rem;
        top:.5rem;
    }
}

@media(max-width:850px){
    .memberBox .name p{
        font-size:1.6rem;
    }
}

@media(max-width:768px){
    .clbRight h3{
        font-size:1.3rem;
    }
    .cilLeft{
        width:100%;
    }
    .cilRight{
        width:100%;
        padding:0;
        border:0;
    }
    .cilLeft p{
        margin-bottom:2.2rem;
    }
    .companyIndexBox2{
        width:49%;
    }
}

@media(max-width:650px){
    .memberBox .name{
        padding: .2rem 2.4rem .2rem 0;
    }
    .memberBox .name p:before{
        width:1.2rem;
        height:1.2rem;
        right: -1.8rem;
    }
}

@media(max-width:600px){
    .commonArticle.members{
        width:100%;
        padding:4.8rem 1.5rem 4.8rem;
    }
    .commonArticle.members .inner{
        width:100%;
    }
    .memberBox{
        width:48.5%;
        margin:0 .74% .8rem;
    }
    .memberBox:nth-of-type(4n){
        margin:0 .74% .8rem;
    }
    .memberBox .name{
        border-bottom-left-radius: 1rem;
    }
    .companyInnerLinks .inner{
        padding:3.2rem 1.5rem;
        width:100%;
    }
    .cilLeft h2{
        margin-bottom:0;
    }
    .companyLinkBox{
        align-items: flex-start;
    }
    .companyLinkBox br{
        display:none;
    }
    .clbLeft{
        width:100%;
    }
    .clbRight{
        width:100%;
        /* align-items: unset; */
        padding:1rem;
    }
    .clbRight h3{
        font-size:1.5rem;
    }
    .cilRight{
        align-items: unset;
    }
    .profileContainer .inner{
        flex-direction: column;
        padding:4.8rem 1.5rem 4.8rem;
    }
    .pcLeft{
        width:100%;
        margin-bottom:3.2rem;
    }
    .pcRight{
        width:100%;
        height:auto;
        padding:0;
    }
    .profileContainer .inner,.commonArticle.members.profile .memberContainer{
        width:100%;
    }
    .profileBox1{
        padding:1.6rem;
        border-radius:.8rem;
        margin-bottom: 3.2rem;
    }
    .career{
        padding:1.2rem;
        border-radius:.8rem;
    }
    
    .profileBox2{
        padding:1.6rem;
        border-radius:.8rem;
    }
    .commonArticle.members.profile{
        padding:4.2rem 1.5rem;
    }
    .commonArticle.members.profile .memberContainer .memberBox{
        width: 48.5%;
        margin: 0 .74% .8rem;
    }
    .commonArticle.members.profile .memberContainer .memberBox:nth-of-type(4n){
        margin: 0 .74% 3.2rem;
    }
    main.common .companyNav2 > ul > li{
        width:100%;
    }
    main.common .companyNav2 > ul > li > a{
        padding:1rem 0rem 1rem 2.5rem;
    }
    main.common .companyNav2 > ul > li > a:before{
        left:0;
    }
    .companyIndex2{
        width:100%;
        padding:0 1.5rem;
        margin:3.2rem auto;
    }
    .companyIndexBox2{
        width:100%;
        margin-bottom:1.6rem;
    }
    .companyIndexBox2 p.dinFont{
        font-size:2rem;
    }
    .companyIndexBox2 p.dinFont + h2{
        font-size:2rem;
    }
    .companyIndexBox2 p.dinFont + h2:after{
        width: 2.3rem;
        height:2.3rem;
        top: .4rem;
    }
}


#dlAboutNav {
		width: 100%;
		margin: 0 auto ;
		/* padding: 16px 0; */
		border-top: 2px solid #e8e8e8;
		border-bottom: 2px solid #e8e8e8;
	}
	#dlAboutNav > ul {
		display: flex;
		/* justify-content: space-around; */
		margin: 0;
		padding: 0;
	}
	#dlAboutNav > ul > li {
		width: 32%;
		/* border-bottom: 2px solid #e8e8e8; */
		position: relative;
		list-style: none;
		margin-right:1.6rem;
	}

	#dlAboutNav > ul > li > a {
		padding: 28px 26px 28px 16px;
		background: #fff;
		display: block;
		text-decoration: none;
		color: #343434;
		transition:all .3s ease;
	}
	#dlAboutNav > ul > li > a:hover{
		background:#EDF3FF;
	}
	#dlAboutNav > ul > li:after {
		position: absolute;
		content: "";
		top: 0px;
		bottom: 0px;
		right: 0px;
		background: center / cover no-repeat url(../img/nav_arrow.png);
		
		margin: auto;
		width: 22px;
		height: 22px;
	}
	@media(max-width:768px){
		#dlAboutNav > ul > li{
			display:flex;
			align-items: center;
		}
	}
	@media(max-width:480px){
		#dlAboutNav > ul{
			flex-wrap: wrap;
		}
		#dlAboutNav > ul > li{
			width:100%;
			display:block;
			margin-right:0;
		}
		#dlAboutNav > ul > li:nth-of-type(1){
			border-bottom: 2px solid #e8e8e8;
		}
		#dlAboutNav > ul > li > a{
			padding:12px;
		}
	}

    .commonArticle.members.sales{
        padding:4.8rem 0 6rem;
        background:#EDF3FF;
    }

    @media(max-width:600px){
        .commonArticle.members.sales{
            padding: 4.8rem 1.5rem 4.8rem;
        }
    }

    main.member p{
        line-height:1.6;
    }

    main.m-type1 .career table th{
      width:14rem;
    }
    main.m-type1 .career table td{
      width:calc(100% - 14rem);
    }
    @media(max-width:1000px){
      main.m-type1 .career table th{
        width:100%;
      }
      main.m-type1 .career table td{
        width:100%;
      }
      main.m-type1 .career table th span{
        width:11rem;
      }
    }

    main.m-type2 .profileBox1{
      padding:2.6rem 2.4rem;
    }
    main.m-type2 .profileName{
      margin-bottom:0;
    }

    @media(min-width:1001px){
      main.m-type3 .career table th span{
        display:inline-block;
        width:92%;
      }
    }
    @media(max-width:1000px){
        main.m-type3 .career table tr:nth-of-type(3) {
          margin-bottom: 0;
          margin-top: 1.2rem;
      }
    }

    .anker{
        margin-top:-10rem;
        padding-top:10rem;
    }

    .table-overflow{
        overflow-x: scroll;
    }

    .members.profile .commonButton{
        display:block;
        margin:0 auto;
    }

    .companyInnerLinks.member{
        background:#fff;
    }