@charset "UTF-8";
/*
** import core file
*/
/*
**
template style
**
** overall
** header
** gnav
** contents
** topicpath
** main
** side
** pagetop
** footer
**
*/
/*==================================================

** overall
==================================================*/
*,
*:before,
*:after {
  box-sizing: border-box; }

/*
*::selection {
	background:lighten($color-bk,20%);
	color:#fff;
}
*::-moz-selection {
	background: lighten($color-bk,20%);
	color:#fff;
}
*/
html, body, .sitewrap {
  height: 100%;
  width: 100%; }

body {
  color: #333;
  position: relative;
  -webkit-text-size-adjust: 100%; }

.wrap,
#topicpath ol {
  margin-left: auto;
  margin-right: auto;
  position: relative; }

a {
  transition: all 0.2s; }
  a:hover {
    opacity: 0.8;
    transition: all 0.4s; }

img {
  max-width: 100%;
  height: auto; }
  img[src$=".svg"] {
    width: 100%; }

/*==================================================

** header
==================================================*/
/*==================================================

** gnav
==================================================*/
/*==================================================

** contents
==================================================*/
/*==================================================

** topicpath
==================================================*/
#topicpath ol li span + span:before {
  content: ',';
  margin: 0 5px; }

/*==================================================

** main
==================================================*/
#main {
  max-width: 1800px;
  max-width: 960px;
  margin: 0 auto; }

/* pagettl */
/* main style */
.main p + p, .main p + address, .main address + p, .main address + address {
  margin-top: 0px; }
.main ul.noicon li {
  padding: 0; }
  .main ul.noicon li:before {
    content: none; }
.main ol, .main ul {
  counter-reset: number; }
  .main ol li > :first-child, .main ul li > :first-child {
    margin-top: 0; }
  .main ol > li, .main ul > li {
    counter-increment: number; }
  .main ol.numbering li:before, .main ul.numbering li:before {
    content: counter(number) ".";
    position: absolute;
    left: 0;
    top: 0; }
.main table {
  width: 100%; }
  .main table th, .main table td {
    width: auto;
    text-align: left;
    vertical-align: top; }
    .main table th > :first-child, .main table td > :first-child {
      margin-top: 0; }
.main dl dt > :first-child, .main dl dd > :first-child {
  margin-top: 0; }
.main blockquote {
  display: block;
  padding: 20px; }
  .main blockquote:before, .main blockquote:after {
    display: block; }
  .main blockquote:before {
    content: '“';
    text-align: left; }
  .main blockquote:after {
    content: '”';
    text-align: right; }
.main em {
  font-style: italic; }
.main strong {
  font-weight: bold; }
.main h2 + * {
  margin-top: 0px; }
.main h2 + p {
  margin-top: 0px; }
.main h3 + * {
  margin-top: 0px; }
.main h3 + p {
  margin-top: 0px; }
.main h4 + * {
  margin-top: 0px; }
.main h4 + p {
  margin-top: 0px; }
.main h5 + * {
  margin-top: 0px; }
.main h5 + p {
  margin-top: 0px; }

/*==================================================

** side
==================================================*/
/*==================================================

** pagetop
==================================================*/
#pagetop {
  display: none;
  position: fixed;
  z-index: 99; }

/*==================================================

** footer
==================================================*/