article, aside, details, figcaption, figure, footer, header, nav, section{ display: block;} article, aside, details, figcaption, figure, footer, header, nav, section, html, body, div, span, h1, h2, h3, h4, h5, h6, p, ul, ol, li, form, img, table, thead, tbody, tfoot, tr, td, .reset{ margin: 0; padding: 0; border: 0; background: transparent;} html{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;} *, *:before, *:after{ -webkit-box-sizing: inherit; -moz-box-sizing: inherit; -ms-box-sizing: inherit; box-sizing: inherit;} html{ -webkit-tap-highlight-color: transparent;} button:focus, input:focus, textarea:focus, a, a:visited, a:active, a:focus{ text-decoration: none; outline: none;} input[type="button"], input[type="reset"], input[type="submit"], button{ cursor: pointer;} input[disabled], button[disabled]{ cursor: default;} input, select, textarea, button{ margin: 0; padding: 0; font-size: 100%; vertical-align: middle;} a img{outline: none;} img{ height: auto; width: auto; max-width: 100%; vertical-align: middle; border: 0;} html{font-size: 100%;} .clear:after{ content: ''; clear: both; display: block; width: 0; height: 0;} .pos-left{float: left;} .pos-center{margin: 0 auto;} .pos-right{float: right;} .align-left{text-align: left !important;} .align-center{text-align: center !important;} .align-right{text-align: right !important;} .valign-top{vertical-align: top !important;} .valign-middle{vertical-align: middle !important;} .valign-bottom{vertical-align: bottom !important;} .middle{ display: inline; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%);} .overlay{ position: relative;} .overlay:after{ content: ''; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: rgba(0, 0, 0, 0.2);} .hidden{ position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; border: 0; clip: rect(0 0 0 0); overflow: hidden;} @media screen and (max-width: 480px){ .m-hidden{ position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; border: 0; clip: rect(0 0 0 0); overflow: hidden;} } .lo_inline>*{ display: inline-block; vertical-align: top;} .lo_table{ display: table;} .lo_table>*{ display: table-cell; vertical-align: top;} .lo_float:after{ content: ''; clear: both; display: block; width: 0; height: 0;} .lo_float>*{ float: left;} .lo_float>.right{ float: right; }.button{ display: inline-block; font-weight: bold;} .button{ font-size: 0.9em; padding: 6px 12px;} .button.small{ font-size: 0.75em; padding: 3px 6px;} .button.big{ font-size: 1em; padding: 10px 20px;} a.button, a.button:visited, a.button:active, .button{ border: 0; background: #1A9DE3; color: #FFFFFF;} a.button:not([disabled]):hover, .button:not([disabled]):hover{ background: #178DCC; color: #FFFFFF;} a.button[disabled], .button[disabled]{ opacity: 0.3;} a.button.secondary, .button.secondary{ background-color: #343434;} a.button.button-2, .button.button-2{ } a.button.button-3, .button.button-3{ }body, select, input, textarea, button{ color: #666666; font-size: 1em; line-height: 1.6em; letter-spacing: 0.04em; word-spacing: 0.1em;} body, select, input, textarea, button{ font-family: 'Questrial', sans-serif;} .size-08{ font-size: 0.8em;}.size-09{ font-size: 0.9em;} h1, h2, h3, h4{ line-height: 1.5em;}h1{ font-size: 2em;}h2{ font-size: 1.5em;}h3{ font-size: 1.3em;} strong{ font-weight: bold;}em{ font-style: italic;} @media screen and (max-width: 480px){ h1, h2, h3{ font-size: 1.3em;} } .content h2, .content h3{ margin-bottom: 0.2em;} p.content, .content p, .content ul, .content ol, .content table{ margin-bottom: 1.4em; word-break: break-word;}p.content, .content p, .content li{ }.content ul, .content ol{ padding-left: 1em;} ul{ list-style-type: none;}.content ul{ list-style-type: circle;} a, a:visited, a:active{ color: #E26A8B;}a:hover, a:focus{ color: #D94069;} a.button, a.button:visited, a.button:active, .button{ background: #2196F3; -webkit-border-radius: 3px;-moz-border-radius: 3px;-khtml-border-radius: 3px;-ms-border-radius: 3px;-o-border-radius: 3px;border-radius: 3px;}a.button:not([disabled]):hover, .button:not([disabled]):hover{ background: #D94069;} #breadcrumb{ margin-bottom: 0;}.breadcrumb{ padding: 0 0 20px; border-bottom: 1px solid rgba(0, 0, 0, 0.1);}.breadcrumb>li{ display: inline-block;}.breadcrumb>li + li:before{ content: '\00BB'; padding: 0 5px;}@media screen and (max-width: 767px){ #breadcrumb{ margin-bottom: 0;} .breadcrumb{ padding-bottom: 0; border-bottom: none;} } [class^="imgcon-"]:before, [class*=" imgcon-"]:before{ content: ''; display: inline-block; width: 16px; height: 16px;}.imgcon-qrcode:before{ background: url('../images/icon/qrcode.png');} .banner{ text-align: center;} .youtube-container{ position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden;}.youtube-container iframe, .youtube-container object, .youtube-container embed{ position: absolute; top: 0; left: 0; width: 100%; height: 100%;} #wa-button{ position: fixed; right: 20px; bottom: 20px; padding: 0; z-index: 100;}#wa-button a{ display: block; width: 58px; height: 58px; text-align: center; vertical-align: middle; line-height: 58px; background: #25D366; color: #fff; border: none; -webkit-border-radius: 50%;-moz-border-radius: 50%;-khtml-border-radius: 50%;-ms-border-radius: 50%;-o-border-radius: 50%;border-radius: 50%; -webkit-box-shadow: 0px 3px 5px rgba(0,0,0,0.5);-moz-box-shadow: 0px 3px 5px rgba(0,0,0,0.5);-khtml-box-shadow: 0px 3px 5px rgba(0,0,0,0.5);-ms-box-shadow: 0px 3px 5px rgba(0,0,0,0.5);-o-box-shadow: 0px 3px 5px rgba(0,0,0,0.5);box-shadow: 0px 3px 5px rgba(0,0,0,0.5);}#wa-button i{ font-size: 2em;}@media screen and (min-width: 481px){ #wa-button{ display: none;}}