@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;400;500;700;900&display=swap");
/*
Theme Name: maruho
Theme URI: null
Description: Description
Author: 81bridge - SGX
Version: 1.0
*/
/*------------------------------------------------------------
	デフォルトスタイル
------------------------------------------------------------*/
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, font, 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 {
  margin: 0;
  padding: 0;
  background: transparent;
  border: 0;
  outline: 0;
  font-size: 1em;
}

html {
  font-size: 62.5%;
}

body, table, input, textarea, select, option {
  font-family: "Noto Sans JP", sans-serif;
}

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

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

:focus {
  outline: 0;
}

ins {
  text-decoration: none;
}

del {
  text-decoration: line-through;
}

img {
  vertical-align: top;
  max-width: 100%;
}

a, a:link {
  color: #000;
  text-decoration: none;
}
a:visited {
  color: #000;
}
a:hover {
  color: #000;
}
a:active {
  color: #000;
}

.aligncenter {
  display: block;
  margin: 0 auto;
}

.alignright {
  float: right;
}

.alignleft {
  float: left;
}

img[class*=wp-image-], img[class*=attachment-] {
  height: auto;
  max-width: 100%;
}

.wp-block-image {
  margin: 0;
}
.wp-block-image figure, .wp-block-image figcaption {
  display: block;
}
.wp-block-image img {
  border-radius: 33px;
}

a.nolink, a.nolink:hover {
  opacity: 1;
  cursor: default;
  pointer-events: none;
}

/*------------------------------------------------------------
	レイアウト
------------------------------------------------------------*/
body {
  min-width: 1040px;
  color: #324755;
  font-size: 1.4rem;
  line-height: 1.5;
  -moz-text-size-adjust: none;
       text-size-adjust: none;
  -webkit-text-size-adjust: none;
}

#container {
  text-align: left;
  overflow: hidden;
}

#main {
  background-color: #f6fbfd;
  position: relative;
}

a[href^="tel:"] {
  cursor: default;
  pointer-events: none;
}

@media all and (min-width: 897px) {
  .sp {
    display: none !important;
  }
}
@media all and (max-width: 896px) {
  body {
    min-width: inherit;
  }
  a:hover, a:hover img {
    opacity: 1 !important;
  }
  .pc {
    display: none !important;
  }
  a[href^="tel:"] {
    cursor: pointer;
    pointer-events: auto;
  }
}
/*------------------------------------------------------------
	ヘッダー 2022-09-21 modified by takatsuka / mip
------------------------------------------------------------*/
#gHeader {
  margin-bottom: 17px;
}
#gHeader .hInner {
  padding-bottom: 7px;
  background-color: #013B8F;
}
#gHeader .hInner .inner {
  display: flex;
  justify-content: space-between;
  width: 960px;
  margin: 0 auto;
}
#gHeader .hInner .inner p {
  margin-top: 5px;
}
#gHeader .hInner .inner p a {
  color: #fff;
  font-size: 1.2rem;
}
#gHeader .hInner .inner .logo {
  width: 297px;
  margin-top: 5px;
}
#gHeader .hBox {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 960px;
  margin: 16px auto 0;
}
#gHeader .hBox .lBox {
  width: 270px;
}
#gHeader .hBox .lBox a {
  display: block;
}
#gHeader .hBox .lBox p {
  margin-bottom: 10px;
  color: #324755;
  font-size: 1.1rem;
  font-weight: bold;
  line-height: 1.55;
  letter-spacing: 2.2px;
}
#gHeader .hBox .rBox {
  display: flex;
}
#gHeader .hBox .topUl {
  display: flex;
  justify-content: flex-end;
  margin: -2px 0 6px;
}
#gHeader .hBox .topUl li {
  margin-left: 20px;
}
#gHeader .hBox .topUl a {
  position: relative;
  color: #324755;
}
#gHeader .hBox .topUl a::before {
  position: absolute;
  top: 8px;
  left: -11px;
  width: 0;
  height: 0;
  border: none;
  border-left: 5px solid transparent;
  border-bottom: 5px solid #566fd8;
  content: "";
  transition: all 0.3s;
  transform: rotate(-45deg);
}
#gHeader .hBox #gNavi {
  text-align: right;
}
#gHeader .hBox .naviUl {
  display: flex;
}
#gHeader .hBox .naviUl li {
  margin-left: 32px;
}
#gHeader .hBox .naviUl li img {
  display: block;
  width: 24px;
  margin: 0 auto;
}
#gHeader .hBox .naviUl a {
  display: block;
  color: #324755;
  font-size: 1.5rem;
  font-weight: bold;
  line-height: 1.3;
}
#gHeader .hBox .hLink a {
  display: block;
  width: 120px;
  height: 72px;
  margin: 0 0 0 32px;
  padding: 13px 22px 12px 23px;
  border-radius: 8px;
  background-color: #7ecef4;
  color: #fff;
  font-weight: bold;
  font-size: 1.5rem;
  line-height: 1;
  text-align: center;
  box-sizing: border-box;
}
#gHeader .hBox .hLink a img {
  display: block;
  width: 24px;
  height: 24px;
  margin: 0 auto 2px;
}

.menu {
  z-index: 100;
  position: absolute;
  top: 8px;
  right: 30px;
  width: 33px;
  height: 25px;
  background: url("img/common/menu_img01.png") no-repeat right top/16px;
  cursor: pointer;
}
.menu.active {
  top: 8px;
  right: 30px;
  height: 25px;
  background: url("img/common/menu_img02.png") no-repeat right top/13px;
}
.menu .meunTxt {
  position: absolute;
  bottom: -9px;
  left: 3px;
  width: 45px;
  font-size: 1.1rem;
  font-weight: bold;
}

@media all and (min-width: 897px) {
  #gHeader .hInner .inner p a:hover {
    opacity: 0.7;
  }
}
@media all and (max-width: 896px) {
  #gHeader {
    margin-bottom: 12px;
  }
  #gHeader .hInner {
    padding: 6px 19px 5px;
  }
  #gHeader .hInner .inner {
    width: auto;
  }
  #gHeader .hInner .inner p {
    margin-top: 0;
  }
  #gHeader .hInner .inner p a {
    font-size: 1rem;
  }
  #gHeader .hInner .inner .logo {
    width: 90px;
  }
  #gHeader .hBox {
    position: relative;
    display: block;
    width: auto;
    margin: 10px auto 0;
  }
  #gHeader .hBox .lBox {
    padding-left: 15px;
	 width: 200px;
  }
  #gHeader .hBox .lBox p {
    margin-bottom: 7px;
  }
  #gHeader .hBox .rBox {
    display: none;
    z-index: 100;
    position: absolute;
    top: 62px;
    left: 0;
    width: 100%;
    padding: 0 17px;
    background-color: #fff;
    box-sizing: border-box;
	  border-top: 1px solid rgba(50, 71, 85, 0.1);
  }
  #gHeader .hBox .topUl {
    display: block;
  }
  #gHeader .hBox .topUl li {
    margin: 0;
    border-top: 1px solid #eee;
  }
  #gHeader .hBox .topUl a {
    display: block;
    padding: 22px 19px 21px 52px;
    background: url("img/common/arrow_img06.png") no-repeat right 18px center/7px;
    color: #324755;
    font-size: 1.5rem;
    font-weight: bold;
    line-height: 1.3;
    box-sizing: border-box;
  }
  #gHeader .hBox .topUl a::before {
    top: calc(50% - 0.4rem);
    left: 17px;
    border-width: 0 0 10px 10px;
  }
  #gHeader .hBox .topUl img {
    margin: 4px 18px 0 0;
    width: 16px;
  }
  #gHeader .hBox .naviUl {
    display: block;
    width: auto;
  }
  #gHeader .hBox .naviUl li {
    width: auto;
    margin-left: 0;
    border-bottom: 1px solid #eee;
    text-align: left;
  }
  #gHeader .hBox .naviUl li img {
    display: inline-block;
    width: 24px;
    margin-right: 13px;
  }
  #gHeader .hBox .naviUl a {
    padding: 20px 15px 21px;
    background: url("img/common/arrow_img06.png") no-repeat right 18px center/7px;
    box-sizing: border-box;
  }
  #gHeader .hBox .hLink a {
    width: 303px;
    height: 48px;
    margin: 9px auto 10px;
    padding: 15px 10px;
    font-weight: 500;
  }
  #gHeader .hBox .hLink a img {
    display: inline-block;
    margin: -3px 6px 0 0;
  }
}
@media all and (max-width: 374px) {
  #gHeader .hBox .lBox {
    width: 238px;
  }
  #gHeader .hBox .hLink a {
    width: 278px;
  }
}
/*------------------------------------------------------------
	フッター
------------------------------------------------------------*/
.indextop #footer_wrapp {
  position: relative;
  top: 82px;
  width: 100%;
  min-width: 960px;
}

#footer_wrapp {
  clear: both;
  color: #FFFFFF;
  min-width: 960px;
  background-color: #3D3D3D;
}

#footer_menu {
  background-color: #333333;
}

#footer_menu_inner {
  width: 960px;
  margin: 0 auto;
  text-align: left;
  padding: 24px 0 25px;
}
#footer_menu_inner ul li {
  margin: 0 15px;
  display: inline;
  list-style: none;
  font-size: 1.3rem;
}
#footer_menu_inner a {
  color: #FFFFFF;
  text-decoration: none;
}
#footer_menu_inner a:hover {
  opacity: 0.7;
}

#footer_left_menu {
  margin-left: -15px;
  width: 575px;
  float: left;
}

.indextop #footer_right_menu {
  margin-right: 0;
}

#footer_right_menu {
  width: 400px;
  float: right;
  text-align: right;
  margin-right: 0;
}

.cb {
  clear: both;
  line-height: 0%;
  height: 0px;
}

.cf::after {
  content: ".";
  display: block;
  height: 0px;
  clear: both;
  visibility: hidden;
}

#footer_bottom {
  width: 960px;
  margin: 0 auto;
  text-align: left;
  padding: 34px 0;
}

#footer_logo {
  padding-bottom: 0.8em;
  margin-left: -7px;
}

#footer_left {
  width: 410px;
  float: left;
  font-size: 83%;
}
#footer_left p {
  padding-bottom: 0.5em;
  line-height: 165%;
}
#footer_left address {
  font-style: normal;
  letter-spacing: 0.45px;
}

#footer_right {
  margin-top: 8px;
  width: 540px;
  float: right;
}
#footer_right table {
  width: 100%;
  border-collapse: collapse;
  margin-top: -18px;
  font-size: 95%;
}
#footer_right table th {
  text-align: left;
  vertical-align: top;
  border-bottom: solid #5c5c5c 1px;
  padding: 24px 0 12px 0;
  padding-left: 0px;
  width: 17.5%;
}
#footer_right table th.footer_access {
  background: url("img/common/footer_icon_map.gif") left 27px no-repeat;
  padding-left: 20px;
  font-size: 1.2rem;
  font-weight: 400;
}
#footer_right table td {
  text-align: left;
  vertical-align: top;
  border-bottom: solid #5c5c5c 1px;
  padding: 24px 0 12px 0;
  font-size: 1.2rem;
  letter-spacing: 0.7px;
}
#footer_right table td a {
  color: #7091c0;
}
#footer_right table td a:hover {
  opacity: 0.7;
}

@media all and (max-width: 896px) {
  #footer_wrapp {
    min-width: auto;
  }
  #footer_menu_inner {
    padding: 0;
    width: auto;
    text-align: left;
  }
  #footer_menu_inner ul li {
    margin: 0;
    width: calc(50% - 1px);
    min-height: 44px;
    display: inline-block;
    font-size: 1.05rem;
    letter-spacing: 0.2px;
    border-right: 1px solid #474747;
    border-bottom: 1px solid #474747;
  }
  #footer_menu_inner ul li:nth-child(2n) {
    border-right: none;
  }
  #footer_menu_inner a {
    padding: 14px;
    box-sizing: border-box;
    display: block;
    position: relative;
  }
  #footer_menu_inner a::after {
    position: absolute;
    content: "";
    top: 21px;
    right: 6px;
    width: 3px;
    height: 3px;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    transform: rotate(45deg);
  }
  #footer_left_menu {
    margin-left: 0;
    width: auto;
    float: none;
    display: flex;
    flex-wrap: wrap;
  }
  #footer_right_menu {
    width: auto;
    float: none;
    text-align: left;
  }
  #footer_menu_inner #footer_right_menu {
    display: flex;
  }
  #footer_menu_inner #footer_right_menu li {
    width: 33.3333333333%;
    display: inline-block;
  }
  #footer_menu_inner #footer_right_menu li:nth-child(2n) {
    border-right: 1px solid #474747;
  }
  #footer_menu_inner #footer_right_menu li:nth-child(3n) {
    border-right: none;
  }
  #footer_bottom {
    width: auto;
    padding: 18px 19px 29px;
    display: flex;
    flex-wrap: wrap;
  }
  #footer_logo {
    padding-bottom: 0.8em;
    margin-left: 0;
  }
  #footer_left {
    margin-top: 15px;
    width: 100%;
    float: none;
    font-size: 83%;
    order: 2;
  }
  #footer_left p {
    font-size: 1rem;
  }
  #footer_left address {
    font-size: 1rem;
    letter-spacing: 0.5px;
  }
  #footer_right {
    margin-top: 0;
    width: 100%;
    float: none;
  }
  #footer_right table {
    width: 100%;
    border-collapse: collapse;
    margin-top: 0;
    font-size: 95%;
  }
  #footer_right table td, #footer_right table th {
    width: 100%;
    display: block;
  }
  #footer_right table th {
    border-bottom: none;
    padding: 19px 21px 9px;
    width: 17.5%;
    box-sizing: border-box;
    font-weight: 400;
    font-size: 1.25rem;
    background: url("img/common/tel_icon02.jpg") no-repeat left 1px top 22px/12px;
  }
  #footer_right table th.footer_access {
    background: url("img/common/footer_icon_map.gif") left 0px top 3px no-repeat;
    padding: 0 0 8px 22px;
    font-size: 1.3rem;
    font-weight: 400;
    box-sizing: border-box;
    letter-spacing: 0.7px;
  }
  #footer_right table td {
    padding: 0 0 15px 0;
    font-size: 1.2rem;
    letter-spacing: 0.7px;
  }
  #footer_right table td span {
    color: #838383;
  }
  #footer_right table td a {
    display: inline-block;
    margin-top: 3px;
    text-decoration: underline;
  }
  #footer_right table td .tel {
    color: #fff;
    text-decoration: none;
  }
}
@media all and (max-width: 374px) {
  #footer_menu_inner a {
    letter-spacing: -0.8px;
  }
}
/*------------------------------------------------------------
	汎用スタイル
------------------------------------------------------------*/
/* clearfix */
.clearfix:after {
  content: "";
  display: block;
  clear: both;
}

