@charset "UTF-8";
/* reset */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, textarea, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
}
body {
	line-height: 1.4;
	background: #fff;
	overflow-x: hidden;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block
}
ul, ol {
	list-style: none
}
blockquote, q {
	quotes: none
}
blockquote:before, blockquote:after, q:before, q:after {
	content: none
}
a {
	margin: 0;
	padding: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent
}
ins {
	background-color: #ff9;
	color: #000;
	text-decoration: none
}
mark {
	background-color: #ff9;
	color: #000;
	font-style: italic;
	font-weight: bold
}
del {
	text-decoration: line-through
}
abbr[title], dfn[title] {
	border-bottom: 1px dotted;
	cursor: help
}
table {
	border-collapse: collapse;
	border-spacing: 0
}
img {
	vertical-align: top
}
img { vertical-align: middle;border-style:none;}
.full{width: 100%;max-width: 100%;height:auto;}
em {
	font-style: normal;
}
body {
	color: #000;
}
.font10 {
	font-size: 77%;
}
.font11 {
	font-size: 85%;
}
.font12 {
	font-size: 93%;
}
.font13 {
	font-size: 100%;
}
.font14 {
	font-size: 108%;
}
.font15 {
	font-size: 116%;
}
.font16 {
	font-size: 123.1%;
}
.font17 {
	font-size: 131%;
}
.font18 {
	font-size: 138.5%;
}
.font19 {
	font-size: 146.5%;
}
.font20 {
	font-size: 153.9%;
}
.font21 {
	font-size: 161.6%;
}
.font22 {
	font-size: 167%;
}
.font23 {
	font-size: 174%;
}
.font24 {
	font-size: 182%;
}
.font25 {
	font-size: 192.3%;
}
.font26 {
	font-size: 197%;
}
.font30 {
	font-size: 227.3%;
}
.mt00 {
	margin-top: 0 !important;
}
.mt01 {
	margin-top: 1px !important;
}
.mt02 {
	margin-top: 2px !important;
}
.mt03 {
	margin-top: 3px !important;
}
.mt04 {
	margin-top: 4px !important;
}
.mt05 {
	margin-top: 5px !important;
}
.mt06 {
	margin-top: 6px !important;
}
.mt07 {
	margin-top: 7px !important;
}
.mt08 {
	margin-top: 8px !important;
}
.mt09 {
	margin-top: 9px !important;
}
.mt10 {
	margin-top: 10px !important;
}
.mt15 {
	margin-top: 15px !important;
}
.mt20 {
	margin-top: 20px !important;
}
.mt25 {
	margin-top: 25px !important;
}
.mt30 {
	margin-top: 30px !important;
}
.mt35 {
	margin-top: 35px !important;
}
.mt40 {
	margin-top: 40px !important;
}
.mt45 {
	margin-top: 45px !important;
}
.mt50 {
	margin-top: 50px !important;
}
.mr00 {
	margin-right: 0 !important;
}
.mr05 {
	margin-right: 5px !important;
}
.mr10 {
	margin-right: 10px !important;
}
.mr15 {
	margin-right: 15px !important;
}
.mr20 {
	margin-right: 20px !important;
}
.mr25 {
	margin-right: 25px !important;
}
.mr30 {
	margin-right: 30px !important;
}
.mr35 {
	margin-right: 35px !important;
}
.mr40 {
	margin-right: 40px !important;
}
.mr45 {
	margin-right: 45px !important;
}
.mr50 {
	margin-right: 50px !important;
}
.mb00 {
	margin-bottom: 0 !important;
}
.mb05 {
	margin-bottom: 5px !important;
}
.mb10 {
	margin-bottom: 10px !important;
}
.mb15 {
	margin-bottom: 15px !important;
}
.mb20 {
	margin-bottom: 20px !important;
}
.mb25 {
	margin-bottom: 25px !important;
}
.mb30 {
	margin-bottom: 30px !important;
}
.mb35 {
	margin-bottom: 35px !important;
}
.mb40 {
	margin-bottom: 40px !important;
}
.mb45 {
	margin-bottom: 45px !important;
}
.mb50 {
	margin-bottom: 50px !important;
}
.ml00 {
	margin-left: 0 !important;
}
.ml05 {
	margin-left: 5px !important;
}
.ml10 {
	margin-left: 10px !important;
}
.ml15 {
	margin-left: 15px !important;
}
.ml20 {
	margin-left: 20px !important;
}
.ml25 {
	margin-left: 25px !important;
}
.ml30 {
	margin-left: 30px !important;
}
.ml35 {
	margin-left: 35px !important;
}
.ml40 {
	margin-left: 40px !important;
}
.ml45 {
	margin-left: 45px !important;
}
.ml50 {
	margin-left: 50px !important;
}
.pt00 {
	padding-top: 0 !important;
}
.pt05 {
	padding-top: 5px !important;
}
.pt10 {
	padding-top: 10px !important;
}
.pt15 {
	padding-top: 15px !important;
}
.pt20 {
	padding-top: 20px !important;
}
.pt25 {
	padding-top: 25px !important;
}
.pt30 {
	padding-top: 30px !important;
}
.pt35 {
	padding-top: 35px !important;
}
.pt40 {
	padding-top: 40px !important;
}
.pt45 {
	padding-top: 45px !important;
}
.pt50 {
	padding-top: 50px !important;
}
.pr00 {
	padding-right: 0 !important;
}
.pr05 {
	padding-right: 5px !important;
}
.pr10 {
	padding-right: 10px !important;
}
.pr15 {
	padding-right: 15px !important;
}
.pr20 {
	padding-right: 20px !important;
}
.pr25 {
	padding-right: 25px !important;
}
.pr30 {
	padding-right: 30px !important;
}
.pr35 {
	padding-right: 35px !important;
}
.pr40 {
	padding-right: 40px !important;
}
.pr45 {
	padding-right: 45px !important;
}
.pr50 {
	padding-right: 50px !important;
}
.pb00 {
	padding-bottom: 0 !important;
}
.pb01 {
	padding-bottom: 1px !important;
}
.pb02 {
	padding-bottom: 2px !important;
}
.pb02 {
	padding-bottom: 3px !important;
}
.pb04 {
	padding-bottom: 4px !important;
}
.pb05 {
	padding-bottom: 5px !important;
}
.pb06 {
	padding-bottom: 6px !important;
}
.pb07 {
	padding-bottom: 7px !important;
}
.pb08 {
	padding-bottom: 8px !important;
}
.pb09 {
	padding-bottom: 9px !important;
}
.pb10 {
	padding-bottom: 10px !important;
}
.pb15 {
	padding-bottom: 15px !important;
}
.pb20 {
	padding-bottom: 20px !important;
}
.pb25 {
	padding-bottom: 25px !important;
}
.pb30 {
	padding-bottom: 30px !important;
}
.pb35 {
	padding-bottom: 35px !important;
}
.pb40 {
	padding-bottom: 40px !important;
}
.pb45 {
	padding-bottom: 45px !important;
}
.pb50 {
	padding-bottom: 50px !important;
}
.pl00 {
	padding-left: 0 !important;
}
.pl05 {
	padding-left: 5px !important;
}
.pl10 {
	padding-left: 10px !important;
}
.pl15 {
	padding-left: 15px !important;
}
.pl20 {
	padding-left: 20px !important;
}
.pl25 {
	padding-left: 25px !important;
}
.pl30 {
	padding-left: 30px !important;
}
.pl35 {
	padding-left: 35px !important;
}
.pl40 {
	padding-left: 40px !important;
}
.pl45 {
	padding-left: 45px !important;
}
.pl50 {
	padding-left: 50px !important;
}
.wd100 {
	width: 100% !important;
}
.wd90 {
	width: 90% !important;
}
.wd80 {
	width: 80% !important;
}
.wd70 {
	width: 70% !important;
}
.wd60 {
	width: 60% !important;
}
.wd50 {
	width: 50% !important;
}
.wd40 {
	width: 40% !important;
}
.wd30 {
	width: 30% !important;
}
.wd20 {
	width: 20% !important;
}
.wd10 {
	width: 10% !important;
}
.center {
	text-align: center;
}
.right {
	text-align: right;
}
.bold {
	font-weight: bold;
}
.cl {
	clear: left;
}
.cr {
	clear: right;
}
.fl {
	float: left;
}
.fr {
	float: right;
}

@media screen and (max-width:  767px) {
.fl {
	float: none;
}
.fr {
	float: none;
}
}
/*a, a:link, a:visited {
	color: #db2f2f;
	text-decoration: underline;
}*/
a:hover, a:focus, a:active {
	color: #db2f2f;
	text-decoration: none;
}

.gray-block {
	background: #eeeeee;
	margin: 0;
	padding: 0 0 0 0;
	text-align: center;
}

@media screen and (min-width:  768px) {
.vsp {
	display: none;
}
/*.vpc-inline {
	display: inline;
}*/
.vsp-inline {
	display: none;
}
.container {
	width: 1000px;
	margin: 0 auto;
}
.container img {
}
.clear
	{
	clear:both;
	}
.attention {
	font-size: 85%;
	color:#d76a62 !important;
}
table thead th {
	background: #06b3b1;
	border: solid 1px #fff;
	font-weight: normal;
	padding: 0px 10px;
	color: #fff;
	text-align: center;
	font-size: 20px;
}
table tbody th {
	background: #daf8f8;
	color: #000;
	border: solid 1px #fff;
	padding: 0px 20px;
	font-weight: normal;
}
table.horizontal tbody th {
	background: #06b3b1;
	border: solid 1px #fff;
	font-weight: normal;
	padding: 8px 0;
	color: #fff;
	text-align: center;
	font-size: 20px;
}
table.schedule-table tbody tr td, table tbody tr.symbol td {
	background: #daf8f8;
	border: solid 1px #fff;
	color: #06b3b1;
	text-align: center;
	font-size: 26px;
	font-weight: bold;
	padding: 3px 0;
}
table.schedule-table tbody th {
	font-size: 16px;
}
table tbody tr td {
	background: #daf8f8;
	border: solid 1px #fff;
	color: #646464;
	text-align: center;
	font-size: 100%;
	font-weight: normal;
}
table tbody tr td.left {
	text-align: left;
}
}

@media screen and (max-width:  767px) {
	.vsp{
		display: inline;
	}
.vpc{
	display: none;
}
	#vpc{
	display: none;
}
/*.vpc-inline {
	display: none;
}*/
.vsp-inline {
	display: inline;
}
.container {
	width: 95%;
	margin: 0 auto;
}
.container img {
	width: 100%;
}
.table-wrapper {
	width: 100%;
	overflow: auto;
}
table {
	width: 100%;
}
table thead th {
	background: #06b3b1;
	border: solid 1px #fff;
	font-weight: normal;
	padding: 8px 0;
	color: #fff;
	text-align: center;
}
table tbody th {
	background: #daf8f8;
	color: #000;
	border: solid 1px #fff;
	padding: 15px 10px;
	font-weight: normal;
}
table.horizontal tbody th {
	background: #06b3b1;
	border: solid 1px #fff;
	font-weight: normal;
	padding: 8px 0;
	color: #fff;
	text-align: center;
}
table.schedule-table tbody tr td, table tbody tr.symbol td {
	background: #daf8f8;
	border: solid 1px #fff;
	text-align: center;
	padding: 15px 0px;
	font-size: 26px;
	font-weight: bold;
	color: #06b3b1;
}
table tbody tr td {
	background: #daf8f8;
	border: solid 1px #fff;
	color: #646464;
	text-align: center;
	padding: 15px 0px;
	font-size: 100%;
	font-weight: normal;
}
table tbody tr td.left {
	text-align: left;
	padding: 15px 8px;
}
}
/** common **/

body {
	font: 14px/1.6 'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
	color: #4c4c4c;
}

@media screen and (min-width:  768px) {
body {
	background: #fff;

}
#body {
	position: relative;
	min-width: 1000px;
}
}

@media screen and (max-width:  767px) {
#body {
	background: #fff;
	overflow-x: hidden;
}
}

/** fixed **/
@media screen and (min-width:  768px) {

#header .inner{
		position: fixed;
	z-index: 999;
	/*min-width: 1400px;*/
	}

/*#header-navi ul {
	color: #fff;
	float: right;
	position: relative;
	top: 35px;
	right: 15px;
	opacity: 2;
	z-index: 5;
}
#header-navi ul li {
	display: inline;
	padding: 35px 7px 34px 7px;
	list-style-type: none;

}
#header-navi a {
	color: #fff;
	text-decoration: none;
	display: inline-block;
	height: 55px;

}
#header-navi li:hover {
	background: rgba(255,255,255,0.3);

}*/
#pagetop {
	position: fixed;
	bottom: 30px;
	right: 30px;
	z-index: 100;/*
    bottom: 150px;
    left: 50%;
    margin-left: 530px;
	*/
}
	#pagetop:hover{
		display: block;
		background: rgba(255,255,255,0.8);
	}

#normal .navi01 ul {
	display: none;
	color: #333333;
	background-color: rgba(255,255,255,0.8);
	width: 3500px;
	height: 50px;
	position: absolute;
	top: 55px;
	transform: translateX(34.5%);
	overflow: hidden;
	text-align: center;
	z-index: 1200;
}
#normal .navi01:hover ul {
	display: inline;
}
#normal .navi02 ul {
	display: none;
	color: #333333;
	background-color: rgba(255,255,255,0.8);
	width: 3500px;
	height: 50px;
	position: absolute;
	top: 55px;
	transform: translateX(34.5%);
	overflow: hidden;
	text-align: center;
	z-index: 1200;
}
#normal .navi02:hover ul {
	display: inline;
}
#normal li:hover ul li a {
	display: inline;
	color: #333333;
	position: relative;
	top: 15px;
}
}

.gray_area {
	background: #eeeeee;
}

/** header **/
@media screen and (min-width:  768px) {
#header {
	width: 100%;
	height: auto;
	z-index: 5;
}
#slide {
	position: absolute;
	top: 0;
	z-index: 0;
	overflow: hidden;
	width: 100%;
	height: auto;
}
#slide video {
	display: inline;
	position: relative;
	width: 100%;

/*	 left: 50%;
	top:-50px;
    margin-left: -1350px;*/
	}
#slide img {
  width: 100%;
  height: auto;
}

