@charset "UTF-8";
/* Reset
----------------------------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

html {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

q, blockquote {
  quotes: none;
}
q:before, q:after, blockquote:before, blockquote:after {
  content: "";
  content: none;
}

a img {
  border: none;
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block;
}

/* Margin
----------------------------------------------------------*/
.mt_0 {
  margin-top: 0px !important;
}

.mr_0 {
  margin-right: 0px !important;
}

.mb_0 {
  margin-bottom: 0px !important;
}

.ml_0 {
  margin-left: 0px !important;
}

.mt_10 {
  margin-top: 10px !important;
}

.mr_10 {
  margin-right: 10px !important;
}

.mb_10 {
  margin-bottom: 10px !important;
}

.mb_20 {
  margin-bottom: 20px !important;
}

.ml_10 {
  margin-left: 10px !important;
}

.mt_20 {
  margin-top: 20px !important;
}

.mr_20 {
  margin-right: 20px !important;
}

.mb_20 {
  margin-bottom: 20px !important;
}

.ml_20 {
  margin-left: 20px !important;
}

.mt_30 {
  margin-top: 30px !important;
}

.mr_30 {
  margin-right: 30px !important;
}

.mb_30 {
  margin-bottom: 30px !important;
}

.ml_30 {
  margin-left: 30px !important;
}

.mt_40 {
  margin-top: 40px !important;
}

.mr_40 {
  margin-right: 40px !important;
}

.mb_40 {
  margin-bottom: 40px !important;
}

.ml_40 {
  margin-left: 40px !important;
}

.mt_50 {
  margin-top: 50px !important;
}

.mr_50 {
  margin-right: 50px !important;
}

.mb_50 {
  margin-bottom: 50px !important;
}

.ml_50 {
  margin-left: 50px !important;
}

.mt_60 {
  margin-top: 60px !important;
}

.mr_60 {
  margin-right: 60px !important;
}

.mb_60 {
  margin-bottom: 60px !important;
}

.ml_60 {
  margin-left: 60px !important;
}

.mt_70 {
  margin-top: 70px !important;
}

.mr_70 {
  margin-right: 70px !important;
}

.mb_70 {
  margin-bottom: 70px !important;
}

.ml_70 {
  margin-left: 70px !important;
}

.mt_80 {
  margin-top: 80px !important;
}

.mr_80 {
  margin-right: 80px !important;
}

.mb_80 {
  margin-bottom: 80px !important;
}

.ml_80 {
  margin-left: 80px !important;
}

.mt_90 {
  margin-top: 90px !important;
}

.mr_90 {
  margin-right: 90px !important;
}

.mb_90 {
  margin-bottom: 90px !important;
}

.ml_90 {
  margin-left: 90px !important;
}

.mt_100 {
  margin-top: 100px !important;
}

.mr_100 {
  margin-right: 100px !important;
}

.mb_100 {
  margin-bottom: 100px !important;
}

.ml_100 {
  margin-left: 100px !important;
}

/* Padding
----------------------------------------------------------*/
.pt_10 {
  padding-top: 10px !important;
}

.pr_10 {
  padding-right: 10px !important;
}

.pb_10 {
  padding-bottom: 10px !important;
}

.pl_10 {
  padding-left: 10px !important;
}

.pt_20 {
  padding-top: 20px !important;
}

.pr_20 {
  padding-right: 20px !important;
}

.pb_20 {
  padding-bottom: 20px !important;
}

.pl_20 {
  padding-left: 20px !important;
}

.pt_30 {
  padding-top: 30px !important;
}

.pr_30 {
  padding-right: 30px !important;
}

.pb_30 {
  padding-bottom: 30px !important;
}

.pl_30 {
  padding-left: 30px !important;
}

.pt_40 {
  padding-top: 40px !important;
}

.pr_40 {
  padding-right: 40px !important;
}

.pb_40 {
  padding-bottom: 40px !important;
}

.pl_40 {
  padding-left: 40px !important;
}

.pt_50 {
  padding-top: 50px !important;
}

.pr_50 {
  padding-right: 50px !important;
}

.pb_50 {
  padding-bottom: 50px !important;
}

.pl_50 {
  padding-left: 50px !important;
}

.pt_60 {
  padding-top: 60px !important;
}

.pr_60 {
  padding-right: 60px !important;
}

.pb_60 {
  padding-bottom: 60px !important;
}

.pl_60 {
  padding-left: 60px !important;
}

.pt_70 {
  padding-top: 70px !important;
}

.pr_70 {
  padding-right: 70px !important;
}

.pb_70 {
  padding-bottom: 70px !important;
}

.pl_70 {
  padding-left: 70px !important;
}

.pt_80 {
  padding-top: 80px !important;
}

.pr_80 {
  padding-right: 80px !important;
}

.pb_80 {
  padding-bottom: 80px !important;
}

.pl_80 {
  padding-left: 80px !important;
}

.pt_90 {
  padding-top: 90px !important;
}

.pr_90 {
  padding-right: 90px !important;
}

.pb_90 {
  padding-bottom: 90px !important;
}

.pl_90 {
  padding-left: 90px !important;
}

.pt_100 {
  padding-top: 100px !important;
}

.pr_100 {
  padding-right: 100px !important;
}

.pb_100 {
  padding-bottom: 100px !important;
}

.pl_100 {
  padding-left: 100px !important;
}

/* Float
----------------------------------------------------------*/
.alignleft {
  float: left;
}

.alignright {
  float: right;
}

.aligncenter {
  display: block;
  margin: 0px auto;
  clear: both;
}

img.alignleft {
  margin: 0 1em 1em 0;
}
img.alignright {
  margin: 0 0 1em 1em;
}

/* Font
----------------------------------------------------------*/
.wf-roundedmplus1c { 
	font-family: "M PLUS Rounded 1c";
	transform: rotate(0.001deg);
	font-style: normal;
	font-weight: 500;
}

.wfhutoji{
  font-family: m-plus-rounded-1m, sans-serif;
  font-weight: 700;
  font-style: normal;
  display: inline-block;
  transform: rotate(0.001deg);
}
/* font-size */
.fs_10 {
  font-size: 10px !important;
  font-size: 1rem !important;
}

.fs_11 {
  font-size: 11px !important;
  font-size: 1.1rem !important;
}

.fs_12 {
  font-size: 12px !important;
  font-size: 1.2rem !important;
}

.fs_13 {
  font-size: 13px !important;
  font-size: 1.3rem !important;
}

.fs_14 {
  font-size: 14px !important;
  font-size: 1.4rem !important;
}

.fs_15 {
  font-size: 15px !important;
  font-size: 1.5rem !important;
}

.fs_16 {
  font-size: 16px !important;
  font-size: 1.6rem !important;
}

.fs_17 {
  font-size: 17px !important;
  font-size: 1.7rem !important;
}

.fs_18 {
  font-size: 18px !important;
  font-size: 1.8rem !important;
}

.fs_19 {
  font-size: 19px !important;
  font-size: 1.9rem !important;
}

.fs_20 {
  font-size: 20px !important;
  font-size: 2rem !important;
}

.fs_21 {
  font-size: 21px !important;
  font-size: 2.1rem !important;
}

.fs_22 {
  font-size: 22px !important;
  font-size: 2.2rem !important;
}

.fs_23 {
  font-size: 23px !important;
  font-size: 2.3rem !important;
}

.fs_24 {
  font-size: 24px !important;
  font-size: 2.4rem !important;
}

.fs_25 {
  font-size: 25px !important;
  font-size: 2.5rem !important;
}

.fs_26 {
  font-size: 26px !important;
  font-size: 2.6rem !important;
}

.fs_27 {
  font-size: 27px !important;
  font-size: 2.7rem !important;
}

.fs_28 {
  font-size: 28px !important;
  font-size: 2.8rem !important;
}

.fs_29 {
  font-size: 29px !important;
  font-size: 2.9rem !important;
}

.fs_30 {
  font-size: 30px !important;
  font-size: 3rem !important;
}

.fs_31 {
  font-size: 31px !important;
  font-size: 3.1rem !important;
}

.fs_32 {
  font-size: 32px !important;
  font-size: 3.2rem !important;
}

.fs_33 {
  font-size: 33px !important;
  font-size: 3.3rem !important;
}

.fs_34 {
  font-size: 34px !important;
  font-size: 3.4rem !important;
}

.fs_35 {
  font-size: 35px !important;
  font-size: 3.5rem !important;
}

.fs_36 {
  font-size: 36px !important;
  font-size: 3.6rem !important;
}

.fs_37 {
  font-size: 37px !important;
  font-size: 3.7rem !important;
}

.fs_38 {
  font-size: 38px !important;
  font-size: 3.8rem !important;
}

.fs_39 {
  font-size: 39px !important;
  font-size: 3.9rem !important;
}

.fs_40 {
  font-size: 40px !important;
  font-size: 4rem !important;
}

/* font-weight */
.fw_b {
  font-weight: bold !important;
}

.fw_n {
  font-weight: normal !important;
}

/* line-height */
.lh_10 {
  line-height: 1 !important;
}

.lh_11 {
  line-height: 1.1 !important;
}

.lh_12 {
  line-height: 1.2 !important;
}

.lh_13 {
  line-height: 1.3 !important;
}

.lh_14 {
  line-height: 1.4 !important;
}

.lh_15 {
  line-height: 1.5 !important;
}

.lh_16 {
  line-height: 1.6 !important;
}

.lh_17 {
  line-height: 1.7 !important;
}

.lh_18 {
  line-height: 1.8 !important;
}

.lh_19 {
  line-height: 1.9 !important;
}

.lh_20 {
  line-height: 2 !important;
}

/* text-align */
.ta_left {
  text-align: left !important;
}

.ta_right {
  text-align: right !important;
}

.ta_center {
  text-align: center !important;
}

/* vertical-align */
.va_top {
  vertical-align: top !important;
}

.va_bottom {
  vertical-align: bottom !important;
}

.va_middle {
  vertical-align: middle !important;
}

