@charset "utf-8";

/* Header And Footer Start */

#second-header {
	padding:60px 0 50px 0;
	text-align:center;
}

#second-header strong {
	display:block;
	margin:0 auto;
	width:auto;
}

#second-header strong img {
	max-width:100%;
	height:auto;
}

#foot-banner {
	padding-bottom:30px;
}

#foot-banner li {
	padding:0 13px 30px 13px;
}

@media (max-width: 767px) {
  footer {
		padding-top:50px;
	}
	
	#foot-banner {
		padding:10px;
	}
	
	#foot-banner > li {
		display:block;
		margin:0;
		padding:0;
		padding-bottom:10px;
  }
}

/* Header And Footer End */

/* hn Start */

h1 {
	padding-bottom:10px;
	background:url(../common_images/bg_hushed_line.jpg) center bottom no-repeat;
	line-height:1.5em;
	font-size:40px;
	font-weight:bold;
	text-align:center;
}

h1 img {
	display:block;
	margin:0 auto;
}

h2 {
	padding:0;
	line-height:1.4em;
	font-size:24px;
	font-weight:bold;
}

h2 span {
	display:block;
	font-size:20px;
}

/* hn End */

/* About Start */

#about {
	padding-top:60px;
}

#about strong {
	display:block;
	padding:40px 0 44px 0;
	line-height:140.9090909090909%;
	color:#f66;
	font-size:22px;
	font-weight:bold;
}

.about-inner {
	padding-bottom:70px;
}

.about-inner p {
	padding-top:10px;
	line-height:138.8888888888889%;
	font-size:18px;
}

.about-inner figure {
	display:block;
}

.about-inner figure img {
	max-width:100%;
	height:auto;
}

.about-inner figcaption {
	padding-top:10px;
	font-size:16px;
}

#about ul li {
	padding-bottom:10px;
}

#about ul li a {
	padding:14px 0 11px 0;
	width:260px;
	line-height:138.8888888888889%;
	font-size:18px;
}

#about ul li a span {
	display:block;
	font-size:16px;
}

#profile {
	padding:70px 0;
}

#profile dl {
	width:100%;
	text-align:left;
}

#profile dl dt {
	float:left;
	clear:left;
	padding-bottom:30px;
	width:316px;
	text-align:center;
}

#profile dl dt img {
	max-width:100%;
	height:auto;
}

#profile dl dd {
	margin-left:344px;
}

#profile dl dd h3 {
	margin:0;
	padding:0;
	padding-bottom:42px;
	line-height:138.8888888888889%;
	font-size:18px;
	font-weight:bold;
}

#profile dl dd strong {
	display:block;
	padding-bottom:10px;
	line-height:138.8888888888889%;
	font-size:18px;
	font-weight:bold;
}

#profile dl dd strong span {
	display:block;
	padding-bottom:10px;
	color:#f36;
}

#profile dl dd p {
	line-height:137.5%;
	font-size:16px;
}

#profile dl dd h4 {
	margin:0;
	padding:0;
	padding-bottom:10px;
	line-height:137.5%;
	font-size:16px;
}

@media (max-width: 767px) {
	#about {
		padding-top:30px;
	}
	
	#about strong {
		padding:13px 0 15px 0;
	}
	
	.about-inner {
		padding-bottom:50px;
	}
	
	#about ul li a {
		width:220px;
	}
	
	#profile {
		padding-bottom:0;
	}
	
	#profile dl dt {
		float:none;
		width:100%;
	}
	
	#profile dl dd {
		margin-left:0;
	}
}

/* About End */

/* Link Start */

#link {
	padding-top:60px;
}

#link h2 {
	padding-top:40px;
}

#link ul {
	margin:0;
	margin-top:40px;
	padding:0;
	width:100%;
	list-style-type:none;
	text-align:left;
}

#link ul li {
	margin:0;
	margin-bottom:22px;
	background-color:#f0f0f0;
}

#link ul li dl {
	width:100%;
}

#link ul li dl dt {
	margin:0;
	padding:0;
	padding:32px 32px 7px 32px;
	font-size:24px;
	font-weight:bold;
}

#link ul li dl dd {
	margin:0;
	padding:0;
	padding:0 32px 32px 32px;
	line-height:137.5%;
	font-size:16px;
	font-weight:bold;
	word-wrap:break-word;
}

#link ul li dl dd a {
	display:block;
	padding-left:28px;
	background:url(../link/images/bg_link_icon.jpg) left 0.3em no-repeat;
	color:#ee5e5e;
	width:auto;
	text-decoration:none;
}

