@charset "UTF-8";
/****共通設定******************************/
body {
	 margin: 0;
	overflow-x: hidden;
	font-family: "Poppins", "Noto Sans JP", sans-serif;
	background: #F8F8F8;
}

html {
	position: relative;
	margin-top: 0 !important;
}

.sp {
	display: none; 
}

.pc {
	display: inherit; 
}
p{
	font-size:1.143vw;
}


@media screen and (max-width: 768px) {
  .pc {
    display: none; 
	}
  .sp {
    display: inherit; 
	}
}

.container{
	width: 80%;
	margin: 0 auto;
}
@media (max-width: 749px) {
.container{
	width: calc(100% - 40px) ;
	margin: 0 20px ;
}	
}

/* メインビジュアル *********************************************************/
#mainvisual{
	padding: 0;
}
#mainvisual h1{
	margin: 0 ;
}

@media (max-width: 749px) {
#mainvisual{
	padding: 0;
}
#mainvisual .container{
	width: 100%;
	margin: 0;
}
}

/* 開催概要 *********************************************************/
#gaiyou{
	margin: 0;
	padding: 13.889vw 0 6.25vw 0;
	border-bottom: 2px solid #000;
	background: #F8F8F8;
	position: relative;
}
#gaiyou .map{
	position: absolute;
	width: 68%;
    top: 26%;
    right: 2%;
}

#gaiyou .about h2{
	margin: 0 0 3.472vw 0;
	color: #000;
	font-family: "Reddit Sans";
	font-size: 4.306vw;
	font-style: normal;
	font-weight: 700;
	line-height: 100%; /* 62px */
	}
#gaiyou .about h2 span.toha{
	display: inline;
	color: #000;
	font-family: "Noto Sans JP";
	font-size: 2.639vw;
	font-style: normal;
	font-weight: 900;
	line-height: 100%;
}
#gaiyou .about h2 span{
	margin: 0 0 0.694vw 0;
	display: block;
	color: #E9D833;
	font-family: "Reddit Sans";
	font-size: 1.389vw;
	font-style: normal;
	font-weight: 800;
	line-height: 100%; /* 20px */
	letter-spacing: 1px;
	text-align: left;
}

#gaiyou .about h3{
	margin: 0 0 1.944vw 0;
	color: #000;
	font-family: "Noto Sans JP";
	font-size: 2.014vw;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	}
#gaiyou .about ul{
		margin: 0 0 6.944vw 0;
	}
#gaiyou .about ul li{
	color: #000;
	font-family: "Noto Sans JP";
	font-size: 1.319vw;
	font-style: normal;
	font-weight: 500;
	line-height: 190%; /* 36.1px */
	letter-spacing: 0.95px;
	}
#gaiyou .schedule h2{
	margin: 0 0 6.944vw 0;
	color: #000;
	font-family: "Noto Sans JP";
	font-size: 4.306vw;
	font-style: normal;
	font-weight: 800;
	line-height: 100%; /* 62px */
	}
#gaiyou .schedule h2 span{
	margin: 0 0 0.694vw 0;
	display: block;
	color: #E9D833;
	font-family: "Reddit Sans";
	font-size: 1.389vw;
	font-style: normal;
	font-weight: 800;
	line-height: 100%; /* 20px */
	letter-spacing: 1px;
}
#gaiyou .schedule h3{
	margin: 0 0 2.569vw 0;
	color: #000;
	font-family: "Reddit Sans";
	font-size: 4.167vw;
	font-style: normal;
	font-weight: 600;
	line-height: 80%; /* 48px */
}
#gaiyou .schedule h3 span{
	color: #000;
	font-family: "Reddit Sans";
	font-size:  2.778vw;
	font-style: normal;
	font-weight: 600;
	line-height: 80%;
}

#gaiyou{
	background: url("../images/hihiroshima/2025/person-bg.png") no-repeat;
	background-position: bottom 70px right 0;
	background-size: 41.639vw;
}

#gaiyou .person h4{
	color: #000;
	font-family: "Noto Sans JP";
	font-size: 1.944vw;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
	}
#gaiyou .person p{
	color: #000;
	font-family: "Noto Sans JP";
	font-size: 1.319vw;
	font-style: normal;
	font-weight: 500;
	line-height: 190%; /* 36.1px */
	letter-spacing: 0.95px;
	}


