@charset "UTF-8";
/*
Theme Name:  Personal salon Shiseibi theme
Version: 1.0
*/


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;
    vertical-align:baseline;
    background:transparent;
}

html{
    overflow-y: scroll;
	font-size: 62.5%;
}
body {
    background: #ffffff;
    text-align: center;
    font-size: 3.8vw;
    color: #000000;
    line-height: 1.8;
    font-weight: 400;
    width: 100%;
	font-family: YakuHanJP_Noto, "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "游ゴシック体", "Yu Gothic", YuGothic , Meiryo, sans-serif;
    font-variant-numeric: tabular-nums;
    /* safari hover対策 */
    -webkit-font-smoothing: antialiased;
	position: relative;
}
h1, h2, h3, h4, h5, h6 {
	font-size: 3.8vw;
	line-height: 1.3;
	font-weight: 400;
}
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
 display:block;
}
ul, ol {
 list-style:none;
}
blockquote, q {
 quotes:none;
}
blockquote:before, blockquote:after,
q:before, q:after {
 content:'';
 content:none;
}
a {
 margin:0;
 padding:0;
 vertical-align:baseline;
 text-decoration: none;
 color: inherit;
}
ins {
 background-color:#ff9;
 color:#333;
 text-decoration:none;
}
mark {
 background-color:#ff9;
 color:#333;
 font-style:italic;
 font-weight:bold;
}
del {
 text-decoration: line-through;
}
abbr[title], dfn[title] {
 border-bottom:1px dotted;
 cursor:help;
}
sup {
	font-size: 60%;
	vertical-align: text-top;
}
table {
 border-collapse:collapse;
 border-spacing:0;
}
hr {
 display:block;
 height:1px;
 border:0;
 border-top:1px solid #cccccc;
 margin:1em 0;
 padding:0;
}
input, select {
 vertical-align:middle;
}
img {
 	width:100%;
	height: auto;	
	vertical-align: top;
	line-height: 1.0;
}
.clearfix:after {
	content: "."; 
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.clearfix {
	min-height: 1px;
}
* html .clearfix {
	height: 1px;
	/*¥*//*/
	height: auto;
	overflow: hidden;
	/**/
}
.both {
	clear:both;
}
.inline_block {  
	display: inline-block;  
	*display: inline;  
	*zoom: 1;  
}
table {
	width:100%;
}
a {
	color: #000000;
	text-decoration: none;
}
a:hover {
	text-decoration: none;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
	filter: alpha(opacity=75);
	-moz-opacity:0.75;
	opacity:0.75;
}

/* Parts */
.cent { text-align: center; }
.lef { text-align: left; }
.rig { text-align: right; }

.f_lef { float: left; }
.f_rig { float: right; }

.contttl {
	font-size: 140%;
	letter-spacing: 0.05em;
}
.txt_or {
	color: #cc7d5b;
}
.txt_orbg {
	color: #ffffff;
	background: #dda38a;
	margin: 0 0.1em;
	padding: 0 0.1em;
}
.txt_sml {
	font-size: 80%;
}
.txt_lar {
	font-size: 120%;
}
.txtarea p {
	margin-bottom: 1em;
}
.ttlarea p:last-of-type {
	margin-bottom: 0;
}

ul.list_dot li,
ul.list_kome li {
	text-indent: -1em;
	margin-left: 1em;
	line-height: 1.5;
}
ul.list_kome li,
.txt_kome {
	font-size: 85%;
}

ul.list_dot li:last-child,
ul.list_kome li:last-child {
	margin-bottom: 0;
}
ul.list_dot li:before {
    content: "・";
}
ul.list_kome li:before,
.txt_kome:before {
    content: "※";
}
.highlighter {
	background: linear-gradient(transparent 70%, #e9ec7d 70%);	
}
.slash:before,
.slash:after {
    display: inline-block;
    content: '';
    width: 1.2em;
    height: 1.2em;
    border-left: 1px solid #6f3b0d;
    -webkit-transform: rotate(-30deg);
    transform: rotate(-30deg);	
}
.slash:after {
    border-left: none;
    border-right: 1px solid #6f3b0d;
    -webkit-transform: rotate(30deg);
    transform: rotate(30deg);
}
.pagetop {
    display: none;
    position: fixed;
    right: 20px;
    bottom: 20px;
	z-index: 100;
}
.pagetop a {
	position: relative;
    display: block;
    font-size: 0;
    width: 50px;
    height: 50px;
    text-align: center;
    background: #000000;
    border-radius: 50%;
    line-height: 50px;	
	filter: alpha(opacity=75);
	-moz-opacity:0.75;
	opacity:0.75;	
}
.pagetop a:hover{
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
	filter: alpha(opacity=100);
	-moz-opacity:1;
	opacity:1;
}
.pagetop a::before {
    display: block;
    content: '';
    position: absolute;
    z-index: 5;
    margin: auto;
    top: 22px;
	left: 0;
    right: 0;
    width: 10px;
    height: 10px;
    border-right: 1px solid #FFFFFF;
    border-bottom: 1px solid #FFFFFF;
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg);
}
.btnarea a {
	display : inline-block;
	color: #ffffff;
	background: #000000 url("../images/icon_arrow_lef.png") no-repeat 92% 50% / 1.2em auto;
	font-size: 120%;
	letter-spacing: 0.1em;
	text-align: center;
	width: 96%;
	height: 2.6em;
	line-height: 2.5em;
	/*position: relative;*/
	margin: auto;
	box-sizing: border-box;
}
.flexbox {
	display: flex;
	justify-content: space-between;
}
.table_list dl {
	display: flex;	
	justify-content: center;
	align-items: flex-start;
	line-height: 1.5;
	margin-bottom: 0.5em;
}
.table_list dl dt {
	width: 25%;
	box-sizing: border-box;
	color: #ffffff;
	font-size: 85%;
	padding: 0.1em 0 0.2em;
	margin-right: 1em;
	position: relative;
	z-index: 1;
	margin-left: 5%;
}
.table_list dl dt:before {
	content: "";
	display: inline-block;
	background: #dda38a;
	padding-bottom: 0.4em;
	position: absolute;
	top: 0.1em;
	left: 0;
	width: 100%;
	height: 1.2em;
	transform: skewX(-12deg);
	z-index: -1;
}
.table_list dl dd {
	text-align: left;
	width: 55%;
}
.table_list dl dd .txt_lar {
	
	letter-spacing: 0.05em;
}
.table_list dl dd ul.list_cir li {
	display: inline-block;
	margin-right: 1em;
}


/* slick Arrows */
.slick-prev,
.slick-next {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 40%;
    display: block;
    width: 10vw;
    height: 10vw;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    color: #ffffff;
    border: none;
    outline: none;
    background: #f3c4af;
	border-radius: 50%;
	z-index: 5;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
    color: transparent;
    outline: none;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
	filter: alpha(opacity=50);
	-moz-opacity:0.5;
	opacity:0.5;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
    opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
    opacity: .25;
}
.slick-prev:before,
.slick-next:before {
    font-size: 4vw;
    line-height: 1;
    color: white;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-prev {
    left: 4%;
}
.slick-next {
    right: 4%;
}
.slick-prev:before,
.slick-next:before {
    display: block;
    content: '';
    position: absolute;
    z-index: 2;
    top: 0;
	bottom: 0;
    margin: auto;
    width: 0.6em;
    height: 0.6em;
	border-right: 0.3vw solid #ffffff;
    border-bottom: 0.3vw solid #ffffff;    
}
.slick-prev:before {
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
	left: 42%;
}
.slick-next:before {	
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
	right: 42%;	
}
/* Dots */
.slick-dots {
    display: block;
    width: 100%;
    padding: 0;
    margin: 0.5em auto 0;
    list-style: none;
    text-align: center;
}
.slick-dots li {
    position: relative;
    display: inline-block;
    width: 2.5vw;
    height: 2.5vw;
    margin: 0 0.2em;
    padding: 0;
    cursor: pointer;
}
.slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 2.5vw;
    height: 2.5vw;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus {
    outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
    opacity: 1;
}
.slick-dots li button:before {
    font-size: 2.5vw;
    line-height: 1;
    position: absolute;
    top: 0;
    left: 0;
    width: 2.5vw;
    height: 2.5vw;
    content: '●';
    text-align: center;
    color: #c5c0bf;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before {
    color: #000000;
}


/* Header */
header{
	background: #ffffff;
    position: absolute;
    top: 0;
    height: 4.2em;
	width: 52%;
	padding-left: 2%;
}
header .logo {
	height: 4.2em;
	display: flex;
	align-items: center;
}
#menu,
.js #menu {
    display:none;
}

.slicknav_menu,	
.js .slicknav_menu {
    display:block;
}

.slicknav_nav a {
     position: relative;
 }
.slicknav_nav a:before {
    display: block;
    content: '';
    position: absolute;
    z-index: 2;
    margin: auto;
    top: 0;
    bottom: 0;
    right: 1.5em;
    width: 0.4em;
    height: 0.4em;
    border-right: 0.3vw solid #FFFFFF;
    border-bottom: 0.3vw solid #FFFFFF;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.slicknav_nav .tel a:before {
    content: none;
}
.slicknav_nav .tel a:hover {
	filter: alpha(opacity=100);
	-moz-opacity:1;
	opacity:1;
}

/* Main */
main {
	position: relative;
	margin-top: -1.8em;
}
.seccont {
	padding-top: 2em;
}
main .inner {
	padding: 0 4%;
	margin: 0 auto 1.5em;
	box-sizing: border-box;
}
.txtarea p {
	margin-bottom: 1em;
}
.txtarea p:last-child {
	margin-bottom: 0;
}


/* cta */
.cta {
	background: #ebcabc;
	background: -moz-linear-gradient(top,  #ebcabc 0%, #dca891 100%);
	background: -webkit-linear-gradient(top,  #ebcabc 0%,#dca891 100%);
	background: linear-gradient(to bottom,  #ebcabc 0%,#dca891 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebcabc', endColorstr='#dca891',GradientType=0 );
	padding: 1.5em 10% 1.8em;
}
.cta .txt_sub {
	background: url("../images/slash02_lef.png") no-repeat 0 100% / 1.3em auto, url("../images/slash02_rig.png") no-repeat 100% 100% / 1.3em auto;
	margin-bottom: 0.5em;
}
.cta h3 {
	padding-bottom: 0.2em;	
}
.cta h3 img {
	width: 74%;
}
.cta dl {
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 1em auto;
}
.cta dl dt {
	background: #ffffff;
	padding: 0.1em 0.4em 0.2em;
	line-height: 1;
}
.cta dl dt .txt_lar {
	padding: 0 0.1em;
	vertical-align: -0.05em;
}
.cta dl dd {
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	line-height: 1;
}
.cta dl dd:after {
	content: "";
	position: absolute;
	display: block;
	width: 0.4em;
	height: 1.2em;
	background: url("../images/icon_arrow.png") no-repeat 50% 50% / 0.4em auto;
	top: 0.5em;
	left: 48%;
}
.cta dl dd .special {
	font-size: 120%;
}
.cta dl dd .txt_lar {
	font-size: 160%;
}
.cta dl dd .regular,
.cta dl dd .special {
	padding: 0 0.6em;
}

/* main visual */
#mv {
	background: url("../images/mv_bg.jpg") no-repeat 0 0 / 100% auto;
	padding-top: 2em;
}
#mv h3 {
	font-size: 135%;
	margin-bottom: 0.5em;
}
#mv .lbl {
	text-align: right;
}
#mv .lbl img {
	width: 7.6em;
}
#mv h2 {
	padding-top: 14em;
	font-size: 114%;
	color: #ffffff;
	padding-bottom: 3em;
}
#mv h2 span {
	display: inline-block;
	background: rgba(209, 135, 110, 0.8);
	padding: 0.4em 0.5em;
	line-height: 1;
}
#mv h2 .lef {
	margin-bottom: 1em;
}
#mv h2 .rig span {
	background: #000000;
	margin-bottom: 0.2em;
}
#mv .point li {
	width: 32.5%;
	box-sizing: border-box;
	border: 0.135em solid #000000;
	border-radius: 0.5em;
	position: relative;
}
#mv .point li .imgarea img {
	border-radius: 0.5em 0.5em 0 0;
}
#mv .point li p {
	font-size: 80%;
	line-height: 1.4;
	height: 4.5em;
	display: flex;
	align-items: center;
	justify-content: center;
}
#mv .point li:first-of-type p {
	line-height: 1.2;
}
#mv .point li .balloon {
	position: absolute;
	width: 5.5em;
	top: 2.5em;
	left: -1.2em;
}

