@charset "utf-8";
/*=================================
1: reset-CSS
2: setting
3: header
4: footer
5: common-content
6: other
=================================*/


/* 1: reset-CSS
================================== */
/*
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com
Twitter: @rich_clark
*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
	font-weight: normal;
}
body {
	line-height:1;
	overflow-x: hidden;
}
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section,main {
	display:block;
}
li {
	list-style:none;
}
blockquote, q {
	quotes:none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content:'';
	content:none;
}
a {
	margin:0;
	padding:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
}

/* change colours to suit your needs */
ins {
	background-color:#ff9;
	color:#000;
	text-decoration:none;
}

/* change colours to suit your needs */
mark {
	background-color:#ff9;
	color:#000;
	font-style:italic;
	font-weight:bold;
}

del {
	text-decoration: line-through;
}
abbr[title], dfn[title] {
	border-bottom:1px dotted;
	cursor:help;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}

/* change border colour to suit your needs */
hr {
	display:block;
	height:1px;
	border:0;
	border-top:1px solid #cccccc;
	margin:1em 0;
	padding:0;
}
input, select {
	vertical-align:middle;
}

/* 2: setting
================================== */
*, *:before, *:after {
	box-sizing: border-box;
}

/* clearfix*/
.cf:after { content: ""; clear: both; display: block; }
.clear { clear: both;}

html {
	min-width: 1020px;
	font-size: 62.5%;
}
body {
	min-width: 1020px;
	font-family: 'Nunito', sans-serif;
	font-weight: 500;
	color: #323232;
	font-size: 18px;
	font-size: 1.8rem;
	line-height: 1.7;
	-webkit-print-color-adjust: exact;/* baskground_print */
	word-wrap: break-word;
	overflow-wrap: break-word;
	-webkit-font-smoothing: antialiased;/* safari_textBold*/
	-webkit-text-size-adjust: 100%;/* safari_textBold*/

}

img {
	display: block;
	line-height: 0;
}
input[type="submit"],
input[type="button"] {
border-radius: 0;
-webkit-box-sizing: content-box;
-webkit-appearance: button;
appearance: button;
border: none;
box-sizing: border-box;
cursor: pointer;
}
input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration {
display: none;
}
input[type="submit"]::focus,
input[type="button"]::focus {
outline-offset: -2px;
}

.pc {display:block;}
.sp {display:none;}

/* link */
a {
	color: #0A75B8;
	text-decoration: none;
	-webkit-transition: all .2s;
	transition: all .2s;
}
a:hover {
	color: #1ba3f9;
}
a img {
	-webkit-transition: all .2s;
	transition: all .2s;
}
a img:hover {
	opacity:.7;
}
a.hovre_line:hover {
	text-decoration: underline;
}


#main-image {
	height:800px;
}

video,
#video {
	position: fixed!important;
	right: 0;
	bottom: 0;
	width: auto;
	height: auto;
	z-index: -1;
}

.chem-bg {
	position: fixed!important;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
  isolation: isolate;
  background:
    radial-gradient(
      ellipse at 78% 85%,
      #3b98bd 0%,
      transparent 52%
    ),
    radial-gradient(
      ellipse at 45% 15%,
      #d0e8eb 0%,
      transparent 55%
    ),
    radial-gradient(
      ellipse at 5% 55%,
      #e5dceb 0%,
      transparent 48%
    ),
    #e9edf4;
}

/* 粒子の共通設定 */
.particles {
  position: absolute;
  inset: 0;
  pointer-events: none;
}

/* 小さな微粒子 */
.particles--small::before {
  content: "";
  position: absolute;
  top: 15%;
  left: 10%;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: rgba(255,255,255,.8);
  box-shadow:
    12vw 12vh 2px rgba(255,255,255,.45),
    25vw 35vh 1px rgba(255,255,255,.7),
    38vw 8vh 2px rgba(255,255,255,.5),
    48vw 48vh 2px rgba(255,255,255,.6),
    62vw 20vh 1px rgba(255,255,255,.8),
    72vw 55vh 2px rgba(255,255,255,.5),
    83vw 12vh 1px rgba(255,255,255,.7),
    90vw 42vh 2px rgba(255,255,255,.6),
    20vw 70vh 2px rgba(255,255,255,.5),
    55vw 75vh 1px rgba(255,255,255,.7);
  animation: floatSmall 18s ease-in-out infinite alternate;
}

