/* html5doctor.com Reset v1.6.1 (http://html5doctor.com/html-5-reset-stylesheet/) - http://cssreset.com */
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,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;background:transparent}
body{line-height:1}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
nav ul{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}
hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}
input,select{vertical-align:middle}
input[type="submit"], input[type="reset"], input[type="button"], button{
  cursor: pointer;
}

/* clearfix */
.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
 /* IE6 */
* html .clearfix { zoom: 1;}
 /* IE7 */
*:first-child+html .clearfix {zoom: 1;}

a:link,a:visited{
	color:#F5A623;
	font-weight: bold;
}

button.linkbtn{
	width:90%;
	height:auto;
	display:block;
	float:left;
	box-sizing:border-box;
	padding:8px !important;
	margin:8px 5% 8px 5%;;
	background:#fff;
	font-size:14px;
	font-weight: bold;
	color:#F5A623;
	text-align:center;
	text-decoration:underline;
	border:1px solid #ddd;
	border-radius:3px;
	-webkit-transition: 0.3s ease-in-out;  
	-moz-transition: 0.3s ease-in-out;  
	-o-transition: 0.3s ease-in-out;  
	transition: 0.3s ease-in-out; 
	position: relative;
}

button.contactbtn{
	width:80%;
	height:auto;
	display:block;
	float:left;
	box-sizing:border-box;
	padding:16px !important;
	margin:24px 10% 40px 10%;;
	background:#F5A623;
	box-shadow: 2px 4px 2px #F57923;
	font-size:18px;
	font-weight: bold;
	color:#fff;
	text-align:center;
	text-decoration:none;
	letter-spacing:2px;
	text-indent:2px;
	border:none;
	border-radius:3px;
	-webkit-transition: 0.3s ease-in-out;  
	-moz-transition: 0.3s ease-in-out;  
	-o-transition: 0.3s ease-in-out;  
	transition: 0.3s ease-in-out; 
	position: relative;
}

div.telbtn{
	width:80%;
	height:auto;
	display:block;
	box-sizing:border-box;
	padding:16px !important;
	margin:0px 10% 24px 10%;;
	background:#F5A623;
	box-shadow: 2px 4px 2px #F57923;
	font-size:24px;
	font-weight: bold;
	color:#fff;
	text-align:center;
	text-decoration:none;
	letter-spacing:2px;
	text-indent:2px;
	border:none;
	border-radius:3px;
	-webkit-transition: 0.3s ease-in-out;  
	-moz-transition: 0.3s ease-in-out;  
	-o-transition: 0.3s ease-in-out;  
	transition: 0.3s ease-in-out; 	
}

div.telbtn a{
	width:100%;
	height:auto;
	display: block;
	font-size:24px;
	font-weight: bold;
	color:#fff;
	text-align:center;
	text-decoration:none;
	letter-spacing:2px;
	text-indent:2px;	
}

button.mailbtn{
	width:80%;
	height:auto;
	display:block;
	box-sizing:border-box;
	padding:16px !important;
	margin:0px 10% 24px 10%;;
	background:#F5A623;
	box-shadow: 2px 4px 2px #F57923;
	font-size:18px;
	font-weight: bold;
	color:#fff;
	text-align:center;
	text-decoration:none;
	letter-spacing:2px;
	text-indent:2px;
	border:none;
	border-radius:3px;
	-webkit-transition: 0.3s ease-in-out;  
	-moz-transition: 0.3s ease-in-out;  
	-o-transition: 0.3s ease-in-out;  
	transition: 0.3s ease-in-out; 	
}

button.contactbtn:hover,div.telbtn:hover,button.mailbtn:hover{
	background:#F8E71C;
	box-shadow:2px 4px 2px #192C53;
	color:#192C53;
	cursor: hand !important;
}

span.btnruby{
	display:block;
	font-size:12px;
	text-align: center;
}

body{
font:normal 18px/1.75 "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
}
.column01,.column02,.column03,.column04,.column05,.column06,.column07,.column08,.column09,.column10,.column11,.column12,.column13,.column14,.column15,.column16,.column17,.column18,.column19,.column20,.column21,.column22,.column23,.column24{
  display: block;
  overflow: hidden;
  box-sizing: border-box;
}

.first {margin-left: 0;clear: left;}

.column05{
	width:50%;
	float:left;
	padding:0 24px;
}

