@charset "utf-8";
/* CSS Document */
html {
  visibility: visible;
}

.pan_box_man{
	margin-top: 30px;
    margin-bottom: 30px;
	}
h2{
	font-size:24px;
	margin-bottom:20px;
	color:#9c7d36;
	border-bottom: solid 2px #9c7d36;
 	position: relative;
	line-height:1.4;
	}
h2:after {
  position: absolute;
  content: " ";
  display: block;
  border-bottom: solid 1px #9c7d36;
  bottom: 0;
  width: 10%;
}
@media only screen and (max-width: 767px) {
h2{
	font-size:18px;
	margin-bottom:10px;
	}
}
.kome{
	font-size:12px;
	line-height:1.4;
	margin-top:30px;
	}
/*---------------------------------------

マンション考トップページ
リテラシートップページ
リノベーショントップページ

---------------------------------------*/
.button {
  position: relative;
  display: inline-block;
  /*border: 2px solid #fff;*/
  color: #fff;
}
ul.man_list{
	 display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
	}
ul.man_list a {
	width:calc(94%/3);
	margin:3% 1%;
	box-sizing:border-box;
	border:1px solid #dedede;
	float:left;
	background:#fff;
	
	display: flex;
	}
ul.man_list li .inner{
	padding:4%;
	box-sizing:border-box;
	}
ul.man_list li .image{
    overflow: hidden;
}
ul.man_list li .image img{
  height: auto;
  transition: transform .4s ease;
}
a:hover .button{
    opacity: .7;
}
a:hover .image img{
  transform: scale(1.1);
}

ul.man_list li .volume .image{
	position:relative;
	}
ul.man_list li .volume{
	font-size:12px;
	background:#4d4a52;
	color:#fff;
	padding:1px 6px;
	display:inline-block;
	box-sizing:border-box;
	z-index: 2;
	position:absolute;
	}
ul.man_list li .title{
	font-size: 18px;
	font-weight:bold;
	margin-bottom:10px;
	line-height: 1.4;
    color: #333;
	}
ul.man_list li .text{
	font-size: 14px;
	color:#2c2c2c;
	}
ul.man_list li .link{
	background:#1e3a6f;
	color:#fff;
	text-align:center;
	padding:4px 0;
	box-sizing:border-box;
	
	margin-top: auto;
	}



@media screen and (max-width:767px){
ul.man_list a{
	width:calc(99%/2);
    margin: 2% 0;
	}
ul.man_list a:nth-child(odd){
	margin-right:1%;
	}		
ul.man_list li .volume{
	margin-bottom:5px;
	}
ul.man_list li .title{
	font-size: 14px;
	margin-bottom:5px;
	line-height:1.2;
	}
ul.man_list li .text{
	font-size: 12px;
	margin-bottom:5px;
	line-height: 1.4;
	}
}




/*---------------------------------------

マンション考下層ページ

---------------------------------------*/
.main_block{
	font-size:16px;
	max-width:1000px;
	margin:0 auto 80px;
	width: 94%;
	}
.main_l{
	width:44%;
	float:left;
	margin-right:6%;
	}
.main_r{
	width:50%;
	float:left;
    margin-top: 17px;
	}

.main_image .main_title h1.main{
	width: 100%;
}

.main_image_man{
	margin: 0 auto;
    position: relative;
    top: -35px;
    left: 20px;
	}
.main_block .volume {
    font-size: 12px;
    background: #4d4a52;
    color: #fff;
    display: inline-block;
    padding: 0 14px;
    margin-bottom: 20px;
    border-radius: 4px;
    position: relative;
    z-index: 1;
}
.main_block .volume span{
    font-size: 18px;
    
}

.main_block .title_box .back_cap_in{
	position:absolute;
	right:10px;
	bottom:5px;
	color:#fff;
	font-size:10px;
	text-align:right;
	line-height:1.2;
	}
.back_cap_out{
	font-size:10px;
	line-height:1.2;
	margin-top:-20px;
	margin-bottom:20px;
	}
	
	
	
	
	


.main_block .title{
	font-size:36px;
	color:#9c7d36;
	margin-bottom:20px!important;
	line-height:1.2;
	position: static;
	display: block;
	font-weight: normal;
	width: 100%;
	}

.main_block .text{
	margin-bottom:10px;
	color:#9c7d36;
	font-weight:bold;
	font-size:16px;
	}
.main_block .text_02{
	font-size:14px;
	}
	
.thought{
	font-size:12px;
	margin-bottom:20px;
	}
.thought_box{
	margin-top:20px;
	background:#f0f4fb;
	font-size:12px;
	padding:1%;
	}
.thought_box_l{
	width:25%;
	float:left;
	margin-right:2%;
	}
.thought_box_r{
	width:73%;
	float:left;
	}


@media screen and (max-width:1000px){
.main_block .title{
	font-size:28px;	
	}

	}

