@charset "UTF-8";
/* Sass Document */
/*////// ページタイトル ////// */
.pagetitle-head {
  background: #fff7c5;
  padding: 30px 0;
  margin-bottom: 30px;
}
@media screen and (max-width: 768px) {
  .pagetitle-head {
    padding: 10px 10px;
  }
}
.pagetitle-head h2 {
  font-size: 26px;
  text-align: center;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  .pagetitle-head h2 {
    font-size: 20px;
  }
}

/*////// 本文エリア ////// */
.page-content {
  margin: 0 auto;
  padding: 0 0 50px;
}
.page-content .inner {
  width: 1000px;
}
@media screen and (max-width: 1024px) {
  .page-content .inner {
    width: 100%;
    padding: 0 20px;
  }
}
@media screen and (max-width: 768px) {
  .page-content .inner {
    width: 100%;
  }
}
.page-content a {
  color: #192988;
  text-decoration: underline;
}
.page-content h3 {
  color: #3e3a39;
  font-size: 26px;
  padding: 0 0 5px;
  margin: 40px 0 40px;
  background: url("../img/zirei-line.jpg") repeat-x bottom;
}
@media screen and (max-width: 768px) {
  .page-content h3 {
    font-size: 20px;
  }
}
@media screen and (max-width: 680px) {
  .page-content h3 {
    font-size: 20px;
    margin: 30px 0 30px;
    padding: 0 0 5px;
  }
}
.page-content h4 {
  color: #192988;
  font-size: 20px;
  margin: 20px 0;
  padding: 0 15px;
}
@media screen and (max-width: 768px) {
  .page-content h4 {
    font-size: 18px;
    padding: 0;
  }
}
.page-content h5 {
  color: #db900b;
  font-size: 18px;
  margin: 20px 0;
  padding: 0 15px;
}
@media screen and (max-width: 768px) {
  .page-content h5 {
    font-size: 16px;
    padding: 0;
  }
}
.page-content p {
  margin: 0 0 20px;
  padding: 0 15px;
}
@media screen and (max-width: 768px) {
  .page-content p {
    padding: 0;
  }
}
.page-content .wp-block-columns {
  padding: 0 15px;
}
@media screen and (max-width: 768px) {
  .page-content .wp-block-columns {
    padding: 0;
  }
}
.page-content .wp-block-columns ul {
  padding-left: 20px;
}

