@charset "utf-8";

/*↓↓↓路線style↓↓↓*/
#contents-bus .api-wrap .ajax_link_rewrite {
  position: relative;
  z-index: 2;
}
#contents-bus .api-wrap .ajax_link_rewrite.add + .add:before {
  display: none;
}
#contents-bus .api-wrap .table {
  margin-bottom: 0;
}
#contents-bus .api-wrap .add thead {
  display: none;
}
#contents-bus .api-wrap td:nth-child(2) {
  padding-top: 8px;
  text-align: center;
  font-size: 14px;
  letter-spacing: .08em;
}
#contents-bus .api-wrap td:nth-child(2) span {
  font-size: 26px;
  font-weight: 700;
}
#contents-bus .api-wrap .ico {
  width: 46px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
#contents-bus .api-wrap .ico img {
  width: 20px;
  height: auto;
}
#contents-bus .api-wrap .area {
  width: 100%;
  padding-left: 0px;
  padding-top: 6px;
  font-size: 16px;
  font-weight: 700;
  text-align: left;
}
#contents-bus .api-wrap .area img {
  width: 16px;
  margin: 0 8px;
  vertical-align: middle;
}
#contents-bus .api-wrap .time {
  margin-top: 3px;
  font-size: 12px;
  color: #666;
}
#contents-bus .api-wrap .btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: 10px;
}
#contents-bus .api-wrap .btns .btn {
  width: 100%;
  max-width: none;
  margin: 0;
  padding: 0;
  border: 0;
  white-space: normal;
}
#contents-bus .api-wrap .btns .btn + .btn {
  margin-top: 10px;
}
#contents-bus .api-wrap .btns .btn a {
  position: relative;
  display: block;
  padding: 6px;
  border-radius: 4px;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
}
#contents-bus .api-wrap .btns .btn a:after {
  position: absolute;
  top: 50%;
  right: 5px;
  transform: translate(0, -50%);
  content: "\f0da";
  font-size: 14px;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  z-index: 2;
}

@media all and (max-width: 767px) {
  #contents-bus table, #contents-bus tbody, #contents-bus tr, #contents-bus th, #contents-bus td {
    display: block;
    border: 0;
    padding: 0;
  }
	#contents-bus table{
		margin-bottom: 20px;
	}	
  #contents-bus thead {
    display: none;
  }
  #contents-bus tr {
    padding: 28px 0 32px;
  }
  #contents-bus tr {
    border-bottom: 1px solid #999;
  }
  #contents-bus .add {
    border-top: 1px solid #999;
  }
  #contents-bus td:first-child {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
  }
  #contents-bus .api-wrap td:nth-child(2) {
    text-align: right;
  }
  #contents-bus .api-wrap .area {
    width: calc(100% - 46px);
    padding-left: 10px;
    font-size: 16px;
    font-weight: 700;
  }
}

@media all and (min-width: 768px) {
  #contents-bus .api-wrap {
    margin-top: 30px;
  }
  #contents-bus .copy {
    max-width: 882px;
    margin: -56px auto 65px;
  }
  #contents-bus .copy:before {
    left: 134px;
    width: 148px;
    height: 92px;
    margin-top: -16px;
  }
  #contents-bus .api-wrap thead th {
    padding: 27px 0 16px;
    font-size: 15px;
    text-align: center;
    font-weight: 500;
    border: 0;
  }
  #contents-bus .api-wrap thead th:nth-child(1) {
    width: 35.5%;
  }
  #contents-bus .api-wrap thead th:nth-child(2) {
    padding-right: 50px;
    text-align: right;
  }
  #contents-bus .api-wrap thead th:nth-child(3) {
    width: 27.8%;
  }
  #contents-bus .api-wrap table {
    width: 100%;
    margin-bottom: 40px;
  }
  #contents-bus .api-wrap .ajax_link_rewrite:first-child table tbody tr:first-child td {
    border-top: 0;
  }
  #contents-bus .api-wrap td {
    padding: 24px 0;
    vertical-align: middle;
    font-size: 0;
  }
  #contents-bus .api-wrap td:nth-child(2) {
    padding-top: 22px;
    padding-right: 0px;
    width: 26%;
    text-align: right;
  }
  #contents-bus .api-wrap td:nth-child(3) {
    padding-left: 20px;
    width: 30%;
  }
  #contents-bus .api-wrap .ico {
    display: inline-block;
    width: 58px;
    vertical-align: middle;
  }
  #contents-bus .api-wrap .ico img {
    width: 26px;
  }
  #contents-bus .api-wrap .ico img + img {
    margin-left: 6px;
  }
  #contents-bus .api-wrap .area {
    display: inline-block;
    width: calc(100% - 68px);
    vertical-align: middle;
    font-size: 18px;
    padding-left: 20px;
    padding-top: 0;
    text-align: left;
  }
  #contents-bus .api-wrap .area img {
    margin: 0 10px;
  }
  #contents-bus .api-wrap .time {
    margin-top: 4px;
    font-size: 14px;
  }
  #contents-bus .api-wrap .btns {
    margin-top: 0;
  }
  #contents-bus .api-wrap .btns .btn {
    width: 100%;
  }
  #contents-bus .api-wrap .btns .btn + .btn {
    margin-top: 10px;
  }

  #contents-bus .api-wrap .btns .btn a:before {
    left: 16px;
  }
}

