
body {
	font-family: "Meiryo, Lucida Grande", "segoe UI", "ヒラギノ丸ゴ ProN W4", "Hiragino Maru Gothic ProN", Arial, sans-serif;
}

img{
	max-width: 100%;
	height: auto;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

hr {
	height: 0;
	margin: 0;
	padding: 0;
	border: 0;
}

ul{	list-style-type: none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px; }


li{ }

.clear { clear:both; }


a, a:link, a:active, a:visited {
	color: #99CC33;
	outline: none;
	border: none;
	text-decoration: none;
}

a:hover {
  filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
}

p {
	letter-spacing: 1px;
	color: #333;
	line-height: 24px;
}



/*	grid 5
________________________________________*/

.col-xs-1-5, .col-sm-1-5, .col-md-1-5, .col-lg-1-5,
.col-xs-2-5, .col-sm-2-5, .col-md-2-5, .col-lg-2-5,
.col-xs-3-5, .col-sm-3-5, .col-md-3-5, .col-lg-3-5,
.col-xs-4-5, .col-sm-4-5, .col-md-4-5, .col-lg-4-5,
.respons-5 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}
.col-xs-1-5 {
    width: 20%;
    float: left;
}
.col-xs-2-5 {
    width: 40%;
    float: left;
}

.col-xs-3-5 {
    width: 60%;
    float: left;
}

.col-xs-4-5 {
    width: 80%;
    float: left;
}
@media (min-width: 768px) {
    .col-sm-1-5 {
        width: 20%;
        float: left;
    }
    .col-sm-2-5 {
        width: 40%;
        float: left;
    }
    .col-sm-3-5 {
        width: 60%;
        float: left;
    }
    .col-sm-4-5 {
        width: 80%;
        float: left;
    }
}
@media (min-width: 992px) {
    .col-md-1-5,.respons-5  {
        width: 20%;
        float: left;
    }
    .col-md-2-5 {
        width: 40%;
        float: left;
    }
    .col-md-3-5 {
        width: 60%;
        float: left;
    }
    .col-md-4-5 {
        width: 80%;
        float: left;
    }
}
@media (min-width: 1200px) {
    .col-lg-1-5 {
        width: 20%;
        float: left;
    }
    .col-lg-2-5 {
        width: 40%;
        float: left;
    }
    .col-lg-3-5 {
        width: 60%;
        float: left;
    }
    .col-lg-4-5 {
        width: 80%;
        float: left;
    }
}






/*	header
________________________________________*/

header{
	position: relative;
	z-index: 2;
}

header h1,
header p{
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 0px 0px;
	font-size: 9px;
	line-height: 13px;
	letter-spacing: 1px;
	color: #333;
	text-align: left;
}

header .left{
	float: left;
}
header .left img{
	width: 262px;
	height: 90px;
}
header .left a:hover{
  filter:alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1;
}

header .right{
	margin-top: 20px;
	float: right;
}

header .right .contact-block{
	margin-top: 2px;
	float: left;
}

header .right .contact-block a.bnr01,
header .right .contact-block a.bnr02{
	width: 215px;
	margin-right: 5px;
	float: left;
}
header .right .contact-block a.bnr01{
	width: 220px;	
}


header .right .tel-block{
	letter-spacing: 1px;
	background: url('../img/header/tel.svg') no-repeat ;
	background-position: left -12px;
	background-size: 70px 80px;
	padding-left: 80px;
	float: left;
}
header .right .tel-block span.tel{
	display: block;
	text-align: left;
	font-size: 30px;
	line-height: 33px;
	color:#8DC21F;
}
header .right .tel-block span.time{
	display: block;
	font-size: 11px;
	line-height: 15px;
}




header .menu-block{
	margin-top: 10px;
	border-top: 1px solid #dcdddd;
}

header .menu-block .respons-5{
	margin: 10px 0px 10px 0px;
	padding: 10px 0px 10px 0px;
	text-align: center;
	border-left: 1px solid #dcdddd;
	letter-spacing: 1px;
}
header .menu-block .respons-5.last{
	border-right: 1px solid #dcdddd;
}

header .menu-block .respons-5 a{
    color: #333;
}


.drawer-menu li a{
	color: #333;
}

.drawer-menu li.title{
	letter-spacing: 1px;
	font-size: 16px;
	font-weight: bold;
	margin: 0px 0px 0px 0px;
	border-bottom: none;
	border-top: none;
	padding: 15px 20px 10px 20px;
}
.drawer-menu li.menu{
	border-bottom: 1px solid #dcdddd;
	letter-spacing: 1px;
	font-size: 14px;
	margin: 20px 20px 20px 20px;
	padding: 0px 0px 20px 25px;
	background: url('../img/common/arrow-green02.svg') no-repeat left;
	background-size: 8px 8px;
	background-position: 0px 6px;
}

ul.drawer-menu{
	padding: 10px 0px 10px 0px;
}

.menu {
	padding: 0px 0px 0px 0px;
	position: relative;


}

.menu > li {
	margin: 0px 0px 0px -10px;
	padding: 0px 0px 0px 0px;
}

.menu > li a.header {
    display: block;
    color: #333;
}

.menu > li a.header:hover {
	color: #999;
	text-decoration: none;
}

ul.menu-second-level {
    visibility: hidden;
    opacity: 0;
    z-index: 1;
}

.menu > li:hover {
	color: #999;
	text-decoration: none;
    background:;
    -webkit-transition: all .5s;
    transition: all .5s;
}

.menu-second-level li {
    border-top: 1px solid #dcdddd;
	padding: 20px 0px 20px 20px;
	background: url('../img/common/arrow-green02.svg') no-repeat;
	background-position:0px;
	background-size:9px 9px;
}
.menu-second-level li:last-child{
    border-bottom: 1px solid #dcdddd;
}


