@charset "UTF-8";
/*
Theme Name: アドバンテックテクノロジーズ株式会社
Theme URI: https://www.advantech.co.jp/
Author: switch up
Author URI: https://www.advantech.co.jp/
Description: アドバンテックテクノロジーズ株式会社 WebサイトのWordPressテーマです。
Version: 1.0
*/
/* ==================================================
[Style]
	 1. Reset
	 2. Font
	 3. Animation
	 4. Base
	 5. Layout
	 6. Module
	 7. State
	 8. Theme
	 9. Slick
	10. Header
	11. Footer
	12. Home
	13. Topics
	14. Service
	15. Products
	16. Company
	17. People
	18. Policy
	19. Sitemap
	20. Contact
	97. Search
	98. Error
	99. WordPress
================================================== */
/* --------------------------------------------------
	 1. Reset
-------------------------------------------------- */
/*
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com 
Twitter: @rich_clark
*/
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, hgroup, main, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

body {
  line-height: 1;
}

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

nav ul {
  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;
}

/* change colours to suit your needs */
ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none;
}

/* change colours to suit your needs */
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;
}

/* change border colour to suit your needs */
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #cccccc;
  margin: 1em 0;
  padding: 0;
}

input, select {
  vertical-align: middle;
}

/* --------------------------------------------------
	 2. Font
-------------------------------------------------- */
/*
 * Noto Sans Japanese (japanese) http://www.google.com/fonts/earlyaccess
 */
@font-face {
  font-family: "Noto Sans Japanese";
  font-style: normal;
  font-weight: 400;
  src: local("NotoSansJP-Regular.otf"), url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Regular.woff2) format("woff2"), url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Regular.woff) format("woff"), url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Regular.otf) format("opentype");
}

@font-face {
  font-family: "Noto Sans Japanese";
  font-style: normal;
  font-weight: 700;
  src: local("NotoSansJP-Bold.otf"), url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Bold.woff2) format("woff2"), url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Bold.woff) format("woff"), url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Bold.otf) format("opentype");
}

/* --------------------------------------------------
	 3. Animation
-------------------------------------------------- */
@-webkit-keyframes scrollbar {
  0%,
  20% {
    right: 80px;
    width: 0;
  }
  80%,
  100% {
    right: 0;
    width: 80px;
  }
}
@keyframes scrollbar {
  0%,
  20% {
    right: 80px;
    width: 0;
  }
  80%,
  100% {
    right: 0;
    width: 80px;
  }
}

@-webkit-keyframes scrollbar_arrow {
  0%,
  20% {
    right: 80px;
    width: 0;
  }
  60% {
    width: 10px;
  }
  80%,
  100% {
    right: 0;
  }
}

@keyframes scrollbar_arrow {
  0%,
  20% {
    right: 80px;
    width: 0;
  }
  60% {
    width: 10px;
  }
  80%,
  100% {
    right: 0;
  }
}

@-webkit-keyframes bounce_up {
  0%,
  60%,
  75%,
  90%,
  100% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes bounce_up {
  0%,
  60%,
  75%,
  90%,
  100% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

/* --------------------------------------------------
	 4. Base
-------------------------------------------------- */
*,
*::before,
*::after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

body {
  position: relative;
  color: #231815;
  font-family: "Noto Sans Japanese", "游ゴシック", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  line-height: 1.8;
  word-break: normal;
  overflow-wrap: normal;
  word-wrap: normal;
  background-color: transparent;
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%;
}

a {
  outline: none;
  word-break: break-all;
  overflow-wrap: break-word;
  word-wrap: break-word;
}

a:link, a:visited {
  color: #004280;
  text-decoration: underline;
}

a:hover, a:active {
  text-decoration: none;
}

ul, ol {
  list-style: none;
}

em, dl, i, address {
  font-style: normal;
}

sup, sub {
  font-size: 0.77778rem;
  line-height: 1.35;
}

sup {
  vertical-align: text-top;
}

sub {
  vertical-align: text-bottom;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
  font-size: 1rem;
  font-family: inherit;
}

table th, table td {
  text-align: left;
  vertical-align: middle;
  padding: 0.5em 1em;
}

table th {
  font-weight: normal;
}

table td {
  word-break: break-all;
  overflow-wrap: break-word;
  word-wrap: break-word;
}

select,
textarea,
input[type="text"],
input[type="email"],
input[type="password"] {
  margin: 5px;
  padding: 6px;
  color: #222222;
  font-size: 1rem;
  font-family: "Noto Sans Japanese", "游ゴシック", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  border: 1px solid #000;
  border-radius: 0.25em;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  outline: none;
}

textarea,
input[type="text"],
input[type="email"],
input[type="password"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

input[type="text"].align_left {
  text-align: left;
}

input[type="text"].align_center {
  text-align: center;
}

input[type="text"].align_right {
  text-align: right;
}

input[type="radio"], input[type="checkbox"] {
  margin: 3px 0 5px 5px;
  outline: none;
  cursor: pointer;
}

input[type="radio"] + label,
input[type="checkbox"] + label {
  padding: 0 8px 0 2px;
  cursor: pointer;
}

input:-moz-placeholder, textarea:-moz-placeholder {
  color: #b3b3b3;
}

input::-moz-placeholder, textarea::-moz-placeholder {
  color: #b3b3b3;
}

input:-ms-input-placeholder, textarea:-ms-input-placeholder {
  color: #b3b3b3;
}

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
  color: #b3b3b3;
}

form label {
  display: inline-block;
  vertical-align: middle;
  margin-right: 1em;
  cursor: pointer;
}

p {
  min-height: 1.8em;
}

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

iframe {
  max-width: 100%;
}

@media all and (min-width: 740px) {
  html {
    font-size: 18px;
  }
}

@media only screen and (max-width: 739px) {
  html {
    font-size: 16px;
  }
}

/* --------------------------------------------------
	 5. Layout
-------------------------------------------------- */
#all {
  overflow: hidden;
}

#content,
#footer {
  clear: both;
}

#content .inner,
#footer .inner {
  position: relative;
  margin: 0 auto;
}

#primary .main_img h2 {
  color: #fff;
  background: transparent url(image/bg_main.jpg) no-repeat center center;
  background-size: cover;
}

#primary .main_img h2 span,
#primary .main_img h2 strong {
  display: block;
  line-height: 1.2;
}

#primary .main_img h2 span {
  font-size: 4.33333rem;
}

#primary .main_img h2 strong {
  font-size: 1.11111rem;
}

#breadline .inner {
  max-width: 100%;
}

#breadline li {
  display: inline-block;
  vertical-align: middle;
  padding: .5em 0;
}

#breadline .divider {
  padding: 0 .5em;
}

#breadline span {
  display: inline-block;
  vertical-align: middle;
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-break: normal;
  overflow-wrap: normal;
  word-wrap: normal;
  color: #231815;
}

@media all and (min-width: 1140px) {
  #content .inner,
  #footer .inner {
    padding-left: 20px;
    padding-right: 50px;
    max-width: 1600px;
  }
  #content {
    padding-top: 90px;
  }
  #primary .main_img h2 {
    padding: 3.75em 50px 3.75em 20px;
  }
  #sidebar {
    position: fixed;
    right: 0;
    top: 0;
    background-color: #fff;
    -webkit-box-shadow: 0 0 15px 5px rgba(102, 102, 102, 0.5);
    box-shadow: 0 0 15px 5px rgba(102, 102, 102, 0.5);
    z-index: 10;
  }
  #sidebar li {
    border-top: 1px solid #fff;
  }
  #sidebar li.global {
    border-top: none;
  }
  #sidebar a {
    display: block;
    overflow: hidden;
    color: transparent;
    text-decoration: none;
    text-indent: 110%;
    white-space: nowrap;
    font-size: 0;
    width: 50px;
    height: 50px;
    background: #f39800 no-repeat center center;
    background-size: contain;
    -webkit-transition: background-color 0.4s;
    transition: background-color 0.4s;
  }
  #sidebar a:hover {
    background-color: #ffae27;
  }
  #sidebar .global a {
    background-image: url(image/icon_sidebar_global.png);
  }
  #sidebar .dms a {
    background-image: url(image/icon_sidebar_dms.png);
  }
  #sidebar .contact a {
    background-image: url(image/icon_sidebar_contact.png);
  }
  #sidebar .twitter a {
    background-image: url(https://blog.advantech.co.jp/wp-content/uploads/2020/11/icon_sidebar_twitter.png);
  }
  #sidebar .linkedin a {
    background-image: url(https://blog.advantech.co.jp/wp-content/uploads/2020/11/icon_sidebar_linkedin.png);
  }
  #sidebar .facebook a {
    background-image: url(https://blog.advantech.co.jp/wp-content/uploads/2020/11/icon_sidebar_facebook.png);
  }
  #sidebar .instagram a {
    background-image: url(https://blog.advantech.co.jp/wp-content/uploads/2020/11/icon_sidebar_instagram.png);
  }
  #sidebar .youtube a {
    background-image: url(https://blog.advantech.co.jp/wp-content/uploads/2020/11/icon_sidebar_youtube.png);
  }
  #sidebar #pagetop a {
    background-color: #000;
    background-image: url(image/icon_sidebar_pagetop.png);
  }
  #sidebar #pagetop a:hover {
    background-color: #333333;
  }
  #footerbar {
    display: none;
  }
}

@media all and (min-width: 1600px) {
  #breadline span {
    max-width: 60em;
  }
}

@media all and (min-width: 1140px) and (max-width: 1249px) {
  #content {
    padding-top: 110px;
  }
  #breadline span {
    max-width: 34em;
  }
}

@media only screen and (max-width: 1139px) {
  #content,
  #footer {
    min-width: 320px;
  }
  #content .inner,
  #footer .inner {
    padding-left: 20px;
    padding-right: 20px;
    min-width: 280px;
  }
  #content {
    padding-top: 50px;
  }
  #primary .main_img h2 {
    padding: 2.5em 20px;
  }
  #primary .main_img h2 span {
    font-size: 2.11111rem;
  }
  #primary .main_img h2 strong {
    font-size: 0.88889rem;
  }
  #sidebar {
    display: none;
  }
  #footerbar {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.75);
    z-index: 10;
    -webkit-transition: bottom 0.4s;
    transition: bottom 0.4s;
  }
  #footerbar > .search {
    display: none;
  }
  #footerbar > .search form {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 20px;
  }
  #footerbar > .search .keyword {
    margin: 0;
    padding: .375rem .75rem;
    width: calc(100% - 50px);
    font-size: 16px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
  #footerbar > .search .submit {
    width: 50px;
    background-size: 20px;
    display: block;
    overflow: hidden;
    color: transparent;
    text-decoration: none;
    text-indent: 110%;
    white-space: nowrap;
    font-size: 0;
    width: 50px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: none;
    background: #000 url(image/icon_header_search.png) no-repeat center center;
    background-size: 25px;
    border: 1px solid #000;
    border-radius: .5rem;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    cursor: pointer;
  }
  #footerbar ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
  #footerbar li {
    width: 33.33333%;
  }
  #footerbar li.home a::before {
    background-image: url(image/icon_footer_home.png);
  }
  #footerbar li.topics a::before {
    background-image: url(image/icon_footer_topics.png);
  }
  #footerbar li.products a::before {
    background-image: url(image/icon_footer_products.png);
  }
  #footerbar li.search a::before {
    background-image: url(image/icon_footer_search.png);
  }
  #footerbar a {
    display: block;
    padding: 10px 0 5px;
    width: 100%;
    color: #fff;
    font-size: 0.88889rem;
    text-decoration: none;
    text-align: center;
  }
  #footerbar a::before {
    display: block;
    content: "";
    height: 30px;
    background: transparent no-repeat center center;
    background-size: contain;
  }
}

/* --------------------------------------------------
	 6. Module
-------------------------------------------------- */
.text_align_left {
  text-align: left;
}

.text_align_center {
  text-align: center;
}

.text_align_right {
  text-align: right;
}

a[href^="tel:"] {
  color: #231815 !important;
  text-decoration: none !important;
  pointer-events: none;
}

table {
  margin: 2em 0;
  width: 100%;
}

table.basic_table th, table.simple_table th {
  text-align: center;
  white-space: nowrap;
}

table.basic_table {
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
}

table.basic_table th,
table.basic_table td {
  border-left: 1px solid #000;
  border-top: 1px solid #000;
}

table.basic_table th {
  background-color: #d3e4f2;
}

table.simple_table th,
table.simple_table td {
  border-bottom: 1px dashed #000;
}

table.simple_table th {
  background-color: #f7f7f7;
}

table.simple_table tbody tr:last-child th,
table.simple_table tbody tr:last-child td {
  border-bottom: none;
}

.flex > .row > [class^=col],
.block > .row > [class^=col] {
  padding: 1%;
}

.flex > .row > [class^=col].left,
.block > .row > [class^=col].left {
  text-align: left;
}

.flex > .row > [class^=col].center,
.block > .row > [class^=col].center {
  text-align: center;
}

.flex > .row > [class^=col].right,
.block > .row > [class^=col].right {
  text-align: right;
}

.flex > .row > [class^=col].offset1,
.block > .row > [class^=col].offset1 {
  margin-left: 8.33333%;
}

.flex > .row > [class^=col].offset2,
.block > .row > [class^=col].offset2 {
  margin-left: 16.66667%;
}

.flex > .row > [class^=col].offset3,
.block > .row > [class^=col].offset3 {
  margin-left: 25%;
}

.flex > .row > [class^=col].offset4,
.block > .row > [class^=col].offset4 {
  margin-left: 33.33333%;
}

.flex > .row > [class^=col].offset5,
.block > .row > [class^=col].offset5 {
  margin-left: 41.66667%;
}

.flex > .row > [class^=col].offset6,
.block > .row > [class^=col].offset6 {
  margin-left: 50%;
}

.flex > .row > [class^=col].offset7,
.block > .row > [class^=col].offset7 {
  margin-left: 58.33333%;
}

.flex > .row > [class^=col].offset8,
.block > .row > [class^=col].offset8 {
  margin-left: 66.66667%;
}

.flex > .row > [class^=col].offset9,
.block > .row > [class^=col].offset9 {
  margin-left: 75%;
}

.flex > .row > [class^=col].offset10,
.block > .row > [class^=col].offset10 {
  margin-left: 83.33333%;
}

.flex > .row > [class^=col].offset11,
.block > .row > [class^=col].offset11 {
  margin-left: 91.66667%;
}

.flex > .row > .col1,
.block > .row > .col1 {
  width: 8.33333%;
}

.flex > .row > .col2,
.block > .row > .col2 {
  width: 16.66667%;
}

.flex > .row > .col3,
.block > .row > .col3 {
  width: 25%;
}

.flex > .row > .col4,
.block > .row > .col4 {
  width: 33.33333%;
}

.flex > .row > .col5,
.block > .row > .col5 {
  width: 41.66667%;
}

.flex > .row > .col6,
.block > .row > .col6 {
  width: 50%;
}

.flex > .row > .col7,
.block > .row > .col7 {
  width: 58.33333%;
}

.flex > .row > .col8,
.block > .row > .col8 {
  width: 66.66667%;
}

.flex > .row > .col9,
.block > .row > .col9 {
  width: 75%;
}

.flex > .row > .col10,
.block > .row > .col10 {
  width: 83.33333%;
}

.flex > .row > .col11,
.block > .row > .col11 {
  width: 91.66667%;
}

.flex > .row > .col12,
.block > .row > .col12 {
  width: 100%;
}

.flex > .row.gutter > [class^=col],
.block > .row.gutter > [class^=col] {
  margin-bottom: 2%;
  padding: 0;
}

.flex > .row.gutter > [class^=col].offset1,
.block > .row.gutter > [class^=col].offset1 {
  margin-left: 6.5%;
}

.flex > .row.gutter > [class^=col].offset2,
.block > .row.gutter > [class^=col].offset2 {
  margin-left: 15%;
}

.flex > .row.gutter > [class^=col].offset3,
.block > .row.gutter > [class^=col].offset3 {
  margin-left: 23.5%;
}

.flex > .row.gutter > [class^=col].offset4,
.block > .row.gutter > [class^=col].offset4 {
  margin-left: 32%;
}

.flex > .row.gutter > [class^=col].offset5,
.block > .row.gutter > [class^=col].offset5 {
  margin-left: 40.5%;
}

.flex > .row.gutter > [class^=col].offset6,
.block > .row.gutter > [class^=col].offset6 {
  margin-left: 49%;
}

.flex > .row.gutter > [class^=col].offset7,
.block > .row.gutter > [class^=col].offset7 {
  margin-left: 57.5%;
}

.flex > .row.gutter > [class^=col].offset8,
.block > .row.gutter > [class^=col].offset8 {
  margin-left: 66%;
}

.flex > .row.gutter > [class^=col].offset9,
.block > .row.gutter > [class^=col].offset9 {
  margin-left: 74.5%;
}

.flex > .row.gutter > [class^=col].offset10,
.block > .row.gutter > [class^=col].offset10 {
  margin-left: 83%;
}

.flex > .row.gutter > [class^=col].offset11,
.block > .row.gutter > [class^=col].offset11 {
  margin-left: 91.5%;
}

.flex > .row.gutter > .col1,
.block > .row.gutter > .col1 {
  width: 6.5%;
}

.flex > .row.gutter > .col2,
.block > .row.gutter > .col2 {
  width: 15%;
}

.flex > .row.gutter > .col3,
.block > .row.gutter > .col3 {
  width: 23.5%;
}

