@charset "utf-8";
/* front-banner */

#home .top-bnr-area {
  align-items:baseline;
  display:flex;
  flex-wrap:wrap;
  justify-content:space-between;
  margin:0 auto;
  max-width:1200px;
}

#home .top-bnr-area a {
  display:block;
  transition:.3s;
}

#home .top-bnr-area a:hover {
  cursor:pointer;
  text-decoration:none;
  transform:scale(1.05);
  transition:.3s;
}

#home #contents p.front-banner {
  margin:20px 0 0;
  text-align:center;
}

#home #contents p.front-banner.per50 {
  width:calc(100% / 2 - .6em);
}

/* front-banner */
.accessibility-txt {
  background-color:#EDF4F7;
  padding:3px 15px;
}

#contents .accessibility-txt p {
  font-size:90%;
  margin-bottom:0;
  padding:7px 0;
  text-align:center;
}

#contents .accessibility-txt p span {
  font-weight:600;
}

section.top-external-area {
  background-color:#FFF;
  padding:70px 0;
}

section.top-external-area .txt-4box {
  align-items:center;
  background-color:#FFF;
  border:4px solid #F3F3F3;
  border-radius:10px;
  display:flex;
  justify-content:center;
  padding:9px 20px;
}

#contents section.top-external-area .txt-4box p.txt-center {
  margin-bottom:0;
}

#contents section.top-external-area .txt-4box.hover:hover {
  cursor:pointer;
  text-decoration:none;
  transform:scale(1.05);
  transition:.3s;
}

#contents section.top-external-area .txt-4box.hover {
  transition:.3s;
}

section.top-pamphlet-area {
  background-color:#F3F3F3;
  padding:70px 0;
}

section.top-pamphlet-area a.link-btn[href*=".pdf"] {
  background-color:#AA1815;
  display:inline-flex;
  justify-content:center;
  margin-right:15px;
}

section.top-pamphlet-area .pamphlet-txt {
  margin-right:40px;
  width:calc(100% - 277px);
}

section.top-pamphlet-area .flex {
  justify-content:center;
}

section.top-pamphlet-area .leaflet-box .txt-3box .dl-box {
  width:100%;
}

section.top-pamphlet-area .flex .dl-box {
  padding:0;
  text-align:center;
  width:28%;
}

section.top-pamphlet-area a.link-btn[href*=".pdf"]::before {
  background-image:url(/jald/wp-content/themes/child/image/contents/pdf_ico_white.svg);
  bottom:0;
  left:20px;
  margin:auto;
  top:0;
}

section.top-pamphlet-area .flex.leaflet-box .txt-3box {
  background-color:#FFF;
  padding:15px;
}

#contents .top-pamphlet-area a.dl-box .pamphlet img {
  background-color:#FFF;
  padding:15px 5px;
}

#contents .pamphlet-img p {
  margin-bottom:0;
}

#contents .top-pamphlet-area .link-btn:hover {
  transform:none;
}

#contents .top-pamphlet-area a.dl-box {
  display:inline-block;
  text-decoration:none;
  transition:.3s;
}

#contents .top-pamphlet-area a.dl-box:hover {
  transform:scale(1.05);
  transition:.3s;
}

#contents .top-pamphlet-area a.dl-box::before {
  display:none;
}

#contents .top-pamphlet-area .link-btn {
  background-color:#B12A30;
  margin-bottom:40px;
  position:relative;
}

#contents .top-pamphlet-area .link-btn::before {
  background-image:url(../image/base/pdf_ico_white.svg);
  bottom:0;
  content:"";
  left:0;
  margin:auto;
  position:absolute;
  top:0;
}

/* top animation */
.animation,
.animation-01 {
  opacity:0;
  position:relative;
  top:50px;
  transition:.5s;
}

.animation.active,
.animation-01.active {
  opacity:1;
  top:0;
  transition:.5s;
}

.fadeup {
  animation-duration:.7s;
  animation-fill-mode:forwards;
  animation-name:fadeupAnime;
  opacity:0;
}

@keyframes fadeupAnime {
  from {
    opacity:0;
    transform:translateY(50px);
  }

  to {
    opacity:1;
    transform:translateY(0);
  }
}

