@charset "utf-8";
/*
 Theme Name:   MARUJIN
 Template:     twentyseventeen
 Author:       Studio Spica
 Version:      1.0.0
*/
* {
  font-family: sans-serif;
  font-size: 1em;
  font-style: normal;
  line-height: 1;
  color: black;
  vertical-align: baseline;
  margin: 0;
  padding: 0;
}
span,
em,
strong,
small,
a,
button,
input {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  color: inherit;
  line-height: inherit;
}
a:hover,
a:active,
a:link,
a:visited {
  text-decoration: none;
}
html {
  scroll-behavior: smooth;
  height: 100%;
}
body {
  min-height: 100%;
  background-color: #191919;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
#wrap {
  background-color: white;
}
a {
  -webkit-transition: opacity .3s ease;
  -o-transition: opacity .3s ease;
  transition: opacity .3s ease;
}
a.close {
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
  opacity: .6;
  text-decoration: line-through;
}
a:hover {
  opacity: .6;
}
#header {
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
body:not(.home) #header {
  padding: 1.2rem 2rem 1rem;
}
body:not(.home) #header h1 {
  font-family: "base-900-sans", sans-serif;
  text-transform: uppercase;
  font-weight: 900;
  line-height: 1;
  letter-spacing: .01em;
  font-size: 2.25rem;
  color: white;
}
body:not(.home) #header h1 img,
body:not(.home) #header h1 span {
  vertical-align: middle;
}
body:not(.home) #header h1 img {
  padding-right: .3em;
}
body:not(.home) #header h1 span {
  display: inline-block;
  max-width: calc(100% - 40px - 0.3em);
}
#wrap {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}
#wrap p.under {
  margin: 2rem 2rem;
  font-family: "tbudgothic-std", sans-serif;
  font-weight: 400;
  text-align: justify;
  line-height: 2.2;
  font-size: 0.8625rem;
}
#totop {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0;
  z-index: 50;
  padding-right: 1.4rem;
  padding-bottom: 1rem;
  text-align: right;
  overflow: hidden;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
#totop a {
  display: inline-block;
  text-align: center;
  font-family: "base-900-sans", sans-serif;
  text-transform: uppercase;
  font-weight: 700;
  line-height: 1;
  font-size: 0.75rem;
}
#totop a:before {
  content: "";
  display: block;
  width: 1.3em;
  height: 1.3em;
  border-top: 3px solid #E10213;
  border-left: 3px solid #E10213;
  -webkit-transform: translateY(30%) rotate(45deg);
  -ms-transform: translateY(30%) rotate(45deg);
  transform: translateY(30%) rotate(45deg);
  margin: 0 auto;
}
#menu {
  position: fixed;
  z-index: 100;
  top: 0;
  right: 0;
}
#menu #menu-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  position: absolute;
  top: 0;
  left: 0;
  display: none;
}
#menu label.menu {
  position: absolute;
  top: 0;
  right: .5rem;
  z-index: 1;
  cursor: pointer;
  background-color: white;
  padding: .3rem .6rem .4rem;
}
#menu label.menu span {
  display: block;
  text-align: center;
}
#menu label.menu .button {
  position: relative;
  width: 1.9rem;
  height: 1.71rem;
}
#menu label.menu .button,
#menu label.menu .button span {
  display: inline-block;
  -webkit-transition: all .2s;
  -o-transition: all .2s;
  transition: all .2s;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
#menu label.menu .button span {
  position: absolute;
  left: 0;
  width: 100%;
  height: 3px;
  border-radius: 1px;
  background-color: #E10213;
}
#menu label.menu .button span:nth-of-type(1) {
  top: 30%;
}
#menu label.menu .button span:nth-of-type(2) {
  top: calc(65% - 1.5px);
}
#menu label.menu .button span:nth-of-type(3) {
  bottom: 0;
}
#menu label.menu .text {
  font-family: "base-900-sans", sans-serif;
  text-transform: uppercase;
  font-weight: 700;
  line-height: 1;
  font-size: 0.75rem;
  padding-top: .2em;
}
#menu label.menu:hover .text {
  opacity: .8;
}
#menu div.gnav {
  overflow: auto;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 0;
  background-color: white;
  width: 100vw;
  height: 100vh;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  transform: translateY(-100%);
  -webkit-transition: all ease .5s;
  -o-transition: all ease .5s;
  transition: all ease .5s;
}
#menu div.gnav > ul {
  width: 100%;
  height: 100%;
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  text-align: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
#menu div.gnav li {
  font-family: "base-900-sans", sans-serif;
  text-transform: uppercase;
  font-weight: 900;
  line-height: 1.3;
  font-size: 1.65rem;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
#menu div.gnav li:nth-child(n+2) {
  border-top: 1px solid #CCCCCC;
}
#menu div.gnav li a {
  position: absolute;
  top: 0;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}
#menu div.gnav li.home {
  -webkit-box-flex: 2;
  -ms-flex-positive: 2;
  flex-grow: 2;
}
#menu div.gnav li.home img {
  display: block;
  margin: 0 auto;
}
#menu input:checked + label.menu .button span:nth-of-type(1) {
  -webkit-transform: translateY(0.5035rem) rotate(-45deg);
  -ms-transform: translateY(0.5035rem) rotate(-45deg);
  transform: translateY(0.5035rem) rotate(-45deg);
}
#menu input:checked + label.menu .button span:nth-of-type(2) {
  opacity: 0;
}
#menu input:checked + label.menu .button span:nth-of-type(3) {
  -webkit-transform: translateY(-0.5035rem) rotate(45deg);
  -ms-transform: translateY(-0.5035rem) rotate(45deg);
  transform: translateY(-0.5035rem) rotate(45deg);
}
#menu input:checked ~ div.gnav {
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
}
#baguetteBox-overlay .full-image img {
  -webkit-box-shadow: none;
  box-shadow: none;
}
#footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 2rem 0 0;
}
#footer h2 {
  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  margin-left: 2rem;
}
#footer p {
  font-family: "tbudgothic-std", sans-serif;
  font-weight: 400;
  text-align: justify;
  letter-spacing: .05em;
  line-height: 1.6;
  font-size: 0.6rem;
  color: white;
}
#footer ul#f_nav {
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  max-height: 7em;
  padding-left: .5em;
  margin-right: 2rem;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
#footer ul#f_nav li {
  font-family: "base-900-sans", sans-serif;
  text-transform: uppercase;
  line-height: 1;
  letter-spacing: .05em;
  font-size: 0.8625rem;
  font-weight: 400;
  color: white;
  margin: 0 0 0 1.5em;
}
#footer ul#f_nav li a {
  display: block;
  padding: .4em 0;
}
#footer address {
  margin: 1rem 2rem 1rem;
  padding: 1rem 0 0;
  border-top: #E10213 1px solid;
}
#footer address p.name {
  margin-bottom: .5em;
}
#footer address p span {
  display: inline-block;
}
#footer ul.sns {
  -webkit-box-ordinal-group: 6;
  -ms-flex-order: 5;
  order: 5;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  list-style: none;
  width: 100%;
}
#footer ul.sns li {
  width: 33.33333333%;
}
#footer ul.sns li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 100%;
  padding: .5em 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
#footer ul.sns li a img {
  display: block;
  margin: 0 auto;
}
#footer ul.sns li.facebook a {
  background-color: #3C5A99;
}
#footer ul.sns li.youtube a {
  background-color: #FF0000;
}
#footer ul.sns li.fimo a {
  background-color: #10386B;
}
#footer p.copyright {
  -webkit-box-ordinal-group: 5;
  -ms-flex-order: 4;
  order: 4;
  margin: 0 2rem 1em;
}
body {
  font-size: 1rem;
}
button,
input,
select,
textarea {
  font-size: 1rem;
}
body,
button,
input,
select,
textarea {
  font-family: inherit;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 1em;
  line-height: 1;
  padding-top: 0;
  margin-bottom: 0;
  color: inherit;
}
ul,
ol {
  margin-bottom: 0;
}
p {
  margin-bottom: 0;
}
button,
input[type="button"],
input[type="submit"] {
  border-radius: 0;
  padding: 0;
}
html[lang="ja"] body,
html[lang="ja"] button,
html[lang="ja"] input,
html[lang="ja"] select,
html[lang="ja"] textarea {
  font-family: inherit;
}
a:hover,
a:active {
  color: inherit;
}
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.entry-footer:before,
.entry-footer:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after,
.nav-links:before,
.nav-links:after,
.pagination:before,
.pagination:after,
.comment-author:before,
.comment-author:after,
.widget-area:before,
.widget-area:after,
.widget:before,
.widget:after,
.comment-meta:before,
.comment-meta:after {
  content: none;
}
.entry-content a:focus,
.entry-content a:hover,
.entry-summary a:focus,
.entry-summary a:hover,
.comment-content a:focus,
.comment-content a:hover,
.widget a:focus,
.widget a:hover,
.site-footer .widget-area a:focus,
.site-footer .widget-area a:hover,
.posts-navigation a:focus,
.posts-navigation a:hover,
.comment-metadata a:focus,
.comment-metadata a:hover,
.comment-metadata a.comment-edit-link:focus,
.comment-metadata a.comment-edit-link:hover,
.comment-reply-link:focus,
.comment-reply-link:hover,
.widget_authors a:focus strong,
.widget_authors a:hover strong,
.entry-title a:focus,
.entry-title a:hover,
.entry-meta a:focus,
.entry-meta a:hover,
.page-links a:focus .page-number,
.page-links a:hover .page-number,
.entry-footer a:focus,
.entry-footer a:hover,
.entry-footer .cat-links a:focus,
.entry-footer .cat-links a:hover,
.entry-footer .tags-links a:focus,
.entry-footer .tags-links a:hover,
.post-navigation a:focus,
.post-navigation a:hover,
.pagination a:not(.prev):not(.next):focus,
.pagination a:not(.prev):not(.next):hover,
.comments-pagination a:not(.prev):not(.next):focus,
.comments-pagination a:not(.prev):not(.next):hover,
.logged-in-as a:focus,
.logged-in-as a:hover,
a:focus .nav-title,
a:hover .nav-title,
.edit-link a:focus,
.edit-link a:hover,
.site-info a:focus,
.site-info a:hover,
.widget .widget-title a:focus,
.widget .widget-title a:hover,
.widget ul li a:focus,
.widget ul li a:hover {
  color: inherit;
  -webkit-box-shadow: inherit;
  box-shadow: inherit;
}
body:not(.home) #header h1 {
  letter-spacing: .01em !important;
}
body:not(.home) #header h1 span {
  letter-spacing: inherit !important;
}
body:not(.home) #header h1 img {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
body.blogs #gallery .tns-controls button:before {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
.search-form .search-submit {
  bottom: auto;
  padding: inherit;
  position: inherit;
  right: auto;
  top: auto;
}
body.blogs .search input {
  width: auto;
  border-radius: 0;
}
.pagination,
.comments-pagination {
  border-top: none;
  padding: 0;
}
#totop a:before {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
#footer ul#f_nav li {
  letter-spacing: .05em !important;
}
#footer ul#f_nav li a {
  letter-spacing: inherit !important;
}
#footer p {
  letter-spacing: .05em !important;
}
#footer p span,
#footer p a {
  letter-spacing: inherit !important;
}
body.home #vision,
body.home #blog {
  padding-left: 2rem;
  padding-right: 2rem;
}
body.home #wrap h2 {
  font-family: "base-900-sans", sans-serif;
  text-transform: uppercase;
  font-weight: 900;
  line-height: 1.3;
  font-size: 1.65rem;
  position: relative;
}
body.home #wrap h2 span {
  position: relative;
  display: block;
  z-index: 2;
  text-shadow: 1px -1px 0 white;
}
body.home #wrap h2:before,
body.home #wrap h2:after {
  content: "";
  display: block;
  position: absolute;
  z-index: 0;
}
body.home #wrap h2:before {
  top: 0;
  left: calc(100% - 100vw);
  background-color: #E10213;
}
body.home #wrap h2:after {
  top: 0;
}
body.home #wrap h2 span {
  padding-top: 1.75rem;
}
body.home #wrap h2:before {
  right: 3.5rem;
  width: calc(3.5rem + (100vw - 100%));
  height: 2.5rem;
}
body.home #wrap h2:after {
  left: 3.5rem;
  border-left: 0.875rem solid #E10213;
  border-top: 1.25rem solid transparent;
  border-bottom: 1.25rem solid transparent;
}
body.home #header {
  position: relative;
  height: 100vh;
  overflow: hidden;
  border-bottom: 2px solid #E10213;
}
body.home #header .text {
  z-index: 1;
  position: absolute;
  top: 50%;
  left: 2rem;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