@media (max-width: 749px) {
#gaiyou{
	margin: 0;
	padding: 24vw 0 24vw 0;
	border-bottom: 2px solid #000;
	background: #F8F8F8;
	position: relative;
}
#gaiyou .map{
	position: absolute;
	width: 83%;
	top: 35%;
	right: 2%;
}
#gaiyou .about h2{
	margin: 0 0 10.667vw 0;
	color: #000;
	font-family: "Reddit Sans";
	font-size: 9.333vw;
	font-style: normal;
	font-weight: 700;
	line-height: 100%; /* 35px */
	}
#gaiyou .about h2 span.toha{
	color: #000;
	font-family: "Noto Sans JP";
	font-size: 6.4vw;
	font-style: normal;
	font-weight: 900;
	line-height: 100%;
}
#gaiyou .about h2 span{
	margin: 0 0 2.667vw 0;
	color: #E9D833;
	text-align: left;
	font-family: "Reddit Sans";
	font-size: 3.733vw;
	font-style: normal;
	font-weight: 800;
	line-height: 100%; /* 14px */
	letter-spacing: 0.7px;
}

#gaiyou .about h3{
	margin: 0 0 5.333vw 0;
	color: #000;
	font-family: "Noto Sans JP";
	font-size: 5.333vw;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	}
#gaiyou .about ul{
	margin: 0 0 29.867vw 0;
	padding: 0 0 0  5.333vw;
	}
#gaiyou .about ul li{
	color: #000;
	font-family: "Noto Sans JP";
	font-size: 4.267vw;
	font-style: normal;
	font-weight: 500;
	line-height: 160%; /* 25.6px */
	letter-spacing: 0.8px;
	}
#gaiyou .schedule h2{
	color: #000;
	font-family: "Reddit Sans";
	font-size: 9.333vw;
	font-style: normal;
	font-weight: 700;
	line-height: 100%; /* 35px */
	}
#gaiyou .schedule h2 span{
	margin: 0 0 2.667vw 0;
	color: #E9D833;
	text-align: left;
	font-family: "Reddit Sans";
	font-size: 3.733vw;
	font-style: normal;
	font-weight: 800;
	line-height: 100%; /* 14px */
	letter-spacing: 0.7px;
}
#gaiyou .schedule h3{
	margin: 0 0 18.667vw 0;
	color: #000;
	font-family: "Reddit Sans";
	font-size: 6.4vw;
	font-style: normal;
	font-weight: 600;
	line-height: 130%; /* 31.2px */
}
#gaiyou .schedule h3 span{
	color: #000;
	font-family: "Reddit Sans";
	font-size:  2.778vw;
	font-style: normal;
	font-weight: 600;
	line-height: 80%;
}
#gaiyou{
	background: url("../images/hihiroshima/2025/person-bg.png") no-repeat;
	background-position: bottom 70px right 0;
	background-size: calc(100% - 20px);
}
#gaiyou .person h4{
	color: #000;
	font-family: "Noto Sans JP";
	font-size: 5.233vw;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	}
#gaiyou .person p{
	color: #000;
	font-family: "Noto Sans JP";
	font-size: 4.267vw;
	font-style: normal;
	font-weight: 500;
	line-height: 160%; /* 25.6px */
	letter-spacing: 0.8px;
	}
}



/* メインイベント *********************************************************/
#mainevent{
	margin: 0;
	padding: 6.25vw 0 6.25vw 0;
	border-bottom: 2px solid #000;
	background: #F8F8F8;
	position: relative;
}

#mainevent h2{
	margin: 0 0 3.472vw 0;
	color: #000;
	font-family: "Reddit Sans";
	font-size: 4.306vw;
	font-style: normal;
	font-weight: 700;
	line-height: 100%; /* 62px */
}

#mainevent h2 span{
	margin: 0 0 0.694vw 0;
	display: block;
	color: #E9D833;
	font-family: "Reddit Sans";
	font-size: 1.389vw;
	font-style: normal;
	font-weight: 800;
	line-height: 100%; /* 20px */
	letter-spacing: 1px;
	text-align: left;
}