.delay-time01 {
  animation-delay:.3s;
}

.delay-time02 {
  animation-delay:.5s;
}

/* topslider */
#image-block {
  height:65vh;
  margin-bottom:0;
  margin-top:0;
  margin-top:120px;
  overflow:hidden;
  position:relative;
  text-align:center;
  width:100%;
  z-index:1;
}

.bx-viewport {
  height:65vh !important;
}

#image-block.bx-loading {
  height:100%;
  min-height:50px;
  width:100%;
  z-index:1000;
}

#image-block .main-text {
  bottom:0;
  color:#6B6B6B;
  font-size:3.125em;
  font-weight:bold;
  height:max-content;
  left:0;
  letter-spacing:.1em;
  margin:auto;
  position:absolute;
  right:0;
  text-align:center;
  top:0;
  z-index:999;
}

#image-block .main-text .color {
  color:#2E73C0;
}

li.slide.slider-01::before,
li.slide.hide.slider-02::before,
li.slide.hide.slider-03::before,
li.slide.hide.slider-04::before,
li.slide.hide.slider-05::before,
li.slide.hide.slider-06::before,
li.slide.hide.slider-07::before,
li.slide.hide.slider-08::before,
li.slide.hide.slider-09::before,
li.slide.hide.slider-10::before {
  background-image:url(../image/contents/home/index_slider_01.jpg);
  background-position:center;
  background-repeat:no-repeat;
  background-size:cover;
  content:"";
  display:block;
  height:100%;
  width:100%;
}

li.slide.hide.slider-02::before {
  background-image:url(../image/contents/home/index_slider_02.jpg);
}

li.slide.hide.slider-03::before {
  background-image:url(../image/contents/home/index_slider_03.jpg);
}

li.slide.hide.slider-04::before {
  background-image:url(/wp-content/uploads/index_slider_04.png);
}

li.slide.hide.slider-05::before {
  background-image:url(/wp-content/uploads/index_slider_05.png);
}

li.slide.hide.slider-06::before {
  background-image:url(/wp-content/uploads/index_slider_06.png);
}

li.slide.hide.slider-07::before {
  background-image:url(/wp-content/uploads/index_slider_07.png);
}

li.slide.hide.slider-08::before {
  background-image:url(/wp-content/uploads/index_slider_08.png);
}

li.slide.hide.slider-09::before {
  background-image:url(/wp-content/uploads/index_slider_09.png);
}

li.slide.hide.slider-10::before {
  background-image:url(/wp-content/uploads/index_slider_10.png);
}

/* contents */
body #contents {
  padding-bottom:268px;
}

#contents .link-btn {
  border-radius:25px;
  font-size:1.125em;
  font-weight:400;
  letter-spacing:.05em;
  max-width:340px;
  padding:11px 20px;
}

#contents a.link-btn::after {
  background-repeat:no-repeat;
  height:25px;
  right:10px;
  width:25px;
}

#contents .link-btn.center {
  margin:0 auto;
}

#contents h2 {
  font-size:2em;
  margin-bottom:40px;
}

#contents .top-about-area {
  padding:70px 0;
}

#contents .top-about-area .flex.about {
  margin-bottom:70px;
}

#contents .top-about-area .photo {
  margin-right:2.2%;
  width:55%;
}

#contents .top-about-area .txt-box {
  margin-right:0;
  padding-top:20px;
  width:41.8%;
}

#contents .top-about-area .txt-box h2 {
  margin-bottom:30px;
  text-align:left;
}

#contents .top-about-area .txt-box .txt {
  color:#000;
  letter-spacing:.05em;
  line-height:2.15em;
  margin-bottom:30px;
}

#contents .top-about-area .txt-2box {
  border-radius:10px;
  margin-right:3%;
  width:48.5%;
}

#contents .top-about-area .txt-2box.end {
  margin-right:0;
}

#contents .top-about-area .bnr a {
  color:#FFF;
  display:block;
  position:relative;
  transition:.3s;
  width:100%;
}

#contents .top-about-area .bnr a p {
  margin-bottom:0;
}

