@charset "utf-8";

/* ======================================================
 * door_alarm_light.css
 * ------------------------------------------------------
 * @media print, screen and (min-width: 768px)
 * - Page Component
 * - Clearfix
 * PC Media Queries
 * @media only screen and (max-width: 767px)
 * - Page Component
 * - Clearfix
 * SP Media Queries
 * Print
====================================================== */

/* ======================================================
 * PC
====================================================== */
@media print, screen and (min-width: 768px) {
  /* ------------------------------------------------------
   * Page Component
  ------------------------------------------------------ */
  .pc-hidden {
    display: none;
  }
  /* ----- 購入ボタン ----- */
  /* ----- ec-button ----- */
  .ec-heading {
    position: relative;
    padding-right: 100px;
  }
  .heading-ec-button {
    position: absolute;
    display: inline-block;
    width: 88px;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
  }
  .ec-button_link {
    display: inline-block;
    padding: 5px 26px 7px;
    background-color: #fff;
    border: 2px solid #418fde;
    border-radius: 6px;
    color: #418fde !important;
    font-weight: bold;
    font-size: 1.6rem;
    line-height: 1;
    font-family: "Noto Sans CJK JP", "Noto Sans", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  }
  .ec-button_link:hover {
    background-color: #daebfc;
  }
  .table-ec {
    display: flex;
    align-items: center;
  }
  .table-ec-button {
    margin-left: 10px;
    max-width: 250px;
    min-width: 88px;
    vertical-align: top;
  }
  .table-ec-button_link {
    display: inline-block;
    padding: 5px 25px 7px;
    background-color: #fff;
    border: 2px solid #418fde;
    border-radius: 6px;
    color: #418fde;
    font-weight: bold;
    font-size: 1.6rem;
    line-height: 1;
    font-family: "Noto Sans CJK JP", "Noto Sans", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  }
  .table-ec-button_link:hover {
    opacity: 1;
    background-color: #daebfc;
  }
  /* -----common----- */
  .cd20__heading2 {
    margin-top: 2em;
  }
  .cd20__heading2__title {
    text-align: center;
    font-family: "Noto Sans", "Noto Sans CJK JP";
    position: relative;
  }
  .cd20__heading2__title::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 2px;
    top: 50%;
    margin-top: -1px;
    left: 0;
    background: #333;
    z-index: -1;
  }
  .cd20__heading2__title > span {
    font-size: 3.0rem;
    font-weight: 700;
    background: #fff;
    padding: 0 2.5%;
    z-index: 1;
  }
  .cd20__heading2-v2 {
    margin-top: 2em;
  }
  .cd20__heading2-v2__title {
    text-align: center;
    font-family: "Noto Sans", "Noto Sans CJK JP";
    position: relative;
  }
  .cd20__heading2-v2__title::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 2px;
    top: 50%;
    margin-top: -1px;
    left: 0;
    background: #fff;
    z-index: -1;
  }
  .cd20__heading2-v2__title > span {
    font-size: 3.0rem;
    font-weight: 700;
    background: #333;
    padding: 0 2.5%;
    z-index: 1;
  }
  /* -----cd20_main-layout----- */
  .cd20_main-layout {
    font-family: "Noto Sans", "Noto Sans CJK JP";
  }
  .cd20_main-layout__head {
    background: #333;
    border-top-right-radius: 20px;
    border-top-left-radius: 20px;
  }
  .cd20_main-layout__head__inner {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 25px 1% 30px 4%
  }
  .cd20_main-layout__head__title {
    width: 32%;
    text-align: center;
  }
  .cd20_main-layout__head__textwrap {
    width: 65%;
    margin-left: 3%;
    color: #fff;
  }
  .cd20_main-layout__head__lead {
    font-size: 4.0rem;
    line-height: 1.4;
  }
  .cd20_main-layout__head__date {
    font-size: 1.6rem;
  }
  .cd20_main-layout__visual__inner{
    position: relative;
  }
  .cd20_main-layout__visual__text-wrap {
    position: absolute;
    bottom: 20px;
    left: 0;
    width: 100%;
  }
  .cd20_main-layout__visual__text {
    text-align: center;
  }
  .cd20_main-layout__visual__text >span {
    color: #fff;
    font-size: 2.4rem;
    font-weight: 700;
    text-shadow: 9px 9px 27px rgba(0,0,0,1);
    line-height: 1.4;
  }
  .cd20_main-layout__visual__text__img-wrap {
    text-align: center;
  }
  .cd20_main-layout__visual__text__img {
    display: inline-block;
    max-width: 55%;
  }
  .cd20_main-layout__visual__text__img > img {
    margin-top: -10px;
  }
  .cd20_main-layout__lead {
    border: 1px solid #333;
    border-bottom-right-radius: 20px;
    border-bottom-left-radius: 20px;
  }
  .cd20_main-layout__lead__inner {
    padding: 20px 0;
  }
  .cd20_main-layout__lead__text {
    font-size: 2.2rem;
    font-weight: 500;
    text-align: center;
    line-height: 1.6;
    padding-left: .5em;
  }
  .cd20_main-layout + * {
    margin-top: 70px;
  }
  /* -----cd20_ventilation----- */
  .cd20_ventilation {
    position: relative;
    color: #fff;
    margin-top: 70px;
  }
  .cd20_ventilation::before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #333;
    border-radius: 20px;
    z-index: -9999;
  }
  .cd20_ventilation__inner{
    padding: 28px 2.5% 32px;
  }
  .cd20_ventilation__inner > * {
    margin-top: 0;
  }
  .cd20_ventilation__lead{
    text-align: center;
    font-size: 2.2rem;
    font-weight: 700;
    font-family: "Noto Sans", "Noto Sans CJK JP";
  }
  .cd20_ventilation__text{
    text-align: center;
    font-size: 1.6rem;
    margin-top: .5em;
    line-height: 1.6;
  }
  .cd20_ventilation__card-wrap {
    display: flex;
    margin-top: 32px;
  }
  .cd20_ventilation__card {
    width: calc((100% - 6%) /3) ; 
  }
  .cd20_ventilation__card + .cd20_ventilation__card {
    margin-left: 3%;
  }
  .cd20_ventilation__card__type {
    position: relative;
  }
  .cd20_ventilation__card__image > img {
    width: 100%;
  }
  .cd20_ventilation__card__body {
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    background: rgba(255,255,255,.9);
    padding: 6px 0;
  }
  .cd20_ventilation__card__title {
    font-family: "Noto Sans", "Noto Sans CJK JP";
    text-align: center;
    font-weight: 700;
    font-size: 1.6rem;
    color: #333;
  }
  .cd20_ventilation__list-wrap {
    margin-top: 1em;
  }
  .cd20_ventilation__note-list > li {
    font-size: 1.4rem;
    padding-left: 1.5em;
    position: relative;
  }
  .cd20_ventilation__note-list > li + li {
    margin-top: .7em;
  }
  .cd20_ventilation__note-list > li > .cd20_ventilation__note-list__mark {
    position: absolute;
    top: 0;
    left: 0;
  }
  
  /* -----cd20_concentration----- */
  .cd20_concentration {
    margin-top: 70px;
  }
  .cd20_concentration__inner > * {
    margin-top: 0;
  }
  .cd20_concentration__lead{
    text-align: center;
    font-size: 2.2rem;
    font-weight: 700;
    font-family: "Noto Sans", "Noto Sans CJK JP";
  }
  .cd20_concentration__item-wrap {
    margin-top: 20px;
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    align-items: stretch;
  }
  .cd20_concentration__item-wrap > .cd20_concentration__item {
    width: calc((100% - 6%) /3) ;
    margin-left: 3%;
  }
  .cd20_concentration__item-wrap > .cd20_concentration__item.green {
    width: calc((((100% - 1.5%) /3) *2) - .1px);
  }
  .cd20_concentration__item:first-of-type {
    margin-left: 0;
  }
  .cd20_concentration__item:nth-of-type(n+3) {
    margin-top: 25px;
  }
  .cd20_concentration__item:nth-of-type(3n) {
    margin-left: 0;
  }
  .cd20_concentration__item__column {
    display: flex;
    margin-top: 1em;
  }
  .cd20_concentration__item__column > .cd20_concentration__item__body{
    width: calc((100% - 4.5%) /2) ;
    margin-left: 4.5%;
  }
  .cd20_concentration__item__column > .cd20_concentration__item__body:first-of-type{
    margin-left: 0;
  }
  .cd20_concentration__item__head + .cd20_concentration__item__body {
    margin-top: 1em;
  }
  .cd20_concentration__item__head {
    padding-left: 32px;
    position: relative;
    font-family: "Noto Sans", "Noto Sans CJK JP";
  }
  .cd20_concentration__item__head::after {
    position: absolute;
    content: "";
    top: 30%;
    left: 0;
    margin-top: -11px;
    width: 21px;
    height: 21px;
    border-radius: 50%;
  }
  .cd20_concentration__item.green .cd20_concentration__item__head::after {
    background: #45b035;
  }
  .cd20_concentration__item.yellow .cd20_concentration__item__head::after {
    background: #efab16;
  }
  .cd20_concentration__item.red .cd20_concentration__item__head::after {
    background: #e8331a;
  }
  .cd20_concentration__item__lead__text {
    font-size: 2.2rem;
    font-weight: 700;
  }
  .cd20_concentration__item__small {
    font-size: 1.6rem;
  }
  .cd20_concentration__item__text {
    font-size: 1.6rem;
  }
  .cd20_concentration__item__body > .cd20_concentration__item__img-wrap {
    border-radius: 20px;
    text-align: center;
    padding: 8px 12px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .cd20_concentration__item__img-wrap > img {
    flex-shrink: 0;
  }
  .cd20_concentration__item.green .cd20_concentration__item__body > .cd20_concentration__item__img-wrap {
    background: #ecf7ea;
  }
  .cd20_concentration__item.yellow .cd20_concentration__item__body > .cd20_concentration__item__img-wrap {
    background: #fdf6e7;
  }
  .cd20_concentration__item.red .cd20_concentration__item__body > .cd20_concentration__item__img-wrap {
    background: #fdeae8;
  }
  .cd20_concentration__list-wrap {
    margin-top: .7rem;
  }
  .cd20_concentration__note-list > li {
    line-height: 1.5;
    font-size: 1.4rem;
    padding-left: 1.5em;
    position: relative;
  }
  .cd20_concentration__note-list > li > .cd20_concentration__note-list__mark {
    position: absolute;
    top: 0;
    left: 0;
  }
  /* -----cd20_other----- */
  .cd20_other {
    margin-top: 60px;
  }
  .cd20_other__inner > *:first-child {
    margin-top: 0!important;
  }
  .cd20_other__card-wrap {
    display: flex;
    flex-flow: row wrap;
    margin-top: 26px;
  }
  .cd20_other__card,
  .cd20_other__card-v2 {
    width: calc(((100% - 3%) /2) - .1px) ;
    margin-left: 3%;
  }
  .cd20_other__card-v2 {
    background: #333;
    border-radius: 20px;
    color: #fff;
    padding: 25px 2.5%;
  }
  .cd20_other__card-wrap > *:nth-of-type(2n-1){
    margin-left: 0;
  }
  .cd20_other__card-wrap > *:nth-of-type(n+3){
    margin-top: 30px;
  }
  .cd20_other__card__head {
    background: #333;
    color: #fff;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    padding: 25px 5.5% 15px;
  }
  .cd20_other__card__body > .cd20_other__card__image > img {
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    
  }
  .cd20_other__card__title {
    font-size: 2.2rem;
    font-weight: 700;
  }
  .cd20_other__card__text {
    line-height: 1.4;
  }
  .cd20_other__list-wrap {
    margin-top: 10px;
  }
  .cd20_other__note-list > li {
    font-size: 1.4rem;
    padding-left: 1.5em;
    position: relative;
  }
  .cd20_other__note-list > li > .cd20_other__note-list__mark {
    position: absolute;
    top: 0;
    left: 0;
  }

  /* -----cd20_series----- */
  .cd20_series{
    margin: 45px 0 150px;
  }
  .cd20_series__inner > *:first-child {
    margin-top: 0!important;
  }
  .cd20_series__heading {
    margin: 3.75em 0 2em;
    padding-bottom: 15px;
    border-bottom: 2px solid #004d66;
  }
  .cd20_series__heading + * {
    margin-top: 0!important;
  }
  .cd20_series__heading__title {
    font-size: 2.8rem;
    font-weight: 700;
    line-height: 1.5;
    font-family: "Noto Sans", "Noto Sans CJK JP";
  }
  .cd20_series__linkitem-wrap {
    display: flex;
    margin-top: 30px;
  }
  .cd20_series__linkitem {
    width: calc((100% - 3%) /2) ;
  }
  .cd20_series__linkitem + .cd20_series__linkitem {
    margin-left: 3%;
  }
  .cd20_series__linkitem__lead {
    font-size: 1.6rem;
    font-weight: 700;
    color: #004d66;
    text-align: center;
    font-family: "Noto Sans", "Noto Sans CJK JP";
  }
  .cd20_series__linkitem__inner {
    display: flex;
    margin-top: 1.2em;
  }
  .cd20_series__linkitem__head {
    width: 40%;
  }
  .cd20_series__linkitem__body {
    margin-left: 3%;
    width: 57%;
  }
  .cd20_series__linkitem__type:link,
  .cd20_series__linkitem__type:hover,
  .cd20_series__linkitem__type:active,
  .cd20_series__linkitem__type:visited {
   color: #333;
  }
  .cd20_series__linkitem__type:hover .cd20_series__linkitem__title > span{
   text-decoration: underline;
  }
  .cd20_series__linkitem__title {
    margin-top: -5px;
  }
  .cd20_series__linkitem__title > span {
    position: relative;
    display: inline-block;
    font-size: 2.4rem;
    font-weight: 700;
    padding-right: 10px;
    font-family: "Noto Sans", "Noto Sans CJK JP";
  }
  .cd20_series__linkitem__title > span::after {
    position: absolute;
    top: .7em;
    left: 100%;
    width: 10px;
    height: 10px;
    border-top: 1px solid #145b72;
    border-right: 1px solid #145b72;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    content: "";
  }
  .cd20_series__linkitem__name {
    font-size: 2.4rem;
    font-weight: 500;
    margin-top: -5px;
    font-family: "Noto Sans", "Noto Sans CJK JP";
  }
  .cd20_series__linkitem__description {
    line-height: 1.6;
    margin-top: .5em;
  }
  /* ------------------------------------------------------
   * Clearfix
  ------------------------------------------------------ */
  .clearfix::after {
    display: block;
    clear: both;
    content: "";
  }
}