.flex > .row.gutter > .col4,
.block > .row.gutter > .col4 {
  width: 32%;
}

.flex > .row.gutter > .col5,
.block > .row.gutter > .col5 {
  width: 40.5%;
}

.flex > .row.gutter > .col6,
.block > .row.gutter > .col6 {
  width: 49%;
}

.flex > .row.gutter > .col7,
.block > .row.gutter > .col7 {
  width: 57.5%;
}

.flex > .row.gutter > .col8,
.block > .row.gutter > .col8 {
  width: 66%;
}

.flex > .row.gutter > .col9,
.block > .row.gutter > .col9 {
  width: 74.5%;
}

.flex > .row.gutter > .col10,
.block > .row.gutter > .col10 {
  width: 83%;
}

.flex > .row.gutter > .col11,
.block > .row.gutter > .col11 {
  width: 91.5%;
}

.flex > .row.gutter > .col12,
.block > .row.gutter > .col12 {
  width: 100%;
}

.flex > .row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.flex > .row.gutter {
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.flex > .row.reverse {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}

.flex > .row.reverse > .offset1 {
  margin-left: 0;
  margin-right: 8.33333%;
}

.flex > .row.reverse.gutter > .offset1 {
  margin-left: 0;
  margin-right: 8.5%;
}

.flex > .row.reverse > .offset2 {
  margin-left: 0;
  margin-right: 16.66667%;
}

.flex > .row.reverse.gutter > .offset2 {
  margin-left: 0;
  margin-right: 17%;
}

.flex > .row.reverse > .offset3 {
  margin-left: 0;
  margin-right: 25%;
}

.flex > .row.reverse.gutter > .offset3 {
  margin-left: 0;
  margin-right: 25.5%;
}

.flex > .row.reverse > .offset4 {
  margin-left: 0;
  margin-right: 33.33333%;
}

.flex > .row.reverse.gutter > .offset4 {
  margin-left: 0;
  margin-right: 34%;
}

.flex > .row.reverse > .offset5 {
  margin-left: 0;
  margin-right: 41.66667%;
}

.flex > .row.reverse.gutter > .offset5 {
  margin-left: 0;
  margin-right: 42.5%;
}

.flex > .row.reverse > .offset6 {
  margin-left: 0;
  margin-right: 50%;
}

.flex > .row.reverse.gutter > .offset6 {
  margin-left: 0;
  margin-right: 51%;
}

.flex > .row.reverse > .offset7 {
  margin-left: 0;
  margin-right: 58.33333%;
}

.flex > .row.reverse.gutter > .offset7 {
  margin-left: 0;
  margin-right: 59.5%;
}

.flex > .row.reverse > .offset8 {
  margin-left: 0;
  margin-right: 66.66667%;
}

.flex > .row.reverse.gutter > .offset8 {
  margin-left: 0;
  margin-right: 68%;
}

.flex > .row.reverse > .offset9 {
  margin-left: 0;
  margin-right: 75%;
}

.flex > .row.reverse.gutter > .offset9 {
  margin-left: 0;
  margin-right: 76.5%;
}

.flex > .row.reverse > .offset10 {
  margin-left: 0;
  margin-right: 83.33333%;
}

.flex > .row.reverse.gutter > .offset10 {
  margin-left: 0;
  margin-right: 85%;
}

.flex > .row.reverse > .offset11 {
  margin-left: 0;
  margin-right: 91.66667%;
}

.flex > .row.reverse.gutter > .offset11 {
  margin-left: 0;
  margin-right: 93.5%;
}

.block > .row::after {
  display: block;
  content: "";
  clear: both;
}

.block > .row > [class^=col] {
  float: left;
}

.block > .row.gutter > [class^=col]:not(:first-child) {
  margin-left: 2%;
}

.block > .row.gutter > [class^=col].offset1 {
  margin-left: 10.5%;
}

.block > .row.gutter > [class^=col].offset1:first-child {
  margin-left: 8.5%;
}

.block > .row.gutter > [class^=col].offset2 {
  margin-left: 19%;
}

.block > .row.gutter > [class^=col].offset2:first-child {
  margin-left: 17%;
}

.block > .row.gutter > [class^=col].offset3 {
  margin-left: 27.5%;
}

.block > .row.gutter > [class^=col].offset3:first-child {
  margin-left: 25.5%;
}

.block > .row.gutter > [class^=col].offset4 {
  margin-left: 36%;
}

.block > .row.gutter > [class^=col].offset4:first-child {
  margin-left: 34%;
}

.block > .row.gutter > [class^=col].offset5 {
  margin-left: 44.5%;
}

.block > .row.gutter > [class^=col].offset5:first-child {
  margin-left: 42.5%;
}

.block > .row.gutter > [class^=col].offset6 {
  margin-left: 53%;
}

.block > .row.gutter > [class^=col].offset6:first-child {
  margin-left: 51%;
}

.block > .row.gutter > [class^=col].offset7 {
  margin-left: 61.5%;
}

.block > .row.gutter > [class^=col].offset7:first-child {
  margin-left: 59.5%;
}

.block > .row.gutter > [class^=col].offset8 {
  margin-left: 70%;
}

.block > .row.gutter > [class^=col].offset8:first-child {
  margin-left: 68%;
}

.block > .row.gutter > [class^=col].offset9 {
  margin-left: 78.5%;
}

.block > .row.gutter > [class^=col].offset9:first-child {
  margin-left: 76.5%;
}

.block > .row.gutter > [class^=col].offset10 {
  margin-left: 87%;
}

.block > .row.gutter > [class^=col].offset10:first-child {
  margin-left: 85%;
}

.block > .row.gutter > [class^=col].offset11 {
  margin-left: 95.5%;
}

.block > .row.gutter > [class^=col].offset11:first-child {
  margin-left: 93.5%;
}

.block > .row.reverse > [class^=col] {
  float: right;
}

.block > .row.reverse > [class^=col].offset1 {
  margin-left: 0;
  margin-right: 8.33333%;
}

.block > .row.reverse > [class^=col].offset2 {
  margin-left: 0;
  margin-right: 16.66667%;
}

.block > .row.reverse > [class^=col].offset3 {
  margin-left: 0;
  margin-right: 25%;
}

.block > .row.reverse > [class^=col].offset4 {
  margin-left: 0;
  margin-right: 33.33333%;
}

.block > .row.reverse > [class^=col].offset5 {
  margin-left: 0;
  margin-right: 41.66667%;
}

.block > .row.reverse > [class^=col].offset6 {
  margin-left: 0;
  margin-right: 50%;
}

.block > .row.reverse > [class^=col].offset7 {
  margin-left: 0;
  margin-right: 58.33333%;
}

.block > .row.reverse > [class^=col].offset8 {
  margin-left: 0;
  margin-right: 66.66667%;
}

.block > .row.reverse > [class^=col].offset9 {
  margin-left: 0;
  margin-right: 75%;
}

.block > .row.reverse > [class^=col].offset10 {
  margin-left: 0;
  margin-right: 83.33333%;
}

.block > .row.reverse > [class^=col].offset11 {
  margin-left: 0;
  margin-right: 91.66667%;
}

.block > .row.reverse.gutter > [class^=col]:not(:first-child) {
  margin-left: 0;
  margin-right: 2%;
}

.block > .row.reverse.gutter > [class^=col].offset1 {
  margin-left: 0;
  margin-right: 10.5%;
}

.block > .row.reverse.gutter > [class^=col].offset1:first-child {
  margin-right: 8.5%;
}

.block > .row.reverse.gutter > [class^=col].offset2 {
  margin-left: 0;
  margin-right: 19%;
}

.block > .row.reverse.gutter > [class^=col].offset2:first-child {
  margin-right: 17%;
}

.block > .row.reverse.gutter > [class^=col].offset3 {
  margin-left: 0;
  margin-right: 27.5%;
}

.block > .row.reverse.gutter > [class^=col].offset3:first-child {
  margin-right: 25.5%;
}

.block > .row.reverse.gutter > [class^=col].offset4 {
  margin-left: 0;
  margin-right: 36%;
}

.block > .row.reverse.gutter > [class^=col].offset4:first-child {
  margin-right: 34%;
}

.block > .row.reverse.gutter > [class^=col].offset5 {
  margin-left: 0;
  margin-right: 44.5%;
}

.block > .row.reverse.gutter > [class^=col].offset5:first-child {
  margin-right: 42.5%;
}

.block > .row.reverse.gutter > [class^=col].offset6 {
  margin-left: 0;
  margin-right: 53%;
}

.block > .row.reverse.gutter > [class^=col].offset6:first-child {
  margin-right: 51%;
}

.block > .row.reverse.gutter > [class^=col].offset7 {
  margin-left: 0;
  margin-right: 61.5%;
}

.block > .row.reverse.gutter > [class^=col].offset7:first-child {
  margin-right: 59.5%;
}

.block > .row.reverse.gutter > [class^=col].offset8 {
  margin-left: 0;
  margin-right: 70%;
}

.block > .row.reverse.gutter > [class^=col].offset8:first-child {
  margin-right: 68%;
}

.block > .row.reverse.gutter > [class^=col].offset9 {
  margin-left: 0;
  margin-right: 78.5%;
}

.block > .row.reverse.gutter > [class^=col].offset9:first-child {
  margin-right: 76.5%;
}

.block > .row.reverse.gutter > [class^=col].offset10 {
  margin-left: 0;
  margin-right: 87%;
}

.block > .row.reverse.gutter > [class^=col].offset10:first-child {
  margin-right: 85%;
}

.block > .row.reverse.gutter > [class^=col].offset11 {
  margin-left: 0;
  margin-right: 95.5%;
}

.block > .row.reverse.gutter > [class^=col].offset11:first-child {
  margin-right: 93.5%;
}

div .focus,
div .attention {
  margin: 2em 1em;
  padding: 1em 2em;
}

div .focus strong,
div .attention strong {
  font-size: 1.27778rem;
}

div .focus {
  background-color: #f7f7f7;
}

div .attention {
  background-color: #d3e4f2;
}

.basic_btn {
  display: inline-block;
  min-width: 12em;
  padding: 0 1em .05em;
  color: #fff !important;
  text-decoration: none !important;
  text-align: center;
  background-color: #f39800;
  border: 1px solid #f39800;
}

.basic_btn.blue {
  color: #fff !important;
  background-color: #004280;
  border: 1px solid #004280;
}

.basic_ul {
  margin-left: 2em;
}

.basic_ul > li {
  position: relative;
  padding-left: .25em;
}

.basic_ul > li::before {
  position: absolute;
  left: -1em;
  top: .65em;
  display: block;
  content: "";
  width: 10px;
  height: 10px;
  background-color: #f39800;
  border: 2px solid #f39800;
  border-radius: 50%;
}

.basic_ul > li > ul,
.basic_ul > li > ol {
  margin-left: 1.25em;
}

.basic_ul > li > ul > li::before {
  background-color: transparent;
}

.basic_ol {
  margin-left: 2em;
  list-style: decimal;
}

.basic_ol > li {
  padding-left: .25em;
}

.basic_ol > li > ul,
.basic_ol > li > ol {
  margin-left: 1.25em;
}

.basic_dl {
  margin-left: 1em;
}

.basic_dl > dt {
  color: #004280;
  font-weight: bold;
}

.basic_dl > dd {
  margin-left: 1em;
}

.pagination {
  padding-top: 2em;
}

.pagination ul {
  text-align: center;
  font-size: 0;
}

.pagination li {
  display: inline-block;
  vertical-align: middle;
  font-size: 1rem;
}

.pagination li a,
.pagination li span {
  display: inline-block;
  vertical-align: middle;
  margin: 5px;
  padding: 5px 15px;
  color: #004280 !important;
  font-weight: bold;
  text-align: center;
  text-decoration: none !important;
  border: 1px solid #004280;
}

.pagination li a {
  color: #fff !important;
  text-decoration: none;
  background-color: #004280;
}

.pagination li span {
  color: #004280;
}

@media all and (min-width: 740px) {
  .basic_btn {
    -webkit-transition: color 0.4s, background-color 0.4s;
    transition: color 0.4s, background-color 0.4s;
  }
  .basic_btn:hover {
    color: #fff !important;
    background-color: #000;
    border: 1px solid #000;
  }
  .basic_btn.blue:hover {
    color: #004280 !important;
    background-color: #fff;
    border: 1px solid #004280;
  }
  .pagination li a {
    -webkit-transition: color 0.4s, background-color 0.4s;
    transition: color 0.4s, background-color 0.4s;
  }
  .pagination li a:hover {
    color: #004280 !important;
    background-color: #fff;
  }
}

@media only screen and (max-width: 739px) {
  a[href^="tel:"] {
    color: #004280 !important;
    text-decoration: underline !important;
    pointer-events: auto;
  }
  .table_frame {
    margin-bottom: 2em;
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
  }
  .table_frame::-webkit-scrollbar {
    height: 10px;
  }
  .table_frame::-webkit-scrollbar-thumb {
    background-color: #004280;
    border-radius: 5px;
  }
  .table_frame table {
    margin-bottom: 0 !important;
    width: auto;
  }
  .table_frame th,
  .table_frame td {
    white-space: nowrap;
  }
  table.vertical > thead > tr > th,
  table.vertical > thead > tr > td,
  table.vertical > tbody > tr > th,
  table.vertical > tbody > tr > td {
    display: block;
    white-space: normal !important;
    width: 100%;
    min-height: 1.8em;
  }
  table.vertical > thead > tr > th:empty,
  table.vertical > thead > tr > td:empty,
  table.vertical > tbody > tr > th:empty,
  table.vertical > tbody > tr > td:empty {
    display: none;
  }
  .flex > .row.vertical > [class^=col],
  .block > .row.vertical > [class^=col] {
    margin-right: 0;
    margin-left: 0;
    padding-right: 0;
    padding-left: 0;
    width: 100% !important;
  }
  .flex > .row.vertical {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .block > .row.vertical > [class^=col] {
    float: none;
  }
  .basic_btn {
    padding: .5em 1em .55em;
  }
}

/* --------------------------------------------------
	 7. State
-------------------------------------------------- */
/* --------------------------------------------------
	 8. Theme
-------------------------------------------------- */
body#tinymce section {
  opacity: 1 !important;
  -webkit-transform: translate3d(0, 0, 0) !important;
  transform: translate3d(0, 0, 0) !important;
}

body#tinymce section,
article section {
  opacity: 0;
  -webkit-transform: translate3d(0, 50px, 0);
  transform: translate3d(0, 50px, 0);
  -webkit-transition: opacity .75s .25s, -webkit-transform .75s .25s;
  transition: opacity .75s .25s, -webkit-transform .75s .25s;
  transition: opacity .75s .25s, transform .75s .25s;
  transition: opacity .75s .25s, transform .75s .25s, -webkit-transform .75s .25s;
}

body#tinymce section.is_show,
article section.is_show {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

body#tinymce h3,
body#tinymce h4,
body#tinymce h5,
body#tinymce h6,
article h3,
article h4,
article h5,
article h6 {
  padding-top: 2em;
  text-align: center;
}

body#tinymce h3:first-child,
body#tinymce h4:first-child,
body#tinymce h5:first-child,
body#tinymce h6:first-child,
article h3:first-child,
article h4:first-child,
article h5:first-child,
article h6:first-child {
  padding-top: 0;
}

body#tinymce h3 + h4,
body#tinymce h4 + h5,
body#tinymce h5 + h6,
article h3 + h4,
article h4 + h5,
article h5 + h6 {
  padding-top: 0;
}

body#tinymce h3,
article h3 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-bottom: 1em;
  font-size: 2.33333rem;
}

body#tinymce h3::before, body#tinymce h3::after,
article h3::before,
article h3::after {
  display: block;
  content: "";
  width: 2em;
}

body#tinymce h3::before,
article h3::before {
  height: 1.5em;
  background: transparent url(image/bg_h3.png) no-repeat center top;
  background-size: 20px;
}

body#tinymce h4,
article h4 {
  position: relative;
  margin-bottom: .75em;
  padding-bottom: .5em;
  font-size: 2.11111rem;
}

body#tinymce h4::after,
article h4::after {
  position: absolute;
  left: 50%;
  bottom: 0;
  display: block;
  content: "";
  margin-left: -48px;
  width: 96px;
  height: 4px;
  background-color: #f39800;
}

body#tinymce h5,
article h5 {
  position: relative;
  margin-bottom: .75em;
  padding-bottom: .5em;
  font-size: 1.88889rem;
}

body#tinymce h5::after,
article h5::after {
  position: absolute;
  left: 50%;
  bottom: 0;
  display: block;
  content: "";
  margin-left: -18px;
  width: 36px;
  height: 4px;
  background-color: #004280;
}

body#tinymce h6,
article h6 {
  margin-bottom: .75em;
  font-size: 1.44444rem;
}

body#tinymce a:link, body#tinymce a:visited,
article a:link,
article a:visited {
  color: #004280;
  text-decoration: underline;
}

body#tinymce a[target="_blank"]::after, body#tinymce a[href$=".pdf"]::after,
article a[target="_blank"]::after,
article a[href$=".pdf"]::after {
  display: inline-block;
  vertical-align: middle;
  content: "";
  margin-left: 5px;
  width: 20px;
  height: 20px;
  background: transparent no-repeat center top;
  background-size: contain;
}

body#tinymce a[target="_blank"]::after,
article a[target="_blank"]::after {
  background-image: url(image/icon_window.png);
}

body#tinymce a[href$=".pdf"]::after,
article a[href$=".pdf"]::after {
  background-image: url(image/icon_pdf.png);
}

body#tinymce a.read_more,
article a.read_more {
  position: relative;
  display: inline-block;
  margin-bottom: 1.5em;
  padding-right: 90px;
  font-size: 0.94444rem;
  font-weight: bold;
  line-height: 1;
}

body#tinymce a.read_more:hover,
article a.read_more:hover {
  text-decoration: none;
}

body#tinymce a.read_more::before, body#tinymce a.read_more::after,
article a.read_more::before,
article a.read_more::after {
  position: absolute;
  right: 0;
  bottom: 0;
  display: block;
  content: "";
  height: 1px;
  background-color: #f39800;
}

body#tinymce a.read_more::before,
article a.read_more::before {
  width: 80px;
}

body#tinymce a.read_more::after,
article a.read_more::after {
  width: 10px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transform-origin: right bottom;
  transform-origin: right bottom;
}

body#tinymce .image a[target="_blank"]::after,
article .image a[target="_blank"]::after {
  display: none;
}

.list_topics_title {
  margin-bottom: .25em;
  color: #004280;
  font-size: 1.11111rem;
  font-weight: bold;
}

.list_topics a {
  display: block;
  color: #231815 !important;
  font-size: 0.72222rem;
  text-decoration: none !important;
  background-color: #fff;
  border: 1px solid rgba(102, 102, 102, 0.25);
  -webkit-box-shadow: 0 3px 2px 0 rgba(102, 102, 102, 0.5);
  box-shadow: 0 3px 2px 0 rgba(102, 102, 102, 0.5);
}

.list_topics a::after {
  display: none !important;
}

.list_topics span {
  display: block;
}

.list_topics .image {
  padding-top: 56.09756%;
  background: #fff no-repeat center center;
  background-size: cover;
}

.list_topics .text {
  padding: 1em 1.5em;
}

.list_topics .date {
  margin-bottom: .5em;
  font-size: 0.77778rem;
  font-weight: bold;
}

.list_topics .title {
  margin-bottom: .75em;
  line-height: 1.4;
}

.list_topics .more {
  position: relative;
  display: inline-block;
  margin-bottom: 1.5em;
  padding-right: 90px;
  color: #231815;
  font-size: 0.94444rem;
  font-weight: bold;
  line-height: 1;
}

.list_topics .more::before, .list_topics .more::after {
  position: absolute;
  right: 0;
  bottom: 0;
  display: block;
  content: "";
  height: 1px;
  background-color: #231815;
}

.list_topics .more::before {
  width: 80px;
}

.list_topics .more::after {
  width: 10px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transform-origin: right bottom;
  transform-origin: right bottom;
}

.list_topics .tags {
  display: block;
  padding-top: .5em;
}

.list_topics .tags span {
  display: inline-block;
  margin: .25em;
  padding: .4em 1em .5em;
  color: #231815;
  line-height: 1;
  background-color: #fff;
  border: 1px solid #231815;
  border-radius: 2em;
}

.list_products a {
  display: block;
  padding: 2em;
  color: #231815 !important;
  text-decoration: none !important;
  background-color: #fff;
}

.list_products span {
  display: block;
}

.list_products .image {
  margin: 0 auto;
  max-width: 375px;
}

.list_products .image span {
  padding-top: 64%;
  background: transparent no-repeat center center;
  background-size: contain;
}

.list_products .title {
  position: relative;
  margin-bottom: .5em;
  padding-left: 40px;
  font-size: 1.11111rem;
  font-weight: bold;
}

.list_products .title .arrow {
  display: block;
  overflow: hidden;
  color: transparent;
  text-decoration: none;
  text-indent: 110%;
  white-space: nowrap;
  font-size: 0;
  width: 30px;
  height: 30px;
  position: absolute;
  left: 0;
  top: .15rem;
  background-color: #000;
}

.list_products .title .arrow::before, .list_products .title .arrow::after {
  position: absolute;
  left: 10px;
  top: 50%;
  display: block;
  content: "";
  width: 10px;
  height: 1px;
  background-color: #fff;
  -webkit-transform-origin: right top;
  transform-origin: right top;
}

.list_products .title .arrow::before {
  -webkit-transform: rotate(40deg);
  transform: rotate(40deg);
}

.list_products .title .arrow::after {
  -webkit-transform: rotate(-40deg);
  transform: rotate(-40deg);
}

.service_slider .slide.full a {
  background-image: url(image/bg_service_full.jpg) !important;
}

.service_slider .slide.full a .body::after {
  background-image: url(image/icon_service_full.png);
}

.service_slider .slide.semi a {
  background-image: url(image/bg_service_semi.jpg) !important;
}

.service_slider .slide.semi a .body::after {
  background-image: url(image/icon_service_semi.png);
}

.service_slider .slide.standard a {
  background-image: url(image/bg_service_standard.jpg) !important;
}

.service_slider .slide.standard a .body::after {
  background-image: url(image/icon_service_standard.png);
}

.service_slider a {
  position: relative;
  display: block;
  padding: 3em;
  color: #fff !important;
  text-decoration: none !important;
  background: transparent no-repeat center center;
  background-size: cover;
}

.service_slider a span {
  display: block;
}

.service_slider a .catch,
.service_slider a .lead {
  margin-bottom: .25em;
  word-break: normal;
  overflow-wrap: normal;
  word-wrap: normal;
  line-height: 1.2;
}

.service_slider a .catch {
  font-size: 3.88889rem;
}

.service_slider a .lead {
  font-size: 1.66667rem;
}

.service_slider a .body {
  margin-bottom: 5em;
}

.service_slider a .body::after {
  position: absolute;
  display: block;
  content: "";
  background: transparent no-repeat center center;
  background-size: contain;
}

.service_slider a .more {
  position: relative;
  display: inline-block;
  margin-bottom: 1.5em;
  padding-right: 90px;
  font-size: 0.94444rem;
  font-weight: bold;
  line-height: 1;
}

.service_slider a .more::before, .service_slider a .more::after {
  position: absolute;
  right: 0;
  bottom: 0;
  display: block;
  content: "";
  height: 1px;
  background-color: #fff;
}

.service_slider a .more::before {
  width: 80px;
}

.service_slider a .more::after {
  width: 10px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transform-origin: right bottom;
  transform-origin: right bottom;
}

@media all and (min-width: 740px) {
  body#tinymce a:hover,
  article a:hover {
    text-decoration: none;
  }
  section {
    padding: 6em 0;
  }
  table {
    margin-left: auto;
    margin-right: auto;
    max-width: 1000px;
  }
  .list_topics a {
    -webkit-transition: color 0.4s, background-color 0.4s, border-color 0.4s, -webkit-box-shadow 0.4s, -webkit-transform 0.4s;
    transition: color 0.4s, background-color 0.4s, border-color 0.4s, -webkit-box-shadow 0.4s, -webkit-transform 0.4s;
    transition: color 0.4s, background-color 0.4s, border-color 0.4s, box-shadow 0.4s, transform 0.4s;
    transition: color 0.4s, background-color 0.4s, border-color 0.4s, box-shadow 0.4s, transform 0.4s, -webkit-box-shadow 0.4s, -webkit-transform 0.4s;
  }
  .list_topics a:hover {
    color: #fff !important;
    background-color: #004280;
    border-color: transparent;
    -webkit-box-shadow: 0 0 2px 0 rgba(102, 102, 102, 0.5);
    box-shadow: 0 0 2px 0 rgba(102, 102, 102, 0.5);
    -webkit-transform: translate3d(0, -2px, 0);
    transform: translate3d(0, -2px, 0);
  }
  .list_topics a:hover .image::after {
    opacity: 1;
  }
  .list_topics a:hover .more {
    color: #f39800;
  }
  .list_topics a:hover .more::before, .list_topics a:hover .more::after {
    background-color: #f39800;
  }
  .list_topics a:hover .tags span {
    color: #fff;
    background-color: #004280;
    border-color: #fff;
  }
  .list_topics a:hover .tags span:hover {
    color: #004280;
    background-color: #fff;
  }
  .list_topics .image {
    position: relative;
  }
  .list_topics .image::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    content: "";
    background-color: rgba(0, 66, 128, 0.6);
    opacity: 0;
    -webkit-transition: opacity 0.4s;
    transition: opacity 0.4s;
  }
  .list_topics .more {
    -webkit-transition: color 0.2s;
    transition: color 0.2s;
  }
  .list_topics .more::before, .list_topics .more::after {
    -webkit-transition: background-color 0.2s;
    transition: background-color 0.2s;
  }
  .list_topics .tags span {
    -webkit-transition: color 0.2s, background-color 0.2s, border-color 0.2s;
    transition: color 0.2s, background-color 0.2s, border-color 0.2s;
  }
  .list_products a:hover .title {
    color: #f39800;
  }
  .list_products a:hover .title .arrow {
    background-color: #f39800;
  }
  .list_products .title {
    -webkit-transition: color 0.4s;
    transition: color 0.4s;
  }
  .list_products .title .arrow {
    -webkit-transition: background-color 0.4s;
    transition: background-color 0.4s;
  }
  .service_slider a {
    position: relative;
    overflow: hidden;
  }
  .service_slider a:hover::before, .service_slider a:hover::after {
    opacity: 1;
  }
  .service_slider a:hover .more {
    color: #f39800;
  }
  .service_slider a:hover .more::before, .service_slider a:hover .more::after {
    background-color: #f39800;
  }
  .service_slider a::before, .service_slider a::after {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    content: "";
    opacity: 0;
    -webkit-transition: opacity 0.4s;
    transition: opacity 0.4s;
  }
  .service_slider a::before {
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.8);
  }
  .service_slider a::after {
    margin-left: -25px;
    margin-top: -25px;
    width: 50px;
    height: 50px;
    background-color: #f39800;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  .service_slider a span {
    position: relative;
  }
  .service_slider a .body::after {
    right: 0;
    bottom: -140px;
    width: 120px;
    height: 120px;
  }
  .service_slider a .more {
    -webkit-transition: color 0.4s;
    transition: color 0.4s;
  }
  .service_slider a .more::before, .service_slider a .more::after {
    -webkit-transition: background-color 0.4s;
    transition: background-color 0.4s;
  }
}

