@charset "UTF-8";
/**$txt:#333;
$txt2: #3e5059;**/
.grid {
  display: grid; }

@media screen and (max-width: 768px) {
  .lead.center.m-size {
    text-align: left !important; }
    .lead.center.m-size br {
      display: none !important; } }

.inner.zeh-head1 {
  padding-bottom: 0.1rem; }

.sec-flex {
  display: flex;
  flex-wrap: wrap; }

.midashi {
  text-align: center; }
  .midashi.sub-t {
    text-align: left;
    font-size: 1.3rem !important; }

.lead.m-size {
  font-size: 1.25rem;
  margin-top: 2rem; }
.lead.center {
  text-align: center; }
.lead.mt-t {
  margin-top: 2rem; }
.lead .mrk {
  background-color: #fff100; }
@media screen and (max-width: 600px) {
  .lead {
    text-align: left !important; }
    .lead.center {
      text-align: left !important; } }

.note.center {
  text-align: center;
  margin-top: 1rem; }
@media screen and (max-width: 600px) {
  .note.center {
    text-align: left; } }

.contents-head {
  background: #ecf4d9; }
  .contents-head .lead {
    text-align: center !important; }

.head-img01 {
  text-align: center;
  margin-top: 3rem; }
  .head-img01 img {
    max-width: 500px; }

.list-con {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; }

.zeh-list01 {
  justify-content: center;
  gap: 1rem 2%;
  margin-top: 2.5rem;
  padding-top: 1.5rem;
  padding-bottom: 2rem; }
  .zeh-list01 li {
    width: 23.5%;
    /*margin-top: 2.5rem;*/ }
  @media screen and (max-width: 768px) {
    .zeh-list01 {
      gap: 1rem 4%;
      margin-top: 1rem;
      padding-top: 3rem;
      padding-bottom: 0rem; }
      .zeh-list01 li {
        width: 48%;
        /*margin-top: 4%;*/ } }

.zeh-list02 {
  padding-top: 1.5rem;
  padding-bottom: 5rem; }
  .zeh-list02 li {
    margin-top: 2.5rem; }
    .zeh-list02 li:nth-child(1) {
      width: 45%; }
    .zeh-list02 li:nth-child(2) {
      width: 50%; }
  @media screen and (max-width: 768px) {
    .zeh-list02 {
      padding-top: 0rem;
      padding-bottom: 3rem; }
      .zeh-list02 li:nth-child(1) {
        width: 100%; }
      .zeh-list02 li:nth-child(2) {
        width: 100%; } }

.zeh-list03 li {
  margin-top: 2.5rem; }
  .zeh-list03 li:nth-child(1) {
    width: 45%; }
  .zeh-list03 li:nth-child(2) {
    width: 50%; }
  .zeh-list03 li:nth-child(3) {
    width: 100%; }
    .zeh-list03 li:nth-child(3) .lead {
      text-align: center; }
  .zeh-list03 li:nth-child(4) {
    width: 47%; }
    .zeh-list03 li:nth-child(4) .note {
      margin-top: 1.5rem; }
  .zeh-list03 li:nth-child(5) {
    width: 47%; }
    .zeh-list03 li:nth-child(5) .note {
      margin-top: 1.5rem; }
@media screen and (max-width: 768px) {
  .zeh-list03 li:nth-child(1) {
    width: 100%; }
  .zeh-list03 li:nth-child(2) {
    width: 100%; }
  .zeh-list03 li:nth-child(4) {
    width: 100%; }
  .zeh-list03 li:nth-child(5) {
    width: 100%;
    margin-top: 2rem; } }

.zeh-list04 {
  padding-bottom: 3rem; }
  .zeh-list04 li {
    margin-top: 2.5rem; }
    .zeh-list04 li:nth-child(1) {
      width: 100%; }
    .zeh-list04 li:nth-child(2) {
      width: 47%; }
    .zeh-list04 li:nth-child(3) {
      width: 47%; }
      .zeh-list04 li:nth-child(3) .img:nth-child(3) {
        margin-top: 2.5rem; }
      .zeh-list04 li:nth-child(3) .note {
        margin-top: 1rem; }
        .zeh-list04 li:nth-child(3) .note.right {
          margin-top: 0.5rem;
          text-align: right; }
    .zeh-list04 li.zeh-image-illust {
      width: 100%; }
      .zeh-list04 li.zeh-image-illust .img {
        margin: auto;
        max-width: 900px;
        text-align: right; }
  @media screen and (max-width: 768px) {
    .zeh-list04 {
      padding-bottom: 1.5rem; }
      .zeh-list04 li:nth-child(1) {
        width: 100%; }
      .zeh-list04 li:nth-child(2) {
        width: 100%; }
      .zeh-list04 li:nth-child(3) {
        width: 100%; }
      .zeh-list04 li.zeh-image-illust {
        width: 100%; } }

.zeh-list05 li {
  width: 30%;
  margin-top: 2rem; }
  .zeh-list05 li .img .in {
    right: 0.5rem;
    bottom: 17%; }
@media screen and (max-width: 600px) {
  .zeh-list05 li {
    width: 47%;
    margin-top: 1.5rem; }
    .zeh-list05 li:nth-child(1), .zeh-list05 li:nth-child(2) {
      margin-top: 1rem; } }

.title-bar {
  background: #86b81b;
  display: flex;
  align-items: center;
  position: relative;
  margin-top: 5rem; }
  .title-bar:after {
    content: "";
    position: absolute;
    z-index: 0;
    left: 0;
    top: 0;
    bottom: 0;
    border: 1px solid #000;
    box-sizing: border-box;
    background: #fff;
    width: 30%; }
  .title-bar .t-name {
    width: 30%;
    padding: 1px;
    z-index: 2;
    box-sizing: border-box;
    text-align: center; }
    .title-bar .t-name img {
      width: 100%;
      height: auto;
      max-width: 150px; }
  .title-bar .t-copy {
    color: #fff;
    padding: 0.5rem 1.5rem;
    font-size: 1.7rem;
    font-family: "Noto Sans JP","Roboto","yu-gothic-pr6n","YuGothic,YuGothicM","Hiragino Kaku Gothic ProN","メイリオ","Meiryo",sans-serif;
    -webkit-font-smoothing: antialiased;
    font-weight: 400;
    font-feature-settings: 'palt';
    z-index: 4; }
  .title-bar .item {
    position: absolute;
    left: 0;
    top: 0;
    background: #f08300;
    color: #fff;
    padding: 0.2rem 1rem;
    line-height: 1;
    font-size: 1.3rem;
    transform: translate(-1rem, -50%);
    border-radius: 5rem;
    z-index: 5; }
  @media screen and (max-width: 768px) {
    .title-bar:after {
      width: 150px; }
    .title-bar .t-name {
      width: 150px; }
    .title-bar .item {
      top: -0.5rem; } }
  @media screen and (max-width: 600px) {
    .title-bar {
      margin-top: 4rem;
      margin-bottom: -1.5rem; }
      .title-bar:after {
        width: 100px; }
      .title-bar .t-name {
        width: 100px; }
      .title-bar .t-copy {
        font-size: 1.4rem; } }

.colum01 {
  border: 1px solid #000;
  margin-top: 2.5rem; }
  .colum01 .ttl {
    text-align: center;
    color: #fff;
    padding: 0.5rem;
    font-size: 1.4rem;
    background: #86b81b; }
  .colum01 .colum-inner {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 2rem 4%;
    box-sizing: border-box; }
    .colum01 .colum-inner .lead {
      width: 50%; }
    .colum01 .colum-inner .img {
      width: 46%; }
      .colum01 .colum-inner .img .note {
        margin-top: 1rem; }
  @media screen and (max-width: 768px) {
    .colum01 .colum-inner {
      padding: 1.5rem 6%; }
      .colum01 .colum-inner .lead {
        width: 100%; }
      .colum01 .colum-inner .img {
        width: 100%;
        text-align: center;
        margin-top: 1.5rem; }
        .colum01 .colum-inner .img img {
          max-width: 400px; } }

.zeh-list06 {
  align-items: center;
  margin-top: 3rem;
  margin-bottom: 3rem; }
  .zeh-list06 li:nth-child(1) {
    width: 40%; }
  .zeh-list06 li:nth-child(2) {
    width: 5%; }
  .zeh-list06 li:nth-child(3) {
    width: 50%; }
  @media screen and (max-width: 768px) {
    .zeh-list06 {
      margin-top: 1rem; }
      .zeh-list06 li:nth-child(1) {
        width: 100%; }
        .zeh-list06 li:nth-child(1) .img {
          text-align: center; }
          .zeh-list06 li:nth-child(1) .img img {
            max-width: 400px;
            width: 60%; }
      .zeh-list06 li:nth-child(2) {
        width: 100%;
        padding-bottom: 1rem; }
        .zeh-list06 li:nth-child(2) .img {
          transform: rotate(90deg);
          text-align: center; }
          .zeh-list06 li:nth-child(2) .img img {
            max-width: 3rem; }
      .zeh-list06 li:nth-child(3) {
        width: 100%; } }

.colum02 {
  border: 1px solid #000; }
  .colum02 .ttl {
    text-align: center;
    color: #fff;
    padding: 0.5rem;
    font-size: 1.2rem;
    background: #86b81b; }
  .colum02 .colum-inner {
    padding: 1rem 5%; }
    .colum02 .colum-inner .lead {
      width: 100%; }
    .colum02 .colum-inner .img {
      width: 100%; }

.zeh-list07 {
  margin-top: 1.5rem;
  margin-bottom: 3rem;
  display: grid;
  grid-template-columns: 58% 43%;
  grid-template-rows: auto 1fr; }
  .zeh-list07 li:nth-child(1) {
    grid-column: 1 / 2;
    grid-row: 1 / 2;
    padding-right: 4rem; }
  .zeh-list07 li:nth-child(2) {
    grid-column: 1 / 2;
    grid-row: 2 / 3;
    padding-right: 4rem;
    margin-top: 1rem; }
    .zeh-list07 li:nth-child(2) .img {
      margin-top: 1rem; }
  .zeh-list07 li:nth-child(3) {
    grid-column: 2 / 2;
    /*grid-row: 1 / 3;*/
    grid-row: 2 / 3;
    display: flex;
    align-items: flex-end; }
  @media screen and (max-width: 768px) {
    .zeh-list07 {
      margin-top: 1rem;
      display: block; }
      .zeh-list07 li:nth-child(1) {
        width: 100%; }
      .zeh-list07 li:nth-child(2) {
        width: 100%;
        margin-top: 1rem;
        padding-right: 0 !important; }
      .zeh-list07 li:nth-child(3) {
        width: 100%;
        margin-top: 1.5rem; } }

.zeh-list08 {
  margin-top: 4rem;
  display: grid;
  grid-template-columns: 42% 53%;
  grid-template-rows: auto 1fr; }
  .zeh-list08 li:nth-child(1) {
    grid-column: 1 / 2;
    grid-row: 1 / 3; }
  .zeh-list08 li:nth-child(2) {
    grid-column: 2 / 3;
    grid-row: 2 / 3;
    margin-top: 2rem; }
  .zeh-list08 li:nth-child(3) {
    grid-column: 2 / 2;
    grid-row: 1 / 2; }
  @media screen and (max-width: 768px) {
    .zeh-list08 {
      margin-top: 2rem;
      display: block; }
      .zeh-list08 li:nth-child(1) {
        width: 100%; }
      .zeh-list08 li:nth-child(2) {
        width: 100%;
        margin-top: 0rem; }
      .zeh-list08 li:nth-child(3) {
        width: 100%;
        margin-top: 1.5rem; } }

.merit3-img06 {
  text-align: center;
  margin-top: 3rem; }
  .merit3-img06 img {
    max-width: 760px; }

.zeh-list09 li {
  margin-top: 2.5rem; }
  .zeh-list09 li:nth-child(1) {
    width: 50%; }
    .zeh-list09 li:nth-child(1) .img {
      margin-top: 1.5rem; }
  .zeh-list09 li:nth-child(2) {
    width: 45%; }
    .zeh-list09 li:nth-child(2) .img {
      margin-top: 0.5rem;
      margin-bottom: 0.5rem; }
  .zeh-list09 li:nth-child(3) {
    width: 100%; }
@media screen and (max-width: 768px) {
  .zeh-list09 {
    padding-top: 0rem;
    padding-bottom: 3rem; }
    .zeh-list09 li:nth-child(1) {
      width: 100%; }
    .zeh-list09 li:nth-child(2) {
      width: 100%; }
      .zeh-list09 li:nth-child(2) .img img {
        width: auto;
        height: 25rem; } }

.obi-ttl {
  background: #86b81b;
  text-align: center;
  color: #fff;
  font-size: 1.5rem;
  line-height: 1.4;
  padding: 0.1rem 0.5rem;
  margin-bottom: 2rem; }

.main-master .page-name {
  width: 100%;
  text-align: center; }

.zeh-body {
  font-size: 9px;
  padding: 50px 0; }
  .zeh-body .note {
    font-size: 10px; }
  .zeh-body .lmidashi {
    font-size: 3em;
    line-height: 1.5;
    text-align: center; }
  .zeh-body .colum-inner .lead {
    font-size: 1rem; }

.breadcrumbs {
  background: #ECF4D9;
  max-width: 100%; }
  .breadcrumbs ul {
    width: 100%;
    max-width: 1240px;
    margin: 0 auto; }