.blink {
  animation: blinkAnime 0.4s infinite alternate;
}
@keyframes blinkAnime{
   0% { color: rgba(51, 51, 51, 0.20) }
 100% { color: #0E396A }
}

.fuchidori {
  -webkit-text-stroke: 0.5px #FFF;
  text-stroke: 0.5px #FFF;
}

/* hr
---------------------------------------------------------*/
hr {
   border-width: 1px 0px 0px 0px; /* 太さ */
   border-style: dashed; /* 線種 */
   border-color: #DC7B89;   /* 線色 */
   height: 2px;         /* 高さ(※古いIE用) */
}


/* Form
----------------------------------------------------------*/
button,
input,
select,
textarea {
  max-width: 100%;
  box-sizing: border-box;
  font-size: 100%;
  vertical-align: baseline;
  border: 1px solid #CCC;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}

/* テキスト・テキストエリア */
input[type="text"], input[type="email"], input[type="tel"], input[type="url"], input[type="password"], input[type="search"] {
  padding: 5px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

textarea {
  padding: 5px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

/* ボタン */
button {
  padding: 10px 20px;
  color: #fff;
  border: 1px solid #000;
  background: #000;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
button:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
}

input[type="button"], input[type="submit"] {
  padding: 10px 20px;
  color: #fff;
  border: 1px solid #000;
  background: #000;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
input[type="button"]:hover, input[type="submit"]:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
}
input[type="reset"] {
  padding: 10px 20px;
  color: #999;
  border: 1px solid #CCC;
  background: #fff;
}
input[type="reset"]:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
}

input[type="button"][disabled], input[type="reset"][disabled], input[type="submit"][disabled] {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
  cursor: default;
}

label:hover {
  cursor: pointer;
}

/* Column
----------------------------------------------------------*/
.row {
  display: -webkit-flex;
  display: flex;
  margin: 40px -30px 0;
}
@media screen and (max-width: 768px) {
  .row {
    display: block;
    margin: 40px 0 0;
  }
}

.col-1 {
  width: 8.33333%;
}

.col-2 {
  width: 16.666666%;
}

.col-3 {
  width: 24.99999%;
}

.col-4 {
  width: 33.33333%;
}

.col-5 {
  width: 41.66666%;
}

.col-6 {
  width: 49.99999%;
}

.col-7 {
  width: 58.33333%;
}

.col-8 {
  width: 66.66666%;
}

.col-9 {
  width: 74.99999%;
}

.col-10 {
  width: 83.33333%;
}

.col-11 {
  width: 91.66666%;
}

.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11 {
  padding-left: 30px;
  padding-right: 30px;
}
@media screen and (max-width: 768px) {
  .col-1,
  .col-2,
  .col-3,
  .col-4,
  .col-5,
  .col-6,
  .col-7,
  .col-8,
  .col-9,
  .col-10,
  .col-11 {
    width: auto;
    margin: 1.7em 0 0;
    padding-left: 0;
    padding-right: 0;
  }
}
@media screen and (max-width: 768px) {
  .col-1:nth-child(1),
  .col-2:nth-child(1),
  .col-3:nth-child(1),
  .col-4:nth-child(1),
  .col-5:nth-child(1),
  .col-6:nth-child(1),
  .col-7:nth-child(1),
  .col-8:nth-child(1),
  .col-9:nth-child(1),
  .col-10:nth-child(1),
  .col-11:nth-child(1) {
    margin-top: 0;
  }
}

.row.pd-20 {
  margin-left: -20px;
  margin-right: -20px;
}
@media screen and (max-width: 768px) {
  .row.pd-20 {
    display: block;
    margin: 40px 0 0;
  }
}
.row.pd-20 .col-1,
.row.pd-20 .col-2,
.row.pd-20 .col-3,
.row.pd-20 .col-4,
.row.pd-20 .col-5,
.row.pd-20 .col-6,
.row.pd-20 .col-7,
.row.pd-20 .col-8,
.row.pd-20 .col-9,
.row.pd-20 .col-10,
.row.pd-20 .col-11 {
  padding-left: 20px;
  padding-right: 20px;
}
@media screen and (max-width: 768px) {
  .row.pd-20 .col-1,
  .row.pd-20 .col-2,
  .row.pd-20 .col-3,
  .row.pd-20 .col-4,
  .row.pd-20 .col-5,
  .row.pd-20 .col-6,
  .row.pd-20 .col-7,
  .row.pd-20 .col-8,
  .row.pd-20 .col-9,
  .row.pd-20 .col-10,
  .row.pd-20 .col-11 {
    width: auto;
    margin: 1.7em 0 0;
    padding-left: 0;
    padding-right: 0;
  }
}

/* Clearfix
----------------------------------------------------------*/
.clearfix:after {
  content: ".";
  display: block;
  visibility: hidden;
  height: 0.1px;
  font-size: 0.1em;
  line-height: 0;
  clear: both;
}

* html .clearfix {
  zoom: 1;
}

/* IE6 */
*:first-child + html .clearfix {
  zoom: 1;
}

/* IE7 */
.clear {
  clear: both;
}


/*フォントカラー*/
.fc_pink {
	color: #B95061;
}

.fc_blue {
  color: #2685BF;
}

.fc_green {
	color: #0E586B;
}

.fc_beige {
	color: #f2ebdf;
}

.fc_orange {
  color: #ee791b;
}

.fc_brown {
	color: #8c5e5e;
}
.fc_indigo {
	color: #0E396A;
}
.fc_red {
	color: #c30d23;
}

span.marker {
    background: linear-gradient(transparent 10%, #DC7B89 80%);
}

span.marker02 {
    background: linear-gradient(transparent 10%, #6F9DD1 80%);
}

/*文字間*/
.ls_1 {letter-spacing: 0.5em;
}

.ls_2 {letter-spacing: 1em;
}
/* 全体
----------------------------------------------------------*/
* {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

html {
  font-size: 62.5%;
  /* 10px */
}

body {
  overflow-x: hidden;

	font-family: fot-seurat-pron, sans-serif;
	transform: rotate(0.001deg);
	font-style: normal;
	font-weight: 600;
  font-size: 1.4em;
  letter-spacing: 0em;
  line-height: 1.7;
	background-color: #fff;
}

img {
  max-width: 100%;
  height: auto;
  vertical-align: middle;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 3em 0 1em 0;
  font-weight: normal;
}
h1:nth-child(1),
h2:nth-child(1),
h3:nth-child(1),
h4:nth-child(1),
h5:nth-child(1),
h6:nth-child(1) {
  margin-top: 0;
}

h1 {
  font-size: 22px;
  font-size: 2.2rem;
  font-weight: bold;
}

h2 {
  font-size: 22px;
  font-size: 2.2rem;
}
h2.ttl {
  font-weight: bold;
  line-height: 1.4;
  text-align: center;
}
h2.ttl span {
  display: block;
  color: #8c5e5e;
  font-size: 16px;
  font-size: 1.6rem;
}

h3 {
  font-size: 20px;
  font-size: 2rem;
}
h3.ttl {
  color: #8c5e5e;
  font-weight: bold;
  text-align: center;
}

h4 {
	color: #fff;
 padding: .5em 1.5em;
	background-color: #DC7B89;
  border: 2px solid #DC7B89;
  border-radius: 4px;
  width: 100%;
  font-size: 18px;
  text-align: center;
}

h5 {
  font-size: 16px;
  font-size: 1.6rem;
}

h6 {
  font-size: 14px;
  font-size: 1.4rem;
}

p,
ul,
ol,
dl,
table,
blockquote,
iframe {
  margin-top: 1.7em;
}
p:nth-child(1),
ul:nth-child(1),
ol:nth-child(1),
dl:nth-child(1),
table:nth-child(1),
blockquote:nth-child(1),
iframe:nth-child(1) {
  margin-top: 0;
}

ul {
  margin-left: 2em;
  list-style-type: disc;
}

ol {
  margin-left: 2em;
  list-style-type: decimal;
}

dl dt {
  margin: 1.7em 0 0 0;
  font-weight: bold;
}
dl dt:nth-child(1) {
  margin: 0;
}

table {
  width: 100%;
/*  background: url(../images/common/bg_dot01.png) repeat-x left top;*/
}
@media screen and (max-width: 768px) {
  table {
    font-size: 12px;
    font-size: 1.2rem;
  }
}
table tr {
/*  background: url(../images/common/bg_dot01.png) repeat-x left bottom;*/
}
table th,
table td {
  padding: 20px;
}
@media screen and (max-width: 768px) {
  table th,
  table td {
    padding: 10px;
  }
}
table th {
  font-weight: bold;
  text-align: left;
  vertical-align: top;
}

iframe {
  max-width: 100%;
}

@media screen and (max-width: 768px) {
iframe {
  max-width: 100%;
  margin-left: 8px;
}
}

strong {
  font-weight: bolder;
}

sup,
sub {
  font-size: 10px;
  height: 0;
  line-height: 1;
  position: relative;
  vertical-align: baseline;
}

sup {
  bottom: 1ex;
}

sub {
  top: .5ex;
}

a {
  color: #0E586B;
  text-decoration: none;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
a:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  opacity: 0.5;
}
.dib {
  display: inline-block;
}
@media screen and (max-width: 768px) {
.dib {
  display: block;
}
}
.photo_kadomaru {
	border-radius: 10px;
}

/* ヘッダー
----------------------------------------------------------*/
.container {
  position: relative;
  width: 1180px;
  margin: 10px auto;
  padding-left: 10px;
  padding-right: 10px;
}
@media screen and (max-width: 768px) {
  .container {
    width: auto;
  }
}

body.top #header {
 padding: 50px 0 60px;
  text-align: right;
/*  border-top: 5px solid #60bfb6;
	border-bottom: 5px solid #60bfb6;*/
	background: url("../images/index/top_img.jpg") no-repeat;
	height: 500px;
	background-size:cover;
}


@media screen and (max-width: 768px) {
 body.top #header {
    padding: 0;
  }
}
#header .logo {
  position: absolute;
/*  top: -50px;*/
  left: 20px;
  z-index: 1000;
  margin: 0;
}
@media screen and (max-width: 768px) {
  #header .logo {
    position: static;
    padding: 10px 0;
  }
}
@media screen and (max-width: 768px) {
  #header .logo a {
    display: block;
    width: 190px;
    height: 70px;
    margin: 0 auto;
    background: url(../images/common/h_logo02.png) no-repeat 50% 50%;
    background-size: auto 70px;
  }
}
@media screen and (max-width: 768px) {
  #header .logo img {
    display: none;
  }
}
#header .menu {
  position: absolute;
  top: 20px;
  right: 10px;
  display: none;
  margin: 0;
}
@media screen and (max-width: 768px) {
  #header .menu {
    display: block;
  }
}
#header .menu a {
  position: relative;
  display: block;
  width: 40px;
  height: 40px;
}
#header .menu a:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}

