@charset "UTF-8";

/* COMMON STYLE
=================================== */
body {
	color: #333;
	font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", 'Helvetica Neue',Arial,Meiryo, sans-serif;
	-webkit-font-smoothing: antialiased;
}

.font_mincho {
	font-family: "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", serif;
}
.font_en {
	font-family: "Helvetica Neue",Arial,Meiryo,sans-serif;
	letter-spacing: 0.05em;
}
a {
	color: #3e3a39;
	text-decoration: none;
	-webkit-tap-highlight-color: transparent;
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
	cursor: pointer;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
}
img {
  width: 100%;
  height: auto;
}
ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
h1,h2,h3,h4,h5,h6 {
  margin: 0;
  font-weight: 400;
}
h2 {
	font-size: 21px;
}
h3 {
	font-size: 28px;
	letter-spacing: 0.1em;
	line-height: 1.714;
}
h4 {
	font-size: 24px;
	letter-spacing: 0.1em;
	line-height: 1.714;
}
h5 {
	font-size: 18px;
	letter-spacing: 0.05em;
	line-height: 1.5;
}

table {
	border-spacing: 0;
}
p {
  margin: 0;
  font-size: 16px;
  letter-spacing: 0.075em;
  line-height: 2;
}
.page__lead_small {
  text-align: justify;
}
.lead-marker {
	display: inline;
    padding: 0 0px 6px 0px;
    background: linear-gradient(transparent 60%, rgba(0,125,124,0.1) 0%);
}
.overflow {
  overflow: hidden;
}
@media screen and (max-width:991px) {
	h2 {
		font-size: 18px;
	}
	h3 {
		font-size: 24px;
	}
	h4 {
		font-size: 21px;
	}
	h5 {
		font-size: 16px;
	}
	
	p {
	  font-size: 14px;
	}
	
}
.sp-none {display: block}
.pc-none {display: none}
@media screen and (max-width:991px) {
	.sp-none {display: none}
	.pc-none {display: block}
}


[data-aos=fade-up] {
	transform: translate3d(0,20px,0);
}
/* contents
---------------------------------------- */
#contents {
	width: 100%;
	height: 100%;
	display: none;
}

/* loading
---------------------------------------- */
.loading {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 999999;
	background-color: #007d7c;
}

.loading__inner {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
}
.loading__img {
	width: 60px;
	height: auto;
}

.is-fadeout {
	opacity: 0;
}

/* main */
.main {
	padding-top: 120px;
}

/* section */
.section {
	overflow: hidden;
	padding-left: 90px;
	padding-right: 90px;
}
.section__inner {
  max-width: 1120px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 160px;
  padding-bottom: 160px;
}

/* section */
.page-header {
	overflow: hidden;
	padding-left: 90px;
	padding-right: 90px;
}
.page-header__inner {
  max-width: 1120px;
  margin-left: auto;
  margin-right: auto;
/*   padding-top: 160px; */
}
#news .page-header__inner {
	max-width: 680px;
}

.top-section__content {
}
.top-btn__wrapper {
	margin-top: 60px;
}

.top-section__content_flex {
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 991px) {

  .section {
    padding-left: 60px;
    padding-right: 60px;
  }
  .section__inner {
    padding-top: 120px;
    padding-bottom: 120px;
  }
  .page-header {
    padding-left: 60px;
    padding-right: 60px;
  }
  .top-section__content_flex {
    flex-direction: column;
  }
}
@media screen and (max-width: 575px) {
  .section {
    padding-left: 30px;
    padding-right: 30px;
  }
  .section__inner {
    padding-top: 90px;
    padding-bottom: 90px;
  }
  .page-header {
    padding-left: 30px;
    padding-right: 30px;
  }

}


/* MAIN VISUAL
=================================== */
#mv {
  position: relative;
}
.mv__height {
  height: 0;
}
.mv__logo {
  position: absolute;
  top: 30px;
  left: 30px;
  z-index: 15;
  transition: ease-in-out 0.4s;
  -webkit-transition: ease-in-out 0.4s;
}
.mv__logo_image {
	width: 90px;
	height: auto;
}
@media screen and (max-width:575px) {
	.mv__logo_image {
		width: 80px;
	}
}
/* ScrollDown */
.mv__scrolldown {
  z-index: 14;
  position: absolute;
  bottom: 20px;
  left: 50%;
  transition: ease-in-out 0.4s;
  -webkit-transition: ease-in-out 0.4s;
}
.mv__scrolldown span{
  position: absolute;
  bottom: 60px;
  left: -14px;
  color: #fff;
  font-size: 12px;
}
.mv__scrolldown:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: -2px;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: #eee;
  animation:
    circlemove 1.6s ease-in-out infinite,
    cirlemovehide 1.6s ease-out infinite;
}
@keyframes circlemove{
  0% { bottom: 45px; }
  100% { bottom: -5px; }
 }
@keyframes cirlemovehide{
  0% { opacity: 0 }
  50% { opacity: 1; }
  80% {opacity: 0.9; }
  100% {opacity: 0; }
 }
.mv__scrolldown:after{
  content:"";
  position: absolute;
  bottom:0;
  left:0;
  width:1px;
  height: 50px;
  background:#eee;
}

/* Background */
.mv__swiper {
  width: 100%;
  height: 100%;
}
.swiper-wrapper {
  width: 100%;
  height: 100%;
}
.swiper-slide {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center top;
}
.swiper-slide-1 {
  background-image: url(../images/april/img_mv_morning-1.jpg);
}
.swiper-slide-2 {
  background-image: url(../images/april/img_mv_morning-2.jpg);
}
.swiper-slide-3 {
  background-image: url(../images/april/img_mv_morning-3.jpg);
}
.swiper-slide-4 {
  background-image: url(../images/april/img_mv_morning-4.jpg);
}
.swiper-slide-5 {
  background-image: url(../images/april/img_mv_morning-5.jpg);
}

/* morning slide */
#morning .swiper-slide-1 {
	background-image: url(../images/april/img_mv_morning-1.jpg);
}
#morning .swiper-slide-2 {
	background-image: url(../images/april/img_mv_morning-2.jpg);
}
#morning .swiper-slide-3 {
	background-image: url(../images/april/img_mv_morning-3.jpg);
}
#morning .swiper-slide-4 {
	background-image: url(../images/april/img_mv_morning-4.jpg);
}
#morning .swiper-slide-5 {
	background-image: url(../images/april/img_mv_morning-5.jpg);
}

/* noon slide */
#noon .swiper-slide-1 {
	background-image: url(../images/april/img_mv_noon-1.jpg);
}
#noon .swiper-slide-2 {
	background-image: url(../images/april/img_mv_noon-2.jpg);	
}
#noon .swiper-slide-3 {
	background-image: url(../images/april/img_mv_noon-3.jpg);	
}
#noon .swiper-slide-4 {
	background-image: url(../images/april/img_mv_noon-4.jpg);	
}
#noon .swiper-slide-5 {
	background-image: url(../images/april/img_mv_noon-5.jpg);	
}

/* evening slide */
#evening .swiper-slide-1 {
	background-image: url(../images/april/img_mv_evening-1.jpg);
}
#evening .swiper-slide-2 {
	background-image: url(../images/april/img_mv_evening-2.jpg);
}
#evening .swiper-slide-3 {
	background-image: url(../images/april/img_mv_evening-3.jpg);
}
#evening .swiper-slide-4 {
	background-image: url(../images/april/img_mv_evening-4.jpg);
}
#evening .swiper-slide-5 {
	background-image: url(../images/april/img_mv_evening-5.jpg);
}

/* night slide */
#night .swiper-slide-1 {
	background-image: url(../images/april/img_mv_night-1.jpg);
}
#night .swiper-slide-2 {
	background-image: url(../images/april/img_mv_night-2.jpg);
}
#night .swiper-slide-3 {
	background-image: url(../images/april/img_mv_night-3.jpg);
}
#night .swiper-slide-4 {
	background-image: url(../images/april/img_mv_night-4.jpg);
}
#night .swiper-slide-5 {
	background-image: url(../images/april/img_mv_night-5.jpg);
}

.top-contents__wrapper {
  position: relative;
}

/* ===================================
	HEADER / FOOTER
=================================== */

/* TOP-HEADER
=================================== */
#top-header {
  position: relative;
  z-index: 13;
}
#header {
  position: relative;
  z-index: 13;
}
.top-header__js {
  opacity: 0;
  transition: .3s;
}
.top-header__opacity {
  opacity: 1;
  transition: .3s;
}
.top-header__inner {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
/*   pointer-events: none; */
  -webkit-visibility: hidden;
  z-index: 13;
  height: 80px;
  transition: 0.2s ease-in-out;
  -webkit-transition: 0.2s ease-in-out;
}
.top-header__opacity .top-header__inner {
  pointer-events: auto;
  -webkit-visibility: visible;
}
.top-header__black .top-header__inner {
	background-color: #fff;
}
#header .top-header__inner {
	background-color: #f5f5f5;
}

/*
#header-staff .top-header__inner {
	background-color: #fff;
}
*/

.top-header__logo {
  position: absolute;
  top: 21px;
  left: 30px;
}
.top-header__logo_white {
  opacity: 1;
}
.top-header__logo_black {
  opacity: 0;
}
.top-header__black .top-header__logo_white {
  opacity: 0;
}
.top-header__black .top-header__logo_black {
  opacity: 1;
  transition: .3s;
}
.top-header__logo_image {
  width: 45px;
  height: auto;
}
.top-header__menu {
  position: absolute;
  top: 22px;
  right: 30px;
}
.top-header__menu li {
	display: inline-block;
	text-align: center;
	margin-left: 35px;
}
.top-header__menu li a {
	display: block;
	font-family: "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", serif;
	font-size: 14px;
	color: #fff;
	transition: ease-in-out 0.3s;
	-webkit-transition: ease-in-out 0.3s;
}
.top-header__black .top-header__menu li a {
  color: #333;
}
#header .top-header__menu li a {
	color: #333;
}
.top-header__black .top-header__menu_item a {
/*   color: #333; */
/*
  transition: ease-in-out 0.3s;
  -webkit-transition: ease-in-out 0.3s;
*/
}
.top-header__menu li a::after {
  display: block;
  font-size: 10px;
  font-family: sans-serif;
  margin-top: 2px;
  color: #ccc;
  transition: ease-in-out 0.3s;
  -webkit-transition: ease-in-out 0.3s;
}
.top-header__black .top-header__menu li a::after {
	color: #aaa;
}

.top-header__menu li a:hover {
  color: #017D7C !important;
}
.top-header__menu li a:hover::after {
  color: #017D7C;
}
#header .top-header__menu li a:hover {
  color: #017D7C;
}


.top-header__sp {
  display: none;
}#top-header {
  position: relative;
  z-index: 13;
}
.header__menu {
  position: absolute;
  top: 30px;
  right: 80px;
}
.header__menu_list li {
  text-align: center;
  margin-left: 35px;
  display: inline-block;
}
.header__menu_list li a {
  font-family: "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", serif;
  font-size: 14px;
  color: #333;
}
.header__menu_list li a::after {
  content: "";
  display: block;
  font-size: 12px;
  color: #9FA0A0;
  font-family: sans-serif;
  margin-top: 10px;
}
/* top */
.menu-item-39 a::after { /* 理念・想い */
  content: "PHILOSOPHY";
}
.menu-item-38 a::after { /* 当院について */
  content: "ABOUT";
}
.menu-item-41 a::after { /* スタッフ紹介 */
  content: "STAFF";
}
.menu-item-42 a::after { /* 医療コラム */
  content: "COLUMN";
}
.menu-item-37 a::after { /* お知らせ */
  content: "NEWS";
}
.menu-item-43 a::after { /* アクセス */
  content: "ACCESS";
}
.menu-item-40 a::after { /* 採用情報 */
  content: "RECRUIT";
}

/* page */
.menu-item-138 a::after { /* 理念・想い */
  content: "PHILOSOPHY";
}
.menu-item-139 a::after { /* 当院について */
  content: "ABOUT";
}
.menu-item-136 a::after { /* スタッフ紹介 */
  content: "STAFF";
}
.menu-item-140 a::after { /* 医療コラム */
  content: "COLUMN";
}
.menu-item-141 a::after { /* お知らせ */
  content: "NEWS";
}
.menu-item-142 a::after { /* アクセス */
  content: "ACCESS";
}
.menu-item-137 a::after { /* 採用情報 */
  content: "RECRUIT";
}
.header__menu_list li a:hover {
  transition: 0.5s;
  color: #017D7C;
}
.header__sp {
  display: none;
}

/* FOOTER
=================================== */
#footer {
  position: relative;
  color: #9fa0a0;
  background: #000;
  margin-bottom: 0;
  padding-left: 80px;
  padding-right: 80px;
}
.footer__inner {
  max-width: 1120px;
  padding-top: 60px;
  padding-bottom: 60px;
  margin-left: auto;
  margin-right: auto;
}
.footer__flex {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 60px;
}
.footer__logo {
  display: flex;
  align-items: center;
}
.footer__logo_img {
  width: 45px;
  height: auto;
}
.footer__logo_txt {
	margin-left: 20px;
  font-size: 13px;
  line-height: 1.5;
}
.footer__nav {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
  width: 610px;
}
.footer__nav_link a {
  font-size: 12px;
  color: #9fa0a0;
}
.footer__nav_link a .font_en {
  font-size: 13px;
}

