.commonBottomCtaArea {
  background-image: url(../images/gallery_bk.jpg);
}

@media screen and (max-width: 767px) {
  .commonBottomCtaArea {
    background-image: url(../images/gallery_bk_sp.jpg);
  }
}
h1 {
  text-align: center;
  padding-bottom: 35px;
}

.secNavArea .navArea {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}
.secNavArea .navArea a {
  padding: 25px 10px;
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: 16px;
  justify-content: center;
}

@media screen and (min-width: 768px) {
  .secNavArea .navArea a {
    border-right: 1px solid #CCCCCC;
  }
  .secNavArea .navArea a:first-child {
    border-left: 1px solid #CCCCCC;
  }
}
@media screen and (max-width: 767px) {
  .secNavArea .navArea {
    margin-bottom: 40px;
    grid-template-columns: 1fr;
  }
  .secNavArea .navArea a {
    justify-content: space-between;
    flex-direction: row;
    gap: 6px;
    padding: 12px 10px;
    border-bottom: 1px solid #CCCCCC;
  }
  .secNavArea .navArea a:first-child {
    border-top: 1px solid #CCCCCC;
  }
}
.sec {
  margin-top: 40px;
  padding-top: 40px;
  border-top: 1px solid #CCCCCC;
}
.sec .comGridArea .content {
  display: grid;
  grid-template-columns: 0.45fr 0.55fr;
  gap: 24px;
  align-items: center;
  padding: 40px 0;
  border-bottom: 1px solid #CCCCCC;
}
.sec .comGridArea .content.noneBorder {
  border-bottom: none;
}
.sec .comGridArea .content .imgArea {
  display: flex;
  align-items: center;
  justify-content: center;
}
.sec .comGridArea .content .txArea h3 {
  padding-bottom: 12px;
}
.sec .comGridArea .content:last-of-type {
  border-bottom: none;
}

@media screen and (max-width: 767px) {
  .topImg {
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
  }
  .sec {
    margin-top: 0;
    padding-top: 20px;
    border-top: none;
  }
  .sec .comGridArea .content {
    grid-template-columns: 1fr;
    gap: 24px;
  }
}
.secSleep {
  padding-top: 64px;
  padding-bottom: 54px;
}
.secSleep .subImg {
  padding: 50px 0 90px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
  align-items: center;
}
.secSleep .subImg .imgArea {
  text-align: center;
}
.secSleep .content1 .gridArea1 {
  display: grid;
  grid-template-columns: 0.55fr 0.45fr;
  gap: 24px;
  align-items: flex-start;
}
.secSleep .content1 .gridArea1 .txArea .wrap1 {
  padding-bottom: 32px;
}
.secSleep .content1 .gridArea1 .txArea .wrap2 .big {
  padding-bottom: 14px;
}
.secSleep .content1 .gridArea1 .txArea .tagWrap1 {
  margin: 14px 0 8px;
  display: flex;
  gap: 5px;
  flex-wrap: wrap;
  align-items: center;
}
.secSleep .content1 .gridArea1 .txArea .tagWrap1 span {
  background: #F0F0F0;
  padding: 2px;
}
.secSleep .content1 .gridArea1 .txArea .tagWrap2 {
  width: -moz-fit-content;
  width: fit-content;
  display: flex;
  padding: 4px 12px;
  -moz-column-gap: 10px;
       column-gap: 10px;
  row-gap: 2px;
  flex-wrap: wrap;
  align-items: center;
  border: 1px solid #F0F0F0;
  margin: 8px 0;
}
.secSleep .content1 .gridArea1 .txArea p span {
  margin: 0 4px;
  background: #F0F0F0;
}
.secSleep .content1 .gridArea2 {
  margin-top: 64px;
  display: grid;
  grid-template-columns: 0.4fr 0.6fr;
  gap: 24px;
  align-items: center;
}
.secSleep .content1 .gridArea2 .txArea h3 {
  padding-bottom: 14px;
}
.secSleep .content1 .gridArea2 .txArea p:first-of-type {
  padding-bottom: 12px;
}
.secSleep .content1 .gridArea2 .txArea p span {
  background: #F0F0F0;
  margin: 0 4px;
}
.secSleep .content2 {
  padding-top: 60px;
}
.secSleep .content2 .gridArea {
  display: grid;
  grid-template-columns: max-content 1fr;
  gap: 166px;
}
.secSleep .content2 .gridArea .containerWrap .tl {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 12px;
}
.secSleep .content2 .gridArea .containerWrap .tl span {
  position: relative;
  bottom: -1px;
  color: #6D6D6D;
}
.secSleep .content2 .gridArea .containerWrap .container1 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 48px;
  margin-bottom: 30px;
}
.secSleep .content2 .gridArea .containerWrap .container1 .tl {
  margin-top: 16px;
}
.secSleep .content2 .gridArea .containerWrap .container2 {
  border-top: 1px solid #CCCCCC;
  padding: 24px 0;
  display: grid;
  grid-template-columns: max-content 1fr;
  gap: 24px;
  align-items: center;
}
.secSleep .content3 {
  margin-top: 20px;
  padding: 24px;
  background: #F0F0F0;
}
.secSleep .content3 .tl {
  text-align: center;
  padding-bottom: 20px;
}
.secSleep .content3 .wrap {
  display: flex;
  gap: 20px;
  justify-content: center;
  align-items: center;
}
.secSleep .content3 .wrap .inner .name {
  text-align: center;
  padding: 8px 0;
}
.secSleep .content3 .wrap .inner .comBtn {
  display: block;
  min-width: 164px;
  margin: 0 auto;
  width: 90%;
}

