@charset "UTF-8";
/*=============================================================================
   Reset
=============================================================================*/
/* http://meyerweb.com/eric/tools/css/reset/
v2.0 | 20110126
License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
 margin: 0;
 padding: 0;
 border: 0;
 font-size: 100%;
 font: inherit;
 vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
 display: block;
}

body {
 line-height: 1;
}

ol, ul {
 list-style: none;
}

blockquote, q {
 quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
 content: '';
 content: none;
}

table {
 border-collapse: collapse;
 border-spacing: 0;
}

/*======================================================================
   Base
======================================================================*/
html {
 -webkit-text-size-adjust: 100%;
 -webkit-font-smoothing: antialiased;
 -moz-osx-font-smoothing: grayscale;
 font-size: 62.5%;
}

body {
 color: #fff;
 background: #933;
 font-family: Times, "Times New Roman", Georgia, "游明朝体", YuMincho, "游明朝", "Yu Mincho", "HGS明朝E", serif;
 font-size: 1.6em;
 line-height: 1.8;
}

a:link, a:visited {
 color: #c55;
 text-decoration: none;
}

a:hover, a:active, a.hover {
 color: #e66;
 text-decoration: underline;
 outline: 0;
}

a:focus {
 outline: thin dotted;
}

a img {
 -webkit-transition: .3s ease-in-out;
 transition: .3s ease-in-out;
 opacity: 1;
}

a:hover img, a.hover img {
 opacity: .7;
}

strong {
 font-size: 1.04em;
 font-weight: bold;
}

hr {
 margin: 1.8rem 0;
 padding: 0;
 border: solid white;
 border-width: 1px 0 0 0;
 height: 0;
 clear: both;
}

img {
 max-width: 100%;
 width: auto;
 height: auto;
 vertical-align: middle;
}

.disclist {
 list-style: disc outside;
 margin-left: 1.5em;
}

.disclist li {
 line-height: 1.4;
 margin-bottom: 0.6em;
}

.indentlist {
 margin-left: 1em;
}

.indentlist li {
 text-indent: -1em;
 line-height: 1.4;
 margin-bottom: 0.6em;
}

#wrapper {
 width: 100%;
 overflow: hidden;
}

/* Clear Settings
--------------------------------------------------- */
.clear {
 clear: both;
}

.clear:after {
 content: " ";
 display: block;
 clear: both;
}

/*
 Respond
======================================================================*/
@media screen and (max-width: 479px) {
 ._xs,
 ._tb,
 ._pc {
  display: none;
 }
 ._sl,
 ._sp {
  display: block;
 }
}

@media screen and (max-width: 414px) {
 ._xs,
 ._tb,
 ._pc {
  display: none;
 }
 ._ss,
 ._sp {
  display: block;
 }
}

@media screen and (max-width: 320px) {
 ._ss,
 ._sl {
  display: none;
 }
 ._xs {
  display: block;
 }
}

@media screen and (min-width: 480px) {
 ._xs,
 ._tb,
 ._pc {
  display: none;
 }
 ._sp {
  display: block;
 }
}

@media screen and (min-width: 600px) {
 ._tb,
 ._pc {
  display: block;
 }
 ._xs,
 ._sp {
  display: none;
 }
}

@media screen and (min-width: 768px) {
 ._pc {
  display: none;
 }
 ._sp {
  display: none;
 }
 ._tb {
  display: block;
 }
 ._tb._pc {
  display: block !important;
 }
}

@media screen and (min-width: 992px) {
 ._tb {
  display: none !important;
 }
 ._pc {
  display: block;
 }
}

.centered_mid {
 text-align: left;
}

@media screen and (min-width: 768px) {
 .centered_mid {
  text-align: center;
 }
}

/*======================================================================
   Style
======================================================================*/
/* Style_border
--------------------------------------------------- */
.border {
 border: 1px solid #987;
}

.border_double {
 border: 2px double #987;
}

.border_btm {
 border-bottom: 1px solid #987;
}

.borderdot {
 border: 1px dotted #987;
}

.borderdot_btm {
 border-bottom: 1px dotted #987;
}

.borderbox {
 border: 1px solid #987;
 display: table;
 margin: 0 auto 1.3em;
 padding: calc(2.5vw + 10px);
 -webkit-box-sizing: border-box;
 box-sizing: border-box;
}

.borderbox.wide {
 width: 100%;
}

.borderbox.dotted {
 border-style: dotted;
}

.borderbox.double {
 border-style: double;
 border-width: 4px;
}

