@charset "utf-8";

/*
=============================================================================
init
=============================================================================
*/
/* init ----------------------------------------------------------- */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  word-wrap: break-word;
  word-break: break-all;
}
html {
  overflow-y: scroll;
  height: 100%;
}

/*--font-family--*/
@font-face { 
  font-family: "NotoSansJP";
  src: url("/CSP/common/font/NotoSansJP-VF.woff") format("woff-variations");
  font-weight: 100 900;
}

body {
  color: #333;
  font-family: "NotoSansJP", sans-serif;
  font-variation-settings: "wght" 400;
  font-weight: normal;
  font-style: normal;
  letter-spacing: 0.05em;
  line-height: 1;
  text-align: center;
  -webkit-text-size-adjust: 100%;
}
ul {
  list-style: none;
}

ol {
  list-style: decimal;
  margin-left: 1.5em;
}

a {
  color: #3082bf;
  text-decoration: none;
}
/*PC*/
@media screen and (min-width: 768px) {
  a {
    color: #197ec4;
    text-decoration: underline;
  }
}

a:hover {
  text-decoration: none;
}

img {
  border: 0;
  max-width: 100%;
}

address {
  font-style: normal;
}

p {
  line-height: 1.5;
}

.incTest {
  display: none;
}

/* talign */
.tC {
  text-align: center;
}

.tL {
  text-align: left;
}

.tR {
  text-align: right;
}

/* clearfix */
.clear {
  clear: both;
}

.cf:after {
  clear: both;
  content: "";
  display: block;
  overflow: hidden;
}

/* float */
.fL {
  float: left;
}

.fR {
  float: right;
}

/* align */
.tL {
  text-align: left;
}
.tC {
  text-align: center;
}
.tR {
  text-align: right;
}

/* google chrome input button padding */
input[type="button"],
input[type="submit"],
input[type="reset"],
input[type="file"]::-webkit-file-upload-button, button {
  padding: 1px 6px;
}

/* base size */
/*PC*/
@media screen and (min-width: 768px) {
  .wrap {
    margin: 0 auto;
    position: relative;
    text-align: left;
    width: 1000px;
  }
}
/*768px以上1000px以下*/
@media screen and (min-width:768px) and ( max-width:1000px) {
  .wrap {
    width: 100%;
    padding: 0 10px;
  }
}

/* table init */
table {
  border-collapse: collapse;
  width: 100%;
}

/* .table dl */
.table {
  border-collapse: collapse;
  border-spacing: 0;
  display: table;
  line-height: 1.5;
  margin: 0 auto;
  table-layout: fixed;
  text-align: left;
  width: 100%;
}

.table dl {
  display: table-row;
}

.table dd,
.table dt {
  display: table-cell;
  vertical-align: top;
}

/*--fontsize set--*/
  html {
    font-size: 14px;
  }
  body {
    font-size: 1rem;
  }
@media screen and (max-width: 928px) {
  html {
    font-size: 10px;
  }
  body {
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 360px) {
  html {
    font-size: 8px;
  }
  body {
    font-size: 2rem;
  }
}

/*--cvBtn--*/
.cvBtn {
  margin-top: 2.5rem;
}
.cvBtn a {
  border-radius: 2.5rem;
  box-shadow: 0 2px 6px rgba(0,0,0,0.2);
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  font-variation-settings: "wght" 900;
  font-size: 1.6rem;
  height: 6rem;
  letter-spacing: 0.2em;
  overflow: hidden;
  position: relative;
  text-decoration: none;
  width: 100%;
}
.cvBtn a span {
  background-color: #ffffff;
  border-radius: 2.5rem;
  font-variation-settings: "wght" 700;
  font-size: 1.2rem;
  margin-right: 1rem;
  padding: 0.5rem 0.5rem 0.5rem 1rem;
  text-align: center;
}
.cvBtn a.cvbtnRed {
  background-color: #00ff7f;
}
.cvBtn a.cvbtnRed span {
  color: #f92b41;
}
.cvBtn a.cvbtnGreen {
  background-color: #17ab50;
}
.cvBtn a.cvbtnGreen span {
  color: #17ab50;
}
.cvbtnTxt {
  color: #197ec4;
  display: inline-block;
  font-variation-settings: "wght" 700;
  font-size: 1.3rem;
  line-height: 1;
  margin-bottom: 1rem;
  position: relative;
  text-align: center;
}
.cvbtnTxt:before {
  bottom: 0;
  content: "/";
  font-variation-settings: "wght" 400;
  font-size: 1.4rem;
  left: -2rem;
  position: absolute;
  transform: scale(-1, 1);
}
.cvbtnTxt:after {
  bottom: 0;
  content: "/";
  font-variation-settings: "wght" 400;
  font-size: 1.4rem;
  position: absolute;
  right: -2rem;
}
/*--cvBtn_Individual--*/
.sectionProfit .cvBtn {
  margin-left: 1rem;
  margin-right: 1rem;
}
.sectionSenpai .cvBtn a {
  line-height: 1.2;
}
.meritArea .cvBtn {
  margin-left: 1rem;
  margin-right: 1rem;
}
.meritArea .cvbtnTxt {
  color: #FFF;
}

/*animation*/
@keyframes anime_cvbtn {
  0% {
    left: -20%;
  }
  10% {
    left: 120%;
  }
  100% {
    left: 120%;
  }
}
.cvBtn a::after {
  animation: anime_cvbtn 3s ease-in-out infinite;
  background-image: linear-gradient(100deg, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, .5) 100%, rgba(255, 255, 255, 0) 0%);
  content: '';
  height: 100%;
  left: -20%;
  position: absolute;
  top: -10%;
  transform: scale(2) rotate(20deg);
  width: 40px;
}

/*--header--*/
.hdrWrap {
  background: #197ec4;
  padding: 1rem;
}
.hdrWrap .hdrTxt {
  margin-bottom: 0.5rem;
}
.hdrWrap .hdrTxt p {
  color: #FFF;
  font-variation-settings: "wght" 700;
  font-size: 1rem;
}
.hdrWrap .hdrLogo img {
  height: auto;
  width: 7.5rem;
}

/*--sectionMv--*/
.sectionMv {
  position: relative;
}
.sectionMv .mvImg img {
  vertical-align: middle;
  width: 100%;
}
.sectionMv .mvTxt {
  bottom: 1rem;
  color: #FFF;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  width: 90%;
}
.sectionMv .mvTxt dt {
  background: rgba(5,5,5,0.7);
  font-variation-settings: "wght" 700;
  font-size: 1.4rem;
  padding: 0.8rem 0;
}
.sectionMv .mvTxt dt span {
  color: #ffeb00;
}
.sectionMv .mvTxt dd {
  background: rgba(25,126,196,0.7);
  font-variation-settings: "wght" 900;
  font-size: 2rem;
  line-height: 1.4;
  padding: 0.6rem 0;
}
.sectionMv .mvTxt dd img {
  height: 1.6rem;
  margin-right: 0.3rem;
  width: auto;
}

