/* CSS Document */
@import url(article.css);
@import url(footer.css);

main, .wrap {
  overflow-x: hidden;
}
.top_h2 {
  display: flex;
  gap:var(--size10);
  align-items: center;
  font-size:2.375em;
  margin-bottom:var(--size40);
}
.top_h2.tac {
  justify-content: center;
}
.top_h2 .icn {
  display: block;
  width:calc(1.2*var(--size40));
}
.top_h2 + p {
  font-size:1.125em;
  line-height: 1.8;
}
.section .eyecatch {
  position:absolute;
}
.breaking-out img  {
  display: block;
}
@media (max-width: 1024px) {
  .top_h2 {
    font-size:2em;
  }
}
@media (max-width: 768px) {
  .top_h2 {
    font-size:1.75em;
    flex-direction: column;
    align-items: center;
    gap:0;
  }
}


/****************
  top_search
******************/
#top_search {
  padding-top:0;
  padding-bottom:var(--size40);
}
#top_search .contents_area {
  display: flex;
  align-items: center;
  gap:calc(0.96*var(--size100));
}
#top_search .contents_area figure {
  width:min(40.1%,578px);
  flex-shrink: 0;
  margin-left:min(5.4%,78px);
}
@media (max-width: 1024px) {
  #top_search .contents_area {
    gap:var(--size70);
  }
  #top_search .contents_area .mt80 {
      margin-top:var(--size40);  
    }
}
@media (max-width: 768px) {
  #top_search.breaking-out.-bgr {
    padding-inline: calc(50cqi - 50%);
  }
  #top_search .contents_area {
   flex-flow: column-reverse;
   gap:var(--size45);
  }
  #top_search .contents_area figure {
    width:100%;
    margin:0 auto;
  }
  #top_search .btn_box .btn_more{
    margin:auto;
  }
}
@media (min-width: 1441px) {

}


/****************
  top_news
******************/

#top_news {
  background: url(../img/img_bg_topinfo.png) center top no-repeat;
  background-size: cover;
  padding-top:var(--size100);
  padding-bottom:var(--size100);
}
#top_news .contents_area {
  background-color: white;
  border-radius: var(--size40);
  padding-top:var(--size60);
  padding-bottom:var(--size70);
}
@media (max-width: 768px) {
    #top_news {
        background: url(../img/img_bg_topinfo.png) left 35% top no-repeat;
        background-size: cover;
    }
    #top_news .contents_area {
          padding-top:var(--size30);
          padding-bottom:var(--size60);
   }
    #top_news .top_h2{
        margin-bottom:var(--size20);
    }

}
@media (min-width: 1441px) {

}


/****************
  top_event
******************/

#top_event {
  padding-top:var(--size100);
  padding-bottom:calc(1.2*var(--size100));
}
#top_event .eyecatch {
  width:min(14.4%,213px);
  left:var(--size40);
  top:var(--size40);
}
.swiper-wrapper .swiper-slide {
    padding:16px;
    height:auto;
    
}
.swiper-wrapper .list_box {
    height:100%;
}
.article_list {
  position:relative;
}
@media (max-width: 768px) {
#top_event {
  padding-top:var(--size60);
  padding-bottom:var(--size100);
    overflow: visible;
}
  #top_event .eyecatch {
    width: min(33%, 213px);
    left: var(--size20);
    top:calc(-1*var(--size60));
}
    #top_event .btn_box.mt60 {
        margin-top:var(--size40);
    }
}
@media (min-width: 1441px) {

}


/****************
  top_column
******************/

#top_column {
  padding-top:var(--size100);
  padding-bottom:calc(0.95*var(--size100));
}
#top_column .eyecatch {
  width:min(16.4%,236px);
  right:var(--size40);
  top:var(--size40);
}
.article_list {
  position:relative;
}
@media (max-width: 768px) {
  #top_column{
  padding-top:var(--size60);
  padding-bottom:var(--size100);
  overflow: visible;
}
  #top_column .eyecatch {
    width:min(40%,236px);
    right:var(--size20);
   top:calc(-1*var(--size60));
  }
}
@media (min-width: 1441px) {

}


/****************
  top_merit
******************/

#top_merit {
  padding-top:var(--size100);
  padding-bottom:calc(0.95*var(--size100));
}
.merit_box {
  gap:var(--size40);
  position:relative;
}
.merit_box .p_a_img {
  position:absolute;
}
.merit_box figure {
  padding-top:calc(0.93*var(--size30));
  position:relative;
}
.merit_box figure img {
  border-radius:0 var(--size80) var(--size80) var(--size80);
}
.merit_box figure figcaption {
  position:absolute;
  left:var(--size40);
  top:0;
  height:var(--size50);
}
.merit_box figure figcaption img {
  width:auto;
  height:100%;
  border-radius: 0;
}
.merit_box .txt_box p {
  border-bottom:1px dashed #9999af;
  padding-bottom:0.5em;
  font-size:var(--fsize18);
  color:black;
}

