@charset "utf-8";

.bnr a {
  position: fixed;
  width: 22rem;
  height: auto;
  right: 0;
  background-color: #fff;
  bottom: 27rem;
  font-weight: bold;
  text-align: center;
  padding: 0;
  border: solid 5px #00869c;
  z-index: 100;
  text-decoration: none;
  line-height: 1.5;
  font-size: 16px;
  color: #00869c;
  border-radius: 1rem 0 0 1rem;
}

.bnr a .bnrtxt2 {
  display: none;
}

.bnr a:hover .s1 {
  display: none;
}

.bnr a:hover .bnrtxt2 {
  display: block;
  padding: 6px 5px;
}

.bnr a span {
  display: block;
}

.bnr .bnrtxt {
  display: flex;
}

.bnr .bnrtxt1 {
  writing-mode: vertical-rl;
  background: #00869c;
  color: #fff;
  letter-spacing: -5px;
  padding: 2px 8px 11px;
  text-align: end;
  line-height: 1.2;
  width: 4rem;
  font-size: 13px;
}

.bnr span.s3 {
  background: #ffdb01 url(img/arr01.png) right 7px top 50% no-repeat;
  background-size: 15px auto;
  color: #000;
  font-size: 12px;
  font-weight: 700;
  text-align: center;
  padding: 10px 25px 10px 10px;
  position: relative;
  line-height: 1.4;
  border-radius: 50px;
  border: 1px solid #000000b3;
  box-shadow: 0 3px 0 #000000b3;
  transition: 0.2s ease-out;
  margin: 5px auto;
}

.bnr span.s2 {
  font-size: 13px;
  line-height: 1.3;
}

#index #sec02_cont .tab li:hover {
  cursor: unset;
}

#index #sec02_cont .tab li:hover .tabTxt {
  opacity: 1;
}

section#sec08_cont div#contact {
  width: 100%;
  max-width: 1000px;
  margin: 8rem auto 6rem;
  background: #fff;
}

.sec.bg_darkTone.comCont_type04 .hs-form-frame {
  width: 100%;
  max-width: 1000px;
  margin: 8rem auto 6rem;
  background: #fff;
}

blockquote.point-wrap {
  box-shadow: 6px 6px #e1e1e1;
  padding: 2%;
}

.jbox {
  display: flex;
  justify-content: space-between;
  margin-bottom: 4rem;
}

.jbox .box {
  width: 31%;
  padding: 1rem 2rem 2rem;
  background: #f6f5f0;
  box-shadow: 0 5px 10px #00000029;
}

.jbox .box p.bld {
  width: fit-content;
  padding: 3px 2rem;
  color: #fff;
  margin: 2rem 0;
  font-size: 1.6rem;
  font-weight: bold;
  background: #009C7D;
  min-width: 100px;
  text-align: center;
}

.jbox .box p {
  margin: 0 0 1rem;
  font-size: 14px;
  line-height: 1.8;
}

.jbox .box:first-child p.bld {
  background: #009b49;
}

.jbox .box:last-child p.bld {
  background: #00869C;
}

.btn-back {
  width: 450px;
  margin: 20px auto;
}

.btn-back button {
  background: #009b49 url("img/arr01_w.png") right 20px top 50% no-repeat;
  background-size: 20px auto;
  color: #fff;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 700;
  display: block;
  text-align: center;
  padding: 18px 50px 18px 30px;
  position: relative;
  line-height: 1.4;
  border-radius: 50px;
  border: 1px solid #000000b3;
  box-shadow: 0 3px 0 #000000b3;
  transition: all 0.3s ease;
  width: 100%;
}

#reason-sect {
    background: url(img/icon_large03.png) right calc(50% - 640px) top 80px no-repeat;
    background-size: 250px auto;
    padding: 2rem 0 0;
    margin: 0 auto 120px;
}

#reason-sect .detail01 {
    margin: 0 auto 100px;
}

#reason-sect .detail01 .catch {
    background: #014e25;
    color: #fff;
    font-size: 2.2rem;
    font-weight: 700;
    line-height: 3.4rem;
    display: inline-block;
    margin: 0 0 30px 0;
    padding: 10px 20px;
}

