﻿@keyframes loader{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@keyframes navIconAnimation{0%{opacity:1}40%{opacity:1}70%{opacity:.5}100%{opacity:1}}@keyframes blink{0%{opacity:0}100%{opacity:.6}}@keyframes fadeIn{0%{display:none;opacity:0}1%{display:block;opacity:0}100%{display:block;opacity:1}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@keyframes fadeUpShort{0%{opacity:0;transform:translateY(10px)}100%{opacity:1;transform:none}}.decoration{font-size:20px;word-break:break-all;line-height:1.5;position:relative;width:100%;padding:0 1.5%}@media (max-width: 1024px){.decoration{font-size:18px}}@media (max-width: 880px){.decoration{font-size:16px}}@media (max-width: 660px){.decoration{font-size:14px}}@media (max-width: 414px){.decoration{font-size:12px}}.language-en .decoration{word-break:keep-all}.decoration.hide{display:none}.decoration p{margin-bottom:2%;line-height:1.5}.decoration b{font-weight:normal;color:#ae3535}.decoration ul{margin-bottom:20px;position:relative}.decoration ul li{line-height:1.4;padding-left:1.3em;margin-bottom:.8em}.decoration ul li:before{content:'\30fb';padding-right:.3em;margin-left:-1.3em}.decoration ul.annotation-list li:before{content:'\0203B';padding-right:.3em;margin-left:-1.3em}.decoration ul.number-list li{line-height:1.4;padding-left:1.7em;margin-bottom:.6em}.decoration ul.number-list li span{padding-right:.3em;margin-left:-1.7em}.decoration ul.number-list li.big{line-height:1.4;padding-left:2.4em;margin-bottom:.8em}.decoration ul.number-list li.big span{padding-right:.3em;margin-left:-2.4em}.decoration ul.number-list li:before{display:none}.decoration h1,.decoration h2{width:103%;left:-1.5%}.decoration ol{list-style-type:decimal;list-style-position:inside}.decoration ol li{text-indent:-1em;padding-left:1em}.decoration .inner-frame{border:3px solid #e7e3de;margin-bottom:5%;padding:2% 3%}.decoration .inner-frame h3{position:relative;margin-bottom:2%;padding-left:15px}.decoration .inner-frame h3:before{content:'\0025a1';display:inline-block;position:absolute;left:0;top:30%;transform:rotate(-45deg);font-size:.6rem;line-height:1.1;vertical-align:super}.decoration .inner-frame ul li a{text-decoration:none}.decoration .btn-list{text-align:center;letter-spacing:-.5em}.decoration .btn-list li{display:inline-block;vertical-align:top;width:50%;margin:0 1% 1em;letter-spacing:normal;line-height:1;text-decoration:none}.decoration .btn-list.type2 li{width:30%}.decoration .btn-list.type3 li{width:45%}.decoration .btn-list .btn{display:block;border:2px solid #665a55;border-bottom:2px solid #6c633a;color:#fff;text-decoration:none}.decoration .btn-list .btn.type2{border:2px solid #4b6171;border-bottom:2px solid #364652}.decoration .btn-list .btn.type2 span{border:1px solid #6f818d;background-color:#4b6171}.decoration .btn-list .btn.type3{border:2px solid #ae3535;border-bottom:2px solid #7c2525}.decoration .btn-list .btn.type3 span{border:1px solid #b95151;background-color:#ae3535}.decoration .btn-list .btn span{display:block;padding:15px 0;border:1px solid #aaa173;background-color:#665a55}.decoration img{display:inline-block;vertical-align:middle}.pc.webview .decoration img{max-width:90%}.pc.webview .decoration img.full-size,.pc.webview .decoration img.size-full{width:100%;max-width:inherit}.decoration .mt5{margin-top:5%}.decoration .time{display:block;text-align:right;margin-bottom:2%}.decoration h1{font-size:23px;background:linear-gradient(to bottom, #2b94db, #37a6e2);font-weight:bold;margin-bottom:3%;padding:1% 2%;position:relative;overflow:hidden;text-align:left;color:#fff}@media (max-width: 1024px){.decoration h1{font-size:21px}}@media (max-width: 880px){.decoration h1{font-size:19px}}@media (max-width: 660px){.decoration h1{font-size:17px}}@media (max-width: 414px){.decoration h1{font-size:15px}}.decoration h1 span{position:relative;z-index:2;color:#fff;line-height:1.5}.decoration h1:before{background-image:radial-gradient(#55a9e2 1px,rgba(0,0,0,0) 1px);background-size:4px 4px;height:100%;width:100%;content:'';position:absolute;left:0;top:0}.decoration h1:after{background-image:linear-gradient(to right, transparent, #2b94db 40%, #2b94db 60%, transparent);height:100%;width:100%;content:'';position:absolute;top:0;left:0}.decoration h1.headline{font-size:20px;position:relative;display:block;font-weight:bold;color:#505a64;background:none;padding:0;border-radius:0}@media (max-width: 1024px){.decoration h1.headline{font-size:18px}}@media (max-width: 880px){.decoration h1.headline{font-size:16px}}@media (max-width: 660px){.decoration h1.headline{font-size:14px}}@media (max-width: 414px){.decoration h1.headline{font-size:12px}}.decoration h1.headline span{color:#505a64}.decoration h1.headline:after,.decoration h1.headline:before{display:none}.decoration h1.help-headline{background-image:linear-gradient(to right, #0abae4, #4e58f4 100%)}.decoration h1.help-headline:after{background-image:linear-gradient(to right, #0abae4, #4e58f4 60%, transparent)}.decoration h2{font-size:21px;position:relative;margin-bottom:3%;padding:1% 3%;font-weight:bold;background-color:#d6f0ff}@media (max-width: 1024px){.decoration h2{font-size:19px}}@media (max-width: 880px){.decoration h2{font-size:17px}}@media (max-width: 660px){.decoration h2{font-size:15px}}@media (max-width: 414px){.decoration h2{font-size:13px}}.decoration h2:before{content:'';position:absolute;top:0;left:0;width:1.5%;height:100%;background-color:#3c93f4}.decoration h3{font-size:21px;font-weight:bold;border-bottom:3px solid #5ab8ee;margin-bottom:3%}@media (max-width: 1024px){.decoration h3{font-size:19px}}@media (max-width: 880px){.decoration h3{font-size:17px}}@media (max-width: 660px){.decoration h3{font-size:15px}}@media (max-width: 414px){.decoration h3{font-size:13px}}.decoration h4{font-size:20.5px;font-weight:bold;margin-bottom:3%}@media (max-width: 1024px){.decoration h4{font-size:18.5px}}@media (max-width: 880px){.decoration h4{font-size:16.5px}}@media (max-width: 660px){.decoration h4{font-size:14.5px}}@media (max-width: 414px){.decoration h4{font-size:12.5px}}.decoration .mb0{margin-bottom:0}.decoration .mb10{margin-bottom:10px}.decoration .mb20{margin-bottom:20px}.decoration .mb30{margin-bottom:30px}.decoration .mb40{margin-bottom:40px}.decoration .mb50{margin-bottom:50px}.decoration .center{text-align:center}.decoration .left{text-align:left}.decoration .right{text-align:right}.decoration strong,.decoration b,.decoration em,.decoration .bold{font-weight:bold}.decoration .indent{padding-left:1em;text-indent:-1em}.decoration .orange{color:#f47c43}.decoration .red{color:#ff2b44}.decoration .blue{color:#3c93f4}.decoration a{color:#505a64;text-decoration:underline}.decoration hr{border:0;border-top:2px dotted #777879;height:1px}.decoration .img-frame{border:1px solid #5ab8ee}.decoration blockquote{padding:1% 2%;background-color:#e6eff5;margin:0;border-radius:1vw}.decoration .text-list li{line-height:1.5;padding-left:1.3em;margin-bottom:.5em}.decoration .text-list li:before{content:'\30fb';padding-right:.3em;margin-left:-1.3em}.decoration .definition{border:1px solid #9a8f59;margin-bottom:10px;padding:10px}.decoration .definition dt{border-bottom:1px solid #9a8f59;margin-bottom:3px;padding-bottom:3px;font-weight:bold}.decoration .definition dd{margin-left:0;padding:0 8px}.decoration .definition h3{border-bottom:1px solid #9a8f59;margin-bottom:1em;padding-bottom:.5em;font-weight:bold}.decoration .toggle dt{position:relative;padding:10px 37px 10px 11px;border:.1vw solid #79c4ef;border-radius:1vw;margin-bottom:3%;color:#333;cursor:pointer}@media (min-width: 1300px){.decoration .toggle dt{margin-bottom:20px}}.decoration .toggle dt:before{position:absolute;right:15px;top:0;bottom:0;width:1em;height:1em;margin:auto;background-color:#49b4ff;content:'';border-radius:50px}.decoration .toggle dt:after{display:inline-block;vertical-align:middle;color:#fff;line-height:1;width:.4em;height:.4em;border:.1em solid currentColor;border-left:0;border-bottom:0;box-sizing:border-box;transform:translateY(-25%) rotate(135deg);content:'';position:absolute;right:calc(0.3em + 15px);top:0;bottom:0;margin:auto}.decoration .toggle dt.is-open:after{transform:translateY(-50%) rotate(315deg);top:.6em}.decoration .toggle dd{display:none;margin:0;padding-bottom:30px}.decoration .button-list,.decoration .button{display:flex;justify-content:space-around;margin-bottom:4%}.decoration .button-list a,.decoration .button a{margin:2%;text-decoration:none;font-weight:bold;padding:2% 5%;border:1px solid #ced1d1;border-radius:1vw;box-shadow:0 2px 8px rgba(0,0,0,0.6);position:relative;overflow:hidden;background-color:#fff}.decoration .button-list a span,.decoration .button a span{position:relative;z-index:2}.decoration .button-list a:before,.decoration .button a:before{background-image:radial-gradient(#b3b4b4 1px,rgba(0,0,0,0) 1px);background-size:.6vw .6vw;height:100%;width:100%;content:'';position:absolute;left:0;top:0}.decoration .button-list a:after,.decoration .button a:after{width:64%;height:100%;position:absolute;left:0;top:0;right:0;bottom:0;margin:auto;transform:skewX(-45deg);content:'';background-color:#fff}.decoration .button-list a.bold,.decoration .button a.bold{color:#fff;background:#49b4ff;text-shadow:1px 1px 0 #0696fb, -1px -1px 0 #0696fb, -1px 1px 0 #0696fb, 1px -1px 0 #0696fb, 0 1px 0 #0696fb, -1px 0 #0696fb, -1px 0 0 #0696fb, 1px 0 0 #0696fb}.decoration .button-list a.bold:after,.decoration .button a.bold:after{background:#49b4ff}.decoration .button-list a.bold:before,.decoration .button a.bold:before{background-image:radial-gradient(#80cbff 1px,rgba(0,0,0,0) 1px)}.decoration .button-list.big a,.decoration .button.big a{font-size:20px;padding:3% 11%}@media (max-width: 1024px){.decoration .button-list.big a,.decoration .button.big a{font-size:18px}}@media (max-width: 880px){.decoration .button-list.big a,.decoration .button.big a{font-size:16px}}@media (max-width: 660px){.decoration .button-list.big a,.decoration .button.big a{font-size:14px}}@media (max-width: 414px){.decoration .button-list.big a,.decoration .button.big a{font-size:12px}}.decoration .help-toggle{padding:0 12px}.decoration .help-toggle dt{position:relative;display:block;padding:12px 50px 12px 18px;margin-bottom:12px;background:#665a55;box-shadow:0 0 0 1px #faefd1, 0 0 0 2px #665a55;cursor:pointer;color:#fff;line-height:1}.decoration .help-toggle dt:after{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkAgMAAACcbnALAAAADFBMVEX///8AAAD///////8Il07uAAAABHRSTlNNAEMJeGVCGAAAAB5JREFUGNNjWLVqAQOdAdDOVVBWaGgo/VlXgTS9WQDIGy3PKaGgbwAAAABJRU5ErkJggg==);background-size:contain;width:18px;height:18px;content:'';position:absolute;top:0;left:0}.decoration .help-toggle dt.is-open:before{transform:rotate(180deg)}.decoration .help-toggle dd{display:none;margin:0}.decoration .help-toggle .toggle-list{padding:0 5px}.decoration .help-toggle .toggle-list li{margin-bottom:10px}.decoration .help-toggle .toggle-list .inner-box{position:relative;display:block;padding:13px 36px 13px 10px;border:1px solid #665a55;border-bottom:3px solid #665a55;background-color:#fff;color:#505a64;text-decoration:none;line-height:1}.decoration .va-t{vertical-align:top}.decoration .va-m{vertical-align:middle}.decoration .va-b{vertical-align:bottom}.decoration table{width:100%;margin-bottom:5%;table-layout:fixed;background-color:#fcfaff;border-bottom:1px solid #79c4ef;border-right:1px solid #79c4ef;border-collapse:separate;border-spacing:0}.decoration table.responsive{border-top:0}@media (max-width: 1024px){.decoration table.responsive th,.decoration table.responsive td{display:block;width:100%;border-left:0;border-bottom:0;word-break:break-word}}.decoration table caption{font-weight:bold;text-align:left;margin-bottom:1%}.decoration table th,.decoration table td{border-top:1px solid #79c4ef;border-left:1px solid #79c4ef;padding:10px 7px}@media (max-width: 768px){.decoration table th,.decoration table td{padding:7px 4px}}.decoration table th{font-weight:bold;width:30%;background-color:#e6eff5;color:#505a64;position:relative}.decoration table td{background-color:#fff}.decoration table.layout2{table-layout:auto}.decoration table.layout2 th{width:auto}.decoration table.layout2 .cell{width:22%}.decoration table .role{display:flex;align-items:center}.decoration table .role img{width:11%;margin-right:2%}.decoration table .role p{margin-bottom:0 !important}.decoration table .role p span{font-size:19px}@media (max-width: 1024px){.decoration table .role p span{font-size:17px}}@media (max-width: 880px){.decoration table .role p span{font-size:15px}}@media (max-width: 660px){.decoration table .role p span{font-size:13px}}@media (max-width: 414px){.decoration table .role p span{font-size:11px}}.decoration table .graph{width:100%}.decoration table .graph div{position:relative;width:100%;height:10px;background-color:#dbdbdb}.decoration table .graph div:before{content:'';position:absolute;top:0;left:0;width:0;height:100%;background-color:#f6c755}.decoration table .graph.ratio-1 div:before{width:1%}.decoration table .graph.ratio-2 div:before{width:2%}.decoration table .graph.ratio-3 div:before{width:3%}.decoration table .graph.ratio-4 div:before{width:4%}.decoration table .graph.ratio-5 div:before{width:5%}.decoration table .graph.ratio-6 div:before{width:6%}.decoration table .graph.ratio-7 div:before{width:7%}.decoration table .graph.ratio-8 div:before{width:8%}.decoration table .graph.ratio-9 div:before{width:9%}.decoration table .graph.ratio-10 div:before{width:10%}.decoration table .graph.ratio-11 div:before{width:11%}.decoration table .graph.ratio-12 div:before{width:12%}.decoration table .graph.ratio-13 div:before{width:13%}.decoration table .graph.ratio-14 div:before{width:14%}.decoration table .graph.ratio-15 div:before{width:15%}.decoration table .graph.ratio-16 div:before{width:16%}.decoration table .graph.ratio-17 div:before{width:17%}.decoration table .graph.ratio-18 div:before{width:18%}.decoration table .graph.ratio-19 div:before{width:19%}.decoration table .graph.ratio-20 div:before{width:20%}.decoration table .graph.ratio-21 div:before{width:21%}.decoration table .graph.ratio-22 div:before{width:22%}.decoration table .graph.ratio-23 div:before{width:23%}.decoration table .graph.ratio-24 div:before{width:24%}.decoration table .graph.ratio-25 div:before{width:25%}.decoration table .graph.ratio-26 div:before{width:26%}.decoration table .graph.ratio-27 div:before{width:27%}.decoration table .graph.ratio-28 div:before{width:28%}.decoration table .graph.ratio-29 div:before{width:29%}.decoration table .graph.ratio-30 div:before{width:30%}.decoration table .graph.ratio-31 div:before{width:31%}.decoration table .graph.ratio-32 div:before{width:32%}.decoration table .graph.ratio-33 div:before{width:33%}.decoration table .graph.ratio-34 div:before{width:34%}.decoration table .graph.ratio-35 div:before{width:35%}.decoration table .graph.ratio-36 div:before{width:36%}.decoration table .graph.ratio-37 div:before{width:37%}.decoration table .graph.ratio-38 div:before{width:38%}.decoration table .graph.ratio-39 div:before{width:39%}.decoration table .graph.ratio-40 div:before{width:40%}.decoration table .graph.ratio-41 div:before{width:41%}.decoration table .graph.ratio-42 div:before{width:42%}.decoration table .graph.ratio-43 div:before{width:43%}.decoration table .graph.ratio-44 div:before{width:44%}.decoration table .graph.ratio-45 div:before{width:45%}.decoration table .graph.ratio-46 div:before{width:46%}.decoration table .graph.ratio-47 div:before{width:47%}.decoration table .graph.ratio-48 div:before{width:48%}.decoration table .graph.ratio-49 div:before{width:49%}.decoration table .graph.ratio-50 div:before{width:50%}.decoration table .graph.ratio-51 div:before{width:51%}.decoration table .graph.ratio-52 div:before{width:52%}.decoration table .graph.ratio-53 div:before{width:53%}.decoration table .graph.ratio-54 div:before{width:54%}.decoration table .graph.ratio-55 div:before{width:55%}.decoration table .graph.ratio-56 div:before{width:56%}.decoration table .graph.ratio-57 div:before{width:57%}.decoration table .graph.ratio-58 div:before{width:58%}.decoration table .graph.ratio-59 div:before{width:59%}.decoration table .graph.ratio-60 div:before{width:60%}.decoration table .graph.ratio-61 div:before{width:61%}.decoration table .graph.ratio-62 div:before{width:62%}.decoration table .graph.ratio-63 div:before{width:63%}.decoration table .graph.ratio-64 div:before{width:64%}.decoration table .graph.ratio-65 div:before{width:65%}.decoration table .graph.ratio-66 div:before{width:66%}.decoration table .graph.ratio-67 div:before{width:67%}.decoration table .graph.ratio-68 div:before{width:68%}.decoration table .graph.ratio-69 div:before{width:69%}.decoration table .graph.ratio-70 div:before{width:70%}.decoration table .graph.ratio-71 div:before{width:71%}.decoration table .graph.ratio-72 div:before{width:72%}.decoration table .graph.ratio-73 div:before{width:73%}.decoration table .graph.ratio-74 div:before{width:74%}.decoration table .graph.ratio-75 div:before{width:75%}.decoration table .graph.ratio-76 div:before{width:76%}.decoration table .graph.ratio-77 div:before{width:77%}.decoration table .graph.ratio-78 div:before{width:78%}.decoration table .graph.ratio-79 div:before{width:79%}.decoration table .graph.ratio-80 div:before{width:80%}.decoration table .graph.ratio-81 div:before{width:81%}.decoration table .graph.ratio-82 div:before{width:82%}.decoration table .graph.ratio-83 div:before{width:83%}.decoration table .graph.ratio-84 div:before{width:84%}.decoration table .graph.ratio-85 div:before{width:85%}.decoration table .graph.ratio-86 div:before{width:86%}.decoration table .graph.ratio-87 div:before{width:87%}.decoration table .graph.ratio-88 div:before{width:88%}.decoration table .graph.ratio-89 div:before{width:89%}.decoration table .graph.ratio-90 div:before{width:90%}.decoration table .graph.ratio-91 div:before{width:91%}.decoration table .graph.ratio-92 div:before{width:92%}.decoration table .graph.ratio-93 div:before{width:93%}.decoration table .graph.ratio-94 div:before{width:94%}.decoration table .graph.ratio-95 div:before{width:95%}.decoration table .graph.ratio-96 div:before{width:96%}.decoration table .graph.ratio-97 div:before{width:97%}.decoration table .graph.ratio-98 div:before{width:98%}.decoration table .graph.ratio-99 div:before{width:99%}.decoration table .graph.ratio-100 div:before{width:100%}.decoration .youtube{position:relative;width:100%;padding-top:56.25%}.decoration .youtube iframe{position:absolute;top:0;right:0;width:100%;height:100%;padding:0 10px}.decoration audio{margin:0 auto;width:670px;display:block}@-moz-document url-prefix(){.decoration audio{width:auto}}.decoration textarea{width:100%;resize:vertical;margin:2% 0 4%}.decoration .youtube-size{width:60%;margin:0 auto}.decoration .youtube-frame{position:relative;width:100%;padding-top:56.25%}.decoration .youtube-frame iframe{position:absolute;top:0;right:0;width:100%;height:100%}.decoration .icon-ex:before{content:"";font-family:"Font Awesome 5 Free";font-size:18px;color:#e34748;margin-right:10px}.decoration .tab{overflow:hidden;display:table;border-spacing:5px 0;margin:0 -5px}.decoration .tab li{display:table-cell;padding:5px 10px;height:100%;word-break:break-all;background-color:#fff;border-collapse:separate;border-spacing:0 3px;border-radius:4px 4px 0 0;border:1px solid #49b4ff;cursor:pointer;color:#333}.decoration .tab li.select{background-color:#49b4ff;color:#fff}.decoration .tab li:before{display:none}.decoration .tab-content{margin-top:-1px;background-color:#fff}.decoration .tab-content li{padding:10px;border:1px solid #49b4ff;border-radius:0 0 4px 4px}.decoration .tab-content li:before{display:none}.decoration .hide{display:none}.decoration .skill-tab{margin-bottom:30px}.decoration .skill-tab ul{position:relative;margin-bottom:-1px;letter-spacing:-.5em;white-space:nowrap}.decoration .skill-tab ul li{display:inline-block;margin-right:4px;padding:6px 13px;letter-spacing:normal;background-color:#94908a;cursor:pointer;font-weight:bold;line-height:1;color:#fff;border-width:1px 1px 0 1px;border-radius:5px 5px 0 0;border-color:#94908a;border-style:solid}.decoration .skill-tab ul li.is-show{background-color:#f1ece5;color:#2b2b2b}.decoration .skill-tab .skill-tab-inner{border:1px solid #94908a;border-radius:0 5px 5px;background-color:#f1ece5;padding:15px}.decoration .skill-tab .skill-tab-inner div{display:none;letter-spacing:-.5em}.decoration .skill-tab .skill-tab-inner div.is-show{display:block}.decoration .skill-tab .skill-tab-inner img{box-shadow:0 0 5px rgba(0,0,0,0.3);margin-bottom:0;max-width:100%}@media screen and (orientation: landscape){.decoration .skill-tab .skill-tab-inner img{width:49%}}.decoration .skill-tab .skill-tab-inner img:first-child{margin-bottom:5%}@media screen and (orientation: landscape){.decoration .skill-tab .skill-tab-inner img:first-child{margin-right:2%;margin-bottom:0}}.highlight{background-color:#ff0}textarea{border:1px solid #9b905a}
