/* ----------------------------------------------------------------------------------
LP　≪豊島区「北池袋駅」徒歩2分の新築医療モール　「北池テラス」のご案内≫
---------------------------------------------------------------------------------- */
/* 背景画像リセット処理 -------------------------------------- */
.bgclear {
  clear: both;
  height: 0;
}
/* 改行処理 -------------------------------------- */
.pc-no {
  display: block;
}
@media screen and (min-width: 48em) {
  .pc-no {
    display: none;
  }
}
@media screen and (min-width: 64em) {
  .pc-no {
    display: none;
  }
}
.sp-no {
  display: none;
}
@media screen and (min-width: 48em) {
  .sp-no {
    display: block;
  }
}
@media screen and (min-width: 64em) {
  .sp-no {
    display: block;
  }
}
/* 開業支援TOP/バナー -------------------------------------- */
#btn_kitaike_terrace {
  margin: 0 auto;
  text-align: center;
  max-width: 360px;
}
#btn_kitaike_terrace img {
  width: 100%;
  height: 100%;
  max-width: 360px;
  margin: 0 0 2.5rem;
}
@media screen and (min-width: 48em) {
  #btn_kitaike_terrace {
    margin: 0 auto;
    text-align: center;
    max-width: 768px;
  }
  #btn_kitaike_terrace img {
    width: 100%;
    height: 100%;
    max-width: 768px;
    margin: 0 0 4.5rem;
  }
}
@media screen and (min-width: 64em) {
  #btn_kitaike_terrace {
    margin: 0 auto;
    text-align: center;
    max-width: 650px;
  }
  #btn_kitaike_terrace img {
    width: 100%;
    height: 100%;
    max-width: 650px;
    margin: 0;
  }
}
/* お問い合わせはこちら -------------------------------------- */
#btn_mailform {
  margin: 0 auto;
  text-align: center;
  max-width: 360px;
}
#btn_mailform img {
  width: 100%;
  height: 100%;
  max-width: 360px;
  margin: 0 0 2.5rem;
}
@media screen and (min-width: 48em) {
  #btn_mailform {
    margin: 0 auto;
    text-align: center;
    max-width: 768px;
  }
  #btn_mailform img {
    width: 100%;
    height: 100%;
    max-width: 768px;
    margin: 0 0 4.5rem;
  }
}
@media screen and (min-width: 64em) {
  #btn_mailform {
    margin: 0 auto;
    text-align: center;
    max-width: 1100px;
  }
  #btn_mailform img {
    width: 100%;
    height: 100%;
    max-width: 1100px;
    margin: 0;
  }
}
/* キービジュアル -------------------------------------- */
#LP_keyvsl {
  margin: 1.0rem 0 0;
  background: #fdf3e4;
}
div.title_point h4 {
  background: url(../img/lp/h4_bg01.png) no-repeat 100%;
  height: 25px;
  margin: -1.2rem .5rem 1.0rem 1.5rem;
  padding: .5rem 1.0rem;
  font-size: 2.8vw;
  color: #fff;
  text-align: left;
}
#LP_keyvsl div.case01 {
  background: url(../img/lp/keyvisual.jpg) no-repeat center top/contain;
  width: 100%;
  height: 200px;
}
.recommended {
  margin: 1.5rem auto 2.5rem 4.5rem;
}
.recommended ul {
  margin: 0 auto;
  padding: 0;
  text-align: left;
  list-style: none;
}
.recommended li {
  background: url(../img/lp/bg_list.png) no-repeat left center/contain;
  padding-left: 2.8rem;
  font-size: 2.0vw;
  font-weight: bold;
}
@media screen and (min-width: 48em) {
  #LP_keyvsl {
    margin: 0 auto;
    background: #fff;
  }
  div.title_point {
    width: 100%;
    max-width: 768px;
    margin: 0 auto;
  }
  div.title_point h4 {
    background: url(../img/lp/h4_bg01.png) no-repeat left top;
    height: 40px;
    margin: -1.5rem .5rem 2.0rem 3.5rem;
    padding: .2rem 1.5rem;
    font-size: 2.4rem;
    color: #fff;
    text-align: left;
  }
  #LP_keyvsl div.case01 {
    background: url(../img/lp/keyvisual.jpg) no-repeat center top/cover;
    width: 768px;
    height: 380px;
    max-width: 768px;
    max-height: 100%;
    margin: 0 auto;
  }
  .recommended {
    margin: 0 auto 2.5rem 3.0rem;
  }
  .recommended ul {
    margin: 0 auto;
    padding: 0;
    text-align: left;
    list-style: none;
  }
  .recommended li {
    background: url(../img/lp/bg_list.png) no-repeat 24px;
    padding-left: 5.8rem;
    font-size: 2.0rem;
    font-weight: bold;
  }
}
@media screen and (min-width: 64em) {
  #LP_keyvsl {
    margin: 0 auto;
    background: #fdf3e4;
  }
  #LP_keyvsl div.case01 {
    background: url(../img/lp/keyvisual.jpg) no-repeat center center/cover;
    width: 1024px;
    height: 580px;
    max-width: 1400px;
    max-height: 100%;
    margin: 0 auto;
  }
  div.title_point {
    width: 100%;
    max-width: 1100px;
    margin: 0 auto;
  }
  div.title_point h4 {
    background: url(../img/lp/h4_bg01.png) no-repeat left top;
    height: 55px;
    margin: -2.0rem .5rem 2.0rem 3.0rem;
    padding: .5rem 1.5rem;
    font-size: 2.8rem;
    color: #fff;
    text-align: left;
  }
  .recommended {
    width: 100%;
    max-width: 1100px;
    margin: 0 auto;
    padding: 2.0rem;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between
  }
  .recommended_left {
    width: 50%;
  }
  .recommended_right {
    width: 49%;
  }
  .recommended ul {
    margin: 0 auto 2.5rem;
    padding: 0;
    text-align: left;
    list-style: none;
  }
  .recommended li {
    background: url(../img/lp/bg_list.png) no-repeat 24px;
    padding-left: 5.8rem;
    font-size: 2.0rem;
    font-weight: bold;
  }
}
/* 5つの理由 -------------------------------------- */
/* 理由その1 ------------------- */
#reason_01 {
  background: #edf6ff;
}
#reason_01 img.title_reason {
  margin: -.5rem auto 0;
  width: 100%;
  height: 100%;
  max-width: 1200px;
  max-height: 130px;
}
#reason_01 div.r_case01 {
  background: url(../img/lp/bg_reason01.jpg) no-repeat right top/150% auto;
}
#reason_01 div.area {
  width: 100%;
  margin: 0 auto 0;
  padding: .5rem 1rem 0;
  text-align: center;
}
#reason_01 div.area p {
  margin: 0 1.0rem;
  font-size: 2.4vw;
  text-align: left;
}
#reason_01 div.area p span {
  color: #e60012;
  font-weight: bold;
}
#reason_01 div h4 {
  background: url(../img/lp/h4_bg01.png) no-repeat 100%;
  height: 25px;
  margin: 0 0 1.0rem .5rem;
  padding: .5rem 0;
  font-size: 2.4vw;
  color: #fff;
  text-align: left;
}
#reason_01 div h4 span {
  display: inline;
  width: auto;
  color: #fff;
  margin: 0 .5rem;
}
#reason_01 div img {
  width: 100%;
  height: 100%;
  max-width: 480px;
  max-height: 100%;
  margin: .5rem 0 0;
}
@media screen and (min-width: 48em) {
  #reason_01 {
    height: auto;
    margin: 1.0rem 0 0;
    background: #fff;
  }
  #reason_01 img.title_reason {
    margin: -1.5rem auto 0;
    width: 100%;
    height: 100%;
    max-width: 1200px;
    max-height: 130px;
  }
  #reason_01 div.r_case01 {
    background: url(../img/lp/bg_reason01.jpg) no-repeat right top/contain;
    width: 100%;
    height: auto;
    float: right;
  }
  #reason_01 div.area {
    width: 100%;
    margin: 0 auto 1.5rem;
    padding: 0 1.5rem;
    text-align: center;
  }
  #reason_01 div.area p {
    margin: 0 2.0rem;
    font-size: 2.4vw;
    text-align: left;
  }
  #reason_01 div.area p span {
    color: #e60012;
    font-weight: bold;
  }
  #reason_01 div h4 {
    background: url(../img/lp/h4_bg02.png) no-repeat;
    height: 35px;
    margin: 2.0rem 0 2.0rem 2.0rem;
    padding: .4rem 0;
    font-size: 2.4vw;
    color: #322d2d;
    text-align: left;
  }
  #reason_01 div h4 span {
    display: inline-block;
    width: auto;
    color: #fff;
    margin: 0 8.5rem 0 2.0rem;
  }
  #reason_01 div img {
    width: 100%;
    height: 100%;
    max-width: 879px;
    max-height: 378px;
    margin: 2.5rem 0 2.5rem 0;
  }
}
@media screen and (min-width: 64em) {
  #reason_01 {
    height: auto;
    margin: 0 auto;
    background: #fff;
  }
  #reason_01 img.title_reason {
    margin: 0 auto;
    width: 100%;
    height: 100%;
    max-width: 1200px;
    max-height: 130px;
  }
  #reason_01 div.r_case01 {
    background: url(../img/lp/bg_reason01.jpg) no-repeat right top/100% auto;
    width: 100%;
    max-width: 2000px;
    text-align: center;
    float: right;
  }
  #reason_01 div.area {
    width: 100%;
    max-width: 1100px;
    margin: 5.5rem auto 0;
    padding: 0 1.5rem;
    text-align: center;
  }
  #reason_01 div.area p {
    margin: 0 2.0rem;
    font-size: 2.2rem;
    text-align: left;
  }
  #reason_01 div.area p span {
    color: #e60012;
    font-weight: bold;
  }
  #reason_01 div h4 {
    background: url(../img/lp/h4_bg02.png) no-repeat;
    height: 55px;
    margin: 2.0rem 0 2.0rem 2.0rem;
    padding: .4rem 0;
    font-size: 2.8rem;
    color: #322d2d;
    text-align: left;
  }
  #reason_01 div h4 span {
    display: inline-block;
    width: auto;
    color: #fff;
    margin: 0 5.5rem 0 1.5rem;
  }
  #reason_01 div img {
    width: 100%;
    height: 100%;
    max-width: 879px;
    max-height: 378px;
    margin: 2.5rem 0 0 0;
  }
}
/* 理由その2 ------------------- */
#reason_02 {
  margin: 1.0rem 0 0;
  background: #eaf9d1;
}
#reason_02 div.r_case02 {
  background: url(../img/lp/bg_reason02_sp.png) no-repeat right top/100% auto;
}
#reason_02 div.area {
  width: 100%;
  margin: 1.5rem auto 0;
  padding: 0 1.5rem;
  text-align: center;
}
#reason_02 div.area p {
  margin: 0 1.0rem;
  font-size: 2.4vw;
  text-align: left;
}
#reason_02 div.area p.short {
  margin: 0 2.0rem;
  text-align: center;
}
#reason_02 div.area p span {
  color: #e60012;
  font-weight: bold;
}
#reason_02 div h4 {
  background: url(../img/lp/h4_bg01.png) no-repeat 100%;
  height: 25px;
  margin: 0 0 1.0rem .5rem;
  padding: .5rem 0;
  font-size: 2.4vw;
  color: #fff;
  text-align: left;
}
#reason_02 div h4 span {
  width: auto;
  color: #fff;
  margin: 0 .5rem;
  padding: 0;
}
#reason_02 div h4 span.title_flex2 {
  display: inline;
  width: auto;
  color: #fff;
  margin: 0;
}
#reason_02 div img {
  width: 100%;
  height: 100%;
  max-width: 660px;
  max-height: auto;
  margin: 1.0rem 0 0;
}
.reason {
  width: 100%;
  margin: 0 auto;
  padding: 0;
  display: -webkit-flex;
  display: flex;
  justify-content: space-between
}
.reason_left {
  width: 0;
}
.reason_right {
  width: 100%;
}
@media screen and (min-width: 48em) {
  #reason_02 {
    height: auto;
    margin: 0;
    background: #eaf9d1;
  }
  #reason_02 div.r_case02 {
    background: url(../img/lp/bg_reason02_ipad.png) no-repeat right top 60px/110% auto;
    float: right;
  }
  #reason_02 div.area {
    width: 100%;
    margin: 5.5rem auto 0;
    padding: 0 3.5rem 0 0;
    text-align: center;
  }
  #reason_02 div.area p {
    margin: 0 0 0 1.0rem;
    font-size: 2.4vw;
    text-align: left;
  }
  #reason_02 div.area p.short {
    margin: 0 2.0rem 4.5rem;
    text-align: center;
  }
  #reason_02 div.area p span {
    color: #e60012;
    font-weight: bold;
  }
  #reason_02 div h4 {
    background: url(../img/lp/h4_bg02.png) no-repeat;
    height: 35px;
    margin: 2.0rem 0 2.0rem 1.0rem;
    padding: .4rem 0;
    font-size: 2.4vw;
    color: #322d2d;
    text-align: left;
  }
  #reason_02 div h4 span {
    width: auto;
    color: #fff;
    margin: 0 8.5rem 0 2.0rem;
    padding: 0;
  }
  #reason_02 div h4 span.title_flex2 {
    display: inline;
    width: auto;
    color: #322d2d;
    margin: 0;
  }
  #reason_02 div img {
    width: 100%;
    height: 100%;
    max-width: 660px;
    max-height: 425px;
    margin: 2.5rem 0 0 0;
  }
  .reason {
    width: 100%;
    margin: 0 auto;
    padding: 0;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between
  }
  .reason_left {
    width: 0;
  }
  .reason_right {
    width: 100%;
  }
}
@media screen and (min-width: 64em) {
  #reason_02 {
    height: auto;
    margin: 3.0rem auto 0;
    background: #eaf9d1;
  }
  #reason_02 div.r_case02 {
    background: url(../img/lp/bg_reason02.png) no-repeat left bottom/120% auto;
    width: 100%;
    max-width: 2000px;
    float: left;
  }
  #reason_02 div.area {
    margin: 4.5rem auto 1.5rem;
    padding: 0;
  }
  #reason_02 div.area p {
    margin: 4.5rem 2.0rem 2.0rem;
    font-size: 2.2rem;
    text-align: left;
  }
  #reason_02 div.area p.short {
    margin: 0 2.0rem 4.5rem;
    text-align: left;
  }
  #reason_02 div.area p span {
    color: #e60012;
    font-weight: bold;
  }
  #reason_02 div h4 {
    background: url(../img/lp/h4_bg02.png) no-repeat;
    height: 55px;
    margin: 2.0rem 2.0rem;
    padding: 0.5rem 0;
    font-size: 2.8rem;
    color: #322d2d;
    text-align: left;
  }
  #reason_02 div h4 span {
    width: auto;
    color: #fff;
    margin: 0 5.5rem 0 1.5rem;
    padding: 0;
  }
  #reason_02 div h4 span.title_flex2 {
    display: inline-block;
    width: auto;
    color: #322d2d;
    margin: -15.5rem 0 0 20.5rem;
  }
  #reason_02 div img {
    width: 100%;
    height: 100%;
    max-width: 660px;
    max-height: 425px;
    margin: 0;
  }
  .reason {
    width: 100%;
    max-width: 1100px;
    margin: 0 auto;
    padding: 0;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between
  }
  .reason_left {
    width: 45%;
  }
  .reason_right {
    width: 55%;
  }
}
/* 理由その3 ------------------- */
#reason_03 {
  margin: 1.0rem 0 0;
  background: #edf6ff;
}
#reason_03 div.r_case03 {
  background: url(../img/lp/bg_reason03.jpg) no-repeat right top 40px/100%;
}
#reason_03 div.area {
  width: 100%;
  margin: 0 auto;
  padding: 1.5rem 0 0;
  text-align: center;
}
#reason_03 div.area p {
  margin: 0 1.0rem;
  font-size: 2.4vw;
  text-align: left;
}
#reason_03 div.area p span {
  color: #e60012;
  font-weight: bold;
}
#reason_03 div h4 {
  background: url(../img/lp/h4_bg01.png) no-repeat 100%;
  height: 25px;
  margin: 0 0 1.0rem .5rem;
  padding: .5rem 0;
  font-size: 2.4vw;
  color: #fff;
  text-align: left;
}
#reason_03 div h4 span {
  display: inline;
  width: auto;
  color: #fff;
  margin: 0 .5rem;
}
#reason_03 div img {
  width: 100%;
  height: 100%;
  max-width: 480px;
  margin: .5rem 0 0;
  padding: 0;
}
@media screen and (min-width: 48em) {
  #reason_03 {
    height: auto;
    margin: 4.5rem 0;
    background: #edf6ff;
  }
  #reason_03 div.r_case03 {
    background: url(../img/lp/bg_reason03.jpg) no-repeat right bottom/150% auto;
    float: right;
  }
  #reason_03 div.area {
    max-width: 768px;
    margin: 5.5rem auto 1.5rem;
    padding: 0 1.5rem;
    text-align: center;
  }
  #reason_03 div.area p {
    margin: 0 2.0rem;
    font-size: 2.4vw;
    text-align: left;
  }
  #reason_03 div.area p span {
    color: #e60012;
    font-weight: bold;
  }
  #reason_03 div h4 {
    background: url(../img/lp/h4_bg02.png) no-repeat;
    height: 35px;
    margin: 2.0rem 0 2.0rem 2.0rem;
    padding: .4rem 0;
    font-size: 2.4vw;
    color: #322d2d;
    text-align: left;
  }
  #reason_03 div h4 span {
    display: inline-block;
    width: auto;
    color: #fff;
    margin: 0 8.5rem 0 2.0rem;
  }
  #reason_03 div img {
    display: block;
    width: 100%;
    height: 100%;
    max-width: 788px;
    max-height: 363px;
    margin: 5.5rem 0;
    padding: 0;
  }
}
@media screen and (min-width: 64em) {
  #reason_03 {
    height: auto;
    margin: 5.5rem auto 0;
    background: #edf6ff;
  }
  #reason_03 div.r_case03 {
    background: url(../img/lp/bg_reason03.jpg) no-repeat right bottom/100% auto;
    width: 100%;
    max-width: 2000px;
    float: right;
  }
  #reason_03 div.area {
    max-width: 1100px;
    margin: 4.5rem auto 0;
    padding: 0 1.5rem;
    text-align: center;
  }
  #reason_03 div.area p {
    margin: 0 2.0rem;
    font-size: 2.2rem;
    text-align: left;
  }
  #reason_03 div.area p span {
    color: #e60012;
    font-weight: bold;
  }
  #reason_03 div h4 {
    background: url(../img/lp/h4_bg02.png) no-repeat;
    height: 55px;
    margin: 2.0rem .5rem 2.0rem 2.0rem;
    padding: .5rem 0;
    font-size: 2.8rem;
    color: #322d2d;
    text-align: left;
  }
  #reason_03 div h4 span {
    display: inline-block;
    width: auto;
    color: #fff;
    margin: 0 5.5rem 0 1.5rem;
  }
  #reason_03 div img {
    display: block;
    width: 100%;
    height: 100%;
    max-width: 788px;
    max-height: 363px;
    margin: 5.5rem 0;
    padding: 0;
  }
}
/* 理由その4 ------------------- */
#reason_04 {
  margin: 1.0rem 0 0;
  background: #eaf9d1;
}
#reason_04 div.r_case04 {
  height: 100%;
  background: #eaf9d1;
}
#reason_04 div.area {
  width: 100%;
  margin: 1.5rem auto;
  padding: 0 1.5rem;
  text-align: center;
}
#reason_04 div.area p {
  margin: 1.5rem 0 0 1.0rem;
  font-size: 2.4vw;
  text-align: left;
  border-left: solid 2px;
}
#reason_04 div.area p.short {
  margin: 0 2.0rem;
  text-align: center;
}
#reason_04 div.area p span {
  color: #e60012;
  font-weight: bold;
}
#reason_04 div h4 {
  background: url(../img/lp/h4_bg01.png) no-repeat 100%;
  height: 25px;
  margin: 0 0 2.0rem .5rem;
  padding: .5rem 0;
  font-size: 2.4vw;
  color: #fff;
  text-align: left;
}
#reason_04 div h4 span {
  width: auto;
  color: #fff;
  margin: 0 .5rem;
  padding: 0;
}
#reason_04 div h4 span.title_flex2 {
  display: inline;
  width: auto;
  color: #fff;
  margin: 0;
}
#reason_04 div img {
  width: 100%;
  height: 100%;
  max-width: 500px;
  max-height: auto;
  margin: 0;
}
.reasonMap {
  width: 100%;
  margin: 0 auto;
  padding: 0;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
}
.reasonMap_left {
  width: 100%;
}
.reasonMap_left img {
  width: 100%;
  height: 100%;
  max-width: 507px;
  max-height: 508px;
  padding: 1.0rem;
}
.reasonMap_right {
  width: 100%;
}
@media screen and (min-width: 48em) {
  #reason_04 {
    height: auto;
    margin: 1.0rem 0 0;
    background: #eaf9d1;
  }
  #reason_04 div.r_case04 {
    background: url(../img/lp/bg_reason04.png) no-repeat right center/100% auto;
    width: 100%;
    max-width: 2000px;
  }
  #reason_04 div.area {
    margin: 4.5rem auto 2.5rem;
    padding: 0;
  }
  #reason_04 div.area p {
    margin: 2.5rem 0 0 1.8rem;
    font-size: 2.2vw;
    text-align: left;
    border-left: solid 2px;
  }
  #reason_04 div.area p span {
    color: #e60012;
    font-weight: bold;
  }
  #reason_04 div h4 {
    background: url(../img/lp/h4_bg02.png) no-repeat;
    height: 35px;
    margin: 2.0rem 0 2.0rem 2.0rem;
    padding: .4rem 0;
    font-size: 2.2vw;
    text-align: left;
  }
  #reason_04 div h4 span {
    width: auto;
    color: #fff;
    margin: 0 8.5rem 0 2.0rem;
    padding: 0;
  }
  #reason_04 div h4 span.title_flex2 {
    display: inline-block;
    width: auto;
    color: #322d2d;
    margin: -15.5rem 0 0 20.5rem;
  }
  .reasonMap {
    width: 768px;
    margin: 0 auto;
    padding: 0;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
    flex-direction: row;
  }
  .reasonMap_left {
    width: 32%;
  }
  .reasonMap_left img {
    width: 90%;
    height: 90%;
    max-width: 507px;
    max-height: 508px;
    padding: 3.5rem 0 0 2.5rem;
  }
  .reasonMap_right {
    width: 68%;
  }
}
@media screen and (min-width: 64em) {
  #reason_04 {
    height: auto;
    margin: 5.5rem auto;
    background: #eaf9d1;
  }
  #reason_04 div.r_case04 {
    background: url(../img/lp/bg_reason04.png) no-repeat right center/100% auto;
    width: 100%;
    max-width: 2000px;
  }
  #reason_04 div.area {
    margin: 4.5rem auto 1.5rem;
    padding: 0;
  }
  #reason_04 div.area p {
    margin: 2.5rem 2.0rem;
    font-size: 2.2rem;
    text-align: left;
    border-left: solid 2px;
  }
  #reason_04 div.area p span {
    color: #e60012;
    font-weight: bold;
  }
  #reason_04 div h4 {
    background: url(../img/lp/h4_bg02.png) no-repeat;
    height: 85px;
    margin: 2.0rem;
    padding: .5rem 0;
    font-size: 2.8rem;
    text-align: left;
  }
  #reason_04 div h4 span {
    width: auto;
    color: #fff;
    margin: 0 5.5rem 0 1.5rem;
    padding: 0;
  }
  #reason_04 div h4 span.title_flex2 {
    display: inline-block;
    width: auto;
    color: #322d2d;
    margin: -15.5rem 0 0 20.5rem;
  }
  .reasonMap {
    width: 1024px;
    margin: 0 auto;
    padding: 0;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
    flex-direction: row;
  }
  .reasonMap_left {
    width: 35%;
  }
  .reasonMap_left img {
    width: 100%;
    height: 100%;
    max-width: 507px;
    max-height: 508px;
    padding: 2.5rem 0 0 2.0rem;
  }
  .reasonMap_right {
    width: 65%;
  }
}
/* 理由その5 ------------------- */
#reason_05 {
  margin: 1.0rem 0 0;
  background: #edf6ff;
}
#reason_05 div.r_case05 {
  background: url(../img/lp/bg_reason05.png) no-repeat center center/100%;
  width: 100%;
  height: auto;
		padding: 0 0 1.0rem;
}
#reason_05 div.area {
  width: 100%;
  height: 180px;
  margin: 1.0rem auto 1.0rem;
  padding: .5rem 1.5rem 1.5rem;
  text-align: center;
}
#reason_05 div.area p {
  margin: 0 1.0rem;
  font-size: 2.4vw;
  text-align: left;
}
#reason_05 div.area p span {
  color: #e60012;
  font-weight: bold;
}
#reason_05 div h4 {
  background: url(../img/lp/h4_bg02.png) no-repeat left;
  height: 25px;
  margin: 1.0rem 0 1.0rem .5rem;
  padding: .5rem 0;
  font-size: 2.4vw;
  color: #fff;
  text-align: left;
}
#reason_05 div h4 span {
  display: inline;
  width: auto;
  color: #fff;
  margin: 0 .5rem;
}
#reason_05 div img {
  width: 100%;
  height: 100%;
  max-width: 480px;
  max-height: auto;
  margin: .5rem 0;
}
@media screen and (min-width: 48em) {
  #reason_05 {
    height: auto;
    margin: 1.0rem 0 0;
    background: #edf6ff;
  }
  #reason_05 div.r_case05 {
    background: url(../img/lp/bg_reason05.png) no-repeat center top/100%;
    width: 100%;
    height: auto;
    padding: 0;
  }
  #reason_05 div.area {
    width: 100%;
    height: 100%;
    max-width: 768px;
    max-height: 583px;
    margin: 4.5rem auto;
    padding: 3.0rem 1.5rem 0;
    text-align: center;
  }
  #reason_05 div.area p {
    margin: 0 2.0rem;
    padding: 2.5rem 0 4.5rem;
    font-size: 2.4vw;
    text-align: left;
  }
  #reason_05 div.area p span {
    color: #e60012;
    font-weight: bold;
  }
  #reason_05 div h4 {
    background: url(../img/lp/h4_bg02.png) no-repeat;
    height: 35px;
    margin: 2.0rem 0 2.0rem 2.0rem;
    padding: .4rem 0;
    font-size: 2.4vw;
    color: #322d2d;
    text-align: left;
  }
  #reason_05 div h4 span {
    display: inline-block;
    width: auto;
    color: #fff;
    margin: 0 8.5rem 0 2.0rem;
  }
}
@media screen and (min-width: 64em) {
  #reason_05 {
    height: auto;
    margin: 0 auto;
    background: #edf6ff;
  }
  #reason_05 div.r_case05 {
    background: url(../img/lp/bg_reason05.png) no-repeat center top/85% auto;
    width: 100%;
    max-width: 2000px;
				    padding: 0;
  }
  #reason_05 div.area {
    width: 100%;
    height: 100%;
    max-width: 1100px;
    max-height: 583px;
    margin: 4.5rem auto;
    padding: 3.0rem 1.5rem 0;
    text-align: center;
  }
  #reason_05 div.area p {
    margin: 0 2.0rem;
    padding: 2.5rem 0;
    font-size: 2.2rem;
    text-align: left;
  }
  #reason_05 div.area p span {
    color: #e60012;
    font-weight: bold;
  }
  #reason_05 div h4 {
    background: url(../img/lp/h4_bg02.png) no-repeat;
    height: 55px;
    margin: 2.0rem .5rem 2.0rem 2.0rem;
    padding: .5rem 0;
    font-size: 2.8rem;
    color: #322d2d;
    text-align: left;
  }
  #reason_05 div h4 span {
    display: inline-block;
    width: auto;
    color: #fff;
    margin: 0 5.5rem 0 1.5rem;
  }
}
/* 物件概要 -------------------------------------- */
#overview {
  height: 100%;
  margin: 0 auto 2.5rem;
  text-align: center;
  padding: 2.5rem .5rem 0;
  background: #ffe4e6;
}
#overview h4 {
  font-size: 2.4rem;
  font-weight: bold;
  margin-bottom: 1.5rem;
}
#overview p {
  width: 100%;
  margin: 1rem .5rem 0;
  font-size: 1.2rem;
  text-align: left;
}
#overview p.text_right {
  width: 100%;
  max-width: 1100px;
  margin: 0 auto .5rem auto;
  text-align: right;
}
#overview span {
  display: inline-block;
  width: auto;
  background: #e60012;
  color: #fff;
  padding: .3rem 0.8rem;
  margin: .5rem;
}
#overview table {
  width: 100%;
  margin: 0 auto 2.5rem;
  border-collapse: separate;
  border-spacing: 0;
  border-right: 1px solid #e60012;
}
#overview table th {
  padding: 1.0rem 0;
  background: #e3e3e3;
  border-left: 1px solid #e60012;
  border-bottom: 1px solid #e60012;
  border-top: 1px solid #e60012;
  font-weight: normal;
  text-align: center;
}
#overview table td {
  padding: 10px 0;
  background: #fff;
  border-left: 1px solid #e60012;
  border-bottom: 1px solid #e60012;
  border-top: none;
  text-align: center;
}
#overview table td:nth-child(-n+2) {
  width: 7.5%;
}
#overview table td:nth-child(4) {
  width: 50%;
  white-space: nowrap;
}
#overview table td:nth-child(n+3) {
  width: 10%;
}
#overview table td span.text_r {
  color: #e60012;
}
#overview div.design {
  width: 100%;
  margin: 0 auto;
  padding: 0;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
}
#overview div.design_left {
  width: 100%;
}
#overview div.design_left img {
  max-width: 100%;
  max-height: auto;
  margin: 0 0 1.5rem;
}
#overview div.design_right {
  width: 100%;
}
#overview div.design_right img {
  max-width: 100%;
  max-height: auto;
  margin: 0 0 1.5rem;
}
#overview div.design ul {
  margin: 0 1.5rem;
  padding: 0;
  text-align: left;
  list-style: inside;
}
@media screen and (min-width: 48em) {
  #overview {
    height: 100%;
    margin: 0 auto 4.5rem;
    text-align: center;
    padding: 5.0rem 2.0rem 0;
    background: #ffe4e6;
  }
  #overview h4 {
    font-size: 2.4rem;
    font-weight: bold;
    margin-bottom: 1.5rem;
  }
  #overview p {
    width: 100%;
    max-width: 1100px;
    margin: 0 auto 2.5rem auto;
    font-size: 1.2rem;
    text-align: left;
  }
  #overview p.text_right {
    width: 100%;
    max-width: 1100px;
    margin: 0 auto .5rem auto;
    text-align: right;
  }
  #overview span {
    display: inline-block;
    width: auto;
    background: #e60012;
    color: #fff;
    padding: .3rem 0.8rem;
    margin: 0 .5rem 0 0;
  }
  #overview table {
    width: 100%;
    max-width: 1100px;
    margin: 0 auto;
    border-collapse: separate;
    border-spacing: 0;
    border-right: 1px solid #e60012;
  }
  #overview table th {
    padding: 1.0rem 0;
    background: #e3e3e3;
    border-left: 1px solid #e60012;
    border-bottom: 1px solid #e60012;
    border-top: 1px solid #e60012;
    font-weight: normal;
    text-align: center;
  }
  #overview table td {
    padding: 10px 0;
    background: #fff;
    border-left: 1px solid #e60012;
    border-bottom: 1px solid #e60012;
    border-top: none;
    text-align: center;
  }
  #overview table td:nth-child(-n+2) {
    width: 7.5%;
  }
  #overview table td:nth-child(4) {
    width: 50%;
    white-space: nowrap;
  }
  #overview table td:nth-child(n+3) {
    width: 10%;
  }
  #overview table td span.text_r {
    color: #e60012;
  }
  #overview div.design {
    width: 100%;
    max-width: 1100px;
    margin: 0 auto;
    padding: 0;
    display: -webkit-flex;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
  }
  #overview div.design_left {
    width: 49%;
  }
  #overview div.design_left img {
    max-width: 356px;
    max-height: auto;
    margin-bottom: 3.5rem;
  }
  #overview div.design_right {
    width: 49%;
  }
  #overview div.design_right img {
    max-width: 356px;
    max-height: auto;
    margin-bottom: 3.5rem;
  }
  #overview div.design ul {
    margin: 2.5rem auto;
    padding: 0;
    text-align: left;
    list-style: inside;
  }
}
@media screen and (min-width: 64em) {
  #overview {
    width: 100%;
    max-width: 1100px;
    height: 100%;
    margin: 4.5rem auto;
    text-align: center;
    padding: 5.0rem 4.5rem 0;
    background: #ffe4e6;
  }
  #overview h4 {
    font-size: 2.4rem;
    font-weight: bold;
  }
  #overview p {
    width: 100%;
    max-width: 1100px;
    margin: 0 auto 2.5rem auto;
    font-size: 1.4rem;
    letter-spacing: 1px;
    text-align: left;
  }
  #overview p.text_right {
    width: 100%;
    max-width: 1100px;
    margin: 0 auto .5rem auto;
    text-align: right;
  }
  #overview span {
    display: inline-block;
    width: auto;
    background: #e60012;
    color: #fff;
    padding: .3rem 1.0rem;
    margin: 0 1rem 0 0;
  }
  #overview table {
    width: 100%;
    max-width: 1100px;
    margin: 0 auto;
    border-collapse: separate;
    border-spacing: 0;
    border-right: 1px solid #e60012;
  }
  #overview table th {
    padding: 1.0rem 0;
    background: #e3e3e3;
    border-left: 1px solid #e60012;
    border-bottom: 1px solid #e60012;
    border-top: 1px solid #e60012;
    font-weight: normal;
    text-align: center;
  }
  #overview table td {
    padding: 10px 0;
    background: #fff;
    border-left: 1px solid #e60012;
    border-bottom: 1px solid #e60012;
    border-top: none;
    text-align: center;
  }
  #overview table td:nth-child(-n+2) {
    width: 7.5%;
  }
  #overview table td:nth-child(4) {
    width: 50%;
    white-space: nowrap;
  }
  #overview table td:nth-child(n+3) {
    width: 10%;
  }
  #overview table td span.text_r {
    color: #e60012;
  }
  #overview div.design {
    width: 100%;
    max-width: 1100px;
    margin: 0 auto;
    padding: 0;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
    flex-direction: row;
  }
  #overview div.design_left {
    width: 49%;
  }
  #overview div.design_left img {
    width: 100%;
    height: 100%;
    max-width: 473px;
    max-height: 570px;
    margin-bottom: 3.5rem;
  }
  #overview div.design_right {
    width: 49%;
  }
  #overview div.design_right img {
    width: 100%;
    height: 100%;
    max-width: 473px;
    max-height: 570px;
    margin-bottom: 3.5rem;
  }
  #overview div.design ul {
    margin: 2.5rem auto;
    padding: 0;
    text-align: left;
    list-style: inside;
  }
}
/* メディセオの診療圏調査ソフトの特長 -------------------------------------- */
#characteristic {
  width: 100%;
  margin: 1.0rem auto;
  padding: 0;
  text-align: center;
}
#characteristic img {
  width: 100%;
  height: 100%;
  max-width: 768px;
  margin: 0 auto 2.5rem;
}
/* 1.開業予定地周辺の既存医療施設の位置表示 ------------------- */
#characteristic_01 {
  height: auto;
  margin: 0 auto;
  background: #fff;
}
#characteristic_01 div.c_case01 {
  background: #edf6ff url(../img/lp/bg_point01.png) no-repeat center center/100% auto;
  width: 100%;
  max-width: 2000px;
}
#characteristic_01 div.area {
  height: auto;
  margin: 0 auto;
  padding: 1.5rem 1.5rem 0;
  text-align: center;
}
#characteristic_01 div.area p {
  margin: 0 .5rem;
  padding: 0;
  font-size: 2.4vw;
  font-weight: bold;
  text-align: left;
}
#characteristic_01 div.area p span {
  color: #e60012;
  font-weight: bold;
}
#characteristic_01 div h4 {
  background: url(../img/lp/h4_bg01.png) no-repeat 100%;
  height: 20px;
  margin: 0 0 1.0rem;
  padding: .2rem 0;
  font-size: 2.4vw;
  text-align: left;
}
#characteristic_01 div h4 span {
  display: inline-block;
  width: auto;
  color: #fff;
  margin: 0 5.5rem 0 .5rem;
}
/* 2.任意診療圏内の競合状況の分析 ------------------- */
#characteristic_02 {
  width: 100%;
  margin: 0 auto;
  background: #fff;
}
#characteristic_02 div.flex_2 {
  width: 100%;
  margin: 0 auto;
  padding: 0;
  display: -webkit-flex;
  display: flex;
  justify-content: space-between
}
#characteristic_02 div.flex_2_left {
  width: 0;
}
#characteristic_02 div.flex_2_right {
  width: 100%;
}
#characteristic_02 div.c_case02 {
  background: url(../img/lp/bg_point02.jpg) no-repeat left bottom;
  width: 100%;
  height: auto;
  margin: 1.0rem 0;
}
#characteristic_02 div.flex_2 p {
  margin: 0 auto;
  padding: .5rem 0 1.0rem 2rem;
  text-align: left;
  font-size: 2.0vw;
}
#characteristic_02 div.flex_2 p.tite_l {
  margin: 0 auto;
  padding: 1.5rem 0 0 2rem;
  text-align: left;
  font-size: 2.6vw;
  font-weight: bold;
}
#characteristic_02 div.flex_2 p span {
  color: #e60012;
  font-weight: bold;
}
/* 3.開業予定地の精緻な診療圏分析 ------------------- */
#characteristic_03 {
  width: 100%;
  margin: 0 auto;
  background: #fff;
}
#characteristic_03.flex_2 {
  width: 100%;
  margin: 0 auto;
  padding: 0;
  display: -webkit-flex;
  display: flex;
  justify-content: space-between
}
#characteristic_03.flex_2_left {
  width: 100%;
}
#characteristic_03.flex_2_right {
  width: 0;
}
#characteristic_03 div.c_case03 {
  background: url(../img/lp/bg_point03.jpg) no-repeat right bottom;
  width: 100%;
  height: auto;
  margin: 0 auto;
}
#characteristic_03 div.flex_2 p {
  margin: 0 auto;
  padding: .5rem 0 1.0rem 2rem;
  text-align: left;
  font-size: 2.0vw;
}
#characteristic_03 div.flex_2 p.tite_l {
  margin: 0 auto;
  padding: 1.5rem 0 0 2rem;
  text-align: left;
  font-size: 2.6vw;
  font-weight: bold;
}
#characteristic_03 div.flex_2 p span {
  color: #e60012;
  font-weight: bold;
}
@media screen and (min-width: 48em) {
  #characteristic {
    margin: 1.0rem 0 0;
    text-align: center;
  }
  #characteristic img {
    width: 100%;
    height: 100%;
    max-width: 768px;
    margin: 0 auto 2.5rem;
  }
  /* 1.開業予定地周辺の既存医療施設の位置表示 ------------------- */
  #characteristic_01 {
    height: auto;
    margin: 0 auto;
    background: #fff;
  }
  #characteristic_01 div.c_case01 {
    background: #edf6ff url(../img/lp/bg_point01.png) no-repeat center bottom/100% auto;
    width: 100%;
    max-width: 2000px;
  }
  #characteristic_01 div.area {
    max-width: 768px;
    margin: 0 auto;
    padding: 3.0rem 1.5rem;
    text-align: center;
  }
  #characteristic_01 div.area p {
    margin: 0 2.0rem;
    padding: 0;
    font-size: 2.4vw;
    font-weight: bold;
    text-align: left;
  }
  #characteristic_01 div.area p span {
    color: #e60012;
    font-weight: bold;
  }
  #characteristic_01 div h4 {
    background: url(../img/lp/h4_bg01.png) no-repeat;
    height: 40px;
    margin: .5rem .5rem 2.0rem 2.0rem;
    padding: 0.5rem 0;
    font-size: 2.4vw;
    text-align: left;
  }
  #characteristic_01 div h4 span {
    display: inline-block;
    width: auto;
    color: #fff;
    margin: 0 5.5rem 0 1.5rem;
  }
  /* 2.任意診療圏内の競合状況の分析 ------------------- */
  #characteristic_02 {
    width: 768px;
    margin: 0 auto;
    background: #fff;
  }
  #characteristic_02 div.flex_2 {
    width: 100%;
    margin: 0 auto;
    padding: 0;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between
  }
  #characteristic_02 div.flex_2_left {
    width: 30%;
  }
  #characteristic_02 div.flex_2_right {
    width: 70%;
  }
  #characteristic_02 div.c_case02 {
    background: url(../img/lp/bg_point02.jpg) no-repeat left top;
    width: 768px;
    height: auto;
    margin: 5.5rem 0;
  }
  #characteristic_02 div.flex_2 p {
    margin: 0 auto;
    padding: 2.5rem 0 2.5rem 3.5rem;
    text-align: left;
    font-size: 2.0vw;
  }
  #characteristic_02 div.flex_2 p.tite_l {
    margin: 0 auto;
    padding: 3.5rem 0 0;
    text-align: left;
    font-size: 2.6vw;
    font-weight: bold;
  }
  #characteristic_02 div.flex_2 p span {
    color: #e60012;
    font-weight: bold;
  }
  /* 3.開業予定地の精緻な診療圏分析 ------------------- */
  #characteristic_03 {
    width: 768px;
    margin: 0 auto;
    background: #fff;
  }
  #characteristic_03.flex_2 {
    width: 100%;
    margin: 0 auto;
    padding: 0;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between
  }
  #characteristic_03.flex_2_left {
    width: 70%;
  }
  #characteristic_03.flex_2_right {
    width: 30%;
  }
  #characteristic_03 div.c_case03 {
    background: url(../img/lp/bg_point03.jpg) no-repeat right top;
    width: 768px;
    height: auto;
    margin: 5.5rem auto;
  }
  #characteristic_03 div.flex_2 p {
    margin: 0 auto;
    padding: 2.5rem 0 2.5rem 3.5rem;
    text-align: left;
    font-size: 2.0vw;
  }
  #characteristic_03 div.flex_2 p.tite_l {
    margin: 0 auto;
    padding: 3.0rem 0 0 1.5rem;
    text-align: left;
    font-size: 2.4vw;
    font-weight: bold;
  }
  #characteristic_03 div.flex_2 p span {
    color: #e60012;
    font-weight: bold;
  }
}
@media screen and (min-width: 64em) {
  #characteristic {
    margin: 0 auto;
    text-align: center;
  }
  #characteristic img {
    width: 100%;
    height: 100%;
    max-width: 1100px;
    margin: 4.5rem auto 2.5rem;
  }
  /* 1.開業予定地周辺の既存医療施設の位置表示 ------------------- */
  #characteristic_01 {
    height: 100%;
    margin: 0 auto;
    background: #fff;
  }
  #characteristic_01 div.c_case01 {
    background: #edf6ff url(../img/lp/bg_point01.png) no-repeat center center/100% auto;
    width: 100%;
    max-width: 2000px;
  }
  #characteristic_01 div.area {
    max-width: 1100px;
    margin: 2.5rem auto 0;
    padding: 2.5rem 1.5rem;
    text-align: center;
  }
  #characteristic_01 div.area p {
    margin: 0 2.0rem;
    padding: 0;
    font-size: 2.6rem;
    font-weight: bold;
    text-align: left;
  }
  #characteristic_01 div.area p span {
    color: #e60012;
    font-weight: bold;
  }
  #characteristic_01 div h4 {
    background: url(../img/lp/h4_bg01.png) no-repeat;
    height: 55px;
    margin: 2.0rem .5rem 2.0rem 2.0rem;
    padding: 1.0rem 0;
    font-size: 2.5rem;
    text-align: left;
  }
  #characteristic_01 div h4 span {
    display: inline-block;
    width: auto;
    color: #fff;
    margin: 0 5.5rem 0 1.5rem;
  }
  /* 2.任意診療圏内の競合状況の分析 ------------------- */
  #characteristic_02 {
    width: 1024px;
    margin: 0 auto;
    background: #fff;
  }
  #characteristic_02 div.flex_2 {
    width: 100%;
    margin: 0 auto;
    padding: 0;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
  }
  #characteristic_02 div.flex_2_left {
    width: 30%;
  }
  #characteristic_02 div.flex_2_right {
    width: 70%;
  }
  #characteristic_02 div.c_case02 {
    background: url(../img/lp/bg_point02.jpg) no-repeat left top;
    width: 1024px;
    height: 250px;
    margin: 5.5rem 0;
  }
  #characteristic_02 div.flex_2 p {
    margin: 0 auto;
    padding: 0 0 0 3.5rem;
    text-align: left;
    font-size: 2.0rem;
  }
  #characteristic_02 div.flex_2 p.tite_l {
    margin: 0 auto;
    padding: 3.0rem 0 0;
    text-align: left;
    font-size: 2.6rem;
    font-weight: bold;
  }
  #characteristic_02 div.flex_2 p span {
    color: #e60012;
    font-weight: bold;
  }
  /* 3.開業予定地の精緻な診療圏分析 ------------------- */
  #characteristic_03 {
    width: 1024px;
    margin: 0 auto;
    background: #fff;
  }
  #characteristic_03.flex_2 {
    width: 100%;
    margin: 0 auto;
    padding: 0;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
  }
  #characteristic_03.flex_2_left {
    width: 70%;
  }
  #characteristic_03.flex_2_right {
    width: 30%;
  }
  #characteristic_03 div.c_case03 {
    background: url(../img/lp/bg_point03.jpg) no-repeat right top;
    width: 1024px;
    height: 250px;
    margin: 5.5rem auto;
  }
  #characteristic_03 div.flex_2 p {
    margin: 0 auto;
    padding: 0 0 0 3.5rem;
    text-align: left;
    font-size: 2.0rem;
  }
  #characteristic_03 div.flex_2 p.tite_l {
    margin: 0 auto;
    padding: 3.0rem 0 0 1.5rem;
    text-align: left;
    font-size: 2.6rem;
    font-weight: bold;
  }
  #characteristic_03 div.flex_2 p span {
    color: #e60012;
    font-weight: bold;
  }
}
/* LP専用フッター -------------------------------------- */
.footer_lp {
  width: 100%;
  background: #ffe4e6;
}
.footer_bg {
  background: url(../img/lp/footer.jpg) no-repeat center top/cover;
  width: 100%;
  height: 37px;
  max-width: 2000px;
}
.lp_inquiry {
  width: 100%;
  margin: 0 auto;
  padding: 3.5rem 0;
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
}
.lp_inquiry_left {
  width: 100%;
  margin: 0;
  padding: 0 2.0rem;
  font-size: 3.6vw;
  font-weight: bold;
  color: #e60012;
}
.lp_inquiry_right {
  width: 100%;
  margin: 0 2.0rem 0 0;
}
.lp_inquiry_right img {
  width: 90%;
  height: 90%;
  max-width: 555px;
  max-height: 130px;
}
.footer_lp .copy {
  background: #e60012;
  display: block;
  color: #fff;
  text-align: center;
  font-size: 1.0rem;
  padding: .4em 0;
  margin: 0;
}
@media screen and (min-width: 48em) {
  .footer_lp {
    width: 100%;
    background: #ffe4e6;
  }
  .footer_bg {
    background: url(../img/lp/footer.jpg) no-repeat center top/cover;
    width: 100%;
    height: 37px;
    max-width: 2000px;
  }
  .lp_inquiry {
    width: 100%;
    max-width: 768px;
    margin: 0 auto;
    padding: 8rem 0;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
    flex-direction: row;
  }
  .lp_inquiry_left {
    width: 50%;
    margin: 0 0 0 2.0rem;
    padding: 0;
    font-size: 2.0rem;
    font-weight: bold;
    color: #e60012;
  }
  .lp_inquiry_right {
    width: 50%;
    margin: 0 1.6rem 0 0;
  }
  .lp_inquiry_right img {
    width: 100%;
    height: 100%;
    max-width: 555px;
    max-height: 130px;
  }
  .footer_lp .copy {
    background: #e60012;
    display: block;
    color: #fff;
    text-align: center;
    font-size: 1.0rem;
    padding: .4em 0;
    margin: 0;
  }
}
@media screen and (min-width: 64em) {
  .footer_lp {
    width: 100%;
    background: #ffe4e6;
  }
  .footer_bg {
    background: url(../img/lp/footer.jpg) no-repeat center top/100% auto;
    width: 100%;
    height: 37px;
    max-width: 2000px;
  }
  .lp_inquiry {
    width: 100%;
    max-width: 1024px;
    margin: 0 auto;
    padding: 8rem 0;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
    flex-direction: row;
  }
  .lp_inquiry_left {
    width: 50%;
    margin: 0 0 0 2.0rem;
    padding: 0;
    font-size: 2.2rem;
    font-weight: bold;
    color: #e60012;
  }
  .lp_inquiry_right {
    width: 50%;
    margin: 0 2.0rem 0 0;
  }
  .lp_inquiry_right img {
    width: 100%;
    height: 100%;
    max-width: 555px;
    max-height: 130px;
  }
  .footer_lp .copy {
    background: #e60012;
    display: block;
    color: #fff;
    text-align: center;
    font-size: 1.0rem;
    padding: .4em 0;
    margin: 0;
  }
}

