/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
}

body {
  margin: 0;
  opacity: 0;
}

main {
  display: block;
}

h1 {
  font-size: 2em;
  margin: 0;
}

hr {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  height: 0;
  overflow: visible;
}

pre {
  font-family: sans-serif;
  font-size: 1em;
}

a {
  background-color: transparent;
}

abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}

b, strong {
  font-weight: bolder;
}

code, kbd, samp {
  font-size: 1em;
}

small {
  font-size: 80%;
}

sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -.25em;
}

sup {
  top: -.5em;
}

img {
  border-style: none;
}

button, input, optgroup, select, textarea {
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
}

button, input {
  overflow: visible;
}

button, select {
  text-transform: none;
}

[type='button'], [type='reset'], [type='submit'], button {
  -webkit-appearance: button;
}

[type='button']::-moz-focus-inner, [type='reset']::-moz-focus-inner, [type='submit']::-moz-focus-inner, button::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

[type='button']:-moz-focusring, [type='reset']:-moz-focusring, [type='submit']:-moz-focusring, button:-moz-focusring {
  outline: 1px dotted ButtonText;
}

fieldset {
  padding: .35em .75em .625em;
}

legend {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
}

progress {
  vertical-align: baseline;
}

textarea {
  overflow: auto;
}

[type='checkbox'], [type='radio'] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0;
}

[type='number']::-webkit-inner-spin-button, [type='number']::-webkit-outer-spin-button {
  height: auto;
}

[type='search'] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}

[type='search']::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}

details {
  display: block;
}

summary {
  display: list-item;
}

template {
  display: none;
}

[hidden] {
  display: none;
}

p {
  margin: 0;
}

li {
  list-style: none;
}

ul {
  padding: 0;
}

html * {
  font-family: sans-serif;
}

*, *::before, *::after {
  margin: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

video, svg, img {
  width: 100%;
  height: auto;
  vertical-align: bottom;
}

.inner {
  max-width: 900px;
  margin: 0 auto;
  display: block;
}

@media screen and (max-width: 900px) {
  .inner {
    width: 100vw;
    max-width: 900px;
    margin: 0 auto;
    display: block;
  }
}

body {
  max-width: 100vw;
  overflow-x: hidden;
}

.pageTop {
  background-color: #cc342e;
  text-align: center;
}

.pageTop .pageTopTxt {
  display: inline-block;
  width: 86.22222vw;
  max-width: 776px;
}

@media screen and (max-width: 900px) {
  body {
    max-width: 100vw;
    overflow-x: hidden;
  }
  .pageTop .pageTopTxt {
    width: 86.22222vw;
    max-width: auto;
  }
}

.sec_read {
  z-index: 100;
}

.sec01 {
  padding-bottom: 50.4px;
}

@media screen and (max-width: 900px) {
  .sec01 {
    padding: 0 0;
    padding-bottom: 5.6vw;
  }
}

.sec01 .sec01_listWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0 67.2px;
}

@media screen and (max-width: 900px) {
  .sec01 .sec01_listWrap {
    padding: 0 7.46667vw;
  }
}

.sec01 .sec01_listWrap .sec01_list {
  width: 231.6px;
}

@media screen and (max-width: 900px) {
  .sec01 .sec01_listWrap .sec01_list {
    width: 25.73333vw;
  }
}

.bg_contents_blue {
  background-image: url(../image/bg_blue01.png);
}

@media screen and (max-width: 900px) {
  .bg_contents_blue {
    background-size: 28.66667vw;
  }
}

.bg_contents_blue .sec02 {
  background: none;
}

@media screen and (max-width: 900px) {
  #contents_blue {
    background-size: 28.66667vw;
  }
}

.bg_contents_yellow {
  background-image: url(../image/bg_yellow01.png);
}

@media screen and (max-width: 900px) {
  .bg_contents_yellow {
    background-size: 28.66667vw;
  }
}

.bg_contents_yellow .sec03 {
  background: none;
}

.bg_contents_pink {
  background-image: url(../image/bg_pink01.png);
}

@media screen and (max-width: 900px) {
  .bg_contents_pink {
    background-size: 28.66667vw;
  }
}

.bg_contents_pink .sec04 {
  background: none;
}

.sec02 {
  background-image: url(../image/bg_blue01.png);
}

@media screen and (max-width: 900px) {
  .sec02 {
    background-size: 28.66667vw;
  }
}

.sec02 .list_img {
  position: relative;
  z-index: 10;
}

.sec02 .inner {
  position: relative;
}

.sec02 .sec_read {
  width: 100%;
  position: absolute;
  top: 0;
  right: 0;
}

.sec02 .cont_secTtl {
  background-color: #61dcfb;
}

.sec02 .cont_list {
  position: relative;
}

.sec02 .cont_list .list_img {
  position: absolute;
  top: 0;
  left: 0;
}

.sec02 .cont_list .list_img.bottom {
  top: auto;
  bottom: -48px;
}