@media only screen and (max-width: 739px) {
  body#tinymce h3,
  article h3 {
    font-size: 1.77778rem;
  }
  body#tinymce h4,
  article h4 {
    font-size: 1.55556rem;
  }
  body#tinymce h5,
  article h5 {
    font-size: 1.33333rem;
  }
  body#tinymce h6,
  article h6 {
    font-size: 1rem;
  }
  section {
    padding: 3em 0;
  }
  .list_topics .date {
    font-size: 0.88889rem;
  }
  .list_topics .tags span {
    padding: .75em 1em 1em;
  }
  .service_slider {
    margin-bottom: 3em;
  }
  .service_slider a {
    padding: 2em;
  }
  .service_slider a .catch {
    min-height: 3.75em;
    font-size: 11.11111vw;
  }
  .service_slider a .lead {
    min-height: 2.75em;
  }
  .service_slider a .body {
    margin-bottom: 0;
    min-height: 16em;
  }
  .service_slider a .body::after {
    right: 3em;
    bottom: 5em;
    width: 80px;
    height: 80px;
  }
}

/* --------------------------------------------------
	 9. Slick
-------------------------------------------------- */
.slick-slider {
  position: relative;
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}

.slick-list:focus {
  outline: none;
}

.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.slick-track::before, .slick-track::after {
  content: "";
  display: table;
}

.slick-track::after {
  clear: both;
}

.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}

[dir="rtl"] .slick-slide {
  float: right;
}

.slick-slide img {
  display: block;
}

.slick-slide.slick-loading img {
  display: none;
}

.slick-slide.dragging img {
  pointer-events: none;
}

.slick-initialized .slick-slide {
  display: block;
}

.slick-loading .slick-slide {
  visibility: hidden;
}

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

.slick-prev,
.slick-next {
  display: block;
  overflow: hidden;
  color: transparent;
  text-decoration: none;
  text-indent: 110%;
  white-space: nowrap;
  font-size: 0;
  width: 60px;
  height: 60px;
  position: absolute;
  top: 50%;
  padding: 0;
  line-height: 0;
  border: none;
  outline: none;
  background-color: transparent;
  border-radius: 50%;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  cursor: pointer;
  z-index: 1;
  opacity: .8;
  -webkit-transition: opacity 0.4s;
  transition: opacity 0.4s;
}

.slick-prev:hover, .slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
  opacity: 1;
}

.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
  opacity: .25;
}

.slick-prev::before,
.slick-next::before {
  position: absolute;
  top: 10px;
  display: block;
  content: "";
  width: 40px;
  height: 40px;
  opacity: .75;
}

.slick-prev {
  left: 10px;
}

.slick-prev::before {
  left: 10px;
  border-top: 5px solid #fff;
  border-left: 5px solid #fff;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.slick-next {
  right: 10px;
}

.slick-next::before {
  left: 10px;
  border-top: 5px solid #fff;
  border-right: 5px solid #fff;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.slick-dots {
  position: absolute;
  left: 0;
  bottom: -1.5em;
  list-style: none;
  display: block;
  margin: 0;
  padding: 0;
  width: 100%;
  text-align: center;
  z-index: 3;
}

.slick-dots li {
  position: relative;
  display: inline-block;
  width: 20px;
  height: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}

.slick-dots li button {
  position: relative;
  border: 0;
  background: transparent;
  display: block;
  width: 100%;
  height: 100%;
  outline: none;
  line-height: 0;
  font-size: 0;
  color: transparent;
  padding: 5px;
  cursor: pointer;
}

.slick-dots li button:hover, .slick-dots li button:focus {
  outline: none;
}

.slick-dots li button:hover::before, .slick-dots li button:focus::before {
  background-color: #004280;
}

.slick-dots li button::before {
  position: absolute;
  top: 50%;
  left: 0;
  content: "";
  width: 100%;
  height: 100%;
  background-color: #fff;
  border: 1px solid #004280;
  border-radius: 50%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.slick-dots li.slick-active button::before {
  background-color: #004280;
}

/* --------------------------------------------------
	10. Header
-------------------------------------------------- */
#header {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  background-color: #fff;
  -webkit-box-shadow: 0 0 15px 5px rgba(102, 102, 102, 0.5);
  box-shadow: 0 0 15px 5px rgba(102, 102, 102, 0.5);
  z-index: 15;
}

#header .logo a {
  display: block;
  overflow: hidden;
  color: transparent;
  text-decoration: none;
  text-indent: 110%;
  white-space: nowrap;
  font-size: 0;
  width: 240px;
}

#header .logo a::before {
  display: block;
  content: "";
  padding-top: 12.5%;
  background: transparent url(image/h1_logo.png) no-repeat center center;
  background-size: contain;
}

#header .global_menu .nav a {
  display: block;
  text-decoration: none;
}

#header .global_menu .nav > li > a,
#header .global_menu .nav > li > span {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  color: #231815;
  font-weight: bold;
  cursor: pointer;
}

#header .global_menu .nav > li > a::before,
#header .global_menu .nav > li > span::before {
  display: inline-block;
  content: "";
  margin-right: 5px;
  width: 30px;
  height: 30px;
  background: transparent no-repeat center center;
  background-size: contain;
}

#header .global_menu .nav > li.topics a::before {
  background-image: url(image/icon_header_topics.png);
}

#header .global_menu .nav > li.service > a::before,
#header .global_menu .nav > li.service > span::before {
  background-image: url(image/icon_header_service.png);
}

#header .global_menu .nav > li.products a::before {
  background-image: url(image/icon_header_products.png);
}

#header .global_menu .nav > li.store a::before {
  background-image: url(https://blog.advantech.co.jp/wp-content/uploads/2020/11/icon_header_store.png);
}

#header .global_menu .nav > li.company a::before {
  background-image: url(https://blog.advantech.co.jp/wp-content/uploads/2020/08/icon_header_company.png);
}

#header .global_menu .nav > li.people a::before {
  background-image: url(https://blog.advantech.co.jp/wp-content/uploads/2020/08/icon_header_people.png);
}

#header .global_menu .nav .sub li {
  border-top: 1px solid #fff;
}

#header .global_menu .nav .sub a {
  display: block;
  padding: 1em;
  color: #fff;
}

#header .global_menu .nav .sub a strong,
#header .global_menu .nav .sub a span {
  line-height: 1.2;
}

#header .global_menu .search form {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

#header .global_menu .search .keyword {
  margin: 0;
  padding: .375rem .75rem;
  font-size: 0.88889rem;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

#header .global_menu .search .submit {
  display: block;
  overflow: hidden;
  color: transparent;
  text-decoration: none;
  text-indent: 110%;
  white-space: nowrap;
  font-size: 0;
  width: 50px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: none;
  background: #000 url(image/icon_header_search.png) no-repeat center center;
  background-size: 25px;
  border: 1px solid #000;
  border-radius: .5rem;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  cursor: pointer;
}