/* 少し大きな粒子 */
.particles--large::before {
  content: "";
  position: absolute;
  top: 25%;
  left: 15%;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: rgba(255,255,255,.5);
  box-shadow:
    30vw 15vh 5px rgba(255,255,255,.2),
    52vw 35vh 4px rgba(255,255,255,.25),
    68vw -8vh 6px rgba(255,255,255,.2),
    15vw 40vh 4px rgba(255,255,255,.25),
    75vw 45vh 5px rgba(255,255,255,.2);
  animation: floatLarge 25s ease-in-out infinite alternate;
}

/* ほのかに光る粒子 */
.particles--glow::before {
  content: "";
  position: absolute;
  top: 55%;
  left: 35%;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: rgba(210,245,255,.9);
  box-shadow: 0 0 12px 3px rgba(210,245,255,.4);
  animation: glowFloat 12s ease-in-out infinite alternate;
}

@keyframes floatSmall {
  from {
    transform: translate3d(-1vw, 2vh, 0);
  }
  to {
    transform: translate3d(2vw, -4vh, 0);
  }
}

@keyframes floatLarge {
  from {
    transform: translate3d(2vw, 3vh, 0) scale(.9);
  }
  to {
    transform: translate3d(-3vw, -5vh, 0) scale(1.1);
  }
}

@keyframes glowFloat {
  from {
    transform: translate3d(-3vw, 3vh, 0);
    opacity: .35;
  }
  to {
    transform: translate3d(4vw, -5vh, 0);
    opacity: .9;
  }
}

@media (prefers-reduced-motion: reduce) {
  .particles::before {
    animation: none;
  }
}


.photo-deco {
  position: relative;
  isolation: isolate;
  width: min(100%, 800px);
  margin-inline: auto;
  padding: 10px;
  border: 1px solid rgba(255, 255, 255, .8);
  border-radius: 18px;

  background: rgba(255, 255, 255, .22);
  box-shadow:
    0 12px 40px rgba(40, 100, 145, .12),
    inset 0 0 18px rgba(255, 255, 255, .35);
  backdrop-filter: blur(8px);
}

.photo-deco img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 10px;
}

/* 写真の周りを漂う粒子 */
.photo-deco__particle {
  position: absolute;
  z-index: 2;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: rgba(255, 255, 255, .95);
  box-shadow: 0 0 12px rgba(100, 210, 255, .9);
  pointer-events: none;
  animation: photoParticle 5s ease-in-out infinite alternate;
}

.photo-deco__particle:nth-of-type(1) {
  top: -8px;
  left: 20%;
}

.photo-deco__particle:nth-of-type(2) {
  top: 30%;
  right: -8px;
  width: 5px;
  height: 5px;
  animation-delay: -2s;
}

.photo-deco__particle:nth-of-type(3) {
  bottom: 5%;
  left: -5px;
  width: 4px;
  height: 4px;
  animation-delay: -3.5s;
}

@keyframes photoParticle {
  from {
    transform: translate(0, 0);
    opacity: .4;
  }
  to {
    transform: translate(5px, -12px);
    opacity: 1;
  }
}

@media (prefers-reduced-motion: reduce) {
  .photo-deco__particle {
    animation: none;
  }
}


/* Topics全体 */
.topics {
  width: min(100% - 40px, 960px);
  margin: 0 auto;
  padding: 60px 0 80px;
  box-sizing: border-box;
}

/* 見出し */
.topics__heading {
  margin: 0;
  font-size: clamp(36px, 4vw, 52px);
  font-weight: 400;
  line-height: 1.3;
  text-align: center;
  letter-spacing: .04em;
  text-shadow: 0 2px 5px rgba(30, 70, 100, .2);
}

.topics__subheading {
  margin: 4px 0 30px;
  font-size: 11px;
  letter-spacing: .22em;
  text-align: center;
}

/* 半透明パネル */
.topics__list {
  margin: 0;
  padding: 8px 30px;
  list-style: none;
  border: 1px solid rgba(255, 255, 255, .75);
  border-radius: 18px;
  background: rgba(255, 255, 255, .78);
  box-shadow:
    0 15px 40px rgba(35, 95, 130, .12),
    inset 0 1px 0 rgba(255, 255, 255, .8);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}

/* 各ニュース */
.topics__list li + li {
  border-top: 1px solid rgba(90, 140, 165, .18);
}

.topics__list li a {
  display: grid;
  grid-template-columns: 140px minmax(0, 1fr) 24px;
  align-items: center;
  gap: 18px;
  padding: 22px 4px;
  color: #28566f;
  text-decoration: none;
  transition:
    color .25s ease,
    padding .25s ease;
}

