@charset "UTF-8";
/*
Theme Name: お金のメディア
Theme URL: 
Description: 
Author: Power Plannning Inc.
Version: 1
Tags:Media Div.
License: Power Planning Inc.
License URL: https://pp-net.com
*/
/*-- container  --*/
/*--  reset.css  --*/
/* http://meyerweb.com/eric/tools/css/reset/  v2.0 | 20110126 License: none (public domain) */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block;
}

body {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
  content: "";
  content: none;
}

table {
  border-collapse: separate;
  border-spacing: 0;
}

/*--  base  --*/
* {
  box-sizing: border-box;
}

html {
  font-size: 62.5%;
  height: 100%;
  background-color: #fff;
}

body {
  background: #f8f6f2;
  color: #333;
  font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro" , "メイリオ", "Meiryo" , "游ゴシック", YuGothic , "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
  font-size: 1.5rem;
  line-height: 1.5;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  text-size-adjust: 100%;
}

main {
  display: block;
}

p {
  font-size: 1.5rem;
  font-weight: 300;
  line-height: 1.5;
}

h2, h3, h4 {
  font-weight: 700;
}

a, a:link {
  text-decoration: none;
  transition: all 0.3s ease;
}

a:hover, a:active {
  color: #0fa169;
  text-decoration: underline;
  transition: all 0.3s ease;
}

img {
  height: auto;
  max-width: 100%;
  vertical-align: top;
}

a img, a:link img, a:visited img, a:hover img, a:active img {
  text-decoration: none;
}

[type=text], select, button {
  border: 0;
  font-size: inherit;
  margin: 0;
  padding: 0;
}

button {
  background-color: transparent;
}

button:hover {
  cursor: pointer;
}

select, button, [type=text] {
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

sup {
  vertical-align: super;
}

sub {
  vertical-align: sub;
}

.pc-none {
  display: none;
}

.sp-none {
  display: block;
}

@media screen and (max-width: 680px) {
  .pc-none {
    display: block;
  }

  .sp-none {
    display: none;
  }
}
.ut-enText {
  font-family: "Montserrat", sans-serif;
}

/*--  Module  -------------------------------------------------------------------*/
/*--  header   --*/
.globalHeader {
  background: #fff;
}
.globalHeader__areaUpperInner {
  margin: 0 auto 0 auto;
  max-width: 1100px;
  padding: 2rem 0 0 0;
  position: relative;
}
/*.globalHeader__mainLogoTitle {
    background: url(img/logo_tagLine.png) 0 100% no-repeat;
    background-size: contain;
    display: inline-block;
    margin: 0 0 .8rem 0;
    padding-bottom: 2.4rem;
    width: 26rem;
}*/
.globalHeader__mainLogoTitle img {
    height: 4.2rem;
}
.globalHeader__mainLogoLead {
  display: none;
}
.globalHeader__gnavItem {
  padding: 1.6rem 0 1.6rem 0;
  text-align: center;
  width: 14rem;
}
.globalHeader__gnavItem > a {
  color: #bbb;
  font-weight: bold;
  position: relative;
}
.globalHeader__gnavItem > a:hover, .globalHeader__gnavItem > a:active, .globalHeader__gnavItem--active > a {
  color: #333;
  text-decoration: none;
}
.globalHeader__gnavItem > a:hover:before, .globalHeader__gnavItem > a:active:before, .globalHeader__gnavItem--active > a:before {
  background: #0fa169;
  bottom: -2rem;
  content: "";
  height: 0.2rem;
  left: 0;
  position: absolute;
  right: 0;
  width: 100%;
}
form {
    bottom: 2rem;
    position: absolute;
    right: 2rem;
}
.searchWrapper {
    position: relative;
}
input[type="text"] {
  background: transparent;
  border: .1rem solid #ddd;
  border-radius: 50rem;
  cursor: pointer;
  font-weight: 400;
  padding: 1rem;
  position: absolute;
  right: 0;
  top: 0;
  transition: width .4s cubic-bezier(0.000, 0.795, 0.000, 1.000);
  z-index: 1;
  width: 14rem;
}

input[type="submit"]:hover {
  opacity: 0.8;
}
input.searchIcon {
  margin: 0 1rem 0 0;
  padding: 1rem 0 0 0;
  position: relative;
  width: 2rem;
  z-index: 9999;
}

input[type="text"]:focus {
    width: 24rem;
}
#menuToggle, .menuHeader, #menuToggle02 {
  display: none;
}

@media screen and (max-width: 680px) {
  .globalHeader__mainLogoLead {
    display: block;
    border-top: 0.1rem solid #ddd;
    font-size: 1.1rem;
    font-weight: 700;
    padding: 0.8rem 0 0.8rem 0;
    letter-spacing: 0.05rem;
  }
  .globalHeader__mainLogoTitle {
    background: none;
    margin: 0 0 1.6rem 0;
    padding: 0;
    width: auto;
  }
  .globalHeader__mainLogoTitle img {
    height: 2.4rem;
  }
  .globalHeader__areaUpperInner {
    padding: 2.4rem 0 0;
    border-bottom: 0.1rem solid #ddd;
    text-align: center;
  }
  .globalHeader__gnavList.swiper-wrapper {
    flex-wrap: wrap;
  }
  .globalHeader__gnavItem {
    margin: -0.1rem 0 0 -0.1rem;
    padding: 0 0 0 0;
    width: calc( (100% / 3) + .1rem );
  }
  .globalHeader__gnavItem a {
    color: #fff;
    font-size: 1.1rem;
    display: block;
    height: 12.5rem;
    padding: 2rem 0 1.6em 0;
    border: 0.1rem solid #fff;
  }
  .globalHeader__gnavItem a img {
    height: 5.4rem;
    margin: 0 auto 1.2rem auto;
    padding: 0 0 0 0;
  }
  .globalHeader__gnavItem a:hover:before, .globalHeader__gnavItem a:active:before, .globalHeader__gnavItem--active > a:before {
    display: none;
  }
  .globalHeader__gnavItem a:hover, .globalHeader__gnavItem a:active, .globalHeader__gnavItem--active > a {
    color: #fff;
  }

  .cp_fullscreenmenu {
    left: 2rem;
    margin: -0.6rem 0 0 0;
    position: fixed;
    top: 2.8rem;
    z-index: 103;
    width: 4rem;
  }
  .cp_fullscreenmenu .menu {
    background: #0fa169;
    left: 0;
    position: fixed;
    height: 100vh;
    top: 0;
    width: 100vw;
  }
  .cp_fullscreenmenu .globalHeader__gnavItem, .cp_fullscreenmenu .globalHeader__gnavItem a {
    transition: all 0.3s ease;
  }
  .cp_fullscreenmenu .menuHeader {
    background: #fff;
    display: block;
    height: 6.5rem;
    text-align: center;
    width: 100%;
  }
  .cp_fullscreenmenu .menuHeader__mainLogoTitle {
    display: inline-block;
  }
  .cp_fullscreenmenu .menuHeader__mainLogoTitle img {
    height: 2.4rem;
    margin: 2.4rem 0 0 0;
  }
  .cp_fullscreenmenu #menuToggle ~ .hamburger:after{
    bottom: -3.2rem;
    content: "メニュー";
    font-size: 0.8rem;
    font-weight: 700;
    left: -0.4rem;
    position: absolute;
  }
  .cp_fullscreenmenu #menuToggle:checked ~ .hamburger:after, .cp_fullscreenmenu #menuToggle02:checked ~ .hamburger02:after {
    content: "閉じる";
    left: 0;
    z-index: 9999;
    font-size: .8rem;
    font-weight: 700;
    display: block;
    margin: 1.8rem 0 0 0;
  }
  .cp_fullscreenmenu #menuToggle:checked ~ .menuEffects, .cp_fullscreenmenu #menuToggle02:checked ~ .menuEffects {
    opacity: 0.9;
    transition: opacity 0.5s;
    visibility: visible;
  }
  .cp_fullscreenmenu #menuToggle:checked ~ .menuEffects ul, .cp_fullscreenmenu #menuToggle02:checked ~ .menuEffects ul {
    opacity: 1;
  }
  .cp_fullscreenmenu #menuToggle:checked ~ .hamburger .open, .cp_fullscreenmenu #menuToggle02:checked ~ .hamburger .open {
    background-color: transparent;
    top: 0.5rem;
  }
  .cp_fullscreenmenu #menuToggle:checked ~ .hamburger .open:before, .cp_fullscreenmenu #menuToggle02:checked ~ .hamburger02 .open:before {
    background: #333;
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    transform: rotate(45deg);
    z-index: 1;
    height: .3rem;
    width: 2.8rem;
  }
  .cp_fullscreenmenu #menuToggle:checked ~ .hamburger .open:after, .cp_fullscreenmenu #menuToggle02:checked ~ .hamburger02 .open:after {
    background: #333;
    content: "";
    position: relative;
    right: 0;
    top: 0;
    transform: rotate(-45deg);
    z-index: 1;
  }
  .cp_fullscreenmenu #menuToggle:not(:checked) ~ .menuEffects ul, .cp_fullscreenmenu #menuToggle02:not(:checked) ~ .menuEffects ul {
    transform: translateY(-30%);
  }
  .cp_fullscreenmenu #menuToggle:checked ~ .menuEffects ul a, .cp_fullscreenmenu #menuToggle02:checked ~ .menuEffects ul a {
    pointer-events: auto;
  }
  .cp_fullscreenmenu .hamburger {
    cursor: pointer;
    display: block;
    padding: 0 0 0 0;
    position: relative;
    right: 0;
  }
  .cp_fullscreenmenu .hamburger:hover .open:before {
    top: -0.9rem;
  }
  .cp_fullscreenmenu .hamburger:hover .open:after {
    top: 0.6rem;
  }
  .cp_fullscreenmenu .open {
    background: #333;
    border-radius: 0.2rem;
    cursor: pointer;
    display: block;
    height: 0.3rem;
    position: relative;
    top: 0.8rem;
    transition: all 0.3s ease;
    width: 2.8rem;
  }
  .cp_fullscreenmenu .open:before, .cp_fullscreenmenu .open:after {
    background: #333;
    border-radius: 0.2rem;
    display: block;
    height: 0.3rem;
    position: relative;
    transition: all 0.3s ease;
    width: 2.8rem;
  }
  .cp_fullscreenmenu .open:before {
    content: "";
    top: -0.9rem;
    transform: rotate(0deg);
  }
  .cp_fullscreenmenu .open:after {
    content: "";
    top: 0.6rem;
  }
  .cp_fullscreenmenu br {
    display: none;
  }

  .menuEffects {
    opacity: 0;
    transition: opacity 0.5s, visibility 0.5s;
    visibility: hidden;
  }
  .menuEffects ul a {
    pointer-events: none;
  }
	.cp_fullscreenmenu .hamburger02 .open {
    background: transparent;
    border-radius: 0.2rem;
    cursor: pointer;
    display: block;
    height: 0.3rem;
    position: relative;
    top: 0.8rem;
    transition: all 0.3s ease;
    width: 3rem;
    }
	.cp_fullscreenmenu .hamburger02 .open:before {
  background: url(https://www.41fp.com/media/wp-content/themes/monemo/img/icon__search.svg);
  background-size: contain;
  background-repeat: no-repeat;
  content: “”;
  display: inline-block;
  height: 2.3rem;
  top: -1.2rem;
  width: 2.3rem;
	}

  .cp_fullscreenmenu .hamburger02 .open:after {
  background: none;
  bottom: -1.2rem;
  content: "探す";
  font-size: 0.8rem;
  font-weight: 700;
  position: absolute;
  top: unset;
	}

  .globalHeader__areaSearch .cp_fullscreenmenu {
  left: auto;
  right: 2rem;
  margin: -0.6rem 0 0 0;
  position: absolute;
  top: 2.8rem;
  z-index: 103;
  width: 4rem;
  }
  .hamburger02 {
  height: 4rem;
  position: absolute;
  z-index: 9999;
  }
  .searchWrapper {
  position: relative;
  }
  form {
    bottom: unset;
    right: unset;
    width: 100%;
  }
  .searchWrapper [type=text]{
  border-radius: 6rem;
  font-size: 1.3rem;
  font-weight: 700;
  margin: 4rem 0 0 0;
  padding: 2rem 4rem 2rem 4rem;
  position: relative;
  width: 90%;
  }

  .searchWrapper .searchIcon{
  bottom: 1.8rem;
  height: 2rem;
  position: absolute;
  right: 10%;
  width: 2rem;
  }
  input[type="text"]:focus {
  width: 90%;
  }
.searchWrapper [type=text] {
    background: #fff;
}
input.searchIcon {
    z-index: 9;
}
.searchWrapper .searchIcon {
    height: 3rem;
}
}
/*--  content   --*/
.l-baseSection {
  overflow: hidden;
}