@media (max-width: 749px) {
#mainevent {
	margin: 0;
	padding: 24vw 0 24vw 0;
	border-bottom: 2px solid #000;
	background: #F8F8F8;
	position: relative;
}
#mainevent h2{
	margin: 0 0 10.667vw 0;
	color: #000;
	font-family: "Reddit Sans";
	font-size: 9.333vw;
	font-style: normal;
	font-weight: 700;
	line-height: 100%; /* 35px */
}
#mainevent h2 span{
	margin: 0 0 2.667vw 0;
	color: #E9D833;
	text-align: left;
	font-family: "Reddit Sans";
	font-size: 3.733vw;
	font-style: normal;
	font-weight: 800;
	line-height: 100%; /* 14px */
	letter-spacing: 0.7px;
}
}


/* サイドイベント *********************************************************/
#sideevent{
	margin: 0;
	padding: 6.25vw 0 6.25vw 0;
	border-bottom: 2px solid #000;
	background: #F8F8F8;
	position: relative;
}

#sideevent h2{
	margin: 0 0 6.944vw 0;
	color: #000;
	font-family: "Reddit Sans";
	font-size: 4.306vw;
	font-style: normal;
	font-weight: 700;
	line-height: 100%; /* 62px */
}

#sideevent h2 span{
	margin: 0 0 0.694vw 0;
	display: block;
	color: #E9D833;
	font-family: "Reddit Sans";
	font-size: 1.389vw;
	font-style: normal;
	font-weight: 800;
	line-height: 100%; /* 20px */
	letter-spacing: 1px;
	text-align: left;
}

.tabs {
    display: flex;
    flex-wrap: wrap;
	justify-content: center;

}

.tabs > label {
	transition: .2s;
	margin: 0 1.736vw 6.944vw 1.736vw;
    order: -1;
    opacity:1;
    padding: 14px 65px 14px 67px;
	align-items: center;
	border-radius: 65px;
    color: #000;
    font-size: .9em;
    text-align: center;
    cursor: pointer;
	background-image: url("../images/hihiroshima/2025/tab-arrow-bk.png");
	background-repeat: no-repeat;
    background-position: top 50% right 10%;
    background-size: 8%;
    background-color: #fff;
	width: 9.639vw;
	border-radius: 65px;
	border: 2px solid #000;
}

.tabs > label:hover {
}

.tabs input {
    display: none;
}

/* .tabs > div {
    display: none;
    width: 100%;
} */

.tabs > div:not(.btn-more) {
	display: none;
	width: 100%;
}

.tabs label:has(:checked) {
    opacity: 1;
    color: #fff;
	background-image: url("../images/hihiroshima/2025/tab-arrow.png");
	background-repeat: no-repeat;
    background-position: top 50% right 10%;
    background-size: 8%;
	background-color: #000;

}

/* .tabs label:has(:checked) + div {
    display: block;
} */

.tabs > label:has(input:checked) + div {
  display: block;
}

.tabs > .btn-more {
  display: block; /* または flex など任意 */
}

.tabs label .date{
	text-align: center;
	font-family: "Reddit Sans";
	font-size: 2.292vw;
	font-style: normal;
	font-weight: 700;
	line-height: 100%; /* 33px */
}

.tabs label .date2{
	font-family: "Reddit Sans";
	font-size: 1.667vw;
	font-style: normal;
	font-weight: 700;
	line-height: 100%;
}
#sideevent ul.events{
	margin: 0;
	padding: 0;

}
#sideevent ul.events li{
	margin: 0;
	padding: 3.472vw 0;
	list-style: none;
}

#sideevent ul.events li + li {
	border-top: 2px solid #DADADA;
}