/******************************************

メディセオのオンラインによる医院開業相談について

*******************************************/

/* キービジュアル ------------------- */
#OC_keyvsl {
  margin: 1.0rem 0 0;
				background-image: url(../img/oc/keyvisual.jpg);
		background-repeat: no-repeat;
		background-position: top center;
		background-color: #edf6ff;
		background-size: 120%;
	height: 150px;
}
/*div.title_point h4 {
  background: url(../img/lp/h4_bg01.png) no-repeat 100%;
  height: 25px;
  margin: -1.2rem .5rem 1.0rem 1.5rem;
  padding: .5rem 1.0rem;
  font-size: 2.8vw;
  color: #fff;
  text-align: left;
}*/
#OC_keyvsl div.case01 { 
  width: 100%;
  height: 150px;
}

@media screen and (min-width: 48em) {
  #OC_keyvsl {
    margin: 0 auto;
		background-image: url(../img/oc/keyvisual.jpg);
		background-repeat: no-repeat;
		background-position: top center;
		background-color: #edf6ff;
		background-size: 120%;
		height: 30rem;
  }
/*  div.title_point {
    width: 100%;
    max-width: 768px;
    margin: 0 auto;
  }
  div.title_point h4 {
    background: url(../img/lp/h4_bg01.png) no-repeat left top;
    height: 40px;
    margin: -1.5rem .5rem 2.0rem 3.5rem;
    padding: .2rem 1.5rem;
    font-size: 2.4rem;
    color: #fff;
    text-align: left;
  }*/
  #OC_keyvsl div.case01 {
    
    width: 768px;
   height: 30rem;
   max-width: 768px;
    max-height: 100%;
    margin: 0 auto;
  }
}
@media screen and (min-width: 64em) {
  #OC_keyvsl {
    margin: 0 auto;
		background: url(../img/oc/keyvisual.jpg) no-repeat top center #edf6ff;
		 height: 400px;
  }
  #OC_keyvsl div.case01 { 
    width: 1024px;
    height: 400px;
    max-width: 1400px;
    margin: 0 auto;
  }
