@charset "UTF-8";

header nav > ul > li:nth-of-type(7) a          { color: #C00; font-weight: 400;}
header nav > ul > li:nth-of-type(7) a::before  { background-color: #c00;}

.page #hd_image                 { background: url(../images/local/hd_image.jpg) center no-repeat; background-size: 100% auto; padding: 0 1em;}

article p a                     { border-bottom: #f00 dotted 1px;}
article p a:before              { content: "› "; font-weight: bold; color: #f00;}
article dl                      { border-bottom: 1px solid #e5e5e5; margin-bottom: 2em; margin-top: 2em;}
article dl div                  { display: flex; padding: 1em 0; border-top: 1px solid #e5e5e5;}
article dl div dt               { width: 15em; position: relative;}
article dl div dt span          { background-color: #f00; color: #FFF; font-size: 0.8em; line-height: 1.7em; padding: 0 0.2em; position: absolute; right: 1.5em; border-radius: 0.2em;  top: 0.5em;}
article dl div dd               { width: 100%; flex: 1;}
article dl div dd input         { padding: 1em; background-color: #E5E5E5; border: 0; border-radius: 1.5em;}
article dl div dd textarea      { width: 100%; padding: 1em; background-color: #E5E5E5; border: 0; border-radius: 0.5em; box-sizing: border-box;}
article .privacy label          { display: block; text-align: center; padding: 1.5em; background-color: #fDD;}
article .send                   { width: fit-content; display: block; font-size: 1.1em; border: 0; padding: 1em 5em; border-radius: 2em; background-color: #333; color: #FFF; margin: 2em auto; cursor: pointer; position: relative; transition: .2s;}
article .send:hover             { transform: scale(105%);}


@media screen and ( max-width: 767px) {

  article dl div                  { display: block; padding: 1em 0; border-top: 1px solid #e5e5e5;}
  article dl div dt               { width: auto; margin-bottom: 0.5em;}
  article dl div dt span          { right: 0; top: 0.5em;}
  article dl div dd               { width: 100%; flex: 1;}
  article dl div dd input         { width: 100%; box-sizing: border-box;}
  article dl div dd textarea      { width: 100%; padding: 1em; background-color: #E5E5E5; border: 0; border-radius: 0.5em; box-sizing: border-box;}
  article .privacy label          { display: block; text-align: center; padding: 1.5em; background-color: #fDD;}
  article .send                   { width: fit-content; display: block; font-size: 1.1em; border: 0; padding: 1em 5em; border-radius: 2em; background-color: #333; color: #FFF; margin: 2em auto; cursor: pointer; position: relative; transition: .2s;}
  article .send:hover             { transform: scale(105%);}


}