@charset "UTF-8";

/*========================
リセットCSSセットここから
==========================*/
*{
  box-sizing:border-box;
  }
  
  html, body, div, span, iframe, h1, h2, h3, h4, h5, h6, p, pre, address, em, img, q, small, strong, var, b, i,dl, dt, dd, ol, ul, li, form, label, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, footer, header, menu, nav, section, summary, time, audio, video {
  margin:0;
  padding:0;
  border:0;
  outline:0;
  vertical-align:baseline;
  background:transparent;
  font-family: 'Noto Sans JP', sans-serif;
  color: #303030;
  }
  
  article, aside, footer, header, menu, nav, section { 
  display:block;
  }
  nav ul {
  list-style:none;
  }
  a {
  margin:0;
  padding:0;
  vertical-align:baseline;
  background:transparent;
  text-decoration:none;
  color: inherit;
  }
  
  table {
  border-collapse:collapse;
  border-spacing:0;
  }
  input, select {
  vertical-align:middle;
  }
  address{
  font-style:normal;
  }
  /*========================
  リセットCSSセットここまで
  ==========================*/

/* body */

/* 共通部分 */
h2{
  margin: 20px 0;
  text-align: center;
  font-size: clamp(1.25rem, 0.8891rem + 1.1547vw, 1.875rem);
 }
h3 {
  font-size: clamp(1.125rem, 0.9576rem + 0.7085vw, 1.5625rem);
}
 .w-container{
  width: min(92%, 372px);
  margin: auto;
 }
 
 section{
  margin-top:50px;
 }
 
/* ヘッダー共通 */
header {
  width: 100%;
  position: fixed;
  background-color: #fff;
  height: clamp(3.75rem, 3.389rem + 1.15vw, 4.375rem);
  z-index: 100;
  box-shadow: 0 0 4px #e1e1e1;
  top: 0;
  /* カーブ */
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 2000px 170px;
  border-bottom-left-radius: 2000px 170px;
 }
  .he-inner {
  margin: 0 auto;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: min(92%, 1180px);
 }
 .he-logo img {
  width: clamp(8.125rem, 7.042rem + 3.46vw, 10rem);
  display: block;
  transition: all 0.3s;
 }
 .he-logo img:hover {
  opacity: 0.6;
 }
 
/* タイトルエリア共通 */
  .title_area {
    height: clamp(150px, 29vw, 250px);
    background-position: center center;
    background-size: cover;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
  }
 
  .title_area h1 {
   font-size: clamp(1.25rem, 0.7087rem + 1.7321vw, 2.1875rem);
   font-weight: bold;
   text-shadow: 2px 2px 1px #fff;
  }
 
  .title_area h1 p {
   font-size: clamp(1.0625rem, 0.7738rem + 0.9238vw, 1.5625rem);
   font-weight: bold;
   margin-top: clamp(5px, 1.9vw, 20px);
  }
 
  .title_box {
   margin-top: 40px;
  }

/* モバイル版お問い合わせボタン固定 */
  .top-contact-sp-btn .fa-phone{
    position: fixed;
    top: 150px;
    right: 0;
    margin: initial;
    background-color: #ea5532;
    border-radius: 6px 0 0 6px;
    text-align: center;
    padding: 10px;
    transition: 0.3s all;
    font-size: 25px;
    z-index: 50;
   }
   .top-contact-sp .fa-phone:hover {
    opacity: 0.8;
   }
 
