@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@300;400;500;600;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;300;400;500;700;900&display=swap");
img {
  vertical-align: bottom;
  border: none;
}

ul,
li {
  list-style: none;
  margin: 0;
  padding: 0;
}

dl {
  line-height: 2;
}

a {
  cursor: pointer;
}

.mfont {
  font-family: "ヒラギノ明朝 ProN W3", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

.gfont {
  font-family: "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.ph {
  position: relative;
}

.caption, .caption_btm,
figcaption {
  font-size: 0.7rem !important;
  line-height: 1.6;
}

p.caption_btm {
  margin-bottom: 0;
  position: absolute;
  bottom: 2px;
  z-index: 10;
}
p.caption_btm.left {
  left: 10px;
}
p.caption_btm.right {
  right: 10px;
}
p.caption_btm.white {
  color: white;
}

.strong {
  font-weight: bold;
}

.small {
  font-size: 0.6rem;
}

.mt0 {
  margin-top: 0px;
}

.mt05 {
  margin-top: 0.5em;
}

.mt1 {
  margin-top: 1em;
}

.mt2 {
  margin-top: 2em;
}

.mt3 {
  margin-top: 3em;
}

.mt10 {
  margin-top: 10px;
}

.mt15 {
  margin-top: 15px;
}

.mt20 {
  margin-top: 20px;
}

.mt30 {
  margin-top: 30px;
}

.mt40 {
  margin-top: 40px;
}

.mt50 {
  margin-top: 50px;
}

.mt60 {
  margin-top: 60px;
}

.mt70 {
  margin-top: 70px;
}

.mt80 {
  margin-top: 80px;
}

.mt90 {
  margin-top: 90px;
}

.mt100 {
  margin-top: 100px;
}

.mb0 {
  margin-bottom: 0px;
}

.mb1 {
  margin-bottom: 1em;
}

.mb2 {
  margin-bottom: 2em;
}

.mb3 {
  margin-bottom: 3em;
}

.mb10 {
  margin-bottom: 10px;
}

.mb15 {
  margin-bottom: 15px;
}

.mb20 {
  margin-bottom: 20px;
}

.mb30 {
  margin-bottom: 30px;
}

.mb40 {
  margin-bottom: 40px;
}

.mb50 {
  margin-bottom: 50px;
}

.mb60 {
  margin-bottom: 60px;
}

.mb70 {
  margin-bottom: 70px;
}

.mb80 {
  margin-bottom: 80px;
}

.mb90 {
  margin-bottom: 90px;
}

.mb100 {
  margin-bottom: 100px;
}

.pt10 {
  padding-top: 10px;
}

.pt20 {
  padding-top: 20px;
}

.pt30 {
  padding-top: 30px;
}

.pt40 {
  padding-top: 40px;
}

.pt50 {
  padding-top: 50px;
}

.pt60 {
  padding-top: 60px;
}

.pb10 {
  padding-bottom: 10px;
}

.pb20 {
  padding-bottom: 20px;
}

.pb30 {
  padding-bottom: 30px;
}

.pb40 {
  padding-bottom: 40px;
}

.pb50 {
  padding-bottom: 50px;
}

.pb60 {
  padding-bottom: 60px;
}

.phW100 {
  width: 100%;
}
.phW100 img {
  width: 100%;
}

.phW90 {
  width: 90%;
  margin-left: auto;
  margin-right: auto;
}
.phW90 img {
  width: 100%;
}
.phW90._left {
  margin-left: 0;
}

.phW80 {
  width: 80%;
  margin-left: auto;
  margin-right: auto;
}
.phW80 img {
  width: 100%;
}
.phW80._left {
  margin-left: 0;
}

.phW60 {
  width: 60%;
  margin-left: auto;
  margin-right: auto;
}
.phW60 img {
  width: 100%;
}
.phW60._left {
  margin-left: 0;
}

.phW50 {
  width: 50%;
  margin-left: auto;
  margin-right: auto;
}
.phW50 img {
  width: 100%;
}
.phW50._left {
  margin-left: 0;
}

.phW40 {
  width: 40%;
  margin-left: auto;
  margin-right: auto;
}
.phW40 img {
  width: 100%;
}
.phW40._left {
  margin-left: 0;
}

.phW20 {
  width: 20%;
  margin-left: auto;
  margin-right: auto;
}
.phW20 img {
  width: 100%;
}

.phW15 {
  width: 15%;
  margin-left: auto;
  margin-right: auto;
}
.phW15 img {
  width: 100%;
}

.phW10 {
  width: 10%;
  margin-left: auto;
  margin-right: auto;
}
.phW10 img {
  width: 100%;
}

.w50Container, .w50container {
  width: min(96%, 720px);
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.w60Container, .w60container {
  width: min(96%, 864px);
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.w70Container, .w70container {
  width: min(96%, 1008px);
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.w80Container, .w80container {
  width: min(96%, 1152px);
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.w90Container, .w90container {
  width: min(96%, 1296px);
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.w05 {
  width: 5%;
}

.w10 {
  width: 10%;
}

.w15 {
  width: calc(15% - 0.5em);
}

.w16 {
  width: 16%;
}

.w17 {
  width: 17%;
}

.w18 {
  width: 18%;
}

.w20 {
  width: calc(20% - 0.5em);
}

.w23 {
  width: 23%;
}

.w24 {
  width: 24%;
}

.w25 {
  width: calc(25% - 0.5em);
}

.w28 {
  width: 28%;
}

.w30 {
  width: 30%;
}

.w32 {
  width: 32%;
}

.w33 {
  width: calc(33.333% - 0.7em);
}

.w34 {
  width: 34%;
}

.w35 {
  width: 35%;
}

.w38 {
  width: 38%;
}

.w39 {
  width: 39%;
}

.w40 {
  width: 40%;
}

.w45 {
  width: 45%;
}

.w48 {
  width: 48%;
}

.w49 {
  width: 49%;
}

.w50 {
  width: calc(50% - 0.5em);
}

.w55 {
  width: calc(55% - 0.5em);
}

.w58 {
  width: 58%;
}

.w59 {
  width: 59%;
}

.w60 {
  width: 60%;
}

.w65 {
  width: 65%;
}

.w68 {
  width: 68%;
}

.w69 {
  width: 69%;
}

.w70 {
  width: 70%;
}

.w75 {
  width: calc(75% - 0.5em);
}

.w80 {
  width: calc(80% - 0.5em);
}

.w85 {
  width: calc(85% - 0.5em);
}

.minus30 {
  margin-top: -30%;
}

.minus15 {
  margin-top: -15%;
}

.minus10 {
  margin-top: -10%;
}

.minus05 {
  margin-top: -5%;
}

.pcHidden {
  display: none;
}

.leftFlow {
  float: left;
  display: block;
}

.rightFlow {
  float: right;
  display: block;
}

.clearfix:before,
.clearfix:after {
  content: " ";
  display: table;
}

.clearfix:after {
  clear: both;
}

.clear:before,
.clear:after {
  content: " ";
  display: table;
}

/**************************************

	 			!Media

***************************************/
/* col-lg- 1200px以上はそのまま */
/* col-md- 1199px以下 */
@media screen and (max-width: 1199px) {
  .w50Container {
    width: 70%;
  }
  .w60Container {
    width: 80%;
  }
  .w70Container {
    width: 80%;
  }
  .w80Container {
    width: 90%;
  }
  .w90Container {
    width: 90%;
  }
}
/* col-sm- 991px 以下 */
@media screen and (max-width: 991px) {
  .w60Container, .w50Container {
    width: 90%;
  }
  .w70Container {
    width: 90%;
  }
  .w80Container {
    width: 94%;
  }
  .w90Container {
    width: 94%;
  }
}
/* col-sm- 767px 以下 */
@media only screen and (max-width: 767px) {
  .pcHidden {
    display: block;
  }
  .spHidden {
    display: none;
  }
  .w60Container, .w50Container {
    width: 94%;
  }
  .w70Container {
    width: 94%;
  }
  .w80Container {
    width: 94%;
  }
  .w90Container {
    width: 94%;
  }
  .w05 {
    width: 48%;
  }
  .w10, .w17, .w20, .w23, .w25 {
    width: calc(50% - 0.5em);
  }
  .w30, .w32, .w33, .w35, .w40, .w45, .w48, .w49, .w50, .w55, .w60, .w65, .w70, .w75, .w80, .w85 {
    width: 100%;
  }
  .phW80, .phW60 {
    width: 100%;
  }
}
.smr2020 .btn_present {
  display: none;
}

.page .menu {
  height: 80px;
}
.page .mfont {
  font-family: "Noto Serif JP", serif;
}
.page .lead {
  font-weight: 600;
}
.page p.caption {
  font-size: 0.6rem !important;
}
.page span.yellow {
  background-color: #ffe200;
}
.page h2 {
  font-size: 1.5rem;
  font-weight: 700;
  letter-spacing: 2px;
  line-height: 2;
  margin-bottom: 1rem;
}
.page h3 {
  font-size: 1.3rem;
  font-weight: 600;
  letter-spacing: 2px;
  line-height: 2;
  margin-bottom: 0.5rem;
}
.page h4 {
  font-size: 1.1rem;
  font-weight: 600;
  letter-spacing: 2px;
  line-height: 2;
  margin-bottom: 0.5rem;
}
.page p {
  font-size: 1rem;
  font-weight: 400;
  line-height: 2;
}
.page .red {
  color: #c30d23;
}

/* !page1 */
.page1 .topSlide {
  width: 100%;
  margin-bottom: 5%;
}
.page1 .first {
  overflow: hidden;
  margin: 5% 0;
}
.page1 .first .flexContainer {
  align-items: flex-end;
}
.page1 .first .flexContainer .item {
  width: 48%;
  text-align: right;
}
.page1 .second {
  margin-bottom: 3% 0 5%;
}
.page1 .second .w70Container {
  width: 1200px;
}
.page1 .second .grid-container {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows: 1fr 1fr 1fr;
  grid-template-areas: "gird01 gird02 gird03" "gird04 gird05 gird07" "gird04 gird06 gird07";
}
.page1 .second .grid-container img {
  width: 100%;
}
.page1 .second .gird01 {
  grid-area: gird01;
  padding: 5px;
}
.page1 .second .gird02 {
  grid-area: gird02;
  padding: 5px;
}
.page1 .second .gird03 {
  grid-area: gird03;
  padding: 5px;
}
.page1 .second .gird04 {
  grid-area: gird04;
  padding: 5px;
}
.page1 .second .gird05 {
  grid-area: gird05;
  padding: 5px;
}
.page1 .second .gird06 {
  grid-area: gird06;
  padding: 5px;
}
.page1 .second .gird07 {
  grid-area: gird07;
  padding: 5px;
}
@media all and (-ms-high-contrast: none) {
  .page1 .second .grid-container {
    display: -ms-grid;
    -ms-grid-columns: 1fr 1fr 1fr;
    -ms-grid-rows: 1fr 1fr 1fr;
  }
  .page1 .second .gird01 {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
  }
  .page1 .second .gird02 {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column: 2;
    -ms-grid-column-span: 1;
  }
  .page1 .second .gird03 {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column: 3;
    -ms-grid-column-span: 1;
  }
  .page1 .second .gird04 {
    -ms-grid-row: 2;
    -ms-grid-row-span: 2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
  }
  .page1 .second .gird05 {
    -ms-grid-row: 2;
    -ms-grid-row-span: 1;
    -ms-grid-column: 2;
    -ms-grid-column-span: 1;
  }
  .page1 .second .gird06 {
    -ms-grid-row: 3;
    -ms-grid-row-span: 1;
    -ms-grid-column: 2;
    -ms-grid-column-span: 1;
  }
  .page1 .second .gird07 {
    -ms-grid-row: 2;
    -ms-grid-row-span: 2;
    -ms-grid-column: 3;
    -ms-grid-column-span: 1;
  }
}
.page1 .second h4.goldBox {
  width: 94%;
  padding: 1% 3%;
  background-color: #c9a063;
  color: white;
  line-height: 1.7;
}
.page1 .second ol li p {
  font-size: 0.9rem;
  line-height: 1.7;
  margin-bottom: 0.5;
}
.page1 .second ol li p.strong {
  font-weight: bold;
  margin-bottom: 0;
}
.page1 .third .flexContainer .item {
  width: 50%;
}
.page1 .third .flexContainer .item img {
  width: 100%;
}
.page1 .third p {
  margin-bottom: 0.5rem;
}
.page1 .notes p {
  font-size: 0.8em;
}

/* !page2 */
.page2 .cover .topVisual {
  position: relative;
  width: 100%;
}
.page2 .cover .topVisual .images {
  z-index: 1;
}
.page2 .cover .topVisual .images img {
  width: 100%;
}
.page2 .cover .topVisual h1.txtStack {
  position: absolute;
  top: 8%;
  left: 5%;
  z-index: 5;
  width: 70%;
}
.page2 .cover .topVisual h1.txtStack img {
  width: 100%;
}
.page2 .first {
  overflow: hidden;
  margin: 3% 0 5%;
}
.page2 .first h2 {
  width: 80%;
  max-width: 528px;
  margin: 0 auto 3%;
}
.page2 .first h2 img {
  width: 100%;
}
.page2 .first p.lead {
  font-size: 1.1rem;
  text-align: center;
  margin-bottom: 2%;
}
.page2 .second h3 {
  margin: 3% 0;
  text-align: center;
}
.page2 .second .flexContainer {
  align-items: flex-start;
  justify-content: flex-start;
}
.page2 .second .flexContainer .item {
  width: 23%;
  padding: 1%;
}
.page2 .second .flexContainer .item img {
  width: 100%;
}
.page2 .second .flexContainer .item h4 {
  font-size: 0.8rem;
  margin: 5px 0 10px;
}
.page2 .second .flexContainer .item p {
  font-size: 0.7rem;
  line-height: 1.7;
}
.page2 .second .flexContainer .item2 {
  margin-left: 5%;
  margin-top: 5%;
  width: 45%;
}
.page2 .second .flexContainer .item2 img {
  width: 100%;
}
.page2 .second .flexContainer .item2 p {
  margin-top: 5px;
  font-size: 0.8rem;
  color: #006934;
}
.page2 .third {
  margin-top: 5%;
}
.page2 .third h3 {
  width: 80%;
  max-width: 564px;
  margin: 3% auto;
}
.page2 .third h3 img {
  width: 100%;
}
.page2 .third .flexContainer.flex1 {
  align-items: flex-start;
  justify-content: flex-start;
}
.page2 .third .flexContainer.flex1 img {
  width: 100%;
}
.page2 .third .flexContainer.flex1 .item2 {
  width: 49%;
  margin: 0.5%;
}
.page2 .third .flexContainer.flex1 .item1 {
  width: 24%;
  margin: 0.5%;
}
.page2 .third .flexContainer.flex2 {
  position: relative;
  align-items: center;
  justify-content: center;
}
.page2 .third .flexContainer.flex2 .item1 {
  width: 30%;
  max-width: 300px;
  margin: 1%;
}
.page2 .third .flexContainer.flex2 .item1 img {
  width: 100%;
}
.page2 .third .flexContainer.flex2 .item2 {
  width: 30%;
  margin: 1%;
}
.page2 .third .flexContainer.flex2 .item2 .onepoint {
  margin-left: -20%;
}
.page2 .third .flexContainer.flex2 .item2 p {
  font-size: 0.8em;
}
.page2 .third .flexContainer.flex3 {
  align-items: center;
  justify-content: space-between;
}
.page2 .third .flexContainer.flex3 .item {
  width: 32%;
}
.page2 .third .flexContainer.flex3 .item img {
  width: 100%;
}
.page2 .third dl {
  margin: 1% 0;
  line-height: 1.7;
}
.page2 .third dl dd {
  text-indent: 1em;
}
.page2 .fourth {
  margin-top: 5%;
}
.page2 .fourth h3 {
  margin: 3% 0;
  text-align: center;
}
.page2 .fourth .flexContainer {
  align-items: center;
  justify-content: space-between;
}
.page2 .fourth .flexContainer .item {
  width: 49%;
}
.page2 .fourth .flexContainer .item img {
  width: 100%;
}

/* !page3 */
.page3 .ph1 {
  width: 40%;
  margin: 2% auto;
}
.page3 .ph1 img {
  width: 100%;
}
.page3 h2 {
  margin: 2% 0;
  width: 100%;
  max-width: 1000px;
}
.page3 h2 img {
  width: 100%;
}
.page3 h3, .page3 h4 {
  margin: 3% auto;
}
.page3 h3 {
  width: 100%;
  max-width: 686px;
}
.page3 h3 img {
  width: 100%;
}
.page3 .first {
  overflow: hidden;
  margin: 2% 0 5%;
}
.page3 .first .flexContainer {
  margin: 2% 0;
  justify-content: space-between;
}
.page3 .first .flexContainer .item {
  width: 19%;
}
.page3 .first .flexContainer .item img {
  width: 100%;
}
.page3 .second {
  margin: 5% 0 5%;
}
.page3 .second p {
  font-size: 0.9rem;
  line-height: 1.7;
}
.page3 .second h4 {
  width: 80%;
  max-width: 244px;
}
.page3 .second h4 img {
  width: 100%;
}
.page3 .second .flexContainer {
  margin: 1% 0;
}
.page3 .second .flexContainer .item {
  width: 32.5%;
}
.page3 .second .flexContainer .item img {
  width: 100%;
}
.page3 .second .flexContainer.flexBet {
  justify-content: center;
}
.page3 .second .flexContainer.flexBet .item {
  margin: 0 0.5%;
}
.page3 .third {
  margin: 5% 0 5%;
}
.page3 .third p {
  font-size: 0.9rem;
  line-height: 1.7;
}
.page3 .third h4 {
  width: 80%;
  max-width: 288px;
  margin: 3% auto;
}
.page3 .third .flexContainer {
  margin: 1% 0;
}
.page3 .third .flexContainer .item {
  width: 49%;
}
.page3 .third .flexContainer .item img {
  width: 100%;
}
.page3 .fourth {
  margin: 5% 0 5%;
}
.page3 .fourth p {
  font-size: 0.9rem;
  line-height: 1.7;
}
.page3 .fourth h4 {
  width: 80%;
  max-width: 179px;
  margin: 3% auto;
}
.page3 .fourth .flexContainer {
  margin: 1% 0;
}
.page3 .fourth .flexContainer .item {
  width: 49%;
  margin-bottom: 2%;
}
.page3 .fourth .flexContainer .item img {
  width: 100%;
}
.page3 .fifth {
  margin: 5% 0 5%;
}
.page3 .fifth p {
  font-size: 0.9rem;
  line-height: 1.7;
}
.page3 .fifth h4 {
  width: 80%;
  max-width: 148px;
  margin: 3% auto;
}
.page3 .fifth .flexContainer {
  margin: 1% 0;
}
.page3 .fifth .flexContainer .item {
  width: 49%;
  margin-bottom: 2%;
}
.page3 .fifth .flexContainer .item img {
  width: 100%;
}
.page3 .sixth {
  margin: 8% 0 5%;
}
.page3 .sixth p {
  font-size: 0.9rem;
  line-height: 1.7;
}
.page3 .sixth .flexContainer {
  margin: 2% 0;
  justify-content: center;
}
.page3 .sixth .flexContainer .item1 {
  width: 20%;
  margin: 0 3%;
}
.page3 .sixth .flexContainer .item1 img {
  width: 100%;
}
.page3 .sixth .flexContainer .item2 {
  width: 40%;
}
.page3 .sixth .flexContainer .item2 img {
  width: 100%;
}

/* !page4 */
.page4 .first, .page4 .fifth {
  margin: 3% 0 5%;
}
.page4 .first .flexContainer .item, .page4 .fifth .flexContainer .item {
  width: 50%;
}
.page4 .first .flexContainer .item img, .page4 .fifth .flexContainer .item img {
  width: 100%;
}
.page4 .first h2.title, .page4 .fifth h2.title {
  width: 80%;
  max-width: 770px;
  margin: 5% auto;
}
.page4 .first h2.title img, .page4 .fifth h2.title img {
  width: 100%;
}
.page4 .first p, .page4 .fifth p {
  text-align: center;
}
.page4 .first .nebelLogo, .page4 .fifth .nebelLogo {
  width: 250px;
  margin: 3% auto;
}
.page4 .first .nebelLogo img, .page4 .fifth .nebelLogo img {
  width: 100%;
}
.page4 .first {
  overflow: hidden;
}
.page4 .second {
  margin: 5% 0 5%;
}
.page4 .second h2.title {
  font-size: 2rem;
  font-weight: 500;
  color: #91642F;
  margin-bottom: 2%;
}
.page4 .second h3 {
  margin-bottom: 3%;
}
.page4 .second p {
  font-size: 0.9rem;
}
.page4 .second .flexContainer {
  align-items: flex-start;
}
.page4 .second .flexContainer .item1 {
  width: 40%;
}
.page4 .second .flexContainer .item2 {
  width: 58%;
}
.page4 .second .logo {
  width: 100%;
  max-width: 250px;
  margin-top: 3%;
}
.page4 .second .logo img {
  width: 100%;
}
.page4 .third {
  margin: 5% 0 5%;
}
.page4 .third h3 {
  margin-bottom: 3%;
}
.page4 .third h4 {
  margin: 3% 0 1%;
}
.page4 .third p {
  font-size: 0.9rem;
}
.page4 .third .flexContainer {
  align-items: flex-start;
}
.page4 .third .flexContainer .item1 {
  width: 40%;
}
.page4 .third .flexContainer .item2 {
  width: 58%;
}
.page4 .third .flexContainer.txtblock01 {
  width: 100%;
  margin-top: 3%;
}
.page4 .third .flexContainer.txtblock01 .item {
  width: 20%;
}
.page4 .third .flexContainer.txtblock01 .item img {
  width: 100%;
}
.page4 .third .flexContainer.txtblock02 {
  width: 100%;
  margin-top: 3%;
}
.page4 .third .flexContainer.txtblock02 .item {
  width: 24%;
}
.page4 .third .flexContainer.txtblock02 .item img {
  width: 100%;
}
.page4 .fourth {
  margin: 5% 0 5%;
}
.page4 .fourth h3 {
  margin-bottom: 3%;
}
.page4 .fourth h4 {
  margin: 3% 0 1%;
}
.page4 .fourth p {
  font-size: 0.9rem;
}
.page4 .fourth .flexContainer {
  align-items: flex-start;
}
.page4 .fourth .flexContainer .item1 {
  width: 40%;
}
.page4 .fourth .flexContainer .item2 {
  width: 58%;
}
.page4 .fourth .ideeStack {
  color: #7a6a48;
}

/**************************************

	 			!Media

***************************************/
/* col-lg- 1200px以上はそのまま */
/* col-md- 1199px以下 */
@media screen and (max-width: 1199px) {
  .delay01, .delay02, .delay03, .delay04, .delay05, .delay06, .delay07 {
    animation-duration: 1s; /* アニメーションの時間 */
    animation-delay: 0s; /* アニメーション開始時間 */
  }
  .page1 .second {
    margin-bottom: 3% 0 5%;
  }
  .page1 .second .w70Container {
    width: 70%;
  }
  .page1 .second .grid-container {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  .page1 .second .gird01, .page1 .second .gird02, .page1 .second .gird03, .page1 .second .gird04, .page1 .second .gird05, .page1 .second .gird06 {
    width: 30%;
    margin-bottom: 1%;
  }
  .page1 .second .gird01 img, .page1 .second .gird02 img, .page1 .second .gird03 img, .page1 .second .gird04 img, .page1 .second .gird05 img, .page1 .second .gird06 img {
    width: 100%;
  }
  .page1 .second .gird07 {
    width: 100%;
  }
  .page1 .second h4.goldBox {
    width: 94%;
    padding: 1% 3%;
    background-color: #c9a063;
    color: white;
    line-height: 1.7;
  }
  .page1 .second ol li p {
    font-size: 0.9rem;
    line-height: 1.7;
    margin-bottom: 0.5;
  }
  .page1 .second ol li p.strong {
    font-weight: bold;
    margin-bottom: 0;
  }
}
/* col-sm- 991px 以下 */
@media screen and (max-width: 991px) {
  .page2 .first {
    margin: 3% 0 5%;
  }
  .page2 .first p.lead {
    font-size: 1rem;
  }
  .page2 .second h3 {
    margin: 3% 0;
    text-align: center;
  }
  .page2 .second .flexContainer {
    align-items: flex-start;
    justify-content: flex-start;
  }
  .page2 .second .flexContainer .item {
    width: 31.3%;
    padding: 1%;
  }
  .page2 .second .flexContainer .item2 {
    margin: 2% auto;
    width: 80%;
  }
  .page2 .second .flexContainer .item2 img {
    width: 100%;
  }
  .page2 .second .flexContainer .item2 p {
    margin-top: 5px;
    font-size: 0.8rem;
    color: #006934;
  }
}
/* col-sm- 767px 以下 */
@media only screen and (max-width: 767px) {
  .page .menu {
    height: 50px;
  }
  .page h2, .page h2.title {
    font-size: 1.2rem;
  }
  .page h3 {
    font-size: 1rem;
  }
  .page p {
    font-size: 0.8rem;
  }
  .page1 .first .flexContainer {
    align-items: flex-start;
  }
  .page1 .first .flexContainer .item {
    width: 100%;
    text-align: left;
  }
  .page1 .second .grid-container {
    display: block;
  }
  .page1 .second .gird01, .page1 .second .gird02, .page1 .second .gird03, .page1 .second .gird04, .page1 .second .gird05, .page1 .second .gird06 {
    width: 100%;
  }
}
@media only screen and (max-width: 767px) and (-ms-high-contrast: none) {
  .page1 .second .grid-container {
    display: block;
    margin-bottom: 10px;
  }
}
@media only screen and (max-width: 767px) {
  .page1 .second h4.goldBox {
    margin-top: 10px;
  }
}
@media only screen and (max-width: 767px) {
  .page1 .second ol li p {
    font-size: 0.9rem;
    line-height: 1.7;
    margin-bottom: 0.5;
  }
  .page1 .second ol li p.strong {
    font-weight: bold;
    margin-bottom: 0;
  }
}
@media only screen and (max-width: 767px) {
  .page1 .third .flexContainer .item {
    width: 50%;
  }
  .page1 .third .flexContainer .item img {
    width: 100%;
  }
  .page1 .third p {
    margin-bottom: 0.5rem;
  }
}
@media only screen and (max-width: 767px) {
  .page1 .notes p {
    font-size: 0.8em;
  }
}
@media only screen and (max-width: 767px) {
  .page2 .second h3 {
    margin: 3% 0;
    text-align: center;
  }
  .page2 .second .flexContainer {
    align-items: flex-start;
    justify-content: space-between;
  }
  .page2 .second .flexContainer .item {
    width: 49%;
    padding: 0%;
  }
  .page2 .second .flexContainer .item2 {
    margin: 2% auto;
    width: 80%;
  }
  .page2 .second .flexContainer .item2 img {
    width: 100%;
  }
  .page2 .second .flexContainer .item2 p {
    margin-top: 5px;
    font-size: 0.8rem;
    color: #006934;
  }
  .page2 .third {
    margin-top: 5%;
  }
  .page2 .third h3 {
    width: 80%;
    max-width: 564px;
    margin: 3% auto;
  }
  .page2 .third h3 img {
    width: 100%;
  }
  .page2 .third .flexContainer.flex1 {
    align-items: flex-start;
    justify-content: space-between;
  }
  .page2 .third .flexContainer.flex1 img {
    width: 100%;
  }
  .page2 .third .flexContainer.flex1 .item2 {
    width: 100%;
    margin: 0.5%;
  }
  .page2 .third .flexContainer.flex1 .item1 {
    width: 49%;
    margin: 0.5%;
  }
  .page2 .third .flexContainer.flex2 {
    position: relative;
    align-items: center;
    justify-content: center;
  }
  .page2 .third .flexContainer.flex2 .item1 {
    width: 48%;
  }
  .page2 .third .flexContainer.flex2 .item2 {
    width: 48%;
    margin: 1%;
  }
  .page2 .third .flexContainer.flex2 .item2 .onepoint {
    margin-left: -20%;
  }
  .page2 .third .flexContainer.flex2 .item2 p {
    font-size: 0.8em;
  }
  .page2 .third .flexContainer.flex3 {
    align-items: center;
    justify-content: space-between;
  }
  .page2 .third .flexContainer.flex3 .item {
    width: 100%;
    margin-bottom: 1%;
  }
  .page2 .fourth .flexContainer .item {
    width: 100%;
    margin-bottom: 1%;
  }
}
@media only screen and (max-width: 767px) {
  .page3 .second .ph1, .page3 .second .flexContainer .item.p2, .page3 .second .flexContainer .item1, .page3 .second .flexContainer .item2, .page3 .third .ph1, .page3 .third .flexContainer .item.p2, .page3 .third .flexContainer .item1, .page3 .third .flexContainer .item2, .page3 .fourth .ph1, .page3 .fourth .flexContainer .item.p2, .page3 .fourth .flexContainer .item1, .page3 .fourth .flexContainer .item2, .page3 .fifth .ph1, .page3 .fifth .flexContainer .item.p2, .page3 .fifth .flexContainer .item1, .page3 .fifth .flexContainer .item2, .page3 .sixth .ph1, .page3 .sixth .flexContainer .item.p2, .page3 .sixth .flexContainer .item1, .page3 .sixth .flexContainer .item2 {
    width: 100%;
  }
  .page3 .second .flexContainer .item1, .page3 .third .flexContainer .item1, .page3 .fourth .flexContainer .item1, .page3 .fifth .flexContainer .item1, .page3 .sixth .flexContainer .item1 {
    margin-bottom: 3%;
  }
}
@media only screen and (max-width: 767px) {
  .page4 .first .flexContainer .item, .page4 .fifth .flexContainer .item {
    width: 100%;
  }
  .page4 .first h2.title, .page4 .fifth h2.title {
    width: 80%;
    max-width: 770px;
    margin: 5% auto;
  }
  .page4 .first h2.title img, .page4 .fifth h2.title img {
    width: 100%;
  }
  .page4 .first p, .page4 .fifth p {
    text-align: center;
  }
  .page4 .first .nebelLogo, .page4 .fifth .nebelLogo {
    width: 250px;
    margin: 3% auto;
  }
  .page4 .first .nebelLogo img, .page4 .fifth .nebelLogo img {
    width: 100%;
  }
  .page4 .second {
    margin: 5% 0 5%;
  }
  .page4 .second .flexContainer {
    flex-direction: column;
  }
  .page4 .second .flexContainer .item1 {
    width: 100%;
  }
  .page4 .second .flexContainer .item2 {
    width: 100%;
  }
  .page4 .second .logo {
    width: 100%;
    max-width: 250px;
    margin-top: 3%;
  }
  .page4 .second .logo img {
    width: 100%;
  }
  .page4 .third .flexContainer {
    flex-direction: column;
  }
  .page4 .third .flexContainer .item1 {
    width: 100%;
  }
  .page4 .third .flexContainer .item2 {
    width: 100%;
  }
  .page4 .third .flexContainer.txtblock01 {
    flex-direction: row;
    width: 100%;
    margin-top: 3%;
  }
  .page4 .third .flexContainer.txtblock01 .item {
    width: 48%;
  }
  .page4 .third .flexContainer.txtblock02 {
    flex-direction: row;
    width: 100%;
    margin-top: 3%;
  }
  .page4 .third .flexContainer.txtblock02 .item {
    width: 48%;
    margin-bottom: 10px;
  }
  .page4 .fourth .flexContainer {
    flex-direction: column;
  }
  .page4 .fourth .flexContainer .item1 {
    width: 100%;
  }
  .page4 .fourth .flexContainer .item2 {
    width: 100%;
  }
}

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