.material-box{background-color:var(--color-blue-light)}@media screen and (max-width: 767px){.material-box{margin-left:-20px;margin-right:-20px}}.material-box__heading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:85px;padding:10px;background-color:var(--color-blue-basic);color:#fff;gap:5px;text-align:center}.material-box__number{font-weight:500;line-height:1}@media screen and (min-width: 768px){.material-box__number{font-size:16px}}@media screen and (max-width: 767px){.material-box__number{font-size:14px}}.material-box__title{font-weight:bold;line-height:1.2}@media screen and (min-width: 768px){.material-box__title{font-size:24px}}@media screen and (max-width: 767px){.material-box__title{font-size:20px}}@media screen and (min-width: 768px){.material-box__inner{padding:30px 20px}}@media screen and (max-width: 767px){.material-box__inner{padding:20px}}.material-box__text{font-weight:500}@media screen and (min-width: 768px){.material-box__text{font-size:16px}}@media screen and (max-width: 767px){.material-box__text{font-size:14px}}.material-box__lead{margin-top:20px;font-weight:bold;text-align:center;color:var(--color-blue-basic);line-height:1.5}@media screen and (min-width: 768px){.material-box__lead{font-size:18px}}@media screen and (max-width: 767px){.material-box__lead{font-size:16px}}.material-monthly{margin-top:20px;background-color:#ffffff}@media screen and (min-width: 768px){.material-monthly{padding:30px 30px}}@media screen and (max-width: 767px){.material-monthly{padding:30px 20px}}.material-monthly:not(:first-child){margin-top:30px}.material-monthly__heading{color:var(--color-blue-basic)}.material-monthly__number{font-weight:500;line-height:1;margin-bottom:10px}@media screen and (min-width: 768px){.material-monthly__number{font-size:16px}}@media screen and (max-width: 767px){.material-monthly__number{font-size:14px}}.material-monthly__title{font-weight:bold;line-height:1.2;margin-bottom:10px}@media screen and (min-width: 768px){.material-monthly__title{font-size:20px}}@media screen and (max-width: 767px){.material-monthly__title{font-size:18px}}.material-monthly__title--black{color:#252525}.material-monthly__text{margin-top:10px}.material-item-layout{margin-top:20px;display:flex}@media screen and (min-width: 768px){.material-item-layout{gap:30px}}@media screen and (max-width: 767px){.material-item-layout{gap:30px;flex-direction:column}}.material-item{flex:1}.material-item__title{margin-bottom:15px;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:bold;line-height:1;gap:30px;color:var(--material-item-color)}.material-item__title span{position:relative;display:flex;align-items:center}.material-item__title span,.material-item__title span:before,.material-item__title span:after{position:relative;content:"";top:0;display:block;width:4px;height:4px;background:var(--material-item-color);border-radius:50%}.material-item__title span::before,.material-item__title span::after{position:absolute;opacity:0.4}.material-item__title span::before{left:calc(300%)}.material-item__title span::after{right:calc(300%)}.material-item__title--kokugo{--material-item-color: #FA5E5E}.material-item__title--sansu{--material-item-color: #3B84DD}.material-item__title--rika{--material-item-color: #07B179}.material-item__title--shakai{--material-item-color: #FBAA39}.material-item__title--eigo{--material-item-color: #9459C1}.material-item__thumbnail{display:flex;width:100%;justify-content:center}@media screen and (min-width: 768px){.material-item__thumbnail{gap:30px}}@media screen and (max-width: 767px){.material-item__thumbnail{gap:20px;flex-direction:column}}.material-item__image,.material-item__video{display:block}@media screen and (min-width: 768px){.material-item__image,.material-item__video{width:290px}}@media screen and (max-width: 767px){.material-item__image,.material-item__video{width:85%;margin-left:auto;margin-right:auto}}.material-item__image--full,.material-item__video--full{width:100%}.material-item__video{position:relative}.material-item__video video{display:block;width:100%}.material-item__video::after{content:"";display:block;width:100%;height:100%;position:absolute;top:0;left:0;background-color:rgba(0,0,0,0.5);pointer-events:none;opacity:1;background-position:center;background-image:url(../img/common/icon_video_play.svg);background-repeat:no-repeat}@media screen and (min-width: 768px){.material-item__video::after{background-size:80px 80px}}@media screen and (max-width: 767px){.material-item__video::after{background-size:48px 48px}}.material-item__video:has(video[controls])::after{opacity:0}.material-item__video--full{width:100%}