@charset "utf-8";
/* CSS Document */

/* -------------------------
/* Created date: --
/* Created user: --
/* Last up date: 2022.09.13
/* Last up date user: yamaguchi
/* for sp and pc
--------------------------*/
/* ======== newschool Crs start ================*/
:root {
  --bgDottUsuGreen: radial-gradient(var(--honnoriGreen) 25%, rgba(255, 255, 255, 0) 0) 0 0 / 12px 12px repeat, radial-gradient(var(--honnoriGreen) 25%, rgba(255, 255, 255, 0) 0) 6px 6px / 12px 12px repeat;
  --bgDottGray: linear-gradient(to bottom, #fff 0, rgba(255, 255, 255, 0) 100px, rgba(255, 255, 255, 0) calc(100% - 100px), #fff 100%), radial-gradient(#efefef 25%, rgba(255, 255, 255, 0) 0) 0 0 / 12px 12px repeat, radial-gradient(#efefef 25%, rgba(255, 255, 255, 0) 0) 6px 6px / 12px 12px repeat, #fff;
  --svgHoshiYellow: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 42.09 37.04"><path fill="rgba(248,181,81,1)" fill-rule="evenodd" d="M41.82,15.26c0-.12,0-.07.09-.13.31-.53.3-1.84-.73-1.88v0h-.13v0c-3.88-.47-12.93-1.76-12.93-1.76S22.38.8,22.27.57c-.59-.62-.79-.49-.86-.5V0A1.54,1.54,0,0,0,20.1.36C20,.42,14,11.41,14,11.41S1.35,13.14.92,13.21v0C.35,13.3-.29,13.7.15,15h0c0,.05,0,.11,0,.16s9.43,8.54,9.43,8.54A54.87,54.87,0,0,1,7.58,35.09c0,.34,0,.25,0,.25V36h0a1.3,1.3,0,0,0,1.63,1H9.4v0s11.69-5.56,11.69-5.56l11.48,5.56.31,0v0c1,.09,1.68,0,1.68-1.21h0a1.53,1.53,0,0,0-.09-.54c-.47-2.36-2.09-11.51-2.09-11.51S41.68,15.37,41.82,15.26Z" /></svg>') center / contain no-repeat;
  --svgMoonBlue: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="rgba(21,106,209,1)" fill-rule="evenodd" d="M403.469,395.031c-129.203,0-233.938-104.75-233.938-233.953c0-62.438,24.5-119.125,64.375-161.078 C109.313,17.953,13.563,125.094,13.563,254.656C13.563,396.781,128.781,512,270.906,512c98.688,0,184.359-55.578,227.531-137.125 C469.406,387.781,437.297,395.031,403.469,395.031z" /><path fill="rgba(21,106,209,1)" fill-rule="evenodd" d="M349.641,179.328c1.047,1.016,1.516,2.484,1.266,3.922l-8.563,49.938c-0.281,1.672,0.406,3.344,1.766,4.344 c1.359,0.984,3.156,1.109,4.656,0.328l44.859-23.578c1.281-0.688,2.813-0.688,4.109,0l44.859,23.578 c1.484,0.781,3.297,0.656,4.656-0.328c1.359-1,2.031-2.672,1.75-4.344l-8.563-49.938c-0.25-1.438,0.219-2.906,1.266-3.922 L478,143.969c1.203-1.172,1.641-2.938,1.125-4.531c-0.531-1.594-1.906-2.781-3.578-3.016l-50.141-7.297 c-1.438-0.203-2.688-1.109-3.344-2.406l-22.422-45.453c-0.734-1.516-2.281-2.453-3.969-2.453c-1.672,0-3.219,0.938-3.953,2.453 l-22.438,45.453c-0.641,1.297-1.891,2.203-3.328,2.406l-50.141,7.297c-1.672,0.234-3.063,1.422-3.578,3.016 s-0.078,3.359,1.125,4.531L349.641,179.328z" /></svg>') center / contain no-repeat;
  --svgSunRed: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="rgba(245,113,113,1)" fill-rule="evenodd" d="M256,118.125c-76.156,0-137.875,61.719-137.875,137.875S179.844,393.875,256,393.875 S393.875,332.156,393.875,256S332.156,118.125,256,118.125z"></path><rect x="235.906"  fill="rgba(245,113,113,1)" fill-rule="evenodd"  width="40.156" height="77.297"></rect>	<rect x="235.906" y="434.703"  fill="rgba(245,113,113,1)" fill-rule="evenodd"  width="40.156" height="77.297"></rect><rect x="63.657" y="82.229" transform="matrix(0.7071 0.7071 -0.7071 0.7071 102.3047 -42.376)"  fill="rgba(245,113,113,1)" fill-rule="evenodd"  width="77.296" height="40.15"></rect>	<polygon  fill="rgba(245,113,113,1)" fill-rule="evenodd"  points="368.156,396.547 422.828,451.219 451.219,422.813 396.563,368.156 	"></polygon>	<rect y="235.906"  fill="rgba(245,113,113,1)" fill-rule="evenodd"  width="77.281" height="40.156"></rect>	<polygon  fill="rgba(245,113,113,1)" fill-rule="evenodd"  points="434.688,235.922 434.688,276.078 512,276.063 512,235.906 	"></polygon>	<polygon  fill="rgba(245,113,113,1)" fill-rule="evenodd"  points="60.781,422.813 89.156,451.219 143.813,396.547 115.438,368.156 	"></polygon><polygon  fill="rgba(245,113,113,1)" fill-rule="evenodd" points="451.219,89.156 422.813,60.781 368.156,115.438 396.563,143.844"></polygon></svg>') center / contain no-repeat;
  --svgSunAMRed: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="rgba(245,113,113,1)" fill-rule="evenodd" d="M256,118.12A137.88,137.88,0,1,0,393.88,256,137.87,137.87,0,0,0,256,118.12Zm.08,235.75V158.13a97.87,97.87,0,0,1,0,195.74Z"/><rect fill="rgba(245,113,113,1)" fill-rule="evenodd" x="235.91" width="40.16" height="77.3"/><rect fill="rgba(245,113,113,1)" fill-rule="evenodd" x="235.91" y="434.7" width="40.16" height="77.3"/><rect fill="rgba(245,113,113,1)" fill-rule="evenodd" x="82.23" y="63.66" width="40.15" height="77.3" transform="translate(-42.37 102.3) rotate(-45)"/><polygon fill="rgba(245,113,113,1)" fill-rule="evenodd" points="368.16 396.55 422.83 451.22 451.22 422.81 396.56 368.16 368.16 396.55"/><rect fill="rgba(245,113,113,1)" fill-rule="evenodd" y="235.91" width="77.28" height="40.16"/><polygon fill="rgba(245,113,113,1)" fill-rule="evenodd" points="434.69 235.92 434.69 276.08 512 276.06 512 235.91 434.69 235.92"/><polygon fill="rgba(245,113,113,1)" fill-rule="evenodd" points="60.78 422.81 89.16 451.22 143.81 396.55 115.44 368.16 60.78 422.81"/><polygon fill="rgba(245,113,113,1)" fill-rule="evenodd" points="451.22 89.16 422.81 60.78 368.16 115.44 396.56 143.84 451.22 89.16"/></svg>') center / contain no-repeat;
  --svgSunPMRed: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="rgba(245,113,113,1)" fill-rule="evenodd" d="M118.12,256A137.88,137.88,0,1,0,256,118.12,137.86,137.86,0,0,0,118.12,256Zm40,0a98,98,0,0,1,97.8-97.87V353.87A98,98,0,0,1,158.12,256Z"/><rect fill="rgba(245,113,113,1)" fill-rule="evenodd" x="235.91" width="40.16" height="77.3"/><rect fill="rgba(245,113,113,1)" fill-rule="evenodd" x="235.91" y="434.7" width="40.16" height="77.3"/><rect fill="rgba(245,113,113,1)" fill-rule="evenodd" x="82.23" y="63.66" width="40.15" height="77.3" transform="translate(-42.37 102.3) rotate(-45)"/><polygon fill="rgba(245,113,113,1)" fill-rule="evenodd" points="368.16 396.55 422.83 451.22 451.22 422.81 396.56 368.16 368.16 396.55"/><rect fill="rgba(245,113,113,1)" fill-rule="evenodd" y="235.91" width="77.28" height="40.16"/><polygon fill="rgba(245,113,113,1)" fill-rule="evenodd" points="434.69 235.92 434.69 276.08 512 276.06 512 235.91 434.69 235.92"/><polygon fill="rgba(245,113,113,1)" fill-rule="evenodd" points="60.78 422.81 89.16 451.22 143.81 396.55 115.44 368.16 60.78 422.81"/><polygon fill="rgba(245,113,113,1)" fill-rule="evenodd" points="451.22 89.16 422.81 60.78 368.16 115.44 396.56 143.84 451.22 89.16"/></svg>') center / contain no-repeat;


}


/* Bottom Block --------------------------- */
.scCrs .pageSubTitle {
  display: block;
  margin: 0 auto 5px;
  font-size: 1.2rem;
}

.scCrs .scContractTop {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  margin: 0 auto 5px;
  max-width: var(--outerWidth);
}

.scCrs .scContractTop span {
  position: relative;
  padding: 3px 5px;
  background: rgb(var(--naviGray));
  font-size: 1.2rem;
  font-weight: bold;
  word-break: break-all;
}

.scCrs .scContractTop .icon {
  position: relative;
  padding: 3px 1.5em 3px 5px;
}

.scCrs .scContractTop .icon::before {
  content: '';
  top: 50%;
  right: 0.25em;
  width: 1em;
  height: 1em;
  transform: translate(0, -50%);
}

.scCrs .scContractTop .icon0::before {
  background: var(--svgSunRed);
}

.scCrs .scContractTop .icon1::before {
  background: var(--svgMoonBlue);
}

.scCrs .scContractTop .icon2::before {
  background: var(--svgHoshiYellow);
}

.scCrs .scContractTop .icon3::before {
  background: var(--svgSunAMRed);
}

.scCrs .scContractTop .icon4::before {
  background: var(--svgSunPMRed);
}

.scCrs .scCrsIntro {
  padding: 0 0 var(--paddingMid);
  background: radial-gradient(var(--usuGreen) 0, rgba(255, 255, 255, 0) 2px) left top / 5px 5px repeat;
  text-align: center;
}

.scCrs .scCrsIntro .bigBtn{
  margin-top: var(--paddingMin);
}

.scCrs .scCrsMemo {
  color: rgb(var(--gsGreen));
  font-weight: bold;
  line-height: 1.8;
}

.scCrsIntro .itemThmb {
  margin: 0 auto var(--paddingMinMin);
  width: 100%;
  max-width: var(--imageMaxWidth);
}

.scCrsIntro .itemThmb img {
  width: 100%;
  height: auto;
  border-radius: 1rem;
  object-fit: contain;
}

.scCrsIntro h4 {
  position: relative;
  display: inline-block;
  margin: 0 auto var(--paddingMinMin);
  padding: 10px var(--paddingMin);
  max-width: 80%;
  background: #fff;
  border: solid 2px #ccc;
  border-radius: 2rem;
  text-align: center;
  font-size: 2rem;
  line-height: 1.4;
}

.scCrsIntro h4::before,
.scCrsIntro h4::after {
  content: '';
  top: 100%;
  left: 50%;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 12px 12px 0 12px;
  border-color: #ccc rgba(255, 255, 255, 0) rgba(255, 255, 255, 0) rgba(255, 255, 255, 0);
  transform: translate(-50%, 0);
}

.scCrsIntro h4::after {
  border-color: #fff rgba(255, 255, 255, 0) rgba(255, 255, 255, 0) rgba(255, 255, 255, 0);
  transform: translate(-50%, -3px);
}

.scCrsIntro .itemText {
  margin: 0 auto;
  max-width: var(--contentsWidth);
}

.scCrsIntro .itemText p {
  padding: var(--paddingMinMin);
  background: #fff;
  word-break: inherit;
  line-height: inherit;
  text-align: left;
}


/* chuu moku no*/
.scCrsFeatured {
  position: relative;
  padding: var(--paddingMin) var(--paddingMinMin) var(--paddingMid);
  background: #fff7b2;
}

.scCrsFeatured h3 {
  margin: 0 auto var(--paddingMinMin);
  max-width: var(--contentsWidth);
  text-align: center;
  font-size: 2.2rem;
  font-weight: bold;
}

.scCrsFeatured .cheers .emp::before {
  background: rgb(var(--ocYellow));
}

.scCrsFeatured .cheers em {
  color: rgb(var(--ocYellow));
}

.scCrsFeatured .scCrsFeaturedInner {
  position: relative;
  z-index: 2;
  margin: 0 auto var(--paddingMin);
  padding: var(--paddingMinMin) var(--paddingMinMin) var(--paddingMin);
  max-width: var(--contentsWidth);
  background: #fff;
}

.scCrsFeatured h4 {
  position: relative;
  margin: 0 auto var(--paddingMinMin);
  padding: 0 0 var(--paddingMinMin) 2em;
  font-size: 2rem;
  line-height: 1.4;
}

.scCrsFeatured h4::before {
  content: '';
  bottom: 0;
  left: 50%;
  width: 100%;
  height: 2px;
  background: linear-gradient(to left, rgb(var(--ocYellow)) 24%, rgb(var(--naviCream)) 24%, rgb(var(--naviCream)) calc(24% + 10px), rgb(var(--ocYellow)) calc(24% + 10px));
  transform: translate(-50%, 0);
}

.scCrsFeatured h4::after {
  content: '';
  top: 0.5em;
  left: 0.5em;
  width: 1em;
  height: 0.65em;
  border-left: solid 5px rgb(var(--ocYellow));
  border-bottom: solid 5px rgb(var(--ocYellow));
  transform: rotate(-45deg);
}

.scCrsFeatured .itemThmb {
  margin: 0 auto var(--paddingMin);
  width: 100%;
  max-width: var(--imageMaxWidth);
}

.scCrsFeatured .itemThmb img {
  width: 100%;
  height: auto;
  border-radius: 1rem;
  object-fit: cover;
}

.scCrsFeatured .btnFukidashi .itemFukidashi span {
  padding: 5px 1em 5px 5.25em;
  background: #fff;
}

.scCrsFeatured .btnFukidashi .itemFukidashi span::before {
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16.5 9.57"><path fill="rgba(255,255,255,1)" fill-rule="evenodd" d="M4.12,0C7.17,7.05-1.82,9.2.34,9.5,4.4,10.05,14.23,7.39,16.5,0Z"/></svg>') center top / contain no-repeat;
}

.scCrsFeatured .btnFukidashi .itemFukidashi span::after {
  content: '';
  top: 50%;
  left: 0.75em;
  width: 4em;
  height: 100%;
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 88.97 33.92"><path fill="rgba(89,179,149,1)" fill-rule="evenodd" d="M40.53,9.18,29,9.09,29.09.66a.55.55,0,0,0-.15-.38.55.55,0,0,0-.38-.16L12.94,0a.58.58,0,0,0-.38.15.56.56,0,0,0-.17.38L12.31,9,.79,8.87A.51.51,0,0,0,.4,9a.55.55,0,0,0-.16.38L0,33.07a.54.54,0,0,0,.15.38.6.6,0,0,0,.39.16l14.57.11.08-8.13a.55.55,0,0,1,.16-.38.55.55,0,0,1,.39-.16l9.51.08a.53.53,0,0,1,.38.16.55.55,0,0,1,.16.38l-.08,8.13,14.57.12a.54.54,0,0,0,.38-.15.55.55,0,0,0,.16-.38l.24-23.67a.5.5,0,0,0-.15-.38A.55.55,0,0,0,40.53,9.18ZM9.17,18.05a.51.51,0,0,1-.16.38.55.55,0,0,1-.39.16l-3.74,0a.52.52,0,0,1-.38-.17A.46.46,0,0,1,4.35,18l0-2.92a.58.58,0,0,1,.17-.37.55.55,0,0,1,.38-.16l3.74,0a.53.53,0,0,1,.38.16.55.55,0,0,1,.16.38Zm9.2.08a.55.55,0,0,1-.16.38.54.54,0,0,1-.38.15l-3.74,0a.55.55,0,0,1-.39-.16.54.54,0,0,1-.15-.38l0-2.91a.55.55,0,0,1,.16-.38.55.55,0,0,1,.39-.16l3.74,0a.59.59,0,0,1,.38.16.51.51,0,0,1,.15.39ZM20.66,9a2.9,2.9,0,1,1,2.95-2.88A2.93,2.93,0,0,1,20.66,9Zm6.92,9.2a.55.55,0,0,1-.16.38.55.55,0,0,1-.39.16l-3.74,0a.51.51,0,0,1-.53-.54l0-2.91a.56.56,0,0,1,.17-.38.54.54,0,0,1,.38-.15l3.74,0a.49.49,0,0,1,.38.16.55.55,0,0,1,.16.38Zm9.2.07a.53.53,0,0,1-.16.38.55.55,0,0,1-.38.16l-3.74,0a.6.6,0,0,1-.39-.16.59.59,0,0,1-.15-.39l0-2.91a.53.53,0,0,1,.55-.53l3.74,0a.55.55,0,0,1,.38.16.5.5,0,0,1,.15.38Zm18.07-5.11a3.31,3.31,0,1,0-3.4-3.31A3.36,3.36,0,0,0,54.85,13.16Zm17.47,1.52v.15a.89.89,0,0,0,.9.89h8a.89.89,0,0,0,.9-.89v-.15a.89.89,0,0,0-.9-.88h-8A.89.89,0,0,0,72.32,14.68Zm15.74,3h-8a.89.89,0,0,0-.9.88v.15a.9.9,0,0,0,.9.89h8a.9.9,0,0,0,.91-.89v-.15A.89.89,0,0,0,88.06,17.64ZM64.51,13.33l2.26-2.4,4.56-1.3a1.77,1.77,0,0,0,1.42-2.1,1.84,1.84,0,0,0-2.17-1.38l-4.38.91a4.78,4.78,0,0,0-2.06,1l-10.85,9.1L48.34,18a1.79,1.79,0,0,0-1.46,2.08A1.84,1.84,0,0,0,49,21.5l4.62-.38a4.62,4.62,0,0,0,2.45-1l2.58-1.82,2.85,3-3.07,2.38a2.42,2.42,0,0,0-.13,3.71l6.93,5.38a2.11,2.11,0,0,0,2.91,0,2,2,0,0,0,0-2.82L62.78,25.6l4.13-2.12,8.66,9.21a2.1,2.1,0,0,0,2.9.17,1.94,1.94,0,0,0,.18-2.81Zm22.57,9.11h-8a.9.9,0,0,0-.9.89v.15a.89.89,0,0,0,.9.88h8a.89.89,0,0,0,.91-.88v-.15A.9.9,0,0,0,87.08,22.44Z" /></svg>') left center / contain no-repeat;
  transform: translate(0, -70%);
}


/* qualification */
.bgGreen {
  padding: 0 0 var(--paddingMin);
  background: radial-gradient(var(--usuGreen) 0, rgba(255, 255, 255, 0) 2px) left top / 5px 5px repeat;
}

.scCrs .scQuali .inner {
  position: relative;
  padding: 0 var(--paddingMinMin);
}

.scCrs .scQuali .scLineTitle {
  position: relative;
}

.scCrs .scQuali .inner>div {
  position: relative;
}

.scCrs .scQuali ul {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 5px;
  margin: 0 auto;
  max-width: var(--contentsWidth);
  font-size: 1.1rem;
  line-height: 1.8;
}

.scCrs .scQuali li {
  position: relative;
  padding: 5px 5px 5px 1.5em;
  background: #fff;
  border-radius: 1rem;
  line-height: 1.2;
}

.scCrs .scQuali li::before {
  content: '';
  top: 0.5em;
  left: 0.25em;
  width: 0.85em;
  height: 0.6em;
  border-left: solid 3px rgb(var(--gsGreen));
  border-bottom: solid 3px rgb(var(--gsGreen));
  transform: rotate(-45deg);
}
  
.scCrs .scAfter .scLineTitle {
  z-index: 1;
}

.scCrs .scAfter .inner {
  padding: 0 var(--paddingMinMin);
}

.scCrs .scAfter .inner>div {
  position: relative;
}

.scCrs .scAfter .inner .itemText {
  position: relative;
  z-index: 3;
  display: grid;
  grid-template-columns: 100%;
  align-items: center;
  margin: 0 auto var(--paddingMin);
  min-height: 30px;
  padding: var(--paddingMinMin);
  max-width: var(--contentsWidth);
  background: #fff;
  line-height: 1.8;
}

.scCrs .scAfter .inner .itemText::before {
  content: '';
  z-index: 2;
  bottom: 100%;
  right: 5px;
  width: 70px;
  height: 70px;
  background: url(../../../img/module/layout/img_yobikomi_01.png) left top / contain no-repeat;
  transform: scale(-1, 1);
}

.scCrs .scExpenses .scLineTitle {
  z-index: 1;
}

.scCrs .scExpenses .inner {
  padding: 0 var(--paddingMinMin);
}


.scCrs .scExpenses .inner>div:not(.btnFukidashi) {
  margin: 0 auto var(--paddingMin);
  padding: var(--paddingMinMin);
  max-width: var(--contentsWidth);
  background: #fff;
}

.scCrs .scExpenses .scExpensesYear {
  margin: 0 auto 15px;
  padding: 10px 15px;
  background: rgb(var(--gsGreen));
  color: #fff;
  font-size: 1.6rem;
  line-height: 1.2;
  font-weight: bold;
  text-align: left;
}

.scCrs .scExpenses .inner ul {
  margin: 0 auto 30px;
}

.scCrs .scExpenses li h4 {
  margin: 0 auto 5px;
  font-size: 1.6rem;
  line-height: 1.2;
  font-weight: bold;
  text-align: left;
}

.scCrs .scExpenses li .itemText {
  position: relative;
  z-index: 3;
  display: grid;
  grid-template-columns: 100%;
  align-items: center;
  margin: 0 auto 15px;
  padding: 10px;
  min-height: 30px;
  background: var(--honnoriGreen);
  border-radius: 0.5rem;
  line-height: 1.8;
}

.scCrsListText {
  margin: 0 auto;
  padding: var(--paddingMin) var(--paddingMinMin);
}

.scCrsListText h5 {
  margin: 0 auto;
  padding: 0 var(--paddingMinMin) var(--paddingMinMin);
  text-align: center;
}

.scCrsListText>ul {
  margin: 0 auto;
  max-width: var(--contentsWidth);
  background: #fff;
  border: solid 10px #efefef;
}

.scCrsListText>ul>li {
  padding: 0 15px;
  line-height: 1.8;
}

.scCrsListText li * {
  font-size: 1.3rem;
  line-height: 1.6;
  word-break: break-all;
}

.scCrsListText a {
  display: block;
}

.scCrsListText li .scCrsListTitle {
  padding: 15px 5px;
  border-bottom: 2px solid #efefef;
}

.scCrsListText li .scCrsListTitle p {
  position: relative;
  padding: 0 0 0 1.25em;
  font-size: 1.4rem;
  line-height: 1.4;
  font-weight: bold;
}

.scCrsListText li .scCrsListTitle p::after {
  content: '';
  top: 10px;
  left: 0;
  width: 1em;
  height: 1em;
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 58.91 42.51"><path fill="rgba(102,102,102,1)" fill-rule="evenodd" d="M58.2,14.79,55.77,15.9V26.83A1.63,1.63,0,0,1,56.05,30l1.39,9.17H51L52.43,30a1.63,1.63,0,0,1,.28-3.19V17.31L32.13,26.77a6.46,6.46,0,0,1-5.35,0L.71,14.79A1.25,1.25,0,0,1,0,13.68a1.22,1.22,0,0,1,.71-1.11L26.78.59a6.36,6.36,0,0,1,5.35,0l26.07,12a1.22,1.22,0,0,1,.71,1.11A1.25,1.25,0,0,1,58.2,14.79ZM29.46,31.7a8.88,8.88,0,0,0,3.72-.82L45.93,25V36.7c0,2.56-7.75,5.81-16.47,5.81S13,39.26,13,36.7V25l12.75,5.86A8.89,8.89,0,0,0,29.46,31.7Z" /></svg>') center / contain no-repeat;
  transform: translate(0, -50%);
}

.scCrsListText li a {
  position: relative;
  display: block;
  padding-right: 15px;
}

.scCrsListText li a p {
  color: rgb(var(--naviKoiBlue));
}

.scCrsListText li a::before {
  content: '';
  top: 50%;
  right: 5px;
  width: 0.65em;
  height: 0.65em;
  border-bottom: solid 1px rgb(var(--naviKoiBlue));
  border-right: solid 1px rgb(var(--naviKoiBlue));
  transform: translate(0, -50%) rotate(-45deg);
}

.scCrsListText .scContract span+span {
  margin-left: 5px;
}

.scCrsListText ul li .scContract span {
  display: inline-block;
  padding: 3px 5px;
  background: #efefef;
  border: solid 1px #ccc;
  line-height: 1.2;
  font-size: 1.1rem;
  font-weight: bold;
  word-break: break-all;
}

/* 第2階層*/
.scCrsListText>ul>li>ul {
  margin: 0 0 10px 0;
}

/* 第3、4階層*/
.scCrsListText>ul>li>ul>li>ul,
.scCrsListText>ul>li>ul>li>ul>li>ul {
  margin: 5px 0 5px 0;
}

.scCrsListText>ul>li>ul>li,
.scCrsListText>ul>li>ul>li>ul>li,
.scCrsListText>ul>li>ul>li>ul>li>ul>li {
  position: relative;
  padding: 5px 0 5px 22px;
}

.scCrsListText>ul>li>ul>li::before,
.scCrsListText>ul>li>ul>li>ul>li::before,
.scCrsListText>ul>li>ul>li>ul>li>ul>li::before {
  content: '';
  top: 6px;
  left: 12px;
  width: 8px;
  height: 10px;
  border-left: 1px solid #888;
  border-bottom: 1px solid #888;
}

/* 間仕切り */
.scCrsListText>ul>li>ul>li+li,
.scCrsListText>ul>li>ul>li>ul>li {
  border-top: 2px solid #efefef;
}

.scCrsListText>ul>li>ul>li>ul>li {
  border-top: 1px dashed #efefef;
}


@media screen and (min-width: 768px) {
  /* -------------------------
  /* for pc
  --------------------------*/
  .scCrs .scCrsFeatured .btnFukidashi a:hover {
    opacity: 1;
  }

  .scCrsListText li .scCrsListTitle {
    padding: 15px 0 15px 5px;
  }

  .scCrsListText li .scCrsListTitle p {
    padding: 0 10px 0 1.25em;
  }

  .scCrsListText li p {
    display: inline-block;
    padding: 0 10px 0 0;
  }

  .scCrsListText li .scContract {
    display: inline-block;
  }

  /* 第3、4階層*/
  .scCrsListText>ul>li>ul>li>ul,
  .scCrsListText>ul>li>ul>li>ul>li>ul {
    margin: 15px 0 0 0;
  }

  .scCrsListText>ul>li>ul>li,
  .scCrsListText>ul>li>ul>li>ul>li,
  .scCrsListText>ul>li>ul>li>ul>li>ul>li {
    padding: 15px 0 15px 30px;
  }

  .scCrsListText>ul>li>ul>li::before,
  .scCrsListText>ul>li>ul>li>ul>li::before,
  .scCrsListText>ul>li>ul>li>ul>li>ul>li::before {
    top: 15px;
    left: 15px;
    width: 12px;
    height: 12px;
  }

  .scCrsListText ul li .scContract span {
    font-size: 1rem;
  }

  .scCrs .scAfter .inner .itemText::before {
    width: 90px;
    height: 90px;
  }

  .scCrs .scQuali li {
    padding: 7px 15px 7px 2em;
  }

  .scCrs .scQuali li::before{
    top: 0.75em;
    left: 0.6em;
  }
}