@charset "UTF-8";

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

.faq{
	font-family:"BIZ UDPGothic", "Hiragino Sans W3", "Hiragino Kaku Gothic ProN W3", "メイリオ", "Meiryo", sans-serif;
	font-size:14px;
}

.faq-btn{
	cursor:pointer;
	padding:0;
	font-size:0.81em;
}

.faq .modal-header{
	background-color:#f96a1a;
	padding:0.25rem 1rem 0.25rem 1.25rem;
	color:#ffffff;
}

.faq .modal-header .close{
	opacity:1.0;
	padding:1.25rem 1rem;
	color:#ffffff;
	font-size:1.13em;
}

.faq .modal-header .modal-title{
	font-size:1.13em;
	font-weight:bold;
}

.faq .modal-body{
	background-color:#ffffff;
	padding:2em;
	font-weight:normal;
	line-height:1.6;
}

.faq .modal-body .modal-title{
	margin-bottom:1em;
	color:#f96a1a;
	font-weight:bold;
	font-size:133%;
}

.faq .modal-body p{
	margin-left:2em;
}

.faq .modal-body li p{
	margin-left:0;
	padding-left:0;
}

.faq .modal-body .question{
	margin-top:2em;
	margin-bottom:0.5em;
	text-indent:-1.7em;
	font-weight:bold;
}

.faq .modal-body .answer{
	text-indent:-1.7em;
	color:#2b538d;
	font-weight:bold;
}

.faq .modal-body .notice{
	color:#bd0001;
	font-weight:bold;
}

.faq .modal-body li{
	margin-left:0.5em;
	padding-bottom:1.0em;
	text-align:left !important;
}

.faq .modal-body li ul{
	padding-left:2em;
}

.faq .modal-body li li{
	margin-left:0;
}

.faq .modal-body .image-wrapper{
	margin-right:auto;
	margin-left:auto;
	width:100%;
	max-width:589px;
}

.faq .modal-body .image-wrapper img{
	width:100%;
}

.faq .modal-footer{
	border:none;
}

.faq .modal-footer .btn-sm{
	font-size:0.875em;
}

.faq .btn{
	white-space:normal;
}

.faq .button-row{
	margin-top:30px;
	margin-bottom:5px;
	padding-top:15px;
}

.faq .button-row .btn{
	margin-bottom:30px;
	min-width:200px;
	min-height:50px;
}

.faq .button-row .btn-md{
	padding 3px 6px;
	border-radius: 0.4rem;
	line-height:1.2;
	margin-bottom:15px;
	min-width:100px;
	min-height:30px;
}

.faq .button-row .btn-sm{
	padding 3px;
	line-height:1.2;
	border-radius: 0.5rem;
	margin-bottom:10px;
	min-width:80px;
	min-height:30px;
}

.faq .button-row .btn-link{
	padding 6px 0 0;
	line-height:1.2;
	min-width:0;
	min-height:0;
	margin-bottom:10px;
}

.faq .conditions-panel .button-row .btn{
	margin-bottom:15px;
}

.faq .breadcrumb{
	background-color:transparent;
	padding:0;
	font-size:0.75rem;
}

@media screen and (min-width: 0px) and (max-width: 575px){
	.faq .modal-body{
		padding:1em;
	}

	.faq .button-row .btn{
		margin-bottom:15px;
		width:100%;
	}
}

/* embed_video */
.faq .faq-video-wrapper{
	margin-left:auto;
	margin-right:auto;
	width:100%;
	max-width:589px;
}

.faq .embed_video>iframe,
.faq .embed_video video{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

.faq .embed_video{
	position:relative;
	margin:16px 0;
	padding-bottom:56.25%; /*アスペクト比 16:9の場合の縦幅*/
	height:0;
	overflow:hidden;
}

.faq .embed_video{
	margin:16px 0;
}








/* ----------------------------------------
faq-menu
---------------------------------------- */

.wrapper .faq-menu .tab-contents{
	margin-top:15px;
	border-bottom:solid 1px #dee2e6;
}

.wrapper .faq-menu .tab-contents:first-child{
	margin-top:0;
}

.wrapper .faq-menu .faq-btn{
	font-size:1.0rem;
}

.wrapper .faq-menu .tab-contents ul.faq-list-btn-group{
	list-style-type:none;
}

.wrapper .faq-menu .tab-contents ul.faq-list-btn-group li{
	position:relative;
	padding-bottom:1em;
	padding-left:20px;
}

.wrapper .faq-menu .tab-contents ul.faq-list-btn-group li:last-child{
	padding-bottom:0;
}

.wrapper .faq-menu .tab-contents ul.faq-list-btn-group li:before{
	position:absolute;
	top:-0.09em;
	left:-0.25em;
	content:'\f059';
	font-family:"Font Awesome 6 Free";
	font-weight:900;
	font-size:1.13rem;
	color:#f96a1a;
}

.wrapper .faq-menu .tab-contents ul.faq-list-btn-group li a{
	font-size:1.06rem;
}