@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;400;500&family=Noto+Serif+JP:wght@400;500&display=swap');
*, *:before, *:after {
 -webkit-box-sizing: border-box;
 box-sizing: border-box;
}
.clearfix:after {
 content: "";
 display: block;
 clear: both;
}
.clearfix:before {
 content: "";
 display: block;
 clear: both;
}
.clearfix {
 display: block;
}
img, object, embed, video {
 max-width: 100%;
}
html {
 font-size: 16px;
}
body {
 font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
 font-family: 'Noto Sans JP', sans-serif;
 font-weight: 400;
 color: #333333;
}
ul, ol {
 list-style: none;
}
a {
 text-decoration: none;
}
a:hover, a:visited {
 color: #ffffff;
}
p {
 margin: 0;
 line-height: 1.8;
}
h1, h2, h3, h4 {
 margin: 0;
 line-height: 1;
}
.pc-mode {
 display: inherit;
}
.sp-mode {
 display: none;
}
.pos {
 position: relative;
}
.center {
 text-align: center;
}
.left {
 text-align: left;
}
.right {
 text-align: right;
}
.middle {
 vertical-align: middle;
}
.bottom {
 vertical-align: bottom;
}
@media screen and (max-width: 768px) {
 html {
  font-size: 14px;
 }
 .pc-mode {
  display: none !important;
 }
 .sp-mode {
  display: inherit !important;
 }
}
/*  hedaer
---------------------------------------*/
.header-logo {}
/*  footer
---------------------------------------*/
#footer {
 padding: 124px 0 100px 0;
 position: relative;
}
.footer-inner {
 width: 1080px;
 margin: 0 auto;
 overflow: hidden;
}
.footer-logo {
 width: 443px;
 height: auto;
 margin-bottom: 24px;
}
.footer-l {
 width: 540px;
 float: left;
}
.address {
 font-size: 16px;
 margin-bottom: 44px;
 letter-spacing: 1px;
}
.copy-text {
 font-size: 11px;
}
.footer_gnav {
 width: 540px;
 float: left;
 padding-top: 30px;
}
.footer_gnav li {
 margin-bottom: 30px;
 display: inline-block;
 width: 225px;
}
.footer_gnav li a {
 font-size: 14px;
 color: #333;
 letter-spacing: 2px;
}
.to-top-container {
 position: absolute;
 top: 40px;
 left: 50%;
 width: 38px;
 margin-left: -19px;
 text-align: center;
 cursor: pointer;
}
.to-top-container:hover .to-top-icon {
 transform: translate(-2px, -4px);
}
.to-top-container figure {
 width: 33px;
 margin: 0 auto;
}
.to-top-icon {
 width: 33px;
 transform: translateX(-2px);
 transition: transform 0.2s;
}
.to-top {
 padding-top: 3px;
 font-size: 18px;
 font-weight: 400;
 letter-spacing: 0.1em;
 color: #009fe8;
 margin-left: -1px;
}
@media screen and (max-width: 768px) {
 #footer {
  padding: 17.6vw 0 16vw 0;
  position: relative;
 }
 .footer-inner {
  width: auto;
  margin: 0 10.6vw;
  overflow: hidden;
 }
 .footer-logo {
  width: 66vw;
  height: auto;
  margin: 0 auto 3.2vw auto;
 }
 .footer-l {
  width: auto;
  float: none;
 }
 .address {
  font-size: 3.7vw;
  margin-bottom: 16vw;
  letter-spacing: 1px;
  text-align: center;
 }
 .copy-text {
  font-size: 2.66vw;
  text-align: center;
 }
 .footer_gnav {
  width: auto;
  float: none;
  padding-top: 0;
  margin-bottom: 6.9vw;
 }
 .footer_gnav li {
  margin-bottom: 6.4vw;
  display: inline-block;
  width: 37vw;
 }
 .footer_gnav li a {
  font-size: 3.46vw;
  color: #333;
  letter-spacing: 2px;
 }
 .to-top-container {
  position: absolute;
  top: 5.3vw;
  left: 50%;
  width: 6.2vw;
  margin-left: -3.1vw;
  text-align: center;
  cursor: pointer;
 }
 .to-top-container:hover .to-top-icon {
  transform: translate(-2px, -4px);
 }
 .to-top-container figure {
  width: 6.2vw;
  margin: 0 auto;
 }
 .to-top-icon {
  width: 6.2vw;
  transform: translateX(-2px);
  transition: transform 0.2s;
 }
 .to-top {
  padding-top: 3px;
  font-size: 3.46vw;
  font-weight: 400;
  letter-spacing: 0.1em;
  color: #009fe8;
  margin-left: -0.53vw;
 }
}
/*header*/
header {
 display: flex;
 justify-content: space-between;
 align-items: center;
 height: 130px;
 position: fixed;
 top: 0;
 width: 100%;
 background: rgba(255, 255, 255, 0.7);
 transition: .3s;
 z-index: 10;
}
.is-animation {
 height: 90px;
}
.header_inner {
 width: 1600px;
 max-width: 1600px;
 height: 130px;
 margin: 0 auto;
 position: relative;
}
.header_logo {
 width: 288px;
 position: absolute;
 top: 35px;
 left: 50px;
}
.header_gnav {
 width: 570px;
 ;
 position: absolute;
 top: 40px;
 right: 360px;
}
.header_gnav ul {
 width: 570px;
 padding: 9px 0 0 0;
}
.header_gnav li a {
 padding: 10px 20px;
 color: #333;
 font-size: 15px;
}
.header_gnav li a:hover, .header_tel a:hover {
 opacity: 0.7;
}
.header_gnav li {
 display: inline-block;
}
.header_gnav li + li {
 border-left: #333333 1px solid;
}
.header_gnav li:first-child {
 border-left: #333333 1px solid;
}
.header_gnav li:last-child {
 border-right: #333333 1px solid;
}
.header_tel {
 width: 280px;
 position: absolute;
 top: 40px;
 right: 50px;
}
.header_tel a {
 display: block;
 color: #fff;
 font-size: 24px;
 background: #009fe8;
 font-family: 'Noto Serif JP', serif;
 padding: 11px 0;
 border-radius: 30px;
 line-height: 1.1;
 text-align: center;
}
@media screen and (max-width: 1400px) {
 header {
  height: 8.125vw;
 }
 .is-animation {
  height: 5.625vw;
 }
 .header_inner {
  width: 100vw;
  height: 8.125vw;
  max-width: auto;
 }
 .header_logo {
  width: 18vw;
  position: absolute;
  top: 2.187vw;
  left: 3.125vw;
 }
 .header_gnav {
  width: 37vw;
  ;
  position: absolute;
  top: 2.5vw;
  right: 22.5vw;
 }
 .header_gnav ul {
  width: 37vw;
  padding: 0.5625vw 0 0 0;
 }
 .header_gnav li a {
  padding: 6.25vw 1.25vw;
  color: #333;
  font-size: 1vw;
 }
 .header_tel {
  width: 17.5vw;
  position: absolute;
  top: 2.5vw;
  right: 3.125vw;
 }
 .header_tel a {
  display: block;
  color: #fff;
  font-size: 1.5vw;
 }
}
@media screen and (max-width: 768px) {}
.fade {
 opacity: 0;
 transition: all 1s 0s ease;
 transform: translateY(10%);
}
.fade.active {
 opacity: 1;
 transform: translateY(0%);
}
/*  menu
---------------------*/
.sp-header {
 display: none;
}
#menu {
 display: block;
 margin: 0 auto 0 auto;
}
.menu {
 position: relative;
 float: left;
 width: 80%;
 margin: 0 auto;
}
.menu > li {
 float: left;
 width: 25%;
 height: 25px;
 line-height: 30px;
 text-align: center;
}
.menu > li a {
 display: block;
 color: #1a1a1a;
 font-size: 13px;
}
.menu > li a:hover {
 color: #ec7971;
}
ul.menu__second-level {
 visibility: hidden;
 opacity: 0;
 z-index: 3;
}
ul.menu__third-level {
 visibility: hidden;
 opacity: 0;
}
ul.menu__fourth-level {
 visibility: hidden;
 opacity: 0;
}
.menu > li:hover {
 -webkit-transition: all .5s;
 transition: all .5s;
}
.menu__second-level li {
 border-style: none;
}
.menu__second-level li a {
 font-size: 14px;
 letter-spacing: -1px;
}
.menu__second-level .text-narrow a {
 transform: scale(0.8, 1);
 transform-origin: top left;
 width: 125%;
}
/* 下矢印 */
.init-bottom:after {
 content: '';
 display: inline-block;
 width: 6px;
 height: 6px;
 margin: 0 0 0 15px;
 border-right: 1px solid #fff;
 border-bottom: 1px solid #fff;
 -webkit-transform: rotate(45deg);
 -ms-transform: rotate(45deg);
 transform: rotate(45deg);
}
/* floatクリア */
.menu:before, .menu:after {
 content: " ";
 display: table;
}
.menu:after {
 clear: both;
}
.menu {
 *zoom: 1;
}
.menu > li.menu__single {
 position: relative;
}
@media screen and (max-width: 768px) {
 /*  hedaer
---------------------------------------*/
 #header {
  display: none;
 }
 .sp-header {
  display: inherit;
  height: 20vw;
  top: 0;
  left: 0;
  width: auto;
  z-index: 9999;
  position: relative;
 }
	 .second .sp-header {
  height: 26.66vw;
 }
	
 .sp-home {
  position: absolute;
  top: 6.6vw;
  left: 5.3vw;
  display: block;
  width: 60vw;
 }
 .drawer--top .drawer-hamburger, .drawer--top.drawer-open .drawer-hamburger {
  right: 5.5vw;
 }
 .drawer-hamburger {
  position: fixed;
  z-index: 104;
  top: 5.3vw;
  display: block;
  box-sizing: border-box;
  width: 14vw;
  height: 14vw;
  padding: 0;
  padding-top: 0;
  padding-right: 3.7333vw;
  padding-bottom: 5.733vw;
  padding-left: 4.5vw;
  -webkit-transition: all .6s cubic-bezier(0.190, 1.000, 0.220, 1.000);
  transition: all .6s cubic-bezier(0.190, 1.000, 0.220, 1.000);
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  border: 0;
  outline: 0;
  background-color: #fff;
  color: #231815;
  filter: drop-shadow(0px 0px 5px rgba(0, 0, 0, 0.2));
  border-radius: 50px;
 }
 .drawer-hamburger-icon, .drawer-hamburger-icon::before, .drawer-hamburger-icon::after {
  width: 5.3vw;
  height: 2px;
  -webkit-transition: all .6s cubic-bezier(0.190, 1.000, 0.220, 1.000);
  transition: all .6s cubic-bezier(0.190, 1.000, 0.220, 1.000);
  background-color: #231815;
 }
 .drawer-hamburger-icon {
  position: relative;
  display: block;
  margin-top: 5.7vw;
 }
 .drawer-hamburger-icon:before, .drawer-hamburger-icon:after {
  position: absolute;
  top: -1.6vw;
  left: 0;
  content: ' ';
 }
 .drawer-hamburger-icon:after {
  top: 1vw;
 }
 /*  nav
---------------------------------------*/
 .js #menu {
  display: none;
 }
 .js .slicknav_menu {
  display: block;
 }
 #menu {
  display: none;
 }
 .drawer--top.drawer-open .drawer-nav {
  top: 6.66vw;
  left: 50%;
  margin-left: -43.33vw;
  padding-bottom: 12vw;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
 }
 .drawer-navbar {
  z-index: 9999 !important;
 }
 .drawer-navbar .drawer-nav {
  padding-top: 6.6vw;
  width: 86.66vw;
 }
 .drawer--right .drawer-nav {
  right: -69vw;
  -webkit-transition: right .6s cubic-bezier(0.190, 1.000, 0.220, 1.000);
  transition: right .6s cubic-bezier(0.190, 1.000, 0.220, 1.000);
 }
 .drawer-nav {
  background-color: rgba(0, 159, 232, 0.9) !important;
  border-radius: 20px;
 }
 .drawer-nav a {
  color: #fff !important;
 }
 .drawer-dropdown-menu {
  background-color: rgba(255, 255, 255, 0.8) !important;
 }
 .drawer-hamburger-icon {
  background-color: #fff !important;
 }
 .drawer-hamburger-icon:before, .drawer-hamburger-icon:after {
  background-color: #231815 !important;
 }
 .drawer-open .drawer-hamburger-icon:before, .drawer-open .drawer-hamburger-icon:after {
  background-color: #fff !important;
 }
 .drawer-open .drawer-hamburger-icon {
  background-color: transparent !important;
 }
 .drawer-open .drawer-hamburger {
  background: transparent;
  border: #fff 1px solid;
  border-radius: 50px;
  top: 10.5vw !important;
  right: 10.5vw !important;
 }
 .drawer-navbar .drawer-menu {
  width: 48vw;
  margin: 20vw auto 0 auto;
  padding-bottom: 10vw;
 }
 .drawer-menu li {
  padding: 0 0 0 0;
  border-bottom: #fff 1px solid;
 }
 .drawer-menu li.toprecruit {
  padding: 4vw 0 4vw 10vw;
 }
 .drawer-menu-item {
  font-size: 4vw;
  display: block;
  text-decoration: none;
  color: #fff;
  text-align: center;
  padding: 3.3vw 0 !important;
  letter-spacing: 3px !important;
 }
 .drawer-menu li.sub {
  padding: 0 0 4vw 13vw;
 }
 .drawer-menu li a {}
 .drawer-menu li.sub a {
  position: relative;
  display: inline-block;
  padding: 0 0 0 5.5vw;
 }
 .drawer-menu li.sub a:before {
  content: '';
  position: absolute;
  top: 50%;
  display: inline-block;
  width: 4.2vw;
  height: 1px;
  background-color: #fff;
 }
 .drawer-menu li.sub a:before {
  left: 0;
 }
 .drawer-tel a {
  font-size: 5.3vw;
  background: #fff;
  border-radius: 50px;
  padding: 2.2vw 0;
  width: auto;
  color: #009fe8 !important;
  display: block;
  text-align: center;
  margin: 0 8vw;
  letter-spacing: 0.1em;
 }
}
/* page-top */
.pagetop:hover {
 opacity: 0.6;
}
.pagetop a img {
 width: 100%;
 height: auto;
}
.pagetop {
 position: fixed;
 bottom: 10px;
 right: 50px;
 height: 0;
 opacity: 0;
 overflow: hidden;
 animation-duration: 1s;
 width: 70px;
 z-index: 100;
 cursor: pointer;
}
.pagetop.static {
 position: absolute;
 bottom: auto;
 margin-top: -80px;
 margin-right: 0;
 margin-bottom: 0;
}
.pagetop.show {
 height: auto;
 opacity: 1;
 animation-name: fadein;
 width: 70px;
 z-index: 10000;
}
.pagetop.hide {
 height: 0;
 opacity: 0;
 animation-name: fadeout;
}
@keyframes fadein {
 0% {
  height: 0;
  opacity: 0;
 }
 1% {
  height: auto;
  opacity: 0;
 }
 100% {
  opacity: 1;
 }
}
@keyframes fadeout {
 0% {
  height: auto;
  opacity: 1;
 }
 99% {
  height: auto;
  opacity: 0;
 }
 100% {
  height: 0;
 }
}
@media screen and (max-width: 768px) {
 .pagetop a {
  text-decoration: none;
  display: block;
 }
 .pagetop {
  position: fixed;
  bottom: 10px;
  right: 10px;
  width: 40px;
  height: 0;
  opacity: 0;
  overflow: hidden;
  animation-duration: 1s;
  z-index: 1000;
 }
 .pagetop.show {
  width: 40px;
 }
 .pagetop.static {
  position: absolute;
  bottom: auto;
  margin-top: -50px;
  margin-right: 0;
  margin-bottom: 0;
 }
}
/*common*/
.cat_title {
 margin-bottom: 100px;
 text-align: center;
 background: url("../img/common/line_b.svg") no-repeat center top;
 padding-top: 123px;
 background-size: auto 100px;
}
.cat_title h2 {
 font-size: 60px;
 color: #009fe8;
 margin-bottom: 32px;
 line-height: 1;
 letter-spacing: 3px;
 font-family: urw-din-semi-condensed, sans-serif;
 font-weight: 400;
 font-style: normal;
}
.cat_title p {
 font-size: 28px;
 color: #009fe8;
 letter-spacing: 3px;
 font-weight: 400;
 font-family: 'Noto Serif JP', serif;
}
.clm_3 {
 width: 1080px;
 margin: 0 auto;
 overflow: hidden;
}
.clm_3 article {
 width: 320px;
 float: left;
 margin-right: 60px;
}
.clm_3 article:last-child {
 margin-right: 0px;
}
.clm_2 {
 width: 1080px;
 margin: 0 auto;
 overflow: hidden;
}
.clm_2 article {
 width: 430px;
 float: left;
 margin-right: 80px;
}
.clm_2 article:last-child {
 margin-right: 0px;
}
.btn_detail {
 width: 260px;
 margin: 0 auto;
}
.btn {
 -webkit-user-select: none;
 -moz-user-select: none;
 -ms-user-select: none;
 display: inline-block;
 padding: .8rem 4rem;
 border: 1px solid transparent;
 border-radius: 4px;
 background-color: transparent;
 color: #212529;
 font-size: 1rem;
 font-weight: 300;
 line-height: 1.5;
 text-align: center;
 vertical-align: middle;
 cursor: pointer;
 transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
 user-select: none;
}
.btn {
 padding: 15px 94px 15px 94px;
}
.btn.btn-outline {
 color: #111;
 font-size: .8rem;
 font-weight: 500;
}
.btn.btn-outline {
 position: relative;
 overflow: hidden;
 border: 1px solid #009fe8;
 border-radius: 30px;
 background-color: transparent;
 color: #009fe8;
 font-size: 14px;
 font-weight: 500
}
.btn.btn-outline, .btn.btn-outline:before {
 transition: all .3s cubic-bezier(.77, 0, .175, 1);
 transition-timing-function: cubic-bezier(.77, 0, .175, 1)
}
.btn.btn-outline:before {
 z-index: 0;
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 transform: translateX(-110%) skew(-15deg, 0deg);
 background: #009fe8;
 content: ""
}
.btn.btn-outline span {
 z-index: 2;
 position: relative
}
.btn.btn-outline:active, .btn.btn-outline:focus, .btn.btn-outline:hover {
 outline: none;
 color: #fdfdfd
}
.btn.btn-outline:active:before, .btn.btn-outline:focus:before, .btn.btn-outline:hover:before {
 transform: translateX(0) skew(0deg, 0deg)
}
.btn-arrow:after {
 z-index: 2;
 position: absolute;
 width: 30px;
 height: 5px;
 top: 50%;
 right: 30px;
 margin-top: -5px;
 content: "";
 background: url("../img/common/ic_cursor.svg") no-repeat;
 background-size: contain;
 pointer-events: none;
 display: inline-block;
 transition: all .3s cubic-bezier(.77, 0, .175, 1);
 transition-timing-function: cubic-bezier(.77, 0, .175, 1)
}
.btn-arrow:hover:after {
 z-index: 2;
 position: absolute;
 width: 30px;
 height: 5px;
 top: 50%;
 right: 30px;
 margin-top: -5px;
 content: "";
 background: url("../img/common/ic_cursor_w.svg") no-repeat;
 background-size: contain;
 pointer-events: none;
 display: inline-block;
 transition: all .3s cubic-bezier(.77, 0, .175, 1);
 transition-timing-function: cubic-bezier(.77, 0, .175, 1)
}
@media screen and (max-width: 768px) {
 .cat_title {
  margin-bottom: 12.8vw;
  text-align: center;
  background: url("../img/common/line_b.svg") no-repeat center top;
  padding-top: 21.3vw;
  background-size: auto 15.4vw;
 }
 .cat_title h2 {
  font-size: 10.6vw;
  color: #009fe8;
  margin-bottom: 4.2vw;
  line-height: 1;
  letter-spacing: 2px;
  font-family: urw-din-semi-condensed, sans-serif;
  font-weight: 400;
  font-style: normal;
 }
 .cat_title p {
  font-size: 4.53vw;
  color: #009fe8;
  letter-spacing: 3px;
  font-weight: 400;
  font-family: 'Noto Serif JP', serif;
 }
 .clm_3 {
  width: auto;
  margin: 0 10.6vw;
  overflow: hidden;
 }
 .clm_3 article {
  width: auto;
  float: none;
  margin-right: 0;
  margin-bottom: 21.3vw;
 }
 .clm_3 article:last-child {
  margin-right: 0px;
 }
 .clm_2 {
  width: auto;
  margin: 0 0 13.3vw 0 ;
  overflow: hidden;
 }
 .clm_2 article {
  width: auto;
  float: none;
  margin-right: 0;
  margin-bottom: 21.3vw;
 }
 .clm_2 article:last-child {
  margin-right: 0px;
 }
 .btn_detail {
  width: 57vw;
  margin: 0 auto;
 }
 .btn {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  display: inline-block;
  padding: .8rem 0;
  border: 1px solid transparent;
  border-radius: 6vw;
  background-color: transparent;
  color: #212529;
  font-size: 1rem;
  font-weight: 300;
  line-height: 1.5;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
  user-select: none;
 }
 .btn {
  padding: 3vw 18.6vw 3vw 18.6vw;
 }
 .btn.btn-outline {
  color: #111;
  font-size: .8rem;
  font-weight: 500;
 }
 .btn.btn-outline {
  position: relative;
  overflow: hidden;
  border: 1px solid #009fe8;
  border-radius: 6vw;
  background-color: #009fe8;
  color: #fff;
  font-size: 3.46vw;
  font-weight: 500
 }
 .btn.btn-outline, .btn.btn-outline:before {
  transition: all .3s cubic-bezier(.77, 0, .175, 1);
  transition-timing-function: cubic-bezier(.77, 0, .175, 1)
 }
 .btn.btn-outline:before {
  z-index: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transform: translateX(-110%) skew(-15deg, 0deg);
  background: #009fe8;
  content: ""
 }
 .btn.btn-outline span {
  z-index: 2;
  position: relative
 }
 .btn.btn-outline:active, .btn.btn-outline:focus, .btn.btn-outline:hover {
  outline: none;
  color: #fdfdfd
 }
 .btn.btn-outline:active:before, .btn.btn-outline:focus:before, .btn.btn-outline:hover:before {
  transform: translateX(0) skew(0deg, 0deg)
 }
 .btn-arrow:after {
  z-index: 2;
  position: absolute;
  width: 6.666vw;
  height: 5px;
  top: 50%;
  right: 3.7vw;
  margin-top: -5px;
  content: "";
  background: url("../img/common/ic_cursor_w.svg") no-repeat;
  background-size: contain;
  pointer-events: none;
  display: inline-block;
  transition: all .3s cubic-bezier(.77, 0, .175, 1);
  transition-timing-function: cubic-bezier(.77, 0, .175, 1)
 }
 .btn-arrow:hover:after {
  z-index: 2;
  position: absolute;
  width: 6.666vw;
  height: 5px;
  top: 50%;
  right: 3.7vw;
  margin-top: -5px;
  content: "";
  background: url("../img/common/ic_cursor_w.svg") no-repeat;
  background-size: contain;
  pointer-events: none;
  display: inline-block;
  transition: all .3s cubic-bezier(.77, 0, .175, 1);
  transition-timing-function: cubic-bezier(.77, 0, .175, 1)
 }
}
/*index*/
#main {
 /*max-width: 1600px;*/
 width: 100%;
 height: 1080px;
 margin: 0 auto 200px auto;
 padding: 130px 0 0 0;
}
#main .bx-wrapper {
 width: 720px !important;
 height: 950px;
 float: left;
 position: absolute;
}
.slider img {
 width: 100%;
 height: auto;
}
.bx-wrapper {
 -moz-box-shadow: 0 0 0 #fff;
 -webkit-box-shadow: 0 0 0 #fff;
 box-shadow: 0 0 0 #fff !important;
 border: none !important;
 background: #fff;
 margin-bottom: 5.333vw !important;
}
.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active, .bx-wrapper .bx-pager.bx-default-pager a:focus {
 background: #009fe8;
}
.bx-wrapper .bx-pager.bx-default-pager a {
 background: #e6e6e6;
 text-indent: -9999px;
 display: block;
 width: 8px;
 height: 8px;
 margin: 15px 5px 15px 5px;
 outline: 0;
 -moz-border-radius: 4px;
 -webkit-border-radius: 4px;
 border-radius: 4px;
}
.bx-wrapper .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item {
 display: block;
}
.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
 position: absolute;
 bottom: -10px;
 width: 100%;
 right: -20px;
}
.bx-wrapper .bx-pager {
 text-align: right;
 font-size: .85em;
 font-family: Arial;
 font-weight: bold;
 color: #666;
 padding-top: 20px;
 width: 10px;
}
.main_txtbox {
 position: absolute;
 top: 330px;
 width: 550px;
 left: 800px;
 text-align: left;
}
.main_catch {
 font-size: 48px;
 color: #333333;
 margin-bottom: 120px;
 font-family: 'Noto Serif JP', serif;
 font-weight: 400;
 line-height: 1.6;
}
.main_read {
 font-size: 26px;
 line-height: 2;
 color: #009fe8;
 margin-bottom: 50px;
 font-family: 'Noto Serif JP', serif;
 letter-spacing: 2px;
}
.main_txt {
 font-size: 15px;
 line-height: 2;
 letter-spacing: 1px;
}
@media screen and (max-width: 768px) {
 #main {
  /*max-width: 1600px;*/
  width: auto;
  height: auto;
  margin: -20vw auto 21.33vw auto;
  padding: 0 0 0 0;
 }
 #main .bx-wrapper {
  width: 73.333vw !important;
  height: 106.666vw;
  float: none;
  position: absolute;
 }
 .slider img {
  width: 100%;
  height: auto;
 }
 .bx-wrapper {
  -moz-box-shadow: 0 0 0 #fff;
  -webkit-box-shadow: 0 0 0 #fff;
  box-shadow: 0 0 0 #fff !important;
  border: none !important;
  background: #fff;
  margin-bottom: 5.333vw !important;
 }
 .bx-wrapper .bx-pager.bx-default-pager a {
  background: #e6e6e6;
  text-indent: -9999px;
  display: block;
  width: 8px;
  height: 8px;
  margin: 15px 5px 15px 5px;
  outline: 0;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
 }
 .bx-wrapper .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item {
  display: block;
 }
 .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
  position: absolute;
  bottom: -10px;
  width: 100%;
  right: -20px;
 }
 .bx-wrapper .bx-pager {
  text-align: right;
  font-size: .85em;
  font-family: Arial;
  font-weight: bold;
  color: #666;
  padding-top: 20px;
  width: 10px;
 }
 .main_txtbox {
  position: inherit;
  top: auto;
  width: auto;
  left: auto;
  text-align: left;
  padding-top: 112vw;
  padding-left: 10vw;
 }
 .main_catch {
  font-size: 9.3vw;
  color: #333333;
  margin-bottom: 13vw;
  line-height: 1.3;
 }
 .main_read {
  font-size: 4.8vw;
  line-height: 1.8;
  color: #009fe8;
  margin-bottom: 8.6vw;
  font-family: 'Noto Serif JP', serif;
  letter-spacing: inherit;
 }
 .main_txt {
  font-size: 4vw;
  line-height: 2;
  letter-spacing: 1px;
 }
}
/*medecalItem*/
#medecalItem {
 margin-bottom: 200px;
}
.item_title {
 font-size: 24px;
 margin-bottom: 40px;
 color: #009fe8;
 text-align: center;
 font-family: 'Noto Serif JP', serif;
 font-weight: 400;
 letter-spacing: 5px;
}
#medecalItem ul {
 width: 1080px;
 margin: 0 auto;
 border: #43aee4 1px solid;
 padding: 40px 0 25px 0;
 border-radius: 10px;
}
#medecalItem li {
 width: 800px;
 margin: 0 auto 15px auto;
 font-size: 18px;
 color: #009fe8;
 background: #f1f9fd;
 padding: 13px 50px;
 letter-spacing: -1px;
}
@media screen and (max-width: 768px) {
 #medecalItem {
  margin: 0 10.666vw 32vw 10.666vw;
 }
 .item_title {
  font-size: 5vw;
  margin-bottom: 5.3vw;
  color: #009fe8;
  text-align: center;
  font-family: 'Noto Serif JP', serif;
  font-weight: 400;
  letter-spacing: 5px;
 }
 #medecalItem ul {
  width: auto;
  margin: 0 auto;
  border: #43aee4 1px solid;
  padding: 8.53vw 5.3vw 8.53vw 5.3vw;
  border-radius: 10px;
 }
 #medecalItem li {
  width: auto;
  margin: 0 auto 2.6vw auto;
  font-size: 4vw;
  color: #009fe8;
  background: #f1f9fd;
  padding: 2vw 3vw;
  letter-spacing: -1px;
 }
	 #medecalItem li span {
  font-size: 3.4vw;
 }
}
#indexProduct {
 margin-bottom: 200px;
}
#indexProduct article h3 {
 color: #009fe8;
 font-size: 28px;
 margin-bottom: 64px;
 text-align: center;
 font-weight: 400;
 letter-spacing: 3px;
 font-family: 'Noto Serif JP', serif;
}
#indexProduct article figure {
 margin-bottom: 40px;
}
#indexProduct article p {
 margin-bottom: 40px;
 font-size: 15px;
 line-height: 2;
}
@media screen and (max-width: 768px) {
 #indexProduct {
  margin-bottom: 10.6vw;
 }
 #indexProduct article h3 {
  color: #009fe8;
  font-size: 5.86vw;
  margin-bottom: 7.4vw;
  text-align: center;
  font-weight: 400;
  letter-spacing: 3px;
  font-family: 'Noto Serif JP', serif;
 }
 #indexProduct article figure {
  margin-bottom: 6.4vw;
 }
 #indexProduct article p {
  margin-bottom: 5.3vw;
  font-size: 3.7vw;
  line-height: 2;
 }
}
#indexGreeting {
 background: #f1f9fd;
 padding: 200px 0 160px 0;
}
.indexGreeting-detail {
 width: 1080px;
 margin: 0 auto 120px auto;
 overflow: hidden;
}
.indexGreeting-detail figure {
 width: 260px;
 float: left;
}
.indexGreeting-detail .indexGreeting-detail-txt {
 width: 700px;
 float: right;
}
.indexGreeting-detail .indexGreeting-detail-txt p {
 font-size: 15px;
 line-height: 2;
 margin-bottom: 60px;
 letter-spacing: 1px;
}
.indexGreeting-detail .indexGreeting-detail-txt p.name {
 font-size: 17px;
 margin-bottom: 0;
 font-family: 'Noto Serif JP', serif;
}
.indexGreeting-detail .indexGreeting-detail-txt p.name strong {
 font-size: 28px;
 font-weight: 400;
}
.indexGreeting-history {
 width: 1080px;
 margin: 0 auto 0 auto;
 overflow: hidden;
 border-top: #c8e6f7 1px solid;
}
.indexGreeting-history h3 {
 font-size: 17px;
 margin-bottom: 24px;
 line-height: 1;
}
.indexGreeting-history-l {
 float: left;
 width: 50%;
 border-right: #c8e6f7 1px solid;
 padding-top: 32px;
 padding-bottom: 20px;
}
.indexGreeting-history-r {
 float: right;
 width: 49%;
 padding-top: 32px;
 padding-left: 32px;
 box-sizing: border-box;
}
.indexGreeting-history article {}
.indexGreeting-history article dl {
 margin-bottom: 30px;
}
.indexGreeting-history article dt {
 width: 100px;
 font-size: 14px;
 display: inline-block;
 margin-bottom: 10px;
 vertical-align: top;
}
.indexGreeting-history article dd {
 width: 370px;
 font-size: 14px;
 display: inline-block;
 margin-bottom: 10px;
}
.indexGreeting-history article li {
 font-size: 14px;
 margin-bottom: 10px;
}
.indexGreeting-history-r article dl {
 margin-bottom: 0px;
 margin-top: -5px;
}
.indexGreeting-history-r article dt {
 width: 65px;
 line-height: 2;
}
.indexGreeting-history-r article dd {
 line-height: 2;
 vertical-align: top;
}
@media screen and (max-width: 768px) {
 #indexGreeting {
  padding: 16vw 0 16vw 0;
 }
 .indexGreeting-detail {
  width: auto;
  margin: 0 10.6vw 10.6vw 10.6vw;
  overflow: hidden;
 }
 .indexGreeting-detail figure {
  width: 43vw;
  float: none;
  margin: 0 auto 4.2vw auto;
 }
 .indexGreeting-detail .indexGreeting-detail-txt {
  width: auto;
  float: none;
 }
 .indexGreeting-detail .indexGreeting-detail-txt p {
  font-size: 3.7vw;
  line-height: 2;
  margin-bottom: 0;
  letter-spacing: 1px;
 }
 .indexGreeting-detail .indexGreeting-detail-txt p.name {
  font-size: 3.46vw;
  margin-bottom: 10.6vw;
  text-align: center;
 }
 .indexGreeting-detail .indexGreeting-detail-txt p.name strong {
  font-size: 5.06vw;
  font-weight: 400;
 }
 .indexGreeting-history {
  width: auto;
  margin: 0 10.6vw 0 10.6vw;
  overflow: hidden;
  border-top: #c8e6f7 1px solid;
 }
 .indexGreeting-history h3 {
  font-size: 4.26vw;
  margin-bottom: 4vw;
  line-height: 1;
 }
 .indexGreeting-history-l {
  float: none;
  width: auto;
  border-right: none;
  padding-top: 10.6vw;
  padding-bottom: 10.6vw;
 }
 .indexGreeting-history-r {
  float: none;
  width: auto;
  padding-top: 0;
  padding-left: 0;
  box-sizing: border-box;
 }
 .indexGreeting-history article {}
 .indexGreeting-history article dl {
  margin-bottom: 30px;
 }
 .indexGreeting-history article dt {
  width: 22vw;
  font-size: 3.46vw;
  display: inline-block;
  margin-bottom: 10px;
  vertical-align: top;
 }
 .indexGreeting-history article dd {
  width: 46vw;
  font-size: 3.46vw;
  display: inline-block;
  margin-bottom: 10px;
 }
 .indexGreeting-history article li {
  font-size: 3.46vw;
  margin-bottom: 10px;
 }
 .indexGreeting-history-r article dl {
  margin-bottom: 0px;
  margin-top: -5px;
 }
 .indexGreeting-history-r article dt {
  width: 18vw;
  line-height: 2;
 }
 .indexGreeting-history-r article dd {
  line-height: 2;
  vertical-align: top;
 }
}
#indexProfile {
 padding: 200px 0;
}
.indexProfile-detail {
 width: 1080px;
 margin: 0 auto;
 overflow: hidden;
}
.indexProfile-detail figure {
 width: 380px;
 float: left;
}
.indexProfile-detail table {
 width: 580px;
 float: right;
 border-top: #c8e6f7 1px solid;
}
.indexProfile-detail th {
 width: 213px;
 text-align: left;
 box-sizing: border-box;
 border-bottom: #c8e6f7 1px solid;
 padding: 20px 0 20px 75px;
 font-size: 15px;
 color: #009fe8;
 font-weight: normal;
}
.indexProfile-detail td {
 width: 367px;
 border-bottom: #c8e6f7 1px solid;
 padding: 20px 0;
 font-size: 15px;
 color: #009fe8;
}
@media screen and (max-width: 768px) {
 #indexProfile {
  padding: 32vw 0;
 }
 .indexProfile-detail {
  width: auto;
  margin: 0 10.6vw;
  overflow: hidden;
 }
 .indexProfile-detail figure {
  width: 73vw;
  float: none;
  margin: 0 auto 6.4vw auto;
 }
 .indexProfile-detail table {
  width: 100%;
  float: none;
  border-top: #c8e6f7 1px solid;
 }
 .indexProfile-detail th {
  width: 19vw;
  text-align: left;
  box-sizing: border-box;
  border-bottom: #c8e6f7 1px solid;
  padding: 2vw 0 2vw 0;
  font-size: 3.46vw;
  color: #009fe8;
  font-weight: normal;
 }
 .indexProfile-detail td {
  width: 58vw;
  border-bottom: #c8e6f7 1px solid;
  padding: 2vw 0 2vw 0;
  font-size: 3.46vw;
  color: #009fe8;
 }
}
#indexRectuit {
 padding: 200px 0;
 background: #f1f9fd;
}
.indexRectuit-detail {
 width: 1080px;
 margin: 0 auto;
 overflow: hidden;
}
.indexRectuit-detail figure {
 width: 380px;
 float: left;
}
.indexRectuit-detail .indexRectuit-detail-r {
 width: 580px;
 float: right;
}
.indexRectuit-detail table {
 width: 580px;
 border-top: #c8e6f7 1px solid;
 margin-bottom: 60px;
}
.indexRectuit-detail th {
 width: 213px;
 text-align: left;
 box-sizing: border-box;
 border-bottom: #c8e6f7 1px solid;
 padding: 20px 0 20px 75px;
 font-size: 15px;
 color: #009fe8;
 font-weight: normal;
}
.indexRectuit-detail td {
 width: 367px;
 border-bottom: #c8e6f7 1px solid;
 padding: 20px 0;
 font-size: 15px;
 color: #009fe8;
}
.indexRectuit-detail-txt {
 font-size: 18px;
 color: #009fe8;
 font-family: 'Noto Serif JP', serif;
 margin-bottom: 20px;
 line-height: 1;
 letter-spacing: 2px;
}
.indexRectuit-detail-tel {
 font-size: 18px;
 color: #009fe8;
 line-height: 1;
}
.indexRectuit-detail-notxt {
 font-size: 16px;
 color: #009fe8;
 text-align: center;
 line-height: 1;
 font-family: 'Noto Serif JP', serif;
}
@media screen and (max-width: 768px) {
 #indexRectuit {
  padding: 16vw 0;
  background: #f1f9fd;
 }
 .indexRectuit-detail {
  width: auto;
  margin: 0 10.6vw;
  overflow: hidden;
 }
 .indexRectuit-detail figure {
  width: 73.3vw;
  float: none;
  margin: 0 auto 6.4vw auto;
 }
 .indexRectuit-detail .indexRectuit-detail-r {
  width: auto;
  float: none;
 }
 .indexRectuit-detail table {
  width: 100%;
  border-top: #c8e6f7 1px solid;
  margin-bottom: 6.4vw;
 }
 .indexRectuit-detail th {
  width: 18vw;
  text-align: left;
  box-sizing: border-box;
  border-bottom: #c8e6f7 1px solid;
  padding: 2vw 0 2vw 0;
  font-size: 3.2vw;
  color: #009fe8;
  font-weight: normal;
 }
 .indexRectuit-detail td {
  width: 59vw;
  border-bottom: #c8e6f7 1px solid;
  padding: 2vw 0 2vw 0;
  font-size: 3.2vw;
  color: #009fe8;
  letter-spacing: -1px;
 }
 .indexRectuit-detail-txt {
  font-size: 4vw;
  color: #009fe8;
  font-family: 'Noto Serif JP', serif;
  margin-bottom: 6.4vw;
  line-height: 1.5;
  letter-spacing: 2px;
 }
 .indexRectuit-detail-tel {
  font-size: 4.53vw;
  color: #009fe8;
  line-height: 1;
 }
 .indexRectuit-detail-notxt {
  font-size: 4vw;
  color: #009fe8;
  text-align: center;
  line-height: 1;
  font-family: 'Noto Serif JP', serif;
 }
}
#officeGallery {
 padding: 200px 0;
}
#js-infiniteslide ul {
 overflow: hidden;
}
.photoSlide {
 overflow: hidden;
}
#js-infiniteslide li {
 height: 460px;
 float: left;
}
#js-infiniteslide li img {
 width: auto;
 height: 100%;
}
@media screen and (max-width: 768px) {
 #officeGallery {
  padding: 16vw 0;
 }
 #js-infiniteslide ul {
  overflow: hidden;
 }
 .photoSlide {
  overflow: hidden;
 }
 #js-infiniteslide li {
  height: 72vw;
  float: left;
 }
 #js-infiniteslide li img {
  width: auto;
  height: 100%;
 }
}
#Contact {
 background: url("../img/common/bg_footer.jpg") no-repeat;
 background-size: cover;
 padding: 80px 0;
}
#Contact .cat_title {
 margin-bottom: 100px;
 text-align: center;
 background: url("../img/common/line_w.svg") no-repeat center top;
 padding-top: 123px;
 background-size: auto 100px;
}
#Contact .cat_title h2 {
 font-size: 60px;
 color: #fff;
 margin-bottom: 32px;
 line-height: 1;
 letter-spacing: 3px;
 font-family: urw-din-semi-condensed, sans-serif;
 font-weight: 400;
 font-style: normal;
}
#Contact .Contact-txt {
 color: #fff;
 font-size: 18px;
 font-family: 'Noto Serif JP', serif;
 text-align: center;
 margin-bottom: 40px;
 letter-spacing: 2px;
}
#Contact .Contact-tel {
 color: #fff;
 font-size: 18px;
 text-align: center;
}
#Contact a {
 color: #fff;
 font-size: 36px;
 text-align: center;
 display: inline-block;
 letter-spacing: 2px;
}
@media screen and (max-width: 768px) {
 #Contact {
  background: url("../img/common/bg_footer_sp.jpg") no-repeat;
  background-size: cover;
  padding: 8.5vw 0;
 }
 #Contact .cat_title {
  margin-bottom: 10.6vw;
  text-align: center;
  background: url("../img/common/line_w.svg") no-repeat center top;
  padding-top: 19vw;
  background-size: auto 13.3vw;
 }
 #Contact .cat_title h2 {
  font-size: 10.66vw;
  color: #fff;
  margin-bottom: 10.66vw;
  line-height: 1;
  letter-spacing: 2px;
  font-family: urw-din-semi-condensed, sans-serif;
  font-weight: 400;
  font-style: normal;
 }
 #Contact .Contact-txt {
  color: #fff;
  font-size: 4vw;
  font-family: 'Noto Serif JP', serif;
  text-align: center;
  margin-bottom: 5.3vw;
  letter-spacing: 2px;
 }
 #Contact .Contact-tel {
  color: #fff;
  font-size: 5.066vw;
  text-align: center;
 }
 #Contact a {
  color: #fff;
  font-size: 5.066vw;
  text-align: center;
  display: inline-block;
  letter-spacing: 2px;
 }
}
/*second*/
.second #officeGallery {
 background: #fcfcfc;
}
#main-sec {
 width: 83.75vw;
 height: 30.375vw;
 position: relative;
 margin-top: 130px;
 margin-bottom: 1.5vw;
}
.main-title figure {
 position: relative;
 z-index: 1;
 width: 83.75vw;
 height: 25vw;
}
.main-title-tit {
 position: absolute;
 top: 20vw;
 left: 0;
 width: 60vw;
 height: 11.25vw;
 z-index: 3;
 background-color: rgba(0, 159, 232, 0.9);
 border-radius: 0 1.25vw 1.25vw 0;
 padding: 3vw 0 0 15.625vw;
 box-sizing: border-box;
}
.main-title-tit h1 {
 color: #fff;
 font-size: 3vw;
 text-align: left;
}
.main-title-tit h1::before {
 content: attr(data-title);
 font-size: 1.87vw;
 padding-bottom: 1.5vw;
 line-height: 1;
 display: block;
 font-family: urw-din-semi-condensed, sans-serif;
 font-weight: 400;
 font-style: normal;
	letter-spacing: 1px;
}
.main-title-tit h1 span {
 font-size: 3vw;
 font-weight: bold;
 text-align: left;
 display: block;
 letter-spacing: 1.25vw;
 font-family: 'Noto Serif JP', serif;
}
.sub-img {
 width: 83.75vw;
 height: 25vw;
 position: relative;
 margin-bottom: 12.5vw;
}
.sub-img figure {
 position: relative;
 z-index: 1;
 width: 83.75vw;
 height: 25vw;
}
.htit {
 font-weight: bold;
 margin-bottom: 120px;
 text-align: center;
}
.htit::before {
 content: attr(data-title);
 font-size: 30px;
 padding-bottom: 40px;
 color: #009fe8;
 display: block;
 line-height: 1;
 font-family: urw-din-semi-condensed, sans-serif;
 font-weight: 400;
 font-style: normal;
}
.htit span {
 font-size: 44px;
 font-weight: bold;
 text-align: center;
 display: block;
 color: #009fe8;
 font-family: 'Noto Serif JP', serif;
 letter-spacing: 8px;
}
.cat_title_sec {
 margin-bottom: 100px;
 text-align: center;
 background: url("../img/common/line_b.svg") no-repeat center top;
 padding-top: 140px;
 background-size: auto 100px;
}
@media screen and (max-width: 768px) {
	

#main-sec {
 width: 100%;
 height: 49.6vw;
 position: relative;
 margin-top: 0;
 margin-bottom: 3.2vw;
}
.main-title figure {
 position: relative;
 z-index: 1;
 width: 100%;
 height: auto;
}
.main-title-tit {
 position: absolute;
 top: 27.33vw;
 left: 0;
 width: 86.66vw;
 height: 22.133vw;
 z-index: 3;
 background-color: rgba(0, 159, 232, 0.9);
 border-radius: 0 1.25vw 1.25vw 0;
 padding: 4.26vw 0 0 10.66vw;
 box-sizing: border-box;
}
.main-title-tit h1 {
 color: #fff;
 font-size: 4.26vw;
 text-align: left;
}
.main-title-tit h1::before {
 content: attr(data-title);
 font-size: 4.26vw;
 padding-bottom: 3.2vw;
 line-height: 1;
 display: block;
 font-family: urw-din-semi-condensed, sans-serif;
 font-weight: 400;
 font-style: normal;
}
.main-title-tit h1 span {
 font-size: 6.9vw;
 font-weight: bold;
 text-align: left;
 display: block;
 letter-spacing: 1.25vw;
 font-family: 'Noto Serif JP', serif;
}
.sub-img {
 width: 100%;
 height: 40vw;
 position: relative;
 margin-bottom: 16vw;
}
.sub-img figure {
 position: relative;
 z-index: 1;
 width: 100%;
 height: 40vw;
}
.htit {
 font-weight: bold;
 margin-bottom: 13.3vw;
 text-align: center;
}
.htit::before {
 content: attr(data-title);
 font-size: 5.3vw;
 padding-bottom: 4.26vw;
 color: #009fe8;
 display: block;
 line-height: 1;
 font-family: urw-din-semi-condensed, sans-serif;
 font-weight: 400;
 font-style: normal;
}
.htit span {
 font-size: 6.4vw;
 font-weight: bold;
 text-align: center;
 display: block;
 color: #009fe8;
 font-family: 'Noto Serif JP', serif;
 letter-spacing: 4px;
}
.cat_title_sec {
 margin-bottom: 13.33vw;
 text-align: center;
 background: url("../img/common/line_b.svg") no-repeat center top;
 padding-top: 20vw;
 background-size: auto 16vw;
}
}
/*breadcrumb*/
.breadcrumb {
 width: 67.5vw;
 margin: 0 auto 80px auto;
 padding: 0;
 list-style: none;
}
.breadcrumb li {
 display: inline;
 list-style: none;
}
.breadcrumb li:after {
 content: '>';
 padding: 0 0.2em;
 color: #555;
}
.breadcrumb li:last-child:after {
 content: '';
}
.breadcrumb li a {
 text-decoration: none;
 color: #333;
 font-size: 13px;
}
.breadcrumb li a:hover {
 text-decoration: underline;
}
.breadcrumb li a:visited {
 color: #333;
}
.breadcrumb li.current a {
 color: #009fe8;
}
@media screen and (max-width: 768px) {
 .breadcrumb {
  width: 78.6vw;
 margin: 0 auto 5.3vw auto;
 }
.breadcrumb li a {
 font-size: 3.2vw;
}
}
/**/
.sec-inner {
 width: 940px;
 margin: 0 auto 0 auto;
 overflow: hidden;
}
.sec-inner .read {
 font-size: 28px;
 margin-bottom: 64px;
 font-weight: 500;
 letter-spacing: 3px;
}
.sec-inner .txt {
 font-size: 15px;
 font-weight: 400;
 margin-bottom: 80px;
 line-height: 2;
}
.sec-inner .clm_2 figure {
 margin-bottom: 24px;
}
.sec-inner .clm_2 h4 {
 font-size: 17px;
 font-weight: 500;
 color: #009fe8;
 margin-bottom: 24px;
 letter-spacing: 2px;
}
.sec-inner .clm_2 p {
 font-size: 13px;
 font-weight: 400;
 margin-bottom: 200px;
 line-height: 2;
}