/*  div.title_point {
    width: 100%;
    max-width: 1100px;
    margin: 0 auto;
  }
  div.title_point h4 {
    background: url(../img/lp/h4_bg01.png) no-repeat left top;
    height: 55px;
    margin: -2.0rem .5rem 2.0rem 3.0rem;
    padding: .5rem 1.5rem;
    font-size: 2.8rem;
    color: #fff;
    text-align: left;
  }*/
}

/* 理由その1 ------------------- */
#reason_online01 {
	  margin: 1.0rem 0 0;
		overflow: hidden;
		background-image: url(../img/oc/bg_reason01.png);
		background-repeat: no-repeat;
		background-position: top right;
		background-color: #dff4f2;
		background-size: 200%;
}
#reason_online01 img.title_reason {
  margin: -.5rem auto 0;
  width: 100%;
  height: 100%;
  max-width: 1200px;
  max-height: 130px;
}
#reason_online01 div.r_case01 {

}
#reason_online01 div.area {
  width: 100%;
margin: 1.5rem auto 0;
    padding: 0 1.5rem;
  text-align: center;
}
#reason_online01 div.area p {
  margin: 0 1.0rem;
  font-size: 4vw;
  text-align: left;
}
#reason_online01 div.area p span {
  color: #e60012;
  font-weight: bold;
}
#reason_online01 div h4 {
  background: url(../img/lp/h4_bg02.png) no-repeat left 100%;
  height: 25px;
  margin: 0 0 1.0rem .5rem;
  padding: .5rem 0;
  font-size: 2.4vw;
  color: #fff;
  text-align: left;
}
#reason_online01 div h4 span {
  display: inline;
  width: auto;
  color: #fff;
  margin: 0 .5rem;
}
#reason_online01 div img {
  width: 100%;
  height: 100%;
  max-width: 480px;
  max-height: 100%;
  margin: .5rem 0 0;
}
  .reason {
    width: 100%;
    margin: 0 auto;
    padding: 0;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
				overflow: hidden;
  }
  .reason_left {
    width: 100%;
  }
  .reason_right {
    width: 0;
  }

