@charset "utf-8";
.none,
.name,
.keyv .sp,
.entrydit {display: none;}

main {margin-bottom: 3em;}
p{margin: 0;}

section {padding: 6% 20px;}

h3 {font-size: 1.4rem;}
h3 + *{margin-top: 16px;}
.slider {
  /* opacity: 0; */
  transition: opacity .3s linear;
}
.slider.slick-initialized {opacity: 1;}

.mv {text-align: center;}

.keyv {
  position: relative;
  width: 100%;
}
.keyv>h1 {
	margin: 0 auto;
	padding: 0;
}
.keyv_txt {
	font-feature-settings: "palt";
	position: absolute;
	top: .5em;
	right: .4em;
	font-size: 1.23em;
	color: #0e1b7f;
	font-weight: bold;
	text-shadow: 1px 1px 0 #FFF, -1px -1px 0 #FFF, -1px 1px 0 #FFF, 1px -1px 0 #FFF, 0px 1px 0 #FFF, 0 -1px 0 #FFF, -1px 0 0 #FFF, 1px 0 0 #FFF;
	line-height: 1.2;
	transform-origin: 90% 50%;
	animation:keyv 3s;
}
.keyv_txt.tst{font-family: 'Dela Gothic One', cursive;}

.sdg_logo{
	position: absolute;
    bottom: 10px;
    right: 20px;
    width: 11%;
}
.sdg_logo > img{max-width: 100%;}

#topics{
	padding: 60px 0;
    background: #0f1c80;
}
#topics h2{color: #fff;}

ul.topics_box {
    display: flex;
    gap: 20px;
	justify-content: center;
	flex-wrap: wrap;
    width: 80%;
    margin-inline: auto;	
}
li.topics_item {
    width: 48%;
	text-align: center;
}
.topics_item img{
	border-radius: 10px;
	box-shadow: 0px 10px 10px #080f4791;
}
#site_info{	padding: 0;}
#site_info .site_box{
	max-width: 1980px;
	display: flex;
	justify-content: center;
    margin-inline: auto;
	background-image: radial-gradient(#e5f4fc7a 19%, transparent 0), radial-gradient(#ccefff40 16%, transparent 0);
    background-position: 0 0, 40px 40px;
    background-size: 80px 80px;
}

.site_txt{
	width: 50%;
	padding: 4% 0 4% 10%;
	padding-left: 5%;
	color: #00448f;
	background: #fff;
    /* background-image: radial-gradient(#e5f4fc7a 19%, transparent 0), radial-gradient(#ccefff40 16%, transparent 0); */
    background-position: 0 0, 40px 40px;
    background-size: 80px 80px;
	display: flex;
    flex-direction: column;
    justify-content: center;
}
.site_txt > p.dela{
	font-size: clamp(2.25rem, 1.637rem + 2.8vw, 5rem);
}

.site_img{
	width: 50%;
	background-color: #aaa;
	background: url(/images/site_yumenoshima.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}

.outline_wrap .site_img{
	width: 50%;
    background: #ffffee;
}

.exhibit_link.site_btn{margin:40px 0 0;}

/* @keyframes keyv {
	from {
		color: rgb(255,255,0,.4);
		transform: scale(8);
	}
} */

#info>div>dl {max-height: 18em;}

.wrap_announce {
  margin: auto;
}
.wrap_announce .add {
  background-position: center;
  display: flex;
  margin: 0 auto 2%;
  max-width: 850px;
  flex-direction: column;
}
.wrap_announce .contactform {
  background: #FFDA00;
  border-radius: 15px;
  margin: auto;
  padding: 1%;
  font-weight: bold;
  width: 40%;
  margin: 2% auto;
}

#announce {
  width: 40%;
  margin: 2% auto 0;
  padding: 0;
}

.keyv img {width: 100%;}

#announce h2 {color: #E7242E;}
#announce p {
  width: 100%;
  margin: 0 auto 1em;
}

.entrydit p {
  width: 45%;
  max-width: 263px;
  text-align: center;
  margin: 0 2% 2%;
}

.entrydit p a {
  text-decoration: none;
  background: #FFDA00;
  border-radius: 15px;
  display: inline-block;
  width: 100%;
  height: 5em;
}
.entrydit p a:hover {
  opacity: .6;
  filter: opacity(60);
}
.entrydit p.exhibit a {padding: 1.5em 0 0;}
.entrydit p.contact a {padding: 1em 0 0;}