/* 下矢印 */
.init-bottom:before {
    content: '';
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 15px 5px 0px;
    border-right: 1px solid #8DC21F;
    border-bottom: 1px solid #8DC21F;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
/* 右矢印 */
.init-bottom02:before {
    content: '';
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 15px 3px 0px;
    border-right: 1px solid #8DC21F;
    border-bottom: 1px solid #8DC21F;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(-45deg);
}

/* floatクリア */
.menu:before,
.menu:after {
    content: " ";
    display: table;
}

.menu:after {
    clear: both;
}

.menu {
    *zoom: 1;
}



.menu > li.menu-single {
    position: relative;
}

li.menu-single ul.menu-second-level {
	text-align: left;
	padding: 0px 15px 15px 15px;
	font-size: 14px;
	letter-spacing: 1px;
	position: absolute;
	top: 40px;
	left: 10px;
	width: 250px;
	background: #F6FAED;
	-webkit-transition: all .2s ease;
	transition: all .2s ease;
}

li.menu-single:hover ul.menu-second-level {
    top: 40px;
    visibility: visible;
    opacity: 1;
}



@media all and (max-width: 1201px) {
header .right .contact-block a.bnr01,
header .right .contact-block a.bnr02{
	width: 160px;
	margin-top: 5px;
	margin-right: 3px;
	float: left;
}
}

@media screen and (min-width: 991px) {
.d-menu{
	display: none;
}
}
@media all and (max-width: 991px) {
header h1,
header p{
	margin: 0px 0px 10px 0px;

}
header .menu-block{
	display: none;
}

header .left img{
	width: 180px;
	height: 50px;
}
header .right{
	margin-top: 0px;
	margin-bottom: 10px;
	margin-right: 40px;

}



header .right .tel-block{
	margin-top: 6px;
	background-position: left -12px;
	background-size: 50px 65px;
	padding-left: 60px;
	float: left;
}
header .right .tel-block span.tel{
	display: block;
	text-align: left;
	font-size: 20px;
	line-height: 22px;
	color:#8DC21F;
}
header .right .tel-block span.time{
	font-size: 10px;
	line-height: 12px;
}
}


@media all and (max-width: 680px) {
header .left{
	float: none;
}
header .right{
	float: none;
	margin-right: 0px;

}
header .right .contact-block{
	width: 100%;
	margin-right: 0px;
	margin-left: auto;
	margin-right: auto;
}
header .right .contact-block a.bnr01,
header .right .contact-block a.bnr02{
	width: 46%;
	margin-top: 5px;
	margin-right: 5px;
	float: left;
}

header .right .tel-block{
	margin-bottom: 10px;
}

}



@media all and (max-width: 550px) {



header .right .tel-block{
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}
header .right .tel-block span.tel{
	display: block;
	text-align: left;
	font-size: 28px;
	line-height: 33px;
	color:#8DC21F;
}
}


/*	main
________________________________________*/

main{
	height: 700px;
}

main span{
	display: block;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
}

@media screen and (max-width: 800px) {
main{
	height: 600px;
}
}

@media screen and (max-width: 700px) {
main{
	height: 500px;
}
}

@media screen and (max-width: 600px) {
main{
	height: 400px;
}
}

@media screen and (max-width: 500px) {
main{
	height: 300px;
}
}





/*	home
________________________________________*/

.home .section01{
	position: relative;
	text-align: center;
	margin-top: -90px;
}

.home .section01 h2{
	height: 150px;
	background: url('../img/home/h2-title.svg') no-repeat;
	background-position:center,top;
	background-size:550px 180px;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
	position: relative;
	z-index: 2;
}

.home .section01 .respons-3{
	height: 430px;
    border-top: 1px solid #dcdddd;
    border-bottom: 1px solid #dcdddd;
    border-left: 1px solid #dcdddd;
	position: relative;
	z-index: 1;
}
.home .section01 .respons-3.first{
	height: 470px;
	margin-top: -90px;
    border-top: none;
    border-bottom: none;

}
.home .section01 .respons-3.last{
    border-right: 1px solid #dcdddd;
}


.home .section01 .respons-3 .inner{
	padding: 30px 30px 30px 30px;
}
.home .section01 .respons-3.first .inner{
	padding: 70px 30px 30px 30px;
}


.home .section01 .respons-3 img.service{
	width: 120px;
}
.home .section01 .respons-3 img.arrow{

	width: 50px;
    position:absolute;
    left:0;
    right:0;
    bottom:30px;

}

.home .section01 .respons-3 h3{
	margin-bottom: 40px;
	color: #333;
	font-size: 18px;
	letter-spacing: 1px;
}
.home .section01 .respons-3 h3.none{
	margin-bottom: 20px;
	color: #333;
	font-size: 18px;
	letter-spacing: 1px;
}
.home .section01 .respons-3 p{
	text-align: left;
}

.home .bnr-block{
	margin-top: 30px;
}

.home .bnr-block .left{
	padding-left: 0px;
}
.home .bnr-block .right{
	padding-right: 0px;
}


.corona{
    height: 115px;
	padding-top: 25px;
	padding-bottom: 25px;
	text-align: center;
    background: #e60012;
	margin-top: 0px;
	margin-bottom: 0px;
}

a.corona{
	font-size: 20px;
	line-height: 30px;
	color: #fff;
	text-decoration: none;
}
a.corona:hover{
	color: #fff;
	text-decoration: none;
}

.online{
	padding-top: 5px;
	padding-left: 190px;
    height: 115px;
	text-align: left;
	margin-top: 30px;
	margin-bottom: 30px;
	border: 1px solid #DCDDDD;
    background: url('../img/home/online.png') no-repeat;
    background-color: #FFFAEC;
    background-position: 80px;
    background-size: 100px;
}

.online span.title{
	margin-top: 7px;
	margin-bottom: 5px;
	font-size: 20px;
	line-height: 30px;
	color:#0081CC;
	text-decoration: underline;
	display: block;
}
.online span.icon{
    background-color: #0081CC;
	color: #fff;
	padding: 3px 8px 3px 8px;
	margin-right: 5px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}
.online span.text{
	margin-top: 5px;
	color: #333;
	display: block;
}


.home .section02{
	height: 350px;
    background: url('../img/home/section02-bg.jpg') no-repeat;
    background-size: 2300px 350px;
}

.home .section02 h4{
	font-size: 25px;
	line-height: 40px;
	text-align:center;
	margin-top: 90px;
	color: #fff;
	letter-spacing: 1px;

}

.home .section02 a{
	font-size: 17px;
	display: block;
	text-align: center;
	letter-spacing: 1px;
	width: 300px;
	margin-top: 30px;
	margin-left: auto;
	margin-right: auto;
	color: #8DC21F;
	padding: 16px 10px 16px 10px;
	background: url('../img/common/arrow-green02.svg') no-repeat left;
	background-color:#fff;
	background-position:20px;
	background-size:9px 9px;
	border-radius: 15px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
}



.home .section03 .respons-6.first{
    border-right: 1px solid #dcdddd;
    border-left: 1px solid #dcdddd;
    border-bottom: 1px solid #dcdddd;
}
.home .section03 .respons-6.second{
    border-right: 1px solid #dcdddd;
    border-left: 1px solid #dcdddd;
}




.home .section03 .respons-6.first.last,
.home .section03 .respons-6.second.last{
    border-left:none;
}

.home .section03 .respons-6.first{
	height: 420px;
}


.home .section03 .respons-6.left{
	float: left;
	background: url('../img/home/section03-ph01.jpg') no-repeat left bottom;
    background-size: 190px 380px;
}
.home .section03 .respons-6.right{
	float: left;
	background: url('../img/home/section03-ph02.jpg') no-repeat left bottom;
    background-size: 190px 300px;
}



.home .section03 .respons-6.left .left img{
	margin-left: 100px;
	margin-top: -50px;
	width: 130px;
}
.home .section03 .respons-6.right .left img{
	margin-left: 50px;
	margin-top: -20px;
	width: 130px;
}

.home .section03 .respons-6.left .right{
	padding-left: 200px;
	padding-right: 30px;
	float: right;
	text-align: left;
}
.home .section03 .respons-6.right .right{
	margin-top: -30px;
	padding-left: 200px;
	padding-right: 30px;
	float: right;
	text-align: left;
}


.home .section03 .respons-6.first span{
	color: #8DC21F;
	letter-spacing: 1px;
}
.home .section03 .respons-6.first h3{
	margin-top: 5px;
	margin-bottom: 20px;
	padding-bottom: 20px;
	letter-spacing: 1px;
    border-bottom: 1px dotted #999;
}
.home .section03 .respons-6.first p{
	font-size: 16px;
	line-height: 32px;
	margin-bottom: 40px;
}

.home .section03 .respons-6.first a{
	display: block;
	text-align: center;
	letter-spacing: 1px;
	width: 250px;
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	color: #fff;
	padding: 16px 10px 16px 10px;
	background: url('../img/common/arrow-right.svg') no-repeat left;
	background-color:#8DC21F;
	background-position:20px;
	background-size:9px 9px;
	border-radius: 15px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
}

.home .section03 .respons-6.second h3{
	font-size: 18px;
	line-height: 24px;
	margin-top: 50px;
	margin-bottom: 10px;
	text-align: center;
}

.home .section03 .respons-6.second img{
	width: 400px;
}


.home .section03 .respons-6.second{
	height: 420px;
}

.home .section03 .respons-6.second .inner{
	padding: 20px 60px 20px 60px;
}

.home .section03 .respons-6.second span{
	display: block;
	text-align: center;
	letter-spacing: 1px;
	width: 150px;
	margin-top: 0px;
	margin-bottom: 10px;
	color: #8DC21F;
	padding: 7px 10px 7px 10px;
    border: 1px solid #8DC21F;
	background-color:#fff;
	border-radius: 15px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
}


.home .section03 .respons-6.second.last{
	background-color:#FEEBC0;

}

.home .section03 .respons-6.second.last .inner{
	background-color:#fff;
	margin: 20px 10px 20px 10px;
	padding: 40px 30px 35px 30px;
}

.home .section03 .respons-6.second.last h3{
	font-size: 18px;
	line-height: 24px;
	margin-top: 0px;
	margin-bottom:15px;
	text-align: center;
	text-decoration: underline;
	color: #278957;
}

.home .section03 .respons-6.second.last img{
	width: 300px;
	margin-bottom: 15px;
}

.home .section03 .respons-6.second.last .left{
	float: left;
}
.home .section03 .respons-6.second.last .left img{
	width: 130px;
	margin-right: 10px;
}
.home .section03 .respons-6.second.last .right{
	font-size: 12px;
	line-height: 14px;
	margin-top: 0px;
	margin-bottom: 10px;
	text-align: left;
}
.home .section03 .respons-6.second.last a{
	display: block;
	text-align: center;
	letter-spacing: 1px;
	width: 250px;
	margin-top: 30px;
	margin-left: auto;
	margin-right: auto;
	color: #fff;
	padding: 16px 10px 16px 10px;
	background: url('../img/common/arrow-right.svg') no-repeat left;
	background-color:#EC6D81;
	background-position:20px;
	background-size:9px 9px;
	border-radius: 15px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
}


.home .section04{
	padding-top: 80px;
    border-top: 1px solid #dcdddd;
	background: url('../img/home/dotted.gif') ;
	background-position:0px -1px;
}

.home .section04 .respons-6 .inner-title{
	padding-left: 80px;
}

.home .section04 .respons-6 .inner-title span{
	color: #8DC21F;
}
.home .section04 .respons-6 .inner-title h3{
	margin-top: 5px;
}

.home .section04 .respons-6.left{
	padding-left: 0px;
}
.home .section04 .respons-6.right{
	padding-right: 0px;
}

.home .section04 .respons-6.left .inner-title{
	background: url('../img/home/news.svg') no-repeat left;
	background-size:70px 60px;
}
.home .section04 .respons-6.right .inner-title{
	background: url('../img/home/schedule.svg') no-repeat left;
	background-size:70px 60px;
}

.home .section04 .respons-6.right .bnr-youtube a{
	display: block;
	text-align: center;
	letter-spacing: 1px;
	width: 100%;
	font-size: 15px;
	margin-top: 30px;
	margin-left: auto;
	margin-right: auto;
	color: #333;
	padding: 26px 10px 26px 10px;
	background: url('../img/home/youtube.svg') no-repeat;
	background-color:#FFFCF6;
	background-position:20px;
	background-size:110px 30px;
	border: 1px solid #D7000F;
	border-radius: 15px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
}



.home .section04 .respons-6 .news{
	margin-top: 40px;
}

.home .section04 .respons-6 .news span.time{
	font-size: 12px;
}
.home .section04 .respons-6 .news span.ctgry{
	font-size: 12px;
	text-align: center;
	letter-spacing: 1px;
	width: auto;
	margin-top: 0px;
	margin-bottom: 10px;
	color: #8DC21F;
	padding: 7px 10px 7px 10px;
    border: 1px solid #8DC21F;
	background-color:#fff;
	border-radius: 15px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
}
.home .section04 .respons-6 .news h4{
	margin-top: 15px;
}
.home .section04 .respons-6 .news a h4{
	color: #333;
	letter-spacing: 1px;
	line-height: 1.5em;
}


a.navi{
	display: block;
	text-align: center;
	letter-spacing: 1px;
	width: 250px;
	margin-top: 35px;
	margin-bottom: 35px;
	margin-left: auto;
	margin-right: auto;
	color: #fff;
	padding: 16px 10px 16px 10px;
	background: url('../img/common/arrow-right.svg') no-repeat left;
	background-color:#8DC21F;
	background-position:20px;
	background-size:9px 9px;
	border-radius: 15px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
}


.home .section04 table{
	font-size: 16px;
	margin-top: 35px;
	background-color:#fff;
}
.home .section04 table th{
	background-color:#F8FBED;
	vertical-align:middle;
}
.home .section04 table td ul li{

	line-height: 20px;
	margin-bottom: 5px;
}
.home .section04 table td ul li.red{
	color: red;
	margin-top: 20px;
}

.home .section04 .respons-6.right img.other01{
	margin-top: -120px;
	margin-right: 50px;
	width: 120px;
}
.home .section04 .respons-6.right img.other02{
	margin-top: 0px;
	margin-right: 150px;
	width: 120px;
}

.home .section04 .respons-6.leftBnr a{
	display: block;
	text-align: center;
	letter-spacing: 1px;
	width: 100%;
	margin-top: 5px;
	margin-bottom: 35px;
	margin-left: auto;
	margin-right: auto;
	color: #fff;
	padding: 16px 10px 16px 10px;
	background: url('../img/common/arrow-right.svg') no-repeat left;
	background-color:#8DC21F;
	background-position:20px;
	background-size:9px 9px;
	border-radius: 15px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
}

.home .section04 .respons-6.rightBnr a{
	display: block;
	text-align: center;
	letter-spacing: 1px;
	width: 100%;
	margin-top: 5px;
	margin-bottom: 35px;
	margin-left: auto;
	margin-right: auto;
	color: #3b5998;
	padding: 16px 10px 16px 10px;
	border: 1px solid #3b5998;
	background: url('../img/home/fb.svg') no-repeat left;
	background-color:#fff;
	background-position:20px;
	background-size:20px 20px;
	border-radius: 15px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
}


.home .section04 .respons-6.leftBnr-1st a{
	display: block;
	text-align: center;
	letter-spacing: 1px;
	width: 100%;
	margin-top: 35px;
	margin-bottom: 10px;
	margin-left: auto;
	margin-right: auto;
	color: #0086CD;
	padding: 16px 10px 16px 10px;
	border: 1px solid #0099D9;
	background: url('../img/home/icon_inst.svg') no-repeat left;
	background-color:#fff;
	background-position:20px;
	background-size:20px 20px;
	border-radius: 15px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
}
.home .section04 .respons-6.rightBnr-1st a{
	display: block;
	text-align: center;
	letter-spacing: 1px;
	width: 100%;
	margin-top: 35px;
	margin-bottom: 10px;
	margin-left: auto;
	margin-right: auto;
	color: #00A95F;
	padding: 16px 10px 16px 10px;
	border: 1px solid #3EB370;
	background: url('../img/home/icon_inst.svg') no-repeat left;
	background-color:#fff;
	background-position:20px;
	background-size:20px 20px;
	border-radius: 15px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
}

@media only screen and (max-width: 1201px) {
.home .section01 .respons-3.first{
	height: 500px;

}
.home .section03 .respons-6.second h3{
	margin-top: 30px;
}
.home .section03 .respons-6.second.last .inner{
	padding: 20px 30px 35px 30px;
}

.corona{
    height: 105px;
	padding-top: 25px;
	padding-bottom: 25px;
	text-align: center;
    background: #e60012;
	margin-top: 0px;
	margin-bottom: 0px;
}

.online{
	padding-top: 5px;
	padding-left: 130px;
    height: 105px;
	text-align: left;
	margin-top: 4px;
	margin-bottom: 30px;
	border: 1px solid #DCDDDD;
    background: url('../img/home/online.png') no-repeat;
    background-color: #FFFAEC;
    background-position: 20px;
    background-size: 100px;
}

.home .section04 .respons-6.right .bnr-youtube a{
	font-size: 15px;
	background: url('../img/home/youtube.svg') no-repeat;
	background-color:#FFFCF6;
	background-position:20px;
	background-size:100px 20px;
}


}

@media only screen and (max-width: 991px) {

.home .section01 .service-block{
	margin-top: -50px;
}


.home .section01 .respons-3{
	height: auto;
    border-top: none;
    border-bottom: 1px solid #dcdddd;
    border-left: none;
	position: relative;
	z-index: 1;
}
.home .section01 .respons-3.first{
	height: auto;
	margin-top: 0px;
    border-top: none;
    border-bottom: 1px solid #dcdddd;
}
.home .section01 .respons-3.last{
    border-right: none;
}
.home .section01 .respons-3.first .inner{
	padding: 30px 30px 30px 30px;
}

.home .section01 .respons-3 h3{
	margin-bottom: 10px;
}
.home .section01 .respons-3 img.arrow{
	width: 50px;
    position:static;
}


.home .bnr-block{
	margin-top: 0px;
	margin-bottom: 20px;
}

.home .bnr-block .left{
	margin-top: 20px;
	padding-left: 15px;
}
.home .bnr-block .right{
	padding-right: 15px;
}

.corona{
    height: 85px;
	padding-top: 15px;
	padding-bottom: 15px;
	margin-bottom: 0px;
}
a.corona{
	font-size: 16px;
	line-height: 28px;
}
.online{
	width: 100%;
	padding-top: 5px;
	padding-left: 0px;
    height: 110px;
	text-align: center;
	margin-top: 0px;
	margin-bottom: 0px;
    background-image: none;
	clear: both;
}

.home .section02{
	height: 280px;
    background: url('../img/home/section02-bg.jpg') no-repeat;
    background-size: 2000px 280px;
}
.home .section02 h4{
	font-size: 18px;
	line-height: 28px;
	margin-top: 50px;
}

.home .section03 .respons-6.first{
    border-right: none;
    border-left: none;
    border-bottom: 1px solid #dcdddd;
}
.home .section03 .respons-6.second{
    border-right: none;
    border-left: none;
}

.home .section03 .respons-6.first{
	height: 100%;
}

.home .section03 .respons-6.second{
	height: 100%;
}

.home .section03 .respons-6.left{
	float: left;
	background: url('../img/home/section03-ph01.jpg') no-repeat left bottom;
    background-size: 170px 350px;
}

.home .section03 .respons-6.first a{
	margin-bottom: 40px;
}

.home .section03 .respons-6.second h3{
	padding-top: 40px;
	clear: both;
}
.home .section03 .respons-6.second.last h3{
	padding-top: 0px;
}


.home .section03 .respons-6.second.last{
	padding-top: 10px;
	padding-bottom: 10px;
}


.home .section04 .respons-6.left{
	padding-left: 15px;
}
.home .section04 .respons-6.right{
	margin-top: 100px;
	margin-bottom:50px;
	padding-right: 15px;
}
.home .section04 .respons-6.right img.other01{
	display: none;
}
.home .section04 .respons-6.right img.other02{
	display: none;
}

.home .section04 .respons-6.leftBnr a{
	margin-top: 10px;
	margin-bottom:20px;
}
.home .section04 .respons-6.rightBnr a{
	margin-top: 10px;
	margin-bottom:40px;
}
.home .section04 .respons-6.leftBnr-1st a{
	margin-top: 10px;
	margin-bottom: 20px;

}
.home .section04 .respons-6.rightBnr-1st a{
	margin-top: 10px;
	margin-bottom: 20px;

}





}



@media only screen and (max-width: 771px) {
.home .section01 h2{
	height: 140px;
	background: url('../img/home/h2-title.svg') no-repeat;
	background-position:center,top;
	background-size:450px 120px;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
	position: relative;
	z-index: 2;
}
.home .section02 h4{
	font-size: 18px;
	line-height: 28px;
	margin-top: 50px;
	text-align: left;
}
.home .section02 h4 br {
	display:none;
}


.home .section03 .respons-6.left{
	float: left;
	background: url('../img/home/section03-ph01.jpg') no-repeat ;
    background-size: 150px 300px;
    background-position: -30px bottom;

}
.home .section03 .respons-6.right{
	float: left;
	background: url('../img/home/section03-ph02.jpg') no-repeat left bottom;
    background-size: 190px 300px;
    background-position: -30px bottom;
}



.home .section03 .respons-6.left .left img{
	margin-left: 30px;
	margin-top: -50px;
	width: 130px;
}
.home .section03 .respons-6.right .left img{
	margin-left: 20px;
	margin-top: -20px;
	width: 130px;
}

.home .section03 .respons-6.left .right{
	margin-top: -30px;
	padding-left: 150px;
	padding-right: 30px;
	float: right;
	text-align: left;
}
.home .section03 .respons-6.right .right{
	margin-top: -50px;
	padding-left: 150px;
	padding-right: 30px;
	float: right;
	text-align: left;
}

}




@media only screen and (max-width: 600px) {
.online{
    background-image: none;
}
.online span.title{
	font-size: 18px;
}


.home .section03 .respons-6.left{
	float: left;
	background: url('../img/home/section03-ph01.jpg') no-repeat ;
    background-size: 140px 280px;
    background-position: -30px bottom;

}
.home .section03 .respons-6.right{
	float: left;
	background: url('../img/home/section03-ph02.jpg') no-repeat left bottom;
    background-size: 170px 280px;
    background-position: -30px bottom;
}

.home .section03 .respons-6.left .left img{
	margin-left: 0px;
	margin-top: -20px;
	width: 110px;
}
.home .section03 .respons-6.right .left img{
	margin-left: 0px;
	margin-top: -20px;
	width: 110px;
}

.home .section03 .respons-6.left .right{
	margin-top: -70px;
	padding-left: 130px;
	padding-right: 30px;
	float: right;
	text-align: left;
}
.home .section03 .respons-6.right .right{
	margin-top: -70px;
	padding-left: 130px;
	padding-right: 30px;
	float: right;
	text-align: left;
}

.home .section03 .respons-6.second .inner{
	padding: 20px 20px 20px 20px;
}
}


@media only screen and (max-width: 500px) {
.home .section03 .respons-6.left{
		float: none;
		background: none ;
		background-size: 130px 300px;
		background-position: -30px bottom;

}
.home .section03 .respons-6.right{
	float: none;
	background: none ;
    background-size: 170px 280px;
    background-position: -30px bottom;
}
.home .section03 .respons-6.left .left{
	display: none;
}
.home .section03 .respons-6.right .left{
	display: none;
}

.home .section03 .respons-6.left .right{
	margin-top: 30px;
	padding-left: 30px;
	padding-right: 30px;
	float: none;
	text-align: left;
}
.home .section03 .respons-6.right .right{
	margin-top: 30px;
	padding-left: 30px;
	padding-right: 30px;
	float: none;
	text-align: left;
}
.home .section04 .respons-6.right .bnr-youtube a{
	font-size: 15px;
	padding: 45px 10px 10px 10px;
	background: url('../img/home/youtube.svg') no-repeat;
	background-color:#FFFCF6;
	background-position:center top 10px;
	background-size:110px 30px;
}

}





/*	footer
________________________________________*/

footer.page{
margin-top: 0px;
margin-bottom: 0px;
}

footer .bnr{
    border-top: 1px solid #dcdddd;
    border-bottom: 1px solid #dcdddd;
}

footer .bnr .respons-5{
	height: 230px;
	padding: 20px;
}

footer .bnr .respons-5.margin{
	padding-top: 70px;
}

footer .bnr .respons-5 img.blog{
	margin-top: 20px;
	width: 160px;
}

footer .bnr .respons-5 img.fb{
	margin-top: 20px;
	width: 100px;
}

footer .bnr .respons-5.first{
    border-left: 1px solid #dcdddd;
}
footer .bnr .respons-5.first.last{
    border-right: 1px solid #dcdddd;
}
footer .bnr .respons-5.second{
    border-top: 1px solid #dcdddd;
    border-left: 1px solid #dcdddd;
}
footer .bnr .respons-5.second.last{
    border-right: 1px solid #dcdddd;
}


footer .contact .respons-full{
	padding-top: 30px;
	padding-bottom: 30px;
	padding-left: 0px;
	padding-right: 0px;
}

footer .contact .left{
	float: left;
}


footer .contact .contact-block{
	float: left;
}

footer .contact .contact-block a.bnr01,
footer .contact .contact-block a.bnr02{
	width: 215px;
	margin-right: 5px;
	float: left;
}


footer .contact .tel-block{
	margin-left: 5px;
	float: left;
}

footer .contact .tel-block{
	letter-spacing: 1px;
	background: url('../img/header/tel.svg') no-repeat ;
	background-position: left -12px;
	background-size: 70px 80px;
	padding-left: 80px;
	float: left;
}
footer .contact .tel-block span.tel{
	display: block;
	text-align: left;
	font-size: 30px;
	line-height: 33px;
	color:#8DC21F;
}
footer .contact .tel-block span.time{
	display: block;
	font-size: 11px;
	line-height: 15px;
}


footer .contact address{
	margin-left: 20px;
	float: left;
}


footer .contact .right{
	margin-top: -10px;
	float: right;
}

footer .contact .right a.navi-home img{
	margin-top: 24px;
	margin-right: 5px;
	width: 80px;
	float: left;
}
footer .contact .right a.navi-top img{
	width: 50px;
	float: right;

}



footer .navi{
	padding-top: 20px;
	padding-bottom: 30px;
	background-color: #F7F8F8;
}


footer .navi .respons-6.left{
	padding-left: 0px;
}
footer .navi .respons-6.right{
	padding-right:  0px;
}


footer .navi .respons-6 h3{
	display: block;
	text-align: center;
	letter-spacing: 1px;
	width: 100%;
	color: #333;
	font-size: 16px;
	padding: 16px 10px 16px 10px;
    border: 1px solid #DCDDDD;
	background-color:#fff;
	background-position:20px;
	background-size:9px 9px;
	border-radius: 15px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
}

footer .navi .respons-6 ul li{
	font-size: 13px;
	background: url('../img/footer/dot.svg') no-repeat ;
	background-position: left 7px;
	background-size: 5px 5px;
	float: left;
	margin-right: 15px;
	margin-bottom: 5px;
	padding-left: 10px;
	letter-spacing: 1px;

}
footer .navi .respons-6 ul li a{
	color: #333;

}

footer .navi .respons-full img{
	margin-top: 30px;
	width: 220px;
}
footer .navi .respons-full a:hover{
  filter:alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1;
}

@media only screen and (max-width: 1201px) {
footer .bnr .respons-5{
	height: 180px;
	padding: 20px;
}
footer .bnr .respons-5.margin{
	padding-top: 50px;
}
footer .bnr .respons-5 img.blog{
	margin-top: 10px;
	width: 160px;
}

footer .bnr .respons-5 img.doctorsfile{
	width: 90%;
}

footer .bnr .respons-5 img.fb{
	margin-top: 10px;
	width: 100px;
}

	footer .contact .contact-block a.bnr01,
	footer .contact .contact-block a.bnr02{
		width: 160px;
		margin-top: 5px;
		margin-right: 3px;
		float: left;
	}


footer .contact .tel-block span.tel{
	font-size: 27px;
}
footer .contact .right a.navi-home img{
	margin-top: 24px;
	margin-right: 5px;
	width: 65px;
	float: left;
}
footer .contact .right a.navi-top img{
	width: 42px;
	float: right;

}


}

@media only screen and (max-width: 991px) {
footer.page .bnr{
	display:none;
}


footer .bnr{
	padding-top: 20px;
}

footer .bnr .respons-5{
	height: auto;
	padding: 20px;
}
footer .bnr .respons-5.margin{
	padding-top: 0px;
}
footer .bnr .respons-5 img.doctorsfile{
	width: 150px;
}
footer .bnr .respons-5 img.blog{
	margin-top: 0px;
	width: 150px;
}

footer .bnr .respons-5 img.fb{
	margin-top: 20px;
	width: 120px;
}
footer .bnr .respons-5.first{
    border-left: none;
}
footer .bnr .respons-5.first.last{
    border-right: none;
}
footer .bnr .respons-5.second{
    border-top: none;
    border-left: none;
}
footer .bnr .respons-5.second.last{
    border-right: none;
}
footer .contact{
	display:none;
}
footer .navi .respons-6.left{
	padding-left: 15px;
}
footer .navi .respons-6.right{
	padding-top: 10px;
	padding-right:  15px;
	clear: both;
}

footer .navi .respons-full{
	clear: both;
}

footer .navi .respons-full img{
	padding-top: 20px;
	width: 220px;
	clear: both;
}
}








/*	page
________________________________________*/

main.page-main{
	text-align: center;
	height: 395px;
}

main.page-main.owners{
	background: url('../img/page/main-owners.jpg') no-repeat center top;
	background-size: 1950px 395px;
	padding-top: 130px;
}
main.page-main.guide{
	background: url('../img/page/main-guide.jpg') no-repeat center top;
	background-size: 1950px 395px;
	padding-top: 130px;
}
main.page-main.care{
	background: url('../img/page/main-care.jpg') no-repeat center top;
	background-size: 1950px 395px;
	padding-top: 130px;
}
main.page-main.staff{
	background: url('../img/page/main-staff.jpg') no-repeat center top;
	background-size: 1950px 395px;
	padding-top: 130px;
}
main.page-main.trimming{
	background: url('../img/page/main-trimming.jpg') no-repeat center top;
	background-size: 1950px 395px;
	padding-top: 130px;
}
main.page-main.boarding{
	background: url('../img/page/main-boarding.jpg') no-repeat center top;
	background-size: 1950px 395px;
	padding-top: 130px;
}
main.page-main.upbringing{
	background: url('../img/page/main-upbringing.jpg') no-repeat center top;
	background-size: 1950px 395px;
	padding-top: 130px;
}
main.page-main.acupuncture{
	background: url('../img/page/main-acupuncture.jpg') no-repeat center top;
	background-size: 1950px 395px;
	padding-top: 130px;
}
main.page-main.homeopathy{
	background: url('../img/page/main-homeopathy.jpg') no-repeat center top;
	background-size: 1950px 395px;
	padding-top: 130px;
}
main.page-main.ozone{
	background: url('../img/page/main-ozone.jpg') no-repeat center top;
	background-size: 1950px 395px;
	padding-top: 130px;
}
main.page-main.flower{
	background: url('../img/page/main-flower.jpg') no-repeat center top;
	background-size: 1950px 395px;
	padding-top: 130px;
}
main.page-main.news{
	background: url('../img/page/main-news.jpg') no-repeat center top;
	background-size: 1950px 395px;
	padding-top: 130px;
}
main.page-main.contact{
	background: url('../img/page/main-contact.jpg') no-repeat center top;
	background-size: 1950px 395px;
	padding-top: 130px;
}
main.page-main.dental{
	background: url('../img/page/main-dental.jpg') no-repeat center top;
	background-size: 1950px 395px;
	padding-top: 130px;
}







main.page-main .inner{
	display: block;
	text-align: center;
	letter-spacing: 1px;
	margin-left: auto;
	margin-right: auto;
	width: 600px;
	color: #cdcdcd;
	font-size: 16px;
	padding: 30px 10px 30px 10px;
    border: 1px solid #DCDDDD;
	background-color:rgba(0,0,0,0.3);
	background-size:9px 9px;
	border-radius: 15px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
}

main.page-main span.title{
	display: block;
	font-size: 26px;
	color: #fff;
	margin: 0px 0px 0px 0px;
}

main.page-main span{
	font-size: 13px;
	color: #fff;
	margin: 5px 0px 0px 0px;
	display: block;
	text-indent:0;
	white-space:normal;
	overflow:visible;
}

.page{
	margin-top: 40px;
	margin-bottom: 60px;

}


.page .respons-9 .title-p{
	margin-bottom: 40px;
	display: block;
	text-align: left;
	letter-spacing: 1px;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	color: #333;
	font-size: 16px;
	padding: 20px 30px 20px 30px;
	background-color:#F5F4F4;
	background-size:9px 9px;
	border-radius: 15px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
}
.page .respons-9 .title-p p{
	color: #333;
	font-size: 16px;
	margin: 0px 0px 0px 0px;
	letter-spacing: 1px;
}


.page .respons-9 h1{
	display: block;
	text-align: left;
	letter-spacing: 1px;
	margin-top: 40px;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	color: #fff;
	font-size: 18px;
	padding: 20px 10px 20px 50px;
	background: url('../img/page/h2.svg') no-repeat ;
	background-color:#8DC21F;
	background-position:20px;
	background-size:15px 15px;
	border-radius: 15px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	clear: both;
}
.page .respons-9 h2{
	margin-top: 40px;
	display: block;
	text-align: left;
	letter-spacing: 1px;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	color: #333;
	font-size: 17px;
	padding: 20px 10px 20px 20px;
	background-color:#F5F4F4;
	background-position:20px;
	background-size:15px 15px;
	border-radius: 15px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	clear: both;
}

/*
.page .respons-9 h2{
	margin-top: 40px;
	display: block;
	text-align: left;
	letter-spacing: 1px;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	color: #333;
	font-size: 17px;
	padding: 20px 10px 20px 50px;
	background: url('../img/page/h3.svg') no-repeat ;
	background-color:#F5F4F4;
	background-position:20px;
	background-size:15px 15px;
	border-radius: 15px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	clear: both;
}
*/


.page .respons-9 h3{
	margin-top: 20px;
	margin-bottom: 20px;
	text-align: left;
	letter-spacing: 1px;
	color: #333;
	font-size: 26px;
	line-height: 44px;
}
.page .respons-9 h4{
	margin-top: 20px;
	margin-bottom: 20px;
	text-align: left;
	letter-spacing: 1px;
	color: #333;
	font-size: 24px;
	line-height: 40px;
}

.page .respons-9 p{
	font-size: 16px;
	line-height: 28px;
}
.page .respons-9 hr{
    border-top: 1px dotted #999;
	margin-top: 10px;
	padding-bottom: 10px;
}

.page .respons-9 table{
	border: 1px solid #cdcdcd;
	margin-bottom: 10px;
}
.page .respons-9 table th,
.page .respons-9 table td{
	border: 1px solid #cdcdcd;
	padding: 20px 20px;
}



.page .respons-3 h3{
	text-align: center;
  position: relative;
  display: inline-block;
  margin:  0;
  padding: 18px 10px;
  min-width: 100%;
  max-width: 100%;
  color: #fff;
  font-size: 16px;
  background: #8DC21F;
	background-size:15px 15px;
	border-radius: 15px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
}
.page .respons-3 h3:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  border: 10px solid transparent;
  border-top: 10px solid #8DC21F;
}

