@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@700&display=swap");

body {
  font-family: "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "noto sans",
    Meiryo, sans-serif;
  -webkit-text-size-adjust: none;
  color: #707070;
}

ul {
  padding: 0;
}

ul li {
  padding: 0;
  list-style: none;
}

img {
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}

a {
  color: #0075c1;
}

a:hover {
  color: #b2cee0;
}

a:visited {
  color: #004c80;
}

.pc-visible {
  display: block;
}

.sp-visible {
  display: none;
}

.font-small {
  font-size: 0.8rem;
}

.font-big {
  font-size: 1.8125rem !important;
}

.font-mega {
  font-size: 3.1875rem !important;
}

.font-bold {
  font-weight: bold;
}

.font-normal {
  font-weight: normal !important;
}

.font-mincho {
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro",
    "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
}

.font-red {
  color: #e5355d;
}

.font-blue {
  color: #0075c1;
}

.font-black {
  color: #222222;
}

.line-height-28 {
  line-height: calc(28 / 16);
}

.midashi-blue {
  color: #0075c1;
  font-size: 1.25rem;
}

.lead-blue {
  color: #0075c1;
  font-size: 1.25rem;
  font-weight: bold;
}

#pagetop {
  width: 3.125rem;
  height: 50px;
  position: fixed;
  right: 0;
  bottom: 0;
  background: #a58028;
  opacity: 0.8;
  z-index: 100;
}

#pagetop a {
  position: relative;
  display: block;
  width: 50px;
  height: 50px;
  text-decoration: none;
}

#pagetop a::before {
  font-family: "Font Awesome 5 Free";
  content: "\f106";
  font-weight: bold;
  font-size: 25px;
  color: #fff;
  position: absolute;
  width: 25px;
  height: 25px;
  top: 0;
  bottom: 10px;
  right: 0;
  left: 0;
  margin: auto;
  text-align: center;
}

.lh-mid {
  line-height: 1.68;
}

@media screen and (max-width: 767px) {
  /* iframe {
    height: 300px;
  } */

  .lead-blue {
    font-size: 1rem;
  }
}

#masthead {
  position: absolute;
  width: 100%;
  background: transparent;
  top: 0;
  margin-top: 40px;
  z-index: 100;
}

.dropdown-toggle::after {
  display: none;
}

.navbar-nav {
  width: 100%;
  text-align: center;
}

.navbar-nav li {
  position: relative;
  margin-right: 30px;
}

.navbar-nav li.foreign-link::after {
  font-family: FontAwesome;
  content: " \f35d";
  font-weight: 100;
  font-size: 0.875rem;
}

.navbar-nav li a {
  color: #222222;
  font-size: 1rem;
  font-weight: bold;
}

.navbar-nav li a:hover {
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
  color: #0075c1;
  text-decoration: none;
}

.navbar {
  padding: 0;
}

.nav-mt {
  margin-top: 40px;
}

.site-branding {
  display: flex;
  justify-content: space-between;
  align-items: start;
}

.contacts {
  position: relative;
  z-index: 100;
}

.contacts a {
  display: block;
  text-align: center;
}

.head_contact {
  color: #fff;
  background: transparent linear-gradient(91deg, #279dd1 0%, #5ef4dc 100%) 0% 0%
    no-repeat padding-box;
  margin-top: 14px;
  padding: 5px 35px;
  border-radius: 17px;
}

.head_contact:hover {
  text-decoration: none;
  color: #fff;
  opacity: 0.8;
}

.head_contact i {
  margin-right: 4px;
}

.head_contact:visited {
  color: #fff;
}

.nav-sub-position {
  position: relative;
}

.navbar-nav li:nth-child(1):hover:after,
.navbar-nav li:nth-child(2):hover:after,
.navbar-nav li:nth-child(3):hover:after,
.navbar-nav li:nth-child(4):hover:after {
  position: absolute;
  content: "";
  width: 10px;
  border-bottom: solid 10px #0075c1b3;
  border-right: solid 6px transparent;
  border-left: solid 6px transparent;
  bottom: -15px;
  left: 0;
  right: 0;
  margin: auto;
  text-align: center;
  z-index: 110;
  transition: all 1s;
  opacity: 1;
}

.sub-menu {
  display: none;
}

.nav-sub {
  line-height: 44px;
}

.nav-sub li {
  margin-right: 20px !important;
  display: inline-block;
}

.nav-sub li:not(:last-child) {
  margin-right: 0.5rem;
}

/*JSで制御*/
.hover.nav-sub-bg {
  display: block;
  transition: all 1s;
  opacity: 1;
}

.hover.nav-sub-bg:hover {
  display: block;
  transition: all 1s;
  opacity: 1;
}

.nav-sub-bg:hover {
  display: block;
  transition: all 1s;
  opacity: 1;
}

.nav-sub-bg {
  display: none;
  position: absolute;
  width: 100%;
  background: #0075c1b3;
  height: 44px;
  top: 15px;
  z-index: 100;
  transition: all 2s;
  opacity: 0;
}

.nav-sub li {
  margin-right: 20px !important;
}

.nav-sub li a {
  color: #fff;
  font-size: 0.875rem;
}

.nav-sub li a:hover {
  text-decoration: none;
  opacity: 0.8;
}

.nav-sub li a:before {
  content: "▶ ";
  color: #fff;
}

.list-inline {
  margin-left: 0;
  margin-bottom: 0;
}

.list-inline a {
  font-size: 0.875rem;
}

#hero-top {
  position: relative;
  width: 100%;
  height: calc(838 / 1243 * 100vw);
}

#hero-top .swiper-slide div {
  position: relative;
  box-sizing: content-box;
  background-size: cover;
  background-position: center top;
  height: calc(838 / 1243 * 100vw);
  width: 100%;
}

.main_bottom {
  background: #8f9fb094;
  position: absolute;
  bottom: 0;
  z-index: 10;
  height: 70px;
  background-image: url("../img/main_bottom.png");
  width: 100%;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: center bottom;
}

.main_msg {
  position: absolute;
  bottom: 0;
  text-align: center;
  color: #fff;
  left: 0;
  right: 0;
  top: 0;
  margin: auto;
  height: 3em;
  line-height: 1.5;
}

.navbar-light .navbar-nav .nav-link:hover {
  color: #b2cee0;
}

@media screen and (max-width: 991px) {
  #masthead {
    margin-top: 0px;
  }

  .site-title img {
    margin-top: 10px;
    max-width: 260px;
    width: 70%;
  }

  .navbar-nav li:nth-child(1):hover:after,
  .navbar-nav li:nth-child(2):hover:after {
    display: none;
  }

  .nav-mt {
    margin-top: 0;
  }

  .main_msg {
    font-size: 0.75rem;
  }
}

@media screen and (max-width: 767px) {
  #hero-top .swiper-slide div {
    width: 100%;
  }
}

/*-----------------------------------
          main(css追記分)
-------------------------------------*/
.front-col .col-md-6:first-child {
  color: #fff;
  padding-left: 39px;
  padding-right: 39px;
  width: 58.098307816277196%;
  max-width: 58.098307816277196%;
  flex: 0 0 58.098307816277196%;
  background: #0075c1;
}

.front-col .col-md-6:last-child {
  width: 41.901692183722804%;
  max-width: 41.901692183722804%;
  flex: 0 0 41.901692183722804%;
  padding-right: 0;
  padding: 33px 3rem 38px 7rem;
}

.topics {
  margin-top: 3rem;
}

.topics h2 {
  font-family: "mundial", sans-serif;
  color: #0075c1;
  font-weight: 100;
  font-style: normal;
  font-size: 48px;
  line-height: 1;
  margin-bottom: 2rem;
}
.topics h2 span {
  font-family: "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "noto sans",
    Meiryo, sans-serif;
  font-weight: 600;
  font-size: 15px;
}

.topics .col-md-4 {
  padding: 0;
}

.topics .col-md-4 a:hover {
  opacity: 0.8;
  text-decoration: none;
}

.topics .col-md-4 .card {
  border: 1.5px solid #fff;
  border-radius: 0;
}

.topics .col-md-4 .card figure {
  position: relative;
}

.topics .col-md-4 .card figure figcaption {
  position: absolute;
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  bottom: 0;
  width: 100%;
  text-align: center;
  background: #004a9385;
  padding: 9px 0;
  color: #fff;
  font-size: 15px;
}

.topics .col-md-4 .card .card-body {
  text-align: center;
  padding: 0;
}

.topics .col-md-4 .card .card-body h3 {
  font-size: 25px;
  font-weight: bold;
  color: #0075c1;
  margin-bottom: 1rem;
}

.topics .col-md-4 .card .card-body p {
  font-size: 13px;
}

.media-banner {
  margin-top: 8rem;
}

.media-banner h2 {
  font-family: "mundial", sans-serif;
  color: #0075c1;
  font-weight: 100;
  font-style: normal;
  font-size: 48px;
  line-height: 1;
  margin-bottom: 0.5rem;
}

.media-banner h2 span {
  font-family: "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "noto sans",
    Meiryo, sans-serif;
  font-weight: 600;
  font-size: 15px;
}