/* Style_font
--------------------------------------------------- */
.exmin {
 font-size: 50%;
 font-weight: normal;
}

.min {
 font-size: 65%;
 font-weight: normal;
}

.exsmall {
 font-size: 75%;
 font-weight: normal;
}

.smaller {
 font-size: smaller;
 font-weight: normal;
}

.small {
 font-size: 90%;
 font-weight: normal;
}

.midium {
 font-size: 115%;
}

.midbold {
 font-size: 115%;
 font-weight: bold;
}

.larger {
 font-size: larger;
}

.big {
 font-size: 140%;
 font-weight: bold;
}

.exbig {
 font-size: 2em;
 font-weight: 600;
}

.bold {
 font-weight: bold;
}

.red {
 color: #ee4444;
}

.white {
 color: #fff;
}

.fnt_serif {
 font-family: Times, "Times New Roman", Georgia, "游明朝体", YuMincho, "游明朝", "Yu Mincho", "HGS明朝E", serif;
}

.fnt_sans {
 font-family: YuGothic, "游ゴシック体", "Yu Gothic Medium", "游ゴシック Medium", "メイリオ", sans-serif;
}

.txt_vt {
 -webkit-writing-mode: vertical-rl;
 -ms-writing-mode: tb-rl;
 writing-mode: vertical-rl;
 -webkit-text-orientation: upright;
 text-orientation: upright;
 word-wrap: break-word;
}

.txt_vt p, .txt_vt.txt p {
 margin: 0 0 0 2em;
}

.txt_combine {
 -webkit-text-combine: horizontal;
 -ms-text-combine-horizontal: all;
 text-combine-upright: all;
}

.ltr-min {
 letter-spacing: -0.17em;
}

/* Style_table
--------------------------------------------------- */
table {
 margin: 0px auto 1em;
}

table th, table td {
 padding: 6px;
}

table th {
 background: rgba(218, 224, 235, 0.1);
}

table caption {
 text-align: left;
 font-weight: bold;
 font-size: 1.06em;
}

table.border, .border th, .border td {
 border: 1px solid #c2c4c9;
}

table.border_in {
 border: none;
}

table.border_in th, table.border_in td {
 border: 1px solid #c2c4c9;
}

table.border_btm {
 border: none;
}

table.border_btm th, table.border_btm td {
 border-bottom: 1px solid #c2c4c9;
}

table.border_btm th {
 background: none;
}

table.borderdot_btm {
 border: none;
}

table.borderdot_btm th, table.borderdot_btm td {
 border-bottom: 1px dotted #c2c4c9;
}

table.borderdot_btm th {
 background: none;
}

table.rsp th, table.rsp td {
 display: block;
 margin-top: -1px;
}

@media screen and (min-width: 768px) {
 table.rsp th, table.rsp td {
  display: table-cell;
  margin-top: 0px;
 }
}

/* d list
--------------------------------------------------- */
dl.border {
 border: none;
 border-top: 1px solid #c2c4c9;
 line-height: 1.5;
 margin-bottom: 1.5em;
}

dl.border dt, dl.border dd {
 padding: 0.3em 0.6em;
 border: 1px solid #c2c4c9;
 border-top: none;
}

dl.border.th-bg dt {
 background: rgba(218, 224, 235, 0.1);
}

/* scroll bar
--------------------------------------------------- */
.scrl_x {
 overflow-x: auto;
 white-space: nowrap;
 -webkit-overflow-scrolling: touch;
 margin-bottom: 1em;
}

.scrl_x::-webkit-scrollbar {
 height: 7px;
}

.scrl_x::-webkit-scrollbar-track {
 background: #F1F1F1;
}

.scrl_x::-webkit-scrollbar-thumb {
 background: #BCBCBC;
}

.scrl_x table {
 margin: 0 auto;
}

/* Style float margin padding
--------------------------------------------------- */
.alignleft {
 text-align: left;
}

.alignright {
 text-align: right;
}

.aligncenter {
 text-align: center;
}

.lfloat, .left {
 float: left !important;
}

.rfloat, .right {
 float: right !important;
}

img.left {
 float: left;
 margin-right: 10px;
 margin-bottom: 10px;
}

img.right {
 float: right;
 margin-bottom: 10px;
 margin-left: 10px;
}

.m0 {
 margin: 0px !important;
}

.mr0 {
 margin-right: 0px !important;
}

.mb3 {
 margin-bottom: 3px !important;
}

.mb5 {
 margin-bottom: 5px !important;
}

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

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

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

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

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

.mb40 {
 margin-bottom: 40px !important;
}
/*# sourceMappingURL=style.css.map */