@media screen and (min-width: 48em) {
#reason_online01 {
    height: auto;
    margin: 3.0rem auto 0;
	background-image: url(../img/oc/bg_reason01.png);
		background-repeat: no-repeat;
		background-position: top right;
		background-color: #dff4f2;
	background-size: 100%;
  }
#reason_online01 img.title_reason {
    margin: -1.5rem auto 0;
    width: 100%;
    height: 100%;
    max-width: 1200px;
    max-height: 130px;
  }
#reason_online01 div.r_case01 {
		
    width: 60%;
    height: auto;
    float: left;
  }
#reason_online01 div.area {
    width: 100%;
    margin: 4.5rem auto 4.5rem;
    padding: 0 3.5rem 0 0;
    text-align: center;
			min-height: 200px;
  }
#reason_online01 div.area p {
    margin: 0 2.0rem;
    font-size: 2.4vw;
    text-align: left;
  }
#reason_online01 div.area p span {
    color: #e60012;
    font-weight: bold;
  }
#reason_online01 div h4 {
    background: url(../img/lp/h4_bg02.png) no-repeat;
    height: 35px;
    margin: 2.0rem 0 2.0rem 2.0rem;
    padding: .4rem 0;
    font-size: 2.4vw;
    color: #322d2d;
    text-align: left;
  }
