#sec_mv {
  background: #67caec;
  position: relative;
  height: 50vw;
  overflow: hidden;
}

#sec_mv .maxWidthFHD {
  position: relative;
  padding-top: 2vw;
  height: 100%;
}

.cloudParent {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  transition: 10s;
}

#sec_mv .cloud1 {
  position: absolute;
  left: 80%;
  top: 8%;
  max-width: 265px;
  width: 20%;
  opacity: 0;
  z-index: 2;
}

#sec_mv .cloud1.active {
  -webkit-animation: animeCloud1 15s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
}

@keyframes animeCloud1 {
  0% {
    transform: translateX(0px) scale(0.6);
    opacity: 0;
  }

  25% {
    opacity: 1;
  }

  50% {
    transform: translateX(-50px) scale(1);
  }

  75% {
    opacity: 1;
  }

  100% {
    transform: translateX(-100px) scale(0.9);
    opacity: 0;
  }
}

#sec_mv .cloud2 {
  position: absolute;
  left: 63%;
  top: 34%;
  max-width: 473px;
  width: 30%;
  opacity: 0;
  z-index: 2;
}

#sec_mv .cloud2.active {
  -webkit-animation: animeCloud2 15s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
}

@keyframes animeCloud2 {
  0% {
    transform: translateX(0px) scale(0.6);
    opacity: 0;
  }

  25% {
    opacity: 1;
  }

  50% {
    transform: translateX(-50px) scale(1);
  }

  75% {
    opacity: 1;
  }

  100% {
    transform: translateX(-100px) scale(0.9);
    opacity: 0;
  }
}

#sec_mv .cloud3 {
  position: absolute;
  left: 10%;
  top: 1%;
  max-width: 263px;
  width: 20%;
  opacity: 0;
  z-index: 2;
}

#sec_mv .cloud3.active {
  -webkit-animation: animeCloud3 15s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
}

@keyframes animeCloud3 {
  0% {
    transform: translateX(0px) scale(0.6);
    opacity: 0;
  }

  25% {
    opacity: 1;
  }

  50% {
    transform: translateX(-50px) scale(1);
  }

  75% {
    opacity: 1;
  }

  100% {
    transform: translateX(-100px) scale(0.9);
    opacity: 0;
  }
}

#sec_mv .cloud4 {
  position: absolute;
  left: -10%;
  top: 30%;
  max-width: 473px;
  width: 30%;
  opacity: 0;
  z-index: 2;
}

#sec_mv .cloud4.active {
  -webkit-animation: animeCloud4 15s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
}

@keyframes animeCloud4 {
  0% {
    transform: translateX(0px) scale(0.6);
    opacity: 0;
  }

  25% {
    opacity: 1;
  }

  50% {
    transform: translateX(-50px) scale(1);
  }

  75% {
    opacity: 1;
  }

  100% {
    transform: translateX(-100px) scale(0.8);
    opacity: 0;
  }
}

#sec_mv .msg {
  position: absolute;
  width: 100%;
  text-align: center;
  top: 20%;
  z-index: 4;
  transition: 3s;
  opacity: 0;
  transform: scale(.95);
}

#sec_mv .msg.active {
  opacity: 1;
  transform: scale(1);
}

#sec_mv .msg img {
  width: 50%;
  max-width: 767px;
}

#sec_mv .baseImg {
  width: 100%;
  position: absolute;
  bottom: 0px;
  left: 0px;
  opacity: 0;
  transition: 4s;
  transform: translate(0, 5%) scale(1.2);
}

#sec_mv .baseImg.active {
  opacity: 1;
  bottom: 0px;
  transform: translate(0, -3%) scale(1.2);
}

#sec_business {
  overflow: hidden;
}

#sec_business .maxWidth {
  max-width: 980px;
}

#sec_business .secList {
  display: flex;
   /*justify-content: space-around;*/ 
  flex-wrap: wrap;
  text-align: center;
  /*justify-content: center;*/
  justify-content: space-between;
  gap: 50px;
}



#sec_business .secList a .img {
  transition: .2s;
}

#sec_business .secList a:hover .img {
  transform: scale(1.05);
}

#sec_business .secList p {
  padding: 15px 5px;
  font-feature-settings: "palt";
}

#sec_news {
  overflow: hidden;
}

#sec_news .secBox {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

#sec_news .secBox .ttl {
  width: 170px;
}

#sec_news .secBox .ttl .inner {
  width: 140px;
  height: 140px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  background: #3d2a1d;
}

#sec_news .secBox .ttl .inner2 {
  text-align: center;
}

#sec_news .secBox .list {
  width: calc(100% - 170px);
}

#sec_news .secBox .list li {
  border-bottom: solid 1px #3d2a1d;
}