/*-------------------------------
			イベント紹介
-------------------------------*/
#intro{
	background: #e5f4fc;
	margin-bottom: 0;
	padding: 6% 20px 2%;
	width: 100%;
	/* text-align: center; */
	background-image: url(/images/intro_ttlbg.png), url(/images/awa_haikei2024.png);
	background-repeat: no-repeat, repeat-y;
	background-size: contain, contain;
}
#intro h2.dela + *{
    margin-top: 40px;
  /* #intro .intro_txt{
	width: 42%;
	line-height: 4em;
    color: #00428e;
    font-weight: 600;
    font-size: 1.2rem;
    display: inline;
    box-decoration-break: clone;
    -webkit-box-decoration-break: clone;
    background: #fff;
    padding: 10px;*/
  }

#intro_box {	
/* background: url(/images/logo_bgwhite.png) right 153px / 600px auto no-repeat, url(/images/fishes_bg.png) 10% 80px / 400px auto no-repeat,url(/images/fishes_bg.png) 22% 550px / 400px auto no-repeat; */
width: 100%;
}

.intro_inner {
    max-width: 1100px;
    margin-inline: auto;
}

picture.intro_catch {
    max-width: 1000px;
    width: 100%;
    display: block;
    margin-inline: auto;
}

.intro_txt {
        /* width: 40%; */
    line-height: 2;
	text-align: center;	
	margin-bottom: 60px;
}
.intro_txt > p {
    line-height: 3em;
    font-weight: 600;
    font-size: 1.2rem;
    box-decoration-break: clone;
    -webkit-box-decoration-break: clone;
    /* background: linear-gradient(transparent 60%, #ffdb008c 0%); */
    color: #00448f;
}

#ambassador{
	background: #fff;
    background-image: radial-gradient(#e5f4fc80 19%, transparent 0), radial-gradient(#e5f4fc80 16%, transparent 0);
    background-position: 0 0, 40px 40px;
    background-size: 80px 80px;
}
#ambassador > h2{
	width: 100vw;
    margin-left: calc(50% - 50vw);
	background: #ffdb00;
    padding: .3em 0;
    rotate: 358deg;
	box-shadow: 0 4px 0 #00448f;
}

.ambassador_box{
	max-width: 1400px;
	margin-inline: auto;
}
.ambassador_box > div{
	margin-top: 5%;
    display: flex;
	max-width: 1200px;
    align-items: center;
    justify-content: space-between;
    border-radius: 20px;
    padding: 30px 60px;
}
.ambassador_box > div:last-of-type{flex-direction: row-reverse;}

div#chiitan {
	margin-right: auto;
    background: #ea6883;
    color: #fff;
}
div#rbite {
	margin-left: auto;
    background: #0f1c80;
    color: #fff;
}

