
.imgWrap {
    background:#0080E2;
    padding: 0 35px 50px;
}

/* Title */
.iw__ttl {
    color: #fff;
    text-align: center;
    font-family: 'Zen Maru Gothic', sans-serif;
    line-height: 1.2;
    padding: 40px 0 0;
}
.iw__ttl > * {display: block;}
.iwt--sml{font-size:20px;}
.iw__ttl b{font-size: 50px;}
.iwt--ico{
    margin-top: 15px;
    background: #fff;
    color:#0080E2;
    display: inline-block;
    padding: 5px 50px;
    border-radius: 20px;
}
.iwt__ttl{
    text-align: center;
    border-bottom: 1px solid #aaa;
    margin-bottom: 20px;
    padding-bottom: 20px;
    padding-top: 10px;
}
.iwt__ttl span{
    color:#0080E2;
    font-weight: bold;
}
.iwt__ttl b{
    font-size: 20px;
}
.iw__txt{
    background: #fff;
    padding: 30px;
    border-radius: 20px;
    font-size: 14px;
    line-height: 1.8;
}
.iw__txt span{display: block;}
.iwt__txt b {
    background: #0080E2;
    color: #fff;
    display: inline-block;
    padding: 0px 10px;
    border-radius: 4px;
    margin: 6px 2px;
}
.iw__atxt{ 
    font-size: 12px;
    margin-top: 20px;
    color: #fff;
}

