@import url('reset.css');

body {
	background-color:#fff;/*f6f6f6 e1eaf1 dadfe8*/
	color:#696969;/*3b4e61*/
	/*font-family: 'PT Sans Narrow', Arial, sans-serif;*/
	/*font-family:Helvetica,Arial,sans-serif;*/
	font-family: "Lucida Sans Unicode","Lato", "Arial", "游ゴシック", "Yu Gothic", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "Meiryo", "メイリオ", "Lucida Grande","ＭＳ Ｐゴシック", sans-serif;
}

a{
	color:#696969;/*#007b68*/
	text-decoration:none;
}
a:hover{
	color:#fff;
	text-decoration:none;
}

section{
	padding:60px 0 60px;
	text-align:center;
	background-color:#fff;/*#dadfe8*/
}
section *{
	max-width:640px;
	margin:0 auto;
}
section:after {
	content: ""; 
	display: block; 
	clear: both;
	visibility:hidden;
}
@media screen and (max-width: 640px) {
	section{
		padding:50px 0 50px;
	}
}
@media screen and (max-width: 480px) {
	section{
		padding:33px 0 33px;
	}
}

section img{
	max-width:430px;
}

figure img,
section p{
	display:block;
	margin:0 auto;
	width:100%;
	max-width:640px;
}
section p{
	text-align:left;
	margin-bottom:3%;
	line-height:1.6em;
}
span.sup{
	font-size:70%;
	color:#9f9f9f;
	line-height:1.2;
}
section figcaption{
	display:none;
}



h2 span, h2 img{
	display:block;
	margin:0 auto;
}
h2 {
	margin-bottom:40px;
	font-size:120%;
	font-family: 'Lucida Sans Unicode', 'Lato', Arial, sans-serif;
	font-weight:400;
	letter-spacing:2;
}
h2 img{
	width:80%;
}
@media screen and (max-width: 480px) {
	h2 {
		font-size:100%;
		margin-bottom:30px;
		font-weight:600;
	}
}

.transition05s{
	transition:1.0s ease-out;
		-o-transition:0.5s ease-out;
		-ms-transition:0.5s ease-out;
		-moz-transition:0.5s ease-out;
		-webkit-transition:0.5s ease-out;
}


/*
 * ヘッダー
*/
h1{
	padding-top:20px;
	padding-left:30px;
	padding-bottom:15px;
	text-align:left;
	background: #fafafa;
}
h1 img{
	width:80%;
	max-width:100px;
}
@media screen and (max-width: 640px) {
	h1{
		padding-top:3.5%;
		padding-bottom:2%;
	}
}
@media screen and (max-width: 480px) {
	h1{
		padding-top:3.5%;
		padding-left:4.5%;
		padding-bottom:2.5%;
	}
	h1 img{
		width:18%;
	}
}

.fixTop{
	
}
header nav {
	text-align: center;
	background: #f2f2f2;/*#e0e0e0 #d3e6e7*/
	background: rgba(242,242,242,1);/*rgba(211,230,321,1)*/
}
header nav ul {
	margin: 0;
	padding: 0.8em;
	list-style-type: none;
}
header nav ul li {
	display: inline;
/*	margin-left: 1em; */
	padding: 3%;
}
header nav ul li:first-child {
	margin-left: 0;
}
header nav ul li ul {
	display: none;
}
header nav ul li a{
	display:inline-block;
	line-height:1;
}
header nav ul li a:hover{
	color:#007b68;
}
header nav ul li a span{
display:none;
	font-size:66%;
}
header nav ul li a span:before{
	content:"\A";
	white-space: pre;
}
@media screen and (max-width: 480px) {
	header nav ul li a span{
		display:inline-block;
		font-size:70%;
		margin-left:20px;
	}
}
.container{
}
/*
 *  フッター
*/
footer{
	background: #fafafa;
	padding:30px;
	color:#696969;
	text-align:center;
	font-size:80%;
}
a#gototop{
	width:40px;
	height:40px;
	position:fixed;
	top:auto;
	bottom:16px;
	right:20px;
	display:block;
}
a#gototop img{
	width:auto;
}

@media screen and (max-width: 480px) {
	footer{
		padding:20px;
		font-size:60%;
		letter-spacing:0;
	}
	a#gototop{
		bottom:6px;
		right:10px;
	}
}


/*
 * index
*/
section#index {
	padding:0;
}
section#index figure{
	position:relative;
	max-width:640px;
	width:100%;
	margin:0 auto;
	line-height:0;
/*
	background:url(../images/bg_index.jpg) top left no-repeat;
	background-size:cover;
border:solid 1px;
*/
}

section#index figure #bg_index{
	display:inline-block;
}
section#index #img_logo{
position:absolute;
	top:15%;
	left:50%;
	margin-left:-75px;
	max-width:151px;
}
@media screen and (max-width: 640px) {
	section#index #img_logo{
		top:17%;
		margin-left:-60px;
		max-width:120px;
	}
}
@media screen and (max-width: 480px) {
	section#index #img_logo{
		top:28%;
		margin-left:-48px;
		max-width:96px;
	}
}


/*
 * news
*/
section#news{
	background-color:#f2f2f2;/*#e1eaf1*/
	max-width:640px;
	margin:0 auto;
}
section#news article{
	max-width:485px;/*485px*/
	margin:0 auto;
	width:90%;/*80*/
}