/* trouble */
#trouble .seccont {
	background: url("../images/cmt_bg_top.png") no-repeat 0 0 / 100% auto;
	background-color: #eeefef;
	margin-bottom: 2em;
}
#trouble h2 {
	background: url("../images/slash01_lef.png") no-repeat 7% 40% / 1em auto,url("../images/slash01_rig.png") no-repeat 93% 50% / 1em auto;
	margin-bottom: 1.2em;
}
.talkarea {
	background: url("../images/cmt_bg_btm.png") no-repeat 0 100% / 100% auto;
	padding-bottom: 1em;
}
.talkarea .talk {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	margin-bottom: 1em;
	padding: 0 4%;
}
.talkarea .talk:last-of-type {
	margin-bottom: 0;
}
.talkarea .talk_rig {
	flex-direction: row-reverse;
}
.talkarea .talk figure {
	/*width: 50px;*/
	width: 18.5vw;
	text-align: center;
}
.talkarea .talk figure img {
	display: block;
	border-radius: 50%;
}
.talkarea .talk p {	
	background: #ffffff;
	width: calc(100% - 22vw);		
	margin: 0;
	padding: 1em;
	box-sizing: border-box;
	border-radius: 0.5em;
	position: relative;
	font-size: 92%;
	line-height: 1.4;
	text-align: left;
}
.talkarea .talk_rig p {
	margin-right: 0;
	margin-left: 0;	
}
.talkarea .talk p:before {	
	content: "";
	position: absolute;
	top: 1.5em;
	left: -1.5em;
	margin-top: -0.5em;
	border: 0.5em solid transparent;
	border-right: 1.2em solid #ffffff;
}
.talkarea .talk_rig p:before {	
  left: 100%;
  border-right: none;
  border-left: 1em solid #ffffff;
}
#trouble .cause {
	background: #f4dfd5 url("../images/cmt_bg_triangle.png") no-repeat 0 100% / 100% auto;
}
#trouble .cause .txtarea {
	position: relative;
	margin-bottom: -1em;
	padding-bottom: 2em;
}
#trouble .cause .txt01 {
	width: 66%;
}
#trouble .cause .txt02 {
	width: 40%;
	position: absolute;
	top: 3em;
	left: 57%;
}
#trouble h3 {
	font-size: 130%;
	letter-spacing: 0.05em;
	line-height: 1.6;
	margin-bottom: 1em;
	font-weight: 500;
}
#trouble h3 span {
	border-bottom: 0.13em solid #000000;
}
#trouble .handle {
	background: #f0e5e3 url("../images/trouble_bg.jpg") no-repeat 100% 0 / auto 100%;
	
}
#trouble .handle .inner {
	padding: 8em 4% 2em;
	margin-bottom: 0;
}
#trouble .handle .txtarea {
	text-align: left;
	background: rgba(255,255,255,0.8);
	padding: 1em;
}