body.home #header .text p {
  font-family: "tbudgothic-std", sans-serif;
  font-weight: 900;
  font-size: 1.275rem;
  line-height: 1.5;
  font-size: 1rem;
  padding: .5em 0 0 .3em;
  color: white;
}
body.home #header .image {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 0;
  -webkit-transform: rotate(-15deg);
  -ms-transform: rotate(-15deg);
  transform: rotate(-15deg);
}
body.home #header .image img {
  -webkit-box-shadow: -3px 9px 3px black;
  box-shadow: -3px 9px 3px black;
  position: absolute;
  border-radius: 1px;
}
body.home #header .image img#header_photo01,
body.home #header .image img#header_photo02,
body.home #header .image img#header_photo03,
body.home #header .image img#header_photo04 {
  width: 64vw;
  height: auto;
}
body.home #header .image img#header_photo05 {
  width: auto;
  height: 64vw;
}
body.home #header .image img#header_photo01 {
  top: -5%;
  left: 50%;
}
body.home #header .image img#header_photo02 {
  top: calc(-5% + 180 / 375 * 100vw + 1.8rem * 1);
  left: 50%;
}
body.home #header .image img#header_photo03 {
  top: calc(-5% + 501 / 375 * 100vw + 1.8rem * 2);
  left: 50%;
}
body.home #header .image img#header_photo04 {
  top: -12%;
  right: calc(100% - 50% + 1.8rem * 1.2);
}
body.home #header .image img#header_photo05 {
  top: calc(-12% + 320 / 375 * 100vw + 1.8rem * 5);
  right: calc(100% - 50% + 1.8rem * 1.2);
}
body.home #vision {
  background-color: white;
  padding-bottom: 1.5rem;
}
body.home #vision h2 {
  margin-bottom: .3em;
}
body.home #vision p {
  font-family: "tbudgothic-std", sans-serif;
  font-weight: 400;
  text-align: justify;
  line-height: 2.2;
  font-size: 0.8625rem;
}
body.home #vision p br {
  display: none;
}
body.home #gallery a,
body.home #gallery img {
  display: block;
}
body.home #gallery img {
  width: 100%;
}
body.home #movies {
  background-color: #191919;
  overflow: hidden;
  width: 100%;
  height: auto;
  position: relative;
  padding-bottom: 1.5rem;
}
body.home #movies h2 {
  color: white;
  margin-left: 2rem;
  margin-bottom: .8rem;
}
body.home #movies h2 span {
  text-shadow: 1px -1px 0 #191919;
}
body.home #movies .tns-outer {
  position: relative;
}
body.home #movies .tns-controls button {
  background-image: none;
  background-color: rgba(153, 153, 153, 0.8);
  width: 2.2rem;
  height: 3.96rem;
  position: absolute;
  top: 50%;
  z-index: 1;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  border: none;
}
body.home #movies .tns-controls button:before {
  content: "";
  display: block;
  border-left: 3px solid white;
  border-top: 3px solid white;
  width: 1rem;
  height: 1rem;
  position: absolute;
  top: 50%;
  left: 50%;
}
body.home #movies .tns-controls button[data-controls="prev"] {
  left: 0;
}
body.home #movies .tns-controls button[data-controls="prev"]:before {
  -webkit-transform: translate(-30%, -50%) rotate(-45deg);
  -ms-transform: translate(-30%, -50%) rotate(-45deg);
  transform: translate(-30%, -50%) rotate(-45deg);
}
body.home #movies .tns-controls button[data-controls="next"] {
  right: 0;
}
body.home #movies .tns-controls button[data-controls="next"]:before {
  -webkit-transform: translate(-70%, -50%) rotate(135deg);
  -ms-transform: translate(-70%, -50%) rotate(135deg);
  transform: translate(-70%, -50%) rotate(135deg);
}
body.home #movies .tns-item {
  position: relative;
  overflow: hidden;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 0.75rem;
}
body.home #movies .tns-item > div {
  overflow: hidden;
  position: relative;
}
body.home #movies .tns-item > div:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 56.25%;
}
body.home #movies iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
body.home #blog h2 small {
  font-size: .75em;
  margin-left: .3em;
}
body.home #blog .list {
  margin-top: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
body.home #blog .list > .post {
  width: calc(50% - 1.5rem / 2);
  margin-bottom: 1.5rem;
}
body.home #blog .list > .post .image {
  position: relative;
  overflow: hidden;
}
body.home #blog .list > .post .image:before {
  content: "";
  display: block;
  width: 100%;
  padding-top: 56.25%;
}
body.home #blog .list > .post img {
  width: 100%;
  height: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
body.home #blog .list > .post .category {
  font-family: "tbudgothic-std", sans-serif;
  font-weight: 400;
  text-align: justify;
  letter-spacing: .05em;
  line-height: 1.6;
  font-size: 0.6rem;
  color: white;
}
body.home #blog .list > .post .category small {
  padding: .1em .6em .1em;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  min-width: 7em;
  text-align: center;
  display: inline-block;
  background-color: #999;
}
body.home #blog .list > .post .category small.info {
  background-color: #E10213;
}
body.home #blog .list > .post .category small.develop {
  background-color: #3366FF;
}
body.home #blog .list > .post .category small.report {
  background-color: #339922;
}
body.home #blog .list > .post .category small.event {
  background-color: #EE9922;
}
body.home #blog .list > .post .category small.chat {
  background-color: #b80;
}
body.home #blog .list > .post .category small.test {
  background-color: #226600;
}
body.home #blog .list > .post .title time {
  font-family: "tbudgothic-std", sans-serif;
  font-weight: 400;
  text-align: justify;
  letter-spacing: .05em;
  line-height: 1.6;
  font-size: 0.6rem;
  display: block;
  margin-top: .5em;
  padding-top: .1em;
  border-top: 1px solid #707070;
}
body.home #blog .list > .post .category {
  margin-top: .8em;
}
body.home #blog .list > .post .title {
  margin-top: .3em;
  font-family: "tbudgothic-std", sans-serif;
  font-weight: 400;
  text-align: justify;
  line-height: 1.9;
  font-size: 0.75rem;
  line-height: 1.6;
}
body.home #blog .list > .post:nth-child(odd) {
  margin-right: 1.5rem;
}
body.home #blog .more a {
  display: block;
  border-radius: 3px;
  background-color: #1199BB;
  font-family: "tbudgothic-std", sans-serif;
  font-weight: 900;
  line-height: 1.5;
  font-size: 0.8625rem;
  color: white;
  text-align: center;
  line-height: 1;
  padding: 1em 1em .9em;
}
body.home #banner a {
  display: block;
}
body.home #banner a img {
  display: block;
  width: 100%;
}
body.blogs #wrap h2 {
  font-family: "base-900-sans", sans-serif;
  text-transform: uppercase;
  font-weight: 900;
  line-height: 1.3;
  font-size: 1.65rem;
  position: relative;
}
body.blogs #wrap h2 span {
  position: relative;
  display: block;
  z-index: 2;
  text-shadow: 1px -1px 0 white;
}
body.blogs #wrap h2:before,
body.blogs #wrap h2:after {
  content: "";
  display: block;
  position: absolute;
  z-index: 0;
}
body.blogs #wrap h2:before {
  top: 0;
  left: calc(100% - 100vw);
  background-color: #E10213;
}
body.blogs #wrap h2:after {
  top: 0;
}
body.blogs #wrap h2 span {
  padding-top: 1.75rem;
}
body.blogs #wrap h2:before {
  right: 3.5rem;
  width: calc(3.5rem + (100vw - 100%));
  height: 2.5rem;
}
body.blogs #wrap h2:after {
  left: 3.5rem;
  border-left: 0.875rem solid #E10213;
  border-top: 1.25rem solid transparent;
  border-bottom: 1.25rem solid transparent;
}
body.blogs #gallery {
  position: relative;
  margin-bottom: .7rem;
}
body.blogs #gallery h2 {
  position: absolute;
  z-index: 1;
  bottom: .1em;
  left: 0;
  margin-left: 2rem;
}
body.blogs #gallery .tns-controls button {
  background-image: none;
  background-color: rgba(153, 153, 153, 0.8);
  width: 2.2rem;
  height: 3.96rem;
  position: absolute;
  top: 50%;
  z-index: 1;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  border: none;
}
body.blogs #gallery .tns-controls button:before {
  content: "";
  display: block;
  border-left: 3px solid white;
  border-top: 3px solid white;
  width: 1rem;
  height: 1rem;
  position: absolute;
  top: 50%;
  left: 50%;
}
body.blogs #gallery .tns-controls button[data-controls="prev"] {
  left: 0;
}
body.blogs #gallery .tns-controls button[data-controls="prev"]:before {
  -webkit-transform: translate(-30%, -50%) rotate(-45deg);
  -ms-transform: translate(-30%, -50%) rotate(-45deg);
  transform: translate(-30%, -50%) rotate(-45deg);
}
body.blogs #gallery .tns-controls button[data-controls="next"] {
  right: 0;
}
body.blogs #gallery .tns-controls button[data-controls="next"]:before {
  -webkit-transform: translate(-70%, -50%) rotate(135deg);
  -ms-transform: translate(-70%, -50%) rotate(135deg);
  transform: translate(-70%, -50%) rotate(135deg);
}
body.blogs #gallery .tns-controls button {
  margin-top: -1.4rem;
}
body.blogs #gallery .image {
  position: relative;
  overflow: hidden;
  background-color: #191919;
}
body.blogs #gallery .image:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 56.25%;
}
body.blogs #gallery .image img {
  width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
body.blogs #gallery div.title {
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 7.5rem;
  padding-right: 2rem;
  margin-top: -0.5em;
}
body.blogs #gallery .category {
  font-family: "tbudgothic-std", sans-serif;
  font-weight: 400;
  text-align: justify;
  letter-spacing: .05em;
  line-height: 1.6;
  font-size: 0.6rem;
  color: white;
}
body.blogs #gallery .category small {
  padding: .1em .6em .1em;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  min-width: 7em;
  text-align: center;
  display: inline-block;
  background-color: #999;
}
body.blogs #gallery .category small.info {
  background-color: #E10213;
}
body.blogs #gallery .category small.develop {
  background-color: #3366FF;
}
body.blogs #gallery .category small.report {
  background-color: #339922;
}
body.blogs #gallery .category small.event {
  background-color: #EE9922;
}
body.blogs #gallery .category small.chat {
  background-color: #b80;
}
body.blogs #gallery .category small.test {
  background-color: #226600;
}
body.blogs #gallery p.title {
  font-family: "tbudgothic-std", sans-serif;
  font-weight: 400;
  text-align: justify;
  line-height: 2.2;
  font-size: 0.8625rem;
  text-align: left;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 2.2em;
  margin-top: .1em;
}
body.blogs #gallery + .search {
  border-top: 1px solid #E10213;
  padding-top: 1.8rem;
}
body.blogs .search,
body.blogs .category_list,
body.blogs .posts > .post,
body.blogs .popular,
body.blogs .navigation.pagination,
body.blogs .keyword {
  padding-left: 2rem;
  padding-right: 2rem;
}
body.blogs .search form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-family: "tbudgothic-std", sans-serif;
  font-weight: 400;
  text-align: justify;
  line-height: 2.2;
  font-size: 0.8625rem;
}
body.blogs .search button {
  margin-right: .5em;
  line-height: 1;
  border: none;
  background: none;
}
body.blogs .search button img {
  width: 1.8em;
  height: 1.8em;
}
body.blogs .search input {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  border: 1px solid #707070;
  line-height: 1.5;
  padding: .3em;
}
body.blogs .category_list {
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 1.5rem 0 0;
}
body.blogs .category_list li {
  width: 25%;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  background-color: #999;
}
body.blogs .category_list li.info {
  background-color: #E10213;
}
body.blogs .category_list li.develop {
  background-color: #3366FF;
}
body.blogs .category_list li.report {
  background-color: #339922;
}
body.blogs .category_list li.event {
  background-color: #EE9922;
}
body.blogs .category_list li.chat {
  background-color: #b80;
}
body.blogs .category_list li.test {
  background-color: #226600;
}
body.blogs .category_list li a {
  display: block;
  color: white;
  padding: .3em;
  background-color: inherit;
  font-family: "tbudgothic-std", sans-serif;
  font-weight: 400;
  text-align: justify;
  line-height: 1.9;
  font-size: 0.75rem;
  line-height: 1.6;
  text-align: center;
}
body.blogs .posts {
  padding-top: 1.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
body.blogs .posts > .post {
  margin-bottom: 2.25rem;
}
body.blogs .posts > .post .image {
  position: relative;
  overflow: hidden;
}
body.blogs .posts > .post .image:before {
  content: "";
  display: block;
  width: 100%;
  padding-top: 56.25%;
}
body.blogs .posts > .post img {
  width: 100%;
  height: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
body.blogs .posts > .post .category {
  font-family: "tbudgothic-std", sans-serif;
  font-weight: 400;
  text-align: justify;
  letter-spacing: .05em;
  line-height: 1.6;
  font-size: 0.6rem;
  color: white;
}
body.blogs .posts > .post .category small {
  padding: .1em .6em .1em;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  min-width: 7em;
  text-align: center;
  display: inline-block;
  background-color: #999;
}
body.blogs .posts > .post .category small.info {
  background-color: #E10213;
}
body.blogs .posts > .post .category small.develop {
  background-color: #3366FF;
}
body.blogs .posts > .post .category small.report {
  background-color: #339922;
}
body.blogs .posts > .post .category small.event {
  background-color: #EE9922;
}
body.blogs .posts > .post .category small.chat {
  background-color: #b80;
}
body.blogs .posts > .post .category small.test {
  background-color: #226600;
}
body.blogs .posts > .post .title time {
  font-family: "tbudgothic-std", sans-serif;
  font-weight: 400;
  text-align: justify;
  letter-spacing: .05em;
  line-height: 1.6;
  font-size: 0.6rem;
  display: block;
  margin-top: .5em;
  padding-top: .1em;
  border-top: 1px solid #707070;
}
body.blogs .posts > .post .category {
  margin-top: 1em;
}
body.blogs .posts > .post .title {
  margin-top: .5em;
  font-family: "tbudgothic-std", sans-serif;
  font-weight: 400;
  text-align: justify;
  line-height: 2.2;
  font-size: 0.8625rem;
  line-height: 1.6;
}
body.blogs .posts > .post:nth-child(1),
body.blogs .posts > .post:nth-child(2),
body.blogs .posts > .post:nth-child(3),
body.blogs .posts > .post:nth-child(4),
body.blogs .posts > .post:nth-child(5),
body.blogs .posts > .post:nth-child(6) {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
}
body.blogs .posts > .post:nth-child(n+7) {
  -webkit-box-ordinal-group: 4;
  -ms-flex-order: 3;
  order: 3;
}
body.blogs .popular {
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
  background-color: #F0F0F3;
  padding-bottom: 1rem;
  margin-bottom: 2rem;
  width: 100%;
}
body.blogs .popular h2 {
  margin-bottom: 1.5rem;
}
body.blogs .popular > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
body.blogs .popular > div > .post {
  width: calc(50% - 1.5rem / 2);
  margin-bottom: 1.5rem;
}
body.blogs .popular > div > .post .image {
  position: relative;
  overflow: hidden;
}
body.blogs .popular > div > .post .image:before {
  content: "";
  display: block;
  width: 100%;
  padding-top: 56.25%;
}
body.blogs .popular > div > .post img {
  width: 100%;
  height: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
body.blogs .popular > div > .post .category {
  font-family: "tbudgothic-std", sans-serif;
  font-weight: 400;
  text-align: justify;
  letter-spacing: .05em;
  line-height: 1.6;
  font-size: 0.6rem;
  color: white;
}
body.blogs .popular > div > .post .category small {
  padding: .1em .6em .1em;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  min-width: 7em;
  text-align: center;
  display: inline-block;
  background-color: #999;
}
body.blogs .popular > div > .post .category small.info {
  background-color: #E10213;
}
body.blogs .popular > div > .post .category small.develop {
  background-color: #3366FF;
}
body.blogs .popular > div > .post .category small.report {
  background-color: #339922;
}
body.blogs .popular > div > .post .category small.event {
  background-color: #EE9922;
}
body.blogs .popular > div > .post .category small.chat {
  background-color: #b80;
}
body.blogs .popular > div > .post .category small.test {
  background-color: #226600;
}
body.blogs .popular > div > .post .title time {
  font-family: "tbudgothic-std", sans-serif;
  font-weight: 400;
  text-align: justify;
  letter-spacing: .05em;
  line-height: 1.6;
  font-size: 0.6rem;
  display: block;
  margin-top: .5em;
  padding-top: .1em;
  border-top: 1px solid #707070;
}
body.blogs .popular > div > .post .category {
  margin-top: .8em;
}
body.blogs .popular > div > .post .title {
  margin-top: .3em;
  font-family: "tbudgothic-std", sans-serif;
  font-weight: 400;
  text-align: justify;
  line-height: 1.9;
  font-size: 0.75rem;
  line-height: 1.6;
}
body.blogs .popular > div > .post:nth-child(odd) {
  margin-right: 1.5rem;
}
body.blogs .navigation.pagination {
  -webkit-box-ordinal-group: 5;
  -ms-flex-order: 4;
  order: 4;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 1.5rem;
  margin-bottom: 3rem;
}
body.blogs .navigation.pagination .nav-links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
body.blogs .navigation.pagination .nav-links .page-numbers {
  font-family: "base-900-sans", sans-serif;
  text-transform: uppercase;
  font-weight: 700;
  line-height: 1;
  font-size: 1.275rem;
  background-color: #CCCCCC;
  text-align: center;
  display: block;
  width: 1.5em;
  padding: .3em 0 .2em;
  margin: 0 0.375rem;
}
body.blogs .navigation.pagination .nav-links .page-numbers.current {
  background-color: #E10213;
  color: white;
}
body.blogs .navigation.pagination .nav-links .page-numbers.next,
body.blogs .navigation.pagination .nav-links .page-numbers.prev {
  background-color: transparent;
  padding: 0;
}
body.blogs .navigation.pagination .nav-links .page-numbers.next:before,
body.blogs .navigation.pagination .nav-links .page-numbers.prev:before {
  content: "";
  display: block;
  border-top: 3px solid #CCCCCC;
  border-left: 3px solid #CCCCCC;
  width: 1.1em;
  height: 1.1em;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
body.blogs .navigation.pagination .nav-links .page-numbers.next span,
body.blogs .navigation.pagination .nav-links .page-numbers.prev span {
  clip: rect(1px, 1px, 1px, 1px);
  height: 1px;
  overflow: hidden;
  position: absolute;
  width: 1px;
  word-wrap: normal;
}
body.blogs .navigation.pagination .nav-links .page-numbers.next:before {
  -webkit-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  transform: rotate(135deg);
}
body.blogs .navigation.pagination .nav-links .page-numbers.prev:before {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
body.blogs .posts > .search {
  -webkit-box-ordinal-group: 6;
  -ms-flex-order: 5;
  order: 5;
  margin-bottom: 1.5rem;
}
body.blogs .keyword {
  -webkit-box-ordinal-group: 7;
  -ms-flex-order: 6;
  order: 6;
  padding-bottom: 3rem;
}
body.blogs .keyword h3 {
  font-family: "tbudgothic-std", sans-serif;
  font-weight: 900;
  line-height: 1.5;
  font-size: 0.8625rem;
}
body.blogs .keyword h3 span {
  display: block;
}
body.blogs .keyword h3 span:before {
  content: "\25cf";
  color: #E10213;
  display: inline-block;
  margin-right: .1em;
}
body.blogs .keyword div {
  margin-top: .5em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
body.blogs .keyword div a {
  display: block;
  margin: 0 .5em .8em 0;
  padding: .4em 1em;
  background-color: #F0F0F3;
  font-family: "tbudgothic-std", sans-serif;
  font-weight: 400;
  text-align: justify;
  line-height: 1.9;
  font-size: 0.75rem;
  line-height: 1;
  border-radius: 1em;
}
body.list #wrap h2 {
  font-family: "tbudgothic-std", sans-serif;
  font-weight: 900;
  font-size: 1.275rem;
  margin-left: 2rem;
}
body.post #wrap article.post {
  position: relative;
}
body.post #wrap article.post .image {
  position: relative;
  overflow: hidden;
  background-color: #191919;
}
body.post #wrap article.post .image:before {
  content: "";
  display: block;
  width: 100%;
  padding-top: 56.25%;
}
body.post #wrap article.post .image img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 100%;
}
body.post #wrap article.post h2 {
  font-family: "tbudgothic-std", sans-serif;
  font-weight: 900;
  font-size: 1.275rem;
  margin-top: -1.25rem;
  margin-left: 2rem;
  padding-right: 2rem;
}
body.post #wrap article.post p.category {
  font-family: "tbudgothic-std", sans-serif;
  font-weight: 400;
  text-align: justify;
  line-height: 1.9;
  font-size: 0.75rem;
  line-height: 1.6;
  color: white;
  padding-top: .5em;
  padding-left: 2rem;
  padding-right: 2rem;
}
body.post #wrap article.post p.category small {
  padding: .1em .6em .1em;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  min-width: 7em;
  text-align: center;
  display: inline-block;
  background-color: #999;
}
body.post #wrap article.post p.category small.info {
  background-color: #E10213;
}
body.post #wrap article.post p.category small.develop {
  background-color: #3366FF;
}
body.post #wrap article.post p.category small.report {
  background-color: #339922;
}
body.post #wrap article.post p.category small.event {
  background-color: #EE9922;
}
body.post #wrap article.post p.category small.chat {
  background-color: #b80;
}
body.post #wrap article.post p.category small.test {
  background-color: #226600;
}
body.post #wrap article.post p.keyword {
  position: relative;
  z-index: 1;
  padding-top: .8em;
  padding-bottom: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
