@charset "UTF-8";
/*!
 * Theme Name: ザイエンス83
 */
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, article, aside, canvas, details, figcaption, figure, footer, header, 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%; -ms-text-size-adjust: 100%; }

body { line-height: 1; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }

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

ul, ol { list-style: none; }

blockquote, q { quotes: none; }

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

a { margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent; }

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; }

table { border-collapse: collapse; border-spacing: 0; }

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

input, select { vertical-align: middle; margin: 0; }

img { vertical-align: top; }

.editable a, .section-top .section-header .section-link a, .information-list .information-item a, .information-detail .information-category a, .information-navi .information-link a, .catalogue-item a, .product-category-list .product-category-item a, .product-list .product-item a, .product-list .product-download-item a, .case-detail-header .case-print a { text-decoration: none; }
.editable a:hover, .section-top .section-header .section-link a:hover, .information-list .information-item a:hover, .information-detail .information-category a:hover, .information-navi .information-link a:hover, .catalogue-item a:hover, .product-category-list .product-category-item a:hover, .product-list .product-item a:hover, .product-list .product-download-item a:hover, .case-detail-header .case-print a:hover { opacity: 0.7; }

a, .form-desc a { text-decoration: underline; }
a:hover { text-decoration: none; }

.form-action button, .form-action a, .login-area .login-button button, .footer-banner .banner-contact .banner-link a, .office-list .office-link a, .page-login .login-action button, .login-introduction-link a, .catalogue-detail .catalogue-link a, .product-navi-link a { display: inline-block; box-sizing: border-box; border: 0; outline: none; cursor: pointer; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "游ゴシック", "Yu Gothic", Osaka, sans-serif; color: #fff; padding: 0; margin: 0; text-align: center; background-color: #018737; border-radius: 5px; text-decoration: none; }
.form-action button:hover, .form-action a:hover, .login-area .login-button button:hover, .footer-banner .banner-contact .banner-link a:hover, .office-list .office-link a:hover, .page-login .login-action button:hover, .login-introduction-link a:hover, .catalogue-detail .catalogue-link a:hover, .product-navi-link a:hover { opacity: 0.7; }

.form-table input[type="text"], .form-table input[type="password"], .form-table textarea, .login-area .login-form .form-input input[type="text"], .login-area .login-form .form-input input[type="password"], .page-login .login-form .form-field input[type="text"], .page-login .login-form .form-field input[type="password"], .product-search-field input[type="text"] { box-sizing: border-box; border: 1px solid #ccc; padding: 0 5px; background: #fff; outline: none; font-size: 12px; }
.form-table input[type="text"]:focus, .form-table input[type="password"]:focus, .form-table textarea:focus, .login-area .login-form .form-input input[type="text"]:focus, .login-area .login-form .form-input input[type="password"]:focus, .page-login .login-form .form-field input[type="text"]:focus, .page-login .login-form .form-field input[type="password"]:focus, .product-search-field input[type="text"]:focus { background: #eff9f3; }
@media only screen and (min-width: 1000px) { .form-table input[type="text"], .form-table input[type="password"], .form-table textarea, .login-area .login-form .form-input input[type="text"], .login-area .login-form .form-input input[type="password"], .page-login .login-form .form-field input[type="text"], .page-login .login-form .form-field input[type="password"], .product-search-field input[type="text"] { font-size: 16px; } }

.form-action button, .form-action a, .editable .image-list li, .page-path li, .catalogue-item, .content-item, .product-category-list .product-category-item, .product-list .product-item, .product-list .product-download-item, .information-category-item, .information-title-item .information-date, .information-title-item .information-category, .information-title-item .information-title, .pager-item, .case-category-item, .case-assoc-image-item { display: inline-block; letter-spacing: normal; box-sizing: border-box; }

body { font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "游ゴシック", "Yu Gothic", Osaka, sans-serif; line-height: 1; color: #555; font-size: 12px; }
@media only screen and (min-width: 1000px) { body { font-size: 16px; } }

a { color: #0c873a; }

.pager { margin-top: 55px; }
.pager ul { text-align: center; letter-spacing: -0.4em; }
.pager ul li { display: inline-block; letter-spacing: normal; margin: 0 5px; }
.pager ul li a:hover, .pager ul li.current span, .pager ul li a { display: block; width: 30px; height: 30px; line-height: 30px; border: 1px solid #ccc; text-align: center; color: #555; text-decoration: none; }
.pager ul li a:hover, .pager ul li.current span { background: #0c873a; color: #fff; border-color: #0c873a; }
.pager ul li.previous a, .pager ul li.next a { border: none; }
.pager ul li.previous a:hover, .pager ul li.next a:hover { color: #555; background: none; opacity: 0.7; }

.local-navi { margin: 0 -5px 30px; }
@media only screen and (min-width: 1000px) { .local-navi { margin: -20px 0 75px; } }
@media only screen and (min-width: 1000px) { .local-navi.-fixed-width ul li a { min-width: 200px; } }
.local-navi.-small ul li { margin-bottom: 8px; }
@media only screen and (min-width: 1000px) { .local-navi.-small ul li { margin-bottom: 11px; } }
.local-navi.-small ul li.current-menu-item a:after { bottom: -8px; margin-left: -8px; border-width: 8px 8px 0 8px; }
@media only screen and (min-width: 1000px) { .local-navi.-small ul li.current-menu-item a:after { bottom: -10px; margin-left: -10px; border-width: 10px 10px 0 10px; } }
.local-navi.-small ul li a:hover:after { bottom: -8px; margin-left: -8px; border-width: 8px 8px 0 8px; }
@media only screen and (min-width: 1000px) { .local-navi.-small ul li a:hover:after { bottom: -10px; margin-left: -10px; border-width: 10px 10px 0 10px; } }
.local-navi ul { letter-spacing: -0.4em; }
.local-navi ul li { display: inline-block; letter-spacing: normal; margin-right: 1px; margin-bottom: 8px; }
@media only screen and (min-width: 1000px) { .local-navi ul li { margin-bottom: 16px; } }
.local-navi ul li.current-menu-item a, .local-navi ul li a:hover { background: #0c873a; border-color: #0c873a; color: #fff; }
.local-navi ul li.current-menu-item a:after, .local-navi ul li a:hover:after { display: block; content: ""; position: absolute; width: 0; height: 0; left: 50%; bottom: -8px; margin-left: -8px; border-width: 8px 8px 0 8px; border-style: solid; border-color: #0c8739 transparent transparent transparent; }
@media only screen and (min-width: 1000px) { .local-navi ul li.current-menu-item a:after, .local-navi ul li a:hover:after { bottom: -15px; margin-left: -15px; border-width: 15px 15px 0 15px; } }
.local-navi ul li a { display: block; box-sizing: border-box; background: #fff; height: 30px; line-height: 30px; font-size: 12px; border: 1px solid #ccc; text-align: center; padding: 0 15px; color: #555; text-decoration: none; position: relative; }
@media only screen and (min-width: 1000px) { .local-navi ul li a { height: 50px; line-height: 50px; font-size: 16px; padding: 0 30px; } }

.form-desc { font-size: 12px; line-height: 1.8; margin-bottom: 20px; }
@media only screen and (min-width: 1000px) { .form-desc { font-size: 18px; margin-bottom: 45px; line-height: 2; text-align: center; } }
.form-desc a { color: #0c873a; }

.form-note { color: #018737; font-size: 10px; line-height: 1.8; margin-bottom: 20px; }
@media only screen and (min-width: 1000px) { .form-note { font-size: 14px; margin-bottom: 45px; text-align: center; } }

.form-flow { width: 100%; display: none; margin-bottom: 10px; }
@media only screen and (min-width: 1000px) { .form-flow { display: table; } }
.form-flow.-line-2 .form-flow-step { height: 90px; }
.form-flow.-line-2 .form-flow-step:after { border-width: 45px 0 45px 30px; }
.form-flow.-line-2 .form-flow-step:before { border-width: 45px 0 45px 30px; }
.form-flow.-evenly-3 .form-flow-step { width: 33.333%; }

.form-flow-step { display: table-cell; vertical-align: middle; text-align: center; font-size: 16px; line-height: 1.375; position: relative; padding-left: 30px; height: 46px; border: 1px solid #ccc; }
.form-flow-step:before, .form-flow-step:after { position: absolute; content: ""; top: 0; }
.form-flow-step:after { width: 0; height: 0; right: -31px; z-index: 10; border-style: solid; border-width: 23px 0 23px 30px; border-color: transparent transparent transparent #ccc; }
.form-flow-step:before { width: 0; height: 0; right: -30px; z-index: 15; border-style: solid; border-width: 23px 0 23px 30px; border-color: transparent transparent transparent #fff; }
.form-flow-step:last-child:before, .form-flow-step:last-child:after { display: none; }
.form-flow-step.-current { background: #0c873a; color: #fff; }
.form-flow-step.-current:after { border-color: transparent transparent transparent #0c873a; }
.form-flow-step.-current:before { border-color: transparent transparent transparent #0c873a; }

.form-flow-note { display: none; text-align: right; font-size: 14px; line-height: 1.6; margin-bottom: 45px; }
@media only screen and (min-width: 1000px) { .form-flow-note { display: block; } }

.form-table { width: 100%; margin: 35px 0 20px; border-collapse: separate; border-spacing: 0; line-height: 1.5; }
@media only screen and (min-width: 1000px) { .form-table { border-top: 1px solid #ccc; margin: 95px 0 35px; } }
@media only screen and (min-width: 1000px) { .form-table.-confirm th { padding-top: 12px; } }
.form-table tr { display: block; }
@media only screen and (min-width: 1000px) { .form-table tr { display: table-row; } }
.form-table tr:first-child th { margin-top: 0; }
.form-table th { display: block; font-weight: bold; text-align: left; color: #018737; vertical-align: top; border-bottom: 1px solid #ccc; padding: 0 0 5px; margin-top: 20px; position: relative; }
@media only screen and (min-width: 1000px) { .form-table th { width: 200px; margin-top: 0; display: table-cell; padding: 18px 0 12px 48px; } }
.form-table th .required { font-weight: normal; display: inline-block; padding: 2px 8px; font-size: 10px; color: #fff; float: right; vertical-align: top; border-radius: 5px; background: #fe8a25; }
@media only screen and (min-width: 1000px) { .form-table th .required { position: absolute; right: 0; top: 20px; } }
.form-table td { display: block; padding: 10px 0 0; }
@media only screen and (min-width: 1000px) { .form-table td { display: table-cell; border-bottom: 1px solid #ccc; padding: 12px 0 12px 52px; } }
.form-table label { font-size: 12px; }
@media only screen and (min-width: 1000px) { .form-table label { font-size: 18px; } }
.form-table label input[type="checkbox"], .form-table label input[type="radio"] { display: inline-block; vertical-align: middle; margin: -2px 5px 0 0; }
@media only screen and (min-width: 1000px) { .form-table label input[type="checkbox"], .form-table label input[type="radio"] { margin-right: 10px; } }
.form-table input[type="text"], .form-table input[type="password"] { font-size: 12px; line-height: 1.2; height: 25px; border-radius: 5px; }
@media only screen and (min-width: 1000px) { .form-table input[type="text"], .form-table input[type="password"] { font-size: 16px; height: 35px; } }
.form-table input[type="text"]:focus, .form-table input[type="password"]:focus { box-shadow: inset 0 0 10px 1px rgba(0, 0, 0, 0.15); }
.form-table input[type="text"].field-1, .form-table input[type="password"].field-1 { width: 100%; }
@media only screen and (min-width: 1000px) { .form-table input[type="text"].field-1, .form-table input[type="password"].field-1 { width: 410px; } }
.form-table input[type="text"].field-2, .form-table input[type="password"].field-2 { width: 100%; }
@media only screen and (min-width: 1000px) { .form-table input[type="text"].field-2, .form-table input[type="password"].field-2 { width: 630px; } }
.form-table input[type="text"].field-3, .form-table input[type="password"].field-3 { width: 100%; }
.form-table textarea { height: auto; line-height: 1.5; width: 100%; border-radius: 5px; }
.form-table textarea:focus { box-shadow: inset 0 0 10px 1px rgba(0, 0, 0, 0.15); }
.form-table .form-table-note { font-size: 10px; }
@media only screen and (min-width: 1000px) { .form-table .form-table-note { font-size: 14px; } }
.form-table .form-field-vertical label { display: block; }
.form-table .form-field-vertical label + label { margin-top: 8px; }

.error-report { color: #f00; display: block; margin-top: 5px; font-size: 12px; }
.error-report + .error-report { margin-top: 3px; }
@media only screen and (min-width: 1000px) { .error-report { font-size: 14px; } }

.form-policy-wrapper { margin: 0 auto 35px; box-sizing: border-box; border: 1px solid #ccc; padding: 15px; }
@media only screen and (min-width: 1000px) { .form-policy-wrapper { width: 1115px; padding: 27px; } }

.form-policy-title { font-size: 14px; padding-bottom: 10px; border-bottom: 1px solid #ccc; margin-bottom: 10px; }
@media only screen and (min-width: 1000px) { .form-policy-title { font-size: 18px; margin-bottom: 20px; } }

.form-policy-content { font-size: 12px; line-height: 1.8; }
@media only screen and (min-width: 1000px) { .form-policy-content { font-size: 14px; } }

.form-acceptance { text-align: center; margin: 0 0 35px; line-height: 1.4; }

.form-action { text-align: center; letter-spacing: -0.4em; }
.form-action button, .form-action a { padding: 0 10px; height: 30px; line-height: 30px; font-size: 12px; width: 100%; }
.form-action button + button, .form-action button + a, .form-action a + button, .form-action a + a { margin-left: 10px; }
@media only screen and (min-width: 1000px) { .form-action button + button, .form-action button + a, .form-action a + button, .form-action a + a { margin-left: 20px; } }
@media only screen and (min-width: 1000px) { .form-action button, .form-action a { padding: 0 30px; height: 50px; line-height: 50px; font-size: 18px; width: auto; } }

.editable { *zoom: 1; line-height: 1.8; }
.editable:after { content: ""; display: table; clear: both; }
.editable p, .editable ul, .editable ol, .editable dl { margin-top: 2em; }
.editable p:first-child, .editable ul:first-child, .editable ol:first-child, .editable dl:first-child { margin-top: 0; }
.editable a { color: #0c873a; }
.editable img { max-width: 100%; height: auto; }
.editable ul { padding-left: 1.5em; }
.editable ul li { list-style: disc; margin-top: 5px; }
.editable ul li:first-child { margin-top: 0; }
.editable ol { padding-left: 1.5em; }
.editable ol li { list-style: decimal; margin-top: 0.25em; }
.editable ol li:first-child { margin-top: 0; }
.editable dl dt { font-weight: bold; margin-top: 1em; }
.editable dl dt:first-child { margin-top: 0; }
.editable dl dd { margin-top: 0.25em; }
.editable dl dd:first-child { margin-top: 0; }
.editable .image-list { clear: both; padding: 0; letter-spacing: -0.4em; }
@media only screen and (min-width: 1000px) { .editable .image-list { padding: 3em 0 0; } }
.editable .image-list:first-child { padding-top: 0; }
.editable .image-list li { margin-top: 10px; }
@media only screen and (min-width: 1000px) { .editable .image-list li { margin-top: 0; } }
.editable .image-list li:first-child { margin-top: 0; }
.editable .image-list li img { width: 100%; vertical-align: top; height: auto; }
.editable .image-list li p { margin-top: 0.5em; font-size: 12px; }
@media only screen and (min-width: 1000px) { .editable .image-list li p { font-size: 18px; } }
.editable .image-list.-column-2 { margin: 0 -15px; }
.editable .image-list.-column-2 li { width: 50%; padding: 0 15px; }
@media only screen and (min-width: 1000px) { .editable .image-list.-column-3 { margin: 0 -15px; } }
.editable .image-list.-column-3 li { width: 100%; padding: 0; }
@media only screen and (min-width: 1000px) { .editable .image-list.-column-3 li { width: 33.333%; padding: 0 15px; } }
@media only screen and (min-width: 1000px) { .editable .image-list.-column-3 li:first-child { width: 33.334%; } }
.editable .alignnone { margin: 0 20px 20px 0; }
.editable .aligncenter { display: block; margin: 0 auto; }
.editable div.aligncenter { display: block; margin: 0 auto; }
.editable .alignright { float: right; margin: 0 0 20px 20px; }
.editable .alignleft { float: left; margin: 0 20px 20px 0; }
.editable a img.alignright { float: right; margin: 0 0 20px 20px; }
.editable a img.alignnone { margin: 0 20px 20px 0; }
.editable a img.alignleft { float: left; margin: 0 20px 20px 0; }
.editable a img.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.editable .wp-caption { background: #fff; border: 1px solid #f0f0f0; max-width: 96%; padding: 5px 3px 10px; text-align: center; }
.editable .wp-caption img { border: 0 none; height: auto; margin: 0; max-width: 98.5%; padding: 0; width: auto; }
.editable .wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; margin: 0; padding: 0 4px 5px; }
.editable .wp-caption.alignnone { margin: 0 20px 20px 0; }
.editable .wp-caption.alignleft { margin: 0 20px 20px 0; }
.editable .wp-caption.alignright { margin: 0 0 20px 20px; }

.u-sp-mt-0px { margin-top: 0 !important; margin-top: 0 !important; }

.u-sp-pt-0px { padding-top: 0 !important; padding-top: 0 !important; }

.u-sp-mr-0px { margin-right: 0 !important; margin-right: 0 !important; }

.u-sp-pr-0px { padding-right: 0 !important; padding-right: 0 !important; }

.u-sp-mb-0px { margin-bottom: 0 !important; margin-bottom: 0 !important; }

.u-sp-pb-0px { padding-bottom: 0 !important; padding-bottom: 0 !important; }

.u-sp-ml-0px { margin-left: 0 !important; margin-left: 0 !important; }

.u-sp-pl-0px { padding-left: 0 !important; padding-left: 0 !important; }

.u-sp-mt-10px { margin-top: 10px !important; margin-top: 0.625rem !important; }

.u-sp-pt-10px { padding-top: 10px !important; padding-top: 0.625rem !important; }

.u-sp-mr-10px { margin-right: 10px !important; margin-right: 0.625rem !important; }

.u-sp-pr-10px { padding-right: 10px !important; padding-right: 0.625rem !important; }

.u-sp-mb-10px { margin-bottom: 10px !important; margin-bottom: 0.625rem !important; }

.u-sp-pb-10px { padding-bottom: 10px !important; padding-bottom: 0.625rem !important; }

.u-sp-ml-10px { margin-left: 10px !important; margin-left: 0.625rem !important; }

.u-sp-pl-10px { padding-left: 10px !important; padding-left: 0.625rem !important; }

.u-sp-mt-20px { margin-top: 20px !important; margin-top: 1.25rem !important; }

.u-sp-pt-20px { padding-top: 20px !important; padding-top: 1.25rem !important; }

.u-sp-mr-20px { margin-right: 20px !important; margin-right: 1.25rem !important; }

.u-sp-pr-20px { padding-right: 20px !important; padding-right: 1.25rem !important; }

.u-sp-mb-20px { margin-bottom: 20px !important; margin-bottom: 1.25rem !important; }

.u-sp-pb-20px { padding-bottom: 20px !important; padding-bottom: 1.25rem !important; }

.u-sp-ml-20px { margin-left: 20px !important; margin-left: 1.25rem !important; }

.u-sp-pl-20px { padding-left: 20px !important; padding-left: 1.25rem !important; }

.u-sp-mt-30px { margin-top: 30px !important; margin-top: 1.875rem !important; }

.u-sp-pt-30px { padding-top: 30px !important; padding-top: 1.875rem !important; }

.u-sp-mr-30px { margin-right: 30px !important; margin-right: 1.875rem !important; }

.u-sp-pr-30px { padding-right: 30px !important; padding-right: 1.875rem !important; }

.u-sp-mb-30px { margin-bottom: 30px !important; margin-bottom: 1.875rem !important; }

.u-sp-pb-30px { padding-bottom: 30px !important; padding-bottom: 1.875rem !important; }

.u-sp-ml-30px { margin-left: 30px !important; margin-left: 1.875rem !important; }

.u-sp-pl-30px { padding-left: 30px !important; padding-left: 1.875rem !important; }

.u-sp-mt-40px { margin-top: 40px !important; margin-top: 2.5rem !important; }

.u-sp-pt-40px { padding-top: 40px !important; padding-top: 2.5rem !important; }

.u-sp-mr-40px { margin-right: 40px !important; margin-right: 2.5rem !important; }

.u-sp-pr-40px { padding-right: 40px !important; padding-right: 2.5rem !important; }

.u-sp-mb-40px { margin-bottom: 40px !important; margin-bottom: 2.5rem !important; }

.u-sp-pb-40px { padding-bottom: 40px !important; padding-bottom: 2.5rem !important; }

.u-sp-ml-40px { margin-left: 40px !important; margin-left: 2.5rem !important; }

.u-sp-pl-40px { padding-left: 40px !important; padding-left: 2.5rem !important; }

.u-sp-mt-50px { margin-top: 50px !important; margin-top: 3.125rem !important; }

.u-sp-pt-50px { padding-top: 50px !important; padding-top: 3.125rem !important; }

.u-sp-mr-50px { margin-right: 50px !important; margin-right: 3.125rem !important; }

.u-sp-pr-50px { padding-right: 50px !important; padding-right: 3.125rem !important; }

.u-sp-mb-50px { margin-bottom: 50px !important; margin-bottom: 3.125rem !important; }

.u-sp-pb-50px { padding-bottom: 50px !important; padding-bottom: 3.125rem !important; }

.u-sp-ml-50px { margin-left: 50px !important; margin-left: 3.125rem !important; }

.u-sp-pl-50px { padding-left: 50px !important; padding-left: 3.125rem !important; }

.u-sp-mt-60px { margin-top: 60px !important; margin-top: 3.75rem !important; }

.u-sp-pt-60px { padding-top: 60px !important; padding-top: 3.75rem !important; }

.u-sp-mr-60px { margin-right: 60px !important; margin-right: 3.75rem !important; }

.u-sp-pr-60px { padding-right: 60px !important; padding-right: 3.75rem !important; }

.u-sp-mb-60px { margin-bottom: 60px !important; margin-bottom: 3.75rem !important; }

.u-sp-pb-60px { padding-bottom: 60px !important; padding-bottom: 3.75rem !important; }

.u-sp-ml-60px { margin-left: 60px !important; margin-left: 3.75rem !important; }

.u-sp-pl-60px { padding-left: 60px !important; padding-left: 3.75rem !important; }

.u-sp-mt-70px { margin-top: 70px !important; margin-top: 4.375rem !important; }

.u-sp-pt-70px { padding-top: 70px !important; padding-top: 4.375rem !important; }

.u-sp-mr-70px { margin-right: 70px !important; margin-right: 4.375rem !important; }

.u-sp-pr-70px { padding-right: 70px !important; padding-right: 4.375rem !important; }

.u-sp-mb-70px { margin-bottom: 70px !important; margin-bottom: 4.375rem !important; }

.u-sp-pb-70px { padding-bottom: 70px !important; padding-bottom: 4.375rem !important; }

.u-sp-ml-70px { margin-left: 70px !important; margin-left: 4.375rem !important; }

.u-sp-pl-70px { padding-left: 70px !important; padding-left: 4.375rem !important; }

.u-sp-mt-80px { margin-top: 80px !important; margin-top: 5rem !important; }

.u-sp-pt-80px { padding-top: 80px !important; padding-top: 5rem !important; }

.u-sp-mr-80px { margin-right: 80px !important; margin-right: 5rem !important; }

.u-sp-pr-80px { padding-right: 80px !important; padding-right: 5rem !important; }

.u-sp-mb-80px { margin-bottom: 80px !important; margin-bottom: 5rem !important; }

.u-sp-pb-80px { padding-bottom: 80px !important; padding-bottom: 5rem !important; }

.u-sp-ml-80px { margin-left: 80px !important; margin-left: 5rem !important; }

.u-sp-pl-80px { padding-left: 80px !important; padding-left: 5rem !important; }

.u-sp-mt-90px { margin-top: 90px !important; margin-top: 5.625rem !important; }

.u-sp-pt-90px { padding-top: 90px !important; padding-top: 5.625rem !important; }

.u-sp-mr-90px { margin-right: 90px !important; margin-right: 5.625rem !important; }

.u-sp-pr-90px { padding-right: 90px !important; padding-right: 5.625rem !important; }

.u-sp-mb-90px { margin-bottom: 90px !important; margin-bottom: 5.625rem !important; }

.u-sp-pb-90px { padding-bottom: 90px !important; padding-bottom: 5.625rem !important; }

.u-sp-ml-90px { margin-left: 90px !important; margin-left: 5.625rem !important; }

.u-sp-pl-90px { padding-left: 90px !important; padding-left: 5.625rem !important; }

.u-sp-mt-100px { margin-top: 100px !important; margin-top: 6.25rem !important; }

.u-sp-pt-100px { padding-top: 100px !important; padding-top: 6.25rem !important; }

.u-sp-mr-100px { margin-right: 100px !important; margin-right: 6.25rem !important; }

.u-sp-pr-100px { padding-right: 100px !important; padding-right: 6.25rem !important; }

.u-sp-mb-100px { margin-bottom: 100px !important; margin-bottom: 6.25rem !important; }

.u-sp-pb-100px { padding-bottom: 100px !important; padding-bottom: 6.25rem !important; }

.u-sp-ml-100px { margin-left: 100px !important; margin-left: 6.25rem !important; }

.u-sp-pl-100px { padding-left: 100px !important; padding-left: 6.25rem !important; }

@media only screen and (min-width: 1000px) { .u-pc-mt-0px { margin-top: 0 !important; margin-top: 0 !important; }
  .u-pc-pt-0px { padding-top: 0 !important; padding-top: 0 !important; }
  .u-pc-mr-0px { margin-right: 0 !important; margin-right: 0 !important; }
  .u-pc-pr-0px { padding-right: 0 !important; padding-right: 0 !important; }
  .u-pc-mb-0px { margin-bottom: 0 !important; margin-bottom: 0 !important; }
  .u-pc-pb-0px { padding-bottom: 0 !important; padding-bottom: 0 !important; }
  .u-pc-ml-0px { margin-left: 0 !important; margin-left: 0 !important; }
  .u-pc-pl-0px { padding-left: 0 !important; padding-left: 0 !important; }
  .u-pc-mt-10px { margin-top: 10px !important; margin-top: 0.625rem !important; }
  .u-pc-pt-10px { padding-top: 10px !important; padding-top: 0.625rem !important; }
  .u-pc-mr-10px { margin-right: 10px !important; margin-right: 0.625rem !important; }
  .u-pc-pr-10px { padding-right: 10px !important; padding-right: 0.625rem !important; }
  .u-pc-mb-10px { margin-bottom: 10px !important; margin-bottom: 0.625rem !important; }
  .u-pc-pb-10px { padding-bottom: 10px !important; padding-bottom: 0.625rem !important; }
  .u-pc-ml-10px { margin-left: 10px !important; margin-left: 0.625rem !important; }
  .u-pc-pl-10px { padding-left: 10px !important; padding-left: 0.625rem !important; }
  .u-pc-mt-20px { margin-top: 20px !important; margin-top: 1.25rem !important; }
  .u-pc-pt-20px { padding-top: 20px !important; padding-top: 1.25rem !important; }
  .u-pc-mr-20px { margin-right: 20px !important; margin-right: 1.25rem !important; }
  .u-pc-pr-20px { padding-right: 20px !important; padding-right: 1.25rem !important; }
  .u-pc-mb-20px { margin-bottom: 20px !important; margin-bottom: 1.25rem !important; }
  .u-pc-pb-20px { padding-bottom: 20px !important; padding-bottom: 1.25rem !important; }
  .u-pc-ml-20px { margin-left: 20px !important; margin-left: 1.25rem !important; }
  .u-pc-pl-20px { padding-left: 20px !important; padding-left: 1.25rem !important; }
  .u-pc-mt-30px { margin-top: 30px !important; margin-top: 1.875rem !important; }
  .u-pc-pt-30px { padding-top: 30px !important; padding-top: 1.875rem !important; }
  .u-pc-mr-30px { margin-right: 30px !important; margin-right: 1.875rem !important; }
  .u-pc-pr-30px { padding-right: 30px !important; padding-right: 1.875rem !important; }
  .u-pc-mb-30px { margin-bottom: 30px !important; margin-bottom: 1.875rem !important; }
  .u-pc-pb-30px { padding-bottom: 30px !important; padding-bottom: 1.875rem !important; }
  .u-pc-ml-30px { margin-left: 30px !important; margin-left: 1.875rem !important; }
  .u-pc-pl-30px { padding-left: 30px !important; padding-left: 1.875rem !important; }
  .u-pc-mt-40px { margin-top: 40px !important; margin-top: 2.5rem !important; }
  .u-pc-pt-40px { padding-top: 40px !important; padding-top: 2.5rem !important; }
  .u-pc-mr-40px { margin-right: 40px !important; margin-right: 2.5rem !important; }
  .u-pc-pr-40px { padding-right: 40px !important; padding-right: 2.5rem !important; }
  .u-pc-mb-40px { margin-bottom: 40px !important; margin-bottom: 2.5rem !important; }
  .u-pc-pb-40px { padding-bottom: 40px !important; padding-bottom: 2.5rem !important; }
  .u-pc-ml-40px { margin-left: 40px !important; margin-left: 2.5rem !important; }
  .u-pc-pl-40px { padding-left: 40px !important; padding-left: 2.5rem !important; }
  .u-pc-mt-50px { margin-top: 50px !important; margin-top: 3.125rem !important; }
  .u-pc-pt-50px { padding-top: 50px !important; padding-top: 3.125rem !important; }
  .u-pc-mr-50px { margin-right: 50px !important; margin-right: 3.125rem !important; }
  .u-pc-pr-50px { padding-right: 50px !important; padding-right: 3.125rem !important; }
  .u-pc-mb-50px { margin-bottom: 50px !important; margin-bottom: 3.125rem !important; }
  .u-pc-pb-50px { padding-bottom: 50px !important; padding-bottom: 3.125rem !important; }
  .u-pc-ml-50px { margin-left: 50px !important; margin-left: 3.125rem !important; }
  .u-pc-pl-50px { padding-left: 50px !important; padding-left: 3.125rem !important; }
  .u-pc-mt-60px { margin-top: 60px !important; margin-top: 3.75rem !important; }
  .u-pc-pt-60px { padding-top: 60px !important; padding-top: 3.75rem !important; }
  .u-pc-mr-60px { margin-right: 60px !important; margin-right: 3.75rem !important; }
  .u-pc-pr-60px { padding-right: 60px !important; padding-right: 3.75rem !important; }
  .u-pc-mb-60px { margin-bottom: 60px !important; margin-bottom: 3.75rem !important; }
  .u-pc-pb-60px { padding-bottom: 60px !important; padding-bottom: 3.75rem !important; }
  .u-pc-ml-60px { margin-left: 60px !important; margin-left: 3.75rem !important; }
  .u-pc-pl-60px { padding-left: 60px !important; padding-left: 3.75rem !important; }
  .u-pc-mt-70px { margin-top: 70px !important; margin-top: 4.375rem !important; }
  .u-pc-pt-70px { padding-top: 70px !important; padding-top: 4.375rem !important; }
  .u-pc-mr-70px { margin-right: 70px !important; margin-right: 4.375rem !important; }
  .u-pc-pr-70px { padding-right: 70px !important; padding-right: 4.375rem !important; }
  .u-pc-mb-70px { margin-bottom: 70px !important; margin-bottom: 4.375rem !important; }
  .u-pc-pb-70px { padding-bottom: 70px !important; padding-bottom: 4.375rem !important; }
  .u-pc-ml-70px { margin-left: 70px !important; margin-left: 4.375rem !important; }
  .u-pc-pl-70px { padding-left: 70px !important; padding-left: 4.375rem !important; }
  .u-pc-mt-80px { margin-top: 80px !important; margin-top: 5rem !important; }
  .u-pc-pt-80px { padding-top: 80px !important; padding-top: 5rem !important; }
  .u-pc-mr-80px { margin-right: 80px !important; margin-right: 5rem !important; }
  .u-pc-pr-80px { padding-right: 80px !important; padding-right: 5rem !important; }
  .u-pc-mb-80px { margin-bottom: 80px !important; margin-bottom: 5rem !important; }
  .u-pc-pb-80px { padding-bottom: 80px !important; padding-bottom: 5rem !important; }
  .u-pc-ml-80px { margin-left: 80px !important; margin-left: 5rem !important; }
  .u-pc-pl-80px { padding-left: 80px !important; padding-left: 5rem !important; }
  .u-pc-mt-90px { margin-top: 90px !important; margin-top: 5.625rem !important; }
  .u-pc-pt-90px { padding-top: 90px !important; padding-top: 5.625rem !important; }
  .u-pc-mr-90px { margin-right: 90px !important; margin-right: 5.625rem !important; }
  .u-pc-pr-90px { padding-right: 90px !important; padding-right: 5.625rem !important; }
  .u-pc-mb-90px { margin-bottom: 90px !important; margin-bottom: 5.625rem !important; }
  .u-pc-pb-90px { padding-bottom: 90px !important; padding-bottom: 5.625rem !important; }
  .u-pc-ml-90px { margin-left: 90px !important; margin-left: 5.625rem !important; }
  .u-pc-pl-90px { padding-left: 90px !important; padding-left: 5.625rem !important; }
  .u-pc-mt-100px { margin-top: 100px !important; margin-top: 6.25rem !important; }
  .u-pc-pt-100px { padding-top: 100px !important; padding-top: 6.25rem !important; }
  .u-pc-mr-100px { margin-right: 100px !important; margin-right: 6.25rem !important; }
  .u-pc-pr-100px { padding-right: 100px !important; padding-right: 6.25rem !important; }
  .u-pc-mb-100px { margin-bottom: 100px !important; margin-bottom: 6.25rem !important; }
  .u-pc-pb-100px { padding-bottom: 100px !important; padding-bottom: 6.25rem !important; }
  .u-pc-ml-100px { margin-left: 100px !important; margin-left: 6.25rem !important; }
  .u-pc-pl-100px { padding-left: 100px !important; padding-left: 6.25rem !important; } }
.u-sp-tl { text-align: left !important; }

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

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

.u-sp-fl { float: left !important; }

.u-sp-fr { float: right !important; }

.u-sp-fn { float: none !important; }

.u-sp-hidden { display: none !important; }

.u-sp-block { display: block !important; }

.u-sp-inline-block { display: inline-block !important; }

.u-sp-inline { display: inline !important; }

@media only screen and (min-width: 1000px) { .u-pc-tl { text-align: left !important; }
  .u-pc-tr { text-align: right !important; }
  .u-pc-tc { text-align: center !important; }
  .u-pc-fl { float: left !important; }
  .u-pc-fr { float: right !important; }
  .u-pc-fn { float: none !important; }
  .u-pc-hidden { display: none !important; }
  .u-pc-block { display: block !important; }
  .u-pc-inline-block { display: inline-block !important; }
  .u-pc-inline { display: inline !important; } }
.wrapper { overflow: hidden; }

.container { *zoom: 1; position: relative; }
.container:after { content: ""; display: table; clear: both; }
@media only screen and (min-width: 1000px) { .container { width: 1280px; margin: 0 auto; } }

.page-container { *zoom: 1; position: relative; }
.page-container:after { content: ""; display: table; clear: both; }
@media only screen and (min-width: 1000px) { .page-container { width: 1200px; margin: 0 auto; } }

.global-header { background: #fff; box-shadow: 0 5px 5px 1px rgba(0, 0, 0, 0.2); position: relative; z-index: 100; padding: 11px 0; }

.site-logo { float: left; padding-left: 10px; }
@media only screen and (min-width: 1000px) { .site-logo { margin-top: 17px; padding-left: 0; } }
.site-logo img { width: 175px; height: auto; }
@media only screen and (min-width: 1000px) { .site-logo img { width: auto; } }
.site-logo a:hover { opacity: 0.7; }

.site-sub-navi { float: right; }
@media only screen and (min-width: 1000px) { .site-sub-navi { width: 487px; } }

.header-sp-navi { float: right; width: 75px; margin-right: 5px; }
.header-sp-navi .mail { margin-right: 5px; }
.header-sp-navi li { float: left; }
@media only screen and (min-width: 1000px) { .header-sp-navi { display: none; } }

.header-navi { display: none; *zoom: 1; border-bottom: 1px solid #ccc; padding-bottom: 9px; margin-bottom: 8px; }
.header-navi:after { content: ""; display: table; clear: both; }
@media only screen and (min-width: 1000px) { .header-navi { display: block; } }
.header-navi li { float: left; margin-right: 27px; }
.header-navi li:last-child { margin-right: 0; }
.header-navi li.english a { background-image: url('img/icn_english.png?1480718880'); padding-left: 29px; }
.header-navi li.information a { background-image: url('img/icn_information.png?1480718880'); padding-left: 33px; }
.header-navi li.contact { float: right; }
.header-navi li.contact a { background-color: #0c873a; background-image: url('img/icn_contact.png?1480718880'); background-position: 19px center; color: #fff; width: 180px; text-align: center; border-radius: 3px; padding-left: 33px; }
.header-navi a { display: block; box-sizing: border-box; height: 30px; line-height: 30px; font-size: 14px; text-decoration: none; color: #555; background: no-repeat left center; }
.header-navi a:hover { opacity: 0.7; }

.authorized-navi { display: none; }
@media only screen and (min-width: 1000px) { .authorized-navi { display: block; } }
.authorized-navi .download-link { float: left; }
.authorized-navi .download-link a { display: block; box-sizing: border-box; height: 30px; line-height: 30px; font-size: 12px; text-align: center; text-decoration: none; width: 120px; padding-left: 22px; border-radius: 3px; color: #fff; background: #333 url('img/icn_download.png?1480718880') no-repeat 10px center; }
.authorized-navi .download-link a:hover { opacity: 0.7; }
.authorized-navi .welcome-msg { border: 1px solid #ccc; box-sizing: border-box; text-align: center; height: 30px; line-height: 30px; font-size: 14px; color: #0c873a; border-radius: 3px 0 0 3px; width: 260px; margin-left: 17px; float: left; }
.authorized-navi .welcome-msg .user-name { color: #555; }
.authorized-navi .user-status { background: #0c873a; box-sizing: border-box; height: 30px; float: left; line-height: 30px; font-size: 12px; text-align: center; border-radius: 0 3px 3px 0; width: 90px; color: #fff; }

.login-area { *zoom: 1; display: none; }
.login-area:after { content: ""; display: table; clear: both; }
@media only screen and (min-width: 1000px) { .login-area { display: block; } }
.login-area .login-form { float: left; }
.login-area .login-form .form-title { float: left; font-size: 12px; color: #0c873a; height: 30px; padding-right: 5px; line-height: 30px; }
.login-area .login-form .form-input { float: left; margin-right: 10px; }
.login-area .login-form .form-input:last-child { margin-right: 0; }
.login-area .login-form .form-input input[type="text"], .login-area .login-form .form-input input[type="password"] { border: none; width: 145px; height: 30px; font-size: 12px; line-height: 30px; background: #e2e2e2; }
.login-area .login-button { float: right; display: block; }
.login-area .login-button button { width: 70px; height: 30px; line-height: 30px; background: #333; border-radius: 0; font-size: 12px; }

.global-navi { display: none; background: rgba(12, 135, 58, 0.85); z-index: 5; position: absolute; top: 57px; width: 100%; }
@media only screen and (min-width: 1000px) { .global-navi { display: block; position: relative; top: 0; } }
.global-navi ul li a { display: block; height: 47px; line-height: 47px; color: #fff; font-size: 15px; text-decoration: none; text-align: center; border-top: 1px solid #eee; border-bottom: 1px solid #044f21; }
.global-navi ul li a:hover { opacity: 0.7; }
.global-navi ul li:first-child a { border-top: none; }
.global-navi ul li:last-child a { border-bottom: none; }
@media only screen and (min-width: 1000px) { .global-navi ul li { float: left; }
  .global-navi ul li.current-menu-item, .global-navi ul li.current-page-ancestor, .global-navi ul li.current-menu-ancestor { background: #323232; opacity: 1; }
  .global-navi ul li a { display: block; color: #fff; font-size: 16px; text-align: center; text-decoration: none; position: relative; height: 50px; line-height: 50px; border: none; }
  .global-navi ul li a:hover { background: #323232; opacity: 1; }
  .global-navi ul li a:before, .global-navi ul li a:after { display: block; position: absolute; height: 15px; width: 1px; content: ""; background: #ccc; top: 50%; margin-top: -7px; }
  .global-navi ul li a:before { left: 0; }
  .global-navi ul li a:after { display: none; right: 0; }
  .global-navi ul li:last-child a:after { display: block; }
  .global-navi ul li.home { width: 83px; }
  .global-navi ul li.home a { background-image: url('img/icn_home.png?1480718880'); background-repeat: no-repeat; background-position: center; text-indent: -9999px; }
  .global-navi ul li:nth-child(2) { width: 263px; }
  .global-navi ul li:nth-child(3) { width: 263px; }
  .global-navi ul li:nth-child(4) { width: 263px; }
  .global-navi ul li:nth-child(5) { width: 241px; }
  .global-navi ul li:nth-child(6) { width: 167px; } }

.global-body { position: relative; z-index: 1; }
.global-body.-top:before, .global-body.-top:after, .global-body.-login:before, .global-body.-login:after { display: none; }
.global-body:before { display: none; }
@media only screen and (min-width: 1000px) { .global-body:before { display: block; position: absolute; background: url('img/img_triangle_body_top.png?1480718880') no-repeat left top; background-size: 321px 321px; width: 321px; height: 321px; left: 0; top: 0; content: ""; z-index: 0; } }
.global-body:after { display: none; }
@media only screen and (min-width: 1000px) { .global-body:after { display: block; position: absolute; background: url('img/img_triangle_body_bottom.png?1480718880') no-repeat left top; background-size: 321px 321px; width: 321px; height: 321px; right: 0; bottom: 0; content: ""; z-index: 0; } }

@media only screen and (min-width: 1000px) { .footer-banner { padding: 79px 0; background: #e5e5e5; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; } }
.footer-banner .banner-contact-wrapper { *zoom: 1; padding: 33px 15px; position: relative; }
.footer-banner .banner-contact-wrapper:after { content: ""; display: table; clear: both; }
@media only screen and (min-width: 1000px) { .footer-banner .banner-contact-wrapper { padding: 0; width: 625px; float: left; } }
.footer-banner .banner-contact-wrapper:after { position: absolute; background: url('img/img_triangle_body_bottom.png?1480718880') no-repeat left top; background-size: 105px 105px; width: 105px; height: 105px; right: 0; bottom: 0; content: ""; z-index: 0; }
@media only screen and (min-width: 1000px) { .footer-banner .banner-contact-wrapper:after { display: none; } }
.footer-banner .banner-contact { *zoom: 1; position: relative; z-index: 1; background: #fff; display: block; margin: 0 auto; -moz-box-shadow: 0 1px 9px 3px rgba(51, 51, 51, 0.15); -webkit-box-shadow: 0 1px 9px 3px rgba(51, 51, 51, 0.15); box-shadow: 0 1px 9px 3px rgba(51, 51, 51, 0.15); max-width: 355px; }
.footer-banner .banner-contact:after { content: ""; display: table; clear: both; }
@media only screen and (min-width: 1000px) { .footer-banner .banner-contact { max-width: none; min-width: 0; margin: 0; } }
.footer-banner .banner-contact .banner-title { float: left; text-align: left; width: 51%; height: 92px; box-sizing: border-box; padding: 20px 4% 0 6%; background: #0c873a; color: #fff; font-size: 12px; line-height: 1.6; position: relative; }
@media only screen and (min-width: 1000px) { .footer-banner .banner-contact .banner-title { width: 320px; height: 162px; font-size: 21px; padding: 35px 0 0 30px; } }
.footer-banner .banner-contact .banner-title:after { width: 0; height: 0; content: ""; position: absolute; border-style: solid; top: 50%; right: -11px; margin-top: -14px; border-width: 14px 0 14px 11px; border-color: transparent transparent transparent #0c8739; }
@media only screen and (min-width: 1000px) { .footer-banner .banner-contact .banner-title:after { right: -20px; margin-top: -25px; border-width: 25px 0 25px 20px; } }
.footer-banner .banner-contact .banner-content { float: right; width: 49%; height: 84px; box-sizing: border-box; padding: 20px 18px 0 21px; }
@media only screen and (min-width: 1000px) { .footer-banner .banner-contact .banner-content { width: 305px; height: 162px; padding: 35px 32px 0 43px; } }
.footer-banner .banner-contact .banner-link { margin-bottom: 8px; }
.footer-banner .banner-contact .banner-link a { display: block; height: 35px; line-height: 35px; font-size: 11px; }
@media only screen and (min-width: 1000px) { .footer-banner .banner-contact .banner-link a { height: 60px; line-height: 60px; font-size: 18px; } }
.footer-banner .banner-contact .banner-desc { text-align: center; font-size: 9px; line-height: 1.2; color: #018737; }
@media only screen and (min-width: 1000px) { .footer-banner .banner-contact .banner-desc { font-size: 15px; } }
.footer-banner .banner-list-wrapper { *zoom: 1; padding: 25px 10px 15px; background: #e5e5e5; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; }
.footer-banner .banner-list-wrapper:after { content: ""; display: table; clear: both; }
@media only screen and (min-width: 1000px) { .footer-banner .banner-list-wrapper { padding: 0; background: none; border: none; float: right; width: 630px; } }
.footer-banner .banner-list { letter-spacing: -0.4em; }
@media only screen and (min-width: 1000px) { .footer-banner .banner-list { text-align: right; } }
.footer-banner .banner-list .banner-item { *zoom: 1; letter-spacing: normal; display: inline-block; vertical-align: top; box-sizing: border-box; width: 50%; padding: 0 5px; margin-bottom: 10px; height: 44px; }
.footer-banner .banner-list .banner-item:after { content: ""; display: table; clear: both; }
@media only screen and (min-width: 1000px) { .footer-banner .banner-list .banner-item { width: 300px; height: 75px; padding: 0; margin: 0 0 12px 13px; } }
.footer-banner .banner-list .banner-item a { background: #fff; color: #555; display: block; text-decoration: none; -moz-box-shadow: 0 1px 9px 3px rgba(51, 51, 51, 0.15); -webkit-box-shadow: 0 1px 9px 3px rgba(51, 51, 51, 0.15); box-shadow: 0 1px 9px 3px rgba(51, 51, 51, 0.15); }
.footer-banner .banner-list .banner-item a:hover .banner-content { background: #444; }
.footer-banner .banner-list .banner-item a:hover .banner-title { color: #fff; }
.footer-banner .banner-list .banner-item a:hover .banner-sub-title { color: #fff; }
.footer-banner .banner-list .banner-photo { float: left; width: 44px; height: 44px; }
@media only screen and (min-width: 1000px) { .footer-banner .banner-list .banner-photo { width: 75px; height: 75px; } }
.footer-banner .banner-list .banner-photo img { width: 100%; height: auto; }
.footer-banner .banner-list .banner-content { overflow: hidden; position: relative; text-align: left; box-sizing: border-box; padding: 0 0 0 10px; margin-left: 44px; height: 44px; }
@media only screen and (min-width: 1000px) { .footer-banner .banner-list .banner-content { padding: 0 0 0 20px; margin-left: 75px; height: 75px; } }
.footer-banner .banner-list .banner-title-wrapper { position: relative; top: 50%; -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); }
.footer-banner .banner-list .banner-title { font-size: 10px; margin-bottom: 5px; }
@media only screen and (min-width: 1000px) { .footer-banner .banner-list .banner-title { font-size: 18px; } }
.footer-banner .banner-list .banner-sub-title { font-size: 8px; color: #018737; }
@media only screen and (min-width: 1000px) { .footer-banner .banner-list .banner-sub-title { font-size: 11px; } }

.footer-sub-navi { box-sizing: border-box; height: 30px; line-height: 30px; letter-spacing: -0.4em; text-align: center; background: #444; }
@media only screen and (min-width: 1000px) { .footer-sub-navi { height: 65px; padding-top: 30px; line-height: 1.2; text-align: left; background: transparent; } }
.footer-sub-navi li { display: inline-block; vertical-align: top; letter-spacing: normal; font-size: 10px; margin: 0 3px; }
@media only screen and (min-width: 1000px) { .footer-sub-navi li { float: left; font-size: 13px; margin: 0 15px 0 0; } }
.footer-sub-navi li:before { content: "・"; color: #fff; }
@media only screen and (min-width: 1000px) { .footer-sub-navi li:before { color: #018737; } }
.footer-sub-navi li a { text-decoration: none; color: #fff; }
@media only screen and (min-width: 1000px) { .footer-sub-navi li a { color: #555; } }
.footer-sub-navi li a:hover { text-decoration: underline; }

.footer-navi { display: none; background: #444 url('img/bg_footer.png?1480718880') no-repeat center; background-size: cover; padding: 50px 0 40px; line-height: 1.4; }
@media only screen and (min-width: 1000px) { .footer-navi { display: block; } }
.footer-navi a { color: #fff; text-decoration: none; }
.footer-navi a:hover { opacity: 0.7; }
.footer-navi .footer-navi-column { float: left; margin: 0 30px 40px 0; }
.footer-navi .footer-navi-column > ul + ul { margin-top: 15px; }
.footer-navi .footer-navi-column > ul > li + li { margin-top: 15px; }
.footer-navi .footer-navi-column > ul > li > ul { margin-top: 15px; }
.footer-navi .footer-navi-column > ul > li > ul > li { font-size: 11px; margin-bottom: 5px; }
.footer-navi .footer-navi-column > ul > li > ul > li:before { content: "・"; color: #018737; }
.footer-navi .authorization { clear: both; width: 484px; height: 120px; background-color: #fff; border-radius: 2px; box-sizing: border-box; padding: 17px 0 0 20px; letter-spacing: -0.4em; }
.footer-navi .authorization-column { display: inline-block; vertical-align: middle; box-sizing: border-box; letter-spacing: normal; margin-right: 25px; }
.footer-navi .authorization-desc { width: 140px; font-size: 11px; margin-right: 0; margin-left: 20px; }

.copyright { text-align: center; padding: 20px 0; }
@media only screen and (min-width: 1000px) { .copyright { padding: 30px 0; } }
.copyright img { margin-bottom: 15px; width: 185px; height: auto; }
@media only screen and (min-width: 1000px) { .copyright img { margin-bottom: 35px; width: auto; } }
.copyright .copyright-text { font-size: 9px; }
@media only screen and (min-width: 1000px) { .copyright .copyright-text { font-size: 12px; } }

.fixed-container { position: fixed; top: 0; left: 0; z-index: 90; width: 100%; }
.fixed-container .global-navi ul li.home { width: 62px; }
.fixed-container .global-navi ul li.contact { float: right; }
.fixed-container .global-navi ul li.contact a { margin-top: 10px; display: block; width: 180px; height: 30px; box-sizing: border-box; padding-left: 40px; line-height: 30px; background: #ff8b10 url('img/icn_contact.png?1480718880') no-repeat 20px center; border-radius: 2px; color: #fff; }
.fixed-container .global-navi ul li.contact a:hover { opacity: 0.7; }
.fixed-container .global-navi ul li.contact a:before, .fixed-container .global-navi ul li.contact a:after { display: none; }
.fixed-container .global-navi ul li:nth-child(2) { width: 227px; }
.fixed-container .global-navi ul li:nth-child(3) { width: 209px; }
.fixed-container .global-navi ul li:nth-child(4) { width: 247px; }
.fixed-container .global-navi ul li:nth-child(5) { width: 185px; }
.fixed-container .global-navi ul li:nth-child(6) { width: 112px; }
.fixed-container .global-navi ul li:nth-child(6) a:after { display: block; }

.section-top .section-header { position: relative; text-align: center; margin-bottom: 25px; }
.section-top .section-header .section-title { font-size: 24px; margin-bottom: 4px; }
@media only screen and (min-width: 1000px) { .section-top .section-header .section-title { font-size: 36px; margin-bottom: 10px; } }
.section-top .section-header .section-sub-title { font-size: 12px; color: #0c873a; }
@media only screen and (min-width: 1000px) { .section-top .section-header .section-sub-title { font-size: 18px; } }
.section-top .section-header .section-link { position: absolute; right: 0; bottom: 0; padding-right: 15px; }
@media only screen and (min-width: 1000px) { .section-top .section-header .section-link { padding-right: 0; } }
.section-top .section-header .section-link a { font-size: 12px; color: #0c873a; }
@media only screen and (min-width: 1000px) { .section-top .section-header .section-link a { font-size: 18px; } }

.top-main-image { height: 430px; background: url('img/img_sp_main_image.jpg?1482109200') no-repeat center; position: relative; background-size: cover; }
@media only screen and (min-width: 1000px) { .top-main-image { background: url('img/img_main_image.jpg?1482109200') no-repeat center; background-size: cover; height: 860px; } }
.top-main-image a { display: inline-block; position: absolute; left: 50%; margin-left: -12px; bottom: 50px; }
@media only screen and (min-width: 1000px) { .top-main-image a { margin-left: -23px; bottom: 110px; } }
.top-main-image a img { width: 23px; height: auto; }
@media only screen and (min-width: 1000px) { .top-main-image a img { width: auto; } }
.top-main-image a:hover { opacity: 0.7; }

.main-text-slide { position: absolute; display: none; top: 50%; -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 100%; }
.main-text-slide li { text-align: center; width: 100%; }
.main-text-slide li img { max-width: 100%; height: auto; }

.top-alt-bg { position: relative; padding-bottom: 130px; }
@media only screen and (min-width: 1000px) { .top-alt-bg { padding-bottom: 220px; padding-top: 100px; } }
.top-alt-bg:before { display: none; }
@media only screen and (min-width: 1000px) { .top-alt-bg:before { position: absolute; background: url('img/img_triangle_body_top.png?1480718880') no-repeat left top; display: block; width: 321px; height: 321px; left: 0; top: 0; content: ""; } }
.top-alt-bg:after { position: absolute; background: url('img/img_triangle_body_bottom.png?1480718880') no-repeat left top; background-size: 105px; width: 105px; height: 105px; display: block; right: 0; bottom: 0; content: ""; }
@media only screen and (min-width: 1000px) { .top-alt-bg:after { background-size: auto; width: 321px; height: 321px; } }

.section-products { margin-top: 60px; }
@media only screen and (min-width: 1000px) { .section-products { margin-top: 0; } }

.top-product-list { padding: 0 16px; }
@media only screen and (min-width: 1000px) { .top-product-list { letter-spacing: -0.4em; padding: 0; } }
.top-product-list .product-item { position: relative; margin-bottom: 16px; }
@media only screen and (min-width: 1000px) { .top-product-list .product-item { display: inline-block; vertical-align: top; margin-bottom: 0; letter-spacing: normal; width: 33.333%; } }
.top-product-list .product-item img { width: 100%; height: auto; }
.top-product-list .product-item a { position: relative; display: block; border: 1px solid #ccc; color: #555; background: #fff; z-index: 10; text-decoration: none; }
.top-product-list .product-item a:hover { -moz-box-shadow: 0 0 19px 5px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 0 19px 5px rgba(0, 0, 0, 0.2); box-shadow: 0 0 19px 5px rgba(0, 0, 0, 0.2); z-index: 5; }
.top-product-list .product-item a:hover:before { position: absolute; z-index: 10; display: block; left: 0; top: 0; width: 100%; height: auto; padding-bottom: 61.2%; content: ""; background: url('img/img_products_overray.png?1480718880') no-repeat top left; background-size: cover; }
.top-product-list .product-item a:hover .product-description { display: block; }
.top-product-list .product-item a:hover .product-name { color: #fff; background: #0c873a; }
.top-product-list .product-photo { position: relative; }
.top-product-list .product-description { display: none; color: #fff; width: 80%; font-size: 12px; line-height: 1.8; left: 50%; top: 50%; -moz-transform: translateY(-50%) translateX(-50%); -ms-transform: translateY(-50%) translateX(-50%); -webkit-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%); position: absolute; z-index: 10; text-shadow: 0 0 11px rgba(21, 94, 51, 0.67); }
@media only screen and (min-width: 1000px) { .top-product-list .product-description { width: 270px; font-size: 16px; } }
.top-product-list .product-name { font-size: 12px; height: 35px; line-height: 35px; text-align: center; }
@media only screen and (min-width: 1000px) { .top-product-list .product-name { font-size: 21px; height: 58px; line-height: 58px; } }

.section-information { margin-top: -90px; }
.section-information .section-body { background: url('img/bg_information.jpg?1482109200') no-repeat center; background-size: cover; padding: 36px 0; }
@media only screen and (min-width: 1000px) { .section-information .section-body { padding: 48px 0; } }

.information-list { text-align: center; position: relative; }
@media only screen and (min-width: 1000px) { .information-list { letter-spacing: -0.4em; } }
.information-list .slick-list { padding-top: 30px !important; padding-bottom: 30px !important; margin: -30px 0; }
.information-list .slick-prev, .information-list .slick-next { top: 50%; margin-top: -20px; display: block; text-indent: -9990px; position: absolute; background: no-repeat left center; background-size: 40px 40px; width: 40px; height: 40px; z-index: 15; }
@media only screen and (min-width: 1000px) { .information-list .slick-prev, .information-list .slick-next { background-size: 24px 40px; width: 24px; height: 40px; } }
.information-list .slick-prev:hover, .information-list .slick-next:hover { opacity: 0.7; }
.information-list .slick-prev { left: 15px; background-image: url('img/btn_slide_prev_sp.png?1480718880'); }
@media only screen and (min-width: 1000px) { .information-list .slick-prev { left: -70px; background-image: url('img/btn_slide_prev.png?1480718880'); } }
.information-list .slick-next { right: 15px; background-image: url('img/btn_slide_next_sp.png?1480718880'); }
@media only screen and (min-width: 1000px) { .information-list .slick-next { right: -70px; background-image: url('img/btn_slide_next.png?1480718880'); } }
.information-list .information-item { text-align: left; background: #fff; width: 200px; margin: 0 40px; -moz-box-shadow: 0 1px 9px 3px rgba(51, 51, 51, 0.3); -webkit-box-shadow: 0 1px 9px 3px rgba(51, 51, 51, 0.3); box-shadow: 0 1px 9px 3px rgba(51, 51, 51, 0.3); }
@media only screen and (min-width: 1000px) { .information-list .information-item { display: inline-block; vertical-align: top; letter-spacing: normal; width: 230px; margin: 0 16px 0 17px; } }
.information-list .information-item img { width: 100%; height: auto; }
.information-list .information-item a { display: block; color: #555; }
.information-list .information-data { position: relative; padding: 18px 10px; height: 94px; box-sizing: border-box; }
@media only screen and (min-width: 1000px) { .information-list .information-data { height: 136px; } }
.information-list .information-date { display: block; font-size: 8px; border-bottom: 1px solid #ccc; padding-bottom: 3px; margin-bottom: 10px; }
@media only screen and (min-width: 1000px) { .information-list .information-date { font-size: 12px; } }
.information-list .information-title { font-size: 10px; line-height: 1.4; }
@media only screen and (min-width: 1000px) { .information-list .information-title { font-size: 14px; } }
.information-list .information-category { display: inline-block; position: absolute; font-size: 8px; right: 10px; top: 13px; padding: 4px 10px; background: #333; color: #fff; }
@media only screen and (min-width: 1000px) { .information-list .information-category { font-size: 11px; } }

.page { position: relative; z-index: 10; }

.page-header { margin: 0 0 35px; padding: 22px 15px 0 15px; height: 80px; position: relative; box-sizing: border-box; background: #3d3d3d no-repeat center; background-size: cover; }
@media only screen and (min-width: 1000px) { .page-header { margin: 0 0 60px; padding: 45px 50px 0 50px; height: 120px; } }
.page-header.-bg-1 { background-image: url('img/bg_page_header_01.jpg?1482109200'); }
.page-header.-bg-2 { background-image: url('img/bg_page_header_02.jpg?1482109200'); }
.page-header.-bg-3 { background-image: url('img/bg_page_header_03.jpg?1482109200'); }
.page-header.-bg-4 { background-image: url('img/bg_page_header_04.jpg?1482109200'); }
.page-header.-bg-5 { background-image: url('img/bg_page_header_05.jpg?1482109200'); }
.page-header.-bg-6 { background-image: url('img/bg_page_header_06.jpg?1482109200'); }
.page-header .page-title { font-weight: normal; font-size: 18px; color: #fff; margin-bottom: 8px; }
@media only screen and (min-width: 1000px) { .page-header .page-title { display: inline-block; vertical-align: bottom; font-size: 30px; margin-right: 20px; margin-bottom: 0; } }
.page-header .page-sub-title { color: #018737; font-size: 10px; }
@media only screen and (min-width: 1000px) { .page-header .page-sub-title { display: inline-block; vertical-align: bottom; font-size: 15px; } }

.page-path { letter-spacing: -0.4em; margin: -25px 0 35px; font-size: 10px; line-height: 1.4; padding: 0 10px; }
@media only screen and (min-width: 1000px) { .page-path { margin: -40px 0 60px; font-size: 14px; padding: 0; } }
.page-path li:after { padding: 0 4px; content: ">"; }
@media only screen and (min-width: 1000px) { .page-path li:after { padding: 0 8px; } }
.page-path li:last-child:after { display: none; }

.page-sub-header { text-align: center; margin-bottom: 30px; }
@media only screen and (min-width: 1000px) { .page-sub-header { margin-bottom: 70px; } }
.page-sub-header .page-title { color: #018737; font-family: "Helvetica", sans-serif; font-size: 28px; margin-bottom: 8px; text-transform: uppercase; }
.page-sub-header .page-title.-small { font-size: 28px; }
@media only screen and (min-width: 1000px) { .page-sub-header .page-title.-small { font-size: 38px; } }
@media only screen and (min-width: 1000px) { .page-sub-header .page-title { font-size: 56px; } }
.page-sub-header .page-sub-title { font-size: 12px; }
@media only screen and (min-width: 1000px) { .page-sub-header .page-sub-title { font-size: 18px; } }

.page-body { padding: 0 15px; }
@media only screen and (min-width: 1000px) { .page-body { padding: 0 0 100px; } }

.sitemap-link-list > ul { margin: 0; }
@media only screen and (min-width: 1000px) { .sitemap-link-list > ul { margin: 0 -18px; } }
.sitemap-link-list > ul > li { margin-bottom: 20px; }
@media only screen and (min-width: 1000px) { .sitemap-link-list > ul > li { padding: 0 18px; margin-bottom: 90px; } }
.sitemap-link-list > ul > li.sitemap-column { box-sizing: border-box; }
@media only screen and (min-width: 1000px) { .sitemap-link-list > ul > li.sitemap-column { float: left; width: 33.333%; } }
.sitemap-link-list > ul > li.has-sitemap-column > ul > li { box-sizing: border-box; }
@media only screen and (min-width: 1000px) { .sitemap-link-list > ul > li.has-sitemap-column > ul > li { float: left; width: 33.333%; } }
.sitemap-link-list > ul > li > a { display: block; border-bottom: 1px solid #0c873a; font-size: 14px; text-align: center; padding-bottom: 8px; margin-bottom: 8px; color: #0c873a; text-decoration: none; }
@media only screen and (min-width: 1000px) { .sitemap-link-list > ul > li > a { font-size: 20px; padding-bottom: 15px; margin-bottom: 15px; } }
.sitemap-link-list > ul > li > a:hover { opacity: 0.7; }
.sitemap-link-list > ul > li > ul { margin: 0 -18px; }
.sitemap-link-list > ul > li > ul > li { padding: 0 18px; }
.sitemap-link-list > ul > li > ul > li a { display: block; font-size: 12px; padding: 6px 4px; color: #555; line-height: 1.4; border-bottom: 1px solid #eaeaea; text-decoration: none; position: relative; }
@media only screen and (min-width: 1000px) { .sitemap-link-list > ul > li > ul > li a { font-size: 14px; padding: 10px 8px; } }
.sitemap-link-list > ul > li > ul > li a:hover { opacity: 0.7; }
.sitemap-link-list > ul > li > ul > li a:after { background: url('img/icn_link_cursor.png?1480718880') no-repeat left top; background-size: 3px 5px; width: 3px; height: 5px; content: ""; position: absolute; right: 8px; top: 50%; margin-top: -4px; }
@media only screen and (min-width: 1000px) { .sitemap-link-list > ul > li > ul > li a:after { background-size: 100%; width: 6px; height: 9px; } }

.section-office { position: relative; }
.section-office + .section-office { margin-top: 40px; }
@media only screen and (min-width: 1000px) { .section-office + .section-office { margin-top: 135px; } }
.section-office .section-header { margin-bottom: 25px; padding-bottom: 10px; border-bottom: 1px solid #0c873a; }
@media only screen and (min-width: 1000px) { .section-office .section-header { margin-bottom: 50px; padding-bottom: 15px; } }
.section-office .section-title { color: #018737; text-align: center; font-size: 16px; font-weight: normal; }
@media only screen and (min-width: 1000px) { .section-office .section-title { font-size: 22px; } }

.office-list { letter-spacing: -0.4em; }
.office-list.-main + .office-list { margin-top: 20px; padding-top: 15px; border-top: 1px solid #ccc; }
@media only screen and (min-width: 1000px) { .office-list.-main + .office-list { margin-top: 45px; padding-top: 37px; } }
@media only screen and (min-width: 1000px) { .office-list.-main.-column-2 .office-item { width: 50%; } }
@media only screen and (min-width: 1000px) { .office-list.-main.-column-2 .office-item + .office-item:before { position: absolute; display: block; height: 280px; width: 1px; left: 0; top: 30px; background: #ccc; content: ""; } }
@media only screen and (min-width: 1000px) { .office-list.-main.-column-3 .office-item { width: 33.333%; } }
@media only screen and (min-width: 1000px) { .office-list.-main.-column-3 .office-item + .office-item { border-left: 1px solid #ccc; } }
.office-list.-main .office-item { text-align: center; border-top: 1px solid #ccc; padding-top: 20px; margin-top: 20px; }
.office-list.-main .office-item:first-child { border-top: none; padding-top: 0; margin-top: 0; }
@media only screen and (min-width: 1000px) { .office-list.-main .office-item { border-top: none; padding-top: 0; margin-top: 0; display: inline-block; } }
.office-list.-main .office-icon { position: relative; margin-bottom: 10px; }
@media only screen and (min-width: 1000px) { .office-list.-main .office-icon { height: 140px; margin-bottom: 20px; }
  .office-list.-main .office-icon img { position: relative; top: 50%; -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); } }
.office-list.-main .office-title { margin-bottom: 5px; }
@media only screen and (min-width: 1000px) { .office-list.-main .office-title { margin-bottom: 15px; } }
.office-list.-main .office-address { margin-bottom: 5px; }
@media only screen and (min-width: 1000px) { .office-list.-main .office-address { margin-bottom: 15px; } }
.office-list.-main .office-contact { margin-bottom: 10px; }
@media only screen and (min-width: 1000px) { .office-list.-main .office-contact { margin-bottom: 20px; } }
.office-list.-sub { letter-spacing: -0.4em; }
.office-list.-sub .office-title, .office-list.-sub .office-data, .office-list.-sub .office-link { display: inline-block; letter-spacing: normal; vertical-align: middle; }
@media only screen and (min-width: 1000px) { .office-list.-sub .office-item { padding: 0 0 0 8px; } }
.office-list.-sub .office-item + .office-item { padding-top: 15px; margin-top: 15px; border-top: 1px solid #ccc; }
.office-list.-sub .office-title { width: 100%; text-align: center; margin-bottom: 5px; }
@media only screen and (min-width: 1000px) { .office-list.-sub .office-title { width: 385px; text-align: left; margin-bottom: 0; } }
.office-list.-sub .office-data { width: 100%; text-align: center; margin-bottom: 10px; }
@media only screen and (min-width: 1000px) { .office-list.-sub .office-data { width: 525px; text-align: left; margin-bottom: 0; } }
.office-list.-sub .office-address { margin-bottom: 5px; }
.office-list.-sub .office-link { width: 100%; }
@media only screen and (min-width: 1000px) { .office-list.-sub .office-link { width: 270px; } }
.office-list .office-item { position: relative; box-sizing: border-box; letter-spacing: normal; line-height: 1.4; }
.office-list .office-title { color: #018737; font-size: 14px; font-weight: normal; }
@media only screen and (min-width: 1000px) { .office-list .office-title { font-size: 22px; } }
.office-list .office-contact { font-weight: bold; }
.office-list .office-link a { width: 100%; height: 30px; line-height: 30px; }
@media only screen and (min-width: 1000px) { .office-list .office-link a { width: 270px; height: 43px; line-height: 43px; } }

@media only screen and (min-width: 1000px) { .form-action-registration .button-confirm { width: 330px; } }

@media only screen and (min-width: 1000px) { .form-action-contact .button-confirm { width: 330px; } }

.page-login { background: url('img/bg_login.jpg?1482109200') no-repeat center; background-size: cover; padding: 40px 10px; }
@media only screen and (min-width: 1000px) { .page-login { padding: 120px 0; } }
.page-login .page-container { box-sizing: border-box; background: rgba(255, 255, 255, 0.95); padding: 15px; }
@media only screen and (min-width: 1000px) { .page-login .page-container { padding: 75px 95px 65px 75px; } }
.page-login .login-form { *zoom: 1; }
.page-login .login-form:after { content: ""; display: table; clear: both; }
.page-login .login-form .form-label { float: left; color: #fff; font-size: 12px; line-height: 1.2; margin-bottom: 5px; }
@media only screen and (min-width: 1000px) { .page-login .login-form .form-label { width: 111px; font-size: 16px; height: 30px; line-height: 30px; margin-bottom: 35px; } }
.page-login .login-form .form-field { margin-bottom: 15px; }
@media only screen and (min-width: 1000px) { .page-login .login-form .form-field { float: left; width: 270px; margin-bottom: 35px; } }
.page-login .login-form .form-field input[type="text"], .page-login .login-form .form-field input[type="password"] { width: 100%; font-size: 12px; height: 20px; line-height: 20px; border-radius: 3px; border: none; }
.page-login .login-form .form-field input[type="text"]:focus, .page-login .login-form .form-field input[type="password"]:focus { box-shadow: inset 0 0 5px 1px rgba(0, 0, 0, 0.33); }
@media only screen and (min-width: 1000px) { .page-login .login-form .form-field input[type="text"], .page-login .login-form .form-field input[type="password"] { font-size: 16px; height: 30px; line-height: 30px; box-shadow: inset 0 0 5px 1px rgba(0, 0, 0, 0.75); } }
.page-login .login-remember { margin: 0 0 20px; text-align: center; color: #fff; font-size: 12px; }
@media only screen and (min-width: 1000px) { .page-login .login-remember { margin: -10px 0 30px; font-size: 14px; } }
.page-login .login-remember input[type="checkbox"] { margin-right: 10px; }
.page-login .login-action button { font-size: 14px; background: #fff; color: #555; width: 100%; height: 40px; line-height: 40px; box-shadow: 0 0 5px rgba(14, 5, 10, 0.3); }
@media only screen and (min-width: 1000px) { .page-login .login-action button { font-size: 18px; width: 230px; height: 45px; line-height: 45px; } }
.page-login .login-note { text-align: right; font-size: 12px; }

@media only screen and (min-width: 1000px) { .login-introduction { float: left; width: 510px; } }

.login-introduction-title { color: #018737; font-weight: normal; font-size: 16px; text-align: center; line-height: 1.5; margin-bottom: 10px; }
@media only screen and (min-width: 1000px) { .login-introduction-title { font-size: 24px; margin-bottom: 25px; } }

.login-introduction-desc { line-height: 1.8; text-align: center; font-size: 12px; margin-bottom: 20px; }
@media only screen and (min-width: 1000px) { .login-introduction-desc { font-size: 16px; margin-bottom: 50px; } }

.login-introduction-link { text-align: center; margin-bottom: 20px; }
@media only screen and (min-width: 1000px) { .login-introduction-link { margin-bottom: 0; } }
.login-introduction-link a { font-size: 16px; height: 40px; width: 100%; line-height: 40px; }
@media only screen and (min-width: 1000px) { .login-introduction-link a { font-size: 22px; width: 314px; height: 66px; line-height: 66px; } }

@media only screen and (min-width: 1000px) { .login-panel-wrapper { float: right; width: 471px; } }
.login-panel-wrapper .alert-error { background: #f00; padding: 15px 20px; color: #fff; text-align: center; border-radius: 4px; margin-bottom: 10px; }

.login-panel { box-sizing: border-box; padding: 15px; border-radius: 4px; background: #0c873a; margin-bottom: 10px; }
@media only screen and (min-width: 1000px) { .login-panel { height: 290px; padding: 42px 45px; } }

@media only screen and (min-width: 1000px) { .information-detail { margin-bottom: -100px; } }
.information-detail .information-meta { *zoom: 1; border-bottom: 1px solid #0c873a; margin-bottom: 25px; }
.information-detail .information-meta:after { content: ""; display: table; clear: both; }
@media only screen and (min-width: 1000px) { .information-detail .information-meta { margin-bottom: 50px; } }
.information-detail .information-title { color: #018737; font-weight: normal; font-size: 16px; margin-bottom: 25px; line-height: 1.4; }
@media only screen and (min-width: 1000px) { .information-detail .information-title { font-size: 24px; margin-bottom: 50px; } }
.information-detail .information-date { font-size: 12px; line-height: 20px; font-weight: bold; }
@media only screen and (min-width: 1000px) { .information-detail .information-date { font-size: 16px; line-height: 40px; } }
.information-detail .information-category { float: right; }
.information-detail .information-category a { display: block; box-sizing: border-box; height: 20px; min-width: 100px; padding: 0 10px; line-height: 20px; text-align: center; font-size: 10px; color: #fff; background-color: #018737; }
@media only screen and (min-width: 1000px) { .information-detail .information-category a { font-size: 16px; height: 40px; min-width: 230px; padding: 0 20px; line-height: 40px; } }

.information-detail-body { margin-bottom: 30px; }
@media only screen and (min-width: 1000px) { .information-detail-body { margin-bottom: 90px; } }

.information-navi { *zoom: 1; margin: 0 -15px 0px; padding: 25px 10px 10px; background: url('img/bg_information.jpg?1482109200') no-repeat center; }
.information-navi:after { content: ""; display: table; clear: both; }
@media only screen and (min-width: 1000px) { .information-navi { padding: 50px 0; } }
.information-navi .information-link { background: #fff; margin-bottom: 15px; -moz-box-shadow: 0 1px 9px 3px rgba(51, 51, 51, 0.3); -webkit-box-shadow: 0 1px 9px 3px rgba(51, 51, 51, 0.3); box-shadow: 0 1px 9px 3px rgba(51, 51, 51, 0.3); }
@media only screen and (min-width: 1000px) { .information-navi .information-link { width: 570px; height: 180px; margin-bottom: 0; }
  .information-navi .information-link.-next { float: right; }
  .information-navi .information-link.-previous { float: left; } }
.information-navi .information-link img { width: 100%; height: auto; }
.information-navi .information-link a { display: block; color: #555; }
.information-navi .information-photo { width: 120px; float: left; }
@media only screen and (min-width: 1000px) { .information-navi .information-photo { width: 280px; } }
.information-navi .information-data { *zoom: 1; position: relative; padding: 10px 10px 0 10px; margin-left: 120px; box-sizing: border-box; }
.information-navi .information-data:after { content: ""; display: table; clear: both; }
@media only screen and (min-width: 1000px) { .information-navi .information-data { padding: 18px 18px 0 20px; margin-left: 280px; } }
.information-navi .information-date { display: block; font-size: 8px; line-height: 1.2; border-bottom: 1px solid #ccc; padding-bottom: 5px; margin-bottom: 10px; }
@media only screen and (min-width: 1000px) { .information-navi .information-date { font-size: 14px; line-height: 25px; padding-bottom: 10px; margin-bottom: 20px; } }
.information-navi .information-title { font-size: 10px; line-height: 1.4; margin-bottom: 0; }
@media only screen and (min-width: 1000px) { .information-navi .information-title { font-size: 14px; } }
.information-navi .information-category { position: absolute; right: 10px; top: 9px; display: inline-block; font-size: 8px; padding: 3px 10px; background: #333; color: #fff; }
@media only screen and (min-width: 1000px) { .information-navi .information-category { right: 18px; top: 18px; font-size: 13px; height: 20px; line-height: 20px; } }

.product-detail { *zoom: 1; margin-bottom: 30px; }
.product-detail:after { content: ""; display: table; clear: both; }
@media only screen and (min-width: 1000px) { .product-detail { margin-bottom: 95px; } }
.product-detail .product-photo { position: relative; margin-bottom: 15px; }
@media only screen and (min-width: 1000px) { .product-detail .product-photo { width: 600px; float: left; margin-bottom: 0; } }
.product-detail .product-photo .slick-dots { margin-top: 10px; text-align: center; letter-spacing: -0.4em; }
@media only screen and (min-width: 1000px) { .product-detail .product-photo .slick-dots { margin-top: 20px; } }
.product-detail .product-photo .slick-dots li { display: inline-block; vertical-align: top; letter-spacing: normal; margin: 0 5px; }
@media only screen and (min-width: 1000px) { .product-detail .product-photo .slick-dots li { margin: 0 13px; } }
.product-detail .product-photo .slick-dots button { border: none; outline: none; padding: 0; margin: 0; width: 10px; height: 10px; border-radius: 50%; background: #ccc; text-indent: -9999px; }
.product-detail .product-photo .slick-dots .slick-active button { background: #0c873a; }
@media only screen and (min-width: 1000px) { .product-detail .product-data { width: 560px; margin-right: 40px; float: right; } }
.product-detail .product-data .product-desc { font-size: 12px; line-height: 1.8; margin-bottom: 15px; }
@media only screen and (min-width: 1000px) { .product-detail .product-data .product-desc { font-size: 18px; margin-bottom: 30px; } }
.product-detail .product-data .product-tag-list { *zoom: 1; margin-bottom: 20px; }
.product-detail .product-data .product-tag-list:after { content: ""; display: table; clear: both; }
.product-detail .product-data .product-tag-list .product-tag-item { float: left; box-sizing: border-box; color: #fff; background-color: #018737; text-align: center; margin-right: 10px; font-size: 12px; height: 18px; line-height: 18px; padding: 0 10px; }
@media only screen and (min-width: 1000px) { .product-detail .product-data .product-tag-list .product-tag-item { margin-right: 10px; font-size: 14px; height: 25px; line-height: 25px; min-width: 125px; padding: 0 20px; } }
.product-detail .product-data .product-price { font-size: 20px; padding-bottom: 8px; border-bottom: 1px solid #ccc; margin-bottom: 10px; }
@media only screen and (min-width: 1000px) { .product-detail .product-data .product-price { font-size: 36px; } }
.product-detail .product-data .product-price-prefix { font-size: 14px; }
@media only screen and (min-width: 1000px) { .product-detail .product-data .product-price-prefix { font-size: 23px; } }
.product-detail .product-data .product-price-suffix { font-size: 14px; }
@media only screen and (min-width: 1000px) { .product-detail .product-data .product-price-suffix { font-size: 23px; } }
.product-detail .product-price-description { font-size: 14px; margin-bottom: 20px; }
.product-detail .product-spec-table { line-height: 1.6; margin-bottom: 20px; }
@media only screen and (min-width: 1000px) { .product-detail .product-spec-table { margin-bottom: 40px; } }
.product-detail .product-spec-table th { color: #018737; text-align: left; white-space: nowrap; }
.product-detail .product-spec-table td { position: relative; padding-left: 1.5em; }
.product-detail .product-spec-table td:before { position: absolute; content: "："; left: 0; }
.product-detail .product-spec-notice { display: block; background: #000; text-align: center; color: #fff; font-size: 10px; line-height: 1.4; padding: 5px 20px; }
@media only screen and (min-width: 1000px) { .product-detail .product-spec-notice { display: inline-block; font-size: 12px; line-height: 1.4; padding: 8px 50px; } }
.product-detail .product-data-table { border-left: 1px solid #018737; border-top: 1px solid #018737; border-collapse: separate; line-height: 1.4; margin-bottom: 20px; width: 100%; }
@media only screen and (min-width: 1000px) { .product-detail .product-data-table { margin-bottom: 40px; } }
.product-detail .product-data-table tr { display: block; }
@media only screen and (min-width: 1000px) { .product-detail .product-data-table tr { display: table-row; } }
.product-detail .product-data-table th, .product-detail .product-data-table td { display: block; background: #fff; font-size: 12px; padding: 5px 10px; border-right: 1px solid #018737; border-bottom: 1px solid #018737; }
@media only screen and (min-width: 1000px) { .product-detail .product-data-table th, .product-detail .product-data-table td { display: table-cell; font-size: 14px; } }
.product-detail .product-data-table th { display: block; font-weight: normal; text-align: left; background: #018737; color: #fff; }
@media only screen and (min-width: 1000px) { .product-detail .product-data-table th { display: table-cell; font-size: 14px; border-right: 1px solid #fff; border-bottom: 1px solid #fff; }
  .product-detail .product-data-table th:last-child { border-right-color: #018737; } }

.product-detail-header { text-align: center; padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #ccc; }
@media only screen and (min-width: 1000px) { .product-detail-header { padding-bottom: 50px; margin-bottom: 50px; } }
.product-detail-header .product-title { font-size: 28px; line-height: 1.4; margin-bottom: 6px; color: #018737; }
@media only screen and (min-width: 1000px) { .product-detail-header .product-title { font-size: 56px; } }
.product-detail-header .product-sub-title { font-size: 18px; line-height: 1.4; color: #018737; }
@media only screen and (min-width: 1000px) { .product-detail-header .product-sub-title { font-size: 36px; } }

.product-category-navi { font-size: 12px; padding: 10px 0; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; }
@media only screen and (min-width: 1000px) { .product-category-navi { font-size: 16px; padding: 20px 0; } }
.product-category-navi ul { letter-spacing: -0.4em; text-align: center; line-height: 1.8; }
.product-category-navi ul li { display: inline-block; letter-spacing: normal; vertical-align: middle; margin: 0 10px; }
@media only screen and (min-width: 1000px) { .product-category-navi ul li { line-height: 1.2; } }
.product-category-navi ul li.current-menu-item a { color: #018737; }
.product-category-navi ul li a { color: #555; text-decoration: none; }
.product-category-navi ul li a:hover { color: #018737; }

@media only screen and (min-width: 1000px) { .catalogue-list-wrapper { margin-top: -30px; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 90px 0 15px; } }

.catalogue-list { letter-spacing: -0.4em; margin: 0 -7px; }
@media only screen and (min-width: 1000px) { .catalogue-list { margin: 0 -59px; } }

.catalogue-item { margin-bottom: 30px; width: 50%; padding: 0 7px; }
@media only screen and (min-width: 1000px) { .catalogue-item { width: 33.333%; padding: 0 59px; margin-bottom: 100px; } }
.catalogue-item a { display: block; color: #018737; }
.catalogue-item .catalogue-photo { background: #fff; border: 1px solid #ccc; margin-bottom: 15px; box-shadow: 0 0 9px 1px rgba(0, 0, 0, 0.25); }
@media only screen and (min-width: 1000px) { .catalogue-item .catalogue-photo { margin-bottom: 30px; } }
.catalogue-item .catalogue-photo img { width: 100%; height: auto; }
.catalogue-item .catalogue-title { text-align: center; color: #018737; font-size: 14px; }
@media only screen and (min-width: 1000px) { .catalogue-item .catalogue-title { font-size: 24px; } }

.catalogue-detail { *zoom: 1; position: relative; }
.catalogue-detail:after { content: ""; display: table; clear: both; }
@media only screen and (min-width: 1000px) { .catalogue-detail { margin-top: -30px; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 90px 0 120px; } }
.catalogue-detail .catalogue-photo { width: 100%; background: #fff; border: 1px solid #ccc; box-shadow: 0 0 9px 1px rgba(0, 0, 0, 0.25); margin-bottom: 20px; }
@media only screen and (min-width: 1000px) { .catalogue-detail .catalogue-photo { width: 377px; height: 539px; float: left; margin: 0 0 0 90px; } }
.catalogue-detail .catalogue-photo img { width: 100%; height: auto; }
@media only screen and (min-width: 1000px) { .catalogue-detail .catalogue-data { position: absolute; top: 50%; -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); right: 195px; width: 440px; } }
.catalogue-detail .catalogue-title { color: #018737; font-weight: normal; line-height: 1.2; margin-bottom: 20px; font-size: 16px; }
@media only screen and (min-width: 1000px) { .catalogue-detail .catalogue-title { font-size: 30px; margin-bottom: 35px; } }
.catalogue-detail .catalogue-link { margin-bottom: 20px; }
@media only screen and (min-width: 1000px) { .catalogue-detail .catalogue-link { margin-bottom: 45px; } }
.catalogue-detail .catalogue-link a { width: 100%; height: 40px; line-height: 40px; font-size: 14px; }
@media only screen and (min-width: 1000px) { .catalogue-detail .catalogue-link a { width: 340px; height: 80px; line-height: 80px; font-size: 24px; } }
.catalogue-detail .catalogue-desc { font-size: 12px; line-height: 1.6; }
@media only screen and (min-width: 1000px) { .catalogue-detail .catalogue-desc { font-size: 18px; } }

.content-list-wrapper { border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 20px 0 2px; }
@media only screen and (min-width: 1000px) { .content-list-wrapper { margin-top: -30px; padding: 50px 0 2px; } }

@media only screen and (min-width: 1000px) { .content-list { margin: 0 -20px; letter-spacing: -0.4em; } }

.content-item { width: 100%; margin: 0 0 20px; background: #fff; border: 1px solid #ccc; }
@media only screen and (min-width: 1000px) { .content-item { width: 400px; margin: 0 20px 48px; } }
.content-item a { display: block; text-decoration: none; color: #555; }
.content-item a:hover { background: #018737; color: #fff; }
.content-item .content-photo { border-bottom: 1px solid #ccc; }
.content-item .content-photo img { width: 100%; height: auto; }
.content-item .content-title { height: 60px; line-height: 60px; text-align: center; font-size: 16px; }
@media only screen and (min-width: 1000px) { .content-item .content-title { height: 100px; line-height: 100px; font-size: 21px; margin: 0; } }

.product-navi-list { border-top: 1px solid #ccc; padding-top: 20px; }
@media only screen and (min-width: 1000px) { .product-navi-list { margin: -30px 0 65px; padding-top: 30px; letter-spacing: -0.4em; } }

.product-navi-item { *zoom: 1; display: inline-block; vertical-align: top; letter-spacing: normal; position: relative; width: 100%; margin: 0 0 20px; background: #e2e2e2; padding: 15px 0; }
.product-navi-item:after { content: ""; display: table; clear: both; }
@media only screen and (min-width: 1000px) { .product-navi-item { width: 628px; height: 100px; margin: 0 24px 0 0; padding: 0; }
  .product-navi-item:nth-child(2n) { margin-right: 0; } }

.product-navi-download .product-navi-data { margin-left: 0; padding: 0 15px; }
@media only screen and (min-width: 1000px) { .product-navi-download .product-navi-data { margin-left: 100px; padding: 0 16px 0 20px; } }

.product-navi-search .product-navi-data { *zoom: 1; padding: 0 15px; }
.product-navi-search .product-navi-data:after { content: ""; display: table; clear: both; }
@media only screen and (min-width: 1000px) { .product-navi-search .product-navi-data { padding: 0 25px; } }

.product-search-field { float: left; width: 80%; }
@media only screen and (min-width: 1000px) { .product-search-field { width: auto; } }
.product-search-field input[type="text"] { padding: 5px 10px; border: none; height: 30px; line-height: 30px; width: 100%; }
@media only screen and (min-width: 1000px) { .product-search-field input[type="text"] { height: 45px; line-height: 45px; width: 475px; border-radius: 5px; } }

.product-search-action { float: right; width: 20%; }
@media only screen and (min-width: 1000px) { .product-search-action { width: auto; } }
.product-search-action button { height: 30px; line-height: 30px; width: 100%; padding: 0; border-radius: 0; }
@media only screen and (min-width: 1000px) { .product-search-action button { height: 45px; line-height: 45px; width: 80px; border-radius: 5px; } }

.product-navi-photo { float: left; display: none; width: 100px; height: 100px; }
@media only screen and (min-width: 1000px) { .product-navi-photo { display: inline-block; } }
.product-navi-photo img { width: 100%; height: auto; }

@media only screen and (min-width: 1000px) { .product-navi-data { position: relative; top: 50%; -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); } }

.product-navi-title { color: #383838; font-size: 16px; margin-bottom: 6px; }
@media only screen and (min-width: 1000px) { .product-navi-title { font-size: 24px; } }

.product-navi-sub-title { color: #017e33; font-size: 10px; margin-bottom: 10px; }
@media only screen and (min-width: 1000px) { .product-navi-sub-title { font-size: 16px; margin-bottom: 0; } }

@media only screen and (min-width: 1000px) { .product-navi-link { position: absolute; right: 16px; top: 50%; -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); } }
.product-navi-link a { width: 100%; font-size: 12px; height: 30px; line-height: 30px; }
@media only screen and (min-width: 1000px) { .product-navi-link a { width: 185px; font-size: 16px; height: 47px; line-height: 47px; } }

.product-category-list { margin: 0 -10px; letter-spacing: -0.4em; }
@media only screen and (min-width: 1000px) { .product-category-list { border-bottom: 1px solid #ccc; margin: 0 0 40px; padding-bottom: 40px; } }
.product-category-list .product-category-item { vertical-align: top; width: 50%; padding: 0 10px; margin: 0 0 20px; }
@media only screen and (min-width: 1000px) { .product-category-list .product-category-item { width: 305px; padding: 0; margin: 0 20px 0 0; }
  .product-category-list .product-category-item:nth-child(4n) { margin-right: 0; } }
.product-category-list .product-category-item a { display: block; color: #018737; text-decoration: none; }
.product-category-list .product-category-photo { border: 1px solid #ccc; margin-bottom: 10px; }
@media only screen and (min-width: 1000px) { .product-category-list .product-category-photo { margin-bottom: 15px; } }
.product-category-list .product-category-photo img { width: 100%; box-sizing: border-box; height: auto; }
.product-category-list .product-category-title { text-align: center; font-size: 14px; line-height: 1.4; }
@media only screen and (min-width: 1000px) { .product-category-list .product-category-title { font-size: 24px; } }

.product-category-header { text-align: center; margin-bottom: 20px; }
@media only screen and (min-width: 1000px) { .product-category-header { margin-bottom: 35px; } }
.product-category-header .product-category-title { font-size: 28px; margin-bottom: 10px; color: #018737; }
@media only screen and (min-width: 1000px) { .product-category-header .product-category-title { font-size: 56px; } }
.product-category-header .product-category-title.-small { font-size: 20px; }
@media only screen and (min-width: 1000px) { .product-category-header .product-category-title.-small { font-size: 30px; } }

.product-category-desc { margin: 15px 0 35px; line-height: 1.6; font-size: 12px; text-align: center; }
.product-category-desc.-type-2 { border-top: 1px solid #ccc; }
@media only screen and (min-width: 1000px) { .product-category-desc.-type-2 { margin: -30px 0 35px; padding-top: 30px; } }
@media only screen and (min-width: 1000px) { .product-category-desc { margin: 25px 0 85px; font-size: 16px; } }

@media only screen and (min-width: 1000px) { .product-list { letter-spacing: -0.4em; margin: 0 -12px 40px; padding-bottom: 40px; border-bottom: 1px solid #ccc; } }
.product-list.-type-2 .product-item + .product-item { margin-top: 0; }
.product-list.-type-2 .product-item .product-title { text-align: center; font-size: 14px; line-height: 1.4; }
@media only screen and (min-width: 1000px) { .product-list.-type-2 .product-item .product-title { font-size: 24px; } }
.product-list .product-item { width: 100%; }
.product-list .product-item + .product-item { margin-top: 40px; }
.product-list .product-item a { display: block; }
@media only screen and (min-width: 1000px) { .product-list .product-item { vertical-align: top; width: 22.6%; margin: 0 1.2%; }
  .product-list .product-item + .product-item { margin-top: 0; } }
.product-list .product-photo { margin-bottom: 15px; }
.product-list .product-photo img { border: 1px solid #ccc; width: 100%; box-sizing: border-box; height: auto; }
.product-list .product-number { font-size: 10px; }
@media only screen and (min-width: 1000px) { .product-list .product-number { font-size: 12px; } }
.product-list .product-title { font-size: 16px; font-weight: normal; line-height: 1.5; color: #018737; margin-bottom: 10px; }
@media only screen and (min-width: 1000px) { .product-list .product-title { font-size: 18px; margin-bottom: 15px; } }
.product-list .product-title a { display: block; }
.product-list .product-sub-title { display: block; font-size: 14px; }
@media only screen and (min-width: 1000px) { .product-list .product-sub-title { font-size: 12px; } }
.product-list .product-price { font-size: 18px; padding-bottom: 5px; margin-bottom: 5px; border-bottom: 1px solid #ccc; }
.product-list .product-price-prefix { font-size: 14px; }
.product-list .product-price-suffix { font-size: 12px; }
.product-list .product-spec-list { font-size: 10px; margin-bottom: 10px; line-height: 1.6; }
@media only screen and (min-width: 1000px) { .product-list .product-spec-list { font-size: 12px; } }
.product-list .product-spec-desc { font-size: 10px; line-height: 1.6; margin-bottom: 15px; }
@media only screen and (min-width: 1000px) { .product-list .product-spec-desc { font-size: 11px; } }
.product-list .product-spec-notice { font-size: 11px; line-height: 1.4; color: #fff; background: #333; padding: 5px 10px; text-align: center; }
.product-list .product-download-list { margin: 10px -8px 0; letter-spacing: -0.4em; }
.product-list .product-download-item { vertical-align: top; width: 33.333%; padding: 0 8px; }
.product-list .product-download-item a { display: block; text-align: center; padding: 5px 10px; font-size: 11px; line-height: 1.4; color: #fff; background: #fd191f; }

.information-category-list { letter-spacing: -0.4em; text-align: left; margin: 0 -5px 40px; }
@media only screen and (min-width: 1000px) { .information-category-list { margin: 0 -15px 95px; text-align: center; } }

.information-category-item { vertical-align: top; text-align: center; padding: 0 5px; margin-bottom: 10px; width: 50%; }
@media only screen and (min-width: 1000px) { .information-category-item { padding: 0 15px; width: 20%; margin-bottom: 0; } }
.information-category-item a { display: block; padding: 5px 0; background: #f5f5f5; color: #555; text-decoration: none; }
@media only screen and (min-width: 1000px) { .information-category-item a { padding: 15px 0; } }
.information-category-item a:hover { opacity: 0.7; }

.information-title-list { letter-spacing: -0.4em; margin-bottom: 30px; }
@media only screen and (min-width: 1000px) { .information-title-list { margin-bottom: 50px; } }

.information-title-item { border-bottom: 1px dotted #555; line-height: 1.4; padding: 12px 0 10px; }
@media only screen and (min-width: 1000px) { .information-title-item { padding: 20px 0; } }
.information-title-item .information-date { vertical-align: top; padding-left: 0; width: auto; font-size: 10px; line-height: 1.4; margin-right: 10px; color: #018737; }
@media only screen and (min-width: 1000px) { .information-title-item .information-date { width: 170px; padding-left: 10px; margin-right: 0; line-height: 1.2; font-size: 16px; } }
.information-title-item .information-category { vertical-align: top; width: auto; }
@media only screen and (min-width: 1000px) { .information-title-item .information-category { width: 100px; } }
.information-title-item .information-category a { display: block; text-align: center; background: #000; color: #fff; font-size: 10px; padding: 2px 10px; margin-top: -2px; text-decoration: none; }
@media only screen and (min-width: 1000px) { .information-title-item .information-category a { padding: 3px 0; font-size: 13px; } }
.information-title-item .information-category a:hover { opacity: 0.7; }
.information-title-item .information-title { vertical-align: top; padding-left: 0; margin-top: 4px; width: auto; }
@media only screen and (min-width: 1000px) { .information-title-item .information-title { padding-left: 20px; margin-top: 0; width: 930px; } }
.information-title-item .information-title a { text-decoration: none; color: #555; }
.information-title-item .information-title a:hover { text-decoration: underline; }

.pager-list { text-align: center; letter-spacing: -0.4em; }

.pager-item { *zoom: 1; margin: 0 2px; }
.pager-item:after { content: ""; display: table; clear: both; }
@media only screen and (min-width: 1000px) { .pager-item { margin: 0 5px; } }
.pager-item a, .pager-item span { display: block; width: 18px; height: 18px; line-height: 18px; text-align: center; text-decoration: none; color: #0c873a; background: #fff; border: 1px solid #0c873a; }
@media only screen and (min-width: 1000px) { .pager-item a, .pager-item span { width: 35px; height: 35px; line-height: 35px; } }
.pager-item a:hover, .pager-item span { color: #fff; background: #0c873a; }
.pager-item.-prev { float: left; margin: 0; }
.pager-item.-prev a { width: auto; padding: 0 10px; }
@media only screen and (min-width: 1000px) { .pager-item.-prev a { width: 120px; } }
.pager-item.-next { float: right; margin: 0; }
.pager-item.-next a { width: auto; padding: 0 10px; }
@media only screen and (min-width: 1000px) { .pager-item.-next a { width: 120px; } }

.history-catch-copy { margin-bottom: 20px; text-align: center; }
.history-catch-copy img { width: 100%; height: auto; }
@media only screen and (min-width: 1000px) { .history-catch-copy { margin-bottom: 45px; }
  .history-catch-copy img { width: auto; } }

.history-sub-catch-copy { text-align: center; line-height: 1.8; margin-bottom: 30px; }
@media only screen and (min-width: 1000px) { .history-sub-catch-copy { margin-bottom: 50px; } }

.section-history { display: table; position: relative; width: 100%; }
.section-history:before { display: table-cell; content: ""; height: 100%; position: absolute; width: 1px; left: 10px; background: #ccc; }
@media only screen and (min-width: 1000px) { .section-history:before { left: 50%; } }
.section-history + .section-history .section-header { margin-top: 15px; }
@media only screen and (min-width: 1000px) { .section-history + .section-history .section-header { margin-top: 30px; } }
.section-history .section-header { position: relative; z-index: 10; background: #0c873a; height: 30px; margin: 0 auto 10px; }
@media only screen and (min-width: 1000px) { .section-history .section-header { width: 460px; background: #0c873a; height: 50px; margin: 0 auto 40px; } }
.section-history .section-header .section-title { color: #fff; font-size: 16px; font-weight: normal; text-align: center; line-height: 30px; }
@media only screen and (min-width: 1000px) { .section-history .section-header .section-title { font-size: 21px; line-height: 50px; } }

.history-block { position: relative; width: 100%; box-sizing: border-box; padding-left: 10px; }
@media only screen and (min-width: 1000px) { .history-block { float: left; clear: both; padding-left: 0; text-align: right; width: 50%; } }
@media only screen and (min-width: 1000px) { .history-block.-right { float: right; text-align: left; } }
@media only screen and (min-width: 1000px) { .history-block.-right .history-date { padding-right: 0; padding-left: 20px; }
  .history-block.-right .history-date:after { right: auto; left: -5px; } }
@media only screen and (min-width: 1000px) { .history-block.-right .history-desc { padding-right: 220px; padding-left: 20px; } }
@media only screen and (min-width: 1000px) { .history-block.-right .history-photo { left: auto; right: 0; } }
@media only screen and (min-width: 1000px) { .history-block.-right .history-photo-note { text-align: right; } }
.history-block .history-date { margin-top: 15px; font-size: 14px; line-height: 25px; border-bottom: 1px solid #ccc; padding-left: 10px; color: #0c873a; position: relative; }
@media only screen and (min-width: 1000px) { .history-block .history-date { font-size: 18px; line-height: 45px; padding-left: 0; padding-right: 20px; margin-top: 0; } }
.history-block .history-date:after { position: absolute; display: block; height: 9px; width: 9px; background: #0c873a; border-radius: 50%; content: ""; left: -4px; bottom: -5px; }
@media only screen and (min-width: 1000px) { .history-block .history-date:after { height: 11px; width: 11px; left: auto; right: -5px; bottom: -5px; } }
.history-block .history-desc { font-size: 12px; line-height: 1.6; padding-top: 5px; padding-left: 10px; min-height: 2em; }
@media only screen and (min-width: 1000px) { .history-block .history-desc { padding-right: 20px; padding-left: 220px; font-size: 16px; } }
.history-block .history-photo { margin-top: 10px; padding-left: 10px; }
.history-block .history-photo img { width: 100%; height: auto; }
@media only screen and (min-width: 1000px) { .history-block .history-photo { position: absolute; padding-left: 0; margin-top: 0; top: 50%; left: 0; -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); } }
.history-block .history-photo-note { display: block; margin-top: 5px; font-size: 10px; }
@media only screen and (min-width: 1000px) { .history-block .history-photo-note { font-size: 12px; text-align: left; } }

.company-table { width: 100%; }
.company-table > tbody > tr { display: block; }
@media only screen and (min-width: 1000px) { .company-table > tbody > tr { display: table-row; } }
.company-table > tbody > tr:first-child > th { margin-top: 0; }
.company-table > tbody > tr > th { display: block; color: #018737; font-weight: bold; text-align: left; line-height: 1.6; margin-top: 10px; }
@media only screen and (min-width: 1000px) { .company-table > tbody > tr > th { display: table-cell; font-weight: normal; font-size: 18px; margin-top: 0; width: 255px; padding: 15px 0 15px 45px; border-bottom: 1px solid #ccc; } }
.company-table > tbody > tr > td { display: block; line-height: 1.6; }
@media only screen and (min-width: 1000px) { .company-table > tbody > tr > td { display: table-cell; font-size: 18px; padding: 15px 0; border-bottom: 1px solid #ccc; } }

.company-officer-table > tbody > tr > th { font-weight: normal; text-align: left; line-height: 1.6; padding-right: 15px; }
@media only screen and (min-width: 1000px) { .company-officer-table > tbody > tr > th { width: 260px; font-size: 18px; padding-right: 0; } }
.company-officer-table > tbody > tr > td { line-height: 1.6; }
@media only screen and (min-width: 1000px) { .company-officer-table > tbody > tr > td { font-size: 18px; } }

.case-detail { *zoom: 1; margin-bottom: 30px; }
.case-detail:after { content: ""; display: table; clear: both; }
@media only screen and (min-width: 1000px) { .case-detail { margin-bottom: 95px; } }
.case-detail .case-photo { position: relative; margin-bottom: 15px; }
@media only screen and (min-width: 1000px) { .case-detail .case-photo { width: 600px; float: left; margin-bottom: 0; } }
.case-detail .case-photo img { width: 100%; height: auto; }
@media only screen and (min-width: 1000px) { .case-detail .case-data { width: 560px; margin-right: 40px; float: right; } }
.case-detail .case-data .case-desc { font-size: 12px; line-height: 1.8; margin-bottom: 15px; }
@media only screen and (min-width: 1000px) { .case-detail .case-data .case-desc { font-size: 18px; margin-bottom: 50px; } }

.case-detail-header { text-align: center; padding-bottom: 20px; margin-bottom: 20px; position: relative; border-bottom: 1px solid #ccc; }
@media only screen and (min-width: 1000px) { .case-detail-header { padding-bottom: 50px; margin-bottom: 50px; } }
.case-detail-header .case-title { font-size: 28px; line-height: 1.4; margin-bottom: 6px; color: #018737; }
@media only screen and (min-width: 1000px) { .case-detail-header .case-title { font-size: 56px; } }
.case-detail-header .case-sub-title { font-size: 18px; line-height: 1.4; color: #018737; }
@media only screen and (min-width: 1000px) { .case-detail-header .case-sub-title { font-size: 36px; } }
.case-detail-header .case-print { padding: 10px 0 0; }
@media only screen and (min-width: 1000px) { .case-detail-header .case-print { position: absolute; right: 0; bottom: 50px; padding: 0; } }
.case-detail-header .case-print a { display: inline-block; background-color: #018737; color: #fff; padding: 0 40px; border-radius: 12px; font-size: 12px; height: 24px; line-height: 24px; }
@media only screen and (min-width: 1000px) { .case-detail-header .case-print a { padding: 0 80px; border-radius: 23px; font-size: 18px; height: 45px; line-height: 45px; } }

.case-meta-title { color: #018737; font-size: 14px; margin-bottom: 10px; }
@media only screen and (min-width: 1000px) { .case-meta-title { font-size: 18px; margin-bottom: 20px; } }

.case-category-list { letter-spacing: -0.4em; }

.case-category-item { display: inline-block; margin-right: 8px; }
@media only screen and (min-width: 1000px) { .case-category-item { margin-right: 15px; } }
.case-category-item:before { content: "・"; }

.case-section { margin-top: 15px; padding-bottom: 10px; }
@media only screen and (min-width: 1000px) { .case-section { margin-top: 30px; padding-bottom: 20px; border-bottom: 1px solid #ccc; } }
.case-section .section-header { border-bottom: 1px solid #ccc; padding-bottom: 10px; margin-bottom: 20px; }
@media only screen and (min-width: 1000px) { .case-section .section-header { padding-bottom: 10px; margin-bottom: 40px; } }
.case-section .section-header .section-title { font-size: 14px; color: #018737; }
@media only screen and (min-width: 1000px) { .case-section .section-header .section-title { font-size: 24px; } }

.case-assoc-image-list { letter-spacing: -0.4em; margin: 0 -7px; }
@media only screen and (min-width: 1000px) { .case-assoc-image-list { margin: 0 -13px; } }

.case-assoc-image-item { vertical-align: top; width: 50%; padding: 0 7px 20px; }
@media only screen and (min-width: 1000px) { .case-assoc-image-item { width: 25%; padding: 0 13px 40px; } }
.case-assoc-image-item img { width: 100%; height: auto; }
.case-assoc-image-item a { display: block; text-decoration: none; }
.case-assoc-image-item a:hover { opacity: 0.7; }

.case-assoc-image-photo { margin-bottom: 10px; }
@media only screen and (min-width: 1000px) { .case-assoc-image-photo { margin-bottom: 20px; } }

.case-assoc-image-title { font-size: 14px; text-align: center; }
@media only screen and (min-width: 1000px) { .case-assoc-image-title { font-size: 18px; } }

.section-page { *zoom: 1; line-height: 1.8; font-size: 12px; }
.section-page:after { content: ""; display: table; clear: both; }
@media only screen and (min-width: 1000px) { .section-page { font-size: 14px; } }
.section-page + .section-page { margin-top: 30px; }
@media only screen and (min-width: 1000px) { .section-page + .section-page { margin-top: 60px; } }
.section-page.-primary h3 { color: #018737; margin-bottom: 15px; }
@media only screen and (min-width: 1000px) { .section-page.-primary h3 { margin-bottom: 30px; } }
.section-page.-primary p { padding: 15px 0; border-top: 1px solid #20934d; border-bottom: 1px solid #20934d; font-size: 12px; line-height: 2; text-align: center; }
@media only screen and (min-width: 1000px) { .section-page.-primary p { font-size: 16px; padding: 30px 0; } }
.section-page.-slim { padding: 0; }
@media only screen and (min-width: 1000px) { .section-page.-slim { padding: 0 50px; } }
.section-page p, .section-page ul, .section-page dl, .section-page ol, .section-page table, .section-page .note { margin-top: 2em; }
.section-page p:first-child, .section-page ul:first-child, .section-page dl:first-child, .section-page ol:first-child, .section-page table:first-child, .section-page .note:first-child { margin-top: 0; }
.section-page h3 { color: #555; font-size: 18px; margin-bottom: 20px; line-height: 1.4; text-align: center; }
@media only screen and (min-width: 1000px) { .section-page h3 { font-size: 22px; margin-bottom: 40px; } }
.section-page h4 { margin-top: 2.5em; margin-bottom: 1em; font-size: 14px; font-weight: bold; }
.section-page h4:first-child { margin-top: 0; }
@media only screen and (min-width: 1000px) { .section-page h4 { font-size: 16px; } }
.section-page img { max-width: 100%; height: auto; }
/*@media only screen and (min-width: 1000px) { .section-page img { max-width: 100%; } }*/
.section-page p { font-size: 12px; line-height: 2; }
@media only screen and (min-width: 1000px) { .section-page p { font-size: 14px; } }
.section-page ul { padding-left: 1.5em; }
.section-page ul li { list-style: disc; }
.section-page dl dt { font-weight: bold; }
.section-page dl dt + dd { margin-top: 0.5em; }
.section-page dl dd + dd { margin-top: 2em; }
.section-page ol { padding-left: 1.5em; }
.section-page ol li { list-style: decimal; }
.section-page table { width: 100%; line-height: 1.5; border: 1px solid #0c873a; border-collapse: collapse; table-layout: fixed; }
.section-page table th { background: #0c873a; color: #fff; font-weight: normal; text-align: center; padding: 10px 8px; font-size: 14px; vertical-align: middle; border: 1px solid #fff; }
@media only screen and (min-width: 1000px) { .section-page table th { padding: 20px 15px; font-size: 18px; } }
.section-page table th.empty { background: #f5f5f5; border: 1px solid #0c873a; }
.section-page table td { padding: 10px; font-size: 12px; text-align: center; vertical-align: middle; border: 1px solid #0c873a; background: #fff; }
@media only screen and (min-width: 1000px) { .section-page table td { padding: 15px; font-size: 16px; } }
.section-page .note { font-size: 9px; line-height: 2; margin-top: 1em; }
@media only screen and (min-width: 1000px) { .section-page .note { font-size: 12px; } }
@media only screen and (min-width: 1000px) { .section-page .alignnone { margin: 0; } }
.section-page .aligncenter { display: block; margin: 0 auto; }
@media only screen and (min-width: 1000px) { .section-page .aligncenter { margin: 0 auto; } }
@media only screen and (min-width: 1000px) { .section-page .alignright { float: right; margin: 0 0 2em 110px; } }
@media only screen and (min-width: 1000px) { .section-page .alignleft { float: left; margin: 0 110px 2em 0; } }
@media only screen and (min-width: 1000px) { .section-page a img.alignright { float: right; margin: 0 0 2em 110px; } }
.section-page a img.alignnone { margin: 0; }
@media only screen and (min-width: 1000px) { .section-page a img.alignnone { margin: 0; } }
@media only screen and (min-width: 1000px) { .section-page a img.alignleft { float: left; margin: 0 110px 2em 0; } }
.section-page a img.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.section-page .wp-caption { background: #fff; border: 1px solid #f0f0f0; max-width: 100%; box-sizing: border-box; padding: 10px; text-align: center; }
.section-page .wp-caption img { border: 0 none; height: auto; margin: 0; max-width: 100%; padding: 0; width: auto; }
.section-page .wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; margin: 0; padding: 0 4px 5px; }
.section-page .wp-caption.alignnone { margin: 0; }
.section-page .wp-caption.alignleft { margin: 0 110px 2em 0; }
.section-page .wp-caption.alignright { margin: 0 0 2em 110px; }

/*# sourceMappingURL=style.css.map */