@charset "UTF-8";

.blcStyle03 > .inner{
  border: 0px solid #ff837c;
}


/* keyVisual ------------------*/
#keyVisual .mainImg{
background-image:url(../../w2img/2025090912474420250901122455main_img1.jpg);
}

#keyVisual .mainImg.mainImg02{
background-image:url(../../w2img/2025090912475420250901122455main_img1.jpg);
}


/* blc01 ------------------*/
#blc01 .boxBlc{
border-bottom:1px dotted #9585cd;
padding-top:4%;
padding-bottom:4%;
}

#blc01 .boxBlc:last-of-type{
border-bottom:none;
}

#blc01 .boxBlc .txtCatch{
font-size:120%;
color:#9585cd;
text-align:center;
margin-bottom:4%;
}

/* blc01 blc01 ------------------*/

#blc01 .blc01 .list{
    display: flex;
        flex-wrap: wrap;
    justify-content: space-around;
}

#blc01 .blc01 .list li{
/* background-color:#f4f3f9; */
color:#00a5c9;
/* width:32%; */
width: 25%;
text-align:center;
margin:0 0% 2% 0;
padding:4px 2%;
float:left;
box-sizing:border-box;
line-height: 1.7;
}
/* #blc01 .blc01 .list li:nth-of-type(3n){
margin-right:0;
} */

#blc01 .blc01 .list li.matchHeight img{
padding-bottom: 1rem;
}

@media screen and (max-width: 720px) {
#blc01 .blc01 .list li{
  width: 50%;
}
}


/* blc01 blc02 ------------------*/
#blc01 .blc02{
background-color:#fff;
box-sizing:border-box;
}

#blc01 .blc02 .list{
margin-bottom:4%;
}


/* blc01 blc03 ------------------*/
#blc01 .blc03{
/* background-color:#f4f3f9;
padding:4%;
box-sizing:border-box; */
}

#blc01 .blc03 .imgBlc{
text-align:center;
}


#blc01 .blc03 .list li{
/* width:25%; */
text-align:center;
padding:0 2%;
float:left;
box-sizing:border-box;
}

#blc01 .blc03 .list li .hexagonStyle01{
text-align:left;
margin-left:auto;
margin-right:auto;
}

/* blc01 blc04 ------------------*/
#blc01 .blc04{
background-color:#fff;
/* padding:4%; */
box-sizing:border-box;
}

#blc01 .blc04 .deco01{
text-align:center;
margin-bottom:-20px;
}

#blc01 .blc04 .doubtBlc{
background-color:#f4f3f9;
border:2px solid #cac6f7;
padding:50px 4%;
box-sizing:border-box;
}

#blc01 .blc04 .doubtBlc > .ttl{
background-color:#9585cd;
color:#fff;
text-align:center;
padding:4px 20px;
}

#blc01 .blc04 .doubtBlc .list{
margin-top:7%;
}

#blc01 .blc04 .doubtBlc .list li{
background:url(../img/feature/deco06.png) no-repeat left top;
padding-top:12px;
padding-left:80px;
margin-bottom:4%;
}

#blc01 .blc04 .doubtBlc .list li .txt{
border-bottom:1px dotted #cac6f7;
padding-bottom:12px;
}

#blc01 .blc04 .arrowDown{
text-align:center;
margin-top:-4%;
position:relative;
z-index:4;
}

#blc01 .blc04 .txtBlc{
margin-top:4%;
}

#blc01 .blc04 .txtBlc dt{
font-size:120%;
color:#9585cd;
margin-bottom:2%;
}

/* blc01 blc05 ------------------*/
#blc01 .blc05 .btn{
text-align:center;
margin-top:2%;
}

#blc01 .blc05 .btn a{
width:100%;
background-color:#f4f3f9;
color:#9585cd;
text-align:center;
text-decoration:none;
padding:10px 15px;
display:inline-block;
box-sizing:border-box;
}

@media screen and (max-width: 767px) {
/* blc01 blc03 ------------------*/
#blc01 .blc03 .imgBlc img{
width:130px;
}

/* blc01 blc04 ------------------*/
#blc01 .blc04 .deco01 img{
width:110px;
}

#blc01 .blc04 .doubtBlc{
padding-top:30px;
padding-bottom:30px;
}