body.post #wrap article.post p.keyword a {
  display: block;
  margin: 0 .5em .8em 0;
  padding: .4em 1em;
  background-color: #F0F0F3;
  font-family: "tbudgothic-std", sans-serif;
  font-weight: 400;
  text-align: justify;
  line-height: 1.9;
  font-size: 0.75rem;
  line-height: 1;
  border-radius: 1em;
}
body.post #wrap article.post time {
  font-family: "tbudgothic-std", sans-serif;
  font-weight: 400;
  text-align: justify;
  line-height: 1.9;
  font-size: 0.75rem;
  color: white;
  position: absolute;
  top: calc(9 / 16 * 100vw - 2em);
  right: 2rem;
  z-index: 0;
}
body.post #wrap article.post .content {
  margin: 0 2rem;
  padding: 1.2rem 0 0;
  border-top: 1px solid #707070;
}
body.post #wrap article.post .content h3 {
  font-family: "tbudgothic-std", sans-serif;
  font-weight: 900;
  line-height: 1.5;
  font-size: 0.8625rem;
  margin-bottom: .8em;
}
body.post #wrap article.post .content * + h3 {
  margin-top: 2em;
}
body.post #wrap article.post .content p,
body.post #wrap article.post .content li,
body.post #wrap article.post .content dt,
body.post #wrap article.post .content dd {
  font-family: "tbudgothic-std", sans-serif;
  font-weight: 400;
  text-align: justify;
  line-height: 1.9;
  font-size: 0.75rem;
}
body.post #wrap article.post .content img {
  display: block;
  width: 100%;
}
body.post #wrap article.post .content strong {
  font-weight: 900;
}
body.post #wrap article.post .content figure {
  margin: 1em 0 1.5em;
}
body.post #wrap article.post .content figcaption {
  font-family: "tbudgothic-std", sans-serif;
  font-weight: 400;
  text-align: justify;
  letter-spacing: .05em;
  line-height: 1.6;
  font-size: 0.6rem;
  margin-top: .5em;
}
body.post #wrap article.post .content a {
  color: #1199BB;
  border-bottom: 1px solid #1199BB;
  padding-bottom: .2em;
}
body.post #wrap article.post .share {
  background-color: #F0F0F3;
  padding: 0.8rem 2rem 0.6rem;
  margin: 1.5rem 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
body.post #wrap article.post .share h3 {
  font-family: "tbudgothic-std", sans-serif;
  font-weight: 900;
  line-height: 1.5;
  font-size: 0.8625rem;
}
body.post #wrap article.post .share a {
  display: inline-block;
  margin-left: .5em;
}
body.post #wrap article.post .share a img {
  display: block;
  height: 30px;
}
body.post #wrap article.post .navigation.post-navigation {
  padding-left: 2rem;
  padding-right: 2rem;
  margin-bottom: 2rem;
  margin-top: 1rem;
}
body.post #wrap article.post .navigation.post-navigation .nav-links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
}
body.post #wrap article.post .navigation.post-navigation .nav-next,
body.post #wrap article.post .navigation.post-navigation .nav-previous {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  width: 45%;
  margin-top: 0;
}
body.post #wrap article.post .navigation.post-navigation .nav-next a,
body.post #wrap article.post .navigation.post-navigation .nav-previous a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
body.post #wrap article.post .navigation.post-navigation .nav-next span.icon,
body.post #wrap article.post .navigation.post-navigation .nav-previous span.icon {
  display: block;
  border-top: 3px solid #CCCCCC;
  border-left: 3px solid #CCCCCC;
  width: 1.1em;
  height: 1.1em;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
body.post #wrap article.post .navigation.post-navigation .nav-next span:not(.icon),
body.post #wrap article.post .navigation.post-navigation .nav-previous span:not(.icon) {
  clip: auto;
  position: relative;
  font-family: "tbudgothic-std", sans-serif;
  font-weight: 400;
  text-align: justify;
  line-height: 1.9;
  font-size: 0.75rem;
  line-height: 1.5;
}
body.post #wrap article.post .navigation.post-navigation .nav-next span.nav-title,
body.post #wrap article.post .navigation.post-navigation .nav-previous span.nav-title {
  word-break: break-all;
}
body.post #wrap article.post .navigation.post-navigation .nav-next a {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}
body.post #wrap article.post .navigation.post-navigation .nav-next span.icon {
  -webkit-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  transform: rotate(135deg);
}
body.post #wrap article.post .navigation.post-navigation .nav-next span.nav-title {
  margin-left: 1em;
}
body.post #wrap article.post .navigation.post-navigation .nav-previous span.icon {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
body.post #wrap article.post .navigation.post-navigation .nav-previous span.nav-title {
  margin-right: 1em;
}
body.post #wrap article.post .navigation.post-navigation .nav-previous + .nav-next {
  border-left: 3px solid #CCCCCC;
}
body.post #wrap article.post .link {
  padding: 0 2rem 3.5rem;
}
body.post #wrap article.post .link a {
  display: block;
  border-radius: 3px;
  background-color: #1199BB;
  font-family: "tbudgothic-std", sans-serif;
  font-weight: 900;
  line-height: 1.5;
  font-size: 0.8625rem;
  color: white;
  text-align: center;
  line-height: 1;
  padding: 1em 1em .9em;
}
body.post #wrap article.related {
  padding-bottom: 4rem;
}
body.post #wrap article.related h2 {
  margin-left: 2rem;
  margin-bottom: 1rem;
}
body.post #wrap article.related h2 span {
  padding-top: 0;
}
body.post #wrap article.related .tns-outer {
  position: relative;
}
body.post #wrap article.related .tns-controls button {
  background-image: none;
  background-color: rgba(153, 153, 153, 0.8);
  width: 2.2rem;
  height: 3.96rem;
  position: absolute;
  top: 50%;
  z-index: 1;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  border: none;
}
body.post #wrap article.related .tns-controls button:before {
  content: "";
  display: block;
  border-left: 3px solid white;
  border-top: 3px solid white;
  width: 1rem;
  height: 1rem;
  position: absolute;
  top: 50%;
  left: 50%;
}
body.post #wrap article.related .tns-controls button[data-controls="prev"] {
  left: 0;
}
body.post #wrap article.related .tns-controls button[data-controls="prev"]:before {
  -webkit-transform: translate(-30%, -50%) rotate(-45deg);
  -ms-transform: translate(-30%, -50%) rotate(-45deg);
  transform: translate(-30%, -50%) rotate(-45deg);
}
body.post #wrap article.related .tns-controls button[data-controls="next"] {
  right: 0;
}
body.post #wrap article.related .tns-controls button[data-controls="next"]:before {
  -webkit-transform: translate(-70%, -50%) rotate(135deg);
  -ms-transform: translate(-70%, -50%) rotate(135deg);
  transform: translate(-70%, -50%) rotate(135deg);
}
body.post #wrap article.related .tns-item {
  position: relative;
  overflow: hidden;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
body.post #wrap article.related .tns-item:before {
  display: block;
  content: "";
  width: 100%;
}
body.post #wrap article.related div .image {
  position: relative;
  overflow: hidden;
}
body.post #wrap article.related div .image:before {
  content: "";
  display: block;
  width: 100%;
  padding-top: 56.25%;
}
body.post #wrap article.related div img {
  width: 100%;
  height: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
body.post #wrap article.related div .category {
  font-family: "tbudgothic-std", sans-serif;
  font-weight: 400;
  text-align: justify;
  letter-spacing: .05em;
  line-height: 1.6;
  font-size: 0.6rem;
  color: white;
}
body.post #wrap article.related div .category small {
  padding: .1em .6em .1em;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  min-width: 7em;
  text-align: center;
  display: inline-block;
  background-color: #999;
}
body.post #wrap article.related div .category small.info {
  background-color: #E10213;
}
body.post #wrap article.related div .category small.develop {
  background-color: #3366FF;
}
body.post #wrap article.related div .category small.report {
  background-color: #339922;
}
body.post #wrap article.related div .category small.event {
  background-color: #EE9922;
}
body.post #wrap article.related div .category small.chat {
  background-color: #b80;
}
body.post #wrap article.related div .category small.test {
  background-color: #226600;
}
body.post #wrap article.related div .title time {
  font-family: "tbudgothic-std", sans-serif;
  font-weight: 400;
  text-align: justify;
  letter-spacing: .05em;
  line-height: 1.6;
  font-size: 0.6rem;
  display: block;
  margin-top: .5em;
  padding-top: .1em;
  border-top: 1px solid #707070;
}
body.post #wrap article.related div .category {
  margin-top: .8em;
}
body.post #wrap article.related div .title {
  margin-top: .3em;
  font-family: "tbudgothic-std", sans-serif;
  font-weight: 400;
  text-align: justify;
  line-height: 1.9;
  font-size: 0.75rem;
  line-height: 1.6;
}
body.post #wrap article.related a {
  display: block;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}
