/* CSS Document */
/*-----------------
 *original
-----------------*/
.contents {
  width: 90%;
  max-width: 75em;
  margin: auto;
}
.main-v {
  margin: 0 auto 0 auto;
  padding-top: 48px;
}
/* タブレット縦サイズ 768px(16×48em)~ smサイズ */
@media screen and (min-width:48em){
}
/* タブレット横サイズ 1024px(16×64em)~ mdサイズ */
@media screen and (min-width:64em){
.main-v {
  margin: 0 auto 0 auto;
  padding-top: 88px;
}
	.lp2022 .main-v {
		padding-top: 72px;
	}
}
/* ノートPC以上のサイズ 1200px(16×75em)~ lgサイズ */
@media screen and (min-width:75em){
}

@media screen and (min-width: 48em) {
  body#contract {
    overflow: visible; } }

#breadcrumbs {
  display: none; }
  @media screen and (min-width: 48em) {
    #breadcrumbs {
      display: block; } }
  #breadcrumbs ol li {
    font-size: 8px; }
    @media screen and (min-width: 48em) {
      #breadcrumbs ol li {
        font-size: 0.8125em; } }
    #breadcrumbs ol li .icon-webfont-04 {
      font-size: 13px; }
      @media screen and (min-width: 48em) {
        #breadcrumbs ol li .icon-webfont-04 {
          font-size: 18px; } }
  #breadcrumbs.is_detail {
    display: block; }
    #breadcrumbs.is_detail ol {
      width: 95%; }
      @media screen and (min-width: 48em) {
        #breadcrumbs.is_detail ol {
          width: 90%; } }
      #breadcrumbs.is_detail ol li {
        color: #fff; }
        #breadcrumbs.is_detail ol li a {
          color: #fff; }

