@charset "utf-8";

#page-access .access-nav{
	text-align:center;
}

#page-access .access-nav ul{
	display:inline-block;
	margin:0 auto;
	text-align:center;
}

#page-access .access-nav ul li{
	float:left;
	margin:0 1em;
	background:#FF4479;
	font-size:17px;
	font-size:1.7rem;
}

#page-access .access-nav ul li a{
	position:relative;
	display:block;
	padding:1em 5em;
	color:#fff;
	text-align:center;
}

#page-access .access-nav ul li a::after{
	content:"\f105";
    position:absolute;
    top:27%;
    right:1em;
	font-family:FontAwesome;
    -webkit-transition:all 0.3s 0s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition:all 0.3s 0s cubic-bezier(0.215, 0.61, 0.355, 1);
}

#page-access .access-nav ul li a:hover::after{
	right:1.5em;
}

#page-access .access-nav ul li:first-child a{
	padding-left:5.5em;
	padding-right:5.5em;
}

#page-access .access-box{
	margin-top:4em;
}

#page-access .access-box ul li{
	float:left;
	width:47.5%;
	margin-right:5%;
	padding-bottom:2em;
	background:#f5f5f5;
}

#page-access .access-box ul li:nth-child(even){
	margin-right:0;
}

#page-access .access-box ul li:nth-child(n+3){
	margin-top:5%;
}

#page-access .access-box ul li h3{
	position:relative;
	background:#009FC5;
	padding:.5em .5em .5em 2em;
	border-radius:.3em .3em 0 0;
	font-size:17px;
	font-size:1.7rem;
	color:#fff;
}

#page-access .access-box ul li h3::before{
	content:"";
	left:.5em;
	position:absolute;
	font-family:'FontAwesome';
	content:"\f1b9";
}

#page-access .access-box ul li dl{
	padding:1.5em 2em 0;
}

#page-access .access-box ul li dt{
	float:left;
	clear:left;
	padding:1em .5em;
	font-weight:700;
}

#page-access .access-box ul li dd{
	padding:1em .5em 1em 100px;
	border-bottom:1px solid #dadada;
}

#page-access .access-box ul li dt:first-child,
#page-access .access-box ul li dt:first-child + dd{
	padding-top:0;
}

#page-access .access-box ul li .access-link{
	text-align:center;
}

#page-access .access-box ul li .access-link a{
	margin:1em 1em 0;
}

#page-access .access-box .btn-external-link{
	padding-top:.5em;
	padding-bottom:.5em;
}

#page-access .access-box .btn-external-link::after{
	top:20%;
}

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

#page-access .access-nav ul li{
	margin:0 .5em;
	font-size:14px;
	font-size:1.4rem;
}

#page-access .access-nav ul li a{
	position:relative;
	display:block;
	padding:.5em 2.5em .5em 2em;
	color:#fff;
	text-align:center;
}

#page-access .access-nav ul li:first-child a{
	padding-left:2em;
	padding-right:2.5em;
}

#page-access .access-box{
	margin-top:1em;
}

#page-access .access-box ul li h3{
	font-size:14px;
	font-size:1.4rem;
}

#page-access .access-box ul li{
	float:none;
	width:100%;
	margin-right:0;
	padding-bottom:1em;
}

#page-access .access-box ul li:nth-child(n+2){
	margin-top:5%;
}

#page-access .access-box ul li dl{
	padding:.5em 1em 0;
}

#page-access .access-box ul li dt,
#page-access .access-box ul li dd{
	padding-top:.5em;
	padding-bottom:.5em;
}

#page-access .access-box ul li dd{
	padding-left:85px;
}

}

#page-access .lead{
	font-size:18px;
	font-size:1.8rem;
}

#page-access .lead span{
	font-size:24px;
	font-size:2.4rem;
	font-weight:700;
}

span.label{
    position:relative;
    display:inline-block;
}

span.label::before{
    content:"";
    position:absolute;
    bottom: 6px;
    left: 0;
    width:100%;
    height:10px;
    background:#fbf7c7;
    z-index: 0;
}

span.label span{
	display:inline-block;
	position:relative;
	z-index:1;
}


#page-access .lead + .heading-ttl{
	margin-top:1.5em;
}

#page-access .access-way .left{
	float:left;
	width:47.5%;
}

#page-access .access-way .right{
	float:right;
	width:47.5%;
}

#page-access .access-way .left .way-box:nth-of-type(n+2),
#page-access .access-way .right .way-box:nth-of-type(n+2){
	margin-top:3em;
}

#page-access .btn-external-link{
	margin-top:.5em;
    padding-top:.5em;
    padding-bottom:.5em;
}

#page-access .access-way h4{
	margin:2em 0;
	padding:.5em 0;
	border-top:1px solid #ddd;
	border-bottom:1px solid #ddd;
	font-size:18px;
	font-size:1.8rem;
	font-weight:700;
	letter-spacing:.2em;
}

