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

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&family=Shippori+Mincho:wght@400;500;600;700;800&display=swap');

html {
	font-size: 100%;
}

body {
	color: #464646;
	/*font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif", "游ゴシック体 ミディアム", "游ゴシック体 ボールド";
	font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif", "Noto Serif JP", serif;*/
	font-family: "Shippori Mincho", "serif", "Noto Serif JP", serif;
}

p {
	color: #464646;
	font-size: 20px;
}

#title {
	transition : all 300ms;
}

#wrapper{
	width:100%;
	overflow-x: hidden !important;
}
ul {
	list-style: none;
}

.linkarea {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.background-color {
	background-color: white;
}


.acd-check {
	display: none;
}

.acd-check2 {
	display: none;
}

.secretbox {
	opacity: 0;
	height: 0;
	transition: .5s;
	visibility: hidden;
}

.secretbox2 {
	opacity: 0;
	height: 0;
	transition: .5s;
	visibility: hidden;
}
.secretbox3 {
	display: none;
}

.acd-check:checked ~ * .secretbox {
    opacity: 1;
	height: auto;
	visibility: visible;
}

.acd-check2:checked ~ * .secretbox2 {
    opacity: 1;
	height: auto;
	visibility: visible;
}

.check-text1 {
	display: block;
	text-align: center;
	margin: 10px auto;
	padding: 10px 0px;
	background: rgba(241,241,241,1.00);
}

.check-text2 {
	display: none;
	text-align: center;
	margin: 10px auto;
	padding: 10px 0px;
	background: rgba(241,241,241,1.00);
}

.acd-check:checked ~ * .check-text1 {
    display: none;
}

.acd-check:checked ~ * .check-text2 {
    display: block;
}

.scroll-prevent {
  /*動き固定*/
  position: fixed;
  /*奥行きを管理*/
  z-index: -1;
  /*下2つで背景を元のサイズのまま表示することができる*/
  width: 100%;
  height: 100%;
}


/* クッションページ
---------------------------------*/
.cushion {
	position: fixed;
	z-index: 999;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background: white;
	animation: cushionOut 1s ease 2s 1 normal;
}
.cushion.on {
	display: none;	
}
.cushion-img {
	width: 100%;
	margin: auto;
}
.cushion-fade {
	animation: cushionIn 2s ease 0s 1 normal;
}

@keyframes cushionIn {
	0% {opacity: 0; margin: 0px auto;}
	100% {opacity: 1; margin: 0px auto;}
}
@keyframes cushionOut {
	0% {opacity: 1}
	100% {opacity: 0}
}

/*------------------------------*/




.AnkerButton {
	opacity: 0;
	position: fixed;
	z-index: 5;
	right:  20px;
	bottom: -1000px;
	transition : all 300ms;
}
.AnkerButton.effect-scroll {
	bottom: 10px;
	opacity: 1;
}
.AnkerButton img {
	width: 100px;
}
/*
.fixed-background {
	position: relative;
}

.fixed-background2:before {
	content: "";
	display: block;
	opacity: 1;
	position: fixed;
	top: 0;
	left: 0;
	z-index: -1;
	width: 100%;
	height: 100vh;
	background: url("../jpg/FV_sp.png")center no-repeat;
  	background-size:cover;
}

.fixed-background3:before {
	content: "";
	display: block;
	opacity: 1;
	position: fixed;
	top: 0;
	left: 0;
	z-index: -1;
	width: 100%;
	height: 400px;
	background: url("../jpg/FV_pc.png")center no-repeat;
  	background-size:cover;
}
*/
.background-1 {
	background-image: url("../jpg/FV_pc.png")
}

.background-2 {
	background-image: url("../jpg/FV_sp.png")
}

.contents-header {
	width: 100%;
	height: auto;
	background-image: url("../jpg/contents_header.png");
	color: white;
}
/*
span {
	color: #A61A3A;
	font-weight: 600;
}
*/

a {
	color: #A61A3A;
}


/*ハンバーガーメニュー
---------------------------------------------*/
.hamburger {
  display : none;
  position: absolute;
  z-index : 999;
  right : 3%;
  top   : 20px;
  width : 42px;
  height: 42px;
  cursor: pointer;
  text-align: center;
  -webkit-transition: 0.5s all;
  -moz-transition   : 0.5s all;
  transition        : 0.5s all;
}
.hamburger span {
  display : block;
  position: absolute;
  width   : 30px;
  height  : 2px ;
  left    : 6px;
  background : white;
}
.hamburger span:nth-child(1) {
  top: 10px;
}
.hamburger span:nth-child(2) {
  top: 20px;
}
.hamburger span:nth-child(3) {
  top: 30px;
}

/* ハンバーガー開いてる時のボタン 
---------------------------------------------*/
.hamburger.active{
  -webkit-transform: rotate(360deg);
  transform: rotate(360deg);
}
.hamburger.active span:nth-child(1) {
  top : 20px;
  left: 6px;
  background : #A61A3A;
  -webkit-transform: rotate(-45deg);
  -moz-transform   : rotate(-45deg);
  transform        : rotate(-45deg);
}
.hamburger.active span:nth-child(2) {
  top: 20px;
  background : #A61A3A;
  -webkit-transform: rotate(45deg);
  -moz-transform   : rotate(45deg);
  transform        : rotate(45deg);
}
.hamburger.active span:nth-child(3) {
  opacity: 0;
}

/*ハンバーガーメニューActive時の画面
---------------------------------------------*/
.globalMenuSp {
	display: none;
	position: fixed;
	z-index : 995;
  	top  : 0;
  	right : 0;
  	color: #454545;
	background-color: white;
  	text-align: left;
  	width: 80%;
	height: 100%;
	overflow-y: auto;
  	transition: all 300ms;
	/*
	box-shadow: 0 10px 40px 0 rgba(0, 0, 0, .5);
	*/
}
.globalMenuSp.active {
	display: block;
	animation: SideIn 0.5s ease 0s 1 normal;
}

.globalMenuSp.out {
	display: block;
	animation: SideOut 0.5s ease 0s 1 normal;
}

@keyframes SideIn {
	0% {opacity: 0; right: -100%}
	100% {opacity: 1; right: 0}
}

@keyframes SideOut {
	0% {opacity: 1; right: 0}
	100% {opacity: 0; right: -100%}
}

.globalMenuSp ul {
	list-style: none;
	width: 90%;
	margin: auto 0px auto auto;
}

.globalMenuSp li {
	margin: 20px auto auto auto;
	padding: 5px 0px;
	border-bottom: dashed;
	border-bottom-color: #DCDCDC;
	border-width: 0.5px;
}
.globalMenuSp a {
	color: #454545;
	text-decoration: none; /*リンク下線*/
}
.globalMenuSp a:hover {
	color: #CCCCCC;
}


.effect-fade {
	opacity : 0;
	transform : translate(0, 60px);
	transition : all 300ms;
}
.effect-fade.effect-scroll {
	opacity : 1;
	transform : translate(0, 0);
}

.effect-fade-anker {
	opacity : 0;
	transform : translate(0, 60px);
	transition : all 300ms;
}
.effect-fade-anker.effect-scroll {
	opacity : 1;
	transform : translate(0, 0);
}


/*              スライダー            */

 /*=== 画像の表示エリア ================================= */
.slide {
  display    : block;
  position   : relative;
  overflow   : hidden;
                    /* 画像のサイズに合わせて変更ください */
  width      : 100vw;
  height     : 50vw;
  margin     : auto;      /* サンプルは中央寄せの背景：白 */
  background : #fff;
}
.slide-sp {
  display    : none; 
  position   : relative;
                    /* 画像のサイズに合わせて変更ください */
  width      : 100vw;
  height     : 155vw;
  margin     : auto;      /* サンプルは中央寄せの背景：白 */
  background : #fff;
}
 
 /*=== 画像の設定 ======================================= */
.slide img {
 	display    : block;
  	position   : absolute;
                      /* 画像のサイズを表示エリアに合せる */
  	width      : inherit;
  	height     : inherit;
  	opacity    : 0;
  	animation  : slideAnime 25s ease infinite;
}
.slide-sp img {
	display    : block;
	position   : absolute;
	
	width      : inherit;
  	height     : inherit;
	opacity    : 0;
	animation  : slideAnime 25s ease infinite;
}

 /*=== スライドのアニメーションを段差で開始する ========= */
.slide img:nth-of-type(1) { animation-delay: 0s }
.slide img:nth-of-type(2) { animation-delay: 5s }
.slide img:nth-of-type(3) { animation-delay: 10s }
.slide img:nth-of-type(4) { animation-delay: 15s }
.slide img:nth-of-type(5) { animation-delay: 20s }

.slide-sp img:nth-of-type(1) { animation-delay: 0s }
.slide-sp img:nth-of-type(2) { animation-delay: 5s }
.slide-sp img:nth-of-type(3) { animation-delay: 10s }
.slide-sp img:nth-of-type(4) { animation-delay: 15s }
.slide-sp img:nth-of-type(5) { animation-delay: 20s }


 
 /*=== スライドのアニメーション ========================= */
@keyframes slideAnime{
   0% { opacity: 0 }
  15% { opacity: 1 }
  30% { opacity: 0 }
 100% { opacity: 0 }
}

/*            スライダーここまで          */


/* トップ画像
-----------------------------------*/
.top-image {
	width: 100vw;
}

.pc {
	display: block;
	width: 100%;
	height: auto;
}

.sp {
	display: none;
	width: 100%;
	height: auto;
}

.contents {
	max-width: 900px;
	width: 92%;
	margin: auto;
}

.content img {
	max-width: 900px;
	height: auto;
}

.contents p {
	font-size: 16px;
}

.contents ol {
	width: 900px;
	margin: 20px auto;
	font-size: 16px;
}

.credit {
	width: auto;
	background-color: #F0F0F0
}

.credit-contents {
	width: 500px;
	margin: auto auto auto 0px; /*左詰め*/
}

.credit-contents-img1 {
	width: 350px;
}

.credit-contents-img2 {
	width: 350px;
	margin: 10px auto auto auto;
}

.credit-map {
	width: 500px;
	margin: 50px 0px 50px auto;
}

.credit-map-sp {
	display: none;
	width: 90%;
	margin: 50px auto;
}

.top-img-01 {
	position: relative;
	width: 35%;
	height: auto;
	margin: 30px auto auto auto;
}

.top-img-01 a {
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-indent:-999px;
}

.contents-title {
	width: 900px;
	margin: auto;
	padding: 20px 0px;
	font-size: 24px;
	font-weight: bold;
	border-bottom: solid;
	border-bottom-color: #707070;
	border-width: 0.5px;
}

.contents-text {
	font-size: 16px;
	margin: 50px auto;
}

.recruit {
	display: block;
}

.recruit-sp {
	display: none;
}

.recruit img {
	width: 100%;
	margin: auto;
	filter: drop-shadow(0px 10px 10px rgba(0, 0, 0, .3));
	transition: .5s;
	will-change: filter
}

textarea:focus {
	border-color: #be1a41;
}

input[type="text"]:focus {
	border-color: #be1a41;
}
input[type="checkbox"]{
    accent-color: #A61A3A;
}
.recruit-sp img {
	min-width: 100%;
	margin: auto;
	filter: drop-shadow(0px 10px 10px rgba(0, 0, 0, .3));
	transition: .5s;
	will-change: filter
}

.recruit img:hover {
	opacity: 0.7;
}

.clinic-img01 {
	width: 100%;
	height: auto;
	margin: 20px auto;
}

.news-contents {
	position: relative;
	display: flex; /*横並び*/
	width: 900px;
	margin: auto;
	padding: 20px 0px;
	font-size: 16px;
	border-bottom: dashed;
	border-bottom-color: #707070;
	border-width: 1px;
}

.news-contents a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-indent:-999px;
}

