/*! ========================================================
   style_faq.css
   たびらいFAQページで使用します。
   Update: 2017/7/6
========================================================= */

/* =========================================================
   共通設定
========================================================= */

/* 遊ゴシック体のウェイト調整用ハック */
@font-face {
	font-family: "YuGothic M";
	src: local("Yu Gothic Medium");
}

#main {
	font-family: YuGothic, "YuGothic M", "メイリオ", "Meiryo",
		"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;
	color: #645c5c;
}

/* パン屑
--------------------------- */
.pl-breadcrumb {
	overflow: hidden;
	text-align: left;
	font-size: 12px;
	width: 980px;
	margin: 0.5em auto 0.5em;
	padding: 0;
	list-style: none;
}

.pl-breadcrumb__item {
	display: inline-block;
	list-style: none;
}

.pl-breadcrumb__item::after {
	content: ">";
	display: inline-block;
	margin: 0 0.25em;
}

.pl-breadcrumb__item:last-child::after {
	content: none;
}

/* ボタン
--------------------------- */

.pl-button {
	width: 100%;
	height: 50px;
	font-size: 18px;
	padding: 10px 20px;
	margin: 10px 0;
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	vertical-align: middle;
	align-items: center;
	-webkit-transition: all 0.1s linear;
	transition: all 0.1s linear;
	background: #003894;
}
.pl-button.bus {
	height: 60px;
	display: block;
}
.pl-button.tour {
	height: 60px;
	display: block;
}

.pl-button::after {
	content: "";
	width: 14px;
	height: 14px;
	margin-top: -3px;
	position: absolute;
	top: 40%;
	right: 16px;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	border-top: solid 4px #fff;
	border-right: solid 4px #fff;
}
.pl-button span {
	font-size: 14px;
}

.pl-button:link,
.pl-button:visited {
	color: #fff;
	text-decoration: none;
}

.pl-button:hover {
	background-color: #b0cfff;
	color: #003894;
}

.pl-button:hover::after {
	border-top: solid 4px #003894;
	border-right: solid 4px #003894;
}

/* ボタン(ピンク)
--------------------------- */

.pl-button-pink {
	width: 460px;
	height: 50px;
	font-size: 18px;
	padding: 10px 20px;
	margin: 10px 0;
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	vertical-align: middle;
	align-items: center;
	-webkit-transition: all 0.1s linear;
	transition: all 0.1s linear;
	background: #ff5976;
}

.pl-button-pink::after {
	content: "";
	width: 14px;
	height: 14px;
	margin-top: -3px;
	position: absolute;
	top: 40%;
	right: 16px;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	border-top: solid 4px #fff;
	border-right: solid 4px #fff;
}

.pl-button-pink:link,
.pl-button:visited {
	color: #fff;
	text-decoration: none;
}

.pl-button-pink:hover {
	background-color: #f5dadf;
	color: #ff5976;
}

.pl-button-pink:hover::after {
	border-top: solid 4px #ff5976;
	border-right: solid 4px #ff5976;
}

/* テキストリンク
--------------------------- */

.pl-textLink {
	font-size: 16px;
}

.pl-textLink:link,
.pl-textLink:visited {
	color: #2067b7;
	text-decoration: underline;
}

.pl-textLink:hover {
	opacity: 0.6;
}

/* =========================================================
   セクション
========================================================= */

/* pl-faq
--------------------------- */

#pl-faq {
	width: 980px;
	margin: 0 auto;
}

.pl-faq__head {
	margin: 35px auto 40px;
}

.pl-faq__head__title {
	font-size: 28px;
	font-weight: 700;
	text-align: left;
	line-height: 1.8;
	position: relative;
}

.pl-faq__head__title::before {
	content: "";
	width: 100%;
	height: 4px;
	background: #efefef;
	position: absolute;
	bottom: 0;
	z-index: 1;
}

.pl-faq__head__title::after {
	content: "";
	width: 98px;
	height: 4px;
	background: #003894;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 2;
}

.pl-faq__head__text {
	font-size: 16px;
	line-height: 1.6;
}

.pl-faq__head__text span {
	color: #ff0000;
	display: block;
}

/* pl-box
--------------------------- */

.pl-boxWrapper {
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border: 2px dotted #7584d1;
	padding: 60px 80px;
	/* display: -webkit-box; */
	/* display: -ms-flexbox; */
	/* display: flex; */
	/* -ms-flex-wrap: wrap; */
	/* flex-wrap: wrap; */
	/* -webkit-box-pack: justify; */
	/* -ms-flex-pack: justify; */
	/* justify-content: space-between; */
}

.pl-box {
	/* width: 335px; */
	margin-bottom: 30px;
}

.pl-box__title {
	font-size: 20px;
	font-weight: 700;
	line-height: 1.6;
	border-bottom: 2px solid #dbdbdb;
	padding-bottom: 10px;
}

.pl-box__title span {
	display: block;
	font-size: 18px;
}

.pl-box__button {
	width: 460px;
	margin: 20px 0;
}

.pl-box__note {
	font-size: 14px;
	color: #ff0000;
	margin-top: 1em;
}

.pl-box__link__lang {
	font-size: 18px;
	margin: 0 auto 10px;
}

.pl-box__link__lang::before {
	content: "【";
	margin-left: -10px;
}

.pl-box__link__lang::after {
	content: "】";
	margin-left: 2px;
}

.pl-box__link__tel {
	font-size: 20px;
	position: relative;
	color: #2067b7;
}

.pl-box__link__tel span {
	color: #645c5c;
}

.pl-box__link__tel span::after {
	content: ":";
	padding: 0 4px;
}