@charset "utf-8";

html {
	overflow-y: scroll;
}

body, div, dl, dt, dd, ul, ul li, h1, h2, h3, h4, h5, h6,
pre, form, fieldset, input, textarea, p, blockquote, th, td,
section, nav, article, aside, hgroup, header, address,
figure, figcaption {
	margin: 0;
	padding: 0;
	line-height: 160%;
}
address, caption, cite, code, dfn, em, strong, th, var {
	font-style: normal;
	font-weight: normal;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
caption, th {
	text-align: left;
}
q:before ,q:after {
	content: '';
}
object, embed {
	vertical-align: top;
}
hr, legend {
	display: none;
}
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-weight: normal;
}
img, abbr, acronym, fieldset {
	border: 0;
}
img {
	vertical-align: top;
	-ms-interpolation-mode: bicubic;
}
ul li {
	list-style-type: none;
}

/*
 body
=====================================================================================*/
body {
	width: 100%;
 	background-color:#f7f7f7;
	font-family:"Roboto Slab" , Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
 	color:#996a2c;
	font-size:14px;
	line-height:1.5;
}
a {
	color:#996a2c;
	text-decoration:none;
	cursor:pointer;
}
a:hover {
	color:#c61722;
	text-decoration:none;
}

.pc{
	display:none;
}

/* PC向けおよび大型タブレット向けのレイアウトの指定：769px～960px */
@media only screen and (min-width: 768px){
	.smp{
		display:none;
	}
	.pc{
		display:block;
	}
	.is_contents{
		width:960px;
		margin:0 auto;
	}
	a:hover img{
		opacity:0.8;
	}

}



/*
 header
=====================================================================================*/
#header {
	width:100%;
	position:relative;
}
#header .is_contents{
	background:#fff;
}
#header h1 {
	margin:0 auto;
	padding:15px 0;
	text-align:center;
}
#header h1 img {
	width:100%;
	max-width:124px;
	text-align:center;
}
#header nav{
	position:absolute;
	top:21px;
	right:10px;
}
.gnav_wrap {
	position: relative;	
} 
#menu-icon {
	color: #000;
	width: 34px;
	height: 34px;
	background: url(../images/smp/common/icon_menu.png) no-repeat top center;
	background-size:100%;
	padding: 0;
	cursor: pointer;
	text-indent:-9999px;
	display: block; /* show menu icon */
} 
#nav {
	position: absolute;
	top: 5px;
	right:0;
	width:285px;
	z-index: 10000;
	margin:0;
	background: #fff;
	border:1px solid #bd9a6b;
	border-radius: 3px;
	-webkit-border-radius: 3px; 
	-moz-border-radius: 3px;
	display: none; /* visibility will be toggled with jquery */
}
#nav li {
	border-bottom:1px #bd9a6b solid;
}
#nav li:last-child {
	border-bottom:none;
}
#nav a, 
#nav ul a {
	background: none;
	position:relative;
	display:block;
	padding:1em 0 1em 10px;
	color: #bd9a6b;
	border: none;
} 
#nav a::after {
	display: block;
	position: absolute;
	top: 50%;
	right: 10px;
	width: 7px;
	height: 7px;
	margin-top: -4px;
	border-top: solid 3px #c61722;
	border-right: solid 3px #c61722;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	content: "";
}
#nav .current a{
	color:#c61722;
} 

.link_pc{
	position:absolute;
	top:21px;
	right:51px;
}
.link_pc img{
	width:100%;
	max-width:34px;
}
#btnSP{
	display:none;
}

.headerTel{
	text-align:center;
	width:90%;
	margin:10px auto;
}
.headerTel img{
	width:100%;
}






.footerLink{
	margin-bottom:20px;
}
.footerLink li a{
	display:block;
	position:relative;
	margin-bottom:1px;
	padding:15px;
	background:#a67d47;
	color:#fff;
	font-size:117.1429%;
}
.footerLink li a::after{
	display: block;
	position: absolute;
	top: 50%;
	right: 16px;
	width: 8px;
	height: 8px;
	margin-top: -6px;
	border-top: solid 3px #fff;
	border-right: solid 3px #fff;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	content: "";
}
.footerLink li a[target]::after{
	border:none;
	top: 50%;
	right: 10px;
	width: 21px;
	height: 19px;
	margin-top:-10px;
	-webkit-transform: none;
	transform: none;
	background-size:100%;
	background-image:url(../images/smp/common/icon_blank.png);
	background-repeat:no-repeat;
}
.footerAdrs{
	width:96%;
	margin:0 auto;
	color:#a67d47;
}
.footerAdrs .adrs{
	border:1px solid #a67d47;
	padding:15px;
}
.footerAdrs .adrs span{
	display:block;
	margin-bottom:-25px;
}
.footerAdrs .map a{
	display:block;
	text-align:center;
	background: #a67d47;
	margin-top:10px;
	padding:5px;
	color:#fff;
}
.footerAdrs .tel{
	width:86%;
	margin:20px auto;
	text-align:center;
}
.footerAdrs .tel p:first-child{
	font-weight:bold;
	font-size:108.3333%;
}
.footerAdrs .tel img{
	width:100%;
	padding:5px;
}
.footerList{
	background:#fff;
	padding:15px 20px;
	text-align:center;
}
.footerList li{
	display:inline-block;
}
.footerList li a{
	display:block;
	position:relative;
	padding-right:20px;
}
.footerList li a::after{
	display: block;
	position: absolute;
	top: 50%;
	right: 10px;
	width: 1px;
	height: 10px;
	margin-top: -10px;
	content: "｜";
}
.footerList li:last-child a{
	padding-right:0;
}
.footerList li:last-child a::after{
	content: "";
}
.copy{
	padding:10px;
	text-align:center;
	font-size:90%;
}