.news-contents p {
	font-size: 16px;
	margin: auto auto auto 0px;
}

.news-contents-title {
	width: 120px;
	font-weight: 900;
}

.news-title {
	display: flex; /*横並び*/
	justify-content: space-between; /*両端揃え*/
	margin: 20px 0px;
}

.news-button {
	height: 16px;
	margin: auto 0px auto auto;
}

.link-button {
	display: flex;
	font-size: 14px;
	width: 250px;
	margin: 50px auto;
	padding: 10px 0px;
	background-color: #A61A3A;
	position: relative;
	filter: drop-shadow(0px 3px 3px rgba(0, 0, 0, .5));
}

.link-button a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-indent:-999px;
}

.link-button-left {
	display: flex; /*横並び*/
	width: 250px;
	margin: 50px auto 0px 0px;
	padding: 10px 30px;
	font-size: 14px;
	background-color: #A61A3A;
	position: relative;
	filter: drop-shadow(0px 3px 3px rgba(0, 0, 0, .5));
}

.link-button-left a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-indent:-999px;
}


.link-image {
	height: 16px;
	width: 16px;
	margin: auto 5px auto auto;
}

.schedule-list {
	padding: 50px 0px;
	width: 800px;
	margin: auto;
}

.outlinelist {
	display: flex;
	justify-content: space-between;
	padding: 20px 0px;
	margin: auto;
	border-bottom: dashed;
	border-bottom-color: #ACACAC;
	border-bottom-width: 0.5px;
}

.out-title {
	color: #A61A3A;
	font-weight: 600;
	width: 10%;
	padding: 20px 20px auto auto;
	text-align-last: justify;
	text-justify: inter-ideograph;
}

.out-text {
	width: 85%;
	text-align: left;
}

.out-title2 {
	width: 100px;
	text-align-last: justify;
	text-justify: inter-ideograph;
	margin: auto;
}

.out-text2 {
	text-align: left;
	margin: auto auto auto 20px;
	color: #505050;
}
.out-text2 span {
    color: #A61A3A;
}
table {
	width: 800px;
	padding: 50px auto;
	margin: 10px auto;
	border: solid 1px #C5C5C5;
	border-collapse: collapse;
}

table th {
	font-size: 16px;
	font-weight: 200;
	background-color: #C5C5C5;
	color: #505050;
	padding: 5px 0px;
	border-bottom: solid 1px white;
}

.schedule-list.sp .Consultation th,
.schedule-list.pc .Consultation th {
    border-right: solid 1px white;
}

.schedule-list.sp .Consultation th:last-child,
.schedule-list.pc .Consultation th:last-child {
    border-right: none;
}
table td {
	font-size: 16px;
	font-weight: 200;
	color: #A61A3A;
	padding: 7px 0px;
	border: solid 1px #C5C5C5;
	border-collapse: collapse;
	align: center;
}

.table-time {
	width: 70%;
	margin: auto;
	font-size: 22px;
	text-align: center;
}

.table-time img {
	width: 100%;
	height: auto;
	margin: auto;
}


table.Consultation{
	border: solid 1px #A61A3A;
}
.bd_gr{
	border-right: solid 1px #EFEFEF!important;
	border-left: solid 1px #EFEFEF !important;
}
th.Consultation {
	background-color: #A61A3A;
	color: white;
}
th.Consultation_gr {
	background-color: #EFEFEF;
	color: #464646;
}

td.Consultation {
	color: #A61A3A;
	border: solid 1px #A61A3A;
}



/* はじめてへの方へ
---------------------------------*/
.visit-backcolor {
	background: linear-gradient(to top left, #4D0717, #A61A3A);
	width: 1250px;
	margin: auto 0px auto auto;
}

.visit-contents {
	display: flex; /*横並び*/
	justify-content: space-between; /*両端揃え*/
	margin: auto auto auto 108px;
	width: 900px;
	height: 300px;
}

.visit-text {
	padding: 45px 0px;
	font-size: 16px;
	width: 550px;
	color: #FFFFFF;
	line-height: 32px;
}

.visit-image {
	width: 250px;
	margin: 30px auto auto auto;
}

.visit-block-sp {
	display: none;
	margin: auto;
	width: 90%;
	color: #464646;
	font-size: 16px;
	letter-spacing: 2px
}



.contents-width {
	display: flex; /*横並び*/
	width: 900px;
	margin: auto;
}

.content-width2 {
	width: 900px;
	margin: 50px auto;
}

.medical-item {
	display: flex; /*横並び*/
	margin: auto auto 30px 0px;
}

.medical-item-text {
	font-size: 18px;
	margin: auto auto auto 15px;
	width: 279px;
	color: #464646;
}

.noneline {
	text-decoration: none;
	color: #464646
}

.medical-button {
	height: 16px;
	width: 16px;
	margin: auto auto auto 0px;
}


.contents-column {
	float: left;
	position: relative;
	max-width: 280px;
	margin: 30px 20px auto 0px;
	background: white;
	transition: 0.5s;
}

.contents-column:hover {
	opacity: 0.5;
}

.contents-column a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-indent:-999px;
}



.contents-column img {
	height: 120px;
	width: 280px;
	object-fit: cover;
}

.clinic-section-img {
	display: table;
	position: relative;
	color: #505050;
	width: 170px;
	height: 170px;
	background-color: #e6dfcc;
	transition: .5s;
}

.clinic-section-img ul {
	display: none;
	position: absolute;
	z-index: 997;
	top: 170px;
	left:0;
	list-style: none;
	background-color: #F7F7F7;
}

.clinic-section-img ul li {
	margin: 10px;	
}

.clinic-section-img:hover ul {
	display: block;
}

.clinic-section-img a {
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-indent:-999px;
}

.clinic-section-img:hover {
	opacity: 0.7;
}

.clinic-section-img2 {
	display: table;
	position: relative;
	color: #505050;
	width: 170px;
	height: 170px;
	background-color: #F7F7F7;
	transition: .5s;
}


.clinic-section-img2 ul {
	display:table;
	opacity: 0;
	position: absolute;
	z-index: 997;
	height: 170px;
	top: 150px;
	left:0;
	list-style: none;
	background-color: #F7F7F7;
	transition: .5s;
}

.clinic-section-img2 ul li {
	display:table-cell;
  	vertical-align:middle;
}

.clinic-section-img2 ul li div {
	margin: 20px;
}

.clinic-section-img2:hover ul {
	opacity: 1;
	top: 170px;
}

.clinic-section-img2 a {
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-indent:-999px;
}

.clinic-section-img2:hover {
	background: #e6dfcc;
}

@keyframes sliderAnimation {
  100% {
    transform: translateX(-50%);
  }
}
.autoplay-slider {
	overflow: hidden;
	display: flex;
 	min-width: 100%;
	width: min-content;
	animation: 20s linear infinite sliderAnimation;
}

/* header
-----------------------------------*/

/* スマホ表示時のヘッダー ---*/
.page-header-sp {
	display: none;
	position: fixed;
	z-index: 996;
	width: 100%;
	height: 80px;
	/*background-color: white;*/
	/* background: linear-gradient(to left, #A61A3A, #830533); */
	background: #BFAB73;
	justify-content: space-between;
	border-bottom: solid;
	border-bottom-color: #BFAB73;
	border-width: 2px;
}

.page-header-sp-img {
	width: 65%;
	margin: auto auto auto 10px;
}

.Fixed-header {
	height: 80px;
	background-color: aqua;
}


.page-header {
	display: flex; /*横並び*/
	justify-content: space-between; /*両端揃え*/
	height: 80px; /*従来の幅*/
	/*height: 100px;*/ /*従来の幅*/
	/*background: linear-gradient(to left,#A61A3A,#830533 5%,#830533 95%,#A61A3A);*/
	/*background:-webkit-gradient(radial, center center, 0, center center, 1700, from(#830533), to(#A61A3A));*/
	background: linear-gradient(to left, #A61A3A, #830533);
	/*background-color: #A61A3A;*/
	margin: auto auto auto auto;
}

.page-header-2nd {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 998;
	display: flex; /*横並び*/
	justify-content: space-between; /*両端揃え*/
	height: 80px; /*従来の幅*/
	/*height: 100px;*/ /*従来の幅*/
	/*background: linear-gradient(to left,#A61A3A,#830533 5%,#830533 95%,#A61A3A);*/
	/*background:-webkit-gradient(radial, center center, 0, center center, 1700, from(#830533), to(#A61A3A));*/
	/* background: linear-gradient(to left, #A61A3A, #830533);*/ 
	/*background-color: #A61A3A;*/
	margin: auto auto auto auto;
	background: #BFAB73;
}

.fixed {
    position: fixed;
    top: 0;
    left: 0;
	width: 100%;
	z-index: 998;
}

.nav-suport {
	display: none;
}
.nav_suport {
	height: 80px;
}
.on {
	height: 80px;
	display: block;
}

.header-content {
	display: flex;
	justify-content: space-between;
	width: 1200px;
	margin: auto;
}

.logo {
	height: 60px;
	margin: 10px auto auto 20px;
	padding: 0px 0px 0px 0px;
}

.header-menu {
	display: table;
	height: 80px;
	position: relative;
	margin: auto;
	padding: 0px 20px 0px 20px;
	z-index: 1;
}

.header-menu ul {
	display: none;
	position: absolute;
	z-index: 997;
	top: 80px;
	left:0;
	list-style: none;
}

.header-menu ul li {
	position: relative;
	width: 250px;
	height: auto;
	margin: auto;
	padding: 10px 20px;
	background-color: #F7F7F7;
	/*（#C5C5C5）*/
	color: #505050;
}

.header-menu ul li a.inlink {
	display: block;
	position: absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	text-decoration: none;
	text-align: left;
	z-index: 3;
	color: white;
}

.header-menu:hover ul {
	display: block;
}

.header-menu ul li:hover {
	background: #e6dfcc;
	/* background: linear-gradient(to top left, #ffcce3, white); */
}

.header-menu a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-indent:-999px;
	z-index: 2;
}

.menu-textbox {
	display: flex;
	height: 80px;
}

p.menu-over {
	font-size: 8px;
	color: white;
	margin: auto;
	text-align: center;
	display: none;
}

.header-menu:hover p.menu-over {
	display: block;
}

.menu-title {
	margin: auto;
	text-align: center;
	color: #FFFFFF;
	font-size: 18px;
	font-weight: bold;
	}
	@media screen and (max-width: 1200px) {
		.menu-title {
			font-size: 14px;
		}
}

.menu-title-on {
	margin: auto;
	text-align: center;
	color: #ffacc3;
	font-size: 18px;
	font-weight: bold;
	}
	@media screen and (max-width: 1200px) {
		.menu-title-on {
			font-size: 14px;
		}
}

.menu-text {
	text-align: center;
	color: #FFFFFF;
	font-size: 12px;
	margin: auto;
	white-space: nowrap;
	}
.menu-text-on {
	text-align: center;
	color: #ffacc3;
	font-size: 12px;
	margin: auto;
	}
	@media screen and (max-width: 1200px) {
		.menu-text {
			font-size: 10px;
		}
		.menu-text-on {
			font-size: 10px;
		}
}


/* footer
-----------------------------------*/

.footer {
	width: auto;
	background-color: #AAAAAA;
}

.pc-footer-content {
	display: flex;
	width: 900px;
	margin: auto;
}


.sp-footer-textbox {
	margin: 10px;
	display: none; /*横並び*/
	justify-content: space-between; /*両端揃え*/
	font-size: 14px;
	color: white;
}

