@import url('https://fonts.googleapis.com/css?family=Roboto:400,700');
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
	font-weight:normal;
}

* {
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}


article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display:block;
}

ul {
	list-style:none;
}

blockquote, q {
	quotes:none;
}

blockquote:before, blockquote:after, q:before, q:after {
	content:'';
	content:none;
}
a {
	margin:0;
	padding:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
	text-decoration:none;
}

a:hover {
	opacity:0.6;
}


ins {
	background-color:#ff9;
	color:#000;
	text-decoration:none;
}

mark {
	background-color:#ff9;
	color:#000;
	font-style:italic;
	font-weight:bold;
}

del {
	text-decoration:line-through;
}

abbr[title], dfn[title] {
	border-bottom:1px dotted;
	cursor:help;
}

table {
	border-collapse:collapse;
	border-spacing:0;
}

/* change border colour to suit your needs 
*/
hr {
	display:block;
	height:1px;
	border:0;
	border-top:1px solid #9f9fa0;
	margin:0;
	padding:0;
}

input, select {
	vertical-align:middle;
}

h1, h2, h3, h4, h5, h6 {
	font-weight:normal;
}

@media screen and (max-width: 600px) {
	* {
		max-width:100%;
		min-width:inherit !important;
	}
}

.sp {
	display:none;
}
@media screen and (max-width: 600px) {
	.sp {
		display:block;
	}
}

@media screen and (max-width: 600px) {
	.pc {
		display:none;
	}
}

.hide {
	display:none;
}

/* 
end of reset
*/
/* 
start of MIXIN STYLES
*/
/* 
start of COMMON STYLE
*/
.wrap {
	width:100%;
	zoom:1;
}
.wrap:before, .wrap:after {
	content:'';
	display:table;
}
.wrap:after {
	clear:both;
}


/* ------------
title
------------- */
.m-title-lv1 {
	font-size:4.2rem;
	color:#fff;
	letter-spacing:0.03em;
	text-shadow:0 0 10px rgba(0, 0, 0, 0.5);
}
.m-title-lv1 .ja {
	display:block;
	padding-top:13px;
	font-size:2.4rem;
}
.m-title-lv1 .en {
	font-family:'Roboto', sans-serif;
}
@media screen and (max-width: 600px) {
	.m-title-lv1 .en {
		display:none;
	}
}

.m-title-lv2 {
	background:rgba(255, 255, 255, 0.9);
	margin-top:-50px;
	margin-left:200px;
	position:relative;
	z-index:999;
	color:#00408e;
	font-weight:bold;
}
@media screen and (max-width: 600px) {
	.m-title-lv2 {
		margin-left:0;
		padding-left:30px;
		padding-right:30px;
		text-align:center;
	}
}
.m-title-lv2 .inner {
	width:900px;
	margin:0 auto;
	position:relative;
}
.m-title-lv2 .inner span {
	display:block;
	height:50px;
	border-bottom:2px solid #00408e;
	line-height:53px;
	font-size:2.2rem;
}
.m-title-lv2 .inner .breadCrumb {
	position:absolute;
	right:50px;
	top:20px;
}
@media screen and (max-width: 600px) {
	.m-title-lv2 .inner .breadCrumb {
		position:relative;
		right:inherit;
		top:0;
		left:0;
	}
	.m-title-lv2 .inner .breadCrumb ul li a {
		padding:10px 0;
	}
}
.m-title-lv2 .inner .breadCrumb ul li {
	display:inline-block;
}
.m-title-lv2 .inner .breadCrumb ul li.arrow {
	font-size:1.0rem;
	color:#595757;
	position:relative;
	top:-1px;
	margin:0 1px;
}
.m-title-lv2 .inner .breadCrumb ul li.current {
	font-size:1.0rem;
	color:#595757;
}
.m-title-lv2 .inner .breadCrumb ul li a {
	display:block;
	font-size:1.0rem;
	color:#595757;
}