/* method */
#method {
	margin-bottom: 2em;
}
#method .flexbox {
	justify-content: center;
	align-items: center;
	margin: 0.4em auto 0;
}
#method .ttlarea .txt {
	font-size: 120%;
	padding: 0 0.5em;
}
#method .ttlarea .txt:first-of-type .txt_lar {
	font-size: 140%;
	vertical-align: -0.01em;
}
#method .ttlarea .txt_sml {
	font-size: 90%;
	line-height: 1.3;
	background: url("../images/bracket_lef.png") no-repeat 0 50% / auto 100%, url("../images/bracket_rig.png") no-repeat 100% 50% / auto 100%;
	padding: 0em 1em;
}
#method .ttlarea .note {
	font-size: 75%;
	text-align: right;
	margin-right: 2em;
}
#method .item {
	margin-bottom: 3em;
	text-align: left;
}
#method .item:last-of-type {
	margin-bottom: 0;
}
#method .item h3 {
	position: relative;
	margin-bottom: 1.8em;
}
#method .item h3 .lbl {
display: inline-block;
color: #f2dacb;
font-size: 70%;
padding: 0.8em 3em;
letter-spacing: 0.1em;
font-weight: 600;
position: relative;
z-index: 1;
left: -1em;
}
#method .item h3 .lbl:after {
	content: "";
	display: inline-block;
	position: absolute;
	background: #000000;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;	
	transform: skewX(-12deg);
	z-index: -1;
}
#method .item h3 .lbl .txt_lar {
	font-size: 160%;
	vertical-align: -0.1em;
	margin-left: 0.05em;
}
#method .item h3 .theme {
	display: inline-block;	
	font-size: 120%;
	padding: 0.5em 1em 0.6em;
	letter-spacing: 0.1em;
	position: absolute;
	top: 0.5em;
	left: 4em;
	min-width: 55%;
	text-align: center;
	z-index: 1;
}
#method .item h3 .theme:after {
	content: "";
	display: inline-block;
	position: absolute;
	background: #ebcabc;
	background: -moz-linear-gradient(left,  #ebcabc 0%, #f7e6d7 100%);
	background: -webkit-linear-gradient(left,  #ebcabc 0%,#f7e6d7 100%);
	background: linear-gradient(to right,  #ebcabc 0%,#f7e6d7 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebcabc', endColorstr='#f7e6d7',GradientType=1 );
	padding: 0.5em 1em 0.6em;	
	top: 0;
	left: 0;
	z-index: -1;
	width: 88%;
	height: 1.2em;
	transform: skewX(-12deg);	
}
#method .imgarea {
	margin-bottom: 1.5em;
}
#method .txtarea {
	padding: 0 4%;
}


