@charset "UTF-8";
/*!
Theme Name: matsu-ken
Template:   cocoon-master
*/
/*******************
** Variable
*******************/
/*------------------
** 改行パーツ
------------------*/
.brSm {
  /*"sm"以下で改行*/
  display: none; }
  @media screen and (max-width: 480px) {
    .brSm {
      display: inline; } }

.brMl {
  /*"ml"以下で改行*/
  display: none; }
  @media screen and (max-width: 834px) {
    .brMl {
      display: inline; } }

.brMlo {
  /*480-834のみで改行*/
  display: none; }

@media screen and (min-width: 480px) and (max-width: 834px) {
  .brMlo {
    display: inline; } }
.brLgo {
  /*834以上でのみ改行*/
  display: inline; }
  @media screen and (max-width: 834px) {
    .brLgo {
      display: none; } }

/*------------------
** 削除パーツ
------------------*/
.hideSm {
  display: inline; }
  @media screen and (max-width: 480px) {
    .hideSm {
      display: none; } }

.hideMl {
  display: inline; }
  @media screen and (max-width: 834px) {
    .hideMl {
      display: none; } }

/*******************
** Base
*******************/
#container {
  background: #deeaf6; }

#content {
  margin-top: 0; }

#main {
  padding: 0 29px;
  border: none;
  background: transparent;
  z-index: 100; }
  @media screen and (max-width: 480px) {
    #main {
      padding: 0 2px; } }

.home .author-info,
.home h1.entry-title {
  display: none; }

.page .author-info,
.page .date-tags,
.page #toc {
  display: none; }

.entry-content {
  margin: 0; }

footer .entry-footer {
  /*フッター手前のコンテンツ*/
  display: none; }

.introduction {
  text-align: left;
  width: fit-content;
  margin: 20px auto; }

p {
  font-size: 16px; }
  @media screen and (max-width: 834px) {
    p {
      font-size: 14px; } }

a {
  color: #41c5af;
  transition: 0.3s; }
  a:hover {
    color: #f7ca00; }

/*******************
** Youtube埋め込み
*******************/
.youtubeArea iframe {
  display: block;
  margin: 30px auto; }

/*******************
** Header
*******************/
.header .header-in {
  min-height: 0; }

section#contactHead {
  display: none; }

.home section#contactHead {
  display: block;
  margin: 0; }
  @media screen and (max-width: 1023px) {
    .home section#contactHead .home section#contactHead {
      display: none; } }

#contactHead .outer {
  position: relative;
  background: #deeaf6;
  margin: 0 calc((100% - 100vw) / 2) 0;
  display: flex;
  justify-content: center;
  border-bottom: solid 8px #f7ca00; }
  @media screen and (max-width: 1023px) {
    #contactHead .outer {
      display: none; } }
  #contactHead .outer:after {
    content: "";
    background: #0a2c70;
    position: absolute;
    left: 0;
    bottom: -16px;
    width: 100vw;
    height: 8px; }

.contactHead {
  max-width: 1236px;
  width: 100%;
  padding: 0 29px;
  display: flex;
  justify-content: space-between; }
  .contactHead .description {
    width: 100%;
    color: #0a2c70;
    font-size: 14px; }
  .contactHead .contactIcon {
    display: flex;
    justify-content: flex-end;
    align-items: center; }

#contactHead a.iconBtn {
  text-decoration: none;
  padding: 5px 25px;
  margin-left: 7px;
  border-radius: 25px 0;
  display: block;
  text-align: center; }
#contactHead .line img {
  width: 25px;
  padding: 0;
  margin: 0px 10px -6px 0; }
#contactHead .form img {
  width: 25px;
  padding: 0;
  margin: 0px 10px -4px 0; }

#contactHead a.line {
  background: #00b900;
  color: #fff;
  width: 200px;
  transition: 0.3s; }
#contactHead a.form {
  background: #0a2c70;
  color: #fff;
  width: 245px;
  transition: 0.3s; }
#contactHead a.line:hover {
  background: #53e453; }
#contactHead a.form:hover {
  background: #3566c5; }
#contactHead a i {
  font-size: 44px; }

/*追従ヘッダー*/
.home .fixMenu {
  transform: translateY(-105px);
  transition: 0.5s; }
.home .is-animation {
  transform: translateY(0px);
  transition: 0.5s; }

#fixMenu {
  z-index: 30000;
  position: fixed;
  top: 3px;
  left: 0;
  right: 0;
  background: transparent;
  margin: 0; }
  @media screen and (max-width: 1023px) {
    #fixMenu {
      display: none; } }
  #fixMenu .outer {
    background: #0a2c70;
    margin: 0 50px;
    display: flex;
    justify-content: center;
    border-top: solid 1px #0a2c70;
    border-right: solid 10px #0a2c70;
    border-bottom: solid 1px #0a2c70;
    border-left: solid 10px #0a2c70;
    border-radius: 300px 0; }
  #fixMenu .inner {
    max-width: 1236px;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center; }
  #fixMenu .menuBtn {
    display: flex;
    flex-direction: column;
    width: 150px;
    text-align: center;
    font-size: 12px;
    text-decoration: none;
    color: #fff; }
    #fixMenu .menuBtn img {
      display: block;
      margin: 0 auto;
      height: 36px;
      background: #fff;
      transition: 0.5s;
      border-radius: 1000px; }

.menuBtn:hover img {
  display: inline-block;
  animation: key1 1s ease 1 alternate;
  background: #f7ca00 !important; }

@keyframes key1 {
  0% {
    transform: translateY(0); }
  20% {
    transform: translateY(-20px); }
  35% {
    transform: translateY(0px); }
  45% {
    transform: translateY(-5px); }
  50% {
    transform: translateY(0px); }
  55% {
    transform: translateY(-3px); }
  60% {
    transform: translateY(0); }
  100% {
    transform: translateY(0); } }
/*階層*/
#fixMenu .gnav {
  display: flex;
  justify-content: center;
  height: 70px;
  margin: 0 auto;
  max-width: 1236px;
  width: 100%;
  padding: 10px 29px 8px; }
  #fixMenu .gnav > li {
    width: 150px; }
  #fixMenu .gnav li {
    list-style: none;
    position: relative; }
    #fixMenu .gnav li ul {
      margin-top: 0px; }
    #fixMenu .gnav li li {
      position: relative;
      height: 0;
      overflow: hidden;
      width: 220px;
      transition: 0.5s;
      z-index: 100;
      background: #fff;
      padding: 0 20px;
      margin: 0; }
      #fixMenu .gnav li li a {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        color: #0a2c70;
        padding: 2px 20px 0;
        text-decoration: none;
        transition: 0.2s;
        border-left: solid 1px #0a2c70;
        border-right: solid 1px #0a2c70; }
        #fixMenu .gnav li li a:hover {
          background: #f7ca00; }
      #fixMenu .gnav li li:first-child {
        border-top: solid 1px #0a2c70; }
      #fixMenu .gnav li li:last-child {
        border-bottom: solid 1px #0a2c70; }
    #fixMenu .gnav li:hover > ul > li {
      height: 2rem;
      overflow: visible; }
    #fixMenu .gnav li ul li ul {
      left: 179px;
      position: absolute;
      top: -1px;
      width: 100%; }

/*モバイルヘッダー*/
.mobile-menu-buttons {
  background: #0a2c70;
  border-bottom: solid 3px #f7ca00;
  z-index: 10001; }
  .mobile-menu-buttons .menu-caption {
    display: none; }

.logo-menu-button img {
  max-height: 38px;
  margin: 2px auto 0 30px; }

.fa-bars:before {
  display: block;
  content: "\f0c9";
  color: #fff;
  padding-top: 12px;
  font-size: 22px; }

/*スライドインメニュー*/
.navi-menu-content {
  left: auto;
  right: 0;
  transform: translateX(105%);
  background: #0a2c70;
  color: #fff;
  max-width: 330px; }
  .navi-menu-content .menu-drawer a {
    color: #fff;
    font-size: 16px;
    padding: 6px 20px; }
    .navi-menu-content .menu-drawer a:hover {
      background-color: #fff;
      color: #0a2c70;
      border-radius: 100px 0 100px 0; }
    .navi-menu-content .menu-drawer a:focus {
      border-radius: 100px 0 100px 0; }

/*******************
** Footer
*******************/
/*フッターガイド*/
#footer-in {
  position: relative; }

#footGuide {
  position: relative;
  margin-top: 100px;
  margin-bottom: 0;
  max-width: 1178px;
  margin: 100px auto 0; }
  @media screen and (max-width: 768px) {
    #footGuide {
      margin: 60px auto 0; } }
  #footGuide .outer {
    background: #f7ca00;
    margin: 0 calc((100% - 100vw) / 2) 0;
    display: flex;
    justify-content: center; }
  #footGuide .inner {
    position: relative;
    max-width: 1236px;
    width: 100%;
    padding: 0 29px; }
  #footGuide img.logo {
    position: absolute;
    top: -100px;
    width: 250px;
    transform: rotate(-10deg); }
    @media screen and (max-width: 1023px) {
      #footGuide img.logo {
        width: 200px; } }
    @media screen and (max-width: 768px) {
      #footGuide img.logo {
        display: none; } }
  #footGuide .iconWrap {
    display: flex;
    justify-content: flex-end;
    margin: 20px 0 0; }
    @media screen and (max-width: 834px) {
      #footGuide .iconWrap {
        flex-direction: column; } }
  #footGuide img.aimitsu {
    position: absolute;
    width: 200px;
    bottom: 10px;
    right: 0; }
  #footGuide a.iconBtn {
    text-decoration: none;
    padding: 5px 25px;
    margin-left: 7px;
    border-radius: 30px 0;
    vertical-align: middle; }
    @media screen and (max-width: 834px) {
      #footGuide a.iconBtn {
        font-size: 14px;
        width: 220px;
        text-align: center;
        margin: 5px auto; } }
  #footGuide a.line {
    background: #00b900;
    color: #fff;
    transition: 0.3s; }
    #footGuide a.line img {
      width: 25px;
      padding: 0;
      margin: 0px 10px -6px 0; }
      @media screen and (max-width: 834px) {
        #footGuide a.line img {
          width: 20px;
          margin: 0px 3px -4px 0; } }
    #footGuide a.line:hover {
      background: #53e453; }
  #footGuide a.form {
    background: #0a2c70;
    color: #fff;
    transition: 0.3s; }
    #footGuide a.form img {
      width: 25px;
      padding: 0;
      margin: 0px 10px -4px 0; }
      @media screen and (max-width: 834px) {
        #footGuide a.form img {
          width: 20px;
          margin: 0px 3px -2px 0; } }
    #footGuide a.form:hover {
      background: #3566c5; }
  #footGuide .mapWrap {
    display: flex;
    justify-content: space-between;
    align-items: center; }
    @media screen and (max-width: 834px) {
      #footGuide .mapWrap {
        flex-direction: column; } }
    @media screen and (max-width: 834px) {
      #footGuide .mapWrap .itemInfo {
        margin: 30px 0 0; } }
  #footGuide .footText {
    font-size: 20px;
    font-weight: bold;
    color: #fff;
    text-shadow: 0 0 5px #0a2c70, 0 0 5px #0a2c70, 0 0 5px #0a2c70; }
    @media screen and (max-width: 834px) {
      #footGuide .footText {
        font-size: 16px; } }
  #footGuide .footerTel {
    font-size: 20px;
    font-weight: bold;
    color: #0a2c70;
    text-shadow: 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff;
    margin-top: 14px; }
    @media screen and (max-width: 834px) {
      #footGuide .footerTel {
        font-size: 16px; } }
  #footGuide .footerTelBtn {
    font-size: 32px;
    font-weight: bold;
    text-decoration: none;
    color: #fff;
    text-shadow: 0 0 4px #0a2c70, 0 0 4px #0a2c70, 0 0 4px #0a2c70; }
    @media screen and (max-width: 834px) {
      #footGuide .footerTelBtn {
        font-size: 27px; } }
    #footGuide .footerTelBtn:hover {
      color: #fff; }
    #footGuide .footerTelBtn img {
      width: 46px; }
      @media screen and (max-width: 834px) {
        #footGuide .footerTelBtn img {
          width: 26px; } }
  #footGuide .mapOuter {
    width: 60%;
    margin: 20px 0; }
    @media screen and (max-width: 834px) {
      #footGuide .mapOuter {
        width: 100%; } }
  #footGuide iframe {
    border-radius: 20px;
    border: solid 5px #deeaf6 !important;
    padding: 2px; }