#sideevent ul.events li:last-child{
	border-bottom: 0;
}
#sideevent .events .date{
	margin: 0 0 2.083vw 0;
	color: #000;
	font-family: "Reddit Sans";
	font-size: 1.806vw;
	font-style: normal;
	font-weight: 700;
	line-height: 100%; /* 26px */
	text-decoration-line: underline;
	text-decoration-style: solid;
	text-decoration-skip-ink: none;
	text-decoration-thickness: auto;
	text-underline-offset: auto;
	text-underline-position: from-font;
}
#sideevent .events .eventcont{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
#sideevent .events .eventcont .image{
	width: 36.111vw;
	margin-right: 4.375vw;
}
#sideevent .events .eventcont .datail{
	width: 39.486vw;
}
#sideevent .events .eventcont .datail .title{
	margin: 0 0 0.764vw 0;
	color: #000;
	font-family: "Reddit Sans";
	font-size: 2.014vw;
	font-style: normal;
	font-weight: 700;
	line-height: 100%; /* 29px */
}
#sideevent .events .eventcont .datail .text{
	margin: 0 0 2.083vw 0;
	color: #000;
	font-family: "Noto Sans JP";
	font-size: 1.319vw;
	font-style: normal;
	font-weight: 500;
	line-height: 170%; /* 32.3px */
	letter-spacing: 0.95px;
}
#sideevent .events .eventcont .datail .data{
	margin: 0 0 2.083vw 0;
}
#sideevent .events .eventcont .datail .data dl{
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
}
#sideevent .events .eventcont .datail .data dl dt{
	width: 3.472vw;
	margin: 0 0 0.694vw 0;
	color: #000;
	font-family: "Noto Sans JP";
	font-size: 0.972vw;
	font-style: normal;
	font-weight: 700;
	line-height: 100%; /* 14px */
	letter-spacing: 0.7px;
}
#sideevent .events .eventcont .datail .data dl dd{
	margin: 0 0 0.694vw 0;
	color: #000;
	font-family: "Noto Sans JP";
	font-size: 0.972vw;
	font-style: normal;
	font-weight: 500;
	line-height: 100%; /* 14px */
	letter-spacing: 0.7px;
}
.mapicon{
	background: url("../images/hihiroshima/2025/datail-map-icon.jpg") no-repeat;
	background-size: 0.694vw;
	padding-left: 1.004vw;
	background-position: top 53% left 0;
	text-decoration: underline;
	color: #000;
}
.datail .btn {
  clear: both;
  display: inline-block;
  text-align: center;
}
.datail .btn a {
	padding: 0.694vw 1.389vw;
  	display: inline-block;
	width: 20.833vw;
	color: #000;
	font-family: "Noto Sans JP";
	font-style: normal;
	font-weight: 500;
	line-height: 190%; /* 36.1px */
	letter-spacing: 0.95px;
	border-radius: 50px;
	border: 2px solid #000;
	text-decoration: none;
	color: #000;
	background: #FCE800;
	position: relative;
	font-size: 1.319vw;
}
.datail .btn a::before {
	border-right: 2px solid #000;
	border-top: 2px solid #000;
	bottom: 0;
	content: "";
	height: 7px;
	width: 7px;
	margin: auto;
	position: absolute;
	right: 2.083vw;
	top: 0;
	transform: rotate(45deg);
	transition: right .3s;
}
.datail .btn a:hover	{
	background-color: #F3F86D;
	}
.datail .btn a:hover::before {
 	right: 25px;
}



#sideevent .btn-more {
  text-align: center;
}
#sideevent .btn-more a {
	margin: 0 auto;
	padding: 0.972vw 1.389vw;
	display: inline-block;
	width: 13.889vw;
	color: #000;
	text-align: center;
	font-family: "Reddit Sans";
	font-size: 1.736vw;
	font-style: normal;
	font-weight: 500;
	line-height: 100%; /* 25px */
	border-radius: 50px;
	border: 2px solid #000;
	text-decoration: none;
	color: #000;
	background-color: #fff;
	position: relative;
}
#sideevent .btn-more a::before {
  border-right: 2px solid #000;
  border-top: 2px solid #000;
  bottom: 0;
  content: "";
  height: 7px;
  width: 7px;
  margin: auto;
  position: absolute;
  right: 2.083vw;
  top: 0;
  transform: rotate(135deg);
  transition:  .3s;
}
#sideevent .btn-more a:hover	{
	  background-color: #fff;
	}
#sideevent .btn-more a:hover::before {
	bottom: -8px;
}


@media (max-width: 749px) {
#sideevent {
	margin: 0;
	padding: 24vw 0 15vw 0;
	border-bottom: 2px solid #000;
	background: #F8F8F8;
	position: relative;
}
#sideevent h2{
	margin: 0 0 18.667vw 0;
	color: #000;
	font-family: "Reddit Sans";
	font-size: 9.333vw;
	font-style: normal;
	font-weight: 700;
	line-height: 100%; /* 35px */
	}