/*サイトマップの左側の線*/
.v_line_left {
 	border-left: thick solid #BFBFBF;
	border-width: 1px;
 	padding-left: 20px;
}



/*----- contents -----*/
.title-label {
	font-size: 24px;
}

.width1050 {
	width: 1050px;
	margin: auto;
	}
	@media screen and (max-width: 1100px) {
		.width1050 {
			width: 90%;
		}
	}

.event-contents {
	height: 570px;
}

.event-contents2 {
	height: 370px;
}

.event-contents-sp {
	display: none;
}

.contents-basic {
	position: absolute;
}

.contents-basic.back01 {
	z-index: 1;
	background-color: #A61A3A;
	margin: auto 0px auto auto;
	width: 1300px;
	height: 400px;
}

.contents-basic.top01 {
	z-index: 2;
	width: 1200px;
	height: 400px;
	margin: auto;
	display: flex;
}

.back-box-left {
	position: absolute;
	z-index: 1;
	width: 43%;
	height: 300px;
	background: linear-gradient(to top left, #4D0717, #A61A3A);
	left: 0;
}

.back-box-rigth {
	position: absolute;
	z-index: 1;
	width: 43%;
	height: 300px;
	margin: auto auto 200px auto;
	background: #EFEFEF;
	right: 0;
}

.back-box-doctor {
	position: absolute;
	z-index: 1;
	right: 0;
	height: 650px;
	width: 1200px;
	background: linear-gradient(to top left, #4D0717, #A61A3A);
}

.clinic-gallery {
	width: 900px;
	display: flex;
	justify-content: space-between; /*両端揃え*/
	margin: 20px auto;
}

.clinic-gallery img {
	object-fit: cover;
	width: 440px;
	height: 300px;
	margin: auto 0px;
}

/* コピーライト
-----------------------------------*/
.copyrigth {
	background: white;
	padding: 20px 0px;
}

.copyrigth p {
	font-size: 14px;
	text-align: center;
}


/* 診療案内
-----------------------------------*/
.TreatmentBox {
	display: flex;
	position: relative;
	justify-content: space-between;
	width: 30%;
	margin: auto;
	padding: 10px 0px 10px 10px;
	background: #F7F7F7;
	color: #505050;
	transition : background 500ms;
	white-space: nowrap;
}

.TreatmentBox:hover {
	background: #e6dfcc;
	/* background: linear-gradient(to top left, #ffcce3, white); */
}

/* SPメニュー（アコーディオン）
-----------------------------------*/
.clinicmenuBox {
	display: flex;
	position: relative;
	width: 95%;
	margin: auto auto auto 0px;
	padding: 20px 0px 0px 10px;
	color: #505050;
	white-space: nowrap;
}

.clinicmenuBox2 {
	display: flex;
	position: relative;
	width: 95%;
	margin: auto auto auto 0px;
	padding: 20px 0px 0px 10px;
	color: #505050;
	white-space: nowrap;
}

/* 電話するボタン（固定）
-----------------------------------*/

.floatbar {
	opacity: 0;
	display: flex; /*横並び*/
	position: fixed; /*画面固定*/
	justify-content: space-between;
	z-index: 5;
	left: 0;
	bottom: -65px;
	width: 100%;
	height: 65px;
	background: #bfab73;
	transition : 0.5s;
	text-align: center;
}

.floatbar.effect-scroll {
	bottom: 0px;
	transition : 0.5s;
	opacity: 1;
}

.float-home {
	position: relative;
	width: 15%;
	margin: auto auto auto 10px;
}

.float-home img {
	height: 55px;
	margin: auto;
}

.float-tel {
	position: relative;
	width: 70%;
	margin: auto;
}

.float-tel img {
	width: 70%;
	margin: auto;
}

.float-top {
	position: relative;
	width: 15%;
	margin: auto 10px auto auto;
}

.float-top img {
	height: 55px;
	margin: auto;
}

.lowlayer-title {
	margin: 50px auto auto auto;
	text-align: center;
	color: #505050;
	font-size: 24px;
}

.lowlayer-subtitle {
	margin: 0px auto;
	text-align: center;
	color: #505050;
	font-size: 16px;
}

.lowlayer-title-line {
	margin: 10px auto 50px auto;
	width: 30px;
	border-bottom: solid;
	border-color: #be1a41;
	border-bottom-width: 2px;
}

.topics-box {
	position: relative;
	width: 900px;
	padding: 15px 20px;
	margin: auto auto 50px auto;
	background-color: #EFEFEF;
	color: #505050;
}

.topics-box:hover {
	background-color: #e6dfcc;
}

.topics-box a {
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-indent:-999px;
}

.-red {
	background-color: #fbe3e7;
	color: #505050;
}

.-red:hover {
	background-color: #A61A3A;
	color: white;
}

.infection-img {
	display: flex;
	justify-content: space-between;
	width: 100%;
	height: auto;
	margin: 50px auto auto auto;
}

.infection-img p {
	width: 430px;
	margin: 0px 0px auto 0px;
}

.infection-img img {
	object-fit: cover;
	width: 430px;
	height: 250px;
}

.share-width {
	width: 900px;
	margin: auto;
}

.subtitle {
	display: flex;
	margin: 20px auto;
	padding: 10px 0px;
	font-size: 16px;
	font-weight: bold;
	border-bottom: solid;
	border-bottom-color: #D7D7D7;
	border-width: 0.5px;
}

.linkcontent {
	display: flex;
	width: 900px;
	margin: auto;
}

.column-icon img {
	height: 60px;
	width: 60px;
	border-radius: 50%;
	object-fit: cover;
	margin: auto auto auto 0px;
}

/*---------------------------------------------*/
/*
/*　医師のご紹介
/*
/*---------------------------------------------*/

.doctor_image {
	position: relative;
	max-width: 700px;
	width: 92%;
	margin: 20px auto;
	height: auto;
}
.contents .doctor_image img {
	width: 100%;
	height: auto;
	max-width: none;
}

.certificate_img_pc {
	display: flex;
	gap: 12px;
	width: 45%;
	margin-top: 30px;
}

.certificate_img_pc img{
	max-width: 40%;
	height: auto;
}

.certificate_img_sp{
	text-align: center;
	width: 100%;
	margin-top: 30px;
}

.certificate_img_sp img{
	max-width: 45% !important;
	height: auto;
	margin: 0px 12px 12px 0px !important;
}

/*---------------------------------------------*/
/*
/*　院内ギャラリー
/*
/*---------------------------------------------*/

.clinic-gallery {
	list-style: none;
	max-width: 900px;
	width: 92%;
	margin: auto;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.clinic-gallery li {
	position: relative;
	width: 49%;
	height: auto;
	margin-bottom: 20px;
}
@media screen and (max-width: 600px) {	
	.clinic-gallery li {
		width: 100%;
	}
}
.clinic-gallery li::before {
	content: "";
	display: block;
	padding-top: 60%;
}
.clinic-gallery li img {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

/*---------------------------------------------*/
/*
/*　ヘルスケアページ
/*
/*---------------------------------------------*/

.health_fv_block {
	position:relative;
	margin:50px auto;
	width:100vw;
	min-height: 300px;
	}
	@media screen and (max-width: 750px) {
	}

.health_fv_back {
	position: absolute;
	height: 300px;
	width: 40%;
	top: 0;
	right: 0;
	object-fit: cover;
	z-index: -1;
	border-radius: 20px 0px 0px 20px;
	}
	@media screen and (max-width: 1000px) {
		.health_fv_back {
			position: relative;
			border-radius: 0px;
			width: 100%;
		}
	}

.health_text {
	
	}
	@media screen and (max-width: 1000px) {
		.health_text {
			text-align: center;
		}
}

.health_fv_block .contents .health_top_p1{
	display: inline-block;
	font-size: 30px;
    color: #505050;
    letter-spacing: 8px;
    text-align: left;
	margin-bottom: 10px;
	}
.health_fv_block .contents .health_top_p2{
	display: inline-block;
	width: auto;
	font-size: 30px;
    color: #505050;
    letter-spacing: 8px;
    text-align: left;
	margin-bottom: 10px;
	}
	@media screen and (max-width: 750px) {
		.health_fv_block .contents .health_top_p1{
			font-size: 3.8vw;
			text-align: center;
		}
		.health_fv_block .contents .health_top_p2{
			font-size: 3.8vw;
			text-align: center;
		}
	}
.health_fv_block .contents .abc200 {
	margin-top:250px;
	}
	@media screen and (max-width: 750px) {
		.health_fv_block .contents .abc200 {
			margin-top:250px;
		}
	}
	

.health_fv_img {
	width: 100%;
	height: 200px;
	object-fit:cover;
	}
.health_menu {
	width: 100vw;
	text-align: center;
}

.health_menu ul {
	display: inline-flex;
	margin: 50px auto 100px;
	}
	@media screen and (max-width: 900px) {
		.health_menu ul {
			display: block;
		}
		.health_menu ul li {
			margin: auto auto 10px auto;
			width: 90%;
		}
	}

.health_btn {
	display: flex;
	justify-content: space-between;
	position: relative;
	list-style: none;
	font-size: 16px;
	line-height: 1;
	padding: 15px 0px 15px 15px;
	width: 237px;
	text-align: center;
	background: #e6dfcc;
	margin-right: 20px;
	color: #505050;
}
.health_btn svg {
	margin: auto;
	transform: rotate(90deg);
}

.health_shop_block {
	padding: 100px 0px;
	background: #F5F5F5;
}

.health_title {
	display:inline-block;
	width:auto;
	text-align:center;
	}
	@media screen and (max-width: 900px) {
		.health_title {
			width: 100%;
		}
}
	

.health_shop_recommend {
	display: flex;
	justify-content: space-between;
	}
	@media screen and (max-width: 900px) {
		.health_shop_recommend {
			display: block;
		}
	}
	

.health_shop_rec_img {
	width: 260px;
	height: 260px;
	margin-right: 30px;
	}
	@media screen and (max-width: 900px) {
		.health_shop_rec_img {
			margin: auto auto 30px auto;
			max-width: 100%;
		}
	}

.contents .health_shop_rec_img img{
	max-width: 100%;
	height: 100%;
	object-fit: cover;
}

.contents .health_rec_p1 {
	padding: 3px 15px;
	line-height: 1;
	font-size: 18px;
	font-weight: bold;
	color: #505050;
	margin: 10px auto 20px;
	border-left: 4px solid #BE1A41;
	}
	@media screen and (max-width: 900px) {
		.contents .health_rec_p1 {
			width: 100%;
		}
	}
	

.contents .health_rec_p2 {
	font-size: 20px;
	font-weight: bold;
	color: #be1a41;
	line-height: 1;
	margin-bottom: 30px;
	}
	@media screen and (max-width: 900px) {
		.contents .health_rec_p2 {
			width: 100%;
		}
	}

.contents .health_rec_p3 {
	font-size: 14px;
	line-height: 30px;
	letter-spacing: 1.5px;
	margin-bottom: 15px;
	}
	@media screen and (max-width: 900px) {
		.contents .health_rec_p3 {
			width: 100%;
			margin-bottom: 30px;
		}
	}
	

.contents .health_rec_p4 {
	font-size: 14px;
	line-height: 1;
	font-weight: bold;
	margin-bottom: 10px;
	text-align: right;
	width: auto;
	}
	@media screen and (max-width: 900px) {
		.contents .health_rec_p4 {
			text-align: center;
		}
	}

.contents .health_rec_p4 span {
	font-size: 18px;
	color: #505050;
}

.contents .health_rec_p5 {
	font-size: 12px;
	text-align: right;
	margin: 15px auto 5px;
	width: 100%;
	}
	@media screen and (max-width: 900px) { 
		.contents .health_rec_p5 {
			text-align: center;
		}
}

.contents .health_rec_cv {
	display: inline-block;
	padding: 15px 40px;
	width: 280px;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	color: white;
	background: #be1a41;
}

.contents .health_rec_cv_bl {
	width:100%;
	text-align:right;
	position:relative;
	}
	@media screen and (max-width: 900px) {
		.contents .health_rec_cv_bl {
			text-align:center;
		}
	}

.health_product_block {
	display: flex;
	justify-content: space-between;
	flex-direction: row;
	flex-wrap: wrap;
}

.health_product_block::after {
	display: block;
	content: "";
	width: 280px;
}

.health_pro_box {
	float: left;
	width: 280px;
	height: auto;
	flex-shrink: 0;
	margin-top: 50px;
	display: flex;
	flex-direction: column;
	}
	@media screen and (max-width: 670px) {
		.health_pro_box {
			width: 48%;
		}
	}
	
.health_product_block .health_pro_p0,
.contents .health_pro_p0 {
	margin: 10px auto 0px 0px;
	font-size: 12px;
	line-height: 1;
	font-weight: bold;
	color: #BE1A41;
}

.health_product_block .health_pro_p1 {
	width: 100%;
	font-size: 14px;
	line-height: 1;
	padding: 5px 10px;
	font-weight: bold;
	border-left: 4px solid #BE1A41;
	margin: 10px auto 0px 0px;
	}
.health_product_block .health_pro_p1_1 {
	font-size: 10px;
	color: #BE1A41;
	padding: 5px;
	border: 1px solid #BE1A41;
	margin: 10px auto 0px 0px;
	text-align: left;
	width: auto;
	display: inline-block;
	line-height: 1;
}
.health_product_block .health_pro_p1_2 {
	font-size: 12px;
	margin: 10px auto auto 0px;
}

.health_product_block .health_pro_p2 {
	font-size: 12px;
	text-align: right;
	margin-top: 15px;
	width: 100%;
	margin-bottom: 0px;
}

.health_product_block .health_pro_p3 {
	font-size: 12px;
	font-weight: bold;
	text-align: right;
	margin-top: 5px;
	width: 100%;
	margin-bottom: 0px;
}

.health_product_block .health_pro_p3 span {
	font-size: 18px;
	color: #505050;
}

.health_product_block .health_pro_cv {
	font-size: 14px;
	font-weight: bold;
	color: white;
	background: #be1a41;
	padding: 15px 0px;
	width: 100%;
	text-align: center;
	margin-top: 20px;
}

.health_product_block .health_pro_img {
	position: relative;
	width: 100%;
	margin-bottom: 10px;
	overflow: hidden;
}

.health_product_block .health_pro_img::before {
	content:"";
    display: block;
    padding-top: 100%; /* 高さを幅の75%に固定 */
}

.health_product_block .health_pro_img img {
	position: absolute;
	top: 0;
	left: 0;
	max-width: 100%;
	height: 100%;
	object-fit: cover;
}


.health_column_block {
	display: flex;
	justify-content: space-between;
	flex-direction: row;
	flex-wrap: wrap;
}

.health_column_block::after {
	display: block;
	content:"";
	width: 280px;
}

#pageNavi {
	margin: 50px auto;
	text-align: center;
}


.screen-reader-text{
	display: none;
}

.nav-links{
	text-align: center;
}

.page-numbers{
	text-decoration: none;
	display: inline-flex;
	list-style: none;
	color: white;
	background:#D9D9D9;
	padding: 15px;
	font-weight: bold;
	margin: auto;
	font-size: 18px;
}


.current{
	background:none;
	color: #505050;
}


.health_column_box {
	position: relative;
	float: left;
	width: 280px;
	height: auto;
	flex-shrink: 0;
	margin-top: 50px;
	transition: 0.3s;
	}
	@media screen and (max-width: 670px) {
		.health_column_box {
			width: 48%;
		}
	}
	@media screen and (max-width: 500px) {
		.health_column_box {
			width: 100%;
		}
	}
	

.health_column_box:hover {
	opacity: 0.5;
	transition: 0.3s;
}

.health_column_img {
	position: relative;
	width: 100%;
}
.health_column_img::before {
	content: "";
	display: block;
	padding-top: 56.25%;
}

.contents .health_column_img img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	}
	@media screen and (max-width: 750px) {
		.contents .health_column_img img {
			max-width: 100%;
		}
}


.health_column_text {
	padding: 15px;
	background: #f5f5f5;
	border-radius: 0px 0px 10px 10px;
	}
	@media screen and (max-width: 600px) {
		.health_column_text {
			padding: 15px 8px;
		}
	}

.health_column_text .health_column_p1 {
	font-size: 14px;
	line-height: 20px;
	font-weight: bold;
	text-align: left;
}

.health_column_text .health_column_p2 {
	font-size: 10px;
	margin-top: 10px;
}

.health_consu_block {
	display: flex;
	justify-content: space-between;
	margin-top: 50px;
	}

.health_qa_block {
	padding: 50px;
	background:white;
	border-radius: 20px;
	width: 60%;
	max-height: 500px;
	overflow: scroll;
}

.health_form {
	width: 35%;
}
	@media screen and (max-width: 900px) {
		.health_consu_block {
			display: block;
		}
		.health_qa_block,.health_form {
			width: 100%;
		}
		.health_qa_block {
			margin-bottom: 50px;
		}
	}

.health_qa_box {
	margin-bottom: 50px;
}

.health_qa_box .health_qa_p1 {
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 30px;
}

.health_qa_anser {
	display: flex;
	justify-content: space-between;
}

.health_qa_anser_icon {
	width: 60px;
	height: 60px;
	margin-right: 15px;
	border-radius: 100vh;
	overflow: hidden;
	flex-shrink: 0;
}

.health_qa_anser_icon img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.health_qa_anser .health_qa_anser_p p {
	font-size: 14px;
	line-height: 34px;
}

.health_form {
	position: relative;
	background: white;
	border-radius: 10px;
	filter: drop-shadow(0px 4px 10px rgba(0,0,0,0.2));
	padding: 50px 40px;
}

.health_form .health_form_p1 {
	font-size: 20px;
	text-align: center;
	margin-bottom: 20px;
}

.health_form .health_form_p2 {
	font-size: 12px;
	}
	@media screen and (max-width: 500px) {
		.health_form .health_form_p2 {
			font-size: 3vw;
		}
}
	


.health_form  .health_form_textarea {
	width: 100%;
	min-height: 300px;
	max-height: 400px;
	border-radius: 2px;
	border: 1px solid #DDDDDD;
	padding: 20px;
}

.health_form  .health_form_textarea:focus {
	border: 2px solid #be1a41;
	outline: none;
	caret-color: #be1a41;
}

.health_form_submit {
	position: absolute;
	font-size: 20px;
	padding: 15px 90px;
	background: #be1a41;
	border-radius: 100vh;
	left: 50%;
	color: white;
	bottom: -25px;
	line-height: 1;
	transform: translateX(-50%);
}

.contents .health_mepozu_p1 {
	font-size: 18px;
	line-height: 1;
	padding: 15px 20px;
	border-left: 4px solid #BE1A41;
	margin: 50px auto;
	width: 100%;
	}
	

.health_mepozu_text1 {
	display: flex;
	justify-content: space-between;
	}
	@media screen and (max-width: 900px) {
		.health_mepozu_text1 {
			display: block;
		}
	}

.health_mepozu_text1 .health_mepozu_p2 {
	font-size: 16px;
	line-height: 28px;
	margin: 0px auto auto 30px;
	}
	@media screen and (max-width: 900px) {
		.health_mepozu_text1 .health_mepozu_p2 {
			margin: 0px auto 30px;
			width: 100%;
		}
	}

.health_mepozu_img {
	width: 300px;
	height: 340px;
	flex-shrink: 0;
	}
	@media screen and (max-width: 900px) {
		.health_mepozu_img {
			margin: auto;
		}
	}

.health_mepozu_img img {
	max-width: 100%;
	height: 100%;
	object-fit: cover;
	}
	@media screen and (max-width: 750px) {
		.contents .health_mepozu_img img {
			max-width: 100%;
		}
}
	

.health_mepozu_ul li {
	list-style: none;
	font-size: 16px;
	line-height: 28px;
	font-weight: bold;
}

.health_mepozu_ul {
	margin-bottom: 50px;
}

.health_mepozu_bikou {
	padding: 25px;
	border: 2px solid #F5E2E7;
	font-size: 14px;
	line-height: 24px;
}

.health_mepozu_bikou .health_mepozu_a {
	color: #be1a41;
}

/*-------------------------------------------*/
/*
/*　WEB問診（~/monshin）
/*
/*-------------------------------------------*/

.contents .remarks_p {
	padding: 20px;
	background:#F9F8F5;
	line-height: 1.4;
	font-size: 16px;
	margin-bottom: 20px;
	letter-spacing: 2px;
	width: 100%;
}
.contents .form_p {
	font-size: 14px;
	margin-bottom: 12px;
	width: 100%;
	color: #808080;
}
.contents .form_p span {
	background: #A61A3A;
	color: white;
	padding: 3px 5px;
	margin-right: 6px;
	font-size: 12px;
	font-weight: normal;
}
.contents .form_p .any,
.form_p2 .any{
	background: #E2E2E2;
	color: #505050;
	padding: 3px 5px;
	margin-right: 6px;
	font-size: 12px;
	font-weight: normal;
}
.contents .check_p {
	font-size: 16px;
	width: 100%;
	padding: 14px 0px;
	border-bottom: 1px solid #A61A3A;
	margin-bottom: 30px;
}
.input_text,
.input_text2,
.input_text3,
.input_text4 {
	font-size: 14px;
	padding: 12px;
	border: 1px solid #DDDDDD;
	margin-bottom: 20px;
	border-radius: 2px;
	width: 100%;
	background: white;
	-webkit-appearance: none;
	color: #464646;
	text-align: left;
}
.input_postcode::-webkit-outer-spin-button,
.input_postcode::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
    -moz-appearance:textfield;
}
.input_text3 {
    min-width: 102px;
    min-height: 50px;
}
.input_text:focus,
.input_text2:focus{
	border: 1px solid #be1a41;
	outline: none;
	caret-color: #be1a41;
}
.input_text2 {
	width: 20%;
}
.input_text3 {
	width: auto;
}
.add_address {
	font-size: 14px;
	color: #5D5D5D;
	background: #EAEAEA;
	padding: 12px 20px;
	width: 100%;
	cursor: pointer;
}
.add_address_block {
	display: none;
	padding: 20px;
	background: #F8F8F8;
}
.sentaku_block,
.dating_block,
.pregnancy_block,
.breastfeeding_block,
.sex_block,
.smoking_block,
.hokensyo_block {
	display: flex;
	justify-content: space-between;
	margin-bottom: 20px;
}
.sex_block {
	width: 100%;
}
.sentaku_block input,
.dating_block input,
.pregnancy_block input,
.breastfeeding_block input,
.sex_block input,
.smoking_block input {
	display: none;
}
.dating_block label {
	width: 23%;
	background: #EAEAEA;
	text-align: center;
	padding: 12px;
	cursor: pointer;
}
.sentaku_block label,
.pregnancy_block label,
.breastfeeding_block label,
.sex_block label,
.smoking_block label {
	width: 49%;
	background: #EAEAEA;
	text-align: center;
	padding: 12px;
	cursor: pointer;
}

.sentaku_block label.selected,
.dating_block label.selected,
.pregnancy_block label.selected,
.breastfeeding_block label.selected,
.sex_block label.selected,
.smoking_block label.selected {
	background: #bfab73;
	color: white;
}
.baby_block {
	display: flex;
	justify-content: space-between;
}
.contents .baby_block p {
	text-align: center;
	font-size: 12px;
}
.input_text4 {
	width: 30%;
	text-align: center;
	padding: 12px 0px;
}
.child_block {
	display:flex;
	justify-content:space-between;
}
#add {
	display: inline-block;
	margin-bottom: 20px;
    color: white;
    padding: 12px 20px;
    background: #bfab73;
}
#delete {
	display: inline-block;
	margin-bottom: 20px;
    color: white;
    padding: 12px 20px;
    background: #B8B8B8;
}
.monshin_line {
	width: 100%;
	margin: 50px auto;
	border-top: 1px dashed #DDDDDD;
}
.anticoagulant_block label {
	display: flex;
	padding: 12px 20px;
	font-size: 20px;
}
.anticoagulant_block label input {
	margin: auto 10px auto 0px;
	width: auto;
}
.contents .form_p2 {
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 20px;
	width: 100%;
}
.contents .purpose_block {
	margin-bottom: 20px;
}
.contents .purpose_block label {
	display: inline-flex;
	margin: auto 20px 20px auto;
	font-size: 20px;
}
.contents .purpose_block label input{
	margin: auto 10px auto auto;
}
.submit_block {
	position:relative;
	width:50%;
	margin:30px auto 50px;
}
	@media screen and (max-width: 750px) {
		.submit_block {
			width:90%;
		}
}
.form_submit {
	position: relative;
	font-size: 18px;
	font-weight: bold;
	color: white;
	background: #bfab73;
	width: 100%;
	border-radius: 100vh;
	padding: 16px;
}
.form_submit_img {
	position:absolute;
	top:50%;
	right:20px;
	transform:translateY(-50%);
	width:20px;
	height:20px;
	transition: 0.3s;
}
.form_submit:hover + .form_submit_img {
	transition: 0.3s;
	right:30px;
}
.contents .monshin_comp {
	font-size: 16px;
	font-weight: normal;
	text-align: center;
	margin: 50px auto;
}

