@charset "utf-8";

@font-face {
  font-family:"Noto Sans JP Loc";
  font-style:normal;
  font-weight:300;
  src:url("../fonts/NotoSansJP-Light.woff2") format("woff2"),
      url("../fonts/NotoSansJP-Light.woff") format("woff"),
      url("../fonts/NotoSansJP-Light.otf") format("opentype");
  font-display:swap;
}

@font-face {
  font-family:"Noto Sans JP Loc";
  font-style:normal;
  font-weight:400;
  src:url("../fonts/NotoSansJP-Regular.woff2") format("woff2"),
      url("../fonts/NotoSansJP-Regular.woff") format("woff"),
      url("../fonts/NotoSansJP-Regular.otf") format("opentype");
  font-display:swap;
}

@font-face {
  font-family:"Noto Sans JP Loc";
  font-style:normal;
  font-weight:500;
  src:url("../fonts/NotoSansJP-Medium.woff2") format("woff2"),
      url("../fonts/NotoSansJP-Medium.woff") format("woff"),
      url("../fonts/NotoSansJP-Medium.otf") format("opentype");
  font-display:swap;
}

@font-face {
  font-family:"Noto Sans JP Loc";
  font-style:normal;
  font-weight:700;
  src:url("../fonts/NotoSansJP-Bold.woff2") format("woff2"),
      url("../fonts/NotoSansJP-Bold.woff") format("woff"),
      url("../fonts/NotoSansJP-Bold.otf") format("opentype");
  font-display:swap;
}

/*=====================================================================
	
	Document    : basic.css
	Created on  : 2013/08/16
	Description : ブラウザスタイルのリセットと基本設定 
 
=====================================================================*/

/*----------------------------------------------
   Reset
----------------------------------------------*/

* { margin:0; padding:0; }

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, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

body {
    line-height:1;
}

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

nav ul,
ul {
    list-style:none;
}

blockquote, q {
    quotes:none;
}

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

address {
	font-style:normal;
}

a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

/* change colours to suit your needs */
ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}

/* change colours to suit your needs */
mark {
    background-color:#ff9;
    color:#000; 
    font-style:italic;
    font-weight:bold;
}

del {
    text-decoration: line-through;
}

abbr[title], dfn[title] {
    border-bottom:1px dotted inherit;
    cursor:help;
}

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

th,td {
	empty-cells:show;
}