.page .respons-3 ul{
	margin-top: 10px;
}


.page .respons-3 ul li{
	font-size: 16px;
	padding: 20px 0px 20px 30px;
	background: url('../img/page/arrow-green.svg') no-repeat ;
	background-position:0px;
	background-size:20px 20px;
    border-bottom: 1px dotted #999;
}
/* .page .respons-3 ul li:last-child{
	background: url('../img/page/arrow-blue.svg') no-repeat ;
	background-position:0px;
	background-size:20px 20px;
} */

.page .respons-3 ul li a{
	color: #333;
}

a.navi.recruit{
	width: 100%;
}


.page .respons-3 .contact{
	padding-top: 20px;
    border-top: 1px dotted #999;
    border-bottom: 1px dotted #999;
}

.page .respons-3 .contact a.bnr01 img,
.page .respons-3 .contact a.bnr02 img{
	margin-top: 5px;
	margin-bottom: 5px;

}

.page .respons-3 .contact img{
	width: 90%;

}
.page .respons-3 .contact h3{
	text-align: center;
  position: staticrelative;
  display: block;
  margin:  0;
  padding: 10px 0px 0px 0px;
  color: #8DC21F;
  font-size: 16px;
  background: none;
}

.page .respons-3 .contact h3:before {
	display: none;
}