.mainTtl {
	width:100%;
	height:160px;
	font-size:3.0em;
	border-top:3px solid #00408e;
	background:url('../images/common/bg_pagemain.jpg') left top no-repeat;
	background-size:cover;
	position:relative;
	padding-top:36px;
	padding-left:200px;
}
@media screen and (max-width: 600px) {
	.mainTtl {
		padding-left:0;
		font-size:2.4rem;
		padding-top:40px;
		text-align:center;
	}
}
.mainTtl .inner {
	width:900px;
	margin:0 auto;
}

/* ------------
サイドバー
------------- */
.sideArea {
	position:fixed;
	left:0;
	top:0;
	z-index:9999999999;
	width:200px;
	height:100%;
	background:#fff;
	-webkit-box-shadow:0 -10px 10px rgba(0, 0, 0, 0.3);
	box-shadow:0 -10px 10px rgba(0, 0, 0, 0.3);
}
@media screen and (max-width: 600px) {
	.sideArea {
		display:none;
	}
}
.sideArea .logo {
	padding-bottom:20px;
	background:url('../images/common/shadow_logo.png') right bottom no-repeat;
}
.sideArea .logo a {
	display:block;
	padding:15px 0;
	text-align:center;
}
.sideArea .sideNav .gnav {
	margin-bottom:27px;
}
.sideArea .sideNav .gnav li a {
	display:block;
	padding:13px 15px 13px 30px;
	font-size:1.4rem;
	line-height:1;
	color:#727171;
	background:url('../images/common/ico_arrow_blue.svg') 15px center no-repeat;
	background-size:4px auto;
}
.sideArea .langChange {
	padding:0 15px;
	margin-bottom:30px;
}
.sideArea .langChange a {
	display:block;
	background:#a1a2a2;
	text-align:center;
	line-height:1;
	font-size:1.1rem;
	color:#fff;
	padding:6px 0;
}

.mailMagazine {
	text-align:center;
}
.mailMagazine .image {
	margin-bottom:3px;
}
.mailMagazine h2 {
	font-size:1.3rem;
	line-height:1.3;
	margin-bottom:3px;
	color:#595757;
	font-weight:bold;
}
.mailMagazine .btn-regist {
	width:90px;
	margin:0 auto;
}
.mailMagazine .btn-regist a {
	display:block;
	padding:6px 0;
	font-size:1.3rem;
	line-height:1;
	background:#a1a2a2;
	color:#fff;
}

/* ------------
メインエリア
------------- */
.mainArea {
	padding-left:200px;
	min-width:1100px;
}
@media screen and (max-width: 600px) {
	.mainArea {
		padding-left:0;
		padding-bottom:70px;
	}
}
.mainArea .inner {
	margin:0 auto;
	width:900px;
}

.mainArea .inner_wide {
	margin:0 auto;
	width:900px;
}


.subNav {
	min-width:900px;
	padding-top:40px;
	padding-bottom:60px;
}
@media screen and (max-width: 600px) {
	.subNav {
		padding-bottom:10px;
	}
}
.subNav ul {
	zoom:1;
}
.subNav ul:before, .subNav ul:after {
	content:'';
	display:table;
}
.subNav ul:after {
	clear:both;
}
.subNav ul li {
	width:201px;
	float:left;
	margin-right:32px;
	margin-bottom:20px;
}
.subNav ul li:nth-child(4n) {
	margin-right:0;
}
.subNav ul li a {
	color:#888889;
	display:block;
	text-align:center;
	height:60px;
	line-height:60px;
	font-size:1.3rem;
	border:1px solid #888889;
}
.subNav ul li a:hover {
	background:#888889;
	color:#fff;
}
@media screen and (max-width: 600px) {
	.subNav ul {
		padding:0 2.5%;
	}
	.subNav ul li {
		width:100%;
	}
}



/*----------------------- ここから-----------------------*/
/*------- font -------*/
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+JP:100,300,400,500,700,900');


html {
	font-size:62.5%;
}

body {
	line-height:1.7;
    font-family: 'Noto Sans JP', sans-serif;
	font-size:1.4rem;
    color: #282828;
}


