@charset "utf-8";
ul.listText,
ol.listText {
  padding-left: 20px;
}
ul.listText {
  list-style: disc;
}
ol.listText {
  list-style: decimal;
}
table.defaultTable {
  text-align: center;
}
figcaption.figcaption_left {
  text-align: left;
  margin: 10px 0;
}
ul.toc_list li {
  margin: 5px 0;
}
ul.toc_list ul {
  margin-left: 1.5em;
}

/* 241220 基礎知識改修 */
.updateDate{
  text-align: right;
  margin-bottom: 0!important;
}
.d-body {
  min-width: unset;
  padding-bottom: 24px;
}
.d-body .btnEasyhikaku {
  display: block;
  font-size: 25px;
  font-weight: bold;
  padding: 20px;
  background-color: #dd1500;
  color: #fff !important;
  border-radius: 50px;
  width: 80%;
  margin: 24px auto 13px;
  box-shadow: 0 8px 0 0 #eec8c4;
  letter-spacing: 0.05rem;
  position: relative;
  transition: 0.2s all ease 0s;
  max-width: 650px;
}
.d-body #knowledge .h2Small,
.d-body #knowledge .knowledgeMenu{display: none;}
.d-body #knowledge {
  padding: 0;
}
.d-body #knowledge .pickupList{
  margin-top: 0;
}
.d-body #knowledge .pickupList-item{
  margin-right: 32px;
  width: calc((100% / 3) - 24px);
}
.d-body #knowledge .pickupList-item:nth-child(3){
  margin-right: 0;
}
.d-body #knowledge .pickup-h3{
  width: 100%;
  border-bottom: none;
  margin: 0;
  color: #333;
}

@media screen and (max-width: 500px){
  .allStatic #mainContent h3 {
    width: auto;
    background: none;
    font-size: 1.6rem;
    color: #ff6f19;
    border: none;
  }
  .allStatic table.defaultTable th,
  .allStatic table.defaultTable td {
    display: table-cell;
    padding: 10px !important;
    border: 1px solid #DAE1EF;
    font-size: 1.2rem !important;
  }
  .allStatic table.defaultTable th {
    background: #ff6f19 !important;
    width: auto !important;
  }
  ul.listText,
  ol.listText {
    padding-left: 30px;
    width: 85%;
  }
  table.overflow_table {
    display: block;
    overflow-x: scroll;
    white-space: nowrap;
  }

  /* 241220 基礎知識改修 */
  .d-body .pickupList {
    display: block;
    margin-bottom: 32px;
    margin-top: 0;
  }
  .d-body .btnEasyhikaku {
    font-size: 20px;
    width: 100%;
    box-sizing: border-box;
    letter-spacing: -0.05rem;
    box-shadow: 0 5px 0 0 #eec8c4;
    text-decoration: none;
  }  
  .d-body #knowledge {
    padding: 0 12px;
  }  
  .d-body #knowledge .pickupList-item{
    width: 100%;
  }
  .d-body .pickupList-item:first-of-type{
    padding-top: 0;
  }
}


/* ===== Renewal add 202507 ===== */
:root {
    --column-color: #ff6f19;
    --white: #fff;
    --black: #333;
    --gray: #666;
    --light-gray: #DBDBDB;
    --yellow: #FFFF7F;
    --pink: #FF91AF;
    --main-color: #125BF5;
    --main-color2: #DEEEFF;
    --sub-color-bg-orange: #ffeee3;
    --sub-color-bg-red: #ffeaf1;
    --main-wrapper: 1100px;
    --main-content: 850px;
    --side-nav: 220px;
    --space-large: 60px;
    --space-large-s: 50px;
    --space-medium: 40px;
    --space-medium-s: 30px;
    --space-small-l: 20px;
    --space-small: 10px;
    --fs-large: 24px;
    --fs-large-s: 20px;
    --fs-normal: 16px;
    --fs-small: 14px;
    --fs-small-s: 12px;
}
/* カテゴリタグ */
.l-newColumn .c-tag--column{background: var(--column-color);}

/* h1ボーダー */
.l-newColumn .c-articleH1--column{border-bottom: 4px solid var(--column-color);}

.l-newColumn #mainWrapper {
  margin-top: 24px;
}