#reason-sect .detail01 .h3Out {
    position: relative;
    margin: 50px 0 50px;
}

#reason-sect .detail01 .h3Out:before {
    content: "";
    position: absolute;
    background: #f6f5f0;
    width: 130px;
    height: 130px;
    border-radius: 50%;
    top: calc(50% - 65px);
    left: -20px;
}

#reason-sect .detail01 .idxh3 {
    font-size: 3.4rem;
    line-height: 1.8;
    background: none;
    padding: 0 0 0 30px;
    position: relative;
    color: #33475b;
}

#reason-sect .detail01 .sBox {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 0 auto 60px;
}

#reason-sect .detail01 .sBox .ph {
    width: 465px;
}

#reason-sect .detail01 .sBox:nth-child(odd) .ph {
    order: 2;
}

#reason-sect .detail01 .sBox:nth-child(odd) .txtArea {
    order: 1;
}

#reason-sect .detail01 .sBox .txtArea {
    width: 465px;
}

#reason-sect .detail01 .sBox .txtArea .idxh4 {
    margin: 0 0 20px 0;
    padding: 0 0 15px 0;
    font-size: 2rem;
    color: #014e25;
    border-bottom: 1px solid #000;
}

/*タブ*/
#reason-sect .flexbox {
    display: flex;
}

#reason-sect .fw {
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
}

#reason-sect #torikumi {
    position: relative;
    z-index: 1;
}

#reason-sect #torikumi .hide {
    display: block;
    /* display: none; */
}

#reason-sect .tab {
    /* overflow: hidden; */
}

#reason-sect .tab li {
    line-height: 5rem;
    list-style: none;
    flex: 1;
    text-align: center;
    margin: 0;
    padding: 50px 0 40px 0;
    color: #000;
    font-size: 2.4rem;
    font-weight: 700;
    position: relative;
    /* opacity: 0.7; */
}

#reason-sect .tab li .fs_l {
    font-size: 3.6rem;
    color: #fff;
    padding: 0 10px 4px 10px;
    line-height: 4.6rem;
    display: inline-block;
}

#reason-sect .tab li:nth-child(1) .fs_l {
    background: #009b49;
}

#reason-sect .tab li:nth-child(2) .fs_l {
    background: #767868;
}

#reason-sect .tab li:nth-child(1) {
    background: #e8f2e4;
    border-radius: 0 40px 0 0;
}

#reason-sect .tab li:nth-child(1):before {
    content: "";
    background: #e8f2e4;
    position: absolute;
    top: 0;
    left: -1000px;
    width: 1000px;
    height: 100%;
}

#reason-sect .tab li:nth-child(2) {
    background: #e4e5df;
    border-radius: 40px 0 0 0;
}

#reason-sect .tab li:nth-child(2):before {
    content: "";
    background: #e4e5df;
    position: absolute;
    top: 0;
    right: -1000px;
    width: 1000px;
    height: 100%;
}

#reason-sect .tab li:hover {
    /* cursor: pointer; */
}

#reason-sect .tab .select {
    opacity: 1;
}

#reason-sect .tabDetail {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    position: relative;
    margin: 0 auto 120px;
}

#reason-sect .tabDetail:before {
    content: "";
    background: url(img/deco_triangle01.png) 50% 50% no-repeat;
    background-size: 180px auto;
    width: 180px;
    height: 40px;
    position: absolute;
    bottom: -40px;
    left: calc(50% - 90px);
}

#reason-sect .detail02 .sBox {
    width: 50%;
    position: relative;
}

#reason-sect .detail02 .sBox_green {
    background: #e8f2e4;
    padding: 0 50px 80px 0;
}

#reason-sect .detail02 .sBox_green:before {
    content: "";
    background: #e8f2e4;
    position: absolute;
    top: 0;
    left: -1000px;
    width: 1000px;
    height: 100%;
}

#reason-sect .detail02 .sBox_blue {
    background: #e4e5df;
    padding: 0 0 80px 50px;
}

#reason-sect .detail02 .sBox_blue:before {
    content: "";
    background: #e4e5df;
    position: absolute;
    top: 0;
    right: -1000px;
    width: 1000px;
    height: 100%;
}

