@charset "UTF-8";
/*
Theme Name: 愛知東邦大学 Webサイト
Theme URI: https://www.aichi-toho.ac.jp/
Description: 愛知東邦大学 WebサイトのCSS
*/
/* //////////////////////////////////////
- reset
////////////////////////////////////// */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: normal;
  text-decoration: none;
  vertical-align: baseline;
  background: transparent;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section {
  display: block;
}

ul, ol, li {
  list-style: none;
  list-style-position: inside;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after {
  content: '';
  content: none;
}

q:before, q:after {
  content: '';
  content: none;
}

a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
  text-decoration: none;
}

ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none;
}

mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold;
}

del {
  text-decoration: line-through;
}

abbr[title],
dfn[title] {
  border-bottom: 1px dotted;
  cursor: help;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #cccccc;
  margin: 1em 0;
  padding: 0;
}

input,
select {
  vertical-align: middle;
}

/* //////////////////////////////////////
- common
////////////////////////////////////// */
body {
  font-family: Arial, 'メイリオ', Meiryo, 'Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3', sans-serif;
  line-height: 1;
  font-weight: 400;
  color: #585F64;
  font-size: 16px;
  font-size: 1rem;
}

a {
  position: relative;
  text-decoration: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

a:hover {
  opacity: 0.8;
}

.arrow {
  padding-right: 44px;
  letter-spacing: 0.1em;
  font-size: 18px;
  font-size: 1.125rem;
}

@media screen and (max-width: 768px) {
  .arrow {
    font-size: 14px;
    font-size: 0.875rem;
  }
}

.arrow::before, .arrow::after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto;
}

.arrow::before {
  background-color: #ffffff;
  width: 32px;
  height: 1px;
  top: 3px;
  right: 1px;
}

.arrow::after {
  border-style: solid;
  border-width: 4px 0 0 6px;
  border-color: transparent transparent transparent #ffffff;
  width: 0;
  height: 0;
}

.pc_none {
  display: none;
}

@media screen and (max-width: 768px) {
  .pc_none {
    display: inline-block;
  }
}

.sp_none {
  display: inline-block;
}

@media screen and (max-width: 768px) {
  .sp_none {
    display: none;
  }
}

.fadein,
.fadein-delay {
  opacity: 0;
  -webkit-transform: translate(0, 50px);
          transform: translate(0, 50px);
  -webkit-transition: all 500ms;
  transition: all 500ms;
}

.fadein.scrollin,
.fadein-delay.scrollin {
  opacity: 1;
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
}

.fadein-delay:nth-of-type(2) {
  -webkit-transition-delay: 200ms;
          transition-delay: 200ms;
}

.fadein-delay:nth-of-type(3) {
  -webkit-transition-delay: 400ms;
          transition-delay: 400ms;
}

.fadein-delay:nth-of-type(4) {
  -webkit-transition-delay: 600ms;
          transition-delay: 600ms;
}

.fadein-delay:nth-of-type(5) {
  -webkit-transition-delay: 800ms;
          transition-delay: 800ms;
}

.fadein-delay:nth-of-type(6) {
  -webkit-transition-delay: 1000ms;
          transition-delay: 1000ms;
}

.fadein-delay:nth-of-type(7) {
  -webkit-transition-delay: 1200ms;
          transition-delay: 1200ms;
}

.fadein-delay:nth-of-type(8) {
  -webkit-transition-delay: 1400ms;
          transition-delay: 1400ms;
}

/* //////////////////////////////////////
- header
////////////////////////////////////// */
header {
  position: fixed;
  top: 0;
  background-color: #ffffff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-line-pack: center;
      align-content: center;
  margin: 0 auto;
  width: calc(100%);
  height: 70px;
  z-index: 8;
}

header h1 a {
  display: block;
  padding: 6px 10px 0;
}

@media screen and (max-width: 768px) {
  header {
    height: 60px;
    padding-left: 10px;
  }
  header h1 {
    width: calc(100% - 190px);
  }
  header h1 a {
    padding: 6px 0 0;
  }
  header img {
    max-width: 175px;
    width: 100%;
    height: auto;
    /* width: auto;
    height: 36px; */
  }
}

ul.btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -ms-flex-line-pack: center;
      align-content: center;
  position: fixed;
  top: 0;
  right: 0;
  z-index: 10;
}

ul.btn li {
  background-color: #ffffff;
  line-height: 0;
}

ul.btn img {
  width: 100%;
  height: auto;
}

@media screen and (max-width: 768px) {
  ul.btn img {
    width: 60px;
    height: 60px;
  }
}

ul.btn .nav_btn {
  display: none;
  background-color: #ffffff;
  border: 2px solid #F39939;
  color: #F39939;
  font-size: 11px;
  font-size: 0.6875rem;
  width: 60px;
  height: 60px;
  text-align: center;
  padding-top: 44px;
  position: relative;
}

@media screen and (max-width: 768px) {
  ul.btn .nav_btn {
    display: inline-block;
  }
}

ul.btn .nav_btn span {
  position: absolute;
  background-color: #F39939;
  display: block;
  width: 20px;
  height: 2px;
  left: 0;
  right: 0;
  margin: auto;
}

ul.btn .nav_btn span:nth-child(1) {
  top: 15px;
}

ul.btn .nav_btn span:nth-child(2) {
  top: 22px;
}

ul.btn .nav_btn span:nth-child(3) {
  top: 29px;
}

ul.btn .nav_btn span.text {
  background-color: transparent;
  width: auto;
  height: auto;
  bottom: 14px;
  color: #F39939;
}

ul.btn .nav_btn span.text::before {
  content: "menu";
}

ul.btn .nav_btn.active span:nth-child(1) {
  -webkit-box-shadow: 0px 0px 0px 2px #ffffff;
          box-shadow: 0px 0px 0px 2px #ffffff;
  -webkit-transform: translateY(7px) rotate(-45deg);
          transform: translateY(7px) rotate(-45deg);
  z-index: 2;
}

ul.btn .nav_btn.active span:nth-child(2) {
  opacity: 0;
}

ul.btn .nav_btn.active span:nth-child(3) {
  -webkit-transform: translateY(-7px) rotate(45deg);
          transform: translateY(-7px) rotate(45deg);
}

ul.btn .nav_btn.active span.text::before {
  content: "close";
}

/* //////////////////////////////////////
- nav
////////////////////////////////////// */
nav {
  position: fixed;
  top: 0;
  right: 0;
  z-index: 9;
}

@media screen and (max-width: 768px) {
  nav {
    height: calc(100% - 60px);
    top: 60px;
    width: 100%;
    display: none;
  }
}

nav .nav_g {
  background-color: #ffffff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-line-pack: center;
      align-content: center;
  height: 70px;
  padding-right: 200px;
}

@media screen and (max-width: 768px) {
  nav .nav_g {
    background-color: #C9C9C9;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
        justify-content: space-around;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -ms-flex-line-pack: center;
        align-content: center;
    height: calc(100%);
    padding-right: 0px;
  }
}

nav .nav_g li {
  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;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-line-pack: center;
      align-content: center;
  font-size: 15px;
  font-size: 0.9375rem;
  margin-left: 32px;
  height: 70px;
}

@media screen and (max-width: 768px) {
  nav .nav_g li.nav_dropbtn {
    font-size: 13px;
    font-size: 0.8125rem;
    line-height: 1.5;
    height: 75px;
    margin-left: 0px;
    width: calc(100% / 5);
    border-left: 1px solid #595757;
    text-align: center;
    border-bottom: 2px solid #F39939;
  }
}

@media screen and (max-width: 768px) {
  nav .nav_g li:nth-child(1).nav_dropbtn {
    border-left: none;
  }
}

nav .nav_g li.nav_dropbtn:hover {
  padding: 3px 0 0;
  border-bottom: 3px solid #F39939;
}

@media screen and (max-width: 768px) {
  nav .nav_g li.nav_dropbtn:hover {
    border-bottom: none;
  }
}

@media screen and (max-width: 768px) {
  nav .nav_g li.tab {
    background-color: #ffffff;
    border-top: 2px solid #F39939;
    border-left: 2px solid #F39939;
    border-right: 2px solid #F39939;
    border-bottom: none;
  }
}

@media screen and (max-width: 768px) {
  nav .nav_g li:nth-child(1).nav_dropbtn.tab {
    border-left: 2px solid #F39939;
  }
}

nav .nav_g li.tab_next {
  border-left: none;
}

@media screen and (max-width: 768px) {
  nav .nav_g li.tab::before {
    content: "";
    background-color: #F39939;
    display: block;
    position: absolute;
    width: 40px;
    height: 2px;
    top: 73px;
  }
}

nav .nav_cont {
  background-color: #ffffff;
  border: 3px solid #F39939;
  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;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-line-pack: center;
      align-content: center;
  width: 100%;
  position: fixed;
  left: 0;
  top: 70px;
  overflow: auto;
  display: none;
}

@media screen and (max-width: 768px) {
  nav .nav_cont {
    background-color: #ffffff;
    position: absolute;
    height: calc(100% - 75px);
    border: 2px solid #F39939;
    border-top: none;
    top: 75px;
  }
}

@media screen and (max-width: 768px) {
  nav .nav_cont.nav_nyushi {
    display: block;
  }
}

nav .nav_cont li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-line-pack: start;
      align-content: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin: auto;
}

@media screen and (max-width: 768px) {
  nav .nav_cont li {
    background-color: #ffffff;
    display: block;
    max-width: inherit;
    height: calc(100%);
    padding: 0 25px;
  }
}

nav .nav_cont li dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column wrap;
          flex-flow: column wrap;
  width: calc(100% / 4);
  margin: 40px 37px 0 0;
}

@media screen and (max-width: 768px) {
  nav .nav_cont li dl {
    width: calc(100%);
    margin: 30px 37px 0 0;
  }
}

nav .nav_cont li dt {
  font-size: 18px;
  font-size: 1.125rem;
  border-bottom: 1px solid #585F64;
  font-weight: bold;
  padding-bottom: 14px;
}

@media screen and (max-width: 768px) {
  nav .nav_cont li dt {
    font-size: 14px;
    font-size: 0.875rem;
    text-align: left;
  }
}

nav .nav_cont li dd {
  border-bottom: 1px solid #585F64;
}

@media screen and (max-width: 768px) {
  nav .nav_cont li dd {
    font-size: 14px;
    font-size: 0.875rem;
  }
}

nav .nav_cont li dd a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-line-pack: center;
      align-content: center;
  color: #585F64;
  height: 50px;
}

nav .nav_cont li dd a::before, nav .nav_cont li dd a::after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 6px;
  margin: auto;
}

nav .nav_cont li dd a::before {
  background-color: #585F64;
  width: 13px;
  height: 1px;
  top: 3px;
  right: 7px;
}

nav .nav_cont li dd a::after {
  border-style: solid;
  border-width: 4px 0 0 6px;
  border-color: transparent transparent transparent #585F64;
  width: 0;
  height: 0;
}

nav .nav_cont li dd a:hover {
  opacity: 1;
  background-color: rgba(243, 153, 57, 0.1);
}

nav .nav_daigaku li {
  max-width: 1056px;
  width: calc(100%);
  height: 590px;
}

/* nav .nav_daigaku dl:nth-child(1),
nav .nav_daigaku dl:nth-child(2) {
  width: 244px;
}

nav .nav_daigaku dl:nth-child(3),
nav .nav_daigaku dl:nth-child(4) {
  width: 200px;
}

nav .nav_daigaku dl:nth-child(5),
nav .nav_daigaku dl:nth-child(6) {
  width: 298px;
}

nav .nav_daigaku dl:nth-child(7),
nav .nav_daigaku dl:nth-child(8),
nav .nav_daigaku dl:nth-child(9) {
  width: 198px;
  margin: 40px 0 0 0;
} */

