@media screen and (max-width: 767.98px) {
  .is-pc {
    display: none;
  }
}
@media screen and (min-width: 768px) {
  .is-sp {
    display: none;
  }
}


/* sec01 */
.sec01 {

}

.company__copy {
    font-size: 35px;
    font-weight: 700;
    line-height: calc(60 / 35);
    text-align: center;
    margin-top: 100px;
}

.message {
    display: flex;
    gap: 50px;
    margin-top: 100px;
}

.message__left {
    width: 60%;
}

.message__title,
.vision__title,
.profile__title,
.history__title,
.asset__title {
    font-size: 40px !important;
    font-weight: 700;
    letter-spacing: 0.01em;
        font-family: "Oswald";
}
.message__title span,
.vision__title span,
.profile__title span,
.history__title span{
    font-size: 16px !important;
    font-weight: 400;
    color:  #000 !important;
    line-height: 1.6;
    letter-spacing: 0.2em !important;
}


.message__copy {
    font-size: 25px;
    line-height: calc(45 / 25);
    letter-spacing: 0.008em;
    margin-top: 40px;
    font-weight: 700;
}

.message__text {
    margin-top: 30px;
    line-height: calc(35 / 16);
}

.message__right {
    width: 40%;
}

.message__img img{
border-radius: 0 !important;
margin: 0 !important;
}

.message__name {
    max-width: 240px;
}

.message__name img{
border-radius: 0 !important;
margin-top: 10px !important;
}

@media screen and (max-width: 767px) {
  .company__copy {
    font-size: 20px;
    margin-top: 50px;
}
.message {
    display: block;
}
.message__left {
    width: 100%;
}
.message__right {
       width: 100%;
       margin-top: 50px;
}
.message__copy{
  font-size: 20px;
}
.message__text{
  margin-top: 30px;
}
.message__name{
  margin-left: auto;
  max-width: 220px;
  margin-right: 10px;
}
.message__title,
.vision__title,
.profile__title,
.history__title,
.asset__title {
    font-size: 30px !important;
    font-weight: 700;
    letter-spacing: 0.004em;
        font-family: "Oswald";
}
.message__title span,
.vision__title span,
.profile__title span,
.history__title span{
    font-size: 16px !important;
    font-weight: 400;
    color:  #000 !important;
    line-height: 1.6;
}
}

/* sec02 */
.sec02 {
    background: #f5f4f4;
    padding-bottom: 100px;
}

.container {

}

.sec02__top {
    display: flex;
    justify-content: space-between;
    margin-left: calc(50% - 50vw);
    margin-top: 300px;
    gap: 80px;
}

.sec02__top-left {
    width: 50%;
    margin-top: -100px;
}

.sec02__top-img {

}

.sec02__top-right {
   width: 50%;
}

.sec02__top-copy {
    font-size: 35px;
    font-weight: 700;
    line-height: calc(60 / 35);
    margin-top: 50px;
}

.sec02__top-text {
    font-size: 20px;
    line-height: calc(40 / 20);
     font-weight: 700;
    margin-top: 20px;
}

.sec02__bottom {
    margin-top: 80px;
  
}

.sec02__items {
  display: flex;
    justify-content: space-between;
    gap: 25px;

}

.sec02__item {
    width: calc(33.333% - 20px);
    background: #fff;
    padding: 80px  20px 20px 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    border-radius: 10px;
}

.sec02__item::before{
    position: absolute;
    content: "";
    background: url("../../img/company/number01.svg");
    background-repeat: no-repeat;
    background-size: contain;
    width: 47px;
    height: 44px;
    top: 25px;
    left: 50%;
    transform: translateX(-50%);
}

.sec02__item2::before{
    position: absolute;
    content: "";
    background: url("../../img/company/number02.svg");
    background-repeat: no-repeat;
    background-size: contain;
}

.sec02__item3::before{
    position: absolute;
    content: "";
    background: url("../../img/company/number03.svg");
    background-repeat: no-repeat;
    background-size: contain;
}



.sec02__item-text {
    text-align: center;
    font-size: 20px;
    font-weight: 700;
    line-height: calc(40 / 20);
   margin: auto;
}