#subvisual {
	background: url(../img/sub_v_bg.jpg) repeat;
	text-align: center;
    position: relative;
    max-width: 100%;
    overflow: hidden;
	height: 450px;
}
#subvisual img {
position: absolute;
    top: 0px;
    left: 50%;
    margin-left: -1000px;

}
.animalhospital {
	text-align: center;
}
.animalhospital img {
	position: relative;
	top: 280px;
	z-index: 10;
}
.animalhospital .onmain_p {
	position: relative;
	top: 380px;
	z-index: 10;
	color: #fff;
	font-size: 12px;
	font-weight: 100;
}
	.animalhospital .onmain_ps {
	position: relative;
	top: 300px;
	z-index: 10;
	color: #fff;
	font-size: 24px;
	font-weight: 100;
	font-family: "ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
}

#header .opacity_back {
	width: 100%;
	height: 90px;
	position: absolute;
	top: 0;
	background-color: #06b3b1;
	opacity: 0.8;
	z-index: 4;
}
#header .back {
	width: 100%;
	height: 90px;
	position: absolute;
	top: 0;
	z-index: 5;
}
body.home #header {
	height: 750px;
}
#header .container {
	position: relative;
}
#header .button {
	z-index: 100;
	position: absolute;
	top: 0;
	left: 50%;
	width: 455px;
	height: 28px;
	background: url(../img/bg_button_header.png) no-repeat;
	margin-left: 22px;
}
#header .button li {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	height: 28px;
}
#header .button li a {
	display: block;
	width: 100%;
	height: 100%;
	overflow: hidden;
	text-indent: 200%;
	white-space: nowrap;
}
#header .inner {
	width: 100%;
	height: auto;
}
#header .main-image {
	position: absolute;
	top: 90px;
	left: 0px;
	text-align: center;
}
.home #header .main-image {
	top: 100px;
}
#header .anim {
	width: 1040px;
	margin: 0 auto;
	position: relative;
}
#header .anim li {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 11;
}
#header .anim li.anim01 {
	position: absolute;
	top: 244px;
	left: 32px;
}
#header .anim li.anim02 {
	position: absolute;
	top: 172px;
	left: 40px;
}
#header .anim li.anim03 {
	position: absolute;
	top: 132px;
	left: 112px;
}
#header .anim li.anim04 {
	position: absolute;
	top: 100px;
	left: 168px;
}
#header .anim li.anim05 {
	position: absolute;
	top: 324px;
	left: 840px;
}
#header .anim li.anim06 {
	position: absolute;
	top: 292px;
	left: 880px;
}
#header .line,
#header .tel {
	float: right;
	display: block;
	background: #42d0ce;
	padding: 33.5px 15px;
	z-index: 999;
}
#header .mail {
	display: block;
	background: #ec7717;
	padding: 18.5px 10px;
	opacity: 2;
	float: right;
	z-index: 10;
}
#header .logo {
	position: relative;
	float: left;
	vertical-align: middle;
	left: 25px;
	top: 25px;
	opacity: 2;
	z-index: 5;
	max-width: 15%;
}
#header .logo img {
	width: 100%;
}
#header .header-navi-wrapper {
	position: absolute;
	top: 300px;
	left: 0;
	height: 93px;
	width: 100%;
	background: #f0fdfd;
}
.home #header .header-navi-wrapper {
	height: 132px;
	top: 620px;
	background: #f0fdfd url(../img/bg_navi.png) no-repeat 50% 100%;
}
.home #header .banner {
	position: absolute;
	top: 690px;
	left: 0;
	width: 100%;
	text-align: center;
}
.home #header .banner a {
	padding: 0 3px;
}
.home #header .banner p {
	margin-bottom: 10px;
}}

@media screen and (max-width:  767px) {
	.vpc{
		display: none;
	}
#header .inner {
	background: #fff;
	padding-top: 10%;
}

	.animalhospital {
	display: none;
}
	#slide {
		display: none;
	}
#header .onmain_ps {
	position: relative;
	top: -75px;
	z-index: 10;
	color: #fff;
	font-size: 12px;
	font-weight: 100;
	font-family: "ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
}
	}

#header .fixed-block {
	z-index: 500;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	background: rgba(66,208,206,0.8);
	height: 20px;
	padding-top: 10%;
}

#header .fixed-block h2{
  width: 70%;
  margin-left: 10px;
  text-align: left;
}
#header .fixed-block img {
	width: auto;
	max-width: 100%;
	height: auto;
}
#header h2 {
	position: absolute;
	top: 0;
	left: 0;
}
#header .button-menu,
#header .button-tel,
#header .button-line {
	position: absolute;
	top: 0;
	right: 0;
}
#header .header-navi-sp {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 99;
	width: 80%;
	height: 30px;
    overflow-y: scroll;
	background: rgba(120,225,210,0.8);
	color: #fff;
}
#header .header-navi-sp .inner {
	padding-top: 0;
	background: transparent;
}
#header .header-navi-sp h3 {
	padding: 10px 0;
	font-weight: bold;
	background-size: 16px 16px;
}
#header .header-navi-sp ul {
		color: #fff;
	margin: 25px 0;
}
#header .header-navi-sp li {
	color: #fff;
	padding: 10px 25px;
	font-weight: normal;
		border-bottom: solid 1px #fff;
}
#header .header-navi-sp li a {
	color: #fff;
	font-weight: bold;
}
#header .header-navi-sp li.expand {
	background: none;
	padding: 0px 0;
}
#header .header-navi-sp li.expand li {
	margin: 0 0 0 25px;
	font-weight: normal;
}
#header .header-navi-sp li.expand li a {
	font-weight: normal;
}
#header .header-navi-sp li a {
	display: block;
	height: 100%;
	width: 100%;
}
#header .header-navi-sp li a, #header .header-navi-sp li a:link, #header .header-navi-sp li a:visited, #header .header-navi-sp li a:hover, #header .header-navi-sp li a:focus, #header .header-navi-sp li a:active {
	color:#5B5B5B;
	text-decoration: none;
}
#header .header-navi-sp .close {
	padding: 20px;
	text-align: center;
}
#header .header-navi-sp .close img {
	width: 20%;
}
.home #header .banner {
	padding: 10px 20px;
}
.home #header .banner a {
	display: block;
	margin: 10px 0;
}

/** footer **/
/** footer buttons **/
@media screen and (min-width:  768px) {
#footer .buttons {
	background: url(../img/bg_wood.png) repeat-x;
	height: 260px;
}
#footer .buttons li {
	display: block;
	width: 25%;
	float: left;
	text-align: center;
	padding-top: 20px;
}
}

@media screen and (max-width:  767px) {
#footer {
}
}

/** footer inquiry **/
@media screen and (min-width:  768px) {
#footer .inquiry {
	background: #80dcdb url(../img/bg_footer_animals.png) no-repeat 50% 100%;
	padding: 25px 0 72px 0;
}
}

@media screen and (max-width:  767px) {
#footer .inquiry {
	padding: 50px 0;
}
}
/** footer schedule **/
#footer .schedule h3 {
	color: #00bebd;
	font-weight: bold;
}
#footer .schedule em {
	color: #d76a62;
}


@media screen and (min-width:  768px) {
#footer .schedule {
	margin: 50px auto;
	overflow: hidden;
}
.schedule .left {
	float: left;
	width: 45%;
	padding: 25px 0 0 0;
}
table.schedule-table {
	width: 490px;
}
#footer .schedule .address {
	/*width: 300px;*/
	margin-top: 15px;
}
#footer .schedule .time {
	width: 400px;
	margin-top: 15px;
}
#footer .schedule .right {
	padding: 25px 0px;
	text-align: right;
}
#footer .schedule .right .map {
	float: right;
	margin: 0 0px;}

	#office_map{
	 width: 490px;
	height: 350px;
}
}

@media screen and (max-width:  767px) {
#footer .schedule .left {
	margin: 0 25px;
}
#footer .schedule .address {
	margin-top: 15px;
}
#footer .schedule .time {
	margin-top: 15px;
}
#footer .schedule .right {
   padding: 0;
	text-align: center;
}
#office_map{
	width: 95%;
	height: 300px;
	float: none;
	margin: 40px auto;
}
	#footer .facebook{
		text-align: center;
		 width: 95%;
		margin: 0 auto;
	}
		#footer .fb-page{
 width: 100%;
 margin: 0 auto;
 padding: 0 0 50px 0;
 float: none;
}
	#footer .innermap{
		text-align: center;
	}
	#footer .innermap iframe{
		width: 95%;
		margin-top: 40px;
	}
#footer .schedule .right .map {
    margin: 20px 0;
    position: relative;
    width: 100%;
    padding-top: 56.25%;
    /* 16:9のアスペクト比 */
    height: 0;
}

#footer .schedule .right .map iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
}

/** footer banners **/
@media screen and (min-width:  768px) {
#footer .banners {
	background: #eeeeee;
	clear: both;
	height: 400px;
	padding: 60px 0;
}
#footer .banner_inner {
	width: 1000px;
	margin: 0 auto;
}
#footer .banner_left {
	width: 48%;
	float: left;
}
#footer .facebook {
	float: left;
	width: 490px;
	margin: 60px 0;
}
#footer .innermap {
	float: right;
	margin: 60px 0;
}
#footer .container {
	clear: both;
}
#footer .banners li.catribbon {
	margin-bottom: 5px;
}
#footer .banners .doctors-file {
	float: left;
}
#footer .banners .doctors-file li {
	margin-bottom: 5px;
}
#footer .banners ul {
	float: right;
}
#footer .banners li.sonpo {
	margin-bottom: 5px;
}
#footer .banners li.donavi {
	margin-bottom: 5px;
}
#footer .banners li.ipet {
	margin-bottom: 5px;
}
#footer .banners li.line {
}
#footer .banner_right {
	float: right;
	width: 50%;
}
#footer .banner_right p {
	margin: 0px 0 30px 20px;
}
}

@media screen and (max-width:  767px) {
#footer .banners {
	margin: 40px auto 0 auto;
	text-align: center;
	background: #eeeeee;
}
#footer .banners .doctors-file {
	width: 100%;
	padding-top: 40px;
}
#footer .banners .doctors-file li {
	margin-bottom: 30px;
}
#footer .banners li.sonpo, #footer .banners li.donavi, #footer .banners li.ipet, #footer .banners li.line .catribbon {
	margin: 25px 0;
	text-align: center;
}
#footer .banners .doctors-file img {
	max-width: 230px;
}
#footer .banners li.sonpo img {
	width: 70%;
}
#footer .banners li.donavi img {
	width: 70%;
}
#footer .banners li.ipet img {
	width: 70%;
}
#footer .banners li.line img {
	width: 70%;
}
    #footer .banners li.catribbon img {
	width: 70%;
}
	#footer .banner_right{
		width: 95%;
		text-align: center;
		margin: 40px auto 0 auto;
		padding-bottom: 40px;
	}
	#footer .banner_right p {
	margin: 0px 0 30px 20px;
		text-align: left;
}
	#footer .banner_right img{
		max-width: 80%;
	}
}

/** footer links **/
@media screen and (min-width:  768px) {
#footer .links {
	padding: 20px 0;
	clear: both;
}
#footer .links p {
	text-align: center;
	font-size: 85%;
	color: #686256;
	margin: 5px 0;
}
#footer .links a, #footer .links a:link, #footer .links a:visited {
	text-decoration: none;
	color: #686256;
}
#footer .links a:hover, #footer .links a:focus, #footer .links a:active {
	text-decoration: underline;
}
}

@media screen and (max-width:  767px) {
#footer {
}
#footer .links {
	padding: 25px;
	color: #000;
}
#footer .links a {
	font-weight: normal;
	font-size: 100%;
	color: #000;
}
}
/** footer copyright **/
#footer .copyright {
	background: #06b3b1;
	text-align: center;
	padding: 5px 0;
	font-size: 12px;
}
#footer .copyright p {
	color: #fff;
}

@media screen and (min-width:  768px) {
}

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

/** main **/
@media screen and (min-width:  768px) {
#main {
	position: relative;
	z-index: 0;
	text-align: left;
}
body.home #main .container {
	position: relative;
}
}

@media screen and (max-width:  767px) {
#main {
	padding: 0;
	margin: 0 auto;
}
	.subvisual img{
		position: relative;
		margin-top: 30px;
	}
}
/** contents **/

#contents h3 {
	font-weight: bold;
}
#contents h3.blue {
	color: #00bebd;
	font-weight: bold;
	font-size: 131%;
	margin-bottom: 15px;
}
#contents strong {
	font-weight: bold;
}
#contents em {
	color: #db2f2f;
}
#contents p {
	margin: 0 0 10px 0;
}
#contents ul.list {
	margin: 15px 0;
	list-style-type: disc;
	list-style-position: inside;
}
#contents ul.link {
	margin: 0 0 10px 0;
}
#contents ul.link li {
	background: url(../img/icon_arrow.png) no-repeat 0 50%;
	padding-left: 20px;
}

#contents ol li {
	position: relative;
	padding-left: 1.5em;
}
#contents ol li span {
	color: #00bebd;
	position: absolute;
	left: 0;
}

@media screen and (min-width:  768px) {
#contents {
	line-height: 1.6;
}
#contents h2 {
	padding: 70px 0 50px 0;
}
}

@media screen and (max-width:  767px) {
#contents {
	background: #fff;
	line-height: 1.6;
	width: 100%;
	margin: 0 auto;
	/**text-align: center;**/
}
#contents h2 {
	padding: 100px 0 50px 0;
	margin: 0 auto;
	text-align: center;
}
#contents img{
	width: 100%;
	height: auto;
}
}
/** common **/
.blue-area {
	background: #eee;
}
.lightblue-area, .white-lightblue-area:nth-child(even) {
	background: #eee;
}
.line-bottom {
	border-bottom: dotted 2px #06b3b1;
}

@media screen and (min-width:  768px) {
.white-area, .white-lightblue-area:nth-child(odd) {
	padding: 0 0 100px 0;
}
.blue-area {
	padding: 0 0 100px 0;
}
.lightblue-area, .white-lightblue-area:nth-child(even) {
	padding: 0 0 100px 0;
}
.line-bottom {
	padding-bottom: 50px;
	margin-bottom: 50px;
}
}

@media screen and (max-width:  767px) {
.white-area, .white-lightblue-area:nth-child(odd) {
	padding: 0 0 25px 0;
}
.blue-area {
	margin: 0 -25px;
	padding: 25px;
}
.lightblue-area, .white-lightblue-area:nth-child(even) {
	margin: 0 -25px;
	padding: 25px;
}
.line-bottom {
	padding-bottom: 25px;
	margin-bottom: 25px;
}
}

