@charset "UTF-8";
/* CSS Document */
/* Scss Document */
/* Scss Document */
/* Scss Document */
#contents { padding-bottom: clamp(6.4rem, 10.4031209363vw, 9.4rem); }

.common__wide { max-width: 940px; }

.common__wide-l { max-width: 1200px; }

.pagettl__cout { margin-bottom: clamp(1.8rem, 5.2015604681vw, 6rem); }
.pagettl__cout .pagettl__cout-wp { background: url("/img/pet/mv_sp.jpg") center/cover no-repeat; }

.sentencelink { margin-bottom: clamp(3rem, 4.0312093628vw, 3.2rem); }
.sentencelink .sentencelink__ttl { position: relative; padding: 15px; text-align: center; font-size: clamp(1.8rem, 3.1209362809vw, 2.8rem); color: #2F3F72; font-weight: bold; line-height: 1.5; width: 78.552%; margin: 0 auto clamp(2rem, 3.1209362809vw, 2.6rem); }
.sentencelink .sentencelink__ttl::before, .sentencelink .sentencelink__ttl::after { content: ''; width: 22px; height: 22px; position: absolute; }
.sentencelink .sentencelink__ttl::before { border-left: solid 2px #DEDEDE; border-top: solid 2px #DEDEDE; top: 0; left: 0; }
.sentencelink .sentencelink__ttl::after { border-right: solid 2px #DEDEDE; border-bottom: solid 2px #DEDEDE; bottom: 0; right: 0; }
.sentencelink .sentencelink__img { width: 59.712%; max-width: 286px; margin: 0 auto 23px; }
.sentencelink .sentencelink__wp { display: flex; flex-flow: row wrap; align-content: flex-start; justify-content: space-between; justify-content: center; }
.sentencelink .sentencelink__wp .sentencelink__link { width: 48%; position: relative; margin-right: 4%; }
.sentencelink .sentencelink__wp .sentencelink__link a { letter-spacing: 0.03em; display: block; width: 100%; height: 80px; padding: 0 clamp(1.2rem, 3.1209362809vw, 3rem); font-weight: bold; box-sizing: border-box; border: 1px solid #6173AD; border-radius: 10px; position: relative; z-index: 1; overflow: hidden; color: #2F3F72; }
.sentencelink .sentencelink__wp .sentencelink__link a .txt { position: absolute; top: 50%; transform: translateY(-50%); font-size: clamp(1.8rem, 2.4707412224vw, 2rem); line-height: 1.3; }
.sentencelink .sentencelink__wp .sentencelink__link a .icon { position: absolute; top: 50%; right: 12px; transform: translateY(-50%); width: 20px; height: 20px; border-radius: 50%; background-color: #6173AD; transition: all .4s; }
.sentencelink .sentencelink__wp .sentencelink__link a .icon:after { content: ""; position: absolute; top: calc(50% - 1px); left: 50%; transform: translate(-50%, -50%) rotate(45deg); width: 5px; height: 5px; border-right: 2px solid #FFF; border-bottom: 2px solid #FFF; transition: all .4s; }
.sentencelink .sentencelink__wp .sentencelink__link:nth-child(2n), .sentencelink .sentencelink__wp .sentencelink__link:last-child { margin-right: 0; }
.sentencelink .sentencelink__wp .sentencelink__link:nth-child(n+3) { margin-top: clamp(1.8rem, 2.6007802341vw, 2.2rem); }
.sentencelink .sentencelink__wp .sentencelink__link:before { display: block; position: absolute; right: -3px; bottom: -3px; z-index: 0; width: 100%; height: 100%; border-radius: 10px; background: #EBF0FD; content: ''; }
.sentencelink .sentencelink__wp .sentencelink__link:after { content: ""; display: inline-block; position: absolute; left: 3px; bottom: -3px; width: 62px; height: 50px; background: url("/img/pet/btn_footprint.svg") no-repeat; background-size: contain; margin-right: 8px; }

.required__cout { margin-bottom: clamp(4rem, 11.0533159948vw, 12.5rem); }
.required__cout .required__cout-wp { display: grid; grid-row-gap: clamp(2rem, 3.9011703511vw, 4rem); }
.required__cout .required__cout-txt { grid-area: 2 / 1 / 3 / 2; }
.required__cout .required__cout-txt .main { margin-bottom: clamp(1.2rem, 1.9505851756vw, 1.8rem); font-weight: bold; line-height: 1.5; font-size: clamp(1.8rem, 3.1209362809vw, 2.8rem); color: #2F3F72; }
.required__cout .required__cout-txt .desc { font-size: clamp(1.3rem, 1.9505851756vw, 1.5rem); line-height: 2; font-weight: 500; }
.required__cout .required__cout-txt .desc span { color: #2F3F72; }
.required__cout .required__cout-img { grid-area: 1 / 1 / 2 / 2; }

.successful__cout { margin-bottom: 102px; }
.successful__cout .common__wide { max-width: 742px; }
.successful__cout .successful__cout-box { position: relative; background: #FFF; border-radius: 5px; }
.successful__cout .successful__cout-box .box__img { position: absolute; }
.successful__cout .successful__cout-box .box__img.dog { bottom: -28px; left: -26px; width: 34.784%; max-width: 140px; }
.successful__cout .successful__cout-box .box__img.deco { top: -32px; right: 0; width: 15.943%; max-width: 70px; }
.successful__cout .successful__cout-box .box__wp { position: relative; box-sizing: border-box; padding: clamp(3.5rem, 4.9414824447vw, 4rem) clamp(1.8rem, 5.2015604681vw, 6rem) clamp(2.3rem, 4.4213263979vw, 4rem); }
.successful__cout .successful__cout-box .box__wp .box__wp-head { position: relative; margin-bottom: 24px; }
.successful__cout .successful__cout-box .box__wp .box__wp-head .img { max-width: 560px; width: 100%; position: absolute; left: 50%; transform: translateX(-50%); bottom: -10px; }
.successful__cout .successful__cout-box .box__wp .box__wp-head .txt { position: relative; text-align: center; font-size: clamp(2.6rem, 4.4213263979vw, 4rem); font-family: "Banana", sans-serif; line-height: 1; }
.successful__cout .successful__cout-box .box__wp .box__wp-ttl { text-align: center; line-height: 1; margin-bottom: 6px; }
.successful__cout .successful__cout-box .box__wp .box__wp-ttl .main { margin-bottom: 10px; font-size: clamp(2rem, 3.3810143043vw, 3rem); font-weight: 600; }
.successful__cout .successful__cout-box .box__wp .box__wp-ttl .sub { font-size: 14px; font-weight: 500; }
.successful__cout .successful__cout-box .box__wp .box__wp-number .number__wp { position: relative; text-align: center; margin-bottom: 4px; line-height: 1.1; color: #4CA0DD; margin-left: 54px; overflow: hidden; }
.successful__cout .successful__cout-box .box__wp .box__wp-number .number__wp .number { font-size: clamp(7rem, 11.1833550065vw, 10rem); font-weight: 800; }
.successful__cout .successful__cout-box .box__wp .box__wp-number .number__wp .unit { margin-left: 7px; font-size: clamp(3rem, 6.5019505852vw, 7rem); font-weight: 500; }
.successful__cout .successful__cout-box .box__wp .box__wp-number .number__wp::after { content: ""; display: block; width: 30px; height: 100%; position: absolute; top: -180px; left: 0; background-color: #FFF; opacity: 0; transform: rotate(45deg); animation: shine 3s ease-in-out infinite; }
.successful__cout .successful__cout-box .box__wp .box__wp-attent { margin-left: 25%; font-size: 1.1rem; line-height: 2; font-weight: 500; }

.case__cout { margin-bottom: clamp(3.6rem, 7.022106632vw, 7rem); }
.case__cout .case__cout-box { box-sizing: border-box; padding: clamp(2.2rem, 3.1209362809vw, 2.5rem) clamp(1.3rem, 3.3810143043vw, 6.5rem) 40px; background: #EBF0FD; border: 1px solid #2F3F72; }
.case__cout .case__cout-head { text-align: center; font-size: 0; margin-bottom: 20px; }
.case__cout .case__cout-head h2 { display: inline-block; position: relative; font-size: clamp(1.8rem, 2.4707412224vw, 2rem); font-weight: 600; line-height: 1; color: #2F3F72; padding-left: clamp(3.2rem, 4.5513654096vw, 3.8rem); }
.case__cout .case__cout-head h2::before { position: absolute; content: ""; display: inline-block; left: 0; top: 50%; transform: translateY(-50%) rotate(29deg); width: 28px; height: 25px; background: url("/img/pet/case_footprint.svg") no-repeat; background-size: contain; }
.case__cout .case__cout-grid .grid__entry { position: relative; display: grid; grid-template-columns: 1fr 1fr; grid-column-gap: 12px; justify-content: center; align-items: flex-end; margin-bottom: 34px; }
.case__cout .case__cout-grid .grid__entry .txt { text-align: right; font-size: 20px; font-weight: bold; line-height: 1.3; }
.case__cout .case__cout-grid .grid__entry .img { width: 48px; }
.case__cout .case__cout-grid .grid__entry::before { position: absolute; content: ""; display: inline-block; left: 50%; bottom: -26px; transform: translateX(-50%) rotate(90deg); width: 25px; height: 17px; background: url("/img/pet/case_arrow.svg") no-repeat; background-size: contain; }
.case__cout .case__cout-grid .grid__year { margin-bottom: 6px; text-align: center; border-radius: 5px; font-size: 1.5rem; line-height: 2.6rem; color: #FFF; background: #2F3F72; font-weight: bold; }
.case__cout .case__cout-grid .grid__year.second { display: none; }
.case__cout .case__cout-grid .grid__box { box-sizing: border-box; padding: clamp(1.2rem, 1.8205461638vw, 1.6rem) clamp(1.2rem, 1.9505851756vw, 1.8rem) clamp(1.5rem, 2.7308192458vw, 2.4rem); border-radius: 5px; background: #FFF; }
.case__cout .case__cout-grid .grid__box .ttl { margin-bottom: 8px; text-align: center; color: #F47000; font-size: 1.6rem; font-weight: bold; line-height: 1; }
.case__cout .case__cout-grid .grid__box .ttl span { font-size: 1.2rem; color: #2e1c1c; }
.case__cout .case__cout-grid .grid__box .txt { line-height: 2; font-size: clamp(1.3rem, 1.8205461638vw, 1.4rem); font-weight: 500; }
.case__cout .case__cout-grid .grid__box .txt span { color: #F47000; }
.case__cout .case__cout-grid .grid__box.specialized01 { margin-bottom: 20px; }
.case__cout .case__cout-grid .grid__box.specialized_komuin { margin-bottom: 22px; }
.case__cout .case__cout-grid .grid__box.komuincourse { margin-bottom: 5px; }
.case__cout .case__cout-grid .grid__casebox p { position: relative; text-align: center; box-sizing: border-box; border: 3px solid #6173AD; padding: clamp(1.1rem, 1.8205461638vw, 1.6rem) 0; border-radius: 50px; font-size: 1.3rem; line-height: 2.0rem; font-weight: bold; background: #FFF; color: #2F3F72; }
.case__cout .case__cout-grid .grid__casebox p::before { position: absolute; content: ""; display: inline-block; left: 50%; bottom: -18px; transform: translateX(-50%) rotate(90deg); width: 25px; height: 17px; background: url("/img/pet/case_arrow.svg") no-repeat; background-size: contain; }
.case__cout .case__cout-grid .grid__casebox.komuin { margin-bottom: 13px; }
.case__cout .case__cout-grid .grid__casebox.doubutsu { margin-bottom: 13px; }

.profession__cout { margin-bottom: clamp(3rem, 4.4213263979vw, 3.8rem); }
.profession__cout .profession__cout-box { box-sizing: border-box; padding: clamp(3.8rem, 5.2015604681vw, 4.2rem) clamp(2rem, 4.4213263979vw, 4.6rem) clamp(3.7rem, 5.721716515vw, 5rem) clamp(2rem, 4.9414824447vw, 5.6rem); background: #FFF; }
.profession__cout .box__txt .box__txt-head { font-size: 0; margin-bottom: 20px; }
.profession__cout .box__txt .box__txt-head h2 { display: inline-block; position: relative; font-size: clamp(2rem, 3.1209362809vw, 2.6rem); font-weight: bold; line-height: 1; color: #2F3F72; letter-spacing: 0.04em; padding-left: 37px; }
.profession__cout .box__txt .box__txt-head h2::before { position: absolute; content: ""; display: inline-block; left: 0; top: 50%; transform: translateY(-50%) rotate(29deg); width: 28px; height: 25px; background: url("/img/pet/profession_footprint.svg") no-repeat; background-size: contain; }
.profession__cout .box__txt .box__txt-desc { margin-bottom: clamp(1.3rem, 2.0806241873vw, 2rem); letter-spacing: 0.04em; font-size: clamp(1.3rem, 1.9505851756vw, 1.6rem); line-height: 1.5; font-weight: 500; }
.profession__cout .box__txt .box__txt-attent { margin-bottom: clamp(1.3rem, 2.0806241873vw, 1.9rem); letter-spacing: 0.04em; font-size: clamp(1.1rem, 1.5604681404vw, 1.2rem); line-height: 1; font-weight: 500; }
.profession__cout .box__txt .box__txt-become { margin-bottom: clamp(1.2rem, 1.6905071521vw, 1.4rem); padding-left: 15px; position: relative; }
.profession__cout .box__txt .box__txt-become .question { position: absolute; box-sizing: border-box; top: 50%; left: 0; transform: translateY(-50%); width: 30px; height: 30px; border-radius: 50%; background-color: #FFF; border: 2px solid #6173AD; }
.profession__cout .box__txt .box__txt-become .question span { position: absolute; top: calc(50% - 2px); left: 50%; transform: translate(-50%, -50%); font-size: 16px; font-weight: bold; color: #6173AD; }
.profession__cout .box__txt .box__txt-become p { padding: 2px clamp(1.3rem, 2.3407022107vw, 2.2rem) 2px 22px; display: inline-block; background: #6173AD; border-radius: 4px; letter-spacing: 0.04em; font-size: clamp(1.5rem, 2.0806241873vw, 1.6rem); font-weight: 500; line-height: 1.3; color: #FFF; }
.profession__cout .box__txt .box__txt-wp { margin-bottom: 44px; }
.profession__cout .box__txt .box__txt-wp .box__txt-case:nth-child(n+2) { margin-top: 14px; }
.profession__cout .box__txt .box__txt-case .case__head { margin-bottom: 8px; font-size: 1.6rem; font-weight: 500; color: #6173AD; letter-spacing: 0.04em; line-height: 1.2; }
.profession__cout .box__txt .box__txt-case .case__conditions { position: relative; margin-bottom: 6px; font-size: 1.5rem; font-weight: bold; letter-spacing: 0.04em; line-height: 1.6; padding-left: 25px; }
.profession__cout .box__txt .box__txt-case .case__conditions::before { position: absolute; content: ""; display: inline-block; left: 0; top: 3px; width: 22px; height: 18px; background: url("/img/pet/check.svg") no-repeat; background-size: contain; }
.profession__cout .box__txt .box__txt-case .case__desc { padding-left: 25px; font-size: clamp(1.3rem, 1.8205461638vw, 1.5rem); font-weight: 500; letter-spacing: 0.04em; line-height: 2; }
.profession__cout .box__img .box__img-main { position: relative; }
.profession__cout .box__img .box__img-main img { border-radius: 10px; }
.profession__cout .box__img .box__img-catch { position: absolute; }
.profession__cout .box__img.police .box__img-main .box__img-catch { width: 38.035%; max-width: 160px; left: -6px; top: -21px; }
.profession__cout .box__img.guide .box__img-main .box__img-catch { width: 42.296%; max-width: 158px; right: -32px; top: -47px; }
.profession__cout .box__img.zoo_keeper .box__img-main .box__img-catch { width: 40.985%; max-width: 158px; left: -14px; bottom: -28px; }

.etc__cout { margin-bottom: clamp(5rem, 9.6228868661vw, 9.6rem); }
.etc__cout .etc__cout-head { font-size: 0; margin-bottom: 20px; }
.etc__cout .etc__cout-head h2 { display: inline-block; position: relative; font-size: clamp(2rem, 3.1209362809vw, 2.6rem); font-weight: bold; line-height: 1; color: #2F3F72; letter-spacing: 0.04em; padding-left: 37px; }
.etc__cout .etc__cout-head h2::before { position: absolute; content: ""; display: inline-block; left: 0; top: 50%; transform: translateY(-50%) rotate(29deg); width: 28px; height: 25px; background: url("/img/pet/profession_footprint.svg") no-repeat; background-size: contain; }
.etc__cout .etc__cout-head p { letter-spacing: 0.04em; display: inline-block; margin-left: clamp(1.2rem, 2.3407022107vw, 2.2rem); font-size: clamp(1.4rem, 1.9505851756vw, 1.6rem); font-weight: 500; line-height: 1; }
.etc__cout .etc__cout-txt + .etc__cout-txt { margin-top: clamp(1rem, 1.4304291287vw, 1.2rem); }
.etc__cout .etc__cout-txt h2 { letter-spacing: 0.04em; font-size: clamp(1.8rem, 2.4707412224vw, 2rem); font-weight: bold; line-height: 1; color: #6173AD; margin-bottom: 8px; }
.etc__cout .etc__cout-txt p { letter-spacing: 0.04em; text-indent: -1em; padding-left: 1em; font-size: clamp(1.4rem, 1.9505851756vw, 1.6rem); font-weight: 500; line-height: 1.4; }

.handler__cout .handler__cout-inner { position: relative; width: 97%; margin-left: auto; }
.handler__cout .handler__cout-head { position: absolute; left: -27px; top: -54px; }
.handler__cout .handler__cout-topbox { border-radius: 100px 0 0 0; z-index: 10; position: relative; background: #2F3F72; }
.handler__cout .handler__cout-topbox .topbox__wp { display: grid; grid-template-columns: 1fr 60.047%; grid-column-gap: 21px; max-width: 1200px; padding: 124px clamp(1.4rem, 3.6410923277vw, 8.3rem) 144px clamp(2rem, 5.2015604681vw, 11.1rem); box-sizing: border-box; }
.handler__cout .handler__cout-topbox .topbox__txt { grid-area: 1 / 1 / 2 / 3; margin-right: 12px; margin-bottom: 24px; color: #FFF; }
.handler__cout .handler__cout-topbox .topbox__txt .main { margin-bottom: clamp(1rem, 1.5604681404vw, 1.4rem); font-size: clamp(1.8rem, 2.4707412224vw, 2rem); font-weight: bold; line-height: 1.4; }
.handler__cout .handler__cout-topbox .topbox__txt .sub { line-height: 1.6; font-size: clamp(1.3rem, 1.9505851756vw, 1.6rem); font-weight: 500; }
.handler__cout .handler__cout-topbox .topbox__img { grid-area: 2 / 2 / 3 / 3; margin-right: 18px; margin-bottom: 25px; max-width: 370px; }
.handler__cout .handler__cout-topbox .topbox__img img { border-radius: 10px; }
.handler__cout .handler__cout-topbox .topbox__name { position: relative; grid-area: 2 / 1 / 3 / 2; margin-bottom: 25px; display: grid; align-items: end; }
.handler__cout .handler__cout-topbox .topbox__name .topbox__name-wp { margin-top: auto; color: #FFF; }
.handler__cout .handler__cout-topbox .topbox__name .topbox__name-wp .post { margin-bottom: 10px; font-size: clamp(1.4rem, 1.9505851756vw, 1.5rem); font-weight: bold; }
.handler__cout .handler__cout-topbox .topbox__name .topbox__name-wp .name { font-size: clamp(1.6rem, 2.210663199vw, 1.8rem); font-weight: bold; }
.handler__cout .handler__cout-topbox .topbox__name::before { position: absolute; content: ""; display: inline-block; right: -25px; top: 75%; transform: translateY(-50%) rotate(90deg); width: 24px; height: 34px; background: url("/img/pet/name_arrow.svg") no-repeat; background-size: contain; }
.handler__cout .handler__cout-topbox .topbox__handler { grid-area: 3 / 1 / 4 / 3; font-size: 0; margin-bottom: 30px; }
.handler__cout .handler__cout-topbox .topbox__handler h2 { display: inline-block; position: relative; font-size: 1.5rem; font-weight: bold; line-height: 1; color: #FFF; letter-spacing: 0.04em; padding-left: 24px; margin-bottom: 7px; z-index: 10; }
.handler__cout .handler__cout-topbox .topbox__handler h2::before { position: absolute; content: ""; display: inline-block; left: 0; top: 50%; transform: translateY(-50%) rotate(29deg); width: 28px; height: 25px; background: url("/img/pet/profession_footprint.svg") no-repeat; background-size: contain; z-index: -1; }
.handler__cout .handler__cout-topbox .topbox__handler p { letter-spacing: 0.04em; font-size: 1.3rem; font-weight: 400; line-height: 1.8; color: #FFF; }
.handler__cout .handler__cout-topbox .topbox__pick { grid-area: 4 / 1 / 5 / 3; position: relative; height: 0; }
.handler__cout .handler__cout-topbox .topbox__pick .topbox__pick-voice { position: absolute; left: 10%; top: -45px; font-size: clamp(5rem, 10.1430429129vw, 10rem); font-family: "Montserrat", sans-serif; font-weight: bold; color: #6173AD; z-index: -1; }
.handler__cout .handler__cout-topbox .topbox__pick .topbox__pick-wp { position: relative; box-sizing: border-box; width: 96.8vw; min-height: 470px; max-width: 847px; background: #FFF; border-radius: 0 10px 10px 0; padding: clamp(3.6rem, 5.4616384915vw, 4.6rem) clamp(2rem, 4.6814044213vw, 5rem) clamp(3.6rem, 4.9414824447vw, 3.9rem) clamp(3.3rem, 7.5422626788vw, 8.3rem); margin-left: -10%; margin-top: 76px; }
.handler__cout .handler__cout-topbox .topbox__pick .topbox__pick-wp:before { content: ""; position: absolute; left: 0%; top: -11px; width: 0; height: 0; border-style: solid; border-width: 0 0 11px 3.6vw; border-color: transparent transparent #463586 transparent; z-index: -1; }
.handler__cout .handler__cout-topbox .topbox__pick .topbox__pick-img { position: absolute; width: 112px; top: -66px; right: 0; border: 8px solid #FFF; border-radius: 50%; }
.handler__cout .handler__cout-topbox .topbox__pick .topbox__pick-deco { position: absolute; top: -14px; left: -13px; width: 18px; line-height: 0; }
.handler__cout .handler__cout-topbox .topbox__pick .topbox__pick-message { position: absolute; right: 85px; width: 84px; top: -80px; transform: rotate(-21deg); }
.handler__cout .handler__cout-topbox .topbox__pick .main { position: relative; margin-bottom: 14px; }
.handler__cout .handler__cout-topbox .topbox__pick .main h2 { font-size: clamp(1.8rem, 2.6007802341vw, 2.2rem); font-weight: bold; color: #2F3F72; line-height: 1.5; }
.handler__cout .handler__cout-topbox .topbox__pick .sub { font-size: clamp(1.3rem, 1.8205461638vw, 1.5rem); line-height: 1.8; font-weight: 500; }
.handler__cout .handler__cout-bottombox { position: relative; background: #EBF0FD; border-radius: 0 0 0 20px; border-left: 8px solid #6173AD; border-bottom: 8px solid #6173AD; }
.handler__cout .handler__cout-bottombox .bottombox__inner { display: grid; max-width: 1200px; box-sizing: border-box; padding: 424px 33px 32px 22px; }
.handler__cout .handler__cout-bottombox .bottombox__wp .bottombox__wp-txt + .bottombox__wp-txt { margin-top: 35px; }
.handler__cout .handler__cout-bottombox .bottombox__wp .bottombox__wp-txt .main { position: relative; font-size: 1.6rem; font-weight: bold; color: #2F3F72; line-height: 1.7; background-image: linear-gradient(to right, #6173AD 5px, transparent 2px); background-size: 10px 2px; background-repeat: repeat-x; background-position: left bottom; margin-bottom: 10px; padding-bottom: 10px; z-index: 10; }
.handler__cout .handler__cout-bottombox .bottombox__wp .bottombox__wp-txt .main::before { position: absolute; content: ""; display: inline-block; left: 0; top: -12px; transform: rotate(29deg); width: 28px; height: 25px; background: url("/img/pet/bottombox_footprint.svg") no-repeat; background-size: contain; z-index: -1; }
.handler__cout .handler__cout-bottombox .bottombox__wp .bottombox__wp-txt .sub { font-size: clamp(1.3rem, 1.8205461638vw, 1.5rem); line-height: 1.8; font-weight: 500; }
.handler__cout .handler__cout-bottombox .bottombox__img { position: relative; z-index: 10; margin-top: 24px; }
.handler__cout .handler__cout-bottombox .bottombox__img .bottombox__img-foot { position: absolute; left: -6px; top: 0; transform: rotate(-24deg); width: 88px; height: 80px; z-index: -1; }

/*------------入学案内------------*/
#guide .guide__links li { margin: 0% 0% 5.33% 0%; border-radius: 10px; overflow: hidden; }
#guide .guide__links li a { display: block; background: #fff; color: #F57979; }
#guide .guide__links li .guide__txt { position: relative; padding: 4% 5.33% 5.33% 5.33%; }
#guide .guide__links li .guide__txt .guide__ttl { margin: 0% 0% 2.66% 0%; font-size: 2.5rem; font-weight: 500; }
@media (min-width: 768px) { #guide .guide__links li .guide__txt .guide__ttl { font-size: calc( 2.5rem + ( 1vw - 7.68px ) * 3.4722222222 ); } }
@media (min-width: 1200px) { #guide .guide__links li .guide__txt .guide__ttl { font-size: 4rem; } }
#guide .guide__links li .guide__txt .guide__ttl span { vertical-align: middle; }
#guide .guide__links li .guide__txt .guide__ttl .arrow { margin: 0% 0% 0% 2.66%; display: inline-block; width: 3.5rem; height: 3.5rem; border: 1px solid #F57979; box-sizing: border-box; border-radius: 7rem; position: relative; }
#guide .guide__links li .guide__txt .guide__ttl .arrow:after { position: absolute; width: 6px; height: 6px; border-top: 2px solid; border-right: 2px solid; top: calc(50% - 2px); transform: rotate(45deg) translate(0%, -50%); right: 50%; border-color: #F57979; content: ''; }
#guide .guide__links li .guide__txt .guide__copy { font-size: 1.4rem; line-height: 1.5333333333; color: #2E1C1C; }
@media (min-width: 768px) { #guide .guide__links li .guide__txt .guide__copy { font-size: calc( 1.4rem + ( 1vw - 7.68px ) * 0.462962963 ); } }
@media (min-width: 1200px) { #guide .guide__links li .guide__txt .guide__copy { font-size: 1.6rem; } }
#guide .guide__links li:last-child { margin-bottom: 0; }

@keyframes shine { 0% { transform: scale(0) rotate(45deg); opacity: 0; }
  60% { transform: scale(0) rotate(45deg); opacity: 0.2; }
  61% { transform: scale(4) rotate(45deg); opacity: 0.3; }
  80% { transform: scale(50) rotate(45deg); opacity: 0; } }
/*------------------------------
		769px以上
------------------------------*/
@media screen and (min-width: 769px) { .pagettl__cout .pagettl__cout-wp { background: url("/img/pet/mv.jpg") center/cover no-repeat; }
  .sentencelink .sentencelink__ttl { padding: 10px 20px; }
  .sentencelink .sentencelink__ttl::before, .sentencelink .sentencelink__ttl::after { width: 25px; height: 25px; }
  .sentencelink .sentencelink__wp .sentencelink__link { width: 31.915%; margin-right: 2.1%; }
  .sentencelink .sentencelink__wp .sentencelink__link a .icon { right: 17px; width: 29px; height: 29px; }
  .sentencelink .sentencelink__wp .sentencelink__link a .icon:after { width: 6px; height: 6px; }
  .sentencelink .sentencelink__wp .sentencelink__link a:hover { opacity: 1; background: #6173AD; color: #FFF; transform: translate(4px, 4px); }
  .sentencelink .sentencelink__wp .sentencelink__link a:hover .icon { background-color: #FFF; }
  .sentencelink .sentencelink__wp .sentencelink__link a:hover .icon:after { border-right: 2px solid #6173AD; border-bottom: 2px solid #6173AD; }
  .sentencelink .sentencelink__wp .sentencelink__link:nth-child(2n) { margin-right: 2.1%; }
  .sentencelink .sentencelink__wp .sentencelink__link:nth-child(3n) { margin-right: 0; }
  .sentencelink .sentencelink__wp .sentencelink__link:nth-child(3) { margin-top: 0; }
  .sentencelink .sentencelink__wp .sentencelink__link:before { right: -4px; bottom: -4px; }
  .sentencelink .sentencelink__wp .sentencelink__link:after { left: 4px; bottom: -6px; width: 78px; height: 64px; }
  .required__cout .required__cout-wp { grid-template-columns: 1fr 43%; grid-column-gap: 84px; align-items: flex-end; }
  .required__cout .required__cout-txt { grid-area: 1 / 1 / 2 / 2; }
  .required__cout .required__cout-img { grid-area: 1 / 2 / 2 / 3; }
  .successful__cout { margin-bottom: 82px; }
  .successful__cout .successful__cout-box .box__img.dog { bottom: -6px; left: -74px; width: auto; max-width: 200px; }
  .successful__cout .successful__cout-box .box__img.deco { top: -37px; right: -35px; width: auto; max-width: 117px; }
  .successful__cout .successful__cout-box .box__wp .box__wp-head { position: absolute; width: 100%; left: 50%; transform: translateX(-50%); top: -22px; }
  .successful__cout .successful__cout-box .box__wp .box__wp-grid { display: grid; grid-template-columns: 40% 1fr; grid-column-gap: 18px; align-items: flex-end; }
  .successful__cout .successful__cout-box .box__wp .box__wp-ttl { margin-bottom: 0; padding-left: 30px; }
  .successful__cout .successful__cout-box .box__wp .box__wp-ttl .main { margin-bottom: 10px; line-height: 1.5; }
  .successful__cout .successful__cout-box .box__wp .box__wp-number .number__wp { margin-left: 0; text-align: left; }
  .successful__cout .successful__cout-box .box__wp .box__wp-number .number__wp .unit { margin-left: 7px; font-size: clamp(3rem, 6.5019505852vw, 7rem); font-weight: 500; }
  .successful__cout .successful__cout-box .box__wp .box__wp-attent { margin-left: 0; line-height: 1; }
  .case__cout .case__cout-box { padding-bottom: 37px; }
  .case__cout .case__cout-head { text-align: left; margin-bottom: 15px; }
  .case__cout .case__cout-grid { display: grid; grid-template-columns: 48px 160px 194px 1fr; grid-row-gap: 8px; }
  .case__cout .case__cout-grid .grid__entry { grid-area: 1 / 1 / 6 / 2; grid-template-columns: 1fr; grid-row-gap: 13px; margin-bottom: 0; margin-right: 20px; }
  .case__cout .case__cout-grid .grid__entry .txt { text-align: center; margin-top: auto; }
  .case__cout .case__cout-grid .grid__entry .img { text-align: center; margin: 0 auto auto; }
  .case__cout .case__cout-grid .grid__entry::before { left: calc(100% + 14px); bottom: calc(50% - 18px); transform: translateY(50%); z-index: 10; }
  .case__cout .case__cout-grid .grid__year { margin-bottom: 0; }
  .case__cout .case__cout-grid .grid__year.first { grid-area: 1 / 2 / 2 / 5; }
  .case__cout .case__cout-grid .grid__year.second { grid-area: 3 / 3 / 4 / 5; display: block; }
  .case__cout .case__cout-grid .grid__box.specialized01 { grid-area: 2 / 2 / 3 / 5; margin-bottom: 0; }
  .case__cout .case__cout-grid .grid__box.komuincourse { grid-area: 4 / 3 / 5 / 4; padding: 8px clamp(1.2rem, 1.9505851756vw, 1.8rem); margin-bottom: 0; margin-right: 8px; }
  .case__cout .case__cout-grid .grid__box.specialized_komuin { grid-area: 4 / 4 / 5 / 5; padding: 8px clamp(1.2rem, 1.9505851756vw, 1.8rem); margin-bottom: 0; }
  .case__cout .case__cout-grid .grid__box.specialized_doubutsu { grid-area: 5 / 3 / 6 / 5; padding: 8px clamp(1.2rem, 1.9505851756vw, 1.8rem); }
  .case__cout .case__cout-grid .grid__casebox { display: grid; align-content: center; }
  .case__cout .case__cout-grid .grid__casebox p { display: grid; align-content: center; }
  .case__cout .case__cout-grid .grid__casebox p::before { left: calc(100% - 4px); bottom: calc(50%); transform: translateY(50%); width: 26px; height: 18px; z-index: 10; }
  .case__cout .case__cout-grid .grid__casebox.komuin { grid-area: 4 / 2 / 5 / 3; margin-bottom: 0; margin-right: 10px; }
  .case__cout .case__cout-grid .grid__casebox.doubutsu { grid-area: 5 / 2 / 6 / 3; margin-bottom: 0; margin-right: 10px; }
  .profession__cout .profession__cout-box { display: grid; grid-template-columns: 1fr 300px; grid-column-gap: 30px; align-items: center; }
  .profession__cout .box__txt .box__txt-wp { margin-bottom: 0; }
  .profession__cout .box__txt .box__txt-wp .box__txt-case:nth-child(n+2) { margin-top: 7px; }
  .profession__cout .box__txt .box__txt-case .case__head { line-height: 1.2; }
  .profession__cout .box__txt .box__txt-case .case__conditions { line-height: 1.3; }
  .profession__cout .box__txt .box__txt-case .case__desc { line-height: 1.5; }
  .profession__cout .box__img.police { margin-top: 32px; }
  .profession__cout .box__img.police .box__img-main .box__img-catch { left: -20px; top: -32px; }
  .profession__cout .box__img.guide { margin-top: 32px; }
  .profession__cout .box__img.guide .box__img-main .box__img-catch { right: -33px; }
  .profession__cout .box__img.zoo_keeper .box__img-main .box__img-catch { left: -24px; bottom: -32px; }
  .handler__cout .handler__cout-topbox .topbox__wp { grid-template-columns: 1fr 46%; grid-column-gap: 21px; }
  .handler__cout .handler__cout-topbox .topbox__txt { grid-area: 1 / 1 / 2 / 3; margin-bottom: -24px; margin-right: 0; }
  .handler__cout .handler__cout-topbox .topbox__img { grid-area: 2 / 2 / 4 / 3; margin-bottom: 0; margin-top: auto; margin-right: 0; }
  .handler__cout .handler__cout-topbox .topbox__name { grid-area: 2 / 1 / 3 / 2; height: 45vw; }
  .handler__cout .handler__cout-topbox .topbox__name::before { top: 80%; }
  .handler__cout .handler__cout-topbox .topbox__handler { grid-area: 3 / 1 / 4 / 2; margin-bottom: 0; }
  .handler__cout .handler__cout-topbox .topbox__pick { grid-area: 4 / 1 / 5 / 3; margin-top: 20px; }
  .handler__cout .handler__cout-topbox .topbox__pick .topbox__pick-voice { top: -9vw; }
  .handler__cout .handler__cout-topbox .topbox__pick .topbox__pick-wp { width: 90vw; min-height: 360%; }
  .handler__cout .handler__cout-bottombox .bottombox__inner { padding-top: 314px; }
  .handler__cout .handler__cout-bottombox .bottombox__wp .bottombox__wp-txt + .bottombox__wp-txt { margin-top: 25px; }
  #guide .guide__links li { margin-bottom: 0; border-top-left-radius: 20px; border-top-right-radius: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 20px; }
  #guide .guide__links li a { display: flex; flex-flow: row wrap; align-content: flex-start; justify-content: space-between; align-items: center; }
  #guide .guide__links li .guide__img { width: 52%; }
  #guide .guide__links li .guide__txt { width: 48%; padding: 0% 4.16% 0% 4.83%; box-sizing: border-box; }
  #guide .guide__links li .guide__txt .guide__ttl { margin-bottom: 22px; }
  #guide .guide__links li:nth-child(odd) { border-top-left-radius: 0; border-top-right-radius: 20px; border-bottom-right-radius: 20px; border-bottom-left-radius: 0; }
  #guide .guide__links li:nth-child(odd) a { flex-direction: row-reverse; }
  #guide .guide__links li + li { margin: 4.58% 0% 0% 0%; } }
/*------------------------------
		961px以上
------------------------------*/
@media screen and (min-width: 981px) { #contents { margin-top: 100px; }
  .pagettl__cout .pagettl__cout-wp { background: url("/img/pet/mv.jpg") center/cover no-repeat; }
  .pagettl__cout .pagettl__cout-wp .pagettl__cout-txt { border-radius: 120px 120px 0 0; }
  .pagettl__cout .pagettl__cout-wp .pagettl__cout-txt .txt_img { right: 0; }
  .sentencelink .sentencelink__ttl { padding: 5px 25px; width: 88.724%; }
  .sentencelink .sentencelink__img { margin: 0 auto 21px; }
  .sentencelink .sentencelink__wp .sentencelink__link { margin-right: 2.1%; }
  .sentencelink .sentencelink__wp .sentencelink__link:nth-child(2n) { margin-right: 2.1%; }
  .sentencelink .sentencelink__wp .sentencelink__link:after { bottom: -4px; width: 94px; height: 75px; }
  .successful__cout { margin-bottom: 55px; }
  .successful__cout .successful__cout-box .box__img.dog { left: -92px; }
  .successful__cout .successful__cout-box .box__wp .box__wp-ttl { padding-left: 0; }
  .case__cout .case__cout-box { padding-bottom: 35px; }
  .case__cout .case__cout-head { margin-bottom: 11px; }
  .case__cout .case__cout-grid { grid-template-columns: 78px 225px 136px 141px 1fr; }
  .case__cout .case__cout-grid .grid__entry { grid-area: 1 / 1 / 4 / 2; margin-right: 30px; }
  .case__cout .case__cout-grid .grid__entry .txt { text-align: center; margin-top: auto; }
  .case__cout .case__cout-grid .grid__entry .img { text-align: center; margin: 0 auto auto; }
  .case__cout .case__cout-grid .grid__entry::before { left: calc(100% + 14px); bottom: calc(50% - 18px); width: 32px; height: 22px; }
  .case__cout .case__cout-grid .grid__year { margin-bottom: 0; }
  .case__cout .case__cout-grid .grid__year.first { grid-area: 1 / 2 / 2 / 3; margin-right: 7px; }
  .case__cout .case__cout-grid .grid__year.second { grid-area: 1 / 4 / 2 / 6; }
  .case__cout .case__cout-grid .grid__box.specialized01 { grid-area: 2 / 2 / 4 / 3; margin-right: 7px; }
  .case__cout .case__cout-grid .grid__box.komuincourse { grid-area: 2 / 4 / 3 / 5; }
  .case__cout .case__cout-grid .grid__box.specialized_komuin { grid-area: 2 / 5 / 3 / 6; }
  .case__cout .case__cout-grid .grid__box.specialized_doubutsu { grid-area: 3 / 4 / 4 / 6; }
  .case__cout .case__cout-grid .grid__casebox p::before { left: calc(100% - 4px); bottom: calc(50%); width: 32px; height: 22px; }
  .case__cout .case__cout-grid .grid__casebox.komuin { grid-area: 2 / 3 / 3 / 4; margin-right: 10px; }
  .case__cout .case__cout-grid .grid__casebox.doubutsu { grid-area: 3 / 3 / 4 / 4; margin-right: 10px; }
  .profession__cout .profession__cout-box { grid-template-columns: 1fr 360px; grid-column-gap: 120px; }
  .profession__cout .box__txt .box__txt-wp { margin-bottom: 0; }
  .profession__cout .box__txt .box__txt-wp .box__txt-case:nth-child(n+2) { margin-top: 7px; }
  .profession__cout .box__img.police { margin-top: 42px; }
  .profession__cout .box__img.police .box__img-main .box__img-catch { left: -39px; top: -42px; }
  .profession__cout .box__img.guide { margin-top: 54px; }
  .profession__cout .box__img.guide .box__img-main .box__img-catch { right: -53px; top: -54px; }
  .profession__cout .box__img.zoo_keeper .box__img-main .box__img-catch { width: 40.985%; max-width: 158px; left: -48px; bottom: -41px; }
  .etc__cout .etc__cout-head { margin-bottom: 15px; }
  .etc__cout .etc__cout-txt h2 { display: inline-block; font-size: clamp(1.8rem, 2.4707412224vw, 2rem); font-weight: bold; line-height: 1; color: #6173AD; margin-bottom: 0; }
  .etc__cout .etc__cout-txt p { display: inline-block; margin-left: 10px; text-indent: 0; padding-left: 0; }
  .handler__cout .handler__cout-inner { width: calc((100vw - 1200px) / 2 + 1200px); padding-left: 4%; }
  .handler__cout .handler__cout-bottombox { border-top: 8px solid #6173AD; }
  .handler__cout .handler__cout-bottombox .bottombox__inner { grid-template-columns: 1fr 37.7125%; grid-column-gap: 40px; }
  .handler__cout .handler__cout-bottombox .bottombox__wp .bottombox__wp-txt + .bottombox__wp-txt { margin-top: 15px; }
  .handler__cout .handler__cout-bottombox .bottombox__wp .bottombox__wp-txt .main { line-height: 1.7; }
  .handler__cout .handler__cout-bottombox .bottombox__wp .bottombox__wp-txt .main::before { left: -13px; top: -7px; }
  .handler__cout .handler__cout-bottombox .bottombox__wp .bottombox__wp-txt .sub { line-height: 1.6; }
  .handler__cout .handler__cout-bottombox .bottombox__img { margin-top: auto; }
  .handler__cout .handler__cout-bottombox .bottombox__img .bottombox__img-foot { position: absolute; left: auto; top: auto; right: 0; bottom: 0; transform: rotate(28deg); width: 142px; height: 127px; }
  #guide .guide__links li .guide__img { width: 58.333333%; }
  #guide .guide__links li .guide__txt { width: 41.666667%; } }
/*------------------------------
		1201px以上
------------------------------*/
@media screen and (min-width: 1201px) { .case__cout .case__cout-grid { grid-template-columns: 78px 260px 154px 208px 1fr; }
  .handler__cout .handler__cout-head { left: -45px; top: -25px; }
  .handler__cout .handler__cout-topbox { border-radius: 200px 0 0 0; }
  .handler__cout .handler__cout-topbox .topbox__wp { grid-template-columns: 1fr 28.58%; grid-column-gap: 101px; padding-top: 75px; padding-bottom: 32px; }
  .handler__cout .handler__cout-topbox .topbox__txt { grid-area: 1 / 1 / 2 / 2; margin-right: 0; margin-top: 100px; margin-bottom: 89px; }
  .handler__cout .handler__cout-topbox .topbox__img { grid-area: 1 / 2 / 3 / 3; margin-right: 0; margin-bottom: 25px; max-width: 100%; }
  .handler__cout .handler__cout-topbox .topbox__img img { border-radius: 10px; }
  .handler__cout .handler__cout-topbox .topbox__name { position: relative; grid-area: 3 / 2 / 4 / 3; height: auto; }
  .handler__cout .handler__cout-topbox .topbox__name::before { right: calc(100% - 46px); top: -48px; transform: rotate(60deg); }
  .handler__cout .handler__cout-topbox .topbox__handler { grid-area: 4 / 2 / 5 / 3; }
  .handler__cout .handler__cout-topbox .topbox__pick { grid-area: 2 / 1 / 5 / 2; margin-bottom: -81px; height: auto; }
  .handler__cout .handler__cout-topbox .topbox__pick .topbox__pick-voice { top: -92px; left: 12%; }
  .handler__cout .handler__cout-topbox .topbox__pick .topbox__pick-wp { min-height: 388px; max-width: 687px; margin-top: 0px; margin-left: -5.9vw; }
  .handler__cout .handler__cout-topbox .topbox__pick .topbox__pick-wp:before { left: 0vw; top: -10px; border-width: 0 0 10px 1vw; z-index: -1; }
  .handler__cout .handler__cout-topbox .topbox__pick .topbox__pick-img { width: 158px; }
  .handler__cout .handler__cout-topbox .topbox__pick .topbox__pick-message { right: -28px; width: 100px; top: -87px; transform: rotate(18deg); }
  .handler__cout .handler__cout-topbox .topbox__pick .main { position: relative; margin-bottom: 14px; }
  .handler__cout .handler__cout-topbox .topbox__pick .main h2 { font-size: clamp(1.8rem, 2.6007802341vw, 2.2rem); font-weight: bold; color: #2F3F72; line-height: 1.5; }
  .handler__cout .handler__cout-topbox .topbox__pick .sub { font-size: clamp(1.3rem, 1.8205461638vw, 1.5rem); line-height: 1.8; font-weight: 500; }
  .handler__cout .handler__cout-bottombox { border-top: 8px solid #6173AD; }
  .handler__cout .handler__cout-bottombox .bottombox__inner { padding: 68px 83px 35px 54px; grid-template-columns: 1fr 37.7125%; grid-column-gap: 92px; }
  .handler__cout .handler__cout-bottombox .bottombox__wp .bottombox__wp-txt + .bottombox__wp-txt { margin-top: 15px; }
  .handler__cout .handler__cout-bottombox .bottombox__wp .bottombox__wp-txt .main { line-height: 1.7; }
  .handler__cout .handler__cout-bottombox .bottombox__wp .bottombox__wp-txt .main::before { left: -13px; top: -7px; }
  .handler__cout .handler__cout-bottombox .bottombox__wp .bottombox__wp-txt .sub { line-height: 1.6; }
  .handler__cout .handler__cout-bottombox .bottombox__img { margin-top: auto; }
  .handler__cout .handler__cout-bottombox .bottombox__img .bottombox__img-foot { position: absolute; left: auto; top: auto; right: 0; bottom: 0; transform: rotate(28deg); width: 142px; height: 127px; } }
/*------------------------------
		1400px以上
------------------------------*/
@media screen and (min-width: 1401px) { .handler__cout .handler__cout-topbox .topbox__wp { grid-template-columns: 1fr 27.58%; padding-bottom: 32px; } }

/*# sourceMappingURL=style.css.map */