.chiitan_img,.rbite_img {width: 50%;}
.chiitan_txt,.rbite_txt {width: 48%;}
#chiitan .chiitan_txt > p + p,#rbite .rbite_txt > p + p {margin-top: 20px;}
.chiitan_txt > h1, .rbite_txt > h1 {
	margin-top: inherit;
    font-size: 42px;
    text-align: left;
    margin-bottom: 0;
	color: inherit;
}
#chiitan .chiitan_txt > p:first-of-type,#rbite .rbite_txt > p:first-of-type{
	margin-top: 20px;
}
.chiitan_txt > p:last-child > a,.rbite_txt > p:last-child > a {
	position: relative;
	display: block;
    background: #fff;
    padding: .5em 1em;
    border-radius: 20px;
    max-width: 300px;
    text-align: center;
	font-weight: 600;
}
.chiitan_txt > p:last-child > a{color: #ea6883;}
div.pic_box{
	width: 60%;    
	margin: 0 auto;
	text-align: center;
}
#contents h2.dela + * {margin-top: 60px;}
.cate_list {
	/* display: flex; */
	flex-wrap: wrap;
	max-width: 1200px;
	margin: 10px auto 0;
	justify-content: center;
	gap: 6rem 60px;
}
.cate_item {
	display: flex;
	padding: 20px;
	align-items: center;
	justify-content: center;
	gap: 4%;
	align-items: center;
	/* border: 4px solid #00448f; */
	padding: 20px 30px;
	/* box-shadow: 0 6px 0 #00448f; */
	/* border-radius: 20px;
	background: #fff; */
}
.cate_txt {width: 40%;}
/* .cate_txt {
	border-radius: 20px;
	background: #fff;
} */
.cate_item.reverse {flex-direction: row-reverse;}
.cate_ttl {
	font-size: 36px;
	font-weight: 600;
	display: flex;
	align-items: center;
}
.cate_icon{margin-right: 2px;}
.cate_img {
	max-width: 600px;
	width: 44%;
	border-radius: 20px;
	text-align: center;
}
/* .cate_img.cate_02 {
	background-image: linear-gradient(45deg, #e84f79 30%, #ffffff 20%, #ffffff 50%, #e84f79 50%, #e84f79 80%, #ffffff 70%);
	box-shadow: 7px 7px 0 #e84f79;
}
.cate_img.cate_03 {
	background-image: linear-gradient(45deg, #f39e59 30%, #ffffff 20%, #ffffff 50%, #f39e59 50%, #f39e59 80%, #ffffff 70%);
	box-shadow: 7px 7px 0 #f39e59;
}
.cate_img.cate_04 {
	background-image: linear-gradient(45deg, #9bc743 30%, #ffffff 20%, #ffffff 50%, #9bc743 50%, #9bc743 80%, #ffffff 70%);
	box-shadow: 7px 7px 0 #9bc743;
} */
.cate_img > img{border-radius: 20px;}
.cate_item.lower {margin-top: 100px;}
.cate_others {
	position: relative;
	max-width: 1000px;
	margin: 80px auto 0;
	background: #fff;
	padding: 40px 20px;
	border-radius: 20px;
	border: 4px solid #00448f;
}
.others_box {
	width: 60%;
	margin-right: auto;
}
.others_ttl {
	font-size: 24px;
	margin-top: -60px;
	padding: 10px 40px;
	background: #00448f;
	border-radius: 20px;
	color: #fff;
	max-width: 430px;
}
.others_txt {margin-top: 20px;}
.others_img {
	position: absolute;
	top: -30%;
	right: -26px;
}

/*-------------------------------
			コンテンツ紹介
  -------------------------------*/
/* #contents {
	background: #f6cad3;
} */
#contents {
	background: none;
	font-weight: bold;
	padding: 6% 20px;
}
#contents h2.dela{
	position: relative;
	width: fit-content;
	margin-inline: auto;
}
#contents h2.dela::before {
	content: "";
	position: absolute;
	top: -32px;
	left: -122px;
	background: url(/images/kai1.png);
	width: 100px;
	height: 87px;
}
#contents h2.dela::after {
	content: "";
	position: absolute;
	top: -32px;
	right: -122px;
	background: url(/images/kai3.png);
	width: 100px;
	height: 87px;
}
.comsoon{position: relative;}
.comsoon > img {
	width: 480px;
	display: block;
	margin-inline: auto;
	filter: opacity(.5);
}
.comsoon > p {
	transform: rotate(109deg); 
	color: #00428e;
	font-weight: 600;
	font-size: 2.2rem;
	text-align: center;
	/* padding: 20px 0; */
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%) rotate(4deg);
	-webkit-transform: translate(-50%, -50%) rotate;
	-ms-transform: translate(-50%, -50%);
}
.archive_link {
	max-width: 600px;
	margin: 0 auto;
	text-align: center;
	/* font-size: 1.5em; */
	position: relative;
}
.archive_link > a {
	padding: 10px 20px;
	background: #0f1c80;
	display: block;
	padding: 1em 0;
	color: #fff;
	border: 4px solid;
	font-weight: 600;
	border-radius: 50px;
	box-shadow: 0 4px 0 #fff;
}

  /*-------------------------------
			  sdg貢献
  -------------------------------*/
  section#sdg {
	background-image: linear-gradient(0deg, transparent calc(100% - 1px), #f0f0f082 calc(100% - 1px)), linear-gradient(90deg, transparent calc(100% - 1px), #f0f0f082 calc(100% - 1px));	background-size: 16px 16px;
	background-repeat: repeat;
	background-position: center center;
	margin: 0 auto;
	width: 100%;
  }
  #sdg_box {
	max-width: 900px;
	margin: 0 auto;
	padding: 2em;
	border: 4px solid #091f84;
	border-radius: 10px;
	box-shadow: 14px 14px 0px -4px #1b157a;
  }
  .sdg_inner{
	position: relative;
}
  .backStr {
	position: absolute;
	display: inline-block;
	white-space: nowrap;
	font-size: 9rem;
	font-weight: bold;
	color: #365899;
	bottom: 20%;
	left: 10%;
	transform: translate(-50%, -50%) rotate(270deg);
	z-index: -10;
	line-height: 1.0;
  }
  #sdg_box > h2,#yumenoshima_box > h2{
	text-align: left;
	font-size: 1.4rem;
	color: #091f84;
	font-weight: 700;
  }
  .wrap_sdg h3 {
	text-align: center;
	margin: 0 0 1em;
  }
  .column01 > p ,.column02 > p {
	line-height: 2;
	margin: 2em 0;
	color: #000;
  }
  .sdg_goalslist {
	display: flex;
	  justify-content: center;
	  max-width: 700px;
	  margin: 0 auto;
  }
  .sdg_goalslist > p:first-child {width: 33%;}
  .sdg_goalslist > p > img {max-width: 200px;}
  .sdg_goalslist > p > span {
	font-size: 1.6rem;
	  font-weight: 600;
	  color: #0075ba;
	  display: block;
  }
  .sdg_goalslist > p:last-child {
	width: 60%;
	padding: 1% 10px;
  }
  .sdg_goalslist_other{
	max-width: 600px;
    margin: 0 auto;
}
  .sdg_goalslist_other > p{margin: 1em 0;}
  .sdg_goalslist_other > ul{
	display: flex;
    justify-content: center;
    flex-wrap: wrap;
    max-width: 600px;
    margin: 0 auto;
}
  .sdg_goalslist_other > ul > li{
	padding: .5em;
    width: 20%;
	text-align: center;
}
  /*-------------------------------
			  夢の島マリーナについて
  -------------------------------*/ 
  #yumenoshima {
	margin: 0 auto;
	width: 100%;
	background: #e6f7ff;
  }
  #yumenoshima_box {
	max-width: 1200px;
    margin: 0 auto;
    padding: 2em;
    /* filter: drop-shadow(2px 2px 2px #ebeaea); */
    border-radius: 20px;
    background: #ffffff;
  }
  .wrap_yumenoshima h3{color: #091f84;}
  .wrap_yumenoshima p {line-height: 2;}
  .wrap_yumenoshima p > span{
	font-size: 1.1rem;
	border-left: 2px solid;
	padding-left: 5px;
	font-weight: 600;
  }
  #yumenoshima .column01,#yumenoshima .column02{
	margin: 0 0 2em;
	display: flex;
	justify-content: space-between;
    align-items: center;
  }
  #yumenoshima .column01 > p,#yumenoshima .column02 > p{
	width: 36%;}
  #yumenoshima .column01 > div,#yumenoshima .column02 > div{
	width: 62%;}
  .sympo_link {
    max-width: 600px;
    margin-inline: auto;
    padding-top: 30px;
}
    /*-------------------------------
			  お申込みに関して
  -------------------------------*/ 
  section#exhibit{
	background: #f4f7fa;
    padding: 2% 6%;
    margin: 0 auto;
}
  section#exhibit h2{
	background: #fff;
    max-width: 600px;
    margin: 0px auto;
    padding: 0;
}
  section#exhibit h2 > a{
	background: #00428e;
    color: #fff;
    border: 2px solid;
    margin: 0;
}
  section#exhibit h2 > a:hover{
	background: #fff;
	color: #00428e;
	border: 2px solid #00428e;
	transition: .3s;
}
  section#exhibit h2:hover{
	transition: .3s;
}
.exhibit_bannerarea {
	padding: 2% 10px;
	background-color: #c5e0f9;
  }
  .exhibit_catch {
	text-align: center;
	font-size: 24px;
	font-weight: 600;
	color: #00448f;
	width: fit-content;
	margin: 0 auto;
  }
  .exhibit_catch span {
	color: #00448f;
	background: #ffdb00;
	padding: 0 2px;
  }
  .exhibit_link {
	max-width: 600px;
	width: 90%;
	margin: 0 auto;
  }
  .exhibit_link.syuten_link {padding: 2% 10px;}

