@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700&display=swap");
@font-face {
  font-family: 'icomoon';
  src: url("../fonts/icomoon.eot?jtlb91");
  src: url("../fonts/icomoon.eot?jtlb91#iefix") format("embedded-opentype"), url("../fonts/icomoon.ttf?jtlb91") format("truetype"), url("../fonts/icomoon.woff?jtlb91") format("woff"), url("../fonts/icomoon.svg?jtlb91#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

@font-face {
    font-family: "Jost"; /*任意のフォントファミリー名でOK*/
    src: url("../fonts/Jost-Light.ttf") format("truetype");
    font-display: swap;
  }

html {
  /*remで指定しない時は切ること*/
  font-size: 62.5%;
}

body {
  color: #2f4858;
  font-size: 1.3rem;
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 400;
  letter-spacing: 0.05em;
  line-height: 1.8;
  width: 100%;
  /*スマホの文字の大きさ一定*/
  -webkit-text-size-adjust: 100%;
  /*アンチエイリアス*/
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

@media (min-width: 920px) {
  body {
    font-size: 1.4rem;
  }
}

body.is_active {
  overflow: hidden;
}

#wrap {
  overflow: hidden;
  padding-top: 60px;
}

@media (min-width: 920px) {
  #wrap {
    padding-top: 110px;
  }
}

/*breakpoint display*/
.sp_min {
  display: block;
}

.sp_min_inline {
  display: inline-block;
}

.sp {
  display: block;
}

.sp_inline {
  display: inline-block;
}

.sp_tab {
  display: block;
}

.sp_tab_inline {
  display: inline-block;
}

.pc,
.pc_inline {
  display: none !important;
}

.tab,
.tab_inline {
  display: none !important;
}

.pc_tab,
.pc_tab_inline {
  display: none !important;
}

@media (min-width: 321px) {
  .sp_min,
  .sp_min_inline {
    display: none !important;
  }
}

@media (min-width: 768px) {
  .sp,
  .sp_inline {
    display: none !important;
  }
  .tab {
    display: block !important;
  }
  .tab_inline {
    display: inline !important;
  }
  .pc_tab {
    display: block !important;
  }
  .pc_tab_inline {
    display: inline !important;
  }
}

@media (min-width: 920px) {
  .sp_tab,
  .sp_tab_inline {
    display: none !important;
  }
  .tab,
  .tab_inline {
    display: none !important;
  }
  .pc {
    display: block !important;
  }
  .pc_inline {
    display: inline-block !important;
  }
}

/*box-sizing default*/
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  outline: none;
  -webkit-tap-highlight-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
}

*:before,
* :after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

/*スマホ時のfocusの青枠削除*/
a,
a:focus,
button,
button:focus {
  outline: none;
  -webkit-tap-highlight-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
}

/*a アニメーション*/
a {
  color: #2e5ddb;
}

@media (min-width: 920px) {
  a {
    transition: all 0.3s;
  }
  a:hover {
    text-decoration: none;
  }
}

img {
  max-width: 100%;
  image-rendering: -webkit-optimize-contrast;
}