#link ul li dl dd a:hover {
	text-decoration:underline;
}

@media (max-width: 767px) {
	#link {
		padding-top:30px;
	}
}

/* Link End */

/* Review Start */

#review {
	padding-top:60px;
}

#review h2 {
	padding-top:40px;
}

#review ul {
	margin:0;
	margin-top:40px;
	padding:0;
	width:100%;
	list-style-type:none;
	text-align:left;
}

#review ul li {
	margin:0;
	margin-bottom:35px;
}

#review ul li dl {
	width:100%;
}

#review ul li dl dt {
	float:left;
	clear:left;
	width:316px;
	text-align:center;
}

#review ul li dl dt img {
	max-width:100%;
	height:auto;
}

#review ul li dl dd {
	margin-left:344px;
}

#review ul li dl dd h3 {
	margin:0;
	padding:0;
	line-height:140%;
	font-size:20px;
	font-weight:bold;
}

#review ul li dl dd p {
	padding:12px 0 25px 0;
	line-height:138.8888888888889%;
	font-size:18px;
}

@media (max-width: 767px) {
	#review {
		padding-top:30px;
	}
	
	#review ul li dl dt {
		float:none;
		width:100%;
		padding-bottom:30px;
	}
	
	#review ul li dl dd {
		margin-left:0;
	}
}

/* Review End */

/* Reservation Start */

#reservation {
	padding-top:60px;
}

#reservation h2 {
	padding-top:40px;
}

#reservation ul {
	margin:0;
	margin-top:40px;
	padding:0;
	width:100%;
	list-style-type:none;
}

#reservation ul li {
	margin:0;
	margin-bottom:16px;
}

#tel-detail {
	background-color:#333;
}

#pc-detail {
	background-color:#ef5e5e;
}

#reservation ul li dl {
	width:100%;
}

#reservation ul li dl dt {
	margin:0;
	padding:0;
	padding:68px 0 35px 0;
	color:#fff;
	font-size:22px;
	font-weight:bold;
}

#reservation ul li dl dd {
	margin:0;
	padding:0;
	padding-bottom:68px;
	color:#fff;
}

#reservation ul li dl dd img {
	margin-bottom:35px;
}

#reservation ul li dl dd p {
	font-size:30px;
	font-weight:bold;
}

#reservation ul li dl dd p a {
	padding-bottom:25px;
	color:#fff;
	font-size:50px;
}

#reservation ul li dl dd em {
	display:block;
	font-style:normal;
}

#reservation ul li dl dd em a {
	padding:14px 0 11px 0;
	background-color:rgba(0,0,0,1);
	width:260px;
	line-height:138.8888888888889%;
	font-size:18px;
}

#reservation ul li dl dd em a:hover {
	background-color:rgba(0,0,0,0.8);
}

#reservation ul li dl dd em a span {
	display:block;
	font-size:16px;
}

@media (max-width: 767px) {
	#reservation {
		padding-top:30px;
	}
	
	#reservation ul li dl dd p a {
		font-size:30px;
	}
	
	#reservation ul li dl dd em a {
		width:200px;
	}
}

/* Reservation End */

/* FAQ Start */

#faq {
	padding-top:60px;
}

#faq h2 {
	padding-top:40px;
}

#faq ul {
	margin:0;
	margin-top:40px;
	padding:0;
	width:100%;
	list-style-type:none;
}

#faq ul li {
	margin:0;
	padding:0;
	padding-bottom:22px;
}

#faq ul li dl {
	width:100%;
}

#faq ul li dl dt {
	padding:16px 45px 36px 45px;
	background-color:#333;
	color:#fff;
	line-height:137.5%;
	font-size:16px;
	font-weight:bold;
}

#faq ul li dl dt img,#faq ul li dl dd img {
	display:block;
	margin:0 auto 36px auto;
}

#faq ul li dl dd {
	padding:16px 45px 36px 45px;
	background-color:#ef5e5e;
}

#faq ul li dl dd p {
	color:#fff;
	line-height:137.5%;
	font-size:16px;
	font-weight:bold;
}

#faq ul li dl dd p a {
	color:#fff;
}

#faq ul li dl dd p.margin-p {
	padding-bottom:20px;
}

#faq ul li dl dd p strong {
	font-size:13px !important;
	font-weight:normal;
}

#faq ul li dl dd p strong.block-strong {
	display:block;
	padding-top:4px;
}