#header .menu a span {
  position: absolute;
  top: 18px;
  left: 8px;
  display: block;
  width: 24px;
  height: 3px;
  background: #DC7B89;
  -moz-transition: 0.4s;
  -o-transition: 0.4s;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
#header .menu a:before {
  position: absolute;
  top: 12px;
  left: 8px;
  content: "";
  display: block;
  width: 24px;
  height: 3px;
  background: #DC7B89;
  -moz-transition: 0.4s;
  -o-transition: 0.4s;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
#header .menu a:after {
  position: absolute;
  top: 24px;
  left: 8px;
  content: "";
  display: block;
  width: 24px;
  height: 3px;
  background: #DC7B89;
  -moz-transition: 0.4s;
  -o-transition: 0.4s;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
#header .menu a.active span {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
}
#header .menu a.active:before {
  -moz-transform: translateY(6px) rotate(-315deg);
  -ms-transform: translateY(6px) rotate(-315deg);
  -webkit-transform: translateY(6px) rotate(-315deg);
  transform: translateY(6px) rotate(-315deg);
}
#header .menu a.active:after {
  -moz-transform: translateY(-6px) rotate(315deg);
  -ms-transform: translateY(-6px) rotate(315deg);
  -webkit-transform: translateY(-6px) rotate(315deg);
  transform: translateY(-6px) rotate(315deg);
}
/*ヘッダー時間*/
#header .hour {
  width: 350px;
  padding: 10px 20px;;
  float: right;
  color: #0E396A;
  margin-top: 60px;
}

@media screen and (max-width: 768px) {
  #header .hour {
    width: auto;
    float: none;
	margin-top: 50px;
  }
}
@media screen and (max-width: 768px) {
  #header .hour table {
    font-size: 1.4rem;
	font-weight: 600;
	background-color: rgba( 255, 255, 255, 0.45 );
  }
}
#header .hour table tr {
  border-top: 1px solid #0E396A;
}
#header .hour table th,
#header .hour table td {
  padding: 5px 0;
  text-align: center;
  border: none;
  background: transparent;
}
#header .hour table th {
  font-weight: normal;
}
#header .hour table thead tr {
  border: none;
}
#header .hour table tbody th {
  width: 9.5em;
  text-align: right;
}
#header .hour table span {
  color: #DC7B89;
}
#header .hour table + p {
  margin-top: 5px;
  letter-spacing: normal;
}

@media screen and (max-width: 768px) {
  #gnavi, #footer .info #fnavi {
    display: none;
    padding-bottom: 10px;
  }
}
#gnavi ul, #footer .info #fnavi ul {
  margin: 0;
  list-style-type: none;
}
@media screen and (max-width: 768px) {
  #gnavi ul, #footer .info #fnavi ul {
    padding: 10px;
    border: 2px solid #B95061;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
	background-color: rgba( 255, 255, 255, 0.45 );
	 
  }
}
#gnavi ul li, #footer .info #fnavi ul li {
  display: inline-block;
  margin-left: 24px;
/*  margin-left: 40px;*/
}
@media screen and (max-width: 768px) {
  #gnavi ul li, #footer .info #fnavi ul li {
    display: block;
    width: 50%;
    margin-left: 0;
    float: left;
    border-bottom: 1px solid #B95061;
  }
}
#gnavi ul li:nth-child(1), #footer .info #fnavi ul li:nth-child(1) {
  margin-left: 0;
}
@media screen and (max-width: 768px) {
  #gnavi ul li:nth-child(5), #footer .info #fnavi ul li:nth-child(5) {
    border: none;
  }
}
@media screen and (max-width: 768px) {
  #gnavi ul li:nth-child(6), #footer .info #fnavi ul li:nth-child(6) {
    border: none;
  }
}
#gnavi ul li a, #footer .info #fnavi ul li a {
  display: inline-block;
  color: #233a59;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 1.4;
  text-align: center;
  text-decoration: none;
}
@media screen and (max-width: 768px) {
  #gnavi ul li a, #footer .info #fnavi ul li a {
    display: block;
    padding: 10px;
    font-size: 14px;
    font-size: 1.4rem;
  }
}
#gnavi ul li a span, #footer .info #fnavi ul li a span {
  color: #EA9AA6;
  font-size: 12px;
  font-size: 1.2rem;
}
@media screen and (max-width: 768px) {
  #gnavi ul li a span, #footer .info #fnavi ul li a span {
    font-size: 10px;
    font-size: 1rem;
	color: #CFD629;
	}
}
@media screen and (max-width: 768px) {
  #gnavi ul li.tel, #footer .info #fnavi ul li.tel {
    width: 100%;
    float: none;
    clear: both;
    border: none;
  }
}
#gnavi ul li.tel a, #footer .info #fnavi ul li.tel a {
  padding: 8px 30px;
  color: #FFF;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  background: #DC7B89;
}
#gnavi ul li.tel a span, #footer .info #fnavi ul li.tel a span {
  color: #FFF;
}
#gnavi ul li.tel a:hover, #footer .info #fnavi ul li.tel a:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
  cursor: default;
}

.menu_icon {
	width: 19px;
	padding-bottom: 5px;
}

.oshirase_icon {
	width: 25px;
	padding-bottom: 5px;
}

.yoyaku_button {
  padding: 8px 30px;
margin: 10px 0 0px auto;
  color: #FFF;
 text-align: center;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  background: #60bfb6;
  width: 250px;	
}

.yoyaku_botton a {
	text-decoration: none;
}

.yoyaku_botton a:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 0.5;
}

@media screen and (max-width: 768px) {
.yoyaku_button {
  padding: 8px 30px;
margin: 10px auto;
  color: #FFF;
 text-align: center;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  background: #60bfb6;
  width: 90%;	
}	
}

#header .title {
	font-size: 30px;
	color: #233A59;
	text-align: center;
	padding-top: 25px;	
}


/* タイトル
----------------------------------------------------------*/
#title {
  padding: 70px 0;
}
@media screen and (max-width: 768px) {
  #title {
    padding: 40px 0;
  }
}
#title h1 {
  margin: 0;
  color: #0E396A;
  text-align: center;
}
#title h1 span {
  display: block;
  color: #DC7B89;
  font-size: 4rem;
  text-shadow: 2px 2px 8px rgba(220, 123, 137, 0.6);;
}

/* コンテンツ
----------------------------------------------------------*/
#contents {
  margin-top: 80px;
  background-color: #f2ebdf;
}
@media screen and (max-width: 768px) {
  #contents {
    margin-top: 150px;
  }
}

#contents .container {
  position: relative;
  width: 980px;
  margin: auto;
  padding-left: 10px;
  padding-right: 10px;

}

@media screen and (max-width: 768px) {
  #contents .container {
    width: auto;
	    padding-top: 1em;
  }
}

#main > section {
  margin-top: 120px;
}

@media screen and (max-width: 768px) {
  #main > section {
    margin-top: 60px;
	  background-color: #E7C8C9;
  }
}

/* フッター
----------------------------------------------------------*/
#footer {
  margin-top: 120px;
}
@media screen and (max-width: 768px) {
  #footer {
    margin-top: 60px;
  }
}
#footer .hour {
  width: 98%;
  padding: 10px;
  float: left;
  color: #FFF;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  background:#DC7B89;
}
@media screen and (max-width: 768px) {
  #footer .hour {
    width: auto;
    float: none;
  }
}
@media screen and (max-width: 768px) {
  #footer .hour table {
    font-size: 12px;
    font-size: 1.2rem;
  }
}
#footer .hour table tr {
  border-top: 1px solid #FFF;
}
#footer .hour table th,
#footer .hour table td {
  padding: 5px 0;
  text-align: center;
  border: none;
  background: transparent;
}
#footer .hour table th {
  font-weight: normal;
}
#footer .hour table thead tr {
  border: none;
}
#footer .hour table  {	
	width: 100%;
  text-algn: right;	

}
#footer .hour table span {
  color: #fff;
}
#footer .hour table + p {
  margin-top: 5px;
  letter-spacing: normal;
}
#footer .info {
  width: 49%;
  float: right;
}
@media screen and (max-width: 768px) {
  #footer .info {
    width: auto;
    float: none;
	  margin: 5px;
	  padding-left: 5px;
  }
}
#footer .info #fnavi ul {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
#footer .info #fnavi + p {
  color: #DC7B89;
  line-height: 1.2;
}
#footer .info #fnavi + p img {
  margin-right: 1em;
}
@media screen and (max-width: 768px) {
  #footer .info #fnavi + p img {
    display: block;
    margin: 0 0 10px 0;
  }
}
#footer .info #fnavi + p br {
  display: none;
}
#footer .info .tel {
  margin-top: 10px;
}
@media screen and (max-width: 768px) {
#footer .info .tel {
  margin-top: 10px;
	margin-bottom: 10px;
}	
}
#footer .info .tel a {
  display: block;
  padding: 0 15px;
  color: #fff;
  background-color: #DC7B89;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 60px;
  text-align: center;
  text-decoration: none;
  border: 2px solid #DC7B89
