@import url("//fonts.googleapis.com/css2?family=Oswald:wght@400;700&family=Oswald+One&display=swap");@font-face{font-family:'Noto Sans JP';font-style:normal;font-weight:400;src:url("../font/NotoSansJP-Regular.ttf") format("ttf"),url("../font/NotoSansJP-Regular.woff") format("woff"),url("../font/NotoSansJP-Regular.eot") format("eot");font-display:swap}@font-face{font-family:'Noto Sans JP';font-style:normal;font-weight:700;src:url("../font/NotoSansJP-Bold.ttf") format("ttf"),url("../font/NotoSansJP-Bold.woff") format("woff"),url("../font/NotoSansJP-Bold.eot") format("eot");font-display:swap}*,html,body{font-family:'Oswald', 'Noto Sans JP', 'Hiragino Kaku Gothic', Osaka, 'Meiryo', 'MS P Gothic', sans-serif;font-size:16px;padding:0;margin:0;box-sizing:border-box;position:relative}html{scroll-behavior:smooth;overflow-y:scroll}body{scroll-behavior:smooth}ul,ol,dl{padding:0;margin:0}a{text-decoration:none;color:#222}a:hover{text-decoration:none}p{padding:0;margin:0}em{font-style:normal}.no-gutters{margin:0;padding:0}.no-gutters>.col,.no-gutters>[class*="col-"]{margin:0;padding:0}.for-pc{display:none}.for-mobile{display:block}dl.bukken-info{display:flex;align-items:center;text-justify:center}dl.bukken-info dt{text-align:center;background:#222;color:#fff;font-weight:400;padding:8px 0}dl.bukken-info dd{text-align:center;border-bottom:solid 1px #ccc;padding:12px 0}dl.bukken-info dd a:hover{text-decoration:none;opacity:.7;filter:alpha(opacity=70)}dl.bukken-info .info1{width:10%}dl.bukken-info .info2{width:20%}dl.bukken-info .info3{width:20%}dl.bukken-info .info4{width:10%}dl.bukken-info .info5{width:15%}dl.bukken-info .info6{width:15%}dl.bukken-info .info7{width:10%}dl.bukken-info .info7 a{display:inline-block;margin:0 auto;background:#222;color:#fff;padding:2px 20px;font-size:14px;text-align:center}.contents{padding:100px 0}header{position:fixed;width:100%;background:#fff;z-index:100;top:0;left:0;border-bottom:solid 1px #ccc;height:60px;line-height:48px;margin-bottom:80px}header h2 a{display:block;font-size:2rem;padding:6px 0}.bukken-name{font-size:1rem;margin:6px auto}.bukken-name span{border:solid 1px #222;padding:6px;margin-left:10px}section{padding:80px 0}h3{text-align:center;margin-bottom:40px;margin-top:100px}ul.mainmenu{padding:120px 0 0 0;display:flex}ul.mainmenu li{width:16.66%;list-style-type:none;text-align:center;border-left:solid 1px #222}ul.mainmenu li:last-child{border-right:solid 1px #222}ul.mainmenu li a{text-decoration:underline}.bukken-picture-box{display:flex}.bukken-picture-box .bukken-picture-img{width:30%}.bukken-picture-box .bukken-picture-img img{width:100%}.bukken-picture-box .bukken-picture-img iframe{width:100%;min-height:240px}.bukken-picture-box .bukken-picture-text{width:70%;box-sizing:border-box;padding:0 30px}.bukken-picture-box .bukken-picture-text p{font-weight:700;font-size:1.5rem;margin-bottom:10px}.bukken-picture-box .bukken-picture-text .code-box{position:relative}.bukken-picture-box .bukken-picture-text pre{margin:15px 0;border:1px solid #222;padding:14px 0;font-size:1rem;text-indent:1rem}.bukken-picture-box .bukken-picture-text .code-box button{display:inline-block;position:absolute;right:0px;top:-36px;background:#222;width:60px;height:36px;color:#fff;z-index:100;border:none}a.pagetop{width:90px;height:90px;display:block;position:fixed;bottom:10px;right:10px;z-index:100;background:#000;color:#fff}a.pagetop:before{content:'';width:30px;border-bottom:solid 1px #fff;transform:rotate(-45deg);display:block;position:absolute;top:40px;left:20px}a.pagetop:after{content:'';width:30px;border-bottom:solid 1px #fff;transform:rotate(45deg);display:block;position:absolute;top:40px;right:20px}a.pagetop span{display:block;position:absolute;bottom:8px;left:34px}