.message {
  display: flex;
  align-items: center;
  width: fit-content;
  margin: 0 0 6px auto; }
  @media screen and (max-width: 768px) {
    .message {
      margin: 0 auto 6px; } }
  @media screen and (max-width: 600px) {
    .message {
      display: flex;
      flex-direction: column; } }

.zeroYen {
  display: flex;
  align-items: center; }

.leftM {
  color: #fff;
  font-size: 20px;
  font-weight: bold;
  text-shadow: 0 0 2px #0a2c70, 0 0 2px #0a2c70, 0 0 2px #0a2c70, 0 0 2px #0a2c70, 0 0 2px #0a2c70, 0 0 2px #0a2c70, 0 0 2px #0a2c70, 0 0 2px #0a2c70;
  line-height: 1.4; }
  @media screen and (max-width: 1023px) {
    .leftM {
      font-size: 16px; } }

.zero {
  position: relative;
  color: #ff6517;
  font-size: 50px;
  font-weight: bold;
  text-shadow: 2px 2px 2px #fff;
  line-height: 1;
  padding: 0 8px 0 4px;
  z-index: 1; }
  @media screen and (max-width: 1023px) {
    .zero {
      font-size: 36px; } }
  .zero::after {
    position: absolute;
    top: -43px;
    right: -27px;
    content: "";
    background-image: url(https://matsuken-ts.jp/neo/wp-content/themes/matsu-ken/image/gizagiza.png);
    background-size: contain;
    width: 100px;
    height: 78px;
    z-index: -1; }
    @media screen and (max-width: 1023px) {
      .zero::after {
        width: 50px;
        height: 40px;
        top: -24px;
        right: -13px; } }

.okigaru {
  color: #fff;
  font-size: 22px;
  font-weight: bold;
  text-shadow: 0 0 2px #0a2c70, 0 0 2px #0a2c70, 0 0 2px #0a2c70, 0 0 2px #0a2c70, 0 0 2px #0a2c70, 0 0 2px #0a2c70, 0 0 2px #0a2c70, 0 0 2px #0a2c70;
  z-index: 1; }
  @media screen and (max-width: 1023px) {
    .okigaru {
      font-size: 16px; } }

img.matsuNyanLine {
  display: block;
  position: absolute;
  top: -555px;
  right: 29px;
  margin: 0 auto;
  width: 290px; }
  @media screen and (max-width: 1023px) {
    img.matsuNyanLine {
      top: -510px;
      width: 240px; } }
  @media screen and (max-width: 834px) {
    img.matsuNyanLine {
      position: relative;
      top: 0;
      right: 0;
      margin-bottom: 80px;
      z-index: 200; } }

@media screen and (max-width: 1240px) {
  .page-ad-75 section#footGuide {
    margin: 0 29px; } }

/*フッターウィジェット*/
.widget_recent_entries ul li a,
.widget_categories ul li a,
.widget_archive ul li a,
.widget_pages ul li a,
.widget_meta ul li a,
.widget_rss ul li a,
.widget_nav_menu ul li a {
  font-size: 12px;
  color: #fff;
  text-decoration: none;
  padding: 0;
  display: block;
  padding: 0 20px;
  border-radius: 16px 0;
  transition: 0.3s; }
  .widget_recent_entries ul li a:hover,
  .widget_categories ul li a:hover,
  .widget_archive ul li a:hover,
  .widget_pages ul li a:hover,
  .widget_meta ul li a:hover,
  .widget_rss ul li a:hover,
  .widget_nav_menu ul li a:hover {
    background-color: #fff;
    color: #0a2c70;
    padding: 0 30px; }

@media screen and (max-width: 1023px) {
  .footer-widgets {
    display: flex; } }
@media screen and (max-width: 768px) {
  .footer-widgets {
    display: none; } }

@media screen and (max-width: 1023px) {
  .footer-left,
  .footer-center,
  .footer-right {
    width: 33.33%; } }

/*フッター*/
#footer {
  margin: -10px 0;
  padding: 0;
  background: #0a2c70; }

.footer-bottom {
  margin-top: 0;
  margin-bottom: -50px; }

.source-org.copyright {
  color: #fff;
  font-size: 10px;
  margin-top: 0; }

/*******************
** Preset
*******************/
.set1 h2 {
  font-size: 24px;
  text-align: center;
  background: transparent;
  margin: 0 auto;
  padding: 0 0 50px;
  color: #0a2c70; }
  @media screen and (max-width: 834px) {
    .set1 h2 {
      font-size: 20px; } }
.set1 h3 {
  color: #0a2c70;
  border: none;
  margin: 0;
  text-align: center; }
  @media screen and (max-width: 834px) {
    .set1 h3 {
      font-size: 18px; } }

.narrow {
  max-width: 800px;
  margin: 0 auto; }

/*エントリータイトル*/
h1.entry-title {
  text-align: center;
  padding: calc(72px + 50px) 0 50px;
  background: url("https://matsuken-ts.jp/neo/wp-content/themes/matsu-ken/image/honeycomb_b.jpg");
  background-size: 5%;
  margin: 0 calc((100% - 100vw) / 2) 0;
  color: #0a2c70;
  font-size: 30px; }
  @media screen and (max-width: 1023px) {
    h1.entry-title {
      padding: 60px 0 50px;
      font-size: 28px; } }

/*パンくずリスト*/
.breadcrumb {
  text-align: center;
  color: #0a2c70; }
  .breadcrumb a {
    text-decoration: none;
    color: #0a2c70;
    transition: 0.3s; }
    .breadcrumb a.hover {
      text-shadow: 0 0 4px #f7ca00, 0 0 4px #f7ca00, 0 0 4px #f7ca00; }

/*******************
** Button
*******************/
a.Btn1 {
  display: block;
  width: fit-content;
  position: relative;
  background: #fff;
  color: #0a2c70;
  font-weight: bold;
  text-decoration: none;
  border: solid 2px #aeb8cd;
  border-radius: 40px 0;
  padding: 10px 50px;
  transition: 0.3s;
  margin: 20px auto; }
  @media screen and (max-width: 834px) {
    a.Btn1 {
      font-size: 14px; } }
  a.Btn1:hover {
    border: solid 2px #f7ca00;
    animation: key1 1s ease 1 alternate; }

/*トップに戻るボタン*/
.go-to-top {
  right: 30px;
  bottom: 120px;
  z-index: 100; }
  @media screen and (max-width: 1023px) {
    .go-to-top {
      right: 10px;
      bottom: 120px; } }
  @media screen and (max-width: 1023px) {
    .go-to-top .go-to-top-button {
      display: block !important; } }

/*******************
** Home
*******************/
/*heroImgセクション*/
#heroImg {
  margin: 0; }
  #heroImg .outer {
    background: url("https://matsuken-ts.jp/neo/wp-content/themes/matsu-ken/image/honeycomb_b.jpg");
    background-size: 5%;
    margin: 0 calc((100% - 100vw) / 2) 0;
    display: flex;
    justify-content: center;
    align-items: center;
    height: calc(100vh - 58px - 88px);
    min-height: 600px; }
    @media screen and (max-width: 480px) {
      #heroImg .outer {
        min-height: 490px; } }
    @media screen and (max-width: 321px) {
      #heroImg .outer {
        min-height: 490px; } }
  #heroImg .inner {
    max-width: 1236px;
    width: 100%;
    padding: 20px 29px;
    text-align: center; }
  #heroImg .catch {
    text-align: center;
    font-size: 26px;
    font-weight: normal;
    color: #0a2c70; }
  #heroImg img {
    width: 300px;
    padding: 20px; }
  #heroImg h1 {
    text-align: center;
    font-size: 20px;
    font-weight: normal;
    color: #0a2c70;
    line-height: 1.6; }
    @media screen and (max-width: 834px) {
      #heroImg h1 {
        font-size: 18px; } }
    @media screen and (max-width: 480px) {
      #heroImg h1 {
        font-size: 16px; } }
  #heroImg .tel {
    margin-top: 20px; }
    #heroImg .tel a {
      color: #0a2c70;
      font-size: 40px;
      font-weight: bold;
      text-decoration: none; }
      @media screen and (max-width: 480px) {
        #heroImg .tel a {
          font-size: 28px; } }
    #heroImg .tel img {
      width: 61px;
      padding: 0;
      margin: 10px 10px -5px 0; }
      @media screen and (max-width: 480px) {
        #heroImg .tel img {
          width: 45px; } }
    #heroImg .tel p {
      background: #41c5af;
      color: #fff;
      font-size: 18px;
      font-weight: bold;
      width: fit-content;
      margin: 0 auto;
      padding: 10px 50px;
      border-radius: 14px; }
      @media screen and (max-width: 834px) {
        #heroImg .tel p {
          font-size: 16px;
          padding: 10px 30px; } }
      @media screen and (max-width: 480px) {
        #heroImg .tel p {
          font-size: 14px;
          padding: 5px 0;
          width: 100%; } }
      @media screen and (max-width: 321px) {
        #heroImg .tel p {
          font-size: 12px; } }

/*メニューセクション*/
#pageMenu {
  margin: 0; }
  #pageMenu .outer {
    background: #f7ca00;
    margin: 0 calc((100% - 100vw) / 2) 0;
    display: flex;
    justify-content: center;
    border-top: solid 8px #0a2c70; }
  #pageMenu a.menuBtn {
    display: block;
    text-align: center;
    font-size: 14px;
    text-decoration: none;
    color: #333; }
    @media screen and (max-width: 768px) {
      #pageMenu a.menuBtn {
        font-size: 10px; } }
    #pageMenu a.menuBtn img {
      display: block;
      margin: 0 auto;
      height: 36px;
      background: #fff;
      border-radius: 1000px;
      transition: 0.3s; }
  #pageMenu .menuBtn:hover img {
    animation: key1 1s ease 1 alternate;
    background: #fff !important; }
  #pageMenu .gnav {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    height: 80px;
    margin: 0 auto;
    max-width: 1000px;
    width: 100%;
    padding: 10px 29px 8px; }
    @media screen and (max-width: 550px) {
      #pageMenu .gnav {
        height: 160px; } }
    #pageMenu .gnav > li {
      width: 15%; }
      @media screen and (max-width: 550px) {
        #pageMenu .gnav > li {
          width: 30%; } }
    #pageMenu .gnav li {
      list-style: none;
      position: relative; }
      #pageMenu .gnav li li {
        position: relative;
        height: 0;
        overflow: hidden;
        width: 220px;
        transition: 0.5s;
        z-index: 100;
        background: #fff;
        padding: 0 20px;
        margin: 0; }
        #pageMenu .gnav li li a {
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          color: #0a2c70;
          padding: 2px 20px 0;
          text-decoration: none;
          transition: 0.2s;
          border-left: solid 1px #ddd;
          border-right: solid 1px #ddd; }
          #pageMenu .gnav li li a:hover {
            background: #f7ca00; }
      #pageMenu .gnav li:hover > ul > li {
        height: 2rem;
        overflow: visible; }
        @media screen and (max-width: 550px) {
          #pageMenu .gnav li:hover > ul > li {
            display: none; } }
      #pageMenu .gnav li ul li ul {
        left: 82%;
        position: absolute;
        top: 0;
        width: 100%; }