#reason-sect .detail02 .sBox .sBox_list {
    border-radius: 10px;
    padding: 20px 30px;
    margin-bottom: 30px;
    position: relative;
}

#reason-sect .detail02 .sBox_green .sBox_list:nth-child(1) {
    background: #fff url(img/thumb_sec03_green01.png) 100% 100% no-repeat;
    background-size: 140px auto;
}

#reason-sect .detail02 .sBox_green .sBox_list:nth-child(2) {
    background: #fff url(img/thumb_sec03_green02.png) 100% 100% no-repeat;
    background-size: 140px auto;
}

#reason-sect .detail02 .sBox_green .sBox_list:nth-child(3) {
    background: #fff url(img/thumb_sec03_green03.png) 100% 100% no-repeat;
    background-size: 140px auto;
}

#reason-sect .detail02 .sBox_green .sBox_list:nth-child(4) {
    background: #fff url(img/thumb_sec03_green04.png) 100% 100% no-repeat;
    background-size: 140px auto;
}

#reason-sect .detail02 .sBox_green .sBox_list:nth-child(5) {
    background: #fff url(img/thumb_sec03_green05.png) 100% 100% no-repeat;
    background-size: 140px auto;
}

#reason-sect .detail02 .sBox_blue .sBox_list:nth-child(1) {
    background: #fff url(img/thumb_sec03_blue01.png) 100% 100% no-repeat;
    background-size: 140px auto;
}

#reason-sect .detail02 .sBox_blue .sBox_list:nth-child(2) {
    background: #fff url(img/thumb_sec03_blue02.png) 100% 100% no-repeat;
    background-size: 140px auto;
}

#reason-sect .detail02 .sBox_blue .sBox_list:nth-child(3) {
    background: #fff url(img/thumb_sec03_blue03.png) 100% 100% no-repeat;
    background-size: 140px auto;
}

#reason-sect .detail02 .sBox_blue .sBox_list:nth-child(4) {
    background: #fff url(img/thumb_sec03_blue04.png) 100% 100% no-repeat;
    background-size: 140px auto;
}

#reason-sect .detail02 .sBox_blue .sBox_list:nth-child(5) {
    background: #fff url(img/thumb_sec03_blue05.png) 100% 100% no-repeat;
    background-size: 140px auto;
}

#reason-sect .detail02 .sBox_blue .sBox_list:nth-child(6) {
    background: #fff url(img/thumb_sec03_blue06.png) 100% 100% no-repeat;
    background-size: 140px auto;
}

#reason-sect .detail02 .sBox .sBox_list .num {
    position: absolute;
    top: -15px;
    left: -15px;
    font-size: 1.8rem;
    font-weight: 700;
    line-height: 1.6;
    color: #fff;
    width: 30px;
    height: 30px;
    text-align: center;
    border-radius: 50%;
}

#reason-sect .detail02 .sBox_green .sBox_list .num {
    background: #009b49;
}

#reason-sect .detail02 .sBox_blue .sBox_list .num {
    background: #767868;
}

#reason-sect .detail02 .sBox .sBox_list .idxh5 {
    margin: 0 0 10px 0;
    padding: 0;
    border: none;
    font-size: 2rem;
    color: #000;
}

#reason-sect .detail02 .sBox .sBox_list ul {
    margin: 0;
    padding: 0;
}

#reason-sect .detail02 .sBox_blue .sBox_list li {
    background: url(./img/listicon.png) 2px 10px no-repeat;
    background-size: auto 14px;
}

#reason-sect .detail02 #torikumi .txtBox {
    position: relative;
}

#reason-sect .detail02 #torikumi .txtBox:before {
    content: "";
    position: absolute;
    top: -60px;
    left: calc(50% - 4px);
    width: 8px;
    height: 45px;
    background: url(img/deco_dot.png) 50% 50% no-repeat;
    background-size: 8px auto;
}

#reason-sect .detail02 #torikumi .txtBox p {
    font-size: 2.4rem;
    text-align: center;
    font-weight: 700;
    line-height: 4.4rem;
    margin: 0;
}