main {
  margin: 0 4rem 0 1rem;
  width:100%;
}

aside {
  margin: 0 1rem 0 0;
  min-width: 30rem;
  width: 30%;
}

#main {
  display: flex;
  justify-content: space-between;
  margin: 0 auto;
  max-width: 1100px;
}

@media screen and (max-width: 959px) {
  main {
    margin: 0 2rem 0 2rem;
    width: auto;
  }

  aside {
    margin: 0 auto 0 auto;
    min-width: unset;
    width: calc(100% - 4rem);
  }

  #main {
    display: block;
  }
}
@media screen and (max-width: 680px) {
  main {
    margin: 0 2rem 0 2rem;
    width: auto;
  }

  aside {
    margin: 0 auto 0 auto;
    min-width: unset;
    width: calc(100% - 4rem);
  }
}
/*--  articleItem   --*/
.articleList {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 0 0 2rem 0;
}

.articleItem {
  margin: 0 0 2rem 0;
  position: relative;
  width: calc(50% - 1rem);
}
.articleItem:last-child {
  margin: 0 0 0 0;
}
.articleItem a {
  color: #fff;
}
.articleItem :hover .articleItem__body {
  background: linear-gradient(0deg, #0fa169 0, rgba(0, 11, 29, 0) 60%);
}
.articleItem__title{
	max-height: 6.2rem;
	overflow: hidden;
}

.articleItem__image > img {
  border-radius: 1.4rem;
  height: 38rem;
  object-fit: cover;
  width: 100%;
}
.articleItem a:hover .articleItem__image > img {
  box-shadow: 0.5rem 1rem 6rem rgba(0, 0, 0, 0.07), 0.5rem 1.5rem 2.5rem rgba(0, 0, 0, 0.2);
  transition: box-shadow 0.5s cubic-bezier(0.37, 0.16, 0.12, 1), transform 0.5s cubic-bezier(0.37, 0.16, 0.12, 1);
}
.articleItem__wrapper {
  position: relative;
  transition: all 0.3s ease;
}
.articleItem a:hover .articleItem__wrapper {
  transform: translate3d(0, -0.4rem, 0);
  transition: all 0.3s ease;
}
.articleItem__body {
  background: linear-gradient(0deg, #333 0, rgba(0, 11, 29, 0) 60%);
  border-radius: 1.4rem;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: space-between;
  padding: 2rem;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 2;
}
.articleItem__date {
  bottom: 13%;
  font-size: 1.2rem;
  margin: 0 0 2.4rem 0;
  position: absolute;
}

.articleList--middle .articleItem__image img {
  height: 24rem;
}
.articleList--middle .articleItem__body {
  padding: 1.2rem 1rem 1.2rem 1rem;
}
.articleList--middle .articleItem__date {
  bottom: 22%;
  margin: 0 0 1.6rem 0;
}

.articleList--small {
  display: block;
}
.articleList--small .articleItem {
  width: 100%;
}
.articleList--small .articleItem__image img {
  border-radius: 0.8rem;
  height: 12rem;
}
.articleList--small .articleItem__body {
  border-radius: 0.8rem;
  padding: 1.2rem 1rem 1.2rem 1rem;
}
.articleList--small .articleItem__date {
  bottom: 34%;
  margin: 0 0 1rem 0;
}
.articleList--small .articleItem__title {
  font-size: 1.2rem;
}

.articleList .c-tag:hover {
  background: #fff;
  color: #0fa169;
  transform: translate3d(0, 0, 0);
  box-shadow: none;
  transition: none;
}

@media screen and (max-width: 680px) {
  main .articleList, aside .articleList {
    display: block;
  }
  main .articleList .articleItem, aside .articleList .articleItem {
    border-bottom: 0.1rem solid #ddd;
    margin: 0 0 1rem 0;
    padding: 0 0 1rem 0;
    width: 100%;
  }
  main .articleList .articleItem__wrapper, aside .articleList .articleItem__wrapper {
    align-items: center;
    display: flex;
  }
  main .articleList .articleItem__body, aside .articleList .articleItem__body {
    background: none;
    flex-direction: column-reverse;
    justify-content: space-between;
    min-height: 12rem;
    padding: 0 1rem 0 1rem;
    position: initial;
    z-index: 0;
    width: calc(100% - 3rem);
  }
  main .articleList .articleItem__image img, aside .articleList .articleItem__image img {
    height: auto;
    height: 24rem;
    object-fit: cover;
    max-height: 12rem;
    min-width: 11rem;
    width: 100%;
  }
  main .articleList .articleItem a, aside .articleList .articleItem a {
    color: #333;
    display: block;
    width: 100%;
  }
  main .articleList .articleItem__infoWrapper, aside .articleList .articleItem__infoWrapper {
    align-items: center;
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
  }
  main .articleList .articleItem__infoWrapper .c-tag, aside .articleList .articleItem__infoWrapper .c-tag {
    background: transparent;
    text-align: right;
  }
  main .articleList .articleItem__infoWrapper .articleItem__date, aside .articleList .articleItem__infoWrapper .articleItem__date {
    font-weight: 500;
    margin: 0 0 0 0;
    position: inherit;
  }
  main .articleList .articleItem__body, aside .articleList .articleItem__body {
    padding: 1rem 1rem 0.4rem 2rem;
  }
   .articleItem :hover .articleItem__body {
    background: none;
  }
}
/*--  categoryItem   --*/
.categoryItem {
  margin: 0 0 2rem 0;
  position: relative;
  z-index: 0;
}
.categoryItem a {
  display: block;
  color: #fff;
}
.categoryItem a:hover {
  transform: translate3d(0, -0.4rem, 0);
}
a:hover .categoryItem__Image img {
  box-shadow: 0.5rem 1rem 6rem rgba(0, 0, 0, 0.07), 0.5rem 1.5rem 2.5rem rgba(0, 0, 0, 0.2);
  transition: box-shadow 0.5s cubic-bezier(0.37, 0.16, 0.12, 1), transform 0.5s cubic-bezier(0.37, 0.16, 0.12, 1);
}
.categoryItem__Image img {
  border-radius: 1.4rem;
  object-fit: cover;
  width: 100%;
}
.categoryItem__wrapper {
  position: relative;
}
.categoryItem__body {
  background: -webkit-linear-gradient(left, #0fa169 0%, rgba(0, 11, 29, 0) 100%);
  background: linear-gradient(to right, #0fa169 0%, rgba(0, 11, 29, 0) 100%);
  border-radius: 1.4rem;
  box-sizing: border-box;
  height: 100%;
  padding: 2rem 1rem 2rem 1rem;
  position: absolute;
  top: 0;
  z-index: 2;
}
.categoryItem__title {
  font-size: 2.2rem;
  margin: 0 0 1rem 0;
  padding: 4rem 0 0 0;
}
.categoryItem__title > span {
  display: block;
  font-size: 1.2rem;
  font-style: italic;
  font-weight: normal;
}
.categoryItem__text {
  font-size: 1.3rem;
  width: 76%;
}

@media screen and (max-width: 680px) {
  .categoryItem__text {
    font-size: 1.2rem;
    width: 80%;
  }
}
@media screen and (max-width: 320px) {
  .categoryItem__text {
    width: 100%;
  }
  .categoryItem__title {
    padding: 1rem 0 0 0;
  }
}
/*-- button  --*/
.c-btnWrapper {
  margin: 0 auto 0 auto;
  max-width: 27rem;
}
.c-btnWrapper .c-btn {
  display: block;
  background: #fff;
  border: 0.1rem solid #333;
  color: #333;
  font-weight: 700;
  padding: 1.6rem;
  position: relative;
  text-align: center;
}
.c-btnWrapper .c-btn:before {
  border-top: 0.2rem solid #333;
  border-right: 0.2rem solid #333;
  bottom: 0;
  content: "";
  height: 1rem;
  position: absolute;
  right: 1.6rem;
  top: 0;
  transform: rotate(45deg);
  margin: auto;
  width: 1rem;
}
.c-btnWrapper .c-btn:hover {
  background: #0fa169;
  border: 0.1rem solid #0fa169;
  color: #fff;
  text-decoration: none;
}
.c-btnWrapper .c-btn:hover:before {
  border-top: 0.2rem solid #fff;
  border-right: 0.2rem solid #fff;
}

/*-- section  --*/
.l-section {
  margin: 0 0 8rem 0;
}
.l-section__header {
  margin: 0 0 4rem 0;
  text-align: center;
}
.l-section__header .secTittle {
  font-size: 1.2rem;
}
.l-section__header .secTittle > span {
  display: block;
  font-style: italic;
  font-size: 3rem;
  font-weight: 500;
}

@media screen and (max-width: 680px) {
  .l-section {
    margin: 0 0 4.8rem 0;
  }
  .l-section__header {
    margin: 0 0 2.4rem 0;
    text-align: center;
  }
  .l-section__header .secTittle {
    font-size: 1.2rem;
  }
  .l-section__header .secTittle > span {
    font-size: 3rem;
  }
}
/*-- aside  --*/
aside .l-section {
  margin: 0 0 6.4rem 0;
}
aside .l-section:first-child {
  margin: 0 0 4.8rem 0;
}
aside .l-section__header {
  margin: 0 0 3.2rem 0;
}
aside .secKeyword__tagList {
  display: flex;
  flex-wrap: wrap;
}
aside .secKeyword__tagItem {
  margin: 0 1rem 1rem 0;
}
aside .secKeyword .c-tag {
  font-size: 1.2rem;
  padding: 0.6rem 2rem 0.6rem 2rem;
  max-width: unset;
  min-width: 8rem;
}
aside .relatedSiteItem {
  margin: 0 0 2rem 0;
  position: relative;
}
aside .relatedSiteItem a {
  color: #fff;
}
aside .relatedSiteItem a:hover {
  transform: translate3d(0, -0.4rem, 0);
}
aside .relatedSiteItem a .relatedSite__image img {
  border-radius: 1.4rem;
  object-fit: cover;
  width: 100%;
}
aside .relatedSiteItem a:hover .relatedSite__image img {
  box-shadow: 0.5rem 1rem 6rem rgba(0, 0, 0, 0.07), 0.5rem 1.5rem 2.5rem rgba(0, 0, 0, 0.2);
  transition: box-shadow 0.5s cubic-bezier(0.37, 0.16, 0.12, 1), transform 0.5s cubic-bezier(0.37, 0.16, 0.12, 1);
}
aside .relatedSiteItem:last-child {
  margin: 0 0 0 0;
}
aside .relatedSite__body {
  align-items: center;
  background: linear-gradient(0deg, #333 0, rgba(0, 11, 29, 0) 60%);
  border-radius: 1.4rem;
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
  height: 100%;
  padding: 9rem 1rem 1rem 1rem;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 2;
}
aside .relatedSite__logoImage img {
  border-radius: 50%;
  width: 7rem;
}
aside .relatedSite__text {
  font-size: 1.8rem;
  font-weight: 700;
  width: calc( 100% - 8rem);
}
aside .relatedSite__text span {
  display: block;
  font-size: 1.2rem;
  font-style: italic;
  font-weight: 400;
}
aside .rankingItem .articleItem__wrapper:before {
  color: #fff;
  display: inline-block;
  font-family: "Montserrat", sans-serif;
  font-size: 4.8rem;
  font-style: italic;
  left: -1rem;
  position: absolute;
  text-shadow: 0.1rem 0.1rem 0 #333, -0.1rem 0.1rem 0 #333, 0.1rem -0.1rem 0 #333, -0.1rem -0.1rem 0 #333, 0.1rem 0 0 #333, 0 0.1rem 0 #333, -0.1rem 0 0 #333, 0 -0.1rem 0 #333;
  top: -3rem;
}
aside .rankingItem:nth-of-type(1) .articleItem__wrapper:before {
  content: "1";
  color: #f4efe2;
  left: 0;
  text-shadow: 0.1rem 0.1rem 0 #f1ba34, -0.1rem 0.1rem 0 #f1ba34, 0.1rem -0.1rem 0 #f1ba34, -0.1rem -0.1rem 0 #f1ba34, 0.1rem 0 0 #f1ba34, 0 0.1rem 0 #f1ba34, -0.1rem 0 0 #f1ba34, 0 -0.1rem 0 #f1ba34;
}
aside .rankingItem:nth-of-type(2) .articleItem__wrapper:before {
  content: "2";
  color: #f1f4f4;
  text-shadow: 0.1rem 0.1rem 0 #999899, -0.1rem 0.1rem 0 #999899, 0.1rem -0.1rem 0 #999899, -0.1rem -0.1rem 0 #999899, 0.1rem 0 0 #999899, 0 0.1rem 0 #999899, -0.1rem 0 0 #999899, 0 -0.1rem 0 #999899;
}
aside .rankingItem:nth-of-type(3) .articleItem__wrapper:before {
  content: "3";
  color: #faede5;
  text-shadow: 0.1rem 0.1rem 0 #cf8e5a, -0.1rem 0.1rem 0 #cf8e5a, 0.1rem -0.1rem 0 #cf8e5a, -0.1rem -0.1rem 0 #cf8e5a, 0.1rem 0 0 #cf8e5a, 0 0.1rem 0 #cf8e5a, -0.1rem 0 0 #cf8e5a, 0 -0.1rem 0 #cf8e5a;
}
aside .rankingItem:nth-of-type(4) .articleItem__wrapper:before {
  content: "4";
}
aside .rankingItem:nth-of-type(5) .articleItem__wrapper:before {
  content: "5";
}
aside .rankingItem:nth-of-type(6) .articleItem__wrapper:before {
  content: "6";
}
aside .rankingItem:nth-of-type(7) .articleItem__wrapper:before {
  content: "7";
}
aside .rankingItem:nth-of-type(8) .articleItem__wrapper:before {
  content: "8";
}
aside .rankingItem:nth-of-type(9) .articleItem__wrapper:before {
  content: "9";
}
aside .rankingItem:nth-of-type(10) .articleItem__wrapper:before {
  content: "10";
}
aside .rankingItem .articleItem__wrapper:after {
  border-top: 0.1rem solid #333;
  display: inline-block;
  content: "";
  height: 0;
  left: -2rem;
  position: absolute;
  top: 2rem;
  -moz-transform: rotate(-60deg);
  -webkit-transform: rotate(-60deg);
  -ms-transform: rotate(-60deg);
  transform: rotate(-45deg);
  width: 7.4rem;
}

@media screen and (max-width: 680px) {
  aside .adsenceWrapper {
    background: #fff;
    padding: 2rem;
    text-align: center;
  }
  aside .l-section {
    margin: 0 0 4.8rem 0;
  }
  aside .l-section:first-child {
    margin: 0 0 3.2rem 0;
  }
  aside .relatedSite__body {
    padding: 9rem 2rem 1rem 2rem;
  }
  aside .relatedSite__text {
    width: calc( 100% - 10rem);
  }
  aside .articleItem__image {
    max-width: 10rem;
  }
  .rankingList:nth-child(1) .articleItem__wrapper:before {
    color: #fff;
    text-shadow: 0.1rem 0.1rem 0 #333, -0.1rem 0.1rem 0 #333, 0.1rem -0.1rem 0 #333, -0.1rem -0.1rem 0 #333, 0.1rem 0 0 #333, 0 0.1rem 0 #333, -0.1rem 0 0 #333, 0 -0.1rem 0 #333;
  }
  .rankingList .rankingItem .articleItem__title {
    font-size: 1.5rem;
	 max-height: unset;
  }
  .rankingList .rankingItem .articleItem__infoWrapper {
    flex-direction: unset;
  }
  .rankingList .rankingItem .articleItem__wrapper:after {
    border-top: none;
    border-bottom: 4em solid transparent;
    border-left: 4em solid #0fa169;
    left: 0;
    top: 0;
    position: absolute;
    transform: rotate(0);
    z-index: 100;
  }
  .rankingList .rankingItem .articleItem__wrapper:before {
    font-weight: 700;
    left: -.8rem;
    top: -2.3rem;
    z-index: 101;
  }
  .rankingList .rankingItem:nth-of-type(1) .articleItem__wrapper:after {
    border-left: 4em solid #f1ba34;
  }
  .rankingList .rankingItem:nth-of-type(2) .articleItem__wrapper:after {
    border-left: 4em solid #999899;
  }
  .rankingList .rankingItem:nth-of-type(3) .articleItem__wrapper:after {
    border-left: 4em solid #cf8e5a;
  }
  .rankingList .continue__wrap .continue__btn {
    display: block;
    background: #fff;
    border: 0.1rem solid #333;
    font-weight: 700;
    padding: 1.6rem 1.6rem 1.6rem 1.6rem;
    position: relative;
    margin: 0 auto 0 auto;
    max-width: 27rem;
    text-align: center;
  }
  .rankingList .continue__wrap .continue__btn:before {
    border-top: 0.2rem solid #333;
    border-right: 0.2rem solid #333;
    bottom: 0;
    content: "";
    height: 1rem;
    position: absolute;
    right: 1.6rem;
    top: -0.6rem;
    transform: rotate(135deg);
    margin: auto;
    width: 1rem;
  }
  .rankingList .continue__wrap .continue__item {
    position: relative;
    overflow: hidden;
    height: 0;
  }
  .rankingList .continue__wrap .continue__trigger {
    display: none;
  }
  .rankingList .continue__wrap .continue__trigger:checked + .continue__btn {
    display: none;
  }
  .rankingList .continue__wrap .continue__trigger:checked ~ .continue__item {
    height: auto;
    overflow: inherit;
  }
  .rankingList .continue__wrap .continue__trigger:checked ~ .continue__item:before {
    display: none;
  }
}
/*--  tag  --*/
.tagList {
  display: flex;
  flex-wrap: wrap;
}

.c-tag {
  background: #fff;
  border-radius: 20rem;
  color: #0fa169;
  display: inline-block;
  font-size: 1rem;
  font-weight: bold;
  padding: 0.4rem;
  max-width: 12rem;
  min-width: 10rem;
  text-align: center;
}
.c-tag:hover {
  background: #0fa169;
  color: #fff;
  text-decoration: none;
  transform: translate3d(0, -0.2rem, 0);
  box-shadow: 0.4rem 0.5rem 3rem rgba(0, 0, 0, 0.07), 0.25rem 0.75rem 1.25rem rgba(0, 0, 0, 0.2);
  transition: box-shadow 0.5s cubic-bezier(0.37, 0.16, 0.12, 1), transform 0.5s cubic-bezier(0.37, 0.16, 0.12, 1);
}

/*--  articleContent  --*/
.secArticle .articleHeading {
  text-align: left;
  margin: 0 0 3.2rem 0;
}
.secArticle .articleHeading__info {
  display: flex;
  margin: 0 0 2rem 0;
}
.secArticle .articleHeading__info .c-tag {
  margin: 0 2.4rem 0 0;
}
.secArticle .articleHeading__info--date {
  font-size: 1.4rem;
  font-weight: 500;
}
.secArticle .articleHeading__title {
  font-size: 2.2rem;
  font-weight: 700;
  margin: 0 0 2.4rem 0;
}
.secArticle .articleHeading__mainVisual {
  margin: 0 0 2.4rem 0;
}
.secArticle .articleHeading__mainVisual img {
  width: 100%;
}
.secArticle .articleContet h2 {
  background: repeating-linear-gradient(45deg,#F8F6F2,#F8F6F2 .3rem,rgba(254, 131, 164, 0.1) .3rem, rgba(254, 131, 164, 0.1) .6rem);
  border: #333 .1rem;
  border-style: solid none;
  color: #333;
  font-size: 2.2rem;
  margin: 4.8rem 0 2.4rem 0;
  padding: 2.4rem 2.4rem 2.4rem 6.4rem;
  position: relative;
}
.secArticle .articleContet h2:before {
  bottom: 0;
  color: #fff;
  font-family: "Montserrat", sans-serif;
  font-size: 5rem;
  font-style: italic;
  left: 1.6rem;
  height: fit-content;
  position: absolute;
  text-shadow: 0.1rem 0.1rem 0 #333, -0.1rem 0.1rem 0 #333, 0.1rem -0.1rem 0 #333, -0.1rem -0.1rem 0 #333, 0.1rem 0 0 #333, 0 0.1rem 0 #333, -0.1rem 0 0 #333, 0 -0.1rem 0 #333;
  top: 0;
  bottom: 0;
  margin: auto;
  line-height: 1;
}
.secArticle .articleContet h2:nth-of-type(10) {
  padding: 2.4rem 2.4rem 2.4rem 8.4rem;
}
.secArticle .articleContet h2:nth-of-type(1):before {
  content: "1";
}
.secArticle .articleContet h2:nth-of-type(2):before {
  content: "2";
}
.secArticle .articleContet h2:nth-of-type(3):before {
  content: "3";
}
.secArticle .articleContet h2:nth-of-type(4):before {
  content: "4";
}
.secArticle .articleContet h2:nth-of-type(5):before {
  content: "5";
}
.secArticle .articleContet h2:nth-of-type(6):before {
  content: "6";
}
.secArticle .articleContet h2:nth-of-type(7):before {
  content: "7";
}
.secArticle .articleContet h2:nth-of-type(8):before {
  content: "8";
}
.secArticle .articleContet h2:nth-of-type(9):before {
  content: "9";
}
.secArticle .articleContet h2:nth-of-type(10):before {
  content: "10";
}
.secArticle .articleContet h3 {
  font-size: 1.8rem;
  margin: 3.2rem 0 2.4rem 0;
  padding: 0 0 0 2.4rem;
  position: relative;
}
.secArticle .articleContet h3:before {
  background: #333;
  bottom: 0;
  content: "";
  display: block;
  height: 5rem;
  left: 0;
  margin: auto;
  position: absolute;
  top: 0;
  width: .4rem;
}
.articleHeading__description {
    font-size: 1.6rem;
}
.secArticle .articleContet p {
  font-size:1.6rem;
  margin: 0 0 2.4rem 0;
  word-break: break-all;
}
.secArticle .articleContet strong {
  font-weight:700;
}
.secArticle .articleContet figure {
  margin: 3.2rem 0 3.2rem 0;
  text-align: center;
}
.secArticle .articleContet figure img {
  width: 100%;
}
.secArticle .articleContet figcaption {
  font-size: 1.2rem;
  font-weight: 700;
  margin: 0.8rem 0.4rem 0 0.4rem;
}
.secArticle .articleContet blockquote {
  background: #fff;
  font-weight: 700;
  padding: 3.2rem 2rem;
}
.secArticle .articleContet blockquote p {
  font-weight: 700;
}
.secArticle .articleContet i {
  background: linear-gradient(transparent 54%,#fbdc9d 30%);
}
.secArticle .articleContet b {
  font-weight: 700;
}
.secArticle .articleContet blockquote cite {
  display: block;
  font-size: 1.4rem;
  font-style: italic;
  text-align: right;
}
.secArticle .articleContet blockquote cite:before {
  content: "";
  display: inline-block;
  width: 8rem;
  border: 0.1rem solid #ddd;
  vertical-align: middle;
}
.secArticle .articleFooter__areaSNS {
  border-top: double #333;
  display: flex;
  align-items: center;
  margin: 0 0 4rem 0;
  padding: 1.6rem 0;
}
.secArticle .articleFooter__areaSNS__title {
  margin: 0 2.4rem 0 0;
}
.secArticle .articleFooter__contentTitle {
  text-align: center;
}
.secArticle .articleFooter__areaKeyword {
  border: 0.2rem solid #333;
  margin: 0 0 4.8rem 0;
  padding: 2.4rem 2rem 2.4rem 2rem;
  position: relative;
}
.secArticle .articleFooter__areaKeyword:before {
  border: 0.2rem solid #333;
  content: "";
  display: block;
  left: 0.2rem;
  height: 100%;
  top: 0.2rem;
  width: 100%;
  position: absolute;
}
.secArticle .articleFooter__areaKeyword__title {
  font-size: 1.2rem;
  margin: 0 0 1.6rem 0;
}
.secArticle .articleFooter__areaKeyword__title span {
  display: block;
  font-size: 2rem;
  font-style: italic;
  font-weight: 500;
}
.secArticle .articleFooter__areaKeyword .tagItem {
  margin: 0 2.4rem 0 0;
  position: relative;
}
.secArticle .articleFooter__areaKeyword .tagItem .c-tag {
  font-size: 1.2rem;
  padding: 0.8rem 2rem 0.8rem 2rem;
}
.secArticle .articleFooter__areaPickup__title {
  font-size: 1.2rem;
  margin: 0 0 3.2rem 0;
}
.secArticle .articleFooter__areaPickup__title span {
  display: block;
  font-size: 2rem;
  font-style: italic;
  font-weight: 500;
}

.secArticle .articleContet ul {
    background: #fff;
    border: #666 .3rem solid;
    margin: 0 0 3.2rem 0;
    padding: 2.4rem 4.8rem 2.4rem 4.8rem;
}
.secArticle .articleContet li{
  font-size: 1.6rem;
  line-height: 1.6;
  margin: 0 0 1.4rem 0;
  position: relative;
}

.secArticle .articleContet li:last-child {
    margin: 0 0 0 0;
}

.secArticle .articleContet li:before {
    background: url(https://www.41fp.com/media/wp-content/uploads/2022/01/icon__list-1.png) 0 100% no-repeat;
    background-size: contain;
    content: "";
    display: inline-block;
    height: 2rem;
    top: .2rem;
    left: -2.8rem;
    position: absolute;
    width: 2rem;
}

.secArticle .articleContet .list-circle {
    list-style-type: circle;
}

.secArticle .articleContet .list-circle li:before {
    display: none;
}

@media screen and (max-width: 680px) {
  .secArticle .articleFooter__areaSNS {
    display: block;
    margin: 0 0 2.4rem 0;
  }
  .secArticle .articleFooter__areaSNS__title {
    text-align: left;
    margin: 0 0 1.6rem 0;
  }
  .secArticle .articleFooter__areaSNS__title span {
    display: inline-block;
    font-size: 1.2rem;
  }
  .secArticle .articleFooter__areaSNS__title .ut-enText {
    font-size: 2rem;
    font-style: italic;
    font-weight: 500;
    margin: 0 1.2rem 0 0;
  }
  .secArticle .articleFooter__areaKeyword {
    padding: 2.4rem 2rem 0.8rem 2rem;
  }
  .secArticle .articleFooter__areaKeyword .tagItem {
    margin: 0 1.6rem 1.6rem 0;
  }
  .secArticle .articleHeading__title {
    font-size: 2rem;
  }
  .secArticle .articleHeading__description {
    font-size: 1.3rem;
  }
  .secArticle .articleContet h2 {
    font-size: 1.7rem;
    margin: 4rem 0 1.6rem 0;
    min-height: 3.6rem;
    padding: 1.6rem .8rem 1.6rem 4.8rem;
  }
  .secArticle .articleContet h2:before {
    font-size: 4rem;
    left: 1.6rem;
  }
  .secArticle .articleContet h3 {
    font-size: 1.6rem;
    margin: 0 0 2rem 0;
  }
  .secArticle .articleContet h4 {
    font-size: 1.5rem;
    margin: 0 0 1.2rem 0;
  }
	.secArticle .articleContet p {
    font-size: 1.3rem;
  }
  .secArticle .articleContet figcaption {
    font-size: 1.2rem;
  }
  .secArticle .articleContet figure {
    margin: 2.4rem 0 2.4rem 0;
  }
  .secArticle .articleContet blockquote {
    padding: 2.4rem 1.6rem 2.4rem 1.6rem;
  }
  .secArticle .articleContet blockquote cite {
    font-size: 1.3rem;
  }
  .SNSLinkList {
    /* justify-content: space-between; */
  }
  .secArticle .articleContet ul {
    padding: 1.6rem 2.4rem 1.6rem 4.8rem;
    margin: 0 0 2.4rem 0;
    }
    .secArticle .articleContet li {
        font-size: 1.4rem;
    }
    /*.secArticle .articleContet li:before {
        left: -3.2rem;
        height: 2rem;
    }*/
}
/*--  profileItem  --*/
.profileItem__inner {
  background: #fff;
  border: 0.2rem solid #333;
  margin: 0 0 4.8rem 0;
  padding: 3.2rem 2rem 3.2rem 2rem;
  position: relative;
}
.profileItem__inner:before {
  border: 0.2rem solid #333;
  content: "";
  display: block;
  left: 0.2rem;
  height: 100%;
  top: 0.2rem;
  width: 100%;
  position: absolute;
}
.profileItem--supervision {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.profileItem--title {
  font-size: 1.6rem;
  margin: 0 0 2.4rem 0;
}
.profileItem__body {
  display: flex;
  justify-content: space-between;
  position: relative;
}
.profileItem__textWrapper {
  width: calc( 100% - 11.4rem);
}
.profileItem__image {
  margin: 0 2.4rem 0 0;
  width: 9.6rem;
}
.profileItem__image img {
  border-radius: 50%;
  width: 100%;
}
.profileItem__name {
  font-size: 1.6rem;
  line-height: 1.2;
  margin: 0 0 1rem 0;
}
.profileItem__company {
  font-size: 1.2rem;
  font-weight: 700;
  margin: 0 0 1rem 0;
}
.profileItem__profile{
  font-size: 1.3rem;
  margin: 0 0 2rem 0;
}
.profileItem__licenceTitle{
  font-size: 1.3rem;
  font-weight: 700;
}
.profileItem__licence{
  font-size: 1.3rem;
  margin: 0 0 1.6rem 0 ;
}
.profileItem__seminarLink {
    color: #0fa169;
    display: block;
    line-height: 2;
    padding: 0 0 0 4rem;
    position: relative;
}
.profileItem__seminarLink:before {
    content: "";
    background: #0fa169;
    border-radius: 50%;
    height: 3rem;
    left: 0;
    position: absolute;
    width: 3rem;
}
.profileItem__seminarLink:after {
    content: "";
    border-top: 0.2rem solid #fff;
    border-right: 0.2rem solid #fff;
    height: .6rem;
    left: 1rem;
    position: absolute;
    top: 1rem;
    transform: rotate(45deg);
    width: .6rem;
}

@media screen and (max-width: 680px) {
  .profileItem__body {
    display: block;
  }
  .profileItem__image {
    margin: 0 auto 1.6rem auto;
  }
  .profileItem__textWrapper {
    width: 100%;
  }
  .profileItem__inner {
    padding: 2.4rem 1.6rem 2.4rem 1.6rem;
  }
  .profileItem--title {
    margin: 0 0 1.6rem 0;
  }
  .profileItem__licence {
    margin: 0 0 1.2rem 0;
  }
}
/*--  table-of-contents  --*/
#toc_container {
  background: #fff;
  border: 0.2rem solid #333;
  margin: 0 0 4.8rem 0;
  padding: 3.2rem 2rem;
  position: relative;
}
#toc_container:before {
  border: 0.2rem solid #333;
  content: "";
  display: block;
  left: 0.2rem;
  height: 100%;
  top: 0.2rem;
  width: 100%;
  position: absolute;
}
#toc_container .toc_title {
  font-size: 1.6rem;
  font-weight: 700;
  margin: 0 0 2.4rem 0;
  position: relative;
}
#toc_container .toc_toggle {
  display: inline-block;
  margin: 0 0 0 2.4rem;
}
#toc_container .toc_toggle a {
  color: #0fa169;
  padding: 0 0.4rem 0 0.4rem;
}
#toc_container .toc_list li:nth-child(10) a{
  padding: 0 0 0 4.4rem;
}
#toc_container .toc_list li {
  margin: 0 0 2.4rem 0;
}
#toc_container .toc_list li:last-child {
  margin: 0 0 0 0;
}
#toc_container .toc_list li:nth-child(1) a:before {
  content: "1";
}
#toc_container .toc_list li:nth-child(2) a:before {
  content: "2";
}
#toc_container .toc_list li:nth-child(3) a:before {
  content: "3";
}
#toc_container .toc_list li:nth-child(4) a:before {
  content: "4";
}
#toc_container .toc_list li:nth-child(5) a:before {
  content: "5";
}
#toc_container .toc_list li:nth-child(6) a:before {
  content: "6";
}
#toc_container .toc_list li:nth-child(7) a:before {
  content: "7";
}
#toc_container .toc_list li:nth-child(8) a:before {
  content: "8";
}
#toc_container .toc_list li:nth-child(9) a:before {
  content: "9";
}
#toc_container .toc_list li:nth-child(10) a:before {
  content: "10";
}
#toc_container .toc_list a {
  display: block;
  font-size: 1.5rem;
  padding: 0 0 0 3rem;
  position: relative;
}
#toc_container .toc_list a:before {
  color: #fff;
  font-family: "Montserrat", sans-serif;
  font-size: 2.4rem;
  font-style: italic;
  left: 0.4rem;
  line-height: 1;
  margin: auto auto auto auto;
  position: absolute;
  text-shadow: 0.1rem 0.1rem 0 #333, -0.1rem 0.1rem 0 #333, 0.1rem -0.1rem 0 #333, -0.1rem -0.1rem 0 #333, 0.1rem 0 0 #333, 0 0.1rem 0 #333, -0.1rem 0 0 #333, 0 -0.1rem 0 #333;
  top: -.4rem;
}
#toc_container .toc_list li ul li , #toc_container .toc_list li ul li:last-child {
    list-style: disc;
    margin: 0 0 .4rem 5rem;
}
#toc_container .toc_list li ul li a:before {
    display: none;
}
#toc_container .toc_list li ul li a {
    font-size: 1.3rem;
    padding: 0 0 0 0;
}
#toc_container .toc_list li ul {
    margin: .6rem 0 0 0;
}
.secArticle .articleContet #toc_container ul {
    border: none;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}

