@charset "utf-8";
/*
Theme Name: funayama-theme
Theme URI:
Template: lightning-pro
Description:
Author:
Tags:
Version: 0.0.0
*/

/*-----

.container {
  padding-right: 0px;
  padding-left: 0px;
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 768px) {
  .container {
    width: 100%;
  }
}

@media (min-width: 992px) {
  .container {
    width: 100%;
  }
}

@media (min-width: 1200px) {
  .container {
    width: 100%;
  }
}

-----*/

a {
text-decoration: none!important;
}

body{
	color: #707070;
}

/*-----ヘッダーカスタマイズ-----*/

.gMenu>li .gMenu_name {
    font-size: 16px;
    display: block;
    white-space: nowrap;
}

.header-text{
	font-size: 11px;
}

/* ロゴ右側のブロック */
.logo-after {
display: block;
width: 250px;
float: right;
}
.logo-after img {
max-height: 60px;
}
/* ヘッダー幅を100%に */
.navbar-header {
width: 100%;
}
@media (max-width: 991px) {
.logo-after {
width: 100%;
margin-top: 10px;
margin-bottom: 10px;
text-align: center;
}
}
/* 新バージョン対応 */
@media (min-width: 1200px) {
.gMenu_outer,
.gMenu,
.gMenu > li {
width: 100%;
}
}
@media (max-width: 1199.98px) {
.siteHeader_logo {
width: unset;
}
}

.siteHeader .container {
    padding-top: 16px;
    padding-bottom: 0px;
}

.gMenu_outer, .gMenu, .gMenu > li {
    width: 85%;
}


.headertelicon{
	width: 10%;
    float: left;
    margin-top: 3%;
}

.headertelnum{
	width: 90%;
    float: left;
    font-size: 30px;
    color: #00A497;
    font-weight: bold;
}


/*-----footer-----*/

.footnum{
	font-size: 24px;
	color: #fff;
}

.footnumlittle{
	font-size: 14px;
	color: #fff;
}

.foottext{
	font-size: 14px;
	color: #fff;
}


.siteFooter {
    border-top-color: #00A497;
    background-color: #00A497;
}

.copySection{
	padding-top: 50px;
	padding-bottom: 0;
	color: #fff;
	border-top: none;
}



/*-----スライドとの余白なくす-----*/

.carousel {
    border-bottom:none;
    }

.home .siteContent {
    padding-top:0 !important;
    }

/*-----スライドとの余白なくすここまで-----*/

.slash{
	width:100%;
	height:0px;
    position:relative;
    clear:both;
}

.w80{
	width: 80%;
	margin: auto;
}

.w60{
	width: 60%;
	margin: auto;
}

.w60doc{
	width: 80%;
    margin-right: 20%;
}

.w60doc02{
	width: 80%;
    margin-left: 20%;
}

/* パンくずリスト */
.breadcrumb {
	display: none;
}


.sec001{
	background-color: #F7FCFC;
    background-size: cover;
    background-repeat: no-repeat;
    margin-left: calc(-100vw / 2 + 100% / 2);
    margin-right: calc(-100vw / 2 + 100% / 2);
    max-width: 100vw;
	padding: 50px 0px;
}

.sec002{
	background-color: #F7FCFC;
    background-size: cover;
    background-repeat: no-repeat;
    margin-left: calc(-100vw / 2 + 100% / 2);
    margin-right: calc(-100vw / 2 + 100% / 2);
    max-width: 100vw;
	padding: 50px 0px;
}

.sec003{
	background-color: #F7FCFC;
    background-size: cover;
    background-repeat: no-repeat;
    margin-left: calc(-100vw / 2 + 100% / 2);
    margin-right: calc(-100vw / 2 + 100% / 2);
    max-width: 100vw;
}