[class^='icon-'],
[class*=' icon-'] {
  font-family: 'icomoon' !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-facebook:before {
  content: '\e900';
}

.icon-blank:before {
  content: '\e903';
}

.icon-instagram:before {
  content: '\ea92';
}

.icon-twitter:before {
  content: '\ea96';
}

.icon-youtube:before {
  content: '\ea9d';
}

.icon-file-pdf:before {
  content: '\eadf';
}

.icon-file-openoffice:before {
  content: '\eae0';
}

.icon-file-word:before {
  content: '\eae1';
}

.icon-file-excel:before {
  content: '\eae2';
}

.page_inner {
  max-width: 1200px;
  width: calc(100% - 40px);
  margin: 0 auto;
}

@media (min-width: 920px) {
  .page_inner {
    width: calc(100% - 80px);
  }
}

a:not(.no_icon)[target='_blank']:after {
  position: relative;
  content: '\e903';
  display: inline-block;
  margin-left: 5px;
  font-family: 'icomoon' !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.animation_box {
  transition-property: opacity, transform;
}

.animation_box .animation_child {
  opacity: 0;
  transform: translate3d(0px, 20px, 0);
  transition-duration: 1s;
  transition-property: opacity, transform, width;
  transition-timing-function: ease;
}

.animation_box .animation_child.animation_fade {
  transform: translate3d(0, 0, 0);
}

.animation_box .animation_child.right {
  transform: translate3d(20px, 0, 0);
}

.animation_box .animation_child.left {
  transform: translate3d(-20px, 0, 0);
}

.animation_box.active {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}

.animation_box.active .animation_child {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}

.animation_box.active .animation_child.animation_fade {
  transform: translate3d(0, 0, 0);
}

.animation_box.active .animation_child.right {
  transform: translate3d(0, 0, 0);
}

.animation_box.active .animation_child.left {
  transform: translate3d(0, 0, 0);
}

.child_item1 {
  transition-delay: 0.1s;
}

.child_item2 {
  transition-delay: 0.2s;
}

.child_item3 {
  transition-delay: 0.3s;
}

.child_item4 {
  transition-delay: 0.4s;
}

.child_item5 {
  transition-delay: 0.5s;
}

.child_item6 {
  transition-delay: 0.6s;
}

.child_item7 {
  transition-delay: 0.7s;
}

.child_item8 {
  transition-delay: 0.8s;
}

.child_item9 {
  transition-delay: 0.9s;
}

.child_item10 {
  transition-delay: 1s;
}

.child_item11 {
  transition-delay: 1.1s;
}

.child_item12 {
  transition-delay: 1.2s;
}

.child_item13 {
  transition-delay: 1.3s;
}

.child_item14 {
  transition-delay: 1.4s;
}

.child_item15 {
  transition-delay: 1.5s;
}

.child_item16 {
  transition-delay: 1.6s;
}

.child_item17 {
  transition-delay: 1.7s;
}

.child_item18 {
  transition-delay: 1.8s;
}

.child_item19 {
  transition-delay: 1.9s;
}

.child_item20 {
  transition-delay: 2s;
}

.child_item21 {
  transition-delay: 2.1s;
}

.child_item22 {
  transition-delay: 2.2s;
}

.child_item23 {
  transition-delay: 2.3s;
}

.child_item24 {
  transition-delay: 2.4s;
}

.child_item25 {
  transition-delay: 2.5s;
}

.child_item26 {
  transition-delay: 2.6s;
}

.child_item27 {
  transition-delay: 2.7s;
}

.child_item28 {
  transition-delay: 2.8s;
}

.child_item29 {
  transition-delay: 2.9s;
}

.child_item30 {
  transition-delay: 3s;
}

.child_item31 {
  transition-delay: 3.1s;
}

.child_item32 {
  transition-delay: 3.2s;
}

.child_item33 {
  transition-delay: 3.3s;
}

.child_item34 {
  transition-delay: 3.4s;
}

.child_item35 {
  transition-delay: 3.5s;
}

.child_item36 {
  transition-delay: 3.6s;
}

.child_item37 {
  transition-delay: 3.7s;
}

.child_item38 {
  transition-delay: 3.8s;
}

.child_item39 {
  transition-delay: 3.9s;
}

.child_item40 {
  transition-delay: 4s;
}

.s_arrow {
  position: relative;
  display: block;
  width: 23px;
  height: 23px;
  border: 1px solid #304857;
  border-radius: 100px;
}

@media (min-width: 920px) {
  .s_arrow {
    width: 36px;
    height: 36px;
  }
}

.s_arrow > span:before, .s_arrow > span:after {
  content: '';
  display: block;
  position: absolute;
  width: 6px;
  height: 6px;
  border-top: 1px solid #304857;
  border-right: 1px solid #304857;
  transform: rotate(45deg);
  top: 50%;
  left: 50%;
  margin-left: -4px;
  margin-top: -4px;
}

@media (min-width: 920px) {
  .s_arrow > span:before, .s_arrow > span:after {
    width: 8px;
    height: 8px;
    margin-left: -5px;
    margin-top: -4px;
  }
}

@media (min-width: 920px) {
  .s_arrow > span:after {
    margin-left: -10px;
    opacity: 0;
  }
}

@keyframes arrowbefore-beside {
  50% {
    margin-left: 0;
    opacity: 0;
  }
  99% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes arrowafter-beside {
  50% {
    margin-left: -10px;
    opacity: 0;
  }
  99% {
    margin-left: -5px;
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

.slick-dots {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding-top: 15px;
}

@media (min-width: 920px) {
  .slick-dots {
    padding-top: 30px;
  }
}

.slick-dots li {
  padding: 0 8px;
}

@media (min-width: 920px) {
  .slick-dots li {
    padding: 0 12px;
  }
}

.slick-dots li button {
  position: relative;
  top: 2px;
  text-indent: -9999px;
  width: 9px;
  height: 9px;
  padding: 0;
  margin: 0;
  border-radius: 20px;
  background: #fff;
  border: 1px solid #2f4858;
  outline: 0 solid transparent;
  transition: 0.3s ease;
}

@media (min-width: 920px) {
  .slick-dots li button:hover {
    background: #2BACD9;
  }
}

.slick-dots li.slick-active button {
  background-color: #2f4858;
}

.slide-arrow {
  position: absolute;
  cursor: pointer;
  width: 25px;
  height: 25px;
  top: 50%;
  margin-top: -40px;
  z-index: 10;
  transition: 0.3s ease;
}

@media (min-width: 920px) {
  .slide-arrow {
    width: 35px;
    height: 35px;
    margin-top: -60px;
  }
}

.slide-arrow:before {
  display: block;
  content: '';
  position: absolute;
  width: 25px;
  height: 25px;
  top: 0;
  bottom: 0;
  transform: rotate(45deg);
  transition: 0.3s ease;
}

@media (min-width: 920px) {
  .slide-arrow:before {
    width: 35px;
    height: 35px;
  }
}

.slide-arrow.prev-arrow {
  left: -20px;
}

@media (min-width: 920px) {
  .slide-arrow.prev-arrow {
    left: -35px;
  }
  .slide-arrow.prev-arrow:hover {
    left: -40px;
  }
  .slide-arrow.prev-arrow:hover:before {
    border-left-color: #2BACD9;
    border-bottom-color: #2BACD9;
  }
}

.slide-arrow.prev-arrow:before {
  border-left: 1px solid #2f4858;
  border-bottom: 1px solid #2f4858;
}

.slide-arrow.next-arrow {
  right: -20px;
}

@media (min-width: 920px) {
  .slide-arrow.next-arrow {
    right: -35px;
  }
  .slide-arrow.next-arrow:hover {
    right: -40px;
  }
  .slide-arrow.next-arrow:hover:before {
    border-right-color: #2BACD9;
    border-top-color: #2BACD9;
  }
}

.slide-arrow.next-arrow:before {
  border-right: 1px solid #2f4858;
  border-top: 1px solid #2f4858;
}

.modal_nav {
  visibility: hidden;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  min-height: 100vh;
  /* Fallback */
  min-height: calc(var(--vh, 1vh) * 100);
  background: rgb(43, 172, 217 , 0.95);
  z-index: 49;
  opacity: 0;
  transition: all 0.3s;
}

.modal_nav.is_active {
  visibility: visible;
  opacity: 1;
}

.modal_nav_inner {
  padding-top: 60px;
}

.modal_nav_flex {
  padding: 40px 20px;
}

.modal_nav_flex li:not(:first-child) {
  margin-top: 15px;
}

.modal_nav_flex li a {
  color: #fff;
  text-decoration: none;
  display: block;
  padding: 15px 0px;
}

.modal_nav_flex .title .main {
  display: block;
  font-family: "Montserrat", sans-serif;
  font-size: 3.2rem;
  font-weight: bold;
  line-height: 1.2;
}

.modal_nav_flex .title .sub {
  display: block;
  font-size: 1.5rem;
  font-weight: bold;
}

header {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 50;
  width: 100%;
  height: 60px;
  background-color: #fff;
}

@media (min-width: 920px) {
  header {
    height: 110px;
  }
}

.header_inner {
  width: 100%;
  height: 100%;
  padding-left: 17px;
}

@media (min-width: 920px) {
  .header_inner {
    padding-left: 38px;
  }
}

.header_box {
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
}

.header_logo {
  width: 185px;
}

@media (min-width: 920px) {
  .header_logo {
    width: 332px;
  }
}

.header_logo a {
  display: block;
}

.header_logo a:hover {
  opacity: 0.7;
}

.header_logo img {
  position: relative;
}

.header_nav {
  display: none;
}

@media (min-width: 920px) {
  .header_nav {
    display: block;
    width: calc(100% - 442px);
    padding-left: 30px;
    padding-right: 20px;
  }
}

.header_nav ul {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

.header_nav ul li {
  font-size: 1.5rem;
  font-weight: bold;
  padding: 0 16px;
}

.header_nav ul li a {
  display: block;
  padding: 5px;
  color: #2f4858;
  text-decoration: none;
}

@media (min-width: 920px) {
  .header_nav ul li a:hover {
    color: #2BACD9;
  }
}

.header_contact {
  position: relative;
}

.header_contact a {
  display: block;
  position: relative;
  width: 60px;
  height: 60px;
  background: #2BACD9;
  color: #fff;
  text-decoration: none;
}

.header_contact a span {
  display: none;
}

.header_contact a:before {
  display: block;
  position: absolute;
  font-family: 'icomoon' !important;
  content: '\e901';
  font-size: 28px;
  line-height: 1;
  width: 28px;
  height: 28px;
  font-weight: normal;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}

.header_sns {
  padding-right: 1em;
}

.header_sns a {
  display: block;
  width: 26px;
  height: 26px;
}

.header_entry {
  display: none;
}

@media (min-width: 920px) {
  .header_entry {
    display: block;
  }
}

@media (min-width: 920px) {
    .header_entry a.entry-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 110px;
    width: 110px;
    color: #fff;
    font-family: "Montserrat", sans-serif;
    font-size: 1.6rem;
    font-weight: bold;
    text-decoration: none;
/*    background: #2af598;
    background: -moz-linear-gradient(45deg, #2af598 0%, #00b9e0 45%, #00b9e0 65%, #2af598 100%);
    background: -webkit-linear-gradient(45deg, #2af598 0%, #00b9e0 45%, #00b9e0 65%, #2af598 100%);
    background: linear-gradient(45deg, #2af598 0%, #00b9e0 45%, #00b9e0 65%, #2af598 100%);*/
    /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2af598', endColorstr='#2af598',GradientType=1 );*/
    background: #2AAAD9;
    background: linear-gradient(45deg, #32CBE6 0%, #2AAAD9 45%, #2AAAD9 65%, #32CBE6 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#32CBE6', endColorstr='#2AAAD9',GradientType=1 );
    background-position: 1% 50%;
    background-size: 200% auto;
    transition: all 0.3s ease-out;
  }
  .header_entry a.entry-btn:hover {
    background-position: 99% 50%;
  }
}

.header_toggle {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 60px;
  height: 60px;
  z-index: 200;
  margin-left: auto;
  transition: all 0.3s;
}

@media (min-width: 920px) {
  .header_toggle {
    display: none;
  }
}

.header_toggle .menu_btn {
  display: block;
  position: relative;
  width: 24px;
  height: 20px;
}

.header_toggle .menu_btn span {
  display: block;
  position: absolute;
  left: 0;
  width: 24px;
  height: 2px;
  background-color: #2BACD9;
  transform-origin: center center;
  transition: all 0.3s;
}

.header_toggle .menu_btn span:nth-of-type(1) {
  top: 0;
}

.header_toggle .menu_btn span:nth-of-type(2) {
  top: 9px;
}

.header_toggle .menu_btn span:nth-of-type(3) {
  bottom: 0;
}

.header_toggle.is_active {
  background: #2BACD9;
}

.header_toggle.is_active .menu_btn span {
  background-color: #fff;
}

.header_toggle.is_active .menu_btn span:nth-of-type(1) {
  transform: translateY(9px) rotate(45deg);
}

.header_toggle.is_active .menu_btn span:nth-of-type(2) {
  opacity: 0;
}

.header_toggle.is_active .menu_btn span:nth-of-type(3) {
  transform: translateY(-9px) rotate(-45deg);
}

#pageTop {
  position: fixed;
  right: 20px;
  bottom: 25px;
  width: 38px;
  height: 38px;
  border: 1px solid #304857;
  background: rgba(255, 255, 255, 0.6);
  border-radius: 100px;
  z-index: 10;
}

@media (min-width: 920px) {
  #pageTop {
    width: 43px;
    height: 43px;
    right: 30px;
    bottom: 30px;
  }
  #pageTop:hover > span:before {
    animation: arrowbefore 0.5s;
  }
  #pageTop:hover > span:after {
    animation: arrowafter 0.5s;
  }
}

#pageTop > span:before, #pageTop > span:after {
  content: '';
  display: block;
  position: absolute;
  width: 8px;
  height: 8px;
  margin-left: -4px;
  margin-top: -2px;
  border-top: 1px solid #304857;
  border-right: 1px solid #304857;
  transform: rotate(-45deg);
  top: 50%;
  left: 50%;
}

@media (min-width: 920px) {
  #pageTop > span:before, #pageTop > span:after {
    width: 8px;
    height: 8px;
    margin-left: -4px;
    margin-top: -2px;
  }
}