@media screen and (max-width: 768px) {
	.sec-inner {
 width: auto;
 margin: 0 10.6vw;
 overflow: hidden;
}
.sec-inner .read {
 font-size: 5vw;
	line-height: 1.5;
 margin-bottom: 10.6vw;
 font-weight: 500;
 letter-spacing: 3px;
}
.sec-inner .txt {
 font-size: 4vw;
 font-weight: 400;
 margin-bottom: 13.33vw;
 line-height: 2;
}
	.sec-inner .clm_2 article {
 margin-bottom: 0;
}
.sec-inner .clm_2 figure {
	margin: 0 2.6vw 4.26vw 2.6vw;
}
.sec-inner .clm_2 h4 {
 font-size: 4vw;
 font-weight: 500;
 color: #009fe8;
 margin-bottom: 5.3vw;
 letter-spacing: 2px;
	line-height: 1.3;
}
.sec-inner .clm_2 p {
 font-size: 3.7vw;
 font-weight: 400;
 margin-bottom: 13.33vw;
 line-height: 2;
}
}

/*denture*/

.denture-mov {
    width: 640px;
	height: 360px;
	margin: 0 auto 200px auto;
}


.hstit {
 font-weight: bold;
 margin-bottom: 64px;
 text-align: center;
}
.hstit::before {
 content: attr(data-title);
 font-size: 24px;
 padding-bottom: 24px;
 color: #009fe8;
 display: block;
 line-height: 1;
 font-family: urw-din-semi-condensed, sans-serif;
 font-weight: 400;
 font-style: normal;
}
.hstit span {
 font-size: 36px;
 font-weight: bold;
 text-align: center;
 display: block;
 color: #009fe8;
 font-family: 'Noto Serif JP', serif;
 letter-spacing: 5px;
}

