@charset "UTF-8";
/* //////////////////////////////////////////////////

　夢ハウスBPとはページのスタイル

////////////////////////////////////////////////// */
body.about #pagetit::after {
  background-image: url("/img/about/bg_pagetit.jpg"); }
body.about #about {
  /* 5つのポイント */
  /* 流れ */ }
  body.about #about h3 {
    margin-bottom: 35px; }
  body.about #about .money {
    margin: 40px 0 10px;
    font-size: 2.7em;
    letter-spacing: 0.08em;
    line-height: 1; }
  @media screen and (max-width: 768px) {
    body.about #about h3 {
      margin-bottom: 20px; }
    body.about #about .money {
      margin: 30px 0 10px;
      font-size: 2.3em; } }
  body.about #about .about_point {
    padding: 70px 0 0; }
    body.about #about .about_point li {
      margin-top: 50px;
      background: #fff; }
      body.about #about .about_point li .text {
        padding: 15px 30px; }
        body.about #about .about_point li .text .num {
          color: #C80909;
          font-family: Arial, Helvetica, "sans-serif";
          font-size: 1.28em;
          font-weight: bold; }
          body.about #about .about_point li .text .num b {
            font-size: 1.5em; }
        body.about #about .about_point li .text .ttl {
          display: inline-block;
          margin: 0.3em 0 0.8em;
          font-size: 1.43em;
          font-weight: bold;
          line-height: 1.3; }
          body.about #about .about_point li .text .ttl .txt {
            font-size: 0.93em; }
    body.about #about .about_point .box {
      margin-top: 60px;
      border: 4px solid #C80909;
      border-radius: 15px;
      padding: 30px 35px;
      background: #fff; }
      body.about #about .about_point .box h5 {
        margin-bottom: 0.6em;
        color: #C80909; }
        body.about #about .about_point .box h5 em {
          display: inline-block;
          text-indent: -0.7em;
          font-size: 1.5em; }
    @media screen and (max-width: 768px) {
      body.about #about .about_point {
        padding: 50px 0 0; }
        body.about #about .about_point li {
          margin: 30px 10px 0; }
          body.about #about .about_point li .text {
            padding: 10px 15px; }
        body.about #about .about_point .box {
          margin-top: 40px;
          border-radius: 10px;
          padding: 20px 20px; }
          body.about #about .about_point .box h5 {
            line-height: 1.3;
            font-size: 2em; }
            body.about #about .about_point .box h5 em {
              text-indent: 0; } }
    @media screen and (max-width: 600px) {
      body.about #about .about_point .box {
        padding: 15px 10px; }
        body.about #about .about_point .box h5 {
          font-size: 1.8em; } }
  body.about #about .about_flow {
    padding: 80px 0 20px; }
    body.about #about .about_flow h4 {
      padding: 10px;
      background: #C80909; }
    body.about #about .about_flow li {
      padding: 35px 60px; }
      body.about #about .about_flow li + li {
        background: url(../img/about/arrow.png) no-repeat center top; }
      body.about #about .about_flow li .txt {
        font-size: 1.1em; }
    @media screen and (max-width: 768px) {
      body.about #about .about_flow {
        padding: 50px 0 0px; }
        body.about #about .about_flow li {
          padding: 25px 0; }
          body.about #about .about_flow li + li {
            background-size: 15px; } }
    @media screen and (max-width: 600px) {
      body.about #about .about_flow h4 {
        padding: 10px 5px;
        font-size: 1.1em; } }

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

　会社概要ページのスタイル

////////////////////////////////////////////////// */
body.company #pagetit::after {
  background-image: url(../img/company/bg_pagetit.jpg); }
body.company .tit01 {
  display: inline-block;
  margin-bottom: 10px;
  padding: 10px 50px;
  background: #C80909; }
body.company .lead01 {
  margin: 10px 0 35px; }
body.company ._item.__left {
  width: 475px; }
body.company ._item.__right {
  width: 430px; }
@media screen and (max-width: 768px) {
  body.company .tit01 {
    padding: 10px 40px; }
  body.company .lead01 {
    margin: 10px 0 20px; }
  body.company ._item.__left,
  body.company ._item.__right {
    float: none;
    width: 100%; }
  body.company ._item.__right {
    margin-top: 30px; } }
body.company #sec01 {
  margin-bottom: 80px; }
  body.company #sec01 .name {
    margin-top: 1em; }
  @media screen and (max-width: 768px) {
    body.company #sec01 {
      margin-bottom: 50px; } }
body.company #sec02 .grid {
  border-top: 1px solid #000; }
body.company #sec02 table {
  width: 100%; }
  body.company #sec02 table th, body.company #sec02 table td {
    padding: 30px 0;
    border-bottom: 1px solid #000; }
  body.company #sec02 table th {
    padding-left: 15px;
    padding-right: 50px;
    font-size: 1.2em;
    font-weight: bold; }
body.company #sec02 .map {
  margin-top: 30px; }
  body.company #sec02 .map h4 {
    display: block; }
  body.company #sec02 .map .gmap {
    position: relative;
    padding-top: 85%;
    margin-bottom: 50px; }
    body.company #sec02 .map .gmap iframe {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      width: 100%;
      height: 100%; }
@media screen and (max-width: 768px) {
  body.company #sec02 table th, body.company #sec02 table td {
    padding: 20px 0; }
  body.company #sec02 table th {
    padding-left: 10px;
    padding-right: 20px; }
  body.company #sec02 .gmap {
    padding-top: 50%;
    margin-bottom: 30px; } }
    
    
    
 /* //////////////////////////////////////////////////

　会社概要ページのスタイル-test

////////////////////////////////////////////////// */
body.company-test #pagetit::after {
  background-image: url(../img/company/bg_pagetit.jpg); }
body.company-test .tit01 {
  display: inline-block;
  margin-bottom: 10px;
  padding: 10px 50px;
  background: #C80909; }
body.company-test .lead01 {
  margin: 10px 0 35px; }
body.company-test ._item.__left {
  width: 475px; }
body.company-test ._item.__right {
  width: 430px; }
@media screen and (max-width: 768px) {
  body.company-test .tit01 {
    padding: 10px 40px; }
  body.company-test .lead01 {
    margin: 10px 0 20px; }
  body.company-test ._item.__left,
  body.company-test ._item.__right {
    float: none;
    width: 100%; }
  body.company-test ._item.__right {
    margin-top: 30px; } }
body.company-test #sec01 {
  margin-bottom: 80px; }
  body.company-test #sec01 .name {
    margin-top: 1em; }
  @media screen and (max-width: 768px) {
    body.company-test #sec01 {
      margin-bottom: 50px; } }
body.company-test #sec02 .grid {
  border-top: 1px solid #000; }
