/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jan 04 2024 | 14:34:01 */
/* ここにCSSコードを追加

例:
.example {
    color: red;
}

CSS の知識に磨きをかけるためにご覧ください。
http://www.w3schools.com/css/css_syntax.asp

コメント終わり */ body {
  overflow-x: hidden;
}

.tate-font{
writing-mode: vertical-rl;
}

#header-kotei{
	position:fixed;
 	top:0px;
	width:100%
}

.elementor-13 .elementor-element.elementor-element-c330a27 .elementskit-menu-hamburger{
	padding: 10px 8px 10px 8px;
}

.elementskit-menu-close .elementskit-menu-hamburger-icon, .elementskit-menu-hamburger .elementskit-menu-hamburger-icon{
	height:3px;
	border-radius:20px;
}

.loop03 {

    overflow: hidden;
}
.loop03__box {
    display: flex;
    width: 100vw;
    padding-top: 10px;
    padding-bottom: 10px;
}

#loop-text .loop03__item {
    flex: 0 0 auto;
    font-size:120px;
    white-space: nowrap;
    padding-right: 25px;
    padding-left: 25px;
	font-weight:600;
    color: #005EEA;
	font-family:"Roboto Condensed";
}


.loop03__item:nth-child(odd) {
    animation: loop 50s -25s linear infinite;
}
.loop03__item:nth-child(even) {
    animation: loop2 50s linear infinite;
}

@keyframes loop {
    0% {
        transform: translateX(100%);
    }
    to {
        transform: translateX(-100%);
    }
}

@keyframes loop2 {
    0% {
        transform: translateX(0);
    }
    to {
        transform: translateX(-200%);
    }
}