@charset "UTF-8";
* { box-sizing: border-box; }

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, main, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; -webkit-text-size-adjust: 100%; }

body { line-height: 1.0; font-family: 'YuGothic', 'Yu Gothic', '游ゴシック', '游ゴシック体','Hiragino Kaku Gothic ProN',"Hiragino Kaku Gothic Pro","メイリオ",Meiryo,sans-serif; }

main, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

blockquote, q { quotes: none; }

blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }

ins { background-color: #ff9; color: #000; text-decoration: none; }

mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold; }

del { text-decoration: line-through; }

abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; }

hr { display: block; height: 1px; border: 0; border-top: 1px solid #cccccc; margin: 1em 0; padding: 0; }

input, select { vertical-align: middle; }

hr, .areaAnchor, .anchor { display: none; }

acronym, abbr { cursor: help; }

option { padding-right: 10px; }

h1, h2, h3, h4, h5, h6, div, p, pre, ul, ol, dl, dt, dd, address, form, blockquote, small { margin: 0; padding: 0; line-height: 1.8; text-align: left; }

h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; }

p { margin: 0 0 20px; }

img { border: none; vertical-align: bottom; max-width: 100%; height: auto; }

table { border-collapse: collapse; border-spacing: 0; margin: 0; empty-cells: show; font-size: 14px; width: 100%; }

figure { margin: 0 0 20px; }

figcaption { margin: 10px 0 0; }

address { font-style: normal; }

ul, ul li { list-style: none; }

ol li { margin: 0 0 0 20px; }