/* 日付とカテゴリ */
.topics__meta {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 7px;
}

.topics__meta time {
  color: #6c899b;
  font-size: 12px;
  letter-spacing: .04em;
  font-variant-numeric: tabular-nums;
}

.topics__category {
  display: inline-block;
  padding: 3px 8px;
  border: 1px solid rgba(54, 145, 181, .3);
  border-radius: 4px;
  color: #287da1;
  font-size: 10px;
  letter-spacing: .08em;
}

/* タイトル */
.topics__title {
  font-size: 15px;
  line-height: 1.8;
  overflow-wrap: anywhere;
}

/* 右端の矢印 */
.topics__arrow {
  color: #3192b7;
  font-size: 20px;
  text-align: center;
  transition: transform .25s ease;
}

/* ホバー */
@media (hover: hover) {
  .topics__list li a:hover {
    padding-left: 10px;
    padding-right: 0;
    color: #087eaf;
  }

  .topics__list li a:hover .topics__arrow {
    transform: translate(3px, -3px);
  }
}

/* View All */
.topics__more {
  display: flex;
  justify-content: flex-end;
  margin-top: 22px;
}

.topics__more a {
  display: inline-flex;
  align-items: center;
  gap: 18px;
  padding: 12px 22px;
  border: 1px solid rgba(255, 255, 255, .8);
  border-radius: 30px;
  color: #fff;
  font-size: 13px;
  letter-spacing: .05em;
  text-decoration: none;
  transition: background .25s ease;
}

@media (hover: hover) {
  .topics__more a:hover {
    background: rgba(255, 255, 255, .2);
  }
}

/* スマートフォン */
@media (max-width: 600px) {
  .topics {
    width: calc(100% - 28px);
    padding: 40px 0 50px;
  }

  .topics__subheading {
    margin-bottom: 22px;
  }

  .topics__list {
    padding: 4px 18px;
    border-radius: 14px;
  }

  .topics__list li a {
    grid-template-columns: minmax(0, 1fr) 22px;
    gap: 8px;
    padding: 18px 0;
  }

  .topics__meta {
    grid-column: 1;
    flex-direction: row;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
  }

  .topics__title {
    grid-column: 1;
    font-size: 14px;
    line-height: 1.7;
  }

  .topics__arrow {
    grid-column: 2;
    grid-row: 1 / span 2;
  }
}

/* 動きを抑える設定 */
@media (prefers-reduced-motion: reduce) {
  .topics__list li a,
  .topics__arrow,
  .topics__more a {
    transition: none;
  }
}

/*
.gradient-bg {
  min-height: 400px;
  background: #e7edf4;
  isolation: isolate;
	position: fixed!important;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
}

.gradient-bg::before {
  content: "";
  position: absolute;
  inset: -30%;
  z-index: -1;

  background:
    radial-gradient(
      ellipse at 75% 80%,
      rgba(76,108,179, 0.85) 0%,
      rgba(65, 160, 205, 0.45) 25%,
      transparent 55%
    ),
    radial-gradient(
      ellipse at 45% 20%,
      rgba(165, 220, 225, 0.7) 0%,
      transparent 50%
    ),
    radial-gradient(
      ellipse at 10% 55%,
      rgba(210, 195, 225, 0.55) 0%,
      transparent 45%
    );

  filter: blur(35px);
  animation: gradientFlow 18s ease-in-out infinite alternate;
}

@keyframes gradientFlow {
  0% {
    transform: translate(-2%, -2%) scale(1);
  }
  50% {
    transform: translate(5%, 5%) scale(1.06);
  }
  100% {
    transform: translate(-1%, 3%) scale(1.02);
  }
}

@media (prefers-reduced-motion: reduce) {
  .gradient-bg::before {
    animation: none;
  }
}*/


/* 3: header
================================== */
#header {
	background: rgba(76,108,179,0.8);
	z-index: 33;
	min-width: 1100px;
	height:120px;
}
.header_inr {
	position: relative;
	width: 100%;
	max-width: 1100px;
	margin: 0 auto;
	padding: 0 10px 0;
}
.logo {
	/*position: absolute;
	top: 0;
	left: 0;
	z-index: 999999;*/
	padding:5px 5px;
}
.logo img {
	display:inline-block;
	vertical-align:bottom;
	width:45px;
	margin-right:5px;
}
.logo a {
	color:white;
	font-size:2.5rem;
	font-weight:bold;
}

.nomain #header {
	background: rgba(0, 25, 45, 1);
}