.footer__nav_link a:hover {
  color: #4a7978;
  transition: 0.5s;
}
.footer__copy {
	position: absolute;
	font-size: 10px;
	margin-bottom: 0;
	left: 30px;
	bottom: 30px;
}
@media screen and (max-width:1120px) {
  /* FOOTER
  =================================== */
  .footer__flex {
    flex-direction: column;
    align-items: flex-start;
  }
  .footer__logo {
    margin-bottom: 40px;
  }
  .footer__logo_img {
  }
  .footer__logo_txt {
  }
  .footer__nav {
    grid-template-columns: repeat(4, 1fr);
    gap: 25px;
    grid-column-gap: 10px;
    width: 800px;
  }
  .footer__nav_link a {
  }
	
	
}
@media screen and (max-width: 991px) {

  /* HEADER */
  .top-header__menu_item {
    margin-left: 12px;
  }
  
  .logo {
    left: 59px;
  }
  .header__menu {
    right: 60px;
  }
  .header__menu_list-item {
    margin-left: 20px;
  }
  
  /* FOOTER */
  #footer {
    padding-left: 60px;
    padding-right: 60px;
  }
  .footer__nav {
    grid-template-columns: repeat(3, 1fr);
    grid-column-gap: 5px;
    grid-row-gap: 20px;
    width: 100%;
  }
  /* MAIN VISUAL
  =================================== */
  /* Global Menu */
  .top-header__pc {
    display: none;
  }
  .top-header__sp {
    display: block;
  }
  .top-header__menu {
    opacity: 0;
    width: 100%;
    height: 100vh;
    background-color: #fff;
    pointer-events: none;
    -webkit-visibility: hidden;
    transition: 0.5s;
    right: 0;
    top: 0;
  }
  .top-header__menu_logo {
    position: absolute;
    top: 21px;
    left: 30px;
  }
  .top-header__menu_logo-image {
    width: 45px;
    height: auto;
  }
  .top-header__menu_list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    max-width: 300px;
    margin-top: 180px;
    margin-left: auto;
    margin-right: auto;
    padding: 0;
  }
  .top-header__menu li {
    margin-bottom: 30px;
    margin-left: 0;
  }
  .top-header__menu li a {
		font-size: 16px;
		color: #333;
  }
  .top-header__menu_open .top-header__menu {
    opacity: 1;
    pointer-events: all;
    -webkit-visibility: visible;
  }

  .top-header__menu_hamburger {
    position: absolute;
    right: 20px;
    top: 16px;
    width: 48px;
    height: 48px;
    cursor: pointer;
    z-index: 300;
    background-color: transparent;
    -webkit-tap-highlight-color:rgba(0,0,0,0);
    cursor:pointer;
  }
  .top-hamburger__inner {
	  position: relative;
	  top: 15px;
	  width: 36px;
	  margin-left: auto;
	  margin-right: auto;
  }
  .top-hamburger__border {
    position: absolute;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #fff;
    transition: ease-in-out 0.3s;
    -webkit-transition: ease-in-out 0.3s;
    transform-origin: center center;
  }
  #header .top-hamburger__border {
    background-color: #333;
  }
  .top-header__black .top-hamburger__border {
    background-color: #333;
    transition: .3s;
  }
  .top-hamburger__border:nth-child(1) {
    top: 0;
  }
  .top-hamburger__border:nth-child(2) {
    top: 8px;
  }
  .top-hamburger__border:nth-child(3) {
    top: 17px;
  }
  .top-header__menu_open .top-hamburger__border:nth-child(1) {
    transform: rotate(45deg);
    background-color: #000;
    top: 8px;
  }
  .top-header__menu_open .top-hamburger__border:nth-child(3) {
    transform: rotate(-45deg);
    background-color: #000;
    top: 8px;
  }
  .top-header__menu_open .top-hamburger__border:nth-child(2) {
    opacity: 0;
  }
  
  /* HEADER
  =================================== */
  .header__pc {
    display: none;
  }
  .header__sp {
    display: inline;
  }
  .header__inner {
    position: fixed;
    top: 0;
    max-width: 1600px;
    width: 100%;
  }
  .header__menu {
    opacity: 0;
    top: 0;
    right: 0;
    width: 100%;
    height: 100vh;
    background-color: #fff;
    pointer-events: none;
    -webkit-visibility: hidden;
    transition: 0.5s;
  }
  .logo {
    top: 10px;
  }
  .header__menu_logo {
    position: absolute;
    top: 10px;
    left: 20px;
  }
  .header__menu_logo-image {
    width: 45px;
    height: auto;
  }
  .header__menu_list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    max-width: 300px;
    margin-top: 100px;
    margin-left: auto;
    margin-right: auto;
    padding: 0;
  }
  .header__menu_list-item {
    margin-bottom: 30px;
    margin-left: 0;
  }
  .header__menu_open .header__menu {
    opacity: 1;
    pointer-events: all;
    -webkit-visibility: visible;
  }
  .header__menu_hamburger {
    position: absolute;
    right: 0;
    top: 0;
    width: 40px;
    height: 40px;
    padding-right: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    cursor: pointer;
    z-index: 300;
    -webkit-tap-highlight-color:rgba(0,0,0,0);
    cursor:pointer;
  }
  .hamburger__border {
    position: absolute;
    left: 10px;
    width: 30px;
    height: 1px;
    background-color: #000;
    transition: all .6s;
  }
  .hamburger__border:nth-child(1) {
    top: 16px;
  }
  .hamburger__border:nth-child(2) {
    top: 24.5px;
  }
  .hamburger__border:nth-child(3) {
    top: 24.5px;
  }
  .hamburger__border:nth-child(4) {
    bottom: 16px;
  }
  .header__menu_open .hamburger__border:nth-child(2) {
    transform: rotate(45deg);
  }
  .header__menu_open .hamburger__border:nth-child(3) {
    transform: rotate(-45deg);
  }
  .header__menu_open .hamburger__border:nth-child(1) {
    opacity: 0;
  }
  .header__menu_open .hamburger__border:nth-child(4) {
    opacity: 0;
  }
  
  /* FOOTER
  =================================== */
  .footer__flex {
    flex-direction: column;
    align-items: flex-start;
  }
  .footer__logo {
    margin-bottom: 40px;
  }
  .footer__nav {
    grid-template-columns: repeat(3, 1fr);
    grid-column-gap: 10px;
  }
  
}
@media screen and (max-width:767px) {
  .footer__nav {
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 5px;
    grid-row-gap: 20px;
    width: 100%;
  }  
}

/* Max-Width: 575px
=================================== */
@media screen and (max-width: 575px) {

  /* TOP-HEADER
  =================================== */
  .top-header__logo {
	top: 20px;
    left: 20px;
  }
  .top-header__menu_logo {
	top: 20px;
    left: 20px;
  }
  
  /* PAGE HEADER
  =================================== */
  .logo {
    left: 30px;
  }
  
  /* FOOTER
  =================================== */
  #footer {
    padding-left: 30px;
    padding-right: 30px;
  }
  
  .footer__logo_txt {
    font-size: 12px;
  }
  .footer__nav {
    grid-template-columns: repeat(2, 1fr);
  }
	.footer__nav_link a {
	  font-size: 11px;
	}
	.footer__nav_link a .font_en {
	  font-size: 12px;
	}
  
  
}




/* SECTION CONTENT
=================================== */
.section__title_wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 100px;
}
#recruit-contact .section__title_wrapper {
	margin-bottom: 60px;
}
.section__title_wrapper.section__title-left_wrapper {
	display: block;
	margin-bottom: 60px;
}
.section__title-left_wrapper {
  align-items: start;
}

.section__title {
  text-align: center;
  font-weight: normal;
  margin-bottom: 30px;
}
.section__title-left {
	text-align: left;
}
.section__title-white {
	color: #fff;
}

.section__title_en {
  display: block;
  font-size: 12px;
  letter-spacing: 0.1em;
  color: #666;
  margin-bottom: 4px;
}
.section__title-white .section__title_en {
	color: #fff;
}

.section__title_border {
  width: 1px;
  height: 43px;
  background-color: #666;
}

#recruit-contact .section__title_border {
  width: 1px;
  height: 160px;
  margin-bottom: 60px;
}

.section__lead_wrapper {
  max-width: 560px;
  width: 100%;
  margin-bottom: 80px;
}
.section__lead {
  margin-bottom: 30px;
}
.section__lead_small {
  max-width: 360px;
  text-align: justify;
}
@media screen and (max-width:991px) {
	#recruit-contact .section__title_wrapper {
		margin-bottom: 30px;
	}
	.section__title_wrapper.section__title-left_wrapper {
		display: block;
		margin-bottom: 30px;
	}
	
}

/* Link BTN */
.btn {
  font-family: sans-serif;
  transition: 0.25s ease-in-out;
  -webkit-transition: 0.25s ease-in-out;
  display: flex;
}
.btn__text {
  font-size: 12px;
  font-weight: 400;
  padding-top: 5px;
  margin-right: 20px;
}
.btn__text_back {
  font-size: 12px;
  font-weight: 400;
  padding-top: 5px;
}

.btn__flex {
  display: flex;
  align-items: center;
}
.btn__flex_end {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.btn__text span {
  display: block;
/*   margin-top: 10px; */
}
.btn__text_back span {
  display: block;
}
.btn__arrow {
  width: 30px;
  height: 60px;
}
.arrow__img {
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  transition: 0.25s ease-in-out;
  -webkit-transition: 0.25s ease-in-out;
}
.arrow__img_gray-left {
  background-image: url(../images/img_arrow-left-gray.png);
}
.arrow__img_gray-right {
  background-image: url(../images/arrow-right-gray.png);
}
.arrow__img_white-right {
  background-image: url(../images/img_arrow-right-white.png);
}
.arrow__img_green-left {
  background-image: url(../images/arrow-left-green.png);
}
.arrow__img_green-right {
  background-image: url(../images/img_arrow-right-green.png);
}

.btn:hover {
  color: #017D7C;
}
.btn:hover .arrow__img_gray-right {
  background-image: url(../images/img_arrow-right-green.png);
}


.contact-btn__wrapper p {
	text-align: center;
}
button.btn,input[type="button"].btn,input[type="reset"].btn,input[type="submit"].btn {
	display: inline-block;
  font-size: 12px;
  width: 200px;
  height: 50px;
  border-radius: 25px;
  background: rgba(255,255,255,0.2);
  color: #fff;
  border: 1px solid #fff;
  padding: 0;
  text-align: center;
}
input[type="button"].btn:hover,input[type="reset"].btn:hover,input[type="submit"].btn:hover {
  background: rgba(255,255,255,1);
  color: #017D7C;
}

input[type="button"].btn-back,input[type="submit"].btn-send {
	margin-left: 20px;
	margin-right: 20px;
}
@media screen and (max-width:575px) {
	button.btn,input[type="button"].btn,input[type="reset"].btn,input[type="submit"].btn {
	  width: 160px;
	  height: 40px;
	  border-radius: 20px;
	}
	input[type="button"].btn-back {
		margin-bottom: 20px;
		margin-left: 10px;
		margin-right: 10px;
	}
	
	
}
/* SECTION-PHILOSOPHY
=================================== */
#top-philosophy {
  background-image: url(../images/img_top-philosophy.jpg);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  color: #fff;
  position: relative;
}
#top-philosophy .section__inner {
	position: absolute;
	top: 60%;
	left: 50%;
	transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	width: calc(100% - 160px);
	z-index: 2;
}
@media screen and (max-width:991px) {
	#top-philosophy .section__inner {
		width: calc(100% - 120px);
	}
	
}
@media screen and (max-width:575px) {
	#top-philosophy {
		background-position: 30% 50%;
	}
	
	#top-philosophy .section__inner {
		width: calc(100% - 60px);
	}
	
}

#top-philosophy .btn {
  color: #fff;
}
#top-philosophy .btn:hover {
  color: #017D7C;
}
#top-philosophy .btn:hover .arrow__img_white-right {
  transition: 0.5s;
  background-image: url(../images/img_arrow-right-green.png);
}
.top-philosophy__text {
  text-align: center;
  color: #fff;
  font-size: 18px;
  line-height: 2;
  letter-spacing: 1.7px;
  margin-bottom: 80px;
}
.overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.5);	
}
@media screen and (max-width:575px) {
	.top-philosophy__text {
		font-size: 16px;
	}	
}

/* SECTION-ABOUT
=================================== */
.top-section__inner_about {
  max-width: 1200px;
  margin: 0 auto;
  padding-top: 150px;
  padding-bottom: 150px;
}
.top-about__title {
}
.top-section__content_left {
	width: 100%;
	max-width: 400px;
}
.top-section__image_container {
  width: 100%;
  padding-left: 60px;
}
.top-about__image {
  width: 100%;
  height: 0;
  padding-top: 66.666%;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  background-image: url(../images/img_top-about-2.jpg);
}