/* リンクぺージ　リンクの設定 */
.link-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 15px;
}
@media screen and (max-width: 768px) {
  .link-list {
    padding: 0;
    justify-content: flex-start;
  }
}
.link-list ul {
  display: block;
  width: 33.3%;
  list-style-type: none;
  padding-right: 20px;
}
@media screen and (max-width: 768px) {
  .link-list ul {
    width: 45%;
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 680px) {
  .link-list ul {
    width: 100%;
    margin-bottom: 0;
    padding-right: 0;
  }
}

/*////// 写真の設定 ////// */
/* 写真横長 */
/*.alignright
 * float: none
 * margin-left: 0
 * margin-right: 0
 * display: block */
.photo-yoko {
  width: 250px;
  float: right;
  line-height: 1.5em;
  margin-left: 15px;
  font-size: 80%;
  color: #464646;
}
@media screen and (max-width: 680px) {
  .photo-yoko {
    width: 100%;
    margin: 0 auto;
    float: none;
    text-align: center;
  }
}
.photo-yoko:after {
  content: "";
  display: block;
  clear: both;
}
.photo-yoko img {
  width: 100%;
  height: auto;
  float: right;
  margin: 0 0 0.5em 1em;
}
@media screen and (max-width: 680px) {
  .photo-yoko img {
    max-width: 300px !important;
    margin: 0;
    float: none;
  }
}

/* 写真縦長 */
.photo-tate {
  width: 166px;
  float: right;
  line-height: 1.5em;
  margin-left: 15px;
  font-size: 80%;
  color: #464646;
}
@media screen and (max-width: 680px) {
  .photo-tate {
    width: 100%;
    margin: 0 auto;
    float: none;
    text-align: center;
  }
}
.photo-tate:after {
  content: "";
  display: block;
  clear: both;
}
.photo-tate img {
  width: 100%;
  height: auto;
  float: right;
  margin: 0 0 0.5em 1em;
}
@media screen and (max-width: 680px) {
  .photo-tate img {
    max-width: 300px !important;
    float: none;
    margin: 0;
  }
}

/* 写真センター */
.photo-center {
  width: 100%;
  text-align: center;
  margin: 0 auto;
  font-size: 80%;
  color: #464646;
}
.photo-center:after {
  content: "";
  display: block;
  clear: both;
}
.photo-center img {
  max-width: 500px;
  height: auto;
}
@media screen and (max-width: 680px) {
  .photo-center img {
    max-width: 100% !important;
    float: none;
    margin: 0;
  }
}

/* 顔写真 */
.photo-face {
  width: 160px;
  float: right;
  line-height: 1.5em;
  margin-left: 15px;
  font-size: 80%;
  color: #464646;
}
@media screen and (max-width: 680px) {
  .photo-face {
    width: 100%;
    margin: 0 auto;
    float: none;
    text-align: center;
  }
}
.photo-face:after {
  content: "";
  display: block;
  clear: both;
}
.photo-face img {
  width: 100%;
  height: auto;
  float: right;
  margin: 0 0 0.5em 1em;
}
@media screen and (max-width: 680px) {
  .photo-face img {
    max-width: 300px !important;
    margin: 0;
    float: none;
  }
}

/* 回り込みの解除 */
.clear {
  clear: both;
}

/* 4カラム */
.column-4 {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
}
.column-4 div {
  width: 25%;
  text-align: center;
  margin-bottom: 10px;
}
@media screen and (max-width: 768px) {
  .column-4 div {
    width: 33.33%;
  }
}
@media screen and (max-width: 680px) {
  .column-4 div {
    width: 50%;
  }
}
.column-4 div img {
  max-width: 100%;
  padding: 0 20px;
}

/* 画像幅最大変更 */
.page_img-max img {
  max-width: 100% !important;
}

/* 最寄りの民商を探す */
.page-map-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}

.map {
  width: 35%;
}
@media screen and (max-width: 768px) {
  .map {
    display: none;
  }
}

.map-list {
  width: 60%;
}
@media screen and (max-width: 768px) {
  .map-list {
    width: 100%;
  }
}
.map-list .list-01 {
  background: #f3f7ec;
}
@media screen and (max-width: 680px) {
  .map-list .list-01 dt {
    background: #f3f7ec;
  }
}
.map-list .list-02 {
  background: #feeaea;
}
@media screen and (max-width: 680px) {
  .map-list .list-02 dt {
    background: #feeaea;
  }
}
.map-list .list-03 {
  background: #fdf3eb;
}
@media screen and (max-width: 680px) {
  .map-list .list-03 dt {
    background: #fdf3eb;
  }
}
.map-list .list-04 {
  background: #f6f4f9;
}
@media screen and (max-width: 680px) {
  .map-list .list-04 dt {
    background: #f6f4f9;
  }
}
.map-list .list-05 {
  background: #fff5da;
}
@media screen and (max-width: 680px) {
  .map-list .list-05 dt {
    background: #fff5da;
  }
}
.map-list .list-06 {
  background: #ecf5ff;
}
@media screen and (max-width: 680px) {
  .map-list .list-06 dt {
    background: #ecf5ff;
  }
}
.map-list .list-01, .map-list .list-02, .map-list .list-03, .map-list .list-04, .map-list .list-05, .map-list .list-06 {
  padding: 10px 0;
  margin-bottom: 20px;
}
@media screen and (max-width: 680px) {
  .map-list .list-01, .map-list .list-02, .map-list .list-03, .map-list .list-04, .map-list .list-05, .map-list .list-06 {
    background: #fff;
    margin-bottom: 0;
  }
}
.map-list dt {
  font-weight: bold;
  float: left;
  width: 130px;
  padding-left: 10px;
}
@media screen and (max-width: 680px) {
  .map-list dt {
    width: 100%;
    float: none;
    margin-bottom: 10px;
  }
}
.map-list dd {
  padding-left: 140px;
}
@media screen and (max-width: 680px) {
  .map-list dd {
    padding-left: 0;
  }
}
.map-list ul {
  display: flex;
  flex-wrap: wrap;
}
.map-list li {
  list-style-type: none;
  padding: 0 10px;
}

