﻿body{width:100%;padding:0;margin:0;text-align:left;line-height:1}#movieSection,#contents_block,#modalSection{font-family:"ヒラギノ丸ゴ ProN W4","Hiragino Maru Gothic ProN","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO","メイリオ","Meiryo","Hiragino Kaku Gothic ProN","Verdana","Droid Sans",sans-serif}#movieSection div,#movieSection p,#movieSection figure,#movieSection h1,#movieSection h2,#movieSection h3,#movieSection h4,#movieSection ul,#movieSection ol,#movieSection li,#movieSection dl,#movieSection dt,#movieSection dd,#contents_block div,#contents_block p,#contents_block figure,#contents_block h1,#contents_block h2,#contents_block h3,#contents_block h4,#contents_block ul,#contents_block ol,#contents_block li,#contents_block dl,#contents_block dt,#contents_block dd,#modalSection div,#modalSection p,#modalSection figure,#modalSection h1,#modalSection h2,#modalSection h3,#modalSection h4,#modalSection ul,#modalSection ol,#modalSection li,#modalSection dl,#modalSection dt,#modalSection dd{padding:0;margin:0;border:none}#movieSection table,#contents_block table,#modalSection table{border-collapse:collapse;border:none;border-spacing:0}#movieSection th,#contents_block th,#modalSection th{font-weight:normal}#movieSection li,#contents_block li,#modalSection li{list-style-type:none}#movieSection a,#contents_block a,#modalSection a{text-decoration:none}#movieSection img,#contents_block img,#modalSection img{vertical-align:bottom}#contents_block{width:100%;min-width:1080px;background:#f8bb31 url(../img/bg/bg_ocher.png)}#contents_block sup{line-height:0}#contents_block.howto,#contents_block.report,#contents_block.case{position:relative}#contents_block .bannerDl2{width:116px;padding:36px 12px 12px;border:0;border-radius:20px;background:url(../img/contents/bg_banner_dl_2.png) no-repeat 50% 12px #fff;box-shadow:6px 0 4px rgba(0,0,0,.16);position:absolute;top:88px;right:30px}#contents_block .bannerDl2.fix{position:fixed;top:16px}#contents_block .bannerDl2 h2{width:100%;height:44px;overflow:hidden;margin-bottom:9px;text-indent:100%;white-space:nowrap;background:no-repeat 0 0}#contents_block .bannerDl2 h2.glicode{background-image:url(../img/contents/dl_icon_glicode.png)}#contents_block .bannerDl2 h2.maker{background-image:url(../img/contents/dl_icon_maker.png);margin-top:13px}#contents_block .bannerDl2 ul{font-size:0;line-height:0}#contents_block .bannerDl2 li{display:inline-block}#contents_block .bannerDl2 li a{display:block;height:22px;border-radius:10px;overflow:hidden;text-indent:100%;white-space:nowrap;background:url(../img/contents/dl_btn.png) no-repeat 0 0 #fdebc1}#contents_block .bannerDl2 li a:hover{background-color:#dccda8}#contents_block .bannerDl2 li.ios{margin-right:4px}#contents_block .bannerDl2 li.ios a{width:46px}#contents_block .bannerDl2 li.android a{width:66px;background-position:100% 0}#contents_block .howto .bannerDl2,#contents_block .report .bannerDl2,#contents_block .case .bannerDl2{top:110px}#contents_block .howto .bannerDl2.fix,#contents_block .report .bannerDl2.fix,#contents_block .case .bannerDl2.fix{position:fixed;top:16px}#contents_block .pageTitle{width:100%;height:160px;margin:0;background:50% 0 repeat-x;color:#fff;font-size:50px;font-weight:normal;text-align:center;letter-spacing:.1em;line-height:160px}#contents_block.howto .pageTitle{background-image:url(../img/contents/img_pagetitle_howto.jpg)}#contents_block.report .pageTitle{background-image:url(../img/contents/img_pagetitle_report.jpg)}#contents_block.case .pageTitle{background-image:url(../img/contents/img_pagetitle_case.jpg)}#contents_block .sectionTitle{margin:0 auto 1em;padding:0 1em;color:#fff;line-height:52px;font-size:30px;font-weight:normal;text-align:center;letter-spacing:.05em;display:inline-block;display:table;border-radius:30px;border:4px solid #fff}#contents_block .buttonAbout{width:440px;margin:0 auto;text-align:center;border:3px solid #fff;background-color:#fff;border-radius:18px;-webkit-box-shadow:5px 5px 0px 0px rgba(6,0,1,.2);-moz-box-shadow:5px 5px 0px 0px rgba(6,0,1,.2);box-shadow:5px 5px 0px 0px rgba(6,0,1,.2);overflow:hidden}#contents_block .buttonAbout a{display:block;font-size:12px;background:#fff url(../img/contents/arrow_01.png) 97% 50% no-repeat;color:#000;line-height:30px}#contents_block .buttonAbout a:hover{background-color:#754b23;background-image:url(../img/contents/arrow_01_on.png);color:#fff}#contents_block .remark{width:720px;margin:0 auto;padding:18px 0;border-radius:25px;background:#fff url(../img/contents/mark_remark.png) 36px 50% no-repeat}#contents_block .remark p{margin:0 0 0 112px;padding:.4em 0;color:#e60012;font-size:14px}#movieSection .navbar,#contents_block .navbar{width:100%;height:50px;background-color:#e60012}#movieSection .navbar dl,#contents_block .navbar dl{max-width:1024px;min-width:768px;height:50px;margin:0 auto}#movieSection .navbar dt,#contents_block .navbar dt{float:left;width:120px;margin-left:10px}#movieSection .navbar dt a,#contents_block .navbar dt a{display:block;width:120px;height:50px;background:url(../img/contents/logo_menu.png) no-repeat;text-indent:100%;overflow:hidden;white-space:nowrap}#movieSection .navbar dt a:hover,#contents_block .navbar dt a:hover{opacity:.8}#movieSection .navbar dd,#contents_block .navbar dd{float:right}#movieSection .navbar ul,#contents_block .navbar ul{float:left}#movieSection .navbar li,#contents_block .navbar li{float:left;position:relative}#movieSection .navbar .navItem,#contents_block .navbar .navItem{margin-right:1em}#movieSection .navbar li a,#movieSection .navbar li span,#movieSection .navbar .navItem li a,#movieSection .navbar .navItem li span,#contents_block .navbar li a,#contents_block .navbar li span,#contents_block .navbar .navItem li a,#contents_block .navbar .navItem li span{display:block;padding:0 .8em;font-size:20px;color:#fff}#movieSection .navbar .navItem li,#contents_block .navbar .navItem li{padding:9px 0}#movieSection .navbar .navItem li a,#movieSection .navbar .navItem li span,#contents_block .navbar .navItem li a,#contents_block .navbar .navItem li span{letter-spacing:.1em}#movieSection .navbar .navItem li span,#contents_block .navbar .navItem li span{position:relative;color:rgba(255,255,255,.5)}#movieSection .navbar .navItem li span.comingsoon,#contents_block .navbar .navItem li span.comingsoon{position:absolute;bottom:-12px;left:50%;width:112px;height:32px;margin-left:-56px;padding:0;background:url(../img/contents/icon_comingsoon_lwr.png) no-repeat;line-height:1;text-indent:100%;overflow:hidden;white-space:nowrap}#movieSection .navbar .navItem li a,#contents_block .navbar .navItem li a{line-height:28px;background-color:#e60012;border:2px solid #e60012;border-radius:16px}#movieSection .navbar .navItem li a:hover,#contents_block .navbar .navItem li a:hover{border-color:#fff}#movieSection .navbar .navItem li:last-child,#contents_block .navbar .navItem li:last-child{margin-left:12px;padding:12px 0}#movieSection .navbar .navItem li:last-child a,#contents_block .navbar .navItem li:last-child a{font-size:14px;line-height:22px;border-radius:13px}#movieSection .navbar .navItem li:nth-child(2),#movieSection .navbar .navItem li:nth-child(3),#contents_block .navbar .navItem li:nth-child(2),#contents_block .navbar .navItem li:nth-child(3){margin-left:12px}#movieSection .navbar .lang,#contents_block .navbar .lang{margin-right:22px;padding:10px 13px}#movieSection .navbar .lang li,#contents_block .navbar .lang li{padding:0px 2px}#movieSection .navbar .lang li span,#movieSection .navbar .lang li a,#contents_block .navbar .lang li span,#contents_block .navbar .lang li a{line-height:26px;width:26px;padding:0;font-size:14px;font-weight:bold;background-color:#e60012;border:2px solid #e60012;border-radius:15px;color:#fff;text-align:center}#movieSection .navbar .lang li span,#contents_block .navbar .lang li span{background-color:#fff;color:#e60012;border:2px solid #fff}#movieSection .navbar .lang li a:hover,#contents_block .navbar .lang li a:hover{background-color:#e60012;color:#fff;border-color:#fff}#contents_block.howto .navItem li:first-child a,#contents_block.report .navItem li:nth-child(2) a,#contents_block.case .navItem li:nth-child(3) a{border-color:#fff;background-color:#fff;color:#e60012}#introSection{width:100%}#introSection .introBox{width:100%;margin-bottom:96px;padding:104px 0 288px;background:url(../img/contents/image_sweets.png) 50% 100% no-repeat}#introSection .introBox p{width:100%;margin:0 auto 1em;font-size:24px;color:#fff;text-shadow:2px 2px 0px rgba(0,0,0,.15);text-align:center;line-height:2}#logicSection{width:100%;background:#e60012 url(../img/bg/bg_red.png) 50% 0 repeat}#logicSection .logicBox{width:100%;padding:104px 0 120px}#logicSection .logicBox p{width:100%;margin:0 auto 2.8em;font-size:20px;color:#fff;text-shadow:2px 2px 0px rgba(0,0,0,.15);text-align:center;line-height:2.4}#logicSection .logics{width:630px;margin:0 auto;overflow:hidden}#logicSection .logics li{float:left;width:210px}#logicSection .logics dt{width:172px;height:172px;margin:0 auto 30px;background-image:url(../img/contents/logic_icon_sequence.png);background-repeat:no-repeat;background-color:#fff;text-indent:100%;overflow:hidden;white-space:nowrap;border:8px solid #ff7f6e;border-radius:50%}#logicSection .logics .logic01 dt{border-color:#ff7f6e;background-image:url(../img/contents/logic_icon_sequence.png)}#logicSection .logics .logic02 dt{border-color:#26b7db;background-image:url(../img/contents/logic_icon_loop.png)}#logicSection .logics .logic03 dt{border-color:#92d909;background-image:url(../img/contents/logic_icon_if.png)}#logicSection .logics .logic04 dt{border-color:#faa2de;background-image:url(../img/contents/logic_icon_random.png)}#logicSection .logics dd{width:100%;height:72px;text-align:center;line-height:72px}#logicSection .logics dd img{display:inline-block;vertical-align:middle}#logicSection .logics .logic02 dd img{margin:0 -5px 0 -5px}#micSection{width:100%;background:#754b23 url(../img/bg/bg_brown.png) 50% 0 repeat}#micSection .micWrapper{position:relative;width:100%;max-width:1024px;min-height:612px;margin:0 auto}#micSection .micBox{padding:120px 0 120px;padding-left:460px}#micSection .micBox p{width:100%;margin:0 auto 30px;font-size:20px;color:#fff;text-shadow:2px 2px 0px rgba(0,0,0,.15);text-align:center;line-height:2.4}#micSection .micBox p.hoc{display:table;width:auto;margin:45px 0 0 59px;padding:0;color:#1aadbb;text-shadow:none;text-align:left;background:url(../img/contents/icon_hoc.png) 0 50% no-repeat}#micSection .micBox p.hoc a{display:table-cell;height:64px;padding:0 0 0 76px;line-height:1.4;font-size:16px;color:#1aadbb;vertical-align:middle}#micSection .micBox p.hoc a:after{content:url(../img/contents/mark_window_hoc.png)}#micSection .micBox p.hoc a:hover{text-decoration:underline}#micSection .micBox .buttonAbout a{font-size:14px;background:#fff url(../img/contents/mark_window.png) 97% 50% no-repeat}#micSection .micBox .buttonAbout a:hover{background-color:#754b23;background-image:url(../img/contents/mark_window_on.png);color:#fff}#micSection .imgBox{position:absolute;top:50%;left:-58px;width:550px;height:550px;margin-top:-275px;border-radius:50%;overflow:hidden}#micSection .aboutBox{margin:0 50px 2em;padding:1em 20px;border-radius:30px;border:3px solid #fff;text-align:center}#micSection .aboutBox dt{margin:0 0 1em;color:#fff;font-size:12px;line-height:2}#micSection .aboutBox .buttonAbout{width:auto;width:11em;width:20em}#micSection .aboutBox .buttonAbout a{background:#fff;position:relative}#micSection .aboutBox .buttonAbout a:after{content:url(../img/contents/mark_window.png);position:absolute;top:50%;right:1.2em;margin-top:-12px}#micSection .aboutBox .buttonAbout a:hover{background-color:#754b23}#micSection .aboutBox .buttonAbout a:hover:after{content:url(../img/contents/mark_window_on.png)}#learnfromSection{width:100%;background:#f8bb31 url(../img/bg/bg_ocher.png)}#learnfromSection .learnfromBox{padding:74px 0 120px}#learnfromSection .learnfromBox p{width:100%;margin:0 auto 2em;font-size:24px;color:#fff;text-shadow:2px 2px 0px rgba(0,0,0,.15);text-align:center;line-height:2}#learnfromSection .learnfromBox p span{font-size:14px}#learnfromSection .figHowto{width:810px;margin:0 auto;overflow:hidden}#learnfromSection .figHowto li{float:left;width:240px;margin:0 15px 0 15px;text-align:center}#prepareSection{width:100%;background:#754b23 url(../img/bg/bg_brown.png)}#prepareSection .prepareBox{padding:74px 0 100px}#prepareSection .prepareBox .sectionTitle{margin:0 auto 8px;padding:0 2em}#prepareSection .prepareItems{width:980px;margin:0 auto;padding:20px 0 56px;overflow:hidden}#prepareSection .prepareItems dl{padding-top:256px}#prepareSection .prepareItems dt{border-bottom:2px solid #fff;color:#fff;display:table;width:100%}#prepareSection .prepareItems dt span{text-align:center;display:table-cell;height:88px;vertical-align:middle}#prepareSection .prepareItems dd{padding:1em 0}#prepareSection .prepareItems dd p{text-align:center;color:#fff;line-height:2em;font-size:13px}#prepareSection .prepareItems .swts{padding:0 20px}#prepareSection .prepareItems .swts li{margin-bottom:.4em;padding:0 0 0 1em;text-indent:-1em;font-size:13px;color:#fff;line-height:1.8}#prepareSection .prepareItems .swts li:last-child{margin-bottom:0}#prepareSection .prepareItems .prepareItem01{margin-right:40px;float:left;width:240px}#prepareSection .prepareItems .prepareItem01 dl{background:url(../img/contents/img_smartphone.png) 50% 0 no-repeat}#prepareSection .prepareItems .prepareItem01 dt{font-size:19.5px}#prepareSection .prepareItems .prepareItem01 dd ul{min-height:9em}#prepareSection .prepareItems .prepareItem02{position:relative;float:left;width:360px}#prepareSection .prepareItems .prepareItem02 dl{background:url(../img/contents/img_products.png) 50% 66px no-repeat}#prepareSection .prepareItems .prepareItem02 dt{font-size:21px}#prepareSection .prepareItems .prepareItem02 dd ul{min-height:4em}#prepareSection .prepareItems .prepareItem02 p{margin:2em 20px 0;padding:0 0 0 1em;text-indent:-1em;font-size:13px;color:#fff;line-height:1.8}#prepareSection .prepareItems .prepareItem03{float:right;width:300px}#prepareSection .prepareItems .prepareItem03 dl{background:url(../img/contents/img_kitchen_paper.png) 50% 83px no-repeat}#prepareSection .prepareItems .prepareItem03 dt{font-size:19.5px;line-height:1.5}#prepareSection .prepareItems .prepareItem03 .swts{padding:0 4px 1em}#prepareSection .prepareItems .prepareItem01 dd,#prepareSection .prepareItems .prepareItem02 dd{padding-bottom:0}#prepareSection .prepareItems .prepareItem01 .buttonAbout,#prepareSection .prepareItems .prepareItem02 .buttonAbout{width:220px;margin-top:1em}#prepareSection .prepareItems .prepareItem01 .buttonAbout a,#prepareSection .prepareItems .prepareItem02 .buttonAbout a{padding:7.5px 0;line-height:1.25}#prepareSection .badges li{padding-top:10px;text-align:center}#prepareSection .badges li a{display:block}#prepareSection .badges li span{font-size:12px;color:#fff;line-height:1.8}#swtsList{display:flex;flex-wrap:nowrap;justify-content:space-between;align-items:center;width:100%;height:256px;position:absolute;top:0;left:0}#swtsList img{-webkit-transition:.1s ease-in-out;transition:.05s ease-in-out}#swtsList img:hover{-webkit-transform:scale(1.05, 1.05);transform:scale(1.05, 1.05);-webkit-backface-visibility:hidden;z-index:100}#stepSection{width:100%;background:#e60012 url(../img/bg/bg_red.png) 50% 0 repeat}#stepSection .textBox{padding-bottom:50px}#stepSection .textBox p{width:100%;margin:0 auto;font-size:20px;text-align:center;line-height:2;color:#fff}#stepSection .textBox p a{color:#fff;text-decoration:underline}#stepSection .textBox p a:hover{text-decoration:none}#stepSection .stepBox{width:100%;padding:74px 0 80px}#stepSection .stepBox .sectionTitle{margin:0 auto 64px;padding:0 2em}#stepSection .steps{width:1016px;margin:0 auto;padding-bottom:56px;overflow:hidden;background-image:url(../img/contents/arrow_steps.png);background-position:50% 150px;background-repeat:no-repeat}#stepSection .steps li{float:left;width:254px;text-align:center;position:relative}#stepSection .steps .fig{width:202px;height:202px;margin:0 auto 20px;background-color:#fff;border:8px solid #fff;border-radius:50%;-webkit-box-shadow:6px 6px 0px 0px rgba(6,0,1,.2);-moz-box-shadow:6px 6px 0px 0px rgba(6,0,1,.2);box-shadow:6px 6px 0px 0px rgba(6,0,1,.2);overflow:hidden}#stepSection .steps .msg{line-height:1.6em;font-size:14px;color:#fff}#stepSection .steps dt{width:100%;min-height:44px;text-align:center;font-size:20px;color:#fff}#stepSection .steps dt{display:inline-block;vertical-align:middle}#stepSection .stepNum{position:absolute;top:48px;left:22px;display:block;width:60px;height:60px;line-height:60px;font-size:43px;font-weight:bold;color:#e60012;text-align:center;background-color:#fff;border-radius:50%}#stepSection .stepYoutube{width:768px;padding:26px 30px 0;border:6px solid #fff;border-radius:26px;margin:65px auto 0}#stepSection .stepYoutube p{color:#fff;font-size:20px;line-height:1.8}#stepSection .stepYoutube p.link{margin-top:13px;text-align:center;font-size:24px;line-height:3.125}#stepSection .stepYoutube p.link span::after{content:"";display:inline-block;width:18px;height:1em;margin-left:.2em;background:url(../img/contents/mark_window_w.png) no-repeat 0 6px}#stepSection .stepYoutube p a{color:#fff;text-decoration:underline}#stepSection .stepYoutube p a:hover{text-decoration:none}#stepSection .stepYoutube ul{list-style:none;width:718px;padding-top:40px;border-radius:16px 16px 0 0;overflow:hidden;margin:0 auto;background:#fff}#stepSection .stepYoutube li{width:299px;padding:0 0 20px 40px;float:left;text-align:center;color:#e60012;font-size:16px;line-height:1.375}#stepSection .stepYoutube li a{display:inline-block;margin-bottom:10px}#stepSection .stepYoutube li a:hover{opacity:.8}#contents_block #manualSection{padding-bottom:50px}#manualSection{width:100%;background:#f8bb31 url(../img/bg/bg_ocher.png)}#manualSection .sectionTitle{padding:0 2em}#manualSection>div>p{width:100%;margin:0 auto 44px;font-size:16px;color:#fff;text-shadow:2px 2px 0px rgba(0,0,0,.15);text-align:center;line-height:1.625}#manualSection dl{border:3px solid #fff;border-radius:10px;position:relative;background:#fff;box-shadow:4px 4px 0 0 rgba(0,0,0,.2),0 0 0 2px #f8bb31 inset}#manualSection .manualBox{padding:74px 0 0}#manualSection .manualBox>h3{width:100%;margin-bottom:22px;font-size:22px;font-weight:normal;line-height:0;text-align:center;text-shadow:2px 2px 0px rgba(0,0,0,.15);color:#fff}#manualSection .manualBox>h3 span{display:inline-block;line-height:1.455;position:relative}#manualSection .manualBox>h3 span::after{content:"";display:block;width:100%;padding:0 .5em;height:3px;border-radius:1.5px;position:absolute;bottom:-3px;left:-0.5em;background:#fff;box-shadow:2px 2px 0px rgba(0,0,0,.15)}#manualSection .manualBox ul.lesson{width:676px;margin:0 auto 45px}#manualSection .manualBox ul.lesson li{padding:0 0 10px 22px;list-style:none;font-size:16px;line-height:1.625;text-indent:-22px;color:#fff;text-shadow:2px 2px 0px rgba(0,0,0,.15)}#manualSection .manualBox ul.lesson li::before{content:"●";display:inline-block;width:22px;color:#744a23;text-indent:0}#manualSection .manualBox .buttonAbout{width:14em}#manualSection .manualBox .buttonAbout a{background:#fff url(../img/contents/arrow_02.png) 97% 50% no-repeat}#manualSection .manualBox .buttonAbout a:hover{background-color:#f8bb31;background-image:url(../img/contents/arrow_02_on.png)}#manualSection br.clear{clear:both}#manualSection .noteDl2{display:flex;justify-content:center;margin:1.4em auto 0;width:856px}#manualSection .noteDl2 li,#manualSection .noteDl2 dt{list-style-type:none;line-height:1.8;font-size:16px;color:#fff;text-shadow:2px 2px 0px rgba(0,0,0,.15)}#manualSection #manualDl dt{letter-spacing:.3em}#manualSection #manualDl dt,#manualSection #materialDl dt{font-size:24px;font-weight:bold}#manualSection #manualDl dd a,#manualSection #materialDl dd a{display:block;overflow:hidden;position:relative;background:#f8bb31}#manualSection #manualDl dd a:hover,#manualSection #materialDl dd a:hover{background:#e7b035}#manualSection #manualDl{display:flex;flex-wrap:nowrap;justify-content:space-between;align-items:stretch;width:856px;margin:0 auto}#manualSection #manualDl dt{display:flex;justify-content:center;align-items:center;width:100%;height:80px;position:absolute;top:0;left:0;line-height:1.273;color:#754b23}#manualSection #manualDl dd{display:flex;flex-wrap:wrap;flex-direction:column;justify-content:center;align-items:center;box-sizing:border-box;height:100%}#manualSection #manualDl dd figure{font-size:0}#manualSection #manualDl dd p,#manualSection #manualDl dd figcaption{padding:0;margin:0;font-size:11.6px;color:#744a23;text-align:center}#manualSection #manualDl dd p.end{color:red;text-decoration:underline}#manualSection #manualDl dd figcaption{line-height:1.417;margin-bottom:22px}#manualSection #manualDl dd div.links{margin-bottom:16px}#manualSection #manualDl dl.teachManual{width:522px;padding:80px 0 20px}#manualSection #manualDl dl.teachManual hr{width:460px;height:6px;border:none;margin:15px auto;background:url(../img/contents/line_dots.png) repeat-x 50% 0}#manualSection #manualDl dl.teachManual a{width:452px;border-radius:19px;font-size:14px;font-weight:bold;line-height:38px;text-indent:27px;color:#754b23;margin-bottom:12px}#manualSection #manualDl dl.teachManual a:last-child{margin-bottom:0}#manualSection #manualDl dl.teachManual a span{display:block;padding-right:23px;position:absolute;top:0;right:15px;font-size:11px;text-align:right;color:#fff;background:url(../img/contents/arrow_dl_white.png) 100% 50% no-repeat}#manualSection #manualDl dl.teachManual a span em{font-size:12px}#manualSection #manualDl dl.teachManual a em{font-style:normal;font-size:17px}#manualSection #manualDl dl.studySet{width:238px;padding:80px 22px 20px}#manualSection #manualDl dl.studySet figure{margin-bottom:18px}#manualSection #manualDl dl.studySet a{width:238px;border-radius:14px;color:#fff;font-size:11px;line-height:2.333;text-align:center}#manualSection #manualDl dl.studySet a em{font-size:12px;font-style:normal}#manualSection #manualDl dl.studySet a::after{content:"";display:block;width:12px;height:12px;position:absolute;top:50%;right:15px;margin-top:-6px;background:url(../img/contents/arrow_dl_white.png) 0 0 no-repeat}#manualSection #materialDl{padding-top:40px}#manualSection #materialDl div.materialBox{width:856px;margin:0 auto}#manualSection #materialDl dl{padding-bottom:38px}#manualSection #materialDl dt{padding-top:13px;line-height:2.083;color:#754b23;text-align:center}#manualSection #materialDl dt::after{content:"";display:inline-block;width:45px;height:24px;background:url(../img/contents/mark_new.png) no-repeat 50% 100%;margin-left:3px}#manualSection #materialDl dd p{padding:0;margin:0;font-size:17px;line-height:2;color:#754b23;text-align:center}#manualSection #materialDl dd div.links{margin-top:14px}#manualSection #materialDl dd a{display:block;width:452px;border-radius:19px;overflow:hidden;position:relative;margin:0 auto;font-size:17px;font-weight:bold;line-height:38px;color:#754b23;text-align:center}#manualSection #materialDl dd a::after{content:"";display:block;width:16px;height:100%;position:absolute;top:0;right:15px;background:url(../img/contents/mark_tab_w.png) 100% 50% no-repeat}#manualSection #materialDl .materials{display:flex;flex-wrap:nowrap;justify-content:space-between;padding:0 55px;margin-top:27px}#manualSection #materialDl .materials figure{font-size:0;text-align:center}#manualSection #materialDl .materials figcaption{font-size:12px;line-height:4.5;color:#754b23;white-space:nowrap}#contents_block #classmMovieSection{padding-bottom:50px}#classmMovieSection{width:100%;background:#fff url(../img/bg/bg_white.png);color:#744a23}#classmMovieSection h2.sectionTitle{color:#744a23;border-color:#744a23}#classmMovieSection .classMovieBox{padding:74px 0 10px}#classmMovieSection .classMovieBox .buttonAbout{width:240px;border-color:#744a23;background-color:#744a23;margin-bottom:15px}#classmMovieSection .classMovieBox .buttonAbout a{color:#fff;background-color:rgba(0,0,0,0);background-image:url(../img/contents/arrow_03.png)}#classmMovieSection .classMovieBox .buttonAbout a:hover{color:#744a23;background-color:#fff}#classmMovieSection .classMovieBox>p{width:100%;margin:0 auto 2em;font-size:16px;text-align:center;line-height:1.625}#classmMovieSection .classMovieBox>p>span{display:inline-block;padding-top:.5em;font-size:15px;color:#e60012;text-decoration:underline}#classmMovieSection .classMovieBox .moviesOnly{width:854px;margin:0 auto;padding-top:24px}#classmMovieSection .classMovieBox .moviesOnly>p{font-size:24px;text-align:center;line-height:1;padding:1em 0 120px;margin:0}#classmMovieSection .classMovieBox .moviesOnly>p>small{font-size:20px}#classmMovieSection .classMovieBox ul.movies{display:flex;padding:0 35px 0 0;margin:0 0 30px;flex-wrap:nowrap;justify-content:center}#classmMovieSection .classMovieBox ul.movies>li{width:262px;margin-left:35px}#classmMovieSection .classMovieBox ul.movies>li dt{padding:18px 0 8px;font-size:16px;line-height:1.25}#classmMovieSection .classMovieBox ul.movies>li dt small{font-size:12px;white-space:nowrap}#classmMovieSection .classMovieBox ul.movies>li dd{font-size:14px;line-height:1.43}#classmMovieSection .classMovieBox ul.movies>li dd.cooperate{padding-top:6px}#classmMovieSection .classMovieBox ul.movies>li>div,#classmMovieSection .classMovieBox .moviesOnly>div{padding:3px;background:#744a23;border-radius:4px}#classmMovieSection .classMovieBox ul.movies>li>div>iframe,#classmMovieSection .classMovieBox .moviesOnly>div>iframe{display:block}#classmMovieSection .classMovieBox a.close{display:block;width:105px;height:30px;overflow:hidden;margin:0 auto;padding-left:15px;font-size:12px;background:#fff url(../img/contents/mark_close.png) 12px 50% no-repeat;color:#000;border:3px solid #fff;border-radius:18px;line-height:30px;letter-spacing:.1em;text-align:center;text-decoration:none;box-shadow:5px 5px 0px 0px rgba(6,0,1,.2)}#classmMovieSection .classMovieBox a.close:hover{background:#000 url(../img/contents/mark_close_on.png) 12px 50% no-repeat;color:#fff}#classmMovieSection .classMovieBox p.sub{font-size:23px;line-height:1;margin-bottom:20px}#schoolSection{width:100%;background:#754b23 url(../img/bg/bg_brown.png)}#schoolSection .teacherBox{padding:74px 0 10px}#schoolSection .teacherBox .sectionTitle{padding:0 2em}#schoolSection .teacherBox>p{width:100%;margin:0 auto 2em;font-size:16px;color:#fff;text-shadow:2px 2px 0px rgba(0,0,0,.15);text-align:center;line-height:1.625}#schoolSection div.teachers{width:820px;padding-bottom:5px;overflow:hidden;margin:0 auto 80px auto}#schoolSection div.voice{width:240px;float:left;margin:0 50px 0 0}#schoolSection div.voice.rightVoice{margin:0}#schoolSection div.voice img{border-radius:50%;margin:0 0 0 20px;-webkit-box-shadow:5px 5px 0px 0px rgba(6,0,1,.2);-moz-box-shadow:5px 5px 0px 0px rgba(6,0,1,.2);box-shadow:5px 5px 0px 0px rgba(6,0,1,.2)}#schoolSection div.voice h2{font-size:16px;color:#fff;text-align:center;font-weight:normal;margin-bottom:0;padding-bottom:24px;line-height:2}#schoolSection div.voice h2 span{font-size:20px}#schoolSection div.voice p{position:relative;background-color:#fff;border-radius:18px;padding:20px;color:#754b23;font-size:.8em;line-height:175%;-webkit-box-shadow:5px 5px 0px 0px rgba(6,0,1,.2);-moz-box-shadow:5px 5px 0px 0px rgba(6,0,1,.2);box-shadow:5px 5px 0px 0px rgba(6,0,1,.2)}#schoolSection div.voice p strong{display:inline-block;margin-bottom:1em;font-weight:bold;line-height:1.2}#schoolSection div.voice p::before{content:"";position:absolute;display:block;width:27px;height:14px;top:-13px;left:107px;background-image:url(../img/contents/fukidahi_serif.png);background-repeat:no-repeat;background-position:top center}#schoolSection .schoolBox{padding:0 0 96px;overflow:hidden}#schoolSection .schoolBox .buttonCase{text-align:center;font-size:0;line-height:0;margin-bottom:88px}#schoolSection .schoolBox .buttonCase a{display:inline-block;padding:0 65px 0 48px;border:4px solid #fff;border-radius:28px;font-size:20px;line-height:2.3;color:#fff;position:relative;text-decoration:none}#schoolSection .schoolBox .buttonCase a::after{content:"";width:32px;height:100%;position:absolute;top:0;right:0;background:url(../img/contents/arrow_04.png) no-repeat 0 50%,url(../img/contents/arrow_01.png) no-repeat 32px 50%/10px 16px}#schoolSection .schoolBox .buttonCase a:hover{color:#744a23;background:#fff}#schoolSection .schoolBox .buttonCase a:hover::after{background-position:32px 50%,0 50%}#schoolSection .schoolImage{width:100%;height:340px;padding:0 0 4px;overflow:hidden;position:relative;margin:0 auto}#schoolSection .schoolImage ul{display:flex;flex-wrap:wrap;justify-content:space-between;align-content:space-between;width:1060px;height:340px;position:absolute;top:0;left:50%;margin:0 0 0 -530px}#schoolSection .schoolImage li{width:160px;height:160px;overflow:hidden;list-style-type:none;border-radius:16px;-moz-border-radius:16px;-webkit-border-radius:16px;box-shadow:4px 4px 0px 0px rgba(1,1,1,.15);-moz-box-shadow:4px 4px 0px 0px rgba(1,1,1,.15);-webkit-box-shadow:4px 4px 0px 0px rgba(1,1,1,.15)}#studySection{width:100%}#studySection .studyBox{padding:74px 0 80px}#studySection .studyBox .sectionTitle{padding:0 2em}#studySection .studyBox div.published:not(:last-child){margin-bottom:100px}#studySection .studyBox p{width:100%;margin:0 auto 36px;font-size:24px;color:#fff;text-shadow:2px 2px 0px rgba(0,0,0,.15);text-align:center;line-height:2}#studySection .studyBox .professores{width:560px;margin:0 auto 47px;overflow:hidden}#studySection .studyBox .professores dl{width:280px;float:left}#studySection .studyBox .professores dt{width:200px;height:200px;border-radius:100px;overflow:hidden;-webkit-box-shadow:5px 5px 0px 0px rgba(6,0,1,.2);-moz-box-shadow:5px 5px 0px 0px rgba(6,0,1,.2);box-shadow:5px 5px 0px 0px rgba(6,0,1,.2);margin:0 auto 16px}#studySection .studyBox .professores dd{color:#fff;font-size:16px;line-height:1.5;text-align:center}#studySection .studyBox .professores dd strong{padding-right:.1em;font-weight:normal;font-size:20px;vertical-align:bottom}#studySection .studyBox .buttonAbout{width:23em}#studySection .studyBox .buttonAbout a{background:#fff url(../img/contents/arrow_02.png) 97% 50% no-repeat}#studySection .studyBox .buttonAbout a:hover{background-color:#f8bb31;background-image:url(../img/contents/arrow_02_on.png)}#casesSection{width:100%;background:#754b23 url(../img/bg/bg_brown.png)}#casesSection .casesBox{padding:100px 0 85px;overflow:hidden}#casesSection .casesBox .sectionTitle{padding:0 2em}#casesSection .casesBox p{width:100%;margin:0 auto 2em;font-size:24px;color:#fff;text-shadow:2px 2px 0px rgba(0,0,0,.15);text-align:center;line-height:2}#casesSection .caseList{width:700px;margin:0 auto 46px;position:relative;font-size:18px;color:#fff}#casesSection .caseList dt{position:absolute;width:120px;padding:.4em 0;text-align:right}#casesSection .caseList dt span.year{font-size:.9em}#casesSection .caseList dd{margin:0;padding:.4em 10px .4em 140px;background:url(../img/contents/line_dotted.png) 0 100% repeat-x}#casesSection .schoolBox{padding:74px 0 5px;overflow:hidden}#casesSection .schoolBox .sectionTitle{padding:0 2em}#casesSection .schoolBox p{width:100%;margin:0 auto 50px;font-size:16px;color:#fff;text-shadow:2px 2px 0px rgba(0,0,0,.15);text-align:center;line-height:1.625}#casesSection .schoolBox .buttonAbout{width:240px}#casesSection .schoolBox .buttonAbout a{color:#744a23;background-image:url(../img/contents/arrow_03.png)}#casesSection .schoolBox .buttonAbout a:hover{color:#fff;background-color:#744a23}#casesSection .studyImage{width:100%;height:540px;overflow:hidden;position:relative}#casesSection .studyImage ul{width:1080px;padding:0 0 0 20px;position:absolute;top:0;left:50%;margin:0 0 0 -550px}#casesSection .studyImage li{width:180px;overflow:hidden;float:left}#casesSection .studyImage li.large{width:360px}#casesSection .studyImage li p{width:160px;padding:0;border-radius:16px;overflow:hidden;-webkit-box-shadow:4px 4px 0px 0px rgba(6,0,1,.2);-moz-box-shadow:4px 4px 0px 0px rgba(6,0,1,.2);box-shadow:4px 4px 0px 0px rgba(6,0,1,.2);margin:0 20px 20px 0;float:left}#casesSection .studyImage li p.large{width:340px}#contents_block #slideSection{padding:74px 0 180px}#contents_block.howto #slideSection{padding-top:0}#slideSection{position:relative;width:100%;background:url(../img/bg/bg_glc_map.png) 50% 100% repeat-x}#slideSection .textBox{padding:100px 0 24px}#slideSection .textBox p{width:100%;margin:0 auto 1em;font-size:20px;color:#fff;text-shadow:2px 2px 0px rgba(0,0,0,.15);text-align:center;line-height:2}#slideSection div.slideBox{width:100%;height:320px;overflow:hidden;left:0;position:relative;background:none}#slideSection div.slideBox ul{min-width:100%;height:108px;position:absolute;top:113px;left:0}#slideSection div.slideBox li{width:192px;height:108px;border-radius:10px;box-shadow:4px 4px 0 0 rgba(0,0,0,.2);overflow:hidden;position:absolute;top:0;left:-204px}#slideSection div.slideBox li.move{transition:left .45s .2s ease-out,box-shadow .05s linear,margin .05s linear;-webkit-transition:left .45s .2s ease-out,box-shadow .05s linear,margin .05s linear}#slideSection div.slideBox ul.moving li{box-shadow:2px 2px 0 0 rgba(0,0,0,.2);margin:1px 0 0 1px}#slideSection .bannerQrBox{width:616px;height:auto;border-radius:10px;box-shadow:4px 4px 0 0 rgba(0,0,0,.2);position:absolute;top:65px;left:50%;margin-left:-308px;background:#e60012}#slideSection .bannerQrInner{margin:3px;border:2px solid #fff;border-radius:8px;background:#e60012;overflow:hidden}#slideSection .bannerQrLogo{float:left;width:276px;margin-left:10px}#slideSection .bannerQrLogo dt{margin:0;padding:40px 0 10px;color:#fff;font-size:14px;line-height:1.3;letter-spacing:1px;text-align:center}#slideSection .bannerQrLogo dd{padding-bottom:35px;text-align:center}#slideSection .bannerQrApp{float:right;width:310px;margin-right:10px;overflow:hidden}#slideSection .bannerQrApp dl{float:left;width:155px;margin-top:48px}#slideSection .bannerQrApp dl.banners{margin-top:51px}#slideSection .bannerQrApp dt{padding:0;text-align:center}#slideSection .bannerQrApp dd{text-align:center;margin:8px 0 8px 0}#slideSection .bannerQrApp dd a{display:block;margin:0 auto}#slideSection .hughugLink{width:177px;height:107px;position:absolute;top:-94px;right:5px}#slideSection .hughug{display:block;width:80px;height:79px;position:absolute;bottom:0;right:0;z-index:10}#slideSection p.footerNotice{color:#754b23;font-size:12px;text-align:center;line-height:2}#modalSection{display:none;width:100%;min-width:1080px;height:100%;position:fixed;top:0;left:0;z-index:1001}#modalSection.view{display:block}#modalSection div.closeArea{width:100%;height:100%;overflow:hidden;position:absolute;background:rgba(0,0,0,.9);text-indent:100%;white-space:nowrap}#modalSection div.modalContainer{width:980px;position:absolute;top:0;left:50%;margin-left:-490px}#modalSection div.modalContainer>div{display:none}#modalSection div.modalContainer a.close{display:block;width:120px;height:30px;overflow:hidden;margin:60px auto 0;padding-left:10px;font-size:12px;background:#fff url(../img/contents/mark_close.png) 12px 50% no-repeat;color:#000;border:3px solid #fff;border-radius:18px;line-height:30px;letter-spacing:.1em;text-align:center;text-decoration:none}#modalSection div.modalContainer a.close:hover{background:#000 url(../img/contents/mark_close_on.png) 12px 50% no-repeat;color:#fff}#modalSection div.modalContainer .sectionTitle{margin:0 auto 3em;padding:0 2em;color:#fff;line-height:54px;font-size:24px;font-weight:normal;text-align:center;letter-spacing:.5em;display:inline-block;display:table;border-radius:30px;border:3px solid #fff}#modalSection.disp_0 div.modalContainer{padding-bottom:96px;margin-left:0}#modalSection div.modalContainer div.modal00 a.close{position:absolute;bottom:0;left:50%;margin-left:-60px}#modalSection div.modalContainer div.modal01,#modalSection div.modalContainer div.modal03{color:#fff;padding:8em 0 8em}#modalSection div.modalContainer div.modal01 h3,#modalSection div.modalContainer div.modal03 h3{margin:0 auto 3em;padding:0 0 .2em;color:#fff;line-height:1.8px;font-size:24px;font-weight:normal;text-align:center;letter-spacing:.5em}#modalSection div.modalContainer div.modal01 h3.nosp,#modalSection div.modalContainer div.modal03 h3.nosp{letter-spacing:0}#modalSection div.modalContainer div.modal01 dl,#modalSection div.modalContainer div.modal01 ul,#modalSection div.modalContainer div.modal01 p,#modalSection div.modalContainer div.modal03 dl,#modalSection div.modalContainer div.modal03 ul,#modalSection div.modalContainer div.modal03 p{margin:1em auto 8em;font-size:16px;color:#fff;text-shadow:2px 2px 0px rgba(0,0,0,.15);text-align:left;line-height:1.8}#modalSection div.modalContainer div.modal01 dl,#modalSection div.modalContainer div.modal03 dl{text-align:center}#modalSection div.modalContainer div.modal01 li,#modalSection div.modalContainer div.modal03 li{list-style-type:disc}#modalSection div.modalContainer div.modal02{color:#fff;padding:8em 0 8em}#modalSection div.modalContainer div.modal02 p{font-size:12px;text-align:center;margin-bottom:20px}#modalSection div.modalContainer div.modal02 p span{color:#e60012}#modalSection div.modalContainer div.modal02 .sectionTitle{margin:0 auto 20px;padding:0 1em;letter-spacing:0}#modalSection div.modalContainer div.modal02 .tbl{width:604px;margin:0 auto;background-color:#fff;border:4px solid #ddd;border-radius:30px}#modalSection div.modalContainer div.modal02 .tbl table{width:604px}#modalSection div.modalContainer div.modal02 .tbl thead th,#modalSection div.modalContainer div.modal02 .tbl thead td{border-bottom:4px solid #ddd}#modalSection div.modalContainer div.modal02 .tbl thead th{border-right:4px solid #ddd}#modalSection div.modalContainer div.modal02 .tbl thead td{padding:.8em .5em;border-right:2px solid #ddd;color:#e60012;text-align:center;line-height:1.2}#modalSection div.modalContainer div.modal02 .tbl thead td span{font-size:60%}#modalSection div.modalContainer div.modal02 .tbl tbody th,#modalSection div.modalContainer div.modal02 .tbl tbody td{width:25%;width:117px;height:1.5em;padding:.2em;text-align:center}#modalSection div.modalContainer div.modal02 .tbl tbody th{padding-left:1em;padding-right:1em;border-right:4px solid #ddd;border-bottom:2px solid #ddd;white-space:nowrap}#modalSection div.modalContainer div.modal02 .tbl tbody th.ltr{letter-spacing:.4em;text-indent:.4em}#modalSection div.modalContainer div.modal02 .tbl tbody td{border-right:2px solid #ddd;border-bottom:2px solid #ddd;font-size:16px;color:#e60012}#modalSection div.modalContainer div.modal02 .tbl tbody .contain th,#modalSection div.modalContainer div.modal02 .tbl tbody .contain td{background-color:#f0f0f0}#modalSection div.modalContainer div.modal02 .tbl tbody.maj th{font-size:16px;color:#000}#modalSection div.modalContainer div.modal02 .tbl tbody.maj tr:last-child th,#modalSection div.modalContainer div.modal02 .tbl tbody.maj tr:last-child td{border-bottom:4px solid #ddd}#modalSection div.modalContainer div.modal02 .tbl tbody.min th{font-size:12px;color:#000}#modalSection div.modalContainer div.modal02 .tbl tbody.min tr:last-child th,#modalSection div.modalContainer div.modal02 .tbl tbody.min tr:last-child td{border-bottom:none}#modalSection div.modalContainer div.modal02 .tbl thead td:last-child,#modalSection div.modalContainer div.modal02 .tbl tbody td:last-child{border-right:none}#modalSection div.modalContainer div.modal02 .noteTbl{width:640px;margin:1.8em auto;text-align:center;line-height:1.8}#modalSection div.modalContainer div.modal05{width:928px;margin:192px auto}#modalSection div.modalContainer div.modal05>div{padding:44px 48px 56px;border:3px solid #ddd;border-radius:30px;background:#fff}#modalSection div.modalContainer div.modal05 h2{margin:0 0 46px;text-align:center;font-size:24px;font-weight:normal;line-height:1.583}#modalSection div.modalContainer div.modal05 p{margin-bottom:46px;font-size:18px;line-height:1.667}#modalSection div.modalContainer div.modal05 p em{font-style:normal;text-decoration:underline}#modalSection div.modalContainer div.modal05 ol{padding:0;margin-bottom:46px}#modalSection div.modalContainer div.modal05 li{padding-left:1em;text-indent:-1em;font-size:17px;line-height:1.882}#modalSection div.modalContainer div.modal05 li:not(:last-child){margin-bottom:32px}#modalSection div.modalContainer div.modal05 li em{font-style:normal;font-size:20px;line-height:1.6}#modalSection div.modalContainer div.modal05 figure{display:flex;align-items:center;margin:0 0 30px}#modalSection div.modalContainer div.modal05 figcaption{width:212px;text-align:center;font-size:20px;line-height:1.15}#modalSection div.modalContainer div.modal05 figcaption::before{content:"";color:#fdc31c}#modalSection div.modalContainer div.modal06{padding:150px 0 80px}#modalSection div.modalContainer div.modal06 .sectionTitle{margin-bottom:2em}#modalSection div.modalContainer div.modal06 .schoolList a{display:block;overflow:hidden;position:relative;text-decoration:none;width:452px;border-radius:19px;font-size:14px;font-weight:bold;line-height:38px;text-indent:27px;color:#fff;background:#333;margin:0 auto}#modalSection div.modalContainer div.modal06 .schoolList a em{font-style:normal;font-size:16px}#modalSection div.modalContainer div.modal06 .schoolList a span{display:block;padding-right:23px;position:absolute;top:0;right:15px;font-size:10px;text-align:right;color:#fff;background:url(../img/contents/arrow_dl_white.png) 100% 50% no-repeat}#modalSection div.modalContainer div.modal06 .schoolList a span em{font-size:11px}#modalSection div.modalContainer div.modal06 .schoolList a:hover{background:#e7b035}#modalSection div.modalContainer div.modal06 .schoolList ul{width:380px;padding:0 20px;float:left}#modalSection div.modalContainer div.modal06 .schoolList li{margin-bottom:5px}#modalSection div.modalContainer div.modal06 .schoolList li span{font-size:12px}#modalSection div.modalContainer div.modal06 .schoolTable{width:848px;margin:0 auto 50px;color:#fff}#modalSection div.modalContainer div.modal06 .schoolTable>table{border-spacing:24px;border-collapse:separate}#modalSection div.modalContainer div.modal06 .schoolTable th{font-size:16px;line-height:1.56;font-weight:bold}#modalSection div.modalContainer div.modal06 .schoolTable td{position:relative;padding:2px 0 2px 29px;font-size:20px;line-height:1.25}#modalSection div.modalContainer div.modal06 .schoolTable td:last-child{font-size:13px;line-height:1.46}#modalSection div.modalContainer div.modal06 .schoolTable td::before{content:"";display:block;width:4px;height:100%;border-radius:2px;background:#fff;position:absolute;top:0;left:0}#modalSection div.modalContainer div.modal06 .schoolTable th span,#modalSection div.modalContainer div.modal06 .schoolTable td span{display:inline-block;white-space:nowrap}#modalSection.disp_0 div.modalContainer div.modal00,#modalSection.disp_1 div.modalContainer div.modal01,#modalSection.disp_2 div.modalContainer div.modal02,#modalSection.disp_3 div.modalContainer div.modal03,#modalSection.disp_4 div.modalContainer div.modal04,#modalSection.disp_5 div.modalContainer div.modal05,#modalSection.disp_6 div.modalContainer div.modal06{display:block}