#about {
	margin: 0 auto;
    padding: 3% 0;
	background: #e5f4fc;
}

#list ul {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
#list ul li {
  width: 30%;
  background: #eee;
  margin: 0 1% 1%;
}

#syuten_list {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    width: 95%;
    margin: 0 auto 40px;
    /* align-items: center; */
	max-width: 1200px;
}

#syuten_list li {
	width: 15.6%;
	box-sizing: border-box;
	padding: .5%;
	margin: .5%;
	text-align: center;
}
#syuten_list li.txtonly {
	position: relative;
    /* font-size: 13px; */
}
#syuten_list li.txtonly > p {
	width: 100%;
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

#syuten_list li img {
	width: 100%;
	vertical-align: bottom;
	border-radius: 10px;
}

#syuten_list li a {
	display: inline;
	text-decoration: none;
	color: #1951c3;
	font-weight: bold;
}

#syuten_list li p {
	text-align: center;
	font-size: 13px;
	margin: 5px 0 0;
}

#syuten {
	padding: 60px 0;
	background-color: #e4f2ff;
	background-position: center center;
	background-size: cover;
}
#syuten h2{
	border-bottom: 2px solid #fff;
    width: 86%;
    margin-inline: auto;
    margin-bottom: 20px;
    padding: .5rem 0;
    background: -webkit-repeating-linear-gradient(-45deg, #cce7ff, #cce7ff 3px,#e9f4ff 3px, #e9f4ff 7px);
	background: repeating-linear-gradient(-45deg, #cce7ff, #cce7ff 3px,#e9f4ff 3px, #e9f4ff 7px);
    font-weight: 900;
	font-size: 1.8em;
}
#syuten>*:not(.balloon2) p {margin-bottom: 40px;}

#kyosan_list,#kyosan_list2 {
	list-style: none;
	display: flex;
	flex-wrap: wrap;
	margin: 0 auto 40px;
	justify-content: center;
	align-items: center;
	text-align: center;
	max-width: 1400px;
}