/* flex */
.flex, .flexA, .flexB, .flexC {
  display: flex;
  flex-wrap: wrap;
}

.flexA {
  justify-content: space-around;
}

.flexB {
  justify-content: space-between;
}

.flexC {
  justify-content: center;
}

/*------------------------------------------------------------
	common 2022-09-21 modified by takatsuka / mip
------------------------------------------------------------*/
.comBox {
  margin: 0 auto;
  width: 960px;
}

.mainVisual {
  padding-top: 10px;
  width: 100%;
  height: 215px;
  box-sizing: border-box;
  background-color: #4ba7d8;
  background: url("img/common/horn_img_blue_dot.png") repeat;
}

#pagePath {
  margin: 0 auto 40px;
  max-width: 960px;
	z-index: 2;
	position: relative;
}
#pagePath li {
  margin-right: 5px;
  display: inline;
  color: #2a2d2f;
  font-size: 1.2rem;
  letter-spacing: 1.2px;
}
#pagePath a {
  margin-right: 5px;
  color: #2a2d2f;
  text-decoration: underline;
}

.title {
  display: flex;
  align-items: center;
  position: relative;
}
.title .time {
  position: absolute;
  color: #FFF;
  font-size: 1.2rem;
  font-weight: normal;
  right: 0;
  letter-spacing: 0.6px;
}
.title p {
  margin: -3px 0 0 24px;
  color: #2a2d2f;
  font-size: 1.3rem;
  letter-spacing: 1.3px;
}

.headLine01 {
/*  color: #fff;*/
  color: #5976ba;
  font-size: 2.8rem;
  font-weight: bold;
  letter-spacing: 2.8px;
  min-width: 184px;
  height: 62px;
  padding: 7px 29px 7px 32px;
  display: inline-block;
  border-radius: 24px;
  box-shadow: 0 8px 32px 0 rgba(75, 167, 216, 0.1);
/*  background-color: #566fd8;*/
  background-color: #f7e27b; 
  box-sizing: border-box;
  position: relative;
}
.headLine01::after {
  position: absolute;
  background: url("img/common/horn_img.png") no-repeat left bottom/20px;
  width: 20px;
  height: 20px;
  bottom: -20px;
  left: 32px;
  content: "";
}

.comBgBox {
  width: 960px;
  margin: -32px auto 96px;
  padding: 44px 80px;
  border-radius: 32px;
  background-color: #ffffff;
  box-sizing: border-box;
	z-index: 2;
	position: relative;
}

.comBox .imgBox{
	position: absolute;
	right: 130px;
	top: -55px;
}
.comBox .imgBox img{
	height: 145px;
}

.comUl {
  padding: 48px 0;
  background-color: #fff;
}
.comUl ul {
  margin: 0 auto;
  width: 816px;
  display: flex;
  justify-content: space-between;
	z-index: 2;
	position: relative;
}
.comUl ul li {
  min-width: 400px;
  text-align: center;
}
.comUl ul li a {
  padding: 13px 20px 14px;
  display: block;
  color: #324755;
  font-size: 1.4rem;
  font-weight: bold;
  box-sizing: border-box;
  background: #edf9fc url("img/common/arrow_img01.png") no-repeat left 10px center/20px;
  border-radius: 80px;
}

.comBtmBox {
  padding: 0 0 100px;
  background: url(img/common/footer_bottom.png) bottom center repeat-x;
	z-index: 2;
	position: relative;
}
/*
.comBtmBox .comBox {
  display: flex;
  justify-content: space-between;
}
*/
.comBtmBox .comBox .rBox{
	display: flex;
	position: relative;
}
.comBtmBox .img {
  margin-top: 10px;
	margin-bottom: 20px;
}
.comBtmBox .img a {
  display: block;
}
.comBtmBox .img span {
  margin-bottom: 12px;
  display: block;
  color: #324755;
  font-size: 1.1rem;
  font-weight: bold;
  letter-spacing: 2.2px;
}
.comBtmBox .img img {
  width: 262px;
}
.comBtmBox .img .rBox {
  width: 480px;
}
.comBtmBox .comBtn {
  margin-bottom: 16px;
  width: 200px;
  border-radius: 8px;
    margin-right: 40px;
}
.comBtmBox .comBtn a {
  padding: 12px 10px 11px;
  width: 100%;
  display: block;
  color: #fff;
  font-size: 1.5rem;
  font-weight: 500;
  text-align: center;
  box-sizing: border-box;
  background: #7ecef4;
  border-radius: 10px;
}
.comBtmBox .comBtn a::before {
  margin-right: 5px;
  display: inline-block;
  content: "";
  width: 24px;
  height: 24px;
  vertical-align: middle;
  background: url("img/common/search_icon.png") no-repeat left center/24px;
}
.comBtmBox .innBox {
  display: flex;
}
.comBtmBox .innBox .lLink {
  margin: -10px 18px 0 0;
  width: 200px;
}
.comBtmBox .innBox .lLink li {
  margin-top: 10px;
}
.comBtmBox .innBox .lLink a {
  color: #324755;
  font-size: 1.5rem;
  font-weight: bold;
}
.comBtmBox .innBox .lLink img {
  margin-right: 5px;
  width: 24px;
}
.comBtmBox .innBox .rLink {
  margin-top: -7px;
}
.comBtmBox .innBox .rLink li {
  margin-top: 7px;
}
.comBtmBox .innBox .rLink a {
  color: #324755;
  font-size: 1.4rem;
  font-weight: normal;
  position: relative;
}
.comBtmBox .innBox .rLink a::before {
  position: absolute;
  content: "";
  top: 8px;
  left: -11px;
  width: 0;
  height: 0;
  border: none;
  transition: all 0.3s;
  border-left: solid 5px transparent;
  border-bottom: 5px solid #566fd8;
  transform: rotate(-48deg);
}

.comBox .snsBox ul{
    display: flex;
    margin: 2em auto;
    justify-content: center;
}
.comBox .snsBox ul li{
	margin: 0 10px;
}
.comBtmBox .comBox .rBox .footer_makizume{
	position: absolute;
	right: 4em;
   bottom: 0.1em;
}
.comBtmBox .comBox .rBox .footer_makizume img{
	width: 142px;
}

.wp-block-quote {
  margin-bottom: 40px;
  padding: 18px 48px 22px;
  border: solid 2px #f6fbfd;
  border-radius: 16px;
  position: relative;
  box-sizing: border-box;
}
.wp-block-quote::before, .wp-block-quote::after {
  position: absolute;
  width: 24px;
  height: 22px;
  top: -10px;
  left: 14px;
  content: "";
  background: url("img/common/quote01.png") no-repeat left top/24px;
}
.wp-block-quote::after {
  top: auto;
  bottom: -10px;
  left: auto;
  right: 14px;
  background-image: url("img/common/quote02.png");
}
.wp-block-quote p:last-child {
  margin-bottom: 0 !important;
}
.wp-block-quote p a {
  margin-top: 0 !important;
  color: #566fd8;
  display: inline-block !important;
}

.comNewsList {
  margin-bottom: 8px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.comNewsList::after {
  width: 300px;
  content: "";
}
.comNewsList li {
  margin-bottom: 32px;
  width: 300px;
	z-index: 2;
}
.comNewsList li img {
  border-radius: 32px;
}
.comNewsList li .comImg {
  margin-bottom: 14px;
  overflow: hidden;
}
.comNewsList li a {
  display: block;
}
.comNewsList li .txt {
  margin-bottom: 7px;
  display: block;
  color: #566fd8;
  font-size: 1.4rem;
  font-weight: bold;
  letter-spacing: 1.5px;
}
.comNewsList li .know {
  margin-right: 5px;
  padding: 4px 10px 8px;
  min-width: 68px;
  display: inline-block;
  color: #fff;
  font-size: 1.2rem;
  text-align: center;
  background-color: #566fd8;
  border-radius: 32px;
  box-sizing: border-box;
}

@media all and (min-width: 897px) {
  #pagePath a:hover {
    text-decoration: none;
  }
  #gHeader .hBox .hLink a:hover {
    background-color: #4ba7d8;
  }
  #gHeader .hBox .naviUl a:hover {
    color: #566fd8;
  }
  #gHeader .hBox .topUl a:hover {
    color: #566fd8;
  }
  .comUl ul li a:hover {
    color: #fff;
    background-color: #566fd8;
    background-image: url("img/common/arrow_img02.png");
  }
  a:hover .comImg img {
    transform: scale(1.05);
  }
  .comImg {
    display: block;
    width: 100%;
    border-radius: 32px;
    overflow: hidden;
  }
  .comImg img {
    width: 100%;
    border-radius: 32px;
    transition: 0.3s;
    overflow: hidden;
  }
  .comBtmBox .comBtn a:hover {
    background: #4ba7d8 ;
    border-radius: 8px;
  }
  .comBtmBox .innBox .rLink a:hover,
  .comBtmBox .innBox .lLink a:hover {
    color: #566fd8;
  }
  .comNewsList li a:hover .txt {
    color: #324755;
  }
}
@media all and (max-width: 896px) {
  .comBox {
    padding: 0 15px;
    width: auto;
  }
  .mainVisual {
    padding-top: 5px;
    height: 186px;
  }
  #pagePath {
    margin: 0 15px 35px;
  }
  #pagePath li {
    margin-right: 2px;
  }
  #pagePath a {
    margin-right: 2px;
  }
  .title {
    display: block;
    text-align: left;
  }
  .title p {
    margin: 30px 0 0 0;
    line-height: 1.86;
    font-weight: 600;
	  text-align: center;
  }
  .headLine01::after {
    left: 21px;
  }
	.comBox .imgBox{
    right: 20px;
	}
	.comBox .imgBox img{
		height: 100px;
	}
  .comBgBox {
    width: auto;
    padding: 22px 30px 50px;
    margin: -25px 16px 50px;
  }
  .comBgBox p {
    margin-bottom: 56px;
    line-height: 1.71 !important;
    font-size: 1.4rem;
    letter-spacing: 1.4px;
  }
  .comUl {
    padding: 44px 0 50px;
  }
  .comUl ul {
    margin-top: -8px;
    width: auto;
    max-width: 220px;
    flex-wrap: wrap;
    justify-content: center;
  }
  .comUl ul li {
    margin-top: 15px;
    min-width: 214px;
    text-align: center;
  }
  .comUl ul li a {
    padding: 8px 20px 11px;
  }
  .comBtmBox {
    padding: 36px 0 20px;
  }
  .comBtmBox .comBox {
    justify-content: center;
    flex-wrap: wrap;
    max-width: 500px;
  }
  .comBtmBox .comBtn {
    width: 303px;
    margin: 0 auto 16px;
    background: url("img/common/search_icon.png") no-repeat left 102px center/24px;
  }
  .comBtmBox .comBtn a {
    display: inline-block;
    width: 100%;
  }
  .comBtmBox .img {
    margin-bottom: 29px;
	  text-align: center;
  }
  .comBtmBox .img span {
    margin-bottom: 11px;
  }
	.comBtmBox{
		background: none;
	}
	.comBtmBox .comBox .rBox{
		display: block;
	}
	.comBtmBox .comBox .rBox .footer_makizume{
		position: relative;
		margin: 1em;
		text-align: center;
		right: auto;
	}
	.comBtmBox .comBox .rBox .footer_makizume img{
		width: 100px
	}
  .comBtmBox .innBox {
    display: block;
  }
  .comBtmBox .innBox .lLink {
    display: flex;
    justify-content: center;
    width: auto;
    margin: 0 0 20px;
  }
  .comBtmBox .innBox .lLink li {
    margin-top: 0;
  }
  .comBtmBox .innBox .rLink {
    display: block;
    margin: 0 auto;
    width: 250px;
  }
  .comBtmBox .innBox .rLink li {
    margin-top: 7px;
  }
  .wp-block-quote {
    margin-bottom: 48px;
    padding: 18px 38px 22px 48px;
  }
  .wp-block-quote p {
    margin-bottom: 0;
    letter-spacing: 0;
  }
  .comNewsList li {
    margin: 15px 0 0;
    width: 100%;
  }
  .comNewsList li:first-child {
    margin: 0 !important;
  }
  .comNewsList li a {
    display: flex;
    width: 100%;
    justify-content: space-between;
  }
  .comNewsList li img {
    margin-bottom: 0;
    width: 163px;
    height: 100%;
    border-radius: 10px;
  }
  .comNewsList li .textArea {
    width: calc(100% - 170px);
  }
  .comNewsList li .txt {
    line-height: 1.71;
  }
}
@media all and (max-width: 374px) {
  .title p {
    font-size: 1.2rem;
    letter-spacing: 0.6px;
  }
  .comBtmBox .innBox .rLink {
    padding: 0 11px;
  }
  .comBtmBox .innBox .rLink a::before {
    left: -9px;
  }
  .comNewsList li img {
    width: 151px;
  }
  .comNewsList li .textArea {
    width: calc(100% - 161px);
  }
  .comNewsList li .txt {
    font-size: 1.2rem;
  }
  .comNewsList li .know {
    padding: 7px 10px;
    min-width: 44px;
    font-size: 0.9rem;
  }
}
/* article */
.article {
  margin-bottom: 49px;
}
.article h3 {
  margin-bottom: 20px;
  color: #fff;
  font-size: 2rem;
  font-weight: bold;
  letter-spacing: 2px;
  text-align: center;
}
.article ul {
	z-index: 2;
	position: relative;
}
.article ul li {
  margin-top: 5px;
  background-color: #fff;
  border-radius: 32px;
}
.article li a {
  padding: 16px;
  display: flex;
  box-sizing: border-box;
  align-items: center;
  justify-content: space-between;
}
@media all and (min-width: 897px) {
  .article li a:hover p {
    color: #324755;
  }
}
.article li .img {
  width: 160px;
  border-radius: 16px;
}
.article li img {
  width: 100%;
  border-radius: 16px;
}
.article li p {
  width: calc(100% - 177px);
  color: #566fd8;
  font-weight: bold;
  letter-spacing: 1.4px;
}
.article li p span {
  margin: 7px 5px 0 0;
  padding: 4px 10px 8px;
  min-width: 68px;
  display: inline-block;
  color: #fff;
  font-size: 1.2rem;
  font-weight: normal;
  letter-spacing: 0;
  text-align: center;
  background-color: #566fd8;
  border-radius: 32px;
  box-sizing: border-box;
}

