.flexBetween {
  display: flex;
  justify-content: space-between;
}
.flexCenter {
  display: flex;
  justify-content: center;
}
.flexWrap {
  flex-wrap: wrap;
}
.taCenter {
  text-align: center;
}
.taRight {
  text-align: right;
}
.taLeft {
  text-align: left;
}
.mb5,
.allmb5 li {
  margin-bottom: 5px;
}
.mb10,
.allmb10 li {
  margin-bottom: 10px;
}
.mb20,
.allmb20 li {
  margin-bottom: 20px;
}
.mb30,
.allmb30 li {
  margin-bottom: 30px;
}
.mb40,
.allmb40 li {
  margin-bottom: 40px;
}
.mb50,
.allmb50 li {
  margin-bottom: 50px;
}
.mb60,
.allmb60 li {
  margin-bottom: 60px;
}
.mb70,
.allmb70 li {
  margin-bottom: 70px;
}
.mb80,
.allmb80 li {
  margin-bottom: 80px;
}
.over_css:hover {
  opacity: 0.7;
  transition: 0.3s;
}
.over_css_ml a:hover img {
  opacity: 0.7;
  transition: 0.3s;
}
.fs-inner {
  width: 1000px;
  margin: 0 auto;
}
.textLarge {
  font-size: 20px;
}
@media (max-width: 480px) {
  .fs-inner {
    width: 100%;
    padding: 0 8px;
    box-sizing: border-box;
  }
  .textLarge {
    font-size: 16px;
  }
}
.fs-btn a {
  display: block;
  width: 350px;
  padding: 1.5% 0;
  text-align: center;
  font-size: 17px;
  color: #FFF;
  background-image: url(../../images/btn_arrow.svg);
  background-repeat: no-repeat;
  background-position: right 20px center;
  margin-left: auto;
  border-radius: 3px;
}
.fs-btn a:hover {
  text-decoration: none;
  opacity: 0.7;
  transition: 0.3s;
}
.fs-ttl {
  width: 1000px;
  text-align: center;
  font-size: 40px;
  letter-spacing: 2px;
  border-bottom: 1px solid #000;
  padding-bottom: 15px;
  margin: 0 auto 40px auto;
}
.fs-section {
  margin-bottom: 120px;
}
.fs-Wide {
  box-sizing: border-box;
  margin-right: calc(50% - 50vw);
  margin-left: calc(50% - 50vw);
  width: 100vw;
}
.body-top-page #wrapper {
  min-width: 1000px;
  overflow: hidden;
}
.body-top-page #main {
  overflow: visible;
}
.body-top-page div#recommendContentsBox h3, .body-top-page div#recommendContentsBox .recommendContents, .body-top-page #whatnew_field .whatnew, .body-top-page #top_bukken_field .top_bukken_group h3, .body-top-page .top_bukken_group .bukken_list {
  width: 1000px;
  margin-right: auto;
  margin-left: auto;
  border-bottom: none;
}
#recommendContentsBox1,
#recommendContentsBox2,
#recommendContentsBox3 {
  width: 1000px;
  margin-right: auto;
  margin-left: auto;
}
#recommendContentsBox1 h3,
#recommendContentsBox2 h3,
#recommendContentsBox3 h3 {
  border-bottom: none;
}
#whatnew_field {
  margin-bottom: 120px;
}
.mainColor {
  background-color: #003E89;
}
.mainColor--text {
  color: #0099ff;
}
.fs-saleMenu__contents__ttl .mainColor--text {
  color: #A3C31D;
}
.subColor {
  background-color: #FFAC00;
}
.subColor--text {
  color: #FFAC00;
}
.accentColor {
  background-color: #381F1C;
}
.accentColor--text {
  color: #381F1C;
}
#header_nav {
  position: absolute;
  bottom: 0;
  height: 40px;
  width: 435px;
  z-index: 1;
  right: 220px;
}
#header #header_nav {
  display: flex;
  justify-content: space-between;
}
#header_nav>li {
  float: left;
  position: relative;
  cursor: pointer;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 15px;
  color: #000;
  text-align: center;
  line-height: 1.2;
}
#header_nav>li:last-child::before {
  right: 0;
  left: auto;
}
#header_nav>li>a {
  color: #000;
}
.pulldown {
  width: 100%;
  position: absolute;
  box-sizing: border-box;
  transform: translateY(100%);
  left: 0px;
  bottom: 0;
  background: #fff;
  z-index: 100;
  border-right: 1px solid #CCC;
  border-left: 1px solid #CCC;
  border-bottom: 1px solid #CCC;
  padding: 5px 0;
}
.pulldown li {
  border-bottom: 1px solid #ccc;
}
#header_nav .pulldown li:last-child {
  border: none;
}
.pulldown_li {
  background-position: bottom 5px center;
  background-repeat: no-repeat;
}
.pulldown li a {
  font-size: 12px;
  text-align: center;
  display: block;
  padding: 10px 0;
  text-decoration: none;
  color: #333;
}
.pulldown li a:hover {
  opacity: 0.7;
}

