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

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

.pc { display: none; }
.sp { display: block; }

*{
	text-decoration: none ;
}

body{
	height:100%;
	margin: 0px auto;
	font-family: 'ＭＳ Ｐゴシック','Osaka','MS PGothic',"Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", verdana, sans-serif;
	color:#000;
	background: #ccc;
	overflow-x: hidden;
	-webkit-text-size-adjust: 100%;/* フォントサイズの自動調整なし */
    min-width: initial;/* ipad対策　初期化 */
}

/* 来場予約・資料請求・物件概要メニュー */
/* 来場予約・資料請求・物件概要メニュー end */

/* メニュー */
.menu01 {
    display: flex;
    flex-wrap:nowrap;
    justify-content: center;
	width: 100%;
	height: auto;
	margin: 0 auto;
    background-color: #fff;
    padding: 0 2% 4% 2%;
	overflow: hidden;
    text-align: right;

}
.menu01 li{
	float: left;
	list-style-type: none;
	overflow: hidden;
	height: auto;
    margin: 0.5rem 0 0 0;
}
/*.menu01 li:first-child{
	margin-right: auto;
    width: 25%;
}*/
.menu01 li a {
    text-align: center;
	display: block;
    padding: 0.5rem;
    color: #000;
    font-size: 0.8rem;
}

.menu01 li a:hover {
    text-align: center;
	display: block;
    padding: 0.5rem;
    color: #6E6E6E;
}


.menu02 {
    display: flex;
    flex-wrap:nowrap;
    justify-content: center;
    width: 100%;
    margin: 0 auto;
    padding: 0 5%;
    background-color: #fff;
}
.menu02 li{
    list-style: none;
}
.menu02 li a {
    text-align: center;
	display: block;
    padding: 0.5rem;
    color: #000;
    font-size: 0.8rem;
}

.menu02 li a:hover {
    text-align: center;
	display: block;
    padding: 0.5rem;
    color: #6E6E6E;
}

/* メニュー end */

