body {
 overflow-x: hidden;
}

#dougu-7 {
    width: 100%;
    height: auto;
    float: right;
    background-image: url(../img/top/concept-2-pic.jpg);
    background-repeat: no-repeat;
    background-size: 100%;
    padding-bottom: 30px;
    padding-top: 150px;
    padding-left: 50px;
}
.j-box {
    min-height: 55px;
    margin-top: 10px;
	margin-bottom: 10px;
}
.circle-white {
    background-color: #fff;
    padding-top: 50px;
    width: 750px;
    height: 750px;
    border-radius: 50%;
    margin: -120px auto;
}

/* レスポンシブの設定 */
/* モバイル */
@media (max-width: 519px) {
.circle-white {
    background-color: #fff;
 padding: 20px 0px 40px;
    width: 500px;
    height: 500px;
    border-radius: 50%;
    margin: -100px auto -30px;	
}
}

/* レスポンシブの設定 */
/* モバイル */
@media (max-width: 519px) {
#dougu-7 {
    padding-top: 120px;
    padding-left: 30px;
}
}

/* モバイル以上 */
@media (min-width: 620px) {
#dougu-7 {
    padding-top: 180px;
    padding-left: 30px;
}
}

@media (min-width: 1140px) {
#dougu-7 {
    padding-top: 190px;
    padding-left: 30px;
}
}
.info-date {
    font-weight: 600;
    text-decoration: underline;
}
/* サイトマップ */
#sitemap li {
    list-style: url(../img/common/sitemap-li.jpg);
}

/* 日本メガネ大賞 */
.meganetaisho-img {
		margin-top: 20px;
}

@media (max-width: 519px) {
.meganetaisho-img {
		margin-top: 0px;
}
}
.meganetaisho-title{
	color: #3B3B8B;
	font-weight: bold;
	text-align: center;
	margin-bottom: 10px;
	line-height: 1.5em
}
.meganetaisho-hyouka {
		margin-top: 20px;
}
@media (max-width: 820px) {

.meganetaisho-title{
		margin-bottom: 15px;
}
.meganetaisho-hyouka {
	margin-top: 0px;
}
}
@media (max-width: 519px) {

	.meganetaisho-title{
		margin-bottom: 15px;
}
	.meganetaisho-hyouka {
			margin-top: 0px;
}
}



.taishou-logo{
	padding-right: 0px;
	font-size: 11px
}

@media (max-width: 519px) {
.taishou-logo{
	padding-right: 10px;
}
	.taishou-logo p{
	font-size: 10px
}
}

.mirumiru-top-box{
		margin:  100px auto 40px;
}
@media (max-width: 519px) {
.mirumiru-top-box h3 {
	font-size: 1.4em;
	line-height: 1.8em
	
}

}	




.loop {
    padding-top: 30px;
    padding-bottom: 30px;
    overflow: hidden;
}
.loop__box {
    display: flex;
    width: 100vw;
}
.loop__box img {
    min-width: 100vw;
}
.loop__box img:first-child {
    animation: loop 50s -25s linear infinite;
}

.loop__box img:last-child {
    animation: loop2 50s linear infinite;
}



@media only screen and (max-width: 750px) {
.loop__box {
    display: flex;
    width: 160vw;
}
.loop__box img {
    min-width: 160vw;
}	
	
}
	
@keyframes loop {
    0% {
        transform: translateX(100%);
    }
    to {
        transform: translateX(-100%);
    }
}

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