@charset "UTF-8";
/*
Theme Name: mytheme
Theme URI: /wp-content/themes/mytheme
Description: 
Author: me
Author URI:
Version: 1.0
*/

html{

}
body{
	font-family: "Zen Maru Gothic", sans-serif;
	overflow-x:hidden;
  color:#222222;
}
img{
	width:100%;
}
a{
	transition:0.2s;
  text-decoration: none;
  color: #222222;
}
p,a,h1,h2,h3,h4,h5,li,th,td{
  font-size: 16px;
  letter-spacing: 0.02em;
	line-height: 1.8em;
}

/*---- header ----*/
header{
  z-index: 100;
  position: fixed;
  width: 100%;
}
.header{
	display: flex;
  justify-content: space-between;
  padding: 10px 50px;
  align-items: center;
}
button {
  /* 背景色を無色に */
  background: transparent;
  /* 枠線を消す */
  border: none;
  /* クリックした際に枠線をnone消す */
  outline: none;
  /* 影を消す */
  box-shadow: none;
}
/*--ハンバーガーボタン--*/
.hamburger {
  display : block;
  position: relative;
  z-index : 3;
  width : 50px;
  height: 50px;
  cursor: pointer;
  text-align: center;
  background: #D8FCF7;
  border-radius: 50px;
}
.hamburger span {
  display : block;
  position: absolute;
  width   : 30px;
  height  : 3px ;
  left    : 10px;
  background :#52C1B0;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition   : 0.3s ease-in-out;
  transition        : 0.3s ease-in-out;
}
.hamburger span:nth-child(1) {
  top: 13px;
}
.hamburger span:nth-child(2) {
  top: 23px;
}
.hamburger span:nth-child(3) {
  top: 33px;
}
/* ナビ開いてる時のボタン */
.hamburger.active span:nth-child(1) {
  top : 23px;
  left: 10px;
  background :#555555;
  -webkit-transform: rotate(-45deg);
  -moz-transform   : rotate(-45deg);
  transform        : rotate(-45deg);
}
.hamburger.active span:nth-child(2){
  top: 23px;
  background :#555555;
  -webkit-transform: rotate(45deg);
  -moz-transform   : rotate(45deg);
  transform        : rotate(45deg);
}
.hamburger.active span:nth-child(3) {
  opacity: 0;
}
nav.globalMenu {
  position: fixed;
  z-index : 2;
  top  : 0;
  right: 0;
  background: #F4FFFE;
  text-align: center;
  width: 100%;
	height:100%;
  max-width: 600px;
  opacity: 0;
  transition: opacity .3s ease, visibility .3s ease;
	visibility:hidden;
}
nav.globalMenu ul {
  margin: 0 auto;
  margin-top: 120px;
  padding: 0;
  width: 80%;
}
nav.globalMenu ul li {
  list-style-type: none;
  padding: 0;
  width: 100%;
  transition: .4s all;
  display: flex;
  align-items: center;
    border-bottom: 1px solid #D2F8F3;
}
nav.globalMenu ul li::before {
    content: "";
    display: block;
    width: 16px;
    height: 16px;
    min-width: 16px;
    border-radius: 8px;
    background: #52C1B0;
    margin-right: 20px;
}
nav.globalMenu ul li:last-child {
  padding-bottom: 0;
}
nav.globalMenu ul li a {
	display: block;
	color: #444444;
	padding: 0.8em 0;
	text-decoration :none;
  width: 100%;
    text-align: left;
}
nav.globalMenu ul li a:hover{
  opacity: 0.7;
}

/* このクラスを、jQueryで付与・削除する */
nav.globalMenu.active {
  opacity: 100;
	visibility: visible;
	overflow-y: scroll;
}
/*---- header ----*/
/*---- フェードイン ----*/
.fade {
/*最初は非表示*/
  opacity: 0;
  visibility: hidden;
  transform: translateY(30px);
  transition: opacity 1s, visibility 1s, transform 1s;
}
/*フェードイン時に入るクラス*/
.is-fadein {
  opacity: 1;
  visibility: visible;
  transform: translateX(0);
}
/*---- フェードイン ----*/

/*---- top page ----*/
/*-- key visual --*/
.keyv{
  height: 95vh;
  width: 100%;
  position: relative;
}
.keyv-img1{
  position: absolute;
  width: 25%;
  aspect-ratio: 1 / 1;
  left: 20px;
  top: 50px;
  border-radius: 50%;
  background: #D2F8F3;
}
.keyv-img1::before {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  aspect-ratio: 1 / 1;
  left: -10px;
  top: -10px;
  border-radius: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  transition: background-image 1.6s ease;
  background-image: var(--keyv-bg, url(../mytheme/img/keyv1-1.png));
}

.keyv-img2{
  position: absolute;
  width: 40%;
  aspect-ratio: 1 / 1;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
  border-radius: 50%;
  background: #FFD0C7;
}
.keyv-img2::before {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  aspect-ratio: 1 / 1;
  left: -10px;
  top: -10px;
  border-radius: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  transition: background-image 1.6s ease;
    background-image: var(--keyv-bg, url(../mytheme/img/keyv2-1.png));
}

.keyv-img3{
  position: absolute;
  width: 15%;
  aspect-ratio: 1 / 1;
    top: 50px;
    right: 120px;
  border-radius: 50%;
  background: #D2F8F3;
}
.keyv-img3::before {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  aspect-ratio: 1 / 1;
  left: -10px;
  top: -10px;
  border-radius: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  transition: background-image 1.6s ease;
    background-image: var(--keyv-bg, url(../mytheme/img/keyv3-1.png));
}

.keyv-img4{
  position: absolute;
  width: 23%;
  aspect-ratio: 1 / 1;
    bottom: 0px;
    right: 20px;
  border-radius: 50%;
  background: #FFE0BA;
}
.keyv-img4::before {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  aspect-ratio: 1 / 1;
  left: -10px;
  top: -10px;
  border-radius: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  transition: background-image 1.6s ease;
    background-image: var(--keyv-bg, url(../mytheme/img/keyv4-1.png));
}

.keyv-txt {
  z-index:2;
  bottom: 20px;
  left: 12%;
  position: absolute;
}
.keyv-txt .kvtxt{
  font-size: 35px;
  max-width: 1600px;
  margin: auto;
	font-weight:bold;
}
.keyv-txt .kvtxt span{
  background: #fff;
  padding: 0px 5px;
  border-radius: 10px;
  line-height: 2em;
  border-right: 5px solid #D2F8F3;
  border-bottom: 5px solid #D2F8F3;
}


.person1-img{
  height: 120px;
  position: absolute;
  top: 50px;
  right: 30%;
}
.person2-img{
  height: 120px;
  position: absolute;
  bottom: 22%;
  left: 10%;
}
.person3-img{
  height: 120px;
  position: absolute;
  bottom: -5%;
  right: 30%;
}
.person1-img img,
.person2-img img,
.person3-img img{
  height: 100%;
}
/*-- key visual --*/

.inner{
  width: 95%;
  max-width: 1400px;
  margin: auto;
  padding: 100px 0;
}
.news-inner{
  max-width: 900px;
  margin: auto;
}
.news-inner2{
  max-width: 600px;
  margin: auto;
}
.news-bg{
  padding: 60px 0;
  background: #fff;
  border-radius: 30px;
  max-width: 1200px;
  margin: auto;
}

.top-title{
  text-align: center;
  font-size: 32px;
  padding: 20px;
  position: relative;
  margin-bottom: 60px;
}
.top-title::after{
  display: inline;
  content: "";
  width: 44px;
  height: 8px;
  background: url(../mytheme/img/title-circle.svg) no-repeat;
  background-size:contain;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
}
.top-title2{
  text-align: center;
  font-size: 32px;
  padding: 20px;
  position: relative;
  margin-bottom: 60px;
}
.top-title2 .top-title2-inner {
  display: inline-block;
    padding: 5px 15px;
    background: #fff;
    border-radius: 10px;
    margin-bottom: 20px;
}
.top-newsblog3 .top-title2 .top-title2-inner:last-child{
padding-top: 10px;
}
.top-title-flag{
  text-align: center;
  font-size: 30px;
  padding: 20px;
  position: relative;
  margin-bottom: 60px;
  z-index: 2;
  line-height: 2.6rem;
}
.top-title-flag::after{
  content: "";
  display: block;
  width: 420px;
  height: 190px;
  position: absolute;
    top: 60%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
  background: url(../mytheme/img/flag.png) no-repeat;
  background-size: cover;
  z-index: -1;
}
.top-newsblog2 .top-title2 .top-title2-inner {
  border-right: 5px solid #FCCC91;
  border-bottom: 5px solid #FCCC91;
}
.top-newsblog3 .top-title2 .top-title2-inner {
  border-right: 5px solid #FCCC91;
  border-bottom: 5px solid #FCCC91;
}
.top-newsblog4 .top-title2 .top-title2-inner {
  border-right: 5px solid #67CEBE;
  border-bottom: 5px solid #67CEBE;
}
.linkbtn{
  margin-top: 40px;
}
.linkbtn a{
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 400px;
  height: 70px;
  background: #52C1B0;
  border-radius: 40px;
  color: #fff;
  transition: 0.2s;
}
.linkbtn a:hover{
  background: #FFE0BB;
}


