@charset "utf-8";
/* CSS Document */

/*******/
/*reset*/
/*******/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    vertical-align: baseline;
	font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;

}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
display: block;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}


.sp_only{
	display:none;
}

.pc_only{
	display:block;
}

.adviserboxoutline{
	padding-top: 100px;
	padding-bottom: 40px;
}

p.concept_undercopy1{
    font-size: 24px;
    color: #666;
    font-family: "EB Garamond";
    color: #FFF;
    letter-spacing: 0.3em;
}

p.concept_undercopy2{
    font-size: 24px;
    color: #666;
    font-family: "游明朝",  "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    color: #FFF;
    letter-spacing: 0.3em;
}




.clearfix::after {
  clear: both;
  content: '';
  display: block;
}






#contents{
	width:100%;
	height:auto;
	margin:0;
	padding:0;
	    font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}




#contents_box{
	width:100%;
	height:auto;
}

#contents_box_way{
	width:100%;
	height:auto;
	margin-top: -300px;
}

.room_midasi_box{
	margin-top: -80px;
}

@media only screen and (max-width: 767px) {

	.room_midasi_box{
	margin-top: 0px;
}

	.adviserboxoutline{
	padding-top: 00px;
	padding-bottom: 00px;
}


}

@media only screen and (max-width: 400px) {
.top-access ul.sm-center li { width: 70%;}
}


.flex_wrap{
		display: -ms-flexbox; /* IE10 */
		display: -webkit-box; /* Android4.3以下、Safari3.1〜6.0 */
		display: -webkit-flex; /* Safari6.1以降 */
	display: flex;
		-ms-flex-wrap: wrap; /*IE10*/
		-webkit-flex-wrap: wrap; /* Safari6.1以降 */
	flex-wrap: wrap;
}

#inner {
	width:100%;
	max-width: 1000px;
	margin: 0 auto;
	position: relative;
	clear:both;
}

#inner img{
	max-width: 100%;
height: auto;
width /***/:auto;　
}

 /* main */
  
  .wrap {
  width: auto;
  max-width: 1024px;
  margin:0 auto;
}

.content {
  padding: 50px 0 80px;
}


.content a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media screen and (max-width: 768px) {
  .content a {
    display: block;
    max-width: 532px;
    margin: auto;
  }
}

.content a .image {
  width: 532px;
}

.content a .image img{
	width:100%;
	height:auto;
}

@media screen and (max-width: 768px) {
  .content a .image {
    width: auto;
  }
}

.content a .text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 409px;
  padding: 40px 0;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

@media screen and (max-width: 768px) {
  .content a .text {
    display: block;
    width: auto;
    padding: 24px 0 0;
  }
}

.content a .text--leftSide {
  padding-left: 40px;
}

@media screen and (max-width: 768px) {
  .content a .text--leftSide {
    padding-left: 0;
  }
}

.content a .text--rightSide {
  padding-right: 40px;
}

@media screen and (max-width: 768px) {
  .content a .text--rightSide {
    padding-right: 0;
  }
}

.content a .text .name {
  font-family: "Cinzel", serif;
  font-size: 32px;
  line-height: 1;
  letter-spacing: 1.6px;
  letter-spacing: 0.05em;
  padding: 0.1px 0;
}

@media screen and (max-width: 768px) {
  .content a .text .name {
    font-size: 24px;
  }
}

.content a .text .catch {
  margin: 37px 0 0;
  font-size: 22px;
  line-height: 1.73;
  letter-spacing: 1.1px;
  letter-spacing: 0.05em;
  padding: 0.1px 0;
}

.content a .text .catch:before {
  content: '';
  display: block;
  height: 0;
  width: 0;
  margin-top: calc((1 - 1.73) * 0.5em);
}

.content a .text .catch:after {
  content: '';
  display: block;
  height: 0;
  width: 0;
  margin-bottom: calc((1 - 1.73) * 0.5em);
}

@media screen and (max-width: 768px) {
  .content a .text .catch {
    margin: 20px 0 0;
    font-size: 18px;
    line-height: 1.5;
  }
}

.content a .text .en {
  margin: 30px 0 0;
  font-size: 12px;
  line-height: 1.67;
  letter-spacing: 0.6px;
  letter-spacing: 0.05em;
  padding: 0.1px 0;
}

.content a .text .en:before {
  content: '';
  display: block;
  height: 0;
  width: 0;
  margin-top: calc((1 - 1.67) * 0.5em);
}

.content a .text .en:after {
  content: '';
  display: block;
  height: 0;
  width: 0;
  margin-bottom: calc((1 - 1.67) * 0.5em);
}

@media screen and (max-width: 768px) {
  .content a .text .en {
    margin: 20px 0 0;
    font-size: 10px;
    line-height: 1.4;
  }
}

.content a .text .btn {
  margin: 40px 0 0;
  border: 1px solid #231815;
  font-size: 16px;
  line-height: 34px;
  text-align: center;
  transition: all .3s;
}

@media screen and (max-width: 768px) {
  .content a .text .btn {
    margin: 6.66667vw 0 0;
    font-size: 3.2vw;
    line-height: 9.06667vw;
  }
}



@media screen and (min-width: 769px) {
  .content a:hover .btn {

    background-color: #efe8d1;
  }


}

@media screen and (min-width: 769px) {
  .content a:hover .btn {
    background-color: #efe8d1;
  }
}

.btn {
  width: 100%;
  margin-top: 40px;
}

@media screen and (max-width: 768px) {
  .btn {
    margin-top: 24px;
  }
}

.btn {
  border: solid 1px #fff;
}

.btn:before {
  background-color: #fff;
}

.btn:after {
  background-color: #fff;
}

.content:nth-of-type(even) a {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}

.content:nth-of-type(odd) {
  background: #595757;
  color: #333;
}

.content:nth-of-type(4n-1) {
  background: #d3d3d3;
  color: #333;
}


.content:nth-of-type(odd) a {
  color: #fff;
}

.content:nth-of-type(4n-1) a {
  color: #333;
}

.content04 a:hover .btn {
color: #333;
}

/*  .content.content02, .content.content06 {
    background: #595757; }

  .content.content04 {
     background: #d3d3d3;
    }*/
	
 


.contentArea {
  max-width: 980px;
  margin: 0 auto;
}


.bottommBtnArea {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding-bottom: 80px;
  margin: 0 auto;
  max-width: 600px;
  width: 100%;
  padding-top:20px;
}

#zeh{
		color: #000000;background-color: #fff;
}

.nextBackArea, .nextBackArea::before {
  display: none;
}


.stage4{
	max-width:1000px;
	margin: 0px auto;
	position: relative;
}

.stage5{
	max-width:1000px;
	height: 80px;
	margin: 0px auto;
	position: relative;
}

.stage img{
	position: absolute;
	top: 0;
	left: 0;
	opacity: 1;
	transition:opacity 0.3s;
	width:100%;
	height:auto;
}

.stage6{
	max-width:1000px;
	height:auto;
	margin: 0px auto;
	position: relative;
}
.stage7{
	width:100%;
	max-width:1115px;
	height:auto;
	margin: 0px auto;
	position: relative;
	text-align:center;
}

.stage8{
	max-width:1000px;
	height:auto;
	margin: 0px auto;
	background-color:#C1BEB2;
	position: relative;
}


.stage9{
	max-width:1000px;
	height:auto;
	margin: 0px auto;
	position: relative;
}

.stage10{
	max-width:1000px;
	height:auto;
	margin: 0px auto;
	position: relative;
}
.stage11{
	max-width:900px;
	height:auto;
	margin: 0px auto;
	float:center;
	font-family: 'Cinzel', serif;
	
	color: #BCA989;
}

.eqnav{
text-align: center;
	padding-bottom: 40px;
}
.eqnav ul{
margin: 0 ;
padding: 0 ;
}
.eqnav li{
list-style: none;
display: inline-block;
width: 10%;
min-width: 90px;
}
.eqnav li:not(:last-child){
border-right:2px solid #ddd;
}
.eqnav a{
text-decoration: none;
color: #333;
}
.eqnav a.current{
color: #00B0F0;
border-bottom:2px solid #BCA989;
}
.eqnav a:hover{
color:#BCA989;
border-bottom:2px solid #BCA989;
}


/


.photo_box02{
	width:22%;
	height:auto;
	text-align:center;
}


.items {
	width:100%;
	max-width:1154px;
	margin:0 auto;
  display: flex;
  justify-content: space-between;
}
.items .item {
  width: 22%;
}

.items .item2 {
  width: 48%;
}

.items .item img{
	width:100%;
	height:auto;
}

.item-img {
  padding: 0;
}
.item-body {
  padding: 0;
}
.item-title {
	height:30px;
	font-size:14px;
	font-weight:900;
	text-align:center;
	font-family :"Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 Pr6 W6", "Hiragino Mincho Pro", "HGS明朝E", "メイリオ", "ＭＳ Ｐ明朝", "MS PMincho", Meiryo, serif;
	margin-top:10px;
	margin-bottom:30px;
	color: #422D13;
}

