@charset "UTF-8";

/* --------------------------------
 * base #0081C9
#5BC0F8
#86E5FF
#FFC93C
rgb(0, 129, 201)
rgb(91, 192, 248)
rgb(134, 229, 255)
rgb(255, 201, 60)
 * -------------------------------- */
* {
  box-sizing: border-box;
}

body,
a,
.table {
  color: #111;
  font-family: "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  letter-spacing: 0.1rem;
}
.text-blue {
  color: #6b90db !important;
}
.text-muted {color:#111!important;}
.bg-blue,
.thead-blue,
.badge-primary {
	background-color: #5BC0F8 !important;
}

.bg-lightblue {
  background-color: #ecf7fb !important;
}
.bg-lightblue02 {
  background-color: #fef4f9 !important;
}

.bg-pink {
	background-color: #0081C9 !important;
}

.border-blue {
  border-color: #B2C2E1 !important;
}

.border-top {
  border-width: 2px !important;
}



.title-box2{
  margin: 1em 0;
  padding: 1.5em 1em 1em;
  position: relative;
  border: 1px solid #eb6089;
  background-color: #fcddec;
}

.title-box2-title{
  position: absolute;
  top: -0.8em;
  left: 20px;
  font-weight: bold;
  font-size: 1.1em;
  background-color: #eb6089;
  color: #fff;
  padding: 0 0.5em;
}

.title-box2 p{
  margin: 0;
  padding: 0;
}

body {
  padding: 5px 20px;
  font-family: 'Hiragino Maru Gothic Pro','ヒラギノ丸ゴ Pro W4', sans-serif;
}

p {
  line-height: 1.6rem;
}
.title-m {
font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
font-size:1.8rem;
font-weight:normal;
}
.title-ms {
font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
font-size:1.8rem;
font-weight:normal;
margin-bottom: 0!important;
padding-bottom: 1rem!important;
}
.sub-title-p {
font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
font-size:18px;
padding-bottom:2.3rem;
text-align:center;
}
/* --------------------------------------------------
    ファーストビュー
-------------------------------------------------- */
.header {
  height: 100vh;
}

.header .jumbotron {
  background-image: url("../img/24641463_m.jpg");
  background-size: cover;
  background-position: center top;
  position: relative;
  height: 90%;
  margin-bottom: 0;
}

/* nav
-------------------------------------------------- */
nav.fixed {
  position: fixed;
  top: 0;
  z-index: 999;
  width: 100%;
}

/*    キービジュアル
-------------------------------------------------- */
/*下層ページ*/
.under-layer .jumbotron {
  background-image: url("../img/main-img.jpg");
  background-size: cover;
  background-position: center top;
  margin-bottom: 0;
}


.bg_pattern {
  background-color: #86E5FF;
  opacity: 0.7;
}
.Polka {
  background-image: linear-gradient(184deg, rgba(254, 254, 225, 0.8) 35%, rgba(221, 247, 223, 0.47));
}
.Polka {
  background:#fff;
}
/* --------------------------------------------------
    メイン
-------------------------------------------------- */

/*    トップページ
-------------------------------------------------- */
.tokucho h3 span {
  font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
  margin-right: 1rem;
  border-bottom: 5px solid #5eb147;
}

/*    院内紹介
-------------------------------------------------- */
figcaption {
  padding-left: 1rem;
  border-left: 3px solid #6b90db;
}

/* --------------------------------------------------
    サンプルページ
-------------------------------------------------- */

/*   チャート
-------------------------------------------------- */
.flow > li .flow-icon {
  font-family: 'Montserrat', sans-serif;
  font-size: 18px;
  line-height: 50px;
  width: 50px;
  color: #fff;
  background-color: #6b90db;
  margin: 0 auto 20px;
  display: block;
  text-align: center;
  position: relative;
  letter-spacing: 2px;
}

.flow > li .flow-icon::before {
  content: "";
  border: solid transparent;
  border-width: 8px;
  border-top-color: #6b90db;
  position: absolute;
  top: calc(100% - .2rem);
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

/* --------------------------------------------------
    お問い合せページ
-------------------------------------------------- */
/*WEBでのご予約・お問合せ*/
#formWrap {
	width:700px;
	margin:0 auto;
	color:#555;
	line-height:120%;
	font-size:90%;
}
table.formTable{
	width:100%;
	margin:0 auto;
	border-collapse:collapse;
}
table.formTable td,table.formTable th{
	border:1px solid #ccc;
	padding:10px;
}
table.formTable th{
	width:30%;
	font-weight:normal;
	background:#efefef;
	text-align:left;
}
/*　簡易版レスポンシブ用CSS（必要最低限のみとしています。ブレークポイントも含め自由に設定下さい）　*/
@media screen and (max-width:572px) {
#formWrap {
	width:95%;
	margin:0 auto;
}
table.formTable th, table.formTable td {
	width:auto;
	display:block;
}
table.formTable th {
	margin-top:5px;
	border-bottom:0;
}
form input[type="text"], form textarea {
	width:80%;
	padding:5px;
	font-size:110%;
	display:block;
}
form input[type="submit"], form input[type="reset"], form input[type="button"] {
	display:block;
	width:100%;
	height:40px;
}