@charset "UTF-8";

/*global reset
--------------------------------------------*/
body{font-size:14px;color:#505050;font-family:"ヒラギノ角ゴ ProN W3","HiraKakuProN-W3","メイリオ","Meiryo";-webkit-text-size-adjust:none;text-align:center;line-height:1.4em;}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote { margin:0; padding:0; }
fieldset,img { border:0; }
address,caption,cite,code,dfn,em,th,var { font-style:normal; font-weight:normal; }
ol,ul { list-style:none; }
table { border-collapse:collapse; font-size:inherit; }
h1,h2,h3,h4,h5 { font-size:100%; line-height:1; }


a { color:#505050; text-decoration:none; }
a:hover { color:#505050; text-decoration:none; }
a:active { color:#505050; }
a:visited { color:#505050; }

/*common
--------------------------------------------*/

body {
min-width:980px;
}

/*
a:hover,
a img:hover{
filter:alpha(opacity=70);
opacity:0.7;
}
*/

.clearfix:after {
display:block;
clear:both;
content:'.';
visibility:hidden;
height:0;
}

.bold{
font-weight:bold;
}

.mt30{
margin-top: 30px;
}

.hide-on-mobile {
  display: block;
}
.hide-on-desktop {
  display: none;
}

br.hide-on-desktop {
  display: none !important;
  line-height: 0;
}

/*headerArea
--------------------------------------------*/

.header-area {
width:980px;
margin:0 auto;
position:relative;
height:80px;
overflow:hidden;
}

.header-area h1.logo,
.header-area .logo {
width:300px;
float:left;
text-align:left;
}

.header-area img {
margin:18px 0px 14px 0px;
}

.global-nav {
width:520px;
z-index:22;
position:absolute;
top:38px;
right:0px;
}

.global-nav li{
float:left;
letter-spacing:2px;
font-size:1.21em;
position:relative;
}

.global-nav li a:hover{
color:#e6003e;
filter:alpha(opacity=100);
opacity:1;
}

.global-nav .nav01:first-child{
margin-left:0px;
}

.global-nav li.active:first-child:before{
content:url(../images/shared/arrow03.png);
position:absolute;
top:28px;
left:36px;
}

.global-nav li.active:before{
content:url(../images/shared/arrow03.png);
position:absolute;
top:28px;
left:98px;
}

.global-nav .nav02{
margin-left:65px;
}

.global-nav .nav03{
margin-left:65px;
}

/*main-area
--------------------------------------------*/
.main-area{
border-top:5px solid #E6003E;
}

.main-area a:hover,
.main-area a img:hover{
filter:alpha(opacity=70);
opacity:0.7;
}

#main-container {
margin:0;
padding:0;
width:100%;
/*min-width:1600px;*/
min-height:720px;
overflow:hidden;
position:relative;
}

.slider {
overflow:hidden;
min-width:1600px;
}

.main-img {
margin:0;
padding:0;
/*width:100%;*/
height:100%;
min-height:720px;
min-width:980px;

}
.main-img section {
position:relative;
margin:0 auto;
/*width:1600px;*/
}

.mainimg01 {
background-image:url(../images/top/main.png);
background-position:center top;
background-repeat:no-repeat;
background-size:cover;
}

.main-inline{
width:980px;
position:absolute;
top:0;
left:0;
right:0;
bottom:0;
z-index:7;
margin:0 auto;
}

.mainimg01 h2 {
position:absolute;
top:0;
left:0;
z-index:8;
width:310px;
}


.mainimg01 img {
margin-top:105px;
}

#newsrelease {
margin:auto;
z-index:9;
padding-bottom: 40px;
width:980px;
padding-top:450px;
/*
position:absolute;
height:285px;
left:0;
right:0;*/
}

#newsrelease p{
width:100%;
}

.newsrelease-title{
background:url(../images/top/news_t.png) no-repeat 20px 0px;
width:98px;
display:block;
text-indent:-9999px;
float:left;
}

#newsrelease p a{
background:url(../images/top/news.png) no-repeat 30px 0px;
width:139px;
display:block;
text-indent:-9999px;
float:left;
}

#newsrelease ul{
clear:both;
width:980px;
padding-top:12px;
}

#newsrelease li{
border-top:1px solid #e6e6e6;
/*padding:8px 0px 7px 20px;*/
text-align:left;
z-index:10;
/*padding-left:33px;*/
}

#newsrelease li a{
background:url(../images/shared/arrow01.png) no-repeat 2% 49%;
letter-spacing:6px;
z-index:11;
display:block;
padding:8px 0px 7px 52px;
/*cursor:pointer;*/
}

#newsrelease li .date-detail{
margin-left:38px;
}
.footer-area {
position: relative;
background-color:#e6e6fa;
margin:0 auto 0;
padding: 40px 0;
}

.footer-area footer {
margin: 0 auto;
width:980px;
position:relative;
}

.footer-area .footer-nav ul li a,
.footer-area .footer-nav01 a,
.footer-area .footer-nav01 a img{
display:inline-block;
line-height:1;
}