#blc01 .blc04 .doubtBlc .list li{
background-size:40px auto;
padding-top:9px;
padding-left:60px;
}

#blc01 .blc04 .arrowDown img{
width:30px;
}
}

@media screen and (max-width: 480px) {
/* blc01 blc03 ------------------*/
#blc01 .blc03 .list li{
width:50%;
margin-bottom:40px;
}
}


/* 
-------------------------------------------------------------------------
*/

.blc02.box02 .list li{
  text-align: left;
}
.blc02.box02 .list li img {
      margin: 0 auto 1rem;
}
.commBlc .box01 .txtBlc{
      line-height: 1.9;
max-width: 870px;
    margin: 1rem auto 0;
}

.box02 .list {
  display: flex;
  align-items: center;   /* 画像とテキストを縦方向中央揃え */
  gap: 40px;             /* カラム間余白 */
}

.box02 .list li {
  flex: 1;
  list-style: none;
}
.box02 .list li:last-child{

}

.box02 .list li img {
  max-width: 100%;
  height: auto;
  display: block;
}

.box02 .list li .text {
  font-size: 14px;
  line-height: 1.8;
  color: #333;
  text-align: left;
}

.box02 .list li .text strong {
  font-weight: bold;
  font-size: 16px;
}

.box02 .list li .text span {
  color: #00a5c6; /* 水色（アイコンに近い色） */
}

/* レスポンシブ対応 */
@media screen and (max-width: 768px) {
  .box02 .list {
    flex-direction: column;
    gap: 20px;
  }
}

#blc01 .blc03.box03 .boxBlc{
padding:0;
}
#blc01 .blc03.box03 .list li{
    width: 31%;
    background: #f2fafc;
    color: #00a5c9;
    margin: 0.5rem 0.5rem 0.5rem;
    line-height: 1.5;
    padding: 1rem;
}

@media screen and (max-width: 975px) {
#blc01 .blc03.box03 .list li{
    width: 47%;
  }
}

@media screen and (max-width: 629px) {
#blc01 .blc03.box03 .list li{
    width: 99%;
  }
}


/* ───── box04 チェックリスト ───── */
.box04 .list {
  display: grid;
  grid-template-columns: 1.3fr 1.3fr; /* 2カラム */
  column-gap: 40px;               /* カラム間余白 */
  row-gap: 24px;                  /* 行間 */
  list-style: none;
  margin: 0;
  padding: 0;
}

.box04 .list li {
  position: relative;
  padding-left: 44px;             /* チェック分のインデント */
  font-size: 16px;
  line-height: 1.9;
  color: #333;
  word-break: break-word;
}

/* チェックアイコン */
.box04 .list li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.15em;                    /* 行頭揃え微調整 */
  width: 28px;
  height: 28px;
  background: url("../img/icon_check.gif") no-repeat center/contain;
}

/* タイトル */
.box04 .ttl {
  font-size: 22px;
  font-weight: 700;
  margin: 0 0 18px;
}


#blc01 .blc04 .boxBlc{
padding: 0;
}

/* スマホ：1カラム */
@media (max-width: 768px) {
  .box04 .list {
    grid-template-columns: 1fr;
    column-gap: 0;
    row-gap: 18px;
  }
  .box04 .list li {
    padding-left: 40px;
    font-size: 15px;
    line-height: 1.8;
  }
  .box04 .list li::before {
    width: 24px;
    height: 24px;
    top: 0.1em;
  }
}





/* index部分 */
/* ========== circulatory feature (.box11専用) ========== */
.blc01.blcStyle03.colorBlue.box11 .boxBlc {
  display: grid;
  gap: 0px;
}

/* 衝突回避のため .c11-xxx を使用 */
.blc01.blcStyle03.colorBlue.box11 .c11-card{
padding: 18px 5px 5px;
}


/* タイトル */
.blc01.blcStyle03.colorBlue.box11 .c11-ttl{
  margin:0 0 10px;
  font-weight:700;
  line-height:1.35;
  font-size: clamp(18px, 2.2vw, 22px);
  color:#11b2c6;                        /* 青緑 */
  letter-spacing:.02em;
  background: #eefdff;
  padding: 1rem;
}

/* 本文 */
.blc01.blcStyle03.colorBlue.box11 .c11-text{
  margin:0;
  font-size:15px;
  line-height:1.8;
padding: 0 1rem;
}