.secArticle .articleContet #toc_container li:before {
    display: none;
}

.secArticle .articleContet #toc_container li {
    font-size: 1.6rem;
    line-height: 1.5;
}
@media screen and (max-width: 680px) {
  #toc_container .toc_list a:before {
    font-size: 3rem;
  }
  #toc_container .toc_list li ul li , #toc_container .toc_list li ul li:last-child {
    margin: 0 0 1rem 3rem;
  }
  #toc_container .toc_list li ul {
    margin: 1.2rem 0 0 0;
  }
  #toc_container .toc_list a {
  display: block;
  }
}

/*--  pagination  --*/
ul.page-numbers {
  display: flex;
  justify-content: center;
  max-width: 40rem;
  margin: 0 auto;
}
ul.page-numbers li {
  margin: 0 2rem 0 0;
  position: relative;
}
.page-numbers li a, .page-numbers li span {
  background: #fff;
  border: 0.1rem solid #333;
  color: #333;
  cursor: pointer;
  display: block;
  font-size: 2rem;
  height: 5.6rem;
  padding: 1.2rem 0 0 0;
  text-align: center;
  width: 4rem;
}
ul.page-numbers li a:hover {
  background: #0fa169;
  border: 0.1rem solid #0fa169;
  color: #fff;
  text-decoration: none;
  transform: translate3d(0, -0.2rem, 0);
  transition: all 0.3s ease;
  box-shadow: 0.2rem 0.5rem 4rem rgba(0, 0, 0, 0.07), 0.2rem 0.5rem 4rem rgba(0, 0, 0, 0.07);
  transition: box-shadow 0.5s cubic-bezier(0.37, 0.16, 0.12, 1), transform 0.5s cubic-bezier(0.37, 0.16, 0.12, 1);
}
.page-numbers.current {
  background: #fe2379;
  border: 0.1rem solid #fe2379;
  color: #fff;
}
ul.page-numbers li .current a {
  background: #0fa169;
  border: 0.1rem solid #0fa169;
  color: #fff;
  pointer-events: none;
  text-decoration: none;
}
ul.page-numbers li:last-child {
  margin: 0 0 0 0;
}