/* ==== トップページ　モバイル版ここから ==== */
 /* メインビジュアル */
 .top-mainvisual {
  background-image: url(../images/main-visual.jpg);
  height: 448px;
  width: 100%;
  background-position: center;
  background-size: cover;
  text-align: center;
 }
 .top-mainvisual p {
  font-size: 20px;
  display: inline-block;
  margin-top: 105px;
  background-color: rgb(255, 255, 255, 0.7);
  padding: 5px 10px;
 }
 
 /* 強み */
 .top-op-inner {
  margin: 65px auto;
 }
 .top-op-title {
  text-align: center;
  margin-bottom: 65px;
 }
 .top-op-title h2 {
  display: flex;
  align-items: center;
  justify-content: center;
 }
 .top-op-title p {
  font-size: clamp(0.9375rem, 0.5766rem + 1.1547vw, 1.5625rem);
 }
 .top-op-title img {
  width: 75px;
  margin-right: 10px;
 }
 .top-op-text2 {
  border: 2px solid #ea5532;
  border-radius: 15px;
  width: clamp(17.5rem, 2.591rem + 47.71vw, 20rem);
  margin: 0 auto 40px;
  padding:30px;
  position: relative;
  line-height: 2em;
  font-family: 'Zen Maru Gothic', sans-serif;
  font-weight: bold;
  }
 .top-op-text2 span {
  color: #ea5532;
  font-family: 'Zen Maru Gothic', sans-serif;
 }
 .top-op-text2 h3 {
  position: absolute;
  background-color: #fff;
  top: -20px;
  text-align: center;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
  font-family: 'Zen Maru Gothic', sans-serif;
 }
 .top-op-text2 p {
  font-family: 'Zen Maru Gothic', sans-serif;
 }
 
 
 /* 事業内容 */
 .top-businessdetails {
  background-color: #eee4dd;
  width: 100vw;
 }
 .top-bd-inner {
  margin: 0 auto;
  padding: 65px 0;
 }
 .top-bd-title {
  text-align: center;
  margin-bottom: 40px;
 }
 .top-bd-title p {
  font-size: clamp(0.9375rem, 0.5766rem + 1.1547vw, 1.5625rem);
 }
 .top-bd-it p {
  font-size: clamp(1rem, 0.9044rem + 0.4049vw, 1.25rem);
 }
 .top-btn:hover {
  transform: scale(1.1);
  }
  /* 赤 */
  .top-bd-red1 {
    position: relative;
    width: clamp(15.625rem, 0.716rem + 47.71vw, 31.25rem);
    margin: 0 auto;
  }
  .top-bd-red1 .top-btn {
    background-color: #ea5532;
    border: 5px solid #fff;
    width: clamp(6.25rem, 2.97rem + 10.5vw, 9.688rem);
    height: clamp(6.25rem, 2.97rem + 10.5vw, 9.688rem);
    border-radius: 50%;
    color: #fff;
    line-height: clamp(5.625rem, 2.345rem + 10.5vw, 9.063rem);
    position: absolute;
    left: -20px;
    bottom: 0px;
    font-size: clamp(1rem, 0.761rem + 0.76vw, 1.25rem);
    transition-duration: .3s;
    text-align: center;
  }
  .top-bd-red1 img {
    width: clamp(15.625rem, 0.716rem + 47.71vw, 31.25rem);
  }
  .top-bd-red2 {
    text-align: left;
    margin-top: 10px;
    margin-bottom: 45px;
  }
  .top-bd-red2 h3 {
    border-left: 5px solid #ea5532;
    display: inline-block;
    padding-left: 5px;
  }

  /* 青 */
  .top-bd-blue1 {
    position: relative;
    width: clamp(12.5rem, -2.409rem + 47.71vw, 28.125rem);
    margin: 0 auto;
  }
  .top-bd-blue1 .top-btn {
    background-color: #00a497;
    border: 5px solid #fff;
    width: clamp(5.938rem, 2.657rem + 10.5vw, 9.375rem);
    height: clamp(5.938rem, 2.657rem + 10.5vw, 9.375rem);
    border-radius: 50%;
    color: #fff;
    line-height: clamp(5.313rem, 2.032rem + 10.5vw, 8.75rem);
    position: absolute;
    right: -36px;
    bottom: -8px;
    font-size: clamp(1rem, 0.761rem + 0.76vw, 1.25rem);
    transition-duration: .3s;
    text-align: center;
  }
  .top-bd-blue1 img {
    width: clamp(12.5rem, -2.409rem + 47.71vw, 28.125rem);
  }
  .top-bd-blue2 {
    text-align: left;
    margin-top: 10px;
    margin-bottom: 45px;
  }
  .top-bd-blue2 h3 {
    border-left: 5px solid #00a497;
    display: inline-block;
    padding-left: 5px;
  }
  /* 黄 */
  .top-bd-yellow1 {
    position: relative;
    width: clamp(9.375rem, -5.534rem + 47.71vw, 25rem);
    margin: 0 auto;
  }
  .top-bd-yellow1 .top-btn {
    background-color: #e79600;
    border: 5px solid #fff;
    width: clamp(5.625rem, 2.345rem + 10.5vw, 9.063rem);
    height: clamp(5.625rem, 2.345rem + 10.5vw, 9.063rem);
    border-radius: 50%;
    color: #fff;
    line-height: clamp(5rem, 1.72rem + 10.5vw, 8.438rem);
    position: absolute;
    bottom: -10px;
    left: -35px;
    font-size: clamp(0.938rem, 0.639rem + 0.95vw, 1.25rem);
    transition-duration: .3s;
    text-align: center;
  }
  .top-bd-yellow1 img {
    width: clamp(9.375rem, -5.534rem + 47.71vw, 25rem);
  }
  .top-bd-yellow2 {
    text-align: left;
    margin-top: 10px;
  }
  .top-bd-yellow2 h3 {
    border-left: 5px solid #e79600;
    display: inline-block;
    padding-left: 5px;
  }
 
 /* バナー */
 .top-bunner-inner {
  margin: 65px auto;
  border: 2px solid #303030;
  border-radius: 15px;
  height: 315px;
  max-width: 500px;
 }
 .top-bunner-p {
  margin-top: 20px;
  display: flex;
  justify-content: center;
 }
 .top-bunner-p p {
  position: relative;
  text-align: center;
  font-size: 18px;
  font-weight: bold;
 }
 .top-bunner-p p::before,
 .top-bunner-p p::after {
  position: absolute;
  top: 0.5rem;
  height: 2.5rem;
  content: '';
 }
 .top-bunner-p p::before {
  border-left: solid 3px #ea5532;
  left: -20px;
  transform: rotate(-30deg);
 }
 .top-bunner-p p::after {
  border-right: solid 3px #ea5532;
  right: -20px;
  transform: rotate(30deg);
 }
 .top-bunner-inner span {
  color: #ea5532;
 }
  /* 電話リンク */
  .top-tel {
    text-align: center;
    margin-top: 20px;
  }
  .top-tel p {
    margin-bottom: 15px;
  }
  .top-tel img {
    width: 20px;
    margin-right: 10px;
    vertical-align: -6px;
  }
  .top-tel .top-bunner-p {
    margin-top: 10px;
    font-size: 15px;
  }
  .top-tel-btn {
    background-color: #ea5532;
    border-radius: 30px;
    padding: 8px 49px; 
    color: #fff;
    font-weight: bold;
    transition: 0.3s all;
    font-size: 19px;
  }
  .top-tel-btn:hover {
    opacity: 0.6;
  }
  /* お問い合わせページリンク */
  .top-web-btn {
    background-color: #ea5532;
    border-radius: 30px;
    padding: 10px 33px; 
    color: #fff;
    transition: 0.3s all;
    font-weight: bold;
  }
  .top-web img {
    width: 20px;
    margin-right: 20px;
    vertical-align: -6px;
  }
  .top-web {
    text-align: center;
    margin-top: 20px
  }
  .top-web-btn:hover {
    opacity: 0.6;
  }
  .top-web p {
    margin-bottom: 15px;
  }
  .fa-envelope {
    color: #fff;
  }
 
/* ==== 事業内容ページ　モバイル版ここから ==== */
.bu-title-area {
  background-image: url(../images/top.png);
}