.footer-area a:hover,
.footer-area .footer-nav01 a:hover,
.footer-area img:hover{
filter:alpha(opacity=70);
opacity:0.7;
}

.copyright{
background-color: #fff;
text-align:center;
padding:15px 0px;
min-width:980px;
display:block;
clear:both;
}

.footer-area .footer-nav {
box-sizing: border-box;
border-left: 1px solid #505050;
padding:0 20px 0px;
width:25%;
float:left;
font-size:0.8rem;
height:180px;
text-align:left;
}

.footer-area .footer-nav-end{
box-sizing: border-box;
border-left: 1px solid #505050;
border-right:1px solid #505050;
padding:0 20px 0px;
width:25%;
float:left;
font-size:0.8rem;
height:180px;
text-align:left;
}

.footer-area .footer-nav-end .recruit{
margin-top:6px;
}

.footer-area .footer-nav01{
padding:10px 0px 0px 20px;
background:url(../images/shared/arrow02.png) no-repeat 0% 70%;
text-align:left;
}

.footer-area ul{
box-sizing: border-box;
padding:1px 10px 0px 30px;
width: 100%;
}

.footer-area li{
margin-top:10px;
}

.footer-area .footer-nav-list01 li{
float:left;
width:50%;
}

.footer-area .footer-nav-list02 li{
float:none;
text-align:left;
}

.footer-area .footer-nav_end img{
margin-top:8px;
display:block;
}

.footer-area .security{
margin-top: 30px;
text-align: left;
}

.footer-area .security a{
display: inline-block;
margin-right: 10px;
}

.footer-area .security a img{
text-align: center;
}

.footer-nav li.faq{
box-sizing: border-box;
margin-top:10px;
padding:10px 0px 10px 0;
border:1px solid #505050;
font-size:0.85rem;
display:block;
width:100%;
text-align: center;
}
.faq-sp {
  display: none;
}
.main-title{
font-size:2em;
font-weight:normal;
letter-spacing:10px;
color:#222;
text-align:left;
}

.main-title span{
font-size:0.55em;
font-weight:bold;
color:#E6003E;
margin-left:25px;
letter-spacing:5px;
}

.main-body{
margin-top:35px;
}

.main-content-inner{
width:980px;
margin:0 auto;
}

.page-top{
top:-26px;
left:50%;
position:absolute;
margin-left: 380px;
font-size: 0;
line-height: 1;
}

/* under-layer02　第二階層
--------------------------------------------*/
.under-layer02{
margin:0;
padding:0;
width:100%;
min-height:660px;
overflow:hidden;
position:relative;
}

.under-layer02 .main-img{
min-height:660px;
}

.under-layer02 .under-layer02-content{
top:100px;
left:560px;
position:absolute;
}

.under-layer02 .content-text{
text-align:left;
line-height:1.8em;
margin-top:40px;
}

.page-list{
text-align:left;
}

.page-list li{
margin-top:10px;
width:410px;
position:relative;
}

.page-list li:first-child{
margin-top:0;
}

.page-list li a{
background:#f0668b;
height:40px;
color:#fff;
display:block;
font-size:1.4em;
border-radius:4px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
-o-border-radius:4px;
-ms-border-radius:4px;
padding-left:40px;
line-height:2.2em;
letter-spacing:7px;
}

.page-list li a:hover{
background:#eb3365;
filter:alpha(opacity=100);
opacity:1;
}

.page-list li a:before{
content:url(../images/company/arrow01.png);
position:absolute;
left:20px;
top:-3px;
}

/*　　under-layer03　第三階層
--------------------------------------------*/
.under-layer03{
padding-top:80px;
padding-bottom:100px;
}
.under-layer03.external{
padding-bottom: 190px;
}

.under-layer03 a:hover
.under-layer03 a img:hover{
filter:alpha(opacity=70);
opacity:0.7;
}

.under-layer03 .main-body{
margin-top:80px;
}

.under-layer03 .main-body-inner{
padding:50px 50px 70px;
background:url(../images/shared/bg_white.png);
text-align:left;
}

.under-layer03 .section-title01{
border-left:5px solid #e6003e;
font-size:1.7em;
font-weight:normal;
line-height:1.45em;
padding-left:25px;
color:#000;
}

.under-layer03 .section-title02{
border-left:5px solid #e6003e;
font-size:1.2em;
padding-left:10px;
color:#000;
}

.under-layer03 .section-title03{
font-size:1.4em;
font-weight:bold;
color:#000;
}

.under-layer03 .section-title04{
font-size:1.3em;
font-weight:bold;
color:#000;
}

.bdbottom{
border-bottom:1px solid #e6e6e6;
min-width:980px;
}

.sub-nav{
background:#E6003E;
text-align:left;
}

.sub-nav .sub-nav-inner{
width:980px;
margin:0 auto;
}

.sub-nav ul{
position: relative;
/* background:url(../images/shared/bg_subnav.png) no-repeat left center;
background-size: 1px 36px; */
}
.sub-nav ul li{
position: relative;
float:left;
/* background:url(../images/shared/bg_subnav.png) no-repeat right center;
background-size: 1px 36px; */
}
.sub-nav ul li:before{
content:"";
position: absolute;
top:15px;
bottom:15px;
left:0;
background-color: #fff;
width: 1px;
}
.sub-nav ul li:last-child:after{
content:"";
position: absolute;
top:15px;
bottom:15px;
right:0;
background-color: #fff;
width: 1px;
}

