@charset "utf-8";

/********************
  mainVisual
********************/

#mainvisual {
	width:          100%;
}

#mainvisual ul {
	position:       relative;
}

#mainvisual ul li {
	display:        none;
	position:       absolute;     /* 背面の画像にはposition: absoluteを指定 */
	top:            0;            /* 背面の画像をtop: 0に移動し、画像を重ねる */
	z-index:        1;            /* 背面の画像のz-indexを1に指定 */
	width:          100%;
}
#mainvisual ul li:first-child {
	display:        block;
	position:       relative;     /* 前面の画像にはposition: relativeを指定 */
	z-index:        1000;         /* 前面の画像のz-indexを1000に指定 */
}

div.mainContents {
}
div.mainContents h2.pageTitle {
  font-size:              24px;
  margin:                 15px;
  border-left:            10px solid #75c438;
  padding:                10px 0 10px 10px;
}
div.mainTextWrapper {
  width:                  886px;
  border:                 2px solid #75c438;
  border-radius:          15px;
  -moz-border-radius:     15px;
  -webkit-border-radius:  15px;
  -o-border-radius:       15px;
  -ms-border-radius:      15px;
  background:             #ffffff;
  margin:                 15px;
  padding:                20px;
}

div.mainText p {
  margin:                 15px;
  line-height:            1.7;
}

div.mainTextWrapper p {
  margin:                 15px;
  line-height:            1.7;
}

div.mainTextWrapper p.center {
  margin:                 15px 0;
  text-align:             center;
}

div.mainTextWrapper p strong {
  color:                  #75c438;
}

div.mainTextWrapper p img {
  margin:                 5px 0;
}

div.mainTextWrapper dl.gaiyou {
  margin:                 15px;
  line-height:            1.7;
  float:                  left;
  width:                  70%;
}
div.mainTextWrapper dl.gaiyou dt {
  font-weight:            bold;
}
div.mainTextWrapper dl.gaiyou dt.right {
  text-align:             right;
}
div.mainTextWrapper dl.gaiyou dd {
  margin:                 0 0 0 20px;
}
div.mainTextWrapper dl.gaiyou dd input.short {
  width:                  200px;
}
div.mainTextWrapper dl.gaiyou dd input.middle {
  width:                  400px;
}
div.mainTextWrapper dl.gaiyou dd textarea {
  width:                  400px;
  height:                 100px;
}

div.mainTextWrapper dl.privacy {
  margin:                 15px;
  line-height:            1.7;
}
div.mainTextWrapper dl.privacy dt {
  font-weight:            bold;
}
div.mainTextWrapper dl.privacy dt.right {
  text-align:             right;
}
div.mainTextWrapper dl.privacy dd {
  margin:                 0 0 0 20px;
}

div.mainTextWrapper div#banner {
  margin:                 15px;
}

div.mainTextWrapper div#banner ul li {
  margin:                 10px 0;
}

section.responsible {
  width:                  405px;
  border:                 2px solid #75c438;
  border-radius:          15px;
  -moz-border-radius:     15px;
  -webkit-border-radius:  15px;
  -o-border-radius:       15px;
  -ms-border-radius:      15px;
  background:             #ffffff;
  margin:                 15px;
  padding:                20px;
  float:                  left;
}

section.responsible p.img {
  float:                  left;
}

section.responsible h2 {
  float:                  right;
  width:                  230px;
}

section.responsible p.text {
  float:                  right;
  width:                  230px;
  margin:                 20px 0 0 0;
  line-height:            1.7;
}

@media screen and (max-width: 960px) {
  #mainvisual {
  	display:        none;
  }
  div.mainText p {
    margin:                 3px 0;
    line-height:    1.7;
  }
  div.mainWrapper p {
    margin:                 3px 0;
    line-height:    1.7;
  }
  div.mainTextWrapper p img {
    margin:                 5px 0;
    max-width:              260px;
  }

  div.mainContents h2.pageTitle {
    font-size:              20px;
    margin:                 5px;
  }
  div.mainTextWrapper {
    width:                  95%;
    border:                 1px solid #75c438;
    border-radius:          15px;
    background:             #ffffff;
    margin:                 1%;
    padding:                1%;
  }
  section.responsible {
    width:                  93%;
    border:                 1px solid #75c438;
    border-radius:          15px;
    background:             #ffffff;
    margin:                 1%;
    padding:                1%;
  }
  section.responsible p.img {
      width:                 100%%;
    float:                  none;
    text-align:              center;
  }
  section.responsible h2 {
    float:                  none;
    with:                   100%;
    text-align:             center;
    margin:                 5px auto;
    padding:                5px 0;
  }
  section.responsible p.text {
  float:                  none;
  width:                  93%;
  margin:                 20px 0 0 0;
  line-height:            1.7;
  margin:                 10px;
  }
  address {
    font-size:  10px;
  }
  .map {
    display:                  none;
  }
  div.mainTextWrapper dl.gaiyou dd input.short {
    width:                  240px;
  }
  div.mainTextWrapper dl.gaiyou dd input.middle {
    width:                  240px;
  }
  div.mainTextWrapper dl.gaiyou dd textarea {
    width:                  240px;
    height:                 150px;
  }

}