@charset "utf-8";
/*  Site Name: しくみを学ぶ会
    Description: トップページ用css
    Date: 2025年12月
    Author: tgs
*/
/*
===== CONTENTS ===========================================

	1: 上部イラストメニュー
    2: トピックス
	
==========================================================
*/
/*
==========================================================
     1: 上部イラストメニュー
==========================================================
*/
.menu_illustration_container {
  position: relative;
  width: 100%;
  max-width: 1200px;
  max-height: 600px;
  margin: 0 auto;
  aspect-ratio: 1200 / 600;
  background: #eee;
  background-image: url('../image/mainmenu.png');
  background-size: cover;
  background-position: center;
  border-radius: 10px;
}
.logo {
  margin: auto;
  padding-top: 15px;
  width: 50%;
  min-width: 300px;
}
.logo img {
  width: 100%;
}
.icon, .icon_dummy {
  position: absolute;
  width: 15%;
  min-width: 32px;
  aspect-ratio: 1/1;
  transition: transform 0.2s;
}
.icon:hover {
  cursor: pointer;
  transform: scale(1.1);
  z-index: 3;
}
.icon_moji {
  font-weight: bold;
  margin: 0;
  position: absolute;
  width: 100%;
  font-size: clamp(0.8rem, calc(100vw / 100), 1rem);
  color: darkorange;
  border: 2px solid darkorange;
  border-radius: 10px;
  bottom: 5px;
  background-color: white;
  text-align: center;
}
.icon1 { /*会場*/
  left: 53%;
  top: 62%;
  z-index: 2;
}
.icon1 img {
  width: 100%;
  height: 100%;
}
.icon2 { /*これまでのテーマ*/
  left: 30%;
  top: 58%;
  z-index: 2;
}
.icon2 img {
  width: 100%;
  height: 100%;
}
.icon3 { /*参加方法*/
  left: 14%;
  top: 38%;
  z-index: 2;
}
.icon3 img {
  width: 100%;
  height: 100%;
}
.icon4 { /*お問い合わせ*/
  left: 72%;
  top: 47%;
  z-index: 2;
}
.icon4 img {
  width: 100%;
  height: 100%;
}
.icon5 { /*噴水*/
  width: 20%;
  left: 41%;
  top: 25%;
  z-index: 1;
}
.icon5 img {
  width: 100%;
  height: 100%;
}
.icon6 { /*ダミーアイコン(ブランコ)*/
  left: 28%;
  top: 33%;
  z-index: 0;
}
.icon6 img {
  width: 90%;
  height: 90%;
}
.icon7 { /*ダミーアイコン(すべり台)*/
  left: 62%;
  top: 32%;
  z-index: 0;
}
.icon7 img {
  width: 100%;
  height: 100%;
}
/*
==========================================================
     2: トピックス
==========================================================
*/
.topics {
  display: block;
  width: 60%;
  margin: 40px auto;
  padding: 10px;
  background: #1B874B;
  color: white;
  line-height: 1.6em;
  border: solid 8px #C6A762;
}
.topics dl{ margin:10px;}
.topics dt {
  margin-bottom: 15px;
    font-size:25px;
}
.topics .topic_title{
  font-size:18px;
}
.topics dd {
  font-size: 16px;
}
.topics dd a{ color:wheat;}
.yuji-boku-regular {
  font-family: "Yuji Boku", serif;
  font-weight: 400;
  font-style: normal;
}
.zen-kurenaido-regular {
  font-family: "Zen Kurenaido", sans-serif;
  font-weight: 400;
  font-style: normal;
}