.column08{
	text-align: center;
	padding:8px 24px;
}

.column08 img{
	border:4px solid #fff;
	margin:0 !important;
	box-shadow: 0px 0px 5px #ccc;
}

.column08.icon{
	padding:8px;
}

.column08.icon img{
	width:80px !important;
	 height:80px !important;
	margin:0 auto !important;
	border:0;
	box-shadow:none;
}

.column10{
}

section#outline{
width:100%;
height:auto;
display:block;
overflow:hidden;
padding: 78px 0 0 0;
margin:0;	
}

section#service{
width:100%;
height:auto;
display:block;
overflow:hidden;
background:#eee;
padding: 8px 0 0 0;
margin:0;
border-top:1px solid #ddd;
border-bottom:1px solid #ddd;	
}

section#price{
width:100%;
height:auto;
display:block;
overflow:hidden;
padding: 58px 0 64px 0;
margin:0;	
}

section#access{
width:100%;
height:auto;
display:block;
overflow:hidden;
background:#eee;
padding: 48px 0 0 0;
margin:0;	
border-top:1px solid #ddd;
}

section#contact{
width:100%;
height:auto;
display:block;
overflow:hidden;
background:#eee;
padding: 60px 0;
}

.container{
	width:100%;
	max-width:960px;
	height:auto;
	display:block;
	overflow: hidden;
	box-sizing: border-box;
	margin:0  auto;
}

.container{
	width:100%;
	max-width:960px;
	height:auto;
	display:block;
	overflow: hidden;
	box-sizing: border-box;
}

.container h1{
	margin-bottom:32px;
}

.container p{
	line-height: 1.75;
	padding:0 24px;
	margin-bottom:16px;
}

p.caution{
	width:98%;
	font-size:12px;
	text-align: center;
	padding:8px !important;
	margin:0 5% 16px 5%;
	clear: both;
	border-top:1px dotted #ccc;
	border-bottom:1px dotted #ccc;
}

.pricebox p.caution{
	width:90%;
	font-size:12px;
	text-align: left;
	margin:0 5% 0px 5%;
	border:none;
	clear: both;
}

.container.annotation p,.container.information p{
	font-size:13px;
}

.container h4{
	text-align: center;
	margin-bottom:16px;
}


.container.annotation h5,.container.information h5{
	font-size:13px;
	font-weight: bold;
	margin-bottom:8px;
	padding:0 24px;
}

.container.information{
	border-bottom:1px solid #ddd;
	padding-bottom:32px;
	margin-bottom:32px;
}

.container img{width:100%;
	height:auto;
	margin-bottom:16px;
	line-height:0;
}

#site-navigation{
	width:100%;
	height:auto;
	display: block;
	overflow: hidden;
	background:rgba(255,255,255,0.9);
	border-top:5px solid #192C53;
	border-bottom:1px solid #ddd;
	position: fixed;
	z-index:2;
}

.global-navigation{
	width:100%;
	max-width: 960px;
	height:auto;
	display:block;
	overflow: hidden;
	box-sizing: border-box;
	padding:12px 0;
	margin:0 auto;
	text-align: center;
}

.global-navigation li{
	width:25%;
	height:auto;
	display:inline-block;
	box-sizing: border-box;
	text-align: center;
	font-size:13px;
	font-weight: bold;
	letter-spacing: 1px;
	text-indent:1px;
	text-indent:1px;
	border-right:1px solid #ccc;
}

.global-navigation li a,.global-navigation li a:visited{
	color:#192C53;
	text-decoration: none;
	padding:8px 8px;
	border-radius:5px;
	-webkit-transition: 0.3s ease-in-out;  
	-moz-transition: 0.3s ease-in-out;  
	-o-transition: 0.3s ease-in-out;  
	transition: 0.3s ease-in-out; 
}

.global-navigation li a:hover{
	background:#F8E71C;
}

.global-navigation li.navi-contact a{
	background:#F5A623;
	color:#fff;
}

.global-navigation li.navi-contact a:hover{
	background:#F8E71C;
	color:#192C53;
}

h1#site-title a{
	width:339px;
	height:152px;
	display:block;
	background:url(images/logo.png) no-repeat center;
	background-size:339px 152px;
	text-indent:-9999px;
	margin:88px auto 0 auto;
}

h2.cachtcopy{
	display:none;
}