#faq ul li dl dd em {
	display:block;
	margin-top:18px;
	font-style:normal;
}

#faq ul li dl dd em a {
	padding:14px 0 11px 0;
	background-color:rgba(0,0,0,1);
	width:260px;
	line-height:138.8888888888889%;
	font-size:18px;
}

#faq ul li dl dd em a:hover {
	background-color:rgba(0,0,0,0.8);
}

#faq ul li dl dd em a span {
	display:block;
	font-size:16px;
}

@media (max-width: 767px) {
	#faq {
		padding-top:30px;
	}
	
	#faq ul li {
		padding-bottom:15px;
	}
	
	#faq ul li dl dt,#faq ul li dl dd {
		padding:16px 15px 18px 15px;
	}
	
	#faq ul li dl dt img,#faq ul li dl dd img {
		margin:0 auto 18px auto;
	}
	
	#faq ul li dl dd em a {
		width:200px;
	}
	
	#faq ul li dl dd p.margin-p {
		padding-bottom:10px;
	}
}

/* FAQ End */

/* Location Start */

#location {
	padding-top:60px;
}

#loc-map {
	padding:40px 0 110px 0;
}

#loc-map ul {
	margin:0;
	margin-top:40px;
	padding:0;
	width:100%;
	list-style-type:none;
}

#loc-map ul li {
	margin:0;
	padding:0;
	padding-bottom:26px;
}

#loc-map ul li div {
	max-width:100%;
	height:500px;
}

#loc-map ul li div iframe {
	max-width:100%;
	max-height:100%;
}

#loc-map ul li img {
	max-width:100%;
	height:auto;
}

#studio ul {
	margin:0;
	margin:40px auto;
	padding:0;
	width:684px;
	list-style-type:none;
}

#studio ul li {
	padding-bottom:16px;
	width:334px;
}

.studiol {
	float:left;
}

.studior {
	float:right;
}

#studio ul li img {
	max-width:100%;
	height:auto;
}

#studio p {
	line-height:138.8888888888889%;
	font-size:18px;
}

#studio h3 {
	margin:0;
	padding:0;
	padding:7px 0 10px 0;
	line-height:1.4em;
	font-size:25px;
}

#studio h3 span {
	display:block;
	font-style:italic;
}

#studio div {
	margin:25px auto 23px auto;
	padding:14px 0 20px 0;
	background-color:#ef5e5e;
	width:454px;
	color:#fff;
}

#studio div strong {
	display:block;
	font-size:28px;
}

#studio div strong a {
	color:#fff;
}

#studio em {
	display:block;
	font-style:normal;
}

#studio em a {
	padding:14px 0 11px 0;
	width:260px;
	line-height:138.8888888888889%;
	font-size:18px;
}

#studio em a span {
	display:block;
	font-size:16px;
}

@media (max-width: 767px) {
	#location {
		padding-top:30px;
	}
	
	#loc-map {
		padding:40px 0 55px 0;
	}
	
	#loc-map ul li {
		padding-bottom:15px;
	}
	
	#loc-map ul li div {
		height:300px;
	}
	
	#studio ul {
		width:100%;
	}
	
	#studio ul li {
		padding-bottom:10px;
		width:100%;
	}
	
	.studiol,.studior {
		float:none;
	}
	
	#studio div {
		width:220px;
	}
	
	#studio div strong {
		font-size:;
	}
	
	#studio em a {
		width:220px;
	}
}

/* Location End */

/* Process Start */

#process {
	padding-top:60px;
}

#process h2 {
	padding-top:40px;
}

#process ol {
	margin:0;
	margin:40px auto;
	padding:0;
	width:100%;
	list-style-type:none;
}

#process ol li {
	margin:0;
	padding:0;
}

.process-inner {
	border:3px solid #333;
}

.process-inner dl {
	margin:0;
	padding:0;
}

.process-inner dl dt {
	padding:39px 0 37px 0;
	background-color:#333;
	color:#fff;
}

.process-inner dl dt strong {
	display:block;
	margin:0 40px;
	line-height:139.2857142857143%;
	font-size:28px;
	font-weight:bold;
}

.process-inner dl dt span {
	display:block;
	padding-top:9px;
	margin:0 40px;
	line-height:137.5%;
	font-size:16px;
	font-weight:normal;
}

.process-inner dl dd p {
	margin:0;
	padding:0;
	padding:20px 40px;
	line-height:137.5%;
	font-size:16px;
}