.sec02__bottom-text {
    margin-top: 30px;
    line-height: calc(35 / 16);
}

.sec02__more {
    margin-top: 30px;
}


@media screen and (max-width: 767px) {
  .sec02{

  }
  .sec02__top{
    display: flex;
    flex-direction: column;
    flex-direction: column-reverse;
    margin-top: 100px;
    margin-left: 0;
    gap: 40px;
  }
  .sec02__top-left{
    width: 100%;
    margin-top: 0px;
  }
  .sec02__top-right{
    width: 100%;
  }
  .sec02__top-copy{
    font-size: 24px;
    margin-top: 50px;
    text-align: center;
  }
  .sec02__top-text{
    font-size: 16px;
}
.sec02__items{
  display: block;
}
.sec02__item{
  width: 100%;
  margin-top: 20px;
}
.sec02__item-text{
   font-size: 18px;
    line-height: calc(35 / 18);
}
}

.sec03 {
    background: #717171;
    padding: 100px 0;
}

.container {

}




/* vision */
.vision__title {
    color: #fff;
    text-align: center;
}

.vision__title span{
  color: #fff !important;
}

.vision__items {
  display: flex;
    justify-content: space-between;
    gap: 25px;
    margin-top: 50px;
}

.vision__item {
  width: calc(33.333% - 20px);
    background: #fff;
    padding: 90px  20px 30px 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    border-radius: 10px;
}
.vision__item::before{
    position: absolute;
    content: "";
    background: url("../../img/company/number01.svg");
    background-repeat: no-repeat;
    background-size: contain;
    width: 47px;
    height: 44px;
    top: 25px;
    left: 50%;
    transform: translateX(-50%);
}

.vision__item2::before{
    position: absolute;
    content: "";
    background: url("../../img/company/number02.svg");
    background-repeat: no-repeat;
    background-size: contain;
}

.vision__item3::before{
    position: absolute;
    content: "";
    background: url("../../img/company/number03.svg");
    background-repeat: no-repeat;
    background-size: contain;
}

.vision__item-text {
    text-align: center;
    font-size: 20px;
    font-weight: 700;
    line-height: calc(40 / 20);
   margin: auto;
   letter-spacing: 0.006em;
}

@media screen and (max-width: 767px){
  .vision__items{
    display: block;
  }
  .vision__item{
    width: 100%;
    margin-top: 20px;
  }
}
.vision__item-text{
   font-size: 18px;
    line-height: calc(35 / 18);
}

/* 会社概要 */
.sec04 {
    padding: 120px 0;
}

.container {

}

.profile__title {
    text-align: center;

}

.profile__img {
    max-width: 207px;
    margin: 60px auto 0;
    display: block;
}




.company__profile-contents {
  margin-top: 80px;
}
@media screen and (max-width: 767px) {
  .company__profile-contents {
    margin-top: 50px;
  }
  .profile__img{
      max-width: 150px;
  }
}

.company__profile-dl .row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  /* ← 上下中央揃え */
  border-bottom: 1px solid #666;
  padding: 20px 0;
  line-height: 2.1875;
  letter-spacing: normal;
  margin-right: 0;
  margin-left: 0;
}

.company__profile-dl a{
  color: red ;
}
@media screen and (max-width: 767px) {
  .company__profile-dl .row {
    padding: 10px 0;
    font-size: 15px;
  }
}
.company__profile-dl .row:first-child {
  border-top: 1px solid #666;
}

.row dt {
  width: 120px;
  padding-left: 20px;
  margin-bottom: 0;
  font-weight: 600;
}
@media screen and (max-width: 767px) {
  .row dt {
    width: 100px;
    padding-left: 5px;
  }
}

.row dd {
  width: calc(100% - 120px);
  padding-left: 100px;
}
.row dd ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.row dd ul li {
  width: 40%;
}
@media screen and (max-width: 767px) {
  .row dd ul li {
    width: 100%;
  }
}
.row dd ul .w-60 {
  width: 60%;
}

@media screen and (max-width: 767px) {
  .row dd {
     width: calc(100% - 100px) !important;
    padding-left: 15px;
  }
}



