.layout_main-visual_philosophy {
  background: url('../images/img_philosophy-catch.png') no-repeat center center;
  height: 370px;
  margin: 0 auto 24px;
}

@media screen and (min-width: 1599px) {
  .layout_main-visual_philosophy {
    background-size: cover;
  }
}

.layout_corporate-philosophy {
  text-align: center;
}

.layout_corporate-philosophy h2 {
  font-size: 46px;
  border-bottom: 2px solid #4a92cc;
  display: inline-block;
  margin: 56px auto 32px;
}

.layout_corporate-philosophy p {
  text-align: left;
  font-size: 15px;
}

.layout_corporate-philosophy .layout_philosophy-graph {
  margin: 24px auto;
  position: relative;
  background: url(../images/bg_philosophy.png) no-repeat center 30px;
  width: 939px;
  height: 700px;
  overflow: visible;
}

.layout_corporate-philosophy .layout_philosophy-graph .graph .graph-left,
.layout_corporate-philosophy .layout_philosophy-graph .graph .graph-right {
  position: relative;
  width: 50%;
  float: left;
}

.layout_corporate-philosophy .layout_philosophy-graph .graph .graph-left h3,
.layout_corporate-philosophy .layout_philosophy-graph .graph .graph-left p,
.layout_corporate-philosophy .layout_philosophy-graph .graph .graph-right h3,
.layout_corporate-philosophy .layout_philosophy-graph .graph .graph-right p {
  position: absolute;
}

.layout_corporate-philosophy .layout_philosophy-graph .graph .graph-left h3,
.layout_corporate-philosophy .layout_philosophy-graph .graph .graph-right h3 {
  top: 200px;
  left: 275px;
}

.layout_corporate-philosophy .layout_philosophy-graph .graph .graph-left p,
.layout_corporate-philosophy .layout_philosophy-graph .graph .graph-right p {
  width: 230px;
  top: 250px;
}

.layout_corporate-philosophy .layout_philosophy-graph .graph .graph-right {
  float: right;
}

.layout_corporate-philosophy .layout_philosophy-graph .graph .graph-right h3 {
  left: 53px;
}

.layout_corporate-philosophy .layout_philosophy-graph .graph .graph-right p {
  float: right;
  right: -10px;
}

.layout_corporate-philosophy .layout_philosophy-graph .graph .graph-bottom {
  position: absolute;
  top: 410px;
  left: 0;
  right: 0;
  margin: 0 auto;
}

.layout_corporate-philosophy
  .layout_philosophy-graph
  .graph
  .graph-bottom
  .graph-bottom-box {
  text-align: center;
  width: 245px;
  float: left;
  margin: 134px -18px 0 60px;
}

.layout_corporate-philosophy
  .layout_philosophy-graph
  .graph
  .graph-bottom
  .graph-bottom-box
  h4 {
  font-size: 26px;
  margin: 0 auto 8px;
}

.layout_global-sp .layout_main-visual_philosophy {
  background: none;
  height: auto;
  margin: 0 auto 24px;
}

.layout_global-sp .layout_main-visual_philosophy .is-display-sp {
  width: 100%;
  height: auto;
}

.layout_global-sp .layout_subpage-wrap {
  padding: 0 17px 80px;
}

.layout_global-sp .layout_subpage-wrap h2.page_title {
  margin: 0 auto 24px;
}

.layout_global-sp .layout_corporate-philosophy .layout_philosophy-graph {
  width: 100%;
  background: none;
  height: auto;
}

.layout_global-sp .layout_corporate-philosophy .graph .graph-left,
.layout_global-sp .layout_corporate-philosophy .graph .graph-right,
.layout_global-sp .layout_corporate-philosophy .graph .graph-bottom {
  float: none;
  width: 100%;
  position: relative;
  top: auto;
  left: auto;
  right: auto;
  text-align: center;
}

.layout_global-sp .layout_corporate-philosophy .graph .graph-left h3,
.layout_global-sp .layout_corporate-philosophy .graph .graph-left p,
.layout_global-sp .layout_corporate-philosophy .graph .graph-right h3,
.layout_global-sp .layout_corporate-philosophy .graph .graph-right p,
.layout_global-sp .layout_corporate-philosophy .graph .graph-bottom h3,
.layout_global-sp .layout_corporate-philosophy .graph .graph-bottom p {
  position: relative;
  left: auto;
  right: auto;
  width: auto;
  top: auto;
  font-size: 15px;
}

.layout_global-sp .layout_corporate-philosophy .graph .graph-left p,
.layout_global-sp .layout_corporate-philosophy .graph .graph-right p,
.layout_global-sp .layout_corporate-philosophy .graph .graph-bottom p {
  text-align: center;
}

.layout_global-sp .layout_corporate-philosophy .graph .graph-left > h3,
.layout_global-sp .layout_corporate-philosophy .graph .graph-right > h3,
.layout_global-sp .layout_corporate-philosophy .graph .graph-bottom > h3 {
  background: url(https://www.sakura.ad.jp/en/corporate/ideology/images/sp/img_mission.png) no-repeat;
  width: 270px;
  height: 270px;
  display: block;
  box-sizing: border-box;
  margin: 24px auto;
  padding: 160px 0 0;
  font-size: 17px;
}

.layout_global-sp
  .layout_corporate-philosophy
  .graph
  .graph-left.graph-bottom
  > h3,
.layout_global-sp
  .layout_corporate-philosophy
  .graph
  .graph-right.graph-bottom
  > h3,
.layout_global-sp
  .layout_corporate-philosophy
  .graph
  .graph-bottom.graph-bottom
  > h3 {
  background: url(https://www.sakura.ad.jp/en/corporate/ideology/images/sp/img_vision.png) no-repeat;
}

.layout_global-sp
  .layout_corporate-philosophy
  .graph
  .graph-left.graph-right
  > h3,
.layout_global-sp
  .layout_corporate-philosophy
  .graph
  .graph-right.graph-right
  > h3,
.layout_global-sp
  .layout_corporate-philosophy
  .graph
  .graph-bottom.graph-right
  > h3 {
  background: url(https://www.sakura.ad.jp/en/corporate/ideology/images/sp/img_value.png) no-repeat;
}

.layout_global-sp
  .layout_corporate-philosophy
  .graph
  .graph-left
  .graph-bottom-box,
.layout_global-sp
  .layout_corporate-philosophy
  .graph
  .graph-right
  .graph-bottom-box,
.layout_global-sp
  .layout_corporate-philosophy
  .graph
  .graph-bottom
  .graph-bottom-box {
  width: auto;
  float: none;
  margin: auto;
}

.layout_global-sp
  .layout_corporate-philosophy
  .graph
  .graph-left
  .graph-bottom-box
  h3,
.layout_global-sp
  .layout_corporate-philosophy
  .graph
  .graph-right
  .graph-bottom-box
  h3,
.layout_global-sp
  .layout_corporate-philosophy
  .graph
  .graph-bottom
  .graph-bottom-box
  h3 {
  font-size: 24px;
  margin-bottom: 12px;
}

.layout_global-sp
  .layout_corporate-philosophy
  .graph
  .graph-left
  .graph-bottom-box
  p,
.layout_global-sp
  .layout_corporate-philosophy
  .graph
  .graph-right
  .graph-bottom-box
  p,
.layout_global-sp
  .layout_corporate-philosophy
  .graph
  .graph-bottom
  .graph-bottom-box
  p {
  margin-bottom: 24px;
}