.l-newColumn #mainContent {
  padding: 0 15px;
  box-sizing: border-box;
}

.l-newColumn #mainContent h2 {
  width: 100%;
  box-sizing: border-box;
  margin: 0 0 30px;
}

.l-newColumn #mainContent .defaultWrapper {
  margin: 0 0 30px;
}

.l-newColumn .u-mt00 {
  margin: 0 0 0 0 !important;
}

.l-newColumn .u-mt10 {
  margin: 10px 0 0 0 !important;
}

/* 更新日 */
.l-newColumn time {
    font-size: inherit;
}

.l-newColumn .c-updatedays{
  font-size: 12px;
  margin: 0 0 0 20px;
}

.l-newColumn .c-updatedays--article{
  text-align: right;
}

/* タグ */
.l-newColumn .c-tag{
  font-size: var(--fs-small);
  font-weight: bold;
  padding: 5px 21px;
  display: inline-block;
}

.l-newColumn .c-tag.c-tag--public-system,
.l-newColumn .c-tag.c-tag--residence,
.l-newColumn .c-tag.c-tag--inheritance,
.l-newColumn .c-tag.c-tag--nursing{
  color: var(--black);
}

/* 日付 */
.l-newColumn .c-days{
  font-size: var(--fs-small);
  color: var(--gray);
  display: inline-block;
  margin: 0 var(--space-small);
  width: auto;
}

/* 見出し */
.l-newColumn #mainContent .c-articleH1,
.l-newColumn #mainContent .c-articleH2,
.l-newColumn #mainContent .c-articleH3,
.l-newColumn #mainContent .c-articleH4 {
  box-sizing: border-box;
}

.l-newColumn .c-articleH1{
  font-size: var(--fs-large);
  font-weight: bold;
  line-height: 1.417;
  padding: var(--space-small) 0;
  margin-bottom: 0;
}

.l-newColumn #mainContent .c-articleH2{
  font-size: var(--fs-large);
  font-weight: bold;
  line-height: 1.25;
  color: var(--white);
  background: var(--main-color);
  padding: 12px var(--space-small);
  margin: var(--space-large) 0 0 0;
  width: 100%;
  border-bottom: none;
}
.l-newColumn #mainContent .c-articleH2:after {
	display: none;
}

.l-newColumn #mainContent .c-articleH3{
  font-size: var(--fs-large-s);
  font-weight: bold;
  line-height: 1.5;
  padding: 0 0 var(--space-small) 0;
  border-bottom: 2px solid var(--main-color);
  margin: var(--space-large-s) 0 0 0;
  color: var(--black);
  width: 100%;
}

.l-newColumn #mainContent .c-articleH4{
  font-size: var(--fs-normal);
  font-weight: bold;
  line-height: 1.875;
  margin: var(--space-medium) 0 0 0;
}

.l-newColumn .c-boxInnerH2{
  font-size: var(--fs-normal);
  font-weight: bold;
  line-height: 1.875;
}

/* メインビジュアル */
.l-newColumn .mainvisual {
  width: 100%;
  height: auto;
}

/* 本文テキスト */
.l-newColumn .c-articleTxt{
  font-size: var(--fs-normal);
  line-height: 1.625;
  margin: var(--space-medium-s) 0 0 0;
}

.l-newColumn .c-articleTxtSm{
  font-size: var(--fs-small);
  line-height: 1.857;
  margin: var(--space-medium) 0 0 0;
  padding-left: 1.4em;
  text-indent: -1.4em;
}

/* テキスト下線 */
.l-newColumn .c-articleTxtLine{
  background: linear-gradient(transparent 60%, var(--yellow) 60%);
}

.l-newColumn .c-articleTxtUnderline{
  text-decoration: underline;
}

.l-newColumn .c-articleTxtDoubleUnderline{
  text-decoration: underline;
  text-decoration-style: double;
}

/* 本文キャプチャ */
.l-newColumn .c-articleImg{
  max-width: 50%;
  margin: var(--space-medium) auto 0;
}

.l-newColumn .c-articleImg--mt0{
  margin: 0 auto;
}

.l-newColumn .c-articleImg img{
  margin: auto;
}