@media screen and (max-width: 767px) {
  .secSleep {
    padding-top: 8px;
  }
  .secSleep .subImg {
    grid-template-columns: 1fr;
    gap: 32px;
    padding: 32px 0;
  }
  .secSleep .content1 .gridArea1 {
    grid-template-columns: 1fr;
    gap: 24px;
  }
  .secSleep .content1 .gridArea1 .imgArea img {
    width: 100%;
    max-width: initial;
  }
  .secSleep .content1 .gridArea2 {
    margin-top: 32px;
    grid-template-columns: 1fr;
  }
  .secSleep .content1 .gridArea2 .imgArea {
    order: 2;
  }
  .secSleep .content1 .gridArea2 .txArea {
    order: 1;
  }
  .secSleep .content2 {
    padding-top: 40px;
  }
  .secSleep .content2 .gridArea {
    grid-template-columns: 1fr;
    gap: 18px;
  }
  .secSleep .content2 .gridArea .containerWrap .container1 {
    grid-template-columns: 1fr;
    gap: 32px;
  }
  .secSleep .content2 .gridArea .containerWrap .container1 .imgArea img {
    width: 100%;
    max-width: initial;
  }
  .secSleep .content3 {
    padding: 24px 12px;
  }
  .secSleep .content3 .tl {
    width: -moz-fit-content;
    width: fit-content;
    margin: 0 auto;
    text-align: left;
  }
  .secSleep .content3 .wrap {
    justify-content: center;
  }
  .secSleep .content3 .wrap .inner {
    width: 50%;
    margin: 0 auto;
  }
  .secSleep .content3 .wrap .inner .imgArea {
    text-align: center;
  }
}
.secEmf .comGridArea .txArea img {
  padding-bottom: 20px;
}

.secEnergy {
  padding-bottom: 80px;
}
.secEnergy .comGridArea .content .txArea .inner {
  display: flex;
  gap: 18px;
  align-items: center;
  margin-bottom: 24px;
}