@media all and (min-width: 1200px) {
  #contents-bus .api-wrap .btns .btn {
    float: left;
    width: calc(50% - 5px);
  }
  #contents-bus .api-wrap .btns .btn + .btn {
    float: right;
    margin-top: 0;
  }
  #contents-bus .api-wrap td:nth-child(3) {
    padding-left: 20px;
    width: 36%;
  }
}


#contents-bus .api-wrap td:nth-child(2) span.nomalprice, #contents-bus .api-wrap td:nth-child(2) span.nomalprice > span {
  color: #666 !important;
  font-size: 20px;
}
#contents-bus .api-wrap td:nth-child(2) span.nomalprice > span {
  text-decoration: line-through;
}
.nomalprice:after {
  content: "\f0da" !important;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-size: 22px !important;
  margin: 0 8px;
  color: #E61F6A;
}
.line-seatspec {
  margin-top: 12px;
  display: block;
  font-size: 14px;
  text-align: center;
  width: 100%;
}
.tb-daytrip table {
  width: 100%;
  margin: 0 auto;
}
.tb-daytrip td, .tb-daytrip th {
  padding: 5px 2px;
  vertical-align: middle;
  border-bottom: solid 1px #999;
  border-top: none;
  font-weight: bold;
}
.tb-daytrip .time {
  display: none;
}
.tb-daytrip .ico {
  display: inline-block;
  width: 58px;
  vertical-align: middle;
}
.tb-daytrip .area img {
  margin: 0 10px;
}
.api-wrap .area {
  width: calc(100% - 46px);
  padding-left: 20px;
  font-size: 16px;
  font-weight: 700;
}
.tb-daytrip .btns {
  margin: 0;
  padding: 0;
}
.tb-daytrip .btn {
  width: 100%;
  padding: 5px 0;
}
.tb-daytrip .btn a {
  background: #F7D912;
  color: #1C1C1C !important;
  font-weight: bold;
  position: relative;
  text-decoration: none;
  padding: 12px 0!important;
  width: 100%;
  border-radius: 6px;
  display: block;
  margin: 0;
  font-size: 0.9em;
/*--水平方向 垂直方向 影のぼかし 色--*/
	box-shadow: 0 3px 3px rgba(0,0,0,0.3);  	
	
}
.tb-daytrip .btn a:hover {
  text-decoration: none;
  color: #FFF;
  opacity:0.7;
/*--水平方向 垂直方向 色--*/
  box-shadow: none;
	 position: relative;
  top: 3px;
	
}
.tb-daytrip .btn a::after {
  content: "\f054";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-size: 100%;
  position: absolute;
  right: 10px;
}
.tb-daytrip td span {
  color: #B20000;
  font-size: 26px;
  font-family: 'Oswald', sans-serif, Arial, Helvetica, "sans-serif";
  margin-left: 5px;
  font-weight: bold;
}
.tb-daytrip td:nth-child(2) {
  color: #B20000;
}

.area span img {
  display: none;
  width: 24px;
  height: 15px;
}
.area span {
  background-image: url("/static/img/campaign/senior/senior2025/ico-route.png");
  background-repeat: no-repeat;
  width: 22px;
  height: 13px;
  ;
  background-size: contain;
  display: inline-block;
  margin: 0 5px;
}
@media (min-width: 768px) {
  .tb-daytrip {
    width: 100%;
    margin: 0 auto;
  }
  tr.ro2301030-sk34::after {
    bottom: 0;
    margin-top: 10px;
  }
}
/*↑↑↑路線style end↑↑↑*/