/** for anchor **/
@media screen and (min-width:  768px) {
.dock-block #campaign {
	padding-top: 40px !important;
	margin-top: -40px !important;
}

	.dock-block .image{
		width: 1000px;
	}

}

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

/** .contents-section **/
@media screen and (min-width:  768px) {
.contents-section .image {
	float: right;
	padding: 0 0 0px 50px;
	text-align: center;
	font-size: 77%;
}
.contents-section .image img {
	margin-bottom: 15px;
}
.contents-section .content {
	width: 600px;
}
}

@media screen and (max-width:  767px) {
.contents-section .image {
	padding: 25px 0 10px 0;
	text-align: center;
	font-size: 77%;
}
.contents-section .image img {
	margin-bottom: 15px;
}
	.contents-section .content {
		width: 100%;
	}
}

/** buttons-block **/
@media screen and (min-width:  768px) {
	.buttons-block-sp{
		display: none;
	}
  .buttons-block .comeback-campaign {
    text-align: center;
  }

.buttons-block {
	display: table;
	border-collapse: separate;
	border-spacing: 20px;
	width: 1040px;
	margin: 20px auto 0px auto;
	padding: 0;

}
	.back_buttons{
		background: #fff;
		padding-top: -0px;
	}
#contents .buttons-block em {
  font-size: 200%;
  color: #fcfe00;
  display: block;
}

.buttons-block ul li {
	display: table-cell;
	background-image: url(../img/green_bg.jpg);
	width: 260px;
	height: 100px;
	text-align: center;
	vertical-align: middle;
}
.buttons-block ul {
	list-style: none;
}
.buttons-block li a {
	display: block;
	width: 250px;
	height: 100px;
	color: #fff;
	text-decoration: none;
	padding: 30px 35px;
}
.buttons-block ul li img {
	float: left;
	clear: both;
	position: relative;
	right: 10px;
	top: 10px;
}

.buttons-block ul li.banner {
	display: table-cell;
	background-image: none;
	width: unset;
	height: unset;
	text-align: center;
	vertical-align: middle;
}
.buttons-block ul li.banner a {
	display: block;
	width: unset;
	height: unset;
	padding: 0;
}
.buttons-block ul li.banner img {
	float: unset;
	clear: unset;
	position: relative;
	right: unset;
	top: unset;
}

.buttons-block .hotel_img {
	position: relative;
	top: 25px;
}
.buttons-block p {
	width: 170px;
	float: left;
	text-align: left;
	position: relative;
	left: 15px;
}
.cf_title {
	font-size: 18px;
	font-weight: 600;
	text-decoration: underline;
}
.buttons-block .banner1:hover {
	background-image: url(../img/banner1.jpg);
}
.buttons-block .banner2:hover {
	background-image: url(../img/banner2.jpg);
}
.buttons-block .banner3:hover {
	background-image: url(../img/banner3.jpg);
}
.buttons-block .banner4 {
	background-image: url(../img/banner_column_on.png);
}
.buttons-block .banner4:hover img {
	opacity: 0;
}

.buttons-block .banner5 {
	background-image: url(../img/light_on.jpg);
}

.byoinnavi-banner {
	background: url(../img/banner_byoinnavi_on.jpg)  no-repeat 20px;
}
.byoinnavi-banner:hover img {
	opacity: 0;
}
.filaria-yaku {
	background: url(../img/banner_filaria-yaku_on.png)  no-repeat 20px;
}
.filaria-yaku:hover img {
	opacity: 0;
}
.filaria {
	background: url(../img/banner_filaria_on.png)  no-repeat 20px;
}
.filaria:hover img {
	opacity: 0;
}
.nomidani {
	background: url(../img/banner_nomidani_on.png)  no-repeat 20px;
}
.nomidani:hover img {
	opacity: 0;
}
.kyoukenbyou {
	background: url(../img/banner_kyoukenbyou_on.png)  no-repeat 20px;
}
.kyoukenbyou:hover img {
	opacity: 0;
}
.vdt {
	background: url(../img/banner_vdt_on.jpg)  no-repeat 20px;
}
.vdt:hover img {
	opacity: 0;
}
.tsumekiri {
	background: url(../img/banner_tsumekiri_on.png)  no-repeat 20px;
}
.tsumekiri:hover img {
	opacity: 0;
}
.recruit-topbanner {
	background: url(../img/recruit_banner_hover.jpg)  no-repeat 20px;
}
.recruit-topbanner:hover img {
	opacity: 0;
}
.doujikounyu2020 {
	background: url(../img/banner_2020doujikounyu_on.jpg)  no-repeat 20px;
}
.doujikounyu2020:hover img {
	opacity: 0;
}
.filaria-yaku2020 {
	background: url(../img/banner_2020filaria-yaku_on.jpg)  no-repeat 20px;
}
.filaria-yaku2020:hover img {
	opacity: 0;
}
.filaria-yaku2023 {
	background: url(../img/banner_2023filaria-yaku_on.jpg)  no-repeat 20px;
}
.filaria-yaku2023:hover img {
	opacity: 0;
}
.nomidani2020 {
	background: url(../img/banner_2020nomidani_on.jpg)  no-repeat 20px;
}
.nomidani2020:hover img {
	opacity: 0;
}
.nomidani2022 {
	background: url(../img/banner_2022nomidani_on.jpg)  no-repeat 20px;
}
.nomidani2022:hover img {
	opacity: 0;
}
.nomidani2023 {
	background: url(../img/banner_2023nomidani_on.jpg)  no-repeat 20px;
}
.nomidani2023:hover img {
	opacity: 0;
}
.bubblebath-banner {
	background: url(../img/micro_nano_bubblebath_on.jpg)  no-repeat 20px;
}
.bubblebath-banner:hover img {
	opacity: 0;
}
.newmachine-banner {
	background: url(../img/newmachine_on_20211015.jpg)  no-repeat 20px;
}
.newmachine-banner:hover img {
	opacity: 0;
}
.shiko-banner {
	background: url(../img/20211031_shiko_on.jpg)  no-repeat 20px;
}
.shiko-banner:hover img {
	opacity: 0;
}
.nekofukumakuen-banner{
	background: url(../img/20211031_nekofukumakuen.jpg)  no-repeat 20px;
}
.nekofukumakuen-banner:hover img {
	opacity: 0;
}
.shitsuke-banner {
	background: url(../img/banner_shitsuke_on.jpg)  no-repeat 20px;
}
.shitsuke-banner:hover img {
	opacity: 0;
}
.kenshin-banner {
	background: url(../img/banner_kenshin_on.jpg)  no-repeat 20px;
}
.kenshin-banner:hover img {
	opacity: 0;
}
.nekocyan-banner {
	background: url(../img/banner_nekocyan_on.jpg)  no-repeat 20px;
}
.nekocyan-banner:hover img {
	opacity: 0;
}
.nekocyan2-banner {
	background: url(../img/banner_nekocyan2_on.jpg)  no-repeat 20px;
}
.nekocyan2-banner:hover img {
	opacity: 0;
}
.wancyan-banner {
	background: url(../img/banner_wancyan_on.jpg)  no-repeat 20px;
}
.wancyan-banner:hover img {
	opacity: 0;
}
    .uketsuke-banner {
	background: url(../img/banner_uketsuke_on.jpg)  no-repeat 20px;
}
.uketsuke-banner:hover img {
	opacity: 0;
}
.column_banner {
	background: url(../img/column_banner_on.jpg)  no-repeat 20px;
}
.column_banner:hover img {
	opacity: 0;
}
}

.monthly-campaign{
	display: block;
	width: 1000px;
	height: 160px;
	background: #f8dec8;
	margin: 0 auto 40px auto;
}

.monthly-campaign img{
	float: left;
	margin: 0;
	padding: 0;
	position: relative;
	top: -0px;
	right: -0px;
}

.monthly-campaign .m_campaign_p{
	float: right;
	position: relative;
	left: -110px;
	text-align: center;
	width: 300px;
	padding: 20px;
	font-size: 18px;
	color: #262626;
}

.monthly-campaign .m_campaign_p span{
	color: #fe9b1e;
	font-size: 24px;
	font-weight: 600;
}

.monthly-campaign .m_campaign_enter{
	display: block;
	width: 220px;
	line-height: 55px;
	background: #fe9b1e;
	float: right;
	position: relative;
	top: 80px;
	left: -30px;
	color: #fff;
	font-weight: 600;
	text-align: center;
	vertical-align: middle;
	font-size: 18px;
}

.monthly-campaign:hover img{
	display: none;
}
.monthly-campaign:hover{
	background-image: url(../img/monthly-campaign_on.png);
	background-repeat: no-repeat;
	background-position: left;
}

.monthly-campaign:hover .m_campaign_enter{
	background:#F7C73C;
}

@media screen and (max-width:  767px) {
.buttons-block-sp {
	margin: 25px 0;
}
.buttons-block-sp li {
	margin: 25px;
}
	.buttons-block-sp img{
		width: 100%;
	}
	.buttons-block-sp a:hover{
	opacity: 0.8;
	}

	.buttons-block-sp .inner{
	margin: 0 25px;
	}

	.sp_monthly-campaign{
	display: block;
	width: 100%;
	background: #f8dec8;
		text-decoration: none;
		text-align: center;
			padding: 0 0 20px 0;
}

.sp_monthly-campaign .off{
	margin: 0;
	padding: 0;
	position: relative;
	top: -0px;
	right: -0px;
}

	.sp_monthly-campaign .on{
	display: none;
}

.sp_monthly-campaign .sp_m_campaign_p{
	text-align: center;
	width: 80%;
	padding: 20px;
	font-size: 14px;
	color: #262626;
text-decoration: none;
	margin: 0 auto;
}

.sp_monthly-campaign .sp_m_campaign_p span{
	color: #fe9b1e;
	font-size: 16px;
	font-weight: 600;
}

.sp_monthly-campaign .sp_m_campaign_enter{
	display: block;
	width: 150px;
	line-height: 25px;
	background: #fe9b1e;
	color: #fff;
	font-weight: 600;
	text-align: center;
	vertical-align: middle;
	font-size: 14px;
    margin-left: 30px;
	position: relative;
	left: 30px;
	text-decoration: none;
}


.sp_monthly-campaign:hover .off{
	display: none;
}
	.sp_monthly-campaign:hover .on{
	display: inline;
		margin: 0;
	padding: 0;
	position: relative;
	top: -0px;
	right: -0px;
}

.sp_monthly-campaign:hover .sp_m_campaign_enter{
	background:#F7C73C;
}
}
/** news-block **/
.news-block a, .news-block a:link, .news-block a:visited {
	color: #686256;
	text-decoration: underline;
}
.news-block a:hover, .news-block a:focus, .news-block a:active {
	text-decoration: none;
}

@media screen and (min-width:  768px) {
.news-block {
	background: #eeeeee;
	padding: 0;
	margin: 0;
	height: 750px;
	text-align: center;
}
.h2 {
	text-align: center;
	font-size: 24px;
	position: relative;
	display: inline-block;
	margin-bottom: 1em;
	font-weight: 300;
}
.h2:before {
	content: '';
	position: absolute;
	left: 50%;
	bottom: -7px;/*線の上下位置*/
	display: inline-block;
	width: 75px;/*線の長さ*/
	height: 2px;/*線の太さ*/
	-moz-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);/*位置調整*/
	background-color: #00bebd;/*線の色*/
}
.news-block .section {
	background: #eeeeee;
	width: 430px;
	height: 500px;
	overflow-x: hidden;
	padding: 0 15px;
	float: left;
	text-align: left;
}
.news-block dl {
	position: relative;
	margin: 0px;
}
.news-block dt {
	color: #313131;
	font-weight: bold;
	margin-top: 15px;
	font-size: 18px;
}
.news-block dt img {
	padding-left: 20px;
	padding-top: 3px;
}
.news-block dd {
	padding: 5px 0 15px 0;
	font-size: 16px;
}
.news-block .google-calendar {
	float: right;
	background: #fff;
	padding: 15px 20px;
	text-align: left;
}
.news-block .google-calendar h3 {
	margin-bottom: 10px;
	font-family: 'メイリオ';
	font-size: 22px;
	margin: 0 auto;
	text-align: center;
	font-weight: 100;
}
.news-block .google-calendar .inner {
	width: 460px;
	height: 400px;
}
.news-block .google-calendar iframe {
	width: 100%;
	height: 100%;
}
#contents .news-block .google-calendar p.note {
	font-size: 85%;
	margin: 5px;
}
}

@media screen and (max-width:  767px) {
	#contents{
		margin: 0;
		padding: 0;
	}
.news-block {
		background: #eeeeee;
	padding: 40px 0 0 0;
	margin: 0;
	height: 970px;
	text-align: center;
}
	.h2 {
	text-align: center;
	font-size: 24px;
	position: relative;
	display: inline-block;
	margin-bottom: 1em;
	font-weight: 300;
}
.h2:before {
	content: '';
	position: absolute;
	left: 50%;
	bottom: -7px;/*線の上下位置*/
	display: inline-block;
	width: 75px;/*線の長さ*/
	height: 2px;/*線の太さ*/
	-moz-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);/*位置調整*/
	background-color: #00bebd;/*線の色*/
}
.news-block .section {
	background: #fefefe;
	width: 100%;
	height: 300px;
	text-align: left;
	overflow: scroll;
}
.news-block dl {
	margin: 0px;
	padding: 0 15px;
}
	.news-block dt img {
	padding-left: 20px;
 max-width: 50px;
}
.news-block dt {
	color: #313131;
	font-weight: bold;
	margin: 10px 0 0 0;
}
.news-block dd {
	padding: 0 0 15px 0;
	background: url(../img/line_news.png) repeat-x 0 100%;
}
.news-block .google-calendar {
	margin-top: 20px;
	background: #fff;
	padding: 20px 0 ;
	text-align: left;
}
.news-block .google-calendar h3 {
	margin-bottom: 10px;
}
.news-block .google-calendar .inner {
	width: 95%;
	height: 300px;
		margin: 0 auto;
}
.news-block .google-calendar iframe {
	width:100%;
	height: 100%;
}
#contents .news-block .google-calendar p.note {
	font-size: 85%;
	margin: 5px;
	background: #fff;
	display: block;
}
}