.day_main {
	width:100%;
	max-width:600px;
	position:absolute;
	bottom:80px;
	left:0;
	right:0;
	text-align:center;
	margin:0 auto;
}

	.day_main img {
		margin:0 auto;
		max-width:100%;
		height:auto;
	}

.news_inr {
	width:100%;
	max-width:1200px;
	position:absolute;
	bottom:20px;
	left:0;
	right:0;
	text-align:right;
	margin:0 auto;
}

	.news_inr img{
		width:150px;
		float:right;
	}

/* === gnav === */
.menu {
	/*font-family: 'Alegreya Sans SC', sans-serif;*/
}

.menu-container {
	width: 100%;
	margin: 0 auto;
	z-index: 33;
}
.navGlobal {
	position: relative;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: flex;
	z-index: 33;
	width:100%;
}
.navGlobal > li > a {
	display: block;
	margin: 10px 10px 15px;
	color: #FFF;
	font-size: 1.6rem;
	font-weight:bold;
}



.navGlobal > li.current > a,
.navGlobal > li.hover > a,

.page_icho2021 .navGlobal > li.menu_icho2021 > a,
.page_activity .navGlobal > li.menu_activity > a,
.page_problems .navGlobal > li.menu_problems > a,
.page_about .navGlobal > li.menu_about > a,
.page_japan .navGlobal > li.menu_japan > a,
.page_sponsors .navGlobal > li.menu_sponsors > a,
.page_videos .navGlobal > li.menu_videos > a {
	position: relative;
	color: #F1F1F2;
}
.navGlobal > li > a::after {/*PCgnav_hover underline*/
	position: absolute;
	bottom: -25px;
	left: 0;
	right: 0;
	content: "";
	display: block;
	width: 0;
	height: 5px;
	z-index: 666666;
	margin: 0 auto;
	background: #F1F1F2;
}
.navGlobal > li.current > a::after,
.navGlobal > li.hover > a::after,

.page_icho2021 .navGlobal > li.menu_icho2021 > a::after,
.page_activity .navGlobal > li.menu_activity > a::after,
.page_participation .navGlobal > li.menu_participation > a::after,
.page_problems .navGlobal > li.menu_problems > a::after,
.page_about .navGlobal > li.menu_about > a::after,
.page_japan .navGlobal > li.menu_japan > a::after,
.page_sponsors .navGlobal > li.menu_sponsors > a::after,
.page_videos .navGlobal > li.menu_videos > a::after {
	width: 100%;
	box-sizing: content-box;
	border-left: 2px solid #FFF;
	border-right: 2px solid #FFF;
	-webkit-transition:  0.3s ease-in-out;
	-moz-transition:  0.3s ease-in-out;
	transition: 0.3s ease-in-out;
}
.MegaDrop {
	position: absolute;
	left: 0;
	display: none;
	width: 100%;
	padding: 30px 50px 20px;
	background: #F1F1F2;
	z-index: 99;
	box-shadow : 1px 1px 4px rgba(0, 0, 0, 0.3);
}
/* 開閉ボタンのキーボードフォーカス */
.open_icn:focus-visible,
.megaNavClose:focus-visible {
    outline: 3px solid #005fcc;
    outline-offset: 3px;
}

/* メニュー内のリンクもフォーカスを見やすくする */
.MegaDrop a:focus-visible {
    outline: 3px solid #005fcc;
    outline-offset: 3px;
}

.nav_second {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: flex;
	flex-wrap: wrap;
}
.nav_second > li {
	width: 24%;
	margin-bottom: 10px;
	margin-right:1%;
}

	.navGlobal > li:nth-child(3) .nav_second > li {
		width:32%;
	}

.nav_second > li > a,
.nav_rec > li > a {
	display: block;
	font-size: 1.4rem;
	color: #333;
}

.nav_second li a {
	display: block;
	position: relative;
	padding: 8px;
	background: #FFF;
	box-shadow: 0 2px 2px rgba(0,0,0,0.3);
	border: 2px solid transparent;
	border-radius: 2px;
	color: #4c6cb3;
}
.nav_second li a:hover {
	border: 2px solid #EEE;
	box-shadow: none;
	color: #1ba3f9;
}