@media all and (min-width: 1140px) {
  #header {
    height: 90px;
  }
  #header .inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    padding: 10px 1em 0;
  }
  #header .logo {
    padding-bottom: 1.6em;
    width: 260px;
  }
  #header .menu {
    display: none;
  }
  #header .global_menu {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
  }
  #header .global_menu .nav {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-top: 1em;
  }
  #header .global_menu .nav > li {
    position: relative;
  }
  #header .global_menu .nav > li::after {
    position: absolute;
    right: 0;
    top: .25em;
    display: block;
    content: "";
    width: 1px;
    height: 1.5em;
    background-color: #000;
  }
  #header .global_menu .nav > li:first-child::before {
    position: absolute;
    left: 0;
    top: .25em;
    display: block;
    content: "";
    width: 1px;
    height: 1.5em;
    background-color: #000;
  }
  #header .global_menu .nav > li:hover > a::after,
  #header .global_menu .nav > li:hover > span::after {
    height: 10px;
  }
  #header .global_menu .nav > li > a,
  #header .global_menu .nav > li > span {
    position: relative;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0 1.5em 1.65em;
  }
  #header .global_menu .nav > li > a::after,
  #header .global_menu .nav > li > span::after {
    position: absolute;
    left: 0;
    bottom: 0;
    display: block;
    content: "";
    width: 100%;
    height: 0;
    background-color: #004280;
    -webkit-transition: height 0.2s;
    transition: height 0.2s;
  }
  #header .global_menu .nav > li > a span {
    display: none;
  }
  #header .global_menu .nav > li.home, #header .global_menu .nav > li.global, #header .global_menu .nav > li.dms, #header .global_menu .nav > li.policy, #header .global_menu .nav > li.contact {
    display: none;
  }
  #header .global_menu .nav > li.service, #header .global_menu .nav > li.company {
    position: relative;
  }
  #header .global_menu .nav > li.service:hover .sub, #header .global_menu .nav > li.company:hover .sub {
    opacity: 1;
    pointer-events: auto;
  }
  #header .global_menu .nav > li.service > span, #header .global_menu .nav > li.company > span {
    display: none;
  }
  #header .global_menu .nav > li.service .sub .index, #header .global_menu .nav > li.company .sub .index {
    display: none;
  }
  #header .global_menu .nav > li.service .sub {
    left: -.25em;
  }
  #header .global_menu .nav > li.company .sub {
    left: -.5em;
  }
  #header .global_menu .nav .sub {
    position: absolute;
    padding-top: 1em;
    white-space: nowrap;
    opacity: 0;
    pointer-events: none;
    -webkit-transition: opacity 0.4s;
    transition: opacity 0.4s;
    z-index: 15;
  }
  #header .global_menu .nav .sub a {
    background-color: rgba(0, 66, 128, 0.9);
    -webkit-transition: background-color 0.4s;
    transition: background-color 0.4s;
  }
  #header .global_menu .nav .sub a:hover {
    background-color: #00284d;
  }
  #header .global_menu .nav .sub a strong,
  #header .global_menu .nav .sub a span {
    display: block;
  }
  #header .global_menu .nav .sub a strong {
    font-size: 0.94444rem;
  }
  #header .global_menu .nav .sub a span {
    font-size: 0.72222rem;
  }
  #header .global_menu .search {
    margin-left: 1em;
    margin-bottom: 1.25em;
  }
  #header .global_menu .search .keyword {
    width: 13em;
  }
  #header .global_menu .search .submit {
    -webkit-transition: background-color 0.4s;
    transition: background-color 0.4s;
  }
  #header .global_menu .search .submit:hover {
    background-color: #333333;
  }
}

@media all and (min-width: 1140px) and (max-width: 1249px) {
  #header {
    padding-top: .35em;
    height: 110px;
  }
  #header .inner {
    padding-top: .5em;
  }
  #header .logo {
    padding-bottom: 2.5em;
  }
  #header .global_menu {
    position: relative;
  }
  #header .global_menu .nav {
    margin-top: 1.75em;
  }
  #header .global_menu .nav > li > a,
  #header .global_menu .nav > li > span {
    padding: 0 1em 1em;
    font-size: 0.88889rem;
  }
  #header .global_menu .nav > li.service .sub {
    left: -1em;
  }
  #header .global_menu .nav > li.company .sub {
    left: -1.5em;
  }
  #header .global_menu .search {
    position: absolute;
    left: 0;
    top: 0;
  }
}

@media only screen and (max-width: 1139px) {
  body.menu_opened {
    overflow: hidden;
    position: fixed !important;
    width: 100%;
  }
  body.menu_opened #header .menu::before, body.menu_opened #header .menu::after {
    opacity: 0;
  }
  body.menu_opened #header .menu span::before {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  body.menu_opened #header .menu span::after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
  body.menu_opened #header .global_menu {
    opacity: 1;
    pointer-events: auto;
  }
  body.menu_opened #header .global_menu .contact a {
    pointer-events: auto;
  }
  body.menu_opened #sidebar {
    z-index: 1;
  }
  #header {
    height: 50px;
  }
  #header .logo {
    position: relative;
    padding: 10px;
  }
  #header .menu {
    display: block;
    overflow: hidden;
    color: transparent;
    text-decoration: none;
    text-indent: 110%;
    white-space: nowrap;
    font-size: 0;
    width: 50px;
    height: 50px;
    position: fixed;
    right: 0;
    top: 0;
    background-color: #000;
    cursor: pointer;
    z-index: 25;
  }
  #header .menu::before, #header .menu::after {
    position: absolute;
    left: 25%;
    display: block;
    content: "";
    width: 50%;
    height: 2px;
    background-color: #fff;
    border-radius: 2px;
    -webkit-transition: opacity 0.4s;
    transition: opacity 0.4s;
  }
  #header .menu::before {
    top: 35%;
  }
  #header .menu::after {
    bottom: 35%;
  }
  #header .menu span {
    display: block;
    overflow: hidden;
    color: transparent;
    text-decoration: none;
    text-indent: 110%;
    white-space: nowrap;
    font-size: 0;
  }
  #header .menu span::before, #header .menu span::after {
    position: absolute;
    left: 25%;
    top: 50%;
    display: block;
    content: "";
    margin-top: -1px;
    width: 50%;
    height: 2px;
    background-color: #fff;
    border-radius: 2px;
    -webkit-transition: -webkit-transform 0.4s;
    transition: -webkit-transform 0.4s;
    transition: transform 0.4s;
    transition: transform 0.4s, -webkit-transform 0.4s;
  }
  #header .global_menu {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100vh;
    background-color: #004280;
    opacity: 0;
    pointer-events: none;
    -webkit-transition: opacity 0.4s;
    transition: opacity 0.4s;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    z-index: 20;
  }
  #header .global_menu .nav {
    padding: 50px 0 40px;
  }
  #header .global_menu .nav > li > a,
  #header .global_menu .nav > li > span {
    padding: 1em;
    color: #fff;
    border-top: 1px solid #fff;
  }
  #header .global_menu .nav > li > a strong,
  #header .global_menu .nav > li > a span,
  #header .global_menu .nav > li > span strong,
  #header .global_menu .nav > li > span span {
    display: inline-block;
  }
  #header .global_menu .nav > li > a strong,
  #header .global_menu .nav > li > span strong {
    margin-right: 1em;
    font-size: 0.88889rem;
  }
  #header .global_menu .nav > li > a span,
  #header .global_menu .nav > li > span span {
    font-size: 0.77778rem;
  }
  #header .global_menu .nav > li.has_sub {
    position: relative;
  }
  #header .global_menu .nav > li.has_sub.opened::before {
    opacity: 0;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
  }
  #header .global_menu .nav > li.has_sub.opened::after {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  #header .global_menu .nav > li.has_sub::before, #header .global_menu .nav > li.has_sub::after {
    position: absolute;
    right: 1em;
    top: 30px;
    display: block;
    content: "";
    width: 20px;
    height: 2px;
    background-color: #fff;
    -webkit-transition: opacity 0.4s, -webkit-transform 0.4s;
    transition: opacity 0.4s, -webkit-transform 0.4s;
    transition: transform 0.4s, opacity 0.4s;
    transition: transform 0.4s, opacity 0.4s, -webkit-transform 0.4s;
  }
  #header .global_menu .nav > li.has_sub::after {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
  }
  #header .global_menu .nav > li.home a::before {
    background-image: url(image/icon_header_home_sp.png);
  }
  #header .global_menu .nav > li.topics a::before {
    background-image: url(image/icon_header_topics_sp.png);
  }
  #header .global_menu .nav > li.service > a {
    display: none;
  }
  #header .global_menu .nav > li.service > span::before {
    background-image: url(image/icon_header_service_sp.png);
  }
  #header .global_menu .nav > li.products a::before {
    background-image: url(image/icon_header_products_sp.png);
  }
  #header .global_menu .nav > li.store a::before {
    background-image: url(https://blog.advantech.co.jp/wp-content/uploads/2020/11/icon_header_store_sp.png);
  }
  #header .global_menu .nav > li.company > a {
    display: none;
  }
  #header .global_menu .nav > li.company > span::before {
    background-image: url(https://blog.advantech.co.jp/wp-content/uploads/2020/08/icon_header_company_sp.png);
  }
  #header .global_menu .nav > li.people a::before {
    background-image: url(https://blog.advantech.co.jp/wp-content/uploads/2020/08/icon_header_people_sp.png);
  }
  #header .global_menu .nav > li.policy a::before {
    background-image: url(image/icon_header_policy_sp.png);
  }
  #header .global_menu .nav > li.global a::before {
    background-image: url(image/icon_header_global_sp.png);
  }
  #header .global_menu .nav > li.dms {
    border-bottom: 1px solid #fff;
  }
  #header .global_menu .nav > li.dms a::before {
    background-image: url(image/icon_header_dms_sp.png);
  }
  #header .global_menu .nav > li.contact {
    border-bottom: 1px solid #fff;
  }
  #header .global_menu .nav > li.contact a::before {
    background-image: url(image/icon_header_contact_sp.png);
  }
  #header .global_menu .nav .sub {
    overflow: hidden;
    height: 0;
    -webkit-transition: height 0.2s;
    transition: height 0.2s;
  }
  #header .global_menu .nav .sub li:first-child {
    border-top: 1px solid #fff;
  }
  #header .global_menu .nav .sub a {
    padding-left: 2em;
    background-color: #1a69b3;
  }
  #header .global_menu .nav .sub a strong,
  #header .global_menu .nav .sub a span {
    display: inline-block;
  }
  #header .global_menu .nav .sub a strong {
    margin-right: 1em;
    font-size: 0.88889rem;
  }
  #header .global_menu .nav .sub a span {
    font-size: 0.77778rem;
  }
  #header .global_menu .search {
    padding-bottom: 200px;
  }
  #header .global_menu .search form {
    padding: 0 20px;
  }
  #header .global_menu .search .keyword {
    font-size: 16px;
    width: calc(100% - 50px);
  }
  #header .global_menu .search .submit {
    width: 50px;
    background-size: 20px;
  }
}

/* --------------------------------------------------
	11. Footer
-------------------------------------------------- */
#footer {
  background-color: #efefef;
}

#footer .contact a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 3em 0;
  color: #fff;
  font-size: 1.66667rem;
  font-weight: bold;
  text-decoration: none;
  background-color: #f39800;
}

#footer .contact a::before {
  display: inline-block;
  content: "";
  margin-right: .25em;
  width: 60px;
  height: 60px;
  background: transparent url(image/icon_contact.png) no-repeat center center;
  background-size: contain;
}

#footer .content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 3em 0;
}

#footer .content::before {
  display: block;
  content: "";
  width: 100%;
  max-width: 370px;
  height: 100px;
  background: transparent url(image/img_footer_logo.png) no-repeat center center;
  background-size: contain;
}

#footer .content .sns ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
}

#footer .content .sns li {
  padding: 2%;
  width: 20%;
}

#footer .content .sns a {
  display: block;
  overflow: hidden;
  color: transparent;
  text-decoration: none;
  text-indent: 110%;
  white-space: nowrap;
  font-size: 0;
}

#footer .content .sns a::before {
  margin-bottom: .5em;
  display: block;
  content: "";
  padding-top: 100%;
  background: transparent no-repeat center center;
  background-size: contain;
}

#footer .content .sns .twitter a::before {
  background-image: url(https://blog.advantech.co.jp/wp-content/uploads/2021/02/icon_footer_twitter.png);
}

#footer .content .sns .linkedin a::before {
  background-image: url(https://blog.advantech.co.jp/wp-content/uploads/2021/02/icon_footer_linkedin.png);
}

#footer .content .sns .facebook a::before {
  background-image: url(https://blog.advantech.co.jp/wp-content/uploads/2021/02/icon_footer_facebook.png);
}

#footer .content .sns .instagram a::before {
  background-image: url(https://blog.advantech.co.jp/wp-content/uploads/2021/02/icon_footer_instagram.png);
}

#footer .content .sns .youtube a::before {
  background-image: url(https://blog.advantech.co.jp/wp-content/uploads/2021/02/icon_footer_youtube.png);
}

#footer .sitemap ul a {
  display: block;
  padding: .5em;
  color: #231815 !important;
  text-decoration: none !important;
  border-bottom: 1px dotted #000;
}

#footer .sitemap ul a img {
  margin-right: .5em;
}

#footer .sitemap ul a strong {
  padding-right: .5em;
}

#footer .sitemap ul ul a {
  padding-left: 3em;
}

#footer .copyright {
  padding: 2em 0 4em;
  text-align: center;
}

@media all and (min-width: 740px) {
  #footer .contact a {
    -webkit-transition: background-color 0.4s;
    transition: background-color 0.4s;
  }
  #footer .contact a:hover {
    background-color: #ffae27;
  }
  #footer .content .sns {
    margin-left: 2em;
  }
  #footer .content .sns ul {
    width: 370px;
  }
  #footer .content .sns a {
    -webkit-transition: opacity 0.4s;
    transition: opacity 0.4s;
  }
  #footer .content .sns a:hover {
    opacity: .75;
  }
  #footer .sitemap a {
    -webkit-transition: background-color 0.4s;
    transition: background-color 0.4s;
  }
  #footer .sitemap a:hover {
    background-color: #e6e6e6;
  }
}

@media all and (min-width: 1200px) {
  #footer .sitemap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  #footer .sitemap ul {
    margin-right: 1em;
  }
  #footer .sitemap ul:last-child {
    margin-right: 0;
  }
}

@media only screen and (max-width: 739px) {
  #footer .contact a {
    padding: 2em 0;
    font-size: 1.33333rem;
  }
  #footer .content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  #footer .content::before {
    margin: 0 auto 1em;
  }
  #footer .content .sns {
    margin: 0 auto;
    width: 100%;
    max-width: 370px;
  }
  #footer .copyright {
    padding-bottom: 7em;
    font-size: 0.88889rem;
  }
}

/* --------------------------------------------------
	12. Home
-------------------------------------------------- */
body.home #main_slider .slick-slide .cover {
  position: relative;
  padding-top: 23.4375%;
}

body.home #main_slider .slick-slide .background {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent no-repeat center center;
  background-size: cover;
}

body.home #main_slider .slick-slide .background .image,
body.home #main_slider .slick-slide .background .image_pc,
body.home #main_slider .slick-slide .background .image_sp {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent no-repeat center center;
  background-size: cover;
}

body.home #main_slider .slick-slide .slide {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

body.home #main_slider .slick-slide .message {
  display: block;
  margin: 0 auto;
  width: 100%;
  max-width: 1200px;
  z-index: 1;
}

body.home #main_slider .slick-slide .message .catch,
body.home #main_slider .slick-slide .message .catch_pc,
body.home #main_slider .slick-slide .message .catch_sp {
  display: block;
  overflow: hidden;
  color: transparent;
  text-decoration: none;
  text-indent: 110%;
  white-space: nowrap;
  font-size: 0;
  position: absolute;
  top: 10%;
  right: 10%;
  bottom: 10%;
  left: 10%;
  background: transparent no-repeat center center;
  background-size: contain;
}

body.home #main_slider .slick-dots {
  position: relative;
  left: 15px;
  bottom: .5em;
  margin: -3em auto 0;
  text-align: left;
}

body.home #main_slider .slick-dots li {
  width: 20px;
}

body.home #main_slider .slick-dots li button:hover::before, body.home #main_slider .slick-dots li button:focus::before {
  background-color: #f39800;
}

body.home #main_slider .slick-dots li button::before {
  height: 20px;
  background-color: #b5b5b6;
  border: none;
  border-radius: 50%;
}

body.home #main_slider .slick-dots li.slick-active button::before {
  background-color: #f39800;
}

article.home {
  background-color: #e4e8ea;
}

article.home section {
  opacity: 1;
  padding-top: 0;
}

article.home .list_topics::after {
  display: block;
  content: "";
  clear: both;
}

article.home .list_topics .grid_sizer,
article.home .list_topics .grid_item {
  float: left;
  margin: 0 .5% 10px;
}

article.home .list_topics .grid_item a {
  border-radius: 5px;
}