/** aboutus-block **/
@media screen and (min-width:  768px) {
.aboutus-block {
	background: #fff;
	background-image: url(../img/aboutus_back.jpg);
	background-repeat: no-repeat;
	background-position: center;
	overflow: hidden;
	padding-bottom: 70px;
}
.h2_2 {
	font-size: 24px;
	font-weight: 300;
}
.h2_2::before {
	content: "●";
	padding-right: 15px;
	color: #06b3b1;
}
.aboutus-block p {
	width: 40%;
}
}

@media screen and (max-width:  767px) {
.aboutus-block {
	background: #fff;
	background-image: url(../img/sp_aboutus_back.jpg);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: bottom right;
	overflow: hidden;
	padding: 0 10px 250px 10px;
}
	.h2_2 {
	font-size: 24px;
	font-weight: 300;
}
.h2_2::before {
	content: "●";
	padding-right: 15px;
	color: #06b3b1;
}
    .aboutus-block p{
        text-align: left;
    }
}
/** ohanashi-block **/
.ohanashi-block{
	clear: both;
}

.ohanashi-block .container {
	width: 1000px;
	text-align: center;
}

@media screen and (min-width:  768px) {
.ohanashi-block {
	background-image: url(../img/ohanashi_bg.jpg);
	height: 500px;
}
.ohanashi-block .section {
	display: inline-block;
	width: 480px;
	height: 300px;
	background: rgba(255,255,255,0.8);
	margin-top: 100px;
}
.ohanashi-block .section:first-child {
	margin-right: 30px;
}
/*		.ohanashi-block .section:last-child{
		position: relative;
		bottom: 10px;
	}*/
.ohanashi-block .innerh3 {
	margin: 40px;
	text-align: center;
}
.ohanashi-block .innerh3 a {
	text-decoration: none;
}
.ohanashi-block .inner{
		margin: 0 auto;
		padding: 0 auto;
		width: 80%;
	}
.ohanashi-block .section p {
	text-align: left;
}
.ohanashi-block .section .h3 {
	text-align: center;
	font-size: 20px;
	position: relative;
	display: inline-block;
	margin-bottom: 1em;
	font-weight: 300;
}
.ohanashi-block .section .h3:before {
	content: '';
	position: absolute;
	left: 50%;
	bottom: -7px;/*線の上下位置*/
	display: inline-block;
	width: 75px;/*線の長さ*/
	height: 2px;/*線の太さ*/
	-moz-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);/*位置調整*/
	background-color: #00bebd;/*線の色*/
}
.ohanashi-block .section .continue {
	display: block;
	color: #fff;
	background-color: #00bebd;
	padding: 5px 0 5px 15px;
	font-weight: 600;
	width: 100px;
	position: relative;
	left: 310px;
	top: 10px;
	font-size: 12px;
}
.ohanashi-block .section .continue:hover {
	background-color: #2DE1E0;
}
.ohanashi-block .section .continue img {
	position: relative;
	left: 7px;
	top: 6px;
}
.ohanashi-block .section .ohanashi_inner {
	width: 400px;
	height: 140px;
	padding-top: 15px;
}
#contents .ohanashi-block .section p {
}

}

@media screen and (max-width:  767px) {
.ohanashi-block {
	background: url(../img/sp_ohanashi_bg.jpg);
	background-position: center;
	padding: 10px;
}
	.ohanashi-block .container{
		width: 100%;
		margin: 0 auto;
	}

.ohanashi-block .section {
	display: block;
	height: auto;
	background: rgba(255,255,255,0.8);
	margin: 100px 0;
}
.ohanashi-block .innerh3 {
	margin: 0 auto;
	padding: 40px 0;
}
.ohanashi-block .innerh3 a {
	text-decoration: none;
}
.ohanashi-block .section p {
	text-align: left;
}
.ohanashi-block .section .h3 {
	font-size: 18px;
	position: relative;
	display: block;
	margin-bottom: 1em;
	font-weight: 300;
	text-align: center;
}
.ohanashi-block .section .h3:before {
	content: '';
	position: absolute;
	left: 50%;
	bottom: -7px;/*線の上下位置*/
	display: inline-block;
	width: 75px;/*線の長さ*/
	height: 2px;/*線の太さ*/
	-moz-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);/*位置調整*/
	background-color: #00bebd;/*線の色*/
}
.ohanashi-block .section .continue {
	display: block;
	color: #fff;
	background-color: #00bebd;
	padding: 5px 0 5px 15px;
	font-weight: 600;
	width: 100px;
	position: absolute;
	right: 20px;
	font-size: 12px;
}
.ohanashi-block .section .continue:hover {
	background-color: #2DE1E0;
}
.ohanashi-block .section .continue img {
	position: relative;
	left: 7px;
	top: 6px;
	max-width: 6px;
}
.ohanashi-block .section .ohanashi_inner {
	width: 90%;
	height: auto;
	padding: 30px 0;
	margin: 0 auto;
}
.ohanashi-block .section p {
}
/*#contents .ohanashi-block .section p.image {
	float: left;
	margin: 0;
	height: 220px;
}*/

}
/** voice-home-block **/
.voice-home-block h3 a, .voice-home-block h3 a:link, .voice-home-block h3 a:visited {
	text-decoration: underline;
	color: #555;
}
.voice-home-block h3 a:hover, .voice-home-block h3 a:focus, .voice-home-block h3 a:active {
	text-decoration: none;
}
.voice-home-block .link a, .voice-home-block .link a:link, .voice-home-block .link a:visited {
	text-decoration: underline;
	color: #555;
}
.voice-home-block .link a:hover, .voice-home-block .link a:focus, .voice-home-block .link a:active {
	text-decoration: none;
}
.voice-home-block .new .image {
	position: relative;
}
.voice-home-block .new .image:after {
	content: ' ';
	background: 0 100% url(../img/icon_new.png) no-repeat;
	background-size: 100% 100%;
	width: 72px;
	height: 50px;
	position: absolute;
	top: 0;
	right: 0;
}

@media screen and (min-width:  768px) {
.voice-home-block {
	padding-bottom: 100px;
	background: #fff;
	margin: 60px 0 0 0;
	text-align: center;
}
.voice-home-block .container .h3 {
	font-size: 24px;
	position: relative;
	display: inline-block;
	font-weight: 300;
}
.voice-home-block .container .h3:before {
	content: '';
	position: absolute;
	left: 50%;
	bottom: -7px;/*線の上下位置*/
	display: inline-block;
	width: 75px;/*線の長さ*/
	height: 2px;/*線の太さ*/
	-moz-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);/*位置調整*/
	background-color: #00bebd;/*線の色*/
}
.voice-home-block .link {
	padding: 3px 20px;
	margin: 0 20px;
	text-align: right;
}
.voice-home-block .link::before{
		content: url(../img/more.png);
		padding-right: 10px;
		position: relative;
		top: 3px;
	}

.voice-home-block .section {
	margin: 30px 20px;
	text-align: left;
}
.voice-home-block .section .item {
	background: #fff;
	width: 218px;
	margin: 0 5px;
	padding: 10px;
	border: solid 1px #ccc;
}
.voice-home-block .section .item h3 {
	margin: 5px 10px;
	font-weight: normal;
}
.voice-home-block .section .item p {
	margin: 0 10px;
}
.voice-home-block .section .item p.image {
	text-align: center;
}
.voice-home-block .section .item p.image img {
	width: 100%;
	height: auto;
}
}

@media screen and (max-width:  767px) {
.voice-home-block .section {
	background: #80dcdb;
	padding: 0 20px;
	margin: 0;
}
	.voice-home-block .container{
	text-align: center;
	}
	.voice-home-block .container .h3 {
	font-size: 24px;
	position: relative;
	display: inline-block;
	font-weight: 300;
	padding-top: 40px;
}
.voice-home-block .container .h3:before {
	content: '';
	position: absolute;
	left: 50%;
	bottom: -7px;/*線の上下位置*/
	display: inline-block;
	width: 75px;/*線の長さ*/
	height: 2px;/*線の太さ*/
	-moz-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);/*位置調整*/
	background-color: #00bebd;/*線の色*/
}
	.voice-home-block .section{
		margin-top: 40px;
	}

.voice-home-block .link {
	color: #555555;
	padding: 20px;
	margin: 0 0 30px 0;
	text-align: right;
}
.voice-home-block .link::before{
		content: url(../img/more.png);
		padding-right: 10px;
		position: relative;
		top: 3px;
	}
.voice-home-block .section .item {
	background: #fff;
	margin: 25px 0 0 0;
	border: solid 1px #82cac7;
	padding: 0 0 15px 0;
}
.voice-home-block .section .item h3 {
	margin: 0 15px 15px 15px;
	font-weight: normal;
}
.voice-home-block .section .item p {
	margin: 0 15px;
}
.voice-home-block .section .item p.image {
	margin: 15px;
}
}

/** buttons-block-second **/
@media screen and (min-width:  768px) {
.buttons-block-second-bg {
	background-image: url(../img/buttons-block-second_bg.jpg);
	background-position: center;
	height: 300px;
}
.buttons-block-second {
	display: table;
	border-collapse: separate;
	border-spacing: 20px;
	width: 1040px;
	margin: 0 auto;
}
.buttons-block-second ul li {
	display: table-cell;
	/*	background-image: url(../img/green_bg.jpg);*/
	width: 260px;
	height: 100px;
	text-align: center;
	vertical-align: middle;
}
.buttons-block-second ul {
	list-style: none;
	margin: 35px auto;
}
.buttons-block-second li a {
	display: block;
	width: 250px;
	height: 100px;
	color: #fff;
	text-decoration: none;
	padding: 30px 35px;
}
.buttons-block-second img {
	float: left;
	clear: both;
	position: relative;
	right: 10px;
	top: 10px;
}
.buttons-block-second .hotel_img {
	position: relative;
	top: 25px;
}
.buttons-block-second p {
	width: 170px;
	float: left;
	text-align: left;
	position: relative;
	left: 15px;
}
.cf_title {
	font-size: 18px;
	font-weight: 600;
	text-decoration: underline;
}
.buttons-block-second .banner4 {
	background-image: url(../img/collum_off.jpg);
}
.buttons-block-second .banner5 {
	background-image: url(../img/light_off.jpg);
}
.buttons-block-second .banner6 {
	background-image: url(../img/trimming_off.jpg);
}
.buttons-block-second .banner4:hover {
	background-image: url(../img/collum_on.jpg);
}
.buttons-block-second .banner5:hover {
	background-image: url(../img/light_on.jpg);
}
.buttons-block-second .banner6:hover {
	background-image: url(../img/trimming_on.jpg);
}
	.buttons-block-sp-two {
		display: none;
	}
}

@media screen and (max-width:  767px) {
.buttons-block-second {
	display: none;
}

.buttons-block-sp-two {
	display: inline-block;
	margin: 25px 0;
	padding: 40px auto;
	background: url(../img/buttons-block-second_bg.jpg);
	width: 100%;
}
	.buttons-block-sp-two ul{
		margin: 40px auto;
		text-align: center;
	}
.buttons-block-sp-two li{
	margin: 25px;
}
.buttons-block-sp-two li a:hover {
	opacity: 0.8;
}
	.buttons-block-sp-two img{
		max-width: 90%;
	}
}

/** service **/
.service-block h2{
	text-align: center;
}
.service-block .sub_h2 {
	text-align: center;
	font-size: 24px;
	position: relative;
	display: inline-block;
	margin-bottom: 1em;
	font-weight: 300;
	margin: 80px auto 50px auto;
}
.service-block .sub_h2:before {
	content: '';
	position: absolute;
	left: 50%;
	bottom: -7px;/*線の上下位置*/
	display: inline-block;
	width: 75px;/*線の長さ*/
	height: 2px;/*線の太さ*/
	-moz-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);/*位置調整*/
	background-color: #00bebd;/*線の色*/
}

.service-block .image{
	clear: both;
	margin: 40px auto;
}

.service-block p{
	width: 1000px;
}

@media screen and (min-width:  768px) {
.service-block .ope_left .inner {
	background: #fff;
	padding: 15px;
	width: 570px;
	margin-bottom: 10px;
}
#contents .service-block .inner ul.list, #contents .service-block .inner ul.link {
	margin-bottom: 0;
}
	.service-block .image_right{
		float: right;
		width: 300px;
		text-align: right;
	}

	.service-block .ope_left{
		width: 600px;
		float: left;
	}
	.service-block .ope_left h3{
		font-size: 18px;
		margin-top: 30px;
	}

	.service-block .ope_left p{
		width: 600px;
		margin-bottom: 30px;
        padding-left: 15px;
	}

	.service-block .image_right img{
		margin-bottom: 30px;
	}
}

@media screen and (max-width:  767px) {
	.service-block{
		padding: 10px;
	}

	.service-block p{
	width: 100%;
		margin: 0 auto;
		text-align: left;
}

.service-block .inner {
	background: #fff;
	padding: 15px;
	margin-bottom: 10px;
}
#contents .service-block .inner ul.list, #contents .service-block .inner ul.link {
	margin-bottom: 0 auto;
}
		.service-block ul{
	width: 100%;
		margin: 0 auto;
		text-align: left;
}
	#contents h2{
		margin: 40px auto 20px auto;
		padding: 0;
	}

	.service-block img{
		margin: 20px auto;
	}
	.service-block h3,
	.service-block h4{
		text-align: left;
		margin: 20px auto;
	}

}
/** .information-block **/
.information-block{
	margin: 0;
	padding: 0;
}
.information-block h3 {
	color: #00b7b6;
	font-weight: bold;
	padding: 25px 0;
	font-size: 116%;
}
#contents .information-block .tel {
	margin: 30px 0;
}

.information-block h2{
	text-align: center;
}
.information-block .sub_h2 {
	text-align: center;
	font-size: 24px;
	position: relative;
	display: inline-block;
	margin-bottom: 1em;
	font-weight: 300;
	margin: 80px auto 50px auto;
}
.information-block .sub_h2:before {
	content: '';
	position: absolute;
	left: 50%;
	bottom: -7px;/*線の上下位置*/
	display: inline-block;
	width: 75px;/*線の長さ*/
	height: 2px;/*線の太さ*/
	-moz-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);/*位置調整*/
	background-color: #00bebd;/*線の色*/
}

.information-block .link li:before {
 content: '';
	color: #db2f2f;
	position: relative;
	right: 10px;
}

