@charset "UTF-8";
/* CSS Document */
/*==============================
　Header
==============================*/
@media screen and (min-width:1001px) {
nav {
	position: fixed;
	width: 100%;
	top: 0;
	display: flex;
	align-items: center;
	justify-content: flex-end;
  z-index: 999;
	background-image: url(../image/common/bg_cmn_00.gif);
}

.menu_btn_wrap {
	display: flex;
}
.menu_btn{
    text-align: center;
		border-left: 1px dashed #999;
}
.menu_btn:first-child ,
.menu_btn:last-child {
	border-left: none;
}

.menu_btn:last-child a {
    padding:0 50px 0 31px;
}
.trg_tel {
	display: none;
}
}
.header_logo {
    position: absolute;
    top: 56px;
    left: 5%;
    right: auto;
    margin: 0 auto;
    width: 103px;
    z-index: 1001;
}
.fv_logo {
		position: absolute;
    width: 105px;
    top: 8.75vh;
    margin-left: 5vw;
		z-index: 1200;
}
.logo_img_sp {
	display: none;
}

.menu_privacy , .fv_tel_sp {display: none;}

.fv_text {
	width:350px;
    margin: auto;
    top: calc(100vh - 70%);
    left: 5%;
    position: absolute;
    z-index: 3;
}
.h_maincopy .text_svg {
    width: 350px;
    height: 104px;
}

.fv_text p {
	line-height: 2.1;
	letter-spacing: 2px;
}
.h_maincopy {
	margin-bottom: 38px;
}

.fv_tel {
	position: absolute;
	z-index: 3;
	background-image: url(../image/common/btn_cmn_contactbg_00.gif);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	max-width: 340px;
	width: 100%;
	height: 114px;
	box-shadow: 3px 3px 4px rgba(0,0,0,.5);
	font-size: 1.125em;
	text-align: center;
	font-weight: normal;
	right: 35px;
	top: 32px;
}

.fv_tel a {
	color: #fff;
	padding: 18px 0 0 0;
	width: 100%;
	height: 100%;
	display: block;
}

.fv_tel_sp {
	font-weight: normal;
	background-image: none;
	background-color: #FFF;
	width: 300px;
	height: 94px;
	border: 1px solid #9CB064;
	outline: 4px #FFF solid;
	padding: 10px 0 0 0;
	box-shadow: none;
	font-size: 1.0em;
	color: #7A874E;
	margin: 20px auto;
}

.tel_no {
	font-size: 2.46em;
	font-family:"游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho";
	margin-top: 16px;
}

/*==============================
　TOP
==============================*/
.first_view{
	position:relative;
	width: 100vw;
    height: calc(100vh - 78px);
    margin-top: 78px;
}
.first_img {
	width: 100%;
	height: 100%;
	background-image:url(../image/top/mainimg_top_naikan_00.jpg);
	background-repeat:no-repeat;
	background-position:center;
	background-size:cover;
}
.first_view::before {
    content: "";
    display: block;
    width: 25vw;
    max-width: 266px;
    height: calc(100vh - 70px);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    background-image: url(../image/top/ico_top_fv_yaji_00.svg) , url(../image/common/bg_cmn_00.gif);
    background-repeat: no-repeat,repeat;
    background-size: 34px auto , auto;
    background-position: bottom left calc(100% - 66%),top;
}
.first_view::after {
	clear: both;
	content: "";
	display: block;
}