.js-swiper2 {
  width: 100%;
  height: auto;
  margin-top: 60px;
}
.js-swiper2 .swiper-wrapper {
	height: auto;
	margin-bottom: 10px;
}
.swiper-container{
  position: relative;
}
.swiper-container [class^="swiper-button-"]::after{
  font-size: 14px;
  color: #aaa;
}
.swiper-button-prev {
  top: 300px;
  left: auto;
  right: 100px;
}
.swiper-button-next{
  top: 300px;
}
.swiper-pagination-fraction {
  font-size: 14px;
  bottom: 22px;
  right: 52px;
  left: auto;
  width: auto;
}
#top-about .swiper-slide {
	max-width: 320px !important;
}
.about-swiper-img {
	padding-top: 66.666%;
	height: 0;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.about-swiper-img01 {
  background-image: url(../images/img_top-about-3.jpg);
}
.about-swiper-img02 {
  background-image: url(../images/img_top-about-1.jpg);
}
.about-swiper-img03 {
  background-image: url(../images/img_top-about.jpg);
}
.about-swiper-img04 {
  background-image: url(../images/img_about-lounge-1.jpg);
}
.about-swiper-img05 {
  background-image: url(../images/img_about-lounge-3.jpg);
}
.about-swiper-img06 {
  background-image: url(../images/img_about-separation-1.jpg);
}
@media screen and (max-width:991px) {
	.js-swiper2 {
		margin-top: 10px;
	}
	.top-section__content_left {
		width: 100%;
		max-width: 320px;
		margin-bottom: 60px;
	}
	.top-section__image_container {
		width: 100%;
		padding-left: 0;
	}
}

/* SECTION-STAFF
=================================== */
#top-staff {
  background-color: #ddd;
}
.top-staff__content {
  margin-bottom: 80px;
}
.top-staff__content_flex {
  display: flex;
  justify-content: space-between;
/*   align-items: center; */
}
.top-staff__bg_container {
  max-width: 700px;
  width: 100%;
}
.top-staff__bg {
	width: 100%;
	height: 0;
	padding-top: 66.666%;
	background-image: url(../images/img_top-staff.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	filter: grayscale(100%);
}

/* SECTION-COLUMN
=================================== */
.top-column__image_container {
  max-width: 560px;
  width: 100%;
  height: 360px;
}
.top-column__image {
  width: 100%;
  height: 100%;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  background-image: url(../images/_MG_5852.jpg);
}
.top-column__grid_wrapper {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: repeat(4, 250px);
  grid-gap: 15px;
  margin-top: 60px;
}
.top-column__grid {
  position: relative;
  overflow: hidden;
}
.grid__bg {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  filter: grayscale(0);
  transform: scale(1);
  transition: all 0.35s ease-in-out;
  -webkit-transition: all 0.35s ease-in-out;
  z-index: 0;
}
.grid__bg::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	background-color: rgba(0,0,0,0);
	width: 100%;
	height: 100%;
	transition: all 0.35s ease-in-out;
	-webkit-transition: all 0.35s ease-in-out;
}
.grid__text {
	position: absolute;
	width: 100%;
	bottom: 0;
	left: 0;
	z-index: 2;
	padding-top: 40px;
	padding-bottom: 12px;
	padding-left: 12px;
	font-size: 14px;
	color: #333;
	transition: all 0.35s ease-in-out;
	-webkit-transition: all 0.35s ease-in-out;
}
.grid__text::after {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	bottom: 0;
	left: 0;
	z-index: -1;
	transition: all 0.35s ease-in-out;
	-webkit-transition: all 0.35s ease-in-out;
	background: linear-gradient(0deg,rgba(245,245,245,1),70%,rgba(245,245,245,0));
}

.grid__text span {
	display: block;
	line-height: 1;
	margin-bottom: 6px;
}
.grid__text small {
	display: block;
	line-height: 1;
	font-size: 12px;
	letter-spacing: 0.05em;
}
a::after {
	letter-spacing: 0.05em;
}

/* hover */
.top-column__grid:hover .grid__text {
/* 	color: #fff; */
}
.top-column__grid:hover .grid__text::after {
/* 	background: linear-gradient(0deg,rgba(0,0,0,0.3),70%,rgba(0,0,0,0)); */
}
.top-column__grid:hover .grid__bg {
  filter: grayscale(100%);
  transform: scale(1.02);
}
.top-column__grid:hover .grid__bg::after {
/* 	background-color: rgba(0,0,0,0.6); */
}


.top-column__grid:nth-of-type(1) {
	grid-column: 1 / 2;
	grid-row: 1 / 2;
}
.top-column__grid:nth-of-type(2) {
  grid-column: 2 / 4;
	grid-row: 1 / 2;
}
.top-column__grid:nth-of-type(3) {
  grid-column: 4 / 5;
	grid-row: 1 / 2;
}
.top-column__grid:nth-of-type(4) {
  grid-column: 1 / 3;
  grid-row: 2 / 4;
}
.top-column__grid:nth-of-type(5) {
	grid-column: 3 / 5;
	grid-row: 2 / 3;
}
.top-column__grid:nth-of-type(6) {
	grid-column: 3 / 4;
	grid-row: 3 / 4;
}
.top-column__grid:nth-of-type(7) {
	grid-column: 4 / 5;
	grid-row: 3 / 4;
}
.top-column__grid:nth-of-type(8) {
	grid-column: 1 / 3;
	grid-row: 4 / 5;
}
.top-column__grid:nth-of-type(9) {
	grid-column: 3 / 5;
	grid-row: 4 / 5;
}

@media screen and (max-width:991px) {
	.top-column__grid_wrapper {
	  display: grid;
	  grid-template-columns: repeat(6, 1fr);
	  grid-template-rows: repeat(12, 100px);
	  grid-gap: 15px;
	  margin-top: 0;
	}
	.top-column__grid:nth-of-type(1) {
		grid-column: 1 / 3;
		grid-row: 1 / 3;
	}
	.top-column__grid:nth-of-type(2) {
	  grid-column: 3 / 7;
		grid-row: 1 / 3;
	}
	.top-column__grid:nth-of-type(3) {
	  grid-column: 1 / 4;
		grid-row: 3 / 6;
	}
	.top-column__grid:nth-of-type(4) {
	  grid-column: 4 / 7;
	  grid-row: 3 / 6;
	}
	.top-column__grid:nth-of-type(5) {
		grid-column: 1 / 5;
		grid-row: 6 / 8;
	}
	.top-column__grid:nth-of-type(6) {
		grid-column: 5 / 7;
		grid-row: 6 / 8;
	}
	.top-column__grid:nth-of-type(7) {
		grid-column: 1 / 4;
		grid-row: 8 / 11;
	}
	.top-column__grid:nth-of-type(8) {
		grid-column: 4 / 7;
		grid-row: 8 / 11;
	}
	.top-column__grid:nth-of-type(9) {
		grid-column: 1 / 7;
		grid-row: 11 / 13;
	}
}
@media screen and (max-width:575px) {
	.top-column__grid_wrapper {
		grid-template-rows: repeat(12, 60px);
	}
	.grid__text {
	  padding-top: 25px;
	  padding-left: 8px;
	  padding-bottom: 8px;
	}
	.grid__text span {
		margin-bottom: 4px;
		font-size: 13px;
	}
	.grid__text small {
		font-size: 11px;
	}
	
}


/* SECTION-ACCESS
=================================== */
#top-access {
  background-color: #ddd;
}
.access__text_wrapper {
  max-width: 350px;
  width: 100%;
  margin-right: 50px;
}
.access__table_map {
  max-width: 720px;
  width: 100%;
}
.access__text {
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: 2px;
  margin-bottom: 30px;
}
.access__text a {
  color: #9fa0a0;
  text-decoration: none;
}


.access__left {
	float: left;
	width: 380px;
	margin-right: 100px;
}
.access__right {
	float: left;
	width: calc(100% - 480px);
}


.access-wrapper {
	overflow: hidden;
}
.access__left_inner {
  margin-bottom: 30px;
  padding: 20px;
  background-color: #fafafa;
}
.access__text {
  font-size: 14px;
}

.underline {
	text-decoration: underline;
}

.access__sub-text_title {
  border-bottom: 1px solid;
  display: inline;
}

.map {
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 66%;
  margin-bottom: 23px;
}
.map__iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.map__link {
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: flex-end;
}
.map__link p {
  font-size: 14px;
  font-family: sans-serif;
  margin-right: 10px;
}
.map__link img {
  width: 15px;
  height: auto;
}

.table {
}
.access__time-table-wrapper {
	margin-bottom: 120px;
	max-width: 640px;
	margin-left: auto;
	margin-right: auto;
}
.access__time-table {
	display: block;
	border-collapse: collapse;
	border-radius: 10px;
	background-color: #fafafa;
	margin-bottom: 5px;
}
.access__time-table th, .access__time-table td {
}
.access__time-table_border {
  border-bottom: 1px solid #fff;
}
.access__time-table th {
  font-weight: normal;
  font-size: 14px;
  width: 30%;
}
.access__time-table td {
	font-size: 14px;
	width: 10%;
}
.access__time-table-attention {
	font-size: 14px;
}


.table__header th, .table__header td {
	padding-top: 12px;
	padding-bottom: 8px;
	padding-left: 15px;
	padding-right: 15px;
	border-bottom: solid 2px #fff;
	white-space: nowrap;
}
.table__body th, .table__body td {
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 15px;
	padding-right: 15px;
	text-align: center;
	border-bottom: solid 1px #fff;
}
.table__header th, .table__body th {
	text-align: left;
	border-right: solid 1px #fff;
}
.table__header td, .table__body td {
	text-align: center;
}

.opening {
	width: 18px;
	height: 18px;
	display: inline-block;
	border: 1px solid #007d7c;
	border-radius: 50%;
}

.table__body td {
	padding-top: 15px;
	padding-bottom: 15px;
	padding-left: 20px;
	padding-right: 20px;
	text-align: center;
	color: #007d7c;
}
@media screen and (max-width: 991px) {

  /* SECTION CONTENT
  =================================== */
  .section__title_wrapper {
    margin-bottom: 80px;
  }
  .section__lead_small {
    max-width: 320px;
    font-size: 16px;
  }

  /* SECTION-ABOUT
  =================================== */
  .top-about__title {
  }
  .top-section__inner_about {
    padding-top: 120px;
    padding-bottom: 120px;
  }

  /* SECTION-column
  =================================== */
  .top-column__image_container {
    height: 270px;
  }
  .top-column__grid_wrapper {
    grid-gap: 10px;
  }

  /* SECTION-ACCESS
  =================================== */
  
	.access__left {
		float: none;
		width: auto;
		margin-bottom: 60px;
		margin-right: 0;
	}
	.access__right {
		float: none;
		width: 100%;
	}
  .access__text_wrapper {
    margin-right: 50px;
  }
  .access__time-table th {
    font-weight: normal;
    font-size: 14px;
    width: 30%;
  }
  .access__time-table td {
    font-size: 14px;
    width: 10%;
  }
  .footer__logo_image {
    width: 45px;
    height: auto;
  }
  
}
@media screen and (max-width: 767px) {

  /* SECTION CONTENT
  =================================== */
  .section__lead_small {
    font-size: 14px;
  }

  /* btn */
  .btn__text {
    font-size: 12px;
  }

  /* SECTION-PHILOSOPHY
  =================================== */
  .top-philosophy__text {
    font-size: 14px;
  }

  /* SECTION-ABOUT
  =================================== */
  .top-section__inner_about {
    padding-top: 100px;
    padding-bottom: 100px;
  }
  .swiper-button-prev {
    top: 202px;
    right: 90px
  }
  .swiper-button-next {
    top: 202px;
  }
  .swiper-pagination-fraction {
    font-size: 12px;
  }
  .swiper-container [class^="swiper-button-"]::after {
    font-size: 12px;
  }

  /* SECTION-COLUMN
  =================================== */

  /* SECTION-COLUMN
  =================================== */
  .top-column__image_container {
    height: 200px;
  }
  .top-column__grid_wrapper {
    grid-gap: 5px;
  }

  /* SECTION-ACCESS
  =================================== */
  .access__text {
    font-size: 14px;
  }
  .access__text small {
    font-size: 13px;
  }
  .access__sub-text {
    margin-bottom: 20px;
  }
  .access__time-table th {
    font-size: 12px;
  }
  .access__time-table td {
    font-size: 12px;
  }
  .map__link p {
    font-size: 12px;
  }
  .access__time-table-attention {
	font-size: 12px;
  }
}
@media screen and (max-width: 575px) {

  /* SECTION CONTENT
  =================================== */
  .section__title {
    margin-bottom: 30px;
  }
  .section__text .section__text_green {
    font-size: 15px;
    letter-spacing: 3.5px;
    margin-bottom: 25px;
  }
  .section__text p {
    font-size: 13px;
    line-height: 1.8;
  }

  /* SECTION-ABOUT
  =================================== */
  .top-section__inner_about {
/*     padding-left: 30px; */
  }
  .top-about__title {
  }
  .top-section__content_left {
    margin-bottom: 50px;
  }

  /* SECTION-STAFF
  =================================== */
  .top-staff__content_flex {
    flex-direction: column;
  }

  /* SECTION-COLUMN
  =================================== */
  .section__lead_wrapper {
    margin-bottom: 50px;
  }
  .top-column__image_container {
    height: 255px;
  }

  /* SECTION-ACCESS
  =================================== */
  .access__text_wrapper {
    width: auto;
    margin-right: 0;
    margin-bottom: 80px;
  }
  .access__table_map {
    width: auto;
  }
  .access__time-table th, .access__time-table td {
    padding: 10px 8px;
  }
  .footer__logo_image {
    width: 40px;
    height: auto;
  }
	.opening {
		width: 16px;
		height: 16px;
	}

  
  
}