#kyosan_list li,#kyosan_list2 li {
	width: 23%;
    box-sizing: border-box;
    padding: .5%;
    margin: .5%;
    text-align: center;
}
#kyosan_list li.txtonly > p {
	font-size: 1.1rem;
}

#kyosan_list li img,#kyosan_list2 li img {
	width: 100%;
	vertical-align: bottom;
	border-radius: 10px;
}

#specel_sponser li a,#kyosan_list li a,#kyosan_list2 li a {
	display: inline;
	text-decoration: none;
	color: #1951c3;
	font-weight: bold;
}

#specel_sponser li p{
	text-align: center;
	font-size: 15px;
	margin: 5px 0 0;
}
#kyosan_list li p,#kyosan_list2 li p {
	text-align: center;
	font-size: 13px;
	margin: 5px 0 0;
}

li.textbana {
	display: flex;
	justify-content: center;
	align-content: center;
	flex-wrap: wrap;
	font-weight: bold;
	font-size: inherit;
}


#tamashi {
	width: 95%;
	max-width: 600px;
	margin: 40px auto;
}

#sdgs_logo {
    margin: 40px auto 0;
    text-align: center;
}
#sdgs_logo > img{
	border: 1px solid #d8d6d6;
}

.pamphlet_banner {
	width: 90%;
    max-width: 1000px;
    margin: 30px auto;
    background-color: rgb(236 147 180);
    color: #FFF;
    padding: 20px;
    border-radius: 15px;
}

.pamphlet_banner a {
	/* display: block; */
	width: 100%;
	/* background-color: rgba(228,101,148,.7);
	color: #FFF;
	padding: 20px; */
	box-sizing: border-box;
	/* border-radius: 15px; */
	text-decoration: none;
	text-align: center;
}
.pamphlet_banner a:hover {
	opacity: .6;
}

/* .pamphlet_banner a > div {
	display: flex;
	flex-wrap: wrap;
} */
.pamphlet_banner a img {
	/* display: block; */
	max-width: 400px;
	width: 100%;
	margin: 0 auto 30px;
}

.pamphlet_banner p {
	text-align: center;
    font-size: 1.2rem;
    font-weight: 600;
	margin: 1em 0;
}
.timesche_link{
	display: block;
}
.pamph_link{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	width: 80%;
	margin: 0 auto;
}
/* lity スクロールバー */
.lity-container {
	scrollbar-color: #37abef #f2f2f2;
}
.lity-container::-webkit-scrollbar-thumb {
	background: #37abef;
	border-radius: 10px;
  }
.lity-container::-webkit-scrollbar {
	width: 20px;
	height: 20px;
  }
.lity-container::-webkit-scrollbar-track {
	background: #fff;
  }
.lity-container::-webkit-scrollbar-track {
	box-shadow:0 0 5px #aaa inset ;
  }
  .lity-content .pamph_img {
    margin: 0 0 30px;
}