#sideevent h2 span{
	margin: 0 0 2.667vw 0;
	color: #E9D833;
	text-align: left;
	font-family: "Reddit Sans";
	font-size: 3.733vw;
	font-style: normal;
	font-weight: 800;
	line-height: 100%; /* 14px */
	letter-spacing: 0.7px;
}
.tabs {
    display: flex;
    flex-wrap: wrap;
	justify-content:space-between;
}
.tabs > label {
	margin: 0 0 4vw 0;
    order: -1;
    opacity:1;
    padding: 3.733vw 29.733vw 3.733vw 6vw;
	align-items: center;
	border-radius: 65px;
    color: #000;
    font-size: .9em;
    text-align: center;
    cursor: pointer;
	background-image: url("../images/hihiroshima/2025/tab-arrow-bk.png");
	background-repeat: no-repeat;
    background-position: top 50% right 10%;
    background-size: 8%;
    background-color: #fff;
	width: 5.639vw;
}
.tabs > label:hover {
}
.tabs input {
    display: none;
}
.tabs > div {
	margin: 14.667vw 0 0 0;
    display: none;
    width: 100%;
    padding: 0;
}
.tabs label:has(:checked) {
    opacity: 1;
    color: #fff;
	background-image: url("../images/hihiroshima/2025/tab-arrow.png");
	background-repeat: no-repeat;
    background-position: top 50% right 10%;
    background-size: 8%;
	background-color: #000;
}
.tabs label:has(:checked) + div {
    display: block;
}
.tabs label .date{
	text-align: center;
	font-family: "Reddit Sans";
	font-size: 5.867vw;
	font-style: normal;
	font-weight: 700;
	line-height: 100%; /* 33px */
}
.tabs label .date2{
	font-family: "Reddit Sans";
	font-size: 4.8vw;
	font-style: normal;
	font-weight: 700;
	line-height: 100%;
}
#sideevent ul.events{
	margin: 0;
	padding: 0;
}
#sideevent ul.events li{
	margin: 0;
	padding: 13.333vw 0;
	list-style: none;
}
#sideevent ul.events li + li {
	border-top: 2px solid #DADADA;
}
#sideevent ul.events li:last-child{
	border-bottom: 0;
}
#sideevent .events .date{
	margin: 0 0 2.667vw 0;
	color: #000;
	font-family: "Reddit Sans";
	font-size: 18px;
	font-style: normal;
	font-weight: 700;
	line-height: 130%; /* 23.4px */
	text-decoration-line: underline;
	text-decoration-style: solid;
	text-decoration-skip-ink: none;
	text-decoration-thickness: auto;
	text-underline-offset: auto;
	text-underline-position: from-font;
}
#sideevent .events .eventcont{
	display: block;
}
#sideevent .events .eventcont .image{
	width: 100%;
	margin-right: 0;
	margin-bottom: 5.6vw;
}
#sideevent .events .eventcont .datail{
	width: 100%;
}
#sideevent .events .eventcont .datail .title{
	margin: 0 0 2.933vw 0;
	color: #000;
	font-family: "Reddit Sans";
	font-size: 5.333vw;
	font-style: normal;
	font-weight: 700;
	line-height: 100%; /* 20px */
}
#sideevent .events .eventcont .datail .text{
	margin: 0 0 8vw 0;
	color: #000;
	font-family: "Noto Sans JP";
	font-size: 4vw;
	font-style: normal;
	font-weight: 500;
	line-height: 170%; /* 25.5px */
	letter-spacing: 0.75px;
}
#sideevent .events .eventcont .datail .data{
	margin: 0 0 8vw 0;
}
#sideevent .events .eventcont .datail .data dl{
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
}
#sideevent .events .eventcont .datail .data dl dt{
	width: 13.333vw;
	margin: 0 0 1.867vw 0;
	color: #000;
	font-family: "Noto Sans JP";
	font-size: 3.733vw;
	font-style: normal;
	font-weight: 700;
	line-height: 140%; /* 14px */
	letter-spacing: 0.7px;
}
#sideevent .events .eventcont .datail .data dl dd{
	width: calc(100% - 13.333vw);
	margin: 0 0 1.867vw 0;
	color: #000;
	font-family: "Noto Sans JP";
	font-size: 3.733vw;
	font-style: normal;
	font-weight: 500;
	line-height: 140%; /* 14px */
	letter-spacing: 0.7px;
}
.mapicon{
	background: url("../images/hihiroshima/2025/datail-map-icon.jpg") no-repeat;
	background-size: 2.694vw;
	padding-left: 4.004vw;
	background-position: top 53% left 0;
	text-decoration: underline;
	color: #000;
}
.datail .btn {
  clear: both;
  display: block;
  text-align: center;
}
.datail .btn a {
	margin: 0 auto;
	padding: 4vw 6.667vw;
	display: block;
	width: 70%;
	color: #000;
	font-family: "Noto Sans JP";
	font-style: normal;
	font-weight: 500;
	line-height: 190%; /* 36.1px */
	letter-spacing: 0.95px;
	border-radius: 50px;
	border: 2px solid #000;
	text-decoration: none;
  	color: #000;
	background: #FCE800;
 	position: relative;
	font-size: 4.267vw;
}
.datail .btn a::before {
  border-right: 2px solid #000;
  border-top: 2px solid #000;
  bottom: 0;
  content: "";
  height: 7px;
  width: 7px;
  margin: auto;
  position: absolute;
  right: 30px;
  top: 0;
  transform: rotate(45deg);
  transition: right .3s;
}
.datail .btn a:hover	{
	  background-color: #F3F86D;
	}