.l-newColumn .c-articleImg_caption{
  font-size: var(--fs-small);
  line-height: 1.857;
  margin: var(--space-small) 0 0 0;
  text-align: center;
}

/* イラスト画像 */
.l-newColumn .c-illustImg{
  width: 15%;
  display: inline-block;
}

/* リンク */
.l-newColumn .c-articleLink{
  color: var(--main-color);
  text-decoration: underline;
  font-size: inherit;
  vertical-align: baseline;
  padding-right: 3px;
}

/* キャプション */
.l-newColumn .c-articleCaption{
  font-size: var(--fs-small);
  line-height: 1.857;
  margin: var(--space-small) 0 0 0;
}

/* ルビ */
.l-newColumn .c-ruby rt{
  font-size: 50%;
}

/* 上付き文字 */
.l-newColumn .c-supTxt {
  vertical-align: super;
  font-size: 0.8em;
}

/* 瞬間比較ボタン */
.l-newColumn .btnEasyhikaku {
  display: block;
  font-size: 25px;
  font-weight: bold;
  padding: 20px;
  background-color: #dd1500;
  color: #fff !important;
  border-radius: 50px;
  width: 80%;
  margin: 40px auto 12px;
  box-shadow: 0 8px 0 0 #eec8c4;
  letter-spacing: 0.05rem;
  position: relative;
  transition: 0.2s all ease 0s;
  max-width: 650px;
  text-align: center;
}
.l-newColumn .btnEasyhikaku:hover {
  opacity: 0.8;
  text-decoration: none;
}

/* ==========================================================================
  project
========================================================================== */

/* ======プロジェクト（componentの集まりによって構成されたブロック）====== */

/* タイトルセクション */
.l-newColumn .p-ttlSec{
  width: 100%;
}

/* メインビジュアルセクション */
.l-newColumn .p-mvSec{
  width: 100%;
  margin: var(--space-large) 0 0 0;
}

/* 目次セクション */
.l-newColumn .p-tblOfContentsSec{
  width: 100%;
  margin: var(--space-large) 0 0 0;
}

/* 目次 */
.l-newColumn .p-tblOfContents{
  width: 100%;
}

.l-newColumn .p-tblOfContents_ttl{
  font-size: var(--fs-large);
  font-weight: bold;
  line-height: 1.5;
  color: var(--white);
  text-align: center;
  background: var(--main-color);
  padding: 12px 0;
  margin: var(--space-large) 0 0 0;
}

.l-newColumn .p-tblOfContentsNav{
  border: 2px solid var(--main-color);
  padding: 0;
  background: none;
}

.l-newColumn .p-tblOfContentsList{
  width: 90%;
  margin: auto;
  padding: 23px 0;
}

.l-newColumn .p-tblOfContentsList :last-child{
  border-bottom: none;
}

.l-newColumn .p-tblOfContentsList_itm{
  font-size: var(--fs-normal);
  font-weight: bold;
  border-bottom: 1px dashed var(--light-gray);
  display: flex;
  align-items: center;
}

.l-newColumn .p-tblOfContentsList_itm span{
  background: var(--main-color);
  width: 25px;
  height: 25px;
  padding: 5px 0 0 0;
  border-radius: 50%;
  text-align: center;
  color: var(--white);
  display: inline-block;
  line-height: 1;
  box-sizing: border-box;
}

.l-newColumn .p-tblOfContentsList_itm a{
  width: calc(100% - 25px);
  box-sizing: border-box;
  padding: 17px 15px 17px var(--space-small);
  line-height: 1.875;
  text-decoration: underline;
  display: inline-block;
  position: relative;
}

.l-newColumn .p-tblOfContentsList_itm a::after{
  content: '';
  width: 11px;
  height: 11px;
  border: 0;
  border-bottom: solid 2px var(--light-gray);
  border-right: solid 2px var(--light-gray);
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -6px;
  transform: rotate(45deg);
}

/* 記事セクション */
.l-newColumn .p-articleMainSec{
  width: 100%;
  margin: 0 0 var(--space-large) 0;
}

/* 背景青色ボックス */
.l-newColumn .p-primaryBox{
  width: 100%;
  padding: 40px 38px;
  background: var(--main-color2);
  border-radius: var(--space-small);
  margin: var(--space-medium) 0 0 0;
}