/* 会社概要 */
.sec05 {
    padding: 120px 0;
    background: #f5f4f4;
}

.container {

}

.history__title {
 text-align: center;
}

.history__contents {
  margin-top: 80px;
}
@media screen and (max-width: 767px) {
  .history__contents {
    margin-top: 50px;
  }
}

.history__dl .row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  /* ← 上下中央揃え */
  border-bottom: 1px solid #666;
  padding: 20px 0;
  line-height: 2.1875;
  letter-spacing: normal;
    margin-right: 0;
  margin-left: 0;
}
@media screen and (max-width: 767px) {
  .history__dl .row {
    padding: 10px 0;
    font-size: 15px;
  }
}
.history__dl .row:first-child {
  border-top: 1px solid #666;
}

.row dt {
  width: 120px;
  padding-left: 20px;
  margin-bottom: 0;
    font-weight: 600;
}
@media screen and (max-width: 767px) {
  .row dt {
    width: 100px;
    padding-left: 5px;
  }
}

.row dd {
  width: calc(100% - 120px);
  padding-left: 100px;
}
.row dd ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.row dd ul li {
  width: 40%;
}
@media screen and (max-width: 767px) {
  .row dd ul li {
    width: 100%;
  }
}
.row dd ul .w-60 {
  width: 60%;
}
@media screen and (max-width: 767px) {
  .row dd ul .w-60 {
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .row dd {
    width: 100%;
    padding-left: 15px;
  }
}

/* 資産運用

.asset {
  background: #263343;
   color: #fff;
   border-bottom: 5px solid #fff;
}

.container {

}

.asset__contents{
    display: flex;
    justify-content: space-between;
}

.asset__left {
  width: 34%;
}

.asset__img img{
display: block;
}

.asset__img1 {

}

.asset__img2 {
margin-top: 10px;
}

.asset__middle {
 width: 30%;
 display: flex;
    flex-direction: column;
    align-items: center;
}

.asset__title {
  color: #fff;
  margin-top: 50px !important;
  text-align: center;
}

.asset__title span {
  color: #fff !important;
}

.asset__items {
  display:flex;
  justify-content: center;
  gap: 10px;
  width: 100%;
  margin-top: 50px;
}

.asset__item {
  width: 30%;
  background: #fff;
  color:#263343;
  font-weight: 700;
  text-align: center;
  padding: 8px 0;
}

.asset__copy {
  margin-top: 20px;
  text-align: center;
  font-size: 18px;
}

.is-sp {

}


.asset__logo {
  max-width: 162px;
  margin-top: 50px;
  width: 100%;
}

.asset__more {
  color: #fff !important;
  border: 0.5px solid #fff;
margin-bottom: 30px;
margin-top: 50px;
}

.asset__more::before{
       background-image: url(../../img/top/arrow_w.svg);
    position: absolute;
    content: "";
    width: 15px;
    height: 15px;
    background-size: contain;
    right: 16px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10;
}

.asset__more:hover{
  background-color: #fff !important;
  color: #231815 !important;
  border: 0.5px solid #231815;
      opacity: 1;
}
.asset__more:hover::before {
    background-image: url(../../img/top/arrow_b.svg);
}
.asset__more::after{
    background: #ffffff;
 
}

.asset__right {
 width: 34%;
}

.asset__img3 {

}

.asset__img4 {
margin-top: 10px;
}



@media (max-width: 991.98px){
 .asset__contents{
  flex-direction: column;
    align-items: center;
}
.asset__left {
  width: 100%;
  display: flex;
  gap: 10px;
}
.asset__img2{
  margin-top: 0;
}
.asset__middle{
  width: 100%;
  padding: 0 15px;
}
.asset__right {
 width: 100%;
   display: flex;
  gap: 10px;
}
.asset__img4 {
margin-top: 0px;
}
.asset__copy{
  margin-top: 0px;
}
.asset__logo{
  max-width: 100px;
  margin-top: 0px;
}
.asset__more{
  margin-top: 20px;
  margin-bottom: 50px;
}
.asset__items{
  margin-top: 30px;
}
.asset__copy{
  margin-top: 20px;
}

} */

#main.main-section{
  margin-bottom: 0px !important;
}