@media screen and (min-width:  768px) {
.information-block .google-indoormap {
	float: right;
	margin: 25px 0 25px 25px;
}
.information-block .google-indoormap .inner {
	width: 500px;
	height: 300px;
}
.information-block .google-indoormap iframe {
	width: 100%;
	height: 100%;
	z-index: 99;
}
.information-block .google-map {
	float: right;
	margin: 0 0 25px 0;
	width: 500px;
	height: 300px;
}
.information-block .google-map .inner {
	width: 100%;
	height: 100%;
}
.information-block table.schedule-table {
	float: right;
	width: 440px;
	margin: 25px 0 0 0;
}
}

@media screen and (max-width:  767px)
{
	.information-block{
		padding: 10px;
	}

	.information-block .container{
		text-align: left;
	}
	.information-block .link li:before {
		content: none;
	}

.information-block .google-indoormap .inner {
	width: 100%;
	height: 300px;
}
.information-block .google-indoormap iframe {
	width: 100%;
	height: 100%;
}
.information-block .google-map {
	width: 100%;
	height: 300px;
}
.information-block .google-map .inner {
	width: 100%;
	height: 100%;
}
}
/** .staff-block **/
.staff-block h3 span {
	color: #000;
	font-weight: normal;
	font-size: 77%;
	margin-left: 15px;
}

@media screen and (min-width:  768px) {
.staff-block {
	margin-bottom: 50px;
}
.staff-block .image img {
	width: 220px;
	height: auto;
}
.staff-block .contents-section {
	padding: 0 90px 25px 90px;
}
}

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

/** medicine-block **/
@media screen and (min-width:  768px) {
	.medicine-block .contents-section{
		margin: 40px 0 0 0;
		padding: 0;
	}
}

#contents .dock-block{
	padding: 0 auto;
	margin: 0 auto;
}

@media screen and (max-width:  767px) {
}
/** dock-block **/
.dock-block .blue-area .inner {
	background: #fff;
}
.dock-block .white-area .inner {
	background: #f0fdfd;
}
#contents .dock-block .inner h3 {
	text-align: center;
	margin: 25px 0 0 0;
}
.dock-block .inner {
	background: #fff;
	padding: 25px;
}

@media screen and (min-width:  768px) {
.dock-block .courses {
	/*padding-left: 76px;*/
	margin: 0 auto;
	margin-bottom: 25px;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
}
.dock-block .courses .item {
	margin: 16px;
	width: 300px;
	float: left;
	background: #fff;
	padding: 16px;
	min-height: 130px;
}
.dock-block .courses .item h3 {
	margin-bottom: 16px;
	text-align: center;
}
.dock-block .course-table {
	/*margin-left: 90px;*/
	width: 800px;
    margin: 0 auto;
}
    .dock-block .course-table tr{
        
    }
    .dock-block .course-table td{
        padding: 10px 10px;
        width: 280px;
        vertical-align: middle;
    }
    .dock-block .course-table th{
        padding: 10px 10px;
        width: 280px;
        vertical-align: middle;
    }
    .dock-block .tax{
        padding-left: 110px;
    }
.dock-block .inner {
	margin: 0 90px;
}
	.dock-block .inner ol{}
}

@media screen and (max-width:  767px) {
.dock-block .courses {
	margin-bottom: 25px;
}
.dock-block .courses .item {
	margin: 25px 0;
	background: #fff;
	padding: 16px;
}
.dock-block .courses .item h3 {
	margin-bottom: 16px;
	text-align: center;
}
.dock-block .courses .item h3 img {
	width: 50%;
}
.dock-block .inner {
	margin: 0 0px;
}
.dock-block .course-table {
	font-size: 50%;
}
}
/* birth-campaign */
.dock-block .birth-campaign {
	background: #fff;
	margin: 20px 0;
	text-align: center;
	padding: 25px 10px;
	border: solid 5px #80dcdb;
}
#contents .dock-block .birth-campaign h3 {
	text-align: center;
	font-weight: bold;
	margin: 0 0 20px 0;
	color: #00b7b6;
}
#contents .dock-block .birth-campaign .price {
	font-weight: bold;
	color: #d76a62;
}

@media screen and (min-width:  768px) {
.dock-block .birth-campaign {
	margin: 20px 90px;
}
#contents .dock-block .birth-campaign h3 {
	font-size: 182%;
}
#contents .dock-block .birth-campaign .price {
	font-size: 182%;
}

#contents .dock-block .contents-section p{
		margin: 20px auto;
	}

	#contents .dock-block .contents-section{
		padding-bottom: 80px;
	}
}

@media screen and (max-width:  767px) {
.dock-block .birth-campaign {
	margin: 20px 0px;
}
#contents .dock-block .birth-campaign h3 {
	font-size: 131%;
}
#contents .dock-block .birth-campaign .price {
	font-size: 131%;
}
}
/** hotel-block **/
.hotel-block{
	padding-bottom: 0;
}
.hotel-block .inner {
	background: #fff;
	padding: 25px;
}

@media screen and (min-width:  768px) {
.hotel-block .hotel-price {
	width: 570px;
	margin-bottom: 15px;
}
.hotel-block .hotel-discount {
	width: 570px;
	margin-bottom: 15px;
}
.hotel-block p {
	width: 570px;
}
.hotel-block p.image {
	width: inherit;
}
.firstbox p{
	width: 1000px;
}
.firstbox .image01{
		margin: 30px auto;
		text-align: center;
	}

	.firstbox img{
		margin: 30px auto;
		text-align: center;
	}

.hotel-block {
	width: inherit;
}
.hotel-block .inner {
	margin: 0 90px;
}
}

@media screen and (max-width:  767px) {
	.hotel-block{
		margin: 10px;
	}

	.hotel-block p{
		text-align: left;
		margin: 10px auto;
	}

	.hotel-block img{
		margin: 20px auto;
	}
	.contents-section .container{
		width: 95%;
		padding:10px;
	}

	.contents-section p{
		text-align: left;
		margin: 10px auto;
	}

	.contents-section li{
		text-align: left;
		margin: 10px auto;
	}

	.contents-section img{
		margin: 20px auto;
	}

}
/** trimming-block **/
.trimming-block .google-calendar h3 {
	margin-bottom: 10px;
}
.trimming-block .google-calendar iframe {
	width: 100%;
	height: 100%;
}
#contents .trimming-block .google-calendar p.note {
	font-size: 85%;
	margin: 5px;
}
#contents .trimming-block .option h3 {
	color: #00bebd;
	font-weight: bold;
	font-size: 100%;
	margin-top: 15px;
}

@media screen and (min-width:  768px) {
.trimming-block .google-calendar {
	float: right;
	margin-left: 50px;
}
.trimming-block .google-calendar .inner {
	width: 460px;
	height: 400px;
}
.trimming-block .trimming-price-wrapper {
	padding: 0 90px;
}
table.trimming-price {
	width: 760px;
	margin-bottom: 10px;
}

.trimming-block .service li {
	float: left;
	width: 235px;
	padding-right: 17px;
	text-align: center;
}
	.trimming-block .service li:last-child{
		padding-right: 0px;
	}

.trimming-block .option {
	background: #fff;
	padding: 10px 25px;
	margin: 0 90px;
}
.youtube_tb{
	width: 60%;
		text-align: center;
	margin: 0 auto;
	}

.youtube {
	display: inline-block;
	width: 480px;
	height: 270px;
	margin: 0px 15px 30px 0px;
}
.youtube iframe {
	width: 100% !important;
	height: 100% !important;
}
.trimming-block .button {
	text-align: center;
}
}

@media screen and (max-width:  767px) {
.trimming-block .google-calendar {
	margin-bottom: 25px;
}
.trimming-block .google-calendar .inner {
	width: 100%;
	height: 300px;
}
table.trimming-price {
	margin-bottom: 10px;
}
.trimming-block .service li {
	text-align: center;
	margin-bottom: 15px;
}
.trimming-block .option {
	background: #fff;
	padding: 25px;
}
table.trimming-price {
	font-size: 80%;
}
.youtube_tb{
	width: auto;
		margin: 10px;
	}

.youtube {
	position: relative;
	width: 100%;
	padding-bottom: 56.25%;
	margin: 20px 0;
}
.youtube iframe {
	width: 100% !important;
	height: 100% !important;
	position: absolute;
	top: 0;
	left: 0;
}
.trimming-block .button {
	text-align: center;
}
.trimming-block .button img {
	width: 50%;
}
}
/** junkanki-block **/
.junkanki-block h3 {
	margin: 20px 0 10px 0;
}
.junkanki-block .blue-box h3 {
	margin: 10px 0;
}
.junkanki-block .blue-box ul {
	margin: 10px 0;
}
.junkanki-block .blue-box {
	background: #f0fdfd;
	padding: 5px 15px;
	margin: 15px 0;
}

@media screen and (min-width:  768px) {
.junkanki-block .blue-box {
	width: 570px;
}
	.junkanki-block .inner{
		width: 570px;
	}
	.junkanki-block .image{
		float: right;
	}
}

@media screen and (max-width:  767px) {
}
/** shuyou-block **/
.shuyou-block{
	margin-top: 60px;
}

.shuyou-block h3 {
	margin: 20px 0 10px 0;
}
.shuyou-block .blue-box h3 {
	margin: 10px 0;
}
.shuyou-block .blue-box ul {
	margin: 10px 0;
}
.shuyou-block .blue-box {
	background: #f0fdfd;
	padding: 5px 15px;
	margin: 15px 0;
}

@media screen and (min-width:  768px) {
.shuyou-block .blue-box {
	width: 570px;
}
	.shuyou-block .inner{
		width: 570px;
		float: left;
	}
	.shuyou-block .image{
		float: right;
	}
}

@media screen and (max-width:  767px) {
}
/** equipment-block **/
.equipment-block .white {
	background: #fff;
}
.equipment-block .lightblue {
	background: #eee;
}
.equipment-block .blue {
	background: #b6f2f2;
}
.equipment-block .darkblue {
	background: #80dcdb;
}
.equipment-block .white h3, .equipment-block .lightblue h3, .equipment-block .blue h3 {
	color: #009897;
}
.equipment-block .darkblue h3 {
	color: #fff;
}

@media screen and (min-width:  768px) {
.equipment-block {
	margin: 0 0 50px 0;
	padding-bottom: 50px;
}
.equipment-block .item-l {
	width: 468px;
	float: left;
}
.equipment-block .item {
	width: 312px;
	float: left;
}
#contents .equipment-block h3 {
	text-align: center;
	font-size: 131%;
	font-weight: bold;
}
#contents .equipment-block .item-l p {
	margin: 0 30px 25px 30px;
}
#contents .equipment-block .item p {
	margin: 0 30px 15px 30px;
}
#contents .equipment-block .item-l p.image {
	text-align: center;
	margin: 35px 0 10px 0;
}
#contents .equipment-block .item p.image {
	text-align: center;
	margin: 25px 0 10px 0;
}
}

@media screen and (max-width:  767px) {
.equipment-block {
}
#contents .equipment-block h3 {
	text-align: center;
	font-size: 131%;
	font-weight: bold;
}
#contents .equipment-block p {
	padding: 0 15px 15px 15px;
}
#contents .equipment-block p.image {
	text-align: center;
	padding: 15px;
	margin: 0;
}
}
/** recruit-block **/

.qa-list {
}
.qa-list .item {
  margin-bottom: 50px;
}
.qa-list .q {
  background: #00b7b6;
  color: #fff;
  padding: 15px 20px;
  font-size: 1.125rem;
  border-radius: 25px;
}
.qa-list .a {
  padding: 15px 20px;
}
.qa-list .q:before {
  content: 'Q.';
  font-size: 1.875rem;
  margin-right: 5px;
}
.qa-list .a:before {
  content: 'A.';
  font-size: 1.875rem;
  margin-right: 5px;
 color: #00b7b6;
}
.qa-list .a span{
	font-weight: 600;
}
.qa-list .a span::before {
	content: "●";
	padding-right: 15px;
	color: #06b3b1;
}

.recruit-block-03 {
	text-align: center;
}
.recruit-block-03 a, .recruit-block a:link, .recruit-block a:visited {
	color: #00b7b6;
	text-decoration: underline;
}
.recruit-block-03 a:hover, .recruit-block a:focus, .recruit-block a:active {
	color: #00b7b6;
	text-decoration: none;
}
.recruit-block-04{
    overflow: hidden:
}
@media screen and (min-width:  768px) {
	.recruit-block-01 {
	background: #fff;
	background-image: url(../img/recruit_back.jpg);
	background-repeat: no-repeat;
	background-position: center;
	overflow: hidden;
	padding-bottom: 70px;
}

.recruit-block-01 .h2_2 {
	font-size: 24px;
	font-weight: 300;
}
.recruit-block-01 .h2_2::before {
	content: "●";
	padding-right: 15px;
	color: #06b3b1;
}
.recruit-block-01 p {
	width: 40%;
}

.recruit-block-03 dl {
	position: relative;
	margin: 60px 0 60px 200px;
}
.recruit-block-03 dt {
	text-align: right;
	position: absolute;
	width: 200px;
	padding: 5px 0;
}
.recruit-block-03 dd {
	text-align: left;
	padding: 5px 0 5px 20px;
	border-left: solid 2px #00b7b6;
	margin-left: 220px;
}
}