p.icon-mens{
	width:122px;
	height:122px;
	display: block;
	background:url(images/icon-mens@2x.png) no-repeat;
	background-size:100%;
	position: absolute;
	text-indent:-9999px;
	margin-top:64px;
}

.header-image{
	width:100%;
	height:auto;
	min-height:375px;
	max-height:580px;
	display:block;
	overflow: hidden;
	box-sizing: border-box;
	background:url(images/header-image.jpg) no-repeat center top;
	border-bottom:1px solid #ddd;
}

.inner{
	width:100%;
	max-width: 960px;
	height:auto;
	display:block;
	overflow: hidden;
	margin:0 auto;
}

.icon-inner{
	width:100%;
	max-width: 960px;
	height:auto;
	display:block;
	overflow: hidden;
	clear:both;
	margin:40px auto 40px auto;
}

.icon-inner h3{
	font-size:16px;
	color:#C94627;
	letter-spacing: 1px;
	text-indent:1px;
	border-bottom:1px dotted #ccc;
	padding-bottom:4px;
	margin-bottom:8px;
}

.icon-inner p{
	font-size:15px;
}

.telinfo{
	width:100%;
	height:auto;
	display:block;
	box-sizing: border-box;
	background:rgba(255,255,255,0.9);
	padding:4px 0 4px 0;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	clear:both;
}

h2.header-outline{
	width:95%;
	height:43px;
	display: block;
	background:url(images/header-outline.png) no-repeat right center;
	background-size:129px 43px;
	text-indent:-9999px;
	margin:0px 0 8px 0;
}

h3.topic-outline{
	width:100%;
	height:auto;
	display:block;
	box-sizing: border-box;
	background:#1A7F62;
	padding:8px 24px;
	margin:16px 0 0 0;
	color:#fff;	
	font-size:20px;
}

h2.header-service{
	width:100%;
	height:46px;
	display: block;
	background:url(images/header-service.png) no-repeat 24px center;
	background-size:105px 46px;
	text-indent:-9999px;
	margin:18px 0 8px 0;
}

h3.topic-service{
	width:100%;
	height:auto;
	display:block;
	box-sizing: border-box;
	background:#CEC62B;
	padding:8px 16px;
	margin: 0px 0 32px 0;
	color:#fff;
	clear: both;
}

.image-circle{
	width:90%;
	margin:5px auto;
	border-radius:50%;
	border:3px solid #fff;
	box-shadow: 0px 0px 5px #ccc;
}

h2.header-price{
	width:100%;
	height:20px;
	display: block;
	background:url(images/header-price.png) no-repeat center;
	background-size:87px 20px;
	margin:16px 0 8px 0;
	text-indent:-9999px;
}

h3.topic-price{
	width:100%;
	max-width: 960px;
	height:auto;
	display:block;
	overflow: hidden;
	box-sizing: border-box;
	background:#192C53;
	padding:16px 0;
	margin: 16px auto 32px auto;
	color:#fff;
	font-size:24px;
	font-family: serif;
	text-align: center;
}

.pricebox{
	width:90%;
	height:auto;
	display: block;
	overflow: hidden;
	box-sizing: border-box;
	padding:0 0 8px 0;
	margin:16px auto;
	text-align: center !important;
	border:5px solid #75C4B2;

}

#price h4{
	color:#192C53;
	font-weight: bold;
	padding:8px 0;
	margin-bottom:8px;
	background:#eee;
	text-align: center !important;
}

.pricebox p{
	color:#C94627;
	font-size:16px;
	font-weight: bold;
	text-align: center;
	margin-bottom:0;
}

.comment{
	width:90%;
	max-width:400px;
	display: block;
	box-sizing: border-box;
	background:#eee;
	padding:14px !important;
	border-radius: 10px;
	font-size:12px;
}


h2.header-access{
	width:100%;
	height:43px;
	display:block;
	background:url(images/header-access.png) no-repeat 24px center ;
	background-size:117px 43px;
	text-indent:-9999px;
	margin:32px 0;
}


h3.topic-access{
	width:100%;
	max-width: 960px;
	height:auto;
	display:block;
	overflow: hidden;
	box-sizing: border-box;
	background:#fafafa;
	padding:8px 0;
	margin: 16px auto 32px auto;
	color:#192C53;
	border-top:1px dotted #192C53;
	border-bottom:1px dotted #192C53;
	font-size:24px;
	font-family: serif;
	text-align: center;
}