.datail .btn a:hover::before {
	right: 25px;
}


#sideevent .btn-more {
	text-align: center;
}
#sideevent .btn-more a {
	margin: 0 auto;
	padding: 3.733vw 6.667vw;
	display: inline-block;
	width: 50%;
	color: #000;
	text-align: center;
	font-family: "Reddit Sans";
	font-size: 5.333vw;
	font-style: normal;
	font-weight: 500;
	line-height: 100%; /* 25px */
	border-radius: 50px;
	border: 2px solid #000;
  	text-decoration: none;
  	color: #000;
  	background-color: #fff;
  	position: relative;
}
#sideevent .btn-more a::before {
  border-right: 2px solid #000;
  border-top: 2px solid #000;
  bottom: 0;
  content: "";
  height: 7px;
  width: 7px;
  margin: auto;
  position: absolute;
  right: 6.083vw;
  top: 0;
  transform: rotate(135deg);
  transition:  .3s;
}
#sideevent .btn-more a:hover	{
	  background-color: #fff;
	}
#sideevent .btn-more a:hover::before {
  	bottom: -8px;
}
}



/* 地図 *********************************************************/
#map{
	margin: 0;
	padding: 6.25vw 0 6.25vw 0;
	border-bottom: 2px solid #000;
	background: #F8F8F8;
	position: relative;
}

#map h2{
	margin: 0 0 6.944vw;
	color: #000;
	text-align: center;
	font-family: "Noto Sans JP";
	font-size: 2.778vw;
	font-style: normal;
	font-weight: 800;
	line-height: 100%; /* 40px */
	}
#map .googlemap{
	width: 100%;
	/*height: 47.083vw;*/
}

@media (max-width: 749px) {
#map {
	margin: 0;
	padding: 24vw 0 24vw 0;
	border-bottom: 2px solid #000;
	background: #F8F8F8;
	position: relative;
}
#map h2{
	margin: 0 0 13.333vw 0;
	color: #000;
	text-align: center;
	font-family: "Noto Sans JP";
	font-size: 5.867vw;
	font-style: normal;
	font-weight: 800;
	line-height: 150%; /* 33px */
	}
#map .googlemap{
	width: 100%;
	/*height: 47.083vw;*/
}
}


/* メール *********************************************************/
#mail{
	margin: 0;
	padding: 6.25vw 0 6.25vw 0;
	background: #F8F8F8;
	position: relative;
}

#mail h2{
	margin: 0 0 6.944vw;
	color: #000;
	text-align: center;
	font-family: "Noto Sans JP";
	font-size: 2.778vw;
	font-style: normal;
	font-weight: 800;
	line-height: 100%; /* 40px */
}