article.home .list_topics .grid_item .image {
  padding-top: 0;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

article.home .list_topics .grid_item .image img {
  width: 100%;
}

article.home .list_topics .grid_item .image::after {
  display: none;
}

article.home .list_topics .grid_item .text {
  padding-bottom: 1.5em;
}

article.home .list_topics .grid_item .date {
  color: #606060;
  font-weight: normal;
}

article.home .list_topics .grid_item .title {
  font-weight: bold;
}

article.home .list_topics .grid_item.youtube .image {
  position: relative;
}

article.home .list_topics .grid_item.youtube .image::before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  content: "";
  background: transparent url(https://blog.advantech.co.jp/wp-content/uploads/2021/03/youtube.png) no-repeat center center;
  background-size: contain;
  z-index: 1;
}

article.home .list_topics .grid_item.hot_topics {
  position: relative;
}

article.home .list_topics .grid_item.hot_topics a::before {
  position: absolute;
  right: 0;
  top: 0;
  display: block;
  content: "";
  width: 130px;
  height: 130px;
  background: transparent no-repeat left top;
  background-size: contain;
  z-index: 1;
}

article.home .list_topics .grid_item.hot_topics.blue a {
  border: 10px solid #004280;
}

article.home .list_topics .grid_item.hot_topics.gray a {
  border: 10px solid #8c8c8c;
}

article.home .list_topics .grid_item.hot_topics.orange a {
  border: 10px solid #f39800;
}

article.home .list_topics .grid_item.hot_topics.green a {
  border: 10px solid #79bd28;
}

article.home .list_topics .grid_item.hot_topics.ribbon a::before {
  background-image: url(https://blog.advantech.co.jp/wp-content/uploads/2021/02/icon_hot_topics.png);
}

article.home .list_topics .grid_item.contents.blue a {
  background-color: #004280;
}

article.home .list_topics .grid_item.contents.gray a {
  background-color: #8c8c8c;
}

article.home .list_topics .grid_item.contents.orange a {
  background-color: #f39800;
}

article.home .list_topics .grid_item.contents.green a {
  background-color: #79bd28;
}

article.home .list_topics .grid_item.contents a {
  padding-top: 3em;
  color: #fff !important;
  text-align: center;
}

article.home .list_topics .grid_item.contents .icon {
  height: 60px;
  background: transparent no-repeat center center;
  background-size: contain;
}

article.home .list_topics .grid_item.contents .title {
  padding-bottom: 2.5em;
}

article.home .list_topics .grid_item.topics {
  -webkit-transition: opacity 1s, -webkit-transform 1s;
  transition: opacity 1s, -webkit-transform 1s;
  transition: opacity 1s, transform 1s;
  transition: opacity 1s, transform 1s, -webkit-transform 1s;
}

article.home .list_topics .grid_item.topics .image img {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

article.home .more {
  padding: 2em 0;
  text-align: center;
}

article.home .more a {
  position: relative;
  display: inline-block;
  width: 140px;
  height: 140px;
  text-decoration: none;
  border: 2px solid #004280;
  border-radius: 50%;
}

article.home .more a::after {
  position: absolute;
  left: 50%;
  bottom: 20%;
  display: block;
  content: "";
  margin-left: -10px;
  width: 20px;
  height: 20px;
  border-right: 2px solid #004280;
  border-bottom: 2px solid #004280;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

article.home .more a span {
  position: absolute;
  top: 35%;
  left: 0;
  width: 100%;
}

@media all and (min-width: 740px) {
  body.home #main_slider .slick-slide .background .image_sp {
    display: none;
  }
  body.home #main_slider .slick-slide .message .catch_sp {
    display: none;
  }
  body.home #main_slider .slick-prev {
    left: 40px;
  }
  body.home #main_slider .slick-next {
    right: 40px;
  }
  body.home #main_slider .slick-dots {
    width: 100%;
    max-width: 1200px;
  }
  article.home .inner {
    padding-right: 60px !important;
    max-width: 1800px !important;
  }
  article.home .topics_tags {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-top: 3em;
  }
  article.home .topics_tags li {
    margin: 1em;
  }
  article.home .topics_tags a {
    display: block;
    padding: .5em 1em;
    min-width: 10em;
    color: #7a7a7a;
    font-size: 0.77778rem;
    text-decoration: none;
    text-align: center;
    background-color: #eaeaea;
    border-radius: 2em;
    -webkit-box-shadow: 0 0 10px 5px rgba(102, 102, 102, 0.2);
    box-shadow: 0 0 10px 5px rgba(102, 102, 102, 0.2);
    -webkit-transition: color 0.4s, background-color 0.4s;
    transition: color 0.4s, background-color 0.4s;
  }
  article.home .topics_tags a.active {
    color: #fff !important;
    background-color: #004280 !important;
  }
  article.home .topics_tags a:hover {
    color: #fff;
    background-color: #b7b7b7;
    -webkit-box-shadow: 0 0 10px 5px rgba(102, 102, 102, 0.1);
    box-shadow: 0 0 10px 5px rgba(102, 102, 102, 0.1);
  }
  article.home .list_topics a span {
    -webkit-transition: opacity 0.4s;
    transition: opacity 0.4s;
  }
  article.home .list_topics a:hover {
    color: #231815 !important;
    background-color: #fff;
    -webkit-transform: none;
    transform: none;
  }
  article.home .list_topics a:hover span {
    opacity: .8;
  }
  article.home .list_topics a:hover .tags {
    opacity: 1;
  }
  article.home .list_topics a:hover .tags span {
    color: #231815;
    background-color: #fff;
    border-color: #000;
    opacity: 1;
  }
  article.home .list_topics a:hover .tags span:hover {
    color: #fff;
    background-color: #004280;
    border-color: #004280;
  }
  article.home .list_topics .contents a {
    padding-top: 5em !important;
  }
  article.home .list_topics .contents a .title_en {
    font-size: 1.11111rem;
  }
  article.home .list_topics .contents a .title {
    font-size: 1.44444rem;
    padding-bottom: 4em !important;
  }
  article.home .list_topics .contents a:hover {
    background-color: #004f9a;
  }
  article.home .more a {
    -webkit-transition: background-color 0.4s;
    transition: background-color 0.4s;
  }
  article.home .more a:hover {
    background-color: #fff;
  }
}

@media all and (min-width: 1200px) {
  article.home .list_topics .grid_sizer,
  article.home .list_topics .grid_item {
    width: 19%;
  }
  article.home .list_topics .grid_sizer.hot_topics, article.home .list_topics .grid_sizer.wide,
  article.home .list_topics .grid_item.hot_topics,
  article.home .list_topics .grid_item.wide {
    width: 39%;
  }
}

@media all and (min-width: 740px) and (max-width: 1199px) {
  body.home #main_slider .slick-prev {
    left: 20px;
  }
  body.home #main_slider .slick-next {
    right: 20px;
  }
  article.home .list_topics .grid_sizer,
  article.home .list_topics .grid_item {
    width: 24%;
  }
  article.home .list_topics .grid_sizer.hot_topics, article.home .list_topics .grid_sizer.wide,
  article.home .list_topics .grid_item.hot_topics,
  article.home .list_topics .grid_item.wide {
    width: 49%;
  }
}

@media only screen and (max-width: 739px) {
  body.home #main_slider .slick-slide .cover {
    padding-top: 133.33333%;
  }
  body.home #main_slider .slick-slide .background .image_pc {
    display: none;
  }
  body.home #main_slider .slick-slide .message .catch_pc {
    display: none;
  }
  body.home #main_slider .slick-dots {
    bottom: 1.5em;
  }
  article.home {
    position: relative;
  }
  article.home .topics_tags {
    position: absolute;
    left: 0;
    top: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
    background-color: rgba(234, 234, 234, 0.8);
    z-index: 1;
    -webkit-box-shadow: 0 0 10px 5px rgba(102, 102, 102, 0.2);
    box-shadow: 0 0 10px 5px rgba(102, 102, 102, 0.2);
  }
  article.home .topics_tags.fixed {
    position: fixed;
    top: 50px;
  }
  article.home .topics_tags li {
    width: 50%;
    border-bottom: 1px solid #9e9e9e;
  }
  article.home .topics_tags li:nth-child(2n+1) {
    border-right: 1px solid #9e9e9e;
  }
  article.home .topics_tags a {
    display: block;
    padding: .5em 1em;
    color: #474747;
    text-align: center;
    text-decoration: none;
  }
  article.home .topics_tags a.active {
    color: #fff !important;
    background-color: #004280 !important;
  }
  article.home .list_topics .grid_sizer,
  article.home .list_topics .grid_item {
    float: none;
    width: 99%;
  }
  article.home .more a {
    width: 100px;
    height: 100px;
  }
  article.home .more a span {
    top: 30%;
  }
}

@media only screen and (max-width: 1139px) {
  body.home #main_slider .slick-slide .message {
    width: 80%;
  }
}

/* --------------------------------------------------
	13. Topics
-------------------------------------------------- */
body.topics #primary .main_img h2 {
  background-image: url(images/topics/bg_main.jpg);
}

article.topics .tags_message {
  margin-bottom: .5em;
}

article.topics .topics_tags {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-bottom: 2em;
}

article.topics .topics_tags li {
  margin: .5em;
}

article.topics .topics_tags li.active a {
  color: #fff !important;
  background-color: #004280 !important;
}

article.topics .topics_tags a {
  display: inline-block;
  margin: .25em;
  padding: .4em 1em .5em;
  color: #231815;
  text-decoration: none;
  line-height: 1;
  background-color: #fff;
  border: 1px solid #231815;
  border-radius: 2em;
}

article.topics_index section, article.topics_tags section {
  padding-top: 2em;
}

article.topics_index .topics_select, article.topics_tags .topics_select {
  margin-bottom: 2em;
  text-align: right;
}

article.topics_index .list_topics, article.topics_tags .list_topics {
  margin-bottom: 2em;
}

article.topics_index .list_topics.is_show a, article.topics_tags .list_topics.is_show a {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

article.topics_index .list_topics a, article.topics_tags .list_topics a {
  opacity: 0;
  -webkit-transform: translate3d(0, 20px, 0);
  transform: translate3d(0, 20px, 0);
}

article.topics_index .list_topics a:nth-child(9n+1), article.topics_tags .list_topics a:nth-child(9n+1) {
  -webkit-transition: opacity 1s 0.25s, -webkit-transform 1s 0.25s;
  transition: opacity 1s 0.25s, -webkit-transform 1s 0.25s;
  transition: opacity 1s 0.25s, transform 1s 0.25s;
  transition: opacity 1s 0.25s, transform 1s 0.25s, -webkit-transform 1s 0.25s;
}

article.topics_index .list_topics a:nth-child(9n+2), article.topics_tags .list_topics a:nth-child(9n+2) {
  -webkit-transition: opacity 1s 0.35s, -webkit-transform 1s 0.35s;
  transition: opacity 1s 0.35s, -webkit-transform 1s 0.35s;
  transition: opacity 1s 0.35s, transform 1s 0.35s;
  transition: opacity 1s 0.35s, transform 1s 0.35s, -webkit-transform 1s 0.35s;
}

article.topics_index .list_topics a:nth-child(9n+3), article.topics_tags .list_topics a:nth-child(9n+3) {
  -webkit-transition: opacity 1s 0.45s, -webkit-transform 1s 0.45s;
  transition: opacity 1s 0.45s, -webkit-transform 1s 0.45s;
  transition: opacity 1s 0.45s, transform 1s 0.45s;
  transition: opacity 1s 0.45s, transform 1s 0.45s, -webkit-transform 1s 0.45s;
}

article.topics_index .list_topics a:nth-child(9n+4), article.topics_tags .list_topics a:nth-child(9n+4) {
  -webkit-transition: opacity 1s 0.55s, -webkit-transform 1s 0.55s;
  transition: opacity 1s 0.55s, -webkit-transform 1s 0.55s;
  transition: opacity 1s 0.55s, transform 1s 0.55s;
  transition: opacity 1s 0.55s, transform 1s 0.55s, -webkit-transform 1s 0.55s;
}

article.topics_index .list_topics a:nth-child(9n+5), article.topics_tags .list_topics a:nth-child(9n+5) {
  -webkit-transition: opacity 1s 0.65s, -webkit-transform 1s 0.65s;
  transition: opacity 1s 0.65s, -webkit-transform 1s 0.65s;
  transition: opacity 1s 0.65s, transform 1s 0.65s;
  transition: opacity 1s 0.65s, transform 1s 0.65s, -webkit-transform 1s 0.65s;
}

article.topics_index .list_topics a:nth-child(9n+6), article.topics_tags .list_topics a:nth-child(9n+6) {
  -webkit-transition: opacity 1s 0.75s, -webkit-transform 1s 0.75s;
  transition: opacity 1s 0.75s, -webkit-transform 1s 0.75s;
  transition: opacity 1s 0.75s, transform 1s 0.75s;
  transition: opacity 1s 0.75s, transform 1s 0.75s, -webkit-transform 1s 0.75s;
}

article.topics_index .list_topics a:nth-child(9n+7), article.topics_tags .list_topics a:nth-child(9n+7) {
  -webkit-transition: opacity 1s 0.85s, -webkit-transform 1s 0.85s;
  transition: opacity 1s 0.85s, -webkit-transform 1s 0.85s;
  transition: opacity 1s 0.85s, transform 1s 0.85s;
  transition: opacity 1s 0.85s, transform 1s 0.85s, -webkit-transform 1s 0.85s;
}

article.topics_index .list_topics a:nth-child(9n+8), article.topics_tags .list_topics a:nth-child(9n+8) {
  -webkit-transition: opacity 1s 0.95s, -webkit-transform 1s 0.95s;
  transition: opacity 1s 0.95s, -webkit-transform 1s 0.95s;
  transition: opacity 1s 0.95s, transform 1s 0.95s;
  transition: opacity 1s 0.95s, transform 1s 0.95s, -webkit-transform 1s 0.95s;
}

article.topics_index .list_topics a:nth-child(9n+9), article.topics_tags .list_topics a:nth-child(9n+9) {
  -webkit-transition: opacity 1s 1.05s, -webkit-transform 1s 1.05s;
  transition: opacity 1s 1.05s, -webkit-transform 1s 1.05s;
  transition: opacity 1s 1.05s, transform 1s 1.05s;
  transition: opacity 1s 1.05s, transform 1s 1.05s, -webkit-transform 1s 1.05s;
}

article.topics_index .list_topics a.youtube .image, article.topics_tags .list_topics a.youtube .image {
  position: relative;
}

article.topics_index .list_topics a.youtube .image::before, article.topics_tags .list_topics a.youtube .image::before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  content: "";
  background: transparent url(https://blog.advantech.co.jp/wp-content/uploads/2021/03/youtube.png) no-repeat center center;
  background-size: contain;
  z-index: 1;
}

article.topics_index .more, article.topics_tags .more {
  text-align: center;
}

article.topics_index .more a, article.topics_tags .more a {
  padding: .5em 1em .55em;
  color: #fff !important;
  background-color: #004280 !important;
  border-color: #004280;
}

article.topics_detail h3 {
  font-size: 2.11111rem;
}

article.topics_detail .inner > .date {
  margin-bottom: 1em;
  font-size: 1.22222rem;
  text-align: right;
}

article.topics_detail .content::after {
  display: block;
  content: "";
  clear: both;
}

article.topics_detail .content p {
  min-height: 1.8em;
}

article.topics_detail .content a::after {
  display: none;
}

article.topics_detail .content img {
  height: auto !important;
}

article.topics_detail .content em {
  font-style: italic;
}

article.topics_detail .content table {
  margin: 2em auto;
  background-color: #fff;
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
}

article.topics_detail .content table th,
article.topics_detail .content table td {
  border-left: 1px solid #000;
  border-top: 1px solid #000;
}

article.topics_detail .content table th {
  background-color: #d3e4f2;
}

article.topics_detail .content ul,
article.topics_detail .content ol {
  margin-left: 2em;
  list-style: none !important;
}

article.topics_detail .content ul > li,
article.topics_detail .content ol > li {
  padding-left: .25em;
}

article.topics_detail .content ul > li > ul,
article.topics_detail .content ul > li > ol,
article.topics_detail .content ol > li > ul,
article.topics_detail .content ol > li > ol {
  margin-left: 1.25em;
}

article.topics_detail .content ul > li {
  position: relative;
}

article.topics_detail .content ul > li::before {
  position: absolute;
  left: -1em;
  top: .65em;
  display: block;
  content: "";
  width: 10px;
  height: 10px;
  background-color: #f39800;
  border: 2px solid #f39800;
  border-radius: 50%;
}

article.topics_detail .content ul > li > ul > li::before {
  background-color: transparent;
}

article.topics_detail .content ol {
  list-style: decimal;
}

article.topics_detail .content dl {
  margin-left: 1em;
}

article.topics_detail .content dl > dt {
  color: #004280;
  font-weight: bold;
}

article.topics_detail .content dl > dd {
  margin-left: 1em;
}

@media all and (min-width: 740px) {
  article.topics .tags_message {
    text-align: center;
  }
  article.topics .topics_tags a {
    -webkit-transition: color 0.4s, background-color 0.4s;
    transition: color 0.4s, background-color 0.4s;
  }
  article.topics .topics_tags a:hover {
    color: #fff;
    background-color: #004280;
  }
  article.topics .list_topics {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  article.topics_index .more a:hover, article.topics_tags .more a:hover {
    color: #231815 !important;
    background-color: #fff !important;
  }
}

@media all and (min-width: 1200px) {
  article.topics .list_topics a {
    margin: 0 0 2% 2%;
    width: 32%;
  }
  article.topics .list_topics a:nth-child(3n+1) {
    margin-left: 0;
  }
}

@media all and (min-width: 740px) and (max-width: 1199px) {
  article.topics .list_topics a {
    margin: 0 0 4% 4%;
    width: 48%;
  }
  article.topics .list_topics a:nth-child(2n+1) {
    margin-left: 0;
  }
}

@media only screen and (max-width: 739px) {
  article.topics .list_topics a {
    margin-top: 20px;
  }
  article.topics .list_topics a:first-child {
    margin-top: 0;
  }
  article.topics_detail h3 {
    font-size: 1.55556rem;
  }
}

@media all and (min-width: 1140px) {
  body.topics #header .global_menu .nav > li.topics > a::after {
    height: 10px !important;
  }
}

@media only screen and (max-width: 1139px) {
  body.topics #header .global_menu .nav > li.topics > a {
    background-color: #00284d;
  }
}

