@charset "UTF-8";

/* default style reset
-------------------------------------*/
html, body, div, span, 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, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, dialog, figure, footer, header, button,
hgroup, menu, nav, section,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font: inherit;
}

html {
  font-size: 62.5%;
  overflow-y: scroll;
}

h1, h2, h3, h4, h5, h6 {
  font-weight: bold;
}

table,
input, textarea, select, option {
  line-height: 1.1;
}

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

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

:focus {
  outline: 0;
}

ins, a {
  text-decoration: none;
}

del {
  text-decoration: line-through;
}

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

a, span {
  color: inherit;
}

*, *::after, *::before {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.middle{
  vertical-align: middle;
}


/* format
-------------------------------------*/
body {
  -webkit-text-size-adjust: 100%;
  word-break: break-all;
  overflow-wrap: break-word;
  word-wrap: break-word;
  font-family: "Hiragino Kaku Gothic Pro", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "メイリオ", "Meiryo", Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
  font-size: 13px;
  color: #333333;
  background: #ffffff;
}

a{
  text-decoration: none;
}
a:hover{
  text-decoration: underline;
}
a:hover img{
  opacity: 0.8;
}

.nav-fl,
.nav-fr,
.clearfix {
	zoom: 1;
}

.nav-fl:after,
.nav-fr:after,
.clearfix:after {
	display: block;
	clear: both;
	content: "";
}

.flL{float:left !important;}
.flR{float:right !important;}
.flN{float:none !important;}

.nav-fl > *{float: left;}
.nav-fr > *{float: right;}
.nav-inline > *{display: inline;}

.taL{text-align:left !important;}
.taC{text-align:center !important;}
.taR{text-align:right !important;}
.taJ{text-align: justify !important; }

.dB{display: block}
.dIb{display: inline-block}
.dI{display: inline}
.dLi{display: list-item}
.dT{display: table}
.dTc{display: table-cell}

.mgt0{margin-top:0px !important;}
.mgt5{margin-top:5px !important;}
.mgt10{margin-top:10px !important;}
.mgt15{margin-top:15px !important;}
.mgt20{margin-top:20px !important;}
.mgt25{margin-top:25px !important;}
.mgt30{margin-top:30px !important;}
.mgt35{margin-top:35px !important;}
.mgt40{margin-top:40px !important;}
.mgt45{margin-top:45px !important;}
.mgt50{margin-top:50px !important;}

.mgb0{margin-bottom:0px !important;}
.mgb5{margin-bottom:5px !important;}
.mgb10{margin-bottom:10px !important;}
.mgb15{margin-bottom:15px !important;}
.mgb20{margin-bottom:20px !important;}
.mgb25{margin-bottom:25px !important;}
.mgb30{margin-bottom:30px !important;}
.mgb30{margin-bottom:30px !important;}
.mgb35{margin-bottom:35px !important;}
.mgb40{margin-bottom:40px !important;}
.mgb45{margin-bottom:45px !important;}
.mgb50{margin-bottom:50px !important;}

.pgt0{padding-top:0px !important;}
.pgt5{padding-top:5px !important;}
.pgt10{padding-top:10px !important;}
.pgt15{padding-top:15px !important;}
.pgt20{padding-top:20px !important;}
.pgt25{padding-top:25px !important;}
.pgt30{padding-top:30px !important;}

.pgb0{padding-bottom:0px !important;}
.pgb5{padding-bottom:5px !important;}
.pgb10{padding-bottom:10px !important;}
.pgb15{padding-bottom:15px !important;}
.pgb20{padding-bottom:20px !important;}
.pgb25{padding-bottom:25px !important;}
.pgb30{padding-bottom:30px !important;}

.gap10{gap: 10px !important;}
.gap15{gap: 15px !important;}
.gap20{gap: 20px !important;}

.fz12{font-size: 12px;}
.fz13{font-size: 13px;}
.fz14{font-size: 14px;}
.fz15{font-size: 15px;}
.fz16{font-size: 16px;}
.fz18{font-size: 18px;}
.fz20{font-size: 20px;}
.fz21{font-size: 21px;}
.fz22{font-size: 22px;}
.fz24{font-size: 24px;}
.fz25{font-size: 25px;}
.fz28{font-size: 28px;}
.fz30{font-size: 30px;}
.fz32{font-size: 32px;}


@media screen and (max-width: 768px) {
  .mgb40_sp{margin-bottom:40px !important;}
}