body.company-test #sec02 table {
  width: 100%; }
  body.company-test #sec02 table th, body.company-test #sec02 table td {
    padding: 30px 0;
    border-bottom: 1px solid #000; }
  body.company-test #sec02 table th {
    padding-left: 15px;
    padding-right: 50px;
    font-size: 1.2em;
    font-weight: bold; }
body.company-test #sec02 .map {
  margin-top: 30px; }
  body.company-test #sec02 .map h4 {
    display: block; }
  body.company-test #sec02 .map .gmap {
    position: relative;
    padding-top: 85%;
    margin-bottom: 50px; }
    body.company-test #sec02 .map .gmap iframe {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      width: 100%;
      height: 100%; }
@media screen and (max-width: 768px) {
  body.company-test #sec02 table th, body.company #sec02 table td {
    padding: 20px 0; }
  body.company-test #sec02 table th {
    padding-left: 10px;
    padding-right: 20px; }
  body.company-test #sec02 .gmap {
    padding-top: 50%;
    margin-bottom: 30px; } }
    
    

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

　Q＆Aページのスタイル

////////////////////////////////////////////////// */
body.faq {
  /* ///////// RESPONSIVE ///////// */ }
  body.faq #faq dt {
    display: table;
    width: 100%; }
  body.faq #faq dt i,
  body.faq #faq dt .text {
    display: table-cell;
    vertical-align: middle; }
  body.faq #faq dt .mrk {
    display: inline-block;
    width: 90px;
    height: 90px;
    line-height: 90px;
    border-radius: 50%;
    text-align: center;
    background: #C80909;
    color: #fff;
    font-size: 3em; }
  body.faq #faq dt .text {
    padding-left: 15px;
    color: #C80909;
    line-height: 1.2; }
  body.faq #faq dt .text .line {
    display: inline-block;
    border-bottom: 1px solid #C80909; }
  body.faq #faq dd {
    padding-top: 20px;
    padding-bottom: 90px; }
  body.faq #faq dt:nth-of-type(odd),
  body.faq #faq dd:nth-of-type(odd) {
    padding-right: 170px; }
  body.faq #faq dt:nth-of-type(even),
  body.faq #faq dd:nth-of-type(even) {
    padding-left: 170px; }
  @media screen and (max-width: 768px) {
    body.faq #faq dt .mrk {
      width: 70px;
      height: 70px;
      line-height: 70px; }
    body.faq #faq dt .text {
      padding-left: 10px; }
    body.faq #faq dd {
      padding-top: 10px;
      padding-bottom: 50px; }
    body.faq #faq dt:nth-of-type(odd),
    body.faq #faq dd:nth-of-type(odd) {
      padding-right: 0; }
    body.faq #faq dt:nth-of-type(even),
    body.faq #faq dd:nth-of-type(even) {
      padding-left: 0; } }

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

　お知らせページのスタイル