.contents .form_none_p {
	font-size: 14px;
	color: #A61A3A;
	margin: -12px auto 16px;
}

.tool_btn {
	opacity: 1;
}
.monshin_btn,
.reserve_btn {
	position: fixed;
	right: 140px;
	bottom: -1000px;
	width: 200px;
	padding: 12px;
	background: #E5DFCE;
	color: white;
	z-index: 5;
	opacity: 0;
	transition: 0.5s;
}
.tool_btn.effect-scroll .monshin_btn,
.tool_btn.effect-scroll .reserve_btn {
	bottom: 16px;
	opacity: 1;
	transition: 0.5s;
}
.reserve_btn {
	right: 360px;
}
.monshin_btn_flex {
	display: flex;
}
.monshin_btn img,
.reserve_btn img {
	width: 20px;
	height: 20px;
	margin: auto 10px auto auto;
}	
.monshin_btn p,
.reserve_btn p {
	font-size: 18px;
	margin: auto auto auto 0px;
}

.monshin_note {
	margin: 30px auto;
	width: 100%;
	background: #E2E2E2;
	padding: 20px;
}
.contents .monshin_note p {
	line-height: 1.8;
	text-align: center;
}
.contents .monshin_note p span {
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 12px;
}

.contents .monshin_reserve {
	padding: 12px 0px;
	width: 200px;
	background: #A61A3A;
	color: white;
	text-align: center;
	margin-top: 20px;
}

