@import"https://fonts.googleapis.com/css2?family=Zen+Old+Mincho&display=swap";@import"https://fonts.googleapis.com/css2?family=Kiwi+Maru:wght@500&display=swap";/*! destyle.css v4.0.1 | MIT License | https://github.com/nicolas-cusan/destyle.css */*,::before,::after{box-sizing:border-box;border-style:solid;border-width:0;min-width:0}html{line-height:1.15;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0,0,0,0)}body{margin:0}main{display:block}p,table,blockquote,address,pre,iframe,form,figure,dl{margin:0}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit;margin:0}ul,ol{margin:0;padding:0;list-style:none}dt{font-weight:bold}dd{margin-left:0}hr{box-sizing:content-box;height:0;overflow:visible;border-top-width:1px;margin:0;clear:both;color:inherit}pre{font-family:monospace,monospace;font-size:inherit}address{font-style:inherit}a{background-color:rgba(0,0,0,0);text-decoration:none;color:inherit}abbr[title]{text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:inherit}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}svg,img,embed,object,iframe{vertical-align:bottom}button,input,optgroup,select,textarea{-webkit-appearance:none;appearance:none;vertical-align:middle;color:inherit;font:inherit;background:rgba(0,0,0,0);padding:0;margin:0;border-radius:0;text-align:inherit;text-transform:inherit}button,[type=button],[type=reset],[type=submit]{cursor:pointer}button:disabled,[type=button]:disabled,[type=reset]:disabled,[type=submit]:disabled{cursor:default}:-moz-focusring{outline:auto}select:disabled{opacity:inherit}option{padding:0}fieldset{margin:0;padding:0;min-width:0}legend{padding:0}progress{vertical-align:baseline}textarea{overflow:auto}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}[type=number]{-moz-appearance:textfield}label[for]{cursor:pointer}details{display:block}summary{display:list-item}[contenteditable]:focus{outline:auto}table{border-color:inherit;border-collapse:collapse}caption{text-align:left}td,th{vertical-align:top;padding:0}th{text-align:left;font-weight:bold}@font-face{font-family:"Zen Old Mincho";src:url("../fonts/ZenOldMincho-Black.ttf") format("truetype"),url("../fonts/ZenOldMincho-Bold.ttf") format("truetype"),url("../fonts/ZenKakuGothicNew-Light.ttf") format("truetype"),url("../fonts/ZenOldMincho-Medium.ttf") format("truetype"),url("../fonts/ZenOldMincho-Regular.ttf") format("truetype"),url("../fonts/ZenOldMincho-SemiBold.ttf") format("truetype");font-weight:normal;font-style:normal;font-display:swap}@font-face{font-family:"Silk-Serif-Light-Italic";src:url("../fonts/ZenKakuGothicNew-Black.ttf") format("truetype"),url("../fonts/ZenKakuGothicNew-Bold.ttf") format("truetype"),url("../fonts/ZenKakuGothicNew-Light.ttf") format("truetype"),url("../fonts/ZenKakuGothicNew-Medium.ttf") format("truetype"),url("../fonts/ZenKakuGothicNew-Regular.ttf") format("truetype");font-weight:normal;font-style:normal;font-display:swap}.header{position:fixed;width:100%}.header .header_container{width:100%;display:flex;justify-content:space-between;background-color:#fff;margin-bottom:10px;z-index:10}.header .header_container .logo_img{width:100px;height:40px;background-color:gray}.header .header_container .nav{display:flex;gap:10px;padding:12px;font-size:16px}.header .header_container .language-switcher{margin-right:10px;margin-top:5px;cursor:pointer}.header .header_container .language-switcher .language-select{cursor:pointer}body{line-height:1;color:#222;overflow-x:hidden;font-weight:500;font-family:"Zen Old Mincho",serif}p{line-height:1.4}.webfonts{font-size:16px}.zenoldmincho{font-family:"Zen Old Mincho",serif}.zenkakugo{font-family:"Zen Kaku Gothic New",sans-serif;font-weight:500}.notosansjp{font-family:"Noto Sans JP",sans-serif}.pc_none{display:none}@media screen and (max-width: 768px){.pc_none{display:block}}.tab_none{display:block}@media screen and (max-width: 768px){.tab_none{display:none}}@media screen and (max-width: 430px){.tab_none{display:block}}.sp_none{display:block}@media screen and (max-width: 768px){.sp_none{display:none}}.sp_none_inline{display:inline}@media screen and (max-width: 768px){.sp_none_inline{display:none}}.hover{transition:opacity .3s}.hover:hover{opacity:.5}.cta{text-align:center;background-color:#0b1d3d;padding-top:100px;padding-bottom:100px;margin-bottom:2px;display:flex;flex-direction:column;gap:10px}@media screen and (max-width: 1040px){.cta{padding-top:40px;padding-bottom:40px}}@media screen and (max-width: 430px){.cta{padding-top:40px;padding-bottom:40px}}.cta .cta__title{display:inline-block;font-size:48px;font-weight:500;margin-bottom:20px;color:#fff}@media screen and (max-width: 1040px){.cta .cta__title{font-size:4vw;margin-bottom:10px}}@media screen and (max-width: 430px){.cta .cta__title{font-size:24px;margin-bottom:10px}}.cta .btn{font-family:"Zen Old Mincho",serif;font-size:32px;font-weight:500;line-height:1em;display:block;color:#000;margin:0 auto;text-align:center;background-color:#fff;padding:1.5% 12%;border-radius:60px;border:solid 2px #fff;transition:.5s}.cta .btn:hover{background-color:#0b1d3d;border:#fff 2px solid;color:#fff}@media screen and (max-width: 1040px){.cta .btn{width:33%;font-size:2vw;padding:2% 6%}}@media screen and (max-width: 430px){.cta .btn{width:250px;font-size:20px;padding:10px 49px}}.title{text-shadow:1px 1px 3px #000;font-size:20px;padding-top:20px}.lang-text{display:none;padding:40px}.lang-text.active{display:block}.footer{background-color:#fff}@property --angle{syntax:"<angle>";initial-value:0deg;inherits:false}@keyframes spin{from{--angle: 0deg}to{--angle: 360deg}}body.home .main_home{margin:0;display:flex;flex-direction:column;align-items:center;text-align:center;justify-content:center;background-color:#00000f;overflow:hidden}body.home .contents-container{position:relative;width:520px;height:400px;height:100vh;transform-style:preserve-3d;transform:perspective(1500px) rotateY(0deg);transition:transform .7s}body.home .contents-container span{position:absolute;height:100vh;top:30%;left:0;width:100%;transform-origin:center}body.home .contents-container span:nth-child(1){transform:rotateY(0deg) translateZ(460px)}body.home .contents-container span:nth-child(2){transform:rotateY(60deg) translateZ(460px)}body.home .contents-container span:nth-child(3){transform:rotateY(120deg) translateZ(460px)}body.home .contents-container span:nth-child(4){transform:rotateY(180deg) translateZ(460px)}body.home .contents-container span:nth-child(5){transform:rotateY(240deg) translateZ(460px)}body.home .contents-container span:nth-child(6){transform:rotateY(300deg) translateZ(460px)}body.home .contents-container span:nth-child(7){transform:rotateY(360deg) translateZ(460px)}body.home .contents-container span:nth-child(8){transform:rotateY(420deg) translateZ(460px)}body.home .contents-container span .contents{height:400px;position:absolute;left:0;top:0;width:100%;background-color:#000;border:solid 1px #fff;color:#fff}body.home .contents-container span .contents .kv{width:100%;height:100%;background-image:url("../images/freedomgradation.png");background-size:cover;background-color:rgba(0,0,0,0);background-color:red;background-position:center center;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}body.home .contents-container span .contents .kv .title{font-size:24px;margin-bottom:20px;text-shadow:2px 2px 4px #000}body.home .contents-container span .contents .kv .kv-content{display:flex;flex-direction:column;align-items:center;gap:15px}body.home .contents-container span .contents .kv .kv-content .name{font-size:20px;font-weight:bold;color:#0f9;text-shadow:1px 1px 3px #000;margin:0}body.home .contents-container span .contents .kv .kv-content .specialties{font-size:14px;color:#ff4545;text-shadow:1px 1px 2px #000;font-weight:500;letter-spacing:1px;margin:0}body.home .contents-container span .contents .kv .kv-content .subtitle{font-size:16px;color:#fff;text-shadow:1px 1px 3px #000;margin:0}body.home .contents-container span .contents .profile{width:100%;height:100%;background-image:conic-gradient(#ff4545, #00ff99, #006aff, #ff0095, #ff4545)}body.home .contents-container span .contents .profile .title{text-shadow:1px 1px 3px #000;font-size:20px;padding-top:20px}body.home .contents-container span .contents .profile .profile_content{display:flex;gap:15px;align-items:center;justify-content:center;margin-top:20px;text-align:unset;font-size:12px;line-height:1.4;text-shadow:1px 1px 3px #000}body.home .contents-container span .contents .profile .profile_content .profile_left{width:60%;text-align:left;background-color:#1c1f2b;border-radius:5px;padding:8px 4px}body.home .contents-container span .contents .profile .profile_content .profile_right{background-color:#1c1f2b;border-radius:5px;padding:8px 4px}body.home .contents-container span .contents .skills .skills_container{display:flex;justify-content:space-around}body.home .contents-container span .contents .skills .skills_container .skill_item_wrapper{width:30%;margin-top:20px;border-radius:5px;height:300px;background-color:#1c1f2b;position:relative;padding:3px;z-index:0}body.home .contents-container span .contents .skills .skills_container .skill_item_wrapper::after,body.home .contents-container span .contents .skills .skills_container .skill_item_wrapper::before{--angle: 0deg;content:"";position:absolute;height:100%;width:100%;background-image:conic-gradient(from var(--angle), transparent 70%, #ff4545, #00ff99, #006aff, #ff0095, #ff4545);top:50%;left:50%;translate:-50% -50%;padding:6px;z-index:-1;padding:20px;border-radius:5px;animation:8s spin linear infinite}body.home .contents-container span .contents .skills .skills_container .skill_item_wrapper::before{filter:blur(1.5rem);opacity:.5}body.home .contents-container span .contents .skills .skills_container .skill_item_wrapper .skills_item{border-radius:5px;background-color:#1c1f2b;font-size:12px;z-index:0;height:100%}body.home .contents-container span .contents .skills .skills_container .skill_item_wrapper .skills_item h3{padding-top:20px;font-size:20px;color:#0f9}body.home .contents-container span .contents .skills .skills_container .skill_item_wrapper .skills_item p{margin-top:20px;padding:5px;text-align:left}body.home .contents-container span .contents .works{overflow:hidden;height:100%;position:relative}body.home .contents-container span .contents .works .works_container{position:relative;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;padding-top:20px;margin-top:10px;overflow:hidden}body.home .contents-container span .contents .works .works_container .works_item{display:flex;width:70%;justify-content:center;align-items:center;margin-bottom:15px;border-radius:5px;font-size:12px;min-height:70px;flex-shrink:0;background-color:hsla(0,0%,100%,.1);padding:8px;border:1px solid hsla(0,0%,100%,.2);transition:transform .5s ease;position:relative}body.home .contents-container span .contents .works .works_container .works_item .works_img{width:80px;height:60px;background-color:gray;border-radius:3px;margin-right:10px;flex-shrink:0;overflow:hidden}body.home .contents-container span .contents .works .works_container .works_item .works_img img{height:60px}body.home .contents-container span .contents .works .works_container .works_item .work_text{flex:1;min-width:0}body.home .contents-container span .contents .works .works_container .works_item .work_text .works_title{color:#ff4545;font-weight:bold;line-height:1.4;margin-bottom:5px;font-size:18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}body.home .contents-container span .contents .works .works_container .works_item .work_text .works_title a{color:inherit;cursor:pointer;text-decoration:none}body.home .contents-container span .contents .works .works_container .works_item .work_text .works_title a:hover{text-decoration:underline}body.home .contents-container span .contents .works .works_container .works_item .work_text .caption{font-size:12px;opacity:.8;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}body.home .contents-container span .contents .works .works_container .works-scrollbar{position:absolute;right:50px;top:40px;width:10px;height:100%;background-color:#ff0;border-radius:4px;margin-right:5px}body.home .contents-container span .contents .works .works_container .works-scrollbar .works-thumb{width:100%;background-color:#c8c8c8;border-radius:4px;position:absolute;top:40px;z-index:10;transition:all .3s ease;border:1px solid hsla(0,0%,100%,.3)}body.home .contents-container span .contents .works .works_container .works-scrollbar .works-thumb:hover{background-color:#fff}body.home .contents-container span .contents .importance .importance_wrapper{display:flex;justify-content:space-around}body.home .contents-container span .contents .importance .importance_wrapper .importance_item_wrapper{width:30%;margin-top:20px;border-radius:5px;height:300px;background-color:#1c1f2b;position:relative;padding:3px;z-index:0}body.home .contents-container span .contents .importance .importance_wrapper .importance_item_wrapper::after,body.home .contents-container span .contents .importance .importance_wrapper .importance_item_wrapper::before{--angle: 0deg;content:"";position:absolute;height:100%;width:100%;background-image:conic-gradient(from var(--angle), transparent 70%, #ff4545, #00ff99, #006aff, #ff0095, #ff4545);top:50%;left:50%;translate:-50% -50%;padding:6px;z-index:-1;padding:20px;border-radius:5px;animation:8s spin linear infinite}body.home .contents-container span .contents .importance .importance_wrapper .importance_item_wrapper::before{filter:blur(1.5rem);opacity:.5}body.home .contents-container span .contents .importance .importance_wrapper .importance_item_wrapper .importance_item{border-radius:5px;background-color:#1c1f2b;font-size:12px;z-index:0;height:100%}body.home .contents-container span .contents .importance .importance_wrapper .importance_item_wrapper .importance_item h3{padding-top:20px;color:#006aff;font-size:20px}body.home .contents-container span .contents .importance .importance_wrapper .importance_item_wrapper .importance_item p{margin-top:20px;padding:5px;text-align:left}body.home .contents-container span .contents .contact{position:relative;overflow:hidden;padding:10px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}body.home .contents-container span .contents .contact h2{font-size:18px;margin-top:20px;margin-bottom:10px;text-align:center}body.home .contents-container span .contents .contact .contact-content{position:relative;z-index:1;padding:15px;display:flex;align-items:center;flex-direction:column;justify-content:center;box-sizing:border-box;background:rgba(0,0,0,.3);border-radius:5px;backdrop-filter:blur(2px);width:100%;max-width:450px;margin:0 auto}body.home .contents-container span .contents .contact .contact-content .contact-content{background:hsla(0,0%,100%,.1);padding:30px;border-radius:15px;backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.2);max-width:500px}@media(max-width: 480px){body.home .contents-container span .contents .contact .contact-content .contact-content{padding:20px;margin:0 10px}}body.home .contents-container span .contents .contact .contact-content .contact-content h3{color:#0f9;margin-bottom:25px;text-align:center}body.home .contents-container span .contents .contact .contact-content .contact-content p{margin-bottom:30px;line-height:1.8;text-align:center}body.home .contents-container span .contents .contact .contact-content a{color:#0f9;text-decoration:none;font-size:1.2rem;padding:15px 30px;border:2px solid #0f9;border-radius:25px;transition:all .3s ease;display:inline-block;margin-top:20px;text-align:center}body.home .contents-container span .contents .contact .contact-content a:hover{background-color:#0f9;color:#000;transform:translateY(-2px);box-shadow:0 5px 15px rgba(0,255,153,.3)}body.home .btn-container{position:relative;width:80%}body.home .btn-container .btn_01{position:absolute;bottom:150px;background-color:rgba(200,200,200,.7);box-shadow:2px 3px 4px #000;color:#000;border:none;padding:20px 20px;border-radius:5px;cursor:pointer;filter:brightness(1.5)}body.home .btn-container .btn_01:hover{filter:brightness(1)}body.home .btn-container #prev{right:90%}body.home .btn-container #next{left:90%}body.home .mobile-container{display:block;position:relative;min-height:100vh;background-color:#00000f;color:#fff}body.home .mobile-container .parallax-bg{position:fixed;top:0;left:0;width:100%;height:120%;background:linear-gradient(135deg, #0B1D3D, #263290);opacity:.3;z-index:0}body.home .mobile-container .mobile-section{position:relative;z-index:1;padding:40px 20px;min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;color:#fff;border-bottom:1px solid hsla(0,0%,100%,.1)}body.home .mobile-container .mobile-section h1,body.home .mobile-container .mobile-section h2{font-size:2rem;margin-bottom:20px;text-shadow:2px 2px 4px rgba(0,0,0,.5)}@media(max-width: 480px){body.home .mobile-container .mobile-section h1,body.home .mobile-container .mobile-section h2{font-size:1.5rem}}body.home .mobile-container .mobile-section p{font-size:1rem;line-height:1.6;margin-bottom:15px}@media(max-width: 480px){body.home .mobile-container .mobile-section p{font-size:.9rem}}body.home .mobile-container .mobile-section.kv-mobile{background:url("../images/freedomgradation.png") center/cover;background-attachment:fixed;display:flex;flex-direction:column;justify-content:center;align-items:center}body.home .mobile-container .mobile-section.kv-mobile h1{font-size:3rem;text-shadow:3px 3px 6px rgba(0,0,0,.8);margin-bottom:30px}@media(max-width: 480px){body.home .mobile-container .mobile-section.kv-mobile h1{font-size:2rem}}body.home .mobile-container .mobile-section.kv-mobile .kv-content-mobile{display:flex;flex-direction:column;align-items:center;gap:20px;text-align:center}body.home .mobile-container .mobile-section.kv-mobile .kv-content-mobile .name{font-size:2rem;font-weight:bold;color:#0f9;text-shadow:2px 2px 4px rgba(0,0,0,.8);margin:0}@media(max-width: 480px){body.home .mobile-container .mobile-section.kv-mobile .kv-content-mobile .name{font-size:1.5rem}}body.home .mobile-container .mobile-section.kv-mobile .kv-content-mobile .specialties{font-size:1.1rem;color:#ff4545;text-shadow:1px 1px 3px rgba(0,0,0,.8);font-weight:500;letter-spacing:2px;margin:0}@media(max-width: 480px){body.home .mobile-container .mobile-section.kv-mobile .kv-content-mobile .specialties{font-size:.9rem;letter-spacing:1px}}body.home .mobile-container .mobile-section.kv-mobile .kv-content-mobile .subtitle{font-size:1.2rem;opacity:.9;margin:0}@media(max-width: 480px){body.home .mobile-container .mobile-section.kv-mobile .kv-content-mobile .subtitle{font-size:1rem}}body.home .mobile-container .mobile-section.profile-mobile .profile-content-mobile{max-width:600px;background:hsla(0,0%,100%,.1);padding:30px;border-radius:15px;backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.2)}@media(max-width: 480px){body.home .mobile-container .mobile-section.profile-mobile .profile-content-mobile{padding:20px;margin:0 10px}}body.home .mobile-container .mobile-section.profile-mobile .profile-content-mobile p{text-align:left;line-height:1.8}body.home .mobile-container .mobile-section.profile-mobile .profile-content-mobile .profile-details{margin-top:20px;padding-top:20px;border-top:1px solid hsla(0,0%,100%,.3)}body.home .mobile-container .mobile-section.profile-mobile .profile-content-mobile .profile-details h3{color:#0f9;margin-bottom:10px}body.home .mobile-container .mobile-section.profile-mobile .profile-content-mobile .profile-details .detail-item{margin-bottom:8px;font-size:.9rem}body.home .mobile-container .skills-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(250px, 1fr));gap:20px;width:100%;max-width:800px}@media(max-width: 768px){body.home .mobile-container .skills-grid{grid-template-columns:1fr;max-width:400px}}body.home .mobile-container .skills-grid .skill-card{background:hsla(0,0%,100%,.1);padding:25px;border-radius:10px;backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.2);transition:transform .3s ease,box-shadow .3s ease}body.home .mobile-container .skills-grid .skill-card:hover{transform:translateY(-5px);box-shadow:0 10px 25px rgba(0,0,0,.3)}body.home .mobile-container .skills-grid .skill-card h3{font-size:1.3rem;margin-bottom:15px;color:#0f9}body.home .mobile-container .skills-grid .skill-card p{font-size:1rem;opacity:.9;text-align:left}body.home .mobile-container .works-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(300px, 1fr));gap:20px;width:100%;max-width:900px}@media(max-width: 768px){body.home .mobile-container .works-grid{grid-template-columns:1fr;max-width:400px}}body.home .mobile-container .works-grid .work-card{background:hsla(0,0%,100%,.1);padding:25px;border-radius:10px;backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.2);transition:transform .3s ease,box-shadow .3s ease}body.home .mobile-container .works-grid .work-card:hover{transform:translateY(-5px);box-shadow:0 10px 25px rgba(0,0,0,.3)}body.home .mobile-container .works-grid .work-card .work-image{width:100%;height:150px;background-color:hsla(0,0%,100%,.1);border-radius:8px;margin-bottom:15px;display:flex;align-items:center;justify-content:center;font-size:.8rem;opacity:.7}body.home .mobile-container .works-grid .work-card h3{font-size:1.2rem;color:#ff4545;margin-bottom:10px}body.home .mobile-container .works-grid .work-card p{font-size:.9rem;opacity:.9;text-align:left}body.home .mobile-container .works-grid .work-card a{color:inherit;text-decoration:none}body.home .mobile-container .works-grid .work-card a:hover{text-decoration:underline}body.home .mobile-container .importance-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(250px, 1fr));gap:20px;width:100%;max-width:800px}@media(max-width: 768px){body.home .mobile-container .importance-grid{grid-template-columns:1fr;max-width:400px}}body.home .mobile-container .importance-grid .importance-card{background:hsla(0,0%,100%,.1);padding:25px;border-radius:10px;backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.2);transition:transform .3s ease,box-shadow .3s ease}body.home .mobile-container .importance-grid .importance-card:hover{transform:translateY(-5px);box-shadow:0 10px 25px rgba(0,0,0,.3)}body.home .mobile-container .importance-grid .importance-card h3{font-size:1.3rem;margin-bottom:15px;color:#006aff}body.home .mobile-container .importance-grid .importance-card p{font-size:1rem;opacity:.9;text-align:left}body.home .mobile-container .contact-mobile .contact-content{background:hsla(0,0%,100%,.1);padding:30px;border-radius:15px;backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.2);max-width:500px}@media(max-width: 480px){body.home .mobile-container .contact-mobile .contact-content{padding:20px;margin:0 10px}}body.home .mobile-container .contact-mobile .contact-content h3{color:#0f9;margin-bottom:25px;text-align:center}body.home .mobile-container .contact-mobile .contact-content p{margin-bottom:30px;line-height:1.8;text-align:center}body.home .mobile-container .contact-mobile a{color:#0f9;text-decoration:none;font-size:1.2rem;padding:15px 30px;border:2px solid #0f9;border-radius:25px;transition:all .3s ease;display:inline-block;margin-top:20px;text-align:center}body.home .mobile-container .contact-mobile a:hover{background-color:#0f9;color:#000;transform:translateY(-2px);box-shadow:0 5px 15px rgba(0,255,153,.3)}@media screen and (max-width: 1040px){body.home .main_home{display:none}body.home .btn-container{display:none}}@media(min-width: 1040px){body.home .mobile-container{display:none}}@media screen and (max-width: 1040px){body.home .header{position:fixed;top:0;left:0;width:100%;z-index:1000;background-color:hsla(0,0%,100%,.95);backdrop-filter:blur(10px);border-bottom:1px solid rgba(0,0,0,.1)}body.home .header .header_container{flex-direction:column;padding:10px}body.home .header .header_container .nav{margin-top:10px;flex-wrap:wrap;justify-content:center;gap:15px}body.home .header .header_container .nav a{font-size:14px}body.home .header .header_container .language-switcher{margin:10px 0 0 0}body.home .header .header_container .language-switcher label{font-size:14px}body.home .mobile-container{padding-top:120px}}body.francais{margin:0;width:100%;background-color:#fff}body.francais .header{display:flex;font-size:20px;justify-content:space-around;background-color:red;color:#fff;padding:20px}body.francais .header .nav ul{display:flex;gap:10px}body.francais .main_container{padding-top:70px}body.francais .main_container .title_francais{margin-top:50px;font-size:40px;text-align:center}body.francais .main_container .articles{margin-top:40px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:50px}body.francais .main_container .articles .cards{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;width:100%;gap:100px;margin-bottom:140px}body.francais .main_container .articles .cards .card .thumb img{width:400px}body.francais .footer{background-color:blue;position:fixed;bottom:0;color:#fff;width:100%;box-sizing:border-box;display:flex;justify-content:space-between;align-items:center}body.francais .footer p{padding:20px;font-size:12px}body.francais .footer .portfolio_home{padding:20px}body.francais .footer .portfolio_home a{display:block;padding-top:20px}body.francais .content{margin-top:40px;padding:0 20px;margin-bottom:100px}body.francais .content .phrase-container,body.francais .content .grammar-container{display:flex;flex-direction:column;gap:40px;max-width:800px;margin:0 auto}body.francais .content .phrase-item,body.francais .content .grammar-item{background-color:#f8f9fa;border-radius:10px;padding:20px;box-shadow:0 2px 10px rgba(0,0,0,.1)}body.francais .content .phrase-item h3,body.francais .content .phrase-item h4,body.francais .content .grammar-item h3,body.francais .content .grammar-item h4{color:#333;margin-bottom:20px;font-size:20px;border-bottom:2px solid #007bff;padding-bottom:10px}body.francais .content .phrase-item h4,body.francais .content .grammar-item h4{font-size:16px;margin-top:20px;border-bottom:1px solid #007bff}body.francais .content .phrase-card{background-color:#fff;border-radius:8px;padding:15px;margin-bottom:15px;border-left:4px solid #007bff;box-shadow:0 1px 5px rgba(0,0,0,.1)}body.francais .content .phrase-card .french{font-size:18px;font-weight:bold;color:#007bff;margin-bottom:5px}body.francais .content .phrase-card .japanese{font-size:16px;color:#333;margin-bottom:5px}body.francais .content .phrase-card .pronunciation{font-size:14px;color:#666;font-style:italic}body.francais .content .grammar-table{display:flex;flex-direction:column;gap:10px}body.francais .content .grammar-table .table-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:15px;padding:10px;background-color:#fff;border-radius:5px;border-left:3px solid #28a745}body.francais .content .grammar-table .table-row .pronoun{font-weight:bold;color:#28a745}body.francais .content .grammar-table .table-row .meaning{color:#333}body.francais .content .grammar-table .table-row .pronunciation{color:#666;font-style:italic}body.francais .content .article-section .article-examples{display:flex;flex-direction:column;gap:10px}body.francais .content .article-section .article-examples .article-item{display:grid;grid-template-columns:60px 1fr 1fr;gap:15px;padding:10px;background-color:#fff;border-radius:5px;border-left:3px solid #ffc107}body.francais .content .article-section .article-examples .article-item .article{font-weight:bold;color:#ffc107;font-size:18px}body.francais .content .article-section .article-examples .article-item .usage{color:#333}body.francais .content .article-section .article-examples .article-item .example{color:#666;font-style:italic}body.francais .content .question-examples{display:flex;flex-direction:column;gap:15px}body.francais .content .question-examples .question-item{background-color:#fff;border-radius:8px;padding:15px;border-left:4px solid #dc3545;box-shadow:0 1px 5px rgba(0,0,0,.1)}body.francais .content .question-examples .question-item .question{font-size:18px;font-weight:bold;color:#dc3545;margin-bottom:5px}body.francais .content .question-examples .question-item .answer{font-size:16px;color:#333;margin-bottom:5px}body.francais .content .question-examples .question-item .pronunciation{font-size:14px;color:#666;font-style:italic}.branding{width:100%}body.contact .contact__inner{width:100%;margin:0 auto}/*# sourceMappingURL=style.css.map */