.top-begin{
  background: url(../mytheme/img/begin-bg.png) no-repeat;
  background-size:100% 100%;
}
.beginbtn1,
.beginbtn2,
.beginbtn3{
  width:350px;
  height: 350px;
  background-size: contain;
  transition: 0.2s;
}
.beginbtn1 a,
.beginbtn2 a,
.beginbtn3 a{
  display: flex;
  height: 100%;
  width: 100%;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  color: #222222;
  font-weight: 600;
  font-size: 18px;
}
.begin-flex p:hover{
  opacity: 0.7;
}
.beginbtn1 a span,
.beginbtn2 a span,
.beginbtn3 a span{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 55%;
  height: 55%;
  background: #ffffffaa;
  text-align: center;
}
.beginbtn1{
  background: url(../mytheme/img/first1.png) no-repeat;
  background-size: contain;
}
.beginbtn2{
  background: url(../mytheme/img/first2.png) no-repeat;
  background-size: contain;
}
.beginbtn3{
  background: url(../mytheme/img/first3.png) no-repeat;
  background-size: contain;
}
.begin-flex {
    display: flex;
    justify-content: space-between;
    max-width: 1200px;
    margin: auto;
}

.about-box{
  display: flex;
  align-items: center;
}
.about-txt{
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 50%;
}
.about-txt p{
  line-height: 2.2rem;
}
.about-num img{
  height: 60px;
}
.about-img {
    margin-left: 60px;
}
.about-box-reverse {
    flex-direction: row-reverse;
}
.about-box-reverse .about-img {
  margin-left: 0;
  margin-right: 60px;
}

