@charset "UTF-8";

/* ------------------------------------------------------------ */
/* #block-mv */
/* ------------------------------------------------------------ */
#block-mv .wide-container{display:flex;gap:10%;justify-content:space-between;align-items:flex-end;padding:14% 9% 0;position:relative;}
#block-mv .wide-container::before{content:"";display:block;width:100%;height:100%;background:url(../img/zelostatneedle-eye/bg_mv.png) center/cover no-repeat;position:absolute;top:0;left:0;z-index:-1;}
#block-mv img{max-width:100%;height:auto;width:auto;}
#block-mv .zelostat-logo{position:absolute;top:90px;right:30px;width:90px;}
#block-mv .logo{width:471px;margin-top:9%;margin-bottom:30px;}
#block-mv .left{flex:1;padding:7% 0;}
#block-mv .right{max-width:40%;text-align:center;padding:5% 0;align-self:flex-end;}
#block-mv .note{margin-top:30px;font-size:1.2rem;color:#656464;}

@media screen and (max-width:999px){
	#block-mv .wide-container{margin:0;gap:15%;max-width:100%;width:100%;}
  #block-mv .zelostat-logo{width:70px;}
	#block-mv .logo{width:100%;max-width:471px;margin:6vw 0 2%;}
	#block-mv .note{font-size:0.8rem;margin-top:10px;}
	#block-mv .right{width:35%;}
	#block-mv .left{padding:9% 0;}
}
@media screen and (max-width: 767px){
  #block-mv .zelostat-logo{width:40px;top:40px;}
}

/* ------------------------------------------------------------ */
/* #block-summary */
/* ------------------------------------------------------------ */
#block-summary{margin-top:40px;}
#block-summary .wide-container{padding:5% 4%;position:relative;background:#ecedf2;}
#block-summary .flex{display:flex;justify-content:center;gap:10%;text-align:center;}
#block-summary .flex > div{width:45%;}
#block-summary .box{position: relative;margin:auto;width: 100%;background: #FFF;padding:7% 7% 6%;box-sizing: border-box;box-shadow: 0px 3px 10px 0px rgba(32,32,32,0.15);border-radius: 10px;z-index:3;}
#block-summary .box + .box{margin-top:40px;}
#block-summary .box .common-ttl{margin-bottom:30px;}
#block-summary .box h4{text-align:center;font-size:1.8rem;margin:30px 0 20px;font-weight:bold;}
#block-summary .box h4 small{font-size:1rem;}
#block-summary .box .img{text-align:center;margin:1.5rem 0;}
#block-summary .box .img img{width:100%;max-width:540px;height:auto;}
#block-summary .lead{font-size:1.428rem;line-height:1.7;max-width:1000px;margin-top:1rem;text-align:center;}
.eye-tbl{width:100%;max-width:700px;}
.eye-tbl th, .eye-tbl td{border:solid 1px #585857; text-align:center; vertical-align:middle; padding:8px 10px;}
.eye-tbl th:first-child,.eye-tbl td:first-child{border-left:0;}
.eye-tbl th:last-child,.eye-tbl td:last-child{border-right:0;}
.eye-tbl th{font-size:1.428rem; font-weight:600; background:#91b1cf;color:#fff;}
.eye-tbl td{font-size:1.285rem;box-sizing:border-box;background:#fff;}
#block-summary .eye-tbl{margin:40px auto 0;}
#block-summary .note{text-align:left;width:100%;max-width:700px;margin:15px auto 0;font-size:1rem;}

@media screen and (max-width:999px){
	#block-summary .wide-container{padding:9vw 6%;max-width:100%;width:100%;background-size:200px auto;}
  #block-summary .flex{flex-direction:column;}
  #block-summary .flex > div{width:100%;}
	#block-summary .box{padding:9% 8%;}
	#block-summary .box .common-ttl{margin-bottom:15px;}
	#block-summary .box .lead{font-size:1.28rem;}
	.eye-tbl{width:100%;margin-top:20px;}
}
@media screen and (max-width: 767px){
}
@media screen and (max-width:619px){
  #block-summary .box h4{font-size:1.6rem;}
  #block-summary .box h4 small{display:block;}
  #block-summary .box .img img{max-width:280px;}
	.eye-tbl th{font-size:1rem;line-height:1.3;padding:6px 5px;}
	.eye-tbl td{font-size:1rem;padding:6px 5px;}
}

/* ------------------------------------------------------------ */
/* #block-last */
/* ------------------------------------------------------------ */
#block-last{margin-top:40px;}
#block-last .wide-container{padding:80px 40px;position:relative;background:url("../img/zelostatneedle-eye/bg_last.png") center/cover no-repeat;}
#block-last .container{box-sizing:border-box;z-index:1;}
#block-last .ttl{text-align:center;font-weight:bold;font-size:3rem;margin-bottom:10px;color:#fff;}
#block-last .lead{text-align:center;font-size:1.6rem;color:#fff;}

#block-last .eye-tbl{margin:40px auto 0;}
#block-last .note{text-align:right;width:100%;max-width:700px;margin:15px auto 0;}
#block-last .flex{display:flex;justify-content:center;gap:10%;text-align:center;}
#block-last .flex img{height:240px;width:auto;}
#block-last .flex .caption{font-size:1.2rem;margin-top:1rem;}
#block-last .container + .container{margin-top:4rem;}
#block-last .common-btn {margin-left:auto;margin-right:auto;max-width: 360px;}
#block-last .common-btn a{background:#8eadc8;}

@media screen and (max-width:999px){
	#block-last .wide-container{max-width:100%;width:100%;padding:12vw 2%;}
	#block-last .ttl{font-size:2.5rem;}
	#block-last .lead{font-size:1.28rem;}
}
@media screen and (max-width: 767px){
  #block-last .flex img{width:100%;height:auto;}
}
@media screen and (max-width:619px){
	#block-last .note{font-size:1rem;}
  #block-last .flex{gap:5%;}
}

/* ------------------------------------------------------------ */
/* #block-last2 */
/* ------------------------------------------------------------ */
#block-last2{text-align:right;}
#block-last2 .caption{margin-top: 2rem; text-align: right; color: #888; font-size: 12px;}