#sns {
    background: #00448f;
	background-image: url(/images/logo_bgwhite02.png);
	background-size: 600px;
	background-position: -20% -40%;
	background-repeat: repeat-x;
}
#sns h2 {
    color: #ffdb00;
}
#sns .sns_cmt {
    text-align: center;
    color: #fff;
	font-weight: 600;
}
#sns .sns_list {
    display: flex;
    gap: 20px;
	margin: 20px auto 40px;
    justify-content: center;
}
.sns_list li {
    background: #fff;
    /* border-radius: 50% 50% 50% 70% / 50% 50% 70% 60%; */
    border-radius: 50%;
    padding: 19px;
    text-align: center;
}
.sns_list img {
	width: 60%;
}
#sns_box {
    display: flex;
    max-width: 1300px;
    margin: 20px auto;
    gap: 2%;
}
div#twitter_inc {
    width: 32%;
}
div#insta_inc {
    width: 66%;
	margin-inline: auto;
}
div#insta_inc iframe {
	background: #fff;
    /* background: #e5f4fc; */
    padding: 20px;
	border-radius: 20px;
}
.sns_ttl{
	background: #ffdb00;
    border: 2px solid #ffdb00;
    color: #00448f;
    border-radius: 20px;
    text-align: center;
    font-size: 20px;
    padding: 4px 0;
    font-weight: 600;
    margin-bottom: 10px;
}
#sns_box2,#sns_box3 {
	max-width: 700px;
    margin: 0 auto 0;
    background: #fff;
    /* background: #e5f4fc; */
    padding: 20px;
    border-radius: 20px;
    text-align: center;
    font-weight: 600;
    color: #110d7c;
    /* border-radius: 240px 15px 100px 15px / 15px 200px 15px 185px; */
}
.youtube {
    width: 100vw;
    margin-left: calc(50% - 50vw);
	background-color: #e5f4fc;
    padding: 1.5em 0;
}
.youtube_inner {
	/* height: 700px; */
    /* background: url(/images/intro-photobg.png); */
	background-repeat: no-repeat;
	background-size: cover;
}
.balloon2 {
	position: relative;
	top: -1em;
    display: block;
    margin: 1.5em auto;
    padding: 1em 2em;
    min-width: 120px;
    max-width: 420px;
    color: #00448f;
	font-size: 22px;
    font-weight: 600;
    background: #FFF;
    border: solid 4px #00448f;
    border-radius: 20px;
    box-sizing: border-box;
    box-shadow: 0 4px 0 #00448f;
  }
  #syuten .balloon2 {
	font-size: 30px;
    width: 92%;
    padding: .5em 1em;
    margin: 1.5em auto .6em;
}
  
  .balloon2:before {
	content: "";
    position: absolute;
    bottom: -22px;
    left: 50%;
    margin-left: -15px;
    border: 12px solid transparent;
    border-top: 12px solid #FFF;
    z-index: 2;
  }
  
  .balloon2:after {
	content: "";
    position: absolute;
    bottom: -30px;
    left: 50%;
    margin-left: -17px;
    border: 14px solid transparent;
    border-top: 14px solid #00448f;
    z-index: 1;
  }
  
  .balloon2 p {
	margin: 0;
	padding: 0;
	text-align: center;
  }
#sns_box3 {
    background: #fff;
	color: #00448f;
    /* border-radius: 15px 200px 15px 185px / 240px 15px 100px 15px; */
	border-radius: 20px;
	position: relative;
	border: 4px solid #00448f;
    box-shadow: 0 4px 0 #00448f;
}
.gallery_slider .slick-slide{
	margin-inline: 10px;
	border-radius: 20px;
}
.gallery_slider .slick-slide:nth-child(even){
	margin-top: 50px;
}
#youtube_inc iframe{
	aspect-ratio: 16 / 9;
    width: 100%;
    height: auto;
	border-radius: 20px;
}
#youtube_inc p{
	padding-top: 10px;
}
.youtube_cmt{
	position: absolute;
    top: -30px;
    left: -30px;
    transform: rotate(355deg);
    font-size: 1.4rem;
    background: #ec768e;
    color: #fff;
    padding: 10px 20px;
    /* border-radius: 15px 200px 15px 185px / 240px 15px 100px 15px; */
	border-radius: 5px;
}
#access {
    background: url(/images/access_bg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
	background-position: center;
}
#aceess .access_link > a{
    background:#00428e;
    color: #fff;
    display: block;
    padding: 1em 0;
    border: 2px solid;
}
.access_txt {
	width: fit-content;
	margin: 0 auto;
    padding: 20px 0 0;
	line-height: 1.8;
    font-size: 18px;
    font-weight: 600;
    color: #00448f;
}
#notice{
	background-color: #fefefe;
	background-image: url(/images/es_txtbg.png);
	/* background-size: 16%; */
	background-image: url(/images/es_txtbg.png), url(/images/es_txtbg.png);
    background-position: -100px 8px, 100px 80px;
}
#notice h3 {
    text-align: center;
    font-size: 32px;
    color: #0f1c80;
}
#notice .notice_box {
    max-width: 1100px;
    padding: 30px 60px;
    margin: 0 auto;
    background: #fff;
    border-radius: 20px;
	border: 4px solid #0f1c80;
}
#notice ul{
    margin-top: 40px;
}
#notice ul > li + li {
    margin-top: 1.4em;
}
#notice li > i{
	color: #00428e;
}
#notice li > span{
	font-weight: 600;
	background: #FFDA00;
}