.mds{
	font-weight: bold;
	color: #fff;
	padding: 0.6rem 1.4rem;
	display: inline-block;
	background: #009b49;
	border-left: solid 5px #ffdb01;
	margin: 1.4rem 0 0.4rem;
}


.qanda{
    width: 90%;
    margin:3rem auto;
    background: #f6f5f0;
    padding: 2rem;
    border-radius: 2rem;
}


#page .qanda h3{
    margin:1rem;
}


.cnfaq-container {
background-color: #ffffff;
color: #222222;
margin: 2rem auto;
padding: 0 1.5rem;
max-width: 60rem;
line-height: 1.8;
}


.cnfaq-title {
font-size: 1.6rem;
font-weight: 700;
margin: 0 0 1.5rem 0;
color: #1a1a1a;
}


.cnfaq-section {
margin: 2rem 0 2.5rem 0;
}


#page .cnfaq-section-heading {font-weight: 700;border-left: 0.4rem solid #46b67a;border-radius: 0.5rem;margin-top: 3rem;}


/* ====== アコーディオン（details/summary） ====== */
.cnfaq-list {
display: grid;
grid-template-columns: 1fr;
gap: 0.75rem;
margin: 0;
padding: 0;
list-style: none;
}


.cnfaq-item {
margin: 0;
}


.cnfaq-details {
border: 0.0625rem solid #e6e6e6;
border-radius: 0.75rem;
background-color: #ffffff;
}


.cnfaq-summary {display: flex;align-items: flex-start;gap: 0.75rem;width: 100%;margin: 0;padding: 0.9rem 1rem;font-size: 1.6rem;font-weight: 700;list-style: none; /* Safari等 */cursor: pointer; /* アクセシビリティ上の示唆（focusは別途定義） */color: #33475b;}


/* 既定のディスクロージャーマーカーを非表示にする */
.cnfaq-summary::-webkit-details-marker { display: none; }
.cnfaq-summary::marker { content: ""; }


/* 質問バッジ */
.cnfaq-q-badge {
display: inline-block;
flex: 0 0 auto;
min-width: 2rem;
}

#contents .cnfaq-section ul li {
    background: none;
}

.cnfaq-answer {
    padding: 2rem;
}

 .cn-flow { 
    color: #222222;
    margin: 0 auto;
    padding: 2rem 1.5rem;
    background: #ffffff;
    line-height: 1.7;
  }
  .cn-flow * { box-sizing: border-box; }

  /* ヘッダー */
  .cn-flow__title {
    margin: 0 0 0.75rem 0;
    font-size: 1.875rem; /* 30px */
    line-height: 1.3;
    letter-spacing: 0.02em;
  }
  .cn-flow__intro {
    margin: 0 0 1.5rem 0;
    font-size: 1.4rem;
    background: #f0eee3;
    padding: 1rem 1.25rem;
    border-left: 0.375rem solid #46b67a;
    border-radius: 0.5rem;
  }

  /* タイムライン（縦） */
  .cn-steps {
    position: relative;
    list-style: none;
    margin: 0;
    padding: 0 0 0 3.5rem;
    counter-reset: cn-step;
  }
  .cn-steps::before {
    content: "";
    position: absolute;
    left: 1.5rem;
    top: 0;
    bottom: 0;
    width: 0.25rem;
    background: #46b67a; /* アクセントライン */
    border-radius: 0.125rem;
  }

  /* 各ステップカード */
  #contents ul li.cn-step {
    position: relative;
    background: #ffffff;
    border: 0.0625rem solid #e6e6e6;
    border-radius: 0.75rem;
    padding: 1.25rem 1.8rem;
    margin: 0 0 1.5rem 0;
    counter-increment: cn-step;
  }
  .cn-step__index {
    position: absolute;
    left: 2.4rem; /* タイムライン位置 */
    top: 3.4rem;
    transform: translateX(-50%);
    width: 4.25rem;
    height: 4.25rem;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #46b67a;
    color: #ffffff;
    font-weight: 700;
    font-size: 1.8rem;
  }
  .cn-step__header {
    margin-left: 0; /* テキストはカード内左寄せ */
  }
