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

* html body{
	height:100%;
}

/* IEの隙間を埋める */
img{vertical-align:bottom;}

*:first-child+html body{
	font-size:medium;
}
*{
	border:0px;
	margin:0px;
	padding:0px;
}
div{
	text-align:left;
}

span {
	display:inline-block;
}

/* コピーライト */
#copyright{
	width: 300px;
	margin-right: 50px;
	margin-left: 210px;
}
#copyright img{
	margin:0 0 0 auto;
}
/* コピーライト end*/

/* float 汎用 */
.clearfix { display: inline-block; } 
.clearfix:after { 
     clear: both; 
     content: " "; 
     display: block; 
     font-size: 0; 
     height: 0; 
     visibility: hidden; 
} 
/* start commented backslash hack \*/ 
* html .clearfix { height: 1%; } 
.clearfix { display: block; } 
/* close commented backslash hack */
/* float 汎用 end */


/* width 汎用 */
	.wid150{width:150px;}
	.wid165{width:165px;}
	.wid199{width:199px;}
	.wid400{width:400px;}
	.wid600{width:600px;}
	.wid701{width:701px;}
	.wid850{width:850px;}
	.wid880{width:880px;}
	.wid936{width:936px;}
	.wid900{width:900px;}
	.wid1100{width:1100px;}
/* width 汎用 end */

/* Margin-left 汎用*/
	.ml5 { margin-left:  5px; } 
    .ml1rem { margin-left: 1rem; }
    .ml2rem { margin-left: 2rem; }
    .ml3rem { margin-left: 3.5rem; }
    .ml10rem { margin-left: 10rem; }
/* Margin-left 汎用 end*/

/* Margin-right 汎用*/
	.mr5 { margin-right:  5px; } 
	.mr10 { margin-right:  10px; } 
	.mr30 { margin-right:  30px; } 
	.mr50 { margin-right:  50px; } 
	.mr70 { margin-right:  70px; } 
	.mr100 { margin-right:  100px; } 
    .mr2rem { margin-right: 2rem; }
    .mr3rem { margin-right: 3.5rem; }
/* Margin-right 汎用 end*/

/* Margin-top 汎用*/
	.mt5 { margin-top:  5px; } 
	.mt10 { margin-top:  10px; } 
	.mt20 { margin-top:  20px; } 
	.mt30 { margin-top:  30px; } 
    .mt40 { margin-top:  40px; }
	.mt50 { margin-top:  50px; } 
	.mt100 { margin-top:  100px; }
/* Margin-top 汎用 end*/

/* Margin-bottom 汎用*/
	.mb5 { margin-bottom:  5px; } 
	.mb10 { margin-bottom:  10px; } 
	.mb20 { margin-bottom:  20px; } 
	.mb30 { margin-bottom:  30px; } 
    .mb40 { margin-bottom:  40px; } 
	.mb50 { margin-bottom:  50px; } 
	.mb100 { margin-bottom:  100px; } 
/* Margin-top 汎用 end*/

/* Margin auto汎用*/	
	.ml_auto {margin-left: auto;}
	.mr_auto {margin-right: auto;}
/* Margin auto 汎用 end*/

/* padding 汎用 end*/
    .pb50 {padding-bottom: 50px;}
    .pt_1 {padding-top: 1rem;}
    .pb_1 {padding-bottom: 1rem;}
/* padding 汎用 end*/

/* Float */
	.fl { float: left; }        .fr { float: right; }       .clear { clear:both; }

/* vertical-align */	
	.vat {vertical-align: top;}
/* vertical-align end */

/* 配置  */
.tx_c {text-align: center}
/* 配置 end */

/* バナー透過 */
.opa img:hover {
	opacity: 0.7 ;
}
/* バナー透過 end */

/* メイン */
#main {
	width: 100%;
	max-width: 2000px;
    margin: -150px auto -150px auto;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-size: 1rem;
    line-height: 1.3;
	text-decoration: none;
	background-color: #fff;
	text-align: center;
}
#main img {
}
/* メイン end */

/* 全ページ共通 */
/* 全ページ共通 end */

/* トップページ */
/* トップページ end */

/* 手書き風欧文 */

#base path {
    fill:#000; /* 塗りの色 */
}
#mask path {
    fill:none; /* 塗りの色 */
    stroke:#ffffff; /* 線の色 */
    stroke-width:10px; /* 線幅 */
    stroke-linecap:round; /* 線端の形状 */
    stroke-linejoin:round; /* 角の形状 */
}
/* 手書き風欧文 end */

/* まちの紹介ページ */
/* まちの紹介ページ end */

/* アクセスページ */
/* アクセスページ end */

/* 区画図ページ */
/* 区画図ページ end */

/* 住まいづくりページ */
/* 住まいづくりページ end */

/* まちづくりページ */
/* まちづくりページ end */

/* バナーエリア */
/* バナーエリア end */

/* 余白*/
.yohaku_10 {
	width: 100%;
	height: 10px;
}
.yohaku_30 {
	width: 100%;
	height: 30px;
}
.yohaku_50 {
	width: 100%;
	height: 50px;
}
.yohaku_60 {
	width: 100%;
	height: 60px;
}

.yohaku_70 {
	width: 100%;
	height: 70px;
}
.yohaku_100 {
	width: 100%;
	height: 100px;
}
.yohaku_200 {
	width: 100%;
	height: 200px;
}
.yohaku_300 {
	width: 100%;
	height: 300px;
}
/* 幅 */
.copy-area_50 {
	width: 50%;
	height: auto;
	margin: 0 auto;
}