#contents .top-about-area .bg-txt {
  background-color:#2E73C0;
  border-radius:0 10px 10px 0;
  bottom:0;
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:25px;
  position:absolute;
  right:0;
  top:0;
  width:220px;
}

#contents .top-about-area .bnr .bnr-ttl {
  font-size:1.5em;
  font-weight:bold;
  letter-spacing:.1em;
  line-height:1.5em;
  margin-bottom:15px;
}

#contents .top-about-area .bnr .bnr-txt {
  letter-spacing:.025em;
  line-height:1.5em;
}

#contents .top-about-area .bnr h3.bnr-ttl {
  padding:0;
}

#contents .bg-gray {
  background-color:#F7F7F7;
  padding:70px 0 75px;
}

#contents .top-member-area .txt-3box {
  margin:0 25px 25px 0;
  max-width:380px;
  width:calc(100% / 3 - 19px);
}

#contents .top-member-area .txt-3box.end {
  margin-right:0;
}

#contents .top-member-area .txt-3box a {
  border-radius:16px;
  color:#FFF;
  display:block;
  position:relative;
  transition:.3s;
}

#contents .top-member-area .txt-3box a .ttl {
  background-color:#2E73C0;
  border-radius:0 0 10px 10px;
  bottom:0;
  font-size:1.25em;
  font-weight:bold;
  left:0;
  letter-spacing:.1em;
  padding:17px 10px;
  position:absolute;
  right:0;
  text-align:center;
  width:100%;
}

#contents .top-member-area .txt-3box a p {
  margin-bottom:0;
}

#contents .top-member-area .txt-3box a.login-bnr {
  background-image:url(../image/contents/home/top_login_bnr.png);
  background-repeat:no-repeat;
  background-size:cover;
  border:6px solid #FFA000;
  height:100%;
  width:100%;
}

#contents .top-member-area a.login-bnr .ico-box {
  bottom:0;
  height:120px;
  left:0;
  margin:auto;
  position:absolute;
  right:0;
  text-align:center;
  top:0;
  width:200px;
}

#contents .top-member-area a.login-bnr .ico-box .ico {
  margin-bottom:25px;
}

#contents .top-member-area a.login-bnr .ico-box .txt {
  color:#333;
  font-size:1.25em;
  letter-spacing:.1em;
}

#contents .top-member-area .txt-3box a h3.ttl {
  font-family:"BIZ UDPGothic";
  margin-bottom:0;
  padding:20px 10px;
}

#contents .top-member-area a.login-bnr .ico-box h3 {
  background-color:transparent;
  padding:0;
}

#contents .top-topics-area {
  padding:65px 0;
}

#contents .top-topics-area .link-btn.center {
  margin-top:10px;
}

#contents .top-news-area {
  /* padding-bottom:45px; */
}

#contents .top-news-area h2 {
  font-size:1.875em;
}

#contents .top-news-area h2 span.twi-id {
  color:#2E73C0;
  font-size:60%;
  margin-left:14px;
}

#contents .top-news-area .sns-box {
  width:calc(46% - 60px);
}

#contents .top-news-area .sns-box .twitter-timeline {
  height:490px;
  -webkit-overflow-scrolling:touch;
          overflow-scrolling:touch;
  overflow-y:scroll;
}

#contents .top-news-area .news-box {
  /* margin-right: 60px; */
  /* width: 54%; */
}

#contents .top-news-area .news-box .txt-right,
#contents .top-topics-area .topics-list .txt-right {
  font-size:1.125em;
  letter-spacing:.05em;
  margin-top:15px;
}

#contents .top-special-area {
  background-color:#F3F3F3;
  padding:70px 0 30px;
}

#contents .top-special-area a {
  color:#FFF;
  display:block;
  position:relative;
  transition:.3s;
}

#contents .top-special-area .txt-4box {
  margin-right:19px;
  width:calc(100% / 4 - 15px);
}

#contents .top-special-area .txt-4box.end {
  margin-right:0;
}

#contents .top-special-area .photo {
  margin-bottom:30px;
}

