/* Scss Document */
/*
Theme Name: katayama8
Theme URL:
Description: 
Version:1.1
Author:hiroka
*/
/* Welcome to Compass.
 * In this file you should write your main styles. (or centralize your imports)
 * Import this file using the following HTML or equivalent:
 * <link href="/stylesheets/screen.css" media="screen, projection" rel="stylesheet" type="text/css" /> */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline; }

html {
  line-height: 1; }

ol, ul {
  list-style: none; }

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

caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle; }

q, blockquote {
  quotes: none; }
  q:before, q:after, blockquote:before, blockquote:after {
    content: "";
    content: none; }

a img {
  border: none; }

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

/*

common.css is a description of the entire site.

header
footer
global navigation

basic structure
breadcrumb-area
goto top bt


*/
h1, h2, h3, h4, h5, h6, p, li, a, th, td {
  font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif"; }

a {
  text-decoration: none;
  color: #1C70CE; }
  a:hover {
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5; }

/* Header
==============================================================*/
div.PCheader {
  width: 950px;
  height: 93px;
  margin: auto;
  overflow: visible;
  display: block; }
  div.PCheader h1 {
    width: 225px;
    height: 41px;
    margin-top: 24px;
    float: left; }
    div.PCheader h1 img {
      width: 100%; }
    div.PCheader h1:hover {
      filter: alpha(opacity=80);
      -moz-opacity: 0.8;
      opacity: 0.8;
      -moz-transition-duration: 0.5s;
      -webkit-transition-duration: 0.5s;
      -o-transition-duration: 0.5s;
      -ms-transition-duration: 0.5s; }

/*PCheader*/
div.SPheader {
  width: 100%;
  height: 93px;
  display: none; }
  div.SPheader h1 {
    text-align: center;
    margin-top: 20px; }
    div.SPheader h1 img {
      width: 250px; }

button.drawer-toggle {
  display: none; }

@media screen and (max-width: 950px) {
  button.drawer-toggle {
    display: block; }

  div.PCheader {
    display: none; }

  div.SPheader {
    display: block; } }
.mapin {
  width: 90%;
  border: solid 1px blue; }

/* FOOTER
==============================================================*/
footer {
  border-top: solid 1px #C7CDD5; }
  footer p {
    font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
    font-size: 12px; }
  footer p.copyright {
    text-align: right;
    margin-top: 6px;
    margin-right: 10px; }
  footer p.footerLink {
    margin-top: 14px;
    text-align: center; }
    footer p.footerLink a {
      text-decoration: none;
      color: #333; }
      footer p.footerLink a:hover {
        color: #3C709A; }

/* gNav
==============================================================*/
div.PCheaderNav {
  float: right;
  position: relative;
  z-index: 9999999;
  height: 85px; }
  div.PCheaderNav ul {
    margin-top: 55px;
    list-style: none;
    overflow: hidden; }
    div.PCheaderNav ul li {
      width: 95px;
      text-align: center;
      background-color: #fff;
      float: left; }
      div.PCheaderNav ul li a {
        display: block;
        text-decoration: none;
        color: #2B5C92;
        font-size: 14px;
        font-weight: bold;
        font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
        padding: 8px 0; }
        div.PCheaderNav ul li a:hover {
          /* border-radius */
          border-radius: 6px;
          -moz-border-radius: 6px;
          -webkit-border-radius: 6px;
          background-color: #eee; }
      div.PCheaderNav ul li ul {
        margin: 0px;
        display: none;
        border-bottom: solid 1px #aaa;
        width: 180px; }
        div.PCheaderNav ul li ul li {
          box-sizing: border-box;
          border: solid 1px #aaa;
          border-bottom: none;
          width: 180px; }
          div.PCheaderNav ul li ul li a {
            font-size: 12px;
            line-height: 18px; }
          div.PCheaderNav ul li ul li a:hover {
            background-color: #eee;
            border-radius: 0px;
            -moz-border-radius: 0px;
            -webkit-border-radius: 0px; }
    div.PCheaderNav ul li.big {
      width: 130px; }

div.SPheaderNav {
  padding: 20px; }
  div.SPheaderNav ul {
    list-style: none;
    overflow: hidden; }
    div.SPheaderNav ul li {
      padding-left: 20px;
      margin-bottom: 20px; }
      div.SPheaderNav ul li a {
        text-decoration: none;
        font-size: 16px;
        line-height: 23px;
        font-weight: bold;
        font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
        color: #fff; }
    div.SPheaderNav ul li.hasChild {
      background-image: url("https://www.katayama5000.co.jp/wps/wp-content/uploads/2020/08/arrow.gif");
      background-size: 16px;
      background-repeat: no-repeat;
      background-position: 0 3px; }
      div.SPheaderNav ul li.hasChild ul {
        margin-top: 20px;
        display: none; }
    div.SPheaderNav ul li.hasChild:hover {
      background-image: url("https://www.katayama5000.co.jp/wps/wp-content/uploads/2020/08/arrow-down.gif"); }

nav.drawer-nav {
  background-color: #333; }

/* basic structure
==============================================================*/
.flexbox {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  list-style: none; }

.flexCenter {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  list-style: none; }

.container {
  z-index: 0;
  width: 950px;
  margin: auto; }

@media screen and (max-width: 950px) {
  .container {
    width: 100%; } }
/* breadcrumb-area
==============================================================*/
.breadcrumb-area {
  font-size: 12px;
  font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
  margin: 10px auto 30px auto;
  width: 950px; }
  .breadcrumb-area a {
    color: #555;
    text-decoration: none; }
    .breadcrumb-area a:hover {
      filter: alpha(opacity=50);
      -moz-opacity: 0.5;
      opacity: 0.5; }

@media screen and (max-width: 950px) {
  .breadcrumb-area {
    width: 96%;
    margin: 10px auto;
    margin-bottom: 30px; } }
/* goto TOP
==============================================================*/
.pagetop {
  color: #fff;
  background-color: rgba(0, 0, 0, 0.3);
  text-decoration: none;
  display: none;
  position: fixed;
  bottom: 1rem;
  right: 1rem;
  font-size: 1.5rem;
  width: 3.3rem;
  height: 3.3rem;
  line-height: 3.3rem;
  border-radius: 3.3rem;
  text-align: center;
  cursor: pointer; }

.pagetop:hover {
  color: #fff !important;
  background-color: #ed702b;
  text-decoration: none; }

/* Kakkushi Area
==============================================================*/
.kakushiArea {
  display: none; }

/* Photo
==============================================================*/
figcaption {
  font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif"; }

/* google maps
==============================================================*/
.gmap {
  height: 0;
  overflow: hidden;
  padding-bottom: 70.25%;
  position: relative; }

.gmap iframe {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%; }

/* contact7
==============================================================*/
@media screen and (max-width: 950px) {
  .wpcf7-radio .wpcf7-list-item {
    margin-top: 10px;
    display: block; } }
/*
TOP PAGE
===========================================*/
#MenuInSlider {
  position: relative;
  margin-bottom: 54px; }

#bigMenu {
  width: 80%;
  margin: auto;
  position: absolute;
  bottom: -30px;
  left: 0;
  right: 0;
  margin: auto; }

.btInBigMenu {
  width: 24%;
  position: relative; }
  .btInBigMenu a {
    width: 100%; }
    .btInBigMenu a img {
      width: 100%;
      vertical-align: bottom; }
      .btInBigMenu a img:hover {
        filter: alpha(opacity=80);
        -moz-opacity: 0.8;
        opacity: 0.8; }
  .btInBigMenu a.move {
    position: absolute;
    top: -80px;
    left: -30px;
    width: 50%; }

@media screen and (max-width: 750px) {
  #MenuInSlider {
    margin-bottom: 420px; }

  #bigMenu {
    width: 95%;
    position: absolute;
    left: 0px;
    bottom: -440px; }

  .btInBigMenu {
    width: 48%;
    margin-bottom: 60px; }
    .btInBigMenu a.move {
      position: absolute;
      top: -60px;
      left: -10px;
      width: 50%; } }
@media screen and (max-width: 600px) {
  #MenuInSlider {
    margin-bottom: 360px; }

  #bigMenu {
    width: 95%;
    position: absolute;
    left: 0px;
    bottom: -400px; }

  .btInBigMenu {
    width: 48%;
    margin-bottom: 60px; }
    .btInBigMenu a.move {
      position: absolute;
      top: -60px;
      left: -10px;
      width: 50%; } }
/*
Section
===========================================*/
/*
Section banner
===========================================*/
section.banner {
  /*border-top:solid 1px #C7CDD5;*/
  padding-top: 15px;
  margin-top: 20px; }
  section.banner .fourBoxes {
    width: 780px;
    margin: auto;
    margin-bottom: 15px; }
    section.banner .fourBoxes a {
      height: 60px;
      margin-bottom: 15px; }
      section.banner .fourBoxes a img {
        height: 60px; }
    section.banner .fourBoxes a:hover {
      filter: alpha(opacity=50);
      -moz-opacity: 0.5;
      opacity: 0.5; }
  section.banner .threeBoxes {
    width: 600px;
    margin: auto; }
    section.banner .threeBoxes a {
      height: 60px;
      margin: 0 13px;
      margin-bottom: 15px; }
      section.banner .threeBoxes a img {
        height: 60px; }
    section.banner .threeBoxes a:hover {
      filter: alpha(opacity=50);
      -moz-opacity: 0.5;
      opacity: 0.5; }
  section.banner .oneBoxes {
    width: 600px;
    margin: auto;
    text-align: center; }
    section.banner .oneBoxes a {
      height: 60px;
      margin: 0 auto;
      margin-bottom: 15px; }
      section.banner .oneBoxes a img {
        height: 60px; }
    section.banner .oneBoxes a:hover {
      filter: alpha(opacity=50);
      -moz-opacity: 0.5;
      opacity: 0.5; }

@media screen and (max-width: 950px) {
  section.banner .fourBoxes, section.banner .threeBoxes, section.banner .oneBoxes {
    width: 95%;
    margin: auto; }
    section.banner .fourBoxes a, section.banner .threeBoxes a, section.banner .oneBoxes a {
      width: 48%;
      height: auto;
      margin: 0px;
      margin-bottom: 15px; }
      section.banner .fourBoxes a img, section.banner .threeBoxes a img, section.banner .oneBoxes a img {
        width: 100%;
        height: auto; } }
/*

===========================================*/
p {
  color: #333; }
  p a {
    color: #555;
    text-decoration: none; }
    p a:hover {
      filter: alpha(opacity=80);
      -moz-opacity: 0.8;
      opacity: 0.8; }

figcaption {
  font-size: 14px;
  line-height: 1.5em;
  color: #333; }

.btEight {
  width: 23%; }
  .btEight img {
    width: 100%; }

@media screen and (max-width: 950px) {
  .id_6 {
    background-image: none; } }
.innerInner {
  width: 100%;
  margin: auto;
  overflow: visible; }

#containerInner {
  width: 90%;
  margin: auto;
  overflow: visible; }
  #containerInner .message {
    width: 60%;
    margin: auto; }
  #containerInner img.wp-image-145 {
    height: auto; }
  #containerInner img.prename {
    width: 45%;
    margin-top: 40px; }
  #containerInner div.sukima {
    margin-bottom: 100px; }
  #containerInner div.sukima2 {
    margin-bottom: 50px; }
  #containerInner p.aisatsu {
    width: 60%;
    float: right; }
  #containerInner p.syacyou {
    width: 35%;
    float: left; }
    #containerInner p.syacyou img.syachouPhoto {
      width: 100%; }
    #containerInner p.syacyou img.namePlate {
      width: 80%; }
  @media screen and (max-width: 750px) {
    #containerInner p.aisatsu {
      width: 100%; }
    #containerInner p.syacyou {
      display: block;
      width: 70%;
      float: none;
      margin: auto;
      margin-bottom: 40px; } }
  #containerInner h3 {
    font-size: 20px;
    margin-bottom: 24px;
    font-weight: bold;
    color: #555;
    border-bottom: solid 2px #2c6da7;
    padding-bottom: 8px; }
  #containerInner h4.plane {
    font-size: 18px;
    margin: 0px;
    margin-bottom: 24px;
    background-color: #fff;
    color: #333; }
  #containerInner p {
    font-size: 14px;
    line-height: 2em;
    margin-bottom: 24px; }
  #containerInner figure.simple table {
    width: 100%;
    border-collapse: collapse; }
  #containerInner figure.simple table tr {
    border-bottom: solid 2px white; }
  #containerInner figure.simple table tr:last-child {
    border-bottom: none; }
  #containerInner figure.simple table th {
    position: relative;
    text-align: left;
    width: 30%;
    background-color: #7890b9;
    color: white;
    text-align: center;
    padding: 10px 0;
    font-size: 14px;
    line-height: 2em; }
  @media screen and (max-width: 750px) {
    #containerInner figure.simple table th {
      width: 100px; } }
  #containerInner figure.simple input[type="text"],
  #containerInner figure.simple textarea {
    width: 100%; }
  #containerInner figure.simple input[type="tel"],
  #containerInner figure.simple textarea {
    width: 100%; }
  #containerInner figure.simple input[type="email"],
  #containerInner figure.simple textarea {
    width: 100%; }
  #containerInner figure.simple table th:after {
    display: block;
    content: "";
    width: 0px;
    height: 0px;
    position: absolute;
    top: calc(50% - 10px);
    right: -10px;
    border-left: 10px solid #7890b9;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent; }
  #containerInner figure.simple table td {
    text-align: left;
    width: 70%;
    text-align: left;
    background-color: #eee;
    padding: 10px 20px;
    font-size: 14px;
    line-height: 2em; }

