@charset "utf-8";
/* CSS Document */

/* all */

html {
	font-size: 62.5%;
	--top-spacing: 100px;
  scroll-padding-top: var(--top-spacing);
}
body {
	font-family: "M PLUS Rounded 1c","Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
	color: #003350;
  line-height: 1.8;
  letter-spacing: .08em;
	font-weight:400;
  z-index: -2;
	
}
header, main, .footer_top {
  width: 100%;
	margin: 0 auto;
}
a:hover {
  opacity: 0.5;
}
main, footer {
  z-index: -1;
}
img {
	max-width: 100%;
}
p {
	font-size: 14px;
	font-weight: 400;
}
header {
	position: relative;
}
li {
	font-weight: 400;
}
a {
	font-weight: 400;
	
}
/*humburger*/
#hamburger {  /*透明の背景*/
	display: none;
  position: relative;             /*ハンバーガーの横線の位置を決めるための基準*/
  cursor: pointer;                /*リンクを示すカーソルを表示（指差しマーク）*/
  margin: 12px 0 0 auto;             /*左側に余白を作り、ハンバーガーメニューを右端に配置*/
  height: 60px;                   /*ヘッダーの高さと同じ60px*/
  width: 42px;                    /*高さと同じ幅*/
}
/*header*/
/* pc */
.header-wrapper {
	position: fixed;
  top: 0;
	z-index: 999;
	background-color: #FFFFFF;
	max-width: none;
	width: 100%;
	height: 92px;
	display: flex;
	justify-content: space-between;
	box-shadow: 0 2px 5px rgba(0,0,0,0.5);
}
.header-inner {
  display: flex;
	width: 100%;
	padding: 10px 20px;
}
.header-left {
	margin-left: 20px;
	margin: auto 0;
}
.header-left h1 {
	font-size: 16px;
	letter-spacing: 3px;
	line-height: 1.2em;
}
.header-left h2 {
	font-size: 21px;
	letter-spacing: 3px;
	line-height: 1.2em;
}
.header-left p {
	font-size: 13px;
	letter-spacing: 3px;
	display: inline-block;
	background: rgba(175,217,241,0.4);
	padding: 0 7px;
	margin-top: 10px;
}
.header-right {
	display: table;
	margin-left: auto;
	font-weight: 400;
}
.header-right-inner {
	display: table-cell;
  vertical-align: middle;
	font-weight: 400;
}
.header-right li {
	letter-spacing: 3px;
	font-size: 14px;
	font-weight: 600;
}
.saiyou-list {
	display: flex;
}
.saiyou-list li {
	background-color: #FFEBE7;
  border-radius: 100px;
	margin: 3px 8px;
  padding: 3px 20px;
}
.header-list {
	display: flex;
	flex-wrap: nowrap;
}
.header-list a:hover {
	text-decoration: underline;
	text-underline-offset: 7px;
}
.header-list li {
	margin: 3px 8px;
	padding: 5px;
}
.header-list a {
	padding: 10px;
}
.entry-btn {
	background-color: #003350;
	padding: 2em;
	display: table;
	height: 100%;
	
}
.entry-btn p {
  text-align: center;	
	color: #ffffff;
	letter-spacing: 3px;
	font-size: 14px;
	font-weight: 500;
	display: table-cell;
	vertical-align: middle;
}
/* sm */
.sm-header-right-inner {
	display: block;
}
.sm {
	display: none;
}

.menu-text p {
	position: absolute;
	top: -10px;
	left: 6px;
	letter-spacing: 2px;
}
.icon span {
  position: absolute;       /*親要素である#hamburgerを基準に位置を指定*/
  left: 15px;               /*#hamburger内の左がら15pxに横線を配置（幅が60pxなので右からも15px）*/
  width: 30px;              /*横線の幅が30px*/
  height: 2px;              /*横線の高さが4px*/
  background-color: #003350;  /*横線を紺色*/
  border-radius: 8px;       /*横線の両端の角に丸みを持たせる*/
}
.icon span:nth-of-type(1) {
  top: 16px;
}
.icon span:nth-of-type(2) {
  top: 28px;
}
.icon span:nth-of-type(3) {
  bottom: 16px;
}
.close span:nth-of-type(1) {
  transform: rotate(45deg); /*反時計回りに45度回転*/
  top: 28px
}
.close span:nth-of-type(2) {
  opacity: 0;
}
.close span:nth-of-type(3) {
  transform: rotate(-45deg); /*時計回りに45度回転*/
  top: 28px;
}
.sm {
  top: 100%;  /*headerの余白分*/
  left: 0px;  /*headerの余白分　ヘッダーには左右に15px余白があるので、headerの子要素となる.smは15px分内側に設置されます。その余白を埋めるために左に寄せる。*/
  position: absolute; /*絶対配置　top　leftからの位置を絶対配置する*/
  z-index: 10;
  width: 100%;
  background-color: #ffffff;
	padding: 0 20px;
	max-height: calc(100vh - 92px);
	overflow-y: scroll;
}
.sm-list-top {
	flex-wrap: nowrap;
	margin-left: 0;
	margin-bottom: 5em;
}
.sm-list-top a:hover {
	text-decoration: underline;
	text-underline-offset: 7px;
}
.sm-list-top li {
	margin: 3px 8px;
	padding: 5px;
}
.sm-list-top a {
	padding: 10px;
	font-size: 20px;
}
.entry-sub {
  color: #ffffff;
  background: #003350;
  padding: 3px 20px;
}
.sm-list {
	display: inline-block;
	margin-bottom: 20px;
}
.sm-list {
	display: flex;
	flex-wrap: wrap;
}
.sm-list li {
	background-color: #FFEBE7;
  border-radius: 100px;
	margin: 3px 8px;
  padding: 3px 20px;
}
.sm-list a {
	font-size: 20px;
}

