@charset "utf-8";

/* コロナ対策用 */
#warning-box,
#warning-notice,
#rinjiMessagesDiv,
#rinjiMessagesDiv3{
	background: none !important;
	font-weight: normal;
	font-size: 14px;
	text-align: left;
}
#rinjiMessagesDiv{
	border-radius: 4px;
	padding: 0px;
}
#rinjiMessagesDiv ul li{
	padding-left: 14px;
	position: relative;
	background: #feebf2;
	margin-bottom: 5px;
	border-radius: 4px;
}
#rinjiMessagesDiv ul li:before {
	position: absolute;
	top: 6px;
	left: 6px;
    content: "\f054";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 12px;
}
#rinjiMessagesDiv ul li a{
	text-decoration: none;
	display: block;
	padding: 5px 10px;
}



#company-layout article{
  background: #fafafa;
}
.basic-company-layout { padding: 38px 0px 58px; background: #fff; }

.basic-layout{
  margin-bottom: 60px;
}
.basic-wrap{
  margin-bottom: 30px;
}
.white-layout{
  background: #fff;
  padding: 50px;
  border-radius: 4px;
  box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.1);
  margin-bottom: 60px;
}
.white-layout{
  color: #666;
}
.dottoline-layout{
  padding: 36px 0;
  border-bottom: 1px dotted #ccc;
}

@media all and (max-width: 768px) {
.white-layout{
  padding: 12px;
}
}

/* メインビジュアル部分のレイアウト */
.hero-title-wrap{
  padding: 36px 0 24px;
}

/* タイトル系のレイアウト */
.mainTit{
    color: #333;
    margin-bottom: 24px;
    text-align: center;
    letter-spacing: 0.02em;
    font-weight: normal;
    position: relative;
    font-size: 24px;
    line-height: 1.4;
}
.mainTit span:after{
  content: "";
  position: absolute;
  bottom: -10px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 533px;
  height: 3px;
  content: "";
  background: url(/company/img/bg_dot01.png) 0 0 no-repeat;
}
.pageTit-h3-line {
    color: #333;
    margin-bottom: 24px;
    margin-top: 24px;
    letter-spacing: 0.02em;
    font-weight: bold;
    position: relative;
    font-size: 16px;
    line-height: 1.6;
    border-bottom: 2px dotted #f53d7e;
    display: block;
    padding-bottom: 5px;
}
@media all and (max-width: 768px) {
.hero-title-wrap{
  padding: 24px 0 12px;
}

.mainTit{
  font-size: 20px;
  margin-bottom: 24px;
}
.mainTit span:after{
    width: 141px;
}
.pageTit-h2{
    font-size: 18px;
}
.pageTit-h3-line {
    display: block;
}
}


#notice dl{
	margin:30px 50px 100px 50px;
}
#notice dl dt,
#notice dl dd{
	font-size:16px;
	padding:20px 10px;
}
#notice dl dt{
	float:left;
	width:150px;
	font-weight: normal;
}
#notice dl dd{
	border-bottom:1px dotted #ddd;
}
#notice dl dd a{
	color: #333;
	position: relative;
	padding-left: 10px;
	display: inline-block;
}
#notice dl dd a:before{
  content: "";
  border: 4px solid transparent;
  border-left: 4px solid #fff;
  position: absolute;
  left: -2px;
  top: 50%;
  margin-top: -4px;
  z-index: 1;
}
#notice dl dd a:after {
  content: "";
  border: 4px solid transparent;
  border-left: 4px solid #f74b77;
  position: absolute;
  left: 0px;
  top: 50%;
  margin-top: -4px;
}
#notice p{
	margin-bottom:15px;
	line-height:1.8;
}
#notice p.ki{
	margin:50px 0;
	text-align:center;
}



@media(max-width:767px) {
/* スマホ用 */

	#notice dl{
		margin:10px;
	}
	
	#notice dl dt{
		float:none;
		width:150px;
		padding:20px 10px 5px 10px;
	}
	
	#notice dl dd{
		padding:5px 10px 20px 10px;
	}
	
}