/*--  footer  --*/
.bgWrapper {
  background: url("img/bg-footer.png");
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 16rem 0 0 0;
}

.globalFooter {
  margin: 0 1rem 0 1rem;
}
.globalFooter__inner {
  color: #fff;
  margin: 0 auto 0 auto;
  max-width: 1100px;
}
.globalFooter a {
  color: #fff;
}
.globalFooter__areaTop .globalFooter__pagetop {
  bottom: 10rem;
  color: #333;
  position: fixed;
  right: 1rem;
  writing-mode: tb-rl;
  z-index: 1000;
}
.globalFooter__areaTop .globalFooter__pagetop:hover {
  opacity: 0.8;
  text-decoration: none;
}
.globalFooter__areaTop .globalFooter__pagetop:before {
  background-image: url(img/icon_arrow_top.png);
  background-size: contain;
  background-repeat: no-repeat;
  content: "";
  display: inline-block;
  height: 8rem;
  margin: 0 0 1rem 0;
  width: 1rem;
}
.globalFooter__areaMiddle {
  border-bottom: 0.1rem solid #fff;
  padding: 0 0 4.8rem 0;
}
.globalFooter__linkList {
  display: flex;
  justify-content: space-between;
}
.globalFooter__linkItem {
  width: 33%;
}
.globalFooter__linkItem:first-child {
  width: 50%;
}
.globalFooter__linkItem:first-child .globalFooter__detailList {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: flex-start;
  height: 16rem;
}
.globalFooter__linkItemTitle {
  font-weight: 700;
  line-height: 1;
  margin: 0 0 1.6rem 0;
}
.globalFooter__areaBottom {
  align-items: center;
  display: flex;
  padding: 2rem 0 2rem 0;
}
.globalFooter__areaBottom .globalFooter__linkItemTitle {
  font-weight: 400;
  margin: 0 2rem 0 0;
}
.globalFooter__areaCopyright {
  background: #fff;
  color: #333;
  left: 0;
  margin: auto;
  padding: 2rem 0 2rem 0;
  position: absolute;
  right: 0;
  text-align: center;
  width: 100%;
}
.globalFooter__areaCopyright .copyright {
  font-size: 1.5rem;
  font-family: "Montserrat", sans-serif;
}