;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
@media screen and (max-width: 768px) {
  #footer .info .tel a {
    padding: 10px;
    line-height: 1.7;
  }
}
#footer .info .tel a:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
  cursor: default;
}
#footer .info .tel a br {
  display: none;
}
@media screen and (max-width: 768px) {
  #footer .info .tel a br {
    display: inherit;
  }
}
#footer .info .tel a span {
  margin-left: 2em;
  font-size: 12px;
  font-size: 1.2rem;
}
@media screen and (max-width: 768px) {
  #footer .info .tel a span {
    margin-left: 0;
  }
}
#footer .copyright {
  padding: 40px 0 20px;
  clear: both;
  color: #0E586B;
	float: right;
}
@media screen and (max-width: 768px) {
#footer .copyright {
  padding: 40px 0 20px;
  clear: both;
  color: #0E586B;
	float: none;
	text-align: center;
}	
}
/** サイドバー*/
#sidebar {
	float: right;
	position: -webkit-sticky;
            position: sticky;
            top: 125px;
	margin-top: 50px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 0px;
	padding-left: 10px;
	min-height: 200px;
	z-index: 99;
}

@media screen and (max-width: 768px) {
	#sidebar {
	display: none;
}
}


/* トップページ
----------------------------------------------------------*/
#kv img {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}

/** サブメニュー*/

.secIndexSubmenu {
  max-width: 880px;
  margin: auto;
}
.secIndexSubmenu ul {
  margin: auto ;
  list-style-type: none;
}

@media screen and (max-width: 768px) {
.secIndexSubmenu ul {
    margin: auto -10px;
  }
}
.secIndexSubmenu ul li {
  display: inline-block;
/*  margin-left: 0;*/
}

@media screen and (max-width: 768px) {
.secIndexSubmenu ul li {
    width: 50%;
    padding: 10px;
  }
}
@media screen and (max-width: 768px) {
.secIndexSubmenu ul li:last-child {
    margin-left: auto;
    margin-right: auto;
    float: none;
    clear: both;
  }
}
.secIndexSubmenu ul + p {
  margin-top: 60px;
}
@media screen and (max-width: 768px) {
.secIndexSubmenu ul + p {
    margin-top: 30px;
  }
}

.jikan {
	letter-spacing: -0.5px;
}

/*お知らせ*/
.secIndexoshirase {
  display: block;
  max-width: 85%;
  margin: 80px auto -30px;
  font-weight: 400;
}

@media screen and (max-width: 768px){
	.secIndexoshirase {
  display: block;
  max-width: 100%;
  margin: 10px auto -30px;
  line-height: 1.2;
}
}

.extrabox{
  border: 2px solid #c30d23;
  padding: 10px; 
  font-size: 1.1em;
  display: flex;
}
.extrabox_header{
  background: #c30d23;
  color: #FFF;
  margin: 0;
  display:inline-block;
  padding: .3em 1em;
  border-radius: 10px 10px 0 0;
  font-size: 1.2em;
}
.extra .extrainner{
  padding: 10px;
	margin: 1em;
}

.extrabox01{
  border: 2px solid #DC7B89;
  padding: 10px; 
  font-size: 1.1em;
  display: flex;
}
.extrabox01_header{
  background: #DC7B89;
  color: #FFF;
  margin: 0;
  display:inline-block;
  padding: .3em 1em;
  border-radius: 10px 10px 0 0;
  font-size: 1.2em;
}
.extra01 .extrainner{
  padding: 10px;
	margin: 1em;
}

h7 {
	display: block;
  color: #c30d23;
	font-weight: bold;
  padding: .8em 1.5em;
  background-color: rgba(255, 255, 255, 0.8);
  border: 3px solid rgba(195, 13, 35, 1)/*#2685BF*/;
  border-radius: 4px;
  width: 100%;
  font-size: 2.0rem;
  text-align: center;
}

.shingo {
	font-family: a-otf-ud-shin-go-pr6n,sans-serif;
	transform: rotate(0.001deg);
	
}


/*gnavi sub*/

@media screen and (max-width: 768px) {
  #gnavi_sub, #footer .info #fnavi {
    display: none;
    padding-bottom: 10px;
  }
}
#gnavi_sub, #footer .info #fnavi ul {
  margin: 0;
  list-style-type: none;
  text-align: center;
  height: 150px;
}
@media screen and (max-width: 768px) {
  #gnavi_sub, #footer .info #fnavi ul {
    padding: 10px;
    border: 2px solid #138AAA;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
  }
}

#gnavi_sub li {
  　display: block;
    border-radius: 10px;        /* 角丸指定 */
    display:  inline-block;     /* インラインブロックする */
    box-sizing:  border-box;    /* 崩れ防止 */
    margin-bottom: 5px;         /* 要素の空き具合指定 */
    padding:  40px;             /* 余白指定 */
    text-align:  center;        /* 中央揃え */
	width: 22%;
	color: #fff;
	font-size: 18px;
}

@media screen and (max-width: 974px) {
#gnavi_sub li {
  　display: block;
    border-radius: 10px;        /* 角丸指定 */
    display:  inline-block;     /* インラインブロックする */
    box-sizing:  border-box;    /* 崩れ防止 */
    margin-bottom: 5px;         /* 要素の空き具合指定 */
    padding:  30px 20px;             /* 余白指定 */
    text-align:  center;        /* 中央揃え */
	width: 15%;
	color: #fff;
	font-size: 18px;
}	
}


#gnavi_sub li:nth-child(1) {
    background-color:#DC7B89;   /* 背景色指定 */
	margin-left: 0;
}

#gnavi_sub li:nth-child(2) {
    background-color:#DC7B89;   /* 背景色指定 */
	margin-left: 15px;
}

#gnavi_sub li:nth-child(3) {
    background-color:#DC7B89;   /* 背景色指定 */
	margin-left: 15px;
}

#gnavi_sub li:nth-child(4) {
    background-color:#DC7B89;   /* 背景色指定 */
	margin-left: 15px;
}


#gnavi_sub ul li a{
	display: block;
}

#gnavi_sub ul li a:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 0.5;
} 

/*#gnavi_sub ul a:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 0.5;
} */


@media screen and (max-width: 768px) {
  #gnavi_sub li, #footer .info #fnavi ul li {
    display: block;
    width: 50%;
    margin-left: 0;
    float: left;
    border-bottom: 1px solid #138AAA;
  }
}

@media screen and (max-width: 768px) {
  #gnavi_sub li:nth-child(5), #footer .info #fnavi ul li:nth-child(5) {
    border: none;
  }
}
@media screen and (max-width: 768px) {
  #gnavi_sub li:nth-child(6), #footer .info #fnavi ul li:nth-child(6) {
    border: none;
  }
}
#gnavi_sub li a, #footer .info #fnavi ul li a {
  display: inline-block;
  color: #fff;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 1.4;
  text-align: center;
  text-decoration: none;
}

@media screen and (max-width: 768px) {
  #gnavi_sub li a {
    display: block;
    padding: 10px;
    font-size: 16px;
    font-size: 1.4rem;
  }
}


/*secIndexConcept*/

.secIndexConcept {
  max-width: 880px;
  margin: auto;
}
.secIndexConcept .txt_index01 {
  margin-top: -180px;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .secIndexConcept .txt_index01 {
    margin-top: -90px;
  }
}
@media screen and (max-width: 768px) {
  .secIndexConcept .txt_index01 img {
    width: 300px;
  }
}
.secIndexConcept h2 {
  margin-top: 120px;
  color: #138AAA;
  font-weight: bold;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .secIndexConcept h2 {
    margin-top: 60px;
  }
}
.secIndexConcept h2 br {
  display: none;
}
@media screen and (max-width: 768px) {
  .secIndexConcept h2 br {
    display: inherit;
  }
}
.secIndexConcept h2 span {
  display: inline-block;
  padding-top: 10px;
  font-size: 40px;
  font-size: 4rem;
  background: url(../images/index/bg_concept01.png) no-repeat 50% 0;
}
.secIndexConcept h2 span span {
  font-size: 30px;
  font-size: 3rem;
  background: none;
}
.secIndexConcept ul {
  margin: auto -20px;
  list-style-type: none;
}
@media screen and (max-width: 768px) {
  .secIndexConcept ul {
    margin: auto -10px;
  }
}
.secIndexConcept ul li {
  width: 33.33333%;
  padding: 0 20px;
  float: left;
}
@media screen and (max-width: 768px) {
  .secIndexConcept ul li {
    width: 50%;
    padding: 10px;
  }
}
@media screen and (max-width: 768px) {
  .secIndexConcept ul li:last-child {
    margin-left: auto;
    margin-right: auto;
    float: none;
    clear: both;
  }
}
.secIndexConcept ul + p {
  margin-top: 60px;
}
@media screen and (max-width: 768px) {
  .secIndexConcept ul + p {
    margin-top: 30px;
  }
}
.secIndexConcept strong {
  background: url(../images/common/bg_line01.gif) repeat-x left bottom;
}

.secIndexNews {
	color: #233A59;
}
.secIndexNews .row {
  display: -webkit-flex;
  display: flex;
  margin: 40px 30px 0 40px;	
}
@media screen and (max-width: 768px) {
.secIndexNews .row {
    display: block;
    margin: 40px 0 0;
  }
}