.sub-nav ul li a{
color:#fff;
font-size:1.2rem;
padding:25px 28px;
letter-spacing:2px;
margin:0 1px;
display:block;
}

.sub-nav ul li a:hover{
background:#8e0026;
filter:alpha(opacity=100);
opacity:1;
}

.discription{
padding-bottom:40px;
}

.section-primary{
margin-top:50px;
}

.section-primary:first-child,
.section-primary.first-child{
margin-top:0;
}

.section-body{
margin-top:40px;
}

.section-text{
line-height:1.8em;
color:#221815;
}

.company-layer{
background:url(../images/company/bg_company02.png) no-repeat top center;
background-attachment:fixed;
}

.common-layer{
background:url(../images/common/bg_common02.png) no-repeat top center;
background-attachment:fixed;
}
.common-layer.bg-news{
background:url(../images/common/bg_common02_news.png) no-repeat top center;
background-attachment:fixed;
}
.common-layer.bg-external{
background:url(../images/common/bg_common02_news.png) no-repeat center 80px;
background-attachment:fixed;
}

.service-layer{
background:url(../images/service/bg_service02.png) no-repeat top center;
background-attachment:fixed;
}

.access-layer{
background:url(../images/access/bg_access02.png) no-repeat top center;
background-attachment:fixed;
}

/* company >index.html
--------------------------------------------*/
.company-img{
background:url(../images/company/bg_company01.png) no-repeat center top;
}


/* access >index.html
--------------------------------------------*/
.access-img{
background:url(../images/access/bg_access01.png) no-repeat center top;
}

/* service >index.html
--------------------------------------------*/
.service-img{
background:url(../images/service/bg_service01.png) no-repeat center top;
}

/* common>faq_serch.html
--------------------------------------------*/
.common-img{
background:url(../images/common/bg_common01.png) no-repeat center top;
}


/* company> philosophy
--------------------------------------------*/

.philosophy-body .section-text01{
width:608px;
float:left;
}

.philosophy-body .section-image01{
float:right;
margin-left:30px;
width:240px;
}

.philosophy-body .section-image02{
margin-top:35px;
}

/* company> grouwth.html
--------------------------------------------*/
.growth-body .image-body{
text-align:center;
margin-top:30px;
}

/* company> grouppower.html
--------------------------------------------*/
.grouppower-body .image-body{
text-align:center;
margin-top:50px;
}


/* access > office.html
--------------------------------------------*/

.access-body .img-body{
padding-left:75px;
text-align:left;
}

.access-body .btn-text{
text-align:center;
margin-top:30px;
}

.access-body .btn-text a{
display:inline-block;
color:#fff;
background:#505050;
padding:10px 30px;
margin-left:10px;
}

.access-body .btn-text a:hover{
background:#e6003e;
filter:alpha(opacity=100);
opacity:1;
}

.access-body .btn-text a:first-child{
margin-left:0;
}

.access-body .section-body{
margin-top:15px;
}

.access-body .section-primary{
margin-top:25px
}

.access-body .section-secondary{
margin-top:25px
}

.access-body .section-secondary.first-child{
margin-top:50px
}

/*add*/

/*company > activities.html
--------------------------------------------*/
.activities-body .section-secondary{
margin-top:40px;
}

.activities-body .section-secondary-body{
margin-top:20px;
}

.activities-body .dl-activities dt{
color:#e6003e;
width:205px;
padding:0.8em 0;
font-weight:bold;
font-size:1.1em;
}

.activities-body .dl-activities dd{
border-bottom:1px solid #ccc;
padding:0.8em 0 0.8em 205px;
margin-top:-2.85em;
font-size:1.1em;
color:#221815;
}

/*external_xxx.html
--------------------------------------------*/
.external-body {
position: relative;
border-left: 5px solid #e6003e;
border-right: 5px solid #e6003e;
}
.external-body:before,
.external-body:after {
display: block;
content:"";
position: absolute;
left: 2px;
top: 0;
bottom: 0;
background-color: #e6003e;
width: 2px;
}
.external-body:after {
left: inherit;
right: 2px;
}

/*news> index.html
--------------------------------------------*/
.news-body .news-contet{
border-top:2px solid #969696;

}
.news-body .newsinfo{
border-bottom:1px #ccc solid;
line-height:1.7em;
position: relative;
}
.news-body .newsinfo a{
display: block;
padding:20px 0 17px 195px;
}

.news-body .newsinfo .data{
top:20px;
left:15px;
padding-left:30px;
position: absolute;
background:url(../images/shared/arrow01.png) no-repeat 6% 40%;
}


/* common> privacypolicy.html
--------------------------------------------*/
.privacypolicy-body .section-ol{
margin-top:25px;
counter-reset:item;
list-style:none;
}

.privacypolicy-body .section-ol > li{
padding-left:70px;
line-height:1.8em;
position:relative;
margin-top:5px;
}

