/* PC */

@import url(http://fonts.googleapis.com/earlyaccess/notosansjapanese.css);

html{
	font-family: 'Noto Sans Japanese', sans-serif;
	font-size:110%;
}

body{
	line-height:1.5;
    margin:0;
	color:#555556
}

p{
	margin:0;
	padding:0
}

a {
    display: block;
	-webkit-tap-highlight-color:transparent;
}

a:hover img{
	opacity: 0.5;
	filter: alpha(opacity=80);
	-ms-filter:"alpha(opacity=80)";
	transition-duration:0.3s;
	transition-timing-function: ease;
}

a.btn{
	float:right;
	margin-top:50px;
	width:60px;
	text-align:center;
	display:block;
	border:1px solid #de8972;
	padding:3px;
	text-decoration:none;
	color:#de8972
}

a.btn:hover{
	border:1px solid #fff;
	color:#fff
}

a.btn2{
	float:right;
	margin-top:50px;	
	text-align:center;
	display:block;
	border:1px solid #307055;
	padding:3px;
	text-decoration:none;
	color:#307055
}

a.btn2:hover{
	border:1px solid #099;
	color:#099
}









/* メインバック */
.mainimg{
	width:100%;
	height:600px;
	background-image:url(../img/mainback.png);
	background-size:cover;
	text-align:center;
	padding-top:10px;
	
}


.contents-mainimg{
	width:100%;
	height:100px;
	background-image:url(../img/mainback.png);
	background-size:cover;
	text-align:center;
	padding-top:10px;
	
}


.logo{
	width:330px;
}


.main-kaigyou{
	margin-top:80px;
}



/* =======================================
	スライダー
======================================= */

#container {
	width: 100%;
	text-align: center;
	margin-top:-10px;
}

.wideslider {
	width: 100%;
	text-align: left;
	position: relative;
	overflow: hidden;
}

.wideslider ul,
.wideslider ul li {
	float: left;
	display: inline;
	overflow: hidden;
}

.wideslider ul li img {
	width:100%;
	display: none;
}