#page h3.cn-step__title {
    margin: 0 0 0.75rem 0;
    line-height: 1.4;
    padding-left: 0.75rem;
    border-left: 0.375rem solid #46b67a;
  }
  .cn-step__summary {margin: 0 0 1rem 0;font-size: 1.6rem;}

  /* リスト・項目 */
  .cn-list { 
    margin: 0 0 1rem 0; 
    padding-left: 1.25rem; 
    font-size: 0.9375rem;
  }
  .cn-list li {margin: 0 0 0.5rem 0;font-size: 1.4rem;}

  /* チップス（書類など） */
  .cn-chips {display: flex;flex-wrap: wrap;gap: 0.5rem;margin: 0.5rem 0 0 0;}
  .cn-chip {
    display: inline-block;
    padding: 0.6rem 1rem;
    background: #f0eee3;
    border: 0.0625rem solid #e0dfd6;
    border-radius: 1rem;
    font-size: 1.4rem;
    line-height: 1;
  }

  /* 注意・補足 */
  .cn-callout { 
    padding: 0.875rem 1rem; 
    border-radius: 0.5rem; 
    margin: 0.75rem 0 0 0; 
    font-size: 0.9375rem;
  }
  .cn-callout--alert {background: #ffdb01;font-size: 1.4rem;}
  .cn-callout--note {background: #f0eee3;font-size: 1.4rem;}

  /* メタ行（ミニ情報） */
  .cn-meta { 
    display: flex; 
    flex-wrap: wrap;
    gap: 0.75rem;
    margin: 0.5rem 0 0 0; 
    font-size: 0.875rem;
  }
  .cn-meta__item {
    background: #ffffff;
    border: 0.0625rem solid #e6e6e6;
    border-radius: 0.375rem;
    padding: 0.375rem 0.625rem;
    font-size: 1.4rem;
  }

  /* フッターノート */
  .cn-footnote { 
    margin-top: 2rem; 
    font-size: 0.875rem; 
    color: #222222; 
    background: #f0eee3; 
    padding: 1rem 1.25rem; 
    border-radius: 0.5rem; 
  }


/*----------------------------------------------------
    PCサイトcss
----------------------------------------------------*/

@media screen and (min-width: 600px) {

  .waku1 {
    padding: 10px;
    background-color: #f6f5f0;
    margin: 30px auto 30px
  }

  footer #web_bn2 {
    margin-top: 280px;
    width: 260px;
    position: fixed;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    right: -192px;
    transform: translateX(0);
    transition: transform 0.5s;
    z-index: 2;
    background: #00869c;
    border-radius: 10px 0 0 10px;
    border: solid 2px #fff;
    border-right: none;
    color: #fff;
  }

  footer #web_bn2:hover {
    transform: translateX(-190px);
  }

  footer #web_bn2:hover .sTit {
    opacity: 1;
  }

  footer #web_bn2 .sTit {
    width: 64px;
    font-size: 1.8rem;
    font-weight: 700;
    text-align: end;
    letter-spacing: -5px;
    padding: 8px 8px 15px;
    line-height: 1.3;
    position: relative;
  }

  footer #web_bn2 .detail {
    width: 190px;
    border: solid 2px #00869c;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  footer #web_bn2 .detail a {
    transition: 0.2s ease;
    padding: 20px 14px;
  }

  footer #web_bn2 .detail a:hover {
    text-decoration: none;
    transform: scale(104%);
    opacity: 1;
  }

  footer #web_bn2 .detail .txt01 {
    font-size: 1.6rem;
    font-weight: 700;
    line-height: 1.4;
    text-align: center;
    color: #00869c;
    margin: 0 0 10px 0;
  }

  footer #web_bn2 .detail .txt02 {
    font-size: 1.2rem;
    line-height: 1.4;
    font-weight: bold;
    text-align: center;
    background: #ffdb01;
    border-radius: 10px;
    padding: 10px 5px;
    border: 1px solid #000000b3;
    box-shadow: 0 3px 0 #000000b3;
  }




}



/*----------------------------------------------------
    SPサイトcss
----------------------------------------------------*/

