@charset "utf-8";
/*
Theme Name: ウェブマジックNEW2025
Theme URI: http://www.webmagic.co.jp/
Description: ウェブマジックオリジナルテーマ
Author: 株式会社ウェブマジック
Author URI: http://www.webmagic.co.jp/
*/
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@200..900&display=swap');
#map, #wrapper, .blogContainer, .button a, .entry .single_works_container ul, .footerInner, .pagination, .tax-topcat ul, .worksContainer, .worksContent, .works_container ul ul, div.tag_cloud, p.page-top {
    overflow: hidden;
}
a:link {
    color: #069;
}
a:active {
    text-decoration: underline
}
a:active, a:hover {
    color: #c00;
}
.button a, body, p.page-top a {
    text-align: center
}
:focus, a:link {
    outline: 0
}
a:hover, a:link, a:active {
    text-decoration: none
}
#footer, #wrapper, caption, td, th {
    text-align: left
}
.button a, a:active {
    background-color: transparent
}
.button a, .sabMenu li a {
    box-shadow: 0 10px 10px -8px #ccc;
    box-sizing: border-box;
}
.button a, .sabMenu li a, .tax-topcat ul li a {
    box-sizing: border-box
}
/**/
.button_center {
    display: flex;
    justify-content: center;
}
.button_center a {
    display: inline-flex;
    width: auto;
    margin: 0;
}
/**/
.border_btn {
    display: flex;
    padding-top: 2rem;
}
.border_btn a {
    position: relative;
    display: inline-block;
    line-height: 1;
    margin: 0 5px;
    padding: .625rem 2rem .75rem;
    text-align: center;
    text-decoration: none;
    transition: .3s;
    background-color: rgba(0, 0, 0, .9);
    color: #fff;
    border: 2px solid transparent;
    box-sizing: border-box
}
.border_btn a::before {
    content: '';
    position: absolute;
    top: -2px;
    left: -2px;
    width: 0;
    height: 0;
    border: 2px solid transparent;
}
.border_btn a::after {
    content: '';
    position: absolute;
    bottom: -2px;
    right: -2px;
    width: 0;
    height: 0;
    border: 2px solid transparent;
}
.border_btn a:hover {
    background-color: rgba(255, 255, 255, 1);
    color: #000;
    font-weight: bold;
}
.border_btn a:hover::before {
    width: 100%;
    height: 100%;
    border-top-color: #000;
    border-right-color: #000;
    transition: width .1s ease-out, height .1s ease-out .1s;
}
.border_btn a:hover::after {
    width: 100%;
    height: 100%;
    border-bottom-color: #000;
    border-left-color: #000;
    transition: border-color 0s ease-out .2s, width .1s ease-out .2s, height .1s ease-out .3s;
}
body, html {
    -webkit-text-size-adjust: 100%
}
a, abbr, acronym, address, applet, big, blockquote, body, caption, cite, code, dd, del, dfn, div, dl, dt, em, fieldset, font, form, h1, h2, h3, h4, h5, h6, html, iframe, ins, kbd, label, legend, li, object, ol, p, pre, q, s, samp, small, span, strike, strong, sub, sup, table, tbody, td, tfoot, th, thead, tr, tt, ul, var {
    border: 0;
    font-family: inherit;
    font-style: inherit;
    font-weight: inherit;
    margin: 0;
    outline: 0;
    padding: 0;
    vertical-align: baseline;
    word-wrap: break-word;
    box-sizing: border-box;
}
ol, ul {
    list-style: none
}
table {
    border-collapse: separate;
    border-spacing: 0
}
caption, td, th {
    font-weight: 400
}
blockquote:after, blockquote:before, q:after, q:before {
    content: ""
}
blockquote, q {
    quotes: """"
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
    margin: 0;
    padding: 0;
    width: 100%;
}
.none {
    display: none;
}
picture {
    display: block;
}
picture img {
    display: block;
    margin: 0 auto;
}
img {
    max-width: 100%;
    height: auto;
}
img, img a, img a:hover {
    border: 0;
    margin: 0;
    padding: 0
}
html {
    font-size: 16px;
    line-height: 1;
}
body {
    font-size: 1rem;
    font-family: "Noto Serif JP", "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    margin: 0;
    padding: 0;
    font-weight: 400;
}
.clear {
    clear: both
}
strong {
    font-weight: bold;
    font-weight: 600;
}
.entry hr {
    display: block;
    margin: 2rem 0;
}
#ptop img, .svg {
    display: block;
    margin: 0
}
#ptop {
    width: 80px;
    height: 100px;
    margin: 0;
    padding: 0;
    position: fixed;
    bottom: -110px;
    right: 50px;
    z-index: 1;
    cursor: pointer;
    transition: 1.5s;
}
#header, #wrapper, .button a {
    position: relative;
}
#ptop img {
    max-width: 100%;
    height: auto;
    opacity: .5;
}
#content, #wrapper {
    margin: 0 auto;
    width: 100%;
}
/*---------------------------------------layout*/
#header {
    width: 100%;
    position: relative;
    padding: 1rem 0;
    box-shadow: 0 10px 20px -10px #ddd;
}
#container {
    width: 100%;
}
.entry {
    padding: 30px;
}
.archive .entry {
    padding: 30px 0;
}
#area .entry, #cat_works .entry {
    /*padding-top: 0;*/
}
/* 100% */
#maintenance_fee #content, #maintenance_fee .entry, #server .p_server #content, #server .p_server .entry, #server .p_hosting_payment #content, #server .p_hosting_payment .entry, #sitemap #content, #sitemap .entry {
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
    width: 100%;
    max-width: 100%;
}
/* 100% */
.w100 {
    width: 100%;
    padding: 30px;
}
/*.w100 > * { margin: 0 5%; }*/
.entry .w100:nth-child(even) {
    background: #f5fbfe;
}
.w100 .in, .w100 .wp-block-group__inner-container {
    width: 100%;
}
/* 100% */
#post, article, section {
    width: 100%;
    box-sizing: border-box;
}
#sidebar {
    display: none;
    box-sizing: border-box;
}
#footer {
    padding-bottom: 40px;
    box-sizing: border-box;
    background-color: #fff;
}
.flexbox {
    display: flex;
}
.flex_space_around, .flex_space_between {
    display: flex;
    flex-wrap: wrap;
    margin: 0 auto;
    width: 100%;
}
.flex_space_between {
    justify-content: space-between;
}
.flex_space_around {
    justify-content: space-around;
}
.nowrap {
    flex-wrap: nowrap;
}
.button a {
    display: inline-block;
    min-width: 12em;
    /*line-height: 1;*/
    margin: 1px;
    padding: .625rem 2rem;
    z-index: 2;
    border: 1px solid #333;
    color: #000;
}
.button a, .button a::after, .button a::before {
    transition: all .2s;
}
.button a::after, .button a::before {
    position: absolute;
    z-index: -1;
    display: block;
    content: '';
    width: 100%;
    height: 100%;
}
.button a:hover {
    color: #fff;
    text-decoration: none;
}
.button a::after {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transform: scale(.5);
}
.button a:hover::after {
    background: #000;
    transform: scale(1);
    transition: all .2s;
}
/* --------------------------------------- h Paragraph */
p {
    /*line-height: 1rem;*/
    margin: 0;
}
.entry p {
    line-height: 1.8;
    margin-bottom: .5rem;
}
.entry .note {
    position: relative;
    padding-left: 1.125rem !important;
    line-height: 1.4;
    font-size: .9375rem;
}
.entry .note::before {
    content: '※';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    color: #c00;
    font-weight: 500;
}
.entry .flex_bun {
    display: block;
    padding: 0 1rem;
}
.entry .flex_bun a {
    display: block;
    margin-bottom: .5rem;
}
.entry .flex_bun a:last-child {
    margin-bottom: 0;
}
.btnAccordion {
    margin-bottom: 0 !important;
}
h1, h2, h3, h4, h5, h6 {
    font-size: 1rem;
}
.entry h1, .entry h2, .entry h3, .entry h4, .entry h5, .entry h6 {
    font-size: 1.2rem;
    font-weight: bold;
    font-weight: 400;
    margin-bottom: 1rem;
}
.entry h3, .entry h4, .entry h5, .entry h6 {
    padding: 0;
    color: #00387d;
}
.entry h3, .entry h4 {
    width: 100%;
    position: relative;
}
.home h3, .home h4, .home h5, .home h6 {
    font-size: 180%;
    background-image: none;
    color: #002666;
}
p.header_banner, p.header_img, p.page-top {
    width: 100%;
}
.entry h3.singlettl {
    margin-bottom: 30px;
}
p.header_img {
    margin-bottom: 50px;
}
p.header_img img {
    display: block;
    margin: 0 auto;
}
h2.ttl {
    width: 100%;
    font-size: 1.5rem;
    line-height: 1;
    padding: 2rem 0 0;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: bold;
    font-weight: 400;
    color: #00387d;
}
h2.ttl img {
    max-width: 100%;
    margin: 0 auto;
}
@media print, screen and (max-width:360px) {
    h2.ttl {
        font-size: 1.25rem;
    }
}
/* ------------------------------------------------- header */
#header {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
#header h1, #header p {
    display: block;
    line-height: 1;
    padding: 0 .25rem;
    font-size: .785rem;
}
#header .logo {
    position: static;
    padding: 1rem 0 0;
    width: 100%;
}
.logo a {
    display: block;
    width: 100%;
    margin: 0 auto;
}
.logo img {
    display: block;
    width: 200px;
    height: auto;
    margin: 0 auto;
}
/*---------------------------------------*/
.entry p.entry-day {
    margin-bottom: 1.5em;
    color: #ccc;
}
.entry ul {
    margin: 0 0 0 1.5em;
}
.entry ul li {
    list-style-type: disc;
    margin: 0 0 .5em;
    line-height: 1.4;
}
.entry ol {
    margin: 0 0 0 2em;
}
.entry ol li {
    list-style-type: decimal;
    margin: 0 0 .5em;
}
p.page-top a {
    width: 5em;
    height: 1.8em;
    line-height: 1.8em;
    float: right;
    background-color: #776c66;
    color: #fff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
p.page-top a:hover {
    background-color: red;
    color: #fff;
}
.blogContainer {
    width: 100%;
    margin: 0 auto;
}
.blogExe:nth-child(even) {
    background-color: #f6f6f6;
}
.blogExe a {
    display: block;
    width: 100%;
    padding: 15px 25px 15px 15px;
}
.blogExe h3 {
    font-size: 1rem !important;
}
.single .entryContent h3 {
    font-size: 140%;
    line-height: 1.2;
    margin: 0 0 5px;
    padding: 0 0 5px;
    background-image: none;
    border-bottom: 1px dotted #00387d;
}
.entry h4.menu-title {
    display: none;
    text-align: center;
    font-size: 100%;
    height: auto;
    margin-bottom: .5em;
    padding: 0;
    background-image: none;
    color: #eee;
    border-bottom: 1px dotted #eee;
}
.entry h4.menu-title::before {
    display: none
}
/* ------------------------------------------------- footer */
#map {
    width: 100%;
    height: 400px;
    position: relative;
}
#map embed, #map iframe, #map object {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 400px;
}
.footerInner {
    width: 100%;
    padding: 30px 10px;
    background-color: #001e43;
    /*  background: -webkit-gradient(linear, left top, left bottom, color-stop(1, #001e43), color-stop(0, #043c78));
  background: -webkit-linear-gradient(#043c78, #001e43);
  background: linear-gradient(#043c78, #001e43);*/
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1, #043c78), color-stop(0, #001e43));
    background: -webkit-linear-gradient(#001e43, #043c78);
    background: linear-gradient(#001e43, #043c78);
    color: #fff;
}
.footerInner_in {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
}
.footerInner_in div {
    padding: 0 .5rem;
}
.footerInner_in div:not(:first-child) {
    padding: 1rem 0 0;
    text-align: left;
}
.footerInner_in div:first-child p {
    font-size: 1rem;
    margin-bottom: 1rem;
}
.footerInner_in div:first-child p:first-child {
    font-size: 1.5rem;
}
.footerInner_in div:first-child p strong {
    display: block;
    font-size: 1rem;
    margin-bottom: 1rem;
    font-weight: normal;
    font-weight: 400;
}
.footerInner_in div:first-child p:nth-child(4) {
    line-height: 1.5;
}
.footerInner_in div:first-child p:nth-child(4) span {
    padding-left: 5px;
}
.footerInner_in div:first-child p img {
    display: inline;
    width: 24px;
    height: 24px;
    padding-right: 10px;
    vertical-align: middle;
}
address {
    width: 100%;
    margin-bottom: 1rem;
    font-style: normal;
}
address span {
    padding-left: 5px;
}
@media print, screen and (max-width:360px) {
    .footerInner_in div:first-child p span {
        display: block;
        margin: 0;
        padding: .5rem 0 0;
    }
    address span {
        display: block;
        line-height: 1.5;
        padding: 0;
    }
}
.footerInner_in dl {
    margin-bottom: 2rem;
}
.footerInner_in dl:last-child {
    margin-bottom: 0;
}
.footerInner_in dt {
    text-align: center;
    line-height: 1rem;
    font-size: 1.125rem;
    margin-bottom: 1rem;
    padding-bottom: .5rem;
    border-bottom: 1px dotted #fff;
}
.footerInner_in dd {
    text-align: center;
}
.footerInner_in dd ul {
    display: flex;
    flex-wrap: wrap;
}
.footerInner_in dd li {
    width: auto;
    line-height: 1em;
    margin: 0 1rem 1rem;
    padding: 0;
}
.entry .btnAccordion, .copyright {
    margin: 0;
    text-align: center;
}
.copyright {
    color: #00387d;
    line-height: 1;
    padding: 1em 0;
}
#footer a, #footer a:hover {
    text-decoration: none;
    color: #fff !important;
}
#footer .foot_area_list a {
    cursor: default;
}
/*---------------------------------------works*/
.entry .btnAccordion {
    width: 100%;
    line-height: 40px;
    background: #00387d;
    color: #fff;
    cursor: pointer;
}
.btnAccordion span {
    display: block;
    width: 5.5em;
    margin: 0 auto;
}
.btnAccordion span::after {
    content: "+";
    padding-left: 1rem;
}
.accOpen span::after {
    content: "-";
}
.accordionContainer {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1, #003), color-stop(0, #00387d));
    background: -webkit-linear-gradient(#00387d, #003);
    background: linear-gradient(#00387d, #003);
    display: none;
}
.works_cat_cont {
    margin-bottom: 1rem;
}
.tax-topcat ul {
    width: 100%;
    margin: 0;
    padding: 2% .5%;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}
.tax-topcat ul li {
    list-style-type: none;
    width: 33%;
    margin: 0 0 3px !important;
    padding: 0 !important;
    font-size: 70%;
}
.tax-topcat ul li a {
    display: block;
    width: 99%;
    height: 100%;
    line-height: 1.2;
    margin: 0 auto;
    padding: 10px 15px;
    background-color: rgba(255, 255, 255, .9);
    color: #00387d;
    transition: all .5s;
}
.tax-topcat ul li a:hover {
    text-decoration: none;
    background-color: #fff;
    color: #00387d;
    opacity: 1;
    border-radius: 2em;
    transition: all .5s;
}
/**/
.entry_inner_header {
    text-align: center;
}
.worksContainer {
    width: 100%;
    margin: 0 auto 5rem;
    padding: 0 2%;
    display: flex;
    flex-wrap: wrap;
}
.worksContent {
    width: 50%;
    padding: 2% 2% 4%;
}
.worksContent:nth-child(odd) {
    /*background-color: #f6f6f6*/
}
.works_thumbnail {
    width: 100%;
    overflow: hidden;
    margin-bottom: .5rem;
    border: 1px solid #e9e9e9;
}
.works_thumbnail img {
    display: block;
    width: 100%;
    height: auto;
    margin: 0 auto;
    aspect-ratio: 3 / 2;
    object-fit: cover;
    object-position: 50% 0;
}
.worksContent ul {
    width: 100%;
    margin: 0;
    padding: 0;
    font-size: .625rem;
    background: url(images/smp-arrow.png) 100% 50% no-repeat;
}
.worksContent ul li {
    list-style: none;
    margin: 0;
    padding: 4px 0;
    border-top: 1px dotted #ccc;
}
.worksContent ul li:first-child {
    border: 0;
}
.worksContent a {
    display: block;
    width: 100%;
    color: #000;
}
.worksContent ul li.pagelink a {
    color: #069;
}
.works_container ul ul {
    width: 100%;
    margin: 20px 0;
    padding: 0;
}
.works_main_box {
    width: 100%;
    margin: 0 auto;
    padding-top: 30px;
}
div.thumbnail_large {
    text-align: center;
    margin-bottom: 30px;
}
.single_works_container {
    width: 100%;
}
div.thumbnail_large p:not(:last-child) {
    margin-bottom: 100px;
}
p:first-child {
    /*padding-bottom: 6.25rem;*/
    /*  width: 100%;
  aspect-ratio: 3/2;
  overflow-y: scroll;*/
}
div.thumbnail_large p:first-child {
    width: 100%;
    aspect-ratio: 3/2;
    overflow-y: scroll;
}
div.thumbnail_large p:first-child {
    scrollbar-color: #00387d #eee;
    scrollbar-width: thin;
}
div.thumbnail_large img {
    display: block;
    max-width: 300px;
    height: auto;
    margin: 0 auto;
    padding: 0;
}
div.thumbnail_large p:first-child img {
    width: 100%;
    max-width: 100%;
}
.entry .single_works_container ul {
    width: 100%;
    margin: 0;
    padding: 0;
}
.entry .single_works_container li {
    margin: 0;
    padding: .6rem 0;
    list-style: none;
    border-bottom: 1px dotted #ccc;
}
.entry .single_works_container li:last-child {
    border: 0;
}
.entry .single_works_container ul ul {
    padding: 1rem 0 2rem;
}
.entry .single_works_container ul ul li {
    font-size: .75rem;
    line-height: 2rem;
    width: auto;
    float: left;
    margin: 0 .2rem .2rem 0;
    padding: 0 1rem;
    border-top: 0;
    background-color: rgba(0, 56, 125, .1);
    color: #000;
    border-radius: 3px;
    border: 0;
}
.works_subex {
    width: 100%;
}
.entry .works_subex h3 {
    margin-bottom: 1rem;
}
.entry div.ex h3 {
    font-size: 1rem;
    width: auto;
    height: auto;
    line-height: normal;
    margin-bottom: .5em;
    padding: 0;
    background-image: none;
    border-left: 0;
    border-bottom: 1px dotted #776c66;
    border-radius: 0;
}
.link_blank a {
    color: #000;
}
.img-right {
    float: right;
    margin: 0 0 .5em 2em;
}
.img-left {
    float: left;
    margin: 0 2em .5em 0;
}
#category_nav {
    margin: 30px 0;
}
/* ----------------------------------------------------- */
.breadcrumb {
    padding: .5rem 1rem;
}
.breadcrumb p {
    font-size: .75rem;
    line-height: 1rem;
    color: #000;
}
.breadcrumb a {
    color: #00387d;
}
.breadcrumb a:hover {
    color: #c00;
}
div.tag_cloud {
    width: 100%;
    clear: both;
    margin: 10rem auto 1.875rem;
    padding: 0;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
}
div.tag_cloud a {
    display: block;
    width: auto;
    line-height: 2rem;
    margin: 0 .5rem .5rem 0;
    padding: 0 1rem;
    background-color: rgba(0, 56, 125, .05);
    color: rgba(0, 56, 125, 1);
    border-radius: 3px;
}
div.tag_cloud a:hover {
    background-color: rgba(0, 56, 125, 1);
    color: #fff;
}
nav.navigation {
    padding: 10% 0 0;
}
#single-nav {
    border-top: 1px dotted #ddd;
    width: 100%;
    margin-top: 6.25rem;
    padding: 1.875rem 0;
}
#single-nav table {
    width: 100%;
    table-layout: fixed;
}
#single-nav td {
    margin: 0;
    padding: 0;
    max-width: 33.3%;
    display: table-cell !important;
    empty-cells: show;
    text-align: center;
    vertical-align: top;
}
#single-nav td a {
    display: block;
    width: 6em;
    height: 40px;
    line-height: 40px;
    margin: 0 auto;
    text-align: center;
    background-color: rgba(0, 56, 125, 1);
    color: #fff;
    border-radius: 3px;
    transition: all .2s;
}
#single-nav td a:hover {
    background-color: rgba(0, 56, 125, .1);
    color: #000;
    transition: all .5s;
}
.pagination {
    width: 96%;
    margin: auto;
}
.pagination .nav-links {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.pagination a, .pagination span {
    /*  display: inline-block;
  width: 34px;
  height: 34px;
  line-height: 34px;
  margin: 0 2px 2px 0;
  border-radius: 3px;
  text-align: center;*/
    display: block;
    width: 34px;
    height: 34px;
    line-height: 30px;
    margin: 0 2px 2px 0;
    border-radius: 40px;
    text-align: center;
}
.pagination span {
    /*background-color: #2660ad;*/
    background-color: #000;
    color: #fff;
}
.pagination span.dots {
    background-color: transparent;
    color: #000;
}
.pagination a {
    background-color: #f3f3f3;
    color: #000;
}
.pagination a.prev, .pagination a.next {
    background-color: #000;
    color: #fff;
}
.pagination a.prev span, .pagination a.next span {
    background-color: transparent;
    color: #fff;
    font-family: "Osaka-mono", "MS Gothic", "monospace";
    font-weight: 400;
    line-height: 34px;
}
.pagination a:hover {
    background-color: #c00;
    color: #fff;
}
.pagination .pCount {
    display: block;
    width: 100%;
    height: 20px;
    line-height: 20px;
    margin-bottom: .5em;
    border-bottom: 1px dotted #ddd;
    background-color: transparent;
    color: #2660ad;
}
.post-navigation .nav-links {
    width: 100%;
}
.post-navigation .nav-previous, .post-navigation .nav-next {
    width: 100%;
    padding: 8px 0;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.post-navigation .nav-previous::before {
    content: 'Prev：'
}
.post-navigation .nav-next::before {
    content: 'Next：'
}
.post-navigation .nav-previous::before, .post-navigation .nav-next::before {
    display: block;
}
.select_cat_archive {
    text-align: right;
    padding: 0 1rem 1rem 0;
}
.select_cat_archive select {
    border: 0;
    color: #fff;
    background: rgba(0, 25, 96, .9);
    cursor: pointer;
}
/*---------------------------------------navigation*/
#navigation {
    width: 290px;
    height: 100vh;
    padding: 30px 0 0;
    position: fixed;
    top: 0;
    right: -290px;
    z-index: 2;
    background-color: rgba(0, 25, 96, .9);
}
.navContainer {
    padding: 0 15px;
    height: 100%;
    overflow-y: scroll;
}
#navigation ul {
    width: 100%;
}
#navigation li {
    width: 100%;
    line-height: 44px;
}
#navigation li a {
    color: #fff;
    display: block;
    width: 100%;
    margin: 0;
    border-bottom: 1px dotted #fff;
}
#navigation li:last-child a {
    border: 0;
}
#navigation .menuBtn {
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 3;
    display: block;
    width: 40px;
    height: 40px;
    cursor: pointer;
    margin: 0;
}
#navigation .menuBtn p {
    width: 30px;
    height: 30px;
    margin: 0 !important;
    position: relative;
}
#navigation .menuBtn p span {
    display: block;
    position: absolute;
    width: 100%;
    border-bottom: solid 2px #000;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    right: 0;
    border-color: #fff;
}
#navigation .menuBtn p span:nth-child(1) {
    top: 6px;
}
#navigation .menuBtn p span:nth-child(2) {
    top: 14px;
}
#navigation .menuBtn p span:nth-child(3) {
    top: 22px;
}
#navigation .closeBtn p span:nth-child(1) {
    top: 14px;
    right: 0;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
#navigation .closeBtn p span:nth-child(2), #navigation .closeBtn p span:nth-child(3) {
    top: 14px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
#navigation .menuBtn_in {
    display: none;
}
#smpFootnav img {
    display: block;
    width: 24px;
    height: 24px;
    margin: auto;
}
#smpFootnav {
    width: 100%;
    height: 40px;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 2;
    background-color: rgba(0, 0, 51, .9);
    color: #fff;
}
#smpFootnav li, .sabMenu li a {
    position: relative;
    text-align: center;
}
#smpFootnav ul {
    width: 100%;
    display: flex;
}
#smpFootnav li {
    width: 20%;
    height: 40px;
    line-height: 40px;
    padding: 8px 0;
    border-right: 1px solid #fff;
}
#smpFootnav li:last-child {
    border: 0;
}
.sabMenu {
    max-width: 1000px;
    margin: 0 auto;
    padding: 5%;
}
.sabMenu ul {
    margin: 0 !important;
    padding: 0 !important;
    display: flex;
    flex-wrap: wrap;
}
.sabMenu li {
    list-style: none !important;
    margin: 0 0 1% 0 !important;
    padding: 0 .5% !important;
    width: 50%;
    font-size: 0.75rem;
}
.sabMenu li a {
    display: block;
    width: 100%;
    height: 50px;
    line-height: 50px;
    margin: 0;
    z-index: 2;
    background-color: transparent;
    /*color: #00387d;*/
    color: #000;
    overflow: hidden;
    border: 1px solid #000;
}
.button a::after, .sabMenu li a, .sabMenu li a::before {
    transition: all .2s;
}
.sabMenu li a::after, .sabMenu li a::before {
    position: absolute;
    z-index: -1;
    display: block;
    content: '';
    width: 100%;
    height: 100%;
}
.sabMenu li a:hover {
    color: #fff;
}
.sabMenu li a::after {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transform: scale(.5);
}
.sabMenu li a:hover::after {
    background: #000;
    transform: scale(1);
    transition: all .3s;
}
.sabMenu li.current a {
    background-color: #00387d;
    color: #fff;
}
@media print, screen and (min-width:48em) {
    /*---------------------------------------layout*/
    #header {
        justify-content: flex-end;
        align-items: center;
        height: 60px;
        padding: 0;
    }
    .archive .entry {
        padding-top: 60px;
    }
    /* 100% */
    .w100 {
        padding: 80px 30px;
    }
    /* 100% */
    /* --------------------------------------- h Paragraph */
    .entry .flex_bun {
        display: flex;
        justify-content: center;
        padding: 0;
    }
    .entry .flex_bun a {
        margin: 0 .5rem;
    }
    .entry h1, .entry h2, .entry h3, .entry h4, .entry h5, .entry h6 {
        font-size: 1.5rem;
    }
    .entry h3.entry_inner_header {
        margin: 0;
        padding: 30px 0 0;
        text-align: center;
        font-size: 2rem;
    }
    .entry h3.entry_inner_header::before {
        display: inline-block;
        content: "";
        width: 30px;
        height: 30px;
        position: static;
        margin-top: 0;
        vertical-align: baseline;
    }
    h2.ttl {
        font-size: 2rem;
        position: relative;
    }
    h2.ttl::before, h2.ttl::after {
        content: '';
        display: inline-block;
        width: 2rem;
        height: 1px;
        background: #00387d;
    }
    h2.ttl::before {
        margin-right: 0;
    }
    h2.ttl::after {
        margin-left: 0;
    }
    h2.ttl span {
        display: block;
        width: auto;
        padding: 0 3rem;
        border-left: 1px solid #00387d;
        border-right: 1px solid #00387d;
    }
    #works .entry h3.header_banner {
        text-align: right;
    }
    /* ------------------------------------------------- header */
    #header h1, #header p {
        font-size: .875rem;
        width: 100%;
        text-align: right;
        margin: 0;
        padding: 0 5% 0 0;
    }
    #header h1 {
        padding-top: 7px;
    }
    #header p {
        margin-bottom: 7px;
    }
    #header .logo {
        width: 200px;
        height: 39px;
        margin: 0;
        padding: 0;
        position: absolute;
        top: 15px;
        left: 5%;
    }
    .logo a {
        display: block;
        width: 100%;
        margin: 0;
    }
    .logo img {
        display: block;
        width: 200px;
        height: auto;
        margin: 0 auto;
    }
    /* ------------------------------------------------- footer */
    .footerInner_in {
        padding: 60px 0;
        display: flex;
        justify-content: space-around;
        flex-wrap: wrap;
        /*font-size: .88888rem;*/
    }
    #map {
        height: 400px;
    }
    .footerInner_in div {
        padding: 0;
        width: 50%;
    }
    .footerInner_in div:first-child {
        padding-left: 5%;
    }
    .footerInner_in div:last-child {
        padding-bottom: 0;
        padding-right: 5%;
    }
    .footerInner_in div:first-child p:first-child {
        font-size: 1.3rem;
    }
    .footerInner_in div:first-child p strong {
        /*font-size: .88888rem;*/
    }
    address span {
        display: block;
        padding: 3px 0 0;
    }
    /*---------------------------------------works*/
    .works_cat_cont {
        width: 100%;
        position: relative;
    }
    .entry .btnAccordion {
        width: 6rem;
        height: 6rem;
        line-height: 6rem;
        border-radius: 3rem;
        position: absolute;
        top: 0;
        right: 1rem;
        z-index: 1;
    }
    .entry .btnAccordion span {
        width: 100%;
        height: 100%;
        position: relative;
    }
    .entry .btnAccordion span::after {
        display: block;
        padding: 0;
        line-height: 1;
        position: absolute;
        left: 0;
        bottom: 1.25rem;
        width: 100%;
    }
    .tax-topcat ul {
        padding-right: 8rem;
    }
    .tax-topcat ul li {
        width: 25%;
    }
    .worksContainer {
        padding: 40px 1%;
        /*    width: 100%;
    margin: auto;
    display: flex;
    flex-wrap: wrap;*/
    }
    .worksContent {
        width: 33.33333%;
        width: calc(100% / 3);
        padding: 2% 1% 4%;
    }
    .worksContent:nth-child(odd) {
        background-color: transparent;
    }
    .works_thumbnail {
        /*    width: 100%;
    float: none;
    margin: 0;*/
    }
    .worksContent ul {
        /*    width: 96%;
    float: none;
    margin: 0 auto;*/
        padding-top: .5rem;
        font-size: .88888rem;
    }
    /*  .worksContent ul li.pagelink a {
    color: #069;
  }*/
    .worksContent ul li.pagelink a:hover {
        color: #c00;
    }
    .worksContent a img {
        transition: all .5s;
    }
    .worksContent a:hover img, .worksContent img:hover {
        opacity: .3;
        transition: all 1s;
    }
    .works_main_box {
        display: flex;
        justify-content: space-between;
    }
    div.thumbnail_large {
        width: 50%;
        padding: 0 5%;
        background-color: transparent;
    }
    .single_works_container {
        width: 50%;
    }
    /* ----------------------------------------------------- */
    .breadcrumb {
        padding: 1% 5%;
    }
    .pagination {
        width: 100%;
        text-align: center;
    }
    .sabMenu li {
        width: 25%;
        font-size: 1rem;
    }
    /* ブログ */
    .blogContainer {
        padding: 0 1%;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: 1%;
    }
    .blogExe {
        width: 49%;
        margin: 0 0 1%;
        padding: 0;
        border: 1px solid #ddd;
    }
    .blogExe:nth-child(even) {
        background-color: transparent;
    }
    .blogExe a {
        box-sizing: border-box;
        height: 100%;
        padding: 1rem;
        color: #000;
        transition: all .2s;
    }
    .blogExe a:hover {
        background-color: rgba(0, 56, 125, .05);
    }
    div.tag_cloud {
        justify-content: center;
    }
}
@media print, screen and (min-width: 64em) {
    #ptop.up {
        width: 80px;
        height: 100px;
        bottom: 0;
        right: 50px;
        transition: 1s;
    }
    #ptop:hover img {
        opacity: 1;
        transition: .2s;
    }
    #navigation .closeBtn p span {
        border-color: #be0060;
    }
    #navigation .menuBtn_in {
        display: block;
        width: 100%;
        padding: 0 80px 0 50px;
        position: absolute;
        bottom: 40px;
        left: 0;
        cursor: pointer;
    }
    #navigation .menuBtn_in p {
        width: 5em;
        margin: 0 auto;
        text-align: center;
        line-height: 30px;
        border: 1px solid #fff;
        color: #fff;
        background-color: transparent;
        transition: .2s;
    }
    #navigation .menuBtn_in p:hover {
        background-color: rgba(255, 255, 255, .3);
    }
    #navigation {
        width: 100vw;
        height: 100vh !important;
        padding: 0;
        right: -100vw;
    }
    #navigation .menuBtn {
        position: fixed;
        top: 0;
        right: 0;
        width: 50px;
        height: 100vh;
        padding: 0 10px;
        background-color: rgba(0, 25, 96, 1);
        display: flex;
        align-items: center;
    }
    #navigation .menuBtn p::after {
        display: block;
        font-size: 1rem;
        content: "Menu";
        color: #fff;
        -ms-writing-mode: tb-rl;
        writing-mode: vertical-rl;
        position: absolute;
        top: 40px;
        left: 6px;
    }
    .navContainer {
        display: flex;
        align-items: center;
        width: 100%;
        height: 100%;
        padding: 0 80px 0 50px;
        overflow-y: visible;
    }
    .navContainer::before {
        content: "MENU";
        font-size: 5rem;
        color: rgba(255, 255, 255, .2);
        display: block;
        box-sizing: border-box;
        width: 100%;
        padding: 0 80px 0 50px;
        position: absolute;
        top: 40px;
        left: 0;
        text-align: center;
        font-family: Georgia, "Times New Roman", Times, "serif";
    }
    #navigation ul {
        width: 100%;
        margin: 0 auto;
        padding: 0;
        display: flex;
        flex-wrap: wrap;
    }
    #navigation li {
        width: 25%;
        line-height: 1rem;
        font-size: 1.125rem;
    }
    #navigation li a, #navigation li:last-child a {
        display: block;
        width: 96%;
        padding: 2rem 0;
        margin: 2%;
        color: #fff;
        position: relative;
        border: 0;
        overflow: hidden;
        transition: .3s;
    }
    #navigation li a::after {
        display: block;
        content: "";
        position: absolute;
        top: 50%;
        left: 50%;
        z-index: -1;
        margin: -30px 0 0 -30px;
        box-sizing: border-box;
        width: 60px;
        height: 60px;
        border-radius: 50%;
        background: rgba(255, 255, 255, .3);
        transform: scale(0);
        transition: .3s;
    }
    #navigation li a:hover {
        color: #fdeef5;
    }
    #navigation li a:hover::after {
        transform: scale(1);
    }
    #navigation li {
        position: relative;
    }
    #navigation li::after {
        color: rgba(255, 255, 255, .5);
        font-size: .75rem;
        display: block;
        width: 100%;
        position: absolute;
        bottom: 1rem;
        left: 0;
    }
    #navigation li:first-child::after {
        content: "Home";
    }
    #navigation li:nth-child(3)::after {
        content: "Service";
    }
    #navigation li:nth-child(2)::after {
        content: "Concept";
    }
    #navigation li:nth-child(4)::after {
        content: "Flow";
    }
    #navigation li:nth-child(5)::after {
        content: "Price";
    }
    #navigation li:nth-child(6)::after {
        content: "Design";
    }
    #navigation li:nth-child(7)::after {
        content: "Works";
    }
    #navigation li:nth-child(8)::after {
        content: "Hosting/Domain";
    }
    #navigation li:nth-child(9)::after {
        content: "Company";
    }
    #navigation li:nth-child(10)::after {
        content: "Privacy policy";
    }
    #navigation li:nth-child(11)::after {
        content: "Contact";
    }
    /*---------------------------------------layout*/
    #wrapper {
        padding-right: 50px;
    }
    #sidebar, #sidebar img, #sidebar li::after {
        display: block;
    }
    #content, .web_design_content {
        width: 900px;
        min-height: 700px;
    }
    #works #content {
        width: 90%;
    }
    #flow #content, #home #content {
        width: 100%
    }
    #sidebar {}
    .entry {
        width: 100%;
        max-width: 1000px;
        padding: 6rem 0 5rem;
        margin: 0 auto;
    }
    #cat_works .entry, #works .entry, #flow .entry {
        max-width: 100%;
    }
    .archive .entry {
        max-width: 96%;
    }
    h2.ttl {
        font-size: 2.5rem;
        position: relative;
    }
    /* ------------------------------------------------- header */
    .logo a:hover img {
        opacity: .3;
        transition: .5s;
    }
    #footer {
        padding-bottom: 0;
    }
    #map {
        height: 400px;
    }
    /* ------------------------------------------------- footer */
    .footerInner_in div:first-child {
        width: 30%;
        padding: 0;
    }
    .footerInner_in div:last-child {
        width: 65%;
        display: flex;
        justify-content: space-between;
        padding: 0;
    }
    .footerInner_in dl {
        width: 45%;
    }
    .footerInner_in dd {
        text-align: left;
    }
    .footerInner_in dd ul {
        justify-content: flex-start;
    }
    .footerInner_in dd li {
        margin: 0 .25rem 1rem;
    }
    .footerInner_in dl:last-child dd li {
        margin: 0 1rem 1rem;
    }
    #single-nav .next, #single-nav .prev {
        width: 50%;
        float: left;
        padding: 0 1%;
        text-align: center;
    }
    #smpFootnav {
        display: none;
    }
    .sabMenu {
        padding: 5% 0;
    }
    /*---------------------------------------works*/
    .btnAccordion span {
        display: block;
        width: 5.5em;
        margin: 0 auto;
    }
    .btnAccordion span::after {
        content: "+";
        padding-left: 1rem;
    }
    .accOpen span::after {
        content: "-";
    }
    .accordionContainer {
        background: -webkit-gradient(linear, left top, left bottom, color-stop(1, #003), color-stop(0, #00387d));
        background: -webkit-linear-gradient(#00387d, #003);
        background: linear-gradient(#00387d, #003);
        display: none;
    }
    .works_cat_cont {
        margin-bottom: 1rem;
    }
    .worksContainer {
        width: 100%;
        max-width: 100%;
    }
    .breadcrumb p {
        font-size: 1rem;
    }
}
@media print, screen and (min-width: 80em) {
    /*---------------------------------------layout*/
    /* 100% */
    /*#maintenance_fee #content, #maintenance_fee .entry {
  padding: 0;
  width: 100%;
  max-width: 100%;
}*/
    .w100 {
        padding: 5% 0;
    }
    .w100 .in, .w100 .wp-block-group__inner-container {
        max-width: 1200px;
        margin: 0 auto;
    }
    /* 100% */
    #navigation li {
        font-size: 1.25rem;
    }
    /* ------------------------------------------------- header */
    #content, .web_design_content {
        width: 1000px;
    }
    #cat_works #content, #webdesign #content, .archive #content {
        width: 100%;
    }
    .worksContent ul {
        font-size: .875rem;
    }
    /* ------------------------------------------------- footer */
    .footerInner_in div:first-child p {
        margin-bottom: .75rem;
        line-height: 1;
    }
    .footerInner_in div:first-child p strong {
        margin-bottom: .75rem;
    }
    address span {
        display: inline;
        padding: 0 0 0 .5rem;
    }
    .footerInner_in div:first-child p br {
        display: none;
    }
    /**/
    h2.ttl {
        font-size: 3.125rem;
        font-weight: 300;
    }
    /*---------------------------------------works*/
    .btnAccordion {
        line-height: 40px;
    }
    .tax-topcat ul li {
        width: 20%;
    }
    .worksContainer {
        padding: 60px 10px 60px 5px;
    }
    .worksContent {
        box-sizing: border-box;
        margin-bottom: 2rem;
        padding: 10px;
    }
    .works_thumbnail {
        /*    height: 200px;
    overflow: hidden;*/
    }
}
@media print, screen and (min-width: 85.375em) {
    /* ------------------------------------------------- header */
    .header_in {}
    #content, .web_design_content {}
    .tax-topcat ul li {
        font-size: 85%;
    }
    .worksContent {
        width: 25%;
    }
    .blogExe {
        width: 32%;
        /*width: calc(100% / 3);*/
    }
    .footerInner_in div:first-child p:first-child {}
}
@media print, screen and (min-width:90em) {
    body {
        font-size: 1.125rem;
    }
}
@media print, screen and (min-width:105em) {
    #navigation li {
        font-size: 1.5rem;
    }
    #webdesign .entry {
        max-width: 100%;
    }
    #content, .web_design_content {}
    .tax-topcat ul li {
        font-size: 100%;
    }
    .worksContainer {
        max-width: 1600px;
    }
}
.planTop img:hover, .worksContent img:hover, a:hover, ul.estimate li:hover img, ul.estimate li:hover p {
    transition: all .3s;
}
.slideinLeft {
    transform: translateX(-2680px);
    transition: .5s;
}
.slideinRight {
    transform: translateX(2680px);
    transition: .1s;
}
.slideRight {}
.animationUp, .animationDown, .animationLeft, .animationRight {
    opacity: 0;
    transition: 1s;
}
.animationUp {
    transform: translateY(30px);
}
.animationDown {
    transform: translateY(-30px);
}
.animationLeft {
    transform: translateX(-10px);
}
.animationRight {
    transform: translateX(10px);
}
.fade_left, .fade_right, .slidein_left, .slidein_right {
    opacity: 1 !important;
    transform: translateX(0px) !important;
}
.fade_up, .fade_down {
    opacity: 1 !important;
    transform: translateY(0px) !important;
}
/*******************/
@keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@keyframes fadein__lazy {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}
@keyframes fadeinX {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
        transform: translateX(0);
    }
}
@keyframes fadeinY {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}
@keyframes slidein__left {
    0% {
        background-color: #fff;
        width: 100%;
    }
    100% {
        background-color: #fff;
        width: 0;
    }
}
@keyframes slidein__right {
    0% {
        background-color: #fff;
        width: 100%;
    }
    100% {
        background-color: #fff;
        width: 0;
    }
}
@keyframes slidein__right_after {
    0% {
        left: 0;
    }
    100% {
        left: 100%;
    }
}
@keyframes slidein_left_before {
    0% {
        right: 0;
    }
    100% {
        right: -100%;
    }
}
@keyframes slidein__left_before {
    0% {
        right: 0;
    }
    100% {
        right: -100%;
    }
}
@keyframes slidein__left_fast {
    0% {
        opacity: 0;
        transform: translateX(-9999px);
    }
    100% {
        opacity: 1;
        transform: translateX(0);
    }
}
@keyframes slidein__left_page {
    0% {
        transform: translateX(9999px);
    }
    100% {
        transform: translateX(0);
    }
}
@keyframes fadein_left__home {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
        transform: translateX(0);
    }
}
/* ******************************** */
/* fade in right */
.fadein_right {
    opacity: 0;
    transform: translateX(100px);
}
/* fade in left */
.fadein_left {
    opacity: 0;
    transform: translateX(-100px);
}
/* fade in top down bott */
.fadein_top {
    opacity: 0;
    transform: translateY(-100px);
}
/* fade in bott up top */
.fadein_bottom, .fadein_bottom_inview, .child {
    opacity: 0;
    transform: translateY(100px);
}
.worksContent {
    opacity: 0;
    transform: translateY(100px);
}
/* VIEW ANIMATION */
.fadein_x {
    animation: fadeinX 1s ease-out forwards;
}
.fadein_y {
    animation: fadeinY 1s ease-out forwards;
}
.fadein_y_easeout {
    animation: fadeinY 1s ease-out forwards;
}
.fadein_x_500 {
    animation: fadeinX 0.5s ease-out forwards;
}
.fadein_y_500 {
    animation: fadeinY 0.5s ease-out forwards;
}
.smp #wp .fadein_x, .smp #smp .fadein_x {
    animation: fadeinX 0.5s ease-out forwards;
}
.tablet #wp .fadein_x, .tablet #smp .fadein_x, .pc #wp .fadein_x, .pc #smp .fadein_x {
    animation: fadeinX 1s ease-out 0.1s forwards;
}
.tablet #select_plan .fadein_x, .pc #select_plan .fadein_x {
    animation: fadeinX 1s ease-out 0.1s forwards;
}
/* ******************************** */
/* slide in in left */
.slidein_left {
    position: relative;
    /*overflow: hidden;*/
}
.slidein_left::before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    background-color: #000;
    position: absolute;
    top: 0;
    right: 0;
}
.slidein__left::before {
    background-color: #c00;
    transition: .2s;
}
/* slide in in left VIEW ANIMATION */
.slidein__left::before {
    animation: slidein__left .2s ease-out 1s forwards;
}
/* ******************************** */
/* slide in in right */
.slidein_right {
    position: relative;
    overflow: hidden;
}
.slidein_right::before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    background-color: #000;
    position: absolute;
    top: 0;
    left: 0;
}
.slidein__right::before {
    background-color: #c00;
    transition: .2s;
}
.slidein_right_after {
    position: relative;
    overflow: hidden;
}
.slidein_right_after::before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    background-color: #fff;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}
/* slide in in right VIEW ANIMATION */
.slidein__right::before {
    animation: slidein__right .2s ease-out 1s forwards;
}
.slidein__right_after::before {
    animation: slidein__right_after .2s linear 1s forwards;
}
/* ******************************** */
/* slide in img */
.slidein_left_before {
    position: relative;
    overflow: hidden;
}
.slidein_left_before::after {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    background-color: #000;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
}
.slidein_left_before::before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    background-color: #666;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
}
/* slide in img VIEW ANIMATION */
.slidein__left_before::after {
    animation: slidein__left_before ease-out 0.5s forwards;
}
.slidein__left_before::before {
    animation: slidein__left_before 0.5s ease-out 0.5s forwards;
}
/* ******************************** */
/* fade in */
.fadein, .fadein_child {
    opacity: 0;
}
/* fade in VIEW ANIMATION */
.fadeIn {
    animation: fadeIn 1.5s ease-in 1s forwards;
}
/* ******************************** */
/* fade in child */
.fadein_child {
    transform: translateY(20px);
}
/* fade in child VIEW ANIMATION */
.fadein__lazy .fadein___lazy {
    animation: fadein__lazy 1s ease forwards;
}
/* ******************************** */
/* slide in block */
.slidein_block {
    transform: translateX(-2680px);
}
/* slide in block VIEW ANIMATION */
.slidein__block {
    animation: slidein__left_fast .5s ease forwards;
}
/* ******************************** */
/* slide in PAGE */
.slidein_left_page {
    transform: translateX(99999px);
}
/* slide in block VIEW ANIMATION */
.slidein_left__block {
    animation: slidein__left_page 0.5s ease forwards;
}
/* ******************************** */
/*  トップページ用 */
.fadein_left_home {
    opacity: 0;
    transform: translateX(-20px);
}
.fadein_left__home {
    animation: fadein_left__home 1s ease-in-out 0.5s forwards;
}
.zoomIn, .logoMark.zoomIn {
    opacity: 1;
    transform: scale(1);
    transition: 1s;
}
/*********************************/
@media print {
    .slideinLeft, .slideinRight, .slideRight, .animationUp, .animationDown, .animationLeft, .animationRight, .picture, .fadein_right, .fadein_left .fadein_top, .fadein_bottom, .fadein_bottom_inview, .child, .slidein_left, .slidein_right, .slidein_right_after, .slidein_left_before, .fadein, .fadein_child, .slidein_block, .fadein_left_home, .slidein_left_page {
        opacity: 1 !important;
        transform: translateY(0px) !important;
        transform: translateX(0px) !important;
    }
    .slidein_left::before .slidein_right::before .slidein_left_before::after .slidein_left_before::before, .slidein_right_after::after {
        display: none !important;
    }
    .zoomIn {
        opacity: 1 !important;
        transform: scale(1) !important;
    }
    #navigation, #ptop {
        display: none !important;
    }
    #wrapper {
        width: 100% !important;
        padding: 0 !important;
        font-size: 10pt
    }
    #header {
        padding-left: 0;
        padding-right: 0;
        position: static;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    #content {
        width: 98% !important;
        margin: 0 auto;
    }
    .entry {
        max-width: 100%;
    }
    #sidebar {
        display: none;
    }
    #ptop {
        display: none !important;
    }
    .footerInner_in {
        width: 100%;
    }
    .footerInner {
        padding: 60px 0;
        display: flex;
        justify-content: flex-start;
        flex-wrap: nowrap;
    }
    .footerInner_in div:first-child {
        width: 30%;
        padding: 0px;
    }
    .footerInner_in div:last-child {
        width: 60%;
        padding: 0px;
        display: flex;
        justify-content: space-between;
    }
    .footerInner div {}
    .footerInner dl {
        width: 48%;
        margin-bottom: 0
    }
    .footerInner_in div:first-child p:first-child {
        font-size: 1.2rem;
    }
}