.wideslider_base {
	top: 0;
	position: absolute;

}
.wideslider_wrap {
	top: 0;
	position: absolute;
	overflow: hidden;

}
.slider_prev,
.slider_next {
	top: 0;
	overflow: hidden;
	position: absolute;
	z-index: 100;
	cursor: pointer;
}
.slider_prev {background: #fff no-repeat right center;}
.slider_next {background: #fff no-repeat left center;}

.pagination {
	bottom: 10px;
	left: 0;
	width: 100%;
	height: 15px;
	text-align: center;
	position: absolute;
	z-index: 200;
}

.pagination a {
	margin: 0 5px;
	width: 15px;
	height: 15px;
	display: inline-block;
	overflow: hidden;
	background: #333;
}
.pagination a.active {
	filter:alpha(opacity=100)!important;
	-moz-opacity: 1!important;
	opacity: 1!important;
}



.wideslider ul:after {
	content: ".";
	height: 0;
	clear: both;
	display: block;
	visibility: hidden;

}

.wideslider ul {
	display: inline-block;
	overflow: hidden;
		margin:0;
	padding:0
}


/* PCナビ */
.pc-navi{
	width:100%;
	height:81px;
	background-color:#d3ea73;
	
}
.navi-img{
	width:962px;
	margin:0 auto;
}
.navi-img-float{
	float:left
}


/* SPナビ */
.sp-navi{
	display:none;
}




/* 2カラム */
.main {
	width:962px;
	margin:0 auto;
	display: -webkit-flex;
	display: flex;
}

.main section {
	-webkit-flex: 1;
	flex: 1;
	margin: 20px;
}
.main .col-2 {
	-webkit-flex: 2.3;
	flex: 2.3;
}



.main-left {
	width:962px;
	margin:0 auto;
	display: -webkit-flex;
	display: flex;
}

.main-left section {
	-webkit-flex: 1;
	flex: 1;
	margin: 20px;
}
.main-left .col-2 {
	-webkit-flex: 2.3;
	flex: 2.3;
}



h1, h2, h3, h4, h5, h6, p {
    margin: 0;
}

h1.news{
	color:#fff;
	font-size:20px;
}

h3{
	font-weight:bold;
	font-size:18px;
	color:#de8972
}


h4{
	font-weight:bold;
	font-size:30px;
	color:#de8972
}

	

.kaigyou{
	clear:both;
	margin-bottom:50px;
}

.boder{
	border:solid 1px #c3c3c3;
	width:97%;
	padding:5px;
}

.gurade{
	padding:5px;
	background-color: #de8a74;
	background-image: linear-gradient(-5deg,#f3ae9c 52%,#de8a74 50%);
}

.padding{
	padding:10px;
}

img.icon{
	vertical-align:middle
}


.news-text{
	width:100%;
	height:200px;
	overflow:auto;

}






/* 院長コメント */
.intyou-comment{
	width:100%;
	height:417px;
	background-image:url(../img/img2.png);
	background-size:cover
	
}

.intyou-comment-text{
	width:960px;
	margin:0 auto;
	

}
.text-left{
	text-align:left;
	width:50%;
	float:left;
	margin-top:100px;
	
}


h2{
	color:#de8972;
	font-weight:100;
	font-size:32px;
}





/* 地図 */
.map{
	width:100%;
	height:546px;
	background-image:url(../img/img3.png);
	background-size:cover	
}


.map-text{
	width:960px;
	margin:0 auto;
	text-align:center;
	color:#FFF;
	padding-top:40px;
	
}


/* お客様の声 */
.voice{
	background-image:url(../img/back1.png);
	background-repeat:repeat-x;
	
}

.voice-list{
	width:960px;
	margin:0 auto;
	text-align:center
}


/* 3カラム */
.main3{
	width:960px;
	margin:0 auto;
	display: -webkit-flex;
	display: flex;
	text-align:left;
}

.main3 section{
	-webkit-flex: 1;
	flex: 1;
	margin: 10px;
}
.main3 .col-2-3{
	-webkit-flex: 1;
	flex: 1;
}

.icon2{
	width:100%;
}

.icon3{
	width:559px;
}



/* フッターTEL */
.footer-tel{
	width:100%;
	text-align: center;
	background-image:url(../img/back2.png);
	background-position:bottom;
	background-repeat:repeat-x;	
}


/* フッター1 */
.footer1{
	display:table;
	width:100%;
	background-color:#d06146;
	height:10px;
	text-align:center;	
}

/* フッターナビ */
.footer-navi{
	width:100%;
	text-align:center;
	background-color:#d3ea73;
	height:41px;
	
}

/* フッターロゴ */
.footer-logo{
	width:100%;
	table-layout:auto;
	background-color:#98a954;
	height:150px;
	color:#FFF;
	font-size:10px;
	
}

.col-3-3-f{
	text-align:right
}


/* ページトップボタン */
#page-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    font-size: 77%;
}
#page-top a {
    background-color: rgba(211,234,115,0.6);
    text-decoration: none;
    color: #fff;
    width: 100px;
    padding: 30px 0;
    text-align: center;
    display: block;
    border-radius: 5px;
}
#page-top a:hover {
    text-decoration: none;
    background-color: rgba(211,234,115,0.6);
}



/* コンテンツ */
.contents{
	width:960px;
	margin:0 auto;
	text-align:left
}




.contents-img{
	width:23%;
	float:left;
	margin:5px;
}

.contents-img2{
	width:48%;
	float:left;
	margin:5px;
}


.contents-left{
	width:272px;
	float:left;
	margin-right:30px;
	text-align:left
}


.contents-right{
	width:608px;
	float:right;
	text-align:left
}


/* FROM */

textarea{
	width:95%;
	font-size:1.5;
	height:50px;
	border-radius:10px;
	padding:5px;
}



.demo-email-element{
	width:95%;
	font-size:1.5;
	height:50px;
	border-radius:10px;
	padding:5px;
}

submit{
　　-webkit-appearance: none;
}

#image-btn{
		width:100%;
	margin:0 auto;
	padding:10px;
	border:solid 2px #0C0;
	font-size:30px;	
	color:#000000;
	border:none;
	margin-top:30px;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#9dd53a+0,a1d54f+50,80c217+51,7cbc0a+100;Green+Gloss+%231 */
background: #9dd53a; /* Old browsers */
background: -moz-linear-gradient(top,  #9dd53a 0%, #a1d54f 50%, #80c217 51%, #7cbc0a 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #9dd53a 0%,#a1d54f 50%,#80c217 51%,#7cbc0a 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #9dd53a 0%,#a1d54f 50%,#80c217 51%,#7cbc0a 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9dd53a', endColorstr='#7cbc0a',GradientType=0 ); /* IE6-9 */

	
}

#image-btn:hover{
	padding:10px;
	border:solid 2px #0C0;
	font-size:30px;	
	color:#F00;
	border:none;
	margin-top:30px;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#7cbc0a+0,a1d54f+50,80c217+51,9dd53a+100,9dd53a+100 */
