html{scroll-behavior:smooth}body{background-color:#070a3d;font-family:Helvetica,"ヒラギノ丸ゴ ProN";overflow-x:hidden;overflow-y:auto;margin:0;padding:0}body,html{height:100%;overflow-x:hidden;scroll-behavior:smooth}.header{display:grid;position:fixed;justify-content:flex-start;z-index:50;top:0;left:0;width:100%}.main_container{display:grid;position:relative;grid-template-rows:1fr;justify-content:center;align-content:start;width:100%}.content iframe{position:absolute;top:0;left:0;width:100vw;height:100vh}.content h3{margin:0}.content_txt{padding:50px 0;font-size:17px;text-align:left;margin:0}.content_txt_2{padding-top:60px}.content01{padding-top:50px}.txt01{padding:0;text-align:center}.txt01_2{padding-top:0;padding-bottom:20px}.txt01_3{padding-bottom:20px}.txt01_4{padding:20px 0}.title01{padding-top:20px}.chatbot_link{display:grid;grid-template-columns:33% 33% 33%;justify-content:space-evenly;align-content:start;place-content:top;place-items:center;row-gap:10px;column-gap:10px}.btn,a.btn,button.btn{font-size:1.6rem;font-weight:700;line-height:1.5;position:relative;display:inline-block;padding:1rem 4rem;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-transition:all .3s;transition:all .3s;text-align:center;vertical-align:middle;text-decoration:none;letter-spacing:.1em;color:#212529;border-radius:.5rem}a.btn--orange{color:#000;background-color:#99eaf3;border-radius:20px;border-bottom:10px solid #6cc9d3;width:265px;height:50px;margin:10px;font-size:21px;display:flex;flex-direction:row;align-items:center;padding:20px}.btn--orange p{font-size:7px}.btn--orange img{margin-right:30px}a.btn--orange:hover{transform:translateY(-7px);color:#000;background:#ff74d5;border-bottom-color:#c72b98;box-shadow:0 -1px 0 #c72b98;box-shadow:0 8px 12px rgba(0,0,0,.3)}a.btn--shadow{-webkit-box-shadow:0 3px 5px rgba(0,0,0,.3);box-shadow:0 3px 5px rgba(0,0,0,.3)}a.btn_chatbot{color:#000;background-color:#99eaf3;border-radius:20px;border-bottom:10px solid #6cc9d3;width:250px;height:100px;font-size:25px;display:flex;flex-direction:row;align-items:center;padding-left:15px;padding-right:15px;padding-top:5px;padding-bottom:5px}.btn_chatbot p{font-size:7px}.btn_chatbot img{width:80px;height:80px;padding-right:10px}rt{font-size:9px}@keyframes fadeIn{100%{opacity:1;transform:translate(0)}}.fade-in-up{opacity:0;transform:translateY(70px);transition:opacity 1s ease-out,transform 1s ease-out}.fade-in-up.active{opacity:1;transform:translateY(0)}#KindaiHeader{position:fixed;justify-content:flex-start;top:0;left:0;width:100%;height:80%;z-index:1000;pointer-events:none}#KindaiHeaderLogo{position:fixed;top:0;left:0;width:14vw;max-width:225px;height:auto;background-color:#fff;border-bottom-right-radius:30px;transform:translateY(-100px);animation-name:fadeIn;animation-duration:2s;animation-fill-mode:forwards;z-index:1000;pointer-events:auto;display:flex;flex-direction:column;align-items:center;padding:10px;box-sizing:border-box}#KindaiHeaderLogo img{max-width:100%;height:auto;display:block;margin-bottom:8px}#kindai_logo{margin-bottom:3px}#collab{width:15%;margin-left:45%;margin-bottom:10px}#slack_logo{width:83%;margin-left:5%;margin-bottom:15px}#hamburger-menu{pointer-events:auto}.key_msg{position:absolute;display:block;z-index:50;width:100dvw;height:100dvw}#key_msg_img1{position:absolute;top:485px;left:10px;width:100%;height:100%;background-repeat:no-repeat;background-image:url(../img/home_img/main_title1.png)}#key_msg_img2{position:absolute;top:750px;left:0;width:100%;height:100%;background-repeat:no-repeat;background-image:url(../img/home_img/main_title2.png)}#HeaderRightList{position:fixed;top:0;right:0;height:90px;display:flex;align-items:center;gap:10px;margin-right:30px;z-index:1000;transform:scale(1.1);transform-origin:top right}#HeaderRightListContainer{transform:translateY(-100px);animation-name:fadeIn;animation-duration:2s;animation-fill-mode:forwards;display:flex;align-items:center;margin-right:5px}#HeaderMenu{list-style:none;margin:0;padding:0;display:flex;width:100%;justify-content:space-between}.HeaderMenuLists{margin:0 3px}.HeaderMenuLists a{padding:.6vw 1vw;background-color:#fff;border-radius:1vw;font-weight:700;color:#000;text-decoration:none;display:flex;justify-content:center;align-items:center;text-align:center;width:10vw;font-size:clamp(10px,.9vw,14px);white-space:nowrap}.menu-wrapper{background-color:#f0f0f0;border-radius:20px;padding:.5rem 1rem;display:flex;justify-content:center;align-items:center;width:100%;max-width:50vw;height:1%;align-items:center;pointer-events:auto;transition:opacity .3s ease-in-out,transform .3s ease-in-out}.menu-wrapper.hide{opacity:0;transform:translateX(40px);pointer-events:none}.HeaderMenuLists span{padding-left:5px;margin-right:5px}.header_right_list_button:hover{background-color:#e0e0e0;color:#2347a2}.square{position:relative;top:92svh;z-index:10;background-color:#48506f;color:#fff;width:100dvw;height:8svh;justify-content:center;display:flex;align-items:center;white-space:nowrap;font-size:15px}.square a{text-decoration:none;color:#fff;display:inline;width:auto;margin-left:25px}.square a:hover{color:#e4257e}.square p{font-size:125%}.download p{font-size:10px;font-weight:700}.download_icon a{text-decoration:none}.download_icon img{cursor:pointer}.pc{border-radius:5px}.download_img:hover{opacity:.7}.menu-btn{position:relative;width:15vw;max-width:80px;height:10vw;max-height:50px;min-height:40px;display:flex;justify-content:center;align-items:center;background-color:#4b5076;border-radius:100px;cursor:pointer;z-index:90;transform:translateY(-100px);animation-name:fadeIn;animation-duration:2s;animation-fill-mode:forwards}.menu-btn span,.menu-btn span:after,.menu-btn span:before{position:absolute;z-index:20;content:"";height:5px;width:40px;background-color:#fff;border-radius:5px;transition:all .3s ease}.menu-btn span:before{bottom:10px}.menu-btn span:after{top:10px}#menu-btn-check:checked+.menu-btn span{background-color:rgba(255,255,255,0)}#menu-btn-check:checked+.menu-btn span::before{bottom:0;transform:rotate(30deg)}#menu-btn-check:checked+.menu-btn span::after{top:0;transform:rotate(-30deg)}#menu-btn-check{display:none}#popup_menu{width:232px;height:auto;position:fixed;z-index:20;top:50px;right:1.5vw;background-color:#fff;border-radius:5px;padding:15px;text-align:center;box-shadow:0 0 10px rgba(0,0,0,.15);opacity:0;transform:translateY(-5px);transition:opacity .3s ease-in-out,transform .3s ease-in-out;pointer-events:none;max-height:80vh;overflow-y:auto}#popup_menu.show{opacity:1;transform:translateY(45px);pointer-events:auto}.popup_kindai{margin-bottom:15px}#popup_menu_contents{list-style:none;padding:0;margin:0;display:flex;flex-direction:column}.popup_menu_contents_item{margin-bottom:12px}.popup_menu_contents_item_button{display:flex;align-items:center;padding:10px;background-color:#f4f4f4;border-radius:5px;text-decoration:none;transition:background-color .2s;width:100%;max-width:240px;box-sizing:border-box;border:1px solid transparent}.popup_menu_contents_item_button:hover .popup_menu_contents_item_img{background-color:#e0e0e0;border-radius:5px;border-color:currentColor}.popup_menu_contents_item_img{width:40px;height:40px;flex-shrink:0}.popup_menu_contents_item_txt{margin-left:5px;font-size:clamp(8px,2.3vw,10px);font-weight:700;color:#333;text-align:left;white-space:nowrap}.popup_menu_contents_item_txt:hover{color:#f07}.bg_common{position:relative;width:100svw;height:100svh;top:auto;left:0;background-size:cover;background-repeat:no-repeat;background-position:center;overflow:hidden}.bg_top{background-image:url(../img/home_img/header_background.png)}.bg_chatbot{background-image:url(../img/home_img/background_1.png)}.bg_manual{background-image:url(../img/home_img/background_2.png)}.bg_utilization{background-image:url(../img/home_img/background_3.png)}.bg_example{background-image:url(../img/home_img/background_4.png)}.contents{position:relative;z-index:1;transform:translateY(100px);animation-name:fadeIn;animation-duration:2s;animation-fill-mode:forwards;top:65svh;left:2%}#HomeHeaderTitle{position:absolute;top:1px;left:20px}.home_header_title_img{margin-top:10px;margin-bottom:10px;margin-left:20px;width:50%;object-fit:scale-down}#HomeHeaderNews{position:absolute;z-index:10;box-sizing:border-box;overflow:hidden;top:76%;right:10px;background-color:#fff;border-radius:5px;display:flex;padding:0 10px;margin:0 10px 10px 0;height:68.75px;width:38%;text-align:center;transform:translateY(100px);animation-name:fadeIn;animation-duration:2s;animation-fill-mode:forwards}#HomeHeaderNews::before{content:"";position:absolute;top:-50px;left:-30px;width:100px;height:100px;border-radius:50%;background-color:#ff94dd;z-index:0}.news{font-weight:700;font-size:125%;border-right:2px solid #a1a1a1;padding:0 8px 2px 0;width:50%;flex:0 0 auto;width:auto;z-index:10}.marquee{width:100%;height:100%;max-width:calc(100% - 100px);position:relative;overflow:hidden;display:flex;align-items:center;margin-left:10px}.marquee_text{animation:marquee 8s linear infinite;white-space:nowrap;color:#000;display:inline-block;pointer-events:auto;font-size:125%;font-family:Helvetica,"ヒラギノ丸ゴ ProN"}.marquee_text:hover{color:#e10069}@keyframes marquee{0%{transform:translateX(200%)}100%{transform:translateX(-100%)}}#HomeMainChapter{position:relative;z-index:30;padding-left:0}.HomeMainContents{align-content:center}.home_main_chapter{position:relative;font-size:25px;font-weight:700;margin-left:0}.circle_number{position:absolute;color:#fff;z-index:0;top:clamp(40%,60%,70%);left:clamp(10px,5vw,30px);width:clamp(50px,10vw,80px);height:clamp(50px,10vw,80px);padding-top:clamp(10px,2vw,15px);border:1px solid #ec0891;background-color:#e5004d;border-radius:50%;text-align:center;box-sizing:border-box;font-size:clamp(24px,5vw,40px)}.home_main_chapter h1{position:absolute;top:clamp(60%,70%,75%);left:clamp(5px,3vw,20px);color:#fff;z-index:10;font-size:clamp(15px,5.5vw,50px);white-space:nowrap;max-width:100%}.overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(111,111,111,.7);justify-content:center;align-items:center;z-index:2000}.popup{position:relative;width:55svw;max-height:85svh;padding:40px 120px;background:#fff;border-radius:40px;text-align:center;overflow-x:hidden;overscroll-behavior:contain}body.popup-open{overflow:hidden;overscroll-behavior:none}.popup .close{position:absolute;top:30px;right:50px;text-decoration:none;font-size:35px;color:#333;cursor:pointer;z-index:1000}.popup h1{font-size:2em;margin:0;text-align:center}.popup2_title{font-size:1.7rem;margin-top:20px}.popup h2{color:#e5004d;padding-bottom:55px;margin:0}.chapter{position:relative}.curve_animation{display:block;margin:0 auto;position:absolute;top:40%;left:50%;transform:translate(-50%,-50%);max-width:60%;height:auto;z-index:5;opacity:0}.curve_animation.active{animation:curveRotate .7s ease-out forwards}@keyframes curveRotate{0%{transform:translate(-50%,calc(100vh - 50%)) rotate(-60deg);opacity:0}100%{transform:translate(-50%,-50%) rotate(0);opacity:1}}.naming_convention,.private_channel,.public_channel,.student_use,.teacher_use,.youtube{display:flex;flex-flow:column;text-align:left;padding-bottom:10px}.naming_convention li,.private_channel li,.public_channel li,.student_use li,.teacher_use li,.youtube li{display:flex;align-items:flex-start;gap:8px}.naming_convention li i,.private_channel li i,.public_channel li i,.student_use li i,.teacher_use li i,.youtube li i{padding-top:4px}.student_use{padding-bottom:60px}.private_channel,.public_channel{margin-bottom:30px}.naming_convention{margin-top:20px;margin-bottom:50px}.fa-triangle-exclamation{color:#ffa710}.red_txt{color:#f05;font-weight:700}.line{border-top:1px solid #000;margin:60px 0 40px 0}.attention_txt{text-align:left}.fa-position-right{position:absolute;top:calc(50% - .5em);right:1rem}.android_notion{font-size:25px;margin-bottom:40px;cursor:pointer}.android_notion i{color:#f0a937}.notion_contents{text-align:left;margin-bottom:40px;padding:20px;display:none;padding:10px;background-color:#f9f9f9;border:1px solid #ccc;border-radius:5px;overflow:hidden}.row{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-bottom:25px}.box_slack{padding:10px;color:#5d627b;background:#fff;box-shadow:0 3px 5px rgba(0,0,0,.22);box-sizing:border-box;display:flex;flex-direction:column;border-radius:10px;transition:transform .3s;width:100%;height:360px;overflow:hidden}.box_slack img{border-radius:5px;width:100%;height:auto;object-fit:cover;display:block}.box_slack h1{padding-top:10px;font-size:16px;font-weight:700;text-align:left;color:#000;line-height:1.4;margin:0}.box_slack h2 p{padding-top:30px;font-size:16px;font-weight:700;text-align:center;color:#000;line-height:1.4;margin:0}.box_slack p{padding-top:8px;font-size:14px;line-height:1.5;text-align:left;margin:0;overflow:hidden;text-overflow:ellipsis}.content_txt_4{padding-bottom:60px;text-align:left}.footer_square{background-color:#48506f;width:100dvw;height:15svh;color:#fff;justify-content:center;align-items:center;display:flex;flex-direction:column}.footer_download{padding-bottom:10px;font-size:125%}.footer_square .download_icon{transform:scale(1.25)}.inquiry{cursor:pointer;padding-bottom:30px}.inquiry:hover{color:#e4257e}body.popup-open #HeaderRightList,body.popup-open #KindaiHeader,body.popup-open #hamburger-menu{z-index:30}.content_chatbot_link{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;justify-items:center;justify-content:center;align-items:stretch;margin-top:30px}.wrapper{max-width:1100px;justify-content:center;text-align:center;margin:0 auto;padding:0 2%;color:#fff}.wrapper span{font-size:.6em;height:1;top:0;right:0}