/* --------------------------------------------------
	14. Service
-------------------------------------------------- */
body.service #primary .main_img {
  display: none;
}

body.service #primary .main_img h2 {
  background-image: url(images/service/bg_main.jpg);
}

article.service_index section.service .catch {
  margin-bottom: 1em;
  color: #004280;
  font-size: 1.77778rem;
  font-weight: bold;
}

article.service_index section.dms h4 {
  margin-bottom: 1.5em;
}

article.service_index section.dms .col6 {
  margin-bottom: 4% !important;
  width: 48% !important;
}

article.service_index section.dms .title {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 1em;
  font-size: 1.33333rem;
  font-weight: bold;
  border-bottom: 4px solid #004280;
}

article.service_index section.dms .title .en {
  padding-right: 1em;
  color: #004280;
}

article.service_index section.dms .image {
  margin-bottom: 1em;
  text-align: center;
}

@media all and (min-width: 740px) {
  article.service_detail .list_topics {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}

@media all and (min-width: 1200px) {
  article.service_detail .list_topics > a {
    margin: 0 0 2% 2%;
    width: 23.5%;
  }
  article.service_detail .list_topics > a:nth-child(4n+1) {
    margin-left: 0;
  }
}

@media all and (min-width: 740px) and (max-width: 1199px) {
  article.service_detail .list_topics > a {
    margin: 0 0 4% 4%;
    width: 48%;
  }
  article.service_detail .list_topics > a:nth-child(2n+1) {
    margin-left: 0;
  }
}

@media only screen and (max-width: 739px) {
  article.service_index section.service .catch {
    font-size: 1.55556rem;
  }
  article.service_detail .list_topics > a {
    margin-top: 20px;
  }
  article.service_detail .list_topics > a:first-child {
    margin-top: 0;
  }
}

@media all and (min-width: 1140px) {
  body.service #header .global_menu .nav > li.service > a::after {
    height: 10px !important;
  }
  body.service_embedded #header .global_menu .nav > li.service .sub li.embedded a {
    background-color: #00284d;
  }
  body.service_industrial #header .global_menu .nav > li.service .sub li.industrial a {
    background-color: #00284d;
  }
  body.service_service-2 #header .global_menu .nav > li.service .sub li.service a {
    background-color: #00284d;
  }
  body.service_edms #header .global_menu .nav > li.service .sub li.edms a {
    background-color: #00284d;
  }
  body.service_plus #header .global_menu .nav > li.service .sub li.plus a {
    background-color: #00284d;
  }
}

@media only screen and (max-width: 1139px) {
  body.service #header .global_menu .nav > li.service > span {
    background-color: #00284d;
  }
  body.service_index #header .global_menu .nav > li.service .sub li.index a {
    background-color: #4d9ce6;
  }
  body.service_embedded #header .global_menu .nav > li.service .sub li.embedded a {
    background-color: #4d9ce6;
  }
  body.service_industrial #header .global_menu .nav > li.service .sub li.industrial a {
    background-color: #4d9ce6;
  }
  body.service_service-2 #header .global_menu .nav > li.service .sub li.service a {
    background-color: #4d9ce6;
  }
  body.service_edms #header .global_menu .nav > li.service .sub li.edms a {
    background-color: #4d9ce6;
  }
  body.service_plus #header .global_menu .nav > li.service .sub li.plus a {
    background-color: #4d9ce6;
  }
}

/* --------------------------------------------------
	15. Products
-------------------------------------------------- */
body.products #primary .main_img h2 {
  background-image: url(images/products/bg_main.jpg);
}

article.products_index .list_products.is_show a {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

article.products_index .list_products a {
  opacity: 0;
  -webkit-transform: translate3d(0, 20px, 0);
  transform: translate3d(0, 20px, 0);
}

article.products_index .list_products a:nth-child(1) {
  -webkit-transition: opacity 1s 0.25s, -webkit-transform 1s 0.25s;
  transition: opacity 1s 0.25s, -webkit-transform 1s 0.25s;
  transition: opacity 1s 0.25s, transform 1s 0.25s;
  transition: opacity 1s 0.25s, transform 1s 0.25s, -webkit-transform 1s 0.25s;
}

article.products_index .list_products a:nth-child(2) {
  -webkit-transition: opacity 1s 0.35s, -webkit-transform 1s 0.35s;
  transition: opacity 1s 0.35s, -webkit-transform 1s 0.35s;
  transition: opacity 1s 0.35s, transform 1s 0.35s;
  transition: opacity 1s 0.35s, transform 1s 0.35s, -webkit-transform 1s 0.35s;
}

article.products_index .list_products a:nth-child(3) {
  -webkit-transition: opacity 1s 0.45s, -webkit-transform 1s 0.45s;
  transition: opacity 1s 0.45s, -webkit-transform 1s 0.45s;
  transition: opacity 1s 0.45s, transform 1s 0.45s;
  transition: opacity 1s 0.45s, transform 1s 0.45s, -webkit-transform 1s 0.45s;
}

article.products_index .list_products a:nth-child(4) {
  -webkit-transition: opacity 1s 0.55s, -webkit-transform 1s 0.55s;
  transition: opacity 1s 0.55s, -webkit-transform 1s 0.55s;
  transition: opacity 1s 0.55s, transform 1s 0.55s;
  transition: opacity 1s 0.55s, transform 1s 0.55s, -webkit-transform 1s 0.55s;
}

article.products_index .list_products a:nth-child(5) {
  -webkit-transition: opacity 1s 0.65s, -webkit-transform 1s 0.65s;
  transition: opacity 1s 0.65s, -webkit-transform 1s 0.65s;
  transition: opacity 1s 0.65s, transform 1s 0.65s;
  transition: opacity 1s 0.65s, transform 1s 0.65s, -webkit-transform 1s 0.65s;
}

article.products_index .list_products a:nth-child(6) {
  -webkit-transition: opacity 1s 0.75s, -webkit-transform 1s 0.75s;
  transition: opacity 1s 0.75s, -webkit-transform 1s 0.75s;
  transition: opacity 1s 0.75s, transform 1s 0.75s;
  transition: opacity 1s 0.75s, transform 1s 0.75s, -webkit-transform 1s 0.75s;
}

article.products_index .list_products a:nth-child(7) {
  -webkit-transition: opacity 1s 0.85s, -webkit-transform 1s 0.85s;
  transition: opacity 1s 0.85s, -webkit-transform 1s 0.85s;
  transition: opacity 1s 0.85s, transform 1s 0.85s;
  transition: opacity 1s 0.85s, transform 1s 0.85s, -webkit-transform 1s 0.85s;
}

article.products_index .list_products a:nth-child(8) {
  -webkit-transition: opacity 1s 0.95s, -webkit-transform 1s 0.95s;
  transition: opacity 1s 0.95s, -webkit-transform 1s 0.95s;
  transition: opacity 1s 0.95s, transform 1s 0.95s;
  transition: opacity 1s 0.95s, transform 1s 0.95s, -webkit-transform 1s 0.95s;
}

article.products_index .list_products a:nth-child(9) {
  -webkit-transition: opacity 1s 1.05s, -webkit-transform 1s 1.05s;
  transition: opacity 1s 1.05s, -webkit-transform 1s 1.05s;
  transition: opacity 1s 1.05s, transform 1s 1.05s;
  transition: opacity 1s 1.05s, transform 1s 1.05s, -webkit-transform 1s 1.05s;
}

article.products_index .list_products a:nth-child(10) {
  -webkit-transition: opacity 1s 1.15s, -webkit-transform 1s 1.15s;
  transition: opacity 1s 1.15s, -webkit-transform 1s 1.15s;
  transition: opacity 1s 1.15s, transform 1s 1.15s;
  transition: opacity 1s 1.15s, transform 1s 1.15s, -webkit-transform 1s 1.15s;
}

article.products_index .list_products a:nth-child(11) {
  -webkit-transition: opacity 1s 1.25s, -webkit-transform 1s 1.25s;
  transition: opacity 1s 1.25s, -webkit-transform 1s 1.25s;
  transition: opacity 1s 1.25s, transform 1s 1.25s;
  transition: opacity 1s 1.25s, transform 1s 1.25s, -webkit-transform 1s 1.25s;
}

article.products_index .list_products a:nth-child(12) {
  -webkit-transition: opacity 1s 1.35s, -webkit-transform 1s 1.35s;
  transition: opacity 1s 1.35s, -webkit-transform 1s 1.35s;
  transition: opacity 1s 1.35s, transform 1s 1.35s;
  transition: opacity 1s 1.35s, transform 1s 1.35s, -webkit-transform 1s 1.35s;
}

article.products_index .list_products a:nth-child(13) {
  -webkit-transition: opacity 1s 1.45s, -webkit-transform 1s 1.45s;
  transition: opacity 1s 1.45s, -webkit-transform 1s 1.45s;
  transition: opacity 1s 1.45s, transform 1s 1.45s;
  transition: opacity 1s 1.45s, transform 1s 1.45s, -webkit-transform 1s 1.45s;
}

article.products_index .list_products a:nth-child(14) {
  -webkit-transition: opacity 1s 1.55s, -webkit-transform 1s 1.55s;
  transition: opacity 1s 1.55s, -webkit-transform 1s 1.55s;
  transition: opacity 1s 1.55s, transform 1s 1.55s;
  transition: opacity 1s 1.55s, transform 1s 1.55s, -webkit-transform 1s 1.55s;
}

article.products_index .list_products a:nth-child(15) {
  -webkit-transition: opacity 1s 1.65s, -webkit-transform 1s 1.65s;
  transition: opacity 1s 1.65s, -webkit-transform 1s 1.65s;
  transition: opacity 1s 1.65s, transform 1s 1.65s;
  transition: opacity 1s 1.65s, transform 1s 1.65s, -webkit-transform 1s 1.65s;
}

article.products_index .list_products a:nth-child(16) {
  -webkit-transition: opacity 1s 1.75s, -webkit-transform 1s 1.75s;
  transition: opacity 1s 1.75s, -webkit-transform 1s 1.75s;
  transition: opacity 1s 1.75s, transform 1s 1.75s;
  transition: opacity 1s 1.75s, transform 1s 1.75s, -webkit-transform 1s 1.75s;
}

article.products_index .list_products a:nth-child(17) {
  -webkit-transition: opacity 1s 1.85s, -webkit-transform 1s 1.85s;
  transition: opacity 1s 1.85s, -webkit-transform 1s 1.85s;
  transition: opacity 1s 1.85s, transform 1s 1.85s;
  transition: opacity 1s 1.85s, transform 1s 1.85s, -webkit-transform 1s 1.85s;
}

article.products_index .list_products a:nth-child(18) {
  -webkit-transition: opacity 1s 1.95s, -webkit-transform 1s 1.95s;
  transition: opacity 1s 1.95s, -webkit-transform 1s 1.95s;
  transition: opacity 1s 1.95s, transform 1s 1.95s;
  transition: opacity 1s 1.95s, transform 1s 1.95s, -webkit-transform 1s 1.95s;
}

article.products_detail h3 {
  font-size: 2.11111rem;
}

article.products_detail .inner > .image {
  margin-bottom: 2em;
  text-align: center;
}

article.products_detail .inner > .image img {
  max-width: 750px;
}

article.products_detail .content::after {
  display: block;
  content: "";
  clear: both;
}

article.products_detail .content p {
  min-height: 1.8em;
}

article.products_detail .content a::after {
  display: none;
}

article.products_detail .content img {
  height: auto !important;
}

article.products_detail .content em {
  font-style: italic;
}

article.products_detail .content table {
  margin: 2em auto;
  background-color: #fff;
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
}

article.products_detail .content table th,
article.products_detail .content table td {
  border-left: 1px solid #000;
  border-top: 1px solid #000;
}

article.products_detail .content table th {
  background-color: #d3e4f2;
}

article.products_detail .content ul,
article.products_detail .content ol {
  margin-left: 2em;
  list-style: none !important;
}

article.products_detail .content ul > li,
article.products_detail .content ol > li {
  padding-left: .25em;
}

article.products_detail .content ul > li > ul,
article.products_detail .content ul > li > ol,
article.products_detail .content ol > li > ul,
article.products_detail .content ol > li > ol {
  margin-left: 1.25em;
}

article.products_detail .content ul > li {
  position: relative;
}

article.products_detail .content ul > li::before {
  position: absolute;
  left: -1em;
  top: .65em;
  display: block;
  content: "";
  width: 10px;
  height: 10px;
  background-color: #f39800;
  border: 2px solid #f39800;
  border-radius: 50%;
}

article.products_detail .content ul > li > ul > li::before {
  background-color: transparent;
}

article.products_detail .content ol {
  list-style: decimal;
}

article.products_detail .content dl {
  margin-left: 1em;
}

article.products_detail .content dl > dt {
  color: #004280;
  font-weight: bold;
}

article.products_detail .content dl > dd {
  margin-left: 1em;
}

article.products_detail .lineup h4 {
  font-size: 1.66667rem;
}

article.products_detail .lineup h5 {
  font-size: 1.55556rem;
}

article.products_detail .lineup .image {
  text-align: center;
}

article.products_detail .lineup .comment .banner {
  padding: 2em 0;
  text-align: center;
}

article.products_detail .lineup > li {
  padding: 3em 0;
}

article.products_detail .lineup > li:nth-child(2n+1) {
  background-color: #efefef;
}

article.products_detail .lineup .item_feature > .link_list,
article.products_detail .lineup .item_feature > .feature_list {
  padding-top: 2em;
  font-size: 0.88889rem;
}

article.products_detail .lineup .item_feature > .link_list {
  margin-left: 1em;
}

article.products_detail .lineup .item_feature > .feature_list li {
  display: inline-block;
  vertical-align: middle;
  margin: 0 1em 1em 0;
  padding: 0 .5em;
  border: 1px solid #000;
  background-color: #fff;
}

article.products_detail .lineup .pdf_file {
  padding-top: 3em;
  text-align: center;
}

article.products_detail .lineup .pdf_file a {
  padding: .5em 2em;
}

article.products_detail .relations {
  padding-top: 0;
}

@media all and (min-width: 740px) {
  article.products .list_products,
  article.products .list_topics {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  article.products_detail .lineup .content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  article.products_detail .lineup .content .image,
  article.products_detail .lineup .content .comment {
    width: 48%;
  }
}

@media all and (min-width: 1200px) {
  article.products .list_products > a,
  article.products .list_topics > a {
    margin: 0 0 2% 2%;
    width: 32%;
  }
  article.products .list_products > a:nth-child(3n+1),
  article.products .list_topics > a:nth-child(3n+1) {
    margin-left: 0;
  }
  article.products_detail .inner > .item_feature {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  article.products_detail .inner > .item_feature > .link_list,
  article.products_detail .inner > .item_feature > .feature_list {
    width: 48%;
  }
}

@media all and (min-width: 740px) and (max-width: 1199px) {
  article.products .list_products > a,
  article.products .list_topics > a {
    margin: 0 0 4% 4%;
    width: 48%;
  }
  article.products .list_products > a:nth-child(2n+1),
  article.products .list_topics > a:nth-child(2n+1) {
    margin-left: 0;
  }
}

@media only screen and (max-width: 739px) {
  article.products .list_products > a,
  article.products .list_topics > a {
    margin-top: 20px;
  }
  article.products .list_products > a:first-child,
  article.products .list_topics > a:first-child {
    margin-top: 0;
  }
  article.products_detail h3 {
    font-size: 1.55556rem;
  }
  article.products_detail .lineup h4 {
    font-size: 1.22222rem;
  }
  article.products_detail .lineup h5 {
    font-size: 1.22222rem;
  }
}

@media all and (min-width: 1140px) {
  body.products #header .global_menu .nav > li.products > a::after {
    height: 10px !important;
  }
}

@media only screen and (max-width: 1139px) {
  body.products #header .global_menu .nav > li.products > a {
    background-color: #00284d;
  }
}

/* --------------------------------------------------
	16. Company
-------------------------------------------------- */
body.company #primary .main_img h2 {
  background-image: url(images/company/bg_main.jpg);
}

body#tinymce .company .banner nav a {
  opacity: 1 !important;
  -webkit-transform: translate3d(0, 0, 0) !important;
  transform: translate3d(0, 0, 0) !important;
}

body#tinymce .company_outline .sns a {
  color: #231815;
  text-decoration: none;
}

body#tinymce .company_outline .sns a::after {
  display: none;
}

article.company .image {
  text-align: center;
}

article.company .banner {
  padding: 100px 0;
  background-color: #d3e4f2;
}

