.bf-anchor{display:flex; column-gap:30px; margin:50px 0 0;}
.bf-anchor li{flex:1; font-size:20px; font-weight:bold;}
.bf-anchor li a{display:block; padding:15px 60px; position:relative; text-align:center; text-decoration:none; color:#fff; border-radius:5px; box-shadow:4px 4px 8px 0 rgba(0,0,0,.2); transition:all .3s ease; }
.bf-anchor li a::before{content:''; display:inline-block; width:26px; height:26px; margin-right:20px; vertical-align:middle; background-repeat:no-repeat;}
.bf-anchor li a.talk{background-color:#F09443;}
.bf-anchor li a.listen{background-color:#E58484;}
.bf-anchor li a.talk::before{background-image:url(/oncology/assets/img/sideeffect/peripheral/communication/icnTalk.svg); background-size:26px auto;}
.bf-anchor li a.listen::before{background-image:url(/oncology/assets/img/sideeffect/peripheral/communication/icnListen.svg); background-size:30px auto;}
.bf-anchor li a::after{content:'\e904'; position:absolute; right:20px; top:50%; transform:translateY(-50%); font-family:'oncology'; font-weight:normal;}
.bf-anchor li a:hover{box-shadow:0px 0px 0px 0 rgba(0,0,0,.0); background-color: #FFB65D;}
h2.talk,
h2.listen{position:relative; padding-left:80px; overflow:hidden;}
h2.talk::before,
h2.listen::before{content:''; background-color:#E96F04; background-position:85% center; background-repeat:no-repeat; width:112px; height:112px; position:absolute; left:-50px; top:50%; transform:translateY(-50%); border-radius:50%;}
h2.listen{background:linear-gradient(0deg, #FFB65D, #FFB65D);}
h2.listen::before{background-color:#E26B6B;}
h2.talk::before{background-image:url(/oncology/assets/img/sideeffect/peripheral/communication/icnTalk.svg); background-size:36px auto;}
h2.listen::before{background-image:url(/oncology/assets/img/sideeffect/peripheral/communication/icnListen.svg); background-size:36px auto;}
article h3{position:relative;}
article h3::after{content:''; display:block; width:100%; height:1px; background-color:#ccc; position: absolute; left:0; bottom:-15px;} 
dl.sideeffects.background{align-items:center; display:flex; margin:0 20px 40px;}
dl.sideeffects.background dd{width:calc(100% - 180px); padding-left:40px;}
dl.sideeffects.background dd ul{display:flex; justify-content:flex-start; align-items:flex-start; flex-wrap:wrap; margin:0;}
dl.sideeffects.background dd ul li{margin:0 1.5em .5em 0; padding-left:1em; text-indent:-1em;}
dl.sideeffects.background dd ul li::before{content:'●'; color:#FFB65D;}

article #listen h3::before{background-color:#F8BBA9;}
#listen dl.sideeffects.background dt{background-color:#F8BBA9;}
#listen dl.sideeffects.background dd ul li::before{color:#F8BBA9;}

article .btns-area{background:#FFFCE4; padding:20px; margin-bottom:60px;}
article .btns-area a{background:#E96F04; padding:15px; border:1px #fff solid; border-radius:5px; display:block; color:#fff; font-size:20px; position:relative; box-shadow:4px 4px 8px 0 rgba(0,0,0,.2); transition:all .3s ease; width:660px; margin:0 auto; text-align:center; text-decoration:none; line-height:1.5; font-weight:bold;}
article .btns-area a b{display:block; font-size:24px;}
article .btns-area a::after{content:'\e907'; background:#FFE135; width:44px; height:44px; display:block; right:0; top:calc(50% - 22px); text-align:center; font-weight:normal; line-height:44px; border-radius:4px 0 0 4px; position:absolute; font-family:oncology; font-size:18px; color:#E96F04;}
article .btns-area a:hover{box-shadow:0px 0px 0px 0 rgba(0,0,0,.0); background-color: #FFB65D;}

article .session{margin-bottom:50px; padding:0 120px;}
article .session >div{background-repeat:no-repeat; background-size:150px; min-height:150px; display:flex; align-items:center; margin-bottom:20px;}
article .session >div p{width:fit-content; padding:1em 1.5em; border-radius:.5em; font-size:1.8rem; background:#eee; margin:0; line-height:1.4; position:relative; min-height:80px; display:flex; align-items:center;}
article .session >div p::before{position:absolute; display:block; content:'';}
article .session >div.dr-f{background-image:url(/oncology/assets/img/sideeffect/peripheral/communication/doctorFemale.png); background-position:left center; padding-left:180px; justify-content:flex-start;}
article .session >div.pt-m{background-image:url(/oncology/assets/img/sideeffect/peripheral/communication/patientMale.png); background-position:right center; padding-right:180px; justify-content:flex-end;}
article .session >div.pt-m2{background-image:url(/oncology/assets/img/sideeffect/peripheral/communication/patientMale2.png); background-position:right center; padding-right:180px; justify-content:flex-end;}
article .session >div.pt-f{background-image:url(/oncology/assets/img/sideeffect/peripheral/communication/patientFemale.png); background-position:right center; padding-right:180px; justify-content:flex-end;}


article .session >div.y p{background-color:#FFF291;}
article .session >div.b p{background-color:#DDEFFB;}
article .session >div.p p{background-color:#FFDFD6;}
article .session >div.y.tip-l p::before{width:30px; height:30px; background:url(/oncology/assets/img/sideeffect/peripheral/communication/tipYellow.svg) no-repeat; background-size:contain; left:-26px; bottom:30px;}
article .session >div.p.tip-l p::before{width:30px; height:30px; background:url(/oncology/assets/img/sideeffect/peripheral/communication/tipPink.svg) no-repeat; background-size:contain; left:-26px; bottom:30px;}
article .session >div.b.bubble-r p::before{width:52px; height:43px; background:url(/oncology/assets/img/sideeffect/peripheral/communication/bubbleBlue.svg) no-repeat; background-size:contain; right:-40px; bottom:20px;}
article .session >div.b.tip-r p::before{width:52px; height:43px; background:url(/oncology/assets/img/sideeffect/peripheral/communication/tipBlue.svg) no-repeat; background-size:contain; right:-26px; bottom:30px;}
article .session >div.p.bubble-l p::before{width:52px; height:43px; background:url(/oncology/assets/img/sideeffect/peripheral/communication/bubblePink.svg) no-repeat; background-size:contain; left:-40px; bottom:20px;}

article .session >div.pt-f ul{border:1px #8EBAD7 solid; padding:20px 30px; margin:0; position:relative;}
article .session >div.pt-f ul::after{content:''; display:block; width:30px; height:1px; background:#8EBAD7; position:absolute; right:-30px; top:50%;}
article .session >div.pt-f ul li{padding-left:1em; text-indent:-1em; font-size:1.8rem;}
article .session >div.pt-f ul li::before{content:'●'; color: #8EBAD7;}


article .bf-return{margin:0;}
article .bf-return a{background:#E96F04; color:#fff; position:relative; padding:10px 60px; text-decoration:none; box-shadow:4px 4px 8px 0 rgba(0,0,0,.2); transition:all .3s ease; display:block; width:fit-content;}
article .bf-return a::before{content:'\e906'; width:24px; height:24px; display:block; left:10px; top:calc(50% - 12px); text-align:center; font-weight:normal; line-height:24px; position:absolute; font-family:oncology; font-size:18px;}
article .bf-return a:hover{box-shadow:0px 0px 0px 0 rgba(0,0,0,.0); background-color: #FFB65D;}
article .bf-return.a-ct a{margin:0 auto;} 
article .point{background:#FFFCE4; padding:70px 40px 30px; position:relative;}
article .point h4{background:#FFB65D; width:200px; text-align:center; border:0 none; position:absolute; left:0; top:0; margin:0; padding:14px; color:#000;}
article .point dl{margin:0;}
article .point dl dt{font-weight:bold; text-indent:-1em; padding-left:1em; margin-bottom:10px;}
article .point dl dt::before{content:'●'; color:#FFB65D;}
article .point dl dd{margin:0;}
article h3.expert-methods{text-indent:-9999px; border:0 none; position:static; background:url(/oncology/assets/img/sideeffect/peripheral/communication/ttlExpertMethod.svg) no-repeat center; background-size:cover; height:130px; padding:0;}
article h3.expert-methods::before,
article h3.expert-methods::after{content:none; display:none;}
.experts-header{background:#F69947; padding: 28px 90px 28px 310px; position:relative;}
.experts-header p{background:#fff; display:flex; justify-content:flex-start; align-items:center; border-radius:12px; padding:15px 40px; margin:0; font-weight:bold; position:relative;}
.experts-header ul{background:#fff; border-radius:12px; padding:20px 40px; margin:0; font-weight:bold; position:relative;}
.experts-header ul li{text-indent:-1em; padding-left:1em;}
.experts-header ul li::before{content:'●'; color:#F69947;}
.experts-header::before{width:172px; height:210px; background:url(/oncology/assets/img/sideeffect/peripheral/communication/doctorMale.png) no-repeat center; background-size:contain; position:absolute; left:88px; bottom:0; content:''; display:block;}
.experts-header p::before,
.experts-header ul::before{width:30px; height:30px; background:url(/oncology/assets/img/sideeffect/peripheral/communication/tipWhite.svg) no-repeat; background-size:contain; left:-26px; bottom:30px; content:''; display:block; position:absolute;}

.expert-content{background:#FFFCE4; padding:30px; margin-bottom:20px;}
article .expert-content h4{margin:0 0 20px; background:#FFB65D; width:200px; text-align:center; border:0 none; padding:14px; color:#000;}
article .expert-content ul.regular-dot{margin-bottom:0;}
article .expert-content ul.regular-dot li:last-child{border-bottom:0;}
article .expert-content ul.regular-dot li .case{letter-spacing:0; font-feature-settings:normal; text-indent:-3em; padding-left:3em; margin:0.25em 0;}
article .expert-content ul.regular-dot li figure{margin:10px 0;}
.bitfall-cases{border:1px #FD6C38 solid;}
article .bitfall-cases{padding:20px 30px 10px; margin-bottom:60px;}
article .bitfall-cases h4{border:0; padding:15px 70px 15px 0; margin:0 0 20px; background:url(/oncology/assets/img/sideeffect/peripheral/communication/img_attention.png) no-repeat right center; width:fit-content; background-size:60px auto; font-size:22px;}
article .bitfall-cases dl{margin:0;}
article .bitfall-cases dl dt{font-weight:bold; text-indent:-1em; padding-left:1em; margin-bottom:10px;}
article .bitfall-cases dl dt::before{content:'●'; color:#FFB65D;}
article .bitfall-cases dl dd{margin:0 0 25px;}


@media (max-width: 767px){
  .bf-anchor{display:block; margin:30px 0 50px;}
  .bf-anchor li{font-size:18px;}
  .bf-anchor li a{display:block; padding:10px 30px 10px 50px; text-align:left;}
  .bf-anchor li a::before{content:''; display:block; margin-right:0; width:30px; height:30px; position: absolute; left:10px; top:calc(50% - 15px);}
  .bf-anchor li a::after{right:10px; top:50%; transform:translateY(-50%); font-family:'oncology'; font-weight:normal;}

  article h2.talk,
  article h2.listen{padding-left:60px; padding-right:20px;}
  h2.talk::before,
  h2.listen::before{background-position:85% center; width:80px; height:80px; position:absolute; left:-30px;}
  h2.talk::before{background-size:30px auto;}
  h2.listen::before{background-size:30px auto;}
  article h3{margin-bottom:30px;}
  dl.sideeffects.background{display:block; margin:0 0 20px;}
  dl.sideeffects.background dt{width:100%;}
  dl.sideeffects.background dd{width:auto; padding-left:0;}
  dl.sideeffects.background dd ul{display:block;}
  dl.sideeffects.background dd ul li{font-size:14px;}

  article .btns-area{padding:15px; margin:0 -15px 40px;}
  article .btns-area a{padding:10px; border:1px #fff solid; font-size:14px; width:auto;}
  article .btns-area a b{font-size:16px;}
  article .btns-area a::after{width:30px; height:30px; top:calc(50% - 15px); line-height:30px; font-size:14px;}
  article .btns-area a:hover{box-shadow:0px 0px 0px 0 rgba(0,0,0,.0); background-color: #FFB65D;}

  article .session{margin-bottom:40px; padding:0;}
  article .session >div{background-size:60px; min-height:50px; margin-bottom:20px;}
  article .session >div p{padding:1em 1em; font-size:16px; min-height:50px;}
  article .session >div p br{display:none;}
  article .session >div.dr-f{padding-left:70px;}
  article .session >div.pt-m{padding-right:70px;}
  article .session >div.pt-m2{padding-right:70px;}
  article .session >div.pt-f{padding-right:70px;}

  article .session >div.y.tip-l p::before{width:15px; height:15px; left:-12px; bottom:20px;}
  article .session >div.p.tip-l p::before{width:15px; height:15px; left:-12px; bottom:20px;}
  article .session >div.b.bubble-r p::before{width:26px; height:22px; right:-24px; bottom:20px;}
  article .session >div.b.tip-r p::before{width:26px; height:22px; right:-24px; bottom:20px;}
  article .session >div.p.bubble-l p::before{width:26px; height:22px; left:-24px; bottom:20px;}

  article .session >div.pt-f ul{padding:10px 15px;}
  article .session >div.pt-f ul::after{width:15px; right:-15px;}
  article .session >div.pt-f ul li{font-size:16px;}

  article .bf-return{margin:30px 0;}
  article .bf-return a{width:50vw; text-align:center; padding-left:40px; padding-right:40px;}

  article .point{padding:15px; position:static;}
  article .point h4{width:auto; position:static; padding:10px; font-size:16px; margin-bottom:15px;}
  article .point dl{margin:0; font-size:14px;}
  article h3.expert-methods{background-size:240vw; height:30vw; margin:40px -15px 20px;}
  article h3.expert-methods::before,
  article h3.expert-methods::after{content:none; display:none;}
  .experts-header{padding:15px 15px 15px 80px; position:relative; margin:0 -15px;}
  .experts-header p{border-radius:8px; padding:10px 15px; font-size:14px; line-height:1.5;}
  .experts-header ul{border-radius:8px; padding:10px 15px;}
  .experts-header ul li{font-size:14px; line-height:1.5;}
  .experts-header::before{width:70px; height:100%; left:6px; background-position:center bottom;}
  .experts-header p::before,
  .experts-header ul::before{width:15px; height:15px; left:-13px; bottom:20px;}

  .expert-content{padding:15px; margin:0 -15px 20px;}
  article .expert-content h4{margin:0 0 15px; width:auto; padding:12px;}
  article .expert-content ul.regular-dot li{font-size:14px;}
  article .expert-content ul.regular-dot li figure{margin:8px 0;}
  article .bitfall-cases{padding:15px 15px 5px; margin-bottom:40px;}
  article .bitfall-cases h4{padding:10px 50px 10px 0; margin:0 0 10px; width:fit-content; background-size:40px auto; font-size:18px;}
  article .bitfall-cases dl{margin:0; font-size:14px;}
  article .bitfall-cases dl dd{margin:0 0 15px;}
}