/* 青枠ボックス */
.l-newColumn .p-secondaryBox{
  width: 100%;
  padding: 40px 38px;
  border: 2px solid var(--main-color);
  border-radius: var(--space-small);
  margin: var(--space-medium) 0 0 0;
  position: relative;
}

.l-newColumn .p-secondaryBox_point{
  font-size: var(--fs-large-s);
  font-weight: bold;
  line-height: 1.5;
  color: var(--pink);
  display: block;
}

/* リスト */
.l-newColumn .p-articleList,
.l-newColumn .p-otherarticleList,
.l-newColumn .p-articleOlList{
  font-size: var(--fs-normal);
  line-height: 1.625;
  margin: var(--space-medium) 0 0 0;
}

.l-newColumn .p-articleList_itm,
.l-newColumn .p-otharticleList_itm{
  padding-left:1em;
  text-indent:-1em;
  font-size: inherit;
  line-height: 1.625;
}

.l-newColumn .p-articleList_itm::before,
.l-newColumn .p-otharticleList_itm::before{
  content:  "";
  width:  6px;
  height:  6px;
  display:  inline-block;
  background-color: var(--main-color);
  border-radius:  50%;
  margin: 0 var(--space-small) 3px 0;
}

.l-newColumn .p-articleOlList_itm{
  padding-left: 1.7em;
  text-indent: -1.7em;
  font-size: inherit;
  line-height: 1.625;
}
/* よく見られているおすすめコラム */
.l-newColumn .p-otherarticleList {
  margin-top: var(--space-small);
}
.l-newColumn .p-otharticleList_itm {
  border-bottom: 1px dashed var(--light-gray);
  font-weight: bold;
  padding-left: 0;
  text-indent: inherit;
  position: relative;
}
.l-newColumn #mainContent .p-otherarticleH2 {
  width: auto;
  border: none;
  background-color: var(--pink);
  font-weight: bold;
  display: inline-block;
  padding: var(--space-small) var(--space-small-l);
  margin: 0;
  font-size: var(--fs-normal);
  border-radius: 50px;
  color: var(--black);
}
.l-newColumn #mainContent .p-otherarticleH2::after {
  display: none;
}
.l-newColumn .p-otharticleList_itm::before{
  background-color: var(--light-gray);
  top: 23px;
  left: 0px;
  position: absolute;
}
.l-newColumn .p-otharticleList_itm a {
  position: relative;
  width: 100%;
  box-sizing: border-box;
  display: inline-block;
  padding: 10px 15px 10px var(--space-small-l);
  line-height: 1.875;
}
.l-newColumn .p-otharticleList_itm a::after {
  content: '';
  width: 11px;
  height: 11px;
  border: 0;
  border-bottom: solid 2px var(--light-gray);
  border-right: solid 2px var(--light-gray);
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -6px;
  transform: rotate(315deg);
}

.l-newColumn .p-articleNumList{
  font-size: var(--fs-normal);
  line-height: 1.625;
  margin: var(--space-medium) 0 0 0;
  padding-left: 24px;
  list-style: auto;
}

.l-newColumn .p-articleNumList_itm{
  padding-left:1em;
  text-indent:-1em;
}

/* テーブル */
.l-newColumn .p-tbl{
  table-layout: fixed;
  width: 100%;
  border: 2px solid var(--main-color);
  margin: var(--space-small) 0 0 0;
}

.l-newColumn .p-tbl_cation{
  caption-side: bottom;
  text-align: left;
  font-size: var(--fs-small);
  line-height: 1.857;
  margin: var(--space-small) 0 0 0;
}

.l-newColumn .p-tbl_tr{
  border-bottom: 1px solid var(--main-color);
}

.l-newColumn .p-tbl_tr--trOnly{
  border-bottom: 2px solid var(--main-color2);
}

.l-newColumn .p-tbl_tr--rowspan{
  border: 1px dashed var(--main-color2);
}

.l-newColumn .p-tbl_td{
  border-right: 1px dashed var(--main-color2);
  font-size: var(--fs-normal);
  line-height: 1.625;
  padding: 10px;
  text-align: justify;
  vertical-align: middle;
}

.l-newColumn .p-tbl_td--bgOrange{
  background: var(--sub-color-bg-orange);
}