.media-banner a {
  margin-bottom: 0;
  color: #707070;
}

.media-banner a:hover {
  text-decoration: none;
  opacity: 0.8;
}

.media-banner a figure {
  margin-bottom: 0;
}

.media-banner .row {
  align-items: stretch;
}

.media-banner .row .col-md-4.hidden {
  display: none;
}

.media-banner .card-media img {
  object-fit: cover;
  height: 165px;
}

.media-banner .card-media .card-body {
  padding: 0.5rem 0;
}

.media-banner .card-media .card-body h3 {
  font-size: 15px;
  font-weight: bold;
  color: #0075c1;
  margin-bottom: 0.5rem;
}

.media-banner .card-media .card-body h3::after {
  font-family: FontAwesome;
  content: " \f35d";
  font-weight: 100;
  font-size: 0.875rem;
}

.media-banner .card-media .card-body p {
  font-size: 13px;
}

.button-gray {
  position: relative;
  display: inline-block;
  font-size: 15px;
  font-weight: bold;
  max-width: 336px;
  width: 100%;
  color: #999999;
  letter-spacing: 0.1em;
  padding: 0.5rem 1rem;
  border: 1px solid #999999;
  border-radius: 24px;
  cursor: pointer;
}

.button-gray::after {
  content: "+";
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 23px;
}

.sponcer-banner {
  margin-top: 8rem;
  margin-bottom: 6rem;
}

.sponcer-banner h2 {
  font-family: "mundial", sans-serif;
  color: #0075c1;
  font-weight: 100;
  font-style: normal;
  font-size: 48px;
  line-height: 1;
  margin-bottom: 1rem;
}

.sponcer-banner h2 span {
  font-family: "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "noto sans",
    Meiryo, sans-serif;
  font-weight: 600;
  font-size: 15px;
}

#content {
  margin-top: 230px;
}

.home #content {
  margin-top: 0;
}

.archive #content {
  margin-top: 195px;
}

@media screen and (max-width: 1200px) {
  .media-banner .card-media img {
    height: 100px;
  }
}

@media screen and (max-width: 767px) {
  .front-col .col-md-6:first-child {
    width: 100%;
    max-width: 100%;
    flex: 0 0 100%;
    padding-left: 15px;
    padding-right: 15px;
  }

  .front-col .col-md-6:last-child {
    width: 100%;
    max-width: 100%;
    flex: 0 0 100%;
    padding-left: 15px;
    padding-right: 15px;
  }
  #content {
    margin-top: 75px;
  }

  .media-banner .card-media img {
    object-fit: cover;
    height: 220px;
  }
}

/*----------- 左側「新着情報」「社長・社員ブログ」-----------*/
/* 記事リンク部分の色 */
.link-text a:link {
  color: #707070;
  text-decoration-line: none;
}

.link-text a:visited {
  color: #004c80;
}

.link-text a:hover {
  color: #b2cee0;
}

.card-body .sub {
  color: #fff;
  font-size: 1rem;
  margin-top: 33px;
}

/*-------------　「新着情報」 -------------------*/
.blogs {
  /* border: solid 1px #ffffff; */
}

.blogs .card-body {
  position: relative;
  padding: 33px 3rem 38px 7rem;
}

/* h2タイトル部分 */
.blogs .card-body h2 {
  position: absolute;
  font-family: "mundial", sans-serif;
  font-weight: 100;
  font-style: normal;
  font-size: 48px;
  height: 100%;
  left: 0;
  margin: 0;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
}
.blogs .card-body h2::after {
  content: "";
  display: inline-block;
  /* width: 100%; */
  height: 100%;
  border-left: solid 1px #fff;
  position: absolute;
  left: 17px;
  text-align: center;
  margin-top: 10px;
}
/* 「新着情報」の文字サイズ*/
span.sub {
  display: block;
  color: #fff;
}

.blogs .card-body a {
  color: #ffffff;
}

.articles {
  margin-bottom: 1.8rem;
}

.articles p {
  margin-bottom: 0;
}

@media screen and (max-width: 767px) {
  .blogs .card-body {
    padding: 33px 1rem 38px 7rem;
  }
}

/*------------　社長・社員ブログ -------------*/
.card-2 {
  border: solid 1px #8ccaf2;
  background-color: #f0f6fa;
}

.card-2 h2 {
  border-bottom: none;
}

/* 社長・社員ブログ 帯部分 */
.pattern {
  margin: 7px 17px;
  background-color: transparent;
}
.pattern_inner {
  position: relative;
  height: 8px;
  background-image: url("../img/blog_obi.svg");
  background-size: contain;
  top: 3.5px;
}

/*-------------------------------
            Right Side
-------------------------------*/
/* バナー全体 */
.sidebox {
  margin-left: 0px;
}

.side-banner {
  /*margin-top: 50px;*/
}

.side-banner:first-child .bannertitle {
  margin-top: 0;
}

/* バナー上の青文字タイトル*/
.bannertitle {
  color: #0075c1;
  font-size: 1.25rem;
  font-weight: bold;
  margin-bottom: 0.5rem;
  margin-top: 25px;
}

.banner-caption {
  font-size: 0.8125rem;
  margin-top: 0.3rem;
  color: #0075c1;
  margin-bottom: 1.5rem;
}

.side-banner .search-form {
  display: flex;
  justify-content: space-between;
  max-width: 330px;
}

.side-banner .search-form label {
  margin-bottom: 0;
  width: 100%;
}

.side-banner .search-field {
  width: 105%;
  max-width: 330px;
  height: 35px;
  border: 1px solid #0075c1;
  border-radius: 18px 0px 0px 18px;
  padding-left: 1rem;
}

.side-banner .search-form .search-submit {
  background: #0075c1 0% 0% no-repeat padding-box !important;
  border-radius: 17px !important;
  color: #fff !important;
  border: solid 1px #0075c1 !important;
  box-shadow: none;
  z-index: 10;
}

.sidebox hr {
  border-top: solid 1px;
  border-color: #0075c1;
}

.side-twitter {
  margin-top: 1.5rem;
}

/*------------ フッター ------------*/
.site-footer {
  background-color: #0075c1;
}

.site-footer ul {
  margin: 0;
}

.pt-3,
.py-3 {
  padding-top: 1rem !important;
  padding-bottom: 0rem;
}

/* SNSアイコン */
.social {
  text-align: right;
}

.social a {
  color: #fff;
  font-size: 1.6875rem;
  padding-left: 0.5rem;
}

.social a img {
  line-height: 1;
  vertical-align: bottom;
}
.social a i {
  line-height: 1;
  vertical-align: bottom;
}

.first {
  width: 15.8%;
}

.second {
  width: 15.8%;
}

.third {
  width: 15.8%;
}

.fourth {
  width: 15.8%;
}

.fifth {
  width: 15.8%;
}

.sixth {
  color: #fff;
  width: 21%;
}

.sixth p {
  font-size: 0.75rem;
  line-height: 2.2;
  margin-bottom: 0;
}

.footermenulist {
  margin-top: 1.8rem !important;
}

footer {
  background: #f7f7f7;
}

footer ul li {
  line-height: 1.4;
}

footer ul li a {
  color: #fff;
  font-size: 11px;
}

footer ul li a:visited {
  color: #fff;
}

footer ul li a:hover {
  color: #b2cee0;
  text-decoration-line: none;
}

footer p {
  font-size: 1.1rem;
}

footer .list-inline-item {
  border-right: solid 1px;
  padding: 0 1rem;
  margin: 0 !important;
  line-height: 1;
}

footer .list-inline-item:first-child {
  border-left: solid 1px;
}

footer .site-info p {
  /*white-space: nowrap;*/
  color: #fff;
  font-size: 11px;
  text-align: right;
  margin-top: 8.6rem;
}

.footer-fixed-menu {
  display: none;
  position: fixed;
  bottom: 0;
}

@media screen and (max-width: 991px) {
  footer .site-info p {
    white-space: normal;
    text-align: center;
  }

  .site-footer ul {
    margin-top: 1.8rem;
  }

  .sixth {
    margin-top: 1.8rem;
  }
}

@media screen and (max-width: 767px) {
  .first,
  .second,
  .third,
  .fourth,
  .fifth {
    display: none;
  }

  .sixth {
    width: 100%;
    margin-top: 0;
  }

  .sixth p {
    display: inline-block;
    margin-right: 5px;
  }

  .sixth .no-gutters p:nth-child(4),
  .sixth .no-gutters p:nth-child(5) {
    display: block;
    margin-right: 5px;
  }

  .social {
    text-align: center;
  }

  footer .site-info p {
    white-space: normal;
    text-align: center;
    margin-top: 1rem;
    margin-bottom: 69px;
  }

  .footer-fixed-menu {
    display: block;
    width: 100%;
    background: linear-gradient(
      180deg,
      rgba(87, 87, 87, 1) 0%,
      rgba(56, 56, 56, 1) 100%
    );
    height: 58px;
  }

  .footer-fixed-menu .d-flex {
    height: 100%;
    align-items: center;
  }

  .footer-fixed-menu p {
    color: #fff;
    margin-bottom: 2px;
    font-size: 11px;
  }

  .footer-fixed-menu a:hover {
    text-decoration: none;
  }

  .footer-fixed-menu .col_1_3 {
    width: 33.333%;
    height: 100%;
    border-right: solid 3px;
    padding-top: 6px;
    /* background: linear-gradient(180deg, rgba(160, 160, 160, 1) 0%, rgba(114, 114, 114, 1) 100%); */
  }

  .footer-fixed-menu .col_1_3 .text-center {
    height: 100%;
  }
}