.page .respons-3 .contact a.navi{
	width: 100%;
	margin-top: 15px;
	margin-bottom: 10px;
}


.page .respons-3 .contact span.tel{
	display: block;
	text-align: center;
	color: #8DC21F;
	font-size: 26px;
	letter-spacing: 1px;
}
.page .respons-3 .contact span.time{
	display: block;
	text-align: center;
	font-size: 12px;
	letter-spacing: 1px;
}

.page .respons-3 .contact address span{
	margin-top: 15px;
	display: block;
	text-align: center;
	font-size: 12px;
	letter-spacing: 1px;
}

.page .respons-3 .other-site{
	padding-top: 20px;
    border-bottom: 1px dotted #999;
}
.page .respons-3 .other-site img{
	width: 90%;
}
.page .respons-3 .other-site a.navi{
	width: 100%;
	margin-top: 15px;
	margin-bottom: 20px;
	background-color:#EC6D81;

}


img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 0px;
	margin: 0 0 20px 20px;
	display: inline;
	}

img.alignleft {
	padding: 0px;
	margin: 0 20px 20px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}


td, th {
    padding: 30px 40px;
}

.ggmap {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}

.ggmap iframe,
.ggmap object,
.ggmap embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}







@media only screen and (max-width: 991px) {
.page .respons-3 .page-side{
	display: none;

}
.page .respons-3{
	margin-top: 50px;
}
.page .respons-3 .contact img,
.page .respons-3 .other-site img{
	width: 250px;
}
}

