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

.center {
	margin: 0 auto;
}
.green {
	color: #2e9f74;
}

a .greennewslist {
	color: #fff;
	background-color: #2e9f74;
}
a .greenmore {
	color: #2e9f74;
	background-color: #fff;
}

.top7 {
	padding: 7% 0 0 0;
}

/*BUTTON*/
.btn-more {
	padding: 0;
	width: 400px;
}
.btn-more a {
	display: block;
	color: #fff;
	padding:7%;
	margin: 0;
}
.morelink {
	font-family: "Zen Maru Gothic", serif;
  	font-weight: 700;
  	font-style: normal;
  	font-size: 1.3rem;
  	position: relative;
	display: block;
	background-color: #2e9f74;
  	padding: 0;
	margin: 0;
	border-radius: 40px;
	cursor: pointer;
  	-webkit-transition: 0.5s all;
  	transition: 0.5s all;
}
.morelink:hover {
	background-color: #207454;
}

.contswidth {
	width: 96%;
	max-width: 1200px;
	margin: 0 auto;
	padding: 0;
}
.midashi-gr {
	font-size: 1.4rem;
	color: #207454;
	margin: 3% 0;
}
.back-blue {
	background-color: #EAF5FA;
}
.left {
	position: relative;
	display: block;
	text-align: left;
}
.flex-link {
	display: flex;
	position: relative;
}
.m-top {
	margin: 7% auto 0 auto;
}

a[href*="tel:"]{
  text-decoration: none;
  pointer-events: none;
}

/*ABOUT US*/
.box_about {
	margin: 3% auto 0 auto;
	background-image: url("../images/about/aboutimg-01.png");     /* 背景画像指定 */
    background-repeat:  no-repeat;              /* 背景の繰り返し設定 */
    background-position: left top;          /* 背景の位置指定 */
	background-size: 17%;
}
.text_about {
	font-size: 1.2rem;
	width: 60%;
	padding: 5% 20%;
	color: #2E9F74;
	line-height: 180%;
	background-image: url("../images/about/aboutimg-02.png");     /* 背景画像指定 */
    background-repeat:  no-repeat;              /* 背景の繰り返し設定 */
    background-position: right bottom;          /* 背景の位置指定 */
	background-size: 17%;
}
.box_aisatsu {
	display: flex;
	justify-content: space-between;
	padding: 3% 0;
}
.box_aisatsu .kaicho_photo {
	width: 27%;
}
.box_aisatsu .kaicho_photo img {
	width: 100%;
}
.kaicho_aisatsu {
	width: 70%;
	padding: 0;
	margin: 0;
}
.kaicho_aisatsu p {
	margin: 0;
	padding: 0;
}
.kaicho_name {
	text-align: right;
	padding: 10px 0 0 0;
}
.soshikizu {
	margin: 5% auto;
}
.soshikizu img {
	display: block;
	max-width: 960px;
	width: 90%;
	margin: 0 auto;
	padding: 0;
}

/*FACILITY*/
.about-center {
	margin: 7% auto;
}
.box_about-center {
	display: flex;
	justify-content:space-between;
}
.box_about-center img {
	display: block;
	width: 60%;
	border-radius:30px;
}
.center-text {
	width: 35%;
}
.center-text p {
	padding: 0 0 7% 0;
}
.floormap {
	display: block;
	width: 80%;
	max-width: 900px;
	margin: 5% auto 0 auto;
}
.box_price {
	text-align: center;
	border-top:solid 1px #cccccc;
	border-left:solid 1px #cccccc;
}
.box_price tr {
	width: 100%;
}
.box_price td {
	width: 20%;
	padding: 2%;
	border-bottom:solid 1px #cccccc;
	border-right:solid 1px #cccccc;
}
.price-list {
	margin: 3% 0;
}
.price-list li {
	list-style: circle;
	margin: 10px 0;
}

.price-link a{
	position: relative;
	color: #2E9F74;
	margin: 0;
	padding: 0;
}
.price-link.current a,
.price-link a:hover{
	color:#2E9F74;
}