#reason_online01 div h4 span {
    display: inline-block;
    width: auto;
    color: #fff;
    margin: 0 8.5rem 0 2.0rem;
  }
#reason_online01 div img {
    width: 100%;
    height: 100%;
    max-width: 879px;
    max-height: 378px;
    margin: 2.5rem 0 2.5rem 0;
  }
  .reason {
    width: 100%;
    margin: 0 auto;
    padding: 0;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
				overflow: hidden;
  }
  .reason_left {
    width: 45%;
  }
  .reason_right {
    width: 55%;
  }
}
@media screen and (min-width: 64em) {
#reason_online01 {
    height: auto;
    margin: 3.0rem auto 0;
			background-image: url(../img/oc/bg_reason01.png);
		background-repeat: no-repeat;
		background-position: top right;
		background-color: #dff4f2;
		background-size: 100%;
  }
#reason_online01 img.title_reason {
    margin: 0 auto;
    width: 100%;
    height: 100%;
    max-width: 1200px;
    max-height: 130px;
  }
#reason_online01 div.r_case01 {

    width: 100%;
    max-width: 2000px;
    text-align: center;
    float: right;
  }
#reason_online01 div.area {
    width: 100%;
    max-width: 1100px;
    margin: 4.5rem auto 4.5rem;
    padding: 1.5rem;
    text-align: center;
	min-height: 250px;
  }
