@charset "UTF-8";
a.scroll_point {
  height: 1px;
  display: block;
  margin-top: -640px;
  padding-top: 640px;
}

.smp a.scroll_point {
  margin-top: -300px;
  padding-top: 300px;
}

/* content-1 ======== ======== ======== ======== ======== ======== ======== ======== */
.content-1-container {
  width: 100%;
  background-color: #fdf6ce;
  background-position: center;
  background-image: url(../img/bg1.jpg);
  position: relative;
}

.content-1-bg-container {
  width: 100%;
  min-height: 542px;
  background-position: center top 40px;
  background-image: url(../img/philosophy_hero_bg.png);
  background-repeat: no-repeat;
}

.common-bg-container {
  width: 100%;
  position: absolute;
  top: 0;
}

.common-bg-cloud {
  width: 100%;
  min-height: 542px;
  background-position: center top 39px;
  background-image: url(../img/philosophy_hero_bg_cloud.png);
  background-repeat: no-repeat;
}

.content-1 {
  width: 900px;
  margin: 0 auto;
  padding-top: 45px;
  padding-bottom: 10px;
}

.smp .content-1,
.smp .content-2 {
  width: 100%;
}

/* -------- */
.philosophy-hero-block {
  width: 596px;
  margin: 0 auto;
  margin-bottom: 100px;
}

.philosophy-hero-title {
  width: 596px;
  margin: 0 auto;
}

.philosophy-hero-txt {
  width: 370px;
  margin: 0 auto;
  font-size: 1.8rem;
  line-height: 1.7;
  font-weight: bold;
  color: #4d4d4d;
  margin-top: -30px;
}

/* -------- */
.philosophy-greeting-block {
  width: 814px;
  /*884-70*/
  margin: 0 auto;
  background-color: #fff;
  padding: 30px 35px 30px 35px;
  /*上 右 下 左, 上 左右 下, 上下 左右*/
  border-radius: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-flow: wrap;
      flex-flow: wrap;
  margin-bottom: 100px;
}

.greeting-title {
  width: 111px;
  margin: 0 auto;
  margin-bottom: 4px;
}

.greeting-border {
  width: 804px;
  margin: 0 auto;
  margin-bottom: 22px;
}

.greeting-photo {
  width: 269px;
}

.greeting-txt {
  width: 498px;
  font-size: 1.5rem;
  line-height: 1.8;
  color: #000;
}

.greeting-txt .signature {
  display: block;
  text-align: right;
}

.greeting-txt .title {
  font-size: 1.4rem;
  line-height: 1.7;
}

.greeting-txt .name {
  font-size: 1.9rem;
  line-height: 1.2;
}

.smp .philosophy-greeting-block {
  width: 80%;
}

.smp .greeting-border {
  width: 643px;
  overflow: hidden;
}

.smp .greeting-photo {
  margin: 0 auto;
}

/* content-2 ======== ======== ======== ======== ======== ======== ======== ======== */
.content-2-container {
  width: 100%;
  background-color: #e9f4ff;
  background-position: center;
  background-image: url(../img/bg3.jpg);
}

.content-2 {
  width: 900px;
  margin: 0 auto;
  padding-top: 0;
  padding-bottom: 90px;
}

.philosophy-title {
  width: 596px;
  margin: 0 auto;
  /*padding: 56px 0 35px 0;*/
  padding: 56px 0 0 0;
  /*上 右 下 左, 上 左右 下, 上下 左右*/
}

.philosophy-block {
  width: 804px;
  /*884-80*/
  margin: 0 auto;
  background-color: #fff;
  padding: 40px 40px 40px 40px;
  /*上 右 下 左, 上 左右 下, 上下 左右*/
  border-radius: 20px;
  margin-top: 35px;
  position: relative;
}

.smp .philosophy-block {
  width: 80%;
}

/* -------- */
.content-2 .philosophy-block .deco01 {
  position: absolute;
  right: 12px;
  top: 8px;
}

.content-2 .philosophy-block .deco02 {
  position: absolute;
  left: 12px;
  bottom: 8px;
}

/* -------- */
.philosophy-block .content {
  z-index: 800;
}

.philosophy-block.cat01 .content dl:first-of-type {
  padding: 0 0 0 0;
  /*上 右 下 左, 上 左右 下, 上下 左右*/
}

.philosophy-block.cat01 .content dl {
  padding: 30px 0 0 0;
  /*8px 26px 0 22px;*/
  /*上 右 下 左, 上 左右 下, 上下 左右*/
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.philosophy-block.cat01 .content dl dt {
  font-size: 1.6rem;
  font-weight: bold;
  color: #fff;
  white-space: nowrap;
  text-align: center;
  min-width: 123px;
  height: 23px;
  line-height: 2.3rem;
  background-image: url(../img/philosophy_cat01_label.png);
  background-position: left center;
  background-repeat: no-repeat;
  margin: 0 30px 0 0;
  /*上 右 下 左, 上 左右 下, 上下 左右*/
}

.philosophy-block.cat01 .content dl dt::after {
  content: '-';
  color: transparent;
}

.philosophy-block.cat01 .content dl dd {
  font-size: 1.6rem;
  line-height: 1.75;
  color: #000;
  padding: 0 0 0 0;
  margin-top: -2px;
}

/* -------- */
.philosophy-block.cat02 .cat02-title {
  text-align: center;
  font-size: 1.6rem;
  line-height: 1.75;
  color: #000;
  margin-bottom: 30px;
}

.philosophy-block.cat02 .philosophy-map {
  width: 804px;
  margin: 0 auto;
  margin-bottom: 38px;
}

.philosophy-block.cat02 .box {
  width: 510px;
  /*884-147-147*/
  margin: 0 auto;
  font-size: 1.6rem;
  line-height: 1.75;
  color: #000;
  margin-bottom: 12px;
}

.philosophy-block.cat02 .box .icon {
  margin-bottom: 12px;
}

.philosophy-block.cat02 .box .icon img {
  width: 45px;
  height: 45px;
  vertical-align: middle;
  margin-right: 12px;
}

.philosophy-block.cat02 .box .icon span {
  font-size: 2.0rem;
  line-height: 45px;
  font-weight: bold;
  color: #000;
  vertical-align: middle;
}

.smp .philosophy-block .philosophy-map {
  width: 100%;
}
/*# sourceMappingURL=philosophy.css.map */