/********************
     PC 調整
***********************/
@media screen and (max-width: 1150px) {
  #features .white-box-right {
    right: 0;
  }

  #features .white-box-left {
    left: 0;
  }
}

/***********************
     SP screen
***********************/
@media screen and (max-width: 991px) {
  .pc-visible {
    display: none !important;
  }

  .sp-visible {
    display: block;
  }

  #pagetop {
    right: 10px;
  }

  #masthead .position-absolute {
    position: relative !important;
  }

  #masthead .text-center {
    text-align: left !important;
  }

  #masthead .navbar {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
  }

  #masthead .navbar-brand {
    font-size: 2.2rem;
  }

  #masthead .navbar-toggler {
    position: absolute;
    right: 10px;
    top: 10px;
    z-index: 20000;
    cursor: pointer;
    display: block;
    width: 50px;
    height: 45px;
  }

  #masthead .navbar-toggler > span {
    position: absolute;
    left: 0;
    right: 0;
    width: 25px;
    height: 2px;
    margin: 0 auto;
    background: #000;
    border-radius: 2px;
  }

  #masthead .navbar-toggler > span:nth-child(1) {
    top: 15px;
  }

  #masthead .navbar-toggler > span:nth-child(2) {
    top: 21px;
  }

  #masthead .navbar-toggler > span:nth-child(3) {
    top: 27px;
  }

  #masthead .navbar-toggler.on > span:nth-child(1) {
    top: 21px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }

  #masthead .navbar-toggler.on > span:nth-child(2) {
    opacity: 0;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
  }

  #masthead .navbar-toggler.on > span:nth-child(3) {
    top: 21px;
    -webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg);
  }

  #masthead .navbar-nav {
    background-color: #fff;
  }

  #masthead .navbar-nav li {
    background: #ebebeb;
    width: 100%;
    border: none !important;
    padding: 0.8rem 0;
  }

  #masthead .navbar-nav li:first-child {
    border: none !important;
  }

  #masthead .navbar-collapse {
    position: absolute;
    width: 100%;
    top: 70px;
    z-index: 100;
  }

  #masthead.pb-3 {
    padding-bottom: 0 !important;
  }

  footer .col-md-4 {
    margin-top: 3rem;
  }

  h2 {
    font-size: 2rem;
  }

  h2 span {
    font-size: 0.8rem;
  }

  h2:before,
  h2:after {
    max-width: 100px;
    width: 5%;
    height: 1px;
    margin: 0 1rem;
  }
}

/*-----------------------------------
          固定ページ
-------------------------------------*/
#hero {
  position: relative;
  box-sizing: content-box;
  background-size: cover;
  background-position: center top;
  background-repeat: no-repeat;
  padding-top: 32%;
  width: 100%;
}

.page-obi {
  background: #0059c194;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  z-index: 10;
  height: 40px;
  background-image: url("../img/main_obi.png");
  width: 100%;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: center bottom;
}

.breadcrumbs {
  font-size: 0.8125rem;
}

.page-title-1 {
  font-family: "Mundial", sans-serif;
  text-align: center;
  margin-bottom: 0;
  line-height: 32px;
  font-size: 35px;
  color: #fff;
}
.page-title-1 span {
  font-family: "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "noto sans",
    Meiryo, sans-serif;
  font-size: 1.125rem;
}

.page-link {
  background-color: #0075c1;
  color: #fff;
  font-size: 1.25rem;
  font-weight: bold;
  line-height: 1.6;
  border-radius: 4px;
  border: none;
}

.page-link:visited {
  color: #fff;
}

.page-link:hover {
  opacity: 0.8;
  color: #0075c1;
}

.page-link .fa.fa-chevron-circle-down {
  position: absolute;
  right: 14px;
  font-size: 29px;
  top: auto;
  bottom: auto;
  margin: auto;
}

.message {
  font-size: 1rem;
  font-weight: bold;
  line-height: 1.4;
  color: #707070;
  margin-bottom: 0;
}

.moviebox img {
  max-width: 100%;
  min-width: 50%;
}

@media screen and (max-width: 991px) {
  .page-title-1 {
    font-size: 1.625rem;
  }

  .page-title-1 span {
    font-size: 1rem;
  }

  .page-obi {
    /*height: 1.6rem;*/
  }
}

@media screen and (max-width: 767px) {
  #hero {
    padding-top: 60%;
  }

  #hero.toppage {
    padding-top: 55%;
  }

  .main_bottom {
    height: 45px;
  }

  #hero.advantage {
    padding-top: 60%;
  }

  .page-obi {
    height: 2rem;
  }

  .page-title-1 {
    line-height: 33px;
  }
}

/*-------------  会社情報---------------*/
.company h1 {
  font-family: "Mundial", sans-serif;
  font-size: 3.125rem;
  color: #0075c1;
  font-weight: normal;
}

.company h1 .small {
  font-size: 1.25rem;
  font-family: "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "noto sans",
    Meiryo, sans-serif;
}

.company .title {
  font-size: 1.125rem;
  font-weight: bold;
  color: #707070;
  margin-bottom: 5px;
}

@media screen and (max-width: 991px) {
  .company h1 {
    font-size: 2rem;
    text-align: center;
  }
}

/*-------------  事業紹介---------------*/
.business h1 {
  font-family: "Mundial", sans-serif;
  font-size: 3.125rem;
  color: #0075c1;
  font-weight: normal;
}

.business h1 .small {
  font-size: 1.25rem;
  font-family: "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "noto sans",
    Meiryo, sans-serif;
}

.business .title {
  font-size: 1.125rem;
  font-weight: bold;
  color: #707070;
  margin-bottom: 5px;
}

@media screen and (max-width: 991px) {
  .business h1 {
    font-size: 2rem;
    text-align: center;
  }
}

/*-------------  歴史---------------*/
.history h1 {
  font-family: "Mundial", sans-serif;
  font-size: 3.125rem;
  color: #0075c1;
  font-weight: normal;
}

.history h1 .small {
  font-size: 1.25rem;
  font-family: "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "noto sans",
    Meiryo, sans-serif;
}

.history .moviebox-history {
  position: relative;
  padding-bottom: 56.25%; /*アスペクト比 16:9の場合の縦幅*/
  height: 0;
  overflow: hidden;
}

