@charset "utf-8";
/* ＢＭＢ */
/*-------------------------------------
 2020年の新着情報より
-------------------------------------*/
.headerArea{padding:30px 0 10px 0;}
.headerLogo,.headerGroup{padding:0;}
.headerLogo a{display:block;}
.headerGroupA {float:right;margin-left:20px;}
.headerLanguage a{min-width:auto;background:none;}
.headerLanguage ol{width:160px;background-color:#f1f1f1;-moz-border-radius:6px;-webkit-border-radius:6px;-khtml-border-radius:6px;border-radius:6px;z-index:5;}
.headerLanguage ol li{width:100%;height:auto;}
.headerLanguage ol li.Lgtop{position:relative;background:url(/common/uploads/icon_globe.png) no-repeat 20px 10px;}
.headerLanguage ol li.Lgtop:before{content:'';display:block;position:absolute;}
.headerLanguage ol li a{display:block;text-align:center;text-decoration:inherit;color:#000;font-size:0.875em;position:relative;border:0;border-radius:0;opacity:1;min-height:38px;line-height:38px;vertical-align:middle;box-sizing:border-box;}
.headerLanguage ol li:last-child a{border-radius:0 0 6px 6px;}
.headerLanguage ol li a:after{content:'';display:block;position:absolute;width:100%;height:2px;background-color:#fff;top:0;right:0;left:0;margin:0 auto;}
.headerLanguage ol li.Lgtop a:hover{background-color:inherit;color:#000;}
.headerLanguage ol li a:hover{background-color:#004566;color:#fff;opacity:1;}
.headerLanguage ol li:nth-of-type(1) a:after{display:none;}
.headerLanguage .Ltop{position:relative;background:url(/common/uploads/header_icn_language.png) no-repeat center right 10px;}
.headerLanguage.open .Ltop{background:;background-image:url(/common/uploads/header_icn_skip.png);opacity:1;}
.headerLanguage.open .Ltop a:hover{opacity:1;}
/*headerNav*/
.headerNav > .inner > ul > li{width:14.2%;}
.headerNav > .inner > ul > li.current > a:before{
	content: "";
	position: absolute;
	left: 10%;
	right: 10%;
	bottom: 5px;
	display: block;
	height: 3px;
	background: #fff;
}
	/*open*/
.headerLanguage{position:relative;}
.headerLanguage ol{height:38px;overflow:hidden;position:absolute;right:0;top:0;}
.headerLanguage.open ol{height:auto;overflow:visible;}
.headerGroupA{padding:0;}
.headerGroupB{padding:0;margin-right:180px;}
ul.headerGroupC{margin:10px 0 0 0;text-align:right;}
ul.headerGroupC li.hg01{margin:0 10px 0 0;}



.headerFontsize dl dd a{padding:0 8px 1px 8px;height:23px;vertical-align:middle;font-size:12px;line-height:23px;cursor:pointer;}
.headerFontsize dl dd.mid a{font-size:16px;}
.headerFontsize dl dd.large a{font-size:20px;}

ul.headerGroupC{display:block;font-size: 0.875em;margin-bottom:20px;vertical-align:middle;}
li.hg-ob{display:inline-table;margin:0 10px 0 70px;width:auto;text-align:left;}
li.hg-ob a{background:#e74 url(/common/uploads/pen.png) no-repeat 15px center;padding:7px 15px 7px 40px;border-radius:20px;font-family: 'Noto Sans SC', sans-serif;color:#000;position:relative;background-size:20px 20px;text-decoration:none;display:block;color:#fff;}
li.hg01 {display:inline-table;margin:0 10px 0 70px;width:auto;text-align:left;}
li.hg01 a{background:#f1f1f1 url(/common/uploads/customer-service.png) no-repeat 15px center;padding:7px 15px 7px 40px;border-radius:20px;font-family: 'Noto Sans SC', sans-serif;color:#000;position:relative;background-size: 20px 20px;text-decoration:none;display:block;}
li.hg01 a:hover span{opacity: 0.7;}
li.hg02 {display:inline-table;text-align:left;}
li.hg02 a:hover span{opacity: 0.7;}
li.hg02 a{background:#f1f1f1 url(/common/uploads/customer-service02.png) no-repeat 15px center;padding:7px 15px 7px 45px;border-radius:20px;color:#000;font-family: 'Noto Sans SC', sans-serif;text-decoration: none; display:block;}

.headerNav > .inner > ul > li > a{font-size:1em;padding:65px 0 18px 0;background-position-y:14px;}
.headerNav > .inner > ul > li.navItem02 > a{background-position-y:18px;}
.headerNav > .inner > ul > li.navItem03 > a{background-position-y:16px;}
.headerNav > .inner > ul > li.navItem05 > a{background-position-y:16px;}


/*ページ最上部の注意書き*/
.headerArea{z-index:3;}
#wrapper.topnote .headerArea > p.topnote{display:block;width:100%;max-width:1220px;margin:5px auto 15px auto;background-color:#3885aa;color:#fff;padding:4px 8px;box-sizing:border-box;line-height:1.3;font-size:0.9em;font-weight:normal;font-family:"Times New Roman", Times, serif;position:relative;z-index:1;height:auto;max-height:55px;overflow-y:auto;}
#wrapper.topnote .headerArea{padding-top:0;}
#wrapper.topnote .headerBtn{top:0;bottom:0;margin:auto 0;}
@media screen and (max-width: 768px){
#wrapper.topnote .headerArea > p.topnote{margin:10px auto 0 auto;max-height:38px;}
}
/*タブレット用*/
@media screen and (max-width: 1100px){
.headerArea{padding:10px 0;}
.headerGroup{position:relative;height:100%;width:100%;text-align:right;min-height:114px;box-sizing:border-box;padding:10px 0;}
.headerGroupB{position:absolute;right:5px;bottom:15px;margin-right:0;width:100%;}
.headerGroupA,ul.headerGroupC{display:inline-block;float:none;vertical-align:top;margin:0 0 0 10px;}
ul.headerGroupC{margin-top:3px;}
li.hg-ob{margin:0 5px;}
.headerSearch{margin-right:10px;}
.headerFontsize dl dt{width:70px;box-sizing:border-box;}
}
@media screen and (max-width: 820px){
header .headerLogo{width:100%;}
header .headerLogo img{width:100%;height:auto;margin-top:10px;}
}


/*フッター*/
.footerArea .footerGroupA .footerNav > ul{display:flex;flex-wrap:wrap;width:100%;}
.footerArea .footerGroupA .footerNav > ul > li{width:23%;box-sizing:border-box;margin:0 1%;margin-bottom:2%;}
.pagetopArea{position:relative;z-index:1;}
/*bottom2*/
h1.has-dc{margin-bottom:15px;}
.dc-box{color:#333;font-family:'Noto Sans SC', sans-serif;font-weight:500;line-height:1.6;margin-bottom:30px;}
.dc-box .date{width:9em;padding-top:2px;font-size:0.875em;letter-spacing:1px;display:inline-block;}
.dc-box .cat{display:inline-block;}
.dc-box .cat span{display:inline-block;min-width:10em;padding:2px 10px 3px 10px;color:#fff;font-size:0.750em;text-align:center;box-sizing:border-box;}

/*-------------------------------------
 2020年の新着情報より
-------------------------------------*/
.headerNav .inner{background:none;}


/*-------------------------------------
 sp用
-------------------------------------*/
@media screen and (max-width: 768px) {
header .headerLogo img{margin-top:0;}
.headerLanguage{display:block;z-index:1;position:relative;}
.headerLanguage ol{width:160px;background-color:#f1f1f1;-moz-border-radius:6px;-webkit-border-radius:6px;-khtml-border-radius:6px;border-radius:6px;}
.headerLanguage ol li{width:100%;height:auto;}
.headerLanguage ol li.Lgtop{position:relative;background:url(/common/uploads/icon_globe.png) no-repeat left 20px top 10px;}
.headerLanguage ol li.Lgtop:before{content:'';display:block;position:absolute;background:}
.headerLanguage ol li a{display:block;padding:10px;text-align:center;text-decoration:inherit;color:#000;font-size:14px;position:relative;}
.headerLanguage ol li a:after{content:'';display:block;position:absolute;width:100%;height:2px;background-color:#fff;top:0;right:0;left:0;margin:0 auto;}
.headerLanguage ol li:nth-of-type(1) a:after{display:none;background-image:}
.Ltop{position:relative;background:url(/common/uploads/header_icn_skip.png) no-repeat right 20px top 13px;}

#wrapper.topnote .headerArea{padding:0;height:auto;}
#wrapper.topnote .headerArea > p.topnote{margin-top:5px;margin-bottom:0;font-size:0.8em}
#wrapper.topnote .headerArea .inner{padding:10px;box-sizing:border-box;}
.headerArea .headerLogo{width:75%;padding-top:0;box-sizing:border-box;}

.headerArea{padding:15px 0;height:auto;}
.headerArea .inner{overflow:visible;}


.headerLogo a{width:100%;}
.headerLogo img{max-width:inherit;width:100%;}

.menuList01 li a:after{background-image:url(/common/uploads/icn_arw03.png);}
.topTwitterBanner a{background-image:url(/common/uploads/top_icn_twitter01.png);}

.spNav{top:100px;}
#wrapper.topnote .spNav{top:130px;}

.spNavOpinion{width:100%;background-color:#fff;-moz-border-radius:6px;-webkit-border-radius:6px;-khtml-border-radius:6px;border-radius:6px;height:38px;margin:0 0 10px 0;background:#e74 url(/common/uploads/pen.png) no-repeat 20px center;}
.spNavOpinion a{display:block;width:100%;height:100%;text-align:center;text-decoration:none;color:#fff;padding:8px;box-sizing:border-box;}
.spNavLanguage{margin:0 0 17px 0;}
.spNavLanguage a{min-width:auto;background:none;}
.spNavLanguage ol{width:100%;background-color:#fff;-moz-border-radius:6px;-webkit-border-radius:6px;-khtml-border-radius:6px;border-radius:6px;}
.spNavLanguage ol li{width:100%;height:auto;}
.spNavLanguage ol li.Lgtop{position:relative;background:url(/common/uploads/icon_globe.png) no-repeat 20px 10px;}
.spNavLanguage ol li.Lgtop:before{content:'';display:block;position:absolute;}
.spNavLanguage ol li a{display:block;padding:10px;text-align:center;text-decoration:inherit;color:#000;font-size:14px;position:relative;border:0;}
.spNavLanguage ol li a:after{content:'';display:block;position:absolute;width:100%;height:2px;background-color:#fff;top:0;right:0;left:0;margin:0 auto;}
.spNavLanguage ol li:nth-of-type(1) a:after{display:none;background-image:}
spNavLanguage .Ltop{position:relative;background:url(/common/uploads/header_icn_language.png) no-repeat center right 10px;}

.spNavSearch{min-height:38px;}
.spNavSearch input[type=text]{height:38px;}
.spNavSearch button{width:40px;height:40px;color:transparent;border:none;background:url(/common/uploads/header_icn_search.png) no-repeat center center transparent;}

	/*open*/
.spNavLanguage ol{height:38px;overflow:hidden;}
.spNavLanguage.open ol{height:auto;overflow:visible;}
.spNavLanguage.open a{border-radius:0;}
.spNavLanguage.open .Ltop{background-image:url(/common/uploads/header_icn_skip02.png);}

.spNav.lang-select{height:auto;overflow-y:visible;}
.spNav.lang-select .inner{height:auto;overflow-y:visible;}

.topNewsMenu .list{clear:both;display:block;height:80px;}
.topNewsMenu .list li{display:block;height:40px;padding:0;box-sizing:border-box;}
.topNewsMenu .list li:nth-of-type(1){width:33.3%;float:left;}
.topNewsMenu .list li:nth-of-type(2){width:33.3%;float:left;}
.topNewsMenu .list li:nth-of-type(3){width:33.3%;float:left;}
.topNewsMenu .list li:nth-of-type(4){width:50%;float:left;}
.topNewsMenu .list li:nth-of-type(5){width:50%;float:left;}
.topNewsMenu .list li a{box-sizing:border-box;}

.footerArea .footerGroupA .footerNav > ul{display:block;}
.footerArea .footerGroupA .footerNav > ul > li{width:auto;padding:8px 0 8px 0;margin:0;}
.footerArea .footerGroupA .footerNav > ul > li > a{padding:0;}
.footerArea .footerGroupA .footerNav ul li ul li{margin:8px 0 0;}

/*bottom2*/
h1.has-dc{margin-bottom:5px;}
.dc-box{margin-bottom:10px;}
.dc-box .date{width:8em;padding-top:2px;font-size:0.8em;}
.dc-box .cat span{min-width:10em;padding:0 5px 1px 5px;font-size:0.625em;}

}
@media screen and (max-width: 550px){
.headerArea .headerLogo{width:70%;padding-top:0;}
.spNav{top:82px;}
#wrapper.topnote .spNav{top:107px;}

}
@media screen and (max-width: 450px){
.headerArea .headerLogo{width:80%;padding-top:0;}
#wrapper.topnote .spNav{top:95px;}

}