@charset "UTF-8";
article { padding: 90px 0 0; }
@media only screen and (max-width: 1170px) {
  article { padding: 70px 0 0; }
}
article #main_visual .main_visual_inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; height: 320px; background-repeat: no-repeat; background-position: top center; background-size: cover; }
.main_visual_inner { background-image: url(/asset/image/about/about_visual.jpg); }
@media only screen and (max-width: 1170px) {
  article #main_visual .main_visual_inner { height: 280px; }
}
@media only screen and (max-width: 560px) {
  article #main_visual .main_visual_inner { height: 150px; }
}

article #main_visual .main_visual_inner .title_box { text-align: center; }
article #main_visual .main_visual_inner .title_box h1 { font-size: 72px; font-family: "Jost", sans-serif; font-weight: 200; color: #fff; margin: 0 0 20px; text-shadow: 5px 5px 10px rgba(0, 0, 0, 0.8); }
@media only screen and (max-width: 1170px) {
  article #main_visual .main_visual_inner .title_box h1 { font-size: 60px; }
}
@media only screen and (max-width: 560px) {
  article #main_visual .main_visual_inner .title_box h1 { font-size: 36px; margin: 0 0 15px; }
}
article #main_visual .main_visual_inner .title_box span { display: block; font-size: 16px; color: #fff; text-shadow: 2px 2px 8px rgba(0, 0, 0, 0.8); }
article #main_visual .breadcrumb { padding: 10px 5%; }
article #main_visual .breadcrumb ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -ms-flex-wrap: wrap; flex-wrap: wrap; }
article #main_visual .breadcrumb ul li { position: relative; font-size: 14px; line-height: 1.4; margin: 0 18px 0 0; }
@media only screen and (max-width: 560px) {
  article #main_visual .breadcrumb ul li { font-size: 12px; }
}
article #main_visual .breadcrumb ul li::after { position: absolute; content: ">"; right: -12px; }
article #main_visual .breadcrumb ul li:last-child::after { content: none; }
article #main_visual .breadcrumb ul li a { color: #333130; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
article #main_visual .breadcrumb ul li a:hover { color: #e60012; }
article section .inner { width: 1170px; padding: 120px 0; margin: 0 auto; }
@media only screen and (max-width: 1170px) {
  article section .inner { width: 90%; padding: 80px 0; }
}
@media only screen and (max-width: 560px) {
  article section .inner { padding: 60px 0; }
}