.pulldown {
  display: none !important;
}
#header_nav>li:hover .pulldown {
  display: block !important;
}
.header_btn {
  position: absolute;
  right: 0;
  display: flex !important;
}
.header_btn li a {
  height: 85px;
  font-weight: 600;
  color: #fff;
  line-height: 10;
  display: block;
  width: 85px;
  text-align: center;
  letter-spacing: 1px;
}
.header_btn li:hover {
  opacity: 0.7;
  transition: 0.3s;
}
.btn-contact {
  background-color: #A3C31D;
  background-image: url("../../images/header_contact.svg");
  background-repeat: no-repeat;
  background-position: right 50% bottom 65%;
}
.btn-assessment {
  background-color: #EE4035;
  background-image: url("../../images/header_assessment.svg");
  background-repeat: no-repeat;
  background-position: right 50% bottom 65%;
}


#topBtn {
  position: fixed;
  right: 0;
  top: 20%;
  z-index: 100;
  cursor: pointer;
}

.fs-mainimage img {
  width: 100%;
  min-width: 1000px;
}

.fs-um__contact {
  width: 1000px;
  margin: 0 auto 80px auto;
  background: #fff;
  padding: 45px 0;
  position: relative;
  margin-bottom: 80px;
  display: block;
  z-index: 2;
  top: -50px;
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
  border-radius: 3px;
}
.fs-um__contactInner {
  width: 960px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  padding-top: 25px;
}
.fs-um__contactInner li {
  width: 470px;
}
.fs-um_assessmentBtn a {
  display: block;
  text-align: center;
  color: #FFF;
  border-radius: 3px;
  border-bottom: 4px solid rgba(0, 0, 0, 0.2);
  background-color: #ee4035;
  background-size: auto, 25px;
  font-size: 25px;
  font-weight: bold;
  
  letter-spacing: 1px;
  line-height: 80px;
  height: 80px;
  position: relative;
}
.fs-um_assessmentBtn a:before {
  content: '';
  display: inline-block;
  width: 30px;
  height: 30px;
  background-image: url(../../images/um_assessment.svg);
  background-size: contain;
  vertical-align: middle;
  background-repeat: no-repeat;
  margin-right: 15px;
}
.fs-um_assessmentBtn a:after,
.fs-um_contactBtn a:after {
  content: '';
  display: inline-block;
  width: 9px;
  height: 14px;
  background-image: url(../../images/um_contact_arrow.svg);
  background-size: contain;
  vertical-align: middle;
  background-repeat: no-repeat;
  position: absolute;
  right: 20px;
  top: 40%;
}
.fs-um_contactBtn a {
  display: block;
  text-align: center;
  color: #FFF;
  margin-left: auto;
  border-radius: 3px;
  border-bottom: 4px solid rgba(0, 0, 0, 0.2);
  background-color: #a3c31d;
  background-size: auto, 24px;
  font-size: 25px;
  font-weight: bold;
  
  letter-spacing: 1px;
  line-height: 80px;
  height: 80px;
  position: relative;
}
.fs-um_contactBtn a:before {
  content: '';
  display: inline-block;
  width: 30px;
  height: 30px;
  background-image: url(../../images/um_contact.svg);
  background-size: contain;
  vertical-align: middle;
  background-repeat: no-repeat;
  margin-right: 15px;
}
.fs-um_assessmentBtn a:hover,
.fs-um_contactBtn a:hover {
  opacity: 0.7;
  transition: 0.3s;
  text-decoration: none;
}

.fs-elected {
  background: linear-gradient(transparent 55%, #FCFAF8 55%);
  padding-bottom: 80px;
}
.fs-elected__ttlGroup {
  background: url("../../images/elected_ttl.png") no-repeat;
  padding-bottom: 80px;
}
.fs-elected__ttl {
  font-weight: bold;
  text-align: center;
  font-size: 55px;
  letter-spacing: 6px;
  padding-bottom: 10px;
}
.fs-elected__number {
  font-size: 120px;
  font-weight: 900;
}
.fs-elected__inner {
  width: 100%;
  margin: 0 auto;
  display: flex;
  position: relative;
  min-width: 1000px;
}
.fs-elected__pic {
  padding: 0 0 5% 3.5%;
  width: 60%;
}
.fs-elected__pic img {
  height: auto;
  width: 100%;
}
.fs-elected__point {
  width: 100%;
  padding: 0 3.5%;
}
.fs-elected__point__ttl {
  display: flex;
  align-items: center;
  padding-bottom: 15px;
}
.fs-elected__point__ttl h4 {
  color: #fff;
  font-size: 18px;
  text-align: center;
  padding: 10px 20px;
  margin-right: 20px;
}
.fs-elected__point__ttl p {
  font-weight: bold;
  font-size: 30px;
}
.fs-elected__btn {
  margin-top: 110px;
}

.fs-saleMenu__ttlGroup {
  background: url(../../images/menu_ttl.png) no-repeat center;
  padding: 40px 0;
  text-align: center;
  font-weight: bold;
  margin-bottom: 80px;
}
.fs-saleMenu__ttl {
  font-size: 60px;
  text-align: center;
  font-weight: bold;
  padding-bottom: 15px;
}
.fs-saleMenu__contents {
  display: flex;
  align-items: center;
  min-width: 1000px;
}
.fs-saleMenu__text {
  width: 55%;
  padding: 0 3.5%;
}
.fs-saleMenu__text p {
  line-height: 2;
}
.fs-saleMenu__contents__ttl {
  font-size: 40px;
  padding-bottom: 20px;
}
.fs-saleMenu__reverse {
  flex-direction: row-reverse;
}

.fs-saleSystem__ttlGroup {
  padding: 25px 0;
  text-align: center;
}
.fs-saleSystem__menu {
  background: #E0EDDE;
  padding: 60px 0 40px 0;
}
.fs-saleSystem__list {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  padding-top: 40px;
}
.fs-saleSystem__list li {
  box-shadow: 0 10px 25px 0 rgb(0 0 0 / 5%);
}

.fs-voiceBtn a {
  margin: 0 auto 80px auto;
  padding: 1% 0;
}

.fs-assessment {}
.fs-assessment__ttl {
  position: relative;
  display: inline-block;
  margin: 0;
  padding: 0;
  width: 100%;
}
.fs-assessment__ttl h3 {
  border-bottom: none;
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
}
.fs-assessment__ttl img {
  display: block;
  margin: 0 auto;
  position: relative;
  top: -50px;
}
.fs-assessment__ttl:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -15px;
  border: 15px solid transparent;
  border-top: 15px solid #167600;
}
.fs-assessment__inner {
  background: #F7F5F3;
  padding: 50px 0 10px 0;
}
.fs-assessment__btnList {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  padding-top: 40px;
}