img{
    max-width: 100%;
    width: auto;
}
.imgcenter{
    display:block;
    margin: 0 auto;
}
.mt10{
    margin-top: 10px;
}

.mt20{
    margin-top: 20px;
}

.mt30{
    margin-top: 30px;
}
.mt40{
    margin-top: 40px;
}
.mb30 {
	margin-bottom: 30px;
}

a {
	transition: .3s;
}

a:hover {
	opacity:0.6;
} 

figure,li,img{
	transition: .3s;
}
a:hover > figure, a:hover > ul > li, a:hover > img{
    opacity: .6;

}

    
/*----------------------- container -----------------------*/
.main{
	position:relative; 
    z-index: 0;
    margin-top: 120px;

}
.main_top{
	position:relative; 
    margin-top: 120px;
}


.main_page{        /*リニューアル対象外ページ用*/
    margin-top: 200px;
}

@media all and (-ms-high-contrast: none) {   /*IE対応*/
.main{
	position:relative; 
    top:120px;
    padding-bottom: 120px;

}
    footer{margin-top: 120px;}
    
.main_page{        /*リニューアル対象外ページ用*/
    position: relative;
    top:200px;
}
}



.container{
	width:100%;
    max-width: 1040px;
	margin:0 auto;
    padding-left: 20px;
    padding-right: 20px;
	position:relative; 
}
.row{
    -js-display: flex;
    display: flex;
    flex-flow: wrap;
}
.column{
    -js-display: flex;
    display: flex;
    flex-flow: column;  
}
.jf_between{
    justify-content: space-between;
}
@media screen and (max-width: 815px) {
.main{
}
    .main.main_top{
        top:-24px;
        z-index: 0;
    }
.main_page{        /*リニューアル対象外ページ用*/
    margin-top: 120px;
}    
    
    
.main{ 
    margin-top: 80px;
}
.main_top{
    margin-top: 80px;
}    
}

@media all and (max-width: 815px) and (-ms-high-contrast: none) {   /*IE対応*/
.main{
	position:relative; 
    top:80px;
    padding-bottom: 80px;

}
    .copyright{margin-top: 80px;}
    
.main_page{        /*リニューアル対象外ページ用*/
    position: relative;
    top:120px;
}
    
    
}







/*----------------------- header_top -----------------------*/
header{
    height: 120px;
    background:  rgba(14,45,138,1);
    z-index: 9999;
    width: 100%;
    position: fixed;
  top: 0;
}
header {
  -webkit-transition: all 0.3s;
     -moz-transition: all 0.3s;
      -ms-transition: all 0.3s;
       -o-transition: all 0.3s;
          transition: all 0.3s;
}


.luxbar-fixed{
    box-shadow: none;
}

.luxbar-item{
    height: auto;
}

.luxbar-checkbox:checked ~ .luxbar-menu {
    overflow: none;
}
@media screen and (max-width: 815px) {
    header{
            background:  rgba(0,28,88,1);
    }
        header.transform{
            background: rgba(0,28,88,1);
    }
    
.luxbar-checkbox:checked ~ .luxbar-menu {
    overflow: auto;
    position: relative;
    z-index: 9999;
}   
}
a.brand_logo{
    -js-display: inline-flex;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    height: 120px;
    width: 120px;
    background: #FFFFFF;
    position: absolute;
    top: 0;
    left: 0;
}
a.brand_logo img{
    width: 72px;
}

a.brand_logo:hover{
    opacity: 1;
}

.luxbar-menu-material-indigo, .luxbar-menu-material-indigo .dropdown ul {
    color: #fff;
}
.luxbar-menu-material-indigo .active,.luxbar-menu-material-indigo .luxbar-item:hover{
    background-color:rgba(14,45,138,.0);
}
@media screen and (max-width: 1020px) {
.header_container ul.ul_nav{
    margin-top: 15px;
}
}