.pcColBox {
  width: 90%;
  margin: auto;
  padding-bottom: 34px; }
  @media screen and (min-width: 48em) {
    .pcColBox {
      display: flex;
      justify-content: space-between;
      max-width: 75em;
      padding-bottom: 80px; } }
  @media screen and (min-width: 48em) and (max-width: 64em) {
    .pcColBox {
      width: 95%; } }
  @media screen and (min-width: 48em) {
    .pcColBox .colMain {
      width: 67.9661016949%; } }
  @media screen and (min-width: 48em) and (max-width: 64em) {
    .pcColBox .colMain {
      width: 68% !important; } }
  .pcColBox .colSide {
    flex-shrink: 0;
    margin-top: 30px; }
    @media screen and (min-width: 48em) {
      .pcColBox .colSide {
        width: 301px;
        margin-top: 0;
        margin-left: 2%; } }
    @media screen and (min-width: 48em) and (max-width: 64em) {
      .pcColBox .colSide {
        width: 291px !important; } }
    .pcColBox .colSide .fixBox {
      display: none; }
      @media screen and (min-width: 64em) {
        .pcColBox .colSide .fixBox {
          display: block;
          position: sticky;
          transition: .3s;
          top: 90px;
          opacity: 0; } }
      .pcColBox .colSide .fixBox.on {
        opacity: 1; }
    @media screen and (min-width: 48em) {
      .pcColBox .colSide.fix {
        position: sticky;
        top: 90px; } }
    @media screen and (min-width: 48em) {
      .pcColBox .colSide.fix .staticBox {
        display: none; } }
    @media screen and (min-width: 48em) {
      .pcColBox .colSide.fix .fixBox {
        display: block; } }
    .pcColBox .colSide section + section {
      margin-top: 25px; }
    .pcColBox .colSide h3 {
      display: flex;
      align-items: center;
      margin-bottom: 15px;
      padding: 8px 5px 10px;
      color: #222;
      font-size: 22px;
      font-weight: bold;
      border-top: 3px solid #5e0044;
      border-bottom: 1px solid #ccc; }
      @media screen and (min-width: 48em) and (max-width: 64em) {
        .pcColBox .colSide h3 {
          font-size: 16px; } }
      .pcColBox .colSide h3 i {
        margin-right: 10px; }
        @media screen and (min-width: 48em) and (max-width: 64em) {
          .pcColBox .colSide h3 i {
            width: 30px;
            margin-right: 5px; } }
    .pcColBox .colSide img {
      width: 100%; }
      @media screen and (min-width: 48em) {
        .pcColBox .colSide img {
          width: auto;
          max-width: 100%; } }
    .pcColBox .colSide a {
      display: block;
      transition: opacity 0.3s; }
      .pcColBox .colSide a:not([disabled]):hover {
        opacity: 0.7; }
    .pcColBox .colSide .toSiryoList {
      margin-top: 25px; }
      .pcColBox .colSide .toSiryoList a {
        display: block;
        background-color: #eee;
        padding: 10px;
        color: #333;
        text-align: center;
        border-radius: 100px;
        border: 1px solid #ccc;
        position: relative; }
        .pcColBox .colSide .toSiryoList a:after {
          content: "";
          display: block;
          width: 9px;
          height: 9px;
          border-bottom: 1px solid #88b423;
          border-right: 1px solid #88b423;
          margin: auto;
          position: absolute;
          top: 0;
          bottom: 0;
          right: 18px;
          transform: translate(0, 0) rotate(-45deg); }
    .pcColBox .colSide .secSiryo li + li {
      margin-top: 25px; }
    .pcColBox .colSide .secSiryo li a {
      font-size: 14px; }
    .pcColBox .colSide .secSiryo li p {
      margin-top: 5px;
      line-height: 1.3571428571; }
    .pcColBox .colSide .secSeminar li {
      border-bottom: 1px dotted #ccc; }
      .pcColBox .colSide .secSeminar li a {
        display: flex;
        align-items: flex-start;
        padding: 15px 0;
        font-size: 14px; }
      .pcColBox .colSide .secSeminar li figure {
        flex-shrink: 0;
        width: 32.5581395349%;
        margin-right: 5.3156146179%; }
      .pcColBox .colSide .secSeminar li p {
        width: 100%;
        line-height: 1.3571428571; }
    .pcColBox .colSide .secRank li {
      border-bottom: 1px dotted #ccc; }
      .pcColBox .colSide .secRank li a {
        display: flex;
        align-items: flex-start;
        padding: 15px 0;
        font-size: 14px; }
      .pcColBox .colSide .secRank li i {
        flex-shrink: 0;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 43px;
        height: 43px;
        margin-right: 20px;
        color: #fff;
        font-style: normal; }
        @media screen and (min-width: 48em) and (max-width: 64em) {
          .pcColBox .colSide .secRank li i {
            margin-right: 10px; } }
        .pcColBox .colSide .secRank li i img {
          width: 15px; }
        .pcColBox .colSide .secRank li i span {
          margin-top: 5px;
          font-size: 20px;
          font-weight: bold; }
      .pcColBox .colSide .secRank li p {
        align-self: center;
        width: 100%;
        line-height: 1.3571428571; }
      .pcColBox .colSide .secRank li:nth-child(1) i {
        background-color: #fdc400; }
      .pcColBox .colSide .secRank li:nth-child(2) i {
        background-color: #919191; }
      .pcColBox .colSide .secRank li:nth-child(3) i {
        background-color: #af7171; }
    .pcColBox .colSide .secBn1 {
      text-align: center; }
      .pcColBox .colSide .secBn1 a {
        display: block; }
        @media screen and (min-width: 48em) {
          .pcColBox .colSide .secBn1 a {
            display: inline-block; } }
  @media screen and (min-width: 48em) {
    .pcColBox.w2 {
      max-width: 75em; } }
  @media screen and (min-width: 48em) {
    .pcColBox.w2 .colMain {
      width: 72.3826714801%; } }

#contract-column .main-v {
  margin-bottom: 40px;
  padding-bottom: 26px;
  border-bottom: 1px solid #f4f4f4; }
  @media screen and (min-width: 48em) {
    #contract-column .main-v {
      margin-bottom: 55px;
      padding-bottom: 0;
      border-bottom: none; } }
  #contract-column .main-v h1 {
    padding: 17px 0 14px;
    text-align: center; }
    @media screen and (min-width: 48em) {
      #contract-column .main-v h1 {
        padding: 28px 0 25px; } }
    #contract-column .main-v h1 img {
      width: 73.0666666667vw; }
      @media screen and (min-width: 48em) {
        #contract-column .main-v h1 img {
          width: 366px; } }
  #contract-column .main-v .mainSld .slick-arrow {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #944c82;
    width: 7.4666666667vw;
    height: 7.4666666667vw;
    font-size: 0;
    border-radius: 50%;
    border: none;
    position: absolute;
    top: 22.6666666667vw;
    z-index: 1;
    transition: opacity 0.3s; }
    #contract-column .main-v .mainSld .slick-arrow:not([disabled]):hover {
      opacity: 0.7; }
    @media screen and (min-width: 48em) {
      #contract-column .main-v .mainSld .slick-arrow {
        width: 53px;
        height: 53px;
        top: 12vw; } }
    #contract-column .main-v .mainSld .slick-arrow:before {
      content: "";
      display: block;
      width: 2.6666666667vw;
      height: 2.6666666667vw;
      border-bottom: 1px solid #fff;
      border-right: 1px solid #fff; }
      @media screen and (min-width: 48em) {
        #contract-column .main-v .mainSld .slick-arrow:before {
          width: 16px;
          height: 16px;
          border-width: 0 2px 2px 0; } }
    #contract-column .main-v .mainSld .slick-arrow.slick-prev {
      margin-left: -46.8vw;
      left: 50%; }
      @media screen and (min-width: 48em) {
        #contract-column .main-v .mainSld .slick-arrow.slick-prev {
          margin-left: -23vw; } }
      #contract-column .main-v .mainSld .slick-arrow.slick-prev:before {
        transform: translate(0.5333333333vw, 0) rotate(135deg); }
        @media screen and (min-width: 48em) {
          #contract-column .main-v .mainSld .slick-arrow.slick-prev:before {
            transform: translate(4px, 0) rotate(135deg); } }
    #contract-column .main-v .mainSld .slick-arrow.slick-next {
      margin-right: -46.8vw;
      right: 50%; }
      @media screen and (min-width: 48em) {
        #contract-column .main-v .mainSld .slick-arrow.slick-next {
          margin-right: -23vw; } }
      #contract-column .main-v .mainSld .slick-arrow.slick-next:before {
        transform: translate(-0.5333333333vw, 0) rotate(-45deg); }
        @media screen and (min-width: 48em) {
          #contract-column .main-v .mainSld .slick-arrow.slick-next:before {
            transform: translate(-4px, 0) rotate(-45deg); } }
  #contract-column .main-v .mainSld .slick-dots {
    margin-top: 6px;
    font-size: 0; }
    @media screen and (min-width: 48em) {
      #contract-column .main-v .mainSld .slick-dots {
        margin-top: 50px; } }
    #contract-column .main-v .mainSld .slick-dots li {
      background-color: #b1b1b1;
      width: 42px;
      height: 4px;
      margin: 0 3.5px;
      vertical-align: top; }
      @media screen and (min-width: 48em) {
        #contract-column .main-v .mainSld .slick-dots li {
          width: 58px;
          height: 5px;
          margin: 0 6px; } }
      #contract-column .main-v .mainSld .slick-dots li.slick-active {
        background-color: #944c82; }
    #contract-column .main-v .mainSld .slick-dots button {
      display: none; }
  #contract-column .main-v .mainSld .item {
    transition: opacity 0.3s; }
    #contract-column .main-v .mainSld .item:not([disabled]):hover {
      opacity: 0.7; }
    @media screen and (min-width: 48em) {
      #contract-column .main-v .mainSld .item {
        width: 42vw; } }
    #contract-column .main-v .mainSld .item a {
      display: block; }
    #contract-column .main-v .mainSld .item figure img {
      width: 100%; }
    #contract-column .main-v .mainSld .item .txt {
      padding: 13px 10px 15px; }
      @media screen and (min-width: 48em) {
        #contract-column .main-v .mainSld .item .txt {
          padding: 15px 18px; } }
      #contract-column .main-v .mainSld .item .txt strong {
        display: block;
        margin-bottom: 5px;
        color: #944c82;
        font-size: 10px; }
        @media screen and (min-width: 48em) {
          #contract-column .main-v .mainSld .item .txt strong {
            margin-bottom: 9px;
            font-size: 14px; } }
      #contract-column .main-v .mainSld .item .txt p {
        color: #222;
        font-size: 13px;
        font-weight: bold;
        line-height: 1.3846153846; }
        @media screen and (min-width: 48em) {
          #contract-column .main-v .mainSld .item .txt p {
            font-size: 18px;
            line-height: 1.4444444444; } }