/* 民商一覧 */
.minsyo-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.minsyo-list .minsyo-block {
  width: 48%;
  padding: 20px 20px;
  margin-bottom: 40px;
  border: 5px #f7b52c solid;
  border-radius: 10px;
}
@media screen and (max-width: 680px) {
  .minsyo-list .minsyo-block {
    width: 100%;
    margin-bottom: 20px;
  }
}
.minsyo-list .kenren {
  background: #fffbe6;
}
.minsyo-list .minsyo-title {
  font-size: 20px;
  padding-bottom: 10px;
  margin-bottom: 10px;
  font-weight: bold;
  border-bottom: #f7b52c dotted 3px;
}
@media screen and (max-width: 768px) {
  .minsyo-list .minsyo-title {
    font-size: 18px;
  }
}
.minsyo-list .minsyo-info span {
  font-weight: bold;
  color: #192988;
}

/* 問い合わせフォーム */
/*.page-content
 * .mb-40
 * form
 *   input, textarea, select
 *     border: 1px #333333 solid
 *     padding: 5px 3px
 *     margin: 5px 0
 * .form_title
 *   width: 300px
 *   float: left
 *   font-weight: bold
 *   font-size: 20px
 * .hissu
 *   display: inline-block
 *   margin-left: 10px
 *   font-weight: bold
 *   background: $maincolor
 *   padding: 0 10px
 *   font-size: 16px
 * .ex
 *   font-weight: normal
 *   font-size: 16px
 * .form_parts
 *   width: calc(100% - 300px)
 *   float: left
 *   margin-bottom: 40px
 * .submit
 *   text-align: center */
