@charset "utf-8";
/* CSS Document */

html{color:#333;overflow-y:scroll}
body{
font:1.3rem/1.231 "Noto Sans Japanese", "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-family:"Noto Sans Japanese", "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;text-align: center;font-size: 1rem;margin: 0;transition: .5s}

.clearfix:after{content:".";display:block;clear:both;height:0;visibility:hidden}
.mb0{margin-bottom:0!important}
.mb5{margin-bottom:5px!important}
.mb10{margin-bottom:10px!important}
.mb15{margin-bottom:15px!important}
.mb20{margin-bottom:20px!important}
.mb21{margin-bottom:21px!important}
.mb25{margin-bottom:25px!important}
.mb30{margin-bottom:30px!important}
.mb34{margin-bottom:34px!important}
.mb35{margin-bottom:35px!important}
.mb40{margin-bottom:40px!important}
.mb45{margin-bottom:45px!important}
.mb50{margin-bottom:50px!important}
.mb55{margin-bottom:55px!important}
.mb60{margin-bottom:60px!important}
.mb65{margin-bottom:65px!important}
.mb70{margin-bottom:70px!important}
.mb75{margin-bottom:75px!important}
.mb80{margin-bottom:80px!important}
.mb85{margin-bottom:85px!important}
.mb90{margin-bottom:90px!important}
.mb95{margin-bottom:95px!important}
.mb100{margin-bottom:100px!important}
.mr0{margin-right:0!important}
.mTn150 {margin-top: -150px;}
ul, ol { padding-inline-start: 0;padding: 0}
ul {list-style: none}
li {vertical-align: top;}
.pb0{padding-bottom:0!important}
.pb11{padding-bottom:11px!important}
.pt10{padding-top:10px!important}
.pt20{padding-top:20px!important}
.txtR {text-align: right !important}
.txtC {text-align: center !important}
.txtS {font-size:70% !important;font-weight: normal !important}
.fltL{float:left;}
.fltR{float:right;}
.onlyDT {display:block}
.onlySP {display:none}
p {margin: 0 0 1em;line-height: 2.0em}
table {border-collapse: collapse}
dt, dd {margin-left: 0;line-height: 1.7em}
th, td {line-height: 1.7em}
.disnon {display:none;transition: .5s}
a {text-decoration: none;color:#333}
.centerImg {text-align: center}
a.pdf {text-decoration: underline !important}
.pdf:after {content:url(/material/img/icon_pdf.svg);display:inline-block;width:18px;vertical-align: middle; } 
.xls:after {content:url(/material/img/icon_excel.svg);display:inline-block;width:18px;vertical-align: middle; } 
.a_link {text-align: right;}
.a_link a {text-decoration: underline}
a.a_link2 {text-decoration: underline}
.a_link a:before {content:"\f105";font-family: FontAwesome;color: #0062b0;margin-right: 5px;}



@media (max-width:767px) {
.onlyDT {display:none}
.onlySP {display:block}
.onlySPinline {display:inline-block}
.txtC img {width:100%}
.centerImg img {width:100%;transform: .5s}
.content_wrap h2 {font-size: 1.1rem;margin: 3em 20px 1em !important;}
.content_wrap h3 {font-size: 1.0rem;margin: 2em 20px 1em !important;}
}

/*header*/
header {position: fixed;z-index: 5;background-color:rgba(255,255,255,1.00);width: 100%;margin: 0 auto;height:127px;text-align: center;}
header .head-inner {width:1100px;margin: 0 auto}

@media (max-width:1100px) {
header .head-inner {width:100%}
}


header .head-inner:after {display: block;content:"";clear: both}
header.fixed {background-color:rgba(255,255,255,0.90);}
header a {text-decoration: none;color:#333;}
header:after {content:"";clear: both; display:block}
header #inside {width:1270px;margin:0 auto;text-align: left;padding:20px;}
header #logo {float:left;width:28%;max-width:300px;margin:10px 0 0;}

header #header-menu-block:after {display:block;content:"";clear:both} 
header #rightBox {float:right;width:30%;padding-top: 10px}
header #rightBox a {width:100%;display: block;color: #fff;background-color: #0062b0;font-size: 1.0rem;transition: .3s}
header #rightBox a:hover {background-color: #f8f8f8;color: #1862b0;transition: .3s}
header dt, header dd, header li {display: inline-block}
header dt {vertical-align: middle;padding-right: 5px;}

header ul, header dl {display:inline-block}
header ul#fontSize {font-size: 0;letter-spacing: 0;display:inline;margin:0}
header ul#fontSize li {margin-right:0;}
header #fontSize li a {display: inline-block;width:50px; line-height: 25px;text-align: center;font-size:0.9rem;background-color: #999;color:#fff;}
header #fontSize li:first-child a, header #fontSize li a:hover {background-color: #0062b0;color:#fff;}
header nav {margin-top:5px;font-weight:normal;font-size: 0;}
header nav ul {padding-right:0}
header nav li {margin-right:0;}
header nav li a {font-size: .9rem;padding:18px 50px 18px;position: relative}

header nav li a.panel-btn:hover {background-color:#214ea5;color:#fff;transition: .5s}
header nav li .inner a:hover:after {display:none}


#corp header nav li:nth-child(2) a.panel-btn {background-color:#214ea5;color:#fff}
	#ir header nav li:nth-child(3) a.panel-btn {background-color:#214ea5;color:#fff}
#news header nav li:nth-child(4) a.panel-btn {background-color:#214ea5;color:#fff}
#contact header nav li:nth-child(6) a.panel-btn {background-color:#214ea5;color:#fff}
.anchorlist2.cssbuiz:before {content:"";display:block;clear: both}
.anchorlist2.cssbuiz ul {margin: 0;width:100%}

@media (max-width:1180px) {
header #header-menu-block {width:59.9%;}
header nav li a {font-size: .9rem;padding:20px 45px 17px;}
}
@media (max-width:1030px) {
header #header-menu-block {width:57%;}
header nav li a {font-size: .85rem;padding:20px 10px 24px;}
header #rightBox {float:right;width:25%;}
}


_::-webkit-full-page-media, _:future, :root header nav li a.panel-btn {font-size: 1.0rem;padding:19px 35px 18px}

@media (max-width:1180px) {
_::-webkit-full-page-media, _:future, :root header nav li a.panel-btn {font-size: .9rem;padding:21px 20px 21px;}
}

.panel-wrap{
  position: initial;
}
.panel-wrap a{
}
a.panel-btn{
  position: relative;
}
.panel{ top:140px; opacity: 0; transition: .5s;	 display: none; position: absolute; width:100%; margin:0 auto; padding:0 0 80px; background: #214ea5;left:0;	text-align: left;}
.arrow .panel{
  opacity: 1;
}
.panel .inner{
  margin:0 auto;
	max-width: 1000px;
}
.fixed .panel{
  background:rgba(219, 219, 219, 0.9);
}
.panel h3 a {  color: #fff; font-size: 1.5rem; font-weight: bold; padding:80px 30px 50px;display: block;text-align: left}

.panel h3 a span {
    display:inline-block;
    background-color: #fff;
    padding:5px 20px;
    text-align: center;
    color: #0062b0;
    font-size: 1.0rem;
    font-weight: bold;
    width: 50px;
    margin-top: 15px;
}
.panel h3 a:hover {opacity: 0.7;transition: .5s}


.panel dl {float: left; width: 30.0%; margin-top: 0;margin-left: 0;border-left: 1px #fff solid;padding:0 0 20px 20px}

.panel dl.busmenu {float:none;width:100%;margin-top: 20px;}
header nav li dd a {font-size: .95rem;transition: .5s}
.panel  dd { margin: 0 0 0 2.3em; width:auto; font-size: 1.0rem;display: block;line-height: 1.5em;}

.panel  h3 a { padding:80px 30px 50px;display: block;text-align: left}
.panel  dl.firstchild {margin-left: 30px;}
.panel  dt {font-weight: bold;line-height: 1.6rem;}
header nav  li  dt { padding:10px 0 0;display: block;}
header nav  li  dt a:before {content:"\f105";font-family: FontAwesome;color: #fff; font-size: 1.4rem; margin: 0 5px 0 10px; vertical-align:unset;}
header nav  li  dt a {font-size: 1.0rem; padding: 20px 0 0;color:#fff;}
header nav  li  dt a:hover {color:#ccc;transition: .5s}
.panel dd a {padding: 0;font-size: .9rem;color:#fff;}
.panel dd a:before {content:"-";padding: 0 5px;color:#fff;vertical-align: middle}




.panel dd a:hover {color: #ccc;transition: .3s}
.panel .inner p {display:none}
.panel .panel-btn.close {margin-top:10px; display:block;width:36px;line-height: 36px;background-color: #666;color:#fff;font-size: 1.7rem;text-align: center;padding: 0 !important;float:right}

/*IR mega menu*/










@media only screen and (max-width:1200px){
#Gnav li:nth-child(2) .panel dl dd:nth-child(2) a { letter-spacing: -0.1em;}
header nav li dd a {font-size: .85rem;transition: .5s}
}


@media only screen and (max-width:1080px){
header nav li a {padding:20px 40px 20px;}
header nav li .panel dd a {
    font-size: 0.78rem;white-space: nowrap;
}
header nav li .panel .irmega dd a {
    font-size: 0.78rem;white-space: nowrap;
}
}



.panel-wrap .inner p:after {content: "";display: block;clear: both;height: 1px}

#video {margin-top:141px;}
}

@media (max-width:1269px) {
header #inside {width:100%;}	
}


@media (max-width:767px) {
header {position:fixed;z-index: 5;background-color:#fff;width: 100%;margin: 0 auto;height:100px}
header.fixed {background-color: rgba(255,255,255,1);}
header #inside {width:100%;padding: 0}	
header #inside #logo img {width:70%;padding: 10px 0 0 10px}
header #inqBox {display:none}
header #header-menu-block {float: none;width:auto;display: none}
header #submenu-block dl {display:none}
nav {display:none}
header ul#fontSize {display: inline; margin-right: 0;float: right; width: 70px;}
#video {margin-top:67px;}
	#rightBox {display:none}
}
@media (max-width: 767px) {
header #logo {margin: 10px 0 0 10px;line-height: inherit}
header .head-inner {width:inherit}
	
header {border-bottom: 3px solid #e1e4e7}
#home header {border-bottom:none}
	
	
}


.content_wrap {width:1100px;margin: 0 auto;text-align: left;transition: .5s;padding-top: 127px;}
.content_wrap.privacy {padding-top:50px;}
.content_wrap:after {content:"";display:block;clear:both}
.irpItem a:hover, .title a:hover {text-decoration:underline;color:#999}

#path { padding-top:130px;background-color: #f0f0f0;margin-bottom:20px}
#path .content_wrap {padding: 30px 0 16px;font-size: 0.8rem}
#path .content_wrap a:hover {color:#ccc;transition: .5s;text-decoration: underline}

h1 {font-size: 2em;margin:0 0 25px;color: #214ea5;}


@media only screen and (max-width:1100px){
.content_wrap {width:auto}
}


footer {background-color: #214ea5;text-align: center;padding: 15px;font-size: .9rem;color:#fff;}
footer li {display: inline-block;line-height:2.5em}
footer ul {max-width:710px;margin: 0 auto 2em;text-align: center}
footer li a {color:#fff;text-decoration: none;white-space: nowrap}
footer li:after {content:"|";padding: 0 15px;color:#fff;}
footer li:nth-child(5):after {content:"";}
footer li:last-child:after {content:"";}

.content_wrap h2 {margin:3em 0 1em 0}
.content_wrap table {width:100%}
.content_wrap th {font-weight: bold;color:#0062b0;}
.content_wrap td {}
.content_wrap td a {text-decoration: underline}
.content_wrap th {border-bottom: 1px dotted #ccc;padding:15px 20px;background-color: #f6f6f6}
.content_wrap td {border-bottom: 1px dotted #ccc;padding:15px 20px;}



@media only screen and (max-width:767px){
p#logo img {  max-width: 250px;}
.content_wrap {width:inherit;transition: .5s;padding-top: 60px;}
.content_wrap.privacy {padding-top:130px;}

	

.content_wrap .table-scroll th {display:table-cell;padding:5px 8px;width: inherit !important}
.content_wrap .table-scroll td {display:table-cell; padding:10px 8px;width:inherit !important}	
.content_wrap .table-scroll tr {display:table-row}
	.tani {  margin-bottom:0 !important}

h1 {font-size:1.5em;margin:0 0 25px 20px;color: #214ea5;}
p {margin:0 20px 1em;line-height: 1.5em; font-size: 0.9em;}
.content_wrap.privacy li {margin:0 20px 1em ;line-height: 1.5em; font-size: 0.9em;}
.content_wrap.privacy .num li {margin:0 20px 1em 3.5em;line-height: 1.5em; font-size: 0.9em;}
.content_wrap table { width: auto; margin: 0 20px;}
}




@media only screen and (max-width:999px){
	
#path {display:none}

}

@media only screen and (max-width:767px){
footer li a {font-size: 0.7rem}
footer li:nth-child(2):after {display:none}
footer li:after { content: "|"; padding: 0 7px; color: #fff;transition: .5s}
footer li:nth-child(5):after { content: "|";}	
footer li:nth-child(8):after { content: "";}	
}




/*テーブルスクロール*/

@media screen and (max-width:500px){
.table-scroll table { display:inline !important}
[class*="table-scroll"] {

	clear: both;

	margin-top: 5px;

	overflow-y: hidden;

	padding-bottom: 10px;

	width:100%;
	
	margin-bottom:30px;

}

.table-scroll table { margin-bottom:0}
.table-scroll table th {white-space: nowrap;min-width: inherit !important}


[class*="table-scroll"]::-webkit-scrollbar {

	width: 10px;

	background: #cccccc;

	border-radius: 10px;

}

[class*="table-scroll"]::-webkit-scrollbar:horizontal {

	height: 10px;

	background: #cccccc;

	border-radius: 10px;

}

[class*="table-scroll"]::-webkit-scrollbar-thumb {

	background: #2169c6;

	border-radius: 10px;

}

[class*="table-scroll"]::-webkit-scrollbar-thumb:horizontal {

	background: #2169c6;

	border-radius: 10px;

}
}



/*cssビジネス*/
.anchorlist2.cssbuiz ul li { margin: 0 4px; display: inline-block; letter-spacing: normal;width:18.7777777%}
.anchorlist2.cssbuiz ul li a { width:100%;display: block;padding: 10px 0;text-align: center; background:#fff ;color:#214da5;}
.anchorlist2.cssbuiz ul li a:hover { background: #214da5;color:#fff;transition: .5s}
@media only screen and (max-width:1100px){
.anchorlist2.cssbuiz ul li {width:18.000000%}
}

@media only screen and (max-width:767px){
.anchorlist2 ul li {width:29.3333%;margin-bottom: 10px;font-size: 0.7em;letter-spacing: -0.08em;}
.anchorlist2.cssbuiz ul li { width:30.000000%;margin: 0 1px 3px}
.anchorlist2.cssbuiz ul li a {padding:3px 0;}
	.col3img li { width: 100%; display:block; margin: 0 1% 30px 1%;}
	.content_wrap.group .tbl1 a ,.content_wrap.group .tbl1 td span  {display:contents}
	.content_wrap.group .txtC img {width: 100%;height: auto}
}







/*padetop*/
#side-button {position: fixed;bottom:5.5%;  right: 2%;}
#side-button a {  background-color:rgb(33,78,165); text-decoration: none; height:55px; width:60px; display: inline-block;  color: #fff; line-height:1.3em;
    padding-top:3px; font-size: 0.8rem; font-weight: bold;}
#side-button a:before {content:'\f106';font-family: 'FontAwesome';display: block; font-size: 36px;margin-bottom: 5px;}

.privacy li {font-size: 1.0rem;line-height: 1.6em;margin-bottom: 3px}
.num li {text-indent: -2.5em;margin-left: 2.5em;font-size: 0.9rem;line-height: 1.6em}

.privacy th {  border: 1px solid #747474;  padding: 15px 20px;}
.privacy td {  border: 1px solid #747474;  padding: 15px 20px;}

#anc1, #anc2, #anc3, #anc4 {padding-top:150px;margin-top: -150px;display: block}

@media all and (-ms-high-contrast: none){
  .anchorlist2.cssbuiz ul li a{
    padding: 9px 0 10px;
  }
}


			header #rightBox {width:30%}
			.noBorder {border: none;background-color: inherit !important}
			header #rightBox dl  {margin:0}
			header {height:145px}
@media only screen and (max-width:767px){
			header {height:100px}	
			.content_wrap { padding-top: 100px;}
}