/* SECTION PAGE-TOP
=================================== */
.container {
  max-width: 1600px;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
}
#about,
#philosophy,
#staff,
#recruit {
  position: relative;
}


#top-about,#top-column {
	background-color: #f5f5f5;
}
#top-staff,#top-access {
	background-color: #fff;
}

#archive-column,#category-column,#single-column {
	background-color: #f5f5f5;
}

#about {
	background-color: #f5f5f5;
}
.section__flex {
  display: flex;
}
.section__flex_between {
  display: flex;
  justify-content: space-between;
}
.page__content_wrapper {
/*
  margin-left: 250px;
  max-width: 870px;
*/
}

.page__title_wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 60px;
}
.page__title {
  text-align: center;
  font-weight: normal;
  margin-bottom: 35px;
}
.page__title small {
  display: block;
  font-size: 14px;
  color: #666;
  font-family: sans-serif;
  font-weight: bold;
  margin-bottom: 20px;
}
.page__title_border {
  width: 1px;
  height: 43px;
  background-color: #666;
}
.page__title_border-white {
	background-color: #eee;
}
.page__lead_wrapper {
  margin-top: 80px;
/*   margin-bottom: 120px; */
}
.page__lead_flex {
	display: flex;
	justify-content: space-between;
}
.page__lead {
  max-width: 400px;
  width: 100%;
  margin-right: 50px;
  margin-bottom: 20px;
}
.page__lead_small {
  max-width: 480px;
  width: 100%;
}

/* Gray BG */
.bg-gray {
  background-color: #C7C8C8;
}
.page__bg {
  position: relative;
  width: calc(100% + 0px);
  height: 480px;
  max-width: 1120px;
}
.page__bg_img {
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.page__bg_img-about {
  background-image: url(../images/img_header-about.jpg);
}
.page__bg_img-column  {
  background-image: url(../images/_MG_5621.jpg);
}
.page__bg_img-philosophy {
  background-image: url(../images/img_header-philosophy.jpg);
}
.page__bg_img-staff {
  background-image: url(../images/img_header-staff.jpg);
  filter: grayscale(100%);
}
.page__bg_img-recruit {
  background-image: url(../images/img_header-recruit.jpg);
}
.page__bg_img-contact {
  background-image: url(../images/img_header-contact.jpg);
}
@media screen and (max-width: 1200px) {
	
}
/* SECTION PAGE-TOP
=================================== */
@media screen and (max-width: 991px) {

  .page__content_wrapper {
/*     margin-left: 180px; */
  }
  .page__bg {
    width: calc(100% + 60px);
    height: 400px;
  }
  .page__lead_wrapper {
    margin-top: 40px;
/*     margin-bottom: 80px; */
  }
  .section__flex_between {
    flex-direction: column;
    align-items: center;
  }
  .page__lead_flex {
    flex-direction: column;
  }
  .page__lead_small {
    font-size: 14px;
  }
}
/* SECTION PAGE-TOP
=================================== */
@media screen and (max-width: 575px) {
	
  .page__bg {
	width: calc(100% + 30px);
    height: 240px;
  }
  .page__lead_wrapper {
/*     margin-bottom: 60px; */
  }
  .page__content_wrapper {
/*     margin-left: 0px; */
  }

}







/* PAGE PHILOSOPHY CONTENTS
=================================== */
#philosophy {
	background-color: #f5f5f5;
}

.box {
	max-width: 640px;
	margin-left: auto;
	margin-right: auto;
	border-radius: 10px;
}
.box-white {
	background-color: #fff;
}
.box__inner {
	padding: 40px;
}
.box__ttl {
	margin-bottom: 20px;
	text-align: center;
}
.module-wrapper {
	margin-left: -30px;
	margin-right: -30px;
}
.module {
	overflow: hidden;
	margin-bottom: 200px;
}

.module__item-wrapper {
	overflow: hidden;
	margin-left: auto;
	margin-right: auto;
}
.module__item {
}
.module__item_inner {
	overflow: hidden;
	margin-left: 30px;
	margin-right: 30px;
}
.module__item-1 {
	float: left;
	width: 380px;
}
.module__item-2 {
	float: left;
	width: calc(100% - 380px);
}
.module__item-center {
	width: 50%;
	margin-left: auto;
	margin-right: auto;
}

.module__item_sign {
	text-align: right;
	margin-top: 20px;
}
.module__item_sign span {
	font-size: 14px;
}
.module__item_sign img {
	width: auto;
	height: 30px;
	margin-bottom: -5px;
}

.module__item_img {
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}
.module__item_img-landscape {
	padding-top: 66.666%;
}
.module__item_img-portrait {
	padding-top: 133.333%;
}
.module__item_img-square {
	padding-top: 100%;
}
.module__item_txt {
	max-width: 320px;
}
.module__item_ttl {
	margin-bottom: 20px;
}
.module__item_img-1 {
	background-image: url(../images/img_philosophy-1.jpg);
}
.module__item_img-2 {
	background-image: url(../images/img_philosophy-2.jpg);
}
.module__item_img-3 {
	background-image: url(../images/img_philosophy-3.jpg);
}
.module__item_img-4 {
	background-image: url(../images/img_philosophy-4.jpg);
}
.module__item_img-5 {
	background-image: url(../images/img_philosophy-5.jpg);
}
.module__item_img-6 {
	background-image: url(../images/img_philosophy-6-2.jpg);
}
.module__item_img-7 {
	background-image: url(../images/img_philosophy-7.jpg);
}
.module__item_img-8 {
	background-image: url(../images/img_philosophy-6.jpg);
}
.module__item_img-9 {
	background-image: url(../images/img_philosophy-8.jpg);
}
.module__item_img-10 {
	background-image: url(../images/img_philosophy-9.jpg);
}
.module__item_frame {
	overflow: hidden;
	width: 50%;
	float: left;
}
.module__item_frame .module__item_img {
	margin: 4px;
}

#module01 .module__item-2 {
	padding-left: 8%;
}
#module02 .module__item-2 {
	padding-right: 8%;
}
#module03 .module__item-2 {
	padding-left: 8%;
	padding-right: 8%;
}

@media screen and (max-width:991px) {
	.module {
		margin-bottom: 60px;
	}
	.module__item {
		margin-bottom: 60px;
	}
	
	.module__item-1 {
		float: none;
		width: 100%;
/* 		max-width: 640px; */
	}
	.module__item-2 {
		float: none;
		width: 100%;
/* 		max-width: 640px; */
	}
	.module__item-center {
		width: 100%;
	}
	.module__item_sign span {
		font-size: 12px;
	}
}
@media screen and (max-width:575px) {
	.module {
		margin-bottom: 40px;
	}
	.module__item {
		margin-bottom: 40px;
	}
	#module01 .module__item-2 .module__item_inner,#module04 .module__item-2 .module__item_inner {
		margin-right: 0;
	}
	
	#module03 .module__item-2 {
		padding-left: 30px;
		padding-right: 30px;
	}
}

.block-wrapper {
    position: relative;
    z-index: 1;
    margin-bottom: 240px;
}
.block-wrapper:last-child {
	margin-bottom: 0;
}
.block {
	display: flex;
    display: -webkit-flex;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
    -webkit-box-align: flex-start;
    -ms-flex-align: flex-start;
    column-gap: 80px;
    row-gap: 60px;
    position: relative;
    z-index: 2;
}
.block__side {
	width: calc(100% - 560px);
}
.block__main {
	width: 480px;
	padding-right: 80px;
	padding-bottom: 40px;
}
.block__side img {
	width: 100%;
	filter: grayscale(100%);
}
.block__main_ttl {
	margin-bottom: 120px;
}
.block-wrapper::after {
	content: "";
/* 	background-color: #edf2f1; */
	background-color: #e8edec;
	position: absolute;
	right: -120px;
	bottom: 0;
	width: 1200px;
	height: calc(100% - 120px);
	z-index: 0;
	transform-origin: 90% 50%;
	transform: rotate(-4deg);
	-webkit-transform: rotate(-4deg);
	-ms-transform: rotate(-4deg);
}
.block-wrapper.block-wrapper-right::after {
	right: auto;
	left: -120px;
	transform-origin: 10% 50%;
	transform: rotate(4deg);
	-webkit-transform: rotate(4deg);
	-ms-transform: rotate(4deg);
}
#recruit-contact .block__main {
	padding-top: 120px;
}
#recruit-contact .block__main_txt {
	margin-bottom: 40px;
}
#recruit-contact .block-wrapper::after {
	height: 100%;
}

#recruit-contact .block__side img {
	width: calc(100% + 90px);
	max-width: calc(100% + 90px);
	position: relative;
	left: -90px;
}

#recruit-profile {
	margin-top: 40px;
}
#recruit-profile .block-wrapper::after {
	height: 125%;
}
#recruit-profile .block {
	max-width: 860px;
	margin-left: auto;
	margin-right: auto;
}

@media screen and (max-width:1200px) {
	.block {
	    column-gap: 40px;
	}
}
@media screen and (max-width:991px) {
	
	.block {
	    column-gap: 0;
	    row-gap: 0px;
	}
	.block__side {
		width: auto;
		max-width: none;
		margin-bottom: 30px;
	}
	
	.block__side img {
		width: auto;
		height: 100%;
		max-height: 360px;
	}
	.block__main {
		width: 100%;
		padding-right: 60px;
		padding-bottom: 60px;
	}
	.block-wrapper-right .block__side {
		margin-left: auto;
	}
	.block-wrapper .block__side {
		order: 1;
	}
	.block-wrapper .block__main {
		order: 2;
	}
	.block__main_ttl {
		margin-bottom: 30px;
	}
	.block__main_txt {
		max-width: 480px;
	}
	#recruit-contact .block__main {
		padding-top: 0px;
	}
	#recruit-contact .block-wrapper::after {
		height: calc(100% - 120px);
	}
	#recruit-contact .block__side img {
		width: calc(100% + 60px);
		max-width: calc(100% + 60px);
		left: -60px;
	}
	#recruit-profile .block-wrapper::after {
		height: calc(100% - 120px);
	}
	#recruit-profile {
		margin-top: 0px;
	}

}

@media screen and (max-width:575px) {
	
	.block__main {
		padding-right: 0;
	}
	.block-wrapper::after {
		right: -100px;
	}

}


#recruit-qa {
	background-color: #f5f5f5;
}

.module-comment {
	overflow: visible;
	display: flex;
	align-content: flex-start;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	max-width: 1120px;
}
.module-comment__side {
	position: sticky;
	top: 120px;
	left: 0;
	bottom: 120px;
	height: 80px;
	width: 240px;
}
.module-comment__main {
	width: calc(100% - 240px);
}
.comment-wrapper {
	max-width: 600px;
	margin-left: auto;
	margin-right: auto;
}
.comment {
	margin-bottom: 60px;
}
.comment__list {
	padding: 20px 30px;
	border-radius: 15px;
	margin-bottom: 30px;
	max-width: 460px;
}
.comment__list-q {
	background-color: #fff;
	margin-right: auto;
}
.comment__list-a {
	background-color: #f4e7e6;
	margin-left: auto;
}


.comment__list_txt {
	line-height: 1.75;
	position: relative;
	padding-left: 30px;
}
.comment__list-a .comment__list_txt {
}

.comment__list-q .comment__list_txt::before {
	content: "Q.";
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
}
.comment__list-a .comment__list_txt::before {
	content: "A.";
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
}
@media screen and (max-width:991px) {
	.module-comment__side {
		width: 240px;
	}
	.module-comment__main {
		width: calc(100% - 240px);
	}
	.comment-wrapper {
		margin-left: auto;
		margin-right: auto;
	}
	.comment__list {
		max-width: 400px;
	}
}
@media screen and (max-width:767px) {
	.module-comment {
		display: block;
	}
	.module-comment__side {
		position: relative;
		top: 0;
		left: 0;
		bottom: auto;
		width: 100%;
		height: auto;
	}
	.module-comment__main {
		width: 100%;
	}
	.comment__list {
		padding: 15px 20px;
	}
}
@media screen and (max-width:575px) {
	.comment__list {
		max-width: 280px;
	}
/*
	.comment__list-q {
		margin-right: 30px;
	}
	.comment__list-a {
		margin-left: 30px;
	}
*/
}