/* =========================================================
	お知らせ（Information）レスポンシブ
	2017/8/2 Fujikawa
========================================================= */

/* closeボタン
----------------------------------------------------*/
.topclose{/*T*/
	margin-top:15px;
	margin-bottom:15px;
	text-align:right;
	padding-bottom:9px;
	border-bottom:#ccc 2px solid;
	overflow:hidden;
}
.next-area{
	margin-top:20px;
	padding-top:15px;
	padding-bottom:5px;
	border-top:#ccc 2px solid;
	width:100%;
	clear: both;
	text-align:center;
}

/* Layout
----------------------------------------------------*/
.main {
	padding-bottom: 2em;
}
	.main > section + section {
		margin-top: 2em;
	}
.main,
.main h2 {
	line-height: 1.8;
}
/* 更新日付
----------------------------------------------------*/
#press_date {
	clear: both;
	text-align: right;
	margin-bottom: 1em;
}
/* レスポンシブ画像
----------------------------------------------------*/
.img-responsive.all {
	width: 100%;
	height: auto;
}

/* Common Class
----------------------------------------------------*/
/* List */
.mark-arrow,
.mark-disc,
.mark-note,
.mark-decimal {
	line-height: 1.4rem;
}

/* Disc */
.mark-disc {
	margin: 1rem 0;
}
	.mark-disc > li,
	.mark-disc > dd {
		list-style: disc;
		margin-left: 1.3rem;
	}
	.mark-disc > li + li,
	.mark-disc > dd + dd {
		margin-top: 0.5rem;
	}

/* ※印 */
.mark-note {
	text-indent: -1rem;
	margin-left: 1rem;
}
	.mark-note > li,
	.mark-note > dd {
		list-style: none;
	}
	.mark-note > li + li,
	.mark-note > dd + dd {
		margin-top: 0.5rem;
	}
span.mark-note {
	display: block;
}
#notice p.mark-note {
	line-height: 1.4rem;
}
/* decimal */
.mark-decimal > li {
	margin-left: 1.3rem;
	list-style: decimal;
}
/* Text color */
.red {
	color: #ff0000;
}

/* 便Table */
.sct-bin {
	margin-bottom: 15px;
	line-height: 1.8;
	font-size: 16px;
}
.tbl-bin th {
	text-align: left;
}
.tbl-bin td {
	padding-left: 2rem;
}


#noiceonly .nav-link-set{
	float: none;
	width: 100%;
	margin-bottom: 5px;
}
#noiceonly .nav-link-set:last-child{
	margin-bottom: 24px;
}
#noiceonly .nav-link-set li a,
#noiceonly .nav-link-category{
	display: block;
	padding: 10px 30px 10px 10px;
	font-weight: bold;
	font-size: 16px;
	text-decoration: none !important;
}
#noiceonly .nav-link-category{
	background:#fff5f9;
	color: #f53c7f;
}
#noiceonly .nav-link-category.ad-blue{
	background:#f8faff;
	color: #2993f7;
}
#noiceonly .config-accordion{
	pointer-events: initial;
}
#noiceonly .config-accordion + li{
	display: none;
	padding: 10px;
	text-align: center;
}
#noiceonly .config-accordion + li img{
	margin-left: auto;
	margin-right: auto;
}
@media (max-width: 767px){
#noiceonly .nav-link-set li{
	border:none;
}
#noiceonly .config-accordion + li img{
	margin-bottom: 24px;
}
#noiceonly .nav-link-set .config-accordion:before {
    content: "\f107";
}
#noiceonly .nav-link-set .config-accordion.switchactive:before {
    content: "\f106";
}
}
#noiceonly .config-accordion + li.switchactive{
	display: block !important;
	background: #fafafa;
}