@media screen and (max-width: 900px) {
  .sec02 .cont_list .list_img.bottom {
    bottom: -4.26667vw;
  }
}

.sec02 .cont_list.list02 .bottom {
  top: auto;
  bottom: 6px;
}

@media screen and (max-width: 900px) {
  .sec02 .cont_list.list02 .bottom {
    bottom: 0.66667vw;
  }
}

.sec02 .cont_list .adjustment {
  bottom: 0 !important;
}

.sec02 .cont_list.list02 .list_txt {
  position: relative;
  width: 948px;
  left: -48px;
}

@media screen and (max-width: 900px) {
  .sec02 .cont_list.list02 .list_txt {
    width: 100%;
    left: 0;
  }
}

.sec02 .cont_list.list03 {
  margin-top: -78px;
  margin-bottom: 24px;
}

@media screen and (max-width: 900px) {
  .sec02 .cont_list.list03 {
    margin-top: -10vw;
    margin-bottom: 2.66667vw;
  }
}

.sec02 .cont_list.list04 {
  margin-bottom: 342px;
}

@media screen and (max-width: 900px) {
  .sec02 .cont_list.list04 {
    margin-bottom: 38vw;
  }
}

.sec02 .cont_list.list04 .list_txt {
  position: relative;
  width: 950.4px;
  left: -49.2px;
}

@media screen and (max-width: 900px) {
  .sec02 .cont_list.list04 .list_txt {
    width: 100%;
    left: 0;
  }
}

.sec02 .cont_list.list04 .list_img {
  width: 970px;
  margin-top: -165.6px;
  margin-left: -50.4px;
}

@media screen and (max-width: 900px) {
  .sec02 .cont_list.list04 .list_img {
    width: 100%;
    margin-top: -18.4vw;
    margin-left: 0;
  }
}

.sec02 .sec02_box02 {
  position: relative;
}

.sec02 .sec02_box02 .sec02_listWrap02 .list_txt {
  width: 906px;
}

@media screen and (max-width: 900px) {
  .sec02 .sec02_box02 .sec02_listWrap02 .list_txt {
    width: 100%;
  }
}

.sec02 .sec02_box03 {
  position: relative;
}

.sec02 .list03 {
  margin-top: -30px;
}

@media screen and (max-width: 900px) {
  .sec02 .list03 {
    margin-top: -4vw;
  }
}

.sec03 {
  background-image: url(../image/bg_yellow01.png);
}

@media screen and (max-width: 900px) {
  .sec03 {
    background-size: 28.66667vw;
  }
}

.sec03 .inner {
  position: relative;
}

.sec03 .sec_read {
  width: 100%;
  position: absolute;
  top: 0;
  right: 0;
}

.sec03 .cont_secTtl {
  background-color: #ffea00;
}

.sec03 .cont_list {
  position: relative;
}

.sec03 .cont_list .list_img {
  position: absolute;
  top: 0;
  left: 0;
}

.sec03 .cont_list .list_img.bottom {
  top: auto;
  bottom: 0;
}

.sec03 .sec03_listWrap01 .list01 .list_txt {
  width: 908.4px;
  margin-left: -8.4px;
}

@media screen and (max-width: 900px) {
  .sec03 .sec03_listWrap01 .list01 .list_txt {
    width: 100%;
    margin-left: 0;
  }
}

.sec03 .sec03_listWrap01 .list02 .top_img {
  position: relative;
  z-index: 15;
}

.sec03 .sec03_listWrap01 .list02 .bottom_img {
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: -0;
}

.sec03 .sec03_listWrap01 .list02 .list_img {
  margin-top: -30px;
}

@media screen and (max-width: 900px) {
  .sec03 .sec03_listWrap01 .list02 .list_img {
    margin-top: -2vw;
  }
}

.sec03 .sec03_listWrap01 .list02 .list_txt {
  width: 960px;
  margin-left: -60px;
  z-index: 10;
  position: relative;
}

@media screen and (max-width: 900px) {
  .sec03 .sec03_listWrap01 .list02 .list_txt {
    width: 100%;
    margin-left: 0;
  }
}

.sec03 .sec03_listWrap01 .list03 .list_txt {
  width: 927.6px;
  margin-left: -27.6px;
}

@media screen and (max-width: 900px) {
  .sec03 .sec03_listWrap01 .list03 .list_txt {
    width: 100%;
    margin-left: 0;
  }
}

.sec03 .sec03_box02 {
  margin-top: -120px;
  position: relative;
}

@media screen and (max-width: 900px) {
  .sec03 .sec03_box02 {
    margin-top: -13.33333vw;
    z-index: 101;
  }
}

.sec03 .sec03_box02 .sec03_listWrap02 .list_txt {
  width: 906px;
}

.sec03 .sec03_box03 {
  position: relative;
}

.sec03 .read03 {
  margin-top: -84px;
  z-index: 10000;
}

.sec03 .read03 svg {
  z-index: 200;
}