.googlemaps{
	width:78%;
	height:auto;
	min-height:200px;
	display: block;
	overflow: hidden;
	margin:24px auto;
	border:5px solid #fff;
	box-shadow: 0px 0px 5px #ccc;

}

.googlemaps iframe{
	width:100%;
}

.text_center{
text-align:center;
font-size:95%;
}
.text_box{
border-style:solid;
border-color:#ff0000;
padding:10px;
margin:10px 0;
border-width:1px;
font-size:95%;
}

h3.topic-contact{
	width:100%;
	height:auto;
	display:block;
	overflow: hidden;
	box-sizing: border-box;
	background:#1A7F62;
	padding:16px 0;
	margin: 0 auto 32px auto;
	color:#fff;
	font-size:24px;
	font-family: serif;
	text-align: center;
}

footer{
	text-align: center;
	font-size:12px;
	padding:0 0 88px 0;
	background:#eee;
}


@media screen and (min-width: 600px) {
	
.column01,.column02,.column03,.column04,.column05,.column06,.column07,.column08,.column09,.column10,.column11,.column12,.column13,.column14,.column15,.column16,.column17,.column18,.column19,.column20,.column21,.column22,.column23,.column24{
	float:left;
}
.right{
	float:right !important;
}

button.contactbtn{
	width:100%;
	max-width:407px;
	padding:16px !important;
	margin:24px 10% 64px 10%;;
}

.global-navigation li a,.global-navigation li a:visited{
	padding:8px 16px;
}

h1#site-title a{
	width:487px;
	height:237px;
	display:block;
	background:url(images/logo.png) no-repeat center;
	background-size:487px 237px;
	text-indent:-9999px;
	margin:88px 0 40px 0px;
}

h2.cachtcopy{
	width:130px;
	height:407px;
	display:block;
	background:url(images/catchcopy02.png) no-repeat center;
	background-size:100%;
	float:right;
	margin-top:72px;
	text-indent: -9999px;
	border:2px solid #15254C;
}

p.icon-mens{
	width:122px;
	height:122px;
	display: block;
	background:url(images/icon-mens@2x.png) no-repeat;
	background-size:100%;
	position: absolute;
	text-indent:-9999px;
	border-radius:50%;
	box-shadow: 0 0 8px #ccc;
	top:410px;
	left:50%;
	margin-left:-300px;
}

.column06{width:23%; margin:0 1%; }
.column08{width:31.3%; margin:0 1%;}
.column10{width:38%; margin:0 1%}
.column12{width:48%; margin:0 1%}
.column14{width:58%; margin:0 1%}	

h3.topic-outline{
	margin-bottom:40px;
}

.googlemaps{
	width:100%;
	height:auto;
	min-height:200px;
	box-sizing:border-box;
	margin:24px auto;
	line-height: 0;
}

googlemaps iframe{
	width:100%;
	line-height: 0;
}

div.telbtn,button.mailbtn{
		width:95%;
		margin:0 0 24px 0;
	}
	
section#outline{
	padding:72px 0 56px 0;
	}
	
section#service{
	padding:56px 0;
	}
	
span.btnruby{
	display:none;
}

.btn-primary{
	width:100% !important;
	max-width:600px !important;
	display: block !important;
	padding:16px !important;
	margin:0 auto 80px auto !important;
	font-size:18px !important;
}

}

@media screen and (min-width: 960px) {
.column01{width:40px;}
.column02{width:80px;}
.column03{width:120px}
.column04{width:160px;}
.column05{width:50%;}
.column07{width:280px;}
.column08{width:304px; margin:0 8px;}
.column09{width:360px;}
.column10{width:368px; margin:16px}
.column11{width:440px;}
.column13{width:520px;}
.column14{width:528px; margin:0 16px}
.column15{width:600px;}
.column16{width:640px;}
.column17{width:680px;}
.column18{width:720px;}
.column19{width:760px;}
.column20{width:800px;}
.column21{width:840px;}
.column22{width:880px;}
.column23{width:920px;}
.column24{width:960px;}


.container p{
	padding:0;
}

.container h4{
	text-align: left;
}

.container.annotation h5,.container.information h5{
	padding:0;
}

.global-navigation li a,.global-navigation li a:visited{
	padding:8px 40px;
}

h2.header-access{
	background-position: left center;
}

h3.topic-contact{
	margin: 0 auto 40px auto;
}

}