.merit01 {
  flex-flow: row-reverse;
  align-items: flex-end;
}
.merit01 figure {
  width:min(51.6%,620px);
}
.merit01 .p_a_img{
  width:min(36.5%,439px);
  top:0;
  left:14%;
}
.merit02 {
  align-items: flex-start;
}
.merit02 figure {
  width:min(45.8%,550px);
  margin-left:9.8%;
}
.merit02 .p_a_img{
  width:min(24.8%,298px);
  top:calc(2.4*var(--size100));
  left:0;
}
.merit03 {
  flex-flow: row-reverse;
  align-items: center;
}
.merit03 figure {
  width:min(36.5%,439px);
}
.merit03 .p_a_img{
  width:min(23.4%,281px);
  bottom:0;
  right:32.1%;
}

@media (max-width: 768px) {
#top_merit {
  padding-top:var(--size100);
  padding-bottom:var(--size80);
}
    .merit_box figure img {
  border-radius:0 var(--size40) var(--size40) var(--size40);
}
  .merit_box .p_a_img {
    position:relative;
    top:auto;
    bottom:auto;
    left:auto;
    right:auto;
  }
  .merit_box {
    flex-direction: column;
    gap:0;
  }
  .merit01 figure {
    width: min(90%, 620px);
      margin-right:0;
      margin-left:auto;
      order:1;
  }
  .merit01 .txt_box.pb70 {
    padding-bottom:0;
    order:3;
  }
  .merit01 .p_a_img {
    width: min(70%, 439px);
    order:2;
      margin-top:-40%;
      margin-left:0;
      margin-right:auto;
  }
  .merit02 figure {
    width: min(90%, 550px);
    margin-left:0;
      margin-right:auto;
      order:1;
  }
  .merit02 .txt_box.pt80 {
    padding-top:0;
      order:3;
  }
  .merit02 .p_a_img {
    width: min(50%, 298px);
    margin:-50% 0 0 auto;
      order:2;
  }
  .merit03 {
    margin-top:var(--size40);
      align-items: flex-start;
      padding-bottom:0;
  }
  .merit03 figure {
    width: min(80%, 439px);
      margin-right:0;
      margin-left:auto;
      order:1;
  }
  .merit03 .txt_box.pb40 {
    padding-bottom:0;
      order:3;
  }
  .merit03 .p_a_img {
    width: min(50%, 281px);
    margin:-64% auto 0 0;
      order:2;
  }
}
@media (min-width: 1441px) {

}



/****************
  top_apli
******************/

#top_apli {
  padding-top:var(--size100);
  padding-bottom:calc(0.95*var(--size100));
}
#top_apli h2 img {
  width:39%;
  height:auto;
  line-height: 1;
}

#top_apli .content_outer01 {
  gap:var(--size95);
}

#top_apli .content_outer01 .cont02{
  width:min(32%,385px);
  padding-right:var(--size95);
}
#top_apli .content_outer01 .cont01 {
  flex:1;
}
.icon_box .icon_outer {
  aspect-ratio:1/1;
  border-radius: 50%;
  background-color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.icon_box .icon_outer .icon {
  width:48%;
}
.icon_box .icon_outer p {
  margin:var(--size10) auto 0;
}

#top_apli .bnr_box {
  justify-content: center;
  align-items: center;
  gap:var(--size40);
}
#top_apli .bnr_box img {
  height:var(--size70);
  width:auto;
  display: block;
}
@media (max-width: 1024px) {
  #top_apli .content_outer01 {
    gap: var(--size70);
  }
}

@media (max-width: 768px) {
  #top_apli h2 img {
    width:min(100%,468px);
  }
 #top_apli h3 {
        font-size:1.375em;
    }
  #top_apli .content_outer01 {
    gap: var(--size40);
    flex-direction: column-reverse;
      margin-top:var(--size40);
  }
  .col3x.icon_list {
    grid-template-columns: repeat(2, 1fr);
    gap:var(--size20);
  }
  #top_apli .content_outer01 .cont02{
    width:100%;
    padding:0;
  }
  #top_apli .content_outer01 .cont02 figure {
    width:min(80%,290px);
    margin-left:auto;
    margin-right:auto;
  }
  #top_apli .bnr_box {
    gap: var(--size20);
      flex-direction: column;
  }
  #top_apli .bnr_box a img {
    height: var(--size70);
    width: auto;
    display: block;
  }
    #top_apli .bnr_box > img {
        width:min(34%,130px);
        height:auto;
    }
}
@media (min-width: 1441px) {

}



/****************
 section_btm 
******************/
.section_btm {
  height:var(--size60);
  position:relative;
}
.section_btm .human01 {
  position:absolute;
  left:10.8%;
  bottom:100%;
  width:9.83%;
}
.section_btm .human02 {
  position:absolute;
  right:10.8%;
  bottom:0;
  width:12.583%;
}

@media (max-width: 768px) {
  .section_btm {
    height:var(--size30);
    position:relative;
    z-index: 1;
  }
  .section_btm .human01 {
    position: absolute;
    left: -8%;
    bottom: 100%;
    width: 22.4%;
}
  .section_btm .human02 {
    position: absolute;
    right: -5%;
    bottom: 0;
    width: 26%;
}
}
@media (min-width: 1441px) {

}


/****************
 bnr_wrap
******************/
.bnr_wrap {
  padding-top:var(--size10);
  padding-bottom:calc(1.37*var(--size100));
}
.bnr_wrap .col a {
  display: block;
  border:#E4E4E4 1px solid;
  border-radius: 18px;
  overflow: hidden;
}
.bnr_wrap .col a img {
  display: block;
}

@media (max-width: 768px) {
  .bnr_wrap {
    padding-bottom:var(--size80)
  }
}