@media screen and (max-width:767px){
.main_block{
	margin-bottom:40px;
	font-size:14px;
	}
.main_block .volume {
    margin-bottom: 10px;
    line-height: 1.4;
	padding: 0 10px;
}
.main_block .volume span {
    font-size: 16px;
}
.main_image_man {
    position: static;
	margin-bottom:20px;
	}
	
	
.main_l{
	width:100%;
	float:none;
	margin-right:0;
	}
.main_r{
	width:100%;
	float:none;
    margin-top: 0;
	}
	
.main_block .title{
	font-size:22px;	
	font-weight:bold;
	}
.main_block .text {
	font-size:14px;
    line-height: 1.4;
}
.thought_box_l{
	max-width:250px;
	width:100%;
	float:none;
	margin-right:0;
	margin-bottom:10px;
	}
.thought_box_r{
	width:100%;
	float:none;
	}
.back_cap_out {
	margin-top:0;
	}

	}
	





.voice ul{
	list-style:disc;
    box-sizing: border-box;
	padding-left:2em;
	}
.voice ul li{
	list-style-type: disc;
	
	
	padding-bottom: 10px;
    font-size: 14px;
	}

.main_bock{
	height:300px;
	}
.mansion_title{
	font-size:30px;
	}



.image_box{
	font-size:12px;
	line-height:1.4em;
	}
.cap{
	font-size:12px;
	margin-top:10px;
	line-height:1.3;
	}
.cap_02{
	font-size:12px;
	margin-top:10px;
	margin-bottom:20px;
	}
span.cap_title{
	font-weight:bold;
	display:block;
	}
.bottom_box{
	font-size:12px;
	text-indent:-1.2em;
	padding:10px 10px 10px 30px ;
	background:#f3f3f3;
	margin-top:20px;
	}

.voice{
	margin-top:50px;
	background:#fbf9ef;
	padding:40px;
	box-sizing:border-box;
	border:4px solid #9c7d36;
	}
.voice .voice_title{
	margin-bottom:10px;
	font-size:22px;
	border-bottom:2px solid #9c7d36;
	color:#9c7d36;
	}
.voice .text{
	margin-bottom:30px;
	}
.title_gold{
	background:#9c7d36;
	color:#fff;
	margin-bottom:20px;
	padding:6px 10px;
	margin-top:20px;
	font-size: 18px;
	}
@media screen and (max-width:1000px){

}

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

.voice {
    padding: 20px;
}
	}


.area_l{
	float:left;
	width:73%;
	margin-right:2%;
	}
.area_r{
	float:left;
	width:25%;
	}
@media only screen and (max-width: 767px) {
.area_l{
	float:none;
	width:100%;
	margin-right:0;
	}
.area_r{
	float:none;
	width:100%;
	}

}
/*-------------- ①玄関 --------------*/

ul.image_box_01 li{
	margin-bottom:20px;
	}

@media only screen and (max-width: 767px) {
.area_01_l{
	float:none;
	width:100%;
	margin-right:0;
	}
.area_01_r{
	float:none;
	width:100%;
	}
ul.image_box_01 li{
	max-width:250px;
	width:calc(98%/2);
	margin-right:1%;
	margin-bottom:20px;
	float:left;
	}

}


/*-------------- ②外構 --------------*/
	
ul.image_box_02 li{
	max-width:170px;
	margin-bottom:20px;
	}
	
	
	
.voice_02 .image{
	max-width:150px;
	width:18%;
	margin-right:30px;
	}
.voice_02 ul.list{
	max-width:740px;
	width:80%;
	}
.voice_02 .image,
.voice_02 .list{
	float:left;
	}
voice_02 ul.list li{
	list-style:disc;
	
	}

@media screen and (max-width:1000px){
.voice_02 .image{
	margin-right:2%;
	}
	}
@media only screen and (max-width: 767px) {
ul.image_box_02 li{
	width:calc(98%/2);
	margin-right:1%;
	margin-bottom:20px;
	float:left;
	}
ul.image_box_02 li img{
	display: block;
	margin-bottom:10px;
	}
	
	
.voice_02 .image,
.voice_02 .list{
	float:none;
	}
.voice_02 .image{
	width:150px;
	margin:0 auto 30px;
	}
.voice_02 ul.list{
	width:100%;
	}
	}
	

/*-------------- ③キッチン --------------*/
ul.type_list_p3{
	display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
	}

ul.type_list_p3 li{
	width:49%;
	float:left;
	border:2px solid #9c7d36;
	box-sizing:border-box;
	padding:1%;
	margin-bottom:2%;
	}
ul.type_list_p3 li:nth-child(odd){
	margin-right:2%;
	}
	
ul.type_list_p3 li .type{
	background:#9c7d36;
	color:#fff;
	margin-bottom:20px;
	padding:4px 10px;
	}
ul.type_list_p3 li .text{
	margin-bottom:20px;
	}
