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; }

h2{ font-size: 100%; font-weight: 700; }
h1, 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_20220316 { padding: 5.5rem 0 4rem; background: #ecf6ff; }
@media screen and (max-width: 767px) { #report_20220316 { padding-top: 7.5rem; } }

#report_20220316 .title { margin: 0 auto 2.5rem; text-align: center; }
@media screen and (max-width: 767px) { #report_20220316 .title { padding: 0 1.5rem; } }

#report_20220316 .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_20220316 .title__tagline { display: block; padding-left: .5em; padding-right: .5em; font-size: 1.2rem; } }

#report_20220316 .title__h1 { margin-bottom: 1rem; text-align: center; letter-spacing: 2px; line-height: 1.4; font-size: 2.4rem; font-weight: 800; color: #0f67cf; text-shadow: 0px 0px 9px #1066cf63;  -webkit-text-stroke: 1px #FFF;
 text-stroke: 1px #FFF }
@media screen and (max-width: 767px) { #report_20220316 .title__h1 { margin-bottom: 1rem; font-size: 2.2rem; } }

#report_20220316 .title__h1 i { font-size: 2rem; font-style: normal; font-weight: 700; }
@media screen and (max-width: 767px) { #report_20220316 .title__h1 i { font-size: 1.9rem; } }

#report_20220316 .title p { display: inline-block; font-size: 1rem; color: #345880; font-weight: 600; letter-spacing: 2px; }
@media screen and (max-width: 767px) { #report_20220316 .title p { font-size: 1.1rem; } }

#report_20220316 .title__h1 > span { display: block; }
#report_20220316 .title__h1 > span:nth-child(1) { margin-bottom: 0.75rem; }

#report_20220316 .title__h1 img{
  width: 60%;
}
@media screen and (max-width: 767px) { #report_20220316 .title__h1 img { width: 100%; } }



#report_20220316 .lead { position: relative; box-sizing: border-box; padding: 1.5rem 3.5rem; border-radius: 20px; background-color: #fff; max-width: 37.1rem; margin: 0 auto 4.5rem; }
@media screen and (max-width: 767px) { #report_20220316 .lead { margin: 0 0 1rem; padding: 0 1rem; border: none; background-color: transparent; } }

#report_20220316 .lead > p { font-size: 1rem; font-weight: 700; line-height: 1.7; text-align: center; color: #0f67cf; }
@media screen and (max-width: 767px) { #report_20220316 .lead > p { padding: 2.5rem 1.5rem; border-radius: 10px; background-color: #fff; font-size: 1.2rem; text-align: color; } }

#report_20220316 .lead__image { position: absolute; }
@media screen and (max-width: 767px) { #report_20220316 .lead__image { position: relative; } }

#report_20220316 .lead__image--left { width: 12rem; left: -8.85rem; top: 3rem; }
@media screen and (max-width: 767px) { #report_20220316 .lead__image--left { width: auto; left: 0; top: -2rem; } }

#report_20220316 .lead__image--right { width: 12rem; right: -8.85rem; top: 3rem; }
@media screen and (max-width: 767px) { #report_20220316 .lead__image--right { display: none; } }


#report_20220316 .lead .lead__s { font-size: 0.85rem; text-align: center; color: #000000; font-weight: normal;  padding: 1em 3em; display: block;}
@media screen and (max-width: 767px) { #report_20220316 .lead .lead__s { font-size: 1rem; text-align: center;  padding: 1em 2em; } }


#report_20220316 .panel {
    position: relative;
    box-sizing: border-box;
    margin: 0 auto;
    max-width: 52rem;
    border: solid 4px #4f84c0;
    border-radius: 20px;
    font-size: 0.85rem;
    background-color: #f2eddb;
}
@media screen and (max-width: 767px) { #report_20220316 .panel { margin: 0 1rem; border: solid 4px #0f67cf; border-radius: 15px; font-size: 1.2rem; } }


#report_20220316 .panel--lead {
    max-width: 52rem;
    border-radius: 20px;
    background-color: #fff;
    font-size: 0.85rem;
    border: none;
}

#report_20220316 .panel--lead .panel__image--left {
  float: left;
  margin-right: 1rem;
}

@media screen and (max-width: 767px) { #report_20220316 .panel--lead .panel__image--left {
    float: none;
    margin-right: 0;
  }
}


#report_20220316 .panel--lead .panel__image {
    max-width: 17.5rem;
}
@media screen and (max-width: 767px) { #report_20220316 .panel--lead .panel__image {
    max-width: 89%;
    margin: 0 auto;
  }
}

#report_20220316 .panel--lead .lead__wrap p {
    font-size: 1.1em;
}
#report_20220316 .panel + .panel { margin-top: 4rem; }
@media screen and (max-width: 767px) { #report_20220316 .panel + .panel { margin-top: 2.5rem; } }

#report_20220316 .panel__main { position: absolute; }

#report_20220316 .panel__main--01 {  top: -2.15rem; left: -1em; width: 20.4rem; }
@media screen and (max-width: 767px) { #report_20220316 .panel__main--01 { top: -2.75rem; right: -0.7rem; width: 14.3rem; } }

#report_20220316 .panel__main--02 { top: -1.15rem; right: -4.5rem; width: 20.55rem; }
@media screen and (max-width: 767px) { #report_20220316 .panel__main--02 { top: -2.75rem; right: -0.7rem; width: 14.3rem; } }

#report_20220316 .panel__title {
    padding: 1.25rem 3rem;
    background: #0063d2;
    border-radius: 15px 15px 0 0;
    font-size: 1.8rem;
    line-height: 1.38;
    font-weight: 700;
    color: #fff;
}
@media screen and (max-width: 767px) { #report_20220316 .panel__title { padding: 1rem 1.75rem; border-radius: 10px 10px 0 0; font-size: 1.75rem; } }

#report_20220316 .panel__title h2 { font-weight: inherit;}
@media screen and (max-width: 767px) { #report_20220316 .panel__title h2 { font-size: 0.9em; padding-bottom: 0.3em;} }


#report_20220316 .main__tit{
    padding: 2em 0 0em;
    color: #0064d2;
    font-weight: bold;
    font-size: 1.25em;
    text-align: center;
}

#report_20220316 .panel__title--02 h2 { padding-right: 14rem; }
@media screen and (max-width: 767px) { #report_20220316 .panel__title--02 h2 { padding-right: 13.25rem; } }

#report_20220316 .panel__body {
    padding: 1.2rem 3rem 3rem;
}
@media screen and (max-width: 767px) { #report_20220316 .panel__body { padding: 2rem 1.75rem; } }

#report_20220316 .panel__body h3 { 
  margin: 2.5rem 0 1.5rem; padding-bottom: 0.25rem; padding-left: 1em; border-left: solid 3px #0f67cf; font-size: 1.5rem; font-weight: 700; color: #000000; text-align: left; 
}
@media screen and (max-width: 767px) { #report_20220316 .panel__body h3 { font-size: 1.75rem; } }

#report_20220316 .panel__body h4 {
  margin: 1rem 0;
  font-size: 1.3rem;
  font-weight: 700;
  color: #0f67cf;
  text-align: center;
  color: #0063d2;
}
@media screen and (max-width: 767px) { #report_20220316 .panel__body h4 { font-size: 1.8rem; } }

#report_20220316 .panel__body h4 span {
  font-size: 0.8em;
  display: block;
}

#report_20220316 .name_img{ width: 16%; margin: 1em auto; text-align: center; display: block;}
@media screen and (max-width: 767px) { #report_20220316 .name_img{ width: 40%;} }

#report_20220316 .name_img_lead{ text-align: center; padding-left: 6em; }

#report_20220316 .dotted{
  background-size: 8px 2px;
  background-position: left bottom;
  background-repeat: repeat-x;
  border-bottom: 4px dotted #d1cab0;
}

#report_20220316 .panel__body h5 {
  margin: 1rem 0;
  font-size: 1.3rem;
  font-weight: 700;
  text-align: left;
  color: #000000;
}
@media screen and (max-width: 767px) { #report_20220316 .panel__body h5 { font-size: 1.8rem; padding-top: 0.5em;} }
#report_20220316 .panel__body h5 span{
  font-size: 1rem;
  display: block;
}
#report_20220316 .panel__body h3 + .panel__image { margin-top: 0; }
#report_20220316 .panel__body h3::after, #report_20220316 .panel__body h3::before { content: ""; display: block; clear: both; }
#report_20220316 .panel__body p { line-height: 1.88; margin-top: 1.5em; }
#report_20220316 .panel__body strong { color: #0f67cf; }
#report_20220316 .panel__body figure { margin: 0; }

#report_20220316 .panel__body figure > img { margin-top: 1.2em; }

#report_20220316 .panel__body figure > figcaption { 
  margin-top: .5em; font-size: 0.7rem; text-align: center; 
}
@media screen and (max-width: 767px) { #report_20220316 .panel__body figure > figcaption { font-size: 1rem; } }
#report_20220316 .panel__body--02 p > span { display: inline-block; padding-right: 15rem; }
@media screen and (max-width: 767px) { #report_20220316 .panel__body--02 p > span { padding-right: 0; } }
#report_20220316 .panel__image { max-width: 21.5rem; }
@media screen and (max-width: 767px) { #report_20220316 .panel__image { max-width: none; } }

#report_20220316 .panel__image--left { float: left; margin-right: 2rem; margin-bottom: 0.75rem; }
@media screen and (max-width: 767px) { #report_20220316 .panel__image--left { float: none; margin-right: 0; } }

#report_20220316 .panel__image--left + p { margin-top: 1.5em; }
#report_20220316 .panel__image--right { float: right; margin-left: 2rem; margin-bottom: 0.75rem; }
@media screen and (max-width: 767px) { #report_20220316 .panel__image--right { float: none; margin-left: 0; } }
#report_20220316 .panel__image--right + p { margin-top: 1.5em; }
#report_20220316 .panel__images { display: flex; justify-content: space-between; margin-top: 1.5em; }
@media screen and (max-width: 767px) { #report_20220316 .panel__images { display: block; } }
#report_20220316 .panel__images > li { flex: 0 0 14rem; max-width: 14rem; }
@media screen and (max-width: 767px) { #report_20220316 .panel__images > li { max-width: none; }
  #report_20220316 .panel__images > li figure { display: flex; align-items: center; }
  #report_20220316 .panel__images > li img { margin-right: 1.1rem; width: 15rem; }
  #report_20220316 .panel__images > li figcaption { text-align: left; }
  #report_20220316 .panel__images > li + li { margin-top: 1rem; } }
#report_20220316 .panel__grid { display: flex; justify-content: space-between; margin-top: 1.5em; }
@media screen and (max-width: 767px) { #report_20220316 .panel__grid { margin-top: 0; }
  #report_20220316 .panel__grid .panel__image { flex: 0 0 15rem; } }


#info_area {
    position: relative;
    width: 100%;
    padding: 2rem 0 4rem!important;
    background: #ecf6ff;
    text-align: center;
    margin-bottom: 5em!important;
}
@media screen and (max-width: 767px) { #info_area { margin-bottom: 2em!important; } }


#info_area .movie p{
    font-size: 1.6rem;
    font-weight: 700;
    color: #0f67cf;
    text-align: center;
    padding: 0 0.2em 0.1em;
    border-bottom: solid 3px;
    margin-bottom: 1em;
    display: inline-block;
}

#info_area .movie { margin: 0 auto; 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: 0.5rem; } }
.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; }

.about_project__panel__right span { margin-bottom: 0rem; font-size: 0.8rem; font-weight: bold; line-height: 1.88; color: #196acc; line-height: 1.2em; }
@media screen and (max-width: 767px) {.about_project__panel__right span { margin-bottom: 0.1rem; font-size: 0.7rem; line-height: 1.4em; } }

.about_project__panel__right p { margin-bottom: 0.1rem; font-size: 1.2rem; font-weight: bold; line-height: 1.88; color: #196acc;}
@media screen and (max-width: 767px) { .about_project__panel__right p {  margin-bottom: 0.45rem!important; font-size: 1.4rem; font-weight: bold;} }

#report_detail_area{
    position: relative;
    width: 100%;
    padding: 0.1rem 0 5rem;
    background: #ecf6ff;
    text-align: center;
}

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