@charset "UTF-8";

/*
======== table of content. ===============
summary:ヘッダー・フッター
====================================
*/

/* ***** PC ***** */

/* ヘッダー */
#sm_header { position: relative; display: flex; justify-content: flex-end; align-items: center; }

.header_logo { position: absolute; left: 0; top:0; width:181px; margin:.7% 0 .7% 4.4%; }

/*ハンバーガー*/
.el_humburger { display: none; }

.uq_spNavi { display: flex; justify-content: space-between; padding-right: 3rem; }

.pc .uq_spNavi,
.ipad .uq_spNavi { opacity: 1!important; }

.uq_spNavi li { font-size: 1.4rem; font-weight: 600; }
.uq_spNavi li a { position: relative; display: block; padding: 3rem 1rem 3rem 3rem; }


.uq_spNavi li a::before { position: absolute; top: 0; bottom: 0; right: 0; margin: auto; content: ""; vertical-align: middle; width: 4px; height: 4px; border-top: 1px solid #000; border-right: 1px solid #000; transform: rotate(45deg); }

.ipad .uq_spNavi li { white-space: nowrap; }
.ipad .uq_spNavi li a::before { display: none; }

.uq_spNavi li a:hover { opacity: .6; }

/* current表示 */
.home .uq_spNavi li:first-child a,
.policy .uq_spNavi li:nth-child(2) a,
.tokyosummit2020 .uq_spNavi li:nth-child(3) a,
.report .uq_spNavi li:nth-child(3) a ,
.related .uq_spNavi li:nth-child(4) a 
{ color:#eb6739; text-decoration: underline; }
.home .uq_spNavi li:first-child a::before,
.policy .uq_spNavi li:nth-child(2) a::before,
.tokyosummit2020 .uq_spNavi li:nth-child(3) a::before,
.report .uq_spNavi li:nth-child(3) a::before,
.related .uq_spNavi li:nth-child(4) a::before { content: none; }
.home .uq_spNavi li:first-child a:hover,
.policy .uq_spNavi li:nth-child(2) a:hover,
.tokyosummit2020 .uq_spNavi li:nth-child(3) a:hover,
.related .uq_spNavi li:nth-child(4) a:hover 
.report .uq_spNavi li:nth-child(4) a:hover 
{ opacity: 1; }

/*言語メニュー*/
.sec_language,
.sec_language_sub { width:120px; }
.sec_language li { font-size: 1.2rem; font-weight: 700; }


.sec_language li a { position: relative; display: block; width: 100%; text-align: center; text-decoration: underline; cursor: pointer; }
.sec_language li a:hover { opacity: .7; }

/*カレント言語*/
.sec_language .current_lang { padding: 3em 1em; background: #e38c30; color:#fff; }
.sec_language li a::after { position: absolute; top: 0; bottom: 0; margin: auto; content: ""; vertical-align: middle; }
.sec_language li .current_lang::after { right: 20%; top:4px; box-sizing: border-box; width: 5px; height: 5px; border: 5px solid transparent; border-top: 5px solid #fff; }

/*en*/
.en .sec_language li .current_lang::after { right:10%; }

.sec_language li .current_lang.active::after { top:-4px; transform: rotate(-180deg); }

/*プルダウン言語*/
.sec_language_sub { position: absolute; display: none; }
.link_lang { padding-top: 1.5em; padding-bottom: 2.5em; background: #1a1a1a; color:#e38c30; }
.sec_language li .link_lang::after{ left: 0; right: 0; top:40%; width: 4px; height: 4px; border-top: 2px solid #e38c30; border-right: 2px solid #e38c30; transform: rotate(45deg); }


/* フッター */
#sm_footer { padding:2em; background: #333333; }
.txt_copyright { color:#fff; font-size: 1rem; font-weight: 700; text-align: center; }

/* このページのトップへ */
.topagetop { position: fixed; display: none; opacity: 0; bottom:1.2vw; right: 2vw; }
.topagetop.fade { display: block; opacity: 1; animation-duration: 1s; animation-name: fade-in; }
@keyframes fade-in { 0% {display: none;opacity: 0;} 1% {display: block;opacity: 0;} 100% {display: block;opacity: 1;} }

.topagetop a { position: relative; display: block; width: 40px; height: 40px; background: #1b70af; border-radius: 30px; }
.topagetop a::before { position: absolute; left: 0; top: 0; bottom: 0; right: 0; margin: 16px auto 0; content: ""; vertical-align: middle; width: 8px; height: 8px; border-top: 2px solid #fff; border-right: 2px solid #fff; transform: rotate(-45deg); }

.topagetop a:hover { opacity: .7; }

/* ***** SP ***** */
@media screen and (max-width: 960px) {

/* ヘッダー */
#sm_header { height: 13vw; }

.header_logo { position: absolute; top:15%; left: 0; right:0; width:181px; margin:auto; }

@media screen and (max-width: 767px) { .header_logo { top:0; width:33%; margin: 1% auto; } }

/*ハンバーガーボタン*/
.el_humburger { position: relative; display: block; /*position: fixed; top: 2.7vw;*/ margin-top: 2vw; margin-right: 2.66vw; width: 40px; height: auto; box-sizing: border-box; z-index: 10000; transition: all 0.2s ease-in-out; cursor: pointer; pointer-events: auto; }
.el_humburger_inner { padding: 0 5px 2px; }
.el_humburger_inner > span { display: block; width: 100%; margin: 0 auto 6px; height: 2px; background: #000; transition: all 0.2s ease-in-out; }
.el_humburger_inner > span:last-child { margin-bottom: 0; }

.js_humburgerOpen .el_humburger_inner > span.top { transform: translateY(9px) rotate(-45deg); }
.js_humburgerOpen .el_humburger_inner > span.middle { opacity: 0; }
.js_humburgerOpen .el_humburger_inner > span.bottom { transform: translateY(-6px) rotate(45deg); }

.el_humburgerButton__close > span { display: block; width: 35px; margin: 0 auto; height: 4px; background: #fff; }
.el_humburgerButton__close > span.el_humburgerLineTop { transform: translateY(5px) rotate(-45deg); }
.el_humburgerButton__close > span.el_humburgerLineBottom { transform: translateY(-6px) rotate(45deg); }

.el_humburger p { margin-top: .2em; color:#000; font-size: 0.8rem; text-align: center; }
.js_humburgerOpen .el_humburger p  { margin-top: .5em; }


.uq_spNavi {}
#gnavi.js_appear { position: fixed; top: 0; left: 0; bottom: 0; right: 0; display: block; z-index: 9999; }
.uq_spNavi_screen { position: absolute; top: 0; left: 0; bottom: 0; right: 0; background-color: rgba(255, 255, 255, 0.96); z-index: 0; margin-top: 0px; padding-top: 0px; overflow: auto; -webkit-overflow-scrolling: touch; }

#gnavi { background-color: rgba(255,255,255,.9); }

#gnavi { display: none; padding-top: 3em; justify-content: center; align-items: center; width:auto; margin: auto; }
#gnavi li { width:auto; margin: 0 10%; border-bottom: 1px solid #ddd; font-size: 1.6rem; text-align: center; }
#gnavi li:last-child { border-bottom: none; }
#gnavi a {  }
#gnavi a:hover { opacity: .7; }
#gnavi li:last-child a { border:none; }

/*言語メニュー*/
.sec_language { position: absolute; left: 0; }
.ie11 .sec_language { top:0; }

.sec_language { width:18.66%; }
.sec_language_sub { width:100%; }
.sec_language li { font-size: 1rem; }
.sec_language li a {  }
.sec_language li a:hover { opacity: 1; }

/*カレント言語*/
.sec_language .current_lang { padding-top: 1.8em; padding-bottom: 1.8em; }
.sec_language li a::after {  }
.sec_language li .current_lang::after { left: 0; right: 0; top:50%; box-sizing: border-box; width: 4px; height: 4px; border: 4px solid transparent; border-top: 5px solid #fff; }

.sec_language li .current_lang.active::after { top:46%; }

/*プルダウン言語*/
.sec_language_sub { position: absolute; display: none; z-index: 3; }
.link_lang { padding-top: 1.1em; padding-bottom: 2.2em; background: #1a1a1a; color:#e38c30; }
.sec_language li .link_lang::after{  }




/* フッター */
#sm_footer { padding:1em; }


/* このページのトップへ */
.topagetop { right: 1.3vw; bottom:.7vw; transform: scale(0.825); }


@media screen and (orientation: landscape) {
#sm_header { height: 9vw; }
.header_logo { width:22%; margin: .5% auto; }
/*ハンバーガーボタン*/
.el_humburger { margin-top: 1.5vw;  }
/*カレント言語*/
.sec_language .current_lang { padding-top: 2.3em; padding-bottom: 2.3em; }
}
	
}


/* iPhone SE */
@media screen and (max-width: 320px) {
}