@media screen and (max-width: 599px) {
  .waku1 {
    padding: 10px;
    background-color: #f6f5f0;
    margin: 30px auto 30px
  }

  #index #sec02_cont .tab .select {
    background: #009b49;
  }

  .jbox {
    display: block;
  }

  .jbox .box {
    width: unset;
    margin: 0 0 2.5rem;
    padding: 1px 1.5rem 1.5rem;
  }

  .btn-back {
    width: auto;
  }

  footer #web_bn2 {
    display: none !important;
  }
	
#reason-sect  {
        background: url(img/icon_large03.png) right -1rem top 3rem no-repeat;
        background-size: 9rem auto;
        padding: 6rem 0 0;
        margin: 0 auto 8rem;
    }

    #reason-sect  .detail01 {
        padding: 0 1.5rem;
        margin: 0 auto 5rem;
    }

    #reason-sect  .detail01 .catch {
        font-size: 1.8rem;
        line-height: 3rem;
        margin: 0 0 2rem 0;
        padding: 0.3rem 1rem 0.5rem 1rem;
    }

    #reason-sect  .detail01 .h3Out {
        position: relative;
        margin: 3rem 0 3rem;
    }

    #reason-sect  .detail01 .h3Out:before {
        content: "";
        position: absolute;
        background: #f6f5f0;
        width: 6.5rem;
        height: 6.5rem;
        border-radius: 50%;
        top: calc(50% - 3.2rem);
        left: calc(50% - 3.2rem);
    }

    #reason-sect  .detail01 .idxh3 {
        font-size: 2rem;
        line-height: 3rem;
        text-align: center;
        background: none;
        padding: 0;
    }

    #reason-sect  .detail01 .sBox {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        margin: 0 auto 4rem;
    }

    #reason-sect  .detail01 .sBox .ph {
        width: 100%;
        margin: 0 auto 2rem;
    }

    #reason-sect  .detail01 .sBox:nth-child(odd) .ph {
        order: 1;
    }

    #reason-sect  .detail01 .sBox:nth-child(odd) .txtArea {
        order: 2;
    }

    #reason-sect  .detail01 .sBox .ph img {
    }

    #reason-sect  .detail01 .sBox .txtArea {
        width: 100%;
    }

    #reason-sect  .detail01 .sBox .txtArea .idxh4 {
        margin: 0 0 1.5rem 0;
        padding: 0 0 1rem 0;
        font-size: 1.6rem;
        line-height: 2.6rem;
        border-bottom: 1px solid #000;
    }

    /*タブ*/
    #reason-sect  .flexbox {
        display: flex;
    }

    #reason-sect  .fw {
        flex-wrap: wrap;
        margin: 0;
        padding: 0;
    }

    #reason-sect  #torikumi {
        position: relative;
        z-index: 1;
    }

    #reason-sect  #torikumi .hide {
        display: none;
    }

    #reason-sect  .tabDetail:before {
        display: none;
    }

    #reason-sect  .tabDetail {
        margin: 0 auto 8rem;
    }

    #reason-sect  .tab {
        /* overflow: hidden; */
    }

    #reason-sect  .tab li {
        list-style: none;
        flex: 1;
        margin: 0;
        padding: 1.4rem 1rem 1.4rem 1rem;
        font-size: 1.5rem;
        position: relative;
        opacity: 0.4;
        line-height: 1.4;
    }

    #reason-sect  .tab li .idxh4 {
        letter-spacing: 0;
    }

    #reason-sect  .tab li .fs_l {
        font-size: 1.7rem;
        line-height: 2.6rem;
        padding: 0 0.5rem 0.2rem 0.5rem;
    }

    #reason-sect  .tab li:nth-child(1) {
        background: #e8f2e4;
        border-radius: 0 2rem 0 0;
    }

    #reason-sect  .tab li:nth-child(1):before {
        display: none;
    }

    #reason-sect  .tab li:nth-child(2) {
        border-radius: 2rem 0 0 0;
    }

    #reason-sect  .tab li:nth-child(2):before {
        display: none;
    }

    #reason-sect  .tab li:hover {
        cursor: pointer;
    }

    #reason-sect  .tab li:hover .tabTxt {
        opacity: 0.7;
    }

    #reason-sect  .tab .select {
        opacity: 1;
    }

    #reason-sect  .detail02 .sBox {
        width: 100%;
    }

    #reason-sect  .detail02 .sBox {
        padding: 3rem 1.5rem 5rem 1.5rem;
    }

    #reason-sect  .detail02 .sBox .sBox_list {
        border-radius: 1rem;
        padding: 2rem 1.5rem;
        margin-bottom: 3rem;
        position: relative;
    }

    #reason-sect  .detail02 .sBox .sBox_list:last-child {
        margin-bottom: 0;
    }

    #reason-sect  .detail02 .sBox .sBox_list .idxh5 {
        line-height: 1.4;
        margin: 0 0 1rem 0;
        padding: 0;
        border: none;
        font-size: 1.8rem;
    }

    #reason-sect  .detail02 .sBox .sBox_list .num {
        position: absolute;
        top: -1.2rem;
        left: -1.2rem;
        font-size: 1.6rem;
        line-height: 1.4;
        width: 2.6rem;
        height: 2.6rem;
    }

    #reason-sect  .detail02 .sBox_green .sBox_list li {
        background: url(img/listicon_green.png) 0.2rem 0.3rem no-repeat;
        background-size: auto 1.4rem;
    }

    #reason-sect  .detail02 .sBox_green .sBox_list:nth-child(1) {
        background: #fff url(img/thumb_sec03_green01.png) 100% 100% no-repeat;
        background-size: 10rem auto;
    }

    #reason-sect  .detail02 .sBox_green .sBox_list:nth-child(2) {
        background: #fff url(img/thumb_sec03_green02.png) 100% 100% no-repeat;
        background-size: 10rem auto;
    }

    #reason-sect  .detail02 .sBox_green .sBox_list:nth-child(3) {
        background: #fff url(img/thumb_sec03_green03.png) 100% 100% no-repeat;
        background-size: 10rem auto;
    }

    #reason-sect  .detail02 .sBox_green .sBox_list:nth-child(4) {
        background: #fff url(img/thumb_sec03_green04.png) 100% 100% no-repeat;
        background-size: 10rem auto;
    }

    #reason-sect  .detail02 .sBox_green .sBox_list:nth-child(5) {
        background: #fff url(img/thumb_sec03_green05.png) 100% 100% no-repeat;
        background-size: 10rem auto;
    }

    #reason-sect  .detail02 .sBox_blue .sBox_list:nth-child(1) {
        background: #fff url(img/thumb_sec03_blue01.png) 100% 100% no-repeat;
        background-size: 10rem auto;
    }

    #reason-sect  .detail02 .sBox_blue .sBox_list:nth-child(2) {
        background: #fff url(img/thumb_sec03_blue02.png) 100% 100% no-repeat;
        background-size: 10rem auto;
    }

    #reason-sect  .detail02 .sBox_blue .sBox_list:nth-child(3) {
        background: #fff url(img/thumb_sec03_blue03.png) 100% 100% no-repeat;
        background-size: 10rem auto;
    }

    #reason-sect  .detail02 .sBox_blue .sBox_list:nth-child(4) {
        background: #fff url(img/thumb_sec03_blue04.png) 100% 100% no-repeat;
        background-size: 10rem auto;
    }

    #reason-sect  .detail02 .sBox_blue .sBox_list:nth-child(5) {
        background: #fff url(img/thumb_sec03_blue05.png) 100% 100% no-repeat;
        background-size: 10rem auto;
    }

    #reason-sect  .detail02 .sBox_blue .sBox_list:nth-child(6) {
        background: #fff url(img/thumb_sec03_blue06.png) 100% 100% no-repeat;
        background-size: 10rem auto;
    }

    #reason-sect  .detail02 #torikumi .txtBox {
        padding: 0 1.5rem;
    }

    #reason-sect  .detail02 #torikumi .txtBox p {
        font-size: 1.6rem;
        line-height: 1.4;
        margin: 0;
    }

    #reason-sect  .detail02 #torikumi .txtBox p span {
        font-size: 1.6rem;
    }


.mds {
    font-size: 1.5rem;
    font-weight: bold;
    background: #0a733c;
    color: #fff;
    padding: 0.8rem 1.6rem;
    display: inline-block;
}









	

}