#contents .top-special-area a .bnr-ttl {
  align-items:center;
  background-color:#2E73C0;
  border-radius:0 10px 10px 0;
  bottom:0;
  display:flex;
  font-size:1.063em;
  font-weight:bold;
  justify-content:center;
  letter-spacing:.1em;
  line-height:1.67em;
  margin-bottom:0;
  padding:10px 5px;
  position:absolute;
  right:0;
  top:0;
  width:142px;
}

#contents .top-special-area a h3.bnr-ttl {
  font-family:"BIZ UDPGothic";
}

#contents .top-contact-area {
  background-image:url(../image/contents/home/top_contact_bg.jpg);
  background-position:bottom;
  background-repeat:no-repeat;
  background-size:cover;
  padding:70px 0 90px;
}

#contents .top-contact-area h2 {
  margin-bottom:25px;
}

#contents .top-contact-area .inner {
  background-color:#FFF;
  border-radius:5px;
  max-width:1100px;
  padding:50px 50px 30px;
}

#contents .top-contact-area .inner .txt-3box {
  margin-right:15px;
  width:calc(100% / 3 - 13px);
}

#contents .top-contact-area .inner .txt-3box.end {
  margin-right:0;
}

#contents .top-contact-area a.link-btn::after {
  right:22px;
}

#contents .top-contact-area .txt {
  font-weight:bold;
  letter-spacing:.05em;
  line-height:1.85em;
  margin:0 auto;
  max-width:686px;
  padding-bottom:20px;
  position:relative;
  text-align:center;
}

#contents .top-contact-area .txt::before {
  background-image:url(../image/contents/home/top_contact_img.png);
  background-repeat:no-repeat;
  background-size:contain;
  bottom:-8px;
  content:"";
  display:block;
  height:134px;
  position:absolute;
  right:0;
  width:90px;
}

#contents .top-contact-area .link-btn {
  border-radius:5px;
  font-weight:bold;
  max-width:100%;
  padding:26px 15px;
}

#contents .link-btn.sns-link {
  background-color:#0F1419;
  border:none;
  border-radius:0;
  color:#FFF;
  display:flex;
  flex-direction:column;
  font-size:25px;
  font-weight:bold;
  margin:auto;
  max-width:400px;
  padding:20px 15px 20px;
}


#contents .link-btn.sns-link::after {
  background-image:url(../image/base/arrow_blue.svg);
  content:none;
}

#contents .link-btn.sns-link .name-id {
  font-size:15px;
  margin-left:15px;
}

#contents .link-btn.sns-link .sns-sub {
  font-size:15px;
}

#contents .link-btn.sns-link .name {
  align-content:center;
  align-items:center;
  display:flex;
  flex-direction:row;
  justify-content:center;
  margin-top:10px;
}

@media screen and (max-width: 1200px) {
  /* front-banner */
  #home .top-bnr-area {
    max-width:95%;
  }

  /* front-banner */
  #contents .top-special-area a .bnr-ttl {
    font-size:1em;
    width:135px;
  }

  #contents .top-about-area .photo {
    width:53%;
  }

  #contents .top-about-area .txt-box {
    padding-top:0;
    width:43.8%;
  }

  #contents .top-about-area .bnr .bnr-ttl {
    font-size:1.375em;
    margin-bottom:10px;
  }

  #contents .top-member-area .txt-3box a .ttl {
    font-size:1.188em;
    padding:14px 10px;
  }

  /* topics */
}

@media screen and (max-width: 1140px) {
  #contents .top-news-area .sns-box .twitter-timeline {
    height:460px;
  }

  #contents .top-news-area .news-box .txt-right {
    font-size:1em;
  }

  body #contents {
    padding-bottom:260px;
  }

  #image-block {
    margin-top:115px;
  }

  #image-block .main-text {
    font-size:2.5em;
    height:200px;
  }

  #image-block {
    height:45vh;
  }

  .bx-viewport {
    height:45vh !important;
  }

  #contents h2,
  #contents .top-news-area h2 {
    font-size:1.75em;
  }

  #contents .top-about-area .flex.about {
    margin-bottom:60px;
  }

  #contents .top-about-area .txt-box h2 {
    margin-bottom:25px;
  }

  #contents .link-btn {
    font-size:1em;
    padding:8px 20px;
  }

  #contents .top-about-area .txt-box .txt {
    line-height:2em;
    margin-bottom:25px;
  }

  #contents .top-about-area .bnr .bnr-ttl {
    font-size:1.25em;
  }

  #contents .top-member-area .txt-3box a .ttl {
    font-size:1.063em;
    padding:12px 10px;
  }

  #contents .top-member-area a.login-bnr .ico-box .txt {
    font-size:1.063em;
  }

  #contents .top-special-area a .bnr-ttl {
    font-size:.938em;
    width:120px;
  }

  #contents .top-contact-area {
    padding:70px 0;
  }

  #contents .top-contact-area .link-btn {
    padding:20px 10px;
  }

  .top-topics-area .topics-contents {
    justify-content:center;
  }
}