.bu-top-box {
  font-family: 'Zen Maru Gothic', sans-serif;
  margin-bottom: 50px;
 }
 
 .bu-top-box-inner {
  padding-bottom: 50px;
  border-bottom: 2px solid #303030;
 }

 .bu-h3-title {
  white-space: nowrap;
  color: #303030;
  width: 600px;
 }

 .bu-top-box-list {
  border: 2px solid #ea5532;
  border-radius: 15px;
  padding:0 30px 30px 30px;
  padding-top: clamp(5px, 6vh, 60px);
  margin: 0 20px;
  position: relative;
  margin-top: 50px;
  text-align: center;
 }
 
 .bu-top-box-list h3 {
  font-size: clamp(1.125rem, 0.692rem + 1.3857vw, 1.875rem);
  font-family: 'Zen Maru Gothic', sans-serif;
  text-align: center;
  min-width: 10em;
  position: absolute;
  top: -20px;
  left: 50%;
  transform: translateX(-50%);
  background-color: #fff;
  z-index: 1;
 }

 .bu-top-box-list h3 span {
  font-family: 'Zen Maru Gothic', sans-serif;
 }
 
 .bu-top-box-list p {
  font-family: 'Zen Maru Gothic', sans-serif;
  font-weight: bold;
  line-height: 2em;
  font-size: clamp(1rem, 0.6752rem + 1.0393vw, 1.5625rem);
  margin-bottom: 1em;
  min-width: 16em;
 }
 
 .bu-top-box-list p span {
  font-family: 'Zen Maru Gothic', sans-serif;
  color: #ea5532;
  font-weight: bold;
 }

 /* 経営コンサル */

 #bu-manage,#bu-block,#bu-mo {
  padding-top: 70px;
  margin-top: -70px;
  margin-bottom: 30px;
 }

 #bu-mo {
  padding-top: 20px;
  margin-top: -20px;
  margin-bottom: 30px;
 }

 .no-images {
  width: 20%;
 }

 .bu-title {
  text-align: center;
 }
 
 .bu-title h2 {
  font-size: clamp(1.25rem, 0.8891rem + 1.1547vw, 1.875rem);
  margin-top: 15px;
 }
 
 .bu-title p {
  font-size: clamp(0.9375rem, 0.5766rem + 1.1547vw, 1.5625rem);
  margin-top: 10px;
  margin-bottom: 15px;
 }
 
 .bu-manage-text p {
  font-size: clamp(0.9375rem, 0.7571rem + 0.5774vw, 1.25rem);
  margin: 5px 20px;
  line-height: 2em;
 }
 
 .bu-manage-text {
  margin-bottom: 30px;
  padding-bottom: 50px;
  border-bottom: 2px solid #303030;
 }
 
 .bu-manage-message {
  font-family: 'Zen Maru Gothic', sans-serif;
  text-align: center;
 }
 
 .bu-manage-message p {
  font-family: 'Zen Maru Gothic', sans-serif;
  font-weight: bold;
  margin: 5px 20px;
  color: #303030;
  font-size: clamp(0.9375rem, 0.5045rem + 1.3857vw, 1.6875rem);
 }
 
 .bu-manage-message .hukidashi {
  width: 80%;
  margin: 5px 0 15px 0;
 }
 
 .bu-manage-message .face {
  width: 30%;
  margin-bottom: clamp(110px, 14vw, 120px);
 }

 /* 組織化・マニュアル化 */
 
 
 /* 斜め背景 */
 .bu-block {
  position: relative;
  z-index: 0;
 }
 
 .bu-block::after{
  content: '';
  position: absolute;
  left:0;
  top: -40px;
  
 /*四角形を傾けます*/
  transform: skewY(-2deg);
  transform-origin: top right;
  
  z-index: -1;
  width:100%;
  height:100%;
  background:#eee4dd;
  padding-bottom: 65px;
 }
 
 .bu-og {
  padding-bottom: 100px;
  margin-bottom: 20px;
 }
 
 .bu-og-title {
  text-align: center;
  margin-bottom: 20px;
 }
 
 .bu-og-inner h3 {
  padding: 0.5rem 0.5rem;
  border-left: 9px solid #ea5532;
  margin-left: 10px;
 }
 
 .og-box {
  background-color: #fff;
  border-radius: 15px;
  padding: 20px 28px 20px 40px;
  margin: 10px;
 }
 
 .og-box dt {
  background-color: #ea5532;
  padding: 2px 3px;
  text-align: center;
  font-weight: 400;
  color: #fff;
  margin-bottom: 15px;
  font-size: clamp(1rem, 0.8557rem + 0.4619vw, 1.25rem);
 }
 
 .og-box dd {
  margin-bottom: 10px;
  font-size: clamp(0.9375rem, 0.8653rem + 0.2309vw, 1.0625rem);
  display: list-item;
 }
 
 .og-box dd span {
  color: #ea5532;
 }

 .bu-og-manu {
  margin-bottom: 80px;
 }

 .bu-og-og-button {
  text-align: center;
 }
 
 .bu-og-og-button a {
  display: inline-block;
  background-color: #ea5532;
  border: 3px solid #ea5532;
  border-radius: 10px;
  padding: 15px 50px;
  margin: 20px 0;
  color: #fff;
  transition:0.3s;
 }
 .bu-og-og-button a:hover {
  background-color: #fff;
  color: #ea5532;
  border: 3px solid #ea5532;
 }

 /* 会計支援 */

  .bu-mo-title img {
    margin-top: 50px;
  }

  .bu-mo-text {
    margin: 10px 25px 20px 25px;
    font-size: clamp(0.9375rem, 0.7571rem + 0.5774vw, 1.25rem);
   }

/* ==== 組織化について　モバイル版ページここから ==== */

.org_title_area {
 background-image: url(../images/organization.jpg);
}

 .title_box {
  display: flex;
  flex-direction: column;
  margin-top: 70px;
  align-items: center;
 }

.title_area p {
 font-size: clamp(1rem, 0.864rem + 0.53vw, 1.313rem);
 margin-top: clamp(0rem, -0.489rem + 1.89vw, 1.125rem);
 }

.org_message {
 display: flex;
 flex-direction: column;
 justify-content: center;
 margin-top: 50px;
 margin-bottom: 50px;
}

.org-messagetext {
  max-width: 60%;
  white-space: nowrap;
}

.org_messagetext p {
  margin-left: auto;
  margin-right: auto;
  margin-top: 20px;
 text-align: left;
 line-height: clamp(1.8rem, 1.148rem + 2.52vw, 3.3rem);
 font-family: 'Zen Maru Gothic', sans-serif;
 font-weight: bold;
 font-size: clamp(1rem, 0.7826rem + 0.8403vw, 1.5rem);
 min-width: 16em;
 width: 40%;
}

.org_messagetext p span {
 color: #ea5532;
 font-family: 'Zen Maru Gothic', sans-serif;
}

.org_message img {
 height: auto;
 width: clamp(12.5rem, 4.346rem + 31.51vw, 31.25rem);
 margin: 20px 10% 20px 40%;
}

.org_about {
 display: flex;
 flex-direction: column;
}

.org_block {
 position: relative;
 z-index: 0;
}
.org_block::after{
  padding-top: 100px;
 content: '';
 position: absolute;
 left:0;
 top: -40px;
 
 /*四角形を傾けます*/
 transform: skewY(-2deg);
 transform-origin: top right;
 
 z-index: -1;
 width:100%;
 height:100%;
 background:#eee4dd;
 padding-bottom: 60px;
 margin-bottom: 10px;
}
.org_title {
 display: flex;
 flex-direction: column;
 align-items: center;
 margin-bottom: 50px;
 margin-top: 0px;
}

#org-title {
 padding-top: 70px;
 margin-top: -70px;
}

.org_title p {
 font-size: clamp(0.9375rem, 0.5766rem + 1.1547vw, 1.5625rem);
 margin-bottom: clamp(10px, 1.9vw, 20px);
}
 /* 組織化の流れ画像（PC版） */
