#access{
	margin:0 0 160px 0;
}
#access #area01{
	position:relative;
	margin:70px auto 50px auto;
}
#access #area01 h2{
    font-family: 'EB Garamond', serif;
    font-size: 74px;
    line-height: 1em;
    letter-spacing: -.02em;
    color: #ded8d4;
	text-align:center;
}
#access #area01 h2 p {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    padding: 0;
    margin: 0;
    text-decoration: none;
    color: #ded8d4;
    transform: translate3d(0,0,0);
}
#access #area01 span{
}
#access #area01 em{
    font-family: 'Noto Sans JP', sans-serif;
	display:block;
    font-size: 1.7rem;
    line-height: 1.6;
    letter-spacing: -.02em;
    color: #333;
    vertical-align: top;
    margin: 20px 0 0 0;
	text-align:center;
}
#access #area01 em.e2{
    font-size: 2rem;
}

#access #area02{
}
#access #area02 p.p1{
	margin-bottom:110px;
}
#access #area02 dl.dl1{
	float:left;
	width:490px;
}
#access #area02 dl.dl1 dt{
	font-size:3rem;
	margin-bottom:55px;
}
#access #area02 dl.dl1 dt img{
	width:220px;
	vertical-align:middle;
}
#access #area02 dl.dl1 dd{
}
#access #area02 dl.dl1 dd ul{
}
#access #area02 dl.dl1 ul li{
	padding-bottom:18px;
	margin-bottom:18px;
	border-bottom:1px dashed #666;
}
#access #area02 dl.dl1 ul li:first-child,
#access #area02 dl.dl1 ul li:last-child{
	padding-bottom:36px;
}
#access #area02 dl.dl1 ul li div{
	display:table;
	width:100%;
}
#access #area02 dl.dl1 ul li span{
	display: table-cell;
	vertical-align: bottom;
	line-height: 1;
	font-feature-settings : "palt";
}
#access #area02 dl.dl1 li .sp1{
	font-size:1.8rem;
	line-height: 1.3;
	width:72px;
}
#access #area02 dl.dl1 li .sp2{
	font-size:4rem;
	width:265px;
}
#access #area02 dl.dl1 li .sp3{
	font-size:2.2rem;
	width:45px;
	text-align:center;
}
#access #area02 dl.dl1 li .sp4{
	font-size:6rem;
	color:#cf8063;
	bottom:-5px;
	right: -20px;
	position:relative;
}
#access #area02 dl.dl1 li .sp5{
	font-size:4rem;
	vertical-align:bottom;
}
#access #area02 dl.dl1 li p{
	text-align:right;
	margin-top:5px;
}
#access #area02 p.p2{
	float:right;
	width:435px;
}

#access #area02 dl.dl2{
	clear:both;
	padding:45px 0 0 0;
}
#access #area02 dl.dl2 dt{
	font-size:2.8rem;
	line-height:1;
}
#access #area02 dl.dl2 dd{
	padding:55px 0;
	border-bottom:1px dashed #666;
}

#access #area02 dl.dl3{
	clear:both;
	padding:45px 0 0 0;
}
#access #area02 dl.dl3 dt{
	font-size:2.8rem;
	line-height:1;
}
#access #area02 dl.dl3 dd{
	font-size:2rem;
	line-height:1.3;
}
#access #area02 dl.dl3 dd table{
	width:100%;
	border-bottom:1px solid #333;
	margin:40px 0 70px 0;
}
#access #area02 dl.dl3 dd table td{
	vertical-align:middle;	
	padding:15px 10px;
	border-top:1px solid #333;
	box-sizing:border-box;
}
#access #area02 dl.dl3 dd table .td2{
	background:#f6e5cc;
	text-align:center;
	border-left:1px solid #333;
	width:210px;
}
#access #area02 dl.dl3 dd table .td3{
	text-align:center;
	width:210px;
}
#access #area02 dl.dl3 dd table .td4{
	border-top:1px dashed #999;
}
#access #area02 dl.dl3 dd table td img{
	width:155px;
}

#access #area02 dl.dl4{
}
#access #area02 dl.dl4 dt{
	font-size:2.8rem;
	line-height:1;
}
#access #area02 dl.dl4 dd{
	margin:25px 0 10px 0;
	font-size:1.6rem;
	display:table;
	width:100%;
}
#access #area02 dl.dl4 dd .txt{
	float:left;
	width:540px;
}
#access #area02 dl.dl4 dd .pic{
	float:right;
	width:390px;
}
#access #area02 dl.dl4 dd .pic img{
	width:100%;
}
#access #area02 p.exp{
	font-size:1.2rem;
}