.moviebox-history iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.history .stuyomi-title1 {
  color: #0075c1;
  font-size: 2.625rem;
  font-weight: bold;
  background-image: url(../img/group959-min.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.history .stuyomi-title2 {
  color: #0075c1;
  font-size: 2.625rem;
  font-weight: bold;
  background-image: url(../img/group958-min.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.history .stuyomi-title3 {
  color: #0075c1;
  font-size: 2.625rem;
  font-weight: bold;
  background-image: url(../img/group957-min.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.history .table th {
  background-color: #b2cee0;
  font-size: 1rem;
  color: #0075c1;
  border: solid 1px #707070;
  vertical-align: middle;
  width: 20%;
}

.history .table td {
  border: solid 1px #707070;
  font-size: 1rem;
  color: #707070;
  vertical-align: middle;
}

@media screen and (max-width: 991px) {
  .history h1 {
    font-size: 2rem;
    text-align: center;
  }
}

@media screen and (max-width: 767px) {
  .history .table th {
    width: 25%;
    font-size: 0.6rem;
    padding: 0.5rem;
  }

  .history .table td {
    font-size: 0.8rem;
  }
}

/*-------------- 社員インタビュー　--------------*/
h2.copy {
  font-size: 1.5rem !important;
  border: none !important;
  font-weight: bold;
}

.our-style h2 {
  font-family: "Mundial", sans-serif;
  font-size: 3.125rem;
  font-weight: normal;
  color: #0075c1;
  border-bottom: solid 2px #0075c1;
  padding-bottom: 10px;
}

.our-style h2 .small {
  font-size: 1.25rem;
  font-family: "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "noto sans",
    Meiryo, sans-serif;
}

.hukidashi {
  position: relative;
  background-color: #e1eef7;
  font-size: 1.25rem;
  line-height: 2rem;
  color: #0075c1;
  border-radius: 16px;
  margin-bottom: 0;
}

.hukidashi::before {
  position: absolute;
  display: block;
  content: "";
  width: 0;
  height: 0;
  right: -25px;
  top: 85px;
  border-top: 25px solid #e1eef7;
  border-right: 33px solid transparent;
}

.ceopic img {
  max-width: 100%;
}

p.list {
  color: #0075c1;
  font-size: 1rem;
  font-weight: bold;
  margin-bottom: 0.8rem !important;
}

.intarview-capture {
  font-size: 1.3125rem;
  color: #707070;
  font-weight: bold;
}

.ao {
  color: #0075c1;
  font-weight: bold;
}

.words {
  color: #00d171;
  font-size: 1.5rem;
  font-weight: bold;
  margin-bottom: 0;
}

.interview {
  padding-top: 3rem;
  padding-bottom: 3rem;
  border-bottom: solid 1px #707070;
}

.interview div:first-child {
  width: 36%;
  margin-right: 3%;
}

.interview div:last-child {
  width: 61%;
}

@media screen and (max-width: 1190px) {
  .hukidashi {
    font-size: 1.125rem;
    margin-bottom: 0;
  }
  .hukidashi::before {
    top: 100px;
  }
}

@media screen and (max-width: 991px) {
  .our-style h2 {
    font-size: 2rem;
    text-align: center;
  }
}

@media screen and (max-width: 767px) {
  h2.copy {
    font-size: 1.1rem !important;
  }

  .hukidashi::before {
    top: initial;
    border-top: 50px solid #e1eef7;
    border-right: 30px solid transparent;
    bottom: -49px;
    left: 140px;
    margin: auto;
    z-index: 100;
  }

  .ceopic img {
    margin: 0 auto;
  }

  .shachoumsg {
    margin-top: 3rem;
  }

  .interview {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }

  .interview div:first-child {
    width: 100%;
    margin-right: 0;
  }

  .interview div:first-child img.stuff {
    display: block;
    max-width: 250px;
    margin-top: 1rem;
    margin-left: auto;
    margin-right: auto;
  }

  .interview div:last-child {
    width: 100%;
    margin-top: 2rem;
  }
}

.interview-article {
  color: #707070;
  line-height: 1.7em;
}

.interview-2 {
  margin-top: 4rem;
}

.interview-2 h3 {
  font-size: 1.25rem;
  color: #0075c1;
  font-weight: bold;
}

.interview-2 img {
  width: 165px;
  /*height: 195px;*/
  height: auto;
  background: #ccc;
}

.interview-2 .interview-2-child {
  width: 47%;
}

.container2 {
  background-color: #ccc;
}

.interview-article2 {
  margin-top: 2rem;
}

.interview-article2 p {
  margin-bottom: 0.1rem;
}

p.name {
  font-weight: bold;
  color: #707070;
}

.moviebox {
  position: relative;
  display: block;
  width: 100%;
  padding: 0;
  overflow: hidden;
}
.moviebox:before {
  padding-top: 56.25%;
  display: block;
  content: "";
}
.moviebox iframe {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

@media screen and (max-width: 767px) {
  .interview-2 .interview-2-child {
    width: 100%;
  }

  .interview3-box .d-flex {
    justify-content: center;
  }
}

/*--------------　グラデーションボタン　-------------*/
.button-blue {
  display: inline-block;
  font-size: 1.25rem;
  font-weight: bold;
  border-radius: 25px;
  text-decoration: none;
  color: #fff;
  letter-spacing: 0.1em;
  background: linear-gradient(#0075c1, #5cbfff);
  transition: 0.4s;
  width: 100%;
  text-align: center;
  padding: 1rem 0;
}

.button-blue:hover {
  background: linear-gradient(#0075c1, #5cbfff);
  text-decoration-line: none;
  color: #b2cee0;
}

a.button-blue:visited {
  color: #fff;
}

.button-blue-2 {
  display: inline-block;
  font-size: 1.8125rem;
  font-weight: bold;
  border-radius: 30px;
  text-decoration: none;
  color: #fff;
  letter-spacing: 0.1em;
  background: linear-gradient(#0075c1, #5cbfff);
  transition: 0.4s;
  width: 100%;
  text-align: center;
  padding: 1rem 0;
}

.button-blue-2:hover {
  background: linear-gradient(#0075c1, #5cbfff);
  text-decoration-line: none;
  color: #b2cee0;
}

a.button-blue-2:visited {
  color: #fff;
}

@media screen and (max-width: 767px) {
  .button-blue {
    font-size: 1rem;
  }

  .button-blue-2 {
    font-size: 1.5rem;
  }
}

/*-------------  若者と価値観について討論---------------*/
#discussion {
  background: #0075c1;
}

#discussion h2 {
  font-family: "Mundial", sans-serif;
  font-size: 3.125rem;
  color: #fff;
  font-weight: normal;
  border-bottom: solid 2px #fff;
  margin-bottom: 3.5rem;
}

#discussion h2 .small {
  font-size: 1.25rem;
  font-family: "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "noto sans",
    Meiryo, sans-serif;
}

#discussion h3 {
  font-family: "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "noto sans",
    Meiryo, sans-serif;
  color: #fff;
  font-size: 1.75rem;
  margin-bottom: 3.5rem;
}

#discussion h3::before {
  content: "▶ ";
}

#discussion p {
  color: #fff;
  font-size: 1rem;
  margin: 0;
}

#discussion .title {
  font-size: 1.125rem;
  font-weight: bold;
  color: #fff;
  margin-bottom: 5px;
}

#discussion .iframe-box {
  max-width: 570px;
  width: 100%;
  height: calc(570 / 1243 * 100vw);
}

@media screen and (max-width: 991px) {
  #discussion h2 {
    font-size: 2rem;
    text-align: center;
    margin-bottom: 1rem;
  }

  #discussion h3 {
    font-size: 1.25rem;
    margin-bottom: 1rem;
  }
}

/*-------------  ドライバーの1日　---------------*/
.schedule {
  background: #f0f6fa;
  padding-bottom: 10rem;
}

.schedule h3 {
  color: #0075c1;
  font-size: 1.25rem;
  font-weight: bold;
  margin-top: 1.5rem;
}

.moviebox {
  /* margin-bottom: 7rem; */
}

.timeline {
  padding: 1.5rem 0;
  border-top: solid 1px #707070;
}

.time-outer .timeline:last-child {
  border-bottom: solid 1px #707070;
}

.time-outer p {
  margin-bottom: 0;
}

/*-------------  Recruit---------------*/
.recruit h2 {
  font-size: 2.75rem;
  color: #0075c1;
  font-weight: bold;
  margin-top: 3rem;
}

p.sub {
  font-size: 1.5rem;
  color: #0075c1;
  font-weight: bold;
  margin-top: 1.5rem;
}

hr.bar1 {
  width: 1173px;
  border-width: 2px 0px 0px 0px;
  border-style: solid;
  border-color: #0075c1;
  height: 2px;
  max-width: 103%;
  min-width: 50%;
}

hr.bar2 {
  width: 1170px;
  border-width: 2px 0px 0px 0px;
  border-style: solid;
  border-color: #c9c9c9;
  height: 2px;
  max-width: 100%;
  min-width: 50%;
}

.recruit td {
  font-size: 0.875rem;
}

.recruit th {
  padding-right: 0px !important;
}

.rounded-circle {
  width: 303px;
  height: 303px;
  background-color: #0075c1;
}

.recruit .number {
  font-family: "Mundial", sans-serif;
  font-size: 5.0625rem;
  font-weight: normal;
}

p.text {
  font-family: "ヒラギノ角ゴ Pro", "游ゴシック", sans-serif;
  font-size: 2rem;
  color: #fff200;
  line-height: 1.4em;
  padding: 56px 0;
  font-weight: bold;
  margin-bottom: 0;
}

@media screen and (max-width: 1190px) {
  .rounded-circle {
    width: 300px;
    height: 300px;
    background-color: #0075c1;
  }

  p.text {
    font-family: "ヒラギノ角ゴ Pro", "游ゴシック", sans-serif;
    font-size: 2rem;
    color: #fff200;
    line-height: 1.4em;
    padding: 50px 0;
    font-weight: bold;
    margin-bottom: 0;
  }
}

@media screen and (max-width: 991px) {
  .rounded-circle {
    width: 220px;
    height: 220px;
    background-color: #0075c1;
  }

  .recruit .number {
    font-size: 3.75rem;
  }

  p.text {
    font-family: "ヒラギノ角ゴ Pro", "游ゴシック", sans-serif;
    font-size: 1.5rem;
    color: #fff200;
    line-height: 1.4em;
    padding: 36px 0;
    font-weight: bold;
    margin-bottom: 0;
  }
}

p.lead {
  font-size: 1.25rem;
  color: #707070;
  font-weight: bold;
  line-height: 1.7em;
}

.border-list {
  margin-top: 1.5rem;
  color: #0075c1;
  font-size: 1.25rem;
  border: solid 2px #0075c1;
  border-radius: 16px;
  padding: 1rem 1.5rem;
  font-weight: bold;
}

.border-list p {
  margin-bottom: 0;
}

.border-list ul {
  margin-left: 0;
  margin-bottom: 0;
}

.annai-text {
  background: #f0f6fa;
  margin-top: 1.5rem;
}

.annai-text h3 {
  color: #0075c1;
  font-size: 1.5rem;
  font-weight: bold;
  margin-bottom: 1.4rem;
}

.annai-text p {
  margin-top: 1.4rem;
}

.contact_btn {
  font-size: 1.25rem;
  border-radius: 25px;
  text-decoration: none;
  color: #fff;
  background: linear-gradient(#0075c1, #5cbfff);
  padding: 2px 20px;
  font-weight: bold;
}

.contact_btn:hover {
  text-decoration: none;
}

a.contact_btn:visited {
  color: #fff;
}

.bosyu {
  margin-top: 5rem;
}

.bosyu h3 {
  font-size: 1.25rem;
  font-weight: bold;
  color: #0075c1;
  padding-bottom: 0.5rem;
  border-bottom: solid 1px #0075c1;
}

.bosyu tr {
  border-bottom: solid 1px #707070;
  vertical-align: top;
}

.bosyu th {
  width: 20%;
  color: #0075c1;
  font-size: 0.8rem;
  padding: 1rem 0;
}

.bosyu td {
  padding: 1rem 0;
}

.bosyu p {
  margin-bottom: 0;
}

.annai-text table {
  margin-bottom: 0;
}

.annai-text tr {
  border-bottom: solid 1px #707070;
  vertical-align: top;
}

.annai-text tr:last-child {
  border-bottom: none;
}

.annai-text th {
  padding: 0;
  width: 14%;
  color: #0075c1;
  font-size: 0.875rem;
  padding: 1rem 0;
  line-height: 1.8;
}

.annai-text td {
  padding: 1rem 0;
  line-height: 1.8;
}

.annai-text p {
  margin-bottom: 0;
}

@media screen and (max-width: 767px) {
  .recruit h2 {
    font-size: 1.5rem;
  }

  p.sub {
    font-size: 1.2rem;
  }

  p.lead {
    font-size: 1rem;
  }

  .border-list {
    font-size: 1.125rem;
  }

  .bosyu td {
    padding-left: 5%;
  }

  .annai-text td {
    padding-left: 5%;
  }

  .rounded-circle {
    width: 105px;
    height: 105px;
  }

  p.text {
    font-size: 0.7rem;
    padding: 21px 0;
  }

  .recruit .number {
    font-size: 1.5rem;
  }

  .recruit .contact_btn {
    display: inline-block;
    margin-top: 1rem;
  }
}

/*-------------  アスリート採用--------------*/
#hero.athlete {
  padding-top: 65%;
}

.onayami-3box {
  text-align: center;
}

.hukidashi-2 {
  position: relative;
  background-color: #d2e9f7;
  border-radius: 8.5px;
  color: #0075c1;
  font-weight: bold;
  font-size: 1.3125rem;
  padding: 38px 0;
  margin: 1rem;
}

.hukidashi-2::after {
  content: "";
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-top: 23px solid #d2e9f7;
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  bottom: -21px;
  right: 0;
  left: 0;
  margin: auto;
}

.onayami-3box .answer {
  font-size: 2.8125rem;
  font-weight: bold;
  color: #0075c1;
}

.point-yellow {
  font-size: 1.875rem;
  color: #ffec00;
  background-color: #0064b6;
  display: inline-block;
  font-weight: bold;
  padding: 1px 12px;
  margin-bottom: 0;
  margin-top: 0 !important;
}

.solution h3 {
  background-color: #ffec00;
  color: #0064b6;
  font-size: 2.5rem;
  font-weight: bold;
  padding: 3px 20px;
}

.solution h3 span {
  font-size: 1.25rem;
}

.solution-blcok {
  margin-top: 3rem;
}

.solution-blcok p {
  margin-top: 1rem;
}

.example h2 {
  font-size: 1.75rem;
  font-weight: bold;
  text-align: center;
  color: #ffffff;
  background: #0075c1;
  padding: 12px 0px;
  margin-top: 0;
}

.example h3 {
  font-size: 1.25rem;
  color: #0064b6;
  font-weight: bold;
  border-bottom: solid 2px #0064b6;
  padding-bottom: 1rem;
  margin-bottom: 0;
}

.time-outer .timeline:first-child {
  border-top: 0;
}

p.list-2 {
  color: #0075c1;
  font-size: 1.25rem;
  font-weight: bold;
  margin-bottom: 0.4rem !important;
}

.recruit-athlete .bosyu h3 {
  font-size: 1.25rem;
  font-weight: bold;
  color: #fff;
  text-align: center;
  background-color: #0075c1;
  border: none;
  padding: 12px 0 10px;
}

.offer {
  margin-top: 1.5rem;
  margin-bottom: 5rem;
}

.offer p {
  text-align: center;
  font-size: 2.125rem;
  font-weight: bold;
  color: #0075c1;
}

.movie h2 {
  font-size: 2.625rem;
  color: #1d75c1;
}

.movie h2 span {
  font-size: 1.5rem;
  color: #1d75c1;
}

@media screen and (max-width: 767px) {
  #hero.athlete {
    padding-top: 60%;
  }

  .hukidashi-2 {
    font-size: 0.75rem;
    padding: 10px 3px;
    height: 100px;
    margin: 0 5px;
  }

  .solution h3 {
    font-size: 1.1rem;
  }

  .solution h3 span {
    font-size: 1rem;
    display: inline-block;
    margin-top: 5px;
  }

  .example h2 {
    font-size: 1rem;
  }

  .offer p {
    font-size: 1.2rem;
  }

  .onayami-3box h2 {
    font-size: 1.4rem;
  }

  .onayami-3box .answer {
    font-size: 1.9rem;
  }

  .recruit-athlete .bosyu h3 {
    font-size: 1rem;
  }

  .point-yellow {
    font-size: 0.8em;
    padding: 4px 12px 2px;
  }

  .movie h2 {
    font-size: 1.5rem;
  }

  .movie h2 span {
    font-size: 1.25rem;
  }
}