@media only screen and (max-width: 800px) {

main.page-main{
	text-align: center;
	height: 295px;
}

main.page-main.owners{
	background: url('../img/page/main-owners.jpg') no-repeat center top;
	background-size: 1400px 295px;
	padding-top: 95px;
}
main.page-main.guide{
	background: url('../img/page/main-guide.jpg') no-repeat center top;
	background-size: 1400px 295px;
	padding-top: 95px;
}
main.page-main.care{
	background: url('../img/page/main-care.jpg') no-repeat center top;
	background-size: 1400px 295px;
	padding-top: 95px;
}
main.page-main.staff{
	background: url('../img/page/main-staff.jpg') no-repeat center top;
	background-size: 1400px 295px;
	padding-top: 95px;
}
main.page-main.trimming{
	background: url('../img/page/main-trimming.jpg') no-repeat center top;
	background-size: 1400px 295px;
	padding-top: 95px;
}
main.page-main.boarding{
	background: url('../img/page/main-boarding.jpg') no-repeat center top;
	background-size: 1400px 295px;
	padding-top: 95px;
}
main.page-main.upbringing{
	background: url('../img/page/main-upbringing.jpg') no-repeat center top;
	background-size: 1400px 295px;
	padding-top: 95px;
}
main.page-main.acupuncture{
	background: url('../img/page/main-acupuncture.jpg') no-repeat center top;
	background-size: 1400px 295px;
	padding-top: 95px;
}
main.page-main.homeopathy{
	background: url('../img/page/main-homeopathy.jpg') no-repeat center top;
	background-size: 1400px 295px;
	padding-top: 95px;
}
main.page-main.ozone{
	background: url('../img/page/main-ozone.jpg') no-repeat center top;
	background-size: 1400px 295px;
	padding-top: 95px;
}
main.page-main.flower{
	background: url('../img/page/main-flower.jpg') no-repeat center top;
	background-size: 1400px 295px;
	padding-top: 95px;
}
main.page-main.news{
	background: url('../img/page/main-news.jpg') no-repeat center top;
	background-size: 1400px 295px;
	padding-top: 95px;
}
main.page-main.contact{
	background: url('../img/page/main-contact.jpg') no-repeat center top;
	background-size: 1400px 295px;
	padding-top: 95px;
}




main.page-main .inner{
	width: 350px;
	color: #cdcdcd;
	font-size: 16px;
	padding: 20px 10px 20px 10px;
}

main.page-main span.title{
	font-size: 20px;
}

main.page-main span{
	font-size: 11px;
}

}


