@charset "utf-8";
/* CSS Document */
/*▼△▼△▼△Essential From here▼△▼△▼△*/
main article .contents_box {
	margin: 0 30px;
}
/*▼△▼△▼△Essential End▼△▼△▼△*/
main article .content01{
	padding-bottom: 80px;
}
main article .content01 .price{
	margin: 80px auto 0;
}
main article .content01 h4:first-of-type{
	margin-top: 80px;
}
main article .content01 .annotation01{
	text-align: right;
	font-size: 1.2rem;
}
main article .contents_box table{
	border-collapse: collapse;
  border-spacing: 0;
	width: 100%;
	color: #000;
}
main article .content01 .photo01{
	margin-right: 20px;
	float: left;
}
main article .content01 .tb_box01{
	width: 470px;
	float: right;
}
main article .content01 .tb_box01 .tb01 td{
	border: #cfe8cf 1px solid;
  padding: 1px 20px;
}
main article .content01 .tb_box01 .tb01 th{
	background-color: #cfe8cf;
	text-align: center;
}
main article .content01 .tb_box01 .tb01 td.bg{
	background-color: #cfe8cf;
}
main article .content02  .adress01 .txt_box01 {
	float: left;
	line-height: 1.5;
}

main article .content02 .adress01 .photo02 {
	float: right;
	text-align: right;
}
main article .content02 .access01 .txt_box02 {
	float: left;
}
main article .content02 .access01 .txt_box02 h6{
	text-align: left;
    border-bottom: 1px #369c38 solid;
    padding: 0 0 7px;
    font-weight: 700;
    color: #000;
/*    text-indent: 1em;*/
}
.content02 .access01 .photo03{
	float: right;
	text-align: right;
}
.content02 .access01 iframe{
		width: 100%;
	} 
.content02 .bg_bd_box {
	border: 1px solid #419b38;
	padding: 20px;
	text-align: center;
	font-weight: 700;
	color: #419b38;
}


.access02 dd figcaption{
	display:block;
	font-feature-settings: "palt";
	text-align: center;
	line-height: 1.5;
	position: relative;
}
.access02 dd figcaption:after{
	position: absolute;
	display: block;
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	margin:auto;
	right:0;
	left:0;
}
.access02 dd li:last-of-type figcaption:after{
	display:none;
}
.access02 .jr_box figcaption:after{
	border-color: #ffd093 transparent transparent transparent;
}
.access02 .hankyu_box figcaption:after{
	border-color: #f4eac4 transparent transparent transparent;
}

.access02 dt{
	color: #FFFFFF;
	font-weight: 700;
	font-size: 2.6rem;
	line-height: 1;
	text-align: center;
	padding: 10px;
	position: relative;
}
.access02 dt:after{
	position: absolute;
	display: block;
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	bottom: -19px;
	left: 50%;
	transform: translate(-50%);
	border-width: 26px 37.5px 0 37.5px;
}
.access02 #hankyu dt{
	background: #419b38;
}
.access02 #hankyu dt:after{
	border-color: #409b38 transparent transparent transparent;
}
.access02 #jr dt{
	background: #ff9000;
}
.access02 #jr dt:after{
	border-color: #ff9000 transparent transparent transparent;
}

/*PC FromHere▼▼▼▼*/
@media screen and (min-width:1081px), print {
/*▼△▼△▼△Essential From here▼△▼△▼△*/
	#mv {
		background: url(../../images/about/info/mv.jpg) center top no-repeat;
	}
	#mv h2 img {
		position: absolute;
		top: 106px;
		left: 107px;
	}
/*▼△▼△▼△Essential End▼△▼△▼△*/
	.content02 .access02 .start{
		font-size: 2.6rem;
	}

	.content02 .bg_bd_box {
		font-size: 2.0rem;
	}
	.content02 .access01 .photo03{
		margin-top:0.7em;
	}
	.content02 .access02{
		display: flex;
		justify-content: space-between;
		padding: 40px 0 35px;
	}

	.access02 dl{
		width:335px;
	}
	/*
	.content02 .access02 #jr{
		width: 50%;
		padding-right: 11px;
	}
	
	#hankyu{
		width: 50%;
		padding-left: 11px;
		border-left: 1px solid #f8f5f2;
		
	}*/
	.access02 dd figcaption{
		margin-top: 25px;
	}
	.access02 dd li:not(:last-of-type) figcaption{
		height:170px;
	}
	.access02 dd figcaption:after{
		bottom: 35px;
		border-width: 28px 40.5px 0 40.5px;
	}
		
}