.fs-company__group {}
.fs-company {
  
}
.fs-company__ttl {
  text-align: center;
  font-size: 40px;
  letter-spacing: 2px;
  border-bottom: 1px solid #000;
  padding-bottom: 15px;
  margin-bottom: 40px;
}
.fs-company__inner {
  display: flex;
  flex-wrap: wrap;
}
.fs-company__photo img {
  width: 400px;
  height: 340px;
  object-fit: cover;
}
.fs-company__info {
  padding: 0 0 0 40px;
  width: 55%;
}
.fs-company__info h4 {
  font-size: 25px;
  margin-bottom: 30px;
}
.fs-company__info dl {
  padding-bottom: 25px;
}
.fs-company__access dt,
.fs-company__number dt {
  border-bottom: 1px dashed #707070;
  font-weight: bold;
  font-size: 18px;
  padding-bottom: 15px;
  margin-bottom: 10px;
  display: block;
  width: 100%;
}
.fs-company__access dd,
.fs-company__number dd {
  font-size: 20px;
}
.fs-company__number {
  width: 48%;
}
.fs-company__btnGroup {
  display: flex;
}
.fs-company__btnGroup li {
  margin-right: 20px
}
.fs-company__btn a {
  width: 170px;
  padding: 8% 0;
  font-size: 16px;
}
.fs-banner {
  padding: 80px 0;
}

.fs-section--color {
  background: #FBF9F7;
}
.fs-feature {
  padding: 80px 0;
}
.fs-feature__ttl {
  border-left: double #000;
  font-size: 30px;
  padding: 10px 0 10px 20px;
  margin-bottom: 20px;
}
.fs-featureBtn a {
  margin: 0 auto;
}

.fs-areaBtn {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.fs-areaBtn__group {
  display: flex;
  justify-content: space-between;
}
.fs-areaBtn__group li a {
  display: block;
  border: 2px solid #E6E6E6;
  box-sizing: border-box;
  font-size: 25px;
  font-weight: 200;
  color: #000;
  padding: 10px 0;
  position: relative;
  background-color: #FCFDFC;
  font-weight: 400;
}
.fs-areaBtn__group li a:hover {
  text-decoration: none;
  opacity: 0.7;
  transition: 0.3s;
}
.fs-areaBtn__list {
  width: 100%;
  margin: 0 8px;
}
.fs-areaBtn__list:first-child {
  margin-left: 0;
}
.fs-areaBtn__list:last-child {
  margin-right: 0;
}
.fs-areaHouse a:before {
  content: '';
  display: inline-block;
  width: 75px;
  height: 75px;
  background-image: url(../../images/area_houseIcon.svg);
  background-size: contain;
  vertical-align: middle;
  background-repeat: no-repeat;
  margin: 0 20px 0 35px;
}
.fs-areaMansion a:before {
  content: '';
  display: inline-block;
  width: 75px;
  height: 75px;
  background-image: url(../../images/area_mansionIcon.svg);
  background-size: contain;
  vertical-align: middle;
  background-repeat: no-repeat;
  margin: 0 20px 0 35px;
}
.fs-areaLand a:before {
  content: '';
  display: inline-block;
  width: 75px;
  height: 75px;
  background-image: url(../../images/area_landIcon.svg);
  background-size: contain;
  vertical-align: middle;
  background-repeat: no-repeat;
  margin: 0 20px 0 35px;
}
.fs-areaProceeds a:before {
  content: '';
  display: inline-block;
  width: 75px;
  height: 75px;
  background-image: url(../../images/area_proceedsIcon.svg);
  background-size: contain;
  vertical-align: middle;
  background-repeat: no-repeat;
  margin: 0 20px 0 35px;
}
.fs-areaProceeds2 a:before {
  content: '';
  display: inline-block;
  width: 75px;
  height: 75px;
  background-image: url(../../images/area_proceeds2Icon.svg);
  background-size: contain;
  vertical-align: middle;
  background-repeat: no-repeat;
  margin: 0 20px 0 35px;
}
.fs-areaBtn__list a:after {
  content: '';
  display: inline-block;
  width: 7px;
  height: 11px;
  background-image: url(../../images/area_bnarrow.svg);
  background-size: contain;
  vertical-align: middle;
  background-repeat: no-repeat;
  position: absolute;
  top: 40px;
  right: 20px;
}

#footer {
  border-top: 3px solid #003E89;
  padding: 20px 0;
}
.fs-footer__menuGroup {
  display: flex;
  margin-top: 40px;
}
.fs-footer__menu {
  margin-right: 45px;
  width: 200px;
}
.fs-footer__menuInfo {
  width: 280px;
}
.fs-footer__menu h4 {
  font-size: 16px;
  margin-bottom: 15px;
  padding: 0 15px 5px 15px;
  border-bottom: 1px solid #000;
}
.fs-footer__menuList {
  padding: 0 10px;
}
.fs-footer__menuList li::before {
  content: "・";
  margin-right: 5px;
}
.fs-footer__menuInner {
  display: flex;
}
.fs-footer__menu li a {
  color: #000;
}