/* ======================================================
 * PC Media Queries
====================================================== */
@media screen and (min-width: 768px) and (max-width: 1280px) {
}
@media screen and (min-width: 768px) and (max-width: 1080px) {
}
  
/***
@media screen and (min-width: 768px) and (max-width: 960px) {
}
@media screen and (min-width: 1921px) {
}
@media screen and (min-width: 768px) and (max-width: 1920px) {
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
}
***/


/* ======================================================
 * SP
====================================================== */
@media only screen and (max-width: 767px) {
  /* ------------------------------------------------------
   * Page Component
  ------------------------------------------------------ */
  .sp-hidden {
    display: none;
  }
  /* ----- ec-button ----- */
  .ec-heading {
    position: relative;
    padding-right: 80px;
  }
  .heading-ec-button {
    position: absolute;
    display: inline-block;
    width: 70px;
    right: 0;
    top: 0;
  }
  .ec-button {
    margin-top: 17px;
    text-align: center;
  }
  .ec-button_link {
    display: inline-block;
    padding: 2px 19px;
    background-color: #fff;
    border: 2px solid #418fde;
    border-radius: 5px;
    color: #418fde !important;
    font-weight: bold;
    font-size: 1.4rem;
    font-family: "Noto Sans CJK JP", "Noto Sans", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  }
  .table-ec {
    display: flex;
    align-items: center;
    flex-flow: row wrap;
  }
  .table-ec-button {
    display: inline-block;
    max-width: 120px;
    min-width: 65px;
    margin-top: 5px;
    margin-left: 6px;
    padding: 0;
    vertical-align: middle;
  }
  .table-ec-button_link {
    display: inline-block;
    border: 2px solid #418fde;
    border-radius: 5px;
    padding: 2px 19px;
    color: #418fde;
    font-weight: bold;
    font-size: 1.4rem;
    font-family: "Noto Sans CJK JP", "Noto Sans", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  }
  /* -----common----- */
  .cd20__heading2 {
    margin-top: 2em;
  }
  .cd20__heading2__title {
    text-align: center;
    font-family: "Noto Sans", "Noto Sans CJK JP";
    position: relative;
  }
  .cd20__heading2__title::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 2px;
    top: 50%;
    margin-top: -1px;
    left: 0;
    background: #333;
    z-index: -1;
  }
  .cd20__heading2__title > span {
    font-size: 2.1rem;
    font-weight: 700;
    background: #fff;
    padding: 0 10px;
    z-index: 1;
  }
  .cd20__heading2-v2 {
    margin-top: 2em;
  }
  .cd20__heading2-v2__title {
    text-align: center;
    font-family: "Noto Sans", "Noto Sans CJK JP";
    position: relative;
  }
  .cd20__heading2-v2__title::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 2px;
    top: 50%;
    margin-top: -1px;
    left: 0;
    background: #fff;
    z-index: -1;
  }
  .cd20__heading2-v2__title > span {
    font-size: 2.1rem;
    font-weight: 700;
    background: #333;
    padding: 0 2.5%;
    z-index: 1;
  }
  /* -----cd20_main-layout----- */
  .cd20_main-layout {
    font-family: "Noto Sans", "Noto Sans CJK JP";
    margin: -10px -15px 0 !important;
    display: flex;
    flex-direction: column;
  }
  .cd20_main-layout + * {
    margin-top: 40px;
  }
  .cd20_main-layout__head {
    background: #333;
    order: 2;
  }
  .cd20_main-layout__head__inner {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 30px 15px 20px;
  }
  .cd20_main-layout__head__title {
    width: 44%;
    text-align: center;
  }
  .cd20_main-layout__head__textwrap {
    width: 48%;
    margin-left: 8%;
    color: #fff;
  }
  .cd20_main-layout__head__lead {
    font-size: 1.4rem;
    line-height: 1.6;
  }
  .cd20_main-layout__head__date {
    font-size: 1.3rem;
    margin-top: .8em;
  }
  .cd20_main-layout__visual {
    order: 1;
  }
  .cd20_main-layout__visual__inner{
    position: relative;
  }
  .cd20_main-layout__visual__inner > img{
    width: 100%;
  }
  .cd20_main-layout__visual__text-wrap {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    margin-top: -1.6em;
  }
  .cd20_main-layout__visual__text {
    text-align: center;
    line-height: 1.4;
  }
  .cd20_main-layout__visual__text >span {
    color: #fff;
    font-size: 1.342rem;
    font-weight: 700;
    text-shadow: 9px 9px 27px rgba(0,0,0,0.3);
  }
  .cd20_main-layout__visual__text__img {
    margin: 5px 2% 0;
  }
  .cd20_main-layout__lead {
    border-bottom: 1px solid #333;
    order: 3;
  }
  .cd20_main-layout__lead__inner {
    padding: 15px 20px;
  }
  .cd20_main-layout__lead__text {
    font-size: 1.6rem;
    font-weight: 500;
    text-align: center;
    line-height: 1.6;
  }
  /* -----cd20_ventilation----- */
  .cd20_ventilation {
    position: relative;
    color: #fff;
  }
  .cd20_ventilation::before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #333;
    border-radius: 10px;
    z-index: -9999;
  }
  .cd20_ventilation__inner{
    padding: 20px 15px;
  }
  .cd20_ventilation__inner > *:first-child {
    margin-top: 0;
  }
  .cd20_ventilation__lead{
    text-align: center;
    font-size: 1.6rem;
    font-weight: 700;
    font-family: "Noto Sans", "Noto Sans CJK JP";
    margin-top: .2em;
  }
  .cd20_ventilation__text{
    font-size: 1.4rem;
    margin-top: 1.3em;
    line-height: 1.6;
  }
  .cd20_ventilation__card-wrap {
    margin-top: 15px;
  }
  .cd20_ventilation__card {
    width: 100% ;
  }
  .cd20_ventilation__card + .cd20_ventilation__card {
    margin-top: 25px;
  }
  .cd20_ventilation__card__type {
    position: relative;
  }
  .cd20_ventilation__card__image > img {
    width: 100%;
  }
  .cd20_ventilation__card__body {
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    background: rgba(255,255,255,.9);
    padding: 8px 0;
  }
  .cd20_ventilation__card__title {
    font-family: "Noto Sans", "Noto Sans CJK JP";
    text-align: center;
    font-weight: 700;
    font-size: 1.6rem;
    color: #333;
  }
  .cd20_ventilation__list-wrap {
    margin-top: 1em;
  }
  .cd20_ventilation__note-list > li {
    font-size: 1.1rem;
    padding-left: 1.2em;
    position: relative;
  }
  .cd20_ventilation__note-list > li + li {
    margin-top: 1em;
  }
  .cd20_ventilation__note-list > li > .cd20_ventilation__note-list__mark {
    position: absolute;
    top: 0;
    left: 0;
  }
  
  /* -----cd20_concentration----- */
  .cd20_concentration {
    margin-top: 35px;
  }
  .cd20_concentration__inner > *:first-child {
    margin-top: 0;
  }
  .cd20_concentration__lead{
    text-align: center;
    font-size: 1.6rem;
    font-weight: 700;
    font-family: "Noto Sans", "Noto Sans CJK JP";
    margin-top: .2em;
  }
  .cd20_concentration__item-wrap {
    margin-top: 20px;
  }
  .cd20_concentration__item__column {
    margin-top: .8em;
  }
  .cd20_concentration__item__column > .cd20_concentration__item__body{
    margin-top: 15px;
  }
  .cd20_concentration__item__column > .cd20_concentration__item__body:first-of-type{
    margin-top: 0;
  }
  .cd20_concentration__item {
    margin-top: 24px;
  }
  .cd20_concentration__item:first-of-type {
    margin-top: 0;
  }
  .cd20_concentration__item__head {
    font-family: "Noto Sans", "Noto Sans CJK JP";
  }
  .cd20_concentration__item__lead__text {
    font-size: 1.6rem;
    font-weight: 700;
    position: relative;
    padding-left: 24px;
  }
  
  .cd20_concentration__item__lead__text::after {
    position: absolute;
    content: "";
    top: 50%;
    left: 0;
    margin-top: -7.5px;
    width: 15px;
    height: 15px;
    border-radius: 50%;
  }
  .cd20_concentration__item.green .cd20_concentration__item__lead__text::after {
    background: #45b035;
  }
  .cd20_concentration__item.yellow .cd20_concentration__item__lead__text::after {
    background: #efab16;
  }
  .cd20_concentration__item.red .cd20_concentration__item__lead__text::after {
    background: #e8331a;
  }
  .cd20_concentration__item__small {
    font-size: 1.4rem;
  }
  .cd20_concentration__item__text {
    font-size: 1.4rem;
    padding-left: 24px;
    margin-top: .3em;
  }
  .cd20_concentration__item__head + .cd20_concentration__item__body {
    margin-top: .9em;
  }
  .cd20_concentration__item__img-wrap {
    padding: 8px 3.5% 12px;
    text-align: center;
    border-radius: 10px;
  }
  .cd20_concentration__item.green .cd20_concentration__item__img-wrap {
    background: #ecf7ea;
  }
  .cd20_concentration__item.yellow .cd20_concentration__item__img-wrap {
    background: #fdf6e7;
  }
  .cd20_concentration__item.red .cd20_concentration__item__img-wrap{
    background: #fdeae8;
  }
  .cd20_concentration__list-wrap {
    margin-top: .8em;
  }
  .cd20_concentration__note-list > li {
    line-height: 1.5;
    font-size: 1.1rem;
    padding-left: 1.2em;
    position: relative;
  }
  .cd20_concentration__note-list > li > .cd20_concentration__note-list__mark {
    position: absolute;
    top: 0;
    left: 0;
  }
  /* -----cd20_other----- */
  .cd20_other {
    margin-top: 30px;
  }
  .cd20_other__inner > *:first-child {
    margin-top: 0;
  }
  .cd20_other__card-wrap {
    margin-top: 22px;
  }
  .cd20_other__card,
  .cd20_other__card-v2 {
    width: 100%;
    margin-top: 15px;
  }
  .cd20_other__card-v2 {
    background: #333;
    border-radius: 10px;
    color: #fff;
    padding: 15px;
  }
  .cd20_other__card-wrap > *:first-of-type{
    margin-top: 0;
  }
  .cd20_other__card__head {
    background: #333;
    color: #fff;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    padding: 15px;
  }
  .cd20_other__card__body > .cd20_other__card__image > img {
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    width: 100%;
    
  }
  .cd20_other__card__title {
    font-size: 1.6rem;
    font-weight: 700;
  }
  .cd20_other__card__text {
    line-height: 1.4;
    margin-top: .5em;
  }
  .cd20_other__list-wrap {
    margin-top: 10px;
  }
  .cd20_other__note-list > li {
    font-size: 1.1rem;
    padding-left: 1.2em;
    position: relative;
  }
  .cd20_other__note-list > li > .cd20_other__note-list__mark {
    position: absolute;
    top: 0;
    left: 0;
  }

  /* -----cd20_series----- */
  .cd20_series {
    margin-top: 30px;
  }
  .cd20_series__inner > *:first-child {
    margin-top: 0;
  }
  .cd20_series__heading {
    margin: 2.25em 0 1.1em;
    padding-bottom: 14px;
    border-bottom: 2px solid #004d66;
  }
  .cd20_series__heading + * {
    margin-top: 0!important;
  }
  .cd20_series__heading__title {
    font-size: 2.0rem;
    font-weight: 700;
    line-height: 1.25;
    font-family: "Noto Sans", "Noto Sans CJK JP";
  }
  .cd20_series__linkitem-wrap {
    margin-top: 30px;
  }
  .cd20_series__linkitem {
    width: 100%;
  }
  .cd20_series__linkitem + .cd20_series__linkitem {
    margin-top: 25px;
  }
  .cd20_series__linkitem__lead {
    font-size: 1.4rem;
    font-weight: 700;
    color: #004d66;
    text-align: center;
    font-family: "Noto Sans", "Noto Sans CJK JP";
  }
  .cd20_series__linkitem__inner {
    margin-top: .8em;
    text-align: center;
  }
  .cd20_series__linkitem__type {
    display: block;
  }
  .cd20_series__linkitem__type:link,
  .cd20_series__linkitem__type:visited {
   color: #333;
  }
  .cd20_series__linkitem__title {
    margin-top: .5em;
  }
  .cd20_series__linkitem__title > span {
    position: relative;
    font-size: 1.7rem;
    font-weight: 700;
    padding-right: 5px;
    font-family: "Noto Sans", "Noto Sans CJK JP";
  }
  .cd20_series__linkitem__title > span::after {
    position: absolute;
    top: 30%;
    left: 100%;
    margin-top: 2px;
    width: 8px;
    height: 8px;
    border-top: 1px solid #145b72;
    border-right: 1px solid #145b72;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    content: "";
  }
  .cd20_series__linkitem__name {
    font-size: 1.7rem;
    font-weight: 500;
    margin-top: .2em;
    font-family: "Noto Sans", "Noto Sans CJK JP";
  }
  .cd20_series__linkitem__description {
    line-height: 1.7;
    margin-top: .5em;
  }
  /* ------------------------------------------------------
   * Clearfix
  ------------------------------------------------------ */
  .clearfix::after {
    display: block;
    clear: both;
    content: "";
  }
}


/* ======================================================
 * SP Media Queries
====================================================== */
/***
@media only screen and (min-width: 320px) and (max-width: 767px) {
}
@media only screen and (max-width: 736px) {
}
@media only screen and (max-width: 667px) {
}
@media only screen and (max-width: 640px) {
}
@media only screen and (max-width: 568px) {
}

@media only screen and (max-width: 375px) {
}
***/
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .cd20_main-layout__visual__text >span {
    font-size: 1.8rem;
  }
}
  
@media only screen and (max-width: 360px) {
}
  
/***
@media only screen and (max-width: 320px) {
}



/* ======================================================
 * Print
====================================================== */
@media print {
}