@charset "utf-8";/* =================================================================== style info : リセット及びフォントサイズ=================================================================== *//*! destyle.css v1.0.13 | MIT License | https://github.com/nicolas-cusan/destyle.css *//* Reset box-model   ========================================================================== */* {  box-sizing: border-box;}::before,::after {  box-sizing: inherit;}/* Document   ========================================================================== *//** * 1. Correct the line height in all browsers. * 2. Prevent adjustments of font size after orientation changes in iOS. * 3. Remove gray overlay on links for iOS. */html {  line-height: 1;  -webkit-text-size-adjust: 100%; /* 2 */  -webkit-tap-highlight-color: transparent; /* 3*/}/* Sections   ========================================================================== *//** * Remove the margin in all browsers. */body {  margin: 0;}/** * Render the `main` element consistently in IE. */main {  display: block;}/* Vertical rhythm   ========================================================================== */p,table,blockquote,address,pre,iframe,form,figure,dl {  margin: 0;}/* Headings   ========================================================================== */h1,h2,h3,h4,h5,h6 {  font-size: inherit;  line-height: inherit;  font-weight: inherit;  margin: 0;}/* Lists (enumeration)   ========================================================================== */ul,ol {  margin: 0;  padding: 0;  list-style: none;}/* Lists (definition)   ========================================================================== */dt {  font-weight: bold;}dd {  margin-left: 0;}/* Grouping content   ========================================================================== *//** * 1. Add the correct box sizing in Firefox. * 2. Show the overflow in Edge and IE. */hr {  box-sizing: content-box; /* 1 */  height: 0; /* 1 */  overflow: visible; /* 2 */  border: 0;  border-top: 1px solid;  margin: 0;  clear: both;  color: inherit;}/** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */pre {  font-family: monospace, monospace; /* 1 */  font-size: inherit; /* 2 */}address {  font-style: inherit;}/* Text-level semantics   ========================================================================== *//** * Remove the gray background on active links in IE 10. */a {  background-color: transparent;  text-decoration: none;  color: inherit;}/** * 1. Remove the bottom border in Chrome 57- * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. */abbr[title] {  border-bottom: none; /* 1 */  text-decoration: underline; /* 2 */  text-decoration: underline dotted; /* 2 */}/** * Add the correct font weight in Chrome, Edge, and Safari. */b,strong {  font-weight: bolder;}/** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */code,kbd,samp {  font-family: monospace, monospace; /* 1 */  font-size: inherit; /* 2 */}/** * Add the correct font size in all browsers. */small {  font-size: 80%;}/** * Prevent `sub` and `sup` elements from affecting the line height in * all browsers. */sub,sup {  font-size: 75%;  line-height: 0;  position: relative;  vertical-align: baseline;}sub {  bottom: -0.25em;}sup {  top: -0.5em;}/* Embedded content   ========================================================================== *//** * Remove the border on images inside links in IE 10. */img {  border-style: none;  vertical-align: bottom;}embed,object,iframe {  border: 0;  vertical-align: bottom;}/* Forms   ========================================================================== *//** * Reset form fields to make them styleable * 1. Reset radio and checkbox to preserve their look in iOS. */button,input,optgroup,textarea {  -webkit-appearance: none;  appearance: none;  vertical-align: middle;  color: inherit;  font: inherit;  border: 0;  background: transparent;  padding: 0;  margin: 0;  outline: 0;  border-radius: 0;  text-align: inherit;}[type="checkbox"] {  /* 1 */  -webkit-appearance: checkbox;  appearance: checkbox;}[type="radio"] {  /* 1 */  -webkit-appearance: radio;  appearance: radio;}/** * Show the overflow in IE. * 1. Show the overflow in Edge. */button,input {  /* 1 */  overflow: visible;}/** * Remove the inheritance of text transform in Edge, Firefox, and IE. * 1. Remove the inheritance of text transform in Firefox. *//*select*/button{  /* 1 */  text-transform: none;}/** * Correct the inability to style clickable types in iOS and Safari. */button,[type="button"],[type="reset"],[type="submit"] {  cursor: pointer;  -webkit-appearance: none;  appearance: none;}button[disabled],[type="button"][disabled],[type="reset"][disabled],[type="submit"][disabled] {  cursor: default;}/** * Remove the inner border and padding in Firefox. */button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner {  border-style: none;  padding: 0;}/** * Restore the focus styles unset by the previous rule. */button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring {  outline: 1px dotted ButtonText;}/** * Remove padding */option {  padding: 0;}/** * Reset to invisible */fieldset {  margin: 0;  padding: 0;  border: 0;  min-width: 0;}/** * 1. Correct the text wrapping in Edge and IE. * 2. Correct the color inheritance from `fieldset` elements in IE. * 3. Remove the padding so developers are not caught out when they zero out *    `fieldset` elements in all browsers. */legend {  color: inherit; /* 2 */  display: table; /* 1 */  max-width: 100%; /* 1 */  padding: 0; /* 3 */  white-space: normal; /* 1 */}/** * Add the correct vertical alignment in Chrome, Firefox, and Opera. */progress {  vertical-align: baseline;}/** * Remove the default vertical scrollbar in IE 10+. */textarea {  overflow: auto;}/** * 1. Remove the padding in IE 10. */[type="checkbox"],[type="radio"] {  padding: 0; /* 1 */}/** * Correct the cursor style of increment and decrement buttons in Chrome. */[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button {  height: auto;}/** * 1. Correct the outline style in Safari. */[type="search"] {  outline-offset: -2px; /* 1 */}/** * Remove the inner padding in Chrome and Safari on macOS. */[type="search"]::-webkit-search-decoration {  -webkit-appearance: none;}/** * 1. Correct the inability to style clickable types in iOS and Safari. * 2. Change font properties to `inherit` in Safari. */::-webkit-file-upload-button {  -webkit-appearance: button; /* 1 */  font: inherit; /* 2 */}/** * Clickable labels */label[for] {  cursor: pointer;}/* Interactive   ========================================================================== *//* * Add the correct display in Edge, IE 10+, and Firefox. */details {  display: block;}/* * Add the correct display in all browsers. */summary {  display: list-item;}/* Table   ========================================================================== */table {  border-collapse: collapse;  border-spacing: 0;}caption {  text-align: left;}td,th {  vertical-align: top;  padding: 0;}th {  text-align: left;  font-weight: bold;}/* Misc   ========================================================================== *//** * Add the correct display in IE 10+. */template {  display: none;}/** * Add the correct display in IE 10. */[hidden] {  display: none;}@charset "utf-8";/*----------------------------------------------------共通----------------------------------------------------*//* スクロールバーの有無によるズレ対策 */html {overflow-y: scroll;font-size:62.5%;}body,input, textarea, select {font-family: 'Noto Sans JP', sans-serif;}body{background:#ffffff;font-size:1em;}/* for IE6 */* html body,* html input, * html textarea {font-family: "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;}/* スマホでＰＣと同じ文字サイズを維持 */html,body{text-size-adjust: none;}/*アンドロイドの自動調整ズレ対策（4.2くらい）----------------------------------------------*//*#main h3,#main p,#main table,#main td,#main th{background-image:url(images);}*//*----------------------------------------------------header----------------------------------------------------*/header{top:0;background:#ffffff;box-shadow: 0 2px 6px rgba(0,0,0,.16);position:sticky;z-index:10;}header .head{position:relative;max-width:1080px;margin:0 auto;height:45px;display:flex;}@media screen and (max-width:480px){header .head{height:40px;}}header .head h4{flex-grow:4;font-size:2.4rem;padding:5px 0 0 5px;z-index:15;}header .head h4 span{margin-right:20px;font-size:3.2rem;}@media screen and (max-width:480px){header .head h4{font-size:1.0rem;padding:10px 0 0 5px;}header .head h4 span{margin-right:5px;font-size:1.6rem;display:block;}}header .head h5{min-width:40px;height:100%;z-index:15;}header .head img{height:100%;}nav{position: fixed;top:-2000px; /* これで隠れる */width:100%;max-width:1080px;margin:0 auto;padding-top: 48px;padding-bottom: 48px;background-color: #dddddd;border-radius:0 0 10px 10px;transition: all .6s;z-index: 13;overflow-y: auto; /* メニューが多くなったらスクロールできるように */font-size:1.6rem;font-weight:500;}@media screen and (max-width:480px){nav{width:100%;height:100vh;top:-100vh;font-size:1.2rem;border-radius:0 0 0 0;}}nav ul{display:flex;flex-wrap:wrap;margin-bottom:10px;}nav ul li{width:50%;background:#036EEC;color:#ffffff;}@media screen and (max-width:480px){nav ul li{width:100%;float:none;}}nav ul li a{display:block;padding:15px 20px;/*background:url(../img/arrow_01.png) no-repeat;*/background-position:95%;background-size:10px;border:1px solid #ffffff;}/* ハンバーガー */#hamburger{  display:none;  position: absolute;  right:0;  top:0;  width: 45px; /* クリックしやすいようにちゃんと幅を指定する */  height: 45px; /* クリックしやすいようにちゃんと高さを指定する */  cursor: pointer;  z-index: 15;}#hamburger .line_1,#hamburger .line_2,#hamburger .line_3{  position: absolute;  left: 7px;  width: 31px;  height: 2px;  background-color: #036EEC;  transition: all .6s;}#hamburger .line_1{  top: 12px;}#hamburger .line_2{  top: 22px;}#hamburger .line_3{  top: 32px;}@media screen and (max-width:480px){#hamburger .line_1{  top: 9px;}#hamburger .line_2{  top: 19px;}#hamburger .line_3{  top: 29px;}}#black_bg {  position: fixed;  left: 0;  top: 0;  width: 100vw;  height: 100vh;  z-index: 11;  background-color: #000;  opacity: 0;  visibility: hidden;  transition: all .6s;  cursor: pointer;}/* 表示された時用のCSS */.nav-open nav{  top: 0;}.nav-open #black_bg{  opacity: .8;  visibility: visible;}.nav-open #hamburger .line_1{  transform: rotate(405deg);  top: 20px;}.nav-open #hamburger .line_2{  width: 0;  left: 50%;}.nav-open #hamburger .line_3{  transform: rotate(-405deg);  top: 20px;}/* 印刷時の固定解除 */@media print{header{position:relative;}nav{display:none;}}/*----------------------------------------------------#gmenu----------------------------------------------------*/#gmenu{font-size:1.0rempx;}#gmenu span{font-size:80%;}@media screen and (max-width:480px){#gmenu{margin:10px 10px;}}/*----------------------------------------------------#main----------------------------------------------------*/#main{max-width:1080px;margin:10px auto;}.main{line-height:1.6;border:1px solid #999999;padding:20px;margin-bottom:40px;}@media screen and (max-width:480px){#main{margin:10px 5px;}.main{border:none;padding:0;line-height:1.4;}}/*-管理画面----------------------------------------*/.office_right{width:100%;border:1px solid #dddddd;margin-bottom:20px;padding:10px;line-height:1.6;min-height:800px;}#ad_menu{width:240px;min-width:240px;display:flex;flex-wrap:wrap;justify-content:start;align-items:flex-start;gap:0;}#ad_menu div{width:calc(50% - 5px);margin:0 5px 5px 0;gap:0;}#ad_menu .sepa{width:100%;color:#003399;font-size:1.8rem;border-top:1px solid #bbbbbb;padding:12px 0 4px 0;}#ad_menu i{margin-right:5px;}/*----------------------------------------------------footer----------------------------------------------------*/footer{background:#666666;color:#cccccc;line-height:1.4;}footer h4{font-size:2.0rem;max-width:1080px;margin:0 auto;padding:10px;}@media screen and (max-width:480px){footer h4{font-size:1.8rem;}}footer hr{margin:10px auto;max-width:1080px;}footer ul{display:flex;flex-wrap:wrap;max-width:1080px;margin:0 auto;}footer ul li{width:25%;font-size:1.3rem;}@media screen and (max-width:480px){footer ul li{width:50%;font-size:1.0rem;}}footer ul li a{display:block;padding:10px 10px 5px 10px;}footer h5{text-align:center;font-size:1.6rem;margin:20px 0 15px 0;}footer h6{text-align:center;font-size:1.4rem;margin:0 0 15px 0;}footer p{text-align:center;font-size:1.0rem;padding:0 0 30px 0;margin:0 10px;}/*----------------------------------------------------input関連----------------------------------------------------*/input[type="text"],input[type="password"],input[type="number"],input[type="email"],input[type="tel"],select,textarea{border:1px solid #999999;padding:2px;border-radius:3px;box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.1) inset;margin-bottom:5px;}input:focus,select:focus,textarea:focus{box-shadow: 0px 0px 5px 2px #ccccee;}@media screen and (max-width:480px){input[type="text"],input[type="password"],input[type="number"],input[type="email"],input[type="tel"],select,textarea{padding:1px;width:80%;}}@charset "utf-8";/*----------------------------------------------------画面の枠----------------------------------------------------*//*レスポンシブ１０８０---------------------------------*/.res_1080{max-width:1080px;margin:0 auto;font-size:1.4rem;}/*----------------------------------------------------テーブル----------------------------------------------------*//*枠なしテーブルで、THは色付き---------------------------------*/.tbl_01{margin:10px auto;}.tbl_01 td,.tbl_01 th{padding:10px 15px;vertical-align:middle;}.tbl_01 th{background:#dddddd;border-bottom:2px solid #f6f8f2;font-weight:400;}/*下線のみのテーブルで、THは色付き---------------------------------*/.tbl_02{margin:10px auto;}.tbl_02 td,.tbl_02 th{padding:10px 15px 5px 15px;vertical-align:middle;border-top:1px solid #dddddd;border-bottom:1px solid #dddddd;border-right:8px solid #f6f8f2;}.tbl_02 th{background:#dddddd;border-bottom:2px solid #f6f8f2;font-weight:400;}.tbl_02 td{background:#fafafa;}@media screen and (max-width:480px){.tbl_02 td{display:block;margin-bottom:10px;}.tbl_02 th{display:block;}}/*全部線ありのテーブルで、THは色付き---------------------------------*/.tbl_03{margin:10px auto;}.tbl_03 td,.tbl_03 th{padding:10px 15px 5px 15px;vertical-align:middle;border:1px solid #cccccc;}.tbl_03 th{background:#dddddd;font-weight:400;}/*テーブル横スクロール(_tは上スクロールバー)---------------------------------*/.table_wrap {overflow-x: scroll;}.table_wrap table{white-space: nowrap;}.table_wrap_t {overflow-x: scroll;transform: rotateX(180deg);}.table_wrap_t table{white-space: nowrap;transform: rotateX(180deg);}/*テーブルブレイク---------------------------------*/@media screen and (max-width:480px){.tbl_bk td{display:block;width:100%;margin-bottom:10px;}.tbl_bk th{display:block;width:100%;}}/*----------------------------------------------------パネル----------------------------------------------------*//*パネル---------------------------------*/.pnl_01{border:1px solid #999999;box-shadow:2px 2px 2px #999999;margin:10px;padding:20px 10px;}.pnl_02{box-shadow:4px 4px 10px #cccccc;margin:10px;padding:20px 20px;}@media screen and (max-width:480px){.pnl_01,.pnl_02{padding:10px 10px;margin:10px 5px;}}/*ぽっち付きパネル---------------------------------*/.pnls_01{display:flex;justify-content:start;align-items: center;box-shadow:4px 4px 10px #cccccc;margin:10px;}.pnls_01 .potu{vertical-align:middle;margin:0 20px;}/*----------------------------------------------------ボタンのタイプ----------------------------------------------------*//*インラインブロック１２０～---------------------------------*/.btn{position:relative;display:inline-block;border-radius:0.6em;;text-align:center;cursor:pointer;white-space: nowrap;min-width:120px;line-height:1.6;padding:0.5rem 4rem;background:linear-gradient(#ffffff, #dddddd, #cccccc);border:1px solid #999999;}/*ミニボタン---------------------------------*/.btnm{position:relative;display:inline-block;border-radius:0.4em;;text-align:center;cursor:pointer;white-space: nowrap;min-width:45px;line-height:1.2;padding:0.3rem 2rem 0.5rem 2rem;background:linear-gradient(#ffffff, #dddddd, #cccccc);border:1px solid #999999;}/*ミニブロックボタン---------------------------------*/.btnmb{position:relative;display:block;border-radius:0.4em;;text-align:center;cursor:pointer;white-space: nowrap;line-height:1.2;padding:0.3rem 0rem 0.5rem 0rem;background:linear-gradient(#ffffff, #dddddd, #cccccc);border:1px solid #999999;}/*ブロック---------------------------------*/.btnb{position:relative;display:block;border-radius:0.6em;;text-align:center;cursor:pointer;white-space: nowrap;min-width:120px;line-height:1.6;padding:0.5rem 4rem;background:linear-gradient(#ffffff, #dddddd, #cccccc);border:1px solid #999999;}/*横幅マックスボタン---------------------------------*/.btnw{position:relative;display:block;border-radius:0.6em;;text-align:center;cursor:pointer;line-height:1.6;padding:0.5rem 4rem;background:linear-gradient(#ffffff, #dddddd, #cccccc);border:1px solid #999999;}/*ブロック（左よせ・インラインブロック１２０）---------------------------------*/.btnl_1{position:relative;display:inline-block;border-radius:0.6em;;text-align:left;cursor:pointer;min-width:120px;line-height:1.6;padding:0.5rem 1rem;background:linear-gradient(#ffffff, #dddddd, #cccccc);border:1px solid #999999;}/*ブロック（左よせ・インラインブロック２４０）---------------------------------*/.btnl_2{position:relative;display:inline-block;border-radius:0.6em;;text-align:left;cursor:pointer;min-width:240px;line-height:1.6;padding:0.5rem 1rem;background:linear-gradient(#ffffff, #dddddd, #cccccc);border:1px solid #999999;}/*ＨＯＶＥＲ（プレーン共通）---------------------------------*/.btn:hover,.btnm:hover,.btnb:hover,.btnw:hover,.btnl_1:hover,.btnl_2:hover{background:linear-gradient(#ffffff, #cccccc, #bbbbbb);}/*----------------------------------------------------アイコン設置----------------------------------------------------*//*アイコン---------------------------------*/.btn-icon{position:absolute;top:50%;right:10px;width:13px;transform:translateY(-50%);}/*----------------------------------------------------ボタンの色（単色）----------------------------------------------------*//*白---------------------------------*/.btn_wh{background:#ffffff;border:1px solid #999999;}.btn_wh:hover{background:#000000;border:1px solid #000000;color:#ffffff;}/*黄色---------------------------------*/.btn_yel{background:#ffcc33;border:1px solid #ffcc33;}.btn_yel:hover{background:#000000;border:1px solid #000000;color:#ffcc33;}/*黒---------------------------------*/.btn_bk{background:#000000;border:1px solid #000000;color:#ffffff;}.btn_bk:hover{background:#ffffff;color:#000000;}/*青---------------------------------*/.btn_bl{background:#336699;border:1px solid #336699;color:#ffffff;}.btn_bl:hover{background:#003366;}/*青（明るい）---------------------------------*/.btn_lb{background:#3366ff;border:1px solid #3366ff;color:#ffffff;}.btn_lb:hover{background:#cccccc;border:1px solid #cccccc;}/*水色---------------------------------*/.btn_sky{background:#22aaff;border:1px solid #22aaff;color:#ffffff;}.btn_sky:hover{background:#3366ff;border:1px solid #3366ff;}/*緑---------------------------------*/.btn_gr{background:#339933;border:1px solid #339933;color:#ffffff;}.btn_gr:hover{background:#336633;}/*オレンジ---------------------------------*/.btn_or{background:#ff9900;border:1px solid #ff9900;color:#ffffff;}.btn_or:hover{background:#ff6600;}/*赤---------------------------------*/.btn_rd{background:#cc3300;border:1px solid #cc0000;color:#ffffff;}.btn_rd:hover{background:#ff0000;}/*ピンク---------------------------------*/.btn_pk{background:#ff66ff;border:1px solid #ff66ff;color:#ffffff;}.btn_pk:hover{background:#ff33ff;}/*紫---------------------------------*/.btn_pu{background:#9966ff;border:1px solid #9966ff;color:#ffffff;}.btn_pu:hover{background:#6633ff;}/*グレー---------------------------------*/.btn_gry{background:#666666;border:1px solid #666666;color:#ffffff;}.btn_gry:hover{background:#333333;}/*グレーアウト(押せない系)---------------------------------*/.btn_gro{background:#999999;border:1px solid #999999;color:#ffffff;}.btn_gro:hover{background:#aaaaaa;}/*----------------------------------------------------ボタンの色（グラデーション）----------------------------------------------------*//*青グラデ---------------------------------*/.btn_bl_g{background:linear-gradient(#99ccff, #6699cc, #336699);border:1px solid #336699;color:#ffffff;}.btn_bl_g:hover{background:linear-gradient(#6699cc, #336699, #003366);}/*緑グラデ---------------------------------*/.btn_gr_g{background:linear-gradient(#33cc99, #339999, #339933);border:1px solid #339933;color:#ffffff;}.btn_gr_g:hover{background:linear-gradient(#33cc99, #339933, #336633);}/*オレンジグラデ---------------------------------*/.btn_or_g{background:linear-gradient(#ffcc33, #ff9933, #ff9900);border:1px solid #ff9900;color:#ffffff;}.btn_or_g:hover{background:linear-gradient(#ffcc33, #ff9900, #ff6600);}/*赤グラデ---------------------------------*/.btn_rd_g{background:linear-gradient(#cc6666, #cc3333, #cc3300);border:1px solid #cc0000;color:#ffffff;}.btn_rd_g:hover{background:linear-gradient(#cc6666, #cc3300, #ff0000);}/*ピンクグラデ---------------------------------*/.btn_pk_g{background:linear-gradient(#ff99cc, #ff66cc, #ff66ff);border:1px solid #ff66ff;color:#ffffff;}.btn_pk_g:hover{background:linear-gradient(#ff99cc, #ff66ff, #ff33ff);} @charset "utf-8";/*----------------------------------------------------master----------------------------------------------------*/#master_edit{position: fixed;top: -2000px;width: calc(100% - 400px);min-width: 280px;margin: 0 12%;padding-top: 20px;padding-bottom: 20px;background-color: #ffffff;border:1px solid #999999;border-radius:20px;line-height:1.6;transition: all .6s;overflow-y: auto;opacity:1;z-index: 19;}#master_wrap{width:100%;margin:0;position: fixed;top: 0;transition: all .6s;z-index: 17;}.wrapping_m{background:#999999;height:100vh;background-color: rgba(188, 188, 188,0.5 )}/*----------------------------------------------------セレクトボックス----------------------------------------------------*/.cp_ipselect {overflow: hidden;width: 50%;text-align: center;}.cp_ipselect select {width: 100%;cursor: pointer;text-indent: 0.01px;text-overflow: ellipsis;border: none;outline: none;background: transparent;background-image: none;box-shadow: none;-webkit-appearance: none;appearance: none;margin:0;}.cp_ipselect select::-ms-expand {    display: none;}.cp_ipselect.cp_sl01 {position: relative;border: 1px solid #bbbbbb;border-radius: 2px;background: #ffffff;}.cp_ipselect.cp_sl01::before {position: absolute;top: 0.8em;right: 0.9em;width: 0;height: 0;padding: 0;content: '';border-left: 6px solid transparent;border-right: 6px solid transparent;border-top: 6px solid #333333;pointer-events: none;}.cp_ipselect.cp_sl01 select {padding: 6px 38px 6px 8px;color: #333333;}/*----------------------------------------------------検索ボックス----------------------------------------------------*/.search_ip input{padding:0px 8px;width:calc(100% - 8em);background:#ffffff;}/*----------------------------------------------------スピナー----------------------------------------------------*/#spinner{width:100%;height:100%;background:#999999;opacity:0.5;position:fixed;top:0;left:0;text-align:center;}#spinner i{color:#ffffff;margin-top:45vh;font-size:15em;}#hide-spinner{position:absolute;right:5px;bottom:5px;font-size:1px;}/*----------------------------------------------------ビデオ・キャンバス----------------------------------------------------*/#myVideo{width:200px;position:fixed;top:45px;right:30px;}#myCanvas{width:100%;max-width:640px;height:480px;margin:0 auto;}#myCanvas1{width:100%;max-width:640px;height:480px;margin:0 auto;}#myCanvas2{width:100%;max-width:640px;height:480px;margin:0 auto;}.pict_title{color:#ffffff;background:#999999;padding:10px;}@media screen and (max-width:480px){#myVideo{width:120px;position:fixed;top:auto;right:auto;left:10px;bottom:10px;z-index:9;}}/*----------------------------------------------------ドロップエリア----------------------------------------------------*/.forfile{color:#666666;border:1px solid #999999;display:block;cursor:pointer;padding:20px;width:80%;margin:0 auto;}.forfile input[type="file"]{display:none;}/*----------------------------------------------------必須ボタンなど----------------------------------------------------*/.hissu{color:#ffffff;background:#EB6669;border-radius:0.4em;;text-align:center;line-height:1.2;padding:0.3rem 1rem 0.5rem 1rem;margin:0 10px 10px 0;}/*----------------------------------------------------テスト・アンケートセット #exams----------------------------------------------------*/#exams input[type=radio],#exams input[type=checkbox]{display:none;}#exams label{font-weight:500;color:#666666;padding:0.5rem 1rem;margin-right:1em;border-radius:5px;display:inline-block;border:1px solid #dddddd;box-shadow: 1px 1px 3px #9999aa;cursor:pointer;}#exams input[type="radio"]:checked+label,#exams input[type="checkbox"]:checked+label{color:#ffffff;border-color:#3366ff;background:#3366ff;}#exams select{font-weight:700;font-size:1.4rem;border:2px solid #dddddd;box-shadow: 1px 1px 3px #9999aa;color:#666666;padding:0.5rem 1rem;}/*----------------------------------------------------単独アンケートセット（#survey）----------------------------------------------------*/#survey hr{margin:1em 0;border-color:#cccccc;}#survey dl{display:flex;flex-wrap:wrap;margin-bottom:10px;}#survey dt{font-weight:700;color:#003399;width:5em;min-width:5em;margin-bottom:10px;}#survey dd{width:calc(100% - 5em);margin-bottom:5px;}@media screen and (max-width:480px){#survey dl{display:block}#survey dd{width:100%;}}#survey table{border-top:1px solid #cccccc;}#survey table th,#survey table td{vertical-align:middle;border-bottom:1px solid #cccccc;padding:10px 5px;}#survey table th{text-align:center;}#survey table.hati th{background:#ddddff;padding:0 10px;}#survey table.hati td{padding-left:5px;}@media screen and (max-width:480px){#survey table.san th,#survey table.san td{display:block;width:100%;}}#survey ol li{list-style-type:decimal;margin-left:2em;}#survey input[type=radio],#survey input[type=checkbox]{display:none;}#survey label{font-weight:500;color:#666666;padding:0.5rem 1rem;margin:0 1% 10px 1%;border-radius:5px;display:inline-block;border:1px solid #dddddd;box-shadow: 1px 1px 3px #9999aa;cursor:pointer;}#survey input[type="radio"]:checked+label,#survey input[type="checkbox"]:checked+label{color:#ffffff;border-color:#3366ff;background:#3366ff;}#survey select{font-weight:700;font-size:1.4rem;border:2px solid #dddddd;box-shadow: 1px 1px 3px #9999aa;color:#666666;padding:0.5rem 1rem;}#survey textarea{max-width:100%;width:100%;}/*----------------------------------------------------合格発表セット #osusume_flex, #once----------------------------------------------------*/.congtxt3 {width: 100%;text-align:center;padding:5px;background-color: aquamarine;border-radius: 15px;}#osusume_flex {display: flex;flex-wrap: wrap;justify-content: space-around;margin-bottom:30px;}#osusume_flex .flex_part {width: calc(50% - 10px);padding: 15px 30px;background-color: rgb(255, 234, 143);margin: 5px 0 0 5px;}@media screen and (max-width:480px){#osusume_flex .flex_part {width:100%;}}#osusume_flex .flex_part p.title {text-align: center;font-weight: bold;margin: 5px 0 4px 0;font-size:120%;}#osusume_flex .flex_part p.txt {text-align: left;margin-bottom:10px;}#osusume_flex .flex_part p.txt span{color:#ff0000;}#osusume_flex .flex_part .lead {text-decoration:none;text-align: center;margin: 5px auto 0 auto;line-height: 130%;text-decoration:none;color:#ffffff;border:1px solid #000000;border-radius:5px;background:linear-gradient(#e6e6e7, #666666);padding:3px 8px;align-items: flex-end;display:block;width:80%;cursor:pointer;}#osusume_flex .flex_part .lead a{text-decoration:none;color:#ffffff;}#osusume_flex .flex_part .lead a:visited{text-decoration:none;color:#ffffff;}#osusume_flex .flex_part .shosaitable th{width:20%;text-align: left;}#osusume_flex .flex_part .shosaitable td{width:80%;}#osusume_flex .flex_part .mark{margin:0 auto; display:block;width:100px;}#once .popup-overlay {display: none;position: fixed;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.5);justify-content: center;align-items: center;z-index:1;}#once .popup-content {position: relative;display: block;background-color: #fff;background-color: rgba(255, 255, 255, 0.9);padding:15px;max-width: 350px;border:1px solid #000000;}#once .popup-content .close-btn {background-color: #007bff;width: 40px;height: 40px;background-color: #ee6419;border-radius:50%;cursor: pointer;z-index: 1;position: relative;top: -40px;left: 25px;float: right;text-align:center;color:#ffffff;}#once .popup-content .btnbox_narrow {border:1px solid #ee6419;width: 280px;padding:20px 10px;background:#ffeadf;margin:20px auto;display: block;font-size: 1.5rem;font-weight: 700;line-height: 1.5;text-align: center;color: #000000;z-index:2;}/*--------------------------------------------------*//*----------------------------------------------------汎用スタイル----------------------------------------------------*//* clerfix */.clearfix::after{content: ".";display: block;visibility: hidden;height: 0.1px;font-size: 0.1em;line-height: 0;clear: both;}/* タイトル------------------------*/.pg_title{/*text-align:center;*/margin-bottom:20px;padding-bottom:10px;font-weight:700;color: #333333;border-bottom:2px solid #999999;}.h3_gr{border-bottom:1px solid #669933;border-left:8px solid #669933;padding:5px 15px;font-weight:700;}/* 配置------------------------*/.tC{text-align:center;}.tL{text-align:left;}.tR{text-align:right;}.fL{float:left;}.fR{float:right;}.clear{clear:both;}.lis{text-indent:-1em;padding-left:1em;}.lis2{text-indent:-2em;padding-left:2em;}.lis3{text-indent:-3em;padding-left:3em;}.lis4{text-indent:-4em;padding-left:4em;}.lis5{text-indent:-5em;padding-left:5em;}.lis6{text-indent:-6em;padding-left:6em;}.lis7{text-indent:-7em;padding-left:7em;}.lis8{text-indent:-8em;padding-left:8em;}.lis9{text-indent:-9em;padding-left:9em;}/* 色とか------------------------*/.b{font-weight:700;}.u{text-decoration:underline;}.bg_red{background-color:#ff0000;color:#ffffff;}.bg_grn{background-color:#669933;color:#ffffff;}.bg_blue{background-color:#336699;color:#ffffff;}.bg_org{background:#ff6600;color:#ffffff;}.bg_pink{background:#ff33ff;color:#ffffff;}.bg_purp{background:#6633ff;color:#ffffff;}.bg_white{background-color:#ffffff;}.bg_yel{background:#ffffcc;}.bg_grey{background-color:#dddddd;}.bg_grey2{background-color:#bbbbbb;}.bg_grey3{background-color:#999999;color:#ffffff;}.bg_grey4{background-color:#666666;color:#ffffff;}.red{color:#ff0000;}.grn{color:#669933;}.blue{color:#336699;}.grey{color:#999999;}.grey2{color:#666666;}.grey3{color:#333333;}.wht{color:#ffffff;}/* フォントサイズ------------------------*/.ft_xxs{font-size:1.0rem;}.ft_xs{font-size:1.3rem;}.ft_s{font-size:1.5rem;}.ft_m{font-size:2.0rem;}.ft_l{font-size:2.4rem;}@media screen and (max-width:480px){.ft_xxs{font-size:0.9rem;}.ft_xs{font-size:1.1rem;}.ft_s{font-size:1.4rem;}.ft_m{font-size:1.8rem;}.ft_l{font-size:2.4rem;}}/* レイアウトbox------------------------*/.max880{max-width:860px;margin-left:auto;margin-right:auto;padding:0 10px;}.max680{max-width:660px;margin-left:auto;margin-right:auto;padding:0 10px;}.max480{max-width:460px;margin-left:auto;margin-right:auto;padding:0 10px;}/* フレックス------------------------*/.flex_bn{display:flex;flex-wrap:nowrap;}.flex_bw{display:flex;flex-wrap:wrap;}.flex_nw{display:flex;flex-wrap:nowrap;}.fcont_02{width:50%;}.fcont_03{width:33%;}.fcont_03_2{width:66%;}.fcont_04{width:25%;}.fcont_04_3{width:75%;}@media screen and (max-width:480px){.flex_bn{flex-wrap:wrap;}.fcont_02,.fcont_03,.fcont_03_2,.fcont_04,.fcont_04_3{width:100%;}}.block{display:block;}.inline{display:inline;}.non{display:none;}/* ボックス------------------------*/.border_box{border:1px solid #999999;padding:20px;}@media screen and (max-width:480px){.border_box{padding:10px;}}.b_box{border:1px solid #999999;}/* 幅・高------------------------*/.w100{width:100%;}.w90{width:90%;}.w80{width:80%;}.w70{width:70%;}.w60{width:60%;}.w50{width:50%;}.w40{width:40%;}.w33{width:33%;}.w25{width:25%;}.h100{height:100%;}/* パディング------------------------*//* 周り--*/.pd00{padding:0px 0px 0px 0px;}.pd05{padding:5px;}.pd10{padding:10px;}.pd15{padding:15px;}.pd20{padding:20px;}/* マージン------------------------*//* 周り--*/.mgat{margin-left:auto;margin-right:auto;margin-top:auto;margin-bottom:auto;}.mg00{margin:0px 0px 0px 0px;}.mg05{margin:5px;}.mg10{margin:10px;}.mg15{margin:15px;}.mg20{margin:20px;}/* 左----*/.ml00{margin-left:0px;}.ml05{margin-left:5px;}.ml10{margin-left:10px;}.ml15{margin-left:15px;}.ml20{margin-left:20px;}.ml30{margin-left:30px;}.ml40{margin-left:40px;}.ml50{margin-left:50px;}/* 右----*/.mr00{margin-right:0px;}.mr05{margin-right:5px;}.mr10{margin-right:10px;}.mr15{margin-right:15px;}.mr20{margin-right:20px;}.mr30{margin-right:30px;}.mr40{margin-right:40px;}.mr50{margin-right:50px;}/* 下----*/.mb05{margin-bottom:5px;}.mb10{margin-bottom:10px;}.mb15{margin-bottom:15px;}.mb20{margin-bottom:20px;}.mb30{margin-bottom:30px;}.mb40{margin-bottom:40px;}.mb50{margin-bottom:50px;}.mb60{margin-bottom:60px;}.mb70{margin-bottom:70px;}.mb80{margin-bottom:80px;}.mb90{margin-bottom:90px;}/* 上----*/.mt05{margin-top:5px;}.mt10{margin-top:10px;}.mt15{margin-top:15px;}.mt20{margin-top:20px;}.mt30{margin-top:30px;}.mt40{margin-top:40px;}.mt50{margin-top:50px;}.mt60{margin-top:60px;}.mt70{margin-top:70px;}.mt80{margin-top:80px;}.mt90{margin-top:90px;}