@media screen and (max-width: 768px) {
  nav .nav_daigaku dl:nth-child(1),
  nav .nav_daigaku dl:nth-child(2),
  nav .nav_daigaku dl:nth-child(3),
  nav .nav_daigaku dl:nth-child(4),
  nav .nav_daigaku dl:nth-child(5),
  nav .nav_daigaku dl:nth-child(6),
  nav .nav_daigaku dl:nth-child(7),
  nav .nav_daigaku dl:nth-child(8),
  nav .nav_daigaku dl:nth-child(9) {
    width: calc(100%);
  }
  nav .nav_daigaku li dl:last-of-type {
    padding-bottom: 50px;
  }
  nav .nav_daigaku li {
    height: 100%;
  }
}

nav .nav_gakubu li {
  max-width: 960px;
  width: calc(100%);
  height: 610px;
}

nav .nav_gakubu li dl {
  /* max-width: 292px;
  width: calc(100% / 3); */
  max-width: 460px;
  width: calc(100% / 2);
}

/* nav .nav_gakubu li dl:last-of-type {
  margin: 40px 0 0 0;
} */

@media screen and (max-width: 768px) {
  nav .nav_gakubu li {
    height: 100%;
  }
  nav .nav_gakubu li dl {
    max-width: inherit;
    width: calc(100%);
  }
  nav .nav_gakubu li dl:last-of-type {
    padding-bottom: 50px;
    margin-top: 30px;
  }
}

nav .nav_nyushi li {
  max-width: 960px;
  width: calc(100%);
  height: 340px;
}

nav .nav_nyushi li dl {
  max-width: 292px;
  width: calc(100% / 3);
}

nav .nav_nyushi li dt {
  display: none;
}

nav .nav_nyushi li dl:last-of-type {
  margin: 40px 0 0 0;
}

@media screen and (max-width: 768px) {
  nav .nav_nyushi li {
    height: 100%;
  }
  nav .nav_nyushi li dl {
    max-width: inherit;
    width: calc(100%);
    margin-top: 0;
  }
  nav .nav_nyushi li dl:first-of-type {
    margin-top: 30px;
  }
  nav .nav_nyushi li dl:last-of-type {
    margin: 0;
    padding-bottom: 50px;
  }
}

nav .nav_shien li {
  max-width: 960px;
  width: calc(100%);
  height: 370px;
}

nav .nav_shien li dl {
  max-width: 292px;
  width: calc(100% / 3);
  height: 100%;
}

nav .nav_shien li dl:last-of-type {
  margin: 40px 0 0 0;
}

@media screen and (max-width: 768px) {
  nav .nav_shien li {
    height: 100%;
  }
  nav .nav_shien li dl {
    max-width: inherit;
    width: calc(100%);
    height: auto;
  }
  nav .nav_shien li dl:last-of-type {
    padding-bottom: 50px;
  }
}

nav .nav_career li {
  max-width: 960px;
  width: calc(100%);
  height: 200px;
}

nav .nav_career li dl {
  /* max-width: 292px;
  width: calc(100% / 3); */
  max-width: 460px;
  width: calc(100% / 2);
}

nav .nav_career li dt {
  display: none;
}

nav .nav_career li dl:last-of-type {
  margin: 40px 0 0 0;
}

@media screen and (max-width: 768px) {
  nav .nav_career li {
    height: 100%;
  }
  nav .nav_career li dl {
    max-width: inherit;
    width: calc(100%);
    margin-top: 0;
  }
  nav .nav_career li dl:first-of-type {
    margin-top: 30px;
  }
  nav .nav_career li dl:last-of-type {
    margin: 0;
    padding-bottom: 50px;
  }
}

/* //////////////////////////////////////
- main
////////////////////////////////////// */
main {
  margin: 70px auto 0;
  width: calc(100%);
}

@media screen and (max-width: 768px) {
  main {
    margin: 60px auto 0;
  }
}

/* //////////////////////////////////////
- aside（サイドバー）
////////////////////////////////////// */
aside {
  margin: 0 auto;
  width: calc(100%);
}

/* //////////////////////////////////////
- トップへ戻る
////////////////////////////////////// */
/*トップへ戻るボタン*/
.totop {
  position: fixed;
  bottom: 20px;
  right: 20px;
  display: block;
  background-color: #F39939;
  background-image: url(img/totop.png);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  color: #fff;
  text-decoration: none;
  font-weight: bold;
  font-size: 11px;
  width: 64px;
  height: 64px;
  text-align: center;
  line-height: 22px;
  border-radius: 60px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  z-index: 5;
}

@media screen and (max-width: 768px) {
  .totop {
    display: none !important;
  }
}

.totop a {
  display: block;
  width: 64px;
  height: 64px;
}

@media screen and (max-width: 768px) {
  .totop a {
    width: 64px;
    height: 64px;
  }
}

.totop:hover {
  opacity: 0.7;
}

/* //////////////////////////////////////
- footer
////////////////////////////////////// */
footer {
  background-color: #222222;
  color: #ffffff;
  text-align: center;
  margin: 0 auto;
  width: calc(100%);
  position: relative;
}
@media screen and (max-width: 768px) {
  footer {
    padding-bottom: 55px;
  }
}

footer a {
  color: #ffffff;
}

footer div.foot_001 {
  background-image: url(img/bg_foot.jpg);
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
  height: 280px;
  padding-top: 50px;
}

footer .gcse-search {
  width: 100%;
}
footer .gsc-control-cse {
  border: 1px solid #fff;
  margin: 20px auto 0;
  width: 320px;
}
footer .gs-title {
  text-align: left;
}

@media screen and (max-width: 768px) {
  footer div.foot_001 {
    background-image: url(img/bg_foot_sp.jpg);
    height: 240px;
  }
  footer div.foot_001 .gsc-control-cse {
    width: 80%;
  }
}

footer div.foot_002 {
  padding: 50px 0 18px;
}

footer h1 {
  font-size: 24px;
  font-size: 1.5rem;
  margin: 0 auto 24px;
}

@media screen and (max-width: 768px) {
  footer h1 {
    font-size: 16px;
    font-size: 1rem;
    margin: 0 auto 10px;
  }
}

footer h1 img {
  line-height: 1;
  max-width: 972px;
  width: auto;
}

@media screen and (max-width: 1023px) {
  footer h1 img {
    width: auto;
    height: 41px;
  }
}

footer p {
  line-height: 1.5;
}

@media screen and (max-width: 768px) {
  footer p {
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 1.8;
  }
}

footer p.foot_link_access {
  border-bottom: 2px solid #ffffff;
  margin-top: 16px;
  display: inline-block;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

footer p.foot_link_access::before {
  content: "";
  display: inline-block;
  background-image: url(img/ico_map.png);
  background-repeat: no-repeat;
  vertical-align: middle;
  width: 14px;
  height: 19px;
  margin-right: 8px;
}

footer p.foot_link_access:hover {
  opacity: 0.8;
}

footer p.foot_link_access a {
  display: inline-block;
  opacity: 1;
  padding-bottom: 4px;
}

footer .foot_list_text {
  font-size: 16px;
  font-size: 1rem;
  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;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-line-pack: center;
      align-content: center;
  margin: 0 auto 20px;
  max-width: 600px;
  width: calc(100%);
}

@media screen and (max-width: 768px) {
  footer .foot_list_text {
    font-size: 12px;
    font-size: 0.75rem;
  }
}

footer .foot_list_text li {
  margin: 0 24px 16px;
}

footer .foot_list_bnr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-line-pack: center;
      align-content: center;
  max-width: 900px;
  width: calc(100%);
  margin: 0 auto 40px;
}

@media screen and (max-width: 1023px) {
  footer .foot_list_bnr {
    padding: 0 15px;
  }
}

footer .foot_list_bnr li {
  width: calc(50% - 8px);
}

footer .foot_list_bnr li img {
  width: calc(100%);
  height: auto;
}

footer address {
  font-size: 14px;
  font-size: 0.875rem;
  font-style: normal;
}

@media screen and (max-width: 768px) {
  footer address {
    font-size: 10px;
    font-size: 0.625rem;
  }
}

.breadcrumbs {
  display: none !important;
}

/* //////////////////////////////////////
- side
////////////////////////////////////// */
.side_sns {
  position: fixed;
  top: 0;
  right: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 60px;
  height: 100vh;
  z-index: 6;
  pointer-events: none;
}

.side_sns > div {
  background-color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 60px;
  border-radius: 6px 0 0 6px;
  border-top: 2px solid #F39939;
  border-bottom: 2px solid #F39939;
  border-left: 2px solid #F39939;
  height: 200px;
  padding: 30px 0;
  margin-bottom: 30px;
  pointer-events: all;
}

.side_sns a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.side_sns img {
  width: 32px;
  height: auto;
}

