@charset "UTF-8";


body {
  margin: 0;
  font-family: 'メイリオ', 'Hiragino Kaku Gothic Pro', sans-serif;
  font-size: 16px;
  line-height: 160%;
}

.font-mincho{
  font-family:
   "ヒラギノ明朝 ProN W6",
   "HiraMinProN-W6",
   "HG明朝E",
   "ＭＳ Ｐ明朝",
   "MS PMincho",
   "MS 明朝",
   "Sawarabi Mincho",
   serif;
}

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

p {
  margin: 0;
  padding: 0;
}

p.clr {
  clear: both;
}

ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

a {
  color: #000;
  text-decoration: none;
}

a:hover {
  color: #000;
}

a:hover img {
  opacity: 0.8;
  filter: alpha(opacity=80);
  -ms-filter: "alpha( opacity=80 )";
}

.flt-r {
  float: right;
}

.flt-l {
  float: left;
}

.large {
  font-size: 20px;
  font-weight: bold;
}

.small {
  font-size: 12px;
}

.contents {
  width: 960px;
  margin: 0 auto;
}

.inline-center{
  text-align: center;
}

.submit{
    text-align: center;
    margin: 25px auto;
}
.red{
    color: red;
}
.white{
	color: white;
}
	.pc_braws_hidden{
		display: none;
	}
@media (min-width: 768px) and (max-width: 960px){
#container,#header-area{
  width: 960px;
}
}

/*----------------------------------------
 画面サイズが768px以上（ＰＣブラウザ用）
----------------------------------------*/
@media (min-width: 768px){

/* ヘッダエリア
----------------------------------------*/
#header-area {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
}

#header {
  position: relative;
  background-color: #0068B7;
  height: 100px;
}
    .short_header{
        height: 60px !important;
    }

#c-header-menu{
  margin: 0 auto;
  display: block;
  clear:both;
}

.c-logo {
  position: absolute;
  height: 40px;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.c-logo > span{
  /*float:left;*/
  width:333px;
  vertical-align: middle;
}
.c-logo__lang{
  float: right;
    display: block;
    border-radius: 5px;
    color: #fff;
    font-size: 12px;
    text-decoration: none;
    text-align: center;
    border: solid 1px #FFF;
    padding: 0 5px;
    margin-right: 15px;
}
.c-logo__lang a{
color: #fff;
font-size: 12px;
}
.c-logo__lang a:hover{
  opacity: 0.8;
  filter: alpha(opacity=80);
  -ms-filter: "alpha( opacity=80 )";
}
.c-logo__lang span{
  margin: 0 5px;
  padding: 0 5px;
  border-left: solid 1px #FFF;
  border-right: solid 1px #FFF;
}

/*　グーグル検索設定　*/
.c-logo__search{
  /*float: right;*/
  width:250px;
  /*margin-right: 15px;*/
}
.c-logo__search .gsc-control-cse,
.c-logo__search .gsc-control-cse-ja,
.c-logo__search .gsib_a{
    margin:0 !important;
    padding:0 !important;
}


/* テキスト入力フォームとボタンの位置 */
.c-logo__search table.gsc-search-box td,
.c-logo__search table.gsc-search-box input {
    vertical-align: middle !important;
}
/* テキスト入力フォームの影を消す */
.c-logo__search #gsc-iw-id1{
    border:none !important;
}
/* ボタンの色 */
.c-logo__search input.gsc-search-button {
  padding: 7px 10px;
}
/* ボタンの位置調整と角丸消し */
.c-logo__search .gsc-search-button{
    margin:0 0 0 -8px !important;
    border-radius:5px;
}
.c-logo__grouplogo{
    margin-left: 30px;
  /*float: right;*/
}


    .header_right_side{

    }
    .header_right_up_side{
        display: flex;
        justify-content: flex-end;
    }
    .header_right_down_side{
        display: flex;
        justify-content: flex-end;
        align-items: center;
    }
    .c-logo__credologo img{
        height: 40px;
    }











/* ヘッダエリア　＞　ナビゲーション
----------------------------------------*/
#menubtn{ display: none;}

.g-nav{
  background-color: rgba(0,0,0,0.8);
  height:63px;
}
.g-nav > ul:after{
  content:"";
  display: block;
  clear:both;
}
.g-nav > ul > li{
margin:10px 0;
height:43px;
  float: left;
  border-right:1px solid #fff;
}
.g-nav li.g-nav-sdgs a{
  padding: 15px 23px 5px 23px;
}
.g-nav li a{
padding: 5px 15px;
padding-top: 15px;
height: 23px;
  color:#fff;
  display: block;
  line-height: 1;
  font-size: 14px;
  text-align: center;
}