/* ページ下部の来場予約・資料請求メニュー */
.menu03 {
    display: flex;
	justify-content: center;
	flex-wrap: wrap;
	width: 95%;
	height: auto;
	margin: 0 auto;
}
.menu03_item {
	width: 6rem;
    min-width: 70%;
	height: auto;
    padding: 1rem;
	margin: 0 auto 5% auto;
	text-align: center;
	background:linear-gradient(#EF8585, #C82D4A);
	background: -moz-linear-gradient(top, #EF8585, #C82D4A);
    background: -webkit-linear-gradient(top, #EF8585, #C82D4A);
    background: linear-gradient(to bottom, #EF8585, #C82D4A);
	border-radius: 7px;
	overflow: hidden;
}
.menu03_item a {
    display: block;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-size: 1.5rem;
	line-height: 1.2;
	text-decoration: none;
}
.menu03_item a:link {color: #fff;}
.menu03_item a:visited {color: #fff;}
.menu03_item a:hover {color: #fff799;}
.menu03_item a:active {color: #fff;}
/* ページ下部の来場予約・資料請求メニュー end */

/* トップページ */
.top_logo {
    width: 100%;
    height: auto;
    margin: 3% auto 0% auto;
	text-align: center;
}

.top_logo img {
    width: 60%;
    height: auto;
    margin: 3% auto 0% auto;
	text-align: center;
}

.top_main {
    width: 100%;
    height: auto;
    margin: 0 auto 0% auto;
	text-align: center;
}



.main_image {
    padding: 0px auto;
}
.main_image_item {
    width: 100%;
    height: auto;
}

.main_image_item2 {
    width: 100%;
    height: auto;
    overflow: hidden;
}

    @keyframes animationZoom1 {
      100% { transform:scale(1.1)} 
    }
    @keyframes animationZoom2 {
      50% { transform:scale(1.1)} 
    }


.main_image2 {
    padding: 0px auto;
}
.main_image2_item {
    width: 100%;
    height: auto;
}

.main_image2_item2 {
    width: 100%;
    height: auto;
    overflow: hidden;
}

    @keyframes animationZoom1 {
      100% { transform:scale(1.1)} 
    }
    @keyframes animationZoom2 {
      50% { transform:scale(1.1)} 
    }

.top_btn {
    width: 100%;
    margin: 0% auto;
}

.top_btn img {
    width: 100%;
    margin: 0% auto;
}

.info-area {
	width: 90%;
    height: auto;
    margin: 10% auto 0% auto;
	text-align: center;
    background:linear-gradient(0deg,#f4f4f4 0%,#f4f4f4 85%,#fff 85%,#fff 100%);
    padding: 4% 0 4% 0;
}

.info-area img {
	width: 60%;
    height: auto;
    margin: 0% auto 0% auto;
	text-align: center;
    padding: 0% 0 0% 0;
}

.info-area_02 {
	width: 90%;
    height: auto;
    max-width: 960px;
    margin: 1% auto 0% auto;
	text-align: center;
    padding: 4% 0 4% 0;
    background-color: #f4f4f4;
}


.info-area_02 img {
	width: 60%;
    height: auto;
    margin: 0% auto 0% auto;
	text-align: center;
    padding: 0% 0 0% 0;
}



.info-area_02 {
	width: 90%;
    height: auto;
    margin: 10% auto 0% auto;
	text-align: center;
    padding: 4% 0 4% 0;
    background-color: #f4f4f4;
}

.info-area_02 img {
	width: 60%;
    height: auto;
    margin: 0% auto 0% auto;
	text-align: center;
    padding: 0% 0 0% 0;
}





.info_img {
    width: 100%;
    height: auto;
    margin: 2% auto;
    padding: 1% 0;
    text-align: center;
    background-color: #fff;
}

.info_img02 {
    width: 100%;
    height: auto;
    margin: 2% auto;
    padding: 1% 0;
    text-align: center;
}


.info_01 {
    width: 85%;
    height: auto;
    margin: 2% auto;
    padding: 6% 0 1% 0;
    text-align: center;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    color: #000;
    font-size: 6.4vw;
    line-height: 1.8;  
    font-weight: 600;
}

.info_01-2 {
    width: 90%;
    height: auto;
    margin: 2% auto;
    padding: 4% 0 4% 0;
    text-align: center;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    color: #000;
    font-size: 5.9vw;
    line-height: 1.8;  
    font-weight: 600;
    : 1px solid #000;
}

.info_01-3 {
    width: 90%;
    height: auto;
    margin: 2% auto;
    padding: 4% 0 4% 0;
    text-align: center;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    color: #000;
    font-size: 5.9vw;
    line-height: 1.8;  
    font-weight: 600;
    : 1px solid #000;
}


.info_02 {
    width: 84%;
    height: auto;
    margin: 2% auto;
    padding: 1% 0;
    text-align: center;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    color: #000;
    font-size: 3.0vw;
    line-height: 2.4;    
}

.info_03_1 {
    width: 85%;
    height: auto;
    margin: 2% auto;
    padding: 4% 0;
    text-align: center;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    color: #000;
    font-size: 3.3vw;
    line-height: 2.0;
    border-bottom: 0.5px solid #999;
}

.info_03_2 {
    width: 85%;
    max-width: 900px;
    height: auto;
    margin: 2% auto 3% auto;
    padding: 2% 0 4% 0;
    text-align: justify;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    color: #000;
    font-size: 3.1vw;
    line-height: 1.5;
    border-bottom: 0.5px solid #999;
}

.info_04 {
    width: 85%;
    max-width: 900px;
    height: auto;
    margin: 2% auto;
    padding: 1% 0;
    text-align: justify;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    color: #000;
    font-size: 3.1vw;
    line-height: 1.5;
}






.title {
   width: 100%;
    height: auto;
    margin: 0 auto;
    background-color: #fff;
    color: #000;
    font-size: 1rem;
    line-height: 2;
    text-align: center;  
}
.kobetsu {
    width: 100%;
    max-width: 900px;
    height: auto;
    margin: 2% auto;
    padding: 1% 0;
    background-color: #8fc43e;
    text-align: center;
    font-family: 'ＭＳ Ｐゴシック','Osaka','MS PGothic',"Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", verdana, sans-serif;
    color: #fff;
    font-size: 0.8rem;
    line-height: 1.5;    
}

.bn_plan {
	display: flex;
	justify-content: space-between;
    width: 80%;
    height: auto;
    margin: 0 auto;
}
.bn_plan-item {
    width: 48%;
    height: auto;
}


.top_title {
    width: 100%;
    height: auto;
    margin: -7% auto 13% auto;
	text-align: center;
    background:#fff;
    padding: 0% 0 0% 0;
}

.top_pano {
    width: 100%;
    height: auto;
    margin: -1% auto 5% auto;
	text-align: center;
    background: #fff;
    padding: 0% 0 0% 0;
}
.iframe-wrap{
    position: relative;
    width: 100%;
    margin: 0 auto;
    padding: 0% 0% 0% 0%;
}
.top_movie {
    width: 100%;
    height: auto;
    max-width: 960px;
    margin: -5% auto 0% auto;
	text-align: center;
    padding: 40% 0 17% 0;
    background-image: url("../img/top_main.jpg");
    background-repeat: no-repeat;
    background-size: 100%;
}
.iframe-wrap2{
    position: relative;
    width: 90%;
    margin: 0 5%;
    padding: 0% 0% 50.5% 0%;
}
.iframe-wrap2 iframe{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* トップページ end */

/* トップページ　イメージ写真 */
.top_image {
    display: flex;
    flex-diretion: row;
    margin-bottom: 20%;
}
.top_image_item {
    width: 100%;
    height: auto;
}

.image_text {
    position: relative;
}
.image_text p {
    position: absolute;
    width: 90%;
    height: auto;
    top: 40%;
  left: 5%;
  transform: translateY(-55%) translateX(-55%);
  -webkit- transform: translateY(-55%) translateX(-55%);
    text-shadow: 1px 1px 5px #fff;
    padding: 1rem;
}
.image_text a{
    width: 55%;
    height: auto;
    font-size: 0.8rem;
    color: #000;
    line-height: 1.2;
    text-align: center;
}
.image_text img {
    opacity: 0.8;
}


.image_text-left a {
    font-size: 0.6rem;
    color: #000;
    line-height: 1.8;
    padding: 0 5%;
}

.image_text-left p {
    position: absolute;
    top: 0;
    left: 0;
    width: 90%;
    padding: 0%;
    background-color: rgba(255,255,255,0.8);
    text-align: left;
}


.image_text-right a {
    font-size: 0.6rem;
    color: #000;
    line-height: 1.8;
    padding: 0 5% 0 15%;
}

.image_text-right-img {
    font-size: 0.6rem;
    color: #000;
    line-height: 1.8;
    padding: 30% 5% 0 5%;
	text-align: center;
}

.image_text-right-img2 {
    font-size: 0.6rem;
    color: #000;
    line-height: 1.8;
    padding: 30% 5% 0 5%;
	text-align: center;
}

.image_text-right-img3 {
    font-size: 0.6rem;
    color: #000;
    line-height: 1.8;
    padding: 0% 5% 0 5%;
	text-align: center;
}


/*トップページ　イメージ写真 end */




/*トップページ　バナーエリア */
.bn-area {
	width: 100%;
	height: auto;
	background-color: #fff;
	padding: 5% 0 0% 0;
	margin: 5% 0 20% 0;
    text-align: center;
}

.bn-area img {
	width: 80%;
    height: auto;
    margin: 3% 10% 0% 10%;
	text-align: center;
    padding: 0% 0 0% 0;
}

.bn-area01 {
    display: flex;
	justify-content: center;
	flex-wrap: wrap;
	width: 100%;
	height: auto;
	margin: 2% auto 3% auto;
    background:linear-gradient(0deg,#f4f4f4 0%,#f4f4f4 97%,#fff 97%,#fff 100%);
    padding-bottom: 10%;
}

.bn-area01_item {
	width: 36%;
	height: auto;
	padding: 2%;
    text-align: center;
}


.bn-area01 img {
	width: 80%;
}

.bn-area02 {
	width:  80%;
	height: auto;
	background-color: #fff;
	padding: 10% 0% 20% 0%;
	margin: 0 auto;
}

.bn-area02 img {
	width: 100%;
}

.bn-area03 {
    display: flex;
	justify-content: center;
	flex-wrap: wrap;
	width: 90%;
	height: auto;
	margin: 0px auto;
}
.bn-area03_item {
	width: 46%;
	height: auto;
	padding: 2%;
}
/*トップページ　バナーエリア end */

/*プラン */
.plan {
    width: 100%;
    height: auto;
	margin: 0 auto;
	padding: 0%;
	background-color: #fff;
    text-align: center;
}
.plan_logo {
    width: 100%;
    height: auto;
    max-width: 960px;
    margin: 0 auto 0% auto;
	text-align: center;
}

.plan_logo img {
    width: 50%;
    height: auto;
    margin: 0 auto 10% auto;
	text-align: center;
}

.kei_plan {
	display: flex;
	justify-content: space-between;
    width: 100%;
	max-width: 960px;
    height: auto;
    margin: 0 auto;
}
.kei_plan_item1 {
    width: 50%;
    height: 100px;
    margin: 57px 0 40px 0;
}

.kei_plan_item2 {
    width: 50%;
    height: 400px;
    border-right: #999 0.5px solid;
    margin: 0px 0 57px 0;
}

.kei_plan_item3 {
    width: 50%;
    height: 461px;
    border-right: #999 0.5px solid;
    margin: 57px 0 40px 0;

}

.kei_plan_item4 {
    width: 50%;
    height: auto;
}



.plan_nom {
    width: 25%;
    height: auto;
    margin: 0% 0% 0% 0%;
}


.plan_madori {
    width: 120%;
    height: auto;
    margin: 0% auto 0% -10%;
}



.gallery-area02 {
	width:  100%;
	height: auto;
	padding: 0 5% 3% 5%;
	margin: 0% auto 0 auto;
}

.slides {
    width: 100%;
	height: auto;
	margin: 0% auto 0 auto;
	padding-bottom: 0px;
	display: block;
}

.slides img {
    width: 100%;
	height: auto;
	margin: 8% auto 0 auto;
	padding-bottom: 0px;
	display: block;
}

.plan_bg1 {
    width: 100%;
    height: auto;
	margin: 0 auto;
	padding: 0%;
	background-color: #dce5d5;
}

.plan_bg2 {
    width: 100%;
    height: auto;
	margin: 0 auto;
	padding: 0%;
	background:linear-gradient(0deg,#efefef 0%,#efefef 17%,#cbd4c5 17%,#cbd4c5 100%);
    -bottom: 0.5px solid #999;
}


.setsubi-box {
    width: 80%;
    margin: 50px auto;
}
.setsubi-box_item_01 {
	align-items: center;
	width: 100%;
	height: auto;
	text-align: center;
	padding: 5px 0 20% 0;
	margin: 5px 0;
    border-bottom: 0.5px solid #999;
}

.setsubi-box_item_02 {
	align-items: center;
	width: 100%;
	height: auto;
	text-align: center;
	padding: 5px 0 20% 0;
	margin: 5px 0;
}

.setsubi-box_item_03 {
	align-items: center;
	width: 100%;
	height: auto;
	text-align: center;
	padding: 5px 0 20% 0;
	margin: 5px 0;
    border-bottom: 0.5px solid #999;
}


.plan-caption {
    font-family: 'ＭＳ Ｐゴシック','Osaka','MS PGothic',"Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", verdana, sans-serif;
    font-size: 0.8rem;
	text-align: left;
	margin: 10px auto 0px auto;
    padding: 10px auto 0px auto;
    width: 100%;
    border-top: 0.5px solid #999;
}

.plan-caption p {
	text-align: left;
    margin: 10px auto 300px auto;
    width: 90%;
}


.plan-title {
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    font-size: 4.8vw;
	text-align: center;
	margin: 10px auto 0px auto;
    padding: 10px auto 0px auto;
    width: 100%;
    font-weight: inherit
}

.planpano-title {
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    font-size: 4.8vw;
	text-align: center;
	margin: 0px auto 10px auto;
    padding: 10px auto 0px auto;
    width: 100%;
    font-weight: inherit
}


.bn-pfh_bg {
    width: 100%;
    height: auto;
	margin: 0 auto;
	padding: 0 35% 5% 35%;
	background-color: #fff;
	text-align: center;
}


.plan_pano {
    width: 90%;
    height: auto;
    margin: -1% auto 5% auto;
	text-align: center;
    background: #cbd4c5;
    padding: 0% 0 0% 0;

}

/*プラン end */



/*まちづくり */
.machi {
    width: 100%;
    height: auto;
    max-width: 960px;
    margin: 10% auto 0% auto;
	text-align: center;
    padding: 4% 0 0% 0;
}

.machi img {
    width: 60%;
    height: auto;
    margin: 10% auto 0% auto;
	text-align: center;
    padding: 4% 0 0% 0;
}


.machi_title {
    width: 100%;
    height: auto;
    max-width: 960px;
    margin: 0% auto 0% auto;
	text-align: center;
    padding: 2% 0 0% 0;
    background-color: #cbd4c5;
    background-image: url("../img/bg_machi_s.jpg");
    background-repeat: no-repeat;
    background-size: contain;
}

.machi_copy {
    width: 90%;
	font-size: 2.9vw;
	line-height: 2.1;
	margin: 2% auto 15% auto;
	text-align: center;
}


.machi_title2 {
    width: 100%;
    height: auto;
    margin: 0% auto 0% auto;
	text-align: center;
    background-color: #f2f6da;
    padding: 4% 0 2% 0;
}

.machi_jitsurei {
    width: 100%;
    height: auto;
    margin: 0% auto 0% auto;
	text-align: center;
    background-color: #fff;
    padding: 4% 0 2% 0;
}

.machi_image_item1 {
    width: 95%;
    height: auto;
    margin: 0 auto;
	padding-top: 7%;
}

.machi_image_item1 p {
    width: 80%;
	margin: 1% auto 3% auto;
	font-size: 0.8rem;
	line-height: 1.5;
	text-align: left;
}

.machi_image_item1 img {
    width: 100%;
	margin: 1% 0% 3% 0%;
	font-size: 0.8rem;
	line-height: 1.5;
	text-align: left;
}

.machi_image_item2 {
    width: 100%;
    height: auto;
}

.machi_image_item2 img {
    width: 80%;
	margin: 1% 0% 3% 11%;
	text-align: center;
}



.event-area {
	width: 100%;
    height: auto;
    margin: 10% auto 0% auto;
	text-align: center;
    background:linear-gradient(0deg,#f4f4f4 0%,#f4f4f4 75%,#fff 75%,#fff 100%);
    padding: 4% 0 4% 0;
}

.event-area img {
	width: 90%;
    height: auto;
    margin: 0% auto 0% auto;
	text-align: center;
    padding: 0% 0 0% 0;
}

/*まちづくり end */


/*ページタイトル */
.page_title {
    display: inline-block;
    color: #666;
    text-align: center;
    margin: 10% auto 5% auto;
    font-size: 1.5rem;
    border-bottom: 0.5px solid #666;
}

.page_title_s {
    width: 8rem;
    height: auto;
    color: #666;
    text-align: center;
    margin: 10% auto 5% auto;
    font-size: 1.2rem;
    border: 0.5px solid #666;
}

.page_title_s2 {
    width: 10rem;
    height: auto;
	font-family: 'ＭＳ Ｐゴシック','Osaka','MS PGothic',"Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", verdana, sans-serif;
    color: #333;
	background-color: #fff;
	border-radius: 20px;
    text-align: center;
    margin: 10% auto 1% auto;
    font-size: 1rem;
}
/*ページタイトル end */

/* まちの紹介 */
.info_container {
    column-count: 1;
  }
/*まちの紹介 end */


/* 住まいづくりページ */
.sumai_box {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    width: 100%;
    height: auto;
    margin: 5% auto 0% auto;
}
.sumai_box p {
    font-family: 'ＭＳ Ｐゴシック','Osaka','MS PGothic',"Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", verdana, sans-serif;
    font-size: 1rem;
    font-weight: bold;
    color: #1e485e;
    margin-bottom: 0.5rem;
    line-height: 1.5;
    text-align: left;
}
.sumai_box a {
    font-size: 0.8rem;
    line-height: 1.5;
    text-align: left;
}
.sumai_box_item01 {
    width:100%;
    height: auto;
    margin: 0 auto 1rem auto;

}
.sumai_box_item02 {
    width:100%;
    height: auto;

}
.sumai_box_bn {
    width: 16rem;
    height: auto;
    margin: 3% auto 8% auto;
    padding: 0.5rem 0;
    font-size: 1rem;
    color: #fff;
    background-color: #83ccd3;
    border-radius: 3px;
    text-align: center;
}
.sumai_box_bn a {
    display: block;
}
.sumai_box_bn a:link {color: #fff;}
.sumai_box_bn a:visited {color: #fff;}
.sumai_box_bn a:hover {color: #fff;}
.sumai_box_bn a:active {color: #fff;}

.sumai_box_close {
    width:40px;
    height:40px;
    margin: 3% auto 8% auto;
    font-size: 1rem;
    color: #fff;
    background-color: #83ccd3;
    border-radius: 40px;
    text-align: center;
    line-height: 40px;
}
/* 住まいづくりページ end */


/* テキスト */
.copy1 {
    width: 90%;
	font-size: 0.6rem;
	line-height: 1.7;
	margin: 7% auto;
	text-align: left;
}

.copy2 {
    display: block;
    width: 85%;
	font-size: 0.8rem;
	line-height: 1.7;
	margin: 0px 8%;
	text-align: left;
}

.copy3 {
    width: 80%;
	font-size: 1.1rem;
	line-height: 1.5;
	margin: 2% auto;
	text-align: center;
}

.copy4 {
    width: 80%;
	font-size: 1.1rem;
	line-height: 1.5;
	margin: -1% auto 6% auto;
	text-align: center;
}
.caption1 {
    width: 90%;
	margin: 1% auto 5% auto;
	font-size: 0.8rem;
	line-height: 1.5;
	text-align: left;
}


.caption2 {
    width: 70%;
	margin: 2% auto;
	font-size: 0.6rem;
	line-height: 1.3;
	text-align: left;
}
.caption3 {
    width: 90%;
	margin: 1% auto 3% auto;
	font-size: 0.8rem;
	line-height: 1.3;
	text-align: center;
}
.caption4 {
    width: 100%;
	margin: 1rem 0% 2rem 12%;
	font-size: 0.6rem;
	line-height: 1.3;
	text-align: left;
    text-decoration: none;
}
.caption5 {
    width: 60%;
	margin: 0rem auto 0rem auto;
	font-size: 0.68rem;
	line-height: 1.3;
	text-align: left;
    border-bottom: 0.5px solid #000;
    padding: 2% 0% 2% 0%;
}
.caption6 {
    width: 80%;
	margin: 0 auto 0rem auto;
	font-size: 0.68rem;
	line-height: 1.3;
	text-align: left;
    border-top: 0.5px solid #000;
    padding: 2% 0% 2% 0%;
}
/* テキスト end */


.syamei_tel {
    width: 90%;
    height: auto;
    margin: 0 auto;
    text-align: center;
}
.tel {
}
.tel_item {
}

.tel_item img {
width: 100%;
margin-bottom: 6%;
}


.cap_pano {
	text-align: left;
	font-size: 7.5pt;
	margin: 4% 4% 4% 5%;
}

.cap_pano2 {
	text-align: right;
	font-size: 7.5pt;
	margin: 2% 2% 4% 5%;
}