#sec_news .secBox .list li a {
  display: flex;
  padding: 5px 0px;
}

#sec_news .secBox .list li a .date {
  margin-right: 10px;
  padding-top: 2px;
}

#sec_news .secBox .list li a .cat {
  margin-right: 15px;
}

#sec_news .secBox .list li a .cat span {
  display: inline-block;
  border-radius: 2em;
  background: #3d2a1d;
  color: #fff;
  font-size: 80%;
  padding: 0px 15px;
  min-width: 8em;
  text-align: center;
}

#sec_news .secBox .text {
  padding: 2px;
}

#sec_news .btn {
  background: #fff;
  border-radius: 2em;
  padding: 3px 15px 3px 10px;
  margin-top: 10px;
  font-size: 80%;
  position: relative;
}

#sec_news .btn:before {
  display: block;
  content: "";
  border-left: solid 5px #3d2a1d;
  border-top: solid 4px transparent;
  border-bottom: solid 4px transparent;
  position: absolute;
  right: 6px;
  top: 50%;
  margin-top: -4px;
}

#sec_about {}

#sec_about #company .inner {
  background: url(../img/home/bgimg1.png) no-repeat left 30px center, url(../img/home/bgimg2.png) no-repeat right 60px center;
  background-size: 26% auto, 27% auto;
}

#sec_about .bgBlue {
  background: url(../img/home/bg_blue.gif) no-repeat center top -5vw;
}

#sec_about #obsession {
  position: relative;
}

#obsession {
  width: 100vw;
  box-sizing: border-box;
}

#sec_about #obsession .text {
  width: 600px;
  position: relative;
  z-index: 2;
}

#sec_about #obsession .img {
  position: absolute;
  left: 52%;
  top: 50px;
}

#sec_about .bgGreen {
  background: url(../img/home/bg_green.gif) no-repeat center top;
  background-size: cover;
}

#sec_about #pro {
  margin-top: 200px;
  height: 650px;
  padding-top: 160px;
  padding-bottom: 150px;
  background: url(../img/home/bgimg4.png) no-repeat center top;
  background-size: contain;
  max-width: 980px;
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
}

#sec_about #pro .ttl {
  padding-left: 35px;
}

#sec_about #pro .btn {
  padding-top: 180px;
}

#sec_about #links {
  display: flex;
  justify-content: center;
}
#sec_about #links.col4{
  flex-wrap: wrap;
}
#sec_about #links.col4 a{
  width: min(25%, 250px);
}

#sec_about .btnTitter,
#sec_about .btnInsta {
  display: inline-block;
  background: #fff;
  width: 300px;
  box-sizing: border-box;
  border: solid 1px #3d2a1d;
  vertical-align: top;
  margin: 10px;
}

#sec_about .btnTitter .inner,
#sec_about .btnInsta .inner {
  display: flex;
  height: 80px;
  justify-content: center;
  align-items: center;
}

#sec_about .btnTitter .inner2,
#sec_about .btnInsta .inner2 {
  display: flex;
  align-items: center;
}

#sec_about .btnTitter .inner2 .icon {
  margin-right: 30px;
}

#sec_about .btnInsta .inner2 .icon {
  margin-right: 10px;
}

#sec_about .btnTitter .inner2 {
  position: relative;
}

#sec_about .btnTitter .inner2:before {
  display: block;
  content: "";
  position: absolute;
  width: 150px;
  border-top: solid 1px #3d2a1d;
  top: -5px;
  left: 50px;
  transform: rotate(-3deg);
}

#sec_about .btnTitter .inner2:after {
  display: block;
  content: "";
  position: absolute;
  width: 150px;
  border-top: solid 1px #3d2a1d;
  bottom: -5px;
  left: 50px;
  transform: rotate(3deg);
}

#sec_about .btnInsta {
  position: relative;
}

#sec_about .btnInsta:before {
  display: block;
  content: "";
  position: absolute;
  border: solid 1px #3d2a1d;
  width: calc(100% - 8px);
  height: calc(100% - 8px);
  top: 3px;
  left: 3px;
}

/*
===================================================
	pc large
===================================================
*/
@media screen and (min-width: 1920px) {
  #sec_about .bgBlue {
    background: url(../img/home/bg_blue.gif) no-repeat center top -8vw;
    background-size: 100% auto;
  }
}

@media screen and (min-width: 2200px) {
  #sec_about .bgBlue {
    background: url(../img/home/bg_blue.gif) no-repeat center top -11vw;
    background-size: 100% auto;
  }
}


/*
===================================================
	pc small
===================================================
*/
@media screen and (max-width: 1200px) {
  #sec_business .secList {
    justify-content: center;
    gap: 0;
  }

  #sec_business .secList li {
    width: 23%;
  }
}