.form-area {
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  .form-area {
    max-width: 700px;
    margin: 0 auto;
  }
}
@media screen and (max-width: 680px) {
  .form-area {
    width: 100%;
    float: none;
  }
}
.form-area dt, .form-area dd {
  padding: 20px 0;
}
.form-area dt.first, .form-area dd.first {
  border-top: none;
}
.form-area dt {
  width: 400px;
  float: left;
  border-top: 1px solid #bbb;
}
@media screen and (max-width: 768px) {
  .form-area dt {
    width: 350px;
    padding: 20px 0 0;
  }
}
@media screen and (max-width: 680px) {
  .form-area dt {
    float: none;
    width: 100%;
    padding: 20px 0 0;
  }
}
.form-area dd {
  width: calc(100% - 400px);
  float: left;
  border-top: 1px solid #bbb;
}
@media screen and (max-width: 768px) {
  .form-area dd {
    width: 350px;
    padding: 20px 0;
  }
}
@media screen and (max-width: 680px) {
  .form-area dd {
    float: none;
    width: 100%;
    padding: 10px 0 20px;
    border-top: none;
  }
}
.form-area input, .form-area textarea, .form-area select {
  border: 1px solid #bbb;
  padding: 5px 3px;
  margin: 5px 0;
  background: #eeeeee;
}
.form-area input[name='Sei'], .form-area input[name='Mei'], .form-area input[name='RubySei'], .form-area input[name='RubyMei'] {
  width: 350px;
}
@media screen and (max-width: 768px) {
  .form-area input[name='Sei'], .form-area input[name='Mei'], .form-area input[name='RubySei'], .form-area input[name='RubyMei'] {
    width: 300px;
  }
}
@media screen and (max-width: 680px) {
  .form-area input[name='Sei'], .form-area input[name='Mei'], .form-area input[name='RubySei'], .form-area input[name='RubyMei'] {
    width: 90%;
  }
}
.form-area input[name='ZipA'] {
  width: 150px;
}
@media screen and (max-width: 768px) {
  .form-area input[name='ZipA'] {
    width: 100px;
  }
}
@media screen and (max-width: 680px) {
  .form-area input[name='ZipA'] {
    width: 30%;
  }
}
.form-area input[name='ZipB'] {
  width: 200px;
}
@media screen and (max-width: 768px) {
  .form-area input[name='ZipB'] {
    width: 150px;
  }
}
@media screen and (max-width: 680px) {
  .form-area input[name='ZipB'] {
    width: 50%;
  }
}
.form-area select[name='Ken'] {
  width: 350px;
}
@media screen and (max-width: 768px) {
  .form-area select[name='Ken'] {
    width: 300px;
  }
}
@media screen and (max-width: 680px) {
  .form-area select[name='Ken'] {
    width: 100%;
  }
}
.form-area input[name='Addr'] {
  width: 350px;
}
@media screen and (max-width: 768px) {
  .form-area input[name='Addr'] {
    width: 300px;
  }
}
@media screen and (max-width: 680px) {
  .form-area input[name='Addr'] {
    width: 100%;
  }
}
.form-area input[name='Group'] {
  width: 350px;
}
@media screen and (max-width: 768px) {
  .form-area input[name='Group'] {
    width: 300px;
  }
}
@media screen and (max-width: 680px) {
  .form-area input[name='Group'] {
    width: 100%;
  }
}
.form-area input[name='TelA'], .form-area input[name='TelB'], .form-area input[name='TelC'], .form-area input[name='FaxA'], .form-area input[name='FaxB'], .form-area input[name='FaxC'] {
  width: 100px;
}
@media screen and (max-width: 680px) {
  .form-area input[name='TelA'], .form-area input[name='TelB'], .form-area input[name='TelC'], .form-area input[name='FaxA'], .form-area input[name='FaxB'], .form-area input[name='FaxC'] {
    width: 30%;
  }
}
.form-area textarea[name='Msg'] {
  width: 350px;
}
@media screen and (max-width: 768px) {
  .form-area textarea[name='Msg'] {
    width: 300px;
  }
}
@media screen and (max-width: 680px) {
  .form-area textarea[name='Msg'] {
    width: 100%;
  }
}
.form-area input[name='Mail'], .form-area input[name='Mail_V'] {
  width: 350px;
}
@media screen and (max-width: 768px) {
  .form-area input[name='Mail'], .form-area input[name='Mail_V'] {
    width: 300px;
  }
}
@media screen and (max-width: 680px) {
  .form-area input[name='Mail'], .form-area input[name='Mail_V'] {
    width: 100%;
  }
}
.form-area input[type='checkbox'], .form-area input[type='radio'] {
  margin-right: 10px;
}
.form-area span.form-title {
  font-weight: bold;
  font-size: 20px;
  color: #192988;
}
.form-area span.form-title-2 {
  font-weight: bold;
  font-size: 16px;
}
.form-area span.hissu {
  display: inline-block;
  font-weight: bold;
  background: #f7b52c;
  padding: 1px 7px;
}
.form-area h4 {
  /* font-size: 16px */
  border-top: 1px solid #bbb;
  padding-top: 20px;
  margin-top: 20px;
}
.form-area h4.first {
  border-top: none;
  padding-top: 0;
  margin-top: 0;
}

p.submit-btn {
  text-align: center;
}
p.submit-btn input {
  font-size: 22px;
  font-weight: bold;
  display: inline-block;
  background: #f7b52c;
  padding: 3px 30px;
}
p.submit-btn input:hover {
  opacity: 0.5;
  transition-duration: 0.1s;
}