@media screen and (max-width:  767px) {
	.recruit-block-01 {
	background: #fff;
	background-image: url(../img/sp_recruit_back.jpg);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: bottom right;
	overflow: hidden;
	padding: 0 10px 250px 10px;
}
.recruit-block-01 .h2_2 {
	font-size: 24px;
	font-weight: 300;
}
.recruit-block-01 .h2_2::before {
	content: "●";
	padding-right: 15px;
	color: #06b3b1;
}

.recruit-block-03 {
}
.recruit-block-03 dl {
	border-bottom: solid 1px #00b7b6;
	padding: 20px 0;
	margin: 20px 0;
}
.recruit-block-03 dt {
	font-weight: bold;
	text-align: left;
}
.recruit-block-03 dd {
	text-align: left;
	padding: 0 0 10px 0;
	margin-bottom: 10px;
}
.recruit-block-03 .image {
	padding: 0 0 0px 0;
}
}
/** archives-block **/
.archives-block .inner {
	background: #fff;
	padding: 5px 15px;
}
#contents .archives-block p {
	margin: 10px 0;
	padding: 0 0 10px 0;
	background: url(../img/line_news.png) repeat-x 0 100%;
}
#contents .archives-block p:last-child {
	background: none;
	padding: 0;
}
#contents .archives-block .date {
	color: #00bebd;
	font-weight: bold;
	margin-right: 10px;
}
#contents .archives-block a, #contents .archives-block a:link, #contents .archives-block a:visited {
	color: #686256;
	text-decoration: underline;
}
#contents .archives-block a:hover, #contents .archives-block a:focus, #contents .archives-block a:active {
	text-decoration: none;
}
#contents .archives-block .pagination {
	text-align: center;
}
#contents .archives-block .pagination h2 {
	margin: 0;
	padding: 0;
	text-align: center;
	font-weight: normal;
}
#contents .archives-block .pagination .nav-links a, #contents .archives-block .pagination .nav-links span {
	margin: 0 5px;
}
.archives-block .pagination .nav-links a, .archives-block .pagination .nav-links a:link, .archives-block .pagination .nav-links a:visited {
	color: #686256;
	text-decoration: underline;
}
.archives-block .pagination .nav-links a:hover, .archives-block .pagination .nav-links a:focus, .archives-block .pagination .nav-links a:active {
	text-decoration: none;
}

@media screen and (min-width:  768px) {
.archives-block .inner {
	margin: 0 90px 50px 90px;
}
}

@media screen and (max-width:  767px) {
.archives-block .inner {
	margin: 0;
}
}
/** single-block **/
.single-block .side .inner {
	background: #fff;
	padding: 5px 15px;
}
.single-block .side h3 {
	color: #00bebd;
	font-weight: bold;
	margin: 15px 0;
	padding: 0 0 10px 0;
	background: url(../img/line_news.png) repeat-x 0 100%;
}
.single-block .side li {
	margin: 10px 0;
	padding: 0 0 10px 0;
	background: url(../img/line_news.png) repeat-x 0 100%;
}
.single-block .side li:last-child {
	background: none;
	padding: 0;
}
.single-block .side p.link {
	text-align: center;
	padding: 10px 0;
}
#contents .single-block .side a, #contents .single-block .side a:link, #contents .single-block .side a:visited {
	color: #686256;
	text-decoration: underline;
}
#contents .single-block .side a:hover, #contents .single-block .side a:focus, #contents .single-block .side a:active {
	text-decoration: none;
}
.single-block .content .inner {
	background: #fff;
	padding: 25px;
}
.single-block .content h3.title {
	background: #f0fafa; 
  border-left: 6px solid #06b3b1;
  color: #333;
  font-size: 1.4em;
  font-weight: bold;
  padding: 10px 15px;
  margin: 30px 0 15px;
  border-radius: 4px;
  margin: 0;
}
.single-block .content h3.title span {
	margin-left: 10px;
}
.single-block .content h4 {
  color: #06b3b1;
  font-size: 1.18em;
  font-weight: bold;
  padding-bottom: 6px;
  margin: 24px 0 12px;
  border-bottom: 3px dotted #06b3b1;
  position: relative;
  padding-left: 10px;
}
.single-block .content h5 {
  color: #06b3b1;
  font-size: 1.05em;
  font-weight: bold;
  margin: 18px 0 8px;
  padding-bottom: 4px;
  border-bottom: 1px solid #b8e7ef;
  position: relative;
  padding-left: 10px;
}
.single-block .content .body {
	overflow: hidden;
    margin-top: 20px;
}
#contents .single-block .content .body p {
	margin-bottom: 1em;
}
#contents .single-block .paging {
	text-align: center;
	margin: 5px 0;
}
#contents .single-block .paging a {
	margin: 0 5px;
}
#contents .single-block .paging a, #contents .single-block .paging a:link, #contents .single-block .paging a:visited {
	color: #686256;
	text-decoration: underline;
}
#contents .single-block .paging a:hover, #contents .single-block .paging a:focus, #contents .single-block .paging a:active {
	text-decoration: none;
}

@media screen and (min-width:  768px) {
.single-block .side {
	float: right;
	width: 250px;
}
.single-block .content {
	width: 670px;
	float: left;
}
}

@media screen and (max-width:  767px) {
.single-block .side {
}
.single-block .content {
}
}

/** .form-block **/
.grecaptcha-badge {
  margin: 20px auto;
}
@media screen and (min-width:  768px) {
.form-block {
	margin: 80px 0;
}
.form-block .input-block {
	position: relative;
	padding-left: 400px;
	margin-bottom: 15px;
}
.form-block .input-block p.caption {
	position: absolute;
	top: 0;
	left: 0;
	width: 300px;
	text-align: right;
	font-weight: bold;
}
.form-block .input-block p.note {
	font-size: 85%;
}
.form-block .input-block p.error, .form-block .input-block p.notice {
	color: #fe0101;
}
.form-block input.text-s {
	width: 50px;
}
.form-block input.text-m {
	width: 220px;
}
.form-block input.text-l {
	width: 360px;
}
.form-block .input-block textarea {
	border: solid 1px #999;
	width: 360px;
	height: 120px;
}
.form-block .button {
	text-align: center;
	margin: 30px 0 0 0;
}
.form-block .button .ajax-loader {
	display: block;
	margin: 5px auto;
}
.form-block .button input.send {
	width: 300px;
	height: 65px;
	border: none;
	background: url(../img/button_send.png) no-repeat;
	cursor: pointer;
}
.form-block .button input.confirm {
	width: 300px;
	height: 65px;
	border: none;
	background: url(../img/button_confirm.png) no-repeat;
	cursor: pointer;
}
.form-block .inner .caption-after {
	margin-right: 20px;
}
.form-block.thanks {
	text-align: center;
}
.wpcf7c-conf {
	background-color: #fff !important;
	color: black !important;
	border: solid 1px #ddd !important;
}
div.wpcf7-validation-errors {
	color: #fe0101;
}
div.wpcf7-response-output {
	border: none !important;
	text-align: center !important;
	margin: 20px 0 0 0 !important;
	padding: 0 !important;
}
#contents .form-block p.form-note {
	margin: 10px 0;
	padding: 0 200px;
}
}

@media screen and (max-width:  767px) {
.form-block {
	margin-top: 40px;
}
.form-block .input-block p.caption {
	font-weight: bold;
	margin-top: 20px;
}
.form-block input.text-s {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	width: 10%;
	padding: 0px;
}
.form-block input.text-m {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	width: 70%;
	padding: 0px;
}
.form-block input.text-l {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	width: 100%;
	padding: 0px;
}
.form-block .input-block textarea {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	border: solid 1px #999;
	width: 100%;
	height: 40px;
	padding: 0px;
}
.form-block .button {
	text-align: center;
	margin: 30px 0;
}
.form-block .button .ajax-loader {
	width: 5%;
	aito: 0;
}
.form-block .button input.send {
	width: 100%;
	height: auto;
	border: none;
	background: url(../img/sp_button_send.png) no-repeat;
 padding-bottom: calc(100%*196/861);
	background-size: 100% auto;
}
.form-block .button input.confirm {
	width: 100%;
	height: auto;
	border: none;
	background: url(../img/sp_button_confirm.png) no-repeat;
 padding-bottom: calc(100%*196/861);
	background-size: 100% auto;
}
.form-block.thanks {
	text-align: center;
}
.wpcf7c-conf {
	background-color: #fff !important;
	color: black !important;
	border: none !important;
}
.form-block .form-note {
	text-align: center;
	margin: 10px 0;
}
}

@media screen and (min-width:  768px) {
body#coupon {
}
}

@media screen and (max-width:  767px) {
body#coupon img {
	width: 100%;
	height: auto;
}
}
/*#contents .voice-block h2 {
/*	background: 0 50% url(../img/line_heading_voice.png) repeat-x;
	padding: 0;
	margin: 0;
	text-align: center;
}
.voice-block h2 span {
	font-weight: normal;
	background: #fff 20px 50% url(../img/icon_heading_voice.png) no-repeat;
	background-size: 26px 22px;
	padding: 2px 20px 0 60px;
	font-size: 182%;
}*/
.white-lightblue-area:nth-child(even) h2 span {
	background: #eee;
}
#contents .voice-block .new .image {
	position: relative;
}
#contents .voice-block .new .image:after {
	content: ' ';
	background: 0 100% url(../img/icon_new.png) no-repeat;
	background-size: 100% 100%;
	width: 72px;
	height: 50px;
	position: absolute;
	top: 0;
	right: 0;
}

@media screen and (min-width:  768px) {
.voice-block .container {
}
#contents .voice-block h2 {
	margin-bottom: 50px;
}
}

@media screen and (max-width:  767px) {
.voice-block .container {
	padding-top: 20px;
}
#contents .voice-block h2 {
	margin-bottom: 20px;
}
/*.voice-block h2 span {
	font-weight: normal;
	background: #fff 5px 50% url(../img/icon_heading_voice.png) no-repeat;
	background-size: 26px 22px;
	padding: 2px 5px 0 35px;
	font-size: 131%;
}*/
.voice-block .image {
	padding: 0;
}

		img{
		width: 100%;
	}

}
.white-area h2{
	text-align: center;
	margin: 0 auto;
}

.white-area .sub_h2 {
	text-align: center;
	font-size: 24px;
	position: relative;
	display: inline-block;
	margin-bottom: 1em;
	font-weight: 300;
	margin: 80px auto 50px auto;
}
.white-area .sub_h2:before {
	content: '';
	position: absolute;
	left: 50%;
	bottom: -7px;/*線の上下位置*/
	display: inline-block;
	width: 75px;/*線の長さ*/
	height: 2px;/*線の太さ*/
	-moz-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);/*位置調整*/
	background-color: #00bebd;/*線の色*/
}

.blue-area h2{
	text-align: center;
	margin: 0 auto;
}

.blue-area .sub_h2 {
	text-align: center;
	font-size: 24px;
	position: relative;
	display: inline-block;
	margin-bottom: 1em;
	font-weight: 300;
	margin: 80px auto 50px auto;
}
.blue-area .sub_h2:before {
	content: '';
	position: absolute;
	left: 50%;
	bottom: -7px;/*線の上下位置*/
	display: inline-block;
	width: 75px;/*線の長さ*/
	height: 2px;/*線の太さ*/
	-moz-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);/*位置調整*/
	background-color: #00bebd;/*線の色*/
}

.white-lightblue-area h2{
	text-align: center;
	margin: 0 auto;
}
.white-lightblue-area .sub_h2 {
	text-align: center;
	font-size: 24px;
	position: relative;
	display: inline-block;
	margin-bottom: 1em;
	font-weight: 300;
	margin: 80px auto 50px auto;
}
.white-lightblue-area .sub_h2:before {
	content: '';
	position: absolute;
	left: 50%;
	bottom: -7px;/*線の上下位置*/
	display: inline-block;
	width: 75px;/*線の長さ*/
	height: 2px;/*線の太さ*/
	-moz-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);/*位置調整*/
	background-color: #00bebd;/*線の色*/
}

.lightblue-area h2{
	text-align: center;
	margin: 0 auto;
}

.lightblue-area .sub_h2 {
	text-align: center;
	font-size: 24px;
	position: relative;
	display: inline-block;
	margin-bottom: 1em;
	font-weight: 300;
	margin: 80px auto 50px auto;
}
.lightblue-area .sub_h2:before {
	content: '';
	position: absolute;
	left: 50%;
	bottom: -7px;/*線の上下位置*/
	display: inline-block;
	width: 75px;/*線の長さ*/
	height: 2px;/*線の太さ*/
	-moz-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);/*位置調整*/
	background-color: #00bebd;/*線の色*/
}

@media screen and (max-width:  767px) {
	.white-area h2{
	text-align: center;
	margin: 0 auto;
}

.white-area .sub_h2 {
	text-align: center;
	font-size: 24px;
	position: relative;
	display: inline-block;
	margin-bottom: 1em;
	font-weight: 300;
	margin: 40px auto 20px auto;
}
.white-area .sub_h2:before {
	content: '';
	position: absolute;
	left: 50%;
	bottom: -7px;/*線の上下位置*/
	display: inline-block;
	width: 75px;/*線の長さ*/
	height: 2px;/*線の太さ*/
	-moz-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);/*位置調整*/
	background-color: #00bebd;/*線の色*/
}

.blue-area h2{
	text-align: center;
	margin: 0 auto;
}

.blue-area .sub_h2 {
	text-align: center;
	font-size: 24px;
	position: relative;
	display: inline-block;
	margin-bottom: 1em;
	font-weight: 300;
	margin: 40px auto 20px auto;
}
.blue-area .sub_h2:before {
	content: '';
	position: absolute;
	left: 50%;
	bottom: -7px;/*線の上下位置*/
	display: inline-block;
	width: 75px;/*線の長さ*/
	height: 2px;/*線の太さ*/
	-moz-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);/*位置調整*/
	background-color: #00bebd;/*線の色*/
}

.white-lightblue-area h2{
	text-align: center;
	margin: 0 auto;
}
.white-lightblue-area .sub_h2 {
	text-align: center;
	font-size: 24px;
	position: relative;
	display: inline-block;
	margin-bottom: 1em;
	font-weight: 300;
margin: 40px auto 20px auto;
}
.white-lightblue-area .sub_h2:before {
	content: '';
	position: absolute;
	left: 50%;
	bottom: -7px;/*線の上下位置*/
	display: inline-block;
	width: 75px;/*線の長さ*/
	height: 2px;/*線の太さ*/
	-moz-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);/*位置調整*/
	background-color: #00bebd;/*線の色*/
}

.lightblue-area h2{
	text-align: center;
	margin: 0 auto;
}