ul.type_list_p3 li .image{
	max-width:600px;
	margin:0 auto;
	}
@media screen and (max-width:1000px){
	
	}

@media only screen and (max-width: 767px) {
ul.type_list_p3 li{
	width:100%;
	float:none;
	}
ul.type_list_p3 li:nth-child(odd){
	margin-right:0;
	}	
	}
	
	
/*-------------- ④リビングルーム --------------*/
.living_block{
	margin-top:50px;
	}

ul.type_list li.gold_box{
	border:2px solid #9c7d36;
	padding:1%;
	box-sizing:border-box;
	margin-top:50px;
	}
ul.type_list li.gold_box .title{
	background: #9c7d36;
    color: #fff;
    margin-bottom: 20px;
    padding: 6px 10px;
    font-size: 18px;
	}
ul.type_list li ul.image li{
	margin-bottom:20px;
	}
ul.type_list li .image{
	width:14%;
	float:left;
	margin-right:4%;
	}
ul.type_list li .text{
	width:82%;
	float:left;
	}
.example{
	margin-top:20px;
	background:#fbf9ef;
	padding:10px;
	border-radius:10px;
	}
.example .example_image{
	float:left;
	width:18%;
	margin-right:2%;
	}
.example .example_text{
	float:left;
	width:80%;
	}
.title_04{
	font-size:26px;
	color:#9c7d36;
	margin-bottom:10px;
	}
@media screen and (max-width:1000px){

	}

@media only screen and (max-width: 767px) {
ul.type_list li .image{
	width:60%;
	float:none;
	margin-right:0;
	}
ul.type_list ul.image li{
	float:left;
	
	}
ul.type_list ul.image li:nth-child(1){
	width:35%;
	margin-right:4%;
	}
ul.type_list ul.image li:nth-child(2){
	width:61%;
	}
ul.type_list li .text{
	width:100%;
	float:none;
	}
.example .example_image{
	float:none;
	max-width:250px;
	width:100%;
	margin-right:0;
	}
.example .example_text{
	float:none;
	width:100%;
	}
.title_04{
	font-size:16px;
	}
	}
	
	
/*-------------- ⑤ --------------*/
ul.image_box_05_01 li{
	max-width:250px;
	margin-bottom:20px;
	}
	
ul.image_box_05_02 li{
	max-width:250px;
	margin-bottom:20px;
	}
	
ul.image_box_05_02 li:nth-child(3){
	max-width:100%;
	width:100%;
	float:none;
	display:inline-block;
	}
@media screen and (max-width:1000px){
	
	}

@media only screen and (max-width: 767px) {
ul.image_box_05_01,
ul.image_box_05_02{
	margin-top:20px;
	}
ul.image_box_05_01 li,
ul.image_box_05_02 li{
	width:calc(98%/2);
	margin-right:1%;
	float:left;
	margin-bottom:0px;
	}
	}
	
	
/*-------------- ⑥ --------------*/

.image_box_06_01{
	max-width:250px;
	}
.image_box_06_02{
	max-width:250px;
	}

.image_box_06_03_outer{
	background:#9c7d36;
	margin-top:30px;
	padding:20px 0;
	color:#fff;
	}

ul.image_box_06_03{
	width:80%;
	margin:0 auto;
	}
ul.image_box_06_03 li{
	max-width:250px;
	width:calc(96%/3);
	margin-right:2%;
	float:left;
	}
ul.image_box_06_03 li:nth-child(3){
	margin-right:0;
	}
	
ul.image_box_06_03 .type{
	margin-bottom:5px;
	font-size:14px;
	letter-spacing:-0.1em;
	text-align:center
	}

ul.image_box_06_04 li{
	max-width:250px;
	
	}
	
@media screen and (max-width:1000px){
	
	
	}


@media only screen and (max-width: 767px) {
.image_box_06_01,.image_box_06_02,ul.image_box_06_04 li{
	margin-top:20px;
	}
ul.image_box_06_03{
	margin:0 auto;
	width:100%;
	}
ul.image_box_06_03 li{
	width:50%;
	margin-right:0;
	float:none;
	
	margin:0 auto 20px;
	}
ul.image_box_06_03 li:nth-child(3){
	margin:0 auto;
	}

	}
	
	
	
/*-------------- ⑦照明計画 --------------*/
.image_box_07_01{
	max-width:589px;
	margin-top:20px;
	}
.image_box_07_02{
	max-width:380px;
	margin-top:20px;
	}
.image_box_07_03{
	max-width:390px;
	margin-top:20px;
	}
 ul.number_07{
	margin-top:20px;
	font-size:12px;
	}
 ul.number_07 span{
	font-weight:bold;
	}
@media screen and (max-width:1000px){

	}


@media only screen and (max-width: 767px) {
	
	}
	
/*-------------- ⑧ --------------*/
ul.image_box_08_02 li{
	max-width:250px;
	margin-bottom:20px;
	}