.director-box{
  display: flex;
  align-items: center;
}
.director-img{
  margin-right: 60px;
}
.director-img img{
  padding-bottom: 80px;
}
.director-txt {
    width: 60%;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.director-txt p{
  line-height: 2.2rem;
}

.top-staffnum{
  background: url(../mytheme/img/staff-bg.png) no-repeat;
  background-size: cover;
  background-position:top;
  position: relative;
}
.top-staffnum::after{
  content: "";
  display: block;
  width: 100%;
  height: 80px;
  background: url(../mytheme/img/nami.png) no-repeat;
  background-size: cover;
  background-position:top;
  position: absolute;
  bottom: -1px;
}
.staffnum-box{
  padding-top: 180px;
  padding-bottom: 220px;
}
.staff-type {
    background: #fff;
    padding: 20px 40px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: 10px;
    max-width: 400px;
    margin-bottom: 40px;
}
.staffnum-box {
    display: flex;
    max-width: 1000px;
    justify-content: space-between;
    margin: auto;
}
.staff-num{
  color: #EF9D8E;
  font-weight: bold;
}
.staff-fsd {
    font-size: 70%;
}

.staff-type p{
  text-align: center;
}
.staff-type p:first-child{
  font-size: 22px;
  padding-right: 40px;
  line-height: 1.5rem;
}
.staff-type p:last-child{
  font-size: 40px;
}

.top-guide{
  background: #FFF9E6;
  position: relative;
}
.top-guide .inner{
  padding-top: 80px;
}

.top-newsblog,
.top-newsblog2,
.top-newsblog3,
.top-newsblog4,
.top-snaps{
  position: relative;
}
.top-newsblog3 .inner,
.top-newsblog4 .inner,
.top-snaps .inner{
  padding-top: 160px;
}
.top-newsblog .inner{
  
}
.top-newsblog::before{
  content: "";
  display: block;
  width: 100%;
  height: 80px;
  background: url(../mytheme/img/nami2.png) no-repeat;
  background-size: cover;
  background-position: bottom;
  position: absolute;
  top: 0px;
}
.top-newsblog2:after{

}
.top-newsblog3::before {
    content: "";
    display: block;
    width: 100%;
    height: 140px;
    background: url(../mytheme/img/nami3.png) no-repeat;
    background-size: cover;
    background-position: bottom;
    position: absolute;
    top: -1px;
}
.top-newsblog4::before {
    content: "";
    display: block;
    width: 100%;
    height: 140px;
    background: url(../mytheme/img/nami4.png) no-repeat;
    background-size: cover;
    background-position: bottom;
    position: absolute;
    top: -1px;
}

.top-snaps .inner{
  width: 100%;
  max-width: 100%;
  margin: auto;
}
.top-snaps::before{
    content: "";
    display: block;
    width: 100%;
    height: 140px;
    background: url(../mytheme/img/nami5.png) no-repeat;
    background-size: cover;
    background-position: bottom;
    position: absolute;
    top: -1px;
}
.top-snaps .linkbtn{
  text-align: center;
}

.medi-box{
	width:300px;
	position:relative;
    margin: 0 5px;
      margin-bottom: 100px;
}
.medi-box p{
	position:relative;
	padding-top:50px;
	background:#fff;
	height:100px;
	border-radius:20px;
	display:flex;
	align-items: center;
    justify-content: center;
	text-align:center;
	font-weight:bold;
  transition: 0.2s;
}
.medi-box p:before{
	content:"";
	display:block;
	background:url(../mytheme/img/triangul.svg) no-repeat;
  background-size: 100% 100%;
	width:15px;
	height:15px;
	position:absolute;
	right:15px;
	bottom:15px;
  transition: 0.2s;
}
.medi-box img{
	width:120px;
	height:auto;
	position:absolute;
	left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
	top:-60px;
	z-index:2;
}
.medi-box p span{
}
.medi-box-flex {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    margin-top: 120px;
}
.medi-box a:hover p{
  opacity: 0.6;
}
.medi-box a:hover p::before{
  right:8px;
	bottom:8px;
  background:url(../mytheme/img/triangul-hov.svg) no-repeat;
  background-size: 100% 100%;
}

.top_news{
  margin-bottom: 40px;
}
.top_news a{
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  width: 100%;
  color: #222222;
  padding-bottom: 5px;
  border-bottom: 2px solid #EF9D8E00;
}
.top_news a:hover{
  border-bottom: 2px solid #EF9D8E;
}
.date{
  width: 75px;
	min-width: 75px;
  padding-right: 30px;
}
.category{
  width: 58px;
	min-width: 58px;
  margin-right: 30px;
  height: 25px;
  background: #FFF3F0;
  display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 3px;
}
.news-inner2 .linkbtn{
  text-align: center;
}
.news-linkbtnflex {
    display: flex;
    justify-content: space-around;
}
.news-linkbtnflex .linkbtn:nth-child(2) a{
    background: #EF9D8E;
}
.news-linkbtnflex .linkbtn:nth-child(2) a:hover{
background: #FFE0BB;
}




.info-flex{
  display: flex;
  align-items: center;
}
.info-flex{
  margin-bottom: 80px;
}
.info-box1,
.info-box2{
  width: 50%;
}
.info-table{
  background: #EFFFFD;
  border-radius: 20px;
  padding: 30px 50px;
}
.info-box2 table{
  width: 100%;
}
tbody,
thead{
  width: 100%;
}
.info-table th,
.info-table td{
  text-align: center;
}
.info-box1 {
    display: flex;
    flex-direction: column;
    align-items: center;
	padding-right:20px;
}
.info-box2 th {
    width: 30%;
    padding: 20px;
    border-right: 1px solid #B3C7C4;
}
.info-box2 td {
    
}
.info-box2 td:nth-child(2){

}
.info-box2 iframe{
  border-radius: 20px;
}
.info-box2 tr{
  border-bottom: 1px solid #B3C7C4;
}
.info-box2 tr:last-child{
  border-bottom: 0px;
}
.info-flex-tel a{
  text-decoration: none;
  font-size: 40px;
  font-weight: bold;
  letter-spacing: 0.2rem;
  color: #444444;
  display: flex;
  align-items: center;
}
.info-flex-tel a::before{
  content: "";
  display: block;
  margin-top: 8px;
  width: 22px;
  height: 30px;
  background: url(../mytheme/img/tel.svg);
  background-size: cover;
  margin-right: 10px;
}
.info-box1 .linkbtn{
  margin-bottom: 20px;
  margin-top: 0;
}
.kenkouinfo{
  position: relative;
}
.kenkouinfo::before{
  display: inline-block;
  content: "(けんこう)";
  position: absolute;
  font-size: 15px;
  top:-30px;
  left: 0;
  color: #000;

}

.illust{
  position: relative;
}
.illust::before{
  content: "";
  display: block;
  position: absolute;
  width:130px;
  height: 160px;
  background: url(../mytheme/img/illust.svg) no-repeat;
  background-size: cover;
      left: 28%;
    top: -10px;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
}
.illust2{
  position: relative;
}
.illust2::before{
  content: "";
  display: block;
  position: absolute;
  width:50px;
  height: 140px;
  background: url(../mytheme/img/illust2.svg) no-repeat;
  background-size: cover;
      left: 0%;
    top: -30px;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
}
.illust3{
  position: relative;
}
.illust3::before{
  content: "";
  display: block;
  position: absolute;
  width:120px;
  height: 90px;
  background: url(../mytheme/img/illust3.svg) no-repeat;
  background-size: cover;
  right: -20%;
  top: -15px;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
}

.illust4{
  position: relative;
}
.illust4::before{
  content: "";
  display: block;
  position: absolute;
  width:85px;
  height: 180px;
  background: url(../mytheme/img/illust4.svg) no-repeat;
  background-size: cover;
  left: 0%;
  bottom: -40px;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
}

.illust5{
  position: relative;
}
.illust5::before{
  content: "";
  display: block;
  position: absolute;
  width:120px;
  height: 180px;
  background: url(../mytheme/img/illust5.svg) no-repeat;
  background-size: cover;
  right: 2%;
  top: 0px;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
}

.illust6{
  position: relative;
}
.illust6::before{
  content: "";
  display: block;
  position: absolute;
  width:200px;
  height: 135px;
  background: url(../mytheme/img/illust6-1.svg) no-repeat;
  background-size: cover;
  right: 2%;
  top: -160px;
}
.illust6::after{
  content: "";
  display: block;
  position: absolute;
  width:125px;
  height: 150px;
  background: url(../mytheme/img/illust6-2.svg) no-repeat;
  background-size: cover;
  left: 5%;
  top: -160px;
}

.illust7{
  position: relative;
}
.illust7::before{
  content: "";
  display: block;
  position: absolute;
  width:120px;
  height: 360px;
  background: url(../mytheme/img/illust7-1.svg) no-repeat;
  background-size: cover;
  right: -8%;
  top: 10%;
}
.illust7::after{
  content: "";
  display: block;
  position: absolute;
  width:120px;
  height: 360px;
  background: url(../mytheme/img/illust7-2.svg) no-repeat;
  background-size: cover;
  left: -8%;
  top: 10%;
}

.illust8{
  position: absolute;
  right: -17%;
  bottom: -50px;
  width: 330px;
}

.illust9{
  position: relative;
}
.illust9::before{
  content: "";
  display: block;
  position: absolute;
  width:150px;
  height: 135px;
  background: url(../mytheme/img/illust9-1.svg) no-repeat;
  background-size: cover;
  left: 3%;
  top: -140px;
}
.illust9::after{
  content: "";
  display: block;
  position: absolute;
  width:120px;
  height: 135px;
  background: url(../mytheme/img/illust9-2.svg) no-repeat;
  background-size: cover;
  right: 4%;
  top: -140px;
}

.illust10-1{
  position: absolute;
  left: 10%;
  bottom: 0px;
  width: 100px;
}
.illust10-2{
  position: absolute;
  right: 5%;
  bottom: -60px;
  width: 155px;
  z-index: 2;
}

.illust11{
  position: relative;
}
.illust11::before{
  content: "";
  display: block;
  position: absolute;
  width:70px;
  height: 160px;
  background: url(../mytheme/img/illust11-1.svg) no-repeat;
  background-size: cover;
  left: 5%;
  top: -180px;
}
.illust11::after{
  content: "";
  display: block;
  position: absolute;
  width:155px;
  height: 165px;
  background: url(../mytheme/img/illust11-2.svg) no-repeat;
  background-size: cover;
  right: 4%;
  top: -180px;
}

.illust12{
  position: absolute;
  bottom: -70px;
  left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
  width: 90%;
  max-width: 1500px;
  z-index: 2;
}

.illust13{
  position: relative;
}
.illust13::before{
  content: "";
  display: block;
  position: absolute;
  width:125px;
  height: 165px;
  background: url(../mytheme/img/illust13.svg) no-repeat;
  background-size: cover;
    left: 17%;
    top: -10px;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
}

.illust14-1{
  position: absolute;
  left: 3%;
  top: 20px;
  width: 70px;
}
.illust14-2{
  position: absolute;
  right: 0%;
  top: 20px;
  width: 280px;
}


footer{
  position: relative;
	background:url(../mytheme/img/footer-bg.png) no-repeat;
	background-size: cover;
	background-position: top;
}
footer .inner{
  padding-top: 140px;
}
.footer-info{
	display: flex;
  flex-direction: column;
  width: 30%;
	align-items: center;
  margin-right: 120px;
}
.footer-logo{
  width: 330px;
  margin-bottom: 30px;
}
.footer-tel{
  margin-bottom: 10px;
}
.footer-tel a{
  text-decoration: none;
  font-size: 32px;
  font-weight: bold;
  letter-spacing: 0.2rem;
  color: #444444;
  display: flex;
  align-items: center;
}
.footer-tel a::before{
  content: "";
  display: block;
  padding-top: 2px;
  width: 18px;
  height: 24px;
  background: url(../mytheme/img/tel.svg);
  background-size: cover;
  margin-right: 10px;
}
.footer-info-flex{
  display: flex;
  align-items: flex-end;
}
footer .linkbtn{
  margin-top: 15px;
}
.footer-sitemap {
  width: 70%;
}
.footer-sitemap ul{
  display: flex;
  flex-wrap: wrap;
}
.footer-sitemap ul li{
  width: 33%;
  list-style: none;
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}
.footer-sitemap ul li a{
	font-size:14px;
}
.footer-sitemap ul li::before{
  content: "";
  display: block;
  width: 16px;
  height: 16px;
  min-width: 16px;
  border-radius: 8px;
  background: #52C1B0;
  margin-right: 20px;
}
.footer-info-flex2{
  margin-top: 60px;
  display: flex;
  justify-content: flex-end;
}
.footer-info-flex2 a{
	text-decoration:underline;
}
.footer-info-flex2 a:hover{
	opacity:0.6;
}
/*table sheet style*/
table.sheet {
	border-collapse:collapse;
	border-spacing:0px;
	border-bottom: none;
	margin-bottom:15px;
	width:100%;
	background:#f5f5f5;
	border-top:solid 1px #eee;
	border-right:solid 1px #eee;
}
.sheet th, .sheet td {
	padding: 10px 20px;
	text-align: left;
	line-height:1.5em;
	vertical-align:middle;
	background:#fefefe;
	border-bottom:solid 1px #eee;
	line-height:220%;
	border-left:1px solid #eee;
}
.sheet th {
	background: #f4f9f9;
	font-weight:500;
	text-align:center;
	border-bottom:solid 1px #eee;
}
.sheet tr:last-child td{
	
}
.sheet td img {
	vertical-align:middle;
}
table.center td{
	text-align:center;
}
table td.fonts{
	font-size:12px;
	color:#666;
}

.reserve-step{
  color: #444444;
  padding-right: 4px;
}


@media screen and (max-width: 1600px) {
  .keyv-txt {
    z-index: 2;
    bottom: 20px;
    left: 3%;
    position: absolute;
}
}
@media screen and (max-width: 1300px) {
  .linkbtn a {
    width: 330px;
    height: 50px;
    background: #52C1B0;
    border-radius: 40px;
    color: #fff;
}
.footer-info {
    margin-right: 40px;
  }
.footer-logo {
    width: 230px;
    margin-bottom: 20px;
}
.footer-info-flex {
    z-index: 2;
    position: relative;
}
.illust14-1 {
    position: absolute;
    left: 2%;
    top: 5px;
    width: 50px;
}
.illust14-2 {
    top: 5px;
    width: 200px;
}

}
@media screen and (max-width: 1200px) {

  .inner {
    max-width: 800px;
}
.top-title {
    font-size: 28px;
}
.beginbtn1, .beginbtn2, .beginbtn3 {
    width: 250px;
    height: 250px;
    background-size: contain;
    transition: 0.2s;
}
.beginbtn1 a, .beginbtn2 a, .beginbtn3 a {
    font-size: 16px;
}
.beginbtn1 a span, .beginbtn2 a span, .beginbtn3 a span {
    width: 70%;
    height: 70%;
    transform: translateX(5px)translateY(-5px);
}
.illust::before {
    width: 75px;
    height: 90px;
    left: 15%;
    top: 20px;
}
.about-img {
    margin-left: 20px;
    width: 30%;
}
.about-box-reverse .about-img {
    margin-left: 0;
    margin-right: 20px;
}
.about-txt {
    width: 70%;
}
.about-box {
    margin-bottom: 40px;
}
.director-box {
    align-items: center;
    flex-direction: column;
}
.director-img {
    margin-right: 20px;
    width: 90%;
    max-width: 400px;
}
.director-txt {
    width: 100%;
}
.director-img img {
    padding-bottom: 40px;
}
.illust4::before {
    width: 50px;
    height: 105px;
    left: 0%;
    bottom: auto;
    top: -150px;
    left: 2%;
}
.staffnum-box {
    max-width: 800px;
    justify-content: space-around;
}
.staff-type {
    max-width: 300px;
    margin-bottom: 40px;
}
.staff-type p:first-child {
    font-size: 18px;
    padding-right: 20px;
}
.staff-type p:last-child {
    font-size: 30px;
}
.medi-box {
    width: 200px;
}
.medi-box img {
    width: 80px;
  }
  .medi-box img {
    width: 80px;
    top: -40px;
}
.medi-box p {
    padding-top: 30px;
  }
  .illust5::before {
    width: 80px;
    height: 120px;
  }
  .top-title-flag {
    font-size: 26px;
  }
  .illust7::before {
    width: 60px;
    height: 180px;
    right: -12%;
    top: 10%;
}
  .illust7::after {
    width: 60px;
    height: 180px;
    left: -12%;
    top: 10%;
}
.illust6::before {
    width: 120px;
    height: 80px;
    right: 0%;
    top: -90px;
}
.illust6::after {
    width: 67px;
    height: 80px;
    left: 0%;
    top: -90px;
}
.illust8 {
    width: 200px;
    right: -5%;
}
.top-title2 {
    font-size: 26px;
  }
  .kenkouinfo::before{
    font-size: 14px;
    top: -26px;
  }
  .illust9::before {
    width: 90px;
    height: 80px;
    background-size: contain;
    left: 0%;
    top: -90px;
  }
  .illust9::after {
    width: 70px;
    height: 80px;
    background-size: contain;
    right: 0%;
    top: -90px;
}
.illust10-1 {
    position: absolute;
    left: 5%;
    bottom: 0px;
    width: 60px;
}
.illust10-2 {
    position: absolute;
    right: 5%;
    bottom: 0px;
    width: 100px;
    bottom: 0;
}
.illust11::before {
    width: 70px;
    height: 80px;
    background-size: contain;
    left: 0%;
    top: -100px;
}
.illust11::after {
    width: 70px;
    height: 80px;
    background-size: contain;
    right: 0%;
    top: -100px;
}
.illust13::before {
    width: 65px;
    height: 80px;
    background-size: contain;
    left: 10%;
    top: 15px;
}
.info-table {
    background: #EFFFFD;
    border-radius: 20px;
    padding: 20px 20px;
}
.info-box2 th {
    width: 30%;
    padding: 10px;
}
footer .inner {
    padding-top: 140px;
}
footer .linkbtn a {
  width: 200px;
}

.footer-logo {
  width: 150px;
  margin-bottom: 20px;
}
.footer-tel a {
    font-size: 22px;
  }
  .footer-tel a::before {
    content: "";
    display: block;
    padding-top: 2px;
    width: 12px;
    height: 16px;
    background: url(../mytheme/img/tel.svg) no-repeat;
    background-size: contain;
    margin-right: 10px;
}
}
@media screen and (max-width: 800px) {
  .header {
    padding: 10px 10px;
}
.header-logo{
  width: 110px;
}
  .top-title {
        font-size: 24px;
    }
    .inner {
    padding: 60px 0;
}
  .keyv-img1 {
    width: 30%;
    left: 0px;
    top: 10px;
}
  .keyv-img2 {
    width: 60%;
    top: 45%;
    left: 50%;
}
.keyv-img3 {
    width: 25%;
    top: 50px;
    right: 0px;
}
.keyv-img4 {
    position: absolute;
    width: 28%;
    aspect-ratio: 1 / 1;
    bottom: 20%;
    right: 20px;
    border-radius: 50%;
    background: #FFE0BA;
}

element.style {
}
.keyv-txt .kvtxt {
    font-size: 25px;
}
.keyv-txt p{
  font-size: 15px;
}
.person1-img {
    height: 80px;
  }
.person2-img {
    height: 80px;
  }
.person3-img {
    height: 80px;
    bottom: -5%;
    right: 5%;
}
.top-begin{
  background: url(../mytheme/img/begin-bg.png) no-repeat;
  background-size:200% 100%;
}
    .top-begin {
        background: url(../mytheme/img/begin-bg.png) no-repeat;
        background-size: 800% 100%;
        background-position: center;
    }
    .begin-flex {
    flex-direction: column;
    align-items: center;
    padding-bottom: 20px;
}
    .beginbtn1 a span, .beginbtn2 a span, .beginbtn3 a span {
        width: 60%;
        height: 60%;
        transform: translateX(5px) translateY(-5px);
        font-size: 14px;
    }
    .beginbtn1, .beginbtn2, .beginbtn3 {
        margin-bottom: 20px;
    }
    .illust::before {
        width: 40px;
        height: 47px;
        left: 6%;
        top: 0px;
    }
    .about-box {
    flex-direction: column-reverse;
  }
  .about-txt {
        width: 100%;
        max-width: 600px;
    }
    .about-img {
        margin-left: 0;
        width: 90%;
        max-width: 350px;
    }
    .about-box {
        margin-bottom: 60px;
    }
    .about-box-reverse .about-img {
        margin-right: 0px;
    }
    .illust2::before {
    width: 24px;
    height: 63px;
    background-size: contain;
    left: 0%;
    top: -30px;
    transform: translateX(0);
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
}
.illust3::before {
    width: 60px;
    height: 44px;
    background-size: contain;
    right: -15%;
    top: auto;
    bottom: 0;
}
.about-box {
        margin-bottom: 60px;
    }
      .illust4::before {
        width: 30px;
        height: 60px;
        left: 0%;
        bottom: auto;
        top: -120px;
        left: 15%;
    }
        .director-img {
        margin-right: 0px;
        width: 90%;
        max-width: 400px;
    }
    .staffnum-box {
    flex-direction: column;
    align-items: center;
}
.staff-type {
        max-width: 300px;
        margin-bottom: 40px;
        padding: 10px 20px;
    }
    .staffnum-box {
    padding-top: 80px;
    padding-bottom: 80px;
}
.top-guide .inner {
    padding-top: 20px;
    padding-bottom: 0;
    margin-bottom: -20px;
}
.medi-box {
        width: 155px;
        margin-bottom: 80px;
    }
    .medi-box p{
      font-size: 15px;
    }
    .top-newsblog .inner {
      padding-top: 100px;
}
.illust5::before {
        width: 40px;
        height: 60px;
    }
    .news-linkbtnflex {
    justify-content: space-around;
    flex-direction: column;
    align-items: center;
}
.news-linkbtnflex .linkbtn:nth-child(2){
  margin-top: 20px;
}
.news-bg {
    padding: 40px 10px;
  }
.top_news a {
    align-items: flex-start;
    flex-direction: column;
    position: relative;
}
.category {
    position: absolute;
    left: 90px;
    font-size: 14px;
    height: 20px;
    top: 5px;
}
.info-flex {
    align-items: center;
    flex-direction: column;
    margin-bottom: 40px;
}
.info-box1 {
    margin-bottom: 40px;
	padding-right:0;
}
.info-box1, .info-box2 {
    width: 90%;
}
.footer-info-flex {
    align-items: center;
    flex-direction: column;
}
.footer-info {
    width: 100%;
    max-width: 600px;
    margin-right: 0px;
    margin-bottom: 40px;
}
.footer-sitemap {
    width: 100%;
    max-width: 600px;
}
.footer-sitemap ul{
  justify-content: center;
}
.footer-sitemap ul li {
    width: 45%;
  }
  .info-flex-tel a {
    text-decoration: none;
    font-size: 20px;
  }


}

@media screen and (max-width: 600px) {
  .footer-sitemap {
    max-width: 400px;
}
  .footer-sitemap ul li {
  width: 95%;
  }
  .footer-sitemap ul {
    justify-content: flex-start;
}
.footer-sitemap ul li {
    justify-content: flex-start;
	margin-bottom: 10px;
}
.footer-sitemap ul li a{
    font-size:12px;
}
	.footer-sitemap ul li::before {
    content: "";
    display: block;
    width: 12px;
    height: 12px;
    min-width: 12px;
    border-radius: 8px;
    background: #52C1B0;
    margin-right: 10px;
	margin-top: 4px;
}
.linkbtn a {
    width: 300px;
  }
  .top-title {
        font-size: 18px;
    }
  .top-title2 {
      font-size: 18px;
      padding: 20px 0;
  }
    .kenkouinfo::before{
    font-size: 12px;
    top: -20px;
    letter-spacing: 0rem;
  }
  .top-title-flag {
        font-size: 18px;
        line-height: 1.8rem;
    }
    .top-title-flag::after {
    width: 260px;
    height: 120px;
    background-size: contain;
}
.illust6::after {
        width: 47px;
        height: 55px;
        left: 0%;
        top: -60px;
    }
.illust6::before {
        width: 83px;
        height: 55px;
        right: 0%;
        top: -60px;
    }
    .illust7::before,
    .illust7::after{
      display: none;
    }
  .illust8 {
        width: 120px;
        right: -5%;
    }
    .illust9::before {
        width: 55px;
        height: 50px;
        top: -60px;
    }
    .illust9::after {
        width: 45px;
        height: 50px;
        top: -60px;
    }
    .illust10-1 {
        bottom: 0px;
        width: 40px;
        z-index: 2;
    }
      .illust10-2 {
        width: 50px;
        bottom: 0px;
    }
    .top-newsblog3::before {
    width: 100%;
    height: 30px;
    background-size: 100% 100%;
  }
  .top-newsblog4::before {
    width: 100%;
    height: 30px;
    background-size: 100% 100%;
  }
  .top-newsblog3 .inner, .top-newsblog4 .inner, .top-snaps .inner {
    padding-top: 80px;
}
.illust11::before {
        width: 25px;
        height: 50px;
        top: -60px;
    }
    .illust11::before {
        width: 25px;
        height: 50px;
        background-size: contain;
        left: 0%;
        top: -60px;
    }
    .illust11::after {
        width: 47px;
        height: 50px;
        top: -60px;
    }
    .illust13::before{
      display: none;
    }
    .illust12 {
    bottom: -50px;
  }
  .illust14-1 {
        left: 2%;
        top: -20px;
        width: 30px;
    }
    .illust14-2 {
        top: -20px;
        width: 80px;
    }
        footer .inner {
        padding-top: 60px;
    }
    .top-title2 .top-title2-inner {
    padding: 5px 5px;
  }
}
@media screen and (max-width: 500px) {
	    .keyv-img2 {
        width: 80%;
        top: 40%;
    }
	    .keyv-img1{
        top: 10%;
    }
	.keyv-img3{
        top: 13%;
    }
	.keyv-img4{
bottom: 30%;
    }
.keyv-img1::before {
    left: -5px;
	top: -5px;
}
.keyv-img1::before {
    left: -5px;
	top: -5px;
}

.keyv-img3::before {
    left: -5px;
	top: -5px;
}
.keyv-img4::before {
    left: -5px;
	top: -5px;
}
	.person2-img {
		bottom: 30%;
	}
	.person3-img {
        height: 50px;
        bottom: -5%;
        right: 5%;
    }
	.keyv-txt {
		text-align: center;
	}



}

/*--swiper--*/
.top-feature-swiper {
  padding: 20px 0;
}
.top-feature-scrollbox {
  text-align: center;
}
.top-feature-scrollbox img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 12px;
}
.swiper-slide{
  margin-right: 60px;
}
.swiper-slide a{
  display: block;
  margin-right: 10px;
  transition: 0.2s;
}
.swiper-slide a:hover{
  opacity: 0.7;
}
.swiper-slide.up{
margin-bottom: 80px;
}
.swiper-slide.down{
margin-top: 80px;
}

