@charset "UTF-8";
@media (min-width:769px){body {min-width:1140px;} .sp {display:none;}}
@media (max-width:768px){.pc {display:none;}}

html {font-size:0.9375em; --green1:#26a38d;}
a[href="#"] {pointer-events:none;}
.IB {display:inline-block;}
.-narrow {letter-spacing:-.03em;}
.sm2 {font-size:85%;}
.mt0 {margin-top:0!important;}
.txC {text-align:center;}
.txR {text-align:right;}
@media (min-width:769px){
  .pcC {text-align:center;}
}
@media (max-width:768px){
  .spSm2 {font-size:85%;}
}

/* ======= コンテンツ部分共通 */
main {position:relative; background:#fff; overflow:hidden; font-family:'Noto Sans JP', sans-serif; letter-spacing:.06em; color:#444; box-shadow:0 200px 0 #fff;}
main ._inner {margin-inline:auto; container-type:inline-size;}
main img {max-width:100%;}
main :where(i,em) {font-style:normal;}
img[src*="/img/obj"] {position:absolute;}

@media (min-width:769px){
  main {min-width:1140px;}
  main ._inner {width:min(calc(100% - 120px),1200px);}
}
@media (max-width:768px){
  main ._inner {width:calc(100% - 60px);}
  img[src*="/img/obj"] {scale:.5;}
}

time {display:inline-block; line-height:1; font-family:"Kanit",sans-serif;}
.fileLink {display:grid; grid-template-columns:repeat(auto-fit, minmax(10em,1fr));}
.fileLink a {position:relative; display:block; padding:.5em 2em .5em 1em; border:#fff701 solid; border-radius:.5em; text-decoration:none; color:#fff701; font-weight:bold;}
.fileLink a:after {content:""; display:block; position:absolute; right:.6em; top:50%; aspect-ratio:1.21/1; translate:0 -50%; background:url(./img/icon_pdf.png) no-repeat 50% 50% / contain;}
:root {--grdStart:#fff95d; --grdCenter:#fef85c; --grdEnd:#e7e143;}
[class*="endBtn"] a {position:relative; display:block; background:linear-gradient(180deg, var(--grdStart) 0%, var(--grdCenter) 50%, var(--grdEnd) 100%); text-align:center; text-decoration:none; color:#2c58c1; font-weight:bold; letter-spacing:0;}
[class*="endBtn"] a:after {content:""; display:block; aspect-ratio:1.35/1; position:absolute; top:50%; translate:0 -50%; background:url(./img/arrow.png) no-repeat 50% 50% / contain; rotate:-90deg;}
[class*="endBtn"] a b {font-size:1.2em;}

@media (min-width:769px){
  time .-dateY {font-size:2rem;}
  time .-dateMD {font-size:3.2rem;}
  .fileLink {gap:1.6em;}
  .fileLink a {border-width:2px; font-size:1.08rem;}
  .fileLink a:after {width:22px;}
  [class*="endBtn"] a {padding:2rem; font-size:1.8rem;}
  [class*="endBtn"] a:after {height:52px; right:10%;}
}
@media (min-width:769px) and (max-width:1380px){
  .fileLink:has(li:nth-child(6)) {grid-template-columns:1fr 1fr 1fr;}
}
@media (max-width:768px){
  time .-dateY {font-size:1.5rem;}
  time .-dateMD {font-size:2.3rem;}
  .fileLink {gap:.8em; font-size:.8rem;}
  .fileLink a {border-width:1px;}
  .fileLink a:after {width:12px;}
  [class*="endBtn"] a {padding:1rem; font-size:1.3rem;}
  [class*="endBtn"] a:after {height:27px; right:7%;}
}

/*
.ipn_mv > section {position:relative; min-height:200px; background:#f0fefe; container-type:inline-size;}
.ipn_mv ._ttl {display:flex; flex-direction:column; align-items:center;}
.ipn_mv ._ttl b {font-weight:600;}
.ipn_mv ._ttl i {display:block; line-height:0;}
.ipn_mv dt {position:relative;}
.ipn_mv > section:nth-of-type(1) dl > div:nth-of-type(1) {--color:#f87271;}
.ipn_mv > section:nth-of-type(1) dl > div:nth-of-type(2) {--color:#fda43e;}
.ipn_mv > section:nth-of-type(2) dl > div:nth-of-type(1) {--color:#3bbb7e;}
.ipn_mv > section:nth-of-type(2) dl > div:nth-of-type(2) {--color:#6896ca;}
.ipn_mv > section:nth-of-type(3) dl > div:nth-of-type(1) {--color:#f78eb7;}
.ipn_mv > section:nth-of-type(3) dl > div:nth-of-type(2) {--color:#a382bb;}
.ipn_mv dt b {color:var(--color);}
.ipn_mv dt i {display:block; line-height:1; letter-spacing:0;}
.ipn_mv dd {font-weight:700; letter-spacing:0;}
.ipn_mv dd ul {margin:0;}

@media (min-width:769px){
  .ipn_mv {display:grid; grid-template-columns:1fr 1fr 1fr; grid-template-rows:auto auto; overflow:hidden;}
  .ipn_mv > section {display:grid; grid-template-rows:subgrid; grid-row:span 2; box-shadow:0 0 50px #0002;}
  .ipn_mv ._txt {grid-row:1/2; padding-block:2.5cqw 2cqw;}
  .ipn_mv ._ttl {margin-bottom:.2em; font-size:11cqw; letter-spacing:.12em;}
  .ipn_mv ._ttl i img {height:.4em;}
  .ipn_mv dl > div {display:grid; grid-template-columns:1fr 1fr; align-items:center;}
  .ipn_mv dt {padding:0 2.4cqw .4em 0; text-align:right; font-size:5.2cqw;}
  .ipn_mv dt i {font-size:45%;}
  .ipn_mv dd {padding-left:2.4cqw; font-size:3.3cqw;}
  .ipn_mv dt:before,
  .ipn_mv dt:after {content:""; display:block; position:absolute; right:0; top:50%; translate:1px -.6em; width:3px; aspect-ratio:1; background:#1b44a0; border-radius:50%;}
  .ipn_mv dt:after {translate:1px .6em;}
  .ipn_mv dt b:after {content:""; display:block; position:absolute; right:0; top:50%; height:1.2em; translate:0 -50%; border-left:1px #1b44a0 solid;}
  .ipn_mv ._pic {grid-row:2/3;}
}
@media (max-width:768px){
  .ipn_mv {display:grid; grid-template-columns:auto 1fr;}
  .ipn_mv > section {display:grid; grid-template-columns:subgrid; grid-column:span 2; box-shadow:0 0 30px #0002;}
  .ipn_mv > section:nth-child(1) {z-index:3;}
  .ipn_mv > section:nth-child(2) {z-index:2;}
  .ipn_mv > section:nth-child(3) {z-index:1;}
  .ipn_mv ._txt {grid-column:1/2; display:grid; grid-template-columns:10vw 1fr;}
  .ipn_mv ._ttl {padding-top:7vw; text-align:center; font-size:6.5vw; line-height:1.2;}
  .ipn_mv > section:has(dd li:only-child) ._ttl {padding-top:9.5vw;}
  .ipn_mv ._ttl i {margin:.2em .15em;}
  .ipn_mv dl {display:grid; margin:0; padding:5vw 2vw;}
  .ipn_mv dl > div {display:flex; flex-direction:column; justify-content:center; padding-block:2vw;}
  .ipn_mv dt {font-size:4vw;}
  .ipn_mv dt i {font-size:60%;}
  .ipn_mv dd {font-size:2.8vw;}
  .ipn_mv dd li {position:relative; padding-left:1em;}
  .ipn_mv dd li:before {content:""; display:block; width:1em; aspect-ratio:1; position:absolute; left:-.1em; top:.3em; border-radius:50%; background:var(--color); scale:.5;}
  .ipn_mv ._pic {grid-column:2/3; min-height:53.3vw;}
  .ipn_mv ._pic img {height:100%; object-fit:cover; object-position:50% 100%;}
}
*/

.ipn_mv > section {position:relative; min-height:200px; background:#f0fefe; container-type:inline-size;}
.ipn_mv > section:nth-of-type(1) {background:#FCF3E8;}
.ipn_mv > section:nth-of-type(2) {background:#F0FFFE;}
.ipn_mv > section:nth-of-type(3) {background:#E1EFFB;}
.ipn_mv > section:nth-of-type(4) {background:#FFF0F6;}
.ipn_mv ._txt {position:relative; z-index:5;}
.ipn_mv ._ttl {position:absolute;}
.ipn_mv dt {position:relative; line-height:1.5;}
.ipn_mv > section:nth-of-type(1) dl > div:nth-of-type(1) {--color:#f87271;}
.ipn_mv > section:nth-of-type(1) dl > div:nth-of-type(2) {--color:#fda43e;}
.ipn_mv > section:nth-of-type(2) dl > div:nth-of-type(1) {--color:#3bbb7e;}
.ipn_mv > section:nth-of-type(2) dl > div:nth-of-type(2) {--color:#6896ca;}
.ipn_mv > section:nth-of-type(3) dl > div:nth-of-type(1) {--color:#6795C9;}
.ipn_mv > section:nth-of-type(4) dl > div:nth-of-type(1) {--color:#f78eb7;}
.ipn_mv > section:nth-of-type(4) dl > div:nth-of-type(2) {--color:#a382bb;}
.ipn_mv dt b {color:var(--color);}
.ipn_mv dt i {display:block; margin-left:-.5em; line-height:1; letter-spacing:0;}
.ipn_mv dd {font-weight:700; letter-spacing:0;}
.ipn_mv dd ul {margin:0;}


@media (min-width:769px){
  .ipn_mv {position:relative; display:grid; grid-template-columns:1fr 1fr; grid-template-rows:auto auto; overflow:hidden; margin-bottom:max(7vw,80px);}
  .ipn_mv > section {display:grid; grid-template-rows:subgrid; grid-row:span 2;}
  .ipn_mv > section:nth-of-type(2n+1) {grid-template-columns:3fr 10fr 5fr;}
  .ipn_mv > section:nth-of-type(2n) {grid-template-columns:5fr 10fr 3fr;}
  .ipn_mv ._txt {grid-column:2/3; grid-row:2/3; padding-block:1cqw; display:flex; align-items:center;}
  .ipn_mv > section:nth-of-type(2n+1) ._ttl {left:0; bottom:0; width:7cqw; translate:-165% -18%;}
  .ipn_mv > section:nth-of-type(2n) ._ttl {right:0; bottom:0; width:7cqw; translate:165% -18%;}
  .ipn_mv dl {display:grid; grid-template-columns:auto 1fr;}
  .ipn_mv dl > div {grid-column:span 2; display:grid; grid-template-columns:subgrid; align-items:center;}
  .ipn_mv dt {padding:0 2cqw .4em 0; font-size:4cqw;}
  .ipn_mv dt i {font-size:45%; white-space:nowrap;}
  .ipn_mv dd {padding-left:2cqw; font-size:2cqw;}
  .ipn_mv dt:before,
  .ipn_mv dt:after {content:""; display:block; position:absolute; right:0; top:50%; translate:1px -.6em; width:3px; aspect-ratio:1; background:#1b44a0; border-radius:50%;}
  .ipn_mv dt:after {translate:1px .6em;}
  .ipn_mv dt b:after {content:""; display:block; position:absolute; right:0; top:50%; height:1.2em; translate:0 -50%; border-left:1px #1b44a0 solid;}
  .ipn_mv ._pic {grid-column:1/-1; grid-row:1/2; aspect-ratio:21/10}
  .ipn_mv > section:nth-of-type(1) ._pic {background:url(./img/mv01-pc.webp) no-repeat 50% 50% / cover;}
  .ipn_mv > section:nth-of-type(2) ._pic {background:url(./img/mv02-pc.webp) no-repeat 50% 50% / cover;}
  .ipn_mv > section:nth-of-type(3) ._pic {background:url(./img/mv03-pc.webp) no-repeat 50% 50% / cover;}
  .ipn_mv > section:nth-of-type(4) ._pic {background:url(./img/mv04-pc.webp) no-repeat 50% 50% / cover;}
  .ipn_mv ._center {position:absolute; left:50%; top:50%; z-index:10; translate:-50% -60%; width:27.5%;}
  .ipn_mv ._center img {width:100%; max-height:200%;}
}
@media (max-width:768px){
  .ipn_mv {margin-bottom:10vw;}
  .ipn_mv > section {display:grid; grid-template-columns:1fr 1fr;}
  .ipn_mv > section > * {grid-row:1/2;}
  .ipn_mv > section ._pic {width:50vw; aspect-ratio:1;}
  .ipn_mv > section:nth-of-type(2n+1) ._txt {grid-column:1/2;}
  .ipn_mv > section:nth-of-type(2n+1) ._ttl {right:0; bottom:0; width:7cqw; translate:50% -10%;}
  .ipn_mv > section:nth-of-type(2n+1) ._pic {grid-column:2/3;}
  .ipn_mv > section:nth-of-type(2n) ._txt {grid-column:2/3;}
  .ipn_mv > section:nth-of-type(2n) ._ttl {left:0; bottom:0; width:7cqw; translate:-50% -10%;}
  .ipn_mv > section:nth-of-type(2n) ._pic {grid-column:1/3;}  
  .ipn_mv ._txt {display:flex; align-items:center; padding-inline:7.5vw;}
  .ipn_mv ._txt div + div {margin-top:2.5vw;}
  .ipn_mv dt {margin-bottom:.2em; font-size:5vw;}
  .ipn_mv dt i {font-size:45%; white-space:nowrap; scale:.9; transform-origin:0 50%;}
  .ipn_mv dd {position:relative; padding-left:2vw; font-size:2.8vw; white-space:nowrap;}
  .ipn_mv dd:before,
  .ipn_mv dd:after {content:""; display:block; position:absolute; left:0; width:3px; z-index:2; aspect-ratio:1; background:#1b44a0; border-radius:50%;}
  .ipn_mv dd:before {top:15%; left:0; translate:0 -1px}
  .ipn_mv dd:after {bottom:15%; left:0; translate:0 1px;}
  .ipn_mv dd ul:after {content:""; display:block; height:70%; position:absolute; left:1px; top:50%; z-index:1; translate:0 -50%; border-left:1px #1b44a0 solid;}
  .ipn_mv > section:nth-of-type(1) ._pic {background:url(./img/mv01-pc.webp) no-repeat 50% 50% / cover;}
  .ipn_mv > section:nth-of-type(2) ._pic {background:url(./img/mv02-pc.webp) no-repeat 50% 50% / cover;}
  .ipn_mv > section:nth-of-type(3) ._pic {background:url(./img/mv03-pc.webp) no-repeat 50% 50% / cover;}
  .ipn_mv > section:nth-of-type(4) ._pic {background:url(./img/mv04-pc.webp) no-repeat 50% 50% / cover;}
}

.ipn_overview ._inner {background:#8bfbd8 url(./img/bg_pattern.png); background-size:50px 50px;}
.ipn_overview li {position:relative; color:#2a59c1; container-type:inline-size;}
.ipn_overview li:is(:nth-of-type(1),:nth-of-type(2)) {padding-top:2.8rem;}
.ipn_overview li:is(:nth-of-type(3),:nth-of-type(4)) {padding-bottom:2.8rem;}
.ipn_overview li img {position:absolute;}
.ipn_overview li > div {line-height:1.8; white-space:nowrap;}
.ipn_overview li b {font-size:130%;}

@media (min-width:769px){
  .ipn_overview {margin-block:7rem;}
  .ipn_overview ._inner {display:grid; grid-template-columns:4fr 5fr 4fr; grid-row:1fr 1fr; gap:0 3%; border-radius:1.5rem;}
  .ipn_overview hgroup {grid-column:2/3; grid-row:1/3;}
  .ipn_overview hgroup h1 img {margin-inline:8%; width:84%; scale:1.15; transform-origin:50% 100%;}
  .ipn_overview hgroup h1 + img {margin-top:.5rem; transform-origin:50% 0;}
  .ipn_overview ul {display:contents;}
  .ipn_overview li {display:flex; flex-direction:column; justify-content:center;}
  .ipn_overview li:nth-of-type(1) {grid-column:1/2; grid-row:1/2;}
  .ipn_overview li:nth-of-type(2) {grid-column:3/4; grid-row:1/2;}
  .ipn_overview li:nth-of-type(3) {grid-column:1/2; grid-row:2/3;}
  .ipn_overview li:nth-of-type(4) {grid-column:3/4; grid-row:2/3;}
  .ipn_overview li:nth-child(2n+1) {padding-left:15%;}
  .ipn_overview li:nth-child(2n) {padding-right:15%;}
  .ipn_overview li img[src*="badge"] {width:19%;}
  .ipn_overview li img[src*="face"] {width:15.5%;}
  .ipn_overview li:nth-child(2n+1) img[src*="badge"] {left:0; translate:-40% 0;}
  .ipn_overview li:nth-child(2n+1) img[src*="face"] {left:0; translate:80% 0;}
  .ipn_overview li:nth-child(2n) img[src*="badge"] {right:0; translate:40% 0;}
  .ipn_overview li:nth-child(2n) img[src*="face"] {right:0; translate:-80% 0;}
  .ipn_overview li:is(:nth-of-type(1),:nth-of-type(2)) img[src*="badge"] {top:4rem;}
  .ipn_overview li:is(:nth-of-type(1),:nth-of-type(2)) img[src*="face"] {top:.4rem;}
  .ipn_overview li:is(:nth-of-type(3),:nth-of-type(4)) img[src*="badge"] {bottom:4rem;}
  .ipn_overview li:is(:nth-of-type(3),:nth-of-type(4)) img[src*="face"] {bottom:.4rem;}
  .ipn_overview li > div {font-size:7.2cqw;}
  .ipn_overview li:nth-child(2n) > div {translate:.5rem 0;}
}
@media (max-width:768px){
  .ipn_overview {margin-block:5rem;}
  .ipn_overview ._inner {display:flex; flex-direction:column; width:100%; background-size:25px 25px;}
  .ipn_overview hgroup {display:contents;}
  .ipn_overview hgroup h1 {text-align:center;}
  .ipn_overview hgroup h1 img {width:57%; translate:0 -10%;}
  .ipn_overview hgroup h1 + img {order:10; display:block; width:63%; margin:3vw auto 0;}
  .ipn_overview ul {display:grid; grid-template-columns:1fr 1fr; gap:6vw;}
  .ipn_overview li:nth-child(2n+1) {padding-left:15%;}
  .ipn_overview li:nth-child(2n) {padding-right:15%;}
  .ipn_overview li img[src*="badge"] {width:20%;}
  .ipn_overview li img[src*="face"] {width:18%;}
  .ipn_overview li:nth-child(2n+1) img[src*="badge"] {left:0; translate:10% 0;}
  .ipn_overview li:nth-child(2n+1) img[src*="face"] {left:0; translate:135% 0;}
  .ipn_overview li:nth-child(2n) img[src*="badge"] {right:0; translate:-10% 0;}
  .ipn_overview li:nth-child(2n) img[src*="face"] {right:0; translate:-135% 0;}
  .ipn_overview li:is(:nth-of-type(1),:nth-of-type(2)) img[src*="badge"] {top:0;}
  .ipn_overview li:is(:nth-of-type(1),:nth-of-type(2)) img[src*="face"] {top:-.7rem;}
  .ipn_overview li:is(:nth-of-type(3),:nth-of-type(4)) img[src*="badge"] {bottom:0;}
  .ipn_overview li:is(:nth-of-type(3),:nth-of-type(4)) img[src*="face"] {bottom:-.7rem;}
  .ipn_overview li > div {font-size:7cqw;}

}

.ipn_videos :is(hgroup, hgroup > *) {width:fit-content; margin-inline:auto;}
.ipn_videos hgroup {position:relative; background:#fff;}
.ipn_videos hgroup > * {position:relative;}
.ipn_videos a {display:block; position:relative;}
.ipn_videos a:after {content:""; display:block; position:absolute; left:50%; top:50%; translate:-50% -50%; width:56px; height:62px; background:url(./img/videos_playbtn.png) no-repeat 50% 50% / contain;}
.ipn_videos hgroup ~ ul {text-align:center;}
.ipn_videos li img {aspect-ratio:1.41/1; object-fit:cover; margin-bottom:.8rem; transition:.2s all;}
.ipn_videos li a:hover img {opacity:.7;} 
.ipn_videos li ul {width:fit-content; margin-inline:auto; padding-left:var(--markerSpace); text-align:left; font-weight:bold; font-size:108%;}
.ipn_videos li ul li {position:relative;}
.ipn_videos li ul li + li {margin-top:.3em;}
.ipn_videos li ul li:before {content:""; display:block; width:calc(var(--markerSpace) * .8); aspect-ratio:1/1.25; position:absolute; left:calc(var(--markerSpace) * -1); top:0;}
.ipn_videos .-env ul li:before {background:url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 35.52 39.97" style="enable-background:new 0 0 35.52 39.97" xml:space="preserve"><circle style="fill:%236bd18a" class="st0" cx="17.64" cy="22.33" r="16.64"/><path style="fill:none;stroke:%23000;stroke-width:2;stroke-miterlimit:10;stroke-dasharray:8.9095,3.5638,8.9095,.8909,2.2274,1.7819" class="st1" d="m7.58 22.95 8 6.04c1.96 1.48 4.44.88 5.52-1.31L34.29.84"/></svg>') no-repeat 50% 50% / contain;}
.ipn_videos .-ss ul li:before {background:url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 35.52 39.97" style="enable-background:new 0 0 35.52 39.97" xml:space="preserve"><circle style="fill:%23ffbc1c" class="st0" cx="17.64" cy="22.33" r="16.64"/><path style="fill:none;stroke:%23000;stroke-width:2;stroke-miterlimit:10;stroke-dasharray:8.9095,3.5638,8.9095,.8909,2.2274,1.7819" class="st1" d="m7.58 22.95 8 6.04c1.96 1.48 4.44.88 5.52-1.31L34.29.84"/></svg>') no-repeat 50% 50% / contain;}
.ipn_videos .-mk ul li:before {background:url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 35.52 39.97" style="enable-background:new 0 0 35.52 39.97" xml:space="preserve"><circle style="fill:%23bf9cee" class="st0" cx="17.64" cy="22.33" r="16.64"/><path style="fill:none;stroke:%23000;stroke-width:2;stroke-miterlimit:10;stroke-dasharray:8.9095,3.5638,8.9095,.8909,2.2274,1.7819" class="st1" d="m7.58 22.95 8 6.04c1.96 1.48 4.44.88 5.52-1.31L34.29.84"/></svg>') no-repeat 50% 50% / contain;}
.ipn_videos i.-new {display:inline-block; padding-inline:.2em; background:#f44; line-height:1.3; color:#fff; scale:.8;}

@media (min-width:769px){
  .ipn_videos ._inner {border:2px #13c18a solid;}
  img[src*="/img/obj0-1"] {translate:-40% 30%;}
  img[src*="/img/obj0-2"] {right:0; bottom:16%; translate:40% 0;}
  .ipn_videos ._inner {border-radius:20px;}
  .ipn_videos {padding-block:135px 70px;}
  .ipn_videos hgroup {margin-block:-85px 2rem; padding-inline:1rem;}
  .ipn_videos h2 img {width:410px;}
  .ipn_videos hgroup ~ ul {--markerSpace:2rem; display:grid; grid-template-columns:1fr 1fr 1fr 1fr; gap:30px 20px; padding:0 4.5cqw 1rem; white-space:nowrap;}
  .ipn_videos li img {border-radius:30px;}
}
@media (max-width:768px){
  .ipn_videos {padding-block:3rem 2rem;}
  .ipn_videos ._inner {width:100%; padding:0 18px 1.4rem; border-bottom:2px #13c18a solid;}
  img[src*="/img/obj0-1"] {left:0; top:19vw; translate:-15% 0;}
  img[src*="/img/obj0-2"] {right:0; bottom:0; translate:10% 10%;}
  .ipn_videos a:after {scale:.5;}
  .ipn_videos hgroup {margin-bottom:2rem;}
  .ipn_videos hgroup h2 img {width:min(69.33vw,300px);}
  .ipn_videos hgroup:before {content:""; display:block; position:absolute; left:50%; top:50%; z-index:-1; translate:-50% 0; width:100vw; border-top:2px #13c18a solid;}
  .ipn_videos hgroup p {font-size:85%;}
  .ipn_videos hgroup ~ ul {--markerSpace:1.2rem; display:grid; grid-template-columns:1fr 1fr; gap:24px 18px; font-size:85%;}
  .ipn_videos hgroup ~ ul > li {width:calc(50cqw - 9px);}
  .ipn_videos li ul {letter-spacing:0; font-size:116%;}
  .ipn_videos li img {border-radius:15px;}
}

.ipn_nav ul {display:grid; grid-template-columns:1fr 1fr; gap:2px; margin:2px;}
.ipn_nav li {display:grid;}
.ipn_nav a {position:relative; display:grid; place-content:center; padding:1.8em 1em 2.2em; text-align:center; text-decoration:none; line-height:1.33; font-weight:bold;}
.ipn_nav a:before {content:""; display:block; width:11.5em; aspect-ratio:6/1; background:url(./img/kwsk.webp) no-repeat 50% 50% / contain; position:absolute; left:50%; top:0; translate:-50% -50%;}
.ipn_nav a:after {content:""; display:block; position:absolute; left:50%; bottom:0; translate:-50% 35%; width:40px; height:54px; background:url(./img/arrow.png) no-repeat 50% 50% / contain;}
.ipn_nav a[href*="exam"] {background:linear-gradient(180deg, #fff95c 0%, #fdf75b 50%, #e6e043 100%); color:#1b44a0;}
.ipn_nav a[href*="uhe"] {background:linear-gradient(180deg, #99fbdd 0%, #98fadc 50%, #80e2c4 100%); color:#ff7bac;}
.ipn_nav a b {font-size:160%;}
.ipn_nav a[href*="exam"] b {font-size:130%;}

@media (min-width:769px){
  .ipn_nav a {font-size:120%;}
}
@media (max-width:768px){
  .ipn_nav a {line-height:1.4; font-size:85%;}
  .ipn_nav a:after {scale:.5;}
  .ipn_nav a[href*="exam"] b {font-size:min(130%,3.2vw); letter-spacing:0;}
}

[class*="ipn_exam-"] {--blue:#1b44a0;}
[class*="ipn_exam-"] h2 {margin-bottom:60px; text-align:center;}
[class*="ipn_exam-"] ._outline dt i {display:block; width:fit-content; margin-inline:auto; background:var(--blue); color:#fff;}
[class*="ipn_exam-"] ._outline {color:var(--blue);}
[class*="ipn_exam-"] ._outline hgroup b._num {position:absolute; left:50%; translate:-50% -100%; line-height:1; font-family:"Kanit",sans-serif; font-weight:900; font-size:13rem; color:transparent; -webkit-text-stroke:2px var(--blue); text-stroke:2px var(--blue);}
[class*="ipn_exam-"] ._outline hgroup p {margin:0;}
[class*="ipn_exam-"] ._outline {position:relative; background:url(./img/bg_pattern.png); background-size:50px 50px;}
[class*="ipn_exam-"] ._outline hgroup {width:fit-content; margin-inline:auto; text-align:center;}
[class*="ipn_exam-"] ._outline hgroup h3 {line-height:1.2;}
[class*="ipn_exam-"] ._outline ._startDateBadge {position:absolute; display:flex; align-items:center; justify-content:center; aspect-ratio:1/1; background:url(./img/badge_bg.png) no-repeat 50% 50% / contain; text-align:center; line-height:1.1; font-weight:bold; color:#fff847;}
[class*="ipn_exam-"] ._outline ._startDateBadge .-yr {margin-top:-1.5em; line-height:1; scale:.7; font-family:"Kanit";}
[class*="ipn_exam-"] ._outline ._startDateBadge time {margin-block:-.6em -.2em;}
[class*="ipn_exam-"] ._outline ._dates > div {position:relative; display:grid; align-items:center; background:#fff; text-align:center;}
[class*="ipn_exam-"] ._outline ._dates > div.-hasNote {margin-bottom:1rem;}
[class*="ipn_exam-"] ._outline ._dates > div.-hasNote p.-note {position:absolute; top:100%; right:0; line-height:1.4; font-size:.77rem; font-weight:normal; color:#333;}
[class*="ipn_exam-"] ._outline ._dates dt {border-right:1px #444 solid;}
[class*="ipn_exam-"] ._outline ._dates dt b {display:inline-block; margin-right:.1em; font-weight:normal;}
[class*="ipn_exam-"] ._outline ._dates dd {font-weight:bold;}
[class*="ipn_exam-"] ._outline ._other {text-align:center;}
[class*="ipn_exam-"] ._outline ._other > div > dd {line-height:1.5;}
[class*="ipn_exam-"] ._outline ._other .-venue dl {display:grid; grid-template-columns:auto 1fr; border-bottom:1px #444c dashed; text-align:left;}
[class*="ipn_exam-"] ._outline ._other .-venue dl :is(dt,dd) {padding:.6rem 0 .6rem 1rem; border-top:1px #444c dashed;}
[class*="ipn_exam-"] ._outline ._other .-venue dl dt {color:#444;}
[class*="ipn_exam-"] ._outline ._other .-venue dl dt:before {content:""; display:inline-block; width:1rem; aspect-ratio:1/1; margin-left:-1rem; background:#444; border-radius:50%; scale:.6; translate:0 10%;}
[class*="ipn_exam-"] ._outline ._other .-venue dd b {font-size:1.3em;}
[class*="ipn_exam-"] ._outline ._other .-fee dd b {font-family:"Kanit",sans-serif; font-weight:bold;}
[class*="ipn_exam-"] ._outline ._other .-fee .sm2 {width:fit-content; margin-inline:auto; text-align:left; color:#444;}
[class*="ipn_exam-"] ._outline ._other .-tokusho strong {font-size:1.4em;}
[class*="ipn_exam-"] ._details {position:relative; background:#2a59c1 url(./img/bg_grid.png); background-size:32px 32px; color:#fff;}
[class*="ipn_exam-"] ._details h3 {text-align:center;}
[class*="ipn_exam-"] ._details * ~ h3 {margin-top:3rem;}
[class*="ipn_exam-"] ._details h3:before {content:""; display:block; aspect-ratio:2.269/1; margin-inline:auto; background:url(./img/dettitle_top.png) no-repeat 50% 50% / contain;}
[class*="ipn_exam-"] ._details h3:after {content:""; display:block; aspect-ratio:21/1; margin-inline:auto; background:url(./img/dettitle_btm.png) no-repeat 50% 50% / contain;}
[class*="ipn_exam-"] ._details ._features > li {display:flex; align-items:flex-start; gap:.8rem; font-weight:bold;}
[class*="ipn_exam-"] ._details ._features img {flex-shrink:0;}
[class*="ipn_exam-"] ._details ._features strong {color:#fef600;}
[class*="ipn_exam-"] ._details ._features b {display:inline-block; line-height:1.2; font-size:1.4em;}
[class*="ipn_exam-"] ._details ._features .sm2 {font-weight:normal; font-size:.85rem;}
[class*="ipn_exam-"] ._details ._reco > div {background:#fff; text-align:center; color:#1a1a1a;}
[class*="ipn_exam-"] ._details ._reco dt {color:var(--blue); font-weight:bold;}
[class*="ipn_exam-"] ._details ._reco dd {margin-top:.8rem; line-height:1.5;}
/*.ipn_exam-gen {background:#f7f7f7;}*/
.ipn_exam-gen ._outline {background-color:#fff847;}
.ipn_exam-fmSch {--grdStart:#fe8bd6; --grdCenter:#f986d1; --grdEnd:#e875c0;}
.ipn_exam-fmSch ._outline {background-color:#ffb7e5;}
.ipn_exam-fmSch ._outline ._startDateBadge {background-image:url(./img/badge_bg.png); color:#ffb7e5;}
.ipn_exam-fmSch hgroup + p.txC {translate:0 -1rem;}
.ipn_exam-center {--grdStart:#b4fc7e; --grdCenter:#b3fb7b; --grdEnd:#9be365;}
.ipn_exam-center ._outline {background-color:#a8fc69;}
.ipn_exam-center ._outline ._startDateBadge {background-image:url(./img/badge_bg.png); color:#a8fc6a;}

@media (min-width:769px){
  [class*="ipn_exam-"] h2 img {width:650px;}
  [class*="ipn_exam-"] ._outline {padding:5rem 3.5rem 3rem; border-radius:20px 20px 0 0;}
  [class*="ipn_exam-"] ._outline h3 {margin-bottom:2rem; translate:0 -5%; font-size:4rem;}
  [class*="ipn_exam-"] ._outline dt i {padding:.2em .5em; border-radius:4px; font-size:.93rem;}
  [class*="ipn_exam-"] ._outline ._startDateBadge {width:180px; right:0; top:0; translate:15% -20%;}
  [class*="ipn_exam-"] ._outline ._startDateBadge  b {font-size:1.8rem;}
  [class*="ipn_exam-"] ._outline ._dates {display:flex; flex-wrap:wrap; justify-content:space-between; gap:24px 0;}
  [class*="ipn_exam-"] ._outline ._dates > div {width:calc(50% - 1.75rem); grid-template-columns:7rem 1fr; padding:1.8rem 1.2rem 1.8rem 0; border-radius:10px;}
  [class*="ipn_exam-"] ._outline ._dates > div:nth-child(2n-1).-hasNote + div {margin-bottom:1.2rem;}
  [class*="ipn_exam-"] ._outline ._dates dt {font-size:1.5rem;}
  [class*="ipn_exam-"] ._outline ._dates dt b {font-size:2.5rem; translate:0 5%;}
  [class*="ipn_exam-"] ._outline ._dates dd {font-size:1.2rem;}
  [class*="ipn_exam-"] ._outline ._dates > div.-thru {width:100%; display:flex; align-items:center; padding-inline:6rem;}
  [class*="ipn_exam-"] ._outline ._dates > div.-thru > * {width:auto; flex-grow:1;}
  [class*="ipn_exam-"] ._outline ._dates > div.-thru dt {border:0;}
  [class*="ipn_exam-"] ._outline ._dates > div.-thru dt i {translate:0 20%;}
  [class*="ipn_exam-"] ._outline ._other {width:calc(100% + 3rem); display:grid; grid-template-columns:repeat(auto-fit, minmax(100px,1fr)); margin:3rem 0 0 -1.5rem;}
  [class*="ipn_exam-"] ._outline ._other > div {display:grid; grid-template-rows:auto 1fr; gap:.8rem; padding-inline:2rem;}
  [class*="ipn_exam-"] ._outline ._other > div + div {box-shadow:-1px 0 0 #444;}
  [class*="ipn_exam-"] ._outline ._other > div > dd {display:flex; flex-direction:column; justify-content:center; font-size:93%; letter-spacing:0;}
  [class*="ipn_exam-"] ._outline ._other .-fee dd b {font-size:2.8rem;}
  [class*="ipn_exam-"] ._outline ._other .-tokusho {font-size:1.25rem;}
  [class*="ipn_exam-"] ._details {padding:4rem 3.5rem 3rem; border-radius:0 0 20px 20px;}
  [class*="ipn_exam-"] ._details h3 {margin-bottom:2rem; font-size:2rem;}
  [class*="ipn_exam-"] ._details h3 b {font-size:2.5rem;}
  [class*="ipn_exam-"] ._details h3:before {width:86px;}
  [class*="ipn_exam-"] ._details h3:after {width:300px;}
  [class*="ipn_exam-"] ._details ._features {display:flex; flex-wrap:wrap; justify-content:center; gap:2rem;}
  [class*="ipn_exam-"] ._details ._features > li {width:calc(50% - 1rem); font-size:1.4rem;}
  [class*="ipn_exam-"] ._details ._features > li:nth-of-type(2n+1):last-child {width:fit-content;}
  [class*="ipn_exam-"] ._details ._features img {width:80px;}
  [class*="ipn_exam-"] ._details ._features img + div {padding-top:.3em;}
  [class*="ipn_exam-"] ._details ._reco {display:grid; grid-template-columns:1fr 1fr 1fr; gap:3rem;}
  [class*="ipn_exam-"] ._details ._reco > div {padding:.5rem 1rem 2rem; border-radius:10px;}
  [class*="ipn_exam-"] ._details ._reco dt {line-height:1.4; font-size:1.5rem; letter-spacing:0;}
  [class*="ipn_exam-"] ._details ._reco img {width:85px; margin-bottom:.5rem;}
  [class*="ipn_exam-"] ._details ._endBtn {margin-top:-2rem; translate:0 calc(3rem + 45%);}
  [class*="ipn_exam-"] ._details ._endBtn a {width:700px; margin-inline:auto; box-shadow:0 0 0 2px var(--blue), 0 0 0 4px #fff; border-radius:10px;}
  .ipn_exam-gen {padding-block:0 110px;}
  .ipn_exam-gen ._outline img[src*="img/obj1-1"] {left:0; top:8rem; translate:-50% 0;}
  .ipn_exam-gen ._outline img[src*="img/obj1-2"] {right:15%; top:0; translate:0 -40%;}
  .ipn_exam-gen ._outline img[src*="img/obj1-3"] {right:0; top:10rem; translate:33% 0;}
  .ipn_exam-gen ._outline img[src*="img/obj1-4"] {left:0; bottom:14rem; translate:20% 0;}
  .ipn_exam-gen ._outline img[src*="img/obj1-5"] {left:0; bottom:7rem; translate:-50% 0;}
  .ipn_exam-gen ._outline img[src*="img/obj1-6"] {right:0; bottom:10rem; translate:25% 0;}
  .ipn_exam-gen ._outline img[src*="img/obj1-hito"] {width:210px; bottom:100%; left:25px;}
  .ipn_exam-gen ~ [class*="ipn_exam-"] {padding-block:155px 175px;}
  .ipn_exam-center ._outline img[src*="img/obj2-1"] {left:0; top:2rem; translate:40% 0;}
  .ipn_exam-center ._outline img[src*="img/obj2-2"] {left:0; top:10rem; translate:-40% 0;}
  .ipn_exam-center ._outline img[src*="img/obj2-3"] {right:14rem; top:0; translate:0 -50%;}
  .ipn_exam-center ._outline img[src*="img/obj2-4"] {right:0; bottom:0; translate:-90% -40%;}
  .ipn_exam-center ._outline img[src*="img/obj2-5"] {right:0; bottom:4rem; translate:30% 0;}
  .ipn_exam-center ._outline img[src*="img/obj2-hito"] {width:140px; left:5%; bottom:0;}
  .ipn_exam-fmSch ._outline img[src*="img/obj3-1"] {left:6%; top:0; translate:0 -50%;}
  .ipn_exam-fmSch ._outline img[src*="img/obj3-2"] {right:0; top:11rem; translate:30% 0;}
  .ipn_exam-fmSch ._outline img[src*="img/obj3-3"] {left:0; bottom:14rem; translate:-60% 0;}
  .ipn_exam-fmSch ._outline img[src*="img/obj3-4"] {left:0; bottom:4rem; translate:-40% 0;}
  .ipn_exam-fmSch ._outline img[src*="img/obj3-5"] {right:0; bottom:7rem; translate:50% 0;}
  .ipn_exam-fmSch ._outline img[src*="img/obj3-hito"] {width:190px; bottom:100%; right:14%; aspect-ratio:10/7; object-fit:cover; object-position:50% 0;}
}
@media (max-width:768px){
  [class*="ipn_exam-"] ._inner {width:100%;}
  [class*="ipn_exam-"] h2 img {max-width:360px;}
  [class*="ipn_exam-"] ._inner > section {padding-inline:30px;}
  [class*="ipn_exam-"] ._outline {padding-block:3rem 3.5rem; background-size:25px 25px;}
  [class*="ipn_exam-"] ._outline hgroup b._num {font-size:6rem; -webkit-text-stroke:1px var(--blue); text-stroke:1px var(--blue);}
  [class*="ipn_exam-"] ._outline hgroup p {font-size:85%;}
  [class*="ipn_exam-"] ._outline hgroup h3 {margin-bottom:2rem; font-size:3rem;}
  [class*="ipn_exam-"] ._outline ._startDateBadge {width:105px; right:0; top:0; translate:-15% -55%; font-size:.7rem;}
  [class*="ipn_exam-"] ._outline ._startDateBadge .-dateMD {font-size:2rem;}
  [class*="ipn_exam-"] ._outline ._startDateBadge b {font-size:.93rem;}
  [class*="ipn_exam-"] ._outline dt i {width:5.4em; padding:.1em; border-radius:4px; text-align:center; font-size:.77rem;}
  [class*="ipn_exam-"] ._outline dt b {font-size:1.6rem;}
  [class*="ipn_exam-"] ._outline ._dates > div {grid-template-columns:6em 1fr; margin-bottom:10px; padding:1.2rem .6rem 1.2rem 0; border-radius:10px;}
  [class*="ipn_exam-"] ._outline ._dates > div.-hasNote {margin-bottom:2rem;}
  [class*="ipn_exam-"] ._outline ._dates > div.-thru {align-items:unset;}
  [class*="ipn_exam-"] ._outline ._dates > div.-thru dt {grid-row:1/3;}
  [class*="ipn_exam-"] ._outline ._dates > div.-thru dd {grid-column:2/3;}
  [class*="ipn_exam-"] ._outline ._dates > div.-thru dd > div {width:fit-content; margin-inline:auto; text-align:left;}
  [class*="ipn_exam-"] ._outline ._other > div {position:relative; margin-top:3rem;}
  [class*="ipn_exam-"] ._outline ._other dt {margin-bottom:1rem;}
  [class*="ipn_exam-"] ._outline ._other dt i {width:fit-content; padding-inline:.6em;}
  [class*="ipn_exam-"] ._outline ._other .-venue dl {margin-top:1.3rem;}
  [class*="ipn_exam-"] ._outline ._other .-venue dl dt {font-size:85%;}
  [class*="ipn_exam-"] ._outline ._other .-fee dd b {font-size:2.2rem;}
  [class*="ipn_exam-"] ._details {padding-block:4rem 3rem; background-size:16px 16px;}
  [class*="ipn_exam-"] ._details h3 {margin-bottom:2rem; font-size:1.4rem;}
  [class*="ipn_exam-"] ._details h3 b {font-size:1.7rem;}
  [class*="ipn_exam-"] ._details h3:before {width:59px;}
  [class*="ipn_exam-"] ._details h3:after {width:209px;}
  [class*="ipn_exam-"] ._details ._features {display:flex; flex-direction:column; gap:2rem; width:fit-content; margin-inline:auto;}
  [class*="ipn_exam-"] ._details ._features li {gap:0;}
  [class*="ipn_exam-"] ._details ._features img {width:45px; scale:1.2; translate:-10% -20%; transform-origin:100% 100%;}
  [class*="ipn_exam-"] ._details ._reco > div {margin-top:15px; padding:.3rem 1rem 1.5rem; border-radius:8px;}
  [class*="ipn_exam-"] ._details ._reco dt {line-height:1.4; font-size:1.25rem; letter-spacing:0;}
  [class*="ipn_exam-"] ._details ._reco dd {font-size:93%;}
  [class*="ipn_exam-"] ._details ._reco img {width:60px; margin-bottom:.5rem;}
  [class*="ipn_exam-"] ._details ._endBtn {margin-top:-1rem; translate:0 calc(3rem + 50%);}
  [class*="ipn_exam-"] ._details ._endBtn a {width:100%; margin-inline:auto; box-shadow:0 0 0 1px var(--blue), 0 0 0 2px #fff; border-radius:6px;}
  .ipn_exam-gen {padding-block:75px 110px;}
  .ipn_exam-gen ._outline img[src*="img/obj1-1"] {left:0; top:0; translate:0 -35%;}
  .ipn_exam-gen ._outline img[src*="img/obj1-2"] {right:0; top:3rem;}
  .ipn_exam-gen ._outline img[src*="img/obj1-3"] {right:0; top:0; translate:30% -50%;}
  .ipn_exam-gen ._outline img[src*="img/obj1-4"] {left:0; top:0; translate:-20% -30%;}
  .ipn_exam-gen ._outline img[src*="img/obj1-5"] {left:0; top:0; translate:-50% 20%;}
  .ipn_exam-gen ._outline img[src*="img/obj1-6"] {right:0; top:0; translate:30% -40%;}
  .ipn_exam-gen ._outline img[src*="img/obj1-hito"] {width:105px; bottom:100%; left:25px; scale:1;}
  .ipn_exam-gen ~ [class*="ipn_exam-"] {padding-block:140px 110px;}
  .ipn_exam-center ._outline hgroup h3 {width:calc(100% + 30px); margin-left:-15px; letter-spacing:-.02em; font-size:2.5rem;}
  .ipn_exam-center ._outline ._startDateBadge {translate:-15% -70%;}
  .ipn_exam-center ._outline img[src*="img/obj2-1"] {left:0; top:0; translate:0 -55%;}
  .ipn_exam-center ._outline img[src*="img/obj2-2"] {left:0; top:0; translate:0 -100%;}
  .ipn_exam-center ._outline img[src*="img/obj2-3"] {right:0; top:7rem;}
  .ipn_exam-center ._outline img[src*="img/obj2-4"] {right:0; top:0; translate:5% -30%;}
  .ipn_exam-center ._outline img[src*="img/obj2-5"] {right:0; top:0; translate:60% -65%;}
  .ipn_exam-center ._outline img[src*="img/obj2-hito"] {width:70px; bottom:0; left:25px; scale:1;}
  .ipn_exam-fmSch ._outline img[src*="img/obj3-1"] {left:0; top:0; translate:-10% -55%;}
  .ipn_exam-fmSch ._outline img[src*="img/obj3-2"] {right:0; top:5rem; translate:30% 0%;}
  .ipn_exam-fmSch ._outline img[src*="img/obj3-3"] {left:0; top:0; translate:-50% -50%;}
  .ipn_exam-fmSch ._outline img[src*="img/obj3-4"] {left:0; top:0; translate:-15% -30%;}
  .ipn_exam-fmSch ._outline img[src*="img/obj3-5"] {right:0; top:0; translate:30% -65%;}
  .ipn_exam-fmSch ._outline img[src*="img/obj3-hito"] {width:100px; bottom:100%; left:6%; scale:1;}
}


[class*="ipn_misc-"] {--ipnBg:#fff; background:var(--ipnBg); overflow:hidden;}
[class*="ipn_misc-"], [class*="ipn_misc-"] ._inner {position:relative;}
[class*="ipn_misc-"]:before {content:attr(data-bgword); display:block; position:absolute; left:0; top:0; line-height:.8; font-family:"Kanit", sans-serif; font-weight:bold; color:var(--ipnBg); text-shadow:-1px -1px 0 #0001, 1px -1px 0 #0001, -1px 1px 0 #0001, 1px 1px 0 #0001; translate:-3% -14%; opacity:.6;}
.ipn_misc-data, .ipn_misc-news {--ipnBg:#f7f7f7;}
[class*="ipn_misc-"] ._inner {position:relative;}
[class*="ipn_misc-"] h2 {position:relative; padding-left:.2em;}
[class*="ipn_misc-"] h2 i {font-size:10px; position:absolute; left:0; top:0; line-height:1; rotate:90deg; transform-origin:0 50%; letter-spacing:-.02em; color:#929292;}
[class*="ipn_misc-"] h2 i:after {content:""; display:inline-block; vertical-align:20%; width:1em; border-top:1px #929292 solid;}
[class*="ipn_misc-"] h2 span {color:#1b44a0;}
[class*="ipn_misc-"] ._body {position:relative; background:#fff;}
.ipn_misc-data dl {display:grid; grid-template-columns:repeat(auto-fit, minmax(200px,1fr)); gap:1rem 1.5rem;}
.ipn_misc-data dl > div {position:relative;}
.ipn_misc-data dt a {text-decoration:none; font-weight:bold; color:#1b44a0;}
.ipn_misc-data dt a i {position:absolute; left:0; top:0; display:block; aspect-ratio:1/1; border:1px #ddd solid; border-radius:50%;}
.ipn_misc-data dt a i:before {content:""; display:block; width:40%; aspect-ratio:3/1; position:absolute; left:50%; top:50%; transform:skewX(45deg); translate:-60% -70%; border:1px #222 solid; border-width:0 1px 1px 0;}
.ipn_misc-qa img[src*="hito"] {position:absolute;}
.ipn_misc-qa dl {margin-top:1.5rem;}
.ipn_misc-qa dt button {position:relative; background:none; border:0; text-align:left; font-weight:bold; color:#1c43a2; cursor:pointer;}
.ipn_misc-qa dt button:before {content:"Q"; position:absolute; display:block; aspect-ratio:1/1; background:#1c43a2; border-radius:15%; text-align:center; line-height:1.2; color:#fff; font-family:"Kanit", sans-serif; font-weight:bold; font-size:1.2em;}
.ipn_misc-qa dd {color:#f56098; transition:.2s all;}
.ipn_misc-qa dd a {color:inherit;}
.ipn_misc-qa dd {max-height:0; opacity:0; overflow:hidden;}
.ipn_misc-qa dd:before {content:"A"; position:absolute; display:block; aspect-ratio:1/1; background:#f56098; border-radius:15%; text-align:center; line-height:1.2; color:#fff; font-family:"Kanit", sans-serif; font-weight:bold; font-size:1.2em; opacity:0; z-index:-1; transition:.2s all;}
.ipn_misc-qa dt.-on + dd {max-height:1000px; opacity:1; margin-top:1.4rem;}
.ipn_misc-qa dt.-on + dd:before {opacity:1; z-index:1;}
.ipn_misc-qa dd p:first-of-type {margin-top:0;}
.ipn_misc-news dt {font-size:93%;}
.ipn_misc-news a {text-decoration:none; color:#1a449f;}
.ipn_misc-news ._newsList {overflow:auto;}

@media (min-width:769px){
  [class*="ipn_misc-"] {padding-block:90px 80px;}
  [class*="ipn_misc-"]:before {font-size:20rem;}
  [class*="ipn_misc-"] ._inner {display:grid; grid-template-columns:18rem 1fr;}
  [class*="ipn_misc-"] h2 {font-size:2.4rem;}
  [class*="ipn_misc-"] ._body {padding:1.4rem 2rem; border-radius:10px;}
  .ipn_misc-qa ._body {border:10px #f7f7f7 solid;}
  .ipn_misc-data dl > div {padding-left:50px;}
  .ipn_misc-data dt {font-size:1.4rem;}
  .ipn_misc-data dt a i {width:36px;}
  .ipn_misc-data dd {margin-top:.8rem;}
  .ipn_misc-qa img[src*="hito"] {width:245px; bottom:0; right:100%; translate:-20% -30%;}
  .ipn_misc-qa dl > div {padding-block:1.5rem; border-top:2px #ccc dotted;}
  .ipn_misc-qa dt {position:relative; font-size:1.1rem;}
  .ipn_misc-qa dt button {padding-inline:4rem;}
  .ipn_misc-qa dt button:before {width:1.4em; scale:1.1; left:1rem;}
  .ipn_misc-qa dt ._status {display:block; position:absolute; right:1rem; top:0; width:1.8em; aspect-ratio:1/1; border:1px #ddd solid; border-radius:50%; cursor:pointer;}
  .ipn_misc-qa dt ._status:before,
  .ipn_misc-qa dt ._status:after {content:""; display:block; width:40%; position:absolute; top:50%; left:30%; border-top:1px #333d solid; transition:.2s all;}
  .ipn_misc-qa dt button[aria-expanded="false"] + ._status:after {rotate:90deg;}
  .ipn_misc-qa dd {padding-left:7rem;}
  .ipn_misc-qa dd:before {left:6rem; width:1.4em; scale:1.1; font-size:1.3rem;}
  .ipn_misc-qa dd[aria-labelledby="qa1"] {display:grid; grid-template-columns:1fr 1fr; gap:1rem;}
  .ipn_misc-qa dd[aria-labelledby="qa1"] > p {margin-top:0;}
  .ipn_misc-news dl {display:grid; grid-template-columns:10rem 1fr; gap:1rem 0; padding-inline:2rem;}
}
@media (max-width:768px){
  [class*="ipn_misc-"] {padding-block:45px 60px;}
  [class*="ipn_misc-"]:before {font-size:10rem;}
  [class*="ipn_misc-"] h2 {margin-bottom:2rem; font-size:1.7rem;}
  [class*="ipn_misc-"] h2 i {scale:.6;}
  [class*="ipn_misc-"] ._body {margin-top:1rem; padding:.6rem 1rem; border-radius:8px;}
  .ipn_misc-qa ._body {border:5px #f7f7f7 solid;}
  .ipn_misc-data dl > div {padding-left:30px;}
  .ipn_misc-data dt {font-size:1.1rem;}
  .ipn_misc-data dt a i {width:24px;}
  .ipn_misc-data dd {margin-top:.6rem;}
  .ipn_misc-qa img[src*="hito"] {width:80px; bottom:100%; right:0; translate:0 -4px;}
  .ipn_misc-qa dl > div {padding-block:1.2rem; border-top:1px #ddd solid;}
  .ipn_misc-qa dt button {padding-left:2rem;}
  .ipn_misc-qa dt button:before {left:0; width:1.2em; line-height:1;}
  .ipn_misc-qa dd {padding-left:2rem;}
  .ipn_misc-qa dd:before {left:1rem; width:1.2em; scale:1;}
  .ipn_misc-news * ~ dt {margin-top:1.6rem;}
  .ipn_misc-news dd {margin-top:.4rem;}
}


.ipn_about {position:relative; background:#8bfbd8 url(./img/bg_pattern.png); background-size:50px 50px;}
.ipn_about ._inner > hgroup {text-align:center; color:#1b449e; font-weight:bold;}
.ipn_about ._division {position:relative; border-radius:var(--aboutR);}
.ipn_about ._division > * {position:relative; z-index:2;}
.ipn_about ._division hgroup {position:absolute; top:0; display:flex; flex-direction:column; justify-content:center; background:var(--theme); text-align:center; color:#fff; font-weight:bold; text-shadow:1px 1px 3px #0002;}
.ipn_about ._division hgroup h3 {line-height:1.2;}
.ipn_about ._division hgroup p {margin-top:.6rem; line-height:1.4; font-size:1rem;}
.ipn_about ._division :is(hgroup, ._desc) {border-radius:var(--aboutR) 0 var(--aboutR) 0;}
.ipn_about ._division ._excerpt {margin:0; font-weight:bold; color:#fff;}
.ipn_about ._division ._desc {background:#fff;}
.ipn_about ._division ._pts {font-weight:bold;}
.ipn_about ._division ._pts li {position:relative;}
.ipn_about ._division ._pts li:before {content:""; display:block; width:calc(var(--markerSpace) * .8); aspect-ratio:1/1.25; position:absolute; top:0;}
.ipn_about ._division ._pts em {color:var(--theme);}
.ipn_about ._division ._desc p {text-align:center; font-size:.85rem;}
.ipn_about ._division ._desc p:before,
.ipn_about ._division ._desc p:after {content:""; display:inline-block; height:1.8em; margin-inline:.6em; border-left:1px #555 solid; translate:0 30%;}
.ipn_about ._division ._desc p:before {rotate:-25deg;}
.ipn_about ._division ._desc p:after {rotate:25deg;}
.ipn_about ._division ._desc ._endBtns a {text-align:left;}
.ipn_about section._division:nth-of-type(2n) :is(hgroup, ._desc) {border-radius:0 var(--aboutR) 0 var(--aboutR);}
.ipn_about section._division:nth-of-type(2n) hgroup {right:0;}
.ipn_about ._division.-psy {--theme:#ff964a; --grdStart:#ffcda8; --grdCenter:#ffcda8; --grdEnd:#e6b690;}
.ipn_about ._division.-env {--theme:#0fb06d; --grdStart:#8ce4a7; --grdCenter:#8ce4a7; --grdEnd:#74cc8f;}
.ipn_about ._division.-ok {--theme:#ff9bc1; --grdStart:#ffd4e5; --grdCenter:#ffd4e5; --grdEnd:#e7bccd;}
.ipn_about ._division.-ss {--theme:#febd1b; --grdStart:#ffe4a3; --grdCenter:#ffe4a3; --grdEnd:#e7cb8a;}
.ipn_about ._division.-sk {--theme:#6fa3dd; --grdStart:#a6cffb; --grdCenter:#9ec4f1; --grdEnd:#8fb8e4;}
.ipn_about ._division.-mk {--theme:#bf9cee; --grdStart:#e4d1fe; --grdCenter:#e4d1fe; --grdEnd:#ccb9e6;}
.ipn_about ._division.-psy ._pts li:before {background:url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 35.52 39.97" style="enable-background:new 0 0 35.52 39.97" xml:space="preserve"><circle style="fill:%23ff964a" class="st0" cx="17.64" cy="22.33" r="16.64"/><path style="fill:none;stroke:%23000;stroke-width:2;stroke-miterlimit:10;stroke-dasharray:8.9095,3.5638,8.9095,.8909,2.2274,1.7819" class="st1" d="m7.58 22.95 8 6.04c1.96 1.48 4.44.88 5.52-1.31L34.29.84"/></svg>') no-repeat 50% 50% / contain;}
.ipn_about ._division.-env ._pts li:before {background:url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 35.52 39.97" style="enable-background:new 0 0 35.52 39.97" xml:space="preserve"><circle style="fill:%230fb06d" class="st0" cx="17.64" cy="22.33" r="16.64"/><path style="fill:none;stroke:%23000;stroke-width:2;stroke-miterlimit:10;stroke-dasharray:8.9095,3.5638,8.9095,.8909,2.2274,1.7819" class="st1" d="m7.58 22.95 8 6.04c1.96 1.48 4.44.88 5.52-1.31L34.29.84"/></svg>') no-repeat 50% 50% / contain;}
.ipn_about ._division.-ok ._pts li:before {background:url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 35.52 39.97" style="enable-background:new 0 0 35.52 39.97" xml:space="preserve"><circle style="fill:%23ff9bc1" class="st0" cx="17.64" cy="22.33" r="16.64"/><path style="fill:none;stroke:%23000;stroke-width:2;stroke-miterlimit:10;stroke-dasharray:8.9095,3.5638,8.9095,.8909,2.2274,1.7819" class="st1" d="m7.58 22.95 8 6.04c1.96 1.48 4.44.88 5.52-1.31L34.29.84"/></svg>') no-repeat 50% 50% / contain;}
.ipn_about ._division.-ss ._pts li:before {background:url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 35.52 39.97" style="enable-background:new 0 0 35.52 39.97" xml:space="preserve"><circle style="fill:%23febd1b" class="st0" cx="17.64" cy="22.33" r="16.64"/><path style="fill:none;stroke:%23000;stroke-width:2;stroke-miterlimit:10;stroke-dasharray:8.9095,3.5638,8.9095,.8909,2.2274,1.7819" class="st1" d="m7.58 22.95 8 6.04c1.96 1.48 4.44.88 5.52-1.31L34.29.84"/></svg>') no-repeat 50% 50% / contain;}
.ipn_about ._division.-sk ._pts li:before {background:url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 35.52 39.97" style="enable-background:new 0 0 35.52 39.97" xml:space="preserve"><circle style="fill:%236fa3dd" class="st0" cx="17.64" cy="22.33" r="16.64"/><path style="fill:none;stroke:%23000;stroke-width:2;stroke-miterlimit:10;stroke-dasharray:8.9095,3.5638,8.9095,.8909,2.2274,1.7819" class="st1" d="m7.58 22.95 8 6.04c1.96 1.48 4.44.88 5.52-1.31L34.29.84"/></svg>') no-repeat 50% 50% / contain;}
.ipn_about ._division.-mk ._pts li:before {background:url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 35.52 39.97" style="enable-background:new 0 0 35.52 39.97" xml:space="preserve"><circle style="fill:%23bf9cee" class="st0" cx="17.64" cy="22.33" r="16.64"/><path style="fill:none;stroke:%23000;stroke-width:2;stroke-miterlimit:10;stroke-dasharray:8.9095,3.5638,8.9095,.8909,2.2274,1.7819" class="st1" d="m7.58 22.95 8 6.04c1.96 1.48 4.44.88 5.52-1.31L34.29.84"/></svg>') no-repeat 50% 50% / contain;}
.ipn_about ._division ._endBtns .-new {translate:0 8%;}
.ipn_about ._endBtns li.-new a:before {content:"NEW"; position:absolute; left:0; top:0; translate:-30% -10%;width:3em; aspect-ratio:1; display:flex; align-items:center; justify-content:center; border-radius:50%; background:#e70012; font-size:65%; color:#fff;}

@media (min-width:769px){
  .ipn_about {--aboutR:25px; --markerSpace:35px; padding-block:100px 180px;}
  .ipn_about hgroup {margin-bottom:3rem;}
  .ipn_about h2 img {width:650px;}
  .ipn_about hgroup p {line-height:1.5; font-size:1.16rem;}
  .ipn_about hgroup strong {display:inline-block; line-height:1.1; font-size:3.5rem;}
  .ipn_about ._division {min-height:630px;}
  .ipn_about ._division + ._division {margin-top:60px;}
  .ipn_about ._division:before {content:""; position:absolute; left:0; bottom:0; width:100%; height:50%; background:linear-gradient(180deg, #5550 0%, #555a 100%); border-radius:0 0 var(--aboutR) var(--aboutR);}
  .ipn_about ._division hgroup {width:17rem; aspect-ratio:9/8;}
  .ipn_about h3 {font-size:3.3rem;}
  .ipn_about ._division ._excerpt {position:absolute; bottom:2.8rem; left:3rem; line-height:2; font-size:1.3rem;}
  .ipn_about section._division:nth-of-type(2n) ._excerpt {left:auto; right:3rem; text-align:right;}
  .ipn_about ._division ._pic {display:none;}
  .ipn_about ._division ._desc {position:absolute; bottom:0; right:0; display:grid; grid-template-rows:1fr auto auto; width:380px; height:calc(100% - 60px); padding:2rem 2.5rem;}
  .ipn_about section._division:nth-of-type(2n) ._desc {left:0;}
  .ipn_about ._division ._pts {font-size:1.3rem;}
  .ipn_about ._division ._pts li + li {margin-top:1.4rem;}
  .ipn_about ._division ._pts li:before {left:-2.5rem; translate:-50% 0;}
  .ipn_about ._division ._desc ._endBtns li + li {margin-top:15px;}
  .ipn_about ._division ._desc ._endBtns a {padding-block:1.6rem; border-radius:10px; font-size:1.2rem; color:#1a1a1a;}
  .ipn_about ._division ._desc ._endBtns a:after {right:5%; height:40px;}
  .ipn_about ._division.-psy {background:url(./img/div_psy-pc.webp?2025) no-repeat 50% 50% / cover;}
  .ipn_about ._division.-env {background:url(./img/div_env-pc.webp?2025) no-repeat 50% 50% / cover;}
  .ipn_about ._division.-ok {background:url(./img/div_ok-pc.webp) no-repeat 50% 50% / cover;}
  .ipn_about ._division.-ss {background:url(./img/div_ss-pc.webp?2025) no-repeat 50% 50% / cover;}
  .ipn_about ._division.-sk {background:url(./img/div_sk-pc.webp) no-repeat 50% 50% / cover;}
  .ipn_about ._division.-mk {background:url(./img/div_mk-pc.webp?2025) no-repeat 50% 50% / cover;}
}
@media (max-width:768px){
  .ipn_about {--aboutR:15px; --markerSpace:22px; padding-block:80px 100px; background-size:25px 25px;}
  .ipn_about ._inner {width:calc(100% - 30px);}
  .ipn_about hgroup {margin-bottom:50px}
  .ipn_about hgroup p {font-size:.85rem;}
  .ipn_about hgroup strong {font-size:1.6rem;}
  .ipn_about ._division {display:grid; grid-template-rows:auto 1fr auto auto;}
  .ipn_about ._division + ._division {margin-top:50px;}
  .ipn_about ._division hgroup {grid-column:1/2; grid-row:1/2; aspect-ratio:7/6; width:140px;}
  .ipn_about section._division:nth-of-type(2n) hgroup {grid-column:2/3;}
  .ipn_about ._division hgroup h3 {line-height:1.1; font-size:2rem; letter-spacing:0;}
  .ipn_about ._division hgroup p {margin-block:.4em 0; font-size:10px; white-space:nowrap; scale:.95; letter-spacing:0;}
  .ipn_about ._division ._pic {grid-column:1/3; grid-row:1/4; z-index:1; border-radius:var(--aboutR) var(--aboutR) 0 0; overflow:hidden; aspect-ratio:1.1/1;}
  .ipn_about ._division ._pic:after {content:""; position:absolute; left:0; bottom:0; width:100%; height:50%; background:linear-gradient(180deg, #5550 0%, #555a 100%);}
  .ipn_about ._division ._pic img {height:100%; height:100%; object-fit:cover;}
  .ipn_about ._division ._excerpt {grid-column:1/3; grid-row:3/4; padding:0 1.4rem 1.2rem; letter-spacing:0;}
  .ipn_about ._division ._desc:nth-child(n) {grid-column:1/3; grid-row:4/5; border-radius:0 0 var(--aboutR) var(--aboutR); padding:1.4rem 2rem;}
  .ipn_about ._division ._pts li {padding-left:1rem; line-height:1.3; font-size:1.3rem;}
  .ipn_about ._division ._pts li + li {margin-top:.6rem;}
  .ipn_about ._division ._pts li:before {left:-.7rem; translate:0 10%;}
  .ipn_about ._division ._desc ._endBtns li + li {margin-top:8px;}
  .ipn_about ._division ._desc ._endBtns a {padding-block:1em; border-radius:6px; font-size:1rem; color:#1a1a1a;}
  .ipn_about ._division ._desc ._endBtns a:after {right:3%; height:22px;}
  .ipn_about ._endBtns li.-new a:before {translate:-40% -15%;}
}


.ipn_endBtns {--edgeColor:#2a59c1; --edgeWidth:2px; text-align:center;}
.ipn_endBtns a {box-shadow:0 0 0 var(--edgeWidth) var(--edgeColor);}
.ipn_endBtns a[href*="request"] {--grdStart:#446dc9; --grdCenter:#446dc9; --grdEnd:#2c55af; --edgeColor:#e8e755; color:#fff846;}
.ipn_endBtns img {margin-bottom:5px;}

@media (min-width:769px){
  .ipn_endBtns {padding-block:50px 0;}
  .ipn_endBtns ul {display:grid; grid-template-columns:1fr 1fr; gap:60px;}
  .ipn_endBtns a {border-radius:10px;}
  .ipn_endBtns img {height:50px;}
}
@media (max-width:768px){
  .ipn_endBtns {--edgeWidth:1px; padding-block:70px 30px;}
  .ipn_endBtns li + li {margin-top:50px;}
  .ipn_endBtns a {border-radius:8px;}
  .ipn_endBtns img {height:30px;}
}




@media (min-width:769px){
}
@media (max-width:768px){
}


/* ----- autoModal */
:root {--mmScrlOffset:0px;}
.mmWrap {--mmPad:3vw; position:fixed; left:0; top:0; z-index:18010; display:flex; align-items:center; justify-content:center; width:100%; height:100vh; opacity:0; transition:.2s opacity; background:#111b; -webkit-backdrop-filter:blur(2px); backdrop-filter:blur(2px);}
.mmWrap.-ready {opacity:1;}
.mmInner {position:relative; width:100%; max-height:100vh; padding:var(--mmPad); overflow:auto; overscroll-behavior:contain;}
.mmScreen {position:fixed; left:0; top:0; width:calc(100% - 17px); height:100%;}
.mmCnt {position:relative; width:fit-content; max-width:100%; margin-inline:auto; background:#fff;}
.mmCnt > img:only-child {max-width:100%; max-height:calc(100vh - 8vw);}
.mmWrap[data-mm-type="iframe"] iframe {width:100vw; max-width:100%; height:calc(100vh - var(--mmPad) * 2);}
.mmWrap[data-mm-type="YouTube"] .mmCnt {width:100%; background:unset;}
.mmWrap[data-mm-type="YouTube"] iframe {width:100%; aspect-ratio:16/9;}
.mmCaption {position:relative; color:#fff;}
.mmCaption:not(:empty) {margin-top:1rem; text-align:center;}
.mmClose, .mmPrev, .mmNext {all:unset; position:fixed; overflow:hidden; border-radius:50%; white-space:nowrap; text-indent:100%; cursor:pointer; transition:.15s;}
.mmClose {right:calc(1.5vw + var(--mmScrlOffset)); top:1.5vw; height:36px; width:36px;}
.mmClose:before, .mmClose:after {content:""; display:block; width:70%; height:15%; position:absolute; left:50%; top:50%; background:#fff; translate:-50% -50%;}
.mmClose:before {rotate:45deg;}
.mmClose:after {rotate:-45deg;}
.mmPrev, .mmNext {top:50%; width:30px; height:30px; border-radius:50%; background:#888b;}
.mmPrev:before, .mmNext:before {content:""; display:block; position:absolute; top:50%; left:50%; width:35%; aspect-ratio:1/1; border:#fff solid; border-width:3px 0 0 3px; translate:-50% -50%;}
.mmPrev {left:1.5vw;}
.mmPrev:before {rotate:-45deg; margin-left:2px;}
.mmNext {right:calc(1.5vw + var(--mmScrlOffset));}
.mmNext:before {rotate:135deg; margin-left:-2px;}

@media (min-width:769px){
  .mmWrap.-yt {text-align:center;}
  .mmWrap.-yt iframe {max-width:auto; max-height:calc(100vh - var(--mmPad) * 2); aspect-ratio:16/9;}
}
@media (max-width:768px){
  :root {--headerHeight:0;}
}
