
.develop_story{
  display: block;
  max-width: 640px;
  margin: 0 auto -4.2em;
}
@media screen and (max-width:750px){
  .develop_story{
    display: block;
    width: 90%;
    margin: 3em auto -10em;
  }
}



.develop_story img{
  width: 100%;
  border-radius: 19px;
  box-shadow: 0 3px 28px 0 rgb(0 0 0 / 20%);
    transition: box-shadow .6s cubic-bezier(.19,1,.22,1),transform .6s cubic-bezier(.19,1,.22,1);
}
.develop_story img:hover{
  box-shadow: 0 3px 28px 0 rgb(0 0 0 / 33%);
  transition: box-shadow .2s,transform .2s;
}
@media screen and (max-width:750px){
  .develop_story img {
    box-shadow: none;
    transition: unset;
  }
  .develop_story img:hover {
    box-shadow: none;
    transition: unset;
  }
}

.visible-sp{
  display: none !important;
}
.visible-pc{
  display: block !important;
}
@media screen and (max-width:750px){
  .visible-sp{
    display: block !important;
  }
  .visible-pc{
    display: none !important;
  }
}


.dev_story_lists{
  display: flex;
  flex-wrap: wrap;
  max-width: 990px;
  margin: 70px auto 0;
  width: 90%;
}
@media screen and (max-width:750px){
  .dev_story_lists{
    display: block;
    margin: 45px auto 0;
    width: 90%;
  }
}

.dev_story_blk{
  width: 30%;
  width: calc(310/990*100%);
  margin: 0 3% 2.5em 0;
   text-decoration: none;
}
@media screen and (max-width:750px){
  .dev_story_blk{
    width: 100%;
    margin: 0 0 1.5em 0;
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
}

.dev_story_blk:nth-child(3n){
  margin: 0 0 2em;
}
@media screen and (max-width:750px){
  .dev_story_blk:nth-child(3n){
    margin: 0 0 1.5em;
  }
}

.dev_story_img{
  margin: 0 0 0.5em;
}
.dev_story_img img{
  width: 100%;
}
.dev_story_txt{
  line-height: 1.5;
  color:#000;
  font-feature-settings: "palt";
}
@media screen and (max-width:750px){
  .dev_story_img{
    margin: 0 0 0;
    width: 47%;
  }
  .dev_story_txt{
    width: 53%;
    padding: 0 0 0 1.5em;
    font-size: 14px;
  }
}

.dev_more_btn {
    padding: 1em 0 4em;
}
@media screen and (max-width:750px){
.dev_more_btn {
    padding: 1em 0 1em;
}
}

.dev_more_btn .sub_nav_btn{
    width: 360px;
    height: 60px;
    border-radius: 17px;
    font-size: 18px;
    text-align: center;
    display: flex;
    align-items: center;
    box-shadow: 0 3px 28px 0 rgb(0 0 0 / 20%);
    transition: box-shadow .6s cubic-bezier(.19,1,.22,1),transform .6s cubic-bezier(.19,1,.22,1);
    z-index: 1;
    text-decoration: none;
    color: #000;
    margin: 0 auto;
}
@media screen and (max-width:750px){
    .dev_more_btn .sub_nav_btn{
        width: 85%;
        height: 68px;
        margin: 0 auto;
        padding: 1em 0;
        border-radius: 13px;
    }
}

.dev_more_btn .sub_nav_btn span {
    position: relative;
    padding: 0 0 0 0;
    width: 100%;
    text-align: center;
}

.dev_more_btn .sub_nav_btn span:after {
    border-bottom: 2px solid #b2b2b2;
    border-right: 2px solid #b2b2b2;
    box-sizing: border-box;
    content: '';
    display: block;
    height: 20px;
    width: 20px;
    position: absolute;
    left: 17px;
    top: 50%;
    transform: translate(0,-50%) scale(.5,.5) rotate(-45deg);
    opacity: 1;
}

.dev_more_btn .sub_nav_btn:hover {
    box-shadow: 0 3px 28px 0 rgb(0 0 0 / 33%);
    transition: box-shadow .2s,transform .2s;
}

@media screen and (max-width:750px){

  .PhilosophySpPages__vpage_visible{
    overflow: visible;
  }

}

.PhilosophyPcChapter_story{
  margin-top: 150px;
  padding: 50px 0 0 0;
}
@media screen and (max-width:750px){
.PhilosophyPcChapter_story{
  margin-top: initial;
  padding: initial;
}
}

@media screen and (max-width:750px){
  .PhilosophySpStatement_al{
    align-items: flex-start;
    /* padding: 20px 20px 0; */
  }
  .PhilosophySpStatement__inner_pd{
    padding: 30px 0 0 0;
  }
  .mg_st01{
    margin-top: 0.3em !important;
  }
  .PhilosophySpStatement__slogan_mt {
    margin-top: 0.5em;
  }
  .develop_story_mt {
    margin: 1.0em auto -10em;
    width: 80%;
  }
  .PhilosophySpStatement__slogan_mt img {
    width: 250px;
  }

  .dev_more_btn_mg{
    padding: 0.5em 0 0 0;
  }

  .dev_story_blk_mg{
    width: 100%;
    margin: 0 0 1em 0;
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }

  .dev_story_lists_mg{
    margin: 10px auto 0;
  }

}

.dev_story_blk:hover {
  opacity: 0.8;
  transition: 0.15s;
}

/* 20230213 */
.PhilosophySlogan__logo {
  margin: 10px 0 0 !important;
}
.PhilosophyPcStatement__slogan img {
  width: 350px !important;
}
.PhilosophyPcStatement__slogan {
  margin: 50px 0 80px;
  text-align: unset;
  padding: 0;
}
.PhilosophyPcStatement__slogan div {
  font-size: 20px;
}
@media screen and (max-width:750px) {
  /*sp*/
  .PhilosophySpStatement__slogan {
      display: inherit;
      margin: 30px 0 50px;
  }
  .PhilosophySpStatement__slogan div{
      font-size: 14px;
      text-indent: 0;
  }
}/* ---20230213 */

.notice {
  padding-left: 1em;
  text-indent: -1em;
  margin: 10px 0 0;
  font-size: 12px;
  display:block;
  line-height: 1.5;
}
.notice_num {
  padding-left: 1.8em;
  text-indent: -1.8em;
}

.PhilosophyPcChapter>h2 {
  font-size: 36px;
  text-align: center;
  white-space: nowrap;
}

.PhilosophySpHero__statement {
  height: calc(50% - 90px);
}

.PhilosophySpTitle {
  box-sizing: border-box;
  padding: 10px 20px 20px;
}