/* price */
#price {
	background: #eeefef;
	padding-bottom: 0.5em;
}
#price .table_list {
	background: #fff;
	width: 86%;
	margin: 1em auto;
	padding: 1em 0 0.5em;
}
#price .txt_last {
	text-align: left;
}


/* result */
#result {
	/*background: #eeefef;*/
	padding-bottom: 1.5em;
}
#result p {
	line-height: 1.5;
	margin: 0.6em 0 1em;
}
#result .slick02 {
	padding: 0 20%;
}
#result .item {
	/*display: flex;*/
	
}

/* difference */
#difference h2 {
	margin-bottom: 1.2em;
}
#difference .item {
	margin-bottom: 3em;
	text-align: left;
}
#difference .item:last-of-type {
	margin-bottom: 0;
}
#difference .item .ngpoint {
	width: 84%;
	margin: 0 auto 0.5em;
	position: relative;
	background: url("../images/ng_line.png") no-repeat 0 100% / 50% auto;	
	padding: 0 0 1.5em 0.8em;
}
#difference .item .ngpoint .txtarea {
	position: absolute;
}
#difference .item .ngpoint .icon_ng {
	display: inline-block;
	width: 1.7em;
	margin-bottom: 0.5em;
	margin-left: 1em;
}
#difference .item .ngpoint p {
	width: 70%;
	line-height: 1;
}
#difference .item .ngpoint p span {
	display: inline-block;
	color: #ffffff;
	background: #000000;
	margin-bottom: 0.2em;
	padding: 0.1em 0.5em 0.2em;
	left: 1em;
	
}
#difference .item .ngpoint .imgarea {
	text-align: right;
}
#difference .item .ngpoint .imgarea img {
	width: 60%;
}

