:root{--breakpoint-sp:768px;--breakpoint-tablet:960px;--content-width:1280px;--content-width-max:1920px;--content-margin-normal:150;--header-height-pc:70px;--header-height-sp:52px;--recruit-header-height:64px;--recruit-header-height-tablet:40px;--margin-section:80;--margin-element:60;--margin-paragraph:40;--margin-line:20;--color-text-base:#333;--color-text-base-rgb:51,51,51;--color-gray-base:#ccc;--color-primary-base:#136b5f;--color-primary-base-rgb:19,107,95;--color-primary-dark:#255149;--color-primary-darker:#0d493a;--color-primary-medium:#00876c;--color-primary-vivid:#00C1A9;--color-primary-light:#F7F6F1;--color-accent-lime:#F1FFCB;--color-accent-orange:#FFAD55;--color-caution-base:#C6121B;--color-border:#ddd;--gradient-green:linear-gradient(300deg, rgba(0, 193, 169, 1) 20%, rgba(19, 107, 95, 1) 80%);--transition-default:cubic-bezier(.210, .60, .350, 1);--transition-ease:cubic-bezier(0.17, 0.935, 0.305, 1);--transition-easeInSine:cubic-bezier(0.47, 0, 0.745, 0.715);--transition-easeOutSine:cubic-bezier(0.39, 0.575, 0.565, 1);--transition-easeInOutSine:cubic-bezier(0.445, 0.05, 0.55, 0.95);--transition-easeInQuad:cubic-bezier(0.55, 0.085, 0.68, 0.53);--transition-easeOutQuad:cubic-bezier(0.25, 0.46, 0.45, 0.94);--transition-easeInOutQuad:cubic-bezier(0.455, 0.03, 0.515, 0.955);--transition-easeInCubic:cubic-bezier(0.55, 0.055, 0.675, 0.19);--transition-easeOutCubic:cubic-bezier(0.215, 0.61, 0.355, 1);--transition-easeInOutCubic:cubic-bezier(0.645, 0.045, 0.355, 1);--transition-easeInQuart:cubic-bezier(0.895, 0.03, 0.685, 0.22);--transition-easeOutQuart:cubic-bezier(0.165, 0.84, 0.44, 1);--transition-easeInOutQuart:cubic-bezier(0.77, 0, 0.175, 1);--transition-easeInQuint:cubic-bezier(0.755, 0.05, 0.855, 0.06);--transition-easeOutQuint:cubic-bezier(0.23, 1, 0.32, 1);--transition-easeInOutQuint:cubic-bezier(0.86, 0, 0.07, 1);--transition-easeInExpo:cubic-bezier(0.95, 0.05, 0.795, 0.035);--transition-easeOutExpo:cubic-bezier(0.19, 1, 0.22, 1);--transition-easeInOutExpo:cubic-bezier(1, 0, 0, 1);--transition-easeInCirc:cubic-bezier(0.6, 0.04, 0.98, 0.335);--transition-easeOutCirc:cubic-bezier(0.075, 0.82, 0.165, 1);--transition-easeInOutCirc:cubic-bezier(0.785, 0.135, 0.15, 0.86);--transition-easeInBack:cubic-bezier(0.6, -0.28, 0.735, 0.045);--transition-easeOutBack:cubic-bezier(0.175, 0.885, 0.32, 1.275);--transition-easeInOutBack:cubic-bezier(0.68, -0.55, 0.265, 1.55);--zindex-modal:1000;--zinde-swiper-controls:10;--zindex-container:2;--zinde-top-hero:3;--zindex-recruit-header:5}#main{box-sizing:border-box;height:400px;padding:40px;position:relative;background:url(/img/useful/bgi_main.jpg) no-repeat;background-size:cover;background-position:center}#main .inner{position:absolute;display:block;content:"";top:50%;left:50%;transform:translate(-50%,-50%);max-width:1160px;width:100%;padding:40px;box-sizing:border-box}#main .inner p{font-size:48px;font-weight:700;line-height:1.2;color:#fff;text-align:center}#main p{transform:translateY(20px);opacity:0;transition:transform 1s cubic-bezier(.21,.6,.35,1),opacity 1s cubic-bezier(.21,.6,.35,1)}@media only screen and (max-width:767px){#main{height:250px;padding:20px;background:url(/img/useful/bgi_main_sp.jpg) no-repeat;background-size:cover;background-position:center}#main .inner{padding:0;display:grid}#main .inner p{font-size:32px;text-align:center}}.fade #main p{transform:translateY(0);opacity:1}section .figure{margin:2.5em auto 1.5em}section .figure figcaption{font-size:16px}section .figure .captionBefore{margin-bottom:1em}section .figure .captionAfter{margin-top:1em}section .figure.-narrow{max-width:648px;width:100%}@media only screen and (max-width:767px){section .figure.-narrow{margin:16px auto;max-width:100%}}@media only screen and (max-width:767px){section .figure figcaption{font-size:14px}}section .img{max-width:647px;width:100%;margin:0 auto}@media only screen and (max-width:767px){section .img{max-width:100%}}section li,section p{font-size:16px;line-height:1.8}@media only screen and (max-width:767px){section li,section p{font-size:14px;line-height:1.7}}.uq_usefulLead{padding:64px 40px 74px}.uq_usefulLead *{box-sizing:border-box}.uq_usefulLead .inner{max-width:1080px;margin:0 auto}@media print,screen and (min-width:768px){.uq_usefulLead.-wide .inner{max-width:var(--content-width)}}.uq_usefulLead .articleHeader{display:flex;gap:36px;margin-bottom:clamp(36px,3.75vw,48px)}.uq_usefulLead .articleHeader .headerBody{flex:1}.uq_usefulLead .articleHeader .headerImg{width:540px;max-width:50%}.uq_usefulLead .articleHeader .headerImg img{width:100%;height:auto}.uq_usefulLead .articleHeader .button{margin-top:40px}.uq_usefulLead .txtArea{max-width:840px;margin:0 auto}.uq_usefulLead .ttl{display:flex;align-items:center;gap:16px;position:relative;margin-bottom:40px}.uq_usefulLead .ttl .midashi{font-size:20px;color:var(--color-primary-base);padding:0;transform:skew(0);-webkit-transform:skew(0);border:none;font-weight:700}.uq_usefulLead .ttl p{padding:0 24px;-webkit-transform:skew(-7deg);transform:skew(-7deg);border:var(--color-primary-base) solid 2px;display:inline-block}.uq_usefulLead .ttl p span{-webkit-transform:skew(7deg);transform:skew(7deg);color:var(--color-primary-base);font-size:18px;display:flex;align-content:center;font-weight:700;line-height:48px;position:relative}.uq_usefulLead .ttl p span>span{display:inline-block;-webkit-transform:skew(0);transform:skew(0);font-size:30px;font-family:Oswald,sans-serif;margin-left:7px}.uq_usefulLead h1{font-size:28px;line-height:1.7}.uq_usefulLead .img{margin-bottom:36px}.uq_usefulLead .box{max-width:845px;width:100%;background:#e2dedb;margin:74px auto 0;padding:50px 0;display:flex}.uq_usefulLead .txt{width:25%;position:relative;display:flex;align-items:center;justify-content:center;padding:0 40px;box-sizing:border-box}.uq_usefulLead .txt::before{position:absolute;display:block;content:"";width:1px;height:100%;background-image:linear-gradient(150deg,#005046,#006563 70%);top:0;right:0}.uq_usefulLead .txt h4{color:#00876c;font-size:28px;text-align:center}.uq_usefulLead .link{width:75%;padding:0 48px;box-sizing:border-box}.uq_usefulLead .link ul{display:flex;flex-direction:column;gap:8px}.uq_usefulLead .link li a{display:inline-block;font-size:18px;font-weight:700;line-height:1.8;text-decoration:underline;padding-left:40px;position:relative}.uq_usefulLead .link li a::before{position:absolute;content:"";top:.6em;left:0;width:0;height:0;border-style:solid;border-width:13px 9px 0;border-color:var(--color-primary-base) transparent transparent}@media print,screen and (min-width:768px) and (max-width:1023px){.uq_usefulLead .articleHeader{flex-direction:column-reverse;gap:24px;margin-bottom:24px}.uq_usefulLead .articleHeader .headerImg{width:100%;max-width:100%}.uq_usefulLead .articleHeader .headerBody{padding:0 16px}.uq_usefulLead .txt{width:20%;padding:0 20px}.uq_usefulLead .link{width:80%;padding:0 32px}}@media only screen and (max-width:767px){.uq_usefulLead{padding:0 0 24px}.uq_usefulLead .articleHeader{flex-direction:column-reverse;gap:24px;margin-bottom:24px}.uq_usefulLead .articleHeader .headerImg{width:100%;max-width:100%}.uq_usefulLead .articleHeader .headerBody{padding:0 16px}.uq_usefulLead .articleHeader .button{text-align:center;margin-top:24px}.uq_usefulLead .ttl{flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:24px}.uq_usefulLead .ttl .midashi{font-size:16px}.uq_usefulLead .ttl p{padding:0 18px}.uq_usefulLead .ttl p span{font-size:12px;line-height:32px}.uq_usefulLead .ttl p span>span{font-size:20px;margin-left:5px;margin-top:-5px}.uq_usefulLead h1{font-size:18px;margin-bottom:0;text-align:left}.uq_usefulLead .img{margin-bottom:30px}.uq_usefulLead .txtArea{padding:0 16px}.uq_usefulLead .box{margin:20px auto 0;padding:25px 20px;flex-wrap:wrap;box-sizing:border-box}.uq_usefulLead .txt{width:100%;padding:0 0 20px}.uq_usefulLead .txt::before{width:100%;height:2px;top:auto;bottom:0}.uq_usefulLead .txt h4{font-size:20px}.uq_usefulLead .link{width:100%;padding:15px}.uq_usefulLead .link li a{font-size:14px;line-height:1.5;padding-left:20px}.uq_usefulLead .link li a::before{top:0;border-width:10px 6px 0;transform:translateY(0);margin-top:5px}}.uq_usefulLead.-index{padding:0}.uq_usefulLead.-index .articleHeader:not(:first-child){margin-top:clamp(48px,5vw,64px);padding-top:clamp(36px,3.75vw,48px);border-top:#ddd solid 1px}@media print,screen and (min-width:768px){.uq_usefulLead.-index .inner{box-sizing:border-box;max-width:1320px;padding:0 20px;margin:clamp(48px,5vw,64px) auto clamp(60px,6.25vw,80px)}.uq_usefulLead.-index .articleHeader .headerImg{width:clamp(465px,48.4375vw,620px)}.uq_usefulLead.-index .ttl{margin-bottom:32px}}@media print,screen and (min-width:768px) and (max-width:1023px){.uq_usefulLead.-index .inner{max-width:640px}.uq_usefulLead.-index .articleHeader .headerImg{width:100%}}@media only screen and (max-width:767px){.uq_usefulLead.-index{margin:48px 0}.uq_usefulLead.-index .articleHeader:not(:first-child){margin-top:48px;padding-top:32px}.uq_usefulLead.-index .articleHeader{margin-left:16px;margin-right:16px;gap:16px}.uq_usefulLead.-index .articleHeader .headerBody{padding:0}.uq_usefulLead.-index .articleHeader .button{text-align:center;margin-top:24px}.uq_usefulLead.-index .ttl{justify-content:flex-start;margin-bottom:16px}}.uq_usefulContent{background:#f2f2f2;padding:80px 40px}.uq_usefulContent .box{background:#fff;max-width:1280px;width:100%;margin:0 auto 100px;padding:80px 100px;box-sizing:border-box}.uq_usefulContent .box h2{padding:0 20px;-webkit-transform:skew(-7deg);transform:skew(-7deg);color:#fff;background-image:linear-gradient(to right,#005046 0,#006563 100%);margin-bottom:60px}.uq_usefulContent .box h2 span{-webkit-transform:skew(7deg);transform:skew(7deg);display:block;font-size:24px;line-height:2;text-align:center}.uq_usefulContent .box h3{color:var(--color-primary-base);font-size:24px;padding-bottom:10px;position:relative;margin-top:60px;margin-bottom:20px;line-height:1.7}.uq_usefulContent .box h3::before{position:absolute;display:block;content:"";width:100%;height:1px;background:var(--color-primary-base);left:0;bottom:0}.uq_usefulContent .box h4{font-size:18px;line-height:1.7;margin-top:60px;margin-bottom:20px}.uq_usefulContent .box p+ul{margin:20px 0}.uq_usefulContent .box .inner{max-width:840px;width:100%;margin:60px auto 0}.uq_usefulContent .box table{margin-top:20px;width:100%}.uq_usefulContent .box a{text-decoration:underline;color:#7f7766;font-weight:700}.uq_usefulContent .tableBox{overflow-x:auto;display:block;padding-bottom:20px}.uq_usefulContent .tableBox td,.uq_usefulContent .tableBox th{border:#899084 solid 1px;white-space:nowrap;line-height:1.6;padding:8px 18px}.uq_usefulContent .tableBox thead th{background:#c6e0b4}.uq_usefulContent .tableBox tbody th{text-align:left;vertical-align:top}.uq_usefulContent .tableBox li{font-size:14px}.uq_usefulContent .tableBox::-webkit-scrollbar{width:10px;height:10px}.uq_usefulContent .tableBox::-webkit-scrollbar-track{background:#fff;border-radius:5px}.uq_usefulContent .tableBox::-webkit-scrollbar-thumb{background:#ccc;border-radius:5px}.uq_usefulContent .tableBox.-break td{white-space:normal}@media print,screen and (min-width:768px) and (max-width:1023px){.uq_usefulContent .box{padding:60px}}@media only screen and (max-width:767px){.uq_usefulContent{padding:40px 20px}.uq_usefulContent .box{margin:0 auto 40px;padding:40px 15px;box-sizing:border-box}.uq_usefulContent .box .inner{margin:40px auto 0}.uq_usefulContent .box h2{margin-bottom:30px;padding:5px 20px}.uq_usefulContent .box h2 span{font-size:18px;line-height:1.5}.uq_usefulContent .box h3{font-size:20px;margin-top:40px;margin-bottom:10px}.uq_usefulContent .box h4{font-size:16px;margin-top:40px;margin-bottom:15px}.uq_usefulContent .tableBox.-break td{min-width:150px}}.uq_usefulBookIndex{display:flex;align-items:flex-start;gap:clamp(75px,7.8125vw,100px)}@media print,screen and (min-width:768px){.uq_usefulBookIndex{max-width:1130px;margin:0 auto}.uq_usefulBookIndex .bookImg{position:sticky;top:80px}}@media print,screen and (min-width:768px) and (max-width:1023px){.uq_usefulBookIndex{gap:clamp(30px,3.125vw,40px)}.uq_usefulBookIndex .bookImg{max-width:180px}}@media only screen and (max-width:767px){.uq_usefulBookIndex{flex-direction:column;gap:8.5333333333vw;padding:0 16px}.uq_usefulBookIndex .bookImg{max-width:150px;margin:0 auto;text-align:center}}.uq_usefulBookIndex .bookIndex{flex:1;width:100%;margin:0 auto;border-top:1px solid #ddd}.uq_usefulBookIndex .bookIndex .item{display:flex;padding:20px 0 16px;border-bottom:#ddd solid 1px}.uq_usefulBookIndex .bookIndex .item dt{width:130px;font-size:18px;font-weight:700}.uq_usefulBookIndex .bookIndex .item dd{flex:1;font-size:16px}.uq_usefulBookIndex .bookIndex .item h2{font-size:18px;font-weight:700;line-height:1.4;margin-bottom:16px}.uq_usefulBookIndex .bookIndex .item ul{display:flex;flex-direction:column;gap:.75em}.uq_usefulBookIndex .bookIndex .item li{line-height:1.6}.uq_usefulBookIndex .bookIndex .item li br{padding-right:.5em}.uq_usefulBookIndex .bookIndex .item .subtext{font-size:13px;font-weight:400}@media print,screen and (min-width:768px) and (max-width:1023px){.uq_usefulBookIndex .bookIndex .item dt{width:100px}.uq_usefulBookIndex .bookIndex .item .subtext{display:block}}@media only screen and (max-width:767px){.uq_usefulBookIndex .bookIndex .item{flex-direction:column;align-items:flex-start}.uq_usefulBookIndex .bookIndex .item dt{width:100%}.uq_usefulBookIndex .bookIndex .item dd{margin-top:8px}}.uq_usefulBookIndex .trialLink{position:relative;display:inline-block;color:var(--color-primary-base);text-decoration:underline}.uq_usefulBookIndex .trialLink::after{content:"";display:inline-block;width:16px;height:16px;background:url(/img/useful/book-introduction/icon_book.svg) no-repeat;background-size:contain;margin-left:8px;margin-bottom:-2px}.uq_bookModalBody .bookContainer{display:flex;align-items:flex-start;gap:clamp(48px,5vw,64px);width:100%}.uq_bookModalBody .bookCover{width:clamp(145.5px,15.15625vw,194px);height:auto;flex-shrink:0}.uq_bookModalBody .bookContent{flex:1;font-size:16px;line-height:1.8}.uq_bookModalBody .bookContent li,.uq_bookModalBody .bookContent p{font-size:16px}.uq_bookModalBody .bookContent .bold{font-weight:700}.uq_bookModalBody .bookContent ol,.uq_bookModalBody .bookContent p:not(:first-child),.uq_bookModalBody .bookContent ul{margin-top:24px}.uq_bookModalBody .bookContent h3{font-size:18px;font-weight:700;margin-top:clamp(24px,2.5vw,32px);margin-bottom:clamp(12px,1.25vw,16px)}.uq_bookModalBody .bookContent h3+p{margin-top:0!important}.uq_bookModalBody .bookContent h4{font-size:16px;font-weight:700;margin-top:clamp(18px,1.875vw,24px);margin-bottom:clamp(12px,1.25vw,16px)}.uq_bookModalBody .bookContent h4+p{margin-top:0!important}.uq_bookModalBody .bookContent .pre{background:#f6f6f6;padding:16px;overflow-x:auto;margin-top:16px;margin-bottom:16px}.uq_bookModalBody .bookContent .contentHeading{font-size:clamp(18px,1.875vw,24px);font-weight:700;line-height:1.4;margin-bottom:16px}.uq_bookModalBody .bookContent .contentHeading .subHeading{font-size:clamp(12px,1.25vw,16px);padding-left:.5em}.uq_bookModalBody .bookContent .contentInner{padding-right:clamp(36px,3.75vw,48px);max-height:500px;overflow-y:auto}.uq_bookModalBody .bookContent .contentInner::-webkit-scrollbar{width:8px}.uq_bookModalBody .bookContent .contentInner::-webkit-scrollbar-track{background:#dbdbdb;border-radius:0}.uq_bookModalBody .bookContent .contentInner::-webkit-scrollbar-thumb{background:#a0a0a0;border-radius:0}.uq_bookModalBody .bookContent .contentInner::-webkit-scrollbar-thumb:hover{background:#909090}.uq_bookModalBody .bookContent .contentInner{scrollbar-width:thin;scrollbar-color:#a0a0a0 #dbdbdb}.uq_bookModalBody .bookBuyButton{padding:clamp(24px,2.5vw,32px) 0 clamp(36px,3.75vw,48px);text-align:center}@media only screen and (max-width:767px){.uq_bookModalBody .bookContainer{flex-direction:column;align-items:center;gap:8.5333333333vw}.uq_bookModalBody .bookCover{display:none}.uq_bookModalBody .bookContent .contentInner{padding-right:0;max-height:66vh}.uq_bookModalBody .bookContent .contentHeading{font-size:5.3333333333vw;text-align:left}.uq_bookModalBody .bookContent .contentHeading .subHeading{font-size:3.7333333333vw;display:block;padding-left:0}.uq_bookModalBody .bookBuyButton{position:fixed;bottom:0;padding:4.2666666667vw 0;width:100%;background:#fff;box-shadow:0 0 16px rgba(0,0,0,.1);left:50%;transform:translateX(-50%)}}