/* PC向けおよび大型タブレット向けのレイアウトの指定：769px～960px */
@media only screen and (min-width: 768px){
	#header {
		width:100%;
		background:#fff;
		position:static;
	}
	#header .is_contents{
		width:960px;
		margin:0 auto;
		position:relative;
	}
	#header h1 {
		padding:20px 0;
		width:165px;
	}
	#header h1 img {
		max-width:165px;
	}
	#header nav{
		position: static;
	}
	#nav-wrap{
		width:100%;
		border-top:1px solid #bd9a6b;
		border-bottom:1px solid #bd9a6b;
	
	}
	.gnav_wrap {
		width:960px;
		margin:0 auto;
		position: static;	
	} 
	#menu-icon {
		display: none;
	} 
	#nav {
		position: static;	
		width:100%;
		margin:0;
		background: #fff;
		border:none;
		border-left:1px solid #bd9a6b;
		border-radius: 0;
		-webkit-border-radius: 0; 
		-moz-border-radius: 0;
		display:block;
		overflow:hidden;
	}
	#nav li{
		float:left;
		padding:0;
		border-bottom:none;
		border-right:1px #bd9a6b solid;
	}
	#nav li a{
		padding:1em 1.3em;
		display:block;
	}
	#nav li:first-child a {
		padding:1em 0.8em;
	}
	#nav li:last-child {
	}
	#nav a, 
	#nav ul a {
		background: none;
		position: static;	
		display:block;
		padding:0;
	} 
	#nav a:hover, 
	#nav ul a:hover {
		color: #c61722;
	}
	
	#nav a::after {
		display: none;
		position: static;	
	}
	.headerLink{
		position:absolute;
		top:12px;
		right:0;
		font-size:11px;
		overflow:hidden;
	}
	.headerLink li{
		float:left;
		margin-left:8px;
	}
	.headerLink li a{
		position:relative;
		display:block;
		color:#bd9a6b;
		padding-left:10px;
	}
	.headerLink li a:before{
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		width: 7px;
		height: 10px;
		margin-top: -2px;
		font-size:10px;
		content: "■";
	}
	
	.link_pc{
		position:absolute;
		top:21px;
		right:51px;
	}
	.link_pc img{
		width:100%;
		max-width:34px;
	}
	.headerTel{
		position:absolute;
		top:30px;
		right:0;
		width:327px;
	}
	#btnSP{
		display: block;
	}
	#btnPC{
		display:none;
	}



	.footerAdrs{
		overflow:hidden;
		width:960px;
		height:135px;
		border:1px solid #a67d47;
	}
	.footerAdrs .logo{
		float:left;
		padding:40px;
		border-right:1px solid #a67d47;
	}
	.footerAdrs .logo img{
		width:150px;
	}
	.footerAdrs .adrs{
		float:left;
		padding:40px;
		border:none;
		border-right:1px solid #a67d47;
	}
	.footerAdrs .adrs span{
		display:inline;
	}
	.footerAdrs .tel{
		float:left;
		margin:0;
		padding:40px;
		width:230px;
		height:147px;
		font-size:10px;
	}
	.footerAdrs .tel p:first-child{
		font-size:14px;
	}
	.footerAdrs .tel img{
		width:225px;
		padding:5px 0 10px 0;
	}
	.footerList{
		float:left;
		background:none;
		text-align:left;
	}
	.footerList li{
		font-size:12px;
	}
	.copy{
		float:right;
		text-align:right;
	}



}

/*
 common
 =====================================================================================*/
.redTtl{
	padding:10px 0;
	text-align:center;
	background:#c61722;
	font-size:128.571429%;
	color:#fff;
}
.brownTtl{
	padding:10px 0;
	text-align:center;
	background:#a67d47;
	font-size:128.571429%;
	color:#fff;
}
.sTxtTtl{
	padding:10px 0;
	text-align:center;
	font-size:128.571429%;
	color:#996a2c;
	border-top:1px #996a2c solid;
	border-bottom:1px #996a2c solid;
}
.ssTxtTtl{
	clear:both;
	margin:15px 10px;
	padding:10px 0;
	text-align:center;
	font-size:128.571429%;
	color:#996a2c;
	border:1px #996a2c solid;
}
.conceptArea{
	color:#503818;
}
.conceptArea .is_contents{
	background:#fff;
}
.conceptArea dt{
	margin-top:20px;
	padding-bottom:5px;
	font-size:128.571429%;
	font-weight:bold;
	line-height:1.2;
}
.conceptArea dd{
	font-size:83.3333%;
}
.conceptArea dl{
	position:relative;
	display:block;
	margin-left:10px;
	padding-left:35px;
}
.conceptArea dl::before{
	position:absolute;
	top:0;
	left:0;
	margin-top:0px;
	width:30px;
	height:36px;
	background-size:100%;
	background-repeat:no-repeat;
	content:"";
}
.conceptArea dl:nth-of-type(1)::before{
	background-image:url(../images/smp/common/no01.png);	
}
.conceptArea dl:nth-of-type(2)::before{
	background-image:url(../images/smp/common/no02.png);	
}
.conceptArea .inner2 dl:nth-of-type(1)::before{
	background-image:url(../images/smp/common/no03.png);
}
.conceptArea .inner2 dl:nth-of-type(2)::before{
	background-image:url(../images/smp/common/no04.png);	
}
.conceptArea .inner3 dl:nth-of-type(1)::before{
	background-image:url(../images/smp/common/no05.png);	
}
.conceptArea .inner3 dl:nth-of-type(2)::before{
	background-image:url(../images/smp/common/no06.png);	
}
.conceptArea .img{
	margin-top:20px;
}
.conceptArea .img img{
	width:100%;
}