@media screen and (max-width: 768px) {
  .side_sns {
    top: auto;
    bottom: 0;
    width: 100%;
    height: 55px;
    background-color: rgba(160, 160, 160, 0.6);
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .side_sns > div {
    background-color: transparent;
    border: none;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    width: 100%;
    height: 45px;
    padding: 0 2%;
    margin: 0;
  }
  .side_sns picture {
    line-height: 0;
  }
  .side_sns a {
    width: calc(32%);
    background-color: #fff;
    border-radius: 6px;
    height: 45px;
  }
  .side_sns img {
    width: 30px;
    height: auto;
  }
}
/* //////////////////////////////////////
- IE対策
////////////////////////////////////// */
/* //////////////////////////////////////
- INDEX
////////////////////////////////////// */
.sec_wrap {
  max-width: 960px;
  width: calc(100%);
  margin: auto;
}

.sec_urgent_notice div {
  font-size: 16px;
  font-size: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-line-pack: center;
      align-content: center;
  background: transparent url(img/top/ico_info.png) no-repeat 0 50%;
  background-size: auto;
  color: #FF0000;
  padding: 6px 0 6px 35px;
  margin: 0px 45px 0;
}

@media screen and (max-width: 768px) {
  .sec_urgent_notice div {
    font-size: 14px;
    font-size: 0.875rem;
    background: transparent url(img/top/ico_info_sp.png) no-repeat 0 50%;
    background-size: 19px 19px;
    padding: 3px 0 2px 23px;
    margin: 0px 20px 0;
  }
}

.sec_urgent_notice span {
  display: inline-block;
  margin-right: 10px;
}

.sec_urgent_notice p {
  display: block;
}

.sec_urgent_notice a {
  color: #FF0000;
}

.sec_keyvisual {
  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;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-line-pack: center;
      align-content: center;
  height: calc(100vh - 70px);
}

.sec_keyvisual img {
  width: auto;
}

.sec_face_course,
.sec_face_entranceexam,
.sec_face_study {
  position: relative;
  overflow: hidden;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: calc(100%);
  height: 480px;
}

@media screen and (max-width: 768px) {
  .sec_face_course,
  .sec_face_entranceexam,
  .sec_face_study {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -ms-flex-line-pack: end;
        align-content: flex-end;
    background-position: 50% 0%;
  }
}

.sec_face_course::before,
.sec_face_entranceexam::before,
.sec_face_study::before {
  position: absolute;
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  background-position: 50% 50%;
  background-size: cover;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  z-index: 0;
}

.sec_face_course:hover::before,
.sec_face_entranceexam:hover::before,
.sec_face_study:hover::before {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}

.sec_face_course a,
.sec_face_entranceexam a,
.sec_face_study a {
  color: #585F64;
  display: block;
  width: 100%;
  height: calc(100%);
}

.sec_face_course div,
.sec_face_entranceexam div,
.sec_face_study div {
  background-color: rgba(255, 255, 255, 0.9);
  position: absolute;
  top: 30px;
  bottom: 0;
  left: 0;
  right: 0;
  height: 320px;
  margin: auto;
  z-index: 1;
}

@media screen and (max-width: 768px) {
  .sec_face_course div,
  .sec_face_entranceexam div,
  .sec_face_study div {
    position: absolute;
    height: auto;
    padding-bottom: 10px;
    top: 0;
    bottom: 20px;
  }
}

.sec_face_course h2,
.sec_face_entranceexam h2,
.sec_face_study h2 {
  font-size: 42px;
  font-size: 2.625rem;
  font-weight: bold;
  line-height: 1.3;
  border-left: 5px solid #F39939;
  padding: 24px 0 0 20px;
}

@media screen and (max-width: 768px) {
  .sec_face_course h2,
  .sec_face_entranceexam h2,
  .sec_face_study h2 {
    font-size: 30px;
    font-size: 1.875rem;
    padding: 14px 0 0 10px;
  }
}

@media screen and (max-width: 360px) {
  .sec_face_course h2,
  .sec_face_entranceexam h2,
  .sec_face_study h2 {
    font-size: 26px;
    font-size: 1.625rem;
  }
}

.sec_face_course h2 span,
.sec_face_entranceexam h2 span,
.sec_face_study h2 span {
  color: #F39939;
  font-weight: bold;
  margin-bottom: 10px;
}

@media screen and (max-width: 768px) {
  .sec_face_course h2 span,
  .sec_face_entranceexam h2 span,
  .sec_face_study h2 span {
    margin-bottom: 5px;
  }
}

.sec_face_course h2 span.subttl,
.sec_face_entranceexam h2 span.subttl,
.sec_face_study h2 span.subttl {
  color: #585F64;
  display: block;
  font-size: 20px;
  font-size: 1.25rem;
  letter-spacing: 0em;
}

@media screen and (max-width: 768px) {
  .sec_face_course h2 span.subttl,
  .sec_face_entranceexam h2 span.subttl,
  .sec_face_study h2 span.subttl {
    font-size: 11px;
    font-size: 0.6875rem;
  }
}

.sec_face_course p,
.sec_face_entranceexam p,
.sec_face_study p {
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.8;
  padding: 20px 0 20px 28px;
}

@media screen and (max-width: 768px) {
  .sec_face_course p,
  .sec_face_entranceexam p,
  .sec_face_study p {
    font-size: 14px;
    font-size: 0.875rem;
    padding: 10px 10px 10px 18px;
  }
}

.sec_face_course p.face_more,
.sec_face_entranceexam p.face_more,
.sec_face_study p.face_more {
  position: relative;
  text-align: right;
  padding: 0 44px 0 28px;
  margin-right: 30px;
}

@media screen and (max-width: 768px) {
  .sec_face_course p.face_more,
  .sec_face_entranceexam p.face_more,
  .sec_face_study p.face_more {
    display: inline-block;
    text-align: left;
    padding: 0 44px 0 18px;
  }
}

.sec_face_course .arrow,
.sec_face_entranceexam .arrow,
.sec_face_study .arrow {
  color: #585F64;
}

.sec_face_course .arrow::before,
.sec_face_entranceexam .arrow::before,
.sec_face_study .arrow::before {
  background-color: #585F64;
}

.sec_face_course .arrow::after,
.sec_face_entranceexam .arrow::after,
.sec_face_study .arrow::after {
  border-color: transparent transparent transparent #585F64;
}

.sec_face_entranceexam::before {
  background-image: url(img/top/bg_face_entranceexam.jpg);
}

@media screen and (max-width: 768px) {
  .sec_face_entranceexam::before {
    background-image: url(img/top/bg_face_entranceexam_sp.jpg);
  }
}

.sec_face_entranceexam div {
  right: 50%;
  width: 495px;
}

@media screen and (max-width: 1023px) {
  .sec_face_entranceexam div {
    right: auto;
    left: 3%;
  }
}

@media screen and (max-width: 768px) {
  .sec_face_entranceexam div {
    height: 246px;
    right: 0;
    left: 0;
    top: auto;
    bottom: 20px;
    width: calc(100% - 30px);
    margin: auto;
  }
}

@media screen and (max-width: 360px) {
  .sec_face_entranceexam div {
    height: 226px;
  }
}

@media screen and (max-width: 768px) {
  .sec_face_entranceexam p {
    padding: 10px 5px 10px 18px;
  }
}

.sec_face_course::before {
  background-image: url(img/top/bg_face_course.jpg);
}

@media screen and (max-width: 768px) {
  .sec_face_course::before {
    background-image: url(img/top/bg_face_course_sp.jpg);
  }
}

.sec_face_course div {
  left: 40%;
  width: 522px;
}

@media screen and (max-width: 1023px) {
  .sec_face_course div {
    right: 5%;
    left: auto;
  }
}

@media screen and (max-width: 768px) {
  .sec_face_course div {
    height: 216px;
    right: 0;
    left: 0;
    top: auto;
    bottom: 20px;
    width: calc(100% - 30px);
    margin: auto;
  }
}

@media screen and (max-width: 480px) {
  .sec_face_course div {
    height: 240px;
  }
}

@media screen and (max-width: 360px) {
  .sec_face_course div {
    height: 250px;
  }
}

.sec_face_study::before {
  background-image: url(img/top/bg_face_study.jpg);
}

@media screen and (max-width: 768px) {
  .sec_face_study::before {
    background-image: url(img/top/bg_face_study_sp.jpg);
    background-position: 50% 0%;
  }
}

.sec_face_study div {
  right: 45%;
  width: 480px;
}

@media screen and (max-width: 1023px) {
  .sec_face_study div {
    right: auto;
    left: 5%;
  }
}

@media screen and (max-width: 768px) {
  .sec_face_study div {
    height: 216px;
    right: 0;
    left: 0;
    top: auto;
    bottom: 20px;
    width: calc(100% - 30px);
    margin: auto;
  }
}

@media screen and (max-width: 480px) {
  .sec_face_study div {
    height: 240px;
  }
}

@media screen and (max-width: 360px) {
  .sec_face_study div {
    height: 228px;
  }
}

.sec_face_university {
  position: relative;
  background-color: #B9C3C8;
  padding-bottom: 0;
  /* padding-bottom: 50px; */
}

.sec_face_university a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-line-pack: center;
      align-content: center;
  width: 100%;
  height: 100%;
  color: #ffffff;
  font-weight: normal;
}

.sec_face_university h2 {
  border: 1px solid #ffffff;
  font-size: 32px;
  font-size: 2rem;
  color: #ffffff;
  display: block;
  text-align: center;
  width: 620px;
  padding: 14px 0;
  position: absolute;
  top: 66px;
  right: 0;
  left: 0;
  margin: auto;
  z-index: 2;
}

@media screen and (max-width: 768px) {
  .sec_face_university h2 {
    font-size: 19px;
    font-size: 1.1875rem;
    padding: 8px 0;
    top: 15px;
    width: calc(100% - 30px);
  }
}

.sec_face_university ul {
  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;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-line-pack: center;
      align-content: center;
  /* margin-bottom: 30px; */
  margin-bottom: 0;
}

.sec_face_university li {
  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;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-line-pack: center;
      align-content: center;
  text-align: center;
  width: calc(100% / 3);
  height: 520px;
}

@media screen and (max-width: 768px) {
  .sec_face_university li {
    width: calc(100%);
    height: 235px;
  }
}

.sec_face_university li a {
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  position: relative;
  -webkit-transition: all .3s;
  transition: all .3s;
  text-decoration: none;
}

.sec_face_university li a:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  width: 0;
  display: block;
  z-index: -1;
  -webkit-transition: all .3s;
  transition: all .3s;
}

.sec_face_university li a:hover:before {
  width: 100%;
  opacity: 1;
}

.sec_face_university li:nth-child(1) a {
  background-image: url(img/top/bg_face_university01.jpg);
}

.sec_face_university li:nth-child(1) a:before {
  background: #8ABA2C;
}

.sec_face_university li:nth-child(2) a {
  background-image: url(img/top/bg_face_university02.jpg);
}

.sec_face_university li:nth-child(2) a:before {
  background: #50ACD3;
}

.sec_face_university li:nth-child(3) a {
  background-image: url(img/top/bg_face_university03.jpg);
}

.sec_face_university li:nth-child(3) a:before {
  background: #ED6D81;
}

.sec_face_university li .uni_ttl {
  font-size: 52px;
  font-size: 3.25rem;
  letter-spacing: 0.25em;
  margin-left: 0.25em;
  margin-top: 50px;
  width: 100%;
  z-index: 2;
}

@media screen and (max-width: 768px) {
  .sec_face_university li .uni_ttl {
    font-size: 41px;
    font-size: 2.5625rem;
  }
}

.sec_face_university li .uni_ttl span {
  font-size: 20px;
  font-size: 1.25rem;
  display: block;
  letter-spacing: 0.2em;
  line-height: 1.5;
  margin-left: 0.2em;
  margin-top: 16px;
}

@media screen and (max-width: 768px) {
  .sec_face_university li .uni_ttl span {
    font-size: 16px;
    font-size: 1rem;
    margin-top: 8px;
  }
}

.sec_face_university li .uni_more {
  position: relative;
  display: inline-block;
  text-align: center;
  margin: 50px auto 0;
  z-index: 2;
}

.sec_face_university div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-line-pack: center;
      align-content: center;
  background-repeat: no-repeat;
  background-position: 0% 50%;
  -webkit-box-shadow: 10px 10px 0px #D3DEE5;
          box-shadow: 10px 10px 0px #D3DEE5;
  max-width: 950px;
  height: 220px;
}

@media screen and (max-width: 768px) {
  .sec_face_university div {
    margin-left: 15px;
    width: calc(100% - 35px);
    -webkit-box-shadow: 5px 5px 0px #D3DEE5;
            box-shadow: 5px 5px 0px #D3DEE5;
    height: 160px;
  }
}

.sec_face_university div a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-line-pack: center;
      align-content: center;
  width: 100%;
  height: 100%;
  padding-left: 38px;
}

@media screen and (max-width: 768px) {
  .sec_face_university div a {
    padding-left: 16px;
  }
}

.sec_face_university div .uni_ttl {
  font-size: 38px;
  font-size: 2.375rem;
  letter-spacing: 0.1em;
  width: 100%;
}

@media screen and (max-width: 768px) {
  .sec_face_university div .uni_ttl {
    font-size: 30px;
    font-size: 1.875rem;
  }
}

.sec_face_university div .uni_ttl span {
  font-size: 16px;
  font-size: 1rem;
  display: block;
  letter-spacing: 0.1em;
  margin-bottom: 8px;
}

@media screen and (max-width: 768px) {
  .sec_face_university div .uni_ttl span {
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 1.5;
  }
}

.sec_face_university div .uni_more {
  position: relative;
  display: inline-block;
  margin-top: 30px;
}

.sec_face_university .sec_face_step a {
  background-image: url(img/top/bg_face_university04.jpg);
}

@media screen and (max-width: 768px) {
  .sec_face_university .sec_face_step a {
    background-image: url(img/top/bg_face_university04_sp.jpg);
    background-size: cover;
  }
}

.sec_face_university .sec_face_campus a {
  background-image: url(img/top/bg_face_university05.jpg);
}

@media screen and (max-width: 768px) {
  .sec_face_university .sec_face_campus a {
    background-image: url(img/top/bg_face_university05_sp.jpg);
    background-size: cover;
  }
}

.sec_banner {
  padding: 20px 0 5px;
  background-color: #B9C3C8;
  width: 100%;
}