.image_box_08_01{
	max-width:230px;
	}
	



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

	}


@media only screen and (max-width: 767px) {
ul.image_box_08_02 li{
	width:calc(98%/2);
	margin-right:1%;
	margin-bottom:20px;
	float:left;
	margin-top:20px;
	}
.image_box_08_01{
	margin-top:20px;
	}
	}



/*-------------- ⑨ --------------*/

ul.image_box_09_01 li{
	max-width:250px;
	margin-bottom:20px;
	}


.image_box_09_02_outer{
	background:#9c7d36;
	margin-top:30px;
	padding:20px 0;
	color:#fff;
	}

ul.image_box_09_02{
	width:80%;
	margin:0 auto;
	}
ul.image_box_09_02 li{
	max-width:250px;
	width:calc(96%/3);
	margin-right:2%;
	float:left;
	}
ul.image_box_09_02 li:nth-child(3){
	margin-right:0;
	}
ul.image_box_09_02 li:nth-child(3){
	margin-right:0;
	}
ul.image_box_09_02 .type{
	margin-bottom:5px;
	font-size:14px;
	letter-spacing:-0.1em;
	text-align:center
	}

.area_l_09{
	width:39.9%;
	float:left;
	margin-right:2%;
	}
.area_r_09{
	width:58.1%;
	float:left;
	}

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


@media only screen and (max-width: 767px) {
ul.image_box_09_01 li{
	width:calc(98%/2);
	margin-right:1%;
	margin-bottom:20px;
	float:left;
	margin-top:20px;
	}
	
ul.image_box_09_02{
	margin:0 auto;
	width:100%;
	}
ul.image_box_09_02 li{
	width:50%;
	margin-right:0;
	float:none;
	
	margin:0 auto 20px;
	}
ul.image_box_09_02 li:nth-child(3){
	margin:0 auto;
	}
	
.area_l_09{
	width:100%;
	float:none;
	}
.area_r_09{
	width:100%;
	float:none;
	margin-top:20px;
	}


	}
	
/*-------------- ⑩ --------------*/
.text_box_10_01{
	width:700px;
	float:left;
	margin-right:14px;
	}
.image_box_10_01{
	max-width:286px;
	float:left;
	}
.text_box_10_02{
	width:632px;
	float:left;
	margin-right:20px;
	}
.image_box_10_02{
	max-width:348px;
	float:left;
	}
	

ul.image_box_10_04{
	margin-top:20px;
	}
ul.image_box_10_04 li{
	max-width:250px;
	width:calc(98%/2);
	float:left;
	margin-right:2%;
	}
ul.image_box_10_04 li:nth-child(2){
	margin-right:0;
	}

.image_box_10_05{
	max-width:250px;
	margin-top:20px;
	}
	
.area_l_10{
	width:58%;
	float:left;
	margin-right:2%;
	}
.area_r_10{
	width:40%;
	float:left;
	}
@media screen and (max-width:1000px){
.text_box_10_01{
	float:none;
	width:100%;
	}
.image_box_10_01{
	float:none;
	margin-top:20px;
	}
.text_box_10_02{
	float:none;
	width:100%;
	}	
.image_box_10_02{
	float:none;
	margin-top:20px;
	}
	
	
.text_box_10_04{
	float:none;
	width:100%;
	}
.image_box_10_04{
	float:none;
	margin-top:20px;
	}
	
.text_box_10_05{
	float:none;
	width:100%;
	}
.image_box_10_05{
	float:none;
	margin-top:20px;
	}


	}


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

.area_l_10{
	width:100%;
	float:none;
	margin-right:0;
	}
.area_r_10{
	width:100%;
	float:none;
	margin-top:20px;
	}
	}


/*-------------- ⑪ --------------*/
.image_box_11_01{
	max-width:700px;
	margin-top:20px;
	}
	
ul.image_box_11_02{
	max-width:700px;
	width:48%;
	float:left;
	margin-right:2%;
	}
ul.image_box_11_03{
	width:50%;
	float:left;
	}
ul.image_box_11_03 li{
	max-width:250px;
	width:calc(98%/2);
	float:left;
	}
ul.image_box_11_03 li:nth-child(1){
	margin-right:2%;
	}
	
ul.image_box_11_04 li{
	max-width:250px;
	margin-bottom:20px;
	}
ul.image_box_11_05{
	margin-top:20px;
	}
ul.image_box_11_05 li{
	max-width:250px;
	width:calc(100%/2);
	float:left;
	}
.image_box_11_06{
	max-width:600px;
	margin-top:20px;
	}

.gold_box_11{
	border: 2px solid #9c7d36;
    padding: 1%;
    box-sizing: border-box;
    margin-top: 50px;
	}
.gold_box_11 .title_gold {
    margin-top:0;
}

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

	}