@media all and (max-width: 896px) {
  .article {
    margin: 0 -15px;
    padding: 40px 15px;
    background-color: #FFF;
  }
  .article h3 {
    margin-bottom: 20px;
    color: #324755;
  }
  .article ul li {
    margin: 0 15px;
    background-color: #fff;
    border-radius: 32px;
  }
  .article li a {
    padding: 7px 0;
    align-items: flex-start;
  }
  .article li .img {
    width: 165px;
  }
  .article li .img img {
    border-radius: 10px;
  }
  .article li p {
    width: calc(100% - 170px);
  }
  .article li p span {
    margin-right: 3px;
    padding: 6px 10px;
    font-weight: 300;
  }
}
@media all and (max-width: 374px) {
  .article li .img {
    width: 141px;
  }
  .article li p {
    width: calc(100% - 150px);
  }
  .article li p span {
    font-size: 1.1rem;
    min-width: 64px;
  }
}
/* comPhoBox */
.comPhoBox {
  padding: 64px 0 48px;
  position: relative;
}
.comPhoBox h2 {
  margin-bottom: 34px;
  color: #566fd8;
  font-size: 2rem;
  font-weight: bold;
  text-align: center;
  letter-spacing: 2px;
  position: relative;
  z-index: 2;
}
.comPhoBox .comList{
    margin: 0 auto;
}

@media all and (min-width: 897px) {
/*
  .comPhoBox {
    background: url(img/about_special_sample/com_photo_bg.png) repeat center top/32px 32px;
  }
  .comPhoBox::before {
    width: 100%;
    height: 150px;
    position: absolute;
    left: 0;
    top: 0;
    content: "";
    background-color: #FFF;
  }
*/
}
@media all and (max-width: 896px) {
  .comPhoBox {
    padding: 15px 0 48px;
    overflow: hidden;
    background: #FFF;
  }
}
/* comList */
.comList {
  max-width: 960px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
	z-index: 2;
	position: relative;
    margin: 2em -160px;
}
.comList::after {
  display: inline-block;
  font-size: 0;
  width: 280px;
  content: "";
}
.comList li {
  width: 282px;
}
.comList li a {
  display: block;
  text-align: center;
}
.comList li a:hover,
.topVisual .imgBox a:hover,
.comBox .snsBox ul a:hover{
	opacity: 0.8;
}
.comList .img {
  margin: 0 auto;
  width: 250px;
  display: block;
  position: relative;
  z-index: 2;
  border-radius: 250px;
  box-shadow: 0 8px 32px 0 rgba(75, 167, 216, 0.2);
}
.comList .img img {
  width: 100%;
}
.comList .img .txt {
  position: absolute;
  left: 16px;
  top: 16px;
  right: 16px;
  bottom: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #FFF;
  font-weight: 600;
  font-size: 2.8rem;
  transition: all 0.3s;
  z-index: 3;
  background-image: linear-gradient(to bottom, rgba(75, 167, 216, 0.4), rgba(86, 111, 216, 0.4));
  border-radius: 220px;
}
/*
.comList .txt::before {
  margin: 5px 8px 0 0;
  display: inline-block;
  width: 20px;
  height: 20px;
  content: "";
  border-radius: 20px;
  transition: all 0.3s;
  background: url(img/common/arrow_img02.png) no-repeat center center/100% auto;
}
*/
.comList .comTalk {
  margin-top: -32px;
  height: 101px;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 3;
  background-color: #fff7ca;
}
/*
.comList li:nth-child(3n-1) .comTalk {
  margin: 0 0 -32px;
}
*/

@media all and (min-width: 897px) {
  .comList a:hover .txt {
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
  }
  .comList a:hover .comTalk {
    color: #FFF;
    background-color: #566fd8;
  }
  .comList a:hover .comTalk::before {
    border-bottom-color: #566fd8;
  }
  .comList a:hover .comTalk01::before {
    border-top-color: #566fd8;
  }
}
@media all and (max-width: 896px) {
  .comList {
    margin: 0;
    display: block;
    background: #FFF;
  }
  .comList::after {
    display: none;
  }
  .comList li {
    margin-top: 20px;
    width: inherit;
  }
  .comList li:first-child {
    margin-top: 0;
  }
  .comList li a {
    display: flex;
    align-items: center;
  }
  .comList .img {
    margin: 0 -8px;
    width: 136px;
    height: 136px;
    border-radius: 135px;
  }
  .comList .comTalk {
    margin-top: 0;
    height: inherit;
    flex-wrap: wrap;
    min-height: 140px;
    width: calc(100% - 135px);
    align-content: center;
    font-weight: 600;
  }
  .comList .comTalk .txt {
    margin-bottom: 2px;
    width: 100%;
    color: #566fd8;
    font-size: 2rem;
  }
  .comList .comTalk .txt::before {
    background-image: url(img/common/arrow_img03.png);
  }
  .comList li:nth-child(3n-1) .comTalk {
    margin: 0;
  }
  .comList li:nth-child(2n) a {
    justify-content: flex-end;
  }
}
@media all and (max-width: 374px) {
  .comList .comTalk {
    width: calc(100% - 128px);
    font-size: 1.1rem;
  }
}
/*------------------------------------------------------------
	index
------------------------------------------------------------*/
.term .comBgBox p {
  margin-bottom: 47px;
  line-height: 1.86;
}
.term .comBgBox p:last-of-type {
  margin-bottom: 0;
}
.term .comBgBox h3 {
  margin-bottom: 28px;
  width: 100%;
  padding: 12px 25px 18px;
  font-size: 1.8rem;
  font-weight: bold;
  border-radius: 16px;
  background-color: #f6fbfd;
  box-sizing: border-box;
}
.term .comUl ul {
  justify-content: center;
}
#project p {
  font-size: 3rem;
  font-weight: bold;
}
#project img {
  box-shadow: 10px 10px 10px 0 rgba(0, 0, 0, 0.2);
}

@media all and (max-width: 896px) {
  .term .headLine01::after {
    left: 72px;
  }
  .term .comBgBox h3 {
    margin-bottom: 21px;
  }
  #project p {
    font-size: 2rem;
  }
}

#logowrap{
  background: #fff;
  width: 90%;
  height: auto;
  padding: 2em 1em;
  box-sizing: border-box;
  margin: 0 auto;	
}
#logowrap p{
  margin-bottom: .8em;
  font-weight: 500;
}
#logowrap .logoarea{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
@media all and (min-width: 897px) {
	#logowrap .logoarea p{
	  margin-right: 2em;
		}
}
.banner #logowrap img{
  width: auto;
}
#logowrap p.logotitle{
    border-bottom: 1px solid #000;
    display: inline-block;
	font-size: 1.5em;
	font-weight: normal;
    padding: 0 0.5em;
	margin-bottom: 1.5em;
}

.hospital #logowrap .logoarea p{
	margin-right: 0;
}

/*------------------------------------------------------------
	news
------------------------------------------------------------*/
.news .comBgBox {
  margin-bottom: 64px;
  padding: 0;
  background-color: transparent;
}
.news .newsList {
  margin-bottom: 40px;
  width: 100%;
}
.news .newsList li {
  margin-bottom: 5px;
  border-radius: 16px;
  background-color: #ffffff;
z-index: 2;
	position: relative;
}
.news .newsList li a {
  padding: 16px 24px 19px;
  display: flex;
  align-items: center;
  font-size: 1.4rem;
  font-weight: bold;
  letter-spacing: 1.4px;
  color: #566fd8;
  box-sizing: border-box;
}
.news .newsList li span {
  margin-right: 24px;
  font-size: 1.2rem;
  color: #324755;
  font-weight: normal;
  letter-spacing: 0.8px;
}
.news .comBtmBox {
  border-top: none;
}

@media all and (min-width: 897px) {
  .news .newsList li a:hover {
    color: #324755;
  }
}
@media all and (max-width: 896px) {
  .news .comBgBox {
    margin: -27px auto 28px;
    padding: 0 16px;
  }
  .news .newsList {
    margin-bottom: 19px;
  }
  .news .newsList li a {
    padding: 14px 24px 16px;
    align-items: flex-start;
    line-height: 1.76;
  }
  .news .newsList li span {
    margin-top: 2px;
    white-space: nowrap;
  }
  .news .mainVisual {
    height: 210px;
  }
  .news #pagePath {
    margin: 0 0 23px;
  }
  .news .searchBox {
    padding-top: 65px;
  }
  .news .hospBox {
    margin-bottom: 0;
  }
}
/* wp-pagenavi */
.wp-pagenavi {
  font-size: 0;
  clear: both;
  text-align: center;
}
.wp-pagenavi a, .wp-pagenavi span {
  padding: 10px 5px;
  margin: 0 4px;
  width: 48px;
  height: 48px;
  text-align: center;
  color: #566fd8;
  font-size: 1.4rem;
  font-weight: bold;
  display: inline-block;
  text-decoration: none;
  border: solid 2px #edf9fc;
  border-radius: 100%;
  background-color: #fff;
  box-sizing: border-box;
}
.wp-pagenavi a:hover, .wp-pagenavi span.current {
  border-color: #566fd8;
  color: #fff;
  background-color: #566fd8;
}
.wp-pagenavi .first, .wp-pagenavi .last, .wp-pagenavi .pages {
  display: none;
}
.wp-pagenavi .previouspostslink, .wp-pagenavi .nextpostslink {
  margin-right: 20px;
  position: relative;
  width: 96px;
  font-size: 1.4rem;
  font-weight: bold;
  border-radius: 32px;
}
.wp-pagenavi .nextpostslink {
  margin: 0 0 0 20px;
  font-weight: 500;
}
.wp-pagenavi .previouspostslink::before, .wp-pagenavi .nextpostslink::after {
  margin-right: 8px;
  display: inline-block;
  content: "";
  width: 0;
  height: 0;
  border: 3px solid transparent;
  border-left-width: 6px;
  border-right-width: 6px;
  border-right-color: currentColor;
  vertical-align: middle;
}
.wp-pagenavi .nextpostslink::after {
  margin: 0 0 0 10px;
  border-right-color: transparent;
  border-left-color: currentColor;
}
.wp-pagenavi .nolink {
  color: #9bb5c6;
  border: 2px solid transparent;
  background-color: #edf9fc;
}

.searchBox {
  padding: 47px 0 49px;
  border-top: 1px solid #ECEEEE;
  background-color: #fff;
}
.searchBox .hospBox {
  margin-bottom: 0;
}