@media screen and (max-width: 680px) {
  .bgWrapper {
    padding: 10rem 0 0 0
  }

  .globalFooter {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
  }
  .globalFooter__inner {
    display: flex;
    flex-wrap: wrap;
    position: relative;
  }
  .globalFooter__areaTop .globalFooter__pagetop {
    bottom: 2rem;
    font-size: 1.2rem;
    right: 0;
  }
  .globalFooter__areaTop .globalFooter__pagetop:before {
    height: 6rem;
    width: 0.6rem;
  }
  .globalFooter__areaMiddle {
    order: 2;
    width: 100%;
  }
  .globalFooter__areaMiddle .globalFooter__linkItem {
    border-top: 0.1rem solid #fff;
    display: block;
    margin: 0 2rem 0 2rem;
    padding: 3.2rem 0 3.2rem 0;
    width: calc( 100% - 4rem);
  }
  .globalFooter__areaMiddle .globalFooter__linkItem a {
    font-size: 1.2rem;
  }
  .globalFooter__linkList {
    display: block;
  }
  .globalFooter__linkItem {
    width: calc(100% / 3.2);
  }
  .globalFooter__linkItem a {
    font-size: 1rem;
    margin: 0 0 0 0;
    min-width: unset;
  }
  .globalFooter__linkItem span:first-child {
    font-size: 1.8rem;
  }
  .globalFooter__linkItem:first-child .globalFooter__detailList {
    height: unset;
    flex-direction: row;
  }
  .globalFooter__linkItem:first-child .globalFooter__detailItem {
    width: calc( (100% / 4) - .025rem);
    border: 0.1rem solid #fff;
    margin: -0.1rem 0 0 -0.1rem;
  }
  .globalFooter__linkItem:first-child .globalFooter__detailItem a {
    display: block;
    font-size: 1rem;
    padding: 1.2rem 0 1rem 0;
    text-align: center;
  }
  .globalFooter__linkItem:first-child .globalFooter__detailItem a img {
    height: 4rem;
    padding: 0 0 0.4rem 0;
    margin: 0 auto;
  }
  .globalFooter__linkItemHeader {
    margin: 0 0 1.2rem 0;
  }
  .globalFooter__linkItemTitle {
    font-weight: 400;
    margin: 0 2rem 0 0;
    display: inline-block;
    font-size: 1rem;
  }
  .globalFooter__linkItemTitle span {
    display: inline-block;
    font-size: 1rem;
  }
  .globalFooter__linkItemTitle span:first-child {
    font-size: 1.8rem;
    font-weight: 500;
    font-style: italic;
    margin: 0 1.6rem 0 0;
  }
  .globalFooter__detailList {
    justify-content: space-between;
  }
  .globalFooter__areaBottom {
    display: block;
    margin: 0 2rem 0 2rem;
    order: 1;
    padding: 3.2rem 0 3.2rem 0;
    width: 100%;
  }
  .globalFooter__areaCopyright {
    bottom: 0;
    order: 4;
    padding: 1rem 0 1rem 0;
  }
  .globalFooter__areaCopyright .copyright {
    font-size: 1.2rem;
  }
}
/*--  breadcrumb  --*/
.areaBreadcrumb {
  margin: 0 1rem 0 1rem;
}