background: #7cbc0a; /* Old browsers */
background: -moz-linear-gradient(top,  #7cbc0a 0%, #a1d54f 50%, #80c217 51%, #9dd53a 100%, #9dd53a 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #7cbc0a 0%,#a1d54f 50%,#80c217 51%,#9dd53a 100%,#9dd53a 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #7cbc0a 0%,#a1d54f 50%,#80c217 51%,#9dd53a 100%,#9dd53a 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7cbc0a', endColorstr='#9dd53a',GradientType=0 ); /* IE6-9 */

}






#formWrap {
	font-size:1.5;
	width:95%;
	margin:0 auto;
	color:#fff;
	line-height:110%;
}
table.formTable{
	width:100%;
	margin:0 auto;
	border-collapse:collapse;
}
table.formTable td,table.formTable th{
	border:1px solid #ccc;
	padding:10px;
	text-align:left;
}
table.formTable th{
	width:30%;
	font-weight:normal;
	text-align:left;
}
p.error_messe{
	margin:5px 0;
	color:red;
}












/* SP */
@media screen and (max-width: 700px) {
@import url(http://fonts.googleapis.com/earlyaccess/notosansjapanese.css);
	

html{
	font-family: 'Noto Sans Japanese', sans-serif;
	font-size:100%;
}

body{
	line-height:1.5;
    margin:0;
	color:#555556
}

p{
	margin:0;
	padding:0
}

a {
    display: block;
	-webkit-tap-highlight-color:transparent;
}

a:hover img{
	opacity: 0.5;
	filter: alpha(opacity=80);
	-ms-filter:"alpha(opacity=80)";
	transition-duration:0.3s;
	transition-timing-function: ease;
}

a.btn{
	float:right;
	margin-top:50px;
	width:60px;
	text-align:center;
	display:block;
	border:1px solid #de8972;
	padding:3px;
	text-decoration:none;
	color:#de8972
}

a.btn:hover{
	border:1px solid #fff;
	color:#fff
}

a.btn2{
	float:right;
	margin-top:50px;	
	text-align:center;
	display:block;
	border:1px solid #307055;
	padding:3px;
	text-decoration:none;
	color:#307055
}

a.btn2:hover{
	border:1px solid #099;
	color:#099
}

img{
	width:90%;
}





/* メインバック */
.mainimg{
	width:100%;
	height:310px;
	background-image:url(../img/mainback.png);
	background-size:cover;
	text-align:center;
	padding-top:10px;
	
}

.contents-mainimg{
	width:100%;
	height:100px;
	background-image:url(../img/mainback.png);
	background-size:cover;
	text-align:center;
	padding-top:10px;
	
}

.logo{
	width:200px;
}


.main-kaigyou{
	margin-top:30px;
}


/* =======================================
	スライダー
======================================= */

#container {
	width: 100%;
	text-align: center;
	margin-top:10px;
}

.wideslider {
	width: 100%;
	text-align: left;
	position: relative;
	overflow: hidden;
}

.wideslider ul,
.wideslider ul li {
	float: left;
	display: inline;
	overflow: hidden;
}

.wideslider ul li img {
	width:100%;
	display: none;
	height:auto;
}

.wideslider_base {
	top: 0;
	position: absolute;

}
.wideslider_wrap {
	top: 0;
	position: absolute;
	overflow: hidden;

}
.slider_prev,
.slider_next {
	top: 0;
	overflow: hidden;
	position: absolute;
	z-index: 100;
	cursor: pointer;
}
.slider_prev {background: #fff no-repeat right center;}
.slider_next {background: #fff no-repeat left center;}

.pagination {
	bottom: 10px;
	left: 0;
	width: 100%;
	height: 15px;
	text-align: center;
	position: absolute;
	z-index: 200;
}

.pagination a {
	margin: 0 5px;
	width: 15px;
	height: 15px;
	display: inline-block;
	overflow: hidden;
	background: #333;
}
.pagination a.active {
	filter:alpha(opacity=100)!important;
	-moz-opacity: 1!important;
	opacity: 1!important;
}



.wideslider ul:after {
	content: ".";
	height: 0;
	clear: both;
	display: block;
	visibility: hidden;

}

.wideslider ul {
	display: inline-block;
	overflow: hidden;
		margin:0;
	padding:0
}







/* PCナビ */
.pc-navi{
	display:none	
}



/* SPナビ */
.sp-navi{
	display:block;

}

#top-editarea{
 background: #8b9c42;
 text-align: right;
}
#top-editarea .section{
 margin: 0;
 width: 100%;
}
.menu-toggle{
	display:block;
	width:100%;
	text-align:center;
 color: #fff;
 padding-top: 5px;
 padding-bottom: 5px;
 background: #de8972;
}
#menu {
 display: none;
 padding: 0;
 margin: 0;
}
#menu li{
 list-style-type: none;
 background: #8b9c42;/*リストの背景色*/
 margin: 0 auto;
 background: #8b9c42;/*項目の背景色*/
 width: 50%;
 float: left;
}
#menu li a {
 color: #ffffff;/*リストの文字色*/
 font-weight: bold;
 display: block;
 height: 40px;
 line-height: 40px;
 text-align: center;/*リストの文字の位置*/
 border: 1px solid white;
}