.breadcrumb {
	width:95%;
	margin:auto;
}
.breadcrumb ul {
    display: flex;
	align-items: center;
}
.breadcrumb ul li{
    list-style:none;
	font-size:12px;
	line-height: 0;
}
.breadcrumb ul li:after{
    display:inline-block;
	content:">";
	padding: 0 8px;
}
.breadcrumb ul li:last-child:after{
    display:none;
}
.breadcrumb ul li span,
.breadcrumb ul li a{
	font-size:12px;
	line-height: 0;
}
.breadcrumb a:hover{
	opacity:0.7;
}

.subpage_contentarea p{
  padding-bottom: 2.3rem;
}
.subpage_contentarea{
  display: flex;
  justify-content: space-between;
  max-width: 1250px;
  margin: auto;
}
.subpage_mainarea{
  width: 75%;
  margin: 0 20px;
}
.subpage_sidearea{
  max-width: 400px;
  width: 25%;
    margin-left: 20px;
}
.subpage_contentarea .side-title{
    margin: auto;
    margin-bottom: 20px;
    text-align: center;
    padding: 10px 0;
    background: #fff;
    color: #069A84;
    font-weight: bold;
    border-radius: 15px;
    font-size: 14px;
    width: 95%;
}
.subpage_contentarea .linkbtn{
  text-align: center;
}
.side-inner{
    max-width: 300px;
    padding: 40px 0;
    margin: 0 auto;
    width: 100%;
    background: #EBFDFB;
    padding-bottom: 20px;
    border-radius: 15px;
}
.side-link{
  list-style: none;
  margin-bottom: 40px;
  padding: 0 15px;
}
.side-link li {
    list-style-type: none;
    padding: 0;
    width: 100%;
    transition: .4s all;
    display: flex;
    align-items: center;
    border-bottom: 1px solid #D2F8F3;
}
.side-link li::before {
    content: "";
    display: block;
    width: 14px;
    height: 14px;
    min-width: 14px;
    border-radius: 8px;
    background: #52C1B0;
    margin-right: 20px;
}
.side-link li a {
    display: block;
    color: #444444;
    padding: 0.8em 0;
    text-decoration: none;
    width: 100%;
    text-align: left;
    font-size: 14px;
}
.news-sidelink li a {
    display: flex;
    flex-direction: column;
}
.news-sidelink li a span:nth-child(1){
    font-size: 10px;
    color: #666;
    line-height: 1rem;
}