@media screen and (max-width: 815px) {
  header{
    height: 86px;
    
}  
a.brand_logo{
    height: 86px;
    width: 86px;
    background: #FFFFFF;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;

}
a.brand_logo img{
position: absolute;
width: 68%;
 top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}
.luxbar-hamburger {
    padding: 16px 24px 16px 24px;
    position: absolute;
    cursor: pointer;
    right: 0;
    top:0;
    background:#091f58;
    height: 86px;
    -js-display: inline-flex;
    display: inline-flex;
    justify-content: center;
    align-items: center;
} 
   
.luxbar-header {
    height: 86px;
}
    .luxbar-checkbox:not(:checked) ~ .luxbar-menu {
    overflow: hidden;
    height: 86px;
    background:rgba(14,45,138,0);
}
.luxbar-menu-material-indigo{
    background:rgba(0,28,88,1);;
}  
.luxbar-item::before,.luxbar-item.last::after{
    content:none;
}
.header_container ul.ul_nav{
    margin-top: 0;
    margin-left: 0;
    text-align: center;
}
.luxbar-menu-material-indigo .active,.luxbar-menu-material-indigo .luxbar-item a{
    width: 100%;
    color: #FFFFFF;
    opacity: 1;
}
.luxbar-item a {
    font-weight: 500;
    font-size: 1.45rem;
    letter-spacing: 0.05em;
}
    .luxbar-hamburger:hover{
    background:rgba(0,28,88,1)!important; 
    } 
.header_container ul.ul_nav{
    width: 100%;
}
}




/*----------- utility -----------*/
.utility{
    width:184px;
    margin-right: 25px;
    margin-top: 22px;
}
.utility ul{
    font-size: 1.2rem;
    margin-bottom: 10px;
}
.utility input{
    width:184px;
    margin: 0 auto;
}
@media screen and (max-width: 1020px) {
.utility{
    margin-right: 0;
    margin-top: -20px;
    margin-left: 160px;
}
}
@media screen and (max-width: 815px) {
.utility{
    width: 100%;
    max-width: 90%;
    margin: 0 auto;
    margin-top: 20px;
}
.utility input {
    width: 100%;
    margin: 0 auto;
} 
.utility ul {
    max-width: 184px;
} 
}






/*----------------------- header_下層 -----------------------*/
header.header_page{
    background: #000;
}


header.header_page:before {
content: "";
position: absolute;
top: 0;
left: 0;
display: block;
width: 100%;
height: 100%;
background-color: rgba(14,45,138,0.3);
z-index: 0;
}
header.header_page .contents{
    position: relative;
    z-index: 2;
}
header.header_recruit:before,header.header_ir:before {
background-color: rgba(14,45,138,0.5);
}
header.header_group:before,header.header_service:before {
background-color: rgba(14,45,138,0.8);
}

header.header_sitemap,
header.header_seculitypolicy,
header.header_privacypolicy{
    background: url("../images/common/header/header_bg_03.jpg") no-repeat center;
    background-size: cover;
}

header.header_recruit{
    background: url("../images/common/header/header_bg_04.jpg") no-repeat center left 86px;
    background-size: cover;
}
header.header_group{
    background: url("../images/common/header/header_bg_01.jpg") no-repeat no-repeat center;
    background-size: cover;
}
header.header_service{
    background: url("../images/common/header/header_bg_02.jpg") no-repeat center;
    background-size: cover;
}
header.header_ir{
    background: url("../images/common/header/header_bg_05.jpg") no-repeat center;
    background-size: cover;
}
header.header_contact{
    background: #002e73;
    background-size: cover;
}
    
header .ul_nav_top{
    margin-left: 160px;
    padding-top: 30px;
}


.luxbar-item {text-align: center;}
.luxbar-item .inner {display: none;}
.luxbar-item p{
    cursor:pointer;
    display: inline-block;
    padding: 18px 24px 18px 23px;
}

.luxbar-item p::before{
    content:'|';
    color:#FFFFFF;
    position: relative;
    left: -25px;
}
.luxbar-item a{
    padding: 18px 24px 18px 23px;
}


.luxbar-item a.link_p::before{
    content:'|';
    color:#FFFFFF;
    position: relative;
    left: -25px;
}