.column_container {
	display: flex;
	position: relative;
	border-bottom: 0.5px dashed #D3D3D3;
	padding: 20px 0px;
}

.input_span {
	color: #464646;
	font-weight: normal;
	font-size: 12px;
	margin: -10px auto auto auto;
	white-space: break-spaces;
}




/*
*/

.media_link {
	width: 900px;
	margin: auto;
}
.media_link ul {
    position: relative;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	list-style: none;
	margin: 30px auto;
}
.media_link ul::after {
    content: "";
    width: 32%;
    height: auto;
}
.media_link ul li {
	position: relative;
	width: 32%;
	height: auto;
}
.media_link ul li img {
	width: 100%;
	height: auto;
}
@media screen and (max-width: 980px) {
	.media_link {
	width: 90%;		
	}
}
@media screen and (max-width: 600px) {
	.media_link ul {
		display: block;
	}
	.media_link ul li {
		width: 100%;
		margin: auto auto 20px auto;
	}
}


.linkbutton {
	display: flex;
	margin: 20px auto 100px auto;
	justify-content: space-between;
	width: 90%;
	max-width: 900px;
}
@media screen and (max-width: 750px) {
	.linkbutton {
		margin: 20px auto 100px auto;
	}
}



/*---------------------------------------------*/
/*
/* キービジュアルリニューアル
/*
/*---------------------------------------------*/



.fixed-background {
	position: relative;
	height: 80vh;
	min-height: 630px;
	width: 100vw;
	overflow-x: hidden;
}
@media screen and (max-width: 750px) {
	.fixed-background {
		padding: 120px 0px 40px;
	}
}
.top_gallery,
.sp_top_gallery {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	object-fit: cover;
	overflow: hidden;
}
.sp_top_gallery {
	display: none;
}
@media screen and (max-width: 750px) {
	.fixed-background {
		height: auto;
	}
	.top_gallery {
		display: none;
	}
	.sp_top_gallery {
		display: block;
		position: absolute;
		top: 0px;
		left: 0px;
	}
}
.top_slide,
.sp_top_slide {
	position: absolute;
	width: 100%;
	height: 100%;
	object-fit: cover;
	opacity: 0;
	transition: 0.5s;
	z-index: -1;
}
.sp_top_slide {
	object-position: -600px 0px;
}
@keyframes top-slide {
	0% {
		transform: scale(1.05);
	}
	100% {
		transform: scale(1);
	}
}
@keyframes sp-top-slide {
	0% {
		object-position: 0px 0px;
	}
	100% {
		object-position: -600px 0px;
	}
}
.top_slide.on {
	opacity: 1;
	transition: 0.5s;
	animation: top-slide 4s ease 0s forwards;
}
.sp_top_slide.on {
	opacity: 1;
	transition: 0.5s;
	animation: sp-top-slide 7s ease 0s forwards;	
}
.gallery_mask {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background: rgb(255,255,255);
	background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 90%);
	overflow: hidden;
}
@media screen and (max-width: 1150px) {
	.gallery_mask {
		background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 90%);
	}
}
@media screen and (max-width: 750px) {
	.gallery_mask {
		background: white;
		opacity: 0.7;
	}
}
.top_doctor_icon {
	position: absolute;
	bottom: 50%;
	left: 6%;
	width: 220px;
	height: 220px;
}
@media screen and (max-width: 750px) {
	.top_doctor_icon {
		position: relative;
		bottom: auto;
		left: auto;
		margin: auto;
	}
}
.top_doctor_icon img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.top_point_flex {
	position: absolute;
	right: 6%;
	bottom: 10%;
	display: flex;
	column-gap: 14px;
}
.top_point_flex img {
	width: 160px;
	height: 160px;
	object-fit: cover;
}
@media screen and (max-width: 1200px) {
	.top_point_flex img {
		width: 120px;
		height: 120px;
	}
}
@media screen and (max-width: 750px) {
	.top_point_flex {
		position: relative;
		justify-content: center;
		right: auto;
		margin: 40px auto auto auto;
		width: 92%;
		column-gap: 4px;
	}
	.top_point_flex img {
		width: 25%;
		height: auto;
	}
}
.page-header {
	background: #BFAB73;		
}
	
.top_sp_image {
	position: absolute;
	width: 75%;
	height: auto;
	top: 0;
	left: 0;
	margin: auto;
}
.top_copy_p {
	font-size: 30px;
	color: #505050;
	letter-spacing: 8px;
	text-align: left;
	position: absolute;
	bottom: 10%;
	left: 6%;
	text-shadow: 0px 0px 10px white;
	line-height:60px;		
}
.top_copy_p h2 {
	margin-top: 20px;
	font-size: 15px;
	font-weight: normal;	
}
@media screen and (max-width: 750px) {
	.top_copy_p {
		display: inline-block;
		position: relative;
		font-size: 4vw;
		line-height: 8vw;
		margin: 20px auto auto auto;
		left: 50%;
		transform: translateX(-50%);
	}
	.top_copy_p h2 {
		text-align: center;
		font-size: 3vw;
	}
}
.top_sp_activeBadge {
	display: none;
	position: relative;
	width: 30%;
	height: auto;
	left: 50%;
	transform: translateX(-50%);
	margin-top: 40px;
}
.top_sp_activeBadge img{
	width: 100%;
	height: auto;
}
@media screen and (max-width: 750px) {
	.top_sp_activeBadge {
		display: block;
	}
}