@media (max-width: 749px) {
#mail {
	margin: 0;
	padding: 24vw 0 24vw 0;
	background: #F8F8F8;
	position: relative;
}
#mail h2{
	margin: 0 0 13.333vw 0;
	color: #000;
	text-align: center;
	font-family: "Noto Sans JP";
	font-size: 5.867vw;
	font-style: normal;
	font-weight: 800;
	line-height: 150%; /* 33px */
}
}



/* ダウンロード *********************************************************/
#download{
	margin: 0;
	padding: 6.25vw 0 6.25vw 0;
	background: #F8F8F8;
	position: relative;
}

#download h2{
	margin: 0 0 6.944vw;
	color: #000;
	text-align: center;
	font-family: "Noto Sans JP";
	font-size: 2.778vw;
	font-style: normal;
	font-weight: 800;
	line-height: 150%; /* 40px */
}

#download .btn-download {
	text-align: center;
}
#download .btn-download a {
	margin: 0 auto;
	padding: 0.972vw 1.389vw;
	display: inline-block;
	width: 20.833vw;
	color: #000;
	text-align: center;
	font-family: "Reddit Sans";
	font-size: 1.319vw;
	font-style: normal;
	font-weight: 500;
	line-height: 100%; /* 25px */
	border-radius: 50px;
	border: 2px solid #000;
	text-decoration: none;
	background-color: #F3F86D;
	position: relative;
}
#download .btn-download a::before {
  border-right: 2px solid #000;
  border-top: 2px solid #000;
  bottom: 0;
  content: "";
  height: 7px;
  width: 7px;
  margin: auto;
  position: absolute;
  right: 2.083vw;
  top: 0;
  transform: rotate(135deg);
  transition:  .3s;
}
#download .btn-download a:hover	{
	  background-color: #F3F86D;
	}
#download .btn-download a:hover::before {
  bottom: -8px;
}


@media (max-width: 749px) {
#download {
	margin: 0;
	padding: 24vw 0 24vw 0;
	border-bottom: 2px solid #000;
	background: #F8F8F8;
	position: relative;
}
#download h2{
	margin: 0 0 13.333vw 0;
	color: #000;
	text-align: center;
	font-family: "Noto Sans JP";
	font-size: 5.867vw;
	font-style: normal;
	font-weight: 800;
	line-height: 150%; /* 33px */
}
#download .btn-download {
	text-align: center;
}
#download .btn-download a {
	margin: 0 auto;
    padding: 4vw 6.667vw;
    display: block;
    width: 70%;
	color: #000;
	text-align: center;
	font-family: "Reddit Sans";
	font-size: 4.267vw;
	font-style: normal;
	font-weight: 500;
	line-height: 100%; /* 25px */
	border-radius: 50px;
	border: 2px solid #000;
	text-decoration: none;
	background-color: #F3F86D;
	position: relative;
}
#download .btn-download a::before {
  border-right: 2px solid #000;
  border-top: 2px solid #000;
  bottom: 0;
  content: "";
  height: 7px;
  width: 7px;
  margin: auto;
  position: absolute;
  right: 6.083vw;
  top: 0;
  transform: rotate(135deg);
  transition:  .3s;
}
#download .btn-download a:hover	{
	  background-color: F3F86Dfff;
}
#download .btn-download a:hover::before {
	bottom: -8px;
}
}


/* 広島県の取り組み *********************************************************/
#torikumi{
	margin: 0;
	padding: 0;
	background: #F8F8F8;
	position: relative;
}

#torikumi h2{
	width: 48.611vw;
	position: absolute;
    top: 2vw;
    left: calc(50% - 26.45vw);
	z-index: 99;
	margin: 0;
	padding: 1.528vw 2.083vw;
	border-radius: 15px;
	color: #fff;
	text-align: center;
	font-family: "Noto Sans JP";
	font-size: 2.083vw;
	font-style: normal;
	font-weight: 800;
	line-height: 150%; /* 40px */
	position: relative;
	display: inline-block;
	background: #E05DC8;
}
#torikumi h2:after{
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -15px;
  border: 15px solid transparent;
  border-top: 15px solid #E05DC8;
}