body.post #wrap .search {
  margin-bottom: 1.5rem;
}
body.error #wrap {
  padding-left: 2rem;
  padding-right: 2rem;
  padding-bottom: 3em;
}
body.error #wrap h2 {
  font-family: "tbudgothic-std", sans-serif;
  font-weight: 900;
  font-size: 1.275rem;
  position: relative;
  line-height: 1.3;
}
body.error #wrap h2 span {
  position: relative;
  display: block;
  z-index: 2;
  text-shadow: 1px -1px 0 white;
}
body.error #wrap h2:before,
body.error #wrap h2:after {
  content: "";
  display: block;
  position: absolute;
  z-index: 0;
}
body.error #wrap h2:before {
  top: 0;
  left: calc(100% - 100vw);
  background-color: #E10213;
}
body.error #wrap h2:after {
  top: 0;
}
body.error #wrap h2 span {
  padding-top: 1.75rem;
}
body.error #wrap h2:before {
  right: 3.5rem;
  width: calc(3.5rem + (100vw - 100%));
  height: 2.5rem;
}
body.error #wrap h2:after {
  left: 3.5rem;
  border-left: 0.875rem solid #E10213;
  border-top: 1.25rem solid transparent;
  border-bottom: 1.25rem solid transparent;
}
body.error #wrap h2 span {
  padding-top: 1.6rem;
}
body.error #wrap .error_text {
  margin-top: 1.5em;
  margin-bottom: 2em;
}
body.error #wrap .error_text p {
  font-family: "tbudgothic-std", sans-serif;
  font-weight: 400;
  text-align: justify;
  line-height: 1.9;
  font-size: 0.75rem;
}
body.error .return {
  display: block;
  border-radius: 3px;
  background-color: #1199BB;
  font-family: "tbudgothic-std", sans-serif;
  font-weight: 900;
  line-height: 1.5;
  font-size: 0.8625rem;
  color: white;
  text-align: center;
  line-height: 1;
  padding: 1em 1em .9em;
}
body.contact #wrap {
  padding-left: 2rem;
  padding-right: 2rem;
  padding-bottom: 2rem;
}
body.contact #wrap h2 {
  font-family: "tbudgothic-std", sans-serif;
  font-weight: 900;
  font-size: 1.275rem;
  position: relative;
}
body.contact #wrap h2 span {
  position: relative;
  display: block;
  z-index: 2;
  text-shadow: 1px -1px 0 white;
}
body.contact #wrap h2:before,
body.contact #wrap h2:after {
  content: "";
  display: block;
  position: absolute;
  z-index: 0;
}
body.contact #wrap h2:before {
  top: 0;
  left: calc(100% - 100vw);
  background-color: #E10213;
}
body.contact #wrap h2:after {
  top: 0;
}
body.contact #wrap h2 span {
  padding-top: 1.75rem;
}
body.contact #wrap h2:before {
  right: 3.5rem;
  width: calc(3.5rem + (100vw - 100%));
  height: 2.5rem;
}
body.contact #wrap h2:after {
  left: 3.5rem;
  border-left: 0.875rem solid #E10213;
  border-top: 1.25rem solid transparent;
  border-bottom: 1.25rem solid transparent;
}
body.contact #wrap p {
  font-family: "tbudgothic-std", sans-serif;
  font-weight: 400;
  text-align: justify;
  line-height: 1.9;
  font-size: 0.75rem;
  margin: 1.5em 0 2.5em;
}
body.contact #wrap span.wpcf7-list-item {
  margin-left: 0;
  margin-right: 1em;
}
body.contact #wrap span.wpcf7-list-item > * {
  display: inline-block;
  vertical-align: middle;
}
body.contact #wrap span.wpcf7-list-item input {
  margin-right: .2em;
}
body.contact #wrap div.wpcf7 .screen-reader-response[role="alert"] {
  clip: auto;
  width: auto;
  height: auto;
  line-height: 1.8;
  color: #E10213;
  font-weight: bold;
  position: relative;
  font-size: 1rem;
  text-decoration: underline;
}
body.contact #wrap div.wpcf7 .screen-reader-response[role="alert"] ul {
  display: none;
}
body.contact #wrap .wpcf7-form.sent {
  display: none;
}
body.contact #wrap form {
  margin-top: 1em;
}
body.contact #wrap dt {
  font-family: "tbudgothic-std", sans-serif;
  font-weight: 900;
  line-height: 1.5;
  font-size: 0.8625rem;
}
body.contact #wrap dd {
  font-family: "tbudgothic-std", sans-serif;
  font-weight: 400;
  text-align: justify;
  line-height: 1.9;
  font-size: 0.75rem;
  margin: 0 0 1.5em;
}
body.contact #wrap dd:nth-child(2) {
  line-height: 1;
}
body.contact #wrap input[type="text"],
body.contact #wrap input[type="email"],
body.contact #wrap textarea {
  width: 100%;
  border: 1px #191919 solid;
  border-radius: 0;
}
body.contact #wrap input[type="text"].wpcf7c-conf,
body.contact #wrap input[type="email"].wpcf7c-conf,
body.contact #wrap textarea.wpcf7c-conf {
  background-color: #ccc;
}
body.contact #wrap p.accept > span {
  display: block;
  margin: .3em 0 0;
}
body.contact #wrap p.accept label > * {
  display: inline-block;
  vertical-align: middle;
}
body.contact #wrap p.accept .error {
  margin-left: auto;
  margin-right: auto;
}
body.contact #wrap .form_btn {
  margin-top: 1.5rem;
}
body.contact #wrap .form_btn input {
  display: block;
  border-radius: 3px;
  background-color: #1199BB;
  font-family: "tbudgothic-std", sans-serif;
  font-weight: 900;
  line-height: 1.5;
  font-size: 0.8625rem;
  color: white;
  text-align: center;
  line-height: 1;
  padding: 1em 1em .9em;
  width: 100%;
}
body.contact #wrap .form_btn input[disabled] {
  opacity: .5;
  cursor: auto;
}
body.contact #wrap .form_btn input#submit {
  margin-top: 1em;
}
@media screen and (min-width: 450px) {
  #wrap p.under {
    margin: 2rem 3rem;
    font-family: "tbudgothic-std", sans-serif;
    font-weight: 400;
    text-align: justify;
    line-height: 2.2;
    font-size: 1.00625rem;
  }
  body:not(.home) #header {
    padding-left: 3rem;
    padding-right: 3rem;
  }
  body:not(.home) #header h1 {
    font-family: "base-900-sans", sans-serif;
    text-transform: uppercase;
    font-weight: 900;
    line-height: 1;
    letter-spacing: .01em;
    font-size: 2.625rem;
  }
  body:not(.home) #header h1 img {
    padding-right: .3em;
    width: 1.1em;
    margin-bottom: -0.05em;
  }
  #totop {
    padding-right: 2.1rem;
  }
  #totop a {
    font-family: "base-900-sans", sans-serif;
    text-transform: uppercase;
    line-height: 1;
    letter-spacing: .05em;
    font-size: 1.00625rem;
    font-weight: 700;
  }
  #menu label.menu {
    right: 1.5rem;
  }
  #menu label.menu .button {
    width: 2.2rem;
    height: 1.98rem;
  }
  #menu label.menu .text {
    font-family: "base-900-sans", sans-serif;
    text-transform: uppercase;
    font-weight: 700;
    line-height: 1;
    font-size: 0.875rem;
  }
  #menu div.gnav > ul {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  #menu div.gnav li {
    font-family: "base-900-sans", sans-serif;
    text-transform: uppercase;
    font-weight: 900;
    line-height: 1.3;
    font-size: 1.925rem;
    width: 20rem;
    height: 6rem;
    margin-left: auto;
    margin-right: auto;
  }
  #menu div.gnav li,
  #menu div.gnav li.home {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
  }
  #menu div.gnav li.home {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    height: 10rem;
  }
  #menu div.gnav li.home img {
    width: 100%;
  }
  #menu div.gnav li:last-child {
    border-bottom: 1px solid #CCCCCC;
  }
  #menu input:checked + label.menu .button span:nth-of-type(1) {
    -webkit-transform: translateY(0.583rem) rotate(-45deg);
    -ms-transform: translateY(0.583rem) rotate(-45deg);
    transform: translateY(0.583rem) rotate(-45deg);
  }
  #menu input:checked + label.menu .button span:nth-of-type(3) {
    -webkit-transform: translateY(-0.583rem) rotate(45deg);
    -ms-transform: translateY(-0.583rem) rotate(45deg);
    transform: translateY(-0.583rem) rotate(45deg);
  }
  #footer {
    padding-top: 1.5rem;
    padding-left: 3rem;
    padding-right: 3rem;
  }
  #footer h2 {
    margin-left: 0;
    margin-right: 2.4rem;
  }
  #footer h2 img {
    width: 5.5rem;
  }
  #footer ul#f_nav {
    padding-top: .6em;
    padding-left: 0;
    padding-bottom: 1em;
    margin-right: 0;
    border-bottom: 1px solid #E10213;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    max-height: 3.7em;
  }
  #footer ul#f_nav li {
    font-family: "base-900-sans", sans-serif;
    text-transform: uppercase;
    line-height: 1;
    letter-spacing: .05em;
    font-size: 1.00625rem;
    font-weight: 700;
    margin: 0 2.2em 0 0;
  }
  #footer ul#f_nav li a {
    padding: .4em 0;
  }
  #footer address {
    margin-top: .2rem;
    margin-left: 7.9rem;
    margin-right: 1rem;
    margin-bottom: 0;
    border-top: none;
  }
  #footer address p {
    font-family: "tbudgothic-std", sans-serif;
    font-weight: 400;
    text-align: justify;
    letter-spacing: .05em;
    line-height: 1.6;
    font-size: 0.74375rem;
  }
  #footer address p.name {
    margin-bottom: .5em;
  }
  #footer ul.sns {
    margin-top: 1.5rem;
    width: auto;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
  }
  #footer ul.sns li {
    width: 2.5rem;
    height: 2.5rem;
  }
  #footer ul.sns li a {
    padding: .5em .55em;
  }
  #footer ul.sns li img {
    width: 100%;
  }
  #footer p.copyright {
    -webkit-box-ordinal-group: 7;
    -ms-flex-order: 6;
    order: 6;
    margin: 0 0 1.5em;
    text-align: right;
    width: 100%;
  }
  .navigation.pagination {
    float: none;
    width: 100%;
  }
  body.home #vision,
  body.home #blog {
    padding-left: 3rem;
    padding-right: 3rem;
  }
  body.home #wrap h2 {
    font-family: "base-900-sans", sans-serif;
    text-transform: uppercase;
    font-weight: 900;
    line-height: 1.3;
    font-size: 1.925rem;
  }
  body.home #wrap h2 span {
    position: relative;
    display: block;
    z-index: 2;
    text-shadow: 1px -1px 0 white;
  }
  body.home #wrap h2:before,
  body.home #wrap h2:after {
    content: "";
    display: block;
    position: absolute;
    z-index: 0;
  }
  body.home #wrap h2:before {
    top: 0;
    left: calc(100% - 100vw);
    background-color: #E10213;
  }
  body.home #wrap h2:after {
    top: 0;
  }
  body.home #wrap h2 span {
    padding-top: 2.8rem;
  }
  body.home #wrap h2:before {
    right: 4.5rem;
    width: calc(4.5rem + (100vw - 100%));
    height: 4rem;
  }
  body.home #wrap h2:after {
    left: 4.5rem;
    border-left: 1.4rem solid #E10213;
    border-top: 2rem solid transparent;
    border-bottom: 2rem solid transparent;
  }
  body.home #header {
    border-bottom-width: 5px;
  }
  body.home #header .text {
    left: 3rem;
  }
  body.home #header .text h1 img {
    width: auto;
    height: 4rem;
  }
  body.home #header .text p {
    font-family: "tbudgothic-std", sans-serif;
    font-weight: 900;
    font-size: 1.575rem;
    font-size: 1.3rem;
    line-height: 1.6;
    padding-top: .8em;
  }
  body.home #header .image img {
    -webkit-box-shadow: -6px 9px 3px black;
    box-shadow: -6px 9px 3px black;
  }
  body.home #header .image img#header_photo01,
  body.home #header .image img#header_photo02,
  body.home #header .image img#header_photo03,
  body.home #header .image img#header_photo04 {
    width: 55.98958333vw;
    height: auto;
  }
  body.home #header .image img#header_photo05 {
    width: auto;
    height: 55.98958333vw;
  }
  body.home #header .image img#header_photo01 {
    top: -5%;
    left: 50%;
  }
  body.home #header .image img#header_photo02 {
    top: calc(-5% + 180 * 1.79166667 / 768 * 100vw + 2.5rem * 1);
    left: 50%;
  }
  body.home #header .image img#header_photo03 {
    top: calc(-5% + 501 * 1.79166667 / 768 * 100vw + 2.5rem * 2);
    left: 50%;
  }
  body.home #header .image img#header_photo04 {
    top: -18%;
    right: calc(100% - 50% + 2.5rem * 1.5);
  }
  body.home #header .image img#header_photo05 {
    top: calc(-18% + 320 * 1.79166667 / 768 * 100vw + 2.5rem * 5);
    right: calc(100% - 50% + 2.5rem * 1.5);
  }
  body.home #vision {
    padding-top: 6rem;
    padding-bottom: 5.5rem;
  }
  body.home #vision > div {
    position: relative;
  }
  body.home #vision > div:before {
    content: url("/assets/img/circle_logo.svg");
    width: 12.5rem;
    height: auto;
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  body.home #vision h2,
  body.home #vision p {
    margin-left: 14.75rem;
  }
  body.home #vision h2 {
    margin-bottom: .3em;
  }
  body.home #vision h2:before,
  body.home #vision h2:after {
    content: none;
  }
  body.home #vision h2 span {
    padding-top: 0;
  }
  body.home #vision h2 strong {
    color: #E10213;
  }
  body.home #vision p {
    font-family: "tbudgothic-std", sans-serif;
    font-weight: 400;
    text-align: justify;
    line-height: 2.2;
    font-size: 1.00625rem;
  }
  body.home #movies {
    padding-bottom: 3rem;
  }
  body.home #movies h2 {
    margin-left: 3rem;
    margin-bottom: 1rem;
  }
  body.home #movies h2 span {
    text-shadow: 1px -1px 0 #191919;
  }
  body.home #movies .tns-item {
    padding: 0 0.75rem;
  }
  body.home #blog .list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
  body.home #blog .list > .post {
    width: calc(50% - 1.5rem / 2);
    margin-bottom: 1.5rem;
  }
  body.home #blog .list > .post .image {
    position: relative;
    overflow: hidden;
  }
  body.home #blog .list > .post .image:before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 56.25%;
  }
  body.home #blog .list > .post img {
    width: 100%;
    height: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }
  body.home #blog .list > .post .category {
    font-family: "tbudgothic-std", sans-serif;
    font-weight: 400;
    text-align: justify;
    letter-spacing: .05em;
    line-height: 1.6;
    font-size: 0.74375rem;
    color: white;
  }
  body.home #blog .list > .post .category small {
    padding: .1em .6em .1em;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    min-width: 7em;
    text-align: center;
    display: inline-block;
    background-color: #999;
  }
  body.home #blog .list > .post .category small.info {
    background-color: #E10213;
  }
  body.home #blog .list > .post .category small.develop {
    background-color: #3366FF;
  }
  body.home #blog .list > .post .category small.report {
    background-color: #339922;
  }
  body.home #blog .list > .post .category small.event {
    background-color: #EE9922;
  }
  body.home #blog .list > .post .category small.chat {
    background-color: #b80;
  }
  body.home #blog .list > .post .category small.test {
    background-color: #226600;
  }
  body.home #blog .list > .post .title time {
    font-family: "tbudgothic-std", sans-serif;
    font-weight: 400;
    text-align: justify;
    letter-spacing: .05em;
    line-height: 1.6;
    font-size: 0.74375rem;
    display: block;
    margin-top: .5em;
    padding-top: .1em;
    border-top: 1px solid #707070;
  }
  body.home #blog .list > .post .category {
    margin-top: .8em;
  }
  body.home #blog .list > .post .title {
    margin-top: .3em;
    font-family: "tbudgothic-std", sans-serif;
    font-weight: 400;
    text-align: justify;
    line-height: 1.9;
    font-size: 0.875rem;
    line-height: 1.6;
  }
  body.home #blog .list > .post:nth-child(odd) {
    margin-right: 1.5rem;
  }
  body.home #blog .more {
    max-width: 25rem;
    margin: auto;
  }
  body.home #blog .more a {
    display: block;
    border-radius: 3px;
    background-color: #1199BB;
    font-family: "tbudgothic-std", sans-serif;
    font-weight: 900;
    line-height: 1.5;
    font-size: 1.00625rem;
    color: white;
    text-align: center;
    line-height: 1;
    padding: 1em 1em .9em;
  }
  body.home #banner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  body.home #banner a {
    width: 50%;
  }
  body.blogs #wrap h2 {
    font-family: "base-900-sans", sans-serif;
    text-transform: uppercase;
    font-weight: 900;
    line-height: 1.3;
    font-size: 1.925rem;
  }
  body.blogs #wrap h2 span {
    position: relative;
    display: block;
    z-index: 2;
    text-shadow: 1px -1px 0 white;
  }
  body.blogs #wrap h2:before,
  body.blogs #wrap h2:after {
    content: "";
    display: block;
    position: absolute;
    z-index: 0;
  }
  body.blogs #wrap h2:before {
    top: 0;
    left: calc(100% - 100vw);
    background-color: #E10213;
  }
  body.blogs #wrap h2:after {
    top: 0;
  }
  body.blogs #wrap h2 span {
    padding-top: 2.8rem;
  }
  body.blogs #wrap h2:before {
    right: 4.5rem;
    width: calc(4.5rem + (100vw - 100%));
    height: 4rem;
  }
  body.blogs #wrap h2:after {
    left: 4.5rem;
    border-left: 1.4rem solid #E10213;
    border-top: 2rem solid transparent;
    border-bottom: 2rem solid transparent;
  }
  body.blogs #gallery {
    margin-bottom: 1rem;
  }
  body.blogs #gallery h2 {
    bottom: -0.1em;
    left: 0;
    margin-left: 3rem;
  }
  body.blogs #gallery .tns-controls button {
    width: 2.5rem;
    height: 4.5rem;
  }
  body.blogs #gallery .tns-controls button:before {
    width: 1rem;
    height: 1rem;
  }
  body.blogs #gallery .tns-controls button {
    margin-top: -1.4rem;
  }
  body.blogs #gallery .image img {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }
  body.blogs #gallery div.title {
    padding-left: 6.5rem;
    padding-right: 3rem;
    margin-right: 0;
    margin-left: auto;
    margin-top: .9em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    max-width: calc(100vw - 3rem - 1rem);
  }
  body.blogs #gallery .category {
    font-family: "tbudgothic-std", sans-serif;
    font-weight: 400;
    text-align: justify;
    letter-spacing: .05em;
    line-height: 1.6;
    font-size: 0.74375rem;
    margin-right: 0.75rem;
  }
  body.blogs #gallery p.title {
    font-family: "tbudgothic-std", sans-serif;
    font-weight: 400;
    text-align: justify;
    line-height: 2.2;
    font-size: 1.00625rem;
    margin-top: 0;
  }
  body.blogs #gallery + .search {
    padding-top: 2.5rem;
  }
  body.blogs .search,
  body.blogs .category_list,
  body.blogs .popular,
  body.blogs .navigation.pagination,
  body.blogs .keyword {
    padding-left: 3rem;
    padding-right: 3rem;
  }
  body.blogs .search form {
    margin-left: auto;
    margin-right: auto;
    max-width: 25rem;
    font-family: "tbudgothic-std", sans-serif;
    font-weight: 400;
    text-align: justify;
    line-height: 2.2;
    font-size: 1.00625rem;
  }
  body.blogs .search button img {
    width: 2em;
    height: 2em;
  }
  body.blogs .category_list {
    margin-top: 2rem;
  }
  body.blogs .category_list li a {
    padding: .5em;
    font-family: "tbudgothic-std", sans-serif;
    font-weight: 400;
    text-align: justify;
    line-height: 1.9;
    font-size: 0.875rem;
    line-height: 1;
    text-align: center;
  }
  body.blogs .posts {
    padding-top: 2rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
  body.blogs .posts > .post {
    width: calc(50% - 1.5rem / 2);
    margin-bottom: 1.5rem;
  }
  body.blogs .posts > .post .image {
    position: relative;
    overflow: hidden;
  }
  body.blogs .posts > .post .image:before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 56.25%;
  }
  body.blogs .posts > .post img {
    width: 100%;
    height: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }
  body.blogs .posts > .post .category {
    font-family: "tbudgothic-std", sans-serif;
    font-weight: 400;
    text-align: justify;
    letter-spacing: .05em;
    line-height: 1.6;
    font-size: 0.74375rem;
    color: white;
  }
  body.blogs .posts > .post .category small {
    padding: .1em .6em .1em;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    min-width: 7em;
    text-align: center;
    display: inline-block;
    background-color: #999;
  }
  body.blogs .posts > .post .category small.info {
    background-color: #E10213;
  }
  body.blogs .posts > .post .category small.develop {
    background-color: #3366FF;
  }
  body.blogs .posts > .post .category small.report {
    background-color: #339922;
  }
  body.blogs .posts > .post .category small.event {
    background-color: #EE9922;
  }
  body.blogs .posts > .post .category small.chat {
    background-color: #b80;
  }
  body.blogs .posts > .post .category small.test {
    background-color: #226600;
  }
  body.blogs .posts > .post .title time {
    font-family: "tbudgothic-std", sans-serif;
    font-weight: 400;
    text-align: justify;
    letter-spacing: .05em;
    line-height: 1.6;
    font-size: 0.74375rem;
    display: block;
    margin-top: .5em;
    padding-top: .1em;
    border-top: 1px solid #707070;
  }
  body.blogs .posts > .post .category {
    margin-top: .8em;
  }
  body.blogs .posts > .post .title {
    margin-top: .3em;
    font-family: "tbudgothic-std", sans-serif;
    font-weight: 400;
    text-align: justify;
    line-height: 1.9;
    font-size: 0.875rem;
    line-height: 1.6;
  }
  body.blogs .posts > .post:nth-child(odd) {
    margin-right: 1.5rem;
  }
  body.blogs .posts > .post {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  body.blogs .posts > .post:nth-child(odd) {
    padding-left: 3rem;
    padding-right: 0;
  }
  body.blogs .posts > .post:nth-child(even) {
    padding-left: 0;
    padding-right: 3rem;
  }
  body.blogs .popular {
    padding-bottom: 1rem;
    margin-bottom: 3rem;
  }
  body.blogs .popular > div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  body.blogs .popular > div > .post {
    width: calc(25% - 1.5rem * 3 / 4);
    margin-bottom: 1.5rem;
  }
  body.blogs .popular > div > .post .image {
    position: relative;
    overflow: hidden;
  }
  body.blogs .popular > div > .post .image:before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 56.25%;
  }
  body.blogs .popular > div > .post img {
    width: 100%;
    height: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }
  body.blogs .popular > div > .post .category {
    font-family: "tbudgothic-std", sans-serif;
    font-weight: 400;
    text-align: justify;
    letter-spacing: .05em;
    line-height: 1.6;
    font-size: 0.74375rem;
    color: white;
  }
  body.blogs .popular > div > .post .category small {
    padding: .1em .6em .1em;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    min-width: 7em;
    text-align: center;
    display: inline-block;
    background-color: #999;
  }
  body.blogs .popular > div > .post .category small.info {
    background-color: #E10213;
  }
  body.blogs .popular > div > .post .category small.develop {
    background-color: #3366FF;
  }
  body.blogs .popular > div > .post .category small.report {
    background-color: #339922;
  }
  body.blogs .popular > div > .post .category small.event {
    background-color: #EE9922;
  }
  body.blogs .popular > div > .post .category small.chat {
    background-color: #b80;
  }
  body.blogs .popular > div > .post .category small.test {
    background-color: #226600;
  }
  body.blogs .popular > div > .post .title time {
    font-family: "tbudgothic-std", sans-serif;
    font-weight: 400;
    text-align: justify;
    letter-spacing: .05em;
    line-height: 1.6;
    font-size: 0.74375rem;
    display: block;
    margin-top: .5em;
    padding-top: .1em;
    border-top: 1px solid #707070;
  }
  body.blogs .popular > div > .post .category {
    margin-top: .8em;
  }
  body.blogs .popular > div > .post .title {
    margin-top: .3em;
    font-family: "tbudgothic-std", sans-serif;
    font-weight: 400;
    text-align: justify;
    line-height: 1.9;
    font-size: 0.875rem;
    line-height: 1.6;
  }
  body.blogs .popular > div > .post:nth-child(odd) {
    margin-right: 0;
  }
  body.blogs .popular > div > .post:not(:nth-child(4n)) {
    margin-right: 1.5rem;
  }
  body.blogs .navigation.pagination {
    padding-left: 3rem;
    padding-right: 3rem;
    width: 100%;
    margin-top: 2.5rem;
    margin-bottom: 4rem;
  }
  body.blogs .navigation.pagination .nav-links .page-numbers {
    font-family: "base-900-sans", sans-serif;
    text-transform: uppercase;
    font-weight: 700;
    line-height: 1;
    font-size: 1.4875rem;
    margin: 0 0.375rem;
  }
  body.blogs .navigation.pagination .nav-links .page-numbers.next:before,
  body.blogs .navigation.pagination .nav-links .page-numbers.prev:before {
    width: 1.2em;
    height: 1.2em;
  }
  body.blogs .posts > .search {
    width: 100%;
  }
  body.blogs .keyword {
    width: 100%;
    max-width: 25rem;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 3rem;
  }
  body.blogs .keyword h3 {
    font-family: "tbudgothic-std", sans-serif;
    font-weight: 900;
    line-height: 1.5;
    font-size: 1.00625rem;
    text-align: center;
  }
  body.blogs .keyword h3 span {
    display: block;
  }
  body.blogs .keyword h3 span:before {
    content: "\25cf";
    color: #E10213;
    display: inline-block;
    margin-right: .1em;
  }
  body.blogs .keyword div {
    margin-top: 1em;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  body.blogs .keyword div a {
    display: block;
    margin: 0 .5em .8em 0;
    padding: .4em 1em;
    background-color: #F0F0F3;
    font-family: "tbudgothic-std", sans-serif;
    font-weight: 400;
    text-align: justify;
    line-height: 1.9;
    font-size: 0.875rem;
    line-height: 1;
    border-radius: 1em;
  }
  body.list #wrap h2 {
    font-family: "tbudgothic-std", sans-serif;
    font-weight: 900;
    font-size: 1.575rem;
    margin-left: 3rem;
  }
  body.post #wrap article.post {
    overflow: hidden;
  }
  body.post #wrap article.post .image {
    background-color: white;
    margin: 2.25rem 3rem 0;
  }
  body.post #wrap article.post h2 {
    font-family: "tbudgothic-std", sans-serif;
    font-weight: 900;
    font-size: 1.575rem;
    margin-top: -2rem;
    margin-left: 3rem;
    padding-right: 3rem;
  }
  body.post #wrap article.post p.category {
    font-family: "tbudgothic-std", sans-serif;
    font-weight: 400;
    text-align: justify;
    line-height: 1.9;
    font-size: 0.875rem;
    line-height: 1.6;
    padding-top: .5em;
    padding-left: 3rem;
    padding-right: 3rem;
  }
  body.post #wrap article.post p.keyword {
    max-width: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  body.post #wrap article.post p.keyword a {
    display: block;
    margin: 0 .5em .8em 0;
    padding: .4em 1em;
    background-color: #F0F0F3;
    font-family: "tbudgothic-std", sans-serif;
    font-weight: 400;
    text-align: justify;
    line-height: 1.9;
    font-size: 0.875rem;
    line-height: 1;
    border-radius: 1em;
  }
  body.post #wrap article.post time {
    position: relative;
    top: 0;
    right: 0;
    display: block;
    font-family: "tbudgothic-std", sans-serif;
    font-weight: 400;
    text-align: justify;
    line-height: 1.9;
    font-size: 0.875rem;
    text-align: right;
    color: black;
    margin-top: -3rem;
    margin-right: 3rem;
  }
  body.post #wrap article.post .content {
    margin: 1rem 3rem 0;
    padding-top: 1.5rem;
  }
  body.post #wrap article.post .content h3 {
    font-family: "tbudgothic-std", sans-serif;
    font-weight: 900;
    line-height: 1.5;
    font-size: 1.00625rem;
  }
  body.post #wrap article.post .content p,
  body.post #wrap article.post .content li,
  body.post #wrap article.post .content dt,
  body.post #wrap article.post .content dd {
    font-family: "tbudgothic-std", sans-serif;
    font-weight: 400;
    text-align: justify;
    line-height: 1.9;
    font-size: 0.875rem;
  }
  body.post #wrap article.post .content figcaption {
    font-family: "tbudgothic-std", sans-serif;
    font-weight: 400;
    text-align: justify;
    letter-spacing: .05em;
    line-height: 1.6;
    font-size: 0.74375rem;
  }
  body.post #wrap article.post .content a {
    padding-bottom: .1em;
  }
  body.post #wrap article.post .share {
    margin-top: 2.5rem;
    margin-left: 3rem;
    margin-right: 3rem;
    padding: 1.2rem 1.5rem 1.1rem;
  }
  body.post #wrap article.post .share h3 {
    font-family: "tbudgothic-std", sans-serif;
    font-weight: 900;
    line-height: 1.5;
    font-size: 1.00625rem;
  }
  body.post #wrap article.post .navigation.post-navigation {
    padding-left: 3rem;
    padding-right: 3rem;
    max-width: none;
    margin-bottom: 2rem;
  }
  body.post #wrap article.post .navigation.post-navigation .nav-next span:not(.icon),
  body.post #wrap article.post .navigation.post-navigation .nav-previous span:not(.icon) {
    font-family: "tbudgothic-std", sans-serif;
    font-weight: 400;
    text-align: justify;
    line-height: 1.9;
    font-size: 0.875rem;
    line-height: 1.5;
  }
  body.post #wrap article.post .link {
    max-width: 25rem;
    margin: 0 auto;
    padding: 0 3rem 5rem;
  }
  body.post #wrap article.post .link a {
    display: block;
    border-radius: 3px;
    background-color: #1199BB;
    font-family: "tbudgothic-std", sans-serif;
    font-weight: 900;
    line-height: 1.5;
    font-size: 1.00625rem;
    color: white;
    text-align: center;
    line-height: 1;
    padding: 1em 1em .9em;
  }
  body.post #wrap article.related {
    padding-bottom: 5rem;
  }
  body.post #wrap article.related h2 {
    margin-left: 3rem;
  }
  body.post #wrap article.related #blog_gallery {
    margin-left: 3rem;
    margin-right: 3rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
  body.post #wrap article.related #blog_gallery > .post {
    width: calc(50% - 1.5rem / 2);
    margin-bottom: 1.5rem;
  }
  body.post #wrap article.related #blog_gallery > .post .image {
    position: relative;
    overflow: hidden;
  }
  body.post #wrap article.related #blog_gallery > .post .image:before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 56.25%;
  }
  body.post #wrap article.related #blog_gallery > .post img {
    width: 100%;
    height: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }
  body.post #wrap article.related #blog_gallery > .post .category {
    font-family: "tbudgothic-std", sans-serif;
    font-weight: 400;
    text-align: justify;
    letter-spacing: .05em;
    line-height: 1.6;
    font-size: 0.74375rem;
    color: white;
  }
  body.post #wrap article.related #blog_gallery > .post .category small {
    padding: .1em .6em .1em;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    min-width: 7em;
    text-align: center;
    display: inline-block;
    background-color: #999;
  }
  body.post #wrap article.related #blog_gallery > .post .category small.info {
    background-color: #E10213;
  }
  body.post #wrap article.related #blog_gallery > .post .category small.develop {
    background-color: #3366FF;
  }
  body.post #wrap article.related #blog_gallery > .post .category small.report {
    background-color: #339922;
  }
  body.post #wrap article.related #blog_gallery > .post .category small.event {
    background-color: #EE9922;
  }
  body.post #wrap article.related #blog_gallery > .post .category small.chat {
    background-color: #b80;
  }
  body.post #wrap article.related #blog_gallery > .post .category small.test {
    background-color: #226600;
  }
  body.post #wrap article.related #blog_gallery > .post .title time {
    font-family: "tbudgothic-std", sans-serif;
    font-weight: 400;
    text-align: justify;
    letter-spacing: .05em;
    line-height: 1.6;
    font-size: 0.74375rem;
    display: block;
    margin-top: .5em;
    padding-top: .1em;
    border-top: 1px solid #707070;
  }
  body.post #wrap article.related #blog_gallery > .post .category {
    margin-top: .8em;
  }
  body.post #wrap article.related #blog_gallery > .post .title {
    margin-top: .3em;
    font-family: "tbudgothic-std", sans-serif;
    font-weight: 400;
    text-align: justify;
    line-height: 1.9;
    font-size: 0.875rem;
    line-height: 1.6;
  }
  body.post #wrap article.related #blog_gallery > .post:nth-child(odd) {
    margin-right: 1.5rem;
  }
  body.post #wrap article.related #blog_gallery a {
    padding: 0;
  }
  body.post #wrap .search {
    margin-bottom: 1.5rem;
  }
  body.error #wrap {
    padding-left: 3rem;
    padding-right: 3rem;
  }
  body.error #wrap h2 {
    font-family: "tbudgothic-std", sans-serif;
    font-weight: 900;
    font-size: 1.575rem;
  }
  body.error #wrap h2 span {
    position: relative;
    display: block;
    z-index: 2;
    text-shadow: 1px -1px 0 white;
  }
  body.error #wrap h2:before,
  body.error #wrap h2:after {
    content: "";
    display: block;
    position: absolute;
    z-index: 0;
  }
  body.error #wrap h2:before {
    top: 0;
    left: calc(100% - 100vw);
    background-color: #E10213;
  }
  body.error #wrap h2:after {
    top: 0;
  }
  body.error #wrap h2 span {
    padding-top: 2.8rem;
  }
  body.error #wrap h2:before {
    right: 4.5rem;
    width: calc(4.5rem + (100vw - 100%));
    height: 4rem;
  }
  body.error #wrap h2:after {
    left: 4.5rem;
    border-left: 1.4rem solid #E10213;
    border-top: 2rem solid transparent;
    border-bottom: 2rem solid transparent;
  }
  body.error #wrap h2 span .br_none {
    display: none;
  }
  body.error #wrap .error_text {
    margin-top: 2em;
  }
  body.error #wrap .error_text p {
    font-family: "tbudgothic-std", sans-serif;
    font-weight: 400;
    text-align: justify;
    line-height: 1.9;
    font-size: 0.875rem;
  }
  body.error .return {
    display: block;
    border-radius: 3px;
    background-color: #1199BB;
    font-family: "tbudgothic-std", sans-serif;
    font-weight: 900;
    line-height: 1.5;
    font-size: 1.00625rem;
    color: white;
    text-align: center;
    line-height: 1;
    padding: 1em 1em .9em;
    max-width: 25rem;
    margin-left: auto;
    margin-right: auto;
  }
  body.contact #wrap {
    padding-left: 3rem;
    padding-right: 3rem;
  }
  body.contact #wrap h2 {
    font-family: "tbudgothic-std", sans-serif;
    font-weight: 900;
    font-size: 1.575rem;
  }
  body.contact #wrap h2 span {
    position: relative;
    display: block;
    z-index: 2;
    text-shadow: 1px -1px 0 white;
  }
  body.contact #wrap h2:before,
  body.contact #wrap h2:after {
    content: "";
    display: block;
    position: absolute;
    z-index: 0;
  }
  body.contact #wrap h2:before {
    top: 0;
    left: calc(100% - 100vw);
    background-color: #E10213;
  }
  body.contact #wrap h2:after {
    top: 0;
  }
  body.contact #wrap h2 span {
    padding-top: 2.8rem;
  }
  body.contact #wrap h2:before {
    right: 4.5rem;
    width: calc(4.5rem + (100vw - 100%));
    height: 4rem;
  }
  body.contact #wrap h2:after {
    left: 4.5rem;
    border-left: 1.4rem solid #E10213;
    border-top: 2rem solid transparent;
    border-bottom: 2rem solid transparent;
  }
  body.contact #wrap p {
    font-family: "tbudgothic-std", sans-serif;
    font-weight: 400;
    text-align: justify;
    line-height: 1.9;
    font-size: 0.875rem;
  }
  body.contact #wrap dl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  body.contact #wrap dt {
    font-family: "tbudgothic-std", sans-serif;
    font-weight: 900;
    line-height: 1.5;
    font-size: 1.00625rem;
    width: 12rem;
    vertical-align: top;
  }
  body.contact #wrap dt:nth-child(2) {
    line-height: 1;
  }
  body.contact #wrap dd {
    font-family: "tbudgothic-std", sans-serif;
    font-weight: 400;
    text-align: justify;
    line-height: 2.2;
    font-size: 1.00625rem;
    width: calc(100% - 12rem);
  }
  body.contact #wrap p.accept {
    text-align: center;
  }
  body.contact #wrap .form_btn input {
    display: block;
    border-radius: 3px;
    background-color: #1199BB;
    font-family: "tbudgothic-std", sans-serif;
    font-weight: 900;
    line-height: 1.5;
    font-size: 1.00625rem;
    color: white;
    text-align: center;
    line-height: 1;
    padding: 1em 1em .9em;
    max-width: 25rem;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (min-width: 800px) {
  #wrap p.under {
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 2rem;
    font-family: "tbudgothic-std", sans-serif;
    font-weight: 400;
    text-align: justify;
    line-height: 2.2;
    font-size: 1.00625rem;
  }
  body:not(.home) #header {
    padding-left: 3rem;
    padding-right: 3rem;
    padding-bottom: 1.2rem;
  }
  body:not(.home) #header h1 {
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
    font-family: "base-900-sans", sans-serif;
    text-transform: uppercase;
    font-weight: 900;
    line-height: 1;
    letter-spacing: .01em;
    font-size: 2.625rem;
  }
  body:not(.home) #header h1 img {
    width: 1.25em;
    margin-bottom: -0.06em;
  }
  #totop {
    padding-right: 1.5rem;
  }
  #totop a {
    font-family: "base-900-sans", sans-serif;
    text-transform: uppercase;
    line-height: 1;
    letter-spacing: .05em;
    font-size: 1.00625rem;
    font-weight: 700;
  }
  #menu label.menu {
    right: 1.5rem;
  }
  #menu label.menu .button {
    width: 2.2rem;
    height: 1.98rem;
  }
  #menu label.menu .text {
    font-family: "base-900-sans", sans-serif;
    text-transform: uppercase;
    font-weight: 700;
    line-height: 1;
    font-size: 0.875rem;
  }
  #menu div.gnav > ul {
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-line-pack: center;
    align-content: center;
    padding: calc(50vh - 23rem / 2) 3rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  #menu div.gnav li {
    font-family: "base-900-sans", sans-serif;
    text-transform: uppercase;
    font-weight: 900;
    line-height: 1.3;
    font-size: 1.925rem;
    width: calc(25% - 1.5rem);
    margin-right: 1.5rem;
  }
  #menu div.gnav li.home {
    width: calc(50% - 1.5rem * 2);
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    height: 23rem;
    margin-left: 1.5rem;
  }
  #menu div.gnav li.home a {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  #menu div.gnav li.home img {
    width: 85%;
    margin-left: 0;
  }
  #menu div.gnav li:nth-child(3n+4) {
    border-bottom: 1px solid #CCCCCC;
  }
  #menu div.gnav li:nth-child(5n+1):last-child {
    margin-bottom: 6rem;
  }
  #footer {
    padding-top: 1.5rem;
    padding-left: 3rem;
    padding-right: 3rem;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
  }
  #footer h2 {
    margin-right: 2.4rem;
    margin-bottom: -5rem;
  }
  #footer ul#f_nav {
    width: calc(100% - 5.5rem - 3rem * 0.8);
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }
  #footer ul#f_nav li {
    font-family: "base-900-sans", sans-serif;
    text-transform: uppercase;
    line-height: 1;
    letter-spacing: .05em;
    font-size: 1.00625rem;
    font-weight: 700;
  }
  #footer address {
    margin-left: 7.9rem;
  }
  #footer address p {
    font-family: "tbudgothic-std", sans-serif;
    font-weight: 400;
    text-align: justify;
    letter-spacing: .05em;
    line-height: 1.6;
    font-size: 0.74375rem;
  }
  body.home #vision,
  body.home #movies,
  body.home #blog,
  body.home #banner {
    padding-left: 3rem;
    padding-right: 3rem;
  }
  body.home #wrap h2 {
    font-family: "base-900-sans", sans-serif;
    text-transform: uppercase;
    font-weight: 900;
    line-height: 1.3;
    font-size: 1.925rem;
  }
  body.home #header .text {
    width: 100%;
    max-width: 1000px;
    padding-left: 3rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }
  body.home #header .text p {
    font-family: "tbudgothic-std", sans-serif;
    font-weight: 900;
    font-size: 1.575rem;
    font-size: 1.4rem;
  }
  body.home #header .image img {
    /*
				180
				321
				320
				183
				*/
    width: 430px !important;
    height: auto !important;
    /*
				&#header_photo05 {
					width: auto;
					height: @size;
				}
*/
  }
  body.home #header .image img#header_photo01 {
    left: 50%;
  }
  body.home #header .image img#header_photo02 {
    top: calc(-5% + 180 * 1.79166667px + 2.5rem * 1);
    left: 50%;
  }
  body.home #header .image img#header_photo03 {
    top: calc(-5% + 501 * 1.79166667px + 2.5rem * 2);
    left: 50%;
  }
  body.home #header .image img#header_photo13 {
    top: calc(-5% + 681 * 1.79166667px + 2.5rem * 3);
    left: 50%;
  }
  body.home #header .image img#header_photo14 {
    top: auto;
    bottom: calc(50% + 2.5rem * 3.5);
    right: calc(100% - 50% + 2.5rem * 1.5);
  }
  body.home #header .image img#header_photo05 {
    top: calc(50% + 2.5rem);
    right: calc(100% - 50% + 2.5rem * 1.5);
  }
  body.home #header .image img#header_photo11 {
    top: calc(50% + 2.5rem * 2 + 183 * 1.79166667px);
    right: calc(100% - 50% + 2.5rem * 1.5);
  }
  body.home #header .image img#header_photo16 {
    top: 15%;
    left: calc(50% + 240 * 1.79166667px + 2.5rem);
  }
  body.home #header .image img#header_photo15 {
    top: calc(15% + 183 * 1.79166667px + 2.5rem * 1);
    left: calc(50% + 240 * 1.79166667px + 2.5rem);
  }
  body.home #header .image img#header_photo14 {
    top: calc(15% + 504 * 1.79166667px + 2.5rem * 2);
    left: calc(50% + 240 * 1.79166667px + 2.5rem);
  }
  body.home #header .image img#header_photo07 {
    top: -42%;
    right: calc(50% + 240 * 1.79166667px + 2.5rem * 2.5);
  }
  body.home #header .image img#header_photo08 {
    top: calc(-42% + 321 * 1.79166667px + 2.5rem * 1);
    right: calc(50% + 240 * 1.79166667px + 2.5rem * 2.5);
  }
  body.home #header .image img#header_photo06 {
    top: calc(-42% + 501 * 1.79166667px + 2.5rem * 2);
    right: calc(50% + 240 * 1.79166667px + 2.5rem * 2.5);
  }
  body.home #header .image img#header_photo12 {
    top: calc(-42% + 682 * 1.79166667px + 2.5rem * 3);
    right: calc(50% + 240 * 1.79166667px + 2.5rem * 2.5);
  }
  body.home #vision {
    padding-top: 8rem;
    padding-bottom: 7rem;
    overflow: hidden;
  }
  body.home #vision > div {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
    width: 100%;
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
  }
  body.home #vision > div:before {
    width: 60%;
    left: -25%;
  }
  body.home #vision h2,
  body.home #vision p {
    margin-left: 40%;
  }
  body.home #vision h2 {
    margin-bottom: 1em;
  }
  body.home #vision p {
    font-family: "tbudgothic-std", sans-serif;
    font-weight: 400;
    text-align: justify;
    line-height: 2.2;
    font-size: 1.00625rem;
  }
  body.home #vision p br {
    display: block;
  }
  body.home #gallery {
    overflow: hidden;
  }
  body.home #gallery .tns-outer {
    position: relative;
  }
  body.home #gallery .tns-ovh {
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
    overflow: visible;
  }
  body.home #gallery .tns-controls button {
    background-image: none;
    background-color: rgba(153, 153, 153, 0.8);
    width: 2.2rem;
    height: 3.96rem;
    position: absolute;
    top: 50%;
    z-index: 1;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    border: none;
  }
  body.home #gallery .tns-controls button:before {
    content: "";
    display: block;
    border-left: 3px solid white;
    border-top: 3px solid white;
    width: 1rem;
    height: 1rem;
    position: absolute;
    top: 50%;
    left: 50%;
  }
  body.home #gallery .tns-controls button[data-controls="prev"] {
    left: 0;
  }
  body.home #gallery .tns-controls button[data-controls="prev"]:before {
    -webkit-transform: translate(-30%, -50%) rotate(-45deg);
    -ms-transform: translate(-30%, -50%) rotate(-45deg);
    transform: translate(-30%, -50%) rotate(-45deg);
  }
  body.home #gallery .tns-controls button[data-controls="next"] {
    right: 0;
  }
  body.home #gallery .tns-controls button[data-controls="next"]:before {
    -webkit-transform: translate(-70%, -50%) rotate(135deg);
    -ms-transform: translate(-70%, -50%) rotate(135deg);
    transform: translate(-70%, -50%) rotate(135deg);
  }
  body.home #gallery .tns-controls button {
    width: 2.5rem;
    height: 4.5rem;
  }
  body.home #gallery .tns-controls button:before {
    width: 1rem;
    height: 1rem;
  }
  body.home #gallery .tns-item {
    position: relative;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 0;
  }
  body.home #gallery .tns-item > a {
    overflow: hidden;
    position: relative;
  }
  body.home #gallery .tns-item > a:before {
    display: block;
    content: "";
    width: 100%;
    padding-top: 56.25%;
  }
  body.home #gallery img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  body.home #movies {
    padding-bottom: 3rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  body.home #movies h2 {
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 1rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  body.home #movies h2 span {
    text-shadow: 1px -1px 0 #191919;
  }
  body.home #movies #movie_gallery {
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
  body.home #movies #movie_gallery > .post {
    width: calc(50% - 1.5rem / 2);
    margin-bottom: 1.5rem;
  }
  body.home #movies #movie_gallery > .post .image {
    position: relative;
    overflow: hidden;
  }
  body.home #movies #movie_gallery > .post .image:before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 56.25%;
  }
  body.home #movies #movie_gallery > .post img {
    width: 100%;
    height: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }
  body.home #movies #movie_gallery > .post .category {
    font-family: "tbudgothic-std", sans-serif;
    font-weight: 400;
    text-align: justify;
    letter-spacing: .05em;
    line-height: 1.6;
    font-size: 0.74375rem;
    color: white;
  }
  body.home #movies #movie_gallery > .post .category small {
    padding: .1em .6em .1em;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    min-width: 7em;
    text-align: center;
    display: inline-block;
    background-color: #999;
  }
  body.home #movies #movie_gallery > .post .category small.info {
    background-color: #E10213;
  }
  body.home #movies #movie_gallery > .post .category small.develop {
    background-color: #3366FF;
  }
  body.home #movies #movie_gallery > .post .category small.report {
    background-color: #339922;
  }
  body.home #movies #movie_gallery > .post .category small.event {
    background-color: #EE9922;
  }
  body.home #movies #movie_gallery > .post .category small.chat {
    background-color: #b80;
  }
  body.home #movies #movie_gallery > .post .category small.test {
    background-color: #226600;
  }
  body.home #movies #movie_gallery > .post .title time {
    font-family: "tbudgothic-std", sans-serif;
    font-weight: 400;
    text-align: justify;
    letter-spacing: .05em;
    line-height: 1.6;
    font-size: 0.74375rem;
    display: block;
    margin-top: .5em;
    padding-top: .1em;
    border-top: 1px solid #707070;
  }
  body.home #movies #movie_gallery > .post .category {
    margin-top: .8em;
  }
  body.home #movies #movie_gallery > .post .title {
    margin-top: .3em;
    font-family: "tbudgothic-std", sans-serif;
    font-weight: 400;
    text-align: justify;
    line-height: 1.9;
    font-size: 0.875rem;
    line-height: 1.6;
  }
  body.home #movies #movie_gallery > .post:nth-child(odd) {
    margin-right: 1.5rem;
  }
  body.home #movies #movie_gallery > div {
    width: calc(50% - 1.5rem / 2);
    margin-bottom: 1.5rem;
  }
  body.home #movies #movie_gallery > div .image {
    position: relative;
    overflow: hidden;
  }
  body.home #movies #movie_gallery > div .image:before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 56.25%;
  }
  body.home #movies #movie_gallery > div img {
    width: 100%;
    height: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }
  body.home #movies #movie_gallery > div .category {
    font-family: "tbudgothic-std", sans-serif;
    font-weight: 400;
    text-align: justify;
    letter-spacing: .05em;
    line-height: 1.6;
    font-size: 0.74375rem;
    color: white;
  }
  body.home #movies #movie_gallery > div .category small {
    padding: .1em .6em .1em;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    min-width: 7em;
    text-align: center;
    display: inline-block;
    background-color: #999;
  }
  body.home #movies #movie_gallery > div .category small.info {
    background-color: #E10213;
  }
  body.home #movies #movie_gallery > div .category small.develop {
    background-color: #3366FF;
  }
  body.home #movies #movie_gallery > div .category small.report {
    background-color: #339922;
  }
  body.home #movies #movie_gallery > div .category small.event {
    background-color: #EE9922;
  }
  body.home #movies #movie_gallery > div .category small.chat {
    background-color: #b80;
  }
  body.home #movies #movie_gallery > div .category small.test {
    background-color: #226600;
  }
  body.home #movies #movie_gallery > div .title time {
    font-family: "tbudgothic-std", sans-serif;
    font-weight: 400;
    text-align: justify;
    letter-spacing: .05em;
    line-height: 1.6;
    font-size: 0.74375rem;
    display: block;
    margin-top: .5em;
    padding-top: .1em;
    border-top: 1px solid #707070;
  }
  body.home #movies #movie_gallery > div .category {
    margin-top: .8em;
  }
  body.home #movies #movie_gallery > div .title {
    margin-top: .3em;
    font-family: "tbudgothic-std", sans-serif;
    font-weight: 400;
    text-align: justify;
    line-height: 1.9;
    font-size: 0.875rem;
    line-height: 1.6;
  }
  body.home #movies #movie_gallery > div:nth-child(odd) {
    margin-right: 1.5rem;
  }
  body.home #movies #movie_gallery > div div {
    width: 100%;
    position: relative;
  }
  body.home #movies #movie_gallery > div div:before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 56.25%;
  }
  body.home #movies #movie_gallery iframe {
    position: absolute;
    width: 100%;
    height: 100%;
  }
  body.home #blog {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
  }
  body.home #blog .list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  body.home #blog .list > .post {
    width: calc((100% - 1.5rem * 2) / 3);
    margin-bottom: 1.5rem;
  }
  body.home #blog .list > .post .image {
    position: relative;
    overflow: hidden;
  }
  body.home #blog .list > .post .image:before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 56.25%;
  }
  body.home #blog .list > .post img {
    width: 100%;
    height: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }
  body.home #blog .list > .post .category {
    font-family: "tbudgothic-std", sans-serif;
    font-weight: 400;
    text-align: justify;
    letter-spacing: .05em;
    line-height: 1.6;
    font-size: 0.74375rem;
    color: white;
  }
  body.home #blog .list > .post .category small {
    padding: .1em .6em .1em;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    min-width: 7em;
    text-align: center;
    display: inline-block;
    background-color: #999;
  }
  body.home #blog .list > .post .category small.info {
    background-color: #E10213;
  }
  body.home #blog .list > .post .category small.develop {
    background-color: #3366FF;
  }
  body.home #blog .list > .post .category small.report {
    background-color: #339922;
  }
  body.home #blog .list > .post .category small.event {
    background-color: #EE9922;
  }
  body.home #blog .list > .post .category small.chat {
    background-color: #b80;
  }
  body.home #blog .list > .post .category small.test {
    background-color: #226600;
  }
  body.home #blog .list > .post .title time {
    font-family: "tbudgothic-std", sans-serif;
    font-weight: 400;
    text-align: justify;
    letter-spacing: .05em;
    line-height: 1.6;
    font-size: 0.74375rem;
    display: block;
    margin-top: .5em;
    padding-top: .1em;
    border-top: 1px solid #707070;
  }
  body.home #blog .list > .post .category {
    margin-top: .8em;
  }
  body.home #blog .list > .post .title {
    margin-top: .3em;
    font-family: "tbudgothic-std", sans-serif;
    font-weight: 400;
    text-align: justify;
    line-height: 1.9;
    font-size: 0.875rem;
    line-height: 1.6;
  }
  body.home #blog .list > .post:nth-child(odd) {
    margin-right: 0;
  }
  body.home #blog .list > .post:not(:nth-child(3n)) {
    margin-right: 1.5rem;
  }
  body.home #blog .list .post a {
    display: block;
  }
  body.home #blog .more {
    max-width: 25rem;
  }
  body.home #blog .more a {
    display: block;
    border-radius: 3px;
    background-color: #1199BB;
    font-family: "tbudgothic-std", sans-serif;
    font-weight: 900;
    line-height: 1.5;
    font-size: 1.00625rem;
    color: white;
    text-align: center;
    line-height: 1;
    padding: 1em 1em .9em;
  }
  body.home #banner {
    background-color: black;
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  body.home #banner a {
    width: calc(50% - 1.5rem * 0.5);
    max-width: calc(1000px * 0.5 - 1.5rem * 0.5);
  }
  body.home #banner a:nth-child(odd) {
    margin-right: 1.5rem;
  }
  body.blogs #wrap h2 {
    font-family: "base-900-sans", sans-serif;
    text-transform: uppercase;
    font-weight: 900;
    line-height: 1.3;
    font-size: 1.925rem;
  }
  body.blogs #wrap h2 span {
    position: relative;
    display: block;
    z-index: 2;
    text-shadow: 1px -1px 0 white;
  }
  body.blogs #wrap h2:before,
  body.blogs #wrap h2:after {
    content: "";
    display: block;
    position: absolute;
    z-index: 0;
  }
  body.blogs #wrap h2:before {
    top: 0;
    left: calc(100% - 100vw);
    background-color: #E10213;
  }
  body.blogs #wrap h2:after {
    top: 0;
  }
  body.blogs #gallery {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    padding-top: 3rem;
    padding-left: 3rem;
    padding-right: 3rem;
    margin-bottom: 1rem;
    overflow: hidden;
  }
  body.blogs #gallery h2 {
    position: relative;
    width: 100%;
    margin-top: -5.2rem;
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
  }
  body.blogs #gallery .tns-ovh {
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
    overflow: visible;
  }
  body.blogs #gallery .tns-item {
    padding: 0 0.75rem;
  }
  body.blogs #gallery div[aria-hidden="true"] .title {
    display: none;
  }
  body.blogs #gallery div.title {
    padding-left: 0;
    padding-right: 0;
    margin-top: .8em;
    margin-left: auto;
    margin-right: 0;
  }
  body.blogs #gallery #topic_gallery div:nth-child(2) div.title {
    max-width: calc(100% - 7rem);
  }
  body.blogs #gallery .category {
    font-family: "tbudgothic-std", sans-serif;
    font-weight: 400;
    text-align: justify;
    letter-spacing: .05em;
    line-height: 1.6;
    font-size: 0.74375rem;
    margin-right: 0.75rem;
  }
  body.blogs #gallery p.title {
    font-family: "tbudgothic-std", sans-serif;
    font-weight: 400;
    text-align: justify;
    line-height: 2.2;
    font-size: 1.00625rem;
  }
  body.blogs .search,
  body.blogs .category_list,
  body.blogs .popular,
  body.blogs .pager,
  body.blogs .keyword {
    padding-left: 3rem;
    padding-right: 3rem;
  }
  body.blogs .search form {
    font-family: "tbudgothic-std", sans-serif;
    font-weight: 400;
    text-align: justify;
    line-height: 2.2;
    font-size: 1.00625rem;
  }
  body.blogs .category_list {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
  }
  body.blogs .category_list li a {
    font-family: "tbudgothic-std", sans-serif;
    font-weight: 400;
    text-align: justify;
    line-height: 1.9;
    font-size: 0.875rem;
    line-height: 1;
    text-align: center;
  }
  body.blogs .post_wrap {
    padding-left: 3rem;
    padding-right: 3rem;
    overflow: hidden;
  }
  body.blogs .posts {
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  body.blogs .posts > .post {
    width: calc((100% - 1.5rem * 2) / 3);
    margin-bottom: 1.5rem;
  }
  body.blogs .posts > .post .image {
    position: relative;
    overflow: hidden;
  }
  body.blogs .posts > .post .image:before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 56.25%;
  }
  body.blogs .posts > .post img {
    width: 100%;
    height: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }
  body.blogs .posts > .post .category {
    font-family: "tbudgothic-std", sans-serif;
    font-weight: 400;
    text-align: justify;
    letter-spacing: .05em;
    line-height: 1.6;
    font-size: 0.74375rem;
    color: white;
  }
  body.blogs .posts > .post .category small {
    padding: .1em .6em .1em;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    min-width: 7em;
    text-align: center;
    display: inline-block;
    background-color: #999;
  }
  body.blogs .posts > .post .category small.info {
    background-color: #E10213;
  }
  body.blogs .posts > .post .category small.develop {
    background-color: #3366FF;
  }
  body.blogs .posts > .post .category small.report {
    background-color: #339922;
  }
  body.blogs .posts > .post .category small.event {
    background-color: #EE9922;
  }
  body.blogs .posts > .post .category small.chat {
    background-color: #b80;
  }
  body.blogs .posts > .post .category small.test {
    background-color: #226600;
  }
  body.blogs .posts > .post .title time {
    font-family: "tbudgothic-std", sans-serif;
    font-weight: 400;
    text-align: justify;
    letter-spacing: .05em;
    line-height: 1.6;
    font-size: 0.74375rem;
    display: block;
    margin-top: .5em;
    padding-top: .1em;
    border-top: 1px solid #707070;
  }
  body.blogs .posts > .post .category {
    margin-top: .8em;
  }
  body.blogs .posts > .post .title {
    margin-top: .3em;
    font-family: "tbudgothic-std", sans-serif;
    font-weight: 400;
    text-align: justify;
    line-height: 1.9;
    font-size: 0.875rem;
    line-height: 1.6;
  }
  body.blogs .posts > .post:nth-child(odd) {
    margin-right: 0;
  }
  body.blogs .posts > .post:not(:nth-child(3n)) {
    margin-right: 1.5rem;
  }
  body.blogs .posts > .post {
    margin-bottom: 2.5rem;
    max-width: calc((1000px - 1.5rem * 2) / 3);
  }
  body.blogs .posts > .post a {
    display: block;
  }
  body.blogs .posts > .post:nth-child(odd),
  body.blogs .posts > .post:nth-child(even) {
    padding-left: 0;
    padding-right: 0;
  }
  body.blogs .popular {
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    width: 100vw;
    margin-top: 3rem;
  }
  body.blogs .popular h2,
  body.blogs .popular > div {
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
  }
  body.blogs .popular > div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  body.blogs .popular > div > .post {
    width: calc(25% - 1.5rem * 3 / 4);
    margin-bottom: 1.5rem;
  }
  body.blogs .popular > div > .post .image {
    position: relative;
    overflow: hidden;
  }
  body.blogs .popular > div > .post .image:before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 56.25%;
  }
  body.blogs .popular > div > .post img {
    width: 100%;
    height: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }
  body.blogs .popular > div > .post .category {
    font-family: "tbudgothic-std", sans-serif;
    font-weight: 400;
    text-align: justify;
    letter-spacing: .05em;
    line-height: 1.6;
    font-size: 0.74375rem;
    color: white;
  }
  body.blogs .popular > div > .post .category small {
    padding: .1em .6em .1em;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    min-width: 7em;
    text-align: center;
    display: inline-block;
    background-color: #999;
  }
  body.blogs .popular > div > .post .category small.info {
    background-color: #E10213;
  }
  body.blogs .popular > div > .post .category small.develop {
    background-color: #3366FF;
  }
  body.blogs .popular > div > .post .category small.report {
    background-color: #339922;
  }
  body.blogs .popular > div > .post .category small.event {
    background-color: #EE9922;
  }
  body.blogs .popular > div > .post .category small.chat {
    background-color: #b80;
  }
  body.blogs .popular > div > .post .category small.test {
    background-color: #226600;
  }
  body.blogs .popular > div > .post .title time {
    font-family: "tbudgothic-std", sans-serif;
    font-weight: 400;
    text-align: justify;
    letter-spacing: .05em;
    line-height: 1.6;
    font-size: 0.74375rem;
    display: block;
    margin-top: .5em;
    padding-top: .1em;
    border-top: 1px solid #707070;
  }
  body.blogs .popular > div > .post .category {
    margin-top: .8em;
  }
  body.blogs .popular > div > .post .title {
    margin-top: .3em;
    font-family: "tbudgothic-std", sans-serif;
    font-weight: 400;
    text-align: justify;
    line-height: 1.9;
    font-size: 0.875rem;
    line-height: 1.6;
  }
  body.blogs .popular > div > .post:nth-child(odd) {
    margin-right: 0;
  }
  body.blogs .popular > div > .post:not(:nth-child(4n)) {
    margin-right: 1.5rem;
  }
  body.blogs .popular > div a {
    display: block;
  }
  body.blogs .pager {
    width: 100%;
    margin-top: 2.5rem;
    margin-bottom: 4rem;
  }
  body.blogs .pager .page-numbers a {
    font-family: "base-900-sans", sans-serif;
    text-transform: uppercase;
    font-weight: 700;
    line-height: 1;
    font-size: 1.4875rem;
    margin: 0 0.375rem;
  }
  body.blogs .pager .next span.icon,
  body.blogs .pager .prev span.icon {
    width: 1.5em;
    height: 1.5em;
  }
  body.blogs .posts > .search {
    width: 100%;
  }
  body.blogs .keyword {
    width: 100%;
    max-width: 25rem;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 3rem;
  }
  body.blogs .keyword h3 {
    font-family: "tbudgothic-std", sans-serif;
    font-weight: 900;
    line-height: 1.5;
    font-size: 1.00625rem;
    text-align: center;
  }
  body.blogs .keyword h3 span {
    display: block;
  }
  body.blogs .keyword h3 span:before {
    content: "\25cf";
    color: #E10213;
    display: inline-block;
    margin-right: .1em;
  }
  body.blogs .keyword div {
    margin-top: 1em;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  body.blogs .keyword div a {
    display: block;
    margin: 0 .5em .8em 0;
    padding: .4em 1em;
    background-color: #F0F0F3;
    font-family: "tbudgothic-std", sans-serif;
    font-weight: 400;
    text-align: justify;
    line-height: 1.9;
    font-size: 0.875rem;
    line-height: 1;
    border-radius: 1em;
  }
  body.list #wrap {
    padding-left: 3rem;
    padding-right: 3rem;
  }
  body.list #wrap h2 {
    font-family: "tbudgothic-std", sans-serif;
    font-weight: 900;
    font-size: 1.575rem;
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
  }
  body.list #wrap .category_list,
  body.list #wrap .posts {
    padding-left: 0;
    padding-right: 0;
  }
  body.list #wrap .post_wrap {
    padding-left: 0;
    padding-right: 0;
  }
  body.post #wrap {
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-left: 3rem;
    padding-right: 3rem;
  }
  body.post #wrap article.post {
    overflow: visible;
    width: 70%;
    max-width: 700px;
    margin-left: calc(50% - 1000px * 0.5);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  body.post #wrap article.post .image {
    margin: 2.25rem 0 0 0;
  }
  body.post #wrap article.post h2 {
    font-family: "tbudgothic-std", sans-serif;
    font-weight: 900;
    font-size: 1.575rem;
    margin-left: 0;
    padding-right: 0;
  }
  body.post #wrap article.post p.category {
    font-family: "tbudgothic-std", sans-serif;
    font-weight: 400;
    text-align: justify;
    line-height: 1.9;
    font-size: 0.875rem;
    line-height: 1.6;
    padding-left: 0;
    padding-right: 0;
  }
  body.post #wrap article.post p.keyword {
    max-width: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  body.post #wrap article.post p.keyword a {
    display: block;
    margin: 0 .5em .8em 0;
    padding: .4em 1em;
    background-color: #F0F0F3;
    font-family: "tbudgothic-std", sans-serif;
    font-weight: 400;
    text-align: justify;
    line-height: 1.9;
    font-size: 0.875rem;
    line-height: 1;
    border-radius: 1em;
  }
  body.post #wrap article.post time {
    font-family: "tbudgothic-std", sans-serif;
    font-weight: 400;
    text-align: justify;
    line-height: 1.9;
    font-size: 0.875rem;
    text-align: right;
    margin-top: -3rem;
    margin-right: 0;
  }
  body.post #wrap article.post .content {
    margin: 1rem 0 0;
    padding-top: 1.5rem;
  }
  body.post #wrap article.post .content h3 {
    font-family: "tbudgothic-std", sans-serif;
    font-weight: 900;
    line-height: 1.5;
    font-size: 1.00625rem;
  }
  body.post #wrap article.post .content p,
  body.post #wrap article.post .content li,
  body.post #wrap article.post .content dt,
  body.post #wrap article.post .content dd {
    font-family: "tbudgothic-std", sans-serif;
    font-weight: 400;
    text-align: justify;
    line-height: 1.9;
    font-size: 0.875rem;
  }
  body.post #wrap article.post .content figcaption {
    font-family: "tbudgothic-std", sans-serif;
    font-weight: 400;
    text-align: justify;
    letter-spacing: .05em;
    line-height: 1.6;
    font-size: 0.74375rem;
  }
  body.post #wrap article.post .content a {
    padding-bottom: .1em;
  }
  body.post #wrap article.post .share {
    margin-top: 2.5rem;
    margin-left: 0;
    margin-right: 0;
    padding: 1.2rem 1.5rem 1.1rem;
  }
  body.post #wrap article.post .share h3 {
    font-family: "tbudgothic-std", sans-serif;
    font-weight: 900;
    line-height: 1.5;
    font-size: 1.00625rem;
  }
  body.post #wrap article.post .navigation.post-navigation {
    padding-left: 0;
    padding-right: 0;
  }
  body.post #wrap article.post .link {
    padding: 0 3rem 5rem;
  }
  body.post #wrap article.post .link a {
    display: block;
    border-radius: 3px;
    background-color: #1199BB;
    font-family: "tbudgothic-std", sans-serif;
    font-weight: 900;
    line-height: 1.5;
    font-size: 1.00625rem;
    color: white;
    text-align: center;
    line-height: 1;
    padding: 1em 1em .9em;
  }
  body.post #wrap aside.etc {
    width: 30%;
    max-width: 300px;
    margin-right: calc(50% - 1000px * 0.5);
    padding-top: 2.25rem;
    padding-left: 3rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  body.post #wrap article.related {
    padding-bottom: 3rem;
  }
  body.post #wrap article.related h2 {
    margin-left: 0;
    line-height: 1;
  }
  body.post #wrap article.related h2:before {
    height: 12px;
    top: auto;
    bottom: .1em;
    left: -0.2em;
    right: 0;
  }
  body.post #wrap article.related h2:after {
    display: none;
  }
  body.post #wrap article.related #blog_gallery {
    margin-left: 0;
    margin-right: 0;
  }
  body.post #wrap article.related #blog_gallery > .post {
    width: 100%;
  }
  body.post #wrap article.related #blog_gallery > .post:nth-child(odd) {
    margin-right: 0;
  }
  body.post #wrap .search,
  body.post #wrap .keyword {
    padding: 0;
  }
  body.post #wrap .search input {
    width: calc(100% - 2.5em);
  }
  body.post #wrap .keyword h3 {
    text-align: left;
  }
  body.post #wrap .keyword div {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
  body.error #wrap {
    padding-left: 3rem;
    padding-right: 3rem;
  }
  body.error #wrap h2,
  body.error #wrap .error_text {
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
  }
  body.error #wrap h2 {
    font-family: "tbudgothic-std", sans-serif;
    font-weight: 900;
    font-size: 1.575rem;
  }
  body.error #wrap h2 span {
    position: relative;
    display: block;
    z-index: 2;
    text-shadow: 1px -1px 0 white;
  }
  body.error #wrap h2:before,
  body.error #wrap h2:after {
    content: "";
    display: block;
    position: absolute;
    z-index: 0;
  }
  body.error #wrap h2:before {
    top: 0;
    left: calc(100% - 100vw);
    background-color: #E10213;
  }
  body.error #wrap h2:after {
    top: 0;
  }
  body.error #wrap .error_text p {
    font-family: "tbudgothic-std", sans-serif;
    font-weight: 400;
    text-align: justify;
    line-height: 1.9;
    font-size: 0.875rem;
  }
  body.error .return {
    display: block;
    border-radius: 3px;
    background-color: #1199BB;
    font-family: "tbudgothic-std", sans-serif;
    font-weight: 900;
    line-height: 1.5;
    font-size: 1.00625rem;
    color: white;
    text-align: center;
    line-height: 1;
    padding: 1em 1em .9em;
    max-width: 25rem;
  }
  body.contact #wrap {
    padding-left: 3rem;
    padding-right: 3rem;
  }
  body.contact #wrap h2,
  body.contact #wrap > p,
  body.contact #wrap form,
  body.contact #wrap div.wpcf7 .screen-reader-response {
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
  }
  body.contact #wrap h2 {
    font-family: "tbudgothic-std", sans-serif;
    font-weight: 900;
    font-size: 1.575rem;
  }
  body.contact #wrap h2 span {
    position: relative;
    display: block;
    z-index: 2;
    text-shadow: 1px -1px 0 white;
  }
  body.contact #wrap h2:before,
  body.contact #wrap h2:after {
    content: "";
    display: block;
    position: absolute;
    z-index: 0;
  }
  body.contact #wrap h2:before {
    top: 0;
    left: calc(100% - 100vw);
    background-color: #E10213;
  }
  body.contact #wrap h2:after {
    top: 0;
  }
  body.contact #wrap dl {
    border: 1px solid #707070;
    padding: 3.5rem 3.5rem 3rem;
  }
  body.contact #wrap p {
    font-family: "tbudgothic-std", sans-serif;
    font-weight: 400;
    text-align: justify;
    line-height: 1.9;
    font-size: 0.875rem;
  }
  body.contact #wrap p br {
    display: none;
  }
  body.contact #wrap dt {
    font-family: "tbudgothic-std", sans-serif;
    font-weight: 900;
    line-height: 1.5;
    font-size: 1.00625rem;
  }
  body.contact #wrap dd {
    font-family: "tbudgothic-std", sans-serif;
    font-weight: 400;
    text-align: justify;
    line-height: 2.2;
    font-size: 1.00625rem;
  }
  body.contact #wrap dd:nth-child(2) {
    line-height: 1;
  }
  body.contact #wrap p.accept {
    margin: 3rem 0 3.5rem;
  }
  body.contact #wrap .form_btn input {
    display: block;
    border-radius: 3px;
    background-color: #1199BB;
    font-family: "tbudgothic-std", sans-serif;
    font-weight: 900;
    line-height: 1.5;
    font-size: 1.00625rem;
    color: white;
    text-align: center;
    line-height: 1;
    padding: 1em 1em .9em;
    max-width: 25rem;
  }
}

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