////////////////////////////////////////////////// */
body.information {
  /* 一覧
  -------------------------------------------------- */
  /* 詳細
  -------------------------------------------------- */ }
  body.information #pagetit::after {
    background-image: url(../img/information/bg_pagetit.jpg); }
  body.information .posts li {
    border-bottom: 1px solid #ddd;
    padding: 20px 0;
    font-size: 1.07em; }
    body.information .posts li a .date {
      float: left; }
    body.information .posts li a .category {
      float: left;
      background: #2E3851;
      border-radius: 10px;
      margin: 0 15px;
      padding: 3px;
      width: 90px;
      color: #fff;
      font-size: 0.8em;
      text-align: center; }
    body.information .posts li a .title {
      color: #707070; }
  @media screen and (max-width: 768px) {
    body.information .posts li {
      padding: 15px 0; }
      body.information .posts li a .title {
        clear: both;
        display: block;
        padding-top: 5px; } }
  body.information .information_detail article {
    max-width: 890px;
    margin: auto; }
    body.information .information_detail article h1 {
      margin-bottom: 1em;
      text-align: center;
      font-size: 2.1em;
      font-weight: bold;
      line-height: 1.2; }
    body.information .information_detail article .meta {
      border-bottom: 1px solid #ccc;
      padding-bottom: 10px;
      margin-bottom: 25px; }
      body.information .information_detail article .meta .category {
        display: inline-block;
        margin-left: 15px;
        padding: 5px 20px;
        background: #666;
        color: #fff; }
    body.information .information_detail article .wp-post p {
      margin: 1.5em 0; }

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

　住宅ラインナップページのスタイル

////////////////////////////////////////////////// */
body.lineup {
  /* INDEX
  -------------------------------------------------- */
  /* 郷の家
  -------------------------------------------------- */
  /* 郷の家を形づくる5つの条件 */
  /* ///////// RESPONSIVE ///////// */
  /* 自由設計
  -------------------------------------------------- */
  /* 自由設計 */
  /* 夢を語る */
  /* ///////// RESPONSIVE ///////// */
  /* リセット住宅
  -------------------------------------------------- */
  /* TOP */
  /* BEFOR/AFTER */
  /* BEFOR/AFTER　1つ目 */
  /* BEFOR/AFTER　データ */
  /* BEFOR/AFTER　間取り */
  /* BEFOR/AFTER　メイン */
  /* 01,02 before */
  /* BEFOR/AFTER　サブ */
  /* BEFOR/AFTER　事例の間取り */
  /* ///////// RESPONSIVE ///////// */
  /* tsumiki
  -------------------------------------------------- */
  /* ///////// RESPONSIVE ///////// */ }
  body.lineup #pagetit::after {
    background-image: url("../img/lineup/bg_pagetit.jpg"); }
  body.lineup #mainimg {
    background-position: center;
    background-size: cover;
    text-align: center;
    padding: 10% 20px;
    margin: 60px 0; }
    @media screen and (max-width: 768px) {
      body.lineup #mainimg {
        margin: 0 0 30px; } }
  body.lineup .works {
    margin: 80px 0 0; }
    body.lineup .works .lead1 {
      margin: 80px 0; }
    body.lineup .works .lead2 {
      margin: 60px 0 30px; }
    body.lineup .works .image2 {
      margin-top: 60px; }
    @media screen and (max-width: 768px) {
      body.lineup .works {
        margin: 40px 0 0; }
        body.lineup .works .lead1 {
          margin: 40px 0; }
        body.lineup .works .lead2 {
          margin: 30px 0 15px; }
        body.lineup .works .image2 {
          margin-top: 30px; } }
  body.lineup #slides {
    text-align: center;
    margin-bottom: 100px; }
    body.lineup #slides img {
      max-width: 100%; }
  body.lineup #slider {
    margin-bottom: 70px; }
  body.lineup #slider_nav .slick-slide {
    padding: 0 5px; }
  body.lineup #slider_nav .slick-arrow {
    width: 18px;
    height: 22px;
    z-index: 10;
    margin-top: -14px; }
  body.lineup #slider_nav .slick-prev {
    left: -50px;
    background-image: url(../img/lineup/btn_prev.png); }
  body.lineup #slider_nav .slick-next {
    right: -50px;
    background-image: url(../img/lineup/btn_next.png); }
  body.lineup .index_lead {
    margin: 35px 0 70px; }
    @media screen and (max-width: 768px) {
      body.lineup .index_lead {
        margin: 20px 0 45px; } }
  body.lineup .index_menu {
    position: relative;
    display: table;
    background-size: cover;
    background-position: center; }
    body.lineup .index_menu.menu01 {
      background-image: url(../img/lineup/index_bg_01.jpg); }
    body.lineup .index_menu.menu02 {
      background-image: url(../img/lineup/index_bg_02.jpg); }
    body.lineup .index_menu.menu03 {
      background-image: url(../img/lineup/index_bg_03.jpg); }
    body.lineup .index_menu.menu04 {
      background-image: url(../img/lineup/index_bg_04.jpg); }
    body.lineup .index_menu * {
      position: relative;
      z-index: 1; }
    body.lineup .index_menu .inner {
      display: table-cell;
      text-align: center;
      vertical-align: middle;
      padding: 10% 0; }
      body.lineup .index_menu .inner .copy {
        display: inline-block;
        margin: 20px 0 30px;
        padding: 0 25px;
        border-left: 1px solid #000;
        border-right: 1px solid #000;
        line-height: 1.4; }
      body.lineup .index_menu .inner dl {
        margin: 5px 0 25px;
        display: inline-block;
        text-align: left; }
        body.lineup .index_menu .inner dl dd {
          font-size: 2.3em;
          line-height: 1; }
      body.lineup .index_menu .inner .btn01 {
        padding: 10px 40px;
        font-size: 1.1em; }
    body.lineup .index_menu .layer {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      margin: auto;
      z-index: 0;
      background-color: rgba(250, 250, 250, 0.7);
      transition: all .4s; }
    body.lineup .index_menu:hover {
      color: #fff; }
      body.lineup .index_menu:hover .inner .copy {
        border-color: #fff; }
      body.lineup .index_menu:hover .layer {
        background: none; }
    @media screen and (max-width: 768px) {
      body.lineup .index_menu .inner .copy {
        margin: 15px 0 20px;
        padding: 0 15px; }
      body.lineup .index_menu .inner dl {
        margin: 5px 0 15px; }
      body.lineup .index_menu .inner .btn01 {
        padding: 8px 25px; } }
  body.lineup .sato #mainimg {
    background-image: url(../img/lineup/sato_bg_main.jpg); }
  body.lineup .sato h2 {
    margin-bottom: 2em; }
  body.lineup .sato_sec1.bg {
    background: #fdfaf5; }
  body.lineup .sato_sec1 {
    padding: 40px 0 100px; }
  body.lineup .sato_sec1 ul {
    margin: 0 -45px; }
  body.lineup .sato_sec1 li {
    padding: 45px;
    border-bottom: 1px dashed #241f1b; }
  body.lineup .sato_sec1 h4 {
    margin: 35px 0 10px; }
  body.lineup .sato_sec1 h4 i,
  body.lineup .sato_sec1 h4 span {
    vertical-align: middle !important;
    height: 70px;
    line-height: 1.2; }
  body.lineup .sato_sec1 h4 i em {
    display: inline-block;
    width: 36px;
    line-height: 36px;
    margin-right: 25px;
    background: #9fc03d;
    text-align: center; }
  body.lineup .sato_sec1 figure {
    text-align: center; }
  body.lineup .sato_sec1 li:last-child {
    text-align: center; }
  body.lineup .sato_sec1 li:last-child figure,
  body.lineup .sato_sec1 li:last-child .content {
    display: inline-block; }
  body.lineup .sato_sec1 li:last-child .content {
    width: 410px;
    margin-left: 40px;
    text-align: left; }
  body.lineup .sato_sec1 .layout {
    padding: 50px 0 40px;
    border-bottom: 1px solid #241f1b; }
  body.lineup .sato_sec1 .layout figure {
    height: 420px; }
  @media screen and (max-width: 768px) {
    body.lineup {
      /* 郷の家を形づくる5つの条件 */ }
      body.lineup .sato_sec1 {
        padding: 30px 0 50px; }
      body.lineup .sato_sec1 ul {
        margin: 0; }
      body.lineup .sato_sec1 li {
        padding: 20px; }
      body.lineup .sato_sec1 h4 {
        margin: 20px 0 5px; }
      body.lineup .sato_sec1 h4 i,
      body.lineup .sato_sec1 h4 span {
        height: auto; }
      body.lineup .sato_sec1 h4 i em {
        margin-right: 15px; }
      body.lineup .sato_sec1 li:last-child figure,
      body.lineup .sato_sec1 li:last-child .content {
        display: block; }
      body.lineup .sato_sec1 li:last-child .content {
        width: auto;
        margin-left: 0px; }
      body.lineup .sato_sec1 .layout {
        padding: 30px 0 0;
        margin: 0;
        text-align: center; }
      body.lineup .sato_sec1 .layout ._item {
        padding: 0; }
      body.lineup .sato_sec1 .layout figure {
        height: auto;
        margin-bottom: 20px; }
      body.lineup .sato_sec1 .layout p {
        display: inline-block;
        margin-bottom: 30px; } }
  body.lineup .freeorder #mainimg {
    background-image: url(../img/lineup/free_bg_main.jpg); }
  body.lineup .order_feature {
    padding: 60px 0 80px; }
  body.lineup .order_feature + .order_feature {
    border-top: 1px solid #22211f;
    padding-top: 80px; }
  body.lineup .order_feature > div {
    margin-bottom: 50px; }
  body.lineup .order_feature ._item {
    padding: 0 20px; }
  body.lineup .order_feature ._cell {
    vertical-align: bottom; }
  body.lineup .order_feature h3 {
    margin-bottom: 0.6em; }
  body.lineup .free_sec1 {
    padding: 80px 0 180px; }
  body.lineup .free_sec1 .lead {
    margin: 50px 0 60px; }
  @media screen and (max-width: 768px) {
    body.lineup {
      /* 自由設計 */
      /* 夢を語る */ }
      body.lineup .order_feature {
        padding: 40px 0; }
      body.lineup .order_feature + .order_feature {
        padding-top: 40px; }
      body.lineup .order_feature > div.grid {
        margin: 0 0 20px; }
      body.lineup .order_feature ._item {
        display: block;
        padding: 0; }
      body.lineup .order_feature figure._item {
        margin-top: 20px; }
      body.lineup .free_sec1 {
        padding: 50px 0 80px; }
      body.lineup .free_sec1 .lead {
        margin: 30px 0; }
      body.lineup .free_sec1 ._item + ._item {
        margin-top: 40px; } }
  body.lineup .reset #mainimg {
    background-image: url(../img/lineup/reset_bg_main.jpg); }
  body.lineup .reset .text1 {
    position: relative;
    margin: 40px 0 30px; }
  body.lineup .reset .text1::before {
    position: absolute;
    z-index: -1;
    top: 50%;
    left: 0;
    width: 100%;
    height: 1px;
    background: #000;
    content: ""; }
  body.lineup .reset .text1 .inner {
    display: inline-block;
    background-color: #fff;
    padding: 0 0 0 10px; }
  body.lineup .reset .text2 {
    margin: 40px 0 70px;
    background: url(../img/lineup/reset_img_lead.jpg) no-repeat right bottom; }
  body.lineup .reset_intro {
    padding: 90px 0; }
  body.lineup .reset_intro .data {
    float: left; }
  body.lineup .reset_intro .layout {
    float: right; }
  body.lineup .reset_intro .reset_B-A + .reset_B-A {
    margin-top: 60px; }
  body.lineup .reset_intro .reset01 {
    border-bottom: 1px dashed #000;
    padding-bottom: 70px;
    margin-bottom: 70px; }
  body.lineup .reset_intro .data .copy {
    margin-bottom: 25px;
    line-height: 1.2; }
  body.lineup .reset_intro .data .copy1 {
    display: inline-block;
    padding: 0 10px;
    margin-bottom: 10px;
    border-left: 1px solid #000;
    border-right: 1px solid #000; }
  body.lineup .reset_intro .data .copy2 {
    font-size: 3.5em; }
  body.lineup .reset_intro .data dl {
    margin-bottom: 25px; }
  body.lineup .reset_intro .data dt {
    clear: both;
    float: left; }
  body.lineup .reset_intro .layout img {
    padding: 15px; }
  body.lineup .reset_intro .layout .after {
    margin-top: 10px;
    border: 1px solid #000; }
  body.lineup .reset_intro .reset_B-A h4 {
    line-height: 1.1; }
  body.lineup .reset_intro .main .before {
    position: relative;
    width: 510px;
    margin-bottom: 30px; }
  body.lineup .reset01, body.lineup .reset02 {
    position: relative; }
  body.lineup .reset_intro .reset01 img.mark {
    position: absolute;
    top: 200px;
    right: 200px; }
  body.lineup .reset_intro .reset02 img.mark {
    position: absolute;
    top: 210px;
    right: 140px;
    z-index: 99; }
  body.lineup .reset_intro .main .before::after {
    position: absolute;
    bottom: -37px;
    left: 100px;
    content: url(../img/lineup/mrk_bottom1.png); }
  body.lineup .reset_intro .main .before .text {
    padding-left: 15px; }
  body.lineup .reset_intro .main .after .text {
    padding-top: 15px; }
  body.lineup .reset_intro .sub .before {
    position: relative;
    width: 530px;
    margin-top: 80px; }
  body.lineup .reset_intro .sub .before::after {
    position: absolute;
    bottom: 50%;
    margin-bottom: -23px; }
  body.lineup .reset_intro .sub.type1 .before::after {
    left: -33px;
    content: url(../img/lineup/mrk_left1.png); }
  body.lineup .reset_intro .sub.type2 .before::after {
    right: -33px;
    content: url(../img/lineup/mrk_right1.png); }
  body.lineup .reset_intro .sub.type1 .before {
    float: right; }
  body.lineup .reset_intro .sub.type2 .before {
    float: left; }
  body.lineup .reset_intro .sub.type2 .image {
    text-align: right; }
  body.lineup .reset_intro .sub .text {
    width: 330px;
    vertical-align: bottom; }
  body.lineup .reset_intro .sub.type1 .text {
    padding-left: 20px; }
  body.lineup .reset_intro .sub.type2 .text {
    padding-right: 20px; }
  body.lineup .reset_intro .sub.type3 .text {
    width: 320px;
    padding-left: 20px; }
  body.lineup .reset .works .layout {
    margin-top: 40px; }
  body.lineup .reset .works .layout img {
    padding: 15px; }
  body.lineup .reset .works .layout .after {
    border: 1px solid #000; }
  body.lineup .reset .works .layout ._item:nth-child(2) {
    position: relative; }
  body.lineup .reset .works .layout ._item:nth-child(2)::after {
    position: absolute;
    top: 50%;
    left: -0px;
    margin-top: -23px;
    content: url(../img/lineup/mrk_right2.png); }
  @media screen and (max-width: 768px) {
    body.lineup {
      /* TOP */
      /* BEFOR/AFTER */
      /* BEFOR/AFTER　1つ目 */
      /* BEFOR/AFTER　データ */
      /* BEFOR/AFTER　間取り */
      /* BEFOR/AFTER　メイン */
      /* BEFOR/AFTER　サブ */
      /* BEFOR/AFTER　事例の間取り */ }
      body.lineup .reset .text1 {
        margin: 25px 0 20px; }
      body.lineup .reset .text1 .inner {
        padding: 0 10px; }
      body.lineup .reset .text2 {
        margin: 30px 0 40px;
        background: none; }
      body.lineup .reset_intro {
        padding: 45px 0; }
      body.lineup .reset_intro .data,
      body.lineup .reset_intro .layout {
        float: none; }
      body.lineup .reset_intro .reset_B-A + .reset_B-A {
        margin-top: 40px; }
      body.lineup .reset_intro h4 {
        font-size: 1.7em; }
      body.lineup .reset_intro .reset01 {
        padding-bottom: 40px;
        margin-bottom: 40px; }
      body.lineup .reset_intro .data .copy {
        margin-bottom: 15px; }
      body.lineup .reset_intro .data dl {
        margin-bottom: 15px; }
      body.lineup .reset_intro .layout .after {
        margin-bottom: 30px; }
      body.lineup .reset_intro .main .before {
        width: auto; }
      body.lineup .reset_intro .main .before::after {
        left: 14%; }
      body.lineup .reset_intro .sub .before {
        width: 100%;
        margin: 35px 0 30px; }
      body.lineup .reset_intro .sub .before::after {
        bottom: -39px;
        margin-bottom: 0; }
      body.lineup .reset_intro .sub.type1 .before::after {
        left: 9%;
        content: url(../img/lineup/mrk_bottom1.png); }
      body.lineup .reset_intro .sub.type2 .before::after {
        right: 9%;
        left: inherit;
        content: url(../img/lineup/mrk_bottom1.png); }
      body.lineup .reset_intro .sub.type1 .before,
      body.lineup .reset_intro .sub.type2 .before {
        float: none; }
      body.lineup .reset_intro .sub .before .image {
        width: 33.33%; }
      body.lineup .reset_intro .sub .text {
        width: 66.67%; }
      body.lineup .reset_intro .sub.type1 .text {
        padding-left: 15px; }
      body.lineup .reset_intro .sub.type2 .text {
        padding-right: 15px; }
      body.lineup .reset_intro .sub.type3 .text {
        width: auto;
        padding: 15px 0 0; }
      body.lineup .reset .works .layout {
        margin-top: 10px; }
      body.lineup .reset .works .layout ._item:nth-child(2) {
        margin-top: 35px; }
      body.lineup .reset .works .layout ._item:nth-child(2)::after {
        top: -42px;
        left: 50%;
        margin: 0 0 0 -23px;
        content: url(../img/lineup/mrk_bottom2.png); } }
  body.lineup .tsumiki #mainimg {
    background-image: url(../img/lineup/tsumiki_bg_main.jpg); }
  body.lineup .tsumiki h2 {
    margin-bottom: 40px; }
  body.lineup .tsumiki_sec {
    padding: 70px 0; }
  body.lineup .tsumiki_sec h3 {
    margin-bottom: 30px; }
  body.lineup .tsumiki_sec .layout1 {
    margin: 20px -60px 70px 0; }
  body.lineup .tsumiki_sec h4 {
    font-size: 3em;
    margin-bottom: 25px; }
  body.lineup .tsumiki_sec dl {
    margin-top: 65px; }
  body.lineup .tsumiki_sec dt {
    float: left;
    margin-right: 62px; }
  @media screen and (max-width: 768px) {
    body.lineup .tsumiki h2 {
      margin-bottom: 25px; }
    body.lineup .tsumiki_sec {
      padding: 40px 0; }
    body.lineup .tsumiki_sec h3 {
      margin-bottom: 20px; }
    body.lineup .tsumiki_sec .layout1 {
      margin: 10px 0px 30px; }
    body.lineup .tsumiki_sec h4 {
      font-size: 2.5em;
      margin-bottom: 15px; }
    body.lineup .tsumiki_sec dl {
      margin-top: 35px; }
    body.lineup .tsumiki_sec dt {
      float: none;
      margin: 0 0 30px;
      text-align: center; } }


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

　セミナー・イベントページのスタイル

////////////////////////////////////////////////// */
body.seminar {
  /* 一覧
  -------------------------------------------------- */
  /* 詳細
  -------------------------------------------------- */ }
  body.seminar #pagetit::after {
    background-image: url(../img/seminar/bg_pagetit.jpg); }
  body.seminar .narrow {
    max-width: 800px;
    margin: auto; }
  body.seminar .seminar_lists li figure img {
    width: 100%;
    height: auto; }
  body.seminar .seminar_detail {
    /* セミナーレポート */ }
    body.seminar .seminar_detail .seminar_head {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      margin-bottom: 1.5em;
      padding-bottom: 0.6em;
      border-bottom: 1px solid #ccc;
      font-weight: bold;
      line-height: 1.3; }
      body.seminar .seminar_detail .seminar_head .category .label {
        display: inline-block;
        margin: 0 10px;
        padding: 7px 10px;
        background: #C80909;
        color: #fff;
        font-size: 0.857em;
        white-space: nowrap; }
      body.seminar .seminar_detail .seminar_head h3 {
        font-size: 1.78em;
        line-height: 1.9em;
        }
      @media screen and (max-width: 768px) {
        body.seminar .seminar_detail .seminar_head h3 {
          margin-top: 0.5em;
          width: 100%; } }
    body.seminar .seminar_detail .copy01 {
      margin-bottom: 1.1em;
      font-size: 1.5em;
      line-height: 1.6; }
    body.seminar .seminar_detail .seminar_mainimg {
      margin-bottom: 4em;
      text-align: center; }
    body.seminar .seminar_detail .seminar_mainimg img{
      border:  1px solid #ccc; }
    body.seminar .seminar_detail .copy02 {
      margin-bottom: 0.9em;
      font-size: 1.7em;
      text-align: center;
      line-height: 1.6; }
    body.seminar .seminar_detail .download {
      font-size: 1.7em;
      text-align: center; }
    body.seminar .seminar_detail .seminar_content {
      margin: 70px 0; }
      body.seminar .seminar_detail .seminar_content h4 {
        margin-bottom: 1.2em; }
        body.seminar .seminar_detail .seminar_content h4 .en {
          display: block;
          margin-top: 0.4em;
          font-size: 2.4em;
          font-family: 'Nunito', sans-serif;}
      body.seminar .seminar_detail .seminar_content ul {
        margin-bottom: 60px;
        border-top: 1px solid #000; }
        body.seminar .seminar_detail .seminar_content ul li {
          padding: 15px 0;
          border-bottom: 1px solid #000;
          font-size: 1.2em; }
      body.seminar .seminar_detail .seminar_content .type {
        background: #C80909;
        margin-bottom: 2.5em;
        padding: 10px;
        color: #fff;
        font-size: 1.57em;
        text-align: center;
        line-height: 1.3; }
      body.seminar .seminar_detail .seminar_content .image {
        text-align: center; }
        body.seminar .seminar_detail .seminar_content .image + .image {
          margin-top: 80px; }
      @media screen and (max-width: 768px) {
        body.seminar .seminar_detail .seminar_content {
          margin: 40px 0; }
          body.seminar .seminar_detail .seminar_content ul {
            margin-bottom: 40px; }
            body.seminar .seminar_detail .seminar_content ul li {
              padding: 10px 0; } }
    body.seminar .seminar_detail .seminar_point {
      margin-bottom: 60px; }
      body.seminar .seminar_detail .seminar_point h4 {
        padding-bottom: 0.8em;
        font-size: 1.57em;
        font-weight: bold;
        color: #C80909;
        text-align: center;
        line-height: 1.3; }
      body.seminar .seminar_detail .seminar_point dl {
        padding: 50px 0;
        padding-left: 100px;
        border-top: 1px solid #C80909;
        border-bottom: 1px solid #C80909; }
        body.seminar .seminar_detail .seminar_point dl dt {
          position: relative;
          margin-bottom: 15px;
          color: #C80909;
          font-size: 1.92em; }
          body.seminar .seminar_detail .seminar_point dl dt i {
            position: absolute;
            top: -0.5em;
            left: -70px;
            font-size: 2.4em;
            font-weight: bold;
            font-family: Arial, Helvetica, "sans-serif"; }
        body.seminar .seminar_detail .seminar_point dl dd {
          font-size: 1.143em; }
          body.seminar .seminar_detail .seminar_point dl dd + dt {
            margin-top: 50px; }
      @media screen and (max-width: 768px) {
        body.seminar .seminar_detail .seminar_point {
          margin-bottom: 40px; }
          body.seminar .seminar_detail .seminar_point dl {
            padding: 30px 0;
            padding-left: 40px; }
            body.seminar .seminar_detail .seminar_point dl dt {
              margin-bottom: 10px; }
              body.seminar .seminar_detail .seminar_point dl dt i {
                top: -0.5em;
                left: -45px; }
            body.seminar .seminar_detail .seminar_point dl dd + dt {
              margin-top: 30px; } }
    body.seminar .seminar_detail .seminar_data h4 {
      margin-bottom: 10px;
      padding: 10px;
      background: #C80909; }
    body.seminar .seminar_detail .seminar_data table {
      width: 100%;
      border-top: 1px solid #ccc;
      margin-bottom: 0.7em; }
      body.seminar .seminar_detail .seminar_data table th, body.seminar .seminar_detail .seminar_data table td {
        padding: 20px;
        border-bottom: 1px solid #ccc;
        font-size: 1.2em; }
      body.seminar .seminar_detail .seminar_data table th {
        background: #f2f2f2;
        border-right: 1px solid #ccc;
        text-align: center; }
    @media screen and (max-width: 768px) {
      body.seminar .seminar_detail .seminar_data table th, body.seminar .seminar_detail .seminar_data table td {
        padding: 10px 15px; } }
    body.seminar .seminar_detail .seminar_contact .gmap {
      position: relative;
      margin-bottom: 30px;
      padding-top: 72%; }
      body.seminar .seminar_detail .seminar_contact .gmap iframe {
        position: absolute;
        top: 0;
        width: 100%;
        height: 100%; }
    body.seminar .seminar_detail .seminar_contact .btn {
      margin-bottom: 30px;
      padding: 15px 10px;
      background: #C80909;
      color: #fff;
      font-size: 1.5em; }
      body.seminar .seminar_detail .seminar_contact .btn.end {
        background: #888; }
        body.seminar .seminar_detail .seminar_contact .btn.end:hover {
          opacity: 1; }
    @media screen and (max-width: 768px) {
      body.seminar .seminar_detail .seminar_contact {
        margin-top: 30px; }
        body.seminar .seminar_detail .seminar_contact .gmap {
          margin-bottom: 20px;
          padding-top: 50%; }
        body.seminar .seminar_detail .seminar_contact .btn {
          margin-bottom: 20px; } }
    body.seminar .seminar_detail .seminar_other {
      margin-top: 100px; }
      body.seminar .seminar_detail .seminar_other h4 {
        margin-bottom: 2.2em; }
      @media screen and (max-width: 768px) {
        body.seminar .seminar_detail .seminar_other {
          margin-top: 60px; } }
    body.seminar .seminar_detail.report .seminar_head .category .label {
      background: #000; }
    body.seminar .seminar_detail.report .wp_post h1, body.seminar .seminar_detail.report .wp_post h2, body.seminar .seminar_detail.report .wp_post h3, body.seminar .seminar_detail.report .wp_post h4, body.seminar .seminar_detail.report .wp_post h5 {
      margin: 1.5em 0;
      line-height: 1.4;
      font-size: 1.36em; }
    body.seminar .seminar_detail.report .wp_post p {
      margin: 1.5em 0;
      font-size: 1.143em; }
    body.seminar .seminar_detail.report .seminar_other {
      border-top: 1px solid #C80909;
      padding-top: 60px; }
    @media screen and (max-width: 768px) {
      body.seminar .seminar_detail .seminar_other {
        padding-top: 40px; } }

/* セミナー・イベントお申込みフォーム
-------------------------------------------------- */

#seminar_form {
  padding: 50px 0 60px; }
  #seminar_form table {
    width: 100%;
    border-top: 1px dotted #cfceca;
    margin-bottom: 30px; }
    #seminar_form table th, #seminar_form table td {
      border-bottom: 1px dotted #cfceca; }
      
     #seminar_form table th.valign-top {
        vertical-align: top;
        padding-top: 40px; }
        
    #seminar_form table th p.small {
	    display: block;
	    padding-top: 20px;
        font-size: 74%; }
      
    #seminar_form table th {
     width: 210px;
    padding: 0 30px 0 20px;
    font-size: 1.1em;
    font-weight: bold;
    }
      
    #seminar_form table th span{
		background: #921a06;
	    color: #fff;
	    margin: 0 0 0 10px;
	    padding: 5px 6px;
	    font-size: 0.8rem;
    }
    
    #seminar_form table td {
      padding: 40px 0; }
  #seminar_form label input {
    margin-top: 5px; }
  #seminar_form input[type=text] {
    -webkit-appearance: none;
    border: 1px solid #b3b3b1;
    border-radius: 4px;
    box-shadow: none;
    padding: 15px; }
    
   #seminar_form input[type=radio] {
		position: relative;
		font-weight: 300;
		font-size: 1.35em;
		padding: 0 25px 0;
		margin: 10px 20px 0;
		z-index: 9;
		cursor: pointer;
		-webkit-transition: all 0.25s linear;
   }
       
    #seminar_form input.text1 {
      width: 520px; }
    #seminar_form input.text2 {
      width: 220px; }
  #seminar_form ._item input {
    width: 100%; }
  #seminar_form textarea {
    -webkit-appearance: none;
    border: 1px solid #b3b3b1;
    border-radius: 4px;
    box-shadow: none;
    padding: 15px;
    width: 520px;
    height: 120px; }
  #seminar_form .buttons {
    margin-top: 30px; }
    #seminar_form .buttons .btn {
      width: 200px;
      margin: 0 15px;
      padding: 13px 10px;
      border: none;
      border-bottom: 6px solid transparent;
      border-radius: 0;
      color: #fff;
      font-size: 1.5em;
      cursor: pointer; }
      #seminar_form .buttons .btn.reset {
        background: #4d4d4d;
        border-bottom-color: #010101; }
      #seminar_form .buttons .btn.submit {
        background: #C80909;
        border-bottom-color: #9d0013; }
       
        
  @media screen and (max-width: 768px) {
    #seminar_form {
      padding: 30px 0; }
      #seminar_form table {
        border-top: 1px dotted #cfceca;
        margin-bottom: 20px; }
        #seminar_form table th, #seminar_form table td {
          display: block; }
        #seminar_form table th {
          width: 100%;
          padding: 20px 0 0;
          border: none; }
        #seminar_form table td {
          padding: 10px 0 25px; }
      #seminar_form ._item + ._item {
        margin-top: 10px; }
      #seminar_form small {
        display: inline-block;
        margin-top: 5px; }
      #seminar_form input {
	   	width: 100%;
        padding: 10px; }
        
      #seminar_form input[type=radio]{
	       width: auto;
       }
        #seminar_form input.text1, #seminar_form input.text2 {
          width: 100%; }
      #seminar_form textarea {
        padding: 10px;
        width: 100%; }
      #seminar_form .buttons {
        margin-top: 20px; }
        #seminar_form .buttons .btn {
          width: 140px;
          margin: 0 5px;
          padding: 10px 5px;
          border-bottom-width: 4px; } }