.luxbar-item.last a.link_p::after{
    content:'|';
    color:#FFFFFF;
    position: relative;
    right: -24px;
}
.luxbar-item a.link_p:hover{
    background: rgba(0,28,88,.9);
    opacity: 1;
}



.luxbar-item .mo:hover{
     background: rgba(0,28,88,.9);
}

.luxbar-item .inner li.sublist{
    float: left;
}
.luxbar-item .inner li.sublist_s{
    width:55%;
    padding-left: 5%;
}
.luxbar-item .inner li.sublist_l{
    width: 45%;
}

.luxbar-item .inner li.sublist a{
    -js-display: flex;
    display: flex;
    align-items: center;
    font-size: 1.25rem;
    text-align: left;
    height: 40px;

}

.luxbar-item .inner{
    width: 100%;
    max-width: 480px;
    position: absolute;
    background: rgba(0,28,88,.9);
    padding-top:20px;
    padding-bottom: 20px;
    z-index: 2;
    
}

.luxbar-item .inner li.sublist_s{
    width: 43%;
}
.luxbar-item .inner li.sublist_l{
    width: 57%;
}



.luxbar-item .inner_service{
    width: 100%;
    max-width: 180px;
    position: absolute;
    background: rgba(0,28,88,.9);
    z-index: 2;
}
.luxbar-item .inner_service li.sublist{
    float: none;    
    width: 100%;
    
}

.luxbar-item .inner_ir{
    width: 100%;
    max-width: 642px;
    position: absolute;
    background: rgba(0,28,88,.9);
    
}
.luxbar-item .inner_ir li.sublist{
    float: left;    
}
.luxbar-item .inner_ir li.sublist_s{
    width: 22%;
    padding-left: 0%;
}
.luxbar-item .inner_ir li.sublist_l{
    width: 31%;
    padding-left: 0%;
}
.luxbar-item .inner_ir li.sublist_l a{
    padding-right: 0;

}
.luxbar-item .inner_ir li.sublist_m{
    width: 43%;
    padding-left: 5%;
}
.luxbar-item .inner_ir li.sublist_m a{
    padding-left: 0;
    padding-right: 0;
}

.luxbar-item .inner li.sublist a{
    color: #ffffff;
}

.header_page  h1{
    position: absolute;
    color: #FFFFFF;
    font-size: 2.3rem;
    left: 190px;
    top: 65px;
    z-index: 0;
}
.header_page .header_container ul.ul_nav{
    margin-left: 140px;
    z-index: 2;
}

.header_page .luxbar-menu-material-indigo,.header_page .luxbar-menu-material-indigo .dropdown ul {
    background-color: rgba(14,45,138,0);
}    
.header_page .luxbar-menu-material-indigo .active,.header_page .luxbar-menu-material-indigo .luxbar-item:hover{
    background-color:rgba(14,45,138,.0);
}
@media screen and (max-width: 1020px) {
.header_container ul.ul_nav{
    margin-top: 15px;
}
}

