	
.mikata_read{
	padding: 5% 5%;
	text-align: center;
	background: url(../img/mikata/title_bg.jpg) no-repeat center center;
	-moz-background-size:cover;background-size:cover;
}

.mikata_read > div{
	display: flex;
	flex-direction: column;
	align-items: center
}

.mikata_read h2{
	text-align: center;
	margin-bottom: 1em;
	font-size: clamp(1.125rem, 0.511rem + 3.07vw, 2.813rem);
}

.mikata_read h3 span{
	font-size: 1.3em
}

.mikata_read h3 {
  position: relative;
  width:fit-content;
  padding: .8em 1.5em;
  border-radius: .5em;
  background:#060097;
  font-size: clamp(1.125rem, 0.852rem + 1.36vw, 1.875rem);
  font-weight: 400;
  line-height: 1.5;
  color: #fff;
}

/*
.mikata_read h3::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  border-style: solid;
  border-width: 20px 10px 0 10px;
  border-color: #060097 transparent transparent;
  translate: -50% 100%;
}
*/




.mikata_ex{
	background: #005e8c;
background: linear-gradient(0deg,rgba(0, 94, 140, 1) 0%, rgba(64, 175, 219, 1) 86%);
	padding: 6% 5%;
	text-align: center;
}

.mikata_ex h3{
	font-size: clamp(1.125rem, 0.511rem + 3.07vw, 2.813rem);
	color: #fff;
	margin: 0 0 1em
}

.mikata_ex h3 span{
	color: #fbff00
}

.mikata_ex_li{
	  display: grid;
	  grid-template-columns: repeat(2,1fr);
	  gap: 1em;
	  max-width: 1000px;
	  position: relative;
	  margin: 0 auto 5%
}



.mikata_ex_li div{
	background: repeating-linear-gradient(
    -45deg,
    #fbff00 0 8px,
    #000 8px 20px );
    padding: 5px;
    border-radius: 1em;
}

.mikata_ex_li dl{
	background: #fbff00;
	  border-radius: 1em;
	  padding: .8em;
}

.mikata_ex_li dl dt{
	font-weight: bold;
	font-size:clamp(1.25rem, 1.023rem + 1.14vw, 1.875rem);
	line-height: 1.3em;
	color: #060097;
	margin: 0 0 .5em;
	
}

.mikata_ex_li dl dt::before{
	content: "！";
	display: block;
	font-style: italic;
	font-size: 1.2em;
	font-family: fot-rodin-pron,sans-serif;
	font-weight: 600;
}

.mikata_ex_li dl dd{
	background: #000;
	color: #fff;
	border-radius: 5px;
	position: relative;
	margin: 5px 0 0
}

@media screen and (max-width: 767px) {}	

@media print, screen and (min-width: 768px) {}	

@media print, screen and (min-width: 1024px) {
	.mikata_ex_li{grid-template-columns: repeat(4,1fr);}
	.mikata_ex_li dl{padding: 1.5em;}
}	





.piechart{
	border: solid 1px #fff;
	padding: 1.5em;
	border-radius: 2em;
	position: relative;
	max-width: 800px;
	margin: 0 auto;
	display: flex;
	flex-direction: column;
	align-items: center;
	color: #fff;
	
}

.piechart h4{
	font-size: clamp(1.125rem, 0.807rem + 1.59vw, 2rem);
	text-align: center;
	margin: 0 0 .5em
}

.piechart figure{
	max-width: 380px;
}

.piechart p{font-size: clamp(1.125rem, 0.807rem + 1.59vw, 2rem);
	line-height: 1.5em;
}

.piechart p em{
	color: #fbff00;
	font-style: normal;
	font-size: 1.2em;
	display: block
}

.price{
	background: #ff7000;
	padding: 5%;
	display: flex;
	flex-direction: column;
	align-items: center;
	
}


.price h3,
.price h4{
	font-size: clamp(1.25rem, 0.977rem + 1.36vw, 2rem);
	color: #fff;
	text-align: center
}

.price h3{
	margin: 0 0 .5em;
}

.price h3 span{
	font-size: 1.3em;
	display: inline-block;
	padding: 0 .1em;
	
}

.price h4 span{
	background: #fbff00;
	font-size: 1.2em;
	color: #000
}


@media screen and (max-width: 414px) {
	
}	

@media print, screen and (min-width: 768px) {
	.price h3 br,
	.price h4 br{
		display: none
	}
}	

@media print, screen and (min-width: 1024px) {}	



.chirashi{
	max-width: 900px;
	margin: 0 auto;
	text-align: center;
	padding: 5%;
}

.chirashi img{
	box-shadow: 1px 1px 6px #ccc;
}

.chirashi a{
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
}


.chirashi a::before{
	display: block;
	content: "";
	background: url(../img/mikata/zoom.svg) no-repeat;
	-moz-background-size:contain;background-size:contain;
	width: 80px;
	padding: 100px 0 0;
	opacity: .8;
	position: absolute;
}


ul.mikata_ban{
	margin: 3em auto 5em;
	align-items: center;
}

ul.mikata_ban li{
	margin: 1em 0 3em; 
	text-align: center;
}

ul.mikata_ban li h4{
	margin: 0 auto .5em;
}

ul.mikata_ban li h4 a{
	text-align: center;
	display: block;
	color: red;
	font-weight: bold;
	font-size: 1.2em
}

ul.mikata_ban li h4::after{
	content: "↓↓↓↓↓";
	color: red;
	display: block;
}

@media screen and (max-width: 767px) {}	

@media print, screen and (min-width: 768px) {


}
