body a {
    -webkit-transition: 0.5s;
    transition: 0.5s;
    color: #303030;
    text-decoration: none;
}
body {
  color: #101010;
}
body p {
  color: #101010;
  line-height: 2rem;
  margin: 0 auto;
}
.MainVisual{
  background-image: url(https://kireidelab.com/wp/wp-content/uploads/2024/03/kounenki_main.jpg);
  width: 100%;
 height: 900px;
 background-repeat: no-repeat;
  background-size: cover;
background-position: 50% 30%
}
.MainVisual_gn{
  background-image: url(https://kireidelab.com/wp/wp-content/uploads/2024/06/genisteinMV_pc.jpg);
  width: 100%;
 height: 700px;
 background-repeat: no-repeat;
  background-size: cover;
background-position: 50% 30%
}

section.kounenki_messeage2{
  background-color: #fdf5e3;
  width:100%;
  margin-top: 0!important;
}
section.kounenki_messeage{
  background-color: #f8eef3;
  width:100%;
  margin-top: 0!important;
}

h1.kounekiTlt{
font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;
font-weight:400;
font-size: 2.4rem;
letter-spacing: 1.4px;
margin-bottom: 2rem;
color:#101010;
}

p.kounekiTxt{
font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
  max-width: 800px;
  font-size: 1.2rem;
  margin: 0 auto;
  line-height: 3rem;
  letter-spacing: 1.4px;
}

.kounekiCheck{
  border: 1px solid #101010;
  padding: 1rem 3rem;
  margin: 2rem auto 1rem;
  max-width: 600px;
  background-color: #fbfbf9;

}
.ECM_CheckboxInput {
  padding: 12px 8px;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.ECM_CheckboxInput-Input {
  margin: 0;
  width: 0;
  opacity: 0;
}
.ECM_CheckboxInput:hover > .ECM_CheckboxInput-DummyInput {
  background: #DDDDDD !important;
  border: solid 2px #333333;
}
.ECM_CheckboxInput-Input:focus + .ECM_CheckboxInput-DummyInput {
  background: #DDDDDD !important;
  border: solid 2px #333333;
}
.ECM_CheckboxInput-Input:checked + .ECM_CheckboxInput-DummyInput {
  border: solid 2px #333333;
  background: #FFFFFF;
}
.ECM_CheckboxInput-Input:checked + .ECM_CheckboxInput-DummyInput::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGNsYXNzPSJmZWF0aGVyIGZlYXRoZXItY2hlY2siPjxwb2x5bGluZSBwb2ludHM9IjIwIDYgOSAxNyA0IDEyIj48L3BvbHlsaW5lPjwvc3ZnPg==") no-repeat center;
  background-size: contain;
}
.ECM_CheckboxInput-DummyInput {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  width: 32px;
  height: 32px;
  border: solid 2px #888888;
  background: #FFFFFF;
  border-radius: 4px;
}
.ECM_CheckboxInput-LabelText {
  margin-left: 12px;
  display: block;
  font-size: 18px;
  font-weight: bold;
}

section.whatkounenki{
  background-color: #eff6f2;
  width:100%;
  margin-top: 0!important;
}

h2.Title{
  font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;
  font-size: 2.0rem;
  border-bottom: solid 1.2px #686a6d;
  display: inline-block;
  padding-bottom: 10px;
  margin-bottom: 3rem;
  font-weight: 400;
  letter-spacing: 2px;
}
.columnWrap {
  margin-top: 2rem;
}
.columnList__item {
    margin-bottom: 2rem;
}
.columContainer{
  margin: 7rem auto;
}
.columnWrap .columnList {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}


.columnWrap .columnList__item {
  width: 31%;
    /* padding: 0 1.5rem; */
    margin-left: 1rem;
    background-color: #fff;
 padding: 0rem 1rem 1rem;
}

.columnWrap .columnList__item .thum img {
    display: block;
    margin: 10px auto;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    font-family: "object-fit: cover; object-position: center;";
}
.columnWrap .columnList__item .textArea {
    display: block;
}
 .minText {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
.columnWrap .columnList__item .textArea .minText time {
    margin-right: 1rem;
    padding-top: 0.4rem;
    color: #101010;
    font-size: 75%;
    font-weight: bold;
}
.columnWrap .columnList__item .textArea .minText .columnTag {
    padding: 0.4rem 1.5rem 0.2rem 1.5rem;
    line-height: normal;
    color: #b62a4b;
    vertical-align: middle;
    font-size: 75%;
    font-weight: bold;
    background: #fff;
    border: 1px solid #b62a4b;
    border-radius: 50px;
}
.columnTag02 {
    padding: 0.4rem 1.5rem 0.2rem 1.5rem;
    line-height: normal;
    color: #35832f;
    vertical-align: middle;
    font-size: 75%;
    font-weight: bold;
    background: #fff;
    border: 1px solid #35832f;
    border-radius: 50px;
}
p.columnTtl {
    font-size: 95%;
    font-weight: 500;
    text-align: left;
}
.aboutEquol{
  max-width: 800px;
}

.EquolInner>p{
margin: 2rem auto;
text-align:left;
max-width: 700px;
}

.EquolInner>img{
width:100%;
}

p.columnTtl:hover {
  color:#35832f;
  text-decoration: underline;
}
.FaqBox{
margin:  3rem 0;
}

.Qa-Box {
  width: 90%;
  margin: 0 auto;
  text-align: left;
}

.Qa-Box .Qa dt,
.Qa-Box .Qa dd {
  display: flex;
  align-items: baseline;
  margin: 15px 0;
  padding: 15px;
}

.Qa-Box .Qa dt {
  background: #F5F5F5;
}

.Qa-Box .Qa dt p {
  margin: 0;
  padding-left: 15px;
  font-weight: bold;
  width: 100%;
}

.Qa-Box .Qa dd p {
  margin: 0;
  padding-left: 15px;
  width: 100%;
}

.Qa-Box .Qa dt::before {
  content: "Q";
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  background: #6699B7;
  width: 2em;
  height: 2em;
}

.Qa-Box .Qa dd::before {
  content: "A";
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  background: #D65556;
  width: 2em;
  height: 2em;
}
/*プロフィール枠*/
#author_profile {
  border: 1px solid #6699B7;
  width: 100%;
  margin: 40px auto;
  overflow: hidden;
}
#author_profile p {
  margin-bottom: 20px;
  line-height: 1.8;
}
/*この記事を書いた人の見出し*/
#author_profile p.label {
  font-size: 1.0rem;
  font-weight: bold;
  color: #fff;
  background: #6699B7;
  padding: 10px 15px;
      letter-spacing: 2px;
}
/*名前*/
#author_profile p.author_name {
  font-size: 14px;
  font-weight: bold;
  display: inline-block;
  position: relative;
}
/*名前下の下線*/
#author_profile p.author_name::after {
  content: "";
  border-bottom: solid 3px #6699B7;
  position: absolute;
  left: 0;
  right: 0;
  bottom: -6px;
}
/*左側画像ブロック*/
#author_profile .left {
  width: 14%;
  float: left;
  margin: 10px 0 15px 30px;
}
/*画像サイズ*/
#author_profile .left img {
  width: 100%;
}
/*右側テキストブロック*/
#author_profile .right {
  width: 74%;
  float: left;
  font-size: 12px;
  line-height: 1.6;
  padding: 5px 0 20px 30px;
      text-align: left;
}

