@charset "utf-8";

/* -----------------------------------------
	bace
----------------------------------------- */

#mainVisual,#contents {
	font-size: 1.6rem;
}


/* -----------------------------------------
	common
----------------------------------------- */

.pc_w335 {width: 335px;}
.pc_w620 {width: 620px;}
@media screen and (max-width: 750px){
	.sp_mw48 {max-width: 48px;}
	.sp_mw60 {max-width: 60px;}
}

.h100p {height: 100%;}
.hAuto {height: auto !important;}

.indent03 {
	text-indent: -2.6em !important;
	padding-left: 2.6em !important;
}
.indent04 {
	text-indent: -3.6em !important;
	padding-left: 3.6em !important;
}

.m0Auto {margin: 0 auto;}
.mr2-6p {margin-right: 2.6%;}
.mr5p {margin-right: 5%;}
.ml7p {margin-left: 7%;}

.dispB {display: block;}
.flexWrap {flex-wrap: wrap;}

.fontBlack {color: #333!important;}

.bdrGreen02 {border: 2px solid #008803 !important;}


/* -----------------------------------------
	h2
----------------------------------------- */

.h2txL {
	display: block;
	margin-right: 20px;
	margin-bottom: 10px;
	font-size: 1.8rem;
}
.h2txR {
	margin-left: 20px;
	font-size: 1.8rem;
}


/* -----------------------------------------
	background-color
----------------------------------------- */

.bgBlue {background: #24adce !important;}
.bgOrange {background: #ff7400  !important;}
.bgGreen {background: #66b92f  !important;}
.bgPink {background: #f74f7c  !important;}


/* -----------------------------------------
	btn
----------------------------------------- */

.font16Btn a {
	width: 335px;
	padding: 19px 15px 17px;
}

.font16Btn a.form {
	width: 450px;
	padding: 19px 15px 17px;
}

.btn.width01 {
	width: 31%;
}

.btn.width01 a {
	padding: 19px 9px 17px;
}

.font16Btn.blank a {
	padding: 19px 25px 17px;
}

.stationLinkBtn {
    margin-left: 20px;
    font-size: 1.4rem;
}
.stationLinkBtn a {
    position: relative;
    display: inline-block;
    background: #008803;
    color: #fff;
    padding: 4px 9px;
    text-align: center;
}
.stationLinkBtn a:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-top: 14px solid transparent;
    border-right: 0 solid transparent;
    border-bottom: 14px solid transparent;
    border-left: 10px solid #008803;
    position: absolute;
    right: -10px;
    top: 0;
    bottom: 0;
    margin: auto;
}
.stationLinkBtn a:hover {
    text-decoration: none;
    box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.5);
    transition-duration: .2s;
}

@media screen and (max-width: 750px){
    .stationLinkBtn {
        margin-left: 0;
        font-size: 3.5vw;
    }
    .stationLinkBtn a {
        padding: 2% 7%;
    }
    .stationLinkBtn a:after {
        border-top: 3vw solid transparent;
        border-right: 0 solid transparent;
        border-bottom: 3vw solid transparent;
        border-left: 1.5vw solid #008803;
        right: -1.4vw;
    }
    
}

/* -----------------------------------------
	equipment_navi
----------------------------------------- */

.equipment_navi {
	margin-bottom: 60px;
}

.equipment_navi > ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	font-size: 1.8rem;
	font-weight: bold;
	text-align: center;
}

.equipment_navi > ul li {
	width: 23%;
}

.equipment_navi > ul li a {
	padding: 10px 10px 15px;
}

.equipment_navi > ul li a div {
	margin-bottom: 10px;
	padding: 10px 0;
	border-radius: 3px;
}


/* -----------------------------------------
	equipment_btn
----------------------------------------- */
.equipment_btn {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 13px;
}
.equipment_btn > li {
	flex-basis: calc((100% / 3) - 9px);
}

.equipment_btn > li a {
	font-size: 1.8rem;
	font-weight: bold;
	height: 100%;
}

@media screen and (max-width: 750px){
	.equipment_btn {
		display: block;
	}
	.equipment_btn > li {
		width: 100%;
	}

	.equipment_btn > li a {
		font-size: 1.8rem;
		font-weight: bold;
		height: 100%;
		width: 100%;
	}
}



/* -----------------------------------------
	新幹線車いす対応座席 WEB申込みのご利用案内
----------------------------------------- */

.wheelchairTbl {
	text-indent: 0;
}

.wheelchairTbl caption {
	border-bottom: 1px solid #008803;
	font-size:2.0rem;
	font-weight:bold;
	margin:20px auto 40px;
	width:50%;
	}
	

.wheelchairTbl .style01 {
	width: 110px;
	border-left: none;
}
.wheelchairTbl .style02 {
	width: 90px;
}
.wheelchairTbl th:nth-child(odd) {
	border-right: 1px solid #ddd;
}
.otherArea {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.otherArea li {
	width: 17.47%;
	border-radius: 50%;
	text-align: center;
}
.otherArea li a {
	border-radius: 50%;
}


@media screen and (max-width: 750px){
	/* -----------------------------------------
		common
	----------------------------------------- */
	
	.sp_mt3p {margin-top: 3% !important;}
	.sp_mr4p {margin-right: 4% !important;}
	.sp_mb3p {margin-bottom: 3% !important;}
	.sp_mb5p {margin-bottom: 5% !important;}
	.sp_mb7p {margin-bottom: 7% !important;}
	.sp_ml10p {margin-left: 10% !important;}
	
	.sp_pr5p {padding-right: 5% !important;}
	.sp_pl5p {padding-left: 5% !important;}
	
	
	/* -----------------------------------------
		h2
	----------------------------------------- */
	
	.h2txL {
		display: block;
		margin-right: 0;
		font-size: 1.5rem;
	}
	
	.h2txR {
		margin-left: 3%;
		font-size: 1.5rem;
	}
	
	
	/* -----------------------------------------
		btn
	----------------------------------------- */
	
	.font16Btn a {
		width: 100%;
		padding: 9px 15px 7px;
	}
	
	.font16Btn a.form {
		width: 100%;
		padding: 9px 15px 7px;
	}
	
	.btn.width01 {
		width: 100%;
	}
	
	.btn.width01 a {
		padding: 9px 15px 7px;
	}
	
	.font16Btn.blank a {
		padding: 9px 25px 7px;
	} 
	
	
	/* -----------------------------------------
		equipment_navi
	----------------------------------------- */
	
	.equipment_navi > ul {
		display: block;
		margin-bottom: 7%;
		font-size: 1.6rem;
		text-align: left;
	}
	
	.equipment_navi > ul li {
		width: 100%;
		margin-bottom: 3%;
	}
	
	.equipment_navi > ul li:last-child {
		margin-bottom: 0;
	}
	
	.equipment_navi > ul li a {
		display: flex;
		align-items: center;
		padding: 10px;
	}
	
	.equipment_navi > ul li a div {
		width: 80px;
		margin-bottom: 0;
		margin-right: 15px;
	}
	
	
	/* -----------------------------------------
		equipment_btn
	----------------------------------------- */
	
	.equipment_btn > li {
		margin-bottom: 3%;
	}
	
	.equipment_btn > li:last-child {
		margin-bottom: 0;
	}
	

	

	/* -----------------------------------------
		新幹線車いす対応座席 WEB申込みのご利用案内
	----------------------------------------- */

	.wheelchairTbl .style01 { width: 80px; }
	.wheelchairTbl .style02 { width: 70px; }
	.otherArea { justify-content: center;}
	.otherArea li {
		width: 30%;
		margin: 0 1.5% 3%;
	}
	.wheelchairTbl caption {
		width:75%;
	}
}


/*2024年6月追加*/
.shinkansen_facilitybox_lsit {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-end;
}

.shinkansen_facilitybox_lsit > li {
	flex-basis: 23%;
	margin-right: 2.6%;
	margin-bottom: 30px;
}

.shinkansen_facilitybox_lsit > li:nth-of-type(4n) {
	margin-right: 0;
}

.shinkansen_facilitybox_lsit > li .facilitybox_textBox {
	color: #333;
	padding: 10px;
	text-align: center;
}

.shinkansen_facilitybox_lsit > li .facilitybox_textBox dt {
	font-weight: bold;
}

.shinkansen_facilitybox_lsit > li .facilitybox_textBox dd + dd {
	margin-top: 10px;
}


@media screen and (max-width: 750px){
	.shinkansen_facilitybox_lsit {
		display: flex;
		flex-wrap: wrap;
		align-items: flex-end;
		justify-content: space-between;
	}

	.shinkansen_facilitybox_lsit > li {
		flex-basis: 48%;
		margin-right: 0;
		margin-bottom: 20px;
	}

	.shinkansen_facilitybox_lsit > li:nth-of-type(4n) {
		margin-right: 0;
	}

	.shinkansen_facilitybox_lsit > li .facilitybox_textBox {
		color: #333;
		padding: 10px;
		text-align: center;
	}

	.shinkansen_facilitybox_lsit > li .facilitybox_textBox dt {
		font-weight: bold;
	}

	.shinkansen_facilitybox_lsit > li .facilitybox_textBox dd + dd {
		margin-top: 10px;
	}
}