.interview-box-wrapper {
	display: flex;
	align-content: flex-start;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-start;
	column-gap: 40px;
	row-gap: 40px;
/* 	max-width: 870px; */
	margin-left: auto;
	margin-right: auto;
}
.interview-box {
	width: calc(50% - 20px);
	background-color: #f4e7e6;
	border-radius: 20px;
}

.interview-box__header {
	-webkit-tap-highlight-color: transparent;
	cursor: pointer;
	position: relative;
	padding: 25px 100px 20px 30px;
	transition: ease-in-out 0.25s opacity;
	-webkit-transition: ease-in-out 0.25s opacity;	
}
.interview-box__body {
	display: none;
	padding: 30px;
	padding-top: 30px;
	position: relative;
	overflow: hidden;
}
.interview-box__body::before {
	content: "";
	width: 100%;
	height: 1px;
	background-color: #fff;
	position: absolute;
	top: 0;
	left: 0;
}
.interview-box__job {
	font-size: 12px;
	display: block;
	margin-bottom: 4px;
}
.interview-box__name {
	font-size: 16px;
}
.interview-box h5 {
	font-weight: 600;
	font-size: 14px;
}
.interview-box p {
	font-size: 14px;
	line-height: 1.75;
	margin-bottom: 30px;
}
.interview-box p:last-child {
	margin-bottom: 0;
}


.interview-box__plus {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	right: 30px;
	width: 40px;
	height: 40px;
	border: solid 1px #f4e7e6;
	transition: ease-in-out 0.25s border;
	-webkit-transition: ease-in-out 0.25s border;
	border-radius: 50%;
	background-color: #fff;
}
.interview-box__plus_line {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	display: block;
	transition: ease-in-out 0.25s transform;
	-webkit-transition: ease-in-out 0.25s transform;
	transform-origin: center center;
	border-radius: 1px;
}

.interview-box__plus_line:nth-of-type(1) {
	width: 13px;
	height: 1px;
	background-color: #666;
}
.interview-box__plus_line:nth-of-type(2) {
	width: 1px;
	height: 13px;
	background-color: #666;
}

.interview-box.interview-box-open .interview-box__body {
}
.interview-box-open .interview-box__plus_line:nth-of-type(2) {
	transform: translate(-50%,-50%) rotate(-90deg);
	-webkit-transform: translate(-50%,-50%) rotate(-90deg);
	-ms-transform: translate(-50%,-50%) rotate(-90deg);
	-moz-transform: translate(-50%,-50%) rotate(-90deg);
}

.interview-box__header:hover .interview-box__plus {
	border: solid 1px #666;
}

@media screen and (max-width: 991px) {
	.interview-box-wrapper {
		column-gap: 30px;
		row-gap: 30px;
	}
	.interview-box {
		width: calc(50% - 15px);
	}
}
@media screen and (max-width: 767px) {
	
	.interview-box-wrapper {
		column-gap: 0;
		row-gap: 30px;
	}
	.interview-box {
		width: 100%;
	}
	.interview-box__header {
		padding: 25px 70px 20px 25px;
	}
	.interview-box__plus {
		position: absolute;
		right: 25px;
	}
	.interview-box__body {
		padding: 25px 25px;
	}
	.interview-box p {
		margin-bottom: 25px;
	}
}



.flex-between {
  justify-content: space-between;
}
.flex__end {
  justify-content: flex-end;
}
.align__center {
  align-items: center;
}
.align__end {
  align-items: flex-end;
}




/* PAGE ABOUT
=================================== */
.about__contents {
}
.about__contents h3 {
  font-weight: normal;
  margin-bottom: 60px;
}
.about__panel {
  margin-bottom: 120px;
}
.about__panel:last-child {
  margin-bottom: 0px;
}
.about__panel_wrapper {
  display: flex;
  width: 100%;
  margin-bottom: 20px;
}
.about__panel_wrapper img {
}
.about__panel_small {
}
.about__panel_small img {
  width: 100%;
  display: block;
}
.about__panel_text {
  font-size: 16px;
}
.about__panel_text-green {
  color: #333;
}
.about__panel_text-green span{
	font-weight: 600;
	margin-right: 10px;
}
.about__panel_text-gray {
}

.panel {
	margin-bottom: 100px;
}
.panel__img-wrapper {
	display: grid;
	display: -ms-grid;
	grid-template-rows: 1fr 1fr 1fr 1fr;
	-ms-grid-rows: 1fr 1fr 1fr 1fr;
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
	-ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
	row-gap: 10px;
	column-gap: 10px;
	-webkit-column-gap: 10px;
	-moz-column-gap: 10px;
	margin-bottom: 20px;
}
.panel__img {
	width: 100%;
/* 	height: 0; */
	padding-top: 66.666%;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}

.panel__img:nth-of-type(1) {
	grid-row: 1 / 5;
	grid-column: 1 / 7;
}
.panel__img:nth-of-type(2) {
	grid-row: 1 / 3;
	grid-column: 7 / 10;
}
.panel__img:nth-of-type(3) {
	grid-row: 3 / 5;
	grid-column: 7 / 10;
}

/* Lounge */
#panel-1 .panel__img:nth-of-type(1) {
	background-image: url(../images/img_about-lounge-1.jpg);
}
#panel-1 .panel__img:nth-of-type(2) {
	background-image: url(../images/img_about-lounge-2.jpg);
}
#panel-1 .panel__img:nth-of-type(3) {
	background-image: url(../images/img_about-lounge-3.jpg);
}
/* Kids */
#panel-2 .panel__img:nth-of-type(1) {
	background-image: url(../images/img_about-kids-1.jpg);
}
#panel-2 .panel__img:nth-of-type(2) {
	background-image: url(../images/img_about-kids-2.jpg);
}
#panel-2 .panel__img:nth-of-type(3) {
	background-image: url(../images/img_about-kids-3.jpg);
}
/* Barrierfree */
#panel-3 .panel__img:nth-of-type(1) {
	background-image: url(../images/img_about-barrierfree-1.jpg);
}
#panel-3 .panel__img:nth-of-type(2) {
	background-image: url(../images/img_about-barrierfree-2.jpg);
}
#panel-3 .panel__img:nth-of-type(3) {
	background-image: url(../images/img_about-barrierfree-3.jpg);
}
/* Barrierfree */
#panel-4 .panel__img:nth-of-type(1) {
	background-image: url(../images/img_about-relaxation-1.jpg);
}
#panel-4 .panel__img:nth-of-type(2) {
	background-image: url(../images/img_about-relaxation-2.jpg);
}
#panel-4 .panel__img:nth-of-type(3) {
	background-image: url(../images/img_about-relaxation-3.jpg);
}
/* Separation */
#panel-5 .panel__img:nth-of-type(1) {
	background-image: url(../images/img_about-separation-1.jpg);
}
#panel-5 .panel__img:nth-of-type(2) {
	background-image: url(../images/img_about-separation-2.jpg);
}
#panel-5 .panel__img:nth-of-type(3) {
	background-image: url(../images/img_about-separation-3.jpg);
}
/* Private */
#panel-6 .panel__img:nth-of-type(1) {
	background-image: url(../images/img_about-private-1.jpg);
}
#panel-6 .panel__img:nth-of-type(2) {
	background-image: url(../images/img_about-private-2.jpg);
}
#panel-6 .panel__img:nth-of-type(3) {
	background-image: url(../images/img_about-private-3.jpg);
}

@media screen and (max-width: 991px) {
	
	.panel__img-wrapper {
		grid-template-rows: 1fr 1fr 1fr 1fr 1fr 1fr;
		-ms-grid-rows: 1fr 1fr 1fr 1fr 1fr 1fr;
		grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
		-ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
		row-gap: 8px;
		column-gap: 8px;
		-webkit-column-gap: 8px;
		-ms-column-gap: 8px;
		margin-bottom: 8px;
	}

	.panel__img:nth-of-type(1) {
		grid-row: 1 / 5;
		grid-column: 1 / 7;
	}
	.panel__img:nth-of-type(2) {
		grid-row: 5 / 7;
		grid-column: 1 / 4;
	}
	.panel__img:nth-of-type(3) {
		grid-row: 5 / 7;
		grid-column: 4 / 7;
	}
	
	
	
	
	.about__contents h3 {
		margin-bottom: 45px;
	}
	.about__contents h3 {
		margin-bottom: 30px;
	}
	.about__panel_text {
		font-size: 14px;
	}

	.about__panel_small {
		display: flex;
		width: 100%;
	}
	.about__panel_small img {
		width: 49.5%;
		height: auto;
		object-fit: cover;
		display: block;
	}

}


/* PAGE COLUMN CONTENTS
=================================== */
.column__containts {
	width: 100%;
  position: relative;
/*   padding-right: 80px; */
}
.page__bg_column {
  position: absolute;
  top: 0;
  left: 0;
  width: 1070px;
  height: 500px;
}
.page__lead_column small {
  display: block;
  font-size: 14px;
  font-family: sans-serif;
  line-height: 1;
}


/* Column Category List */
.column-category__list_wrapper {
/*   padding-left: 80px; */
  max-width: 250px;
  width: 100%;
}
.column-category__list {
  padding-left: 0;
}

.cat-item {
  position: relative;
}
.cat-item a::before {
/*
	position: absolute;
	left: 0;
	top: calc(50% - 2px);
	z-index: 0;
	display: inline-block;
	transform-origin: center center;
	transform: scale(1);
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	-moz-transform: scale(1);
	content: '';
	width: 4px;
	height: 4px;
	border-radius: 50%;
	background-color: #333;
	opacity: 0.2;
	text-align: center;
	transition: linear 0.25s;
	-webkit-transition: linear 0.25s;
*/

	position: absolute;
	left: 0;
	bottom: 8px;
	width: 100%;
	height: 10px;
	background-color: rgba(0,125,124,0.3);
	z-index: 0;
	display: inline-block;
	transform: scaleX(0);
	-webkit-transform: scaleX(0);
	-ms-transform: scaleX(0);
	-moz-transform: scaleX(0);
	transform-origin: top left;
	content: '';
	transition: linear 0.26s;
	-webkit-transition: linear 0.26s;


}
.cat-item a {
	position: relative;
	display: inline-block;
	font-family: "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", serif;
	font-size: 14px;
	color: #333;
/* 	padding-left: 15px; */
	padding-top: 10px;
	padding-bottom: 10px;
	transition: opacity linear 0.26s;
	opacity: 0.6;
}
.cat-item a:hover {
	opacity: 1;
}
.cat-item a:hover::before {
	transform: scaleX(1);
}
.cat-item.current-cat a {
	opacity: 1;
}
.cat-item.current-cat a::before {
	transform: scaleX(1);
}

/* Column posts */
.grid {
  max-width: 950px;
}
.column-post__grid_wrapper {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-row-gap: 30px;
  grid-column-gap: 30px;
  margin-right: auto;
}
@media screen and (max-width:991px) {
	.column-post__grid_wrapper {
		grid-template-columns: repeat(2, 1fr);
	}
	.page__lead_column small {
	  font-size: 12px;
	}
	
}
@media screen and (max-width:767px) {
	.section__flex {
		flex-direction: column;
	}
	.column-category__list_wrapper {
		max-width: none;
		margin-bottom: 60px;
		background-color: #fafafa;
		padding: 12px 15px 12px 15px;
	}
	.cat-item {
		display: inline-block;
		margin-right: 10px;
	}
}
.column-post__grid {
	overflow: hidden;
}
.column-post__grid_thumb {
	position: relative;
	width: 100%;
	height: 0;
	padding-top: 141%;
	text-align: center;
	margin-bottom: 15px;
	background-size: contain;
	background-position: center center;
	background-repeat: no-repeat;
	filter: grayscale(100);
	transform: scale(1);
	transform-origin: center center;
	transition: 0.25s ease-in-out;
	-webkit-transition: 0.25s ease-in-out;
}
.column-post__grid_thumb::after {
	position: absolute;
	content: '';
	left: 0;
	top: 0;
	z-index: 1;
	background-color: rgba(0,0,0,0.4);
	width: 100%;
	height: 100%;
	transition: 0.25s ease-in-out;
	-webkit-transition: 0.25s ease-in-out;
}
/*
.column-post__grid_thumb::after {
	content: '';
	background-color: rgba(0,0,0,0);
	width: 100%;
	height: 100%;
}
.column-post__grid a:hover .column-post__grid_thumb::after {
	background-color: rgba(0,0,0,0);
}
*/

.column-post__grid a:hover .column-post__grid_thumb {
	filter: grayscale(0);
	transform: scale(1.01);
}
.column-post__grid a:hover .column-post__grid_thumb::after {
	background-color: rgba(0,0,0,0.1);
}
.column-post__grid_ttl {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	z-index: 2;
	display: block;
	width: 100%;
	padding-left: 20px;
	padding-right: 20px;
	font-size: 14px;
	font-weight: 600;
	text-align: center;
	color: #fff;
}

.column-post__grid_desc {
  font-size: 12px;
  text-align: justify;
}

/* Pagination */
.pagination {
  padding-left: 0;
  display: flex;
}
.pagination__column {
  margin-top: 80px;
}
.pagination li {
  margin-right: 13px;
}
.pagination a {
  color: #9FA0A0;
  font-size: 16px;
}
.pagination a:hover {
  transition: 0.5s;
  color: #017D7C;
}