/*----------------------
	2025リニューアル
------------------------*/
/*-----------------
	共通
------------------*/
body{
	margin: 0 auto;/*MV中央揃えにするため必須*/
	overflow-x: hidden;/*必須*/
}

img {
	max-width: 100%;
	height: auto;
}

a{	
	text-decoration: none;
	color: inherit;
}
a:hover{
	color: inherit;
}
a:link, a:visited, a:hover, a:active, a:focus{
	text-decoration: none;
}

ul,
ol{
	list-style-type: none;
}

button:focus {
	outline: none;
}

#content-wrap {
  font-family: "Noto Sans JP","游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", 'メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
  color: #000;
  font-size: 18px;
/*  line-height: 1.618;*/
  padding: 0;
  text-align: center;
  background: #EDEADB;
}

/*余白*/
#content-wrap > section:not(#main_visual) {
	padding-top: 40px;
}

/*タイトル*/
#content-wrap h2{
	margin-bottom: 40px;
	text-align: center;
}

#content-wrap h2 img {
  margin: 0 auto;
}


/*テキスト*/
#content-wrap p{
	font-size: 18px;
}

.txt-bold{
	font-weight: bold;
}


/*ボタン-------------*/
/*バス予約ボタン*/
.btn-yellow {
	display: block;
	color: #1c1c1c !important;
	background: #F7D912;
	font-weight: bold;
	text-align: center;
	line-height: 1.3em;
	font-size: 18px;
	margin: 20px auto;
	padding: 24px;
	padding: 18px 2em 18px 1.5em;
    width: 100%;
    max-width: 559px;
    border-radius: 500px !important;
    box-shadow: none;
}
.btn-yellow:hover {
	text-decoration: none !important;
	box-shadow: none;
	position: relative;
	top: 5px;
	opacity:1.0;
}

/*安心安全について*/
.btn-yellow.-s {
	max-width: 356px;
	padding: 18px 1.5em 18px 0.5em;
	margin: 0 auto 15px;
}

@media(max-width:360px) {
	.btn-yellow.-s{
		font-size: 16px;
	}
}

@media(min-width:768px) {
	.btn-yellow{
		font-size: 20px;
		padding: 25px 2em 25px 1.5em;
	}
	.btn-yellow.-s{
		max-width: 465px;
		padding: 25px 1.5em 25px 0.5em;
	}
}

/*アイコン*/
.arrow-up,
.arrow-down,
.arrow-right,
.external-link {
  position: relative;
}
.arrow-up::after,
.arrow-down::after,
.arrow-right::after,
.external-link::after{
	font-family: 'Font Awesome 5 Free';
	position: absolute;
	font-weight: 900;
	right: 20px;
	top: 50%;
	transform: translate(0, -50%);
}

.arrow-up::after {
/*	content: "\f0d8";*/
	content: "\f106";
}
.arrow-down::after {
/*	content: "\f0d7";*/
	content: "\f107";
}
.arrow-right::after {
/*	content: "\f0da";*/
	content: "\f105";
}

/*WILLERの安心・安全の取り組み アイコン*/
.external-link::after {
	content: "\f35d";
	right: 0.8em;
}



/*---------------------------
	メイン
----------------------------*/
#main_visual h1{
	padding: 19px 17px 0;
}
#main_visual img {
  margin: 0 auto;
}

/*---------------------------
「高速バス＝疲れる」はもう昔のこと!
----------------------------*/
#intro p{
	font-size: 18px;
}

/*---------------------------
	ページ内ナビ
----------------------------*/
#Senior .menu-page{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: stretch;
	margin: 30px auto 0;
	max-width: 1200px;
}
#Senior .menu-page li {
	display: flex;
	width: 100%;
	max-width: 356px;
	margin: 0 auto 15px;
}

#Senior .menu-page li a{
	display: flex;
	color: #1c1c1c;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	position: relative;
	background: #F7D912;
	font-weight: bold;
	text-align: center;
	line-height: 1.3em;
	width: 100%;
	border-radius: 500px !important;
	padding: 18px 2em;
	box-shadow: none;
	font-size: 18px;
}

