@charset "utf-8";

.common-block03 > .container.row {flex-direction: row;}
.common-block03 > .container.row .img {margin-left: 0;}
.common-block03 > .container.row .inner {margin-left: 60px;}
.common-block03 .inner .time{font-size: 1.8rem;margin-bottom: 20px;padding: 0px 20px; border-left: 1px solid #999999;}
.common-block03 .inner .txt{margin-top: auto;}
.common-block03 .inner .btn{margin-top: 30px;}

.common-btn01 {
  display: inline-block;
  font-size: 1.6rem;
  width: auto;
  background: none;
  padding-bottom: 10px;
  border-bottom: 1px solid #000;
  padding-left: 10px;
  padding-right: 40px;
  transition: .35s ease;
}

section.morning > .container {padding: 40px 60px 0;text-align: center;}

section.morning .common-ttl03 {display: flex; align-items: center; margin-bottom: 0;}
section.morning .common-ttl03:before,
section.morning .common-ttl03:after {
    content: "";
    height: 1px;
    flex-grow: 1;
    background-color: #999999;
}

section.morning .common-ttl03:before {
    margin-right: 3rem;
}

section.morning .common-ttl03:after {
    margin-left: 3rem;
}

/* -------------------------------------------------- */
/* #block-lead */
/* -------------------------------------------------- */
/*
#block-lead .img{display:flex;margin-top:60px;}
#block-lead .img > li{opacity:0;}
#block-lead .img > li + li{margin-left:60px;}
#block-lead .img.animated > li{opacity:1;transition:opacity 2s ease;}
#block-lead .img.animated > li:first-child{transition-delay:.3s;}
#block-lead .img.animated > li:nth-child(2){transition-delay:.6s;}
#block-lead .img.animated > li:nth-child(3){transition-delay:.9s;}
#block-lead .img.animated > li:nth-child(4){transition-delay:1.2s;}
#block-lead .img.animated > li:nth-child(5){transition-delay:1.5s;}
#block-lead .img.animated > li:nth-child(6){transition-delay:1.8s;}

/* ======================================================================================================================= */
/* for tablet */
/* ======================================================================================================================= */
@media screen and (min-width:1px) and (max-width:1099px){
  /* -------------------------------------------------- */
  /* #block-lead */
  /* -------------------------------------------------- */
  #block-lead .img > li + li{margin-left:40px;}
}

/* ======================================================================================================================= */
/* for sp */
/* ======================================================================================================================= */
@media screen and (min-width:1px) and (max-width:622px){

  section.morning > .container {padding: 40px 35px 0;text-align: center;}

  .common-block03 > .container.row .img {
    max-width: calc(100% + 72px);
    margin: 0 -36px 55px;
  }
  .common-block03 > .container.row .inner {
    margin-left: auto;
  }

}