/* リンク */
a { color: #006699; text-decoration: none; outline: none; -webkit-transition: .5s; transition: .5s; }

a:link { color: #006699; text-decoration: none; outline: none; }

a:visited { color: #006699; }

a:hover { color: #0088cc; text-decoration: underline; }

a:active { color: #006699; text-decoration: underline; }

/* clearfix */
.cf:after { content: " "; display: block; clear: both; height: 0; visibility: hidden; }

.cf { display: inline-block; }

/* \*/
* html .cf, * html .bf { height: 1%; }

.cf { display: block; }

/* */
.mt00 { margin-top: 0 !important; }

.mt05 { margin-top: 5px !important; }

.mt10 { margin-top: 10px !important; }

.mt15 { margin-top: 15px !important; }

.mt20 { margin-top: 20px !important; }

.mt25 { margin-top: 25px !important; }

.mt30 { margin-top: 30px !important; }

.mt35 { margin-top: 35px !important; }

.mt40 { margin-top: 40px !important; }

.mt45 { margin-top: 45px !important; }

.mt50 { margin-top: 50px !important; }

.mr00 { margin-right: 0 !important; }

.mr05 { margin-right: 5px !important; }

.mr10 { margin-right: 10px !important; }

.mr15 { margin-right: 15px !important; }

.mr20 { margin-right: 20px !important; }

.mr25 { margin-right: 25px !important; }

.mr30 { margin-right: 30px !important; }

.mr35 { margin-right: 35px !important; }

.mr40 { margin-right: 40px !important; }

.mr45 { margin-right: 45px !important; }

.mr50 { margin-right: 50px !important; }

.mb00 { margin-bottom: 0 !important; }

.mb05 { margin-bottom: 5px !important; }

.mb10 { margin-bottom: 10px !important; }

.mb15 { margin-bottom: 15px !important; }

.mb20 { margin-bottom: 20px !important; }

.mb25 { margin-bottom: 25px !important; }

.mb30 { margin-bottom: 30px !important; }

.mb35 { margin-bottom: 35px !important; }

.mb40 { margin-bottom: 40px !important; }

.mb45 { margin-bottom: 45px !important; }

.mb50 { margin-bottom: 50px !important; }

.ml00 { margin-left: 0 !important; }

.ml05 { margin-left: 5px !important; }

.ml10 { margin-left: 10px !important; }

.ml15 { margin-left: 15px !important; }

.ml20 { margin-left: 20px !important; }

.ml25 { margin-left: 25px !important; }

.ml30 { margin-left: 30px !important; }

.ml35 { margin-left: 35px !important; }

.ml40 { margin-left: 40px !important; }

.ml45 { margin-left: 45px !important; }

.ml50 { margin-left: 50px !important; }

.pt00 { padding-top: 0 !important; }

.pt05 { padding-top: 5px !important; }

.pt10 { padding-top: 10px !important; }

.pt15 { padding-top: 15px !important; }

.pt20 { padding-top: 20px !important; }

.pt25 { padding-top: 25px !important; }

.pt30 { padding-top: 30px !important; }

.pt35 { padding-top: 35px !important; }

.pt40 { padding-top: 40px !important; }

.pt45 { padding-top: 45px !important; }

.pt50 { padding-top: 50px !important; }

.pr00 { padding-right: 0 !important; }

.pr05 { padding-right: 5px !important; }

.pr10 { padding-right: 10px !important; }

.pr15 { padding-right: 15px !important; }

.pr20 { padding-right: 20px !important; }

.pr25 { padding-right: 25px !important; }

.pr30 { padding-right: 30px !important; }

.pr35 { padding-right: 35px !important; }

.pr40 { padding-right: 40px !important; }

.pr45 { padding-right: 45px !important; }

.pr50 { padding-right: 50px !important; }

.pb00 { padding-bottom: 0 !important; }

.pb05 { padding-bottom: 5px !important; }

.pb10 { padding-bottom: 10px !important; }

.pb15 { padding-bottom: 15px !important; }

.pb20 { padding-bottom: 20px !important; }

.pb25 { padding-bottom: 25px !important; }

.pb30 { padding-bottom: 30px !important; }

.pb35 { padding-bottom: 35px !important; }

.pb40 { padding-bottom: 40px !important; }

.pb45 { padding-bottom: 45px !important; }

.pb50 { padding-bottom: 50px !important; }

.pl00 { padding-left: 0 !important; }

.pl05 { padding-left: 5px !important; }

.pl10 { padding-left: 10px !important; }

.pl15 { padding-left: 15px !important; }

.pl20 { padding-left: 20px !important; }

.pl25 { padding-left: 25px !important; }

.pl30 { padding-left: 30px !important; }

.pl35 { padding-left: 35px !important; }

.pl40 { padding-left: 40px !important; }

.pl45 { padding-left: 45px !important; }

.pl50 { padding-left: 50px !important; }

.roman { font-family: "Georgia", "Times New Roman", "Times", serif; }

.mincyo { font-family: "Noto Serif JP", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "Yu Mincho", "ＭＳ Ｐ明朝", serif; }

.ss { font-size: 1.0rem !important; }

.s { font-size: 1.2rem !important; }

.m { font-size: 1.6rem !important; }

.l { font-size: 1.8rem !important; }

.ll { font-size: 2.0rem !important; }

.bold { font-weight: bold !important; }

.normal { font-weight: normal !important; }

.tl { text-align: left !important; }

.tr { text-align: right !important; }

.tc { text-align: center !important; }

.fl { padding: 0 20px 10px 0; float: left !important; }

.fr { padding: 0 0 10px 20px; float: right !important; }

.clear { clear: both; }

.cl { clear: left; }

.cr { clear: right; }

.vt { vertical-align: top !important; }

.vm { vertical-align: middle !important; }

.vb { vertical-align: bottom !important; }

.black { color: #333 !important; }

.brown { color: #C69C6D !important; }

.blue { color: #0099FF !important; }

.green { color: #66CC99 !important; }

.grey { color: #999 !important; }

.orange { color: #F15A24 !important; }

.red { color: #BC2638 !important; }

.white { color: #FFFFFF !important; }

.yellow { color: #F6CF60 !important; }

.sp { display: none; }

.pc { display: block; }

/* GRID */
.row { margin: 0 -1% 20px -1%; letter-spacing: -.4em; width: 102%; }

.row.-m2 { margin: 0 -2% 20px -2%; letter-spacing: -.4em; width: 104%; }

.row * { letter-spacing: normal; }

.row .col, ul.row li { margin: 0 1% 2%; display: inline-block; vertical-align: top; letter-spacing: normal; }

.row.-m2 .col, ul.row.-m2 li { margin: 0 2% 4%; display: inline-block; vertical-align: top; letter-spacing: normal; }

.row .col p:last-child, ul.row li p:last-child { margin-bottom: 0; }

.grid02 .col, ul.grid02 li { width: 48%; }

.grid03 .col, ul.grid03 li { width: 31.33%; }

.grid04 .col, ul.grid04 li { width: 23%; }

.grid05 .col, ul.grid05 li { width: 18%; }

.grid06 .col, ul.grid06 li { width: 14.60%; }

.grid07 .col, ul.grid07 li { width: 12.28%; }

.grid08 .col, ul.grid08 li { width: 10.5%; }

.grid09 .col, ul.grid09 li { width: 9.11%; }

.grid10 .col, ul.grid10 li { width: 8%; }

.row .col.full, ul.row li.full { width: 98%; }

.grid-right { float: right; }

.grid02.-m2 .col, ul.grid02.-m2 li { width: 46%; }

.grid03.-m2 .col, ul.grid03.-m2 li { width: 29.33%; }

.grid04.-m2 .col, ul.grid04.-m2 li { width: 21%; }

/* table レイアウト */
.table-col, ul.table-col { margin: 0 0 20px; display: table; table-layout: fixed; width: 100%; }

.table-col.at { table-layout: auto; }

.table-col .col, ul.table-col li { display: table-cell; vertical-align: top; }

.table-col .w350 { width: 350px; }

.table-col .w260 { width: 260px; }

.gmap-res { line-height: 1; }

.gmap-res > iframe { width: 100%; }

.yt-res { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; }

.yt-res > iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/*
===== CONTENTS ===========================================

1: CONTAINER
2: HEADER
3: NAVIGATION
4: FOOTER
5: MAIN CONTENT
6: SIDE BAR

==========================================================
*/
html { font-size: 62.5%; }

body { color: #333; font-size: 1.4rem; }

.inner { margin: 0 auto; position: relative; margin-left: auto; margin-right: auto; padding: 0 20px; width: 100%; max-width: 990px; }

/*
===== 1: CONTAINER =======================================
*/
@-webkit-keyframes fadeIn { 0% { opacity: 0; }
  100% { opacity: 1; } }
@keyframes fadeIn { 0% { opacity: 0; }
  100% { opacity: 1; } }

#container { margin: 0 auto; clear: both; overflow: hidden; text-align: center; position: relative; -webkit-animation: fadeIn .6s forwards; animation: fadeIn .6s forwards; }

/*
===== 2: HEADER ==========================================
*/
#site-header { margin: 0; text-align: center; height: 122px; width: 100%; position: relative; z-index: 1000; }

#site-header-flex { margin: auto; padding: 0 20px; display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; height: 80px; width: 100%; max-width: 990px; }

#site-header-logo { margin: 0; }

#site-header-desc { padding: 0; background: #EAEAEA; color: #333; font-size: 1.0rem; text-align: right; }

#site-header-desc #google_translate_element { padding: 0 0 0 20px; float: right; }

#site-header-desc #google_translate_element .goog-te-gadget { line-height: 42px; color: #333; }

#site-header-desc #google_translate_element .goog-te-gadget .goog-logo-link, #site-header-desc #google_translate_element .goog-te-gadget .goog-logo-link:link, #site-header-desc #google_translate_element .goog-te-gadget .goog-logo-link:visited, #site-header-desc #google_translate_element .goog-te-gadget .goog-logo-link:hover, #site-header-desc #google_translate_element .goog-te-gadget .goog-logo-link:active { color: #333; }

#site-header-desc #google_translate_element .goog-te-gadget .goog-te-combo { padding: 6px; }

#site-header-desc h1, #site-header-desc p { margin: 0; line-height: 42px; text-align: right; }

#site-header-fixed { background: #fff; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); width: 100%; position: absolute; }

#site-header-fixed.fixed { position: fixed; top: 0; left: 0; }

/*
===== 3: NAVIGATION ======================================
*/
#site-menu-btn { margin: 0; padding: 0 0 18px; background: #006699; color: #fff; cursor: pointer; display: none; font-size: 1rem; line-height: 1.5; font-weight: bold; position: absolute; right: 80px; top: 0; z-index: 2000; width: 80px; height: 80px; }

#site-menu-btn > .icon { background: #fff; position: absolute; left: 28px; width: 24px; height: 3px; -webkit-transition: all 0.3s; transition: all 0.3s; }

#site-menu-btn > .icon:nth-child(1) { top: 20px; }

#site-menu-btn > .icon:nth-child(2) { top: 28px; }

#site-menu-btn > .icon:nth-child(3) { top: 36px; }

#site-menu-btn.js-open .icon:nth-child(1) { -webkit-transform: rotate(45deg); transform: rotate(45deg); top: 28px; }

#site-menu-btn.js-open .icon:nth-child(2) { width: 0; }

#site-menu-btn.js-open .icon:nth-child(3) { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); top: 28px; }

#sp-contact-btn { margin: 0; background: #FFCD00; color: #006699; cursor: pointer; display: none; font-size: 1rem; line-height: 1.5; font-weight: bold; position: absolute; right: 0; top: 0; z-index: 2000; width: 80px; height: 80px; }

#sp-contact-btn .icon { margin: 0 0 10px; display: block; text-align: center; }

#site-nav { margin: 0 0 0 auto; }

#site-nav-list { margin: 0; display: table; table-layout: fixed; width: 490px; }

#site-nav-list > li { display: table-cell; font-size: 1.6rem; font-weight: bold; vertical-align: middle; }

#site-nav-list > li a { margin: 0 0 0 1px; padding: 10px; background: #006699; color: #fff; display: -webkit-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; height: 80px; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; text-decoration: none; text-align: center; }

#site-nav-list > li a:hover { background: #0088cc; }

#site-nav-list > li a.current, #site-nav-list > li a.parents { background: #F61C54; }

#site-nav-list > li.contact { width: 175px; }

#site-nav-list > li.contact > a { background: #FFCD00; color: #006699; }

#site-nav-list > li.contact > a:hover, #site-nav-list > li.contact > a.current, #site-nav-list > li.contact > a.parents { background: #ffd733; }

#site-nav-list > li > .child { background: rgba(255, 255, 255, 0.95); display: none; position: absolute; left: 0; top: 80px; width: 100%; }

#site-nav-list > li > .child > ul { margin: auto; padding: 40px 45px; display: -webkit-box; display: flex; width: 100%; max-width: 990px; height: auto; }

#site-nav-list > li > .child > ul > li { border-right: 1px solid #ccc; -webkit-box-flex: 1; flex: 1; }

#site-nav-list > li > .child > ul > li .flag { margin: 0 0 5px; }

#site-nav-list > li > .child > ul > li:first-child { border-left: 1px solid #ccc; }

#site-nav-list > li > .child > ul > li > a { margin: 0; background: none; color: #006699; height: auto; }

/*
===== 4: FOOTER ==========================================
*/
#site-footer { background: #999 url(../images/common/f-bg.png) no-repeat center top; color: #fff; clear: both; font-size: 1.2rem; text-align: center; width: 100%; }

#site-footer .inner { padding: 20px; }

#site-footer-nav { margin: 0; padding: 0 0 20px; border-bottom: 1px solid #8C8C8C; width: 100%; }

#site-footer-nav ul { margin: 0; text-align: left; }

#site-footer-nav ul li { padding-right: calc(20px + 20 * (100vw - 320px) / 580); display: inline-block; }

#site-footer-nav ul li a { color: #FFFFFF; text-decoration: none; }

#site-footer-info { padding: 15px 0 0; border-top: 1px solid #BFBFBF; display: -webkit-box; display: flex; }

#site-footer-info address { display: block; }

#site-footer-info small { margin: 0 0 0 auto; display: block; }

#page-scroll { margin: 0; display: none; position: fixed; bottom: 20px; right: 20px; z-index: 500; }

#page-scroll > .totop { background: #006699; border-radius: 50%; color: #fff; display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; font-family: fontAwesome; font-size: 18px; width: 45px; height: 45px; text-decoration: none; }

/*
===== 5: MAIN CONTENT ====================================
*/
#content { margin: 0 auto 50px; width: 72%; max-width: 680px; float: left; position: relative; }

#content.onecolumn { float: none; max-width: none; width: 100%; }

#main-img { margin: 0 auto 20px; padding: 50px 0 0; background: url(../images/top/slider-bg.png) repeat-x left top; clear: both; overflow: hidden; width: 100%; }

#main-img .loading { background: url(../images/common/loader.svg) no-repeat center center; min-height: 480px; }

#main-img div { margin: 0 auto !important; }

#main-img .main-ttl { padding: 10px 20px 0; font-weight: bold; }

section { margin-bottom: calc(30px + 10 * (100vw - 320px) / 580); }

article { margin-bottom: calc(30px + 20 * (100vw - 320px) / 580); }

article h1 { margin: 0 0 35px; margin-bottom: calc(20px + 15 * (100vw - 320px) / 580); color: #111; font-size: calc(20px + 8 * (100vw - 320px) / 580); line-height: calc(150% + 3.2 * (100vw - 900px) / -580); font-weight: bold; }

article h2 { margin: 0 0 20px; padding: 10px 20px; background: #05678D url(../images/common/h2-bg.png) no-repeat right center; color: #fff; font-size: 1.6rem; font-weight: bold; }

article h3 { margin: 0 0 20px; font-size: 1.8rem; font-weight: bold; }

article h3.border { margin: 0 0 20px; padding: 5px 20px; border: 1px solid #B2B2B2; font-size: 1.6rem; }

article h4 { margin: 0 0 10px; font-size: 1.6rem; font-weight: bold; }

article h1.bnr, article h2.bnr, article h3.bnr { margin: 0; padding: 0; height: auto; line-height: normal; background: none; border: none; text-indent: 0; }

/* ボタン */
.btn { text-align: center; }

.btn a { font-weight: normal; }

.detail-btn { text-align: center; }

.detail-btn > a { padding: 5px 20px; background: #006699; border-radius: 2px; color: #FFF; display: inline-block; text-decoration: none; }

.detail-btn > a:hover { background: #0088cc; }

.main-res { clear: both; position: relative; }

.main-res > ul { display: -webkit-box; display: flex; -webkit-box-pack: center; justify-content: center; }

.main-res > ul > li { margin: 0 0 0 10px; border: 1px solid #006699; max-width: 330px; }

.main-res > ul > .tel { margin: 0 10px 0 0; }

.main-res > ul > .tel a { pointer-events: none; }

/* table  */
table { margin: 0 auto 20px; width: 100%; }

table th { padding: 8px 12px; text-align: left; }

table td { padding: 8px 12px; text-align: left; }

/*
===== 6: SIDE BAR ====================================
*/
#sidebar { margin: 0 0 40px; width: 210px; float: right; }

#sidebar h2 { margin: 0 0 5px; padding: 0; background: none; border: none; color: #fff; font-size: 1.4rem; font-weight: bold; text-align: center; }

#sidebar .form-area { margin: 0 0 10px; padding: 15px; background: #F61C54; }

#sidebar .form-area .btn { margin: 0; font-size: 1.2rem; }

#sidebar .form-area .btn a { padding: 7px 20px; background: #fff; color: #F61C54; display: block; text-decoration: none; }

#sidebar .tel-area { margin: 0 0 40px; padding: 10px 10px 5px; border: 1px solid #F61C54; font-size: 1.2rem; }

#sidebar .tel-area p { margin: 0 0 5px; text-align: center; }

#sidebar .tel-area .tel { color: #F61C54; font-size: 2.0rem; font-weight: bold; line-height: 1.4; }

#sidebar .snav { margin: 0 0 50px; }

#sidebar .snav > h2 { padding: 10px; background: #333333; color: #fff; }

#sidebar .snav > ul { margin: 0; }

#sidebar .snav > ul > li { position: relative; }

#sidebar .snav > ul > li a { padding: 5px 5px 5px 30px; display: block; text-decoration: none; }

#sidebar .snav > ul > li a:hover, #sidebar .snav > ul > li a.current { background-color: #F0F0F0; }

#sidebar .snav > ul > li > .open { background: #006699; line-height: 1; height: 20px; width: 20px; position: absolute; left: 5px; top: 8px; }

#sidebar .snav > ul > li > .open::before { content: "\f067"; color: #fff; cursor: pointer; font-family: fontAwesome; font-size: 14px; line-height: 1; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

#sidebar .snav > ul > li > .open.active::before { content: "\f068"; }

#sidebar .snav > ul > li > ul { margin: 0; }

#sidebar .snav > ul > .arrow { position: relative; }

#sidebar .snav > ul > .arrow::before { content: ""; }

#sidebar .snav > ul > .arrow > a::before { content: ""; background: #006699; height: 20px; width: 20px; position: absolute; left: 5px; top: 8px; line-height: 1; }

#sidebar .snav > ul > .arrow > a::after { content: "\f054"; color: #fff; font-family: fontAwesome; font-size: 12px; line-height: 1; position: absolute; left: 12px; top: 13px; }

/*
===== 7: TOP ====================================
*/
.topics { position: relative; }

.topics .list-btn { position: absolute; right: calc(1px + 9 * (100vw - 320px) / 580); top: 12px; }

.entry-list { margin-bottom: calc(40px + 30 * (100vw - 320px) / 580); border-top: 1px solid #ccc; }

.entry-list > dt { margin: 15px 20px 15px 5px; padding: 0; float: left; }

.entry-list > dd { margin: 0; padding: 15px 0 15px; border-bottom: 1px solid #ccc; }

.tab-nav { margin: 0 0 20px; border-bottom: 5px solid #F61C54; }

.tab-nav .table-col { margin: 0; }

.tab-nav li { padding-left: calc(1px + 4 * (100vw - 320px) / 580); font-size: 1.6rem; font-weight: bold; text-align: center; }

.tab-nav li:first-child { padding-left: 0; padding-right: calc(1px + 4 * (100vw - 320px) / 580); }

.tab-nav li > a { padding: 8px 0 5px; background: #F2ACBE; border-bottom: 2px solid #fff; color: #fff; display: block; }

.tab-nav li > a:hover { background: #F61C54; text-decoration: none; }

.tab-nav li > a.active { background: #F61C54; border-bottom: 2px solid #F61C54; text-decoration: none; }

#tab01, #tab02 { margin-bottom: calc(40px + 40 * (100vw - 320px) / 580); }

.thumb-list > li { position: relative; background: #000 no-repeat center center / cover; }

.thumb-list > li a { background-color: rgba(0, 0, 0, 0.5); color: #fff; display: -webkit-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; height: calc(145px + 159 * (100vw - 320px) / 580); text-decoration: none; }

.thumb-list > li a:hover { background-color: rgba(0, 0, 0, 0.2); }

.thumb-list > li .en { margin-bottom: calc(8px + 12 * (100vw - 320px) / 580); font-family: 'Oswald', sans-serif; font-size: calc(24px + 14 * (100vw - 320px) / 580); line-height: calc(120% + 3.2 * (100vw - 900px) / -580); text-transform: uppercase; text-align: center; }

.thumb-list > li .name { font-weight: bold; text-align: center; }

.thumb-list.products > .automotive { background-image: url(../images/common/automotive-unit.jpg); }

.thumb-list.products > .harness { background-image: url(../images/common/harness.jpg); }

.thumb-list.products > .solenoid { background-image: url(../images/common/solenoid.jpg); }

.thumb-list.products > .switch { background-image: url(../images/common/switch.jpg); }

.thumb-list.products > .plastic { background-image: url(../images/common/plastic.jpg); }

.thumb-list.products > .model { background-image: url(../images/common/model.jpg); }

.thumb-list.products > .gum { background-image: url(../images/common/gum.jpg); }

.thumb-list.products > .metal { background-image: url(../images/common/metal.jpg); }

.thumb-list.products > .dip-mold { background-image: url(../images/common/dip-mold.jpg); }

.thumb-list.products > .accessories { background-image: url(../images/common/accessories.jpg); }

.thumb-list.products > .material { background-image: url(../images/common/material.jpg); }

.thumb-list.industry > .automotive { background-image: url(../images/top/automotive.jpg); }

.thumb-list.industry > .medical { background-image: url(../images/top/medical.jpg); }

.thumb-list.industry > .equipment { background-image: url(../images/top/equipment.jpg); }

.thumb-list.industry > .instruments { background-image: url(../images/top/instruments.jpg); }

.thumb-list.industry > .railroad { background-image: url(../images/top/railroad.jpg); }

.thumb-list.industry > .business { background-image: url(../images/top/business.jpg); }

.thumb-list.industry > .others { background-image: url(../images/top/others.jpg); }

/*
===== CONTENTS ===========================================

	 PAGES

==========================================================
*/
.topic-path { margin-bottom: 20px; padding: 0; font-size: 1.2rem; text-align: left; }

.topic-path strong { font-weight: normal; }

.topic-path a { color: #999; }

.page .ttl { margin: auto; margin-bottom: calc(30px + 10 * (100vw - 320px) / 580); padding: 10px 0 0; background: #fff url(../images/common/ttl-bg.png) no-repeat right top; height: calc(100px + 50 * (100vw - 320px) / 580); width: 100%; max-width: 1200px; position: relative; }

.page .ttl::before { background: #0DD0FF; content: ""; position: absolute; left: 55%; top: 0; width: 50vw; height: calc(100px + 50 * (100vw - 320px) / 580); z-index: -1; }

.page .ttl h1, .page .ttl .cat { padding: 10px 0 0; font-size: calc(20px + 8 * (100vw - 320px) / 580); line-height: calc(120% + 3.2 * (100vw - 900px) / -580); font-weight: bold; }

.page .ttl h1.sec, .page .ttl .cat.sec { padding: 0; }

.page .ttl h1.sec span, .page .ttl .cat.sec span { font-size: 1.4rem; }

.page h1.single { margin-bottom: 20px; font-size: 1.8rem; }

.page h2.none { margin: 0 0 45px; padding: 0; background: none; color: #333; font-size: 1.4rem; font-weight: normal; }

.entry #content { padding: 30px 0 0; border-top: 2px solid #F61C54; }

.entry .ttl { margin: auto; margin-bottom: calc(30px + 10 * (100vw - 320px) / 580); padding: 10px 0 0; background: #fff url(../images/common/ttl-bg.png) no-repeat right top; height: calc(100px + 50 * (100vw - 320px) / 580); width: 100%; max-width: 1200px; position: relative; }

.entry .ttl::before { background: #0DD0FF; content: ""; position: absolute; left: 100%; top: 0; width: 6000px; height: 150px; z-index: -1; }

.entry .ttl h1, .entry .ttl .cat { padding: 10px 0 0; font-size: calc(20px + 8 * (100vw - 320px) / 580); line-height: calc(120% + 3.2 * (100vw - 900px) / -580); font-weight: bold; }

.entry dl.entry-list { margin: 0 0 50px; }

.single #content { padding: 0; }

.single .bar { margin: 0 0 20px; padding: 10px 8em 10px 20px; background: #F0F0F0; font-size: 1.6rem; }

.single .bar a { color: #333; }

.single .date { margin: 0; position: absolute; right: 20px; top: 9px; }

.single .body { margin: 0 20px 80px; padding: 0; }

#content .wp-pagenavi { margin: 0 0 50px; text-align: center; font-weight: bold; }

#content .wp-pagenavi a { padding: 6px 10px; background: #fff; border: 1px solid #ccc; }

#content .wp-pagenavi a.nextpostslink, #content .wp-pagenavi a.previouspostslink { background: #fff; }

#content .wp-pagenavi span { padding: 6px 10px; border: 1px solid #ccc; }

#content .wp-pagenavi span.current { background: #eee; }

/*
===== 製品情報 ==========================================
*/
.products.plastic .injection { background-image: url(../images/products/injection-bg.png); }

.products.plastic .compression { background-image: url(../images/products/compression-bg.png); }

.products.plastic .transfer { background-image: url(../images/products/transfer-bg.png); }

.products.plastic .blow { background-image: url(../images/products/blow-bg.png); }

.products.plastic .stamping { background-image: url(../images/products/stamping-bg.png); }

.products.plastic .cutting { background-image: url(../images/products/cutting-bg.png); }

.products.plastic .extrusion { background-image: url(../images/products/extrusion-bg.png); }

.products.plastic .compressed { background-image: url(../images/products/compressed-bg.png); }

.products.plastic .vacuum { background-image: url(../images/products/vacuum-bg.png); }

.products.metal .molding { background-image: url(../images/products/molding-bg.png); }

.products.metal .cutting { background-image: url(../images/products/cutting02-bg.png); }

.products.metal .pressing { background-image: url(../images/products/pressing-bg.png); }

.products.gum .compression { background-image: url(../images/products/compression02-bg.png); }

.products.gum .stamping { background-image: url(../images/products/stamping02-bg.png); }

.products.dip-mold .ttl { background-image: url(../images/products/dip-mold-bg.png); }

.products.material .ttl { background-image: url(../images/products/material-bg.png); }

.products.model .ttl { background-image: url(../images/products/model-bg.png); }

.products.accessories .ttl { background-image: url(../images/products/accessories-bg.png); }

.products .products-handled { margin-top: calc(30px + 20 * (100vw - 320px) / 580); }

.products .products-handled h2 { margin: 0; padding: 10px; background: none; border-top: 2px solid #F61C54; border-bottom: 1px solid #ccc; color: #006699; font-size: calc(18px + 3 * (100vw - 320px) / 580); line-height: calc(150% + 3.2 * (100vw - 900px) / -580); font-weight: bold; }

.products .products-handled ul li { padding: 10px; border-bottom: 1px solid #ccc; }

.products #content { padding: 30px 0 0; border-top: 2px solid #F61C54; }

.products #content .left-img { padding: 0 40px 10px 0; float: left; }

.products .products-item td { padding: 0; border: 1px solid #ccc; }

.products .products-item td a { display: table; table-layout: fixed; width: 100%; }

.products .products-item td a:hover { background: #f0f0f0; text-decoration: none; }

.products .products-item td a figure { padding: 20px; display: table-cell; width: calc(120px + 50 * (100vw - 320px) / 580); }

.products .products-item td a .name { margin: 0; padding: 20px 0 0 0; display: table-cell; font-size: 1.6rem; font-weight: bold; vertical-align: top; position: relative; }

.products .products-item td a .name::before { content: '\f105'; font-family: fontAwesome; font-size: 3.0rem; line-height: 1; position: absolute; right: 20px; bottom: 20px; }

.products .cat-list > li { margin: 0 0 15px; }

.products .cat-list > li > a { padding: calc(15px + 5 * (100vw - 320px) / 580); border: 1px solid #ccc; display: table; table-layout: fixed; text-decoration: none; width: 100%; }

.products .cat-list > li > a:hover { background: #f0f0f0; }

.products .cat-list > li figure { margin: 0; display: table-cell; vertical-align: middle; width: 64px; }

.products .cat-list > li p { padding: 0 25px; display: table-cell; font-size: 1.6rem; font-weight: bold; vertical-align: middle; position: relative; }

.products .cat-list > li p::before { margin-top: -1.5rem; content: '\f105'; font-family: fontAwesome; font-size: 3.0rem; line-height: 1; position: absolute; right: calc(10px + 10 * (100vw - 320px) / 580); top: 50%; }

.products .item-list > li > a { padding: calc(15px + 5 * (100vw - 320px) / 580); border: 1px solid #ccc; display: table; table-layout: fixed; text-decoration: none; width: 100%; }

.products .item-list > li > a:hover { background: #f0f0f0; }

.products .item-list > li figure { margin: 0; display: table-cell; vertical-align: middle; width: calc(98px + 10 * (100vw - 320px) / 580); height: calc(70px + 10 * (100vw - 320px) / 580); }

.products .item-list > li .textarea { padding: 0 20px; display: table-cell; vertical-align: middle; position: relative; }

.products .item-list > li .textarea::before { content: '\f105'; font-family: fontAwesome; font-size: 3.0rem; line-height: 1; position: absolute; right: -4px; bottom: -4px; }

.products .item-list > li .textarea p { margin: 0; font-size: 1.0rem; font-weight: normal; }

.products .item-list > li .textarea p.name { font-size: 1.6rem; font-weight: bold; }

.products dl { margin: 0 0 10px; }

.products dl dt { font-weight: bold; text-align: center; }

.products dl dd { margin: 0 0 5px; text-align: center; }

.products dl dd span { display: block; }

.products dl dd a { color: #111; }

.products .tags-dl { margin: 0 0 30px; padding: 0 0 10px; border-bottom: 1px solid #ccc; clear: both; }

.products .tags-dl > dt { padding: 5px 0; float: left; }

.products .tags-dl > dd { margin: 0 0 10px 5.5em; }

.products .tags-dl > dd > ul { display: -webkit-box; display: flex; flex-wrap: wrap; }

.products .tags-dl > dd > ul > li { margin: 0 1% 2%; max-width: 185px; font-size: calc(12px + 2 * (100vw - 320px) / 580); line-height: calc(160% + 3.2 * (100vw - 900px) / -580); width: 48%; }

.products .tags-dl > dd > ul > li > a { padding: 5px; background: #F61C54; border-radius: 4px; color: #fff; display: block; text-align: center; text-decoration: none; }

.products .tags-dl > dd > ul > li > a:hover { background: #f84d79; }

/*
===== 会社情報 ==========================================
*/
.company .textarea { margin-left: calc(5px + 15 * (100vw - 320px) / 580); margin-right: calc(5px + 15 * (100vw - 320px) / 580); }

.company .textarea dl.inline dt { float: left; }

.company .textarea dl.inline dd { margin: 0 0 5px 1.5em; }

.company .textarea dl.access { padding: 15px 0 0; border-top: 1px solid #ccc; }

.company .textarea dl.access dt { font-weight: bold; }

.company .textarea dl.access dd { margin: 0 0 15px; padding: 0 0 15px; border-bottom: 1px solid #ccc; }

.company .table-col .col { padding: 0 20px; vertical-align: middle; }

.company .table-col .col.img { padding: 0; width: 136px; }

.company table { margin-bottom: calc(30px + 30 * (100vw - 320px) / 580); font-size: 1.4rem; width: 100%; }

.company table tr { border-bottom: 2px solid #fff; }

.company table th { background: #F0F0F0; width: 150px; }

/*
===== お問い合わせ ==========================================
*/
.contact p.wpcf7c-elm-step1 { background: url(../images/contact/flow01.png) no-repeat right top/contain; height: calc(28px + 18 * (100vw - 320px) / 580); }

.contact p.wpcf7c-elm-step2 { background: url(../images/contact/flow02.png) no-repeat right top/contain; height: calc(28px + 18 * (100vw - 320px) / 580); }

.contact p.wpcf7c-elm-step3 { background: url(../images/contact/flow03.png) no-repeat right top/contain; height: calc(28px + 18 * (100vw - 320px) / 580); }

.contact .tel { margin: 0; color: #006699; font-size: calc(32px + 12 * (100vw - 320px) / 580); line-height: calc(110% + 3.2 * (100vw - 900px) / -580); font-weight: bold; }

.contact .tel a { pointer-events: none; }

.contact .tel > span { font-size: calc(24px + 8 * (100vw - 320px) / 580); line-height: calc(110% + 3.2 * (100vw - 900px) / -580); }

.contact .form-area { margin-top: calc(30px + 20 * (100vw - 320px) / 580); }

.contact .thanks { margin-top: calc(30px + 20 * (100vw - 320px) / 580); margin-bottom: calc(30px + 20 * (100vw - 320px) / 580); float: right; width: 547px; }

.contact .thanks .btn { clear: both; }

.contact form input[type="text"], .contact form input[type="password"], .contact form input[type="datetime"], .contact form input[type="datetime-local"], .contact form input[type="date"], .contact form input[type="month"], .contact form input[type="time"], .contact form input[type="week"], .contact form input[type="number"], .contact form input[type="email"], .contact form input[type="url"], .contact form input[type="search"], .contact form input[type="tel"], .contact form input[type="color"], .contact select, .contact textarea { padding: 10px; background: #eee; border: 1px solid #aaa; font-size: 14px; font-family: 'YuGothic', 'Yu Gothic', '游ゴシック', '游ゴシック体','Hiragino Kaku Gothic ProN',"Hiragino Kaku Gothic Pro","メイリオ",Meiryo,sans-serif; max-width: 100%; -webkit-transition: .3s; transition: .3s; }

.contact form input[type="text"]::-webkit-input-placeholder, .contact form input[type="password"]::-webkit-input-placeholder, .contact form input[type="datetime"]::-webkit-input-placeholder, .contact form input[type="datetime-local"]::-webkit-input-placeholder, .contact form input[type="date"]::-webkit-input-placeholder, .contact form input[type="month"]::-webkit-input-placeholder, .contact form input[type="time"]::-webkit-input-placeholder, .contact form input[type="week"]::-webkit-input-placeholder, .contact form input[type="number"]::-webkit-input-placeholder, .contact form input[type="email"]::-webkit-input-placeholder, .contact form input[type="url"]::-webkit-input-placeholder, .contact form input[type="search"]::-webkit-input-placeholder, .contact form input[type="tel"]::-webkit-input-placeholder, .contact form input[type="color"]::-webkit-input-placeholder, .contact select::-webkit-input-placeholder, .contact textarea::-webkit-input-placeholder { color: #999; }

.contact form input[type="text"]::-moz-placeholder, .contact form input[type="password"]::-moz-placeholder, .contact form input[type="datetime"]::-moz-placeholder, .contact form input[type="datetime-local"]::-moz-placeholder, .contact form input[type="date"]::-moz-placeholder, .contact form input[type="month"]::-moz-placeholder, .contact form input[type="time"]::-moz-placeholder, .contact form input[type="week"]::-moz-placeholder, .contact form input[type="number"]::-moz-placeholder, .contact form input[type="email"]::-moz-placeholder, .contact form input[type="url"]::-moz-placeholder, .contact form input[type="search"]::-moz-placeholder, .contact form input[type="tel"]::-moz-placeholder, .contact form input[type="color"]::-moz-placeholder, .contact select::-moz-placeholder, .contact textarea::-moz-placeholder { color: #999; }

.contact form input[type="text"]:-ms-input-placeholder, .contact form input[type="password"]:-ms-input-placeholder, .contact form input[type="datetime"]:-ms-input-placeholder, .contact form input[type="datetime-local"]:-ms-input-placeholder, .contact form input[type="date"]:-ms-input-placeholder, .contact form input[type="month"]:-ms-input-placeholder, .contact form input[type="time"]:-ms-input-placeholder, .contact form input[type="week"]:-ms-input-placeholder, .contact form input[type="number"]:-ms-input-placeholder, .contact form input[type="email"]:-ms-input-placeholder, .contact form input[type="url"]:-ms-input-placeholder, .contact form input[type="search"]:-ms-input-placeholder, .contact form input[type="tel"]:-ms-input-placeholder, .contact form input[type="color"]:-ms-input-placeholder, .contact select:-ms-input-placeholder, .contact textarea:-ms-input-placeholder { color: #999; }

.contact form input[type="text"]::-ms-input-placeholder, .contact form input[type="password"]::-ms-input-placeholder, .contact form input[type="datetime"]::-ms-input-placeholder, .contact form input[type="datetime-local"]::-ms-input-placeholder, .contact form input[type="date"]::-ms-input-placeholder, .contact form input[type="month"]::-ms-input-placeholder, .contact form input[type="time"]::-ms-input-placeholder, .contact form input[type="week"]::-ms-input-placeholder, .contact form input[type="number"]::-ms-input-placeholder, .contact form input[type="email"]::-ms-input-placeholder, .contact form input[type="url"]::-ms-input-placeholder, .contact form input[type="search"]::-ms-input-placeholder, .contact form input[type="tel"]::-ms-input-placeholder, .contact form input[type="color"]::-ms-input-placeholder, .contact select::-ms-input-placeholder, .contact textarea::-ms-input-placeholder { color: #999; }

.contact form input[type="text"]::placeholder, .contact form input[type="password"]::placeholder, .contact form input[type="datetime"]::placeholder, .contact form input[type="datetime-local"]::placeholder, .contact form input[type="date"]::placeholder, .contact form input[type="month"]::placeholder, .contact form input[type="time"]::placeholder, .contact form input[type="week"]::placeholder, .contact form input[type="number"]::placeholder, .contact form input[type="email"]::placeholder, .contact form input[type="url"]::placeholder, .contact form input[type="search"]::placeholder, .contact form input[type="tel"]::placeholder, .contact form input[type="color"]::placeholder, .contact select::placeholder, .contact textarea::placeholder { color: #999; }

.contact form input[type="text"]:focus, .contact form input[type="password"]:focus, .contact form input[type="datetime"]:focus, .contact form input[type="datetime-local"]:focus, .contact form input[type="date"]:focus, .contact form input[type="month"]:focus, .contact form input[type="time"]:focus, .contact form input[type="week"]:focus, .contact form input[type="number"]:focus, .contact form input[type="email"]:focus, .contact form input[type="url"]:focus, .contact form input[type="search"]:focus, .contact form input[type="tel"]:focus, .contact form input[type="color"]:focus, .contact textarea:focus { background: #fff; border-color: #137af3; }

.contact .radio { display: -webkit-box; display: flex; flex-wrap: wrap; -webkit-box-pack: justify; justify-content: space-between; }

.contact .radio .wpcf7-list-item { margin: 3px 0; position: relative; display: block; width: 49%; }

.contact .radio .wpcf7-list-item .wpcf7-list-item-label { padding: 8px; background: #EEEEEE; display: block; }

.contact .radio .wpcf7-list-item .wpcf7-list-item-label.on { background: #006699; color: #fff; }

.contact .radio .wpcf7-list-item-label { color: #333; cursor: pointer; }

.contact .radio input[type="radio"] { position: absolute; opacity: 0; }

.contact .radio .wpcf7-list-item-label:before { content: ''; background: #fff; border-radius: 50%; border: 1px solid #4D4D4D; display: inline-block; width: 1.3em; height: 1.3em; position: relative; top: -0.1em; margin-right: 6px; vertical-align: middle; text-align: center; -webkit-transition: .3s; transition: .3s; }

.contact .radio input[type="radio"]:checked + .wpcf7-list-item-label:before { background-color: #fff; box-shadow: inset 0 0 0 5px #006699; border-color: #fff; }

.contact .inquiry { margin: 0 auto 20px; font-size: 1.4rem; width: 100%; }

.contact .inquiry th { padding: 15px 15px; border-top: 1px solid #CCC; vertical-align: top; line-height: 1.5; text-align: left; width: 25%; }

.contact .inquiry th .flag { padding: 1px; background: #ccc; color: #333; display: block; font-size: 1.2rem; font-weight: normal; width: 3em; text-align: center; }

.contact .inquiry th .flag.required { background: #F61C54; color: #fff; }

.contact .inquiry td { padding: 10px 15px; border-top: 1px solid #CCC; text-align: left; vertical-align: middle; }

.contact .inquiry td .inquiry input[readonly], .contact .inquiry td .inquiry textarea[readonly] { background: #fff; border: none; }

.contact .inquiry td .inquiry select[readonly] { background: #fafafa; border: none; }

.contact .inquiry td .w100 { width: 100%; }

.contact .inquiry td p { margin: 0 0 5px; }

.contact .inquiry td p:last-child { margin: 0; }

.contact .submit { margin: 10px 0 0; text-align: center; position: relative; }

.contact .submit .ajax-loader { position: absolute; top: 50%; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); }

.contact .submit input { padding: 15px 0; border: 0; background: #F61C54; color: #FFF; cursor: pointer; font-size: 14px; font-weight: bold; text-align: center; width: 280px; border-radius: 2px; -webkit-transition: .3s; transition: .3s; }

.contact .submit input:hover { background: #f84d79; }

.contact .wpcf7-validation-errors { border: 2px solid #FF0000 !important; color: #FF0000; }

/*
===== サイトマップ ==========================================
*/
.sitemaps h1 { padding: 0 0 15px; border: none; }

.sitemaps ul.sitemap { border-top: 1px solid #CCC; }

.sitemaps ul.sitemap li { padding: 10px; border-bottom: 1px solid #CCC; }

/*
===== プライバシーポリシー ==========================================
*/
.privacy-policy #content { padding: 30px 0 0; border-top: 2px solid #F61C54; }

.privacy-policy dl { margin: 0 0 20px; }

.privacy-policy dl dt { font-weight: bold; }

.privacy-policy dl dd { margin: 0 0 30px; }

/*
===== Other ==========================================
*/
.navigation { margin-bottom: calc(30px + 20 * (100vw - 320px) / 580); display: table; table-layout: fixed; width: 100%; }

.navigation p { display: table-cell; text-align: center; }

.navigation .prev { text-align: left; }

.navigation .prev a { padding: 9px 20px 9px 15px; background: url(../images/common/prev-bg.png) no-repeat left center; color: #FFF; text-decoration: none; }

.navigation .prev a:hover { background: url(../images/common/prev-bg_on.png) no-repeat left center; }

.navigation .next { text-align: right; }

.navigation .next a { padding: 9px 20px 9px 15px; background: url(../images/common/next-bg.png) no-repeat left center; color: #FFF; text-decoration: none; }

.navigation .next a:hover { background: url(../images/common/next-bg_on.png) no-repeat left center; }

/* 記事内の画像 */
.aligncenter { display: block; margin-left: auto; margin-right: auto; }

.alignleft { float: left; margin-right: 10px; margin-bottom: 10px; }

.alignright { float: right; margin-left: 10px; margin-bottom: 10px; }

.wp-caption { border: solid 1px #aaaaaa; text-align: center; padding-top: 5px; }

/* ページリンク */
span.oldpage { float: left; }

span.newpage { float: right; }

p.pagelink a { font-size: 1.2rem; color: #0c8bcd; }

p.pagelink { overflow: hidden; width: 100%; }

/* コメント */
#comments { border: solid 1px #CCC; padding: 0 18px; margin: 20px 0; }

#comments input, #comments textarea { display: block; }

#comments textarea { width: 100%; }

#comments .required { color: #ff0000; }

#comments code { display: block; margin-top: 5px; font-size: smaller; }

#comments ul { margin: 0; padding: 0; }

#comments li.compost { list-style-type: none; border-bottom: dotted 1px #CCC; margin-bottom: 20px; }

#comments p.cominfo { text-align: right; }

#comments #comfeed a { line-height: 1em; color: #000000; text-decoration: none; }

#comments #comfeed { background-color: #EFEFEF; padding: 8px; margin-top: 30px; }

#comments #trurl { background-color: #EFEFEF; padding: 8px; margin-bottom: 30px; }

/* カレンダー */
.widget_calendar h2 { display: none; }

#wp-calendar { font-size: 0.75em; width: 100%; }

#wp-calendar td, #wp-calendar th { text-align: center; }

#wp-calendar caption { font-weight: bold; text-align: left; border-bottom: solid 1px #CCC; padding-bottom: 8px; margin-bottom: 8px; }

#wp-calendar #prev { text-align: left; padding-top: 3px; }

#wp-calendar #next { text-align: right; padding-top: 3px; }

/*
* jQuery FlexSlider v2.6.0
* http://www.woothemes.com/flexslider/
*
* Copyright 2012 WooThemes
* Free to use under the GPLv2 and later license.
* http://www.gnu.org/licenses/gpl-2.0.html
*
* Contributing author: Tyler Smith (@mbmufffin)
*
*/
/* ==================================================================================================================== FONT-FACE ====================================================================================================================*/
@font-face { font-family: 'flexslider-icon'; src: url("fonts/flexslider-icon.eot"); src: url("fonts/flexslider-icon.eot?#iefix") format("embedded-opentype"), url("fonts/flexslider-icon.woff") format("woff"), url("fonts/flexslider-icon.ttf") format("truetype"), url("fonts/flexslider-icon.svg#flexslider-icon") format("svg"); font-weight: normal; font-style: normal; }

/* ==================================================================================================================== RESETS ====================================================================================================================*/
.flex-container a:hover, .flex-slider a:hover { outline: none; }

.slides, .slides > li, .flex-control-nav, .flex-direction-nav { margin: 0; padding: 0; list-style: none; }

.flex-pauseplay span { text-transform: capitalize; }

/* ==================================================================================================================== BASE STYLES ====================================================================================================================*/
.flexslider { margin: 0; padding: 0; }

.flexslider .slides > li { display: none; -webkit-backface-visibility: hidden; }

.flexslider .slides li p { margin: 0; text-align: center; }

.flexslider .slides img { width: 100%; display: block; }

.flexslider .slides:after { content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }

html[xmlns] .flexslider .slides { display: block; }

* html .flexslider .slides { height: 1%; }

.no-js .flexslider .slides > li:first-child { display: block; }

/* ==================================================================================================================== DEFAULT THEME ====================================================================================================================*/
.flexslider { margin: 0 auto 20px; position: relative; zoom: 1; border-radius: 4px; box-shadow: "" 0 1px 4px rgba(0, 0, 0, 0.2); width: 100%; }

.flexslider.mb { max-width: 680px; margin-bottom: calc(20px + 20 * (100vw - 320px) / 580); }

.gallery { width: 100%; max-width: 830px; }

.flexslider .slides { zoom: 1; }

.flexslider .slides img { margin: auto; width: auto; max-height: calc(220px + 290 * (100vw - 320px) / 580); height: auto; -moz-user-select: none; }

.flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; transition: all 1s ease; }

.loading .flex-viewport { max-height: 300px; }

.carousel li { margin-right: 5px; line-height: 1; }

.flex-direction-nav { *height: 0; }

.flex-direction-nav a { text-decoration: none; display: block; width: 58px; height: 58px; position: absolute; z-index: 10; overflow: hidden; cursor: pointer; color: rgba(0, 0, 0, 0.8); text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3); -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; top: calc(76px + 124 * (100vw - 320px) / 580); /* top: 50%; transform: translate(0, -50%); */ }

.flex-direction-nav a:before { font-family: "flexslider-icon"; font-size: 40px; display: inline-block; background: url("../images/common/prev.png") no-repeat left top; content: ''; color: rgba(255, 255, 255, 0.8); text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.3); width: 58px; height: 58px; }

.flex-direction-nav a.flex-next:before { background: url("../images/common/next.png") no-repeat left top; }

.flex-direction-nav .flex-prev { left: 10px; }

.flex-direction-nav .flex-next { right: 10px; text-align: right; }

#main-img .flex-direction-nav a { display: block; width: 32px; height: 81px; top: 140px; }

#main-img .flex-direction-nav a:before { background: url("../images/top/prev-arrow.png") no-repeat left top; width: 32px; height: 81px; }

#main-img .flex-direction-nav a.flex-next:before { background: url("../images/top/next-arrow.png") no-repeat left top; }

#main-img .flex-direction-nav .flex-prev { left: -100px; }

#main-img .flex-direction-nav .flex-next { right: -100px; text-align: right; }

.flexslider:hover .flex-direction-nav .flex-prev { opacity: 0.8; }

.flexslider:hover .flex-direction-nav .flex-prev:hover { opacity: 1; }

.flexslider:hover .flex-direction-nav .flex-next { opacity: 0.8; }

.flexslider:hover .flex-direction-nav .flex-next:hover { opacity: 1; }

.flex-pauseplay a { display: block; width: 20px; height: 20px; position: absolute; bottom: 5px; left: 10px; opacity: 0.8; z-index: 10; overflow: hidden; cursor: pointer; color: #000; }

.flex-pauseplay a:before { font-family: "flexslider-icon"; font-size: 20px; display: inline-block; content: '\f004'; }

.flex-pauseplay a:hover { opacity: 1; }

.flex-pauseplay a.flex-play:before { content: '\f003'; }

.flex-control-nav { width: 100%; position: absolute; bottom: 0; text-align: center; z-index: 100; }

.flex-control-nav li { margin: 0 6px; display: inline-block; zoom: 1; *display: inline; }

.flex-control-paging li a { width: 11px; height: 11px; display: block; background: #fff; cursor: pointer; text-indent: -9999px; box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.1); border-radius: 20px; }

.flex-control-paging li a:hover { background: #003366; }

.flex-control-paging li a.flex-active { background: #003366; cursor: default; }

.flex-control-thumbs { margin: 5px 0 0; position: static; overflow: hidden; }

.flex-control-thumbs li { vertical-align: middle; padding: 0 0.5%; width: 20%; height: calc(40px + 45 * (100vw - 320px) / 580); margin: 0; }

.flex-control-thumbs img { width: 100%; height: calc(40px + 45 * (100vw - 320px) / 580); -o-object-fit: cover; object-fit: cover; opacity: .7; cursor: pointer; -moz-user-select: none; -webkit-transition: all 1s ease; transition: all 1s ease; }

.flex-control-thumbs img:hover { opacity: 1; }

.flex-control-thumbs .flex-active { opacity: 1; cursor: default; }

/*!
*  Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
*  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
*/
@font-face { font-family: 'FontAwesome'; src: url("../fonts/fontawesome-webfont.eot?v=4.7.0"); src: url("../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0") format("embedded-opentype"), url("../fonts/fontawesome-webfont.woff2?v=4.7.0") format("woff2"), url("../fonts/fontawesome-webfont.woff?v=4.7.0") format("woff"), url("../fonts/fontawesome-webfont.ttf?v=4.7.0") format("truetype"), url("../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular") format("svg"); font-weight: normal; font-style: normal; }

.fa { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.fa-lg { font-size: 1.33333333em; line-height: .75em; vertical-align: -15%; }

.fa-2x { font-size: 2em; }

.fa-3x { font-size: 3em; }

.fa-4x { font-size: 4em; }

.fa-5x { font-size: 5em; }

.fa-fw { width: 1.28571429em; text-align: center; }

.fa-ul { padding-left: 0; margin-left: 2.14285714em; list-style-type: none; }

.fa-ul > li { position: relative; }

.fa-li { position: absolute; left: -2.14285714em; width: 2.14285714em; top: .14285714em; text-align: center; }

.fa-li.fa-lg { left: -1.85714286em; }

.fa-border { padding: .2em .25em .15em; border: solid .08em #eee; border-radius: .1em; }

.fa-pull-left { float: left; }

.fa-pull-right { float: right; }

.fa.fa-pull-left { margin-right: .3em; }

.fa.fa-pull-right { margin-left: .3em; }

.pull-right { float: right; }

.pull-left { float: left; }

.fa.pull-left { margin-right: .3em; }

.fa.pull-right { margin-left: .3em; }

.fa-spin { -webkit-animation: fa-spin 2s infinite linear; animation: fa-spin 2s infinite linear; }

.fa-pulse { -webkit-animation: fa-spin 1s infinite steps(8); animation: fa-spin 1s infinite steps(8); }

@-webkit-keyframes fa-spin { 0% { -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% { -webkit-transform: rotate(359deg);
    transform: rotate(359deg); } }

@keyframes fa-spin { 0% { -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% { -webkit-transform: rotate(359deg);
    transform: rotate(359deg); } }

.fa-rotate-90 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)"; -webkit-transform: rotate(90deg); transform: rotate(90deg); }

.fa-rotate-180 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)"; -webkit-transform: rotate(180deg); transform: rotate(180deg); }

.fa-rotate-270 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)"; -webkit-transform: rotate(270deg); transform: rotate(270deg); }

.fa-flip-horizontal { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)"; -webkit-transform: scale(-1, 1); transform: scale(-1, 1); }

.fa-flip-vertical { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)"; -webkit-transform: scale(1, -1); transform: scale(1, -1); }

:root .fa-rotate-90, :root .fa-rotate-180, :root .fa-rotate-270, :root .fa-flip-horizontal, :root .fa-flip-vertical { -webkit-filter: none; filter: none; }

.fa-stack { position: relative; display: inline-block; width: 2em; height: 2em; line-height: 2em; vertical-align: middle; }

.fa-stack-1x, .fa-stack-2x { position: absolute; left: 0; width: 100%; text-align: center; }

.fa-stack-1x { line-height: inherit; }

.fa-stack-2x { font-size: 2em; }

.fa-inverse { color: #fff; }

.fa-glass:before { content: "\f000"; }

.fa-music:before { content: "\f001"; }

.fa-search:before { content: "\f002"; }

.fa-envelope-o:before { content: "\f003"; }

.fa-heart:before { content: "\f004"; }

.fa-star:before { content: "\f005"; }

.fa-star-o:before { content: "\f006"; }

.fa-user:before { content: "\f007"; }

.fa-film:before { content: "\f008"; }

.fa-th-large:before { content: "\f009"; }

.fa-th:before { content: "\f00a"; }

.fa-th-list:before { content: "\f00b"; }

.fa-check:before { content: "\f00c"; }

.fa-remove:before, .fa-close:before, .fa-times:before { content: "\f00d"; }

.fa-search-plus:before { content: "\f00e"; }

.fa-search-minus:before { content: "\f010"; }

.fa-power-off:before { content: "\f011"; }

.fa-signal:before { content: "\f012"; }

.fa-gear:before, .fa-cog:before { content: "\f013"; }

.fa-trash-o:before { content: "\f014"; }

.fa-home:before { content: "\f015"; }

.fa-file-o:before { content: "\f016"; }

.fa-clock-o:before { content: "\f017"; }

.fa-road:before { content: "\f018"; }

.fa-download:before { content: "\f019"; }

.fa-arrow-circle-o-down:before { content: "\f01a"; }

.fa-arrow-circle-o-up:before { content: "\f01b"; }

.fa-inbox:before { content: "\f01c"; }

.fa-play-circle-o:before { content: "\f01d"; }

.fa-rotate-right:before, .fa-repeat:before { content: "\f01e"; }

.fa-refresh:before { content: "\f021"; }

.fa-list-alt:before { content: "\f022"; }

.fa-lock:before { content: "\f023"; }

.fa-flag:before { content: "\f024"; }

.fa-headphones:before { content: "\f025"; }

.fa-volume-off:before { content: "\f026"; }

.fa-volume-down:before { content: "\f027"; }

.fa-volume-up:before { content: "\f028"; }

.fa-qrcode:before { content: "\f029"; }

.fa-barcode:before { content: "\f02a"; }

.fa-tag:before { content: "\f02b"; }

.fa-tags:before { content: "\f02c"; }

.fa-book:before { content: "\f02d"; }

.fa-bookmark:before { content: "\f02e"; }

.fa-print:before { content: "\f02f"; }

.fa-camera:before { content: "\f030"; }

.fa-font:before { content: "\f031"; }

.fa-bold:before { content: "\f032"; }

.fa-italic:before { content: "\f033"; }

.fa-text-height:before { content: "\f034"; }

.fa-text-width:before { content: "\f035"; }

.fa-align-left:before { content: "\f036"; }

.fa-align-center:before { content: "\f037"; }

.fa-align-right:before { content: "\f038"; }

.fa-align-justify:before { content: "\f039"; }

.fa-list:before { content: "\f03a"; }

.fa-dedent:before, .fa-outdent:before { content: "\f03b"; }

.fa-indent:before { content: "\f03c"; }

.fa-video-camera:before { content: "\f03d"; }

.fa-photo:before, .fa-image:before, .fa-picture-o:before { content: "\f03e"; }

.fa-pencil:before { content: "\f040"; }

.fa-map-marker:before { content: "\f041"; }

.fa-adjust:before { content: "\f042"; }

.fa-tint:before { content: "\f043"; }

.fa-edit:before, .fa-pencil-square-o:before { content: "\f044"; }

.fa-share-square-o:before { content: "\f045"; }

.fa-check-square-o:before { content: "\f046"; }

.fa-arrows:before { content: "\f047"; }

.fa-step-backward:before { content: "\f048"; }

.fa-fast-backward:before { content: "\f049"; }

.fa-backward:before { content: "\f04a"; }

.fa-play:before { content: "\f04b"; }

.fa-pause:before { content: "\f04c"; }

.fa-stop:before { content: "\f04d"; }

.fa-forward:before { content: "\f04e"; }

.fa-fast-forward:before { content: "\f050"; }

.fa-step-forward:before { content: "\f051"; }

.fa-eject:before { content: "\f052"; }

.fa-chevron-left:before { content: "\f053"; }

.fa-chevron-right:before { content: "\f054"; }

.fa-plus-circle:before { content: "\f055"; }

.fa-minus-circle:before { content: "\f056"; }

.fa-times-circle:before { content: "\f057"; }

.fa-check-circle:before { content: "\f058"; }

.fa-question-circle:before { content: "\f059"; }

.fa-info-circle:before { content: "\f05a"; }

.fa-crosshairs:before { content: "\f05b"; }

.fa-times-circle-o:before { content: "\f05c"; }

.fa-check-circle-o:before { content: "\f05d"; }

.fa-ban:before { content: "\f05e"; }

.fa-arrow-left:before { content: "\f060"; }

.fa-arrow-right:before { content: "\f061"; }

.fa-arrow-up:before { content: "\f062"; }

.fa-arrow-down:before { content: "\f063"; }

.fa-mail-forward:before, .fa-share:before { content: "\f064"; }

.fa-expand:before { content: "\f065"; }

.fa-compress:before { content: "\f066"; }

.fa-plus:before { content: "\f067"; }

.fa-minus:before { content: "\f068"; }

.fa-asterisk:before { content: "\f069"; }

.fa-exclamation-circle:before { content: "\f06a"; }

.fa-gift:before { content: "\f06b"; }

.fa-leaf:before { content: "\f06c"; }

.fa-fire:before { content: "\f06d"; }

.fa-eye:before { content: "\f06e"; }

.fa-eye-slash:before { content: "\f070"; }

.fa-warning:before, .fa-exclamation-triangle:before { content: "\f071"; }

.fa-plane:before { content: "\f072"; }

.fa-calendar:before { content: "\f073"; }

.fa-random:before { content: "\f074"; }

.fa-comment:before { content: "\f075"; }

.fa-magnet:before { content: "\f076"; }

.fa-chevron-up:before { content: "\f077"; }

.fa-chevron-down:before { content: "\f078"; }

.fa-retweet:before { content: "\f079"; }

.fa-shopping-cart:before { content: "\f07a"; }

.fa-folder:before { content: "\f07b"; }

.fa-folder-open:before { content: "\f07c"; }

.fa-arrows-v:before { content: "\f07d"; }

.fa-arrows-h:before { content: "\f07e"; }

.fa-bar-chart-o:before, .fa-bar-chart:before { content: "\f080"; }

.fa-twitter-square:before { content: "\f081"; }

.fa-facebook-square:before { content: "\f082"; }

.fa-camera-retro:before { content: "\f083"; }

.fa-key:before { content: "\f084"; }

.fa-gears:before, .fa-cogs:before { content: "\f085"; }

.fa-comments:before { content: "\f086"; }

.fa-thumbs-o-up:before { content: "\f087"; }

.fa-thumbs-o-down:before { content: "\f088"; }

.fa-star-half:before { content: "\f089"; }

.fa-heart-o:before { content: "\f08a"; }

.fa-sign-out:before { content: "\f08b"; }

.fa-linkedin-square:before { content: "\f08c"; }

.fa-thumb-tack:before { content: "\f08d"; }

.fa-external-link:before { content: "\f08e"; }

.fa-sign-in:before { content: "\f090"; }

.fa-trophy:before { content: "\f091"; }

.fa-github-square:before { content: "\f092"; }

.fa-upload:before { content: "\f093"; }

.fa-lemon-o:before { content: "\f094"; }

.fa-phone:before { content: "\f095"; }

.fa-square-o:before { content: "\f096"; }

.fa-bookmark-o:before { content: "\f097"; }

.fa-phone-square:before { content: "\f098"; }

.fa-twitter:before { content: "\f099"; }

.fa-facebook-f:before, .fa-facebook:before { content: "\f09a"; }

.fa-github:before { content: "\f09b"; }

.fa-unlock:before { content: "\f09c"; }

.fa-credit-card:before { content: "\f09d"; }

.fa-feed:before, .fa-rss:before { content: "\f09e"; }

.fa-hdd-o:before { content: "\f0a0"; }

.fa-bullhorn:before { content: "\f0a1"; }

.fa-bell:before { content: "\f0f3"; }

.fa-certificate:before { content: "\f0a3"; }

.fa-hand-o-right:before { content: "\f0a4"; }

.fa-hand-o-left:before { content: "\f0a5"; }

.fa-hand-o-up:before { content: "\f0a6"; }

.fa-hand-o-down:before { content: "\f0a7"; }

.fa-arrow-circle-left:before { content: "\f0a8"; }

.fa-arrow-circle-right:before { content: "\f0a9"; }

.fa-arrow-circle-up:before { content: "\f0aa"; }

.fa-arrow-circle-down:before { content: "\f0ab"; }

.fa-globe:before { content: "\f0ac"; }

.fa-wrench:before { content: "\f0ad"; }

.fa-tasks:before { content: "\f0ae"; }

.fa-filter:before { content: "\f0b0"; }

.fa-briefcase:before { content: "\f0b1"; }

.fa-arrows-alt:before { content: "\f0b2"; }

.fa-group:before, .fa-users:before { content: "\f0c0"; }

.fa-chain:before, .fa-link:before { content: "\f0c1"; }

.fa-cloud:before { content: "\f0c2"; }

.fa-flask:before { content: "\f0c3"; }

.fa-cut:before, .fa-scissors:before { content: "\f0c4"; }

.fa-copy:before, .fa-files-o:before { content: "\f0c5"; }

.fa-paperclip:before { content: "\f0c6"; }

.fa-save:before, .fa-floppy-o:before { content: "\f0c7"; }

.fa-square:before { content: "\f0c8"; }

.fa-navicon:before, .fa-reorder:before, .fa-bars:before { content: "\f0c9"; }

.fa-list-ul:before { content: "\f0ca"; }

.fa-list-ol:before { content: "\f0cb"; }

.fa-strikethrough:before { content: "\f0cc"; }

.fa-underline:before { content: "\f0cd"; }

.fa-table:before { content: "\f0ce"; }

.fa-magic:before { content: "\f0d0"; }

.fa-truck:before { content: "\f0d1"; }

.fa-pinterest:before { content: "\f0d2"; }

.fa-pinterest-square:before { content: "\f0d3"; }

.fa-google-plus-square:before { content: "\f0d4"; }

.fa-google-plus:before { content: "\f0d5"; }

.fa-money:before { content: "\f0d6"; }

.fa-caret-down:before { content: "\f0d7"; }

.fa-caret-up:before { content: "\f0d8"; }

.fa-caret-left:before { content: "\f0d9"; }

.fa-caret-right:before { content: "\f0da"; }

.fa-columns:before { content: "\f0db"; }

.fa-unsorted:before, .fa-sort:before { content: "\f0dc"; }

.fa-sort-down:before, .fa-sort-desc:before { content: "\f0dd"; }

.fa-sort-up:before, .fa-sort-asc:before { content: "\f0de"; }

.fa-envelope:before { content: "\f0e0"; }

.fa-linkedin:before { content: "\f0e1"; }

.fa-rotate-left:before, .fa-undo:before { content: "\f0e2"; }

.fa-legal:before, .fa-gavel:before { content: "\f0e3"; }

.fa-dashboard:before, .fa-tachometer:before { content: "\f0e4"; }

.fa-comment-o:before { content: "\f0e5"; }

.fa-comments-o:before { content: "\f0e6"; }

.fa-flash:before, .fa-bolt:before { content: "\f0e7"; }

.fa-sitemap:before { content: "\f0e8"; }

.fa-umbrella:before { content: "\f0e9"; }

.fa-paste:before, .fa-clipboard:before { content: "\f0ea"; }

.fa-lightbulb-o:before { content: "\f0eb"; }

.fa-exchange:before { content: "\f0ec"; }

.fa-cloud-download:before { content: "\f0ed"; }

.fa-cloud-upload:before { content: "\f0ee"; }

.fa-user-md:before { content: "\f0f0"; }

.fa-stethoscope:before { content: "\f0f1"; }

.fa-suitcase:before { content: "\f0f2"; }

.fa-bell-o:before { content: "\f0a2"; }

.fa-coffee:before { content: "\f0f4"; }

.fa-cutlery:before { content: "\f0f5"; }

.fa-file-text-o:before { content: "\f0f6"; }

.fa-building-o:before { content: "\f0f7"; }

.fa-hospital-o:before { content: "\f0f8"; }

.fa-ambulance:before { content: "\f0f9"; }

.fa-medkit:before { content: "\f0fa"; }

.fa-fighter-jet:before { content: "\f0fb"; }

.fa-beer:before { content: "\f0fc"; }

.fa-h-square:before { content: "\f0fd"; }

.fa-plus-square:before { content: "\f0fe"; }

.fa-angle-double-left:before { content: "\f100"; }

.fa-angle-double-right:before { content: "\f101"; }

.fa-angle-double-up:before { content: "\f102"; }

.fa-angle-double-down:before { content: "\f103"; }

.fa-angle-left:before { content: "\f104"; }

.fa-angle-right:before { content: "\f105"; }

.fa-angle-up:before { content: "\f106"; }

.fa-angle-down:before { content: "\f107"; }

.fa-desktop:before { content: "\f108"; }

.fa-laptop:before { content: "\f109"; }

.fa-tablet:before { content: "\f10a"; }

.fa-mobile-phone:before, .fa-mobile:before { content: "\f10b"; }

.fa-circle-o:before { content: "\f10c"; }

.fa-quote-left:before { content: "\f10d"; }

.fa-quote-right:before { content: "\f10e"; }

.fa-spinner:before { content: "\f110"; }

.fa-circle:before { content: "\f111"; }

.fa-mail-reply:before, .fa-reply:before { content: "\f112"; }

.fa-github-alt:before { content: "\f113"; }

.fa-folder-o:before { content: "\f114"; }

.fa-folder-open-o:before { content: "\f115"; }

.fa-smile-o:before { content: "\f118"; }

.fa-frown-o:before { content: "\f119"; }

.fa-meh-o:before { content: "\f11a"; }

.fa-gamepad:before { content: "\f11b"; }

.fa-keyboard-o:before { content: "\f11c"; }

.fa-flag-o:before { content: "\f11d"; }

.fa-flag-checkered:before { content: "\f11e"; }

.fa-terminal:before { content: "\f120"; }

.fa-code:before { content: "\f121"; }

.fa-mail-reply-all:before, .fa-reply-all:before { content: "\f122"; }

.fa-star-half-empty:before, .fa-star-half-full:before, .fa-star-half-o:before { content: "\f123"; }

.fa-location-arrow:before { content: "\f124"; }

.fa-crop:before { content: "\f125"; }

.fa-code-fork:before { content: "\f126"; }

.fa-unlink:before, .fa-chain-broken:before { content: "\f127"; }

.fa-question:before { content: "\f128"; }

.fa-info:before { content: "\f129"; }

.fa-exclamation:before { content: "\f12a"; }

.fa-superscript:before { content: "\f12b"; }

.fa-subscript:before { content: "\f12c"; }

.fa-eraser:before { content: "\f12d"; }

.fa-puzzle-piece:before { content: "\f12e"; }

.fa-microphone:before { content: "\f130"; }

.fa-microphone-slash:before { content: "\f131"; }

.fa-shield:before { content: "\f132"; }

.fa-calendar-o:before { content: "\f133"; }

.fa-fire-extinguisher:before { content: "\f134"; }

.fa-rocket:before { content: "\f135"; }

.fa-maxcdn:before { content: "\f136"; }

.fa-chevron-circle-left:before { content: "\f137"; }

.fa-chevron-circle-right:before { content: "\f138"; }

.fa-chevron-circle-up:before { content: "\f139"; }

.fa-chevron-circle-down:before { content: "\f13a"; }

.fa-html5:before { content: "\f13b"; }

.fa-css3:before { content: "\f13c"; }

.fa-anchor:before { content: "\f13d"; }

.fa-unlock-alt:before { content: "\f13e"; }

.fa-bullseye:before { content: "\f140"; }

.fa-ellipsis-h:before { content: "\f141"; }

.fa-ellipsis-v:before { content: "\f142"; }

.fa-rss-square:before { content: "\f143"; }

.fa-play-circle:before { content: "\f144"; }

.fa-ticket:before { content: "\f145"; }

.fa-minus-square:before { content: "\f146"; }

.fa-minus-square-o:before { content: "\f147"; }

.fa-level-up:before { content: "\f148"; }

.fa-level-down:before { content: "\f149"; }

.fa-check-square:before { content: "\f14a"; }

.fa-pencil-square:before { content: "\f14b"; }

.fa-external-link-square:before { content: "\f14c"; }

.fa-share-square:before { content: "\f14d"; }

.fa-compass:before { content: "\f14e"; }

.fa-toggle-down:before, .fa-caret-square-o-down:before { content: "\f150"; }

.fa-toggle-up:before, .fa-caret-square-o-up:before { content: "\f151"; }

.fa-toggle-right:before, .fa-caret-square-o-right:before { content: "\f152"; }

.fa-euro:before, .fa-eur:before { content: "\f153"; }

.fa-gbp:before { content: "\f154"; }

.fa-dollar:before, .fa-usd:before { content: "\f155"; }

.fa-rupee:before, .fa-inr:before { content: "\f156"; }

.fa-cny:before, .fa-rmb:before, .fa-yen:before, .fa-jpy:before { content: "\f157"; }

.fa-ruble:before, .fa-rouble:before, .fa-rub:before { content: "\f158"; }

.fa-won:before, .fa-krw:before { content: "\f159"; }

.fa-bitcoin:before, .fa-btc:before { content: "\f15a"; }

.fa-file:before { content: "\f15b"; }

.fa-file-text:before { content: "\f15c"; }

.fa-sort-alpha-asc:before { content: "\f15d"; }

.fa-sort-alpha-desc:before { content: "\f15e"; }

.fa-sort-amount-asc:before { content: "\f160"; }

.fa-sort-amount-desc:before { content: "\f161"; }

.fa-sort-numeric-asc:before { content: "\f162"; }

.fa-sort-numeric-desc:before { content: "\f163"; }

.fa-thumbs-up:before { content: "\f164"; }

.fa-thumbs-down:before { content: "\f165"; }

.fa-youtube-square:before { content: "\f166"; }

.fa-youtube:before { content: "\f167"; }

.fa-xing:before { content: "\f168"; }

.fa-xing-square:before { content: "\f169"; }

.fa-youtube-play:before { content: "\f16a"; }

.fa-dropbox:before { content: "\f16b"; }

.fa-stack-overflow:before { content: "\f16c"; }

.fa-instagram:before { content: "\f16d"; }

.fa-flickr:before { content: "\f16e"; }

.fa-adn:before { content: "\f170"; }

.fa-bitbucket:before { content: "\f171"; }

.fa-bitbucket-square:before { content: "\f172"; }

.fa-tumblr:before { content: "\f173"; }

.fa-tumblr-square:before { content: "\f174"; }

.fa-long-arrow-down:before { content: "\f175"; }

.fa-long-arrow-up:before { content: "\f176"; }

.fa-long-arrow-left:before { content: "\f177"; }

.fa-long-arrow-right:before { content: "\f178"; }

.fa-apple:before { content: "\f179"; }

.fa-windows:before { content: "\f17a"; }

.fa-android:before { content: "\f17b"; }

.fa-linux:before { content: "\f17c"; }

.fa-dribbble:before { content: "\f17d"; }

.fa-skype:before { content: "\f17e"; }

.fa-foursquare:before { content: "\f180"; }

.fa-trello:before { content: "\f181"; }

.fa-female:before { content: "\f182"; }

.fa-male:before { content: "\f183"; }

.fa-gittip:before, .fa-gratipay:before { content: "\f184"; }

.fa-sun-o:before { content: "\f185"; }

.fa-moon-o:before { content: "\f186"; }

.fa-archive:before { content: "\f187"; }

.fa-bug:before { content: "\f188"; }

.fa-vk:before { content: "\f189"; }

.fa-weibo:before { content: "\f18a"; }

.fa-renren:before { content: "\f18b"; }

.fa-pagelines:before { content: "\f18c"; }

.fa-stack-exchange:before { content: "\f18d"; }

.fa-arrow-circle-o-right:before { content: "\f18e"; }

.fa-arrow-circle-o-left:before { content: "\f190"; }

.fa-toggle-left:before, .fa-caret-square-o-left:before { content: "\f191"; }

.fa-dot-circle-o:before { content: "\f192"; }

.fa-wheelchair:before { content: "\f193"; }

.fa-vimeo-square:before { content: "\f194"; }

.fa-turkish-lira:before, .fa-try:before { content: "\f195"; }

.fa-plus-square-o:before { content: "\f196"; }

.fa-space-shuttle:before { content: "\f197"; }

.fa-slack:before { content: "\f198"; }

.fa-envelope-square:before { content: "\f199"; }

.fa-wordpress:before { content: "\f19a"; }

.fa-openid:before { content: "\f19b"; }

.fa-institution:before, .fa-bank:before, .fa-university:before { content: "\f19c"; }

.fa-mortar-board:before, .fa-graduation-cap:before { content: "\f19d"; }

.fa-yahoo:before { content: "\f19e"; }

.fa-google:before { content: "\f1a0"; }

.fa-reddit:before { content: "\f1a1"; }

.fa-reddit-square:before { content: "\f1a2"; }

.fa-stumbleupon-circle:before { content: "\f1a3"; }

.fa-stumbleupon:before { content: "\f1a4"; }

.fa-delicious:before { content: "\f1a5"; }

.fa-digg:before { content: "\f1a6"; }

.fa-pied-piper-pp:before { content: "\f1a7"; }

.fa-pied-piper-alt:before { content: "\f1a8"; }

.fa-drupal:before { content: "\f1a9"; }

.fa-joomla:before { content: "\f1aa"; }

.fa-language:before { content: "\f1ab"; }

.fa-fax:before { content: "\f1ac"; }

.fa-building:before { content: "\f1ad"; }

.fa-child:before { content: "\f1ae"; }

.fa-paw:before { content: "\f1b0"; }

.fa-spoon:before { content: "\f1b1"; }

.fa-cube:before { content: "\f1b2"; }

.fa-cubes:before { content: "\f1b3"; }

.fa-behance:before { content: "\f1b4"; }

.fa-behance-square:before { content: "\f1b5"; }

.fa-steam:before { content: "\f1b6"; }

.fa-steam-square:before { content: "\f1b7"; }

.fa-recycle:before { content: "\f1b8"; }

.fa-automobile:before, .fa-car:before { content: "\f1b9"; }

.fa-cab:before, .fa-taxi:before { content: "\f1ba"; }

.fa-tree:before { content: "\f1bb"; }

.fa-spotify:before { content: "\f1bc"; }

.fa-deviantart:before { content: "\f1bd"; }

.fa-soundcloud:before { content: "\f1be"; }

.fa-database:before { content: "\f1c0"; }

.fa-file-pdf-o:before { content: "\f1c1"; }

.fa-file-word-o:before { content: "\f1c2"; }

.fa-file-excel-o:before { content: "\f1c3"; }

.fa-file-powerpoint-o:before { content: "\f1c4"; }

.fa-file-photo-o:before, .fa-file-picture-o:before, .fa-file-image-o:before { content: "\f1c5"; }

.fa-file-zip-o:before, .fa-file-archive-o:before { content: "\f1c6"; }

.fa-file-sound-o:before, .fa-file-audio-o:before { content: "\f1c7"; }

.fa-file-movie-o:before, .fa-file-video-o:before { content: "\f1c8"; }

.fa-file-code-o:before { content: "\f1c9"; }

.fa-vine:before { content: "\f1ca"; }

.fa-codepen:before { content: "\f1cb"; }

.fa-jsfiddle:before { content: "\f1cc"; }

.fa-life-bouy:before, .fa-life-buoy:before, .fa-life-saver:before, .fa-support:before, .fa-life-ring:before { content: "\f1cd"; }

.fa-circle-o-notch:before { content: "\f1ce"; }

.fa-ra:before, .fa-resistance:before, .fa-rebel:before { content: "\f1d0"; }

.fa-ge:before, .fa-empire:before { content: "\f1d1"; }

.fa-git-square:before { content: "\f1d2"; }

.fa-git:before { content: "\f1d3"; }

.fa-y-combinator-square:before, .fa-yc-square:before, .fa-hacker-news:before { content: "\f1d4"; }

.fa-tencent-weibo:before { content: "\f1d5"; }

.fa-qq:before { content: "\f1d6"; }

.fa-wechat:before, .fa-weixin:before { content: "\f1d7"; }

.fa-send:before, .fa-paper-plane:before { content: "\f1d8"; }

.fa-send-o:before, .fa-paper-plane-o:before { content: "\f1d9"; }

.fa-history:before { content: "\f1da"; }

.fa-circle-thin:before { content: "\f1db"; }

.fa-header:before { content: "\f1dc"; }

.fa-paragraph:before { content: "\f1dd"; }

.fa-sliders:before { content: "\f1de"; }

.fa-share-alt:before { content: "\f1e0"; }

.fa-share-alt-square:before { content: "\f1e1"; }

.fa-bomb:before { content: "\f1e2"; }

.fa-soccer-ball-o:before, .fa-futbol-o:before { content: "\f1e3"; }

.fa-tty:before { content: "\f1e4"; }

.fa-binoculars:before { content: "\f1e5"; }

.fa-plug:before { content: "\f1e6"; }

.fa-slideshare:before { content: "\f1e7"; }

.fa-twitch:before { content: "\f1e8"; }

.fa-yelp:before { content: "\f1e9"; }

.fa-newspaper-o:before { content: "\f1ea"; }

.fa-wifi:before { content: "\f1eb"; }

.fa-calculator:before { content: "\f1ec"; }

.fa-paypal:before { content: "\f1ed"; }

.fa-google-wallet:before { content: "\f1ee"; }

.fa-cc-visa:before { content: "\f1f0"; }

.fa-cc-mastercard:before { content: "\f1f1"; }

.fa-cc-discover:before { content: "\f1f2"; }

.fa-cc-amex:before { content: "\f1f3"; }

.fa-cc-paypal:before { content: "\f1f4"; }

.fa-cc-stripe:before { content: "\f1f5"; }

.fa-bell-slash:before { content: "\f1f6"; }

.fa-bell-slash-o:before { content: "\f1f7"; }

.fa-trash:before { content: "\f1f8"; }

.fa-copyright:before { content: "\f1f9"; }

.fa-at:before { content: "\f1fa"; }

.fa-eyedropper:before { content: "\f1fb"; }

.fa-paint-brush:before { content: "\f1fc"; }

.fa-birthday-cake:before { content: "\f1fd"; }

.fa-area-chart:before { content: "\f1fe"; }

.fa-pie-chart:before { content: "\f200"; }

.fa-line-chart:before { content: "\f201"; }

.fa-lastfm:before { content: "\f202"; }

.fa-lastfm-square:before { content: "\f203"; }

.fa-toggle-off:before { content: "\f204"; }

.fa-toggle-on:before { content: "\f205"; }

.fa-bicycle:before { content: "\f206"; }

.fa-bus:before { content: "\f207"; }

.fa-ioxhost:before { content: "\f208"; }

.fa-angellist:before { content: "\f209"; }

.fa-cc:before { content: "\f20a"; }

.fa-shekel:before, .fa-sheqel:before, .fa-ils:before { content: "\f20b"; }

.fa-meanpath:before { content: "\f20c"; }

.fa-buysellads:before { content: "\f20d"; }

.fa-connectdevelop:before { content: "\f20e"; }

.fa-dashcube:before { content: "\f210"; }

.fa-forumbee:before { content: "\f211"; }

.fa-leanpub:before { content: "\f212"; }

.fa-sellsy:before { content: "\f213"; }

.fa-shirtsinbulk:before { content: "\f214"; }

.fa-simplybuilt:before { content: "\f215"; }

.fa-skyatlas:before { content: "\f216"; }

.fa-cart-plus:before { content: "\f217"; }

.fa-cart-arrow-down:before { content: "\f218"; }

.fa-diamond:before { content: "\f219"; }

.fa-ship:before { content: "\f21a"; }

.fa-user-secret:before { content: "\f21b"; }

.fa-motorcycle:before { content: "\f21c"; }

.fa-street-view:before { content: "\f21d"; }

.fa-heartbeat:before { content: "\f21e"; }

.fa-venus:before { content: "\f221"; }

.fa-mars:before { content: "\f222"; }

.fa-mercury:before { content: "\f223"; }

.fa-intersex:before, .fa-transgender:before { content: "\f224"; }

.fa-transgender-alt:before { content: "\f225"; }

.fa-venus-double:before { content: "\f226"; }

.fa-mars-double:before { content: "\f227"; }

.fa-venus-mars:before { content: "\f228"; }

.fa-mars-stroke:before { content: "\f229"; }

.fa-mars-stroke-v:before { content: "\f22a"; }

.fa-mars-stroke-h:before { content: "\f22b"; }

.fa-neuter:before { content: "\f22c"; }

.fa-genderless:before { content: "\f22d"; }

.fa-facebook-official:before { content: "\f230"; }

.fa-pinterest-p:before { content: "\f231"; }

.fa-whatsapp:before { content: "\f232"; }

.fa-server:before { content: "\f233"; }

.fa-user-plus:before { content: "\f234"; }

.fa-user-times:before { content: "\f235"; }

.fa-hotel:before, .fa-bed:before { content: "\f236"; }

.fa-viacoin:before { content: "\f237"; }

.fa-train:before { content: "\f238"; }

.fa-subway:before { content: "\f239"; }

.fa-medium:before { content: "\f23a"; }

.fa-yc:before, .fa-y-combinator:before { content: "\f23b"; }

.fa-optin-monster:before { content: "\f23c"; }

.fa-opencart:before { content: "\f23d"; }

.fa-expeditedssl:before { content: "\f23e"; }

.fa-battery-4:before, .fa-battery:before, .fa-battery-full:before { content: "\f240"; }

.fa-battery-3:before, .fa-battery-three-quarters:before { content: "\f241"; }

.fa-battery-2:before, .fa-battery-half:before { content: "\f242"; }

.fa-battery-1:before, .fa-battery-quarter:before { content: "\f243"; }

.fa-battery-0:before, .fa-battery-empty:before { content: "\f244"; }

.fa-mouse-pointer:before { content: "\f245"; }

.fa-i-cursor:before { content: "\f246"; }

.fa-object-group:before { content: "\f247"; }

.fa-object-ungroup:before { content: "\f248"; }

.fa-sticky-note:before { content: "\f249"; }

.fa-sticky-note-o:before { content: "\f24a"; }

.fa-cc-jcb:before { content: "\f24b"; }

.fa-cc-diners-club:before { content: "\f24c"; }

.fa-clone:before { content: "\f24d"; }

.fa-balance-scale:before { content: "\f24e"; }

.fa-hourglass-o:before { content: "\f250"; }

.fa-hourglass-1:before, .fa-hourglass-start:before { content: "\f251"; }

.fa-hourglass-2:before, .fa-hourglass-half:before { content: "\f252"; }

.fa-hourglass-3:before, .fa-hourglass-end:before { content: "\f253"; }

.fa-hourglass:before { content: "\f254"; }

.fa-hand-grab-o:before, .fa-hand-rock-o:before { content: "\f255"; }

.fa-hand-stop-o:before, .fa-hand-paper-o:before { content: "\f256"; }

.fa-hand-scissors-o:before { content: "\f257"; }

.fa-hand-lizard-o:before { content: "\f258"; }

.fa-hand-spock-o:before { content: "\f259"; }

.fa-hand-pointer-o:before { content: "\f25a"; }

.fa-hand-peace-o:before { content: "\f25b"; }

.fa-trademark:before { content: "\f25c"; }

.fa-registered:before { content: "\f25d"; }

.fa-creative-commons:before { content: "\f25e"; }

.fa-gg:before { content: "\f260"; }

.fa-gg-circle:before { content: "\f261"; }

.fa-tripadvisor:before { content: "\f262"; }

.fa-odnoklassniki:before { content: "\f263"; }

.fa-odnoklassniki-square:before { content: "\f264"; }

.fa-get-pocket:before { content: "\f265"; }

.fa-wikipedia-w:before { content: "\f266"; }

.fa-safari:before { content: "\f267"; }

.fa-chrome:before { content: "\f268"; }

.fa-firefox:before { content: "\f269"; }

.fa-opera:before { content: "\f26a"; }

.fa-internet-explorer:before { content: "\f26b"; }

.fa-tv:before, .fa-television:before { content: "\f26c"; }

.fa-contao:before { content: "\f26d"; }

.fa-500px:before { content: "\f26e"; }

.fa-amazon:before { content: "\f270"; }

.fa-calendar-plus-o:before { content: "\f271"; }

.fa-calendar-minus-o:before { content: "\f272"; }

.fa-calendar-times-o:before { content: "\f273"; }

.fa-calendar-check-o:before { content: "\f274"; }

.fa-industry:before { content: "\f275"; }

.fa-map-pin:before { content: "\f276"; }

.fa-map-signs:before { content: "\f277"; }

.fa-map-o:before { content: "\f278"; }

.fa-map:before { content: "\f279"; }

.fa-commenting:before { content: "\f27a"; }

.fa-commenting-o:before { content: "\f27b"; }

.fa-houzz:before { content: "\f27c"; }

.fa-vimeo:before { content: "\f27d"; }

.fa-black-tie:before { content: "\f27e"; }

.fa-fonticons:before { content: "\f280"; }

.fa-reddit-alien:before { content: "\f281"; }

.fa-edge:before { content: "\f282"; }

.fa-credit-card-alt:before { content: "\f283"; }

.fa-codiepie:before { content: "\f284"; }

.fa-modx:before { content: "\f285"; }

.fa-fort-awesome:before { content: "\f286"; }

.fa-usb:before { content: "\f287"; }

.fa-product-hunt:before { content: "\f288"; }

.fa-mixcloud:before { content: "\f289"; }

.fa-scribd:before { content: "\f28a"; }

.fa-pause-circle:before { content: "\f28b"; }

.fa-pause-circle-o:before { content: "\f28c"; }

.fa-stop-circle:before { content: "\f28d"; }

.fa-stop-circle-o:before { content: "\f28e"; }

.fa-shopping-bag:before { content: "\f290"; }

.fa-shopping-basket:before { content: "\f291"; }

.fa-hashtag:before { content: "\f292"; }

.fa-bluetooth:before { content: "\f293"; }

.fa-bluetooth-b:before { content: "\f294"; }

.fa-percent:before { content: "\f295"; }

.fa-gitlab:before { content: "\f296"; }

.fa-wpbeginner:before { content: "\f297"; }

.fa-wpforms:before { content: "\f298"; }

.fa-envira:before { content: "\f299"; }

.fa-universal-access:before { content: "\f29a"; }

.fa-wheelchair-alt:before { content: "\f29b"; }

.fa-question-circle-o:before { content: "\f29c"; }

.fa-blind:before { content: "\f29d"; }

.fa-audio-description:before { content: "\f29e"; }

.fa-volume-control-phone:before { content: "\f2a0"; }

.fa-braille:before { content: "\f2a1"; }

.fa-assistive-listening-systems:before { content: "\f2a2"; }

.fa-asl-interpreting:before, .fa-american-sign-language-interpreting:before { content: "\f2a3"; }

.fa-deafness:before, .fa-hard-of-hearing:before, .fa-deaf:before { content: "\f2a4"; }

.fa-glide:before { content: "\f2a5"; }

.fa-glide-g:before { content: "\f2a6"; }

.fa-signing:before, .fa-sign-language:before { content: "\f2a7"; }

.fa-low-vision:before { content: "\f2a8"; }

.fa-viadeo:before { content: "\f2a9"; }

.fa-viadeo-square:before { content: "\f2aa"; }

.fa-snapchat:before { content: "\f2ab"; }

.fa-snapchat-ghost:before { content: "\f2ac"; }

.fa-snapchat-square:before { content: "\f2ad"; }

.fa-pied-piper:before { content: "\f2ae"; }

.fa-first-order:before { content: "\f2b0"; }

.fa-yoast:before { content: "\f2b1"; }

.fa-themeisle:before { content: "\f2b2"; }

.fa-google-plus-circle:before, .fa-google-plus-official:before { content: "\f2b3"; }

.fa-fa:before, .fa-font-awesome:before { content: "\f2b4"; }

.fa-handshake-o:before { content: "\f2b5"; }

.fa-envelope-open:before { content: "\f2b6"; }

.fa-envelope-open-o:before { content: "\f2b7"; }

.fa-linode:before { content: "\f2b8"; }

.fa-address-book:before { content: "\f2b9"; }

.fa-address-book-o:before { content: "\f2ba"; }

.fa-vcard:before, .fa-address-card:before { content: "\f2bb"; }

.fa-vcard-o:before, .fa-address-card-o:before { content: "\f2bc"; }

.fa-user-circle:before { content: "\f2bd"; }

.fa-user-circle-o:before { content: "\f2be"; }

.fa-user-o:before { content: "\f2c0"; }

.fa-id-badge:before { content: "\f2c1"; }

.fa-drivers-license:before, .fa-id-card:before { content: "\f2c2"; }

.fa-drivers-license-o:before, .fa-id-card-o:before { content: "\f2c3"; }

.fa-quora:before { content: "\f2c4"; }

.fa-free-code-camp:before { content: "\f2c5"; }

.fa-telegram:before { content: "\f2c6"; }

.fa-thermometer-4:before, .fa-thermometer:before, .fa-thermometer-full:before { content: "\f2c7"; }

.fa-thermometer-3:before, .fa-thermometer-three-quarters:before { content: "\f2c8"; }

.fa-thermometer-2:before, .fa-thermometer-half:before { content: "\f2c9"; }

.fa-thermometer-1:before, .fa-thermometer-quarter:before { content: "\f2ca"; }

.fa-thermometer-0:before, .fa-thermometer-empty:before { content: "\f2cb"; }

.fa-shower:before { content: "\f2cc"; }

.fa-bathtub:before, .fa-s15:before, .fa-bath:before { content: "\f2cd"; }

.fa-podcast:before { content: "\f2ce"; }

.fa-window-maximize:before { content: "\f2d0"; }

.fa-window-minimize:before { content: "\f2d1"; }

.fa-window-restore:before { content: "\f2d2"; }

.fa-times-rectangle:before, .fa-window-close:before { content: "\f2d3"; }

.fa-times-rectangle-o:before, .fa-window-close-o:before { content: "\f2d4"; }

.fa-bandcamp:before { content: "\f2d5"; }

.fa-grav:before { content: "\f2d6"; }

.fa-etsy:before { content: "\f2d7"; }

.fa-imdb:before { content: "\f2d8"; }

.fa-ravelry:before { content: "\f2d9"; }

.fa-eercast:before { content: "\f2da"; }

.fa-microchip:before { content: "\f2db"; }

.fa-snowflake-o:before { content: "\f2dc"; }

.fa-superpowers:before { content: "\f2dd"; }

.fa-wpexplorer:before { content: "\f2de"; }

.fa-meetup:before { content: "\f2e0"; }

.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; }

.sr-only-focusable:active, .sr-only-focusable:focus { position: static; width: auto; height: auto; margin: 0; overflow: visible; clip: auto; }

@media (max-width: 900px) { .grid04 .col, ul.grid04 li { width: 48%; }
  .grid05 .col, ul.grid05 li { width: 31.3%; }
  .grid06 .col, ul.grid06 li { width: 31.3%; } }

@media (max-width: 480px) { .grid02 .col, ul.grid02 li { width: 98%; }
  .grid03 .col, ul.grid03 li { width: 48%; }
  .grid05 .col, ul.grid05 li { width: 48%; }
  table.block { text-align: left; width: 100%; }
  table.block th { border: none; display: block; width: 100%; text-align: left; }
  table.block td { margin: 0 0 20px; border: none; display: block; width: 100%; } .contact form input[type="text"], .contact form input[type="password"], .contact form input[type="datetime"], .contact form input[type="datetime-local"], .contact form input[type="date"], .contact form input[type="month"], .contact form input[type="time"], .contact form input[type="week"], .contact form input[type="number"], .contact form input[type="email"], .contact form input[type="url"], .contact form input[type="search"], .contact form input[type="tel"], .contact form input[type="color"], .contact select, .contact textarea { width: 100%; } .flex-direction-nav .flex-prev { left: -6px; }
  .flex-direction-nav .flex-next { right: -6px; } }

@media (min-width: 900px) { #site-footer-nav ul li { padding-right: 40px; } section { margin-bottom: 40px; } article { margin-bottom: 50px; } article h1 { margin-bottom: 35px; } article h1 { font-size: 2.8rem; line-height: 1.5; } .topics .list-btn { right: 10px; } .entry-list { margin-bottom: 70px; } .tab-nav li { padding-left: 5px; } .tab-nav li:first-child { padding-right: 5px; } #tab01, #tab02 { margin-bottom: 80px; } .thumb-list > li a { height: 304px; } .thumb-list > li .en { margin-bottom: 20px; } .thumb-list > li .en { font-size: 3.8rem; line-height: 1.2; } .page .ttl { margin-bottom: 40px; } .page .ttl { height: 150px; } .page .ttl::before { height: 150px; } .page .ttl h1, .page .ttl .cat { font-size: 2.8rem; line-height: 1.2; } .entry .ttl { margin-bottom: 40px; } .entry .ttl { height: 150px; } .entry .ttl h1, .entry .ttl .cat { font-size: 2.8rem; line-height: 1.2; } .products .products-handled { margin-top: 50px; } .products .products-handled h2 { font-size: 2.1rem; line-height: 1.5; } .products .products-item td a figure { width: 170px; } .products .cat-list > li > a { padding: 20px; } .products .cat-list > li p::before { right: 20px; } .products .item-list > li > a { padding: 20px; } .products .item-list > li figure { width: 108px; } .products .item-list > li figure { height: 80px; } .products .tags-dl > dd > ul > li { font-size: 1.4rem; line-height: 1.6; } .company .textarea { margin-left: 20px; margin-right: 20px; } .company table { margin-bottom: 60px; } .contact p.wpcf7c-elm-step1 { height: 46px; } .contact p.wpcf7c-elm-step2 { height: 46px; } .contact p.wpcf7c-elm-step3 { height: 46px; } .contact .tel { font-size: 4.4rem; line-height: 1.1; } .contact .tel > span { font-size: 3.2rem; line-height: 1.1; } .contact .form-area { margin-top: 50px; } .contact .thanks { margin-top: 50px; margin-bottom: 50px; } .navigation { margin-bottom: 50px; } .flexslider.mb { margin-bottom: 40px; } .flexslider .slides img { max-height: 510px; } .flex-direction-nav a { top: 200px; } .flex-control-thumbs li { height: 85px; } .flex-control-thumbs img { height: 85px; } }

@media (max-width: 1030px) { #main-img .flex-direction-nav .flex-prev { left: -50px; }
  #main-img .flex-direction-nav .flex-next { right: -50px; } #site-nav-list { margin: 0 -20px 0 0; } }

@media screen and (max-width: 900px) { html { padding-bottom: constant(safe-area-inset-bottom); padding-bottom: env(safe-area-inset-bottom); }
  body { min-width: 320px; overflow-x: hidden; }
  body.menu-open { overflow: hidden; }
  #container { padding: 80px 0 0; }
  /* ===== HEADER ========================================== */
  #site-header { position: fixed; top: 0; left: 0; height: 80px; }
  #site-header-flex { height: 80px; }
  #site-header-logo { width: 50%; max-width: 170px; }
  #site-header-desc { display: none; }
  #site-menu-btn { display: -webkit-box; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: end; align-items: flex-end; }
  #sp-contact-btn { display: -webkit-box; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; }
  #site-nav { margin: 80px 0 0; padding: 0 0 80px; position: fixed; top: 0; right: -100%; width: 100%; height: 100%; }
  #site-nav-wrap { width: 100%; height: inherit; overflow-y: auto; position: relative; }
  #site-nav-list { margin: 0; display: block; width: 100%; }
  #site-nav-list li { padding: 0; border: none; border-bottom: 1px solid #ADADAD; display: block; text-align: left; width: 100%; position: relative; }
  #site-nav-list li::before { content: '\f105'; color: #fff; font-family: fontAwesome; font-size: 2.2rem; line-height: 1; position: absolute; right: 12px; top: 15px; z-index: 3; }
  #site-nav-list li a { margin: 0; padding: 12px 15px; background: #999; display: block; height: auto; text-align: left; }
  #site-nav-list li a.current, #site-nav-list li a.parents { background: #777; }
  #site-nav-list li .icon { display: none; }
  #site-nav-list li.home a.parents { background: #999; }
  #site-nav-list li.contact { width: 100%; }
  #site-nav-list li > .child { background: #999; display: block; position: static; }
  #site-nav-list li > .child > ul { padding: 0; display: block; }
  #site-nav-list li > .child > ul > li { border: none; border-top: 1px solid #ADADAD; display: block; }
  #site-nav-list li > .child > ul > li .flag { display: none; }
  #site-nav-list li > .child > ul > li:first-child { border-left: none; }
  #site-nav-list li > .child > ul > li > a { padding: 12px 15px 12px 30px; color: #fff; position: relative; }
  #site-nav-list li > .child > ul > li > a::before { content: ""; width: 3px; height: 3px; background: #fff; border-radius: 50%; position: absolute; top: 25px; left: 20px; }
  #site-nav-list li > .child > ul > li > a.current { background: #777; }
  /* ===== FOOTER ========================================== */
  #site-footer { background: #999; }
  #site-footer .inner { padding: 0; }
  #site-footer-nav { padding: 0 0 20px; border-bottom: none; width: 100%; }
  #site-footer-nav ul li { margin-left: -1px; padding: 0; border-left: 1px solid #ADADAD; border-bottom: 1px solid #ADADAD; float: left; width: 50%; position: relative; }
  #site-footer-nav ul li::before { content: '\f105'; font-family: fontAwesome; font-size: 1.5rem; line-height: 1; position: absolute; right: 12px; top: 50%; -webkit-transform: translate(0, -51%); transform: translate(0, -51%); }
  #site-footer-nav ul li .fa { display: none; }
  #site-footer-nav ul li a { padding: 12px; display: block; }
  #site-footer-info { clear: both; display: block; border-top: none; }
  #site-footer-info address { text-align: center; }
  #site-footer-info small { margin: 15px 0 0; padding: 8px; background: #EAEAEA; color: #333; font-size: 1.0rem; text-align: center; }
  #page-scroll { display: block; position: static; }
  #page-scroll > .totop { padding: 5px; border-radius: 0; width: 100%; height: auto; }
  /* ===== MAIN CONTENT ==================================== */
  #main-img { padding: 0; background: none; }
  #content { width: 100%; float: none; }
  article h2 { margin: 0 calc(50% - 50vw) 20px; padding: 10px calc(50vw - 50%); }
  /* ===== SIDE BAR ==================================== */
  #sidebar { display: none; } .topic-path { display: none; }
  .page .ttl, .entry .ttl { padding: 0; background-position: 50px center; background-size: cover; display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; text-shadow: 0 0 2px white; }
  .page .ttl h1, .page .ttl .cat, .entry .ttl h1, .entry .ttl .cat { margin: 0; padding: 0; }
  .page h2.none, .entry h2.none { margin: 0 0 25px; }
  .page #content, .entry #content { padding: 0; border-top: none; }
  .single .bar { padding: 10px; }
  .single .date { margin: 0 0 10px; position: static; }
  .single .body { margin: 0 0 40px; }
  /* ===== 製品情報 ========================================== */
  .products #content .left-img { width: 50%; }
  .products .products-item td { margin: 0 0 10px; display: block; }
  .products .cat-list > li .sp-block { display: block; }
  .contact .tel a { pointer-events: auto; }
  .contact .thanks { float: none; width: 100%; }
  .contact .thanks .btn { clear: both; } }

@media screen and (max-width: 480px) { .main-res > ul { display: block; }
  .main-res > ul > li, .main-res > ul > .tel { margin: 0 0 15px; text-align: center; }
  .main-res > ul > li a, .main-res > ul > .tel a { pointer-events: auto; } .products #content .left-img { margin: 0 auto 20px; padding: 0; float: none; text-align: center; width: 60%; }
  .company table th { display: block; width: 100%; }
  .company table td { display: block; }
  .contact .inquiry th { padding: 15px 0 10px; display: block; width: 100%; }
  .contact .inquiry th .flag { margin: 0 0 0 10px; float: right; }
  .contact .inquiry td { padding: 0 0 15px; border: none; display: block; } }