@charset "utf-8";

#main_contents .catch{
	margin-bottom:39px;
}
#main_contents .catch p span{
	font-weight:normal;
	font-size:16px;
	line-height:1.9;
}
#main_contents .catch p{
	border:1px dashed #6c584e;
	border-radius:20px;
	text-align:center;
	font-size:26px;
	font-weight:bold;
	padding:15px 40px;
	line-height:1.4;
}

#main_contents  ul.pagelink{
	overflow:hidden;
}
#main_contents  ul.pagelink li{
	float:left;
	margin-right:17px;
}
#main_contents  ul.pagelink li:last-child{
	margin-right:0;
}
#main_contents  ul.pagelink li p.link_btn{
	font-size:18px;
	text-align:center;
	padding:0;
	margin-bottom:0;
}
#main_contents  ul.pagelink li p.link_btn a{
	background-position:22px center;
	background-size:9px auto;
	padding:8px 13px 8px 27px;
	width:267px;
	display:block;
	border-radius:30px;
}


/*index
-----------------------------------------------*/
.index #main_contents .block01 p.title02{
	padding-top:30px;
}

.index #main_contents .block01 .title01{
	margin-bottom:20px;
}
.index #main_contents .block01 .point_box{
	padding:0 10px 0 13px;
	position:relative;
	overflow:hidden;
}
.index #main_contents .block01 .point_box .f_right img{
	position:absolute;
	right:10px;
	top:65px;
}

.index #main_contents .block01 ul.point{
	margin:20px 0 15px 0;
}
.index #main_contents .block01 ul.point li{
	font-size:15px;
	font-weight:bold;
	margin-bottom:3px;
}
.index #main_contents .block01 p.point_txt{
	font-size:15px;
	font-weight:bold;
	color:#32a71f;
}

.index #main_contents .block01 .three_point{
	clear:both;
	padding-top:40px;
}
.index #main_contents .block01 .three_point .f_left img{
	margin-left:-16px;
}
.index #main_contents .block01 .three_point .f_right{
	width:275px;
}
.index #main_contents .block01 .three_point p.title{
	text-align:center;
	color:#fff;
	font-weight:bold;
	line-height:1.4;
	font-size:16px;
	background-color:#e27a55;
	border-radius:5px;
	padding:10px;
	margin-bottom:17px;
}
.index #main_contents .block01 .three_point dl dt{
	background:url(../img/about/index/point_bg.png) repeat-y left top;
	padding:8px 0 8px 17px;
	font-weight:bold;
	font-size:16px;
	margin-bottom:11px;
	line-height:1.3;
}
.index #main_contents .block01 .three_point dl dt span.number{
	float:left;
	font-size:13px;
	display:block;
}
.index #main_contents .block01 .three_point dl dt span.number span{
	font-size:18px;
}
.index #main_contents .block01 .three_point dl dt span.txt{
	padding:3px 0 0 52px;
	display:block;
}
.index #main_contents .block01 .three_point dl dd{
	font-size:12px;
	margin-bottom:17px;
	padding-left:8px;
}

.index #main_contents .block02 p.title02{
	font-size:24px;
	font-weight:normal;
	text-align:center;
	margin-bottom:40px;
}
.index #main_contents .block02 .title01{
	margin-bottom:45px;
}
.index #main_contents .block02 .title01 p{
	text-align:left;
	padding-left:23px;
}
.index #main_contents .block02 .title01 p span{
	font-size:20px;
}
.index #main_contents .block02 .title01 img{
	position:absolute;
}
.index #main_contents .block02 .title01 img.img01{
	top:-10px;
	left:418px;
}
.index #main_contents .block02 .title01 img.img02{
	top:48px;
	left:418px;
}
.index #main_contents .block02 .title01 img.img03{
	top:-14px;
	left:482px;
}
.index #main_contents .block02 .f_right{
	width:276px;
}
.index #main_contents .block02 p.small{
	clear:both;
	font-size:11px;
}