.sec_banner div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-line-pack: center;
      align-content: center;
  background-repeat: no-repeat;
  background-position: 0% 50%;
  -webkit-box-shadow: 10px 10px 0px #D3DEE5;
          box-shadow: 10px 10px 0px #D3DEE5;
  max-width: 950px;
  margin-bottom: 40px;
}

.sec_banner div.sec_banner_freeset3_wrap {
  max-width: 978px;
  width: 100%;
  margin: 0 auto;
  box-shadow: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-line-pack: center;
      align-content: center;
}

.sec_banner div.sec_banner_freeset3_wrap 

.sec_banner div.sec_banner_column3_wrap {
  max-width: 960px;
  width: 100%;
  margin: 0 auto;
  box-shadow: none;

  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-line-pack: center;
      align-content: center;
}

.sec_banner div.sec_banner_column3_wrap.column2 {
  max-width: 625px;
}

.sec_banner div.sec_banner_column3_wrap.column2 .sec_wrap {
  max-width: 300px;
  width: 49%;
  box-shadow: none;
}

.sec_banner_column3 {
  padding: 40px 15px;
}

.sec_banner_column3 .sec_wrap {
  max-width: 300px;
  width: 33%;
  box-shadow: none;
  margin: 12px;
}

@media screen and (max-width: 768px) {
  .sec_banner div {
    margin-left: 15px;
    width: calc(100% - 35px);
    -webkit-box-shadow: 5px 5px 0px #D3DEE5;
            box-shadow: 5px 5px 0px #D3DEE5;
    height: auto;
    margin-bottom: 30px;
  }
  .sec_banner_column3 {
    padding: 20px 15px;
  }
  .sec_banner div.sec_banner_column3_wrap.column2 {
    max-width: none;
  }
  .sec_banner div.sec_banner_column3_wrap.column2 .sec_wrap,
  .sec_banner_column3 .sec_wrap {
    max-width: none;
    width: 100%;
    margin-bottom: 10px;
  }
}

.sec_banner div a {
  display: block;
}
@media screen and (max-width: 768px) {
  .sec_banner div a {
    width: 100%;
    display: block;
  }
}

.sec_banner div img {
  display: block;
  width: 100%;
  height: auto;
}

.sec_covid_link {
  display: block;
}

.sec_covid {
  background-color: #ffffff;
  border: 5px solid #F39939;
  text-align: center;
  padding: 50px 20px;
  margin: auto;
  width: calc(100%);
}

@media screen and (max-width: 768px) {
  .sec_covid {
    padding: 40px 20px 35px;
  }
}

.sec_covid h2 {
  color: #F39939;
  font-size: 38px;
  font-size: 2.375rem;
  font-weight: bold;
}

@media screen and (max-width: 768px) {
  .sec_covid h2 {
    font-size: 23px;
    font-size: 1.4375rem;
    line-height: 1.5;
  }
}

.sec_covid .covid_description {
  line-height: 1.8;
  text-align: center;
  margin: auto;
  width: 520px;
}

@media screen and (max-width: 768px) {
  .sec_covid .covid_description {
    font-size: 14px;
    font-size: 0.875rem;
    width: calc(100%);
  }
}

.sec_covid .covid_more {
  border-bottom: 2px solid #585F64;
  display: inline-block;
  padding-bottom: 4px;
  margin: 30px auto 0;
}

@media screen and (max-width: 768px) {
  .sec_covid .covid_more {
    padding-bottom: 8px;
  }
}

.sec_covid .covid_more a {
  color: #585F64;
}

@media screen and (max-width: 768px) {
  .sec_covid .covid_more a {
    font-size: 14px;
    font-size: 0.875rem;
  }
}

.sec_covid .arrow::before {
  background-color: #585F64;
}

.sec_covid .arrow::after {
  border-color: transparent transparent transparent #585F64;
}

.sec_realvoice {
  background-color: #484d51;
  background-image: url(img/interviews/bg_main.jpg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
  margin: auto;
  width: calc(100%);
  padding: 72px 0 98px;
}

@media screen and (max-width: 1023px) {
  .sec_realvoice {
    padding: 72px 15px 98px;
    background-image: url(img/interviews/bg_main_sp.jpg);
    background-size: cover;
    background-position: center;
  }
}

@media screen and (max-width: 768px) {
  .sec_realvoice {
    padding: 50px 15px 60px;
  }
}



.sec_realvoice h2 {
  font-family: "Arial", sans-serif;
  color: #ffffff;
  font-size: 78px;
  font-size: 4.875rem;
  font-weight: normal;
  letter-spacing: 0.05em;
  margin-bottom: 30px;
  text-align: center;
}

.sec_realvoice h2 + p {
  color: #ffffff;
  font-size: 20px;
	font-weight: bold;
  letter-spacing: 0.05em;
  text-align: center;
  margin-bottom: 70px;
}

@media screen and (max-width: 768px) {
  .sec_realvoice h2 {
    font-size: 41px;
    font-size: 2.5625rem;
    margin-bottom: 24px;
  }
	.sec_realvoice h2 + p {
		font-size: 14px;
		margin-bottom: 50px;
	}
}

.sec_realvoice h2 span {
  display: block;
  color: #F39939;
  font-size: 24px;
  font-size: 1.5rem;
  font-weight: bold;
  margin-bottom: 10px;
}

@media screen and (max-width: 768px) {
  .sec_realvoice h2 span {
    font-size: 12px;
    font-size: 0.75rem;
  }
}

.sec_realvoice .newtopics {
  position: relative;
  max-width: 960px;
  width: calc(100%);
  margin: auto;
  overflow: hidden;
  line-height: 1.5;
  height: 30px;
  margin-bottom: 40px;
}

@media screen and (max-width: 768px) {
  .sec_realvoice .newtopics {
    height: 20px;
    margin-bottom: 20px;
  }
}

.sec_realvoice .newtopics span {
  font-family: "Arial", sans-serif;
  color: #ffffff;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  font-size: 24px;
  font-size: 1.5rem;
  font-weight: bold;
  letter-spacing: 0.2em;
  width: 220px;
  height: 30px;
  padding-left: 12px;
  text-align: center;
}

@media screen and (max-width: 768px) {
  .sec_realvoice .newtopics span {
    font-size: 16px;
    font-size: 1rem;
    height: 20px;
  }
}

.sec_realvoice .newtopics::before, .sec_realvoice .newtopics::after {
  content: "";
  display: block;
  background-color: #ffffff;
  width: 360px;
  height: 1px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}

.sec_realvoice .newtopics::before {
  left: -600px;
}

@media screen and (max-width: 768px) {
  .sec_realvoice .newtopics::before {
    left: -540px;
  }
}

.sec_realvoice .newtopics::after {
  right: -600px;
}

@media screen and (max-width: 768px) {
  .sec_realvoice .newtopics::after {
    right: -540px;
  }
}


.sec_realvoice ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-line-pack: stretch;
      align-content: stretch;
  max-width: 960px;
  width: calc(100%);
  margin: auto;
}

.sec_realvoice ul a {
  color: #585F64;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  display: block;
}

.sec_realvoice ul a:hover {
  opacity: 0.8;
}

.sec_realvoice ul li {
  max-width: 460px;
  width: calc(49%);
  background-color: #ffffff;
	/*
  background-image: url(../img/interviews/bg_waku_rb.png);
  background-position: 100% 100%;
  background-repeat: no-repeat;
	*/
  margin-bottom: 40px;
}

@media screen and (max-width: 768px) {
  .sec_realvoice ul li {
    max-width: inherit;
    width: calc(100%);
  }
}