.contents_title {
  font-weight: normal;
  font-size: 1.7em;
  margin-bottom: 35px;
}
/*-------about_wrap-------*/
.about_wrap{
	background-image:url(../image/top/bg_top_sakurabg_00.jpg);
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
}
.about_inner {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    flex-direction: row-reverse;
}
.about_text_wrap {
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    padding: 130px 0;
}
.about_text_wrap .title {
    font-weight: normal;
    font-size: 1.9em;
    letter-spacing: 3px;
    line-height: 220%;
    margin-left: 35px;
}
.about_text_wrap .text {
    font-size: 1.2em;
    line-height: 230%;
    letter-spacing: 0.8px;
}
.about_image {
    margin-right: 16%;
}
.about_inner .image_target {
    margin-right: 50px;
}
.about_inner .image_target img {
    width: 476px;
    height: 459px;
}
/*-------flow_wrap-------*/
.flow_wrap{
	background-color:rgba(133,153,100,0.1);
}
.flow_wrap,
.annai_wrap{
	padding:100px 0 125px;
}
.flow_inner{
	width:86%;
	max-width:840px;
	margin-left:auto;
	margin-right:auto;
}
.flow_flex {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	margin-top: 55px;
}
.flow_box {
	width: 46%;
	text-align: center;
}
.flow_list {
margin-top: 16px;
}
.ttl_flow {
	color: #859964;
	font-weight: normal;
	font-size: 1.6em;
}
.flow_list li {
    position: relative;
    background: #ffffff;
    text-align: center;
    margin-bottom: 40px;
    padding: 10px 0;
    font-size: 1.2em;
	font-family:"游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" ,Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto ,  "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
}
.flow_list li::after {
    content: "";
    display: block;
	width:25px;
	height:24px;
	background-image:url(../image/top/ico_top_flowlist.png);
	background-position:center;
	background-repeat:no-repeat;
	background-size:contain;
	position:absolute;
    right: 0;
    left: 0;
    margin: auto;
    bottom: -32px;
}
.flow_list li:last-child{
	background-color:#859964;
	color:#ffffff;
    margin-bottom: 0;
}
.flow_list li:last-child::after{
	display:none;
}
/*-------plan_wrap-------*/
.plan_wrap{
	background-image:url(../image/top/bg_cmn_sakuramau_00.png);
	background-position:center;
	background-repeat:no-repeat;
    background-color: #ffffff;
	padding:106px 0;
}
.plan_inner{
	width: 86%;
    max-width: 840px;
    margin: 0 auto;
}
.plan_inner h2,
.plan_inner h3 {
    background-color: #996476;
    text-align: center;
    color: #ffffff;
    font-weight: normal;
    letter-spacing: 4px;
    font-size: 1.7em;
    padding: 9px 5px;
	margin-bottom:35px;
}
.plan_list{
    margin-bottom: 50px;
		text-align: center;
}
.plan_list li {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 35px 30px;
    border-bottom: 1px solid #000000;
}
.plan_list li:last-child{
	border-bottom:none;
}
.plan_list .dt {
    font-size: 1.7em;
}
.plan_list .dd {
    color: #996476;
    font-size: 2.3em;
}
.plan_list .dd.max_size {
    font-size: 2.8em;
}
.plan_list .dd .big {
    font-size: 1.5em;
}
.plan_list .dd .mini {
    font-size: 0.5em;
    color: #000000;
    padding-left: 10px;
}

.dd {
    text-align: right;
}

.price_b {
  font-size: 0.5em;
}
.price_s {
  font-size: 0.9em;
}


.plan_tel {
    text-align: center;
    font-size: 5em;
    line-height: 100%;
    margin-bottom: 30px;
}
.plan_tel .tel_link,
.plan_tel .tel_link a {
    color: #996476;
}
a.plan_contact {
    text-align: center;
    color: #996476;
    display: block;
    font-size: 1.4em;
    border: 1px solid #996476;
    max-width: 450px;
    margin: 0 auto;
    padding: 20px 0;
    border-radius: 8px;
    position: relative;
	transition:all ease 200ms;
}
a.plan_contact::after {
    content: "";
    display: block;
    border-bottom: 1px solid #996476;
    border-right: 1px solid #996476;
    width: 14px;
    height: 14px;
    transform: rotate(45deg);
    position: absolute;
    right: 32px;
    top: 23px;
	transition:all ease 200ms;
}
a.plan_contact:hover{
	background-color:#996476;
	color:#ffffff;
}
a.plan_contact:hover::after{
	border-color:#ffffff;
    top: 30px;
}



.ttl_archive {
	background: none !important;
	text-align: center;
	border-bottom: 1px solid #9c9c9c;
	padding-bottom: 20px;
	color: #414141 !important;
	font-weight: bold !important;
}
.ttl_archive span{
  color: #996476;
	line-height: 1.5;
}