/* 2019/7/25 会員規約改正の再通知
----------------------------------------------------*/
blockquote,
blockquote h2 {
	font-size: 16px;
}
@media (max-width: 767px){
	blockquote,
	blockquote h2 {
		font-size: 14px;
	}
}
ol li + li {
	margin-top: 0.8rem;
}

/* (1)～数字リスト自動ナンバリング(※ul) */
ul.li-suji {
	margin-top: 0.8rem;
}
ul.li-suji li {
	counter-increment: suji;
	list-style: none;
}
ul.li-suji li:before {
	content: '\0028'counter(suji)'\0029 ';
}
ul.li-suji li {
	margin-left: 1.6rem;
	text-indent: -1.6rem;
}

/* 2019/8/2 税改正のTable
----------------------------------------------------*/
.w90-100 {
	width: 90%;
	margin: 2rem 5%;
}
@media (max-width: 767px){
	.w90-100 {
		width: 100%;
		margin: 2rem 0%;
	}
}
	.tbl-a {
		border-collapse: collapse;
		width: 100%;
	}
	.tbl-a caption {
		caption-side: top;
		font-size: 16px;
		font-weight: bold;
	}
	.tbl-a th {
		background: #dddddd;
	}
	.tbl-a th,
	.tbl-a td {
		padding: 0.8rem;
		border: 1px solid #bbbbbb;
	}
.tx-center {
	text-align: center;
}



/* コロナ対策用 */
.mainTit-mitsu{
	font-size: 20px !important;
	margin-bottom: 24px;
	margin-top: 24px;
	font-weight: bold;
	text-align: center;
	color: #333;
	font-family: TsukuARdGothic-Regular, "ヒラギノ丸ゴ Pro W4", "ヒラギノ丸ゴ Pro", "Hiragino Maru Gothic Pro", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", HG丸ｺﾞｼｯｸM-PRO, HGMaruGothicMPRO, sans-serif;
}
.mainTit-mitsu span{
	color: #f53d7e;
	font-size: 120%;
}
.img-mitsu{
	border:solid 4px #333;
}
@media (max-width: 767px){
.mainTit-mitsu{
	margin-bottom: 12px;
	margin-top: 12px;
	font-size: 20px;
}
}


.wrap-taisakuzu{
	border:solid 4px #333;
	padding: 12px;
	margin:0;
	float: none;
	width:100%;
}
#notice .row-taisakuzu dl{
	margin:0;
}
#notice .row-taisakuzu dt{
	float: none;
	width:100%;
	padding: 0;
}
#notice .row-taisakuzu dt strong{
	display: block;
	margin-bottom: 12px;
	text-align: center;
	color: #f53d7e;
}
#notice .row-taisakuzu dd{
	float: none;
	border: none;
	padding: 12px 0 0 0;
}
#notice dl dd .btn-movie{
	text-align: center;
	margin-top: 6px;
}
#notice dl dd .btn-movie a{
	display: block;
	width:94%;
	margin:0 auto;
	padding: 5px;
	text-align: center;
	position: relative;
	border:solid 2px #f53d7e;
	color: #f53d7e;
	border-radius: 100px;
	font-size: 14px;
}
#notice dl dd .btn-movie a:before {
    left: -12px;
}
#notice dl dd .btn-movie a:after {
    left: 10px;
}
.pageTit-taisaku{
	text-align: center;
	font-weight: bold;
	font-size: 20px;
	padding-top: 24px;
	padding-bottom: 24px;
	margin-bottom: 24px;
	color: #f53d7e;
	border-bottom: 2px dotted #f53d7e;
}
#customer.pageTit-taisaku{
	color: #2993f7;
	border-bottom: 2px dotted #2993f7;
}
#voice.pageTit-taisaku{
	color: #e39704;
	border-bottom: 2px dotted #e39704;
}
.row-koronanav a{
	display: block;
	width:100%;
	text-align: center;
	padding: 20px 5px;
	background: #f53d7e;
	border:solid 4px #fff4f8;
	color: #fff;
	font-weight: bold;
	position: relative;
	font-size: 18px;
}
.row-koronanav a:after {
    content: "\f107";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    color: #fff;
    position: absolute;
    top: 50%;
    right: 10px;
    margin-top: -12px;
}
.row-koronanav a:hover{
	background: #fff;
	color: #f53d7e;
	text-decoration: none;
}
.row-koronanav a:hover:after {
	color: #f53d7e;
}
.row-koronanav .col-customer a{
	background: #2993f7;
	border:solid 4px #eaf1ff;
	color: #fff;
}
.row-koronanav .col-voice a{
	background: #e39704;
	border:solid 4px #fff5ea;
	color: #fff;
}
.row-koronanav .col-customer a:after {
    color: #fff;
}
.row-koronanav .col-customer a:hover{
	background: #fff;
	color: #2993f7;
}
.row-koronanav .col-customer a:hover:after {
	color: #2993f7;
}
.row-koronanav .col-voice a:after {
    color: #fff;
}
.row-koronanav .col-voice a:hover{
	background: #fff;
	color: #e39704;
}
.row-koronanav .col-voice a:hover:after {
	color: #e39704;
}