img.org_flowpc {
 display: none;
 height: auto;
 width: 80%;
 margin: auto;
}

 /* 組織化の流れ画像（タブレット版） */
img.org_flowtablet {
 display: none;
 height: auto;
 width: 80%;
 margin: auto;
}

 /* 組織化の流れ（モバイル版） */
article {
 position: relative;
 margin-bottom: 100px;
 margin-left: auto;
 margin-right: auto;
 display: flex;
 flex-direction: column;
 align-items: center;
}

article.w-container {
  margin-bottom: 100px;
}

article:last-child {
 margin-bottom: 0;
}

.org_flow {
 height: 250px;
 width: 350px;
 font-size: 14px;
 background-color: #ffffff;
 border-radius: 15px;
 padding: 30px;
 display: flex;
 flex-direction: column;
 align-items: center;
 line-height: 1.5rem;
}

.org_flow.long1 {
 height: 275px;
}

.org_flow.long2 {
 height: 305px;
 margin-bottom: 30px;
}

img.org_number {
 height: 80px;
 width: 80px;
 position: absolute;
 top: -50px;
}

.org_flow h3 {
 margin-top: 20px;
}

.org_flow p {
 margin-top: 20px;
}
img.org_sankaku {
 height: 30px;
 width: 80px;
 position: absolute;
 bottom: -15px;
}

.org_customer_title_area {
 background-image: url(../images/customervoice.jpg);
 margin-top: 180px;
}

.org_customervoice {
 height: 150px;
 display: flex;
 justify-content: center;
 align-items: center;
 font-size: 20px;
}

.org-footer {
  margin-top: 250px;
}

/* ==== 会社内容ページ モバイル版　ここから ====*/
 /* ロゴに込めた想い */
.co_title_area {
  background-image: url(../images/cp_top.png)
}

.cp-span-message{
  color: #303030;
}

.cp-logo-message span{
  display: inline-block;
}


#cp-logo{
  display: flex;
 flex-direction: column;
 justify-content: center;
 align-items: center;
 margin-bottom: 60px;
 padding-top: 70px;
 margin-top: -70px;
}

#cp-logo h2{
  font-weight:bold;
  font-size: clamp(1.25rem, 0.8891rem + 1.1547vw, 1.875rem);
}

.cp-logo{
  margin-top: 30px;
  margin-bottom: 30px;
  padding: 15px;
  border: solid;
  border-color: #cfc4be;
  border-radius: 20px;
  width: 90%;
  text-align:center;
}

.cp-logo-text {
  display: inline-block;
  text-align: left;
  line-height: 2em;
}

.cp-logo-ex {
  width: 90%;
  text-align: center;
  line-height: 2;
}

.cp-logo-br {
  display: block;
content: "";
height: 1rem;
}

.cp-logo #cp-logo-a{
  margin-top: 0;
}

.cp-logoimg{
 height: 100px;
 width: 200px;
 margin: 0px;
 margin-bottom: 30px;
}

.cp-span{
  letter-spacing: 0.5em;
}

#cp-logo p{
 margin-top: 15px;
 font-size: 16px;
 margin-bottom: 0;
}

#cp-logo .cp-a{
  margin-top: 0;
   }

.cp-logo-message{
  font-size: 22px;
  text-align: center;
  line-height: 2.2;
}

.midori{
 color: #8fc31f;
 font-weight: bold;
}

.red{
 color: #ea5532;
}

/* 代表挨拶*/
.cp-block {
  position: relative;
  z-index: 0;
  padding-bottom: 50px;
}

.cp-block::after{
  content: '';
  position: absolute;
  left:0;
  top: -40px;
    
 /*四角形を傾けます*/
  transform: skewY(-2deg);
  transform-origin: top right;
  z-index: -1;
  width:100%;
  height:83%;
  background:#b3b3b3;
  margin-top: 120px;
  padding-bottom: 50px;
}

.cp-name > p{
  color: #fff;
  text-shadow: 2px 2px 2px #303030;
}

.cp-founder{
  display: flex;
  flex-direction: column;
 align-items: center;
 }

 #cp-founder {
  padding-top: 100px;
  margin-top: -100px;
 }

 .cp-photo img{
  margin-top: 50px;
  height: 325px;
  width: 300px;
 }

.cp-name{
  text-align: center;
}

.cp-namea{
  font-size: 50px;
  font-weight: bold;
   margin: 0;
 }

 .cp-nameb{
  margin-top: 10px;
  font-size: 40px;
 }

 .co-checkbox {
  vertical-align: baseline;
  margin-right: 10px;
  }

 .cp-message {
  margin-top: 30px;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 50px;
 }

 .cp-message-omoi{
  font-family: 'Zen Maru Gothic', sans-serif;
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 15px;
 }

 .cp-message p{
  line-height: 2;
 }

 .cp-message-text {
  width: 80%;
 }

 /* 会社概要 */
.cp-h2{
  color: #ea5532;
 }

 .cp-inner{
  text-align: center;
  padding-top: 25px;
  padding-bottom: 50px;
 }

 .cp-aaa{
  margin-top: 30px;
   border: 2px solid #cfc4be;
   background-color: #eee4dd;
   border-radius: 30px;
   position: relative;
   width: 80%;
   margin-left: auto;
   margin-right: auto;
  }

  .cp-aaa h2{
    position: absolute;
    left: 50%;
    top: -20px;
    transform: translate(-50%, -50%);
       -webkit-transform: translate(-50%, -50%);
       -ms-transform: translate(-50%, -50%);
   }
  
th,
td{
 border-bottom: 1px solid #303030;
 padding: 15px 0;
 font-size: 14px;
}

th{
  padding-right: 15px;
}

table td{
 text-align: left;
}

#cp-cp {
  padding-top: 30px;
  margin-top: -0px;
}

 /* ACCESS */
.cp-access-inner {
  margin-top: 30px;
}

.cp-access {
  margin-top: 60px;
}

.cp-inner{
  display: flex;
  flex-direction: column;
  align-items: center;
  }

.cp-map img{
  width: 100%;
 height: 250px;
 width: 300px;
}

iframe{
 height: 300px;
 width: 50vw;
 border-radius: 15px;
}

.cp-inner table{
  margin-top: 20px;
}

#cp-access {
  padding-top: 50px;
  margin-top: -50px;
}