#torikumi ul{
	margin: 0;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	position: relative;
}
#torikumi ul li{
	box-sizing: border-box;
	display: flex;
	width: 25%;
	height: 30.472vw;
	padding: 5.556vw 1.736vw 2.778vw 1.736vw;
	flex-direction: column;
	align-items: center;
	gap: 23px;
	border-top: 2px solid #000;
	border-right: 2px solid #000;
	border-bottom: 2px solid #000;
}
#torikumi ul li a{
	text-decoration: none;
}
#torikumi ul li a picture{
	width: 20.833vw;
	height: 10.903vw;
	flex-shrink: 0;

}
#torikumi ul li a picture img{
	width: 100%;
	height: auto;
	border-radius: 20px;
}
#torikumi ul li a p{
	color: #000;
	font-family: "Noto Sans JP";
	font-size: 1.219vw;
	font-style: normal;
	font-weight: 500;
	line-height: 140%; /* 26.6px */
	letter-spacing: 0.95px;
	text-decoration: none;
}

@media (max-width: 749px) {
#torikumi {
	margin: 0;
	padding: 0 0 0 0;
	background: #F8F8F8;
	position: relative;
}
#torikumi h2{
	width: 73%;
    top: 5vw;
    left: calc(50% - 44.45vw);
	z-index: 99;
	margin: 0;
	padding: 5.867vw 8vw;
	border-radius: 15px;
	color: #fff;
	text-align: center;
	font-family: "Noto Sans JP";
	font-size: 4.8vw;
	font-style: normal;
	font-weight: 800;
	line-height: 150%; /* 40px */
  	position: relative;
  	display: inline-block;
  	background: #E05DC8;
	}
#torikumi h2:after{
  	content: "";
  	position: absolute;
  	top: 100%;
  	left: 50%;
  	margin-left: -15px;
  	border: 15px solid transparent;
  	border-top: 15px solid #E05DC8;
}

#torikumi ul{
	margin: 0;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	position: relative;
}
#torikumi ul li{
	box-sizing: border-box;
	display: flex;
	width: 50%;
	height: inherit;
	padding: 15.34vw 4vw 9vw 4vw;
	flex-direction: column;
	align-items: center;
	gap: 23px;
}
#torikumi ul li:nth-child(1){
	border-top: 2px solid #000;
	border-right: 2px solid #000;
	border-bottom: 0;
}
#torikumi ul li:nth-child(2){
	border-top: 2px solid #000;
	border-right: 0;
	border-bottom: 0;
}
#torikumi ul li:nth-child(3){
	border-top: 2px solid #000;
	border-right: 2px solid #000;
	border-bottom: 2px solid #000;
}
#torikumi ul li:nth-child(4){
	border-top: 2px solid #000;
	border-bottom: 2px solid #000;
	border-right: 0;
}
#torikumi ul li a{
	text-decoration: none;
}
#torikumi ul li a picture{
	width: 20.833vw;
	height: 10.903vw;
	flex-shrink: 0;

}
#torikumi ul li a picture img{
	width: 100%;
	height: auto;
	border-radius: 20px;
}
#torikumi ul li a p{
	color: #000;
	font-family: "Noto Sans JP";
	font-size: 3.733vw;
	font-style: normal;
	font-weight: 500;
	line-height: 160%;
	letter-spacing: 0.95px;
	text-decoration: none;
}
}



footer{
	padding: 1.111vw 0;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 80px;
	align-self: stretch;
	background: #000;
}
footer .container{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
nav{
	color: #fff;
	font-family: "Noto Sans JP";
	font-size: 1.25vw;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
}
nav ul{
	margin: 0;
	padding: 0;
	list-style: none;
	display: flex;
}
nav ul li{
	margin-right: 1.736vw;
}
nav ul li a{
	color: #fff;
	text-decoration: none;
}
copy{
	color: #fff;
	font-family: "Noto Sans JP";
	font-size: 1.25vw;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
}
@media (max-width: 749px) {
footer{
	padding: 4.103vw 0;
}
footer .container{
	display: block;
}
nav{
	margin-bottom: 3.846vw;
	color: #fff;
	font-family: "Noto Sans JP";
	font-size: 3.59vw;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
nav ul{
	margin: 0;
	padding: 0;
	list-style: none;
	display: flex;
}
nav ul li{
	margin-right: 6.41vw;
}
nav ul li:last-child{
	margin-right: 0;
	}
copy{
	display: block;
	color: #fff;
	font-family: "Noto Sans JP";
	font-size: 3.59vw;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	text-align: center;
}
}