.wrap-customer .pageTit-h3-line{
	border-bottom: 2px dotted #2993f7;
}
@media (max-width: 767px){
.wrap-taisakuzu{
	padding: 6px;
}
.row-koronanav{
	width: 90%;
	margin-left: auto;
	margin-right: auto;
}
.row-koronanav a{
	text-align: left;
	padding: 8px 0px;
	background: none;
	border:none;
	color: #f53d7e;
	font-size: 16px;
}
.row-koronanav a:before {
    content: "\f107";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    color: #f53d7e;
    top: auto;
    left: 0;
    margin-right: 10px;
}
.row-koronanav a:after {
    display: none;
}
.row-koronanav .col-customer a{
	background: none;
	border:none;
	color: #2993f7;
}
.row-koronanav .col-voice a{
	background: none;
	border:none;
	color: #e39704;
}
.row-koronanav .col-customer a:before {
	color: #2993f7;
}
.row-koronanav .col-voice a:before {
	color: #e39704;
}
#notice .row-taisakuzu dd{
	font-size: 14px;
}

}

.label-new{
	background: #f53d7e;
	color: #fff;
	display: inline-block;
	border-radius: 3px;
	font-weight: normal;
	padding: 2px 12px;
	margin-right: 6px;
	font-size: 14px;
}
.obi-pink{
	text-align: center;
	padding: 12px;
	color: #fff;
	background: #f53d7e;
	font-size: 16px;
	font-weight: bold;
	position: relative;
	margin-bottom: 24px;
}
.obi-pink:after{
	border-right: 12px solid transparent;
    border-top: 12px solid #f53d7e;
    border-bottom: 12px solid transparent;
    border-left: 12px solid transparent;
    left: 50%;
    content: "";
    display: block;
    bottom: -24px;
    margin-left: -12px;
    position: absolute;
}
.obi-pink.ad-blue{
	background: #2993f7;
}
.obi-pink.ad-blue:after{
	border-right: 12px solid transparent;
    border-top: 12px solid #2993f7;
    border-bottom: 12px solid transparent;
    border-left: 12px solid transparent;
}

.table-seat td,
.table-seat th{
	vertical-align: middle;
	text-align: center;
}
.table-seat th{
	width: 20%;
	background: #fafafa;
	font-size: 14px;
}
.table-seat td{
	font-weight: bold;
	font-size: 16px;
	padding-left: 6px;
	padding-right: 6px;
}
.table-seat td b{
	font-size: 46px;
	line-height: 1;
}
.table-seat th small,
.table-seat td small{
	display: block;
	line-height:1.2;
}
.th-bg-pink{
	background: #fff9fb !important;
}
@media (max-width: 767px){
.obi-pink{
	padding: 6px;
	font-size: 16px;
	margin-bottom: 20px;
	font-weight: normal;
}
.table-seat th{
	width: 20%;
	font-size: 12px;
}
.table-seat td{
	font-weight: bold;
	font-size: 12px;
	line-height: 1;
}
.table-seat td b{
	font-size: 30px;
	line-height: 1;
}
}