/*ホバー時*/
#Senior .menu-page li a:hover {
	text-decoration: none;
	opacity: 0.6;
	position: relative;
	top: 4px;
}

#Senior .menu-page li a::after {
    font-family: 'Font Awesome 5 Free';
    position: absolute;
    font-weight: 900;
    content: "\f107";
    right: 1.5em;
    top: 50%;
    transform: translate(0, -50%);
}


@media (min-width: 768px) {
	/*メイン画像*/
	#main_visual h1{
		padding: 34px 34px 0;
	}
	
	/*紹介文*/
	#intro .container{
		padding: 0;
	}
	#intro p{
		font-size: 20px;
	}
	
	/*ページ内ナビ*/
	#Senior .menu-page{
		margin: 50px auto 20px;
	}
	#Senior .menu-page li {
		width: calc((100% - 30px) / 4);
		margin: 0 0 15px;
	}
	#Senior .menu-page li a{
		padding: 25px 1.5em 25px 0.8em;
		font-size: 20px;
		letter-spacing: -0.02em;
	}
	#Senior .menu-page li a::after{
		right: 0.8em;
	}
}

@media (min-width: 992px) and (max-width: 1199px){
	#Senior .menu-page li a{
		font-size: 18px;
		padding: 25px 1.5em 25px 0.5em;
	}
}

@media (min-width: 1200px){
	#Senior .menu-page li a::after{
		right: 1em;
	}
}

/*---------------------------
	おとなのバス旅
----------------------------*/
#contents-rec{
/*	max-width: 900px;*/
	margin: 0 auto;
}

/*子要素間の余白*/
#contents-rec section{
	padding-bottom: 20px;
}



/*-----------------
	快適に過ごせる
------------------*/
/*タイトル*/
h3.txt-susume {
	width: 100%;
	border-top: 3px solid #547759;
	border-bottom: 3px solid #547759;
	padding: 10px 0;
	text-align: center;
	font-weight: bold;
	position: relative;
	margin: 10px auto 30px;
	color: #5F705F;
	font-size: 18px;
	max-width: 367px;
}
h3.txt-susume::before {
  content: '';
  display: inline-block;
  margin-right: 5px;
  width: 24px;
  height: 24px;
  background: url(/static/img/campaign/senior/senior2025/icon-checkmark.svg) no-repeat center / contain;
  vertical-align: middle;
}

/*リード文*/
#contents-comfort p.lead-text{
	font-size: 18px;
	font-weight: 500;
}

/*スライダー
-----------------*/
.container.slider-container{
	max-width: 100%;
	margin: 25px auto 60px;
}

.wrap-slider{
	width: calc(100% + 15px);
}

.slider-item-top{
/*	max-width: 300px;*/
	margin: 0 7px;
	border-radius: 10px;
}
.slick-slider{
	margin-bottom: 0;
}
.slick-slide img{
	width: 100%;
	max-width: 300px;
	border-radius: 15px;
	margin-bottom: 10px;
}
.slick-slide figure figcaption{
	line-height: 1.3;
	font-size: 18px;
}
.slick-slide figure figcaption small{
	font-size: 16px;
}

.slick-dots{
	bottom: -10px;
}
.slick-dots li{
	margin: 0 3px;
}

.slick-dots li button:before{
	font-size: 12px;
	color: #D9D9D9;
	opacity: 1;
}
.slick-dots li.slick-active button:before{
	color: #B3B3B3;
}

/*お客様の声
---------------------*/
#contents-rec .container.voice-container{
	max-width: 960px;
}

/*お客様の声を囲むdiv*/
.wrap-two-voice{
	overflow-x: scroll;
	width: calc(100% + 15px);
}

/*お客様の声 ul*/
.two-voice{
	margin-bottom: 40px;
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
	width: 660px;
}

/*お客様の声　各li*/
.two-voice li{
	width: 100%;
	max-width: 318px;
	margin-right: 10px;
}

