@charset "UTF-8";
/**@mixin en{
	font-family: "century-gothic", sans-serif;
	font-weight: 700;
	font-style: normal;
}**/
html {
  overflow-y: scroll; }

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {
  margin: 0;
  padding: 0; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

fieldset, img {
  border: 0; }

img {
  vertical-align: bottom; }

address, caption, cite, code, dfn, em, strong, th, var {
  font-style: normal;
  font-weight: normal; }

li {
  list-style: none; }

caption, th {
  text-align: left; }

h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  font-weight: normal; }

q:before, q:after {
  content: ''; }

abbr, acronym {
  border: 0;
  font-variant: normal; }

input, textarea, select {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit; }

/*to enable resizing for IE*/
input, textarea, select {
  *font-size: 100%; }

/*because legend doesn't inherit in IE */
legend {
  color: #000; }

del, ins {
  text-decoration: none; }

.container figure, .container figcaption {
  margin: 0;
  padding: 0; }

.bg {
  background: #f0ece9; }

.main {
  padding-top: 0; }
  .main .page-name {
    padding: 9rem 0; }
  .main::after {
    bottom: 0; }
  @media screen and (max-width: 600px) {
    .main .page-name {
      padding: 5rem 0; } }

.c-container.bg {
  margin-top: 7rem; }
@media screen and (max-width: 600px) {
  .c-container.bg {
    margin-top: 5rem; } }

.con-midashi {
  color: #705914;
  text-align: center;
  padding: 6rem 0;
  font-size: 2.4rem;
  line-height: 1.7;
  letter-spacing: .03em; }
  @media screen and (max-width: 600px) {
    .con-midashi {
      font-size: 2.1rem;
      padding: 4rem 0; } }

.inner .con-midashi {
  padding: 0 0 6rem 0; }
  @media screen and (max-width: 600px) {
    .inner .con-midashi {
      padding: 0 0 4rem 0; } }

.point-list {
  margin: 0 auto;
  width: 90%;
  max-width: 1100px; }
  .point-list ul {
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-box-align: stretch;
    align-items: stretch; }
    .point-list ul * {
      min-height: 0%; }
    .point-list ul li {
      width: 24.95%; }
      .point-list ul li .img {
        width: 100%; }
      .point-list ul li .txt {
        position: relative;
        padding: 3rem 0 2rem 0;
        text-align: center;
        line-height: 1.5; }
        .point-list ul li .txt .txt-s {
          font-size: 2rem;
          letter-spacing: .24em; }
        .point-list ul li .txt .txt-l span {
          color: #c2a94f;
          font-size: 2.6rem;
          letter-spacing: .24em;
          background: -webkit-linear-gradient(transparent 90%, #fff 90%);
          background: -o-linear-gradient(transparent 90%, #fff 90%);
          background: linear-gradient(transparent 90%, #fff 90%); }
          .point-list ul li .txt .txt-l span.aw {
            background: none; }
        .point-list ul li .txt::after {
          content: "";
          width: 100%;
          height: 1px;
          border-top: dashed 1px #000;
          position: absolute;
          top: 5px;
          left: 0; }
      .point-list ul li.point01 {
        background: #e4eae9; }
      .point-list ul li.point02 {
        background: #dbe8e5; }
      .point-list ul li.point03 {
        background: #cfe7e6; }
      .point-list ul li.point04 {
        background: #bfdde2; }
  @media screen and (max-width: 600px) {
    .point-list ul li {
      width: 49.5%; } }

.con01 {
  margin-top: 0 !important; }
  .con01 .table {
    width: 100%; }
  .con01 .note {
    margin-top: 1rem;
    text-align: right; }
  @media screen and (max-width: 600px) {
    .con01 {
      margin-top: 0 !important; }
      .con01 .note {
        text-align: left; } }

.con02 .c02-ttl {
  background: #c2a94f;
  padding: .5rem 0;
  text-align: center;
  font-size: 1.8rem;
  line-height: 1.4;
  color: #fff; }
.con02 .shisan ul {
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  justify-content: space-between;
  -webkit-box-align: stretch;
  align-items: stretch;
  margin-top: 2rem; }
  .con02 .shisan ul * {
    min-height: 0%; }
  .con02 .shisan ul li {
    width: 31%;
    margin-top: 2rem;
    background: #fdfaf0;
    border: solid 1px #baa047;
    border-radius: 5px;
    padding: 4rem 0; }
    .con02 .shisan ul li .txt-l {
      font-size: 5.5rem;
      line-height: 1;
      letter-spacing: .03em;
      text-align: center;
      color: #c2a94f; }
    .con02 .shisan ul li .txt-s {
      margin-top: 2rem;
      font-size: 1.6rem;
      line-height: 1.6;
      letter-spacing: .02em;
      color: #333;
      text-align: center; }
@media screen and (max-width: 600px) {
  .con02 .shisan ul li {
    width: 100%;
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    align-items: center; }
    .con02 .shisan ul li * {
      min-height: 0%; }
    .con02 .shisan ul li .txt-l, .con02 .shisan ul li .txt-s {
      display: -webkit-box;
      display: flex;
      flex-wrap: wrap;
      -webkit-box-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      align-items: center; }
      .con02 .shisan ul li .txt-l *, .con02 .shisan ul li .txt-s * {
        min-height: 0%; }
    .con02 .shisan ul li .txt-l {
      width: 50%; }
    .con02 .shisan ul li .txt-s {
      margin-top: 0;
      width: 50%; } }

.con03 .btns ul {
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  justify-content: space-between;
  -webkit-box-align: stretch;
  align-items: stretch; }
  .con03 .btns ul * {
    min-height: 0%; }
  .con03 .btns ul li {
    width: 47%;
    background: #fff;
    border-radius: 15px;
    box-shadow: 0 0 25px rgba(0, 0, 0, 0.08);
    overflow: hidden; }
    .con03 .btns ul li .img {
      width: 100%; }
    .con03 .btns ul li .txt {
      text-align: center;
      font-size: 2rem;
      letter-spacing: .02em;
      line-height: 1.75;
      color: #333;
      padding: 3rem 0; }
    .con03 .btns ul li .linkbtn {
      width: 90%;
      margin: 0 auto;
      padding-bottom: 2rem; }
      .con03 .btns ul li .linkbtn a {
        position: relative;
        border: 1px solid rgba(255, 255, 255, 0.4);
        display: block;
        width: 100%;
        height: 100%;
        border-radius: 0.6rem;
        background: linear-gradient(to right, #82723b, #c4aa4f);
        box-shadow: 0 0 0.8rem rgba(0, 0, 0, 0.35);
        filter: brightness(1);
        transition: filter 0.5s;
        color: #fff;
        text-decoration: none;
        text-align: center; }
        .con03 .btns ul li .linkbtn a .txt {
          position: absolute;
          top: 50%;
          left: 50%;
          transform: translateX(-50%) translateY(-50%);
          font-size: 1.8rem;
          color: #fff; }
        .con03 .btns ul li .linkbtn a:before, .con03 .btns ul li .linkbtn a:after {
          content: "";
          position: absolute;
          top: 50%; }
        .con03 .btns ul li .linkbtn a:before {
          width: 10px;
          height: 10px;
          border-bottom: 1px solid #fff;
          border-right: 1px solid #fff;
          right: 1.5rem;
          transform: translateX(0%) translateY(-50%) rotate(-45deg); }
        .con03 .btns ul li .linkbtn a:after {
          height: 1px;
          width: 15px;
          background: #fff;
          right: 1.5rem;
          transform: translateX(0%) translateY(-50%); }
        .con03 .btns ul li .linkbtn a:hover {
          filter: brightness(1.4); }
      .con03 .btns ul li .linkbtn a {
        padding: 2rem 0;
        font-size: 1.8rem;
        border-radius: 5px;
        font-family: "游ゴシック Medium","YuGothic,YuGothicM","Hiragino Kaku Gothic ProN","メイリオ","Meiryo",sans-serif;
        -webkit-font-smoothing: antialiased;
        font-feature-settings: "palt";
        font-weight: 400; }
@media screen and (max-width: 600px) {
  .con03 .btns ul li {
    width: 100%; }
    .con03 .btns ul li + li {
      margin-top: 2rem; } }

.concept-copy {
  line-height: 1; }
  .concept-copy b {
    font-size: 200%;
    color: #c2a94f;
    font-family: trajan-pro-3, serif;
    font-weight: 400;
    font-style: normal;
    font-style: italic;
    line-height: 1; }

.concept-sec {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 7rem; }
  .concept-sec.left .text {
    order: 2; }
  .concept-sec.left .img {
    order: 1; }
  .concept-sec.right .text {
    order: 1; }
  .concept-sec.right .img {
    order: 2; }
  .concept-sec .text {
    width: 40%; }
    .concept-sec .text .sec-head {
      border-bottom: 1px solid #c2a94f;
      padding-bottom: 1.5rem;
      position: relative;
      padding-bottom: 1.5rem;
      padding-left: 7rem;
      line-height: 1.4;
      font-size: 2.3rem; }
      .concept-sec .text .sec-head .num {
        font-size: 7rem;
        position: absolute;
        bottom: 1.2rem;
        left: 0;
        color: #c2a94f;
        font-family: trajan-pro-3, serif;
        font-weight: 400;
        font-style: normal;
        font-style: italic;
        line-height: 1; }
    .concept-sec .text .lead {
      margin-top: 1.5rem; }
  .concept-sec .img {
    width: 55%;
    position: relative; }
    .concept-sec .img img {
      position: relative;
      z-index: 2; }
    .concept-sec .img .note {
      z-index: 4; }
    .concept-sec .img:after {
      position: absolute;
      content: "";
      background: #c2a94f;
      width: 100%;
      z-index: 1;
      height: 100%;
      top: 0;
      left: 0;
      bottom: 0;
      transform: translateX(1rem) translateY(1rem);
      opacity: 0.5; }
  @media screen and (max-width: 600px) {
    .concept-sec {
      display: block;
      margin-top: 5rem; }
      .concept-sec .text {
        width: 100%; }
        .concept-sec .text .sec-head {
          margin-top: 2.5rem;
          min-height: 6rem;
          align-items: flex-end;
          display: flex; }
      .concept-sec .img {
        width: 100%; } }