.c-breadcrumbList {
  max-width: 1100px;
  margin: 0 auto 4rem auto;
}
.c-breadcrumbList .areaBreadcrumb {
  margin: 0 1rem;
}
.c-breadcrumbList .breadcrumbList {
  border-bottom: 0.1rem solid #fff;
  border-top: 0.1rem solid #fff;
  line-height: 1;
  display: flex;
  padding: 1.6rem 1rem 1.6rem 1rem;
}
.c-breadcrumbList .breadcrumbItem, .c-breadcrumbList .breadcrumbItem a {
  color: #fff;
  font-size: 1.3rem;
  font-weight: 700;
  margin: 0 2rem 0 0;
  position: relative;
}
.c-breadcrumbList .breadcrumbItem a:before {
  content: "";
  border-top: 0.1rem solid #fff;
  border-right: 0.1rem solid #fff;
  bottom: 0;
  content: "";
  height: 0.6rem;
  position: absolute;
  right: -2rem;
  top: 0;
  transform: rotate(45deg);
  margin: auto;
  width: 0.6rem;
}

@media screen and (max-width: 680px) {
  .areaBreadcrumb {
    margin: 0 2rem 0 2rem;
  }

  .c-breadcrumbList {
    border-bottom: 0.1rem solid #fff;
    border-top: 0.1rem solid #fff;
    overflow-x: auto;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
    margin: 0 0 0 0;
  }
  .c-breadcrumbList .breadcrumbList {
    border: none;
  }
}
/*--  SNSList  --*/
.SNSLinkList {
  display: flex;
}
.SNSLinkItem:nth-child(1) a:before {
  background-image: url(img/logo__twitter--pink.svg);
  bottom: 1rem;
}
.SNSLinkItem:nth-child(2) a:before {
  background-image: url(img/logo__facebook--pink.svg);
}
.SNSLinkItem:nth-child(3) a:before {
  background-image: url(img/logo__instagram--pink.svg);
  left: 1.2rem;
}
.SNSLinkItem a {
  background: #fff;
  border-radius: 20rem;
  color: #0fa169;
  display: block;
  font-weight: 700;
  margin: 0 2rem 0 0;
  min-width: 14rem;
  position: relative;
  text-align: center;
  padding: 1rem 1rem 1rem 4rem;
}
.SNSLinkItem a:before {
  background-size: contain;
  background-repeat: no-repeat;
  content: "";
  display: inline-block;
  left: 2rem;
  height: 2rem;
  position: absolute;
  width: 2rem;
}
.SNSLinkItem a:hover {
  box-shadow: 0.5rem 1rem 6rem rgba(0, 0, 0, 0.07), 0.5rem 1.5rem 2.5rem rgba(0, 0, 0, 0.2);
  text-decoration: none;
  transform: translate3d(0, -0.4rem, 0);
  transition: box-shadow 0.5s cubic-bezier(0.37, 0.16, 0.12, 1), transform 0.5s cubic-bezier(0.37, 0.16, 0.12, 1);
}

@media screen and (max-width: 680px) {
  .SNSLinkItem {
    width: calc(100% / 3.2);
    margin: 0 1rem 0 0;
  }
  .SNSLinkItem a {
    font-size: 1rem;
    margin: 0 0 0 0;
    min-width: unset;
  }
  .SNSLinkItem:nth-child(1) a:before {
    bottom: 0.5rem;
  }
  .SNSLinkItem:nth-child(2) a:before {
    bottom: 0.7rem;
  }
  .SNSLinkItem:nth-child(3) a:before {
    bottom: 0.7rem;
  }
}
/*--  top-page  --*/
#top__index .mainVisual {
  margin: 4.8rem auto 8rem auto;
  max-width: 1100px;
}
#top__index .mainVisual .swiper-container {
  margin: 0 1rem 0 1rem;
  overflow: visible;
  position: relative;
  z-index: 0;
}
#top__index .mainVisual .swiper-container .swiper-button-next, #top__index .mainVisual .swiper-container .swiper-button-prev {
  background: #0fa169;
  border-radius: 50%;
  bottom: -3rem;
  left: 0;
  height: 3.6rem;
  top: auto;
  width: 3.6rem;
}
#top__index .mainVisual .swiper-container .swiper-button-next {
  left: 4.6rem;
}
#top__index .mainVisual .swiper-container .swiper-button-prev:before {
  border-top: 0.2rem solid #fff;
  border-right: 0.2rem solid #fff;
  bottom: 0;
  content: "";
  height: 0.8rem;
  position: absolute;
  right: 1.2rem;
  top: 0;
  transform: rotate(-135deg);
  margin: auto;
  width: 0.8rem;
}
#top__index .mainVisual .swiper-container .swiper-button-next:before {
  border-top: 0.2rem solid #fff;
  border-right: 0.2rem solid #fff;
  bottom: 0;
  content: "";
  height: 0.8rem;
  position: absolute;
  right: 1.6rem;
  top: 0;
  transform: rotate(45deg);
  margin: auto;
  width: 0.8rem;
}
#top__index .mainVisual .swiper-container .swiper-scrollbar {
  border-radius: 1rem;
  bottom: -15px;
  height: 0.2rem;
  margin-left: 96px;
  width: calc(98% - 96px);
}
#top__index .mainVisual .swiper-container .swiper-scrollbar-drag {
  background: #0fa169;
}
#top__index .mainVisual .articleList {
  flex-wrap: nowrap;
  justify-content: unset;
}
#top__index .mainVisual .articleItem {
  width: 33rem;
}
#top__index .areaSummarize {
  padding: 8rem 0 8rem 0;
}
#top__index .areaSummarize__inner {
  color: #fff;
  max-width: 1100px;
  margin: 0 auto 0 auto;
  text-align: center;
}
#top__index .areaSummarize__image {
  margin: 0 0 6.4rem 0;
}
#top__index .areaSummarize__logo {
  margin: 0 0 3.2rem 0;
}
#top__index .areaSummarize__logo img{
	width: 20%;
}
#top__index .areaSummarize__text {
  font-size: 1.6rem;
	line-height: 1.8;
}
@media screen and (max-width: 680px) {
  #top__index .mainVisual {
    margin: 2.4rem 2rem 6.4rem 2rem;
  }
  #top__index .mainVisual .articleItem {
    width: 33rem;
  }
  #top__index .areaSummarize {
    margin: 0 2rem 0 2rem;
    padding: 12rem 0 6rem 0;
  }
  #top__index .areaSummarize__inner {
    color: #fff;
    max-width: 1100px;
    margin: 0 auto 0 auto;
    text-align: center;
  }
  #top__index .areaSummarize__image {
    margin: 0 0 4.8rem 0;
  }
  #top__index .areaSummarize__text {
    font-size: 1.4rem;
    text-align: left;
  }
  #top__index .areaSummarize__logo img{
	width: 50%;
  }
}

