main section .drawing,main article .drawing,main .top-content .drawing{margin:1rem 0}main section .drawing h2,main article .drawing h2,main .top-content .drawing h2{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:first baseline;-ms-flex-pack:first baseline;justify-content:first baseline;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:0 0 1rem 0;padding:0;font-size:calc(var(--font-size) * 1.2);font-weight:normal;position:relative;border-bottom:3px solid #c7c7c7}main section .drawing h2 svg,main article .drawing h2 svg,main .top-content .drawing h2 svg{fill:#000;width:2.5rem;height:2.5rem}main section .drawing h2::before,main article .drawing h2::before,main .top-content .drawing h2::before{position:absolute;content:" ";border-bottom:3px solid #00c267;width:calc(6em + 2.5em);display:block;bottom:calc(3px * -1)}main section .drawing .editor,main article .drawing .editor,main .top-content .drawing .editor{width:100%;border:2px solid #13af66;padding:1rem;position:relative}main section .drawing .editor p,main article .drawing .editor p,main .top-content .drawing .editor p{text-indent:1em}main section .drawing .editor p.no-i,main article .drawing .editor p.no-i,main .top-content .drawing .editor p.no-i{text-indent:0}main section .drawing .editor p.access,main article .drawing .editor p.access,main .top-content .drawing .editor p.access{text-indent:0;line-height:1.5em}main section .drawing .editor .s-r,main article .drawing .editor .s-r,main .top-content .drawing .editor .s-r{text-align:right}main section .drawing .editor .f-red,main article .drawing .editor .f-red,main .top-content .drawing .editor .f-red{color:#d30000}main section .drawing .editor .t-ul,main article .drawing .editor .t-ul,main .top-content .drawing .editor .t-ul{text-decoration:underline}main section .drawing .editor .w-fit,main article .drawing .editor .w-fit,main .top-content .drawing .editor .w-fit{position:relative;width:100%}main section .drawing .editor table,main article .drawing .editor table,main .top-content .drawing .editor table{display:block;position:relative;overflow-x:auto;-webkit-overflow-scrolling:touch;width:100%}main section .drawing .editor table::-webkit-scrollbar,main article .drawing .editor table::-webkit-scrollbar,main .top-content .drawing .editor table::-webkit-scrollbar{width:5px;height:5px;margin:1rem}main section .drawing .editor table::-webkit-scrollbar-track,main article .drawing .editor table::-webkit-scrollbar-track,main .top-content .drawing .editor table::-webkit-scrollbar-track{background-color:silver}main section .drawing .editor table::-webkit-scrollbar-thumb,main article .drawing .editor table::-webkit-scrollbar-thumb,main .top-content .drawing .editor table::-webkit-scrollbar-thumb{background-color:#62bfcf}main section .drawing .editor table thead tr:hover,main section .drawing .editor table tbody tr:hover,main article .drawing .editor table thead tr:hover,main article .drawing .editor table tbody tr:hover,main .top-content .drawing .editor table thead tr:hover,main .top-content .drawing .editor table tbody tr:hover{background-color:#61dee7}main section .drawing .editor table thead tr th,main section .drawing .editor table thead tr td,main section .drawing .editor table tbody tr th,main section .drawing .editor table tbody tr td,main article .drawing .editor table thead tr th,main article .drawing .editor table thead tr td,main article .drawing .editor table tbody tr th,main article .drawing .editor table tbody tr td,main .top-content .drawing .editor table thead tr th,main .top-content .drawing .editor table thead tr td,main .top-content .drawing .editor table tbody tr th,main .top-content .drawing .editor table tbody tr td{white-space:nowrap;padding:0.3rem}main section .drawing .editor table.border-style,main article .drawing .editor table.border-style,main .top-content .drawing .editor table.border-style{border-spacing:0.5rem}main section .drawing .editor table.border-style thead tr th,main article .drawing .editor table.border-style thead tr th,main .top-content .drawing .editor table.border-style thead tr th{border-bottom:5px solid #042877;padding:0.5rem}main section .drawing .editor table.border-style tbody tr:nth-child(odd),main article .drawing .editor table.border-style tbody tr:nth-child(odd),main .top-content .drawing .editor table.border-style tbody tr:nth-child(odd){background-color:#dfdfdf}main section .drawing .editor table.border-style tbody tr th,main section .drawing .editor table.border-style tbody tr td,main article .drawing .editor table.border-style tbody tr th,main article .drawing .editor table.border-style tbody tr td,main .top-content .drawing .editor table.border-style tbody tr th,main .top-content .drawing .editor table.border-style tbody tr td{padding:0.5rem}main section .drawing .editor table.border-style tbody tr th,main article .drawing .editor table.border-style tbody tr th,main .top-content .drawing .editor table.border-style tbody tr th{border-bottom:3px solid #042877}main section .drawing .editor table.border-style tbody tr td,main article .drawing .editor table.border-style tbody tr td,main .top-content .drawing .editor table.border-style tbody tr td{border-bottom:3px solid gray}main section .drawing .editor table.border-style tbody tr td:first-child,main article .drawing .editor table.border-style tbody tr td:first-child,main .top-content .drawing .editor table.border-style tbody tr td:first-child{border-bottom:3px solid #042877}main section .drawing .editor table.border-separate-style,main article .drawing .editor table.border-separate-style,main .top-content .drawing .editor table.border-separate-style{border-collapse:separate;border-spacing:0.5rem}main section .drawing .editor table.border-separate-style thead tr th,main article .drawing .editor table.border-separate-style thead tr th,main .top-content .drawing .editor table.border-separate-style thead tr th{border-bottom:3px solid #042877}main section .drawing .editor table.border-separate-style tbody tr th,main article .drawing .editor table.border-separate-style tbody tr th,main .top-content .drawing .editor table.border-separate-style tbody tr th{border-bottom:2px solid #042877}main section .drawing .editor table.border-separate-style tbody tr td,main article .drawing .editor table.border-separate-style tbody tr td,main .top-content .drawing .editor table.border-separate-style tbody tr td{border-bottom:2px solid gray}main section .drawing .editor table.border-separate-style tbody tr td:first-child,main article .drawing .editor table.border-separate-style tbody tr td:first-child,main .top-content .drawing .editor table.border-separate-style tbody tr td:first-child{border-bottom:2px solid #042877}main section .drawing .editor table.cat-introduction,main article .drawing .editor table.cat-introduction,main .top-content .drawing .editor table.cat-introduction{border:1px solid #033b5b}main section .drawing .editor table.cat-introduction th,main section .drawing .editor table.cat-introduction td,main article .drawing .editor table.cat-introduction th,main article .drawing .editor table.cat-introduction td,main .top-content .drawing .editor table.cat-introduction th,main .top-content .drawing .editor table.cat-introduction td{border:1px solid #033b5b}main section .drawing .editor table.cat-introduction thead tr th,main article .drawing .editor table.cat-introduction thead tr th,main .top-content .drawing .editor table.cat-introduction thead tr th{background-color:#099aee;color:#fdfdfd}main section .drawing .editor table.cat-introduction tr:nth-child(even),main article .drawing .editor table.cat-introduction tr:nth-child(even),main .top-content .drawing .editor table.cat-introduction tr:nth-child(even){background-color:#fff}main section .drawing .editor .files,main article .drawing .editor .files,main .top-content .drawing .editor .files{list-style:none;margin:0;padding:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-ms-flex-line-pack:start;align-content:flex-start}main section .drawing .editor .files li,main article .drawing .editor .files li,main .top-content .drawing .editor .files li{margin:1rem 0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-line-pack:center;align-content:center}main section .drawing .editor .files li.adobe_pdf:before,main article .drawing .editor .files li.adobe_pdf:before,main .top-content .drawing .editor .files li.adobe_pdf:before{content:"";background-image:url("/images/icon/pdf_32.png");background-repeat:no-repeat;background-size:contain;min-width:2rem;min-height:2rem;-ms-flex-preferred-size:2rem;flex-basis:2rem;display:inline-block;margin-right:0.3rem}main section .drawing .editor .files li.microsoft_word:before,main article .drawing .editor .files li.microsoft_word:before,main .top-content .drawing .editor .files li.microsoft_word:before{content:"";background-image:url("/images/icon/svg/word.svg");background-repeat:no-repeat;background-size:contain;min-width:2rem;min-height:2rem;-ms-flex-preferred-size:2rem;flex-basis:2rem;display:inline-block;margin-right:0.3rem}main section .drawing .editor .files li.microsoft_exel:before,main article .drawing .editor .files li.microsoft_exel:before,main .top-content .drawing .editor .files li.microsoft_exel:before{content:"";background-image:url("/images/icon/exel.png");background-repeat:no-repeat;background-size:contain;min-width:2rem;min-height:2rem;-ms-flex-preferred-size:2rem;flex-basis:2rem;display:inline-block;margin-right:0.3rem}main section .drawing .editor .files li.microsoft_powerpoint:before,main article .drawing .editor .files li.microsoft_powerpoint:before,main .top-content .drawing .editor .files li.microsoft_powerpoint:before{content:"";background-image:url("/images/icon/powerpoint.png");background-repeat:no-repeat;background-size:contain;min-width:2rem;min-height:2rem;-ms-flex-preferred-size:2rem;flex-basis:2rem;display:inline-block;margin-right:0.3rem}main section .drawing .editor .files li.text_file:before,main article .drawing .editor .files li.text_file:before,main .top-content .drawing .editor .files li.text_file:before{content:"";background-image:url("/images/icon/regulation.png");background-repeat:no-repeat;background-size:contain;min-width:2rem;min-height:2rem;-ms-flex-preferred-size:2rem;flex-basis:2rem;display:inline-block;margin-right:0.3rem}main section .drawing .editor .files li.unknown_file:before,main article .drawing .editor .files li.unknown_file:before,main .top-content .drawing .editor .files li.unknown_file:before{content:"";background-image:url("/images/icon/inquiry.png");background-repeat:no-repeat;background-size:contain;min-width:2rem;min-height:2rem;-ms-flex-preferred-size:2rem;flex-basis:2rem;display:inline-block;margin-right:0.3rem}main section .drawing .editor .files li .file-information,main article .drawing .editor .files li .file-information,main .top-content .drawing .editor .files li .file-information{display:-webkit-box;display:-ms-flexbox;display:flex}main section .drawing .editor .files li .file-information span,main article .drawing .editor .files li .file-information span,main .top-content .drawing .editor .files li .file-information span{display:block}main section .drawing .editor .files li .file-information a svg,main article .drawing .editor .files li .file-information a svg,main .top-content .drawing .editor .files li .file-information a svg{width:1.5rem;height:1.5rem;fill:#121124;margin:0 0.5rem}main section .drawing .editor iframe.editorPDF,main article .drawing .editor iframe.editorPDF,main .top-content .drawing .editor iframe.editorPDF{width:100%;height:auto;overflow:auto}main.addresschange .form-pankuzu,main.addresschange .mail-pankuzu,main.inquiry .form-pankuzu,main.inquiry .mail-pankuzu{margin-top:1rem;padding:0;list-style:none;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;width:var(--pankuzu-width);position:relative}main.addresschange .form-pankuzu li.step,main.addresschange .mail-pankuzu li.step,main.inquiry .form-pankuzu li.step,main.inquiry .mail-pankuzu li.step{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-flex-line-pack:center;align-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:0.8rem;position:relative}main.addresschange .form-pankuzu li.step p,main.addresschange .mail-pankuzu li.step p,main.inquiry .form-pankuzu li.step p,main.inquiry .mail-pankuzu li.step p{margin:0}main.addresschange .form-pankuzu li.step p:first-child,main.addresschange .mail-pankuzu li.step p:first-child,main.inquiry .form-pankuzu li.step p:first-child,main.inquiry .mail-pankuzu li.step p:first-child{border-radius:50%;background-color:#818181;width:var(--circle);height:var(--circle);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-line-pack:center;align-content:center;color:#fdfdfd}main.addresschange .form-pankuzu li.step:not(:first-child):before,main.addresschange .mail-pankuzu li.step:not(:first-child):before,main.inquiry .form-pankuzu li.step:not(:first-child):before,main.inquiry .mail-pankuzu li.step:not(:first-child):before{content:"";display:block;position:absolute;width:calc(var(--pankuzu-width) / 3 * 1.2);height:5px;top:calc((var(--circle) - 5px) / 2);left:calc(var(--pankuzu-width) / 3 * -1);background-color:#818181;z-index:-1}main.addresschange .form-pankuzu li.completed p:first-child,main.addresschange .mail-pankuzu li.completed p:first-child,main.inquiry .form-pankuzu li.completed p:first-child,main.inquiry .mail-pankuzu li.completed p:first-child{background-color:#3bc21a}main.addresschange .form-pankuzu li.completed:not(:first-child):before,main.addresschange .mail-pankuzu li.completed:not(:first-child):before,main.inquiry .form-pankuzu li.completed:not(:first-child):before,main.inquiry .mail-pankuzu li.completed:not(:first-child):before{content:"";background-color:#3bc21a}main.addresschange ul#i-information,main.inquiry ul#i-information{border:2px solid #00c267;border-radius:0.25rem;padding:1rem;margin-bottom:1rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}main.addresschange ul#i-information li,main.inquiry ul#i-information li{margin-left:1rem}main.addresschange form,main.inquiry form{margin-bottom:2rem;position:relative;padding:0}main.addresschange form .text,main.addresschange form .textarea,main.inquiry form .text,main.inquiry form .textarea{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;width:100%;position:relative;margin-bottom:2rem}main.addresschange form .text label,main.addresschange form .textarea label,main.inquiry form .text label,main.inquiry form .textarea label{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:#ddd;border-radius:3px 0 0 3px;padding:0;margin:0;position:relative;border-top:1px solid #afaeae;border-left:1px solid #afaeae;border-right:none;border-bottom:1px solid #afaeae}main.addresschange form .text label span,main.addresschange form .textarea label span,main.inquiry form .text label span,main.inquiry form .textarea label span{display:none;position:absolute;left:0;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;background-color:#57a0f3;color:#fdfdfd;border-radius:2px;white-space:nowrap;z-index:5}main.addresschange form .text label span::before,main.addresschange form .textarea label span::before,main.inquiry form .text label span::before,main.inquiry form .textarea label span::before{content:"";position:absolute;bottom:-24px;border:12px solid transparent;border-top-color:#57a0f3;z-index:6}main.addresschange form .text label[for="name"]:before,main.addresschange form .text label[for="changename"]:before,main.addresschange form .textarea label[for="name"]:before,main.addresschange form .textarea label[for="changename"]:before,main.inquiry form .text label[for="name"]:before,main.inquiry form .text label[for="changename"]:before,main.inquiry form .textarea label[for="name"]:before,main.inquiry form .textarea label[for="changename"]:before{content:"";background-image:url("/images/icon/svg/person.svg");background-size:contain;width:40px;height:40px;display:block}main.addresschange form .text label[for="email"]:before,main.addresschange form .textarea label[for="email"]:before,main.inquiry form .text label[for="email"]:before,main.inquiry form .textarea label[for="email"]:before{content:"";background-image:url("/images/icon/svg/email.svg");background-size:contain;width:40px;height:40px;display:block}main.addresschange form .text label[for="message"]:before,main.addresschange form .textarea label[for="message"]:before,main.inquiry form .text label[for="message"]:before,main.inquiry form .textarea label[for="message"]:before{content:"";background-image:url("/images/icon/svg/regulation.svg");background-size:contain;width:40px;height:40px;display:block}main.addresschange form .text label[for="address"]:before,main.addresschange form .text label[for="changeaddress"]:before,main.addresschange form .textarea label[for="address"]:before,main.addresschange form .textarea label[for="changeaddress"]:before,main.inquiry form .text label[for="address"]:before,main.inquiry form .text label[for="changeaddress"]:before,main.inquiry form .textarea label[for="address"]:before,main.inquiry form .textarea label[for="changeaddress"]:before{content:"";background-image:url("/images/icon/svg/address2.svg");background-size:contain;width:40px;height:40px;display:block}main.addresschange form .text label[for="tel"]:before,main.addresschange form .text label[for="changeworkplacetel"]:before,main.addresschange form .text label[for="changetel"]:before,main.addresschange form .textarea label[for="tel"]:before,main.addresschange form .textarea label[for="changeworkplacetel"]:before,main.addresschange form .textarea label[for="changetel"]:before,main.inquiry form .text label[for="tel"]:before,main.inquiry form .text label[for="changeworkplacetel"]:before,main.inquiry form .text label[for="changetel"]:before,main.inquiry form .textarea label[for="tel"]:before,main.inquiry form .textarea label[for="changeworkplacetel"]:before,main.inquiry form .textarea label[for="changetel"]:before{content:"";background-image:url("/images/icon/svg/telephone.svg");background-size:contain;width:40px;height:40px;display:block}main.addresschange form .text label[for="department"]:before,main.addresschange form .textarea label[for="department"]:before,main.inquiry form .text label[for="department"]:before,main.inquiry form .textarea label[for="department"]:before{content:"";background-image:url("/images/icon/svg/graduate.svg");background-size:contain;width:40px;height:40px;display:block}main.addresschange form .text label[for="graduationyear"]:before,main.addresschange form .textarea label[for="graduationyear"]:before,main.inquiry form .text label[for="graduationyear"]:before,main.inquiry form .textarea label[for="graduationyear"]:before{content:"";background-image:url("/images/icon/svg/calendar.svg");background-size:contain;width:40px;height:40px;display:block}main.addresschange form .text label[for="changeworkplace"]:before,main.addresschange form .textarea label[for="changeworkplace"]:before,main.inquiry form .text label[for="changeworkplace"]:before,main.inquiry form .textarea label[for="changeworkplace"]:before{content:"";background-image:url("/images/icon/svg/workplace.svg");background-size:contain;width:40px;height:40px;display:block}main.addresschange form .text label[for="changeworkplacetel"]:before,main.addresschange form .textarea label[for="changeworkplacetel"]:before,main.inquiry form .text label[for="changeworkplacetel"]:before,main.inquiry form .textarea label[for="changeworkplacetel"]:before{content:"";background-image:url("/images/icon/svg/telephone.svg");background-size:contain;width:40px;height:40px;display:block}main.addresschange form .text input,main.addresschange form .text textarea,main.addresschange form .textarea input,main.addresschange form .textarea textarea,main.inquiry form .text input,main.inquiry form .text textarea,main.inquiry form .textarea input,main.inquiry form .textarea textarea{margin:0;padding:0 1rem;-webkit-box-flex:1;-ms-flex:1;flex:1;border:1px solid #afaeae;border-radius:0 3px 3px 0}main.addresschange form .text textarea,main.addresschange form .textarea textarea,main.inquiry form .text textarea,main.inquiry form .textarea textarea{height:20em}main.addresschange form .separate,main.inquiry form .separate{border-bottom:2px solid #cf5f5f;border-left:1rem solid #cf5f5f}main.addresschange form.preview div,main.inquiry form.preview div{background-color:#fdfdfd;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-line-pack:center;align-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0.5rem;margin:0 0 1rem 0}main.addresschange form.preview div p:first-child,main.inquiry form.preview div p:first-child{color:#878787;font-weight:bold;font-size:0.7rem;margin:0 1rem 0 0;width:10em}main.addresschange form.preview div p:last-child,main.inquiry form.preview div p:last-child{margin:0}#i-attention{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin:0 0 2rem 0}#i-attention .drawing{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:var(--content-width)}#i-attention .drawing h3{color:#fdfdfd;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;padding:1rem;background-color:#00c267;margin:0}#i-attention .drawing iframe{height:30rem}