/*movieセクション*/
.movieOuter {
  position: relative;
  width: 100%;
  max-width: 640px;
  margin: 0 auto; }
  .movieOuter .playBtn {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2; }
    .movieOuter .playBtn:hover::after {
      font-size: 100px; }
  .movieOuter .paused::after {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    content: "\f144";
    text-shadow: white 2px 0px, white -2px 0px, white 0px -2px, white 0px 2px, white 2px 2px, white -2px 2px, white 2px -2px, white -2px -2px, white 1px 2px, white -1px 2px, white 1px -2px, white -1px -2px, white 2px 1px, white -2px 1px, white 2px -1px, white -2px -1px;
    font-family: "Font Awesome 5 Free";
    font-weight: 500;
    font-size: 80px;
    color: #f7ca00;
    margin: auto;
    z-index: 3;
    transition: 0.3s; }

p.alignCenter {
  text-align: center;
  font-size: 12px;
  color: #0a2c70;
  margin-bottom: 50px; }

/*aboutセクション*/
#about {
  position: relative;
  padding: 0;
  margin: 50px 0; }
  @media screen and (max-width: 1023px) {
    #about {
      padding: 0 0 200px; } }
  #about .outer {
    background: transparent;
    margin: 0 calc((100% - 100vw) / 2) 0;
    display: flex;
    justify-content: center; }
  #about .inner {
    background: #fff;
    border: solid 5px #aeb8cd;
    border-radius: 30px;
    padding: 20px 50px 40px;
    display: flex;
    flex-direction: column;
    justify-content: center; }
    @media screen and (max-width: 660px) {
      #about .inner {
        padding: 20px 20px 40px; } }
  #about h2 {
    color: #41c5af;
    padding: 25px; }
  #about .text {
    color: #0a2c70;
    margin: 0 auto;
    width: 40vw;
    max-width: 530px; }
    @media screen and (max-width: 1023px) {
      #about .text {
        width: 100%;
        max-width: none; } }

img.matsuNyan01 {
  position: absolute;
  bottom: -22px;
  left: 6%;
  width: 17vw;
  max-width: 250px; }
  @media screen and (max-width: 1023px) {
    img.matsuNyan01 {
      position: absolute;
      bottom: -22px;
      left: 50%;
      transform: translate(-50%, 0);
      width: 200px; } }

@media screen and (max-width: 1120px) {
  img.matsuNyan01 {
    width: 200px; } }
/*選ばれる理由セクション*/
#reason .outer {
  background: #fff;
  margin: 0 calc((100% - 100vw) / 2) 0;
  display: flex;
  justify-content: center;
  padding: 50px 0 50px; }
#reason .inner {
  max-width: 1236px;
  width: 100%;
  padding: 0 29px; }
#reason .iconWrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 50px; }
  @media screen and (max-width: 834px) {
    #reason .iconWrap {
      margin-bottom: 0; } }
#reason .iconOuter {
  font-size: 16px;
  width: 30%; }
  @media screen and (max-width: 834px) {
    #reason .iconOuter {
      font-size: 13px;
      width: 100%;
      margin-bottom: 50px; } }
  #reason .iconOuter img {
    display: block;
    border: solid 5px #deeaf6;
    border-radius: 20px;
    padding: 2px;
    width: 100%;
    max-width: 400px;
    margin: 0 auto;
    text-align: center; }
#reason .imgWrap {
  display: flex;
  justify-content: center; }
  @media screen and (max-width: 768px) {
    #reason .imgWrap {
      flex-direction: column; } }
  #reason .imgWrap img {
    width: 45%;
    max-width: 400px;
    margin: 0 20px;
    object-fit: contain;
    font-family: "object-fit: contain;"; }
    @media screen and (max-width: 1023px) {
      #reason .imgWrap img {
        max-width: 300px; } }
    @media screen and (max-width: 768px) {
      #reason .imgWrap img {
        width: 100%;
        max-width: 300px;
        margin: 0 auto 28px; } }

/*まつ建はこんな方にオススメ*/
#recommendation {
  padding: 50px;
  position: relative; }
  #recommendation .background {
    background: url("https://matsuken-ts.jp/neo/wp-content/themes/matsu-ken/image/recommendationBack.jpg");
    background-size: cover;
    position: absolute;
    top: -50px;
    left: 0;
    width: 100vw;
    height: calc(100% + 100px);
    margin: 0 calc((100% - 100vw) / 2) 0;
    z-index: -1; }
  #recommendation .outerSquare {
    background-image: url(https://matsuken-ts.jp/neo/wp-content/themes/matsu-ken/image/backIcon/insulation02.jpg);
    padding: 60px 0; }
  #recommendation h2 {
    color: #41c5af;
    padding: 0 0 25px; }
    @media screen and (max-width: 834px) {
      #recommendation h2 {
        padding: 0 0 25px;
        font-size: 18px; } }

/*もっとまつ建を知りたい！*/
#more {
  margin-top: 0;
  margin-bottom: 0; }
  #more .outer {
    background: #fff;
    margin: 0 calc((100% - 100vw) / 2) 0;
    display: flex;
    justify-content: center;
    padding: 70px 0 120px; }
  #more .inner {
    max-width: 1236px;
    width: 100%;
    padding: 0 29px; }
  #more .iconWrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: center; }
  #more .iconOuter {
    font-size: 13px;
    width: 20%;
    padding: 10px; }
    @media screen and (max-width: 834px) {
      #more .iconOuter {
        width: 40%; } }
    @media screen and (max-width: 480px) {
      #more .iconOuter {
        width: 50%;
        max-width: 400px; } }
    #more .iconOuter a {
      display: inline-block;
      text-decoration: none; }
      #more .iconOuter a img {
        border: solid 5px #deeaf6;
        border-radius: 20px;
        padding: 2px;
        transition: 0.3s; }
      #more .iconOuter a:hover {
        animation: key1 1s ease 1 alternate; }
        #more .iconOuter a:hover img {
          border: solid 5px #f7ca00; }
    #more .iconOuter p {
      display: none; }
    #more .iconOuter h3 {
      padding: 0;
      font-size: 15px; }
      @media screen and (max-width: 834px) {
        #more .iconOuter h3 {
          font-size: 12px; } }

/*ホームブログエリア*/
#blog {
  padding: 50px 0 0; }

.ect-3-columns {
  justify-content: space-between; }

/*******************
** Page
*******************/
/*------------------
** 個別設定
------------------*/
#payment01 {
  /*お支払い方法*/
  line-height: 2.5; }