@media screen and (max-width:801px){
	#access{
		margin:0 0 40px 0;
		padding:0 0 40px 0;
		border-bottom:1px solid #999;
	}
	#access img{
		width:100%;
		margin:0;
	}
	#access #area01{
		margin:30px auto;
	}
	#access #area01 h2{
		font-size: 30px;
	}
	#access #area01 h2 p {
	}
	#access #area01 span{
		padding:0 !important;
	}
	#access #area01 em{
		font-size: 1.4rem;
		line-height:1.4;
		margin:0 0 15px 0;
	}
	#access #area01 em.e2{
	}
	
	#access #area02{
	}
	#access #area02 p.p1{
		margin-bottom:30px;
		width:108%;
		margin-left:-4%;
	}
	#access #area02 dl.dl1{
		float:none;
		width:100%;
	}
	#access #area02 dl.dl1 dt{
		font-size:2rem;
		margin-bottom:15px;
	}
	#access #area02 dl.dl1 dt img{
		width:130px;
	}
	#access #area02 dl.dl1 dd{
	}
	#access #area02 dl.dl1 dd ul{
	}
	#access #area02 dl.dl1 ul li{
		padding-bottom:10px;
		margin-bottom:10px;
	}
	#access #area02 dl.dl1 ul li:first-child,
	#access #area02 dl.dl1 ul li:last-child{
		padding-bottom:20px;
	}
	#access #area02 dl.dl1 ul li div{
	}
	#access #area02 dl.dl1 ul li span{
	}
	#access #area02 dl.dl1 li .sp1{
		font-size:1.2rem;
		line-height: 1.3;
		width:25%;
	}
	#access #area02 dl.dl1 li .sp2{
		font-size:2.5rem;
		width:50%;
	}
	#access #area02 dl.dl1 li .sp3{
		font-size:1.3rem;
		width:7%;
		text-align:center;
	}
	#access #area02 dl.dl1 li .sp4{
		font-size:3.8rem;
		bottom:-5px;
		right: -10px;
	}
	#access #area02 dl.dl1 li .sp5{
		font-size:2.2rem;
		vertical-align:bottom;
	}
	#access #area02 dl.dl1 li p{
		font-size:1rem;
	}
	#access #area02 p.p2{
		float:none;
		width:80%;
		margin:30px auto;
	}
	
	#access #area02 dl.dl2{
		padding:25px 0 0 0;
	}
	#access #area02 dl.dl2 dt{
		font-size:1.6rem;
	}
	#access #area02 dl.dl2 dd{
		padding:25px 0;
	}
	
	#access #area02 dl.dl3{
		padding:35px 0 0 0;
	}
	#access #area02 dl.dl3 dt{
		font-size:1.4rem;
		line-height:1.5;
	}
	#access #area02 dl.dl3 dd{
		font-size:1rem;
	}
	#access #area02 dl.dl3 dd table{
		margin:20px 0 40px 0;
	}
	#access #area02 dl.dl3 dd table td{
		padding:8px 5px;
		  font-feature-settings : "palt";
	}
	#access #area02 dl.dl3 dd table .td2{
		width:auto;
		padding:8px 10px;
	}
	#access #area02 dl.dl3 dd table .td3{
		text-align:center;
		width:auto;
		padding:8px 10px;
	}
	#access #area02 dl.dl3 dd table .td4{
	}
	#access #area02 dl.dl3 dd table td img{
		width:85px;
	}
	
	#access #area02 dl.dl4{
	}
	#access #area02 dl.dl4 dt{
		font-size:1.4rem;
		line-height:1.5;
	}
	#access #area02 dl.dl4 dd{
		margin:15px 0 25px 0;
		font-size:1.3rem;
	}
	#access #area02 dl.dl4 dd .txt{
		float:none;
		width:100%;
		margin-bottom:25px;
	}
	#access #area02 dl.dl4 dd .pic{
		float:none;
		width:100%;
	}
	#access #area02 dl.dl4 dd .pic img{
		width:100%;
	}
	#access #area02 p.exp{
		font-size:1.0rem;
	}

}
@media screen and (max-width:330px){
	#access #area02 dl.dl1 li .sp1{
		font-size:1.0rem;
		line-height: 1.3;
		width:27%;
	}
	#access #area02 dl.dl1 li .sp2{
		font-size:2.2rem;
		width:50%;
	}
	#access #area02 dl.dl1 li .sp3{
		font-size:1.2rem;
		width:7%;
		text-align:center;
	}
	#access #area02 dl.dl1 li .sp4{
		font-size:3.7rem;
		bottom:-5px;
		right: -5px;
	}
	#access #area02 dl.dl1 li .sp5{
		font-size:2.1rem;
		vertical-align:bottom;
	}
}