#reason_online01 div.area p {
    margin: 0 2.0rem;
    font-size: 2.2rem;
    text-align: left;
  }
#reason_online01 div.area p span {
    color: #e60012;
    font-weight: bold;
  }
#reason_online01 div h4 {
    background: url(../img/lp/h4_bg02.png) no-repeat;
    height: 55px;
    margin: 2.0rem 0 2.0rem 2.0rem;
    padding: .4rem 0;
    font-size: 2.8rem;
    color: #322d2d;
    text-align: left;
  }
#reason_online01 div h4 span {
    display: inline-block;
    width: auto;
    color: #fff;
    margin: 0 5.5rem 0 1.5rem;
  }
#reason_online01 div img {
    width: 100%;
    height: 100%;
    max-width: 879px;
    max-height: 378px;
    margin: 2.5rem 0 0 0;
  }
  .reason {
    width: 100%;
    max-width: 1100px;
    margin: 0 auto;
    padding: 0;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
				overflow: hidden;
  }
  .reason_left {
    width: 45%;
  }
  .reason_right {
    width: 55%;
  }
}
/* 理由その2 ------------------- */
#reason_online02 {
  margin: 1.0rem 0 0;
		overflow: hidden;
		background-image: url(../img/oc/bg_reason02.png);
		background-repeat: no-repeat;
		background-position: top left;
		background-color: #f1e4dd;
		background-size: 200%;
}
#reason_online02 div.r_case02 {
	
}
#reason_online02 div.area {
  width: 100%;