/*お客様の声　各中身*/
.voice-box {
	text-align: left;
	width: 100%;
	margin-top: 20px;
	display: flex;
	flex-direction: column;
	height: 100%;
}
/*見出し*/
.voice-box dt{
	color: #FFF;
	font-weight: bold;
	display: block;
	align-items: center;
	padding: 16px 20px 16px 75px;
	position: relative;
	border-radius: 15px 15px 0 0;
	background: #5F705F;
}
/*★*/
.voice-box dt span.icon-star{
  margin-left: auto;
}
.voice-box dt span img {
  margin: 0 0 0 6px;
}
/*アイコン*/
.ico-women::before {
  content: ''; /*何も入れない*/
  display: inline-block;
  margin-right: 0;
	left: 18px;
  width: 43px; /*画像の幅*/
  height: 43px; /*画像の高さ*/
  background: url("/static/img/campaign/senior/senior2025/icon-women.svg") no-repeat;
  background-size: contain;
  vertical-align: middle;
	position: absolute;
}
/*
.ico-man::before {
  content: '';
  display: inline-block;
  margin-right: 10px;
  width: 35px;
  height: 35px;
  background: url(/static/img/campaign/senior/ico-man.png) no-repeat;
  background-size: contain;
  vertical-align: middle;
}
*/

/*内容テキスト*/
.voice-box dd{
	background: #FFF;
	padding: 14px 20px;
	height: 100%;
	border-radius: 0 0 15px 15px;
	font-size: 16px;
	font-weight: 500;
}

/*シート詳細へのリンク
----------------------*/
.link-seat li {
	font-size: 18px;
	margin: 40px 10px 30px;
	text-align: right;
}
.link-seat li i {
  margin-left: 10px;
}

.link-seat li a{
	color: #1A82AF;
    border-bottom: solid 2px #1A82AF;
}
.link-seat li a:hover{
	color: #0768B2;
    opacity: 0.7;
}



@media(min-width:768px) {
	/*子要素間の余白*/
	#contents-rec section{
		padding-bottom: 40px;
	}

	/*-----------------
		快適に過ごせる
	------------------*/
	/*タイトル*/
	h3.txt-susume {
		font-size: 20px;
		margin: 30px auto 30px;
	}
	
	/*スライダー*/
	.container.slider-container{
		max-width: 100%;
		padding: 0;
		margin: 40px auto 40px;
	}
	.wrap-slider{
		width: 100%;
	}
	.slick-slide img{
		max-width: 474px;
		border-radius: 25px;
	}
	
	/*お客様の声*/
	.wrap-two-voice{
		overflow-x: auto;
		width: 100%;
	}
	.two-voice{
		width: fit-content;
		margin: 0 auto 40px;
	}
	.two-voice li{
		max-width: 466px;
		margin: 0 7px;
	}
	.voice-box dd{
		font-size: 18px;
	}

	.link-seat li{
		margin: 10px 10px 40px;
	}
	
	/*バス予約ボタン*/
	.btn-yellow{
		font-size: 20px;
	}
}


/*-----------------
	便利に移動できる
------------------*/
.illust-susume-01 {
	width: 100%;
	max-width: 745px;
	margin: auto;
}

.illust-susume-01 li{
	width: 100%;
	display: flex;
	justify-content: center;
	margin-bottom: 20px;
}


@media(min-width:768px) {
	.illust-susume-01 {
		display: flex;
		justify-content: space-between;
	}
	.illust-susume-01 li{
		width: 49%;
	}
}


/*-----------------
	お得に旅できる
------------------*/
#contents-profit .illust-susume-01{
	margin: 20px auto;
}
#contents-profit p{
	font-weight: 500;
}


/*-----------------
	おすすめプラン
------------------*/
#contents-recommend .wrap-card{
	overflow-x: scroll;
	width: calc(100% + 15px);
}
#contents-recommend .wrap-card-inner{
	display: flex;
    justify-content: space-between;
    flex-wrap: nowrap;
	width: 635px;
    margin: auto;
}

/*各カード内*/
#Senior .card-plan-01{
	border: none;
    max-width: 360px;
    border-radius: 10px;
	margin: 0 15px 20px 0;
	padding: 20px;
	text-align: left;
}

/*画像*/
#Senior .card-plan-01 img{
	border-radius: 10px;
}
/*テキスト*/
#Senior .card-plan-01 dd{
	padding: 16px 0 5px;
}
#Senior .card-title{
	font-size: 18px;
    color: #333;
    font-weight: bold;
}
#Senior .card-plan-overview{
	font-size: 16px;
	color: #333;
}


@media(min-width:768px) {
	#contents-recommend .wrap-card{
		overflow-x: auto;
		width: 100%;
	}
	#contents-recommend .wrap-card-inner{
		width: 735px;
	}
	#Senior .card-plan-01 dd{
		padding: 16px 5px 5px;
	}
}