.secIndexNews dl.news dt {
  padding: 0 0.5em;
  color: #B95061;
}
.secIndexNews dl.news dd {
  padding: 0 0.5em 1.7em;
/*  background: url(../images/common/bg_dot01.png) repeat-x left bottom;*/
}
.secIndexNews .first {
  padding: 20px;
  background: #F3F7F8;
}
.secIndexNews .first > div {
  padding: 20px;
  border: 1px solid #ee791b;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
/*　お知らせ強調　*/
.kyocho {
	background-color: rgba(238, 121, 27,0.2);
	font-weight: 900;
	font-size: 1.8rem;
}


.newsold {
	padding: 2em 1.8em;
}

@media screen and (max-width: 768px) {
.newsold {
	padding: 0;
}
	
}
/* お知らせの開閉*/
.newsold label {
/*    background-color: #cccccc;*/
	color: #B95061;
    cursor :pointer;
    display: block;
	padding-left: 1em;
}
/* チェックボックスは不可視にする */
.newsold .chklbl {
    display: none;
}
/* 詳細は通常不可視にする */
.newsold .detail {
/*    background-color: #666666;*/
    padding-left: 1.5em;
    display: none;
}
/* ラベルをクリックする（内部的にチェックする）と、
   詳細を可視化する */
.chklbl:checked + label + .detail {
    display: block;
}
/* ラベルの冒頭に＋を表示 */
/*.newsold label:before {
    content: '＋';
}*/
/* ラベルをクリックする（内部的にチェックする）と、
   ラベルの冒頭を－する */
/*.chklbl:checked + label:before {
    content: '－';
}*/

/*　お知らせの開閉ここまで*/

/*お知らせPOPUP*/

.row #popup{
  width:auto;
  line-height:100px;
/*  background:#000;*/
  padding:0 4%;
  box-sizing:border-box;
  display:none;
  position:fixed;
  top:45%;
  left:60%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
@media screen and (max-width: 974px){
.row #popup{
  width:80%;
  line-height:100px;
/*  background:#000;*/
  padding:0 4%;
  box-sizing:border-box;
  display:none;
  position:fixed;
  top:45%;
  left:60%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}	
} 
@media screen and (max-width: 768px){
.row #popup{
  width:80%;
  line-height:100px;
/*  background:#000;*/
  padding:0 4%;
  box-sizing:border-box;
  display:none;
  position:fixed;
  top:35%;
  left:60%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}	
} 
.row img{
  width:100%;
}
.row label{
  display:block;
}
.row label span{
  display:block;
  background-color:#f2ebdf;
  color:#8c5e5e;
  width:400px;
  line-height:40px;
  border-radius:4px;
  text-align:center;
}
.row label span:hover{
  cursor:pointer;
}
.row input[type="checkbox"]{
  display:none;
}

.row input[type="checkbox"]:checked + #popup{
  display:block;
  transition:.2s;
}


/* 当院について
----------------------------------------------------------*/
.secAboutGallery {
  text-align: center;
}
.secAboutGallery img {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.secAboutGallery h3 {
  margin: 1.7em 0;
  color: #138AAA;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: bold;
  text-decoration: underline;
}

/* 診療案内
----------------------------------------------------------*/
body.medical #title {
	background: url("../images/greetings/title_img.jpg") no-repeat ;
	height: 320px;
	background-size:cover;
	background-color:rgba(255,255,255,0.1);
	background-blend-mode:lighten;
}

body.medical #header {
	padding: 50px 0 60px;
  	text-align: right;
	height: 200px;
	background-color: #fff;
}
body.medical #header .logo{
	left: 0;
}
@media screen and (max-width: 768px) {
	body.medical #header {
		padding: 0;
	}
}

body.medical #contents {
	color: #233a59;
	background-color: #fff;
	margin-top: 250px;
}

@media screen and (max-width: 768px) {
body.medical #contents {
	color: #233a59;
	background-color: #fff;
	margin-top: 145px;
}	
}

body.medical #header .logo img {
	width: 240px;
}

.secMedical01 {
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
}

@media screen and (max-width: 768px) {
 .secMedical01 {
  display: block;
} 
}

.secMedical01 ul {
  display: -webkit-flex;
  display: flex;
  margin: 0 -10px;
  list-style-type: none;
}
@media screen and (max-width: 768px) {
  .secMedical01 ul {
    display: block;
  }
}
.secMedical01 ul li {
  width: 25%;
  margin: 10px 0;
  padding: 0 10px;
}
@media screen and (max-width: 768px) {
  .secMedical01 ul li {
    width: auto;
  }
}
.secMedical01 ul li span {
  display: block;
  color: #138AAA;
  font-size: 20px;
  font-size: 2rem;
  font-weight: bold;
  line-height: 205px;
  text-align: center;
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
  border-radius: 100%;
  background: #F3F7F8;
}

@media screen and (max-width: 768px) {
  .secMedical01 ul li span {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 60px;
    -moz-border-radius: 30px;
    -webkit-border-radius: 30px;
    border-radius: 30px;
  }
}

/*診療案内ページ　ドキュメントデザイン*/
.secMedical02 {
  max-width: 950px;
  margin: 20px auto 0 !important;
  padding: 12px 12px;
  background: #E7C8C9;
  border: solid 2px #B95061; 
  border-radius: 8px;
}

.secMedical02 > div {
  padding: 15px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
	background-color: #fff;
 height: 600px;
}

@media screen and (max-width: 768px) {
.secMedical02 {
  margin: 20px auto 0 ;
  padding: 20px 30px;
  background: #E7C8C9;
  border-radius: 8px;
}
	
.secMedical02 > div {
	height: 950px;
	background-color: #fff;
	}
}

@media screen and (max-width: 568px) {
.secMedical02 {
  margin: 5px auto 0 ;
  padding: 10px 10px;
  background: #E7C8C9;
  border-radius: 8px;
}
	
.secMedical02 > div {
	height: 950px;
	background-color: #fff;
	}
}

.secMedical02 .box2 {
	height: 350px;
}

@media screen and (max-width: 768px) {
.secMedical02 .box2 {
	height: 350px;
}	
}

@media screen and (max-width: 568px) {
.secMedical02 .box2 {
	height: 350px;
}	
}

.secMedical02 h2 {
  font-weight: bold;
  padding: 0.5em 1em;
  border: 3px solid #DC7B89;
  overflow: hidden;
  position: relative;
  border-radius: 7px;
  color: #0E396A;
}

.secMedical02 h2::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  border-width: 25px 25px 0 0;
  border-style: solid;
  border-color: #DC7B89 #fff #DC7B89;
}

@media screen and (max-width: 568px) {
	.secMedical02 h2 {
  padding: 0.5em 1em;
  font-size: 1.3em;
}

.secMedical02 h2::before {
  border-width: 20px 20px 0 0;
}
}

.secMedical02 dl {
  margin-top: 1em;
  margin-left: 1.5em;
  line-height: 2;
}

.secMedical02 dl dt {
  margin: 0;
  float: left;
  clear: left ;
  font-weight: normal;
	font-size: 1.2em;
	width: 400px;
	text-indent: -1em;
  padding-left: 1em;
}

@media screen and (max-width: 568px) {
.secMedical02 dl {
  margin-top: 1em;
  margin-left: 0;
  line-height: 2;
}	
}


@media screen and (max-width: 768px) {
  .secMedical02 dl dt {
    margin-top: 1em;
    float: none;
    font-weight: bold;
	width: auto;
  }
}

.secMedical02 dl dd {
  float: left ;
	 margin-left: 1em ;
	width: 400px;
	font-size: 1.2em;
}
@media screen and (max-width: 768px) {
  .secMedical02 dl dd {
    margin-top: 1em;
    margin-left: 0;
	width: auto;
  }
}

.secMedical02.license dl dd {
  margin-left: 6em;
}
@media screen and (max-width: 768px) {
  .secMedical02.license dl dd {
    margin-left: 0;
  }
}

.secMedical02.affiliation ul {
  margin: 1em 0 0;
}
.secMedical02.affiliation ul li {
  display: inline-block;
}
@media screen and (max-width: 768px) {
  .secMedical02.affiliation ul li {
    display: block;
  }
}
.secMedical02.affiliation ul li + li {
  margin-left: 2em;
}
@media screen and (max-width: 768px) {
  .secMedical02.affiliation ul li + li {
    margin-left: 0;
  }
}

.secMedical02.ttl_frame1 {
  font-weight: bold;
  padding: 0.5em 1em;
  border: 3px solid #DC7B89;
  overflow: hidden;
  position: relative;
}
.secMedical02.ttl_frame1::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  border-width: 25px 25px 0 0;
  border-style: solid;
  border-color: #DC7B89 #fff #DC7B89;
}

.secMedical02 .img {
	border-radius: 5%;
	padding: 10px;
	width: 98%;
}

@media screen and (max-width: 768px) {
.secMedical02 .img {
	border-radius: 5%;
	padding: 10px;
	max-height: 400px;
}	
}

.secMedical03 {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  max-width: 800px;
  margin: 20px auto 0 !important;
  padding: 20px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
　font-size: 1.2em;
}
@media screen and (max-width: 768px) {
  .secMedical03 {
    display: block;
  }
}
.secMedical03 > div {
  width: 370px;
  padding: 20px;
  border: 1px solid #CDE5EB;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
@media screen and (max-width: 768px) {
  .secMedical03 > div {
    width: auto;
  }
}
@media screen and (max-width: 768px) {
  .secMedical03 > div + div {
    margin-top: 20px;
  }
}
.secMedical03 h3 {
  color: #138AAA;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: bold;
  text-align: center;
}
.secMedical03 h3 + ul {
  padding-left: 30px;
}
@media screen and (max-width: 768px) {
  .secMedical03 h3 + ul {
    padding-left: 0;
  }
}

/* ご挨拶
----------------------------------------------------------*/
body.greetings #title {
	background: url("../images/greetings/title_img.jpg") no-repeat ;
	height: 320px;
	background-size:cover;
	background-color:rgba(255,255,255,0.1);
	background-blend-mode:lighten;
}

body.greetings #header {
	padding: 50px 0 60px;
  	text-align: right;
	height: 200px;
	background-color: #fff;
}
body.greetings #header .logo{
	left: 0;
}
@media screen and (max-width: 768px) {
	body.greetings #header {
		padding: 0;
	}
}

body.greetings #contents {
	color: #233a59;
	background-color: #fff;
	margin-top: 250px;
}
@media screen and (max-width: 768px){
body.greetings #contents {
	color: #233a59;
	background-color: #fff;
	margin-top: 145px;
}	
}
body.greetings #header .logo img {
	width: 240px;
}
.secGreetings01 {
  display: -webkit-flex;
  display: flex;
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 768px) {
  .secGreetings01 {
    display: block;
	background-color: #fff;
  }
}
.secGreetings01 .photo img {
	z-index: 10;
}
.secGreetings01 .photo {
	display: inline-block;
	position: relative;
	width: 300px;
	margin-bottom: 20px;
	margin-top: 10px;
}
.secGreetings01 .photo:after {
	position: absolute;
	display: block;
	content: "";
	top: 0;
	left: 0;
	width: 300px;
	height: 300px;
	box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
	transform: rotate(4deg); /* 回転させる */
	background: #fff;
	z-index: -1;
}