/*SP時の挙動（画面サイズが小さい時）*/
@media (max-width: 480px) {
  #author_profile p.author_name {
    text-align: center;
  }
  #author_profile .left {
    width: 100%;
    float: none;
    margin-left: 0;
    margin-bottom: 0;
    text-align: center;
  }
  #author_profile .left img {
    width: 33%;
  }
  #author_profile .right {
    width: 100%;
    float: none;
    padding: 10px 20px 0;
  }
}

@media screen and (max-width: 960px) {
  .Qa-Box {
    width: 95%;
  }
}


@media screen and (max-width: 992px) {
    .columnWrap .columnList__item {
        width: 47%;
    }

}

@media screen and (max-width: 600px) {
  body p {
    font-size: 1.0rem;
  }
  .MainVisual {
    height: 500px;
}
.spBr{
  display: inline-block;
}
h1.kounekiTlt {
    font-size: 1.8rem;
    margin-bottom: 1rem;
    line-height: 2.5rem;
}
p.kounekiTxt2 {
  max-width:90%;
    font-size: 1.0rem;
    line-height: 2rem;
}
h2.Title {
    font-size: 1.5rem;
    margin-bottom: 1rem;
}
.kounekiCheck {
    padding: 1rem ;
}
.ECM_CheckboxInput-LabelText {
    font-size: 0.8rem;
}
.ECM_CheckboxInput {
    padding: 5px 3px;
}
.columContainer {
    margin: 4rem auto;
}
    .columnWrap .columnList.-columnPageList .columnList__item {
        width: 100%;
        margin-left:0;
    }
    .aboutEquol{
      max-width: 100%;
    }
    .EquolInner{
      max-width: 100%;
    }
}