@charset "UTF-8";*,:after,:before{-webkit-box-sizing:border-box;box-sizing:border-box}html{font-size:62.5%;-webkit-text-size-adjust:100%}input[type=button],input[type=submit]{border-radius:0;-webkit-box-sizing:content-box;-webkit-appearance:button;appearance:button;border:none;box-sizing:border-box}input[type=button]::-webkit-search-decoration,input[type=submit]::-webkit-search-decoration{display:none}input[type=button]:focus,input[type=submit]:focus{outline-offset:-2px}a[href^="tel:"]{text-decoration:none}body{font-family:"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","游ゴシック","Yu Gothic",YuGothic,"メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",Roboto,"Droid Sans",sans-serif;font-weight:500;font-size:1.2rem;color:#000}a,a:visited{text-decoration:none;color:#008cd6}.sp-none{display:none!important}.sp-none-inline{display:none}.vertical-space{width:100%;height:16px}.vertical-space.line{width:100%;height:8px;border-bottom:solid 1px #ccc;margin-bottom:8px}.clearfix{overflow:hidden}.clearfix:after{clear:both;display:block;height:0;line-height:0;visibility:hidden;font-size:.1em;content:"."}.border-cat-1{border-color:#feff70!important}.border-cat-2{border-color:#e7ff70!important}.border-cat-3{border-color:#cfff70!important}.border-cat-4{border-color:#b8ff70!important}.border-cat-5{border-color:#a0ff70!important}.border-cat-6{border-color:#88ff70!important}.border-cat-7{border-color:#70ff70!important}.border-cat-8{border-color:#70df90!important}.border-cat-9{border-color:#70bfb0!important}.border-cat-10{border-color:#709fd0!important}.border-cat-11{border-color:#909fd0!important}.border-cat-12{border-color:#b09fd0!important}.border-cat-13{border-color:#d09fd0!important}.border-cat-14{border-color:#f09fd0!important}.icon-cat-1{color:#feff70!important}.icon-cat-2{color:#e7ff70!important}.icon-cat-3{color:#cfff70!important}.icon-cat-4{color:#b8ff70!important}.icon-cat-5{color:#a0ff70!important}.icon-cat-6{color:#88ff70!important}.icon-cat-7{color:#70ff70!important}.icon-cat-8{color:#70df90!important}.icon-cat-9{color:#70bfb0!important}.icon-cat-10{color:#709fd0!important}.icon-cat-11{color:#909fd0!important}.icon-cat-12{color:#b09fd0!important}.icon-cat-13{color:#d09fd0!important}.icon-cat-14{color:#f09fd0!important}.bk-color-cat-1{background-color:#feff70!important}.bk-color-cat-2{background-color:#e7ff70!important}.bk-color-cat-3{background-color:#cfff70!important}.bk-color-cat-4{background-color:#b8ff70!important}.bk-color-cat-5{background-color:#a0ff70!important}.bk-color-cat-6{background-color:#88ff70!important}.bk-color-cat-7{background-color:#70ff70!important}.bk-color-cat-8{background-color:#70df90!important}.bk-color-cat-9{background-color:#70bfb0!important}.bk-color-cat-10{background-color:#709fd0!important}.bk-color-cat-11{background-color:#909fd0!important}.bk-color-cat-12{background-color:#b09fd0!important}.bk-color-cat-13{background-color:#d09fd0!important}.bk-color-cat-14{background-color:#f09fd0!important}.before-color-cat-1::before{background-color:#feff70!important}.before-color-cat-2::before{background-color:#e7ff70!important}.before-color-cat-3::before{background-color:#cfff70!important}.before-color-cat-4::before{background-color:#b8ff70!important}.before-color-cat-5::before{background-color:#a0ff70!important}.before-color-cat-6::before{background-color:#88ff70!important}.before-color-cat-7::before{background-color:#70ff70!important}.before-color-cat-8::before{background-color:#70df90!important}.before-color-cat-9::before{background-color:#70bfb0!important}.before-color-cat-10::before{background-color:#709fd0!important}.before-color-cat-11::before{background-color:#909fd0!important}.before-color-cat-12::before{background-color:#b09fd0!important}.before-color-cat-13::before{background-color:#d09fd0!important}.before-color-cat-14::before{background-color:#f09fd0!important}.contents{min-height:calc(100vh - 48px - 730px);background-color:#e4e4e4}.header{width:100%;background-color:#fff;height:48px}.header-inner{width:100%;height:48px;padding:0 8px 0 8px;display:flex;align-items:center;position:fixed;top:0;left:0;z-index:100;background-color:#fff}.header-logo{width:132px;height:auto}.header-logo>a{width:100%;height:auto;display:block}.header-logo>a>img{width:100%;height:auto}.global-menu-outer{display:none}.global-menu-outer .header-sns>li>a:hover{opacity:.8}.menu-mobile-menu-container{display:none}.header-contact-outer{width:calc(100% - 132px - 30px)}.header-menu-outer{width:30px;height:30px}.header-menu{width:30px;height:30px}.header-menu-button{width:30px;height:30px}.header-menu-off .header-menu-button-icon{width:30px;height:30px;background-image:url(images/icon/icon_menu.svg);background-size:contain;background-repeat:no-repeat;background-position:0 1px}.header-menu-on .header-menu-button-icon{width:30px;height:30px;background-image:url(images/icon/icon_close.svg);background-size:contain;background-repeat:no-repeat;background-position:0 0}.menu-mobile-menu-container{width:100%;height:calc(100vh - 48px);position:fixed;top:48px;left:0;z-index:100;background-color:#fff;overflow-y:scroll}#menu-mobile-menu{border-top:solid 1px #eee;margin:8px 8px;padding-bottom:80px}.mobile-sub-menu>a{padding:16px;border-bottom:solid 1px #eee;display:block;color:#444;font-size:1.6rem;font-weight:700}.mobile-sub-menu.sub-menu-off>a{background-color:#fff}.mobile-sub-menu.sub-menu-on>a{border-bottom:solid 1px #019fce}.sub-menu-off>ul{display:none}.sub-menu-on>ul{display:block}.sub-menu>li>a{padding:16px 16px 16px 24px;border-bottom:solid 1px #eee;display:block;color:#111;font-size:1.5rem}.header-contact-button-sp{display:block;width:120px;text-align:center;padding:8px 8px 8px 32px;color:#fff;font-weight:700;font-size:1.5rem;border-radius:8px;position:relative;margin-right:16px;margin-left:auto}.header-contact-button-sp:visited{color:#fff}.header-contact-button-sp.color-y{background-color:orange}.header-contact-button-sp.color-y::before{content:"";display:block;position:absolute;top:3px;left:12px;width:24px;height:24px;background-image:url(images/icon/icon_touch.svg);background-repeat:no-repeat;background-size:contain}.gray-back{position:fixed;width:100%;height:100vh;background:rgb(0 0 0 / 50%);z-index:1000;display:none}.tel-area{position:fixed;width:800px;height:280px;background-color:#fff;border-radius:2px;z-index:1010;top:60px;left:50%;margin-left:-400px;display:none;padding:16px;border:solid 4px #009fcd;text-align:center}.tel-area h2{font-size:2.2rem;text-align:center;margin:32px auto 16px auto;font-weight:700;color:#444}.tel-area p.tel-text{font-size:1.6rem;line-height:1.6em;padding:0;text-align:center}.tel-area p.tel-number{font-size:4rem;text-align:center;margin:24px 0;font-weight:700;color:#111;position:relative;padding-left:60px;display:inline-block}.tel-area p.tel-number::after{content:"";width:48px;height:48px;position:absolute;top:0;left:0;background-image:url(images/icon/icon_call_o.svg);background-repeat:no-repeat;background-size:contain}.tel-close-button{position:fixed;z-index:1020;width:40px;height:40px;display:none;top:60px;left:50%;margin-left:416px}.tel-close-button img{display:block;width:100%;height:auto}.tel-area-container{position:relative}.sp-tel-area{position:fixed;width:100vw;height:auto;background-color:#fff;z-index:1010;top:48px;left:0;display:none;padding:24px 0;box-shadow:0 2px 4px rgb(0 0 0 / 20%)}.sp-tel-text{font-size:1.5rem;line-height:1.8em;text-align:center}.sp-tel-text.left-text{font-size:1.5rem;line-height:1.8em;text-align:left;padding-left:32px;padding-right:32px}.sp-tel-close-button{width:30px;height:30px;top:16px;right:16px;position:absolute}.sp-tel-close-button img{display:block;width:100%;height:auto}.sp-tel-area .btn-icon_or2.icon_web{padding-left:48px;position:relative}.sp-tel-area .btn-icon_or2.icon_web::before{content:"";display:block;position:absolute;top:10px;left:12px;width:24px;height:24px;background-image:url(images/icon/icon_web.svg);background-repeat:no-repeat;background-size:contain}.sp-tel-area .btn-icon_or1.icon_call{padding-left:48px;position:relative}.sp-tel-area .btn-icon_or1.icon_call::before{content:"";display:block;position:absolute;top:10px;left:12px;width:24px;height:24px;background-image:url(images/icon/icon_call.svg);background-repeat:no-repeat;background-size:contain}.contents-inner{width:100%;height:auto;position:relative}.columns{width:100%;height:auto}.top-visual{width:100%}.long-box{width:100%;background-color:#fff}.middle-box{width:100%;background-color:#fff;position:relative}.short-box{width:100%;background-color:#fff}.maintext{padding:16px 16px 24px 16px}.maintext.no-vpadding{padding:0 16px}.maintext h1{font-size:2rem;line-height:1.4em;margin-bottom:16px;border-bottom:solid 1px #008cd6;position:relative}.maintext h1.h1-icon{padding-left:32px}.maintext h2{font-size:1.8rem;line-height:1.4em;font-weight:700;padding:16px;color:#444;background:#fffaf4;border-left:solid 5px #008cd6;margin-top:48px;margin-bottom:16px}.maintext h2.h1-like{font-size:2rem;line-height:1.4em;margin-bottom:16px;border-bottom:solid 1px #008cd6;position:relative;border-left:none;margin-top:0;color:#000;padding:0;font-weight:400;background:0 0}.maintext h2.h1-like.h1-icon{padding-left:32px}.maintext h3{font-size:1.7rem;line-height:1.6em;font-weight:700;margin-top:16px;margin-bottom:16px;color:#222;padding-left:22px;position:relative}.maintext h3::before{content:"";width:16px;height:16px;display:block;position:absolute;top:4px;left:0;background-image:url(images/icon/icon_check.svg);background-repeat:no-repeat;background-size:contain}.maintext h4{font-size:1.6rem;line-height:1.6em;font-weight:700;margin-top:16px;margin-bottom:16px;color:#222;padding-left:20px;position:relative}.maintext h4::before{content:"";width:12px;height:12px;display:block;position:absolute;top:7px;left:0;background-color:#008cd6}.maintext p{font-size:1.5rem;line-height:1.8em;margin-bottom:1em}.maintext p a,.maintext p a:visited{text-decoration:underline}.maintext p span.red{color:#e04646}.maintext p span.bold{font-weight:700}.maintext p.red{color:#e04646}.maintext p.bold{font-weight:700}.maintext p.usual-topic{font-weight:700;color:#444;margin-bottom:8px}.maintext ul li{font-size:1.5rem;line-height:1.4em}.maintext ol{margin:16px 0 16px 2em}.maintext ol li{font-size:1.5rem;line-height:1.4em;margin:8px 0}.maintext .right{text-align:right}.maintext .right a{display:inline-block;font-size:1.5rem;line-height:1.8em}.maintext .select_line{margin:24px 0}.maintext .select_line ul{list-style-type:none;text-align:center;width:100%;display:table;table-layout:fixed}.maintext .select_line ul li{display:table-cell;vertical-align:middle;border-right:2px solid #fff;border-left:2px solid #fff}.maintext .select_line ul li:first-child{border-left:0}.maintext .select_line ul li:last-child{border-right:0}.maintext .select_line ul li a{color:#fff;display:block;font-size:1.5rem;text-decoration:none;padding:16px 8px;font-weight:700;background-color:orange;border-radius:4px;font-size:1.6rem}.maintext .org-button-link3{width:100%;height:auto}.maintext .org-button-link3 table{width:100%;display:block}.maintext .org-button-link3 table tbody,.maintext .org-button-link3 table td,.maintext .org-button-link3 table tr{width:100%;display:block}.maintext .org-button-link3 table td a{width:80%;height:auto;font-size:1.6rem;line-height:1.2em;background-color:orange;color:#fff;font-weight:700;border-radius:8px;padding:16px 16px;display:block;text-align:center;margin:24px auto 24px;text-decoration:none}.maintext .up-date{font-size:1.2rem;color:#666;display:block;margin-right:0;margin-bottom:16px;text-align:left}.maintext .up-date.no-margin{margin-bottom:0}.maintext .post-type{font-size:1.2rem;color:#666;display:block;margin-right:0;margin-bottom:16px;text-align:left}.maintext .post-type.no-margin{margin-bottom:0}.maintext img{width:100%;height:auto;display:block;max-width:792px;margin:0 auto 16px auto}.maintext p>img{margin-bottom:0}.maintext .related-link{position:relative;padding-left:24px;line-height:1.8;display:block}.maintext .related-link::before{display:block;content:"";position:absolute;color:#008cd6;width:16px;height:16px;background-image:url(images/icon/icon_link.svg);background-repeat:no-repeat;background-size:contain;top:5px;left:0}.maintext .emphasize-ib{position:relative;margin:32px 0 16px;padding:16px;border:2px solid #03b2a9;background-color:#eef8ff}.maintext .emphasize-ib::before{position:absolute;bottom:100%;left:-2px;padding:2px 6px;content:"合格体験談はこちら！";background-color:#03b2a9;color:#fff;font-weight:700}.maintext .emphasize-ib .related-link{position:relative;padding-left:24px;line-height:1.8;display:block}.maintext .emphasize-ib .related-link::before{display:block;content:"";position:absolute;color:#008cd6;width:16px;height:16px;background-image:url(images/icon/icon_link.svg);background-repeat:no-repeat;background-size:contain;top:5px;left:0}.maintext .emphasize-awasete{position:relative;margin:32px 0 16px;padding:16px;border:2px solid #008cd6;background-color:#eef8ff}.maintext .emphasize-awasete::before{position:absolute;bottom:100%;left:-2px;padding:2px 6px;content:"● 合わせて読みたい ●";background-color:#008cd6;color:#fff;font-weight:700}.maintext .emphasize-awasete .related-link{position:relative;padding-left:24px;line-height:1.8;display:block}.maintext .emphasize-awasete .related-link::before{display:block;content:"";position:absolute;color:#008cd6;width:16px;height:16px;background-image:url(images/icon/icon_link.svg);background-repeat:no-repeat;background-size:contain;top:5px;left:0}.maintext .emphasize-link{position:relative;margin:56px 0 16px;padding:16px;border:2px solid #008cd6;background-color:#eef8ff}.maintext .emphasize-link::before{position:absolute;bottom:100%;left:-2px;padding:2px 6px;content:"関連記事";background-color:#008cd6;color:#fff;font-weight:700}.maintext .emphasize-link .related-link{position:relative;padding-left:24px;line-height:1.8;display:block}.maintext .emphasize-link .related-link::before{display:block;content:"";position:absolute;color:#008cd6;width:16px;height:16px;background-image:url(images/icon/icon_link.svg);background-repeat:no-repeat;background-size:contain;top:5px;left:0}.maintext .emphasize-link.emphasize-proteacher{min-height:320px}.maintext .emphasize-link.emphasize-proteacher::before{position:absolute;bottom:100%;left:-2px;padding:2px 6px;content:"EDUBALプロ教師";background-color:#008cd6;color:#fff;font-weight:700}.maintext .emphasize-link .tokiwa{margin:16px auto;width:60%;padding:0;display:block}.maintext .emphasize-sils{position:relative;margin:32px 0 16px;padding:16px;border:2px solid #03b2a9;background-color:#ecfffe}.maintext .emphasize-sils::before{position:absolute;bottom:100%;left:-2px;padding:2px 6px;content:"早稲田大学国際教養学部（SILS）の関連記事";background-color:#03b2a9;color:#fff;font-weight:700}.maintext .emphasize-gla{position:relative;margin:32px 0 16px;padding:16px;border:2px solid #ae3846;background-color:#fdecee}.maintext .emphasize-gla::before{position:absolute;bottom:100%;left:-2px;padding:2px 6px;content:"立命館大学グローバル教養学部（GLA）の関連記事";background-color:#ae3846;color:#fff;font-weight:700}.maintext .emphasize-sophia{position:relative;margin:32px 0 16px;padding:16px;border:2px solid #ae3846;background-color:#fdecee}.maintext .emphasize-sophia::before{position:absolute;bottom:100%;left:-2px;padding:2px 6px;content:"上智大学 SPSFの関連記事";background-color:#ae3846;color:#fff;font-weight:700}.maintext .emphasize-apu{position:relative;margin:32px 0 16px;padding:16px;border:2px solid #ae3846;background-color:#fdecee}.maintext .emphasize-apu::before{position:absolute;bottom:100%;left:-2px;padding:2px 6px;content:"立命館アジア太平洋大学（APU）の関連記事";background-color:#ae3846;color:#fff;font-weight:700}.maintext .emphasize-keio{position:relative;margin:32px 0 16px;padding:16px;border:2px solid #f1c400;background-color:#fff9e1}.maintext .emphasize-keio::before{position:absolute;bottom:100%;left:-2px;padding:2px 6px;content:"慶応義塾大学総合政策学部 環境情報学部 冬AO入試（グローバル）の関連記事";background-color:#f1c400;color:#fff;font-weight:700}.maintext .emphasize-icu{position:relative;margin:32px 0 16px;padding:16px;border:2px solid #284594;background-color:#e2eaff}.maintext .emphasize-icu::before{position:absolute;bottom:100%;left:-2px;padding:2px 6px;content:"国際基督教大学（ICU）の関連記事";background-color:#284594;color:#fff;font-weight:700}.maintext .emphasize-aiu{position:relative;margin:32px 0 16px;padding:16px;border:2px solid green;background-color:#daffda}.maintext .emphasize-aiu::before{position:absolute;bottom:100%;left:-2px;padding:2px 6px;content:"国際教養大学（AIU）の関連記事";background-color:green;color:#fff;font-weight:700}.maintext span.marker3{font-size:1.6rem;display:inline;text-indent:0;padding:0;position:relative;font-weight:700}.maintext span.marker3:after{content:"";display:block;height:4px;background:-webkit-linear-gradient(to right,#e65a5a,transparent);background:linear-gradient(to right,#e65a5a,transparent)}.maintext ul.step4{border:double 4px #ff773e;padding:12px 16px;margin:16px 0}.maintext ul.step4 li{position:relative;padding:0 16px 0 28px;margin:8px 0}.maintext ul.step4 li:before{display:block;content:"";position:absolute;color:#ff773e;width:20px;height:20px;background-image:url(images/icon/icon_point.svg);background-repeat:no-repeat;background-size:contain;top:2px;left:0}.maintext .related-area{padding:0 16px}.maintext .related-area .related-link{position:relative;padding-left:24px;line-height:1.8;display:block;font-size:1.6rem}.maintext .related-area .related-link::before{display:block;content:"";position:absolute;color:#008cd6;width:16px;height:16px;background-image:url(images/icon/icon_link.svg);background-repeat:no-repeat;background-size:contain;top:4px;left:-4px}.maintext .blog-bottom-link{margin-top:16px;text-align:right}.maintext .conlink{max-width:400px;margin:16px 0}.maintext .conlink .rea{background:#fff;display:flex;width:100%;border:solid 2px #e5e5e5;font-weight:700;align-items:center}.maintext .conlink .rea .rlmg{width:100px}.maintext .conlink .rea .rlmg img{margin:0}.maintext .conlink .rep{padding:0 16px;width:calc(400px - 102px);border-left:#e5e5e5 solid 2px;height:100px;display:flex;align-items:center}.maintext .conlink .rep p{margin-bottom:0}.maintext .col_2{display:block}.maintext .col_2>div{width:100%;height:auto}.maintext .col_2>div>a{width:80%;height:auto;font-size:1.6rem;line-height:1.2em;background-color:#009fcd;color:#fff;font-weight:700;border-radius:8px;padding:16px 16px;display:block;text-align:center;margin:24px auto 24px;text-decoration:none}.maintext .col_2>div>a.btn-icon_or2{background-color:orange}.maintext .col_3{display:block}.maintext .col_3>div{width:100%;height:auto}.maintext .col_3>div>a{width:80%;height:auto;font-size:1.6rem;line-height:1.2em;background-color:#009fcd;color:#fff;font-weight:700;border-radius:8px;padding:16px 16px;display:block;text-align:center;margin:24px auto 24px;text-decoration:none}.maintext .col_3>div>a.btn-icon_or{background-color:orange}.maintext #select_line a{width:80%;height:auto;font-size:1.6rem;line-height:1.2em;background-color:orange;color:#fff;font-weight:700;border-radius:8px;padding:16px 16px;display:block;text-align:center;margin:24px auto 24px;text-decoration:none}.maintext .teacher-link1{text-align:center}.maintext .teacher-link1 a{min-width:50%;max-width:80%;height:auto;font-size:1.6rem;line-height:1.2em;background-color:#009fcd;color:#fff;font-weight:700;border-radius:8px;padding:16px 16px;display:inline-block;text-align:center;margin:24px auto 24px;text-decoration:none}.maintext #select_line,.maintext #select_line2{display:block;width:100%;height:auto;text-align:center}.maintext #select_line2 a{width:80%;height:auto;font-size:1.6rem;line-height:1.2em;background-color:#009fcd;color:#fff;font-weight:700;border-radius:8px;padding:16px 16px;display:block;text-align:center;margin:24px auto 24px;text-decoration:none}.maintext .float-left30 img{width:60%;margin:0 20% 16px 20%;padding:0!important}.maintext .course-table table{width:100%!important;margin:16px auto}.maintext .course-table table th{padding:8px;border:solid 1px #ccc;background-color:#f7fcff;font-size:1.4rem;line-height:1.4em}.maintext .course-table table td{padding:8px;border:solid 1px #ccc;font-size:1.4rem;line-height:1.4em}.maintext .ac-box{text-align:center}.maintext .ac-box label{width:auto;max-width:80%;min-width:50%;height:auto;font-size:1.6rem;background-color:#009fcd;color:#fff;font-weight:700;border-radius:8px;padding:16px 32px;display:inline-block;text-align:center;margin:16px auto 16px;text-decoration:none;cursor:pointer;position:relative}.maintext .ac-box label::after{display:block;content:"";position:absolute;width:20px;height:20px;background-image:url(images/icon/icon_arrow_down.svg);background-repeat:no-repeat;background-size:contain;right:12px;top:18px}.maintext .ac-box input:checked~label::after{display:block;content:"";position:absolute;width:20px;height:20px;background-image:url(images/icon/icon_arrow_up.svg);background-repeat:no-repeat;background-size:contain;right:12px;top:18px}.maintext .ac-box input{display:none}.maintext .ac-box div{height:0;padding:0;overflow:hidden;opacity:0;transition:.5s;text-align:left}.maintext .ac-box input:checked~div{height:auto;padding:5px;background:#fff;opacity:1}.maintext table.blog_tbl{width:100%!important;margin:16px auto;display:block}.maintext table.blog_tbl tbody{display:block}.maintext table.blog_tbl tr{display:block}.maintext table.blog_tbl th{padding:8px;border:solid 1px #ccc;background-color:#f7fcff;font-size:1.4rem;line-height:1.4em;text-align:left;display:block}.maintext table.blog_tbl th:first-child{width:100%}.maintext table.blog_tbl td{padding:8px;border:solid 1px #ccc;font-size:1.4rem;line-height:1.4em;display:block}.maintext table.blog_tbl tr:first-child{border-top:1px solid #dbe1e8}.maintext table.blog_tbl td,.maintext table.blog_tbl th{border-top:none}.maintext table.blog_tbl td img{max-width:60%}.maintext .time table{width:100%!important;margin:16px auto}.maintext .time table th{padding:8px;border:solid 1px #ccc;background-color:#f7fcff;font-size:1.4rem;line-height:1.4em;text-align:left}.maintext .time table th:first-child{width:30%}.maintext .time table td{padding:8px;border:solid 1px #ccc;font-size:1.4rem;line-height:1.4em}.maintext .time table td img{max-width:60%}.maintext .backblue{margin:24px 0;padding:16px;background-color:#d8f3f7;font-size:1.4em;line-height:1.6em;color:#444}.maintext .backblue p{font-size:1.5rem;color:#444;font-weight:700}.maintext .backblue_blog{margin:24px 0 24px;padding:16px 16px;background-color:#eef8ff}.backyellow{background:#fffeee;padding:16px;margin:16px 0}.maintext .thumb-box{margin:16px 0}.maintext .thumb-box>li{border:solid 1px #ccc;border-radius:4px;box-shadow:0 1px 4px rgb(0 0 0 / 20%);margin-bottom:16px}.maintext .thumb-box-list-a{display:block;width:100%;height:auto;padding:16px}.maintext .thumb-box-list{width:100%;height:auto;display:flex;align-items:center}.maintext .thumb-box-list-left{width:100px;height:auto}.maintext .thumb-box-list-left>img{display:block;width:100%;height:auto;margin-bottom:0;border-radius:4px}.maintext .thumb-box-list-right{width:calc(100% - 120px);height:auto;padding-left:16px}.maintext .thumb-box-list-right>p.box-title{font-size:1.8rem;line-height:1.4em;margin:0 0 8px 0;padding:0;color:#000}.maintext .thumb-box-list-right>p.box-info{font-size:1.3rem;line-height:1.4em;color:#444}.maintext .box_area{padding:16px;margin:16px 0;background:#eef8ff;border:dashed 2px #5b8bd0}.maintext span.marker{display:inline;text-indent:0;padding:0;background:linear-gradient(transparent 80%,#ffddbc 0)}.maintext .button-link4{width:100%;height:auto;display:flex;align-items:flex-end;justify-content:flex-start;flex-wrap:wrap;margin:24px 0}.maintext .button-link4 li{width:49.5%;margin-right:1%;margin-bottom:0;border-bottom:solid 1px #1592d3}.maintext .button-link4 li:nth-child(2n){margin-right:0}.maintext .button-link4 li a{display:block;padding:16px 0 8px 8px;font-size:1.5rem;color:#000}.maintext p.backyellow_blog{margin:16px 0;padding:16px 16px;background-color:#ffffe0}.maintext ol.index{padding:0 0 0 32px;border:2px solid #008cd6;background:#eef8ff;padding:8px 16px 8px 32px;margin:16px auto}.maintext ol.index h3{font-size:1.6rem;line-height:1.6em;font-weight:700;margin-top:16px;margin-bottom:0;color:#222;padding-left:0;margin-left:-1em;position:relative}.maintext ol.index h3::before{content:"";width:0;height:0;display:block;position:absolute;top:0;left:0;background:0 0}.maintext ol.index>li{font-size:1.5rem;margin:16px 0}.maintext ol.index>li>a{text-decoration:underline}.maintext p.hidden{visibility:hidden;margin-bottom:0;line-height:1em}.maintext div#link{width:100%;height:auto}.maintext div#link>a.link{width:80%;height:auto;font-size:1.6rem;line-height:1.2em;background-color:#009fcd;color:#fff;font-weight:700;border-radius:8px;padding:16px 16px;display:block;text-align:center;margin:24px auto 24px;text-decoration:none}.maintext .model-case h3.no-icon:before{width:0;height:0}.maintext .model-case .model-left img{display:block;width:40%;margin:0 auto 16px auto}.maintext .img-dual{margin:16px auto}.maintext .img-triple{margin:16px auto}.maintext .img-quad{display:flex;justify-content:space-between;align-items:flex-start;margin:16px auto;flex-wrap:wrap}.maintext .img-quad p{width:48%;height:auto}.maintext .img-quad p img{width:100%;height:auto;display:block;margin:0}.maintext .speech-bubble-box{border-collapse:separate;border-spacing:15px 2px;display:table;margin:10px 10px 10px 45px;table-layout:fixed;width:90%}.maintext .speech-bubble-box-left{border-collapse:separate;border-spacing:15px 2px;display:table;margin:30px 10px;table-layout:fixed;width:90%}.maintext .speech-bubble-img{display:table-cell;vertical-align:top;width:30px}.maintext .speech-bubble-img img{border-radius:50%;width:30px;margin-bottom:0}.maintext .speech-bubble-img p{margin:0;text-align:center;line-height:1.2em}.maintext .speech-bubble-img p small{font-size:1.2rem}.maintext .speech-bubble-txt{background-color:#eef8ff;border-bottom:2px solid #008cd6;border-radius:8px;display:table-cell;padding:10px;position:relative}.maintext .speech-bubble-txt p{font-size:1.4rem;line-height:1.8em;margin:0}.maintext .speech-bubble-txt-left:after{content:'';position:absolute;border-right:12px solid #eef8ff;border-top:12px solid transparent;border-bottom:12px solid transparent;left:-12px;top:10px}.maintext .speech-bubble-txt-right:after{content:'';position:absolute;border-left:12px solid #eef8ff;border-top:12px solid transparent;border-bottom:12px solid transparent;right:-12px;top:10px}.maintext .profile-container{background-color:#f0f8ff;display:block;padding:15px;box-sizing:border-box;margin-top:20px}.maintext .profile-left{position:relative;width:60%;text-align:center;margin:0 auto}.maintext .profile-container img{width:100%;max-width:100%!important;height:auto!important;margin:0}.maintext .profile-right{width:100%}.maintext .sns-buttons{width:100%;margin:16px 0;display:flex;justify-content:flex-start}.maintext .code-writer{background-color:#f0f8ff;display:block;padding:16px 24px;box-sizing:border-box;margin:16px auto}.maintext .code-writer h3{margin:0 auto 16px auto;padding-top:6px;padding-left:32px}.maintext .code-writer h3::before{width:24px;height:24px;background-image:url(images/icon/icon_typewriter.svg)}.maintext .code-writer-thum{position:relative;width:60%;text-align:center;margin:0 auto}.maintext .code-writer-thum img{width:100%;max-width:100%!important;height:auto!important;margin:0;border-radius:50%}.maintext .code-writer-text{width:100%}.maintext .code-writer-text .code-writer-name{text-align:center;padding:0}.maintext .code-writer-text .code-writer-name::before{display:none}.maintext .code-writer-text p{margin-bottom:.5em}.maintext .h1-like.h1-icon.icon-blog-b::before{content:"";width:24px;height:24px;position:absolute;top:4px;left:0;background:url(images/icon/icon_blog_b.svg) no-repeat;background-size:contain}.maintext .h1-like.h1-icon.icon-voice::before{content:"";width:24px;height:24px;position:absolute;top:0;left:0;background:url(images/icon/icon_voice.svg) no-repeat;background-size:contain}.maintext .voice-list-li{border:solid 1px #ccc;border-radius:4px;box-shadow:0 1px 4px rgb(0 0 0 / 20%);margin-bottom:16px}.maintext .voice-list-a:visited,.maintext .voice-list-div{display:block;font-weight:700;color:#444;padding:16px}.maintext .voice-img{padding:10px 9px 8px 9px;width:40px;height:40px;border-radius:50%;border:solid 2px #666;float:left;margin:4px 8px 0 0}.maintext .voice-list-body{border-bottom:dashed 1px #ccc;padding-bottom:8px;min-height:64px}.maintext .voice-list-info{text-align:left;padding-top:8px}.maintext .voice-list-info>li{margin:0 16px 0 0;display:inline-block;font-size:1.4rem;color:#000;font-weight:500;position:relative;padding-left:24px}.maintext .voice-list-info>li.voice-course::before{content:"";width:20px;height:20px;position:absolute;top:-2px;left:-2px;background:url(images/icon/icon_voice_course.svg) no-repeat;background-size:contain}.maintext .voice-list-info>li.voice-grade::before{content:"";width:20px;height:20px;position:absolute;top:-2px;left:0;background:url(images/icon/icon_voice_grade.svg) no-repeat;background-size:contain}.maintext .voice-list-info>li.voice-country::before{content:"";width:20px;height:20px;position:absolute;top:-2px;left:0;background:url(images/icon/icon_voice_country.svg) no-repeat;background-size:contain}.maintext .uv-container{background-color:#f0f8ff;padding:16px;box-sizing:border-box;margin:24px auto}.maintext .uv-container .uv-left{width:80%;margin:0 auto 16px auto}.maintext .uv-container .uv-left>img{width:100%;height:auto;display:block}.maintext .uv-container .uv-right .uv-btn{width:auto;max-width:80%;min-width:50%;height:auto;font-size:1.6rem;background-color:#009fcd;color:#fff;font-weight:700;border-radius:8px;padding:16px 32px;display:block;text-align:center;margin:24px auto 24px;text-decoration:none}.maintext div.youtube{width:100%;height:auto;margin:16px auto}.maintext div.youtube iframe{width:100%!important;height:calc(100vw / 16 * 9)!important}.maintext div.wide-table-150,.maintext div.wide-table-200{width:100%;overflow-x:scroll}.maintext div.wide-table-150 table{width:150%!important}.maintext div.wide-table-200 table{width:200%!important}.maintext .toc{padding:16px;border:solid 1px #1592d3;background-color:#e7f4fa;margin:16px auto}.maintext .toc>h2{font-size:1.8rem;line-height:1.4em;font-weight:700;padding:0;color:#444;background:0 0;border-left:none;border-bottom:solid 2px #008cd6;margin-top:0;margin-bottom:16px}.maintext .toc>ul{margin-left:16px}.maintext .toc>ul>li{margin:8px 0}.maintext .toc>ul>li>ul{margin-left:32px}.maintext .toc>ul>li>ul>li{margin:8px 0}.maintext .toc a,.maintext .toc a:visited{color:#000;text-decoration:underline}.maintext p a.btn.bk-blue{width:auto;max-width:80%;min-width:50%;height:auto;font-size:1.6rem;background-color:#009fcd;color:#fff;font-weight:700;border-radius:8px;padding:16px 32px;display:block;text-align:center;margin:24px auto 48px;text-decoration:none}.maintext p a.btn.bk-oran{width:auto;max-width:80%;min-width:50%;height:auto;font-size:1.6rem;background-color:orange;color:#fff;font-weight:700;border-radius:8px;padding:16px 32px;display:block;text-align:center;margin:24px auto 48px;text-decoration:none}.maintext p a.btn.w60{max-width:60%}.maintext .blog-code-list{margin:16px auto}.maintext .blog-code-list>li>a{width:100%;height:100%;display:flex;justify-content:flex-start;align-items:center;flex-wrap:wrap;border-top:solid 1px #ccc;border-left:solid 3px #008cd6;border-right:solid 1px #ccc;border-bottom:solid 1px #ccc;padding:8px;text-decoration:none;box-sizing:border-box;color:#000;margin-bottom:8px}.maintext .blog-code-list>li>a>div{width:80px;margin-right:16px}.maintext .blog-code-list>li>a>div img{margin:0;display:block}.maintext .blog-code-list>li>a>p{width:calc(100% - 80px - 16px)}.maintext ul.contact_flow{overflow:hidden;width:100%;padding:0;list-style:none;box-sizing:border-box;margin:16px 0}.maintext ul.contact_flow div{padding:.7em 0 .7em 0;text-decoration:none;color:#111;font-weight:700;position:relative;z-index:1;text-shadow:0 1px 0 rgb(255 255 255 / 50%);border-radius:.4em;margin-bottom:2em;width:100%;box-sizing:border-box;text-align:center}.maintext ul.contact_flow div::after{content:"";height:2.5em;margin-top:-1.5em;position:absolute;top:100%;width:2.5em;z-index:-1;transform:rotate(45deg);border-radius:.4em;left:50%;margin-left:-1.25em}.maintext ul.contact_flow div.color01{background:#ffa495}.maintext ul.contact_flow div.color02{background:#8cd7ff}.maintext ul.contact_flow div.color01::after{background:#ffa495}.maintext ul.contact_flow div.color02::after{background:#8cd7ff}.maintext ul.contact_flow div.flow_end::after{display:none}.maintext div.entry table.form_style{display:block}.maintext div.entry table.form_style tbody{display:block}.maintext div.entry table.form_style tr{display:block;padding:12px 12px}.maintext div.entry table.form_style tr.bk_color1{background-color:#effcff}.maintext div.entry table.form_style tr.bk_color2{background-color:#eef8ff}.maintext div.entry table.form_style th{display:block;text-align:left;padding:8px 8px 8px 0;font-size:1.6rem;font-weight:700;color:#444;line-height:1.4em}.maintext div.entry table.form_style th span.red.mini{font-size:1.2rem;color:red}.maintext div.entry table.form_style td{display:block;font-size:1.5rem}.maintext div.entry table.form_style td div{background-color:#fff;padding:8px}.maintext div.entry table.form_style td span.sub-text,.maintext div.entry table.form_style td span.times{font-size:1.2rem;margin:4px 0 8px 0;line-height:1.6em;display:block}.maintext div.entry table.form_style td span select{font-size:1.6rem;padding:8px;max-width:100%}.maintext div.entry table.form_style td input[type=email],.maintext div.entry table.form_style td input[type=tel],.maintext div.entry table.form_style td input[type=text]{font-size:1.6rem;padding:8px;max-width:100%}.maintext div.entry .check-privacy{margin:16px 0;text-align:center}.maintext div.entry .your-privacy input[type=checkbox]{transform:scale(1.5);margin:0 8px 0 0}.maintext div.entry table.form_style td textarea{font-size:1.6rem;padding:8px;max-width:100%;line-height:1.6em;min-width:100%}.maintext div.entry .submit-button{text-align:center}.maintext div.entry .submit-button input[type=submit]{width:auto;max-width:80%;min-width:50%;height:auto;font-size:1.6rem;background-color:#52d93f;color:#fff;font-weight:700;border-radius:8px;padding:16px 32px;display:block;text-align:center;margin:16px auto;text-decoration:none}.maintext div.entry .submit-button input[type=submit]:disabled{background-color:#ccc;color:#fff}.maintext div.entry table.form_style td span.wpcf7-not-valid-tip{color:#dc3232;font-size:1.2rem;font-weight:700;display:block;margin:8px 0}.maintext .wpcf7 form .wpcf7-response-output{margin:16px 0;padding:8px 16px;border:2px solid #00a0d2;font-size:1.3rem}.maintext div.entry input[type=button].wpcf7-previous{width:120px;margin:16px 0 0 0;padding:8px;border-radius:8px;font-weight:700}.single-btn{text-align:center}.single-btn>a{width:80%;height:auto;font-size:1.6rem;background-color:#009fcd;color:#fff;font-weight:700;border-radius:8px;padding:16px 32px;display:inline-block;text-align:center;margin:24px auto 24px;text-decoration:none}.single-btn>a.btn-icon_or1{background-color:orange}.single-btn>a.btn-icon_or2{background-color:#ff8c00}.single-btn.no-top-margin>a{margin:0 auto 24px}.faq-list{padding-bottom:16px}.faq-list>li{padding-left:28px;font-size:1.4em;line-height:1.4em;margin:16px;position:relative}.faq-list>li::before{display:block;content:"";position:absolute;width:20px;height:17.27px;background-image:url(images/icon/icon_q.webp);background-repeat:no-repeat;background-size:contain;left:0}.blog-single-cat{margin:16px 0}.blog-single-cat.in-box{margin:8px 0 0 0}.blog-single-cat>li{float:left;margin:0 5px 5px 0;line-height:1em;list-style-type:none}.blog-single-cat>li>a{display:block;padding:2px 4px;color:#444;text-decoration:none;border-top-left-radius:8px;border-bottom-right-radius:8px;background-color:#fff;font-weight:700;font-size:11px;border:solid 2px #72bde4}.ad-outer{display:block;width:100%}.ad-outer>img{display:block;width:100%;height:auto}.sidebar-faq-list{padding:16px 16px 0 16px}.sidebar-faq-list>li{padding-left:28px;font-size:1.5rem;line-height:1.4em;margin:16px;position:relative}.sidebar-faq-list>li::before{display:block;content:"";position:absolute;width:20px;height:17.27px;background-image:url(images/icon/icon_q.webp);background-repeat:no-repeat;background-size:contain;left:0}.menu-sidebar-menu-container>ul{width:100%;padding:16px}.menu-sidebar-menu-container>ul>li>a{display:block;padding:16px 16px 16px 16px;margin:8px 0;font-size:1.5rem;color:#111;font-weight:700;position:relative;border-radius:8px}.menu-sidebar-menu-container>ul>li:nth-child(1)>a{background-color:#feff70!important}.menu-sidebar-menu-container>ul>li:nth-child(2)>a{background-color:#e7ff70!important}.menu-sidebar-menu-container>ul>li:nth-child(3)>a{background-color:#cfff70!important}.menu-sidebar-menu-container>ul>li:nth-child(4)>a{background-color:#b8ff70!important}.menu-sidebar-menu-container>ul>li:nth-child(5)>a{background-color:#a0ff70!important}.menu-sidebar-menu-container>ul>li:nth-child(6)>a{background-color:#88ff70!important}.menu-sidebar-menu-container>ul>li:nth-child(7)>a{background-color:#70ff70!important}.menu-sidebar-menu-container>ul>li:nth-child(8)>a{background-color:#70df90!important}.menu-sidebar-menu-container>ul>li:nth-child(9)>a{background-color:#70bfb0!important}.menu-sidebar-menu-container>ul>li:nth-child(10)>a{background-color:#709fd0!important}.menu-sidebar-menu-container>ul>li:nth-child(11)>a{background-color:#909fd0!important}.menu-sidebar-menu-container>ul>li:nth-child(12)>a{background-color:#b09fd0!important}.menu-sidebar-menu-container>ul>li:nth-child(13)>a{background-color:#d09fd0!important}.menu-sidebar-menu-container>ul>li:nth-child(14)>a{background-color:#f09fd0!important}.menu-blog-category-container>ul{width:100%;padding:16px}.menu-blog-category-container>ul>li{border:solid 1px #ccc;margin:8px 0}.menu-blog-category-container>ul>li>a{display:block;padding:16px;font-size:1.5rem;color:#444;font-weight:700;border-left:solid 8px #ccc;position:relative}.menu-blog-category-container>ul>li:nth-child(1)>a{border-left-color:#feff70!important}.menu-blog-category-container>ul>li:nth-child(2)>a{border-left-color:#e7ff70!important}.menu-blog-category-container>ul>li:nth-child(3)>a{border-left-color:#cfff70!important}.menu-blog-category-container>ul>li:nth-child(4)>a{border-left-color:#b8ff70!important}.menu-blog-category-container>ul>li:nth-child(5)>a{border-left-color:#a0ff70!important}.menu-blog-category-container>ul>li:nth-child(6)>a{border-left-color:#88ff70!important}.menu-blog-category-container>ul>li:nth-child(7)>a{border-left-color:#70ff70!important}.menu-blog-category-container>ul>li:nth-child(8)>a{border-left-color:#70df90!important}.menu-blog-category-container>ul>li:nth-child(9)>a{border-left-color:#70bfb0!important}.menu-blog-category-container>ul>li:nth-child(10)>a{border-left-color:#709fd0!important}.menu-blog-category-container>ul>li:nth-child(11)>a{border-left-color:#909fd0!important}.menu-blog-category-container>ul>li:nth-child(12)>a{border-left-color:#b09fd0!important}.menu-blog-category-container>ul>li:nth-child(13)>a{border-left-color:#d09fd0!important}.menu-blog-category-container>ul>li:nth-child(14)>a{border-left-color:#f09fd0!important}.sidebar-tag-list{padding:16px}.sidebar-tag-list>li{float:left;margin:0 5px 5px 0;line-height:1em;list-style-type:none}.sidebar-tag-list>li>a{display:block;padding:5px 8px;color:#444;text-decoration:none;border-top-left-radius:8px;border-bottom-right-radius:8px;background-color:#fff;font-weight:700;font-size:12px;border:solid 2px #72bde4}h2.topic{font-size:1.8rem;line-height:32px;padding:0 48px 0 16px;color:#fff;font-weight:700;height:32px;display:inline-block;position:relative}h2.topic.color-b{background-color:#1592d3}h2.topic.color-b::after{content:"";width:64px;height:32px;position:absolute;right:-32px;top:0;background-image:url(images/icon/icon_topic_right_b.svg);background-size:contain;background-repeat:no-repeat;z-index:2}.footer{width:100%;height:auto;background-color:#d0e4ee}.footer-upper{width:100%;height:auto}#menu-footer-menu{width:100%;height:auto;padding:0 16px 16px 16px}#menu-footer-menu>li{width:100%}#menu-footer-menu>li>a{font-size:1.6rem;font-weight:700;padding:16px 0;display:block;text-align:center}#menu-footer-menu>li>.sub-menu>li>a{border:none;font-size:1.5rem;padding:16px 0;text-align:center}.footer-sns{width:150px;height:auto;display:flex;margin:0 auto;justify-content:space-between;padding:16px 0}.footer-sns>li{width:40%}.footer-sns>li>a{display:block}.footer-sns>li>a>img{display:block;width:100%;height:auto}.footer-bottom-menu{width:100%;padding:0 16px 16px 16px}.footer-bottom-menu>li>a{display:block;border:none;font-size:1.5rem;padding:16px 8px;color:#000;text-align:center}.footer-bottom{width:100%;background-color:#fff}.footer-bottom .tomonokai-logo>a{width:150px;text-align:center;padding:16px 0;display:block;margin:0 auto}.footer-bottom .tomonokai-logo>a>img{width:100%;height:auto;display:block}.footer-bottom .tomonokai-topic{font-size:1.4rem;line-height:1.6em;padding:0 16px;margin-bottom:16px}.footer-bottom .tomonokai-text{font-size:1.4rem;line-height:1.6em;padding:0 16px;margin-bottom:16px}.footer-bottom .tomonokai-area-text{font-size:1.4rem;line-height:1.6em;padding:0 16px;margin-bottom:16px;color:#666}.footer-bottom .tomonokai-banners{width:100%;height:auto;display:flex;flex-wrap:wrap;justify-content:space-between;padding:0 16px;margin-bottom:32px}.footer-bottom .tomonokai-banners>li{width:48%;height:auto;margin-bottom:16px}.footer-bottom .tomonokai-banners>li>a{width:100%;text-align:center;display:block;padding:8px 16px;border:solid 1px #ccc}.footer-bottom .tomonokai-banners>li>a>img{display:inline-block;width:100%}.footer-bottom .footer-copy{padding:16px 0;text-align:center}.video-outer>br{display:none}.video{width:80%;margin:16px auto}.video-a{width:100%;height:auto;display:block;box-sizing:border-box;padding:5px;border:solid 1px #ccc;position:relative;z-index:50;text-decoration:none}.video-img{width:100%;position:relative}.video-img>span{width:100%;height:auto;position:absolute;display:block;top:50%;left:50%;margin:-20px 0 0 -20px}.video-img>span>img{width:40px;height:auto;display:block}.video-img>img{width:100%;height:auto;display:block}.video-text{width:100%;padding:10px 5px 5px 5px;box-sizing:border-box}.video-text h3{font-size:14px;font-weight:700;text-decoration:none;color:#444;line-height:1.4em}#youtube-screen{width:100%;height:100%;position:fixed;top:0;left:0;z-index:1000;background:rgba(0,0,0,.9)}.screen-off{display:none}.youtube-outer{width:100vw;height:56.25vw;position:absolute;top:50%;left:0;margin:-28.125vw 0 0 0}.button-close-video{width:30px;height:30px;position:absolute;top:30px;right:30px;cursor:pointer}.button-close-video>i{font-size:30px;line-height:30px;font-weight:700;color:#fff}.channelLink{width:210px;height:auto;display:flex;justify-content:start;align-items:center;border-radius:8px;box-shadow:0 0 4px rgba(0,0,0,.4);text-decoration:none;color:#444;margin:0 auto}.channelLink:visited{color:#444}.channelLink>div{width:30%;height:auto;padding:5px 10px 10px 10px}.channelLink>div>img{width:100%;height:auto}.channelLink>p{width:70%;height:auto;font-weight:700;text-align:left}.maintext h2.screen-reader-text{display:none}.maintext .nav-links ul.page-numbers{margin:0 auto;text-align:center}.maintext .nav-links ul.page-numbers>li{display:inline-block;font-weight:700}.maintext .nav-links ul.page-numbers>li>a{padding:4px 8px;border:solid 1px #ccc;border-radius:8px;display:block;font-weight:700}.maintext .nav-links ul.page-numbers>li>span{padding:4px 2px;border-radius:8px;display:block;font-weight:700}.maintext .nav-links ul.page-numbers>li>span.current{padding:4px 8px;background-color:#009fcd;color:#fff;border:solid 1px #009fcd}.maintext p.hitoshokai{overflow:hidden;padding:16px;background-color:#eef8ff}.maintext .mw_wp_form .error{margin:8px;font-weight:700;color:red}.maintext .mw_wp_form_confirm div.entry table.form_style td span.sub-text,.maintext .mw_wp_form_confirm div.entry table.form_style td span.times{display:none}.maintext .mw_wp_form_confirm .check-privacy{display:none}.maintext .form-back-button button{background:#ccc;padding:8px 16px;border-radius:8px;font-weight:700;font-size:1.6rem;min-width:120px}.balloon5{width:100%;margin:1.5em 0;overflow:hidden;display:flex}.balloon5 .faceicon{margin-right:-90px;width:20%}.balloon5 .faceicon img{width:100%;height:auto;border:solid 3px #d7ebfe;border-radius:50%}.balloon5 .chatting{width:100%}.says{display:inline-block;position:relative;margin:5px 0 0 105px;padding:17px 13px;border-radius:12px;background:#d7ebfe}.says:after{content:"";display:inline-block;position:absolute;top:18px;left:-24px;border:12px solid transparent;border-right:12px solid #d7ebfe}.balloon6{width:100%;margin:1.5em 0;overflow:hidden}.balloon6 .faceicon2{float:left;margin-right:-90px;width:80px}.balloon6 .faceicon2 img{width:100%;height:auto;border:solid 3px #d7ebfe;border-radius:50%}.balloon6 .chatting{width:100%}.says p{margin:0;padding:0}.ex1{font-size:15px;line-height:25px}.conlink .rea{max-width:400px;margin:1em 0}.rea{background:#fff;display:table;width:100%;border:solid 2px #e5e5e5;font-weight:700}.rlmg{display:table-cell;width:100px;height:100px;vertical-align:middle}.rep{display:table-cell;vertical-align:middle;padding:0 1em;width:calc(100% - 100px);border-left:#e5e5e5 solid 2px}.rep>p{line-height:1.5em}.maintext .common-img-left{width:100%;display:block}.maintext .common-img-left.blue-back{border:2px solid #008cd6;background-color:#eef8ff;padding:16px}.maintext .common-img-left .common-img-left-thum{width:60%;max-width:320px;margin:0 auto 16px auto}.maintext .common-img-left .common-img-left-thum img{width:100%;height:auto;display:block}.maintext .tbl-auto{width:auto;overflow-x:auto}.maintext .tbl-auto table.blog_tbl{width:auto;margin:16px auto;display:table}.maintext .tbl-auto.tbl-w1 table.blog_tbl{width:200%!important}.maintext .tbl-auto.tbl-w2 table.blog_tbl{width:300%!important}.maintext .tbl-auto.tbl-w3 table.blog_tbl{width:400%!important}.maintext .tbl-auto table.blog_tbl tbody{display:table-row-group}.maintext .tbl-auto.tbl-slim table.blog_tbl{width:150%!important;margin:16px auto;display:table}.maintext .tbl-auto table.blog_tbl tr{display:table-row}.maintext .tbl-auto table.blog_tbl th{padding:8px;border:solid 1px #ccc;background-color:#f7fcff;font-size:1.4rem;line-height:1.4em;text-align:left;display:table-cell}.maintext .tbl-auto table.blog_tbl th:first-child{width:auto}.maintext .tbl-auto table.blog_tbl td{padding:8px;border:solid 1px #ccc;font-size:1.4rem;line-height:1.4em;display:table-cell}.maintext .tbl-auto table.blog_tbl tr:first-child{border-top:1px solid #dbe1e8}.maintext .tbl-auto table.blog_tbl td,.maintext .tbl-auto table.blog_tbl th{border-top:none}.maintext .tbl-auto table.blog_tbl td img{max-width:60%}.maintext .common-emphasize{position:relative;margin:56px 0 16px;padding:16px;border:2px solid #008cd6;background-color:#eef8ff}.maintext .common-emphasize>p{margin-bottom:0}.maintext h4.common-topic{position:absolute;bottom:100%;left:-2px;padding:8px 8px;background-color:#008cd6;color:#fff;font-weight:700;line-height:1.2rem;margin:0;font-size:1.5rem}.maintext h4.common-topic::before{display:none}.maintext .common-emphasize .related-link{position:relative;padding-left:24px;line-height:1.8;display:block;font-size:1.5rem}.maintext .common-emphasize .related-link::before{display:block;content:"";position:absolute;color:#008cd6;width:16px;height:16px;background-image:url(images/icon/icon_link.svg);background-repeat:no-repeat;background-size:contain;top:5px;left:0}.star10_rating{position:relative;z-index:0;display:inline-block;white-space:nowrap;color:#ccc}.star10_rating:after,.star10_rating:before{content:'★★★★★★★★★★'}.star10_rating:after{position:absolute;z-index:1;top:0;left:0;overflow:hidden;white-space:nowrap;color:#ffcf32}.star10_rating[data-rate="10"]:after{width:100%}.star10_rating[data-rate="9.5"]:after{width:95%}.star10_rating[data-rate="9"]:after{width:90%}.star10_rating[data-rate="8.5"]:after{width:85%}.star10_rating[data-rate="8"]:after{width:80%}.star10_rating[data-rate="7.5"]:after{width:75%}.star10_rating[data-rate="7"]:after{width:70%}.star10_rating[data-rate="6.5"]:after{width:65%}.star10_rating[data-rate="6"]:after{width:60%}.star10_rating[data-rate="5.5"]:after{width:55%}.star10_rating[data-rate="5"]:after{width:50%}.star10_rating[data-rate="4.5"]:after{width:45%}.star10_rating[data-rate="4"]:after{width:40%}.star10_rating[data-rate="3.5"]:after{width:35%}.star10_rating[data-rate="3"]:after{width:30%}.star10_rating[data-rate="2.5"]:after{width:25%}.star10_rating[data-rate="2"]:after{width:20%}.star10_rating[data-rate="1.5"]:after{width:15%}.star10_rating[data-rate="1"]:after{width:10%}.star10_rating[data-rate="0.5"]:after{width:5%}.star10_rating[data-rate="0"]:after{width:0%}.maintext .talk{width:100%;margin-bottom:16px;height:auto;overflow:hidden}.maintext .talk::after{clear:both;display:block;height:0;line-height:0;visibility:hidden;font-size:.1em;content:"."}.maintext .talk .talk-Limg{width:20%;float:left;padding-right:8px}.maintext .talk .talk-Limg img{margin-bottom:0}.maintext .talk .talk-imgname{font-size:1.4rem;text-align:center;margin-top:4px}.maintext .talk .talk-Ltxt{width:70%;float:left;padding:16px;border:solid 2px #333;border-radius:8px;margin-left:16px;margin-top:8px;position:relative}.maintext .talk .talk-Ltxt:before{content:"";position:absolute;top:18px;left:-20px;border:8px solid transparent;border-right:12px solid #fff;z-index:2}.maintext .talk .talk-Ltxt:after{content:"";position:absolute;top:16px;left:-26px;border:10px solid transparent;border-right:14px solid #555;z-index:1}.maintext .talk .talk-text{text-align:left;margin-bottom:0}.maintext .talk .talk-Rimg{width:20%;float:right;padding-left:8px}.maintext .talk .talk-Rimg img{margin-bottom:0}.maintext .talk .talk-Rtxt{width:70%;float:right;padding:16px;border:solid 2px #333;border-radius:8px;margin-right:16px;margin-top:8px;position:relative}.maintext .talk .talk-Rtxt:before{content:"";position:absolute;top:18px;right:-20px;border:8px solid transparent;border-left:12px solid #fff;z-index:2}.maintext .talk .talk-Rtxt:after{content:"";position:absolute;top:16px;right:-26px;border:10px solid transparent;border-left:14px solid #555;z-index:1}@media (min-width:960px){.pc-none{display:none!important}.sp-none{display:block!important}.sp-none-inline{display:inline}.a-in-text:hover{text-decoration:underline}.vertical-space.h24{width:100%;height:24px}.blog-single-cat>li>a:hover{background-color:#72bde4}.color-cat-1:hover{background-color:#feff70!important}.color-cat-2:hover{background-color:#e7ff70!important}.color-cat-3:hover{background-color:#cfff70!important}.color-cat-4:hover{background-color:#b8ff70!important}.color-cat-5:hover{background-color:#a0ff70!important}.color-cat-6:hover{background-color:#88ff70!important}.color-cat-7:hover{background-color:#70ff70!important}.color-cat-8:hover{background-color:#70df90!important}.color-cat-9:hover{background-color:#70bfb0!important}.color-cat-10:hover{background-color:#709fd0!important}.color-cat-11:hover{background-color:#909fd0!important}.color-cat-12:hover{background-color:#b09fd0!important}.color-cat-13:hover{background-color:#d09fd0!important}.color-cat-14:hover{background-color:#f09fd0!important}.contents{min-height:calc(100vh - 164px - 730px)}.header{height:100px}.header-inner{min-width:1200px;height:100px;padding:0 32px;position:relative}.header-logo{width:183px;height:auto}.header-logo>a{display:block;width:100%;height:auto;margin-left:0}.header-logo>a>img{display:block;width:100%;height:auto}.header-logo>a:hover{opacity:.8}.header-title{width:calc(100% - 183px - 240px);padding-left:16px;padding-top:42px;font-size:1.4rem}.header-contact{width:240px}.header-contact>p{text-align:center;margin-bottom:12px;font-size:1.3rem}.header-contact-buttons{width:240px;display:flex;align-items:center;justify-content:space-around;text-align:center;padding-bottom:4px}.header-contact-button,.header-contact-button:visited{display:block;width:46%;text-align:center;padding:12px 8px 12px 32px;color:#fff;font-weight:700;font-size:1.5rem;border-radius:8px;position:relative}.header-contact-button.color-y{background-color:orange}.header-contact-button.color-y::before{content:"";display:block;position:absolute;top:8px;left:8px;width:24px;height:24px;background-image:url(images/icon/icon_call.svg);background-repeat:no-repeat;background-size:contain}.header-contact-button.color-o{background-color:#ff8c00}.header-contact-button.color-o::before{content:"";display:block;position:absolute;top:8px;left:10px;width:24px;height:24px;background-image:url(images/icon/icon_web.svg);background-repeat:no-repeat;background-size:contain}.header-contact-button:hover{opacity:.8}.global-menu-outer{width:100%;min-width:1200px;height:64px;background-color:#cfe4ee;display:flex;justify-content:space-between;padding:0 32px}div.menu-global-menu-container{width:100%}div.menu-global-menu-container>ul{display:flex;align-items:center;justify-content:space-around;width:80%}div.menu-global-menu-container>ul>li{width:calc(100% / 6);height:64px;position:relative}div.menu-global-menu-container>ul>li>a{display:block;text-align:center;height:64px;line-height:64px;font-size:1.5rem;font-weight:700;color:#444}div.menu-global-menu-container>ul>li:hover{display:block;background-color:#1592d3}div.menu-global-menu-container>ul>li:hover>a{color:#fff}div.menu-global-menu-container ul.sub-menu{display:none;position:absolute;z-index:10;background-color:#f7f7f7;border-left:solid 1px #ccc;border-right:solid 1px #ccc}div.menu-global-menu-container>ul>li:hover ul.sub-menu{display:block;min-width:320px}div.menu-global-menu-container ul.sub-menu>li>a,div.menu-global-menu-container ul.sub-menu>li>a:visited{display:block;font-size:1.5rem;padding:16px;line-height:1.4em;color:#111;font-weight:700}div.menu-global-menu-container ul.sub-menu>li:hover{background-color:#defcff}.global-menu-outer .header-sns{width:116px;height:auto;display:flex;margin:0 auto;justify-content:space-between;padding:13px 16px 0 0}.global-menu-outer .header-sns>li{width:40%}.global-menu-outer .header-sns>li>a{display:block}.global-menu-outer .header-sns>li>a>img{display:block;width:100%;height:auto}.tel-close-button{cursor:pointer}.tel-close-button:hover{opacity:.8}.contents-inner{width:1200px;margin:0 auto}.columns{display:flex;align-items:flex-start;justify-content:space-between}.left-column{width:856px}.left-column.one-column-fix{margin:0 auto}.right-column{width:320px}.right-column.for-top{margin-top:0}.short-box{width:320px}.breadcrumb{padding:16px 0}.breadcrumb>ul{display:flex;justify-content:start;align-items:center}.breadcrumb>ul>li.icon-home{padding-left:24px}.breadcrumb>ul>li.icon-home::before{content:"";width:16px;height:16px;background-image:url(images/icon/icon_home.svg);background-repeat:no-repeat;background-size:contain;position:absolute;top:12px;left:0}.breadcrumb>ul>li a:hover{text-decoration:underline}.maintext{padding:32px 32px 32px 32px}.maintext.no-vpadding{padding:0 32px}.maintext h1{font-size:2.4rem;line-height:1.4em}.maintext h2{font-size:2rem}.maintext h2.h1-like{font-size:2.4rem;line-height:1.4em}.maintext h3{display:inline-block}.maintext p{font-size:1.6rem}.maintext p a:hover{text-decoration:none}.maintext p img{width:auto;max-width:792px;display:inline}.maintext p img.img-center{display:block}.maintext p img.align-left{max-width:40%;margin:0 24px 16px 0;padding:0!important}.maintext .col_2{display:flex;justify-content:space-around;align-items:flex-start}.maintext .col_2 .sbs_img img{max-width:100%}.maintext .col_2>div{width:40%;height:auto}.maintext .col_2>div>a{width:100%;height:auto;font-size:1.6rem;line-height:1.2em;background-color:#009fcd;color:#fff;font-weight:700;border-radius:8px;padding:16px 16px;display:block;text-align:center;margin:24px auto 24px}.maintext .col_2>div>a.btn-icon_or2{background-color:orange}.maintext .col_2>div>a:hover{opacity:.8}.maintext .col_3{display:flex;justify-content:space-around;align-items:flex-start}.maintext .col_3>div{width:30%;height:auto}.maintext .col_3>div>a{width:100%;height:auto;font-size:1.6rem;line-height:1.2em;background-color:#009fcd;color:#fff;font-weight:700;border-radius:8px;padding:16px 16px;display:block;text-align:center;margin:24px auto 24px}.maintext .col_3>div>a:hover{opacity:.8}.maintext div#link{display:flex;justify-content:space-around;align-items:flex-start}.maintext div#link>a.link{width:30%;height:auto;font-size:1.6rem;line-height:1.2em;background-color:#009fcd;color:#fff;font-weight:700;border-radius:8px;padding:16px 16px;display:block;text-align:center;margin:24px auto 24px}.maintext div#link>a.link>br{display:none}.maintext div#link>a:hover{opacity:.8}.maintext .select_line ul li a:hover{opacity:.8}.maintext .teacher-link1 a:hover{opacity:.8}.maintext #select_line2 a{width:auto;max-width:80%;min-width:50%;height:auto;font-size:1.6rem;background-color:#009fcd;color:#fff;font-weight:700;border-radius:8px;padding:16px 32px;display:inline-block;text-align:center;margin:24px auto 24px}.maintext #select_line2 a:hover{opacity:.8}.maintext #select_line ul{display:flex;justify-content:space-around}.maintext #select_line ul li{min-width:30%;max-width:80%}.maintext #select_line a{width:100%;height:auto;font-size:1.6rem;background-color:orange;color:#fff;font-weight:700;border-radius:8px;padding:16px 32px;display:inline-block;text-align:center;margin:24px auto 24px}.maintext #select_line a:hover{opacity:.8}.maintext .org-button-link3 table tr{display:flex;justify-content:space-between}.maintext .org-button-link3 table td{width:30%}.maintext .org-button-link3 table td a{width:100%}.maintext .org-button-link3 table td a:hover{opacity:.8}.maintext .float-left30{width:30%;margin-right:16px;float:left}.maintext .float-left30 img{width:100%;margin:0}.maintext .emphasize-link .tokiwa{float:left;margin:0 16px 16px 0;width:20%;padding:0;display:block}.maintext .thumb-box-list-a:hover{background-color:#defcff}.maintext .thumb-box-list{padding:0}.maintext .thumb-box-list-left{height:auto}.maintext .right a{font-size:1.6rem}.maintext .right a:hover{opacity:.8}.maintext .button-link4 li{width:24.25%;margin-right:1%;margin-bottom:0}.maintext .button-link4 li:nth-child(2n){margin-right:1%}.maintext .button-link4 li:nth-child(4n){margin-right:0}.maintext .button-link4 li a:hover{background-color:#defcff}.maintext .ac-box label:hover{opacity:.8}.maintext a img.alignleft{width:auto;display:inline}.maintext a img.alignright{width:auto;display:inline}.maintext .course-info-left{width:48%;float:left;margin-bottom:24px}.maintext .course-info-right{width:48%;float:right;margin-bottom:24px}.maintext .model-case .model-left{width:20%;float:left}.maintext .model-case .model-left img{display:block;width:100%;height:auto;margin:0 24px 0 0}.maintext .model-case .model-right{width:80%;padding-left:24px;float:right}.maintext .uv-container{background-color:#f0f8ff;padding:16px;display:flex;justify-content:space-between;align-items:flex-start;box-sizing:border-box}.maintext .uv-container .uv-left{width:50%;margin:0}.maintext .uv-container .uv-left>img{margin:0}.maintext .uv-container .uv-right{width:calc(50% - 32px)}.maintext .uv-container .uv-right .uv-btn{max-width:80%;margin:24px auto 0 auto;display:block}.maintext .uv-container .uv-right .uv-btn:hover{opacity:.8}.maintext div.youtube{width:560px;height:315px;margin:16px auto}.maintext div.youtube iframe{width:560px!important;height:315px!important}.maintext div.toright{float:right;max-width:40%}.maintext div.toright img{max-width:100%}.maintext div.wide-table-150,.maintext div.wide-table-200{overflow-x:hidden}.maintext div.wide-table-150 table,.maintext div.wide-table-200 table{width:100%!important}.maintext .toc a:hover{text-decoration:none}.maintext p a.btn:hover{opacity:.8}.maintext .blog-code-list{margin:16px auto;display:flex;justify-content:start;flex-wrap:wrap}.maintext .blog-code-list>li{width:calc((100% - 32px)/ 3);margin-right:16px;margin-bottom:16px}.maintext .blog-code-list>li:nth-child(3n){margin-right:0}.maintext .blog-code-list>li:hover{opacity:.8}.maintext .blog-code-list>li>a{width:100%;height:100%;display:block;border-left:solid 1px #ccc;border-top:solid 3px #008cd6;border-right:solid 1px #ccc;border-bottom:solid 1px #ccc;padding:8px;text-decoration:none;box-sizing:border-box;color:#000;margin-bottom:8px}.maintext .blog-code-list>li>a>div{width:100%;margin-right:0;margin-bottom:16px}.maintext .blog-code-list>li>a>div img{margin:0;display:block;width:100%;height:auto}.maintext .blog-code-list>li>a>p{width:100%}.maintext .page-course-special{display:flex;justify-content:flex-start}.maintext .page-course-special .page-course-img{width:30%}.maintext .page-course-special .page-course-img img{display:block;width:100%;height:auto}.maintext .page-course-special .page-course-text{width:70%;padding-left:16px}.maintext div.img-center img.course_image{width:200px;height:auto;float:left;margin-right:16px}.maintext .course-table table{max-width:700px;width:auto!important}.maintext .course-table.auto-width table{width:auto!important}.maintext table.blog_tbl{width:100%!important;margin:16px auto;max-width:700px;display:table}.maintext table.blog_tbl tbody{display:table-row-group}.maintext table.blog_tbl tr{display:table-row}.maintext table.blog_tbl th{padding:8px;border:solid 1px #ccc;background-color:#f7fcff;font-size:1.4rem;line-height:1.4em;text-align:left;display:table-cell}.maintext table.blog_tbl th:first-child{width:30%}.maintext table.blog_tbl td{padding:8px;border:solid 1px #ccc;font-size:1.4rem;line-height:1.4em;display:table-cell}.maintext ol.index>li>a:hover{text-decoration:none}.maintext ul.contact_flow{overflow:hidden;width:100%;margin:16px 0;padding:0;list-style:none}.maintext ul.contact_flow li{float:left;margin:0 2em 0 0}.maintext ul.contact_flow div{padding:.7em 1em .7em 2em;float:left;text-decoration:none;color:#111;font-weight:700;position:relative;z-index:1;text-shadow:0 1px 0 rgb(255 255 255 / 50%);border-radius:.4em 0 0 .4em;margin-bottom:0}.maintext ul.contact_flow div::after{content:"";height:2.2em;margin-top:-1.25em;position:absolute;right:-16px;top:50%;width:2.5em;z-index:-1;transform:rotate(45deg);border-radius:.4em;left:auto}.maintext ul.contact_flow div.flow_end{padding:.7em 2em .7em 2em;border-radius:.4em}.maintext div.entry table.form_style{display:table;width:100%}.maintext div.entry table.form_style tbody{display:table-row-group}.maintext div.entry table.form_style tr{display:table-row}.maintext div.entry table.form_style th{display:table-cell;padding:16px;width:280px}.maintext div.entry table.form_style td{display:table-cell;padding:4px 8px;width:calc(100% - 280px);background-color:#effcff;font-size:1.5rem;box-sizing:border-box}.maintext div.entry table.form_style .bk_color2 td{background-color:#eef8ff}.maintext div.entry table.form_style td div{padding:12px;background-color:#fff}.maintext div.entry table.form_style td textarea{min-width:50%}.maintext div.entry .submit-button input[type=submit]{cursor:pointer}.maintext div.entry .submit-button input[type=submit]:disabled{cursor:default}.maintext div.entry .submit-button input[type=submit]:hover{opacity:.8}.maintext div.entry .submit-button input[type=submit]:disabled:hover{opacity:1}.maintext div.entry input[type=button].wpcf7-previous{width:120px;margin:16px 0 0 0;padding:8px;border-radius:8px;font-weight:700;cursor:pointer}.maintext div.entry input[type=button].wpcf7-previous:hover{opacity:.8}.maintext .img-dual{display:flex;justify-content:space-between;align-items:flex-start;margin:16px auto}.maintext .img-dual p{width:48%;height:auto}.maintext .img-dual p img{width:100%;height:auto}.maintext .img-triple{display:flex;justify-content:space-between;align-items:flex-start;margin:16px auto}.maintext .img-triple p{width:32%;height:auto}.maintext .img-triple p img{width:100%;height:auto}.maintext .img-quad{display:flex;justify-content:space-between;align-items:flex-start;margin:16px auto}.maintext .img-quad p{width:24%;height:auto}.maintext .img-quad p img{width:100%;height:auto;display:block;margin:0}.maintext .img-quad.quad-slim{max-width:792px}.maintext .nav-links ul.page-numbers>li>a:hover{background-color:#009fcd;color:#fff;border:solid 1px #009fcd}.blog-single-cat>li>a{padding:5px 8px;font-size:12px}.menu-sidebar-menu-container>ul>li>a:hover{opacity:.8}.menu-blog-category-container>ul>li>a:hover{opacity:.8}.sidebar-tag-list>li>a:hover{background-color:#72bde4}.maintext .voice-list-info{text-align:right}.maintext a.cont-banner:hover{opacity:.8}.single-btn>a:hover{opacity:.8}.faq-list>li>a:hover{opacity:.8}.sidebar-faq-list>li a:hover{opacity:.8}.footer{min-width:1200px}#menu-footer-menu{width:1200px;height:auto;display:flex;margin:0 auto;padding:0 0 16px 0}#menu-footer-menu>li{width:calc(100% / 6)}#menu-footer-menu>li>a{margin-top:16px;margin-bottom:4px;text-align:left}#menu-footer-menu>li>a:hover{opacity:.8}#menu-footer-menu>li>.sub-menu>li>a{padding:8px 16px 8px 0;font-size:1.4rem;line-height:1.4em;text-align:left}#menu-footer-menu>li>.sub-menu>li>a:hover,#menu-footer-menu>li>a:hover{color:#1592d3}.footer-sns{width:100px}.footer-sns>li>a:hover{opacity:.8}.footer-bottom-menu{width:800px;padding:0 16px 16px 16px;display:flex;margin:0 auto;justify-content:center}.footer-bottom-menu>li>a{display:block;border:none;font-size:1.4rem;padding:16px 8px;color:#000;text-align:center}.footer-bottom-menu>li>a:hover{color:#1592d3}.footer-bottom .footer-bottom-inner{width:1200px;height:auto;display:flex;justify-content:space-between;margin:0 auto}.footer-bottom .footer-bottom-inner .footer-bottom-left{width:65%;height:auto}.footer-bottom .footer-tomonokai{width:100%;display:flex;padding:16px 0 0 0}.footer-bottom .tomonokai-logo>a{width:150px;text-align:left;margin:16px 0;display:block;margin:0 auto}.footer-bottom .tomonokai-logo>a:hover{opacity:.8}.footer-bottom .tomonokai-logo>a>img{width:100%;height:auto;display:block}.footer-bottom .tomonokai-topic{font-size:1.4rem;line-height:1.6em;padding:0 16px;margin-top:16px}.footer-bottom .tomonokai-text{font-size:1.4rem;line-height:1.6em;padding:0}.footer-bottom .tomonokai-area-text{font-size:1.4rem;line-height:1.6em;padding:0;margin-bottom:16px;color:#666}.footer-bottom .tomonokai-banners{width:35%;height:auto;display:flex;flex-wrap:wrap;justify-content:space-between;padding:0 0 0 32px;margin-bottom:0;margin-top:32px}.footer-bottom .tomonokai-banners>li{width:48%;height:auto;margin-bottom:16px}.footer-bottom .tomonokai-banners>li>a{width:100%;text-align:center;display:block;padding:8px 16px;border:solid 1px #ccc}.footer-bottom .tomonokai-banners>li>a:hover{opacity:.8}.footer-bottom .tomonokai-banners>li>a>img{display:inline-block;width:100%}.footer-bottom .footer-copy{padding:16px 0;text-align:center}.video{margin:16px auto}.video-a{width:100%;height:auto;display:flex;align-items:center;text-decoration:none;box-sizing:border-box;padding:5px;border:solid 1px #ccc;position:relative;z-index:50}.video a:hover{opacity:.8}.video-img{width:25%;float:left;position:relative}.video-img>span{width:100%;height:auto;position:absolute;display:block;top:50%;left:50%;margin:-20px 0 0 -20px}.video-img>span>img{width:40px;height:auto;display:block}.video-img>img{width:100%;height:auto;display:block}.video-text{width:75%;float:left;padding:20px 5px 20px 10px;box-sizing:border-box}.video-text h3{font-size:16px;font-weight:700;text-decoration:none;color:#444;line-height:1.4em}#youtube-screen{width:100%;height:100%;position:fixed;top:0;left:0;z-index:1000;background:rgba(0,0,0,.9)}.screen-off{display:none}.youtube-outer{width:64vw;height:36vw;position:absolute;top:50%;left:50%;margin:-18vw 0 0 -32vw}.button-close-video{width:50px;height:50px;position:absolute;top:-50px;right:-50px;cursor:pointer}.button-close-video:hover{opacity:.8}.button-close-video>i{font-size:50px;line-height:50px;font-weight:700;color:#fff}.channelLink{width:210px;height:auto;display:flex;justify-content:start;align-items:center;border-radius:8px;box-shadow:0 0 4px rgba(0,0,0,.4);text-decoration:none}.channelLink:hover{box-shadow:0 0 4px rgba(0,140,214,.9)}.channelLink>div{width:30%;height:auto;padding:5px 10px 10px 10px}.channelLink>div>img{width:100%;height:auto}.channelLink>p{width:70%;height:auto;font-weight:700;text-align:left}.channelLink:hover>p{color:#008cd6}.maintext .related-area .related-link:hover{text-decoration:underline}.maintext .speech-bubble-img{width:60px}.maintext .speech-bubble-img img{width:60px}.maintext .speech-bubble-box{margin:30px 10px 30px 85px}.maintext .profile-container{background-color:#f0f8ff;display:flex;justify-content:center;align-items:center;padding:15px;box-sizing:border-box;margin-top:20px}.maintext .profile-left{position:relative;width:calc(30% - 20px);text-align:center;margin-right:20px}.maintext .profile-container img{width:100%;max-width:100%!important;height:auto!important;margin:0}.maintext .profile-right{width:70%}.maintext .sidebyside{overflow:hidden;padding:15px}.maintext .sidebyside .sbs_img{width:50%;padding-right:16px;float:left;margin-bottom:0}.maintext .sidebyside .sbs_img img{width:100%;display:inline-block;margin-bottom:0}.maintext .sidebyside .sbs_txt{display:inline;overflow:hidden;font-size:1.5rem;line-height:1.8em;margin-bottom:1em}.maintext .imgbox_left{float:left;margin:0 10px}.maintext img.ibtaiken{width:150px;height:160px;margin:0}.maintext .code-writer-inner{display:flex}.maintext .code-writer-thum{position:relative;width:30%;text-align:center;margin:0;padding-right:24px}.maintext .code-writer-text{width:70%}.maintext .code-writer-text .code-writer-name{text-align:left}.maintext p.hitoshokai>img{float:left;max-width:240px;margin-right:24px}.maintext .form-back-button button:hover{opacity:.8}.maintext .common-img-left{width:100%;display:flex;align-items:flex-start;justify-content:space-between}.maintext .common-img-left .common-img-left-thum{width:25%;margin:0 auto}.maintext .common-img-left .common-img-left-thum img{width:100%;height:auto;display:block}.maintext .common-img-left .common-img-left-text{width:75%;padding-left:24px}.maintext .tbl-auto table.blog_tbl{max-width:700px}.maintext .tbl-auto.tbl-w1 table.blog_tbl{width:150%!important;max-width:none}.maintext .tbl-auto.tbl-w2 table.blog_tbl{width:200%!important;max-width:none}.maintext .tbl-auto.tbl-w3 table.blog_tbl{width:300%!important;max-width:none}.maintext h4.common-topic{font-size:1.6rem}.maintext .common-emphasize .related-link{font-size:1.6rem}.maintext .tbl-auto.tbl-slim table.blog_tbl{max-width:700px;width:auto!important}.maintext .talk .talk-Ltxt{margin-top:32px}.maintext .talk .talk-Rtxt{margin-top:32px}}@media (min-width:1580px){.contents-inner{width:calc(100% - 64px);margin:0 32px}.left-column{width:calc(100% - 344px)}.right-column.for-top{margin-top:calc(((100vw - 408px)*.45 + 238.8px + 547px)*-1)}.long-box{width:calc(100% - 344px)}.single-btn>a{min-width:30%}.maintext{padding:32px 64px}.maintext.no-vpadding{padding:0 16px}.maintext .uv-container{max-width:80%}.maintext .uv-container .uv-left{width:40%;margin:0}.maintext .uv-container .uv-left>img{margin:0}.maintext .uv-container .uv-right{width:calc(60% - 32px)}.maintext .uv-container .uv-right .uv-btn{max-width:50%}.maintext .blog-code-list>li{width:calc((100% - 80px)/ 6);margin-right:16px;margin-bottom:16px}.maintext .blog-code-list>li:nth-child(3n){margin-right:16px}.maintext .blog-code-list>li:nth-child(6n){margin-right:0}.top-visual{width:calc(100% - 344px)}.maintext .sidebyside .sbs_img{width:30%}.maintext .code-writer-thum{width:25%}.maintext .tbl-auto.tbl-w1 table.blog_tbl{width:120%!important}.maintext .tbl-auto.tbl-w2 table.blog_tbl{width:150%!important}.maintext .tbl-auto.tbl-w3 table.blog_tbl{width:200%!important}}