/*-------------------------------
	安心・安全について
--------------------------------*/
#contents-safety{
	margin-top: 0px;
}

#contents-safety .lead-text{
	font-weight: 500;
}

/*ボタン*/
.wrap-btn-safety{
	max-width: 965px;
	margin: 40px auto;
}

.wrap-btn-safety > div{
	padding: 0 5px;
}

@media(min-width:768px){
	#contents-safety{
		margin-top: 40px;
	}
}

/*----------------------------------
	高速バス路線一覧
-----------------------------------*/
#contents-bus{
	margin-top: 0px;
}

#contents-bus .attention-text{
	font-size: 16px;
}

/*ボタン*/
#contents-bus .api-wrap .btns .btn a{
	border-radius: 500px;
    box-shadow: none;
	font-size: 20px;
}
#contents-bus .api-wrap .btns .btn a:after{
	display: none;
}


@media(min-width:768px){
	#contents-bus{
		margin-top: 80px;
	}
}

/*----------------------------------
	モデルコース
-----------------------------------*/
#contents-mc{
	margin: 0 auto;
}

@media(min-width:768px){
	#contents-mc{
		margin-top: 80px;
	}
}


/*----------------
	タブ
-----------------*/
/*ナビボタン
-------------------*/
/*ul*/
.nav-tabs{
	max-width: 965px;
    margin: 40px auto 20px;
  	border-bottom: none;
	justify-content: space-between;
}

/*li*/
#Senior .nav-item {
	width: 100%;
	margin-bottom: 10px;
}

/*a*/
#Senior .nav-link{
	font-size: 18px;
	font-weight: bold;
	border-radius: 500px!important;
	box-shadow: none;
	border: solid 2px #222 !important;
	background: transparent !important;
    color: #222 !important;
	max-width: 360px;
	margin: auto;
	padding: 8px;
}

#Senior .nav-link:hover,
#Senior .nav-link.active{
    border: solid 2px #222 !important;
	background: #222!important;
	color: #fff!important;
}


/*タブ内
------------------*/
/*タグ共通*/
#contents-mc .tag{
    display: inline-block;
    border-radius: 3px;
	background: #5F705F;
    color: #fff;
    min-width: 75px;
    padding: 3px 5px;
	line-height: 1.1;
    margin-right: 5px;
	text-align: center;
}

/*出発時間*/
#contents-mc .dep-time{
    font-size: 19px;
	font-weight: 600;
	line-height: 1.7;
	letter-spacing: -0.03em;
}

#contents-mc .dep-time .tag{
	font-size: 18px;
}

/*カード
-----------------*/
#contents-mc .mc-detail{
	overflow-x: scroll;
	width: calc(100% + 15px);
	margin-top: 40px;
}

#contents-mc .mc-detail-inner{
	display: flex;
	width: 1110px;
	padding-bottom: 20px;
}

#contents-mc .card-detail{
	position: relative;
	max-width: 273px;
    width: 100%;
    background: #FFF;
    padding: 20px;
    text-align: left;
    border-radius: 10px;
	margin-right: 15px;
}

/*矢印*/
#contents-mc .card-detail:after{
	content: ''; 
	display: inline-block;
	position: absolute;
	right: -25px;
	top: 50%;
	transform: translate(0 , -50%);
	width: 25px; /*画像の幅*/
	height: 59px; /*画像の高さ*/
	background: url(/static/img/campaign/senior/senior2025/icon-arrow-right.svg) no-repeat center / cover;
	z-index: 10;
}

/*最後の処理*/
#contents-mc .card-detail:last-of-type:after{
	display: none;
}

/*カード内のタグ*/
#contents-mc .mc-detail .tag {
    display: inline-block;
    min-width: 62px;
    padding: 7px;
	margin: 20px 0 13px;
}


@media(min-width:768px) and (max-width:991px){
	/*タブのナビボタン*/
	#Senior .nav-link{
		font-size: 16px;
		padding: 20px 10px;
	}
}

