@charset "UTF-8";
/*　テンプレート*/
html { line-height: 1.7; }

#wrap { width: 100%; overflow: hidden; }

img { max-width: 100%; }

p { line-height: 1.6; }

.mb05 { margin-bottom: calc(80px / 2); }

.mb1 { margin-bottom: 80px; }

.mb2 { margin-bottom: calc(80px * 2); }

#headTop { background-color: #202124; padding: 20px 0px; border-bottom: #eee 3px solid; }

h1#logo { font-size: 24px; color: #fff; font-family: "Noto Serif JP", serif; }

h2#logo { font-size: 24px; color: #fff; font-family: "Noto Serif JP", serif; }

.logo { font-size: 24px; color: #fff; font-family: "Noto Serif JP", serif; margin-bottom: 20px; }

.addres { font-size: 14px; font-feature-settings: "palt"; }

.left { float: left; }

.mainWidth { width: 100%; max-width: 1180px; margin-left: auto; margin-right: auto; }

.title { font-family: "Noto Serif JP", serif; font-size: 30px; font-weight: bold; color: #202124; padding: 10px 0px; font-feature-settings: "palt"; }

.text { font-family: "Noto Serif JP", serif; font-size: 14px; color: #787878; }

.alert { font-size: 11px; color: #ADADAD; text-align: center; }

.textB { font-size: 18px; font-weight: bold; text-align: center; }

.menuList a { font-size: 14px; color: #fff; margin-right: 2em; font-family: "Noto Serif JP", serif; }

.headDown { background-color: #202124; margin-bottom: 80px; border-top: #eee 3px solid; }

.headDown .nav a { color: #fff; display: block; padding: 20px 0; text-align: center; }

.headDown .nav a:hover { background-color: #196AAB; }

.content { padding: 100px 0; }

#contents2 { background-color: #F7F7F7; }

#contents4 { background-color: #F7F7F7; }

a.more { color: #001FB1; text-align: right; font-size: 14px; font-weight: bold; font-feature-settings: "palt"; margin: 2em 0; }

.bg_blu { background-color: #196AAB; padding: 80px 0px 160px; }

.bg_blu h2, .bg_blu p { color: #fff; }

.projectList { margin-top: -100px; }

.midashiA { font-size: 16px; border-left: 3px #196AAB solid; padding-left: 5px; font-weight: bold; font-feature-settings: "palt"; margin: 1em 0; }

.midashi { font-size: 20px; font-weight: bold; margin: 1em 0px; }

a.moreA { font-size: 14px; text-align: right; color: #196AAB; font-feature-settings: "palt"; margin: 2em 0px; }

.itemBox { margin-bottom: 40px; }

.thumb-item-nav { padding: 10px 30px; }

.thumb-item-nav .slick-prev:before, .thumb-item-nav .slick-next:befor { color: #404040; }

.thumb-item-nav .slick-prev:before { font-family: "Font Awesome 5 Free"; content: '\f104'; font-weight: 900; }

.thumb-item-nav .slick-next:before { font-family: "Font Awesome 5 Free"; content: '\f105'; font-weight: 900; }

.thumb-item-nav .slick-current img { border: 4px solid #196AAB; }

.slick-prev { left: 0px; }

.slick-next { right: 0px; }

.catch { margin: 1em 0px; }

.catchA { background-color: #404040; color: #fff; padding: 0.5em; font-size: 11px; }

.catchB { background-color: #F9BB06; color: #fff; padding: 0.5em; font-size: 11px; }

.footerTop { background: url("../img/bg_footer.jpg") no-repeat; background-size: cover; background-position: center; height: 300px; position: relative; }

.btn_inq { text-align: center; width: 50%; background-color: #F9BB05; padding: 1em 0; font-size: 30px; font-family: "Noto Serif JP", serif; position: absolute; bottom: -5%; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); }

.footerDown { padding: 120px 0 80px; background-color: #202124; color: #fff; }

.footerDown h2, .footerDown p { color: #fff; }

.copyRight { text-align: center; padding-top: 120px; font-size: 11px; }

.inlineMenu dd, .inlineMenu dd a { display: inline-block; color: #fff; }

.inlineMenu2 dd, .inlineMenu2 dd a { display: inline-block; color: #111; }

.inlineMenu2 dd { border-left: 3px solid #196AAB; padding-left: 1em; }

.inlineMenu2 { background-color: #F7F7F7; padding: 2em; }

.category dd { display: inline-block; color: #ADADAD; font-size: 12px; }

.headImage { height: 300px; width: 100%; background-size: cover; background-position: center; }

#bg1 { background: url("../img/top_2.jpg") no-repeat; background-size: cover; background-position: center bottom; }

#bg2 { background: url("../img/top_3.jpg") no-repeat; background-size: cover; background-position: center bottom; }

#bg3 { background: url("../img/page3_img5.jpg") no-repeat; background-size: cover; background-position: center bottom; }

#contactForm { padding: 5%; background-color: #F7F7F7; }

.formrun .listDown label { display: block; margin: 1em; }

.formrun .listDown input { border: none; border-bottom: 1px solid #707070; height: 2em; width: 100%; margin-bottom: 2em; background-color: #F7F7F7; }

.formrun textarea { width: 100%; height: 7em; margin-bottom: 2em; }

.titleHead { text-align: center; font-size: 30px; font-weight: bold; font-family: "Noto Serif JP", serif; color: #fff; }

.formrun button { background-color: #F7F7F7; border: 1px solid #196AAB; color: #196AAB; padding: 7px 0px; width: 280px; text-align: center; }

.careerList { margin-bottom: 2em; }

#contetns7 h2.title { padding: 2em 0; }

#contents8 h2.title { background-color: #F5F5F5; padding: 80px 0 250px; }

#contents8 .staf { margin-top: -150px; }

#contetns9 h2.title { margin-bottom: 1em; }

#contents10 .titleBox { background: url("../img/bg_1.png"), #F7F7F7; background-repeat: no-repeat,no-repeat; background-position: top right; background-size: contain; height: calc(100vw / 4); }

.midashiB { padding: 2em 0; color: #787878; font-size: 20px; font-weight: bold; }

.midashiC { font-family: "Noto Serif JP", serif; margin: 1em 0; font-size: 16px; border-left: 3px solid #196AAB; padding-left: 1em; }

.iframe-wrap { position: relative; padding-top: 75%; /* = height ÷ width × 100 */ width: 100%; }

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

#contents8 .col5_m { margin-bottom: 50px; }

@-webkit-keyframes zoomUp { 0% { -webkit-transform: scale(1); transform: scale(1); }
  100% { -webkit-transform: scale(1.15); transform: scale(1.15); } }
@keyframes zoomUp { /* 1.15倍させる指定 */
  0% { -webkit-transform: scale(1); transform: scale(1); }
  100% { -webkit-transform: scale(1.15); transform: scale(1.15); } }
.swiper-slide { overflow: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; }

.swiper-slide-active .slide-img, .swiper-slide-duplicate-active .slide-img, .swiper-slide-prev .slide-img { /* 12秒かけて拡大させる */ -webkit-animation: zoomUp 12s linear 0s; animation: zoomUp 12s linear 0s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }

.slide-img { background-size: cover; background-position: center center; /* 背景画像は中央を軸に表示させる */ height: 600px; /* 600pxの高さで表示させる */ }

@media screen and (min-width: 801px) { .inlineMenu dd { margin-right: 5em; margin-bottom: 3em; }
  .inlineMenu2 dd { margin-right: 5em; margin-bottom: 3em; }
  .careerList dd { display: inline-block; line-height: 1.7; } }
@media screen and (max-width: 800px) { .midashi { font-size: 14px; }
  #wrapSp { overflow-x: hidden; }
  .mainWidth { width: 97%; margin-left: auto; margin-right: auto; }
  .childR_m { width: 97%; margin-left: auto; margin-right: auto; }
  .col5_m { margin-bottom: 17px; }
  h1#logo { font-size: 14px; }
  h2#logo { font-size: 14px; }
  .logo { font-size: 14px; }
  nav { width: 100%; height: 70px; position: relative; }
  .content { padding: 50px 0; }
  #contents1.content { padding: 0; }
  .title { font-size: 22px; }
  .text { font-size: 11px; }
  .midashiA { font-size: 14px; }
  a.moreA { font-size: 11px; }
  .drawer { display: flex; flex-direction: row; align-items: center; justify-content: space-between; position: relative; height: 70px; padding: 0.5em; background-color: #000; border-bottom: #eee 3px solid; }
  .navbar_toggle { z-index: 9999; }
  .navbar_toggle_icon { position: relative; display: block; height: 2px; width: 30px; background: #5c6b80; -webkit-transition: ease .5s; transition: ease .5s; }
  .navbar_toggle_icon:nth-child(1) { top: 0; }
  .navbar_toggle_icon:nth-child(2) { margin: 8px 0; }
  .navbar_toggle_icon:nth-child(3) { top: 0; }
  /*OPEN時の動き*/
  .navbar_toggle.open .navbar_toggle_icon:nth-child(1) { top: 10px; -webkit-transform: rotate(45deg); transform: rotate(45deg); }
  .navbar_toggle.open .navbar_toggle_icon:nth-child(2) { -webkit-transform: translateY(-50%); transform: translateY(-50%); opacity: 0; }
  .navbar_toggle.open .navbar_toggle_icon:nth-child(3) { top: -10px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
  .menu { -webkit-transform: translateX(-100%); transform: translateX(-100%); -webkit-transition: ease .5s; transition: ease .5s; position: relative; background-color: #000; height: 200vh; color: #FFF; z-index: 1000; }
  .fixedTop { position: fixed; width: 100%; height: 100%; }
  .menu ul li { padding: 2em; border-bottom: 1px solid #CCC; }
  /*OPEN時の動き*/
  .menu.open { -webkit-transform: translateX(0); transform: translateX(0); overflow-y: auto; -webkit-overflow-scrolling: touch; }
  .menu { font-family: "Noto Serif JP", serif; color: #fff; font-size: 16px; text-align: center; padding: 80px 10px; }
  .menu dt { border-bottom: 1px #fff solid; padding-bottom: 1em; margin-bottom: 3em; }
  .menu dd a { color: #fff; margin-bottom: 3em; }
  .slide-img { height: 300px; }
  .slideSp { margin: 4px 0 0; list-style: none; overflow-x: scroll; overflow-y: hidden; white-space: nowrap; -webkit-overflow-scrolling: touch; }
  .slideSp li:first-child { margin-left: 5px; }
  .slideSp li { width: 80%; margin-right: 4px; margin-bottom: 4px; display: inline-block; vertical-align: top; white-space: normal; font-size: 10px; border: 1px #DADADA solid; }
  .btn_inq { font-size: 16px; width: 80%; }
  .footerTop { height: 200px; position: relative; }
  .footerDown { padding: 80px 0 40px; }
  .inlineMenu dd { width: 49%; text-align: center; padding: 1em 0; }
  .inlineMenu2 dd { display: block; margin-bottom: 1em; }
  .inlineMenu2 { padding: 1em; }
  #contents8 h2.title { background-color: #F5F5F5; padding: 40px 0 120px; }
  #contents8 .staf { margin-top: -60px; }
  .headImage { height: 200px; width: 100%; }
  #contents10 .titleBox { height: calc(100vw / 3); }
  .titleHead { font-size: 20px; } }