/* 2カラム */
.main {
	width:98%;
	margin:0 auto;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: column;
    flex-direction: column;
	text-align:center;
}

.main section {
	-webkit-flex: 1;
	flex: 1;
	
}
.main .col-2 {
	-webkit-flex:1;
	flex:1;
}



.main-left {
	width:98%;
	margin:0 auto;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: column;
    flex-direction: column;
	text-align:left;
}

.main-left section {
	-webkit-flex: 1;
	flex: 1;
	
}
.main-left .col-2 {
	-webkit-flex:1;
	flex:1;
}




h1, h2, h3, h4, h5, h6, p {
    margin: 0;
}

h1.news{
	color:#fff;
	font-size:20px;
}

h3{
	font-weight:bold;
	font-size:2;
	color:#de8972
}

.kaigyou{
	clear:both;
	margin-bottom:30px;
}

.boder{
	border:solid 1px #c3c3c3;
	width:95%;
	margin:0 auto;
	padding:5px;
	text-align:left
}

.gurade{
	padding:5px;
	background-color: #de8a74;
	background-image: linear-gradient(-5deg,#f3ae9c 52%,#de8a74 50%);
	text-align:left
}

.padding{
	padding:5px;
}

img.icon{
	vertical-align:middle;
	width:30px;
}


.news-text{
	width:100%;
	height:300px;
	overflow:auto;

}






/* 院長コメント */
.intyou-comment{
	width:100%;
	height:350px;
	background-image:url(../img/img2.png);
	background-position:center;
	background-size:cover
	
}

.intyou-comment-text{
	width:90%;
	margin:0 auto;
	

}
.text-left{
	text-align:left;
	width:100%;
	float:left;
	margin-top:10px;
	
}


h2{
	color:#de8972;
	font-weight:100;
	font-size:1.5;
}





/* 地図 */
.map{
	width:100%;
	height:580px;
	background-image:url(../img/img3.png);
	background-size:cover;
	background-position:center;	
}


.map-text{
	width:90%;
	margin:0 auto;
	text-align:center;
	color:#FFF;
	padding-top:40px;
	
}


/* お客様の声 */
.voice{
	background-image:url(../img/back1.png);
	background-repeat:repeat-x;
	
}

.voice-list{
	width:98%;
	margin:0 auto;
	text-align:center
}


/* 3カラム */

.main3{
	width:100%;
	margin:0 auto;
	display: -webkit-flex;
	display: flex;
	text-align:left;
	-webkit-flex-direction: column;
    flex-direction: column;
}

.main3 section{
	-webkit-flex: 1;
	flex: 1;
	
}

.icon2{
	width:100%;
}

.icon3{
	width:100%;
}



/* フッターTEL */
.footer-tel{
	width:100%;
	text-align: center;
	background-image:url(../img/back2.png);
	background-position:bottom;
	background-repeat:repeat-x;	
}


/* フッター1 */
.footer1{
	display:table;
	width:100%;
	background-color:#d06146;
	height:10px;
	text-align:center;	
}

img.footer-logo-text{
	width:50%
}

/* フッターナビ */
.footer-navi{
	display:none
	
}

/* フッターロゴ */
.footer-logo{
	width:100%;
	table-layout:auto;
	background-color:#98a954;
	height:150px;
	color:#FFF;
	font-size:10px;
	
}

.col-3-3-f{
	text-align: center;
	width:50%;
	display:none
}



/* コンテンツ */
.contents{
	width:98%;
	margin:0 auto;
	text-align:left
}


.contents-img{
	margin:0 auto;
	width:98%;	
	float:left;
}

.contents-img2{
	width:45%;
	float:left;
}

.contents-left{
	display:none
}


.contents-right{
	width:100%;
}



	
}