@media screen and (max-width: 1200px) {
	.top .wrap_contents {
		flex-direction: column;
		align-content: space-between;
	}
	.wrap_announce {
		background-image: none;
		position: relative;
		bottom: auto;
		left: auto;
		right: auto;
	}

	#announce p {text-align: left;}

	.entrydit {
		display: flex;
		flex-wrap: wrap;
		margin: 0 0 0 auto;
		justify-content: center;
		width: 50%;
	}

	#announce,
	.entrydit p {width: 80%;}
}

@media screen and (max-width: 1000px){
	.intro_box {flex-direction: column;}
	.intro_txt {
		width: 100%;
		margin-bottom: 30px;
	}
	.youtube {width: 100%;}	

	#yumenoshima .column01, #yumenoshima .column02 {flex-direction: column;}
	#yumenoshima .column02 {flex-direction: column-reverse;}
	#yumenoshima .column01 > div, #yumenoshima .column02 > div {width: 98%;}
	#yumenoshima .column01 > p, #yumenoshima .column02 > p {
		width: 90%;
		margin: 0 auto 1em;
		text-align: center;
	}
} 
  
@media screen and (max-width: 900px) {
	.cate_list {
		gap: 60px;
		padding-bottom: 10%;
	}
    li.cate_item, li.cate_item.reverse {
        width: 100%;
        padding: 20px 0;
        margin: 0;
        flex-direction: column-reverse;
    }
	.cate_txt {
		width: 100%;
		margin-top: 20px;
	}
	.cate_img{width: 100%;}
	#sns_box {flex-direction: column;}
	div#twitter_inc {width: 100%;}
	div#insta_inc {
		width: 100%;
		margin-top: 30px;
	}
}

@media screen and (max-width: 800px) {
	#syuten {padding: 10px 0 30px;}
	#syuten .balloon2 {font-size: 20px;}
	h2 {font-size: 18px;}
	#kyosan_list {margin: 0 auto 0;}
	#kyosan_list li,#kyosan_list2 li {
		width: 50%;
		box-sizing: border-box;
		padding: .5%;
		margin: .5%;
	}
	#syuten h2 {padding: 1rem 0 .4rem;}
	#syuten_list {margin: 0 auto;}
	#syuten_list li {
		width: 24%;
		box-sizing: border-box;
		padding: .5%;
		margin: .5%;
	}
	#koen_list {margin: 0 auto;}
	#koen_list li {padding: 10px 30px;}
}