.title-wrapper {
	position: relative;
	max-width: 100%;
	width: 100%;
	margin: 150px auto 75px;
}
.title-midashi {
	display: inline-block;
	max-width: 1000px;
	position: absolute;
  top: 60%;
	left: 5%;
	z-index: 3;
}
.title-midashi h2 {
	font-size: 40px;
	letter-spacing: 0.3em;
	line-height: 1.5;
}
.title-midashi p {
	font-size: 15px;
	letter-spacing: 0.3em;
	font-weight: 900;
	margin-top: 30px;
}
.title-wrapper img {
	position: relative;
	width: 80%;
	border-radius: 20px;
	margin-left: 20%;
	z-index: 2;
}
.box {
	position: absolute;
	top: 50px;
	right: 40px;
	width: 84%;
	height: 100%;
	z-index: 1;
  
	/* ドット（水玉）模様のCSS */
  background-color   : #ffffff;
  background-image   : radial-gradient(#d7ecf8 22%, transparent 22%),
                       radial-gradient(#d7ecf8 22%, transparent 22%);
  background-position: 0 0, 5px 5px;
  background-size    : 10px 10px;
}
.recruit {
	max-width: 100%;
	width: 100%;
	margin: 100px auto 50px;
	background-color: #FFEBE7;
	padding: 2em;
}
.recruit-wrapper {
	max-width: 1000px;
	width: 100%;
	margin: 0 auto;
	padding: 2em;
}
.recruit h2 {
	width: 100%;
	margin: 0 auto;
	text-align: center;
	font-size: 23px;
}
.none {
	pointer-events: none;
}
.entry {
	width: 100%;
	text-align: center;
}
.entry p {
	display: inline-block;
	text-align: center;
	border-bottom: 1px solid #000000;
	align-items: center;
	font-size: 15px;
}
.img-box {
	max-width: 1000px;
	width: 100%;
	margin: 20px auto;
	display: flex;
	justify-content: space-between;
}
.img-box img {
	width: 100%;
}
.img-box a {
	width: 23%;
}
.kaigyo {
	display: none;
}
.container {
	max-width: 1000px;
	width: 100%;
	margin: 50px auto;
	display: flex;
	padding: 0 2em;	
	justify-content: space-between;
}
.kansei-img {
	width: 47%;
}
.kansei-img img {
	width: 100%;
	height: auto;
	object-fit: cover;
}
.message-bottom {
	margin-top: 10px;
}
.message-bottom p {
	font-size: 13px;	
}
.text-right {
	max-width: 1000px;
	width: 48%;
	display: flex;
  flex-flow: column;
	font-weight: 500;
}
.blue-font h1 {
	font-size: 34px;
	color: rgba(175,217,241,0.5);
	letter-spacing: 4px;
}
.text-right h2 {
	font-size: 23px;
	line-height: 1.7;
	margin-bottom: 5px;
	font-weight: 400;
}
.text-right p {
	margin-top: 30px;
	font-size: 13px;
}
.blue-back {
	width: 100%;
	margin: 0 auto;
	padding: 2em 0;
	background: rgba(175,217,241,0.3);
}
.heading  {
	font-size: 34px;
	letter-spacing: 4px;
}
.image-caption {
	max-width: 1000px;
	width: 100%;
	margin: 15px auto;
	padding: 0 2em;
}
.image {
	margin-bottom: 50px;
}
.card-img {
	display: flex;
	justify-content: space-between;
}
.card-img img {
	width: 48%;
}
.card-img img:nth-last-child(1) {
	margin: 0;
}
.lounge-image {
	max-width: 1000px;
	width: 100%;
	margin: 0 auto;
}
.lounge-image h2 {
	font-size: 17px;
	margin-top: 10px;
}
/*.doctor {
	max-width: 1000px;
	width: 100%;
	margin: 50px auto;
	padding: 0 2em;
}
.doctor-list {
	display: flex;
	background-color: #ffffff;
	justify-content: space-between;
}
.doctor-list-box {
  width: 254px;
}
.doctor-text p {
	font-size: 20px;
	color: #AFD9F1;
}
.doctor-list h2 {
	font-size: 24px;
	position: relative;
	margin-left: 15px;
	margin-top: 20px;
	margin-bottom: -6px;
}
.doctor-list h2::before{
  content: "";
  display: inline-block;
  width: 3px;
  height: 20px;
  background-color: #003350;
  position: absolute;
  top: 12px;
  left: -15px;
}
.doctor-list p {
	font-size: 20px;
}
.doctor-text-list li {
	font-size: 14px;
	line-height: 2;
	margin-left: 1.4em;
	text-indent: -1.4em;
}*/
.doctor {
	max-width: 1000px;
	width: 100%;
	margin: 50px auto;
	padding: 0 2em;
}
.doctor-list-row {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap; /* This allows the boxes to wrap onto the next line when the viewport is too narrow */
	background-color: #ffffff;
}
.doctor-list-box {
	width: 45%; 
	margin: 15px 2.5%;
}
.doctor-text p {
	font-size: 20px;
	color: #AFD9F1;
	margin: 0;
}
.doctor-list h2 {
	font-size: 24px;
	position: relative;
	margin-left: 15px;
	margin-top: 20px;
	margin-bottom: -6px;
}
.doctor-list h2::before{
	content: "";
	display: inline-block;
	width: 3px;
	height: 20px;
	background-color: #003350;
	position: absolute;
	top: 12px;
	left: -15px;
}
.doctor-list p {
	font-size: 20px;
}
.doctor-text-list li {
	font-size: 14px;
	line-height: 2;
	margin-left: 1.4em;
	text-indent: -1.4em;
}

/* Media query for small screens (like mobile devices) */
@media screen and (max-width: 768px) {
	.doctor-list-box {
		width: 100%; /* Each box will take up the full width on small screens */
		margin: 15px auto; /* Unified margins on small screens */
	}
	.doctor-text-list li {
		font-size: 12px; /* Font size reduced to 12px on small screens */
		margin-left: 0; /* Remove the left margin on small screens to save space */
		text-indent: 0; /* Remove the text indentation on small screens to save space */
	}
}

.feature-title_1 {
	max-width: 1000px;
	width: 100%;
	margin: 50px auto;
	padding: 0 2em;
}
.feature-title_1 p {
	font-size: 23px;
	margin-bottom: 5px;
	font-weight: 400;
}
.feature-title_1 h2 {
	font-size: 14px;
}
.feature-title_1 h1 {
	font-size: 34px;
	color: rgba(175,217,241,0.5);
	letter-spacing: 3px;
	margin-bottom: -9px;
}
.humandock {
	max-width: 1000px;
	width: 100%;
	margin: 0 auto;
}
.humandock-wrapper {
	max-width: 1000px;
	width: 100%;
	margin: 100px auto;
	display: flex;
	padding: 0 2em;
	justify-content: space-between;
}
.humandock-list {
	position: relative;
	width: 280px;
	margin: 0 auto;
	text-align: center;
	background-color: #ffffff;
}
.humandock-back {
	position: absolute;
	top: 10px;
	right: -10px;
	width: 90%;
	height: 100%;
	z-index: -2;
  
	/* ドット（水玉）模様のCSS */
  background-color   : #ffffff;
  background-image   : radial-gradient(#99ccff 20%, transparent 22%),
                       radial-gradient(#99ccff 20%, transparent 22%);
  background-position: 0 0, 5px 5px;
  background-size    : 10px 10px;
}
.humandock-box {
	position: relative;
	border: 1px solid #AFD9F1;
	z-index: 10;
}
.humandock-img_1 {
	margin-top: 5em;
  margin-bottom: 3em;
	height: 77px;
}
.humandock-img_1 img {
	width: 80%;
	height: 100%;
	object-fit: contain;
}
.humandock-text {
  display: inline-block;
}
.humandock-text_1 {
  display: inline-block;
}
.text-box {
	text-align: start;
}
.humandock-text h1 {
	font-size: 20px;
	margin-bottom: 20px;
}
.humandock-text_1 h1 {
	font-size: 20px;
	margin-bottom: 20px;
}
.under-line {		
	border-bottom: 1px solid;
}
.text-box p {
	font-size: 14px;
	margin-bottom: 20px;
}
.huchi {
	position: absolute;
	top: -22%;
  right: 30%;
	display: inline-block;
	background-color: #ffffff;
	color: #ffffff;
	letter-spacing: 4px;
	text-shadow : 
       2px  2px 1px #AFD9F1,
      -2px  2px 1px #AFD9F1,
       2px -2px 1px #AFD9F1,
      -2px -2px 1px #AFD9F1,
       2px  0px 1px #AFD9F1,
       0px  2px 1px #AFD9F1,
      -2px  0px 1px #AFD9F1,
       0px -2px 1px #AFD9F1;
	z-index: -1;
}
.huchi p {
	font-size: 80px;
	margin-left: 10px;
}
.blue-back_2 {
	width: 100%;
	padding: 20px 0;
	margin: 0 auto;
	background: rgba(175,217,241,0.1);
}
.about {
	max-width: 1000px;
	width: 100%;
	margin: 0 auto;
}
.about-iryo {
	padding: 0 2em;
}
.about-title {
	display: inline-block;
	font-size: 17px;
	border: 1px solid;
	background: #003350;
	color: #ffffff;
	padding: 0.5em 1em;
	margin-bottom: 35px;
}
.about-title-1 {
	display: inline-block;
	font-size: 17px;
	border: 1px solid;
	background: #003350;
	color: #ffffff;
	padding: 0.5em 1em;
	margin-bottom: 20px;
}
.about-title_2 {
	display: inline-block;
	font-size: 17px;
	border: 1px solid;
	background: #003350;
	color: #ffffff;
	padding: 0.5em 1em;
	margin-bottom: 20px;
}
.iryo-service {
	display: flex;
	justify-content: space-between;
}
.iryo-list {
	position: relative;
	width: 45%;
	border: 1px solid;
	padding: 3em;
	background: #ffffff;
}
.clinick {
  margin-bottom: 30px;
	font-size: 18px;
}
.service-title {
	display: inline-block;
	position: absolute;
	top: -20px;
	left: 30px;
  padding: 0.5em 1em;
	background: #D7ECF8;
	z-index: 3;
}
.service-title p {
	font-size: 17px;
}
.iryo-list h2 {
	font-size: 16px;
	margin: 10px 0;
}
.iryo-image {
	text-align: center;
	width: 40%;
	margin: 0 auto;
}
.iryo-image img {
	margin: 10px 0;	
}
.new-image {
	position: absolute;
	top:  -50px;
	left: -50px;
	width: 20%;
	z-index: 4;
}
.syakaihukushi {
	margin-bottom: 50px;
}
.syakaihukushi-list {
	width: 100%;
	border: 1px solid;
	padding: 3em;
	background: #ffffff;
}
.syakaihukushi-list h2 {
	font-size: 16px;
	margin: 10px 0;
}
.syakaihukushi-image-wrapper {
  display: flex;
	margin: 0 auto;
  justify-content: space-between;
}
.syakaihukushi-image {
	text-align: center;
	margin: 0 auto;
  width: 17%;
}
.syakaihukushi img {
	margin: 10px 0;	
}
.syakaihukushi h2 {
	font-size: 16px;
}
.none-item {
	display: none;
}
.himawari {
	margin-bottom: 50px;
}
.himawari-list {
	position: relative;
	width: 100%;
	border: 1px solid;
	padding: 3em;
	background: #ffffff;
}
.himawari-list h2 {
	margin: 10px 0;
}
.himawari-image-wrapper {
	display: flex;
}
.himawari-image {
	text-align: center;
	margin: 0 auto;
	width: 17%;
}
.himawari img {
	margin: 10px 0;	
}
.himawari h2 {
	font-size: 16px;
}
.iryo-service {
	display: flex;
	justify-content: space-between;
	margin-bottom: 50px;
}
.service-title_2 {
	display: inline-block;
	position: absolute;
	top: -18px;
	left: 30px;
  padding: 0.5em 1em;
	background: #D7ECF8;
	z-index: 3;
}
.everclean {
	margin-bottom: 50px;
}
.everclean-list-left {
	width: 58%;
	position: relative;
	border: 1px solid;
	padding: 3em;
	background: #ffffff;
	flex-wrap: wrap;
}
.everclean-list {
	position: relative;
	width: 38%;
	border: 1px solid;
	padding: 3em;
	background: #ffffff;
}
.everclean-list-left h2 {
	font-size: 17px;
	margin: 10px 0;
}
.everclean h2 {
	font-size: 16px;
}
.everclean-image-wrapper {
	display: flex;
	margin: 0 auto;
  justify-content: space-between;
}
.everclean-image-wrapper-bottom {
	display: flex;
	justify-content: space-between;
}
.everclean-image {
	text-align: center;
	width: 30%;
	margin: 0 ;
}
.everclean-image_1 {
	text-align: center;
	width: 30%;
	margin: 0 ;
}
.everclean-image_2 {
	text-align: center;
	width: 50%;
	margin: 0 auto;
}
.everclean-image_2 img {
	width: 141px;
	height: 141px;
	margin: 10px 0;	
}
.everclean-image img {
	width: 141px;
	height: 141px;
	margin: 10px 0;	
}

/*importance.html css*/
.importance {
	position: relative;
	max-width: 1200px;
	width: 100%;
	margin: 220px auto 70px;
}
.importance-title {
	display: inline-block;
	margin: 0 auto;
	position: absolute;
  top: 0;
	left: 2%;
	z-index: 3;
}
.importance-title h2 {
	font-size: 40px;
	letter-spacing: 0.3em;
}
.importance-title p {
	font-size: 15px;
	letter-spacing: 0.3em;
}
.importance-image {
	width: 60%;
	margin-left: auto;
}
.importance-image img {
	z-index: 2;
}
.box-2 {
  max-width: 750px;
  margin: 0 auto;
  position: absolute;
  top: -20%;
  right: 50%;
  width: 60%;
  height: 80%;
  z-index: -1;
  background-color: #ffffff;
  background-image: radial-gradient(#d7ecf8 20%, transparent 22%), radial-gradient(#d7ecf8 20%, transparent 22%);
  background-position: 0 0, 5px 5px;
  background-size: 10px 10px;
}
.cancer {
	max-width: 1000px;
	width: 100%;
	margin: 10em auto;
	padding: 0 2em;
}
.cancer h1 {
	text-align: center;
	font-size: 23px;
	margin-bottom: 0.5em;
	letter-spacing: 4px;
}
.cancer p {
	font-size: 13px;
}
.cancer_2 {
	max-width: 1000px;
	width: 100%;
	margin: 10em auto;
	padding: 0 2em;
}
.cancer_2 h1 {
	text-align: center;
	font-size: 23px;
	margin-bottom: 0.5em;
	letter-spacing: 4px;
}
.cancer_2 p {
	font-size: 14px;
}
.card-container {
	display: flex;
  justify-content: center;
	flex-wrap: wrap;
	letter-spacing: 0.1em;
}
.reverse {
	display: flex;
  justify-content: center;
	flex-wrap: wrap;
	letter-spacing: 0.1em;
}
.cancer-1 {
	background-color: #FAF9F7;
	width: 45%;
	margin: 1em;
}
.cancer-top {
	display: flex;
	justify-content: space-around;
	padding-top: 1em;
	align-items: center;
}
.cancer-image {
	width: 45%;
	padding: 1em;
	text-align: center;
}
.cancer-image img {
	width: 80%;
}
.cancer-image-not {
	width: 45%;
	padding: 1em;
	text-align: center;
}
.cancer-image-not img {
	width: 80%;
}
.cancer-text {
	width: 45%;
	padding: 1em;
}
.cancer-top_2 {
	display: flex;
	justify-content: space-around;
}
.cancer-image_2 {
	width: 45%;
	padding: 1em;
	text-align: center;
}
.cancer-image_2 img {
	width: 80%;
}
.cancer-text_2 {
	width: 45%;
	padding: 1em;
	margin-top: 10px;
}
.orange {
	font-size: 13px;
	color: #FF6A3F;
}
.blue {
	font-size: 13px;
	color: #6AB5FF;
}
.cancer-2 {
	width: 45%;
	background-color: rgba(175,217,241,0.4);
	margin: 1em;
}
.explanation {
	padding: 1em 2em 2em;
	font-size: 1.2em;
}
.cancer-3 {
  width: 45%;
  background-color: rgba(175,217,241,0.4);
  margin: 1em;
  padding: 1em;
  display: flex;
  justify-content: space-around;
}
.white {
	display: inline-block;
	padding: 0 1em;
	background-color: #ffffff;
	font-size: 14px;
	border: 1px solid #003350;
	margin-bottom: 0.5em;
}
.cancer-text_2 p {
	margin-bottom: 0.5em;
}
.yellow-bottom {
	display: inline;
	background:linear-gradient(transparent 60%, #ff6 60%);
}
.feature-title {
	max-width: 1000px;
	width: 100%;
	margin: 5em auto 0;	
	line-height: 1.2;
}
.feature-title h1 {
	font-size: 34px;
	color: rgba(175,217,241,0.5);
	letter-spacing: 4px;
	line-height: 1.2;
}
.feature-title p {
	font-size: 23px;
}
.feature-bottom {
	margin: 1em;
}
.feature {
	max-width: 1000px;
	width: 100%;
	margin: 1em auto 10em;
	display: flex;
	justify-content: center;
}
.camera {
	width: 48%;
	margin: 1em;
}
.camera h1 {
	font-size: 15px;
	border: 1px solid transparent;
	background-color: #AFD9F1;
	text-align: center;
	padding: 0.5em 1em;
	font-weight: 500;
}
.camera-list {
	display: flex;
}
.camera-text {
	margin-bottom: 10px;
}
.camera-text p {
	margin-top: 20px;
	font-size: 14px;
}
.number {
	color: #AFD9F1;
	margin: 0.5em;
}
.number p {
	font-size: 3em;
}
.margin {
	margin-left: 2em;
}
.feature p {
	
}


/*related.html*/
.city-hotel {
	max-width: 1000px;
	width: 100%;
	margin: 0 auto;
}
.city-hotel-title {
	text-align: center;
	margin: 30px;
}
.city-hotel-title h1 {
	font-size: 23px;
}
/*slider*/
.swiper {
	width: 80%;
}
.swiper--wrapper {
  /* wrapperのサイズを調整 */
  width: 100%;
}

.swiper-slide {
  /* スライドのサイズを調整、中身のテキスト配置調整、背景色 */
  color: #ffffff;
  width: 100%;
}
.swiper-pagination-bullet {
  width: 15px !important;
  height: 15px !important;
  margin: 0 0 0 10px !important;
  background: #ffffff !important;
}

.swiper-pagination-bullet:first-child {
  margin: 0 !important;
}
.swiper-button-prev,
.swiper-button-next::after {
  color: white;
}
/*slider 終わり*/
.city-hotel {
	padding: 0 2em;
}
.city-hotel-image {
	width: 80%;
	margin: 0 auto;
}
.city-hotel-test {
	position: relative;
	border: 1px solid;
	margin: 70px 0;
  padding: 30px;
	z-index: 4;
}
.syukuhaku {
    width: 60%;
    position: absolute;
    top: -12%;
    right: 20%;
    letter-spacing: 5px;
    line-height: 2;
    font-weight: bold;
    text-align: center;
    background-color: #ffffff;
    z-index: -3;
}
.syukuhaku p {
	font-size: 22px;
}
.yellow-bottom_2 {
	display: inline;
	background:linear-gradient(transparent 75%, #ff6 60%);
}
.dot-text{
   position: relative;
  }
.dot-text::before{
   position: absolute;
   top: -7px;
   left: 0;
   right: 5px;
   margin: auto;
   content: "";
   padding-top: 10px;
   background: -webkit-radial-gradient(circle 5px,#003350 25%,transparent 50%);
   background: radial-gradient(circle 3px,#003350 25%,transparent 50%);
   background: -moz-radial-gradient(circle 5px,#003350 25%,transparent 50%);
  }
.test {
	margin: 20px 0;
}
.test h2 {
	display: inline-block;
	font-size: 20px;
	border-bottom: 1px solid;
	margin-bottom: 10px;
}
.fun {
	max-width: 1000px;
	width: 100%;
	margin: 0 auto 70px;
	display: flex;
	justify-content: space-between;
	padding: 0 2em;
}
.fun h2 {
	font-size: 18px;
}
.fun-list {
	width: 300px;
}
.fun-list h2 {
	margin: 10px 0 5px;
}
.gaiyo-btn {
	margin-top: 50px;
	padding: 1em 2em;
	font-size: 15px;
	text-align: center;
	background-color: #003350;
	color: #ffffff;
}
.gaiyo-btn_1 {
	display: none;
	margin-top: 50px;
	padding: 1em 2em;
	font-size: 15px;
	text-align: center;
	background-color: #003350;
	color: #ffffff;
}


/*entry.html*/
.thanks {
	text-align: center;
	font-size: 14px;
	margin: 3em 0;
	padding: 0 2em;
}
.tell-otoiawase {
	text-align: center;
	margin-bottom: 80px;
	padding: 0 2em;
}
.tell-otoiawase p{
  text-align: center;
	font-size: 31px;
	margin-bottom: 10px;
}
.tell-otoiawase h1 {
	display: inline-block;
	border: 1px solid transparent;
	background-color: rgba(175,217,241,0.3);
	padding: 1em 4em;
	margin: 0 auto;
}
.tell-otoiawase h1 {
	font-size: 23px;
}
.tell-otoiawase h2 {
	font-size: 23px;
}
.tell-otoiawase p {
	font-size: 14px;
}
.mail-otoiawase {
	text-align: center;
	padding: 0 2em;
}
.mail-otoiawase p{
  text-align: center;
	font-size: 23px;
	margin-bottom: 20px;
}
.mail-otoiawase h1 {
	border: 1px solid transparent;
	background-color: rgba(175,217,241,0.3);
	display: inline-block;
	padding: 2em 8em;
}
.mail-otoiawase h2 {
	font-size: 14px;
	margin-bottom: 30px;
}
.oisogi  p{
	font-size: 14px;
}
.phone-number {
	font-size: 41px;
	font-weight: 300;
}
.recruitment-title {
	max-width: 1000px;
	width: 100%;
	margin: 0 auto;
	padding: 0 2em;
	text-align: center;
}
.recruitment-title p {
	width: 100%;
	border: 1px solid;
	margin: 20px 0;
	padding: 2em 0
}
.orange_1 {
	color: #FF6A3F;
	font-size: 14px;
}
/*form*/
.form-area {
	width: 100%;
  max-width: 1000px;
  margin: 0 auto 60px;
}
.form-area-title {
  text-align: center;
  font-weight: bold;
	letter-spacing: 2px;
  color: #1B1464;
  margin: 10px 0;
}
.form-area-list {
  border-top: solid 1px #003350;
  margin-bottom: 20px;
}
.form-area-list-item {
  display: flex;
  border-bottom: solid 1px #003350;
}
.form-area-list-item dt {
  width: 18em;
  display: flex;
  align-items: center;
  background-color: rgba(174,217,241,0.2);
  padding: 2em 1.5em;
  font-weight: 500;
	font-size: 14px;
}
.form-area-list-item dd {
  display: flex;
  align-items: center;
  padding: 1em;
  width: 100%;
	font-size: 14px;
}
.radio-label {
  margin-right: 1.5em;
}
.wrap {
	display: none;
}
input[type="text"], textarea {
  border: solid 1px #003350;
  width: 100%;
  display: inline-block;
  padding: 5px;
}
input[type="text"] {
  min-height: 2em;
}
textarea {
  height: 10em;
}
.grey {
	color: #666666;
	font-size: 13px;
	font-weight: 400;
}
.form-area-notice {
  text-align: center;
  margin-bottom: 20px;
  color: #003350;
}
.form-area-submit {
  text-align: center;
  margin-bottom: 60px;
}
.form-area-submit-btn {
  color: #fff;
  background-color: #003350;
  border: none;
  padding: .5em 4em .5em 5em;
  letter-spacing: 1em;
  font-weight: bold;
  font-size: 14px;
}
.form-area-submit-btn.disable {
  background-color: #aaa;
  cursor: default;
}

/*recruit.html*/
.recruit-list {
	max-width: 1000px;
	width: 100%;
	margin: 0 auto;
	padding: 0 2em;
	display: flex;
	justify-content: space-between;
}
.recruit-list a {
	display: inline-block;
	width: 30%;
	font-size: 13px;
	border: 1px solid;
	border-radius: 30px;
	padding: 1em 1em;
	margin: 0 0.5em;
	letter-spacing: 2px;
	text-align: center;
		
}
.recruit-list a {
		font-weight: 500;
}
.feature-title_2 {
	max-width: 1200px;
	width: 100%;
	margin: 5em auto 3em;	
	line-height: 1.3;
}
.feature-title_2 h1 {
	font-size: 34px;
	color: #f9d2d8;
	margin-bottom: 5px;
	letter-spacing: 4px;
}
.feature-title_2 p {
	font-size: 23px;
}
.feature-title_3 {
	max-width: 1200px;
	width: 100%;
	margin: 10em auto 3em;	
	line-height: 1.3;
}
.feature-title_3 h1 {
	font-size: 34px;
	color: #f9d2d8;
	margin-bottom: 5px;
}
.feature-title_3 p {
	font-size: 23px;
}
.light-blue-back {
	max-width: 1200px;
	width: 100%;
	font-size: 14px;
	background-color: rgba(175,217,241,0.1);
	padding: 1.5em 0;
	margin: 0 auto 10em;
}
.light-blue-back-text {
  max-width: 1200px;
	width: 100%;	
	margin: 0 auto;
}
.entry_2 {
	display: none;
	font-size: 13px;
	border: 1px solid;
	border-radius: 25px;
	vertical-align: middle;
	margin-left: 1.2em;
	padding: 0.2em 1.5em;
	background-color: #003350;
	color: #ffffff;
}
.entry_1 {
	font-size: 13px;
	border: 1px solid;
	border-radius: 25px;
	vertical-align: middle;
	margin-left: 1.2em;
	padding: 0.2em 1.5em;
	background-color: #003350;
	color: #ffffff;
}
.recruit-inner {
	padding: 0 2em;
}
.recruit-bosyu {
   border-collapse: collapse;  /* th、tdなどの隣接するセルの枠線を重ねて表示する */
	 max-width: 1200px;
	 width: 100%;
	 margin: 0 auto 10em;
	 font-size: 14px;
}
.recruit-bosyu th,table td{
    border-top: 1px #999 solid; /* 枠線をつける */
	  border-bottom: 1px #999 solid; /* 枠線をつける */
	  padding: 2% 0;
	background: rgba(175,217,241,0.1);
}
.table-margin {
	margin-bottom: 20px;
}
.kyuyo {
	line-height: 2;
}
.noborder {
  border: 0px none;
}
.light-blue {
	color: #38A1DB;
}
.center {
	font-weight: 500;
	
}
/*footer*/
footer {
	width: 100%;
	
}
.footer-top {
	width: 100%;
	margin: 0 auto;
	display: flex;
}
.footer-top-left {
	width: 50%;
	text-align: center;
}
.footer-top-recruit {
	background: #FFEBE7;
	padding: 3em 4em 4em;
	
}
.footer-top-recruit h1 {
	font-size: 34px;
	color: #AFD9F1;
	letter-spacing: 4px;
}
.footer-top-recruit p {
	font-size: 20px;
	margin-bottom: 1.2em;
}
.footer-top-recruit a {
	border: solid 1px;
	background: #ffffff;
	font-size: 14px;
	margin: 0 auto;
	display: inline-block;
	padding: 1em 4em;
}
.footer-top-tel {
	padding: 1.6em 1.2em;
	line-height: 1.6;
}
.footer-top-tel h2 {
	font-size: 41px;
	font-weight: 300;
}
.tanto {
	font-size: 15px;
}
.footer-top-right {
	width: 50%;
	background-image: url("../images/entry_fotter.jpg");
	background-size: cover;
}
.footer-top-right-entry {
	background: rgba(175,217,241,0.7);
	height: 100%;
	text-align: center;
}
.footer-top-right-entry a {
	color: #ffffff;
	font-size: 62px;
	font-weight: normal;
	margin-top: 170px;
	letter-spacing: 8px;
}
.footer-top-right-entry p {
	margin-top: 20px;
	margin-left: 250px;
	color: #ffffff;
}
/*矢印が右に移動する*/
.btnarrow4{
    /*矢印と下線の基点とするためrelativeを指定*/
    position: relative;
    /*形状*/
    display: inline-block;
    padding: 0 80px;
    color: #ffffff;
    text-decoration: none;
    outline: none;
}

/*矢印と下線の形状*/
.btnarrow4::before{
    content: '';
    /*絶対配置で下線の位置を決める*/
    position: absolute;
    bottom: -8px;
    left: 15%;
    /*下線の形状*/    
    width: 85%;
    height: 1px;
    background: #ffffff;
    /*アニメーションの指定*/
    transition: all .3s;
}
.btnarrow4::after{
    content: '';
    /*絶対配置で矢印の位置を決める*/
    position: absolute;
    bottom:-3px;
    right:0;
    /*矢印の形状*/    
    width: 15px;
    height:1px;
    background:#ffffff;
    transform: rotate(35deg);
    /*アニメーションの指定*/
    transition: all .3s;
}
/*hoverした際の移動*/
.btnarrow4:hover::before{
    left:20%;
}
.btnarrow4:hover::after{
    right:-5%;
}
.footer-bottom {
	width: 100%;
	margin: 0 auto;
	background-color: #003350;
	padding: 50px;
	display: flex;
}
.footer-bottom-wrapper {
	max-width: 1200px;
	width: 100%;
	margin: 0 auto;
	display: flex;
}
.footer-bottom-left {
	color: #ffffff;
	letter-spacing: 2px;
}
.footer-bottom-left h1 {
	font-size: 20px;
	margin-bottom: 30px;
	font-weight: 400;
	line-height: 1.6;
}
.footer-bottom-right {
	color: #ffffff;
	text-align: center;
	margin-left: auto;
	line-height: 3em;
	letter-spacing: 3px;
}
.footer-bottom-right li {
	font-size: 14px;
	margin-bottom: 15px;
}
.small {
	display: block;
	font-size: 14px;
	margin-top: 5px;
}
@media screen and ( max-width:1170px ) {
	/*index.html*/
	
	.header-right-inner {
		display: none;
	}
	#hamburger {
		display: block;
	}
	.sm-header-right-inner {
		display: block;
	}
	.recruit-wrapper h2 {
		font-size: 3vw;
	}
	.recruit-wrapper p {
		font-size: 3vw;
	}
	
	/*/index.html*/
	
}
@media screen and ( max-width:1000px ) {
  
	/*index.html*/
	.title-midashi h2 {
	font-size: 3vw;
	letter-spacing: 0.3em;
	line-height: 1.5;
}
.title-midashi p {
	font-size: 1.5vw;
	letter-spacing: 0.3em;
	font-weight: 900;
	margin-top: 30px;
}
	.container {
		flex-direction: column-reverse;
	}
	.text-right {
		width: 100%;
		margin: 0 auto;
	}
	.kansei-img {
		width: 100%;
		margin: 0 auto;	
	}
	.text-right p {
		margin: 30px 0;
	}
	.card-img {
	  display: block;
	}
	.card-img img {
		width: 100%;
		margin: 0 auto 20px;
	}
	.humandock-wrapper {
		display: block;
	}
	.humandock-list {
		width: 100%;
		margin-bottom: 100px;
	}
	.huchi {
		display: inline-block;
    position: absolute;
    top: -22%;
    right: 43%;
    background-color: #ffffff;
    color: #ffffff;
    letter-spacing: 2px;
    text-shadow: 2px 2px 1px #afd9f1, -2px 2px 1px #afd9f1, 2px -2px 1px #afd9f1, -2px -2px 1px #afd9f1, 2px 0px 1px #afd9f1, 0px 2px 1px #afd9f1, -2px 0px 1px #afd9f1, 0px -2px 1px #afd9f1;
    z-index: -1;
}
	.iryo-service {
		display: block;
	}
.iryo-list {
    margin: 5em auto;
    width: 100%;
}
	.iryo-image {
		text-align: center;
	  margin: 0 auto;
	}
	.iryo-image p {
		font-size: 2vw;
	}
.syakaihukushi-image {
    text-align: center;
    margin: 0 1em;
    width: 32%;
}
	.syakaihukushi-image p {
		font-size: 11px;
	}
	.about-title {
		display: block;
		text-align: center;
	}
	.about-title_2 {
		display: block;
		text-align: center;
	}
	.new-image {
		position: absolute;
    top: -35px;
    left: 290px;
    width: 70px;
    z-index: 4;
	}
	.everclean-list-left {
	display: block;
	width: 100%;
	position: relative;
	border: 1px solid;
	padding: 3em;
	background: #ffffff;
}
	.everclean-list {
		width: 100%;
		margin: 3em 0;
	}
	.everclean-image-wrapper {
	display: flex;
}
	.everclean-image {
   text-align: center;
    margin: 0 1em;
    width: 32%;
}
	.everclean-image p {
		font-size: 11px;	
	}
	.danraku {
		display: none;
	}
	.everclean-image_2 {
    text-align: center;
    width: 32%;
    margin: 0 auto;
}
		.everclean-image_2 p {
		font-size: 11px;
	}
	.everclean-image_2 img {
	width: 100%;
		height: auto;
}
.everclean-image img {
	width: 100%;
	height: auto;
}
	.footer-top {
	display: block;
}
	.footer-top-left {
	width: 100%;
	text-align: center;
}
	.footer-top-right {
	width: 100%;
	background-image: url("../images/entry_fotter.jpg");
	background-size: cover;
}
	.footer-top-right-entry {
    background: rgba(175,217,241,0.7);
    height: 100%;
    text-align: center;
    padding-bottom: 2em;
}
	.recruit-bosyu {
		margin-bottom: 5em;
	}
/*/index.html*/
	
/*related.html*/
	.fun {
		display: block;
	}
	.fun-list {
		width: 80%;
		margin: 0 auto;
	}
	.gaiyo-btn {
		display: none;
	}
	.gaiyo-btn_1 {
		display: block;
		width: 80%;
		margin: 0 auto;
	}
	/*/related.html*/
	
	/*recruit.html*/
	.recruit-list {
		flex-wrap: wrap;
		display: block;
		
	}
	.recruit-list a {
		width: 100%;
		margin:0 auto 1em;
		padding: 0.5em 1em;
		
	}
	.feature-title_3 {
    max-width: 1200px;
    width: 100%;
    margin: 2em auto;
    line-height: 1.3;
}
	.feature-title_3 h1 {
		font-size: 2em;
	}
	.feature-title_2 {
    max-width: 1200px;
    width: 100%;
    margin: 2em auto;
    line-height: 1.3;
	}
	.feature-title_2 h1{
		font-size: 2em;
	}
	.feature-title h1 {
		font-size: 18px;
	}
	.center {
    font-size: 12px;
    width: 20%;
    font-weight: 500;
    padding-right: 1em;
}
	.recruit-bosyu td {
		font-size: 	12px;
	}
	/*importance.html*/
	.reverse {
		flex-direction: column-reverse;
	}
	.cancer {
		padding: 0 2em;
		
	}
  .cancer-1 {
    width: 100%;
	  margin: 2em auto;
  }
	.cancer-2 {
		width: 100%;
		margin: 0 auto;
	}
		.cancer-3 {
    width: 100%;
    background-color: rgba(175,217,241,0.4);
			padding: 0;
}
	.feature {
    max-width: 1000px;
    width: 100%;
    margin: 1em auto;
    display: block;
    justify-content: center;
}
	.feature-title {
    max-width: 1000px;
    width: 100%;
    /* margin: 5em auto 0; */
    padding: 0 2em;
    line-height: 1.2;
}
	.camera {
    width: 100%;
    padding: 0 2em;
    margin: 2em auto 3em;
}
	.cancer-image_2 {
    width: 30%;
    padding: 1em;
    text-align: center;
		    margin: auto 0;
}
	.cancer-image_2 img {
    margin-top: 0; 
}
	.cancer-text_2 {
    width: 55%;
    padding: 1em;
	}
}
@media screen and ( max-width:830px ) {
	.importance-title h2 {
    font-size: 30px;
    letter-spacing: 0.3em;
}
	.doctor-list {
		display: block;
	}
	.doctor-list h2 {
		margin-top: 0;
	}
	.doctor-list-box {
		width: 100%;
		display: flex;
		margin: 2em auto 2em;
	}
	.doctor-list-image {
		width: 50%;
	}
	.doctor-text {
		width: 50%;
		margin: 0 2em;
	}
	.doctor-text p {
		font-size: 2.3vw;
	}
	.feature-title_2 p {
    font-size: 21px;
}
	.feature-title_2 h1 {
    font-size: 18px;
}
	.feature-title_3 {
		margin: 5px auto;
	}
	.feature-title_3 p {
		font-size: 21px;
	}
	.feature-title_3 h1 {
		font-size: 18px;
		margin-bottom: 5px;
	}
}
@media(min-width: 768px){
  a[href^="tel:"]{
    pointer-events: none;
  }
}
@media screen and ( max-width:600px ) {
		.thanks {
		font-size: 12px;
		
	}
	.tell-otoiawase p {
    text-align: center;
    font-size: 14px;
    margin-bottom: 10px;
}
	.tell-otoiawase h1 {
    border: 1px solid transparent;
    background-color: rgba(175,217,241,0.3);
    display: inline-block;
    padding: 1em 2em;
}
	.phone-number {
    font-size: 21px;
    font-weight: 300;
}
	.mail-otoiawase p {
    text-align: center;
    font-size: 21px;
    margin-bottom: 20px;
}
	.mail-otoiawase h2 {
    font-size: 12px;
    margin-bottom: 30px;
}
	.recruitment-title p {
		font-size: 12px;
	}
	.form-area-list-item dt {
    width: 30%;
    display: flex;
    align-items: center;
    background-color: rgba(174,217,241,0.2);
    padding: 2em 1.5em;
    font-weight: 500;
    font-size: 12px;
}
	.form-area-list-item dd {
    display: block;
    align-items: center;
    padding: 1em;
    width: 100%;
    font-size: 12px;
		margin: auto 0;
		line-height: 3;
}
	.wrap {
		display: inline-block;
	}
	.form-area-notice {
    text-align: center;
    margin-bottom: 20px;
    color: #003350;
    font-size: 12px;
}
		.cancer-image_2 {
			width: 50%;
    padding: 1em;
    text-align: center;
}
	.header-left-top h1 {
		font-size: 3.5vw;
		margin-bottom: 5px;
	}
	.header-left-middle h2 {
		font-size: 4.5vw;
		margin-bottom: 5px;
	}
	.header-left-bottom p {
		font-size: 10px;
		margin-left: 0;
		margin-top: 0;
	}
	.header-left p {
		margin-top: 0;
	}
	.sm {
    top: 100%;  /*headerの余白分*/
		left: 0px;  /*headerの余白分　ヘッダーには左右に15px余白があるので、headerの子要素となる.smは15px分内側に設置されます。その余白を埋めるために左に寄せる。*/
		position: absolute; /*絶対配置　top　leftからの位置を絶対配置する*/
		z-index: 10;
		width: 100%;
		background-color: #ffffff;
		padding: 0 20px;
		max-height: calc(100vh - 92px);
		overflow-y: scroll;
}
	.sm-list-top  a{
		font-size: 18px;
	}
	.sm-list a {
		font-size: 18px;
	}
	.entry-btn {
		display: none;
    background-color: #003350;
		padding: 0 1em;
}
	.entry-btn p {
		font-size: 12px;
		font-weight: 400;	
	}
	.menu-text p {
    position: absolute;
    top: -1px;
    left: 10px;
    font-size: 12px;
    letter-spacing: 2px;
}
	.header-left {
		margin: auto 0;
	}
	.header-inner {
		padding: 10px;
	}
	#hamburger {
    position: relative;
    cursor: pointer;
		margin: 0;
    height: 60px;
    width: 60px;
}
	.icon span:nth-of-type(1) {
  top: 22px;
}
.icon span:nth-of-type(2) {
  top: 32px;
}
.icon span:nth-of-type(3) {
  bottom: 14px;
}
	.close span:nth-of-type(1) {
    transform: rotate(45deg); /*反時計回りに45度回転*/
    top: 28px
	}
.close span:nth-of-type(2) {
  opacity: 0;
}

.close span:nth-of-type(3) {
    transform: rotate(-45deg); /*時計回りに45度回転*/
    top: 28px;
}
	.sm-list-top {
    flex-wrap: nowrap;
    margin-left: 0;
    margin-bottom: 3em;
    margin-top: 2em;
}
.title-midashi {
    display: inline-block;
    max-width: 1000px;
    position: absolute;
    top: 50%;
    left: 5%;
    z-index: 3;
}
	.title-midashi p {
    font-size: 1.7vw;
    line-height: 1.5;
    letter-spacing: 0.3em;
    font-weight: 500; 
    margin-top: 1em;
}
	.title-midashi h2 {
    font-size: 3.5vw;
    letter-spacing: 0.3em;
    line-height: 1.5;
}
	.title-wrapper {
    position: relative;
    max-width: 100%;
    width: 100%;
    margin: 120px auto 60px;
}
	.box {
    position: absolute;
    top: 32px;
    right: 40px;
    width: 84%;
    height: 100%;
    z-index: 1;
    background-color: #ffffff;
    background-image: radial-gradient(#d7ecf8 22%, transparent 22%), radial-gradient(#d7ecf8 22%, transparent 22%);
    background-position: 0 0, 5px 5px;
    background-size: 10px 10px;
}
	.recruit {
		margin: 50px 0 -30px;
		padding: 3em 2em;
	}
	.img-box a {
	width: 30%;
}
	.img-box {
		flex-wrap: wrap;
	}
	.feature-title_1 p {
    font-size: 21px;
    margin-bottom: 5px;
    font-weight: 400;
}
	.feature-title_1 h1 {
    font-size: 18px;
}
	.recruit-wrapper {
		padding: 0;
	}
	.kaigyo {
		display: block;
	}
	.huchi {
		margin: 0;
	}
	.blue-font h1 {
		font-size: 18px;
	}
	.blue-back {
    width: 100%;
    margin: 0 auto;
    padding: 1em 0 2em;
    background: rgba(175,217,241,0.3);
}
	.heading {
    font-size: 23px;
    letter-spacing: 4px;
}
	.huchi {
    display: inline-block;
    width: 30%;
    position: absolute;
    top: -23%;
    left: 32%;
    background-color: #ffffff;
    color: #ffffff;
    letter-spacing: 2px;
    text-shadow: 2px 2px 1px #afd9f1, -2px 2px 1px #afd9f1, 2px -2px 1px #afd9f1, -2px -2px 1px #afd9f1, 2px 0px 1px #afd9f1, 0px 2px 1px #afd9f1, -2px 0px 1px #afd9f1, 0px -2px 1px #afd9f1;
    z-index: -1;
}
	.humandock-img_1 {
    margin-top: 5em;
    margin-bottom: 2em;
    height: 77px;
}
	.text-right h2 {
		font-size: 21px;
    line-height: 1.5;
    margin-bottom: 5px;
    font-weight: 400;
}
	.text-right p {
		margin-top: 1em;
	}
	.image-caption {
		margin: 7px auto;
	}
	.feature-title_1 {
    max-width: 1000px;
    width: 100%;
    margin: 20px auto;
    padding: 0 2em;
}
	.container {
    max-width: 1000px;
    width: 100%;
    margin: 54px auto 24px;
    display: flex;
    padding: 0 2em;
    justify-content: space-between;
}
	.humandock-text_1 h1 {
	font-size: 20px;
	margin-bottom: -14px;
}
.doctor {
    max-width: 1000px;
    width: 100%;
    margin: -58px auto 20px;
    padding: 0 2em;
}
	.iryo-list {
    margin: 3em auto;
    width: 100%;
}
.doctor-text {
    width: 60%;
    margin: 0 18px;
}
	.doctor-list-image {
		width: 40%;
	}
	.about-title {
		margin-bottom: 24px;
	}
	.about-title_2 {
		margin-bottom: 10px;
	}
.doctor-list h2 {
	font-size: 4vw;
	position: relative;
	margin-left: 15px;
	margin-bottom: -6px;
}
.doctor-list h2::before{
   content: "";
   display: inline-block;
   width: 3px;
   height: 17px;
   background-color: #003350;
   position: absolute;
   top: 5px;
   right: 2px;
}
.doctor-list p {
	font-size: 3vw;
}
.doctor-text-list li {
    font-size: 3vw;
    line-height: 2;
    margin-left: 1.4em;
    text-indent: -1.4em;
}
	.syakaihukushi-image-wrapper {
    display: flex;
    margin: 0 auto;
    flex-wrap: wrap;
}
	.syakaihukushi-image {
		margin: 0;
	}
	.everclean-image-wrapper {
    display: flex;
    margin: 0 auto;
    flex-wrap: wrap;
}
	.everclean-image-wrapper-bottom {
    margin: 0 auto;
	}
	.everclean-image_1 {
		display: block;
	}
	.everclean-image {
	  margin: 0;
}
	.new-image {
    position: absolute;
    top: -27px;
    left: -15px;
    width: 54px;
    z-index: 4;
}
	.none-item {
		display: block;
		width: 30%;
	}
	.iryo-image p {
		font-size: 12px;
	}
	.blue-back_2 {
    width: 100%;
    padding: 5px 0;
    margin: 0 auto;
    background: rgba(175,217,241,0.1);
}
	.footer-top-right-entry a {
    color: #ffffff;
    font-size: 34px;
    font-weight: normal;
    margin-top: 170px;
    letter-spacing: 8px;
}
	.footer-bottom-right li {
    font-size: 14px;
    margin-bottom: 7px;
}
	.footer-bottom-wrapper {
    width: 100%;
    margin: 0 auto;
    display: block;
}
	.footer-bottom-right {
    color: #ffffff;
    text-align: start;
    margin-left: auto;
    line-height: 3em;
    letter-spacing: 3px;
}
	.footer-bottom-left{
		margin-bottom: 15px;
	}
	.footer-top-recruit h1 {
		font-size: 24px;
		color: #AFD9F1;
		letter-spacing: 4px;
	}
	.footer-top-recruit p {
		font-size: 14px;
		margin-bottom: 1.2em;
	}
	.footer-top-recruit a {
		border: solid 1px;
		background: #ffffff;
		font-size: 14px;
		margin: 0 auto;
		display: inline-block;
		padding: 1em 4em;
	}
	.footer-top-tel {
		padding: 1.6em 1.2em;
		line-height: 1.6;
	}
	.footer-top-tel h2 {
		font-size: 31px;
		font-weight: 300;
	}
	.footer-bottom-left h1 {
    font-size: 18px;
    margin-bottom: 15px;
    font-weight: 400;
    line-height: 1.6;
}
	.footer-top-right-entry a {
    color: #ffffff;
    font-size: 34px;
    font-weight: normal;
    margin-top: 132px;
    letter-spacing: 8px;
}
	.footer-top-right-entry p {
    margin-top: 20px;
    margin-left: 218px;
    color: #ffffff;
}
	.footer-bottom {
    width: 100%;
    margin: 0 auto;
    background-color: #003350;
    padding: 3em;
    display: flex;
}
	.link-list {
		padding: 0 2em;
	}
	.link-list li {
		list-style-type: square;
	}
	.city-hotel-title h1 {
    font-size: 21px;
}
	.importance {
		margin: 200px auto 50px;
	}
	.cancer {
		margin: 0 auto;
	}
	.importance-title h2 {
		font-size: 21px;
		font-weight: 400;
	}
	.importance-title p {
		font-size: 12px;
	}
	.importance-image {
		width: 70%;
	}
	.importance-title {
    display: inline-block;
    margin: 0 auto;
    position: absolute;
    top: -40%;
    left: 4%;
    z-index: 3;
}
	.explanation {
    padding: 1em;
    font-size: 1.2em;
}
	.cancer-image {
		width: 45%;
		padding: 1em;
	}
	.cancer-image img {
		width: 100%;
	}
	.cancer-image-not {
		width: 45%;
		padding: 1em;
	}
	.cancer-image-not img {
		width: 100%;
	}
	.cancer-text {
		width: 60%;
		padding: 1em;
	}
	.cancer_2 {
		margin: 5em auto;
	}
	  .cancer_2 h1 {
    text-align: center;
    font-size: 20px;
    margin-bottom: 0.5em;
    letter-spacing: 4px;
    padding: 0 2em;
}
	.cancer h1 {
    text-align: center;
    font-size: 20px;
    margin-bottom: 0.5em;
    letter-spacing: 4px;
}
	.box-2 {
    max-width: 750px;
    margin: 0 auto;
    position: absolute;
    top: -50%;
    right: 40%;
    width: 80%;
    height: 90%;
    z-index: -1;
    background-color: #ffffff;
    background-image: radial-gradient(#d7ecf8 20%, transparent 22%), radial-gradient(#d7ecf8 20%, transparent 22%);
    background-position: 0 0, 5px 5px;
    background-size: 10px 10px;
}
	.syukuhaku {
    width: 80%;
    position: absolute;
    top: -9%;
    right: 10%;
    letter-spacing: 4px;
    line-height: 2;
    font-weight: bold;
    text-align: center;
    z-index: -3;
		background: none;
}
	.swiper {
		width: 100%;
	}
.syukuhaku p {
    font-size: 15px;
    display: inline-block;
    background: #ffff;
}
	.test h2 {
		font-size: 14px
	}
	.test p {
		font-size: 12px;
	}
	.city-hotel-title {
		text-align: center;
		margin: 2em auto;
	}
	.city-hotel-title h1 {
    font-size: 21px;
}
	.fun-list {
		margin-bottom: 5em;
		width: 100%;
	}
	.fun-text h2 {
		font-size: 16px;
	}
	.fun-text p {
		font-size: 12px;
	}
	.entry_1 {
		display: none;
	}
	.entry_2 {
		display: inline-block;
		font-size: 12px;
		margin-left: 0;
		margin-bottom: 1em;
	}
.feature-title p {
    font-size: 21px;
}
	.feature-title_2 {
		margin: 5em auto 5px;
	}
	.feature-title_2 	h1 {
		margin-bottom: 5px;
	}
	.radio-label {
		margin: 0 1em;
	}
	.grey {
		font-size: 10px;
	}
	.light-blue-back {
		margin: 0;
	}
	.recruit-bosyu {
		margin: 0;
	}
	.recruit-inner {
		margin: 3em 0;
	}
	.tell-otoiawase {
		margin-bottom: 40px;
	}
	.tell-otoiawase h2 {
		font-size: 21px;
		margin-bottom: 10px;
	}
	.tell-otoiawase p {
		margin-bottom: 0;
	}
	.tell-otoiawase h1 {
    border: 1px solid transparent;
    background-color: rgba(175,217,241,0.3);
    display: inline-block;
    padding: 0 2em;
}
	.mail-otoiawase p {
		margin-bottom: 10px;
	}
	.mail-otoiawase h2 {
		text-align: start;
		margin-bottom: 10px;
	}
	.oisogi p{
		font-size: 12px;
	}
}