.sec004{
	background-image: url(//gine.xsrv.jp/funayama-dent/wp-admin/images/background_006.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    margin-left: calc(-100vw / 2 + 100% / 2);
    margin-right: calc(-100vw / 2 + 100% / 2);
    max-width: 100vw;
	padding: 50px 0px;
}

.sec005{
	background-color: #F7FCFC;
    background-size: cover;
    background-repeat: no-repeat;
    margin-left: calc(-100vw / 2 + 100% / 2);
    margin-right: calc(-100vw / 2 + 100% / 2);
    max-width: 100vw;
	padding: 100px 0px;
}

.rec001{
	background-image: url(//gine.xsrv.jp/funayama-dent/wp-admin/images/background_003.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    margin-left: calc(-100vw / 2 + 100% / 2);
    margin-right: calc(-100vw / 2 + 100% / 2);
    max-width: 100vw;
}

.sec006{
	background-image: url(//gine.xsrv.jp/funayama-dent/wp-admin/images/background_004.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    margin-left: calc(-100vw / 2 + 100% / 2);
    margin-right: calc(-100vw / 2 + 100% / 2);
    max-width: 100vw;
	height: 120px;
	margin-top: 120px;
	margin-bottom: -84px;
}

.sub001{
	padding: 100px 0px;
}

.sub0011{
	padding: 0px;
}

.sub002{
	background-color: #F7FCFC;
    background-size: cover;
    background-repeat: no-repeat;
    margin-left: calc(-100vw / 2 + 100% / 2);
    margin-right: calc(-100vw / 2 + 100% / 2);
    max-width: 100vw;
	padding: 100px 0px;
}

.menu001{
	background-color: #00A497;
    background-size: cover;
    background-repeat: no-repeat;
    margin-left: calc(-100vw / 2 + 100% / 2);
    margin-right: calc(-100vw / 2 + 100% / 2);
    max-width: 100vw;
	padding: 50px 0px;
}

.menu002{
	background-image: url(//gine.xsrv.jp/funayama-dent/wp-admin/images/background_006.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    margin-left: calc(-100vw / 2 + 100% / 2);
    margin-right: calc(-100vw / 2 + 100% / 2);
    max-width: 100vw;
	padding: 50px 0px;
}


.sub003{
	background-image: url(//gine.xsrv.jp/funayama-dent/wp-admin/images/background_005.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    margin-left: calc(-100vw / 2 + 100% / 2);
    margin-right: calc(-100vw / 2 + 100% / 2);
    max-width: 100vw;
	padding: 100px 0px;
}

.staff001{
	background-color: #F7FCFC;
    background-size: cover;
    background-repeat: no-repeat;
    margin-left: calc(-100vw / 2 + 100% / 2);
    margin-right: calc(-100vw / 2 + 100% / 2);
    max-width: 100vw;
    padding: 100px 0px 0px;
    margin-bottom: -100px;
}

.staff002{
	background-color: #bde1db;
    background-size: cover;
    background-repeat: no-repeat;
    margin-left: calc(-100vw / 2 + 100% / 2);
    margin-right: calc(-100vw / 2 + 100% / 2);
    max-width: 100vw;
	padding: 300px 0px 100px;
}


.sub010{
	background-image: url(//gine.xsrv.jp/funayama-dent/wp-admin/images/background_004.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    margin-left: calc(-100vw / 2 + 100% / 2);
    margin-right: calc(-100vw / 2 + 100% / 2);
    max-width: 100vw;
	height: 120px;
}

.rec010{
	background-image: url(//gine.xsrv.jp/funayama-dent/wp-admin/images/background_004.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    margin-left: calc(-100vw / 2 + 100% / 2);
    margin-right: calc(-100vw / 2 + 100% / 2);
    max-width: 100vw;
	height: 120px;
}

.cli001{
	background-color: #bde1db;
    background-size: cover;
    background-repeat: no-repeat;
    margin-left: calc(-100vw / 2 + 100% / 2);
    margin-right: calc(-100vw / 2 + 100% / 2);
    max-width: 100vw;
	padding: 100px 0px;
}

.backimg{
	background-image: url(//gine.xsrv.jp/funayama-dent/wp-admin/images/background_004.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    margin-left: calc(-100vw / 2 + 100% / 2);
    margin-right: calc(-100vw / 2 + 100% / 2);
    max-width: 100vw;
	height: 120px;
}




/*-----topsection001-----*/

.hpspace{
	margin-top: 50px;
}


.toptitle{
	text-align: center;
	margin-bottom: 50px;
	margin-top: 50px!important;
	font-size: 32px;
}

.toptitlew{
	text-align: center;
	margin-bottom: 50px;
	margin-top: 50px!important;
	font-size: 32px;
	color: #fff;
}

.toptextbox{
	margin-bottom: 0px;
}

.toptext {
    text-align: center;
    font-size: 21px;
    line-height: 2;
    width: 60%;
    margin: auto;
    margin-bottom: 50px;
}

.toptextw {
    text-align: center;
    font-size: 21px;
    line-height: 2;
    width: 60%;
    margin: auto;
    margin-bottom: 50px;
	color: #fff;
}

.godetail{
	width: 20%;
	margin-right: 20%;
	float: right;
	color: #00A497;
	border-bottom: solid 1px #00A497;
}

.godetail02{
	width: 55%;
	margin-top: 20px;
	float: right;
	color: #00A497;
	border-bottom: solid 1px #00A497;
}

.topdrbox{
	width: 55%;
	float: right;
}

.topdrphoto{
	width: 45%;
	float: right;
}

.topdrinfo{
	width: 50%;
    text-align: center;
    margin-left: 38%;
    margin-bottom: 50px;
    background-color: #00A497;
    color: #fff;
    border-radius: 10px;
    padding: 1% 2%;
}

.topdrinner{
	width: 38%;
	margin-left: 48%;
}

.topdrname{
	font-size: 24px;
	margin-bottom: 10px
}

.topdrcomment{
	font-size: 18px;
	line-height: 1.7;
}

.topnewstitle{
	font-size: 32px;
	color: #00A497;
	margin-bottom: 0px;
}

.topnewslink{
	margin-left: 16%;
	margin-bottom: 50px;
}

.vk_post.vk_post-col-xl-12 .vk_post_title{
	font-size: 16px!important;
	font-weight: 300!important;
	line-height: 1!important;
}

.card-body{
	padding: 0px;	
}


/*-----topsection002-----*/

.topimg{
	width: 78%;
	margin-bottom: 100px;
}

.topstafftitlelit{
	font-size: 15px;
	text-align: center;
	color: #00A497;
}

.topstafftitlebig{
	font-size: 32px;
	text-align: center;
	margin-bottom: 50px;
	color: #00A497;
}

.topstafftext{
	font-size: 21px;
	line-height: 2;
	margin: 50px 0px;
	text-align: center;
}

.gobutton{
	width: 28%;
	margin: auto;
	color: #fff;
	background-color: #00A497;
	font-size: 18px;
	border: solid 2px #00A497;
	border-radius: 15px;
	padding: 1%;
	margin-bottom: 100px;
	text-align: center;
}

.gobutton:hover{
	width: 28%;
	margin: auto;
	color: #00A497;
	background-color: #fff;
	font-size: 18px;
	border: solid 2px #00A497;
	border-radius: 15px;
	padding: 1%;
	margin-bottom: 100px;
	text-align: center;
}

/*-----topsection003-----*/

.topimg2{
	width: 50%;
	float: left;
}

/*-----topsection004-----*/

.toptitlelit{
	font-size: 15px;
	text-align: center;
}

.toptitlebig{
	font-size: 32px;
	text-align: center;
	margin-bottom: 50px;
}

.toptitlelit22{
	font-size: 15px;
	text-align: center;
	color: #fff;
}

.toptitlebig22{
	font-size: 32px;
	text-align: center;
	margin-bottom: 50px;
	color: #fff;
}

.topmedical4{
	width: 17%;
	margin: 1.5%;
	float: left;
}

.topmedical4L{
	width: 17%;
	margin: 1.5%;
	margin-left: 11.5%;
	float: left;
}

.topmedical4R{
	width: 17%;
	margin: 1.5%;
	margin-right: 11.5%;
	float: left;
}

.topmedical5{
	width: 17%;
	margin: 1.5%;
	float: left;
}

.topmedicalbox{
	margin: 50px 0px;
	display: block;
}

.topmedicalboxSP{
	display: none;
}

.medicalicon:hover {
  position: relative;
  top: 2px;
  left: 2px;
}

/*-----topsection005-----*/

.accessleft{
	width: 40%;
	float: left;
	font-size: 16px;
}

.accessright{
	width: 60%;
	float: left;
	font-size: 16px;
}

.topreceptionbox{
	margin-top: 50px;
	
}

.topreceptionphoto{
	margin-bottom: 10px;
}

.shinryotextL{
	width: 60%;
	float: left;
	font-size: 18px;
	color: #00A497;
}

.shinryotextR{
	width: 40%;
	float: left;
	font-size: 18px;
	color: #00A497;
}

.topvisionbox{
    width: 80%;
    margin: auto;
	margin-bottom: 50px;
}

/*-----toprecruit001-----*/


.toprecphoto{
	width: 50%;
	float: right;
}

.toprecinfobox{
	width: 28%;
	float: left;
	margin-left: 20%;
	margin-right: 2%;
}

.topreclit{
	font-size: 15px;
	color: #fff;
	margin-top: 25px;
}

.toprecbig{
	font-size: 32px;
	color: #fff;
	margin-top: 10px;
}

.toprectext{
	font-size: 16px;
	color: #fff;
	line-height: 1.7;
	margin-top: 30px;
}

.toprecgo{
	width: 55%;
	color: #1F294B;
	background-color: #fff;
	font-size: 18px;
	border: solid 2px #fff;
	border-radius: 15px;
	padding: 1%;
	margin-top: 30px;
	margin-bottom: 50px;
	text-align: center;
}

.toprecgo:hover{
	width: 55%;
	color: #FFF;
	background-color: #1F294B;
	font-size: 18px;
	border: solid 2px #fff;
	border-radius: 15px;
	padding: 1%;
	margin-bottom: 50px;
	text-align: center;
	margin-top: 30px;
}


/*--------------------------------------------------------
コンセプト
--------------------------------------------------------*/

.subtitle{
	text-align: center;
	font-size: 32px;
	margin-bottom: 50px;
}

.subtitlemenu{
	text-align: center;
	font-size: 32px;
}

.concepttitle{
	text-align: center;
	font-size: 42px;
	margin-bottom: 50px;
	line-height: 1.7;
}

.greetingboxleft{
	width: 49%;
	margin-right: 1%;
	float: left;
}

.greetingboxright{
	width: 49%;
	margin-left: 1%;
	float: left;
}

.greetingtitle{
	font-size: 21px;
	margin-bottom: 20px;
}

.greetingname{
	font-size: 21px;
	margin-bottom: 20px;
}

.greetingtext{
	font-size: 18px;
	line-height: 1.7;
}

.subtitlewhite{
	text-align: center;
	font-size: 32px;
	color: #fff;
	margin-top: 100px;
}

.subtitlewhite02{
	text-align: center;
	font-size: 32px;
	color: #fff;
}

.subtitlewhite03{
	text-align: center;
	font-size: 32px;
	color: #fff;
	margin-bottom: 0px;
}

.taisetsuinner{
	padding: 100px 0px;
}

.taisetsubox{
	width: 31.3%;
	margin: 1%;
	float: left;
	position: relative;
}

.taisetsubox2{
	width: 48%;
	margin: 1%;
	float: left;
	position: relative;
}

.taisetsuboxphoto{
	width: 93%;
	margin-left: 7%;
}

.taisetsuboxinner{
	width: 93%;
	margin-right: 7%;
	padding: 3%;
	background-color: #fff;
	margin-top: -40px;
	position: absolute;
}

.taisetsuboxinner2{
	width: 93%;
	margin-right: 7%;
	padding: 3%;
	background-color: #fff;
	margin-top: -40px;
	position: absolute;
	border: 1px solid #333;
}

.taisetsutitle{
	font-size: 21px;
	text-align: center;
	margin-bottom: 20px;
}

.taisetsutext{
	font-size: 16px;
}

/*--------------------------------------------------------
スタッフ
--------------------------------------------------------*/

.stafftype{
	display: flex;
	align-items: center;
	font-size: 32px;
	width: 20%;
	margin-bottom: 50px;
}

.stafftype:before {
	content: "";
	flex-grow: 1;
	height: 4px;
	display: block;

}

.stafftype:before {
	margin-right: 10px;
	background: #00A497;
}

.docbox01{
	background-color: #fff;
	border-top-left-radius: 100px;
	border-bottom-left-radius: 100px;
	width: 80%;
	padding: 5%;
	margin-left: 20%;
	margin-bottom: 50px;
}

.docbox02{
	background-color: #fff;
	border-top-right-radius: 100px;
	border-bottom-right-radius: 100px;
	width: 80%;
	padding: 5%;
	margin-right: 20%;
	margin-bottom: 50px;
}

.docname{
	font-size: 28px;
	margin-bottom: 10px;
	text-align: center;
}

.docposition{
	font-size: 18px;
	margin-bottom: 20px;
	text-align: center;
	color: #00A497;
}

.docboxright{
	width: 38%;
	margin: 1%;
	float: right;
}

.docboxleft{
	width: 56%;
	margin: 2%;
	float: right;
}

.docboxcomment{
	margin-top: 10px;
	font-size: 18px;
	line-height: 1.7;
	margin-bottom: 40px;
}

.docboxnew1{
	padding: 10px;
	font-size: 21px;
	background-color: #00A497;
	color: #fff;
	border-radius: 10px;
	margin-bottom: 20px;
	width: 50%;
}

.docboxnew2{
	font-size: 16px;
	margin: 20px 0px;
}



.dochistory {
  border-collapse: collapse;
}

.dochistoryL{
	width: 30%;
	color: #fff;
	background-color: #00A497;
	text-align: center;
	padding: 1% 0.5%;
	border: solid 0.5px #ccc;
	font-size: 16px;
}

.dochistoryR{
	width: 70%;
	background-color: #fff;
	padding: 1% 3%;
	border: solid 0.5px #ccc;
	font-size: 16px;
}

.staffconbox{
	width: 46%;
	margin: 0% 2% 4%;
	float: left;
}

.staffname{
	margin-top: 20px;
	font-size: 21px;
	text-align: center;
}

.stafffor{
	display: flex;
	align-items: center;
	font-size: 18px;
	width: 25%;
	margin-bottom: 10px;
}

.stafffor:before {
	content: "";
	flex-grow: 1;
	height: 2px;
	display: block;

}

.stafffor:before {
	margin-right: 10px;
	background: #00A497;
}

.staffcomment{
	width: 100%;
	height: 140px;
	border: solid 1px #ccc;
	border-radius: 20px;
	padding: 5%;
}


/*--------------------------------------------------------
採用情報
--------------------------------------------------------*/

.subtext{
	margin-bottom: 100px;
}

.recruitbox{
	margin-bottom: 50px;
}

.recruitboxphoto01{
	width: 48%;
	margin: 0% 1%;
	float: left;
}

.recruitboxcontent01{
	width: 48%;
	margin: 0% 1%;
	float: left;
}

.recruitboxphoto02{
	width: 48%;
	margin: 0% 1%;
	float: right;
}

.recruitboxcontent02{
	width: 48%;
	margin: 0% 1%;
	float: right;
}

.recruitboxmark{
	width: 7%;
	margin-right: 2%;
	margin-top: 1.5%;
	float: left;
}

.recruitboxtitle{
	width: 91%;
	float: left;
	font-size: 30px;
}

.recruitboxtext{
	margin-top: 20px;
}

.recruitdetailbox{
	margin-bottom: 40px;
}

.recruitdetail {
  border-collapse: collapse;
}

.recruitdetailL{
	width: 25%;
	background-color: #eee;
	padding: 1% 0.5% 1% 2%;
	border: solid 0.5px #ccc;
}

.recruitdetailR{
	width: 75%;
	background-color: #fff;
	padding: 1% 2%;
	border: solid 0.5px #ccc;
}

.recruitgo{
	width: 40%;
	margin: 100px auto;
	color: #fff;
	background-color: #1F294B;
	text-align: center;
	border: solid 1px #1F294B;
	border-radius: 10px;
	padding: 10px 0px;
	font-size: 21px;
}

.recruitgo:hover{
	width: 40%;
	margin: 100px auto;
	color: #1F294B;
	background-color: #fff;
	text-align: center;
	border: solid 1px #1F294B;
	border-radius: 10px;
	padding: 10px 0px;
	font-size: 21px;
}

.recruitvision{
	width: 18%;
	margin-bottom: 40px;
}

.recruitvisiontext{
	width: 95%;
    margin-left: 5%;
	font-size: 36px;
	margin-bottom: 50px;
	font-weight: bold;
}

.recruitmissiontext{
	width: 95%;
    margin-left: 5%;
	font-size: 26px;
	margin-bottom: 100px;
	font-weight: bold;
}

.recruitjinzai{
	text-align: center;
	font-size: 32px;
	margin-bottom: 20px;
	color: #1F294B;
}

.recruitjinzaitext{
	font-size: 26px;
    margin-bottom: 40px;
    background-color: #eeeeee;
    padding: 3%;
}

/*--------------------------------------------------------
医院紹介
--------------------------------------------------------*/

.clitext{
	width: 80%;
	margin: auto;
	margin-bottom: 50px;
}

.cliphotosection{
	margin-top: 100px;
}

.cliphotoL{
	width: 49%;
	margin-right: 1%;
	float: left;
}

.cliphotoR{
	width: 49%;
	margin-left: 1%;
	float: left;
}

.cliRtop{
	margin-bottom: 4.8%;
}

.cliRbottomL{
	width: 48%;
	margin-right: 2%;
	float: left;
}

.cliRbottomR{
	width: 48%;
	margin-left: 2%;
	float: left;
}

.cliequipmentbox{
	width: 31.3%;
	margin: 1%;
	float: left;
}

.cliequipmenttext{
	font-size: 18px;
	text-align: center;
	margin-top: 20px;
}


/*--------------------------------------------------------
診療案内
--------------------------------------------------------*/

/*-----背景の色変更-----*/

.page-id-22{
    background: #F2FAF4!important;
}

.menucontent3{
	width: 31.3%;
	margin: 1%;
	float: left;
}

.menumedibun{
	width: 100%;
	margin: auto;
}

.menumedibun80{
	width: 80%;
	margin: auto;
}











/*--------------------------------------------------------
お問い合わせ
--------------------------------------------------------*/

/*Contact Form 7カスタマイズ*/
/*スマホContact Form 7カスタマイズ*/
@media(max-width:500px){
.inquiry th,.inquiry td {
 display:block!important;
 width:100%!important;
 border-top:none!important;
 -webkit-box-sizing:border-box!important;
 -moz-box-sizing:border-box!important;
 box-sizing:border-box!important;
}
.inquiry tr:first-child th{
 border-top:1px solid #ffffff!important;
}
/* 必須・任意のサイズ調整 */	
.inquiry .haveto,.inquiry .any {	
font-size:10px;
}
}
/*見出し欄*/
.inquiry th{
 text-align:left;
 font-size:14px;
 color:#444;
 padding-right:5px;
 width:30%;
 background:#f7f7f7;
 border:solid 1px #ffffff;
}
/*通常欄*/
.inquiry td{
 font-size:13px;
 border:solid 1px #ffffff;	
}
/*横の行とテーブル全体*/
.entry-content .inquiry tr,.entry-content table{
 border:solid 1px #ffffff;	
}
/*必須の調整*/
.haveto{
 font-size:7px;
 padding:5px;
 background:#ff9393;
 color:#fff;
 border-radius:2px;
 margin-right:5px;
 position:relative;
 bottom:1px;
}
/*任意の調整*/
.any{
 font-size:7px;
 padding:5px;
 background:#93c9ff;
 color:#fff;
 border-radius:2px;
 margin-right:5px;
 position:relative;
 bottom:1px;
}
/*ラジオボタンを縦並び指定*/
.verticallist .wpcf7-list-item{
 display:block;
}
/*送信ボタンのデザイン変更*/
#formbtn{
 display: block;
 padding:1em 0;
 margin-top:30px;
 width:50%;
 margin: auto;
 background:#00A497;
 color:#fff;
 font-size:18px;
 font-weight:bold;	 
 border-radius:2px;
 border: solid 1px #00A497;
}
/*送信ボタンマウスホバー時*/
#formbtn:hover{
 background:#fff;
 color:#194D24;
 width:50%;
 margin: auto;
}

.contactspam{
	margin-top: 40px;
}


.img_fuwa{
  opacity : 0;
  transform : translate(0, 50px);
  transition : 0.8s;
}

.img_fuwa.scrollin{
　opacity : 1;
　transform : translate(0, 0);
}


/*ここから先はスマホサイズ（px以上）
----------------------------------------------------*/
@media only screen and (max-width: 896px) {
	
/*---ハンバーガーメニュー---*/
.admin-bar .vk-mobile-nav-menu-btn {
    top: calc(58px + 5px);
}	
	
.header-text{
	display: none;
}
	
.logo-after{
	display: none;
}
	
.siteHeader .container {
    padding-top: 16px;
    padding-bottom: 16px;
}

	
.w60{
    width: 90%;
    margin: auto;
}
	
.w80{
    width: 96%;
    margin: auto;
}
	
.col-md-4{
	text-align: center;	
}
	
.foottext{
	font-size: 14px;
    color: #fff;
    text-align: center;
}
	
.footnum {
    font-size: 21px;
    color: #fff;
    text-align: center;
}
	
.device-mobile .copySection{
	padding-bottom: 10px;
}	

.copySection {
    padding-top: 0px;
    padding-bottom: 0;
    color: #fff;
    border-top: none;
}
	
.sec006{
	display: none;
}
	
.staff002 {
    background-color: #bde1db;
    background-size: cover;
    background-repeat: no-repeat;
    margin-left: calc(-100vw / 2 + 100% / 2);
    margin-right: calc(-100vw / 2 + 100% / 2);
    max-width: 100vw;
    padding: 130px 0px 50px;
}
	
	
/*-----topsection001-----*/
	
.hpspace{
	margin-top: 0px;
}

.toptitle {
    text-align: center;
    margin-bottom: 30px;
	margin-top: 30px!important;
    font-size: 21px;
}
	
.toptitlew {
    text-align: center;
    margin-bottom: 30px;
	margin-top: 30px!important;
    font-size: 21px;
	color: #fff;
}

.toptextbox{
	margin-bottom: 0px;
}

.toptext {
    text-align: left;
    font-size: 16px;
    line-height: 1.5;
    width: 90%;
    margin: auto;
	margin-bottom: 30px;
}

.toptextw {
    text-align: left;
    font-size: 16px;
    line-height: 1.5;
    width: 90%;
    margin: auto;
	margin-bottom: 30px;
	color: #fff;
}
	
.godetail {
    width: 40%;
    color: #00A497;
    border-bottom: solid 1px #00A497;
    margin: auto;
}

.godetail02{
	width: 55%;
	margin-top: 20px;
	float: right;
	color: #00A497;
	border-bottom: solid 1px #00A497;
}

.topdrbox{
	width: 80%;
	float: none;
	margin: auto;
	margin-top: 30px;
}

.topdrphoto{
	width: 80%;
    float: none;
    margin: auto;
}

.topdrinfo{
	width: 100%;
    text-align: center;
    margin-left: 0%;
    margin-bottom: 10px;
    background-color: #00A497;
    color: #fff;
    border-radius: 10px;
    padding: 1% 2%;
}

.topdrinner{
	width: 100%;
	margin-left: 0%;
}

.topdrname{
	font-size: 22px;
	margin-bottom: 10px
}

.topdrcomment{
	font-size: 18px;
	line-height: 1.7;
}

.topnewstitle{
	font-size: 32px;
	color: #00A497;
	margin-bottom: 20px;
}

.topnewslink{
	margin-left: 16%;
	margin-bottom: 50px;
}

.vk_post.vk_post-col-xl-12 .vk_post_title{
	font-size: 14px!important;
	font-weight: 300!important;
	line-height: 1!important;
}
	
	
/*-----topsection002-----*/

.topimg {
    width: 90%;
    margin-bottom: 30px;
}

.topstafftitlelit{
	font-size: 15px;
	text-align: center;
	color: #00A497;
}

.topstafftitlebig{
	font-size: 24px;
	text-align: center;
	margin-bottom: 30px;
	color: #00A497;
}

.topstafftext {
    font-size: 18px;
    line-height: 2;
    margin: 30px 0px;
    text-align: left;
}

.gobutton{
	width: 70%;
    margin: auto;
    color: #fff;
    background-color: #00A497;
    font-size: 18px;
    border: solid 2px #00A497;
    border-radius: 15px;
    padding: 1%;
    margin-bottom: 30px;
    text-align: center;
}

.gobutton:hover{
	width: 70%;
	margin: auto;
	color: #00A497;
	background-color: #fff;
	font-size: 18px;
	border: solid 2px #00A497;
	border-radius: 15px;
	padding: 1%;
	margin-bottom: 30px;
	text-align: center;
}

/*-----topsection003-----*/

.topimg2{
	width: 50%;
	float: left;
}

/*-----topsection004-----*/

.toptitlelit{
	font-size: 15px;
	text-align: center;
}

.toptitlebig {
    font-size: 24px;
    text-align: center;
    margin-bottom: 30px;
}
	
.toptitlelit22{
	font-size: 15px;
	text-align: center;
	color: #fff;
}

.toptitlebig22{
    font-size: 24px;
    text-align: center;
    margin-bottom: 30px;
	color: #fff;
}

.topmedical4{
	width: 17%;
	margin: 1.5%;
	float: left;
}

.topmedical4L{
	width: 17%;
	margin: 1.5%;
	margin-left: 11.5%;
	float: left;
}

.topmedical4R{
	width: 17%;
	margin: 1.5%;
	margin-right: 11.5%;
	float: left;
}

.topmedical5{
	width: 17%;
	margin: 1.5%;
	float: left;
}
	
.topmedicalSP3{
	width: 31.3%;
	margin: 1%;
	float: left;
}
	
.topmedicalSP2L{
	width: 31.3%;
	margin: 1%;
	margin-left: 17.7%;
	float: left;
}
	
.topmedicalSP2R{
	width: 31.3%;
	margin: 1%;
	margin-right: 17.7%;
	float: left;
}
	
.topmedicalbox{
	display: none;
}
	
	
.topmedicalboxSP{
	margin: 50px 0px;
	display: block;
}

.medicalicon:hover {
  position: relative;
  top: 2px;
  left: 2px;
}

/*-----topsection005-----*/

.accessleft{
	width: 100%;
	float: none;
	font-size: 16px;
}

.accessright{
	width: 100%;
	float: none;
	font-size: 16px;
}

.topreceptionbox{
	margin-top: 50px;
	
}

.topreceptionphoto{
	margin-bottom: 10px;
}

.shinryotextL{
	width: 100%;
	float: none;
	font-size: 12px;
	color: #00A497;
}

.shinryotextR{
	width: 100%;
	float: none;
	font-size: 12px;
	color: #00A497;
}	
	
.topvisionbox{
    width: 90%;
    margin: auto;
	margin-bottom: 50px;
}	
	
/*-----toprecruit001-----*/


.toprecphoto{
	width: 50%;
	float: right;
}

.toprecinfobox{
	width: 90%;
    float: left;
    margin-left: 5%;
    margin-right: 5%;
}

.topreclit{
	font-size: 15px;
	color: #fff;
	margin-top: 25px;
	text-align: center;
}

.toprecbig{
	font-size: 24px;
    color: #fff;
    margin-top: 0px;
	text-align: center;
}

.toprectext{
	font-size: 16px;
	color: #fff;
	line-height: 1.7;
	margin-top: 30px;
}

.toprecgo{
	width: 70%;
	color: #1F294B;
	background-color: #fff;
	font-size: 18px;
	border: solid 2px #fff;
	border-radius: 15px;
	padding: 1%;
	margin: auto;
	margin-top: 30px;
	margin-bottom: 50px;
	text-align: center;
}

.toprecgo:hover{
	width: 70%;
	color: #FFF;
	background-color: #1F294B;
	font-size: 18px;
	border: solid 2px #fff;
	border-radius: 15px;
	padding: 1%;
	margin: auto;
	margin-top: 30px;
	margin-bottom: 50px;
	text-align: center;
}


/*--------------------------------------------------------
コンセプト
--------------------------------------------------------*/

.subtitle{
	text-align: center;
	font-size: 24px;
	margin-bottom: 30px;
}

.subtitlemenu{
	text-align: center;
	font-size: 32px;
}

.concepttitle{
	text-align: center;
	font-size: 26px;
	margin-bottom: 50px;
	line-height: 1.7;
}

.greetingboxleft{
	width: 90%;
	margin-right: 5%;
	margin-left: 5%;
	float: none;
	margin-bottom: 30px;
}

.greetingboxright{
	width: 100%;
	margin-left: 0%;
	float: none;
}

.greetingtitle{
	font-size: 18px;
	margin-bottom: 20px;
}

.greetingname{
	font-size: 16px;
	margin-bottom: 20px;
}

.greetingtext{
	font-size: 16px;
	line-height: 1.7;
}

.subtitlewhite{
	text-align: center;
	font-size: 24px;
	color: #fff;
	margin-top: 0px;
}

.subtitlewhite02{
	text-align: center;
	font-size: 32px;
	color: #fff;
}

.subtitlewhite03{
	text-align: center;
	font-size: 32px;
	color: #fff;
	margin-bottom: 0px;
}

.taisetsuinner{
	padding: 50px 0px;
}

.taisetsubox{
	width: 100%;
	margin: 0%;
	float: none;
	position: relative;
}
	
.taisetsubox2{
	width: 100%;
	margin: 0%;
	float: none;
	position: relative;
}

.taisetsuboxphoto{
	width: 96%;
	margin-left: 4%;
}

.taisetsuboxinner{
	width: 96%;
	margin-right: 4%;
	padding: 3%;
	background-color: #fff;
	margin-top: -30px;
	position: inherit;
}

.taisetsuboxinner2{
	width: 96%;
	margin-right: 4%;
	padding: 3%;
	background-color: #fff;
	margin-top: -30px;
	position: inherit;
	border: 1px solid #333;
}	
	
.taisetsutitle{
	font-size: 18px;
	text-align: center;
	margin-bottom: 20px;
}

.taisetsutext{
	font-size: 15px;
}

/*--------------------------------------------------------
スタッフ
--------------------------------------------------------*/

.stafftype {
    display: flex;
    align-items: center;
    font-size: 24px;
    width: 40%;
    margin-bottom: 30px;
}

.stafftype:before {
	content: "";
	flex-grow: 1;
	height: 4px;
	display: block;

}

.stafftype:before {
	margin-right: 10px;
	background: #00A497;
}

.w60doc {
    width: 95%;
    margin-right: 5%;
}	
	
.w60doc02 {
    width: 95%;
    margin-left: 5%;
}

.docbox01 {
    background-color: #fff;
    border-top-left-radius: 25px;
    border-bottom-left-radius: 25px;
    width: 95%;
    padding: 5%;
    margin-left: 5%;
    margin-bottom: 50px;
}
	
.docbox02{
	background-color: #fff;
	border-top-right-radius: 25px;
	border-bottom-right-radius: 25px;
	width: 95%;
	padding: 5%;
	margin-right: 5%;
	margin-bottom: 50px;
}

.docname{
	font-size: 21px;
	margin-bottom: 10px;
	text-align: center;
}

.docposition{
	font-size: 16px;
	margin-bottom: 20px;
	text-align: center;
	color: #00A497;
}

.docboxright{
	width: 100%;
	margin: 0%;
	float: none;
	margin-bottom: 20px;
}

.docboxleft{
	width: 100%;
	margin: 0%;
	float: none;
}

.docboxcomment{
	margin-top: 10px;
	font-size: 16px;
	line-height: 1.7;
	margin-bottom: 30px;
}

.docboxnew1{
	padding: 10px;
	font-size: 16px;
	background-color: #00A497;
	color: #fff;
	border-radius: 10px;
	margin-bottom: 20px;
	width: 50%;
}

.docboxnew2{
	font-size: 15px;
	margin: 20px 0px;
}



.dochistory {
	border-collapse: collapse;
	margin-bottom: 30px;
}

.dochistoryL{
	width: 30%;
	color: #fff;
	background-color: #00A497;
	text-align: center;
	padding: 1% 0.5%;
	border: solid 0.5px #ccc;
	font-size: 15px;
}

.dochistoryR{
	width: 70%;
	background-color: #fff;
	padding: 1% 3%;
	border: solid 0.5px #ccc;
	font-size: 15px;
}

.staffconbox {
    width: 90%;
    margin: 0% 5% 5%;
    float: none;
}

.staffname{
	margin-top: 10px;
	font-size: 18px;
	text-align: center;
	margin-bottom: 10px;
}

.stafffor{
	display: flex;
	align-items: center;
	font-size: 16px;
	width: 40%;
	margin-bottom: 10px;
}

.stafffor:before {
	content: "";
	flex-grow: 1;
	height: 2px;
	display: block;

}

.stafffor:before {
	margin-right: 10px;
	background: #00A497;
}

.staffcomment{
	width: 100%;
	height: auto;
	border: solid 1px #ccc;
	border-radius: 10px;
	padding: 5%;
}


/*--------------------------------------------------------
採用情報
--------------------------------------------------------*/

.subtext{
	margin-bottom: 50px;
}

.recruitbox{
	margin-bottom: 50px;
}

.recruitboxphoto01{
	width: 96%;
	margin: auto;
	float: none;
	margin-bottom: 20px;
}

.recruitboxcontent01{
	width: 96%;
	margin: auto;
	float: none;
	margin-bottom: 20px;
}

.recruitboxphoto02{
	width: 96%;
	margin: auto;
	float: none;
	margin-bottom: 20px;
}

.recruitboxcontent02{
	width: 96%;
	margin: auto;
	float: none;
	margin-bottom: 20px;
}

.recruitboxmark{
	width: 6%;
	margin-right: 2%;
	margin-top: 1.25%;
	float: left;
}

.recruitboxtitle{
	width: 92%;
	float: left;
	font-size: 21px;
}

.recruitboxtext{
	margin-top: 20px;
}

.recruitdetail {
  border-collapse: collapse;
}

.recruitdetailL{
	width: 25%;
	background-color: #eee;
	padding: 1% 0.5% 1% 2%;
	border: solid 0.5px #ccc;
}

.recruitdetailR{
	width: 75%;
	background-color: #fff;
	padding: 1% 2%;
	border: solid 0.5px #ccc;
}

.recruitgo{
	width: 70%;
	margin: 100px auto;
	color: #fff;
	background-color: #1F294B;
	text-align: center;
	border: solid 1px #1F294B;
	border-radius: 10px;
	padding: 10px 0px;
	font-size: 18px;
}

.recruitgo:hover{
	width: 70%;
	margin: 100px auto;
	color: #1F294B;
	background-color: #fff;
	text-align: center;
	border: solid 1px #1F294B;
	border-radius: 10px;
	padding: 10px 0px;
	font-size: 18px;
}
	
.recruitvision{
	width: 35%;
	margin-bottom: 20px;
}

.recruitvisiontext{
	width: 98%;
    margin-left: 2%;
    font-size: 26px;
    margin-bottom: 50px;
    font-weight: bold;
}

.recruitmissiontext{
	width: 98%;
    margin-left: 2%;
    font-size: 18px;
    margin-bottom: 100px;
    font-weight: bold;
}

.recruitjinzai{
	text-align: center;
    font-size: 24px;
    margin-bottom: 10px;
    color: #1F294B;
}

.recruitjinzaitext{
	font-size: 18px;
	margin-bottom: 40px;
    background-color: #eeeeee;
    padding: 3%;
}




/*--------------------------------------------------------
医院紹介
--------------------------------------------------------*/

.clitext{
	width: 90%;
	margin: auto;
	margin-bottom: 30px;
}

.cliphotosection{
	margin-top: 2%;
}

.cliphotoL{
	width: 49%;
	margin-right: 1%;
	float: left;
}

.cliphotoR{
	width: 49%;
	margin-left: 1%;
	float: left;
}

.cliRtop{
	margin-bottom: 4.8%;
}

.cliRbottomL{
	width: 48%;
	margin-right: 2%;
	float: left;
}

.cliRbottomR{
	width: 48%;
	margin-left: 2%;
	float: left;
}

.cliequipmentbox{
	width: 31.3%;
	margin: 1%;
	float: left;
}

.cliequipmenttext{
	font-size: 14px;
	text-align: center;
	margin-top: 20px;
}


/*--------------------------------------------------------
診療案内
--------------------------------------------------------*/

/*-----背景の色変更-----*/

.page-id-22{
    background: #F2FAF4!important;
}

.menucontent3{
	width: 100%;
	margin: 0%;
	float: none;
	margin-bottom: 30px;
}

.menumedibun{
	width: 100%;
	margin: auto;
}

.menumedibun80{
	width: 94%;
	margin: auto;
}

.wp-block-media-text__content{
	margin-top: 20px;
}	
	
	
/*送信ボタンのデザイン変更*/
#formbtn{
 display: block;
 padding:1em 0;
 margin-top:30px;
 width:70%;
 margin: auto;
 background:#00A497;
 color:#fff;
 font-size:16px;
 font-weight:bold;	 
 border-radius:2px;
 border: solid 1px #00A497;
}
/*送信ボタンマウスホバー時*/
#formbtn:hover{
 background:#fff;
 color:#194D24;
 width:70%;
 margin: auto;
}	
	
	
	
	
	
	
	
	
	
}