@media all and (max-width: 896px) {
  .wp-pagenavi {
    margin: 0 -10px;
  }
  .wp-pagenavi a, .wp-pagenavi span {
    padding: 3px;
    margin: 0 4px;
    width: 30px;
    height: 30px;
    font-size: 1.2rem;
  }
  .wp-pagenavi .previouspostslink, .wp-pagenavi .nextpostslink {
    width: 60px;
    font-size: 1.2rem;
  }
  .wp-pagenavi .previouspostslink::before, .wp-pagenavi .nextpostslink::after {
    border-width: 2px;
    border-left-width: 4px;
    border-right-width: 4px;
  }
  .searchBox {
    padding: 30px 0 0;
    border-top: none;
  }
}
@media all and (max-width: 374px) {
  .wp-pagenavi .nextpostslink {
    margin: 0 0 0 2px;
  }
  .wp-pagenavi .previouspostslink, .wp-pagenavi .nextpostslink {
    margin-right: 2px;
    width: 50px;
  }
  .wp-pagenavi a, .wp-pagenavi span {
    padding: 2px;
  }
}
/*------------------------------------------------------------
	news_about
------------------------------------------------------------*/
.news_about #pagePath {
  padding-top: 5px;
  margin-bottom: 33px;
}
.news_about #pagePath li {
  color: #324755;
}
.news_about #pagePath li a {
  color: #324755;
}
.news_about .comBgBox {
  margin: 0 auto 48px;
  padding: 27px 80px 2px;
}
.news_about .time {
  margin-bottom: 20px;
  color: #9bb5c6;
  font-size: 1.2rem;
  letter-spacing: 1px;
}
.news_about .topBox {
  margin-bottom: 16px;
}
.news_about .topBox h2 {
  margin-bottom: 16px;
  color: #324755;
  font-weight: bold;
  font-size: 2.4rem;
  text-align: center;
}
.news_about .topBox p {
  line-height: 1.86;
}
.news_about .topBox .txt {
  margin-bottom: 26px;
}
.news_about .midBox h2 {
  margin: 0 0 40px -80px;
  font-size: 2rem;
  font-weight: bold;
  color: #fff;
  padding: 19px 24px 25px 80px;
  background-color: #566fd8;
  border-radius: 0 16px 16px 0;
  letter-spacing: 0.5px;
}
.news_about .midBox h3 {
  margin-bottom: 35px;
  padding: 12px 25px 18px;
  color: #324755;
  font-size: 1.8rem;
  font-weight: bold;
  background-color: #f6fbfd;
  border-radius: 16px;
  letter-spacing: 0.5px;
}
.news_about .midBox h4 {
  margin-bottom: 32px;
  padding-left: 25px;
  color: #324755;
  font-size: 1.6rem;
  position: relative;
  letter-spacing: 0.5px;
}
.news_about .midBox h4::before {
  position: absolute;
  top: -3px;
  left: 0;
  width: 5px;
  height: 32px;
  border-radius: 16px;
  background-color: #566fd8;
  content: "";
}
.news_about .midBox p {
  margin-bottom: 27px;
  line-height: 1.86;
}
.news_about .midBox p a {
  color: #566fd8;
  font-weight: bold;
  letter-spacing: 0;
  text-decoration: underline;
  position: relative;
}
.news_about .midBox p a[target=_blank]::after {
  margin-top: 1px;
  position: absolute;
  width: 12px;
  height: 12px;
  right: -16px;
  top: 50%;
  transform: translateY(-50%);
  content: "";
  background: url("img/common/file_icon.png") no-repeat right center/12px;
}
.news_about .midBox p a img {
  margin: 9px 0 0 2px;
  width: 12px;
  border-radius: 0;
}
@media all and (min-width: 897px) {
  .news_about .midBox p a:hover {
    text-decoration: none;
  }
}
.news_about .midBox strong {
  background: url("img/news_about/line_img.jpg") repeat-x left bottom/13px;
}
.news_about .midBox ul {
  margin-bottom: 28px;
}
.news_about .midBox li {
  padding-left: 25px;
  margin-top: 11px;
  line-height: 1.86;
  position: relative;
}
.news_about .midBox ul li::before {
  position: absolute;
  top: 11px;
  left: 8px;
  width: 8px;
  height: 8px;
  background-color: #324755;
  border-radius: 100%;
  content: "";
}
.news_about .midBox #toc_container .toc_list li {
  padding-left: 0;
}
.news_about .midBox ol {
  counter-reset: num;
  margin-bottom: 31px;
}
.news_about .midBox ol li {
  position: relative;
  counter-increment: num;
  -moz-column-break-inside: avoid;
       break-inside: avoid;
}
.news_about .midBox ol li::before {
  position: absolute;
  top: 0;
  left: 8px;
  color: #324755;
  font-weight: bold;
  content: counter(num, decimal);
}
.news_about .midBox img {
  margin-bottom: 13px;
  border-radius: 16px;
}
.news_about .wp-block-table {
  margin: 0 auto 30px;
  width: 100%;
  border-radius: 8px;
  border: solid 1px #eaeced;
  border-collapse: collapse;
}
.news_about .wp-block-table table {
  width: 100%;
  background-color: #fff;
  border-radius: 8px;
  border-collapse: collapse;
}
.news_about .wp-block-table table th, .news_about .wp-block-table table td {
  padding: 9px 9px 11px;
  font-size: 1.2rem;
  font-weight: normal;
  letter-spacing: 1.3px;
  border-right: solid 1px #eaeced;
  border-bottom: solid 1px #eaeced;
  box-sizing: border-box;
}
.news_about .wp-block-table th:nth-child(4n), .news_about .wp-block-table td:nth-child(4n) {
  border-right: none;
}
.news_about .wp-block-table tr:nth-child(4n) td {
  border-bottom: none;
}
.news_about .wp-block-table th {
  color: #566fd8;
  text-align: center;
  background-color: #f6fbfd;
}
.news_about .wp-block-table td {
  line-height: 1.67;
}
.news_about .hospBox {
  margin-bottom: 0;
}

@media all and (max-width: 896px) {
  .news_about #pagePath {
    margin-bottom: 18px;
  }
  .news_about .comBgBox {
    margin: -2px 16px 33px;
    padding: 21px 16px 15px;
    border-radius: 16px;
  }
  .news_about .time {
    margin-bottom: 13px;
  }
  .news_about .topBox {
    margin-bottom: 42px;
  }
  .news_about .topBox h2 {
    margin-bottom: 20px;
    font-size: 2rem;
    text-align: left;
    line-height: 1.45;
  }
  .news_about .topBox .txt {
    margin-bottom: 65px;
    line-height: 2 !important;
  }
  .news_about .midBox h2 {
    margin: 0 0 30px -16px;
    font-size: 2rem;
    padding: 19px 24px 25px 65px;
  }
  .news_about .midBox h3 {
    margin-bottom: 33px;
  }
  .news_about .midBox h4 {
    margin-bottom: 41px;
  }
  .news_about .midBox p {
    line-height: 1.86 !important;
  }
  .news_about .midBox li {
    padding-left: 17px;
    font-size: 1.4rem;
  }
  .news_about .midBox ul li::before {
    left: 0;
    top: 10px;
  }
  .news_about .midBox ol {
    margin-bottom: 33px;
  }
  .news_about .midBox ol li::before {
    left: 0;
  }
  .news_about .midBox img {
    margin-bottom: 28px;
  }
  .news_about .wp-block-table {
    margin-right: -15px;
    width: inherit;
    overflow: auto;
    border-radius: 8px 0 0 8px;
    border: solid 1px #eaeced;
  }
  .news_about .wp-block-table table {
    width: 800px;
    border-radius: 0;
    border: none;
  }
  .news_about .comBtmBox {
    border-top: none;
  }
  .news_about .searchBox {
    padding-top: 60px;
    border-top: 1px solid #ECEEEE;
  }
}
#toc_container {
  position: relative;
  text-align: center;
  border-top: 2px solid #f6fbfd;
}
#toc_container::before, #toc_container::after, #toc_container .toc_title::before, #toc_container .toc_title::after {
  content: "";
  position: absolute;
  top: -2px;
  left: 0;
  width: 6px;
  height: 6px;
  border-radius: 6px;
  background-color: #f6fbfd;
}
#toc_container .toc_title {
  margin-bottom: 0 !important;
  padding: 0 25px;
  position: relative;
  display: inline-block;
  color: #4ba7d8;
  font-size: 1.4rem;
  font-weight: bold;
  text-align: center;
  box-sizing: border-box;
  background-color: #FFF;
  z-index: 2;
  transform: translateY(-56%);
}
#toc_container .toc_title::before, #toc_container .toc_title::after {
  top: calc(50% - 3px);
}
#toc_container::after, #toc_container .toc_title::after {
  left: auto;
  right: 0;
}
#toc_container .toc_list {
  margin-top: -10px;
}
#toc_container .toc_list li {
  width: 100%;
  text-align: left;
}
#toc_container .toc_list li::before {
  position: static;
}
#toc_container .toc_list li:last-child {
  margin-bottom: 0;
}
#toc_container .toc_list a {
  padding: 10px 0 15px 18px;
  display: block;
  color: #324755;
  font-size: 1.8rem;
  font-weight: bold;
  line-height: 2;
  letter-spacing: 0.2px;
  border-bottom: 1px solid #ECEEEE;
  position: relative;
}
#toc_container .toc_list a::before {
  margin-top: -9px;
  position: absolute;
  width: 13px;
  height: 8px;
  top: 30px;
  left: -1px;
  content: "";
  background: url("img/common/arrow_img05.png") no-repeat left center/13px;
}

@media all and (min-width: 897px) {
  #toc_container .toc_list a:hover {
    opacity: 0.7;
  }
}
@media all and (max-width: 896px) {
  #toc_container .toc_list a {
    padding: 5px 0 14px 22px;
  }
  #toc_container .toc_list a::before {
    left: 3px;
    top: 25px;
  }
}
/*------------------------------------------------------------
	column
------------------------------------------------------------*/
#main.column {
  background-color: #fff;
}

.column .comBgBox {
  margin-bottom: 0;
  padding: 0;
  background-color: transparent;
	z-index: 2;
	position: relative;
}

@media all and (max-width: 896px) {
  .column .comBgBox {
    margin: 0 auto 37px;
    padding: 15px 16px 0;
  }
  .column .comPhoBox {
    padding: 14px 0 48px;
  }
  .column #pagePath {
    margin: 0 15px 23px;
  }
  .column .mainVisual {
    height: 210px;
  }
  .column .comNewsList {
    margin-bottom: 19px;
  }
  .column .comNewsList li {
    margin: 13px 0 0;
  }
  .column .comNewsList li .textArea {
    margin-top: -4px;
  }
  .column .comBtmBox {
    border-top: none;
  }
}
/*------------------------------------------------------------
	category
------------------------------------------------------------*/
@media all and (max-width: 896px) {
  .category .title p {
    margin-top: 30px;
    line-height: 1.8;
  }
}
/*------------------------------------------------------------
	about_sample
------------------------------------------------------------*/
#main.about_sample #pagePath {
  padding-bottom: 10px;
}
/*
#main.about_sample {
  padding-top: 5px;
  background-color: #4ba7d8;
}
*/
#main.about_sample .mainVisual {
  height: auto;
}

.about_sample .comBgBox {
  margin: 64px auto 44px;
  padding-bottom: 69px;
}
.about_sample .topBox .photoBox {
  margin-bottom: 20px;
}
.about_sample .topBox .photoBox .img {
  margin: -76px 0 8px;
  border-radius: 32px;
  overflow: hidden;
}
.about_sample .topBox .photoBox .img img {
  width: 100%;
}
.about_sample .topBox .photoBox p {
  padding-left: 3px;
  color: #9bb5c6;
  font-size: 1.2rem;
  letter-spacing: 1px;
}
.about_sample .topBox .photoBox p span {
  margin-right: 15px;
  padding: 4px 10px 8px;
  min-width: 68px;
  display: inline-block;
  color: #fff;
  font-size: 1.2rem;
  letter-spacing: 0;
  text-align: center;
  background-color: #566fd8;
  border-radius: 32px;
  box-sizing: border-box;
}
.about_sample .topBox h2 {
  margin-bottom: 27px;
  color: #324755;
  font-weight: bold;
  font-size: 2.4rem;
  text-align: center;
}
.about_sample .topBox .txt {
  margin-bottom: 92px;
  line-height: 1.86;
}
.about_sample .midBox h2 {
  margin: 48px 0 36px -80px;
  font-size: 2rem;
  font-weight: bold;
  color: #fff;
  padding: 19px 24px 25px 80px;
  background-color: #566fd8;
  border-radius: 0 16px 16px 0;
}
.about_sample .midBox p {
  margin-bottom: 19px;
  line-height: 1.86;
  font-size: 1.8rem;
}
.about_sample .midBox p a {
  display: block;
  color: #566fd8;
  font-weight: bold;
  text-decoration: underline;
}
.about_sample .midBox p img {
  margin: 10px 0;
  border-radius: 33px;
}
.about_sample .midBox .super {
  margin-top: 27px;
  font-size: 1.4rem;
  text-align: center !important;
}
.about_sample .midBox h3 {
  margin: 42px 0 32px;
  padding-left: 25px;
  color: #324755;
  font-size: 1.6rem;
  position: relative;
}
.about_sample .midBox h3::before {
  position: absolute;
  top: -3px;
  left: 0;
  width: 5px;
  height: calc(100% + 8px);
  border-radius: 16px;
  background-color: #566fd8;
  content: "";
}
.about_sample .wp-block-quote {
  margin: 45px 0 73px;
}
.about_sample .wp-block-quote:last-child {
  margin-bottom: 0;
}
.about_sample .wp-block-quote p {
  margin-bottom: 0;
}
.about_sample .wp-block-quote p a {
  margin-top: 0;
  letter-spacing: 1px;
}