.subpage_head{
  position: relative;
  margin-bottom: 80px;
}
.page-title{
	font-family: "Zen Maru Gothic", sans-serif !important;
	font-weight:bold;
  text-align: center;
    font-size: 34px;
    padding: 20px;
    position: absolute;
    bottom: 35%;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
}
.page-title::after {
    display: inline;
    content: "";
    width: 44px;
    height: 8px;
    background: url(../mytheme/img/title-circle.svg) no-repeat;
    background-size: contain;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
}
.sub-title1{
  font-size: 30px;
  padding: 10px;
  padding-left: 20px;
  position: relative;
  margin-bottom: 30px;
  margin-top: 60px;
}
.sub-title1::before{
  display: block;
  content: "";
  width: 45px;
  height: 45px;
  border-radius: 25px;
  background: #EBFDFB;
  position: absolute;
  top: 50%;
    left: 0%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    z-index: -1;
}
.sub-title2{
  background: #EBFDFB;
  color: #009B83;
  padding: 15px;
  padding-left: 40px;
  font-size: 24px;
  border-radius: 30px 30px 0px 0px;
  margin-bottom: 30px;
  margin-top: 30px;
}
.sub-flex {
    display: flex;
    align-items: center;
}
.sub-flextxt{
  width: 60%;
}
.sub-fleximg{
  width: 40%;
}
.sub-fleximg img {
    width: 90%;
    margin-left: 10%;
}
.list li{
    list-style-type: none;
    padding: 0;
    width: 100%;
    transition: .4s all;
    display: flex;
    align-items: center;
    margin-bottom: 20px;
    font-size: 15px;
}
.list li::before{
    content: "";
    display: block;
    width: 14px;
    height: 14px;
    min-width: 14px;
    border-radius: 8px;
    background: #52C1B0;
    margin-right: 20px;
}
ol.list {
  counter-reset: my-counter;
}
ol.list li{
    list-style-type: none;
    padding: 0;
    width: 91%;
    transition: .4s all;
    display: block;
    align-items: center;
    margin-bottom: 20px;
    font-size: 15px;
    position: relative;
    padding-left:35px;
}
ol.list li::before{
    content: counter(my-counter);
    counter-increment: my-counter;
    background: #52C1B0;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    height: 22px;
    width: 22px;
    min-width: 22px;
    border-radius: 50%;
    position: absolute;
    left: 0;
    margin-top: 3px;
}
.subpage_contentarea .list{
  margin-bottom: 40px;
}
.caution{
  color: #666;
  font-size: 70%;
}
.c-border{
  border-bottom:1px dashed #D2F8F3 ;
}
.roboto{
  font-family: "Roboto", sans-serif;
  font-optical-sizing: auto;
  font-weight: 900;
  font-style: normal;
  font-variation-settings:
    "wdth" 100;
  color: #C1EFE9;
  font-size: 36px;
  padding-right: 10px;
}
.subfooter-content{
  margin-top: 80px;
}
.subfooter-img{
  transform: translateY(1px);
}
.subfooter-inner{
  background: #FFF9E5;
  padding:60px 0;
  position: relative;
  margin-bottom: 140px;
}
.subfooter-inner::after{
  content: "";
    display: block;
    width: 100%;
    height: 140px;
    background: url(../mytheme/img/sub-footer-nami.png) no-repeat;
    background-size: cover;
    background-position: bottom;
    position: absolute;
    bottom: -140px;
	z-index: -1;
}
.subfooter-flex{
  display: flex;
  max-width: 1400px;
  margin: auto;
  justify-content: space-between;
  width: 95%;

}
.sub-contactlinks{
  text-align: center;
  width: 40%;
}
.sub-contactlinks .redbtn a{
  background: #EF9D8E;
}
.sub-calendar{
  width: 50%;
  background: #fff;
}
.newsbox a{
    display: block;
    overflow: hidden;
    text-decoration: none;
    margin: 0 0 30px;
    padding: 20px;
	padding-bottom:45px;
    border: dotted 2px #ddd;
    height: 160px;
    position: relative;
    background: #fcfaf6;
    border-radius: 5px;
    transition: 0.2s;
}
.newsbox p.more {
    position: absolute;
    bottom: 15px;
    right: 15px;
    display: block;
    text-align: right;
    padding: 0 45px 0 0;
    margin: 0;
    color: #80d1d1;
    background: url(./img/more.png) no-repeat 90% center;
    transition: 0.2s;
}
.newsbox a:hover p.more{
    background: url(./img/more.png) no-repeat right center;
}
.newsbox a:hover{
  opacity: 0.7;
}