@media screen and (max-width: 1024px) {
  #contents .top-special-area a .bnr-ttl {
    font-size:1em;
    width:50%;
  }

  #contents .top-special-area .txt-4box {
    margin-right:19px;
    width:calc(100% / 2 - 15px);
  }

  #contents .top-special-area .txt-4box:nth-child(2n) {
    margin-right:0;
  }

  #contents .top-member-area .txt-3box,
  #contents .top-special-area .txt-3box {
    margin-right:20px;
    width:calc(100% / 3 - 14px);
  }

  #contents .top-special-area {
    padding:60px 0 30px;
  }

  #contents .top-special-area .txt-3box.end {
    margin-right:0;
  }

  #contents .top-special-area .photo {
    margin-bottom:20px;
  }

  #contents .top-contact-area .inner {
    padding:50px 40px 25px;
  }

  #contents .top-contact-area a.link-btn::after {
    right:10px;
  }
}

/* view-959 Mobile,Tablet */
@media screen and (max-width: 959px) {
  #contents .top-contact-area .txt {
    max-width:600px;
  }

  #contents .top-contact-area .txt::before {
    height:114px;
    width:75px;
  }

  #contents .top-contact-area a.link-btn::after {
    right:0;
  }

  #contents .top-contact-area .inner .txt-3box {
    margin-right:10px;
    width:calc(100% / 3 - 8px);
  }

  #contents .top-contact-area .inner {
    padding:40px 25px 15px;
  }

  #contents .top-contact-area {
    padding:55px 0;
  }

  #contents .top-special-area {
    padding:55px 0 30px;
  }

  #contents .top-special-area .txt-3box,
  #contents .top-special-area .txt-3box:nth-child(3) {
    margin-right:20px;
    width:calc(100% / 2 - 14px);
  }

  #contents .top-special-area .txt-3box:nth-child(2n) {
    margin-right:0;
  }

  #contents .top-news-area .sns-box {
    width:calc(46% - 20px);
  }


  #contents .top-topics-area {
    padding:55px 0;
  }

  /* topics */

  #contents .top-member-area a.login-bnr .ico-box {
    height:78px;
  }

  #contents .top-member-area .txt-3box {
    margin-right:15px;
    width:calc(100% / 3 - 11px);
  }

  #contents .top-member-area .txt-3box a .ttl {
    font-size:1em;
    padding:10px;
  }

  #contents .top-member-area a.login-bnr .ico-box .txt {
    font-size:1em;
  }

  #contents .top-member-area a.login-bnr .ico-box .ico {
    margin:0 auto 13px;
    width:15%;
  }

  #contents .bg-gray {
    padding:55px 0 50px;
  }

  #contents .top-news-area {
    padding-bottom:30px;
  }

  #contents .top-about-area {
    padding:55px 0;
  }

  #contents .inner {
    width:92%;
  }

  #contents .top-about-area .txt-2box {
    margin-right:2%;
    width:49%;
  }

  #contents .top-about-area .bnr .bnr-ttl {
    font-size:1.063em;
  }

  #contents .top-about-area .bnr .bnr-ttl br {
    display:none;
  }

  #contents .top-about-area .bg-txt {
    padding:10px;
    width:180px;
  }

  #contents .top-about-area .bnr .bnr-txt {
    font-size:.875em;
  }

  #contents .link-btn {
    margin:0 auto;
  }

  #contents .top-about-area .txt-box h2 {
    text-align:center;
  }

  section.top-pamphlet-area .leaflet-box .txt-3box {
    margin-right:4%;
    width:48%;
  }

  section.top-pamphlet-area .leaflet-box .txt-3box:nth-child(2),
  section.top-pamphlet-area .leaflet-box .txt-3box.end {
    margin-right:0;
  }

  section.top-pamphlet-area .leaflet-box {
    gap:20px 0;
  }

  #contents img {
    width:100%;
  }

  #contents .top-about-area .flex.about {
    display:block;
    margin-bottom:50px;
    position:relative;
  }

  #contents .top-about-area .photo {
    left:0;
    padding-top:60px;
    position:absolute;
    top:0;
    width:100%;
  }

  #contents .top-about-area .txt-box .txt {
    padding-top:51vw;
  }

  #contents .top-about-area .txt-box {
    width:100%;
  }

  #image-block {
    margin-top:65px;
  }

  #image-block .main-text {
    font-size:2.188em;
    height:135px;
  }

  body #contents {
    padding-bottom:185px;
  }

  #image-block {
    height:42vh;
  }

  .bx-viewport {
    height:42vh !important;
  }

  section.top-external-area .txt-4box {
    height:100px;
    margin-bottom:30px;
    width:calc(100% / 2 - 15px);
  }

  section.top-external-area .txt-4box:nth-child(3),
  section.top-external-area .txt-4box:nth-child(4) {
    margin-bottom:0;
  }

  #contents section.top-pamphlet-area .inner {
    width:93%;
  }

  #contents p.pamphlet img,
  #contents p.leaflet img {
    height:220px;
    width:auto;
  }

  section.top-pamphlet-area .flex .dl-box {
    width:240px;
  }
}