.privacypolicy-body .section-ol > li:first-child{
margin-top:0px;
}

.privacypolicy-body .section-ol>li:before{
content:"(" counters(item, "-") ")";
counter-increment:item;
font-weight:bold;
position:absolute;
left:20px;
top:0;
}

.privacypolicy-body .section-ul{
list-style:disc;
margin-left:20px;
line-height:1.8em;
}

.privacypolicy-body .section-text-body{
margin-top:30px;
}

.privacypolicy-body .section-body01,
.privacypolicy-body .section-body01 .section-text-body{
margin-top:20px;
}

.privacypolicy-body .alink-red {
background:url(../images/shared/arrow02.png) no-repeat left center;
padding-left:15px;
margin-top:20px;
}

.privacypolicy-body .alink-red a{
color:#E6003E;
text-decoration:underline;
font-weight:bold;
}

/*common> disclosurebill.html
--------------------------------------------*/
.disclosurebill-body .section-body{
margin-top:50px;
}

.disclosurebill-body .section-text-body{
margin-top:30px;
}
.disclosurebill-body .section-ol01 {
counter-reset:item;
list-style:none;
margin-top:40px;
}

.disclosurebill-body .section-ol01 > li{
padding-left:70px;
line-height:1.8em;
position:relative;
margin-top:5px;
}

.disclosurebill-body .section-ol01 > li:first-child{
margin-top:0px;
}

.disclosurebill-body .section-ol01 > li:before {
content:"(" counters(item, "-") ")";
counter-increment:item;
font-weight:bold;
position:absolute;
left:20px;
top:0;
}
.disclosurebill-body .section-ul{
list-style:disc;
margin-left:20px;
line-height:1.8em;
margin-top:25px;
}
.disclosurebill-body　.section-body01{
margin-top:20px;
}

.disclosurebill-body .item-box{
border:1px solid #787878;
padding:20px 25px;
background:#fff;
line-height:2em;
margin-top
}

.disclosurebill-body .disclosurebill_btn{
margin-top:30px;
}

.disclosurebill-body .alink-red {
background:url(../images/shared/arrow02.png) no-repeat left center;
padding-left:15px;
margin-top:20px;
}

.disclosurebill-body .alink-red a{
color:#E6003E;
text-decoration:underline;
font-weight:bold;
}



/* company> corporatehistory.html
--------------------------------------------*/
.corporatehistory-body dl{
border-top:2px solid #969696;
color:#000000;
}

.corporatehistory-body dt {
width:195px;
margin-left:30px;
margin-top:20px;
}

.corporatehistory-body dt{
border-left:4px solid #E6003E;
padding:0 0px 0 20px ;
margin-right:20px;
width:75px;
display:inline-block;
}

.corporatehistory-body dd{
border-bottom:1px #c8c8c8 solid;
padding:20px 0 20px 250px;
margin:-39px 0 0 0;
position:relative;
}

.corporatehistory-body dd span.month{
position:absolute;
top:20px;
left:129px;
border-left:1px solid #E6003E;
padding-left:25px;
}

.corporatehistory-body dd.bdnone{
border:none;
padding-bottom:0;
}

.corporatehistory-body dd.plural{
margin-top:15px;
padding-top:0;
}

.corporatehistory-body dd.plural .month{
top:0;
}

.corporatehistory-body dd .font09{
font-size:0.9em;
}

/* company> qualitypolicy.html
--------------------------------------------*/
.qualitypolicy-body .section-body> .section-text{
font-size:1.4em;
color:#505050;
}

.qualitypolicy-body .section-secondary{
margin-top:35px;
}

.qualitypolicy-body .section-secondary-body{
margin-top:35px;
}

.qualitypolicy-body .section-ol{
counter-reset:li;
list-style:none;
padding-left:50px;
}

.qualitypolicy-body .section-ol li{
margin-top:30px;
position:relative;
line-height:1.8em;
}
.qualitypolicy-body .section-ol li:first-child{
margin-top:0px;
}

.qualitypolicy-body .section-ol li:before {
font-weight:bold;
font-size:1.1em;
counter-increment:li;
content:counter(li) ". ";
position:absolute;
left:-35px;
}



/* company> corporateinfo.html
--------------------------------------------*/
.corporateinfo-body,
.corporateinfo-body a{
color:#000;
}
.corporateinfo-body .section-primary01{
padding-top:30px;
border-top:1px #787878 solid;
margin-top:30px;
}

.corporateinfo-body .section-primary01 .section-body{
margin-top:25px;
}

.corporateinfo-body .company dt{
border-left:4px solid #E6003E;
margin-top:20px;
font-weight:bold;
width:90px;
float:left;
padding-left:10px;
font-size:1.1em;
}

.corporateinfo-body .company dd{
float:left;
width:776px;
margin-top:20px;
line-height:1.6em;
}

.corporateinfo-body .company dt:first-child,
.corporateinfo-body .company dd.first-child{
margin-top:0px
}

.corporateinfo-body .company dd span{
width:130px;
display:inline-block;
}

.corporateinfo-body .approval{
margin-top:15px;
}