margin: 1.5rem auto 0;
    padding: 0 1.5rem;
  text-align: center;
}
#reason_online02 div.area p {
  margin: 0 1.0rem;
  font-size: 4vw;
  text-align: left;
}
#reason_online02 div.area p.short {
  margin: 0 2.0rem;
  text-align: center;
}
#reason_online02 div.area p span {
  color: #e60012;
  font-weight: bold;
}
#reason_online02 div h4 {
  background: url(../img/lp/h4_bg02.png) no-repeat left 100%;
  height: 25px;
  margin: 0 0 1.0rem .5rem;
  padding: .5rem 0;
  font-size: 2.4vw;
  color: #fff;
  text-align: left;
}
#reason_online02 div h4 span {
  width: auto;
  color: #fff;
  margin: 0 .5rem;
  padding: 0;
}
#reason_online02 div h4 span.title_flex2 {
  display: inline;
  width: auto;
  color: #fff;
  margin: 0;
}
#reason_online02 div img {
  width: 100%;
  height: 100%;
  max-width: 660px;
  max-height: auto;
  margin: 1.0rem 0 0;
}

  .reason {
    width: 100%;
    margin: 0 auto;
    padding: 0;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
				overflow: hidden;
  }
  .reason_left {
    width: 0;
  }
  .reason_right {   
    width: 100%;
  }


@media screen and (min-width: 48em) {
#reason_online02 {
    height: auto;
    margin: 3.0rem auto 0;
		background-image: url(../img/oc/bg_reason02.png);
		background-repeat: no-repeat;
		background-position: top left;
		background-color: #f1e4dd;
	background-size: 100%;
  }
#reason_online02 div.r_case02 {
    /*background: url(../img/lp/bg_reason02_ipad.png) no-repeat right top 60px/110% auto;*/
    /*float: right;*/
  }
#reason_online02 div.area {
    width: 100%;
    margin: 4.5rem auto 4.5rem;
    padding: 0 3.5rem 0 0;
    text-align: center;
			min-height: 200px;
  }
#reason_online02 div.area p {
    margin: 0 0 0 1.0rem;
    font-size: 2.4vw;
    text-align: left;
  }
#reason_online02 div.area p.short {
    margin: 0 2.0rem 4.5rem;
    text-align: center;
  }
#reason_online02 div.area p span {
    color: #e60012;
    font-weight: bold;
  }
#reason_online02 div h4 {
    background: url(../img/lp/h4_bg02.png) no-repeat;
    height: 35px;
    margin: 2.0rem 0 2.0rem 1.0rem;
    padding: .4rem 0;
    font-size: 2.4vw;
    color: #322d2d;
    text-align: left;
  }
#reason_online02 div h4 span {
    width: auto;
    color: #fff;
    margin: 0 8.5rem 0 2.0rem;
    padding: 0;
  }
#reason_online02 div h4 span.title_flex2 {
    display: inline;
    width: auto;
    color: #322d2d;
    margin: 0;
  }
#reason_online02 div img {
    width: 100%;
    height: 100%;
    max-width: 660px;
    max-height: 425px;
    margin: 2.5rem 0 0 0;
  }
  .reason {
    width: 100%;
    margin: 0 auto;
    padding: 0;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
				overflow: hidden;
  }
  .reason_left {
    width: 45%;
  }
  .reason_right {
    width: 55%;
  }
}
@media screen and (min-width: 64em) {
#reason_online02 {
    height: auto;
    margin: 3.0rem auto 0;
		background-image: url(../img/oc/bg_reason02.png);
		background-repeat: no-repeat;
		background-position: top left;
		 background-color: #f1e4dd;
		background-size: 100%;
  }
#reason_online02 div.r_case02 {
/*background: url(../img/lp/bg_reason02.png) no-repeat left bottom/120% auto;*/
    width: 100%;
    max-width: 2000px;
    /*float: left;*/
  }
#reason_online02 div.area {
    margin: 4.5rem auto 4.5rem;
    padding: 1.5rem;
	min-height: 250px;
  }
#reason_online02 div.area p {
    margin: 0rem 2.0rem 2.0rem;
    font-size: 2.2rem;
    text-align: left;
  }
#reason_online02 div.area p.short {
    margin: 0 2.0rem 4.5rem;
    text-align: left;
  }
#reason_online02 div.area p span {
    color: #e60012;
    font-weight: bold;
  }
#reason_online02 div h4 {
    background: url(../img/lp/h4_bg02.png) no-repeat;
    height: 55px;
    margin: 2.0rem 2.0rem;
    padding: 0.5rem 0;
    font-size: 2.8rem;
    color: #322d2d;
    text-align: left;
  }
#reason_online02 div h4 span {
    width: auto;
    color: #fff;
    margin: 0 5.5rem 0 1.5rem;
    padding: 0;
  }
#reason_online02 div h4 span.title_flex2 {
    display: inline-block;
    width: auto;
    color: #322d2d;
    margin: -15.5rem 0 0 20.5rem;
  }
#reason_online02 div img {
    width: 100%;
    height: 100%;
    max-width: 660px;
    max-height: 425px;
    margin: 0;
  }
  .reason {
    width: 100%;
    max-width: 1100px;
    margin: 0 auto;
    padding: 0;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
				overflow: hidden;
  }
  .reason_left {
    width: 45%;
  }
  .reason_right {
    width: 55%;
  }
}

/* 理由その3 ------------------- */
#reason_online03 {
	margin: 1.0rem 0 0;
		overflow: hidden;
			background-image: url(../img/oc/bg_reason03.png);
		background-repeat: no-repeat;
		background-position: top right;
		background-color: #E4E7EA;
		background-size: 200%;

}
#reason_online03 img.title_reason {
  margin: -.5rem auto 0;
  width: 100%;
  height: 100%;
  max-width: 1200px;
  max-height: 130px;
}
#reason_online03 div.r_case03 {
  /*background: url(../img/lp/bg_reason01.jpg) no-repeat right top/150% auto;*/
}
#reason_online03 div.area {
  width: 100%;
margin: 1.5rem auto 0;
    padding: 0 1.5rem;
  text-align: center;
}
#reason_online03 div.area p {
  margin: 0 1.0rem;
  font-size: 4vw;
  text-align: left;
}
#reason_online03 div.area p span {
  color: #e60012;
  font-weight: bold;
}
#reason_online03 div h4 {
  background: url(../img/lp/h4_bg02.png) no-repeat left 100%;
  height: 25px;
  margin: 0 0 1.0rem .5rem;
  padding: .5rem 0;
  font-size: 2.4vw;
  color: #fff;
  text-align: left;
}
#reason_online03 div h4 span {
  display: inline;
  width: auto;
  color: #fff;
  margin: 0 .5rem;
}
}
#reason_online03 div img {
  width: 100%;
  height: 100%;
  max-width: 480px;
  max-height: 100%;
  margin: .5rem 0 0;
}

  .reason {
    width: 100%;
    margin: 0 auto;
    padding: 0;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
				overflow: hidden;
  }
  .reason_left {
    width: 100%;
  }
  .reason_right {
    width: 0;
  }

@media screen and (min-width: 48em) {
#reason_online03 {
    height: auto;
    margin: 3.0rem auto 0;
    	background-image: url(../img/oc/bg_reason03.png);
		background-repeat: no-repeat;
		background-position: top right;
		background-color: #E4E7EA;
	background-size: 100%;

  }