.wrap-reserve{
}
.wrap-btn.btn-fixed{
	background:rgba(0,0,0,0.2);
	padding: 6px 6px;
}
.wrap-reserve a {
    display: inline-block;
    border-radius: 4px;
    border:solid 2px #f53d7e;
    background-image:url(/static/img/common/icon/i-nav-bus.png);
    background-repeat: no-repeat;
    color: #f53d7e;
    padding: 12px 24px 12px 48px;
    background-position: 10px 50%;
    background-color: #fff;
    text-align: center;
}
.wrap-reserve a:hover{
	text-decoration: none;
	border:solid 2px #feebf2;
	color: #e566a0;
}
.wrap-voicebtn a {
    display: inline-block;
    border-radius: 4px;
    background:#a12125;
    border:solid 2px #a12125;
    color: #fff;
    padding: 12px 12px;
    text-align: center;
}
.wrap-voicebtn a:hover{
	text-decoration: none;
	border:solid 2px #a12125;
	background:#fff;
	color: #a12125;
}
.btn-fix.btn-fixed {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
}
@media (max-width: 767px){
.wrap-btn.btn-fixed{
	padding: 6px 6px 5px;
}
.wrap-reserve .btn-fixed a {
    width: 90%;
}
}

.wrap-wex{
	/*background:#fff9fb;
	padding:10px 20px;*/
}
.wrap-wexbus{
	background:#fff9fb;
	padding:20px 20px;
}
.wrap-voice{
	background:#fff9ed;
	padding:20px 20px;
}
.wrap-customer{
	background:#f8faff;
	padding:20px 20px;
}
.wrap-wex > .row{
	margin-bottom: 30px;
}
.wrap-customer > .row{
	margin-bottom: 30px;
}

.title-voice{
	text-align: center;
	font-weight: bold;
	margin-bottom: 12px;
	color: #f53d7e;
}
.row-voice{
	width:90%;
	margin:0 auto;
}
.row-voice + .row-voice{
	margin-top: 24px;
}
.col-face{
	float: left;
	width:10%;
	text-align: center;
}
.col-voicetext{
	float: right;
	width: 88%;
	background:#fff;
	padding: 20px;
	border-radius: 10px;
	position: relative;
}
.col-voicetext:before {
    border: 12px solid transparent;
    border-right: 12px solid #fff;
    top:10px;
    content: "";
    display: block;
    left: -22px;
    position: absolute;
}
#notice .col-voicetext p{
	margin-bottom: 0;
	font-size: 14px;
}
.col-voicetext p + p{
	margin-top: 6px;
}
.wrap-wex h3:first-child,
.wrap-wexbus h3:first-child,
.wrap-voice h3:first-child,
.wrap-customer h3:first-child{
	margin-top: 0;
}
@media (max-width: 767px){
.wrap-wex,
.wrap-wexbus,
.wrap-voice,
.wrap-customer{
	padding: 15px 15px;
}
.wrap-wex{
	padding: 15px 0px;
}
.wrap-wex > .row{
	margin-bottom: 20px;
}
.wrap-customer > .row{
	margin-bottom: 20px;
}
.row-voice{
	width:100%;
}
.col-face{
	width:12%;
}
.col-voicetext{
	width: 80%;
	padding: 14px;
}
#notice .col-voicetext p{
	font-size: 13px;
}
}



