@charset "utf-8";

.socialmedia_area h2{
    color:#333;
    font-size:20px;
    font-weight:normal;
}

.sns_list {
    border-top: 1px solid #ccc;
    color: #333;
    padding: 20px 15px 25px;
}

.sns_list dt {
    font-weight: bold;
    margin-bottom: 1em;
}

img.sns_brand {
    display: inline-block;
    margin-right: 1em;
    width: 4em;
    vertical-align: middle;
}

.sns_list .sns_icon  {
    background: left center / 1em no-repeat;
    display: inline-block;
    padding-left: 1.5em;
    width: 8em;
}

.sns_list .sns_icon.sns_icon_instagram { background-image: url("../image/socialmedia/icon_instagram.png"); }
.sns_list .sns_icon.sns_icon_threads { background-image: url("../image/socialmedia/icon_threads.png"); }
.sns_list .sns_icon.sns_icon_x { background-image: url("../image/socialmedia/icon_x.png"); }

@media only screen and (min-width: 768px) {
	.socialmedia_area{
		margin-top:25px;
		line-height:2;
	}

}

@media only screen and (max-width: 767px) {
	.title{
		margin-top:20px;
	}

	.title img{
		height:50px;
	}

	.socialmedia_area h2{
		font-size:14px;
		font-weight:bold;
	}

	.socialmedia_area{
		margin-top:20px;
		line-height:1.6;
		font-size:13px;
	}
    
    .sns_list dd {
        margin-bottom: 1em;
    }
    
    .sns_list .sns_icon {
        display: block;
        width: auto;
    }
}