.txtArea .inner{
	margin:0 10px 30px 10px;
}
.txtArea .inner p{
	padding-bottom:10px;
}
.right{
	text-align:right;
}
.btn{
	text-align:center;
}
.btn a{
	margin:0 auto;
	padding:1em 0 1em 1em;
	font-size:117.1429%;
	position:relative;
	display:block;
	border-radius:4px;
}
.btn a:hover{
	opacity:0.8;
}

.btn a::before{
	position:absolute;
	top:50%;
	left:15px;
	margin-top:-3px;
	width:4px;
	height:7px;
	background-size:100%;
	background-repeat:no-repeat;
	content:"";
}
.btn-sml a{
	width:50%;
}
.btn-mid a{
	width:60%;
}
.btn-large a{
	width:80%;
}
.btn-brown a{
	background:#bd9a6b;
	color:#fff;
}
.btn-brown a::before{
	background-image:url(../images/smp/common/icon_white_arrow.png);	
}
.btn-white a{
	border:1px solid #a67d47;
	color:#a67d47;
}
.btn-white a::before{
	background-image:url(../images/smp/common/icon_brown_arrow.png);	
}
.btn-white a:hover{
	border:1px solid #a67d47;
	background:#a67d47;
	color:#fff;
}
.btn-white a:hover::before{
	background-image:url(../images/smp/common/icon_white_arrow.png);	
}
.btn-red input{
	font-family:"Roboto Slab" , Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
	background:#c61722;
	color:#fff;
	border:1px solid #fff;
	box-sizing:border-box;
}
.btn-red input::before{
	background-image:url(../images/smp/common/icon_white_arrow.png);	
}
.btn-red input:hover{
	border:1px solid #c61722;
	background:#fff;
	color:#c61722;
}
.btn-red input:hover::before{
	background-image:url(../images/smp/common/icon_brown_arrow.png);	
}


.btn input{
	cursor:pointer;
	margin:0 auto;
	padding:10px 0;
	font-size:100%;
	position:relative;
	display:block;
	border-radius:4px;
}
.btn input:hover{
	opacity:0.8;
}

.btn input::before{
	position:absolute;
	top:50%;
	left:0px;
	margin-top:-3px;
	width:4px;
	height:7px;
	background-size:100%;
	background-repeat:no-repeat;
	content:"";
}
.btn-white input{
	background:#fff;
	border:1px solid #a67d47;
	color:#a67d47;
}
.btn-white input::before{
	background-image:url(../images/smp/common/icon_brown_arrow.png);	
}
.btn-white input:hover{
	border:1px solid #a67d47;
	background:#a67d47;
	color:#fff;
}
.btn-mid input{
	width:60%;
}
.btn-large input{
	width:80%;
}


.submit-btn{
	overflow:hidden;
	margin-left:50px;
	margin-top:30px;
}
.submit-btn input{
	background:#fff;
	border:1px solid #a67d47;
	color:#a67d47;
	float:left;
	width:30%;
	margin-left:30px;
}
.submit-btn input:hover{
	border:1px solid #a67d47;
	background:#a67d47;
	color:#fff;
}



/* PC向けおよび大型タブレット向けのレイアウトの指定：769px～960px */
@media only screen and (min-width: 768px){
	.redTtl{
		font-size:28px;
	}
	.brownTtl{
		font-size:28px;
	}
	.h2ttl{
		background:#a67d47;
		height:165px;
		margin-bottom:50px;
	}
	.h2ttl h2{
		margin:0 auto;
		width:960px;
		height:165px;
		line-height:165px;
		font-size:24px;
		color:#fff;
		background:url(../images/pc/common/bg_sttl.jpg) no-repeat right top;
	}
	.sTxtTtl{
		font-size:22px;
		border:1px #996a2c solid;
	}
	.ssTxtTtl{
		font-size:22px;
		margin:0 0 30px 0;
	}
	.conceptArea .is_contents{
		margin-bottom:50px;
		overflow:hidden;
	}
	.conceptArea dt{
		padding-bottom:0px;
		font-size:24px;
		line-height:1.4;
	}
	.conceptArea dd{
		font-size:100%;
	}
	.conceptArea dl{
		padding-left:55px;
	}
	.conceptArea dl::before{
		width:45px;
		height:55px;
	}
	.conceptArea .innerImg,.conceptArea .inner{
		float:left;
		width:480px;
		height:298px;
	}
	
	.conceptArea .img{
		margin-top:20px;
	}
	.conceptArea .img img{
		width:100%;
	}
	.txtArea .inner{
		overflow:hidden;
		margin:0 0 50px 0;
	}
	.txtArea .inner p{
		padding-bottom:20px;
	}
	.txtArea .wordTxt{
		width:560px;
    width:100%;
		float:left;
	}
	.btn a{
		font-size:14px;
		padding:0.5em 0;
	}
	.btn.btn-sml a{
		font-size:11px;
		padding:3px 0 3px 1em;
	}
	.btn-sml a{
		padding:5px 0 5px 1em;
		width:130px;
		font-size:11px;
	}
	.btn-mid a{
		width:170px;
	}
	.btn-mid input{
		width:170px;
	}
	.btn-large a{
		width:300px;
	}
	.submit-btn{
		margin-left:150px;
		margin-top:30px;
	}


}




/*
 top_main
 =====================================================================================*/

.top_main{

}
.bx-wrapper {
	position: relative;
	margin: 0 auto;
	padding: 0;
	*zoom: 1;
}
.bxslider img {
	width: 100%;
	display: block;
}

.bx-wrapper .bx-pager {
	display:none;
}
.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
	display:none;
}
.bx-wrapper .bx-pager.bx-default-pager a {
	display:none;
}
.bx-wrapper .bx-prev {
	display:none;
}
.bx-wrapper .bx-next {
	display:none;
}
.bx-wrapper .bx-controls-direction a {
	position: absolute;
	top: 50%;
	margin-top: -16px;
	outline: 0;
	width: 32px;
	height: 32px;
	text-indent: -9999px;
	z-index: 9999;
}