/*--  category-page  --*/
.category__top .categoryHeading {
  margin: 4.8rem auto 4.8rem auto;
  max-width: 1100px;
}
.category__top .categoryHeading__inner {
  display: flex;
  margin: 0 1rem 0 1rem;
}
.category__top .categoryHeading__image {
  width: 60rem;
}
.category__top .categoryHeading__image img {
  border-radius: 1.4rem;
}
.category__top .categoryHeading__body {
  margin: 0 4rem 0 0;
  padding: 2rem 0 0 0;
  width: calc( 100% - 64rem);
}
.category__top .categoryHeading__title {
  font-size: 2.4rem;
  font-weight: 700;
  margin: 0 0 2.4rem 0;
}
.category__top .categoryHeading__title .ut-enText {
  display: block;
  font-size: 1.5rem;
  font-weight: 400;
}
.category__top .categoryHeading__text {
  font-size: 1.4rem;
  margin: 0 0 1.6rem 0;
}
.category__top .categoryItem__tagItem {
  margin: 0 2rem 0 0;
}
.category__top .articleList {
  margin: 0 0 2.8rem 0;
}

@media screen and (max-width: 940px) {
  .category__top .categoryHeading {
    margin: 4.8rem auto 8rem auto;
  }
  .category__top .categoryHeading__inner {
    display: block;
    margin: 0 2rem 0 2rem;
    position: relative;
    z-index: 0;
  }
  .category__top .categoryHeading__body {
    background: -webkit-linear-gradient(left, #0fa169 0%, rgba(0, 11, 29, 0) 100%);
    background: linear-gradient(to right, #0fa169 0%, rgba(0, 11, 29, 0) 100%);
    border-radius: 1.4rem;
    color: #fff;
    box-sizing: border-box;
    height: 100%;
    margin: 0 0 0 0;
    padding: 4rem 2rem 0 0;
    position: absolute;
    top: 0;
    z-index: 2;
    width: 100%;
  }
  .category__top .categoryHeading__image {
    width: 100%;
  }
  .category__top .categoryHeading__image img {
    min-height: 40rem;
    object-fit: cover;
    width: 100%;
  }
  .category__top .categoryHeading__tagListWrapper {
    position: absolute;
    bottom: -16rem;
    border: 0.2rem solid #fff;
    padding: 2rem 1rem 1rem 1rem;
    width: 100%;
  }
  .category__top .categoryHeading__title {
    margin: 0 2rem 2.4rem 2rem;
  }
  .category__top .categoryHeading__text {
    margin: 0 0 0 2rem;
  }
  .category__top .categoryHeading__tagListTitle {
    color: #333;
    text-align: center;
    font-size: 1rem;
    margin: 0 0 2rem 0;
  }
  .category__top .categoryHeading__tagListTitle .ut-enText {
    display: block;
    font-size: 2rem;
    font-weight: 500;
    font-style: italic;
  }
  .category__top .categoryHeading .categoryItem__tagItem {
    margin: 0 1rem 1rem 0;
  }
}
/*--  single-page  --*/
.archive #main , .article #main , .search #main {
  margin: 4.8rem auto 0;
}

@media screen and (max-width: 680px) {
  .archive #main , .article #main , .search #main {
    margin: 4rem auto 0;
  }
}

@media screen and (max-width: 330px) {
	.SNSLinkItem a {
    padding: 1rem 1rem 1rem 3rem;
}
.SNSLinkItem a:before {width: 1.4rem;height: 1.2rem;top: 12px;left: 10px;}
main .articleList .articleItem__image img, aside .articleList .articleItem__image img {
    min-width: 10rem;
}
.rankingList .rankingItem .articleItem__title {
    max-height: 9rem;
}
}

/*---------------------------------  グロナビのno-pointer*/
.globalFooter__detailItem--care > a ,
.globalFooter__detailItem--lifestyle--detail > a{
    opacity: .6;
    pointer-events: none;
    position: relative;
}

.globalHeader__gnavItem--care > a ,
.cp_fullscreenmenu #menuToggle:checked ~ .menuEffects .globalHeader__gnavItem--care a {
  background: rgba(255,255,255,.6);
  display: block;
  pointer-events: none;
  position: relative;
  width: 100%;
}

.globalHeader__gnavItem--care > a:before,
.cp_fullscreenmenu #menuToggle:checked ~ .menuEffects .globalHeader__gnavItem--care a:before,
.globalFooter__detailItem--care > a:before {
  background: transparent;
  bottom: 0;
  content: "coming soon";
  color: #33333350;
  display: block;
  font-size: 1.3rem;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  line-height: 1.1;
  left: 0;
  position: absolute;
  right: 0;
  height: 3rem;
  margin: auto auto auto auto;
  top: 0;
  width: 60%;
}

@media screen and (max-width: 680px) {
	.cp_fullscreenmenu #menuToggle:checked ~ .menuEffects .globalHeader__gnavItem>a:before{
	  width: 100%;
	}
  .globalFooter__detailItem--care > a {
    background: rgba(255,255,255,.6);
  }
}
@media screen and (min-width: 681px) {
  .globalFooter__detailItem--care > a:before {
    display: none;
  }
}
.categoryItem--care a{
    pointer-events: none;
    position: relative;
}

.categoryItem.categoryItem--care .categoryItem__body{
    background: #0000009c;
    z-index: 2;
}

.categoryItem.categoryItem--care a:before{
  background: transparent;
  bottom: 0;
  content: "coming soon";
  color: #fff;
  display: block;
  font-size: 2.4rem;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  left: 0;
  line-height: 1.1;
  height: 3rem;
  margin: auto auto auto auto;
  position: absolute;
  right: 0;
  text-align: center;
  top: 0;
  width: 100%;
  z-index: 3;
}

.categoryItem--care .categoryItem__title ,
.categoryItem--care .categoryItem__text{
  opacity: .4;
}

.secArticle .articleContet table {
    border-right: .1rem solid #000;
    font-size: 1.4rem;
    margin: 0 0 2.4rem 0;
    width: 100%;
}
.secArticle .articleContet table p{
	margin: 0 0 0 0;
}

.secArticle .articleContet tr:nth-child(odd) {
    background: #fff;
}
.secArticle .articleContet tr:first-child {
    background: #333;
    color: #fff;
    text-align: center;
}
.secArticle .articleContet td{
    border-bottom: .1rem solid #000;
    border-left: .1rem solid #000;
    padding: .8rem 1.2rem .8rem 1.2rem;
}
@media screen and (max-width: 680px) {
.secArticle .articleContet table {
		display: block;
		font-size: 1.2rem;
		overflow-x: scroll;
		-webkit-overflow-scrolling: touch;
		white-space: nowrap;
	}
}
.globalFooter__areaBottom{
	display: none;
}
.globalFooter__areaMiddle{
	border: none;
}