.price-link a::after {
    content: '';
    /*絶対配置で線の位置を決める*/
    position: absolute;
    bottom: -5px;
    left: 0;
    /*線の形状*/
    width: 100%;
    height: 1px;
    background:#2E9F74;
    /*アニメーションの指定*/
    transition: all .3s;
    transform: scale(0, 1);/*X方向0、Y方向1*/
    transform-origin: center top;/*上部中央基点*/
}

/*現在地とhoverの設定*/
.price-link.current a::after,
.price-link a:hover::after {
    transform: scale(1, 1);/*X方向にスケール拡大*/
}

.box_facility {
	display: flex;
	justify-content:space-between;
	flex-wrap: wrap;
}
.box_setsubi {
	width: 48%;
	margin: 0 0 5% 0;
}
.mb0 {
	margin: 0;
}
.setsuni-midashi {
	font-size: 1.2rem;
	color: #207454;
	margin: 3% 0;
}
.setsubi-text {
	font-size: 0.9rem;
	padding: 3%;
	margin: 10px 0 5% 0;
	width: 100%;
	background-color: #EAF5FA;
}
.setsubi-text td {
	vertical-align: top;
}
.setsubi-left {
	font-weight: bold;
	width: 20%;
}

.riyou {
	width: 80%;
	margin: 0 auto;
	color: #2E9F74;
	font-weight: bold;
	font-size: 1.2rem;
}

/*HONMACHI*/
.honmachi-list {
	margin: 0;
	padding: 0;
	display: flex;
	justify-content:space-between;
	flex-wrap: wrap;
	font-size: 1.2rem;
	color: #2E9F74;
}
.honmachi-list li {
	width: 48%;
}
.honmachi-list p {
	padding: 0;
	margin: 0;
}
.honmachi-list img {
	width: 100%;
	margin: 2% 0 0 0;
}
.honmachi-list01 {
	margin: 0 0 3% 0;
	display: flex;
  	flex-wrap: wrap;
  	flex-direction: column;
}
.box_setsubi {
	display: flex;
  	flex-wrap: wrap;
  	flex-direction: column;
}
.honmachi-list01 img, .box_setsubi img {
	margin-top: auto;
}

.last {
	margin: 0 0 -5% 0;
}

/*LINK*/
.link-list {
	display: flex;
	justify-content:space-between;
	flex-wrap: wrap;
	margin: 0;
	padding: 0;
}
.link-list li {
	width: 48%;
}
.btn-link {
	padding: 0;
	width: 100%;
	cursor: pointer;
  	-webkit-transition: 0.5s all;
  	transition: 0.5s all;
}
.btn-link a {
	display: block;
	color: #2E9F74;
	padding:8% 6%;
	margin: 0;
}
.btn-link a:hover {
	background-color: #efefef;
}
.btn-link-link {
	font-family: "Zen Maru Gothic", serif;
  	font-weight: 700;
  	font-style: normal;
  	position: relative;
	display: block;
	background-color: #F7F7F7;
  	padding: 0;
	margin: 0;
	border-radius: 10px;
	cursor: pointer;
  	-webkit-transition: 0.5s all;
  	transition: 0.5s all;
}
.morelink:hover {
	background-color: #207454;
}


/*PRIVACY*/
.privacyBox {
	margin-right: 5%;
	margin-left: 5%;
	margin-bottom: 10%;
}

.privacyBox .priTit {
	font-size: 1.2rem;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	padding-top: 3%;
}
.privacyBox ul li {
	list-style-type: disc;
	list-style-position: outside;
	margin: 0;
	padding: 0;
}

/*THNKSPAGE*/
.thanks-box {
	width: 90%;
	max-width: 900px;
	margin: 5% auto 0 auto ;
}
.thanks-title {
	font-size: 1.4rem;
	font-weight: bold;
	color: #2E9F74;
}
.tel-link a {
	color: #2E9F74;
	text-decoration: none;
}