.lightblue-area .sub_h2 {
	text-align: center;
	font-size: 24px;
	position: relative;
	display: inline-block;
	margin-bottom: 1em;
	font-weight: 300;
margin: 40px auto 20px auto;
}
.lightblue-area .sub_h2:before {
	content: '';
	position: absolute;
	left: 50%;
	bottom: -7px;/*線の上下位置*/
	display: inline-block;
	width: 75px;/*線の長さ*/
	height: 2px;/*線の太さ*/
	-moz-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);/*位置調整*/
	background-color: #00bebd;/*線の色*/
}


}
.red {
	color: #d76a62;
}
@media screen and (min-width:  768px) {
  #contents .trimming-block ul.items {
    display: flex;
    display:-webkit-flex;
    justify-content: space-between;
    margin:10px auto 30px auto;
  }
  #contents .trimming-block ul.items li {
    background: #06b3b1;
    color: #fff;
    padding: 15px;
    width: 490px;
    box-sizing: border-box;
  }
  #contents .trimming-block ul.items li .img {
    margin: -15px -15px 15px -15px;
  }
  #contents .trimming-block ul.items li h4 {
    border-bottom: solid 1px #fff;
    padding-bottom: 10px;
    margin-bottom: 10px;
    font-size: 110%;
    text-align: center;
  }
}
@media screen and (max-width:  767px) {
  #contents .trimming-block ul.items {
    margin: 20px 0;
  }
  #contents .trimming-block ul.items li {
    background: #06b3b1;
    color: #fff;
    padding: 10px;
  }
  #contents .trimming-block ul.items li .img {
    margin: -10px -10px 10px -10px;
  }
  #contents .trimming-block ul.items li .img img {
    margin: 0;
  }
  #contents .trimming-block ul.items li h4 {
    border-bottom: solid 1px #fff;
    padding-bottom: 10px;
    margin-bottom: 10px;
    text-align: center;
  }
}


@media screen and (min-width:  768px) {
  #contents .trimming-block ul.items_left {
    display: flex;
    display:-webkit-flex;
    justify-content: space-between;
    margin:10px auto 30px auto;
  }
  #contents .trimming-block ul.items_left li {
    background: #06b3b1;
    color: #fff;
    padding: 15px;
    width: 490px;
    box-sizing: border-box;
  }
  #contents .trimming-block ul.items_left li .img {
    margin: -15px -15px 15px -15px;
  }
  #contents .trimming-block ul.items_left li h4 {
    border-bottom: solid 1px #fff;
    padding-bottom: 10px;
    margin-bottom: 10px;
    font-size: 110%;
    text-align: left;
  }
}
@media screen and (max-width:  767px) {
  #contents .trimming-block ul.items_left {
    margin: 20px 0;
  }
  #contents .trimming-block ul.items_left li {
    background: #06b3b1;
    color: #fff;
    padding: 10px;
  }
  #contents .trimming-block ul.items_left li .img {
    margin: -10px -10px 10px -10px;
  }
  #contents .trimming-block ul.items_left li .img img {
    margin: 0;
  }
  #contents .trimming-block ul.items_left li h4 {
    border-bottom: solid 1px #fff;
    padding-bottom: 10px;
    margin-bottom: 10px;
    text-align: center;
  }
}
/*@media screen and (min-width:  768px) {
  #contents .trimming-block .option ul.items {
    display: flex;
    display:-webkit-flex;
    justify-content: space-between;
    margin: 30px 0;
  }
  #contents .trimming-block .option ul.items li {
    background: #06b3b1;
    color: #fff;
    padding: 15px;
    width: 370px;
    box-sizing: border-box;
  }
  #contents .trimming-block .option ul.items li .img {
    margin: -15px -15px 15px -15px;
  }
  #contents .trimming-block .option ul.items li h4 {
    border-bottom: solid 1px #fff;
    padding-bottom: 15px;
    margin-bottom: 15px;
    font-size: 153.9%;
    text-align: center;
  }
}
@media screen and (max-width:  767px) {
  #contents .trimming-block .option ul.items {
    margin: 20px 0;
  }
  #contents .trimming-block .option ul.items li {
    background: #06b3b1;
    color: #fff;
    padding: 10px;
  }
  #contents .trimming-block .option ul.items li .img {
    margin: -10px -10px 10px -10px;
  }
  #contents .trimming-block .option ul.items li .img img {
    margin: 0;
  }
  #contents .trimming-block .option ul.items li h4 {
    border-bottom: solid 1px #fff;
    padding-bottom: 10px;
    margin-bottom: 10px;
    text-align: center;
  }
}*/
.instagram-block{
	padding-bottom: 60px;
}
.instagram-block h2{
	text-align: center;
}
.instagram-block .sub_h2 {
	text-align: center;
	font-size: 24px;
	position: relative;
	display: inline-block;
	margin-bottom: 1em;
	font-weight: 300;
	margin: 80px auto 50px auto;
}
.instagram-block .sub_h2:before {
	content: '';
	position: absolute;
	left: 50%;
	bottom: -7px;/*線の上下位置*/
	display: inline-block;
	width: 75px;/*線の長さ*/
	height: 2px;/*線の太さ*/
	-moz-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);/*位置調整*/
	background-color: #00bebd;/*線の色*/
}


.recent-block>div {
  background: #fff;
}
.recent-block h3 {
  text-align: center;
}
.recent-block ul {
  margin: 0px 7px 7px 7px;
  padding: 5px 0;
  background: #eee;
}
.recent-block ul li a {
  color: #000;
  text-decoration: none;
  display: block;
  margin: 10px;
  border-bottom: dotted 1px #05a2a1;
  display: flex;
  display:-webkit-flex;
  justify-content: space-between;
  text-align: left;
}
.recent-block ul li .date {
  width: 12em;
  display: block;
  background: #05a2a1;
  color: #fff;
  padding: 5px 0;
  box-sizing: border-box;
  text-align: center;
  margin: 0 10px 0 0;
}
.recent-block ul li .title {
  display: block;
  width: calc(100% - 12em);
  padding: 5px 0;
  box-sizing: border-box;
}
.recent-block .button {
  text-align: right;
  margin: 0 !important;
  padding: 0px 7px 7px 7px;
}
@media screen and (min-width:  768px) {
  .recent-block {
    width: 1000px;
    margin: 00px auto;
    padding: 30px 0;
    box-sizing: border-box;

    display: flex;
    display:-webkit-flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
  }
  .recent-block>div {
    width: 480px;
  }

  .recent-block li a {
    display: block;
  }
  .recent-block a:hover {
    opacity: 0.8;
  }
  .recent-block h3 {
    line-height: 75px;
    background: #eee;
    margin: 0 7px;
  }
}
@media screen and (max-width:  767px) {
  .recent-block>div {
    margin: 10px;
  }
  .recent-block h3 img {
    height: 40px !important;
    width: auto !important;
    margin: 5px 0 !important;
  }
  .recent-block .button img {
    width: 30% !important;
  }
}










.single-block .kanren {
  background: #fff;
}
.single-block .kanren h3 {
  text-align: center;
}
.single-block .kanren ul {
  margin: 0px 7px 7px 7px;
  padding: 5px 0;
}
.single-block .kanren ul li a {
  color: #000;
  text-decoration: none;
  display: block;
  margin: 10px;
  border-bottom: dotted 1px #05a2a1;
  display: flex;
  display:-webkit-flex;
  justify-content: space-between;
  text-align: left;
}
.single-block .kanren ul li .date {
  width: 12em;
  display: block;
  background: #05a2a1;
  color: #fff;
  padding: 5px 0;
  box-sizing: border-box;
  text-align: center;
  margin: 0 10px 0 0;
}
.single-block .kanren ul li .title {
  display: block;
  width: calc(100% - 12em);
  padding: 5px 0;
  box-sizing: border-box;
}
.single-block .kanren .button {
  text-align: right;
  margin: 0 !important;
  padding: 0px 7px 7px 7px;
}
@media screen and (min-width:  768px) {
  .single-block .kanren {
    margin: 30px 0;
    box-sizing: border-box;
  }
  .single-block .kanren li a {
    display: block;
  }
  .single-block .kanren a:hover {
    opacity: 0.8;
  }
  .single-block .kanren h3 {
    color: #05a2a1;
    font-size: 150%;
    font-weight: bold;
    text-decoration: underline;
    padding: 10px 0;
  }
}
@media screen and (max-width:  767px) {
  .single-block .kanren>div {
    margin: 10px;
  }
  .single-block .kanren h3 {
    color: #05a2a1;
    font-size: 150%;
    font-weight: bold;
    text-decoration: underline;
    padding: 10px 0;
  }
  .single-block .kanren .button img {
    width: 30% !important;
  }
}

/*shituke*/
.shituke-block{
    margin-bottom: 60px;
}
.shituke-block h2{
	text-align: center;
}
.shituke-block .sub_h2 {
	text-align: center;
	font-size: 24px;
	position: relative;
	display: inline-block;
	margin-bottom: 1em;
	font-weight: 300;
	margin: 80px auto 50px auto;
}
.shituke-block .sub_h2:before {
	content: '';
	position: absolute;
	left: 50%;
	bottom: -7px;/*線の上下位置*/
	display: inline-block;
	width: 75px;/*線の長さ*/
	height: 2px;/*線の太さ*/
	-moz-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);/*位置調整*/
	background-color: #00bebd;/*線の色*/
}
.shituke-block p{
    font-size: 1.1em;
}

#contents .shituke-block h3 {
	color: #00bebd;
	font-weight: bold;
	font-size: 150%;
	margin-bottom: 15px;
    border-left: solid 5px #00bebd;
    padding-left: 0.8em;
}
#contents .shituke-block .kunrenshi {
	color: #00bebd;
	font-weight: bold;
	font-size: 130%;
	margin-bottom: 15px;
}
.shituke-block .box1 {
    margin: 2em 0;
    background: #daf8f8;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.22);
}
.shituke-block .box1 .box1-title {
    font-size: 1.5em;
    background: #06b3b1;
    padding: 4px;
    text-align: center;
    color: #FFF;
    font-weight: bold;
    letter-spacing: 0.05em;
}
.shituke-block .box1 p {
    padding: 15px 20px;
    margin: 0;
    font-size: 1.1em;
}
.shituke-block .box2 {
    margin: 2em 0;
    background: #daf8f8;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.22);
}
.shituke-block .box2 .box2-title {
    font-size: 1.5em;
    background: #06b3b1;
    padding: 4px;
    text-align: center;
    color: #FFF;
    font-weight: bold;
    letter-spacing: 0.05em;
}
.shituke-block .box2 .box2-title span.time{
    font-size: 0.8em;
}
.shituke-block .box2 p {
    padding: 15px 20px;
    margin: 0;
    font-size: 1.1em;
}

@media screen and (min-width:  768px) {
    .shituke-block .left-img {
        width: 380px;
        float: left;
    }
    .shituke-block .right-text{
    }
    table.shituke-class tbody th {
    width: 250px;
	background: #06b3b1;
	border: solid 1px #fff;
	font-weight: normal;
	padding: 10px;
	color: #fff;
    vertical-align: middle;
	text-align: center;
	font-size: 20px;
}
    table.shituke-class tbody td {
     padding: 10px;
    }
    .shituke-block .shituke-box {
        display: flex;
        justify-content: space-between;
    }
    .shituke-block .box1{
        width: 1000px;
    }
    .shituke-block .box2{
        width: 480px;
    }
}
@media screen and (max-width:  767px) {
    .shituke-block{
        margin: 0 10px 60px 10px;
    }
    .shituke-block p{
        text-align: left;
    }
    table.shituke-class tbody th {
	background: #06b3b1;
	border: solid 1px #fff;
	font-weight: normal;
	padding: 8px 0;
	color: #fff;
	text-align: center;
}
    table.shituke-class.last td:last-child {
    border-bottom: solid 1px #ccc;
    width: 100%;
  }
  table.shituke-class th,
  table.shituke-class td {
　　border-bottom: none;
    display: block;
    width: 100%;
  }
}

.btn-column a{
  display: inline-block;
  font-size: 150%;
  padding: 0.3em 1em;
  text-decoration: none;
  color: #ffffff;
  border: solid 2px #06b3b1;
  background: #06b3b1;
  border-radius: 3px;
  transition: .4s;
  text-align: center;
    margin: 0 auto;
}

.btn-column a:hover {
  background: #ffffff;
  color: #06b3b1;
}
.btn-column {
    text-align: center;
    padding-top: 20px;
}
/*menu-dropdown*/
@media screen and (min-width:  768px) {
#menu{
  list-style-type: none;
  width: 600px;
  height: 90px;
  margin: 0 auto;
  padding: 0;
}
#menu li{
  position: relative;
  float: left;
  margin: 0;
  padding: 0;
  text-align: center;

}
#menu li a{
  display: block;
  margin: 0;
  padding: 39px 10px 38px 10px;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  line-height: 0.9;
  text-decoration: none;
}
#menu li ul{
  list-style: none;
  position: absolute;
  top: 100%;
  left: 0;
  margin: 0;
  padding: 0;
}
#menu li:last-child ul{
  left: -100%;
  width: 100%
}
#menu li ul li{
  overflow: hidden;
  width: 200px;
  padding: 0;
  height: 0;
  color: #fff;
  -moz-transition: .2s;
  -webkit-transition: .2s;
  -o-transition: .2s;
  -ms-transition: .2s;
  transition: .2s;
}
#menu li ul li a{
  padding: 12px 15px;
  background: rgba(66,208,206,0.8);
  text-align: left;
  font-size: 14px;
  font-weight: normal;
}
#menu li:hover > a,#menu li ul li:hover > a
    {
  background: rgba(66,208,206,0.8);
  color: #fff;
}
#menu li:hover ul li{
  overflow: visible;
  height: 37px;
  background: rgba(66,208,206,0.8);
  border-bottom: 1px solid #fff;
}
#menu li:hover ul li:first-child{
  border-top: 0;
}
#menu li:hover ul li:last-child{
  border-bottom: 0;
}

}

@media screen and (min-width:  768px) {

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

}


@media screen and (min-width:  768px) {

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

}
.mainslider{
	position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  width: 100vw;
  height: 100vh;
}
.mainslider ul{
	margin:0;
	padding:0;
	list-style:none;
}
.mainslider ul li{
	width: 100%;
  height: 100%;
	position:absolute;
	top:0;
	left:0;
	animation-iteration-count:infinite;
	animation-duration:24s;
}
.mainslider ul li img{
    width: 100%;
  height: 100%;
}


.mainslider ul li:nth-child(1){
	animation-name:mainslider;
	animation-delay:-3s;
}
.mainslider ul li:nth-child(2){
	animation-name:slider;
	animation-delay:5s;
	opacity:0;
}
.mainslider ul li:nth-child(3){
	animation-name:mainslider;
	animation-delay:8s;
	opacity:0;
}
.mainslider ul li:nth-child(3){
	animation-name:mainslider;
	animation-delay:11s;
	opacity:0;
}


@keyframes mainslider{
	0%{
		opacity:0;
	}
	20.83%{
		opacity:1;
	}
	33.33%{
		opacity:1;
	}
	45.83%{
		opacity:0.8;
	}
	100%{
		opacity:0;
	}
}

