/*--sp--*/
@media screen and (min-width: 0px) and (max-width: 667px) {
  #main-visual {
    width: 100%;
    margin-bottom: 8px;
  }
  #main-visual img {
    width: 100%;
  }

  #topicpath {
    display: none;
  }

  #why-iwaki {
    margin-bottom: 45px;
  }
  #why-iwaki .why-iwaki-ttl {
    margin-bottom: 12px;
    padding: 0 5px;
    border-bottom: 1px solid #000000;
  }
  #why-iwaki .why-iwaki-ttl img {
    width: 100%;
  }
  #why-iwaki .textarea {
    margin: 0 10px 25px;
  }

  #why-iwaki .detail-block {
    margin: 0 10px 40px;
  }
  #why-iwaki .detail-block h2 {
	  margin-bottom: 5px;
	  padding-left: 20px;
	  color: #FDC509;
	  font-size: 18px;
	  line-height: 1.2;
  }
  #why-iwaki .detail-block h2.num01 {
	  background: url(../why-iwaki/img/num01.gif) 0 3px no-repeat;
	  background-size: 16px;
  }
  #why-iwaki .detail-block h2.num02 {
	  background: url(../why-iwaki/img/num02.gif) 0 3px no-repeat;
	  background-size: 16px;
  }
  #why-iwaki .detail-block h2.num03 {
	  background: url(../why-iwaki/img/num03.gif) 0 3px no-repeat;
	  background-size: 16px;
  }
  #why-iwaki .detail-block .photo {
	  width: 66.7%;
	  margin: 0 auto;
  }
  #why-iwaki .detail-block .photo img {
    width: 100%;
  }
  #why-iwaki .detail-block .text-area {
	  margin-top: 10px;
  }
  #why-iwaki .detail-block .text-area h3 {
	  padding-bottom: 8px;
	  color: #000;
	  font-size: 16px;
	  font-weight: bold;
	  line-height: 1.5;
  }
  #why-iwaki .detail-block .text-area p {
	  color: #000;
	  font-size: 12px;
	  line-height: 1.5;
  }
.add-youtube{
	margin: 40px 0;
	text-align: center;
}
.add-youtube iframe{
	width: 60%;
	padding-bottom: 40px;
}

}
/*--//sp--*/
/*--pc--*/
@media screen and (min-width: 668px) {
  #main-visual {
    width: 1000px;
    margin: 0 auto 5px;
  }
  #main-visual img {
    width: 100%;
  }

  #topicpath {
    width: 1000px;
    margin: 0 auto 40px;
    font-size: 12px;
    color: #202020;
  }
  #topicpath ul {
    overflow: hidden;
  }
  #topicpath ul li {
    float: left;
    margin-right: 5px;
  }
  #topicpath ul li a {
    color: #202020;
    padding-right: 9px;
    background: url("/common/img/topicpath-icon.png") right 50% no-repeat;
  }

  #why-iwaki {
    width: 1000px;
    margin: 0 auto 85px;
  }
  #why-iwaki .why-iwaki-ttl {
    text-align: center;
    margin-bottom: 12px;
    margin-bottom: 20px;
    padding: 0 5px;
    border-bottom: 1px solid #000000;
  }
  #why-iwaki .textarea {
    text-align: center;
    margin: 0 auto 55px;
    font-size: 14px;
  }

  #why-iwaki .detail-block {
    width: 770px;
    margin: 0 0 82px 130px;
	overflow: hidden;
  }
  #why-iwaki .detail-block h2 {
	  margin-bottom: 20px;
	  padding-left: 30px;
	  color: #FDC509;
	  font-size: 28px;
  }
  #why-iwaki .detail-block h2.num01 {
	  background: url(../img/why-iwaki/num01.gif) center left no-repeat;
	  background-size: 24px;
  }
  #why-iwaki .detail-block h2.num02 {
	  background: url(../img/why-iwaki/num02.gif) center left no-repeat;
	  background-size: 24px;
  }
  #why-iwaki .detail-block h2.num03 {
	  background: url(../img/why-iwaki/num03.gif) center left no-repeat;
	  background-size: 24px;
  }
  #why-iwaki .detail-block .photo {
	  float: left;
  }
  #why-iwaki .detail-block .photo img {
	  width: 300px;
	  height: 300px;
  }
  #why-iwaki .detail-block .text-area {
	  float: right;
	  width: 450px;
  }
  #why-iwaki .detail-block .text-area h3 {
	  padding-bottom: 10px;
	  color: #000;
	  font-size: 20px;
	  font-weight: bold;
	  line-height: 1.5;
  }
  #why-iwaki .detail-block .text-area p {
	  color: #000;
	  font-size: 14px;
	  line-height: 2.0;
  }
.add-youtube{
	padding: 0 20px;
	text-align: center;
}
.add-youtube iframe{
	width: 60%;
	padding-bottom: 40px;
}

}
/*--//pc--*/