#pageTop > span:after {
  margin-top: 6px;
  opacity: 0;
}

@keyframes arrowbefore {
  50% {
    margin-top: -6px;
    opacity: 0;
  }
  99% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes arrowafter {
  50% {
    margin-top: 6px;
    opacity: 0;
  }
  99% {
    margin-top: -2px;
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

.sp_entry_btn {
  position: fixed;
  visibility: visible;
  bottom: 20px;
  left: 20px;
  width: calc(100% - 100px);
  z-index: 10;
  opacity: 1;
  transition: 0.3s;
}

.sp_entry_btn.is_hidden {
  opacity: 0;
  visibility: hidden;
}

@media (min-width: 920px) {
  .sp_entry_btn {
    display: none;
  }
}

.sp_entry_btn a {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 50px;
  color: #fff;
  font-family: "Montserrat", sans-serif;
  font-weight: bold;
  font-size: 1.7rem;
  border-radius: 5px;
  text-decoration: none;
  background: #2af598;
/*  background: -moz-linear-gradient(45deg, #2af598 0%, #00b9e0 45%, #00b9e0 65%, #2af598 100%);
  background: -webkit-linear-gradient(45deg, #2af598 0%, #00b9e0 45%, #00b9e0 65%, #2af598 100%);
  background: linear-gradient(45deg, #2af598 0%, #00b9e0 45%, #00b9e0 65%, #2af598 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2af598', endColorstr='#2af598',GradientType=1 );
*/
    background: #2AAAD9;
    background: linear-gradient(45deg, #32CBE6 0%, #2AAAD9 45%, #2AAAD9 65%, #32CBE6 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#32CBE6', endColorstr='#2AAAD9',GradientType=1 );
  background-position: 1% 50%;
  background-size: 200% auto;
  box-shadow: 0px 12px 10px -10px rgba(47, 72, 88, 0.4);
}

.entry_link {
  display: block;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 160px;
/*  background: #2af598;
  background: -moz-linear-gradient(45deg, #2af598 0%, #00b9e0 45%, #00b9e0 65%, #2af598 100%);
  background: -webkit-linear-gradient(45deg, #2af598 0%, #00b9e0 45%, #00b9e0 65%, #2af598 100%);
  background: linear-gradient(45deg, #2af598 0%, #00b9e0 45%, #00b9e0 65%, #2af598 100%);*/
  background: #2AAAD9;
  background: linear-gradient(45deg, #32CBE6 0%, #2AAAD9 45%, #2AAAD9 65%, #32CBE6 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#32CBE6', endColorstr='#2AAAD9',GradientType=1 );
  /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2af598', endColorstr='#2af598',GradientType=1 );*/
  background-position: 1% 50%;
  background-size: 200% auto;
  transition: all 0.3s ease-out;
  color: #fff;
  text-decoration: none;
}

@media (min-width: 920px) {
  .entry_link {
    height: 320px;
  }
}

.entry_link:hover {
  background-position: 99% 50%;
}

.entry_link:hover .title .s_arrow {
  transform: translate(5px, -50%);
}

.entry_link:hover .title .s_arrow > span:before {
  animation: arrowbefore-beside 0.5s;
}

.entry_link:hover .title .s_arrow > span:after {
  animation: arrowafter-beside 0.5s;
}

.entry_link .title {
  position: relative;
  text-align: center;
  padding: 0 30px;
}

@media (min-width: 920px) {
  .entry_link .title {
    padding: 0 80px;
  }
}

.entry_link .title .main {
  display: block;
  font-family: "Montserrat", sans-serif;
  font-size: 2.5rem;
  font-weight: bold;
  line-height: 1.2;
}

@media (min-width: 920px) {
  .entry_link .title .main {
    font-size: 4.3rem;
  }
}

.entry_link .title .sub {
  display: block;
  font-size: 1.3rem;
  font-weight: normal;
}

@media (min-width: 920px) {
  .entry_link .title .sub {
    font-size: 1.4rem;
  }
}

.entry_link .title .s_arrow {
  position: absolute;
  right: 0;
  top: 50%;
  border-color: #fff;
  width: 20px;
  height: 20px;
  transform: translateY(-50%);
  transition: transform 0.3s ease-out;
}

@media (min-width: 920px) {
  .entry_link .title .s_arrow {
    width: 38px;
    height: 38px;
  }
}

.entry_link .title .s_arrow > span:before, .entry_link .title .s_arrow > span:after {
  content: '';
  width: 5px;
  height: 5px;
  margin-left: -3px;
  margin-top: -3px;
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
}

@media (min-width: 920px) {
  .entry_link .title .s_arrow > span:before, .entry_link .title .s_arrow > span:after {
    width: 6px;
    height: 6px;
    margin-left: -4px;
    margin-top: -4px;
  }
}

.footer {
  padding: 35px 0;
  background: #fff;
}

.footer_inner {
  max-width: 1200px;
  width: calc(100% - 80px);
  margin: 0 auto;
}

@media (min-width: 920px) {
  .footer_box {
    display: flex;
  }
}

@media (min-width: 920px) {
  .footer_box .logo {
    width: 350px;
    max-width: 100%;
  }
}

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

@media (min-width: 920px) {
  .footer_box .logo a:hover {
    opacity: 0.7;
  }
}

.footer_box .logo_img {
  max-width: 250px;
  margin: 0 auto;
}

@media (min-width: 920px) {
  .footer_box .logo_img {
    max-width: 100%;
  }
}

.footer_box .sns_list {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 35px;
}

@media (min-width: 920px) {
  .footer_box .sns_list {
    justify-content: flex-start;
  }
}

.footer_box .sns_list li {
  padding: 0 8px;
}

@media (min-width: 920px) {
  .footer_box .sns_list li {
    padding: 0 16px 0 0;
  }
}

.footer_box .sns_list li a {
  color: #2f4858;
  text-decoration: none;
}

.footer_box .sns_list li a i {
  font-size: 2.2rem;
}

@media (min-width: 920px) {
  .footer_box .sns_list li a:hover {
    opacity: 0.7;
  }
}

.footer_box .sns_list .twitter a i:before {
  color: #55acee;
}

.footer_box .sns_list .facebook a i:before {
  color: #1877f2;
}

.footer_box .sns_list .youtube a i:before {
  color: #ff0000;
}

.footer_box .sns_list .instagram a i:before {
  color: #000;
}

.footer_box .menu {
  display: none;
}

@media (min-width: 920px) {
  .footer_box .menu {
    display: block;
    width: calc(100% - 350px);
    padding-top: 35px;
  }
}

.footer_box .menu ul {
  display: flex;
  justify-content: flex-end;
}

.footer_box .menu ul li:not(:first-child) {
  padding-left: 24px;
}

.footer_box .menu ul li a {
  color: #2f4858;
  text-decoration: none;
  font-size: 1.4rem;
}

@media (min-width: 920px) {
  .footer_box .menu ul li a:hover {
    color: #2BACD9;
  }
}

.footer_box_bottom {
  display: flex;
  flex-wrap: wrap;
}

@media (min-width: 920px) {
  .footer_box_bottom {
    align-items: center;
  }
}

.footer_box_bottom .copy {
  text-align: center;
  width: 100%;
  margin-top: 30px;
  font-size: 1rem;
  color: #939393;
  order: 2;
}

@media (min-width: 920px) {
  .footer_box_bottom .copy {
    text-align: left;
    order: 1;
    width: 50%;
  }
}

.footer_box_bottom .link {
  text-align: center;
  width: 100%;
  margin-top: 20px;
  order: 1;
}

@media (min-width: 768px) {
  .footer_box_bottom .link {
    padding-right: 50px;
  }
}

@media (min-width: 920px) {
  .footer_box_bottom .link {
    text-align: right;
    order: 2;
    width: 50%;
    font-size: 1.2rem;
  }
}

@media (min-width: 1360px) {
  .footer_box_bottom .link {
    padding-right: 0;
  }
}

.footer_box_bottom .link a {
  color: #939393;
}

.footer_box_bottom .link a:hover {
  text-decoration: none;
}

.nav-btn_recruit-sp a.title{
  background-color: #fff;
  padding: 20px;
  font-weight: bold;
  font-size: 1.5rem;
  color: #2BACD9;
  display: block;
  text-align: center;
}

@media (min-width: 920px){

.header_nav ul li a.nav-btn_recruit {
  background-color: #00b9e0;
  color: #fff;
  border-radius: 5px;
  padding: 10px;
}

.header_nav ul li a.nav-btn_recruit:hover {
  opacity: 0.5;
}

}

/*2023 10*/

.entry-agree_subpage{
  padding-bottom:  200px;
}

.agree_text-box{
  padding: 50px;
  margin: 50px 0px;
  border-top: solid 1px #dddddd;
  border-bottom: solid 1px #dddddd;
}

ul.privacy-box{
  list-style: disc;
  text-align: left;
}

.agree-btn_list{
  display: flex;
  justify-content: space-around;
  align-items: stretch;
  margin: 0 auto;
}

.agree-btn_list > a{
  display: flex;
  align-items: center;
  justify-content: center
}

.agree-btn{
  padding: 20px;
  width: 40%;
  text-decoration: none;
}

.agree-btn.rejection{
  background-color: #dddddd;
  color: #222939;
}

.agree-btn.consent{
  background-color: #2BACD9;
  color: #fff;
}

.agree-btn_list > a:hover{
  opacity: 0.6;
}

@media print, screen and (max-width: 920px) {

  .entry-agree_subpage{
  padding-bottom:  100px;
}

.agree_text-box{
  padding: 20px 20px;
}

.agree-btn_list{
  display: block;
}

.agree-btn_list > a {
    display: block;
    width: 100%;
}

.agree-btn.consent{
  margin-bottom: 20px;
}

}

.footer_mark{
  display: flex;
  gap: 20px 12px;
  padding: 30px 10px;
  flex-wrap: wrap;
  align-items: center;
}

.footer_mark img{
  height: 72px;
}

.footer_mark img:hover{
  opacity: 0.5;
}

@media (min-width: 768px) {

.footer_mark{
   gap: 25px 20px;
}

}

.time-data-list-item{
  background-color: #F3F7FA;
  text-align: center;
  padding: 15px 20px;
  font-weight: bold;
  font-size: 1.8rem;
  margin-bottom: 15px;
}

.time-data-list-item p.num-green{
  color: #2BACD9;
  font-size: 4.0rem;
  margin: 10px 0px;
}

.time-data-list-item span{
  font-size: 1.3rem;
}

.time-data-list-item img{
  max-width: 100px;
}

@media (min-width: 768px) {

.time-data-list{
  display: flex;
  justify-content: space-between;
  gap:30px;
}

.time-data-list-item{
  margin-bottom: 0px;
  width: 50%;
}

}

/*タブ実装*/

/*タブのスタイル*/
.tab_item {
    width: calc(100%/5);
    height: 60px;
    background-color: #e1e1e1;
    line-height: 60px;
    font-size: 16px;
    text-align: center;
    color: #565656;
    display: block;
    float: left;
    text-align: center;
    font-weight: bold;
    transition: all 0.2s ease;
    border: solid 1px #fff;
}

.tab_item:hover {
    opacity: 0.5;
}

/*ラジオボタンを全て消す*/
input[name="tab_item"] {
    display: none;
}

/*タブ切り替えの中身のスタイル*/
.tab_content {
    display: none;
    clear: both;
    overflow: hidden;
    padding-top: 20px;
}


/*選択されているタブのコンテンツのみを表示*/
#tab01:checked~#tab01_content,
#tab02:checked~#tab02_content,
#tab03:checked~#tab03_content,
#tab04:checked~#tab04_content,
#tab05:checked~#tab05_content {
    display: block;
}

/*選択されているタブのスタイルを変える*/
.tabs input:checked+.tab_item {
    background-color: #2BACD9;
    color: #fff;
}

.text-center-simple{
  display: flex;
  justify-content: center;
}

/*ヘッダー ドロップダウン*/

.header_entry:hover .dropdown__lists {
    display: block;
}

.dropdown__lists {
    display: none;
    width: 110px;
    position: absolute;
    top: 110px;
    right: 0;
}

.dropdown__list {
    background-color: #fff;
    height: 60px;
    transition: all .3s;
    position: relative;
}

.header_entry .dropdown__list a {
    color: #2BACD9;
    text-decoration: none;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    padding: 10px;
}

.dropdown__list:hover {
    background-color: #2BACD9;
}

.header_entry .dropdown__list a:hover{
    color: #fff;
}

.dropdown__list:not(:first-child)::before{
    content: "";
    width: 100%;
    height: 1px;
    background-color: #2bacd9;
    position: absolute;
    top: 0;
    left: 0;
}

.entry-sp-list{
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  justify-content: space-between;
  align-content: center;
}

.entry-sp-list_itm{
  width: calc(100% / 2 - 5px);
  background-color: #fff;
  text-align: center;
}

.modal_nav_flex .entry-sp-list_itm a{
  color: #2BACD9;
}

/*            エントリーエリア            */

.bc_entry {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #2AAAD9;
    background: linear-gradient(45deg, #32CBE6 0%, #2AAAD9 45%, #2AAAD9 65%, #32CBE6 100%);
    background-position: 1% 50%;
    background-size: 200% auto;
    transition: all 0.3s ease-out;
    color: #fff;
    padding: 120px 0px;
  }

.bc_entry span.main{
  font-size: 4.3rem;
  display: block;
  font-family: "Montserrat", sans-serif;
  font-weight: bold;
  text-align: center;
  margin-bottom: 24px;
}

.entry_footer-list{
  display: flex;
  flex-wrap: wrap;
  max-width: 1200px;
  gap: 22px;
}

.entry_footer-list li{
  width: calc(1000px / 3);
  border-left: 5px solid #000;
}

.entry_footer-list a{
  color: #2f4858;
  text-decoration: none;
  display: block;
  background-color: #fff;
  padding: 20px;
  width: 100%;
  box-shadow: 0px 0px 39px 0px #0568878a;
}

span.entry_footer-title{
    display: block;
    font-family: "Montserrat", sans-serif;
    font-size: 1.8rem;
    font-weight: bold;
    line-height: 1.2;
}

.entry_footer-list li.sales_planning{
    border-left-color: #23e8f8;
}

.entry_footer-list li.call_center{
    border-left-color: #ffdc31;
}

.entry_footer-list li.newgraduate{
    border-left-color: #ff3cac;
}

.entry_footer-list a:hover{
   box-shadow:none;
   transition: all 0.3s ease-out;
}

.entry_footer-list .s_arrow{
  display: none;
}

@media (max-width: 768px) {

.bc_entry{
  padding: 30px 0px 45px;
}

.bc_entry span.main{
  margin-bottom: 4px;
}

.entry_footer-list{
  display: block;
}

.entry_list-wrap{
  max-width: 1000px;
  width: calc(100% - 40px);
  margin: 0 auto;
}

.entry_footer-list li {
  width: 100%;
  position: relative;
  margin-bottom: 20px;
  }

.s_arrow {
  position: absolute;
  display: block;
  width: 23px;
  height: 23px;
  border: 1px solid #304857;
  border-radius: 100px;
  right: 10px;
  top: 50%;
  transform: translate(0, -50%);
}

.entry_footer-list a{
box-shadow: 0px 0px 13px 0px #13728f75;
}

}