/*
===================================================
	sp
===================================================
*/
@media screen and (max-width: 960px) {
  #sec_mv {
    padding-top: 20px;
  }

  #sec_mv .msg {
    top: 15%;
  }

  #sec_business .secList li {
    width: 30%;
  }

  #sec_news .secBox {
    display: block;
  }

  #sec_news .secBox .ttl {
    width: auto;
  }

  #sec_news .secBox .ttl .inner {
    width: auto;
    height: auto;
    display: block;
    border-radius: 0%;
    padding: 10px;
  }

  #sec_news .secBox .ttl .inner2 {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }

  #sec_news .secBox .list {
    width: auto;
    margin-top: 10px;
    font-size: 90%;
  }

  #sec_news .secBox .list li {
    margin-top: 5px;
    padding: 5px;
  }

  #sec_news .secBox .text {
    padding: 2px;
    margin-top: 5px;
  }

  #sec_news .secBox .list li a {
    flex-wrap: wrap;
  }

  #sec_news .btn {
    margin-top: 0px;
  }

  #sec_about #company .inner {
    background: url(../img/home/bgimg1.png) no-repeat left -10% center, url(../img/home/bgimg2.png) no-repeat right -10% center;
    background-size: 42% auto, 42% auto;
  }

  #sec_about .bgBlue {
    background: url(../img/home/bg_blue_sp.gif.gif) no-repeat center top -5vw;
    background-size: 100% auto;
  }

  #sec_about #obsession {
    position: relative;
  }

  #sec_about #obsession .text {
    width: auto;
    max-width: 500px;
  }

  #sec_about #obsession .text .ttl {
    width: 50%;
    min-width: 220px;
  }

  #sec_about #obsession .img {
    position: absolute;
    left: 40%;
    width: 80%;
    top: 50px;
  }


  #sec_about #pro {
    margin-top: 23vw;
    height: auto;
    padding-top: 12vw;
    padding-bottom: 10vw;
  }

  #sec_about #pro .ttl {
    padding: 0px 0px 0px 11vw;
    width: 35%;
    min-width: 220px;
  }

  #sec_about #pro .btn {
    padding-top: 12vw;
  }

  #sec_about .btnTitter,
  #sec_about .btnInsta {
    display: inline-block;
    background: #fff;
    width: 300px;
    box-sizing: border-box;
    border: solid 1px #3d2a1d;
    vertical-align: top;
    margin: 10px;
  }

  #sec_about .btnTitter .inner,
  #sec_about .btnInsta .inner {
    display: flex;
    height: 80px;
    justify-content: center;
    align-items: center;
  }

  #sec_about .btnTitter .inner2,
  #sec_about .btnInsta .inner2 {
    display: flex;
    align-items: center;
  }

  #sec_about .btnTitter .inner2 .icon {
    margin-right: 30px;
  }

  #sec_about .btnInsta .inner2 .icon {
    margin-right: 10px;
  }

  #sec_about .btnTitter .inner2 {
    position: relative;
  }

  #sec_about .btnTitter .inner2:before {
    display: block;
    content: "";
    position: absolute;
    width: 150px;
    border-top: solid 1px #3d2a1d;
    top: -5px;
    left: 50px;
    transform: rotate(-3deg);
  }

  #sec_about .btnTitter .inner2:after {
    display: block;
    content: "";
    position: absolute;
    width: 150px;
    border-top: solid 1px #3d2a1d;
    bottom: -5px;
    left: 50px;
    transform: rotate(3deg);
  }

  #sec_about .btnInsta {
    position: relative;
  }

  #sec_about .btnInsta:before {
    display: block;
    content: "";
    position: absolute;
    border: solid 1px #3d2a1d;
    width: calc(100% - 8px);
    height: calc(100% - 8px);
    top: 3px;
    left: 3px;
  }

  .pageTtl .icon {
    width: 30px;
  }
}

/*
===================================================
	sp small
===================================================
*/
@media screen and (max-width: 600px) {
  #sec_about .bgBlue {
    background: url(../img/home/bg_blue_sp.gif.gif) no-repeat center top;
    background-size: auto 450px;
  }

  #sec_business .secList li {
    width: 50%;
  }

  #sec_about #pro .ttl {
    padding: 2vw 0px 0px 4vw;
    width: 35%;
    min-width: 190px;
  }

  #sec_about #pro .btn {
    padding-top: 12vw;
  }

  #sec_about #links.col4 a{
    width: min(50%, 250px);
  }
}

@media screen and (max-width: 350px) {
#sec_about .btnTitter,
  #sec_about .btnInsta {
    width: 250px;
  }
}