.index #main_contents .block02,
.index #main_contents .block03{
	border-bottom:1px solid #cdc3bc;
	padding:0 0 25px 0;
	margin:0 39px 30px 39px;
}
.index #main_contents .block02 p.title,
.index #main_contents .block03 p.title{
	font-size:22px;
	line-height:1.4;
	font-weight:bold;
	margin-bottom:8px;
}


.index #main_contents .block03 .f_left{
	width:282px;
}
.index #main_contents .block03 .f_right{
	width:322px;
	margin-top:15px;
}
.index #main_contents .block03 p strong{
	font-weight:bold;
	color:#dd753a;
}
.index #main_contents .block03 .f_left img{
	margin-top:10px;
}
.index #main_contents .block03 .f_right p{
	margin-bottom:17px;
}
.index #main_contents .block03 .f_right2{
	padding:19px;
	margin:0 0 10px 0;
	border-radius:5px;
	width:280px;
	border:2px dotted #a59990;
}
.index #main_contents .block03 .f_right p strong{
	font-size:16px;
	margin-bottom:3px;
}



/*safety
-----------------------------------------------*/
.safety #main_contents ul{
	margin:30px 0 0;
}
.safety #main_contents ul li{
	margin:0 0 50px;
}
.safety #main_contents ul li:last-child{
	margin:0;
}
.safety #main_contents p,
.safety #main_contents ul li ul{
	padding:0 30px;
}
.safety #main_contents .title01 p{
	font-size:18px;
	padding:14px 0 10px;
}
.safety #main_contents .data03 .title01 p{
	font-size:11px;
}
.safety #main_contents ul li ul li{
	padding-left:2.2em;
	text-indent:-2.2em;
	margin:0 0 5px;
}

/*table*/
table.data_list{
	width:100%;
	border-collapse:separate;
	border-spacing:0;
	font-size:90%;
	color:#514138;
	line-height:1.2;
	table-layout:auto;
	margin:20px auto 0;
	border-top:1px solid #c8c2bd;
	border-right:1px solid #c8c2bd;
}
table.data_list th,
table.data_list td{
	border-bottom:1px solid #c8c2bd;
	border-left:1px solid #c8c2bd;
}
table.data_list th{
	background:#e6dfd9;
	font-weight:bold;
	text-align:center;
	padding:14px 3px;
}
table.data_list tbody tr th:nth-child(2){
}
table.data_list tbody th:last-child{
}
table.data_list td{
	/*background:#faf6e9;*/
	text-align:center;
	padding:14px 2px;
}
table.data_list tbody tr:last-child td{
}

/*共通テーブル*/
table.default{
	width:90%;
	margin:20px auto 0;
}

/*青文字、注意書き*/
.color_info{
	text-align: right;
	margin-top: 5px;
	font-size: 90%;
	padding-right: 0 !important;
}
.blue_txt{
	color: #13a8d3;
}

/*表の調整*/
table.data_list{
	font-size: 75%;
}
table.data_list img{
	width: 70px;
	height: auto;
}
table.data_list .support img{
	width: 28px;
}
table.data_list img.parts{
	width: 45px;
}


/*設置方法*/
.attachment03 .pc,
.attachment04 .pc {
	display: inline-block;
}
.attachment03 .sp,
.attachment04 .sp {
	display: none;
}
.safety #main_contents .attachment01 p {
	padding-right: 0;
}
.safety #main_contents .attachment02 p {
	padding-left: 20;
}
.attachment01,
.attachment02,
.attachment03 {
	margin-bottom: 40px;
}
.attachment01 {
	float: left;
	width: 330px;
}
.attachment02 {
	float: right;
	width: 300px;
}
.attachment03,
.attachment04 {
	clear: both;
}

/*動画*/
.movieBox {
	overflow: hidden;
}
.movieLeft {
	float: left;
	width: 310px;
	margin-bottom: 40px;
}
.movieRight {
	float: right;
	width: 310px;
	margin-bottom: 40px;
}
#main_contents .title01.half p {
	background: url(../img/qr/index/title_half.png) repeat-y left top;
}
.movieLeft .movie,
.movieRight .movie {
	text-align: center;
}


