body { margin: 0; padding: 0; }

div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { margin: 0; padding: 0; }

h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; }

ol, ul { list-style: none; }

fieldset, img { border: 0; }

table { border-collapse: collapse; border-spacing: 0; }

caption, th { text-align: left; }

address, caption, cite, code, dfn, em, th, var { font-style: normal; font-weight: normal; }

img { vertical-align: bottom; }

#report_20210320 { padding: 5.5rem 0 4rem; background: #ecf6ff; }
@media screen and (max-width: 767px) { #report_20210320 { padding-top: 7.5rem; } }
#report_20210320 .title { margin: 0 auto 2.5rem; text-align: center; }
@media screen and (max-width: 767px) { #report_20210320 .title { padding: 0 1.5rem; } }
#report_20210320 .title__tagline { display: inline-block; padding: .25em 1em .4em; border-radius: 1em; background: #06b53a; font-size: 1.3rem; font-weight: 700; line-height: 1; color: #fff; }
@media screen and (max-width: 767px) { #report_20210320 .title__tagline { display: block; padding-left: .5em; padding-right: .5em; font-size: 1.2rem; } }
#report_20210320 .title__h1 { margin-bottom: 1rem; text-align: center; line-height: 1; font-size: 2.4rem; font-weight: 700; color: #0f67cf; }
@media screen and (max-width: 767px) { #report_20210320 .title__h1 { margin-bottom: 1rem; font-size: 2.2rem; } }
#report_20210320 .title__h1 i { font-size: 2rem; font-style: normal; font-weight: 700; }
@media screen and (max-width: 767px) { #report_20210320 .title__h1 i { font-size: 1.9rem; } }
#report_20210320 .title__h1 small { display: inline-block; vertical-align: middle; font-size: 1rem; }
@media screen and (max-width: 767px) { #report_20210320 .title__h1 small { font-size: 1.3rem; } }
#report_20210320 .title__h1 > span { display: block; }
#report_20210320 .title__h1 > span:nth-child(1) { margin-bottom: 0.75rem; }
#report_20210320 .lead { position: relative; box-sizing: border-box; padding: 1.5rem 3.5rem; border: solid 4px #0f67cf; border-radius: 20px; background-color: #fff; max-width: 37.1rem; margin: 0 auto 4.5rem; }
@media screen and (max-width: 767px) { #report_20210320 .lead { margin: 0 0 1rem; padding: 0 1rem; border: none; background-color: transparent; } }
#report_20210320 .lead > p { font-size: 1rem; font-weight: 700; line-height: 1.8; text-align: center; color: #0f67cf; }
@media screen and (max-width: 767px) { #report_20210320 .lead > p { padding: 2.5rem 1.5rem; border: solid 2px #0f67cf; border-radius: 10px; background-color: #fff; font-size: 1.2rem; text-align: left; } }
#report_20210320 .lead__image { position: absolute; }
@media screen and (max-width: 767px) { #report_20210320 .lead__image { position: relative; } }
#report_20210320 .lead__image--left { width: 10.7rem; left: -7.85rem; top: 0.45rem; }
@media screen and (max-width: 767px) { #report_20210320 .lead__image--left { width: auto; left: 0; top: -2rem; } }
#report_20210320 .lead__image--right { width: 14.55rem; right: -11.6rem; top: 1rem; }
@media screen and (max-width: 767px) { #report_20210320 .lead__image--right { display: none; } }
#report_20210320 .panel { position: relative; box-sizing: border-box; margin: 0 auto; max-width: 52rem; border: solid 8px #0f67cf; border-radius: 30px; background-color: #fff; font-size: 0.85rem; }
@media screen and (max-width: 767px) { #report_20210320 .panel { margin: 0 1rem; border: solid 4px #0f67cf; border-radius: 15px; font-size: 1.2rem; } }
#report_20210320 .panel + .panel { margin-top: 4rem; }
@media screen and (max-width: 767px) { #report_20210320 .panel + .panel { margin-top: 2.5rem; } }
#report_20210320 .panel__main { position: absolute; }
#report_20210320 .panel__main--01 { top: -1.15rem; right: -4.5rem; width: 20.4rem; }
@media screen and (max-width: 767px) { #report_20210320 .panel__main--01 { top: -2.75rem; right: -0.7rem; width: 14.3rem; } }
#report_20210320 .panel__main--02 { top: -1.15rem; right: -4.5rem; width: 20.55rem; }
@media screen and (max-width: 767px) { #report_20210320 .panel__main--02 { top: -2.75rem; right: -0.7rem; width: 14.3rem; } }
#report_20210320 .panel__title { padding: 1.25rem 3rem; background: #06b53a; border-radius: 22px 22px 0 0; font-size: 1.8rem; font-weight: 700; line-height: 1.38; color: #fff; }
@media screen and (max-width: 767px) { #report_20210320 .panel__title { padding: 1rem 1.75rem; border-radius: 10px 10px 0 0; font-size: 1.75rem; } }
#report_20210320 .panel__title h2 { font-weight: inherit; }
#report_20210320 .panel__title--01 h2 { padding-right: 14rem; }
@media screen and (max-width: 767px) { #report_20210320 .panel__title--01 h2 { padding-right: 13.25rem; } }
#report_20210320 .panel__title--02 h2 { padding-right: 14rem; }
@media screen and (max-width: 767px) { #report_20210320 .panel__title--02 h2 { padding-right: 13.25rem; } }
#report_20210320 .panel__body { padding: 2rem 3rem; }
@media screen and (max-width: 767px) { #report_20210320 .panel__body { padding: 2rem 1.75rem; } }
#report_20210320 .panel__body h3 { margin: 2.5rem 0 1.5rem; padding-bottom: 0.25rem; border-bottom: solid 3px #0f67cf; font-size: 1.5rem; font-weight: 700; color: #0f67cf; text-align: center; }
@media screen and (max-width: 767px) { #report_20210320 .panel__body h3 { font-size: 1.75rem; } }
#report_20210320 .panel__body h3 + .panel__image { margin-top: 0; }
#report_20210320 .panel__body h3::after, #report_20210320 .panel__body h3::before { content: ""; display: block; clear: both; }
#report_20210320 .panel__body p { line-height: 1.88; }
#report_20210320 .panel__body p + p { margin-top: 1.5em; }
#report_20210320 .panel__body strong { color: #0f67cf; }
#report_20210320 .panel__body figure { margin: 0; }
#report_20210320 .panel__body figure > img { border: solid 3px #0f67cf; border-radius: 14px; }
@media screen and (max-width: 767px) { #report_20210320 .panel__body figure > img { border: solid 2px #0f67cf; border-radius: 10px; } }
#report_20210320 .panel__body figure > figcaption { margin-top: .5em; font-size: 0.7rem; text-align: center; }
@media screen and (max-width: 767px) { #report_20210320 .panel__body figure > figcaption { font-size: 1rem; } }
#report_20210320 .panel__body--01 p > span { display: inline-block; padding-right: 15rem; }
@media screen and (max-width: 767px) { #report_20210320 .panel__body--01 p > span { padding-right: 0; } }
#report_20210320 .panel__body--02 p > span { display: inline-block; padding-right: 15rem; }
@media screen and (max-width: 767px) { #report_20210320 .panel__body--02 p > span { padding-right: 0; } }
#report_20210320 .panel__image { margin-top: 1.5em; max-width: 21.5rem; }
@media screen and (max-width: 767px) { #report_20210320 .panel__image { max-width: none; } }
#report_20210320 .panel__image--left { float: left; margin-right: 2rem; margin-bottom: 0.75rem; }
@media screen and (max-width: 767px) { #report_20210320 .panel__image--left { float: none; margin-right: 0; } }
#report_20210320 .panel__image--left + p { margin-top: 1.5em; }
#report_20210320 .panel__image--right { float: right; margin-left: 2rem; margin-bottom: 0.75rem; }
@media screen and (max-width: 767px) { #report_20210320 .panel__image--right { float: none; margin-left: 0; } }
#report_20210320 .panel__image--right + p { margin-top: 1.5em; }
#report_20210320 .panel__images { display: flex; justify-content: space-between; margin-top: 1.5em; }
@media screen and (max-width: 767px) { #report_20210320 .panel__images { display: block; } }
#report_20210320 .panel__images > li { flex: 0 0 14rem; max-width: 14rem; }
@media screen and (max-width: 767px) { #report_20210320 .panel__images > li { max-width: none; }
  #report_20210320 .panel__images > li figure { display: flex; align-items: center; }
  #report_20210320 .panel__images > li img { margin-right: 1.1rem; width: 15rem; }
  #report_20210320 .panel__images > li figcaption { text-align: left; }
  #report_20210320 .panel__images > li + li { margin-top: 1rem; } }
#report_20210320 .panel__grid { display: flex; justify-content: space-between; margin-top: 1.5em; }
@media screen and (max-width: 767px) { #report_20210320 .panel__grid { margin-top: 0; }
  #report_20210320 .panel__grid .panel__image { flex: 0 0 15rem; } }

#info_area .movie { margin: 2.25rem auto 0; max-width: 640px; }
@media screen and (max-width: 767px) { #info_area .movie { margin-left: 2.5rem; margin-right: 2.5rem; } }
#info_area .movie__inner { position: relative; width: 100%; height: 0; padding-bottom: 56.25%; overflow: hidden; }
#info_area .movie iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.about_project { padding: 3.5rem 0 2.5rem; text-align: center; }
.about_project__title { margin-bottom: 2.25rem; color: #196acc; font-size: 1.9rem; font-weight: bold; line-height: 1; letter-spacing: 0.01em; display: inline-block; padding: 0 1.2rem 1rem; border-bottom: #196acc 0.3rem solid; }
@media screen and (max-width: 767px) { .about_project__title { font-size: 2rem; padding: 0 0.9rem 1rem; } }
.about_project__panels { display: flex; justify-content: space-between; max-width: 42.7rem; margin: 0 auto; }
@media screen and (max-width: 767px) { .about_project__panels { margin: 0 1rem; } }
.about_project__panel { box-sizing: border-box; display: flex; flex-direction: column; border: solid 2px #196acc; border-radius: 14px; width: 20.4rem; padding: 2rem 0 1.5rem; }
@media screen and (max-width: 767px) { .about_project__panel { border: solid 1px #196acc; width: 17.5rem; padding: 1.5rem 1rem; border-radius: 7px; } }
.about_project__panel p { margin-bottom: 0.9rem; font-size: 0.85rem; font-weight: bold; line-height: 1.88; color: #196acc; }
@media screen and (max-width: 767px) { .about_project__panel p { font-size: 1.1rem; }
  .about_project__panel p br { display: none; } }
.about_project__panel p > img { width: 14.1rem; }
@media screen and (max-width: 767px) { .about_project__panel p > img { margin-top: 1.2rem; } }
.about_project__panel ul { margin-top: auto; }
.about_project__panel ul a { position: relative; display: flex; justify-content: center; align-items: center; transition: all 0.3s ease-out; margin: 0 auto; border-radius: 5px; background-color: #196acc; width: 14rem; height: 2.5rem; font-size: 0.85rem; font-weight: bold; color: #fff; }
@media screen and (max-width: 767px) { .about_project__panel ul a { width: 100%; height: 4rem; font-size: 1.2rem; } }
.about_project__panel ul a.over { background-color: #5e9adc; }
.about_project__panel ul a i { position: absolute; top: 50%; transform: translateY(-50%); right: 0.6rem; width: 0.5rem; height: 0.8rem; }
.about_project__panel ul a i.blank { width: 0.8rem; }

/*# sourceMappingURL=report_20210320.css.map */