@media screen and (max-width: 767px) {
  #contents .top-special-area .txt-4box {
    margin-right:15px;
    width:calc(100% / 2 - 8px);
  }

  #contents .top-contact-area .inner .txt-3box {
    margin-bottom:12px;
    width:calc(100% / 2 - 8px);
  }

  #contents .top-contact-area .inner .txt-3box:nth-child(2n) {
    margin-right:0;
  }

  #contents .top-contact-area .flex {
    justify-content:center;
  }

  #contents .top-contact-area .txt::before {
    display:none;
  }

  #contents .top-special-area a .bnr-ttl {
    font-size:.938em;
  }

  #contents .top-special-area .photo {
    margin-bottom:15px;
  }

  #contents .top-special-area .txt-3box {
    margin-right:10px;
    width:calc(100% / 2 - 6px);
  }

  #contents .top-news-area .sns-box {
    margin-bottom:25px;
    width:100%;
  }

  #contents .top-news-area .news-box {
    margin-bottom:20px;
    margin-right:0;
    width:100%;
  }

  #contents .bg-gray {
    padding:55px 0 30px;
  }

  #contents .top-member-area .flex {
    justify-content:center;
  }

  #contents .top-member-area .txt-3box {
    height:28vw;
    margin-bottom:20px;
    width:calc(100% / 2 - 11px);
  }

  #contents .top-member-area .txt-3box:nth-child(2n) {
    margin-right:0;
  }

  #contents .top-member-area .txt-3box.end {
    margin-right:15px;
  }

  #contents .top-member-area .txt-3box:last-child {
    margin-right:0;
  }

  #contents .top-about-area .bg-txt {
    padding:20px;
    width:240px;
  }

  #contents .top-about-area {
    padding:55px 0 30px;
  }

  #contents .top-about-area .txt-2box {
    margin:0 0 25px;
    width:100%;
  }
}