@media (max-width: 1400px) {
  
  #header_nav {
    width: 380px;
    right: 200px;
  }
  #header_nav>li {
    font-size: 13px;
  }
  .headerInnerR {
    width: 28.5%;
    right: 200px;
  }
  .headerInnerL {
    width: 321px;
    height: auto;
  }
  .headerInnerL img {
    max-width: 100%;
    height: auto;
  }
  .headerInnerR img {
    max-width: 100%;
    height: auto;
  }
  
  .fs-um__contact {
    width: 850px;
  }
  .fs-um__contact img {
    width: 100%;
  }
  .fs-um__contact h4 {
    width: 90%;
    margin: 0 auto;
  }
  .fs-um__contactInner {
    width: 750px;
  }
  .fs-um__contactInner li {
    width: 48.5%;
  }
  .fs-um__contactInner li a {
    font-size: 20px;
  }
  
  .fs-elected__pic {
    width: 70%;
  }
  
  .fs-saleMenu__contents__pic {
    width: 60%;
  }
  .fs-saleMenu__contents__pic img {
    height: auto;
    width: 100%;
  }
}
@media screen and (max-width: 1000px) {
  
  .fs-Wide {
    margin-right: 0;
    margin-left: 0;
    width: 1000px;
    min-width: 1000px;
  }
}
@media screen and (min-width: 1000px) {
  
  .body-top-page, .body-store-page {
    overflow: hidden;
    
  }
}

.pagetop a img {
  display: none;
}
.pagetop {
  margin: 0 auto 30px;
  width: 1000px;
  position: relative;
  display: block;
  height: 30px;
}
.pagetop p a {
  width: 30px;
  height: 30px;
  display: block;
  background-color: #003e89;
  position: absolute;
  right: 0;
}
.pagetop p a::before {
  margin-top: -4px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.pagetop p a::before,
.pagetop p a::after {
  display: block;
  content: '';
  width: 8px;
  height: 2px;
  position: absolute;
  top: 60%;
  right: 8px;
  background: #FFF;
  border-radius: 0px;
}
.pagetop p a::after {
  margin: -4px 5px 0 0;
  transform: rotate(-45deg);
}
.pagetop p a:hover {
  opacity: 0.7;
  transition: 0.3s;
  text-decoration: none;
}


.op-wide #contents,
.op-wide #contentsInnner,
.op-wide #main,
.op-wide #original_contents_fixed {
  width: 100%;
  display: block;
  min-width: 1000px;
}


#original_contents_fixed .opframe h3 {
  font-size: 30px;
  line-height: 2;
  padding: 60px 0;
  background: rgba(0, 0, 0, 0.7);
}
@media (max-width: 480px) {
  #original_contents_fixed .opframe h3 {
    padding: 40px;
    line-height: 1.7;
    font-size: 19px;
  }
  #original_contents_fixed .opframe h3 br {
    display: none;
  }

}

.op-h4Reset {
  font-weight: normal;
}

.op-section {
  margin-bottom: 30px;
}

.op-mainColor {
  background-color: #0472D0;
}
.op-mainColor__text {
  color: #0472D0;
}
.op-section__color {
  background-color: #F2F2F2;
}
.op-sale__color {
  background: #0452A0;
}
.op-sale__colorText {
  color: #0452A0;
}

.op--mainttl {
  color: #fff;
  text-align: center;
  font-weight: 600;
  text-shadow: 0 0 8px rgb(0 0 0 / 30%);
}
.op--subttl {
  position: relative;
  padding: 0;
  text-align: left;
  clear: both;
  margin-bottom: 40px;
}
.op--subttl span {
  position: relative;
  padding: 0 1em 0 0;
  background: #fff;
}
.op--subttl:before {
  position: absolute;
  top: calc(50% - 1px);
  left: 0;
  width: 100%;
  height: 2px;
  content: '';
  background: #000;
}
.op-text__middle {
  font-size: 30px;
  padding: 50px;
}
.op-ttl__text {
  font-size: 40px;
}
@media (max-width: 480px) {
  .op-ttl__text {
    font-size: 24px;
  }
}

.op--main {
  position: relative;
  background-repeat: no-repeat;
  background-image: url(../img/business-corporate-workplace-team-plan-project.jpg);
  background-size: cover;
  background-position: center;
}

.op-um__section {
  position: relative;
  display: inline-block;
  padding: 40px 0 0 0;
  min-width: 1000px;
  width: 100%;
}
@media (max-width: 480px) {
  .op-um__section {
    min-width: 320px;
  }
}