/*--sectionLead--*/
.sectionLead {
  background: #f0f6fb;
  padding: 3rem 1rem;
}
.sectionLead .leadTxt {
  display: block;
  letter-spacing: 0.08rem;
}
.sectionLead .leadTxt span {
  display: inline-block;
  font-variation-settings: "wght" 700;
}
.sectionLead p span.leadTxt01 {
  font-size: 1.5rem;
  margin-bottom: 0.2rem;
}
.sectionLead p span.leadTxt02 {
  background: linear-gradient(transparent 60%, #ffeb00 40%);
  font-size: 2.2rem;
  letter-spacing: 0.2rem;
  margin-bottom: 0.5rem;
}
.sectionLead p span.leadTxt03 {
  font-size: 1.8rem;
}

/*--sectionWorry--*/
.sectionWorry {
  padding: 3rem 1rem;
}
.sectionWorry .worryTtl {
  font-variation-settings: "wght" 700;
  font-size: 1.3rem;
  margin-bottom: 2rem;
}
.sectionWorry .worryTtl .worryttlSub {
  margin-bottom: 1.6rem;
}
.sectionWorry .worryTtl .worryttlMain {
  color: #197ec4;
  font-variation-settings: "wght" 900;
  font-size: 2rem;
  line-height: 1;
}
.sectionWorry .worryTtl .worryttlMain span {
  background: #197ec4;
  color: #FFF;
  margin: 0 0.2rem;
  padding: 0.15rem 0.8rem 0.2rem 0.8rem;
  position: relative;
}
.sectionWorry .worryTtl .worryttlMain span:before {
  background: url(/promo/tsk2/img/icn_worry.png) no-repeat 0 0;
  background-size: 1.5rem auto;
  content: "";
  display: block;
  height: 1.5rem;
  left: -2rem;
  position: absolute;
  top: -1.2rem;
  width: 1.5rem;
}
.sectionWorry .worryBox {
  border: 0.2rem solid #197ec4;
  border-radius: 2rem;
  display: flex;
  align-items: center;
  height: 10rem;
  padding: 1.5rem;
}
.sectionWorry .worryBox:nth-child(even) {
  justify-content: flex-start;
}
.sectionWorry .worryBox:nth-child(odd) {
  justify-content: flex-end;
}
.sectionWorry .worryBox:not(:last-child) {
  margin-bottom: 2rem;
}
.sectionWorry .worryBox.box01 {
  background: url(/promo/tsk2/img/img_worry01.png) no-repeat 5% bottom;
  background-size: 7.5rem auto;
}
.sectionWorry .worryBox.box02 {
  background: url(/promo/tsk2/img/img_worry02.png) no-repeat 95% bottom;
  background-size: 7.5rem auto;
}
.sectionWorry .worryBox.box03 {
  background: url(/promo/tsk2/img/img_worry03.png) no-repeat 5% bottom;
  background-size: 7.5rem auto;
}
.sectionWorry .worryBox.box04 {
  background: url(/promo/tsk2/img/img_worry04.png) no-repeat 95% bottom;
  background-size: 7.5rem auto;
}
.sectionWorry .worryBox p {
  font-variation-settings: "wght" 700;
  font-size: 1.3rem;
  width: 26rem;
}
.sectionWorry .worryBox p span {
  color: #197ec4;
  font-size: 1.5rem;
}

/*--sectionChoice--*/
.sectionChoice {
  background: #197ec4;
  padding: 8rem 1rem 3rem 1rem;
  position: relative;
}

.sectionChoice::after {
  border-top: 3.5rem solid #FFF;
  border-left: 48vw solid transparent;
  border-right: 48vw solid transparent;
  content: '';
  filter: drop-shadow(0px 10px 5px rgba(0, 0, 0, 0.2));
  height: 0;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
  width: 0;
}
.sectionChoice .choiceTtl {
  background: #197ec4;
  font-variation-settings: "wght" 700;
  margin-bottom: 2rem;
}
.sectionChoice .choiceTtl .choicettlSub {
  background: #f0f6fb;
  color: #197ec4;
  display: inline-block;
  margin-bottom: 1rem;
  padding: 0.2rem 1.5rem;
}
.sectionChoice .choiceTtl .choicettlMain {
  color: #FFF;
  font-size: 2rem
}
.sectionChoice .choiceTtl .choicettlMain span {
  color: #ffeb00;
  font-variation-settings: "wght" 900;
  font-size: 2.5rem;
}
.sectionChoice .choiceCont {
  background: #FFF;
  border-radius: 1rem;
  box-shadow: 0px 15px 15px 10px rgba(0,0,0,0.02);
  padding: 3rem 1rem;
}
.sectionChoice .choiceCont .contTtl {
  background: linear-gradient(transparent 60%, #ffeb00 40%);
  display: inline-block;
  font-variation-settings: "wght" 700;
  font-size: 2rem;
  margin-bottom: 1.5rem;
}
.sectionChoice .choiceCont .contTxt {
  font-variation-settings: "wght" 700;
  font-size: 1.3rem;
  line-height: 1.5;
}
.sectionChoice .choiceCont .contTxt:not(:last-child) {
  margin-bottom: 1.5rem;
}
.sectionChoice .choiceCont .contTxt span {
  color: #197ec4;
  font-size: 1.6rem;
}
.sectionChoice .choiceCont .contImg {
  margin-bottom: 1.5rem;
}

/*--sectionBut--*/
.sectionBut {
  background: #f0f0f0;
  padding: 3rem 1rem 3rem 1rem;
  position: relative;
}

.sectionBut .butcontList {
  background: url(/promo/tsk2/img/img_but_01.png) no-repeat center 0;
  background-size: auto 8rem;
  padding-top: 8rem;
}
.sectionBut .butcontList li {
  background: #FFF;
  border-radius: 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  filter: drop-shadow(0 5px 10px rgba(0, 0, 0, 0.1));
  font-variation-settings: "wght" 700;
  font-size: 1.5rem;
  height: 8rem;
  padding: 1rem;
}
.sectionBut .butcontList li:not(:last-child) {
  margin-bottom: 2rem;
}
.sectionBut .butcontList li span {
  background: linear-gradient(transparent 60%, #d2d2d2 40%);
}

/*--sectionAble--*/
.sectionAble {
  background: #f0f6fb;
  padding: 8rem 1rem 3rem 1rem;
  position: relative;
}
.sectionAble::after {
  border-top: 3.5rem solid #f0f0f0;
  border-left: 48vw solid transparent;
  border-right: 48vw solid transparent;
  content: '';
  filter: drop-shadow(0px 10px 5px rgba(0, 0, 0, 0.2));
  height: 0;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
  width: 0;
}
.sectionAble .ableTxt {
  font-variation-settings: "wght" 700;
  font-size: 1.6rem;
  line-height: 1.8;
}
.sectionAble .ableTxt span {
  background: linear-gradient(transparent 60%, #ffeb00 40%);
}
.sectionAble .ableTxt:first-child {
  margin-bottom: 2rem;
}
.sectionAble .ableTxt span em {
  font-size: 2rem;
  font-style: normal;
}
.sectionAble .ableBalloon {
  background: #197ec4;
  border-radius: 0.5rem;
  color: #FFF;
  display: inline-block;
  font-variation-settings: "wght" 700;
  font-size: 1.5rem;
  margin-bottom: 3rem;
  padding: 1.5rem 2rem;
  position: relative;
}
.sectionAble .ableBalloon:before {
  border-color: #197ec4;
  border-style: solid;
  border-width: 2rem;
  border-left-color: transparent;
  border-bottom-color: transparent;
  border-right-color: transparent;
  bottom: -3rem;
  content: "";
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  width: 0;
}
.sectionAble .ableList ul {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem 1rem;
  justify-content: center;
  margin-bottom: 2rem;
}
.sectionAble .ableList li {
  background: #FFF;
  border: 0.2rem solid #197ec4;
  color: #197ec4;
  font-variation-settings: "wght" 700;
  font-size: 1.3rem;
  padding: 0.5rem;
}

/*--sectionSenpai--*/
.sectionSenpai {
  background: #FFF url(/promo/tsk2/img/bg_senpai.png) no-repeat 0 0;
  background-size: 100%;
  border-top: 0.5rem solid #197ec4;
  padding: 3rem 1rem;
}
.sectionSenpai .senpaiTtl {
  margin-bottom: 2rem;
}
.sectionSenpai .senpaiTtl .senpaittlLead {
  background: #FFF;
  border: 0.2rem solid #197ec4;
  color: #197ec4;
  display: inline-block;
  font-variation-settings: "wght" 700;
  font-size: 1.3rem;
  margin-bottom: 1rem;
  padding: 0.5rem 1rem;
}
.sectionSenpai .senpaiTtl .senpaittlLead sup {
  font-size: 0.9rem;
}
.sectionSenpai .senpaiTtl .senpaittlSub {
  font-variation-settings: "wght" 700;
  font-size: 1.5rem;
  margin-bottom: 0.6rem;
}
.sectionSenpai .senpaiTtl .senpaittlMain {
  margin-bottom: 1.5rem;
}
.sectionSenpai .senpaiTtl .senpaittlMain h2 {
  font-variation-settings: "wght" 900;
  font-size: 2.5rem;
}
.sectionSenpai .senpaiTtl .senpaittlNote {
  color: #888;
  font-size: 0.9rem;
}
.sectionSenpai .senpaiBox {
  border-radius: 1rem;
  overflow: hidden;
}
.sectionSenpai .senpaiBox:not(:last-child) {
  margin-bottom: 2rem;
}
.sectionSenpai .senpaiHead {
  overflow: hidden;
  position: relative;
}
.sectionSenpai .senpaiName {
  background: rgba(0,0,0,0.7);
  bottom: 8rem;
  color:#FFF;
  font-size: 1.1rem;
  line-height: 1.4;
  padding: 0.8rem;
  position: absolute;
  right: 1rem;
}
.sectionSenpai .senpaiName small {
  font-size: 0.9rem;
}
.sectionSenpai .senpaiCatch {
  background: rgba(0,0,0,0.7);
  bottom: 0;
  color: #FFF;
  display: flex;
  align-items: center;
  font-variation-settings: "wght" 700;
  font-size: 1.5rem;
  height: 7rem;
  left: 0;
  line-height: 1.5;
  padding: 0 1rem;
  position: absolute;
  text-align: left;
  width: 100%;
}
.sectionSenpai .senpaiOpen {
  background: #197ec4;
  color: #FFF;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  font-variation-settings: "wght" 700;
  font-size: 1.4rem;
  overflow: hidden;
  padding: 1.2rem 0;
}
.sectionSenpai .senpaiOpen .openIcn {
  border: 0.1rem solid #FFF;
  border-radius: 100%;
  height: 2rem;
  margin-left: 0.5rem;
  position: relative;
  width: 2rem;
}
.sectionSenpai .senpaiOpen .openIcn:before,
.sectionSenpai .senpaiOpen .openIcn:after {
  background: #FFF;
  border-radius: 0.5rem;
  content: '';
  display: block;
  height: 0.2rem;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 1rem;
}
.sectionSenpai .senpaiOpen .openIcn:after {
  transform: translateY(-50%) rotate(90deg);
  transition: 0.5s;
}
.sectionSenpai .senpaiOpen .openIcn.active::after {
  transform: rotate(0);
  transition: 0.5s;
}
.sectionSenpai .senpaiInr {
  background: #e5f3fd;
  display: none;
  padding: 2rem 1rem;
  text-align: left;
}
.sectionSenpai .senpaiInr.active {
  display: block;
  transition: all .3s;
}
.sectionSenpai .senpaiProf {
  margin-bottom: 2rem;
}
.sectionSenpai .senpaiProf,
.sectionSenpai .senpaiData {
  background: #FFF;
  border-radius: 1rem;
  padding: 2rem 1rem;
}
.sectionSenpai .senpaiProf dt,
.sectionSenpai .senpaiData dt {
  font-variation-settings: "wght" 700;
  font-size: 1.4rem;
  margin-bottom: 0.8rem;
}
.sectionSenpai .senpaiProf dd,
.sectionSenpai .senpaiData dd {
  font-size: 1.3rem;
  line-height: 1.4;
}
.sectionSenpai .senpaiProf dd:not(:last-child),
.sectionSenpai .senpaiData dd:not(:last-child) {
  margin-bottom: 1rem;
}
.sectionSenpai .senpaiQa {
  margin-bottom: 2rem;
}
.sectionSenpai .senpaiQa .senpai_q {
  color: #197ec4;
  display: flex;
  align-items: flex-start;
  margin-bottom: 2rem;
}
.sectionSenpai .senpaiQa .senpai_q span {
  font-variation-settings: "wght" 900;
  font-size: 2rem;
  padding-top: 0.3rem;
  width: 4rem;
}
.sectionSenpai .senpaiQa .senpai_q p {
  font-variation-settings: "wght" 700;
  font-size: 1.6rem;
  flex: 1;
}
.sectionSenpai .senpaiQa .senpaiqaImg {
  margin-bottom: 2rem;
  text-align: center;
}
.sectionSenpai .senpaiQa .senpaiqaImg img {
  border-radius: 50%;
  width: 50%;
}
.sectionSenpai .senpaiQa .senpai_aTtl {
  font-variation-settings: "wght" 700;
  font-size: 1.5rem;
  margin-bottom: 1.5rem;
}
.sectionSenpai .senpaiQa .senpai_aTxt {
  font-size: 1.4rem;
  line-height: 1.5;
}
.sectionSenpai .senpaiQa .senpai_aTxt:not(:last-child) {
  margin-bottom: 1.5rem;
}

/*--iframeArea--*/
.iframeArea {
  background-color: #efefef;
  padding-top: 4rem;
  position: relative;
}
.iframeArea::after {
  border-top: 3.5rem solid #197ec4;
  border-left: 48vw solid transparent;
  border-right: 48vw solid transparent;
  content: '';
  filter: drop-shadow(0px 10px 5px rgba(0, 0, 0, 0.2));
  height: 0;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
  width: 0;
}

/*--sectionMany--*/
.sectionMany {
  padding: 4rem 0 4rem 0;
}
.sectionMany .manyTtl {
  background: #FFF url(/promo/tsk2/img/ttl_many_catch.png) no-repeat center 0;
  background-size: 18rem auto;
  margin-bottom: 2rem;
  padding-top: 9.5rem;
}
.sectionMany .manyTtl h2 {
  font-variation-settings: "wght" 900;
  font-size: 2.5rem;
  line-height: 1.5;
}
.sectionMany .manyCarousel {
  margin-bottom: 2rem;
}
.sectionMany .manyList {
  background: #f0f6fb;
  box-sizing: border-box;
  padding: 2rem 1rem;
}
.sectionMany .manyList ul {
  background: #FFF;
  border-radius: 1.5rem;
  box-shadow: 0px 15px 15px 10px rgba(0,0,0,0.02);
  display: flex;
  flex-wrap: wrap;
}
.sectionMany .manyList ul li {
  border: 0.2rem solid #f0f6fb;
  display: flex;
  align-items: center;
  font-variation-settings: "wght" 700;
  font-size: 1.2rem;
  line-height: 1.4;
  padding: 1.5rem 1rem;
  text-align: left;
  width: 50%;
}

/*--sectionProfit--*/
.sectionProfit {
  padding: 0 0 4rem 0;
}
.sectionProfit .profitTtl {
  background: #FFF url(/promo/tsk2/img/ttl_profit_catch.png) no-repeat center 0;
  background-size: 14rem auto;
  margin-bottom: 2rem;
  padding-top: 9.5rem;
}
.sectionProfit .profitTtl h2 {
  font-variation-settings: "wght" 900;
  font-size: 2.5rem;
  line-height: 1.5;
}
.sectionProfit .profitTxt {
  padding: 0 2rem;
}
.sectionProfit .profitTxt p {
  font-size: 1.4rem;
  line-height: 1.8;
  margin-bottom: 2rem;
  text-align: left;
}
.sectionProfit .profitPoint {
  background: #f0f6fb;
  font-variation-settings: "wght" 700;
  padding: 2rem 1rem;
}
.sectionProfit .profitPoint p {
  font-size: 1.4rem;
  line-height: 1.8;
}
.sectionProfit .profitPoint p span {
  background: linear-gradient(transparent 60%, #ffeb00 40%);
  color: #e33d43;
  font-size: 1.8rem;
}
.sectionProfit .profitSecret {
  background: url(/promo/tsk2/img/bg_profit_secret.png) no-repeat 0 0;
  background-size: cover;
  padding: 3rem 2rem
}
.sectionProfit .profitSecret dt {
  color: #FFF;
  font-variation-settings: "wght" 700;
  font-size: 1.8rem;
  margin-bottom: 2rem;
}
.sectionProfit .profitSecret dd ul {
  counter-reset: number 0;
}
.sectionProfit .profitSecret dd ul li::before {
  color: #197ec4;
  counter-increment: number 1;
  content: counter(number);
  display: block;
  font-variation-settings: "wght" 700;
  font-size: 2.8rem;
  left: 1.3rem;
  position: absolute;
}
.sectionProfit .profitSecret dd li {
  background: #FFF;
  border-radius: 1rem;
  font-variation-settings: "wght" 700;
  font-size: 1.2rem;
  line-height: 1.5;
  padding: 2rem 1rem 2rem 4rem;
  position: relative;
  text-align: left;
}
.sectionProfit .profitSecret dd li:not(:last-child) {
  margin-bottom: 1rem;
}
.sectionProfit .profitSecret dd li span {
  color: #197ec4;
  font-size: 1.6rem;
}

/*--sectionExample--*/
.sectionExample {
  padding: 3rem 1rem;
}
.sectionExample .exampleTtl {
  background: #FFF url(/promo/tsk2/img/ttl_example_catch_02.png) no-repeat center 0;
  background-size: 25rem auto;
  margin-bottom: 2rem;
  padding-top: 9rem;
}
.sectionExample .exampleTtl h2 {
  font-variation-settings: "wght" 900;
  font-size: 2.5rem;
  line-height: 1.5;
}
.sectionExample .exampleBox {
  background: #efefef;
  margin-bottom: 1rem;
  padding: 2rem 14rem 2rem 2rem;
  position: relative;
  text-align: left;
}
.sectionExample .exampleBox.example01:before {
  background: url(/promo/tsk2/img/icn_job01.png) no-repeat 0 0;
  background-size: 12rem auto;
}
.sectionExample .exampleBox.example02:before {
  background: url(/promo/tsk2/img/icn_job19.png) no-repeat 0 0;
  background-size: 12rem auto;
}
.sectionExample .exampleBox.example03:before {
  background: url(/promo/tsk2/img/icn_job09.png) no-repeat 0 0;
  background-size: 12rem auto;
}
.sectionExample .exampleBox.example04:before {
  background: url(/promo/tsk2/img/icn_job18.png) no-repeat 0 0;
  background-size: 12rem auto;
}
.sectionExample .exampleBox:before {
  bottom: 0;
  content: "";
  display: block;
  height: 12rem;
  margin: auto;
  position: absolute;
  right: 1rem;
  top: 0;
  width: 12rem;
}
.sectionExample .exboxNo {
  background: #197ec4;
  border-radius: 0.5rem;
  color: #FFF;
  display: inline-block;
  font-variation-settings: "wght" 700;
  font-size: 1.4rem;
  margin-bottom: 1rem;
  padding: 0.5rem 2rem;
}
.sectionExample .exboxTtl {
  font-variation-settings: "wght" 700;
  font-size: 1.4rem;
  line-height: 1.5;
  margin-bottom: 1rem;
}
.sectionExample .exboxTtl span {
  font-variation-settings: "wght" 700;
  font-size: 1.8rem;
}
.sectionExample .exboxTxt {
  font-size: 1.3rem;
  line-height: 1.4;
}
.sectionExample .exboxTxt span {
  color: #e33d43;
  font-variation-settings: "wght" 700;
  font-size: 1.8rem;
}

/*--meritArea--*/
.meritArea {
  background: #1f7cbe;
  padding: 6rem 0 4rem 0;
}
/*meritareaTtl*/
.meritArea .meritareaTtl {
  color: #FFF;
  font-size: 1.8rem;
  margin-bottom: 3rem;
  text-align: center;
}
.meritArea .meritareaTtl .ttlLead {
  font-variation-settings: "wght" 700;
  font-size: 2.8rem;
  margin-bottom: 1.5rem;
}
.meritArea .meritareaTtl .ttlSub {
  display: inline-block;
  position: relative;
}
.meritArea .meritareaTtl .ttlSub span {
  font-variation-settings: "wght" 700;
  font-size: 2.4rem;
}
.meritArea .meritareaTtl .ttlSub:before {
  bottom: 0;
  content: "/";
  font-variation-settings: "wght" 400;
  font-size: 2rem;
  left: -2.5rem;
  position: absolute;
  transform: scale(-1, 1);
}
.meritArea .meritareaTtl .ttlSub:after {
  bottom: 0;
  content: "/";
  font-variation-settings: "wght" 400;
  font-size: 2rem;
  position: absolute;
  right: -2.5rem;
}
.meritArea .meritareaTtl .ttlMain {
  color: #ffeb00;
  font-variation-settings: "wght" 900;
  font-size: 3.6rem;
}
/*meritareaCont*/
.meritArea .meritareaCont {
  display: flex;
  gap: 0 2rem;
  justify-content: center;
  margin: 0 auto 4rem auto;
  max-width: 110rem;
  padding: 0 1rem;
}
.meritArea .meritareaCont > div {
  flex: 1;
  position: relative;
}
.meritArea .meritareaCont > div:before {
  content: "";
  display: block;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
}
.meritArea .meritareaCont > div.meritpont01:before {
  background: url(/promo/tsk2/img/imgmerit01.png) no-repeat center 0;
  background-size: contain;
  height: 100%;
  width: 80%;
}
.meritArea .meritareaCont > div.meritpont02:before {
  background: url(/promo/tsk2/img/imgmerit02.png) no-repeat center 0;
  background-size: contain;
  height: 100%;
  width: 60%;
}
.meritArea .meritareaCont > div.meritpont03:before {
  background: url(/promo/tsk2/img/imgmerit03.png) no-repeat center 0;
  background-size: contain;
  height: 100%;
  width: 70%;
}
.meritArea .meritareaCont dl {
  background: rgba(255,255,255,0.8);
  border-radius: 1rem;
  margin-top: 15rem;
  padding: 3rem 1.5rem;
  position: relative;
  text-align: center;
}
.meritArea .meritareaCont dl:after {
  color: #192446;
  font-variation-settings: "wght" 700;
  font-size: 6.5rem;
  left: 0.5rem;
  position: absolute;
  top: -2rem;
}
.meritArea .meritareaCont .meritpont01 dl:after {
  content: "1";
}
.meritArea .meritareaCont .meritpont02 dl:after {
  content: "2";
}
.meritArea .meritareaCont .meritpont03 dl:after {
  content: "3";
}
.meritArea .meritareaCont dt {
  font-variation-settings: "wght" 700;
  font-size: 1.3rem;
  margin-bottom: 1rem;
}
.meritArea .meritareaCont dd {
  font-variation-settings: "wght" 700;
  font-size: 1.8rem;
  line-height: 1;
}
/*meritArea_SP*/
@media (max-width: 767px) {
  .meritArea {
    min-width: 100%;
    padding: 4rem 0 2rem 0;
  }
  /*meritareaTtl*/
  .meritArea .meritareaTtl {
    font-size: 1.5rem;
    margin-bottom: 2rem;
  }
  .meritArea .meritareaTtl .ttlLead {
    font-size: 1.5rem;
    margin-bottom: 0.5rem;
  }
  .meritArea .meritareaTtl .ttlSub span {
    font-size: 2rem;
  }
  .meritArea .meritareaTtl .ttlSub:before {
    font-size: 1.5rem;
    left: -2rem;
  }
  .meritArea .meritareaTtl .ttlSub:after {
    font-size: 1.5rem;
    right: -2rem;
  }
  .meritArea .meritareaTtl .ttlMain {
    font-size: 2.2rem;
  }
  /*meritareaCont*/
  .meritArea .meritareaCont {
    display: block;
    padding: 0 1rem;
    width: 100%;
  }
  .meritArea .meritareaCont > div {
    margin-bottom: 2rem;
    padding-top: 14rem;
  }
  .meritArea .meritareaCont dl {
    margin-top: 0;
    padding: 1.5rem 1rem;
  }
  .meritArea .meritareaCont dl:after {
    font-size: 5rem;
    left: 1rem;
    top: -2rem;
  }
  .meritArea .meritareaCont dt {
    font-size: 1.2rem;
  }
  .meritArea .meritareaCont dd {
    font-size: 1.8rem;
  }
}

/*--footer--*/
.lpcontBtmnote p {
  color: #888;
  font-size: 0.8rem;
  margin: 2rem 1rem 0 1rem;
  text-align: left;
}
#footer {
  border-top: 0.2rem solid #197ec4;
  margin-top: 2rem;
  padding: 2rem 0;
}
#footer address a {
  color: #425b67;
  display: inline-block;
  font-size: 0.9rem;
  line-height: 1;
  padding-top: 1rem;
  text-decoration: underline;
}
#pagetop {
  background: rgba(25, 126, 196, 0.8);
  border-radius: 50%;
  bottom: 1rem;
  box-shadow: 1px 15px 15px 10px rgba(0,0,0,0.05);
  color: #fff;
  cursor: pointer;
  display: none;
  font-variation-settings: "wght" 700;
  font-size: 1rem;
  letter-spacing: 0;
  line-height: 1.4;
  padding: 1rem;
  position: fixed;
  right: 1rem;
  transition: all .2s;
  vertical-align: middle;
  z-index: 100;
}
#pagetop:hover {
  opacity: 0.8;
}

/* fadeUp */
.fadeUp {
  animation-name: fadeUpAnime;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  opacity: 0;
}
@keyframes fadeUpAnime{
  from {
    opacity: 0;
    transform: translateY(100px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.fadeUpTrigger {
    opacity: 0;
}

/* swiper */
.carouselSwiper {
  width: 100%;
}
.carouselSwiper img {
  width: 70%;
}
.carouselSwiper .swiper-slide {
  margin: 0 1rem;
}
.carouselSwiper .swiper-slide span {
  display: block;
  font-variation-settings: "wght" 700;
  font-size: 1.2rem;
  margin-top: 1rem;
}
.carouselSwiper .swiper-wrapper {
  transition-timing-function: linear;
}


.benefitArea {
  background: #1f7cbe url(/promo/tsk2/img/bg_benefitarea.png) no-repeat 0 0;
  background-size: cover;
  padding: 5rem 0 4rem 0;
}
.benefitArea .benefitareaTtl {
  color: #FFF;
  font-size: 1.8rem;
  font-variation-settings: "wght" 700;
  margin-bottom: 3rem;
  text-align: center;
}
.benefitArea .benefitareaTtl .ttlLead {
  border-top: 0.2rem solid #FFF;
  border-bottom: 0.2rem solid #FFF;
  display: inline-block;
  margin-bottom: 1rem;
  padding: 1rem;
}
.benefitArea .benefitareaTtl .ttlMain div.mainTxt,
.benefitArea .benefitareaTtl .ttlMain div.ttlIcn {
  display: inline-block;
  vertical-align: middle;
}
.benefitArea .benefitareaTtl .ttlMain div.mainTxt p {
  font-size: 2.5rem;
  font-variation-settings: "wght" 900;
  margin-right: -0.5rem;
}
.benefitArea .benefitareaTtl .ttlMain div.ttlIcn {
  background: url(/promo/tsk2/img/icn_benefitarea_ttl.png) no-repeat 0 0;
  background-size: cover;
  color: #333;
  font-size: 2.5rem;
  font-variation-settings: "wght" 900;
  height: 9rem;
  width: 9rem;
}
.benefitArea .benefitareaTtl .ttlMain div.ttlIcn p {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  transform: rotate(10deg);
  width: 100%;
}
.benefitArea .benefitareaCont {
  margin: 0 1rem;
}
.benefitArea .benefitareaFlex {
  display: flex;
  flex-wrap: wrap;
  gap: 2.5rem 2%;
}
.benefitArea .benefitareaBox {
  border: 2px solid #333;
  border-radius: 8px;
  position: relative;
  width: 49%;
}
.benefitArea .benefitareaBox .boxIcn {
  background: #f92b41;
  border-radius: 5px;
  color: #FFF;
  font-size: 1.4rem;
  font-variation-settings: "wght" 700;
  position: absolute;
  line-height: 1;
  left: 0;
  margin: auto;
  padding: 0.6rem 1rem;
  right: 0;
  top: -1.6rem;
  width: 8rem;
}
.benefitArea .benefitareaBox .boxTtl {
  border-radius: 4px 4px 0 0;
  padding: 3rem 0 1rem 0;
}
.benefitArea .benefitareaBox.box01 .boxTtl {
  background: #F0F6FC url(/promo/tsk2/img/icn_benefitarea_01.png) no-repeat center 2rem;
  background-size: auto 5rem;
}
.benefitArea .benefitareaBox.box02 .boxTtl {
  background: #F0F6FC url(/promo/tsk2/img/icn_benefitarea_02.png) no-repeat center 2rem;
  background-size: auto 5rem;
}
.benefitArea .benefitareaBox.box03 .boxTtl {
  background: #F0F6FC url(/promo/tsk2/img/icn_benefitarea_03.png) no-repeat center 2rem;
  background-size: auto 5rem;
}
.benefitArea .benefitareaBox.box04 .boxTtl {
  background: #F0F6FC url(/promo/tsk2/img/icn_benefitarea_04.png) no-repeat center 2rem;
  background-size: auto 5rem;
}
.benefitArea .benefitareaBox.box05 .boxTtl {
  background: #F0F6FC url(/promo/tsk2/img/icn_benefitarea_05.png) no-repeat center 2rem;
  background-size: auto 5rem;
}
.benefitArea .benefitareaBox.box06 .boxTtl {
  background: #F0F6FC url(/promo/tsk2/img/icn_benefitarea_06.png) no-repeat center 2rem;
  background-size: auto 5rem;
}
.benefitArea .benefitareaBox .boxTtl p {
  font-size: 2.2rem;
  font-variation-settings: "wght" 900;
  padding-top: 4rem;
}
.benefitArea .benefitareaBox .boxTxt {
  background: #FFF;
  border-radius: 0 0 4px 4px;
  padding: 1.5rem 0;
}
.benefitArea .benefitareaBox .boxTxt p {
  font-size: 1.4rem;
  font-variation-settings: "wght" 400;
}
.benefitArea .benefitareaBox .boxTxt p span {
  background: linear-gradient(transparent 60%, #ffeb00 40%);
  font-size: 1.8rem;
  font-variation-settings: "wght" 700;
}
.benefitArea .cvBtn {
  margin-left: 1rem;
  margin-right: 1rem;
}
.benefitArea .cvbtnTxt {
  color: #FFF;
}
/*--●entreArea--*/
.entreArea {
  background: #e1effa;
  border-top: 0.4rem solid #197ec4;
}
.entreArea .sectionWrap {
  padding: 3rem 1rem;
}
.entreArea .entreTtl {
  margin-bottom: 3rem;
}
.entreArea .entreTtl h4 {
  font-size: 2.5rem;
  font-variation-settings: "wght" 900;
}
.entreArea .entreCatch {
  background: #FFF;
  border-radius: 30px;
  box-shadow: 0px 15px 15px 10px rgba(0,0,0,0.02);
  padding: 2rem;
}
.entreArea .entreCatch {
  color: #197ec4;
  font-size: 1.6rem;
  font-variation-settings: "wght" 700;
  margin-bottom: 2rem;
}
.entreArea .entreTxt {
  margin-bottom: 3rem;
}
.entreArea .entreTxt p {
  font-size: 1.4rem;
  font-variation-settings: "wght" 700;
  letter-spacing: 0.1em;
  line-height: 2;
}
.entreArea .entreTxt p span.marker {
  background-image: linear-gradient(#ffeb00, #ffeb00);
  background-size: 0 50%;
  background-position: 0 100%;
  background-repeat: no-repeat;
  padding: 0 5px;
  transition: 1.5s;
}
.entreArea .entreTxt p span.marker.active {
  background-size: 100% 40%;
}
.entreArea .entreTxt p span.entrePoint {
  color: #197ec4;
  font-size: 1.6rem;
  font-variation-settings: "wght" 700;
}
.entreArea .entreImg {
  margin-bottom: 3rem;
}



/*PC*/
@media screen and (min-width: 929px) {
  /* common */
  #wrapper {
    overflow: hidden;
  }
  .sectionWrap {
    margin-left: auto;
    margin-right: auto;
    max-width: 1100px;
    overflow: hidden;
    position: relative;
  }
  
  /* sectionMv */
  .sectionMv .mvImg img {
    height: 400px;
    object-fit: none;
  }
  
  /* cvBtn */
  .cvBtn {
    margin-left: auto;
    margin-right: auto;
    width: 800px;
  }
  .cvBtn a {
    margin-bottom: 0.5rem;
    transition: all .2s;
  }
  .cvBtn a:hover {
    transform: scale(1.1, 1.1);
  }
  .meritArea .cvBtn,
  .sectionProfit .cvBtn {
    margin-left: auto;
    margin-right: auto;
  }
  
  /* sectionMv */
  .sectionMv .mvTxt {
    width: 800px;
  }
  .sectionMv .mvTxt dt {
    font-size: 1.8rem;
  }
  .sectionMv .mvTxt dd {
    font-size: 3rem;
  }
  .sectionMv .mvTxt dd img {
    aspect-ratio: 83 / 17;
    height: 2.4rem;
  }
  
  /* sectionLead */
  .sectionLead p span.leadTxt01 {
    font-size: 1.8rem;
  }
  .sectionLead p span.leadTxt02 {
    font-size: 3rem;
  }
  .sectionLead p span.leadTxt03 {
    font-size: 2.5rem;
  }
  
  /* sectionWorry */
  .sectionWorry .worryTtl {
    font-size: 1.8rem;
  }
  .sectionWorry .worryTtl .worryttlMain {
    font-size: 2.5rem;
  }
  .sectionWorry .contWrap {
    display: flex;
    align-content: space-between;
    flex-wrap: wrap;
    gap: 0 2rem
  }
  .sectionWorry .worryBox {
     flex: 1;
  }
  
  /* sectionChoice */
  .sectionChoice {
    padding-top: 12rem;
    position: relative;
  }
  .sectionChoice::after {
    border-top: 7rem solid #FFF;
    border-left: 50vw solid transparent;
    border-right: 50vw solid transparent;
  }
  .sectionChoice .choiceTtl .choicettlSub {
    font-size: 1.8rem;
  }
  .sectionChoice .choiceTtl .choicettlMain {
    font-size: 3rem;
  }
  
  /* sectionBut */
  .sectionBut {
    padding-bottom: 0;
    padding-top: 6rem;
    position: relative;
  }

  .sectionBut .butcontList li {
    margin-left: auto;
    margin-right: auto;
    width: 800px;
  }
  .sectionBut .butcontList li:last-child {
    margin-bottom: 3rem;
  }
  
  /* sectionAble */
  .sectionAble {
    padding-top: 12rem;
    position: relative;
  }
  .sectionAble::after {
    border-top: 7rem solid #f0f0f0;
  }
  .sectionAble .ableTxt {
    font-size: 1.8rem;
  }
  .sectionAble .ableTxt span em {
    font-size: 3rem;
  }
  
  /* meritArea */
  .meritArea .meritareaCont dl:after {
    font-size: 5rem;
  }
  .meritArea .meritareaCont dt {
    font-size: 1rem;
  }
  .meritArea .meritareaCont dd {
    line-height: 1.3;
  }
  
  /* sectionSenpai */
  .sectionSenpai {
    background: #FFF url(/promo/tsk2/img/bg_senpai.png) repeat-x 0 0;
  }
  .sectionSenpai .senpaiTtl .senpaittlLead {
    font-size: 1.6rem;
  }
  .sectionSenpai .senpaiTtl .senpaittlSub {
    font-size: 1.8rem;
  }
  .sectionSenpai .senpaiTtl .senpaittlMain h2 {
    font-size: 3rem;
  }
  .sectionSenpai .senpaiBox {
    margin-left: auto;
    margin-right: auto;
    width: 650px;
  }
  .sectionSenpai .senpaiBox img {
    width: 100%;
  }
  .sectionSenpai .senpaiOpen {
    transition: all .2s;
  }
  .sectionSenpai .senpaiOpen:hover {
    opacity: 0.8;
  }
  
  /* sectionMany */
  
  .sectionMany {
    padding-top: 4rem;
  }  
  
  .sectionMany::after {
    border-top: 7rem solid #197ec4;
    border-left: 50vw solid transparent;
    border-right: 50vw solid transparent;
  }
  
  
  .sectionMany .manyList ul {
    margin: 0 auto;
    width: 800px;
  }

  
  /* sectionProfit */
  .sectionProfit .profitPoint p {
    font-size: 1.8rem;
  }
  .sectionProfit .profitSecret {
    background: url(/promo/tsk2/img/bg_profit_secret.png) no-repeat 0 center;
    background-size: 100% auto;
  }
  .sectionProfit .profitSecret dl {
    margin: 0 auto;
    width: 800px;
  }
  
  /* sectionExample */
  .sectionExample .exampleCont {
    align-content: space-between;
    display: flex;
    flex-wrap: wrap;
    gap: 0 2%;
  }
  .sectionExample .exampleBox {
    padding: 2rem 12rem 2rem 2rem;
    width: 49%;
  }
  
  /* carouselSwiper */
  .carouselSwiper img {
    width: 50%;
  }
  .carouselSwiper .swiper-slide span {
    font-size: 1rem;
  }
  
  /* benefitArea */
  .benefitArea .benefitareaFlex {
    gap: 2rem 2%;
  }
  .benefitArea .benefitareaFlex .benefitareaBox {
    width: 32%;
  }
  .benefitArea .cvBtn {
    margin-left: auto;
    margin-right: auto;
  }
}

/*add_20240701*/
.modaal-inner-wrapper {
  padding: 1rem;
}
.modaal-wrapper .modaal-close {
  display: none;
}
.modaal-content-container {
  padding: 0;
}
.modaal-container {
  border-radius: 0.8rem;
}
.sindanArea {
  padding-top: 8rem;
  position: relative;
}
.sindanArea::after {
  border-top: 3.5rem solid #197ec4;
  border-left: 48vw solid transparent;
  border-right: 48vw solid transparent;
  content: '';
  filter: drop-shadow(0px 10px 5px rgba(0, 0, 0, 0.2));
  height: 0;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
  width: 0;
}
.sindanArea .sindanareaTtl {
  margin-bottom: 5rem;
  position: relative;
}
.sindanArea .sindanareaTtl:after {
  background: url(/promo/tsk2/img/img_shindan_ttl.png) no-repeat 0 0;
  background-size: 4rem auto;
  bottom: -3rem;
  content: "";
  display: block;
  height: 1.6rem;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  width: 4rem;
}
.sindanArea .ttlLead {
  display: inline-block;
  font-size: 1.5rem;
  font-variation-settings: "wght" 700;
  line-height: 1;
  margin-bottom: 1.5rem;
  position: relative;
  text-align: center;
}
.sindanArea .ttlLead:before,
.sindanArea .ttlLead:after {
  bottom: 0;
  content: "＝";
  font-variation-settings: "wght" 400;
  font-size: 1.4rem;
  position: absolute;
}
.sindanArea .ttlLead:before {
  left: -2rem;
  transform: rotate(45deg);
}
.sindanArea .ttlLead:after {
  right: -2rem;
  transform: rotate(135deg);
}
.sindanArea .ttlMain h2 {
  font-size: 2.5rem;
  font-variation-settings: "wght" 900;
}
.sindanArea .sindanareaCont {
  margin: 0 1rem 3rem 1rem;
}
.sindanArea .sindanareaFlex {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem 2%;
}
.sindanArea .sindanareaBox {
  border-radius: 8px;
  box-shadow: 0px 4px 6px 1px rgba(0, 0, 0, 0.08);
  color: #333;
  display: block;
  padding-top: 0.5rem;
  position: relative;
  text-decoration: none;
  width: 49%;
}
/*ptn*/
.sindanArea .sindanareaBox.sindanBox01 {
  background: #daf5f5 url(/promo/tsk2/img/bg_shindanbox.png) no-repeat left top;
  background-size: 140% 65%;
  border: 0.4rem solid #55a692;
}
.sindanArea .sindanareaBox.sindanBox02 {
  background: #d4def9 url(/promo/tsk2/img/bg_shindanbox.png) no-repeat left top;
  background-size: 140% 65%;
  border: 0.4rem solid #6570a4;
}
.sindanArea .sindanareaBox.sindanBox03 {
  background: #fbd2d8 url(/promo/tsk2/img/bg_shindanbox.png) no-repeat left top;
  background-size: 140% 65%;
  border: 0.4rem solid #c5777a;
}
.sindanArea .sindanareaBox.sindanBox04 {
  background: #f5e6da url(/promo/tsk2/img/bg_shindanbox.png) no-repeat left top;
  background-size: 140% 65%;
  border: 0.4rem solid #c5b294;
}
.sindanArea .sindanareaBox .boxCatch {
  border-radius: 5rem;
  color: #FFF;
  font-size: 1.2rem;
  font-variation-settings: "wght" 700;
  line-height: 1.5;
  margin: 0 0.5rem 0.5rem;
  padding: 0.5rem;
}
/*ptn*/
.sindanArea .sindanareaBox.sindanBox01 .boxCatch {
  background: #55a692;
}
.sindanArea .sindanareaBox.sindanBox02 .boxCatch {
  background: #6570a4;
}
.sindanArea .sindanareaBox.sindanBox03 .boxCatch {
  background: #c5777a;
}
.sindanArea .sindanareaBox.sindanBox04 .boxCatch {
  background: #c5b294;
}
.sindanArea .sindanareaBox .boxTtl {
  font-size: 1.5rem;
  font-variation-settings: "wght" 700;
  letter-spacing: 0;
  line-height: 1.6;
  margin: 0 0.5rem;
  padding-bottom: 5rem;
  position: relative;
  text-align: center;
}
.sindanArea .sindanareaBox .boxTtl span {
  display: block;
  font-size: 1.7rem;
  font-variation-settings: "wght" 900;
}
/*ptn*/
.sindanArea .sindanareaBox.sindanBox01 .boxTtl span {
  color: #1e8975;
}
.sindanArea .sindanareaBox.sindanBox02 .boxTtl span {
  color: #214da3;
}
.sindanArea .sindanareaBox.sindanBox03 .boxTtl span {
  color: #b6111c;
}
.sindanArea .sindanareaBox.sindanBox04 .boxTtl span {
  color: #b98f4f;
}
.sindanArea .sindanareaBox .boxTtl:after {
  bottom: -0.5rem;
  content: "";
  display: block;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  z-index: 1;
}
/*ptn*/
.sindanArea .sindanareaBox.sindanBox01 .boxTtl:after {
  background: url(/promo/tsk2/img/img_shindan_btn01.png) no-repeat 0 0;
  background-size: auto 5.4rem;
  height: 5.4rem;
  width: 5rem;
}
.sindanArea .sindanareaBox.sindanBox02 .boxTtl:after {
  background: url(/promo/tsk2/img/img_shindan_btn02.png) no-repeat 0 0;
  background-size: auto 5.4rem;
  height: 5.4rem;
  width: 5.3rem;
}
.sindanArea .sindanareaBox.sindanBox03 .boxTtl:after {
  background: url(/promo/tsk2/img/img_shindan_btn03.png) no-repeat 0 0;
  background-size: auto 5.4rem;
  height: 5.4rem;
  width: 5.1rem;
}
.sindanArea .sindanareaBox.sindanBox04 .boxTtl:after {
  background: url(/promo/tsk2/img/img_shindan_btn04.png) no-repeat 0 0;
  background-size: auto 5.4rem;
  height: 5.4rem;
  width: 5.5rem;
}
.sindanArea .sindanareaBox .boxBtn {
  overflow: hidden;
  padding: 1.4rem 0.5rem;
  position: relative;
}
.sindanArea .sindanareaBox.sindanBox01 .boxBtn {
  background: #55a692;
}
.sindanArea .sindanareaBox.sindanBox02 .boxBtn {
  background: #6570a4;
}
.sindanArea .sindanareaBox.sindanBox03 .boxBtn {
  background: #c5777a;
}
.sindanArea .sindanareaBox.sindanBox04 .boxBtn {
  background: #c5b294;
}
.sindanArea .sindanareaBox .boxBtn::before,
.sindanArea .sindanareaBox .boxBtn::after {
  border-top: 0.1rem solid #FFF;
  border-right: 0.1rem solid #FFF;
  bottom:0;
  content: "";
  height: 0.7rem;
  margin: auto;
  position: absolute;
  right: 1rem;
  top: 0;
  transform: rotate(45deg);
  width: 0.7rem;
}
.sindanArea .sindanareaBox .boxBtn::after {
  right: 0.5rem;
}
.sindanArea .sindanareaBox .boxBtn span {
  color: #FFF;
  display: block;
  font-size: 1.2rem;
  font-variation-settings: "wght" 700;
  letter-spacing: 0;
  line-height: 1;
}
/*----modal----*/
.sindanmodalBox {
  border-radius: 8px;
  box-shadow: 0px 4px 6px 1px rgba(0, 0, 0, 0.08);
}
/*ptn*/
.sindanmodalBox.sindan01 {
  border: 0.4rem solid #55a692;
}
.sindanmodalBox.sindan02 {
  border: 0.4rem solid #6570a4;
}
.sindanmodalBox.sindan03 {
  border: 0.4rem solid #c5777a;
}
.sindanmodalBox.sindan04 {
  border: 0.4rem solid #c5b294;
}
.sindanmodalBox .sindanmodalTtl {
  padding: 2rem;
  text-align: center;
}
/*ptn*/
.sindanmodalBox.sindan01 .sindanmodalTtl {
  background: #daf5f5 ;
}
.sindanmodalBox.sindan02 .sindanmodalTtl {
  background: #d4def9 ;
}
.sindanmodalBox.sindan03 .sindanmodalTtl {
  background: #fbd2d8 ;
}
.sindanmodalBox.sindan04 .sindanmodalTtl {
  background: #f5e6da ;
}
.sindanmodalBox .modalCatch {
  border-radius: 5rem;
  color: #FFF;
  display: inline-block;
  font-size: 1.2rem;
  font-variation-settings: "wght" 700;
  line-height: 1.5;
  margin: 0 0.5rem;
  padding: 0.5rem 1rem;
}
/*ptn*/
.sindanmodalBox.sindan01 .modalCatch {
  background: #55a692;
}
.sindanmodalBox.sindan02 .modalCatch {
  background: #6570a4;
}
.sindanmodalBox.sindan03 .modalCatch {
  background: #c5777a;
}
.sindanmodalBox.sindan04 .modalCatch {
  background: #c5b294;
}
.sindanmodalBox .modalTtl {
  font-size: 1.5rem;
  font-variation-settings: "wght" 700;
  letter-spacing: 0;
  line-height: 1.5;
}
.sindanmodalBox .modalTtl span {
  color: #1e8975;
  display: block;
  font-size: 3rem;
  font-variation-settings: "wght" 900;
}
/*ptn*/
.sindanmodalBox.sindan01 .modalTtl span {
  color: #1e8975;
}
.sindanmodalBox.sindan02 .modalTtl span {
  color: #214da3;
}
.sindanmodalBox.sindan03 .modalTtl span {
  color: #b6111c;
}
.sindanmodalBox.sindan04 .modalTtl span {
  color: #b98f4f;
}
.sindanmodalBox .sindanmodalCont {
  padding: 2rem 1rem 0 1rem;
}
.sindanmodalBox .modalinrTtl {
  margin-bottom: 2rem;
  text-align: center;
}
.sindanmodalBox .modalinrTtl p {
  font-size: 1.5rem;
  font-variation-settings: "wght" 900;
}
/*ptn*/
.sindanmodalBox.sindan01 .modalinrTtl p {
  color: #1e8975;
}
.sindanmodalBox.sindan02 .modalinrTtl p {
  color: #214da3;
}
.sindanmodalBox.sindan03 .modalinrTtl p {
  color: #b6111c;
}
.sindanmodalBox.sindan04 .modalinrTtl p {
  color: #b98f4f;
}
.sindanmodalBox .modalinrList {
  margin-bottom: 2rem;
  text-align: center;
}
.sindanmodalBox .modalinrList li {
  border-radius: 0.4rem;
  display: inline-block;
  font-size: 1.3rem;
  font-variation-settings: "wght" 700;
  line-height: 1;
  margin-bottom: 0.5rem;
  padding: 1rem;
}
/*ptn*/
.sindanmodalBox.sindan01 .modalinrList li {
  background: #daf5f5;
  color: #1e8975;
}
.sindanmodalBox.sindan02 .modalinrList li {
  background: #d4def9;
  color: #214da3;
}
.sindanmodalBox.sindan03 .modalinrList li {
  background: #fbd2d8;
  color: #b6111c;
}
.sindanmodalBox.sindan04 .modalinrList li {
  background: #f5e6da;
  color: #b98f4f;
}
.sindanmodalBox .modalinrList li span:before {
  color: #fff;
  content: '●';
  font-size: 1.1rem;
  margin-right: .5rem;
}
.sindanmodalBox .modalinrTxt {
  margin-bottom: 2rem;
}
/*modalinrCase*/
.sindanmodalBox .modalinrCase {
  border-radius: 1rem;
  box-shadow: 0px 4px 6px 1px rgba(0, 0, 0, 0.08);
  overflow: hidden;
  padding: 1.5rem 14rem 1.5rem 1rem;
  text-align: left;
}
/*ptn*/
.sindanmodalBox .modalinrCase.case01_1 {
  background: #FFF url(/promo/tsk2/img/img_case_01.jpg) no-repeat 118% center;
  background-size: contain;
}
.sindanmodalBox .modalinrCase.case01_2 {
  background: #FFF url(/promo/tsk2/img/img_case_02.jpg) no-repeat 118% center;
  background-size: contain;
}
.sindanmodalBox .modalinrCase.case01_3 {
  background: #FFF url(/promo/tsk2/img/img_case_03.jpg) no-repeat 118% center;
  background-size: contain;
}
.sindanmodalBox .modalinrCase.case02_1 {
  background: #FFF url(/promo/tsk2/img/img_case_04.jpg) no-repeat 118% center;
  background-size: contain;
}
.sindanmodalBox .modalinrCase.case02_2 {
  background: #FFF url(/promo/tsk2/img/img_case_05.jpg) no-repeat 118% center;
  background-size: contain;
}
.sindanmodalBox .modalinrCase.case02_3 {
  background: #FFF url(/promo/tsk2/img/img_case_06.jpg) no-repeat 118% center;
  background-size: contain;
}
.sindanmodalBox .modalinrCase.case03_1 {
  background: #FFF url(/promo/tsk2/img/img_case_07.jpg) no-repeat 118% center;
  background-size: contain;
}
.sindanmodalBox .modalinrCase.case03_2 {
  background: #FFF url(/promo/tsk2/img/img_case_08.jpg) no-repeat 118% center;
  background-size: contain;
}
.sindanmodalBox .modalinrCase.case03_3 {
  background: #FFF url(/promo/tsk2/img/img_case_09.jpg) no-repeat 118% center;
  background-size: contain;
}
.sindanmodalBox .modalinrCase.case04_1 {
  background: #FFF url(/promo/tsk2/img/img_case_10.jpg) no-repeat 118% center;
  background-size: contain;
}
.sindanmodalBox .modalinrCase.case04_2 {
  background: #FFF url(/promo/tsk2/img/img_case_07.jpg) no-repeat 118% center;
  background-size: contain;
}
.sindanmodalBox .modalinrCase.case04_3 {
  background: #FFF url(/promo/tsk2/img/img_case_11.jpg) no-repeat 118% center;
  background-size: contain;
}
.sindanmodalBox .modalinrCase:not(:last-child) {
  margin-bottom: 2rem;
}
.sindanmodalBox .modalinrCase .modalcaseTtl {
  font-variation-settings: "wght" 900;
  font-size: 1.6rem;
  margin-bottom: 1rem;
}
.sindanmodalBox .modalinrCase .modalcaseTxt {
  font-size: 1.2rem;
  line-height: 1.5;
}
/*ptn*/
.sindanmodalBox.sindan01 .modalinrCase .modalcaseTxt span {
  color: #1e8975;
}
.sindanmodalBox.sindan02 .modalinrCase .modalcaseTxt span {
  color: #214da3;
}
.sindanmodalBox.sindan03 .modalinrCase .modalcaseTxt span {
  color: #b6111c;
}
.sindanmodalBox.sindan04 .modalinrCase .modalcaseTxt span {
  color: #b98f4f;
}
.sindanmodalBox .modalinrCase .modalcaseTxt span b {
  font-variation-settings: "wght" 700;
  font-size: 1.8rem;
}
.sindanmodalBox .modalinrCase .modalcaseTxt small {
  font-size: 1rem;
}

/*modalinrVoice*/
.sindanmodalBox .modalinrVoice {
  margin-bottom: 2rem;
  text-align: center;
}
.sindanmodalBox .modalinrVoice p {
  border-radius: 0.5rem;
  color: #FFF;
  display: inline-block;
  font-variation-settings: "wght" 700;
  font-size: 1.3rem;
  padding: 1rem;
  position: relative;
}
/*ptn*/
.sindanmodalBox.sindan01 .modalinrVoice p {
  background: #1e8975;
}
.sindanmodalBox.sindan02 .modalinrVoice p {
  background: #214da3;
}
.sindanmodalBox.sindan03 .modalinrVoice p {
  background: #b6111c;
}
.sindanmodalBox.sindan04 .modalinrVoice p {
  background: #b98f4f;
}
.sindanmodalBox .modalinrVoice p:before {
  border-style: solid;
  border-width: 1rem;
  bottom: -2rem;
  content: "";
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  width: 0;
}
/*ptn*/
.sindanmodalBox.sindan01 .modalinrVoice p:before {
  border-color: #1e8975;
  border-left-color: transparent;
  border-bottom-color: transparent;
  border-right-color: transparent;
}
.sindanmodalBox.sindan02 .modalinrVoice p:before {
  border-color: #214da3;
  border-left-color: transparent;
  border-bottom-color: transparent;
  border-right-color: transparent;
}
.sindanmodalBox.sindan03 .modalinrVoice p:before {
  border-color: #b6111c;
  border-left-color: transparent;
  border-bottom-color: transparent;
  border-right-color: transparent;
}
.sindanmodalBox.sindan04 .modalinrVoice p:before {
  border-color: #b98f4f;
  border-left-color: transparent;
  border-bottom-color: transparent;
  border-right-color: transparent;
}
/*modalinrSenpai*/
.sindanmodalBox .modalinrSenpai {
  border-radius: 0.5rem;
  margin-bottom: 2rem;
  overflow: hidden;
}
/*ptn*/
.sindanmodalBox.sindan01 .modalinrSenpai {
  background: #daf5f5;
}
.sindanmodalBox.sindan02 .modalinrSenpai {
  background: #d4def9;
}
.sindanmodalBox.sindan03 .modalinrSenpai {
  background: #fbd2d8;
}
.sindanmodalBox.sindan04 .modalinrSenpai {
  background: #f5e6da;
}
.sindanmodalBox .modalsenpaiHead {
  margin-bottom: 2rem;
  max-height: 20rem;
  overflow: hidden;
  position: relative;
  text-align: center;
}
.sindanmodalBox .modalsenpaiName {
  background: rgba(0, 0, 0, 0.7);
  bottom: 1rem;
  color: #FFF;
  font-size: 1.1rem;
  line-height: 1.4;
  padding: 1rem 3rem;
  position: absolute;
  right: 1rem;
  text-align: left;
}
.sindanmodalBox .modalsenpaiName small {
  font-size: 0.9rem;
}
.sindanmodalBox .modalsenpaiCatch {
  color: #1e8975;
  font-size: 1.5rem;
  font-variation-settings: "wght" 700;
  line-height: 1.8;
  margin: 0 1rem 2rem 1rem;
  text-align: center;
}
/*ptn*/
.sindanmodalBox.sindan01 .modalsenpaiCatch {
  color: #1e8975;
}
.sindanmodalBox.sindan02 .modalsenpaiCatch {
  color: #214da3;
}
.sindanmodalBox.sindan03 .modalsenpaiCatch {
  color: #b6111c;
}
.sindanmodalBox.sindan04 .modalsenpaiCatch {
  color: #b98f4f;
}
.sindanmodalBox .modalsenpaiTxt {
  font-size: 1.4rem;
  line-height: 1.6;
  margin: 0 1rem 2rem 1rem;
  text-align: left;
}
.sindanmodalBox .cvBtn {
  margin-bottom: 5rem;
}
.sindanmodalBox .modalClose {
  cursor: pointer;
  overflow: hidden;
  padding: 1.4rem 0.5rem;
  text-align: center;
}
/*ptn*/
.sindanmodalBox.sindan01 .modalClose {
  background: #55a692;
}
.sindanmodalBox.sindan02 .modalClose {
  background: #6570a4;
}
.sindanmodalBox.sindan03 .modalClose {
  background: #c5777a;
}
.sindanmodalBox.sindan04 .modalClose {
  background: #c5b294;
}
.sindanmodalBox .modalClose span {
  color: #FFF;
  font-size: 1.4rem;
  font-variation-settings: "wght" 700;
  line-height: 1;
  position: relative;
}
.sindanmodalBox .modalClose span::before,
.sindanmodalBox .modalClose span::after {
  border-top: 0.1rem solid #FFF;
  border-right: 0.1rem solid #FFF;
  bottom: 0;
  content: "";
  height: 0.7rem;
  margin: auto;
  position: absolute;
  right: -1rem;
  top: 0;
  transform: rotate(45deg);
  width: 0.7rem;
}
.sindanmodalBox .modalClose span::after {
  right: -1.5rem;
}
@media screen and (min-width: 450px) {
  .sindanmodalBox .modalinrCase {
    background-position: right center !important;
  }
}
/*PC*/
@media screen and (min-width: 929px) {
  .sindanArea .sindanareaBox .boxCatch {
    font-size: 1.4rem;
    display: inline-block;
    padding: 0.5rem 5rem;
  }
  .sindanArea .sindanareaBox .boxTtl span {
    font-size: 2.4rem;
  }
  .sindanArea .sindanareaBox .boxBtn span {
    font-size: 1.5rem;
  }
  .sindanmodalBox .sindanmodalCont {
    padding: 2rem 0 0 0;
    width: 50rem;
    margin: 0 auto;
  }
  .sindanmodalBox .modalinrTtl p {
    font-size: 1.6rem;
  }
  .sindanmodalBox .modalinrTxt p {
    font-size: 1.3rem;
  }
  .sindanmodalBox .modalinrCase {
    padding: 1.5rem 14rem 1.5rem 3rem;
  }
  .sindanmodalBox .modalsenpaiHead {
    max-height: 25rem;
  }
  .sindanmodalBox .modalsenpaiHead img {
    width: 100%;
  }
  .sindanmodalBox .cvBtn {
    width: 100%;
  }
}