.areaCV {background: #fff;margin: 0 auto 0 auto;max-width: 102rem;}

.areaCV__heading {border-bottom: .1rem solid #ddd; display: flex; padding: 3rem 0 2rem 3.6rem;}

.areaCV__title {margin: 0 1.6rem 0 0;}

.areaCV__titleText {font-size: 1.3rem; font-weight: 700; line-height: 1.2;}

.areaPoint , .areaStopcall , .areaCTR {margin: 0 0 4rem 0;}

.areaCV__body {padding: 4rem 4rem 1rem 4rem;}

.areaPoint__heading {color: #0fa169; margin: 0 0 2.4rem 0; text-align: center;}

.areaPoint__title {font-size: 2.8rem; line-height: 1.2; margin: 0 0 1.6rem 0;}

.areaPoint__lead {font-size: 1.8rem;}

.areaPoint__pointList {display: flex; justify-content: space-between; margin: 0 auto 0 auto; max-width: 80rem;}

.areaPoint__pointItem {text-align: center; width: 18rem;}

.c-pointItem__areaImage {background: #f5f5f5; border-radius: 50%; height: 18rem; margin: 0 0 2.4rem 0; width: 18rem;}

.c-pointItem__title {font-size: 2.2rem; line-height: 1; margin: 0 0 1.6rem 0;}

.c-pointItem__text {line-height: 1.7;}

.c-pointItem__textIndex {color: #f47c24; font-weight: 700;}

.areaStopcall {background: #f5f5f5; padding: 10rem 6.4rem 4rem 6.4rem; position: relative;}

.areaStopcall__title {left: 0;margin: auto auto auto auto;position: absolute;right: 0;top: -4rem;width: 37rem;}

.areaPoint {margin: 0 0 8rem 0;}

.areaStopcall__body {display: flex; flex-direction: row-reverse;}

.areaStopcall__image img {height: 24rem; margin: 0 0 0 6.4rem; width: 24rem;}

.areaStopcall__text {font-size: 1.8rem; margin: 0 0 2.4rem 0;}

.areaStopcall__textIndex {color: #f57c25; font-weight: 700;}

.c-pointItem__areaImage img {padding: 5rem 0 5rem 0;}

.areaStopcall__areaText {width: calc(100% - 32rem);}

.areaCTR__image:nth-child(2) {bottom: 3rem; position: absolute; right: 4rem;}

.areaCTR__inner {position: relative;}

.areaCTR__image:nth-child(2):hover {opacity: .6;}

@media screen and (max-width: 680px) {
.areaCV {margin:  0 2rem 0 2rem;}
.areaCV__heading {display: block; padding: 2.4rem 0 0 0; text-align: center;}
.areaCV__title {margin: 0 0 1.6rem 0;}
.areaCV__title img{width: 70%;}
.areaCV__titleText {border-top: .1rem solid #ddd; font-size: 1rem; padding: .8rem 0 .8rem 0;}
.areaCV__body {padding: 3rem 1em 1rem 1em;}
.areaPoint__title {font-size: 2rem;}
.areaPoint__lead {font-size: 1.4rem;}
.areaPoint__pointList {display: block;}
.areaPoint__pointItem {display: flex; justify-content: space-between; margin: 0 0 1.6rem 0; text-align: left; width: 100%;}
.c-pointItem__areaImage {height: 10rem; margin: 0 0 0 0; width: 10rem;}
.c-pointItem__title {font-size: 1.6rem;margin: 2rem 0 .6rem 0;}
.c-pointItem__text {font-size: 1.2rem;}
.c-pointItem__areaText {width: calc( 100% - 11rem);}
.areaStopcall {padding: 6rem 0 0 0;}
.areaStopcall__title {width: 80%;}
.areaStopcall__body {display: block;}
.areaStopcall__image img {display: block;height: 100%;margin: 0 auto 2.4rem auto;width: 70%;}
.areaStopcall__areaText {padding: 0 1rem 2rem 1rem;width: 100%;}
.areaStopcall__text {font-size: 1.4rem; margin: 0 0 1.6rem 0;}
.c-pointItem__areaImage img {margin: 1rem 2rem 1rem 2rem; padding: 1rem 0rem 2rem 0rem; max-width: 6rem;}
.areaPoint__pointItem:last-child .c-pointItem__areaImage img {padding: 2rem 0  1rem 0;}
.areaCTR__image:nth-child(2) {position: unset;}
}

/*----------------------------   CVボタンのスタイル*/
.textCV__wrapper {
    margin: 4.8rem auto;
    text-align: center;
}

.textCV__btn {
    max-width: 52.2rem;
}

.c-btn__recommend {
    display: block;
    font-size: 1.6rem;
    line-height: 2;
}

.textCV__btn .c-btn {
    background: #ff7f28;
    border-radius: 1rem;
    border: none;
    box-shadow: 0 0.6rem 0 #9b3f00;
    color: #fff;
    cursor: pointer;
    font-size: 2.2rem;
    font-weight: 700;
    overflow: hidden;
    position: relative;
}
@keyframes shiny {
  0% { left: -20%; }
  10% { left: 120%; }
  100% { left: 120%; }
}

.textCV__btn .c-btn::after {
  content: '';
  position: absolute;
  top: -10%;
  left: -20%;
  width: 40px;
  height: 100%;
  transform: scale(2) rotate(20deg);
  background-image: linear-gradient(100deg, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, .5) 100%, rgba(255, 255, 255, 0) 0%);
  animation-name: shiny;
  animation-duration: 3s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
}

.textCV__image {
    margin: 0 0 3.2rem 0;
}

.textCV__btn .c-btn:before {
    border-top: 0.2rem solid #fff;
    border-right: 0.2rem solid #fff;
    height: 1.4rem;
    right: 3.2rem;
    width: 1.4rem;
}

.textCV__btn .c-btn:hover {
    background: #9b3f00;
    border: none;
    box-shadow: none;
    cursor: pointer;
    transform: translate3d(0, 0.5rem, 0);
}


.areaSummary {
    background: #fff;
    border-radius: .8rem;
    margin: 0 0 4.8rem 0;
    padding: 3.2rem 2rem 2.8rem 2rem;
}

.areaSummary__title {
    border: .2rem solid #000;
    margin: 0 0 2.4rem 0;
    padding: 1.6rem;
    position: relative;
}

.areaSummary__title::before {
  content: '';
  position: absolute;
  bottom: -12px;
  left: 40px;
  width: 0;
  height: 0;
  border-top: 12px solid #000;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  transform-origin: left top;
  transform: skewX(40deg);
}


.areaSummary__text {
    font-size: 1.4rem;
    line-height: 2;
    margin: 0 0 2.4rem 0;
}

.areaSummary .textCV__wrapper {
    margin: 0 0 0 0;
}

.areaSummary .textCV__image__banner{
  box-shadow: 0 4px 12px 6px rgb(0 0 0 / 4%);border-radius: 1rem;
}

.areaSummary .textCV__image__banner img {
    width: 100%;
}

.secArticle .articleContet .areaSummary__title {
    background: #fff;
    font-size: 1.6rem;
    border: 0.2rem solid #000;
    margin: 0 0 2.4rem 0;
    padding: 1.6rem;
    position: relative;
}

.secArticle .articleContet .areaSummary__title::before {
    bottom: -13px;
    left: 40px;
    text-shadow: none;
    font-size: 0;
    top: unset;
}
@media screen and (max-width: 680px) {
.secArticle .articleContet .areaSummary__title {
    background: #fff;
    font-size: 1.6rem;
    border: 0.2rem solid #000;
    margin: 0 0 2.4rem 0;
    padding: 1.6rem;
    position: relative;
}

.secArticle .articleContet .areaSummary__title::before {
    bottom: -13px;
    left: 40px;
    text-shadow: none;
    font-size: 0;
    top: unset;
}

.areaSummary {
    margin: 0 0 2.4rem 0;
    padding: 2.4rem 1rem .8rem 1rem;
}

.areaSummary__text {
    font-size: 1.3rem;
    line-height: 1.6;
    margin: 0 0 1.6rem 0;
}

.textCV__image {
    margin: 0 0 2.4rem 0;
}

.textCV__btn .c-btn {
    box-shadow: 0 0.4rem 0 #9b3f00;
    font-size: 1.6rem;
}

.c-btn__recommend {
    font-size: 1.2rem;
}

.textCV__btn .c-btn:before {
    right: 1.6rem;
    height: 1rem;
    width: 1rem;
}
}

.secArticle .articleContet .frameWrapper {
    border: .2rem solid #fd2278;
    border-radius: .4rem;
    padding: 0 0 0 0;
}

.secArticle .articleContet .frame__title {
    background: #fc2277;
    color: #fff;
    font-weight: 700;
    margin: 0 0 0 0;
    padding: 1rem 2rem .6rem 2rem;
}

.secArticle .articleContet .frameWrapper__content {
    padding: 2rem;
}
.secArticle .articleContet .frameWrapper br{
  display: none;
}
.secArticle .articleContet .frameWrapper__content br{
  display: block;
}

/*---------------------------------------------  リンクカード制御  */
.secArticle .articleContet .lkc-card {
    background: #fff;
    border-radius: .8rem;
    margin: 0 0 0 0;
    padding: 2rem 2rem 2rem 2rem;
}

.secArticle .articleContet .lkc-thumbnail {
    margin: 0 3.2rem 0 0;
}

.secArticle .articleContet .lkc-title-text {
    margin: 0 0 6px 0;
}

.secArticle .articleContet .lkc-content{
    height: auto;
}

/*---------------------------------------------  記事チェックパスワード  */
.post-password-form {
    display: block;
    margin: 6rem 2rem 4rem 2rem;
    position: relative;
    right: unset;
}

.secArticle .articleContet p img , .secArticle .articleContet div img {
    margin: 0 auto;
    display: block;
}

/*---------------------------------------------  よくある質問 */
.articleFooter__areaFaq {
    background: #fff;
    margin: 0 0 2rem 0;
    padding: 2rem 2rem 1rem 2rem;
}

.c-faqListItem__title {
    border-bottom: .1rem solid #333333;
    font-size: 1.6rem;
    font-weight: bold;
    padding: 1rem 1rem .5rem 2rem;
    position: relative;
}

.c-faqListItem__content {
    padding: .5rem 1rem 1rem 2rem;
    position: relative;
}

.c-faqList {
    margin: 0 0 2rem 0;
}

.c-faqListItem__title:before {
    content: 'Q.';
    left: 0;
    position: absolute;
}

.c-faqListItem__content:before {
    content: 'A.';
    color: #fe217a;
    font-weight: bold;
    left: 0;
    position: absolute;
}

@media screen and (max-width: 680px) {
  .c-faqListItem__title {
    font-size: 1.5rem;
  }
  .c-faqListItem__content {
    font-size: 1.3rem;
  }
}

/*---------------------------------------------  フッターの固定ボタン */
.sp-footerBtn {
  display: none;
}

@media screen and (max-width: 680px) {
  .sp-footerBtn {
    bottom: 0;
    display: block;
    position: fixed;
    width: 100%;
    z-index: 9999;
  }
  .sp-footerBtn img {
      width: 100%;
  }
}


.page .secArticle .articleHeading {
    margin: 8rem 0 4.8rem 0;
}

.page .secArticle .articleHeading__title {
    font-size: 3.2rem;
}

.globalFooter__detailItem--lifestyle--detail--eneble > a{
    opacity: 1;
    pointer-events: all;
}

.secArticle .articleContet h3 {
    background: #ffe3e3;
    font-size: 2rem;
    padding: 1.2rem 0 1.2rem 2.4rem;
    margin: 0 0 2.4rem 0;
}

.secArticle .articleContet h3:before {
    background: #f06667;
}

.secArticle .articleContet h4 {
    font-size: 1.8rem;
    margin: 3.2rem 0 2.4rem 0;
    padding: 0 0 1.2rem 0;
    position: relative;
}

.secArticle .articleContet h4:before {
    background: #fbe3e3;
    bottom: 0;
    content: '';
    display: block;
    height: .3rem;
    position: absolute;
    width: 100%;
}

.secArticle .articleContet h4:after {
    background: #f06667;
    bottom: 0;
    content: '';
    display: block;
    height: 0.3rem;
    position: absolute;
    width: 20%;
}
@media screen and (max-width: 680px) {
.page .secArticle .articleHeading {
    margin: 4rem 0 2.4rem 0;
}

.page .secArticle .articleHeading__title {
    font-size: 2.4rem;
}

}




.c-areaPR {
    margin: 0 0 80px 0;
    text-align: center;
}

.c-areaPR img {
    position: relative;
}

.c-areaPR a:before , .c-areaPR.c-areaPR--money-careernisa:before{
    content: '【PR】';
    position: absolute;
    font-size: 13px;
    margin: auto;
    left: 0;
    right: 0;
    top: -30px;
}
.c-areaPR.c-areaPR--money-careernisa {
    position: relative;
}

.c-areaPR a {
    position: relative;
    width: 100%;
    display: block;
}

.textCV__btn .c-btn:before {
    left: unset;
}

.secArticle .articleHeading__mainVisual {
    display: block;
    margin: 0 0 40px 0;
    position: relative;
    text-align: center;
}

.secArticle .scrollable-table {
  overflow-x: scroll;
}
.secArticle .scrollable-table .table {
  width: 100%;
  border-collapse: collapse;
  white-space: nowrap;
}

.articleHeading__attentionTitle {
    font-size: 14px;
    font-weight: bold;
    margin: 0 0 10px 0;
    text-align: center;
}

.articleHeading__attention {
    font-size: 13px;
}

.articleHeading__areaAttention {
    margin: 20px 0 40px 0;
}

@media screen and (max-width: 680px) {
.articleHeading__areaAttention {
    margin: 10px 0 20px 0;
}
.articleHeading__attentionTitle {
    font-size: 12px;
    font-weight: bold;
}

.articleHeading__attention {
    font-size: 10px;
}
}