/*入力チェック
-------------------------------------------------- */


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

　サービス＆サポートページのスタイル

////////////////////////////////////////////////// */
body.service {
  /* 一覧
  -------------------------------------------------- */
  /* 詳細
  -------------------------------------------------- */
  /* SERVICE */
  /* SUPPORT */ }
  body.service #pagetit::after {
    background-image: url(../img/service/bg_pagetit.jpg); }
  body.service .contents_title {
    height: 400px;
    margin-bottom: 20px;
    background-position: center;
    background-size: cover;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: center;
    color: #fff;
    font-weight: bold;
    text-align: center; }
    body.service .contents_title .en {
      color: #C80909;
      font-size: 3.57em; }
    body.service .contents_title .main {
      display: inline-block;
      margin: 25px 0;
      font-size: 2.43em; }
    body.service .contents_title.service {
      background-image: url("/img/service/bg_contents_01.jpg"); }
    body.service .contents_title.support {
      background-image: url("/img/service/bg_contents_02.jpg"); }
    @media screen and (max-width: 768px) {
      body.service .contents_title {
        height: 180px; }
        body.service .contents_title .main {
          margin: 20px 0; } }
  body.service .icon {
    float: left;
    margin-right: 10px;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    background: #C80909;
    color: #fff;
    font-size: 1.428em;
    font-weight: bold; }
  body.service .service_index h3 {
    margin-bottom: 0.7em;
    font-size: 3.36em;
    line-height: 1.3; }
    body.service .service_index h3 small {
      display: block;
      margin-top: 5px;
      font-size: 0.425em; }
    @media screen and (max-width: 768px) {
      body.service .service_index h3 {
        font-size: 2em; }
        body.service .service_index h3 small {
          font-size: 0.7em; } }
  body.service .service_index .sec {
    margin: 60px 40px 0; }
    body.service .service_index .sec + .sec {
      margin-top: 80px; }
    body.service .service_index .sec ol {
      flex-wrap: wrap;
      margin: 0 -40px; }
      body.service .service_index .sec ol li {
        width: 33.33%;
        padding: 0 40px;
        margin-top: 35px; }
        body.service .service_index .sec ol li a {
          margin-bottom: 15px; }
        body.service .service_index .sec ol li .label {
          display: block;
          overflow: hidden; }
    @media screen and (max-width: 768px) {
      body.service .service_index .sec {
        margin: 30px 0 0; }
        body.service .service_index .sec + .sec {
          margin-top: 50px; }
        body.service .service_index .sec ol {
          margin: 0 -10px; }
          body.service .service_index .sec ol li {
            width: 50%;
            padding: 0 10px;
            margin-top: 30px; }
            body.service .service_index .sec ol li a {
              margin-bottom: 10px; } }
  body.service .service_detail .sec {
    margin-top: 70px; }
  body.service .service_detail h4 {
    display: flex;
    align-items: center;
    border-bottom: 1px solid #FF0000;
    padding-bottom: 15px;
    margin-bottom: 20px;
    line-height: 1.2; }
  body.service .service_detail .icon {
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-size: 1.5em; }
  body.service .service01 #sec02 .wrap {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -25px; }
    body.service .service01 #sec02 .wrap section {
      padding: 0 25px;
      font-weight: bold; }
      body.service .service01 #sec02 .wrap section h5 {
        margin-bottom: 0.5em; }
      body.service .service01 #sec02 .wrap section.sec02_1 {
        width: 100%;
        margin-bottom: 40px;
        flex-direction: row; }
      body.service .service01 #sec02 .wrap section.sec02_2, body.service .service01 #sec02 .wrap section.sec02_3 {
        width: 50%; }
      body.service .service01 #sec02 .wrap section.sec02_2 h5 {
        margin-bottom: 4em; }
  @media screen and (max-width: 768px) {
    body.service .service01 #sec02 .wrap {
      margin: 0; }
      body.service .service01 #sec02 .wrap section {
        padding: 0; }
        body.service .service01 #sec02 .wrap section.sec02_1 {
          flex-direction: column; }
        body.service .service01 #sec02 .wrap section.sec02_1, body.service .service01 #sec02 .wrap section.sec02_2 {
          width: 100%;
          margin-bottom: 30px; }
        body.service .service01 #sec02 .wrap section.sec02_3 {
          width: 100%; }
        body.service .service01 #sec02 .wrap section.sec02_2 h5 {
          margin-bottom: 0.5em; } }
  body.service .service01 #sec03 h5 {
    margin-bottom: 0.5em; }
  body.service .service01 #sec03 ul {
    flex-wrap: wrap;
    margin: 5px -5px 0; }
    body.service .service01 #sec03 ul li {
      width: 25%;
      padding: 0 5px;
      margin-top: 20px;
      line-height: 1.8; }
  @media screen and (max-width: 768px) {
    body.service .service01 #sec03 ul li {
      width: 50%; } }
  body.service .service02 .wrap {
    flex-wrap: wrap;
    margin: 0 -20px; }
    @media screen and (max-width: 768px) {
      body.service .service02 .wrap {
        margin: 0 -10px; } }
    body.service .service02 .wrap section {
      width: 33.33%;
      padding: 0 20px;
      margin-top: 40px; }
      body.service .service02 .wrap section h4 {
        padding-bottom: 10px;
        margin-bottom: 10px; }
      @media screen and (max-width: 768px) {
        body.service .service02 .wrap section {
          width: 50%;
          padding: 0 10px;
          margin-top: 20px; }
          body.service .service02 .wrap section h4 {
            font-size: 0.8em; }
            body.service .service02 .wrap section h4 .icon {
              width: 30px;
              height: 30px;
              line-height: 30px; }
            body.service .service02 .wrap section h4 span {
              flex-shrink: 5; } }
      body.service .service02 .wrap section#sec07 {
        width: 50%; }
        body.service .service02 .wrap section#sec07 ul {
          flex-wrap: wrap;
          margin: -10px -10px 0; }
          body.service .service02 .wrap section#sec07 ul li {
            width: 50%;
            padding: 0 10px;
            margin-top: 10px;
            line-height: 1.8; }
        @media screen and (max-width: 768px) {
          body.service .service02 .wrap section#sec07 {
            width: 100%; } }
      body.service .service02 .wrap section#sec08 {
        width: 50%; }
        body.service .service02 .wrap section#sec08 p {
          position: relative;
          z-index: 2;
          margin-top: 0.5em;
          width: 35%; }
        body.service .service02 .wrap section#sec08 img {
          margin-top: -25%; }
        @media screen and (max-width: 768px) {
          body.service .service02 .wrap section#sec08 {
            width: 100%; }
            body.service .service02 .wrap section#sec08 img {
              margin-top: -12%; } }
        @media screen and (max-width: 600px) {
          body.service .service02 .wrap section#sec08 img {
            margin-top: -19%; } }
      body.service .service02 .wrap section#sec09 {
        width: 100%; }
        body.service .service02 .wrap section#sec09 ul {
          flex-wrap: wrap;
          margin: -10px -10px 0; }
          body.service .service02 .wrap section#sec09 ul li {
            width: 50%;
            padding: 0 10px;
            margin-top: 15px; }
            body.service .service02 .wrap section#sec09 ul li h5 {
              margin-bottom: 0.3em; }
            body.service .service02 .wrap section#sec09 ul li .text {
              width: 45%;
              padding-right: 15px; }
            body.service .service02 .wrap section#sec09 ul li figure {
              width: 55%; }
        @media screen and (max-width: 768px) {
          body.service .service02 .wrap section#sec09 ul {
            flex-wrap: wrap;
            margin: -20px 0 0; }
            body.service .service02 .wrap section#sec09 ul li {
              flex-wrap: wrap;
              width: 100%;
              padding: 0;
              margin-top: 25px; }
              body.service .service02 .wrap section#sec09 ul li h5 {
                margin-bottom: 0.3em; }
              body.service .service02 .wrap section#sec09 ul li .text {
                width: 100%;
                padding-right: 0; }
              body.service .service02 .wrap section#sec09 ul li figure {
                margin-top: 10px;
                width: 100%; }
                body.service .service02 .wrap section#sec09 ul li figure img {
                  max-width: 280px; } }

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