/* ==== お問い合わせページ　モバイル版ここから ==== */
 .co-title-area {
  background-image: url(../images/contact.png);
}
 .co-container {
  max-width: clamp(21.875rem, -26.46rem + 129.11vw, 56.25rem);
  margin: 0 auto;
 }
 
 .co-contact {
  margin-top: clamp(1.875rem, -2.08rem + 10.56vw, 4.688rem);
  margin-left: auto;
  margin-right: auto;
  background-color: #cfc4be;
  padding-top: 50px;
  padding-bottom: 50px;
 }
 
 .co-contact h2 {
  font-size: clamp(1.25rem, 0.8891rem + 1.1547vw, 1.875rem);
  font-weight: bold;
  text-align: center;
 }
 
 .co-contact p {
  font-size: clamp(0.938rem, 0.674rem + 0.7vw, 1.125rem);
  margin-top: 20px;
  text-align: center;
 }
 
 .co-contact p span {
  color: #ea5532;
  font-weight: bold;
 }

 .co-contact-hissu {
  padding-left: clamp(1.875rem, -4.277rem + 16.43vw, 6.25rem);
  padding-right: clamp(1.875rem, -4.277rem + 16.43vw, 6.25rem);
  justify-content: left;
 }
 
 /*フォーム入力エリア*/
 .co-form-area {
  margin-top: 20px;
  padding-top: clamp(1.25rem, -1.386rem + 7.04vw, 3.125rem);
  padding-bottom: 10px;
  padding-left: clamp(1.875rem, -4.277rem + 16.43vw, 6.25rem);
  padding-right: clamp(1.875rem, -4.277rem + 16.43vw, 6.25rem);
  display: flex;
  flex-direction: column; 
 }
 
 .co-form-area dd {
  width: 100%;
  padding: 5px 0 35px;
 }
 
 .co-form-area dt .co-required::after {
  content: '*';
  font-size: 20px;
  font-weight: bold;
  color: #ea5532;
  margin-left: 5px;
 }

 .co-required {
  color: inherit;
 }
 
 .co-input-text {
  width: 100%;
  height: 2rem;
  padding-left: 10px;
  padding-right: 10px;
  border-radius: 5px;
 }
 /* セレクトボックスの矢印デザイン変更 */
 .select-wrap {
  position: relative;
  width: 100%;
}

.select-wrap::after {
  content:'\f0d7';	/* fontawesomeのアイコン表示 */
	font-family: "Font Awesome 6 Free";
	font-weight: 900;
	-webkit-font-smoothing: antialiased;
	display: inline-block;
	font-style: normal;
	font-variant: normal;
 	text-rendering: auto;
	line-height: 1;
	color:black;
	width:0;
	z-index:0;
	position:absolute;
	top:25%;
	right:25px;
	transform:translateY(-50%);
  pointer-events:none
}
select{	/* select要素 */
  padding-left: 0.5rem;
}
 .co-select-box {
  -webkit-appearance: none;
  appearance: none;
  width: 100%;
  height: 2rem;
  border-radius: 5px;
  border-width: 2px;
  border-style: inset;
  border-color: -internal-light-dark(rgb(118, 118, 118), rgb(133, 133, 133));
  border-image: initial;
  background-color: #fff;
 }
 
 .co-radio-button {
  display: flex;
  margin-top: 20px;
 }
 
 .co-radio-button:first-child {
  margin-top: 0;
 }
 
 .co-radio-button input {
  margin-right: 10px;
 }
 
 .co-message {
  width: 100%;
  height: 13rem;
  padding: 10px;
  line-height: 1.5;
  border-radius: 5px;
  border-width: 2px;
  border-style: inset;
  border-color: -internal-light-dark(rgb(118, 118, 118), rgb(133, 133, 133));
  border-image: initial;
 }

 a p .pp-btn{
  color: blue;
  text-decoration: underline;
  transition: 0.3s all;
 }


 a p .pp-btn:hover {
  opacity: 0.6;
 }
 
 .co-submit-button {
  background-color: #ea5532;
  display: block;
  min-width: 180px;
  line-height: 48px;
  border-radius: 5px;
  font-size: 20px;
  color: #fff;
  text-align: center;
  margin-top: 20px;
  margin-left: auto;
  margin-right: auto;
  cursor: pointer;
  border: none;
  transition: 0.3s all;
 }

 .co-submit-button:hover {
  opacity: 0.6;
 }

 /* イラストエリア */
 .co-face-ok {
  display: flex;
  flex-direction: column;
  align-items: center;
 }
 
 .co-face-ok p {
  font-family: 'Zen Maru Gothic', sans-serif;
  font-size: clamp(1.25rem, 0.371rem + 2.35vw, 1.875rem);
  font-weight: bold;
  margin-top: clamp(1.875rem, 0.117rem + 4.69vw, 3.125rem);
  margin-bottom: clamp(1.875rem, 0.117rem + 4.69vw, 3.125rem);
  margin-left: auto;
  margin-right: auto;
 }
 
 .co-face-ok img {
  max-width: clamp(7.5rem, 3.106rem + 11.74vw, 10.625rem);
  margin-bottom: 20px;
 }

/* ==== プライバシーポリシー　モバイル版ここから ==== */
 .pp-title-area {
  background-image: url(../images/privacy.png);
 }

 /* プライバシーポリシー説明エリア */
 .pp-container {
  max-width: clamp(21.875rem, -26.46rem + 129.11vw, 56.25rem);
  margin: 0 auto;
  }
 
 .pp-policy {
  margin-top: clamp(1.875rem, -2.08rem + 10.56vw, 4.688rem);
  margin-left: auto;
  margin-right: auto;
  background-color: #cfc4be;
  padding-top: 1px;
  padding-bottom: 1px;
 
 }
 
 .pp-policy-inner {
  margin: clamp(1.25rem, -0.508rem + 4.69vw, 2.5rem);
  background-color: #fff;
  padding-top: clamp(2.5rem, -0.136rem + 7.04vw, 4.375rem);
  padding-bottom: clamp(2.5rem, -0.136rem + 7.04vw, 4.375rem);
  border-radius: 5px;
 }
 
 .pp-policy h4 {
  font-weight: bold;
  font-size: clamp(0.938rem, 0.322rem + 1.64vw, 1.375rem);
  text-align: center;
 }
 
 .pp-policy p {
  font-size: clamp(0.875rem, 0.699rem + 0.47vw, 1rem);
  padding-top: clamp(1.25rem, -1.386rem + 7.04vw, 3.125rem);
 
  padding-left: clamp(1.563rem, -1.513rem + 8.22vw, 3.75rem);
  padding-right: clamp(1.563rem, -1.513rem + 8.22vw, 3.75rem);
 }
 
 .pp-policy-text {
  padding-top: clamp(1.25rem, -1.386rem + 7.04vw, 3.125rem);
  padding-bottom: 10px;
  padding-left: clamp(1.563rem, -1.513rem + 8.22vw, 3.75rem);
  padding-right: clamp(1.563rem, -1.513rem + 8.22vw, 3.75rem);
 }
 
 .pp-policy-text span {
  color: #0016d5;
  text-decoration: underline;
 }
 
 .word-break {
  word-break: break-all;
 }
 
 .pp-policy-text dt {
  font-weight: bold;
  font-size: clamp(0.875rem, 0.523rem + 0.94vw, 1.125rem);
  padding: 40px 0 10px; 
 }
 
 .pp-policy-text dd {
  font-size: clamp(0.875rem, 0.699rem + 0.47vw, 1rem);
  width: 100%;
 }