@media screen and (max-width: 815px) {

    .luxbar-checkbox:checked ~ .luxbar-menu li .luxbar-hamburger span::before{
    transform: rotate(-225deg)!important; 
    }
.luxbar-checkbox:checked ~ .luxbar-menu li .luxbar-hamburger span::after {
    transform: rotate(225deg)!important;
}
.header_page h1 {
    position: absolute;
    left: 100px;
    top: 30px;
    font-size: 1.95rem;
}

.header_page  a.brand_logo{
    height: 86px;
    width: 86px;
    background: #FFFFFF;
    position: absolute;
    left: 0;
    margin: 0;
    z-index: 9999;

}
a.brand_logo img{
    position: absolute;
 top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}

.luxbar-hamburger {
padding: 16px 12px 16px 12px;
    position: absolute;
    cursor: pointer;
    right: 0;
    top:0;
    background:rgba(0,28,88,1);
    height: 86px;
    -js-display: inline-flex;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    z-index: 9999;
    width: 50px;
} 
    

.luxbar-header {
    height: 40px;
}
    

.header_page  .luxbar-header {
    height: 86px;
}  
    
.header_page .luxbar-checkbox:not(:checked) ~ .luxbar-menu {
    overflow: hidden;
    height: 86px;
}
.header_page .luxbar-menu-material-indigo{
    background:rgba(0,28,88,1);
}  
    
    
header.header_contact .luxbar-checkbox:not(:checked) ~ .luxbar-menu {
    overflow: hidden;
    height: 86px;
    background:rgba(0,28,88,1);
}    
    
.header_page .luxbar-item::before,.luxbar-item.last::after{
    content:none;
}
.header_page .header_container ul.ul_nav{
    margin-top: 0;
    margin-left: 0;
    text-align: center;
}
.luxbar-menu-material-indigo .active,.luxbar-menu-material-indigo .luxbar-item a{
    width: 100%;
    color: #FFFFFF;
    opacity: 1;
}

.header_container ul.ul_nav{
    width: 100%;
}
    
    

header.header_recruit{
    background: url("../images/common/header/header_bg_04.jpg") no-repeat center left 30px;
    background-size:auto 86px;
}

header.header_service{
    background: url("../images/common/header/header_bg_02.jpg") no-repeat center;
    background-size: cover;
}
header.header_ir{
    background: url("../images/common/header/header_bg_05.jpg") no-repeat center;
    background-size: cover;
}    
    
}
@media screen and (max-width: 480px) {
.header_page h1.long {
    letter-spacing: -1.2px;
    font-size: 1.76rem;
    top:35px;
} 
} 
/*----------------------- header_下層 -----------------------*/



/*----------- utility -----------*/

.header_page .utility{
     height: 100px;
    margin-top: 20px;;
}
@media screen and (max-width: 1020px) {
.header_page .utility{
    margin-right: 0;
    margin-top: 0px;
    margin-left: 0px;
    position: absolute;
    right: 20px;
    top: 50px;
}
}
@media screen and (max-width: 815px) {

.header_page .utility{
    position: relative;
    right: 0px;
    top: 20px;
}
.header_page .utility {
    width: 100%;
    max-width: 90%;
    margin: 0 auto!important;
}

.header_page .luxbar-checkbox:checked+.luxbar-menu .luxbar-hamburger-doublespin span::before {
    transform: rotate(225deg);
} 
}

/*----------- breadcrumb -----------*/
.breadcrumb{
    margin-left: -80px;
    margin-bottom: 15px!important;
}
.breadcrumb li a{
    color: #FFFFFF;
}
.breadcrumb li{
    padding-right: 10px;
}
.breadcrumb li::before{
    content: '>';
    color:#FFFFFF;
    padding:0;
    position: relative;
    left: -2px;
}
.breadcrumb li:first-child::before{content: none;}

@media screen and (max-width: 815px) {
.breadcrumb{
    display: none;
    }
}
/*----------------------- footer -----------------------*/
#footer {
	width:100%;
    background: #eeeeee;
}

#footer .container{max-width: 1200px;}
#footer nav{
	padding-top: 50px;
    padding-bottom: 60px;
}
#footer .ft_box{
	width: 18%
}
#footer .ft_box p.nav_title{
	padding-bottom: 40px;
}
#footer .ft_box ul{
	margin-left: 15px;
}
#footer .ft_box ul li{
	padding-bottom: 10px;
    letter-spacing: -0.5px;
    font-size: 1.38rem;
}
#footer .ft_box ul li.li_long{
    letter-spacing: -1px;
}
#footer .ft_box_group{
	width: 25%;
}
#footer .ft_box_service{
	width: 10%;
}
#footer .ft_box_ir{
	width: 45%;
}

#footer .ft_box_ir .row{
	margin-left: 15px;
}
#footer .ft_box_ir ul{
	width: 58%;
    margin-left:0;
}
#footer .ft_box_ir ul.ul_2{
	width: 40%;
    margin-left:2%;
}
#footer .ft_box_other{
    margin-left:10px;
}



#footer .ft_box a {
	color:#606060;
}
a.footer_nms{
    display: block;
    margin-left: 15px;
}
#page-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    font-size: 77%;
}
#page-top a {

}
#page-top a:hover {
    text-decoration: none;
    background: #999;
}