.link-anchor{
	padding-left: 24px;
}
.link-anchor li{
	font-size: 16px;
	list-style-type: decimal;
}
.link-anchor li + li{
	margin-top: 6px;
}
.link-anchor li a{
	color: #1a0dab;
	font-weight: bold;
	text-decoration: underline;
}
.link-anchor li a:hover{
	text-decoration: none;
}
.link-anchor-02{
	
}
.link-anchor-02 li{
	font-size: 16px;
	list-style:none;
	padding-left: 24px;
	position: relative;
}
.link-anchor-02 li:before{
	content: "・";
	position: absolute;
	top: 1px;
	left: 1px;
}
.link-anchor-02 li + li{
	margin-top: 6px;
}
.link-anchor-02 li a{
	color: #1a0dab;
	font-weight: bold;
	text-decoration: underline;
}
.link-anchor-02 li a:hover{
	text-decoration: none;
}
@media (max-width: 767px){
.link-anchor li,
.link-anchor-02 li{
	font-size: 14px;
}
}

.wrap-wex .pageTit-h3-line:before {
counter-increment:renban;
content:counter(renban) ".";
}
.wrap-wex{counter-reset:renban;}

.wrap-wexbus .pageTit-h3-line:before {
counter-increment:renban;
content:counter(renban) ".";
}
.wrap-wexbus{counter-reset:renban;}

.wrap-customer .pageTit-h3-line:before {
counter-increment:renban;
content:counter(renban) ".";
}
.wrap-customer{counter-reset:renban;}



/*
faq-accordion
*******************/

.acc-box .card{
	border: none;
	position: relative;
	min-width: 0;
	word-wrap: break-word;
	background-color: #fff;
	background-clip: border-box;
	box-shadow: 1px 1px 4px 1px rgb(0 0 0 / 5%);
	border-radius: 4px;
	overflow: hidden;
}
.acc-box .card-header{
	padding:0;
	border:none;
	padding: 0rem;
	margin-bottom: 0;
}
.acc-box .card-header a,
.acc-box .card-header button{
	display:block;
	padding:12px 24px 12px 24px;
	position: relative;
	color:#333;
	background:#fff;
	font-size: 16px;
	width: 100%;
	text-align: left;
	cursor: pointer;
}
.acc-box .card-header a:hover,
.acc-box .card-header button:hover{
	cursor:pointer;
	background:#feebf2;
	opacity:1.0;
	text-decoration:none;
}
.acc-box .card-header a:after,
.acc-box .card-header button:after{
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	right: 20px;
	content: "\f077";
	font-family: "Font Awesome 5 Free";
	font-weight:900;
	color:#999;
	font-size: 12px;
}
.acc-box .card-header a.collapsed:after,
.acc-box .card-header button.collapsed:after{
	content: "\f078";
}
.acc-box .card-header a,
.acc-box .card-header button{
	border-bottom: dotted 1px #ccc;
}
.acc-box .card-header a.collapsed,
.acc-box .card-header button.collapsed{
	border-bottom: none;
}
.acc-box .card-body{
	padding:15px;
}
.acc-box .card-body p{
	font-size:14px;
	line-height:1.6;
	margin-left:5px;
	margin:0;
}
.acc-box .card-body p + p{
	margin-top:1em;
}
.acc-box .card-body a{
	color:#3788e5;
	text-decoration:underline;
}
.acc-box .card-body a:hover{
	text-decoration:none;
}
@media(max-width:767px) {
	.acc-box .card-header a{
		display:block;
		padding:12px 24px 12px 12px;
	}
	.acc-box .card-header a:after{
		font-size:14px;
		right:10px;
	}
	.acc-box .card-body p{
		padding:0px;
		line-height:1.8;
		margin-left:0;
	}

}

.wrap-youtube{
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.wrap-youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}


.wrap-wakubus{
	background: #fafafa;
	width: 100%;
	max-width: 740px;
	margin: 0 auto;
	padding: 12px;
}
.wrap-wakubus p{
	font-size: 14px;
}
.wrap-wakubus .wrap-reserve a{
	background: #f53d7e;
	color: #fff;
	background-image: none;
	padding: 12px 24px;
}
.frame {
	border: 3px solid #eee;
	padding: 10px;
}
@media(min-width:768px) {
	.frame {
		border: 6px solid #eee;
		padding: 30px 20px;
	}
}