.topMenu{
	padding-bottom:30px;
	background:url(../images/smp/bg_shadowtop.png) center top no-repeat,url(../images/smp/bg_shadowbtm.png) center bottom no-repeat,url(../images/smp/bg_course.png) left top repeat;	
}
.topMenu h2{
	padding:20px 0 10px 0;
	text-align:center;
	color:#fff;
	font-size:117.1429%;
}
.topMenu dl{
	background:#fff;
	padding-bottom:20px;
}
.topMenu dt{
	margin:0px 0 20px 0;
}
.topMenu dt img{
	width:100%;
}
.topMenu dd a{
	font-size:128.71429%;
	display:block;
	position:relative;
	border-radius: 3px;
	-webkit-border-radius: 3px; 
	-moz-border-radius: 3px;
	border:#c6bcb7 1px solid;
	margin: 0 auto 10px auto;
	padding:15px;
	width:80%;
	text-align:center;
	box-shadow: 2px 2px #c6bcb7;
	color:#503818;
}
.topMenu dd a::after{
	display: block;
	position: absolute;
	top: 50%;
	right: 16px;
	width: 8px;
	height: 8px;
	margin-top: -6px;
	border-top: solid 3px #c61722;
	border-right: solid 3px #c61722;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	content: "";
}
.topBnr{
	width:80%;
	margin:15px auto 0 auto;
}
.topBnr img{
	width:100%;
}
.topBnr li{
	margin-bottom:15px;
}
.is-top-news{
	margin-bottom:15px;

}
.is-top-news dt{
	padding:10px 10px 0 10px;
}
.is-top-news dt span{
	background:#a67d47;
	color:#fff;
	display:inline;
	margin-left:5px;
	padding:2px 5px;
	font-size:80%;
}
.is-top-news dd{
	border-bottom:1px solid #fff;
	padding:0px 10px 5px 10px;
} 




/* PC向けおよび大型タブレット向けのレイアウトの指定：769px～960px */
@media only screen and (min-width: 768px){
	.top_main{
		margin:0 auto;
		text-align:center;
		width:1200px;
	}

	.topMenu h2{
		padding:40px 0 20px 0;
		text-align:center;
		color:#fff;
		font-size:28px;
	}
	.topMenu .is_contents{
		overflow:hidden;
	}
	.topMenu dl{
		float:left;
		width:319px;
		height:390px;
		margin-right:1px;
		background:#fff;
		padding-bottom:0px;
	}
	.topMenu dt{
		margin:0px 0 20px 0;
	}
	.topMenu dt img{
		width:100%;
	}
	.topMenu dd a{
		font-size:18px;
		font-weight:bold;
	}
	.topMenu dd a:hover{
		color:#c61722;
	}

	.topBnr{
		width:960px;
		margin:30px auto 0 auto;
	}
	.topBnr img{
		width:100%;
	}
	.topBnr ul{
		overflow:hidden;
		margin-left:90px;
	}
	.topBnr li{
		float:left;
		width:360px;
		margin-bottom:50px;
	}
	.topBnr li:last-child{
		margin-left:60px;
		margin-top:15px;
	}

	.is-top-news{
		margin-bottom:50px;
	}
	
	.is-top-news dl{
		overflow:hidden;
		margin-top:20px;
		border-top:1px solid #fff;
	}
	.is-top-news dt{
		clear:both;
		float:left;
		border-bottom:1px solid #fff;
		padding:10px 0px 5px 20px;
		width:130px;
	}
	.is-top-news dd{
		float:left;
		padding:10px 0 5px 0;
		width:810px;
	} 

}




/*
 about
 =====================================================================================*/

.word-name img{
	width:50%;
}
.word .pht{
	text-align:center;
	margin-bottom:15px;
}
.word .pht img{
	width:80%;
}
.group{
	margin-bottom:15px;
	padding-bottom:5px;
}
.group dt{
	padding:20px 0 10px 0;
}
.group .inner div.shop{
	margin-top:10px;
	color:#4f401e;
}
.group .inner div.shop ul{
	overflow:hidden;
	margin:10px 0 0 10px;
}
.group .inner div.shop li{
	float:left;
	margin-right:5px;
	padding-bottom:10px;
}
.group .inner div.shop li img{
	height:25px;
}
.group .inner div h4{
	border-bottom:1px solid #fff;
	padding:5px 10px;
}


.group.premium dt img{
	height:11px;
}
.group.premium{
	background:url(../images/smp/about/bg_premium.gif) repeat-x top, #fff;
}
.group.premium .inner div.shop{
	background:#776438;
	color:#fff;
}

.group.beauty dt img{
	height:13px;
}
.group.beauty{
	background:url(../images/smp/about/bg_beauty.gif) repeat-x top, #fff;
}
.group.beauty .inner div.shop{
	background:#f1ced3;
}

.group.pregra dt img{
	height:15px;
}
.group.pregra{
	background:url(../images/smp/about/bg_pregra.gif) repeat-x top, #fff;
}
.group.pregra .inner div.shop{
	background:#f4dfce;
}

.group.academy dt img{
	height:11px;
}
.group.academy{
	background:url(../images/smp/about/bg_academy.gif) repeat-x top, #fff;
}
.group.academy div{
	margin-top:10px;
}


/* PC向けおよび大型タブレット向けのレイアウトの指定：769px～960px */
@media only screen and (min-width: 768px){
	.word{
		width:400px;
		float:right;
	}
	.word-name img{
		width:210px;
	}
	.group{
		clear:both;
		margin-bottom:25px;
	}
	.group .pht{
		width:388px;
		float:left;
		padding:30px 30px 0 30px;
	}
	.group .txt{
		width:480px;
		float:left;
	}
	.group dt{
		padding:30px 0;
	}
	.group .inner{
		margin:0 0 25px 0;
	}
	.group .inner div.shop ul{
		margin:10px 0 0 20px;
	}
	.group .inner div.shop li{
		margin-right:10px;
	}
	.group .inner div.shop li img{
		height:37px;
	}
	.group .inner div h4{
		padding:10px 20px;
	}
	.group.premium dt img{
		height:17px;
	}
	.group.beauty dt img{
		height:21px;
	}
	.group.pregra dt img{
		height:23px;
	}
	.group.academy dt img{
		height:17px;
	}
}