@media screen and (max-width: 559px) {
  section.top-pamphlet-area .leaflet-box .txt-3box img {
    height:140px;
    object-fit:contain;
  }

  section.top-pamphlet-area .leaflet-box .txt-3box {
    margin-right:0;
    width:100%;
  }

  /* front-banner */
  #home #contents p.front-banner.per50,
  #home #contents p.front-banner {
    margin:1.2em auto 0;
    width:100%;
  }

  /* front-banner */
  #contents .top-member-area .txt-3box.end {
    margin-right:0;
  }

  #contents .top-special-area .txt-4box {
    margin-right:0;
    width:100%;
  }

  #contents .top-news-area .sns-box .twitter-timeline {
    height:360px;
  }

  #contents .top-contact-area a.link-btn::after {
    right:10px;
  }

  #contents .top-contact-area .link-btn {
    padding:15px 10px;
  }

  #contents .top-contact-area .inner .txt-3box {
    margin-right:0;
    width:100%;
  }

  #contents .top-contact-area .txt br {
    display:none;
  }

  #contents .top-contact-area .txt {
    text-align:left;
  }

  #contents .top-special-area a img {
    border-radius:10px;
    height:33vw;
    object-fit:cover;
  }

  #contents .top-special-area a {
    height:33vw;
    margin-bottom:15px;
  }

  #contents .top-special-area .txt-3box,
  #contents .top-special-area .txt-3box:nth-child(3) {
    margin-right:0;
    width:100%;
  }

  #contents .top-special-area .txt-3box:nth-child(3) img {
    object-position:top;
  }

  #contents .top-special-area a .bnr-ttl {
    font-size:.938em;
    width:45%;
  }

  #contents .top-news-area .news-box .txt-right {
    font-size:.938em;
  }

  #contents .inner {
    width:93%;
  }

  #contents .top-member-area .txt-3box a .ttl {
    padding:8px;
  }

  #contents .top-member-area .txt-3box .photo img {
    border-radius:10px;
    height:46vw;
    max-height:235px;
    object-fit:cover;
    object-position:top;
  }

  #contents .top-member-area .txt-3box a .ttl,
  #contents .top-member-area a.login-bnr .ico-box .txt {
    font-size:.938em;
  }

  #contents .top-member-area .txt-3box {
    height:46vw;
    margin:0 0 20px 0;
    max-height:240px;
    width:100%;
  }

  #contents .top-about-area .bg-txt {
    padding:15px;
    width:195px;
  }

  #contents .top-about-area .txt-box .txt {
    padding-top:53vw;
  }

  #contents .top-about-area .photo {
    padding-top:50px;
  }

  #contents h2,
  #contents .top-news-area h2 {
    font-size:1.5em;
    margin-bottom:30px;
  }

  li.slide.slider-01::before,
  li.slide.hide.slider-03::before {
    background-position:right bottom;
  }

  li.slide.hide.slider-02::before {
    background-position:left bottom;
  }

  #image-block .main-text {
    bottom:20%;
    font-size:min(7vw, 24px);
    height:80px;
    line-height:1.6em;
    text-shadow:#FFF 1px 1px 30px, #FFF -1px 1px 30px, #FFF 1px -1px 30px, #FFF -1px -1px 30px, #FFF 1px 1px 30px, #FFF -1px -1px 30px, #FFF 1px 1px 30px, #FFF -1px 1px 30px;
    top:unset;
  }

  body #contents {
    padding-bottom:240px;
  }

  #image-block {
    height:45vh;
  }

  .bx-viewport {
    height:45vh !important;
  }

  section.top-external-area .txt-4box {
    margin-bottom:10px;
    padding:10px;
    width:calc(100% / 2 - 5px);
  }

  section.top-pamphlet-area .pamphlet-txt a {
    display:block;
    width:100%;
  }

  #contents section.top-pamphlet-area .pamphlet-txt a {
    margin-bottom:17px;
  }

  section.top-pamphlet-area .pamphlet-txt {
    margin-right:20px;
    width:calc(100% - 267px);
  }

  #contents section.top-pamphlet-area a.link-btn[href*=".pdf"] {
    font-size:.9em;
  }

  #contents .topics-contents .topics-group .ttl {
    font-size:inherit;
  }
}

@media screen and (max-width: 428px) {
  section.top-pamphlet-area .flex .dl-box {
    width:100%;
  }

  section.top-pamphlet-area .flex .dl-box:first-child {
    margin-right:0;
  }

  #contents section.top-pamphlet-area a.link-btn[href*=".pdf"] {
    font-size:1em;
  }
}

@media screen and (max-width: 390px) {
  #contents .top-news-area .sns-box .twitter-timeline {
    height:405px;
  }
}