.l-newColumn .p-tbl_td--bgRed{
  background: var(--sub-color-bg-red);
}

.l-newColumn .p-tbl_thPrimary{
  background: var(--main-color);
  font-size: var(--fs-normal);
  line-height: 1.875;
  color: var(--white);
  padding: 10px;
  border-right: 1px solid var(--white);
  vertical-align: middle;
}

.l-newColumn .p-tbl_thPrimary--bb1{
  border-bottom: 1px solid var(--white);
}

.l-newColumn .p-tbl_thSecondary{
  background: var(--main-color2);
  font-size: var(--fs-normal)!important;
  line-height: 1.625;
  padding: 10px;
  border-right: 1px dashed var(--main-color2);
  vertical-align: middle;
  font-weight: normal;
}

.l-newColumn .p-tbl_thSecondary--br1{
  border-right: 1px solid var(--main-color);
}

.l-newColumn .p-tbl_cation {
  caption-side: bottom;
  text-align: left;
  font-size: var(--fs-small);
  line-height: 1.857;
  margin: var(--space-small) 0 0 0;
}

/* 横並びコンテンツ */
.l-newColumn .p-flexContentsArea{
  display: flex;
  justify-content: space-between;
  width: 100%;
  margin: 20px auto 0;
}

.l-newColumn .p-flexContentsArea:first-of-type{
  margin: 0 auto;
}

.l-newColumn .p-flexContentsArea_left{
  margin: 0 20px 0 0;
}

.l-newColumn .p-flexContentsArea_right{
  width: 82%;
}

/* ボックス内のテキストの集まり */
.l-newColumn .p-txtArea :first-child{
  margin: 0;
}

.l-newColumn .p-txtArea *{
  margin: var(--space-small) 0 0 0;
}

/* レコメンドボックス */
.l-newColumn .p-recoArticle{
  width: 100%;
  margin: var(--space-medium) auto 0;
  box-shadow: 0px 10px 16px #125bf51a;
}

.l-newColumn .p-recoArticle_link{
  display: flex;
}

.l-newColumn .p-recoArticle_img{
  width: 40%;
  position: relative;
}

.l-newColumn .p-recoArticle_img img{
  width: 340px;
  height: 150px;
  object-fit: cover;
}

.l-newColumn .p-recoArticle_img .c-tag{
  position: absolute;
  left: 0;
  bottom: 0;
}

.l-newColumn .p-recoArticle_txt{
  width: 60%;
  padding: var(--space-medium-s);
  position: relative;
}

.l-newColumn .p-recoArticle_txt .c-articleTxt{
  font-weight: bold;
}

.l-newColumn .p-recoArticle_point{
  font-size: var(--fs-large-s);
  font-weight: bold;
  line-height: 1.5;
  color: var(--pink);
  display: block;
}

.l-newColumn .p-recoArticle_txt .p-entryCard_more{
  position: absolute;
  right: 0;
  bottom: 0;
}

.l-newColumn .article_fpWrap {
  margin: 60px 0 0;
}
.l-newColumn .default_section {
  margin: 0;
  padding: 40px 0 0;
}

/* ==========================================================================
  utility
========================================================================== */

/* ======調整クラス====== */

.l-newColumn .u-txtIndentDown05{
  text-indent: -0.5em;
}

.l-newColumn .u-center{
  text-align: center;
}

.l-newColumn .u-right{
  text-align: right;
}

.l-newColumn .u-justify{
  text-align: justify;
}

.l-newColumn .u-tblthBoderRightMainColor{
  border-right: 1px solid var(--main-color);
}

.l-newColumn .u-wd10per{
  width: 10%;
}
.l-newColumn .u-wd15per{
  width: 15%;
}
.l-newColumn .u-wd17per{
  width: 17%;
}
.l-newColumn .u-wd20per{
  width: 20%;
}
.l-newColumn .u-wd25per{
  width: 25%;
}
.l-newColumn .u-wd30per{
  width: 30%;
}
.l-newColumn .u-wd32per{
  width: 32%;
}
.l-newColumn .u-wd40per{
  width: 40%;
}
.l-newColumn .u-wd50per{
  width: 50%;
}
.l-newColumn .u-wd60per{
  width: 60%;
}
.l-newColumn .u-wd70per{
  width: 70%;
}
.l-newColumn .u-wd80per{
  width: 80%;
}
.l-newColumn .u-wd90per{
  width: 90%;
}
.l-newColumn .u-hidden{
  display: none;
}
.l-newColumn .u-txt-bold{
  font-weight: bold;
}

