@charset "UTF-8";
/* ========================================================================
sora_column.css - お役立ちコラム -
======================================================================== */
/* お役立ちコラム：一覧
============================================================= */
.columnIndex #main {
  background-color: #ebf5ff;
}

/* PC設定 */
@media screen and (min-width: 768px), print {
  .columnIndex .contentsBox {
    padding: 0.96rem 1.33rem 1.28rem;
  }
}

/* お役立ちコラム：詳細
============================================================= */
.columnDetail .textNote {
  margin-top: 0.08rem;
  line-height: 1.6;
}

.columnSec {
  margin-top: 0.8rem;
}

.columnSec:not(:first-of-type) {
  margin-top: 0.9rem;
}

.columnSec:last-child {
  margin-bottom: 1.285rem;
}

.columnSubSec {
  margin-top: 0.63rem;
}

.columnSecInner {
  padding: 0 1.84rem;
}

@media screen and (min-width: 768px), print {
  .columnSecInner {
    margin-left: auto;
    margin-right: auto;
    max-width: 13.66rem;
  }
}

.columnSecText {
  line-height: 1.7;
}

.columnSecText > *:not(:first-of-type) {
  margin-top: 0.25rem;
}

.columnSecImg {
  margin-top: 0.4rem;
}

.columnSecImg img + img {
  margin-top: 0.3rem;
}

.columnTable .-strong {
  display: inline-block;
  color: #015EB2;
  line-height: 1.6;
  margin-top: 0.08rem;
}

.columnTable .-strong.-pdl {
  padding-left: .5em;
}

.columnTable .tableNote {
  color: #015EB2;
  line-height: 1.6;
  margin-top: 0.08rem;
}

.columnTableUnderNote {
  text-align: right;
  font-size: 0.15rem;
  margin-top: 0.15rem;
}

.columnTableUnderNote + p {
  margin-top: 0.35rem;
}

.columnSupervisorBox {
  background-color: #f5f5f5;
  padding: 0.735rem 0.71rem 0.5rem 0.5rem;
  position: relative;
}

* + .columnSupervisorBox {
  margin-top: 0.8rem;
}

.columnSupervisorLabel {
  display: inline-block;
  color: #fff;
  font-size: 0.16rem;
  font-weight: 500;
  line-height: 1;
  letter-spacing: .01em;
  background-color: #015EB2;
  text-align: center;
  padding: 0.06rem 0.11rem 0.1rem;
  position: absolute;
  top: 0;
  left: 0;
}

.columnSupervisorImg {
  width: 1.4rem;
  height: 1.4rem;
  overflow: hidden;
}

.columnSupervisorName {
  font-size: 0.18rem;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: .01em;
}

.columnSupervisorName .-label {
  color: #015EB2;
}

.columnArticleRecommend .columnMediaItem {
  border: solid 1px #e5e6f4;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.columnReference {
  color: #8B8B8B;
}

@media screen and (min-width: 768px), print {
  .columnReference {
    font-size: 0.15rem;
  }
}

.columnReference cite {
  font-style: normal;
}

.columnReference a {
  color: #8B8B8B;
}

/* PC設定 */
@media screen and (min-width: 768px), print {
  .columnDetail .pageLinkDesign2Wrap {
    padding: 0 1.84rem;
  }
  .columnDetail.-securityColumn01 .pageLinkDesign2Item {
    width: calc(100% - (3rem + 0.16rem));
  }
  .columnDetail.-securityColumn01 .pageLinkDesign2Item:nth-child(2n) {
    width: 3rem;
    margin-left: 0.16rem;
  }
  .columnTable {
    font-size: 0.15rem;
  }
  .columnTable.table tbody th, .columnTable.table tbody td {
    padding: 0.16rem 0.4rem 0.2rem;
  }
  .columnTable .-strong {
    font-size: 0.14rem;
  }
  .columnSupervisorBox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .columnSupervisorInfo {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
  .columnSupervisorImg {
    margin-right: 0.4rem;
  }
  .columnSupervisorDetail {
    font-size: 0.15rem;
    line-height: 1.67;
    margin-top: 0.18rem;
  }
  .columnArticleRecommend {
    margin-top: 0.44rem;
  }
  .columnArticleRecommend .columnMediaItemImg {
    width: 3.02rem;
    height: 2.13rem;
  }
  .columnArticleRecommend .columnMediaItemBody {
    padding: 0.4rem 0.7rem 0.4rem 0.4rem;
  }
  .columnArticleRecommend .columnMediaItemTitle {
    font-size: 0.28rem;
  }
}

/* SP設定 */
@media screen and (max-width: 767px) {
  .columnDetail .textNote {
    margin-top: 0.04rem;
  }
  .columnSec {
    margin-top: 0.32rem;
  }
  .columnSec:not(:first-of-type) {
    margin-top: 0.4rem;
  }
  .columnSec:last-child {
    margin-bottom: 0.6rem;
  }
  .columnSubSec {
    margin-top: 0.4rem;
  }
  .columnSecInner {
    padding: 0 0.2rem;
  }
  .columnTableUnderNote {
    font-size: 0.13rem;
    margin-top: 0.05rem;
  }
  .columnTableUnderNote + p {
    margin-top: 0.1rem;
  }
  .columnTable {
    font-size: 0.115rem;
  }
  .columnTable.table tbody th, .columnTable.table tbody td {
    padding: 0.155rem 0.32rem 0.21rem;
  }
  .columnTable .-strong {
    font-size: 0.115rem;
    margin-top: 0.04rem;
  }
  .columnTable .tableNote {
    margin-top: 0.04rem;
  }
  .columnSupervisorBox {
    padding: 0.4rem 0.2rem 0.2rem;
  }
  * + .columnSupervisorBox {
    margin-top: 0.4rem;
  }
  .columnSupervisorImg {
    width: 2rem;
    height: 2rem;
    margin: 0 auto;
  }
  .columnSupervisorImg + * {
    margin-top: 0.3rem;
  }
  .columnSupervisorLabel {
    font-size: 0.12rem;
    padding: 0.05rem 0.06rem 0.07rem;
  }
  .columnSupervisorName {
    font-size: 0.14rem;
  }
  .columnSupervisorDetail {
    font-size: 0.12rem;
    margin-top: 0.1rem;
  }
  .columnArticleRecommend {
    margin-top: 0.22rem;
  }
  .columnSecImg {
    margin-top: 0.2rem;
  }
  .columnSecImg img + img {
    margin-top: 0.2rem;
  }
}