article.company .banner.is_show nav a {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

article.company .banner nav {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

article.company .banner nav a {
  display: block;
  margin: 1%;
  width: 48%;
  color: #231815;
  text-decoration: none !important;
  text-align: center;
  background-color: #fff;
  opacity: 0;
  -webkit-transform: translate3d(0, 20px, 0);
  transform: translate3d(0, 20px, 0);
}

article.company .banner nav a:nth-child(1) {
  -webkit-transition: opacity 1s 0.25s, -webkit-transform 1s 0.25s;
  transition: opacity 1s 0.25s, -webkit-transform 1s 0.25s;
  transition: opacity 1s 0.25s, transform 1s 0.25s;
  transition: opacity 1s 0.25s, transform 1s 0.25s, -webkit-transform 1s 0.25s;
}

article.company .banner nav a:nth-child(2) {
  -webkit-transition: opacity 1s 0.35s, -webkit-transform 1s 0.35s;
  transition: opacity 1s 0.35s, -webkit-transform 1s 0.35s;
  transition: opacity 1s 0.35s, transform 1s 0.35s;
  transition: opacity 1s 0.35s, transform 1s 0.35s, -webkit-transform 1s 0.35s;
}

article.company .banner nav a:nth-child(3) {
  -webkit-transition: opacity 1s 0.45s, -webkit-transform 1s 0.45s;
  transition: opacity 1s 0.45s, -webkit-transform 1s 0.45s;
  transition: opacity 1s 0.45s, transform 1s 0.45s;
  transition: opacity 1s 0.45s, transform 1s 0.45s, -webkit-transform 1s 0.45s;
}

article.company .banner nav a:nth-child(4) {
  -webkit-transition: opacity 1s 0.55s, -webkit-transform 1s 0.55s;
  transition: opacity 1s 0.55s, -webkit-transform 1s 0.55s;
  transition: opacity 1s 0.55s, transform 1s 0.55s;
  transition: opacity 1s 0.55s, transform 1s 0.55s, -webkit-transform 1s 0.55s;
}

article.company .banner nav a span {
  display: block;
}

article.company .banner nav a .image {
  display: block;
  overflow: hidden;
  color: transparent;
  text-decoration: none;
  text-indent: 110%;
  white-space: nowrap;
  font-size: 0;
  padding-top: 100%;
  margin-bottom: 50px;
  background: transparent no-repeat center center;
  background-size: contain;
}

article.company .banner nav a .title {
  position: relative;
  margin-bottom: .5em;
  text-align: center;
  color: #231815;
  font-size: 1.22222rem;
}

article.company .banner nav a .title::after {
  position: absolute;
  left: 50%;
  top: -90px;
  display: block;
  content: "";
  margin-left: -40px;
  width: 80px;
  height: 80px;
  background: #004280 no-repeat center center;
  background-size: contain;
  border-radius: 50%;
}

article.company .banner nav a .more {
  position: relative;
  display: inline-block;
  padding-right: 90px;
  margin-bottom: 2em;
  color: #f39800;
  font-size: 0.94444rem;
  font-weight: bold;
  line-height: 1;
}

article.company .banner nav a .more::before, article.company .banner nav a .more::after {
  position: absolute;
  right: 0;
  bottom: 0;
  display: block;
  content: "";
  height: 1px;
  background-color: #f39800;
}

article.company .banner nav a .more::before {
  width: 80px;
}

article.company .banner nav a .more::after {
  width: 10px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transform-origin: right bottom;
  transform-origin: right bottom;
}

article.company .banner nav a.greeting .image {
  background-image: url(images/company/img_greeting.jpg);
}

article.company .banner nav a.greeting .title::after {
  background-image: url(images/company/icon_greeting.png);
}

article.company .banner nav a.outline .image {
  background-image: url(images/company/img_outline.jpg);
}

article.company .banner nav a.outline .title::after {
  background-image: url(images/company/icon_outline.png);
}

article.company .banner nav a.access .image {
  background-image: url(images/company/img_access.jpg);
}

article.company .banner nav a.access .title::after {
  background-image: url(images/company/icon_access.png);
}

article.company .banner nav a.environment .image {
  background-image: url(images/company/img_environment.jpg);
}

article.company .banner nav a.environment .title::after {
  background-image: url(images/company/icon_environment.png);
}

article.company_greeting section.greeting .image {
  margin-bottom: 1em;
}

article.company_greeting section.greeting .caption {
  text-align: center;
}

article.company_greeting section.greeting .caption .name {
  font-size: 1.33333rem;
}

article.company_outline section.profile .sns {
  padding-top: 4em;
}

article.company_outline section.profile .sns p {
  margin-bottom: 1em;
  text-align: center;
}

article.company_outline section.profile .sns ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

article.company_outline section.profile .sns li {
  padding: 2%;
  width: 30%;
}

article.company_outline section.profile .sns a {
  display: block;
  color: #231815;
  text-align: center;
  text-decoration: none;
}

article.company_outline section.profile .sns a::before {
  margin-bottom: .5em;
  display: block;
  content: "";
  padding-top: 100%;
  background: #f9f9f9 no-repeat center center;
  border: 1px solid #e0e0e0;
  background-size: 80%;
}

article.company_outline section.profile .sns a::after {
  display: none;
}

article.company_outline section.profile .sns .twitter a::before {
  background-image: url(https://blog.advantech.co.jp/wp-content/uploads/2021/02/icon_twitter.png);
}

article.company_outline section.profile .sns .linkedin a::before {
  background-image: url(https://blog.advantech.co.jp/wp-content/uploads/2021/02/icon_linkedin.png);
}

article.company_outline section.profile .sns .facebook a::before {
  background-image: url(https://blog.advantech.co.jp/wp-content/uploads/2021/02/icon_facebook.png);
}

article.company_outline section.profile .sns .instagram a::before {
  background-image: url(https://blog.advantech.co.jp/wp-content/uploads/2021/02/icon_instagram.png);
}

article.company_outline section.profile .sns .youtube a::before {
  background-image: url(https://blog.advantech.co.jp/wp-content/uploads/2021/02/icon_youtube.png);
}

article.company_outline section.outline .flex {
  padding-top: 4em;
}

article.company_business section.business .flex {
  padding-top: 4em;
}

article.company_business section.business .image {
  margin-bottom: 1em;
}

article.company_access section.access .map {
  overflow: hidden;
  position: relative;
  margin-bottom: 2em;
}

article.company_access section.access .map iframe {
  position: absolute;
  left: 0;
  top: -150px;
  width: 100% !important;
  height: calc(100% + 300px) !important;
}

article.company_access section.access .access {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

article.company_access section.access .access dt {
  padding: 0 1.5em;
  color: #fff;
  background-color: #231815;
  border-radius: 2em;
}

article.company_access section.access .access dd {
  margin-left: 1em;
}

article.company_access section.access .access dd::before {
  display: inline-block;
  content: "▼";
  margin-right: .5em;
  color: #f39800;
}

@media all and (min-width: 740px) {
  article.company .banner a .title::after {
    -webkit-transition: background-color 0.4s;
    transition: background-color 0.4s;
  }
  article.company .banner a:hover .title::after {
    background-color: #f39800;
  }
  article.company_outline section.profile .sns ul {
    margin: 0 auto;
    max-width: 1000px;
  }
  article.company_outline section.profile .sns li {
    padding: 1%;
    width: 20%;
  }
  article.company_outline section.profile .sns a {
    -webkit-transition: opacity 0.4s;
    transition: opacity 0.4s;
  }
  article.company_outline section.profile .sns a:hover {
    opacity: .6;
  }
  article.company_access section.access .map {
    height: 500px;
  }
}

@media all and (min-width: 1200px) {
  article.company .banner nav {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  article.company .banner nav a {
    margin: .5%;
    width: 24%;
  }
}

@media only screen and (max-width: 739px) {
  article.company .banner {
    padding: 50px 0;
  }
  article.company .banner nav a .more {
    padding-right: .5em;
    padding-bottom: 1em;
  }
  article.company_access section.access .map {
    height: 300px;
  }
}

@media all and (min-width: 1140px) {
  body.company #header .global_menu .nav > li.company > a::after {
    height: 10px !important;
  }
  body.company_greeting #header .global_menu .nav > li.company .sub li.greeting a {
    background-color: #00284d;
  }
  body.company_outline #header .global_menu .nav > li.company .sub li.outline a {
    background-color: #00284d;
  }
  body.company_business #header .global_menu .nav > li.company .sub li.business a {
    background-color: #00284d;
  }
  body.company_access #header .global_menu .nav > li.company .sub li.access a {
    background-color: #00284d;
  }
  body.company_environment #header .global_menu .nav > li.company .sub li.environment a {
    background-color: #00284d;
  }
}

@media only screen and (max-width: 1139px) {
  body.company #header .global_menu .nav > li.company > span {
    background-color: #00284d;
  }
  body.company_index #header .global_menu .nav > li.company .sub li.index a {
    background-color: #4d9ce6;
  }
  body.company_greeting #header .global_menu .nav > li.company .sub li.greeting a {
    background-color: #4d9ce6;
  }
  body.company_outline #header .global_menu .nav > li.company .sub li.outline a {
    background-color: #4d9ce6;
  }
  body.company_business #header .global_menu .nav > li.company .sub li.business a {
    background-color: #4d9ce6;
  }
  body.company_access #header .global_menu .nav > li.company .sub li.access a {
    background-color: #4d9ce6;
  }
  body.company_environment #header .global_menu .nav > li.company .sub li.environment a {
    background-color: #4d9ce6;
  }
}

/* --------------------------------------------------
	17. People
-------------------------------------------------- */
body.people #primary .main_img h2 {
  background-image: url(https://blog.advantech.co.jp/wp-content/uploads/2020/08/bg_main.png);
}

body#tinymce .people_index .interview,
body#tinymce .people_detail .interview {
  opacity: 1 !important;
}

body#tinymce .people_index .interview nav a,
body#tinymce .people_detail .interview nav a {
  opacity: 1 !important;
  -webkit-transform: translate3d(0, 0, 0) !important;
  transform: translate3d(0, 0, 0) !important;
}

body#tinymce .people_detail section.people h4 {
  padding-bottom: .25em;
  color: #004280;
  font-size: 1.66667rem;
  text-align: left;
}

body#tinymce .people_detail section.people h4::after {
  left: 0;
  margin-left: 0;
  width: 100%;
  height: 2px;
  background-color: #004280;
}

article.people section {
  -webkit-transition: none;
  transition: none;
}

article.people section.is_show {
  -webkit-animation: bounce_up 1s ease;
  animation: bounce_up 1s ease;
}

article.people .interview {
  padding: 100px 0;
  background-color: #d3e4f2;
  opacity: 0;
}

article.people .interview.is_show {
  opacity: 1;
  -webkit-animation: bounce_up 1s ease;
  animation: bounce_up 1s ease;
}

article.people .interview.is_show nav a {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

article.people .interview nav {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

article.people .interview nav a {
  display: block;
  margin: 1%;
  width: 48%;
  color: #231815;
  text-decoration: none !important;
  text-align: center;
  opacity: 0;
  -webkit-transform: translate3d(0, 20px, 0);
  transform: translate3d(0, 20px, 0);
}

article.people .interview nav a:nth-child(1) {
  -webkit-transition: opacity 1s 0.25s, -webkit-transform 1s 0.25s;
  transition: opacity 1s 0.25s, -webkit-transform 1s 0.25s;
  transition: opacity 1s 0.25s, transform 1s 0.25s;
  transition: opacity 1s 0.25s, transform 1s 0.25s, -webkit-transform 1s 0.25s;
}

article.people .interview nav a:nth-child(2) {
  -webkit-transition: opacity 1s 0.35s, -webkit-transform 1s 0.35s;
  transition: opacity 1s 0.35s, -webkit-transform 1s 0.35s;
  transition: opacity 1s 0.35s, transform 1s 0.35s;
  transition: opacity 1s 0.35s, transform 1s 0.35s, -webkit-transform 1s 0.35s;
}

article.people .interview nav a:nth-child(3) {
  -webkit-transition: opacity 1s 0.45s, -webkit-transform 1s 0.45s;
  transition: opacity 1s 0.45s, -webkit-transform 1s 0.45s;
  transition: opacity 1s 0.45s, transform 1s 0.45s;
  transition: opacity 1s 0.45s, transform 1s 0.45s, -webkit-transform 1s 0.45s;
}

article.people .interview nav a:nth-child(4) {
  -webkit-transition: opacity 1s 0.55s, -webkit-transform 1s 0.55s;
  transition: opacity 1s 0.55s, -webkit-transform 1s 0.55s;
  transition: opacity 1s 0.55s, transform 1s 0.55s;
  transition: opacity 1s 0.55s, transform 1s 0.55s, -webkit-transform 1s 0.55s;
}

article.people .interview nav a span {
  display: block;
}

article.people .interview nav a .text {
  position: relative;
  padding: 1em 2em;
  text-align: center;
  color: #fff;
  font-size: 0.83333rem;
  background-color: #004280;
}

article.people .interview nav a .department small {
  font-size: 0.77778rem;
}

article.people .interview nav a .name {
  margin-bottom: .5em;
  font-size: 1.44444rem;
}

article.people .interview nav a .enter {
  margin-bottom: 1em;
}

article.people .interview nav a .more {
  position: relative;
  display: inline-block;
  padding-right: 90px;
  color: #f39800;
  font-size: 0.94444rem;
  font-weight: bold;
  line-height: 1;
}

article.people .interview nav a .more::before, article.people .interview nav a .more::after {
  position: absolute;
  right: 0;
  bottom: 0;
  display: block;
  content: "";
  height: 1px;
  background-color: #f39800;
}

article.people .interview nav a .more::before {
  width: 80px;
}

article.people .interview nav a .more::after {
  width: 10px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transform-origin: right bottom;
  transform-origin: right bottom;
}

article.people_index section.people .image {
  margin-bottom: .5em;
}

article.people_detail section.people .profile .text {
  padding: 1em 2em;
  color: #fff;
  font-size: 1.11111rem;
  background-color: #004280;
}

article.people_detail section.people .profile .text .title {
  color: #f39800;
  font-size: 2rem;
}

article.people_detail section.people .profile .text .department {
  margin-bottom: 1em;
}

article.people_detail section.people .profile .text .department small {
  font-size: 0.88889rem;
}

article.people_detail section.people .profile .text .name {
  font-size: 1.66667rem;
}

article.people_detail section.people .profile .text .name .kana {
  font-size: 1rem;
}

article.people_detail section.people h4 {
  padding-bottom: .25em;
  color: #004280;
  font-size: 1.66667rem;
  text-align: left;
}

article.people_detail section.people h4::after {
  left: 0;
  margin-left: 0;
  width: 100%;
  height: 2px;
  background-color: #004280;
}

article.people_detail section.people .content {
  padding-top: 1em;
}

article.people_detail section.people .content .image {
  margin-bottom: .5em;
  text-align: center;
}

article.people_detail section.people .content_wide {
  padding-top: 1em;
}

article.people_detail section.people .content_wide .image {
  margin-bottom: .5em;
  text-align: center;
}

@media all and (min-width: 740px) {
  article.people .interview nav a .text {
    -webkit-transition: background-color 0.2s;
    transition: background-color 0.2s;
  }
  article.people .interview nav a .text .more {
    -webkit-transition: color 0.2s;
    transition: color 0.2s;
  }
  article.people .interview nav a .text .more::before, article.people .interview nav a .text .more::after {
    -webkit-transition: background-color 0.2s;
    transition: background-color 0.2s;
  }
  article.people .interview nav a:hover .text {
    background-color: #f39800;
  }
  article.people .interview nav a:hover .more {
    color: #004280;
  }
  article.people .interview nav a:hover .more::before, article.people .interview nav a:hover .more::after {
    background-color: #004280;
  }
}

@media all and (min-width: 1200px) {
  article.people .interview nav a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
  }
  article.people .interview nav .image {
    width: 42.85714%;
  }
  article.people .interview nav .text {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 57.14286%;
  }
  article.people .interview nav .text span {
    text-align: left;
  }
  article.people .interview nav .text .name {
    margin-bottom: 1em;
  }
  article.people .interview nav .text .enter {
    margin-bottom: 4em;
  }
  article.people .interview nav .text .more {
    text-align: right;
  }
  article.people_index section.people .message {
    position: relative;
    text-align: right;
  }
  article.people_index section.people .message .image {
    max-width: 960px;
    -webkit-transform: translateX(680px);
    transform: translateX(680px);
  }
  article.people_index section.people .message .text {
    position: absolute;
    left: 0;
    top: 100px;
    padding: 3em 4em;
    width: 840px;
    text-align: left;
    background-color: #fff;
  }
  article.people_detail section.people .profile {
    position: relative;
  }
  article.people_detail section.people .profile .image {
    max-width: 960px;
    -webkit-transform: translateX(-280px);
    transform: translateX(-280px);
  }
  article.people_detail section.people .profile .text {
    position: absolute;
    right: 0;
    top: 180px;
    padding: 2em 6em 3em;
    width: 60%;
  }
  article.people_detail section.people .content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
  article.people_detail section.people .content .image,
  article.people_detail section.people .content .text {
    width: 50%;
  }
  article.people_detail section.people .content .image {
    padding-right: 2em;
    text-align: left;
  }
  article.people_detail section.people .content.reverse {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
  }
  article.people_detail section.people .content.reverse .image {
    padding-right: 0;
    padding-left: 2em;
    text-align: right;
  }
  article.people_detail section.people .content_wide .image {
    margin-left: auto;
    margin-right: auto;
    width: 80%;
  }
}

@media only screen and (max-width: 739px) {
  article.people .interview {
    padding: 50px 0;
  }
  article.people .interview nav a .department small {
    display: none;
  }
  article.people .interview nav a .name {
    font-size: 1.22222rem;
  }
  article.people .interview nav a .more {
    padding-right: .5em;
    padding-bottom: 1em;
  }
  article.people_detail section.people .profile .text .department small {
    display: block;
  }
}

@media all and (min-width: 1140px) {
  body.people #header .global_menu .nav > li.people > a::after {
    height: 10px !important;
  }
  body.people_interview01 #header .global_menu .nav > li.people .sub li.interview01 a {
    background-color: #00284d;
  }
  body.people_interview02 #header .global_menu .nav > li.people .sub li.interview02 a {
    background-color: #00284d;
  }
  body.people_interview03 #header .global_menu .nav > li.people .sub li.interview03 a {
    background-color: #00284d;
  }
}

