@charset "UTF-8";
/* ===========================================
	 01, Browser Reset
   =========================================== */
*, *:before, *:after {
  box-sizing: border-box; }

html, body, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, dialog, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video, picture {
  margin: 0;
  padding: 0; }

html {
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  -ms-overflow-style: scrollbar;
  -webkit-tap-highlight-color: transparent;
  font-size: 62.5%;
  /* 10px */ }

@-ms-viewport {
  width: device-width; }

body {
  font-size: 1rem; }

article, aside, details, figcaption, figure, footer, header, menu, nav, section, main, summary, picture {
  display: block; }

audio, canvas, progress, video {
  display: inline-block; }

audio:not([controls]) {
  display: none;
  height: 0; }

table {
  border-collapse: collapse; }

a {
  border-style: none;
  outline: 0;
  background-color: transparent;
  -webkit-text-decoration-skip: objects; }

a:active,
a:hover {
  outline-width: 0; }

img {
  display: block;
  max-width: 100%;
  height: auto;
  border-style: none;
  vertical-align: bottom; }

ins {
  text-decoration: none; }

ul {
  list-style: none; }

br {
  letter-spacing: 0; }

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sub {
  bottom: -0.25em; }

sup {
  top: -0.5em; }

address,
em,
strong {
  font-style: normal; }

h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  font-weight: normal; }

/* ===========================================
02, Forms normalize
=========================================== */
button,
input,
select,
textarea {
  font: inherit;
  margin: 0; }

optgroup {
  font-weight: bold; }

button,
input,
select {
  overflow: visible; }

button,
select {
  /* 1 */
  text-transform: none; }

button,
[type="button"],
[type="reset"],
[type="submit"] {
  cursor: pointer; }

[disabled] {
  cursor: default; }

button,
html [type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button; }

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0; }

button:-moz-focusring,
input:-moz-focusring {
  outline: 1px dotted ButtonText; }

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal; }

textarea {
  overflow: auto; }

[type="checkbox"],
[type="radio"] {
  box-sizing: border-box;
  padding: 0; }

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto; }

[type="search"] {
  -webkit-appearance: textfield; }