/* COLUMN SINGLE PAGE
=================================== */
.column-article__wrapper {
  max-width: 870px;
  width: 100%;
}
.column-article {
  display: flex;
  justify-content: space-between;
  margin-bottom: 120px;
}
.column-article__text_wrapper {
	width: 100%;
	max-width: 480px;
	margin-right: 60px;
}
.column-article__text_date {
  font-size: 14px;
  margin-bottom: 40px;
}
.column-article__text {
  font-size: 16px;
  line-height: 1.6;
  border-left: 2px solid #9FA0A0;
  padding-left: 10px;
}

.column-article__img {
	width: calc(100% - 540px);
}


/* COLUMN SINGLE LINK */
.column-btn__flex {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.column-btn {
	transition: ease-in-out 0.25s;
	-webkit-transition: ease-in-out 0.25s;
  color: #9FA0A0;
}
.column-btn:hover {
  color: #017D7C;
}
.column-btn:hover .arrow__img_gray-right {
  background-image: url(../images/img_arrow-right-green.png);
}
.column-btn:hover .arrow__img_gray-left {
  background-image: url(../images/arrow-left-green.png);
}

/* News Post Link Btn */
.column-btn__pc {
  display: inline;
}
.column-btn__sp {
  display: none;
}




@media screen and (max-width: 1200px) {
	.column-article {
		display: block;
	}
	.column-article__text_wrapper {
		margin-right: 0; 
		margin-bottom: 50px;
	}
	.column-article__img {
		width: 100%;
		
	}	
}
	
@media screen and (max-width: 991px) {

  /* COLUMN - ARCHIVE
  =================================== */
  .page__bg_column {
    width: 751px;
    height: 450px;
  }

  /* COLUMN - SINGLE
  =================================== */
  .column-article__text_wrapper {
    margin-bottom: 50px;
  }

}
@media screen and (max-width: 767px) {

  /* COLUMN - ARCHIVE
  =================================== */
  .page__bg_column {
    width: 557px;
    height: 370px;
  }
  .cat-item a {
    font-size: 14px;
    line-height: 1.3;
  }
  .column-post__grid_date {
    font-size: 12px;
  }
  .column-post__grid_title {
    font-size: 14px;
  }

  .pagination a {
    font-size: 14px;
  }

  /* COLUMN - SINGLE
  =================================== */
  .column-article__wrapper {
/*     padding-right: 30px; */
    width: auto;
  }
  .column-article__text_date {
    font-size: 12px;
  }
  .column-article__text {
    font-size: 14px;
  }

  .column-btn__pc {
    display: none;
  }
  .column-btn__sp {
    display: inline;
  }
  .column-btn__flex {
    margin-bottom: 20px;
  }
  .column-btn__back {
    margin-left: 22px;
  }
  .btn__text_prev {
    margin-left: 5px;
  }
  .btn__text {
    margin-right: 5px;
  }
}
@media screen and (max-width: 575px) {

  /* COLUMN - ARCHIVE
  =================================== */
  .page__bg_column {
    left: 30px;
    width: 545px;
    height: 300px;
  }

  /* Column posts */
  .column-post__grid_wrapper {
  }
  .column-post__grid {
    margin-bottom: 50px;
  }
  .column-post__grid_thumb {
  }
  .column-post__grid_thumb img {
  }

  /* Pagination */
  .pagination__column {
    margin-top: 80px;
    margin-left: 0;
  }

  /* COLUMN - SINGLE
  =================================== */
}


/* NEWS - ARCHIVE
=================================== */
#news {
	background-color: #f5f5f5;
}
.news-post__list {
  margin-top: 150px;
  margin-bottom: 160px;
}
.news-post__link {
	margin-bottom: 30px;
}

.news-post__link a {
	display: block;
	padding: 20px 30px;
	background-color: #fff;
	border-radius: 6px;
	position: relative;
	transition: linear 0.2s;
	-webkit-transition: linear 0.2s;
}
.news-post__link a {
	transition-delay: 0.1s;
	transition: linear 0.2s;
	-webkit-transition: linear 0.2s;
}
.news-post__link_date {
  margin-right: 40px;
  font-size: 14px;
}
.news-post__link_category {
  margin-right: 40px;
  display: inline-block;
  padding: 2px 12px;
  font-size: 13px;
  background-color: #f5f5f5;
}
.news-post__link_title {
  display: inline-block;
}
.news-post__pagination {
  margin-bottom: 120px;
}
/* hover */
.news-post__link a:hover,.news-post__link a:active {
	background-color: rgb(0,125,124);
}
.news-post__link a:hover,.news-post__link a:active {
	color: #fff;
}
.news-post__link a:hover .news-post__link_category,.news-post__link a:active .news-post__link_category {
  background-color: rgb(108 160 160);
}

/* NEWS - SINGLE
=================================== */
#news-single {
/* 	background-color: #c7c8c8; */
	background-color: #f5f5f5;
}
.news-post {
  margin-top: 150px;
  margin-bottom: 120px;
}
.news-post__flame {
  background-color: #fff;
  padding: 35px 30px 65px 30px;
	border-radius: 10px;
}
.news-post__heading_wrapper {
  margin-bottom: 40px;
}
.news-post__heading_date {
  margin-right: 20px;
  font-size: 14px;
}
.news-post__heading_category {
  display: inline-block;
  padding: 2px 12px;
  font-size: 13px;
  background-color: #f5f5f5;
}
.news-post__heading_text {
  display: block;
  margin-top: 25px;
  font-weight: bold;
}
.news-post__text {
  font-size: 16px;
}

/* News Post Link Btn */
.news-btn__pc {
  display: inline;
}
.news-btn__sp {
  display: none;
}
.news-btn__flex {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.news-btn {
  color: #3e3a39;
  transition: 0.3s linear;
  -webkit-transition: 0.3s linear;
}
.news-btn:hover {
  color: #017D7C;
}
.news-btn:hover .arrow__img_gray-right {
  transition: 0.5s;
  background-image: url(../images/img_arrow-right-green.png);
}
.news-btn:hover .arrow__img_gray-left {
  transition: 0.5s;
  background-image: url(../images/arrow-left-green.png);
}
/*
{
  transition: 0.5s;
  color: #017D7C;
}
*/
.btn__text_prev {
  text-align: right;
  margin-left: 20px;
}
.btn__text_back {
  text-align: center;
}

@media screen and (max-width: 991px) {

  /* NEWS - ARCHIVE  */
	.news-post__link {
		padding: 15px 20px;
	}  
	.news-post__link_title {
		display: block;
		margin-top: 8px;
		font-size: 14px;
	}
	.news-post__link_date {
		margin-right: 20px;
	}
	.news-post__link_category {
		margin-right: 0px;
		padding: 0px 12px;
		font-size: 12px;
	}
	/* NEWS - SINGLE  */
	/* News Post Link Btn */
	.news-post__link_none {
		display: inline;
	}
	.news-post__link_none-pc {
		display: none;
	}
	.news-post__heading_wrapper {
		margin-bottom: 30px;
	}

}

@media screen and (max-width: 767px) {
  /* NEWS - SINGLE  */

  /* News Post Link Btn */
  .news-btn__pc {
    display: none;
  }
  .news-btn__sp {
    display: inline;
  }
}
@media screen and (max-width: 575px) {

  /* NEWS - ARCHIVE  */


  /* NEWS - SINGLE */
  .news-post {
    margin-top: 80px;
  }
  .news-post__content {
    padding: 30px 20px 65px 20px;
  }

  /* News Post Link Btn */
  .news-post__link_none {
    display: none;
  }
  .news-post__link_none-pc {
    display: inline;
  }

}


/* PAGE STAFF
=================================== */
#profile {
	color: #ccc;
}

.profile__header {
	margin-bottom: 100px;
}
.profile__header_job-en {
	display: block;
	font-size: 14px;
	letter-spacing: 0.05em;
	font-weight: 600;
}
.profile__header_name-en {
	display: block;
	font-style: italic;
	font-size: 30px;
	margin-left: -5px;
	letter-spacing: 0.025em;
	line-height: 1.5
}
.profile__header_job-ja {
	display: block;
	font-size: 14px;
}
.profile__header_name-ja {
	display: block;
	font-size: 24px;
}
.profile__body_left_inner {
}
.profile__body {
	overflow: hidden;
	line-height: 2;
	font-size: 15px;
}
.profile__body_left {
	float: left;
	max-width: 360px;
	margin-right: 60px;
	padding-left: 15px;
	border-left: solid 1px #999;
}
.profile__body_right {
	float: left;
	width: calc(100% - 420px);
}
.profile__body_right_sign {
	position: relative;
	top: -20px;
	display: block;
	text-align: right;
}
.profile__body_right_sign span {
	display: inline-block;
	font-size: 14px;
	margin-right: 20px;
}
.profile__body_right_sign img {
	position: relative;
	top: 7px;
	display: inline-block;
	width: 180px;
	height: auto;
}
@media screen and (max-width:575px) {
	.profile__body_right_sign span {
		font-size: 12px;
		margin-right: 15px;
	}
	.profile__body_right_sign img {
		top: 5px;
		width: 160px;
	}
}
/*	swiper
--------------------------*/
#profile .swiper-container {
	width: 100%;
}
#profile .swiper-wrapper {
	width: 100%;
}
#profile .swiper-slide {
	height: 0;
	padding-top: 66.666%;
	overflow: hidden;
/*
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
*/
}
#profile .swiper-slide__img {
	position: absolute;
	top: 0;
	left: 0;
	pointer-events: none;
	filter: grayscale(100%);
}
#profile .swiper-slide::after {
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background-color: transparent;
	z-index: 2;
}
.swiper-pagination-bullet {
	width: 24px;
	height: 24px;
	border-radius: none;
	background-color: transparent;
	position: relative;
}
.swiper-pagination-bullet::after {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background-color: #ccc;
}
.swiper-container-horizontal>.swiper-pagination-bullets {
	padding-top: 6px;
	margin-left: -8px;
}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
	margin-left: 0;
	margin-right: 0;
}
.top-about-pagination {
	text-align: center;
}
.top-about-pagination .swiper-pagination-bullet::after {
	background-color: #333;
}


@media screen and (max-width:991px) {
	.profile__header {
		margin-bottom: 40px;
	}
	.profile__body_left {
		float: none;
		max-width: none;
		margin-right: 0;
		padding-left: 10px;
		margin-bottom: 40px;
	}
	.profile__body_right {
		float: none;
		width: 100%;
	}
}


