@charset "UTF-8";




/*********** 共通・背景 *************/

.train_mbg {
	background-image: url("../../access/images/train_mbg.jpg");
	background-position: center top;
	background-size: cover;
}

.bus_mbg {
	background-image: url("../../access/images/bus_mbg.jpg");
	background-position: center top;
	background-size: cover;
}

.car_mbg {
	background-image: url("../../access/images/car_mbg.jpg");
	background-position: center top;
	background-size: cover;
}

.access_bg01 {
	background-image: url("../../access/images/access_bg01.jpg");
	background-position: center top;
	background-size: cover;
	padding-top: 80px;
	padding-bottom: 80px;
}



.access_mbt-mt {
	margin-top: 200px;
	padding-bottom: 80px;
}

.access_mbt-mt.first {
	margin-top: 100px;
	padding-bottom: 100px;
}

.access_mbt-wrap {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.access_mbt-wrap li {
	position: relative;
	width: 31.25%;
}

.access_mbt-wrap li a .mbt {
	position: relative;
	top: 0;
	left: 0;
}

.access_mbt-wrap li a .mbt_on {
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	transition: all 0.2s ease;
}

.access_mbt-wrap li a:hover .mbt_on {
	opacity: 1;
}

.access_mbt-wrap li.current a .mbt_on {
	opacity: 1;
}



.cont-title {
	font-family: 'Cinzel', serif;
	font-size: 5.0rem;
	text-align: center;
	padding-top: 40px;
	padding-bottom: 120px;
}

.cont-bg {
	color: #fff;
	background: rgba(0, 30, 50, 0.8);
	padding: 60px 0;
}

/*********** ↑共通・背景 *************/





/*********** train *************/

.train_01-wrap {
	width: 83.92%;
	margin: 0 auto;
	margin-top: 60px;
}

.train_02-title {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	margin-top: 60px;
}

.train_02-title dt {
	color: #fff;
	font-size: 3.0rem;
	line-height: 1.2;
	text-align: center;
	background: #c1af22;
	padding: 10px 0;
	width: 180px;
	margin-right: 20px;
}

.train_02-title dd {
	font-size: 3.0rem;
	line-height: 1.2;
	width: calc(100% - 200px);
}

.train_02-wrap {
	margin-top: 40px;
}

.train_03-title {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	margin-top: 160px;
}

.train_03-title dt {
	color: #fff;
	font-size: 3.0rem;
	line-height: 1.2;
	text-align: center;
	background: #9e7135;
	padding: 10px 0;
	width: 180px;
	margin-right: 20px;
}

.train_03-title dd {
	font-size: 3.0rem;
	line-height: 1.2;
	width: calc(100% - 200px);
}

.train_03-wrap {
	margin-top: 40px;
}

.train_04-bg {
	color: #fff;
	background: #978a78;
	margin-top: 100px;
	padding-bottom: 60px;
}

.train_04-title {
	background: #a29586;
	padding-top: 20px;
	border-bottom: 1px solid #ccc;
}

.train_04-wrap {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.train_04-wrap li {
	width: 23.17%;
	margin-top: 40px;
}

.train_04-wrap dt {
	font-size: 2.1rem;
	line-height: 1.2;
	letter-spacing: 0;
	margin-top: 2px;
	margin-left: -0.4em;
}

.train_04-wrap dt .l {
	font-size: 1.4em;
}

.train_04-wrap dt .s {
	font-size: 0.8em;
}

.train_04-wrap dd {
	font-size: 1.3rem;
	line-height: 1.5;
	letter-spacing: 0;
	text-align: justify;
	margin-top: 8px;
}

.train_05-title {
	color: #fff;
	font-size: 2.2rem;
	line-height: 1.2;
	letter-spacing: 0;
	text-align: center;
	background: #9c7725;
	padding: 5px 0 10px;
}

.train_05-title .l {
	font-size: 1.6em;
}

.train_05-title .ll {
	font-size: 2.0em;
}

.train_05-wrap {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-top: 40px;
}

.train_05-wrap li:nth-child(1) {
	width: 21.25%;
}

.train_05-wrap li:nth-child(2) {
	width: 77.08%;
}

.train_07-wrap {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-top: 40px;
}

.train_07-wrap li:nth-child(1) {
	width: 21.25%;
}

.train_07-wrap li:nth-child(2) {
	width: 77.08%;
}

.train_09-area {
	background: #fff;
	padding: 20px 80px;
	margin-top: 80px;
}

.train_09-area .ttl {
	color: #9c7725;
	font-size: 3.0rem;
	line-height: 1.2;
	letter-spacing: 0;
	text-align: center;
}

.train_09-area .ttl .l {
	font-size: 1.5em;
}

.train_09-wrap {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-top: 40px;
}

.train_09-wrap li:nth-child(1) {
	width: 46.73%;
}

.train_09-wrap li:nth-child(2) {
	width: 47.5%;
}

.train_10 .copy {
	font-size: 1.6rem;
	line-height: 1.5;
	letter-spacing: 0;
	text-align: justify;
	margin-bottom: 20px;
}

.train_10 .txt {
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 1.1rem;
	line-height: 1.5;
	margin-top: 5px;
}

.train_10 .txt .yellow {
	color: #7f5918;
}

.train_10 .txt .blue {
	color: #00437c;
}

.train_10 .txt .red {
	color: #93252a;
}

.train_10 .cap {
	margin-top: 10px;
}

.train_11-bg {
	background: #ccc;
	padding: 60px 0;
}

.train_11-wrap {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.train_11-wrap li {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-end;
	width: 48.33%;
	margin-top: 40px;
}

.train_11-wrap li > p {
	width: 55%;
}

.train_11-wrap dl {
	width: 43%;
}

.train_11-wrap dt {
	font-size: 2.1rem;
	line-height: 1.2;
	letter-spacing: 0;
	margin-top: 2px;
}

.train_11-wrap dt .l {
	font-size: 1.4em;
}

.train_11-wrap dt .s {
	font-size: 0.8em;
}

.train_11-wrap dd {
	font-size: 1.3rem;
	line-height: 1.5;
	letter-spacing: 0;
	text-align: justify;
	margin-top: 8px;
}



.express-bg {
	color: #fff;
	background: #808080;
	padding: 60px 0;
	margin-top: 60px;
}

.express_01-wrap {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-top: 60px;
}

.express_01-wrap li:nth-child(1) {
	width: 48.33%;
}

.express_01-wrap li:nth-child(2) {
	width: 48.33%;
}

.express_01 {
	display: flex;
	justify-content: space-between;
}

.express_01 dl {
	width: 47.93%;
}

.express_01 dd {
	font-size: 1.3rem;
	line-height: 1.5;
	letter-spacing: 0;
	text-align: justify;
	margin-top: 5px;
}

.express_cap-wrap {
	text-align: justify;
	width: 50%;
	margin-top: 360px;
}

.express_02 {
	width: 150%;
	margin-left: -50.34%;
}


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

.express_01-wrap {
	margin-top: 20px;
}

.express_01-wrap li:nth-child(1) {
	width: 100%;
	order: 2;
}

.express_01-wrap li:nth-child(2) {
	width: 80%;
	margin: 0 auto;
	order: 1;
}
	
.express_01 {
	width: 60%;
	margin: 0 auto;
}


.express_01 dl {
	width: 47.93%;
}

.express_01 dd {
	font-size: 1.3rem;
	line-height: 1.5;
	letter-spacing: 0;
	text-align: justify;
	margin-top: 5px;
}

.express_cap-wrap {
	width: 100%;
	margin-top: 30px;
}

.express_02 {
	width: 100%;
	margin-left: 0;
}

}


/*********** ↑train *************/
	
	




/*********** bus *************/

.bus .cont-title {
	color: #fff;
}

.bus_01-wrap {
	display: grid;
	grid-template-columns: 23.17% 23.17% 23.17% 23.17%;
	grid-template-rows: auto auto;
	justify-content: space-between;
	margin-top: 20px;
}

.bus_01-wrap li:nth-child(1) {
	grid-column: 1 / 2;
	grid-row: 1 / 2;
}

.bus_01-wrap li:nth-child(2) {
	grid-column: 2 / 3;
	grid-row: 1 / 2;
	align-self: flex-end;
}

.bus_01-wrap li:nth-child(3) {
	grid-column: 3 / 5;
	grid-row: 1 / 2;
	align-self: flex-end;
}

.bus_01-wrap li:nth-child(4) {
	grid-column: 1 / 2;
	grid-row: 2 / 3;
}

.bus_01-wrap li:nth-child(5) {
	grid-column: 2 / 3;
	grid-row: 2 / 3;
}

.bus_01-wrap li:nth-child(6) {
	grid-column: 3 / 4;
	grid-row: 2 / 3;
}

.bus_01-wrap li:nth-child(7) {
	grid-column: 4 / 5;
	grid-row: 2 / 3;
}

.bus_01-wrap .ttl {
	font-size: 2.2rem;
	line-height: 1.5;
	text-align: center;
	border-bottom: 1px solid #ccc;
	padding-bottom: 10px;
	margin-bottom: 20px;
}

.bus_01-wrap .ttl .s {
	font-size: 0.8em;
}


.bus_05-wrap {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-top: 60px;
}

.bus_05-wrap li:nth-child(1) {
	width: 67.33%;
}

.bus_05-wrap li:nth-child(2) {
	width: 30.92%;
}

.bus_06 {
	margin-top: 30px;
}

.bus_07-wrap {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-top: 60px;
}

.bus_07-wrap li {
	width: 48%;
}


/*********** ↑bus *************/







/*********** car *************/

.car_01-wrap {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-top: 60px;
}

.car_01-wrap > li:nth-child(1) {
	width: 64.17%;
}

.car_01-wrap > li:nth-child(2) {
	width: 35%;
}

.car_01-title {
	color: #fff;
	font-size: 2.2rem;
	line-height: 1.2;
	letter-spacing: 0;
	text-align: center;
	background: #29abe2;
	padding: 7px 0;
}

.car_01-title .s {
	font-size: 0.8em;
}

.car_01-photo {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-top: 20px;
}

.car_01-photo li {
	width: 47.62%;
}

.car_01-photo .txt {
	font-size: 1.8rem;
	line-height: 1.2;
	letter-spacing: 0;
	margin-top: 10px;
}

.car_01-photo .s {
	font-size: 0.7em;
}

.car_01-photo .l {
	font-size: 1.4em;
}


.car_04-bg {
	color: #fff;
	background: #978a78;
	padding: 60px 0;
}

.car_04-wrap {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	border: 1px solid #fff;
	max-width: 1000px;
	margin: 0 auto;
	padding: 40px;
}

.car_04-wrap li:nth-child(1) {
	width: 63.04%;
}

.car_04-wrap li:nth-child(2) {
	width: 32.61%;
}

.car_04-wrap .txt {
	margin-top: 20px;
}

.car_04-wrap .cap {
	margin-top: 10px;
}


/*********** ↑car *************/









.anc_train,
.anc_bus,
.anc_car {
	display: block;
    padding-top: 100px;
	margin-top: -100px;
}