.corporateinfo-body .approval dt{
width:125px;
float:left;
position:relative;
}

.corporateinfo-body .approval dt:after{
content:":";
position:right;
position:absolute;
right:0;
top:0;
}

.corporateinfo-body .approval dd{
width:735px;
float:left;
padding-left:20px;
line-height:1.6em;
}

.corporateinfo-body .contact{
border:1px solid #969696;
padding:15px 20px 20px;
background:#fff;
margin-top:50px;
}

/* 20230301 start */
.corporateinfo-body .approval2{
margin-top:15px;
}

.corporateinfo-body .approval2 dt{
width:200px;
float:left;
position:relative;
}

.corporateinfo-body .approval2 dt:after{
content:":";
position:right;
position:absolute;
right:0;
top:0;
}

.corporateinfo-body .approval2 dd{
width:660px;
float:left;
padding-left:20px;
line-height:1.6em;
}

/* 20230301 end */
.corporateinfo-body .contact .contact-title{
padding-bottom:5px;
margin-bottom:15px;
border-bottom:1px solid #969696;
font-size:1.1em;
font-weight:normal;
}

.corporateinfo-body .contact .contact-text{
line-height:1.6em;
}

.corporateinfo-body .contact .contact-text span{
font-size:1.3em;
}

.corporateinfo-body .contact a:hover{
filter:alpha(opacity=70);
opacity:0.7;
}

/* service> securities.html
--------------------------------------------*/
.securities-body .section-ul-box{
background:#E6E6E6;
padding:20px 30px;
}

.securities-body .section-ul li{
border-left:4px #E6003E solid;
padding-left:10px;
float:left;
width:256px;
margin-top:10px;
font-size:1.1em;
}

.securities-body .section-ul li.upper-li{
margin-top:0;
}

.securities-body .img-box{
margin-top:20px;
}

.securities-body .section-text01{
margin-top:10px;
}

.securities-body .section-text02{
margin-top:35px;
}

/* service> financial.html
--------------------------------------------*/
.financial-body .section-ul-box{
background:#E6E6E6;
padding:20px 30px;
margin-top:10px;
}

.financial-body .section-ul li{
padding-left:20px;
float:left;
width:360px;
margin-top:10px;
font-size:1.1em;
position:relative;
}

.financial-body .section-ul li:before{
content:"■";
color:#E6003E;
height:10px;
width:10px;
position:absolute;
top:0;
left:0;
}

.financial-body .section-secondary{
margin-top:30px;
}

.financial-body .section-secondary-body{
margin-top:20px;
}

.financial-body .section-ul li.upper-li{
margin-top:0;
}

.financial-body .img-box{
margin-top:15px;
}

.financial-body .section-text01{
margin-top:10px;
}

.financial-body .structure_img01,
.financial-body .structure_img02{
float:left;
}

.financial-body .structure_img03{
float:right;
}

/* service> structure.html
--------------------------------------------*/
.structure-body .structure-text{
font-size:1.4em;
line-height:1.6em;
color:#221616;
}

.structure-body .img-box{
margin-top:25px;
}















/* recruit
=============================================*/

/*common
--------------------------------------------*/
html,body.recruit {
height:100%;
}

.recruit .wrap{
min-height:100%;
height:auto!important;
height:100%;
position:relative;
width:100%;
min-width:780px;
}

 .wrap.main-img02{
background:url(../images/recruit/bg_main02.png) repeat-x;
background-position:center bottom;
}

.recruit a{
color:#0000EE;
}

.recruit a.alink{
text-decoration:underline;
}



/*r-headerArea
--------------------------------------------*/
.r-header-area{
width:100%;
background:#fff;
}

.r-header-area-inner{
width:780px;
margin:0 auto;
position:relative;
height:79px;
overflow:hidden;
background-color:#fff;
}

.r-header-area h1.logo,
.r-header-area .logo {
width:370px;
float:left;
text-align:left;
}

.r-header-area h1.logo a:hover,
.r-header-area h1.logo a img:hover{
filter:alpha(opacity=100);
opacity:1;
}

.r-header-area img {
margin:13px 0px 15px;
}

.r-global-nav {
width:300px;
position:absolute;
top:0px;
right:0px;
}

.r-global-nav li{
float:left;
position:relative;
height:80px;
}

.r-global-nav li a{
color:#fff;
display:block;
padding:48px 0 12px;
width:100px;
}

.r-global-nav li:first-child a{
font-size:0.8em;
padding:44px 0 12px;
line-height:1.2em;
}

.r-global-nav li a:hover{
filter:alpha(opacity=70);
opacity:0.7;
}

.r-global-nav li .nav01{
background:url(../images/recruit/global_nav01.png) no-repeat;
}

.r-global-nav li .nav02{
background:url(../images/recruit/global_nav02.png) no-repeat;
}

.r-global-nav li .nav04{
background:url(../images/recruit/global_nav04.png) no-repeat;
}



/*r-footerArea
--------------------------------------------*/
.r-footer-area {
width:100%;
background:#fff;
height:30px;
position:absolute;
bottom:0;
overflow:hidden;
}