.gallery {
	display: grid;
	display: -ms-grid;
	grid-template-rows: repeat(27,auto);
	-ms-grid-rows: repeat(27,auto);
	grid-template-columns: repeat(9, 1fr);
	-ms-grid-columns: repeat(9, 1fr);
	row-gap: 80px;
	column-gap: 30px;
	-webkit-column-gap: 30px;
	-moz-column-gap: 30px;
}
.gallery__img {
	width: 100%;
	height: 0;
	position: relative;
}
.gallery__img div {
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	filter: grayscale(100%);
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


.gallery__img {
	padding-top: 150%;
}
.gallery__img:nth-of-type(1) div {
	background-image: url(../images/img_staff-gallery-1.jpg);
}
.gallery__img:nth-of-type(2) div {
	background-image: url(../images/img_staff-gallery-2.jpg);
}
.gallery__img:nth-of-type(3) div {
	background-image: url(../images/img_staff-gallery-3.jpg);
}
.gallery__img:nth-of-type(4) div {
	background-image: url(../images/img_staff-gallery-4.jpg);
}
.gallery__img:nth-of-type(5) div {
	background-image: url(../images/img_staff-gallery-5.jpg);
}
.gallery__img:nth-of-type(6) div {
	background-image: url(../images/img_staff-gallery-6.jpg);
}
.gallery__img:nth-of-type(7) div {
	background-image: url(../images/img_staff-gallery-7.jpg);
}

.gallery__img:nth-of-type(1) {
	grid-row: 2 / 5;
	grid-column: 2 / 5;
}
.gallery__img:nth-of-type(2) {
	grid-row: 1 / 6;
	grid-column: 6 / 9;
}
.gallery__img:nth-of-type(3) {
	grid-row: 7 / 11;
	grid-column: 4 / 10;
}

.gallery__img:nth-of-type(4) {
	grid-row: 12 / 17;
	grid-column: 2 / 6;
}

.gallery__img:nth-of-type(5) {
	grid-row: 18 / 21;
	grid-column: 1 / 4;
}

.gallery__img:nth-of-type(6) {
	grid-row: 17 / 21;
	grid-column: 6 / 10;
}

.gallery__img:nth-of-type(7) {
	grid-row: 22 / 27;
	grid-column: 2 / 9;
}
	

.gallery__img:nth-of-type(1) {
	padding-top: 100%;
}
.gallery__img:nth-of-type(2) {
	padding-top: 150%;
}
.gallery__img:nth-of-type(3) {
	padding-top: 66.666%;
}
.gallery__img:nth-of-type(4) {
	padding-top: 100%;
}
.gallery__img:nth-of-type(5) {
	padding-top: 100%;
}
.gallery__img:nth-of-type(6) {
	padding-top: 66.666%;
}
.gallery__img:nth-of-type(7) {
	padding-top: 66.666%;
}

@media screen and (max-width:575px) {
	.gallery {
		row-gap: 40px;
		column-gap: 0px;
		grid-template-rows: repeat(28,auto);
		-ms-grid-rows: repeat(28,auto);
	}
	.gallery__img:nth-of-type(1) {
		grid-row: 2 / 6;
		grid-column: 1 / 5;
	}
	.gallery__img:nth-of-type(2) {
		grid-row: 1 / 5;
		grid-column: 7 / 10;
	}
	.gallery__img:nth-of-type(3) {
		grid-row: 7 / 11;
		grid-column: 2 / 8;
	}
	
	.gallery__img:nth-of-type(4) {
		grid-row: 12 / 16;
		grid-column: 5 / 9;
	}
	
	.gallery__img:nth-of-type(5) {
		grid-row: 17 / 21;
		grid-column: 1 / 5;
	}
	
	.gallery__img:nth-of-type(6) {
		grid-row: 19 / 22;
		grid-column: 6 / 10;
	}
	
	.gallery__img:nth-of-type(7) {
		grid-row: 23 / 28;
		grid-column: 2 / 9;
	}
	
	
	
	
	
}


.page-staff__contents_top {
  margin-bottom: 150px;
}
.page-staff__contents_bottom {
  margin-bottom: 150px;
}
.page__lead_wrapper-staff {
  max-width: 415px;
  margin-right: 25px;
}
.page__lead-staff {
  font-size: 18px;
}
.section__text_staff p {
  margin-bottom: 30px;
}
.doctor-profile {
  width: 400px;
}
.doctor-profile__top {
  display: flex;
  align-items: flex-end;
  margin-bottom: 20px;
}
.doctor-profile__name {
  margin-right: 60px;
}
.doctor-profiel__image img {
  max-width: 180px;
  height: auto;
}
.name__green {
  color: #333;
  font-size: 14px;
  margin-bottom: 11px;
}
.name__green_bold {
  color: #333;
  font-size: 14px;
  margin-bottom: -6px;
  font-weight: bold;
}
.name__gray {
  font-size: 14px;
}
.doctor-profile__bottom p {
  font-size: 14px;
  line-height: 1.8;
  letter-spacing: 2.5px;
  margin-bottom: 12px;
  border-left: 1px solid;
  padding-left: 12px;
}
.staff-profile__grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  padding-left: 0;
  grid-gap: 50px;
}
.staff-profile {
  max-width: 300px;
  margin-left: auto;
  margin-right: auto;
}
.staff-profile__top {
  display: flex;
  align-items: flex-end;
  margin-bottom: 20px;
}
.staff-profile__name {
  margin-right: 30px;
}
.staff-profile__img img {
  max-width: 130px;
  height: auto;
}
.staff__comment_item {
  margin-bottom: 30px;
}
.staff-profile__comment h4 {
  font-size: 14px;
  margin-bottom: 12px;
}
.staff-profile__comment p {
  font-size: 14px;
  letter-spacing: 1.5px;
  margin-bottom: 18px;
}
@media screen and (max-width: 991px) {

  .page__lead-staff {
    font-size: 18px;
  }
  .section__text {
    margin-bottom: 0;
  }
  .section__text_staff {
    max-width: 355px;
    margin-right: 25px;
  }
  .doctor-profile {
    width: 350px;
  }
  .doctor-profile__name {
    margin-right: 30px;
  }
  .doctor-profile__bottom p {
    margin-bottom: 12px;
  }
  .staff-profile__grid {
    grid-gap: 20px;
  }

}
@media screen and (max-width: 767px) {

  .page-staff__contents_top .section__flex {
    flex-direction: column;
    align-items: center;
  }
  .page__lead_wrapper-staff {
    max-width: none;
    margin-right: 0px;
    margin-bottom: 80px;
  }
  .page__lead-staff {
    font-size: 16px;
  }
  .name__green_bold {
    font-size: 13px;
  }
  .name__green {
    font-size: 13px;
  }
  .name__gray {
    font-size: 13px;
  }
  .doctor-profiel__image img {
    max-width: 200px;
  }
  .doctor-profile__name {
    margin-right: 80px;
  }
  .doctor-profile__bottom p {
    font-size: 13px;
    margin-bottom: 12px;
  }
  .staff-profile__grid {
    grid-template-columns: repeat(2, 1fr);
  }
  .staff-profile__comment h4 {
    font-size: 13px;
  }
  .staff-profile__comment p {
    font-size: 13px;
  }
}
@media screen and (max-width: 575px) {

  .doctor-profile {
    max-width: 375px;
    width: 100%;
  }
  .doctor-profile__name {
    margin-right: 20px;
  }
  .staff-profile__grid {
    grid-template-columns: repeat(1, 1fr);
  }
  .staff-profile {
    max-width: 340px;
  }
  .staff-profile__name {
    margin-right: 30px;
  }
  .staff-profile__img img {
    max-width: 150px;
    height: auto;
  }
  
}

/* PAGE RECRUIT CONTENTS
=================================== */
#recruit {
	background-color: #fff;
}
#recruit-qa {
	background-color: #f5f5f5;
}

.guidline {
  margin-bottom: 60px;
}
.frame {
	position: relative;
	height: auto;
	padding: 100px 80px;
	border-radius: 10px;
}
.frame-white {
	background-color: #fff;
}
.frame-gray {
	background-color: #f5f5f5;
	background-color: #ebebeb;
}
.frame p {
	text-align: justify;
}
.guideline__title {
/*
  position: absolute;
  top: -15px;
  left: 50%;
  transform: translateX(-50%);
  background-color: #fff;
  padding-right: 60px;
  padding-left: 60px;
*/
	text-align: center;
	margin-bottom: 30px;
	white-space: nowrap;
}
.guideline__content {
  margin-bottom: 85px;
}
.guideline__content:last-child {
  margin-bottom: 0px;
}
.guideline__content_title {
  font-weight: normal;
  font-size: 20px;
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}
.guideline__content_title strong {
  font-size: 35px;
  margin-right: 20px;
  font-weight: normal;
}
.guideline__content_border {
  display: block;
  height: 1px;
  width: 100%;
  background-color: #9FA0A0;
  margin-bottom: 20px;
}
.guideline__content_text {
}
/*
.guideline__content_text::before {
  display: block;
  content: '';
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background-color: #3e3a39;
  margin-right: 10px;
  text-align: center;
  margin-top: 12.5px;
}
*/
.job {
	margin-bottom: 60px;
}

.job__item-wrapper {
	overflow: hidden;
	margin-left: -15px;
	margin-right: -15px;
}
.job__item {
	float: left;
	width: calc(100% / 3);
	padding-left: 15px;
	padding-right: 15px;
}
.job__item_img {
	margin-bottom: 10px;
	filter: grayscale(100%);
}
.job__item_ttl_en {
	display: block;
	font-size: 10px;
}

.job__item_ttl_ja {
	display: block;
}

.frame__inner {
	overflow: hidden;
}
.frame__left {
	float: left;
	width: 50%;
	padding-right: 30px;
}
.frame__right {
	float: left;
	width: 50%;
	padding-left: 30px;
}

@media screen and (max-width:991px) {
	.job__item-wrapper {
		margin-left: 0;
		margin-right: 0;
	}
	.job__item {
		float: none;
		width: 100%;
		max-width: 640px;
		padding-left: 0;
		padding-right: 0;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 60px;
	}
	.job__item:last-child {
		margin-bottom: 0;
	}
  .frame {
    padding: 80px 60px;
  }
  .frame__left {
	  float: none;
	  width: 100%;
	  margin-right: 0;
	  margin-bottom: 80px;
	  padding-right: 0;
  }
  .frame__right {
	  float: none;
	  width: 100%;
	  margin-left: 0;
	  padding-left: 0;
  }
  
}

@media screen and (max-width:575px) {
  .frame {
    padding: 60px 40px;
  }
}




.job__title {
  font-size: 22px;
  font-weight: normal;
  margin-bottom: 80px;
}
.job__content {
  margin-bottom: 80px;
}
.job__content:first-child {
  margin-right: 80px;
}
.job__content_title {
  font-size: 16px;
  margin-bottom: 20px;
}
.job__content_flex {
  display: flex;
  justify-content: space-between;
}
.job__content_img-wrapper {
  width: 450px;
  margin-right: 50px;
}
.job__content_img {
  width: 450px;
  height: 0%;
  padding-top: 66%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.job__content_img-01 {
  background-image: url(../images/_MG_5777.jpg);
}
.job__content_img-02 {
  background-image: url(../images/_MG_5712.jpg);
}
.job__content_img-03 {
  background-image: url(../images/_D4K6567.jpg);
}
.job__content_img-04 {
  background-image: url(../images/_D4K6558.jpg);
}
.job__content_text-wrapper {
  max-width: 500px;
}
.job__content_text-green {
  font-family: "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", serif;
  font-size: 20px;
  letter-spacing: 2px;
  margin-bottom: 25px;
}
.job__content_text {
  font-size: 16px;
  letter-spacing: 1.7px;
  line-height: 1.8;
  margin-bottom: 25px;
}
.job__content_link {
  font-size: 14px;
  font-weight: bold;
}
.job__content_link-img {
  width: 14px;
  height: auto;
}

/* RECRUIT SINGLE PAGE
=================================== */
.job__table_container {
  margin-bottom: 120px;
}
.job__table_title {
  font-size: 22px;
  margin-bottom: 50px;
  display: flex;
  align-items: center;
  font-weight: normal;
}
.job__table_title::before {
  display: inline-block;
  content: '';
  width: 40px;
  height: 1px;
  background-color: #aaa;
  margin-right: 20px;
}
.job__table {
  background-color: #eee;
  width: 100%;
  border-collapse: collapse;
}
.job__table tr {
  border-bottom: 1px solid #fff;
}
.job__table th {
  font-weight: normal;
  font-size: 16px;
}
.job__table td {
  padding-top: 25px;
  padding-bottom: 25px;
  padding-left: 30px;
  line-height: 1.7;
  font-size: 16px;
}
.job__table td small {
  display: block;
  font-size: 14px;
}
@media screen and (max-width: 991px) {

  /* PAGE RECRUIT CONTENTS
  =================================== */
  .guideline__title {
    font-size: 20px;
  }
  .guideline__content_title {
    font-size: 18px;
  }
  .guideline__content_title strong {
    font-size: 30px;
  }
  .job__title {
    font-size: 20px;
  }
  .job__content_img-wrapper {
    width: 350px;
    margin-right: 50px;
  }
  .job__content_img {
    width: 350px;
  }
  .job__content_text-wrapper {
    max-width: 400px;
  }
  .job__content_text-green {
    font-size: 18px;
    margin-bottom: 25px;
  }
  .job__content_text {
    margin-bottom: 25px;
  }
  .job__content_link {
    font-weight: bold;
  }

  /* RECRUIT SINGLE PAGE
  =================================== */
  .job__table_title {
    font-size: 20px;
  }

}
@media screen and (max-width: 767px) {

  /* PAGE RECRUIT CONTENTS
  =================================== */
  .guideline__title {
    font-size: 18px;
    top: -10px;
    padding-right: 40px;
    padding-left: 40px;
  }
  .guideline__content_title {
    font-size: 16px;
  }
  .guideline__content_title strong {
    font-size: 25px;
    margin-right: 15px;
  }
  .guideline__content_text {
  }
  .guideline__content_text::before {
    margin-top: 10.5px;
  }
  .job__title {
    font-size: 18px;
  }
  .job__content_title {
    font-size: 14px;
  }
  .job__content_img-wrapper {
    width: 250px;
    margin-right: 20px;
  }
  .job__content_img {
    width: 250px;
  }
  .job__content_text-wrapper {
    max-width: none;
  }
  .job__content_text-green {
    font-size: 16px;
    margin-bottom: 15px;
  }
  .job__content_text {
    font-size: 14px;
    letter-spacing: 1.5px;
    line-height: 1.6;
    margin-bottom: 15px;
  }
  .job__content_link {
    font-size: 12px;
  }

  /* PAGE RECRUIT-SINGLE CONTENTS
  =================================== */
  .job__table_title {
    font-size: 18px;
  }
  .job__table th {
    font-weight: normal;
    font-size: 14px;
    padding-left: 20px;
  }
  .job__table td {
    padding-top: 25px;
    padding-bottom: 25px;
    padding-left: 30px;
    padding-right: 20px;
    line-height: 1.7;
    font-size: 14px;
  }
  .job__table td small {
    display: block;
    font-size: 12px;
  }
  
}

@media screen and (max-width: 575px) {

  /* PAGE RECRUIT
  =================================== */
  .guideline__title {
    padding-right: 20px;
    padding-left: 20px;
  }
  .job__content_flex {
    flex-direction: column;
  }
  .job__content_img-wrapper {
    width: 100%;
    margin-bottom: 30px;
  }
  .job__content_img {
    width: 100%;
  }

  /* PAGE RECRUIT-SINGLE
  =================================== */
  .job__table th {
    padding-top: 20px;
    display: block;
    text-align: left;
  }
  .job__table td {
    display: block;
  }
  .job__table td small {
    display: block;
  }

  /* Pagination
  =================================== */
  .pagination {
    justify-content: center;
  }
  
}

/* fancybox */
.fancybox-show-infobar .fancybox-infobar, .fancybox-show-toolbar .fancybox-toolbar, .fancybox-show-caption .fancybox-caption, .fancybox-show-nav .fancybox-navigation .fancybox-button {
	transition: .25s linear;
	-webkit-transition: .25s linear; /* for iOS and Chrome */
}
.fancybox-show-infobar:hover .fancybox-infobar:hover, .fancybox-show-toolbar:hover .fancybox-toolbar:hover, .fancybox-show-caption:hover .fancybox-caption:hover, .fancybox-show-nav:hover .fancybox-navigation:hover .fancybox-button:hover {
	opacity: 0.8;
    -moz-opacity: 0.8; /* for Firefox */
    -khtml-opacity: 0.8;
    filter: alpha(opacity=80); /* for IE6 and IE7 */
    -ms-filter: "alpha(opacity=80)"; /* for IE8 and IE9 */
}
.fancybox-caption__body {
	height: auto;
	min-height: 42px;
}
.fancybox-caption {
	color: #fff;
	padding: 0;
}
.fancybox-caption__body_txt {
	font-size: 12px;
	text-align: right;
	line-height: 1.4;
	padding-right: 30px;
	padding-bottom: 20px;
	margin: 0;
	font-weight: 600;
}
.fancybox-caption__body_txt_cat {
	font-size: 12px;
	font-weight: 400;
}
.fancybox-infobar {
	display: none;
/*
	left: auto;
	top: auto;
	right: 36px;
	bottom: 20px;
	line-height: 1;
	height: auto;
	padding: 0;
	min-width: auto;
	font-weight: 600;
*/
}

/* button */
.fancybox-toolbar .fancybox-button {
	background: transparent;
}


.fancybox-toolbar {
	right: 20px;
	top: 16px;
	width: 48px;
	height: 48px;	
}
@media screen and (max-width:575px) {
}

@media screen and (max-width:991px) {
	
	
	.fancybox-caption__body_txt {
		padding-right: 30px;
	}
/*
	.fancybox-infobar {
		right: 23px;
		bottom: 16px;
	}
*/
	.fancybox-toolbar {
	}
}
.fancybox-button--zoom {
	display: none !important;
}
.fancybox-button--play {
	display: none !important;
}
.fancybox-button--thumbs {
	display: none !important;
}

.fancybox-toolbar .fancybox-button:before {
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%) rotate(45deg);
	-webkit-transform: translate(-50%,-50%) rotate(45deg);
	-ms-transform: translate(-50%,-50%) rotate(45deg);
	transform-origin: center center;
	-webkit-transform-origin: center center;
	width: 36px;
	height: 1px;
	background-color: #fff;
}
.fancybox-toolbar .fancybox-button:after {
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%) rotate(-45deg);
	-webkit-transform: translate(-50%,-50%) rotate(-45deg);
	-ms-transform: translate(-50%,-50%) rotate(-45deg);
	transform-origin: center center;
	-webkit-transform-origin: center center;
	width: 36px;
	height: 1px;
	background-color: #fff;
}
 
 @keyframes fb-left {
	0% {
		transform: translateX(100%);
	}
	100% {
		transform: translateX(0);
	}
}
@keyframes fb-right {
	0% {
		transform: translateX(-100%);
	}
	100% {
		transform: translateX(0);
	}
}