@media only screen and (max-width: 600px) {
main.page-main{
	height: 195px;
}

main.page-main.owners{
	background-size: 1000px 195px;
	padding-top: 55px;
}
main.page-main.guide{
	background-size: 1000px 195px;
	padding-top: 55px;
}
main.page-main.care{
	background-size: 1000px 195px;
	padding-top: 55px;
}
main.page-main.staff{
	background-size: 1000px 195px;
	padding-top: 55px;
}
main.page-main.trimming{
	background-size: 1000px 195px;
	padding-top: 55px;
}
main.page-main.boarding{
	background-size: 1000px 195px;
	padding-top: 55px;
}
main.page-main.upbringing{
	background-size: 1000px 195px;
	padding-top: 55px;
}
main.page-main.acupuncture{
	background-size: 1000px 195px;
	padding-top: 55px;
}
main.page-main.homeopathy{
	background-size: 1000px 195px;
	padding-top: 55px;
}
main.page-main.ozone{
	background-size: 1000px 195px;
	padding-top: 55px;
}
main.page-main.flower{
	background-size: 1000px 195px;
	padding-top: 55px;
}
main.page-main.news{
	background-size: 1000px 195px;
	padding-top: 55px;
}
main.page-main.contact{
	background-size: 1000px 195px;
	padding-top: 55px;
}

}



