@charset "utf-8";
/* CSS Document */

body {
	margin: 0;
	padding: 0;

}
img {
	margin: 0;
	padding: 0;
	border: 0;
	display: block; /* img間の隙間消し */
		}

.wrapper {
    width: 800px; /* PCでの最大幅 */
    max-width: 90%; /* スマホでは最大98%に */
    margin-top: 10rem;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 10rem; /* 中央寄せ */
    }

*, *:before, *:after {
    box-sizing: border-box;
}
.col_2{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}
.col_2 > *{
    width: calc( 50% ) ;
	margin: 0;
	padding: 0;
}

.sns_box {
    display: flex;
	flex-wrap: wrap;
}
.sns_box > *{
	width: calc( 4% ) ;
	padding: 0;
	margin: 0;
}
.sns_box img {
    width: 90% ;
}

    /* 768px以下（タブレットやスマホ）の場合 */
    @media (max-width: 768px) {

.wrapper {
    margin-top: 5rem;
    margin-bottom: 5rem; /* 中央寄せ */
    }

.sns_box > *{
	width: calc( 8% ) ;

}		
.sns_box img {
    width: 100% ;
}	
		
    }