/* width */
/*border*/
/*screenmarge*/
/*---------------------------------
	about
-----------------------------------*/
/*---------------------------------
	special
-----------------------------------*/
body#special .special section {
  display: flex;
  justify-content: space-between;
  width: 80%;
  margin-top: 7rem;
  margin-bottom: 3rem;
  margin-right: 20%; }
  body#special .special section:nth-of-type(even) {
    margin-right: 0;
    margin-left: 20%; }
  body#special .special section .illust {
    margin-left: 2rem; }
    body#special .special section .illust img {
      max-width: 350px;
      max-height: 200px; }
  body#special .special section:after {
    content: "";
    display: block;
    clear: both; }
  @media only screen and (max-width: 780px) {
    body#special .special section {
      display: inherit;
      width: 98%;
      margin-left: auto;
      margin-right: auto; }
      body#special .special section:nth-of-type(even) {
        margin-left: auto;
        margin-right: auto; }
      body#special .special section .illust {
        margin: 1rem auto; }
        body#special .special section .illust img {
          display: block;
          margin: 0 auto;
          max-width: 350px;
          max-height: 200px; } }

/*---------------------------------
	help
-----------------------------------*/
body#help h1 + img {
  width: 460px;
  margin: 0 auto;
  display: block; }
body#help h2 {
  margin-top: 4rem; }
body#help ul.helplist {
  margin: 2rem 0 4rem 2rem; }
  body#help ul.helplist li {
    border-bottom: 1px dotted #02216a;
    padding: 1rem 0.5rem 1rem 1rem; }
body#help .service {
  margin: 4rem 1%;
  padding-bottom: 4rem;
  border-bottom: 1px dotted #999; }
  body#help .service h3 {
    background-color: #02216a;
    color: #FFF;
    padding: 0.75rem 1rem;
    margin: 0 2rem 0 0;
    border: solid 1px #FFF;
    width: 40%;
    min-width: 280px;
    outline: solid 1px #02216a;
    outline-offset: 1px;
    font-weight: normal;
    text-align: center;
    display: inherit; }
    body#help .service h3:after {
      display: none; }
  body#help .service .read {
    width: 80%;
    border: 1px solid #02216a;
    padding: 3.5rem 2rem 2rem 2.5rem;
    margin: -2rem 0 0 20%; }
    @media only screen and (max-width: 600px) {
      body#help .service .read {
        margin: -2rem 0 0 5%;
        width: 95%; } }
    body#help .service .read p {
      text-align: left;
      margin-bottom: 2rem;
      padding-bottom: 2rem;
      border-bottom: 2px solid #02216a; }
    body#help .service .read a {
      font-size: 1.6rem; }

/*---------------------------------
	Company
-----------------------------------*/
#company dl.company {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 4rem; }
  #company dl.company dt, #company dl.company dd {
    border-top: 1px solid #CCC;
    padding: 1rem; }
  #company dl.company dt {
    width: 10em;
    color: #02216a;
    font-weight: bold; }
  #company dl.company dd {
    width: calc(100% - 10em); }
  @media only screen and (max-width: 780px) {
    #company dl.company {
      display: inherit; }
      #company dl.company dt, #company dl.company dd {
        padding: 1rem; }
      #company dl.company dt,
      #company dl.company dd {
        width: 100%; } }
#company .map iframe {
  width: 100%;
  height: 400px;
  filter: grayscale(100%); }

/*---------------------------------
	Recruit
-----------------------------------*/
#recruit section.anc {
  padding-top: 10rem; }
#recruit ul.recruit {
  margin-top: 3rem;
  display: flex;
  flex-wrap: wrap; }
  #recruit ul.recruit li {
    border: #02216a 1px solid;
    outline: #02216a 1px solid;
    outline-offset: 1px;
    width: 47%;
    margin: 0 1.5% 3rem;
    font-size: 1.6rem; }
    @media only screen and (max-width: 780px) {
      #recruit ul.recruit li {
        width: 97%;
        margin: 0 1.5% 2rem; } }
    #recruit ul.recruit li a {
      padding: 1.5rem;
      display: block;
      height: 100%; }
      #recruit ul.recruit li a:hover {
        background: #02216a;
        color: #FFF; }
#recruit dl.recruit {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 1rem; }
  #recruit dl.recruit dt, #recruit dl.recruit dd {
    border-top: 1px solid #CCC;
    padding: 1rem; }
  #recruit dl.recruit dt {
    width: 12em;
    color: #02216a;
    font-weight: bold; }
  #recruit dl.recruit dd {
    width: calc(100% - 12em); }
  @media only screen and (max-width: 780px) {
    #recruit dl.recruit {
      display: inherit; }
      #recruit dl.recruit dt, #recruit dl.recruit dd {
        padding: 1rem; }
      #recruit dl.recruit dt,
      #recruit dl.recruit dd {
        width: 100%; } }
#recruit .contact {
  text-align: center; }

/*---------------------------------
	Contact
-----------------------------------*/
body#contact span {
  color: red; }
body#contact .err {
  color: #FF0000; }
body#contact dl.form {
  display: flex;
  flex-wrap: wrap;
  margin: 2rem 0; }
  body#contact dl.form dt, body#contact dl.form dd {
    border-top: 1px solid #CCC;
    padding: 1rem; }
  body#contact dl.form dt {
    width: 20rem; }
  body#contact dl.form dd {
    width: calc(100% - 20rem); }
    body#contact dl.form dd input, body#contact dl.form dd textarea {
      border: 1px solid #CCC;
      padding: 0.5rem;
      width: 100%; }
    body#contact dl.form dd textarea {
      height: 20rem; }
  @media only screen and (max-width: 600px) {
    body#contact dl.form {
      display: inherit; }
      body#contact dl.form dt, body#contact dl.form dd {
        padding: 1rem; }
      body#contact dl.form dt,
      body#contact dl.form dd {
        width: 100%; } }
body#contact input[type="button"],
body#contact input[type="submit"],
body#contact input[type="reset"] {
  background: #02216a;
  padding: 1rem;
  color: #FFF;
  cursor: pointer; }

/*---------------------------------
	SITEMAP
-----------------------------------*/
#sitemap ul.sitemap {
  margin: 0 0 1rem;
  border-top: 1px solid #CCC; }
  #sitemap ul.sitemap li {
    border-bottom: 1px solid #CCC;
    padding: 1rem 0 1rem 2rem;
    position: relative; }
    #sitemap ul.sitemap li ul {
      border-top: 1px solid #CCC;
      margin: 1rem 0 1rem 2rem; }
      #sitemap ul.sitemap li ul li:last-child {
        border-bottom: none; }
      @media only screen and (max-width: 480px) {
        #sitemap ul.sitemap li ul {
          margin: 1rem 0 1rem; }
          #sitemap ul.sitemap li ul li {
            padding: 1rem 0 1rem 1rem; } }
  #sitemap ul.sitemap > li:before {
    margin-top: 1.5rem;
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 8px;
    height: 1em;
    display: block;
    background: #BCA522; }

/*---------------------------------
	privacy
-----------------------------------*/
#privacy p {
  margin-bottom: 1rem; }
#privacy ol {
  margin: 0 0 1rem; }
  #privacy ol li {
    padding: 1rem 0 0.5rem 1rem;
    list-style: outside decimal;
    margin-left: 1.5em; }
    #privacy ol li ol {
      margin: 0 0 0.5rem; }

/*# sourceMappingURL=single.css.map */