.post-title{
  font-size: 26px;
}
.news_content_txt{
  font-size: 14px;
  color: #666;
}
.newsbox-info{
  display: flex;
  align-items: center;
}
.newspage .newscontent{
  background: #fffbee;
    padding: 20px 15px;
    border-top: 2px #ddd dashed;
    border-bottom: 2px #ddd dashed;
}
.indispensable {
    display: inline-block;
    font-size: 70%;
    color: #f5b7b0;
    margin: 0;
}
.contact_btn{
  text-align: center;
}
#confirm,
input[type="submit"],
#previous{
  margin-top: 20px;
display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 360px;
    height: 60px;
    background: #52C1B0;
    border-radius: 40px;
    color: #fff;
    transition: 0.2s;
    font-size: 16px;
    font-family: "Zen Maru Gothic", sans-serif;
    border: none;
}
#confirm:hover,
input[type="submit"]:hover,
#previous:hover{
background: #FFE0BB;
}
.wpcf7-spinner{
  display: none!important;
}
@media screen and (max-width: 1400px) {
  .subpage_mainarea {
    width: 75%;
    margin: 0 20px;
}
    .side-inner {
        width: 95%;
    }
}
@media screen and (max-width: 1300px) {
#confirm,
input[type="submit"],
#back{
  display: inline-flex;
  width: 330px;
  height: 50px;
  color: rgb(255, 255, 255);
  background: rgb(82, 193, 176);
  border-radius: 40px;
}
}
@media screen and (max-width: 1000px) {
  .subpage_sidearea{
    display: none;
  }
	.subpage_head {
    padding-bottom: 50px;
}
	.page-title {
		width: 70%;
    font-size: 30px;
		bottom: 18%;
	}
	.subpage_head img{
		transform: scale(1.8);
	}
  .subpage_mainarea {
        width: 95%;
        margin: 0 auto;

      }
      .sub-flex {
    align-items: center;
    flex-direction: column-reverse;
  }
  .sub-fleximg img {
    margin-left: 0px;
    margin-bottom: 40px;
}
.sub-flextxt {
    width: 100%;
}
	.sub-fleximg{
    width: 70%;
}
.sub-title1 {
    font-size: 24px;
  }
  .sub-title2 {
    font-size: 18px;
  }
  .roboto{
    font-size: 26px;
  }
  .sub-title2 {
    padding-left: 20px;
  }
}
@media screen and (max-width: 800px) {
      .newsbox .category {
        position: static;
    }
    .newsbox-info span{
      font-size: 12px;
    }
    .newsbox-info .date{
      padding-right: 0px;
    }
    .post-title{
      font-size: 18px;
    }
    .newsbox p.more {
      font-size: 14px;
      bottom: 10px;
    right: 10px;
    }
    .newsbox a {
    height: 220px;
  }
  .subfooter-flex{
    flex-direction: column;
    align-items: center;
  }
  .sub-contactlinks {
    width: 100%;
    margin-bottom: 40px;
}
  .sub-calendar {
    width: 100%;
    max-width: 500px;
    height: 300px;
    background: #fff;
}
.subfooter-inner{
  margin-bottom:80px ;
}
.subfooter-inner::after {
    height: 80px;
    bottom: -80px;
}
.page-title {
    text-align: center;
	width:auto;
    font-size: 26px;
    padding: 20px;
    position: static;
    bottom: 0;
    left: 50%;
    transform: translateX(0%);
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    margin-bottom:20px;
}
.subpage_head img {
     transform: scale(1.0);
}
    .subpage_head {
        padding-bottom: 0px;
		margin-bottom: 60px;
    }

}
@media screen and (max-width: 600px) {
#confirm,
input[type="submit"],
#back{
  width: 300px;
  height: 50px;
  font-size: 15px;
}
.contactform tr {
        display: flex;
        flex-direction: column;
    }
    .contactform th p {
        padding-bottom: 0;
        font-size: 15px;
    }
    .contactform td{
      text-align: center;
    }
    .contactform td p{
      padding-bottom: 10px;
    }
    .contactform td input,
    textarea{
      width: 100%;
    }
    .wpcf7-list-item label{
      display: flex;
    }
    .contactform .wpcf7-list-item input {
        width: auto;
    }
}


/*--小児ページ--*/
.child-title1{
  font-size: 30px;
  display: inline-block;
  background: #fff;
  border-radius: 10px;
  line-height: 2em;
  padding: 0 10px;
  border-right: 5px solid #EF9D8E;
  border-bottom: 5px solid #EF9D8E;
  margin-bottom: 30px;
  margin-top: 60px;
}
.child-title1-blue{
  border-right: 5px solid #67CEBE;
  border-bottom: 5px solid #67CEBE;
}
.child-title1-yellow{
  border-right: 5px solid #F7CB94;
  border-bottom: 5px solid #F7CB94;
}
.childpage{
  width: 100%;
  position: relative;
}
.childpage .subpage_sidearea{
  position: absolute;
  top: 0;
  left: 0;
}
.childpage .sub-fleximg img {
    margin-left: 0px;
}
.childpage .subpage_mainarea {
    width: 100%;
    margin: 0;
}
.childpage .sub-flextxt {
    width: 50%;
}
.childpage .sub-fleximg {
    width: 50%;
}
.child-img1 img{
  transform: translateX(40px)translateY(60px);
}
.childpage .sub-flex {
    align-items: flex-start;
    margin-bottom: 100px;
    position: relative;
}
.p-r-100{
  padding-right: 100px;
}