.process-inner dl dd ul {
	margin:0 !important;
	margin:0 auto !important;
	padding:0 !important;
	width:820px;
	list-style-type:none;
}

.process-inner dl dd ul li {
	margin:0 !important;
	padding:0 !important;
	padding-bottom:18px !important;
	width:401px;
	text-align:center;
}

.processl {
	float:left;
	text-align:center;
}

.processr {
	float:right;
	text-align:center;
}

.processc {
	width:100% !important;
}

.process-inner dl dd ul li img {
	margin:0 auto;
	max-width:100%;
	height:auto;
}

#process em {
	display:block;
	margin-top:60px;
	font-style:normal;
}

#process em a {
	padding:14px 0 11px 0;
	width:260px;
	line-height:138.8888888888889%;
	font-size:18px;
}

#process em a span {
	display:block;
	font-size:16px;
}

@media (max-width: 985px) {
	.process-inner dl dd ul {
		width:90%;
	}
	
	.process-inner dl dd ul li {
		width:100%;
	}
	
	.processl,.processr {
		float:none;
		width:100%;
		text-align:center !important;
	}
}

@media (max-width: 767px) {
	#process {
		padding-top:30px;
	}
	
	#process em {
		margin-top:30px;
	}
	
	#process em a {
		width:220px;
	}
	
	.process-inner dl dt {
		padding:20px 0 19px 0;
	}
	
	.process-inner dl dt span,.process-inner dl dt span {
		margin:0 15px;
	}
	
	.process-inner dl dd p {
		padding:15px;
	}
	
	.process-inner dl dd ul li {
		padding-bottom:13px !important;
	}
}

/* Process End */

/* Course Start */

#course {
	padding-top:60px;
}

#course h2 {
	padding-top:40px;
}

.course-detail {
	padding-top:40px;
}

.course-detail dl {
	margin:0;
	margin-bottom:24px;
	padding:0;
	background-color:#9DE5EC;
	color:#333;
}

.course-detail dl dt {
	margin:0;
	padding:0;
	padding:35px 0 35px 0;
}

.course-detail dl dt strong {
	display:block;
	margin:0;
	padding:0;
	padding-bottom:4px;
	line-height:139.2857142857143%;
	font-size:28px;
	font-weight:bold;
}

.course-detail dl dt span {
	display:block;
	line-height:137.5%;
	font-size:16px;
	font-weight:bold;
}

.course-detail dl dd {
	margin:0;
	padding:0;
	padding-bottom:21px;
}

.course-detail dl dd h3 {
	font-size:30px;
}

.course-detail dl dd h3 span {
	font-size:16px;
	font-weight:normal;
}

.course-detail dl dd h4 {
	padding-top:7px;
	line-height:140%;
	font-size:20px;
	font-weight:normal;
}

.course-detail dl dd h4 span {
	font-size:12px;
}

.course-detail dl dd h5 {
	display:inline-block;
	margin-top:18px;
	padding:13px 18px;
	background-color:#000;
	font-size:18px;
	color: #FFF;
}

.course-detail img {
	max-width:100%;
	height:auto;
}

.course-detail p {
	padding:27px 0 11px 0;
	line-height:138.8888888888889%;
	font-size:18px;
}

.course-detail div {
	margin:0 auto;
	padding:25px 15px;
	border:1px solid #a8a8a8;
	width:90%;
}

.course-detail div strong {
	display:inline-block;
	padding:0 10px;
	line-height:138.8888888888889%;
	font-size:18px;
	font-weight:bold;
}

.course-detail div span {
	display:block;
	padding-top:12px;
	line-height:137.5%;
	font-size:16px;
}

#course em {
	display:block;
	margin-top:60px;
	font-style:normal;
}

#course em a {
	padding:14px 0 11px 0;
	width:260px;
	line-height:138.8888888888889%;
	font-size:18px;
}

#course em a span {
	display:block;
	font-size:16px;
}

@media (max-width: 767px) {
	#course {
		padding-top:30px;
	}
	
	#course em {
		margin-top:30px;
	}
	
	#course em a {
		width:220px;
	}
	
	.course-detail dl dt {
		padding-top:18px;
	}
	
	.course-detail dl dd {
		padding-bottom:18px;
	}
	
	.course-detail dl dt strong,.course-detail dl dt span,.course-detail dl dd h4 {
		margin:0 15px;
	}
	
	.course-detail dl dd h5 {
		font-size:16px;
	}
	
	.course-detail div {
		padding:15px;
		width:100%;
	}
}

/* Course End */