#page-access .access-way h5{
	margin:2em 0 .5em;
	font-size:18px;
	font-size:1.8rem;
	font-weight:700;
	letter-spacing:.2em;
	color:#009FC5;
}

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

#page-access .access-way h5{
	font-size:15px;
	font-size:1.5rem;
}

}

#page-access .heading-ttl + .access-way > h4{
	margin-top:0;
}

#page-access .access-way ul li{
	float:left;
	font-size:16px;
	font-size:1.6rem;
}

#page-access .access-way ul li:first-child{
	width:12%;
}

#page-access .access-way ul li:last-child{
	width:88%;
}


#page-access .access-way ul li:last-child{
	padding-left:1em;
}

#page-access .access-way ul li strong{
	font-size:20px;
	font-size:2rem;
	color:#009FC5;
	line-height:1;
}

#page-access .access-way ul li p{
	margin-top:.2em;
	font-size:15px;
	font-size:1.5rem;
	line-height:1.4;
}


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

#page-access .access-way .left,
#page-access .access-way .right{
	float:none;
	width:100%;
}

#page-access .access-way .right{
	margin-top:2em;
}

#page-access .access-way h4{
	padding:.3em 0;
	font-size:16px;
	font-size:1.6rem;
}

#page-access .access-way ul li strong{
	font-size:16px;
	font-size:1.6rem;
}

#page-access .access-way ul li:first-child{
	width:16%;
	padding-top:.5em;
}

#page-access .access-way ul li:last-child{
	width:84%;
}

#page-access .access-way ul li p{
	font-size:13px;
	font-size:1.3rem;
}

#page-access .access-way ul li p br{
	display:none;
}

}





#page-access .access-way .system{
	margin:1em 0 0;
	font-size:16px;
	font-size:1.6rem;
}

#page-access .access-way .system span{
	font-size:18px;
	font-size:1.8rem;
	font-weight:700;
	color:#009FC5;
}

#page-access .access-way .price{
	margin:1.5em 0 1em;
	font-size:14px;
	font-size:1.4rem;
}


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

#page-access .access-way .system{
	margin:1em 0 0;
	font-size:14px;
	font-size:1.4rem;
}

#page-access .access-way .system span{
	font-size:16px;
	font-size:1.6rem;
}

#page-access .access-way .price{
	margin:1.5em 0 1em;
	font-size:13px;
	font-size:1.3rem;
}

}

#page-access .access-way .system + .price{
	margin-top:.5em;
}

#page-access .access-way .price span{
	display:inline-block;
	margin-right:.5em;
	padding:0 .5em .1em;
	background:#FF706F;
	border-radius:1em;
	color:#fff;
}

#page-access .access-way table{
    width:100%;
    border-collapse:collapse;
    border-top:solid 1px #ddd;
    border-left:solid 1px #ddd;
}

#page-access .access-way table th{
	width:25%;
    background:#f6f6f6;
    font-weight:700;
}

#page-access .access-way table.table-2 th{
	width:50%;
}

#page-access .access-way table.table-3 th{
	width:33.33333333%;
}

#page-access .access-way table span{
	font-size:12px;
	font-size:1.2rem;
}

#page-access .access-way table th span{
	display:block;
}

#page-access .access-way table th,
#page-access .access-way table td{
    padding:1em .5em;
    border-right:solid 1px #ddd;
    border-bottom:solid 1px #ddd;
	font-size:14px;
	font-size:1.4rem;
    text-align:center;
    vertical-align:middle;
}

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

#page-access .access-way table th,
#page-access .access-way table td{
    padding:.5em .3em;
	font-size:13px;
	font-size:1.3rem;
}

}

#page-access .access-way .note{
	font-size:11px;
	font-size:1.1rem;
	text-align:right;
}

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

#page-access .access-way .note{
	text-align:left;
}

}

#page-access .access-way dl dt,
#page-access .access-way dl dd{
	margin-bottom:1em;
}

#page-access .access-way dl dt{
	float:left;
	clear:left;
	width:90px;
	padding:0 .5em;
	background:#FF706F;
	border-radius:1em;
	color:#fff;
	text-align:center;
}

#page-access .access-way dl dd{
	padding-left:100px;
}

#page-access .access-way-link{
	margin-top:.5em;
}

#page-access .access-way-link::before{
	content:"";
	font-family:'FontAwesome';
	content:"\f13a";
}

#page-access .access-way .right .way-box h5.mb0{
	margin-bottom:0;
}

#page-access .access-way .right .way-box h5 + p{
	margin-bottom:.5em;
}

#page-access .access-way .in-wrap{
	margin:1.5em 0 1em;
}

#page-access .access-way .in-left{
	float:left;
	width:12%;
}

#page-access .access-way .in-right{
	float:right;
	width:84%;
}

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

#page-access .access-way .in-right p{
	font-size:11px;
	font-size:1.1rem;
}

}