/*スマホサイズのCSS
---------------------------------------------*/
@media screen and (max-width: 750px) {
	
	body {
		overflow-x: hidden;
	}
	
	.pc {
		display: none;
	}

	.sp {
		display: block;
	}
	
	.AnkerButton img {
		width: 70px;
	}
	
	.hamburger {
		display : block;
	}
	
	.nav-suport {
		display: none;
	}
	
	.nav-suport.on {
		display: none;
	}
	
	.slide {
		display: none;
	}
	
	.slide-sp {
		display: block;
	}
	
	.page-header {
		display: none;
	}
	
	.page-header-2nd {
		display: none;
	}
	
	.page-header-sp {
		display: flex;
	}

	
	.contents img {
		max-width: 100%;
		height: auto;
		margin: auto;
	}
	
	.contents p {
		width: 90%;
		margin: auto;
	}
	
	.certificate_img_pc{
		display: none;
	}
	
	.certificate_img_sp{
		display: block !important;
	}
	
	.contents ol {
		width: 90%;
		margin: 15px auto 15px 50px;
	}
	
	.contents-title {
		width: 90%;
		font-size: 20px;
	}
	
	.content-width2 {
		margin: 50px auto;
		width: 90%;
	}
	
	.news-contents {
		display: flex; /*横並び*/
		width: 90%;
		margin: auto;
		padding: 20px 0px;
		font-size: 16px;
		border-bottom: dashed;
		border-bottom-color: #707070;
		border-width: 1px;
	}
	
	.news-contents p {
		font-size: 14px;
	}
	
	.news-contents-title {
		width: auto;
		font-weight: 900;
		margin: 0px 30px auto 0px;
		white-space: nowrap;
	}
	
	.news-button {
		display: none;
	}
/*
	.media-button{
		display: block;
		height: 16px!important;
		margin: auto 0px auto auto !important;
	}
*/
	.schedule-list {
		width: 90%;
	}
	
	table {
		width: 100%;
	}
	
	.table-time {
		font-size: 16px;
		width: 100%;
		margin: auto;
		text-align: center;
	}
	
	.table-time img {
		width: 100%;
		height: auto;
		margin: auto;
	}
	
	.visit-block-sp {
		display: block;
	}
	
	.visit-backcolor {
		display: none;
	}
	
	.visit-image {
		width: 100%;
		margin: auto auto 20px auto;
	}
	
	.medical-item {
		display: flex; /*横並び*/
		margin: auto auto 10px 0px;
	}

	.medical-item-text {
		font-size: 18px;
		margin: auto auto auto 5px;
		width: 100%;
		text-align: left;
	}
	
	.contents-column {
		display: flex; /*横並び*/
		width: 100%;
		margin: auto auto 20px auto;
	}
	
	.contents-column img {
		width: 60px;
		height: 60px;
		border-radius: 50%;
		object-fit: cover;
	}
	
	.event-contents {
		display: none;
	}
	
	.event-contents2 {
		display: none;
	}
	
	.event-contents-sp {
		display: block;
	}
	
	.top-img-01 {
		min-width: 100%;
		height: auto;
		margin: auto auto 20px auto;
	}
	
	.recruit {
		display: none;
	}
	
	.recruit-sp {
		display: block;
	}
	
	.footer {
		display: none;
	}
	
	.pc-footer-content {
		display: none;
	}
	
	.contents-width {
		display: block;
		width: 90%;
		margin: auto;
	}
	
	.credit-contents {
		display: block;
		width: 90%;
		margin: auto;
	}
	
	.credit-contents-img1 {
		width: 100%;
		margin: 50px auto auto auto;
	}

	.credit-contents-img2 {
		width: 100%;
		margin: 10px auto -30px auto;
	}
	
	.credit-map {
		display: none;
	}
	
	.credit-map-sp {
		display: block;
	}
	
	.clinic-gallery {
		display: block;
		width: 100%;
		margin: 10px auto;
	}

	.clinic-gallery img {
		display: block;
		width: 100%;
		height: auto;
		margin: 20px auto;
	}
	
	.TreatmentBox {
		width: 100%;
		margin: auto auto 10px auto;
		padding: 10px 0px 10px 10px;
		/*background: #d9d9d9;*/
		/* background: linear-gradient(to top left, #ffcce3, white);*/
		background: #e6dfcc;
		color: #505050;
		transition : background 500ms;
	}

	.TreatmentBox:hover {
		background: white;
		color: #bfab73;
		/* outline: 2px solid #bd5978;
		outline-offset: -2px; */
	}
	
	.out-title {
		width: 25%;
		padding: 0px;
		text-align-last: justify;
		text-justify: inter-ideograph;
	}

	.out-text {
		width: 65%;
		margin: auto auto auto 20px;
		text-align: left;
	}
	
	.out-title2 {
		width: 65%;
		padding: 0px;
		text-align-last: justify;
	}

	.out-text2 {
		width: auto;
		margin: auto auto auto 10px;
		text-align: left;
	}
	
	.clinic-section-img {
		position: relative;
		margin: 0px auto -30px auto;
		width: 100%;
		height: 200px;
	}
	
	.topics-box {
		width: 90%;
	}
	
	.infection-img {
		display: block;
		width: 100%;
		height: auto;
		margin: 50px auto auto auto;
	}

	.infection-img img {
		min-width: 100%;
		height: auto;
	}
	
	.infection-img p {
		width: 100%;
		margin: 20px auto auto auto;
	}
	
	.share-width {
		width: 90%;
		margin: auto;
	}
	
	.linkcontent {
		display: flex;
		width: 100%;
		margin: auto;
	}
	
	.clinic-img01 {
		min-width: 100%;
		height: auto;
		margin: 20px auto;
	}
	
	.clinic-section-img2 {
		display: table;
		position: relative;
		margin: 40px auto;
		color: #505050;
		width: 100%;
		height: 200px;
		background-color: #F7F7F7;
		transition: .5s;
	}


	.clinic-section-img2 ul {
		display:table;
		opacity: 0;
		position: absolute;
		z-index: 997;
		height: 200px;
		top: 200px;
		left:0;
		list-style: none;
		background-color: #F7F7F7;
		transition: .5s;
	}

	.clinic-section-img2 ul li {
		display: table-cell;
		vertical-align: middle;
	}

	.clinic-section-img2 ul li div {
		margin: 20px;
	}

	.clinic-section-img2:hover ul {
		opacity: 1;
		top: 200px;
	}

	.clinic-section-img2 a {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		text-indent:-999px;
	}

	.clinic-section-img2:hover {
		background: #e6dfcc;
	}

	.column-icon img {
		height: 60px;
		width: 60px;
		border-radius: 50%;
		object-fit: cover;
		margin: auto auto auto 0px;
	}
	
}

/* ヘルスケア相談追加css */
.news-consolation{
	max-width: 900px;
	width: 100%;
	margin: 50px auto 0 auto;
}
@media screen and (max-width: 1150px) {
	.news-consolation{
		width: 85%;
	}
}
.card-list{
	display: flex;
	list-style: none;
}
@media screen and (max-width: 1150px) {
	.card-list{
		display: block;
	}
}
@media screen and (max-width: 1150px) {
	.card-list{
		display: block;
	}
}
.card-list a{
	text-decoration: none;
}



.card-item-image{
	position: relative;
    width: 100%;
    height: auto;
	margin-right: 30px;
}
.card-item-image::before{
	content: "";
	display: block;
	padding-top: 60.606060606%;
}
@media screen and (max-width: 600px) {
	.card-item-image{
		text-align: center;
		margin-right: 0px;
	}
}
@media screen and (max-width: 1150px) {
	.card-item-block{
		margin-top: 40px;
	}
}
@media screen and (max-width: 600px) {
	.card-item-block{
		margin-top: 20px;
	}
}
.news-card-tag{
	display: inline-block;
	font-size: 14px;
	background-color: #BE1A41;
	padding: 2px 12px;
}
.news-card-tag a{
	color: #FFFFFF;
}
.news-card-title {
	margin-top: 10px;
}
.news-card-title a{
	color: #505050;
	font-size: 20px;
	font-weight: bold;
}
.news-card-text{
	color: #505050;
	font-size: 16px;
	margin-top: 10px;
	line-height: 34px;
}
.news-card-text a{
	color: #505050;
}
.news-card-button{
	display: flex;
	align-items: center;
	justify-content: end;
	margin-top: 20px;
	color: #505050;
}
.news-card-button a{
	color: #505050;
	font-size: 14px;
}
.news-card-button-image{
	margin-left: 14px;
}

.news-list{
	max-width: 1050px;
	width: 100%;
	margin: 100px auto 0 auto;
}
@media screen and (max-width: 1150px) {
	.news-list{
		max-width: 1050px;
		width: 100%;
	}
}
.news-column{
	display: flex;
}
@media screen and (max-width: 1150px) {
	.news-column{
		width: 85%;
		margin: 0 auto;
	}
}
@media screen and (max-width: 950px) {
	.news-column{
		flex-direction: column-reverse;
		width: auto;
		margin: 0 auto;
	}
}
.news-column-left{
	max-width: 760px;
	width: 100%;
	margin-right: 40px;
}
@media screen and (max-width: 950px) {
	.news-column-left{
		margin-right: 0;
		max-width: 85%;
		width: 100%;
		margin: 0 auto;
	}
}
.news-list-title{
	position: relative;
	font-size: 16px;
	font-weight: bold;
	color: #505050;
}
.news-list-title p {
	display: inline-block;
	background: white;
	padding: 0px 20px 0px 0px;
}
@media screen and (max-width: 950px) {
	.news-list-title{
		margin-bottom: 50px;
	}
}
@media screen and (max-width: 600px) {
	.news-column-left{
		margin-right: 0;
		max-width: 85%;
		width: 100%;
		margin: 0 auto;
	}
}