.item-body p {
  font-size: 16px;
  font-weight: 400;
  color: #333;
}




@media screen and (max-width: 768px) {
.stage7{
	padding-right:30px;
}

.stage8{
	width:90%;
	padding-right:30px;
}

.items {
	width:90%;
	flex-wrap: wrap;
}

.items .item {
  width: 45%;
}

.item-title {
	height:30px;
	font-size:12px;
	font-weight:900;
	text-align:center;
	font-family :"Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 Pr6 W6", "Hiragino Mincho Pro", "HGS明朝E", "メイリオ", "ＭＳ Ｐ明朝", "MS PMincho", Meiryo, serif;
	margin-top:10px;
	margin-bottom:10px;
	color: #422D13;
}


}


@media screen and (max-width:520px) {

.photo_box02{
	max-width:45%;
	float:none;
	margin-bottom:15px;
	padding-bottom:20px;
}

}



@media screen and (max-width: 768px) {
.stage7{
	padding-right:30px;
}

.stage8{
	width:90%;
	padding-right:30px;
}

.items {
	width:90%;
	flex-wrap: wrap;
}

.items .item {
  width: 45%;
}

.item-title {
	height:30px;
	font-size:12px;
	font-weight:900;
	text-align:center;
	font-family :"Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 Pr6 W6", "Hiragino Mincho Pro", "HGS明朝E", "メイリオ", "ＭＳ Ｐ明朝", "MS PMincho", Meiryo, serif;
	margin-top:10px;
	margin-bottom:10px;
	color: #422D13;
}

}


.photo_box01{
	max-width:320px;
	float:left;
	
}

p.zeh_cap{
	max-width:330px;
	font-size:13px;
	line-height:17px;
	margin-right: 14px;
	margin-left: 14px;
	position:center;
	font-family :"Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 Pr6 W6", "Hiragino Mincho Pro", "HGS明朝E", "メイリオ", "ＭＳ Ｐ明朝", "MS PMincho", Meiryo, serif;
	text-align:justify;
	color: #422D13;
	margin-bottom: 40px;
	margin-top: 10px;
}






.bonsai_box{
	width:1000px;
	margin:40px auto;
}

.bonsai_box h3.bonsai{
	font-size: 18px;
	line-height: calc(54 / 32);
	line-height: 1.688;
	margin-bottom:40px;
}

.bonsai_box_in p{
	font-size: 14px;
	letter-spacing: .12em;
	line-height: calc(32 / 14);
	line-height: 2.285714286;
		margin-bottom:40px;
}

.bonsai_box_in{
	text-align:center;
}

.bonsai_photo_left{
	float:left;
}
.bonsai_right{
	float:right;
}

.bonsai_right p{
		font-size: 14px;
	letter-spacing: .12em;
	line-height: calc(32 / 14);
	line-height: 2.285714286;
	margin-top:60px;
	margin-bottom:40px;
}

.bonsai_photo_left02{
	float:right;
	margin-bottom:120px;
	margin-top:40px;
	margin-right:25px;
}

.bonsai_box_inner01{
	width: 100%;
	height: auto;
	border: 4px #1b7d3a solid;
	background-color: #FFFFFF;
	padding: 30px;
	margin: 0 auto;
}
.bonsai_box_inner01 ul{
	display: flex;
}

.bonsai_box_inner01 ul li:nth-child(1){
	width: 35%;
}

.bonsai_box_inner01 ul li:nth-child(2){
	width: 65%;
	padding-left: 20px;
}

.bonsai_box_inner01 h4{
	font-size: 26px;
	line-height: 34px;
	color: #1b7d3a;
	font-weight: bold;
	margin-bottom: 10px;
}

.bonsai_box_inner01 p{
	font-size: 16px;
	line-height: 26px;
	text-align: justify;
}

.bonsai_box_inner02{
	margin-bottom: 30px;
}

.bonsai_box_inner02 ul{
	display: flex;
}
.bonsai_box_inner02 ul li:nth-child(1){
	width: 30%;
}

.bonsai_box_inner02 ul li:nth-child(2){
	width: 70%;
	padding-left: 20px;
	font-size: 14px;
	line-height: 24px;
	text-align: justify;
	font-weight: bold;
	color: #1b7d3a;
}

    @media screen and (max-width: 768px) {
		.bonsai_box_inner01{
	width: 80%;
	height: auto;
	border: 4px #1b7d3a solid;
	background-color: #FFFFFF;
	padding: 30px;
	margin: 0 auto;
}
.bonsai_box_inner01 ul{
	display: block;
}

.bonsai_box_inner01 ul li:nth-child(1){
	width: 100%;
}

.bonsai_box_inner01 ul li:nth-child(2){
	width: 100%;
	padding-left: 0px;
	margin-top: 20px;
}

		.bonsai_box_inner02 ul{
	display: block;
}
.bonsai_box_inner02 ul li:nth-child(1){
	width: 100%;
	padding-bottom: 20px;
}

.bonsai_box_inner02 ul li:nth-child(2){
	width: 100%;
	padding-left: 0px;
}
		
		
}
.c-pagettl {
  height: 250px;
  position: relative;
  margin-top: 20px;
}
.c-pagettl-ph_loc {
  position: absolute;
  width: 82%;
  height: 92%;
  right: 0;
  bottom: 0;
  background: url(../img/common/ttl_sp.jpg) no-repeat center center/cover;
}

.c-pagettl-ph_room {
  position: absolute;
  width: 82%;
  height: 92%;
  right: 0;
  bottom: 0;
  background: url(../img/common/ttl_room_sp.jpg) no-repeat center center/cover;
}

.c-pagettl-ph_gallery {
  position: absolute;
  width: 82%;
  height: 92%;
  right: 0;
  bottom: 0;
  background: url(../img/common/ttl_gallery_sp.jpg) no-repeat center center/cover;
}

.c-pagettl-lbl {
  font-family:  "EB Garamond", "EB Garamond";
  letter-spacing: 1.5rem;
  font-size: 24px;
  font-size: 2.4rem;
  font-weight: 300;
  position: absolute;
  left: 5%;
  top: 0;
  text-shadow:0 0 10px #fff,0 0 10px #fff,0 0 10px #fff;
}
@media all and (min-width: 768px) {
  .c-pagettl {
    height: 340px;
    margin-top: 0;
  }
  .c-pagettl-ph_loc {
    width: 73.86%;
    height: 100%;
    background: url(../img/common/ttl_pc.jpg) no-repeat center center/cover;
  }
  
    .c-pagettl-ph_room {
    width: 73.86%;
    height: 100%;
    background: url(../img/common/ttl_room_pc.jpg) no-repeat center center/cover;
  }
  
      .c-pagettl-ph_gallery {
    width: 73.86%;
    height: 100%;
    background: url(../img/common/ttl_gallery_pc.jpg) no-repeat center center/cover;
  }
  
  .c-pagettl-lbl {
    font-size: 20px;
    font-size: 5rem;
    letter-spacing: 4rem;
    top: 50%;
    transform: translateY(-50%);
  }
}
@media all and (min-width: 992px) {
  .c-pagettl-lbl {
    letter-spacing: 5rem;
    left: 8%;
  }
}

.c-cap-image {
  position: relative;
}
.c-cap-image img {
  vertical-align: bottom;
}
.c-cap-image .c-cap {
  position: absolute;
  right: 5px;
  bottom: 5px;
  width: calc(100% - 10px);
  font-size: 10px;
  font-size: 1rem;
  letter-spacing: 0;
  line-height: 1.4;
  letter-spacing: 0.05em;
  color: #666666;
  line-height: 1.3;
  text-align: right;
}
@media all and (min-width: 560px) {
  .c-cap-image .c-cap {
    font-size: 11px;
    font-size: 1.1rem;
  }
}
.c-cap-image .c-cap-w {
  color: #fff;
}
.c-cap-image .c-cap-w-sh {
  color: #fff;
  text-shadow: 0px 0px 3px #000, 0px 0px 3px #000, 0px 0px 5px #000, 0px 0px 10px #000;
}
.c-cap-image .c-cap-bg {
  color: #fff;
  padding: 0 0.6em;
  background-color: rgba(0, 0, 0, 0.7);
  right: 0;
  bottom: 0;
  width: auto;
}