/*バナー*/
.bannerBox {
	overflow: hidden;
}
.bannerLeft {
	float: left;
	width: 310px;
}
.bannerRight {
	float: right;
	width: 310px;
}
.bannerRight a:hover,
.bannerLeft a:hover {
	opacity: 0.8;
}

/* 202112追加 */

.title01.mb {
  margin-bottom: 20px;
}
.notice {
  color: #cc6a33;
  margin-top: 10px;
}
.notice span {
  background-color: #333;
  color: #fff;
  padding: 2px 3px;
  display: block;
  width: 40px;
  margin-bottom: 5px;
}
.mini {
  font-size: 0.8em;
}
.large {
  font-size: 1.3em;
}
.large strong {
  font-size: 1.4em;
  font-family: "ヒラギノ角ゴ Pro W6","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
}
.ta-l {
  text-align: left !important;
  padding-left: 8px !important;
  padding-right: 8px !important;
}
.num {
  counter-reset: number 0;
  margin-top: 20px;
}
.num .num_inner {
  margin-bottom: 20px;
}
.num .title {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 10px;
}
.num .title::before {
  counter-increment: number 1;
  content: counter(number);
  width: 25px;
  height: 25px;
  padding: 5px 6px;
  background-color: #333;
  font-size: 13px;
  color: #ccc;
  margin-right: 7px;
}
.num .title span {
  font-size: 0.8em;
  padding-left: 5px;
}
.num .hr {
  position: relative;
  margin-bottom: 20px;
}
.num .hr::before {
  content: "";
  width: 70%;
  border-top: 1px dashed #000;
  position: absolute;
  top: 10px;
  left: 140px
}
.sq_num {
  background-color: #333;
  color: #fff;
  width: 15px;
  height: 15px;
  padding: 3px 4px;
  font-size: 12px;
}
.no_padding {
  padding: 0 !important;
  margin-top: 5px;
  width: 630px;
}
.no_padding span {
  float: right;
}


/* 202211追加 */

/*ご注意*/
#qr #main_contents .title03{
	background:#f7ecd9;	
	border-radius:4px;
	font-size:18px;
	font-weight:bold;
	line-height:1.3;
	padding:12px 16px;
	margin-bottom:20px;
}
#qr #main_contents .title03 strong{
	font-weight: bold;
	color: #dd753a;
}
#qr #main_contents .con_graph{
	margin-bottom:30px;
}
#qr #main_contents .con_graph:last-child{
	margin-bottom:0px;
}
#qr #main_contents .con_graph p.link_btn{
	width:320px;
}

/*#qr #main_contents .con_graph .wrap{
	border: 2px dotted #a59990;
	padding: 15px;
	border-radius: 5px;
	box-sizing: border-box;
	width: 100%;
}*/
#qr #main_contents .con_graph .f_left{
	width: 300px;
}
#qr #main_contents .con_graph .f_right{
	width: 300px;
}
#qr #main_contents .con_graph .f_left img,
#qr #main_contents .con_graph .f_right img{
	width: 100%;
	height: auto
}
#qr #main_contents .con_graph .graph{
	position:relative;
	border-radius:20px;
	text-align:center;
	padding:14px 20px 20px;
}
#qr #main_contents .con_graph .graph p{
	position:absolute;
	font-size:16px;
	font-weight:bold;
	text-align:left;
	top:14px;
	left:20px;
	padding: 0;
}
#qr #main_contents .con_graph .graph.entrance{
	background:#ebf6f9;
	color:#00a0c1;
}
#qr #main_contents .con_graph .graph.living{
	background:#fdf0f0;
	color:#f097a8;
}
#qr #main_contents .con_graph .graph.closet{
	background:#f0f7ea;
	color:#8cc662;
}

#main_contents dl.notes dt{
	float:left;
	width:52px;
	border:1px solid #c72929;
	font-weight:bold;
	color:#c72929;
	text-align:center;
}
#main_contents dl.notes dd{
	font-size:10px;
	line-height:1.6;
	padding:0 0 0 60px;
}
#main_contents dl.notes dd strong{
	color:#c72929;
}