.news-list-title::after{
	content: "";
	background-image: linear-gradient(to right, #707070, #707070 4px, transparent 4px, transparent 8px);
	background-size: 8px 1px;
	background-repeat: repeat-x;
	position: absolute;
    width: 100%;
	height: 1px;
    top: 50%;
    left: 0px;
	transform: translateY(-50%);
	z-index: -2;
}
@media screen and (max-width: 950px) {
	.news-list-title::after{
		top: auto;
		bottom: -12px;
	}
}
.card-block{
	margin: 15px 0 40px 0;
}
.card-block a{
	text-decoration: none;
}
.news-column-title{
	font-size: 16px;
	margin-top: 15px;
	font-weight: bold;
}
.news-column-title a{
	color: #707070;
}
.card-column{
	max-width: 760px;
	width: 100%;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-top: 50px;
}
.card-column::after{
	display: block;
	content:"";
	width: 245px;
}
@media screen and (max-width: 1150px) {
	.card-column{
		justify-content: center;
	}
}


.card-image{
	text-align: center;
	position: relative;
    width: 100%;
    height: auto;
}
.card-image::before{
	content: "";
	display: block;
	padding-top: 56.25%;
}
.card-column-list{
	width: 245px;
}
@media screen and (max-width: 1150px) {
	.card-column-list{
		margin: 0 5px;
	}
}
@media screen and (max-width: 600px) {
	.card-column-list{
		width: 100%;
		margin: 0;
	}
}
.news-tag{
	list-style: none;
	display: flex;
	flex-wrap: wrap;
	margin-top: 28px;
}
@media screen and (max-width: 950px) {
	.news-tag{
		max-width: 85%;
		width: 100%;
		margin: 30px auto;
		justify-content: center;
	}
}
@media screen and (max-width: 600px) {
	.news-tag{
		justify-content: flex-start;
	}
}
.news-tag li{
	margin: 12px 12px 0 0;
	border-left: 2px solid #BE1A41;
}

.news-tag a{
	background-color: #F8F8F8;
	padding: 4px 12px;
	color: #505050;
	text-decoration: none;
	font-size: 14px								
}

.pagenation{
	text-align: center;
	margin-top: 20px;
}
/*---------------------------------------

 Wp-PageNavi

---------------------------------------*/
.wp-pagenavi {
    display: flex;
    justify-content: center;
	position: relative;
	text-align: center;
	margin: 80px auto 50px;
	max-width: 900px;
	width: 90%;
    z-index: 10;
    flex-wrap: wrap;
	gap: 40px;
}
.previouspostslink {
	position: relative;
	text-decoration: none;
    border: none !important;
	color: black;
}
.previouspostslink::before {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	width: 44px;
	height: 44px;
	transform: translate(-50%,-50%);
	background: #F5F5F5;
	z-index: -1;
}
.previouspostslink::after {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 20px;
	height: 18px;
	font-size: 18px;
	color: white;
	transform: translate(-50%,-50%);
    mix-blend-mode: difference;
}

.nextpostslink {
	position: relative;
	text-decoration: none;
    border: none !important;
	color: black;
}
.nextpostslink::before {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	width: 44px;
	height: 44px;
	transform: translate(-50%,-50%);
	background: #F5F5F5;
	z-index: -1;
}
.nextpostslink::after {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 18px;
	height: 18px;
	font-size: 20px;
	color: white;
	transform: translate(-50%,-50%);
    mix-blend-mode: difference;
}
.wp-pagenavi .page {
	position: relative;
	text-decoration: none;
    color: #202020;
    font-weight: bold;
        border: none;
}
.wp-pagenavi .page::before {
	content: "";
	position: absolute;
	background: #F5F5F5;
	width: 44px;
	height: 44px;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	z-index: -1;
}
.extend,
.last,
.first {
	position: relative;
	color: #8E8E8F;
	text-decoration: none;
}
.extend::before,
.last::before,
.first::before {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	width: 44px;
	height: 44px;
	background: #EAEAEA;
	z-index: -1;
}
.current {
	position: relative;
	color: white;
    border: none !important;
}
.current::before {
	position: absolute;
	content: "";
	background: #A61A3A;
	width: 44px;
	height: 44px;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	z-index: -1;
}
.wp-pagenavi a, .wp-pagenavi span {
    border: none;
}
@media screen and (max-width: 400px) {
.previouspostslink {
	position: relative;
	text-decoration: none;
    border: none !important;
}
.previouspostslink::before {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	width: 30px;
	height: 30px;
	transform: translate(-50%,-50%);
	background: #F5F5F5;
	z-index: -1;
}
.previouspostslink::after {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	width: 16px;
	height: 16px;
	color: white;
	transform: translate(-50%,-50%);
	background-image: url("img/page_arrow.svg");
	background-size: cover;
    mix-blend-mode: difference;
}

.nextpostslink {
	position: relative;
	text-decoration: none;
    border: none !important;
}
.nextpostslink::before {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	width: 30px;
	height: 30px;
	transform: translate(-50%,-50%);
	background: #F5F5F5;
	z-index: -1;
}
.nextpostslink::after {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	width: 16px;
	height: 16px;
	color: white;
	transform: translate(-50%,-50%) rotate(180deg);
	background-image: url("img/page_arrow.svg");
	background-size: cover;
    mix-blend-mode: difference;
}
.wp-pagenavi .page {
	position: relative;
	text-decoration: none;
	color: #202020;
    font-weight: bold;
}
.wp-pagenavi .page::before {
	content: "";
	position: absolute;
	background: #F5F5F5;
	width: 30px;
	height: 30px;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	z-index: -1;
}
.extend,
.last,
.first {
	position: relative;
	color: #8E8E8F;
	text-decoration: none;
}
.extend {
}
.extend::before,
.last::before,
.first::before {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	width: 30px;
	height: 30px;
	background: #EAEAEA;
	z-index: -1;
}
.extend::before {
	width: 30px;
	height: 30px;
}
.current {
	position: relative;
	color: white;
}
.current::before {
	position: absolute;
	content: "";
	background: #A61A3A;
	width: 30px;
	height: 30px;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	z-index: -1;
}
}

.news-column-right{
	max-width: 250px;
	width: 100%;
	margin-top: 8px;
}
@media screen and (max-width: 950px) {
	.news-column-right{
		max-width: 100%;
		width: 100%;
	}
}
.news-column-right a{
	color: #505050;
	text-decoration: none;
}
.contact-form{
	margin-right: 60px;
}
@media screen and (max-width: 1150px) {
	.contact-form{
		max-width: 600px;
		width: 100%;
		margin: 0 auto;
	}
}
@media screen and (max-width: 1150px) {
	.contact-form{
		max-width: 85%;
	}
}
.form-search{
	display: flex;
    align-items: center;
	background-color: #F8F8F8;
	border-radius: 25px;
}
@media screen and (max-width: 950px) {
	.form-content{
		max-width: 250px;
		width: 100%;
		margin: 0 auto;
	}
}

.form-search-image{
	padding: 0 20px;
}
.form-search-text{
	height: 50px;
	caret-color: #BE1A41;
}
.form-search-text:focus{
	outline:0;
}
.contact-column{
	max-width: 1050px;
	width: 100%;
	display: flex;
	margin: 0 auto;
}
@media screen and (max-width: 1150px) {
	.contact-column{
		display: block;
		margin: 0 auto;
	}
}
.contact-warning{
	font-size: 14px;
	margin: 14px 0 0 0;
	color: #505050;
}
.contact-warning.send {
	color: #BE1A41;
	font-size: 16px;
	text-align: center;
	font-weight: bold;
}
.panda_form_label {
	margin: 16px auto 12px;
	font-size: 20px;
}
.panda_form_label:nth-child(1) {
	margin-top: auto;
}
.panda_form_text {
	width: 465px;
	display: block;
	border: 1px solid #DDDDDD;
	padding: 20px;
	caret-color: #BE1A41;
	margin-bottom: 16px;
	outline:0;
}
.panda_form_textarea {
	width: 100%;
	display: block;
	border: 1px solid #DDDDDD;
	padding: 20px;
	caret-color: #BE1A41;
	min-height: 200px;
	margin-bottom: 16px;
}
@media screen and (max-width: 1150px) {
	.panda_form_text {
		width: 100%;
	}
}
.yourname-text:focus {
	outline: 0;
	border: 1px solid #BE1A41;
}
.email-text:focus {
	outline: 0;
	border: 1px solid #BE1A41;
}

textarea:focus {
	outline: 0;
	border: 1px solid #BE1A41;
}
.yourname-text,.email-text{
	margin-top: 14px;
}
.trouble-text{
	height: 280px;
	margin: 14px 0 30px 0;
}
.contact-submit{
	display: block;
	margin: 0 auto;
	background-color: #BE1A41;
	text-align: center;
	padding: 10px 100px;
	color: #FFFFFF;
	font-size: 20px;
	border-radius: 24px;
}
@media screen and (max-width: 600px) {
	.contact-submit{
		padding: 10px 50px;
	}
}
.contact-message{
	position: relative;
}
.contact-image{
	width: 683px;
	height: 746px;
}
@media screen and (max-width: 1150px) {
	.contact-message{
		width: 100%;
		margin: auto;
		padding: 50px 0px;
	}
	.contact-image{
		width: 100%;
		height: auto;
	}
}
.contact-inner{
	width: 100%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	padding: 80px 159px 60px 80px;
	color: #505050;
}
@media screen and (max-width: 1150px) {
	.contact-inner{
		padding: 40px;
	}
}
.contact-text {
	line-height: 1.6;
}

.card-image-size{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.placeholder{
	color: #DDDDDD;
}
.contact-trouble{
	padding-bottom: 100px;
}
@media screen and (max-width: 1150px) {
	.contact-trouble{
		padding-bottom: 0px;
	}
}
.contact-form iframe{
	height: 120%;
}
@media screen and (max-width: 1150px) {
	.contact-form iframe{
		height: 920px;
		width: 100%;
	}
}
/* 診療案内 */
.medical-contents,.symptom-contents,.cause-contents,.treatment-contents,.tel-contents,.measures-contents,.column-contents,.result-contents {
	max-width: 900px;
	width: 92%;
	margin: auto;
}
.measures-contents-mb120{
	margin-bottom: 120px;
}
.medical-contents-title {
	margin: auto;
	padding: 20px 0px;
	font-size: 24px;
	font-weight: bold;
	border-bottom: solid;
	border-bottom-color: #707070;
	border-width: 0.5px;
}
.medical-contents-title_sub {
	margin: auto;
	padding: 20px 0px;
	font-size: 20px;
	font-weight: bold;
	text-align: center
}
.medical-contents-text {
	font-size: 16px;
	line-height: 28px;
}
.symptom-check-text{
	margin-top: 50px;
	font-size: 18px;
	line-height: 28px;
}
.symptom-title{
	margin-top: 30px;
	margin-bottom: 8px;
	font-size: 20px;
}
@media screen and (max-width: 980px) {
	.symptom-title{
		font-size: 18px;
	}
}
.symptom-checkbox{
	cursor: pointer;
	margin-top: 12px;
	margin-right: 6px;
	display: inline-block;
	border-radius: 4px;
	background-color: #E5DFCE;
	padding: 10px 16px;
}
.symptom-checkbox input{
	cursor: pointer;
    margin-right: 12px;
}
@media screen and (max-width: 980px) {
	.symptom-checkbox{
		padding: 8px 12px;
	}
}
.symptom-checkbox-title{
	display: inline-block;
	color: #000000;
	font-size: 20px;
}
@media screen and (max-width: 980px) {
	.symptom-checkbox-title{
		font-size: 16px;
	}
}
.symptom-button{
	margin: 60px auto 0 auto;
	display: block;
	border: 1px solid #A61A3A;
	background-color: #A61A3A;
	color: #FFFFFF;
	border-radius: 9999px;
	padding-top: 18px;
	padding-bottom: 18px;
	max-width: 280px;
	width: 100%;
	font-size: 24px;
}
.symptom-button:hover{
	border: 1px solid #A61A3A;
	background-color: #FFFFFF;
	color: #464646;
}
.symptom-result{
	display: none;
	margin-top: 60px;
	text-align: center;
}
.symptom-result-hit{
	font-size: 24px;
}
@media screen and (max-width: 980px) {
	.symptom-result-hit{
		font-size: 20px;
	}
}
.symptom-result-hit-answer{
	color: #A61A3A;
}
.symptom-result-hit-des{
	margin-top: 0;
	font-size: 18px;
}
@media screen and (max-width: 980px) {
	.symptom-result-hit-des{
		font-size: 16px;
	}
}
.symptom-result-hit-des span{
	color: #A61A3A;
	font-size: 24px;
	font-weight: 600;
}
@media screen and (max-width: 980px) {
	.symptom-result-hit-des span{
		font-size: 20px;
	}
}
.symptom-result-triangle{
	margin-top: 24px;
	color: #A61A3A;
	font-size: 30px;
	line-height: 30px;
}
@media screen and (max-width: 980px) {
	.symptom-result-triangle{
		margin-top: 20px;
		font-size: 24px;
	}
}
.symptom-result-hit-title{
	margin-top: 24px;
}
@media screen and (max-width: 980px) {
	.symptom-result-triangle{
		margin-top: 20px;
	}
}
.symptom-result-hit-title span{
	font-size: 40px;
	color: #464646;
}
@media screen and (max-width: 980px) {
	.symptom-result-hit-title span{
		font-size: 30px;
	}
}
.symptom-result-guidance{
	margin-top: 40px;
    font-size: 15px;
}
@media screen and (max-width: 980px) {
	.symptom-result-guidance {
		text-align:left;
	}
}
	
.medical-list{
	list-style: none;
	display: flex;
	column-gap:30px;
    justify-content: space-between;
}
@media screen and (max-width: 980px) {
	.medical-list{
		display: block;
		margin-right: auto;
		margin-left: auto;
	}
}
.medical-column-list{
	list-style: none;
	
}

.medical-column-list:hover .medical-list-item-title{
	color: #A61A3A;
}
.medical-column-list:hover .medical-list-item-text{
	color: #A61A3A;
}
.medical-column-list a{
	color: #464646;
	display: flex;
	column-gap: 23px;
}
.medical-column-list a:hover{
	color: #A61A3A;
}
@media screen and (max-width: 980px) {
	.medical-column-list a{
		display: block;
		margin-right: auto;
		margin-left: auto;
	}
}
.medical-list-item-image{
	margin: 0 auto;
	position: relative;
	width: 450px;
	aspect-ratio: 450/300;
	flex-shrink: 0;
}
.medical-list-item-image img{
	position: relative;
	z-index: 2;
	width: 100%;
	object-fit: cover;
}
@media screen and (max-width: 980px) {
	.medical-list-item-image{
		width: 100%;
	}
}
.medical-list-item{
	width: 100%;
}
@media screen and (max-width: 980px) {
	.medical-list-item{
		max-width: 100%;
	}
}
.medical-column-list-item-image{
	position: relative;
	width: 410px;
	aspect-ratio: 410/250;
}
.medical-column-list-item-image img{
	position: relative;
	z-index: 2;
	width: 100%;
	aspect-ratio: 410/250;
	object-fit: cover;
}
@media screen and (max-width: 980px) {
	.medical-column-list-item-image{
		width: 100%;
	}
}
.medical-column-list-item-image::before{
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	background-color: #707070;
	width: 100%;
}

.medical-column-list-item{
	max-width: 467px;
	width: 100%;
	display:flex;
	flex-direction: column;
}
@media screen and (max-width: 980px) {
	.medical-column-list-item{
		max-width: 100%;
	}
}
.medical-list-item-image::before{
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	background-color: #707070;
	width: 100%;
	height:auto;
	aspect-ratio: 450/300;
}
.medical-list-item-title{
	font-size: 20px;
	line-height: 28px;
	font-weight: 600;
}

@media screen and (max-width: 980px) {
	.medical-list-item-title{
		margin-top: 20px;
	}
}
.medical-list-item-text{
	margin-top: 20px;
	font-size: 16px;
	line-height: 28px;
}
.medical-list-item-text span{
	font-weight: 600;
}
.medical-recommendation-list{
	list-style: none;
	font-size: 16px;
    line-height: 28px;
}
.medical-recommendation-list-item{
	padding-left: 1em;
	text-indent: -1em;
}
.medical-des{
	margin-top: 20px;
	border-radius: 4px;
	background-color: #F7E9E9;
	padding: 20px;
}
.medical-des-title{
	font-size: 16px;
	font-weight: 600;
}
.medical-des-text{
	margin-top: 10px;
	font-size: 14px;
	line-height: 18px;
}
.medical-list-mt80{
	margin-top: 80px;
}
@media screen and (max-width: 980px) {
	.medical-list-reverse{
		display: flex;
		flex-direction: column-reverse;
	}
}
.medical-tel-block{
	text-align: center;
	border: 1px solid #E5DFCE;
	border-radius: 2px;
	background-color: #E5DFCE;
}
.medical-tel-text{
	margin-top: 30px;
	color: #000000;
	font-weight: 600;
}
.medical-tel-image{
	position: relative;
	margin-right: auto;
	margin-left: auto;
	margin-top: 16px;
	margin-bottom: 16px;
	max-width: 265px;
	width: 100%;
	aspect-ratio: 265/34;
}
.medical-tel-image img{
	width: 100%;
}
.medical-tel-button{
	margin-bottom: 30px;
	margin-right: auto;
	margin-left: auto;
	display: block;
	background-color: #A61A3A;
	border: 1px solid #A61A3A;
	border-radius: 9999px;
	padding: 22px 0;
	max-width: 280px;
	width: 100%;
	color: #FFFFFF;
}
@media screen and (max-width: 980px) {
	.medical-tel-button{
		padding: 16px 0;
		max-width: 240px;
	}
}
.medical-tel-button:hover{
	background-color: #FFFFFF;
	border: 1px solid #A61A3A;
	color: #A61A3A;
}
.medical-list-item-text-button{
	margin-top: auto;
	list-style: none;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	font-size: 14px;
	line-height: 18px;
}
.medical-column-list-m60{
	margin-top: 60px;
}
.column-contents{
	margin-bottom: 120px;
}
.medical-list-item-text-button-icon{
	margin-left: 10px;
	position: relative;
	max-width: 16px;
	width: 100%;
	max-height: 16px;
	height: 100%;
}

.medical-treatment-button{
	margin-top: 50px;
	margin-right: auto;
	margin-left: auto;
	list-style: none;
	display: flex;
	justify-content: center;
	background-color: #A61A3A;
	border: 1px solid #A61A3A;
	padding:10px 0;
	max-width: 220px;
	width: 100%;
	color: #FFFFFF;
	letter-spacing: 1.4px;
}
.medical-treatment-button:hover{
	background-color: #FFFFFF;
	color: #A61A3A;
}
.medical-treatment-button-link{
	font-size: 16px;
	line-height: 16px;
}
.medical-treatment-button-icon{
	width:18px;
	height:18px;
	margin: auto 10px auto 0;
}

.medical-treatment-button-icon img{
	border: 1px solid #A61A3A;
	border-radius: 9999px
}

.cancer-list{
	display: flex;
	justify-content: center;
	column-gap: 20px;
	list-style: none;
}

@media screen and (max-width: 540px) {
	.cancer-list{
		text-align: center;
		flex-direction: column;
		column-gap: 0;
		row-gap: 12px;
		width: 90%;
		margin: 0 auto;
	}
}
.cancer-list-item{
	cursor: pointer;
	background-color: #E5DFCE;
	font-size: 20px;
	padding: 10px 26px;
    transition: 0.3s;
}
.cancer-list-item:hover {
    background-color: #BFAB73;
	color: #FFFFFF;
    transition: 0s;
}
.cancer-list-item.is-active{
	background-color: #BFAB73;
	color: #FFFFFF;
}
.cancer-block{
	display: none;
}
.cancer-block.is-show{
	display: block;
}
.medical_table {
    padding: 40px;
    margin: 120px auto 0px auto;
    background: #FAF8F4;
    max-width: 900px;
    width: 90%;
}
.medical_table ul {
    list-style: none;
}
.medical_table ul li {
    position: relative;
    font-size: 16px;
    padding-left: 19px;
    margin-bottom: 14px;
    transition: 0.3s;
}
.medical_table ul li:hover {
    opacity: 0.5;
    transition: 0s;
}
.medical_table ul li:nth-last-child(1) {
    margin-bottom: 0px;
}
.medical_table ul li::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0px;
    transform: translateY(-50%);
    width: 9px;
    height: 9px;
    background: url("../medical/img/table_arrow.svg");
}




/*

toc

*/

.no_bullets {
    padding: 20px !important;
    width: 100% !important;
    margin: 20px auto !important;
}
.no_bullets .toc_list li a {
    position: relative!important;
    color: #464646 !important;
}
.no_bullets .toc_list li a::before {
    position: absolute;
    content: "";
    bottom: 0px;
    left: 0px;
    width: 100%;
    height: 1px;
    background: #464646;
    opacity: 0;
}
.no_bullets .toc_list li a:hover::before {
    opacity: 1;
}


.column_arr {
	position: relative;
	display: flex;
	gap: 40px 24px;
	margin: 40px auto;
}
.column_arr li {
	position: relative;
	display: flex;
	flex-direction: column;
	gap: 8px;
	width: Calc((100% - 48px)/3);
	transition: 0.5s;
}
.column_arr li:hover{
	opacity: 0.5;
	transition: 0.5s;
}
.column_arr li .thumbnail {
	position: relative;
	width: 100%;
	height: auto;
}
.column_arr li .thumbnail::before {
	content: "";
	display: block;
	padding-top: 56.25%;
}
.column_arr li .thumbnail img {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	object-fit: contain;
}
.column_arr li .tag {
}
.column_arr li .tag p {
	display: inline-block;
	font-size: 14px;
    font-weight: 500;
    background: none;
    color: #C11C42;
    padding: 4px 3px;
    border-radius: 2px;
    line-height: 1;
}
.column_arr li .title {
	font-weight: 900;
}
@media screen and (max-width: 750px) {
	.column_arr {
		width: 90%;
		flex-wrap: wrap;
	}
	.column_arr li {
		width: Calc((100% - 24px)/2);
	}
	.column_arr li .thumbnail img {
		max-width: none;
		width: 100%;
	}
	.column_arr li .title {
		max-width: none;
		width: 100%;
	}
	.column_arr li .tag p {
		width: auto;
	}
}
@media screen and (max-width: 500px) {
	.column_arr li {
		width: 100%;
	}
}

.full-size-img img {
	width: 100% !important;
	max-height: 100% !important;
}




/* ヘルスケアカフェ ゲスト紹介追加CSS */
.guest_block {
	display: flex;
	flex-direction: column;
	gap: 20px;
	border: 2px solid #C8C8C8;
	padding: 32px 24px;
}
.guest_block .block_title {
	font-size: 20px;
	padding-bottom: 16px;
	border-bottom: 1px solid #C8C8C8;
	width: 100%;
	font-weight: 500;
}
.guest_block .profile_wrap {
	display: flex;
	gap: 24px;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
}
.guest_block .profile_wrap .profile_img {
	width: 200px;
	height: 200px;
	object-fit: cover;
	flex-shrink: 0;
	margin: 0px auto;
}
.guest_block .profile_wrap .text_wrap {
	display: flex;
	flex-direction: column;
	gap: 12px;
	width: 100%;
}
.guest_block .profile_wrap .text_wrap p {
	margin: auto 0px;
}
.guest_block .guest_names {
	display: flex;
	gap: 8px;
}

@media screen and (max-width: 750px) {
	.guest_block .guest_names{
		flex-direction: column;
	}
}
.guest_block .guest_names .name {
	font-size: 20px;
	margin: auto 0px;
}
.guest_block .guest_names .subtext {
	font-size: 15px;
	margin: auto 0px;
}
.guest_block .description {
	font-size: 15px;
	line-height: 1.6em;
	width: 100%;
	letter-spacing: 0.03em;
}
.mini_arrow_icon {
	position: relative;
	margin: auto 0px;
	white-space: nowrap;
}
.mini_arrow_icon::before {
	position: absolute;
	content: "";
	top: 53%;
	left: 0px;
	transform: translateY(-50%);
	width: 14px;
	height: 14px;
	background-image: url('https://nozakiwomens.com/jpg/news_button.png');
	background-size: contain;
}
.mini_arrow_icon p {
	padding-left: 20px;
	margin: auto 0px;
}
.guest_block .sns_block {
	display: flex;
	gap: 8px;
	font-size: 15px;
	margin-top: 8px;
	align-items: flex-start;
}
.guest_block .sns_block .sns {
	list-style: none;
	display: flex;
	gap: 8px;
}
.guest_block .sns_block p {
	font-size: 14px;
	margin: auto 0px;
}
.guest_block .sns_block li {
	width: 32px;
	height: 32px;
/*	border-radius: 100vh;*/
	overflow: hidden;
	margin: auto 0px;
}
.guest_block .sns_block li a div {
	position: relative;
	width: 100%;
	height: 100%;
}
.guest_block .sns_block li.web a div::before {
	content: "";
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background-image: url('https://nozakiwomens.com/jpg/internet_icon.svg');
	background-size: contain;
}
.guest_block .sns_block li.x a div::before {
	content: "";
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background-image: url('	https://nozakiwomens.com/jpg/x_share.svg');
	background-size: contain;
}
.guest_block .sns_block li.facebook a div::before {
	content: "";
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background-image: url('https://nozakiwomens.com/jpg/facebook_share.svg');
	background-size: contain;
}
.guest_block .sns_block li.instagram a div::before {
	content: "";
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background-image: url('https://nozakiwomens.com/jpg/insta_icon.svg');
	background-size: contain;
}
.guest_block .sns_block li.youtube a div::before {
	content: "";
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background-image: url('https://nozakiwomens.com/jpg/youtube_icon.svg');
	background-size: contain;
}
.guest_block .sns_block li.linkedin a div::before {
	content: "";
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background-image: url('https://nozakiwomens.com/jpg/linkedin_icon.svg');
	background-size: contain;
}
.guest_block .sub_block_title {
	font-size: 18px;
	padding-bottom: 16px;
	border-bottom: 1px solid #C8C8C8;
	width: 100%;
	font-weight: 500;
	margin-top: 20px;
}
.guest_block .logo {
	width: 90%;
	max-width: 200px;
	height: auto;
	object-fit: contain;
	margin-bottom: 16px;
}
.guest_block .sub_block_list {
	display: flex;
	flex-direction: column;
	gap: 16px;
}
.guest_block .sub_block_list li {
	display: flex;
	gap: 16px;
	margin: auto 0px;
}
.guest_block .sub_block_list .label {
	width: 120px;
	flex-shrink: 0;
	font-size: 14px;
	margin: 0px;
}
.guest_block .sub_block_list .value {
	width: auto;
	margin: 0px;
}
.guest_block .spot_name {
	font-size: 18px;
	font-weight: 500;
}
.guest_block .spot_img {
	width: 200px;
	height: auto;
	max-height: 160px;
	object-fit: cover;
	flex-shrink: 0;
}
@media screen and (max-width: 750px) {
	.guest_block .guest_names .name {
		width: auto;
	}
	.guest_block .guest_names .subtext {
		width: auto;
	}
	.guest_block .description {
		margin: 0px;
	}
	.guest_block .sns_block {
		flex-direction: column;
		gap: 16px;
	}
	.guest_block .logo {
		margin: auto 0px;
	}
}
@media screen and (max-width: 620px) {
	.guest_block .profile_wrap {
		flex-direction: column;
		gap: 16px;
	}
	.guest_block .sub_block_list li {
		flex-direction: column;
		gap: 4px;
	}
	.guest_block .spot_img {
		width: 100%;
		max-height: 300px;
	}
}