@media screen and (max-width: 768px) {
  .secGreetings01 .photo {
    max-width: 768px;
    width: auto;
	padding: 20px;
  }
}
.secGreetings01 .photo .name {
  padding: 10px 15px;
  color: #FFF;
  background: #DC7B89;
}
.secGreetings01 .content {
  flex: 1;
  padding-right: 40px;
  font-size: 16px;
  font-size: 1.6rem;
  margin-top: 50px;
}
@media screen and (max-width: 768px) {
  .secGreetings01 .content {
    margin-top: 1.7em;
    padding-left: 1.5em;
	padding-top: 1.5em; 
	
  }
}
.secGreetings02 {
  max-width: 800px;
  margin: 20px auto 0 !important;
  padding: 20px 20px;
  background: #E7C8C9;
  border-radius: 8px;
}

.secGreetings02 > div {
  padding: 15px;
  border: 2px solid #DC7B89;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  background-color: #fff;
}
.secGreetings02 h2 {
  margin: 0;
  color: #DC7B89;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: bold;
}

.secGreetings02 dl {
  margin-top: 1em;
  margin-left: 2.5em;
  line-height: 1.8;
  overflow: hidden; /* dt の float を内包し、枠からのはみ出しを防ぐ */
}

@media screen and (max-width: 768px) {
.secGreetings02 dl {
  margin-top: 1em;
  margin-left: 2.5em;
  line-height: 1.5;
}	
}

@media screen and (min-width:320px) and ( max-width:568px) {
.secGreetings02 dl {
  margin-top: 1em;
  margin-left: 1.8em;
  line-height: 1.4;
}	
}

@media screen and (min-width:769px) {
.non {
	display: none;
}
}

.secGreetings02 dl dt {
  margin: 0;
  float: left;
  clear: both;
  font-weight: normal;
}
@media screen and (max-width: 768px) {
  .secGreetings02 dl dt {
    margin-top: 1em;
    float: none;
    font-weight: bold;
  }
}
.secGreetings02 dl dd {
  margin-left: 20.5em;
}
@media screen and (max-width: 768px) {
  .secGreetings02 dl dd {
    margin-left: 0;
  }
}

.secGreetings02.license dl dd {
  margin-left: 6em;
}
@media screen and (max-width: 768px) {
  .secGreetings02.license dl dd {
    margin-left: 0;
  }
}

.secGreetings02.affiliation ul {
  margin: 1em 0 0;
}
.secGreetings02.affiliation ul li {
  display: inline-block;
}
@media screen and (max-width: 768px) {
  .secGreetings02.affiliation ul li {
    display: block;
  }
}
.secGreetings02.affiliation ul li + li {
  margin-left: 2em;
}
@media screen and (max-width: 768px) {
  .secGreetings02.affiliation ul li + li {
    margin-left: 0;
  }
}

/* 予約について
----------------------------------------------------------*/
body.yoyaku #title {
	background: url("../images/greetings/title_img.jpg") no-repeat;
	height: 200px;
	background-size:cover;
}

body.yoyaku #header {
	padding: 50px 0 60px;
  	text-align: right;
	height: 200px;
	background-color: #f2e8df;
}
body.yoyaku #header .logo{
	left: 0;
}
@media screen and (max-width: 768px) {
	body.yoyaku #header {
		padding: 0;
	}
}

body.yoyaku #contents {
	color: #233a59;
	background-color: #f2e8df;
	margin-top: 250px;
}

body.yoyaku #header .logo img {
	width: 240px;
}
.secYoyaku01 {
  max-width: 800px;
  margin: 20px auto 0 !important;
  padding: 20px 30px;
  border-radius: 8px;
	font-size: 1.6rem;
}
@media screen and (max-width: 768px) {
  .secYoyaku01 {
    display: block;
	background-color: #fff;
  }
}

@media screen and (max-width: 568px) {
  .secYoyaku01 {
  margin: 20px auto 0 !important;
  padding: 20px 5px;
  }
}

.main02 {
	background-color: #fff;
}

.secYoyaku01 h1 {
	
}

.secYoyaku01 h4 {
	color: #DC7B89;
 padding: .5em 1.5em;
	background-color: #fff;
  border: 2px solid #DC7B89;
  border-radius: 4px;
  width: 100%;
  font-size: 18px;
  text-align: center;
}



.secYoyaku01 .photo {
	display: inline-block;
	position: relative;
	width: 300px;
	margin-bottom: 20px;
}
.secYoyaku01 .photo:after {
	position: absolute;
	display: block;
	content: "";
	top: 0;
	left: 0;
	width: 300px;
	height: 300px;
	box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
	transform: rotate(3deg); /* 回転させる */
	background: #fff;
	z-index: -1;
}


@media screen and (max-width: 768px) {
  .secYoyaku01 .photo {
    max-width: 300px;
    width: auto;
  }
}
.secYoyaku01 .photo .name {
  padding: 10px 15px;
  color: #FFF;
  background: #ee791b;
}
.secYoyaku01 .content {
  flex: 1;
  padding-right: 40px;
  font-size: 16px;
  font-size: 1.6rem;
}
@media screen and (max-width: 768px) {
  .secYoyaku01 .content {
    margin-top: 1.7em;
    padding-left: 0;
  }
}

.secYoyaku02 {
  max-width: 800px;
  margin: 15px auto 0 !important;
  padding: 10px 10px;
  background: #E7C8C9;
  border-radius: 8px;
}

.secYoyaku02 > div {
  padding: 5px;
  border: 2px solid #DC7B89;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  background-color: #fff;
}
.secYoyaku02 h2 {
  margin: 0;
  color: #0E586B;
  font-size: 16px;
  font-size: 1.8rem;
  font-weight: bold;
	padding-left: 10px;
}

.secYoyaku02 h5 {
  margin: 0;
  color: #B95061;
  font-size: 16px;
  font-size: 1.8rem;
  font-weight: bold;
	padding-left: 10px;
}

.secYoyaku02 h3 {
	border: 2px solid #dc7b89;
	border-radius: 5px;
	background-color: #dc7b89;
	color: #fff;
	display: flex;
  justify-content: center;
}

h3 .child {
  width: 50px;
  height: 50px;
}

.secYoyaku02 .honbun {
	width: 90%;
	padding: 15px;
	margin: 0 auto;
	font-size: 1.1em;
}

@media screen and (max-width: 768px) {
.secYoyaku02 .honbun {
	width: 95%;
	padding: 15 2px;
	margin: 0 auto;
	font-size: 1.1em;
}	
}

@media screen and (max-width: 568px) {
.secYoyaku02 .honbun {
	width: 100%;
	padding: 15 2px;
	margin: 0 auto;
	font-size: 1.1em;
}	
}

.secYoyaku02 .syosai {
	padding-left: 15px;
}

@media screen and (max-width: 568px) {
.secYoyaku02 .syosai {
	padding-left: 0px;
}	
}

.secYoyaku02 .ti{
		text-indent: -1em;
  padding-left: 1em;
}

.secYoyaku02 div .row .col-4 {
	padding-left: 35px;
}
.secYoyaku02 .col-5 {
  width: 41.66666%;
}

.secYoyaku02 .rowyoyaku {

  display: -webkit-flex;
  display: flex;
  margin: 40px 10px 0;
	text-align: center;
	text-indent: 0!important;
}

@media screen and (max-width: 768px) {
  .secYoyaku02 .rowyoyaku {
    display: block;
    margin: 40px 0 0;
  }
}	


.secYoyaku02 dl {
  margin-top: 1em;
  line-height: 2;
}
.secYoyaku02 dl dt {
  margin: 0;
  float: left;
  clear: both;
  font-weight: normal;
}

.secYoyaku02 ul {
	width: 100%;
	display: flex;
	justify-content:space-between;
	margin-bottom: 20px;
}
@media screen and (max-width: 768px){
.secYoyaku02 ul {
	width: 100%;
	justify-content:flex-end;
    flex-flow: column;
	margin-bottom: 20px;
	margin-left:  5px;
}	
}

.secYoyaku02 li {
	width: 45%;
	margin-right: 20px;
	list-style: none;
	text-indent: -1.3em;
	padding-right: 1em;
	
}

.secYoyaku02 .liyoyaku {
	width: 45%;
/*	margin-right: 20px;*/
	list-style: none;
	text-indent: 0;
    border-radius: 10px;        /* 角丸指定 */
    display:  inline-block;     /* インラインブロックする */
    box-sizing:  border-box;    /* 崩れ防止 */
    margin-bottom: 5px;         /* 要素の空き具合指定 */
    text-align:  center;        /* 中央揃え */
	color: #233A59;
	font-size: 16px;
	margin-left: 15px;
	padding: .5em 1.5em;       /* 余白指定 */
	background-color: rgba(238, 121, 27,0.2);
    border: 2px solid rgba(238, 121, 27,0.3)/*#ee791b*/;
}
@media screen and (max-width: 768px){
.secYoyaku02 .liyoyaku {
	width: 100%;
/*	margin-right: 20px;*/
	list-style: none;
	text-indent: 0;
    border-radius: 10px;        /* 角丸指定 */
    display:  inline-block;     /* インラインブロックする */
    box-sizing:  border-box;    /* 崩れ防止 */
    margin-bottom: 5px;         /* 要素の空き具合指定 */
    text-align:  center;        /* 中央揃え */
	color: #233A59;
	font-size: 16px;
	margin-left: 5px;
	padding: .5em 0;       /* 余白指定 */
	background-color: rgba(238, 121, 27,0.2);
    border: 2px solid rgba(238, 121, 27,0.3)/*#ee791b*/;
}	
}
@media screen and (max-width: 768px){
.secYoyaku02 li {
	width: 95%;
	list-style: none;
	text-indent: -1em;
	padding: 1em;
}	
}

@media screen and (max-width: 768px){
.secYoyaku02 .liyoyaku {
	width: 95%;
	list-style: none;
}	
}

.secYoyaku02 .ti {
	text-indent: -1em;
	padding-left: 20px;
}