/*-------------  アスリート採用 メンバー紹介--------------*/
#hero.athlete-member {
  padding-top: 35%;
}

.page-template-temp-athlete-member #content {
  background-image: url(../img/ath_haikei.png);
  background-size: contain;
  background-repeat: repeat-y;
  background-position: bottom;
}

h2.pict {
  position: relative;
  color: #1d75c1;
  font-weight: bold;
  border-bottom: solid;
  padding-bottom: 1rem;
  display: flex;
  align-items: end;
}

h2.pict span.abs {
  position: absolute;
  font-weight: normal;
  top: 0;
  left: 72px;
  font-size: 0.75rem;
  color: #9d9d9d;
}

h2.pict:before {
  margin: 0 13px 0 0;
  content: " ";
  display: inline-block;
  width: 59px;
  height: 59px;
  background-image: url(../img/ath_track.png);
  background-size: contain;
  background-repeat: no-repeat;
  vertical-align: middle;
}

h2.pict .bottom {
  position: absolute;
  font-size: 2rem;
  line-height: 1;
  bottom: 15px;
  left: 72px;
}

h2.pict-trainer {
  position: relative;
  color: #1d75c1;
  font-weight: bold;
  border-bottom: solid;
  padding-bottom: 1rem;
  display: flex;
  align-items: end;
}

h2.pict-trainer span.abs {
  position: absolute;
  font-weight: normal;
  top: 0;
  left: 72px;
  font-size: 0.75rem;
  color: #9d9d9d;
}

h2.pict-trainer:before {
  margin: 0 13px 0 0;
  content: " ";
  display: inline-block;
  width: 59px;
  height: 59px;
  background-image: url(../img/pict_trainer.png);
  background-size: contain;
  background-repeat: no-repeat;
  vertical-align: middle;
}

h2.pict-trainer .bottom {
  position: absolute;
  font-size: 2rem;
  line-height: 1;
  bottom: 15px;
  left: 72px;
}

h2.pict-boxing {
  position: relative;
  color: #1d75c1;
  font-weight: bold;
  border-bottom: solid;
  padding-bottom: 1rem;
  display: flex;
  align-items: end;
}

h2.pict-boxing span.abs {
  position: absolute;
  font-weight: normal;
  top: 0;
  left: 72px;
  font-size: 0.75rem;
  color: #9d9d9d;
}

h2.pict-boxing:before {
  margin: 0 13px 0 0;
  content: " ";
  display: inline-block;
  width: 59px;
  height: 59px;
  background-image: url(../img/pict_boxing.png);
  background-size: contain;
  background-repeat: no-repeat;
  vertical-align: middle;
}

h2.pict-boxing .bottom {
  position: absolute;
  font-size: 2rem;
  line-height: 1;
  bottom: 15px;
  left: 72px;
}

h2.pict-bmx {
  position: relative;
  color: #1d75c1;
  font-weight: bold;
  border-bottom: solid;
  padding-bottom: 1rem;
  display: flex;
  align-items: end;
}

h2.pict-bmx span.abs {
  position: absolute;
  font-weight: normal;
  top: 0;
  left: 72px;
  font-size: 0.75rem;
  color: #9d9d9d;
}

h2.pict-bmx:before {
  margin: 0 13px 0 0;
  content: " ";
  display: inline-block;
  width: 59px;
  height: 59px;
  background-image: url(../img/pict_bmx.png);
  background-size: contain;
  background-repeat: no-repeat;
  vertical-align: middle;
}

