@charset "utf-8";



.p-kioku-photob01{
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover;
	width:100%;
	}
.p-kioku-back01{
	background-color:rgba(255,255,255,0.6);
	padding:20px 5px;
	}
.p-kioku-back01 h3{
	font-size:1.5em;
	text-align:center;
	font-family:'游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;
	line-height:1.2em;
	letter-spacing:3px;
	font-weight:bold;
	
	}
.p-kioku-back01 h4{
	text-align:center;
	font-size:0.9em;
	}
.p-kioku-back02{
	background-color:rgba(135, 114, 74,0.9);
	padding:40px 20px;
	width:300px;
	box-shadow: 3px 3px 2px rgba(0,0,0,0.3);
	}
.p-kioku-back02 h3{
	font-size:1.5em;
	font-family:'游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;
	color:#FFF;
	line-height:2.2em;
	}
.p-kioku-back02 h4{
	font-size:1.0em;
	font-family:'游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;
	color:#FFF;
	}
.p-kioku-frame01{
	margin:5% 0%;
	border-radius:12px;
	border:solid 6px #b3dbe3;
	box-sizing: border-box;
	padding:5%;
	}

.p-kioku-flex01{
	display:flex;
	flex-wrap: wrap;
	justify-content: space-between;
	}
.p-kioku-flex01 figure{
	width:49%;
	}
.p-kioku-flex01 figure > figcaption{
	margin-top:15px;
	}
	
.p-kioku-cap01{
	padding:1px 20px 1px 10px;
	background-color:#7fb8c9;
	border-radius: 0px 18px 18px 0px;
	color:#FFF;
	display:inline-block;
	margin: 18px 0px 7px 0px;
	}
.p-kioku-311-flex01{
	display:flex;
	width:100%;
	justify-content: space-between;
	}
.p-kioku-311-flex01 div{
	flex-basis:28%;
	}
.p-kioku-311-flex01 figure{
	flex-basis:70%;
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover;
	}
.p-kioku-311-flex01  div > h3{
	font-size:1.6em;
	}
.p-kioku-311-flex01  div > h4{
	border-bottom:solid 1px #666;
	margin-top:20px;
	}
.p-kioku-311-flex01 dl{
	display:flex;
	width:100%;
	justify-content: space-between;
	margin:5px 0px;
	}
.p-kioku-311-flex01 dl dt{
	text-align:left;
	}		
.p-kioku-311-flex01 dl dd{
	text-align:right;
	}	
.p-kioku-s{
	font-size:0.7em;
	}
.p-kioku-table{
	width:100%;
	border:solid 1px #666;
	border-collapse: collapse;
	text-align:center;
	}
.p-kioku-table tr th,.p-kioku-table tr td{
	border:solid 1px #666;
	padding:3px;
	}
.p-kioku-table tr th{
	width:10%;
	}
.p-kioku-table tr td{
	width:18%;
	}
.p-kioku-photo3{
	display:flex;
	width:100%;
	justify-content: space-between;
	margin-top:60px;
	}
.p-kioku-photo3 figure {
	flex-basis:33%;
	}
.p-kioku-chokugo-ph-frame01{
	display:flex;
	width:100%;
	justify-content: space-between;
	flex-wrap: wrap;
	}
.p-kioku-chokugo-ph-frame01 figure{
	flex-basis:48%;
	padding:1%;
	
	}
.p-kioku-tatemono-hyou-a-container{
	display:flex;
	width:100%;
	justify-content: space-between;
	}
.p-kioku-tatemono-hyou-a{
	flex-basis:31%;
	}
.p-kioku-tatemono-hyou-a span{
	display:block;
	color:#554738;
	border-bottom:solid 1px #554738;
	
	}
.p-kioku-tatemono-hyou-a dl{
	display:flex;
	border-bottom:dotted 1px;
	flex-basis:100%;
	}
.p-kioku-tatemono-hyou-a dt{
	display:block;
	flex-basis:80px;
	}
.p-kioku-tatemono-hyou-a dd{
	margin-left:0px;
	display:block;
	text-align:left;
	flex-basis:calc(100% - 80px);
	}
							
@media screen and (min-width: 769px) {
	 /*　画面サイズが768px以上はここを読み込む　*/
	 


}


@media screen and (max-width: 990px) {
	 /*　画面サイズが940px以下はここを読み込む　*/
	 .p-kioku-311-flex01 dl{
		 display:block;
		 }

	 
}

@media screen and (max-width: 768px) {
	 /*　画面サイズが768px以下はここを読み込む　*/


.p-.p-kioku-back01{
	background-color:rgba(255,255,255,0.6);
	padding:20px 5px;
	}
.p-kioku-back01 h3{
	font-size:1.5em;
	text-align:center;
	font-family:'游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;
	line-height:1.2em;
	letter-spacing:3px;
	font-weight:bold;
	
	}
.p-kioku-back01 h4{
	text-align:center;
	font-size:0.9em;
	}
.p-kioku-back01 h3{
	font-size:1.2em;
	letter-spacing:0px;
	}
.p-kioku-back02{
	padding:3%;
	width:94%;
	box-shadow:none;
	}
.p-kioku-back02 h3{
	font-size:1.2em;
	line-height:1.8em;
	}
.p-kioku-back02 h4{
	font-size:0.9em;
	}
.p-kioku-flex01 figure{
	width:100%;
	}
.p-kioku-tatemono-hyou-a-container{
	display:block;
	}	 

}
  
@media screen and (max-width:480px) { 
 /*　画面サイズが480pxからはここを読み込む　*/
 
.p-kioku-back02 h3{
	font-size:1.0em;
	line-height:1.4em;
	letter-spacing:2px;
	}
.p-kioku-back02 h4{
	font-size:0.8em;
	}
.p-kioku-311-flex01{
	display:block;
	}
.p-kioku-311-flex01 dl dd{
	border-bottom:dotted 1px #666;
	margin:0px;
	}
.p-kioku-311-flex01 figure{
	width:100%;
	height:350px;
	}
.p-kioku-photo3{
	display:block;
	width:100%;
	}
.p-kioku-chokugo-ph-frame01{
	display:block;
	}

 }