.r-footer-area a,
.r-footer-area p a{
display:inline-block;
line-height:1;
}

.r-footer-area a:hover{
filter:alpha(opacity=70);
opacity:0.7;
}

.r-footer-area-inner{
width:780px;
margin:0 auto;
position:relative;

}

.r-footer-area .r-copyright{
text-align:right;
display:block;
float:right;
width:400px;
padding:6px 10px 6px 0;
}

.r-footer-area .r-footer-nav{
float:left;
font-size:0.8em;
text-align:left;
width:320px;
margin-left:40px;
}
.r-footer-area .r-footer-nav li a{
color:#505050;
}

.r-footer-area .r-footer-nav01.last{
padding-right:0;
}

.r-footer-area .r-footer-nav01{
padding:6px 20px 6px 17px;
background:url(../images/shared/arrow02.png) no-repeat left 45%;
text-align:left;
float:left;
}

/*r-main-area
--------------------------------------------*/

.r-main-area{
border-top:1px solid #E6003E;
padding-bottom:30px;
}

.r-main-area a:hover,
.r-main-area a img:hover{
filter:alpha(opacity=70);
opacity:0.7;
}
.recruit-img01{
background:url(../images/recruit/bg_main01.png) no-repeat;
background-position:center bottom;
background-size:cover;
}

.recruit-img02{
background:url(../images/recruit/bg_main01.png) no-repeat;
background-position:center bottom;
background-attachment:fixed;
background-size:100%;
}

/*r-sub-nav
--------------------------------------------*/
.r-sub-nav{
width:200px;
float:left;
}

.r-sub-nav .content-nav ul{
border-bottom:1px solid #fff;
}

.r-sub-nav .content-nav li{
width:200px;
text-align:left;
}

.r-sub-nav .content-nav li:first-child{
border-top:none;
}

.r-sub-nav .content-nav li a{
display:block;
padding:11px 15px;
overflow:hidden;
font-weight:bold;
}

.r-sub-nav .work01 li{
border-top:1px solid #2f7db5;
}

.r-sub-nav .work01 li a{
background:#daecfa;
color:#2f7db5;
}


.r-sub-nav .person01 li{
border-top:1px solid #ff7c04;
}

.r-sub-nav .person01 li a{
background:#ffecdb;
color:#ff7c04;
}

.r-sub-nav .backup01 li{
border-top:1px solid #18c395;
}

.r-sub-nav .backup01 li a{
background:#edfff7;
color:#18c395;
}

.r-sub-nav .content-nav p{
height:60px;
width:200px;
overflow:hidden;
}

.r-sub-nav .content-nav p.slit{
margin-top:1px;
}

.r-sub-nav .other-nav{
margin-top:5px;
}

.r-sub-nav .other-nav li:first-child{
margin-top:0;
}

.r-sub-nav .other-nav li a{
font-size:1.2em;
padding:11px 0 11px 24px;
display:block;
color:#323232;
background:url(../images/recruit/sub_nav_other.png) no-repeat;
margin-top:2px;
text-align:left;
}


/*recruit > index.html
--------------------------------------------*/
.recruit-layer01{
margin:0 auto;
position:relative;
width:780px;
min-height:518px;
height:auto;
height:100%;
margin-top:65px;
text-align:left;
}

.recruit-layer01 .main-coment .main-coment-text{
margin-top:28px;
color:#787878;
font-size:1.2em;
line-height:1.8em;
}

.recruit-layer01 .content-list{
margin-top:50px;
}

.recruit-layer01 .content-list li{
float:left;
margin-left:45px;
}

.recruit-layer01 .content-list li:first-child{
margin-left:0;
}




/*recruit 第二階層
--------------------------------------------*/

.recruit-layer02{
margin:0 auto;
position:relative;
width:780px;
height:auto;
height:100%;
overflow:hidden;
}

.recruit-layer02 .r-main-inline{
margin-top:60px;
}

.recruit-layer02 .r-main-content{
width:560px;
float:right;
background:url(../images/recruit/bg_white.png);
margin-bottom:70px;
margin-left:20px;
}

.recruit-layer02 .r-content{
margin-top:30px;
}

.recruit-layer02 .r-main-title{
padding:9px 0 7px 30px;
text-align:left;
color:#fff;
font-size:1.8em;
font-weight:normal;
letter-spacing:4px;
}

.recruit-layer02 .r-section-text02 {
padding-bottom:40px;
}

.recruit-layer02 .r-main-title{
background:url(../images/recruit/h1_04.png) no-repeat;
}

.recruit-layer02 .r-main-title.work02{
background:url(../images/recruit/h1_01.png) no-repeat;
}

.recruit-layer02 .r-main-title.person02{
background:url(../images/recruit/h1_02.png) no-repeat;
}

.recruit-layer02 .r-main-title.backup02{
background:url(../images/recruit/h1_03.png) no-repeat;
}

.recruit-layer02 .r-main-body{
padding:40px 30px 30px;
text-align:left;
}

.recruit-layer02 .r-section-title{
border-bottom:1px solid #969696;
padding-bottom:8px;
}
.recruit-layer02 .r-section-title01{
font-size:1.1em;
font-weight:bold;
}