/* ==== フッターモバイル版ここから ==== */
.footer-inner {
  max-width: 300px;
  margin: 0 auto;
  }
  
  footer {
  background-color: #cfc4be;
  position: relative;
  margin-top: 100px;
  height: 100%;
  }
  
  .footer-top {
  position: absolute;
  top: -8%;
  left: 50%;
  transform: translateX(-50%);
  text-align: center;
  }
  
  .footer-top p {
  font-size: 20px;
  }
  
  .fa-arrow-up {
  font-size: 40px;
  background-color: #cfc4be;
  padding: 15px 20px;
  border-radius: 60%;
  }
  
  /* アコーディオン */
  .accordion {
  padding-top: 50px;
  margin: 3em auto;
  max-width: 80vw;
  }
  .toggle {
  display: none;
  }
  .option {
  position: relative;
  margin-bottom: 1em;
  }
  .title,
  .content {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transform: translateZ(0);
  transition: all 0.3s;
  }
  .title {
  font-family: 'Zen Maru Gothic', sans-serif;
  border: solid 3px #fff;
  border-radius: 15px;
  padding: 1em;
  display: block;
  color: #333;
  font-weight: bold;
  }
  .title::after,
  .title::before {
  content: "";
  position: absolute;
  right: 1.5em;
  top: 1em;
  width: 3px;
  height: 1.5em;
  background-color: #fff;
  transition: all 0.3s;
  }
  .title::after {
  transform: rotate(90deg);
  }
  .content {
  max-height: 0;
  overflow: hidden;
  }
  .content p {
  margin: 0;
  padding: 1em 1em 1em;
  font-size: 1em;
  line-height: 1.5;
  font-family: 'Zen Maru Gothic', sans-serif;
  font-weight: bold;
  }
  
  .toggle:checked + .title + .content {
  max-height: 500px;
  transition: all 1.5s;
  }
  .toggle:checked + .title::before {
  transform: rotate(90deg) !important;
  }
  
  /* リンクボタンエリア */
  
  .footer-pp-area {
  text-align: center;
  margin-bottom: 20px;
  }
  
  .footer-pp-area a {
  border-bottom: 1.5px solid #303030;
  }
  
  .fa-arrow-up-right-from-square {
  margin-right: 8px;
  }
  
  .footer-tel {
  text-align: center;
  margin-bottom: 20px;
  font-size: 23px;
  background-color: #ea5532;
  padding: 10px 30px;
  border-radius: 25px;
  color: #fff;
  font-weight: bold;
  }
  
  .fa-phone {
  margin-right: 10px;
  color: #fff;
  }
  
  .footer-contact {
  text-align: center;
  margin-bottom: 20px;
  font-size: 20px;
  font-family: 'Zen Maru Gothic', sans-serif;
  font-weight: bold;
  background-color: #fff;
  border: 3px solid #ea5532;
  padding: 10px 30px;
  border-radius: 25px;
  }
  
  .footer-logo {
  text-align: center;
  margin-top: 30px;
  }

  .sp-footer-logo {
    text-align: center;
  }
  
  footer img {
  width: 60%;
  }
  
  .copyright {
  text-align: center;
  padding: 20px 0;
  }

/* ==== メディアクエリ　PC・タブレット共通 ==== */

@media(min-width: 600px){

  .w-container{
    width: min(92%, 768px);
   }

   /* お問い合わせボタン固定 */
  .top-contact {
    position: fixed;
    right: 0;
    top: 170px;
    background-color: #ea5532;
    color: #fff;
    padding: 15px;
    writing-mode: vertical-rl;
    border-radius: 10px 0 0 10px;
    z-index: 50;
   }
  .top-contact-btn span {
    border: 2px solid #fff;
    color: #fff;
    border-radius: 5px;
    padding: 5px;
    margin: 10px 10px 0 10px;
    font-size: 20px;
   }
   .top-contact-btn .fa-solid {
     color: #fff;
     font-size: 20px;
   }
   .top-contact {
     transition: 0.3s all;
   }
   .top-contact:hover {
     opacity: 0.8;
   }

   .top-contact-sp {
    display: none;
   }

   .cp-message-omoi{
    font-size: 30px;
   }

   #cp-logo p{
    font-size: 20px;
   }

   .cp-message{
    width: 510px;
   }

   .cp-message-text {
    font-size: 20px;
    margin-top: 15px;
    width: 120%;
   }

  /* 会社内容 */
   #cp-cp table,
   #cp-access table{
    width: 70%;
   }
}