h2.pict-bmx .bottom {
  position: absolute;
  font-size: 2rem;
  line-height: 1;
  bottom: 15px;
  left: 72px;
}

.members h4 {
  color: #393939;
  font-weight: bold;
  margin-top: 1rem;
}

p.new-member {
  position: absolute;
  display: inline-block;
  width: 61px;
  height: 24px;
  text-align: center;
  background: #ff0000;
  color: #fff;
  line-height: 25px;
  top: 0;
  left: 0;
}

.sns {
  display: flex;
  align-items: center;
}

.sns a {
  line-height: 1;
  margin-right: 0.75rem;
}

i.fab.fa-twitter.fa-lg {
  color: #55acee;
}

i.fab.fa-instagram.fa-lg {
  color: #cf2e92;
}

ul.jisseki {
  margin-left: 0;
  font-size: 85%;
}

.jisseki li {
  position: relative;
  list-style-type: none;
  line-height: 1.8;
  padding-left: 0.75rem;
}

.jisseki li:before {
  border-radius: 50%;
  width: 8px;
  height: 8px;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  content: "";
  background: #1d75c1;
  margin: auto;
}

@media screen and (max-width: 767px) {
  h2 {
    font-size: 1.5rem;
  }
}

/*-------------  社長メッセージ---------------*/
.shacho-message h1 {
  font-family: "Mundial", sans-serif;
  font-size: 3.125rem;
  color: #0075c1;
  font-weight: normal;
}

.shacho-message h2 {
  font-family: "ヒラギノ明朝 ProN", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝",
    "MS PMincho", "MS 明朝", sans-serif;
  font-size: 1.75rem;
  color: #0075c1;
}

.shacho-message p.title {
  font-size: 1.125rem;
  font-family: "ヒラギノ明朝 ProN", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝",
    "MS PMincho", "MS 明朝", sans-serif;
  color: #0075c1;
  line-height: 1.5em;
}

.shacho-message h2.head {
  font-family: "ヒラギノ明朝 ProN", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝",
    "MS PMincho", "MS 明朝", sans-serif;
  font-size: 1.75rem;
}

.shacho-message .small {
  font-size: 1.25rem;
  font-family: "Garamond", sans-serif;
}

.shacho-message p.list {
  color: #0075c1;
  font-size: 1.25rem;
  font-weight: bold;
}

.shacho-comment {
  font-size: 1rem;
  line-height: 2 !important;
}

.border-section {
  padding-bottom: 1rem;
  border-bottom: solid 1px #707070;
  padding-top: 2rem;
}

.border-section p {
  line-height: 1.7;
}

.intarview-capture {
  font-size: 1.1rem;
  color: #707070;
  font-weight: bold;
}

.shacho-message .words {
  color: #00d171;
  font-size: 1.5rem;
  font-weight: bold;
}

.interview-article {
  color: #707070;
  line-height: 1.7em;
}

.banner-caption {
  font-size: 0.8125rem;
}

@media screen and (max-width: 991px) {
  .shacho-message h1 {
    font-size: 2rem;
    text-align: center;
  }
  .shacho-message p.title {
    font-size: 1rem;
    font-family: "ヒラギノ明朝 ProN", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝",
      "MS PMincho", "MS 明朝", sans-serif;
    color: #0075c1;
    line-height: 1.5em;
  }
}

@media screen and (max-width: 767px) {
  .shacho-message h2.head {
    font-size: 1.1rem;
  }
}

/*-------------  事業紹介---------------*/
.three-buttons .btns {
  position: relative;
  width: 350px;
  height: 50px;
  /*padding: 10px;*/
  border-radius: 0.25rem;
  background-color: #0075c1;
  text-decoration: none;
  letter-spacing: 0.2rem;
  box-sizing: border-box;
  font-weight: bold;
}

.three-buttons .threebtn {
  display: block;
  color: #fff;
  font-size: 1.25rem;
  padding: 10px;
}

.three-buttons .threebtn:hover {
  color: #b2cee0;
  text-decoration-line: none;
}

.three-buttons .threebtn .fa {
  position: absolute;
  font-size: 1.75rem;
  right: 14px;
}

.our-business h2 {
  font-family: "Mundial", sans-serif;
  font-size: 3.125rem;
  color: #0075c1;
  font-weight: normal;
}

.our-business h3 {
  font-size: 1.25rem;
  color: #0075c1;
  border-bottom: solid 2px #0075c1;
  font-weight: bold;
  padding-bottom: 0.6rem;
  margin-bottom: 2rem;
}

.business-block {
  border-bottom: solid 1px #707070;
  padding-bottom: 2.25rem;
  padding-top: 1rem;
}

.jigyoutext {
  font-size: 1.5rem;
  font-weight: bold;
}

.business-block.border-none {
  border-bottom: none;
}

.bg-blue {
  background-color: #f0f6fa;
  padding-top: 5rem;
  padding-bottom: 4rem;
}

.our-business h4 {
  font-size: 1.25rem;
  font-weight: bold;
  color: #0075c1;
}

.kyoten-text ul {
  margin-left: 0;
  font-size: 0.8125rem;
  line-height: 1.8;
}

.bg-white {
  padding-top: 5rem;
  padding-bottom: 4rem;
}

.sharyou table th {
  background-color: #0075c1;
  color: #fff;
}

.sharyou table td {
  font-size: 0.8125rem;
}

.sharyou table td.name {
  width: 25%;
}

.swiper-pagination-bullet {
  background: #00000021 !important;
  opacity: 1 !important;
  border: solid 1px #fff;
}

.swiper-pagination-bullet-active {
  background: #007aff !important;
}

@media screen and (max-width: 991px) {
  .our-business h2 {
    font-size: 2rem;
  }
}

@media screen and (max-width: 767px) {
  .three-buttons .btns {
    margin-top: 1rem;
    width: 100%;
  }

  .jigyoutext {
    font-size: 1.1rem;
  }

  .bg-blue {
    padding-top: 2.5rem;
  }

  .sharyou table td.name {
    width: 50%;
  }
}

/*-------------  会社概要---------------*/
.profile h1 {
  font-family: "Mundial", sans-serif;
  font-size: 3.125rem;
  color: #0075c1;
  font-weight: normal;
}

.profile h1 .small {
  font-size: 1.25rem;
  font-family: "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "noto sans",
    Meiryo, sans-serif;
}

.profile h1 .small-date {
  font-size: 1rem;
  color: #707070;
  font-family: "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "noto sans",
    Meiryo, sans-serif;
}

.profile th {
  color: #0075c1;
  width: 20%;
  font-weight: bold;
  padding-left: 0;
}

@media screen and (max-width: 991px) {
  .profile h1 {
    font-size: 2rem;
    text-align: center;
  }
}

/*-------------  会社概要---------------*/
.access h1 {
  font-family: "Mundial", sans-serif;
  font-size: 3.125rem;
  color: #0075c1;
  font-weight: normal;
}

.access h1 .small {
  font-size: 1.25rem;
  font-family: "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "noto sans",
    Meiryo, sans-serif;
}

.access h2 {
  font-size: 1.25rem;
  color: #0075c1;
  border-bottom: solid 2px #0075c1;
  font-weight: bold;
  padding-bottom: 0.6rem;
  margin-bottom: 1rem;
}

.access-block {
  margin-top: 4rem;
}

.access-block .image {
  width: 43%;
}

.sec-flex {
  width: 56%;
}

.access-block .iframe {
  width: 49%;
}

.access-block .address {
  width: 49%;
}

@media screen and (max-width: 991px) {
  .access h1 {
    font-size: 2rem;
    text-align: center;
  }

  .access-block .image {
    width: 100%;
  }

  .sec-flex {
    width: 100%;
    margin-top: 1rem;
  }

  .access-block .iframe {
    width: 49%;
  }

  .access-block .address {
    width: 49%;
  }
}

@media screen and (max-width: 767px) {
  .access-block .iframe {
    width: 100%;
  }

  .access-block .address {
    margin-top: 1rem;
    width: 100%;
  }
}

/*-------------  お問い合せページ---------------*/
.contact h2 {
  color: #0075c1;
  font-size: 1.75rem;
  font-weight: bold;
}

.contact h3 {
  color: #0075c1;
  font-size: 1.25rem;
  font-weight: bold;
}

.contact form p {
  margin-top: 2rem;
}

.contact label {
  font-weight: bold;
}

.contact input[type="text"],
.contact input[type="email"],
.contact input[type="tel"] {
  /*border: 1px solid #404040;*/
  padding: 0.375rem 0.75rem;
}

.form-control {
  border: 1px solid #8a8a8a;
}