td.ymd {
  width: 125px; }

@media screen and (max-width: 950px) {
  #containerInner {
    width: 9; } }
#koteiPageHeader {
  background-color: #2c6da8;
  overflow: hidden;
  position: relative; }

#pageHeaderInTable {
  display: table;
  margin-left: auto;
  margin-right: auto;
  padding-top: 10px;
  padding-bottom: 10px; }
  #pageHeaderInTable .koteiPageHeaderIcon {
    width: 50px;
    height: 50px;
    float: left; }
    #pageHeaderInTable .koteiPageHeaderIcon img {
      width: 52px;
      height: 52px; }
  #pageHeaderInTable .koteiPageHeaderText {
    float: left;
    margin-left: 12px;
    margin-top: 10px;
    font-size: 16px;
    line-height: 18px;
    color: #fff; }
    #pageHeaderInTable .koteiPageHeaderText .text-eng {
      font-size: 12px; }

@media screen and (max-width: 950px) {
  #containerInner {
    width: 96%;
    margin: auto; } }
.SpecialM {
  margin: 0px;
  padding: 0px; }

div.threeLinks {
  position: relative;
  overflow: hidden;
  margin-top: 50px;
  margin-bottom: 40px;
  display: block; }

div.threeLinks ul {
  position: relative;
  left: 50%;
  float: left; }

