@charset "utf-8";

/* ====================
   .common
   ==================== */
.contents-wrapper{
  max-width: 897px;
  margin: 0 auto;
}

.hero {
	width: 100%;
	padding: 100px 0 50px 0;
}

@media only screen and (max-width: 767px) {
	.hero {
		padding: 65px 0 5vw 0;
	}
}

.title-area{
   text-align: center;
}

.title-area .m-text{
   font-size: 29px;
   line-height: 1.4;
   border-bottom: 5px solid #dc000c;
   padding-bottom: 15px;
   margin-bottom: 20px;
}

.text{
   font-size: 16.5px;
   line-height: 2.2;
}


@media only screen and (max-width: 767px) {
   .title-area .m-text{
      font-size: 5.5vw;
      border-bottom: 3px solid #dc000c;
      padding-bottom: 5px;
      margin-bottom: 5px;
   }

   .text{
      font-size: 4vw;
      line-height: 1.6;
   }
}


/* ====================
   .business
   ==================== */
.lead-inner{
    margin-bottom: 50px;
}

.business{
    margin-bottom: 50px;
}

.business .business-grid-top,
.business .business-grid-bottom{
    width: 90%;
    margin: 0 auto;
}

.link-area {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 15px;
    width: 100%;
}

.link-area img {
    display: block;
    height: 42px;
    width: auto;
}

.business-grid-top {
    padding-bottom: 60px;
}

.business-grid-top .business-card + .business-card {
    margin-top: 50px;
}

.business-grid-top .business-card {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
}

.business-grid-top .title-area {
    width: 100%;
}

.business-grid-top .text-area {
    flex: 1;
    margin-right: 20px;
}

.business-grid-top .img-box {
    width: 384px;
    flex-shrink: 0;
}

.business-grid-top .link-area {
    margin-top: 20px;
}

.business-grid-bottom {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 70px 40px;
}

.business-grid-bottom .business-card {
    display: flex;
}

.business-grid-bottom .business-box {
    display: flex;
    flex-direction: column;
    flex: 1;
    width: 100%;
    position: relative;
}

.business-grid-bottom .text-area {
    margin-bottom: 20px;
}

.business-grid-bottom .img-box {
    margin-top: auto;
    margin-bottom: 62px;
}

.business-grid-bottom .business-box.no-link .img-box {
    margin-bottom: 0;
}

.business-grid-bottom .link-area {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 42px;
}


@media only screen and (max-width: 1024px) {
    .link-area img {
        height: 36px;
    }
}

@media only screen and (max-width: 767px) {
    .business .business-grid-top,
    .business .business-grid-bottom{
        width: 100%;
    }
    
    .business-grid-top .business-card {
        display: block;
    }
    
    .business-grid-top .text-area {
        margin-right: 0;
        margin-bottom: 20px;
    }
    
    .business-grid-top .img-box {
        width: 100%;
    }

    .business-grid-top .business-card + .business-card {
        margin-top: 40px;
    }

    .business-grid-bottom {
        grid-template-columns: 1fr;
        gap: 40px 0;
    }
    
    .business-grid-bottom .business-card,
    .business-grid-bottom .business-box {
        display: block;
    }

    .business-grid-bottom .img-box {
        margin-top: 20px;
        margin-bottom: 0;
    }
    
    .business-grid-bottom .link-area {
        position: static;
        margin-top: 20px;
        height: auto;
    }
    
    .link-area img {
        height: 35px;
    }
}