/*=================================================
 * CSS for PC
 * ================================================= */

main{	padding-bottom: 40px;}


/** access **/

.mainbox{
}
.toptxt{
	text-align: center;
	margin: 0 0 40px 0;
}
.toptxt p:nth-of-type(1){
	display: inline-block;
	vertical-align: top;
	font-family: 'Noto Serif JP', serif;
	font-weight: 600;
	font-size: 40px;
	line-height: 60px;
	border-bottom: 1px solid #ff50a0;
	margin: 0 0 40px 0;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}
.toptxt p:nth-of-type(1) em{	color: #ff50a0;}
.toptxt p:nth-of-type(2){
	font-size: 16px;
	line-height: 25px;
}

.info{
	margin: 0 0 40px 0;
}
.info{}
.info dl{
	display: table;
	width: 100%;
	font-size: 0;
	line-height: 0;
	margin: 0 0 10px 0;
}
.info dl:last-of-type{	margin-bottom: 0;}
.info dt,
.info dd{
	display: table-cell;
	vertical-align: middle;
	font-size: 16px;
	line-height: 25px;
	padding: 27.5px 20px;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}
.info dt{
	width: 180px;
	font-weight: bold;
	text-align: center;
	color: #fff;
	background: rgb(39,39,39);
	background: linear-gradient(45deg, rgba(39,39,39,1) 0%, rgba(120,120,120,1) 100%);
}
.info dd{
	text-align: left;
	background: #f1f1f8;
}

#access .mainbox ul{
	font-size: 0;
	line-height: 0;
}
#access .mainbox li{}
#access .mainbox li:nth-of-type(1){	margin-bottom: 40px;}
#access .mainbox li .img{}
#access .mainbox li:nth-of-type(1) .img{
	display: flex;
	justify-content: space-between;
}
#access .mainbox li:nth-of-type(1) .img img{
	width: calc(100% / 3 - 1px);
	height: auto;
}
#access .mainbox li:nth-of-type(2),
#access .mainbox li:nth-of-type(3){
	display: inline-block;
	vertical-align: top;
	width: calc(100% / 2 - 20px);
}
#access .mainbox li:nth-of-type(2){	margin-right: 20px;}
#access .mainbox li:nth-of-type(3){	margin-left: 20px;}
#access .mainbox li:nth-of-type(2) .img img,
#access .mainbox li:nth-of-type(3) .img img{
	width: 100%;
	height: auto;
}
#access .mainbox li p{
	font-size: 16px;
	line-height: 25px;
	text-align: left;
	margin: 10px 0 0 0;
}

.pc_none{	display: none;}

/*=================================================
 * CSS for SP
 * ================================================= */

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

	.pc_none{	display: inline;}

	main{	padding-bottom: 10px;}

	/** access **/

	.mainbox{
	}
	.toptxt{
		text-align: center;
		margin: 0 0 20px 0;
	}
	.toptxt p:nth-of-type(1){
		font-size: 24px;
		line-height: 30px;
		margin: 0 0 20px 0;
		padding: 0 0 5px 0;
	}
	.toptxt p:nth-of-type(2){
		font-size: 14px;
		line-height: 22px;
		text-align: left;
	}
	.info{
		margin: 0 0 20px 0;
	}
	.info{}
	.info dl{
		display: table;
		width: 100%;
		font-size: 0;
		line-height: 0;
		margin: 0 0 10px 0;
	}
	.info dl:last-of-type{	margin-bottom: 0;}
	.info dt,
	.info dd{
		font-size: 14px;
		line-height: 22px;
		padding: 10px;
	}
	.info dt{
		width: 110px;
	}
	.info dd{
	}

	#access .mainbox li{}
	#access .mainbox li:nth-of-type(1){	margin-bottom: 20px;}
	#access .mainbox li:nth-of-type(2),
	#access .mainbox li:nth-of-type(3){
		display: inline-block;
		vertical-align: top;
		width: calc(100% / 2 - 5px);
	}
	#access .mainbox li:nth-of-type(2){	margin-right: 5px;}
	#access .mainbox li:nth-of-type(3){	margin-left: 5px;}
	#access .mainbox li p{
		font-size: 14px;
		line-height: 22px;
	}

}