@charset "UTF-8";

h2,h3,h4,h5,p {
    margin: 0;
    padding: 0;
	font-weight: 400;
	line-height: 1.5;
}
ul,ol {
    margin: 0;
    padding: 0;
    list-style-type: none;
}
body,html {
	color: #544b3e;
	font-family: "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",Meiryo,"メイリオ","ＭＳ Ｐゴシック",Osaka,"MS PGothic",Arial,Verdana;
    font-size: 13.5px;
    *font-size: small;
    *font: x-small;
	position: relative;
	line-height: 1.8;
	background: #f7eee3;
	overflow-x: hidden;
}
a {	outline: 0; color: #544b3e; }
a:hover { color: #544b3e; text-decoration: none; }
a:focus { color: #544b3e; outline: none;text-decoration: none;}
a:visited { text-decoration: none; }
::selection { background: #f8f0e4; }
::-moz-selection { background: #EFE6CD; }
img { max-width: 100%; height: auto;}



/* Font
---------------------------------------------- */

/* Font Size*/
.text8 { font-size: 8px; }
.text9 { font-size: 9px; }
.text10 { font-size: 10px; }
.text11 { font-size: 11px; }
.text12 { font-size: 12px; }
.text13 { font-size: 13px; }
.text14 { font-size: 14px; }
.text15 { font-size: 15px; }
.text16 { font-size: 16px; }
.text17 { font-size: 17px; }
.text18 { font-size: 18px; }
.text19 { font-size: 19px; }
.text20 { font-size: 20px; }
.text21 { font-size: 21px; }
.text22 { font-size: 22px; }
.text23 { font-size: 23px; }
.text24 { font-size: 24px; }
.text25 { font-size: 25px; }
.text26 { font-size: 26px; }

.text_smaller { font-size: smaller; }
.text_xsmaller { font-size: x-small; }
sub,sup { font-size: 77%; }

/* Weight, Style, Decoration */
.normal { font-weight: normal; }
.bold { font-weight: bold; }
.italic { font-style: italic; }
.strike { text-decoration: line-through; }

/* Color */
.blue { color: #1d5cc5; }
.red { color: #ce0127; }
.white { color: #FFFFFF; }
.lgray { color: #CCC; }
.gray { color: #999999; }
.green { color: #009999; }



/* clearfix
-------------------------------------------------------------------------------------------------------- */

.clearfix:after {
    content: "."; display: block; height: 0; clear: both; visibility: hidden;
}
.clearfix {display: inline-block; }

/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */



/* Margin / Padding
-------------------------------------------------------------------------------------------------------- */

/* Margin Bottom
---------------------------------------------- */

.b0 { margin: 0; }
.b05 { margin-bottom: 5px; }
.b10 { margin-bottom: 10px; }
.b15 { margin-bottom: 15px; }
.b20 { margin-bottom: 20px; }
.b25 { margin-bottom: 25px; }
.b30 { margin-bottom: 30px; }
.b35 { margin-bottom: 35px; }
.b40 { margin-bottom: 40px; }
.b45 { margin-bottom: 45px; }
.b50 { margin-bottom: 50px; }
.b55 { margin-bottom: 55px; }
.b60 { margin-bottom: 60px; }
.b65 { margin-bottom: 65px; }
.b70 { margin-bottom: 70px; }
.b75 { margin-bottom: 75px; }
.b80 { margin-bottom: 80px; }

@media screen and (max-width: 991px) {
    .md_b10 { margin-bottom: 10px; }
    .md_b15 { margin-bottom: 15px; }
    .md_b20 { margin-bottom: 20px; }
    .md_b25 { margin-bottom: 25px; }
    .md_b30 { margin-bottom: 30px; }
    .md_b35 { margin-bottom: 35px; }
    .md_b40 { margin-bottom: 40px; }
    .md_b45 { margin-bottom: 45px; }
    .md_b50 { margin-bottom: 50px; }
    .md_b55 { margin-bottom: 55px; }
    .md_b60 { margin-bottom: 60px; }
}

@media screen and (max-width: 767px) {
    .sm-b10 { margin: 0 0 10px; }
    .sm-b15 { margin: 0 0 15px; }
    .sm-b20 { margin: 0 0 20px; }
    .sm-b25 { margin: 0 0 25px; }
    .sm-b30 { margin: 0 0 30px; }
    .sm-b40 { margin: 0 0 40px; }
}

@media screen and (max-width: 575px) {
    .xs-b10 { margin: 0 0 10px; }
    .xs-b15 { margin: 0 0 15px; }
    .xs-b20 { margin: 0 0 20px; }
    .xs-b25 { margin: 0 0 25px; }
    .xs-b30 { margin: 0 0 30px; }
    .xs-b40 { margin: 0 0 40px; }
}


/* Margin Top
---------------------------------------------- */

.t05 { margin-top: 5px; }
.t10 { margin-top: 10px; }
.t15 { margin-top: 15px; }
.t20 { margin-top: 20px; }
.t30 { margin-top: 30px; }


/* Margin Left
---------------------------------------------- */

.l05 { margin-left: 5px; }
.l10 { margin-left: 10px; }
.l15 { margin-left: 15px; }
.l20 { margin-left: 20px; }
.l25 { margin-left: 25px; }
.l30 { margin-left: 30px; }
.l35 { margin-left: 35px; }
.l40 { margin-left: 40px; }
.l45 { margin-left: 45px; }
.l50 { margin-left: 50px; }
.l55 { margin-left: 55px; }
.l60 { margin-left: 60px; }


/* Margin Right
---------------------------------------------- */

.r05 { margin-right: 5px; }
.r10 { margin-right: 10px; }
.r15 { margin-right: 15px; }
.r20 { margin-right: 20px; }


/* Padding Left
---------------------------------------------- */

.pl10 { padding-left: 10px; }
.pl15 { padding-left: 15px; }
.pl20 { padding-left: 20px; }


/* Padding Bottom
---------------------------------------------- */

.pb20 { padding-bottom: 20px; }


/* Width
-------------------------------------------------------------------------------------------------------- */

.w10p {width:      10%;}
.w15p {width:      15%;}
.w17p {width:      17%;}
.w20p {width:      20%;}
.w21p {width:      21%;}
.w22p {width:      22%;}
.w23p {width:      23%;}
.w24p {width:      24%;}
.w25p {width:      25%;}
.w28p {width:      28%;}
.w30p {width:      30%;}
.w32p {width:      32%;}
.w35p {width:      35%;}
.w38p {width:      38%;}
.w40p {width:      40%;}
.w42p {width:      42%;}
.w45p {width:      45%;}
.w48p {width:      48%;}
.w50p {width:      50%;}
.w55p {width:      55%;}
.w58p {width:      58%;}
.w60p {width:      60%;}
.w62p {width:      62%;}
.w65p {width:      65%;}
.w68p {width:      68%;}
.w70p {width:      70%;}
.w75p {width:      75%;}
.w78p {width:      78%;}
.w80p {width:      80%;}
.w85p {width:      85%;}
.w88p {width:      88%;}
.w90p {width:      90%;}
.w95p {width:      95%;}
.w100p {width:      100%;}

@media screen and (max-width: 991px) {
	.w10p_max991 { width:10%; height:auto; }
	.w15p_max991 { width:15%; height:auto; }
	.w20p_max991 { width:20%; height:auto; }
	.w22p_max991 { width:22%; height:auto; }
	.w25p_max991 { width:25%; height:auto; }
	.w30p_max991 { width:30%; height:auto; }
	.w32p_max991 { width:32%; height:auto; }
	.w35p_max991 { width:35%; height:auto; }
	.w38p_max991 { width:38%; height:auto; }
	.w40p_max991 { width:40%; height:auto; }
	.w42p_max991 { width:42%; height:auto; }
	.w45p_max991 { width:45%; height:auto; }
	.w48p_max991 { width:48%; height:auto; }
	.w50p_max991 { width:50%; height:auto; }
	.w55p_max991 { width:55%; height:auto; }
	.w58p_max991 { width:58%; height:auto; }
	.w60p_max991 { width:60%; height:auto; }
	.w62p_max991 { width:62%; height:auto; }
	.w65p_max991 { width:65%; height:auto; }
	.w68p_max991 { width:68%; height:auto; }
	.w70p_max991 { width:70%; height:auto; }
	.w75p_max991 { width:75%; height:auto; }
	.w78p_max991 { width:78%; height:auto; }
	.w80p_max991 { width:80%; height:auto; }
	.w85p_max991 { width:85%; height:auto; }
	.w88p_max991 { width:88%; height:auto; }
	.w90p_max991 { width:90%; height:auto; }
	.w95p_max991 { width:95%; height:auto; }
	.w100p_max991 { width:100%; height:auto; }
}

@media screen and (max-width: 767px) {
	.w10p_max767 { width:10%; height:auto; }
	.w15p_max767 { width:15%; height:auto; }
	.w20p_max767 { width:20%; height:auto; }
	.w22p_max767 { width:22%; height:auto; }
	.w25p_max767 { width:25%; height:auto; }
	.w30p_max767 { width:30%; height:auto; }
	.w32p_max767 { width:32%; height:auto; }
	.w35p_max767 { width:35%; height:auto; }
	.w38p_max767 { width:38%; height:auto; }
	.w40p_max767 { width:40%; height:auto; }
	.w42p_max767 { width:42%; height:auto; }
	.w45p_max767 { width:45%; height:auto; }
	.w48p_max767 { width:48%; height:auto; }
	.w50p_max767 { width:50%; height:auto; }
	.w55p_max767 { width:55%; height:auto; }
	.w58p_max767 { width:58%; height:auto; }
	.w60p_max767 { width:60%; height:auto; }
	.w62p_max767 { width:62%; height:auto; }
	.w65p_max767 { width:65%; height:auto; }
	.w68p_max767 { width:68%; height:auto; }
	.w70p_max767 { width:70%; height:auto; }
	.w75p_max767 { width:75%; height:auto; }
	.w78p_max767 { width:78%; height:auto; }
	.w80p_max767 { width:80%; height:auto; }
	.w85p_max767 { width:85%; height:auto; }
	.w88p_max767 { width:88%; height:auto; }
	.w90p_max767 { width:90%; height:auto; }
	.w95p_max767 { width:95%; height:auto; }
	.w100p_max767 { width:100%; height:auto; }
}

/* Position
-------------------------------------------------------------------------------------------------------- */

.alignC { text-align: center; }
.alignR { text-align: right; }
.alignL { text-align: left; }
.valignM { vertical-align: middle; }
.valignB { vertical-align: bottom; }
.relative { position: relative; }


/* Box Style
---------------------------------------------- */

.box_gray_p10 {
    padding: 10px;
    background: #EEE;
}
.box_lgray_p15 {
    padding: 15px;
    background: #f6f6f6;
}
.box_gray_p20 {
    padding: 20px;
    background: #EEE;
}


/* List
-------------------------------------------------------------------------------------------------------- */

.list-disc li {
	display: flex;
}
.list-disc li:before {
	content:  "・";
}
.list-num {
	list-style-type: decimal;
}




/* Responsive
-------------------------------------------------------------------------------------------------------- */

/* br
---------------------------------------------- */

.br-xl { display: block; }/* 1200px以上で改行 */
.br-lg { display: block; }/* 992px以上で改行 */
.br-md { display: none; }/* 991px以下で改行 */
.br-sm { display: none; }/* 767px以下で改行 */
.br-xs { display: none; }
@media screen and (max-width: 1199px) {
	.br-xl { display: none; }
}
@media screen and (max-width: 991px) {
	.br-lg { display: none; }
	.br-md { display: block; }
}
@media screen and (max-width: 767px) {
	.br-sm { display: block; }
}
@media screen and (max-width: 576px) {
	.br-xs { display: block; }
}


/* disblock / disnone
---------------------------------------------- */

.column-xl { display: block; }/* 1200px以上で表示 */
.column-lg { display: block; }/* 992px以上で表示 */
.column-md { display: none; }/* 991px以下で表示 */
.column-sm { display: none; }/* 767px以下で表示 */
.column-xs { display: none; }

.column-min-sm { display: block; }/* 768px以上で表示 */

@media screen and (max-width: 1199px) {
	.column-xl { display: none; }
}
@media screen and (max-width: 991px) {
	.column-lg { display: none; }
	.column-md { display: block; }
}
@media screen and (max-width: 767px) {
	.column-sm { display: block; }
	.column-min-sm { display: none; }
}
@media screen and (max-width: 576px) {
	.column-xs { display: block; }
}



/* Title
-------------------------------------------------------------------------------------------------------- */

/* Title Button(h2 / anchor)
---------------------------------------------- */

/* common */
.h2_btn_brown,
.anchor_btn_brown {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.h2_btn_brown a,
.anchor_btn_brown a,
.red_circle a,
.blue_circle a {
	font-size: 12px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color: #fff;
	background: #6e6759;
	display: inline-block;
	border-radius: 3px;
	padding: 6px 10px 6px 20px;
	margin-left: 10px;
	line-height: 1;
	position: relative;
	white-space: nowrap;
	transition: .3s;
}
.h2_btn_brown a:hover,
.anchor_btn_brown a:hover,
.red_circle a:hover,
.blue_circle a:hover {
	background: #433b2f;
}
.h2_btn_brown a:before,
.h2_btn_brown a:after,
.anchor_btn_brown a:before,
.anchor_btn_brown a:after,
.red_circle a:before,
.red_circle a:after,
.blue_circle a:before,
.blue_circle a:after {
	width: 1px;
	height: 6px;
	display: inline-block;
	content: " ";
	background:linear-gradient(rgba(191,167,129,1.00), rgba(191,167,129,0.2));
	position: absolute;
}

/* h2 */
.h2_btn_brown span:last-child {
	display: flex;
}
.h2_btn_brown a:before,
.h2_btn_brown a:after {
	left: 13px;
}
.h2_btn_brown a:before {
	transform: rotate(45deg);
	top: 50%;
}
.h2_btn_brown a:after {
	transform: rotate(-225deg);
	top: calc(50% - 4px);
}
.h2_btn_brown span:first-child:before {
	width: 6px;
	height: calc(100% - 120px);
	display: block;
	content: " ";
	bottom:0;
	left: 0;
	position: absolute;
}
body.body_clinic .h2_btn_brown span:first-child:before {
	background: #7f1953;
}
body.body_spa .h2_btn_brown span:first-child:before {
	background: #2a1c6b;
}
body.body_common .h2_btn_brown span:first-child:before {
	background: #6e6759;
}
/* anchor */
.anchor_btn_brown {
	border-bottom: #eeeae5 1px solid;
	padding-bottom: 5px;
	margin-bottom: 10px;
}
.anchor_btn_brown span {
	display: flex;
	font-size: 18px;
}
.anchor_btn_brown a:before,
.anchor_btn_brown a:after {
	top: calc(50% - 3px);
}
.anchor_btn_brown a:before {
	transform: rotate(135deg);
	left: 10px;
}
.anchor_btn_brown a:after {
	transform: rotate(-135deg);
	left: 14px;
}
@media screen and (max-width: 767px) {
	.anchor_btn_brown span {
		font-size: 16px;
	}
	.h2_btn_brown {
		display: block;
		border: none !important;
	}
	.h2_btn_brown span:first-child {
		display: block;
		padding: 0 0px 4px 8px;
		margin-bottom: 15px;
	}
	body.body_clinic .h2_btn_brown span:first-child {
		border-bottom: 1px solid #7f1953;
		border-left: 6px solid #7f1953;
	}
	body.body_spa .h2_btn_brown span:first-child {
		border-bottom: 1px solid #2a1c6b;
		border-left: 6px solid #2a1c6b;
	}
	.main_inner > h2.h2_btn_brown {
		padding-left: 0;
	}
	.main_inner > h2.h2_btn_brown:before {
		display: none;
	}
	.main_inner > h2.h2_btn_brown span:last-child {
		justify-content: flex-end;
	}
	.h2_btn_brown a, .anchor_btn_brown a {
		padding: 10px 10px 10px 20px;
	}
	.h2_btn_brown span {
		position: relative;
	}
}


/* Circle
---------------------------------------------- */

/* common */
.red_circle,
.blue_circle {
	font-size: 18px;
	margin-bottom: 15px;
	display: flex;
	position: relative;
	justify-content: space-between;
}
.red_circle a,
.blue_circle a {
	position: relative;
	align-self: flex-start; 
}
.red_circle span:before,
.blue_circle span:before {
	content: "●";
	font-size: 12px;
	display: inline-block;
	padding-right: 3px;
	position: relative;
	top: -1px;
}
.red_circle span:before {
	color: #7f1953;
}
.blue_circle span:before {
	color: #2a1c6b;
}
.red_circle a:before,
.red_circle a:after,
.blue_circle a:before,
.blue_circle a:after {
	left: 13px;
}
.red_circle a:before,
.blue_circle a:before {
	transform: rotate(45deg);
	top: calc(50% - 2px);
}
.red_circle a:after,
.blue_circle a:after {
	transform: rotate(-225deg);
	top: calc(50% - 6px);
}

@media screen and (max-width: 767px) {
	.anchor_btn_brown span {
		font-size: 16px;
	}
}



/* Button
-------------------------------------------------------------------------------------------------------- */

/* Button Box
----------------------------------------- */

.btn_column4,
.btn_column3,
.btn_column2 {
	display: flex;
	justify-content: space-between;
	line-height: 1.5;
}
.btn_column4 > a {
	width: 23.5%;
	display: flex;
	align-items: center;
	justify-content: center;
}
.btn_column3 > a {
	width: calc((100% / 3) - 2%);
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}
.btn_column2 > a {
	width: 48%;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}
@media screen and (max-width: 991px) {
	.btn_column4,
	.btn_column3,
	.btn_column2 {
		flex-wrap: wrap;
	}
	.btn_column4 > a,
	.btn_column2 > a {
		width: 48%;
		margin-bottom: 15px;
	}
	.btn_column3 > a {
		width: 100%;
	}
	.btn_column3 > a:not(:last-child) {
		margin-bottom: 15px;
	}
}


/* Pattern(red/blue)
----------------------------------------- */

/* common */
a.btn_red_pt,
a.btn_blue_pt {
	color: #fff;
	position: relative;
	padding: 10px 15px;
	min-height: 45px;
	text-align: center;
	transition: .3s;
}
a.btn_red_pt:hover,
a.btn_blue_pt:hover {
	color: #fff;
}
a.btn_red_pt span,
a.btn_blue_pt span {
	position: relative;
	display: inline-block;
	padding-left: 12px;
}

/* common(decoration) */
a.btn_red_pt:before,
a.btn_red_pt:after,
a.btn_blue_pt:before,
a.btn_blue_pt:after {
	width: 100%;
	height: 1px;
	position: absolute;
	background: rgba(255,255,255,0.2);
	content: " ";
	display: block;
	left: 0;
	transition: .3s;
}
a.btn_red_pt:hover:before,
a.btn_red_pt:hover:after,
a.btn_blue_pt:hover:before,
a.btn_blue_pt:hover:after {
	background: rgba(255,255,255,0.35);
}
a.btn_red_pt:before,
a.btn_blue_pt:before {
	top: 3px;
}
a.btn_red_pt:after,
a.btn_blue_pt:after {
	bottom: 3px;
}
a.btn_red_pt span:before,
a.btn_red_pt span:after,
a.btn_blue_pt span:before,
a.btn_blue_pt span:after {
	width: 1px;
	height: 9px;
	display: inline-block;
	content: " ";
	background: linear-gradient(rgba(168,144,107,1.00), rgba(168,144,107,0.2));
	position: absolute;
	left: 0px;
}
a.btn_red_pt span:before,
a.btn_blue_pt span:before {
	transform: rotate(45deg);
	top: calc(50% - 0px);
}
a.btn_red_pt span:after,
a.btn_blue_pt span:after {
	transform: rotate(-225deg);
	top: calc(50% - 6px);
}

/* red */
a.btn_red_pt {
	background: url(../img/bg_red_pt.jpg);
}
a.btn_red_pt:hover {
	background: url(../img/bg_dred_pt.jpg);
}

/* blue */
a.btn_blue_pt {
	background: url(../img/bg_blue_pt.jpg);
}
a.btn_blue_pt:hover {
	background: url(../img/bg_dblue_pt.jpg);
}


/* Pattern(red/blue) Large
----------------------------------------- */

a.btn_large {
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size: 20px;
	padding: 20px 50px;
}
a.btn_large span {
	position: static;
	padding-left: 0;
}
a.btn_large span:before,
a.btn_large span:after {
	right: 15px;
	left: auto;
}


/* Gold
----------------------------------------- */

a.btn_gold {
	display: inline-block;
	color: #fff;
	background: #b29e82;
	padding: 5px 20px 5px 32px;
	position: relative;
	transition: .3s;
}
a.btn_gold:hover {
	color: #fff;
	background: #544b3e;
}

/* decoration */
a.btn_gold:before,
a.btn_gold:after {
	width: 1px;
	height: 7px;
	display: inline-block;
	content: " ";
	background:linear-gradient(rgba(255,255,255,1.00), rgba(255,255,255,0.2));
	position: absolute;
	left: 20px;
}
a.btn_gold:before {
	transform: rotate(45deg);
	top: calc(50% - 1px);
}
a.btn_gold:after {
	transform: rotate(-225deg);
	top: calc(50% - 6px);
}
@media screen and (max-width: 991px) {
	.btn_gold {
		display: block;
		text-align: center;
	}
}


/* Arrow Bottom
----------------------------------------- */

a.arrow_btm span:before {
	transform: rotate(225deg);
	top: calc(50% - 4px);
}
a.arrow_btm span:after {
	top: calc(50% - 4px);
	left: -6px;
}


/* Arrow Right
----------------------------------------- */

a.arrow_right span {
	position: static;
	padding-left: 0;
}
a.arrow_right span:before,
a.arrow_right span:after {
	right: 15px;
	left: auto;
}


/* Table
-------------------------------------------------------------------------------------------------------- */

.table_white {
	width: 100%;
	table-layout: fixed;
}
.table_white tr {
	border-bottom: 1px solid #f4ede3;
}
.table_white th {
	font-weight: normal;
	background: #fcfaf7;
	text-align: center;
	vertical-align: middle;
	border-right: 1px solid #f7eee3;
	padding: 5px 20px;
	width: 180px;
}
.table_white td {
	background: url(../img/bg_beige.jpg);
	padding: 5px 20px;
}

@media screen and (max-width: 767px) {
	.table_white th {
		width: 100%;
		display: block;
		border-right: none;
		border-bottom: 1px solid #f7eee3;
		padding: 5px 15px;
		text-align: left;
	}
	.table_white td {
		display: block;
		width: 100%;
		padding: 10px 15px;
	}
}



/* Comment
-------------------------------------------------------------------------------------------------------- */

.comment {
	color: #77726a;
	font-size: 12px;
}
ul.comment li {
    counter-increment: number;
}
ul.comment li:before {
    content: "※"counter(number);
	display: inline-block;
	margin-right: 5px;
}



/* Box
-------------------------------------------------------------------------------------------------------- */

/* Anchor List
----------------------------------------- */

.box_anchor {
	background: url(../img/bg_lbeige.jpg);
	padding: 25px;
	position: relative;
	box-shadow: 0 0 10px #f1e5d6;
	z-index: 2;
}
.box_anchor:before {
	border: 1px solid #a8906b;
	width: calc(100% - 6px);
	height: calc(100% - 6px);
	content: " ";
	display: block;
	position: absolute;
	top: 3px;
	left: 3px;
	pointer-events: none;
}

/* Title */
.box_anchor p {
	text-align: center;
	font-size: 18px;
	color: #433b2f;
	margin-bottom: 25px;
	line-height: 1.4;
}
.box_anchor p:after {
	width: 110px;
	height: 15px;
	content: " ";
	display: block;
	position: relative;
	top: 5px;
	left: 0;
	background: url(../img/icon_ornament.png) no-repeat;
	background-size: contain;
	margin: 0 auto;
}

/* List */
.box_anchor li {
	display: inline-block;
	padding-right: 10px;
	margin-right: 10px;
	border-right: #d0c9bc 1px solid;
	line-height: 1.5;
}
.box_anchor li a {
	color: #77726a;
	text-decoration: underline;
}
.box_anchor li a:hover {
	text-decoration: none;
}
@media screen and (max-width:767px) {
	.box_anchor p {
		margin-bottom: 15px;
	}
	.box_anchor li {
		font-size: 12px;
		margin-bottom: 10px;
	}
	.box_anchor {
		padding-bottom: 15px;
	}
}


/* Gold Line
----------------------------------------- */

.box_gold_line {
	background: #fdfbf9;
	padding: 25px;
	position: relative;
	box-shadow: 0 0 10px #f1e5d6;
}
.box_gold_line:before {
	pointer-events: none;
	border: 1px solid #a8906b;
	width: calc(100% - 6px);
	height: calc(100% - 6px);
	content: " ";
	display: block;
	position: absolute;
	top: 3px;
	left: 3px;
}
.box_gold_line.p15 {
	padding: 15px;
}


/* Beige Pattern
----------------------------------------- */

.box_beige_pt {
	background: url(../img/bg_lbeige_pt.jpg);
	border: 6px solid #cfc7b7;
	padding: 20px 25px;
}
.box_beige_pt a {
	text-decoration: underline;
}
.box_beige_pt li {
	position: relative;
	padding-left: 15px;
}
.box_beige_pt li:not(:last-child) {
	margin-bottom: 10px;
}
.box_beige_pt li:before {
	content: "●";
	font-size: 10px;
	color: #c9b698;
	position: absolute;
	top: 3px;
	left: 0;
}
.box_beige_pt .ttl {
	border-bottom: #ded7cd 1px solid;
	font-size: 18px;
	padding-bottom: 5px;
	margin-bottom: 20px;
}
@media screen and (max-width:767px) {
	.box_beige_pt {
		padding: 15px;
	}
}


/* Brown
----------------------------------------- */

.box_brown {
	padding: 10px 15px;
	background: #f1e4d9;
	border: 1px solid #ebdbce;
	line-height: 1.8;
}
.box_brown .ttl {
	margin-bottom: 15px;
	font-size: 18px;
	border-bottom: 1px solid #e7d5c7;
}
.box_brown li {
	display: flex;
	margin-bottom: 5px;
}
.box_brown li:before {
	content: "・";
}
@media screen and (max-width:767px) {
	.box_brown .ttl {
		font-size: 16px;
	}
}


/* Light Beige
----------------------------------------- */

.box_lbeige {
	background: url(../img/bg_lbeige.jpg);
	padding: 20px;
}
.box_lbeige .ttl {
	font-size: 18px;
	border-bottom: #eeeae1 1px solid;
	padding-bottom: 5px;
	margin-bottom: 10px;
}


/* White
----------------------------------------- */

.box_white {
	background: #fff;
	padding: 20px;
	border: #f6f3f0 1px solid;
}


/* Decoration
-------------------------------------------------------------------------------------------------------- */

/* Line Bottom
----------------------------------------- */

.line_bottom {
	padding-bottom: 30px;
	margin-bottom: 30px;
	position: relative;
}
.line_bottom:after {
	width: 30px;
	height: 1px;
	display: block;
	content: " ";
	background: #544b3e;
	position: absolute;
	bottom: 0;
	left: 0;
}



/* Flex Box
-------------------------------------------------------------------------------------------------------- */

.flex {
	display: flex;
}
.flex_between {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}
.flex-column{
	flex-direction: column;}
	
@media screen and (max-width:767px) {
	.flex_reverse_max767 {
		display: flex;
		flex-direction: column-reverse;
	}
}


/* Animation
-------------------------------------------------------------------------------------------------------- */

/* fade in */
.fadein_delay_600,
.fadein_delay_1000,
.fadein_delay_1200,
.fadein_delay_1400,
.fadein_delay_1500,
.fadein_delay_1600,
.fadein_delay_1800,
.fadein_delay_2000,
.fadein_delay_2400,
.fadein_delay_2800,
.fadein_delay_3400 {
	opacity: 0;
	animation: fadein_delay 2s ease forwards;
}
.fadein_delay_600 { animation-delay: 600ms; }
.fadein_delay_1000 { animation-delay: 1000ms; }
.fadein_delay_1200 { animation-delay: 1200ms; }
.fadein_delay_1400 { animation-delay: 1400ms; }
.fadein_delay_1500 { animation-delay: 1500ms; }
.fadein_delay_1600 { animation-delay: 1600ms; }
.fadein_delay_1800 { animation-delay: 1800ms; }
.fadein_delay_2000 { animation-delay: 2000ms; }
.fadein_delay_2400 { animation-delay: 2400ms; }
.fadein_delay_2800 { animation-delay: 2800ms; }
.fadein_delay_3400 { animation-delay: 3400ms; }
.scroll_effect {
	opacity: 0;
	transition: .8s;
	transition-delay: 200ms;
}
.effect {
	opacity: 1;
}


@keyframes fadein_delay {
	0% { opacity: 0; }
	100% { opacity: 1; }
}
@keyframes fadein_delay_op30 {
		0% { opacity: 0; }
	100% { opacity: .3; }
}
@keyframes w0_100_center {
		0% { width: 0px; left: 50%; }
	100% { width: 100%; left: 0; }
}