/* =========================================================
 * 旧テーマ（kaz-hakata-clinic.jp）由来の装飾クラス
 *   f-marker-*: 蛍光ペン風マーカー（4色）
 *   xcd-*: 旧 Xeory Contents Decorator のFAQ/見出し/カラム装飾
 *
 * 当該クラスは本文（the_content）内で使われるので、はだか書きで適用OK。
 * 必要に応じて後で .single .{news,case,column}-post-content のスコープを絞れる。
 * ========================================================= */

.f-marker-y { background-image:-webkit-linear-gradient(transparent 80%,#f8eba9 80%);background-image:linear-gradient(transparent 80%,#f8eba9 80%) }
.f-marker-p { background-image:-webkit-linear-gradient(transparent 80%,#ffc7f6 80%);background-image:linear-gradient(transparent 80%,#ffc7f6 80%) }
.f-marker-w { background-image:-webkit-linear-gradient(transparent 80%,#abeffe 80%);background-image:linear-gradient(transparent 80%,#abeffe 80%) }
.f-marker-g { background-image:-webkit-linear-gradient(transparent 80%,#afffb1 80%);background-image:linear-gradient(transparent 80%,#afffb1 80%) }
.single .entry-content .f-marker-p { background-image:linear-gradient(0deg,#ffc7f6,#ffc7f6 30%,transparent 30%,transparent) }
.f-marker-p { background-image:linear-gradient(0deg,#ffc7f6,#ffc7f6 30%,transparent 30%,transparent) }
.single .entry-content .f-marker-y { background-image:linear-gradient(0deg,#f8eba9,#f8eba9 30%,transparent 30%,transparent) }
.f-marker-y { background-image:linear-gradient(0deg,#f8eba9,#f8eba9 30%,transparent 30%,transparent) }
.single .entry-content .f-marker-w { background-image:linear-gradient(0deg,#abeffe,#abeffe 30%,transparent 30%,transparent) }
.f-marker-w { background-image:linear-gradient(0deg,#abeffe,#abeffe 30%,transparent 30%,transparent) }
.single .entry-content .f-marker-g { background-image:linear-gradient(0deg,#afffb1,#afffb1 30%,transparent 30%,transparent) }
.f-marker-g { background-image:linear-gradient(0deg,#afffb1,#afffb1 30%,transparent 30%,transparent) }
h2.xcd-h2-1 { font-size:26px;padding:28px 24px;color:#fff;font-weight:700;position:relative;margin-bottom:30px;-webkit-transition:all ease-in-out .3s;transition:all ease-in-out .3s;border:none }
h2.xcd-h2-1:after { content:"";position:absolute;border-right:15px solid transparent;border-left:15px solid transparent;bottom:-15px;left:24px;-webkit-transition:all ease-in-out .3s;transition:all ease-in-out .3s }
h2.xcd-h2-1.xcd-col1 { background:#999 }
h2.xcd-h2-1.xcd-col1:after { border-top:15px solid #999 }
h2.xcd-h2-1.xcd-col2 { background:#1dbbda }
h2.xcd-h2-1.xcd-col2:after { border-top:15px solid #1dbbda }
h2.xcd-h2-1.xcd-col3 { background:#1abb9a }
h2.xcd-h2-1.xcd-col3:after { border-top:15px solid #1abb9a }
h2.xcd-h2-1.xcd-col4 { background:#2581c4 }
h2.xcd-h2-1.xcd-col4:after { border-top:15px solid #2581c4 }
h2.xcd-h2-1.xcd-col5 { background:#fb6c4d }
h2.xcd-h2-1.xcd-col5:after { border-top:15px solid #fb6c4d }
h2.xcd-h2-2 { font-size:26px;padding:28px 24px;color:#fff;font-weight:700;position:relative;margin-bottom:30px;text-align:center;-webkit-transition:all ease-in-out .3s;transition:all ease-in-out .3s;border:none }
h2.xcd-h2-2:after { content:"";position:absolute;border-right:15px solid transparent;border-left:15px solid transparent;bottom:-15px;left:50%;margin-left:-15px;-webkit-transition:all ease-in-out .3s;transition:all ease-in-out .3s }
h2.xcd-h2-2.xcd-col1 { background:#999 }
h2.xcd-h2-2.xcd-col1:after { border-top:15px solid #999 }
h2.xcd-h2-2.xcd-col2 { background:#1dbbda }
h2.xcd-h2-2.xcd-col2:after { border-top:15px solid #1dbbda }
h2.xcd-h2-2.xcd-col3 { background:#1abb9a }
h2.xcd-h2-2.xcd-col3:after { border-top:15px solid #1abb9a }
h2.xcd-h2-2.xcd-col4 { background:#2581c4 }
h2.xcd-h2-2.xcd-col4:after { border-top:15px solid #2581c4 }
h2.xcd-h2-2.xcd-col5 { background:#fb6c4d }
h2.xcd-h2-2.xcd-col5:after { border-top:15px solid #fb6c4d }
.xcd-h2-3 { font-weight:700;margin-bottom:30px;margin-bottom:40px }
.xcd-h2-3>br { display:none }
.xcd-h2-3 .xcd-subtext { -webkit-transition:all ease-in-out .3s;transition:all ease-in-out .3s;font-size:16px;margin-bottom:0 }
.xcd-h2-3.xcd-col1 .xcd-subtext { color:#999 }
.xcd-h2-3.xcd-col2 .xcd-subtext { color:#1dbbda }
.xcd-h2-3.xcd-col3 .xcd-subtext { color:#1abb9a }
.xcd-h2-3.xcd-col4 .xcd-subtext { color:#2581c4 }
.xcd-h2-3.xcd-col5 .xcd-subtext { color:#fb6c4d }
.xcd-h2-3 .xcd-title { font-size:22px;font-weight:700;position:relative;margin-top:12px;border:none;padding:0 }
.xcd-h2-3 .xcd-title:after { content:"";display:block;width:100%;height:2px;position:absolute;bottom:-8px;-webkit-transition:all ease-in-out .3s;transition:all ease-in-out .3s }
.xcd-h2-3.xcd-col1 .xcd-title:after { background:#999 }
.xcd-h2-3.xcd-col2 .xcd-title:after { background:#1dbbda }
.xcd-h2-3.xcd-col3 .xcd-title:after { background:#1abb9a }
.xcd-h2-3.xcd-col4 .xcd-title:after { background:#2581c4 }
.xcd-h2-3.xcd-col5 .xcd-title:after { background:#fb6c4d }
.xcd-h2-4.xcd-col1 .xcd-subtext { color:#999 }
.xcd-h2-4.xcd-col2 .xcd-subtext { color:#1dbbda }
.xcd-h2-4.xcd-col3 .xcd-subtext { color:#1abb9a }
.xcd-h2-4.xcd-col4 .xcd-subtext { color:#2581c4 }
.xcd-h2-4.xcd-col5 .xcd-subtext { color:#fb6c4d }
.xcd-h2-4.xcd-col1 .xcd-title:after { background:#999 }
.xcd-h2-4.xcd-col2 .xcd-title:after { background:#1dbbda }
.xcd-h2-4.xcd-col3 .xcd-title:after { background:#1abb9a }
.xcd-h2-4.xcd-col4 .xcd-title:after { background:#2581c4 }
.xcd-h2-4.xcd-col5 .xcd-title:after { background:#fb6c4d }
.xcd-h2-5.xcd-col1 .xcd-balloon { background:#999 }
.xcd-h2-5.xcd-col1 .xcd-balloon:after { border-top:30px solid #999 }
.xcd-h2-5.xcd-col1 .xcd-line:after { background:#999 }
.xcd-h2-5.xcd-col2 .xcd-balloon { background:#1dbbda }
.xcd-h2-5.xcd-col2 .xcd-balloon:after { border-top:30px solid #1dbbda }
.xcd-h2-5.xcd-col2 .xcd-line:after { background:#1dbbda }
.xcd-h2-5.xcd-col3 .xcd-balloon { background:#1abb9a }
.xcd-h2-5.xcd-col3 .xcd-balloon:after { border-top:30px solid #1abb9a }
.xcd-h2-5.xcd-col3 .xcd-line:after { background:#1abb9a }
.xcd-h2-5.xcd-col4 .xcd-balloon { background:#2581c4 }
.xcd-h2-5.xcd-col4 .xcd-balloon:after { border-top:30px solid #2581c4 }
.xcd-h2-5.xcd-col4 .xcd-line:after { background:#2581c4 }
.xcd-h2-5.xcd-col5 .xcd-balloon { background:#fb6c4d }
.xcd-h2-5.xcd-col5 .xcd-balloon:after { border-top:30px solid #fb6c4d }
.xcd-h2-5.xcd-col5 .xcd-line:after { background:#fb6c4d }
.xcd-h2-6.xcd-col1 .xcd-balloon { background:#999 }
.xcd-h2-6.xcd-col1 .xcd-balloon:after { border-top:30px solid #999 }
.xcd-h2-6.xcd-col1 .xcd-line:after { background:#999 }
.xcd-h2-6.xcd-col2 .xcd-balloon { background:#1dbbda }
.xcd-h2-6.xcd-col2 .xcd-balloon:after { border-top:30px solid #1dbbda }
.xcd-h2-6.xcd-col2 .xcd-line:after { background:#1dbbda }
.xcd-h2-6.xcd-col3 .xcd-balloon { background:#1abb9a }
.xcd-h2-6.xcd-col3 .xcd-balloon:after { border-top:30px solid #1abb9a }
.xcd-h2-6.xcd-col3 .xcd-line:after { background:#1abb9a }
.xcd-h2-6.xcd-col4 .xcd-balloon { background:#2581c4 }
.xcd-h2-6.xcd-col4 .xcd-balloon:after { border-top:30px solid #2581c4 }
.xcd-h2-6.xcd-col4 .xcd-line:after { background:#2581c4 }
.xcd-h2-6.xcd-col5 .xcd-balloon { background:#fb6c4d }
.xcd-h2-6.xcd-col5 .xcd-balloon:after { border-top:30px solid #fb6c4d }
.xcd-h2-6.xcd-col5 .xcd-line:after { background:#fb6c4d }
.xcd-faq-1 { margin-bottom:40px }
.xcd-faq-1:after { content:"";display:block;clear:both }
.xcd-faq-1 .xcd-question { margin:0 0 24px;font-weight:700;line-height:32px }
.xcd-faq-1 .xcd-question:after { content:"";display:block;clear:both }
.xcd-faq-1 .xcd-question .xcd-q-icon { margin:0;font-size:18px;color:#fff;width:32px;height:32px;border-radius:50%;text-align:center;-webkit-transition:all ease-in-out .3s;transition:all ease-in-out .3s;float:left;display:inline-block }
.xcd-faq-1 .xcd-question .xcd-q-content { float:right;width:calc(100% - 32px);padding-left:12px;margin-bottom:0;-webkit-box-sizing:border-box;box-sizing:border-box;margin:0 }
.xcd-faq-1.xcd-col1 .xcd-question .xcd-q-icon { background:#999 }
.xcd-faq-1.xcd-col2 .xcd-question .xcd-q-icon { background:#1dbbda }
.xcd-faq-1.xcd-col3 .xcd-question .xcd-q-icon { background:#1abb9a }
.xcd-faq-1.xcd-col4 .xcd-question .xcd-q-icon { background:#2581c4 }
.xcd-faq-1.xcd-col5 .xcd-question .xcd-q-icon { background:#fb6c4d }
.xcd-faq-1 .xcd-answer { margin:0;line-height:32px }
.xcd-faq-1 .xcd-answer:after { content:"";display:block;clear:both }
.xcd-faq-1 .xcd-answer .xcd-a-icon { margin:0;font-size:18px;width:32px;height:32px;text-align:center;-webkit-transition:all ease-in-out .3s;transition:all ease-in-out .3s;float:left;display:inline-block;font-weight:700 }
.xcd-faq-1 .xcd-answer .xcd-a-content { float:right;width:calc(100% - 32px);padding-left:12px;margin-bottom:0;-webkit-box-sizing:border-box;box-sizing:border-box;margin:0 }
.xcd-faq-2 { margin-bottom:40px }
.xcd-faq-2 .xcd-question { font-weight:700;color:#fff;-webkit-transition:all ease-in-out .3s;transition:all ease-in-out .3s;padding:16px 24px }
.xcd-faq-2 .xcd-question:before { content:"Q";font-size:18px;float:left;line-height:24px }
.xcd-faq-2 .xcd-question:after { content:"";display:block;clear:both }
.xcd-faq-2 .xcd-question .xcd-q-content { float:right;width:calc(100% - 20px);padding-left:12px;margin-bottom:0;line-height:24px;-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;color:#fff;display:block }
.xcd-faq-2.xcd-col1 .xcd-question { background:#999 }
.xcd-faq-2.xcd-col2 .xcd-question { background:#1dbbda }
.xcd-faq-2.xcd-col3 .xcd-question { background:#1abb9a }
.xcd-faq-2.xcd-col4 .xcd-question { background:#2581c4 }
.xcd-faq-2.xcd-col5 .xcd-question { background:#fb6c4d }
.xcd-faq-2 .xcd-answer { padding:16px 24px;margin:0;-webkit-transition:all ease-in-out .3s;transition:all ease-in-out .3s }
.xcd-faq-2 .xcd-answer:before { content:"A";font-size:18px;float:left;line-height:24px;font-weight:700 }
.xcd-faq-2 .xcd-answer:after { content:"";display:block;clear:both }
.xcd-faq-2 .xcd-answer .xcd-a-content { float:right;width:calc(100% - 20px);padding-left:12px;margin-bottom:0;line-height:24px;-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;display:block }
.xcd-faq-3 { margin-bottom:40px }
.xcd-faq-3:after { content:"";display:block;clear:both }
.xcd-faq-3 .xcd-question { margin:0 0 24px;font-weight:700;line-height:32px }
.xcd-faq-3 .xcd-question:after { content:"";display:block;clear:both }
.xcd-faq-3 .xcd-question .xcd-q-icon { margin:0;font-size:18px;color:#fff;width:48px;height:40px;line-height:40px;text-align:center;-webkit-transition:all ease-in-out .3s;transition:all ease-in-out .3s;float:left;display:inline-block;position:relative }
.xcd-faq-3 .xcd-question .xcd-q-icon:after { content:"";position:absolute;left:0;top:100%;height:0;width:0;border-bottom:10px solid transparent;-webkit-transition:all ease-in-out .3s;transition:all ease-in-out .3s }
.xcd-faq-3 .xcd-question .xcd-q-content { float:right;width:calc(100% - 48px);padding-left:12px;margin-bottom:0;-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;display:block }
.xcd-faq-3.xcd-col1 .xcd-question .xcd-q-icon { background:#999 }
.xcd-faq-3.xcd-col1 .xcd-question .xcd-q-icon:after { border-left:24px solid #999;border-right:24px solid #999 }
.xcd-faq-3.xcd-col2 .xcd-question .xcd-q-icon { background:#1dbbda }
.xcd-faq-3.xcd-col2 .xcd-question .xcd-q-icon:after { border-left:24px solid #1dbbda;border-right:24px solid #1dbbda }
.xcd-faq-3.xcd-col3 .xcd-question .xcd-q-icon { background:#1abb9a }
.xcd-faq-3.xcd-col3 .xcd-question .xcd-q-icon:after { border-left:24px solid #1abb9a;border-right:24px solid #1abb9a }
.xcd-faq-3.xcd-col4 .xcd-question .xcd-q-icon { background:#2581c4 }
.xcd-faq-3.xcd-col4 .xcd-question .xcd-q-icon:after { border-left:24px solid #2581c4;border-right:24px solid #2581c4 }
.xcd-faq-3.xcd-col5 .xcd-question .xcd-q-icon { background:#fb6c4d }
.xcd-faq-3.xcd-col5 .xcd-question .xcd-q-icon:after { border-left:24px solid #fb6c4d;border-right:24px solid #fb6c4d }
.xcd-faq-3 .xcd-answer { margin:0;line-height:32px }
.xcd-faq-3 .xcd-answer:after { content:"";display:block;clear:both }
.xcd-faq-3 .xcd-answer .xcd-a-icon { margin:0;font-size:18px;width:48px;height:32px;text-align:center;-webkit-transition:all ease-in-out .3s;transition:all ease-in-out .3s;float:left;display:inline-block;font-weight:700 }
.xcd-faq-3 .xcd-answer .xcd-a-content { float:right;width:calc(100% - 48px);padding-left:12px;margin-bottom:0;-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;display:block }
.xcd-faq-4 { margin-bottom:40px }
.xcd-faq-4 .xcd-question-wrap { padding:16px 24px }
.xcd-faq-4 .xcd-question-wrap:after { content:"";display:block;clear:both }
.xcd-faq-4 .xcd-question-icon { float:left;width:60px;height:60px;display:inline-block;position:relative }
.xcd-faq-4 .xcd-question-icon:after { position:absolute;content:"";-webkit-mask:url(../img/icons/user.svg) no-repeat;mask:url(../img/icons/user.svg) no-repeat;-webkit-mask-size:contain;mask-size:contain;background-color:#333;top:12px;left:0;width:40px;height:40px }
.xcd-faq-4 .xcd-question { float:right;font-weight:700;color:#fff;-webkit-transition:all ease-in-out .3s;transition:all ease-in-out .3s;width:calc(100% - 60px);padding:16px 24px;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box }
.xcd-faq-4 .xcd-question:before { content:"Q";font-size:18px;float:left;line-height:24px }
.xcd-faq-4 .xcd-question:after { content:"";position:absolute;top:15px;left:-30px;border:15px solid transparent;-webkit-transition:all ease-in-out .3s;transition:all ease-in-out .3s }
.xcd-faq-4 .xcd-question p { float:right;width:calc(100% - 20px);padding-left:12px;margin-bottom:0;line-height:24px;-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;color:#fff }
.xcd-faq-4.xcd-col1 .xcd-question { background:#999 }
.xcd-faq-4.xcd-col1 .xcd-question:after { border-right:15px solid #999 }
.xcd-faq-4.xcd-col2 .xcd-question { background:#1dbbda }
.xcd-faq-4.xcd-col2 .xcd-question:after { border-right:15px solid #1dbbda }
.xcd-faq-4.xcd-col3 .xcd-question { background:#1abb9a }
.xcd-faq-4.xcd-col3 .xcd-question:after { border-right:15px solid #1abb9a }
.xcd-faq-4.xcd-col4 .xcd-question { background:#2581c4 }
.xcd-faq-4.xcd-col4 .xcd-question:after { border-right:15px solid #2581c4 }
.xcd-faq-4.xcd-col5 .xcd-question { background:#fb6c4d }
.xcd-faq-4.xcd-col5 .xcd-question:after { border-right:15px solid #fb6c4d }
.xcd-faq-4 .xcd-answer { padding:16px 24px 16px 84px;margin:0;-webkit-transition:all ease-in-out .3s;transition:all ease-in-out .3s }
.xcd-faq-4 .xcd-answer:before { content:"A";font-size:18px;float:left;line-height:24px;font-weight:700 }
.xcd-faq-4 .xcd-answer:after { content:"";display:block;clear:both }
.xcd-faq-4 .xcd-answer p { float:right;width:calc(100% - 20px);padding-left:12px;margin-bottom:0;line-height:24px;-webkit-box-sizing:border-box;box-sizing:border-box;margin:0 }
.xcd-attention-1.xcd-col1 .xcd-title { background:#999 }
.xcd-attention-1.xcd-col2 .xcd-title { background:#1dbbda }
.xcd-attention-1.xcd-col3 .xcd-title { background:#1abb9a }
.xcd-attention-1.xcd-col4 .xcd-title { background:#2581c4 }
.xcd-attention-1.xcd-col5 .xcd-title { background:#fb6c4d }
.xcd-attention-2.xcd-col1 .xcd-title { background:#999 }
.xcd-attention-2.xcd-col1 .xcd-title:before { color:#999 }
.xcd-attention-2.xcd-col2 .xcd-title { background:#1dbbda }
.xcd-attention-2.xcd-col2 .xcd-title:before { color:#1dbbda }
.xcd-attention-2.xcd-col3 .xcd-title { background:#1abb9a }
.xcd-attention-2.xcd-col3 .xcd-title:before { color:#1abb9a }
.xcd-attention-2.xcd-col4 .xcd-title { background:#2581c4 }
.xcd-attention-2.xcd-col4 .xcd-title:before { color:#2581c4 }
.xcd-attention-2.xcd-col5 .xcd-title { background:#fb6c4d }
.xcd-attention-2.xcd-col5 .xcd-title:before { color:#fb6c4d }
.xcd-attention-3.xcd-col1 .xcd-title { background:#999 }
.xcd-attention-3.xcd-col1 .xcd-title:after { background-color:#999 }
.xcd-attention-3.xcd-col2 .xcd-title { background:#1dbbda }
.xcd-attention-3.xcd-col2 .xcd-title:after { background-color:#1dbbda }
.xcd-attention-3.xcd-col3 .xcd-title { background:#1abb9a }
.xcd-attention-3.xcd-col3 .xcd-title:after { background-color:#1abb9a }
.xcd-attention-3.xcd-col4 .xcd-title { background:#2581c4 }
.xcd-attention-3.xcd-col4 .xcd-title:after { background-color:#2581c4 }
.xcd-attention-3.xcd-col5 .xcd-title { background:#fb6c4d }
.xcd-attention-3.xcd-col5 .xcd-title:after { background-color:#fb6c4d }
.xcd-attention-4.xcd-col1 .xcd-title { background:#999 }
.xcd-attention-4.xcd-col2 .xcd-title { background:#1dbbda }
.xcd-attention-4.xcd-col3 .xcd-title { background:#1abb9a }
.xcd-attention-4.xcd-col4 .xcd-title { background:#2581c4 }
.xcd-attention-4.xcd-col5 .xcd-title { background:#fb6c4d }
.xcd-attention-5.xcd-col1 .xcd-title { background:#999 }
.xcd-attention-5.xcd-col1 .xcd-title:before { color:#999 }
.xcd-attention-5.xcd-col2 .xcd-title { background:#1dbbda }
.xcd-attention-5.xcd-col2 .xcd-title:before { color:#1dbbda }
.xcd-attention-5.xcd-col3 .xcd-title { background:#1abb9a }
.xcd-attention-5.xcd-col3 .xcd-title:before { color:#1abb9a }
.xcd-attention-5.xcd-col4 .xcd-title { background:#2581c4 }
.xcd-attention-5.xcd-col4 .xcd-title:before { background-color:#fff }
.xcd-attention-5.xcd-col5 .xcd-title { background:#fb6c4d }
.xcd-attention-5.xcd-col5 .xcd-title:before { color:#fb6c4d }
.xcd-attention-6.xcd-col1 .xcd-title { background:#999 }
.xcd-attention-6.xcd-col1 .xcd-title:before { background-color:#999 }
.xcd-attention-6.xcd-col2 .xcd-title { background:#1dbbda }
.xcd-attention-6.xcd-col2 .xcd-title:before { background-color:#1dbbda }
.xcd-attention-6.xcd-col3 .xcd-title { background:#1abb9a }
.xcd-attention-6.xcd-col3 .xcd-title:before { background-color:#1abb9a }
.xcd-attention-6.xcd-col4 .xcd-title { background:#2581c4 }
.xcd-attention-6.xcd-col4 .xcd-title:before { background-color:#2581c4 }
.xcd-attention-6.xcd-col5 .xcd-title { background:#fb6c4d }
.xcd-attention-6.xcd-col5 .xcd-title:before { background-color:#fb6c4d }
.xcd-attention-7.xcd-col1:before { background:#999 }
.xcd-attention-7.xcd-col2:before { background:#1dbbda }
.xcd-attention-7.xcd-col3:before { background:#1abb9a }
.xcd-attention-7.xcd-col4:before { background:#2581c4 }
.xcd-attention-7.xcd-col5:before { background:#fb6c4d }
.xcd-attention-8.xcd-col1:before { background:#999 }
.xcd-attention-8.xcd-col2:before { background:#1dbbda }
.xcd-attention-8.xcd-col3:before { background:#1abb9a }
.xcd-attention-8.xcd-col4:before { background:#2581c4 }
.xcd-attention-8.xcd-col5:before { background:#fb6c4d }
.xcd-btn-1.xcd-col1 a.xcd-btn-title { background:#999 }
.xcd-btn-1.xcd-col2 a.xcd-btn-title { background:#1dbbda }
.xcd-btn-1.xcd-col3 a.xcd-btn-title { background:#1abb9a }
.xcd-btn-1.xcd-col4 a.xcd-btn-title { background:#2581c4 }
.xcd-btn-1.xcd-col5 a.xcd-btn-title { background:#fb6c4d }
.xcd-btn-2.xcd-col1 a.xcd-btn-title { background:#999 }
.xcd-btn-2.xcd-col2 a.xcd-btn-title { background:#1dbbda }
.xcd-btn-2.xcd-col3 a.xcd-btn-title { background:#1abb9a }
.xcd-btn-2.xcd-col4 a.xcd-btn-title { background:#2581c4 }
.xcd-btn-2.xcd-col5 a.xcd-btn-title { background:#fb6c4d }
.xcd-btn-3.xcd-col1 a.xcd-btn-title { background:#999 }
.xcd-btn-3.xcd-col2 a.xcd-btn-title { background:#1dbbda }
.xcd-btn-3.xcd-col3 a.xcd-btn-title { background:#1abb9a }
.xcd-btn-3.xcd-col4 a.xcd-btn-title { background:#2581c4 }
.xcd-btn-3.xcd-col5 a.xcd-btn-title { background:#fb6c4d }
.xcd-btn-4.xcd-col1 a.xcd-btn-title { background:#999 }
.xcd-btn-4.xcd-col2 a.xcd-btn-title { background:#1dbbda }
.xcd-btn-4.xcd-col3 a.xcd-btn-title { background:#1abb9a }
.xcd-btn-4.xcd-col4 a.xcd-btn-title { background:#2581c4 }
.xcd-btn-4.xcd-col5 a.xcd-btn-title { background:#fb6c4d }
.xcd-btn-5.xcd-col1 a.xcd-btn-title { background:#999 }
.xcd-btn-5.xcd-col2 a.xcd-btn-title { background:#1dbbda }
.xcd-btn-5.xcd-col3 a.xcd-btn-title { background:#1abb9a }
.xcd-btn-5.xcd-col4 a.xcd-btn-title { background:#2581c4 }
.xcd-btn-5.xcd-col5 a.xcd-btn-title { background:#fb6c4d }
.xcd-btn-6.xcd-col1 a.xcd-btn-title { background:#999 }
.xcd-btn-6.xcd-col2 a.xcd-btn-title { background:#1dbbda }
.xcd-btn-6.xcd-col3 a.xcd-btn-title { background:#1abb9a }
.xcd-btn-6.xcd-col4 a.xcd-btn-title { background:#2581c4 }
.xcd-btn-6.xcd-col5 a.xcd-btn-title { background:#fb6c4d }

/* =========================================================
 * xcd-question-icon の人型アイコン（xcd-faq-4 等で使用）
 *   元: kaz-hakata-clinic.jp の Xeory Contents Decorator
 *   user.svg を mask-image で塗りつぶす方式（色は background-color で変えられる）
 *   SVGは theme/assets/img/icons/user.svg にローカル配置
 * ========================================================= */

.xcd-question-wrap {
    position: relative;
    margin-bottom: 0;
}

.xcd-faq-4 .xcd-question-wrap {
    padding-left: 64px;
    min-height: 60px;
}

.xcd-question-icon {
    float: left;
    width: 60px;
    height: 60px;
    display: inline-block;
    position: absolute;
    left: 0;
    top: 0;
}

.xcd-question-icon:after {
    position: absolute;
    content: "";
    -webkit-mask: url("../img/icons/user.svg") no-repeat center / contain;
            mask: url("../img/icons/user.svg") no-repeat center / contain;
    background-color: #333;
    top: 12px;
    left: 10px;
    width: 40px;
    height: 40px;
}

/* xcd-col* のカラーに応じて人型アイコンの色も合わせる（FAQ4 用） */
.xcd-faq-4.xcd-col1 .xcd-question-icon:after { background-color: #999; }
/* .xcd-faq-4.xcd-col2 .xcd-question-icon:after { background-color: #1dbbda; } */
.xcd-faq-4.xcd-col3 .xcd-question-icon:after { background-color: #1abb9a; }
.xcd-faq-4.xcd-col4 .xcd-question-icon:after { background-color: #2581c4; }
.xcd-faq-4.xcd-col5 .xcd-question-icon:after { background-color: #fb6c4d; }

/* SP調整: .xcd-faq-4 の質問/回答の左右パディングを詰める */
@media screen and (max-width: 768px) {
    .xcd-faq-4 .xcd-question-wrap { padding-left: 0px; }
    .xcd-faq-4 .xcd-answer { padding: 15px 0px 15px 0px; }
}