@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap');

:root {--kdkBg:#fffbe7; --kdkOr:#EC8E00; --kdkBl:#15447E;}
.kdk2024index {line-height:1.6; font-size:1.6rem; font-family:"Noto Sans JP", sans-serif;}
.kdk2024index *, .kdk2024index *:before, .kdk2024index *:after {margin:0; padding:0; box-sizing:border-box;}
.kdk2024index ul {list-style:none;}
.kdk2024index i {font-style:normal;}
.IB {display:inline-block;}
.txC {text-align:center;}
.mt50 {margin-top:50px;}
.inquiry dt {padding:1.2rem 1.6rem 0;}
.inquiry dd {padding:0 1.6rem 1.2rem;}
#document-wrapper {position:relative;}
.pageTopBtn {position:fixed; right:1.5em; bottom:0; opacity:0; transition:opacity .4s;}
.pageTopBtn a {display:block; padding:1em; border-radius:.8em .8rem 0 0; background:#333d; line-height:1.2; text-align:center; font-family:"Noto Sans JP", sans-serif; font-weight:bold; color:#fff;}
.pageTopBtn i {display:inline-block; vertical-align:middle; width:1.2em; height:.8em; margin-right:.4em; background:#fff; clip-path:polygon(50% 0, 100% 100%, 0 100%);}
.pageTopBtn a br {display:none;}
.pageTopBtn.-show {opacity:1;}

.kdk2024index ._header {padding-top:min(8vw, 60px);}
.kdk2024index ._header ._txt {width:min(calc(728px + 3rem),100%); margin-inline:auto; padding-inline:1.5rem;}
.kdk2024index ._header h1 {width:fit-content; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:0 2rem; margin-inline:auto;}
.kdk2024index ._header ._txt p {position:relative; width:min(680px, 100%); margin:1em auto 2em; padding:.6em 1em; text-align:center; font-weight:bold; font-size:clamp(1.6rem, 0.709rem + 0.909vw, 1.8rem);}
.kdk2024index ._header ._txt p:before {content:""; position:absolute; left:0; top:0; display:block; width:2em; height:2.6em; border:#0006 solid; border-width:1px 0 0 1px;}
.kdk2024index ._header ._txt p:after {content:""; position:absolute; right:0; bottom:0; display:block; width:2em; height:2.6em; border:#0006 solid; border-width:0 1px 1px 0;}
.kdk2024index ._header ._bg {position:relative; height:105px; overflow:hidden;}
.kdk2024index ._header ._bg img {max-width:1000%; position:absolute; left:50%; top:0; translate:-50% 0; height:100%;}

.kdk2024index ._container {position:relative; width:min(95%,1200px); margin-inline:auto; padding-block:6rem;}
.kdk2024index ._container:before {content:""; display:block; position:absolute; left:50%; top:0; translate:-50% 0; width:calc(100vw - 40px); height:100%; background:var(--kdkBg); box-shadow:-40px 0 0 var(--kdkBg), 40px 0 0 var(--kdkBg);}
.kdk2024index ._container > * {position:relative;}
.kdk2024index ._lead {display:flex; align-items:center; justify-content:center; gap:.4em; margin-bottom:1em; line-height:1.45; font-weight:bold; font-size:clamp(1.6rem, 0rem + 5vw, 3rem);}
.kdk2024index ._lead svg {width:clamp(5rem, 0.5rem + 12vw, 7.7rem);}

.areaSelect {display:grid; gap:min(2vw,16px); margin-block:3rem 6rem; font-family:"Noto Sans JP", sans-serif;}
.areaSelect:not(:has(.-on)) {margin-bottom:150px;}
.areaSelect li {--btnBg:#3B76C4; position:relative; background:var(--btnBg); text-align:center; color:#fff; overflow:hidden; transition:.2s background;}
.areaSelect li > div {height:100%; display:inline-grid; padding:1rem 1rem 1.6rem; text-align:left;}
.areaSelect li:hover {background:var(--btnBg)!important;}
.areaSelect:has(button.-on) li:not(:has(button.-on)) {--btnBg:#3B76C4aa;}
.areaSelect :is(a,button) {display:flex; flex-direction:column; justify-content:center; font-size:clamp(1.8rem, 1.571rem + 0.714vw, 2rem); font-weight:bold; color:inherit;}
.areaSelect :is(a,button):after {content:""; display:block; width:100%; height:100%; position:absolute; left:0; top:0;}
.areaSelect :is(a,button) i {position:relative; display:inline-block; vertical-align:-8%; width:1em; aspect-ratio:1; margin-right:.4em; background:#fff; border-radius:50%;}
.areaSelect :is(a,button) i:before {content:""; width:40%; aspect-ratio:1; display:block; position:absolute; left:50%; top:45%; translate:-50% -50%; border:var(--btnBg) solid; border-width:0 2px 2px 0; rotate:45deg;}
.areaSelect :is(a,button) small {display:inline-block;}
.areaSelect :is(a,button) > span {display:block; text-align:center; line-height:1.1; margin-block:.25em; width: 100%;}
.areaSelect :is(a,button) > span small {display:inline-block; font-size:75%;}
.areaSelect :is(a,button):has(span:nth-child(2):last-child) > span {margin-block:.25em;}
.areaSelect p {display:flex; /*align-items:center;*/ justify-content:center; flex-wrap:wrap; margin-top:.2rem; font-weight:500; font-size:min(1.6rem,4vw);}

/*.areaSelect .btn3 {background-color:#df9234; padding:.3em; font-size:1.6rem; box-shadow:0 2px 0 #0006;}*/
.areaSelect .btn3 {width:100%; font-size:85%; color:#ffa;}
.areaSelect :not(.btn3) + .btn3:before, 
.areaSelect .btn3:first-child:before {content:""; display:block; margin-block:.7em; border-top:1px #fff8 solid; font-size:85%;}

.kdk2024index .chkedTtl {position:relative; margin-block:3.6em 1em; padding:0 0 0 1em; border:revert; font-size:clamp(2.2rem, 1.743rem + 1.429vw, 2.6rem);}
.kdk2024index .chkedTtl:before {content:""; position:absolute; left:0; display:block; width:1em; height:1.5em; border:#EC8E0033 solid; border-width:0 .4em .4em 0; rotate:45deg; scale:1.6; translate:20% -33%;}
.kdk2024index .dottedTtl {margin-block:2rem .2em; padding-left:1.2em; font-weight:bold; font-size:1.8rem;}
.kdk2024index .dottedTtl:before {content:""; display:inline-block; vertical-align:-8%; width:1em; aspect-ratio:1; margin-inline:-1.2em .2em; background:var(--kdkOr); border-radius:50%; scale:.75; trasnform-origin:0 50%;}

.kdk2024index .btn a {display:flex; align-items:center; height:100%; padding:.4em .7em; border:1px #0003 solid; background:#fff; font-weight:bold;}
.kdk2024index .btn a > span {display:block; padding-left:1.4em;}
.kdk2024index .btn a > span i {position:relative; display:inline-block; vertical-align:-5%; width:1em; aspect-ratio:1; margin-inline:-1.4em .4em; background:var(--kdkOr); border-radius:50%;}
.kdk2024index .btn a > span i:before {content:""; width:40%; aspect-ratio:1; display:block; position:absolute; left:45%; top:50%; translate:-50% -50%; border:#fff solid; border-width:0 2px 2px 0; rotate:-45deg;}

.kdk2024index .padBox {margin-block:1em; padding:.6em 1em; background:#EC8E0022;}

.kdk2024index .feeTable {display:grid; grid-template-columns:auto 1fr; container-type:inline-size; margin-block:.6em; border:#0003 solid; border-width:1px 1px 0; text-align:center;}
.kdk2024index .feeTable > * {padding:.6em .7em; border-bottom:1px #0003 solid;}
.kdk2024index .feeTable dt {display:flex; align-items:center; justify-content:center; background:#8d949733;}
.kdk2024index .feeTable dt:empty {background:#fff;}
.kdk2024index .feeTable dd {background:#fff;}
.kdk2024index .feeTable :is(dd:first-child) {grid-column:1/-1;}

.areaDesc section[id] {transition:translate .4s, opacity .8s; opacity:0; translate:0 50px; max-height:0; overflow:hidden; margin-bottom: 30px;
}
.areaDesc section[id] ._ttl {text-align:center; font-family:"Noto Sans JP", sans-serif; font-size:clamp(2.8rem, 2.359rem + 1.379vw, 3.6rem);}
.areaSelect.-bn ~ .areaDesc section[id] ._ttl {margin-bottom:6rem;}
.areaDesc section[id] ._ttl small {display:block; color:var(--kdkOr);}
.areaDesc section[id] ._ttl small > span {display:inline-block;}
body:has(.areaSelect button[data-area="chubu1"].-on) .areaDesc section#area_chubu1,
body:has(.areaSelect button[data-area="fukui"].-on) .areaDesc section#area_fukui,
body:has(.areaSelect button[data-area="chubu2"].-on) .areaDesc section#area_chubu2,
body:has(.areaSelect button[data-area="chubu3"].-on) .areaDesc section#area_chubu3,
body:has(.areaSelect button[data-area="hokuriku"].-on) .areaDesc section#area_hokuriku,
body:has(.areaSelect button[data-area="kanto"].-on) .areaDesc section#area_kanto {opacity:1; translate:0; max-height:10000px; overflow:visible;}
.areaDesc section[id] p + p {margin-top:.6em;}
.areaDesc section[id] p a {text-decoration:underline;}
.areaDesc .excludedAreas {padding-left:.8em; border-left:2px var(--kdkOr) solid;}

.areaDesc .btn3 {background-color:#df9234; color:white; background:none; color:#3B76C4; padding:0 10px; margin-top:10px; margin:0;}

.kdk2024index ._mainBtn {margin-block:40px;}
/* .kdk2024index ._mainBtn ._map {display:none;} */
.kdk2024index ._mainBtn ._map img {width:100%; aspect-ratio:1; object-fit:cover;}
.kdk2024index ._mainBtn ._btns dl {display:grid; grid-template-columns:auto 1fr; height:100%; overflow:hidden; border-bottom:1px #222 solid; font-weight:600;}
.kdk2024index ._mainBtn ._btns dl:after {all:revert;}
.kdk2024index ._mainBtn ._btns dt {position:relative; display:flex; flex-direction:column; justify-content:center; padding-block:1em;}
.kdk2024index ._mainBtn ._btns dt:before {content:""; display:block; width:100vw; position:absolute; left:0; top:0; border-top:1px #222 solid;}
.kdk2024index ._mainBtn ._btns dd {display:grid; align-items:center; gap:8px; padding:8px 0 8px 1em;}
.kdk2024index ._mainBtn ._btns dd > div {display:grid; grid-template-rows:1fr auto; gap:.6rem; padding-bottom:.2rem;}
.kdk2024index ._mainBtn ._btns a {position:relative; display:flex; align-items:center; justify-content:center; min-height:8rem; padding:.8em 1.5em .8em .8em; font-size:108%; color:#fff; white-space:nowrap;}
.kdk2024index :is(._mainBtn, ._subBtns) a {--arwCol:currentColor; line-height:1.4; text-align:center;}
.kdk2024index :is(._mainBtn, ._subBtns) a i {display:block; text-align:center; font-size:85%;}
.kdk2024index :is(._mainBtn, ._subBtns) a:after {content:""; width:.8rem; aspect-ratio:1; display:block; position:absolute; right:.4em; top:50%; translate:-50% -50%; border:var(--arwCol) solid; border-width:0 2px 2px 0; rotate:-45deg;}
.kdk2024index :is(._mainBtn, ._subBtns) a.-trial {display:block; min-height:0; padding:.6em .3em; border:2px var(--arwCol) solid; text-align:center; font-weight:bold; color:var(--arwCol);}
.kdk2024index :is(._mainBtn, ._subBtns) a.-trial:before {content:""; display:block; width:5px; height:4px; position:absolute; top:-2px; left:50%; translate:-50% -100%; background:var(--arwCol); clip-path:polygon(50% 0, 100% 100%, 0 100%);}
.kdk2024index :is(._mainBtn, ._subBtns) a.-trial svg {width:1.3em; margin-right:.4em; vertical-align:-20%;}
.kdk2024index :is(._mainBtn, ._subBtns) a.-trial svg path {fill:var(--arwCol);}
.kdk2024index :is(._mainBtn, ._subBtns) a.-trial {--arwCol:#f9b222!important; --arwCol:#5084c7!important; background:var(--arwCol); color:#fff;}
.kdk2024index ._subBtns {max-width:900px; display:grid; gap:20px 12px; margin:0 auto 60px;}
.kdk2024index ._subBtns .-full {grid-column:1/-1;}
.kdk2024index ._subBtns li > div:has(.-trial) {display:grid; grid-template-rows:1fr auto; gap:.6rem;}
.kdk2024index ._subBtns a {--arwCol:#fff; position:relative; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; min-height:7rem; padding:.8em 1.5em .8em .8em; text-align:center; font-weight:600; font-size:104%; color:var(--arwCol);}
.kdk2024index ._subBtns a i {font-size:85%;}
.kdk2024index ._subBtns a:after {content:""; width:.8rem; aspect-ratio:1; display:block; position:absolute; right:.4em; top:50%; translate:-50% -50%; border:var(--arwCol) solid; border-width:0 2px 2px 0; rotate:-45deg;}
.kdk2024index ._subBtns a.-chuspo {background:#2A46AA;}
.kdk2024index ._subBtns a.-chuspo + a.-trial {--arwCol:#2A46AA;}
.kdk2024index ._subBtns a.-kodomo {background:#FF7940;}
.kdk2024index ._subBtns a.-bn  {background:#3B76C4;}
.kdk2024index ._subBtns a.-gkwr {--arwCol:#0077DC; flex-direction:column; background:#fff; border:1px var(--arwCol) solid;}
.kdk2024index ._subBtns a.-gkwr2 {--arwCol:#679D1A; flex-direction:column; background:#fff; border:1px var(--arwCol) solid;}
.kdk2024index ._subBtns a:is(.-gkwr,.-gkwr2) img {vertical-align:middle; margin-inline:.3rem;}
.kdk2024index ._subBtns a:is(.-gkwr,.-gkwr2) small {display:inline-block; padding-inline:.6rem; font-size:85%;}
.kdk2024index ._subBtns a img[src*="btn_gakuwari.png"] {width:min(260px,80%);}
.kdk2024index ._subBtns a img[src*="btn_gakuwari-short.png"] {width:125px;}
.kdk2024index ._subBtns a img[src*="btn_gakuwari-short2.png"] {width:162px;}

.kdk2024index #area_chubu2 ._mainBtn ._map img {aspect-ratio:3/2;}

.kdk2024index ._modAddress ul.btn {display:grid; gap:6px;}
.kdk2024index ._modAddress ul.btn li {min-height:6rem;}
.kdk2024index ._modAddress ul.btn b {font-size:clamp(1.8rem, 1.571rem + 0.714vw, 2rem); font-weight:inherit;}
.kdk2024index ._modAddress ul.btn:after {all:revert;}

.kdk2024index ._contact dl {display:grid; gap:1.8em 1.6rem;}
.kdk2024index ._contact .dottedTtl {margin-top:0;}

.kdk2024header {background:#fffbe7 url(./images/header_bg2.svg) repeat-x 50% 100%; font-family:"Noto Sans JP", sans-serif; background-color:#ecfafe;}
.kdk2024header ._pad {display:flex; align-items:center; justify-content:space-between; width:clamp(320px,100%,1200px); box-sizing:border-box; margin:0 auto 6rem; padding:2.5rem 15px;}
.kdk2024header ._ttl {font-size:clamp(2.4rem, 1.8rem + 1.875vw, 3rem); font-weight:bold; color:var(--kdkBl);}
.kdk2024header ._btn {padding:.7rem 1.2rem .7rem 1.8rem; border-radius:4px; background:var(--kdkOr); font-size:clamp(1.3rem, 1.1rem + 0.625vw, 1.5rem); font-weight:bold; color:#fff;}
.kdk2024header ._btn:after {content:""; width:.8rem; aspect-ratio:1; display:inline-block; margin-left:.8rem; border:#fff solid; border-width:0 2px 2px 0; rotate:-45deg;}
.kdk2024header ._btn .-pc {display:none;}

table#body, table#body > tbody, table#body > tbody > tr {display:block;}
table#body #Contents-full {all:revert; display:block; width:clamp(320px,100%,1200px); box-sizing:border-box; margin-inline:auto; padding-inline:15px;}
table#body #Contents-full * {max-width:100%;}

.bnAreaSelect {display:grid; gap:min(2vw,16px); margin-bottom:4rem;}
.bnAreaSelect li {--btnBg:#8d9497; list-style:none; min-height:5em;}
.bnAreaSelect li a {display:flex; align-items:center; justify-content:center; height:100%; padding:1rem 1.5rem; background:var(--btnBg); line-height:1.4; text-align:center; color:#fff; font-size:1.6rem; font-weight:bold;}
.bnAreaSelect li a.-on {--btnBg:#3B76C4;}

.ar_gwSub {text-align:center;}
.ar_gwSub > p br {display:none;}
.ar_gwSub .IB {display:inline-block;}

.-gte1000 {display:none;}
.ar_gwHeader > p.pcOnly {margin-bottom:1rem;}
.ar_gwTtl .-pc {display:none;}
.ar_gwTtl .-sp {margin:1rem 0 0;}

.kdk2024BNHeader {text-align:center; font-size:1.6rem; font-family:"Noto Sans JP", sans-serif;}
.kdk2024BNHeader ._ttl {margin-bottom:.4em; font-size:clamp(3.2rem, 2.286rem + 2.857vw, 4rem); color:var(--kdkBl);}

@media (min-width:600px){
  a[href^="tel"] {all:inherit; display:contents; pointer-events:none;}
  .areaSelect {grid-template-columns:1fr 1fr;}
  .areaSelect button {text-align:left;}
  .areaSelect li > div:has(p) {grid-template-rows:1fr 1fr; padding-bottom:2rem;}
  .areaSelect p {flex-direction:column;}
  .kdk2024index .feeTable dt {min-width:25cqw;}
  .kdk2024index ._mainBtn {display:grid; grid-template-columns:min(306px,30%) 1fr; gap:0 4%;}
  .kdk2024index ._mainBtn ._map {display:block;}
  .kdk2024index ._mainBtn ._btns dl {grid-template-columns:20rem 1fr;}
  .kdk2024index ._mainBtn ._btns dt {font-size:1.8rem;}
  .kdk2024index :is(._mainBtn, ._subBtns) a i {text-align:center;}
  .kdk2024index ._subBtns {grid-template-columns:1fr 1fr;}
  .kdk2024index #area_fukui ._mainBtn ._btns dl {grid-template-columns:14rem 1fr;}
  /*.kdk2024index #area_fukui ._mainBtn ._btns dd:nth-of-type(1) {grid-template-columns:1fr 1fr; clamp(4em,33%,7em);}*/
  .kdk2024header ._btn .-pc {display:revert;}
  .kdk2024header ._btn .-sp {display:none;}
  .kdk2024index ._mainBtn ._btns a {font-size:2.2rem;}
  .kdk2024index ._mainBtn ._btns a i {display:inline-block;}
  .kdk2024index #area_kanto ._mainBtn ._btns a i {margin-left:.4em;}
  .kdk2024index ._mainBtn ._btns a.-trial {font-size:1.8rem;}
  .kdk2024index ._subBtns a {font-size:2rem;}
  .kdk2024index ._subBtns a.-trial {font-size:1.7rem;}
  .bnAreaSelect {grid-template-columns:1fr 1fr;}
  .ar_gwSub {display:grid; grid-template-columns:1fr min(339px,42%); grid-row:auto 1fr; height:auto; margin-bottom:4rem;}
  .ar_gwSub ._cmt {display:flex; align-items:center;}
  .ar_gwSub ._cmt:after {content:""; display:block; flex-shrink:0; width:min(30px,3vw); height:12px; background:#3c9def; clip-path:polygon(0 0, 100% 50%, 0 100%);}
  .ar_gwSub ._cmt img {max-width:100%;}
  .ar_gwSub > p {grid-column:1/2; grid-row:2/3; text-align:left;}
  .ar_gwSub ._pic {grid-column:2/3; grid-row:1/3;}
  .ar_gwSub ._pic img:last-child {position:static; width:100%; height:100%; object-fit:contain; object-position:50% 100%;}
}
@media (min-width:900px){
  .areaSelect {grid-template-columns:repeat(auto-fit, minmax(0px,1fr));}
  .areaSelect:after {display:none;}
  .areaSelect p {flex-direction:column;}
  .kdk2024index  section[id] h2 small {display:inline-block; margin-left:.4em;}
  .kdk2024index ._contact dl {grid-template-columns:1fr 1fr 1fr;}
  .kdk2024index ._contact dl .-hq {grid-column:1/-1;}
  .kdk2024index ._contact dl .-hq br:is(:nth-of-type(1), :nth-of-type(3)) {display:none;}
  .ar_gwSub > p br {display:revert;}
  .hok_kodk_price_par {display:flex; margin-bottom:1rem;}
}
@media (min-width:980px){
  .ar_gwTtl .-pc {display:revert;}
  .ar_gwTtl .-sp {display:none;}
}
@media (min-width:1000px){
  .bnAreaSelect {grid-template-columns:1fr 1fr 1fr 1fr;}  
  .bnAreaSelect ._dot {display:none;}
  .-gte1000 {display:revert;}
}
@media (min-width:450px) and (max-width:899px){
  .kdk2024index ._contact dl > div br:is(:nth-of-type(1), :nth-of-type(3)) {display:none;}
}
@media (min-width:680px){
  .kdk2024index ._modAddress ul.btn {grid-template-columns:1fr 1fr;}
}

@media (max-width:1200px){
  .kdk2024index .chkedTtl {margin-left:calc((1200px - 100vw) * .02);}
}
@media (max-width:599px){
  .areaSelect.-bn button {text-align:left;}
  .kdk2024index ._mainBtn ._btns dd > div + div {margin-top:.8rem;}
  a[href^="tel"] {text-decoration:underline;}
}
@media screen and (max-width: 640px) {
  .ar_gwTtl img + img {width:100%;}
}

.nkfIntro, .nkfExp, .nkfBtn {margin-inline:2%;}
.nkfIntro {margin-block:2rem 1.5rem; padding:1.2em clamp(1rem,5vw,1.8rem); background:#dC9E001a;}
.nkfIntro ._hl {margin-bottom:.6em; font-size:108%; font-weight:bold;}
.nkfExp {margin-block:1.5rem; container-type:inline-size;}
.nkfExp ._hl img {width:100%; aspect-ratio:1; border-radius:50%;}
.nkfExp dt {display:grid; grid-template-columns:4rem 1fr; align-items:center; gap:1rem;}
.nkfExp dt > i {display:flex; flex-direction:column; justify-content:center; height:4rem; border-radius:50%; background:#FFDF50; text-align:center; font-size:1rem; line-height:1.1;}
.nkfExp dt > i b {font-size:2rem;}
.nkfExp dt > i + span {font-size:112%; font-weight:bold; color:#F07814;}
.nkfBtn {text-align:center;}
.nkfBtn a {display:inline-block; padding:.6em 1.2em; border:2px #F07814 solid; text-align:center; font-weight:bold; color:#F07814;}

@media (min-width:800px){
  .nkfExp {display:grid; grid-template-columns:1fr 3fr; align-items:center; gap:3%;}
}
@media (max-width:799px){
  .nkfExp ._hl {width:clamp(240px,60%,350px); margin-inline:auto;}
}
@media (min-width:1080px){
  .nkfExp dl {display:grid; grid-template-columns:repeat(3,1fr); gap:0 4cqw;}
  .nkfExp dl > div + div {position:relative;}
  .nkfExp dl > div + div:before {content:""; display:block; position:absolute; left:0; top:0; translate:calc(-2cqw - 1px) 0; height:100%; border-left:2px #EC8E00 dotted;}
}
@media (max-width:1079px){
  .nkfExp dl > div + div {margin-top:1.5rem; padding-top:1.5rem;border-top:2px #EC8E00 dotted;}
}