@charset "UTF-8";
/* ---------- subtitle ---------- */
h2 {
  padding-top: 80px;
  background-color: #FFFFFF;
  padding: 120px 0 60px;
  text-align: center; }

@media (max-width: 768px) {
  h2 {
    padding: 50px 0 30px;
    max-width: 429px;
    margin: 0 auto;
    width: 90%; }
    h2 img {
      width: 100%; } }
/* ---------- 誓い ---------- */
#oath {
  border-width: 1px;
  border-color: #b5a25d;
  padding: 5%;
  border-style: solid;
  width: 80%;
  margin: 0 auto;
  max-width: 998px; }
  #oath h3 {
    color: #b5a25d;
    font-size: 140%;
    margin-bottom: 50px; }
  #oath p {
    font-size: 120%;
    line-height: 180%; }
    #oath p:nth-of-type(3), #oath p:last-of-type {
      margin-top: 1em; }

@media (max-width: 768px) {
  #oath h3 {
    font-size: 140%;
    margin-bottom: 20px; }
  #oath p {
    font-size: 100%;
    white-space: nowrap; } }
/* ---------- プロフィール ---------- */
#profile {
  padding-top: 100px;
  margin: 0 auto;
  max-width: 1000px; }
  #profile .photo {
    float: left;
    margin-right: 45px; }
  #profile .text {
    float: left;
    text-align: left;
    margin-right: 45px; }
    #profile .text h3 {
      font-weight: normal;
      margin-bottom: 1em; }
    #profile .text .interest {
      margin-top: 30px;
      font-size: 90%; }
      #profile .text .interest p a {
        text-decoration: underline; }

@media (max-width: 960px) {
  #profile {
    margin: 50px auto 0;
    max-width: 90%; }
    #profile .photo {
      float: none;
      margin-right: 0px; }
    #profile .text {
      float: none;
      text-align: left;
      margin: 20px auto 0; }
      #profile .text h3 {
        margin-bottom: 1em; }
      #profile .text .interest {
        margin-top: 30px;
        font-size: 90%; }
        #profile .text .interest p a {
          text-decoration: underline; } }
/* ---------- policy & style ---------- */
#policy, #style, #place {
  margin: 100px auto 0; }

#policy .photo, #style .photo, #place .photo {
  margin: 0 auto 45px;
  width: 100%;
  max-width: 1000px; }

#policy .photo img, #style .photo img, #place .photo img {
  width: 100%;
  max-width: 1000px; }

#policy h3, #style h3, #place h3 {
  color: #2c7e97;
  font-size: 150%;
  margin-bottom: 50px;
  background-color: #FFFFFF; }

#policy p, #style p {
  text-align: left;
  margin: 0 auto;
  max-width: 800px; }

#place ul {
  max-width: 800px;
  margin: 0 auto;
  list-style: none;
  text-align: left; }
  #place ul li {
    display: inline; }
    #place ul li:after {
      content: " / "; }

@media (max-width: 768px) {
  #policy, #style, #place {
    width: 90%; }

  #policy .photo, #style .photo, #place .photo {
    margin: 0 auto 20px; }

  #policy h3, #style h3, #place h3 {
    margin-bottom: 20px;
    white-space: nowrap;
    font-size: 120%; } }
/* ---------- main ---------- */
main {
  text-align: center; }

/* ---------- 撮影した会場 ---------- */
#place h4 {
  margin: 40px 0 20px; }