#reason_online03 img.title_reason {
    margin: -1.5rem auto 0;
    width: 100%;
    height: 100%;
    max-width: 1200px;
    max-height: 130px;
  }
#reason_online03 div.r_case03 {
    /*background: url(../img/lp/bg_reason01.jpg) no-repeat right top/contain;*/
    width: 70%;
    height: auto;
    float: left;
  }
#reason_online03 div.area {
    width: 100%;
    margin: 4.5rem auto 4.5rem;
    padding: 0 3.5rem 0 0;
    text-align: center;
	min-height: 200px;
  }
#reason_online03 div.area p {
    margin: 0 2.0rem;
    font-size: 2.4vw;
    text-align: left;
  }
#reason_online03 div.area p span {
    color: #e60012;
    font-weight: bold;
  }
#reason_online03 div h4 {
    background: url(../img/lp/h4_bg02.png) no-repeat;
    height: 35px;
    margin: 2.0rem 0 2.0rem 2.0rem;
    padding: .4rem 0;
    font-size: 2.4vw;
    color: #322d2d;
    text-align: left;
  }
#reason_online03 div h4 span {
    display: inline-block;
    width: auto;
    color: #fff;
    margin: 0 8.5rem 0 2.0rem;
  }
#reason_online03 div img {
    width: 100%;
    height: 100%;
    max-width: 879px;
    max-height: 378px;
    margin: 2.5rem 0 2.5rem 0;
  }
  .reason {
    width: 100%;
    margin: 0 auto;
    padding: 0;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
				overflow: hidden;
  }
  .reason_left {
    width: 45%;
  }
  .reason_right {
    width: 55%;
  }
}
@media screen and (min-width: 64em) {
#reason_online03 {
    height: auto;
    margin: 3.0rem auto 0;
    background-image: url(../img/oc/bg_reason03.png);
		background-repeat: no-repeat;
		background-position: top right;
		background-color: #E4E7EA;
		background-size: 100%;
  }
#reason_online03 img.title_reason {
    margin: 0 auto;
    width: 100%;
    height: 100%;
    max-width: 1200px;
    max-height: 130px;
  }
#reason_online03 div.r_case03 {
    /*background: url(../img/lp/bg_reason01.jpg) no-repeat right top/100% auto;*/
    width: 100%;
    max-width: 2000px;
    text-align: center;
    float: right;
  }
#reason_online03 div.area {
    width: 100%;
    max-width: 1100px;
    margin: 4.5rem auto 4.5rem;
    padding: 1.5rem;
    text-align: center;
			min-height: 250px;
  }
#reason_online03 div.area p {
    margin: 0 2.0rem;
    font-size: 2.2rem;
    text-align: left;
  }
#reason_online03 div.area p span {
    color: #e60012;
    font-weight: bold;
  }
#reason_online03 div h4 {
    background: url(../img/lp/h4_bg02.png) no-repeat;
    height: 55px;
    margin: 2.0rem 0 2.0rem 2.0rem;
    padding: .4rem 0;
    font-size: 2.8rem;
    color: #322d2d;
    text-align: left;
  }
#reason_online03 div h4 span {
    display: inline-block;
    width: auto;
    color: #fff;
    margin: 0 5.5rem 0 1.5rem;
  }
#reason_online03 div img {
    width: 100%;
    height: 100%;
    max-width: 879px;
    max-height: 378px;
    margin: 2.5rem 0 0 0;
  }
  .reason {
    width: 100%;
    max-width: 1100px;
    margin: 0 auto;
    padding: 0;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
				overflow: hidden;
  }
  .reason_left {
    width: 45%;
  }
  .reason_right {
    width: 55%;
  }
}
/* 理由その4 ------------------- */
#reason_online04 {
  margin: 1.0rem 0 0;
	overflow: hidden;
	background-image: url(../img/oc/bg_reason04.png);
		background-repeat: no-repeat;
		background-position: top left;
		background-color: #f1e4dd;
		background-size: 200%;

}
#reason_online04 div.r_case04 {
  /*background: url(../img/lp/bg_reason02_sp.png) no-repeat right top/100% auto;*/
}
#reason_online04 div.area {
  width: 100%;
margin: 1.5rem auto 0;
    padding: 0 1.5rem;
  text-align: center;
}
#reason_online04 div.area p {
  margin: 0 1.0rem;
  font-size: 4vw;
  text-align: left;
}
#reason_online04 div.area p.short {
  margin: 0 2.0rem;
  text-align: center;
}
#reason_online04 div.area p span {
  color: #e60012;
  font-weight: bold;
}
#reason_online04 div h4 {
  background: url(../img/lp/h4_bg02.png) no-repeat left 100%;
  height: 25px;
  margin: 0 0 1.0rem .5rem;
  padding: .5rem 0;
  font-size: 2.4vw;
  color: #fff;
  text-align: left;
}
#reason_online04 div h4 span {
  width: auto;
  color: #fff;
  margin: 0 .5rem;
  padding: 0;
}
#reason_online04 div h4 span.title_flex2 {
  display: inline;
  width: auto;
  color: #fff;
  margin: 0;
}
#reason_online04 div img {
  width: 100%;
  height: 100%;
  max-width: 660px;
  max-height: auto;
  margin: 1.0rem 0 0;
}

  .reason {
    width: 100%;
    margin: 0 auto;
    padding: 0;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
				overflow: hidden;
  }
  .reason_left {
    width: 0;
  }
  .reason_right {   
    width: 100%;
  }

@media screen and (min-width: 48em) {
#reason_online04 {
    height: auto;
    margin: 3.0rem auto 0;
		background-image: url(../img/oc/bg_reason04.png);
		background-repeat: no-repeat;
		background-position: top left;
		background-color: #f1e4dd;
	background-size: 100%;
  }
#reason_online04 div.r_case04 {
    /*background: url(../img/lp/bg_reason02_ipad.png) no-repeat right top 60px/110% auto;*/
    /*float: right;*/
  }
#reason_online04 div.area {
    width: 100%;
    margin: 4.5rem auto 4.5rem;
    padding: 0 3.5rem 0 0;
    text-align: center;
				min-height: 200px;
  }
#reason_online04 div.area p {
    margin: 0 0 0 1.0rem;
    font-size: 2.4vw;
    text-align: left;
  }
#reason_online04 div.area p.short {
    margin: 0 2.0rem 4.5rem;
    text-align: center;
  }
#reason_online04 div.area p span {
    color: #e60012;
    font-weight: bold;
  }
#reason_online04 div h4 {
    background: url(../img/lp/h4_bg02.png) no-repeat;
    height: 35px;
    margin: 2.0rem 0 2.0rem 1.0rem;
    padding: .4rem 0;
    font-size: 2.4vw;
    color: #322d2d;
    text-align: left;
  }
#reason_online04 div h4 span {
    width: auto;
    color: #fff;
    margin: 0 8.5rem 0 2.0rem;
    padding: 0;
  }
#reason_online02 div h4 span.title_flex2 {
    display: inline;
    width: auto;
    color: #322d2d;
    margin: 0;
  }
#reason_online04 div img {
    width: 100%;
    height: 100%;
    max-width: 660px;
    max-height: 425px;
    margin: 2.5rem 0 0 0;
  }
  .reason {
    width: 100%;
    margin: 0 auto;
    padding: 0;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
		overflow: hidden;
  }
  .reason_left {
    width: 45%;
  }
  .reason_right {
    width: 55%;
  }
}
@media screen and (min-width: 64em) {
#reason_online04 {
    height: auto;
    margin: 3.0rem auto 0;
		background-image: url(../img/oc/bg_reason04.png);
		background-repeat: no-repeat;
		background-position: top left;
		 background-color: #c6cbe4;
		background-size: 100%;

  }
#reason_online04 div.r_case02 {
/*background: url(../img/lp/bg_reason02.png) no-repeat left bottom/120% auto;*/
    width: 100%;
    max-width: 2000px;
    float: left;
  }
#reason_online04 div.area {
    margin: 4.5rem auto 4.5rem;
    padding: 1.5rem;
			min-height: 250px;
  }
#reason_online04 div.area p {
    margin: 0rem 2.0rem 2.0rem;
    font-size: 2.2rem;
    text-align: left;
  }
#reason_online04 div.area p.short {
    margin: 0 2.0rem 4.5rem;
    text-align: left;
  }
#reason_online04 div.area p span {
    color: #e60012;
    font-weight: bold;
  }
#reason_online04 div h4 {
    background: url(../img/lp/h4_bg02.png) no-repeat;
    height: 55px;
    margin: 2.0rem 2.0rem;
    padding: 0.5rem 0;
    font-size: 2.8rem;
    color: #322d2d;
    text-align: left;
  }
#reason_online04 div h4 span {
    width: auto;
    color: #fff;
    margin: 0 5.5rem 0 1.5rem;
    padding: 0;
  }
#reason_online04 div h4 span.title_flex2 {
    display: inline-block;
    width: auto;
    color: #322d2d;
    margin: -15.5rem 0 0 20.5rem;
  }
#reason_online04 div img {
    width: 100%;
    height: 100%;
    max-width: 660px;
    max-height: 425px;
    margin: 0;
  }
  .reason {
    width: 100%;
    max-width: 1100px;
    margin: 0 auto;
    padding: 0;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
		overflow: hidden;
  }
  .reason_left {
    width: 45%;
  }
  .reason_right {
    width: 55%;
  }
}