/* おすすめコンテンツ */
.l-newColumn .p-adSec{
  margin: var(--space-large) 0 0 0;
}
.l-newColumn .p-adSecLast{
  margin: var(--space-large) 0 var(--space-large) 0;
}
.l-newColumn .c-suggestContents {
  background-color: #deeeff;
  border-radius: 8px;
}
.l-newColumn #mainContent .c-suggestTitle {
  width: auto;
  border-bottom: none;
  text-align: center;
  font-size: var(--fs-large);
  font-weight: bold;
  line-height: 1.5;
  margin-bottom: 0;
  padding-bottom: 0;
  padding: 16px 0 0;
  margin: 0;
  color: #333;
}
.l-newColumn #mainContent .c-suggestTitle:after {
	display: none;
}
.l-newColumn .c-suggestColWrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: stretch;
  padding: 16px 20px 20px;
}
.l-newColumn .c-suggestCol {
  background-color: #FFFFFF;
  display: block;
  box-sizing: border-box;
  padding: 25px 15px;
  width: calc(100% / 3);
  border-right: 1px dashed var(--light-gray);
  display: flex;
  flex-direction: column;
}
.l-newColumn .c-suggestCol:hover {
  text-decoration: none;
  opacity: 0.8;
}
.l-newColumn .c-suggestCol:first-child {
  border-radius: 8px 0 0 8px;
}
.l-newColumn .c-suggestCol:last-child {
  border-radius: 0 8px 8px 0;
  border-right: none;
}
.l-newColumn .c-suggestImg {
  margin: 0 auto 10px;
}
.l-newColumn .c-suggestSubTitle {
  font-weight: bold;
  text-align: center;
  color: #125bf5;
  font-size: var(--fs-small);
}
.l-newColumn #mainContent .c-suggestInnerTitle {
  text-align: center;
  width: auto;
  border: none;
  background-color: #125bf5;
  color: #fff;
  border-radius: 50px;
  margin: 0px 0 10px;
  padding: 8px 0;
  font-size: var(--fs-normal);
}
.l-newColumn .c-suggestTxt {
  font-size: var(--fs-small);
  width: auto;
}

/* icon */
.l-newColumn #mainContent .gg-external {
    color: var(--main-color);
}

.l-newColumn #mainContent .gg-external,
.l-newColumn #mainContent .fa-external-link {
  box-sizing: border-box;
  position: relative;
  display: inline-block;
  transform: scale(var(--ggs, 1));
  /* width: 12px;
    height: 12px; */
  box-shadow:
    -2px 2px 0 0,
    -4px -4px 0 -2px,
    4px 4px 0 -2px;
  /* margin-left: -2px; */
  margin-top: 1px;
  width: 9px;
  height: 9px;
  margin-left: 8px;
  margin-right: 3px;
}

.l-newColumn #mainContent .gg-external::after,
.l-newColumn #mainContent .gg-external::before,
.l-newColumn #mainContent .fa-external-link::after,
.l-newColumn #mainContent .fa-external-link::before {
  content: "";
  display: inline-block;
  box-sizing: border-box;
  position: absolute;
  right: -4px
}

.l-newColumn #mainContent .gg-external::before,
.l-newColumn #mainContent .fa-external-link::before {
  background: currentColor;
  transform: rotate(-45deg);
  /* width: 12px; */
  height: 2px;
  /* top: 1px */
  width: 10px;
  top: 0;
  left: 3px;
}

.l-newColumn #mainContent .gg-external::after,
.l-newColumn #mainContent .fa-external-link::after {
  /* width: 8px;
    height: 8px; */
  border-right: 2px solid;
  border-top: 2px solid;
  top: -4px;
  width: 7px;
  height: 7px;
}