.denture-merit ul{
	background: #f1f9fd;
	padding: 40px 0 25px 0;
	margin-bottom: 200px;
}

.denture-merit li{
	width: 700px;
margin: 0 auto 20px auto;
	padding: 15px 30px 15px 60px;
	color: #009fe8;
	font-size: 18px;
	text-align: left;
	background: #fff;
	position:relative;
}

.denture-merit li:before{
	position:absolute;
	top: 18px;
	left:30px;
	content:"";
	display:inline-block;
	width:20px;
	height:20px;	background:url("../img/denture/ic_check.svg") no-repeat;
	background-size:contain;
}

#dentureFacility .sec-inner .clm_2 p {
    margin-bottom: 80px;
}

#dentureFacility {
	padding-bottom: 145px;
}

@media screen and (max-width: 768px) {
	
.denture-mov {
    width: 100%;
	height: auto;
	margin: 0 auto 21.3vw auto;
}

.hstit {
 font-weight: bold;
 margin-bottom: 5.33vw;
 text-align: center;
}
.hstit::before {
 content: attr(data-title);
 font-size: 4.26vw;
 padding-bottom: 3.2vw;
 color: #009fe8;
 display: block;
 line-height: 1;
 font-family: urw-din-semi-condensed, sans-serif;
 font-weight: 400;
 font-style: normal;
}
.hstit span {
 font-size: 5.3vw;
 font-weight: bold;
 text-align: center;
 display: block;
 color: #009fe8;
 font-family: 'Noto Serif JP', serif;
 letter-spacing: 3px;
}

.denture-merit ul{
	background: #f1f9fd;
	padding: 8.533vw 0 8.533vw 0;
	margin-bottom: 26.666vw;
}

.denture-merit li{
	width: 86.66vw;
margin: 0 auto 20px auto;
	padding: 2vw 2vw 2vw 10.66vw;
	color: #009fe8;
	font-size: 4vw;
	text-align: left;
	background: #fff;
	position:relative;
}

.denture-merit li span{
	font-size: 3.2vw;
}
	
.denture-merit li:before{
	position:absolute;
	top: 3vw;
	left:4vw;
	content:"";
	display:inline-block;
	width:3.733vw;
	height:3.733vw;	background:url("../img/denture/ic_check.svg") no-repeat;
	background-size:contain;
}

#dentureFacility .sec-inner .clm_2 p {
    margin-bottom: 13.3vw;
}

