@import url('https://fonts.googleapis.com/css2?family=M+PLUS+1p:wght@100;300;400;500;700;800;900&display=swap');
html{font-size: 62.5%;}
#logo {width: 12%;height: auto;}
#pkm_head {margin-bottom: 0;}


.outer {
  background: #F3F3F3 url(../img/za-bg.jpg);
  line-height: 1.6;
  background-size: contain;
  background-position: top;
  background-repeat: repeat;
  font-family: 'M PLUS 1p', sans-serif;
  color: #000;
}
.inner {width: 980px;}

.main_visual {}
.main_visual > div.release{background: #4ABEE0;padding: 0.5em;}
.main_visual > div.title{margin-bottom: -3em;}
.main_visual > div.image{}
.main_visual > div.image ul{display: flex;gap: 5%;}

.information_area{}
.information_area div.block{ box-shadow: 0 0 0.5em #ddd; border-radius: 2em; padding:5em 3em 3em 3em;background: #fff;position:relative;}
.information_area div.block h2{font-weight: 800;font-size: 2.3em;color:#4ABEE0;margin-bottom: 0.75em;text-align: left;width: 100%;}
.information_area div.block p{margin-bottom: 1em;width: 60%;font-weight: 800;font-size: 1.2em;}
.information_area div.block table{width: 60%;}
.information_area div.block table .label{width: 20%;vertical-align: top;}
.information_area div.block table td{padding: 0.5em 0;}

.information_area div.block figure.c1{position:absolute;width: 34em;right: -6em; top: 11em;}
.information_area div.block figure.c2{position:absolute; width: 20em;  top: -5em;  left: 20em;}
.information_area div.block figure.n1{position:absolute;width: 10em;right: 2em;top:2em;}
.information_area div.block img{width: 100%;}

.footer{padding: 2em;}
.footer p{font-size: 0.8em;text-align: center;line-height: 1.8;}

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

/*smartphone*****************************************************************************************************************************************************************************************/
@media screen and (max-width: 768px) {

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

.sp_head #pkm_head >div ul li a {font-size: 1.2rem;}
.sp_head #pkm_head >div ul li::before {font-size: 1.2rem;}
#pkm_head >div h2 {font-family: 'M PLUS 1p', sans-serif;}

.outer{font-size: 1.55vw;overflow: hidden;}
.inner {width: 94%;}

.main_visual > div.image{margin-bottom: 2em;}
.information_area{}
.information_area div.block{padding-top: 8em;}
.information_area div.block h2{font-size: 3.3em;}
.information_area div.block h2 br{display: none;}
.information_area div.block p{font-size: 2em;width: 75%;}
.information_area div.block table{width: 100%;}
.information_area div.block table td{font-size:2em;}

.information_area div.block figure.c1{position:absolute;width: 34em;right: -6em; top: 47em;}
.information_area div.block figure.c2{position: absolute; width: 25em;  top: -5em;left: 18em;}
.information_area div.block figure.n1{position: absolute; width: 11em; right: 3em;top: 19em;}

footer ul#footer_menu1 li{margin-bottom: 0.5em;}
#footer_copy{line-height: 1.3;}
}