.section-diagram-card{margin-bottom:30px;margin-top:30px;@media screen and (min-width:768px){&{margin-bottom:60px;margin-top:60px}}}.diagram-card__area--wrap{background-color:hsla(0,0%,100%,.36);margin:0 8px;padding:35px 25px;@media screen and (min-width:768px){&{margin:0 34px;padding:47px 97px}}@media screen and (min-width:1050px){&{display:grid;grid-template-columns:auto auto;margin:0;padding:47px 66px}}}.diagram-card__area__item__title{border:1px solid;box-sizing:border-box;display:block;font-size:1.6rem;font-weight:var(--fw-bold-jp);letter-spacing:0;line-height:1.5;padding:14px 13px 12px;width:100%;@media screen and (min-width:768px){&{font-size:1.8rem;line-height:1.6;padding:16px 13px 13px}}}.diagram-card__area__item__contents{margin-top:13px;@media screen and (min-width:768px){&{margin-top:21px}}}.diagram-card__area__item__contents.natural{margin-bottom:0}.diagram-card__area__item__contents.natural *{border-color:var(--color-main);color:var(--color-main);&:not(a):after,&:not(a):before{background-color:var(--color-main)!important}}.diagram-card__area__item__contents p{font-family:var(--font-default);font-size:1.4rem;letter-spacing:0;line-height:2;margin-bottom:calc(1px*var(--leading-trim));margin-top:calc(1px*var(--leading-trim));@media screen and (min-width:768px){&{font-size:var(--fz-root-desktop)}}}.section-diagram-card .figure.diagram-card__area__item__img{margin-top:19px;@media screen and (min-width:768px){&{margin-top:26px}}}.diagram-card__area+.diagram-card__area{margin-top:32px;padding-top:32px;position:relative;z-index:1;@media screen and (min-width:768px){&{margin-top:37px;padding-top:37px}}@media screen and (min-width:1050px){&{margin-left:53px;margin-top:0;padding-left:53px;padding-top:0}}&:before{background-color:#fff;content:"";height:25px;left:0;margin:0 auto;mask:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0Ny42NjQiIGhlaWdodD0iMjUuMjg5IiB2aWV3Qm94PSIwIDAgNDcuNjY0IDI1LjI4OSI+PHBhdGggZmlsbD0ibm9uZSIgc3Ryb2tlPSIjZmZmIiBzdHJva2Utd2lkdGg9IjIiIGQ9Im0uNzA4LjcwNyAyMy4wODYgMjMuMTY3TDQ2Ljk1Ny43MDciIGRhdGEtbmFtZT0i44OR44K5IDkwODEiLz48L3N2Zz4=");mask-repeat:no-repeat;mask-size:contain;position:absolute;right:0;top:0;transform:translateY(-50%);width:47px;z-index:-1}@media screen and (min-width:768px){&:before{height:32px;width:64px}}@media screen and (min-width:1050px){&:before{bottom:0;left:0;margin:auto 0;transform:translateX(-50%) rotate(270deg)}}}.dnd-section-color--bg .section-diagram-card .diagram-card__area+.diagram-card__area:after{background-color:var(--color-bg-base-light)}