#contents .column-archives-block .category-list {
  margin: 80px 0 0 0;
}
#contents .column-archives-block .category-list ul {
  display: flex;
  flex-wrap: wrap;
}
#contents .column-archives-block .category-list ul li {
  display: block;
  box-sizing: border-box;
  border: solid 1px #06b3b1;
  margin: -1px 0 0 -1px;
  width: 20%;
  padding: 0;
}
#contents .column-archives-block .category-list ul li a {
  display: block;
  box-sizing: border-box;
  text-decoration: none;
  color: #333;
  padding: 5px 5px 5px 15px;
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  transition: opacity 200ms 0s ease;
}
#contents .column-archives-block .category-list ul li a:hover {
  opacity: 0.7;
}
#contents .column-archives-block .category-list ul li a::before {
  content: '';
  display: block;
  background: #06b3b1;
  width: 8px;
  height: 8px;
  position: absolute;
  top: calc(50% - 4px);
  left: -4px;
  transform: rotate(45deg) skew( -20deg, -20deg) ;
}
#contents .column-archives-block ul.column-navi {
  margin: 40px 0 40px auto;
  padding: 0;
  max-width: 220px;
}
#contents .column-archives-block ul.column-navi li {
}
#contents .column-archives-block ul.column-navi a {
  text-decoration: none;
  color: #21a1bd;
}
#contents .column-archives-block ul.column-navi a:hover {
  text-decoration: underline;
}
@media screen and (max-width:  767px) {
  #contents .column-archives-block .category-list ul li {
    width: 33.3%;
  }
}


#contents .column-archives-block .pagination {
	text-align: center;
}
#contents .column-archives-block .pagination h2 {
	margin: 0;
	padding: 0;
	text-align: center;
	font-weight: normal;
}
#contents .column-archives-block .pagination .nav-links a, #contents .column-archives-block .pagination .nav-links span {
	margin: 0 5px;
}
.column-archives-block .pagination .nav-links a, .column-archives-block .pagination .nav-links a:link, .column-archives-block .pagination .nav-links a:visited {
	color: #686256;
	text-decoration: underline;
}
.column-archives-block .pagination .nav-links a:hover, .column-archives-block .pagination .nav-links a:focus, .column-archives-block .pagination .nav-links a:active {
	text-decoration: none;
}


#contents .column-list {
  margin: 0 0 40px 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
}
#contents .column-list>li {
  display: block;
  box-sizing: border-box;
  list-style: none;
  margin: -1px 0 0 -1px;
  padding: 0;
  width: 33.33%;
  border: solid 1px #b5b6b6;
  position: relative;
}
#contents .column-list a {
  text-decoration: none;
  color: #333;
}

#contents .column-list .inner {
  position: relative;
  width: 100%;
  height: 200px;
}
#contents .column-list .img {
  margin: 0;
  padding: 0;
}
#contents .column-list .img a {
  display: block;
  height: 200px;
  overflow: hidden;
  transition: opacity 200ms 0s ease;
}
#contents .column-list .img a:hover {
  opacity: 0.7;
}
#contents .column-list .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  margin: 0;
}
#contents .column-list .symptom {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 1;
}
#contents .column-list .symptom li {
  display: inline-block;
  margin: 5px 0 0 0;
}
#contents .column-list .symptom a {
  display: inline-block;
  background: #06b3b1;
  color: #fff;
  padding: 2px 5px;
  font-size: 12px;
  transition: opacity 200ms 0s ease;
}
#contents .column-list .symptom a:hover {
  opacity: 0.7;
}
#contents .column-list .diagnosis {
  margin: 15px 15px 5px 15px;
}
#contents .column-list .diagnosis li {
}
#contents .column-list .diagnosis a {
  color: #21a1bd;
  text-decoration: underline;
}
#contents .column-list .diagnosis a:hover {
  text-decoration: none;
}
#contents .column-list .diagnosis a::before,
#contents .column-list .diagnosis a::after {
  font-feature-settings: "palt";
  font-family: "ＭＳ Ｐゴシック", "ヒラギノ角ゴシック";
}
#contents .column-list .diagnosis a::before {
  content: '【';
}
#contents .column-list .diagnosis a::after {
  content: '】';
}
#contents .column-list .title {
  margin: 5px 15px 5px 15px;
  padding: 0;
  overflow: hidden;
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
#contents .column-list .title a {
  text-decoration: underline;
  font-weight: bold;
}
#contents .column-list .title a:hover {
  text-decoration: none;
}
#contents .column-list .body {
  margin: 5px 15px;
  padding: 0;
  overflow: hidden;
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}
#contents .column-list .date {
  margin: 5px 15px 15px 15px;
  padding: 0;
  font-size: 12px;
}
@media screen and (max-width:  767px) {
  #contents .column-list>li {
    width: 50%;
  }
  #contents .column-list .inner {
    height: 150px;
  }
  #contents .column-list .img a {
    height: 150px;
  }

}




#contents .column-single-block {
  margin: 50px 0 80px 0;
}
#contents .column-single-block .inner {
  width: 100%;
  position: relative;
  margin: 0 0 30px 0
}
#contents .column-single-block .img {
  margin: 0;
  overflow: hidden;
}
#contents .column-single-block .img img {
  width: 100%;
  height: auto;
  margin: 0;
}
#contents .column-single-block .symptom {
  position: absolute;
  bottom: 0;
  left: 0;
}
#contents .column-single-block .symptom li {
  display: inline-block;
  margin: 5px 0 0 0;
}
#contents .column-single-block .symptom a {
  display: inline-block;
  background: #06b3b1;
  color: #fff;
  padding: 5px 10px;
  font-size: 14px;
  text-decoration: none;
  transition: opacity 200ms 0s ease;
}
#contents .column-single-block .symptom a:hover {
  opacity: 0.7;
}
#contents .column-single-block .diagnosis {
  font-size: 20px;
}
#contents .column-single-block .diagnosis li {
  margin: 0;
}
#contents .column-single-block .diagnosis a {
  color: #21a1bd;
  text-decoration: underline;
}
#contents .column-single-block .diagnosis a:hover {
  text-decoration: none;
}
#contents .column-single-block .diagnosis a::before,
#contents .column-single-block .diagnosis a::after {
  font-feature-settings: "palt";
  font-family: "ＭＳ Ｐゴシック", "ヒラギノ角ゴシック";
}
#contents .column-single-block .diagnosis a::before {
  content: '【';
}
#contents .column-single-block .diagnosis a::after {
  content: '】';
}

#contents .column-single-block .title {
  background: #f0fafa; 
  border-left: 6px solid #06b3b1;
  color: #333;
  font-size: 1.4em;
  font-weight: bold;
  padding: 10px 15px;
  margin: 30px 0 15px;
  border-radius: 4px;
  margin: 0;
}
#contents .column-single-block .body {
	overflow: hidden;
  margin: 30px 0 70px 0;
}
#contents .column-single-block .body p {
	margin-bottom: 1em;
}
#contents .column-single-block .date {
  margin: 0;
}


#contents .column-single-block .paging {
	text-align: center;
	margin: 5px 0;
}
#contents .column-single-block .paging a {
	margin: 0 5px;
}
#contents .column-single-block .paging a, #contents .column-single-block .paging a:link, #contents .column-single-block .paging a:visited {
	color: #686256;
	text-decoration: underline;
}
#contents .column-single-block .paging a:hover, #contents .column-single-block .paging a:focus, #contents .column-single-block .paging a:active {
	text-decoration: none;
}
#contents .column-single-block h3 {
  color: #06b3b1;
  font-size: 1.18em;
  font-weight: bold;
  padding-bottom: 6px;
  margin: 24px 0 12px;
  border-bottom: 3px dotted #06b3b1;
  position: relative;
  padding-left: 10px;
}

#contents .column-single-block h4 {
  color: #06b3b1;
  font-size: 1.05em;
  font-weight: bold;
  margin: 18px 0 8px;
  padding-bottom: 4px;
  border-bottom: 1px solid #06b3b1;
  position: relative;
  padding-left: 10px;
}

#contents .column-single-block .btn-online {
  display: inline-block;
  background: #06b3b1;        
  color: #fff;
  font-weight: bold;
  padding: 12px 20px;
  border-radius: 6px;
  text-decoration: none;
  transition: background 0.3s ease;
}

#contents .column-single-block .btn-online:hover {
  background: #06b3b1;
}
#contents .column-category-block .category-list {
  padding: 60px 0;
}
#contents .column-category-block .category-list ul {
  display: flex;
  flex-wrap: wrap;
}
#contents .column-category-block .category-list ul li {
  display: block;
  box-sizing: border-box;
  border: solid 1px #06b3b1;
  margin: -1px 0 0 -1px;
  width: 20%;
  padding: 0;
}
#contents .column-category-block .category-list ul li a {
  display: block;
  box-sizing: border-box;
  text-decoration: none;
  color: #333;
  padding: 5px 5px 5px 15px;
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  transition: opacity 200ms 0s ease;
}
#contents .column-category-block .category-list ul li a:hover {
  opacity: 0.7;
}
#contents .column-category-block .category-list ul li a::before {
  content: '';
  display: block;
  background: #06b3b1;
  width: 8px;
  height: 8px;
  position: absolute;
  top: calc(50% - 4px);
  left: -4px;
  transform: rotate(45deg) skew( -20deg, -20deg) ;
}
@media screen and (max-width:  767px) {
  #contents .column-category-block .category-list ul li {
    width: 33.3%;
  }
}

.service-buttons{
    margin: 20px auto;
    width: 1000px;
}
.service-buttons ul{
    margin-bottom: 20px;
    display: flex;
    justify-content: space-between;
}
.service-buttons .button01 {
	background: url(../img/button01_on.jpg)  no-repeat;
}
.service-buttons .button01:hover img {
	opacity: 0;
}
.service-buttons .button01 {
	background: url(../img/button01_on.jpg)  no-repeat;
}
.service-buttons .button01:hover img {
	opacity: 0;
}
.service-buttons .button02 {
	background: url(../img/button02_on.jpg)  no-repeat;
}
.service-buttons .button02:hover img {
	opacity: 0;
}
.service-buttons .button03 {
	background: url(../img/button03_on.jpg)  no-repeat;
}
.service-buttons .button03:hover img {
	opacity: 0;
}
.service-buttons .button04 {
	background: url(../img/button04_on.jpg)  no-repeat;
}
.service-buttons .button04:hover img {
	opacity: 0;
}
.service-buttons .button05 {
	background: url(../img/button05_on.jpg)  no-repeat;
}
.service-buttons .button05:hover img {
	opacity: 0;
}
.service-buttons .button06 {
	background: url(../img/button06_on.jpg)  no-repeat;
}
.service-buttons .button06:hover img {
	opacity: 0;
}
.service-buttons .button07 {
	background: url(../img/button07_on.jpg)  no-repeat;
}
.service-buttons .button07:hover img {
	opacity: 0;
}
.service-buttons .button08 {
	background: url(../img/button08_on.jpg)  no-repeat;
}
.service-buttons .button08:hover img {
	opacity: 0;
}
.service-buttons .button09 {
	background: url(../img/button09_on.jpg)  no-repeat;
}
.service-buttons .button09:hover img {
	opacity: 0;
}
.service-buttons .button10 {
	background: url(../img/button10_on.jpg)  no-repeat;
}
.service-buttons .button10:hover img {
	opacity: 0;
}

@media screen and (max-width:  767px) {
    .service-buttons-sp {
        margin: 30px 30px;
    }
    .service-buttons-sp li{
        margin-bottom: 10px;
    }
.btn--green a {
    background: #00bebd;
    border-radius: 3px;
    position: relative;
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin: 0 auto;
    max-width: 280px;
    padding: 20px 25px;
    color: #ffffff;
    transition: 0.3s ease-in-out;
    font-weight: 700;
    font-size: 120%;
    text-decoration: none;
}
.btn--green a:hover {
    background: #89e4e3;
    color: #FFF;
}
.btn--green a:after {
    content: '';
    width: 5px;
    height: 5px;
    border-top: 3px solid #ffffff;
    border-right: 3px solid #ffffff;
    transform: rotate(45deg) translateY(-50%);
    position: absolute;
    top: 50%;
    right: 20px;
    border-radius: 1px;
    transition: 0.3s ease-in-out;
}
.btn--green a:hover:after {
    border-color: #FFF;
}
}

/*メニューをページ下部に固定*/
#sp-fixed-menu{
   position: fixed;
   width: 100%;
   bottom: 0px;
   font-size: 0;
   opacity: 0.9;
   z-index: 99;
}

/*メニューを横並びにする*/
#sp-fixed-menu ul{
   display: flex;
   list-style: none;
   padding:0;
   margin:0;
   width:100%;
}

#sp-fixed-menu li{
   justify-content: space-between;
    align-items: center;
    width: 50%;
   padding:0;
   margin:0;
   font-size: 16px;
    font-weight: bold;
   border-right: 1px solid #06b3b1;
}

#sp-fixed-menu li{
   background: #daf8f8;
}


/*ボタンを調整*/
#sp-fixed-menu li a{
   color: #06b3b1;
   text-align: center;
   display:block;
   width: 100%;
   padding:20px 0 20px 0;
    text-decoration: none
}

/** service-block **/
.service-block .bg_white {
	background: #fff;
    padding: 20px 30px 20px 20px;
}

/** header-navi-sp **/
.header-navi-sp ul li ul{
    display: none;
}
#header .header-navi-sp li span{
	color:#5B5B5B;
	text-decoration: none;
    font-weight: bold;
}

.campaign-banner{
    margin: 20px auto;
}
.campaign-banner a:hover{ 
	opacity:0.5;
	transition:0.3s;
}

/*sp-top*/
.top-infomation .container {
    margin: 15px auto;
    text-align: center;
    font-family: "Noto Sans JP", sans-serif;
    color: #333;
}

.top-infomation img {
    max-width: 100%;
    height: auto;
}

.top-infomation p {
    line-height: 1.5;
    font-size: 14px;
}

.top-infomation p:last-child {
    font-size: 13px;
    color: #555;
}
.holiday {
    color: #e53935;
    font-weight: bold;
}
.h3_topinfo {
    background: #daf8f8;
    padding: 15px;
    margin: 10px 0;
    font-size: 20px;
}