.secYoyaku02 li .ls01 {
	letter-spacing: 1px;
}


@media screen and (max-width: 768px) {
  .secYoyaku02 dl dt {
    margin-top: 1em;
    float: none;
    font-weight: bold;
  }
}
.secYoyaku02 dl dt {
	color: #BC5E5E;
	 display     : inline-block;    /* 変形するためのブロック化 */
  font-size   : 22pt;            /* 文字サイズ */
  line-height : 1em;             /* 行の高さ */
  transform   : scale(0.8, 1.5);
  padding-top: 10px;
}
.secYoyaku02 dl dd {
  margin-left: 10em;
}
@media screen and (max-width: 768px) {
  .secYoyaku02 dl dd {
	margin-top: 1em;
    margin-left: 1em;
	line-height: 1.5em;
  }
}



.secYoyaku.affiliation ul {
  margin: 1em 0 0;
}
.secYoyaku.affiliation ul li {
  display: inline-block;
}
@media screen and (max-width: 768px) {
  .secYoyaku.affiliation ul li {
    display: block;
  }
}
.secYoyaku.affiliation ul li + li {
  margin-left: 2em;
}
@media screen and (max-width: 768px) {
  .secYoyaku.affiliation ul li + li {
    margin-left: 0;
  }
}

.secYoyaku03 {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  max-width: 800px;
  margin: 40px auto 0 !important;
  padding: 20px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
@media screen and (max-width: 768px) {
  .secYoyaku03 {
    display: block;
  }
}
.secYoyaku03 > div {
  width: 370px;
  padding: 20px;
  border: 1px solid #CDE5EB;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
@media screen and (max-width: 768px) {
  .secYoyaku03 > div {
    width: auto;
  }
}
@media screen and (max-width: 768px) {
  .secYoyaku03 > div + div {
    margin-top: 20px;
  }
}
.secYoyaku03 h3 {
  color: #138AAA;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: bold;
  text-align: center;
}
.secYoyaku03 h3 + ul {
  padding-left: 30px;
}
@media screen and (max-width: 768px) {
  .secYoyaku03 h3 + ul {
    padding-left: 0;
  }
}


/*予防接種*/

.secVaccine02 {
  max-width: 800px;
  margin: 20px auto 0 !important;
  padding: 20px 30px;
  background: #F3F7F8;
  border-radius: 8px;
}

.secVaccine02 > div {
  padding: 15px;
  border: 2px solid #60bfb6;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  background-color: #fff;
}
.secVaccine02 h2 {
  margin: 0;
  color: #ee791b;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: bold;
	padding-left: 10px;
}

.secVaccine02 div .row .col-4 {
	padding-left: 35px;
}
.secVaccine02 .col-5 {
  width: 41.66666%;
}

.secVaccine02 .rowyoyaku {

  display: -webkit-flex;
  display: flex;
  margin: 40px 10px 0;
	text-align: center;
	text-indent: 0!important;
}

@media screen and (max-width: 768px) {
  .secVaccine02 .rowyoyaku {
    display: block;
    margin: 40px 0 0;
  }
}	


.secVaccine02 dl {
  margin-top: 1em;
  line-height: 2;
}
.secVaccine02 dl dt {
  margin: 0;
  float: left;
  clear: both;
  font-weight: normal;
}

.secVaccine02 ul {
	width: 100%;
	display: flex;
	justify-content:space-between;
	margin-bottom: 20px;
}
@media screen and (max-width: 768px){
.secVaccine02 ul {
	width: 100%;
	justify-content:flex-end;
    flex-flow: column;
	margin-bottom: 20px;
	margin-left:  5px;
}	
}

.secVaccine02 li {
	width: 45%;
	margin-right: 20px;
	list-style: none;
	padding-right: 1em;	
}

.secVaccine02 .liyoyaku {
	width: 45%;
/*	margin-right: 20px;*/
	list-style: none;
	text-indent: 0;
    border-radius: 10px;        /* 角丸指定 */
    display:  inline-block;     /* インラインブロックする */
    box-sizing:  border-box;    /* 崩れ防止 */
    margin-bottom: 5px;         /* 要素の空き具合指定 */
    text-align:  center;        /* 中央揃え */
	color: #233A59;
	font-size: 16px;
	margin-left: 15px;
	padding: .5em 1.5em;       /* 余白指定 */
	background-color: rgba(238, 121, 27,0.2);
    border: 2px solid rgba(238, 121, 27,0.3)/*#ee791b*/;
}
@media screen and (max-width: 768px){
 .secVaccine02　.liyoyaku {
	width: 100%;
/*	margin-right: 20px;*/
	list-style: none;
	text-indent: 0;
    border-radius: 10px;        /* 角丸指定 */
    display:  inline-block;     /* インラインブロックする */
    box-sizing:  border-box;    /* 崩れ防止 */
    margin-bottom: 5px;         /* 要素の空き具合指定 */
    text-align:  center;        /* 中央揃え */
	color: #233A59;
	font-size: 16px;
	margin-left: 5px;
	padding: .5em 0;       /* 余白指定 */
	background-color: rgba(238, 121, 27,0.2);
    border: 2px solid rgba(238, 121, 27,0.3)/*#ee791b*/;
}	
}
@media screen and (max-width: 768px){
.secVaccine02 li {
	width: 95%;
	list-style: none;
}	
}

@media screen and (max-width: 768px){
.secVaccine02 .liyoyaku {
	width: 95%;
	list-style: none;
}	
}

.secVaccine02 .ti {
	text-indent: -1em;
	padding-left: 20px;
}

.secVaccine02 li .ls01 {
	letter-spacing: 1px;
}


@media screen and (max-width: 768px) {
.secVaccine02 dl dt {
    margin-top: 1em;
    float: none;
    font-weight: bold;
  }
}
.secVaccine02 dl dt {
	color: #BC5E5E;
	 display     : inline-block;    /* 変形するためのブロック化 */
  font-size   : 22pt;            /* 文字サイズ */
  line-height : 1em;             /* 行の高さ */
  transform   : scale(0.8, 1.5);
  padding-top: 10px;
}
.secVaccine02 dl dd {
  margin-left: 10em;
}
@media screen and (max-width: 768px) {
.secVaccine02 dl dd {
	margin-top: 1em;
    margin-left: 1em;
	line-height: 1.5em;
  }
}
.kakomi-maru4 {
 position: relative;
 margin: 3em auto 2em;
 padding: 1em 1em 1em;
 width: 95%;
 border: 2px solid #8c5e5e!important; /* 枠線の太さ・色 */
 color: #233a59; /* 文字色 */
 background-color: #f2e8df;
 box-shadow: 2px 2px 1px #f2e8df;/* 影の色 */
 border-radius: 8px; /* 角の丸み */
}

.title-maru4 {
 position: absolute;
 left: 20px; 
 top: -15px;
 padding: .2em 1em .4em;
/* font-weight: bold;*/
 font-size: 1.1em;
 color: #fff; /* タイトル色 */
 background-color: #8c5e5e;
 border: 1px solid;
 border-radius: 8px; /* 角の丸み */
}

.clip-box-b {
 position: relative;
 margin: 2em auto;
 padding: 15px 35px 15px 25px;
 width: 95%; /* ボックス幅 */
 background-color: #ffddc4; /* ボックス背景色 */
 color: #233a59; /* 文章色 */
 box-shadow: 4px 4px 1px #ee791b; /* 影の色 */
 border-radius: 8px; /* 角の丸み */
}
.clip-box-b::before {
 position: absolute;
 content: '';
 top: -15px;
 right: 10px;
 height: 55px;
 width: 15px;
 border: 3px solid #C0C0C0; /*クリップ色 */
 background-color: none;
 border-radius: 12px;
 box-shadow: 1px 1px 2px #ccc; /*クリップ影*/
 transform: rotate(10deg);
 z-index: 1;
}
.clip-box-b::after {
 position: absolute;
 content: '';
 top: 0px;
 width: 10px; 
 right: 20px;
 border: solid 5px #ffddc4; /*背景色と同じ色に！*/
 z-index: 2;
}

.kouji_img {
	display: block;
	margin-left: auto;
    margin-right: auto;
	width: 15%;
}

.row_vaccine {
  display: -webkit-flex;
  display: flex;
  	margin-left: auto;
    margin-right: auto;
}
@media screen and (max-width: 768px) {
  .row_vaccine {
    display: block;
    margin: 40px 0 0;
  }
}

/* アクセス
----------------------------------------------------------*/
body.access #title {
  background-image: url(../images/access/bg_title01.jpg);
}

.secAccess01 {
  max-width: 960px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 768px) {
  .secAccess01 .col-6 + .col-6 {
    margin-top: 10px;
  }
}

.secAccess02 {
  max-width: 960px;
  height: 560px;
  margin: 40px auto 0 !important;
  background: #138AAA;
}
@media screen and (max-width: 768px) {
  .secAccess02 {
    height: 320px;
  }
}

/*プライバシー
----------------------------------------------------------*/

.secPrivacy {
  max-width: 950px;
  margin: 20px auto 0 !important;
  padding: 12px 12px;
  background: #E7C8C9;
  border: solid 2px #B95061; 
  border-radius: 8px;
}

.secPrivacy > div {
  padding: 15px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
	background-color: #fff;
 height: 1300px;
}

@media screen and (max-width: 768px) {
.secPrivacy {
  margin: 20px auto 0 ;
  padding: 20px 30px;
  background: #E7C8C9;
  border-radius: 8px;
}
	
.secPrivacy > div {
	height: 950px;
	background-color: #fff;
	}
}

@media screen and (max-width: 568px) {
.secPrivacy {
  margin: 5px auto 0 ;
  padding: 10px 10px;
  background: #E7C8C9;
  border-radius: 8px;
}
	
.secPrivacy > div {
	height: 950px;
	background-color: #fff;
	}
}
.secPrivacy h2 {
  font-weight: bold;
  padding: 0.5em 1em;
  border: 3px solid #DC7B89;
  overflow: hidden;
  position: relative;
  border-radius: 7px;
  color: #0E396A;
}

.secPrivacy h2::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  border-width: 25px 25px 0 0;
  border-style: solid;
  border-color: #DC7B89 #fff #DC7B89;
}