/*------------------
** squareBase
------------------*/
.squareBase h2 {
  position: relative;
  padding: 14px 10px 14px 60px;
  color: #0a2c70;
  background: transparent;
  width: fit-content;
  text-align: left;
  margin: 50px auto 16px; }
  @media screen and (max-width: 768px) {
    .squareBase h2 {
      font-size: 22px;
      margin-bottom: 0px; } }
  @media screen and (max-width: 480px) {
    .squareBase h2 {
      margin: 30px auto 16px; } }
  .squareBase h2::before {
    position: absolute;
    content: "";
    background-image: url(https://matsuken-ts.jp/neo/wp-content/themes/matsu-ken/image/kiraKira.png);
    background-size: cover;
    height: 40px;
    width: 40px;
    left: 10px;
    top: 9px; }
.squareBase h3 {
  position: relative;
  text-align: left;
  border: none;
  width: fit-content;
  font-size: 18px;
  padding: 6px 0;
  margin: 0 auto 20px; }
  @media screen and (max-width: 1023px) {
    .squareBase h3 {
      font-size: 16px; } }

/*------------------
** @squareBase 
** outerSquare
------------------*/
.outerSquare {
  position: relative;
  border: solid 5px #dcdcdc;
  border-radius: 20px;
  background: #fff;
  padding: 30px; }
  .outerSquare p:last-child {
    margin-bottom: 0; }
  .outerSquare .itemInfoLink {
    text-align: center;
    display: block;
    margin-top: 30px;
    font-size: 18px;
    font-weight: bold; }
    @media screen and (max-width: 768px) {
      .outerSquare .itemInfoLink {
        font-size: 16px; } }
    .outerSquare .itemInfoLink a {
      text-decoration: none; }
  .outerSquare p.chat {
    display: block;
    font-size: 16px;
    line-height: 1.6em;
    padding: 20px 0 0; }
    .outerSquare p.chat span {
      display: inline-block;
      color: #41c5af;
      padding-right: 0.5em; }

/*------------------
** @squareBase
** baseText（汎用）
------------------*/
.baseText img {
  width: 80%;
  margin: 10px 10% 40px; }
.baseText ul {
  display: block;
  width: fit-content;
  margin: 0 auto 1.4em; }
  .baseText ul:last-child {
    margin-bottom: 0; }

/*------------------
** @squareBase
** pointText（汎用）
------------------*/
.pointText {
  text-align: center; }
  .pointText p {
    display: block;
    font-size: 18px;
    text-align: left;
    width: fit-content;
    margin: 0 auto; }
    @media screen and (max-width: 834px) {
      .pointText p {
        font-size: 16px; } }

/*------------------
** @squareBase
** linkArea（汎用・各リフォームリンク）
------------------*/
.linkArea {
  text-align: center; }
  .linkArea .flex {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 10px 0; }
    .linkArea .flex a {
      display: block;
      width: 33%;
      font-size: 18px;
      color: #0a2c70;
      text-align: center;
      text-decoration: none; }
      @media screen and (max-width: 768px) {
        .linkArea .flex a {
          width: 50%;
          font-size: 16px; } }
      @media screen and (max-width: 480px) {
        .linkArea .flex a {
          width: 100%; } }
      .linkArea .flex a span {
        display: inline-block;
        padding: 5px;
        font-size: 20px;
        color: #fff;
        transition: 0.3s;
        text-shadow: #41c5af 2px 0px, #41c5af -2px 0px, #41c5af 0px -2px, #41c5af 0px 2px, #41c5af 2px 2px, #41c5af -2px 2px, #41c5af 2px -2px, #41c5af -2px -2px, #41c5af 1px 2px, #41c5af -1px 2px, #41c5af 1px -2px, #41c5af -1px -2px, #41c5af 2px 1px, #41c5af -2px 1px, #41c5af 2px -1px, #41c5af -2px -1px; }
        @media screen and (max-width: 768px) {
          .linkArea .flex a span {
            font-size: 18px; } }
      .linkArea .flex a:hover {
        animation: key1 1s ease 1 alternate; }
        .linkArea .flex a:hover span {
          text-shadow: #f7ca00 2px 0px, #f7ca00 -2px 0px, #f7ca00 0px -2px, #f7ca00 0px 2px, #f7ca00 2px 2px, #f7ca00 -2px 2px, #f7ca00 2px -2px, #f7ca00 -2px -2px, #f7ca00 1px 2px, #f7ca00 -1px 2px, #f7ca00 1px -2px, #f7ca00 -1px -2px, #f7ca00 2px 1px, #f7ca00 -2px 1px, #f7ca00 2px -1px, #f7ca00 -2px -1px; }
  .linkArea p {
    display: block;
    font-size: 18px;
    text-align: left;
    width: fit-content;
    margin: 0 auto; }
    @media screen and (max-width: 834px) {
      .linkArea p {
        font-size: 16px; } }

/*------------------
** @squareBase
** checkList（汎用・チェックマークリスト）
------------------*/
.checkList ul {
  display: block;
  width: fit-content;
  margin: 0 auto; }
  .checkList ul li {
    font-size: 18px;
    list-style-type: none; }
    @media screen and (max-width: 768px) {
      .checkList ul li {
        font-size: 16px; } }
    .checkList ul li::before {
      font-family: "Font Awesome 5 Free";
      content: "\f00c";
      font-weight: 900;
      position: relative;
      left: -0.5em;
      color: #0a2c70; }

/*------------------
** @squareBase 
** company (会社概要)
------------------*/
.company h3 {
  position: relative;
  text-align: center;
  font-size: 21px;
  border: none;
  width: fit-content;
  padding: 0 20px;
  margin: 30px auto; }
  .company h3:first-child {
    margin-top: 8px; }
  @media screen and (max-width: 834px) {
    .company h3 {
      font-size: 18px; } }
  @media screen and (max-width: 480px) {
    .company h3 {
      font-size: 16px; } }
  .company h3::before, .company h3::after {
    content: "";
    background: #0a2c70;
    width: 50px;
    height: 4px;
    position: absolute;
    top: 40%; }
    @media screen and (max-width: 834px) {
      .company h3::before, .company h3::after {
        width: 30px; } }
    @media screen and (max-width: 480px) {
      .company h3::before, .company h3::after {
        width: 15px; } }
  .company h3::before {
    left: -50px;
    border-radius: 10px 0 0 0; }
    @media screen and (max-width: 834px) {
      .company h3::before {
        left: -30px; } }
    @media screen and (max-width: 480px) {
      .company h3::before {
        left: -15px; } }
  .company h3::after {
    right: -50px;
    border-radius: 0 0 10px 0; }
    @media screen and (max-width: 834px) {
      .company h3::after {
        right: -30px; } }
    @media screen and (max-width: 480px) {
      .company h3::after {
        right: -15px; } }
.company table.contentCompany {
  margin: 20px 0; }
  .company table.contentCompany tr:nth-of-type(2n + 1) {
    background-color: transparent; }
  .company table.contentCompany th {
    background: transparent;
    border-left: none; }
  .company table.contentCompany td {
    background: transparent;
    border-right: none; }
  .company table.contentCompany .corner {
    border-top: none;
    border-bottom: none; }
.company .number {
  text-align: center;
  margin: -30px 0 20px;
  font-size: 18px;
  font-weight: bold; }
  @media screen and (max-width: 834px) {
    .company .number {
      font-size: 16px; } }

/*------------------
** @squareBase @outerSquare
** itemInfo(商品紹介)
------------------*/
.itemInfo img.itemImg {
  width: 50%;
  margin: 0 auto 24px;
  display: block; }
  @media screen and (max-width: 550px) {
    .itemInfo img.itemImg {
      width: 80%; } }
.itemInfo .wrapOuter {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; }
  @media screen and (max-width: 768px) {
    .itemInfo .wrapOuter {
      justify-content: center; } }
  @media screen and (max-width: 550px) {
    .itemInfo .wrapOuter {
      width: 100%; } }
  .itemInfo .wrapOuter .inner01 {
    display: block;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 62%; }
    @media screen and (max-width: 768px) {
      .itemInfo .wrapOuter .inner01 {
        width: 50%; } }
    @media screen and (max-width: 550px) {
      .itemInfo .wrapOuter .inner01 {
        width: 100%; } }
    .itemInfo .wrapOuter .inner01 .price {
      width: 49%;
      font-size: 18px;
      font-weight: bold; }
      @media screen and (max-width: 550px) {
        .itemInfo .wrapOuter .inner01 .price {
          text-align: center;
          padding: 0 0 24px; } }
      .itemInfo .wrapOuter .inner01 .price .small {
        display: block;
        font-size: 14px;
        font-weight: normal; }
        @media screen and (max-width: 834px) {
          .itemInfo .wrapOuter .inner01 .price .small {
            font-size: 12px; } }
        @media screen and (max-width: 550px) {
          .itemInfo .wrapOuter .inner01 .price .small {
            text-align: center; } }
      @media screen and (max-width: 768px) {
        .itemInfo .wrapOuter .inner01 .price {
          width: 100%; } }
    .itemInfo .wrapOuter .inner01 .discount {
      width: 49%;
      text-align: center;
      font-size: 32px;
      font-weight: bold;
      color: #f00;
      line-height: 1.2; }
      .itemInfo .wrapOuter .inner01 .discount span {
        display: block;
        font-size: 14px; }
      @media screen and (max-width: 768px) {
        .itemInfo .wrapOuter .inner01 .discount {
          width: 100%;
          text-align: left; } }
      @media screen and (max-width: 550px) {
        .itemInfo .wrapOuter .inner01 .discount {
          text-align: center;
          padding: 0 0 24px; } }
  .itemInfo .wrapOuter .inner02 {
    display: block;
    width: fit-content;
    border: solid 5px #f7ca00;
    padding: 2% 4% 0; }
    @media screen and (max-width: 834px) {
      .itemInfo .wrapOuter .inner02 {
        font-size: 14px; } }
    .itemInfo .wrapOuter .inner02 p {
      text-align: center;
      font-weight: bold; }
    .itemInfo .wrapOuter .inner02 ul {
      width: fit-content;
      display: block;
      padding-left: 1.2em; }

/*------------------
** @squareBase @outerSquare
** itemExp（tableエリア)
------------------*/
.itemExp table {
  margin: 20px 0 10px; }
  @media screen and (max-width: 480px) {
    .itemExp table tr {
      display: flex;
      flex-direction: column;
      margin-bottom: 5px; } }
  .itemExp table tr:nth-of-type(2n + 1) {
    background-color: transparent; }
  .itemExp table th {
    background: transparent;
    border: solid 1px #41c5af;
    border-left: none;
    width: 50%;
    min-width: 180px;
    text-align: left; }
    @media screen and (max-width: 480px) {
      .itemExp table th {
        width: 100%;
        text-align: center;
        border: none;
        background: #41c5af;
        color: #fff; } }
  .itemExp table td {
    background: transparent;
    border: solid 1px #41c5af;
    border-right: none; }
    @media screen and (max-width: 480px) {
      .itemExp table td {
        width: 100%;
        text-align: center;
        border: none; } }
.itemExp p:last-child {
  font-size: 12px;
  text-align: right; }

/*------------------
** @squareBase @outerSquare
** itemExp2（価格無しオプションエリア)
------------------*/
.itemExp2 table {
  margin: 20px 0 10px; }
  @media screen and (max-width: 480px) {
    .itemExp2 table tr {
      display: flex;
      flex-direction: column; } }
  .itemExp2 table tr:nth-of-type(2n + 1) {
    background-color: transparent; }
  .itemExp2 table th {
    background: transparent;
    border: solid 1px #41c5af;
    width: 50%;
    min-width: 180px;
    text-align: center; }
    @media screen and (max-width: 480px) {
      .itemExp2 table th {
        width: 100%;
        border: none;
        background: #41c5af;
        color: #fff;
        margin-bottom: 5px; } }
.itemExp2 p:last-child {
  font-size: 12px;
  text-align: right; }

/*------------------
** @squareBase @outerSquare
** maker（メーカーロゴエリア)
------------------*/
#maker {
  padding: 80px 0; }

.maker img {
  display: block;
  width: 80%;
  margin: 40px auto; }
.maker p {
  display: block;
  width: fit-content;
  margin: auto; }

/*------------------
** @squareBase @outerSquare
** newFlow(新築フロー)
------------------*/
.newFlow {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  position: relative;
  padding-bottom: 90px; }
  @media screen and (max-width: 480px) {
    .newFlow {
      justify-content: center; } }
  .newFlow img {
    width: 49%;
    padding-bottom: 20px; }
    @media screen and (max-width: 480px) {
      .newFlow img {
        width: 100%; } }
    .newFlow img:nth-child(2n) {
      position: relative;
      top: 80px; }
      @media screen and (max-width: 480px) {
        .newFlow img:nth-child(2n) {
          top: 0; } }

/*------------------
** @squareBase @outerSquare
** loginTrader(業者ログイン)
------------------*/
.loginTrader {
  padding: 30px 30%; }
  @media screen and (max-width: 768px) {
    .loginTrader {
      padding: 30px 20%; } }
  @media screen and (max-width: 480px) {
    .loginTrader {
      padding: 30px 12%; } }

/*------------------
** 各backIcon
------------------*/
.outerSquare {
  background-size: 200px auto;
  background-position: right 30px bottom 30px;
  background-repeat: no-repeat; }

#company01 .outerSquare {
  background-image: url(https://matsuken-ts.jp/neo/wp-content/themes/matsu-ken/image/backIcon/company01.jpg); }

#company02 .outerSquare {
  background-image: url(https://matsuken-ts.jp/neo/wp-content/themes/matsu-ken/image/backIcon/company02.jpg); }

#company03 .outerSquare {
  background-image: url(https://matsuken-ts.jp/neo/wp-content/themes/matsu-ken/image/backIcon/company03.jpg); }

#staff01 .outerSquare {
  background-image: url(https://matsuken-ts.jp/neo/wp-content/themes/matsu-ken/image/backIcon/staff01.jpg); }

#payment01 .outerSquare {
  background-image: url(https://matsuken-ts.jp/neo/wp-content/themes/matsu-ken/image/backIcon/payment01.jpg); }

#renovation01 .outerSquare {
  background-image: url(https://matsuken-ts.jp/neo/wp-content/themes/matsu-ken/image/backIcon/renovation01.jpg); }

#insulation01 .outerSquare {
  background-image: url(https://matsuken-ts.jp/neo/wp-content/themes/matsu-ken/image/backIcon/insulation01.jpg); }

#insulation02 .outerSquare {
  background-image: url(https://matsuken-ts.jp/neo/wp-content/themes/matsu-ken/image/backIcon/insulation02.jpg); }

#mansion01 .outerSquare {
  background-image: url(https://matsuken-ts.jp/neo/wp-content/themes/matsu-ken/image/backIcon/mansion01.jpg); }

#mansion02 .outerSquare {
  background-image: url(https://matsuken-ts.jp/neo/wp-content/themes/matsu-ken/image/backIcon/mansion02.jpg); }

/*------------------
** fullTable（お品書き）
------------------*/
.fullTable {
  font-size: 14px;
  margin: 30px 0; }
  .fullTable th {
    background: #fff;
    color: #41c5af;
    border: solid 1px #41c5af; }
    .fullTable th.topA {
      width: 15%;
      min-width: 37px;
      background: #41c5af;
      color: #fff;
      border-right: solid 1px #fff; }
      .fullTable th.topA img {
        width: 80%; }
    .fullTable th.topB {
      background: #41c5af;
      color: #fff; }
  .fullTable td {
    text-align: center;
    font-size: 14px;
    background: #fff;
    border: solid 1px #41c5af; }
    .fullTable td.good {
      background-size: 25px auto;
      background-position: right 5px bottom 5px;
      background-repeat: no-repeat;
      background-image: url(https://matsuken-ts.jp/neo/wp-content/themes/matsu-ken/image/backIcon/menuListGood.jpg); }
    .fullTable td.text {
      text-align: left; }
      @media screen and (max-width: 768px) {
        .fullTable td.text {
          font-size: 10px; } }

/*------------------
** flowBase（フローエリア）
------------------*/
.flowBase h2 {
  position: relative;
  padding: 14px 10px 14px 60px;
  color: #0a2c70;
  background: transparent;
  width: fit-content;
  text-align: left;
  margin: 50px auto 16px; }
  @media screen and (max-width: 768px) {
    .flowBase h2 {
      font-size: 22px;
      margin-bottom: 0px; } }
  @media screen and (max-width: 480px) {
    .flowBase h2 {
      margin: 30px auto 16px; } }
  .flowBase h2::before {
    position: absolute;
    content: "";
    background-image: url(https://matsuken-ts.jp/neo/wp-content/themes/matsu-ken/image/kiraKira.png);
    background-size: cover;
    height: 40px;
    width: 40px;
    left: 10px;
    top: 9px; }
.flowBase p {
  display: block;
  width: fit-content;
  margin: 0 auto 1.4em; }
.flowBase .left {
  width: 80%;
  margin-right: 20%; }
.flowBase .right {
  width: 80%;
  margin-left: 20%; }
.flowBase .flowOuter {
  position: relative;
  border: solid 2px #aeb8cd;
  border-radius: 20px;
  padding: 0;
  margin-bottom: 30px;
  background-color: #fff;
  background-size: 75px auto;
  background-position: right 10px bottom 10px;
  background-repeat: no-repeat; }
  @media screen and (max-width: 768px) {
    .flowBase .flowOuter {
      width: 100%;
      margin: 0 0 20px; } }
  .flowBase .flowOuter .stepNo {
    position: absolute;
    top: -5px;
    left: -30px;
    color: #fff;
    background: #5b9bd5;
    width: 120px;
    height: 120px;
    border-radius: 50%;
    z-index: 1;
    text-align: center; }
    @media screen and (max-width: 768px) {
      .flowBase .flowOuter .stepNo {
        width: 100px;
        height: 100px; } }
    @media screen and (max-width: 480px) {
      .flowBase .flowOuter .stepNo {
        width: 75px;
        height: 75px;
        left: -5px;
        top: -10px; } }
    .flowBase .flowOuter .stepNo span {
      font-family: "Avenir", "Helvetica Neue", "Helvetica", "Arial", "Hiragino Sans", "ヒラギノ角ゴシック", YuGothic, "Yu Gothic", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }
      .flowBase .flowOuter .stepNo span.tag {
        position: absolute;
        top: 8px;
        right: 0;
        left: 0;
        font-size: 24px;
        font-weight: bold; }
        @media screen and (max-width: 768px) {
          .flowBase .flowOuter .stepNo span.tag {
            font-size: 20px; } }
        @media screen and (max-width: 480px) {
          .flowBase .flowOuter .stepNo span.tag {
            font-size: 12px; } }
      .flowBase .flowOuter .stepNo span.no {
        position: absolute;
        right: 0;
        left: 0;
        bottom: -22px;
        font-size: 70px;
        font-weight: bold; }
        @media screen and (max-width: 768px) {
          .flowBase .flowOuter .stepNo span.no {
            bottom: -15px;
            font-size: 60px; } }
        @media screen and (max-width: 480px) {
          .flowBase .flowOuter .stepNo span.no {
            font-size: 50px; } }
  .flowBase .flowOuter h3 {
    position: relative;
    background: #0a2c70;
    color: #fff;
    font-size: 18px;
    line-height: 38px;
    border: none;
    width: 100%;
    margin: 0 0 20px;
    padding-left: 120px;
    border-radius: 18px; }
    @media screen and (max-width: 768px) {
      .flowBase .flowOuter h3 {
        font-size: 16px;
        line-height: 34px;
        padding-left: 80px; } }
    @media screen and (max-width: 480px) {
      .flowBase .flowOuter h3 {
        padding-left: 80px; } }
    .flowBase .flowOuter h3 span {
      position: absolute;
      right: 14px;
      bottom: -7px;
      font-size: 12px;
      font-weight: normal; }
      @media screen and (max-width: 480px) {
        .flowBase .flowOuter h3 span {
          font-size: 10px;
          bottom: -7px; } }
  .flowBase .flowOuter p {
    padding: 0 10% 0 120px;
    font-size: 14px; }
    @media screen and (max-width: 768px) {
      .flowBase .flowOuter p {
        padding: 0 10% 0 80px; } }
    @media screen and (max-width: 480px) {
      .flowBase .flowOuter p {
        padding: 0 5%; } }
.flowBase .v2 .stepNo {
  color: #fff;
  background: #0a2c70; }
.flowBase .v2 h3 {
  background: #f7ca00;
  color: #0a2c70; }
.flowBase .backImgTel {
  background-image: url(https://matsuken-ts.jp/neo/wp-content/themes/matsu-ken/image/flowIcon/tel.jpg); }
.flowBase .backImgResearch {
  background-image: url(https://matsuken-ts.jp/neo/wp-content/themes/matsu-ken/image/flowIcon/research.jpg); }
.flowBase .backImgPlan {
  background-image: url(https://matsuken-ts.jp/neo/wp-content/themes/matsu-ken/image/flowIcon/plan.jpg); }
.flowBase .backImgHand {
  background-image: url(https://matsuken-ts.jp/neo/wp-content/themes/matsu-ken/image/flowIcon/hand.jpg); }
.flowBase .backImgMeet {
  background-image: url(https://matsuken-ts.jp/neo/wp-content/themes/matsu-ken/image/flowIcon/meet.jpg); }
.flowBase .backImgDone {
  background-image: url(https://matsuken-ts.jp/neo/wp-content/themes/matsu-ken/image/flowIcon/done.jpg); }

/*******************
** Page お問い合わせ
*******************/
.page-id-75 #anybot {
  display: none; }

#contact1 h2 {
  font-size: 26px;
  text-align: center;
  background: transparent;
  margin: 0 auto;
  padding: 30px 0 20px;
  color: #0a2c70; }
#contact1 .form-Scroll-Solid h2 {
  font-size: 18px;
  padding: 30px 0 0; }

.formInner {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  width: 90%;
  max-width: 600px; }

.formInner2col {
  margin-left: auto;
  margin-right: auto;
  position: relative; }

.formWrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around; }

.formWrapInner {
  text-align: left;
  width: 40%; }
  @media screen and (max-width: 834px) {
    .formWrapInner {
      width: 80%; } }
  @media screen and (max-width: 480px) {
    .formWrapInner {
      width: 100%; } }

.form2colCenter {
  max-width: 600px;
  margin: 0 auto; }

/*ContactForm7*/
.wpcf7 > form {
  background: transparent;
  margin: 0px calc((100% - 100vw) / 2) -23px;
  padding: 10px calc((100vw - 100%) / 2);
  box-sizing: border-box;
  color: #333;
  height: 100%;
  width: 100vw; }

.formBody > p {
  text-align: left;
  font-size: 16px !important; }

.must {
  background: #41c5af;
  color: #fff;
  margin-right: 10px;
  padding: 6px 30px; }

.free {
  background: #555;
  color: #fff;
  margin-right: 10px;
  padding: 6px 30px; }

form > p {
  font-weight: 600; }

.form-Scroll-Solid {
  background: #fff;
  color: #333;
  font-size: 13px;
  text-align: left;
  height: 200px;
  overflow: auto;
  padding: 0 20px;
  border: solid 1px #ddd;
  border-radius: 0; }
  .form-Scroll-Solid h2 {
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    background: none;
    padding: 0; }
  .form-Scroll-Solid h3 {
    font-weight: bold;
    font-size: 13px;
    border: none;
    padding: 0; }
  .form-Scroll-Solid p {
    font-size: 13px !important; }

.wpcf7 {
  background: transparent;
  border: none;
  margin: 0 !important;
  width: 100%; }
  .wpcf7 p,
  .wpcf7 select,
  .wpcf7 .wpcf7-list-item-label {
    margin: 6px 0 0;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.6; }
  .wpcf7 .wpcf7-list-item {
    display: inline-block;
    margin: 1em; }
  .wpcf7 p.center {
    text-align: center;
    margin-top: 40px; }
  .wpcf7 p.small {
    font-size: 14px; }
    @media screen and (max-width: 768px) {
      .wpcf7 p.small {
        font-size: 12px; } }

.centerCom {
  text-align: center;
  font-size: 16px; }
  .centerCom > h2 {
    margin-top: -75px;
    padding-top: 75px;
    margin-bottom: 15px;
    text-align: center;
    font-size: 40px;
    text-shadow: 0 0 3px #808080; }

input.wpcf7-form-control.wpcf7-text,
textarea.wpcf7-form-control.wpcf7-textarea,
input[type="date"],
.wpcf7 select {
  width: 100%;
  height: 40px;
  padding: 8px 15px;
  margin-top: 0;
  margin-bottom: 10px;
  border: 1px solid #d0d5d8;
  border-radius: 5px; }

textarea.wpcf7-form-control.wpcf7-textarea {
  height: 200px; }

input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required {
  background: #fff; }

.wpcf7 .wpcf7-submit,
.wpcf7 .wpcf7-confirm,
.wpcf7 .wpcf7-back {
  background: #f80 !important;
  color: #fff;
  font-size: 18px;
  font-weight: normal;
  text-indent: 10px;
  letter-spacing: 10px;
  box-sizing: border-box;
  position: relative;
  display: block;
  width: 225px;
  height: 48px;
  margin: 0 auto;
  cursor: pointer;
  border: solid 2px #fb6 !important;
  text-align: center;
  text-decoration: none;
  line-height: 1.2;
  outline: none;
  -webkit-transition: all 0.5s !important;
  transition: all 0.5s;
  border-radius: 3px; }
.wpcf7 .wpcf7-submit:hover,
.wpcf7 .wpcf7-confirm:hover,
.wpcf7 .wpcf7-back:hover {
  background-color: #ffa338 !important;
  color: #fff; }

span.wpcf7-not-valid-tip,
.wpcf7-response-output.wpcf7-validation-errors {
  color: red;
  margin: -0.7em 0 2em; }

.wpcf7c-conf {
  background-color: #ffffff !important;
  color: #38beee !important;
  border: 1px solid #38beee !important; }

/*会員ログイン*/
.page-id-1211 .wpcf7-submit {
  margin: 50px auto; }

/*******************
** List
*******************/
.home .archive-title,
.blog .archive-title,
.category .archive-title,
.tag .archive-title {
  font-size: 26px;
  text-align: center;
  background: #f7ca00;
  padding: 20px;
  margin: 16px calc((100% - 100vw) / 2); }
  @media screen and (max-width: 768px) {
    .home .archive-title,
    .blog .archive-title,
    .category .archive-title,
    .tag .archive-title {
      font-size: 20px; } }
  .home .archive-title::before,
  .blog .archive-title::before,
  .category .archive-title::before,
  .tag .archive-title::before {
    content: "”"; }
  .home .archive-title::after,
  .blog .archive-title::after,
  .category .archive-title::after,
  .tag .archive-title::after {
    content: "” を含む記事"; }
  .home .archive-title span,
  .blog .archive-title span,
  .category .archive-title span,
  .tag .archive-title span {
    display: none; }
.home .narrowDown h2,
.blog .narrowDown h2,
.category .narrowDown h2,
.tag .narrowDown h2 {
  text-align: center;
  font-size: 18px;
  letter-spacing: 0.3em;
  color: #0a2c70;
  padding: 20px 0 0; }
  @media screen and (max-width: 768px) {
    .home .narrowDown h2,
    .blog .narrowDown h2,
    .category .narrowDown h2,
    .tag .narrowDown h2 {
      font-size: 16px; } }
.home .narrowDown .flex,
.blog .narrowDown .flex,
.category .narrowDown .flex,
.tag .narrowDown .flex {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding: 10px 0 40px;
  margin: 0 auto; }
  @media screen and (max-width: 768px) {
    .home .narrowDown .flex,
    .blog .narrowDown .flex,
    .category .narrowDown .flex,
    .tag .narrowDown .flex {
      width: 300px; } }
  @media screen and (max-width: 480px) {
    .home .narrowDown .flex,
    .blog .narrowDown .flex,
    .category .narrowDown .flex,
    .tag .narrowDown .flex {
      width: auto;
      padding: 10px 0 20px; } }
  .home .narrowDown .flex a,
  .blog .narrowDown .flex a,
  .category .narrowDown .flex a,
  .tag .narrowDown .flex a {
    text-decoration: none;
    background: #41c5af;
    color: #fff;
    padding: 0 20px;
    margin: 0 3px;
    border-radius: 30px 0;
    transition: 0.3s; }
    @media screen and (max-width: 768px) {
      .home .narrowDown .flex a,
      .blog .narrowDown .flex a,
      .category .narrowDown .flex a,
      .tag .narrowDown .flex a {
        font-size: 14px;
        padding: 0 16px;
        margin: 5px 2px; } }
    @media screen and (max-width: 480px) {
      .home .narrowDown .flex a,
      .blog .narrowDown .flex a,
      .category .narrowDown .flex a,
      .tag .narrowDown .flex a {
        margin: 4px 16px;
        width: 60%;
        text-align: center; } }
    .home .narrowDown .flex a:hover,
    .blog .narrowDown .flex a:hover,
    .category .narrowDown .flex a:hover,
    .tag .narrowDown .flex a:hover {
      background: #f7ca00; }
@media screen and (max-width: 480px) {
  .home .list,
  .blog .list,
  .category .list,
  .tag .list {
    padding: 30px 0;
    margin: 0 auto; } }
.home .list .entry-card-wrap,
.blog .list .entry-card-wrap,
.category .list .entry-card-wrap,
.tag .list .entry-card-wrap {
  width: 30%;
  margin-bottom: 20px; }
  @media screen and (max-width: 834px) {
    .home .list .entry-card-wrap,
    .blog .list .entry-card-wrap,
    .category .list .entry-card-wrap,
    .tag .list .entry-card-wrap {
      width: 47%; } }
  @media screen and (max-width: 480px) {
    .home .list .entry-card-wrap,
    .blog .list .entry-card-wrap,
    .category .list .entry-card-wrap,
    .tag .list .entry-card-wrap {
      width: 49%;
      max-width: 400px; } }
  .home .list .entry-card-wrap:hover,
  .blog .list .entry-card-wrap:hover,
  .category .list .entry-card-wrap:hover,
  .tag .list .entry-card-wrap:hover {
    display: inline-block;
    animation: key1 1s ease 1 alternate;
    background: transparent; }
  .home .list .entry-card-wrap .entry-card-thumb img,
  .blog .list .entry-card-wrap .entry-card-thumb img,
  .category .list .entry-card-wrap .entry-card-thumb img,
  .tag .list .entry-card-wrap .entry-card-thumb img {
    width: 100%;
    height: 20vw;
    max-height: 250px;
    border: solid 5px #aeb8cd;
    border-radius: 50px;
    padding: 2px;
    background: #fff;
    transition: 0.3s;
    object-fit: contain;
    font-family: "object-fit: contain;"; }
    @media screen and (max-width: 834px) {
      .home .list .entry-card-wrap .entry-card-thumb img,
      .blog .list .entry-card-wrap .entry-card-thumb img,
      .category .list .entry-card-wrap .entry-card-thumb img,
      .tag .list .entry-card-wrap .entry-card-thumb img {
        height: 30vw; } }
    @media screen and (max-width: 480px) {
      .home .list .entry-card-wrap .entry-card-thumb img,
      .blog .list .entry-card-wrap .entry-card-thumb img,
      .category .list .entry-card-wrap .entry-card-thumb img,
      .tag .list .entry-card-wrap .entry-card-thumb img {
        border: solid 2px #aeb8cd;
        border-radius: 40px;
        height: 40vw; } }
  .home .list .entry-card-wrap .entry-card-thumb:hover img, .home .list .entry-card-wrap .entry-card-thumb.a-wrap.border-element.cf:hover img,
  .blog .list .entry-card-wrap .entry-card-thumb:hover img,
  .blog .list .entry-card-wrap .entry-card-thumb.a-wrap.border-element.cf:hover img,
  .category .list .entry-card-wrap .entry-card-thumb:hover img,
  .category .list .entry-card-wrap .entry-card-thumb.a-wrap.border-element.cf:hover img,
  .tag .list .entry-card-wrap .entry-card-thumb:hover img,
  .tag .list .entry-card-wrap .entry-card-thumb.a-wrap.border-element.cf:hover img {
    border: solid 5px #f7ca00; }
.home .list .cat-label,
.blog .list .cat-label,
.category .list .cat-label,
.tag .list .cat-label {
  padding: 0 20px;
  border-radius: 25px 0;
  top: 15px;
  left: 20px; }
  @media screen and (max-width: 480px) {
    .home .list .cat-label,
    .blog .list .cat-label,
    .category .list .cat-label,
    .tag .list .cat-label {
      top: 8px;
      left: 0px; } }
.home .list .entry-card-title,
.blog .list .entry-card-title,
.category .list .entry-card-title,
.tag .list .entry-card-title {
  font-size: 18px;
  color: #0a2c70;
  text-align: left;
  letter-spacing: 2px;
  width: fit-content;
  margin: 0 auto;
  padding: 10px 0; }
  @media screen and (max-width: 834px) {
    .home .list .entry-card-title,
    .blog .list .entry-card-title,
    .category .list .entry-card-title,
    .tag .list .entry-card-title {
      font-size: 15px; } }
.home .list .entry-card-snippet,
.blog .list .entry-card-snippet,
.category .list .entry-card-snippet,
.tag .list .entry-card-snippet {
  display: none; }
.home .list span.post-date,
.blog .list span.post-date,
.category .list span.post-date,
.tag .list span.post-date {
  color: #0a2c70;
  font-size: 14px;
  font-weight: normal;
  letter-spacing: 2px; }
  @media screen and (max-width: 834px) {
    .home .list span.post-date,
    .blog .list span.post-date,
    .category .list span.post-date,
    .tag .list span.post-date {
      font-size: 12px; } }
.home .fa-clock:before,
.home a.pagination-next-link.key-btn,
.blog .fa-clock:before,
.blog a.pagination-next-link.key-btn,
.category .fa-clock:before,
.category a.pagination-next-link.key-btn,
.tag .fa-clock:before,
.tag a.pagination-next-link.key-btn {
  display: none; }

.home .list,
.category .list {
  padding: 0; }

/*ページネーション*/
.pagination .page-numbers {
  background-color: #fff;
  border: solid 1px #fff;
  border-radius: 30px;
  box-shadow: 0 0 0 2px #aeb8cd;
  line-height: 45px; }
  @media screen and (max-width: 480px) {
    .pagination .page-numbers {
      line-height: 32px; } }
.pagination .current {
  background-color: #41c5af;
  color: #fff;
  line-height: 45px;
  border: solid 1px #fff;
  box-shadow: 0 0 0 2px #aeb8cd; }
  @media screen and (max-width: 480px) {
    .pagination .current {
      line-height: 32px; } }
.pagination a {
  transition: 0.2s; }
  .pagination a:hover {
    background-color: #f7ca00; }

/*******************
** Single
*******************/
.eye-catch img {
  width: 100%;
  max-width: 500px;
  max-height: 500px;
  object-fit: contain;
  font-family: "object-fit: contain;"; }

.single #main {
  margin-top: 220px; }
  @media screen and (max-width: 1023px) {
    .single #main {
      margin-top: 160px; } }
.single .article,
.single .under-entry-content {
  background: #fff;
  border-radius: 20px;
  max-width: 840px;
  padding: 20px 29px;
  margin: 0 auto 50px; }
.single .entry-header {
  position: relative; }
  .single .entry-header h1.entry-title {
    text-align: center;
    position: absolute;
    top: -240px;
    width: 100vw; }
    @media screen and (max-width: 1023px) {
      .single .entry-header h1.entry-title {
        top: -180px;
        font-size: 24px; } }
    @media screen and (max-width: 480px) {
      .single .entry-header h1.entry-title {
        font-size: 20px;
        text-align: left;
        padding: 29px; } }
.single .entry-content img {
  max-width: 33%; }
  @media screen and (max-width: 834px) {
    .single .entry-content img {
      width: 90%;
      max-width: 400px;
      margin: 0 auto; } }
.single .eye-catch .cat-label {
  padding: 0 20px;
  border-radius: 25px 0; }
.single .entry-categories-tags {
  text-align: center; }
.single .author-info {
  display: none; }
.single .prev-post-title {
  font-weight: bold; }
  .single .prev-post-title::before {
    content: "[前の記事]";
    display: block;
    margin: 0.4em 0; }
.single .related-list .a-wrap {
  display: block;
  padding: 2px;
  background: #fff;
  transition: 0.3s; }
  .single .related-list .a-wrap .card-thumb img {
    display: block;
    width: 100%;
    border: solid 5px #deeaf6;
    border-radius: 10px;
    padding: 2px;
    background: #fff;
    transition: 0.3s; }
  .single .related-list .a-wrap:hover {
    display: block;
    animation: key1 1s ease 1 alternate;
    background: #fff; }
    .single .related-list .a-wrap:hover .card-thumb img {
      border: solid 5px #f7ca00; }
  .single .related-list .a-wrap .cat-label {
    padding: 0 20px;
    border-radius: 15px 0;
    top: 10px;
    left: 172px;
    max-width: 300px; }
    @media screen and (max-width: 480px) {
      .single .related-list .a-wrap .cat-label {
        padding: 4px 20px;
        top: 0;
        left: 105%; } }
.single a.prev-post,
.single a.next-post {
  width: 100%;
  border: solid 5px #deeaf6;
  border-radius: 20px;
  margin-top: 10px;
  background: #fff;
  transition: 0.3s; }
  .single a.prev-post:hover,
  .single a.next-post:hover {
    border: solid 5px #f7ca00;
    animation: key1 1s ease 1 alternate;
    background: #fff; }
    .single a.prev-post:hover .fa-chevron-left:before,
    .single a.prev-post:hover .fa-chevron-right:before,
    .single a.next-post:hover .fa-chevron-left:before,
    .single a.next-post:hover .fa-chevron-right:before {
      color: #f7ca00; }
  .single a.prev-post .fa-chevron-left:before,
  .single a.prev-post .fa-chevron-right:before,
  .single a.next-post .fa-chevron-left:before,
  .single a.next-post .fa-chevron-right:before {
    color: #aeb8cd;
    transition: 0.3s; }
.single .related-entry-heading,
.single .comment-title {
  text-align: center;
  color: #0a2c70;
  margin: 10px 0 40px; }
.single .related-entry-card-content {
  padding-top: 38px; }
  @media screen and (max-width: 480px) {
    .single .related-entry-card-content {
      padding-top: 30px; } }
  @media screen and (max-width: 480px) {
    .single .related-entry-card-content h3 {
      font-size: 14px; } }
.single .next-post-title {
  font-weight: bold; }
  .single .next-post-title::before {
    content: "[次の記事]";
    display: block;
    margin: 0.4em 0; }

/*******************
** Home No1Page Link
*******************/
a.homeNo1 {
  display: block;
  width: 100%;
  text-align: center; }
  a.homeNo1 img {
    max-width: 900px;
    border: solid 5px #aeb8cd;
    border-radius: 20px;
    padding: 2px;
    transition: 0.3s;
    margin: 30px auto 0; }
  a.homeNo1:hover {
    animation: key1 1s ease 1 alternate; }
    a.homeNo1:hover img {
      border: solid 5px #f7ca00; }

/*******************
** No1Page 
*******************/
#no1-page.narrow {
  max-width: 900px; }
#no1-page.section01 ul {
  display: flex;
  flex-flow: row nowrap;
  margin: 0;
  padding: 0;
  align-items: center; }
#no1-page.section01 img {
  width: auto;
  margin: 0; }
#no1-page.section01 li {
  list-style: none; }
#no1-page.section03 .itemInfoLink a {
  color: #92d050; }
  #no1-page.section03 .itemInfoLink a:hover {
    color: #f7ca00; }
#no1-page.section02 .outerSquare {
  display: flex;
  flex-flow: column nowrap; }
#no1-page.section02 .post {
  display: inline-flex;
  flex-flow: row nowrap;
  /* align-items: center; */
  justify-content: space-between;
  margin-bottom: 30px; }
  #no1-page.section02 .post .img {
    float: right;
    width: 400px;
    margin-top: 8px; }
  #no1-page.section02 .post img {
    width: 100%;
    margin: 0; }
  #no1-page.section02 .post p {
    text-align: justify;
    font-size: 16px; }
  #no1-page.section02 .post .big {
    font-size: 26px;
    font-weight: bold; }
  #no1-page.section02 .post .number,
  #no1-page.section02 .post .title {
    text-align: center; }
  #no1-page.section02 .post h5 {
    font-size: 20px;
    border-bottom: 0;
    margin-top: 0; }
#no1-page.section02 .post-content-left .content {
  margin-top: 0; }
#no1-page.section02 .content .l,
#no1-page.section02 .post h3 {
  width: calc(100% - 400px); }
#no1-page.section02 .content .r {
  width: 400px; }
#no1-page.section02 .post-content-left .l {
  float: left;
  padding-right: 25px; }
#no1-page.section02 .post-content-left .r {
  float: right; }
#no1-page.section02 .post-content-right .l {
  float: right;
  padding-left: 25px; }
#no1-page.section02 .post-content-right .r {
  float: left; }
#no1-page.section02 .post-content-right .content {
  padding-left: 30px; }

.banner-txt-wrap {
  display: flex;
  flex-direction: column;
  margin-bottom: 30px;
  align-items: center; }
  .banner-txt-wrap p {
    font-size: 12px;
    color: #000;
    font-weight: 500; }

@media screen and (max-width: 960px) {
  #no1-page.section02 .post {
    flex-flow: column nowrap; }
    #no1-page.section02 .post .content {
      width: 100%;
      float: none;
      order: 2;
      padding-right: 0;
      padding-left: 0; }
    #no1-page.section02 .post h3 {
      margin-top: 0;
      border-bottom: 2px solid #ddd; }
    #no1-page.section02 .post .img {
      width: 100%;
      float: none;
      order: 1; }
    #no1-page.section02 .post .content {
      display: flex;
      flex-flow: column nowrap; }
    #no1-page.section02 .post h3 {
      padding-bottom: 25px; }
  #no1-page.section02 .post-content-left .r {
    order: 2; }
  #no1-page.section02 .post-content-left h3 {
    order: 1; }
  #no1-page.section02 .post-content-left .l {
    order: 3;
    padding-right: 0; }
  #no1-page.section02 .post-content-right .l {
    padding-left: 0; }
  #no1-page.section02 .post-content-left .l,
  #no1-page.section02 .post-content-left .r {
    width: 100%;
    float: none; }
  #no1-page.section02 .post-content-right .l,
  #no1-page.section02 .post-content-right .r {
    width: 100%;
    float: none; }
  #no1-page.section02 .post h3 {
    width: 100%;
    float: none; } }
.no1-page h1 {
  position: absolute;
  z-index: 8;
  font-size: 8px;
  color: white;
  left: 100px;
  top: 5px; }

@media screen and (max-width: 1625px) {
  .no1-page h1 {
    top: 0;
    left: 120px;
    font-size: 7px;
    letter-spacing: 1px; } }
@media screen and (max-width: 600px) {
  h2.entry-title {
    padding-left: 15px;
    padding-right: 15px; } }
@media screen and (max-width: 420px) {
  #no1-page.section04 h4 {
    font-size: 5.5vw; } }
@media screen and (max-width: 375px) {
  #no1-page.section02 .post:nth-child(1) .title, #no1-page.section02 .post:nth-child(2) .title {
    font-size: 5vw; } }
@media screen and (max-width: 520px) {
  #no1-page.section02 .post h3 {
    padding-left: 0;
    padding-right: 0; }
  #no1-page.section02 .post:last-child .title {
    font-size: 3.9vw; } }
.section02 h2,
.section03 h2,
.section04 h2 {
  font-size: 22px;
  padding: 14px 10px; }
  .section02 h2::before,
  .section03 h2::before,
  .section04 h2::before {
    display: none; }

/*******************
** home
*******************/
.home .entry-title {
  display: none; }
.home .content {
  margin-top: 12px !important; }
  @media screen and (max-width: 1024px) {
    .home .content {
      margin-top: 50px !important; } }
.home .main {
  padding-top: 0; }
.home .entry-content {
  margin-top: 0; }

.menuList {
  /*-- menuListArea --*/
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; }
  .menuList .item {
    display: block;
    width: 25%;
    border: solid 2px #0a2c70;
    border-radius: 200px 0;
    text-align: center;
    text-decoration: none;
    font-weight: 600;
    font-size: 22px;
    color: #0a2c70;
    padding: 10px 0 0;
    margin: 20px 0;
    transition: all 0.3s; }
    @media screen and (max-width: 1024px) {
      .menuList .item {
        width: 50%;
        padding: 10px 0 0;
        margin: 10px 0; } }
    @media screen and (max-width: 600px) {
      .menuList .item {
        width: 100%;
        padding: 10px 0 0;
        margin: 10px 0; } }
    .menuList .item::after {
      content: "";
      display: block;
      position: relative;
      bottom: 0;
      width: 0;
      border-top: 12px solid #0a2c70;
      border-right: 18px solid transparent;
      border-bottom: 12px solid transparent;
      border-left: 18px solid transparent;
      transition: all 0.3s;
      margin: 0 auto; }
    .menuList .item:hover {
      background-color: #486aad;
      color: #fff; }
      .menuList .item:hover::after {
        bottom: -5px;
        border-top: 12px solid #fff; }

.col2 {
  /*-- 2カラムパーツ --*/ }
  .col2 .wrapR {
    display: flex;
    position: relative;
    flex-direction: row-reverse;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
    margin-bottom: 50px; }
    .col2 .wrapR .item {
      display: block;
      position: relative;
      width: 49%; }
      @media screen and (max-width: 1024px) {
        .col2 .wrapR .item {
          width: 100%; } }
      .col2 .wrapR .item img {
        padding: 4px;
        box-shadow: 0px 2px 6px 0px rgba(158, 158, 158, 0.4); }
  .col2 .wrapL {
    display: flex;
    position: relative;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
    margin-top: 50px; }
    .col2 .wrapL .item {
      display: block;
      position: relative;
      width: 49%; }
      @media screen and (max-width: 1024px) {
        .col2 .wrapL .item {
          width: 100%; } }
      .col2 .wrapL .item img {
        padding: 2px;
        box-shadow: 0px 2px 6px 0px rgba(158, 158, 158, 0.4); }

.contentContact {
  /*-- contentContactArea --*/
  display: block;
  position: relative;
  text-align: center;
  font-size: 40px;
  margin: 50px 0; }
  .contentContact p {
    display: block;
    position: relative;
    font-size: 26px;
    font-weight: 600;
    margin-bottom: -0.8em; }
    @media screen and (max-width: 600px) {
      .contentContact p {
        font-size: 20px; } }
    .contentContact p::before {
      display: inline-block;
      content: "\f7a5";
      font-family: "Font Awesome 5 Free";
      font-weight: 900;
      transform: rotate(-15deg);
      margin-right: 0.8em; }
    .contentContact p::after {
      display: inline-block;
      content: "\f7a5";
      font-family: "Font Awesome 5 Free";
      font-weight: 900;
      transform: rotate(15deg);
      margin-left: 0.8em; }
  .contentContact a {
    display: block;
    width: fit-content;
    background: #0a2c70;
    box-shadow: 0px 2px 6px 0px rgba(158, 158, 158, 0.4);
    text-decoration: none;
    font-size: 40px;
    border-radius: 5px;
    color: #fff;
    padding: 0.4em 1.6em;
    margin: 0.6em auto;
    transition: all 0.3s; }
    @media screen and (max-width: 600px) {
      .contentContact a {
        font-size: 20px; } }
    .contentContact a::after {
      content: "";
      display: inline-block;
      position: relative;
      left: 0.6em;
      bottom: -0.1em;
      width: 0;
      border-top: 12px solid #fff;
      border-right: 18px solid transparent;
      border-bottom: 12px solid transparent;
      border-left: 18px solid transparent;
      transition: all 0.3s;
      margin: 0 auto; }
      @media screen and (max-width: 600px) {
        .contentContact a::after {
          border-top: 6px solid #fff;
          border-right: 8px solid transparent;
          border-bottom: 6px solid transparent;
          border-left: 8px solid transparent; } }
    .contentContact a:hover {
      background: #f7ca00;
      padding: 0.4em 2.6em;
      transition: all 0.3s; }
      .contentContact a:hover::after {
        bottom: -0.2em; }

#flowArea {
  /*-- flowArea --*/
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100vw;
  background: #deeaf6;
  padding: 0 calc((100vw - 100%) / 2);
  margin: 0 calc((100% - 100vw) / 2) 0; }

.flow .wrap {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  max-width: 1256px; }
  .flow .wrap .item {
    display: block;
    position: relative;
    background: #fff;
    box-shadow: 0px 2px 6px 0px rgba(158, 158, 158, 0.4); }
    .flow .wrap .item .number {
      display: block;
      position: absolute;
      top: -7px;
      left: 12px;
      font-size: 36px;
      font-weight: 600;
      color: #fff;
      z-index: 1; }
      .flow .wrap .item .number::after {
        display: block;
        position: absolute;
        top: 7px;
        left: -12px;
        content: "";
        border-top: 40px solid #0a2c70;
        border-right: 40px solid transparent;
        border-bottom: 40px solid transparent;
        border-left: 40px solid #0a2c70;
        z-index: -1; }
    .flow .wrap .item .itemInner {
      display: flex;
      flex-wrap: wrap;
      justify-content: center; }
      @media screen and (max-width: 600px) {
        .flow .wrap .item .itemInner {
          flex-direction: column; } }
      .flow .wrap .item .itemInner .imgWrap {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 20%; }
        @media screen and (max-width: 600px) {
          .flow .wrap .item .itemInner .imgWrap {
            width: 100%; } }
        .flow .wrap .item .itemInner .imgWrap img {
          width: 100%;
          max-width: 200px;
          height: 100%;
          object-fit: contain;
          padding: 20px;
          padding-right: 0; }
          @media screen and (max-width: 600px) {
            .flow .wrap .item .itemInner .imgWrap img {
              padding-right: 20px; } }
      .flow .wrap .item .itemInner .flowContent {
        width: 80%;
        padding: 50px; }
        @media screen and (max-width: 600px) {
          .flow .wrap .item .itemInner .flowContent {
            width: 100%;
            padding: 20px; } }
        .flow .wrap .item .itemInner .flowContent h3 {
          display: block;
          position: relative;
          border: none;
          box-shadow: none;
          font-size: 30px;
          text-align: left;
          padding: 0;
          margin: 0 0 0.8em; }
          @media screen and (max-width: 600px) {
            .flow .wrap .item .itemInner .flowContent h3 {
              font-size: 22px; } }
        .flow .wrap .item .itemInner .flowContent p {
          font-size: 24px;
          padding: 0;
          margin: 0; }
          .flow .wrap .item .itemInner .flowContent p span {
            font-weight: 600;
            color: #0a2c70; }
          @media screen and (max-width: 600px) {
            .flow .wrap .item .itemInner .flowContent p {
              font-size: 18px; } }
.flow .triangle {
  display: block;
  width: 0;
  border-top: 40px solid #0a2c70;
  border-right: 50px solid transparent;
  border-bottom: 40px solid transparent;
  border-left: 50px solid transparent;
  margin: 20px auto -25px; }

.staff {
  /*-- staffArea --*/ }
  .staff .staffWrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: center; }
    .staff .staffWrap .item {
      width: 48%;
      margin-right: 2%;
      margin-top: 1em; }
      @media screen and (max-width: 1024px) {
        .staff .staffWrap .item {
          width: 100%;
          margin-right: 0; } }
      .staff .staffWrap .item:last-child {
        margin-right: 0; }
      .staff .staffWrap .item h3 {
        text-align: center;
        font-size: 40px;
        font-weight: 600;
        border: none;
        box-shadow: none;
        padding: 0;
        margin: 20px 0 40px; }
        @media screen and (max-width: 1024px) {
          .staff .staffWrap .item h3 {
            font-size: 24px; } }
        .staff .staffWrap .item h3 span {
          display: block;
          font-size: 0.8em;
          padding-bottom: 0.3em; }
      .staff .staffWrap .item img {
        display: block;
        width: 100%;
        max-width: 578px;
        padding: 4px;
        margin: 0 auto 30px;
        box-shadow: 0px 2px 6px 0px rgba(158, 158, 158, 0.4); }
    .staff .staffWrap .leader {
      width: fit-content;
      max-width: 100%;
      text-align: center;
      margin-top: 0; }
      .staff .staffWrap .leader p {
        text-align: left; }

.work {
  /*-- workArea（BlogList） --*/ }
  .work .wrap {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
    margin-bottom: 50px;
    padding-bottom: 100px; }
    @media screen and (max-width: 600px) {
      .work .wrap {
        padding-bottom: 0; } }
    .work .wrap .item {
      position: relative;
      top: 0;
      display: block;
      width: 32%;
      background: #fff;
      box-shadow: 0px 2px 6px 0px rgba(158, 158, 158, 0.4);
      text-align: center;
      padding: 0.5em;
      margin-bottom: 50px;
      transition: all 0.3s; }
      @media screen and (max-width: 600px) {
        .work .wrap .item {
          width: 49%;
          margin-bottom: 10px; } }
      .work .wrap .item:hover {
        top: -5px;
        box-shadow: 0px 4px 12px 0px rgba(10, 44, 112, 0.4);
        transition: all 0.3s; }
      .work .wrap .item a {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 10; }
      .work .wrap .item img {
        margin: 0; }
      .work .wrap .item .time {
        font-size: 0.6em; }
      .work .wrap .item .title {
        font-size: 24px;
        font-weight: 600; }

/***********************************

ここからリノベページスタイル

***********************************/
.menuList {
  /*-- menuListArea --*/
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; }
  .menuList .item {
    display: block;
    width: 25%;
    border: solid 2px #0a2c70;
    border-radius: 200px 0;
    text-align: center;
    text-decoration: none;
    font-weight: 600;
    font-size: 22px;
    color: #0a2c70;
    padding: 10px 0 0;
    margin: 20px 0;
    transition: all 0.3s; }
    @media screen and (max-width: 1024px) {
      .menuList .item {
        width: 50%;
        padding: 10px 0 0;
        margin: 10px 0; } }
    @media screen and (max-width: 600px) {
      .menuList .item {
        width: 100%;
        padding: 10px 0 0;
        margin: 10px 0; } }
    .menuList .item::after {
      content: "";
      display: block;
      position: relative;
      bottom: 0;
      width: 0;
      border-top: 12px solid #0a2c70;
      border-right: 18px solid transparent;
      border-bottom: 12px solid transparent;
      border-left: 18px solid transparent;
      transition: all 0.3s;
      margin: 0 auto; }
    .menuList .item:hover {
      background-color: #486aad;
      color: #fff; }
      .menuList .item:hover::after {
        bottom: -5px;
        border-top: 12px solid #fff; }

.col2 {
  /*-- 2カラムパーツ --*/ }
  .col2 .wrapR {
    display: flex;
    position: relative;
    flex-direction: row-reverse;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
    margin-bottom: 50px; }
    .col2 .wrapR .item {
      display: block;
      position: relative;
      width: 49%; }
      @media screen and (max-width: 1024px) {
        .col2 .wrapR .item {
          width: 100%; } }
      .col2 .wrapR .item img {
        padding: 4px;
        box-shadow: 0px 2px 6px 0px rgba(158, 158, 158, 0.4); }
  .col2 .wrapL {
    display: flex;
    position: relative;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
    margin-top: 50px; }
    .col2 .wrapL .item {
      display: block;
      position: relative;
      width: 49%; }
      @media screen and (max-width: 1024px) {
        .col2 .wrapL .item {
          width: 100%; } }
      .col2 .wrapL .item img {
        padding: 2px;
        box-shadow: 0px 2px 6px 0px rgba(158, 158, 158, 0.4); }

h2.renovation {
  display: block;
  position: relative;
  background: none;
  border-bottom: 3px dashed #0a2c70;
  text-align: center;
  font-size: 60px;
  padding-top: 1em;
  padding-bottom: 0.1em;
  margin-top: 1em;
  margin-bottom: 0.6em;
  line-height: 1.25; }
  @media screen and (max-width: 600px) {
    h2.renovation {
      font-size: 30px;
      margin-top: 40px; } }

h3.renovation_merit {
  display: block;
  position: relative;
  background: #fff;
  border: none;
  box-shadow: 0px 2px 6px 0px rgba(158, 158, 158, 0.4);
  text-align: center;
  font-size: 28px;
  padding: 0.8em;
  margin: 0;
  margin-bottom: 0.6em;
  line-height: 1.25; }
  @media screen and (max-width: 600px) {
    h3.renovation_merit {
      font-size: 20px; } }

.staff {
  /*-- staffArea --*/ }
  .staff .staffWrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: center; }
    .staff .staffWrap .item {
      width: 48%;
      margin-right: 2%;
      margin-top: 1em; }
      @media screen and (max-width: 1024px) {
        .staff .staffWrap .item {
          width: 100%;
          margin-right: 0; } }
      .staff .staffWrap .item:last-child {
        margin-right: 0; }
      .staff .staffWrap .item h3 {
        text-align: center;
        font-size: 40px;
        font-weight: 600;
        border: none;
        box-shadow: none;
        padding: 0;
        margin: 20px 0 40px; }
        @media screen and (max-width: 1024px) {
          .staff .staffWrap .item h3 {
            font-size: 24px; } }
        .staff .staffWrap .item h3 span {
          display: block;
          font-size: 0.8em;
          padding-bottom: 0.3em; }
      .staff .staffWrap .item img {
        display: block;
        width: 100%;
        max-width: 578px;
        padding: 4px;
        margin: 0 auto 30px;
        box-shadow: 0px 2px 6px 0px rgba(158, 158, 158, 0.4); }
    .staff .staffWrap .leader {
      width: fit-content;
      max-width: 100%;
      text-align: center;
      margin-top: 0; }
      .staff .staffWrap .leader p {
        text-align: left; }

/*******************
** blake
*******************/
.pc {
  /*PCのみ表示*/
  display: inline !important; }
  @media screen and (max-width: 1024px) {
    .pc {
      display: none !important; } }

.pctb {
  /*PCとTBで表示*/
  display: inline !important; }
  @media screen and (max-width: 600px) {
    .pctb {
      display: none !important; } }

.tbsp {
  /*SPとSPで表示*/
  display: none !important; }
  @media screen and (max-width: 1024px) {
    .tbsp {
      display: inline !important; } }

.sp {
  /*SPでのみ表示*/
  display: none !important; }
  @media screen and (max-width: 600px) {
    .sp {
      display: inline !important; } }

.firstView {
  /*-- firstViewArea --*/
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: calc(100vh - 106px);
  background: #e9e6f4;
  background-image: url("http://matsuken-ts.jp/renovation-home/wp-content/themes/matsuken-renovation/img/firstView.jpg");
  background-size: cover;
  background-position: center;
  text-align: center;
  margin: 0 calc((100% - 100vw) / 2) 0; }
  @media screen and (max-width: 600px) {
    .firstView {
      height: calc(100vh - 100px); } }
  .firstView h1 {
    font-size: 80px;
    text-shadow: white 2px 0px, white -2px 0px, white 0px -2px, white 0px 2px, white 2px 2px, white -2px 2px, white 2px -2px, white -2px -2px, white 1px 2px, white -1px 2px, white 1px -2px, white -1px -2px, white 2px 1px, white -2px 1px, white 2px -1px, white -2px -1px;
    line-height: 1.2em; }
    @media screen and (max-width: 1024px) {
      .firstView h1 {
        font-size: 60px; } }
    @media screen and (max-width: 600px) {
      .firstView h1 {
        font-size: 48px; } }
  .firstView .topContact {
    display: block;
    background: #0a2c70;
    box-shadow: 0px 2px 6px 0px rgba(158, 158, 158, 0.4);
    text-decoration: none;
    font-size: 40px;
    border-radius: 5px;
    color: #fff;
    padding: 0.4em 1.6em;
    margin: 0.6em 0;
    transition: all 0.3s; }
    @media screen and (max-width: 600px) {
      .firstView .topContact {
        font-size: 20px; } }
    .firstView .topContact::after {
      content: "";
      display: inline-block;
      position: relative;
      left: 0.6em;
      bottom: -0.1em;
      width: 0;
      border-top: 12px solid #fff;
      border-right: 18px solid transparent;
      border-bottom: 12px solid transparent;
      border-left: 18px solid transparent;
      transition: all 0.3s;
      margin: 0 auto; }
      @media screen and (max-width: 600px) {
        .firstView .topContact::after {
          border-top: 6px solid #fff;
          border-right: 8px solid transparent;
          border-bottom: 6px solid transparent;
          border-left: 8px solid transparent; } }
    .firstView .topContact:hover {
      background: #f7ca00;
      padding: 0.4em 2.6em;
      transition: all 0.3s; }
      .firstView .topContact:hover::after {
        bottom: -0.2em; }