.megaDropLayer {
	position: absolute;
	left: 0;
	top: 0;
	display: none;
	content: "";
	width: 100%;
	min-width: 1020px;
	height: 100%;
	z-index: 22;
}
.megaNavClose {
	position: absolute;
	top: 10px;
	right: 10px;
	width: 32px;
	height: 32px;
	border: 1px solid #00192D;
	border-radius: 2px;
	background: #FFF;
	text-indent:-9999px;
	cursor: pointer;
}
.megaNavClose:hover {
	color: #FFF;
	background: #00192D;
}
.megaNavClose::before,
.megaNavClose::after {
	display: block;
	content: "";
	position: absolute;
	top: 48%;
	left: 0;
	right: 0;
	width: 16px;
	margin: auto;
	border-top: 2px solid #00192D;
}
.megaNavClose::before {
	transform: skewY(-45deg);
}
.megaNavClose::after {
	transform: skewY(45deg);
}
.megaNavClose:hover::before,
.megaNavClose:hover::after {
	border-color: #FFF;
}
.dl-trigger,
.open_icn,
.sp_layer {
	display: none;
}

.right_menu {
	position:absolute;
	top:25px;
	right:10px;
	z-index:999;
}

.menu .right_menu .flexbox_wap li {
	margin-left:10px;
}

/* 4: footer
================================== */
.banner {
	border-top:solid 1px #ebebeb;
}


.footer_inr_top {
	background: #fff;
}
.ft_top_inr {
	position: relative;
	max-width: 1200px;
	margin: 0 auto;
	padding: 50px 10px 10px 10px;
}

.gotop a {
	position: absolute;
	right: 0;
	top: 0px;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: flex;
	-webkit-align-items: center; /* Safari */
	align-items: center;
	-webkit-justify-content: center; /* Safari */
	justify-content: center;
	width: 50px;
	height: 50px;
	line-height: 1.2;
	background: #4c6cb3;
	text-align: center;
	color: #FFF;
	font-size: 1.5rem;
}
.gotop a:hover {
	background: #000;
}

#footer li a {
	display:block;
	color:#333;
}


#footer li dt {
    font-weight: bold;
    font-size: 1.8rem;
    margin-bottom: 0.5em;
}

#footer li dd {
	font-size:1.4rem;
}


.copy {
	padding: 20px 0;
	text-align: center;
	font-size: 1.2rem;
	color: #000;
	background:#4c6cb3;
	/*background:#2485bb;*/
	color:white;
}

/* 5: common-content
================================== */
#main section:last-child {
	padding-bottom: 100px;
}
.sec_mainimg {
	min-height: 300px;
	padding-top: 140px;
}
.third_mainimg {
	min-height: 250px;
	padding-top: 115px;
}
.main_img_inr {
	width: 100%;
	max-width: 1100px;
	min-width: 1020px;
	margin: 0 auto;
	padding: 0 10px;
}
.nomain #main {
	padding-top: 95px;
}
.nomain .layoutWrap_inr {
	padding-right: 20px;
	padding-left: 20px;
}
.layoutWrap {
	width: 100%;
	max-width: 1100px;
	min-width: 1020px;
	margin: 0 auto;
	padding: 0 10px;
}
.layoutWrap_inr {
	width: 100%;
	max-width: 900px;
	min-width: 900px;
	margin: 0 auto;
}

/* breadcrumb-list */
.pankuzu {
	padding: 5px 0;
	background: #FAFAFA;
}
.pankuzu_inr {
	width: 100%;
	margin: 0 auto;
	padding: 0 10px;
}
.pankuzu li {
	font-size: 1.4rem;
	display: inline-block;
}
.pankuzu li:before {
	content: " > ";
}
.pankuzu li:first-child:before {
	content:none;
}
.pankuzu li a:hover {
	text-decoration: underline;
}

#breadcrumb ul {
	max-width:1100px;
	margin:0 auto;
}

/*second page side-mmenu*/
#sidebar {
	float: left;
	width: 24%;
	max-width: 250px;
	margin: 0 0 100px 0;
}
#sidebar h2 span,
#sidebar h2 a {
	display: block;
	margin-bottom: 10px;
	font-size: 1.8rem;
	font-weight: bold;
	color: #00192d;
}
#sidebar h2 a:hover {
	color: #1ba3f9;
}
.sidebar_list {
	border-top: 1px solid #00192d;
	border-bottom: 1px solid #00192d;
}
.sidebar_list > li {
	border-bottom: 1px solid #e5e5e5;
}
.sidebar_list > li:last-child {
	border-bottom: none;
}
.sidebar_list > li > a,
.sidebar_list > li > span {
	display: block;
	padding: 15px 0 15px 20px;
	color: #333333;
}
.sidebar_list > .current > a,
.sidebar_list > .current > span,
.sidebar_list >li:hover > span,
.sidebar_list >li:hover > a {
	position: relative;
	background: #e5e5e5;
	color: #00192d;
}
.sidebar_list > .current > a::before,
.sidebar_list > .current > span::before,
.sidebar_list >li:hover > span::before,
.sidebar_list >li:hover > a::before {
	position: absolute;
	top: 15px;
	left: 0;
	display: block;
	content: "";
	width: 2px;
	height: 1.6em;
	border-left: 4px solid #00192D;
}
.sdlist_second li {
	padding: 5px 0 5px 30px;
}
.sdlist_second li:last-child {
	padding-bottom: 15px;
}
.clm2 {
	float: right;
	width: 76%;
	max-width: 820px;
	padding-left: 20px;
}
.caption {
	font-size: 1.4rem;
	text-align: center;
}
/* float */
.fL {float: left!important;}
.fR {float: right!important;}