[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

/* ===========================================
共通スタイル
=========================================== */
body {
  font-family: dnp-shuei-mincho-pr6n,sans-serif;
  font-weight: 400;
  font-style: normal;
  font-feature-settings: "palt" 1;
  line-height: 1.75;
  color: #4d4d4d; }
  @media (max-width: 767px) {
    body {
      font-size: 1.4rem; } }
  @media (min-width: 768px) {
    body {
      letter-spacing: .05em;
      font-size: 1.8rem; } }

/* ------------------------
*	 display   
*/
@media (max-width: 767px) {
  .pc {
    display: none !important; } }

@media (min-width: 768px) {
  .sp {
    display: none !important; } }

.hide {
  display: none !important; }

.dp_block {
  display: block; }

.dp_inlineblock {
  display: inline-block; }

.block_center {
  display: block;
  margin-left: auto;
  margin-right: auto; }

.sr_only {
  /* スクリーンリーダー用 */
  position: absolute;
  white-space: nowrap;
  width: 1px;
  height: 1px;
  overflow: hidden;
  border: 0;
  padding: 0;
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  margin: -1px; }

/* --------------------
* clearFix
*/
.clearfix:after {
  clear: both;
  display: block;
  content: ""; }

/* ------------------------
*	img
*/
/* Mouse hover */
@media (min-width: 768px) {
  .hvropa,
  a.hvrimg img,
  .hvrIMG a img {
    opacity: 1;
    transition: opacity 0.3s linear; }
  .hvropa:hover,
  a.hvrimg:hover img,
  .hvrIMG a:hover img {
    opacity: 0.7; } }

/* --------------------
* link
*/
@media (min-width: 768px) {
  .tel {
    text-decoration: none;
    color: inherit !important;
    cursor: default;
    pointer-events: none; }
  .tel:hover {
    text-decoration: none; } }

/* --------------------
* table
*/
.table-responsive {
  display: block;
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch; }

/* ------------------------
button
*/
.btnReset {
  padding: 0;
  background: none;
  border: none;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none; }

.button {
  position: relative;
  display: inline-block;
  border: 0;
  outline: 0;
  padding: 7px 15px;
  border-radius: 4px;
  background-color: #999;
  color: #fff;
  font-size: 1.6rem;
  text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25);
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  appearance: none;
  -webkit-transition: all 0.4s;
  transition: all 0.4s; }
  @media (min-width: 768px) {
    .button:hover {
      background-color: #666;
      color: #fff; } }

/* ------------------------
* color
*/
.colOrange {
  color: #f15a24; }

/* ------------------------
* wrap
*/
.content {
  max-width: 800px;
  margin-left: auto;
  margin-right: auto; }
  @media (max-width: 767px) {
    .content {
      padding-left: 10%;
      padding-right: 10%; } }

.content2 {
  max-width: 800px;
  margin-left: auto;
  margin-right: auto; }
  @media (max-width: 767px) {
    .content2 {
      padding-left: 5%;
      padding-right: 5%; } }

.bg {
  width: 60%;
  max-width: 864px; }
  @media (max-width: 767px) {
    .bg {
      margin-left: auto; } }
  @media (min-width: 768px) {
    .bg {
      position: absolute;
      z-index: -1;
      right: 0;
      bottom: -284px; } }

/* ------------------------
* Chapter
*/
.chapter {
  display: block;
  background-repeat: no-repeat;
  background-position: bottom right;
  font-family: fot-tsukubrdgothic-std,sans-serif;
  font-weight: 700;
  font-style: normal;
  letter-spacing: 0;
  line-height: 1.5;
  color: #f15a24; }
  @media (max-width: 767px) {
    .chapter {
      font-size: 1.4rem; } }
  @media (min-width: 768px) {
    .chapter {
      font-size: 1.8rem; } }
  @media (max-width: 767px) {
    .chapter {
      background-image: url(../images/sec_line-sp.svg);
      background-size: auto 24px;
      width: 129px;
      padding: 0 0 41px 10%; } }
  @media (min-width: 768px) {
    .chapter {
      background-image: url(../images/sec_line-pc.svg);
      background-size: auto 43px;
      width: calc(50% - 260px);
      padding-left: calc(50% - 400px);
      padding-bottom: 59px; } }

/* ===========================================
layout
=========================================== */
section {
  position: relative; }

/* ===========================================
footer
=========================================== */
.footerContainer {
  background-color: #944e20;
  color: #fff;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%; }
  @media (max-width: 767px) {
    .footerContainer {
      margin-top: 20px;
      padding: 31px 2% 18px; } }
  @media (min-width: 768px) {
    .footerContainer {
      margin-top: 40px;
      padding: 49px 0 17px; } }

.footer-lead {
  font-weight: 500; }
  @media (max-width: 767px) {
    .footer-lead {
      font-size: 2.4rem; } }
  @media (min-width: 768px) {
    .footer-lead {
      font-size: 3rem;
      letter-spacing: .15em; } }

.footer-head {
  font-weight: 500;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%; }
  @media (max-width: 767px) {
    .footer-head {
      font-size: 2.4rem; } }
  @media (min-width: 768px) {
    .footer-head {
      font-size: 3rem;
      letter-spacing: .15em; } }
  @media (max-width: 767px) {
    .footer-head {
      margin-top: 31px; } }
  @media (min-width: 768px) {
    .footer-head {
      margin-top: 19px; } }
  .footer-head--icon {
    display: block;
    margin-left: auto;
    margin-right: auto; }
    @media (max-width: 767px) {
      .footer-head--icon {
        width: 30%;
        margin-bottom: 11px; } }
    @media (min-width: 768px) {
      .footer-head--icon {
        width: 150px;
        margin-bottom: 19px; } }

@media (max-width: 767px) {
  .footer-zip {
    line-height: 1.5;
    font-size: 1.2rem; } }

@media (min-width: 768px) {
  .footer-zip {
    line-height: 1.65;
    font-size: 1.6rem; } }

@media (max-width: 767px) {
  .footer-zip {
    margin-top: -2px; } }

@media (min-width: 768px) {
  .footer-zip {
    margin-top: 5px; } }

.footer-address {
  font-weight: 500;
  line-height: 1.5; }
  @media (max-width: 767px) {
    .footer-address {
      font-size: 3rem; } }
  @media (min-width: 768px) {
    .footer-address {
      font-size: 4rem; } }
  @media (max-width: 767px) {
    .footer-address {
      margin-top: 37px;
      margin-bottom: 17px; } }
  @media (min-width: 768px) {
    .footer-address {
      margin-top: 25px;
      margin-bottom: 57px; } }
  .footer-address--anc {
    color: #fff;
    text-decoration: none;
    background: url(../images/footer_icon_tel.svg) no-repeat left center;
    background-size: auto 100%; }
    @media (max-width: 767px) {
      .footer-address--anc {
        padding-left: 58px;
        line-height: 48px; } }
    @media (min-width: 768px) {
      .footer-address--anc {
        padding-left: 80px;
        line-height: 60px;
        background-size: 60px 60px; } }

.footer-copy small {
  line-height: 1.5; }
  @media (max-width: 767px) {
    .footer-copy small {
      font-size: 1rem; } }
  @media (min-width: 768px) {
    .footer-copy small {
      font-size: 1.2rem; } }

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