@media screen and (max-width: 768px){
	section {padding: 10% 20px;}
	a.btn {margin-top: 20px;}
	.exhibit_link a {margin-top: 0;}

	#intro .wrap_intro > p {
		line-height: 2.6em;
        font-size: 1rem;
        padding: 4px;
		}
	div.pic_box {width: 90%;}

	/* contents */
	#contents {padding: 16% 0 0;}

	.cate_icon {width: 40px;}
	.cate_item.reverse {flex-direction: column;}
	.cate_ttl {font-size: 24px;}
	.cate_item.lower {margin-top: 0px;}	

	.others_box {width: 100%;}

	section#sdg {padding: 14% 20px 5%;}

	.backStr {
	font-size: 5rem;
	left: 13%;
	bottom: 50%;
	}

	#sdg_box {
	padding: 1em;
	box-shadow: 10px 10px 0px -4px #1b157a;
	}
	#sdg_box > h2, #yumenoshima_box > h2 {
	font-size: 1.2rem;
	padding: 1rem 0 1.8rem;
	}

	.sdg_goalslist {display: block;}
	.sdg_goalslist > p:first-child {
	width: 80%;
	margin: 0 auto;
	text-align: center;
	}
	.sdg_goalslist > p:last-child {width: 90%;}
	.sdg_goalslist > p > span {
	text-align: center;
	margin: 1em 0 0;
	font-size: 1.2rem;
	}
	.sdg_goalslist > p > img {max-width: 150px;}

	#sns_box2, #sns_box3 {padding: 5px;}

	#yumenoshima .column01 {margin: 0 0 2em;}

	.wrap_yumenoshima h3 {
		font-size: 1rem;
		margin: 0 0 .5em;
	}
	.wrap_yumenoshima p > span {font-size: 1rem;}

	#yumenoshima_box {padding: 1em;}

	.keyv .pc {display: none;}
	.keyv .sp {
		display: block;
		width: 100%;
	}
	#topics {padding: 40px 0;}

	/* news */
	.news_item {margin: 0 auto;}

	ul.topics_box {width: 96%;}
	li.topics_item {width: 100%;}
	/* site_info */
	#site_info .site_box {flex-direction: column-reverse;}
	#site_info .outline_wrap .site_box {flex-direction: column;}
	.site_txt {
		width: 100%;
		padding: 10% 10% 4%;
	}
	.site_img {
		width: 100%;
		height: 220px;
	}
	.outline_wrap .site_img {
		width: 100%;
		height: inherit;
	}
	#site_info .exhibit_link.site_btn {margin: 20px auto 0;}
	/* intro */
	#intro h2.dela + * {margin-top: 20px;}
	.intro_txt > p {
		line-height: 2;
		font-size: 1rem;
	}
	.balloon2 {
		padding: .8em;
		font-size: 18px;
		width: 90%;
	}

	#sns_box3 {width: 96%;}
	/* .youtube {
	height: 600px;
	} */

	/* ambassador */
	.ambassador_box > div {
		flex-direction: column;
		padding: 20px;
	}
	.ambassador_box > div:last-of-type{flex-direction: column;}
	.chiitan_img, .rbite_img {
		width: 100%;
		text-align: center;
	}
	.chiitan_txt, .rbite_txt {width: 100%;}
	.chiitan_txt > h1, .rbite_txt > h1 {
		margin-top: 16px;
		font-size: 24px;
	}
	.chiitan_txt > p, .rbite_txt > p {margin-top: 16px;}
	.chiitan_txt > p + p, .rbite_txt > p + p {margin-top: 10px;}
	#announce {width: 95%;}

	#twitter_inc {width: 90%;}
	#aceess_map {width: 90%;}

	#sns_box {display: block;}
	.exhibit_bannerarea {padding: 4% 10px;}
	.exhibit_catch {font-size: 20px;}
	/* notice */
	#notice .notice_box {padding: 20px 30px;}
	#notice ul {
		margin-top: 30px;
		font-size: 14px;
	}
	#notice ul > li + li {margin-top: .8em;}
}

@media screen and (max-width: 600px) {
	.sdg_goalslist_other > ul {justify-content: center;}
	.sdg_goalslist_other > ul > li {width: 26%;}
}

@media screen and (max-width: 500px) {
	#syuten_list li {
		width: 49%;
		box-sizing: border-box;
		padding: .5%;
		margin: .5% auto 3%;
	}
	#syuten_list li.txtonly > p {margin: 16% 0;}

	#kyosan_list li,#kyosan_list2 li {
		width: 70%;
		box-sizing: border-box;
		padding: .5%;
		margin: .5%;
	}
	#kyosan_list li.txtonly {margin: 0 0 10%;}
}

@media screen and (max-width: 390px) {
	#info>div>dl {max-height: 14em;}
	.keyv_txt {font-size: .9em;}
}

@media screen and (min-width: 601px) {
	.access_list{
		max-width: 60%;
		margin: 0 auto;
	}
}

@media screen and (min-width: 769px) {
	.keyv_txt {font-size: 2em;}
}

@media screen and (min-width: 1201px) {
	.keyv_txt {font-size: 3em;}
}

/* 非表示設定 */
/* @media screen and (min-width: 769px){
	.pc_none{display: none;}
} */
@media screen and (max-width: 768px){
	.sp_none {display: none;}
}