.fancybox-button svg {
	display: none;
}
.fancybox-button img {
	width: 15px;
	height: auto;
}
.fancybox-navigation .fancybox-button svg {
	display: block;
}

.fancybox-button[disabled], .fancybox-button[disabled]:hover {
	opacity: 0 !important;
}

.fancybox-button {
	width: 100%;
	height: 100%;
	padding: 0;
	background-color: transparent;
}
/* fanccybox-button__line
 * ------------------------------------------------------------*/ 
.fancybox-button__inner {
/*
	width: 100%;
	height: 1px;
	overflow: hidden;
	padding: 0;
*/
}
/*
.fancybox-button__line {
	display: block;
	position: relative;
	width: 100%;
	height: 100%;
	background-color: #999;
 }
.fancybox-button__line::after {
	content: '';
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: #000;
	z-index: 2;
	transition: 0.22s linear;
	-webkit-transition: 0.22s linear;
}
@media screen and (max-width:767px) {
	.fancybox-button__line::after {
		transition: 0.18s linear;
		-webkit-transition: 0.18s linear;
	}
}
*/

.fancybox-navigation .fancybox-button--arrow_left {
	left: 0;
}
.fancybox-navigation .fancybox-button--arrow_right {
	right: 0;
}

.fancybox-button--arrow_left .fancybox-button__line::after {
	transform: translateX(100%);
}
.fancybox-button--arrow_right .fancybox-button__line::after {
	transform: translateX(-100%);
}

.fancybox-button--arrow_left:hover .fancybox-button__line::after {
	transform: translateX(0);
}

.fancybox-button--arrow_right:hover .fancybox-button__line::after {
	transform: translateX(0);
}


.fancybox-button--arrow_right .fancybox-button__img {
	display: block;
	background-size: contain;
	background-position: center center;
	background-repeat: no-repeat;
	height: 20px;
	width: 40px;
	background-image: url(../images/img_arrow-right-black.png);
	margin-left: auto;
	margin-right: auto;
}
.fancybox-button--arrow_left .fancybox-button__img {
	display: block;
	background-size: contain;
	background-position: center center;
	background-repeat: no-repeat;
	height: 20px;
	width: 40px;
	background-image: url(../images/img_arrow-left-black.png);
	margin-left: auto;
	margin-right: auto;
}


@media screen and (max-width:809px) {
	.fancybox-navigation .fancybox-button {
		width: 60px;
	}
}

.fancybox-image, .fancybox-spaceball {
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	max-width: 100%;
	height: auto;
}
.fancybox-content::after {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	content: "";
	width: 100%;
	height: 100%;
	background-color: transparent;
}

.fancybox-slide--image {
	padding: 80px 0 !important;
}
.fancybox-bg {
	background-color: rgba(0,0,0,0.8);
}


/* Contact Form - 
---------------------------------------------------*/
#contact,#contact-confirm,#contact-fin {
/* 	background-color: #fff; */
	background-color: #f5f5f5;
}

#contact-fin {
	position: relative;
	min-height: 100vh;
}

#contact-form,#contact-confirm,#contact-fin {
	background-color: #435151;
}
.fin-txt {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	max-width: 540px;
	width: 100%;
	color: #ccc;
}
.fin-txt__inner {
	padding-left: 20px;
	padding-right: 20px;
}
.fin-txt h3 {
	text-align: center;
	margin-bottom: 20px;
}

.link-white {
	color: #ccc;
	text-decoration:underline;
}

input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], textarea,select {
	color: #666;
	border: none;
	border-radius: 0;
	padding: 10px 10px;
	width: 100%;
}

select {
	appearance: none;
	-webkit-appearance: none;;
}

.job-list-title {
	font-size: 12px;
	font-weight: 600;
	margin-bottom: 10px;
}
.job-list-wrapper {
	padding: 20px;
/* 	border: 1px solid #999; */
	border-radius: 10px;
	background-color: #fff;
}
.job-list {
	display: inline-block;
	font-size: 15px;
	position: relative;
	margin-left: 15px;
}
.job-list::before {
	content: "";
	position: absolute;
	left: -11px;
	top: 19px;
	width: 4px;
	height: 4px;
	border-radius: 50%;
	transform-origin: top left;
	border: solid 1px #999;
}
.job-list:last-child::before {
}
.job-list {
  position: relative;
}
.job-list a::after {
	position: absolute;
	left: 0;
	bottom: 8px;
	width: 100%;
	height: 10px;
	background-color: rgba(0,125,124,0.3);
	z-index: 0;
	display: inline-block;
	transform: scaleX(0);
	-webkit-transform: scaleX(0);
	-ms-transform: scaleX(0);
	-moz-transform: scaleX(0);
	transform-origin: top left;
	content: '';
	transition: linear 0.26s;
	-webkit-transition: linear 0.26s;


}
.job-list a {
	position: relative;
	display: inline-block;
	color: #333;
/* 	padding-left: 15px; */
	padding-top: 10px;
	padding-bottom: 10px;
	transition: opacity linear 0.26s;
	opacity: 0.6;
}
.job-list a:hover {
	opacity: 1;
}
.job-list a:hover::after {
	transform: scaleX(1);
}

.job-table-wrapper {
	
}
.job-table {
	margin-bottom: 80px;
	padding-top: 100px;
	padding-top: 0;
}
.job-table table {
	border-radius: 10px;
	background-color: #ebebeb;
	background-color: #fbfbfb;
	background-color: #fff;
/* 	background-color: #fcfcfc; */
	font-size: 15px;
	line-height: 2;
/* 	border: solid 1px #999; */
}
.job-table th {
	vertical-align: middle;
	border-bottom: 3px solid #f5f5f5;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
	padding-right: 20px;
	font-weight: 400;
	width: 180px;
	font-weight: 600;
}
.job-table td {
	vertical-align: top;
	border-bottom: 3px solid #f5f5f5;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
	padding-right: 20px;
	width: calc(100% - 180px);
}
.job-table tr:last-child th {
	border-bottom: 1px solid transparent;
}
.job-table tr:last-child td {
	border-bottom: 1px solid transparent;
}
.job-table th.job-table__title {
	width: 100%;
	text-align: center;
	background-color: #fff;
	border-bottom: 3px solid #f5f5f5;
/*
	border-bottom: 1px solid #f5f5f5;
	background-color: #f5f5f5;
*/
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
/* 	border-bottom: solid 1px #999; */
}
.job-table th.job-table__title h2 {
/*
	font-size: 16px;
	font-weight: 600;
*/
}
.job-table-attention {
	display: block;
	font-size: 13px;
}
@media screen and (max-width:991px) {
	.job-table th,.job-table td {
		display: block;
	}
	.job-table th {
		width: 100%;
		padding-top: 10px;
		padding-bottom: 0;
		text-align: left;
		border-bottom: 1px solid transparent;
	}
	.job-table td {
		width: 100%;
		padding-top: 0;
		padding-bottom: 10px;
	}
	
	.job-table th.job-table__title {
		padding-bottom: 10px;
	}
}
@media screen and (max-width:575px) {
	.job-list {
		font-size: 13px;
	}
	.job-list::before {
		top: 17px;
	}
}
.tag-link-wrapper {
	margin-top: 40px;
}
.tag-link {
	display: inline-block;
}
.tag-link a {
	display: block;
	font-size: 12px;
	background-color: rgba(255,255,255,1);
	border: 1px solid #666;
	border-radius: 14px;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 4px;
	padding-bottom: 4px;
}
.tag-link a:hover {
	background-color: rgba(255,255,255,0.6);
}
.contact-table {
	border-radius: 10px;
	background-color: #f5f5f5;
	font-size: 15px;
	line-height: 2;
	margin-bottom: 80px;
}

#contact-form th,#contact-confirm th {
	vertical-align: center;
	border-bottom: 1px solid #fff;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
	padding-right: 20px;
	font-weight: 400;
	width: 180px;
}
#contact-form td,#contact-confirm td {
	vertical-align: top;
	border-bottom: 1px solid #fff;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
	padding-right: 20px;
	width: calc(100% - 180px);
}
#contact-form tr:last-child td,#contact-confirm tr:last-child td {
	border-bottom: none;
}
.contact-table p {
	font-size: 15px;
}

input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], textarea, select {
	padding-left: 0;
	background-color: #f5f5f5;
	font-size: 13px;
	outline: none;
}

@media screen and (max-width:991px) {
	#contact-form tr th,#contact-form tr td,#contact-confirm tr th,#contact-confirm tr td {
		display: block;
	}
	
	#contact-form th,#contact-confirm th {
		width: 100%;
		padding-top: 10px;
		padding-bottom: 0;
		text-align: left;
		border-bottom: 1px solid transparent;
	}
	#contact-form td,#contact-confirm td {
		width: 100%;
		padding-top: 0;
		padding-bottom: 10px;
	}
	
}
.wpcf-dropdown-title {
	position: relative;
}
.wpcf-dropdown-title::after {
	content: "▼";
	font-size: 10px;
	display: block;
	position: absolute;
	top: 50%;
	right: 10px;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
}

#contact-form p,#contact-confirm p {
/* 	text-align: left; */
}

#contact-form .btn-area p,#contact-confirm .btn-area p {
/* 	text-align: center; */
}

#contact-form .wpcf7-list-item,#contact-confirm .wpcf7-list-item  {
	margin: 0 20px 0 0;
}

.contact-table {
	margin-bottom: 40px;
}

.wpcf7-spinner {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.important {
	color: #ff002e;
}
.wpcf7-not-valid-tip {
	color: #ff002e;
	font-size: 12px;
}