@charset "utf-8";
/* Object
***********************************************************************/
.responsiveTab{
	display:flex;
	flex-wrap:wrap;
	box-shadow:0 -1px 8px rgba(0,0,0,.06), 0 8px 16px rgba(0,0,0,.06);
}
.rT_input{
	position:absolute;
	opacity:0;
}
.rT_label{
	position:relative;
	width:100%;
	padding:12px 16px;
	background:#ffa244;
	cursor:pointer;
	font-weight:bold;
	transition:background 0.1s, color 0.1s;
	border-bottom:1px solid #fff;
}
.rT_label:before,
.rT_label:after{
	display:block;
	position:absolute;
	top:0;
	bottom:0;
	margin:auto;
	background:#313638;
	border-radius:2px;
	content:"";
}
.rT_label:before{
	right:26px;
	width:4px;
	height:24px;
}
.rT_label:after{
	right:16px;
	width:24px;
	height:4px;
}
.rT_input:checked + .rT_label:before{
	content:none;
}
.rT_label .icon:before{
	width:24px;
	height:24px;
	margin-right:12px;
}
.rT_label .icon:after{
	position:absolute;
	top:4px;
	right:56px;
	bottom:4px;
	width:1px;
	height:auto;
	background:#313638;
	content:"";
}
.rT_panel{
	display:none;
	width:100%;
	padding:16px 16px 32px;
	background:#fff;
}
.rT_input:checked + .rT_label + .rT_panel{
	display:block;
}
.rT_panel .dlTable{
	width:100%;
}
.rT_panel .dlTable > dl > dd{
	padding-left:16px;
}
.rT_panel .dlTable > dl:not(:last-child) > dt,
.rT_panel .dlTable > dl:not(:last-child) > dd,
.rT_panel .dlTable .dlTable-pc > dl:not(:last-child) > dd{
	padding-bottom:16px;
}
.rT_panel .dlTable > dl + dl > dt,
.rT_panel .dlTable > dl + dl > dd,
.rT_panel .dlTable .dlTable-pc > dl + dl > dt{
	padding-top:16px;
	border-top:1px solid #e0dfd5;
}
.rT_panel .dlTable-pc dd{
	padding-top:12px;
}
.rT_panel .txt_area + .dlTable-pc{
	margin-top:16px;
}

/*=====================================================================
   PC start
======================================================================*/
@media print, screen and (min-width:768px){
/* Object
***********************************************************************/
.responsiveTab{
	margin:0 -4px;
	box-shadow:none;
}
.rT_label{
	flex:1;
	margin:0 4px;
	padding-right:4px;
	padding-left:0;
	background:#fff;
	border:1px solid #313638;
	box-shadow:0 -1px 8px rgba(0,0,0,.06), 0 8px 16px rgba(0,0,0,.06);
	white-space:nowrap;
	transition:background 0.1s, border 0.1s;
}
.rT_input:checked + .rT_label{
	background:#ffa244;
	border:0;
}
.rT_label .icon{
	display:flex;
	justify-content:center;
}
.rT_label:before,
.rT_label:after,
.rT_label .icon:after{
	content:none;
}
.rT_input:checked + .rT_label:after{
	top:48px;
	right:0;
	left:0;
	bottom:auto;
	background:none;
	border:solid transparent;
	border-top-width:16px;
	border-right-width:24px;
	border-bottom-width:16px;
	border-left-width:24px;
	border-top-color:#ffa244;
	content:"";
}
.pc .rT_label.is-hover{
	border-color:#ffa244;
}
.rT_panel{
	position:relative;
	height:264px;
	margin:28px 4px 0;
	padding:16px 16px 16px 24px;
	order:99;
	box-shadow:0 -1px 8px rgba(0,0,0,.06), 0 8px 16px rgba(0,0,0,.06);
}
.rT_panel:before,
.rT_panel:after{
	position:absolute;
	right:56px;
	left:24px;
	height:1px;
	background:#989a9b;
	content:"";
}
.rT_panel:before{
	top:16px;
}
.rT_panel:after{
	bottom:16px;
}
.rT_panel_scroll{
	height:230px;
	padding-right:24px;
	overflow-y:scroll;
	-webkit-overflow-scrolling:auto;
			overflow-scrolling:auto;
}
.rT_panel_scroll:after{
	display:block;
	width:1px;
	height:16px;
	content:"";
}
.rT_panel_scroll::-webkit-scrollbar{ /* スクロールバー本体 */
	width:15px;
	background:#f0f0f0;
}
.rT_panel_scroll::-webkit-scrollbar-thumb{ /* スクロールバーの動く部分 */
	background:#cdcdcd;
}
.rT_panel .dlTable .dlTable-pc > dl:not(:last-child) > dd{
	padding-bottom:0;
}
.rT_panel .dlTable .dlTable-pc > dl + dl > dt{
	border:0;
}
.rT_panel .dlTable-pc > dl + dl > dt,
.rT_panel .dlTable-pc > dl + dl > dd{
	padding-top:16px;
}
.rT_panel .dlTable-pc dd{
	padding-top:0;
}
.rT_panel .dlTable dl dd > div + div,
.rT_panel_scroll > div + div{
	margin-top:24px;
}
/*=====================================================================
   PC end
======================================================================*/
}