.secEarthquake .detailContent {
  margin-bottom: 80px;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 18px;
}
.secEarthquake .detailContent .inner .top * {
  text-align: center;
}
.secEarthquake .detailContent .inner .top h3 {
  padding-bottom: 10px;
}
.secEarthquake .detailContent .inner .top p {
  line-height: 180%;
}
.secEarthquake .detailContent .inner .top p span {
  border: 1px solid #000;
  padding: 0px 4px;
}
.secEarthquake .detailContent .inner .bottom .tl {
  padding-bottom: 12px;
}
.secEarthquake .detailContent .inner .imgArea {
  padding: 18px 0;
}
.secEarthquake .detailContent .inner a {
  margin-top: 18px;
  border-top: 1px solid #CCCCCC;
  border-bottom: 1px solid #CCCCCC;
  padding: 10px 0;
  display: block;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.secEarthquake .detailContent2 {
  padding-bottom: 80px;
}
.secEarthquake .detailContent2 .tlWrap {
  width: 100%;
  border-bottom: 1px solid #CCCCCC;
  display: flex;
  align-items: center;
  gap: 10px;
  padding-bottom: 10px;
  margin-bottom: 32px;
}
.secEarthquake .detailContent2 .tlWrap span {
  padding: 0px 4px;
  width: -moz-fit-content;
  width: fit-content;
  border: 1px solid #000;
}
.secEarthquake .detailContent2 .gridArea {
  padding-top: 24px;
  display: grid;
  grid-template-columns: 1fr 1.2fr;
  gap: 24px;
}
.secEarthquake .detailContent2 .gridArea.grid2 {
  align-items: center;
}
.secEarthquake .detailContent2 .gridArea.gridFirst {
  margin-bottom: 20px;
}
.secEarthquake .detailContent2 .gridArea .txArea img {
  padding-bottom: 20px;
}
.secEarthquake .detailContent2 .gridArea .txArea p {
  padding: 16px 0 20px;
}
.secEarthquake .detailContent2 .gridArea .txArea .inner .innerWrap {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 5px;
  align-items: center;
}
.secEarthquake .detailContent2 .gridArea .txArea .inner .wrap .iframeWrap {
  aspect-ratio: 170/130;
  overflow: hidden;
  width: 100%;
  height: 100%;
}
.secEarthquake .detailContent2 .gridArea .txArea .inner .wrap .iframeWrap iframe {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
}
.secEarthquake .detailContent2 .gridArea .txArea .inner .wrap p {
  padding-top: 8px;
  color: #6D6D6D;
  text-align: center;
}

@media screen and (max-width: 1000px) and (min-width: 768px) {
  .secEarthquake .detailContent {
    grid-template-columns: 1fr 1fr;
    row-gap: 30px;
  }
  .secEarthquake .detailContent .inner.last {
    grid-column: 1/3;
    width: 50%;
    margin: 0 auto;
  }
  .secEarthquake #air .gridArea {
    grid-template-columns: 1fr;
  }
  .secEarthquake #air .gridArea .imgArea {
    width: 80%;
  }
  .secEarthquake #air .gridArea .imgArea img {
    width: 100%;
    max-width: initial;
  }
  .secEarthquake #air .gridArea .inner {
    gap: 20px;
  }
}
@media screen and (max-width: 767px) {
  .secEarthquake .detailContent {
    grid-template-columns: minmax(0, 1fr);
  }
  .secEarthquake .detailContent .innerWrap {
    width: 90%;
    margin: 0 auto;
  }
  .secEarthquake .detailContent .inner {
    padding-bottom: 24px;
    border-bottom: 1px solid #CCCCCC;
  }
  .secEarthquake .detailContent .inner .imgArea {
    text-align: center;
    margin: 0 auto;
  }
  .secEarthquake .detailContent .inner .imgArea img {
    width: 100%;
    max-width: initial;
  }
  .secEarthquake .detailContent2 {
    padding-bottom: 40px;
  }
  .secEarthquake .detailContent2 .gridArea {
    grid-template-columns: 1fr;
  }
  .secEarthquake .detailContent2 .gridArea.gridFirst {
    padding-top: 0;
    margin-bottom: 0px;
  }
  .secEarthquake .detailContent2 .gridArea .imgArea img {
    max-width: initial;
    width: 100%;
  }
  .secEarthquake .detailContent2 .gridArea .txArea p {
    padding: 24px 0 0;
  }
  .secEarthquake .detailContent2 .gridArea .txArea img {
    padding-bottom: 8px;
  }
  .secEarthquake .detailContent2 .gridArea .txArea .inner {
    align-items: flex-start;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 10px;
    margin-top: 24px;
  }
  .secEarthquake .detailContent2 .gridArea .txArea .inner .wrap .iframeWrap {
    aspect-ratio: 170/130;
    overflow: hidden;
    width: 100%;
    height: 100%;
  }
  .secEarthquake .detailContent2 .gridArea .txArea .inner .wrap .iframeWrap iframe {
    -o-object-fit: cover;
       object-fit: cover;
    width: 100%;
    height: 100%;
  }
  .secEarthquake .detailContent2 .grid1 {
    padding-top: 0;
    gap: 0;
  }
  .secEarthquake .detailContent2 .grid1 .imgArea {
    order: 2;
  }
  .secEarthquake .detailContent2 .grid1 .txArea {
    order: 1;
  }
}
.contentSystem .gridArea .innerArea {
  display: grid;
  gap: 16px;
  align-items: stretch;
  grid-template-columns: 1fr 1fr;
}
.contentSystem .gridArea .innerArea .innerChild {
  padding: 24px 12px;
  background: #F0F0F0;
}
.contentSystem .gridArea .innerArea .innerChild * {
  text-align: center;
}
.contentSystem .gridArea .innerArea .innerChild .line {
  width: 100%;
  background: #CCCCCC;
  height: 1px;
  margin: 12px 0;
}
.contentSystem .gridArea .innerArea .innerChild .college {
  display: flex;
  gap: 5px;
  flex-wrap: wrap;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
  justify-content: center;
}
.contentSystem .gridArea .innerArea .innerChild .college .college_inner {
  text-align: right;
}
.contentSystem .gridArea .innerArea .innerChild .childWrap .child .num {
  margin: 0 3px;
}

@media screen and (max-width: 767px) {
  .contentSystem .gridArea .innerArea {
    margin-top: 24px;
    grid-template-columns: 1fr;
  }
  .contentSystem .gridArea .innerArea .innerChild .college {
    justify-content: space-between;
    width: 90%;
  }
}
.secGuarantee {
  margin-bottom: 70px;
}
.secGuarantee .subImg {
  padding: 50px 0;
  display: flex;
  justify-content: center;
  gap: 48px;
  align-items: center;
}
.secGuarantee .subImg .imgArea {
  text-align: center;
}
.secGuarantee .content {
  border-top: 1px solid #CCCCCC;
}
.secGuarantee .content .comBtn {
  margin-top: 24px;
  min-width: 240px;
}

@media screen and (max-width: 767px) {
  .secGuarantee {
    margin-bottom: 40px;
  }
  .secGuarantee .subImg {
    padding: 32px 0;
    flex-direction: column;
    gap: 24px;
  }
}/*# sourceMappingURL=style.css.map */