/* common_text-decoration */
.fB {font-weight:bold;}
.fS {font-size: 1.4rem;}
.fbig {font-size: 2.1rem;}
.tL {text-align: left;}
.tC {text-align: center;}
.tR {text-align: right;}
.tel,.tel:hover {color: #323232;}
.red {color: #FF0000;}
.green {color:#0e9104;}
.tU {text-decoration: underline;}
.tUd {border-bottom:double;}
.border_G {border: 1px solid #e5e5e5;}
.border_bB {border-bottom: 1px solid #00192d;}
.nowrap {white-space:nowrap;}

.sp {display:none;}
.mauto {margin:0 auto;}

/* margin-padding */
.m0auto {margin: 0 auto!important;}
.m1em {margin:1em!important;}
.mT1em {margin-top:1em;}
.mT2em {margin-top:2em;}
.mT4em {margin-top:4em!important;}
.mB2em {margin-bottom:2em!important;}
.mB4em {margin-bottom:4em!important;}
.p1em {padding:1em!important;}
.mt10 {margin-top: 10px!important;}
.mt20 {margin-top: 20px!important;}
.mb0 {margin-bottom: 0px!important;}
.mb10 {margin-bottom: 10px!important;}
.mb20 {margin-bottom: 20px!important;}
.mb30 {margin-bottom: 30px!important;}
.mb40 {margin-bottom: 40px!important;}
.mr1em {margin-right:1em!important;}
.ml1em {margin-left:1em!important;}
.pb10 {padding-bottom: 10px!important;}
.pb20 {padding-bottom: 20px!important;}
.pb1em {padding-bottom: 1em!important;}
.tL {text-align:left!important;}
.tR {text-align:right;}

/* background-color */
.bg_B {background: #00192d;}
.bg_P {background: #dc294e;}
.bg_B2 {background: #00a7ee;}
.bg_gray {background: #F1F1F2;}
.bg_white {background: #FFF;}

/* title-Design */
.title2 {
	margin:30px auto 50px auto;
	text-align:center;
}

	.title2 img,
	.tC img {
		margin:0 auto;
	}


.disc li {
	margin-left:2em;
	list-style-type:disc;
}

/* icon */
.pdf {
    background: url(../images/icn_pdf.gif) no-repeat;
    padding: 2px 2px 2px 20px;
}


/* flexbox */
.flexbox_sbwap {/* 謚倥ｊ霑斐＠繝ｻ豌ｴ蟷ｳ譁ｹ蜷醍ｫｯ謠�∴ */
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: flex;
	-webkit-justify-content: space-between; /* Safari */
	justify-content: space-between;
	-webkit-flex-wrap: wrap; /* Safari */
	flex-wrap: wrap;
}
.flexbox_sb {/* 謚倥ｊ霑斐＠縺ｪ縺励�豌ｴ蟷ｳ譁ｹ蜷醍ｫｯ謠�∴ */
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: flex;
	-webkit-justify-content: space-between; /* Safari */
	justify-content: space-between;
}
.flexbox_cwap {/* 謚倥ｊ霑斐＠繝ｻ豌ｴ蟷ｳ荳ｭ螟ｮ謠�∴ */
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: flex;
	-webkit-justify-content: center; /* Safari */
	justify-content: center;
	-webkit-flex-wrap: wrap; /* Safari */
	flex-wrap: wrap;
}
.flexbox_wap {/* 謚倥ｊ霑斐＠縺ｮ縺ｿ */
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: flex;
	-webkit-flex-wrap: wrap; /* Safari */
	flex-wrap: wrap;
}
.flexbox_atc {/* 蝙ら峩譁ｹ蜷台ｸｭ螟ｮ謠�∴ */
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: flex;
	-webkit-align-items: center; /* Safari */
	align-items: center;
}
.flexbox_baseline {/* 蝙ら峩譁ｹ蜷台ｸｭ螟ｮ謠�∴ */
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: flex;
	-webkit-align-items: baseline; /* Safari */
	align-items: baseline;
}



/* 6: other
================================== */
/* === top-page === */
#mainimg {
	min-height: 700px;
	position:relative;
	/*background:url(../images/illust2.png) no-repeat top center;*/
}
.mainimg_inr {
	position: relative;
	width: 100%;
	/*max-width: 1200px;*/
	margin: 0 auto;
	padding: 0;
	color: #FFF;
	text-align:center;
}

.mainimg_inr .fL {
	margin-top:60px;
}
.topics_box {
	width: 100%;
	min-width: 1200px;
	background: #4c6cb3;
}
.topics_inr {
	width: 100%;
	max-width: 1000px;
	margin: 0 auto;
	padding: 30px 10px;
	overflow:hidden;
}

.about_banner li {
	background:white;
	width:32%;
	margin-bottom:20px;
}

.about_banner {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: flex;
	-webkit-justify-content: space-between; /* Safari */
	justify-content: space-between;
	-webkit-flex-wrap: wrap; /* Safari */
	flex-wrap: wrap;
}

.about_banner.catalyzer li {
	width:25%;
	margin:1em;
}
.catalyzer {
	justify-content: center;
	-webkit-justify-content: center;
}
.catalyzer .day {
	background:#4c6cb3;
	color:white;
	padding:0.2em;
}

.list__item {
  width: calc((100% - 40px) / 3);
  min-height: 300px;
  margin-bottom: 20px;
  background: gray;
}
.list__item__link {
  color: black;
  line-height: 1.5;
  text-decoration: none;
  display: block;
  width: 100%;
}

	.about_banner img {
		margin:1em auto;
		height:auto;
		max-width:100%;
	}

.ribbon_box{
    display: block;
    position: relative;
    margin: 15px auto;
    padding: 10px 0;
    background: #f1f1f1;
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.6);
    box-sizing: border-box;
}

.ribbon_area {
    position: absolute;
    top: -6px;
    right: -6px;
    width: 89px;
    height: 91px;
    overflow: hidden;
    z-index:9;
  }

.ribbon {
    display: inline-block;
    position: absolute;
    padding: 7px 0;
    left: -23px;
    top: 22px;
    width: 160px;
    text-align: center;
    font-size: 18px;
    line-height: 16px;
    background: #ffa520;
    color: #fff;
    letter-spacing: 0.05em;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}

.ribbon:before,.ribbon14:after{
    position: absolute;
    content: "";
    border-top: 4px solid #b2751b;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    bottom: -4px;
}

.ribbon:before{
    left: 14px;
}

.ribbon:after{
  	right: 18px;
}


.figure_box {
	position: relative;
	overflow: hidden;
	z-index: 3;
	padding:10px;
	text-align:left;
	margin:0 auto;
}

	.figure_box img {
		margin:0 auto;
		width:100%;
		height:auto;
	}

.day {
	margin-top:10px;
}


.inr {
	max-width:1100px;
	margin:0 auto;
	padding:50px 0 100px 0;
}

.omotenashi {
	background: #4c6cb3;
	margin-top:1em;
	color:white;
	padding:20px;
	min-height:220px;
	text-align:center;
	margin-bottom:0;
	line-height:1.4;
	/*font-family:-apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", sans-serif;*/
	font-size:1.5rem;
}

	.omotenashi .tit {
		font-weight:bold;
		font-size:2.0rem;
		margin-bottom:0.5em;
	}

	.itlic{font-style: oblique;  }

/*message*/
.message,
.hosting {
	background: rgba(255,255,255,0.8);
	margin:0;
}
/*about*/
.about {
	background: #d13d33;
	margin:0;
}

/*sponsor*/
.sponsor {
	background:#eab53b;
}

.more > a {
	display:block;
	background:#4c6cb3;
	color:white;
	width:5em;
	height:50px;
	line-height:50px;
	text-align:center;
	margin:0 auto;
}

	.more > a:hover {
		background:#000;
	}

/*hosting*/
.hosting p img {
	width:100%;
}




.edit_buttun {
  position: relative;
  display: inline-block;
  background: #fff;
  border-radius: 3px;
  padding: 2px;
}

.edit_buttun a img,
.post-edit-link img{
	width:40px;
	display: inline;
	height: 20px;
	margin-left: 5px;
}

#breadcrumb li:last-of-type{
    pointer-events: none;
}



/*news -- event*/


.topics_inr .event .smallbox{
	margin: 0 auto;
}


.topics_inr .event a{
	display: inline;
}

.topics_inr .event img{
	margin: 30px auto;
}

.topics_inr .event dl{
	border-bottom: 1px solid #3f3f3f;
	padding-bottom: 20px;
}


.topics_inr .event dt{
	display: inline-block;
	min-width: 100px;
	background: #4c6cb3;
	color: #fff;
	text-align: center;
	float: left;
	margin-bottom: 1.5em;
 	 margin-right: 20px;
}

.topics_inr .event dd{
  margin-left: 10%;
	margin-bottom: 1.5em;
}


.topics_inr dd:after {
  content: '';
  display: block;
  clear: both;
}

.topics_inr .event dt::before{
	content: "";
	width: 14px;
	height: 14px;
	background-size: contain;
	display: inline-block;
	color: #fff;
	margin-right: 10px;
}




.topics_inr .event dt.date::before{
	background-image: url(https://www.icho2021.org/images/ico_calendar.svg);
}

.topics_inr .event dt.place::before{
	background-image: url(https://www.icho2021.org/images/ico_place.svg);
}

.topics_inr .event dt.access::before{
	background-image: url(https://www.icho2021.org/images/ico_access.svg);
}

.topics_inr .event dt.company::before{
	background-image: url(https://www.icho2021.org/images/ico_company.svg);
}


.topics_inr .event th{
	min-width: 200px;
}

.poster li {
	width: calc(100%/4.2);
	margin-bottom:10px;
}

.poster img {
	max-width:100%;
	height:auto;
}

.btn a {display:block; width:10em; margin:0 auto; background:#485a82; color:white; border-radius:10px; padding:0.5em;}


/*イベント終了用　トップページ改修*/
.interviewBox {
	color: #FFF;
	text-shadow: 2px 3px 3px rgba(0, 0, 0, 0.4);
	text-align: center;
}
.interviewBox img {
	max-width: 400px;
	margin: 0 auto 24px;
}
@media only screen and (max-width: 768px) {
	.interviewBox img {
		max-width: 300px;
	}
}
.interviewBox p {
	font-size: 3.2rem;
	font-weight: bold;
}
.interviewBox p span {
	font-size: 3.6rem;
	font-weight: bold;
}
@media only screen and (max-width: 768px) {
	.interviewBox p {
		font-size: 1.8rem;
	}
	.interviewBox p span {
		font-size: 2.4rem;
	}
}
.interviewBox a {
	background-color: #FFF;
	color: #485a82;
	text-align: center;
	font-weight: bold;
	text-shadow: none;
	box-shadow: 0 3px 5px rgba(0, 0, 0, 0.6);
	font-size: 3.2rem;
}
.jp .interviewBox a {
	width: 100%;
	max-width: 20em;
	font-size: 2.4rem;
}
.pc_none {
	display: none;
}
@media only screen and (max-width: 768px) {
	.interviewBox a {
		font-size: 2.8rem;
	}
	.jp .interviewBox a {
		font-size: 2.1rem;
	}
	.pc_none {
		display: block;
	}
}
.interviewBox a:hover {
	opacity: 0.7;
}
.interviewBox .dli-caret-right {
	color: #485a82;
}
.interviewBox .slick-box2 {
	max-width: 480px;
}
.interviewBox .slick-box2 .slick-next {
	right:10px;
	top: 49%;
	z-index: 999;
}
.interviewBox .slick-box2 .slick-prev {
	left: 0px;
	z-index: 999;
}
.interviewBox .slick-box2 .slick-prev:before,
.interviewBox .slick-box2 .slick-next:before {
	font-size: 30px;
	opacity: 1;
	z-index: 999;
}
.eventClose .topics_inr {
	padding: 0 16px 40px;
}
.eventClose .topics_box img {
	max-height: 40svh;
}
.mB1em {margin-bottom:1em!important;}
.ttlDesign01 {
	margin-bottom: 24px;
	font-weight: bold;
	font-size: 4rem;
	text-align: center;
	text-shadow: 2px 3px 3px rgba(0, 0, 0, 0.4);
}
.topics_inr .ttlDesign01 {
	color: #FFF;
	font-size: 5.4rem;
}
.dli-caret-right {
  display: inline-block;
  vertical-align: middle;
  color: #FFF;
  line-height: 1;
  width: 0;
  height: 0;
	margin-left: 16px;
  border-style: solid;
  border-color: transparent;
  border-width: 0.375em 0.64952em;
  border-left-color: currentColor;
  border-right: 0;
}