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



/* FONT size
---------------------------------------------------------------------
[ px ]	[ % ]
10px 	72  %		19px 	136 %
11px 	79  %		20px 	143 %
12px 	86 %		21px 	150 %
13px 	93 %		22px 	158 %
14px 	100 %		23px 	165 %
15px 	108 %		24px 	172 %
16px 	115 %		25px 	179 %
17px 	122 %		26px 	186 %
18px 	129 %
---------------------------------------------------------------------*/




/* ++++++++++++++++++++++++++++++++++++++++++++++    PC    ++++++++++++++++++++++++++++++++++++++++++++++  */
@media screen and (min-width: 801px), print {
	

	#sd_contents >  section{
		margin-top:90px!important;
		}
	
	h2{
		position:relative;
		background:url(../../images/sec3_illust2.png) no-repeat left,url(../../images/sec3_illust3.png) no-repeat 780px;
		height:180px;
		}
	h2::before{
		position:absolute;
		content:"";
		background-image:url(../../images/area/kosei.png);
		width:87px;
		height:89px;
		left:200px;
		}
		
		.area_box{
			}
			.area_box .area_intro{
				width:439px;
				border-top:3px solid #000;
				border-bottom:3px solid #000;
				height:699px;
				box-sizing:border-box;
				text-align:center;
				}
				.area_box .area_intro p{
					margin-top:30px;
					margin-bottom:30px;
					}
				
			.area_box .area_pht{
				width:580px;
				}
				.area_box .area_pht figure{
					position:relative;
					}
					.area_box .area_pht figure figcaption{
						position:absolute;
						bottom:0;
						background:rgba(0,0,0,0.8);
						color:#fff;
						padding:5px 10px;
						font-size:12px;
						width:100%;
						left:0;
						box-sizing:border-box;
						}
					
					
				.area_box.pht_right .area_intro{
					float:left;
					}
				.area_box.pht_right .area_pht{
					float:right;
					}
				.area_box.pht_left .area_intro{
					float:right;
					}
				.area_box.pht_left .area_pht{
					float:left;
					}
			
			#yakage .area_intro{
				padding-top:60px;
				}
			#mikawa .area_intro{
				padding-top:50px;
				}
			#oda .area_intro{
				padding-top:40px;
				}
			#mitani .area_intro{
				padding-top:30px;
				}
		
	
}



/* ++++++++++++++++++++++++++++++++++++++++++++++    sp    ++++++++++++++++++++++++++++++++++++++++++++++  */
@media only screen and (max-width: 800px) {
	

			#sub_menu ul li{
				width:25%;
				}
				
	h2 p span{
		position:relative;
		display:inline-block;
		}
	h2 p span::before{
		position:absolute;
		content:"";
		background-image:url(../../images/area/kosei.png);
		width:45px;
		height:46px;
		background-size:cover;
		left:-53px;
		top:-20px;
		}
		
		.area_box{
			}
			.area_box h3 img{
				max-width:100%;
				}
			.area_box .area_intro{
				width:100%;
				border-top:3px solid #000;
				box-sizing:border-box;
				text-align:center;
				padding-top:30px;
				margin-bottom:30px;
				}
				.area_box .area_intro p{
					margin-top:30px;
					margin-bottom:30px;
					}
				
			.area_box .area_pht{
				width:100%;
				}
				.area_box .area_pht figure{
					position:relative;
					}
				.area_box .area_pht figure  img{
					width:100%;
					}
					.area_box .area_pht figure figcaption{
						position:absolute;
						bottom:0;
						background:rgba(0,0,0,0.8);
						color:#fff;
						padding:5px 10px;
						font-size:10px;
						width:100%;
						left:0;
						box-sizing:border-box;
						}
	
							
}