article .section_title01 { position: relative; display: block; font-size: 36px; font-weight: 500; line-height: 1.4; padding: 0 0 30px; text-align: center; margin: 0 0 40px; }
@media only screen and (max-width: 1170px) {
  article .section_title01 { font-size: 28px; padding: 0 0 25px; margin: 0 0 30px; }
}
@media only screen and (max-width: 560px) {
  article .section_title01 { font-size: 24px; padding: 0 0 20px; }
}
article .section_title01::after { position: absolute; content: ""; width: 33px; height: 2px; left: calc(50% - 16.5px); bottom: 0; background: #e60012; }
article .sq_title { position: relative; font-size: 24px; font-weight: 500; padding: 0 0 0 25px; margin: 0 0 15px; }
article .sq_title::before { position: absolute; content: "■"; color: #0e3476; left: 0; }
@media only screen and (max-width: 1170px) {
  article .sq_title { font-size: 20px; padding: 0 0 0 20px; margin: 0 0 12px; }
}
article .accordion li { margin: 0 0 15px; }
article .accordion li .accordion-click { position: relative; font-size: 20px; font-weight: 500; color: #0e3476; line-height: 1.4; padding: 15px 80px 15px 30px; background: #eef1fa; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; cursor: pointer; }
@media only screen and (max-width: 1170px) {
  article .accordion li .accordion-click { font-size: 18px; padding: 10px 40px 10px 15px; }
}
article .accordion li .accordion-click::after { position: absolute; font-family: "fontello"; font-style: normal; font-weight: normal; display: inline-block; text-decoration: inherit; text-align: center; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f005"; font-size: 28px; top: calc(50% - 16px); right: 20px; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; -webkit-transform: rotate(180deg); transform: rotate(180deg); }
@media only screen and (max-width: 1170px) {
  article .accordion li .accordion-click::after { font-size: 20px; top: calc(50% - 12px); right: 10px; }
}
article .accordion li .accordion-click.open { color: #fff; background: #e60012; }
article .accordion li .accordion-click.open::after { -webkit-transform: rotate(0); transform: rotate(0); }
article .accordion li .accordion-click.open:hover { background: #e60012; }
article .accordion li .accordion-click:hover { color: #fff; background: #0e3476; }
article .accordion li .accordion-content { display: none; padding: 40px 0; }
article .accordion li .accordion-content .txt { font-size: 19px; }
article .accordion li .accordion-content .double { display: flex; gap: 20px; }

@media only screen and (max-width: 1170px) {
  article .accordion li .accordion-content { padding: 30px 0; }
}
@media only screen and (max-width: 560px) {
  article .accordion li .accordion-content { padding: 20px 0; }
  article .accordion li .accordion-content .txt { font-size: 17px; }
  article .accordion li .accordion-content .double { display: block;}
}

/*#faq #section01 { position: relative; }
#faq #section01 .inner { padding: 120px 0 140px; }
@media only screen and (max-width: 1170px) {
  #faq #section01 .inner { padding: 100px 0 120px; }
}
@media only screen and (max-width: 560px) {
  #faq #section01 .inner { padding: 60px 0 80px; }
}*/
#faq #section01 .section_title01 { font-family: "Jost", sans-serif; font-weight: 300; }


#faq .page_nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 80px auto;
}
@media only screen and (max-width: 780px) {
  #faq .page_nav {
    margin: 60px auto;
  }
  #faq .page_nav::after {
    content: "";
    display: block;
    width: calc(33.3333333333% - 5px);
  }
}
#faq .page_nav li {
  width: calc(20% - 5px);
  text-align: center;
  margin: 0 0 20px;
  border-bottom: 2px solid #0e3476;
}
@media only screen and (max-width: 780px) {
  #faq .page_nav li {
    width: calc(33.3333333333% - 5px);
  }
}
@media only screen and (max-width: 560px) {
  #faq .page_nav li {
    width: calc(50% - 5px);
  }
}
#faq .page_nav li a {
  position: relative;
  display: block;
  font-weight: 500;
  color: #333130;
  line-height: 1.4;
  padding: 0 0 20px;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
#faq .page_nav li a::after {
  position: absolute;
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  display: inline-block;
  text-decoration: inherit;
  text-align: center;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f105";
  font-size: 24px;
  left: 50%;
  bottom: -5px;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -webkit-transform: translateX(-50%) rotate(90deg);
          transform: translateX(-50%) rotate(90deg);
}
#faq .page_nav li a:hover {
  color: #e60012;
}
#faq .page_nav li a:hover::after {
  bottom: -10px;
}

#faq #cat01, #faq #cat02, #faq #cat03, #faq #cat04, #faq #cat05 {
    padding: 100px 0 30px;
    margin: -100px 0 30px;
    border-bottom: 2px solid #d9d9d9;}
@media only screen and (max-width: 1170px) {
  #faq #cat01,
  #faq #cat02,
  #faq #cat03,
  #faq #cat04,
  #faq #cat05 {
    padding: 70px 0 20px;
    margin: -70px 0 20px;
  }
}

.more {
  display: inline-block;
  width: auto;
  font-size: 12px;
  padding: 15px 40px;
  margin-top: 20px;
}
.more:hover::after {
  right: 15px;
}


@media only screen and (max-width: 560px) {
  .more {  font-size: 11px;}
}