.sec_realvoice ul li picture {
  display: block;
  width: 100%;
  height: 330px;
  background: lightgray;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.sec_realvoice ul li img {
  max-width: 460px;
  width: calc(100%);
  height: auto;
}

@media screen and (max-width: 768px) {
  .sec_realvoice ul li img {
    max-width: inherit;
    width: calc(100%);
  }
}

.sec_realvoice ul li div {
  padding: 16px 20px 26px;
}

.sec_realvoice ul li div .int_cat span {
  font-size: 14px;
  font-size: 0.875rem;
  display: inline-block;
  border: 1px solid #585F64;
  padding: 5px 8px;
  margin-bottom: 10px;
}

.sec_realvoice ul li div .int_title {
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.8;
  margin-bottom: 15px;
}

.sec_realvoice ul li div .int_tag_date {
  font-size: 14px;
  font-size: 0.875rem;
}


/*
.sec_realvoice h2 {
  font-size: 70px;
  font-size: 4.375rem;
  color: #ffffff;
}

@media screen and (max-width: 768px) {
  .sec_realvoice h2 {
    font-size: 35px;
    font-size: 2.1875rem;
  }
}

.sec_realvoice h2 span {
  font-size: 24px;
  font-size: 1.5rem;
  font-weight: bold;
  color: #F39939;
  display: block;
  letter-spacing: 0.2em;
  margin-bottom: 6px;
  width: calc(100%);
}

@media screen and (max-width: 768px) {
  .sec_realvoice h2 span {
    font-size: 12px;
    font-size: 0.75rem;
  }
}

.sec_realvoice .subttl {
  color: #ffffff;
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: bold;
  margin-top: 6px;
}

@media screen and (max-width: 768px) {
  .sec_realvoice .subttl {
    font-size: 14px;
    font-size: 0.875rem;
  }
}

.sec_realvoice .realvoice_description {
  color: #ffffff;
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.5;
  margin: 30px 0 40px;
}

@media screen and (max-width: 768px) {
  .sec_realvoice .realvoice_description {
    font-size: 14px;
    font-size: 0.875rem;
    margin: 20px 0 25px;
  }
}

.sec_realvoice ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-line-pack: center;
      align-content: center;
}

.sec_realvoice li {
  max-width: 460px;
  width: calc(50%);
  margin-bottom: 30px;
}

@media screen and (max-width: 768px) {
  .sec_realvoice li {
    max-width: inherit;
    width: calc(100%);
    margin: auto;
  }
}

.sec_realvoice li a {
  color: #585F64;
  position: relative;
  display: block;
}

.sec_realvoice li a img {
  position: relative;
  max-width: 450px;
  width: calc(100% - 10px);
  top: 0;
  left: 0;
  z-index: 1;
}

@media screen and (max-width: 768px) {
  .sec_realvoice li a img {
    max-width: inherit;
    width: calc(100% - 10px);
    margin: auto;
  }
}

.sec_realvoice li a div {
  position: relative;
  background-color: #ffffff;
  display: block;
  max-width: 450px;
  width: calc(100% - 10px);
  height: auto;
  padding: 57px 20px 24px;
  bottom: 40px;
  left: 0px;
  z-index: 0;
  margin: 0 auto -40px 10px;
}

@media screen and (max-width: 768px) {
  .sec_realvoice li a div {
    max-width: inherit;
    width: calc(100% - 10px);
    padding: 37px 20px 24px;
    bottom: 20px;
    left: 5px;
    margin: 0 auto;
  }
}

.sec_realvoice .realvoice_name {
  border-bottom: 1px solid #585F64;
  font-size: 16px;
  font-size: 1rem;
  font-weight: bold;
  padding: 0 0 14px;
  margin: 0 0 14px 0;
}

@media screen and (max-width: 768px) {
  .sec_realvoice .realvoice_name {
    font-size: 14px;
    font-size: 0.875rem;
    padding: 0 0 8px;
    margin: 0 0 8px 0;
  }
}

.sec_realvoice .realvoice_cos {
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: normal;
  display: inline-block;
  margin: 0 0 0 20px;
}

@media screen and (max-width: 768px) {
  .sec_realvoice .realvoice_cos {
    font-size: 12px;
    font-size: 0.75rem;
    margin: 0 0 0 10px;
  }
}

.sec_realvoice .realvoice_ttl {
  line-height: 1.8;
  margin-bottom: 10px;
}

@media screen and (max-width: 768px) {
  .sec_realvoice .realvoice_ttl {
    font-size: 14px;
    font-size: 0.875rem;
  }
}

.sec_realvoice .realvoice_more {
  font-size: 18px;
  font-size: 1.125rem;
  text-align: right;
  position: relative;
  display: block;
}

@media screen and (max-width: 768px) {
  .sec_realvoice .realvoice_more {
    font-size: 14px;
    font-size: 0.875rem;
  }
}

.sec_realvoice .realvoice_more::before {
  background-color: #585F64;
}

.sec_realvoice .realvoice_more::after {
  border-color: transparent transparent transparent #585F64;
}
*/

.sec_realvoice .realvoice_view {
  text-align: center;
  margin-top: 40px;
}

@media screen and (max-width: 768px) {
  .sec_realvoice .realvoice_view {
    margin-top: 20px;
  }
}

.sec_realvoice .realvoice_view a {
  color: #ffffff;
  font-size: 22px;
  font-size: 1.375rem;
  border-bottom: 2px solid #ffffff;
  padding-bottom: 4px;
  display: inline-block;
}

@media screen and (max-width: 768px) {
  .sec_realvoice .realvoice_view a {
    font-size: 15px;
    font-size: 0.9375rem;
  }
}

@media screen and (max-width: 768px) {
  .sec_realvoice .fadein-delay:nth-of-type(2) {
    -webkit-transition-delay: 0ms;
            transition-delay: 0ms;
  }
}

.sec_realvoice .fadein-delay:nth-of-type(3) {
  -webkit-transition-delay: 0ms;
          transition-delay: 0ms;
}

@media screen and (max-width: 768px) {
  .sec_realvoice .fadein-delay:nth-of-type(3) {
    -webkit-transition-delay: 0ms;
            transition-delay: 0ms;
  }
}

.sec_realvoice .fadein-delay:nth-of-type(4) {
  -webkit-transition-delay: 200ms;
          transition-delay: 200ms;
}

@media screen and (max-width: 768px) {
  .sec_realvoice .fadein-delay:nth-of-type(4) {
    -webkit-transition-delay: 0ms;
            transition-delay: 0ms;
  }
}

.sec_news {
  padding-top: 70px;
}

@media screen and (max-width: 768px) {
  .sec_news {
    padding-top: 45px;
  }
}

.sec_news h2 {
  color: #585F64;
  font-size: 28px;
  font-size: 1.75rem;
  font-weight: bold;
  text-align: center;
  margin-bottom: 40px;
}

@media screen and (max-width: 768px) {
  .sec_news h2 {
    font-size: 19px;
    font-size: 1.1875rem;
    margin-bottom: 30px;
  }
}

.sec_news ul {
  margin-bottom: 50px;
}

@media screen and (max-width: 1023px) {
  .sec_news ul {
    padding: 0 15px;
  }
}

@media screen and (max-width: 768px) {
  .sec_news ul {
    padding: 0 15px;
    margin-bottom: 30px;
  }
}

.sec_news li {
  margin-bottom: 15px;
}

@media screen and (max-width: 768px) {
  .sec_news li {
    margin-bottom: 25px;
  }
}

.sec_news li a {
  color: #585F64;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-line-pack: center;
      align-content: center;
}

.sec_news li div.news_listimg {
  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;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-line-pack: center;
      align-content: center;
  width: 240px;
  height: 140px;
  overflow: hidden;
  margin: 0;
}
.sec_news li div.news_listimg img {
  display: block;
  width: 100%;
  height: auto;
}

.sec_news li img {
  width: 240px;
  height: 140px;
  object-fit: cover;
  font-family: 'object-fit: cover;'; /*IE対策*/
}

@media screen and (max-width: 768px) {
  .sec_news li div.news_listimg {
    width: 120px;
    height: 70px;
  }
}

.sec_news li div {
  margin-left: 20px;
  width: calc(100% - 260px);
}

@media screen and (max-width: 768px) {
  .sec_news li div {
    margin-left: 10px;
    width: calc(100% - 130px);
  }
}

.sec_news li .news_data {
  border-bottom: 2px solid #585F64;
  display: inline-block;
  padding-bottom: 4px;
  margin-bottom: 15px;
}

@media screen and (max-width: 768px) {
  .sec_news li .news_data {
    font-size: 12px;
    font-size: 0.75rem;
    margin-bottom: 8px;
  }
}

.sec_news li .news_ttl {
    line-height: 1.5;
  }

@media screen and (max-width: 768px) {
  .sec_news li .news_ttl {
    font-size: 14px;
    font-size: 0.875rem;
  }
}

.sec_news .news_view {
  text-align: center;
}

.sec_news .news_view a {
  color: #585F64;
  font-size: 22px;
  font-size: 1.375rem;
  border-bottom: 2px solid #585F64;
  padding-bottom: 4px;
  display: inline-block;
}

.sec_news .news_view a::before {
  background-color: #585F64;
}

.sec_news .news_view a::after {
  border-color: transparent transparent transparent #585F64;
}

@media screen and (max-width: 768px) {
  .sec_news .news_view a {
    font-size: 15px;
    font-size: 0.9375rem;
  }
}

.sec_foot {
  margin-top: 98px;
}

@media screen and (max-width: 768px) {
  .sec_foot {
    margin-top: 45px;
  }
}

.sec_foot ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -ms-flex-line-pack: start;
      align-content: flex-start;
  margin-bottom: 32px;
}

@media screen and (max-width: 1023px) {
  .sec_foot ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -ms-flex-line-pack: start;
        align-content: flex-start;
    padding: 0 15px;
    margin-bottom: 0;
  }
}

.sec_foot li {
  max-width: 230px;
  width: calc(100% / 4);
}

@media screen and (max-width: 1023px) {
  .sec_foot li {
    max-width: inherit;
    width: calc(50% - 8px);
    margin-bottom: 16px;
  }
}

.sec_foot li a {
  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;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-line-pack: center;
      align-content: center;
  background-color: #585F64;
  color: #ffffff;
  font-size: 18px;
  font-size: 1.125rem;
  width: 100%;
  height: 100px;
}

@media screen and (max-width: 768px) {
  .sec_foot li a {
    font-size: 13px;
    font-size: 0.8125rem;
    height: 70px;
  }
}

.sec_foot .sec_foot_bnr_area {
  margin-top: 40px;
  margin-bottom: 60px;
}

.sec_foot .sec_foot_bnr_area img {
  width: 100%;
  height: auto;
}

@media screen and (max-width: 1023px) {
  .sec_foot .sec_foot_bnr_area {
    padding: 0 15px;
  }
}

/* //////////////////////////////////////
- IE対策
////////////////////////////////////// */
/* //////////////////////////////////////
- template A/B
////////////////////////////////////// */
.template {
  background-color: #F0F0F0;
  font-family: メイリオ, sans-serif;
  padding-bottom: 100px;
}

@media screen and (max-width: 768px) {
  .template {
    padding: 0 15px 30px 15px;
  }
}

.template .temp_keyvisual {
  width: calc(100%);
  line-height: 0;
}

@media screen and (max-width: 768px) {
  .template .temp_keyvisual {
    width: calc(100% + 30px);
    margin-left: -15px;
  }
}

.template .temp_keyvisual figure {
  width: 100%;
  height: 380px;
  display: block;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

@media screen and (max-width: 768px) {
  .template .temp_keyvisual figure {
    height: 180px;
  }
}

.template .temp_head {
  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;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-line-pack: center;
      align-content: center;
  background-image: url(img/template/bg_dot.png);
  color: #ffffff;
  width: calc(100%);
  min-height: 110px;
  text-align: center;
  position: relative;
  margin-bottom: 50px;
}

@media screen and (max-width: 768px) {
  .template .temp_head {
    width: calc(100% + 30px);
    margin-left: -15px;
    min-height: 80px;
    margin-bottom: 29px;
  }
}

.template .temp_head .breadcrumbs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-line-pack: center;
      align-content: center;
  position: absolute;
  top: 5px;
  left: 0;
  right: 0;
  max-width: 960px;
  width: calc(100%);
  margin: auto;
}

@media screen and (max-width: 768px) {
  .template .temp_head .breadcrumbs {
    padding-left: 5px;
  }
}

.template .temp_head .breadcrumbs li {
  font-size: 14px;
  font-size: 0.875rem;
  text-indent: inherit;
  margin: 0;
}

@media screen and (max-width: 768px) {
  .template .temp_head .breadcrumbs li {
    font-size: 10px;
    font-size: 0.625rem;
  }
}

.template .temp_head .breadcrumbs li:first-child::before {
  display: none;
}

.template .temp_head .breadcrumbs li::before {
  content: "＞";
  display: inline-block;
  background-color: transparent;
  border-radius: inherit;
  width: auto;
  height: auto;
  margin: 0 5px;
}

.template .temp_head .breadcrumbs a {
  color: #ffffff;
  text-decoration: none;
}

.template .pagelink {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  max-width: 963px;
  width: calc(100%);
  height: 100%;
  margin: 0 auto 45px;
  position: relative;
  z-index: 1;
}

@media screen and (max-width: 768px) {
  .template .pagelink {
    margin: 0 auto 35px;
  }
}

.template .pagelink.column_2 {
  max-width: 642px;
}

.template .pagelink li {
  background-color: #ffffff;
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.5;
  text-indent: inherit;
  margin: 0 2px 4px;
  max-width: 317px;
  width: calc(100%);
}

.template .pagelink li:last-child {
  margin: 0 2px 4px;
}

@media screen and (max-width: 768px) {
  .template .pagelink li {
    font-size: 12px;
    font-size: 0.75rem;
    max-width: inherit;
    width: calc(50% - 2px);
  }
  .template .pagelink li:nth-child(odd) {
    margin-right: 2px;
    margin-left: 0;
  }
  .template .pagelink li:nth-child(even) {
    margin-right: 0;
    margin-left: 2px;
  }
}

.template .pagelink li::before {
  display: none;
}

.template .pagelink a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: #F39939;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #ffffff;
  text-align: left;
  text-decoration: none;
  width: calc(100%);
  min-height: 60px;
  height: 100%;
  padding: 10px;
  position: relative;
}

@media screen and (max-width: 768px) {
  .template .pagelink a {
    text-align: left;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    padding: 10px 30px 10px 10px;
  }
}

.template .pagelink a::after {
  content: "";
  background-image: url(img/template/arrow_pagelink.png);
  background-size: 14px 6px;
  display: block;
  width: 14px;
  height: 6px;
  margin-left: 16px;
}

@media screen and (max-width: 768px) {
  .template .pagelink a::after {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 10px;
    margin: auto;
  }
}

.template .temp_contents {
  line-height: 0;
  max-width: 960px;
  width: calc(100%);
  font-size: 0;
  margin: 0 auto 50px;
}

.template .temp_contents article {
  font-size: 16px;
  font-size: 1rem;
}

@media screen and (max-width: 768px) {
  .template .temp_contents article {
    font-size: 14px;
    font-size: 0.875rem;
  }
}

.template .temp_contents .part {
  display: inline-block;
  vertical-align: top;
}

@media screen and (max-width: 768px) {
  .template .temp_contents .part {
    display: block;
  }
}

.template .temp_contents .part.part_50 {
  width: 50%;
  padding: 0 10px;
}

@media screen and (max-width: 768px) {
  .template .temp_contents .part.part_50 {
    width: 100%;
  }
}

.template .temp_contents .part.part_30 {
  width: 30%;
  padding: 0 10px;
}

@media screen and (max-width: 768px) {
  .template .temp_contents .part.part_30 {
    width: 100%;
  }
}