@media screen and (max-width: 568px) {
	.secPrivacy h2 {
  padding: 0.5em 1em;
  font-size: 1.3em;
}

.secPrivacy h2::before {
  border-width: 20px 20px 0 0;
}
}

.secPrivacy dl {
  margin-top: 1em;
  margin-left: 1.5em;
  line-height: 2;
}

.secPrivacy dl dt {
  margin: 0;
  float: left;
  clear: left ;
  font-weight: normal;
	font-size: 1.2em;
	width: 400px;
	text-indent: -1em;
  padding-left: 1em;
}

@media screen and (max-width: 568px) {
.secPrivacy dl {
  margin-top: 1em;
  margin-left: 0;
  line-height: 2;
}	
}


@media screen and (max-width: 768px) {
  .secPrivacy dl dt {
    margin-top: 1em;
    float: none;
    font-weight: bold;
	width: auto;
  }
}

.secPrivacy dl dd {
  float: left ;
	 margin-left: 1em ;
	width: 400px;
	font-size: 1.2em;
}
@media screen and (max-width: 768px) {
  .secPrivacy dl dd {
    margin-top: 1em;
    margin-left: 0;
	width: auto;
  }
}

.secPrivacy.license dl dd {
  margin-left: 6em;
}
@media screen and (max-width: 768px) {
  .secMPrivacy.license dl dd {
    margin-left: 0;
  }
}

.secPrivacy.affiliation ul {
  margin: 1em 0 0;
}
.secPrivacy.affiliation ul li {
  display: inline-block;
}
@media screen and (max-width: 768px) {
  .secPrivacy.affiliation ul li {
    display: block;
  }
}
.secPrivacy.affiliation ul li + li {
  margin-left: 2em;
}
@media screen and (max-width: 768px) {
  .secPrivacy.affiliation ul li + li {
    margin-left: 0;
  }
}

.secPrivacy.ttl_frame1 {
  font-weight: bold;
  padding: 0.5em 1em;
  border: 3px solid #DC7B89;
  overflow: hidden;
  position: relative;
}
.secPrivacy.ttl_frame1::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  border-width: 25px 25px 0 0;
  border-style: solid;
  border-color: #DC7B89 #fff #DC7B89;
}

.secPrivacy .img {
	border-radius: 5%;
	padding: 10px;
	width: 98%;
}

@media screen and (max-width: 768px) {
.secPrivacy .img {
	border-radius: 5%;
	padding: 10px;
	max-height: 400px;
}	
}

.ti_2 {
  text-indent: -1.5em;
  padding-left: 0.5em;
	list-style: none;
}


/*リンク*/

.linkbox1 {
  width:100%;
  height:auto;
  border-radius:8px 8px 8px 8px;
  border: 4px dotted #f25c05;
  text-align: center;
  padding: 8px 8px 8px 12px;
	margin: auto 0;
	letter-spacing: 2px;
}

.linkbox2 {
  width:100%;
  height:auto;
  border-radius:8px 8px 8px 8px;
  border: 4px dotted #d92378;
  text-align: center;
  padding: 8px 8px 8px 12px;
	margin: auto 0;
	letter-spacing: 2px;
}

.linkbox3 {
  width:100%;
  height:auto;
  border-radius:8px 8px 8px 8px;
  border: 4px dotted #f2b705;
  text-align: center;
  padding: 8px 8px 8px 12px;
	margin: auto 0;
	letter-spacing: 2px;
}

.linkbox4 {
  width:100%;
  height:auto;
  border-radius:8px 8px 8px 8px;
  border: 4px dotted #208c46;
  text-align: center;
  padding: 8px 8px 8px 12px;
	margin: auto 0;
	letter-spacing: 2px;
}

.linkbox5 {
  width:100%;
  height:auto;
  border-radius:8px 8px 8px 8px;
  border: 4px dotted #afc717;
  text-align: center;
  padding: 8px 8px 8px 12px;
	margin: auto 0;
	letter-spacing: 2px;
}

.linkbox6 {
  width:100%;
  height:auto;
  border-radius:8px 8px 8px 8px;
  border: 4px dotted #f299b9;
  text-align: center;
  padding: 8px 8px 8px 12px;
	margin: auto 0;
	letter-spacing: 2px;
}

.linkbox7 {
  width:100%;
  height:auto;
  border-radius:8px 8px 8px 8px;
  border: 4px dotted #f2e205;
  text-align: center;
  padding: 8px 8px 8px 12px;
	margin: auto 0;
	letter-spacing: 2px;
}

.linkbox8 {
  width:100%;
  height:auto;
  border-radius:8px 8px 8px 8px;
  border: 4px dotted #f2911b;
  text-align: center;
  padding: 8px 8px 8px 12px;
	margin: auto 0;
	letter-spacing: 2px;
}
.linkbox9 {
  width:100%;
  height:auto;
  border-radius:8px 8px 8px 8px;
  border: 4px dotted #1f2f8c;
  text-align: center;
  padding: 8px 8px 8px 12px;
	margin: auto 0;
	letter-spacing: 2px;
}

.shisetsuP {
	border-radius:5px 5px 5px 5px;	
}


/*予防接種*/

.seclink02 {
  max-width: 800px;
  margin: 15px auto 0 !important;
  padding: 10px 10px;
  background: #fff;
  border-radius: 8px;
}


.seclink02 > div {
  padding: 15px;
  border: 2px solid #B95061;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  background-color: #fff;
}
.seclink02 h2 {
  margin: 0;
  color: #DC7B89;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: bold;
	padding-left: 10px;
}

.seclink02 div .row .col-4 {
	padding-left: 20px;
}
.seclink02 .col-5 {
  width: 41.66666%;
}

.secVaccine02 .rowyoyaku {

  display: -webkit-flex;
  display: flex;
  margin: 40px 10px 0;
	text-align: center;
	text-indent: 0!important;
}

@media screen and (max-width: 768px) {
  .seclink02 .rowyoyaku {
    display: block;
    margin: 40px 0 0;
  }
}	


.seclink02 dl {
  margin-top: 1em;
  line-height: 2;
}
.seclink02 dl dt {
  margin: 0;
  float: left;
  clear: both;
  font-weight: normal;
}

.seclink02 ul {
	width: 100%;
	display: flex;
	justify-content:space-between;
	margin: 25px 10px;
}

@media screen and (max-width: 768px){
.seclink02 ul {
	width: 100%;
	justify-content:flex-end;
    flex-flow: column;
	margin-bottom: 20px;
	margin-left:  5px;
}	
}

.seclink02 li {
	width: 45%;
	margin-right: 20px;
	list-style: none;
	padding-right: 1em;	
}

.seclink02 .liyoyaku {
	width: 45%;
/*	margin-right: 20px;*/
	list-style: none;
	text-indent: 0;
    border-radius: 10px;        /* 角丸指定 */
    display:  inline-block;     /* インラインブロックする */
    box-sizing:  border-box;    /* 崩れ防止 */
    margin-bottom: 5px;         /* 要素の空き具合指定 */
    text-align:  center;        /* 中央揃え */
	color: #233A59;
	font-size: 16px;
	margin-left: 15px;
	padding: .5em 1.5em;       /* 余白指定 */
	background-color: rgba(238, 121, 27,0.2);
    border: 2px solid rgba(238, 121, 27,0.3)/*#ee791b*/;
}
@media screen and (max-width: 768px){
 .seclink02　.liyoyaku {
	width: 100%;
/*	margin-right: 20px;*/
	list-style: none;
	text-indent: 0;
    border-radius: 10px;        /* 角丸指定 */
    display:  inline-block;     /* インラインブロックする */
    box-sizing:  border-box;    /* 崩れ防止 */
    margin-bottom: 5px;         /* 要素の空き具合指定 */
    text-align:  center;        /* 中央揃え */
	color: #233A59;
	font-size: 16px;
	margin-left: 5px;
	padding: .5em 0;       /* 余白指定 */
	background-color: rgba(238, 121, 27,0.2);
    border: 2px solid rgba(238, 121, 27,0.3)/*#ee791b*/;
}	
}
@media screen and (max-width: 768px){
.seclink02 li {
	width: 95%;
	list-style: none;
	margin-bottom: 20px;
}	
}

@media screen and (max-width: 768px){
.seclink02 .liyoyaku {
	width: 95%;
	list-style: none;
}	
}

.seclink02 .ti {
	text-indent: -1em;
	padding-left: 20px;
}

.seclink02 li .ls01 {
	letter-spacing: 1px;
}


@media screen and (max-width: 768px) {
.seclink02 dl dt {
    margin-top: 1em;
    float: none;
    font-weight: bold;
  }
}
.seclink02 dl dt {
	color: #BC5E5E;
	 display     : inline-block;    /* 変形するためのブロック化 */
  font-size   : 22pt;            /* 文字サイズ */
  line-height : 1em;             /* 行の高さ */
  transform   : scale(0.8, 1.5);
  padding-top: 10px;
}
.seclink02 dl dd {
  margin-left: 10em;
}
@media screen and (max-width: 768px) {
.seclink02 dl dd {
	margin-top: 1em;
    margin-left: 1em;
	line-height: 1.5em;
  }
}

/* 本文を細い新ゴに */
.extrabox .extrainner,
.extrabox .extrainner p,
.extrabox01 .extrainner,
.extrabox01 .extrainner p {
  font-family: a-otf-ud-shin-go-pr6n, sans-serif;
  font-weight: 300;
}
/* 太字はサイト標準のスーラ */
.extrabox .extrainner strong,
.extrabox .extrainner b,
.extrabox01 .extrainner strong,
.extrabox01 .extrainner b {
  font-family: fot-seurat-pron, sans-serif;
  font-weight: 600;
}

.hutoji_taisho {
  font-family: m-plus-rounded-1m, sans-serif;
  font-weight: 700;
  font-size: 1.05em;
}

.taisho_nenrei {
  font-size: 1.1em;
  color: #c30d23;
}