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


body {
	background: #000;
	font-family: "Nico Moji", sans-serif;
	margin: 0px;
}

.language_area {
    position:  absolute;        /* 要素の配置方法を指定 */
display: flex;
    padding:  5%;             /* 余白指定 */
	width:  90%;              /* 幅指定 */
    /*height: 45px; */              /* 高さ指定 */
    text-align:  center;        /* 文字を中央揃えに */
    font-size: 30px;            /* フォントサイズ指定 */
    top:  100;                    /* 上からの位置指定 */
    bottom:  0;                 /* 下からの位置指定 */
    left:  0;                   /* 左からの位置指定 */
    right:  0;                  /* 右からの位置指定 */
    margin:  auto;              /* 位置調整と組み合わせて上下中央に */
	}

.language_btn { flex-grow: 1; }


.column {
    height:35vh;
    width: 100%; 
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}
    
	
    h2 {
        font-size: 3rem;
    }
    p {
        font-size: 1.5rem;
    }
    p a {
	font-size: 2vmin;
	background: #0bd;
	border-radius: 5px;
	color: #fff;
	text-decoration: none;
	display: inline-block;
	margin-top: 5px;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
    }
    p a:hover {
        background: #0090aa;
    }
	
	
	a:hover img {
  opacity: .5;
}
	
	.info img {
	width: 60%;
	margin-right: auto;
	margin-left: auto;
	height: 60%;
	object-fit: cover;
}
	
.cat1 {
	background-size: cover;
	color: rgba(255,255,255,.7);
	background-color: #FFF;
}
.cat2 {
	background-size: cover;
	color: rgba(255,255,255,0.7);
	background-color: #000;
}

@media all and (min-width: 500px) {
  .wrapper {
    display: flex;
  }
  
    .column {
    height: 100vh;
    width: 100%;
    text-align: center;
    display: flex;
    align-items: flex-end;
    justify-content: center;
	position: relative;
  }
	
	
	.info {
 position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  width: 320px;
  height: 320px;
    }
	
	.info img {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	height: 100%;
	object-fit: cover;
}



	
.language_area{
	display: block;
}


}