.template .temp_contents .part.part_70 {
  width: 70%;
  padding: 0 10px;
}

@media screen and (max-width: 768px) {
  .template .temp_contents .part.part_70 {
    width: 100%;
  }
}

.template .temp_contents .pattern {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-line-pack: center;
      align-content: center;
}

@media screen and (max-width: 768px) {
  .template .temp_contents .pattern {
    display: block;
  }
}

.template .temp_contents .pattern .part_50 {
  width: calc(50% - 10px);
}

@media screen and (max-width: 768px) {
  .template .temp_contents .pattern .part_50 {
    width: 100%;
  }
}

.template .temp_contents .pattern .part_30 {
  width: calc(30% - 10px);
}

@media screen and (max-width: 768px) {
  .template .temp_contents .pattern .part_30 {
    width: 100%;
  }
}

.template .temp_contents .pattern .part_70 {
  width: calc(70% - 10px);
}

@media screen and (max-width: 768px) {
  .template .temp_contents .pattern .part_70 {
    width: 100%;
  }
}

.template .temp_contents .pattern .part_2 {
  width: calc(50% - 10px);
}

@media screen and (max-width: 768px) {
  .template .temp_contents .pattern .part_2 {
    width: 100%;
    margin-bottom: 20px;
  }
}

.template .temp_contents .pattern .part_2 figure + h4 {
  margin: 0 0 8px;
}



.template .temp_contents .pattern .part_3 {
  width: calc(33% - 10px);
}

@media screen and (max-width: 768px) {
  .template .temp_contents .pattern .part_3 {
    width: 100%;
    margin-bottom: 20px;
  }
}

.template .temp_contents .pattern .part_3::after {
  content: "";
  display: block;
  width: calc(33% - 10px);
}

.template .temp_contents .pattern .part_3 figure + h4 {
  line-height: 1.5;
  margin: 0 0 8px;
}

@media screen and (max-width: 768px) {
  .template .temp_contents .pattern .part_50_mb {
  margin-bottom: 10px;
  }
}

.template .temp_contents .c_orange {
  color: #F39939 !important;
}

.template .temp_contents .ta_center {
  text-align: center !important;
}

.template .temp_contents .ta_right {
  text-align: right !important;
}

.template .temp_contents .ta_left {
  text-align: left !important;
}

.template h1 {
  font-size: 24px;
  font-size: 1.5rem;
  font-weight: bold;
  color: #ffffff;
  line-height: 1.5;
  text-align: center;
  margin-top: 16px;
}

@media screen and (max-width: 768px) {
  .template h1 {
    font-size: 16px;
    font-size: 1rem;
  }
}

.template h2 {
  font-size: 32px;
  font-size: 2rem;
  line-height: 1.5;
  text-align: center;
  max-width: 960px;
  width: calc(100%);
  margin: 0 auto 50px;
}

@media screen and (max-width: 768px) {
  .template h2 {
    font-size: 25px;
    font-size: 1.5625rem;
    margin: 0 auto 20px;
  }
}

.template h2::after {
  content: "";
  background-color: #F39939;
  display: block;
  width: 80px;
  height: 5px;
  margin: 20px auto 0;
}

@media screen and (max-width: 768px) {
  .template h2::after {
    width: 40px;
    height: 3px;
    margin: 5px auto 0;
  }
}

.template h3 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 26px;
  font-size: 1.625rem;
  background-color: #C9C9C9;
  color: #ffffff;
  line-height: 1.5;
  width: 100%;
  margin: 0;
}

@media screen and (max-width: 768px) {
  .template h3 {
    font-size: 17px;
    font-size: 1.0625rem;
  }
}

.template h3 span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-line-pack: center;
      align-content: center;
  background-color: #F39939;
  min-height: 60px;
  padding: 12px 110px 9px 30px;
}

@media screen and (max-width: 768px) {
  .template h3 span {
    padding: 12px 15px 9px 15px;
  }
}

.template .wrap_art {
  padding: 30px;
  background-color: #ffffff;
}

@media screen and (max-width: 768px) {
  .template .wrap_art {
    padding: 15px;
  }
}

.template h4 {
  border-bottom: 1px solid #F39939;
  color: #F39939;
  font-size: 22px;
  font-size: 1.375rem;
  font-weight: bold;
  line-height: 2;
  margin: 40px 0 20px;
}

@media screen and (max-width: 768px) {
  .template h4 {
    font-size: 17px;
    font-size: 1.0625rem;
  }
}

.template h4 + p.caption {
  margin: 20px 0 8px;
}

.template h4:first-child {
  margin: 0 0 20px;
}

.template p {
  font-size: 16px;
  font-size: 1rem;
  line-height: 2;
  margin-bottom: 16px;
}

@media screen and (max-width: 768px) {
  .template p {
    font-size: 14px;
    font-size: 0.875rem;
    margin-bottom: 8px;
  }
}

.template p.hx_description {
  text-align: center;
  max-width: 960px;
  width: calc(100%);
  margin: 0 auto 32px;
}

@media screen and (max-width: 768px) {
  .template p.hx_description {
    margin: 0 auto 20px;
  }
}

.template p.caption {
  font-size: 20px;
  font-size: 1.25rem;
  font-weight: bold;
  line-height: 1.5;
  margin: 40px 0 8px;
}

.template p.caption + p.small {
  margin-top: -12px;
}

@media screen and (max-width: 768px) {
  .template p.caption {
    font-size: 15px;
    font-size: 0.9375rem;
    margin: 30px 0 8px;
  }
}

.template p.caption span {
  font-weight: bold;
}

.template p span.text_ico {
  color: #fff;
  padding: 2px 8px 1px;
  font-size: 14px;
  font-weight: bold;
  display: inline-block;
  vertical-align: middle;
  margin-right: 8px;
}

.template p.caption small {
  font-weight: bold;
}

.template p b {
  font-weight: bold;
}

.template p .c_orange {
  color: #F39939;
}

.template .text {
  font-size: 16px;
  font-size: 1rem;
  line-height: 2;
  padding-bottom: 16px;
}

@media screen and (max-width: 768px) {
  .template .text {
    font-size: 14px;
    font-size: 0.875rem;
    padding-bottom: 8px;
  }
}

.template .text div *:last-child {
  margin-bottom: 0;
}

.template .text ul:last-child {
  margin-bottom: 0;
}

.template b {
  font-weight: bold;
  line-height: 2;
}

.template b.point::before {
  content: "";
  display: inline-block;
  background-color: #F39939;
  border-radius: 50px;
  width: 10px;
  height: 10px;
  margin-right: 7px;
}

.template b .caption {
  margin: 0 0 8px;
}

.template b .caption + p.small {
  margin-top: -12px;
}

.template b.caption_l {
  font-size: 20px;
  font-size: 1.25rem;
}

@media screen and (max-width: 768px) {
  .template b.caption_l {
    font-size: 16px;
    font-size: 1rem;
  }
}

.template small {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.8;
}

@media screen and (max-width: 768px) {
  .template small {
    font-size: 12px;
    font-size: 0.75rem;
  }
}

.template .small {
  font-size: 14px;
  font-size: 0.875rem;
  display: inline;
  line-height: 1.8;
  margin-bottom: 20px;
}

@media screen and (max-width: 768px) {
  .template .small {
    font-size: 12px;
    font-size: 0.75rem;
  }
}

.template img {
  max-width: 100%;
  width: auto;
}

.template figure {
  text-align: center;
  margin: 0;
  padding-bottom: 16px;
}

.template figure + h4 {
  margin: 0 0 8px;
}

.template.features figure + h4 {
  margin: 40px 0 20px;
}

.template .part figure img {
  width: 100%;
}

.template .pattern figure img {
  width: 100%;
}

.template .gra_gmap {
  width: 100%;
  height: 500px;
}

@media screen and (max-width: 768px) {
  .template .gra_gmap {
    height: 350px;
  }
}

.template .gra_youtube {
  margin: 0 auto 20px;
  width: 600px;
  height: 340px;
  display: block;
  max-width: 100%;
  max-height: 50vw;
}

.template a {
  color: #585F64;
  text-decoration: underline;
}

.template .ico_link a,
.template .ico_window a,
.template .ico_pdf a,
.template .ico_dl a {
  border: 1px solid #7D8488;
  border-radius: 50px;
  background-repeat: no-repeat;
  background-position: 92% 50%;
  display: inline-block;
  position: relative;
  padding: 10px 60px 10px 50px;
  text-decoration: none;
  line-height: 1.5;
  z-index: 1;
}

@media screen and (max-width: 768px) {
  .template .ico_link a,
  .template .ico_window a,
  .template .ico_pdf a,
  .template .ico_dl a {
    background-position: 94% 50%;
    background-size: 17px auto;
    padding: 10px 40px 10px 40px;
  }
}

.template .ico_link a::before, .template .ico_link a::after,
.template .ico_window a::before,
.template .ico_window a::after,
.template .ico_pdf a::before,
.template .ico_pdf a::after,
.template .ico_dl a::before,
.template .ico_dl a::after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 35px;
  margin: auto;
}

@media screen and (max-width: 768px) {
  .template .ico_link a::before, .template .ico_link a::after,
  .template .ico_window a::before,
  .template .ico_window a::after,
  .template .ico_pdf a::before,
  .template .ico_pdf a::after,
  .template .ico_dl a::before,
  .template .ico_dl a::after {
    left: 25px;
  }
}

.template .ico_link a::before,
.template .ico_window a::before,
.template .ico_pdf a::before,
.template .ico_dl a::before {
  background-color: #585F64;
  width: 14px;
  height: 1px;
  top: 3px;
  left: 25px;
}

@media screen and (max-width: 768px) {
  .template .ico_link a::before,
  .template .ico_window a::before,
  .template .ico_pdf a::before,
  .template .ico_dl a::before {
    left: 15px;
  }
}

.template .ico_link a::after,
.template .ico_window a::after,
.template .ico_pdf a::after,
.template .ico_dl a::after {
  border-style: solid;
  border-width: 4px 0 0 6px;
  border-color: transparent transparent transparent #585F64;
  width: 0;
  height: 0;
}

.template .ico_link,
.template .ico_window,
.template .ico_pdf,
.template .ico_dl {
  position: relative;
  display: table;
  margin-bottom: 20px;
}

@media screen and (max-width: 768px) {
  .template .ico_link,
  .template .ico_window,
  .template .ico_pdf,
  .template .ico_dl {
    margin-bottom: 15px;
  }
}

.template .ico_link::after,
.template .ico_window::after,
.template .ico_pdf::after,
.template .ico_dl::after {
  content: "";
  display: block;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  width: 30px;
  height: 30px;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 20px;
  margin: auto;
}

@media screen and (max-width: 768px) {
  .template .ico_link::after,
  .template .ico_window::after,
  .template .ico_pdf::after,
  .template .ico_dl::after {
    background-size: 17px auto;
    width: 30px;
    height: 30px;
    right: 7px;
  }
}

.template .ico_link::after {
  background-image: url(img/template/ico_link.png);
}

@media screen and (max-width: 768px) {
  .template .ico_link::after {
    background-image: url(img/template/ico_link_sp.png);
  }
}

.template .ico_window::after {
  background-image: url(img/template/ico_window.png);
}

@media screen and (max-width: 768px) {
  .template .ico_window::after {
    background-image: url(img/template/ico_window_sp.png);
  }
}

.template .ico_pdf::after {
  background-image: url(img/template/ico_pdf.png);
}

@media screen and (max-width: 768px) {
  .template .ico_pdf::after {
    background-image: url(img/template/ico_pdf_sp.png);
  }
}

.template .ico_dl::after {
  background-image: url(img/template/ico_dl.png);
}