.contact input[type="submit"] {
  font-size: 1.6875rem;
  border-radius: 24px;
  text-decoration: none;
  color: #fff;
  background: linear-gradient(#0075c1, #5cbfff);
  padding: 12px 0;
  font-weight: bold;
  width: 100%;
  border: none;
}

.blue-round {
  display: inline-block;
  font-size: 1.125rem;
  text-align: center;
  color: #fff;
  background: #0075c1;
  width: 165px;
  border-radius: 17px;
  padding: 2px 0;
}

.contact .infomation p {
  font-size: 1.125rem;
  color: #0075c1;
  font-weight: bold;
}

@media screen and (max-width: 991px) {
  .blue-round {
    display: block;
  }
}

@media screen and (max-width: 767px) {
  #hero.contact {
    padding-top: 60%;
  }

  .contact h3 {
    text-align: center;
  }

  .contact form p {
    margin-top: 1rem;
  }

  .contact .infomation {
    text-align: center;
  }

  .blue-round {
    display: inline-block;
    width: 135px;
  }
}

/*-------------  大松の強みページ---------------*/
.hero-absolute {
  position: absolute;
  top: 0;
  width: 100%;
}

#hero.advantage {
  background-size: contain;
  padding-top: 34%;
  background-repeat: no-repeat;
}

.page-title-2 {
  font-family: "Mundial", sans-serif;
  font-size: 3.125rem;
  color: #0075c1;
  margin-top: 20px;
}

.page-title-2 span {
  font-family: "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "noto sans",
    Meiryo, sans-serif;
  font-size: 1.25rem;
}

.page-obi-2 {
  background: #0075c1;
  z-index: 10;
  height: 55px;
  width: 100%;
  text-align: center;
}

.page-obi-2 p {
  font-size: 2.0625rem;
  color: #fff;
  font-weight: bold;
  margin-bottom: 0;
  line-height: 58px;
}

.advantage .bg-mizuiro {
  background-color: #e1eef7;
  width: calc(365px / 1.25);
  height: calc(365px / 1.25);
}

.advantage .stuyomi-circle-text {
  color: #0075c1;
  font-size: 1.3rem;
  padding-top: 25px;
  margin-bottom: 0;
  font-weight: bold;
}

.advantage .number {
  font-family: "Mundial", sans-serif;
  font-size: 4.25rem;
  font-weight: normal;
  line-height: 1.4;
}

@media screen and (max-width: 1199px) {
  .advantage .bg-mizuiro {
    background-color: #e1eef7;
    width: 303px;
    height: 303px;
  }

  .advantage .stuyomi-circle-text {
    color: #0075c1;
    font-size: 1.4375rem;
    padding-top: 25px;
    margin-bottom: 0;
    font-weight: bold;
  }

  .advantage .number {
    font-family: "Mundial", sans-serif;
    font-size: 4.0625rem;
    font-weight: normal;
    line-height: 1.4;
  }
}

@media screen and (max-width: 991px) {
  .page-title-2 {
    font-size: 2rem;
    text-align: center;
  }

  .advantage .bg-mizuiro {
    background-color: #e1eef7;
    width: 230px;
    height: 230px;
  }

  .advantage .stuyomi-circle-text {
    color: #0075c1;
    font-size: 1.125rem;
    padding-top: 20px;
    margin-bottom: 0;
    font-weight: bold;
  }

  .advantage .number {
    font-family: "Mundial", sans-serif;
    font-size: 2.8125rem;
    font-weight: normal;
    line-height: 1.4;
  }

  .bg-mizuiro {
    width: 230px;
    height: 230px;
  }
}

.stuyomi-picture {
  max-width: 100%;
  min-width: 50%;
}