/*	News
________________________________________*/

.page .news{
	margin-top: 40px;
	padding-bottom: 20px;
    border-bottom: 1px dotted #999;
}

.page .news span.time{
	font-size: 12px;
}
.page .news span.ctgry{
	font-size: 12px;
	text-align: center;
	letter-spacing: 1px;
	width: auto;
	margin-top: 0px;
	margin-bottom: 10px;
	color: #8DC21F;
	padding: 7px 10px 7px 10px;
    border: 1px solid #8DC21F;
	background-color:#fff;
	border-radius: 15px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
}
.page .news h4{
	font-size: 16px;
	line-height: 32px;
	margin-top: 15px;
}
.page .news a h4{
	color: #333;
	letter-spacing: 1px;
	line-height: 1.5em;
}

.page.news .respons-9  h1.first{
	margin-top: 5px;
}
.page.news .respons-9  span.time{
	margin-left: 2px;
}


.page .wp-pagenavi{
	text-align: center;
   	padding: 30px 0px 50px 0px;

}

.page .wp-pagenavi span{
	color: #777;
	text-decoration: none;
	border: 1px solid #8DC21F;
	padding: 5px 5px;
	margin: 2px;
}

.page .wp-pagenavi a{
	color: #fff;
	text-decoration: none;
	border: 1px solid #8DC21F;
	padding: 5px 5px;
	margin: 2px;
}
.page .wp-pagenavi a{
	border: 1px solid #8DC21F;
	background-color: #8DC21F;
}

.page .wp-pagenavi a:hover, .wp-pagenavi span.current{
	border-color:#8DC21F;
}

.page .wp-pagenavi span.current{
	font-weight: bold;
}


.page .respons-3 .page-side-categry {
	margin-bottom: 40px;
}
.page .respons-3 .page-side-categry ul li{
	font-size: 16px;
	padding: 20px 0px 20px 30px;
	background: url('../img/page/arrow-green.svg') no-repeat ;
	background-position:0px;
	background-size:20px 20px;
    border-bottom: 1px dotted #999;
}





@media only screen and (max-width: 991px) {
.page .respons-3 .page-side-categry {
	margin-top: 60px;
	margin-bottom: 20px;
}
.page .respons-3 .page-side-categry ul li{
	padding: 10px 0px 10px 30px;
}


}


/*	calender
________________________________________*/

.calender-block{
	padding-left: 28%;
}
@media only screen and (max-width: 1201px) {
	.calender-block{
		padding-left: 25%;
	}
}

@media only screen and (max-width: 700px) {
	.calender-block{
		padding-left: 0%;
	}
}