@media screen and (max-width: 768px) {
  .template .ico_dl::after {
    background-image: url(img/template/ico_dl_sp.png);
  }
}

.template .ico_form {
  display: table;
}

.template .ico_form a {
  background-color: #585F64;
  background-image: url(img/template/ico_form.png);
  background-position: 30px 50%;
  background-repeat: no-repeat;
  border-radius: 50px;
  display: inline-block;
  padding: 10px 40px 10px 65px;
  line-height: 1.5;
  color: #ffffff;
  text-decoration: none;
}

@media screen and (max-width: 768px) {
  .template .ico_form a {
    background-image: url(img/template/ico_form_sp.png);
    background-position: 18px 50%;
    background-size: 19px auto;
    padding: 10px 20px 10px 45px;
  }
}

.template ul {
  width: 100%;
  line-height: 2;
  margin-bottom: 32px;
}

.template ul.part_50 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-line-pack: center;
      align-content: center;
}

.template ul.part_50 li {
  width: calc(50% - 18px);
}

@media screen and (max-width: 768px) {
  .template ul.part_50 li {
    width: 100%;
  }
}

.template ul.ls_none li {
  text-indent: 0;
  margin-left: 0;
}

.template ul.ls_none li::before {
  display: none;
}

.template ul.part_50_snone {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-line-pack: center;
      align-content: center;
}

.template ul.part_50_snone li {
  width: calc(50%);
  text-indent: 0;
  margin-left: 0;
  margin-bottom: 20px;
}

@media screen and (max-width: 768px) {
  .template ul.part_50_snone li {
    width: 100%;
  }
}

.template ul.part_50_snone li p {
  margin-bottom: 0;
}

.template ul.part_50_snone li::before {
  display: none;
}

.template ul.part_30_snone {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-line-pack: start;
      align-content: flex-start;
}

.template ul.part_30_snone li {
  width: calc(33% - 10px);
  text-indent: 0;
  margin-left: 0;
  margin-right: 10px;
  margin-bottom: 20px;
}

@media screen and (max-width: 768px) {
  .template ul.part_30_snone li {
    width: 100%;
  }
}

.template ul.part_30_snone li p {
  margin-bottom: 0;
}

.template ul.part_30_snone li::before {
  display: none;
}

.template ul:last-child {
  margin-bottom: 0;
}

@media screen and (max-width: 768px) {
  .template ul {
    margin-bottom: 25px;
    font-size: 14px;
    font-size: 0.875rem;
  }
}

.template ul li {
  text-indent: -18px;
  margin-left: 18px;
  margin-bottom: 10px;
}

.template ul li:last-child {
  margin-bottom: 0;
}

.template ul li::before {
  content: "";
  display: inline-block;
  background-color: #F39939;
  border-radius: 50px;
  width: 10px;
  height: 10px;
  margin-right: 7px;
}

.template ol {
  width: 100%;
  line-height: 2;
  margin-bottom: 32px;
}

@media screen and (max-width: 768px) {
  .template ol {
    margin-bottom: 25px;
  }
}

@media screen and (max-width: 768px) {
  .template ol {
    font-size: 14px;
    font-size: 0.875rem;
  }
}

.template ol li {
  list-style-type: decimal;
  text-indent: -22px;
  margin-left: 22px;
  margin-bottom: 10px;
}

.template ol li:last-child {
  margin-bottom: 0;
}

.template ul.ico_list {
  width: 100%;
  line-height: 2;
  margin-bottom: 32px;
}

@media screen and (max-width: 768px) {
  .template ul.ico_list {
    margin-bottom: 25px;
  }
}

.template ul.ico_list li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-line-pack: center;
      align-content: center;
  text-indent: 0;
  margin-left: 0;
  margin-bottom: 10px;
}

.template ul.ico_list li::before {
  display: none;
}

.template ul.ico_list img {
  width: 86px;
  height: auto;
}

@media screen and (max-width: 768px) {
  .template ul.ico_list img {
    width: 60px;
  }
}

.template ul.ico_list span {
  margin-left: 10px;
  width: calc(100% - 96px);
}

@media screen and (max-width: 768px) {
  .template ul.ico_list span {
    margin-left: 6px;
    width: calc(100% - 66px);
  }
}

.template ul.ico_list li.linkcolor a {
  color: #F39939;
}

.template dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-line-pack: center;
      align-content: center;
  width: 100%;
  line-height: 1.8;
  margin-bottom: 50px;
}

@media screen and (max-width: 768px) {
  .template dl {
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 1.5;
    margin-bottom: 25px;
  }
}

.template dt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-line-pack: center;
      align-content: center;
  border-bottom: 1px solid #A0A0A0;
  width: 190px;
  min-height: 80px;
  padding: 20px 15px;
}

@media screen and (max-width: 768px) {
  .template dt {
    width: 90px;
    padding: 10px 5px;
  }
}

.template dt:first-of-type {
  border-top: 1px solid #A0A0A0;
}

.template dd {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-line-pack: center;
      align-content: center;
  border-bottom: 1px solid #A0A0A0;
  width: calc(100% - 196px);
  padding: 15px;
}

@media screen and (max-width: 768px) {
  .template dd {
    width: calc(100% - 93px);
    padding: 10px 5px;
  }
}

.template dd:first-of-type {
  border-top: 1px solid #A0A0A0;
}

.template dd .ico_link,
.template dd .ico_window,
.template dd .ico_pdf,
.template dd .ico_dl {
  margin: 8px 0 0;
}

.template div dl {
  margin-bottom: 20px;
}

.template div dt {
  width: 130px;
}

@media screen and (max-width: 768px) {
  .template div dt {
    width: 90px;
  }
}

.template div dd {
  width: calc(100% - 136px);
}

@media screen and (max-width: 768px) {
  .template div dd {
    width: calc(100% - 93px);
  }
}

.template dl.dl_ttl dt {
  padding: 24px 15px;
}

@media screen and (max-width: 768px) {
  .template dl.dl_ttl dt {
    padding: 10px 5px;
  }
}

.template dl.dl_ttl dd {
  padding: 24px 20px;
}

@media screen and (max-width: 768px) {
  .template dl.dl_ttl dd {
    padding: 10px 5px;
  }
}

.template dl.dl_ttl dt:first-of-type {
  background-color: #A0A0A0;
  color: #ffffff;
  padding: 15px;
  min-height: 60px;
}

@media screen and (max-width: 768px) {
  .template dl.dl_ttl dt:first-of-type {
    padding: 10px 5px;
  }
}

.template dl.dl_ttl dd:first-of-type {
  background-color: #A0A0A0;
  color: #ffffff;
  min-height: 60px;
}

.template .table {
  margin-bottom: 30px;
}

.template .overflow {
  position: relative;
}

@media screen and (max-width: 768px) {
  .template .overflow::before {
    content: '';
    position: absolute;
    top: 30px;
    left: 50%;
    z-index: 2;
    display: block;
    background: url(img/template/ico_scroll.png) no-repeat center/cover;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    pointer-events: none;
    width: 80px;
    height: 80px;
    margin: 0px 0 0 -40px;
  }
}

@media screen and (max-width: 768px) {
  .template .overflow.remove::before {
    opacity: 0;
  }
}

@media screen and (max-width: 768px) {
  .template figure.overflow {
    overflow: auto;
  }
  .template figure.overflow img {
    max-width: 200%;
  }
}

.template .wrap {
  width: 100%;
  overflow: auto;
}

.template table {
  width: 100%;
  line-height: 2;
}

@media screen and (max-width: 768px) {
  .template table {
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 1.5;
  }
}

.template table tr:first-child th,
.template table tr:first-child td {
  padding: 20px 15px;
}

@media screen and (max-width: 768px) {
  .template table tr:first-child th,
  .template table tr:first-child td {
    padding: 10px 5px;
  }
}

.template table th,
.template table td {
  border: 1px solid #A0A0A0;
  text-align: left;
  vertical-align: middle;
  padding: 30px 15px;
  min-width: 80px;
}

@media screen and (max-width: 768px) {
  .template table th,
  .template table td {
    padding: 15px 5px;
  }
}

.template table .bg_gray {
  background-color: #F2F2F2;
}

.template .t_caption {
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: normal;
  margin: 5px 0 0 0;
}

@media screen and (max-width: 768px) {
  .template .t_caption {
    font-size: 12px;
    font-size: 0.75rem;
  }
}

.template hr {
  border-top: solid 1px #f29939;
  border-bottom: none;
  margin: 0 0 20px;
}

.template .box_tate {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-line-pack: center;
      align-content: center;
  margin-bottom: 40px;
}

.template .box_tate img {
  margin-bottom: 16px;
}

.template .box_tate div {
  max-width: 420px;
  width: 49%;
  margin-bottom: 40px;
}

.template .box_tate div:nth-last-child(1), .template .box_tate div:nth-last-child(2) {
  margin-bottom: 0px;
}

@media screen and (max-width: 768px) {
  .template .box_tate div {
    max-width: inherit;
    width: 100%;
    margin-bottom: 20px;
  }
  .template .box_tate div:nth-last-child(2) {
    margin-bottom: 20px;
  }
}

.template .box_yoko {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-line-pack: center;
      align-content: center;
  margin-bottom: 40px;
}

@media screen and (max-width: 768px) {
  .template .box_yoko {
    margin-bottom: 25px;
  }
}

.template .box_yoko img {
  max-width: 420px;
  width: 49%;
}

@media screen and (max-width: 768px) {
  .template .box_yoko img {
    max-width: inherit;
    width: 100%;
    margin-bottom: 16px;
  }
}

.template .box_yoko div {
  max-width: 420px;
  width: 49%;
}

@media screen and (max-width: 768px) {
  .template .box_yoko div {
    max-width: inherit;
    width: 100%;
    margin-bottom: 20px;
  }
}

.template .box_yoko_s {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-line-pack: center;
      align-content: center;
  margin-bottom: 40px;
}

@media screen and (max-width: 768px) {
  .template .box_yoko_s {
    margin-bottom: 25px;
  }
}

.template .box_yoko_s img {
  max-width: 205px;
  width: 205px;
}

@media screen and (max-width: 768px) {
  .template .box_yoko_s img {
    max-width: 190px;
    width: 100%;
    margin-bottom: 16px;
  }
}

.template .box_yoko_s div {
  width: calc(100% - 225px);
}

@media screen and (max-width: 768px) {
  .template .box_yoko_s div {
    width: calc(100%);
  }
}

.template .box_yoko_s div img {
  max-width: 100%;
  width: auto;
  display: block;
  margin-bottom: 24px;
}

.template div.box_waku {
  border: 1px solid #585F64;
  line-height: 2;
  padding: 20px;
  width: 100%;
  margin-bottom: 24px;
}

@media screen and (max-width: 768px) {
  .template div.box_waku {
    font-size: 14px;
    font-size: 0.875rem;
    padding: 15px;
  }
}

.template div.box_waku p.caption:first-child {
  margin: 0;
}

.template .pc_inblk {
  display: inline-block;
}

@media screen and (max-width: 768px) {
  .template .pc_inblk {
    display: none;
  }
}

.template .sp_inblk {
  display: none;
}

@media screen and (max-width: 768px) {
  .template .sp_inblk {
    display: inline-block;
  }
}

/* //////////////////////////////////////
- アニメーション関係
////////////////////////////////////// 

.template .temp_contents.fadein, .template .temp_contents.fadein-delay {
	transform: translate(0px, -50px);
	opacity: 0;
	@include mq-down() {
		transform: translate(0px, -80px);
	}
}
.template .temp_contents.fadein.scrollin, .template .temp_contents.fadein-delay.scrollin {
	transform: translate(0px, -100px);
	opacity: 1;
	@include mq-down() {
		transform: translate(0px, -130px);
	}
}
*/
/* //////////////////////////////////////
- IE対策
////////////////////////////////////// */
@media all and (-ms-high-contrast: none) {
  .template h1 {
    margin-top: 40px;
  }
}