@media screen and (min-width:751px), print {
}

/*▼▼▼▼SP TB FromHere▼▼▼▼*/

@media screen and (max-width:1080px){
/*▼△▼△▼△Essential From here▼△▼△▼△*/
	#mv {
		background: url(../../images/about/info/mv_sp_tb_02.jpg) no-repeat top;
	}
	#mv h2 img {
		width: 45.66vw;
	}
	#mv h2 img {
		position: absolute;
		top: 9.82vw;
		left: 9.91vw;
	}
	main article .contents_box {
		margin: 0 2.78vw;
	}
/*▼△▼△▼△Essential End▼△▼△▼△*/
	.content02 .bg_bd_box {
		margin-bottom:7%;
	}
	.access02 figcaption{
		padding-bottom:7vw;
	}
	.access02{
		overflow:hidden;
		clear:both;
	}
	.content02 .access02 dt{
		font-size:1.238em;
		padding-top:2%;
		padding-bottom:2%;
	}
	.content02 .access02 dd{
		text-align:center;
	}
	.access02 figcaption:after{
		bottom: 2vw;
		border-width: 2.59vw 3.75vw 0 3.75vw;
	}
	.access02 dl{
		margin-bottom:7%;
	}
	.content02 .access02 .photo04{
		text-align:center;
	}
	.btn_box{
		margin-right:auto;
		margin-left:auto;
		margin-bottom:5%;
	}
	.btn_box >a{
		display:block;
		border-radius:5px;
		color:#ffffff;
		text-align:center;
		font-weight:bold;
		position: relative;
		box-sizing:border-box;
	}
	.btn_box >a i{
		width:1em;
		height:1em;
		position:absolute;
		top:0;
		bottom:0;
		right:3%;
		margin:auto;
	}
	.btn_box .jr{
		background:#ff9000;
		padding:3%;
	}
	.btn_box .hankyu{
		background:#409b38;
		padding:3%;
	}
}

/*▼▼▼▼ TB FromHere▼▼▼▼*/
@media screen and (max-width:1080px) and (min-width:751px) {
	main article .content01 .photo01{
		width: 19.26vw;
		margin-right: 1vw;
	}
	
	.content01 .tb_box01 {
	width:37.55vw;
	}
	.content02 .adress01 .txt_box01 {
		width: 33.5vw;
	}
	main article .content02 .adress01 .photo02{
		width: 22vw;
	}
	main article .content02 .access01 .txt_box02 {
		float: none;
		width: 100%;
	}
	main article .content02 .access01 .txt_box02 img{
		width: 100%;
	}
	main article .content02 .access01 .photo03{
		float: none;
		text-align: center;
		margin: 1vw auto;
	}
	.btn_box{
		display:flex;
		justify-content: space-between;
	}
	.btn_box a{
		width:48%;
	}
}

/*▼▼▼▼ SP FromHere▼▼▼▼*/
@media screen and (max-width:750px){
/*▼△▼△▼△Essential From here▼△▼△▼△*/
main article .contents_box .txtstyle01 {
	margin: 10.6vw 6.3vw;
}
/*▼△▼△▼△Essential End▼△▼△▼△*/
	main article .content01 h4:first-of-type{
		margin-top: 10.6vw;
	}
	main article .content01 .price {
    margin: 10.6vw auto 0;
}
	main article .content01{
		padding-bottom: 10.6vw;
	}
	main article .content01 .photo01,main article .content02 .adress01 .photo02,.photo03{
		float: none;
		text-align: center;
		padding: 0;
		margin: 2.5vw auto;
	}
	main article .content01 .tb_box01{
		width: 100%;
	}
	main article .content02 .access01 .txt_box02{
		float: none;
		width: 100%;
	}
	main article .content02 .access01 .txt_box02 h6{
		padding: 0 0 7px 1em;
		text-indent: -1em;
	}
		main article .content02 .access01 .txt_box02 h6 +div{
		text-align: center;
	}
	.btn_box{
		width:80%;
	}
	.btn_box .jr{
		margin-bottom:3%;
	}

}