@media only screen and (max-width: 767px) {
ul.image_box_11_02{
	width:100%;
	float:none;
	margin-right:0;
	margin-bottom:20px;
	}
ul.image_box_11_03{
	width:100%;
	float:none;
	}


ul.image_box_11_04{
	margin-top:20px;
	}
ul.image_box_11_04 li{
	width:calc(98%/2);
	margin-bottom:0;
	margin-right:2%;
	float:left;
	}
ul.image_box_11_04 li:last-child{
	margin-right:0;
	}
	}

/*-------------- ⑫ --------------*/
ul.image_box_12_01{
	margin-top:20px;
	}
ul.image_box_12_01 li{
	float:left;
	max-width:250px;
	width:calc(96%/4);
	margin-right:1%;
	}
.image_box_12_02{
	max-width:250px;
	}
ul.image_box_12_03{
	margin-top:20px;
	}
ul.image_box_12_03 li{
	max-width:250px;
	width:calc(99%/2);
	float:left;
	}
ul.image_box_12_03 li:nth-child(1){
	margin-right:1%;
	}

.image_box_12_04{
	max-width:250px;
	}

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

	}


@media only screen and (max-width: 767px) {
ul.image_box_12_01 li{
	width:calc(98%/2);
	margin-right:2%;
	margin-bottom:20px;
	}
ul.image_box_12_01 li:nth-child(2),
ul.image_box_12_01 li:nth-child(4){
	margin-right:0;
	}

.image_box_12_02{
	margin-top:20px;
	}
.image_box_12_04{
	margin-top:20px;
	}
	}
/*-------------- ⑬ --------------*/
.area_l_13{
	width: 48%;
    float: left;
	margin-right:2%;
	}
.area_r_13{
	width: 50%;
    float: left;
	}
ul.image_box_13_01{
	margin-top:20px;
	}
ul.image_box_13_01 li{
	max-width:250px;
	float:left;
	width:calc(99%/2);
	}
ul.image_box_13_01 li:nth-child(1){
	margin-right:1%;
	}

.image_box_13_02{
	max-width:250px;

	}
.image_box_13_03{
	max-width:250px;
	}
.image_box_13_04{
	max-width:250px;
	margin-top:20px;
	}
@media screen and (max-width:1000px){

	}


@media only screen and (max-width: 767px) {
.area_l_13{
	width:100%;
    float:none;
	margin-right:0;
	}
.area_r_13{
	width: 100%;
    float: none;
	}
.image_box_13_02{
	margin-top:20px;
	}
.image_box_13_03{
	margin-top:20px;
	}
	}
/*-------------- ⑭ --------------*/
ul.image_box_14_01{
	margin-top:20px;
	}
ul.image_box_14_01 li{
	max-width:250px;
	float:left;
	width:calc(98%/3);
	margin-right:1%;
	}
ul.image_box_14_01 li:nth-child(3){
	margin-right: 0;
	}

.image_box_14_02{
	max-width:250px;
	}

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

	}


@media only screen and (max-width: 767px) {
ul.image_box_14_01 li{
	float:none;
	width:100%;
	margin-right:0;
	margin-bottom:20px;
	}
.image_box_14_02{
	margin-top:20px;
	}
}
/*-------------- ⑮ --------------*/
ul.image_box_15_01{
	margin-top:20px;
	}
ul.image_box_15_01 li{
	width:calc(99%/2);
	float:left;
	}
ul.image_box_15_01 li:nth-child(1){
	margin-right:1%;
	}
.image_box_15_02{
	margin-top:20px;
	width:49%;
	}


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

	}


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

	}
/*-------------- ⑯ --------------*/

.image_box_16_01_outer{
	margin-top:30px;
	border: 2px solid #9c7d36;
    padding: 1%;
    box-sizing: border-box;
	}
.text_box_16_01{
	width:94%;
	margin:0 auto 20px;
	}
ul.image_box_16_01{
	width:94%;
	margin:0 auto;
	}
ul.image_box_16_01 li{
	max-width:180px;
	width:calc(96%/3);
	margin-right:2%;
	float:left;
	}
ul.image_box_16_01 li:nth-child(3){
	margin-right:0;
	}
ul.image_box_16_01 li:nth-child(3){
	margin-right:0;
	}
	

	
ul.image_box_16_02 li{
	max-width:250px;
	margin-bottom:20px;
	}

	
.image_box_16_03{
	max-width:250px;
	}


ul.image_box_16_04{
	margin-top:30px;
	}
ul.image_box_16_04 li{
	max-width:250px;
	float:left;
	width:calc(98%/3);
	}
ul.image_box_16_04 li:nth-child(1),
ul.image_box_16_04 li:nth-child(2){
	margin-right:1%;
	}
	
@media screen and (max-width:1000px){

	}