/* ==== メディアクエリ　PC版==== */
@media(min-width: 1025px){
  .w-container{
    width: min(92%, 1180px);
   }
  
   /* PC版ヘッダー */
   header {
    border-bottom-right-radius: 2000px 100px;
    border-bottom-left-radius: 2000px 100px;
   }
   .he-navbtn {
    display: none;
   }
   .he-navbtn-container p {
    display: none;
   }
   nav ul {
    display: flex;
    font-size: 16px;
   }
   nav ul span {
   color: #848484;
   font-size: 15px;
   }
   nav li {
    line-height: 1.3rem;
    border-left: 2px solid #303030;
    text-align: center;
    padding-left: 30px;
    padding-right: 30px;
    transition: all 0.3s;
   }
   nav li:first-child {
    border-left: none;
   }
   nav a,span {
    transition: 0.3s all;
   }
   nav a:hover {
    color: #ea5532;
   }

   nav a span:hover {
    opacity: 0.6
   }
  

/* メインビジュアル */
 .top-mainvisual {
  height: 100vh;
 }
 .top-mainvisual p {
  font-size: 35px;
  margin-top: 175px;
 }

/* 強み */
 .top-op-text1 {
  display: flex;
  gap: 38px;
  justify-content: center;
 }
 .top-op-title p {
  margin-top: 10px;
 }
 .top-op-text2 {
  font-size: 20px;
  margin: initial;
  padding: 50px;
 }
 .top-op-text2 p {
  width: 100%;
 }
 .top-op-text2 h3 {
  top: -25px;
 }
 .top-op-text2 .h3-3 {
  width: 180px;
 }

/* 事業内容 */
 .top-businessdetails {
  width: initial;
 }
 .top-bd-inner {
  max-width: 900px;
 }
 .top-bd-title p {
  margin-top: 10px;
 }
 .top-bd-it2 {
  display: flex;
  align-items: center;
 }

.top-bd-it2 p {
  margin-top: 20px;
}
/* 赤 */
 .top-bd-red1 img {
  width: 400px;
 }
 .top-bd-red1 .top-btn {
  width: 150px;
  height: 150px;
  line-height: 135px;
  left: -18px;
  border: 7px solid #fff;
 }
 .top-bd-red2 {
  margin-left: 40px;
 }
/* 青 */
 .top-bd-blue1 img {
  width: 350px;
 }
 .reverse {
  display: flex;
  flex-direction: row-reverse; 
  align-items: center;
  margin: 0 auto;
 }
 .reverse p {
  margin-top: 20px;
 }
 .top-bd-blue2 {
  margin-right: 40px;
 }
 .top-bd-blue1 .top-btn {
  width: 145px;
  height: 145px;
  line-height: 130px;
  right: -43px;
  border: 7px solid #fff;
 }
/* 黄色 */
 .top-bd-yellow1 img {
  width: 300px;
 }
 .top-bd-yellow2 {
  margin-left: 40px;
 }
 .top-bd-yellow1 .top-btn {
  width: 145px;
  height: 145px;
  line-height: 130px;
  border: 7px solid #fff;
  font-size: 20px;
 }

/* お問い合わせバナー */
 .top-bunner-inner {
  height: 220px;
  max-width: 900px;
 }
 .top-bunner-p br {
  display: none;
 }
 .top-bunner-p p {
  font-size: 23px;
 }
 .top-bunner-p p::before {
  left: -25px;
  top: -0.2rem;
 }
 .top-bunner-p p::after {
  right: -25px;
  top: -0.2rem;
 }
 .top-tw {
  display: flex;
  justify-content: space-evenly;
  align-items: flex-start;
 }
 .top-tel-btn {
  padding: 8px 60px; 
  font-size: 22px;
 }
 .top-btn2 img {
  width: 30px;
  margin-right: 15px;
 }
 .top-tel .top-bunner-p {
  font-size: 16px;
 }
 .top-tel p {
  margin-bottom: 15px;
 }
 .top-web p {
  margin-bottom: 15px;
 }

 .top-web-btn {
  height: 50px;
  font-size: 20px;
  color: #fff;
 }

 .fa-envelope {
  font-size: 21px;
}

  /* ==== 事業内容ページここから ==== */
  /* bu-top-box */

  .bu-top-box-list h3 {
    min-width: 19em;
   }

   .bu-top-box br {
    display: none;
   }
 
   .bu-top-box-list {
    text-align: center;
   }
 
   .bu-top-box-inner {
    border: none;
   }

   .cp-logoimg{
    height: 200px;
    width: 300px;
    margin-top: 10px;
    margin-bottom: 20px;
   }
   
   /* 経営コンサル */

   .no-images {
    width: 10%;
   }

   .mtg {
    width: 50%;
   }
  
   .bu-title {
    margin-bottom: 50px;
   }

   .pc-br-none {
    display: none;
   }
  
   .bu-manage-text {
    max-width: 500px;
    margin: 0 auto;
    border: none;
   }
  
   .bu-manage-flex {
    max-width: 1080px;
    margin: 0 auto;
    display: flex;
    align-items: center;
   }
  
   .bu-manage-message {
    margin-top: 50px;
   }
  
   .bu-manage-message .hukidashi {
    width: 60%;
    display: block;
    margin: 20px auto;
    fill: #ea5532;
   }
  
   .bu-manage-message .face {
    width: 15%;
    margin-top: 20px;
   }

 /* 組織化・マニュアル化 */
   .bu-og-flex {
    margin-top: 80px;
    display: flex;
    justify-content: space-around;
   }
  
   .og-box {
    max-width: 450px;
   }

 /* 会計支援 */
 .bu-mo-box {
  display: flex;
  justify-content: space-around;
  align-items: center;
 }

 .bu-mo-box img {
  width: 50%;
 }

 .bu-mo-text {
  max-width: 500px;
 }

/* ==== 組織化についてここから ==== */

img.org_flowpc {
  display: block !important;
}

img.org_flowtablet {
 display: none;
}

.org_mobile {
 display: none;
}

.org_messagetext p {
  min-width: 28em;
  max-width: 60%;
 }

.org_message img {
  margin: 20px 10% 20px 50%;
}

.org_message {
  margin-bottom: 80px;
}

.org_block::after {
  top: -45px;
}

.org-footer {
  margin-top: 300px;
}

/* ==== 会社内容ページここから ==== */

#cp-logo .cp-a{
  margin-top: 15px;
}

  

 /* ACCESS */
 .cp-access {
  margin-top: 80px;
}
 .cp-inner{
  flex-direction: row;
  justify-content: space-evenly;
  width: 900px;
  margin-left: auto;
  margin-right: auto;
  }
   
 .cp-map img{
  height: 300px;
  width: 100%;
 }
 
 iframe{
  margin-top: 40px;
  height: 300px;
  width: 400px;
 }
 
 #cp-access table{
  width: 350px;
 }

 th,
 td{
  font-size: 16px;
 }

/* ==== お問い合わせページここから ==== */
 .co-container {
  max-width: 900px;
 }
 
 .co-contact {
  margin-top: 75px;
 }

 .co-form-area {
  display: flex;
  flex-direction: column; 
 }
 .co-form-area dt,
 .co-form-area dd {
  width: 100%;
 }

 

 /* ==== プライバシーポリシー　PC版ここから ==== */
 .pp-container {
  max-width: 900px;
 }
 
 .pp-policy {
  margin-top: 75px;
 }

 .pp-policy-text dt,
 .pp-policy-text dd {
  width: 100%;
 }

 .br-none {
  display: none;
 }