@media all and (min-width: 897px) {
  .about_sample .midBox p a:hover {
    text-decoration: none;
  }
}
@media all and (max-width: 896px) {
  .about_sample .comBgBox {
    margin: 0px 16px 48px;
    padding: 1px 15px 35px;
  }
  .about_sample .topBox .photoBox {
    margin-bottom: 18px;
  }
  .about_sample .topBox .photoBox .img {
    margin-top: -30px;
  }
  .about_sample .topBox .photoBox img {
    margin: 0 0 10px;
  }
  .about_sample .topBox .photoBox p {
    margin-bottom: 0;
    padding-left: 3px;
    font-size: 1.2rem;
    letter-spacing: 1px;
  }
  .about_sample .topBox .photoBox p span {
    margin-right: 15px;
    padding: 4px 10px 6px;
  }
  .about_sample .topBox h2 {
    margin-bottom: 20px;
    font-size: 2rem;
    text-align: left;
    line-height: 1.4;
  }
  .about_sample .topBox .txt {
    margin-bottom: 40px;
    line-height: 2 !important;
    letter-spacing: 0;
  }
  .about_sample .toc_list {
    margin-bottom: 40px;
  }
  .about_sample .midBox h2 {
    margin: 47px 0 20px -15px;
    padding: 15px 24px 20px 15px;
    line-height: 1.4;
  }
  .about_sample .midBox p {
    margin: 19px 0;
    line-height: 1.86 !important;
    letter-spacing: 0;
    font-size: 1.4rem;
  }
  .about_sample .midBox p img {
    margin: -1px 0 -7px;
  }
  .about_sample .midBox h3 {
    margin: 50px 0 19px;
    line-height: 1.75;
  }
  .about_sample .wp-block-quote {
    margin: 32px 0 60px;
    padding: 1px 49px 19px;
  }
  .about_sample .wp-block-quote:last-child {
    margin-bottom: 0;
  }
  .about_sample .comBtmBox {
    border: none;
  }
}
@media all and (max-width: 374px) {
  .about_sample .wp-block-quote {
    padding: 1px 20px 19px;
  }
}
/*------------------------------------------------------------
	hospital
------------------------------------------------------------*/
.hospital .comBgBox {
  margin-bottom: 47px;
  padding: 46.5px 59px 190px;
  display: flex;
  justify-content: space-between;
}
.hospital .map {
  margin-right: 27px;
  width: 50.1%;
}
.hospital .textBox {
  margin-top: -3px;
  flex: 1;
}
.hospital .textBox h3 {
  margin-bottom: 12px;
  color: #566fd8;
  font-size: 1.4rem;
  font-weight: normal;
}
.hospital .textBox .listUl {
  margin: -15px 0 20px;
  display: flex;
  flex-wrap: wrap;
}
.hospital .textBox .listUl:last-child {
  margin-bottom: 0;
}
.hospital .textBox .listUl li {
  margin: 15px 16px 0 0;
  min-width: 81px;
}
.hospital .textBox .listUl li:nth-child(4n) {
  margin-right: 0;
}
.hospital .textBox .listUl li a {
  padding: 0 0 12px 26px;
  display: block;
  position: relative;
  color: #324755;
  font-weight: bold;
}
.hospital .textBox .listUl li a::before {
  margin-top: -5px;
  position: absolute;
  width: 20px;
  height: 20px;
  background: url("img/hospital/arrow.jpg") no-repeat left center/20px;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  content: "";
}
.hospital .textBox .listUl li a::after {
  width: 100%;
  height: 2px;
  position: absolute;
  bottom: 0;
  left: 0;
  content: "";
  border-radius: 2px;
  background-color: #566fd8;
}
.hospital .articles {
  position: relative;
}
.hospital .articles::after {
  position: absolute;
  background-color: #fff;
  width: 100%;
  height: 100%;
  top: 96px;
  left: 0;
  content: "";
  z-index: 0;
}
.hospital .articles .comBox {
  position: relative;
  z-index: 2;
}
.hospital .articles h2 {
  margin-bottom: 34px;
  color: #324755;
  font-size: 2rem;
  font-weight: bold;
  letter-spacing: 2px;
  text-align: center;
}
.hospital .articles .linkUl {
  display: flex;
  justify-content: space-between;
}
.hospital .articles .linkUl li {
  margin-bottom: 32px;
  width: 300px;
}
.hospital .articles .linkUl li a {
  display: block;
}
.hospital .articles .linkUl li a:hover .txt {
  color: #324755;
}
.hospital .articles .linkUl li img {
  margin-bottom: 14px;
  border-radius: 32px;
}
.hospital .articles .linkUl li .txt {
  margin-bottom: 7px;
  display: block;
  color: #566fd8;
  font-size: 1.4rem;
  font-weight: bold;
  letter-spacing: 1.5px;
}
.hospital .articles .linkUl li .know {
  padding: 4px 10px 8px;
  min-width: 68px;
  display: inline-block;
  color: #fff;
  font-size: 1.2rem;
  text-align: center;
  background-color: #566fd8;
  border-radius: 32px;
  box-sizing: border-box;
}
.hospital .comUl ul {
  justify-content: center;
}
.campaign .text{
	z-index: 2;
	position: relative;
}
.hospital .project {
  width: 0;
  height: 0;
}
.hospital .project img {
  max-width: 150px;
  margin-left: 20px;
}
.hospital .project p {
  width: 190px;
  text-align: center;
  font-size: 1.1rem;
  margin: 5px 0 30px;
}
@media all and (min-width: 897px) {
  .hospital .textBox .listUl li a:hover::before {
    background-image: url("img/common/arrow_img01.png");
  }
  .hospital .textBox .listUl li a:hover::after {
    background-color: #4ba7d8;
  }
}
@media all and (max-width: 896px) {
  .hospital .map {
    display: none;
  }
  .hospital #pagePath {
    margin-bottom: 23px;
  }
  .hospital .mainVisual {
    height: 210px;
  }
  .hospital .comBgBox {
    margin: -27px 16px 45px;
    padding: 22px 16px 30px 30px;
    display: block;
  }
  .hospital .topTxt {
    margin-bottom: 22px;
    letter-spacing: 0;
    line-height: 2.2 !important;
  }
  .hospital .textBox {
    margin-top: 0;
    padding-left: 5px;
  }
  .hospital .textBox .listUl {
    margin-bottom: 26px;
  }
  .hospital .textBox .listUl li:nth-child(4n) {
    margin-right: 16px;
  }
  .hospital .textBox h3 {
    margin-bottom: 17px;
    font-weight: bold;
  }
  .hospital .articles::after {
    top: -25px;
    height: calc(100% + 33px);
  }
  .hospital .articles h2 {
    margin-bottom: 23px;
  }
  .hospital .comNewsList li img {
    width: 165px;
  }
  .hospital .comNewsList li .textArea {
    width: calc(100% - 172px);
    margin-top: -3px;
  }
  .hospital .comPhoBox {
    padding: 35px 0 48px;
  }
  .hospital .comPhoBox + .comUl {
    padding-top: 0;
  }
  .hospital .project {
    width: auto;
    height: auto;
    text-align: center;
    margin-bottom: 20px;
  }
  .hospital .project img {
    margin-left: 0;
    max-width: 100px;
  }
  .hospital .project p {
    width: auto;
  }
}
@media all and (max-width: 374px) {
  .hospital .textBox .listUl li {
    margin-right: 9px;
    min-width: 70px;
  }
  .hospital .textBox .listUl li:nth-child(4n) {
    margin-right: 9px;
  }
  .hospital .comNewsList li img {
    width: 146px;
  }
  .hospital .comNewsList li .textArea {
    width: calc(100% - 157px);
  }
}
/*------------------------------------------------------------
	privacy
------------------------------------------------------------*/
.privacy .comBgBox {
  margin-bottom: 48px;
  padding-bottom: 20px;
}
.privacy .comBgBox p {
  margin-bottom: 27px;
  line-height: 1.86;
}
.privacy .comBgBox p a {
  color: #566fd8;
  font-weight: bold;
  text-decoration: underline;
  letter-spacing: 0.2px;
  position: relative;
}
.privacy .comBgBox p a::after {
  margin-top: 1px;
  position: absolute;
  width: 12px;
  height: 12px;
  right: -16px;
  top: 50%;
  transform: translateY(-50%);
  content: "";
  background: url("img/common/file_icon.png") no-repeat right center/12px;
}
.privacy .comUl ul {
  justify-content: center;
}

@media all and (min-width: 897px) {
  .privacy .comBgBox p a:hover {
    text-decoration: none;
  }
}
@media all and (max-width: 896px) {
  .privacy .comBgBox {
    margin-bottom: 50px;
    padding-bottom: 25px;
  }
  .privacy .comBgBox p {
    margin-bottom: 12px;
  }
  .privacy .comBgBox p a:hover {
    text-decoration: underline;
  }
  .privacy .comBgBox .txt {
    margin-bottom: 0;
  }
  .privacy #pagePath {
    margin: 0 15px 23px;
  }
  .privacy .headLine01 {
    font-size: 2rem;
    letter-spacing: 2.3px;
    padding: 14px 29px 7px 32px;
  }
  .privacy .headLine01::after {
    left: 72px;
  }
}
/*------------------------------------------------------------
	404
------------------------------------------------------------*/
.error .mainVisual {
  padding-top: 50px;
}
.error .comBgBox {
  margin-bottom: 48px;
  padding: 45px 80px 50px;
}
.error .comBgBox p {
  margin-bottom: 18px;
  font-size: 1.7rem;
  letter-spacing: -0.9px;
}
.error .comBgBox li {
  margin-top: 6px;
  padding-left: 25px;
  font-size: 1.6rem;
  position: relative;
}
.error .comBgBox li::before {
  position: absolute;
  width: 8px;
  height: 8px;
  background-color: #566fd8;
  border-radius: 100%;
  top: 8px;
  left: 8px;
  content: "";
}
.error .comPhoBox {
  padding-top: 46px;
}
.error .comUl ul {
  justify-content: center;
}

@media all and (max-width: 896px) {
  .error .mainVisual {
    padding-top: 47px;
    height: 208px;
  }
  .error .headLine01 {
    font-size: 2rem;
    letter-spacing: 2.2px;
    min-width: 283px;
    padding: 14px 16px 7px 17px;
  }
  .error .headLine01::after {
    left: 72px;
  }
  .error .comBgBox {
    margin-bottom: 50px;
    padding: 22px 29px 22px;
  }
  .error .comBgBox p {
    margin-bottom: 7px;
    font-size: 1.6rem;
    letter-spacing: -0.5px;
    line-height: 1.5 !important;
  }
  .error .comBgBox li {
    margin-top: 0;
    padding-left: 28px;
    font-size: 1.4rem;
    line-height: 2.15;
  }
  .error .comBgBox li::before {
    top: 12px;
    transform: none;
    left: 11px;
  }
  .error .comPhoBox {
    margin-bottom: 0;
  }
  .error .comPhoBox h2 {
    margin-bottom: 45px;
    font-size: 1.6rem;
  }
  .error .comPhoBox + .comUl {
    padding-top: 0;
  }
}
@media all and (max-width: 374px) {
  .error .comBgBox li {
    font-size: 1.3rem;
  }
}
/*------------------------------------------------------------
	hospital_category
------------------------------------------------------------*/
.hospital_category .comBgBox {
  margin-bottom: 49px;
  padding: 48px 80px 47px;
}
.hospital_category .mailForm {
  margin-bottom: 21px;
}
.hospital_category .mailForm ul {
  display: flex;
  justify-content: space-between;
}
.hospital_category .mailForm select {
  padding: 7px 26px 10px 10px;
  width: 400px;
  height: 50px;
  color: #9bb5c6;
  font-size: 1.4rem;
  font-weight: bold;
  border-radius: 8px;
  box-sizing: border-box;
  border: solid 1px rgba(50, 71, 85, 0.1);
  background: #f6fbfd url("img/common/arrow_img05.png") no-repeat right 13px center/13px;
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  box-shadow: none;
  cursor: pointer;
}
.hospital_category .mailForm .area {
  width: 200px;
  color: #324755;
}
.hospital_category .mailForm .submit input {
  padding-left: 38px;
  width: 184px;
  height: 50px;
  color: #fff;
  font-size: 1.5rem;
  font-weight: bold;
  text-align: center;
  border-radius: 8px;
  border: none;
  cursor: pointer;
  background: #566fd8 url("img/common/search_icon.png") no-repeat left 48px center/24px;
}
.hospital_category .ttl {
  margin-bottom: 11px;
  font-size: 1.6rem;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  letter-spacing: 0.2px;
}
.hospital_category .ttl span {
  font-size: 1.2rem;
}
.hospital_category .inner {
  margin-bottom: 8px;
  padding: 21px 22px 24px;
  border: solid 1px rgba(50, 71, 85, 0.1);
  border-radius: 16px;
  background-color: #fff;
}
.hospital_category .inner:last-child {
  margin-bottom: 0;
}
.hospital_category .inner h3 {
  margin-bottom: 8px;
  font-size: 2rem;
  font-weight: bold;
}
.hospital_category .inner .imgBox {
  margin-bottom: 23px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.hospital_category .inner .imgBox .txtBox {
  padding-bottom: 10px;
  width: 400px;
  border-bottom: solid 1px rgba(50, 71, 85, 0.1);
}
.hospital_category .inner .imgBox .txtBox .tel a {
  padding-left: 29px;
  color: #324755;
  font-size: 1.6rem;
  font-weight: bold;
  letter-spacing: 1.5px;
  background: url("img/common/tel_icon.png") no-repeat left top 3px/20px;
}
.hospital_category .inner .listUl {
  margin-top: -5px;
  width: 332px;
  display: flex;
  justify-content: flex-end;
}
.hospital_category .inner .listUl li {
  margin-left: 8px;
  width: 160px;
  background-color: #f6fbfd;
  border-radius: 4px;
  text-align: center;
}
.hospital_category .inner .listUl li:first-of-type {
  margin-left: 0;
}
.hospital_category .inner .listUl li a {
  padding: 35px 5px 12px;
  display: block;
  color: #566fd8;
  font-size: 1.3rem;
  box-sizing: border-box;
  background: url(img/common/int_icon.png) no-repeat center 10px/auto 20px;
}
.hospital_category .inner .listUl .map a {
  background: url(img/common/map_icon.png) no-repeat center 10px/auto 20px;
}
.hospital_category .inner dt, .hospital_category .inner dd {
  font-size: 1.3rem;
}
.hospital_category .inner dt {
  float: left;
  color: #566fd8;
}
.hospital_category .inner dd {
  padding: 0 0 9px 94px;
  color: #324755;
}
.hospital_category .inner dd:last-child {
  padding-bottom: 0;
}
.hospital_category .wp-pagenavi {
  margin-top: 24px;
}

.hospital_category .treatment_info {
  margin-bottom: 50px;
}
.hospital_category .treatment_info li {
  display: inline-block;
  margin-bottom: 10px;
}
.hospital_category .treatment_info li + li {
  margin-left: 30px;
}
.hospital_category .treatment_info img {
  width: 35px;
}
.hospital_category .treatment_info dl {
  font-size: 1.2rem;
}
.hospital_category .treatment_info dd {
  margin-left: 1em;
  text-indent: -1em;
}
.hospital_category .treatment_info a {
  text-decoration: underline;
}
.hospital_category .treatment_info a:hover {
  text-decoration: none;
}
.hospital_category .treatment img {
  margin-right: 10px;
}
.hospital_category .treatment img:last-child {
  margin-right: 0;
}

select::-ms-expand {
  display: none;
}

@media all and (min-width: 897px) {
  .hospital_category .inner .listUl li a:hover {
    color: #FFFFFF;
    background-color: #566fd8;
    border-radius: 4px;
    background-image: url(img/common/int_icon_w.png);
  }
  .hospital_category .inner .listUl .map a:hover {
    background-image: url(img/common/map_icon_w.png);
  }
  .hospital_category .mailForm .submit input:hover {
    background-color: #4ba7d8;
  }
}
@media all and (max-width: 896px) {
  .hospital_category #pagePath {
    margin-bottom: 23px;
  }
  .hospital_category .headLine01 {
    padding: 14px 29px 7px 32px;
    font-size: 2rem;
    min-width: 285px;
    letter-spacing: 2.3px;
  }
  .hospital_category .headLine01::after {
    left: 72px;
  }
  .hospital_category .mainVisual {
    height: 210px;
  }
  .hospital_category .comBgBox {
    margin: -27px 16px 0;
    padding: 27px 30px 0;
    border-radius: 32px 32px 0 0;
  }
  .hospital_category .mailForm {
    margin-bottom: 29px;
  }
  .hospital_category .mailForm ul {
    display: block;
  }
  .hospital_category .mailForm .area {
    width: 100%;
  }
  .hospital_category .mailForm select {
    margin-bottom: 16px;
    width: 100%;
  }
  .hospital_category .mailForm .submit {
    text-align: center;
  }
  .hospital_category .mailForm .submit input {
    width: 283px;
    background-position: left 97px center;
  }
  .hospital_category .ttl {
    margin-bottom: 16px;
    display: block;
  }
  .hospital_category .ttl span {
    margin-top: 14px;
    text-align: right;
    display: block;
  }
  .hospital_category .inner {
    margin: 0 -14px 10px;
    padding: 13px 13px 15px;
  }
  .hospital_category .inner .imgBox {
    margin-bottom: 8px;
    display: block;
  }
  .hospital_category .inner .imgBox .txtBox {
    margin-bottom: 10px;
    padding-bottom: 15px;
    text-align: center;
    width: auto;
  }
  .hospital_category .inner .imgBox .txtBox p {
    margin-bottom: 0;
  }
  .hospital_category .inner .listUl {
    margin-top: 0;
    width: auto;
  }
  .hospital_category .inner .listUl li {
    margin-left: 13px;
    width: 50%;
  }
  .hospital_category .inner .listUl li a {
    padding: 4px 8px 7px 35px;
    display: flex;
    align-items: center;
    height: 100%;
    height: 50px;
    font-size: 1.3rem;
    line-height: 1.54;
    text-align: left;
    background-position: left 8px center !important;
  }
  .hospital_category .inner .listUl .map a {
    padding-left: 40px;
    background-position: left 15px center !important;
  }
  .hospital_category .inner dl {
    padding-left: 8px;
  }
  .hospital_category .inner dt {
    float: none;
    color: #566fd8;
    margin-bottom: 6px;
  }
  .hospital_category .inner dd {
    padding: 0 0 7px 0;
    color: #324755;
    line-height: 1.8;
  }
  .hospital_category .wp-pagenavi {
    margin: 8px -46px 0;
    padding: 15px 0;
    background-color: #FFF;
  }
  .hospital_category .comUl {
    padding: 10px 0 50px;
  }
}
@media all and (max-width: 374px) {
  .hospital_category .inner .listUl li a {
    font-size: 1rem;
  }
  .hospital_category .mailForm .submit input {
    width: 226px;
    background-position: left 97px center;
  }
  .hospital_category .ttl {
    font-size: 1.5rem;
  }
}
@media all and (max-width: 600px) {
  .hospital_category .treatment_info li {
    display: block;
  }
  .hospital_category .treatment_info li + li {
    margin-left: 0;
  }
}
/*------------------------------------------------------------
	about_special_sample
------------------------------------------------------------*/
#main.about_special_sample {
  background-color: #fff;
}