/* trainer */
#trainer {
	padding-bottom: 1em;
}
#trainer .ttlarea,
#access .ttlarea {
	margin-bottom: 1.5em;	
}
#trainer .ttlarea .txt_sml {
	font-size: 90%;
	letter-spacing: 0.1em;	
}
#trainer .trainer {
	margin-bottom: 3em;
}
#trainer .trainer:last-of-type {
	margin-bottom: 0;
}
#trainer dl {
	
}
#trainer dl dt {
	position: relative;
	padding: 1em 0 1.5em;
	font-size: 120%;
	letter-spacing: 0.1em;
}
#trainer dl dt span {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	margin: 0 auto;
	color: #f6e4dc;
	font-size: 220%;
	font-weight: bold;
	font-style: italic;
	letter-spacing: 0.05em;
	z-index: -1;
}
#trainer dl dd {
	text-align: left;
}

/* media */
#media {
	background: #000000;
	color: #ffffff;
}
#media .ttlarea {
	margin-bottom: 1.5em;
	padding: 0 8%;
}
#media .ttlarea p {
	text-align: left;
	line-height: 1.5;
	margin-top: 0.5em;
}
#media .inner {
	position: relative;
	margin-bottom: 0;
}
#media .medialist {
	text-align: left;
	background: #ffffff;
	padding: 0.5em 0 1em;
}
#media .medialist dl {
	padding: 0.5em 0;
}
#media .medialist dl dt {
	background: #000000;
	color: #ffffff;
	display: inline-block;
	padding: 0 1.5em;
	margin-bottom: 0.5em;
}
#media .medialist dl dd {
	color: #000000;
	padding: 0 2.5em;
	line-height: 1.7;
}
#media .imgarea {
    position: relative;
    width: 100%;
    margin: auto;
    left: 0;
    right: 0;
    top: -1.5em;
    height: auto;
}


