@charset "utf-8";
/* CSS Document */
header{margin: 0px;}
        .container {
            display: flex;
            flex-wrap: wrap;
            width: 95%;
            max-width: 100%;
            margin: auto;
            overflow: hidden;
        }
        .container2 {
            display: flex;
            flex-wrap: wrap;
            width: 90%;
            max-width: 100%;
            margin: auto;
            overflow: hidden;
			background-image: url("images/27726451_m.jpg");
        }
.back{
  /* 画面いっぱいに背景画像を貼り付ける */
  background: url(images/27726451_m2.png) no-repeat center;
  background-size: cover;
  position: relative;
	width: 100%;
  
}
.back::before{
  /* 透過した黒を上から重ねるイメージ */
  background-color: white(0,0,0.4);
  /* 自由に位置指定 */
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  content: ' ';
}
        .column {
            flex: 2;
            padding: 10px;
            min-width: 300px; /* Ensures columns stack vertically on narrow screens */
        }
        section {
            background: white;
            margin: 15px;
            padding: 20px;
            box-shadow: 0 2px 5px rgba(0,0,0,0.1);
        }
        h1, h2 {
            color: #003366;
        }
        p {
            line-height: 1.6;
        }
        ul {
            padding-left: 20px;
        }
        li {
            margin-bottom: 10px;
        }
.bot {

	position: relative;
	width: 200px;
	height: 200px;
	margin: 0 auto;
	display: block;
	border-radius: 12px;
	overflow: hidden;
	cursor: pointer;
}

.bot img {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 100%;
	display: block;
	-webkit-transition: .4s ease-in-out;
	transition: .4s ease-in-out;
}
.bot:hover img:nth-of-type(2) {
	opacity: 0;
}
.field {
display: flex;
}
        @media (max-width: 650px) {
            .container {
                flex-direction: column;
            }
		 .container2 {
                flex-direction: column;
            }
            .column {
                min-width: 100%;
            }
			.bot {
	width: 120px;
}.field {

}
        }