@charset "utf-8";
/*----------------------------------------------------
    PCサイトcss
----------------------------------------------------*/
@media screen and (min-width: 768px) {
/*/////////////PC用のCSSをここに作成してください。/////////////*/
/*/////////////必ず中括弧の中に作成してください。/////////////*/

.before-after-box {
    display: flex;
    margin-block: 4rem;
    justify-content: center;
}
p.twb-p span {
    background: linear-gradient(transparent 60%, #dbe64a 60%);
    font-weight: bold;
}
p.cmp2-lead span {
    background: linear-gradient(transparent 60%, #dbe64a 60%);
    font-weight: bold;
}
.arrow-title .target {
    font-size: 2.2rem;
    padding: .8rem;
    font-weight: 700;
    color: #fff;
    position: relative;
}	

}



/*----------------------------------------------------
    SPサイトcss
----------------------------------------------------*/
@media screen and (max-width: 767px) {
/*/////////////SP用のCSSをここに作成してください。/////////////*/
/*/////////////必ず中括弧の中に作成してください。/////////////*/
iframe {
    width: 100%;
}
.conclusion-title::before{
	display: block;
    top: -2.8rem;
    font-size: 3rem;
}

.conclusion-title-deco {
    padding-left: 0rem;
}
.conclusion-title {
    padding: 2rem 2rem 2rem 0rem;
}
	p.twb-p span {
    background: linear-gradient(transparent 60%, #dbe64a 60%);
    font-weight: bold;
}
	
/* ---------------------------------------------
   #low-page SP caption scroll
	--------------------------------------------- */
@media screen and (max-width: 767px) {
  #low-page > .caption {
    display: block;
    max-width: 100%;
    text-align: left;
    white-space: nowrap;        /* ① 넘치게 만든다 */
    word-break: normal;         /* ② break-all 해제 (핵심) */
    overflow-wrap: normal;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: thin;
  }
  #low-page > .caption a {
    white-space: nowrap;
    word-break: normal;
  }
  #low-page > .caption::-webkit-scrollbar {
    height: .6rem;
  }
  #low-page > .caption::-webkit-scrollbar-track {
    background: #eee;
    border-radius: .3rem;
  }
  #low-page > .caption::-webkit-scrollbar-thumb {
    background: #ddd;
    border-radius: .3rem;
  }
p.cmp2-lead span {
    background: linear-gradient(transparent 60%, #dbe64a 60%);
    font-weight: bold;
}
.arrow-title .target {
    font-size: 2.2rem;
    padding: .8rem;
    font-weight: 700;
    color: #fff;
    position: relative;
}	
	}
}