div.threeLinks li {
  position: relative;
  left: -50%;
  float: left;
  padding: 10px 20px; }
  div.threeLinks li a {
    font-size: 14px;
    padding: 10px 20px;
    text-decoration: none;
    color: #333; }
    div.threeLinks li a:hover {
      background-color: #eee;
      /* border-radius */
      border-radius: 6px;
      -moz-border-radius: 6px;
      -webkit-border-radius: 6px; }

@media screen and (max-width: 650px) {
  div.threeLinks ul {
    width: 100%; }

  div.threeLinks li {
    width: 100%; }
    div.threeLinks li a {
      padding: 5px 10px; } }
p.twoImg {
  width: 45%; }
  p.twoImg img {
    width: 100%;
    margin: 0px;
    vertical-align: bottom;
    border: solid 1px #ccc;
    box-sizing: border-box; }

p.threeImg {
  width: 30%;
  box-sizing: border-box;
  margin-right: 5%;
  float: left; }
  p.threeImg a {
    font-size: 14px;
    text-decoration: none;
    color: #333; }
    p.threeImg a img {
      width: 100%;
      margin: 0px;
      margin-bottom: 5px;
      vertical-align: bottom; }
    p.threeImg a:hover {
      filter: alpha(opacity=50);
      -moz-opacity: 0.5;
      opacity: 0.5; }

p.threeretume {
  margin-right: 0; }

p.threeImgF {
  width: 30%;
  box-sizing: border-box; }
  p.threeImgF a {
    font-size: 14px;
    text-decoration: none;
    color: #333; }
    p.threeImgF a img {
      width: 100%;
      margin: 0px;
      margin-bottom: 5px;
      vertical-align: bottom; }
    p.threeImgF a:hover {
      filter: alpha(opacity=50);
      -moz-opacity: 0.5;
      opacity: 0.5; }

.kieru {
  display: none; }

#th1, #th2, #th3, #th4, #th5, #th6, #th7, #th8, #th9, #th10, #ta1, #ta2, #ta3 {
  display: block; }

@media screen and (max-width: 850px) {
  #th1, #th2, #th3, #th4, #th5, #th6, #th7, #th8, #th9, #th10, #ta1, #ta2, #ta3 {
    display: block; }

  .kieru {
    display: block; }

  p.threeImgF {
    width: 45%; }

  p.threeImg {
    width: 45%;
    margin-right: 0%; }

  p.guusuu {
    margin-right: 10%; } }
p.nextpage {
  text-align: right; }
  p.nextpage a {
    color: #333;
    text-decoration: none; }
    p.nextpage a:hover {
      filter: alpha(opacity=50);
      -moz-opacity: 0.5;
      opacity: 0.5; }

/*
Business PAGE
===========================================*/
h3.th1, h3.th2, h3.th3, h3.th4, h3.th5, h3.th6, h3.th7, h3.th8, .thA {
  padding-top: 40px;
  padding-left: 70px;
  background-repeat: no-repeat;
  background-size: 60px 60px;
  background-position: left bottom 5px; }

h3.th1 {
  background-image: url("https://www.katayama5000.co.jp/wps/wp-content/uploads/2020/09/thamb-1.gif"); }

h3.th2 {
  background-image: url("https://www.katayama5000.co.jp/wps/wp-content/uploads/2020/09/thamb-2.gif"); }

h3.th3 {
  background-image: url("https://www.katayama5000.co.jp/wps/wp-content/uploads/2020/09/thamb-3.gif"); }

h3.th4 {
  background-image: url("https://www.katayama5000.co.jp/wps/wp-content/uploads/2020/09/thamb-4.gif"); }

h3.th5 {
  background-image: url("https://www.katayama5000.co.jp/wps/wp-content/uploads/2020/09/thamb-5.gif"); }

h3.th6 {
  background-image: url("https://www.katayama5000.co.jp/wps/wp-content/uploads/2020/09/thamb-6.gif"); }

h3.th7 {
  background-image: url("https://www.katayama5000.co.jp/wps/wp-content/uploads/2020/09/thamb-7.gif"); }

h3.th8 {
  background-image: url("https://www.katayama5000.co.jp/wps/wp-content/uploads/2020/09/thamb-8.gif"); }

h3.thA {
  background-image: url("https://www.katayama5000.co.jp/wps/wp-content/uploads/2020/09/icon_video.jpg"); }

/*
===========================================*/
/* Kakkushi Area
==============================================================*/
.kakushiArea {
  display: none; }

p.toggleBT {
  width: 100%;
  text-align: center;
  background-color: #2c6da7;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  display: block;
  /* border-radius */
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px; }
  p.toggleBT:hover {
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5; }

.adress {
  width: 48%;
  position: relative; }
  .adress p {
    position: absolute;
    top: 15%;
    left: 15px;
    margin: -0.5em;
    width: 90%; }

.comPhoto {
  width: 48%; }
  .comPhoto img {
    width: 100%; }

@media screen and (max-width: 850px) {
  .adress {
    width: 90%; }
    .adress p {
      position: relative; }

  .comPhoto {
    display: none; } }
.wpcf7-form p {
  text-align: center; }

.wpcf7-form p.mannaka {
  text-align: left;
  margin-top: 25px; }

input.button {
  display: inline-block;
  border-radius: 5%;
  font-size: 18pt;
  text-align: center;
  cursor: pointer;
  padding: 12px 12px;
  background: #2c6da7;
  color: #ffffff;
  line-height: 1em;
  transition: .3s;
  box-shadow: 6px 6px 3px #ccc;
  border: 2px solid #2c6da7;
  margin-top: 15px;
  margin-left: 10px;
  margin-right: 10px; }

input.button:hover {
  box-shadow: none;
  color: #2c6da7;
  background: #ffffff; }

/*
===========================================*/
/* News Lists
==============================================================*/
/*menu basic const*/
section.newsboxes {
  border: solid 1px #7499b7;
  width: 800px;
  margin: auto;
  margin-bottom: 14px;
  padding: 12px 25px 0px 25px;
  background-color: #fff; }
  section.newsboxes h3.news {
    font-size: 20px;
    text-align: center;
    color: #555;
    background-image: url("https://www.katayama5000.co.jp/wps/wp-content/uploads/2020/08/underline.gif");
    background-repeat: no-repeat;
    background-position: center bottom;
    padding-bottom: 4px;
    margin-bottom: 19px;
    border-bottom: solid 1px #fff; }
  section.newsboxes .menuInNews {
    width: 500px;
    margin: auto;
    margin-bottom: 25px; }

@media screen and (max-width: 650px) {
  section.newsboxes {
    width: 90%;
    padding: 2.5%;
    padding-bottom: 0;
    margin: auto;
    margin-bottom: 14px; }
    section.newsboxes div.newscat a {
      font-size: 12px;
      width: 85px; }
    section.newsboxes div.menuInNews {
      width: 80%;
      margin: auto;
      margin-bottom: 20px; }
      section.newsboxes div.menuInNews p {
        width: 45%;
        margin-bottom: 10px; }
      section.newsboxes div.menuInNews a {
        font-size: 12px;
        width: 100%; }
    section.newsboxes .newscat {
      width: 85px; } }
div.newslists {
  display: -webkit-flex;
  display: flex;
  margin-bottom: 10px; }

div.newscat {
  width: 100px;
  margin-right: 20px; }

div.newscat a, div.menuInNews a {
  display: block;
  text-decoration: none;
  color: #333;
  width: 100px;
  font-size: 14px;
  text-align: center;
  padding: 5px 0px 3px 0px;
  -moz-transition-duration: 0.5s;
  -webkit-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  -ms-transition-duration: 0.5s; }
  div.newscat a.construction, div.menuInNews a.construction {
    border: solid 1px #269a64; }
  div.newscat a.workmanship, div.menuInNews a.workmanship {
    border: solid 1px #f16c5d; }
  div.newscat a.activities, div.menuInNews a.activities {
    border: solid 1px #8e496e; }
  div.newscat a.topics, div.menuInNews a.topics {
    border: solid 1px #3c709a; }
  div.newscat a.construction:hover, div.menuInNews a.construction:hover {
    background-color: #269a64;
    color: #fff; }
  div.newscat a.workmanship:hover, div.menuInNews a.workmanship:hover {
    background-color: #f16c5d;
    color: #fff; }
  div.newscat a.activities:hover, div.menuInNews a.activities:hover {
    background-color: #8e496e;
    color: #fff; }
  div.newscat a.topics:hover, div.menuInNews a.topics:hover {
    background-color: #3c709a;
    color: #fff; }
  div.newscat a.information, div.menuInNews a.information {
    border: solid 1px #269a64; }
  div.newscat a.intern, div.menuInNews a.intern {
    border: solid 1px #f16c5d; }
  div.newscat a.event, div.menuInNews a.event {
    border: solid 1px #8e496e; }
  div.newscat a.topicsrec, div.menuInNews a.topicsrec {
    border: solid 1px #3c709a; }
  div.newscat a.information:hover, div.menuInNews a.information:hover {
    background-color: #269a64;
    color: #fff; }
  div.newscat a.intern:hover, div.menuInNews a.intern:hover {
    background-color: #f16c5d;
    color: #fff; }
  div.newscat a.event:hover, div.menuInNews a.event:hover {
    background-color: #8e496e;
    color: #fff; }
  div.newscat a.topicsrec:hover, div.menuInNews a.topicsrec:hover {
    background-color: #3c709a;
    color: #fff; }
  div.newscat a.constructionB, div.menuInNews a.constructionB {
    border: solid 1px #269a64; }
  div.newscat a.workmanshipB, div.menuInNews a.workmanshipB {
    border: solid 1px #f16c5d; }
  div.newscat a.activitiesB, div.menuInNews a.activitiesB {
    border: solid 1px #8e496e; }
  div.newscat a.topicsB, div.menuInNews a.topicsB {
    border: solid 1px #3c709a; }
  div.newscat a.informationB, div.menuInNews a.informationB {
    border: solid 1px #269a64; }
  div.newscat a.internB, div.menuInNews a.internB {
    border: solid 1px #f16c5d; }
  div.newscat a.eventB, div.menuInNews a.eventB {
    border: solid 1px #8e496e; }
  div.newscat a.topicsrecB, div.menuInNews a.topicsrecB {
    border: solid 1px #3c709a; }

.newreport a {
  color: #333;
  text-decoration: none; }
  .newreport a:hover {
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5; }

p.nextBt {
  width: 100%;
  margin-top: 10px;
  margin-bottom: 10px;
  text-align: right; }

p.nextBt a {
  font-size: 13px;
  color: #073d83;
  -moz-transition-duration: 0s;
  -webkit-transition-duration: 0s;
  -o-transition-duration: 0s;
  -ms-transition-duration: 0s; }

p.nextBt a:hover {
  filter: alpha(opacity=50);
  -moz-opacity: 0.5;
  opacity: 0.5; }

.newreport {
  font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
  font-size: 14px;
  color: #555;
  line-height: 1.5em;
  -webkit-flex: 1;
  flex: 1; }
  .newreport .ymds {
    width: 100px; }
  .newreport .newstexts {
    -webkit-flex: 1;
    flex: 1; }

@media screen and (max-width: 850px) {
  .newreport {
    -webkit-flex: 1;
    flex: 1; }
    .newreport .ymds {
      width: 100%; }
    .newreport .newstexts {
      width: 100%; } }
.quesBTback1 {
  background-image: url(https://www.katayama5000.co.jp/wps/wp-content/uploads/2020/11/toggle-open.png); }

.quesBTback2 {
  background-image: url(https://www.katayama5000.co.jp/wps/wp-content/uploads/2020/11/toggle-close.png); }

.questBTfirst {
  border-top: solid 1px gray; }

.quesBT {
  border-bottom: solid 1px gray;
  margin: 0px;
  padding: 0px;
  background-repeat: no-repeat;
  background-position: 97% 50%;
  background-size: 20px 20px; }
  .quesBT:hover {
    background-color: #f1e1ef; }
  .quesBT p.qesTX {
    padding: 20px;
    margin: 0px;
    width: 80%;
    font-weight: bold; }
  .quesBT p.ansTX {
    width: 80%;
    padding: 20px;
    display: none;
    margin: 0px; }

/* block editor
	
===============================================*/
.blockEditor figure.wp-block-table {
  margin-bottom: 40px; }
  .blockEditor figure.wp-block-table table {
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 14px;
    line-height: 1.5em;
    color: #707070;
    border-collapse: collapse;
    margin: 0 auto;
    padding: 0;
    width: 100%;
    table-layout: fixed;
    border: solid 1px #bbb; }
  .blockEditor figure.wp-block-table table th {
    padding: 15px 0;
    border-right: 1px solid #bbb;
    text-align: center;
    background-color: #F4F2ED;
    color: #707070; }
  .blockEditor figure.wp-block-table table tr {
    background-color: #fff;
    padding: 30px;
    border-bottom: 1px solid #bbb; }
  .blockEditor figure.wp-block-table table td {
    padding: 1em 10px 1em 1em;
    border-right: 1px solid #bbb;
    text-align: left;
    color: #707070; }
  .blockEditor figure.wp-block-table thead th {
    border-bottom: 2px solid #bbb;
    font-weight: bold; }
  .blockEditor figure.wp-block-table tfoot td {
    border-top: 2px solid #bbb;
    font-weight: bold;
    background-color: #F4F2ED; }
.blockEditor h1 {
  font-size: 18px;
  font-family: 'Noto Sans JP', sans-serif;
  margin-bottom: 30px;
  color: #404040;
  font-weight: bold; }
.blockEditor h2 {
  font-size: 16px;
  font-family: 'Noto Sans JP', sans-serif;
  margin-bottom: 30px;
  color: #404040;
  font-weight: bold; }
.blockEditor h3 {
  font-size: 20px;
  margin-bottom: 30px;
  font-weight: bold;
  color: #555;
  border-bottom: solid 2px #2c6da7;
  padding-bottom: 8px; }
.blockEditor h4 {
  font-size: 14px;
  margin-bottom: 30px;
  background-color: #e7e8e9;
  padding: 5px 10px 3px 10px; }
.blockEditor h4 {
  font-size: 14px;
  font-family: 'Noto Sans JP', sans-serif;
  margin-bottom: 30px;
  color: #404040;
  font-weight: bold; }
.blockEditor h5, .blockEditor h6 {
  font-size: 12px;
  font-family: 'Noto Sans JP', sans-serif;
  margin-bottom: 30px;
  color: #404040;
  font-weight: bold; }
.blockEditor p {
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 14px;
  line-height: 1.5em;
  color: #333;
  margin-bottom: 30px; }
.blockEditor figure.wp-block-media-text__media img {
  height: auto;
  margin-bottom: 20px; }
.blockEditor figure.wp-block-gallery ul.blocks-gallery-grid {
  padding: 0px; }
.blockEditor figcaption {
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 12px;
  text-align: left;
  color: #333;
  padding: 8px 0px;
  border: none; }
.blockEditor figcaption.blocks-gallery-item__caption {
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 12px;
  text-align: center;
  color: #FFF;
  font-weight: bold;
  padding: 8px 0px;
  border: none; }
.blockEditor a {
  color: #0764C4;
  text-decoration: none; }
.blockEditor ul {
  padding-left: 14px;
  list-style: disc;
  margin-bottom: 30px;
  padding-left: 30px; }
  .blockEditor ul li {
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 14px;
    line-height: 1.5em;
    color: #333; }
.blockEditor ol {
  padding-left: 14px;
  list-style: decimal;
  margin-bottom: 30px;
  padding-left: 30px; }
  .blockEditor ol li {
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 14px;
    line-height: 1.5em;
    color: #333; }

	/*
Note
===========================================*/
ul.note {
  list-style: none;
  margin: 0px;
  padding: 0px; }

ul.note li {
  padding-left: 40px;
  line-height: 40px;
  background: url("https://www.katayama5000.co.jp/wps/wp-content/uploads/2020/09/notes.gif") left 0px top 3px no-repeat;
  background-size: 30px auto;
  font-size: 16px; }
  ul.note li a {
    text-decoration: none;
    color: #333; }
    ul.note li a:hover {
      filter: alpha(opacity=50);
      -moz-opacity: 0.5;
      opacity: 0.5; }

/*
recruit page only
===========================================*/
h2.recruitTitle {
  text-align: center;
  border: none;
  color: #073d83;
  font-size: 16px;
  line-height: 24px;
  padding: 20px;
  font-weight: bold; }

div.rectuitMainPhoto img {
  width: 100%;
  vertical-align: bottom; }

div.recruitNewsOuter {
  position: relative;
  top: -30px;
  width: 100%;
  overflow: hidden; }

/*
banner area
===========================================*/
.wp-block-embed__wrapper {
  text-align: center; }
  .wp-block-embed__wrapper iframe {
    margin: auto; }

/*
banner area
===========================================*/
.ricbar {
  width: 850px;
  margin: auto;
  margin-bottom: 20px; }

.fbLeft {
  width: 65%; }

.fbRight {
  width: 23%; }

.ricbar a img {
  height: 40px;
  vertical-align: bottom; }

@media screen and (max-width: 950px) {
  .ricbar {
    width: 85%; }

  .fbLeft {
    width: 100%;
    margin-bottom: 15px; }

  .fbRight {
    width: 30%; } }
@media screen and (max-width: 650px) {
  .ricbar {
    width: 90%; }
    .ricbar a img {
      height: 30px; }

  .fbLeft {
    width: 100%;
    margin-bottom: 15px; }
    .fbLeft a {
      width: 48%; }
      .fbLeft a img {
        width: 100%;
        height: auto;
        margin-bottom: 10%; }

  .fbRight {
    width: 100%;
    justify-content: center; }
    .fbRight a {
      width: 15%;
      margin: 0px 10px; }
      .fbRight a img {
        width: 100%;
        height: auto; } }
picture {
  text-align: center; }
  picture img {
    width: 98%;
    margin: auto;
    margin-bottom: 100px;
    margin-top: 100px; }

/*
6botan
===========================================*/
.btSix {
  width: 30%;
  text-align: center;
  font-weight: bold;
  font-size: 18px;
  text-decoration: none;
  color: #555;
  margin-bottom: 20px; }
  .btSix img {
    width: 100%;
    margin-bottom: 10px; }

/*
entryBT
===========================================*/
a.entryBT {
  display: block;
  position: fixed;
  z-index: 999999;
  right: 0px;
  top: 500px;
  width: 150px;
  padding: 10px;
  background-color: #f39800;
  /* border-radius */
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px; }
  a.entryBT:hover {
    background-color: #2c6da7; }
  a.entryBT img {
    width: 100%;
    vertical-align: bottom; }

@media screen and (max-width: 950px) {
  a.entryBT {
    position: fixed;
    top: auto;
    width: 100px;
    right: 0px;
    bottom: 100px; } }
/*
recTable
===========================================*/
table.recTable {
  width: 100%; }
  table.recTable th {
    width: 110px; }
  table.recTable td.ymd {
    width: 110px; }

/*
backcolor
===========================================*/
.back_blue {
  background-color: #e9f5f7;
  padding: 50px 0px; }

.back_green {
  background-color: #f6f9ea;
  padding: 50px 0px; }

.back_yellow {
  background-color: #fcfce8;
  padding: 50px 0px; }

.back_orange {
  background-color: #fdf8eb;
  padding: 50px 0px; }

.back_red {
  background-color: #fff;
  padding: 50px 0px; }

.back_purple {
  background-color: #f8f1f7;
  padding: 50px 0px; }

section.cont h3 {
  font-size: 20px;
  margin-bottom: 24px;
  font-weight: bold;
  color: #555;
  border-bottom: solid 2px #2c6da7;
  padding-bottom: 8px; }
section.cont h4.IconHeadTitle {
  font-size: 30px;
  font-weight: bold;
  text-align: center;
  margin-bottom: 50px; }
  section.cont h4.IconHeadTitle img {
    height: 80px;
    vertical-align: middle;
    margin-right: 20px; }
@media screen and (max-width: 700px) {
  section.cont h4.IconHeadTitle {
    font-size: 24px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 50px; }
    section.cont h4.IconHeadTitle img {
      height: 60px;
      vertical-align: middle;
      margin-right: 5px; } }
section.cont .interColer {
  color: #009fb8; }
section.cont .kaisetuColer {
  color: #a6ad07; }
section.cont .shinsotuColor {
  color: #c6cf00; }
section.cont .cyutoColor {
  color: #f3b000; }
section.cont .senpaiColor {
  color: #ee7b4f; }
section.cont .yokuaruColor {
  color: #be60a1; }
section.cont h4.normalTitle {
  font-size: 20px;
  margin-bottom: 24px;
  font-weight: bold;
  color: #555;
  border-left: solid 20px #333;
  padding-left: 5px; }
section.cont p {
  font-size: 16px;
  line-height: 24px;
  color: #555;
  margin-bottom: 40px; }

@media screen and (max-width: 950px) {
  section.cont {
    width: 90%;
    margin: auto; } }
.mar50 {
  margin-bottom: 50px; }

.int_num {
  font-size: 35px;
  color: #1e93ae;
  font-family: 'M PLUS Rounded 1c', sans-serif;
  font-weight: bold;
  width: 5%; }

.int_text {
  width: 40%;
  font-size: 16px;
  line-height: 24px;
  color: #555; }
  .int_text table {
    width: 400px; }
  .int_text th {
    vertical-align: top;
    width: 130px; }

.int_photo {
  width: 50%; }
  .int_photo img {
    width: 100%; }

@media screen and (max-width: 950px) {
  .int_num {
    width: 10%;
    padding-bottom: 10px; }

  .int_text {
    width: 100%;
    margin-bottom: 20px; }
    .int_text table {
      width: 100%; }
    .int_text th {
      vertical-align: top;
      width: 130px; }

  .int_photo {
    width: 100%;
    text-align: center; } }
div.tableTitle {
  background-color: #8fd1de;
  color: #009fb8;
  text-align: center;
  padding: 20px;
  margin: 0px;
  font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
  color: #333;
  font-size: 18px;
  /* border-radius */
  border-radius: 20px 20px 0px 0px;
  -moz-border-radius: 20px 20px 0px 0px;
  -webkit-border-radius: 20px 20px 0px 0px; }

figure.hyou table {
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 50px; }
figure.hyou table tr {
  border-bottom: solid 2px white; }
figure.hyou table tr:last-child {
  border-bottom: none; }
figure.hyou table th {
  position: relative;
  text-align: left;
  width: 30%;
  background-color: #7890b9;
  color: white;
  text-align: center;
  padding: 10px 0;
  font-size: 14px;
  line-height: 2em; }
figure.hyou table th:after {
  display: block;
  content: "";
  width: 0px;
  height: 0px;
  position: absolute;
  top: calc(50% - 10px);
  right: -10px;
  border-left: 10px solid #7890b9;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent; }
figure.hyou table td {
  text-align: left;
  width: 70%;
  text-align: left;
  background-color: #eee;
  padding: 10px 20px;
  font-size: 14px;
  line-height: 2em; }
figure.hyou table td.coltitle {
  background-color: #acbbd4;
  text-align: center;
  color: #fff; }

/*
senpai
===========================================*/
h5.kadobox {
  margin: auto;
  text-align: left;
  font-size: 38px;
  line-height: 48px;
  padding: 20px;
  background-image: url("https://www.katayama5000.co.jp/wps/wp-content/uploads/2020/09/kado-box-left.gif"), url("https://www.katayama5000.co.jp/wps/wp-content/uploads/2020/09/kado-box-right.gif");
  background-repeat: no-repeat, no-repeat;
  background-position: top left, bottom right;
  margin-bottom: 40px;
  font-family: 'Noto Serif JP', serif;
  color: #e8724b; }

@media screen and (max-width: 650px) {
  h5.kadobox {
    font-size: 24px;
    line-height: 32px; } }
h5.komidashi {
  font-size: 24px;
  line-height: 34px;
  margin: 0px;
  padding: 0px;
  margin-bottom: 20px;
  color: #e8724b;
  font-family: 'Noto Serif JP', serif;
  border-left: solid 4px #e8724b;
  padding-left: 10px; }

.r_box {
  width: 80%;
  margin: auto;
  margin-bottom: 40px; }

.r_pho {
  width: 59%; }
  .r_pho img {
    width: 100%; }

.r_pho {
  display: inline-block;
  position: relative;
  overflow: hidden;
  padding: 6px; }

.r_pho img {
  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3); }

.r_pho:before,
.r_pho:after {
  content: "";
  position: absolute;
  z-index: 1;
  width: 97px;
  height: 50px;
  background-image: url("https://www.katayama5000.co.jp/wps/wp-content/uploads/2020/09/AdobeStock_374264317.gif");
  transform: rotate(-30deg); }

.r_pho:before {
  box-shadow: 0 10px 8px -12px rgba(0, 0, 0, 0.8);
  top: -24px;
  bottom: auto;
  right: auto;
  left: -26px; }

.r_pho:after {
  box-shadow: 0 -10px 10px -10px rgba(0, 0, 0, 0.7);
  top: auto;
  bottom: -22px;
  right: -25px;
  left: auto; }

.r_nam {
  width: 39%;
  display: flex;
  font-size: 30px;
  line-height: 40px;
  text-align: center; }
  .r_nam div {
    flex: 0 1 auto;
    margin: auto; }
    .r_nam div span.position {
      font-size: 18px;
      line-height: 25px; }

@media screen and (max-width: 950px) {
  .r_pho {
    width: 90%;
    margin-bottom: 50px; }

  .r_nam {
    width: 90%; } }
div#th5 {
  background-image: url("https://www.katayama5000.co.jp/wps/wp-content/uploads/2020/09/AdobeStock_374264317.gif"); }

.dots {
  border-width: 0 0 8px;
  border-style: solid;
  border-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2 1"><circle fill="hsla(0, 0%, 65%, 1.0)" cx="1" cy="0.5" r="0.5"/></svg>') 0 0 100% repeat;
  width: 216px;
  margin-bottom: 200px;
  margin-top: 200px; }

.nyusyaAnnai {
  text-align: center; }

@media screen and (max-width: 650px) {
  .nyusyaAnnai img {
    width: 100%; }
  .nyusyaAnnai .br-sp {
    display: none; } }
.fuwauki_btn_red {
  display: block;
  background-color: #E85A70;
  color: #FFF;
  width: 320px;
  margin: auto;
  padding: 0.8em;
  text-decoration: none;
  border-radius: 4px;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
  -webkit-tap-highlight-color: transparent;
  transition: .2s ease-out;
  text-align: center; }

.fuwauki_btn_red:hover {
  cursor: pointer;
  text-decoration: none;
  transform: translateY(-4px);
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.12), 0 3px 10px 0 rgba(0, 0, 0, 0.12), 0 4px 7px -2px rgba(0, 0, 0, 0.2); }

figure.flow {
  width: 60%;
  margin: auto; }
  figure.flow img {
    width: 100%; }

@media screen and (max-width: 650px) {
  figure.flow {
    width: 90%; } }
div.ans {
  margin-bottom: 20px;
  /* border-radius */ }
  div.ans p.anstext {
    margin: 0px;
    padding: 0px;
    margin-bottom: 10px;
    display: none; }

a.answerBT {
  display: block;
  width: 100%;
  text-align: center;
  color: #fff;
  background-color: #797979;
  margin: 0px;
  padding: 5px 0px;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px; }
  a.answerBT:hover {
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5; }

/*
youtube */
.wrap {
  width: 70%;
  margin: auto;
  height: 0;
  position: relative;
  padding-top: 56.25%;
  overflow: hidden; }

.wrap iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important; }

@media screen and (max-width: 650px) {
  .wrap {
    width: 100%; } }
table.newsLayout {
  font-size: 14px;
  line-height: 2em;
  font-family: 'M PLUS 1p', sans-serif; }
  table.newsLayout th {
    vertical-align: top; }
    table.newsLayout th a {
      text-decoration: none;
      color: #333;
      font-family: 'M PLUS 1p', sans-serif;
      font-size: 14px;
      text-align: center;
      padding: 0;
      width: 110px;
      display: block;
      -moz-transition-duration: 0.5s;
      -webkit-transition-duration: 0.5s;
      -o-transition-duration: 0.5s;
      -ms-transition-duration: 0.5s; }
      table.newsLayout th a.construction {
        border: solid 1px #269a64; }
      table.newsLayout th a.workmanship {
        border: solid 1px #f16c5d; }
      table.newsLayout th a.activities {
        border: solid 1px #8e496e; }
      table.newsLayout th a.topics {
        border: solid 1px #3c709a; }
      table.newsLayout th a.construction:hover {
        background-color: #269a64;
        color: #fff; }
      table.newsLayout th a.workmanship:hover {
        background-color: #f16c5d;
        color: #fff; }
      table.newsLayout th a.activities:hover {
        background-color: #8e496e;
        color: #fff; }
      table.newsLayout th a.topics:hover {
        background-color: #3c709a;
        color: #fff; }
      table.newsLayout th a.information {
        border: solid 1px #269a64; }
      table.newsLayout th a.intern {
        border: solid 1px #f16c5d; }
      table.newsLayout th a.event {
        border: solid 1px #8e496e; }
      table.newsLayout th a.topicsrec {
        border: solid 1px #3c709a; }
      table.newsLayout th a.information:hover {
        background-color: #269a64;
        color: #fff; }
      table.newsLayout th a.intern:hover {
        background-color: #f16c5d;
        color: #fff; }
      table.newsLayout th a.event:hover {
        background-color: #8e496e;
        color: #fff; }
      table.newsLayout th a.topicsrec:hover {
        background-color: #3c709a;
        color: #fff; }
  table.newsLayout td {
    padding: 10px;
    padding-top: 0px; }