#contract-column .secNewArticle h2 {
  padding-bottom: 21px;
  font-size: 24px;
  font-weight: bold;
  text-align: center; }
  @media screen and (min-width: 48em) {
    #contract-column .secNewArticle h2 {
      padding: 6px 0 32px;
      font-size: 38px; } }
@media screen and (min-width: 48em) {
  #contract-column .secNewArticle .list {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start; } }
@media screen and (min-width: 48em) {
  #contract-column .secNewArticle .list li {
    width: 48.6284289277%;
    margin: 0 2.7431421446% 3.1172069825% 0; } }
@media screen and (min-width: 48em) {
  #contract-column .secNewArticle .list li:nth-child(even) {
    margin-right: 0; } }
#contract-column .secNewArticle .list li + li {
  margin-top: 20px; }
  @media screen and (min-width: 48em) {
    #contract-column .secNewArticle .list li + li {
      margin-top: 0; } }
#contract-column .secNewArticle .list li a {
  display: block;
  border: 1px solid #c3c3c3;
  box-shadow: 3.28px 3.774px 20px 0px rgba(0, 0, 0, 0.05);
  transition: opacity 0.3s; }
  #contract-column .secNewArticle .list li a:not([disabled]):hover {
    opacity: 0.7; }
  @media screen and (min-width: 48em) {
    #contract-column .secNewArticle .list li a {
      border: none; } }
#contract-column .secNewArticle .list li figure img {
  display: block;
  width: 100%; }
#contract-column .secNewArticle .list li .txt {
  background-color: #fff;
  padding: 11px 0 24px;
  position: relative; }
  @media screen and (min-width: 48em) {
    #contract-column .secNewArticle .list li .txt {
      padding: 13px 0 26px; } }
  @media screen and (min-width: 48em) and (max-width: 64em) {
    #contract-column .secNewArticle .list li .txt {
      padding-top: 18px; } }
  #contract-column .secNewArticle .list li .txt .cate {
    background-color: #944c82;
    padding: 4px 10px;
    color: #fff;
    font-size: 12px;
    line-height: 1;
    position: absolute;
    top: -9px;
    right: 15px; }
    @media screen and (min-width: 48em) {
      #contract-column .secNewArticle .list li .txt .cate {
        padding: 5px 12px;
        font-size: 14px;
        top: -10px;
        right: 18px; } }
    @media screen and (min-width: 48em) and (max-width: 64em) {
      #contract-column .secNewArticle .list li .txt .cate {
        top: -12px; } }
  #contract-column .secNewArticle .list li .txt .date {
    display: block;
    width: 87px;
    margin-bottom: 6px;
    padding-bottom: 4px;
    color: #222;
    font-size: 12px;
    text-align: right;
    line-height: 1;
    border-bottom: 1px solid #b794af; }
    @media screen and (min-width: 48em) {
      #contract-column .secNewArticle .list li .txt .date {
        width: 100px;
        margin-bottom: 9px;
        font-size: 14px; } }
  #contract-column .secNewArticle .list li .txt dl {
    padding: 0 27.5px; }
    @media screen and (min-width: 48em) and (max-width: 64em) {
      #contract-column .secNewArticle .list li .txt dl {
        padding: 0 15px; } }
  #contract-column .secNewArticle .list li .txt dt {
    font-size: 15px;
    font-weight: bold;
    line-height: 1.4666666667; }
    @media screen and (min-width: 48em) {
      #contract-column .secNewArticle .list li .txt dt {
        font-size: 18px;
        line-height: 1.4444444444; } }
    @media screen and (min-width: 48em) and (max-width: 64em) {
      #contract-column .secNewArticle .list li .txt dt {
        font-size: 16px; } }
  #contract-column .secNewArticle .list li .txt dd {
    margin-top: 6px;
    font-size: 12px;
    line-height: 1.5833333333; }
    @media screen and (min-width: 48em) {
      #contract-column .secNewArticle .list li .txt dd {
        font-size: 14px;
        line-height: 1.5714285714; } }