/*
 flow
 =====================================================================================*/
.flowArea .inner{
	margin:15px 10px;
}
.flowArea dl{
	background:#fff;
	margin-bottom:15px;
}
.flowArea dt{
	font-size:117.1429%;
	border-left:5px solid #c61722;
	color:#503818;
}
.flowArea dt span{
	display:inline-block;
	padding:15px;
	font-size:200%;
	font-style:italic;
	color:#c61722;
}
.flowArea dd{
	padding:15px 20px 30px 20px;
}
.flowArea dd .btn{
	margin-top:20px;
}

/* PC向けおよび大型タブレット向けのレイアウトの指定：769px～960px */
@media only screen and (min-width: 768px){
	.flowArea .inner{
		margin:50px 0;
	}
	.flowArea dl{
		float:left;
		width:470px;
		height:280px;
		margin-bottom:20px;
	}
	.flowArea dl:nth-of-type(odd){
		margin-right:20px;
	}
	.flowArea dt{
		font-size:24px;
	}
	.flowArea dt span{
		padding:15px 20px;
		font-size:60px;
	}
	.flowArea dd{
		padding:30px;
	}
}

/*
 voice
 =====================================================================================*/
.voiceArea .inner{
	margin:15px 10px;
}
.voiceArea dl{
	background:#fff;
	margin-bottom:15px;
	font-size:90%;
}
.voiceArea dt{
	display:inline-block;
	margin:15px 0;
	padding:0 0 0 10px;
}
.voiceArea dt span{
	display:inline-block;
	margin-left:5px;
	padding:0 5px;
	color:#fff;
}
.voiceArea dd {
}
.voiceArea dd p{
	padding:0 20px 20px 20px;
}
.voiceArea dd .pht{
	text-align:center;
}
.voiceArea dd .pht img{
	margin-bottom:20px;
	width:60%;
}
.voiceArea .rinpa dt{
	border:1px solid #8a7850;
	border-left:none;
	color:#8a7850;
}
.voiceArea .rinpa dt span{
	background:#8a7850;
}
.voiceArea .facial dt{
	border:1px solid #c93879;
	border-left:none;
	color:#c93879;
}
.voiceArea .facial dt span{
	background:#c93879;
}

/* PC向けおよび大型タブレット向けのレイアウトの指定：769px～960px */
@media only screen and (min-width: 768px){
	.voiceArea .inner{
		margin:50px 0;
	}
	.voiceArea dl{
		margin-bottom:30px;
	}
	.voiceArea dt{
		margin:15px 0;
	}
	.voiceArea dd{
		overflow:hidden;
	}
	.voiceArea dd p{
		padding:0 30px 30px 30px;
	}
	.voiceArea dd .txt{
		float:left;
		width:750px;
	}
	.voiceArea dd .pht{
		float:right;
	}
	.voiceArea dd .pht img{
		padding-right:30px;
		width:180px;
	}
}


/*
 faq
 =====================================================================================*/
.faqArea .inner{
	margin:15px 10px;
}
.faqArea dl{
	background:#fff;
	margin-bottom:15px;
	padding:15px;
}
.faqArea dt{
	overflow:hidden;
	margin-bottom:15px;
	color:#3872c9;
}
.faqArea dt span{
	float:left;
	display:inline-block;
	margin-right:10px;
	padding:5px 10px;
	border:1px solid #3872c9;
}
.faqArea dd{
	overflow:hidden;
}
.faqArea dd span{
	float:left;
	display:block;
	margin-right:10px;
	margin-bottom:55px;
	padding:5px 10px;
	border:1px solid #c93879;
	color:#c93879;
}

/* PC向けおよび大型タブレット向けのレイアウトの指定：769px～960px */
@media only screen and (min-width: 768px){
	.faqArea .inner{
		margin:30px 0 50px 0;
	}
	.faqArea .inner{
		overflow:hidden;
	}
	.faqArea dl{
		float:left;
		width:440px;
		margin-bottom:20px;
	}
	.faqArea dl:nth-of-type(odd){
		margin-right:20px;
	}
}


/*
 accessArea
 =====================================================================================*/
.accessArea .inner{
	margin:15px 10px 25px 10px;
}
.accessArea .adrsArea{
	margin-bottom:15px;
}
.accessArea .adrsArea h3{
	font-size:128.571429%;
	margin-bottom:15px;
}
.accessArea .adrsArea span{
	display:block;
}
.accessArea .adrsArea div{
	margin:10px 0;
}


.accessArea dl{
	background:#fff;
	margin-bottom:15px;
}
.accessArea dt{
	padding:20px;
	border-bottom:1px solid #f7f7f7;
}
.accessArea dt span{
	display:block;
	margin-left:-10px;
	font-size:128.571429%;
	color:#c61722;
}
.accessArea dd{
	padding:15px 20px 30px 20px;
}
#map_canvas{
	height:340px;
	margin-bottom:25px;
}