#dentureFacility {
	padding-bottom: 13.3vw;
}
	
}


/*cephalo*/

#cephaloAbout{
	margin-bottom: 200px;
}

.clm_1{
	width: 940px;
	margin: 0 auto 200px auto;
	
}

.clm_1 figure{
	background: #F6F9FD;
	padding: 45px 40px;
	overflow: hidden;
	margin-bottom: 24px;
	border-radius: 15px;
}

.clm_1 figure img{
	width: 390px;
	height: auto;
	float: left;
}

.clm_1 figure img:last-child{
	width: 425px;
	height: auto;
	float: right;
}

#cephaloFacility .sec-inner .txt{
	margin-bottom: 42px;
}

.sec-inner .clm_1 h4 {
    font-size: 17px;
    font-weight: 500;
    color: #009fe8;
    margin-bottom: 24px;
    letter-spacing: 2px;
}

.sec-inner .clm_1 p {
    font-size: 13px;
    font-weight: 400;
    margin-bottom: 200px;
    line-height: 2;
}


@media screen and (max-width: 768px) {
	
	#cephaloAbout{
	margin-bottom: 13.3vw;
}

		#cephaloAbout .clm_2 article {
    margin-bottom: 13.3vw;
}
	
	
.clm_1{
	width: auto;
	margin: 0 0 26.6vw 0;
	
}

.clm_1 figure{
	background: #F6F9FD;
	padding: 2.6vw 8.6vw;
	overflow: hidden;
	margin-bottom: 4.2vw;
}

.clm_1 figure img{
	width: 100%;
	height: auto;
	float: none;
	margin-bottom: 2.6vw;
}

.clm_1 figure img:last-child{
	width: 100%;
	height: auto;
	float: none;
	margin-bottom: 0;
}

#cephaloFacility .sec-inner .txt{
	margin-bottom: 13.3vw;
}

.sec-inner .clm_1 h4 {
    font-size: 4vw;
    font-weight: 500;
    color: #009fe8;
    margin-bottom: 5.3vw;
    letter-spacing: 2px;
}

.sec-inner .clm_1 p {
    font-size: 3.7vw;
    font-weight: 400;
    margin-bottom: 26.6vw;
    line-height: 2;
}

	
	
}