.hizamakura{
  position: relative;
}
.childpage .hizamakura-flex{
  align-items: flex-end;
}
.childpage .hizamakura-flex .sub-flextxt{
  margin-right: 40px;
}
.child-inner{
    margin: 0;
    padding-left: 28%;
}
.child-inner2{
  padding-left: 28%;
    margin: 0;
  /*background: url(../mytheme/img/child-bg.png) no-repeat;
  background-size:cover;
  background-position: center;
  background-size: 100% 100%;*/
  padding-bottom: 120px;
}
.hizamakura-txtbox{
  width: 85%;
  background: #fff;
  padding: 60px;
  border-radius: 10px;
  margin-right: 100px;
}
.child-title2::before{

}
.child-title2{
  color: #D98419;
  font-size: 24px;
  margin-bottom: 40px;
  text-align: center;
  position: relative;
  padding-top: 32px;
}
.child-title2::after {
    display: inline;
    content: "";
    width: 90px;
    height: 30px;
    background: url(../mytheme/img/child-title.svg) no-repeat;
    background-size: contain;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
}

.gennin-flex .sub-fleximg{
  width: 35%;
}
.gennin-flex .sub-fleximg img{
  transform: translateX(-50px)translateY(-60px);
}
.gennin-flex .sub-flextxt{
  width: 65%;
}
.gennin-flex {
    padding-right: 100px;
  }


.childpage .care-flex{
  align-items: flex-end;
  position: static;
}
.childpage .care-flex .sub-flextxt{
  margin-right: 40px;
  width: 60%;
}
.childpage .care-flex .sub-flextxt p{
  max-width: 700px;
}
.childpage .care-flex .sub-fleximg{
  width: 40%;
}
.child-inner{
    margin: 0;
    padding-left: 28%;
    margin-bottom: 100px;
}
.care-txtbox{
  width: 85%;
  background: #fff;
  padding: 60px;
  border-radius: 10px;
  margin-right: 100px;
}
.child-inner3{
  padding-left: 28%;
    margin: 0;
  padding-bottom: 120px;
}
.child-i1{
  position: absolute;
  width: 190px;
    top: -230px;
    right: 0;
    z-index: -1;
}
.child-i2{
  position: absolute;
  width: 150px;
  bottom: 0;
  left: -60px;
  z-index: -1;
}
.child-i3{
  position: absolute;
  width: 100px;
  bottom: -100px;
  left: 650px;
  z-index: -1;
}

.child-i4{
  position: absolute;
    width: 190px;
    top: -80px;
    left: -220px;
    z-index: 0;
}
.child-i5{
    position: absolute;
  width: 200px;
  bottom: -150px;
  right: -20px;
  z-index: -1;

}
.child-i6{
  position: absolute;
  width: 150px;
  bottom: 0;
  left: 60px;
  z-index: -1;
}
.child-inner3{
  position: relative;
  padding-top: 80px;
}
.child-i7{
 position: absolute;
    width: 120px;
    top: 10%;
    left: 15%;
}
.child-i8{
position: absolute;
    width: 170px;
    left: 600px;
    bottom: -8%;
    left: 60%;
}
.child-i9{
position: absolute;
    width: 180px;
    right: 0;
    bottom: -0;
}
.child-img2-sp,
.child-img3-sp,
.child-img4-sp{
  display: none;
}
.br1000{
    display: none;
  }
  .child-bg{
    position: absolute;
    content: "";
    display: block;
    width: 100%;
    top:280%;
    z-index: -1;
    opacity: 0.8;
  }
  .child-bg2{
    position: absolute;
    content: "";
    display: block;
    width: 100%;
    top:590%;
    z-index: -1;
    opacity: 0.8;
  }
@media screen and (max-width: 1700px) {
 .child-bg {
    top: 290%;
} 
 .child-bg2 {
    top: 640%;
} 
}
@media screen and (max-width: 1500px) {
.child-i3 {
    position: absolute;
    width: 80px;
    bottom: -100px;
    right: 0;
    left: auto;
    z-index: -1;
}
}
@media screen and (max-width: 1400px) {
.childpage .sub-flex.childflex-sp {
    margin-bottom: 100px;
    position: relative;
    flex-direction: column-reverse;
    margin-right: 30px;
}
.childpage .childflex-sp .sub-flextxt {
    width: 100%;
}
.childpage .childflex-sp .sub-fleximg {
    width: 100%;
    text-align: center;
    margin-bottom: 40px;
}
.childpage .childflex-sp .sub-fleximg img{
    max-width: 350px;
}
.child-img1 img {
    transform: translateX(0px) translateY(0px);
}
.child-title1{
  font-size: 24px;
}
.child-inner,
.child-inner2,
.child-inner3{
  padding-left: 28%;
}
.child-inner2{
  
}
}

@media screen and (max-width: 1000px) {
  .hizamakura .child-img2,
  .gennin .child-img3,
  .care .child-img4{
    display: none;
  }
  .br1000{
    display: block;
  }
  .hizamakura .child-img2-sp,
  .gennin .child-img3-sp,
  .childpage .care .child-img4-sp{
    display: block;
    margin: auto;
    width: 100%;
    max-width: 350px;
  }
  .child-inner2,
  .child-inner3{
    padding-left: 0;
  }
    .child-inner {
        padding-left: 0;
        width: 95%;
        margin: auto;
    }
    .childpage .sub-flextxt {
    width: 100%;
}
.hizamakura {
    width: 95%;
    margin: auto;
}
.childpage .sub-flex.childflex-sp {
        margin-right: 0px;
    }
.childpage .hizamakura-flex .sub-flextxt {
    margin-right: 0px;
}
.hizamakura-txtbox {
    width: auto;
    background: #fff;
    padding: 40px;
    border-radius: 10px;
    margin-right: 0;
}
.gennin-flex {
    padding-right: 0px;
}
.gennin-flex .sub-fleximg img {
    transform: translateX(0px) translateY(0px);
}
.p-r-100 {
    padding-right: 0;
}
.childpage .care-flex .sub-flextxt {
    margin-right: 0px;
    width: 100%;
}
.childpage .care-flex .sub-flextxt p {
    max-width: 100%;
}
.childpage .care-flex {
    width: 95%;
    margin: auto;
}
.child-i1{
  position: absolute;
  width: 100px;
    top: -170px;
    right: 0;
    z-index: -1;
}
.child-i2{
  position: absolute;
  width: 80px;
  bottom: 0;
  left: 0px;
  z-index: -1;
}
.child-i3{
  position: absolute;
  width: 50px;
  bottom: -100px;
  z-index: -1;
}
.child-i4 {
      position: absolute;
      width: 90px;
      top: 10px;
      left: 0;
      z-index: -1;
}
.child-i5{
    position: absolute;
  width: 100px;
  bottom: -150px;
  right: -20px;
  z-index: -1;

}
.child-i6 {
  position: absolute;
  width: 60px;
  bottom: 0;
  left: 0px;
  z-index: -1;
 }
.child-inner3{
  position: relative;
  padding-top: 80px;
}
.child-i7{
 position: absolute;
    width: 70px;
    top: 10%;
    left: 20%;
    display: none;

}
.child-i8 {
        position: absolute;
        width: 80px;
        left: auto;
        bottom: -20px;
        right: 0;
}
.child-i9{
position: absolute;
    width: 70px;
    right: 0;
    bottom: -20px;
}
}
@media screen and (max-width: 800px) {
  .child-bg2 {
        top: 670%;
    }
    .child-bg {
        top: 300%;
    }
}
@media screen and (max-width: 650px) {
  .child-bg2 {
        top: 720%;
        display: none;
    }
    .child-bg {
        top: 320%;
        display: none;
    }
}
@media screen and (max-width: 600px) {
      .hizamakura-txtbox {
        padding: 30px 20px;
}
.child-title1 {
        font-size: 20px;
    }
}