@media only screen and (max-width: 767px) {	
ul.image_box_16_01{
	margin:0 auto;
	width:100%;
	}
ul.image_box_16_01 li{
	width:80%;
	margin-right:0;
	float:none;
	margin:0 auto 20px;
	}
ul.image_box_16_01 li:nth-child(3){
	margin:0 auto;
	}


ul.image_box_16_02{
	margin-top:20px;
	}

ul.image_box_16_02 li{
	float:left;
	width:calc(99%/2);
	}
ul.image_box_16_02 li:nth-child(1){
	margin-right:1%;
	}
	
.image_box_16_03{
	margin-top:20px;
	}
	
ul.image_box_16_04 li{
	width:calc(99%/2);
	margin-bottom:1%;
	}
ul.image_box_16_04 li:nth-child(2){
	margin-right:0;
	}
	}
/*-------------- ⑰ --------------*/
.area_l_17{
	width:56%;
	margin-right:4%;
	float:left;
	}
.area_r_17{
	width:40%;
	float:left;
	}
	
.title_17{
	font-size:30px;
	color:#9c7d36;
	margin-bottom:20px;
	}

ul.image_box_17_02 li{
	margin-bottom:20px;
	}

.image_box_17_03{
	max-width:250px;
	}
	
.image_box_17_04{
	max-width:1000px;
	margin-top:20px;
	}
@media screen and (max-width:1000px){

	}


@media only screen and (max-width: 767px) {
.area_l_17{
	width:100%;
	margin-right:0;
	float:none;
	}
.area_r_17{
	width:100%;
	float:none;
	}
.title_17{
	font-size:16px;
	line-height:1.4;
	}	
.image_box_17_01{
	width:50%;
	margin-top:20px;
	}
	
ul.image_box_17_02{
	margin-top:20px;
	}
ul.image_box_17_02 li{
	float:left;
	margin-right:1%;
	width:calc(98%/3);
	}
ul.image_box_17_02 li:nth-child(3){
	margin-right:0;
	}
ul.image_box_17_02 li{
	margin-right:1%;
	width:calc(99%/2);
	margin-bottom:1%;
	}
ul.image_box_17_02 li:nth-child(2){
	margin-right:0;
	}
	
.image_box_17_03{
	margin-top:20px;
	}

	}
/*-------------- ⑱ --------------*/
ul.image_box_18_01{
	margin-top:20px;
	}
ul.image_box_18_01 li{
	float:left;
	width:calc(99%/2);
	}
ul.image_box_18_01 li:nth-child(1){
	margin-right:1%;
	}
	
ul.image_box_18_02{
	margin-top:20px;
	margin-bottom:20px;
	}
ul.image_box_18_02 li{
	float:left;
	width:35%;
	margin-right:10px;
	}
ul.image_box_18_02 li:nth-child(2){
	width:56%;
	}
	
.image_box_18_03{
	max-width:270px;
	}
.image_box_18_04{
	max-width:268px;
	}
.company{
	background:#fbf9ef;
	padding:20px;
	box-sizing:border-box;
	font-size:14px;
	}
.company .title{
	font-size:20px;
	}
.com_l{
	float:left;
	width:30%;
	}
.com_r{
	float:left;
	width:70%;
	}
.address{
	margin-bottom:10px;
	}
	
.image_box_18_05 .image{
	max-width:220px;
	}


ul.image_box_18_06{
	margin-top:20px;
	margin-bottom:20px;
	}
ul.image_box_18_06 li{
	float:left;
	width:calc(98%/3);
	margin-right:1%;
	}
ul.image_box_18_06 li:nth-child(3){
	margin-right: 0;
	}

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

	}

@media only screen and (max-width: 767px) {
.image_box_18_03{
	margin-top:20px;
	}
.image_box_18_04{
	margin-top:20px;
	}
	
ul.image_box_18_06 li{
	margin-right:1%;
	width:calc(99%/2);
	margin-bottom:2%;
	}
ul.image_box_18_06 li:nth-child(2){
	margin-right:0;
	}
.com_l{
	float:none;
	width:100%;
	}
.com_r{
	float:none;
	width:100%;
	}
.image_box_18_05 .image{
	}
.image_box_18_05 .cap{
	width:100%;
	}
.image_box_18_05{
	margin-bottom:10px;
	}
	}
/*-------------- ⑲ --------------*/
.area_l_19{
	float:left;
	width:63%;
	margin-right:2%;
	}
.area_r_19{
	float:left;
	width:35%;
	}
ul.image_box_19_01{
	margin-bottom:20px;
	
	display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
	}
ul.image_box_19_01 li{
	float:left;
	max-width:250px;
	width:calc(96%/4);
	margin-bottom:40px;
	margin-right:1%;
	}
ul.image_box_19_01 li:last-child{
	margin-right:0;
	}
.image_box_19_title{
	font-size:16px;
	margin-bottom:4px;
	}
	
.image_box_19_02{
	max-width:250px;
	margin-top:20px;
	}
.image_box_19_03{
	max-width:480px;
	margin-top:20px;
	margin-bottom:20px;
	}


