@charset "utf-8";*,::after,::before{box-sizing:border-box}
html{font-family:"Inter","kozuka-gothic-pr6n",sans-serif;text-box: trim-both cap alphabetic;line-height:1.75;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;font-feature-settings: "palt"}
article,aside,figcaption,figure,footer,header,hgroup,main,nav,section{display:block}body{margin:0;font-size:var(--size-15);font-weight:400;line-height:1.75;color:#212529;text-align:left;background-color:#fff}[tabindex="-1"]:focus:not(:focus-visible){outline:0!important}hr{box-sizing:content-box;height:0;overflow:visible}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:var(--size-8)}p{margin-top:0;margin-bottom:var(--size-16)}abbr[data-original-title],abbr[title]{text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;cursor:help;border-bottom:0;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none}address{margin-bottom:var(--size-16);font-style:normal;line-height:inherit}dl,ol,ul{margin:0;padding:0;list-style:none}ol ol,ol ul,ul ol,ul ul{margin:0}dt{font-weight:700}dd{margin-bottom:var(--size-8);margin-left:0}blockquote{margin:0 0 var(--size-16)}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}a{font-family:"Inter","kozuka-gothic-pr6n",sans-serif;text-decoration:none;background-color:transparent}a:hover{color:#0056b3}a:not([href]):not([class]){color:inherit;text-decoration:none}a:not([href]):not([class]):hover{color:inherit;text-decoration:none}code,kbd,pre,samp{font-size:1em}pre{margin-top:0;margin-bottom:var(--size-16);overflow:auto;-ms-overflow-style:scrollbar}figure{margin:0 0 var(--size-16)}img{vertical-align:middle;border-style:none}svg{overflow:hidden;vertical-align:middle}table{border-collapse:collapse}caption{padding-top:.75rem;padding-bottom:.75rem;color:#6c757d;text-align:left;caption-side:bottom}th{text-align:inherit;text-align:-webkit-match-parent}label{display:inline-block;margin-bottom:.5rem}button{border-radius:0}button:focus:not(:focus-visible){outline:0}button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}button,input{overflow:visible}button,select{text-transform:none}[role=button]{cursor:pointer}select{word-wrap:normal}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]:not(:disabled),[type=reset]:not(:disabled),[type=submit]:not(:disabled),button:not(:disabled){cursor:pointer}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{padding:0;border-style:none}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}textarea{overflow:auto;resize:vertical}fieldset{min-width:0;padding:0;margin:0;border:0}legend{display:block;width:100%;max-width:100%;padding:0;margin-bottom:.5rem;font-size:1.5rem;line-height:inherit;color:inherit;white-space:normal}progress{vertical-align:baseline}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{outline-offset:-2px;-webkit-appearance:none}[type=search]::-webkit-search-decoration{-webkit-appearance:none}output{display:inline-block}summary{display:list-item;cursor:pointer}template{display:none}[hidden]{display:none!important}.featherlight-sample{display:none}#law td{background:#fff;border:solid 1px #999}ol{margin-bottom:var(--size-16)}.clearfix:after{content:"";clear:both;display:block}.button,::file-selector-button{inline-size:fit-content;touch-action: manipulation;user-select:none;}*:focus-visible{outline:2px solid magenta;outline-offset:2px}

@media screen and (max-width: 768px) {
	html { font-feature-settings: initial;}
}

.inter-<uniquifier> {
    font-family: "Inter", sans-serif;
    font-optical-sizing: auto;
    font-weight: <weight>;
    font-style: normal;
    font-variation-settings: "slnt" 0;}
.noto-sans jp-<uniquifier> {
    font-family: "Noto Sans JP", sans-serif;
    font-optical-sizing: auto;
    font-weight: <weight>;
    font-style: normal;}
/*
font-family: "Inter","m-plus-1c", sans-serif;
font-family: "Inter", sans-serif;
font-family: "Inter","kozuka-gothic-pr6n", sans-serif;
font-family: "kozuka-mincho-pr6n", serif;
*/
:root{--size-1:min(.18vw,1px);--size-2:min(.36vw,2px);--size-3:min(.54vw,3px);--size-4:min(.72vw,4px);--size-5:min(.9vw,5px);--size-6:min(1.08vw,6px);--size-7:min(1.26vw,7px);--size-8:min(1.44vw,8px);--size-9:min(1.62vw,9px);--size-10:min(1.8vw,10px);--size-11:min(1.98vw,11px);--size-12:min(2.16vw,12px);--size-13:min(2.34vw,13px);--size-14:min(2.52vw,14px);--size-15:min(2.7vw,15px);--size-16:min(2.88vw,16px);--size-17:min(3.06vw,17px);--size-18:min(3.24vw,18px);--size-19:min(3.42vw,19px);--size-20:min(3.6vw,20px);--size-21:min(3.78vw,21px);--size-22:min(3.96vw,22px);--size-23:min(4.14vw,23px);--size-24:min(4.32vw,24px);--size-25:min(4.5vw,25px);--size-26:min(4.68vw,26px);--size-27:min(4.86vw,27px);--size-28:min(5.04vw,28px);--size-29:min(5.22vw,29px);--size-30:min(5.4vw,30px);--size-31:min(5.58vw,31px);--size-32:min(5.76vw,32px);--size-33:min(5.94vw,33px);--size-34:min(6.12vw,34px);--size-35:min(6.3vw,35px);--size-36:min(6.48vw,36px);--size-37:min(6.66vw,37px);--size-38:min(6.84vw,38px);--size-39:min(7.02vw,39px);--size-40:min(7.2vw,40px);--size-41:min(7.38vw,41px);--size-42:min(7.56vw,42px);--size-43:min(7.74vw,43px);--size-44:min(7.92vw,44px);--size-45:min(8.1vw,45px);--size-46:min(8.28vw,46px);--size-47:min(8.46vw,47px);--size-48:min(8.64vw,48px);--size-49:min(8.82vw,49px);--size-50:min(9vw,50px);--size-51:min(9.18vw,51px);--size-52:min(9.36vw,52px);--size-53:min(9.54vw,53px);--size-54:min(9.72vw,54px);--size-55:min(9.9vw,55px);--size-56:min(10.08vw,56px);--size-57:min(10.26vw,57px);--size-58:min(10.44vw,58px);--size-59:min(10.62vw,59px);--size-60:min(10.8vw,60px);--size-61:min(10.98vw,61px);--size-62:min(11.16vw,62px);--size-63:min(11.34vw,63px);--size-64:min(11.52vw,64px);--size-65:min(11.7vw,65px);--size-66:min(11.88vw,66px);--size-67:min(12.06vw,67px);--size-68:min(12.24vw,68px);--size-69:min(12.42vw,69px);--size-70:min(12.6vw,70px);--size-71:min(12.78vw,71px);--size-72:min(12.96vw,72px);--size-73:min(13.14vw,73px);--size-74:min(13.32vw,74px);--size-75:min(13.5vw,75px);--size-76:min(13.68vw,76px);--size-77:min(13.86vw,77px);--size-78:min(14.04vw,78px);--size-79:min(14.22vw,79px);--size-80:min(14.4vw,80px);--size-81:min(14.58vw,81px);--size-82:min(14.76vw,82px);--size-83:min(14.94vw,83px);--size-84:min(15.12vw,84px);--size-85:min(15.3vw,85px);--size-86:min(15.48vw,86px);--size-87:min(15.66vw,87px);--size-88:min(15.84vw,88px);--size-89:min(16.02vw,89px);--size-90:min(16.2vw,90px);--size-91:min(16.38vw,91px);--size-92:min(16.56vw,92px);--size-93:min(16.74vw,93px);--size-94:min(16.92vw,94px);--size-95:min(17.1vw,95px);--size-96:min(17.28vw,96px);--size-97:min(17.46vw,97px);--size-98:min(17.64vw,98px);--size-99:min(17.82vw,99px);--size-100:min(18vw,100px)}
@media screen and (max-width:767px){:root{--size-1:min(.216vw,1px);--size-2:min(.432vw,2px);--size-3:min(.648vw,3px);--size-4:min(.864vw,4px);--size-5:min(1.08vw,5px);--size-6:min(1.296vw,6px);--size-7:min(1.512vw,7px);--size-8:min(1.728vw,8px);--size-9:min(1.944vw,9px);--size-10:min(2.16vw,10px);--size-11:min(2.376vw,11px);--size-12:min(2.592vw,12px);--size-13:min(2.808vw,13px);--size-14:min(3.024vw,14px);--size-15:min(3.24vw,15px);--size-16:min(3.456vw,16px);--size-17:min(3.672vw,17px);--size-18:min(3.888vw,18px);--size-19:min(4.104vw,19px);--size-20:min(4.32vw,20px);--size-21:min(4.536vw,21px);--size-22:min(4.752vw,22px);--size-23:min(4.968vw,23px);--size-24:min(5.184vw,24px);--size-25:min(5.4vw,25px);--size-26:min(5.616vw,26px);--size-27:min(5.832vw,27px);--size-28:min(6.048vw,28px);--size-29:min(6.264vw,29px);--size-30:min(6.48vw,30px);--size-31:min(6.696vw,31px);--size-32:min(6.912vw,32px);--size-33:min(7.128vw,33px);--size-34:min(7.344vw,34px);--size-35:min(7.56vw,35px);--size-36:min(7.776vw,36px);--size-37:min(7.992vw,37px);--size-38:min(8.208vw,38px);--size-39:min(8.424vw,39px);--size-40:min(8.64vw,40px);--size-41:min(8.856vw,41px);--size-42:min(9.072vw,42px);--size-43:min(9.288vw,43px);--size-44:min(9.504vw,44px);--size-45:min(9.72vw,45px);--size-46:min(9.936vw,46px);--size-47:min(10.152vw,47px);--size-48:min(10.368vw,48px);--size-49:min(10.584vw,49px);--size-50:min(10.8vw,50px);--size-51:min(11.016vw,51px);--size-52:min(11.232vw,52px);--size-53:min(11.448vw,53px);--size-54:min(11.664vw,54px);--size-55:min(11.88vw,55px);--size-56:min(12.096vw,56px);--size-57:min(12.312vw,57px);--size-58:min(12.528vw,58px);--size-59:min(12.744vw,59px);--size-60:min(12.96vw,60px);--size-61:min(13.176vw,61px);--size-62:min(13.392vw,62px);--size-63:min(13.608vw,63px);--size-64:min(13.824vw,64px);--size-65:min(14.04vw,65px);--size-66:min(14.256vw,66px);--size-67:min(14.472vw,67px);--size-68:min(14.688vw,68px);--size-69:min(14.904vw,69px);--size-70:min(15.12vw,70px);--size-71:min(15.336vw,71px);--size-72:min(15.552vw,72px);--size-73:min(15.768vw,73px);--size-74:min(15.984vw,74px);--size-75:min(16.2vw,75px);--size-76:min(16.416vw,76px);--size-77:min(16.632vw,77px);--size-78:min(16.848vw,78px);--size-79:min(17.064vw,79px);--size-80:min(17.28vw,80px);--size-81:min(17.496vw,81px);--size-82:min(17.712vw,82px);--size-83:min(17.928vw,83px);--size-84:min(18.144vw,84px);--size-85:min(18.36vw,85px);--size-86:min(18.576vw,86px);--size-87:min(18.792vw,87px);--size-88:min(19.008vw,88px);--size-89:min(19.224vw,89px);--size-90:min(19.44vw,90px);--size-91:min(19.656vw,91px);--size-92:min(19.872vw,92px);--size-93:min(20.088vw,93px);--size-94:min(20.304vw,94px);--size-95:min(20.52vw,95px);--size-96:min(20.736vw,96px);--size-97:min(20.952vw,97px);--size-98:min(21.168vw,98px);--size-99:min(21.384vw,99px);--size-100:min(21.6vw,100px)}}
.mt1{margin-top:var(--size-1)}.mt2{margin-top:var(--size-2)}.mt3{margin-top:var(--size-3)}.mt4{margin-top:var(--size-4)}.mt5{margin-top:var(--size-5)}.mt6{margin-top:var(--size-6)}.mt7{margin-top:var(--size-7)}.mt8{margin-top:var(--size-8)}.mt9{margin-top:var(--size-9)}.mt10{margin-top:var(--size-10)}.mt11{margin-top:var(--size-11)}.mt12{margin-top:var(--size-12)}.mt13{margin-top:var(--size-13)}.mt14{margin-top:var(--size-14)}.mt15{margin-top:var(--size-15)}.mt16{margin-top:var(--size-16)}.mt17{margin-top:var(--size-17)}.mt18{margin-top:var(--size-18)}.mt19{margin-top:var(--size-19)}.mt20{margin-top:var(--size-20)}.mt21{margin-top:var(--size-21)}.mt22{margin-top:var(--size-22)}.mt23{margin-top:var(--size-23)}.mt24{margin-top:var(--size-24)}.mt25{margin-top:var(--size-25)}.mt26{margin-top:var(--size-26)}.mt27{margin-top:var(--size-27)}.mt28{margin-top:var(--size-28)}.mt29{margin-top:var(--size-29)}.mt30{margin-top:var(--size-30)}.mt31{margin-top:var(--size-31)}.mt32{margin-top:var(--size-32)}.mt33{margin-top:var(--size-33)}.mt34{margin-top:var(--size-34)}.mt35{margin-top:var(--size-35)}.mt36{margin-top:var(--size-36)}.mt37{margin-top:var(--size-37)}.mt38{margin-top:var(--size-38)}.mt39{margin-top:var(--size-39)}.mt40{margin-top:var(--size-40)}.mt41{margin-top:var(--size-41)}.mt42{margin-top:var(--size-42)}.mt43{margin-top:var(--size-43)}.mt44{margin-top:var(--size-44)}.mt45{margin-top:var(--size-45)}.mt46{margin-top:var(--size-46)}.mt47{margin-top:var(--size-47)}.mt48{margin-top:var(--size-48)}.mt49{margin-top:var(--size-49)}.mt50{margin-top:var(--size-50)}.mt51{margin-top:var(--size-51)}.mt52{margin-top:var(--size-52)}.mt53{margin-top:var(--size-53)}.mt54{margin-top:var(--size-54)}.mt55{margin-top:var(--size-55)}.mt56{margin-top:var(--size-56)}.mt57{margin-top:var(--size-57)}.mt58{margin-top:var(--size-58)}.mt59{margin-top:var(--size-59)}.mt60{margin-top:var(--size-60)}.mt61{margin-top:var(--size-61)}.mt62{margin-top:var(--size-62)}.mt63{margin-top:var(--size-63)}.mt64{margin-top:var(--size-64)}.mt65{margin-top:var(--size-65)}.mt66{margin-top:var(--size-66)}.mt67{margin-top:var(--size-67)}.mt68{margin-top:var(--size-68)}.mt69{margin-top:var(--size-69)}.mt70{margin-top:var(--size-70)}.mt71{margin-top:var(--size-71)}.mt72{margin-top:var(--size-72)}.mt73{margin-top:var(--size-73)}.mt74{margin-top:var(--size-74)}.mt75{margin-top:var(--size-75)}.mt76{margin-top:var(--size-76)}.mt77{margin-top:var(--size-77)}.mt78{margin-top:var(--size-78)}.mt79{margin-top:var(--size-79)}.mt80{margin-top:var(--size-80)}.mt81{margin-top:var(--size-81)}.mt82{margin-top:var(--size-82)}.mt83{margin-top:var(--size-83)}.mt84{margin-top:var(--size-84)}.mt85{margin-top:var(--size-85)}.mt86{margin-top:var(--size-86)}.mt87{margin-top:var(--size-87)}.mt88{margin-top:var(--size-88)}.mt89{margin-top:var(--size-89)}.mt90{margin-top:var(--size-90)}.mt91{margin-top:var(--size-91)}.mt92{margin-top:var(--size-92)}.mt93{margin-top:var(--size-93)}.mt94{margin-top:var(--size-94)}.mt95{margin-top:var(--size-95)}.mt96{margin-top:var(--size-96)}.mt97{margin-top:var(--size-97)}.mt98{margin-top:var(--size-98)}.mt99{margin-top:var(--size-99)}.mt100{margin-top:var(--size-100)}
.mb1{margin-bottom:var(--size-1)}.mb2{margin-bottom:var(--size-2)}.mb3{margin-bottom:var(--size-3)}.mb4{margin-bottom:var(--size-4)}.mb5{margin-bottom:var(--size-5)}.mb6{margin-bottom:var(--size-6)}.mb7{margin-bottom:var(--size-7)}.mb8{margin-bottom:var(--size-8)}.mb9{margin-bottom:var(--size-9)}.mb10{margin-bottom:var(--size-10)}.mb11{margin-bottom:var(--size-11)}.mb12{margin-bottom:var(--size-12)}.mb13{margin-bottom:var(--size-13)}.mb14{margin-bottom:var(--size-14)}.mb15{margin-bottom:var(--size-15)}.mb16{margin-bottom:var(--size-16)}.mb17{margin-bottom:var(--size-17)}.mb18{margin-bottom:var(--size-18)}.mb19{margin-bottom:var(--size-19)}.mb20{margin-bottom:var(--size-20)}.mb21{margin-bottom:var(--size-21)}.mb22{margin-bottom:var(--size-22)}.mb23{margin-bottom:var(--size-23)}.mb24{margin-bottom:var(--size-24)}.mb25{margin-bottom:var(--size-25)}.mb26{margin-bottom:var(--size-26)}.mb27{margin-bottom:var(--size-27)}.mb28{margin-bottom:var(--size-28)}.mb29{margin-bottom:var(--size-29)}.mb30{margin-bottom:var(--size-30)}.mb31{margin-bottom:var(--size-31)}.mb32{margin-bottom:var(--size-32)}.mb33{margin-bottom:var(--size-33)}.mb34{margin-bottom:var(--size-34)}.mb35{margin-bottom:var(--size-35)}.mb36{margin-bottom:var(--size-36)}.mb37{margin-bottom:var(--size-37)}.mb38{margin-bottom:var(--size-38)}.mb39{margin-bottom:var(--size-39)}.mb40{margin-bottom:var(--size-40)}.mb41{margin-bottom:var(--size-41)}.mb42{margin-bottom:var(--size-42)}.mb43{margin-bottom:var(--size-43)}.mb44{margin-bottom:var(--size-44)}.mb45{margin-bottom:var(--size-45)}.mb46{margin-bottom:var(--size-46)}.mb47{margin-bottom:var(--size-47)}.mb48{margin-bottom:var(--size-48)}.mb49{margin-bottom:var(--size-49)}.mb50{margin-bottom:var(--size-50)}.mb51{margin-bottom:var(--size-51)}.mb52{margin-bottom:var(--size-52)}.mb53{margin-bottom:var(--size-53)}.mb54{margin-bottom:var(--size-54)}.mb55{margin-bottom:var(--size-55)}.mb56{margin-bottom:var(--size-56)}.mb57{margin-bottom:var(--size-57)}.mb58{margin-bottom:var(--size-58)}.mb59{margin-bottom:var(--size-59)}.mb60{margin-bottom:var(--size-60)}.mb61{margin-bottom:var(--size-61)}.mb62{margin-bottom:var(--size-62)}.mb63{margin-bottom:var(--size-63)}.mb64{margin-bottom:var(--size-64)}.mb65{margin-bottom:var(--size-65)}.mb66{margin-bottom:var(--size-66)}.mb67{margin-bottom:var(--size-67)}.mb68{margin-bottom:var(--size-68)}.mb69{margin-bottom:var(--size-69)}.mb70{margin-bottom:var(--size-70)}.mb71{margin-bottom:var(--size-71)}.mb72{margin-bottom:var(--size-72)}.mb73{margin-bottom:var(--size-73)}.mb74{margin-bottom:var(--size-74)}.mb75{margin-bottom:var(--size-75)}.mb76{margin-bottom:var(--size-76)}.mb77{margin-bottom:var(--size-77)}.mb78{margin-bottom:var(--size-78)}.mb79{margin-bottom:var(--size-79)}.mb80{margin-bottom:var(--size-80)}.mb81{margin-bottom:var(--size-81)}.mb82{margin-bottom:var(--size-82)}.mb83{margin-bottom:var(--size-83)}.mb84{margin-bottom:var(--size-84)}.mb85{margin-bottom:var(--size-85)}.mb86{margin-bottom:var(--size-86)}.mb87{margin-bottom:var(--size-87)}.mb88{margin-bottom:var(--size-88)}.mb89{margin-bottom:var(--size-89)}.mb90{margin-bottom:var(--size-90)}.mb91{margin-bottom:var(--size-91)}.mb92{margin-bottom:var(--size-92)}.mb93{margin-bottom:var(--size-93)}.mb94{margin-bottom:var(--size-94)}.mb95{margin-bottom:var(--size-95)}.mb96{margin-bottom:var(--size-96)}.mb97{margin-bottom:var(--size-97)}.mb98{margin-bottom:var(--size-98)}.mb99{margin-bottom:var(--size-99)}.mb100{margin-bottom:var(--size-100)}
.pt1{padding-top:var(--size-1)}.pt2{padding-top:var(--size-2)}.pt3{padding-top:var(--size-3)}.pt4{padding-top:var(--size-4)}.pt5{padding-top:var(--size-5)}.pt6{padding-top:var(--size-6)}.pt7{padding-top:var(--size-7)}.pt8{padding-top:var(--size-8)}.pt9{padding-top:var(--size-9)}.pt10{padding-top:var(--size-10)}.pt11{padding-top:var(--size-11)}.pt12{padding-top:var(--size-12)}.pt13{padding-top:var(--size-13)}.pt14{padding-top:var(--size-14)}.pt15{padding-top:var(--size-15)}.pt16{padding-top:var(--size-16)}.pt17{padding-top:var(--size-17)}.pt18{padding-top:var(--size-18)}.pt19{padding-top:var(--size-19)}.pt20{padding-top:var(--size-20)}.pt21{padding-top:var(--size-21)}.pt22{padding-top:var(--size-22)}.pt23{padding-top:var(--size-23)}.pt24{padding-top:var(--size-24)}.pt25{padding-top:var(--size-25)}.pt26{padding-top:var(--size-26)}.pt27{padding-top:var(--size-27)}.pt28{padding-top:var(--size-28)}.pt29{padding-top:var(--size-29)}.pt30{padding-top:var(--size-30)}.pt31{padding-top:var(--size-31)}.pt32{padding-top:var(--size-32)}.pt33{padding-top:var(--size-33)}.pt34{padding-top:var(--size-34)}.pt35{padding-top:var(--size-35)}.pt36{padding-top:var(--size-36)}.pt37{padding-top:var(--size-37)}.pt38{padding-top:var(--size-38)}.pt39{padding-top:var(--size-39)}.pt40{padding-top:var(--size-40)}.pt41{padding-top:var(--size-41)}.pt42{padding-top:var(--size-42)}.pt43{padding-top:var(--size-43)}.pt44{padding-top:var(--size-44)}.pt45{padding-top:var(--size-45)}.pt46{padding-top:var(--size-46)}.pt47{padding-top:var(--size-47)}.pt48{padding-top:var(--size-48)}.pt49{padding-top:var(--size-49)}.pt50{padding-top:var(--size-50)}.pt51{padding-top:var(--size-51)}.pt52{padding-top:var(--size-52)}.pt53{padding-top:var(--size-53)}.pt54{padding-top:var(--size-54)}.pt55{padding-top:var(--size-55)}.pt56{padding-top:var(--size-56)}.pt57{padding-top:var(--size-57)}.pt58{padding-top:var(--size-58)}.pt59{padding-top:var(--size-59)}.pt60{padding-top:var(--size-60)}.pt61{padding-top:var(--size-61)}.pt62{padding-top:var(--size-62)}.pt63{padding-top:var(--size-63)}.pt64{padding-top:var(--size-64)}.pt65{padding-top:var(--size-65)}.pt66{padding-top:var(--size-66)}.pt67{padding-top:var(--size-67)}.pt68{padding-top:var(--size-68)}.pt69{padding-top:var(--size-69)}.pt70{padding-top:var(--size-70)}.pt71{padding-top:var(--size-71)}.pt72{padding-top:var(--size-72)}.pt73{padding-top:var(--size-73)}.pt74{padding-top:var(--size-74)}.pt75{padding-top:var(--size-75)}.pt76{padding-top:var(--size-76)}.pt77{padding-top:var(--size-77)}.pt78{padding-top:var(--size-78)}.pt79{padding-top:var(--size-79)}.pt80{padding-top:var(--size-80)}.pt81{padding-top:var(--size-81)}.pt82{padding-top:var(--size-82)}.pt83{padding-top:var(--size-83)}.pt84{padding-top:var(--size-84)}.pt85{padding-top:var(--size-85)}.pt86{padding-top:var(--size-86)}.pt87{padding-top:var(--size-87)}.pt88{padding-top:var(--size-88)}.pt89{padding-top:var(--size-89)}.pt90{padding-top:var(--size-90)}.pt91{padding-top:var(--size-91)}.pt92{padding-top:var(--size-92)}.pt93{padding-top:var(--size-93)}.pt94{padding-top:var(--size-94)}.pt95{padding-top:var(--size-95)}.pt96{padding-top:var(--size-96)}.pt97{padding-top:var(--size-97)}.pt98{padding-top:var(--size-98)}.pt99{padding-top:var(--size-99)}.pt100{padding-top:var(--size-100)}
.pb1{padding-bottom:var(--size-1)}.pb2{padding-bottom:var(--size-2)}.pb3{padding-bottom:var(--size-3)}.pb4{padding-bottom:var(--size-4)}.pb5{padding-bottom:var(--size-5)}.pb6{padding-bottom:var(--size-6)}.pb7{padding-bottom:var(--size-7)}.pb8{padding-bottom:var(--size-8)}.pb9{padding-bottom:var(--size-9)}.pb10{padding-bottom:var(--size-10)}.pb11{padding-bottom:var(--size-11)}.pb12{padding-bottom:var(--size-12)}.pb13{padding-bottom:var(--size-13)}.pb14{padding-bottom:var(--size-14)}.pb15{padding-bottom:var(--size-15)}.pb16{padding-bottom:var(--size-16)}.pb17{padding-bottom:var(--size-17)}.pb18{padding-bottom:var(--size-18)}.pb19{padding-bottom:var(--size-19)}.pb20{padding-bottom:var(--size-20)}.pb21{padding-bottom:var(--size-21)}.pb22{padding-bottom:var(--size-22)}.pb23{padding-bottom:var(--size-23)}.pb24{padding-bottom:var(--size-24)}.pb25{padding-bottom:var(--size-25)}.pb26{padding-bottom:var(--size-26)}.pb27{padding-bottom:var(--size-27)}.pb28{padding-bottom:var(--size-28)}.pb29{padding-bottom:var(--size-29)}.pb30{padding-bottom:var(--size-30)}.pb31{padding-bottom:var(--size-31)}.pb32{padding-bottom:var(--size-32)}.pb33{padding-bottom:var(--size-33)}.pb34{padding-bottom:var(--size-34)}.pb35{padding-bottom:var(--size-35)}.pb36{padding-bottom:var(--size-36)}.pb37{padding-bottom:var(--size-37)}.pb38{padding-bottom:var(--size-38)}.pb39{padding-bottom:var(--size-39)}.pb40{padding-bottom:var(--size-40)}.pb41{padding-bottom:var(--size-41)}.pb42{padding-bottom:var(--size-42)}.pb43{padding-bottom:var(--size-43)}.pb44{padding-bottom:var(--size-44)}.pb45{padding-bottom:var(--size-45)}.pb46{padding-bottom:var(--size-46)}.pb47{padding-bottom:var(--size-47)}.pb48{padding-bottom:var(--size-48)}.pb49{padding-bottom:var(--size-49)}.pb50{padding-bottom:var(--size-50)}.pb51{padding-bottom:var(--size-51)}.pb52{padding-bottom:var(--size-52)}.pb53{padding-bottom:var(--size-53)}.pb54{padding-bottom:var(--size-54)}.pb55{padding-bottom:var(--size-55)}.pb56{padding-bottom:var(--size-56)}.pb57{padding-bottom:var(--size-57)}.pb58{padding-bottom:var(--size-58)}.pb59{padding-bottom:var(--size-59)}.pb60{padding-bottom:var(--size-60)}.pb61{padding-bottom:var(--size-61)}.pb62{padding-bottom:var(--size-62)}.pb63{padding-bottom:var(--size-63)}.pb64{padding-bottom:var(--size-64)}.pb65{padding-bottom:var(--size-65)}.pb66{padding-bottom:var(--size-66)}.pb67{padding-bottom:var(--size-67)}.pb68{padding-bottom:var(--size-68)}.pb69{padding-bottom:var(--size-69)}.pb70{padding-bottom:var(--size-70)}.pb71{padding-bottom:var(--size-71)}.pb72{padding-bottom:var(--size-72)}.pb73{padding-bottom:var(--size-73)}.pb74{padding-bottom:var(--size-74)}.pb75{padding-bottom:var(--size-75)}.pb76{padding-bottom:var(--size-76)}.pb77{padding-bottom:var(--size-77)}.pb78{padding-bottom:var(--size-78)}.pb79{padding-bottom:var(--size-79)}.pb80{padding-bottom:var(--size-80)}.pb81{padding-bottom:var(--size-81)}.pb82{padding-bottom:var(--size-82)}.pb83{padding-bottom:var(--size-83)}.pb84{padding-bottom:var(--size-84)}.pb85{padding-bottom:var(--size-85)}.pb86{padding-bottom:var(--size-86)}.pb87{padding-bottom:var(--size-87)}.pb88{padding-bottom:var(--size-88)}.pb89{padding-bottom:var(--size-89)}.pb90{padding-bottom:var(--size-90)}.pb91{padding-bottom:var(--size-91)}.pb92{padding-bottom:var(--size-92)}.pb93{padding-bottom:var(--size-93)}.pb94{padding-bottom:var(--size-94)}.pb95{padding-bottom:var(--size-95)}.pb96{padding-bottom:var(--size-96)}.pb97{padding-bottom:var(--size-97)}.pb98{padding-bottom:var(--size-98)}.pb99{padding-bottom:var(--size-99)}.pb100{padding-bottom:var(--size-100)}

.wrapper {
    width: 100%;
    height: 100%;
    border-top: solid 10px #004832;}
h1,h2 {
    font-family: "kozuka-mincho-pr6n", serif;
    font-weight: bold;}
.header {
    position: fixed;
    display: flex;
    justify-content: space-between;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    left: 0;
    right: 0;
    top: 14px;
    z-index: 99;}
.header .logo {
    width: 200px;
    height: 70px;
    margin-left: 7px;}
.header .logo a {
    display: block;
    width: 200px;}
.header .logo a img { width: 100%;}
.header nav { margin-right: 10px;}
.header nav .contact {
    display: flex;
    gap: 7px;
    justify-content: flex-end;}
.header nav .contact li a {
    background-color: #004832;
    color: #fff;
    font-weight: 600;
    line-height: 1;
    padding: 7px 14px;
    font-family: "kozuka-mincho-pr6n", serif;}
.header nav .contact li.tel a {
    background-color: #004832;
    display: flex;
    align-items: center;
    gap: 7px;
    justify-content: center;}
.header nav .contact li.tel a:before {
    content: "";
    background-image: url(../img/phone.svg);
    width: 20px;
    height: 20px;
    display: block;
    aspect-ratio: 1 / 1;
    filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(299deg) brightness(102%) contrast(102%);}
.header nav .contact li.mail a {
    background-color: #004832;
    display: flex;
    align-items: center;
    gap: 7px;
    justify-content: center;}
.header nav .contact li.mail a:before {
    content: "";
    background-image: url(../img/mail.svg);
    width: 20px;
    height: 20px;
    display: block;
    aspect-ratio: 1 / 1;
    filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(299deg) brightness(102%) contrast(102%);}
.header nav .contact li.line a {
    background-color: inherit;
    width: 35px;
    display: block;
    aspect-ratio: 11 / 10;
    padding: 0;}
.header nav .contact li.line a img { filter: brightness(0) saturate(100%) invert(18%) sepia(60%) saturate(1188%) hue-rotate(126deg) brightness(96%) contrast(102%);}
.header nav .menu {
    display: flex;
    margin: var(--size-12) 0 0 0;}
.header nav .menu li a {
    font-family: "kozuka-mincho-pr6n", serif;
    color: #454545;
    font-weight: bold;
    width: 100%;
    display: block;
    width: 80%;
    margin: 0 auto;
    margin-bottom: var(--size-3);
    padding: var(--size-7);}
.footer {
    background-color: #004831;
    color: #fff;
    width: 100%;
    padding: var(--size-50) 3% 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;}
.footer p { margin: 0;}
.footer .address { width: 250px;}
.footer .address .logo a {
    color: #fff;
    text-align: center;
    display: block;}
.footer .address .logo a span {
    display: block;
    font-size:  var(--size-20);
    font-family: "kozuka-mincho-pr6n", serif;
    line-height: 1.25;}
.footer .address .logo a span small {
    display: block;
    font-size: 20px;}
.footer .address .detail {
    font-size: 13px;
    margin: 21px auto 0;
    text-align: center;}
.footer .address .detail a {
    color: #fff;
    font-size: var(--size-36);
    height: 28px;
    font-weight: 500;
    line-height: 1;
    margin: 5px auto;
    padding: 0;
    text-box: trim-both cap alphabetic;
    display: block;}
.footer .inner {
    margin: 0 0 0 auto;
    width: calc(100% - 250px);}
.footer .inner .detail {
    display: flex;
    align-items: self-start;
    justify-content: end;}
.footer .inner .detail .menu:first-child { border-right: solid 1px #ffffff36;}
.footer .inner .detail .menu li { padding: 0 21px;}
.footer .inner .detail .menu li a { color: #fff;}
.footer .inner .sns { margin: 30px auto 0;}
.footer .inner .sns .contact {
    display: flex;
    gap: 14px;
    justify-content: right;}
.footer .inner .sns .contact li a {
    width: var(--size-50);
    color: #fff;
    display: block;}
.footer .inner .sns .contact .tel a,
.footer .inner .sns .contact .mail a {
    background-color: #fff;
    padding: 7px;
    border-radius: 50%;
    aspect-ratio: 1 / 1;}
.footer .inner .sns .contact .tel img,
.footer .inner .sns .contact .mail img { filter: brightness(0) saturate(100%) invert(18%) sepia(60%) saturate(1188%) hue-rotate(126deg) brightness(96%) contrast(102%);}
.footer .copyright {
    color: #fff;
    text-align: center;
    width: 90%;
    max-width: max-content;
    margin: 0 auto;
    font-size: var(--size-13);}
.footer .copyright copyright {
    margin: var(--size-30) auto 0;
    display: block;}
.footer .copyright copyright a { color: #fff;}
.home .mainvisual {
    width: 100%;
    height: 100vh;
    min-height: 760px;
    position: relative;
    overflow: hidden;}
.home .mainvisual .mv { height: 100%;}
.home .mainvisual .inner {
    width: 90%;
    max-width: 876px;
    position: absolute;
    top: 55%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: block;
    z-index: 1;}
.home .mainvisual .inner h1 {
    text-align: center;
    font-size: var(--size-40);
    text-shadow: 0 0 7px BLACK, 0 0 7px BLACK, 0 0 7px BLACK, 0 0 7px BLACK;
    color: #fff;
    margin: 0 auto;
    width: max-content;}
.home .mainvisual .inner h1 span {
    display: block;
    font-size: var(--size-30);
    border-top: solid 1px #c4d700;
    margin-top: 7px;
    padding-top: 7px;}
.home .mainvisual .inner p {
    font-family: "kozuka-mincho-pr6n", serif;
    text-align: center;
    font-size: var(--size-20);
    font-weight: bold;
    text-shadow: 0 0 7px BLACK, 0 0 7px BLACK, 0 0 7px BLACK, 0 0 7px BLACK;
    color: #fff;
    margin: var(--size-50) auto 0;}
.home .mainvisual .inner div {
    width: 100%;
    margin: min(10%, 60px) 0 0;
    display: flex;
    align-items: self-start;
    justify-content: space-between;}
.home .mainvisual .inner div img {
    width: 30%;
    max-width: 253px;}
.home h2,
.cmn_contact h2,
.column h2,
.faq h2 {
    position: relative;
    width: 100%;
    margin: 0 auto;
    z-index: 1;}
.home h2 img,
.cmn_contact h2 img,
.column h2 img,
.faq h2 img {
    width: 90%;
    max-width: max-content;
    margin: 0 auto;
    display: block;}
.home h2 span,
.cmn_contact h2 span,
.column h2 span,
.faq h2 span {
    width: max-content;
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: 0;
    font-size: var(--size-50);
    color: #014831;}
.bgdot {
    position: relative;
    width: 100%;
    height: 100%;}
.bgdot:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content:"";
    background-image: radial-gradient(circle at center, #454545 1px, transparent 1px);
    background-size: 3px 3px;
    opacity: .25;}
.bgtb img {
    position: absolute;
    opacity: 0;
    transform: translateY(50%);
    transition: opacity 1.0s ease-out, transform 0.5s ease-out;}
.bgtb .bgtb1 {
    top: 0;
    left: 0;
    transform: translateY(-50%);}
.bgtb .bgtb2 {
    bottom: 0;
    right: 0;
    transform: translateY(50%);}
.bgtb img.show {
    opacity: 1;
    transform: translateY(0);}
.bgtop {
    background-image: url(../img/bg.png);
    background-position: top center;
    background-color: rgba(255, 255, 255, 0.5);
    background-blend-mode: lighten;
    background-repeat: no-repeat;}
.link a {
    width: 90%;
    max-width: 320px;
    margin: 0 auto;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    line-height: 1;
    font-weight: bold;
    font-size: var(--size-17);
    color: #004832;}
.link a:before {
    content: "";
    background-image: url(../img/next-arrow.svg);
    background-repeat: no-repeat;
    width: var(--size-15);
    aspect-ratio: 1 / 1;
    display: block;
    filter: brightness(0) saturate(100%) invert(18%) sepia(60%) saturate(1188%) hue-rotate(126deg) brightness(96%) contrast(102%);
    margin: 0 7px 2.5px 0;}
.link a:after {
    content: "";
    background-image: linear-gradient(90deg, #004831, #c4d700);
    width: 100%;
    height: var(--size-6);
    display: block;}
.link a span {
    position: absolute;
    bottom: var(--size-3);
    right: 0;
    color: #c4d700;
    font-size: var(--size-15);
    font-weight: 300;}
.home .service .link,
.home .flow .link,
.faq .link,
.cmn-faq .link,
.home .news .link,
.column .link {
    margin: var(--size-70) auto 0;
    width: 100%;
    max-width: 1000px;}
.home .service .link a,
.home .flow .link a,
.faq .link a,
.cmn-faq .link a,
.home .news .link a,
.column .link a { margin: 0 0 0 auto;}
.home .about-us .inner .link { margin: 70px 0 0 0;}
.home .about-us {
    position: relative;
    overflow: hidden;
    padding: var(--size-50) 0;}
.home .about-us .img-wrap {
    width: 100%;
    position: absolute;
    top: 0;
    height: 100%;}
.home .about-us .img-wrap img {
    position: absolute;
    top: 0;
    opacity: 0;
    transition: transform 0.8s ease-out, opacity 1.2s;
    width: 100%;
    width: auto;
    height: 100%;}
.home .about1 { transform: translate(-100%,-50%);}
.home .about2 { transform: translate(100%,-50%);}
.home .about-us .about1.show {
    transform: translate(-50%, -50%);
    opacity: 1;
    left: 37.5%;
    top: 50%;
    width: 100%;
    height: auto;}
.home .about-us .about2.show {
    transform: translate(50%, -50%);
    opacity: 1;
    right: 37.5%;
    top: 50%;
    width: 100%;
    height: auto;}
.home .about-us .inner {
    position: relative;
    width: 90%;
    max-width: 500px;
    border-radius: var(--size-10);
    background-color: rgba(255, 255, 255, 0.5);
    margin: var(--size-70) auto var(--size-50);
    padding: var(--size-40);}
.home .about-us .inner h3 {
    font-family: "kozuka-mincho-pr6n", serif;
    font-size: var(--size-30);
    text-align: center;}
.home .about-us .inner h3 span {
    font-size: var(--size-24);
    text-align: center;
    display: block;
    position: relative;
    width: max-content;
    margin: 0 auto;}
.home .about-us .inner h3 span:before,
.home .about-us .inner h3 span:after {
    content:"";
    width: min(35%, var(--size-40));
    height: 1px;
    background-color: #454545;
    display: block;
    position: absolute;
    top: 50%;
    transform: translate(0%, -50%);}
.home .about-us .inner h3 span:before { right: calc(100% + 5px);}
.home .about-us .inner h3 span:after { left: calc(100% + 5px);}
.home .about-us .inner p {
    line-height: 1.75;
    font-weight: 500;}
.cmn_contact .inner .detail h3,
.column .inner .detail h3,
.home .inner .detail h3,
.faq .inner .detail h3 {
    text-align: center;
    width: 90%;
    font-family: "kozuka-mincho-pr6n", serif;
    font-size: var(--size-30);
    font-weight: 500;
    margin: var(--size-50) auto;}
.home .inner .detail p,
.faq .inner .detail p,
.column .inner .detail p {
    width: 90%;
    max-width: max-content;
    margin: 0 auto;
    line-height: 1.75;}
.home .service,
.faq,
.column {
    background-color: rgb(196,215,0,0.05);
    overflow: hidden;
    padding: 100px 0;}
.home .inner {
    position: relative;
    z-index: 1;}
.faq .inner,
.column .inner {
    position: relative;
    z-index: 1;}
.home .service .inner p,
.faq .inner p { max-width: 600px;}
.home .service .inner ul {
    display: flex;
    gap: var(--size-30);
    width: 90%;
    max-width: 1000px;
    margin: var(--size-50) auto;}
.home .service .inner ul li {
    width: calc(100% / 3);
    background-color: #fff;
    border-radius: var(--size-10);
    display: flex;
    flex-direction: column;}
.home .service .inner ul li h4 {
    font-family: "kozuka-mincho-pr6n", serif;
    margin: 0 auto;
    display: block;
    font-size: var(--size-24);
    color: #fff;
    background-color: #004832;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    text-align: center;
    padding: var(--size-10) 0;
    width: 100%;
    line-height: 1;}
.home .service .inner ul li p {
    padding: var(--size-21) var(--size-28);
    background-color: #fff;
    font-weight: 500;
    margin: 0;
    font-feature-settings: normal;}
.home .service .inner ul li a {
    font-family: "kozuka-mincho-pr6n", serif;
    display: block;
    margin: auto auto 0;
    text-align: center;
    width: 100%;
    background-color: #c4d701;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    font-size: var(--size-24);
    color: #004832;
    font-weight: bold;
    height: 60px;
    position: relative;}
.home .service .inner ul li a span {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: max-content;
    display: flex;
    align-items: center;
    gap: var(--size-14);}
.home .service .inner ul li a span:before {
    content: "";
    background-image: url(../img/next-arrow.svg);
    background-repeat: no-repeat;
    width: var(--size-25);
    aspect-ratio: 1 / 1;
    display: block;
    filter: brightness(0) saturate(100%) invert(18%) sepia(60%) saturate(1188%) hue-rotate(126deg) brightness(96%) contrast(102%);}
.flow {
    overflow: hidden;
    padding: var(--size-100) 0;}
.step {
    width: 100%;
    max-width: 1000px;
    margin: var(--size-30) auto 0;}
.step .base {
    padding: min(16vw, 140px) var(--size-50) var(--size-30);
    position: relative;
    margin: 0 auto min(-8vw, -120px);
    display: flex;
    gap: var(--size-50);}
.step .base:before {
    content: "";
    padding: var(--size-50);
    clip-path: polygon(0 0, 100% 0%, 100% 80%, 50% 100%, 0 80%);
    display: block;
    height: 100%;
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;}
.step .step01 {
    z-index: 7;
    padding-top: var(--size-50);}
.step .step02 { z-index: 6;}
.step .step03 { z-index: 5;}
.step .step04 { z-index: 4;}
.step .step05 { z-index: 3;}
.step .step06 { z-index: 2;}
.step .step07 { z-index: 1;}
.step .step01:before { background-color: #dae5e1;}
.step .step02:before { background-color: #cfddd8;}
.step .step03:before { background-color: #c4d5cf;}
.step .step04:before { background-color: #bacec7;}
.step .step05:before { background-color: #b0c7bf;}
.step .step06:before { background-color: #a8bdb6;}
.step .step07:before { background-color: #9bb4ab;}
.step .base div { position: relative;}
.step .base .img {
    width: min(27vw,150px);
    aspect-ratio: 1 / 1;
    margin: var(--size-20) 0 0;}
.step .base .img img { width: 100%;}
.step .base .box { width: calc(100% - var(--size-50) - min(27vw,150px));}
.step .base .box h4 {
    color: #014831;
    font-size: var(--size-30);
    display: flex;
    align-items: center;
    font-feature-settings: normal;
    line-height: 1.25;}
.step .base .box h4 span {
    background-color: #004832;
    width: var(--size-60);
    font-size: 45px;
    line-height: 1;
    text-box: trim-both cap alphabetic;
    padding: var(--size-14) 0 0 var(--size-4);
    aspect-ratio: 1 / 1;
    display: block;
    text-align: center;
    font-family: "m-plus-1c", sans-serif;
    color: #fff;
    font-weight: 400;
    margin: 0 var(--size-20) 0 min(-6vw, -80px);}
.step .base .box p {
    color: #014831;
    font-feature-settings: normal;}
.link_box ul {
    width: 90%;
    max-width: 500px;
    margin: 0 auto;}
.link_box ul li a {
    max-height:  var(--size-90);
    background-color: #fff;
    border: solid 3px #004832;
    width: 100%;
    display: block;
    position: relative;
    margin: 0 auto var(--size-5);
    display: flex;
    align-items: center;
    justify-content: left;
    padding: var(--size-7) 0;
    overflow: hidden;}
.link_box ul li a span {
    width: calc(100% - var(--size-25));
    font-size: var(--size-24);
    color: #014831;
    font-weight: 500;
    position: relative;}
.link_box ul li a span small {
    display: block;
    font-size: var(--size-15);}
.link_box ul li a:before {
    content: "";
    background-image: url(../img/next-arrow.svg);
    background-repeat: no-repeat;
    width: var(--size-25);
    aspect-ratio: 1 / 1;
    display: block;
    filter: brightness(0) saturate(100%) invert(18%) sepia(60%) saturate(1188%) hue-rotate(126deg) brightness(96%) contrast(102%);
    margin: 0 var(--size-20);}
.link_box ul li a:after {
    content: "";
    position: absolute;
    top: 50%;
    left: calc(100% + 10px);
    transform: translate(0, -25%) rotate(45deg);
    transform-origin: left bottom;
    width: var(--size-80);
    height: auto;
    display: block;
    opacity: 0;
    transition:  left 0.8s ease, transform 0.4s ease, opacity 0.8s ease;
    filter: brightness(0) saturate(100%) invert(18%) sepia(60%) saturate(1188%) hue-rotate(126deg) brightness(96%) contrast(102%);
    background-repeat: no-repeat;
    aspect-ratio: 1 / 1;}
.link_box ul li a:hover:after {
    left: calc(100% -  var(--size-50));
    transform: translate(0, -25%) rotate(-45deg);
    opacity: 0.4;}
.link_box ul li.tel a:after { background-image: url(../img/phone.svg);}
.link_box ul li.mail a:after { background-image: url(../img/mail.svg);}
.link_box ul li.line a:after {
    background-image: url(../img/line.svg);
    aspect-ratio: 157 / 150;}
.link_box ul li.tel:hover a:after {
    left: calc(100% - var(--size-50));
    transform: translate(-40%, -50%) rotate(0deg);
    width: var(--size-80);}
.step .link_box ul { margin: 0 0 0 auto;}
.step .stepend { margin: 0 auto;}
.step .stepend:before { clip-path: inherit !important;}
.faq-box h3 {
    font-size: var(--size-20);
    font-weight: 500;
    color: #014831;
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;}
.faq-box h3:after {
    content: "";
    background-image: linear-gradient(90deg, #004831, #c4d700);
    width: 100%;
    height: var(--size-3);
    display: block;}
.faq-box .inner .faq-list {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;}
.faq-box .inner .faq-list li {
    border: solid 3px #014831;
    display: flex;
    align-items: center;
    width: calc((100% / 2) - 7px);
    padding: var(--size-20);
    font-size: var(--size-24);
    font-weight: 500;}
.faq-box .inner .faq-list li:before {
    content:"";
    background-image: url(../img/next-arrow.svg);
    background-repeat: no-repeat;
    width: var(--size-26);
    aspect-ratio: 1 / 1;
    display: block;
    filter: brightness(0) saturate(100%) invert(18%) sepia(60%) saturate(1188%) hue-rotate(126deg) brightness(96%) contrast(102%);
    margin: 0 7px 2.5px 0;}
.faq-box .cmn-faq {
    width: 100%;
    margin: var(--size-70) auto;
    max-width: 1000px;}
.cmn-faq .faq-section { display: none;}
.cmn-faq .faq-section.is-active { display: block;}
.faq-list li.active {
    background: #014831;
    color: #fff;}
.faq-box .cmn-faq h2 span:before { display: none;}
.faq-box .cmn-faq h2 span { padding-left: var(--size-10);}
.faq .box {
    margin: var(--size-70) auto;
    width: 90%;
    max-width: 1000px;}
.faq .box dl { font-feature-settings: normal;}
.faq .box dl dt {
    background-color: #cad9cb;
    display: flex;
    align-items: center;
    align-items: baseline;
    padding: min(3vw, 14px) min(15vw, 50px) min(3vw, 14px) min(3vw, 14px);
    position: relative;
    color: #454545;}
.faq .box dl dt:before,
.faq .box dl dd div:before {
    content: "Q";
    font-size: 34px;
    font-family: 'inter-variable';
    font-weight: bold;
    margin-right: min(3vw, 21px);
    line-height: 1;
    top: 3.5px;
    position: relative;
    color: #014831;}
.faq .box dl dd div:before { content: "A";}
.faq .box dl dt:after {
    content: "+";
    font-size: 40px;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translate(-50%, -50%);
    width: 30px;
    height: 30px;
    line-height: 1;
    text-box: trim-both cap alphabetic;
    text-align: center;
    font-family: serif;}
.faq .box dl dt.active:after { content: "-";}
.faq .box dl dd {
    overflow: hidden;
    opacity: 0;
    height: 0;
    background-color: rgba(255, 255, 255, 0.5);
    transition: height .35s ease, opacity .35s ease;}
.faq .box dl dd div {
    padding: min(3vw, 21px);
    display: flex;
    align-items: baseline;
    color: #454545;}
.faq .box dl dd.open { opacity: 1;}
.home .news {
    overflow: hidden;
    padding: var(--size-100) 0;}
.home .news .inner p,
.column .inner p { max-width: 600px;}
.home .news .inner .news_list {
    width: 90%;
    max-width: 840px;
    margin: var(--size-50) auto 0;}
.home .news .inner .news_list li a {
    color: #014831;
    font-weight: 500;
    border-bottom: solid 1px #014831;
    padding: var(--size-21) 0;
    margin: 0;
    display: flex;
    font-feature-settings: normal;}
.home .news .inner .news_list li a span { margin-right: var(--size-21);}
.column .inner .column_list {
    width: 90%;
    max-width: 840px;
    margin: var(--size-50) auto 0;}
.column .inner .column_list ul {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    gap: var(--size-20);}
.column .inner .column_list li {
    width: calc((100% / 3) - min(3vw,20px));
    background-color: #fff;}
.column .inner .column_list li a {
    color: #014831;
    font-weight: 500;
    margin: 0;
    display: flex;
    flex-direction: column;}
.column .inner .column_list li a .img {
    width: 100%;
    padding:  var(--size-10);
    aspect-ratio: 1 / 1;
    background-color: #eee;}
.column .inner .column_list li a .img img {
    background-color: #fff;
    width: 100%;
    aspect-ratio: 1 / 1;
    border: none;}
.column .inner .column_list li a .data {
    display: flex;
    justify-content: space-between;
    padding: var(--size-7) var(--size-10);
    line-height: 1;
    margin: 0 0 -1.5px;
    position: relative;
    z-index: 1;
    background-color: #fff;}
.column .inner .column_list li a .txt {
    padding: 0 var(--size-10);
    margin: var(--size-10) 0 var(--size-10);
    background-image: linear-gradient(#0048322e 1px, transparent 1px);
    background-size: calc(100% - var(--size-20)) var(--size-25);
    background-color: #1e1b4b00;
    background-repeat: repeat-y;
    background-position: top center;
    font-feature-settings: normal;
    width: 100%;}
.cmn_contact {
    background-color: #fff;
    overflow: hidden;
    padding: 100px 0;}
.cmn_contact .inner .detail p {
    width: 90%;
    max-width: 600px;
    margin: 0 auto;
    line-height: 1.75;}
.cmn_contact .link_box ul { margin: 50px auto 0;}
@media screen and (max-width: 1200px) {
	.home .about-us .img-wrap { height: 100%;}
	.home .about-us .about1.show,
	.home .about-us .about2.show {
	    width: auto;
	    height: 100%;}
}

.header nav .MENU { display: none;}
.second .mainvisual {
    width: 100%;
    height: 300px;
    min-height: 300px;
    position: relative;
    overflow: hidden;
    border-bottom: solid 3px #004832;}
.second .mainvisual .bgtb img.show {
    opacity: 1;
    transform: translateY(0);
    width: 300px;}
.second .mainvisual h1 {
    position: absolute;
    bottom: 0;
    font-size: var(--size-40);
    color: #014831;
    z-index: 2;
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;
    flex-direction: column;
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
    left: 0;
    right: 0;}
.second .mainvisual h1 span {
    font-size: var(--size-24);
    margin: 0 0 0 var(--size-20);}
.second .mainvisual h1 small {
    width: 100%;
    text-align: center;
    font-size: min(23.4vw,130px);
    position: absolute;
    bottom: 0;
    line-height: 1;
    left: 50%;
    transform: translate(-50%, 0);
    z-index: -1;
    color: #fff;}
.pankuzu {
    width: 94%;
    margin: 0 auto;
    max-width: 1000px;}
.pankuzu ul {
    display: flex;
    margin: min(7vw, 10px) auto;
    align-items: center;
    flex-wrap: wrap;}
.pankuzu ul li {
    display: flex;
    align-items: anchor-center;
    margin-right: var(--size-7);
    padding-right: var(--size-7);
    font-size: var(--size-13);}
.pankuzu ul li:before {
    content:">";
    font-size: var(--size-13);
    margin-right: var(--size-7);}
.pankuzu ul li a {
    font-size: var(--size-13);
    width: max-content;
    display: block;
    color: #000;
    max-width: 300px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    -webkit-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;}
.pankuzu ul li:first-child:before {
    content:"";
    margin: 0;}
.main-contents {
    width: 94%;
    margin: var(--size-70) auto;
    max-width: 1000px;}
.main-contents * { font-family: "Inter","kozuka-gothic-pr6n", sans-serif;}
.main-contents .cmp-title h2 {
    font-size: var(--size-30);
    font-weight: 500;
    color: #014831;
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;
    font-feature-settings: "palt";}
.main-contents .cmp-title h2:after {
    content: "";
    background-image: linear-gradient(90deg, #004831, #c4d700);
    width: 100%;
    height: var(--size-6);
    display: block;}
.main-contents .cmp-title h2 span { font-size: min(3vw, 90%);}
.main-contents .cmp-title h2 span:before { content:"｜";}
.main-contents .cmp-title p {
    margin-top: var(--size-30);
    font-size: var(--size-15);}
.main-contents .service-box,
.main-contents .subsidygrant-box,
.main-contents .manda-box,
.main-contents .funding_support-box { margin-top: var(--size-60);}
.main-contents .service-box h3,
.main-contents .subsidygrant-box h3,
.main-contents .manda-box h3,
.main-contents .funding_support-box h3,
.main-contents .staff-box h3 {
    background-color: #004831;
    font-size: var(--size-20);
    color: #fff;
    padding: var(--size-14) var(--size-16);
    position: relative;
    line-height: 1.25;
    margin: 0;}
.main-contents .service-box h3:after,
.main-contents .subsidygrant-box h3:after,
.main-contents .manda-box h3:before,
.main-contents .funding_support-box h3:before,
.main-contents .staff-box h3:before {
    content: "";
    background-color: #fff;
    width: 100%;
    height: 1px;
    position: absolute;
    left: 0;
    bottom: 3px;}
.main-contents .subtext {
    margin: var(--size-30) auto 0;
    font-size: var(--size-15);
    width: 94%;}
.main-contents .service-box .inner,
.main-contents .subsidygrant-box .inner,
.main-contents .manda-box .inner,
.main-contents .funding_support-box .inner {
    margin-top: var(--size-30);
    display: flex;
    align-items: flex-start;}
.main-contents .service-box .inner .img,
.main-contents .subsidygrant-box .inner .img,
.main-contents .manda-box .inner .img,
.main-contents .funding_support-box .inner .img {
    width: min(45vw, 250px);
    aspect-ratio: 1 / 1;
    margin-right: var(--size-22);
    background-color: #f1f1f1;
    overflow: hidden;
    position: relative;}
.main-contents .service-box .inner .img img,
.main-contents .subsidygrant-box .inner .img img,
.main-contents .manda-box .inner .img img,
.main-contents .funding_support-box .inner .img img {
    width: auto;
    height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);}
.main-contents .service-box .inner .txt,
.main-contents .subsidygrant-box .inner .txt,
.main-contents .manda-box .inner .txt,
.main-contents .funding_support-box .inner .txt {
    width: calc((100% - min(45vw, 250px) - var(--size-30)));
    min-width: 250px;
    padding: var(--size-30);
    background-color: #dae5e1;
    min-height: min(45vw, 250px);}
.main-contents .service-box .inner .txt h4,
.main-contents .subsidygrant-box .inner .txt h4,
.main-contents .manda-box .inner .txt h4,
.main-contents .funding_support-box .inner .txt h4 {
    font-size: var(--size-20);
    margin-bottom: var(--size-30);
    line-height: 1.5;}
.main-contents .service-box .inner .txt p,
.main-contents .subsidygrant-box .inner .txt p,
.main-contents .manda-box .inner .txt p,
.main-contents .funding_support-box .inner .txt p {
    font-size: var(--size-15);}
.main-contents .service-box .detail,
.main-contents .subsidygrant-box .detail,
.main-contents .manda-box .detail,
.main-contents .funding_support-box .detail {
    margin-top: var(--size-30);
    display: flex;
    border: solid 2px #004831;
    position: relative;
    overflow: hidden;}
.main-contents .service-box .detail h4,
.main-contents .subsidygrant-box .detail h4,
.main-contents .manda-box .detail h4,
.main-contents .funding_support-box .detail h4 {
    clip-path: polygon(0 0, 0% 100%, 100% 0);
    width: min(36vw, 200px);
    aspect-ratio: 1 / 1;
    background-color: #004831;
    display: flex;
    padding: var(--size-24) 0 0 var(--size-16);
    font-size: var(--size-20);
    color: #fff;
    font-weight: 500;
    position: absolute;
    top: 0;
    left: 0;}
.main-contents .service-box .detail .list,
.main-contents .subsidygrant-box .detail .list,
.main-contents .manda-box .detail .list,
.main-contents .funding_support-box .detail .list {
    display: flex;
    flex-wrap: wrap;
    width: calc(100% - min(36vw, 200px));
    align-items: center;
    gap: var(--size-14);
    margin-left: auto;
    padding: var(--size-14) 0;}
.main-contents .service-box .detail .list li,
.main-contents .subsidygrant-box .detail .list li,
.main-contents .manda-box .detail .list li,
.main-contents .funding_support-box .detail .list li {
    color: #004831;
    font-size: var(--size-15);
    font-weight: 500;
    width: calc(50% - var(--size-14));
    display: flex;
    gap: 6px;
    align-items: flex-start;}
.main-contents .service-box .detail .list li:before,
.main-contents .subsidygrant-box .detail .list li:before,
.main-contents .manda-box .detail .list li:before,
.main-contents .funding_support-box .detail .list li:before {
    content: "\25B6";
    margin-right: 7px;}
.main-contents .service-box .link_banner a {
    width: 100%;
    max-width: max-content;
    margin: var(--size-20) 0 0 auto;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    line-height: 1;
    font-weight: bold;
    font-size: var(--size-17);
    color: #004832;
    padding: var(--size-25);
    background-color: #dae5e1;}
.main-contents .service-box .link_banner a:before {
    content: "";
    background-image: url(../img/next-arrow.svg);
    background-repeat: no-repeat;
    width: var(--size-17);
    aspect-ratio: 1 / 1;
    display: block;
    filter: brightness(0) saturate(100%) invert(18%) sepia(60%) saturate(1188%) hue-rotate(126deg) brightness(96%) contrast(102%);
    margin: 0 var(--size-7) 0 0;
    transform: translateY(-1.45px);}
.cmn-tips {
    margin-top: var(--size-40);
    width: 100%;
    position: relative;}
.cmn-tips p {
    margin: 0;
    display: flex;
    padding: var(--size-14);
    align-items: center;
    width: calc(100% - var(--size-100));
    margin-left: auto;
    position: relative;
    font-size: var(--size-15);
    font-weight: 500;}
.cmn-tips p:before {
    content: "";
    width: var(--size-50);
    display: block;
    aspect-ratio: 1 / 1;
    background-image: url(../img/info.svg);
    position: absolute;
    top: 50%;
    right: 100%;
    transform: translate(-50%, -50%);}
.cmn-tips p:after {
    content: "";
    width: 1px;
    background-color: #000;
    height: 80%;
    position: absolute;
    top: 50%;
    transform: translate(0%, -50%);
    right: 100%;}
.cmn-check {
    margin: var(--size-40) auto;
    width: 100%;
    position: relative;
    background-color: #fff;
    padding: var(--size-14);}
.check-bg { background-color: #dae5e1;}
.cmn-check .title {
    margin: 0;
    display: flex;
    padding: 0 var(--size-14) 0 var(--size-50);
    align-items: center;
    width: calc(100%);
    margin-left: auto;
    position: relative;
    font-size: var(--size-20);
    font-weight: bold;
    color: #004831;}
.cmn-check .title:before {
    content: "";
    width: var(--size-30);
    display: block;
    aspect-ratio: 1 / 1;
    background-image: url(../img/check.svg);
    position: absolute;
    top: 50%;
    left: var(--size-20);
    transform: translate(-50%, -50%);
    filter: brightness(0) saturate(100%) invert(20%) sepia(14%) saturate(3499%) hue-rotate(119deg) brightness(102%) contrast(104%);}
.cmn-check .text {
    margin: 0;
    display: flex;
    padding: 0 var(--size-14) 0 var(--size-50);
    align-items: center;
    width: 100%;
    margin-left: auto;
    position: relative;
    font-size: var(--size-15);
    font-weight: 500;
    color: #004831;}
.hr-btm {
    border-bottom: solid 1px #dae5e1;
    padding-top: var(--size-25) !important;
    padding-bottom: var(--size-30) !important;
    margin-bottom: var(--size-25) !important;}
.cmn-faq {
    width: 94%;
    margin: var(--size-70) auto;
    max-width: 1000px;}
.cmn-faq .subtext {
    font-size: var(--size-15);
    margin: var(--size-10) auto;}
.cmn-faq .box {
    margin: var(--size-14) auto 0;
    width: 100%;
    max-width: 1000px;}
.cmn-faq .box dl { font-feature-settings: normal;}
.cmn-faq .box dl dt {
    background-color: #cad9cb;
    display: flex;
    align-items: center;
    align-items: baseline;
    padding: var(--size-14) var(--size-50) var(--size-14) var(--size-14);
    position: relative;
    color: #454545;}
.cmn-faq .box dl dt:before,
.cmn-faq .box dl dd div:before {
    content: "Q";
    font-size: var(--size-34);
    font-family: 'inter-variable';
    font-weight: bold;
    margin-right: var(--size-21);
    line-height: 1;
    top: 3.5px;
    position: relative;
    color: #014831;}
.cmn-faq .box dl dd div:before { content: "A";}
.cmn-faq .box dl dt:after {
    content: "+";
    font-size: var(--size-40);
    position: absolute;
    top: 50%;
    right: 0;
    transform: translate(-50%, -50%);
    width: var(--size-30);
    height: var(--size-30);
    line-height: 1;
    text-box: trim-both cap alphabetic;
    text-align: center;
    font-family: serif;}
.cmn-faq .box dl dt.active:after { content: "-";}
.cmn-faq .box dl dd {
    overflow: hidden;
    opacity: 0;
    height: 0;
    background-color: rgba(255, 255, 255, 0.5);
    transition: height .35s ease, opacity .35s ease;}
.cmn-faq .box dl dd div {
    padding: var(--size-21);
    display: flex;
    align-items: baseline;
    color: #454545;}
.cmn-faq .box dl dd.open { opacity: 1;}
.cmn-faq h2 {
    font-size: var(--size-20);
    color: #014831;
    font-weight: 500;
    margin:0;}
.cmn-faq h2 * { font-family: "Inter", "kozuka-gothic-pr6n", sans-serif;}
.cmn-faq h2 span:before {
    content:"";
    background-image: url(../img/faq.svg);}
.cmn-faq h2:after {
    content: "";
    background-image: linear-gradient(90deg, #004831, #c4d700);
    width: 100%;
    height: var(--size-3);
    display: block;}
.cmn-faq h2 span {
    display: flex;
    align-items: flex-end;}
.cmn-faq h2 span:before {
    content: "";
    background-image: url(../img/faq.svg);
    background-size: contain;
    width: var(--size-40);
    aspect-ratio: 40 / 27;
    background-repeat: no-repeat;
    margin-right: var(--size-6);}
.main-contents .subsidygrant-box .two-column {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
    margin-bottom: var(--size-30);}
.main-contents .subsidygrant-box .two-column .detail h4 { width: min(12vw, 150px);}
.main-contents .subsidygrant-box .two-column .detail .list { width: calc(100% - min(12vw, 150px));}
.main-contents .subsidygrant-box .two-column .detail .list li { width: calc(100% - var(--size-14));}
.main-contents .subsidygrant-box .two-column .detail { width: calc((100% / 2 - 10px));}
.main-contents .subsidygrant-box .two-column p {
    width: 100%;
    text-align: center;}
.main-contents .subsidygrant-box .two-column.simple { padding: 20px 0;}
.main-contents .subsidygrant-box .two-column.simple .detail{
    margin-top: initial;
    padding: var(--size-28) var(--size-20);
    justify-content: center;}
.main-contents .subsidygrant-box .saitaku {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: 20px;
    margin-top: var(--size-20);
    margin-bottom: var(--size-30);}
.main-contents .subsidygrant-box .saitaku div {
    width: calc((100% / 3) - 15px);
    background-color: #004831;
    position: relative;
    padding: var(--size-20);
    text-align: center;
    aspect-ratio: 1 / 1;
    display: flex;
    align-items: center;
    flex-wrap: wrap;}
.main-contents .subsidygrant-box .saitaku div:before {
    content: "";
    width: calc(100% - 10px);
    height: calc(100% - 10px);
    border: solid 1px #fff;
    position: absolute;
    top: 5px;
    left: 5px;}
.main-contents .subsidygrant-box .saitaku div * { position: relative;}
.main-contents .subsidygrant-box .saitaku .saitaku-top,
.main-contents .subsidygrant-box .saitaku .saitaku-btm {
    width: 100%;
    height: 50%;
    margin: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    font-size: var(--size-20);}
.main-contents .subsidygrant-box .saitaku .saitaku-top {
    font-family: 'inter-variable';
    font-size: min(21.6vw, 120px);
    font-weight: bold;
    align-items: center;
    line-height: 1;
    position: relative;}
.main-contents .subsidygrant-box .saitaku .saitaku-top span { font-size: var(--size-60);}
.main-contents .subsidygrant-box .saitaku .saitaku-btm {
    flex-wrap: wrap;
    border-top: solid 1px #fff;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    line-height: 1.2;
    gap: 4px;}
.main-contents .subsidygrant-box .saitaku .tips {
    text-align: right;
    width: 100%;}
.main-contents .step { margin: 0 auto var(--size-30);} 
.company-box h3 {
    font-size: var(--size-20);
    font-weight: 500;
    color: #014831;
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;}
.company-box h3:after {
    content: "";
    background-image: linear-gradient(90deg, #004831, #c4d700);
    width: 100%;
    height: var(--size-3);
    display: block;}
.company-box .mission .title {
    font-size: var(--size-15);
    font-weight: 500;
    margin: var(--size-30) 0 0;}
.company-box .mission .title span:first-child {
    font-size: var(--size-24);
    font-weight: bold;
    display: block;}
.company-box .mission .inner { margin: var(--size-20) 0;}
.company-box .mission .inner h4 {
    font-size: var(--size-17);
    color: #014831;
    font-weight: 500;
    margin: 0;
    line-height: 1;}
.company-box .mission .inner .detail {
    background-color: #dae5e1;
    padding: var(--size-20);}
.company-box .mission .inner .detail h5 {
    font-size: var(--size-17);
    font-weight: bold;
    line-height: 1;}
.company-box .mission .inner .detail p {
    font-size: var(--size-15);
    margin: 0;
    line-height: 1;
    font-weight: 500;}
.company-box .vision { margin-top: var(--size-70);}
.company-box .vision .title {
    font-size: var(--size-15);
    font-weight: 500;
    margin: var(--size-30) 0 0;}
.company-box .vision .title span:first-child {
    font-size: var(--size-24);
    font-weight: bold;
    display: block;}
.company-box .vision .inner { margin: var(--size-20) 0;}
.company-box .vision .inner h4 {
    font-size: var(--size-17);
    color: #014831;
    font-weight: 500;
    margin: 0;
    line-height: 1;}
.company-box .vision .inner .detail {
    background-color: #dae5e1;
    padding: var(--size-20);}
.company-box .vision .inner .detail h5 {
    font-size: var(--size-17);
    font-weight: bold;
    line-height: 1;}
.company-box .vision .inner .detail p {
    font-size: var(--size-15);
    margin: 0;
    line-height: 1;
    font-weight: 500;}
.company-box .value {
    margin-top: var(--size-70);
    display: flex;
    flex-wrap: wrap;
    gap: 14px;}
.company-box .value h3 { width: 100%;}
.company-box .value .title {
    font-size: var(--size-15);
    font-weight: 500;
    width: 100%;}
.company-box .value .title span:first-child {
    font-size: var(--size-24);
    font-weight: bold;
    display: block;}
.company-box .value .inner {
    margin: var(--size-6) 0;
    width: calc((100% / 2) - 7px);}
.company-box .value .inner h4 {
    font-size: var(--size-17);
    color: #014831;
    font-weight: 500;
    margin: 0;
    line-height: 1;}
.company-box .value .inner .detail {
    background-color: #dae5e1;
    padding: var(--size-20);}
.company-box .value .inner .detail h5 {
    font-size: var(--size-17);
    font-weight: bold;
    line-height: 1;}
.company-box .value .inner .detail p {
    font-size: var(--size-15);
    margin: 0;
    line-height: 1;
    font-weight: 500;}
.company-box .service { margin-top: var(--size-70);}
.company-box .service .inner {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;}
.company-box .service .inner .left h4 {
    font-size: var(--size-24);
    font-weight: bold;
    display: block;
    margin: var(--size-30) 0 0;}
.company-box .service .inner .left p { margin: 0 0 var(--size-7);}
.company-box .service .inner .left ul {
    list-style: disc;
    padding: 0 0 0 var(--size-20);}
.company-box .right a {
    max-height: var(--size-90);
    background-color: #fff;
    border: solid 3px #004832;
    width: 100%;
    display: block;
    position: relative;
    margin: 0 auto var(--size-5);
    display: flex;
    align-items: center;
    justify-content: left;
    padding: var(--size-7) 0;
    overflow: hidden;}
.company-box .right a span {
    width: calc(100% - var(--size-25));
    font-size: var(--size-24);
    color: #014831;
    font-weight: 500;
    position: relative;}
.company-box .right a span small {
    display: block;
    font-size: var(--size-15);}
.company-box .right a:before {
    content: "";
    background-image: url(../img/next-arrow.svg);
    background-repeat: no-repeat;
    width: var(--size-25);
    aspect-ratio: 1 / 1;
    display: block;
    filter: brightness(0) saturate(100%) invert(18%) sepia(60%) saturate(1188%) hue-rotate(126deg) brightness(96%) contrast(102%);
    margin: 0 var(--size-20);}
.company { margin-top: var(--size-70);}
.company .inner dl {
    font-size: var(--size-15);
    display: flex;
    flex-wrap: wrap;
    text-align: left;
    padding: var(--size-14);}
.company .inner dl dt {
    font-weight: 500;
    width: 30%;
    line-height: 1;
    padding: 0 var(--size-14);
    border-bottom: dotted 1px;
    height: var(--size-50);
    display: flex;
    align-items: center;
    margin: 0;}
.company .inner dl dd {
    font-weight: 500;
    width: 70%;
    line-height: 1;
    padding: 0 var(--size-14);
    border-bottom: dotted 1px;
    height: var(--size-50);
    display: flex;
    align-items: center;
    margin: 0;}
.greeting { margin-top: var(--size-70);}
.greeting .inner {
    width: 90%;
    display: flex;
    align-items: center;
    margin: var(--size-50) auto;
    gap: var(--size-40);}
.greeting .inner .img {
    width: 35%;
    aspect-ratio: 1 / 1.2;
    background-color: #ccc;
    overflow: hidden;
    position: relative;}
.greeting .inner .img img {
    width: auto;
    height: 100%;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);}
.greeting .inner p {
    width: calc(65% - var(--size-40));
    font-family: serif;
    font-weight: bold;
    font-size: var(--size-15);
    line-height: 2;}
.greeting .inner p span {
    display: block;
    width: 100%;
    text-align: right;
    font-size: var(--size-24);
    font-family: serif;}
.history { margin-top: var(--size-70);}
.history .inner { padding: var(--size-14);}
.history .inner li {
    font-weight: 500;
    width: 100%;
    line-height: 1;
    padding: 0 var(--size-14);
    border-bottom: dotted 1px;
    height: var(--size-50);
    display: flex;
    align-items: center;
    margin: 0;}
.access { margin-top: var(--size-70);}
.access p { padding: var(--size-14);}
.access .inner iframe {
    width: 100%;
    height: 250px;}
.recruit { margin-top: var(--size-70);}
.recruit p { padding: var(--size-14);}
.recruit .right {
    width: 100%;
    max-width: 450px;
    margin-left: auto;}
.staff-box .logo { margin-bottom: var(--size-70);}
.staff-box .logo .img {
    width: 50%;
    max-width: 250px;
    aspect-ratio: 1 / 1;
    background-color: #ccc;
    margin: var(--size-30) auto;}
.staff-box .logo .img img { width: 100%;}
.staff-box .logo p {
    width: 90%;
    max-width: 800px;
    margin: 0 auto;
    text-align: center;}
.staff-box .staff-list { width: 100%;}
.staff-box .staff-list ul {
    display: flex;
    width: 100%;
    align-items: flex-start;
    flex-wrap: wrap;
    justify-content: space-evenly;}
.staff-box .staff-list ul li {
    width: 20%;
    margin: 2.5%;}
.staff-box .staff-list ul li .inner { cursor: pointer;}
.staff-box .staff-list ul li .inner img {
    width: 100%;
    max-width: 200px;
    aspect-ratio: 1 / 1;
    display: block;
    margin: 0 auto;}
.staff-box .staff-list ul li .inner p {
    color: #004831;
    font-size: var(--size-20);
    font-weight: 500;
    text-align: center;
    line-height: 1.2;
    margin: 14px auto 0;}
.staff-box .staff-list ul li .inner p span {
    background-color: #004831;
    display: block;
    max-width: max-content;
    margin: 8px auto 0;
    color: #fff;
    padding: 7px 14px;
    line-height: 1;
    font-size: var(--size-13);}
.staff-box .staff-list ul li .detail { display: none;}
.staff-modal {
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,.6);
    z-index: 9999;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity .35s ease;}
.staff-modal.active {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;}
.staff-modal-inner {
    background: #fff;
    width: 90%;
    max-width: 1100px;
    max-height: 90vh;
    overflow-y: auto;
    position: relative;
    padding: var(--size-30);
    box-sizing: border-box;
    transform: scale(.95) translateY(10px);
    opacity: 0;
    transition: transform .35s ease, opacity .35s ease;}
.staff-modal.active .staff-modal-inner {
    transform: scale(1) translateY(0);
    opacity: 1;}
.staff-modal-close {
    position: absolute;
    top: var(--size-15);
    right: var(--size-15);
    font-size: var(--size-32);
    line-height: 1;
    cursor: pointer;
    color: #004831;}
.staff-modal-inner .detail {
    display: flex;
    gap: var(--size-50)}
.staff-modal-inner .left { width: 40%;}
.staff-modal-inner .left img {
    width: 100%;
    max-width: 400px;}
.staff-modal-inner .left h4 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    line-height: 1;
    font-size: var(--size-40);
    margin: var(--size-21) auto;}
.staff-modal-inner .left h4 span {
    background-color: #004831;
    color: #fff;
    width: max-content;
    padding: 5px 14px;
    line-height: 1;
    font-size: var(--size-13);
    margin: 0;
    display: block;}
.staff-modal-inner .left p {
    color: #004831;
    font-weight: 500;}
.staff-modal-inner .left p span {
    background-color: #004831;
    color: #fff;
    font-size: var(--size-13);
    display: block;
    width: max-content;
    padding: var(--size-7) var(--size-21);
    font-weight: bold;
    margin: 0 auto var(--size-10) 0;}
.staff-modal-inner .right { width: 60%;}
.staff-modal-inner h4 span {
    display: block;
    font-size: var(--size-14);
    color: #004831;
    margin-bottom: 6px;}
.staff-modal-inner .finer {
    flex-wrap: wrap;
    align-items: center;
    margin-left: auto;
    padding: var(--size-14) 0;
    margin-top: var(--size-14);
    display: flex;
    border: solid 2px #004831;
    position: relative;
    overflow: hidden;}
.staff-modal-inner .finer h5 {
    font-size: var(--size-16);
    margin-bottom: 8px;
    color: #004831;
    clip-path: polygon(0 0, 0% 100%, 100% 0);
    width: min(36vw, 200px);
    aspect-ratio: 1 / 1;
    background-color: #004831;
    display: flex;
    padding: var(--size-24) 0 0 var(--size-16);
    font-size: var(--size-20);
    color: #fff;
    font-weight: 500;
    position: absolute;
    top: 0;
    left: 0;}
.staff-modal-inner .finer p {
    display: flex;
    flex-wrap: wrap;
    width: calc(100% - min(36vw, 200px));
    align-items: center;
    gap: var(--size-14);
    margin: 0;
    margin-left: auto;
    padding: 0 var(--size-14) 0 0;}
.recruit-box h3 {
    font-size: var(--size-20);
    font-weight: 500;
    color: #014831;
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;}
.recruit-box h3:after {
    content: "";
    background-image: linear-gradient(90deg, #004831, #c4d700);
    width: 100%;
    height: var(--size-3);
    display: block;}
.recruit-box .mission .title {
    font-size: var(--size-15);
    font-weight: 500;
    margin: var(--size-30) 0 0;}
.recruit-box .mission .title span:first-child {
    font-size: var(--size-24);
    font-weight: bold;
    display: block;}
.recruit-box .mission .inner {
    display: flex;
    align-items: self-start;
    gap: 30px;}
.recruit-box .mission .inner .left { width: 40%;}
.recruit-box .mission .inner .left img {
    width: 100%;
    aspect-ratio: 1 / 1.0;
    background: #ccc;}
.recruit-box .mission .inner .right { width: 60%;}
.recruit-box .mission .inner .detail {
    margin: 0 0 var(--size-20) 0;
    background-color: #dae5e1;
    padding: var(--size-20);}
.recruit-box .mission .inner .detail:last-child { margin: 0;}
.recruit-box .mission .inner .detail h4 {
    font-size: var(--size-17);
    font-weight: bold;
    line-height: 1;}
.recruit-box .mission .inner .detail p {
    font-size: var(--size-15);
    margin: 0;
    font-weight: 500;}
.recruit-box .vision { margin-top: var(--size-70);}
.recruit-box .vision h3 { width: 100%;}
.recruit-box .vision .title {
    font-size: var(--size-15);
    font-weight: 500;
    width: 100%;}
.recruit-box .vision .title span:first-child {
    font-size: var(--size-24);
    font-weight: bold;
    display: block;}
.recruit-box .vision .inner { margin: var(--size-6) 0;}
.recruit-box .vision .inner h4 {
    font-size: var(--size-17);
    color: #014831;
    font-weight: 500;
    margin: 0;
    line-height: 1;}
.recruit-box .vision .inner .detail {
    margin: 0 0 var(--size-20) 0;
    background-color: #dae5e1;
    padding: var(--size-20);
    display: flex;
    align-items: center;
    justify-content: space-between;}
.recruit-box .vision .inner .detail h5 {
    font-size: var(--size-17);
    font-weight: bold;
    line-height: 1;}
.recruit-box .vision .inner .detail p {
    font-size: var(--size-17);
    margin: 0;
    line-height: 1;
    font-weight: 500;}
.recruit-box .vision .inner .detail a {
    min-width: 250px;
    font-size: var(--size-17);
    margin: 0;
    line-height: 1;
    font-weight: bold;
    color: #454545;
    display: flex;
    align-items: center;
    width: 25%;}
.recruit-box .vision .inner .detail a:before {
    content: "";
    background-image: url(../img/next-arrow.svg);
    background-repeat: no-repeat;
    width: var(--size-20);
    aspect-ratio: 1 / 1;
    display: block;
    filter: brightness(0) saturate(100%) invert(18%) sepia(60%) saturate(1188%) hue-rotate(126deg) brightness(96%) contrast(102%);
    margin: 0 var(--size-10) 0 0;}
.recruit-box .value {
    margin-top: var(--size-70);
    display: flex;
    flex-wrap: wrap;
    gap: 14px;}
.recruit-box .value h3 { width: 100%;}
.recruit-box .value .title {
    font-size: var(--size-15);
    font-weight: 500;
    /*margin: var(--size-30) 0 0;*/
    width: 100%;
    margin-bottom:0;}
.recruit-box .value .title span {
    font-size: var(--size-24);
    font-weight: bold;
    display: block;
    line-height: 1;
    margin-top: var(--size-30);}
.recruit-box .value .inner {
    margin: 0 0 var(--size-6) 0;
    width: calc((100% / 2) - 7px);}
.recruit-box .value .inner h4 {
    font-size: var(--size-17);
    color: #014831;
    font-weight: 500;
    margin: 0 0 var(--size-10) var(--size-10);
    line-height: 1;}
.recruit-box .value .inner .detail {
    background-color: #dae5e1;
    padding: var(--size-20);}
.recruit-box .value .inner .detail h5 {
    font-size: var(--size-17);
    font-weight: bold;
    line-height: 1;}
.recruit-box .value .inner .detail p {
    font-size: var(--size-15);
    margin: 0;
    font-weight: 500;}
.recruit-box .culture { margin-top: var(--size-70);}
.recruit-box .culture .title {
    font-size: var(--size-15);
    font-weight: 500;
    margin: var(--size-30) 0 0;}
.recruit-box .culture .title span:first-child {
    font-size: var(--size-24);
    font-weight: bold;
    display: block;}
.recruit-box .culture .inner { margin: var(--size-20) 0;}
.recruit-box .culture .inner h4 {
    font-size: var(--size-17);
    color: #014831;
    font-weight: 500;
    margin: 0 0 0 var(--size-10);
    line-height: 1;}
.recruit-box .culture .inner .detail {
    background-color: #dae5e1;
    padding: var(--size-20);}
.recruit-box .culture .inner .detail h5 {
    font-size: var(--size-17);
    font-weight: bold;
    line-height: 1;}
.recruit-box .culture .inner .detail p {
    font-size: var(--size-15);
    margin: 0;
    font-weight: 500;}
.recruit-box .flow { padding: var(--size-50) 0 0;}
.recruit-box .flow .inner {
    width: calc(100% - var(--size-20));
    margin: 0 auto;}
.recruit-box .flow .inner li {
    padding: var(--size-10) 0;
    border-bottom: dotted 1px;}
.recruit-box .value .title span { margin-top: 0;}
.recruit-box .culture .title { margin: 0;}
.columnlist-box .column-top { margin-bottom: var(--size-30);}
.columnlist-box .post { display: flex;}
.columnlist-box .post .img {
    aspect-ratio: 1 / 1;
    margin-right: var(--size-22);
    background-color: #f1f1f1;
    overflow: hidden;
    position: relative;}
.columnlist-box .post .img a { display: block;}
.columnlist-box .post .img a img {
    width: auto;
    height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: block;}
.columnlist-box .post .txt h3 {
    font-size: var(--size-20);
    font-weight: 500;
    color: #014831;
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;
    width: 100%;}
.columnlist-box .post .txt h3 a { color: #014831;}
.columnlist-box .post .txt h3:after {
    content: "";
    background-image: linear-gradient(90deg, #004831, #c4d700);
    width: 100%;
    height: var(--size-6);
    display: block;}
.columnlist-box .post .txt .data {
    font-size: var(--size-13);
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: 100%;}
.columnlist-box .post .txt .data a {
    display: flex;
    align-items: center;
    background-color: #ccc;
    margin-right: 11px;
    position: relative;
    line-height: 1;
    padding: 5px;
    color: #454545;
    font-weight: 500;}
.columnlist-box .post .txt .data span {
    font-weight: 500;
    color: #454545;}
.columnlist-box .post .txt .data .category {
    display: flex;
    align-items: center;}
.columnlist-box .post .txt .data .writing { margin-left: auto;}
.columnlist-box .post .txt .text {
    width: 100%;
    margin-top: var(--size-10);
    color: #454545;}
.columnlist-box .post .txt .link {
    margin-top: auto;
    margin-left: auto;
    width: 120px;}
.columnlist-box .post .link a:after { display: none;}
.columnlist-box .column-top .img {
    width: min(30vw, 300px);
    height: min(30vw, 300px);}
.columnlist-box .column-top .txt {
    width: calc((100% - min(30vw, 300px)) - var(--size-22));
    display: flex;
    flex-direction: column;}
.columnlist-box .column-middle {
    margin-bottom: var(--size-30);
    display: flex;
    align-items: self-start;
    flex-wrap: wrap;
    gap: 15px;}
.columnlist-box .column-middle .post {
    width: calc((100% / 2) - 7.5px);
    background-color: #dae5e1;
    padding: var(--size-10);}
.columnlist-box .column-middle .img {
    width: min(22vw, 150px);
    height: min(22vw, 150px);}
.columnlist-box .column-middle .txt {
    width: calc(100% - min(45vw, 150px));
    display: flex;
    flex-direction: column;}
.columnlist-box .column-middle .post .txt h3 { font-size: var(--size-15);}
.columnlist-box .column-bottom {
    margin-bottom: var(--size-70);
    display: flex;
    gap: var(--size-30);}
.columnlist-box .column-bottom .post { padding: var(--size-10);}
.columnlist-box .column-bottom .img {
    width: var(--size-75);
    height: var(--size-75);}
.columnlist-box .column-bottom .txt {
    border-bottom: dotted 1px #dae5e1;
    width: calc(100% - (var(--size-75) + var(--size-22)));}
.columnlist-box .column-bottom .post .txt h3 {
    font-size: var(--size-15);
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;}
.columnlist-box .column-bottom .post .txt h3:after { display: none;}
.columnlist-box .column-bottom .left { width: calc(100% - min(23.4vw, 280px));}
.columnlist-box .column-bottom .right { width: min(23.4vw, 280px);}
.columnlist-box .column-bottom .right h2 {
    font-size: var(--size-30);
    font-weight: 500;
    color: #014831;
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;}
.columnlist-box .column-bottom .right h2:after {
    content: "";
    background-image: linear-gradient(90deg, #004831, #c4d700);
    width: 100%;
    height: var(--size-6);
    display: block;}
.columnlist-box .column-bottom .right .oldlist li { padding: var(--size-7) 0;}
.columnlist-box .column-bottom .right .oldlist li a {
    width: 90%;
    max-width: 320px;
    margin: 0 auto;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    line-height: 1;
    font-weight: bold;
    font-size: var(--size-17);
    color: #004832;}
.columnlist-box .column-bottom .right .oldlist li a:before {
    content: "";
    background-image: url(../img/next-arrow.svg);
    background-repeat: no-repeat;
    width: var(--size-15);
    aspect-ratio: 1 / 1;
    display: block;
    filter: brightness(0) saturate(100%) invert(18%) sepia(60%) saturate(1188%) hue-rotate(126deg) brightness(96%) contrast(102%);
    margin: 0 7px 2.5px 0;}
.column-page .cmp-title{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-bottom: var(--size-30);}
.column-page .main-contents .cmp-title h2 { width: 100%;}
.column-box { font-weight: 500;}
.cmp-title .data {
    display: flex;
    align-items: center;
    width: calc(100% - 150px);}
.cmp-title .data .category { min-width: max-content;}
.cmp-title .data .category a {
    display: flex;
    align-items: center;
    background-color: #ccc;
    margin-right: var(--size-11);
    position: relative;
    line-height: 1;
    padding: var(--size-5);
    color: #454545;
    font-weight: 500;}
.cmp-title .data .tag { font-size: var(--size-12);}
.cmp-title .data .tag a {
    padding: 3px;
    color: #454545;}
.cmp-title .writing {
    margin-left: auto;
    font-size: var(--size-12);}
.column-box h3 {
    font-size: var(--size-20);
    color: #014831;
    font-weight: 500;
    margin: var(--size-50) 0 0;}
.column-box h3:after {
    content: "";
    background-image: linear-gradient(90deg, #004831, #c4d700);
    width: 100%;
    height: var(--size-3);
    display: block;}
.column-body {
    max-width: 100%;
    margin: 0 auto;
    line-height: 1.8;}
.column-lead {
    background: #eef4f2;
    padding: var(--size-16) var(--size-20);
    margin-bottom: var(--size-30);
    text-align: center;}
.column-intro {
    display: flex;
    gap: 30px;
    margin-bottom: var(--size-40);}
.column-intro .thumb {
    width: min(30vw, 300px);
    height: min(30vw, 300px);
    flex-shrink: 0;
    background-color: #f1f1f1;
    position: relative;}
.column-intro img {
    width: auto;
    height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: block;}
.column-intro .intro-text {
    width: calc((100% - min(30vw, 300px)) - var(--size-22));
    display: flex;
    flex-direction: column;}
.column-heading {
    border-left: var(--size-5) solid #0b4d3c;
    padding-left: var(--size-12);
    margin: var(--size-50) 0 var(--size-20);
    font-size: 1.4rem;}
.table-wrap {
    overflow-x: auto;
    margin-bottom: var(--size-40);
    background-color: #dae5e1;
    padding: var(--size-20);}
.compare-table {
    width: 100%;
    border-collapse: collapse;}
.compare-table th,
.compare-table td {
    border-right: var(--size-7) solid #dae5e1;
    border-bottom: var(--size-7) solid #dae5e1;
    padding: var(--size-14);
    text-align: center;
    color: #454545;}
.compare-table th:last-child,
.compare-table td:last-child { border-right: none;}
.compare-table tbody tr:last-child td,
.compare-table tbody tr:last-child tr,
.compare-table tbody tr:last-child th { border-bottom: none;}
.compare-table thead,
.compare-table tbody { background: #e5f0ec;}
.select-guide { margin: var(--size-50) 0;}
.select-cards {
    display: flex;
    gap: var(--size-20);}
.select-cards .card {
    flex: 1;
    padding: var(--size-25);
    text-align: center;
    color: #fff;}
.select-cards .subsidy { background: #0b4d3c;}
.select-cards .grant { background: #1e7f64;}
.column-summary {
    padding: 0;
    font-weight: 500;
    margin: var(--size-50) 0 0;}
.column-summary p {
    background-color: #dae5e1;
    padding: var(--size-30);
    line-height: 2;}
.column-box .inner { font-weight: 500;}
.column-box .inner .inner-text { margin: var(--size-21) var(--size-10) ;}
.column-box .inner .inner-list {
    background-color: #dae5e1;
    padding: var(--size-30);
    line-height: 2;}
.inner-select {
    display: flex;
    gap: 20px;
    margin-top: var(--size-20);}
.inner-select .inner-select-left,
.inner-select .inner-select-right {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    overflow: hidden;
    width: calc(100% / 2);
    background-color: #dae5e1;}
.inner-select h4 {
    font-size: var(--size-20);
    background-color: #004831;
    color: #fff;
    text-align: center;
    margin: 0;}
.inner-select p {
    margin: 0;
    padding: var(--size-40);
    text-align: center;
    color: #454545;}
.inner-select p span {
    font-size: var(--size-18);
    display: block;}
.news-top-list .inner {
    margin-bottom: var(--size-30);
    display: flex;
    align-items: self-start;
    flex-wrap: wrap;
    gap: 15px;}
.news-top-list .inner .detail {
    width: calc((100% / 2) - 7.5px);
    background-color: #dae5e1;
    padding: var(--size-20) var(--size-20) var(--size-12);}
.news-top-list .inner .detail .data {
    display: flex;
    font-size: var(--size-13);
    align-items: center;
    justify-content: space-between;
    border-bottom: dotted 1px #fff;
    margin-bottom: var(--size-9);
    padding-bottom: var(--size-6);
    line-height: 1;}
.news-top-list .inner .detail .data .category a { color: #454545;}
.news-top-list .inner .detail h3 { margin: 0;}
.news-top-list .inner .detail h3 a {
    font-size: var(--size-15);
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    font-weight: 500;
    color: #014831;
    align-items: baseline;
    width: 100%;
    line-height: 1;}
.news-top-list .inner .detail p {
    font-size: var(--size-14);
    line-height: var(--size-20);
    margin: var(--size-10) 0 0;}
.news-top-list .inner .detail p a {
    width: max-content;
    margin: var(--size-7) 0 0 auto;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    line-height: 1;
    font-weight: bold;
    font-size: var(--size-17);
    color: #004832;}
.news-top-list .inner .detail p a:before {
    content: "";
    background-image: url(../img/next-arrow.svg);
    background-repeat: no-repeat;
    width: var(--size-15);
    aspect-ratio: 1 / 1;
    display: block;
    filter: brightness(0) saturate(100%) invert(18%) sepia(60%) saturate(1188%) hue-rotate(126deg) brightness(96%) contrast(102%);
    margin: 0 7px 2.5px 0;}
.news-box .news-top-bottom {
    margin-bottom: var(--size-70);
    display: flex;
    gap: var(--size-30);}
.news-box .left { width: calc(100% - min(23.4vw, 280px));}
.news-box .right { width: min(23.4vw, 280px);}
.news-box .right h2 {
    font-size: var(--size-30);
    font-weight: 500;
    color: #014831;
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;}
.news-box .right h2:after {
    content: "";
    background-image: linear-gradient(90deg, #004831, #c4d700);
    width: 100%;
    height: var(--size-6);
    display: block;}
.news-box .right .oldlist li { padding: var(--size-7) 0;}
.news-box .right .oldlist li a {
    width: 90%;
    max-width: 320px;
    margin: 0 auto;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    line-height: 1;
    font-weight: bold;
    font-size: var(--size-17);
    color: #004832;}
.news-box .right .oldlist li a:before {
    content: "";
    background-image: url(../img/next-arrow.svg);
    background-repeat: no-repeat;
    width: var(--size-15);
    aspect-ratio: 1 / 1;
    display: block;
    filter: brightness(0) saturate(100%) invert(18%) sepia(60%) saturate(1188%) hue-rotate(126deg) brightness(96%) contrast(102%);
    margin: 0 7px 2.5px 0;}
.news-box .left .detail {
    border-bottom: solid 1px #dae5e1;
    padding: var(--size-10);}
.news-box .left .detail .title {
    font-weight: 500;
    width: 100%;
    font-size: var(--size-15);
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    margin: 0 0 var(--size-7);}
.news-box .left .detail .title a { color: #014831;}
.news-box .left .detail .data {
    display: flex;
    font-size: var(--size-13);
    align-items: center;
    justify-content: space-between;
    border-bottom: solid 1px #fff;}
.news-box .left .detail .data .category a { color: #454545;}
.news-box .left .detail .data .writing:before { content:"作成日:";}
.news-box .right .contents-list { margin-top: var(--size-40);}
.news-box .right .contents-list li {margin-bottom: var(--size-7);}
.news-box .right .contents-list li a {
    width: 100%;
    margin: 0 auto;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    line-height: 1;
    font-weight: bold;
    font-size: var(--size-17);
    color: #004832;
    padding: var(--size-21) var(--size-10);
    background-color: #dae5e1;
    border-bottom: solid 1px #004831;}
.news-box .right .contents-list li a:before {
    content: "";
    background-image: url(../img/next-arrow.svg);
    background-repeat: no-repeat;
    width: var(--size-15);
    aspect-ratio: 1 / 1;
    display: block;
    filter: brightness(0) saturate(100%) invert(18%) sepia(60%) saturate(1188%) hue-rotate(126deg) brightness(96%) contrast(102%);
    margin: 0 7px 2.5px 0;}
.news-page .cmp-title h2 { width: 100%;}
.news-page .cmp-title {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-bottom: var(--size-30);}
.news-body .news-lead {
    background: #dae5e1;
    padding: var(--size-16) var(--size-20);
    margin-bottom: var(--size-30);
    text-align: left;
    color: #454545;
    font-weight: 500;}
.news-body h3 {
    color: #014831;
    font-size: var(--size-20);
    padding-left: var(--size-10);
    position: relative;
    margin-bottom: var(--size-14);}
.news-body h3:after {
    content: "";
    background-image: linear-gradient(90deg, #004831, #c4d700);
    width: 100%;
    height: var(--size-3);
    display: block;
    position: absolute;
    bottom: -3px;
    left: 0;}
.news-body .news-text {
    width: 100%;
    padding: 0 var(--size-10) var(--size-40);
    font-weight: 500;}
.pagenation {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    margin: var(--size-70) 0;
    border-bottom: solid 3px #004731;}
.pagenation .prev { width: calc(100% / 2);}
.pagenation .prev a {
    display: flex;
    align-items: center;
    justify-content: left;}
.pagenation .prev a:before {
    content: "";
    background-image: url(../img/next-arrow.svg);
    background-repeat: no-repeat;
    width: var(--size-15);
    aspect-ratio: 1 / 1;
    display: block;
    filter: brightness(0) saturate(100%) invert(18%) sepia(60%) saturate(1188%) hue-rotate(126deg) brightness(96%) contrast(102%);
    margin: 0 var(--size-7) 0 0;}
.pagenation .next { width: calc(100% / 2);}
.pagenation .next a {
    display: flex;
    align-items: center;
    justify-content: right;}
.pagenation .next a:after {
    content: "";
    background-image: url(../img/next-arrow.svg);
    background-repeat: no-repeat;
    width: var(--size-15);
    aspect-ratio: 1 / 1;
    display: block;
    filter: brightness(0) saturate(100%) invert(18%) sepia(60%) saturate(1188%) hue-rotate(126deg) brightness(96%) contrast(102%);
    margin: 0 0 0 var(--size-7);}
.contact-box .inner .contact-list {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;}
.contact-box .inner .contact-list li {
    display: flex;
    flex-wrap: wrap;
    width: calc((100% / 2) - 7px);}
.contact-box .inner .contact-list li a {
    border: solid 3px #014831;
    display: flex;
    align-items: center;
    width: 100%;
    padding: var(--size-20);
    font-size: var(--size-24);
    font-weight: 500;}
.contact-box .inner .contact-list li a:before {
    content: "";
    background-image: url(../img/next-arrow.svg);
    background-repeat: no-repeat;
    width: var(--size-26);
    aspect-ratio: 1 / 1;
    display: block;
    filter: brightness(0) saturate(100%) invert(18%) sepia(60%) saturate(1188%) hue-rotate(126deg) brightness(96%) contrast(102%);
    margin: 0 7px 2.5px 0;}
.contact-box .inner .contact-list li span {
    font-size: var(--size-24);
    color: #014831;
    line-height: 1;}
.contact-box .inner .contact-list li span small {
    font-size: var(--size-15);
    display: block;
    margin-top: var(--size-13);}
.contact-box .detail {
    margin-top: var(--size-65);
    color: #014831;
    font-weight: 500;}
.contact-box .detail h2 {
    font-size: var(--size-30);
    font-family: serif;
    text-align: center;
    color: #014831;
    margin: 0 auto var(--size-20);}
.contact-box .detail p {
    font-size: var(--size-15);
    font-family: serif;
    text-align: center;
    color: #014831;
    font-weight: bold;}
.contact-box .detail .contact-form {
    width: 90%;
    margin: var(--size-21) auto var(--size-70);
    max-width: 820px;}
.contact-box .detail .contact-form dl {
    flex-wrap: wrap;
    display: flex;
    align-items: self-start;
    justify-content: left;
    gap: var(--size-10);}
.contact-box .detail .contact-form dl dt {
    width: calc(min(36vw, 200px) - 10px);
    padding: var(--size-7) 0 0;
    display: flex;
    align-items: center;
    justify-content: space-between;}
.contact-box .detail .contact-form dl dt small { color: #f00;}
.contact-box .detail .contact-form dl dd { width: calc(100% - min(36vw, 200px));}
.contact-box .detail .contact-form dl dd input,
.contact-box .detail .contact-form dl dd select,
.contact-box .detail .contact-form dl dd textarea {
    width: 100%;
    padding: var(--size-10);
    background-color: #dae5e1;
    border: none;
    height: var(--size-50);
    color: #014831;
    font-weight: 500;}
.contact-box .detail .contact-form dl dd textarea { height: min(27vw, 150px);}
.contact-box .detail .contact-form .lineinput {
    flex-wrap: wrap;
    display: flex;
    align-items: self-start;
    justify-content: left;
    gap: var(--size-10);    width: 100%;}
.contact-box .detail .contact-form .policy {
    width: 100%;
    max-width: 600px;
    margin: 0 auto;
    line-height: 1.6923;}
.contact-box .detail .contact-form .policy-box {
    padding: var(--size-20);
    border: solid 1px #dae5e1;
    height: var(--size-100);
    overflow-y: scroll;}
.contact-box .detail .contact-form .policy h3 {
    font-size: var(--size-13);
    margin: 0;}
.contact-box .detail .contact-form .policy p {
    font-size: var(--size-12);
    font-family: "Inter", "kozuka-gothic-pr6n", sans-serif;
    font-weight: normal;
    text-align: left;}
.contact-box .detail .contact-form .policy .policy-box p { margin:0;}
.contact-box .detail .contact-form .policy .check {
    text-align: center;
    margin-top: var(--size-18);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;}
.contact-box .detail .contact-form .policy .check input {
    height: var(--size-18);
    width: var(--size-18);}
.contact-box .detail .contact-form .policy .check label { margin: 0;}
.contact-box .detail .contact-form button {
    background-image: linear-gradient(90deg, #004831, #c4d700);
    width: min(59.4vw, 330px);
    height: var(--size-50);
    display: block;
    font-size: var(--size-17);
    color: #fff;
    font-weight: bold;
    border: none;
    margin: var(--size-43) auto var(--size-20);}
.contact-box .detail .contact-form button span { letter-spacing: var(--size-2);}
.contact-box .detail .contact-form .tips { font-family: "Inter", "kozuka-gothic-pr6n", sans-serif;}
.contact-box .detail .contact-form dl *:focus { outline: 2px solid #000;}
.contact-form .lineinput {
    height: 0;
    overflow: hidden;
    opacity: 0;
    transition: height .3s ease, opacity .3s ease;}
.contact-form .lineinput.is-open {
    opacity: 1;
    padding-top: var(--size-10);}
.contact-form .honey { display: none;}
.contact-inner h3 {
    margin-top: var(--size-50);
    font-size: var(--size-30);
    font-weight: 500;
    color: #014831;
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;
    font-feature-settings: "palt";}
.contact-inner h3:after {
    content: "";
    background-image: linear-gradient(90deg, #004831, #c4d700);
    width: 100%;
    height: var(--size-6);
    display: block;}
.contact-inner .contact-detail {
    font-size: var(--size-15);
    font-weight: 500;
    margin: var(--size-30) 0 0;}
.contact-inner .contact-detail h4 {
    font-size: var(--size-20);
    font-weight: 500;
    color: #014831;
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;
    margin: var(--size-14) var(--size-14) 0;}
.contact-inner .contact-detail .contact-element {
    background-color: #dae5e1;
    padding: var(--size-20);}
.contact-inner .contact-detail p { margin: 0;}
.contact-inner .contact-detail p a:after {
    content: "";
    background-image: linear-gradient(90deg, #004831, #c4d700);
    width: 100%;
    height: var(--size-6);
    display: block;}
.contact-inner .contact-detail .link {
    display: flex;
    align-items: center;
    justify-content: right;}
.contact-inner .contact-detail .link a {
    width: max-content;
    margin: var(--size-30) 0 0;}
.privacypolicy-inner h3 {
    margin-top: var(--size-50);
    font-size: var(--size-30);
    font-weight: 500;
    color: #014831;
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;
    font-feature-settings: "palt";}
.privacypolicy-inner h3:after {
    content: "";
    background-image: linear-gradient(90deg, #004831, #c4d700);
    width: 100%;
    height: var(--size-6);
    display: block;}
.privacypolicy-inner .privacypolicy-detail {
    font-size: var(--size-15);
    font-weight: 500;
    margin: var(--size-30) 0 0;}
.privacypolicy-inner .privacypolicy-detail .contact-element {
    background-color: #dae5e1;
    padding: var(--size-20);}
.privacypolicy-inner .privacypolicy-detail p { margin: 0;}
.privacypolicy-inner .link {
    display: flex;
    align-items: center;
    justify-content: right;}
.privacypolicy-inner .link a {
    width: max-content;
    margin: var(--size-30) 0 0;}
.privacypolicy-inner .privacypolicy-detail h4 {
    font-size: var(--size-20);
    font-weight: 500;
    color: #014831;
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;
    margin: var(--size-14) var(--size-14) 0;}
.sitemap-inner h3 {
    margin-top: var(--size-30);
    font-size: var(--size-20);
    font-weight: 500;
    color: #014831;
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;
    font-feature-settings: "palt";}
.sitemap-inner h3:after {
    content: "";
    background-image: linear-gradient(90deg, #004831, #c4d700);
    width: 100%;
    height: var(--size-3);
    display: block;}
.sitemap-inner .sitemap-detail {
    font-size: var(--size-15);
    font-weight: 500;
    margin: 0 var(--size-14);}
.sitemap-inner .sitemap-detail .contact-element {
    background-color: #dae5e1;
    padding: var(--size-20);}
.sitemap-inner p {
    font-weight: 500;
    margin: 0 var(--size-14);}
.sitemap-inner .link {
    display: flex;
    align-items: center;
    justify-content: right;}
.sitemap-inner .link a {
    width: max-content;
    margin: var(--size-30) 0 0;}
.sitemap-inner .sitemap-detail h4 {
    font-size: var(--size-20);
    font-weight: 500;
    color: #014831;
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;
    margin: var(--size-14) var(--size-14) 0;}
.sitemap-detail a { color: #454545;}
.sitemap-detail .sitemap-detail-big { margin-top: var(--size-7);}
.sitemap-detail .sitemap-detail-big a:before {
    content:"・";
    margin-right: var(--size-7);}
.sitemap-detail .sitemap-detail-small a:before {
    content:"　┗";
    margin-right: var(--size-7);}

@media screen and (max-width: 768px) {
	.faq-box .inner .faq-list { display: block;}
	.faq-box .inner .faq-list li {
	    width: 100%;
	    font-size: var(--size-20);
	    margin-bottom: var(--size-10);}
	.header .logo { width: 120px;}
	header nav {
	    position: relative;
	    display: flex;
	    gap: 7px;  }
	.header nav .MENU {
	    display: flex;
	    flex-direction: column;
	    justify-content: center;
	    gap: 6px;
	    width: 40px;
	    height: 30px;
	    cursor: pointer;
	    z-index: 20;}
	.header nav .MENU span {
	    display: block;
	    width: 100%;
	    height: 3px;
	    background: #004832;
	    border-radius: 3px;
	    transition: 0.3s;}
	.header nav .MENU.active span:nth-child(1) { transform: translateY(9px) rotate(45deg);}
	.header nav .MENU.active span:nth-child(2) { opacity: 0;}
	.header nav .MENU.active span:nth-child(3) { transform: translateY(-9px) rotate(-45deg);}
	.header nav .menu {
	    position: absolute;
	    top: 60px;
	    right: 0;
	    width: 200px;
	    background: #fff;
	    padding: 20px 0;
	    border-radius: 10px;
	    flex-direction: column;
	    box-shadow: 0 5px 20px rgba(0,0,0,0.1);
	    transform: translateX(120%);
	    transition: 0.35s ease;}
	.header nav .menu.open { transform: translateX(0%);}
	.header nav .contact li a span { display: none;}
	.header nav .contact li a {
	    padding: 7px;
	    border-radius: 50%;}
	.home .mainvisual .inner h1 { font-size: 30px;}
	.home .mainvisual .inner h1 span { font-size: 24px;}
	.home .mainvisual .inner p {
	    font-size: 15px;
	    margin: 21px auto 0;}
	.home .mainvisual .inner div {
	    flex-wrap: wrap;
	    margin: 0 auto;}
	.home .mainvisual .inner div img {
	    width: 45%;
	    margin: 0 auto;}
	.home h2 img {
	    width: auto;
	    height: 50px;}
	.home h2 span {
	    font-size: 24px;
	    line-height: 1;}
	.home .about-us .inner { margin: 30px auto 0;}
	.home .about-us .inner .link { margin: 40px 0 0 0;}
	.home .service,
	.home .faq,
	.column { padding: 50px 0;}
	.home .inner .detail h3 {
	    font-size: 20px;
	    margin: 21px auto;}
	.home .service .inner ul {
	    display: grid;
	    gap: 20px;}
	.home .service .inner ul li { width: 100%;}
	.home .service .inner ul li p { padding: 14px 21px;}
	.home .service .inner ul li a {
	    font-size: 18px;
	    height: 40px;}
	.home .service .inner ul li a span:before { width: 20px;}
	.home .service .link,
	.home .flow .link,
	.home .faq .link,
	.home .news .link,
	.column .link { margin: 35px auto 0;}
	.home .service .link a,
	.home .flow .link a,
	.home .faq .link a,
	.home .news .link a,
	.column .link a { margin: 0 auto;}
	.link_box ul { width: 90%;}
	.link_box ul li a:before {
	    width: var(--size-20);
	    margin: 0 var(--size-10);}
	.link_box ul li a { padding: var(--size-4) 0;}
	.link_box ul li a span {
	    width: calc(100% - var(--size-20));}
	.link_box ul li a span small {
	    font-size: var(--size-10);
	    line-height: 1.25;
	    width: 100%;
	    letter-spacing: -0.3px;}
	.step .base {
	    padding: min(40vw) min(5vw, 50px) min(10vw);
	    gap: min(3vw, 50px);}
	.step .base:before { clip-path: polygon(0 0, 100% 0%, 100% 95%, 50% 100%, 0 95%);}
	.step .base .img {
	    width: var(--size-80);
	    margin: 0;}
	.step .base .box h4 {
	    display: flex;
	    line-height: 1.25;
	    font-size: var(--size-20);}
	.step .base .box h4 span {
	    width: var(--size-40);
	    height: var(--size-40);
	    font-size: var(--size-25);
	    padding: var(--size-12) 0 0 var(--size-3);
	    margin: 0 var(--size-10) 0 0;}
	.step .base .box { width: calc(100% - var(--size-50) - min(3vw, 50px));}
	.step .base .box p { font-feature-settings: "palt";}
	.step .step01 { padding-top: var(--size-30);}
	.step .link_box ul {
	    margin: 0;
	    width: 100%;}
	.home .faq .box { margin: var(--size-30) auto;}
	.home .news .inner .news_list li a {
	    padding: 3vw 0;
	    line-height: 1.25;}
	.column .inner .column_list li { width: 100%;}
	.column .inner .column_list li a {
	    color: #014831;
	    font-weight: 500;
	    margin: 0;
	    display: flex;
	    flex-direction: initial;
	    flex-wrap: wrap;}
	.column .inner .column_list li a .img {
	    width: var(--size-80);
	    padding: 0;
	    aspect-ratio: 1 / 1;
	    background-color: #eee;
	    float: left;
	    margin: var(--size-10) 0 -1.5px var(--size-10);
	    position: relative;}
	.column .inner .column_list li a .img img { background-color: #eee;}
	.column .inner .column_list li a .data {
	    display: block;
	    justify-content: space-between;
	    padding: var(--size-7) var(--size-10);
	    line-height: normal;
	    margin: 0 0 -1.5px;
	    position: relative;
	    z-index: 1;
	    background-color: #fff;
	    width: calc(100% - 100px);}
	.column .inner .column_list li a .data small {
	    font-size: 90%;
	    display: block;}
	.cmn_contact { padding: var(--size-50) 0;}
	.cmn_contact .link_box ul { margin: var(--size-30) auto 0;}
	.footer {
	    display: block;
	    padding: var(--size-30) 3% var(--size-3);}
	.footer .address {
	    width: 90%;
	    max-width: max-content;
	    margin: 0 auto;}
	.footer .inner {
	    margin: var(--size-30) 0 0 auto;
	    width: 100%;}
	.footer .inner {
        display: none;}
	.footer .inner .detail {
	    display: block;
	    align-items: self-start;
	    justify-content: end;}
	.footer .inner .sns .contact { justify-content: center;}
	.footer .inner .sns { margin: 21px auto;}
	.second .mainvisual {
	    height: 50vw;
	    min-height: 50vw;}
	.second .mainvisual .bgtb img.show { width: 150px;}
	.second .mainvisual h1 {
	    font-size: var(--size-24);
	    padding: 0 3vw;}
	.second .mainvisual h1 span {
	    display: block;
	    margin: 0 0 var(--size-7);
	    font-size: var(--size-17);
	    line-height: 1.5;}
	.main-contents { margin: var(--size-35) auto;}
	.main-contents .cmp-title h2 {
	    font-size: var(--size-28);
	    line-height: 1.5;}
	.main-contents .service-box .detail { display: block;}
	.main-contents .service-box .detail h4 {
	    clip-path: initial;
	    width: 100%;
	    aspect-ratio: initial;
	    background-color: #004831;
	    display: block;
	    padding: var(--size-7);
	    font-size: var(--size-20);
	    color: #fff;
	    font-weight: 500;
	    position: relative;
	    top: 0;
	    left: 0;
	    text-align: center;}
	.main-contents .service-box .detail .list {
	    display: block;
	    flex-wrap: initial;
	    width: 100%;
	    align-items: center;
	    gap: initial;
	    margin: 0 auto;
	    padding: var(--size-14);}
	.main-contents .service-box .detail .list li {
	    color: #004831;
	    font-size: var(--size-15);
	    font-weight: 500;
	    width: 100%;
	    display: flex;
	    gap: var(--size-6);
	    align-items: flex-start;
	    line-height: 2;}
	.main-contents .manda-box .detail .list li,
	.main-contents .funding_support-box .detail .list li { width: 94%;}
	.main-contents .service-box .detail h4,
	.main-contents .subsidygrant-box .detail h4,
	.main-contents .manda-box .detail h4,
	.main-contents .funding_support-box .detail h4 {
	    width: min(28vw, 200px);
	    padding: var(--size-14) 0 0 var(--size-14);
	    font-size: var(--size-17);}
	.main-contents .manda-box .detail .list,
	.main-contents .funding_support-box .detail .list {
	    display: block;
	    flex-wrap: wrap;
	    width: calc(100% - min(25vw, 200px));
	    align-items: center;
	    gap: var(--size-14);
	    margin-left: auto;
	    padding: var(--size-14) 0;}
	.cmn-check.check-bg .title:before { top: 15%;}
	.cmn-faq h2 { position: relative;}
	.cmn-faq h2 span {
	    line-height: 1.25;
	    display: block;}
	.cmn-faq h2 span:before {
	    position: absolute;
	    bottom: 100%;}
	.main-contents .subsidygrant-box .two-column { display: block;}
	.main-contents .subsidygrant-box .two-column .detail { width: 100%;}
	.main-contents .subsidygrant-box .two-column .detail h4 { width: min(30vw, 150px);}
	.main-contents .subsidygrant-box .two-column .detail .list { width: calc(100% - min(30vw, 150px));}
	.main-contents .subsidygrant-box .two-column p {
	    margin-top: var(--size-20);
	    text-align: left;}
	.main-contents .subsidygrant-box .two-column.simple .detail {
	    padding: var(--size-20) 0;
	    margin-bottom: var(--size-14);}
	.main-contents .subsidygrant-box .two-column.simple .detail:last-child { margin-bottom: 0;}
	.main-contents .subsidygrant-box .saitaku { display: block;}
	.main-contents .subsidygrant-box .saitaku div {
	    width: 80%;
	    margin: 0 auto var(--size-14);}
	.company-box .service .inner { display: block;}
	.company-box .right { margin: var(--size-14) 0 0;}
	.greeting .inner { display: block;}
	.greeting .inner .img {
	    width: 70%;
	    margin: 0 auto var(--size-14);}
	.greeting .inner p { width: 100%;}
	.company .inner dl { display: block;}
	.company .inner dl dt {
	    font-size: 90%;
	    width: 100%;
	    border-bottom: none;
	    height: auto;
	    margin: 0;
	    padding: var(--size-14) 0 0;}
	.company .inner dl dd {
	    height: auto;
	    width: 100%;
	    padding: var(--size-7) 0 var(--size-14);}
	.recruit .right { margin: 0 auto !important;}
	.company-box .value .inner { width: 100%;}
	.staff-box .staff-list ul li {
	    width: 45%;
	    margin: 2.5%;}
	.staff-modal-inner { padding: 20px;}
	.staff-modal-inner .detail {
	    flex-direction: column;
	    gap: 24px;}
	.staff-modal-inner .left,
	.staff-modal-inner .right { width: 100%;}
	.staff-modal-close {
	    top: 10px;
	    right: 14px;
	    font-size: 28px;}
	.staff-modal-inner .finer { padding: 0;}
	.staff-modal-inner .finer h5 {
	    clip-path: initial;
	    width: 100%;
	    aspect-ratio: initial;
	    padding: var(--size-7) 0;
	    font-weight: 500;
	    position: initial;
	    justify-content: center;}
	.staff-modal-inner .finer p {
	    width: 90%;
	    padding: 0 0 var(--size-14);
	    margin: 0 auto;}
	.recruit-box .mission .inner .left {
	    width: 60%;
	    margin: var(--size-20) auto;}
	.recruit-box .mission .inner .right { width: 100%;}
	.recruit-box .vision .inner .detail { display: block;}
	.recruit-box .vision .inner .detail p { line-height: 2;}
	.recruit-box .vision .inner .detail a {
	    min-width: max-content;
	    margin: 0 0 0 auto;
	    width: max-content;
	    line-height: 2;}
	.recruit-box .value .inner { width: 100%;}
	.columnlist-box .column-middle {
	    margin-bottom: var(--size-30);
	    display: block;}
	.columnlist-box .column-middle .post {
	    width: 100%;
	    margin-bottom: var(--size-10);}
	.columnlist-box .column-middle .post .link a { display: none;}
	.columnlist-box .column-bottom { display: block;}
	.columnlist-box .column-bottom .left { width: 100%;}
	.columnlist-box .column-bottom .img {
	    width: 75px;
	    height: 75px;}
	.columnlist-box .column-bottom .txt {
	    border-bottom: dotted 1px #dae5e1;
	    width: calc((100% - 75px) - var(--size-22));}
	.columnlist-box .column-middle .post .txt h3 a {
	    color: #014831;
	    line-height: 1.5;
	    overflow: hidden;
	    display: -webkit-box;
	    -webkit-box-orient: vertical;
	    -webkit-line-clamp: 2;}
	.columnlist-box .column-bottom .right { width: 100%;}
	.columnlist-box .column-bottom .right .oldlist li a { max-width: 90%;}
	.column-page .cmp-title { display: block;}
	.cmp-title .data {
	    display: block;
	    width: 100%;}
	.cmp-title .data .category {
	    width: 100%;
	    max-width: max-content;}
	.cmp-title .data .tag {
	    font-size: var(--size-12);
	    border-bottom: dotted 1px #ccc;
	    padding-bottom: var(--size-3);
	    margin-bottom: var(--size-5);}
	.cmp-title .writing {
	    font-size: var(--size-12);
	    border-bottom: solid 1px #ccc;
	    padding-bottom: var(--size-3);
	    text-align: right;}
	.column-lead { text-align: left;}
	.inner-select { display: block;}
	.inner-select .inner-select-left,
	.inner-select .inner-select-right {
	    width: 100%;
	    margin-bottom: var(--size-20);}
	.table-wrap {
	    overflow-x: auto;
	    -webkit-overflow-scrolling: touch;}
	.compare-table { min-width: 720px;}
	.news-top-list .inner { display: block;}
	.news-top-list .inner .detail {
	    width: 100%;
	    margin-bottom: var(--size-14);}
	.news-box .news-top-bottom { display: block;}
	.news-box .left { width: 100%;}
	.news-box .txt {
	    border-bottom: dotted 1px #dae5e1;
	    width: calc((100% - 75px) - var(--size-22));}
	.news-box .right { width: 100%;}
	.news-box .right .oldlist li a { max-width: 90%;}
	.pagenation .prev,
	.pagenation .next { width: 100%;}
	.contact-box .inner .contact-list li { width: 100%;}
	.contact-box .detail .contact-form dl { gap: 0;}
	.contact-box .detail .contact-form dl dt { width: 100%;}
	.contact-box .detail .contact-form dl dd { width: 100%;}
	.contact-box .inner .contact-list li a { padding: var(--size-14);}
	.contact-box .inner .contact-list li a:before { margin: 0 14px 0 0;}
	.contact-box .inner .contact-list li span { font-size: var(--size-20);}
	.contact-box .inner .contact-list li span small {
	    margin-top: var(--size-7);
	    line-height: 1.4;}
}
.share-links {
    margin: 60px auto 0;
    padding: 24px 0;
    border-top: 1px solid #e0e0e0;
    text-align: center;}
.share-links ul {
    display: flex;
    justify-content: center;
    gap: 16px;
    flex-wrap: wrap;}
.share-links a,
.share-links button {
    font-size: 14px;
    color: #014831;
    background: none;
    border: none;
    cursor: pointer;
    text-decoration: underline;}
.share-links {
    margin: 60px auto 0;
    padding: 24px 0;
    border-top: 1px solid #e0e0e0;
    text-align: center;}
.share-links ul {
    display: flex;
    justify-content: center;
    gap: 20px;}
.share-links li img {
    width: 36px;
    height: 36px;
    display: block;
    transition: transform .2s ease, opacity .2s ease;}
.share-links li a:hover img,
.share-links li button:hover img {
    transform: translateY(-3px);
    opacity: .75;}
.share-links button {
    background: none;
    border: none;
    padding: 0;
    cursor: pointer;}
.share-links .copied img { opacity: .4;}


/*
font-family: "Inter","m-plus-1c", sans-serif;
font-family: "Inter", sans-serif;
font-family: "Inter","kozuka-gothic-pr6n", sans-serif;
font-family: "kozuka-mincho-pr6n", serif;
*/