.g-nav a:hover {
  background-color: #666;
  text-decoration: none;
  opacity: 0.7;
}
.g-nav li.news a{
  padding-top: 8px;
  height:30px;
}
	.no_right_border{
		border-right: none !important;
	}
	.contact{
	margin-top: 8px;
	margin-right: 20px;
	}
.contact a{
  text-align: right;
  color:#0068B7;
  background-color: #fff;
	padding: 8px;
}
.contact a:hover {
  text-decoration: none;
  opacity: 0.7;
}
    .credo_menu{
        display: none;
    }

/* ヘッダエリア　＞　ナビ サブメニュー
----------------------------------------*/
.g-nav li > ul{
  position: absolute;
  display: none;
  margin-left: -1px;
  z-index: 100;
}
.g-nav li:hover > ul{
  display: block;
  background-color: rgba(60,60,60,1);
}
.g-nav-sub li{
  border: none;
  clear: both;
}
.g-nav-sub li a {

}
.nav_lang{
  display: none;
}


/* パンくずメニューエリア
----------------------------------------*/
#c-breadcrumb{
  margin-top: 165px;
  font-size: 10px;
  display: block;
}
#c-breadcrumb li{
  float: left;
  margin-right: 6px;
}
#c-breadcrumb li a:hover {
  color: #CCC;
}
#c-breadcrumb ul:after{
    content:"";
    display: block;
    clear:both;
    margin-bottom: 15px;
}


/* 別ページリンクエリア
----------------------------------------*/
.other-link{
  margin: 40px auto;
}
.other-nav li{
  margin: 2.8px;
  float: left;
}
.other-nav ul:after{
  content:"";
  display: block;
  clear:both;
}
.banner ul{
  display: flex;
  align-items: center;
  width: 960px;
  margin: 40px auto;
}
.banner li{
  margin-right:6px;
  width: 234px;
}
.banner li img{
  width:100%;
  height:auto;
}

.disclaimer{margin-top:30px; font-size: 12px;}

/* スペシャルコンテンツエリア
----------------------------------------*/
.p-specialcontents{
  /*width: 960px;*/
  width: 1020px;
  background-color: #EAEEF8;
  padding-top: 30px;
  padding-bottom: 30px;
  margin: 50px auto;
  display: block;
}

/* NEXT WIRE バナー
----------------------------------------*/
.next-wire-banner {
  max-width: 960px;
  margin: 40px auto 60px;
  padding: 0 20px;
  box-sizing: border-box;
}

.next-wire-banner img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.3s ease;
}

.next-wire-banner a:hover img {
  opacity: 0.8;
}

/* フッタエリア
----------------------------------------*/
.footer{
  line-height: 180%;
  font-size: 11px;
  color: #FFF;
  background-color: #000000;
  padding: 10px 0;
}
.footer a {
  color: #FFF;
}
.footer a:hover {
  text-decoration: none;
  opacity: 0.7;
}
.footer:after{
  content: "";
  display: block;
  clear: both;
}
.c-footer-nav{
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
}
.nav-group{
  width: 130px;
  float: left;
}
.nav-group h4{
  border-bottom: 1px solid #fff;
}
.nav-group ul li:first-child{
  margin-top: 8px;
}
.footer-copyright{
  margin-top: 25px;
  padding-bottom: 5px;
}
.footer-copyright ul li{
    float: left;
    padding-right: 15px;
}
.copyright{
  text-align: right;
}
	.nav-sdgs_block{
		margin-bottom: 56px;
	}
} /* ＰＣブラウザ用設定閉じ */


/* ipad用設定
----------------------------------------*/
@media (min-width: 768px) and (max-width: 960px){
.p-specialcontents{
  /*width: 960px;*/
  width: 100%;
}
}



/* ページ先頭に戻るボタン
----------------------------------------*/
#pageTop {
  position: fixed;
  bottom: 80px;
  right: 40px;
}
#pageTop a {
  display: block;
  width: 35px;
  z-index: 999;
  border-radius: 5px;
  background-color: #000;
  color: #fff;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
  border: solid 1px #FFF;
  padding: 10px;
}
#pageTop a:hover {
  text-decoration: none;
  opacity: 0.7;
}


@media all and (-ms-high-contrast:none) {
  *::-ms-backdrop, .gsc-search-button {
  line-height: 0.3rem;
}
}
_:-ms-lang(x), _::-webkit-meter-bar,.gsc-search-button {
  line-height: 0.3rem;
}