.copy-area_65 {
	width: 65%;
	height: auto;
	margin: 0 auto;
}

.copy-area_80 {
	width: 80%;
	height: auto;
	margin: 0 auto;
}

.copy-area_85 {
	width: 85%;
	height: auto;
	margin: 0 auto;
}

.copy-area_90 {
	width: 90%;
	height: auto;
	margin: 0 auto;
}
.copy-area_95 {
	width: 95%;
	height: auto;
	margin: 0 auto;
}
/* 背景 */
.bg_beige {
	background-color: #f2f0eb;
}
.bg_lb {
	background-color: #e7ecee;
}

.bg_bluegray {
	background-color: #dde2e6;
	text-align: center;
}
.bg_toptitle {
	background-color: #385154;
	padding-top: 3rem;
	padding-bottom: 3rem;
	text-align: center;
}
/* 背景 end */

/* 罫線  */
.line-p60 {
	width: 60%;
	height: auto;
    border-bottom: 1px solid #000;
	border-width: thin;
    margin: 4rem auto;
}
.line-p80 {
	width: 80%;
	height: auto;
    border-bottom: 1px solid #000;
	border-width: thin;
    margin: 0 auto 1rem auto;
}
.line-p90 {
	width: 90%;
	height: auto;
    border-bottom: 1px solid #000;
	border-width: thin;
    margin: 0 auto 1rem auto;
}
.line-p100 {
	width: 100%;
	height: auto;
    border-bottom: 1px solid #000;
	border-width: thin;
    margin: 0 auto 1rem auto;
}
.stripe {
	width: 100%;
	height: 20px;
	background: repeating-linear-gradient(135deg, #a1d8e6, #a1d8e6 4px, #fff 2px, #fff 6px);
	margin: 3rem 0 5rem 0;
}
/* 罫線 end */

/* 文字 汎用 */
.tx_white {
	color:#fff;
}
.tx_black {
	color:#000;
}
.tx_c {
	text-align: center;
}
.tx_l {
	text-align: left;
}
.tx_r {
	text-align: right;
}
.fw_bolder {
	font-weight: bolder;
}
.fw_bold {
	font-weight: bold;
}
.tx_kage_white {
	text-shadow: 0 0  3px #fff;
}
.tx_kage_black {
	text-shadow: 0 0  3px #000;
}
.tx_gothic {
	font-family: '游ゴシック体',YuGothic,'Osaka',"Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", verdana, sans-serif;
}
/* 文字 汎用 end */

/* その他 */
/* その他 end */



/* 画面外にいる状態01　下からゆっくり1 */
.fadein01 {
	opacity : 0;
	transform : translate(0, 10%);
	transition : all 1500ms;
	}

/* 画面内に入った状態01 */
.fadein01.scrollin {
	opacity : 1;
	transform : translate(0, 0);
	}

/* 画面外にいる状態02　下からゆっくり2 */
.fadein02 {
	opacity : 0;
	transform : translate(0, 50%);
	transition : all 1500ms;
	}

/* 画面内に入った状態02 */
.fadein02.scrollin {
	opacity : 1;
	transform : translate(0, 0);
	}

/* 画面外にいる状態03　下からゆっくり3 */
.fadein03 {
	opacity : 0;
	transform : translate(0, 70%);
	transition : all 1500ms;
	}

/* 画面内に入った状態03 */
.fadein03.scrollin {
	opacity : 1;
	transform : translate(0, 0);
	}

/* 画面外にいる状態 右からゆっくり */
.fadein04 {
	opacity : 0;
	transform : translate(5%, 0);
	transition : all 2000ms;
	}

/* 画面内に入った状態 */
.fadein04.scrollin {
	opacity : 1;
	transform : translate(0, 0);
	}

/* 画面外にいる状態 左からゆっくり */
.fadein05 {
	opacity : 0;
	transform : translate(-5%, 0);
	transition : all 2000ms;
	}

/* 画面内に入った状態 */
.fadein05.scrollin {
	opacity : 1;
	transform : translate(0, 0);
	}

/* 画面外にいる状態06 */
.fadein06 {
	opacity : 0;
	transform : translate(0, 0);
	transition : all 2000ms;
	}

/* 画面内に入った状態06 */
.fadein06.scrollin {
	opacity : 1;
	transform : translate(0, 0);
	}


/* フェードイン　その場01 */
.fadein_ani01 {
  opacity: 0;
  animation: fadein 3s forwards;
    animation-delay: 1.5s;
}

@keyframes fadein {
  from { opacity: 0; }
  to { opacity: 1; }
}

/* フェードイン　その場02 */
.fadein_ani02 {
  opacity: 0;
  animation: fadein 3s forwards;
    animation-delay: 3s;
}

@keyframes fadein {
  from { opacity: 0; }
  to { opacity: 1; }
}

/* ズーム */
.animate img {
  width: 100%;
  height: auto;
  animation: animationZoom 10s ease-in-out forwards;
}

@keyframes animationZoom {
  100% {
    transform:scale(1.05)
  } 
}

.animate2 img {
  width: 100%;
  height: auto;
  animation: animationZoom 10s ease-in-out forwards;
}

@keyframes animationZoom {
  100% {
    transform:scale(1.1)
  } 
}


.tsume {
    font-feature-settings: 'palt' 1;
}
.hihyouji {
	display: none;
}