.stuyomi .stuyomi-title1 {
  color: #0075c1;
  font-size: 2.062rem;
  font-weight: bold;
  background-image: url(../img/group959-min.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.stuyomi .stuyomi-title2 {
  color: #0075c1;
  font-size: 2.062rem;
  font-weight: bold;
  background-image: url(../img/group958-min.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.stuyomi .stuyomi-title3 {
  color: #0075c1;
  font-size: 2.625rem;
  font-weight: bold;
  background-image: url(../img/group957-min.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.stuyomi-text-area {
  border-bottom: solid 1px #707070;
  padding-top: 50px;
  padding-bottom: 50px;
}

.stuyomi-text {
  color: #707070;
  font-weight: bold;
  font-size: 1.25rem;
  line-height: 1.8;
}

.stuyomi-capture {
  font-size: 0.8125rem;
  color: #707070;
}

@media screen and (max-width: 1199px) {
  .stuyomi .stuyomi-title1 {
    font-size: 2.125rem;
    background: none;
  }

  .stuyomi .stuyomi-title2 {
    font-size: 2.125rem;
  }

  .stuyomi .stuyomi-title3 {
    font-size: 2.125rem;
  }
}

@media screen and (max-width: 991px) {
  .page-title-2 {
    font-size: 2.375rem;
  }

  .page-obi-2 p {
    font-size: 1.75rem;
  }

  .stuyomi .stuyomi-title1 {
    font-size: 1.5625rem;
  }

  .stuyomi .stuyomi-title2 {
    font-size: 1.5625rem;
  }

  .stuyomi .stuyomi-title3 {
    font-size: 1.5625rem;
  }
}

@media screen and (max-width: 767px) {
  .page-title-2 {
    font-size: 2rem;
  }

  .hero-absolute .page-title-2 {
    margin: 0 auto;
  }

  .page-obi-2 p {
    font-size: 1rem;
  }

  .stuyomi .stuyomi-title1 {
    background-size: 175%;
  }

  .stuyomi .stuyomi-title2 {
    background-size: 175%;
  }

  .stuyomi .stuyomi-title3 {
    background-size: 175%;
  }

  .stuyomi-circle-text {
    padding: 30px 0;
  }

  .stuyomi-text {
    font-size: 1rem;
  }
}

/*-------------  アーカイブページ（汎用）---------------*/
.page-header h1 {
  font-size: 1.25rem;
  font-family: "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "noto sans",
    Meiryo, sans-serif;
  color: #0075c1;
  font-weight: normal;
}

.page-header h1 .font-h1 {
  font-family: "Mundial", sans-serif;
  font-size: 3.125rem;
}

.archive article {
  padding: 1.8rem 0;
  border-bottom: solid 1px #707070;
}

.archive article h2 {
  font-size: 1.25rem;
  font-weight: bold;
  margin-top: 1.2rem;
}

.eyecatch-flex {
  display: flex;
}

.left-flex {
  width: 68%;
}

.right-flex {
  width: 24%;
}

.entry-content {
  margin: 0;
}

#next a {
  font-size: 1.25rem;
  font-weight: bold;
  color: #707070;
}

@media screen and (max-width: 991px) {
  .page-header h1 .font-h1 {
    font-size: 2rem;
    text-align: center;
  }

  .right-flex {
    width: 100%;
    margin-bottom: 1rem;
  }

  .left-flex {
    width: 100%;
  }
}

/*-------------  アーカイブページ（お客様の声）---------------*/
.voice h1 {
  font-family: "Mundial", sans-serif;
  font-size: 3.125rem;
  color: #0075c1;
  font-weight: normal;
}

.voice .small {
  font-family: "ヒラギノ角ゴ Pro", "游ゴシック", sans-serif;
  font-size: 1.25rem;
}

.voice p.lead {
  font-size: 1.75rem;
  font-family: "Garamond", sans-serif;
  font-weight: bold;
  color: #0075c1;
}

.okyakusama-no-koe h3 {
  font-family: "ヒラギノ角ゴ Pro", "游ゴシック", sans-serif;
  font-size: 2.4375rem;
  color: #fff;
  font-weight: bold;
  margin-bottom: 0;
}

.okyakusama-no-koe {
  margin-top: 95px;
  background-color: #0075c1;
  border-radius: 55px 55px 55px 55px; /*左側の角を丸く*/
}

.okyakusama-no-koe-sp h3 {
  font-size: 1.25rem;
  font-weight: bold;
}

.okyakusama-no-koe-sp .title {
  font-size: 1.25rem;
  display: inline-block;
  margin-bottom: 10px;
}

.okyakusama-no-koe-sp .name {
  font-size: 1.7rem;
  color: #0075c1;
  font-weight: bold;
}

.okyakusama-no-koe-sp .update {
  font-size: 1rem;
  color: #0075c1;
}

.kaisha-name {
  font-size: 1.625rem;
}

.hinichi {
  font-size: 1rem;
  color: #fff;
  margin-right: 1rem;
  margin-bottom: 0;
}

.okyakusama-shitumon h4 {
  font-size: 1.625rem;
  color: #707070;
  margin-bottom: 0;
}

.okyakusama-shitumon {
  background-color: #e1eef7;
  border-radius: 15px 15px 15px 15px;
}

.okyakusama-kotae p {
  font-size: 1.25rem;
  color: #707070;
  font-weight: bold;
  padding-left: 1em;
  text-indent: -0.7em;
}

.okyakusama-kotae .yajirushi {
  color: #0075c1;
}

.okyakusama-kotae .font-blue {
  color: #0075c1;
  font-weight: bold;
}

.archive .voice article {
  padding: 2.5rem 0;
  border-bottom: none;
}

@media screen and (max-width: 1199px) {
  .okyakusama-no-koe h3 {
    font-size: 2.125rem;
  }

  .kaisha-name {
    font-size: 1.25rem;
  }
}

@media screen and (max-width: 991px) {
  .voice h1 {
    font-size: 2rem;
    text-align: center;
  }

  .voice p.lead {
    font-size: 1.25rem;
  }

  .okyakusama-shitumon h4 {
    font-size: 1.375rem;
  }

  .okyakusama-kotae p {
    font-size: 1.375rem;
  }
}

@media screen and (max-width: 767px) {
  .okyakusama-no-koe {
    position: relative;
  }

  .okyakusama-no-koe-sp .name {
    font-size: 1.36rem;
  }

  h3 img {
    max-width: 55px;
  }

  .okyakusama-no-koe h3 {
    font-size: 1.1rem;
  }

  .kaisha-name {
    position: absolute;
    font-size: 0.8125rem;
    top: 6px;
    left: 150px;
    right: 13px;
  }

  .hinichi {
    position: absolute;
    font-size: 0.8rem;
    right: 0;
    bottom: 5px;
  }

  .okyakusama-shitumon h4 {
    font-size: 1.2rem;
  }

  .okyakusama-kotae p {
    font-size: 1.2rem;
  }
}

/*-------------  アーカイブページ（よくある質問）---------------*/
.faq-archive h1 {
  font-family: "Mundial", sans-serif;
  font-size: 2.8125rem;
  color: #0075c1;
  font-weight: normal;
}

.faq-archive .small {
  font-family: "ヒラギノ角ゴ Pro", "游ゴシック", sans-serif;
  font-size: 1.25rem;
}

.faq-archive h2 {
  background: #b2cee0;
  color: #fff;
  font-size: 2rem;
  font-weight: bold;
  padding: 15px 26px 10px;
  border-radius: 70px;
  line-height: 1;
}

.faq-archive #company article:nth-child(2) {
  padding-top: 0.8rem;
}

.faq-archive .font-q-1 {
  font-family: "Garamond", sans-serif;
  font-size: 2.8125rem;
  color: #0075c1;
  padding-right: 1rem;
  line-height: 1;
}

.faq-archive .font-q-2 {
  font-family: "ヒラギノ角ゴ Pro", "游ゴシック", sans-serif;
  font-size: 1.75rem;
  font-weight: bold;
  color: #0075c1;
}

.faq-archive .font-a-1 {
  font-family: "Garamond", sans-serif;
  font-size: 2.8125rem;
  color: #a0a0a0;
  padding-right: 1rem;
  line-height: 1;
}

.faq-archive .font-a-2 {
  font-family: "ヒラギノ角ゴ Pro", "游ゴシック", sans-serif;
  font-size: 1rem;
  font-weight: bold;
  color: #707070;
}

h3.qu {
  margin-bottom: 0;
}

.an p {
  margin-bottom: 0;
}

@media screen and (max-width: 767px) {
  .faq-archive h2 {
    font-size: 1.2rem;
    text-align: center;
  }

  .faq-archive .font-q-1 {
    font-size: 2.3125rem;
  }

  .faq-archive .font-q-2 {
    font-size: 1.25rem;
  }

  .faq-archive .font-a-1 {
    font-size: 2.3125rem;
  }
}

/*-------------  アーカイブページ（取り組み）---------------*/
.activities h1 {
  font-family: "Mundial", sans-serif;
  font-size: 3.125rem;
  color: #0075c1;
  font-weight: normal;
}

.activities h1 .small {
  font-size: 1.25rem;
  font-family: "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "noto sans",
    Meiryo, sans-serif;
}

.activity-section p {
  margin-bottom: 2rem;
  line-height: 1.8;
}

.activity-section p:last-child {
  margin-bottom: 0;
}

.activity-section.border-none {
  border-bottom: 0;
}

.activities article h2 {
  font-size: 1.25rem;
  font-weight: bold;
  color: #0075c1;
  margin-top: 0;
}

.activities p {
  margin-bottom: 0;
  line-height: 1.8;
}

.activities p.title {
  font-size: 1.5625rem;
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro",
    "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", sans-serif;
  color: #0075c1;
  line-height: 1.5rem;
  font-weight: bold;
}

.activities h2.head {
  font-size: 1.875rem;
}

.activities h3 {
  font-size: 1.25rem;
  font-weight: bold;
  color: #0075c1;
}

.border-blue {
  color: #0075c1;
  font-size: 1.25rem;
  font-weight: bold;
  border: solid 1px #0075c1;
  padding: 8px 0.5rem 5px;
  line-height: 1 !important;
}

.activities .small {
  font-size: 1.25rem;
  font-family: "Garamond", sans-serif;
}

.activities .images div:first-child {
  margin-top: 0 !important;
}

.activities ul {
  margin-left: 0;
  margin-bottom: 2rem;
}

.activities ul li {
  line-height: 1.8;
}

.activities ul li::before {
  content: ">";
  margin-right: 10px;
  color: #707070;
}

.activities ul li a {
  color: #707070 !important;
}

.activities table {
  font-size: 0.75rem;
  color: #707070;
}

.activities thead {
  background-color: #e1eef7;
  font-weight: bold;
}

.activities thead th:first-child {
  background-color: #91c2e2;
  width: 3%;
  padding-left: 0;
}

.activities thead th:nth-child(2),
.activities thead th:nth-child(6) {
  width: 17%;
}

.activities thead th:nth-child(3) {
  width: 23%;
}

.activities thead th:nth-child(4) {
  width: 15%;
}

.activities thead th:nth-child(5) {
  width: 23%;
}

.activities td.number {
  background-color: #91c2e2;
  color: #fff;
  text-align: center;
  vertical-align: top;
  padding-left: 0 !important;
}

.activities .table-bordered th {
  border: 1px solid #a0a0a0;
  font-size: 0.75rem;
  padding-left: 5px;
}

.activities .table-bordered td {
  border: 1px solid #a0a0a0;
  font-size: 0.75rem;
  padding-left: 5px;
}

.taxonomy-activities_year {
  margin-top: 3rem;
  margin-bottom: 5rem;
}

.taxonomy-activities_year h2 {
  font-size: 28px;
  border-top: solid 1px #707070;
  margin-bottom: 1rem;
  padding-top: 21px;
}

.taxonomy-activities_year h2::before {
  content: "▶";
  color: #0075c1;
  margin-left: -7px;
  margin-right: 10px;
}

.taxonomy-activities_year h2 a {
  color: #0075c1;
  text-decoration: none;
}

.year_title {
  background: #f0f6fa;
  margin: 3rem calc(50% - 50vw) 0;
  padding: 0.5rem calc(50% - 50vw);
  width: 100vw;
}

.year_title h2 {
  font-size: 28px;
  font-weight: bold;
  color: #0075c1;
  margin: 0 auto;
}

@media screen and (max-width: 991px) {
  .activities h1 {
    font-size: 2rem;
    text-align: center;
  }
  .activities article h2 {
    font-size: 1.1rem;
  }
}

/*-------------  サイトマップ---------------*/
.sitemap {
  margin-bottom: 5rem;
}

.sitemap h1 {
  font-family: "Mundial", sans-serif;
  font-size: 3.125rem;
  color: #0075c1;
  font-weight: normal;
}

.sitemap h1 .small {
  font-size: 1.25rem;
  font-family: "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "noto sans",
    Meiryo, sans-serif;
}

.sitemap p {
  margin-bottom: 8px;
}

.sitemap p a {
  color: inherit;
}

@media screen and (max-width: 991px) {
  .sitemap h1 {
    font-size: 2rem;
    text-align: center;
  }
}

/*-------------  404ページ---------------*/
.not-found h1 {
  font-weight: bold;
  width: 100%;
}

.not-found h1 span {
  display: block;
  margin-top: 1rem;
  font-weight: normal;
}

.not-found p {
  margin-bottom: 0;
  font-weight: bold;
  font-size: 1.25rem;
}

.not-found a {
  font-weight: bold;
  font-size: 1.25rem;
}

.not-found .search-field {
  border-radius: 0 !important;
}

.not-found .search-submit {
  height: 30.6px;
  border-radius: 0;
  padding: 0 15px;
}

/*-------------  Searchページ---------------*/
.search h1 {
  font-family: "Mundial", sans-serif;
  font-size: 3.125rem;
  color: #0075c1;
  font-weight: normal;
}

.search h1 .small {
  font-size: 1.25rem;
  font-family: "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "noto sans",
    Meiryo, sans-serif;
}

.search article {
  margin: 2rem 0;
  padding-bottom: 2rem;
  border-bottom: solid 1px;
}

.search h2 {
  font-size: 1.6rem;
}

.search .entry-summary {
  margin-top: 1rem;
}

.search .post-thumbnail img {
  max-width: 350px;
  width: 100%;
}

/*-------------  新着情報詳細ページ---------------*/
.singlepage h1 {
  color: #0075c1;
  font-size: 1.3rem;
  font-weight: bold;
  margin: 1rem 0;
}

.site-main .post-navigation {
  margin-top: 2rem;
}

.singlepage article {
  min-height: 36vh;
}