@media screen and (max-width: 1099px) {
    /* ==========================================================================
    project
    ========================================================================== */
    
    /* ======プロジェクト（componentの集まりによって構成されたブロック）====== */
    
    /* レコメンドボックス */
    .l-newColumn .p-recoArticle_link{
      flex-direction: column;
    }
  
    .l-newColumn .p-recoArticle_img{
      width: 100%;
    }

    .l-newColumn .p-recoArticle_img img{
      width: auto;
      height: auto;
      object-fit: initial;
    }
    
    .l-newColumn .p-recoArticle_txt{
      width: 100%;
      padding: var(--space-medium-s);
    }
}

@media screen and (max-width: 500px) {
    /* ==========================================================================
    component
    ========================================================================== */
    
    /* ======コンポーネント（最小単位のパーツ）====== */
    
    /* 更新日 */
    .l-newColumn .c-updatedays {
      font-size: 3.2vw;
      margin-top: 20px;
    }

    /* タグ */
    .l-newColumn .c-tag{
      padding: 1.33vw 5.6vw;
      box-sizing: border-box;
      width: auto;
      margin-bottom: 0;
    }
    
    /* 見出し */
    .l-newColumn .c-articleH1{
      font-size: var(--fs-large-s);
    }    
    .l-newColumn .c-articleH2{
      font-size: var(--fs-large-s);
      padding: 3.2vw var(--space-small);
      margin: var(--space-medium) 0 0 0;
      line-height: 1.4;
    }
    .l-newColumn .c-articleH3{
      padding: 0 0 0.8vw 0;
      margin: var(--space-medium-s) 0 0 0;
    }
    .l-newColumn .c-articleH4{
      margin: var(--space-small-l) 0 0 0;
      line-height: 1.4;
    }
    
    /* 本文キャプチャ */
    .l-newColumn .c-articleImg{
      max-width: 100%;
    }
    
    /* イラスト画像 */
    .l-newColumn .c-illustImg{
      width: 25.87vw;
    }

    /* 本文テキスト */
    .l-newColumn .c-articleTxt{
      margin: var(--space-small) 0 0 0;
      width: auto;
    }
    .l-newColumn .p-tbl_cation .c-articleTxtSm{
      font-size: 0.8rem;
    }
    
    /* 瞬間比較ボタン */
    .l-newColumn .btnEasyhikaku {
      font-size: 20px;
      width: 100%;
      box-sizing: border-box;
      letter-spacing: -0.05rem;
      box-shadow: 0 5px 0 0 #eec8c4;
      margin: 24px auto 12px;
    }

    /* ==========================================================================
    project
    ========================================================================== */
    
    /* ======プロジェクト（componentの集まりによって構成されたブロック）====== */
    
    /* パンくず */
    .l-newColumn #breadcrumbs .container ol {
      line-height: 1.6;
      overflow-x: scroll;
      white-space: nowrap;
      -webkit-overflow-scrolling: touch;
      margin: 0;
      padding-left: 10px;
      width: 100%;
      box-sizing: border-box;
    }

    /* section */
    .l-newColumn section#mainContent {
      float: none;
      width: auto;
      padding: 0 4%;
    }

    /* メインビジュアルセクション */
    .l-newColumn .p-mvSec{
      margin: var(--space-medium) 0 0 0;
    }
    
    /* 目次セクション */
    .l-newColumn .p-tblOfContentsSec{
      margin: var(--space-medium) 0 0 0;
    }
    
    /* 目次 */
    .l-newColumn .p-tblOfContents_ttl{
      font-size: var(--fs-normal);
      padding: 2.8vw 0 2.0vw;
      margin: var(--space-medium) 0 0 0;
    }

    .l-newColumn .p-tblOfContentsSec {
      margin: var(--space-medium) 0 0 0;
    }
      
    .l-newColumn .p-tblOfContentsSec {
      margin: var(--space-medium) 0 0 0;
    }
    
    .l-newColumn .p-tblOfContentsList{
      padding: 3px 0;
    }
    
    .l-newColumn .p-tblOfContentsList_itm span{
      font-size: var(--fs-small);
      width: 6.8vw;
      height: 6.8vw;
      padding: 1.8vw 0 0 0;
    }
    
    .l-newColumn .p-tblOfContentsList_itm a{
      padding: 2.8vw 6vw 2.8vw 4vw;
      line-height: 1.6;
      font-size: var(--fs-normal);
      width: calc(100% - 6.8vw);
    }
    
    .l-newColumn .p-tblOfContentsList_itm a::after{
      width: 2.93vw;
      height: 2.93vw;
      margin-top: -1.6vw;
    }

    .l-newColumn #mainContent .c-articleH2 {
      margin: var(--space-medium) 0 0 0;
      border-left: none;
      font-size: var(--fs-large-s);
      padding: 3.2vw var(--space-small);
      margin: var(--space-medium) 0 0 0;
      line-height: 1.4;
    }
    
    /* 背景青色ボックス */
    .l-newColumn .p-primaryBox{
      padding: 5.33vw;
    }
    
    /* 青枠ボックス */
    .l-newColumn .p-secondaryBox{
      padding: 5.33vw;
    }
    
    /* リスト */
    .l-newColumn .p-articleList_itm::before{
      width: 1.6vw;
      height: 1.6vw;
    }
    
    /* テーブル */
    .l-newColumn .p-tbl_td{
      padding: 2.9vw 2.2vw;
      line-height: 1.25;
    }
    
    .l-newColumn .p-tbl_thPrimary{
      padding: 4.8vw 0.5vw;
      line-height: 1.25;
    }
    
    .l-newColumn .p-tbl_thSecondary{
      padding: 3.8vw 3.5vw;
      line-height: 1.25;
    }
    
    /* テーブルスクロール */
    .l-newColumn .p-scroll{
      overflow-x: scroll;
    }
    
    .l-newColumn .p-tbl--scroll{
      width: 650px;
    }
    
    /* 横並びコンテンツ */
    .l-newColumn .p-flexContentsArea{
      flex-direction: column;
      margin: 5.33 auto 0;
    }
    
    .l-newColumn .p-flexContentsArea_left{
      margin: auto;
      text-align: center;
    }
    
    .l-newColumn .p-flexContentsArea_right{
      width: 100%;
      margin: 5.33vw 0 0 0;
      text-align: center;
    }
    
    /* レコメンドボックス */
    .l-newColumn .p-recoArticle_txt{
      padding: var(--space-medium-s);
    }

    /* おすすめコンテンツ */
    .l-newColumn .p-adSec{
      margin: var(--space-medium) 0 0 0;
    }
    .l-newColumn .p-adSecLast{
      margin: var(--space-medium) 0 var(--space-medium) 0;
    }
    .l-newColumn .c-suggestContents {
      margin: 0 -4%;
      border-radius: 0;
    }
    .l-newColumn #mainContent .c-suggestTitle {
      border: none;
      background: none;
      font-size: var(--fs-large);
      padding-top: 24px;
    }
    .l-newColumn .c-suggestColWrapper {
      flex-direction: column;
      padding: 24px 4%;
    }
    .l-newColumn .c-suggestCol {
      width: 100%;
      border-right: none;
      border-bottom: 1px dashed var(--light-gray);
      flex-direction: row;
      padding: 15px 10px;
    }
    .l-newColumn .c-suggestCol:first-child {
      border-radius: 8px 8px 0 0;
    }
    .l-newColumn .c-suggestCol:last-child {
      border-radius: 0 0 8px 8px;
      border-bottom: none;
    }
    .l-newColumn .c-suggestImg {
      width: 100px;
      height: auto;
      margin: auto 10px auto 0;
    }
    .l-newColumn .c-suggestSubTitle {
      width: auto;
      margin: 0 0 8px;
      text-align: left;
    }
    .l-newColumn #mainContent .c-suggestInnerTitle {
      padding: 5px 15px;
      display: inline;
      font-size: var(--fs-small);
    }
    .l-newColumn .c-suggestTxt {
      margin: 10px 0 0 0;
    }
    /* よく見られているおすすめコラム */
    .l-newColumn .p-otharticleList_itm a {
    font-size: inherit;
    }
    
    .l-newColumn #mainWrapper {
      margin-top: 0;
    }
    .l-newColumn #mainContent h2 {
      margin: 0 0 10px;
    }
    .l-newColumn #knowledge {
      padding: 0;
    }
    .l-newColumn #knowledge .pickup-h3 {
      padding: 8px 0;
    }
    .l-newColumn .defaultWrapper p {
      width: 100%;
      box-sizing: border-box;
    }    
}