/* PC向けおよび大型タブレット向けのレイアウトの指定：769px～960px */
@media only screen and (min-width: 768px){
	.accessArea .inner{
		margin:50px 0;
		overflow:hidden;
	}
	.accessArea .adrsArea{
		overflow:hidden;
		margin-bottom:50px;
	}
	.accessArea .adrsArea h3{
		font-size:20px;
		float:left;
		padding:20px 0 0 30px;
		width:315px;
	}
	.accessArea .adrsArea span{
		display:inline;
	}
	.accessArea .adrsArea ul{
		float:left;
	}
	.accessArea .adrsArea div{
		display:inline-block;
		margin:0 0 0 50px;
	}
	.accessArea dl{
		float:left;
		width:319px;
		height:390px;
		margin-right:1px;
	}
	.accessArea dl:nth-of-type(3){
		margin-right:0;
	}
	.accessArea dt{
		font-size:11px;
	}
	.accessArea dt span{
		font-size:18px;
	}
	.accessArea dd{
		padding:15px 20px 30px 20px;
	}
	#map_canvas{
		margin-bottom:50px;
	}
}


/*
 company
 =====================================================================================*/
.companyArea .inner{
	margin:15px 10px;
}
.companyArea .inner dt{
	padding:10px 10px 10px 15px;
}
.companyArea .inner dd{
	padding:10px 10px 10px 15px;
	background:#fff;
}
.companyArea .inner dd div{
	margin:10px 0;
}

.companyArea .inner dl.tbl_white{
	margin-bottom:20px;
	border-bottom:1px solid #bd9a6b;
}
.companyArea .inner .tbl_white dt{
	background:#f8f6f4;
	border:1px solid #bd9a6b;
	border-bottom:none;
}
.companyArea .inner .tbl_white dd{
	border:1px solid #bd9a6b;
	border-bottom:none;
}

.companyArea .inner dl.tbl_brown{
	border-bottom:1px solid #f7f7f7;
}
.companyArea .inner .tbl_brown dt{
	background:#a67d48;
	border:1px solid #f7f7f7;
	border-bottom:none;
	color:#fff;
}
.companyArea .inner .tbl_brown dd{
	border:1px solid #f7f7f7;
	border-bottom:none;
}
.companyArea ul li{
	margin-bottom:10px;
}
.companyArea ul li img{
	width:100%;
}
.companyArea .lead{
	margin-bottom:20px;
}
.companyArea .txts{
	width:80px;
}
.companyArea .txtm{
	width:250px;
}
.companyArea .txtl{
	width:280px;
}


/* PC向けおよび大型タブレット向けのレイアウトの指定：769px～960px */
@media only screen and (min-width: 768px){
	.companyArea .inner{
		margin:50px 0;
		overflow:hidden;
	}
	
	.companyArea .inner dt{
		float:left;
		padding:20px 15px 20px 30px;
	}
	.companyArea .inner dd{
		float:left;
		padding:20px 15px 20px 30px;
	}
	.companyArea .inner dd div{
		margin:10px 0;
	}
	.companyArea .inner dl{
		overflow:hidden;
		box-sizing:border-box;
	}
	.companyArea .inner dl.tbl_white{
		background:#f8f6f4;
	}
	.companyArea .inner dl.tbl_white dt{
		clear:both;
		width:210px;
	}
	.companyArea .inner dl.tbl_white dd{
		width:657px;
	}
	.companyArea .inner .tbl_white dt{
		border:1px solid #bd9a6b;
		border-right:none;
		border-bottom:none;
	}
	.companyArea .inner dl div{
		display:inline-block;
		margin:-10px 0 -10px 50px;
	}

	.companyArea .inner dl.tbl_brown{
		background:#a67d48;
	}
	.companyArea .inner dl.tbl_brown dt{
		clear:both;
		width:100px;
		border-left:none;
	}
	.companyArea .inner dl.tbl_brown dd{
		width:768px;
	}
	.companyArea .inner .tbl_brown dt{
		border:1px solid #f7f7f7;
		border-right:none;
		border-bottom:none;
	}

	.companyArea ul{
		overflow:hidden;
		border:1px solid #fff;
		padding-bottom:20px;
	}
	
	.companyArea ul li{
		float:left;
		margin:20px 0 0 20px;
	}
	.companyArea ul li img{
		width:450px;
	}
	.companyArea .txtl{
		width:400px;
	}
	.companyArea .msg{
		height:94px;
	
	}
			
}


/*
 articleArea
 =====================================================================================*/
.articleArea .inner{
	margin:15px 10px;
}
.articleArea .inner p{
	margin-bottom:15px;
}
.articleArea dt{
	padding-bottom:5px;
	border-bottom:1px solid #a67d47;
	font-size:117.1429%;
}
.articleArea dd{
	margin:10px 0 25px 0;
}
.articleArea table{
	border-right:1px solid #a67d47;
	border-bottom:1px solid #a67d47;
}
.articleArea td{
	padding:10px 15px;
	border-left:1px solid #a67d47;
	border-top:1px solid #a67d47;
}

/* PC向けおよび大型タブレット向けのレイアウトの指定：769px～960px */
@media only screen and (min-width: 768px){
	.articleArea .inner{
		margin:20px 0 50px 0;
	}
	.articleArea .inner p{
		margin-bottom:20px;
	}
	.articleArea dt{
		font-size:16px;
	}
}

/*
 courseArea
 =====================================================================================*/
.courseArea .inner{
	margin:15px 10px;
}
.acMenuttl img{
	width:100%;
}
.acMenuttl{
	position:relative;
}
.acMenuttl span{
	display:block;
	position: absolute;
	width: 8px;
	height: 8px;
	margin-top: -4px;
	left:50%;
	bottom:8px;
	border-top: solid 3px #fff;
	border-right: solid 3px #fff;
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);
	content: "";
}
.acMenuttl.active_menu span{
	display:block;
	position: absolute;
	width: 8px;
	height: 8px;
	margin-top: -4px;
	left:50%;
	bottom:2px;
	border-top: solid 3px #fff;
	border-right: solid 3px #fff;
	-webkit-transform: rotate(315deg);
	transform: rotate(315deg);
	content: "";
}
.acMenu{
	display:none;
	background:#fff;
}

