@charset "utf-8";

/******************************
DSJ Vision
******************************/

.vision .mainSectionArea h2 {
  font-size:150%;
}

.vision .mainSectionArea h3 {
  padding-top:1em;
  padding-bottom:1em;
  text-align:center;
}
@media only screen and (max-width: 520px) {
   .vision .mainSectionArea h3 {
     font-size:90%;
   }
}

.vision .mainSectionArea .ph img {
	width:100%;
}

.vision .mainSectionArea.bg {
	background:#f7eef0;
}
.vision .mainSectionArea.second {
	padding-top:0;
}

.vision .mainSectionArea .tx {
	padding-bottom:2em;
	text-align:center;
	font-size: 16px;
	font-weight:400;
}

.vision .mainSectionArea .tx p {
	margin:0 0 0.5em;
	font-size: 18px;
	font-weight:700;
}

@media only screen and (max-width: 500px) {
	.vision .mainSectionArea .tx {
		font-size: 14px;
	}
	
	.vision .mainSectionArea .tx p {
		font-size: 16px;
		font-weight:500;
	}
}


.vision .kyouryoku {
  margin:40px 0 60px;
}

.vision .kyouryoku a {
  display:inline-block;
  width:23%;
  margin:0 1%;
  text-align:center;
  font-size:13px;
  text-decoration:none;
}

.vision .kyouryoku a img {
  display:block;
  width:100%;
  max-width:218px !important;
  margin:0 auto;
}

.vision .kyouryoku a span {
  display:block;
  width:100%;
  max-width:218px !important;
  height;80px;
  line-height:80px;
  color:#333;
  text-decoration:none !important;
  margin:0 auto;
}

.vision .kyouryoku a p {
  text-decoration:none;
}
.vision .kyouryoku a:hover p {
  text-decoration:underline;
}


@media only screen and (max-width: 768px) {
  .vision .kyouryoku a {
    font-size:12px;
    width:48%;
    margin:0 1% 20px;
  }
}
@media only screen and (max-width: 420px) {
  .vision .kyouryoku a {
    width:98%;
    margin:0 1% 20px;
  }
}