.maternitypage p{

}
.maternity-title1{
  display: inline-block;
  font-size: 30px;
  position: relative;
  margin-bottom: 30px;
  margin-top: 60px;
  border-bottom:4px solid #F2BFB580 ;
}
.maternity-title1::after{
  display: inline-block;
  content: "";
  height: 4px;
  width: 25%;
  background: #F2BFB5;
  position: absolute;
  bottom: -4px;
  left: 0;
}
.maternity-title2{
  font-size: 30px;
  margin-bottom: 30px;
  margin-top: 60px;
}
.maternity-title2::before{
  content: "(";
  display: inline;
  padding-right: 12px;
  font-weight: bold;
  color: #F2BFB5;
  font-size: 38px;
  -webkit-text-stroke: 2px #F2BFB5;
}
.maternity-title2::after{
  content: ")";
  display: inline;
  padding-left: 12px;
  font-weight: bold;
  color: #F2BFB5;
  font-size: 38px;
  -webkit-text-stroke: 2px #F2BFB5;
}
.maternitybtn{
  text-align: right;
  margin-top: 80px;
}
.maternitybtn a{
  position: relative;
  transition: 0.2s;
  padding: 30px 0;
  padding-right: 140px;
  font-size: 18px;
}

.maternitybtn a::before{
    content: "";
  display: block;
  width: 80px;
  height: 80px;
  position: absolute;
  background: #F2BFB5;
  border-radius: 40px;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  right: 0;
  transition: 0.2s;
}
.maternitybtn a::after{
  content: "";
  display: block;
  width: 90px;
  height: 15px;
  background: url(../mytheme/img/maternity-btn.svg)no-repeat;
  background-size: contain;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  right: 35px;
  transition: 0.2s;
}
.maternitybtn a:hover{
  color: #9a9a9a;
}
.maternitybtn a:hover::before{
  background: #B6E0D9;
}
.maternitybtn a:hover::after{
  right: 30px;;
}
@media screen and (max-width: 1400px) {
.maternity-title1,
.maternity-title2{
  font-size: 26px;
}
.maternity-title2::after,
.maternity-title2::before{
  font-size: 28px;
}
}
@media screen and (max-width: 600px) {
  .maternity-title1,
.maternity-title2{
  font-size: 20px;
}
.maternity-title2::after,
.maternity-title2::before{
  font-size: 24px;
}
.maternity-img{
  overflow-y: scroll;
}
.maternity-img img{
  width: 800px;
}
.maternitybtn a{
  padding: 15px 0;
  padding-right: 70px;
  font-size: 14px;
}
.maternitybtn a::before{
  width: 40px;
  height: 40px;
  border-radius: 20px;
}
.maternitybtn a::after{
  width: 50px;
  height: 8px;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  right: 15px;
  transition: 0.2s;
}
.maternitybtn a:hover::after{
  right: 10px;;
}
}

.bold{font-weight:bold;}
.red{color: #f5b7b0;}
.green{color: #75d1d1;}
.orenge{color: #F5BC84;}
.orange{color: #F5BC84;}
.strong{font-size:110%;font-weight:bold;}
.center{text-align:center;}

.sub-title3 {
    font-size: 16px;
    letter-spacing: 0.1rem;
    border-bottom: 2px #009B83 dashed;
    margin-bottom: 20px;
    margin-top: 30px;
}

nav.globalMenu .gnav-child {
  display: none;
    width: 95%;
    flex-wrap: wrap;
	margin: 0;
    margin-left: auto;
	border-bottom: 1px solid #D2F8F3;
}
nav.globalMenu .gnav-child li {
    list-style-type: none;
    padding: 0;
    width:auto;
    margin-right:20px;
	border-bottom: 0px;
}
nav.globalMenu .gnav-child li a{
	font-size:90%;
	padding: 0.5em 0;
}
nav.globalMenu .gnav-child li::before{
	width: 10px;
    height: 10px;
    min-width: 10px;
	margin-right: 4px;
}
.footmap-logo{
	margin-bottom:20px;
}
.about_time{
	font-size:15px;
	width:90%;
	margin:auto;
	margin-top:10px;
}

.header-logo a:hover{
	opacity:0.7;
}
.hamburger{
	transition:0.2s;
}
.hamburger:hover{
	background:#b4d5d0;
}
.footer-sitemap a:hover{
	opacity:0.7;
}
.sub-contactlinks .redbtn a:hover{
	background:#FFE0BB;
}

.side-link li::before {
	transition:0.2s;
}
.side-link li:hover::before {
	background:#FFE0BB;
}
.side-link li:hover{
	opacity:0.7;
}

h1.upper-title {
    color: #111;
    height: 22px;
    display: flex;
    padding-left: 12px;
    font-size: 10px;
    font-weight: normal;
    background: #fdf1e6;
    width: 100%;
    align-items: center;
    margin: 0;
    position:absolute;
    top:0;
    z-index:2;
}

/*pagination*/
.pagination {
	width: 100%;
	height: auto;
	text-align: center;
	z-index: 200;
  list-style-type: none;
	padding:0;
}
.pagination a {
	margin: 0 5px;
	width: 15px;
	height: 15px;
	display: inline-block;
	overflow: hidden;
}
.pagination a.active {
	filter:alpha(opacity=100)!important;
	-moz-opacity: 1!important;
	opacity: 1!important;
}
.pagination,
.pagination li a {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}
/* 色変更箇所*/
.pagination a {
  font-weight: 500;
  padding-top: 1px;
  text-decoration:none;
  border-left-width: 0;
  min-width:36px;
  min-height:36px;
  color: #666;
  background-color: #fcfaf6;
}
/* 色変更箇所*/
.pagination li:not([class*="current"]) a:hover {
  background-color: #80d1d1;
	color:#fff;
}
.pagination li:first-of-type a {
  border-left-width: 1px;
}
.pagination li.first span,
.pagination li.last span,
.pagination li.previous span,
.pagination li.next span {
  /* screen readers only */
  position: absolute;
  top: -9999px;
  left: -9999px;
}
.pagination li.first a::before,
.pagination li.last a::after,
.pagination li.previous a::before,
.pagination li.next a::after {
  display: inline-block;
  font-family: Fontawesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
}
.pagination li.first a::before { content: "<"; }
.pagination li.last a::after { content: ">"; }
.pagination li.previous a::before { content: "<"; }
.pagination li.next a::after { content: ">"; }
 /* 色変更箇所*/
.pagination li.current a {
 background-color: #80d1d1;
 cursor: default;
 pointer-events: none;
	color:#fff;
}
.pagination > li:first-child > a {
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
}
.pagination > li:last-child > a {
  border-bottom-right-radius: 4px;
  border-top-right-radius: 4px;
}
@media only screen and ( max-width: 639px ) {
  .pagination li.first,
  .pagination li.last {
    /* screen readers only */
    position: absolute;
    top: -9999px;
    left: -9999px;
  }
	.uk-container .pagination li{
		padding:0;
	}
	.pagination li.previous a { 
		border-left-width: 1px; 
	}
}
.newscontent a{
	text-decoration:underline;
}
.newscontent a:hover{
	opacity:0.6;
}
.mxw300{
	max-width:300px;
}
.mxw500{
	max-width:500px;
}
.mxw700{
	max-width:700px;
}
.ta-c{
	text-align:center;
}
blockquote {
    background: none repeat scroll 0 0 rgba(245, 245, 245, 0.5);
    border: 1px solid #FFFFFF;
    margin: 0 0 40px 0;
    padding: 60px 30px 15px;
    position: relative;
    border-radius: 10px;
	word-wrap:break-word;
}
blockquote:before {
    color: #C8C8C8;
    content: "“";
    font-family: serif;
    font-size: 500%;
    left: 0;
    line-height: 1em;
    position: absolute;
    top: 15px;
    left: 15px;
}
.footer-info-flex2 small{
	font-size:14px;
}


.iphone .person1-img img,
.iphone .person2-img img,
.iphone .person3-img img {
    width: auto;
}

.has-child a{
	cursor:pointer;
}
.footer-logo a:hover,
.info-flex-tel a:hover,
.footmap-logo a:hover,
.footer-tel a:hover{
	opacity:0.7;
}
.mokuji a{
	text-decoration:underline;
}
.mokuji a:hover{
	opacity:0.7;
}