/* about */
#about {
	background: url("../images/about_side.png") no-repeat 5% 0 / auto 100%;/*#fcf5ef*/
}
#about .inner {
	padding-top: 2.5em;
	padding-left: 4em;
	text-align: left;
}
#about h2 {
	font-size: 112%;
	text-align: right;
	letter-spacing: 0.05em;
	position: relative;
	margin-bottom: 1em;
}
#about h2:before {
	content: "";
	position: absolute;
	display: block;
	width: 4em;
	border-top: 0.15em solid #000000;
	top: 0.6em;
}
#about .bgarea {
	position: relative;
}
#about .bgarea .imgwrap {
	position: absolute;
	width: 52%;
	top: 0;
	left: 0;
}
#about .bgarea .imgwrap li:last-of-type {
	margin-top: 0.5em;
}
#about .bgarea .img03 {
	text-align: right;
	padding-top: 2em;
}
#about .bgarea .img03 img {
	width: 80%;
}

/* access */
#access {
	margin-bottom: 0;
}
#access .ttlarea .txt_sml {
	font-size: 90%;
	letter-spacing: 0.1em;
	line-height: 1.2;
	margin-bottom: 0.3em;
}
#access .imgarea {
	margin-bottom: 2em;
}
#access .table_list dl dt:before {
	background: #000000;
}
#access .table_list dl dd {
	width: 65%;
	line-height: 1.2;
}
#access .note {
	border: 0.15em solid #000000;
	padding: 0.6em 0.8em;
	font-size: 90%;
	line-height: 1.4;
	margin: 1.5em auto 3em;
	width: 88%;
	box-sizing: border-box;
	text-align: left;
}
#map{
	width: 100%;
	height: 500px;
	background: #ffffff;
	margin: 0 auto;
}

/* footer */
footer {
	position: relative;
	padding: 1.5em 0 0.5em;
}
footer .ft_logo {
	background: #ebcabc;
	background: -moz-linear-gradient(left,  #ebcabc 0%, #f7e6d7 25%, #f7e6d7 75%, #ebcabc 100%);
	background: -webkit-linear-gradient(left,  #ebcabc 0%,#f7e6d7 25%,#f7e6d7 75%,#ebcabc 100%);
	background: linear-gradient(to right,  #ebcabc 0%,#f7e6d7 25%,#f7e6d7 75%,#ebcabc 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebcabc', endColorstr='#ebcabc',GradientType=1 );
}

footer .ft_logo p {
	font-size: 110%;
	letter-spacing: 0.1em;
	color: #cc7d5b;
	display: inline-block;
	padding: 0.2em 1.6em;
	position: relative;
	z-index: 1;
}
footer .ft_logo p:before {
	content: "";
	display: inline-block;
	background: #ffffff;	
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 2.2em;
	transform: skewX(-12deg);
	z-index: -1;
}
footer .imgarea {
	width: 36%;
	margin: 0 auto 1.2em;
}
footer .lien a {
	display: flex;
	justify-content: center;
	align-items: center;
}
footer .lien a .txt_sml {
	letter-spacing: 0.08em;
}
footer .lien img {
	width: 35%;
	margin-top: 0.5em;
}
footer .sns {
	position: absolute;
	top: 9em;
	width: 100%;
}
footer .sns li {
	width: 2em;
	position: relative;
	left: 76vw;	
}
.copyright {
	font-size: 70%;
	letter-spacing: 0.05em;
	margin-top: 3em;
}


@media screen and (min-width: 769px) {
	body {
		width: 769px;		
		margin: 0 auto;
		font-size: 2.95rem;
	}
	h1, h2, h3, h4, h5, h6 {
		font-size: 2.95rem;
	}
	header .logo {
		height: 122px;
	}
	.slicknav_btn {
		left: calc(50% + 280px);
		float: none;
	}
	.slicknav_menu .slicknav_icon-bar {
		height: 4px;
	}
	.slicknav_nav a:before {
		border-width: 3px;
	}
	.talkarea .talk figure {
		width: 140px;
	}
	.talkarea .talk p {
		width: calc(100% - 170px);
	}
	.slick-prev,
	.slick-next {
		width: 76px;
    	height: 76px;
	}
	.slick-prev:before,
	.slick-next:before {
		font-size: 3.0rem;
		border-width: 3px;
	}
	.slick-dots li {
		width: 20px;
		height: 20px;
	}
	.slick-dots li button {
		width: 20px;
		height: 20px;
	}
	.slick-dots li button:before {
		font-size: 20px;
		width: 20px;
		height: 20px;
	}
	footer .lien a img {
		width: 30%;
	}
	footer .sns li {
		left: calc(50% + 180px);
	}
}