.ttl_top_kuyo {
	color: #996476 !important;
	background: none !important;
	text-align: left !important;
	margin-bottom: 10px !important;
	line-height: 1.5;
}
.txt_kuyo {
	text-align: left !important;
	max-width: 486px;
	margin: 0 auto 20px auto;
}
.box_contact {
	border: solid 1px #996476;
	width: 100%;
	padding: 30px;
}
.flex_archive {
	display: flex;
  flex-direction: row;
	flex-wrap: wrap;
	text-align: left;
}
.flex_kuyo {
	display: flex;
  flex-direction: row-reverse;
	justify-content: space-between;
	flex-wrap: wrap;
}
.img_eitaikuyo {
	max-width: 314px;
	margin: 0 auto;
}
.img_online {
	max-width: 238px;
	margin: 0 auto;
}
.ttl_top_contact {
	background: none !important;
	color: #996476 !important;
	margin-bottom: 20px !important;
}
.txt_archive {
	max-width: 538px;
}
.txt_archive p {
	margin-bottom: 15px;
}
@media screen and (max-width:400px) {
  .ttl_top_contact span {
	display: none !important;
  }
}
@media screen and (max-width:600px) {
	.ttl_top_kuyo {
		text-align: center !important;
	}
}

/*-------annai_wrap-------*/
.about_s_wrap {
    height: 530px;
    background-image: url(../image/top/img_top_yonagoten_gaikan_00.jpg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: left;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    padding-right: 8%;
    margin-bottom: 60px;
}
@media screen and (min-width:1410px) {
.about_s_wrap{
    background-size: calc(100% - 8% - 506px) auto;
}
}
.about_s_text_wrap {
    border: 1px solid #cfcfcf;
    background: #fff;
    box-shadow: 0 0 0 10px #ffffff;
    width: 84%;
    max-width: 570px;
    padding: 65px 60px 55px;
}
.about_s_text_wrap .title {
    font-weight: normal;
    font-size: 1.8em;
    margin-bottom: 30px;
    letter-spacing: 3px;
}
.about_s_text_wrap .text {
    font-size: 1.1em;
    line-height: 230%;
}
.annai_inner h4 {
    background: #d4d6c6;
    color: #7a874e;
    text-align: center;
    margin: 0 auto 50px;
    font-weight: normal;
    font-size: 1.8em;
    width: 84%;
    max-width: 840px;
    padding: 11px 0;
}
.q_a_list {
    width: 84%;
    max-width: 800px;
    margin: 0 auto 80px;
}
.q_a_list .question,
.q_a_list .answer{
    font-size: 1.2em;
    line-height: 120%;
}
.q_a_list .question {
    position: relative;
    border-radius: 6px;
    overflow: hidden;
    background-color: #fff;
    margin-bottom: 20px;
    padding: 15px;
    padding-left: 100px;
}
.q_a_list .question::before {
    content: "";
    width: 76px;
    height: 100%;
    display: block;
    background-color: #9C9C9c;
    background-position: center;
    background-image: url(../image/top/ico_top_Q.png);
    background-size: 28px;
    background-repeat: no-repeat;
    position: absolute;
    top: 0;
    left: 0;
}
.q_a_list .answer {
    color: #996476;
    margin-bottom: 40px;
    position: relative;
    padding: 9px;
    padding-left: 100px;
}
.q_a_list .answer::before {
    content: "";
    width: 76px;
    height: 100%;
    display: block;
    background-color: #ab7f88;
    background-position: center;
    background-image: url(../image/top/ico_top_A.png);
    background-size: 28px;
    background-repeat: no-repeat;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 6px;
}
.naikan_wrap {
    display: flex;
    justify-content: center;
    flex-direction: row-reverse;
    width: 100%;
    margin: 0 auto 40px;
}
.naikan_wrap img {
    width: 50%;
	display:block;
}
.amenity_list {
    display: flex;
    justify-content: center;
}
.amenity_list .text,
.amenity_list h5 {
    font-size: 1.2em;
    font-weight: normal;
    line-height: 110%;
}
.amenity_list h5 {
    border-right: 1px solid #000000;
    padding-right: 1em;
    margin-right: 1em;
}
.access_wrap {
    margin-top: 105px;
    text-align: center;
}
.googlemap{
    width: 100vw;
    height: 550px;
    margin-bottom: 15px;
}
.access_wrap .text_wrap {
    font-size: 1.1em;
    line-height: 180%;
}
/*-------flower_wrap-------*/
.flower_wrap{
    background-image: url(../image/top/bg_top_kyoka_00.jpg);
	background-position:center;
	background-size:cover;
	background-repeat:no-repeat;
}
.flower_bgcolor{
	background-color:rgba(96,96,98,0.8);
}
.flower_inner {
    width: 84%;
    max-width: 960px;
    margin: 0 auto;
    padding: 110px 0 180px;
}
.flower_wrap .ttl_logoiri h2,
.flower_wrap .ttl_logoiri span {
    color: #ffffff;
}
.flower_wrap .ttl_logoiri {
    background-image: url(../image/common/icon_cmn_sakura_01.svg);
}
.flower_flex {
    display: flex;
    align-items: center;
}
.flower_img,
.flower_flex .flex_r {
    width: 48%;
}
.flower_flex .flex_r {
    max-width: 360px;
    margin-left: 60px;
}
.flower_flex .name {
    color: #ffffff;
    font-size: 2em;
    line-height: 170%;
    margin-bottom: 20px;
    letter-spacing: 1px;
}
.flower_flex .text {
    color: #ffffff;
    font-size: 1.1em;
    line-height: 230%;
    margin-bottom: 30px;
}
a.flower_contact {
    color: #000;
    font-size: 1.4em;
    line-height: 100%;
    letter-spacing: 1.5px;
    background: #fff;
    padding: 1.1em 1.2em;
    width: 100%;
    display: block;
    position: relative;
	border:1px solid #ffffff;
	transition:all ease 200ms;
}
a.flower_contact::before {
    content: "";
    display: block;
    width: 36px;
    height: 8px;
    border-bottom: 1px solid #7a874e;
    border-right: 1px solid #7a874e;
    position: absolute;
    right: 20px;
    transform: skewX(50deg);
    top: 0;
    bottom: 0;
    margin: auto;
	transition:all ease 200ms;
}
a.flower_contact:hover{
	background-color:#7a874e;
	color:#ffffff;
}
a.flower_contact:hover::before{
	border-color:#ffffff;
	right:10px;
}

@media screen and (max-width:1200px) {
.fv_text {
	top: 22vh;
	bottom: 0;
	left: calc(5% + 10px)
}
.header_logo img {
    width: 100px;
    height: 125px;
}
}
@media screen and (max-width:1000px) {
.about_inner {
    padding-bottom: 60px;
    position: relative;
    padding-top: 560px;
}
.about_text_wrap {
    padding-bottom: 0;
    margin: auto;
    height: 560px;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}
.about_inner .image_target {
	width:100%;
    margin: 40px auto 0;
    text-align: center;
}
.about_s_wrap {
    height: auto;
    padding: 0;
    background-position: bottom;
    background-size: 100% auto;
    padding-bottom: 58.6vw;
    justify-content: center;
}
.about_s_text_wrap {
    padding: 60px 10% 50px;
}
.about_s_text_wrap .title {
    text-align: center;
    font-size: 1.4em;
    letter-spacing: 1.5px;
}
}


@media screen and (max-width:760px) {
.about_inner .title {
    font-size: 1.6em;
    line-height: 190%;
    margin-left: 20px;
}
.about_inner .text {
    font-size: 1.05em;
    line-height: 210%;
}

.plan_wrap{
	background-position:center top;
}
.plan_inner h3 {
    line-height: 160%;
    letter-spacing: 1px;
    padding: 15px 5px;
}
.plan_inner h3 .br {
    display: block;
}

.plan_list li {
    padding: 20px 15px 15px;
}
.plan_list .dt {
    font-size: 1.4em;
    margin-bottom: 15px;
}


.plan_list .dd {
    font-size: 1.3em;
    line-height: 130%;
}
.plan_list .dd.max_size {
    font-size: 1.9em;
}
.plan_list .dd .big {
    font-size: 1.7em;
}
.plan_list .dd .mini {
    font-size: 0.7em;
}
.plan_tel {
    font-size: 3.5em;
}
a.plan_contact {
    font-size: 1.2em;
}
.flower_flex {
    display: block;
}

.flower_img,
.flower_flex .flex_r {
    width: 100%;
    max-width: 315px;
    display: block;
    margin: 0 auto;
}
.flower_img{
	margin-bottom:25px;
}
.flower_flex .name {
    font-size: 1.9em;
}
}
@media screen and (max-width:500px) {
  .ttl_logoiri {
    margin-bottom: 40px;
    padding-top: 62px;
  }
  .fv_tel {
		display: block;
		position: static;
		margin: 40px auto 0 auto;
		font-size: 1rem;
	}
  .h_maincopy .text_svg {
    width: 290px;
    height: 86px;
  }
  .tel_no{
	font-size: 2.5rem;
  }
  .first_img {
	height: 412px;
	background-position: calc(50% + 76px) calc(50% + 16px);
	margin: 0 -125%;
	padding: 0 125%;
  }
  .first_view {
	position: inherit;
	float: none;
	height: auto;
	width: 100%;
	margin-top: 78px;
	padding: 0 20px 100px 20px;
	background-image: url(../image/top/ico_top_fv_yaji_00.svg);
	background-repeat: no-repeat;
	background-size: 24px auto;
	background-position: bottom center;
  }

  .first_view::before{
	width: auto;
  }
  .tel_svg,.footer_tel .tel_svg{
	width: 100%;
  height: auto;
  }
  .fv_text {
	position: inherit;
	margin-top: 48px;
  }

  /*-------about_wrap-------*/
  .about_inner {
    padding: 60px 0;
  }
  .about_text_wrap {
    -webkit-writing-mode: horizontal-tb;
    -ms-writing-mode: lr-tb;
    writing-mode: horizontal-tb;
    padding: 0 8%;
    position: static;
    height: auto;
    transform: none;
  }
  .about_inner .title {
    margin-left: 0;
    letter-spacing: 1px;
  }
  .about_image {
    margin-right: 5%;
  }
  .about_inner .image_target{
	margin-top:30px;
  }
  .about_inner .image_target img {
    width: 84%;
    height: auto;
  }
  /*-------flow_wrap-------*/
  .flow_wrap, .annai_wrap{
	padding:0;
  }
  .flow_bgcolor,
  .annai_bgcolor{
    padding: 60px 0;
  }
  .flow_list {
    margin-top: 25px;
  }
  .flow_list li {
    font-size: 1em;
    padding: 8px 0;
  }
  /*-------plan_wrap-------*/
  .plan_wrap {
    padding: 80px 0;
  }
  .plan_inner h2{
    font-size: 1.4em;
    letter-spacing: 1.5px;
    padding: 8px 20px;
  }
  .plan_inner h3 {
    font-size: 1.4em;
    letter-spacing: 1.5px;
    padding: 8px 0;
  }
  a.plan_contact {
    font-size: 1.1em;
    padding-right: 20px;
    padding-top: 15px;
    padding-bottom: 15px;
  }
  .plan_tel {
    font-size: 3.3em;
  }
  a.plan_contact::after {
    width: 8px;
    height: 8px;
    right: 23px;
  }
  .annai_inner h4 {
    background: #9cb064;
    color: #ffffff;
    font-size: 1.5em;
    padding: 7px 0;
    margin-bottom: 24px;
  }
  .q_a_list .question,
  .q_a_list .answer {
    padding-left: 40px;
    font-size: 1em;
    line-height: 170%;
    overflow: visible;
  }
  .q_a_list .question{
	margin-bottom:10px;
  }
  .q_a_list .answer{
    margin-bottom: 15px;
	padding-right:0;
  }
  .q_a_list .question::before,
  .q_a_list .answer::before {
    width: 42px;
    height: 42px;
    border-radius: 21px;
    top: 6px;
    left: -12px;
  }
  .q_a_list .answer::before {
    top: 2px;
  }
  .q_a_list{
	margin-bottom:60px;
  }
  .naikan_wrap {
    display: block;
    width: 84%;
    margin-bottom: 25px;
  }
  .naikan_wrap img {
    width: 100%;
  }
  .amenity_list {
    display: block;
    text-align: center;
    width: 84%;
    margin: 0 auto;
  }
  .amenity_list h5 {
    border: none;
    margin: 0;
    padding: 0;
  }
  .amenity_list .text,
  .amenity_list h5 {
    font-size: 1em;
    line-height: 160%;
  }
  .access_wrap {
    margin-top: 60px;
  }
  .googlemap {
    height: 410px;
    width: 84%;
  }
  .access_wrap .text_wrap {
    font-size: 1em;
  }
  .flower_wrap {
    background-position: right;
  }
  .flower_inner {
    padding: 60px 0 100px;
  }
  a.flower_contact {
    font-size: 1.25em;
    padding: 1.4em 1.2em;
  }

}

.dt_dt {
	display: flex;
	align-items: flex-end;
}

@media screen and (max-width:550px) {
	.plan_list .dd.max_size {
	    display: inline-block;
			line-height: 0.8;
	}
	.plan_list .dd {
    display: inline-block;
		line-height: 0.9;
}
.dt_dt {
    align-items: center;
    text-align: center;
		justify-content: center;
}
.label_price {
    display: inline-block;
    text-align: right;
    width: auto;
}
.huton {
	margin-right: 10px;
}
.plan_list li {
	display: block;
}
}