#contract-column .secNewArticle .pager {
  display: flex;
  justify-content: center;
  padding-top: 25px;
  font-size: 15px;
  font-weight: bold; }
  @media screen and (min-width: 48em) {
    #contract-column .secNewArticle .pager {
      font-size: 19px; } }
  #contract-column .secNewArticle .pager a,
  #contract-column .secNewArticle .pager span {
    display: block; }
    #contract-column .secNewArticle .pager a.no,
    #contract-column .secNewArticle .pager span.no {
      display: flex;
      justify-content: center;
      align-items: center;
      width: 29px;
      height: 29px;
      box-sizing: border-box; }
      @media screen and (min-width: 48em) {
        #contract-column .secNewArticle .pager a.no,
        #contract-column .secNewArticle .pager span.no {
          width: 34px;
          height: 34px; } }
      #contract-column .secNewArticle .pager a.no + .no,
      #contract-column .secNewArticle .pager span.no + .no {
        margin-left: 8px; }
        @media screen and (min-width: 48em) {
          #contract-column .secNewArticle .pager a.no + .no,
          #contract-column .secNewArticle .pager span.no + .no {
            margin-left: 10px; } }
  #contract-column .secNewArticle .pager a {
    transition: opacity 0.3s; }
    #contract-column .secNewArticle .pager a:not([disabled]):hover {
      opacity: 0.5; }
    #contract-column .secNewArticle .pager a.no {
      background-color: #fff;
      color: #7a3b6b;
      border: 1px solid #ccc; }
    #contract-column .secNewArticle .pager a.arw {
      width: 12px;
      height: 12px;
      border-bottom: 1px solid #7a3b6b;
      border-right: 1px solid #7a3b6b; }
      @media screen and (min-width: 48em) {
        #contract-column .secNewArticle .pager a.arw {
          width: 15px;
          height: 15px; } }
      #contract-column .secNewArticle .pager a.arw.pre {
        margin-right: 10px;
        transform: translate(0, 9px) rotate(135deg); }
      #contract-column .secNewArticle .pager a.arw.nxt {
        margin-left: 10px;
        transform: translate(0, 9px) rotate(-45deg); }
  #contract-column .secNewArticle .pager span.no {
    background-color: #7a3b6b;
    color: #fff; }

.detailMain {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  margin-bottom: 47px;
  position: relative; }
  @media screen and (min-width: 48em) {
    .detailMain {
      margin-bottom: 42px;
      position: static; } }
  .detailMain .contents {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: auto;
    height: 260px/*204px*/; }
    @media screen and (min-width: 48em) {
      .detailMain .contents {
        width: 90%;
        max-width: 75em;
        height: 367px; } }
  .detailMain h1 {
    margin-bottom: 9px;
    color: #fff;
    font-size: 20px;
    font-weight: bold;
    line-height: 1; }
    @media screen and (min-width: 48em) {
      .detailMain h1 {
        margin-bottom: 7px;
        font-size: 35px; } }
    .detailMain h1 p {
      color: inherit;
      line-height: 1.4;}
      .detailMain h1 p + p {
        margin-top: 4px; }
        @media screen and (min-width: 48em) {
          .detailMain h1 p + p {
            margin-top: 7px; } }
      .detailMain h1 p span {
        display: inline-block;
        background-color: rgba(0, 0, 0, 0.7);
        padding: 9.5px 16.5px 3.5px; }
        @media screen and (min-width: 48em) {
          .detailMain h1 p span {
            padding: 10.5px 19.5px 4.5px; } }
  .detailMain .info {
    display: flex;
    align-items: center;
    width: 90%;
    margin: 0 auto; }
    @media screen and (min-width: 48em) {
      .detailMain .info {
        width: auto;
        margin: 0; } }
    .detailMain .info .lbl {
      background-color: #7a3b6b;
      padding: 1.5px 3px;
      color: #fff;
      font-size: 10px; }
      @media screen and (min-width: 48em) {
        .detailMain .info .lbl {
          margin-right: 11px;
          padding: 8px 13px;
          font-size: 14px; } }
    .detailMain .info .sns {
      display: flex;
      align-items: center;
      position: absolute;
      bottom: -32px;
      left: 5%; }
      @media screen and (min-width: 48em) {
        .detailMain .info .sns {
          position: static; } }
      .detailMain .info .sns li {
        margin-right: 10px; }
        .detailMain .info .sns li a {
          display: block; }