.copyright{
    background: #eeeeee;
}
.copyright .container{
    padding-top:20px;
    padding-bottom: 20px;
    border-top:1px solid rgba(181,181,181,.88);
    max-width: 1200px;
}
.copyright p{
    text-align: center;
    font-size: 1.2rem;
    color: #666666;
}
@media screen and (max-width: 815px) {
    #footer{
        display: none;
    }
    .copyright .container{
        padding-top:20px;
        padding-bottom: 20px;
        border-top:none;
        margin-top: 20px;
    }
.copyright p{
    font-size: 1.1rem;
}
#footer .ft_box_other{
    margin-left:15px;
}

    
}


/*google search*/
.cse .gsc-search-button input.gsc-search-button-v2, input.gsc-search-button-v2 {
	width:auto !important;
	height:auto !important;
	min-width:inherit !important}



.pc_on{}
.pc_none{display: none;}

@media screen and (max-width: 815px) {
.luxbar-item {text-align: left;}
.luxbar-item p{
    display:block;
    padding: 18px 0;
    padding-left: 5%;
}
.luxbar-item .link_p{
    display:block;
    padding: 18px 0;
    padding-left: 5%;
}
.luxbar-item p::before{
    content:none;
}
.luxbar-item a{
    padding: 18px 0px;
}


.luxbar-item a.link_p::before{
    content:none;
}

.luxbar-item.last a.link_p::after{
    content:none;
}

.luxbar-item a.link_p:hover{
    background: rgba(0,28,88,0);
    opacity: 1;
}
    .luxbar-item .mo{
        position: relative;
    }
.luxbar-item .mo::after{
    content:url("../images/common/header/arrow_down.png");
    position: absolute;
    right: 5%;
}

 .luxbar-item:nth-child(6) .mo::after{
    content:none!important;
}

    
.luxbar-item .mo_1.changed::after,
    .luxbar-item .mo_2.changed::after,
    .luxbar-item .mo_3.changed::after{
    content:url("../images/common/header/arrow_up.png");
    position: absolute;
    right: 5%;
}
       

.luxbar-item .inner li.sublist{
    float: left;
}
.luxbar-item .inner li.sublist_s{
    width: 42%;
    padding-left: 4%;
}
.luxbar-item .inner li.sublist_l{
    width: 58%;
    padding-left: 0%;
}

.luxbar-item .inner li.sublist a{
    -js-display: flex;
    display: flex;
    align-items: center;
    font-size: 1.25rem;
    text-align: left;
    height: 40px;

}

.luxbar-item .inner{
    width: 90%;
    max-width: 90%;
    position: relative;
    background: rgba(0,28,88,.9);
    padding-top:0px;
    padding-bottom: 20px;
    margin: 0 auto;
    
}
.luxbar-item .inner_service{
    width: 90%;
    max-width: 90%;
    position: relative;
    background: rgba(0,28,88,.9);
    padding-top:0px;
    padding-bottom: 20px;
    margin: 0 auto;
}
.luxbar-item .inner_service li.sublist{
    float: none;    
    width: 100%;
    
}

.luxbar-item .inner{
    border-bottom: 1px solid rgba(255,255,255,.5);
    
}
.luxbar-item .inner_ir li.sublist{
    float: left;    
}
.luxbar-item .inner_ir li.sublist_s{
    width: 35%;
    padding-left: 5%;
}
.luxbar-item .inner_ir li.sublist_l{
    width: 100%;
    padding-left: 0%;
}
.luxbar-item .inner_ir li.sublist_l a{
    padding-right: 0;
}
.luxbar-item .inner_ir li.sublist_m{
    width: 60%;
    padding-left: 0%;
}
.luxbar-item .inner_ir li.sublist_m a{
    padding-left: 0;
}

}
@media screen and (max-width: 815px) {
.pc_on{display: none!important;}
.pc_none{display: block!important;}

}
    
    .clearfix::after{
  content: "";
  display: block;
  clear: both;
}