.courseDetail{
	margin-bottom:20px;
}
.explain{
	margin-bottom:15px;
}
.explain .lead{
	padding:15px 10px;
}
.explain dt{
	text-align:center;
	color:#fff;
	padding:5px;
}
.explain dd{
	padding:10px;
}
.explain dd strong{
	display:block;
	font-weight:bold;
}
.acMenu section{
	margin-bottom:15px;
}
.acMenu section h3{
	color:#fff;
	padding:5px 10px;
}
.acMenu section h4{
	padding:20px 10px;
	font-size:128.571429%;
}
.acMenu section .lead{
	padding:10px;
}
.acMenu section dt{
	color:#fff;
	padding:5px 10px;
}
.acMenu section dd{
	padding:5px 10px;
}
.acMenu section .btn{
	background:url(../images/smp/course/bg_btn.png);
}
.acMenu section .btn{
	padding:10px 0;
}
.inturn{
	clear:both;
	color:#a67d47 !important;
}
.acMenu section .inturn dt{
	background:#b7966b !important;
	border-bottom:1px solid #a67d47 !important; 
}
.acMenu section .inturn dd{
	border-bottom:1px solid #a67d47 !important;
}
.acMenu section .inturn h4{
	position:relative;
	display:block;
	padding-left:40px;
}
.acMenu section .inturn h4::before{
	position:absolute;
	top:50%;
	left:10px;
	margin-top:-10px;
	width:20px;
	height:20px;
	background-image:url(../images/smp/course/icon_inturne.png);	
	background-size:100%;
	background-repeat:no-repeat;
	content:"";
}


/*
 courseArea rinpa
 =====================================================================================*/


#rinpa .explain{
	border:1px solid #bba572;
	color:#897547;
}
#rinpa .explain .lead{
	border-bottom:1px solid #bba572;
}
#rinpa .explain dt{
	background:#d2bb86;
	border-bottom:1px solid #bba572;
}
#rinpa .acMenu section{
	border:1px solid #bba572;
}
#rinpa .acMenu section h3{
	background:#8a7850;
	border-bottom:1px solid #bba572;
}
#rinpa .acMenu .contents h4{
	border-bottom:1px solid #bba572;
}
#rinpa .acMenu section .lead{
	border-bottom:1px solid #bba572;
}
#rinpa .acMenu .contents dt{
	background:#d2bb86;
	border-bottom:1px solid #bba572;
}
#rinpa .acMenu .contents dd{
	border-bottom:1px solid #bba572;
}

/*
 courseArea facial
 =====================================================================================*/


#facial .explain{
	border:1px solid #c93879;
	color:#c93879;
}
#facial .explain .lead{
	border-bottom:1px solid #c93879;
}
#facial .explain dt{
	background:#df88af;
	border-bottom:1px solid #c93879;
}
#facial .acMenu section{
	border:1px solid #c93879;
}
#facial .acMenu section h3{
	background:#c93879;
	border-bottom:1px solid #c93879;
}
#facial .acMenu .contents{
	color:#c93879;
}
#facial .acMenu .contents h4{
	border-bottom:1px solid #c93879;
}
#facial .acMenu section .lead{
	border-bottom:1px solid #c93879;
}
#facial .acMenu .contents dt{
	background:#df88af;
	border-bottom:1px solid #c93879;
}
#facial .acMenu .contents dd{
	border-bottom:1px solid #c93879;
}


/*
 courseArea self
 =====================================================================================*/


#self .explain{
	border:1px solid #909518;
	color:#909518;
}
#self .explain .lead{
	border-bottom:1px solid #909518;
}
#self .explain dt{
	background:#c4c766;
	border-bottom:1px solid #909518;
}
#self .acMenu section{
	border:1px solid #909518;
}
#self .acMenu section h3{
	background:#909518;
	border-bottom:1px solid #909518;
}
#self .acMenu .contents{
	color:#909518;
}
#self .acMenu .contents h4{
	border-bottom:1px solid #909518;
}
#self .acMenu section .lead{
	border-bottom:1px solid #909518;
}
#self .acMenu .contents dt{
	background:#c4c766;
	border-bottom:1px solid #909518;
}
#self .acMenu .contents dd{
	border-bottom:1px solid #909518;
}