.secArticleDetail {
  background-color: #fff;
  font-size: 13px; }
  @media screen and (min-width: 48em) {
    .secArticleDetail {
      margin-top: -87px;
      padding: 35px 37.5px 0;
      font-size: 16px; } }
  @media screen and (min-width: 48em) and (max-width: 64em) {
    .secArticleDetail {
      padding: 25px 25px 0; } }
  .secArticleDetail > *:first-child {
    margin-top: 0 !important; }
  .secArticleDetail > *:last-child {
    margin-bottom: 0 !important; }
  .secArticleDetail h2 {
    background-color: #f4f4f4;
    margin: 25px 0 15px;
    padding: 11px 14px;
    font-size: 18px;
    font-weight: bold;
    border-left: 4px solid #7a3b6b; }
    @media screen and (min-width: 48em) {
      .secArticleDetail h2 {
        margin: 50px 0 20px;
        padding: 14px 21px;
        font-size: 24px;
        border-left-width: 6px; } }
  .secArticleDetail h3 {
    margin: 25px 0 15px;
    padding-bottom: 6px;
    font-size: 16px;
    font-weight: bold;
    border-bottom: 3px solid #7a3b6b; 
    line-height: 1.4;}
    @media screen and (min-width: 48em) {
      .secArticleDetail h3 {
        margin: 50px 0 20px;
        padding-bottom: 10px;
        font-size: 20px;
        border-bottom-width: 2px; } }
  .secArticleDetail h4 {
    margin: 25px 0 15px;
    padding-left: 9px;
    color: #944c82;
    font-size: 13px;
    font-weight: bold;
    border-left: 4px solid #7a3b6b; 
    line-height: 1.4;}
    @media screen and (min-width: 48em) {
      .secArticleDetail h4 {
        margin: 50px 0 20px;
        padding-left: 10px;
        font-size: 20px; } }
  .secArticleDetail p {
    margin: 15px 0;
    font-size: 13px;
    line-height: 1.4615384615; }
    @media screen and (min-width: 48em) {
      .secArticleDetail p {
        margin: 20px 0;
        font-size: 16px;
        line-height: 1.5; } }
  .secArticleDetail table {
    width: 100%;
    margin: 25px 0; }
    @media screen and (min-width: 48em) {
      .secArticleDetail table {
        margin: 35px 0; } }
    .secArticleDetail table th,
    .secArticleDetail table td {
      padding: 12px;
      line-height: 1.6923076923;
      vertical-align: middle;
      border: 1px solid #ccc; }
      @media screen and (min-width: 48em) {
        .secArticleDetail table th,
        .secArticleDetail table td {
          line-height: 1.5; } }
    .secArticleDetail table th {
      background-color: #eceaea;
      width: 24%;
      font-weight: bold;
      text-align: center;
      box-sizing: border-box; }
      @media screen and (min-width: 48em) {
        .secArticleDetail table th {
          width: 28%;
          padding: 12px;
          text-align: center; } }
    .secArticleDetail table td {
      background-color: #fff;
      width:38%}
      @media screen and (min-width: 48em) {
        .secArticleDetail table td {
          width: 36%;
          padding: 12px; } }
  .secArticleDetail .idxBox {
    background-color: #f4f4f4;
    margin: 25px 0;
    padding: 12px 15px;
    border-radius: 8px; }
    @media screen and (min-width: 48em) {
      .secArticleDetail .idxBox {
        margin: 45px 0;
        padding: 23px 20px 36px; } }
    .secArticleDetail .idxBox dt {
      padding-bottom: 9px;
      font-size: 14px;
      font-weight: bold;
      border-bottom: 1px solid #ccc; }
      @media screen and (min-width: 48em) {
        .secArticleDetail .idxBox dt {
          padding-bottom: 15px;
          font-size: 18px; } }
      .secArticleDetail .idxBox dt span {
        color: #7a3b6b; }
    .secArticleDetail .idxBox dd {
      margin-top: 8px; }
      @media screen and (min-width: 48em) {
        .secArticleDetail .idxBox dd {
          margin-top: 23px; } }
      .secArticleDetail .idxBox dd h2 {
        background-color: transparent;
        margin: 10px 0 8px;
        padding: 0;
        font-size: 13px;
        border-left: none;
        line-height: 1.5; }
        @media screen and (min-width: 48em) {
          .secArticleDetail .idxBox dd h2 {
            margin: 20px 0 15px;
            font-size: 16px; } }
      .secArticleDetail .idxBox dd h3 {
        display: flex;
        align-items: flex-start;
        margin: 0;
        padding: 0;
        font-size: 11px;
        font-weight: normal;
        line-height: 1.4545454545;
        border-bottom: none; }
        @media screen and (min-width: 48em) {
          .secArticleDetail .idxBox dd h3 {
            font-size: 14px;
            line-height: 1.5; } }
        .secArticleDetail .idxBox dd h3:before {
          content: "";
          flex-shrink: 0;
          display: block;
          background-color: #7a3b6b;
          width: 9px;
          height: 1px;
          margin: 7px 6px 0 0; }
          @media screen and (min-width: 48em) {
            .secArticleDetail .idxBox dd h3:before {
              margin: 9px 6px 0 0; } }
        .secArticleDetail .idxBox dd h3 + h3 {
          margin-top: 3px; }
          @media screen and (min-width: 48em) {
            .secArticleDetail .idxBox dd h3 + h3 {
              margin-top: 10px; } }
      .secArticleDetail .idxBox dd a {
        color: inherit; }
        .secArticleDetail .idxBox dd a:hover {
          color: #7a3b6b;
          text-decoration: underline; }
  .secArticleDetail .bnBox {
    margin: 25px 0; }
    @media screen and (min-width: 48em) {
      .secArticleDetail .bnBox {
        margin: 50px 0; } }
    .secArticleDetail .bnBox a {
      display: block;
      transition: opacity 0.3s; }
      .secArticleDetail .bnBox a:not([disabled]):hover {
        opacity: 0.7; }
      .secArticleDetail .bnBox a img {
        width: 100%; }
@media screen and (min-width: 64em){
	.secArticleDetail .bnBox {
		text-align: center;
	}
	.secArticleDetail .bnBox img{
		max-width: 732px;
	}
}
  .secArticleDetail .chkBox {
    background-color: #fff;
    margin: 25px 0;
    padding: 11px 0 15px;
    border: 1px solid #86b81c;
    border-radius: 5px; }
    @media screen and (min-width: 48em) {
      .secArticleDetail .chkBox {
        margin: 30px 0;
        padding: 22px 0 20px; } }
    .secArticleDetail .chkBox dt {
      display: flex;
      align-items: center;
      font-weight: bold; }
      .secArticleDetail .chkBox dt em {
        background-color: #86b81c;
        margin-right: 9px;
        padding: 4px 18px 4px 12px;
        color: #fff;
        font-size: 16px;
        border-radius: 0 100px 100px 0; }
        @media screen and (min-width: 48em) {
          .secArticleDetail .chkBox dt em {
            margin-right: 10px;
            padding: 4px 21px 1px 12px; } }
        @media screen and (min-width: 48em) {
          .secArticleDetail .chkBox dt em _::-webkit-full-page-media, .secArticleDetail .chkBox dt em _:future, :root .secArticleDetail .chkBox dt em {
            padding: 3px 21px 2px 12px; } }
      .secArticleDetail .chkBox dt span {
        padding-top: 6px;
        color: #86b81c;
        font-size: 14px; }
        @media screen and (min-width: 48em) {
          .secArticleDetail .chkBox dt span {
            font-size: 18px; } }
    .secArticleDetail .chkBox dd {
      margin-top: 10px;
      padding: 0 14px;
      font-size: 13px;
      line-height: 1.3846153846; }
      @media screen and (min-width: 48em) {
        .secArticleDetail .chkBox dd {
          margin-top: 19px;
          padding: 0 27px;
          font-size: 14px;
          line-height: 1.5714285714; } }
      .secArticleDetail .chkBox dd .link {
        margin-top: 5px;
        font-size: 14px;
        text-align: right; }
        @media screen and (min-width: 48em) {
          .secArticleDetail .chkBox dd .link {
            margin-top: 10px; } }
        .secArticleDetail .chkBox dd .link a {
          padding-right: 16px;
          color: inherit;
          text-decoration: underline;
          position: relative; }
          .secArticleDetail .chkBox dd .link a:after {
            content: "";
            display: block;
            width: 9px;
            height: 9px;
            margin: auto;
            border-bottom: 1px solid #86b81c;
            border-right: 1px solid #86b81c;
            position: absolute;
            top: 0;
            bottom: 0;
            right: 0;
            transform: translate(0, 0) rotate(-45deg); }
          .secArticleDetail .chkBox dd .link a:hover {
            text-decoration: none; }

.secRelated {
  margin-top: 24px; }
  @media screen and (min-width: 48em) {
    .secRelated {
      margin-top: 64px; } }
  .secRelated h2 {
    margin-bottom: 10px;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    line-height: 1;
    position: relative; }
    @media screen and (min-width: 48em) {
      .secRelated h2 {
        margin-bottom: 35px;
        font-size: 26px; } }
    .secRelated h2:before {
      content: "";
      display: block;
      background-color: #5e0044;
      width: 100%;
      height: 2px;
      margin: auto;
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0; }
    .secRelated h2 span {
      display: inline-block;
      background-color: #5e0044;
      padding: 6px 10.5px 4px;
      color: #fff;
      position: relative; }
      @media screen and (min-width: 48em) {
        .secRelated h2 span {
          padding: 5px 7.5px 3px; } }
  @media screen and (min-width: 48em) {
    .secRelated ul {
      display: flex;
      flex-wrap: wrap;
      align-items: flex-start; } }
  @media screen and (min-width: 48em) {
    .secRelated ul > li {
      width: 31.1720698254%;
      margin: 0 3.2418952618% 3.2418952618% 0; } }
  @media screen and (min-width: 48em) {
    .secRelated ul > li:nth-child(3n) {
      margin-right: 0; } }
  .secRelated ul > li + li {
    margin-top: 24px; }
    @media screen and (min-width: 48em) {
      .secRelated ul > li + li {
        margin-top: 0; } }
  .secRelated ul > li a {
    display: block;
    color: #7a3b6b;
    font-size: 13px;
    box-shadow: 3.28px 3.774px 20px 0px rgba(0, 0, 0, 0.05);
    transition: opacity 0.3s; }
    .secRelated ul > li a:not([disabled]):hover {
      opacity: 0.7; }
    @media screen and (min-width: 48em) {
      .secRelated ul > li a {
        font-size: 14px;
        box-shadow: 3.28px 3.774px 20px 0px rgba(0, 0, 0, 0.05); } }
    .secRelated ul > li a figure img {
      display: block;
      width: 100%; }
    .secRelated ul > li a p {
      color: inherit;
      padding: 13px 15px 21px;
      font-weight: bold;
      line-height: 1.4615384615; }
      @media screen and (min-width: 48em) {
        .secRelated ul > li a p {
          padding: 15px 15px 26px;
          line-height: 1.5714285714; } }

/* 追加 */
.secArticleDetail .imgBox {
     margin: 20px 0;
}
.lp2022 .secArticleDetail .imgBox{
	text-align: center;
}
.secArticleDetail .imgBox img {
     width: 100%;
	 max-width: 710px;
} 
.secArticleDetail .imgBox .imgBox_note {
    margin: 10px 0 0 0;
    font-size: 0.85em;
} 

a.link {
    text-decoration: underline;
    color: #1d54a7;
}

a.link:hover {
    text-decoration: none;
}

table caption {
    margin-bottom: 10px;
    font-weight: bold;
    text-align: left;
}

table.border_none td {
    border: none;
}

table td.font_bold {
    font-weight:bold;
}

table td.bg_color_gray {
    background-color: #eceaea;
}

table td.bg_color_black {
    background-color: #333;
    color: #fff;
}

table td.text_center {
    text-align: center;
}

.secArticleDetail .font_bold {
    font-weight: bold;
}

.secArticleDetail .text_underline {
    text-decoration: underline;
}

.secArticleDetail .color_primary {
    color: #7a3b6b;
}

.secArticleDetail .txtBox {
    background-color: #fff;
    margin: 25px 0;
    padding: 15px;
    border: 1px solid #333;
}

@media screen and (min-width: 48em) {
.secArticleDetail .txtBox {
    margin: 30px 0;
    padding: 20px;
}
}
.secArticleDetail .txtBox dt,
.secArticleDetail .txtBox dd {
    line-height: 1.5;
}

.secArticleDetail .txtBox dd {
    margin-top: 15px;
}

/* 漫画画像 */
.secArticleDetail .imgBox.imgManga img {
    box-sizing: border-box;
    border: 4px solid #000;
}

/* PardotForm */
.secArticleDetail .formBox {
    margin-top: 50px;
 }

.secArticleDetail .formTitle {
    position: relative;
    padding: 28px 0;
    background-color: #944c82;
    color: #fff;
    border-radius: 20px 20px 0 0;
    font-size: 1.2em;
    font-weight: bold;
    text-align: center;
 }
        
.secArticleDetail .formTitle::after {
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    top: 90%;
    right: 50%;
    margin-right: -50px;
    border: 50px solid rgba(0, 0, 0, 0);
    border-top: 30px solid #944c82;
    z-index: 999;
}
    
.secArticleDetail .formInner {
    background-color:#f9f5fa;
    border: 1px solid #944c82;
    border-radius: 0 0 20px 20px;
}
        
.secArticleDetail #pardot-form {
    padding: 2em 1em 1em;
} 
@media screen and (min-width: 48em) {
.secArticleDetail #pardot-form {
    padding: 2em;
}
}

/* checkmark */	    
ul.list_checkmark {
    margin-left: 1.5rem;
}

@media screen and (min-width: 48em) {
ul.list_checkmark {
    margin-left: 2.0rem;
}
}

ul.list_checkmark li {
    position: relative;
    line-height: 1.4;
}
    
ul.list_checkmark li span {
    font-size: 0.85em;
} 
    
ul.list_checkmark li + li {
    margin-top: 0.5rem;
} 
    
ul.list_checkmark li::after {
    content: '';
    display: block;
    position: absolute;
    top: 0.4em;
    left: -1.5em;
    width: 8px;
    height: 4px;
    border-left: 1px solid #333;
    border-bottom: 1px solid #333;
    transform: rotate(-45deg);
} 

/* listBox */	 
.secArticleDetail dl.listBox {
    background-color: #faf4fb;
    margin-top: 25px;
    border: 1px solid #7a3b6b;
    border-radius: 5px;
}

@media screen and (min-width: 48em) {
.secArticleDetail dl.listBox {
    margin-top: 30px;
} 
}

.secArticleDetail dl.listBox dt {
    padding: 1rem;
    color: #7a3b6b;
    font-size: 16px;
    font-weight: bold;
}

.secArticleDetail dl.listBox dd {
    padding: 0 1rem 1rem;
    line-height: 1.6;
}

/* listBox simple*/
.secArticleDetail dl.listBox.simple {
    background-color: #fff;
    border-width:0;
    border-radius: 0;
}

.secArticleDetail dl.listBox.simple dt {
    padding-top: 0;
    background-color: #fff;
    color: #333;
}	

.secArticleDetail dl.listBox.simple dd {
    padding-bottom: 0;
}

/* listBox summary*/
.secArticleDetail dl.listBox.summary {
    border-width:0;
    border-radius: 0;
}

.secArticleDetail dl.listBox.summary dt {
    background-color: #c148ca;
    color: #fff;
}	

.secArticleDetail dl.listBox.summary dt.summary02 {
    background-color: #703562;
}

.secArticleDetail dl.listBox.listBox.summary dd {
    padding-top: 1rem;
}

/* list style disc */	    
ul.list_disc {
    margin-left: 1.5rem;
}

@media screen and (min-width: 48em) {
ul.list_disc {
    margin-left: 2.0rem;
}
}

ul.list_disc li {
    list-style: disc;
    line-height: 1.4;
}
    
ul.list_disc li span {
    font-size: 0.85em;
} 
    
ul.list_disc li + li {
    margin-top: 0.5rem;
} 


/* list style checkmark */	    
ul.list_checkmark {
    margin-left: 1.5rem;
}

@media screen and (min-width: 48em) {
ul.list_checkmark {
    margin-left: 2.0rem;
}
}

ul.list_checkmark li {
    position: relative;
    line-height: 1.4;
}
    
ul.list_checkmark li span {
    font-size: 0.85em;
} 
    
ul.list_checkmark li + li {
    margin-top: 0.5rem;
} 
    
ul.list_checkmark li::after {
    content: '';
    display: block;
    position: absolute;
    top: 0.4em;
    left: -1.5em;
    width: 8px;
    height: 4px;
    border-left: 1px solid #333;
    border-bottom: 1px solid #333;
    transform: rotate(-45deg);
} 

/* list style list_circled_number */	    
ol.list_circled_number {
    margin: 0;
    padding: 0;
    counter-reset: my-counter;
    list-style: none;
}

ol.list_circled_number li {
    position: relative;
    line-height: 1.6;
    padding-left: 1.5rem;
}
    
ol.list_circled_number li + li {
    margin-top: 0.5rem;
} 

ol.list_circled_number li:before {
    content: counter(my-counter);
    counter-increment: my-counter;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 17px;
    width: 17px;
    position: absolute;
    top: 1px;
    left: 0;
    border: 1px solid #333;
    border-radius: 50%;
    box-sizing: border-box;
    color: #333;
    font-size: 80%;
    line-height: 1;
}

@media screen and (min-width: 48em) {
ol.list_circled_number li:before {
    height: 19px;
    width: 19px;
}
}

/* list style checkmark */	    
ul.list_checkmark {
    margin-left: 1.5rem;
}

@media screen and (min-width: 48em) {
ul.list_checkmark {
    margin-left: 2.0rem;
}
} 

ul.list_checkmark li {
    position: relative;
    line-height: 1.4;
}
    
ul.list_checkmark li span {
    font-size: 0.85em;
} 
    
ul.list_checkmark li + li {
    margin-top: 0.5rem;
} 
    
ul.list_checkmark li::after {
    content: '';
    display: block;
    position: absolute;
    top: 0.4em;
    left: -1.5em;
    width: 8px;
    height: 4px;
    border-left: 1px solid #333;
    border-bottom: 1px solid #333;
    transform: rotate(-45deg);
} 

/* profile Box */	 
.secArticleDetail .profBox {
    margin-top: 25px;
    background-color: #fff;
    border: 1px solid #7a3b6b;
}

.secArticleDetail .profBox .proftitle {
    background-color: #7a3b6b;
    padding: 1rem;
    color: #fff;
    font-weight: bold;
    text-align: center;
}

.secArticleDetail .profBox .profwrap {
    display: flex;
    flex-wrap: wrap;
    padding: 1rem;
}

.secArticleDetail .profBox .profwrap  {
    display: flex;
    flex-wrap: wrap;
    padding: 1rem;
}

.secArticleDetail .profBox .profwrap figure,
.secArticleDetail .profBox .profwrap .proftext {
    width: 100%;
}

.secArticleDetail .profBox .profwrap figure img {
    display: block;
    margin: 0 auto;
    width: 150px;
}

.secArticleDetail .profBox .profwrap .proftext {
    flex: 1;
    margin-top: 1rem;
}

.secArticleDetail .profBox .profwrap .proftext p {
    margin: 0;
}

.secArticleDetail .profBox .profwrap p.profname {
    margin-bottom: 1rem;
}

.secArticleDetail .profBox .profwrap p.profname span {
    font-weight: bold;
}

@media screen and (min-width: 64em) {
.secArticleDetail .profBox {
    margin-top: 30px;
}  
    
.secArticleDetail .profBox .proftitle {
    text-align: left;
}
    
.secArticleDetail .profBox .profwrap {
    justify-content: space-between;
}  

.secArticleDetail .profBox .profwrap figure {
    width: 150px;
}

.secArticleDetail .profBox .profwrap .proftext {
    flex: 1;
    margin-top: 0;
    margin-left: 2rem;
}    
}

/* sp 縦型 Box */	
table.sp_row th,
table.sp_row td {
    display: block;
    width: 100%;
    padding-top: 4px;
    padding-bottom: 4px;
    box-sizing: border-box;
}

@media screen and (min-width:64em){	
table.sp_row th,
table.sp_row td {
    display: inline-block;
    width: 50%
}
}

/*追加スタイル*/
#breadcrumbs.color-bk ol li{
	color: #666;
}

#breadcrumbs.color-bk ol li a{
	color: #666;
}