/*==================================================
印象編 4 最低限おぼえておきたい動き
===================================*/
/* 4-1 ふわっ（下から） */

.fadeUp{
animation-name: fadeUpAnime;
animation-duration:0.8s;
animation-fill-mode:forwards;
opacity:0;
}

.fadeDown{
animation-name: fadeDownAnime;
animation-duration:0.8s;
animation-fill-mode:forwards;
opacity:0;
}

@keyframes fadeUpAnime{
  from {
    opacity: 0;
	transform: translateY(50px);
  }

  to {
    opacity: 1;
	transform: translateY(0);
  }
}

@keyframes fadeDownAnime{
  from {
    opacity: 0;
	transform: translateY(-50px);
  }

  to {
    opacity: 1;
	transform: translateY(0);
  }
}
	
/* スクロールをしたら出現する要素にはじめに透過0を指定　*/
 
.flipRightTrigger,
.fadeUpTrigger,
.fadeDownTrigger{
    opacity: 0;
}

@media screen and (max-width:1000px) {
	/*BUTTON*/
.btn-more {
	margin: 0 auto;
	padding: 0;
	width: 50%;
}
.btn-more a {
	display: block;
	color: #fff;
	padding:5% 5% 5% 7%;
	margin: 0;
}
.morelink {
	font-family: "Zen Maru Gothic", serif;
  	font-weight: 700;
  	font-style: normal;
  	font-size: 1rem;
	letter-spacing: -1px;
  	position: relative;
	display: block;
	background-color: #2e9f74;
  	padding: 0;
	margin: 0;
	border-radius: 40px;
	cursor: pointer;
  	-webkit-transition: 0.5s all;
  	transition: 0.5s all;
}
.morelink:hover {
	background-color: #207454;
}

a[href*="tel:"]{
    text-decoration: underline;
    pointer-events: auto;
}

/*ABOUT US*/
.box_about {
	margin: -1px auto 0 auto;
	padding: 3% 0 0 0 ;
	background-image: url("../images/about/aboutimg-01.png");     /* 背景画像指定 */
    background-repeat:  no-repeat;              /* 背景の繰り返し設定 */
    background-position: left top;          /* 背景の位置指定 */
	background-size: 20%;
}
.text_about {
	font-size: 1.1rem;
	width: 80%;
	padding: 5% 10% 7% 10%;
	color: #2E9F74;
	line-height: 180%;
	background-image: url("../images/about/aboutimg-02.png");     /* 背景画像指定 */
    background-repeat:  no-repeat;              /* 背景の繰り返し設定 */
    background-position: right bottom;          /* 背景の位置指定 */
	background-size: 20%;
}
.box_aisatsu {
	width: 80%;
	display: block;
	margin: 0 auto 5% auto;
	padding: 0;
}
.box_aisatsu .kaicho_photo {
	width: 70%;
	margin: 5% auto;
}
.kaicho_aisatsu {
	width: 100%;
	padding: 0;
}
.soshikizu {
	margin: 10% auto;
}
.soshikizu img {
	width: 100%;
}
	
/*FACILITY*/
.box_about-center {
	display: block;
}
.box_about-center img {
	display: block;
	width: 90%;
	border-radius:20px;
	margin: 0 auto 5% auto;
}
.center-text {
	width: 90%;
	margin: 0 auto;
}
.floormap {
	width: 90%;
}
.setsuni-midashi {
	letter-spacing: 0;
	font-size: 0.9rem;
	color: #207454;
	margin: 3% 0;
}

/*HONMACHI*/
.honmachi-list {
	font-size: 0.8rem;
}
.last {
	margin: 0 0 7% 0;
}

/*THANKSPAGE*/
.thanks-title {
	font-size: 1.2rem;
}
.tel-link a {
	color: #2E9F74;
	text-decoration: none;
}

}

@media screen and (max-width:650px) {
	/*LINK*/
.link-list {
	display: block;
	margin: 0;
	padding: 0;
}
.link-list li {
	width: 90%;
	margin: 5% auto 0 auto;
}
}