@import"https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@1,600&display=swap";@import"https://fonts.googleapis.com/css2?family=Cormorant+Infant:ital,wght@1,500&display=swap";html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:rgba(0,0,0,0)}body{line-height:1}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}nav ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:rgba(0,0,0,0)}ins{background-color:#ff9;color:#000;text-decoration:none}mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}input,select{vertical-align:middle}html{overflow-x:hidden}body{margin:0;position:relative;overflow-x:hidden;line-height:1.3;font-family:"游明朝","YuMincho","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","ＭＳ Ｐ明朝","MS PMincho",serif}main{margin-left:60px;padding-bottom:60px}@media screen and (max-width: 768px){main{margin-left:0}}#myCanvas{position:fixed;top:0;left:0;z-index:-1;background:#fff;opacity:0;transition:all 3.8s ease-in;transform:scaleY(0)}#myCanvas.active{opacity:1;transform:scaleY(1)}p{color:#333;box-sizing:border-box;margin:0}img{width:100%;height:auto;object-fit:cover}.char{display:inline-block;transition:all .3s ease-in}.title{color:#317e98;text-align:center;margin-top:150px;margin-bottom:30px;display:block;font-family:"Cormorant Garamond",serif}.title.active .title_in{overflow:hidden;font-size:calc(30px + 70*(100vw - 320px)/2240)}.title.active .title_in:after{transform:translateY(-50%) scale(1)}.title.active .title_in:before{left:100%}.title.active .title_in .char{animation-name:titleAnime;animation-duration:1s;animation-timing-function:ease;animation-delay:0s;animation-iteration-count:1;animation-direction:normal;animation-fill-mode:both}.title.active .title_in .char:nth-child(1){animation-delay:.2s}.title.active .title_in .char:nth-child(2){animation-delay:.4s}.title.active .title_in .char:nth-child(3){animation-delay:.6s}.title.active .title_in .char:nth-child(4){animation-delay:.8s}.title.active .title_in .char:nth-child(5){animation-delay:1s}.title.active .title_in .char:nth-child(6){animation-delay:1.2s}.title.active .title_in .char:nth-child(7){animation-delay:1.4s}.title.active .title_in .char:nth-child(8){animation-delay:1.6s}.title.active .title_in .char:nth-child(9){animation-delay:1.8s}.title.active .title_in .char:nth-child(10){animation-delay:2s}.title_in{display:inline-block;position:relative;padding-left:20px}.title_in:after,.title_in:before{content:"";position:absolute}.title_in:after{left:0;top:50%;transform:translateY(-50%) scale(0.2);width:10px;height:10px;border-radius:50%;background:#317e98;transition:all 1s}.title_in:before{left:-100%;top:0;width:100%;height:100%;background:radial-gradient(#1b6f8a, #01536e);z-index:200;transition:all .8s}.bgTitle{color:#ccc;position:relative;width:95%;margin-right:0;margin-left:auto}.bgTitle .char{display:inline-block}.bgTitle.active .char{animation-name:titleAnime;animation-duration:1s;animation-timing-function:ease;animation-delay:0s;animation-iteration-count:1;animation-direction:normal;animation-fill-mode:both}.bgTitle.active .char:nth-child(1){animation-delay:.2s}.bgTitle.active .char:nth-child(2){animation-delay:.4s}.bgTitle.active .char:nth-child(3){animation-delay:.6s}.bgTitle.active .char:nth-child(4){animation-delay:.8s}.bgTitle.active .char:nth-child(5){animation-delay:1s}.bgTitle.active .char:nth-child(6){animation-delay:1.2s}.bgTitle.active .char:nth-child(7){animation-delay:1.4s}.bgTitle.active .char:nth-child(8){animation-delay:1.6s}.bgTitle.active .char:nth-child(9){animation-delay:1.8s}.bgTitle.active .char:nth-child(10){animation-delay:2s}.transition{position:fixed;top:0;left:0;height:100%;width:100%;background:radial-gradient(#01536e, #022734);transition:3s all ease-in-out;z-index:999}.transition.anim-trans{animation-name:anim;animation-duration:2.8s;animation-timing-function:ease-in-out;animation-delay:0s;animation-iteration-count:1;animation-direction:normal;animation-fill-mode:both}.loader{background:radial-gradient(#01536e, #022734);position:fixed;left:50%;top:50%;width:100%;height:100%;transform:translate(-50%, -50%);z-index:999}.loader.active{opacity:0;z-index:-100}.loader_box{position:absolute;top:50%;left:50%;width:100px;height:100px;transform:translate(-50%, -50%)}.loader_box-crcil{box-shadow:3px 0 0px #fff;width:100px;height:100px;border-radius:50%;animation:loader 1s linear infinite}.loader_box-text{box-shadow:0 0 2px #afaaaa;color:#fff;position:absolute;top:0;width:100px;height:100px;border-radius:50%;text-align:center;line-height:100px;font-family:fantasy;font-size:13px;letter-spacing:.5px}footer{background:#01536e;padding:30px 0;text-align:center;font-size:12px;color:#fff}@keyframes slideAnime{0%{opacity:0;transform:perspective(440px) translateX(100px) rotateY(20deg) rotatex(-13deg) scale(0.7)}100%{opacity:1;transform:perspective(400px) translateX(0) rotateY(0deg) rotatex(0deg) scale(1)}}@keyframes loader{0%{transform:rotate(0deg)}0%{transform:rotate(360deg)}}@keyframes txtAnimate{0%{transform:translate(-60px, -60px);opacity:0}100%{transform:translate(0, 0);opacity:1}}@keyframes txtAnimate-reverse{0%{transform:translate(60px, 60px);opacity:0}100%{transform:translate(0, 0);opacity:1}}@keyframes anim{0%{transform:scaleY(1) translateX(0%)}50%{transform:scaleY(0.001) translateX(0%)}100%{transform:scaleY(0) translateX(0%)}}@keyframes menuWrapperLinkAnime{0%{transform:translateX(-100%)}100%{transform:translateX(0)}}@keyframes menuLinksAnime{0%{transform:translateY(-50px);opacity:0}100%{transform:translateY(0);opacity:1}}@keyframes titleAnime{0%{transform:translateY(-100px);opacity:0}100%{transform:translateY(0);opacity:1}}@keyframes menuAnime{0%{transform:scaleY(0.001) translateX(-100%)}50%{transform:scaleY(0.001) translateX(0%)}100%{transform:scaleY(1) translateX(0%)}}@keyframes menuAnime2{0%{transform:scaleY(1) translateX(0%)}50%{transform:scaleY(0.001) translateX(0%)}100%{transform:scaleY(0.001) translateX(-100%)}}@keyframes headerMenu{0%{transform:scaleY(0)}100%{transform:scaleY(1)}}header .header{position:fixed;top:0;left:0;background:linear-gradient(to bottom right, #01536e, #022734);width:60px;height:100%;transition:3s all;z-index:800}@media screen and (max-width: 768px){header .header{width:100%;height:60px;background:#fff;border-bottom:solid 1px #01536e}}header .header.active{animation-name:headerMenu;animation-duration:1s;animation-timing-function:ease;animation-delay:2.5s;animation-iteration-count:1;animation-direction:normal;animation-fill-mode:both}header .header_box{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}@media screen and (max-width: 768px){header .header_box{left:auto;right:20px;transform:translate(0, -50%)}}header .header_box-hum{position:relative;width:40px;height:25px;margin:0 auto;cursor:pointer}header .header_box-hum span{position:absolute;left:0;display:block;background:#fff;height:1px;border-radius:.5px;transition:all .3s ease}@media screen and (max-width: 768px){header .header_box-hum span{background:#01536e}}header .header_box-hum span:nth-child(1){top:0;width:100%}header .header_box-hum span:nth-child(2){top:50%;width:80%}header .header_box-hum span:nth-child(3){top:100%;width:60%}header .header_box-hum:hover span:nth-child(1){width:60%}header .header_box-hum:hover span:nth-child(3){width:100%}header .header_box-hum.active span:nth-child(1){top:50%}header .header_box-hum.active span:nth-child(2){top:50%}header .header_box-hum.active span:nth-child(3){top:50%}header .menu{position:fixed;top:0;left:0;background:linear-gradient(to bottom right, #01536e, #022734);width:100%;height:100%;z-index:100;transition:all .3s ease-in-out;padding-left:80px;box-sizing:border-box;display:flex;align-items:center;transform:scaleY(0.001) translateX(-100%)}@media screen and (max-width: 768px){header .menu{padding-left:0;box-sizing:border-box;margin-top:60px;align-items:normal}}header .menu.passive{animation-name:menuAnime2;animation-duration:.8s;animation-timing-function:ease-in-out;animation-delay:0s;animation-iteration-count:1;animation-direction:normal;animation-fill-mode:both}header .menu.active{animation-name:menuAnime;animation-duration:.8s;animation-timing-function:ease-in-out;animation-delay:0s;animation-iteration-count:1;animation-direction:normal;animation-fill-mode:both}@media screen and (max-width: 768px){header .menu.active .menu_wrapper-link{box-sizing:border-box;animation-name:menuWrapperLinkAnime;animation-duration:1s;animation-timing-function:ease;animation-delay:0s;animation-iteration-count:1;animation-direction:normal;animation-fill-mode:both}header .menu.active .menu_wrapper-link:nth-child(1){animation-delay:.3s}header .menu.active .menu_wrapper-link:nth-child(2){animation-delay:.6s}header .menu.active .menu_wrapper-link:nth-child(3){animation-delay:.9s}header .menu.active .menu_wrapper-link:nth-child(4){animation-delay:1.2s}header .menu.active .menu_wrapper-link:nth-child(5){animation-delay:1.5s}}header .menu.active .char{animation-name:menuLinksAnime;animation-duration:1s;animation-timing-function:ease-in-out;animation-delay:0s;animation-iteration-count:1;animation-direction:normal;animation-fill-mode:both}header .menu.active .char:nth-child(1){animation-delay:.2s}header .menu.active .char:nth-child(2){animation-delay:.4s}header .menu.active .char:nth-child(3){animation-delay:.6s}header .menu.active .char:nth-child(4){animation-delay:.8s}header .menu.active .char:nth-child(5){animation-delay:1s}header .menu.active .char:nth-child(6){animation-delay:1.2s}header .menu.active .char:nth-child(7){animation-delay:1.4s}header .menu.active .char:nth-child(8){animation-delay:1.6s}header .menu.active .char:nth-child(9){animation-delay:1.8s}header .menu.active .char:nth-child(10){animation-delay:2s}header .menu.active .char:nth-child(11){animation-delay:2.2s}header .menu.active .char:nth-child(12){animation-delay:2.4s}header .menu.active .char:nth-child(13){animation-delay:2.6s}header .menu.active .char:nth-child(14){animation-delay:2.8s}header .menu.active .char:nth-child(15){animation-delay:3s}header .menu.active .char:nth-child(16){animation-delay:3.2s}header .menu.active .char:nth-child(17){animation-delay:3.4s}header .menu.active .char:nth-child(18){animation-delay:3.6s}header .menu.active .char:nth-child(19){animation-delay:3.8s}header .menu.active .char:nth-child(20){animation-delay:4s}header .menu_wrapper{display:block;width:100%;padding:60px 20px 100px;overflow:auto}header .menu_wrapper-link{display:block;width:100%;font-size:3vw;margin-bottom:40px}@media screen and (max-width: 768px){header .menu_wrapper-link{border-top:solid 1px #fff;margin-bottom:0}header .menu_wrapper-link:last-child{border-bottom:solid 1px #fff}}header .menu_wrapper-link a{color:#fff;display:inline-block;text-decoration:none;font-family:"Eczar",serif;font-family:"Fredericka the Great",cursive;font-family:"PT Serif",serif;transition:all .3s ease-in-out;overflow:hidden}@media screen and (max-width: 768px){header .menu_wrapper-link a{width:100%;padding:20px 0}}header .menu_wrapper-link a:hover{transform:scale(1.1)}header .menu_wrapper-link:last-child{margin-bottom:0}.visiual{position:relative;width:100%;min-height:100vh !important}.visiual_name{font-family:"PT Serif",serif;letter-spacing:5px;top:50%;position:absolute;left:10%;transform:translateY(-30%);font-size:10vw;z-index:-1;width:100%}.visiual_name-sei{color:#01536e}.visiual_name-sei .char{background:-webkit-linear-gradient(0deg, #3189a6, #01536e);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0)}.visiual_name-mei{margin-left:10%;color:#fff;-webkit-text-stroke:2px #01536e}.visiual_name-atai{display:block;font-size:clamp(30px,10vw,120px)}.visiual_name-atai .char{opacity:0}.visiual_name-atai.active .char:nth-child(odd){animation-name:txtAnimate;animation-duration:2s;animation-timing-function:ease;animation-delay:0s;animation-iteration-count:1;animation-direction:normal;animation-fill-mode:forwards}.visiual_name-atai.active .char:nth-child(even){animation-name:txtAnimate-reverse;animation-duration:2s;animation-timing-function:ease;animation-delay:0s;animation-iteration-count:1;animation-direction:normal;animation-fill-mode:forwards}.visiual_name-atai.active .char:nth-child(1){animation-delay:.2s}.visiual_name-atai.active .char:nth-child(2){animation-delay:.4s}.visiual_name-atai.active .char:nth-child(3){animation-delay:.6s}.visiual_name-atai.active .char:nth-child(4){animation-delay:.8s}.visiual_name-atai.active .char:nth-child(5){animation-delay:1s}.visiual_name-atai.active .char:nth-child(6){animation-delay:1.2s}.visiual_name-atai.active .char:nth-child(7){animation-delay:1.4s}.visiual_name-atai.active .char:nth-child(8){animation-delay:1.6s}.visiual_name-atai.active .char:nth-child(9){animation-delay:1.8s}.visiual_name-atai.active .char:nth-child(10){animation-delay:2s}.visiual_name-atai.active .char:nth-child(11){animation-delay:2.2s}.visiual_name-atai.active .char:nth-child(12){animation-delay:2.4s}.visiual_name-atai.active .char:nth-child(13){animation-delay:2.6s}.visiual_name-atai.active .char:nth-child(14){animation-delay:2.8s}.visiual_name-atai.active .char:nth-child(15){animation-delay:3s}.visiual_name-atai.active .char:nth-child(16){animation-delay:3.2s}.visiual_name-atai.active .char:nth-child(17){animation-delay:3.4s}.visiual_name-atai.active .char:nth-child(18){animation-delay:3.6s}.visiual_name-atai.active .char:nth-child(19){animation-delay:3.8s}.visiual_name-atai.active .char:nth-child(20){animation-delay:4s}.visiual_name-atai.active .char:nth-child(21){animation-delay:4.2s}.visiual_name-atai.active .char:nth-child(22){animation-delay:4.4s}.visiual_name-atai.active .char:nth-child(23){animation-delay:4.6s}.visiual_name-atai.active .char:nth-child(24){animation-delay:4.8s}.visiual_name-atai.active .char:nth-child(25){animation-delay:5s}.visiual_name-atai.active .char:nth-child(26){animation-delay:5.2s}.visiual_name-atai.active .char:nth-child(27){animation-delay:5.4s}.visiual_name-atai.active .char:nth-child(28){animation-delay:5.6s}.visiual_name-atai.active .char:nth-child(29){animation-delay:5.8s}.visiual_name-atai.active .char:nth-child(30){animation-delay:6s}.visiual_name-atai.active .char:nth-child(31){animation-delay:6.2s}.visiual_name-atai.active .char:nth-child(32){animation-delay:6.4s}.visiual_name-atai.active .char:nth-child(33){animation-delay:6.6s}.visiual_name-atai.active .char:nth-child(34){animation-delay:6.8s}.visiual_name-atai.active .char:nth-child(35){animation-delay:7s}.visiual_name-atai.active .char:nth-child(36){animation-delay:7.2s}.visiual_name-atai.active .char:nth-child(37){animation-delay:7.4s}.visiual_name-atai.active .char:nth-child(38){animation-delay:7.6s}.visiual_name-atai.active .char:nth-child(39){animation-delay:7.8s}.visiual_name-atai.active .char:nth-child(40){animation-delay:8s}.visiual_name-atai.active .char:nth-child(41){animation-delay:8.2s}.visiual_name-atai.active .char:nth-child(42){animation-delay:8.4s}.visiual_name-atai.active .char:nth-child(43){animation-delay:8.6s}.visiual_name-atai.active .char:nth-child(44){animation-delay:8.8s}.visiual_name-atai.active .char:nth-child(45){animation-delay:9s}.visiual_name-atai.active .char:nth-child(46){animation-delay:9.2s}.visiual_name-atai.active .char:nth-child(47){animation-delay:9.4s}.visiual_name-atai.active .char:nth-child(48){animation-delay:9.6s}.visiual_name-atai.active .char:nth-child(49){animation-delay:9.8s}.visiual_name-atai.active .char:nth-child(50){animation-delay:10s}.visiual_name-atai.active .char:nth-child(51){animation-delay:10.2s}.visiual_name-atai.active .char:nth-child(52){animation-delay:10.4s}.visiual_name-atai.active .char:nth-child(53){animation-delay:10.6s}.visiual_name-atai.active .char:nth-child(54){animation-delay:10.8s}.visiual_name-atai.active .char:nth-child(55){animation-delay:11s}.visiual_name-atai.active .char:nth-child(56){animation-delay:11.2s}.visiual_name-atai.active .char:nth-child(57){animation-delay:11.4s}.visiual_name-atai.active .char:nth-child(58){animation-delay:11.6s}.visiual_name-atai.active .char:nth-child(59){animation-delay:11.8s}.visiual_name-atai.active .char:nth-child(60){animation-delay:12s}.visiual_name-atai.active .char:nth-child(61){animation-delay:12.2s}.visiual_name-atai.active .char:nth-child(62){animation-delay:12.4s}.visiual_name-atai.active .char:nth-child(63){animation-delay:12.6s}.visiual_name-atai.active .char:nth-child(64){animation-delay:12.8s}.visiual_name-atai.active .char:nth-child(65){animation-delay:13s}.visiual_name-atai.active .char:nth-child(66){animation-delay:13.2s}.visiual_name-atai.active .char:nth-child(67){animation-delay:13.4s}.visiual_name-atai.active .char:nth-child(68){animation-delay:13.6s}.visiual_name-atai.active .char:nth-child(69){animation-delay:13.8s}.visiual_name-atai.active .char:nth-child(70){animation-delay:14s}.visiual_name-atai.active .char:nth-child(71){animation-delay:14.2s}.visiual_name-atai.active .char:nth-child(72){animation-delay:14.4s}.visiual_name-atai.active .char:nth-child(73){animation-delay:14.6s}.visiual_name-atai.active .char:nth-child(74){animation-delay:14.8s}.visiual_name-atai.active .char:nth-child(75){animation-delay:15s}.visiual_name-atai.active .char:nth-child(76){animation-delay:15.2s}.visiual_name-atai.active .char:nth-child(77){animation-delay:15.4s}.visiual_name-atai.active .char:nth-child(78){animation-delay:15.6s}.visiual_name-atai.active .char:nth-child(79){animation-delay:15.8s}.visiual_name-atai.active .char:nth-child(80){animation-delay:16s}.visiual_name-atai.active .char:nth-child(81){animation-delay:16.2s}.visiual_name-atai.active .char:nth-child(82){animation-delay:16.4s}.visiual_name-atai.active .char:nth-child(83){animation-delay:16.6s}.visiual_name-atai.active .char:nth-child(84){animation-delay:16.8s}.visiual_name-atai.active .char:nth-child(85){animation-delay:17s}.visiual_name-atai.active .char:nth-child(86){animation-delay:17.2s}.visiual_name-atai.active .char:nth-child(87){animation-delay:17.4s}.visiual_name-atai.active .char:nth-child(88){animation-delay:17.6s}.visiual_name-atai.active .char:nth-child(89){animation-delay:17.8s}.visiual_name-atai.active .char:nth-child(90){animation-delay:18s}.visiual_name-atai.active .char:nth-child(91){animation-delay:18.2s}.visiual_name-atai.active .char:nth-child(92){animation-delay:18.4s}.visiual_name-atai.active .char:nth-child(93){animation-delay:18.6s}.visiual_name-atai.active .char:nth-child(94){animation-delay:18.8s}.visiual_name-atai.active .char:nth-child(95){animation-delay:19s}.visiual_name-atai.active .char:nth-child(96){animation-delay:19.2s}.visiual_name-atai.active .char:nth-child(97){animation-delay:19.4s}.visiual_name-atai.active .char:nth-child(98){animation-delay:19.6s}.visiual_name-atai.active .char:nth-child(99){animation-delay:19.8s}.visiual_name-atai.active .char:nth-child(100){animation-delay:20s}.about{padding:160px 0;position:relative;overflow:hidden}@media screen and (max-width: 768px){.about{margin-bottom:60px;padding:60px 0}}.about:after{content:"";position:absolute;top:0;right:0;width:20%;height:0;padding-top:30%;clip-path:polygon(0 50%, 100% 100%, 100% 0);background:#f5f5f5}.about_icon{position:absolute;top:0;left:0;width:10%;height:0;padding-top:25%;background-image:url("../image/kagi01.svg");background-repeat:no-repeat;z-index:10;background-size:100%}@media screen and (max-width: 768px){.about_icon{width:20%;padding-top:35%}}.about_wrapper{width:90%;margin:0 auto;display:flex;align-items:center;justify-content:center;align-items:center;position:relative;max-width:1400px}@media screen and (max-width: 768px){.about_wrapper{flex-direction:column-reverse}}.about_wrapper_haguruma{position:absolute;top:-80px;right:50px;width:10%;height:0;padding-top:25%;background-image:url("../image/haguruma.svg");opacity:.6;background-repeat:no-repeat;z-index:80}@media screen and (max-width: 768px){.about_wrapper_haguruma{top:0;right:10px;width:20%;padding-top:20%}}.about_wrapper-column{width:48%;padding:30px;box-sizing:border-box;transition:all 1.3s ease;opacity:0}.about_wrapper-column.active{opacity:1;transform:translateX(0)}@media screen and (max-width: 768px){.about_wrapper-column{width:100%;padding:20px 15px}}.about_wrapper-txt{background:rgba(255,255,255,.8);line-height:1.5;word-break:break-all;transform:translateX(100%);box-shadow:3px 3px 10px #e6e6e6}@media screen and (max-width: 768px){.about_wrapper-txt{font-size:14px}}.about_wrapper-txt ul{margin-left:30px;margin-bottom:10px}.about_wrapper-txt p{margin-bottom:10px}.about_wrapper-txt a{color:#56a1d6}.about_wrapper-list{transform:translateX(-100%)}@media screen and (max-width: 768px){.about_wrapper-list{margin-bottom:40px}}.about_wrapper-list li{display:block;position:relative;text-align:center;margin-bottom:20px}.about_wrapper-list li.active .anime_p{opacity:1}.about_wrapper-list li.active .anime_p:after{transform:scaleX(1)}.about_wrapper-list li:last-child{margin-bottom:0}.about_wrapper-list li:before{content:"";position:absolute;top:0;left:0;height:100%;border-radius:10px;background:#ccc;width:100%;z-index:-1}.about_wrapper-list li .anime_p{display:block;position:relative;padding:10px 0;color:#fff;font-weight:bold;opacity:0;transition:all 1s ease-in-out;font-size:calc(14px + 2*(100vw - 320px)/2240)}.about_wrapper-list li .anime_p.parsent90{width:90%}.about_wrapper-list li .anime_p.parsent80{width:80%}.about_wrapper-list li .anime_p.parsent70{width:70%}.about_wrapper-list li .anime_p.parsent60{width:60%}.about_wrapper-list li .anime_p:after{content:"";position:absolute;z-index:-1;top:0;left:0;height:100%;width:100%;transform:scaleX(0);transform-origin:top left;transition:all .8s ease-in-out;border-radius:10px;background:radial-gradient(#1b6f8a, #01536e)}.skill{padding:160px 0;position:relative}@media screen and (max-width: 768px){.skill{padding:60px 0}}.skill:after{content:"";position:absolute;top:0;left:-60px;width:20%;height:0;padding-top:30%;clip-path:polygon(0 0, 0% 100%, 100% 46%);background:#f5f5f5;z-index:-1}@media screen and (max-width: 768px){.skill:after{top:-60px;left:0px}}.skill:before{content:"";position:absolute;top:-20%;right:0;width:10%;height:0;padding-top:25%;transform:rotate(-180deg);background-image:url("../image/kagi01.svg");background-repeat:no-repeat;z-index:1;background-size:100%}@media screen and (max-width: 768px){.skill:before{width:15%;padding-top:30%;top:-15%}}.skill_inner{width:80%;margin:0 auto;position:relative;max-width:1400px}.skill_inner-title{position:absolute;right:0;font-family:"Cormorant Garamond",serif;top:-1.3em;text-align:right;color:#317e98;transform-origin:center right;font-weight:bold;font-size:calc(50px + 120*(100vw - 320px)/2240);z-index:80;letter-spacing:5px;display:inline-block}.skill_inner-title .char{display:inline-block}@media screen and (max-width: 768px){.skill_inner-title{color:#317e98;text-align:right;position:absolute;top:-100px;right:-20px;z-index:-1}}.skill_inner-title.active .char{animation-name:titleAnime;animation-duration:1s;animation-timing-function:ease;animation-delay:0s;animation-iteration-count:1;animation-direction:normal;animation-fill-mode:both}.skill_inner-title.active .char:nth-child(1){animation-delay:.2s}.skill_inner-title.active .char:nth-child(2){animation-delay:.4s}.skill_inner-title.active .char:nth-child(3){animation-delay:.6s}.skill_inner-title.active .char:nth-child(4){animation-delay:.8s}.skill_inner-title.active .char:nth-child(5){animation-delay:1s}.skill_inner-title.active .char:nth-child(6){animation-delay:1.2s}.skill_inner-title.active .char:nth-child(7){animation-delay:1.4s}.skill_inner-title.active .char:nth-child(8){animation-delay:1.6s}.skill_inner-title.active .char:nth-child(9){animation-delay:1.8s}.skill_inner-title.active .char:nth-child(10){animation-delay:2s}.skill_inner-vertical{font-family:"Cormorant Garamond",serif;position:absolute;top:-3em;left:-50px;letter-spacing:8px;writing-mode:vertical-rl;font-size:calc(18px + 22*(100vw - 320px)/2240);color:#000;z-index:90}@media screen and (max-width: 768px){.skill_inner-vertical{font-size:18px;left:-20px}}.skill_inner-column{width:100%;display:flex;align-items:center;justify-content:space-between;position:relative;align-items:center;margin-bottom:40px;flex-wrap:wrap}@media screen and (max-width: 768px){.skill_inner-column.reverse{flex-wrap:wrap-reverse}}@media screen and (max-width: 768px){.skill_inner-column{margin-bottom:60px}}.skill_inner-column--img{width:48%;opacity:0;transform:perspective(440px) translateX(100px) rotateY(20deg) rotatex(-13deg) scale(0.7)}@media screen and (max-width: 768px){.skill_inner-column--img{width:90%;margin-right:0;margin-left:auto}}.skill_inner-column--img.active{animation-name:slideAnime;animation-duration:1.3s;animation-timing-function:ease;animation-delay:0s;animation-iteration-count:1;animation-direction:normal;animation-fill-mode:both}.skill_inner-column--img figure{height:45vh}@media screen and (max-width: 768px){.skill_inner-column--img figure{height:30vh}}.skill_inner-column--img figure img{height:100%}.skill_inner-column--txt{width:48%}@media screen and (max-width: 768px){.skill_inner-column--txt{width:90%;margin-right:0;margin-left:auto}}.skill_inner-column--txt h3{font-size:calc(25px + 15*(100vw - 320px)/2240);text-align:center;margin-bottom:20px}@media screen and (max-width: 768px){.skill_inner-column--txt h3{color:#333;font-size:25px;background:rgba(255,255,255,.9);padding:5px 10px;border-left:solid 1px #01536e;position:absolute;top:-0.5em;left:17px;z-index:9;text-shadow:1px 1px 1px #fff;opacity:0;transform:perspective(440px) translateX(100px) rotateY(20deg) rotatex(-13deg) scale(0.7)}}@media screen and (max-width: 768px){.skill_inner-column--txt h3.active{animation-name:slideAnime;animation-duration:1.3s;animation-timing-function:ease;animation-delay:0s;animation-iteration-count:1;animation-direction:normal;animation-fill-mode:both}}.skill_inner-column--txt p{transition:all .3s;font-size:16px;line-height:1.6}@media screen and (max-width: 768px){.skill_inner-column--txt p{margin-top:6px;font-size:13px;opacity:0;transform:perspective(440px) translateX(100px) rotateY(20deg) rotatex(-13deg) scale(0.7)}}@media screen and (max-width: 768px){.skill_inner-column--txt p.active{animation-name:slideAnime;animation-duration:1.3s;animation-timing-function:ease;animation-delay:0s;animation-iteration-count:1;animation-direction:normal;animation-fill-mode:both}}.works{margin-top:80px;position:relative}.works:after{content:"";position:absolute;top:-25em;right:0;width:20%;height:0;padding-top:30%;clip-path:polygon(0 50%, 100% 100%, 100% 0);background:#f5f5f5;z-index:-1}@media screen and (max-width: 768px){.works:after{top:-10em}}.works:before{content:"";position:absolute;top:-20em;left:-60px;width:10%;height:0;padding-top:25%;transform:rotate(90deg);background-image:url("../image/kagi02.svg");background-repeat:no-repeat;z-index:-1;background-size:100%}@media screen and (max-width: 768px){.works:before{left:0;width:15%;padding-top:30%;top:-13em}}@media screen and (max-width: 768px){.works{margin-bottom:60px}}.works_inner{width:80%;margin:0 auto;max-width:1400px;position:relative}@media screen and (max-width: 768px){.works_inner{width:90%}}.works_inner-title{color:#317e98;text-align:right;position:absolute;top:-40px;right:20px;z-index:-1;opacity:.7;font-size:calc(50px + 120*(100vw - 320px)/2240)}@media screen and (max-width: 768px){.works_inner-title{text-align:left;top:-70px}}.works_inner-vertical{position:absolute;left:-40px;top:-90px;z-index:10;font-size:40px;letter-spacing:8px;writing-mode:vertical-rl}@media screen and (max-width: 768px){.works_inner-vertical{font-size:18px;left:85%;top:20%}}.works_inner-haguruma{position:absolute;top:-80px;left:30%;width:10%;height:0;padding-top:25%;background-image:url("../image/haguruma.svg");opacity:.6;background-repeat:no-repeat;z-index:80}@media screen and (max-width: 768px){.works_inner-haguruma{top:-10px;left:80%;width:20%;padding-top:20%}}.works_wrapper{display:flex;align-items:center;justify-content:space-between;align-items:self-start;flex-wrap:wrap}.works_wrapper-column{width:30%;overflow:hidden;border-radius:10px;position:relative;border:solid 1px #2395bb;opacity:1;transition:all 1.2s ease;opacity:0;transform:perspective(440px) translateX(100px) rotateY(20deg) rotatex(-13deg) scale(0.7)}.works_wrapper-column:nth-child(2),.works_wrapper-column:nth-child(3){margin-top:180px !important}.works_wrapper-column:not(:nth-child(1)){margin-top:0}.works_wrapper-column:nth-child(4){margin-top:-110px !important}.works_wrapper-column:nth-child(n+5){margin-top:60px}@media screen and (max-width: 768px){.works_wrapper-column{width:80%;margin-bottom:20px}.works_wrapper-column:nth-child(2),.works_wrapper-column:nth-child(3){margin-top:0 !important}.works_wrapper-column:not(:nth-child(1)){margin-top:0 !important}.works_wrapper-column:nth-child(4){margin-top:0 !important}.works_wrapper-column:nth-child(n+5){margin-top:0 !important}}.works_wrapper-column.active{animation-name:slideAnime;animation-duration:1.3s;animation-timing-function:ease;animation-delay:0s;animation-iteration-count:1;animation-direction:normal;animation-fill-mode:both}.works_wrapper-column--hover{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.6);transform:scaleY(0);transition:all .3s ease-in;display:flex;align-items:center;justify-content:center;align-items:center}.works_wrapper-column--hover span{display:inline-block;padding:10px 20px;background:#fff;color:#000;font-weight:bold;border-radius:5px}.works_wrapper-column--img{width:100%;padding-top:60%;background-position:center;background-size:cover;transition:all .3s ease-in}.works_wrapper-column:hover .works_wrapper-column--hover{transform:scaleY(1)}.works_wrapper-column:hover .works_wrapper-column--img{transform:scale(1.2) rotate(4deg)}.works_wrapper .kara{width:30%}.contact{display:none}.contact_wrapper{padding:80px 40px;box-sizing:border-box;width:60%;background:#fff;margin:0 auto;border-radius:10px;transform:translateY(100px);opacity:0;transition:all .6s ease-in;max-width:800px;box-shadow:3px 3px 10px #e6e6e6}.contact_wrapper.active{transform:translateY(0);opacity:1}@media screen and (max-width: 768px){.contact_wrapper{width:90%;padding:60px 20px}}.contact_wrapper-column{display:flex;position:relative;margin-bottom:40px}.contact_wrapper-column--line{content:"";position:absolute;bottom:0;left:0;width:100%;height:1px;background:linear-gradient(to bottom right, #022734, #01536e);transform:scaleX(0);transition:all .3s;z-index:999}.contact_wrapper-column--label{display:block;position:absolute;top:-1.2em;left:0;z-index:1;color:#01536e}.contact_wrapper-column--input{border-top:none;border-left:none;border-right:none;border-bottom:solid 1px #ccc;outline:none;width:100%;background:rgba(0,0,0,0);padding:5px 10px;font-size:16px;margin-top:2px;padding:8px;box-sizing:border-box}.contact_wrapper-column--input:focus{background:#edfbff}.contact_wrapper-column--input:focus+.contact_wrapper-column--line{transform:scaleX(1)}.contact_wrapper-column--input:focus~.contact_wrapper-column--label{color:#fff}.contact_wrapper-column textarea{height:150px;resize:vertical;padding:8px;box-sizing:border-box}.contact_wrapper-btn{text-align:center}.contact_wrapper-btn .button{cursor:pointer;background:#edfbff;color:#01536e;border:none;padding:10px 20px;position:relative;width:120px;height:40px;line-height:40px;margin:0 auto}.contact_wrapper-btn .button input[type=submit]{width:100% !important;height:100% !important;display:block;border:none;background:rgba(0,0,0,0);padding:0;position:absolute;top:0;left:0;z-index:99}.contact_wrapper-btn .button:after,.contact_wrapper-btn .button:before{content:"";position:absolute;width:20%;height:20%;transition:all .3s}.contact_wrapper-btn .button:after{top:0;left:0;border-top:solid 1px #01536e;border-left:solid 1px #01536e}.contact_wrapper-btn .button:before{bottom:0;right:0;border-bottom:solid 1px #01536e;border-right:solid 1px #01536e}.contact_wrapper-btn .button:hover:after,.contact_wrapper-btn .button:hover:before{width:100%;height:100%}