.about_special_sample {
  /*
    .comPhoBox {
      margin-bottom: 50px;
    }
  */
}
.about_special_sample .mainVisual {
  margin-bottom: 134px;
  height: 660px;
  background: url("img/about_special_sample/main_img.jpg") no-repeat center top/cover;
}
.about_special_sample .comBgBox {
  margin: 0 auto 19px;
  width: 800px;
  padding: 0 0 50px;
  background-color: #fff;
  border-radius: 0;
}
.about_special_sample #pagePath li {
  color: #324755;
}
.about_special_sample #pagePath li a {
  color: #324755;
}
.about_special_sample .visual {
  margin: 153px auto 0;
  padding: 50px 80px 63px;
  width: 960px;
  background-color: rgba(50, 71, 85, 0.7);
  border-radius: 32px;
  color: #fff;
  box-sizing: border-box;
}
.about_special_sample .visual .time {
  margin-bottom: 17px;
  padding-left: 3px;
  font-size: 1.2rem;
  letter-spacing: 1px;
}
.about_special_sample .visual .time span {
  margin-right: 15px;
  padding: 4px 10px 8px;
  min-width: 68px;
  display: inline-block;
  color: #fff;
  font-size: 1.2rem;
  letter-spacing: 0;
  text-align: center;
  background-color: #566fd8;
  border-radius: 32px;
  box-sizing: border-box;
}
.about_special_sample .visual h2 {
  margin-bottom: 19px;
  font-size: 2.4rem;
  font-weight: bold;
  line-height: 1.33;
  text-align: center;
}
.about_special_sample .visual p {
  line-height: 1.86;
}
.about_special_sample .midBox h2 {
  margin: 64px 0 33px -80px;
  font-size: 2rem;
  font-weight: bold;
  color: #fff;
  padding: 19px 24px 25px 80px;
  background-color: #566fd8;
  border-radius: 0 16px 16px 0;
}
.about_special_sample .midBox p {
  margin-bottom: 27px;
  line-height: 1.86 !important;
  text-align: justify;
}
.about_special_sample .midBox p a {
  margin-top: 20px;
  display: block;
  color: #566fd8;
  font-weight: bold;
  text-decoration: underline;
  word-break: break-all;
}
.about_special_sample .midBox p a:hover {
  text-decoration: none;
}
.about_special_sample .midBox h3 {
  margin: 42px 0 45px;
  padding-left: 25px;
  color: #324755;
  font-size: 1.6rem;
  position: relative;
}
.about_special_sample .midBox h3::before {
  position: absolute;
  top: -3px;
  left: 0;
  width: 5px;
  height: 32px;
  border-radius: 16px;
  background-color: #566fd8;
  content: "";
}
.about_special_sample .wp-block-quote {
  margin-bottom: 51px;
}
.about_special_sample .wp-block-quote p {
  margin-bottom: 0;
}

@media all and (min-width: 897px) {
  .about_special_sample {
    /*
        .comPhoBox {
          border-bottom: 1px solid #ECEEEE;
        }
    */
  }
  .about_special_sample .article {
    margin-bottom: 0;
    padding: 45px 0 48px;
    background-color: #4ba7d8;
  }
}
@media all and (max-width: 896px) {
  .about_special_sample .mainVisual {
    margin-bottom: 60px;
    padding: 0 16px 114px;
    background-size: auto 100%;
    height: inherit;
  }
  .about_special_sample #pagePath {
    margin: 0 0 72px;
  }
  .about_special_sample .visual {
    margin: 0;
    padding: 17px 15px 28px;
    width: inherit;
  }
  .about_special_sample .visual h2 {
    margin-bottom: 19px;
    font-size: 2rem;
    line-height: 1.4;
  }
  .about_special_sample .visual p {
    line-height: 2;
  }
  .about_special_sample .comBgBox {
    margin: 0 15px;
    width: auto;
  }
  .about_special_sample .midBox {
    margin: 0 20px;
  }
  .about_special_sample .midBox h2 {
    margin: 47px -3px 37px -20px;
    padding: 15px 17px 20px;
    line-height: 1.4;
  }
  .about_special_sample .midBox p {
    letter-spacing: 0;
  }
  .about_special_sample .midBox p img {
    margin: -10px 0;
    border-radius: 34px;
  }
  .about_special_sample .article .comBox {
    padding: 0;
  }
  .about_special_sample .comPhoBox {
    margin-bottom: 30px;
  }
  .about_special_sample .hospBox {
    margin-bottom: 0;
  }
  .about_special_sample .comBtmBox {
    border: none;
  }
}
/* comBtn */
.comBtn a, span.comBtn {
  display: inline-block;
  position: relative;
  width: 160px;
  padding: 10px 45px 10px 45px;
  color: #324755;
  font-weight: 600;
  text-align: left;
  border-radius: 80px;
  box-sizing: border-box;
  background: #FFF url(img/common/arrow_img01.png) no-repeat 10px center/20px 20px;
	z-index: 2;
}

.comBtn01 {
  text-align: center;
}

.comBtn01 a, span.comBtn01 {
  width: inherit;
  padding: 10px 0 10px 25px;
  color: #324755;
  background: url(img/common/arrow_img03.png) no-repeat left center/20px 20px;
  border-bottom: 2px solid #566fd8;
  border-radius: 0;
}

.comBtn01.black a, span.comBtn01.black {
  color: #324755;
}

.comBtn03 {
  text-align: center;
}
.comBtn03 a {
  padding: 14px 45px;
  width: 400px;
  text-align: center;
  border-radius: 80px;
  background-color: #edf9fc;
}

@media all and (min-width: 897px) {
  .comBtn a:hover, a:hover span.comBtn {
    color: #FFF;
    background: #566fd8 url(img/common/arrow_img04.png) no-repeat 10px center/20px 20px;
  }
  .comBtn01 a:hover, a:hover span.comBtn01 {
    color: #566fd8;
    background: url(img/common/arrow_img01.png) no-repeat left center/20px 20px;
    border-color: #4ba7d8;
  }
}
@media all and (max-width: 896px) {
  .comBtn03 a {
    padding: 10px 30px;
    width: 214px;
  }
}
/* comTalk */
.comTalk {
  padding: 13px 15px;
  position: relative;
  color: #324755;
  line-height: 1.7;
  font-weight: 500;
  border-radius: 24px;
  box-sizing: border-box;
  box-shadow: 0 8px 32px 0 rgba(75, 167, 216, 0.1);
  transition: all 0.3s;
  background-color: #ffffff;
  z-index: 2;
}
.comTalk::before {
  position: absolute;
  content: "";
  bottom: 100%;
  left: 64px;
  width: 0;
  height: 0;
  border: none;
  transition: all 0.3s;
  border-left: solid 20px transparent;
  border-bottom: 20px solid #fff7ca;
}

.comTalk01::before {
  left: auto;
  right: 64px;
  bottom: -20px;
  border-bottom: none;
  border-left: none;
  border-right: solid 20px transparent;
  border-top: 20px solid #FFF;
}

@media all and (max-width: 896px) {
  .comTalk {
    font-size: 1.3rem;
    line-height: 1.85;
    letter-spacing: 0.1em;
    box-shadow: 0 8px 32px 0 rgba(75, 167, 216, 0.2);
  }
  .comTalk::before {
    left: -20px;
    bottom: 30px;
    border-bottom: none;
    border-top: 20px solid #fff7ca;
  }
  .comTalk01::before {
    left: 100%;
  }
}
@media all and (max-width: 374px) {
  .comTalk {
    padding: 13px 5px;
    letter-spacing: 0;
  }
}
/* campaign */
.campaign {
  color: #ffffff;
  font-size: 1.5em;
  margin: 0 auto 70px;
  padding: 32px;
  width: 896px;
  border-radius: 32px;
  background-color: #566fd8;
  text-align: center;
}
.campaign a {
  display: inline-block;
  background: #ffffff url(img/common/arrow_img03.png) no-repeat 10px center/20px 20px;
  border: 2px solid #ffffff;
  padding: 5px 10px 5px 35px;
  margin-top: 10px;
  border-radius: 15px;
  font-weight: bold;
}
.campaign a:hover {
  background: #566fd8 url(img/common/arrow_img04.png) no-repeat 10px center/20px 20px;
  color: #ffffff;
}

/* hospBox */
.hospBox {
  margin: 0 auto 50px;
  padding: 0 32px 0 43px;
  width: 896px;
  display: flex;
  position: relative;
  border-radius: 32px;
  background-color: #ff9a9a;
  box-sizing: border-box;
}
.hospBox .image {
  margin-top: -15px;
  width: 460px;
}
.hospBox .textBox {
  margin-left: -30px;
  padding: 38px 0 0;
  color: #FFF;
  width: calc(100% - 460px);
  text-align: center;
}
.hospBox .comTalk {
  width: 340px;
  padding: 15px 20px 20px;
  position: absolute;
  right: -32px;
  top: -30px;
  font-weight: 600;
}
.hospBox h2 {
  margin-bottom: 14px;
  font-size: 2.2rem;
}
.hospBox .text {
  margin-bottom: 12px;
  line-height: 2.29;
  letter-spacing: 0.2em;
}