　成功事例紹介ページのスタイル

////////////////////////////////////////////////// */
.voice {}
  /* 一覧
  -------------------------------------------------- */
  
  
  .voice #voice_list .voice .text span {
    background-color: #C80909;
    color: white;
    padding: 5px;
    font-size: 12px;
    vertical-align: middle;
    margin-left: 5px;
}
  
  
  /* 詳細
  -------------------------------------------------- */ 
  
  
  
  .voice .post h3 span {
    background-color: #C80909;
    color: white;
    padding: 5px;
    font-size: .5em;
    margin-left: 5px;
    vertical-align: middle;
}


  .voice #pagetit::after {
    background-image: url("../img/voice/bg_pagetit.jpg"); }
  .voice #voice_list {
    margin: 0 -12px -100px; }
    .voice #voice_list .voice {
      float: left;
      margin-bottom: 100px;
      max-width: 341px; }
    @media screen and (max-width: 768px) {
      .voice #voice_list {
        margin: 0 0 -50px;
        text-align: center; }
        .voice #voice_list .voice {
          float: none;
          display: inline-block;
          padding: 0 10px;
          margin-bottom: 50px; }
          .voice #voice_list .voice .image {
            width: auto;
            height: auto; } }
  .voice .post .person {
    margin-bottom: 20px; }
    .voice .post .person span {
      display: inline-block;
      font-weight: bold; }
      .voice .post .person span.area {
        position: relative;
        top: -2px;
        padding: 2px 10px;
        margin-right: 10px;
        background: #4d4d4d;
        color: #fff; }
      .voice .post h2{
	      font-size: 1.429em;
	      margin:0 0 15px;
	      font-weight: bold; 
	   }
    @media screen and (max-width: 768px) {
      .voice .post .person {
        margin-bottom: 15px; } }
  .voice .post .date {
    margin: 15px 0 5px;
    font-family: 'Nunito', sans-serif;}
    @media screen and (max-width: 768px) {
      .voice .post .date {
        margin: 10px 0 5px; } }
  .voice .post .image.main {
    margin-bottom: 50px; }
  .voice .post .image.sub {
    margin: 50px 0; }
  @media screen and (max-width: 768px) {
    .voice .post .image.main {
      margin-bottom: 30px; }
    .voice .post .image.sub {
      margin: 30px 0; } }
  .voice .post .next_page p {
    display: inline-block;
    border: 1px solid #000;
    padding: 12px 60px; }
    @media screen and (max-width: 768px) {
      .voice .post .next_page p {
        padding: 10px 20px; } }
  .voice .post .nav_page {
    margin: 50px 0 100px;
    font-family: 'Nunito', sans-serif;
    }
   
    @media screen and (max-width: 768px) {
      .voice .post .nav_page {
        margin: 30px 0 50px; 
        } 
      }
 
  .voice .post h3 {
    padding-bottom: 60px;
    font-size: 2.5em;
    font-weight: bold;
    line-height: 1.4;
    text-align: center; }
    
 @media screen and (max-width: 768px) {
    .voice .post h3 {
    padding-bottom: 60px;
    font-size: 2.1em;
    font-weight: bold;
    line-height: 1.4;
    text-align: center; 
    	}
    }
    
  .voice #new_post h4 {
    margin: 30px 0 15px;
    font-size: 1.3em;
    font-weight: bold;
    line-height: 1.4;}
  .voice #new_post .container {
    border-top: 1px dashed #000;
    padding-top: 40px;
    padding-bottom: 100px; }
  .voice #new_post li {
    position: relative;
    z-index: 1;
    margin-top: 20px; }
  .voice #new_post h5 {
    margin: 20px 0 15px;
    font-size: 1.2em;
    font-weight: bold;
    line-height: 1.2; }
  .voice #new_post li p.date{
	font-family: 'Nunito', sans-serif;	  
  }
  
  @media screen and (max-width: 768px) {
    .voice #new_post .container {
      padding-top: 20px;
      padding-bottom: 50px; }
    .voice #new_post h5 {
      margin: 8px 0; } }

/* 旧
-------------------------------------------------- */
.voice .voice_main {
  width: 100%;
  text-align: center;
  margin: 40px auto; }

.voice ul.voice_sub {
  overflow: hidden;
  margin: 0 -10px; }

.voice ul.voice_sub.center {
  display: block;
  width: 100%;
  text-align: center; }

.voice ul.voice_sub.center li {
  display: block;
  width: 100%; }

.voice ul.voice_sub li {
  float: left;
  width: 33.333%;
  margin: 40px 0;
  padding: 0 10px; }
  
    @media screen and (max-width: 768px) {
		.voice ul.voice_sub li {
		float: none;
		width: 100%;
		}
		
		.voice ul.voice_sub li img{
			display: block;
			margin: 0 auto;
		}
	}