.logotest2602 img{
  width: 100px;
}

.logotest2602-02{
  display: flex;
}

.logo img{
  width: 100%;
}

.cmn-header-01 .left .logo img {
    max-width: 430px;
}

.cmn-header-01 .left {
    width: 300px;
}

.logobox .logotest2602{
  display: flex;
  right: 10%;
}

.logotest2602 .logo {
  margin-top: 10%;
}

.logodummy{
  width: 400px;
}

.log_P07{
  width:400px;
}

@media (max-width: 599px) {
.cmn-footer-01 .logo img{
 width: 300px; 
}
.cmn-footer-01 .logo{
 height:50px;
}

}

@media (max-width: 1024px) {
    .logo-dummy {
      width: 400px;
      
    }
｝
/* =================================================== */

/* =========================
   共通フェード
========================= */
[class*='fead'] {
    opacity: 0;
}

[class*='fead'].mv {
    opacity: 1;
    transition: 0.3s ease-out;
}

/* =========================
   上下左右（画像含む）
========================= */
.fead-up,
.fead-right,
.fead-left {
    transition: 0.3s ease-out;
    will-change: opacity, transform;
}

.fead-up {
    transform: translateY(20px);
}

.fead-right {
    transform: translateX(-10%);
}

.fead-left {
    transform: translateX(10%);
}

.fead-up.mv,
.fead-right.mv,
.fead-left.mv {
    transform: translate(0, 0);
}

/* =========================
   テキスト
========================= */
.fead-text {
    opacity: 1;
}

.fead-text .str {
    opacity: 0;
    transition: 0.3s ease-out; /* 画像と同じ */
}

.fead-text .str.textin {
    opacity: 1;
}

/* effect-01 */
.fead-text.effect-01 .str.textin {
    animation: effect01 0.3s ease-out forwards;
}

/* effect-02 */
.fead-text.effect-02 .str.textin {
    transform: rotateX(360deg);
}

/* =========================
   カバー演出（速度合わせ）
========================= */
.fead-cover::before {
    transition: 0.3s ease-out;
}

.fead-cover.mv::before {
    width: 0;
    transition-delay: 0.1s;
}

/* =========================
   順番表示
========================= */
.fead-order > * {
    opacity: 0;
    transition: 0.3s ease-out;
    transform: translateY(20px);
}

.fead-order > .mv {
    opacity: 1;
    transform: translateY(0);
}

/* =========================
   拡大
========================= */
.fead-scale {
    transition: 0.3s ease-out;
    transform: scale(1.02);
}

.fead-scale.mv {
    transform: scale(1);
}


/* =================================================== */

@media (max-width: 1024px) {
    .right .header_P07 {
        width: 100%;
        padding: 0 15px;
    }
}

@media (min-width: 599px) {
　.right.header_P07 {
    width: calc(100% - 300px);
}
}