/* ==== フッターここから ==== */
  /* PCの時、モバイル版フッターを非表示 */
    .sp-footer {
    display: none;
    }
    
    /* PC版フッター */
    .pc-footer {
    position: relative;
    }
    
    .pc-footer-inner {
    padding-top: 40px;
    padding-bottom: 50px;
    display: flex;
    justify-content: space-around;
    }
    
    .pc-footer-top {
    position: absolute;
    top: -17%;
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
    }
    .pc-footer-top p {
    font-size: 20px;
    }
    .fa-arrow-up {
    font-size: 40px;
    background-color: #cfc4be;
    padding: 15px 20px;
    border-radius: 60%;
    }
    
    .pc-footer-logo img {
    width: 10vw;
    transition: 0.3s all;
    }
    
    .pc-footer-logo img:hover {
    opacity: 0.6;
    }
    
    .footer-box {
    width: 180px;
    }
    
    .footer-box h5 {
    font-size: 20px;
    font-weight: 400;
    border-bottom:2px solid #fff;
    padding-bottom: 8px;
    margin-bottom: 10px;
    font-family: 'Zen Maru Gothic', sans-serif;
    font-weight: bold;
    transition: 0.3s all;
    }
    
    .footer-box h5 a {
    transition: 0.3s all;
    }
    
    .footer-box h5 a:hover {
    opacity: 0.6;
    }
    
    .footer-box p {
    margin-bottom: 12px;
    font-family: 'Zen Maru Gothic', sans-serif;
    font-weight: bold;
    transition: 0.3s all;
    min-width: 12em;
    }
    
    .footer-box p:hover {
    opacity: 0.6;
    }
    
    .pc-footer-pp-area a{
    font-size: 14px;
    border-bottom: 1.5px solid #303030;
    transition: 0.3s all;
    min-width: 13em;
    }
    
    .pc-footer-pp-area a:hover {
    opacity: 0.6;
    }
    
    .pc-footer-tel {
    text-align: center;
    margin-top: 20px;
    margin-bottom: 10px;
    font-size: 15px;
    background-color: #ea5532;
    padding: 10px 30px;
    border-radius: 25px;
    color: #fff;
    font-weight: bold;
    transition: 0.3s all;
    width: 196px
    }
    
    .pc-footer-tel:hover,
    .pc-footer-contact:hover {
    opacity: 0.6;
    }
    
    .pc-footer-tel .fa-phone {
    margin-right: 5px;
    color: #fff;
    }
    
    .pc-footer-contact {
    text-align: center;
    margin-bottom: 20px;
    font-size: 14px;
    font-family: 'Zen Maru Gothic', sans-serif;
    font-weight: bold;
    background-color: #fff;
    border: 3px solid #ea5532;
    padding: 0.5em 10px;
    border-radius: 25px;
    transition: 0.3s all;
    width: 196px;
    }
    }

 /* ==== メディアクエリ　タブレット版 ==== */
 @media (min-width: 600px) and (max-width: 1024px) {
 
 /* タブレット版ヘッダー */
 header {
  border-bottom-right-radius: 2000px 120px;
  border-bottom-left-radius: 2000px 120px;
 }
 nav ul {
  font-size: 18px;
 }

 /* 事業内容 */
 .bu-top-box-list h3 {
  min-width: 20em;
  white-space: nowrap;
  display: block;
 }

 .pc-br-none {
  display: none;
 }

 .bu-top-box-list p {
  font-size: 20px;
 }

 /* 組織化について */
 .org_title {
  margin-bottom: 0;
 }
 img.org_flowpc {
  display: none;
}

 img.org_flowtablet {
  display: block !important;
  margin-bottom: 50px;
 }

.org_mobile {
 display: none;
}

.pc-br-none {
  display: none;
 }

.org_messagetext p {
  min-width: 30em;
  line-height: 2.3;
 }

.org_message img {
  margin: 20px 10% 20px 50%;
}

.org_block::after {
  padding-bottom: 0;
}

 /* モバイルの時、PC版フッターを非表示 */
.pc-footer {
  display: none;
  }


  /* 会社内容 */
.cp-access-inner{
  padding-top: 50px;
}

.cp-logo-ex {
  width: 95%;
}

.cp-logo {
  width:90%;
  padding: 25px;
}
 }

/* ==== モバイル・タブレット共通 ==== */
@media (max-width: 1024px) {
  /* モバイル版ヘッダーハンバーガーメニュー */
   nav {
    position: fixed;
    inset: 0 -100% 0 100%;
    z-index: 150;
    background-color: rgb(143, 195, 31, 0.95);
    transition: transform 0.3s;
   }
   .open nav {
    transform: translate(-100%, 0);
   }
   .open body {
    overflow: hidden;
   }
   nav ul {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 100%;
    gap: 50px;
    text-align: center;
    list-style: none;
    font-weight: bold;
    position: relative;
    z-index: 180;
   }
   nav li,span {
    color: #fff;
   }
   
  /* モバイル版ナビゲーションボタン */
  .he-navbtn-container {
    display: flex;
   }
   .he-navbtn {
    border: none;
    background: transparent;
    cursor: pointer;
   }
   .open .he-navbtn {
    z-index: 200;
   }
   .he-navbtn .navbtn1 {
    display: revert;
   }
   .open .he-navbtn .navbtn1 {
    display: none;
   }
   .he-navbtn .navbtn2 {
    display: none;
   }
   .open .he-navbtn .navbtn2 {
    display: revert;
   }
   .he-navbtn img {
    width: 23px;
   }

/* モバイルの時、PC版フッターを非表示 */
.pc-footer {
  display: none;
  }
  }

/* メディアクエリ　モバイル版 */
   @media (max-width:599px) {
    .org_mobile {
      display: block !important;
    }
 }

 /* メディアクエリ 　FOUNDER用*/
  @media (min-width:1200px) {
    .cp-founder{
      flex-direction: row;
      justify-content: space-around;
      align-items: center;
      height: 70VH;
      padding-bottom: 50px;
      padding-top: 150px;
    }  

    .cp-name{
      position: absolute;
      top: 30px;
      left: 250px;
     }
  
     .cp-namea{
      font-size: 50px;
     }
  
     .cp-nameb{
      font-size: 45px;
      text-align: right;
     }

     .cp-photo{
      flex-direction: row;
      position: relative;
      margin-right: 120px;
     }
  
     .cp-photo img{
      width: 350px;
      height: 400px;
     }

      /* 代表挨拶 */

   .cp-block {
    padding-top: 50px;
    padding-bottom: 100px;
   }
  
   .cp-aaa {
    margin-top: 200px;
   }
     .cp-aaa h2{
      top: -25px;
     }
  
  .cp-message-omoi {
    margin-top: 80px;
   }
  }