ul.form-ul {
  /* display: flex */
  /* flex-wrap: wrap */
  /* justify-content: flex-start */
  /* align-items: center */
}
ul.form-ul li {
  list-style-type: none;
  margin: 0 10px;
  font-weight: bold;
}
ul.form-ul li input[type="radio"] {
  margin-right: 10px;
}

p.form-textarea {
  text-align: center;
}
p.form-textarea textarea {
  width: 500px;
  border: 1px solid #bbb;
  background: #eeeeee;
}
@media screen and (max-width: 680px) {
  p.form-textarea textarea {
    width: 100%;
  }
}

/* 相談・事例用 */
.area_1 {
  width: 100%;
  background: #fff;
  margin: 0 auto;
  padding: 0 0 20px 0;
}

.box_yuushi {
  width: 98%;
  margin: 0 auto;
}

.box_yuushi img {
  text-align: center;
  max-width: 100%;
  margin: 0 auto;
}
.box_yuushi .center {
  width: 100%;
  display: block;
  text-align: center !important;
  margin: 0 auto;
}

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

.btn_blue li a {
  display: block;
  list-style: none;
  background-color: #182987;
  color: #fff;
  font-size: 140%;
  font-weight: bold;
  padding: 6px 8px;
  margin: 6px;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  moz-border-radius: 10px;
  text-decoration: none;
}

.mt40 {
  margin-top: 40px !important;
}

.mb20 {
  margin-bottom: 20px !important;
}

.img95 {
  max-width: 95% !important;
}

.clear {
  clear: both;
}

/*////// Youtube埋め込み設定 ////// */
.youtube-frame,
.youtube-frame2 {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.youtube-frame iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}
.youtube-frame2 iframe {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  margin: 0 auto;
  max-width: 100% !important;
  max-height: 100% !important;
}

/* カラム中央設定 */
.wp-block-center {
  text-align: center;
}

/* 月刊民商　カラム設定 */
.column-gekkan .wp-block-column {
  flex-basis: calc(50% - 16px) !important;
  flex-grow: 0 !important;
  padding: 0 7px;
}

/*************** 民商組織管理アプリ *************************/
/* ページ横幅 */
.page-minsho-system {
  margin: 0 auto;
}
.page-minsho-system .w70 {
  width: 70%;
  margin: 20px auto 50px;
}
.page-minsho-system section {
  margin: 10px auto;
  width: 100%;
  background-color: #fff7c5; /*#feeec0*/
  padding: 20px 0;
}
.page-minsho-system .minsho-title {
  margin: -30px auto 10px;
  padding: 50px 0;
}
@media screen and (max-width: 768px) {
  .page-minsho-system .w70 {
    width: 90%;
  }
}

/* インデント */
.indent {
  padding-left: 2em !important;
  text-indent: -1em;
}
.ul-1 {
  margin-left: 1.5em;
}
.indent01 {
  padding-left: 1em !important;
  text-indent: -1em;
}

@media screen and (max-width: 768px) {
  .indent {
    padding-left: 1em !important;
  }
}

/* モバイルのみ */
@media screen and (max-width: 680px) {
  .sp {
    display: none !important;
  }
}

.cpt-body {margin-bottom: 5px;}
.cpt-body p {margin: 0px; padding: 0;}
.cpt-simple-list { list-style: none; margin: 0; padding: 0; }
.cpt-simple-item { display: flex; gap: .75rem; align-items: baseline; padding: .5rem 0; border-bottom: 1px dotted #ddd; }
.cpt-simple-link { text-decoration: none; }
.cpt-simple-title { font-weight: 600; }
.cpt-simple-date { margin-left: auto; margin-bottom: 5px; font-size: .9rem; opacity: .7; white-space: nowrap; }
.cpt-pagination ul { display: flex; gap: .5rem; list-style: none; padding: 0; }
.cpt-pagination a, .cpt-pagination span { display: inline-block; padding: .35rem .6rem; border: 1px solid #ddd; border-radius: 8px; }