@media all and (max-width: 896px) {
  .campaign {
    margin: 0 15px 50px;
    padding: 25px;
    width: inherit;
    border-radius: 25px;
  }
  .hospBox {
    margin: 0 15px 50px;
    padding: 60px 10px 0;
    width: inherit;
    flex-wrap: wrap;
    border-radius: 25px;
  }
  .hospBox .image {
    margin: 0 auto;
    width: 216px;
    order: 2;
  }
  .hospBox .textBox {
    margin: 0 0 30px;
    padding: 0;
    width: 100%;
    font-weight: 600;
    box-sizing: border-box;
  }
  .hospBox .comTalk01 {
    width: 308px;
    padding: 15px 5px 20px;
    right: 50%;
    top: -30px;
    transform: translateX(50%);
  }
  .hospBox .comTalk01::before {
    left: auto;
    right: 80px;
    bottom: -20px;
    border-bottom: none;
    border-left: none;
    border-right: solid 20px transparent;
    border-top: 20px solid #FFF;
  }
  .hospBox h2 {
    font-size: 2.2rem;
  }
}

/*
#main {
  background: url("img/common/mv_side.png") repeat top center;
}
*/

#main::before{
	content: "";
	background-image: url("img/common/side_left.png"),url("img/common/side_right.png");
	position: absolute;
	top: 0;
	z-index: 1;
	right: 0;
	left: 0;
	display: block;
	margin: 0 auto;
	 background-position: left top,right top;
	background-repeat: repeat-y;
	width: 100%;
	height: 100%;
}
@media all and (max-width: 896px) {
	#main::before{
		content: none;
	}
}


/*------------------------------------------------------------
	top
------------------------------------------------------------*/
.top #gHeader {
  position: relative;
  margin-bottom: 0;
  padding-bottom: 17px;
  z-index: 10;
  background-color: transparent;
  border-bottom: 1px solid rgba(50, 71, 85, 0.1);
}
.top #main {
  background-color: #FFF;
}
@media all and (max-width: 896px) {
  .top #gHeader {
    padding-bottom: 11px;
  }
}

.topVisual {
/*  margin: -106px 0 47px;*/
	margin-bottom: 47px;
  padding: 40px 0 65px;
  position: relative;
  border-bottom: 1px solid rgba(50, 71, 85, 0.1);
  background:url(img/index/bg_dot.jpg) repeat;
}
.topVisual::after {
	content: "";
   background-image: url(img/index/mv_deco_left.png),url(img/index/mv_deco_right.png);
    position: absolute;
    top: 0;
    z-index: 1;
    right: 0;
    left: 0;
    display: block;
    margin: 0 auto;
    background-position: left 40px top,right 40px top;
    width: 100%;
    height: 100%;
	background-repeat: no-repeat;
}
.topVisual .textBox {
    width: 640px;
    position: relative;
    text-align: center;
    z-index: 2;
    box-sizing: border-box;
    background-color: rgb(255, 255, 255);
    margin: 0px auto;
    padding: 0px;
    border-radius: 320px;
}
.topVisual .logo {
  margin-bottom: 38px;
}
.topVisual .text {
  margin-bottom: 28px;
  line-height: 2.28;
  letter-spacing: 0.2em;
}
.topVisual .text .txt {
  color: #566fd8;
}
@media all and (max-width: 896px) {
  .topVisual {
    border-bottom: none;
    overflow: hidden;
	 background: url(img/index/mv_deco.png) no-repeat top center,url(img/index/bg_dot_sp.jpg) repeat;
	 background-size: contain;
  }
  .topVisual::after {
    display: none;
  }
  .topVisual .textBox {
    margin: 0 auto;
    padding: 0;
    width: 100%;
    background-color: transparent;
    border-radius: 0;
  }
  .topVisual .textBox::before {
    position: absolute;
    left: 0;
    top: 280px;
    width: 100%;
    height: 65px;
    content: "";
    background: url(img/index/sp_txt_bg.png) no-repeat left top/100% 65px;
  }
  .topVisual .textBox::after {
    position: absolute;
    left: 0;
    top: 340px;
    width: 100%;
    height: 65%;
    content: "";
    background: #fff;
  }
  .topVisual .logo {
    margin: 0 10px 3em;
  }
	.topVisual .logo + p{
		z-index: 1;
		position: relative;
		margin-top: 5em;
	}
	.topVisual .logo + p img{
		width: 65%;
	}
  .topVisual .text {
    margin-bottom: 0;
    padding: 89px 40px 30px;
    position: relative;
    z-index: 2;
  }
  .topVisual .comList {
    margin: 3em 0;
    z-index: 1;
    position: relative;
  }
}
@media all and (max-width: 374px) {
  .topVisual .text {
    padding: 50px 25px 30px;
  }
  .topVisual .list .comTalk {
    margin: 0 -20px;
    width: calc(100% - 110px);
  }
}

.topVisual .imgBox {
	text-align: center;
	margin: 3em auto;
	z-index: 2;
	position: relative;
}
.topVisual .imgBox a:hover{
	opacity: 0.7;
}
@media all and (max-width: 896px) {
	.topVisual .imgBox{
		padding: 0 15px;
	}
}

.top .pickUp {
  padding-bottom: 145px;
  background: url(img/index/pick_up_bg.png) repeat center top -6px/32px 32px;
}
.top .pickUp .mainVisual {
  padding-top: 48px;
  margin-bottom: -34px;
}
.top .headLine01 {
  position: relative;
}

.newsColumn {
  margin: -92px 0 48px;
}
.newsColumn h3 {
  margin-bottom: 36px;
  color: #FFF;
  font-size: 20px;
  font-weight: bold;
  line-height: 1.2;
  letter-spacing: 2px;
  text-align: center;
}
.newsColumn .comNewsList {
  margin-bottom: -10px;
}

.comNewsList.column2 li {
  width: 440px;
}
.comNewsList.column2 a {
  color: #FFF;
}
.comNewsList.column2 span.comBtn01 {
  color: #FFF;
  background: url(img/common/arrow_img04.png) no-repeat left center/20px 20px;
  border-bottom: 2px solid #FFF;
}
.comNewsList.column2 li .comImg {
  margin-bottom: 24px;
}
.comNewsList.column2 li .txt {
  margin: 0 20px 10px;
  color: #FFF;
}
.comNewsList.column2 .cont {
  margin: 0 20px 10px;
  display: block;
}
.comNewsList.column2 .btmBtn {
  margin: 0 115px 10px 20px;
  display: block;
  position: relative;
}
.comNewsList.column2 .btmBtn .comBtn {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translate(100%, -50%);
}
.comNewsList.column2 .know {
  margin: 7px 7px 0 0;
}
@media all and (min-width: 897px) {
  .comNewsList.column2 li a:hover .txt {
    color: #FFF;
  }
  .comNewsList.column2 a:hover span.comBtn01 {
    background-image: url(img/common/arrow_img03.png);
    border-bottom: 2px solid #566fd8;
  }
}

@media all and (max-width: 896px) {
  .top .pickUp {
    padding-bottom: 70px;
  }
  .top .pickUp .mainVisual {
    margin-bottom: 2px;
  }
  .top .headLine01::after {
    left: 32px;
  }
  .newsColumn {
    margin: -35px 0 30px;
  }
  .newsColumn h3 {
    margin-bottom: 26px;
  }
  .newsColumn .comNewsList {
    margin: 0 0 30px;
  }
  .comNewsList.column2 li {
    margin-top: 30px;
    width: 100%;
  }
  .comNewsList.column2 li img {
    width: 100%;
    margin-bottom: 20px;
    border-radius: 25px;
  }
  .comNewsList.column2 a {
    display: block;
  }
  .comNewsList.column2 .cont {
    line-height: 1.65;
  }
}
.newsArea {
  padding: 65px 10px;
  background: url(img/index/news_bg01.png) no-repeat left bottom/224px auto, url(img/index/news_bg02.png) no-repeat right top/582px auto;
  background-color: #EDF9FC;
}
.newsArea .title {
  margin-bottom: 35px;
}
.newsArea .title p {
  color: #324755;
}
.newsArea .newsList {
  margin-bottom: 0;
}
@media all and (max-width: 896px) {
  .newsArea {
    padding: 30px 0 50px;
    background-size: 60px auto, 154px auto;
  }
  .newsArea .title {
    margin-bottom: 15px;
  }
  .newsArea .newsList {
    margin-bottom: 15px;
  }
}

@media all and (-ms-high-contrast: none) {
  #gHeader .hBox .hLink a {
    padding: 13px 22px 12px 20px;
  }
  .comBtn a, span.comBtn {
    padding: 10px 42px;
  }
}
/*------------------------------------------------------------
	modal
------------------------------------------------------------*/
body.modal-open {
  overflow: hidden;
}

#modal-overlay {
  z-index: 99999;
  position: fixed;
  top: 0;
  left: 0;
  display: none;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.75);
}

#modal {
  z-index: 999999;
  position: fixed;
  top: 0;
  left: 0;
  display: none;
  width: 100%;
  height: 100%;
  overflow: auto;
}

#modal-inner {
  display: table;
  width: 100%;
  max-width: 900px;
  height: 100%;
  margin: 0 auto;
}

#modal-content {
  display: table-cell;
  padding: 0;
  vertical-align: middle;
}
@media all and (max-width: 896px) {
  #modal-content {
    padding: 0 4%;
  }
}
#modal-content a {
  text-decoration: none;
}
#modal-content .modal_frame {
  position: relative;
  padding: 35px;
  background: #fff;
}
@media all and (max-width: 896px) {
  #modal-content .modal_frame {
    padding: 17.5px;
  }
}
#modal-content .modal_description {
  position: relative;
  display: flex;
  justify-content: space-between;
}
#modal-content .modal_description::after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 4px;
  border-radius: 2px;
  background: #4ba7d8;
  content: "";
}
#modal-content .modal_description p {
  width: calc(100% - 260px);
  padding-bottom: 32px;
  line-height: 2;
}
@media all and (max-width: 896px) {
  #modal-content .modal_description p {
    width: auto;
    padding-bottom: 15px;
    line-height: 1.5;
  }
}
#modal-content .modal_description span {
  z-index: 1000000;
  display: block;
  width: 200px;
  margin: 0 0 -15px;
}
@media all and (max-width: 896px) {
  #modal-content .modal_description span {
    display: none;
  }
}
#modal-content .modal_notice {
  margin-top: 30px;
  font-size: 1.8rem;
  font-weight: bold;
  line-height: 1.8;
}
@media all and (max-width: 896px) {
  #modal-content .modal_notice {
    margin-top: 10px;
    font-size: 1.45rem;
  }
}
#modal-content .modal_title {
  margin-top: 20px;
  font-size: 2.4rem;
  font-weight: bold;
}
@media all and (max-width: 896px) {
  #modal-content .modal_title {
    margin-top: 10px;
    text-align: center;
  }
}
#modal-content .modal_title strong {
  display: inline-block;
  padding: 0 2.5px;
  font-size: 3.6rem;
  color: #ff9a9a;
}
@media all and (max-width: 896px) {
  #modal-content .modal_title strong {
    display: block;
    padding: 0;
    font-size: 2.8rem;
  }
}
#modal-content .modal_action {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 30px auto 0;
}
@media all and (max-width: 896px) {
  #modal-content .modal_action {
    flex-direction: column;
    margin: 10px 0 0;
  }
}
#modal-content .modal_action li {
  width: 400px;
  margin: 10px 0;
}
@media all and (max-width: 896px) {
  #modal-content .modal_action li {
    width: 75%;
  }
}
@media all and (max-width: 374px) {
  #modal-content .modal_action li {
    width: 100%;
  }
}
#modal-content .modal_action .modal_button {
  position: relative;
  display: block;
  padding: 13px 13px 13px 46px;
  border-radius: 25px;
  background: #edf9fc;
  font-weight: bold;
  text-align: center;
}
#modal-content .modal_action .modal_button::before {
  position: absolute;
  top: calc(50% - 10px);
  left: 13px;
  width: 20px;
  height: 20px;
  background: url(img/common/arrow_img01.png) no-repeat left center/20px 20px;
  content: "";
}
#modal-content .modal_action .modal_button:hover {
  background: #566fd8;
  color: #fff;
}
#modal-content .modal_action .modal_button:hover::before {
  background: url(img/common/arrow_img04.png) no-repeat left center/20px 20px;
}

/*------------------------------------------------------------
	patient-box
------------------------------------------------------------*/
.patientBox {
  background: #fff;
}
@media all and (max-width: 896px) {
  .patientBox {
    padding: 48px 0 0;
  }
}
@media all and (max-width: 896px) {
  .top .patientBox, .hospital .patientBox, .hospital_category .patientBox {
    padding: 0;
  }
}
.patientBox .patientGate {
  padding: 48px 0;
  border-top: 1px solid #ECEEEE;
  background: #edf9fc;
}
@media all and (max-width: 896px) {
  .patientBox .patientGate {
    padding: 36px 0;
  }
}
.patientBox .patientBanner {
  position: relative;
  width: 896px;
  margin: 0 auto;
  padding: 40px 120px;
  border-radius: 32px;
  background: #60d0f7;
  box-sizing: border-box;
}
@media all and (max-width: 896px) {
  .patientBox .patientBanner {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: auto;
    margin: 0 15px;
    padding: 15px 15px 0;
    border-radius: 16px;
    text-align: center;
    overflow: hidden;
  }
}
.patientBox .patientBanner .comBtn {
  width: auto;
  height: 40px;
  line-height: 1.4;
}
@media all and (max-width: 896px) {
  .patientBox .patientBanner .comBtn {
    margin: 0 0 10px;
  }
}
.patientBox .patientBanner .comBtn a {
  width: auto;
}
.patientBox .patientBanner .image {
  position: absolute;
  top: -20px;
  right: 120px;
  width: 280px;
}
@media all and (max-width: 896px) {
  .patientBox .patientBanner .image {
    position: static;
    width: 164px;
    margin-bottom: -15px;
  }
}

