/**$txt:#333;
$txt2: #3e5059;**/
.page-name {
  width: 100%;
  text-align: center; }

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

.center {
  text-align: center; }

.grid {
  display: grid; }

.mnsn01 {
  padding-top: 0rem; }
  .mnsn01 .table01 {
    width: 100%;
    max-width: 800px;
    margin: 0 auto; }
  .mnsn01 .nintei-ttl {
    margin: 5rem auto 0 auto;
    max-width: 900px;
    text-align: center;
    grid-area: ttl;
    font-size: 1.5rem;
    line-height: 1.4;
    padding-bottom: .5rem;
    border-bottom: solid 1px #000; }
  .mnsn01 .grid {
    margin: 2rem auto 0 auto;
    max-width: 900px;
    gap: 2rem 5%;
    grid-template-columns: repeat(2, 1fr); }
    .mnsn01 .grid .nintei-item {
      display: grid;
      grid-template-rows: subgrid;
      grid-row: span 3;
      gap: 1rem; }
      .mnsn01 .grid .nintei-item .g-ttl {
        font-size: 1.25rem;
        line-height: 1.4; }
      .mnsn01 .grid .nintei-item .lead {
        font-size: 1rem; }
      .mnsn01 .grid .nintei-item ul {
        display: none;
        gap: 10px;
        grid-template-columns: repeat(3, 1fr); }
        .mnsn01 .grid .nintei-item ul li {
          text-align: center;
          color: #fff;
          background: #C9C9CA;
          font-size: 1rem;
          line-height: 1;
          padding: 5px; }
          .mnsn01 .grid .nintei-item ul li.on1 {
            background: #953722; }
          .mnsn01 .grid .nintei-item ul li.on2 {
            background: #B4A98B; }
  @media screen and (max-width: 768px) {
    .mnsn01 .grid {
      grid-template-columns: 1fr; } }

.mnsn02 {
  padding-bottom: 50px; }
  .mnsn02 .eq-ttl {
    text-align: center;
    grid-area: ttl;
    font-size: 1.5rem;
    line-height: 1.4; }
  .mnsn02 .category {
    margin-top: 3rem;
    position: relative;
    text-align: center;
    font-size: 1.5rem;
    line-height: 1.4;
    padding: 1rem;
    color: #4f7a7e;
    border-bottom: solid 5px #D0D8DC; }
  .mnsn02 .gokinjo {
    margin-top: 3rem;
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-box-align: stretch;
    align-items: stretch; }
    .mnsn02 .gokinjo * {
      min-height: 0%; }
    .mnsn02 .gokinjo .img01 {
      width: 100%; }
    .mnsn02 .gokinjo .g-item {
      margin-top: 3rem;
      width: 30%; }
  .mnsn02 .g-box {
    margin-top: 6rem; }
    .mnsn02 .g-box .grid {
      margin-top: 3rem; }
  .mnsn02 .g-item .img + .g-ttl {
    margin-top: 1rem; }
  .mnsn02 .g-item .lead {
    margin-top: .5rem;
    font-size: .9375rem;
    line-height: 1.6; }
    .mnsn02 .g-item .lead .note {
      display: block;
      margin-top: .5rem; }
  .mnsn02 .g-item .g-ttl {
    font-size: 1.0625rem;
    line-height: 1.6; }
  .mnsn02 .grid1 {
    display: block; }
    .mnsn02 .grid1 .img-list {
      display: grid;
      gap: 10%;
      grid-template-columns: repeat(2, 1fr);
      margin-top: 3rem;
      padding-bottom: 1rem; }
      .mnsn02 .grid1 .img-list .text {
        padding-top: 1.5rem; }
    .mnsn02 .grid1 .text {
      max-width: 800px;
      margin: 0.5rem auto 0; }
  .mnsn02 .g-box2 .grid, .mnsn02 .g-box3 .grid, .mnsn02 .g-box4 .grid, .mnsn02 .g-box5 .grid {
    gap: 3rem 5%; }
  .mnsn02 .g-box2 .grid, .mnsn02 .g-box3 .grid {
    grid-template-columns: repeat(3, 1fr); }
  .mnsn02 .g-box4 .grid {
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-areas: "pw01 pw03 pw04"; }
    .mnsn02 .g-box4 .grid .pw01 {
      grid-area: pw01; }
    .mnsn02 .g-box4 .grid .pw02 {
      grid-area: pw02; }
    .mnsn02 .g-box4 .grid .pw03 {
      grid-area: pw03; }
    .mnsn02 .g-box4 .grid .pw04 {
      grid-area: pw04; }
  .mnsn02 .g-box5 .grid {
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: 1fr 1fr;
    grid-template-areas: "k01 k01 k02" "k01 k01 k03" "k04 k05 ."; }
    .mnsn02 .g-box5 .grid .k01 {
      grid-area: k01; }
    .mnsn02 .g-box5 .grid .k02 {
      grid-area: k02; }
    .mnsn02 .g-box5 .grid .k03 {
      grid-area: k03; }
    .mnsn02 .g-box5 .grid .k04 {
      grid-area: k04; }
    .mnsn02 .g-box5 .grid .k05 {
      grid-area: k05; }
  @media screen and (max-width: 1024px) {
    .mnsn02 .g-box2 .grid, .mnsn02 .g-box3 .grid {
      grid-template-columns: repeat(2, 1fr); }
    .mnsn02 .g-box3 {
      /**.grid{
      	.g-item{
      		&:nth-of-type(4){
      			grid-column: 1;
      		}
      	}
      }**/ }
    .mnsn02 .g-box4 .grid {
      grid-template-columns: 1fr 1fr;
      grid-template-areas: "pw01 pw03" "pw04 pw02"; }
    .mnsn02 .g-box5 .grid {
      grid-template-columns: 1fr 1fr;
      grid-template-rows: auto;
      grid-template-areas: "k01 k01" "k02 k03" "k04 k05"; } }
  @media screen and (max-width: 768px) {
    .mnsn02 .grid1 .img-list {
      grid-template-columns: 1fr;
      display: block !important; }
      .mnsn02 .grid1 .img-list .img {
        max-width: 450px;
        margin-right: auto;
        margin-left: auto; }
      .mnsn02 .grid1 .img-list .text {
        padding-top: 1rem; }
    .mnsn02 .gokinjo .g-item {
      width: 47%; }
      .mnsn02 .gokinjo .g-item:last-of-type {
        margin-right: auto;
        margin-left: auto; } }
  @media screen and (max-width: 500px) {
    .mnsn02 .gokinjo .g-item {
      width: 100%;
      max-width: 280px;
      margin-right: auto;
      margin-left: auto; } }

.flat35-area {
  position: relative;
  padding: 50px 0 30px 0; }
  .flat35-area .flat35 {
    position: relative;
    background: #3A3937;
    padding: 40px 50px;
    width: 90%;
    max-width: 1000px;
    margin: 0 auto; }
    .flat35-area .flat35 img {
      display: inline-block;
      width: 100%;
      height: auto; }
    .flat35-area .flat35 .new {
      width: 120px;
      position: absolute;
      top: -35px;
      left: -65px; }
    .flat35-area .flat35 .f-grid {
      display: grid;
      gap: 20px;
      grid-template-columns: 78% 1fr;
      grid-template-areas: "midashi img" "lead img"; }
      .flat35-area .flat35 .f-grid .midashi {
        font-size: 1.4rem;
        line-height: 1.8;
        grid-area: midashi;
        color: #fff; }
      .flat35-area .flat35 .f-grid .lead {
        font-size: .9rem;
        line-height: 1.8;
        grid-area: lead;
        color: #fff; }
      .flat35-area .flat35 .f-grid .flat-img1 {
        grid-area: img; }
    .flat35-area .flat35 .flat-img2 {
      max-width: 500px;
      padding: 1rem 0;
      margin: 0 auto; }
    .flat35-area .flat35 .note {
      color: #fff;
      line-height: 1.6; }
      .flat35-area .flat35 .note a {
        text-decoration: underline; }
  @media screen and (max-width: 1024px) {
    .flat35-area .flat35 .new {
      width: 80px;
      top: -45px;
      left: -5%; }
    .flat35-area .flat35 .f-grid {
      gap: 20px; }
      .flat35-area .flat35 .f-grid .midashi {
        font-size: 1rem; }
      .flat35-area .flat35 .f-grid .lead {
        font-size: .875rem;
        margin-top: 0; } }
  @media screen and (max-width: 768px) {
    .flat35-area .flat35 {
      padding: 40px 20px; }
      .flat35-area .flat35 .f-grid {
        grid-template-columns: 60% 1fr; }
      .flat35-area .flat35 .flat-img2 {
        width: 80%;
        max-width: 380px; } }
  @media screen and (max-width: 500px) {
    .flat35-area .flat35 .f-grid {
      grid-template-columns: 1fr;
      grid-template-areas: "midashi" "img" "lead"; }
      .flat35-area .flat35 .f-grid .flat-img1 {
        max-width: 120px;
        margin: 0 auto; } }

.r-header {
  display: grid;
  gap: 0 50px;
  grid-template-columns: 57% 1fr;
  grid-template-areas: "img ttl" "img txt"; }
  .r-header .head-ttl {
    height: 74px;
    grid-area: ttl;
    position: relative;
    margin-bottom: 0.75rem; }
    .r-header .head-ttl img {
      display: block;
      position: absolute;
      bottom: 0;
      right: 0;
      z-index: 2;
      height: 74px;
      width: auto; }
    .r-header .head-ttl.tare {
      height: 90px; }
      .r-header .head-ttl.tare img {
        height: 90px; }
  .r-header .rh-img {
    grid-area: img; }
  .r-header .rh-txt {
    grid-area: txt; }
    .r-header .rh-txt.t-al-r .komidashi, .r-header .rh-txt.t-al-r .lead {
      text-align: right; }
  .r-header.r-header2 {
    grid-template-columns: 1fr 65%;
    grid-template-areas: "ttl img" "txt img"; }
    .r-header.r-header2 .head-ttl img {
      left: 0;
      right: auto; }
    .r-header.r-header2 .rh-txt.t-al-r .komidashi, .r-header.r-header2 .rh-txt.t-al-r .lead {
      text-align: left; }
  @media screen and (max-width: 1024px) {
    .r-header .head-ttl {
      height: 50px; }
      .r-header .head-ttl img {
        height: 50px; }
      .r-header .head-ttl.tare {
        height: 70px; }
        .r-header .head-ttl.tare img {
          height: 70px; } }
  @media screen and (max-width: 768px) {
    .r-header {
      gap: 1rem;
      grid-template-columns: 1fr;
      grid-template-areas: "ttl" "txt" "img"; }
      .r-header .head-ttl {
        height: 36px; }
        .r-header .head-ttl img {
          position: relative;
          top: auto;
          right: auto;
          height: 36px; }
        .r-header .head-ttl.tare {
          height: 50px; }
          .r-header .head-ttl.tare img {
            height: 50px; }
      .r-header .rh-txt.t-al-r .komidashi, .r-header .rh-txt.t-al-r .lead {
        text-align: left; }
        .r-header .rh-txt.t-al-r .komidashi br, .r-header .rh-txt.t-al-r .lead br {
          display: none; }
      .r-header.r-header2 {
        grid-template-columns: 1fr;
        grid-template-areas: "ttl" "txt" "img"; }
        .r-header.r-header2 .head-ttl img {
          left: auto; } }

.mnsn03 {
  background: #EAE9E1; }
  .mnsn03 .wappen {
    width: 80%;
    max-width: 160px; }
    .mnsn03 .wappen img {
      display: block;
      width: 100%;
      height: auto; }
  .mnsn03 .r-header .rh-img {
    align-self: end; }
  @media screen and (max-width: 768px) {
    .mnsn03 .wappen {
      margin: 0 auto; } }

.res-inner01,
.res-inner02 {
  font-size: 10px;
  padding: 6rem 0 0 0; }
  .res-inner01 .res-en,
  .res-inner02 .res-en {
    font-family: "minion-pro", "times-new-roman", "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
    -webkit-font-smoothing: antialiased;
    font-weight: 400;
    font-feature-settings: 'palt';
    font-size: 3.4em;
    letter-spacing: 20%;
    margin-top: 1.2em;
    margin-bottom: 1em; }
  .res-inner01 .lmidashi,
  .res-inner02 .lmidashi {
    font-size: 3em;
    line-height: 1.5; }
  .res-inner01 .lead,
  .res-inner02 .lead {
    font-size: 1.8em; }

.res-inner01 {
  max-width: 1000px;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start; }
  .res-inner01 .res-en {
    width: 100%; }
  .res-inner01 .res-copy {
    width: 60%;
    margin-right: 5%; }
  .res-inner01 .img {
    width: 35%; }
  @media screen and (max-width: 768px) {
    .res-inner01 .res-copy {
      width: 100%;
      margin-right: 0; }
    .res-inner01 .img {
      width: 100%;
      max-width: 400px;
      margin: 2rem auto 0 auto; } }

.mv-subimg {
  margin: auto;
  width: 80%;
  margin-top: 45px;
  max-width: 340px; }