@media only screen and (max-width: 1139px) {
  body.people #header .global_menu .nav > li.people > a {
    background-color: #00284d;
  }
  body.people_index #header .global_menu .nav > li.people .sub li.index a {
    background-color: #4d9ce6;
  }
  body.people_interview01 #header .global_menu .nav > li.people .sub li.interview01 a {
    background-color: #4d9ce6;
  }
  body.people_interview02 #header .global_menu .nav > li.people .sub li.interview02 a {
    background-color: #4d9ce6;
  }
  body.people_interview03 #header .global_menu .nav > li.people .sub li.interview03 a {
    background-color: #4d9ce6;
  }
}

/* --------------------------------------------------
	18. Policy
-------------------------------------------------- */
article.policy .nav {
  text-align: center;
}

article.policy .nav li {
  display: inline-block;
  margin: 0 .5em;
}

article.policy .nav li a {
  display: block;
  padding: .5em 1em;
  color: #fff !important;
  font-size: 1.11111rem;
  text-decoration: none !important;
  background-color: #f39800;
}

article.policy h4 {
  padding-top: 2em !important;
}

article.policy .basic_dl dt {
  color: #231815;
}

article.policy .basic_dl dd + dt {
  padding-top: 1em;
}

article.policy #privacy {
  padding-top: 4em;
}

@media all and (min-width: 740px) {
  article.policy .nav a {
    -webkit-transition: background-color 0.4s;
    transition: background-color 0.4s;
  }
  article.policy .nav a:hover {
    background-color: #ffae27;
  }
}

@media only screen and (max-width: 739px) {
  body.policy #header .global_menu .nav > li.policy > a {
    background-color: #00284d;
  }
}

/* --------------------------------------------------
	19. Sitemap
-------------------------------------------------- */
article.sitemap .sitemap_list a {
  display: block;
  padding: .5em;
  color: #231815 !important;
  text-decoration: none !important;
  border-bottom: 1px dotted #000;
}

article.sitemap .sitemap_list a img {
  margin-right: .5em;
}

article.sitemap .sitemap_list a strong {
  padding-right: .5em;
}

article.sitemap .sitemap_list ul a {
  padding-left: 3em;
}

@media all and (min-width: 740px) {
  article.sitemap .sitemap_list a {
    -webkit-transition: background-color 0.4s;
    transition: background-color 0.4s;
  }
  article.sitemap .sitemap_list a:hover {
    background-color: #e6f3ff;
  }
}

/* --------------------------------------------------
	20. Contact
-------------------------------------------------- */
article.contact .contact #attention,
article.contact .wpcf7 #attention {
  margin-bottom: 3em;
}

article.contact .contact .wpcf7-not-valid-tip,
article.contact .wpcf7 .wpcf7-not-valid-tip {
  position: static;
  display: block;
  margin-top: 0;
  padding: 0;
  width: auto;
  font-size: 18px;
  color: #c00;
  background: none;
  border: none;
  z-index: auto;
}

article.contact .contact .wpcf7-list-item,
article.contact .wpcf7 .wpcf7-list-item {
  display: inline-block;
  vertical-align: middle;
}

article.contact .contact .wpcf7-not-valid,
article.contact .wpcf7 .wpcf7-not-valid {
  background-color: #f2dede;
}

article.contact .contact .wpcf7-response-output,
article.contact .wpcf7 .wpcf7-response-output {
  margin: 20px 0;
  padding: 0;
  border: none;
}

article.contact .contact .wpcf7-validation-errors,
article.contact .wpcf7 .wpcf7-validation-errors {
  color: #b00606;
  text-align: center;
}

article.contact .contact .wpcf7-mail-sent-ok,
article.contact .wpcf7 .wpcf7-mail-sent-ok {
  color: #3a87ad;
  text-align: center;
}

article.contact .contact .wpcf7-mail-sent-ng,
article.contact .wpcf7 .wpcf7-mail-sent-ng {
  color: #b00606;
  text-align: center;
}

article.contact .contact .wpcf7-list-item-label,
article.contact .wpcf7 .wpcf7-list-item-label {
  cursor: pointer;
}

article.contact .contact .required,
article.contact .wpcf7 .required {
  color: #b00606;
  font-size: 0.88889rem;
}

article.contact .contact .buttons,
article.contact .wpcf7 .buttons {
  padding-top: 20px;
  text-align: center;
}

article.contact .contact .buttons .wpcf7-submit,
article.contact .wpcf7 .buttons .wpcf7-submit {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 10px 0;
  padding: 10px 50px;
  width: 160px;
  color: #fff;
  text-align: center;
  background-color: #004280;
  border: 1px solid #00284d;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

article.contact .contact .buttons .wpcf7-submit[disabled],
article.contact .wpcf7 .buttons .wpcf7-submit[disabled] {
  color: #cfcfcf;
  background-color: #9b9b9d;
  border-color: #828283;
}

article.contact .contact .buttons .wpcf7-submit:not([disabled]),
article.contact .wpcf7 .buttons .wpcf7-submit:not([disabled]) {
  cursor: pointer;
}

article.contact .contact .buttons .back .wpcf7-submit,
article.contact .wpcf7 .buttons .back .wpcf7-submit {
  background-color: #9b9b9d;
  border: 1px solid #828283;
}

article.contact .contact label,
article.contact .wpcf7 label {
  cursor: pointer;
}

article.contact .contact input[type="text"], article.contact .contact input[type="email"],
article.contact .wpcf7 input[type="text"],
article.contact .wpcf7 input[type="email"] {
  width: 90%;
}

article.contact .contact input[name="your-zip"],
article.contact .wpcf7 input[name="your-zip"] {
  width: 8em;
}

article.contact .contact input[name="your-block"],
article.contact .wpcf7 input[name="your-block"] {
  width: 10em;
}

article.contact .contact input[name="your-tel"],
article.contact .wpcf7 input[name="your-tel"] {
  width: 10em;
}

article.contact .contact textarea,
article.contact .wpcf7 textarea {
  width: 90%;
}

article.contact .contact .acceptance,
article.contact .wpcf7 .acceptance {
  text-align: center;
}

@media all and (min-width: 740px) {
  article.contact .contact .buttons,
  article.contact .wpcf7 .buttons {
    direction: rtl;
  }
  article.contact .contact .buttons form,
  article.contact .wpcf7 .buttons form {
    display: inline-block;
    margin: 0 .5em;
  }
  article.contact .contact .buttons .wpcf7-submit,
  article.contact .wpcf7 .buttons .wpcf7-submit {
    -webkit-transition: opacity 0.4s;
    transition: opacity 0.4s;
  }
  article.contact .contact .buttons .wpcf7-submit:hover,
  article.contact .wpcf7 .buttons .wpcf7-submit:hover {
    opacity: 0.8;
  }
  article.contact .contact div.message,
  article.contact .wpcf7 div.message {
    text-align: center;
  }
}

@media only screen and (max-width: 739px) {
  article.contact .contact div.message p br,
  article.contact .wpcf7 div.message p br {
    display: none;
  }
}

/* --------------------------------------------------
	97. Search
-------------------------------------------------- */
article.search .attention {
  margin-bottom: 6em;
}

article.search .attention strong {
  color: #004280;
}

article.search .search_list.is_show li {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

article.search .search_list li {
  opacity: 0;
  -webkit-transform: translate3d(0, 20px, 0);
  transform: translate3d(0, 20px, 0);
}

article.search .search_list li:nth-child(9n+1) {
  -webkit-transition: opacity 1s 0.25s, -webkit-transform 1s 0.25s;
  transition: opacity 1s 0.25s, -webkit-transform 1s 0.25s;
  transition: opacity 1s 0.25s, transform 1s 0.25s;
  transition: opacity 1s 0.25s, transform 1s 0.25s, -webkit-transform 1s 0.25s;
}

article.search .search_list li:nth-child(9n+2) {
  -webkit-transition: opacity 1s 0.35s, -webkit-transform 1s 0.35s;
  transition: opacity 1s 0.35s, -webkit-transform 1s 0.35s;
  transition: opacity 1s 0.35s, transform 1s 0.35s;
  transition: opacity 1s 0.35s, transform 1s 0.35s, -webkit-transform 1s 0.35s;
}

article.search .search_list li:nth-child(9n+3) {
  -webkit-transition: opacity 1s 0.45s, -webkit-transform 1s 0.45s;
  transition: opacity 1s 0.45s, -webkit-transform 1s 0.45s;
  transition: opacity 1s 0.45s, transform 1s 0.45s;
  transition: opacity 1s 0.45s, transform 1s 0.45s, -webkit-transform 1s 0.45s;
}

article.search .search_list li:nth-child(9n+4) {
  -webkit-transition: opacity 1s 0.55s, -webkit-transform 1s 0.55s;
  transition: opacity 1s 0.55s, -webkit-transform 1s 0.55s;
  transition: opacity 1s 0.55s, transform 1s 0.55s;
  transition: opacity 1s 0.55s, transform 1s 0.55s, -webkit-transform 1s 0.55s;
}

article.search .search_list li:nth-child(9n+5) {
  -webkit-transition: opacity 1s 0.65s, -webkit-transform 1s 0.65s;
  transition: opacity 1s 0.65s, -webkit-transform 1s 0.65s;
  transition: opacity 1s 0.65s, transform 1s 0.65s;
  transition: opacity 1s 0.65s, transform 1s 0.65s, -webkit-transform 1s 0.65s;
}

article.search .search_list li:nth-child(9n+6) {
  -webkit-transition: opacity 1s 0.75s, -webkit-transform 1s 0.75s;
  transition: opacity 1s 0.75s, -webkit-transform 1s 0.75s;
  transition: opacity 1s 0.75s, transform 1s 0.75s;
  transition: opacity 1s 0.75s, transform 1s 0.75s, -webkit-transform 1s 0.75s;
}

article.search .search_list li:nth-child(9n+7) {
  -webkit-transition: opacity 1s 0.85s, -webkit-transform 1s 0.85s;
  transition: opacity 1s 0.85s, -webkit-transform 1s 0.85s;
  transition: opacity 1s 0.85s, transform 1s 0.85s;
  transition: opacity 1s 0.85s, transform 1s 0.85s, -webkit-transform 1s 0.85s;
}

article.search .search_list li:nth-child(9n+8) {
  -webkit-transition: opacity 1s 0.95s, -webkit-transform 1s 0.95s;
  transition: opacity 1s 0.95s, -webkit-transform 1s 0.95s;
  transition: opacity 1s 0.95s, transform 1s 0.95s;
  transition: opacity 1s 0.95s, transform 1s 0.95s, -webkit-transform 1s 0.95s;
}

article.search .search_list li:nth-child(9n+9) {
  -webkit-transition: opacity 1s 1.05s, -webkit-transform 1s 1.05s;
  transition: opacity 1s 1.05s, -webkit-transform 1s 1.05s;
  transition: opacity 1s 1.05s, transform 1s 1.05s;
  transition: opacity 1s 1.05s, transform 1s 1.05s, -webkit-transform 1s 1.05s;
}

article.search .search_list li:nth-child(9n+10) {
  -webkit-transition: opacity 1s 1.15s, -webkit-transform 1s 1.15s;
  transition: opacity 1s 1.15s, -webkit-transform 1s 1.15s;
  transition: opacity 1s 1.15s, transform 1s 1.15s;
  transition: opacity 1s 1.15s, transform 1s 1.15s, -webkit-transform 1s 1.15s;
}

article.search .search_list li:nth-child(9n+11) {
  -webkit-transition: opacity 1s 1.25s, -webkit-transform 1s 1.25s;
  transition: opacity 1s 1.25s, -webkit-transform 1s 1.25s;
  transition: opacity 1s 1.25s, transform 1s 1.25s;
  transition: opacity 1s 1.25s, transform 1s 1.25s, -webkit-transform 1s 1.25s;
}

article.search .search_list li:nth-child(9n+12) {
  -webkit-transition: opacity 1s 1.35s, -webkit-transform 1s 1.35s;
  transition: opacity 1s 1.35s, -webkit-transform 1s 1.35s;
  transition: opacity 1s 1.35s, transform 1s 1.35s;
  transition: opacity 1s 1.35s, transform 1s 1.35s, -webkit-transform 1s 1.35s;
}

article.search .search_list li:nth-child(9n+13) {
  -webkit-transition: opacity 1s 1.45s, -webkit-transform 1s 1.45s;
  transition: opacity 1s 1.45s, -webkit-transform 1s 1.45s;
  transition: opacity 1s 1.45s, transform 1s 1.45s;
  transition: opacity 1s 1.45s, transform 1s 1.45s, -webkit-transform 1s 1.45s;
}

article.search .search_list li:nth-child(9n+14) {
  -webkit-transition: opacity 1s 1.55s, -webkit-transform 1s 1.55s;
  transition: opacity 1s 1.55s, -webkit-transform 1s 1.55s;
  transition: opacity 1s 1.55s, transform 1s 1.55s;
  transition: opacity 1s 1.55s, transform 1s 1.55s, -webkit-transform 1s 1.55s;
}

article.search .search_list li:nth-child(9n+15) {
  -webkit-transition: opacity 1s 1.65s, -webkit-transform 1s 1.65s;
  transition: opacity 1s 1.65s, -webkit-transform 1s 1.65s;
  transition: opacity 1s 1.65s, transform 1s 1.65s;
  transition: opacity 1s 1.65s, transform 1s 1.65s, -webkit-transform 1s 1.65s;
}

article.search .search_list li:nth-child(9n+16) {
  -webkit-transition: opacity 1s 1.75s, -webkit-transform 1s 1.75s;
  transition: opacity 1s 1.75s, -webkit-transform 1s 1.75s;
  transition: opacity 1s 1.75s, transform 1s 1.75s;
  transition: opacity 1s 1.75s, transform 1s 1.75s, -webkit-transform 1s 1.75s;
}

article.search .search_list li:nth-child(9n+17) {
  -webkit-transition: opacity 1s 1.85s, -webkit-transform 1s 1.85s;
  transition: opacity 1s 1.85s, -webkit-transform 1s 1.85s;
  transition: opacity 1s 1.85s, transform 1s 1.85s;
  transition: opacity 1s 1.85s, transform 1s 1.85s, -webkit-transform 1s 1.85s;
}

article.search .search_list li:nth-child(9n+18) {
  -webkit-transition: opacity 1s 1.95s, -webkit-transform 1s 1.95s;
  transition: opacity 1s 1.95s, -webkit-transform 1s 1.95s;
  transition: opacity 1s 1.95s, transform 1s 1.95s;
  transition: opacity 1s 1.95s, transform 1s 1.95s, -webkit-transform 1s 1.95s;
}

article.search .search_list li:nth-child(9n+19) {
  -webkit-transition: opacity 1s 2.05s, -webkit-transform 1s 2.05s;
  transition: opacity 1s 2.05s, -webkit-transform 1s 2.05s;
  transition: opacity 1s 2.05s, transform 1s 2.05s;
  transition: opacity 1s 2.05s, transform 1s 2.05s, -webkit-transform 1s 2.05s;
}

article.search .search_list li:nth-child(9n+20) {
  -webkit-transition: opacity 1s 2.15s, -webkit-transform 1s 2.15s;
  transition: opacity 1s 2.15s, -webkit-transform 1s 2.15s;
  transition: opacity 1s 2.15s, transform 1s 2.15s;
  transition: opacity 1s 2.15s, transform 1s 2.15s, -webkit-transform 1s 2.15s;
}

article.search .search_list li + li {
  padding-top: 2em;
}

article.search .search_list .title {
  margin-bottom: .5em;
  border-bottom: 1px solid #004280;
}

article.search .search_list a {
  display: block;
  padding: .5em;
  color: #004280;
  text-decoration: underline;
}

article.search .search_list span {
  display: block;
}

article.search .search_list .title {
  color: #004280;
}

article.search .search_list .excerpt {
  min-height: 1.8em;
}

@media all and (min-width: 740px) {
  article.search .search_list a {
    -webkit-transition: background-color 0.4s;
    transition: background-color 0.4s;
  }
  article.search .search_list a:hover {
    text-decoration: none;
    background-color: #d3e4f2;
  }
  article.search .search_list .excerpt {
    font-size: 0.77778rem;
  }
}

@media only screen and (max-width: 739px) {
  article.search .search_list .excerpt {
    font-size: 0.88889rem;
  }
}

/* --------------------------------------------------
	98. Error
-------------------------------------------------- */
article.error h2 span {
  display: block;
  overflow: hidden;
  color: transparent;
  text-decoration: none;
  text-indent: 110%;
  white-space: nowrap;
  font-size: 0;
  width: 310px;
  height: 130px;
  background: transparent url(image/h2_not_found.png) no-repeat center center;
  background-size: contain;
}

article.error h2 strong {
  display: block;
  padding-top: .5em;
  color: #004280;
}

article.error p {
  margin: 2em 0;
}

/* --------------------------------------------------
	99. WordPress
-------------------------------------------------- */
body#tinymce {
  margin: 20px;
  max-width: 1200px;
}

.aligncenter {
  display: block;
  margin-right: auto;
  margin-left: auto;
}

.alignleft {
  float: left;
}

.alignright {
  float: right;
}

img.aligncenter {
  margin: 0 auto 1.5em;
}

img.alignleft {
  margin: 0 1.5em 1em 0;
}

img.alignright {
  margin: 0 0 1em 1.5em;
}