/*------------------------------------------------------------
	patient
------------------------------------------------------------*/
#main.patient {
  background: #edf9fc;
}

@media all and (max-width: 896px) {
  .patient #pagePath {
    margin: 0 15px 23px;
  }
}
@media all and (max-width: 896px) {
	.patient .mainVisual{
		height: 230px;
	}
  .patient .headLine01 {
    height: auto;
	  width: 60%;
	  padding: 7px 15px;
  }
	.patient .comBox .imgBox{
		top: -20px;
		right: 0;
	}
}
.patient .comBgBox {
  margin-bottom: 18px;
  padding: 0;
  background: transparent;
}
@media all and (max-width: 896px) {
  .patient .comBgBox {
    margin: 0 auto 37px;
    padding: 15px 16px 0;
  }
}
.patient .newsList {
  margin-bottom: 8px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
@media all and (max-width: 896px) {
  .patient .newsList {
    margin-bottom: 19px;
  }
}
.patient .newsList::after {
  content: "";
}
.patient .newsList li {
  margin-bottom: 32px;
  width: 464px;
}
@media all and (max-width: 896px) {
  .patient .newsList li {
    width: 100%;
    margin: 15px 0 0;
  }
  .patient .newsList li:first-child {
    margin: 0 !important;
  }
}
.patient .newsList li .image {
  display: flex;
  align-items: center;
  margin-bottom: 14px;
  border-radius: 32px;
  overflow: hidden;
}
@media all and (min-width: 897px) {
  .patient .newsList li .image {
    width: 100%;
    height: 170px;
  }
}
@media all and (max-width: 896px) {
  .patient .newsList li .image {
    height: auto;
    border-radius: 10px;
  }
}
.patient .newsList li .image img {
  width: 100%;
  border-radius: 32px;
  overflow: hidden;
  transition: 0.3s;
}
@media all and (max-width: 896px) {
  .patient .newsList li .image img {
    width: 163px;
    height: 100%;
    margin-bottom: 0;
    border-radius: 10px;
  }
}
.patient .newsList li .text {
  display: block;
  margin-bottom: 7px;
  color: #566fd8;
  font-size: 1.4rem;
  font-weight: bold;
  letter-spacing: 1.5px;
}
@media all and (max-width: 896px) {
  .patient .newsList li .text {
    width: calc(100% - 170px);
  }
}
.patient .newsList li a {
  display: block;
}
@media all and (max-width: 896px) {
  .patient .newsList li a {
    display: flex;
    width: 100%;
    justify-content: space-between;
  }
}
@media all and (min-width: 897px) {
  .patient .newsList li a:hover img {
    transform: scale(1.05);
  }
}
@media all and (min-width: 897px) {
  .patient .newsList li a:hover .text {
    color: #324755;
  }
}
.patient .comUl ul {
  justify-content: center;
}

/*------------------------------------------------------------
	patient-content
------------------------------------------------------------*/
.patient_content .midBox figure {
  margin: 20px 0;
}
.patient_content .midBox figure figcaption {
  padding-top: 5px;
  font-size: 1.4rem;
  font-weight: bold;
}
.patient_content .midBox figure figcaption.light, .patient_content .midBox figure figcaption.dark {
  font-size: 1.8rem;
}
@media all and (max-width: 896px) {
  .patient_content .midBox figure figcaption.light, .patient_content .midBox figure figcaption.dark {
    font-size: 1.4rem;
  }
}
.patient_content .midBox figure figcaption.light {
  color: #566fd8;
}
.patient_content .midBox figure figcaption + img {
  margin-top: 10px;
}
.patient_content .midBox ul,
.patient_content .midBox dl {
  font-size: 1.8rem;
  line-height: 1.86;
}
@media all and (max-width: 896px) {
  .patient_content .midBox ul,
  .patient_content .midBox dl {
    font-size: 1.4rem;
  }
}
.patient_content .midBox ul + p,
.patient_content .midBox dl + p {
  margin-top: 19px;
}
.patient_content .midBox p img.flat {
  border-radius: 0;
}
.patient_content .midBox p + ul {
  margin-top: -19px;
}
.patient_content .midBox .feature {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  max-width: 414px;
}
.patient_content .midBox .feature figure {
  width: 48%;
}
.patient_content .midBox .feature figure.wide {
  width: 100%;
}
.patient_content .midBox .list li {
  padding-left: 18px;
  text-indent: -18px;
}
@media all and (max-width: 896px) {
  .patient_content .midBox .list li {
    padding-left: 14px;
    text-indent: -14px;
  }
}
.patient_content .midBox .list li:last-of-type p {
  margin-bottom: 0;
}
.patient_content .midBox .size {
  display: flex;
  justify-content: space-between;
}
@media all and (max-width: 896px) {
  .patient_content .midBox .size {
    flex-direction: column;
    align-items: center;
  }
}
.patient_content .midBox .size li:last-of-type {
  max-width: 180px;
}
@media all and (max-width: 896px) {
  .patient_content .midBox .size li:last-of-type {
    margin: 10px 0 0;
  }
}
.patient_content .midBox .flow {
  display: flex;
  justify-content: space-between;
}
@media all and (max-width: 896px) {
  .patient_content .midBox .flow {
    flex-direction: column;
  }
}
.patient_content .midBox .flow li {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 31%;
  max-width: 245px;
}
@media all and (max-width: 896px) {
  .patient_content .midBox .flow li {
    width: 100%;
    max-width: inherit;
  }
  .patient_content .midBox .flow li:not(:first-of-type) {
    margin-top: 20px;
  }
}
.patient_content .midBox .flow li span {
  display: block;
  margin-bottom: 5px;
}
.patient_content .midBox .flow li img {
  max-width: 245px;
}
.patient_content .midBox .case {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  max-width: 470px;
  margin: -10px 0 19px;
}
.patient_content .midBox .case figure {
  width: 43%;
  margin: 10px 0;
}
@media all and (max-width: 896px) {
  .patient_content .midBox .case figure {
    width: 45%;
  }
}
.patient_content .midBox .case div {
  width: 7%;
}
.patient_content .midBox .case .tall {
  padding-top: 27px;
}
@media all and (max-width: 896px) {
  .patient_content .midBox .tape_2 {
    max-width: 125px;
  }
}
.patient_content .midBox .faq dt {
  padding: 10px;
  border-bottom: 2px solid #999;
  background: #edf9fc;
  font-weight: bold;
}
.patient_content .midBox .faq dd {
  margin-top: 10px;
}
.patient_content .midBox .faq dd + dt {
  margin-top: 15px;
}
.patient_content .midBox .note {
  display: block;
  margin-top: 10px;
  padding-left: 14px;
  font-size: 1.4rem;
  font-weight: bold;
  text-indent: -14px;
}
.patient_content .midBox .note:not(:first-of-type) {
  margin-top: 5px;
}
.patient_content .midBox .note.note_right {
  text-align: right;
}
.patient_content .midBox .note + p {
  margin-top: 10px;
}
.patient_content .midBox .highlight {
  border-bottom: 1px solid #ff4d4d;
}
.patient_content .midBox .caution {
  margin: 20px 0;
  padding: 20px 20px 0;
  border: 5px solid #ff9a9a;
  border-radius: 10px;
}
@media all and (max-width: 896px) {
  .patient_content .midBox .caution {
    padding: 0 15px;
  }
}
.patient_content .midBox .warning {
  color: #ff4d4d;
}
.patient_content .midBox .column {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 20px;
}
@media all and (max-width: 896px) {
  .patient_content .midBox .column {
    flex-direction: column;
    align-items: center;
  }
}
.patient_content .midBox .column > *:first-child {
  flex: 1;
}
.patient_content .midBox .column figure {
  max-width: 180px;
  margin: 0 0 0 20px;
}
@media all and (max-width: 896px) {
  .patient_content .midBox .column figure {
    margin: 20px 0 0;
  }
}
.patient_content .midBox .column p {
  margin-top: 0;
}
.patient_content .midBox .video {
  position: relative;
}
.patient_content .midBox .video .video_body {
  position: relative;
  height: 0;
  margin: 0;
  padding: 0 0 56.25%;
  overflow: hidden;
}
.patient_content .midBox .video .video_body iframe {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
  border: 0;
}
.patient_content .midBox .renail_movie {
  width: 75%;
  margin: 30px auto 60px;
}
@media all and (max-width: 896px) {
  .patient_content .midBox .renail_movie {
    width: 100%;
  }
}
.patient_content .midBox .renail_movie p {
  margin-top: 0;
  text-align: center;
}
.patient_content .midBox .renail_legend {
  display: flex;
  justify-content: center;
  margin-top: 20px;
  padding: 10px;
  border: 1px solid #566fd8;
  border-radius: 5px;
}
@media all and (max-width: 896px) {
  .patient_content .midBox .renail_legend {
    flex-direction: column;
    align-items: center;
  }
}
.patient_content .midBox .renail_legend li {
  display: flex;
  align-items: center;
}
.patient_content .midBox .renail_legend img {
  width: auto;
  height: 22px;
}
.patient_content .midBox .renail_legend span {
  margin: 0 20px 0 10px;
  font-size: 1.4rem;
  white-space: nowrap;
}
.patient_content .midBox .renail_effects figure {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
@media all and (max-width: 896px) {
  .patient_content .midBox .renail_effects figure {
    flex-direction: column;
  }
}
.patient_content .midBox .renail_effects figure figcaption {
  width: 100%;
}
.patient_content .midBox .renail_effects figure img {
  width: 60%;
}
@media all and (max-width: 896px) {
  .patient_content .midBox .renail_effects figure img {
    width: auto;
  }
}
.patient_content .midBox .renail_effects figure span {
  width: 37.5%;
  font-size: 1.8rem;
  line-height: 1.86;
}
@media all and (max-width: 896px) {
  .patient_content .midBox .renail_effects figure span {
    width: auto;
    margin-top: 10px;
    font-size: 1.4rem;
  }
}
.patient_content .midBox .renail_steps .flow {
  margin: 0 0 20px;
}
.patient_content .midBox .renail_steps .step {
  max-width: 245px;
  margin: 0 0 20px;
}
.patient_content .midBox .renail_steps .step.wide {
  max-width: 310px;
}
.patient_content .midBox .renail_steps .step_multiple {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin: 0;
}
.patient_content .midBox .renail_steps .step_multiple .step {
  margin: 0;
}
.patient_content .midBox .renail_steps .step_multiple .arrow {
  width: auto;
}
@media all and (max-width: 896px) {
  .patient_content .midBox .renail_steps .step_multiple {
    flex-direction: row;
  }
  .patient_content .midBox .renail_steps .step_multiple .step {
    width: 41%;
  }
  .patient_content .midBox .renail_steps .step_multiple .step.wide {
    width: 52%;
  }
}

@media all and (min-width: 570px) {
	.logo .for-sp.open{
		width:90%;
		margin: 0 auto;
	}
}
@media all and (max-width: 768px) {
	.topVisual .textBox::before{
		top: 580px;
	}

}

.for-sp{
    display: none;
    z-index: 101;
}
@media all and (max-width: 768px) {
	.for-sp{
		display: block;
	}
	.for-pc{
		display: none;
	}
}
#msg{
	display: flex;
	flex-wrap: wrap;
    justify-content: space-evenly;
    align-items: center;
}
#msg div:first-child{
	width: 25%;
    margin-right: 1em;
}
#msg div:last-child{
	width: 60%;
}
#msg h2{
    font-size: 1.5rem;
    letter-spacing: 0.1em;
    color: #324755;
    font-weight: 600;
}
#msg div:last-child p{
	font-weight: normal;
	font-size: 14px;
	margin-top: 10px;
}
/* モーダルウィンドウ */
.modal1 {
  background: rgba(0,0,0,0.5);
  position: fixed; 
  width: 100%;
  height: 100%; 
  top: 0;
  left: 0; 
  display: none;
  box-sizing: border-box;
  margin: 0 auto;
  padding: 150px 20px;
}

/* モーダルの中の要素 */
.modal1 .box {
  background: #fff;
  padding: 20px; 
  max-height: calc(100vh - 100px);
  overflow-y: scroll; 
  box-sizing: border-box;
}

/* 閉じるボタン */
.modal1 .close {
    padding: 12px 10px 11px;
    width: 100%;
    display: block;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    text-align: center;
    box-sizing: border-box;
    background: #7ecef4;
    border-radius: 10px;
	margin: 30px auto 0;
    width: 70%;
}

/*「お近くの病院検索」追従*/

#following_bnr_hp{
  text-align: center;
  padding: 15px 0;
  background: rgb(0 0 0 / 40%);
  display: none;
  z-index: 99;
}
#following_bnr_hp a{
  display: block;
  width: 90%;
  height: auto;
  margin: 0 auto;
}
@media print, screen and (min-width: 768px){
  .nav_opt{
    display: none;
  }
  #following_bnr_hp{
    display: none!important;
  }
}


.hLink2 {
  margin-right: 20px;
}
.hLink2 img {
  width: 75px;
}
.hLink2_footer {
  margin-right: 20px;
}
.hLink2_footer img {
  width: 75px;
}
.hLink2_sp {
  display: none;
}
@media only screen and (max-width: 896px) {
  .hLink2 {
    display: none;
  }
  .hLink2_sp {
    display: block;
  }
  .hLink2_sp a {
    display: block;
    width: 303px;
    height: 48px;
    margin: 9px auto 10px;
    padding: 15px 10px;
    font-weight: 500;
    background: #f4b0a9;
    border-radius: 8px;
    color: #fff;
    font-size: 1.5rem;
    line-height: 1;
    text-align: center;
    box-sizing: border-box;
  }
}
@media (max-width: 374px) {
  .hLink2_sp a {
    width: 278px;
  }
}