.windowTtl{
    text-align: center;
    margin: 30px auto;
    font-size: 25px;
    font-weight: bold;
}
.windowTtl span{
    display: block;
    font-weight: bold;
    font-size: 14px;
}
.windowTtl b{color:#0080E2;}

.tw__col2{padding:0 30px;}
.tw__col2 li p{
  font-size: 13px;
  padding: 20px 0;
}
.tw__col2 li img,.pointWrap li img{
  border-radius: 4px;
    box-shadow: 0 0 8px 1px #eee;
}

.pointWrap{
    background: #eee;
    padding: 20px 35px;
}
.pointWrap p {
    font-size: 13px;
    padding: 20px 0;
    line-height: 1.8;
}
.pointWrap p b{
    font-size: 18px;
    display: block;
    text-align: center;
    margin-bottom: 10px;
}
.long_txt{
    font-size: 12px;
    padding: 35px;
    line-height: 1.8;
}
.soudanWrap{
    background: #0080E2;
    padding: 20px 35px;
    color:#fff;
}
.sw__box ul {
  display: block;
}
.sw__col2{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.sw__col2 li{
  width: calc(100% / 2 - 10px);
}
.sw__col2 li img{border:2px solid #fff;}
.sw__col2 li p {
    display: flex;
    justify-content: space-between;
    /* align-items: center; */
    margin: 20px 0;
    font-size: 14px;
}
.sw__col2 li a{
  display: block;
}
.sw__col2 li p::after {
    content: "\f138";
    font-weight: 800;
    font-family: "Font Awesome 5 Free";
    padding-right: 10px;
}
.fukidashiTxt{
background: #fff;
    padding: 12px 10px;
    color: #0080e2;
    font-weight: bold;
    text-align: center;
    border-radius: 5px;
    position: relative;
    margin-bottom: 40px;
}

.fukidashiTxt::after {
    content: "";
    background: #fff;
    clip-path: polygon(0 0, 100% 0%, 50% 100%);
    position: absolute;
    width: 35px;
    height: 20px;
    bottom: -10px;
    left: 45%;
}
.attWrap{
    background: #eee;
    padding: 35px;
}
.aw__btn {
  cursor: pointer;
    background: #3A586F;
    text-align: center;
    padding: 14px 0;
    border-radius: 8px;
    color: #fff;
}
.aw__btn + p{
    display: none;
    font-size: 13px;
    margin-top: 25px;
}
.cctWrap{
  padding: 15px 30px;
}
.cctWrap__txt{
    text-align: center;
    width: 600px;
    margin: 0 auto 50px;
    line-height: 1.8;
}
.cct__btn {
    display: block;
    color: #fff;
    background: #E0B131;
    border-radius: 30px;
    font-weight: bold;
    text-align: center;
    overflow: hidden;
    padding: 5px;
    margin-bottom: 25px;
}
.cct__btn.type-l{
  background: #08c656;
}
.cct__btn.type-t{
  cursor: pointer;
  background: #18C3EB;
}
.cct__btn.type-l i{
    background: #a1ff9f;
    color: #08c656;
}
.cct__btn.type-t i{
    background: #b2f0ff;
    color: #18C3EB;
}
.cct__btn i {
    float: left;
    background: #FFF1CB;
    color:#E0B131;
    display: inline-block;
    padding: 15px;
    border-radius: 50%;
    margin-left: auto;
}
.cct__btn span {
    vertical-align: middle;
    display: block;
    padding: 10px 0;
    width: 90%;
}

.type-tWrap .txt{
  font-size:12px;
}
.ttTbl {
    border: 2px solid #0080E2;
    margin-top: 20px;
}
.ttt__ttl{
    background: #0080E2;
    color: #fff;
    font-size: 14px;
    padding: 10px;
    font-weight: bold;
}
.ttt__txt {
    margin: 10px;
    padding: 10px 5px;
    font-size: 12px;
    display: block;
}
.ttTbl .ttt__txt:nth-of-type(3){
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
}
.ttt__txt b{
    display: block;
    color: #0080e2;
    border-left: 5px solid #0080e2;
    padding: 2px 10px;
    margin-bottom:10px;
}
.ttt__txt span{
    display: block;
}
.type-tWrap{display: none;}
.qaWrap{
    background: #eee;
    padding: 30px 35px;
}
.qaWrap dl {
    font-size: 14px;
    margin: 30px 0;
}
.qaWrap dt {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    position: relative;
    width: calc(100% - 65px);
    margin-left: 65px;
    font-weight: bold;
    align-items: center;
}
.qaWrap dt::before {
    content: "Q";
    width: 45px;
    background: #0080e2;
    color:#fff;
    text-align: center;
    padding: 10px;
    display: block;
    border-radius: 5px;
    font-weight: bold;
    position: absolute;
    left:-65px;
}
.qaWrap span{
    background: #fff;
    display: block;
    padding: 20px;
    border-radius: 10px;
    margin: 20px 0;
}
.type-tWrap .txt span{
    display: block;
    padding: 10px;
    background: #eee;
    margin-top: 10px;
    border-radius: 5px;
}

.tokutenTxt {
    color: #c2460c;
    font-weight: bold;
    margin: 20px auto;
    width: 1000px;
    /* margin: 0 auto; */
    font-size: 14px;
}
.soudanBtn{
  display: block;
    width: 650px;
    margin: 40px auto;
    text-align: center;
    background: #ff3185;
    color: #fff;
    padding: 20px;
    font-weight: bold;
    font-size: 20px;
    border-radius: 60px;
    border: 4px solid #fff;
    box-shadow: 7px 7px 0px #00000026;
}
    .sw__box ul li a p {
        margin: 8px 0;
        display: flex;
        gap: 8px;
        align-items: center;
    }

@media (min-width: 768px) {
  .soudanWrap{
        padding: 40px 35px 120px;
  }
  .imgWrap .pcWrap {
      width: 675px;
      margin: 0 auto;
      align-items: center;
      display: flex;
      padding: 80px 0 10px;
  }
  .imgWrap .pcWrap .iw__ttl {
      width: calc(100% - 310px);
      padding: 0;
          margin-top: -30px;
  }
  .iw__ttl b {font-size: 65px;}
  .iwt--sml {font-size: 25px;}  
  .iwt--ico{font-size:25px;}
  .imgWrap .pcWrap img{width:310px;}
  .iw__txt {
      width: 675px;
      margin: 0 auto;
      padding: 30px 60px;
  }
  .iwt__ttl b {font-size: 30px;}
  .iw__txt span{font-size:18px;}
  .iw__txt {
      font-size: 16px;
      line-height: 2;
  }
  .iw__atxt {
      font-size: 14px;
      text-align: center;
  }
  .tw__col2 {
      padding: 0 30px;
      width: 1000px;
      margin: 0 auto;
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
  }  
  .tw__col2 li{
        width: calc(100% / 2 - 20px);
  }
  .tw__col2 li p {
      font-size: 15px;
      line-height: 1.8;
  }
  .tokutenWrap{padding:30px 0;}
  .windowTtl{font-size:35px;    margin: 50px auto;}
  .windowTtl span{font-size:20px;}
  
  .pointWrap {
      background: #eee;
      padding: 40px 0;
  }  
  .tw__col3 {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      width: 1000px;
      margin: 0 auto;
  }
  .tw__col3 li{
        width: calc(100% / 3 - 20px);   
        margin-bottom:20px;
  }
  .soudanWrap .pcWrap {
      width: 1000px;
      display: flex;
      margin: 0 auto;
      justify-content: space-between;
  }
  .sw__box{
    /* width:calc(100% / 2 - 20px); */
  }
  .sw__box ul {
    display: flex;
    gap:16px;
    justify-content: center;
  }
  .sw__box ul li {
    width: calc(100% / 3);
  }
  .sw__col2 li p{font-size:16px;}
  .aw__btn{width:800px;margin: 0 auto;}
  .aw__btn + p{
    width:800px;margin: 20px auto;
  }
.cctWrap {
    padding: 15px 30px 80px;
}
.cctWrap .pcWrap{
      display: flex;
      width: 800px;
      margin: 0 auto;
  }
  .cct__btn{
    width: 100%;
    margin: 0 10px;
  }
  .cctWrap .type-tWrap{
    width: 800px;
    margin: 30px auto;
  }
  .qaWrap dt{font-size:18px;}
  .qaWrap div{width:800px;margin:0 auto;}
  
  .long__Wrap{
    width: 1000px;
    margin: 35px auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .long__img{width:300px;}
  .long_txt {
      width: calc(100% - 350px);
      font-size: 14px;
  }
}
.iw__sp{
    display: block;
    margin-top: 10px;
    font-size: 13px;
    font-weight: bold;
}

@media (max-width: 768px) {
  .soudanBtn{width:100%;}
.tokutenTxt {
    margin: 0;
    text-align: left;
    font-size: 10px;
    padding: 0 30px 20px;
    width: 100%;
}
  .iw__sp{font-size: 10px;}
  .cctWrap__txt {
      text-align: left;
      font-size: 80%;
      width: 100%;
  }
}

@media (max-width: 768px) {
    .sw__box ul li a{
      background: #fff;
      display: block;
      color: #000;
      border-radius: 8px;
      overflow: hidden;
      margin-bottom: 32px;
  }
  .sw__box ul li a p {
      padding: 8px 16px;
  }
  
}