@media screen and (max-width: 900px) {
  .sec03 .read03 {
    margin-top: -9.33333vw;
  }
}

.sec03 .sec03_box04 {
  position: relative;
}

.sec03 .sec03_listWrap01 .list01 {
  position: relative;
  z-index: 99;
}

.sec03 .sec03_listWrap01 .list05 {
  z-index: 50;
  margin-top: -90px;
}

.sec03 .sec03_listWrap01 .list05 .list_txt {
  position: relative;
  z-index: 100;
}

.sec03 .sec03_listWrap01 .list05 .list_img.top {
  z-index: 150;
}

@media screen and (max-width: 900px) {
  .sec03 .sec03_listWrap01 .list05 {
    margin-top: -10vw;
  }
}

.sec03 .sec03_box04 {
  margin-top: -24px;
}

@media screen and (max-width: 900px) {
  .sec03 .sec03_box04 {
    margin-top: -2.66667vw;
  }
}

.sec03 .adjustment02 .list_txt {
  margin-top: -70px;
}

@media screen and (max-width: 900px) {
  .sec03 .adjustment02 .list_txt {
    margin-top: -10vw;
  }
}

.sec04 {
  background-image: url(../image/bg_pink01.png);
}

.sec04 .list09 {
  margin-top: -60px;
}

@media screen and (max-width: 900px) {
  .sec04 .list09 {
    margin-top: -4vw;
  }
}

.sec04 .list10 {
  margin-bottom: 60px;
}

@media screen and (max-width: 900px) {
  .sec04 .list10 {
    margin-bottom: 4vw;
  }
}

.sec04 .cont_listBtn {
  display: block;
  margin-bottom: 60px;
}

@media screen and (max-width: 900px) {
  .sec04 .cont_listBtn {
    margin-bottom: 6.66667vw;
  }
}

.sec04 .inner {
  position: relative;
}

.sec04 .sec_read {
  width: 100%;
  top: 0;
  right: 0;
}

.sec04 .cont_secTtl {
  background-color: #ff8fac;
}

.sec04 .cont_list {
  position: relative;
}

.sec04 .cont_list .list_img {
  position: absolute;
  top: 0;
  left: 0;
}

.sec04 .cont_list .list_img.bottom {
  top: auto;
  bottom: 0;
}

.sec04 .sec04_box04 {
  position: relative;
}

.sec04 .sec04_box04 .sec04_box01Ttl {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100;
}

.sec04 .list08 {
  margin-bottom: -30px;
}

.sec04 .list09 .list_img.bottom {
  bottom: -12px;
}

@media screen and (max-width: 900px) {
  .sec04 .list09 .list_img.bottom {
    bottom: -1.33333vw;
  }
}

.footer {
  color: #ffffff;
  overflow: hidden;
}

.footer.bg_blue .footer_bottom {
  background-color: #61dcfb;
}

.footer.bg_pink .footer_bottom {
  background-color: #ff8fac;
}

.footer.bg_yellow .footer_bottom {
  background-color: #ffea00;
}

.footer .footer_topBtn {
  display: block;
  width: 501px;
  margin: 50px auto 50px;
}

.footer .footer_goTopBtn {
  width: 90px;
  display: block;
  z-index: 1000;
  position: relative;
  position: fixed;
  right: 20px;
  bottom: 20px;
}

.footer .footer_topSnsWrap {
  width: 373px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 auto;
  margin-bottom: 54px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.footer .footer_topSnsWrap .footer_topSns {
  width: 50px;
}

.footer .annotation_listWrap {
  padding-top: 45px;
  border-top: 1px dashed #000000;
  width: 600px;
  z-index: 5;
  position: relative;
  margin: 0 auto;
  color: #000000;
}

.footer .annotation_listWrap .annotation_list {
  font-size: 14px;
  line-height: 1.8;
}

.footer .footer_bottom {
  margin-top: 66px;
  height: 100px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: #ffe700;
  color: #000000;
  text-align: center;
  font-size: 12px;
  line-height: 1.8;
}

@media screen and (max-width: 768px) {
  .footer .footer_topBtn {
    width: 66.8vw;
    margin: 6.66667vw auto 6.66667vw;
  }
  .footer .footer_goTopBtn {
    width: 12vw;
    right: 2.66667vw;
    bottom: 2.66667vw;
  }
  .footer .footer_topSnsWrap {
    width: 49.73333vw;
    margin-bottom: 7.2vw;
  }
  .footer .footer_topSnsWrap .footer_topSns {
    width: 6.66667vw;
  }
  .footer .annotation_listWrap {
    padding-top: 6vw;
    width: 80vw;
  }
  .footer .annotation_listWrap .annotation_list {
    font-size: 10px;
  }
  .footer .footer_bottom {
    margin-top: 8.8vw;
    height: 100px;
    font-size: 10px;
  }
}

.sec01_img h1 {
  overflow: visible;
}
/*# sourceMappingURL=style.css.map */