/* ────────────────────────────────────────────
　法人概要
──────────────────────────────────────────── */

/* 法人概要 タイトル (画像) */
.kokowanko-about-profile-title {
    h2 {
        img {
            max-width: 54px;
            @media screen and (max-width: 480px){
                max-width: 40px;
            }
        }
    }
}


/* ────────────────────────────────────────────
　メッセージ
──────────────────────────────────────────── */

/* メッセージ タイトル (画像) */
.kokowanko-about-message-title {
    h2 {
        img {
            max-width: 55px;
            @media screen and (max-width: 480px){
                max-width: 40px;
            }
        }
    }
}

/* メッセージ イメージ画像1 */
.kokowanko-about-message-img {
    @media (max-width: 479px) {
        position: static !important;
        img {
            max-width: 100%;
        }
    }
}


/* ────────────────────────────────────────────
　三太郎くんについて
──────────────────────────────────────────── */

/* 三太郎くんについて タイトル (画像) */
.kokowanko-about-santaro-title {
    h2 {
        img {
            max-width: 85px;
            @media screen and (max-width: 480px){
                max-width: 60px;
            }
        }
    }
}

/* 三太郎くんのストーリー */
.kokowanko-about-santaro-story {
    background-image: url("http://kokowanko.com/wp-content/uploads/2025/06/背景_チェック.png");
    background-repeat: repeat;
}

/* 三太郎くんグッズ 吹き出し */
@media (max-width: 479px) {
    .kokowanko-about-santaro-story-fukidashi {
        position: absolute;
        top: 5px;
        left: -90px;
        z-index: 3;
    }
}


/*────────────────────────────────────────────────────
　最下部 流れ続けるループスライダー用
────────────────────────────────────────────────────*/

.kokowanko-loopSlider-aboutpage-santaroWrap {
	top: 0;
	left: 0;
	height: 294px;
	overflow: hidden;
	position: absolute;
	@media screen and (max-width: 480px){
		height: 180px;
	}
}

.kokowanko-loopSlider-aboutpage-santaro {
	margin: 0 auto;
	width: 100%;
	height: 294px;
	text-align: left;
	position: relative;
	overflow: hidden;
	@media screen and (max-width: 480px){
		height: 180px;
	}
}

.kokowanko-loopSlider-aboutpage-santaro ul {
	width: auto !important;
	height: 294px;
	float: left;
	overflow: hidden;
	@media screen and (max-width: 480px){
		height: 180px;
	}
}

.kokowanko-loopSlider-aboutpage-santaro ul li {
	width: 300px;
	height: 294px;
	float: left;
	display: inline;
	overflow: hidden;
	@media screen and (max-width: 480px){
		width: 150px;
		height: 180px;
	}
	&:last-child {
        width: 0px !important;
    }
}

/* CLEARFIX ELEMENTS */
.kokowanko-loopSlider-aboutpage-santaroWrap:after {
	content: "";
	display: none;
	clear: none;
}