/* //////////////////////////////////////
- ページ個別対応
////////////////////////////////////// */
@media screen and (max-width: 768px) {
  .template.about.outline.gleeting .part_70 {
    margin-top: 30px;
  }
}

.template.faculties.business h2::after {
  background-color: #8bba2c;
}

.template.faculties.business h3 span {
  background-color: #8bba2c;
}

.template.faculties.business h4 {
  border-bottom: 1px solid #8bba2c;
  color: #8bba2c;
}

.template.faculties.business .temp_contents .c_orange {
  color: #8bba2c !important;
}

.template.faculties.business .pagelink a {
  background-color: #8bba2c;
}

.template.faculties.business .ico_link::after {
  background-image: url(img/template/ico_link_faculties_business.png);
}

.template.faculties.business .ico_window::after {
  background-image: url(img/template/ico_window_faculties_business.png);
}

.template.faculties.business .ico_pdf::after {
  background-image: url(img/template/ico_pdf_faculties_business.png);
}
.template.faculties.business .ico_purple .ico_pdf::after {
  background-image: url(img/template/ico_pdf_faculties_business_purple.png);
}

.template.faculties.business .ico_dl::after {
  background-image: url(img/template/ico_dl_faculties_business.png);
}

.template.faculties.business figure.mb20 {
  margin-bottom: 20px;
}

.template.faculties.business .caption:first-child {
  margin: 0 0 8px;
}

.template.faculties.business .ico_list {
  margin-top: 20px;
}

.template.faculties.business .ico_list li {
  margin-bottom: 20px;
}

.template.faculties.human h2::after {
  background-color: #50acd3;
}

.template.faculties.human h3 span {
  background-color: #50acd3;
}

.template.faculties.human h4 {
  border-bottom: 1px solid #50acd3;
  color: #50acd3;
}

.template.faculties.human .temp_contents .c_orange {
  color: #50acd3 !important;
}

.template.faculties.human .pagelink a {
  background-color: #50acd3;
}

.template.faculties.human .ico_link::after {
  background-image: url(img/template/ico_link_faculties_human.png);
}

.template.faculties.human .ico_window::after {
  background-image: url(img/template/ico_window_faculties_human.png);
}

.template.faculties.human .ico_pdf::after {
  background-image: url(img/template/ico_pdf_faculties_human.png);
}

.template.faculties.human .ico_dl::after {
  background-image: url(img/template/ico_dl_faculties_human.png);
}

.template.faculties.human .caption:first-child {
  margin: 0 0 8px;
}

.template.faculties.human #section4 .mb40 .part_50 {
  margin-bottom: 40px;
}

.template.faculties.human #section4 ul.part_50_snone {
  margin-bottom: 0;
}

.template.faculties.human #section4 ul.part_50_snone li {
  margin-bottom: 0;
}

.template.faculties.education h2::after {
  background-color: #ed6d81;
}

.template.faculties.education h3 span {
  background-color: #ed6d81;
}

.template.faculties.education h4 {
  border-bottom: 1px solid #ed6d81;
  color: #ed6d81;
}

.template.faculties.education .temp_contents .c_orange {
  color: #ed6d81 !important;
}

.template.faculties.education .pagelink a {
  background-color: #ed6d81;
}

.template.faculties.education .ico_link::after {
  background-image: url(img/template/ico_link_faculties_education.png);
}

.template.faculties.education .ico_window::after {
  background-image: url(img/template/ico_window_faculties_education.png);
}

.template.faculties.education .ico_pdf::after {
  background-image: url(img/template/ico_pdf_faculties_education.png);
}

.template.faculties.education .ico_dl::after {
  background-image: url(img/template/ico_dl_faculties_education.png);
}

.template.faculties.education .caption:first-child {
  margin: 0 0 8px;
}

.template.faculties.education #section1 figure + h4 {
  margin: 40px 0 20px;
}

.template.faculties.education #section4 ul.part_50_snone {
  margin-bottom: 0;
}

.template.faculties.education #section4 ul.part_50_snone li {
  margin-bottom: 0;
}

.template.about .temp_keyvisual figure {
  background-image: url(img/template/about.png);
}

@media screen and (max-width: 768px) {
  .template.about .temp_keyvisual figure {
    background-image: url(img/template/about_sp.png);
  }
}

.template.admission .temp_keyvisual figure {
  background-image: url(img/template/admission.png);
}

@media screen and (max-width: 768px) {
  .template.admission .temp_keyvisual figure {
    background-image: url(img/template/admission_sp.png);
  }
}

.template.campuslife .temp_keyvisual figure {
  background-image: url(img/template/campuslife.png);
}

@media screen and (max-width: 768px) {
  .template.campuslife .temp_keyvisual figure {
    background-image: url(img/template/campuslife_sp.png);
  }
}

.template.career .temp_keyvisual figure {
  background-image: url(img/template/career.png);
}

@media screen and (max-width: 768px) {
  .template.career .temp_keyvisual figure {
    background-image: url(img/template/career_sp.png);
  }
}

.template.career.toho_step .temp_keyvisual figure {
  background-image: url(img/template/career_toho_step.png);
}

@media screen and (max-width: 768px) {
  .template.career.toho_step .temp_keyvisual figure {
    background-image: url(img/template/career_toho_step_sp.png);
  }
}

.template.faculties.business .temp_keyvisual figure {
  background-image: url(img/template/faculties_business.png);
}

@media screen and (max-width: 768px) {
  .template.faculties.business .temp_keyvisual figure {
    background-image: url(img/template/faculties_business_sp.png);
  }
}

.template.faculties.education .temp_keyvisual figure {
  background-image: url(img/template/faculties_education.png);
}

@media screen and (max-width: 768px) {
  .template.faculties.education .temp_keyvisual figure {
    background-image: url(img/template/faculties_education_sp.png);
  }
}

.template.faculties.human .temp_keyvisual figure {
  background-image: url(img/template/faculties_human.png);
}

@media screen and (max-width: 768px) {
  .template.faculties.human .temp_keyvisual figure {
    background-image: url(img/template/faculties_human_sp.png);
  }
}

.template.faculties.liberalarts .temp_keyvisual figure {
  background-image: url(img/template/faculties_liberalarts.png);
}

@media screen and (max-width: 768px) {
  .template.faculties.liberalarts .temp_keyvisual figure {
    background-image: url(img/template/faculties_liberalarts_sp.png);
  }
}

.template.kyoin table tr td:first-child {
  width: 30%;
}

.template.kyoin p.caption {
  margin: 0 0 16px;
}

.template.kyoin h4 {
  margin: 0 0 20px;
}

.template.certificate #section0 table tr td:first-child {
  width: 30%;
}

.template .faculties_clickable {
  display: inline-block;
  position: relative;
  width: auto;
}

.template .faculties_clickable span {
  position: absolute;
  z-index: 1;
  font-size: 0;
  line-height: 0;
  opacity: 0;
  cursor: pointer;
}

.template.faculties.business.syllabus .faculties_clickable span:nth-child(3) {
  top: 7%;
  left: 6%;
  width: 34%;
  height: 49%;
}

.template.faculties.business.syllabus .faculties_clickable span:nth-child(2) {
  top: 7%;
  left: 41%;
  width: 18.5%;
  height: 49%;
}

.template.faculties.business.syllabus .faculties_clickable span:nth-child(4) {
  top: 7%;
  left: 60.5%;
  width: 34%;
  height: 49%;
}

.template.faculties.business.syllabus .faculties_clickable span:nth-child(1) {
  top: 57%;
  left: 6%;
  width: 88.5%;
  height: 16%;
}

.template.faculties.business.syllabus .faculties_clickable span:nth-child(5) {
  top: 74%;
  left: 6%;
  width: 88.5%;
  height: 16%;
}

.template.faculties.human.syllabus .faculties_clickable span:nth-child(1) {
  top: 30%;
  left: 33%;
  width: 34.3%;
  height: 32%;
  border-radius: 200px;
}

.template.faculties.human.syllabus .faculties_clickable span:nth-child(2) {
  top: 2%;
  left: 33%;
  width: 34.3%;
  height: 32%;
  border-radius: 200px;
}

.template.faculties.human.syllabus .faculties_clickable span:nth-child(3) {
  top: 38.2%;
  left: 3.5%;
  width: 34.3%;
  height: 32%;
  border-radius: 200px;
}

.template.faculties.human.syllabus .faculties_clickable span:nth-child(4) {
  top: 38.2%;
  left: 62.2%;
  width: 34.3%;
  height: 32%;
  border-radius: 200px;
}

.template.faculties.human.syllabus .faculties_clickable span:nth-child(5) {
  top: 71.5%;
  left: 6%;
  width: 43.3%;
  height: 10.5%;
}

.template.faculties.human.syllabus .faculties_clickable span:nth-child(6) {
  top: 71.5%;
  left: 51%;
  width: 43.3%;
  height: 10.5%;
}

.template.faculties.human.syllabus .faculties_clickable span:nth-child(7) {
  top: 83.2%;
  left: 6%;
  width: 43.3%;
  height: 10.5%;
}

.template.faculties.human.syllabus .faculties_clickable span:nth-child(8) {
  top: 83.2%;
  left: 51%;
  width: 43.3%;
  height: 10.5%;
}

/* .template.faculties.human.syllabus .faculties_clickable span:nth-child(8) {
  top: 74%;
  left: 6%;
  width: 88%;
  height: 15%;
} */

.template.faculties.education.syllabus .faculties_clickable span:nth-child(1) {
  top: 49.6%;
  left: 5.6%;
  width: 89%;
  height: 19%;
}

.template.faculties.education.syllabus .faculties_clickable span:nth-child(2) {
  top: 9.5%;
  left: 5.8%;
  width: 28.5%;
  height: 38%;
}

.template.faculties.education.syllabus .faculties_clickable span:nth-child(3) {
  top: 9.5%;
  left: 35.8%;
  width: 28.5%;
  height: 38%;
}

.template.faculties.education.syllabus .faculties_clickable span:nth-child(4) {
  top: 9.5%;
  left: 65.8%;
  width: 28.5%;
  height: 38%;
}

.template.faculties.education.syllabus .faculties_clickable span:nth-child(5) {
  top: 70.6%;
  left: 5.6%;
  width: 89%;
  height: 19%;
}

@media screen and (max-width: 768px) {
  .template.information.sitemap .part_50 + .part_50 {
    margin-top: -23px;
  }
}

.template .credo {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.5;
  border: 1px solid #585F64;
  padding: 5px;
  margin: -15px auto 0;
}

@media screen and (max-width: 768px) {
  .template .credo {
    margin: -5px auto 20px;
  }
}

/* more */
.more_block {
  display: none;
  margin-top: 10px;
}
p.more_btn {
  cursor: pointer;
  color: #50ACD3;
  font-weight: bold;
  position: relative;
  display: inline-block;
  padding: 2px 60px 2px 16px;
  position: relative;
  border: 1px solid #50ACD3;
  border-radius: 6px;
  margin: 20px 0 50px;
}
.more_btn.on::after {
  display: none;
}
.more_btn::before,
.more_btn::after {
  content: "";
  background-color: #50ACD3;
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  pointer-events: none;
}
.more_btn::before {
  width: 12px;
  height: 2px;
  right: 10px;
}
.more_btn::after {
  width: 2px;
  height: 12px;
  right: 15px;
}
.special_interviews.archives_interviews .more_btn::before,
.special_interviews.archives_interviews .more_btn::after {
  display: none;
}


/*# sourceMappingURL=css/maps/style.css.map */