/* change border colour to suit your needs */
hr {
    display:block;
    height:1px;
    border:0;   
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

input, select {
    vertical-align:middle;
}

img.fitimg {
	max-width:100%;
	height:auto;
}


/*----------------------------------------------
   Default
----------------------------------------------*/

body {
	text-align:center;
	min-width:1022px;
	color:#323232;
}

body,input,select,textarea {
	font-family:"Noto Sans JP Loc","メイリオ","Meiryo","ＭＳ Ｐゴシック","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",sans-serif;
    font-weight:300;
}

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

.line0 {
	line-height:0;
	font-size:0;
}

.blk,
.imgResize {
	display:-moz-inline-box;
	display:inline-block;
	/display:inline;
	/zoom:1;
}

.linkBox {
	cursor:pointer;
}

.fw-300 { font-weight:300; }
.fw-400 { font-weight:400; }
.fw-500, b, strong { font-weight:500; }
.fw-700 { font-weight:700; }


/*----------------------------------------------
   Font color + Link
----------------------------------------------*/

.fc-red { color:#e23e43; }
.fc-orange { color:#fa8500; }
.fc-blue { color:#00a0dc; }
.fc-dblue { color:#0085d0; }
.fc-green { color:#569c0a; }
.fc-pink { color:#fe86ab; }
.fc-gray { color:#777; }
.fc-darkgray { color:#444; }
.fc-normal { color:#000; }

a:link { color:#197ece; }
a:visited { color:#197ece; }
a:hover { color:#00a0dc; text-decoration:none; }


/* ---------------------------------------------
   Margin + Padding
----------------------------------------------*/

.pd-5 { padding:5px; }
.pd-10 { padding:10px; }
.pd-15 { padding:15px; }
.pd-20 { padding:20px; }
.pd-25 { padding:25px; }
.pd-30 { padding:30px; }
.pd-35 { padding:35px; }
.pd-40 { padding:40px; }
.pd-45 { padding:45px; }
.pd-50 { padding:50px; }
.pd-60 { padding:60px; }
.pd-70 { padding:70px; }
.pd-80 { padding:80px; }
.pd-90 { padding:90px; }
.pd-100 { padding:100px; }

.pd-s5 { padding:0 5px; }
.pd-s10 { padding:0 10px; }
.pd-s15 { padding:0 15px; }
.pd-s20 { padding:0 20px; }
.pd-s25 { padding:0 25px; }
.pd-s30 { padding:0 30px; }
.pd-s35 { padding:0 35px; }
.pd-s40 { padding:0 40px; }
.pd-s45 { padding:0 45px; }
.pd-s50 { padding:0 50px; }
.pd-s60 { padding:0 60px; }
.pd-s70 { padding:0 70px; }
.pd-s70 { padding:0 70px; }
.pd-s80 { padding:0 80px; }
.pd-s90 { padding:0 90px; }
.pd-s100 { padding:0 100px; }

.pd-b5 { padding-bottom:5px; }
.pd-b10 { padding-bottom:10px; }
.pd-b15 { padding-bottom:15px; }
.pd-b20 { padding-bottom:20px; }
.pd-b25 { padding-bottom:25px; }
.pd-b30 { padding-bottom:30px; }
.pd-b35 { padding-bottom:35px; }
.pd-b40 { padding-bottom:40px; }
.pd-b45 { padding-bottom:45px; }
.pd-b50 { padding-bottom:50px; }
.pd-b60 { padding-bottom:60px; }
.pd-b70 { padding-bottom:70px; }
.pd-b80 { padding-bottom:80px; }
.pd-b90 { padding-bottom:90px; }
.pd-b100 { padding-bottom:100px; }

.pd-t5 { padding-top:5px; }
.pd-t10 { padding-top:10px; }
.pd-t15 { padding-top:15px; }
.pd-t20 { padding-top:20px; }
.pd-t25 { padding-top:25px; }
.pd-t30 { padding-top:30px; }
.pd-t35 { padding-top:35px; }
.pd-t40 { padding-top:40px; }
.pd-t45 { padding-top:45px; }
.pd-t50 { padding-top:50px; }
.pd-t60 { padding-top:60px; }
.pd-t70 { padding-top:70px; }
.pd-t80 { padding-top:80px; }
.pd-t90 { padding-top:90px; }
.pd-t100 { padding-top:100px; }

.mg-b5 { margin-bottom:5px; }
.mg-b10 { margin-bottom:10px; }
.mg-b15 { margin-bottom:15px; }
.mg-b20 { margin-bottom:20px; }
.mg-b25 { margin-bottom:25px; }
.mg-b30 { margin-bottom:30px; }
.mg-b35 { margin-bottom:35px; }
.mg-b40 { margin-bottom:40px; }
.mg-b45 { margin-bottom:45px; }
.mg-b50 { margin-bottom:50px; }
.mg-b60 { margin-bottom:60px; }
.mg-b70 { margin-bottom:70px; }
.mg-b80 { margin-bottom:80px; }
.mg-b90 { margin-bottom:90px; }
.mg-b100 { margin-bottom:100px; }

.mg-t5 { margin-top:5px; }
.mg-t10 { margin-top:10px; }
.mg-t15 { margin-top:15px; }
.mg-t20 { margin-top:20px; }
.mg-t25 { margin-top:25px; }
.mg-t30 { margin-top:30px; }
.mg-t35 { margin-top:35px; }
.mg-t40 { margin-top:40px; }
.mg-t45 { margin-top:45px; }
.mg-t50 { margin-top:50px; }
.mg-t60 { margin-top:60px; }
.mg-t70 { margin-top:70px; }
.mg-t80 { margin-top:80px; }
.mg-t90 { margin-top:90px; }
.mg-t100 { margin-top:100px; }