.recruit-layer02 .r-section-title span{
border-left:5px solid #e6003e;
padding-left:20px;
text-align:left;
font-size:1.2em;
line-height:0.8em;
}

.recruit-layer02 .r-section-text{
line-height:1.8em;
color:#323232;
}
.recruit-layer02 .r-section-text01{
line-height:1.8em;
margin-top:25px;
}

.r-page-top{
width:100%;
margin:0 auto;
height:0;
}
.r-page-top .r-page-top-inner{
width:780px;
margin:0 auto;
position:relative;
}

.r-page-top .r-page-top-inner a:hover{
filter:alpha(opacity=70);
opacity:0.7;
}

.r-page-top .r-page-top-inner img{
position:absolute;
bottom:30px;
right:5px;
}

/*recruit > career.html
--------------------------------------------*/
.career-img02{
margin-top:20px;
}

.phase-list{
margin-top:20px;
}

.phase-list li{
margin-top:15px;
height:30px;
}

.phase-list li a{
background:url(../images/recruit/arrow01.png) no-repeat right center;
display:block;
height:30px;
}

.phase-list li:first-child{
margin-top:0px;
}

.phase-title{
display:block;
width:405px;
margin-left:5px;
border-bottom:1px dotted #4d96c9;
padding:5px 0 4px;
color:#323232;
height:20px;
float:left;
font-weight:normal;
font-size:16px;
}

.sub-head{
display:block;
color:#fff;
padding:5px 10px;
width:70px;
height:20px;
float:left;
background:#4d96c9;
font-weight:normal;
font-size:14px;
line-height:20px;
}




/*recruit > career_phase01.html
--------------------------------------------*/
.career_phase .img-box{
margin-top:20px;
text-align:center;
}

.career_phase .img-box01{
float:left;
display:inline-block;
margin-right:15px;
margin-bottom:15px;
}

.career_phase .r-content-title{
margin-top:20px;
}

.career_phase .r-content-primary{
margin-top:10px;
}

.career_phase .r-section-text{
margin-top:25px;
}

.career_phase .r-section-text:first-child{
margin-top:0px;
}

.career_phase .r-section-text.notice{
border-top:1px #969696 solid;
padding-top:15px;
margin-top:15px;
}

.career_phase .red{
color:#e6003e;
}

.career_phase .pager{
margin-top:30px;
}

.career_phase .pager li{
float:left;
width:86px;
border:1px solid #e6003e;
text-align:center;
padding:3px 0;
margin-left:10px;
height:19px;
}

.career_phase .pager li:first-child{
margin-left:0;
}

.career_phase .pager li:hover,
.career_phase .pager li.active{
background:#ffdfdf;
}

.career_phase .pager li a:hover{
opacity:1;
filter:alpha(opacity=100);
}

.career_phase .pager li.second,
.career_phase .pager li.next{
margin-left:30px;
}

.career_phase .pager li a{
font-weight:bold;
color:#e6003e;
letter-spacing:0.5px;
}

.career_phase .pager .arrow{
width:25px;
}

.career_phase .pager .arrow a{
display:block;
width:25px;
height:19px;
background:url(../images/shared/arrow01.png) no-repeat center;
background-size:30%;
}

.career_phase .pager .pre a{
background:url(../images/shared/arrow01_1.png) no-repeat 8px 3px;
background-size:30%;
}

.career_phase .pager.arrownone01 .none,
.career_phase .pager.arrownone02 .none{
display: none;
}
.career_phase .pager.arrownone01 .second{
margin-left:57px;
}


/* recruit> employment .html
--------------------------------------------*/

.employment .tab {
border-bottom:1px solid #323232;
list-style:none;
margin:0 auto;
padding:0;
}

.employment .tab:after {
content:".";
display:block;
height:0px;
clear:both;
line-height:0;
visibility:hidden;
}

.employment .tab li {
float:left;
text-align:left;
}

.employment .tab li a {
display:block;
padding:7px 0 6px 10px;
text-decoration:none;
color:#222;
width:237px;
margin-left:6px;
background:#969696;
color:#fff;
font-size:1.2em;
}

.employment .tab li:first-child a{
margin-left:0;
}

.employment .tab li a:hover,
.employment .tab li.selected a{
background:#e6003e;
filter:alpha(opacity=100);
opacity:1;
}

.employment .c0{
text-align:center;
width:100px;
padding:10px;
background:#EBEBEB;
border-bottom:1px #fff solid;
}

.employment .c1{
padding:10px;
border-bottom:1px #EBEBEB solid;
}

.employment .notice{
margin-top:25px;
}



/* recruit> faq .html
--------------------------------------------*/
.r-faq .tabbox{
padding-top:30px;
}

.r-faq .tabbox:first-child{
padding-top:0px;
}

.r-faq .tab{
margin-top:30px;
}

.r-faq .tabbox-body{
margin-top:20px;
}

.r-faq .tab:after { content:"."; display:block; height:0px; clear:both; line-height:0; visibility:hidden; }
.r-faq .tab li {
float:left;
text-align:center;
}

