@charset "UTF-8";
/* --------------------------------------------------
    COMMON
-------------------------------------------------- */
html { overflow-x: hidden; }
body { line-height: 1.8rem !important; 
		  overflow: hidden;}
.border { border-width: 2px !important; }
.bg-lightblue {	background: #EAF2F4; }
.bg-green { background: #39A869;}
.bg-lightgreen { background: #d5f5d0;}
.bg-yellow { background-color: rgb(255, 255, 68);}

/* 半円背景各種
-------------------------------------------------- */
/* 半月（背景白） */
.half-white:after { background-color: #fff; }
/* 半月（背景薄青） */
.half-lightblue:after { background: #d5f5d0; }
/* 半月（背景緑） */
.half-info:after { background: #39A869; }
/* 共通 */
.half {
    width: 120%;
    height: 100px;
    border-top-left-radius: 50% 120px;
    border-top-right-radius: 50% 120px;
    position: absolute;
    top: 0;
    left: -10%;   
}
.half:after {
	content: ' ';
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: -1;    
}
.half2 {
    width: 120%;
    height: 100px;
    border-top-left-radius: 50% 120px;
    border-top-right-radius: 50% 120px;
    position: absolute;
    top: 0;
    left: -10%;   
}
.half2:after {
	content: ' ';
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: -1;    
}


/* 見出し青丸
-------------------------------------------------- */
.dot {
	padding-left: 1.5rem !important;
	padding-right: 1.5rem !important;
}
.dot:before, .dot:after {
	font-family: "Font Awesome 5 Free";/*忘れずに*/
	content: "\f111";/*アイコンのユニコード*/
	font-size: 1.2rem;/*サイズ*/
	color: #39A869;
	padding: 0 10px;
	vertical-align: middle;
}
/* --------------------------------------------------
    header
-------------------------------------------------- */
header .container-fluid {
	height: 5vh;
	width: 100%;
	/*background: url(../img/main-img.jpg);*/
	background-size: cover;
	background-position: 50% 100%;
}
.div-main-img{
	width: 100%;
}
.main-img{
	width: 100%;
}
.pc{
	margin-bottom: 80px;
}
.phone{
	margin-bottom: 100px;
}
/*    グローバルナビ
-------------------------------------------------- */
.breadcrumb {
	background: transparent;
}
.breadcrumb-item + .breadcrumb-item::before {
	content: '>';
	color: #fff;
}
/* --------------------------------------------------
    トップページ
-------------------------------------------------- */
.balloon {
	width: 130px;
	height: 130px;
	top: -50px;
	z-index: 10;
	left: -20px;
	font-size: 15px;
}
.balloon-s {
	width: 110px;
	height: 110px;
	top: -20px;
	z-index: 10;
	left: -20px;
	font-size: 14px;
}
.balloon-original:before, .balloon-s:before {
	content: "";
	position: absolute;
	bottom: -1px;
	right: 40px;    /*	right: -5px;*/
	margin-top: -15px;
	border: 10px solid transparent;
	border-left: 30px solid #fff;
	z-index: 0;
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(55deg);
}

table tr:last-child {
	border-bottom: 1px solid #dee2e6;
}
table tr:nth-child(even) {
	background-color: #F9F9F9;
}
table tr:nth-child(odd) {
	background-color: #E4E9EF;
}
/* --------------------------------------------------
    サンプルページ
-------------------------------------------------- */
.season {
	width: 70px;
	height: 70px;
	left: 10px;
	padding: 0.34em;
}
.season div {
	display: block;
	width: 100%;
	height: 100%;
	border: 2.4px dotted #fff;
}
.title {
	border-bottom: 2px solid #17a2b8;
}
.stripe {
	background: repeating-linear-gradient(90deg, #fff 0, #fff 40%, #17a2b8 40%, #17a2b8 60%, #fff 60%, #fff 70%);
}


/*全体部分*/
.text-green{
	color: #39A869 !important;
}
.sma{
    display: none;
}

/*ヘッダー部分*/
/*.nav-item-original{
	font-size: 13px;
}*/
/*.img-fluid {
    box-shadow: 0 0 10px white;
}*/
/*メインページ診療案内リンク先*/

.anchor1 {
	display: block;
	padding-top: 110px;
	margin-top: -110px;
  }

.log{
	margin-left: 25%;
	margin-right: 5%;
}

.nav-link{
	width: 120px;
	height: 120px;
	text-decoration: none;
}
.bg-info-original{
	position: absolute;
	width: 100%;
	height: 100px;
	z-index: -1;
}
.navbar-original{
	z-index: 5;
}
.k-word{
	font-size: 20px;
	padding-top: 20px;
}

/*ヘッダー固定*/
.navbar-1 {
	position: relative;
	display: -ms-flexbox;
	display: flex;
	/*-ms-flex-wrap: wrap;
	flex-wrap: wrap;*/
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: justify;
	/*justify-content: right;*/
	padding: 0.5rem 1rem;
  }
  nav.fixed {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 999;
	width: 100%;
	background-color: #39A869;

  }
  .nav-text{
	color: #fff !important;
	margin: 20px;
  }
  /*.kankaku{
	margin: 0 20px!important;
  }*/
/*電話するボタン*/
.btn-nav{
	background-color: #d5f5d0;
	/*flex: 1;*/
	margin-right: 5px;
	color: #000;
	padding: 5px!important;
  } 
  .btn-tell-home{
	/*flex: 1;*/
	margin-right: 35%;
	margin-left: 20px;
	color: #fff;
	padding: 0!important;
	font-weight: bold;
  }
  .btn-tell-home:hover {
	color: #fff;
  }
  @media (min-width: 768px) {
	.btn-tell {
	  display: none;
	}
}
@media (min-width: 767.98px) and (max-width: 992px) {
	.log{
		margin-left: 20%;
		margin-right: 0%;
	}
	.kankaku {
		margin: 0 12px!important;
	}

}


/*診療案内*/
.flex-calc{
	/*width: 100%;*/
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px;
}
.grid__item{
	flex: 0 0 calc(33.333333% - 10px);
  }
  .medical-care-img{
    margin: auto;
	display: block;
  }
  .d-flex-original {
    border-radius: 30px;
    background-color: #ffff69;
    border-top: solid 3px #ffff69;
    border-bottom: solid 3px #ffff69;
    border-right: solid 3px #ffff69;
    border-left: solid 3px #ffff69;
    margin-bottom: 10px;
}

.card-shadows{
	box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
border-radius: 30px;
border-top: solid 3px #fff;
border-bottom: solid 3px #fff;
border-right: solid 3px #fff;
border-left: solid 3px #fff;
}

/*院内紹介*/
.half-original{
	width: 120%;
    height: 160px;
    border-top-left-radius: 50% 120px;
    border-top-right-radius: 50% 120px;
    position: absolute;
    top: 0;
    left: -10%;
}
.row1{
	margin-top: 40px;
}
.row2{
	margin-right: -15px;
    margin-left: -15px;
	justify-content: center;
	margin-top: 60px;
}
.rounded-original {
    border-radius: 2rem!important;
}
.balloon-original {
    width: 480px;
    height: 150px;
    top: -80px;
    z-index: 10;
    left: -5px;
    font-size: 1rem;
	line-height: 1.2rem;
}
.speech-bubble-h{
	margin-bottom: 10px;
}
.px-2-original{
	margin-bottom: 2.5rem!important;
}
.px-2-original2{
	margin-bottom: 2.5rem!important;
}
.speech-bubble{
	width: 100%;
}
.speech-bubble > div{
	width: 70%;
}

/*スタッフ募集*/
.section-original{
	border-top-left-radius: 50% 120px;
    border-top-right-radius: 50% 120px;
}
.fill{
	width: 100%;
	height: 15px;
	z-index: -1;
}
.bg-green-kado{
	margin: 0 100px;
}

/*診療時間*/
.continer-fluid-original{
	position: relative;
	height: 400px;
}
.schedule{
	position: absolute;
	top: 55%;
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
}
.box1{
	width: 340px;
	height: 60px;
	font-size: 20px;
}
.box2{
	width: 200px;
	height: 60px;
	font-size: 20px;
}
.text-white{
	color: #fff;
}
.bg-lightgray{ background-color: #dbdbdb;}
.bg-white{ background-color: #ffffff;}
.kyuusinnbi{
	float: left;
	font-size: 20px;
	color: red;
	margin-top: 10px;
}
.sec4-original {

}

/*診療時間表*/
.biz-hour {
	display: block;
	border-collapse: collapse;
	font-weight: bold;
	/* overflow-x: scroll;で、
	スマホ画面幅に表が入りきらない場合は
	横スクロールしてくれます */
	/*overflow-x: scroll;*/
  }
  
  .biz-hour th {
	/* １番上の線 */
	/* #A28C63っていうのが色の名前なので、ここをお好みで */
	border-top: 1px solid #A28C63;
  }
  
  .biz-hour th, .biz-hour td {
	/*padding: 10px 20px;*/
	text-align: center;
	/* ２番目以降の線 */
	/* 色はお好みで */
	border-bottom: 1px solid #A28C63;
  }
  
  /* スマホ時に横スクロールしないよう、横の余白（padding）を20px→10pxに */
  @media screen and (max-width: 559px) {
	.biz-hour th, .biz-hour td {
	  padding: 5px 8px;
	}
  }
  
  /*.biz-hour th {
	font-weight: normal;
  }*/
  
  /* 「土」の文字色 */
  .biz-hour th.sat {
	color: #3db2da;
  }
  
  /* 「日」の文字色 */
  .biz-hour th.sun {
	color: #e66a6a;
  }

  /*フッター*/
  .footer-width{
	width: 80%;
	margin: 0 auto;
  }
  /*メインページ地図*/
.gmap {
	display: block;
	height: 0;
	overflow: hidden;
	padding-bottom: 56.25%;
	position: relative;
	width: 100%;
	}
	.gmap iframe {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	}

.header-comment{
	position: absolute;
	font-size: 150px;
	color: #39A869;
	text-shadow:  5px 5px 5px #ffffff;
	top:85%;
	left:50%;
	transform:translate(-50%,-50%);
	width:100%;
	text-align: center;
}
	
/*お知らせ*/

.news-original{
		display: -ms-flexbox;
		display: flex;
		margin-right: -15px;
		margin-left: -15px;
		padding-left: 10%;
}
.news-coment{
	top: 4px;
}

/*==================================================
スライダーのためのcss
===================================*/
.wrapper{

}
.slick-list{
	height: 100%;
}
.slick-track{
	height: 100%;
}
.slider {
    position:relative;
  z-index: 0;
  /*↑z-indexの値をh1のz-indexの値よりも小さくして背景に回す*/
  /*スライダー全体の縦幅を画面の高さいっぱい（100vh）にする*/
  padding-left: 0!important;
  height: 120vh;
}
/*ヘッダー画像用（メイン画像）*/
@media screen and (max-width: 1400px) {
	.slider{
		height: 130vh!important;
	}
}
@media screen and (max-width: 767.98px) {
	.slider{
		height: 80vh!important;
	}
}
/*　背景画像設定　*/

.slider-item01 {
    background:url(../img/S__3383384.jpg);
	height: 100%;
	width: auto;
	object-fit: cover;
}

.slider-item02 {
    background:url(../img/S__3383385.jpg);
	height: 100%;
	width: auto;
	object-fit: cover;
}
.slider-item03 {
    background:url(../img/S__3383362.jpg);
	height: 100%;
	width: auto;
	object-fit: cover;
	background-position: 30% 50% !important;
}
.slider-item04 {
    background:url(../img/S__3383360.jpg);
	height: 100%;
	width: auto;
	object-fit: cover;
	background-position: 50% 25% !important;
}

/*.slider-item03 {
    background:url(https://coco-factory.jp/ugokuweb/wp-content/themes/ugokuweb/data/6-1-2/img/img_03.jpg);
}*/

.slider-item {
    width: 100%;/*各スライダー全体の横幅を画面の高さいっぱい（100%）にする*/
    /*height:100vh;/*各スライダー全体の縦幅を画面の高さいっぱい（100vh）にする*/
    background-repeat: no-repeat;/*背景画像をリピートしない*/
    background-position: center;/*背景画像の位置を中央に*/
    background-size: cover;/*背景画像が.slider-item全体を覆い表示*/
}

/*矢印の設定*/

.slick-prev, 
.slick-next {
    position: absolute;
  z-index: 3;
    top: 42%;
    cursor: pointer;/*マウスカーソルを指マークに*/
    outline: none;/*クリックをしたら出てくる枠線を消す*/
    border-top: 2px solid #fff;/*矢印の色*/
    border-right: 2px solid #fff;/*矢印の色*/
    height: 25px;
    width: 25px;
}

.slick-prev {/*戻る矢印の位置と形状*/
    left:2.5%;
    transform: rotate(-135deg);
}

.slick-next {/*次へ矢印の位置と形状*/
    right:2.5%;
    transform: rotate(45deg);
}

/*ドットナビゲーションの設定*/

.slick-dots {
  position: relative;
  z-index: 3;
    text-align:center;
  margin:-50px 0 0 0;/*ドットの位置*/
}

.slick-dots li {
    display:inline-block;
  margin:0 5px;
}

.slick-dots button {
    color: transparent;
    outline: none;
    width:8px;/*ドットボタンのサイズ*/
    height:8px;/*ドットボタンのサイズ*/
    display:block;
    border-radius:50%;
    background:#fff;/*ドットボタンの色*/
}

.slick-dots .slick-active button{
    background:#333;/*ドットボタンの現在地表示の色*/
}

/*院長挨拶*/
.aisatu{
	width: 100%;
}
.aisatu-left{
	width: 100%;
	position: relative;
}
.aisatu-img-div{
	width: 51%;
	text-align: right;
}
.aisatu-right{
	width: 100%;
	font-size: 27px;
	line-height: 3rem;
	/*padding-left: 20%;*/
	padding-top: 50px;
	text-align: center;
}
.aisatu-left-div{
	position: absolute;
	bottom: 3%;
	left: 50%;
	font-size: 20px;
	line-height: 2.5rem;
	text-shadow: 1px 2px 3px #808080;
	margin-left: -1%;
}
.aisatu-point{
	margin-top: 30px;
	line-height: 4rem;
	font-size: 30px;
	color: #d17600;
	padding-bottom: 20px;
}

.inchou-img{
    width: 50%;
    height: auto;
}
.aisatu-name{
	font-size: 28px;
}
.aisatu-name-underline{
	border-bottom:solid #000 2px;
	padding-bottom: 10px;
}
.aisatu-left-div-1{
	margin-bottom: 15px;
}
.aisatu-left-div-2{
	margin-bottom: 15px;
}
.keireki{
	margin-left: 3px;
}

/*院内紹介*/
.introduction1{
	padding: 0 5%;
	display: flex;
}
.introduction1-2{
	padding-bottom: 50px;
}
.introduction{
	padding-top: 50px;
	display: flex;
	width: 80%;
	margin-left: 10%;
}
.introduction-first{
	padding-top: 15px !important;
}
.introduction-div-l{
	text-align: right
}
.introduction-div-r{
	position:relative;
	font-size: 20px;
	width: 60%;
}
.introduction-text{
	position:absolute;
	top:45%;
	transform:translateY(-50%);
	padding-left: 20px;
}
.introduction-div-comento{
	font-size: 30px;
	line-height: 3.5rem;
}
.introduction-div-img{
	width: 70%;
}