section#news article *{
	text-align: left;
}
section#news article header h3{
/*	font-weight:bold; */
	padding-top:1%;
	padding-bottom:1.2%;
	border-bottom:dotted 1px;
	margin-bottom:3.3%;
	font-size:110%;
}
section#news article header time{
	font-family: Arial, Arial, Helvetica, sans-serif;
	color:  #007b68;/*#c43e03*/
	font-size:76%;
	letter-spacing:1;
}
section#news article p{
	display:block;
	line-height:1.6em;
}

/*
* blog data
*/
section#news table{
	margin:10px 0 10px;
	width:100%;
	font-size:80%;
}
section#news table,
section#news table td,
section#news table th {
    border-collapse: collapse;
    border:1px solid #fff;
	text-align:center;
}
section#news table td,
section#news table th {
    padding:3px;
}
section#news table th {
    background-color:#bbb;
	color:#fff;
}
section#news table td {
    background-color:#fafafa;
}
section#news .txt_info{
	font-size:80%;
}

section#news article{
	text-align:left;
}
section#news article#info{
	margin-top:50px;
}
section#news article#info h2{
	text-align:center;
	border-bottom:dotted 1px;
	margin-bottom: 15px;
	padding-bottom:10px;
}
section#news article#info h3{
	letter-spacing:2px;
/*	padding:7px;
	text-align:center;
    background-color:#696969;
	color:#fff;
	margin-bottom: 5px;
	font-weight:600;
*/
	margin-top: 15px;
	font-size:110%;
}
section#news article#info h3:before,
section#news article#info h3:after{
	content:"＊";
}
section#news article#info p{
	margin-bottom:20px;
}
section#news article#info p img{
	display:block;
	width:240px;
	margin:40px auto 0;
}
section#news table td.horiday,
section#news table td.past{
	background-color:#eee;
	color:#999;
}

section#news table tr th:first-child{
	width:16%;
	line-height:1;
	padding:7px 0 5px;
}
section#news table tr th.disp_date{
	width:12%;
}


section#news article span{
	display:inline-block;
	width:17px;
	height:14px;
	background-image:url(../images/icons.png);
	background-repeat:no-repeat;
	
}
section#news article span.icon_maru{
	background-position:-17px 0px;
}
section#news article span.icon_sankaku{
	background-position:-34px 0px ;

}
section#news article span.icon_batsu{
	background-position:0px 0px;
}
/*
 * concept
*/
section#concept{
	background-color:#f5f5f5;
	background:url(../images/bg_concept.jpg) top left no-repeat;
	background-size:cover;
	max-width:640px;
	margin:0 auto;
	padding-top:50px;
	padding-bottom:289px;
	max-height:778px;
	overflow:hidden;
}
section#concept *{
	color:#fff;
}
section#concept h2{
	margin-bottom:30px;
}
@media screen and (max-width: 640px) {
	section#concept{
		padding-top:40px;
	}
	section#concept h2{
		margin-bottom:20px;
	}
}
@media screen and (max-width: 480px) {
	section#concept{
		padding-top:23px;
	}
	section#concept h2{
		margin-bottom:15px;
	}
}
section#concept figure{
/*	width:84.3%;*/
	margin:0 auto;
}
section#concept figure strong{
	display:block;
/*	border:solid 3px;*/
/*	padding:40px 0; */
	max-width:485px;
	margin:0 auto 40px;
}
section#concept figure strong img{
	width:80%;
	max-width:380px;
}
section#concept figure.widthL{
	width:76%;
}
section#concept figure.widthL img{
	width:100%;
	max-width:560px;
}
@media screen and (max-width: 640px) {
	section#concept{
		padding-bottom:50%;
	}
	section#concept figure{
		width:76%;
	}	
}
@media screen and (max-width: 480px) {
	section#concept{
		padding-bottom:50%;
	}
	section#concept figure{
		width:76%;
	}
	section#concept figure strong{
		padding:0;	
		margin:0 auto 30px;
	}
}

/*
 * price
*/
section#price{
	padding:0;
	position:relative;
}
section#price h2{
	position:absolute;
	top:60px;
	left:50%;
	width:300px;
	text-align:center;
	margin-left:-150px;
	z-index:9999;
}
section#price figure{
	z-index:1;
}
@media screen and (max-width: 640px) {
	section#price h2{
		top:50px;
	}
}
@media screen and (max-width: 480px) {
	section#price h2{
		top:33px;
	}
}

/*
 * access
*/
section#access{
	background-color:#f2f2f2;
	max-width:640px;
	margin:0 auto;
}
section#access img{
	width:auto;
}
section#news a,
section#access a{
	color:#696969;
}
section#news a:hover,
section#access a:hover{
	color:#696969;
}
section#access p{
	text-align:center;
	line-height:1.4em;
	padding:0 0 2% 0;
	font-size:90%;
}
section#news a.phone,
section#access a.phone{
	margin:2% 0 0 0;
	display:inline-block;
	line-height:0;
	padding:0 0 0 46px;
	text-align:left;
	line-height:30px;
	background:url(../images/ico_phone.png) top left no-repeat;
	font-size:140%;
	color:#007b68;
}
section#news a.phone{
	padding:0 0 0 40px;
	margin:0 0 0 0;
	font-size:100%;
}

section#access iframe{
	border:0;
	width:80%;
	max-width:600px;
	height:480px;
}
section#access p span{
	display:block;
	margin-top:2%;
}
@media screen and (max-width: 480px) {
	section#access iframe{
		height:280px;
	}
}