@charset "UTF-8";
/* --------------------------------------------------------------------------------------
 base
--------------------------------------------------------------------------------------- */
a[href^="tel:"] {
  pointer-events: none;
}

a[href^="tel:"]:link, a[href^="tel:"]:visited {
  color: #140f00;
  text-decoration: none;
}

a[href^="tel:"]:hover, a[href^="tel:"]:active {
  color: #140f00;
  text-decoration: none;
}

html, body {
  font-size: 16px;
}
@media (max-width: 756px) {
  html, body {
    font-size: 16px;
  }
}

body {
  color: #140f00;
  font-family: sans-serif;
  font-weight: 400;
  line-height: 2;
  text-align: center;
  background: #fff;
  -webkit-text-size-adjust: none;
}

input, textarea, select {
  font-size: 100%;
}

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

b, strong, fontBold {
  font-weight: 700;
}

/* reset ------------------------------ */
body, div,
h1, h2, h3, h4, h5, h6,
dl, dt, dd, ul, ol, li, figure,
p, blockquote, pre, cite, code, caption,
header, footer, section,
tr, th, td,
main,
form, fieldset, legend, input, textarea, select, option, label {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

img, table {
  border: none;
}

img {
  vertical-align: bottom;
}

table {
  border-collapse: collapse;
}

ul, ol {
  list-style: none;
}

li img,
dt img {
  vertical-align: bottom;
}

/* textlink ------------------------------ */
a,
a img {
  transition: all 0.3s;
}

a {
  color: #140f00;
  text-decoration: underline;
}

a:hover,
a:hover img,
input[type=submit]:hover,
input[type=image]:hover {
  text-decoration: none;
  opacity: 0.7;
}

/* --------------------------------------------------------------------------------------
 float
--------------------------------------------------------------------------------------- */
.clearfix::after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

/*margin
-----------------------------------------------*/
.bot005px {
  margin-bottom: 5px !important;
}

.bot010px {
  margin-bottom: 10px !important;
}

.bot015px {
  margin-bottom: 15px !important;
}

.bot020px {
  margin-bottom: 20px !important;
}

.bot025px {
  margin-bottom: 25px !important;
}

.bot030px {
  margin-bottom: 30px !important;
}

.bot035px {
  margin-bottom: 35px !important;
}

.bot040px {
  margin-bottom: 40px !important;
}

.bot045px {
  margin-bottom: 45px !important;
}

.bot050px {
  margin-bottom: 50px !important;
}

.bot060px {
  margin-bottom: 60px !important;
}

.bot070px {
  margin-bottom: 70px !important;
}

.bot100px {
  margin-bottom: 100px !important;
}

/*align
-----------------------------------------------*/
.alright {
  text-align: right !important;
}

.alcenter {
  text-align: center !important;
}

.alleft {
  text-align: left !important;
}

/* FOR smartphone landscape
***************************************************************************/
@media screen and (max-width: 756px) {
  a[href^="tel:"] {
    pointer-events: auto;
  }
  a:hover,
  a:hover img,
  input[type=submit]:hover,
  input[type=image]:hover {
    opacity: 1;
    filter: alpha(opacity=100);
  }
}
.forpc {
  display: block !important;
}

.forsp {
  display: none !important;
}

.forpcinline {
  display: inline !important;
}

.forspinline {
  display: none !important;
}

html, body {
  position: relative;
  width: 100%;
  height: 100%;
}

@media screen and (max-width: 768px) {
  .forpc {
    display: none !important;
  }
  .forsp {
    display: block !important;
  }
  .forpcinline {
    display: none !important;
  }
  .forspinline {
    display: inline !important;
  }
  img {
    width: 100%;
  }
}
.linkarea,
.linkarea a {
  position: relative;
  transition: all 0.3s;
}

.linkarea a {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  font-size: 0;
  text-indent: -9999px;
  overflow: visible;
  z-index: 999;
}

.linkarea:hover {
  opacity: 0.7;
}

body {
  background: url(../images/bg01_pc.jpg) no-repeat center top;
  background-attachment: fixed;
  padding: 140px 0 60px;
}
main {
  width: 580px;
  text-align: left;
  margin: 0 auto;
}

h1 {
  width: 100%;
  margin: 0 0 30px;
}
.address {
  color: #b81c22;
  font-size: 22px;
  font-weight: 700;
  text-align: center;
}
.fax {
  color: #b81c22;
  font-size: 32px;
  font-weight: 700;
  text-align: center;
  line-height: 1.4;
  margin: 0 0 80px;
}
.subContents {
  margin: 0 50px;
}
h2 {
  font-size: 20px;
  font-weight: 700;
  text-align: center;
  margin-bottom: 20px;
  padding-bottom: 15px;
  position: relative;
}
h2::after {
  content: "";
  width: 60px;
  height: 4px;
  background: #b81c22;
  position: absolute;
  bottom: 0;
  left: calc(50% - 30px);
}
.news {
  border-bottom: solid 1px #ddd;
  margin-bottom: 50px;
  padding-bottom: 30px;
}
.copyright {
  margin-top: 200px;
}
.disclist {
  list-style-type: disc;
  margin-left: 20px;
}
.copyright {
  color: #aaa;
  font-size: 14px;
  padding-bottom: 50px;
}

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

  body {
    background: none;
    padding: 10vw 0 0;
  }
  main {
    width: 100vw;
    padding: 0 5vw;
  }

  h1 {
    width: 100%;
    margin: 0 0 8vw;
  }
  .address {
    font-size: 4vw;
    line-height: 1.6;
    margin-bottom: 5vw;
  }
  .fax {
    font-size: 6vw;
    margin: 0 0 10vw;
  }
  .subContents {
    margin: 0;
  }
  h2 {
    font-size: 4.5vw;
  }
  .news {
    margin-bottom: 15vw;
    padding-bottom: 10vw;
  }
  .photo {
    font-size: 14px;
    text-align: center;
    margin: 10vw 0 0;
  }
  .copyright {
    margin-top: 20vw;

  }

}