@charset "utf-8";

/* concierge
============================================================================= */
.T-un_concierge .card-box{ display: flex;}
.T-un_concierge .card_list{ width: 100%;}
.T-un_concierge .card_list-item{ display: flex; align-items: flex-start; position: relative; font-size: 1rem;}
.T-un_concierge .card_list li:not(:first-child){ margin-top: 8px;}
.T-un_concierge .material-icon::before{ display: inline-block; transform: scale(1.3); font-family: 'Material Icons Round'; content: attr(data-icon);}
.T-un_concierge .card_actions .card-bt{ background: #003B82; color: #FFF; font-size: 1rem; text-align: center; font-weight: 700; letter-spacing: 0.08em; cursor: pointer;}
.T-un_concierge .card-img img{ max-width: 100% !important; height: auto; vertical-align: bottom;}

@media screen and (max-width: 768px){
	.T-un_concierge{ padding-top: 32px;}
	.T-un_concierge .JTB-el_heading.-lv02{ font-size: 1.2rem;} 
	.T-un_concierge .card-box{ flex-direction: column-reverse;}
	.T-un_concierge .card_lead{ font-size: 1rem; line-height: 1.6;}
	.T-un_concierge .card_list_wrap p{ font-size: 0.875rem; line-height:1.8;}
	.T-un_concierge .card_actions .card-bt{ padding: 12px 24px;}
	.T-un_concierge .card_list-item .material-icon{ margin: -2px 5px 0 0; font-size: 0.875rem;}
	.T-un_concierge .card-img{ margin:0 auto;}
	.T-un_concierge .sp-none{ display: none;}
}
@media screen and (min-width: 769px){
	.T-un_concierge{ padding-top: 80px;}
	.T-un_concierge .card-box{ flex-direction: row-reverse;}
	.T-un_concierge .card_body{ display: flex; flex-direction: column; margin-left: 24px; width: calc(100% - 300px);}
	.T-un_concierge .card_lead{ font-size: 1.1rem; line-height: 1.6;}
	.T-un_concierge .card_body-foot{ display: flex; justify-content: space-between;}
	.T-un_concierge .card_actions{ display : flex; -webkit-align-items: flex-end; align-items: flex-end;}
	.T-un_concierge .card_actions a:hover{opacity: .6;}
	.T-un_concierge .card_actions .card-bt{ padding: 12px 32px;}
	.T-un_concierge .card_list-item .material-icon{ margin: 0 6px 0 0; font-size: 1rem;}
	.T-un_concierge .card-img{ width: 300px;}
	.T-un_concierge .pc-none{ display: none;}
}