ul.image_box_19_04{
	margin-top:20px;
	margin-bottom:20px;
	
	display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
	}
ul.image_box_19_04 li{
	max-width:250px;
	float:left;
	width:calc(98%/3);
	margin-right:1%;
	}
ul.image_box_19_04 li:last-child{
	margin-right: 0;
	}


ul.image_box_19_05{
	margin-top:20px;
	}
ul.image_box_19_05 li{
	max-width:250px;
	float:left;
	width:calc(99%/2);
	margin-right:1%;
	}
ul.image_box_19_05 li:nth-child(2){
	margin-right:0;
	}


@media only screen and (max-width: 767px) {
ul.image_box_19_01 li{
	width:calc(96%/2);
	margin-right:2%;
	}
ul.image_box_19_04 li{
	margin-right:1%;
	width:calc(99%/2);
	margin-bottom:2%;
	}
ul.image_box_19_04 li:nth-child(2),
ul.image_box_19_04 li:nth-child(3){
	margin-right:0;
	}
.area_l_19{
	float:none;
	width:100%;
	margin-right:0;
	}
.area_r_19{
	float:none;
	width:100%;
	}
}

/*-------------- ⑳ --------------*/
ul.image_box_20_01{
	margin-top:20px;
	}
ul.image_box_20_01 li{
	float:left;
	width:calc(99%/2);
	background:#EFEFEF;
	text-align:center;
	padding:10px;
	box-sizing:border-box;
	}
ul.image_box_20_01 li:first-child{
	margin-right:1%;
	}
ul.image_box_20_01 li img{
	width:80%;
	}
.image_box_20_02{
	max-width:700px;
	margin:20px auto;
	}
.image_box_20_03{
	max-width:700px;
	margin-top:20px;
	}


ul.image_box_20_04 li{
	max-width:250px;
	margin-bottom:20px;
	}	



.block_20_01,
.block_20_02,
.block_20_03{
	margin:20px auto;
	}

.block_20_title{
	font-size:18px;
	font-weight:bold;
	color: #9c7d36;
	margin-bottom:20px;
	}
.block_20_01 ul.image_box_20_05{
	margin-top:10px;
	}
.block_20_01 ul.image_box_20_05 li{
	max-width:250px;
	float:left;
	width:calc(98%/3);
	margin-right:1%;
	}
.block_20_01 ul.image_box_20_05 li:last-child{
	margin-right:0;
	max-width:150px;
	}
.block_20_02 .image_box_20_10,
.block_20_03 .image_box_20_11{
	margin-top:10px;
	}
.block_20_02 .image_box_20_10{
	max-width:250px;
	}
.area_l_20{
	float:left;
	width:48%;
	margin-right:2%;
	}
.area_r_20{
	float:left;
	width:50%;
	}
.block_20_03 .image_box_20_11{
	max-width:700px;
	}

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

	}


@media only screen and (max-width: 767px) {
.block_20_title {
    font-size: 16px;
    margin-bottom: 0;
}
ul.image_box_20_01 li{
	float:none;
	width:100%;
	padding:10px;
	margin-bottom:1%;
	}
ul.image_box_20_01 li:first-child{
	margin-right:0;
	}
ul.image_box_20_01 li img{
	width:90%;
	}
	
ul.image_box_20_04{
	margin-top:20px;
	}
ul.image_box_20_04 li{
	float:left;
	width:calc(99%/2);
	}	
ul.image_box_20_04 li:first-child{
	margin-right:1%;
	}
	

.block_20_01 ul.image_box_20_05 li{
	float:none;
	width:100%;
	margin-right:0;
	margin-bottom:20px;
	}
.block_20_01 ul.image_box_20_05 li:last-child{
	margin-right:0;
	max-width:150px;
	}
.area_l_20{
	float:none;
	width:100%;
	margin-right:0;
	}
.area_r_20{
	float:lnone;
	width:100%;
	}
	}
/*-------------- ㉑ --------------*/
ul.image_box_21_04{
	margin-top:20px;
	margin-bottom:20px;
	
	display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
	
	}
ul.image_box_21_04 li{
	float:left;
	margin-right:1%;
	width:calc(98%/3);
	margin-bottom:2%;
	}
ul.image_box_21_04 li:nth-child(3n){
	margin-right:0;	}
	

.area_l_21{
	width:56%;
	float:left;
	margin-right:4%;
	}
.area_r_21{
	width:40%;
	float:left;
	}

.image_box_21_01{
	max-width:480px;
	}
.image_box_21_02{
	max-width:480px;
	}
	
ul.image_box_21_03{
	margin-top:20px;
	margin-bottom:30px;
	}
ul.image_box_21_03 li{
	width:calc(99%/2);
	float:left;
	}
ul.image_box_21_03 li:first-child{
	margin-right:1%;
	}


a.five_tree{
	color:#9c7d36;
	font-weight:bold;
	}

.image_box_21_05{
	max-width:130px;
	}