.caption_outrg{font-size: 12px;text-align: right;color: #333;}
.caption_outrg2{font-size: 12px;text-align: left;color: #333;}
.txt_garamond_midashi12{font-size: 24px;text-align: left;letter-spacing: 0.15em;color: #333;}
.txt_garamond_midashi20{font-size: 28px;text-align: left;color: #333;font-family: "EB Garamond";}


.imgfull,.img50,.img60,.img70,.img80,.img90{position: relative;z-index: 1;}
.imgfull img,.img50 img,.img60 img,.img70 img,.img80 img,.img90 img{width:100%;}

.contents_comfort{position: relative;height: 980px;}
.contents_comfort .abstxt01{position:absolute;font-size: 16px;font-weight: 100;line-height:300%;left:5%;top:50%;text-align: left;}
.contents_comfort .absimg01{position:absolute;left:0;top:0;}
.contents_comfort .absimg02{position:absolute;right: 0;top:27%}
.contents_comfort .absimg03{position:absolute;right: 5%;bottom: 0;width: 35%}
.contents_comfort .absimg04{position:absolute;right: 43%;bottom: 0%;text-align: right;font-size: 12px;}
.contents_comfort .absimg04 img{margin-bottom: 10px;}
.contents_comfort .absimg01 img,.contents_comfort .absimg02 img,.contents_comfort .absimg03 img{width: 100%;}


.plan_list{display: flex; flex-wrap: wrap;justify-content: space-between;}
.plan_list .plan_box{width:48%;position: relative;height:750px;margin-bottom: 40px; background-color:#FFF;}
.plan_list .plan_box a{border: 1px solid #AAA;display: block;height:750px;}
.plan_list .plan_box a:hover{background-color: #F5F1ED;}
.plan_list .plan_box a:before{height: 16px; width: 100%;background: linear-gradient(to right,  rgba(238,233,226,1) 0%,rgba(229,217,204,1) 100%);display: block;content: "";}
.plan_list .plan_box .abstxt01{position: absolute;font-family: "EB Garamond"; font-size: 30px;top:40px; left:30px;line-height: 100%;}
.plan_list .plan_box .abstxt02{position: absolute;font-family: "EB Garamond"; font-size: 22px;top:85px; left:30px;line-height: 100%;}
.plan_list .plan_box .abstxt05{position: absolute;font-size:20px;top:120px; left:30px;line-height: 100%;}
.plan_list .plan_box .abstxt06{position: absolute;font-size:10px;top:120px; left:30px;line-height: 100%;}
.plan_list .plan_box .abstxt03{position: absolute;font-family: "EB Garamond"; font-size: 14px;letter-spacing: 0.2em;display:inline-block;padding: 3px 10px;color: #555;right: 30px;top:40px;border: 1px solid #555;}
.plan_list .plan_box .abstxt03:before{width: 8px;height: 8px;border-top: 1px solid #555;border-right: 1px solid #555;-webkit-transform: rotate(45deg);transform: rotate(45deg);content: "";display: block;float: right;margin: 5px 0px 0 20px;}
.plan_list .plan_box .abstxt04{position: absolute; font-size: 14px;letter-spacing: 0.2em;display:inline-block;padding: 3px 10px;background-color: #5E5E5E;color: #FFF;right: 0;top:0px;}
.plan_list .plan_box .absimg01{
    position: absolute;
    bottom: 70px;
    width: 80%;
    margin: auto;
    left: 11px;
    right: 0;
}

.plan_list_r{display: flex; display: initial;flex-wrap: wrap;justify-content: space-between;}
.plan_list_r .plan_box{width:80%;position: relative;height:900px;margin-bottom: 40px;}
.plan_list_r .plan_box a{border: 1px solid #AAA;display: block;height:780px;}
.plan_list_r .plan_box a:hover{background-color: #F5F1ED;}
.plan_list_r .plan_box a:before{height: 16px; width: 100%;background: linear-gradient(to right,  rgba(238,233,226,1) 0%,rgba(229,217,204,1) 100%);display: block;content: "";}
.plan_list_r .plan_box .abstxt01{position: absolute;font-family: "EB Garamond"; font-size: 30px;top:40px; left:30px;line-height: 100%;}
.plan_list_r .plan_box .abstxt02{position: absolute;font-family: "EB Garamond"; font-size: 22px;top:85px; left:30px;line-height: 100%;}
.plan_list_r .plan_box .abstxt05{position: absolute;font-size:20px;top:120px; left:30px;line-height: 100%;}
.plan_list_r .plan_box .abstxt06{position: absolute;font-size:10px;top:120px; left:30px;line-height: 100%;}
.plan_list_r_r .plan_box .abstxt03{position: absolute;font-family: "EB Garamond"; font-size: 14px;letter-spacing: 0.2em;display:inline-block;padding: 3px 10px;color: #555;right: 30px;top:40px;border: 1px solid #555;}
.plan_list .plan_box .abstxt03:before{width: 8px;height: 8px;border-top: 1px solid #555;border-right: 1px solid #555;-webkit-transform: rotate(45deg);transform: rotate(45deg);content: "";display: block;float: right;margin: 5px 0px 0 20px;}
.plan_list_r .plan_box .abstxt04{position: absolute; font-size: 14px;letter-spacing: 0.2em;display:inline-block;padding: 3px 10px;background-color: #5E5E5E;color: #FFF;right: 0;top:0px;}
.plan_list_r .plan_box .absimg01{position: absolute;bottom:20px;width: 80%;margin: auto;left: 0;right: 0;}

.wrappadding{ width:100%;}
.wrappadding2{width:100%;}

.plan_list .plan_box .abstxt01 span.txt_s06{font-size: 20px;}


@media screen and (max-width: 768px) {
.contents_comfort{position: relative;height:0;padding-top: 215%;}
.contents_comfort .abstxt01{position:absolute;font-size:3vw;font-weight: 100;line-height: 260%;left:5%;top:30%;text-align: left;}
.contents_comfort .absimg01{position:absolute;left:0;top:0;width: 75%;}
.contents_comfort .absimg02{position:absolute;right:0;top:25%;width: 35%;}
.contents_comfort .absimg03{position:absolute;right:0;bottom: 0;width: 65%;}
.contents_comfort .absimg04{position:absolute;right:auto;left:5%;bottom: 0;text-align:left;font-size: 10px;width: 40%;}
.contents_comfort .absimg04 img{margin-bottom: 6px;width: 60%}

.plan_list{display: flex; flex-wrap: wrap;justify-content: space-between;}
.plan_list .plan_box{width:100%;position: relative;height: auto;margin-bottom:10%;border: 1px solid #AAA;}
.plan_list .plan_box a{border:none;display: block;height:auto; padding-top: 135%;}
.plan_list .plan_box a:before{display:none;}
.plan_list .plan_box:before{height: 16px; width: 100%;background: linear-gradient(to right,  rgba(238,233,226,1) 0%,rgba(229,217,204,1) 100%);display: block;content: "";padding-top:0px;margin: 0}
.plan_list .plan_box .abstxt01{position: absolute;font-family: "EB Garamond"; font-size:8vw;top:4%; left:6%;line-height: 100%;}
.plan_list .plan_box .abstxt02{position: absolute;font-family: "EB Garamond"; font-size:5vw;top:14%; left:6%;line-height: 100%;}
.plan_list .plan_box .abstxt05{position: absolute;font-family: "EB Garamond"; font-size:3.6vw;top:20%; left:6%;line-height: 100%;}
.plan_list .plan_box .abstxt06{position: absolute;font-family: "EB Garamond"; font-size:3.6vw;top:20%; left:6%;line-height: 100%;}
.plan_list .plan_box .abstxt03{position: absolute;font-family: "EB Garamond"; font-size:4vw;letter-spacing: 0.2em;display:inline-block;padding: 3px 10px;color: #555;right:3%;top:auto;bottom:3%;border: 1px solid #555;}
.plan_list .plan_box .abstxt03:before{width: 8px;height: 8px;border-top: 1px solid #555;border-right: 1px solid #555;-webkit-transform: rotate(45deg);transform: rotate(45deg);content: "";display: block;float: right;margin: 5px 0px 0 20px;}
.plan_list .plan_box .abstxt04{position: absolute; font-size: 3.6vw;letter-spacing: 0.2em;display:inline-block;padding: 3px 10px;background-color: #5E5E5E;color: #FFF;right: 0;top:0px;}
.plan_list .plan_box .absimg01{position: absolute;bottom:13%;width: 80%;margin: auto;left: 0;right: 0;}

.wrappadding{padding:0 0%;}
.wrappadding2{padding:0 0;}

.caption_outrg{font-size: 12px;text-align: left;color: #333;}
.caption_outrg2{font-size: 12px;text-align: left;color: #333;}

}

.caption_inrw{font-size: 10px;color: #FFF;position: absolute;bottom: 5px;right: 5px;z-index: 200;text-shadow: black 1px 1px 0px, black -1px 1px 0px,black 1px -1px 0px, black -1px -1px 0px;box-shadow:(0px 0px 2px 2px #000);filter: drop-shadow(0px 0px 2px #000);text-align: right;line-height: 120%;}

.top_information{margin: 80px auto; max-width: 800px; text-align:center;}

.top_information_btn{display:flex;    -webkit-justify-content: center;
    justify-content: center;
	background-color:#ebebeb;
    -webkit-align-items: center;
    align-items: center; } 
	
	.top_information_btn a:hover{
		opacity:0.5;
	}
.top_information h5{font-size: 18px;font-weight:bold; padding:10px 60px; text-align: center; margin-bottom:20px;line-height: 200%; background-color:#917842; color:#FFF; display:inline-block; box-shadow: 0 0 8px gray;}
.top_information h6{font-family: "EB Garamond"; font-size: 16px; letter-spacing: 0.15em;font-weight: 100;text-align: center;}
.top_information h6:after{content: "";display: block;height: 1px;background-color: #555;margin: 10px auto;}
.top_information dl{font-size: 18px;display: flex;flex-wrap: wrap;justify-content: space-between;padding: 20px 0 0 0;align-items: center;}
.top_information dt{width: 10%;margin-bottom: 10px;}
.top_information dd{width: 85%;margin-bottom: 10px;vertical-align: middle;}
.top_information dd a{display: inline-block;padding: 10px 20px;background-color: rgba(226,207,182,0.5);margin-left: 40px;}
.top_information dd a:hover{opacity: 0.8;}
.top_information h5{font-size: 14px;font-weight:100;border-top: 1px solid#555;padding:15px 0 0 0;text-align: center;margin-top: 20px;line-height: 150%;}

.top_contents00{margin:0 0 0px 0; font-family: "游明朝",  "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;}
.top_contents00 h2{position: absolute;color: #FFF;bottom:120px;font-weight: 100;font-size: 24px;letter-spacing: 0.15em;text-align: center;margin: auto;left:0;right:0;z-index:101;}
.top_contents00 h6{position: absolute;color: #FFF;bottom: 0;font-weight: 100;font-size: 14px;letter-spacing: 0.15em;text-align: center;margin: auto;left:0;right:0;font-family: "EB Garamond"; z-index:101;}
.top_contents00 h6:after{content:"";display: block;width: 1px;height: 30px;background-color: #FFF;margin: 30px auto 0 auto;}
.top_contents00 h5:before{content:"";display: block;width: 1px;height: 35px;background-color: #000;margin:0 auto 30px auto;}
.top_contents00 h5{color: #000;font-weight: 100;font-size: 24px;letter-spacing: 0.15em;text-align: center;font-family: "EB Garamond";margin-top: -5px;z-index:101;}
.top_contents00 h3{color: #000;font-weight: 100;font-size: 14px;letter-spacing: 0.15em;text-align: center;margin:30px 0 0 0;line-height: 260%;z-index:101;}

.top_contents00 h4{color: #000;font-weight: 100;font-size: 24px;letter-spacing: 0.05em;text-align: center;margin:30px 0 0 0;line-height: 180%;z-index:101;}

.tc_btn{padding:8px 10px 8px 10px;font-size: 16px;letter-spacing: 0.2em;line-height: 100%;font-family: "EB Garamond";display:block;overflow: hidden;}
.tc_btn a{display: block;z-index: 105;}
.tc_btn:before{width: 8px;height: 8px;border-top: 1px solid #555;border-right: 1px solid #555;-webkit-transform: rotate(45deg);transform: rotate(45deg);content: "";display: block;float: right;margin: 4px 4px 0 20px;}
.tc_btn:after{content: "";z-index: -1;position: absolute;width: 100%;height: 100%;top:0;left: -100%;color: #FFF;background-color: rgba(0,0,0,0.7);transition: .2s;}
.tc_btn:hover{color: #FFF;}
.tc_btn:hover:after{ left: 0;}
.tc_btn:hover:before{width: 8px;height: 8px;border-top: 1px solid #FFF;border-right: 1px solid #FFF;-webkit-transform: rotate(45deg);transform: rotate(45deg);content: "";display: block;float: right;margin: 4px 4px 0 20px;}

.tc_btn_bl{padding:8px 10px 8px 10px;font-size: 16px;letter-spacing: 0.2em;line-height: 100%;font-family: "EB Garamond";display:block;overflow: hidden;width:180px;height:18px;border: 1px solid #FFF;margin: auto;position: relative;}
.tc_btn_bl a{display: block;z-index: 105;}
.tc_btn_bl:before{width: 8px;height: 8px;border-top: 1px solid #FFF;border-right: 1px solid #FFF;-webkit-transform: rotate(45deg);transform: rotate(45deg);content: "";display: block;float: right;margin: 4px 4px 0 20px;}
.tc_btn_bl:after{content: "";z-index: -1;position: absolute;width:180px;height:18px;padding:8px 10px 8px 10px;top:0;left: -100%;color:#000;background-color: rgba(255,255,255,0.7);transition: .2s;}
.tc_btn_bl:hover{color: #000;}
.tc_btn_bl:hover:after{ left: 0;}
.tc_btn_bl:hover:before{width: 8px;height: 8px;border-top: 1px solid #555;border-right: 1px solid #555;-webkit-transform: rotate(45deg);transform: rotate(45deg);content: "";display: block;float: right;margin: 4px 4px 0 20px;}

.tc_btn_bl2{padding:8px 10px 8px 10px;font-size: 16px;letter-spacing: 0.2em;line-height: 100%;font-family: "EB Garamond";display:block;overflow: hidden;position: absolute;right:0;top:40%;z-index: 101;background-color:rgba(0,0,0,0.50);border: 1px solid #FFF;}
.tc_btn_bl2 a{display: block;z-index: 105;}
.tc_btn_bl2:before{width: 8px;height: 8px;border-top: 1px solid #FFF;border-right: 1px solid #FFF;-webkit-transform: rotate(45deg);transform: rotate(45deg);content: "";display: block;float: right;margin: 4px 4px 0 20px;}
.tc_btn_bl2:after{content: "";z-index: -1;position: absolute;width: 100%;height: 100%;top:0;left: -100%;color: #555;background-color: rgba(255,255,255,0.7);transition: .2s;}
.tc_btn_bl2:hover{color: #000;}
.tc_btn_bl2:hover:after{ left: 0;}
.tc_btn_bl2:hover:before{width: 8px;height: 8px;border-top: 1px solid #555;border-right: 1px solid #555;-webkit-transform: rotate(45deg);transform: rotate(45deg);content: "";display: block;float: right;margin: 4px 4px 0 20px;}

.tc_btn2{padding:8px 10px 8px 10px;font-size: 16px;letter-spacing: 0.2em;line-height: 100%;font-family: "EB Garamond";display:inline-block;overflow: hidden;border:1px solid #555;position: relative;z-index: 100;}
.tc_btn2 a{display: block;z-index: 105;}
.tc_btn2:before{width: 8px;height: 8px;border-top: 1px solid #555;border-right: 1px solid #555;-webkit-transform: rotate(45deg);transform: rotate(45deg);content: "";display: block;float: right;margin: 4px 4px 0 20px;}
.tc_btn2:after{content: "";z-index: -1;position: absolute;width: 100%;height: 100%;top:0;left: -100%;color: #FFF;background-color: rgba(0,0,0,0.7);transition: .2s;}
.tc_btn2:hover{color: #FFF;}
.tc_btn2:hover:after{ left: 0;}
.tc_btn2:hover:before{width: 8px;height: 8px;border-top: 1px solid #FFF;border-right: 1px solid #FFF;-webkit-transform: rotate(45deg);transform: rotate(45deg);content: "";display: block;float: right;margin: 4px 4px 0 20px;}

.top_contents01bg{background-color: #BCBAB9; padding-top:60px; height:520px; margin-bottom:0px;}
.top_contents01{max-width:1020px;margin:0 auto; position: relative;height: 430px;margin-bottom: 80px;}
.top_contents01 .tc_img01{position: absolute; width: 60%;z-index: 101;bottom:0;left:0;}
.top_contents01 .tc_img02{position: absolute; width: 45%;z-index: 100;top:0;right: 5%;}
.top_contents01 h6{position: absolute;left:5%;top:-40px;z-index: 101;width: 38%;}
.top_contents01 h6:after{content:"";display: block; width: 100%;height: 1px;background-color: #555;margin: 5px 0;}
.top_contents01 h2{position: absolute;left:65%;top:32%;z-index: 101;}
.top_contents01 h3{position: absolute;left:65%;top:61%;z-index: 101;}
.top_contents01 h5{position: absolute;left:65%;top:80%;z-index: 101;}
.top_contents01 .tc_btn{position: absolute;right:0;top:-20px;z-index: 101;background-color: rgba(255,255,255,0.50);border: 1px solid #555;}
.top_contents01 img,.top_contents02 img,.top_contents03 img,.top_contents04 img,.top_contents05 img{width: 100%;}

.top_contents02bg{background-color: #eae9e9; padding-top:60px; height:520px; margin-bottom:0px;}
.top_contents02{max-width:1020px;margin:0 auto; position: relative;height: 430px;margin-bottom: 80px;}
.top_contents02 .tc_img01{position: absolute; width: 60%;z-index: 101;bottom:0;right:0;}
.top_contents02 .tc_img02{position: absolute; width: 45%;z-index: 100;top:0;left: 5%;}
.top_contents02 h6{position: absolute;right:5%;top:-40px;z-index: 101;width: 38%; text-align:right;}
.top_contents02 h6:after{content:"";display: block; width: 100%;height: 1px;background-color: #555;margin: 5px 0;}
.top_contents02 h2{position: absolute;left:0;top:32%;z-index: 101;}
.top_contents02 h3{position: absolute;left:0;top:61%;z-index: 101;}
.top_contents02 h5{position: absolute;left:0;top:80%;z-index: 101;}
.top_contents02 .tc_btn{position: absolute;left:0%;top:-20px;z-index: 101;background-color: rgba(255,255,255,0.50);border: 1px solid #555;}
.top_contents03bg{ padding-top:60px; height:520px; margin-bottom:0px;}

.top_contents .bg_gray {padding: 80px 0; background-color:#eaeaea; margin-bottom:80px;}
.top_contents05{max-width:1020px;margin:0 auto; position: relative; height: 320px;}
.top_contents05 h6:after{content:"";display: block; width: 100%;height: 1px;background-color: #555;margin: 5px 0;}
.top_contents05 .listl{float: left;width: 65%;position: relative;height: 300px;}
.top_contents05 .listl .tc_img01{position: absolute;top:0;left:0;z-index: 101;width: 49.8%;}
.top_contents05 .listl .tc_img02{position: absolute;bottom:0;right:0;z-index: 101;width: 49.8%;}
.top_contents05 .listl .tc_img03{position: absolute;top:10%;left:25%;z-index: 100;width: 49.8%; height: 80%; background-color: rgba(0,0,0,0.10);}
.top_contents05 .listr{float: right;width: 30%;}
.top_contents05 h6{}
.top_contents05 h2{}
.top_contents05 h3{margin-top: 90px;}
.top_contents05 h5{margin-top: 10px;}
.top_contents05 .tc_btn2{background-color: rgba(255,255,255,0.50);border: 1px solid #555;float:right;z-index: 100;}

.caption_inrw{font-size: 10px;color: #FFF;position: absolute;bottom: 5px;right: 5px;z-index: 200;text-shadow: black 1px 1px 0px, black -1px 1px 0px,black 1px -1px 0px, black -1px -1px 0px;box-shadow:(0px 0px 2px 2px #000);filter: drop-shadow(0px 0px 2px #000);text-align: right;line-height: 120%;}
.midashi20{font-size: 20px;font-weight: 100;line-height: 180%;letter-spacing: 0.15em;}
.midashi18{font-size: 18px;font-weight: 100;line-height: 180%;letter-spacing: 0.15em;}
.midashi16{font-size: 16px;font-weight: 100;line-height: 180%;letter-spacing: 0.15em;}
.midashi14{font-size: 14px;font-weight: 100;line-height: 180%;letter-spacing: 0.15em;}
.midashi12{font-size: 12px;font-weight: 100;line-height: 180%;letter-spacing: 0.15em;}


@media screen and (max-width: 768px) {
.top_information{margin: 40px auto;max-width: 800px;}
.top_information h6{font-family: "EB Garamond"; font-size: 3vw; letter-spacing: 0.15em;font-weight: 100;text-align: center;}
.top_information h6:after{content: "";display: block;height: 1px;background-color: #555;margin: 10px auto;}
.top_information dl{font-size: 3vw;display: flex;flex-wrap: wrap;justify-content: space-between;padding: 20px 0 0 0;align-items: baseline}
.top_information dt{width: 15%;margin-bottom: 10px;}
.top_information dd{width: 80%;margin-bottom: 10px;}
.top_information dd a{display:block;padding:8px 0;background-color: rgba(226,207,182,0.5);margin-left:0px;margin-top: 10px;width: 100%;text-align: center;}
.top_information dd a:hover{opacity: 0.8;}
.top_information h5{font-size: 3vw;font-weight:100;border-top: 1px solid#555;padding:15px 0 0 0;text-align: center;}

.top_contents00{margin:0 0 40px 0;}
.top_contents00 h2{position: absolute;color: #FFF;bottom:120px;font-weight: 100;font-size: 4vw;letter-spacing: 0.1em;text-align: center;margin: auto;left:0;right:0;z-index:101;}
.top_contents00 h6{position: absolute;color: #FFF;bottom: 0;font-weight: 100;font-size: 10px;letter-spacing: 0.1em;text-align: center;margin: auto;left:0;right:0;font-family: "EB Garamond";z-index:101;}
.top_contents00 h6:after{content:"";display: block;width: 1px;height: 30px;background-color: #FFF;margin: 30px auto 0 auto;}
.top_contents00 h5:before{content:"";display: block;width: 1px;height: 30px;background-color: #000;margin:-5px auto 30px auto;}
.top_contents00 h5{color: #000;font-weight: 100;letter-spacing: 0.1em;text-align: center;font-family: "EB Garamond";z-index:101;}
.top_contents00 h3{color: #000;font-weight: 100;font-size: 3vw;letter-spacing: 0.1em;text-align: center;margin:20px 0 0 0;line-height: 260%;z-index:101;}

.tc_btn{padding:2% 1.5%;font-size: 3vw;letter-spacing: 0.2em;line-height: 100%;font-family: "EB Garamond";display:inline-block;white-space: nowrap}
.tc_btn:before{width: 8px;height: 8px;border-top: 1px solid 555;border-right: 1px solid #555;-webkit-transform: rotate(45deg);transform: rotate(45deg);content: "";display: block;float: right;margin:2% 2% 0 4%;}
.tc_btn:after{display: none;}

.tc_btn_bl{padding:2% 1.5%;font-size: 3vw;letter-spacing: 0.2em;line-height: 100%;font-family: "EB Garamond";display:block;overflow: hidden;width:50%;height:auto;border: 1px solid #FFF;margin: auto;position: relative;}
.tc_btn_bl:before{width: 8px;height: 8px;border-top: 1px solid #FFF;border-right: 1px solid #FFF;-webkit-transform: rotate(45deg);transform: rotate(45deg);content: "";display: block;float: right;margin: 4px 4px 0 20px;}
.tc_btn_bl:after{content: "";z-index: -1;position: absolute;width:105%;height:26px;padding:2% 1.5%;top:0;left: -110%;color:#000;background-color: rgba(255,255,255,0.7);transition: .2s;margin: auto;}

.tc_btn_bl2{padding:2% 1.5%;font-size: 3vw;letter-spacing: 0.2em;line-height: 100%;font-family: "EB Garamond";display:inline-block;background-color:rgba(0,0,0,0.50);border: 1px solid #FFF;white-space: nowrap;width: 30%;right:8px;}
.tc_btn_bl2:before{width: 8px;height: 8px;border-top: 1px solid #FFF;border-right: 1px solid #FFF;-webkit-transform: rotate(45deg);transform: rotate(45deg);content: "";display: block;float: right;margin: 4px 4px 0 20px;}
.tc_btn_bl2:after{content: "";z-index: -1;position: absolute;width: 100%;height: 100%;top:0;left: -100%;color: #555;background-color: rgba(255,255,255,0.7);transition: .2s;}

.tc_btn2{padding:8px 10px 8px 10px;font-size: 3vw;letter-spacing: 0.2em;line-height: 100%;font-family: "EB Garamond";display:inline-block;overflow: hidden;border:1px solid #555;position: relative;z-index: 100;white-space: nowrap;}
.tc_btn2:before{width: 8px;height: 8px;border-top: 1px solid #555;border-right: 1px solid #555;-webkit-transform: rotate(45deg);transform: rotate(45deg);content: "";display: block;float: right;margin: 4px 4px 0 20px;}
.tc_btn2:after{content: "";z-index: -1;position: absolute;width: 100%;height: 100%;top:0;left: -100%;color: #FFF;background-color: rgba(0,0,0,0.7);transition: .2s;}

.top_contents01{position: relative;height:auto;margin-bottom: 0px;padding-top:80%;}
.top_contents01bg{padding-top:40px; height:auto; margin-bottom:0px;}
.top_contents01 .tc_img01{position: absolute; width: 60%;z-index: 101;bottom:auto;left:0;top:15px;}
.top_contents01 .tc_img02{position: absolute; width: 45%;z-index: 100;top:0;right: 5%;}
.top_contents01 h6{position: absolute;left:5%;top:-30px;z-index: 101;width: 35%;font-size: 3vw;text-indent:0;letter-spacing: -0.01em}
.top_contents01 h6:after{content:"";display: block; width: 100%;height: 1px;background-color: #555;margin: 5px 0;}
.top_contents01 h2{position: absolute;left:65%;top:28%;z-index:101;}
.top_contents01 h3{position: absolute;left:10px;top:66%;z-index: 101;}
.top_contents01 h5{position: absolute;left:10px;top:70%;z-index: 101;right: 10px;font-size: 14px;}
.top_contents01 .tc_btn{position: absolute;left:65%;top:50%;z-index: 101;background-color: rgba(255,255,255,0.50);border: 1px solid #555;right: 10px;}

.top_contents02bg{background-color: #EEE;padding: 50px 0; height:240px;}
.top_contents02{position: relative;height:0;margin-bottom:0;padding-top:80%;}
.top_contents02 .tc_img01{position: absolute; width: 60%;z-index: 101;bottom:auto;right:0;top:15px;}
.top_contents02 .tc_img02{position: absolute; width: 45%;z-index: 100;top:0;left: 5%;}
.top_contents02 h6{position: absolute;right:5%;top:-30px;z-index: 101;width: 30%;font-size:3vw;}
.top_contents02 h6:before{content: "";display: block;width: 17%;height: 2px;float: left;}
.top_contents02 h6:after{content:"";display: block; width: 100%;height: 1px;background-color: #555;margin: 5px 0;}
.top_contents02 h2{position: absolute;left:0;top:28%;z-index: 101;width: 30%;}
.top_contents02 h2:before{content: "";display: block;width: 17%;height: 2px;float: left;}
.top_contents02 h3{position: absolute;left:10px;top:66%;z-index: 101;}
.top_contents02 h5{position: absolute;left:10px;top:60%;z-index: 101;font-size: 14px;}
.top_contents02 .tc_btn{position: absolute;left:5%;top:42%;z-index: 101;background-color: rgba(255,255,255,0.50);border: 1px solid #555;}

.top_contents .bg_gray {padding: 40px 0;}
.top_contents05 h6:after{content:"";display: block; width: 100%;height: 1px;background-color: #555;margin: 5px 0;}
.top_contents05 .tc_btn2{background-color: rgba(255,255,255,0.50);border: 1px solid #555;float: right;margin-top: 10px;}
.top_contents05 .listl{float:none;width:auto;position: relative;height:0;padding-top: 40%;}
.top_contents05 .listl .tc_img01{position: absolute;top:-10%;left:0;z-index: 101;width: 49.8%;}
.top_contents05 .listl .tc_img02{position: absolute;bottom:-15%;right:0;z-index: 101;width: 49.8%;}
.top_contents05 .listl .tc_img03{position: absolute;top:0;left:15%;z-index: 100;width: 60%; height: 85%; background-color: rgba(0,0,0,0.10);}
.top_contents05 .listr{float:none;width: auto;}
.top_contents05 h6{font-size: 3w;margin-top: 30px;}
.top_contents05 h2{}
.top_contents05 h3{margin-top:10px;font-size: 3.1vw;}
.top_contents05 h5{margin-top:10px;font-size: 10px;}

.hbsp{height: 50px;}

h5.txt_garamond_midashi12{font-size: 20px;text-align: left;letter-spacing: 0.15em;color: #333;}

}


.caption_outlg{font-size: 10px;text-align: left;color: #333;}






del, ins {
  text-decoration: none; }

#gallery-contents .ttl-img {
  max-width: 815px;
  width: 60%;
  top: 110px;
  left: 50%;
  z-index: 1;
  transform: translateX(-50%); }
#gallery-contents .en-ttl,
#gallery-contents .maincopy {
  text-align: center; }
#gallery-contents .p-box img {
  width: 100%;
  height: auto; }
#gallery-contents .p-box .note {
  display: block;
  text-align: right;
  margin-top: 5px; }
#gallery-contents .listBox ul {
  font-size: 0; }
  #gallery-contents .listBox ul li {
    display: inline-block;
    vertical-align: top; }
#gallery-contents .list01 ul li {
  margin-right: 2.3%;
  margin-top: 30px;
  width: 31.8%; }
  #gallery-contents .list01 ul li:nth-child(3) {
    margin-right: 0; }
  @media screen and (max-width: 700px) {
    #gallery-contents .list01 ul li {
      margin-top: 30px;
      width: 48%;
      margin-right: 4%; }
      #gallery-contents .list01 ul li:nth-child(2) {
        margin-right: 0; } }
  @media screen and (max-width: 500px) {
    #gallery-contents .list01 ul li {
      margin-top: 20px;
      width: 100%;
      margin-right: 0%; } }

.hover-item {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.3);
  cursor: pointer;
  -webkit-transition: 0.5s ease 0s background;
  transition: 0.5s ease 0s background; }
  @media screen and (max-width: 480px) {
    .hover-item {
      display: none; } }
  .hover-item:before {
    content: "";
    width: 50px;
    height: 2px;
    background-color: #FFFFFF;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-transition: 0.3s ease 0s transform;
    transition: 0.3s ease 0s transform; }
    @media screen and (max-width: 768px) {
      .hover-item:before {
        width: 30px; } }
  .hover-item:after {
    content: "";
    width: 50px;
    height: 2px;
    background-color: #FFFFFF;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%) rotate(90deg);
    transform: translateX(-50%) rotate(90deg);
    -webkit-transition: 0.3s ease 0s transform;
    transition: 0.3s ease 0s transform; }
    @media screen and (max-width: 768px) {
      .hover-item:after {
        width: 30px; } }
  .hover-item:hover {
    background-color: rgba(0, 0, 0, 0.7); }
    .hover-item:hover:before {
      -webkit-transform: translateX(-50%) scale(1.5, 1.5);
      transform: translateX(-50%) scale(1.5, 1.5); }
    .hover-item:hover:after {
      -webkit-transform: translateX(-50%) rotate(90deg) scale(1.5, 1.5);
      transform: translateX(-50%) rotate(90deg) scale(1.5, 1.5); }


.slide_tittle{
	width:100%;
	max-width:1280px;
	text-align:center;
	margin-top:80px;
	margin-bottom:20px;
	margin-left:auto;
	margin-right:auto;
}
.slide_tittle h2{
	font-size:28px;
	
}


.gallery_con01 {
  width: 100%;
  margin: auto;
  max-width: 1280px;}
  .gallery_con01 .f_left {
    float: left; }
  .gallery_con01 .f_right {
    float: right; }
  .gallery_con01 .f_inner {
    width: 100%;
    background-size: cover;
    background-position: center center;
    position: relative; }
  .gallery_con01 .f_inner .note {
    position: absolute;
    bottom: 10px;
    right: 10px;
    line-height: 1;
    color: #FFFFFF;
    pointer-events: none; }
  .gallery_con01 .f_inner .note.t-shadow {
    text-shadow: 0 0 5px black; }
  .gallery_con01 .f_inner .note.t-white {
    color: #000000; }
  .gallery_con01 .line0 .f_fll {
    width: 100%; }
  .gallery_con01 .line0 .f_fll .f_inner {
    padding-bottom: 50%;
    background-image: url("../img/gallery/ph01.png"); }
  .gallery_con01 .line1::after,
  .gallery_con01 .line2::after {
    content: '';
    display: block;
    clear: both; }
  .gallery_con01 .line1 .f_left,
  .gallery_con01 .line2 .f_left {
    width: 49.6%; }
  .gallery_con01 .line1 .f_left .f_inner,
  .gallery_con01 .line2 .f_left .f_inner {
    padding-bottom: 65%; }
  .gallery_con01 .line1 .f_right,
  .gallery_con01 .line2 .f_right {
    width: 49.6%; }
  .gallery_con01 .line1 .f_right .f_inner,
  .gallery_con01 .line2 .f_right .f_inner {
    padding-bottom: 65%; }
  .gallery_con01 .line1::after {
    content: '';
    display: block;
    clear: both; }
  .gallery_con01 .line1 .f_left,
  .gallery_con01 .line1 .right01,
  .gallery_con01 .line1 .right02 {
    padding-top: 0.8%; }
  .gallery_con01 .line1 .f_left .f_inner {
    padding-bottom: 91.6%;
    background-image: url("../img/gallery/ph02.png"); }
  .gallery_con01 .line1 .right01 .f_inner {
    padding-bottom: 45%;
    background-image: url("../img/gallery/ph03.png"); }
  .gallery_con01 .line1 .right02 .f_inner {
    padding-bottom: 45%;
    background-image: url("../img/gallery/ph04.png"); }
  .gallery_con01 .line2::after {
    content: '';
    display: block;
    clear: both; }
  .gallery_con01 .line2 .left01,
  .gallery_con01 .line2 .left02,
  .gallery_con01 .line2 .left03 {
    padding-top: 0.8%;
    width: 32.8%;
    margin-left: 0.8%; }
  .gallery_con01 .line2 .left01 {
    margin-left: 0; }
  .gallery_con01 .line2 .left01 .f_inner {
    padding-bottom: 65%;
    background-image: url("../img/gallery/ph05.png"); }
  .gallery_con01 .line2 .left02 .f_inner {
    padding-bottom: 65%;
    background-image: url("../img/gallery/ph06.png"); }
  .gallery_con01 .line2 .left03 .f_inner {
    padding-bottom: 65%;
    background-image: url("../img/gallery/ph07.png"); }
  .gallery_con01 .line4 {
    padding-top: 0.8%; }
    .gallery_con01 .line4 .f_fll {
      width: 100%; }
    .gallery_con01 .line4 .f_fll .f_inner {
      padding-bottom: 50%;
      background-image: url("../img/gallery/ph08.png"); }
  @media screen and (max-width: 600px) {
    .gallery_con01 {
      padding-bottom: 10px; } }
  @media screen and (max-width: 480px) {
    .gallery_con01 .line0 .f_fll {
      width: 100%; }
    .gallery_con01 .line0 .f_fll .f_inner {
      padding-bottom: 70%; }
    .gallery_con01 .line1,
    .gallery_con01 .line2 {
      padding-top: 0%; }
    .gallery_con01 .line2 .left01,
    .gallery_con01 .line2 .left02,
    .gallery_con01 .line2 .left03 {
      padding-top: 0.8%;
      width: 100%;
      margin-left: 0%; }
    .gallery_con01 .line1 .f_left,
    .gallery_con01 .line1 .f_right,
    .gallery_con01 .line2 .f_left,
    .gallery_con01 .line2 .f_right {
      padding-top: 5px;
      float: none;
      width: 100%; }
    .gallery_con01 .line1 .f_left .f_inner,
    .gallery_con01 .line1 .f_right .f_inner,
    .gallery_con01 .line2 .f_left .f_inner,
    .gallery_con01 .line2 .f_right .f_inner {
      width: 100%;
      padding-bottom: 70%; }
    .gallery_con01 .line1 .f_right .f_inner,
    .gallery_con01 .line2 .f_left .f_inner {
      padding-bottom: 70%; }
    .gallery_con01 .line4 .f_fll .f_inner {
      padding-bottom: 65%; } }


.gallery_con02 {
  width: 100%;
  margin: auto;
  max-width: 1280px;}
  .gallery_con02 .f_left {
    float: left; }
  .gallery_con02 .f_right {
    float: right; }
  .gallery_con02 .f_inner {
    width: 100%;
    background-size: cover;
    background-position: center center;
    position: relative; }
  .gallery_con02 .f_inner .note {
    position: absolute;
    bottom: 10px;
    right: 10px;

    line-height: 1;
    color: #FFFFFF;
    pointer-events: none; }
  .gallery_con02 .f_inner .note.t-shadow {
    text-shadow: 0 0 5px black; }
  .gallery_con02 .f_inner .note.t-white {
    color: #000000; }
  .gallery_con02 .line0 .f_fll {
    width: 100%; }
  .gallery_con02 .line0 .f_fll .f_inner {
    padding-bottom: 50%;
    background-image: url("../img/gallery/ph09.png"); }
  .gallery_con02 .line1::after,
  .gallery_con02 .line2::after {
    content: '';
    display: block;
    clear: both; }
  .gallery_con02 .line1 .f_left,
  .gallery_con02 .line2 .f_left {
    width: 49.6%; }
  .gallery_con02 .line1 .f_left .f_inner,
  .gallery_con02 .line2 .f_left .f_inner {
    padding-bottom: 65%; }
  .gallery_con02 .line1 .f_right,
  .gallery_con02 .line2 .f_right {
    width: 49.6%; }
  .gallery_con02 .line1 .f_right .f_inner,
  .gallery_con02 .line2 .f_right .f_inner {
    padding-bottom: 65%; }
  .gallery_con02 .line1::after {
    content: '';
    display: block;
    clear: both; }
  .gallery_con02 .line1 .f_left,
  .gallery_con02 .line1 .right01,
  .gallery_con02 .line1 .right02 {
    padding-top: 0.8%; }
  .gallery_con02 .line1 .f_left .f_inner {
    padding-bottom: 91.6%;
    background-image: url("../img/gallery/ph10.png"); }
  .gallery_con02 .line1 .right01 .f_inner {
    padding-bottom: 45%;
    background-image: url("../img/gallery/ph11.png"); }
  .gallery_con02 .line1 .right02 .f_inner {
    padding-bottom: 45%;
    background-image: url("../img/gallery/ph12.png"); }
  .gallery_con02 .line2::after {
    content: '';
    display: block;
    clear: both; }
  .gallery_con02 .line2 .left01,
  .gallery_con02 .line2 .left02,
  .gallery_con02 .line2 .left03 {
    padding-top: 0.8%;
    width: 32.8%;
    margin-left: 0.8%; }
  .gallery_con02 .line2 .left01 {
    margin-left: 0; }
  .gallery_con02 .line2 .left01 .f_inner {
    padding-bottom: 65%;
    background-image: url("../img/gallery/ph13.png"); }
  .gallery_con02 .line2 .left02 .f_inner {
    padding-bottom: 65%;
    background-image: url("../img/gallery/ph14.png"); }
  .gallery_con02 .line2 .left03 .f_inner {
    padding-bottom: 65%;
    background-image: url("../img/gallery/ph15.png"); }
  .gallery_con02 .line4 {
    padding-top: 0.8%; }
    .gallery_con02 .line4 .f_fll {
      width: 100%; }
    .gallery_con02 .line4 .f_fll .f_inner {
      padding-bottom: 50%;
      background-image: url("../img/gallery/ph16.png"); }
  @media screen and (max-width: 600px) {
    .gallery_con02 {
      padding-bottom: 10px; } }
  @media screen and (max-width: 480px) {
    .gallery_con02 .line0 .f_fll {
      width: 100%; }
    .gallery_con02 .line0 .f_fll .f_inner {
      padding-bottom: 70%; }
    .gallery_con02 .line1,
    .gallery_con02 .line2 {
      padding-top: 0%; }
    .gallery_con02 .line2 .left01,
    .gallery_con02 .line2 .left02,
    .gallery_con02 .line2 .left03 {
      padding-top: 0.8%;
      width: 100%;
      margin-left: 0%; }
    .gallery_con02 .line1 .f_left,
    .gallery_con02 .line1 .f_right,
    .gallery_con02 .line2 .f_left,
    .gallery_con02 .line2 .f_right {
      padding-top: 5px;
      float: none;
      width: 100%; }
    .gallery_con02 .line1 .f_left .f_inner,
    .gallery_con02 .line1 .f_right .f_inner,
    .gallery_con02 .line2 .f_left .f_inner,
    .gallery_con02 .line2 .f_right .f_inner {
      width: 100%;
      padding-bottom: 70%; }
    .gallery_con02 .line1 .f_right .f_inner,
    .gallery_con02 .line2 .f_left .f_inner {
      padding-bottom: 70%; }
    .gallery_con02 .line4 .f_fll .f_inner {
      padding-bottom: 65%; } }






/* slider */
#slider_container {
  width: 100%;
  height: 100vh;
  overflow: hidden;
  position: fixed;
  top: 0;
  left: 0;
  background-color: black;
  z-index: 999999;
  pointer-events: none;
  opacity: 0;
  -webkit-transition: 1s ease 0s opacity;
  transition: 1s ease 0s opacity; }
  #slider_container.active {
    pointer-events: auto;
    opacity: 1; }

#overraySlide_container {
  width: 100%;
  height: 100vh;
  position: relative; }

.slick-slider .slick-list,
.slick-track {
  width: 100%;
  height: 100vh; }

.slick-dots {
  bottom: 0;
  padding: 20px 0 30px;
  z-index: 1000;
  background-color: black;
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
  -webkit-transition: 0.3s ease 0s transform;
  transition: 0.3s ease 0s transform; }
  .slick-dots li button:before {
    color: white;
    opacity: 0.3; }
  .slick-dots li.slick-active button:before {
    color: white; }
  .slick-dots.active {
    pointer-events: auto;
    opacity: 1;
    -webkit-transition-delay: 1s;
    transition-delay: 1s;
    -webkit-transform: translateY(0%);
    transform: translateY(0%); }

.overraySlider_arrow {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }
  .overraySlider_arrow .slick-prev,
  .overraySlider_arrow .slick-next {
    width: 40px;
    position: absolute;
    top: 50%;
    margin-top: -20px; }
  .overraySlider_arrow .slick-prev {
    left: 25px; }
  .overraySlider_arrow .slick-next {
    right: 25px; }

#overraySlider_close {
  position: absolute;
  top: 0;
  right: 0;
  pointer-events: none;
  opacity: 0;
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
  -webkit-transition: 0.3s ease 0s opacity , 0.3s ease 0s transform;
  transition: 0.3s ease 0s opacity , 0.3s ease 0s transform; }
  #overraySlider_close.active {
    pointer-events: auto;
    opacity: 1;
    -webkit-transition-delay: 1s;
    transition-delay: 1s;
    -webkit-transform: translateY(0%);
    transform: translateY(0%); }

.slide_div {
  width: 100%;
  height: 100vh;
  position: relative; }
  .slide_div .note {
    position: absolute;
    bottom: 75px;
    right: 10px;
    line-height: 1;
    color: #FFFFFF;
    display: block;
    background-color: black;
    padding: 5px 10px;
    text-shadow: 0 0 5px black; }

.overraySlider {
  width: 100%;
  height: 100vh; }
  
  .overraySlider02 {
  width: 100%;
  height: 100vh; }


.overraySlider_pic {
  width: 100%;
  height: 80vh;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center; }
  .overraySlider_pic#slide_1 {
    background-image: url("../img/gallery/ph01.png"); }
  .overraySlider_pic#slide_2 {
    background-image: url("../img/gallery/ph02.png"); }
  .overraySlider_pic#slide_3 {
    background-image: url("../img/gallery/ph03.png"); }
  .overraySlider_pic#slide_4 {
    background-image: url("../img/gallery/ph04.png"); }
  .overraySlider_pic#slide_5 {
    background-image: url("../img/gallery/ph05.png"); }
  .overraySlider_pic#slide_6 {
    background-image: url("../img/gallery/ph06.png"); }
  .overraySlider_pic#slide_7 {
    background-image: url("../img/gallery/ph07.png"); }
  .overraySlider_pic#slide_8 {
    background-image: url("../img/gallery/ph08.png"); }
	
  .overraySlider_pic#slide_9 {
    background-image: url("../img/gallery/ph09.png"); }
  .overraySlider_pic#slide_10 {
    background-image: url("../img/gallery/ph10.png"); }
  .overraySlider_pic#slide_11 {
    background-image: url("../img/gallery/ph11.png"); }
  .overraySlider_pic#slide_12 {
    background-image: url("../img/gallery/ph12.png"); }
  .overraySlider_pic#slide_13 {
    background-image: url("../img/gallery/ph13.png"); }
  .overraySlider_pic#slide_14 {
    background-image: url("../img/gallery/ph14.png"); }
  .overraySlider_pic#slide_15 {
    background-image: url("../img/gallery/ph15.png"); }
  .overraySlider_pic#slide_16 {
    background-image: url("../img/gallery/ph16.png"); }
	
.location_photo_box{
	text-align:center;
	display:flex;
	margin-bottom:100px;
}

.location_photo_box diV{
	padding:2px;
}

    @media screen and (max-width: 768px) {
.location_photo_box{
	text-align:center;
	flex-wrap: wrap;
}

.location_photo_box diV{
	width:100%;
}
		
.zeh_photo_box{
	max-width:30%;
	text-align:center;
	display:flex;
}

.zeh_photo_box diV{
	padding:2px;
}

    @media screen and (max-width: 768px) {
.zeh_photo_box{
	text-align:center;
	flex-wrap: wrap;
}

.zeh_photo_box diV{
	width:100%;
}
	}
		

	

/** 設備
===================================*/
.eq_tittle{
	max-width:1115px;
	font-size:18px;
	text-align:center;
	height:35px;
	margin-top:60px;
	margin-bottom:20px;
}

p.eq_bun_L{
	animation-duration: 2s;/* アニメーション時間 */
    animation-name: RightToLeft;/* アニメーション名 */
	max-width:860px;
	height:auto;
	font-size:28px;
	font-weight:0;
	text-align:center;
	font-family: 'Cinzel', serif;
	margin-left: auto;
	margin-right: auto;
	margin-top:20px;
	margin-bottom:-5px;
	letter-spacing: 4px;
	color: #3B362C;
	padding:0 20px;
}


.ep_photo_box{
	width:100%;
		display:flex;
	justify-content: space-between;

}


.photo_box02{
	width:22%;
	height:auto;
	text-align:center;
}


.items {
	width:100%;
	max-width:1154px;
	margin:0 auto;
  display: flex;
  justify-content: space-between;
}
.items .item {
  width: 22%;
}

.items .item2 {
  width: 48%;
}

.items .item img{
	width:100%;
	height:auto;
}

.item-img {
  padding: 0;
}
.item-body {
  padding: 0;
}
.item-title {
	height:30px;
	font-size:14px;
	font-weight:900;
	text-align:center;
	font-family :"Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 Pr6 W6", "Hiragino Mincho Pro", "HGS明朝E", "メイリオ", "ＭＳ Ｐ明朝", "MS PMincho", Meiryo, serif;
	margin-top:10px;
	margin-bottom:30px;
	color: #422D13;
}

.item-body p {
  font-size: 16px;
  font-weight: 400;
  color: #333;
}

/* CSS Document */

@media screen and (max-width:769px) { 


.sp_only{
		display:block;

}

.pc_only{
	display:none;
}


#wrapper{
	padding-bottom:30px;
}

#contents_box_way{
	 margin-top: -200px;
}


#top_mainbox .top_copy_box{
		width:95%;
	font-size:0.8rem;
	line-height:1.6;
	margin-bottom:40px;
}

#top_mainbox .top_copy_box p{
	text-align:justify;
}


#top_header .prime{
	float:none;
	text-align: center;
	padding:10px;
}

#top_header .Property_Name{
	 font-ize: 10px;
	float:none;
	text-align:center;
	margin-top:0px;
}

		}
		
/* ウインドウ幅が980px以下の場合に適用 */

@media screen and (max-width:980px)
{
#header{
	height: 136px;
}

.header_navi li{
	padding-left:1em;
}
}

/* ウインドウ幅が820px以下の場合に適用 */

@media screen and (max-width:820px)
{

div#mobile_cont{
	display:none;
}

}








/* ウインドウ幅が737px以上の場合に適用 */

@media screen and (min-width:737px)
{
div#dl-menu,div#dl-menu.dl-menuwrapper{
	display:none;
}

}




/* ウインドウ幅が736px以下の場合に適用 */

@media screen and (max-width:736px)
{
body{
	font-size:13px;
}
	
	
.ttl_back{
	padding-bottom:15px;
	padding-top:15px;
}





.bonsai_box{
	width:95%;
	margin:20px auto;
}

.bonsai_box img{
	width:100%;
	height:auto;
}

.bonsai_box h3.bonsai{
	font-size: 18px;
	line-height: calc(54 / 32);
	line-height: 1.688;
	margin-bottom:40px;
}

.bonsai_box_in p{
	text-align:justify;
	font-size: 14px;
	line-height: 1.8;
		margin-bottom:40px;
}


.bonsai_photo_left{
	float:none;
}
.bonsai_right{
	float:none;
}

.bonsai_right p{
		font-size: 14px;
	letter-spacing: .12em;
	line-height: calc(32 / 14);
	line-height: 2.285714286;
	margin-top:40px;
	margin-left:0px;
	text-align: center;
}

.bonsai_photo_left02{
	float:none;
	margin-bottom:60px;
	margin-top:40px;
	margin-right:0px;
}




#top_mainbox{
	margin:0 auto;
	width:100%;
	height:auto;
}

#top_mainbox img{
	margin:0 auto;
	width:100%;
	height:auto;
}

#header h1 div.nairan{
	display:none;
}

#header h1 div.seido{
	display:none;
}

#header h1 div.seido_sm{
	display:block;
	width:100%;
	text-align:center;
	padding-bottom:10px;
}



section#mobile_cont img{
max-width: 100%;
height: auto;
width /***/:auto;　
}



#contentsWrap .conceptPhtText img{
max-width: 100%;
height: auto;
width /***/:auto;　
}

#contents_box{
	padding-right:0.5em;
	padding-left:0.5em;
}

.nairan_sm img{
	width:100%;
	height:auto;
		padding-bottom:10px;
}



#footer img.syamei01{
	margin-right:0px;
}

div.page_up a{
	max-width:80px;
}

.bottom_menu{
	padding:0.7em 0;
	max-width:736px;
}

.bottom_menu li img {
	max-width:100%;
	height:auto;
	width:9em;
}

.outline_box_b p{
	text-align:center;;
}

.outline_box_b h3{
	display:none;
}
.outline_box_b img{
	width:50%;
	height:auto;
	}
.company{
	width:345px;
	text-align:center;
	z-index:1000;
}
.company img#yokoku{
	width:100%;
	height:auto;
}


#ph01{
	display:none;
}

#ph02{
	display:none;
}

#ph03{
	display:none;
}

#ph04{
	display:none;
}

#ph05{
	display:none;
}

#ph08{
	display:none;
}

.main_photo{
	width:100%;
	z-index:1000;
}


.main_photo img{
	width:100%;
	height:auto;
}


.stage4{
	width:100%;
	height:auto;
	position: relative;
}


 .logo{
	max-width:160px;
	padding-left:0.1em;
	padding-top:0.5em;
	padding-right:0.7em;
}

	
	
ul.header_navi{
	display:none;
}

div#grovalNavi{
	display:none;
}

.top_comment{
    margin-right: 5.5em;
    font-size: 11px;
}
	
}
	
	
/* ウインドウ幅が480px以下の場合に適用 */

@media screen and (max-width:480px)
{

	
#header{
	height: 165px;
}
	
#top_header .Property_Name{
	 font-ize: 10px;
	float:none;
	font-size: 20px;
	text-align:center;
	margin-top:0px;
}
	
.logo{
	max-width:110px;
}



	}