@charset "UTF-8";

/*
======== table of content. ===============
summary:ページ要素（SP）
==========================================
*/
@media screen and (max-width: 767px) {
body {-webkit-text-size-adjust: 100%;}

/* コンテンツ */
#content { line-height: 200%; }

/* メインビジュアル */
#mv { margin-bottom: -6vw; }
#mv h1 { margin-top: -20vw; }
#mv h1 span { font-size: 6vw; }

/*en*/
.en #mv h1 { margin-top: -16vw; letter-spacing: 0.1em; }
.en #mv h1 span { font-size: 4.5vw; }

/* イントロ */
.txt_intro { padding:10.6% 3.2%; }
.txt_intro p { font-size: 1.6rem; }

/*en*/
.txt_intro p { font-size: 1.4rem; }

/* コンテンツ */
.content_inner { padding-left: 5.3%; padding-right: 5.3%; }

.home .content_inner { padding-top: 14%; padding-bottom: 14%; }

/* 東京栄養サミット2020開催 */
.sec_summit {  }

.sec_summit h2 {  }
.sec_summit .img_sm { margin-left: 0; margin-right: 0; }

.sec_summit p { text-align: left; }

/* パリサミット開催 */
.paris_inner { width: 100%; margin: 0 auto; }

/* 関連資料・リンク */
.sec_link { }
.sec_link h2 { margin-bottom: 8%; }


/* /policy/ */
.sec_kaiketsu p { text-align: left;  }

/* /tokyosummit2020/ */
.sec_poster figure { padding: 0 0; }

.sec_detail h3 { margin-bottom: 12.2%; font-size: 1.8rem; }
.sec_detail h3::after {  }
.sec_detail p { margin-bottom: 12.2%; }

/* /en/policy/ */
.sec_policies { padding-top: 0; }
.sec_policies .box_basemake { margin-bottom: 14.6%; }
.sec_policies dt { font-size: 1.6rem; z-index: 1; }
.sec_policies dd { display: none; padding-bottom: 4.5rem; }

.sec_policies dt::before,
.sec_policies .btn_close::before { top: 2.6rem; }
.sec_policies dt.on::before { top: 3rem; }
.sec_policies dt.on::after { content: "HIDE"; }
.sec_policies .btn_close::before { top:1rem; }
.sec_policies dt:hover::after,
.sec_policies .btn_close:hover::after { opacity: 1; }


@media screen and (orientation: landscape) {

/* イントロ */
.txt_intro p { font-size: 3vw; line-height: 180%; }

}
	
}


/* iPhone SE */
@media screen and (max-width: 320px) {
/* /en/policy/ */
.sec_policies dt::before,
.sec_policies .btn_close::before { right: 0.3rem; }
.sec_policies dt::after,
.sec_policies .btn_close::after { padding: 0.1em 1.2em 0.1em 0; font-size: 1rem; }

}