@charset "utf-8";
/* CSS Document */
/*
Template: dearsign
Theme Name: dearsignの子テーマ
Theme URI: https://ds-contact.com/dearsign/child
Description: dearSignの子テーマ
Version: 1.3
Author: DIGITAL STRIVE
Author URI: http://d-strive.com/
Requires PHP: 7.4
*/


@font-face {
  font-family: YuGothicM;
  src: local("Yu Gothic Medium"); }
body {
  background-color: #F4F2EE;
  background-color: #E2C2C2; }

.entry_block_content a {
  color: #007bff; }

.widget_author_block a {
  color: black; }

.header_logo-block {
  padding-left: 0;
  left: -5px;
  top: 15px; }

.header_logo-block img {
  max-height: 95px; }

.menu-gnav-container {
  position: relative;
  right: -35px; }

.header_top_widgets {
  position: relative;
  right: -40px; }

.header_top_widgets h1 {
  font-size: 1.5rem;
  font-weight: normal;
  display: inline-block;
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
  margin-bottom: 0em; }
.header_top_widgets .search_icon_block {
  display: inline-block;
  position: relative;
  top: 3px; }

.search_icon_block_form {
  margin: 25px auto; }

#header_nav.navbar-block ul.menu,
.tab-nav-unit ul.menu {
  float: right;
  width: 65%; }

.header_top_widgets h1 {
  font-weight: 700; }

.front-top-taxonomy-block-wrapper {
  margin: 1.5em auto 0em;
  text-align: center;
  display: block;
  width: 85vw;
  line-height: 1;
  max-width: 1100px; }
  .front-top-taxonomy-block-wrapper::before, .front-top-taxonomy-block-wrapper::after {
    content: '';
    background-image: url("images/car-line.gif");
    height: 17px;
    width: 100%;
    display: inline-block;
    width: 85vw;
    max-width: 1100px;
    text-align: center;
    background-size: 17px; }
  .front-top-taxonomy-block-wrapper h1 {
    position: relative;
    font-size: 42px;
    letter-spacing: 0.2em;
    margin: 0;
    padding: 0;
    font-family: Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
    display: block;
    font-weight: normal;
    text-align: left; }

.front-top-taxonomy-block {
  text-align: left;
  padding: 0em 1.5em;
  background-color: #DEDCD9;
  font-family: "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
  display: block;
  margin-bottom: 10px; }
  .front-top-taxonomy-block .main-block-top_widget {
    padding: 1em 0; }
    .front-top-taxonomy-block .main-block-top_widget .widget-title {
      display: none; }
    .front-top-taxonomy-block .main-block-top_widget:first-child {
      width: 25%;
      float: left;
      border-right: 1px solid #333333; }
      .front-top-taxonomy-block .main-block-top_widget:first-child ul {
        padding-left: 0; }
        .front-top-taxonomy-block .main-block-top_widget:first-child ul li {
          list-style: none; }
          .front-top-taxonomy-block .main-block-top_widget:first-child ul li a {
            padding-left: 0; }
    .front-top-taxonomy-block .main-block-top_widget:last-child {
      width: 75%;
      float: right;
      padding-left: 1em;
      padding-right: 1em; }
  .front-top-taxonomy-block .main-block-top_widget:first-child .tagcloud li {
    margin-left: -25px;
    padding: 4px 0; }
    .front-top-taxonomy-block .main-block-top_widget:first-child .tagcloud li.current {
      background-color: #B2CAC9; }
  .front-top-taxonomy-block .main-block-top_widget:first-child .tagcloud a {
    font-size: 12px !important;
    text-transform: uppercase;
    font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
    padding-left: 25px; }
    .front-top-taxonomy-block .main-block-top_widget:first-child .tagcloud a span {
      float: right;
      text-align: left;
      width: 45%;
      position: relative;
      left: 15px;
      display: block;
      line-height: 2em; }
  .front-top-taxonomy-block .main-block-top_widget:last-child .tagcloud a.tag-cloud-link {
    padding: 3px 1em 3px 0;
    font-size: 10px !important;
    font-weight: 500;
    font-family: "Segoe UI", Verdana, '游ゴシック', "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }
  .front-top-taxonomy-block .side_list {
    margin-bottom: 0; }

.list-taxonomy-block span a {
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
  font-weight: bold;
  color: #000000; }

#header_nav.navbar-block ul.menu > li > a span.main_nav {
  font-family: "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
  word-break: keep-all;
  letter-spacing: -0.05em; }

.menu-gnav-container.nav-super_view {
  clear: both; }

.side-block-item .side_list {
  margin-bottom: 0; }
.side-block-item ul.list-bordered li {
  border-bottom: none !important; }
.side-block-item.widget_text, .side-block-item.widget_recent_entries, .side-block-item.widget_search, .side-block-item.widget_archive, .side-block-item.widget_recent_comments, .side-block-item.widget_tag_cloud, .side-block-item.widget_essence_custom_list_widget, .side-block-item.widget_writer_block_plugin {
  background-color: #DFDCD9;
  padding: 1em; }
  .side-block-item.widget_text .widget-title, .side-block-item.widget_recent_entries .widget-title, .side-block-item.widget_search .widget-title, .side-block-item.widget_archive .widget-title, .side-block-item.widget_recent_comments .widget-title, .side-block-item.widget_tag_cloud .widget-title, .side-block-item.widget_essence_custom_list_widget .widget-title, .side-block-item.widget_writer_block_plugin .widget-title {
    border-bottom: none;
    text-align: center; }
.side-block-item .tag-cloud-link {
  font-size: 14px !important; }
  .side-block-item .tag-cloud-link span.list-item-count {
    float: none !important;
    display: inline-block !important;
    font-size: 14px !important;
    color: #4A4749;
    background-color: inherit; }
    .side-block-item .tag-cloud-link span.list-item-count::before {
      content: '('; }
    .side-block-item .tag-cloud-link span.list-item-count::after {
      content: ')'; }
.side-block-item .plane-type-group .list_item_block a:hover {
  display: flex !important; }
.side-block-item .plane-type-group a {
  display: flex;
  flex-wrap: wrap;
  padding-bottom: 0px;
  margin-bottom: 10px;
  border-bottom: 1px solid #251E1C; }
  .side-block-item .plane-type-group a figure {
    width: 40%;
    flex-basis: 40%; }
  .side-block-item .plane-type-group a .list_block_inner {
    width: 60%;
    flex-basis: 60%;
    padding: 0 10px; }
    .side-block-item .plane-type-group a .list_block_inner .list_block_title {
      font-size: 12px;
      font-weight: normal; }

.side_list ul.list-bordered {
  text-align: center; }

.sidebar li.current {
  background-color: #B2CAC9; }

.entry_block_content header {
  border-top: 3px solid #333333;
  border-bottom: 3px solid #333333;
  background-color: #E3DFD5; }
  .entry_block_content header .entry_post_thumbnail {
    float: left;
    max-width: 30%; }
.entry_block_content .widget_author_block {
  margin-top: 4em;
  border-top: 1px solid black;
  border-bottom: 1px solid black;
  padding-top: 15px;
  padding-bottom: 15px; }

body.page .entry_block_content p {
  min-height: 1em;
  line-height: 2em;
  font-size: 0.9em; }

.archive-page-title-block .entry-block-title-wrap.label-block {
  display: none; }

.list-unit.list-type-group .list_item_block {
  border: 1px solid #231815;
  border-radius: 3px; }

.post_header_data-block-wrap {
  margin-top: 70px;
  border-top: 2px solid #251E1C;
  border-bottom: 2px solid #251E1C;
  padding: 3px 0; }
  .post_header_data-block-wrap .post_header_data-block {
    border-top: 1px solid #251E1C;
    border-bottom: 1px solid #251E1C;
    padding: 10px 0;
    display: flex;
    flex-wrap: wrap; }
    .post_header_data-block-wrap .post_header_data-block .post_header-title {
      width: 60%;
      font-size: 22px;
      padding-right: 20px;
      font-weight: normal;
      display: flex;
      align-items: center;
      justify-content: center; }
    .post_header_data-block-wrap .post_header_data-block .post_header-category {
      width: 39%;
      padding-left: 10px;
      border-left: 2px solid #251E1C; }
      .post_header_data-block-wrap .post_header_data-block .post_header-category ul {
        list-style: none; }
      .post_header_data-block-wrap .post_header_data-block .post_header-category .post_header-category-block {
        font-size: 24px;
        text-transform: uppercase; }
      .post_header_data-block-wrap .post_header_data-block .post_header-category .post_header-date-block {
        font-size: 20px;
        margin-bottom: 10px; }
      .post_header_data-block-wrap .post_header_data-block .post_header-category .post_header-tag-block a {
        margin-right: 15px;
        font-size: 12px; }
        .post_header_data-block-wrap .post_header_data-block .post_header-category .post_header-tag-block a::before {
          content: '-'; }

.entry_block_content header {
  border-top: none;
  border-bottom: none;
  background-color: #FFFFFF; }
  .entry_block_content header h1.entry_block_title {
    margin-bottom: 5px;
    font-size: 58px;
    font-weight: normal;
    font-family: "Roboto Slab" , Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
    text-transform: uppercase;
    letter-spacing: 0.1em; }
  .entry_block_content header .entry_block_title {
    display: inline-block;
    margin-bottom: 25px !important;
    color: #422513; }
    .entry_block_content header .entry_block_title .entry_block_sub_title {
      text-align: center;
      font-size: 15px;
      letter-spacing: 0.2em;
      font-weight: normal;
      font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
      color: black; }

.main-content-block .list-unit.plane-type-group .list_item_block > a {
  display: flex;
  flex-wrap: wrap;
  border: 1px solid #231815;
  border-radius: 4px;
  padding: 15px;
  margin-bottom: 15px;
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif; }
  .main-content-block .list-unit.plane-type-group .list_item_block > a figure.list_block_figure {
    width: 35%; }
  .main-content-block .list-unit.plane-type-group .list_item_block > a .list_block_inner {
    width: 65%;
    padding: 10px; }
    .main-content-block .list-unit.plane-type-group .list_item_block > a .list_block_inner .list_block_date {
      font-size: 21px;
      font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
      filter: alpha(opacity=100);
      -moz-opacity: 1;
      opacity: 1; }
    .main-content-block .list-unit.plane-type-group .list_item_block > a .list_block_inner h2.list_block_title {
      font-size: 21px;
      font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif; }
    .main-content-block .list-unit.plane-type-group .list_item_block > a .list_block_inner .list_block_excerpt {
      margin-top: 20px;
      font-size: 13px;
      font-weight: bold;
      line-height: 1.8; }
    .main-content-block .list-unit.plane-type-group .list_item_block > a .list_block_inner .list-taxonomy-block a {
      background-color: initial;
      font-size: 10px;
      display: inline-block;
      margin-right: 12px; }
      .main-content-block .list-unit.plane-type-group .list_item_block > a .list_block_inner .list-taxonomy-block a::before {
        content: '-'; }

.dear-sign-title01 {
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif" !important;
  letter-spacing: 0.2em;
  background-color: #EFEBE5;
  color: #422513;
  font-size: 18px;
  padding: 15px 0; }

.dear-sign-title02 {
  margin-top: 15px;
  background-color: #EFEBE5;
  color: #422513;
  font-size: 14px;
  padding: 5px 0; }

.dear-sign-title03 {
  display: block;
  text-align: center !important;
  font-weight: bold;
  border: 1px solid #422513;
  border-radius: 10px;
  color: #422513;
  font-size: 15px;
  padding: 5px 0; }

.dear-sign-title04 {
  font-weight: normal;
  margin-bottom: 15px !important; }
  .dear-sign-title04 span {
    font-size: 1.2em; }

.point-block-num1,
.point-block-num2,
.point-block-num3 {
  background-color: #EFEBE5;
  padding: 25px 10px 10px;
  position: relative;
  display: flex;
  flex-wrap: wrap;
  margin-top: 20px;
  letter-spacing: -0.05em;
  margin-right: 0 !important; }
  .point-block-num1::before,
  .point-block-num2::before,
  .point-block-num3::before {
    background-color: #DACFC4;
    position: absolute;
    top: -20px;
    border-radius: 50%;
    padding: 5px;
    width: 40px;
    height: 40px;
    font-size: 18px;
    display: block;
    left: 45%;
    text-align: center; }
  .point-block-num1 p,
  .point-block-num2 p,
  .point-block-num3 p {
    font-size: 0.85em;
    margin: 1em; }
  .point-block-num1 figure.wp-block-image,
  .point-block-num2 figure.wp-block-image,
  .point-block-num3 figure.wp-block-image {
    align-items: flex-end;
    display: flex;
    margin-bottom: 0; }
    .point-block-num1 figure.wp-block-image img,
    .point-block-num2 figure.wp-block-image img,
    .point-block-num3 figure.wp-block-image img {
      margin-bottom: 0; }

.point-block-num1::before {
  content: '1'; }

.point-block-num2::before {
  content: '2'; }

.point-block-num3::before {
  content: '3'; }

.price-block {
  width: 100%; }
  .price-block td {
    vertical-align: top; }
  .price-block tr td:nth-child(2) {
    text-align: right;
    padding-left: 15px; }

span.price-label {
  font-size: 30px;
  margin-right: 2px;
  position: relative; }

_::-webkit-full-page-media, _:future, :root span.price-label {
  top: -12px; }

.wp-block-column h3 {
  margin-top: 15px;
  margin-bottom: 10px; }

.dearsign-about-point01 {
  color: #0064A0;
  font-size: 22.5px !important;
  letter-spacing: -0.05em;
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif; }

.dear-sign-merit {
  background-color: #422513;
  color: #FFFFFF;
  text-align: center;
  border-radius: 10px;
  font-size: 15px;
  padding: 5px 0;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif" !important; }

.dear-sign-demerit {
  background-color: #FFFFFF;
  color: #422513;
  text-align: center;
  border-radius: 10px;
  border: 1px solid #422513;
  font-size: 15px;
  padding: 5px 0;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif" !important; }

.dear-sign-name-block {
  display: block;
  text-align: right; }
  .dear-sign-name-block .wp-block-column {
    display: inline-block;
    vertical-align: middle;
    margin: 0; }
    .dear-sign-name-block .wp-block-column figure {
      margin-bottom: 0; }

.wp-block-table.table tr td:first-child {
  word-break: keep-all; }

.type-plane-type-group .taxonomy_lable {
  text-transform: uppercase;
  font-size: 24px;
  font-weight: normal;
  letter-spacing: 0.2em;
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif; }

body.single-post .main-content-unit {
  margin-top: 3em; }

.headline-color-01 {
  color: #422513; }

.sns-buttons-unit ul {
  display: block;
  margin: 0 auto;
  text-align: center; }
  .sns-buttons-unit ul li {
    display: inline-block;
    width: auto;
    padding: 0 1em; }
.sns-buttons-unit ul > li {
  background-color: white !important; }
  .sns-buttons-unit ul > lia::before {
    height: 20px;
    width: auto;
    margin: 0 auto; }
  .sns-buttons-unit ul > li a {
    color: inherit;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden; }
  .sns-buttons-unit ul > li.sns-block-line a {
    content: url("images/line_icon.png"); }
  .sns-buttons-unit ul > li.sns-block-facebook a {
    content: url("images/fb_icon.png"); }
  .sns-buttons-unit ul > li.sns-block-twitter a {
    content: url("images/tw_icon.png"); }
  .sns-buttons-unit ul > li.sns-block-google a {
    content: url("images/gp_icon.png"); }

.main-content-unit.none_sidebar .main-content-block {
  margin-top: 10px; }

footer.site-footer-block ul.footer-sitemap {
  text-align: center;
  display: inline-block;
  vertical-align: top;
  width: 50%; }

footer .footer-info-block {
  display: inline-block;
  width: auto;
  vertical-align: top;
  width: 50%; }

.footer-info-block::before {
  letter-spacing: 0.2em;
  font-weight: bold;
  display: block;
  margin-bottom: 0.6em;
  content: 'CAR ADVISER & SHOP dear Sign'; }

footer.site-footer-block ul.footer-sitemap > li ul.sub-menu:before,
footer.site-footer-block ul.footer-sitemap ul li::after {
  border-left: none;
  border-top: none;
  text-align: left; }

footer.site-footer-block ul.footer-sitemap a {
  letter-spacing: 0.2em; }

.footer_logo-block {
  display: none; }

.grid-type-group section.list_item_block .list_block_inner .list-taxonomy-block span:first-child a {
  word-break: keep-all;
  letter-spacing: -0.05em; }
  @media screen and (max-width: 768px) {
    .grid-type-group section.list_item_block .list_block_inner .list-taxonomy-block span:first-child a {
      left: -10px; } }

.grid-type-group {
  margin-left: 0;
  margin-right: 0; }
  .grid-type-group section.list_item_block {
    padding: 0; }
    .grid-type-group section.list_item_block a {
      padding: 0;
      position: static; }
      .grid-type-group section.list_item_block a:hover {
        top: 0;
        box-shadow: none; }
    .grid-type-group section.list_item_block figure {
      margin: 0; }
      .grid-type-group section.list_item_block figure img {
        width: 100%;
        height: auto;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -ms-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s;
        /*
        //gray scale をやめる
				-webkit-filter: grayscale(100%);
				-moz-filter: grayscale(100%);
				-ms-filter: grayscale(100%);
				-o-filter: grayscale(100%);
				filter: grayscale(100%);
        */
        -webkit-filter: brightness(100%);
        -moz-filter: brightness(100%);
        -ms-filter: brightness(100%);
        -o-filter: brightness(100%);
        filter: brightness(100%); }
    .grid-type-group section.list_item_block *:hover > .hover_figure img {
      -webkit-transition: all 0.3s;
      -moz-transition: all 0.3s;
      -ms-transition: all 0.3s;
      -o-transition: all 0.3s;
      transition: all 0.3s;
      -webkit-transform: scale(1);
      -moz-transform: scale(1);
      transform: scale(1);
      /*
      //gray scale をやめる
			-webkit-filter: grayscale(0);
			-moz-filter: grayscale(0);
			-ms-filter: grayscale(0);
			-o-filter: grayscale(0);
			filter: grayscale(0);
      */
      -webkit-filter: brightness(150%);
      -moz-filter: brightness(150%);
      -ms-filter: brightness(150%);
      -o-filter: brightness(150%);
      filter: brightness(150%); }
    .grid-type-group section.list_item_block .list_block_inner {
      position: absolute;
      width: 50%;
      height: 50%;
      top: 0;
      left: 0;
      padding: 1.5em;
      text-align: left;
      filter: alpha(opacity=90);
      -moz-opacity: 0.9;
      opacity: 0.9; }
      .grid-type-group section.list_item_block .list_block_inner .list_block_date {
        top: 20px;
        font-size: 1.6em !important;
        font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro","ＭＳ Ｐ明朝", "MS PMincho", "serif";
        font-weight: bold;
        float: left;
        opacity: 100;
        width: 36%; }
      .grid-type-group section.list_item_block .list_block_inner .list_block_excerpt,
      .grid-type-group section.list_item_block .list_block_inner .list_block_title {
        font-weight: normal; }
      .grid-type-group section.list_item_block .list_block_inner .list_block_excerpt {
        clear: both;
        display: inline-block;
        margin-top: 1.5em;
        font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
        font-weight: 500;
        color: #FFFFFF; }
      .grid-type-group section.list_item_block .list_block_inner .list-taxonomy-block {
        position: relative;
        float: left;
        top: 7px;
        max-width: 64%;
        line-height: 1;
        left: 5px; }
        .grid-type-group section.list_item_block .list_block_inner .list-taxonomy-block a {
          background-color: transparent; }
          .grid-type-group section.list_item_block .list_block_inner .list-taxonomy-block a::before {
            content: '-'; }
        .grid-type-group section.list_item_block .list_block_inner .list-taxonomy-block span {
          display: inline-block;
          font-size: 1.2rem; }
        .grid-type-group section.list_item_block .list_block_inner .list-taxonomy-block span:first-child {
          display: block; }
          .grid-type-group section.list_item_block .list_block_inner .list-taxonomy-block span:first-child a {
            font-size: 1.15em;
            text-transform: uppercase; }
          .grid-type-group section.list_item_block .list_block_inner .list-taxonomy-block span:first-child a::before {
            content: ''; }
  .grid-type-group .list_item_block.cat_name-column .list_block_inner {
    background-color: #719FBB; }
  .grid-type-group .list_item_block.cat_name-interview .list_block_inner {
    background-color: #D2BF99; }
  .grid-type-group .list_item_block.cat_name-recommend .list_block_inner {
    background-color: #DEABA3; }
  .grid-type-group .list_item_block:first-child .list_block_inner {
    opacity: 0.8; }
  .grid-type-group .list_item_block:nth-child(2) .list_block_inner {
    opacity: 0.8;
    right: 0;
    top: 50%;
    left: 50%; }
  .grid-type-group .list_item_block:nth-child(5) .list_block_inner {
    top: 50%; }
  .grid-type-group .list_item_block:nth-child(3) figure.list_block_figure,
  .grid-type-group .list_item_block:nth-child(4) figure.list_block_figure {
    width: 50% !important; }
  .grid-type-group .list_item_block:nth-child(3) .list_block_inner,
  .grid-type-group .list_item_block:nth-child(4) .list_block_inner {
    height: 100%;
    top: 0;
    bottom: 0; }
  .grid-type-group .list_item_block:nth-child(3) figure.list_block_figure {
    left: 50%; }
  .grid-type-group .list_item_block:nth-child(4) .list_block_inner {
    left: 50%; }

@media screen and (min-width: 1100px) {
  .container {
    max-width: 1100px; }

  #header_nav.navbar-block ul.menu > li > a span.main_nav {
    font-weight: 600;
    font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
    font-weight: 500; }

  #header_nav.navbar-block ul.menu > li > a span.sub_nav {
    font-size: 0.7em;
    font-weight: 600;
    opacity: 100; } }
@media screen and (min-width: 769px) {
  .has_sidebar .main-content-block {
    padding-left: 0px !important; }
  .has_sidebar #sidebar {
    padding-right: 0px !important; }

  .side-block-item .side_list a {
    padding: 0.4em 15% !important; }

  .header_top_widgets .textwidget {
    padding-top: 16px; }

  .front_page_after_widgets .textwidget {
    margin-left: -5px !important;
    margin-right: -5px !important; }

  .site-header-block {
    min-height: 110px; }

  #search_icon_block_modal {
    min-width: 600px; }

  .front_page_after_widgets:last-child {
    display: flex;
    flex-wrap: nowrap; }
    .front_page_after_widgets:last-child div {
      min-width: 33.33%; }

  footer.site-footer-block ul.footer-sitemap.footer-inline-nav {
    margin: 0 auto;
    width: 70%;
    display: block; }

  .footer .footer-info-block {
    margin-top: 25px; }

  .footer .biz_info-block dl::after {
    content: " ";
    display: block;
    clear: both; }
  .footer .biz_info-block dt {
    float: left;
    clear: both;
    width: 5em; }
  .footer .biz_info-block dd {
    float: left; }

  ul.footer-depth-nav {
    text-align: left;
    font-size: 14px;
    font-weight: 800; }
    ul.footer-depth-nav > li > a {
      font-size: 16px; }
    ul.footer-depth-nav > li {
      margin-right: 20px; }
    ul.footer-depth-nav li {
      text-align: left; }
      ul.footer-depth-nav li ul.sub-menu {
        padding-left: 0 !important;
        text-transform: uppercase; }
    ul.footer-depth-nav li li {
      font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif; }

  .biz_info-block {
    display: block; }

  .grid-type-group section.list_item_block .list_block_inner .list_block_date {
    color: #000000; }

  .grid-type-group section.list_item_block .list_block_inner .list_block_excerpt {
    color: #FFFFFF; } }
@media screen and (max-width: 768px) {
  .front-top-taxonomy-block-wrapper {
    margin-bottom: 0;
    width: 100%; }
    .front-top-taxonomy-block-wrapper::before, .front-top-taxonomy-block-wrapper::after {
      width: 100%; }

  .front-top-taxonomy-block-wrapper {
    font-size: 16px;
    text-align: center;
    position: static; }

  body .front-top-taxonomy-block .main-block-top_widget {
    width: 100% !important;
    text-align: center !important;
    float: none !important; }
    body .front-top-taxonomy-block .main-block-top_widget .parent-list-item {
      display: inline-block; }

  .front-top-taxonomy-block .main-block-top_widget:first-child {
    border-right: none;
    border-bottom: 1px solid #422513; }
    .front-top-taxonomy-block .main-block-top_widget:first-child ul {
      margin-bottom: 0; }

  .front-top-taxonomy-block .main-block-top_widget:last-child {
    display: none; }

  .front-top-taxonomy-block-wrapper h1 {
    font-size: 1.6em;
    text-align: center; }

  .front-top-taxonomy-block .main-block-top_widget:first-child .tagcloud a span {
    display: block;
    width: auto;
    text-align: center;
    padding: 0;
    margin: 0;
    float: none; }

  .front-top-taxonomy-block .main-block-top_widget:first-child .tagcloud li {
    margin-left: 10px; }
    .front-top-taxonomy-block .main-block-top_widget:first-child .tagcloud li a {
      padding-left: 0; }
      .front-top-taxonomy-block .main-block-top_widget:first-child .tagcloud li a span {
        left: 0;
        right: 0;
        text-align: center; }

  .side-block-item .plane-type-group a .list_block_inner .list_block_title,
  .main-content-block .list-unit.plane-type-group .list_item_block > a .list_block_inner .list_block_excerpt {
    font-size: 1.35em; }

  .main-content-block .list-unit.plane-type-group .list_item_block > a .list_block_inner .list_block_excerpt {
    margin-bottom: 0; }

  .main-content-block .list-unit.plane-type-group .list_item_block > a .list_block_inner {
    padding: 0 10px; }

  footer.site-footer-block ul.footer-sitemap,
  footer .footer-info-block {
    width: 100%;
    display: block; }

  .footer-info-block dl dd {
    display: block;
    margin-left: 0;
    padding-left: 0; }
  .footer-info-block .col {
    display: block;
    width: 100%;
    flex-basis: 100%;
    padding-left: 0;
    margin-left: 0; }

  .list_block_inner {
    font-size: 0.7rem; }

  .grid-type-group section.list_item_block .list_block_inner .list-taxonomy-block span:first-child a {
    font-size: 1rem; }

  .grid-type-group .list_item_block .list-taxonomy-block span a {
    font-size: 0.7rem; } }
.navbar-info-block dl dd,
.footer-info-block dl dd {
  border-left: none; }

.main-content-wrap {
  margin-bottom: 4em; }

.front_page_after_widgets {
  margin-bottom: 2em !important; }
  .front_page_after_widgets h2.widget-title {
    background-color: #B2CACA;
    text-align: center;
    font-size: 0.85em;
    letter-spacing: 0.2em;
    padding: 0.5em; }

ol.list-icon li {
  letter-spacing: -0.1em; }

.side-block-item.widget_my_onepage_plugin,
.front_page_after_widgets:last-child {
  margin: 0 -18px; }
  .side-block-item.widget_my_onepage_plugin div a,
  .front_page_after_widgets:last-child div a {
    display: block;
    border: 2px solid black;
    border-radius: 4px;
    margin: 0 1em;
    text-align: center;
    padding: 1em;
    font-weight: bold;
    letter-spacing: 0.2em; }
    .side-block-item.widget_my_onepage_plugin div a span,
    .front_page_after_widgets:last-child div a span {
      letter-spacing: 0em;
      font-size: 0.65em; }

body.page-id-2 .entry_block_content header,
body.single-post .entry_block_content header {
  display: none; }
body.page-id-2 .pagination,
body.single-post .pagination {
  display: block;
  text-align: center;
  font-size: 1.3em; }
  body.page-id-2 .pagination > a,
  body.single-post .pagination > a {
    display: inline-block;
    padding: 0 1em;
    width: auto;
    line-height: 40px; }

.front-top-taxonomy-block-wrapper {
  display: none; }

body.home .front-top-taxonomy-block-wrapper,
body.blog .front-top-taxonomy-block-wrapper,
body.archive .front-top-taxonomy-block-wrapper {
  display: block; }

.post_archive_link {
  letter-spacing: 0.2em;
  margin-top: 1em;
  font-size: 30px;
  font-family: Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
  padding-right: 14px; }
  @media screen and (min-width: 768px) {
    .post_archive_link {
      float: right;
      clear: right; } }
  @media screen and (max-width: 768px) {
    .post_archive_link {
      clear: both; } }

body.home .post_archive_link {
  display: none; }

body.home.custom-background,
body.archive.custom-background {
  background-color: #efebe5; }
  body.home.custom-background .main-content-wrap,
  body.archive.custom-background .main-content-wrap {
    background-color: #efebe5; }

body.archive #my_onepage_plugin-3 {
  display: none; }

・.pagination {
  background-color: none;
  color: #878787; }

.front_page_after_widgets h2.widget-title {
  padding-top: 2px;
  padding-bottom: 2px;
  margin-bottom: 20px; }

.tagcloud.side_list,
.footer-sitemap {
  text-transform: uppercase; }

dt.small-dt {
  width: auto !important; }

#controls-essence-mailform .btn.btn-item {
  background-color: #b2caca; }

.navbar-block#header_nav ul.menu > li > a span.main_nav,
.front-top-taxonomy-block,
.grid-type-group section.list_item_block .list_block_inner .list_block_date {
  font-family: 'Yu Mincho Light','YuMincho','Yu Mincho','游明朝体','ヒラギノ明朝 ProN','Hiragino Mincho ProN',serif; }

.front-top-taxonomy-block .main-block-top_widget:nth-child(2) {
  width: 20%;
  float: left;
  border-right: 1px solid #333333; }
  .front-top-taxonomy-block .main-block-top_widget:nth-child(2) ul li {
    list-style: none;
    padding: 4px 0; }
    .front-top-taxonomy-block .main-block-top_widget:nth-child(2) ul li a {
      font-size: 12px !important;
      text-transform: uppercase;
      font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
      padding-left: 25px; }

.front-top-taxonomy-block .main-block-top_widget:last-child {
  width: 55%; }

.post_bottom_tags {
  margin-top: 4em; }
  .post_bottom_tags a {
    border-radius: 20px;
    border: 1px solid #C3C3C3;
    display: inline-block;
    padding: 3px 7px;
    color: #737373;
    font-size: 14px; }
    .post_bottom_tags a:hover {
      border: 1px solid #422513; }
    .post_bottom_tags a p {
      display: none; }

.page_bottom_tags_title {
  display: flex;
  align-items: center; }
  .page_bottom_tags_title:before, .page_bottom_tags_title:after {
    content: "";
    width: 100%;
    height: 2px;
    background: #000;
    flex-grow: 1; }
  .page_bottom_tags_title:before {
    margin: 0 20px 0 0; }
  .page_bottom_tags_title:after {
    margin: 0 0 0 20px; }







/*------ Master CSS ------*/
/*--- PC版表示CSS ---*/
html {
    font-size: 62.5%;
    /* 10px */
}

body {
    color: #331C10;
    background: #F6F4ED;
    font-size: 1.6rem;/* 16px */
    line-height: 2.8rem;
    position: relative;
    font-family: 'Zen Kaku Gothic New', "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, Meiryo, sans-serif;
}



/*--- 共通css ---*/

* {
    box-sizing: border-box;
}

.clear {
    clear: left;
}

.clearfix::after {
    content: "";
    display: block;
    clear: both;
}

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

a {
    color: #331C10;
    text-decoration: none;
}

a:hover {
    color: #331C10;
    transition: all 0.5s;
    opacity: 0.7;
}

a img:hover {
    transition: all 0.5s;
    opacity: 0.9;
}

a img {
    border-width: 0px;
    border-style: none;
    border-color: #fff;
    background: transparent;
}

a.anchor {
    display: block;
    padding-top: 180px;
    margin-top: -180px;
}

section {
    width: 100%;
    position: relative;
}

.bg_white {
    background: #fff;
}

.bg_brown {
    background: #D2C4A6;
}

.bg_pink1 {
    background: #F8E2ED;
}

.bg_pink2 {
    background: #EDC9DA;
    padding: 60px;
}

.bg_blue1 {
    background: #b4dbe0;
}

.bg_blue2 {
    background: #b2caca;
}

.bg_blue_white {
    background: #fff;
}

.txt_center {
    text-align: center;
}

.mb40 {
margin-bottom: 40px;
}

.mb60 {
margin-bottom: 60px;
}

.mb80 {
margin-bottom: 80px;
}

.container {
    max-width: 85%;
    width: 1280px;
    margin: 0 auto;
    padding: 80px 0;
}

.width_960 {
    width: 85%;
    max-width: 960px;
    margin: 0 auto;
}



/*--- ディスプレイ切り替え ---*/
.sp_none {
    display: block;
}

.pc_none {
    display: none;
}



/*--- ヘッダー ---*/
header {
    width: 100%;
    position: fixed;
    z-index: 10;
    transition: 0.5s;
    background: #FFF;
    box-shadow: 0 3px 6px #00000029;
}

.head_inner {
    padding: 0 0 0 40px;
    height: 85px;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    align-items: center;
}

.logo_wrap {
    padding: 0;
}

h1 {
    width: 270px;
}



/*--- グローバルナビ ---*/
.header_navi {
    display: flex;
}

.navi_wrap {
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-end;
    align-items: center;
}

.global_navi {
    padding: 0 1em;
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-end;
    align-items: center;
}

.global_navi li {
    padding: 0 2.0rem;
    text-align: center;
    font-size: 2.0rem;
    font-family: 'Zen Kaku Gothic New', sans-serif;
    font-weight: 700;
    line-height: 2.4rem;
    align-self: center;
}

.g_navi_s {
    font-size: 1.4rem;
}

.h_contact {
    position: relative;
    width: 400px;
    height: 85px;
}

.h_contact:hover {
    background: rgba(169, 96, 130, 0.7);
    display: block;
}

.btn_h_contact {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    width: 280px;
    height: 62px;
}



/*--- スクロールトップ ---*/
#page_top {
    color:#988272;
    font-size: 4.8rem;
    position: fixed;
    z-index: 4;
    bottom: 100px;
    right: 10%;
    text-shadow: 0 0 4px #999;
}



/*--- フッター ---*/
footer {
    width: 100%;
    background: #F6F4ED;
}

.footer_info_wrap {
    color: #988272;
    width: 85%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 80px 0;
}

.footer_info {
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
}

.footer_navi {
}

.footer_navi li {
    display: inline-block;
    font-size: 1.4rem;
    padding: 2em;
    margin-bottom: 24px;
}

.footer_navi li a {
    color: #988272;
}

.footer_navi li a:hover {
    opacity: 0.7;
}

.footer_logo {
    width: 250px;
    margin: 20px auto;
}

.footer_address {
    margin-bottom: 60px;
    line-height: 2.4rem;
}

.follow_us {
    color: #333;
    position: relative;
    width: 250px;
    margin: 10px auto;
}

.follow_us::before {
    position: absolute;
    content: "";
    width: 80px;
    height: 1px;
    background: #333;
    top: 50%;
    left: 0;
}

.follow_us::after {
    position: absolute;
    content: "";
    width: 80px;
    height: 1px;
    background: #333;
    top: 50%;
    right: 0;
}

.footer_sns {
    width: 250px;
    margin: 0 auto;
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    align-items: center;
}

.footer_sns li:nth-child(1) {
    width: 40%;
}

.footer_sns li:nth-child(2) {
    width: 48%;
}

.copyright {
    color: #fff;
    background: #988272;
    /* background: #b2caca; */
    width: 100%;
    height: 64px;
    font-size: 1.3rem;
    line-height: 64px;
    text-align: center;
}



/*--- トップページ - コンテンツ ---*/
#first_view {
    position: relative;
    width: 100%;
    height: calc(900px - 85px);
    margin-top: 85px;
}

#main_visual {
    position: absolute;
    width: 100%;
    height: 100%;
}

.dot_filter::after {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.3);
    background-image: radial-gradient(black 20%, transparent 20%),
    radial-gradient(black 20%, transparent 20%);
    background-size: 4px 4px;
    background-position: 0 0, 2px 2px;
}

#video {
    position: relative;
    z-index: -1;
    width: 100%;
    height: calc(900px - 85px);
    object-fit: cover;
    overflow: hidden;
}

#catch_copy  {
    position: absolute;
    top: 30%;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    color: #fff;
    font-size: 3.5rem;
    font-weight: bold;
    font-family: 'Shippori Mincho', serif;
    text-shadow: 0 0 6px #000;
}

.sub_copy01 {
    text-align: center;
}

.main_menu {
    position: absolute;
    bottom: 0;
    z-index: 2;
    width: 100%;
}

.m_menu_circle {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 3;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    width: 268px;
    height: 269px;
}

.btn_m_menu {
    width: 100%;
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    align-items: center;
}

.btn_m_menu li {
    width: 50%;
    height: 160px;
    background-color: rgba(255, 255, 255, 0.5);
    border: 1px solid #fff;
}

.btn_m_menu li a {
    height: 160px;
    display: block;
}

.btn_m_menu li:nth-child(1) a {
    background: url(../images/main_menu_01.png) no-repeat 50% 50% / 480px 120px;
}

.btn_m_menu li:nth-child(2) a {
    background: url(../images/main_menu_02.png) no-repeat 50% 50% / 480px 120px;
}

.btn_m_menu li:nth-child(3) a {
    background: url(../images/main_menu_03.png) no-repeat 50% 50% / 480px 120px;
}

.btn_m_menu li:nth-child(4) a {
    background: url(../images/main_menu_04.png) no-repeat 50% 50% / 480px 120px;
}

.btn_m_menu li:nth-child(1) a:hover {
    background-image: url(../images/main_menu_01w.png);
    background-color: #AA6183;
}

.btn_m_menu li:nth-child(2) a:hover {
    background-image: url(../images/main_menu_02w.png);
    background-color: #4C8A95;
}

.btn_m_menu li:nth-child(3) a:hover {
    background-image: url(../images/main_menu_03w.png);
    background-color: #71558E;
}

.btn_m_menu li:nth-child(4) a:hover {
    background-image: url(../images/main_menu_04w.png);
    background-color: #D9AD56;
}

.first_message {
    color: #331C10;
    font-size: 2.4rem;
    font-weight: 500;
    font-family: 'Shippori Mincho', serif;
    text-align: center;
    line-height: 4.2rem;
    padding: 80px 0;
}

.t_blog_ttl {
    position: relative;
    width: 100%;
    font-size: 6.0rem;
    font-family: 'shippori Mincho', serif;
    font-weight: 600;
    display: inline-block;
    margin-bottom: 20px;
}

.t_blog_ttl_s {
    font-size: 1.8rem;
    vertical-align: middle;
}

.t_blog_ttl::after {
    content: "";
    position: absolute;
    top: 64%;
    right: 0;
    height: 1px;
    width: 640px;
    background: #331C10;
}

.blog_list {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
}

.blog_item {
    width: 280px;
    background: #fff;
    margin-bottom: 40px;
    box-shadow: 0px 3px 6px #00000044;
}

.blog_list .blog_thumbnail {
    width: 280px;
}

.blog_list .blog_thumbnail img {
    width: 280px;
    height: 280px;
    object-fit: cover;
    overflow: hidden;
}

.blog_state {
    width: 280px;
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    align-items: center;
}

.blog_date {
    font-size: 1.4rem;
    padding: 0.8em 1.2em 0.4em;
}

.blog-category {
    color: #fff;
    font-size: 1.0rem;
    padding: 0 10px;
    margin-right: 10px;
    text-align: center;
    border-radius: 3px;
}

.news {
    background: #719FBB;
}

.column {
    background: #719FBB;
}

.car-design {
    background: #D9AD56;
}

.life-style {
    background: #EDC9DA;
}

.maintenance {
    background: #8F76BA;
}

.mood {
    background: #b2caca;
}

.interview {
    background: #D2BF99;
}

.recommend {
    background: #DEABA3;
}

.blog_excerpt {
    width: 280px;
    padding: 0 1.0em 1.0em;
    line-height: 2.4rem;
}

.btn_more_wrap {
    position: relative;
    width: 100%;
    margin: 0 auto;
    display: flex;
    justify-content: center;
}

.btn_more_wrap::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    height: 1px;
    width: 500px;
    background: #331C10;
}

.btn_more_wrap::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    height: 1px;
    width: 500px;
    background: #331C10;
}

.btn_more {
    font-size: 1.8rem;
    font-family: 'shippori Mincho', serif;
    font-weight: 600;
    text-align: center;
    width: 180px;
    height: 42px;
    line-height: 42px;
}

.btn_more a {
    border: 1px solid #331C10;
    display: block;
}

.btn_more a:hover {
    color: #fff;
    background: #331C10;
}



/*--- about - dearSignについて ---*/
#mv_about_wrap {
    position: relative;
    margin-top: 85px;
    height: 1000px;
}

.main_copy_about {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 50%;
}

.main_image_about {
    position: absolute;
    top: 35%;
    left: 36%;
    z-index: 2;
    width: 50%;
    box-shadow: 3px 3px 0 #000;
}

.paral_about {
    position: absolute;
    top: 12%;
    left: 0;
    transform: skewY(5deg); /* Y軸方向（水平方向）に45度傾ける */
    width: 100%;
    height: 700px;
    margin: 0 auto;
    background: #EDC9DA;
}

.doted_pattern {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 3;
    background: url(../images/bg_dish.png) repeat 10px 0;
    width: 20%;
    height: 2400px;
}

.copy_about_pink {
    position: absolute;
    top: 55%;
    left: 10%;
    z-index: 4;
    color: #fff;
    background: #E35364;
    font-size: 2.3rem;
    font-weight: 500;
    padding: 0.4em;
    box-shadow: 3px 3px 0 #000;
}

.copy_about_white {
    color: #000;
    background: #fff;
    font-size: 2.3rem;
    font-weight: 500;
    padding: 0.4em;
    box-shadow: 3px 3px 0 #000;
}

.adjust01 {
    position: absolute;
    top: 62%;
    left: 11%;
    z-index: 3;
}

.adjust02 {
    position: absolute;
    top: 69%;
    left: 14%;
    z-index: 4;
}

.adjust03 {
    position: absolute;
    top: 76%;
    left: 18%;
    z-index: 4;
}

.business_wrap {
    width: 85%;
    max-width: 1280px;
    text-align: center;
    margin: 0 auto;
    padding: 80px 0;
}

h2 {
    font-size: 5.0rem;
    font-weight: 700;
    margin-bottom: 20px;
}

span.marker {
    background: linear-gradient(transparent 70%, rgb(232, 133, 179, 50%) 70%);
    display: inline; /* 複数行にラインを引くためインライン属性を指定する */
    background-repeat: no-repeat;
    background-size: 0% 100%;
    transition:background-size 1.5s;
    }

.marker.on { /* マーカーが引かれる際に付与するクラス */
    background-size: 100% 100%; /* 横方向を100%にして、マーカーを引く */
}

.biz_text_pink {
    color: #E682B1;
    font-size: 2.4rem;
    font-weight: 700;
    line-height: 4.8rem;
    margin-bottom: 40px;
    text-align: center;
}

.biz_text {
    font-size: 2.0rem;
    line-height: 4.0rem;
    margin-bottom: 40px;
}

.biz_text2 {
    font-size: 2.4rem;
    font-weight: 700;
    line-height: 4.8rem;
    margin-bottom: 40px;
}

.images_about {
    width: 100%;
    max-width: 1280px;
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    margin: 0 auto;
}

.images_about div {
    width: 49%;
    margin-bottom: 20px;
}

.illust_wrap {
    width: 85%;
    max-width: 1280px;
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    margin: 160px auto;
}

.illust_wrap div {
    width: 28%;
}

.illust_wrap figure {
    margin-bottom: 20px;
}

.illust_wrap p {
    font-size: 2.0rem;
    font-weight: 500;
    line-height: 3.2rem;
}

.triangle {
    background: #ffffff;
    height: calc(60px / 2);
    width: 60px;
    clip-path: polygon(0 0, 100% 0, 50% 100%);
    margin: 0 auto 80px;
}

.solution {
    width: 85%;
    max-width: 1280px;
    margin: 0 auto;
}

.subttl_about_01 {
    width: 1003px;
    margin: 0 auto 70px;
}

.btn_solution {
    width: 100%;
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
}

.btn_solution div {
    width: 350px;
    margin-bottom: 80px;
}

.contact_phone {
    color: #574436;
    background: #fff;
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
    width: 1040px;
    margin: 0 auto 20px;
}

.contact_phone div:nth-child(1) {
    color: #fff;
    background: #574436;
    border: 2px solid #574436;
    width: 18%;
    height: 80px;
    font-size: 2.0rem;
    font-weight: 500;
    line-height: 80px;
    text-align: center;
}

.contact_phone div:nth-child(2) {
    border-top: 2px solid #574436;
    border-bottom: 2px solid #574436;
    position: relative;
    width: 35%;
    height: 80px;
    font-size: 5.0rem;
    font-weight: 700;
    line-height: 72px;
    text-align: center;
}

.contact_phone div:nth-child(2)::after {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    right: 0;
    content: "";
    width: 2px;
    height: 50px;
    background: #574436;
}

.contact_phone div:nth-child(3) {
    border-top: 2px solid #574436;
    border-right: 2px solid #574436;
    border-bottom: 2px solid #574436;
    width: 47%;
    height: 80px;
    font-size: 1.6rem;
    font-weight: 500;
    line-height: 2.4rem;
    text-align: left;
    padding: 1.0em 0 0 1.0em;
}

.contact_sns_wrap {
    width: 1040px;
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    margin: 0 auto;
}

.contact_sns_wrap div {
    width: 330px;
    margin-bottom: 100px;
}

.bg_inner {
    background: #fff url(../images/bg_dotted.png) repeat ;
    padding: 80px 0;
    border: 1px solid #666;
    font-family: 'Zen Maru Gothic', serif;
}


.subttl_about_02_wrap {
    width: 880px;
    margin: 0 auto;
}

.yokuaru {
    font-size: 3.6rem;
    font-weight: 900;
    text-align: center;
}

.subttl_about_02 {
    margin-bottom: 20px;
}

.nayami_wrap {
    margin: 80px auto;
}

.about2_text {
    font-size: 2.0rem;
    font-weight: 500;
    line-height: 4.8rem;
    display: inline;
    border-bottom: 2px dotted #999;
    padding-bottom: 4px;
}

.nayami_wrap_01 {
    background: url(../images/nayami_01_back.png) no-repeat;
    width: 1100px;
    height: 720px;
    margin: 80px auto;
}

.nayami_wrap_02 {
    background: url(../images/nayami_02_back.png) no-repeat;
    width: 1100px;
    height: 720px;
    margin: 80px auto;
}

.nayami_wrap_03 {
    background: url(../images/nayami_03_back.png) no-repeat;
    width: 1100px;
    height: 720px;
    margin: 80px auto;
}

.nayami_title {
    width: 750px;
    margin: 0 auto 40px;
}

.nayami_text {
    width: 880px;
    font-size: 2.0rem;
    font-weight: 400;
    line-height: 3.6rem;
    margin: 0 auto 40px;
}

.btn_kaiketsu {
    background: #E682B1;
    width: 140px;
    height: 140px;
    border-radius: 50%;
    font-size: 2.4rem;
    font-weight: 700;
    line-height: 140px;
    text-align: center;
    margin: 0 auto;
}

.btn_kaiketsu a {
    color: #fff;
    border-radius: 50%;
    display: block;
}

.subttl_about_03_wrap {
    width: 1280px;
    margin: 0 auto;
}

.subttl_about_03 {
    width: 607px;
    margin: 0 auto 20px;
}

.about3_wrap {
    width: 1280px;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    align-items: center;
    margin: 0 auto 40px;
}

.about3_ttl {
    color: #284B66;
    background: #FDE8F2;
    border: 3px solid #284B66;
    border-radius: 8px;
    width: 32%;
    font-size: 2.0rem;
    font-weight: 700;
    line-height: 3.2rem;
    padding: 32px;
}

.about3_text {
    width: 64%;
}

span.add_underline {
    color: #333;
    font-size: 1.6rem;
    font-weight: 500;
    line-height: 3.2rem;
    display: inline;
    border-bottom: 2px dotted #999;
    padding-bottom: 4px;
}

span.text_parple {
    color: #AA6183;
}

.btn_sodan_pink {
    background: #E682B1;
    width: 240px;
    height: 80px;
    border-radius: 40px;
    line-height: 80px;
    text-align: center;
    font-size: 2.0rem;
    font-weight: 500;
    margin: 40px auto;
}

.btn_sodan_pink a {
    color: #fff;
    display: block;
}



/*--- buy - クルマの選び方 ---*/
#mv_buy_wrap {
    position: relative;
    margin-top: 85px;
    height: 900px;
}

.main_copy_buy {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    width: 45%;
}

.main_image_buy {
    position: absolute;
    top: -200px;
    left: 0;
    z-index: 1;
    width: 100%;
}

.copy_buy_wrap {
    position: absolute;
    top: 40%;
    left: 16%;
    z-index: 3;
    font-weight: 500;
    font-family: 'Shippori Mincho', serif;
}

.copy_buy {
    font-size: 2.2rem;
    line-height: 4.2rem;
    margin-bottom: 40px;
}

.copy_buy_white {
    font-size: 2.6rem;
    background: #fff;
    padding: 4px;
}

.subttl_buy_01 {
    width: 705px;
    margin: 0 auto 10px;
}

.buy1_sub_text {
    font-size: 1.7rem;
    text-align: center;
}

.style_list {
    width: 100%;
    max-width: 1280px;
    margin: 60px auto;
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
}

.style_list li {
    width: 32%;
    margin-right: 2%;
    margin-bottom: 20px;
}

.style_list li:nth-child(3) {
    width: 32%;
    margin-right: 0;
    margin-bottom: 20px;
}

.wish {
    font: 2.0rem / 3.5rem;
    text-align: center;
}

.btn_sodan_blue {
    background: #4C8A95;
    width: 240px;
    height: 80px;
    border-radius: 40px;
    line-height: 80px;
    text-align: center;
    font-size: 2.0rem;
    font-weight: 500;
    margin: 40px auto;
}

.btn_sodan_blue a {
    color: #fff;
    display: block;
}

.buy2_subttl {
    width: 100%;
    max-width: 1280px;
    margin: 40px auto 80px;
    text-align: center;
    line-height: 4.0rem;
}

.buy2_subttl p:nth-child(1) {
    font-size: 3.0rem;
    font-weight: 700;
    font-family: 'Shippori Mincho', serif;
}

.buy2_subttl p:nth-child(2) {
    font-size: 3.6rem;
    font-weight: 700;
    padding-bottom: 10px;
    border-bottom: 1px solid #70C1D0;
}

.buy2_subttl p:nth-child(1) {
    font-size: 2.0rem;
    font-weight: 500;
}

.step_wrap {
    width: 85%;
    max-width: 1280px;
    margin: 0 auto 40px;
    display: flex;
    flex-flow: row wrap;
}

.step_number {
    position: relative;
    color: #fff;
    background: #331C10;
    width: 240px;
    height: 80px;
    line-height: 80px;
    font-size: 4.8rem;
    font-weight: 500;
    font-family: 'Shippori Mincho', serif;
    padding-left: 140px;
}

.step_number::before {
    position: absolute;
    top: 0;
    bottom: 0;
    left:20%;
    content: "STEP";
    font-size: 3.0rem;
}

.step_ttl {
    width: 1040px;
    height: 80px;
    background: url(../images/bg_dish_blue.png) repeat;
    line-height: 80px;
    font-size: 3.6rem;
    font-weight: 700;
    padding-left: 40px;
}

.step_blank {
    width: 240px;
}

.step_content {
    width: 1040px;
    margin-bottom: 80px;
}

.step_content p {
    font-size: 2.0rem;
    font-weight: 500;
    line-height: 3.6rem;
    padding: 40px;
}

.interview_read {
    position: relative;
    width: 100%;
    height: 646px;
    margin: 0 auto;
}

.itv_image {
    position: absolute;
    right: 17%;
    bottom: 0;
    z-index: 1;
    width: 1028px;
    height: 646px;
}

.itv_text {
    position: absolute;
    top: 15%;
    left: 17%;
    z-index: 2;
    background: #fff;
    width: 430px;
    font-size: 1.8rem;
    line-height: 3.2rem;
    box-shadow: 0px 3px 6px #00000029;
    padding: 1.0em 1.5em;
}

.itv_bg_demo {
    background: #b4dbe0;
    position: absolute;
    bottom: 0;
    z-index: 0;
    width: 100%;
    height: 260px;
}

.bg_interview {
    background: #b4dbe0;
}

.itv_list_wrap {
    width: 100%;
    max-width: 1280px;
    margin: 0 auto;
    padding: 80px 0;
}

.bg_blue_head {
    display: none;
}

.itv_list {
    background: #fff;
    width: 100%;
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
    margin: 40px 0;
}

.itv_thumbnail {
    width: 46%;
    margin-right: 2%;
}

.itv_contents {
    width: 48%;
    padding: 32px 0;
}

.voice_ttl {
    position: relative;
    color: #4C8A95;
    font-size: 2.2rem;
    font-weight: 700;
    margin-bottom: 10px;
    padding-bottom: 4px;
}

.voice_ttl::after {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 2px;
    background: #4C8A95;
    content: "";
}

.voice_content {
    font-size: 1.8rem;
    font-weight: 500;
    line-height: 2.8rem;
    margin-bottom: 20px;
}

.buy_last_text {
    font-size: 2.0rem;
    line-height: 4.8rem;
    text-align: center;
    margin: 80px 0;
}



/*--- srvice - サービス ---*/
.bg_black_tile {
    position: fixed;
    width: 100vw;
    height: 100vh;
    z-index: -100;
    background: #333 url(../images/back_black_tile.png) repeat 0% 0%;
}

.service {
    display: flex;
    flex-flow: row nowrap;
}

div.left_margin {
    width: 192px;
}

div.center_border {
    width: 8px;
    background-image: linear-gradient(90deg, rgba(102, 102, 102, 1), rgba(204, 204, 204, 1) 50%, rgba(102, 102, 102, 1));
}

div.right_contents {
    background: #333c;
    width: calc(100% - 200px);
}

#mv_service_wrap {
    position: relative;
    margin-top: 85px;
}

.main_copy_service {
    position: absolute;
    top: 0;
    left: -300px;
    z-index: 2;
    width: 32%;
}

.main_image_service {
    width: 100%;
}

.serv_read {
    width: 100%;
    padding-left: 120px;
    /*padding-left: calc((100% - 1040px) / 2);*/
    margin: 80px 0;
}

.serv_read_ttl {
    color: #fff;
    font: 4.0rem/7.0rem 'Shippori Mincho',serif;
}

.serv_read_text {
    color: #fff;
    font: 2.8rem/6.5rem 'Shippori Mincho',serif;
}

.serv_section {
    width: 100%;
    padding-left: 120px;
    /*padding-left: calc((100% - 1040px) / 2);*/
    margin: 160px 0;
}

.serv_s_ttl {
    color: #A99BC3;
    font: 8.0rem 'Shippori Mincho',serif;
    width: 100%;
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    border-bottom: 2px solid #A99BC3;
    margin-bottom: 30px;
}

.serv_s_ttl p:nth-child(2) {
    padding-left: 1.0em;
    font-size: 2.4rem;
}

.serv_s_sub {
    color: #fff;
    font: 3.5rem/4.8rem 'Shippori Mincho',serif;;
    margin-bottom: 20px;
    padding-right: 20px;
}

.serv_s_content_wrap {
    display: flex;
    flex-flow: row-reverse;
    justify-content: space-between;
    padding-right: 120px;
}

.serv_s_image {
    width: 38%;
}

.serv_s_content {
    width: 60%;
    color: #fff;
    font-size: 2.0rem;
    font-weight: 500;
    line-height: 3.6rem;
}

.serv_voice_wrap {
    display: flex;
    flex-flow: row;
    width: 1040px;
    margin-bottom: 40px;
}

.serv_voice_text {
    width: 60%;
    background: #fff;
    border-top: 5px solid #A99BC3;
    font-size: 1.8rem;
    line-height: 3.2rem;
    padding: 1em;;
}

.serv_voice_image {
    width: 40%;
    border-top: 5px solid #A99BC3;
}

.serv_voice_image img {
    height: 300px;
    object-fit: cover;
    overflow: hidden;
}

.serv_flow_ttl {
    background: #fff;
    height: 32px;
    line-height: 32px;
    font-size: 2.0rem;
    font-weight: 700;
    text-align: center;
    display: inline-block;
    padding: 0 0.5em;
    margin-bottom: 16px;
}

.serv_flow_text {
    color: #fff;
    font-size: 2.0rem;
    line-height: 3.5rem;
    margin-bottom: 60px;
}

.contact_phone_serv {
    color: #fff;
    background: #none;
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
    width: 1040px;
    margin: 0 0 20px;
}

.contact_phone_serv div:nth-child(1) {
    color: #333;
    background: #fff;
    border: 2px solid #fff;
    width: 18%;
    height: 80px;
    font-size: 2.0rem;
    font-weight: 500;
    line-height: 80px;
    text-align: center;
}

.contact_phone_serv div:nth-child(2) {
    border-top: 2px solid #fff;
    border-bottom: 2px solid #fff;
    position: relative;
    width: 35%;
    height: 80px;
    font-size: 5.0rem;
    font-weight: 700;
    line-height: 72px;
    text-align: center;
}

.contact_phone_serv a {
    color: #fff;
}

.contact_phone_serv div:nth-child(2)::after {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    right: 0;
    content: "";
    width: 2px;
    height: 50px;
    background: #fff;
}

.contact_phone_serv div:nth-child(3) {
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
    width: 47%;
    height: 80px;
    font-size: 1.6rem;
    font-weight: 500;
    line-height: 2.4rem;
    text-align: left;
    padding: 1.0em 0 0 1.0em;
}

.contact_sns_wrap_serv {
    width: 1040px;
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    margin: 0;
}

.contact_sns_wrap_serv div {
    width: 330px;
    margin-bottom: 0;
}

.serv_order_wrap {
    width: 1040px;
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
}

.serv_order {
    width: 500px;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    align-items: center;
    margin: 0 20px 40px 0;
}

.serv_order:nth-child(2n) {
    margin: 0 0 40px 0;
}

.serv_order_number {
    position: relative;
    width: 70px;
    border: 1px solid #fff;
    border-radius: 50%;
    text-align: center;
    font: 500 2.4rem/70px 'Shippori Mincho',serif;
    margin-bottom: 10px;
}

.serv_order_number::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 70px;
    width: 60px;
    border-top: 1px dotted #fff;
}

.serv_order_ttl {
    color: #fff;
    font-size: 2.0rem;
    font-weight: 500;
    line-height: 2.6rem;
    width: calc(500px - 130px);
    padding: 0 0 0.5em 0.5em;
}

.serv_order_ttl

.serv_order_image {
    width: 100%;
}

.case_wrap {
    display: flex;
    flex-flow: row wrap;
    width: 1040px;
}

.case {
    display: flex;
    flex-flow: row wrap;
    width: 500px;
    margin: 0 20px 40px 0;
}

.case_class {
    color: #333;
    background: #A99BC3;
    width: 100%;
    font-size: 1.8rem;
    line-height: 2.2rem;
    padding: 10px;
}

.case_class_s {
    font-size: 1.4rem;
}

.case_image {
    position: relative;
    background: #fff;
    width: 55%;
}

.case_image img {
    position: absolute;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    width: 85%;
}

.case_price {
    color: #333;
    background: #fff;
    width: 45%;
    padding: 1em;
    font-size: 1.8rem;
}

.price_list {
    width: 85%;
}

.price_list td:nth-of-type(2n-1) {
    text-align: left;
}

.price_list td:nth-of-type(2n) {
    text-align: right;
}

.price_list td.total {
    text-align: right;
    border-top: 2px solid #A99BC3;
}

.serv_faq_list {
}

.question {
    font-size: 1.6rem;
    line-height: 2.4rem;
    margin-bottom: 20px;
}

.question::before {
    content: "Ｑ";
    color: #8F76BA;
    background: #fff;
    padding: 0 5px;
    margin-right: 4px;
    font-size: 1.6rem;
    line-height: 2.4rem;
}

.answer {
    font-size: 1.6rem;
    line-height: 2.4rem;
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 2px solid #fff;
}

.answer::before {
    content: "Ａ";
    color: #fff;
    background: #8F76BA;
    padding: 0 5px;
    margin-right: 4px;
    font-size: 1.6rem;
    line-height: 2.4rem;
}



/*--- company - 会社概要 ---*/
.mv_company_wrap {
    width: 100%;
    padding-top: 85px;
}

.massage_title_wrap {
    width: 100%;
    border-bottom: 5px solid #886F5D;
    text-align: center;
    padding: 30px;
    margin-bottom: 80px;
}

.massage_title_e {
    font-size: 4.0rem;
    font-weight: 900;
    line-height: 4.8rem;
}

h3.massage_title_j {
    font-size: 2.0rem;
    font-weight: 500;
    line-height: 3.2rem;
}

.top_massage_wrap {
    width: 1280px;
    margin: 0 auto 240px;
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
}

.top_message {
    width: 630px;
}

.message_excerpt {
    font-size: 3.0rem;
    font-weight: 700;
    line-height: 4.0rem;
    margin-bottom: 30px;
}

.message_content {
    width: 630px;
    font-size: 1.6rem;
    line-height: 3.4rem;
    margin-bottom: 60px;
}

.owner_sign_wrap {
    width: 600px;
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-end;
    align-items:center;
}

.owner_sign {
    padding-left: 30px;
    width: 200px;
}

.portrait {
    width: 600px;
}

.company_profile {
    width: 1280px;
    margin: 0 auto 60px;
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
}

.company_profile div {
    font-size: 1.8rem;
    padding: 10px 30px;
    line-height: 2.4rem;
}

.company_profile div:nth-child(2n-1) {
    background: #EBE5D8;
    width: 15%;
    border-top: 1px solid #707070;
    border-left: 1px solid #707070;
}

.company_profile div:nth-child(2n) {
    background: #fff;;
    width: 85%;
    border-top: 1px solid #707070;
    border-right: 1px solid #707070;
}

.company_profile div:nth-last-child(2) {
    background: #EBE5D8;
    width: 15%;
    border-top: 1px solid #707070;
    border-left: 1px solid #707070;
    border-bottom: 1px solid #707070;
}

.company_profile div:last-child {
    background: #fff;;
    width: 85%;
    border-top: 1px solid #707070;
    border-right: 1px solid #707070;
    border-bottom: 1px solid #707070;
}

.map_area {
    width: 1280px;
    margin: 0 auto 80px;
    display: flex;
    flex-flow: row;
    justify-content: space-between;
}

.map {
    max-width: 630px;
    width: 100%;
}

.g_map_wrap {
    max-width: 630px;
    width: 100%;
    margin: 0 auto;
    /*clip-path: inset(0 round 30px); 角丸を付ける場合*/
}

.g_map {
    height: 0;
    overflow: hidden;
    padding-bottom: 75.55%; /* W630:H476 → W1010%:H75.55% */
    position: relative;
}

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



/*--- concept - dearSignの想い ---*/
.concept_ttl_wrap {
    width: 820px;
    margin: 0 auto;
    font-size: 3.0rem;
    font-weight: 700;
    text-align: center;
}

.concept_ttl_e {
    position: relative;
    font-size: 3.0rem;
    font-weight: 900;
    margin-bottom: 30px;
}

.concept_ttl_e::before {
    position: absolute;
    top: 50%;
    left: 0;
    width: 300px;
    height: 1px;
    background: #331C10;
    content: "";
}

.concept_ttl_e::after {
    position: absolute;
    top: 50%;
    right: 0;
    width: 300px;
    height: 1px;
    background: #331C10;
    content: "";
}

.concept_ttl_j {
    font-size: 4.0rem;
    font-weight: 700;
    font-family: 'Shippori Mincho',serif;
    padding: 5px 0 50px;
    border-bottom: 1px solid #333;
    margin-bottom: 80px;
}

.concept_content {
    position: relative;
    width: 1280px;
    margin: 0 auto 80px;
    font-size: 2.0rem;
    font-weight: 500;
    line-height: 4.0rem;
}

.concept_image_pc {
    position: absolute;
    top: 0;
    right: 0;
    z-index: -1;
    width: 656px;
}

.merit_wrap {
    width: 85%;
    max-width: 1120px;
    margin: 0 auto;
}

.merit {
    position: relative;
    width: 100%;
    background: #fff;
    border-radius: 30px;
    padding: 40px 50px;
    margin-bottom: 120px;
}

.merit_no {
    position: absolute;
    top: -25px;
    left: 50%;
    transform: translateX(-50%);
    color: #fff;
    background: #E35364;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    font: 600 2.4rem/50px 'Shippori Mincho', serif;
    text-align: center;
}

.merit_title {
    color: #988272;
    display: inline-block;
    width: 100%;
    padding-bottom: 4px;
    font: 600 3.0rem/4.8rem 'Shippori Mincho', serif;
    border-bottom: 1px solid #331C10;
    margin-bottom: 20px;
}

.merit_title img {
    width: 100px;
    padding-right: 0.5em;
}

.merit_text_pink {
    color: #E35364;
}

.merit_content {
font-size: 2.0rem;
line-height: 3.2rem;
margin-bottom: 30px;
}

.merit_point {
    color: #fff;
    background: #E35364;
    width: 100%;
    height: 50px;
    font-size: 2.2rem;
    font-weight: 700;
    line-height: 50px;
    text-align: center;
    border-radius: 25px;
}

.counseling_wrap {
    width: 85%;
    max-width: 1120px;
    margin: 0 auto 120px;
}

.counseling {
    display: flex;
    flex-flow: row;
    justify-content: space-between;
    align-items: center;
}

.counseling_rev {
    display: flex;
    flex-flow: row-reverse;
    justify-content: space-between;
    align-items: center;
}

.c_text {
    width: 640px;
}

.c_image {
    width: 400px;
}

.staff_wrap {
    width: 100%;
    border-bottom: 5px solid #886F5D;
    text-align: center;
    margin-bottom: 80px;
}

.staff_text {
    font-size: 2.4rem;
    line-height: 3.2rem;
    text-align: center;
    margin-bottom: 100px;
}

.staff_image {
    width: 1280px;
    margin: 0 auto;
}

.activity_read {
    max-width: 1280px;
    font-size: 2.0rem;
    font-weight: 500;
    line-height: 4.0rem;
    text-align: center;
    margin: 0 auto 80px;
}

.activity_wrap {
    width: 85%;
    max-width: 1280px;
    margin: 0 auto 100px;
    display: flex;
    flex-flow: row;
    justify-content: space-between;
}

.activity {
    width: 100%;
    max-width: 620px;
    margin-bottom: 30px;
}

.activity_ttl {
    color: #fff;
    background: #574436;
    display: flex;
    flex-flow: row;
    align-items: center;
    justify-content: space-between;
    padding: 0.5em 1em;
    margin-bottom: 20px;
    height: 60px;
}

.activity_ttl p:nth-child(1) {
    font-size: 2.4rem;
}

.activity_ttl p:nth-child(2) {
    font-size: 1.8rem;
}

.activity_ttl p:nth-child(3) {
    font-size: 1.8rem;
    line-height: 2.1rem;
}

.activity_images_row {
    width: 620px;
    height: 640px;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
}

.activity_images_row figure:nth-child(1) {
    width: 620px;
    height: 300px;
    margin-bottom: 20px;
}

.activity_images_row figure:nth-child(2),
.activity_images_row figure:nth-child(3) {
    width:300px;
    height: 300px;
    margin-bottom: 20px;
}

.activity_images_col {
    width: 620px;
    height: 640px;
    display: flex;
    flex-flow: column wrap;
    justify-content: space-between;
}

.activity_images_col figure:nth-child(1) {
    width: 300px;
    height: 620px;
    margin-right: 20px;
}

.activity_images_col figure:nth-child(2),
.activity_images_col figure:nth-child(3) {
    width:300px;
    height: 300px;
    margin-bottom: 20px;
}



/*--- blog - ブログ ---*/
.blog_wrap {
    width: 85%;
    max-width: 1280px;
    margin: 0 auto;
    padding: 80px 0;
}



























































/*--- WPページナビ ---*/
.wp-pagenavi_wrap {
    width: 100%;
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
}

.wp_pagenavi {
}

.wp-pagenavi .pages {
    display: inline-block;
    width: 60px;
    height: 40px;
    line-height: 40px;
    margin: 4px;
    text-align: center;
    font-family: 'Zen Kaku Gothic New', sans-serif;
    font-weight: 700;
    color: #666;
    background: #fff;
    border: 1px solid #666;
}

.wp-pagenavi .current {
    display: inline-block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    margin: 4px;
    text-align: center;
    font-family: 'Zen Kaku Gothic New', sans-serif;
    font-weight: 700;
    color: #fff;
    background: #005C17;
    border: 1px solid #005C17;
}

.wp-pagenavi .first,
.wp-pagenavi .previouspostslink,
.wp-pagenavi .extend,
.wp-pagenavi .page,
.wp-pagenavi .nextpostslink,
.wp-pagenavi .last {
    display: inline-block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    margin: 4px;
    text-align: center;
    font-family: 'Zen Kaku Gothic New', sans-serif;
    font-weight: 700;
    color: #666;
    background: #fff;
    border: 1px solid #666;
}

.wp-pagenavi .first:hover,
.wp-pagenavi .previouspostslink:hover,
.wp-pagenavi .page:hover,
.wp-pagenavi .nextpostslink:hover,
.wp-pagenavi .last:hover {
    display: inline-block;
    color: #fff;
    background: #81B11A;
    border: 1px solid #81B11A;
}

/*
.wp_pagenavi li {
    display: inline-block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    margin: 4px;
    font-family: 'Zen Kaku Gothic New', sans-serif;
    font-weight: 700;
}

.wp_current {
    color: #fff;
    background: #005C17;
    border: 1px solid #005C17;
}

.wp_pagenavi li a {
    color: #666;
    background: #fff;
    border: 1px solid #666;
    display: block;
}

.wp_pagenavi li a:hover {
    color: #fff;
    background: #81B11A;
    border: 1px solid #81B11A;
}
*/



/*--- ページネーションズ ---*/
.page_nation {
    display: flex;
    justify-content: center;
    font-size: 1.4rem;
}

.page_nation li {
    height: 40px;
    line-height: 40px;
    margin: 0 1px;
    background: #FFDB41;
    text-align: center;
}

.page_nation li:first-child {
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
}

.page_nation li:last-child {
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
}

.pn1 {
    width: 300px;
}

.pn2 {
    width: 150px;
}

.pn3 {
    width: 100px;
}

.page_nation a {
    display: block;
}

.page_nation a:hover {
    background: #FFF25A;
}

.page_nation li:first-child a:hover {
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
}

.page_nation li:last-child a:hover {
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
}



/* メールフォーム */
.contact {
    width: 85%;
    max-width: 1040px;
    margin: 0 auto 80px;
}

.mailform {
    width: 100%;
}

.mfp {
    margin: 10px 0;
}

.mailform input[type="text"],
.mailform input[type="email"],
.mailform input[type="tel"],
.mailform textarea {
    width: 100%;
    border: 1px solid #ccc;
    background-color: #fff;
    padding: 10px;
}

.mf_mb5 {
    margin-bottom: 10px;
}

.mt50 {
    margin-top: 50px;
}

dl {
    display:flex;
    flex-flow: row wrap;
    justify-content: space-between;
}

dl.mailform dt,
dl.mailform dd {
    text-align: left;
}

dl.mailform dt {
    width: 25%;
    background: #EFE6D3;
    border-top: 1px dotted #574436;
}

dl.mailform dd {
    width: 75%;
    border-top: 1px dotted #574436;
}

dl.mailform dt:last-child {
    width: 0;
    border-bottom: none;
}

dl.mailform dd:last-child {
    width: 100%;
    text-align: center;
    border-bottom: none;
}



/*--- thanks - サンクスページ ---*/




/*--- End ---*/