.r-faq .tab li a {
display:inline-block;
margin-left:8px;
background:#fff;
color:#e6003e;
font-size:0.9em;
line-height:1em;
padding:6px 5px 4px;
border:1px solid #e6003e;
font-weight:bold;
letter-spacing:1px;
}

.r-faq .tab li:first-child a{
margin-left:0;
}

.r-faq .tab li.selected a,
.r-faq .tab li a:hover {
background:#FFDFE0;
filter:alpha(opacity=100);
opacity:1;
}

.r-faq .text-body{
border:1px solid #D2D2D2;
padding:0.6em 1.2em 0.4em;
margin-top:7px;
background:#fff;
}

.r-faq .text-body.first-child{
margin-top:0;
}

.r-faq .text-q{
color:#D4000E;
background:url(../images/recruit/faq_img01.jpg) left 0.4em no-repeat;
padding:0.5em 0.5em 0.6em 2.6em;
border-bottom:dotted 1px #EFEFEF;
font-weight:bold;
}

.r-faq .text-a{
background:url(../images/recruit/faq_img02.jpg) left 0.4em no-repeat;
padding:0.5em 0.5em 0.5em 2.6em;
margin:0.6em 0 0;
font-size:0.9em
}

.r-faq .notice{
margin-top:25px;
}

/* recruit> person .html
--------------------------------------------*/
.person .r-content-primary{
margin-top:20px;
padding:0 15px;
}

.person .r-content-primary:first-child{
margin-top:0px;
}

.person .name01{
color:#4D98B5;
}

.person .name02{
color:#D1848A;
}

/* recruit> person_01.html
--------------------------------------------*/
.recruit-layer02 .person-page .r-content{
margin-top: 0px;
}

.person-page .person-profile .img-body{
float:left;
width:130px;
height:150px;
}

.person-page .person-profile .profile-body{
float: left;
margin-left:20px;
width:350px;
height: 150px;
border-bottom:1px solid #969696;
}

.person-page .person-profile .vol-numder{
font-size: 1.1em;
}

.person-page .person-profile h2{
margin-top: 15px;
}

.person-page .person-profile .name{
margin-top: 20px;
font-size: 1.3em;
}

.person-page .person-profile .name .small{
font-size: 0.6em;
}

.person-page .person-profile .section-text{
margin-top:10px;
}

.person-page .r-content-primary{
margin-top:20px;
}

.person-page .r-content-primary .section-text{
margin-top: 20px;
}

.person-page .img-box01{
margin-left: 15px;
margin-bottom: 15px;
float:right;
}

.person-page .img-box02{
margin-right: 15px;
margin-bottom: 15px;
float:left;
}

/* recruit> backup.html
--------------------------------------------*/
.backup .r-content-primary{
margin-top:15px;
}

.backup .r-content-primary:first-child{
margin-top:0px;
}

.backup .r-content-primary .backup-img01{
margin-top:6px;
}

.backup .r-content-primary .backup-img01:hover,
.backup .r-content-primary .backup-img02:hover{
background:#fff;
}



/* recruit> backup01.html
--------------------------------------------*/
.backup-page .img-body{
margin-top: 20px;
text-align: center;
}

.backup-page .r-content-primary{
margin-top: 20px;
}

.backup-page .r-content-primary01{
margin-top:30px;
}

.backup-page .section-text{
position:relative;
padding-left:45px;
margin-top:3px;
}

.backup-page .section-text.first-child{
margin-top: 15px;
}

.backup-page .section-text01{
float: left;
width: 400px;
padding-left: 120px;
}

.backup-page .name{
position: absolute;
left:0;
top: 0;
font-weight: bold;
}

.backup-page .img-body{
margin-top: 15px;
}

.backup-page .img-box01{
margin-right:60px;
margin-bottom:15px;
float: left;
width: 100px;
margin-top: 15px;
}

.backup-page .img-left{
left:115px;
}

.backup-page .img-box02{
margin-left:15px;
margin-top:15px;
float: right;
}

.backup-page .clear{
clear: both;
}

.backup-page .color01{
color:#7B316E
}

.backup-page .color02{
color:#2F7865
}

.backup-page .color03{
color:#BE3E3B
}

.backup-page .color04{
color: #8C6001;
}

.backup-page .color05{
color:#1B2C96;
}

.qualifield .qualified{
margin-top:10px;
width: 500px
}

.qualifield .r-content-primary01{
margin-top:30px;
}

.qualifield .qualified td.c20{
border-bottom:1px solid #d0d0d0;
padding: 5px 0;
}

.qualifield .qualified td.c21{
border-bottom:1px solid #d0d0d0;
text-align: right;
}

.qualifield .txtsmall{
font-size:0.9em;
text-align: right;
padding-top:5px;
}

/*common > health.html
--------------------------------------------*/

.dl-health {
line-height:1.8em;
color:#221815;
}

.dl-health dt{
float:left;
line-height:1.6em;
}

.dl-health dd{
margin-left:60px;
line-height:1.6em
}

.health-declaration{
margin-top:30px;
padding:16px;
border:2px gray solid;
border-radius:15px;
}

.health-link {
padding:16px;
text-decoration:underline 
}