.op-um__section:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -15px;
  border: 15px solid transparent;
  border-top: 15px solid #F8F7F3;
}
.op-um__sectionTtl {
  font-weight: bold !important;
}
@media (max-width: 480px) {
  .op-um__sectionTtl {
    line-height: 1.5;
    font-size: 24px;
  }
}
.op-um__sectionList {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.op-um__sectionList li {
  width: calc(50% - 25px);
  margin-bottom: 20px;
  display: flex;
  align-items: center;
}
@media (max-width: 480px) {
  .op-um__sectionList {
    display: block;
  }
  .op-um__sectionList li {width: 100%;text-align: center;display: block;font-size: 14px;}
}

.op-contact {
  position: relative;
  padding: 75px 0;
  background-blend-mode: multiply;
  background-color: rgba(0, 0, 0, 0.5);
}
.op-contact__inner {
  width: 1000px;
  margin: 0 auto;
}
.op-contactTtl {
  text-align: center;
  color: #fff;
  display: block;
}
.op-contactBtn {
  display: block;
  text-align: center;
  color: #000;
  border-radius: 50px;
  background-color: #fff;
  background-size: auto, 25px;
  font-size: 20px;
  font-weight: bold;
  letter-spacing: 1px;
  line-height: 80px;
  height: 80px;
  position: relative;
  width: 70%;
  margin: 0 auto;
}
.op-contactBtn:hover {
  text-decoration: none;
}
.op-contactBtn:before {
  content: '';
  display: inline-block;
  width: 30px;
  height: 30px;
  background-image: url(../../item/contents_mailIcon.svg);
  background-size: contain;
  vertical-align: middle;
  background-repeat: no-repeat;
  margin-right: 15px;
}
.op-contactBtn:after {
  content: '';
  display: inline-block;
  width: 5px;
  height: 11px;
  background-image: url(../../item/contact_arrow.svg);
  background-size: contain;
  vertical-align: middle;
  background-repeat: no-repeat;
  position: absolute;
  top: 38px;
  right: 50px;
}

.op-contentsFlow {
  display: flex;
  
  
  align-items: start;
}

.op-questionGroup {
  text-align: left;
}
.answer--text {}
.op-question__list {
  border-bottom: 5px dashed #F2F2F2;
}
.question--text {
  padding: 30px 30px 30px 15px;
  
  position: relative;
  font-weight: bold;
  cursor: pointer;
}
.question--text::before {
  content: "Q.";
  margin-right: 15px;
  color: #0472D0;
}
.question--text.active::after {
  
  content: "";
  transform: rotate(-45deg);
  border-bottom: none !important;
}
.answer--text {
  font-weight: normal;
  color: #000;
  padding: 20px 40px 30px 15px;
  padding-left: 2.5em;
  text-indent: -2.5em;
}
.answer--text::before {
  content: "A.";
  margin-right: 15px;
  color: #FFAC00;
  font-weight:
    bold;
  margin-left: 15px;
}
@media (max-width: 480px) {
  .question--text {
  line-height: 2;
  opacity: 0.4;
  padding-bottom: 0;
  padding-left: 40px;
  text-indent: -30px;
  }
  .answer--text {
  padding-left: 40px;
  text-indent: -46px;
  padding-bottom: 15px;
  }
  .op-question__list {
    border-bottom: 3px dashed #F2F2F2;
  }
}

.op-buy__main {}
.op-buy__service {
  font-size: 50px;
  background: linear-gradient(transparent 50%, #FFE6D5 0%);
  margin: 0 15px 0 0;
  padding: 0 15px;
}
.op-buyService__ttl {
  text-align: center;
  padding-bottom: 60px;
}
.op-buy__serviceFLow_ttl {
  text-align: center;
  padding: 60px 0 90px;
  z-index: 0;
}
@media (max-width: 480px) {
  .op-buy__serviceFLow_ttl {
    padding: 40px;
    font-size: 18px;
    margin-bottom: 40px;
  }
}
.op-buy__service__pic {
  position: relative;
  bottom: 50px;
}
@media (max-width: 480px) {
  .op-buy__service__pic {
    width: 90%;
  }
}
.op-buy__pointTop__ttl {
  padding: 15px 0 15px 20px;
  box-sizing: border-box;
  margin-bottom: 40px;
}
.op-buy__pointTtl {
  margin-bottom: 15px;
}
.op-buy__pointTtl small {
  color: #fff;
  font-size: 15px;
  padding: 5px 20px;
  border-radius: 50px;
  margin-bottom: 10px;
  display: inline-block;
  font-weight: bold;
}
.op-buy__pointTtl p {
  font-weight: bold;
}
.op-buy__pointGroup {
  
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  margin: 0 -15px 80px;
}
.op-buy__point__List {
  width: 25%;
  box-sizing: border-box;
  padding: 15px;
  list-style: none;
}
.op-buy__point__List>p {
  font-size: 17px;
}
.op-buy__point__ListPic {
  height: 180px;
}
.op-buy__point__ListPic img {
  width: auto;
  display: block;
  margin: 0 auto;
}
@media (max-width: 480px) {
  .op-buy__pointGroup {
    margin: 0 0 80px;
  }
  .op-buy__point__List {
    width: 50%;
    padding: 8px;
  }
  .op-buy__point__List>p {
    font-size: 13px;
    text-align: center;
  }
  .op-buy__pointTtl {
    text-align: center;
  }
  .op-buy__pointTtl p {
    font-size: 16px;
  }
}

.op-table {
  width: 100%;
  font-size: 20px;
  box-sizing: border-box;
}
.op-table th,
.op-table td {
  border: 2px solid black;
}
.op-table__ttl {
  background: #4f4f4f;
  color: white;
  padding: 20px 10px;
  text-align: center;
  font-weight: normal;
  box-sizing: border-box;
  font-weight: bold;
}
.op-table__ttl:last-child {}
.op-table__subttl {
  text-align: center;
  padding: 15px 0;
  box-sizing: border-box;
  font-weight: bold;
  width: 187px;
  box-sizing: border-box;
  vertical-align: middle;
}
@media (max-width: 480px) {
  .op-table th,
  .op-table td {
    font-size: 14px;
    padding: 8px;
    width: auto;
    line-height: 1.4;
    vertical-align: middle;
  }
  .op-table .op-table__subttl {
    width: 40px;
  }
}

.op-table__contents {
  padding: 25px 40px;
  text-align: center;
  line-height: 2;
}
.op-table__contents.sugoi {
  background: #f8e374;
}
.op-table__contents ul {
  text-align: left;
}
.op-table__contents ul li {
  line-height: 2;
  list-style: circle;
}
@media (max-width: 480px) {
  .op-table__contents ul li {
    list-style: none;
  }
  .op-table__contents ul li:before {
    content: "○ ";
    color: #0472D0;
  }
}
.op-buysale__list_teian {
  padding: 10px 40px;
}
.op-buyContact {
  background-image: url(../../item/buy_contactBg.jpg);
  background-repeat: no-repeat;
}
.op-contentsFlow__text {
  width: 100%;
}
.op-contentsFlow__ttl {
  font-size: 25px;
  line-height: 2;
  margin-bottom: 15px;
}
.op-contentsFlow__ttl small {
  color: #fff;
  font-size: 15px;
  padding: 5px 20px;
  border-radius: 50px;
}
.op-buyFlow__last {
  float: right;
  font-size: 15px;
  opacity: 0.3;
}
@media (max-width: 480px) {
  .op-contentsFlow__ttl {
    font-size: 20px;
    line-height: 1.5;
    text-align: center;
  }
  .op-contentsFlow__ttl+p {
    text-align: center;
  }
  .op-contentsFlow__ttl small {
    margin-bottom: 6px;
    display: inline-block;
  }
  .op-buyFlow__last {
    float: none;
    font-size: 80%;
    width: 70%;
    text-align: center;
    display: block;
    margin: auto;
    line-height: 1.6;
  }
}

.op-sale__main {
  background-image: url("../../item/sale_main.jpg");
}
.op-sale__sectionText {
  text-align: center;
  margin-bottom: 60px;
  font-size: 25px;
}
.op-sale__sectionText strong {
  font-size: 50px;
}
.op-saleSelect__text {
  background: linear-gradient(transparent 50%, #F0F5FA 0%);
  margin: 0 15px 0 0;
  padding: 0 15px;
}
.op-buySelect__text {
  background: linear-gradient(transparent 50%, #FFE6D5 0%);
  margin: 0 15px;
  padding: 0 15px;
}
.op-saleContents__ttl {
  background: #F0F5FA;
  padding: 25px 0;
  margin-bottom: 60px;
}
.op-buyContents__ttl {
  padding: 25px 0;
  margin-bottom: 60px;
}
.op-saleContents__ttl span,
.op-buyContents__ttl span {
  display: block;
  width: 1000px;
  margin: 0 auto;
}
.op-buyContents__pic {
  
  position: relative;
}
.op-buyContents__btn {
  display: block;
  width: 510px;
  padding: 1.5% 0;
  text-align: center;
  font-size: 17px;
  color: #FFF;
  background-image: url(../../images/btn_arrow.svg);
  background-repeat: no-repeat;
  background-position: right 20px center;
  border-radius: 3px;
  position: absolute;
  left: 250px;
  top: 130px;
  font-weight: bold;
}
.op-buyContents__btn:hover {
  text-decoration: none;
  opacity: 0.7;
  transition: 0.3s;
}
.op-sale__recommend {
  background: linear-gradient(transparent 18%, #F0F5FA 18%);
  padding: 30px 0;
}
.op-sale__recommend__inner {
  width: 100%;
  margin: 0 auto;
  display: flex;
  position: relative;
  min-width: 1000px;
}
.op-sale__recommendText {
  width: 100%;
  padding: 8% 0 0 23%;
}
.op-sale__recommend__subttl {
  font-size: 30px;
  position: relative;
  display: inline-block;
  padding: 0 45px;
  margin-bottom: 20px;
  text-align: center;
}
.op-sale__recommend__subttl:before,
.op-sale__recommend__subttl:after {
  content: '';
  position: absolute;
  top: 50%;
  display: inline-block;
  width: 44px;
  height: 2px;
  background-color: #0452A0;
}
.op-sale__recommend__subttl:before {
  transform: rotate(60deg);
  left: 0;
}
.op-sale__recommend__subttl:after {
  right: 0;
  transform: rotate(-60deg);
}
.op-sale__recommendPic {
  padding: 0 0 2% 0;
  width: 120%;
}
.op-sale__recommendPic img {
  height: auto;
  width: 100%;
}
.op-sale__recommendTtl {
  margin-bottom: 20px;
}
.op-sale__recommendTtl span {
  font-size: 60px;
}
.op-saleTable .op-table__ttl {
  font-weight: normal;
}
.op-saleTable .op-table__subttl {
  width: 24.5%;
}
.op-saleTable .op-table__contents {
  font-weight: bold;
  width: 11em;
  padding: 25px 12px;
}
.op-saleTable small {
  font-size: 13px;
}
.op-table__important {
  border-left: 3px solid #CE0000;
  border-right: 3px solid #CE0000;
}
.op-table__importantTop {
  border-top: 3px solid #CE0000;
}
.op-table__importantLast {
  border-bottom: 3px solid #CE0000;
}
@media (max-width: 1400px) {
  
  .op-sale__recommendText {
    padding: 8% 3% 0 8%;
  }
  .op-sale__recommend__subttl {
    font-size: 25px;
  }
  .op-sale__recommendTtl {
    font-size: 35px;
  }
  .op-sale__recommendTtl span {
    font-size: 45px;
  }
}
.op-sale__contract {
  width: 92%;
  margin: 0 auto 80px auto;
}
.op-sale__contractTtl {
  color: #fff;
  font-weight: bold;
  font-size: 30px;
  text-align: center;
  padding: 10px 0;
  margin-bottom: 20px;
}
.op-salePrice__ttl {
  border-left: 8px solid #167600;
  padding: 15px 0 15px 20px;
  box-sizing: border-box;
  margin-bottom: 40px;
}
.op-salePrice__table {
  width: 100%;
  
  border-top: 1px solid #aeaeae;
  border-right: 1px solid #aeaeae;
  border-left: 1px solid #aeaeae;
}
.op-salePrice__table td {
  font-size: 20px;
  border-bottom: 1px solid #aeaeae;
}
.op-salePrice__basic__ttl {
  background: #82C7C6;
  color: #fff;
}
.op-salePrice__listttl {
  vertical-align: middle;
  width: 20%;
  text-align: center;
  padding: 25px 0;
  border-right: 1px solid #aeaeae;
}
.op-salePrice__basic__subttl {
  background: #E3F3F3;
}
.op-salePrice__contents {
  
  padding: 15px 0 15px 15px;
}
.op-salePrice__situation__ttl {
  background: #E8F2B8;
}
.op-salePrice__situation__subttl {
  background: #FCFDF5;
}

.op-optional__main {
  background-image: url("../../item/optional_main.jpg");
}
.op-optional__support__contents {
  background: linear-gradient(transparent 40%, #F8F7F3 40%);
  padding: 25px 0;
}
.op-optional__support__group {
  width: 1000px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
}
.op-optional__support__group li {
  background: #fff;
  width: 310px;
  border: 2px solid #F5F5F5;
  box-sizing: border-box;
  border-radius: 3px;
  
  flex-wrap: wrap;
}
.op-optional__supportPic {
  display: flex;
  justify-content: center;
  padding: 5px 0 15px 0;
  
}
.op-optional__supportPic img {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
.op-optional__supportText {
  padding: 0 25px 15px 25px;
  display: flex;
  align-items: center;
}
.op-optional__support__text {
  text-align: center;
  font-weight: bold;
  font-size: 30px;
  padding: 30px 0;
}
.op-optional__contents {
  width: 1000px;
  margin: 0 auto 120px auto;
}
.op-optional__contentsList {
  display: flex;
  justify-content: space-between;
}
.op-optional__contentsList li {
  background-blend-mode: multiply;
  background-color: rgba(0, 0, 0, 0.5);
  color: #fff;
  background-repeat: no-repeat;
  width: 310px;
  height: 110px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 20px;
  font-weight: bold;
}
.op-optional__contents1 {
  background-image: url(../../item/optional_bn1.jpg);
}
.op-optional__contents2 {
  background-image: url(../../item/optional_bn2.jpg);
}
.op-optional__contents3 {
  background-image: url(../../item/optional_bn3.jpg);
}
.op-optional__Inner {
  width: 1000px;
  margin: 0 auto;
  padding: 60px 0;
}
.op-merit__number {
  font-size: 60px;
}
.op-contentsBox {
  background: #fff;
  box-shadow: 0 5px 25px 0 rgba(0, 0, 0, 0.2);
  padding: 40px;
  border-radius: 3px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.op-optional__articlereverse {
  flex-direction: row-reverse;
}
.op-optional__articleText {
  width: 655px;
}
.op-optional__articleText p {
  line-height: 1.8;
}
.op-optional__articleSub {
  color: #fff;
  padding: 4px 18px;
  border-radius: 20px;
  margin-bottom: 15px;
  
}
.op-optional__meritTtl {}
.op-optional__merit__subttl {
  font-size: 25px;
  margin: 15px 0;
}
.op-optional__demerit {
  background: #F5F7FB;
}
.op-optional__salePoint {
  counter-reset: num;
  display: flex;
  
  flex-wrap: wrap;
}
.op-optional__salePoint li {
  font-weight: bold;
  
  margin: 0 28px 20px 0;
}
.op-optional__salePoint li:before {
  counter-increment: num;
  content: counter(num);
  display: inline-block;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: #0452A0;
  text-align: center;
  line-height: 40px;
  color: #fff;
  margin-right: 10px;
}
.op-optionalContact {
  background-image: url(../../item/optional_contactBg.jpg);
  background-repeat: no-repeat;
}

.op-sozoku__main {
  background-image: url(../../item/inheritance_main.jpg);
}
.op-sozoku__caseGroup {
  width: 1000px;
  margin: 0 auto 120px auto;
}
.op-sozokuCase__ttl {
  font-size: 25px;
  line-height: 2;
  margin-bottom: 10px;
}
.op-sozokuCase__ttl small {
  color: #fff;
  font-size: 15px;
  padding: 5px 20px;
  border-radius: 50px;
}
.op-sozoku__pic {
  width: 350px;
  display: flex;
  justify-content: center;
}
.op-sozoku__text {
  width: 540px;
}
.op-sozokuCase__point {}
.op-sozokuCase__point li {
  width: 100%;
  margin-bottom: 20px;
  display: flex;
  align-items: center;
}
.op-sozokuCase__point li:before {
  content: "●";
  color: #FFAC00;
  margin-right: 10px;
  font-size: 6px;
  justify-content: center;
  align-items: center;
}
.op-sozoku__picup {
  background-image: url("../../item/inheritance_picup.jpg");
  filter: grayscale(100%);
  background-repeat: no-repeat;
  background-color: rgba(0, 0, 0, 0.5);
  background-blend-mode: multiply;
  background-color: rgba(0, 0, 0, 0.5);
}
.op-sozoku__picup__inner {
  width: 1000px;
  padding: 80px 40px;
  margin: 0 auto;
  color: #fff;
}
.op-sozoku__picup__inner p {
  line-height: 2;
}
.op-sozoku__picup__ttl {
  position: relative;
  padding: 0 0 15px 0;
  text-align: center;
  margin-bottom: 30px;
}
.op-sozoku__picup__ttl:before {
  position: absolute;
  bottom: 0px;
  left: calc(50% - 30px);
  width: 60px;
  height: 5px;
  content: '';
  
  background: #fff;
}
.op-sozoku__picup__inner .op-contactBtn {
  margin: 0 auto;
}
.op-sozokuFlow__survey {
  font-weight: bold;
  background: #F5F5F5;
  padding: 10px 20px;
  display: inline-block;
  margin-bottom: 10px;
}
.op-sozokuFlow__surverYes {
  color: #E80404;
}
.op-sozokuFlow__surverNo {
  color: #0452A0;
}
.op-sozokuContact {
  background-image: url(../../item/inheritance_contactBg.jpg);
  background-repeat: no-repeat;
}



.op-wide #contents,
.op-wide #contentsInnner,
.op-wide #main,
.op-wide #original_contents_fixed {
  width: 100%;
  display: block;
  min-width: 1000px;
}
.op-buy h3 {
  border-bottom: none !important;
}
.op-buyHead {
  aspect-ratio: 1920/300;
  background-image: url(../../item/title_bg.jpg);
  background-size: 100% auto;
  background-repeat: no-repeat;
  display: flex;
  justify-content: center;
  margin-bottom: 50px;
  text-align: center;
  flex-direction: column;
}
.op-buyHead h3 {
  padding-bottom: 0 !important;
  border-bottom: none !important;
}
.op-buyHead p {
  font-weight: 500;
  font-size: 20px;
  line-height: 1.8;
}
.op-buy__flow {}
.op-buy__title {
  font-size: 30px;
  text-align: left;
  border-bottom: 1px solid #000;
  padding-bottom: 10px;
  margin-bottom: 30px;
}
.op-buy__flowGroup {}
.op-buy__flowItem {
  background: #F7F5F3;
  padding: 30px;
  display: flex;
  justify-content: space-between;
}
.op-buy__flowItem:not(:last-child) {
  margin-bottom: 20px;
}
.op-buy__flow--child2,
.op-buy__flow--child3,
.op-buy__flow--child4,
.op-buy__flow--child5,
.op-buy__flow--child7,
.op-buy__flow--child8,
.op-buy__flow--child9 {
  min-height: 159px;
}
.op-buy__flowText {
  width: 680px;
}
.op-buy__flowTitle {
  font-size: 26px;
  margin-bottom: 5px;
}
.op-buy__flowTitle span {
  display: inline-block;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: #003E89;
  text-align: center;
  line-height: 50px;
  font-weight: bold;
  color: #fff;
  font-size: 20px;
  margin-right: 20px;
}
.op-buy__flowComment {
  padding-left: 70px;
}
.op-buy__flowComment p {
  font-size: 16px;
  line-height: 2;
}
.op-buy__flowItem__contact {
  display: flex;
  align-items: center;
  padding-top: 30px;
  gap: 40px;
}
.op-buy__contactBtn {
  display: block;
  text-align: center;
  color: #FFF;
  margin-left: auto;
  border-radius: 3px;
  background-color: #a3c31d;
  background-size: 7% auto, 2.4% auto;
  font-size: 17px;
  letter-spacing: 1px;
  position: relative;
  width: 300px;
  padding: 20px 0;
  background-image: url(../../images/um_contact.svg), url(../../images/um_contact_arrow.svg);
  background-repeat: no-repeat;
  background-position: left 40px top 25px,
    right 20px top 28px;
}
.op-buy__contactBtn:hover {
  text-decoration: none;
  opacity: 0.7;
}
.op-buy__flowPic {
  width: 240px;
  height: 159px;
}
.op-buy__contact {
  width: 890px;
  margin: auto;
  background: url("../../item/man.png") no-repeat right center;
  padding: 80px 0;
  background-size: 21% auto;
}
.op-buy__contact h4 {
  font-size: 24px;
}