/* PC向けおよび大型タブレット向けのレイアウトの指定：769px～960px */
@media only screen and (min-width: 768px){
	.courseArea .inner{
		margin:50px 0;
	}
	.courseList{
		overflow:hidden;
	}
	.acMenu{
		display:block;
	}

	.courseList li{
		float:left;
		margin-right:1px;
		margin-bottom:40px;
	}
	.courseList li:last-child{
		margin-right:0;
	}


	.explain{
		overflow:hidden;
		margin-bottom:20px;
	}
	.explain .pcMenuttl{
		float:left;
	}
	.explain .lead{
		float:left;
		padding:30px 20px 0 20px;
		width:558px;
		box-sizing:border-box;
	}
	.explain dl{
		clear:both;
		font-size:12px;
	}
	.explain dt{
		float:left;
		width:110px;
		padding:10px 0;
	}
	.explain dd{
		float:left;
		width:847px;
		padding:0px;
		letter-spacing:-0.05em;
	}
	.explain dd strong{
		display:inline-block;
		font-weight:nomal;
		text-align:center;
		margin-right:10px;
		width:50px;
	}
	
	.acMenu section{
		clear:both;
		position:relative;
		margin-bottom:30px;
	}
	.acMenu .contents{
		overflow:hidden;
		height:218px;
	}
	.acMenu section h3{
		padding:3px 20px;
		font-size:13px;
	}
	.acMenu section h4{
		float:left;
		width:260px;
		height:110px;
		line-height:110px;
		padding:0;
		font-size:22px;
		text-align:center;
	}
	.acMenu section .lead{
		float:left;
		padding:0 20px;
		width:460px;
		height:110px;
		box-sizing:border-box;
		font-size:13px;
	}
	.acMenu .contents .lead.pt05{
		padding-top:5px !important;		
	}
	.acMenu .contents .lead.pt30{
		padding-top:30px !important;		
	}
	.acMenu .contents .img{
		position:absolute;
		top:0px;
		right:0px;
	}
	.acMenu .contents dl{
		clear:both;
		float:right;
		width:460px;
		margin-right:237px;
		font-size:12px;
	}
	.acMenu .contents dt{
		float:left;
		width:100px;
		height:20px;
		text-align:center;
		margin-right:10px;
		padding:0;
	}
	.acMenu .contents dd{
		height:20px;
		padding:0;
	}
	.acMenu .contents .btn{
		float:left;
		padding:20px 0 30px 0;
		width:260px;
		height:34px;
	}
	.acMenu .inturn{
		clear:both;
		border-top: 1px solid #a67d47;
		height:100px;
	}
	.acMenu .inturn dl{
		float:left !important;
		width:300px !important;
		margin-top:25px;
		font-size:12px;
		border-top: 1px solid #a67d47;
		border-right: 1px solid #a67d47;
	}
	.acMenu .inturn dt{
			float:left;
			width:100px;
			height:20px;
			text-align:center;
			margin-right:10px;
			padding:0;
	}
	.acMenu .inturn dd{
			height:20px;
			padding:0;
	}
	.acMenu .inturn h4{
		float:left;
		padding-left:20px;
		width:300px;
	}
	.acMenu .inturn h4::before{
		left:40px;
		margin-top:-18px;
		width:36px;
		height:36px;
	}
	.acMenu .inturn .btn{
		float:left;
		margin-left:35px;
		padding:25px 0;
		width:260px;
		height:34px;
		background:none;
	}
	.acMenu section .inturn h4::before{
		left:40px;
		margin-top:-19px;
		width:38px;
		height:38px;
	}


	#rinpa .explain {
		border-top: 3px solid #bba572;
	}
	#rinpa .explain .lead{
		border-bottom:none;
	}
	#rinpa .explain .pcMenuttl{
		border-right:1px solid #bba572;
	}
	#rinpa .explain dt{
		border-top: 1px solid #bba572;
		border-right: 1px solid #bba572;
		border-bottom:none;
	}
	#rinpa .explain dd p{
		border-top: 1px solid #bba572;
	}
	#rinpa .explain dd strong{
		border-right: 1px solid #bba572;
	}
	#rinpa .acMenu .contents h4{
		border-right:1px solid #bba572;
		border-bottom:none;
	}
	#rinpa .acMenu .contents .lead{
		border-bottom:none;
	}	
	#rinpa .acMenu .contents dt{
		border-top:1px solid #bba572;
		border-bottom:none;
		border-right:1px solid #bba572;
	}
	#rinpa .acMenu .contents dd{
		border-top:1px solid #bba572;
		border-bottom:none;
	}
	#rinpa .acMenu .contents .btn{
		border-right:1px solid #bba572;
	}
	
	#facial .explain {
		border-top: 3px solid #c93879;
	}
	#facial .explain .lead{
		border-bottom:none;
	}
	#facial .explain .pcMenuttl{
		border-right:1px solid #c93879;
	}
	#facial .explain dt{
		border-top: 1px solid #c93879;
		border-right: 1px solid #c93879;
		border-bottom:none;
	}
	#facial .explain dd p{
		border-top: 1px solid #c93879;
	}
	#facial .explain dd strong{
		border-right: 1px solid #c93879;
	}
	#facial .acMenu .contents h4{
		border-right:1px solid #c93879;
		border-bottom:none;
	}
	#facial .acMenu .contents .lead{
		border-bottom:none;
	}	
	#facial .acMenu .contents dt{
		border-top:1px solid #c93879;
		border-bottom:none;
		border-right:1px solid #c93879;
	}
	#facial .acMenu .contents dd{
		border-top:1px solid #c93879;
		border-bottom:none;
	}
	#facial .acMenu .contents .btn{
		border-right:1px solid #c93879;
	}
	
	#self .explain {
		border-top: 3px solid #909518;
	}
	#self .explain .lead{
		border-bottom:none;
	}
	#self .explain .pcMenuttl{
		border-right:1px solid #909518;
	}
	#self .explain dt{
		border-top: 1px solid #909518;
		border-right: 1px solid #909518;
		border-bottom:none;
	}
	#self .explain dd p{
		border-top: 1px solid #909518;
	}
	#self .explain dd strong{
		padding:10px 0;
		border-right: 1px solid #909518;
	}
	#self .acMenu .contents h4{
		border-right:1px solid #909518;
		border-bottom:none;
	}
	#self .acMenu .contents .lead{
		border-bottom:none;
	}	
	#self .acMenu .contents dt{
		border-top:1px solid #909518;
		border-bottom:none;
		border-right:1px solid #909518;
	}
	#self .acMenu .contents dd{
		border-top:1px solid #909518;
		border-bottom:none;
	}
	#self .acMenu .contents .btn{
		border-right:1px solid #909518;
	}
}

/*
 appliArea
 =====================================================================================*/

.appliArea .topMenu{
	background:none;
}
.appliArea .tel{
	width:86%;
	margin:20px auto;
	text-align:center;
}
.appliArea .tel p:first-child{
	font-weight:bold;
	font-size:108.3333%;
}
.appliArea .tel img{
	width:100%;
	padding:5px;
}


/* PC向けおよび大型タブレット向けのレイアウトの指定：769px～960px */
@media only screen and (min-width: 768px){
	.appliArea .inner{
		margin:50px 0;
	}
	.appliArea .topMenu dl{
		margin-bottom:50px;
	}
	.appliArea .tel{
		margin:0 auto;
		width:400px;
	}
	.appliArea .tel img{
		width:400px;
		padding:5px 0 10px 0;
	}
}