/*固定ヘッダー*/
header {background-image: url(../img/tmb.png); background-repeat: repeat-x;position: fixed;top: 0;left:0; height: 66px;width: 100%;z-index: 100;}
header-contents {position: relative; width: 100%; padding: 0px; margin: 0 auto; text-align: center;}

main {padding: 0 ;}

footer {font-size: 18px; font-weight:bold;line-height: 1.4em; color:#fff;width: 480px; background-color:#453;text-align:center;}
.footer-wrapper {margin: 5 auto; padding: 5px;}


.space-s {font-size: 10px;line-height: 1.7em;height: 10px;width: 400px;}
.space {font-size: 10px;line-height: 1.7em;height: 35px;width: 400px;}
.space-h {font-size: 10px;line-height: 1.7em;height: 70px;width: 400px;}


.data {font-size: 16px;line-height: 1.5em;width: 460px;background-color:#fff;}


.reidai{
  position:relative;
}
.reidai:before{
  position:absolute;
  left: 0px;
  margin-top: 0px;
}
@media screen and (max-width: 480px){
.reidai:before{
  position:absolute;
  left: 0px;
  margin-top: 0px;
}
}

.compa {
	font-family: "ヒラギノ角ゴ Pro W3",'Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	font-size:15px;
	font-weight:normal;
	color: #555;
	line-height:1.6em;
	width: 460px;
}

.Box{
	font-family: "ヒラギノ角ゴ Pro W3",'Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	font-size:15px;
	line-height:1.6em;
	font-weight:normal;
	color: #333;
	display: table;
	width: 460px;
}


.Box ul.list li{
	font-family: "ヒラギノ角ゴ Pro W3",'Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	font-size:15px;
	font-weight:normal;
	color: #555;
	line-height:1.6em;
	letter-spacing:0px;
	font-feature-settings : "palt";
	-moz-font-feature-settings: "palt";
	-webkit-font-feature-settings: "palt";
	list-style-type: square;
	margin-left:-20px;
	margin-bottom:8px;
}

.gyou01{
	font-family: "ヒラギノ角ゴ Pro W3",'Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	font-size:15px;
	font-weight:normal;
	color: #555;
	line-height:1.8em;
	margin-bottom: 15px; margin-top: 5px;
}
.gyou02{
	font-family: "ヒラギノ角ゴ Pro W3",'Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	font-size:15px;
	font-weight:normal;
	color: #555;
	margin-bottom: 5px; margin-top: 15px;
}


.waku-w {font-family: "ヒラギノ角ゴ Pro W3",'Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	font-size: 15px;
	line-height: 1.5em;
	color:#FFF;
	font-weight:bold;
	background-color:#7BC; padding: 5px;}
.waku {font-family: "ヒラギノ角ゴ Pro W3",'Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	font-size:15px;
	font-weight:normal;
	color: #555;
	line-height:1.7em;  border: 1px solid #999; padding: 10px;}


.tb01 {font-size:14px;line-height:1.4em; color:#555;border-right:1px solid #89A; border-bottom:1px solid #89A; background-color:#FFF; font-family: "ヒラギノ角ゴ Pro W3",'Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;}
.td01 {border-top:1px solid #89A; border-left:1px solid #89A; text-align:center; font-weight:bold;}
.td02 {border-top:1px solid #89A; border-left:1px solid #89A;}
.td03 {border-top:1px solid #89A; border-left:1px solid #89A; text-align:center;}
.td04 {border-top:1px solid #89A; border-left:1px solid #89A; text-align:center; font-weight:bold; background-color:#EEF9FF;}
.td05 {border-top:1px solid #89A; border-left:1px solid #89A; text-align:center; font-weight:bold; background-color:#D5E9F0;}
.td06 {border-top:1px solid #89A; border-left:1px solid #89A; background-color:#D5E9F0;}


/*Line風吹き出し*/
.balloon_l,
.balloon_r{ margin: 30px 0; display:flex;
  justify-content: flex-start;
  align-items: flex-start; /*縦位置を上揃え*/
/*   align-items: center; */ /*縦位置を真ん中揃え*/
}
.balloon_r{justify-content:flex-end;}
.faceicon img{width: 100px; /*任意のサイズ*/
  height: auto;}
.balloon_r .faceicon{margin-left:25px;}
.balloon_l .faceicon{margin-right:25px;}
.balloon_r .faceicon{order:2 !important;}
.says {
  max-width:100%; /*最大幅は任意*/
  display: flex;
  flex-wrap: wrap;
  position: relative;
  padding: 17px 13px 15px 18px;
  border-radius: 12px;
  background: #FED;/*色は任意*/
  box-sizing:border-box;
  margin:0 !important;
  line-height:1.5;}
/*   align-items: center; */

.says p{margin:8px 0 0 !important;}
.says p:first-child{margin-top:0 !important;}
.says:after {content: ""; position: absolute; border: 10px solid transparent;}
/*   margin-top:-3px;  */

.balloon_l .says:after {left: -26px; border-right: 22px solid #FED;}
.balloon_r .says:after {right: -26px; border-left: 22px solid #FED;}



.photo {border-radius: 10px; box-shadow: 2px 2px 3px 0px rgba(100, 80, 50, .4);}
/*box-shadow: 左右の向きpx  上下の向きpx ぼかしpx 広がりpx rgbaのaは透明度*/


/*タイトルつき囲み枠*/
.point-box {
  position: relative;
  border: 2px solid #BCA; /* 枠の太さ・種類・色 */
  border-radius: 4px; /* 枠の丸み */
  margin: 1.8em 1em; /* 枠外の余白 */
  padding: 10px 10px;
}

.point-title {
  position: absolute;
  padding: 0 0.5em;
  left: 20px;
  top: -13px; /* タイトルの位置を調整 */
  color: #460; /* タイトルの文字色 */
  font-weight: bold;
  font-size:18px; /* タイトルの文字サイズ */
  background-color: #fff;
}

/*--------------------
HTMLに貼りつけ

<div class="point-box">
<div class="point-title">タイトル</div>
本文</div>
---------------------*/