/* CSS Document */
.mv {
  color: white;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 500px;
  background-color: #333;
  background-image: url("../images/2209029.png");
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  margin-bottom: 50px; }
  .mv section {
    text-align: center;
    border: 1px solid white;
    border-radius: 30px;
    padding: 30px; }
    .mv section b {
      font-size: 25px; }
    .mv section p {
      text-shadow: 2px 2px #000; }
    .mv section h2 {
      font-size: 80px;
      text-shadow: 4px 4px #000; }

.about .image {
  text-align: center; }

.news {
  border: 1px solid #333;
  margin-bottom: 50px;
  padding: 30px; }
  .news .entry {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    border-top: 3px solid #333;
    background-size: auto auto;
    background-color: white;
    background-image: repeating-linear-gradient(45deg, transparent, transparent 8px, #eeeeee 8px, #eeeeee 9px);
    padding: 30px; }
    .news .entry section {
      flex-basis: 50%; }
    .news .entry h3 {
      border-bottom: 2px solid #333;
      padding: 10px; }
    .news .entry .image {
      width: 300px;
      height: 300px;
      background-color: #333;
		 background-image:none;
		 background-size: cover;
		 background-position:center;
		 background-repeat:no-repeat;
      border-radius: 50%;
      box-shadow: 5px 5px 10px #ccc;
      border: 10px solid white;
      margin: 0 auto 50px; }
    .news .entry table {
      width: 100%; }
      .news .entry table th {
        width: 30%;
        background-color: #ccc;
        padding: 20px; }
      .news .entry table td {
        width: 70%;
        background-color: white;
        border: 1px solid #ccc;
        padding: 20px; }

.box {
  border: 1px solid #333;
  margin-bottom: 50px;
  padding: 30px; }
  .box ul {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap; }
    .box ul li {
      flex-basis: 48%;
      text-align: center;
      margin-right: 2%; }
      .box ul li:last-child {
        margin-right: 0; }
  .box a {
    display: block;
    border: 3px solid #333;
    margin-bottom: 10px;
    padding: 10px; }

.area .image {
  text-align: center; }

@media screen and (max-width: 768px) {
	.mv{
		padding:10px;
	}
	
  .mv section h2 {
    font-size: 40px;
    text-shadow: 2px 2px #000; }

	.mv section b{
		font-size: 20px;
	}
	
  .contents {
    display: block; }

  .news .entry section {
    flex-basis: auto; } }