.icon-ttl{
   display: block;
   position: relative;
   padding-left: 15px;
   font-weight:600;
	margin-bottom: 10px;
}

.icon-ttl:before {
   content: "";
   position: absolute;
   top: .1em;
   left: -3px;
   width: 15px;
   height: 15px;
   border-top: 1px solid #fff;
   border-right: 1px solid #fff;
   border-radius: 50%;
   background-color: #954c83;
  }
 
.icon-ttl:after {
   content: "";
   position: absolute;
   top: .5em;
   left: 1px;
   -webkit-transform: rotate(45deg);
   -ms-transform: rotate(45deg);
   transform: rotate(45deg);
   width: 4px;
   height: 4px;
   border-top: 1px solid #fff;
   border-right: 1px solid #fff;
}

/*CTA*/

.column_txt_cta {
    border: solid 1px #cccccc;
    padding: 12px 15px 8px;
    margin-top: 15px;
    margin-bottom: 25px;
}

.column_txt_cta p{
	margin-top: 10px;
}

.column_txt_cta {
	border: solid 1px #cccccc;
	padding: 12px 15px 8px;
	margin-top: 15px;
	margin-bottom: 25px;
}
.column_txt_cta_category {
	border: solid 1px #954c83;
	padding: 4px 6px;
	margin-right: 5px;
	color: #954c83 !important
}
.column_txt_cta span {
	font-size: 13px;
	color: #2684e2;
}
.column_txt_cta p {
	color: #2684e2;
	line-height: 1.5;
	margin-bottom: 0 !important;
}
.column_txt_cta span:hover,
.column_txt_cta p:hover {
	color: #954c83;
}

.column_txt_cta a{
	color: #2684e2;
}

column_txt_cta a:hover{
	color: #954c83;
}

.number-dl-list dt{
	font-weight: 600;
	margin-bottom: 10px;
	margin-top: 2em;
}

.number-dl-list dd{
	line-height: 1.5;
}

.n-list li{
  position: relative;
  padding-left: 15px;
  margin-bottom: 15px;
}
 
.n-list li:before {
  content: "";
  position: absolute;
  top: .4em;
  left: 0;
  width: 5px;
  height: 5px;
  background-color: #954c83;
  border-radius: 50%;
}