@media(min-width:992px) {
	/*タブのナビボタン*/
	.nav-tabs{
		margin: 40px auto;
	}
	
	#Senior .nav-item {
	  width: 49%;
	}
	#Senior .nav-link{
		font-size: 20px;
		max-width: 466px;
		padding: 20px;
	}
	
	/*タブ内
	--------------------*/
	/*出発時間*/
	#contents-mc .wrap-dep-time{
		display: flex;
		justify-content: center;
	}
	#contents-mc .dep-time{
		font-size: 20px;
		font-weight: bold;
		line-height: 1.6;
	}
	#contents-mc .dep-time:nth-of-type(2){
		margin-left: 1em;
	}
	#contents-mc .dep-time .tag{
		font-size: 18px;
	}
	
	/*カード
	-----------------*/
	#contents-mc .mc-detail{
		overflow-x: auto;
		width: 100%;
	}
	/*最後の処理*/
	#contents-mc .card-detail:last-of-type{
		margin-right: 0;
	}
}



/*----------------------
	よくある質問
-----------------------*/
#contents-faq{
	margin-top: 0px;
	padding-bottom: 70px;
}

#contents-faq h2 img{
	max-width: 260px;
}

@media(min-width:768px){
	#contents-faq{
		margin-top: 80px;
		padding-bottom: 150px;
	}
	#contents-faq h2 img{
		max-width: none;
	}
}

/*よくある質問 共通
---------------------*/
#faq-accordion {
    max-width: 946px;
    margin: auto;
}

/*角丸*/
#faq-accordion .card,
#faq-accordion .card-header,
#faq-accordion .card-header button{
	border-radius: 5px;
}

/*カード全体*/
#faq-accordion .card{
	border: none;
}

/*カード間の余白*/
#faq-accordion .card + .card{
	margin-top: 10px;
}

/*質問番号　質問・回答 共通*/
#faq-accordion .num-label{
	display: inline-block;
	width: auto;
	min-width: 48px;
	padding: 5px 7px 10px;
	background: #5F705F;
	color: #fff;
	font-size: 22px;
	line-height: 1;
	position: absolute;
	left: 10px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	margin-right: 0;
}


/*質問
---------------------*/
#faq-accordion .card-header{
	border: none;
}
#faq-accordion .card-header button{
	position: relative;
	width: 100%;
	text-align: left;
	cursor: pointer;
	background: #fff;
	box-shadow: none;
	border: none;
	padding: 20px 30px 20px 70px;
}

/*右端アイコン*/
#faq-accordion .card-header button:before{
	content: "";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	display: flex;
	align-items: center;
	justify-content: center;
/*
	width: 50px;
	height: 50px;
	border-radius: 100px;
*/
	position: absolute;
	top: 50%;
	transform: translate(0, -50%);
	right: 10px;
	background: none;
	font-size: 12px;
	color: #000;
}

/*閉じている時のアイコン*/
#faq-accordion .card-header button.collapsed:before{
	content: "\f078";/*下向き矢印*/
}
/*開いている時のアイコン*/
#faq-accordion .card-header button:before{
	content: "\f077";/*上向き矢印*/
}

/*質問テキスト*/
#faq-accordion .card-header .faq-ttl{
	display: block;
	font-weight: 400;
	font-size: 16px;
	margin-left: 0;
	color: #000;
}


/*回答
---------------------*/
#faq-accordion .card-body{
	position: relative;
	padding: 10px 30px 20px 70px;
}

/*回答番号*/
#faq-accordion .card-body .num-label{
	top: 25px;
}

#faq-accordion .card-body p{
	font-size: 16px;
	line-height: 1.6;
	text-align: left;
	margin-left: 0;
    color: #000;
	word-break: break-all;/*英語改行OKにする*/
}


@media(min-width:768px) {
	/*角丸*/
	#faq-accordion .card,
	#faq-accordion .card-header,
	#faq-accordion .card-header button{
		border-radius: 10px;
	}
	/*カード間の余白*/
	#faq-accordion .card + .card{
		margin-top: 26px;
	}
	/*質問番号*/
	#faq-accordion .num-label{
		min-width: 63px;
		left: 20px;
	}
	
	/*質問
	---------------------*/
	#faq-accordion .card-header button{
		padding: 22px 60px 22px 100px;
	}
	/*右端アイコン*/
	#faq-accordion .card-header button:before{
		right: 20px;
	}
	/*質問テキスト*/
	#faq-accordion .card-header .faq-ttl{
		font-size: 18px;
	}

	/*回答
	---------------------*/
	#faq-accordion .card-body{
		padding: 10px 60px 22px 100px;
	}
	#faq-accordion .card-body p{
		font-size: 18px;
	}
}