.area_l_21_02{
	float:left;
	width:14%;
	margin-right:2%;
	}
.area_r_21_02{
	float:left;
	width:84%;
	font-size:12px;
	}

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

	}


@media only screen and (max-width:767px) {
.area_l_21{
	width:100%;
	float:none;
	margin-right:0;
	}
.area_r_21{
	width:100%;
	float:none;
	}
	
.image_box_21_01{
	margin-top:20px;
	}
.image_box_21_02{
	margin-top:20px;
	}
	

ul.image_box_21_04 li{
	width:calc(98%/2);
	
	}
ul.image_box_21_04 li:nth-child(3n){
	margin-right:0;
	}
ul.image_box_21_04 li:nth-child(odd){
	margin-right:1%;
	}
ul.image_box_21_04 li:nth-child(even){
	margin-right:0;
	}
	
.area_l_21_02{
	float:none;
	width:100%;
	margin-right:0;
	}
.area_r_21_02{
	float:none;
	width:100%;
	}
.image_box_21_05{
	margin:0 auto 20px;
	}

	}
/*-------------- ㉒ --------------*/
.title_22{
	font-size:30px;
	color:#9c7d36;
	margin-bottom:20px;
	}
ul.image_box_22_01{
	margin-bottom:20px;
	}
ul.image_box_22_01 li{
	float:left;
	width:calc(97%/4);
	margin-right:1%;
	}
ul.image_box_22_01 li:last-child{
	width:16%;
	margin-right:0;
	}
	
	
.image_box_22_02{
	max-width:250px;
	
	}
	
	
.box_22 .text{
	float:left;
	width:50%;
	margin-right:4%;
	margin-bottom:40px;
	}
.box_22 .text p{
	color:#9c7d36;
	font-weight:bold;
	}
.box_22 .image_box_22_03{
	float:left;
	width:46%;
	}
.box_22 .image_box_22_04{
	margin-top:20px;
	}

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

	}


@media only screen and (max-width:767px) {
.title_22{
	font-size:20px;
	line-height:1.4;
	}
ul.image_box_22_01 li{
	width:calc(98%/2);
	margin-bottom:10px;
	}
ul.image_box_22_01 li:last-child{
	width:calc(98%/2);
	margin-right:0;
	}
	
.box_22 .text{
	float:none;
	width:100%;
	margin-right:0;
	margin-bottom:30px;
	}
.image_box_22_02{
	margin-top:20px;
	}
.box_22 .image_box_22_04{
	
	}
.box_22 .image_box_22_03{
	float:none;
	width:100%;
	margin-bottom:20px;
	}

	}
/*-------------- ㉓ --------------*/


.image_box_23_03{
	max-width:581px;
	margin-top:20px;
	}
.title_23{
	font-size:30px;
	color:#9c7d36;
	}
ul.image_box_23{
	margin-top:20px;
	}
ul.image_box_23 li{
	width:calc(98%/3);
	float:left;
	margin-right:1%;
	}
ul.image_box_23 li:last-child{
	margin-right:0;
	}

.image_box_23_text{
	margin-top:30px;
	}
.image_box_23_text p{
	font-size:18px;
	}
.image_box_23_05{
	margin-top:30px;
	}
@media screen and (max-width:1000px){

	}


@media only screen and (max-width:767px) {
.title_23{
	font-size:16px;
	line-height:1.4;
	}
.image_box_23_01{
	width:50%;
	margin-top:20px;
	}
.image_box_23_02{
	width:50%;
	margin-top:20px;
	}
ul.image_box_23 li{
	width:calc(99%/2);
	margin-bottom:20px;
	}
ul.image_box_23 li:nth-child(2){
	margin-right:0;
	}
	}
/*-------------- ㉔ --------------*/
ul.image_box_24_01{
	margin-top:20px;
	}
ul.image_box_24_01 li{
	float:left;
	width:calc(99%/2);
	}
ul.image_box_24_01 li:first-child{
	margin-right:1%;
	}
	
ul.image_box_24_02{
	margin-top:20px;
	}
ul.image_box_24_02 li{
	float:left;
	width:calc(99%/2);
	}
ul.image_box_24_02 li:first-child{
	margin-right:1%;
	}
		
		
ul.image_box_24_03{
	margin-top:20px;
	margin-bottom:40px;
	}
ul.image_box_24_03 li{
	width:55%;
	margin-right:5%;
	float:left;
	}
ul.image_box_24_03 li:last-child{
	width:40%;
	float:left;
	margin-right:0;
	}
	
	
	
	
	
@media screen and (max-width:1000px){

	}


@media only screen and (max-width: 767px) {
ul.image_box_24_03{
	}
ul.image_box_24_03 li{
	width:100%;
	margin-right:0;
	float:none;
	}
ul.image_box_24_03 li:last-child{
	width:100%;
	float:none;
	margin-right:0;
	}
	
	
	
	}