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

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

.wrapper {
      width: 1200px; /* PCでの最大幅 */
      max-width: 98%; /* スマホでは最大98%に */
      margin: 0 auto; /* 中央寄せ */
    }

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

.footer {
	display: flex;
	width: 50%;
	margin: auto;
}
    /* 768px以下（タブレットやスマホ）の場合 */
    @media (max-width: 768px) {
      .container {
        max-width: 98%; /* スマホでの最大幅を調整 */
      }
		.col_2 > *{
        width: 100%;
    }
	
	img {
			width: 100%;
		}
.footer {
	width: 100%;

}
		
    }