@charset "UTF-8";
/* 日本語 */
@import url("../webfonts/kozgo-b/stylesheet.css");
@import url("../webfonts/kozgo-m/stylesheet.css");
@import url("../webfonts/kozgo-r/stylesheet.css");
@import url("../webfonts/kozmin-h/stylesheet.css");
@import url("../webfonts/kozmin-m/stylesheet.css");
@import url("../webfonts/ygothic/stylesheet.css");
@import url("../webfonts/arp-gei/stylesheet.css");
@import url("../webfonts/hgp-pop/stylesheet.css");
@import url("../webfonts/biz-ud-gb/stylesheet.css");
@import url("../webfonts/biz-ud-gr/stylesheet.css");
@import url("../webfonts/biz-udp-gb/stylesheet.css");
@import url("../webfonts/biz-udp-gr/stylesheet.css");
@import url("../webfonts/hg-g/stylesheet.css");
@import url("../webfonts/dfg-eb/stylesheet.css");
/* 英字 */
@import url("../webfonts/c_code/stylesheet.css");
@import url("../webfonts/s_code/stylesheet.css");
@import url("../webfonts/georgia-b/stylesheet.css");
@import url("../webfonts/georgia-r/stylesheet.css");
@import url("../webfonts/times-b/stylesheet.css");
@import url("../webfonts/times-r/stylesheet.css");

/******************************************************************
配信フォント設定
******************************************************************/
/*---------------------------------------------
Noto Sans JP（Google Fonts 配信）
---------------------------------------------*/
.wf-notosansjapanese {
  font-family: "Noto Sans JP";
}

/******************************************************************
タグ設定
******************************************************************/
ul {
	margin-top: 0em;
}
figcaption {
	font-size: 0.9rem;
	line-height: 1.8rem;
}

/******************************************************************
テキスト文やコードなどの文字列に使用するブロック
******************************************************************/
/*汎用テキストボックス*/
.textbox {
  background-color: ghostwhite;
  line-height: 140%;
  border: 1px solid #52626A;
	 margin: 1em 0 1em 0;
  padding: 0 1em 1em 1em;
	 border-radius: 5px;
}

/*他ページからの転載や画像などの表示用に使っている汎用ブロック*/
.multibox {
  background-color: #ffffff;
  line-height: 140%;
  border: 1px solid #52626A;
	 margin: 1em 0 1em 0;
  padding: 0 1em 1em 1em;
	 border-radius: 5px;
}

/*コード用*/
.code {
  width: 86%;
  color: #000000;
  font-size: 1.2em;
  font-weight: normal;
  background-color: #ffffff;
  margin: 0 1em 2em 0;
  padding: 10px 20px 10px 20px;
  border: 1px black solid;
}

/******************************************************************
水平線装飾
******************************************************************/
/*ライトブルーで大き目のドットのライン*/
.bluedots {
  border-width: 0 0 8px;
  border-style: solid;
  border-color: #75b7c8;
  border-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2 1"><circle fill="hsla(192, 43%, 62%, 1.0)" cx="1" cy="0.5" r="0.5"/></svg>') 0 0 100% repeat;
  width: 100%;
}

/******************************************************************
スペーサー
******************************************************************/
/* ページの最後に挿入しているスペーサー（空白）*/
.spacer {
    padding: 1rem;
    margin-bottom: 1rem;
}

/******************************************************************
テーブル設定
******************************************************************/
/*---------------------------------------------
汎用テーブル
---------------------------------------------*/
.tbl-std {
  width: 100%;
  border: 1px solid;
  border-collapse: collapse;
  border-spacing: 0;
  border-color: #666666;
}
.tbl-std th {
  width: 100%;
  padding: 5px;
  line-height: 1.6rem;
  font-weight: normal;
  font-size: 1rem;
  border: 1px solid;
  border-color: #666666;
  background-color: #666666;
  text-align: center;
  color: white;
}
.tbl-std td {
  padding: 5px 5px 5px 10px;
  line-height: 2.4rem;
  font-weight: normal;
  font-size: 1rem;
  border: 1px solid;
  border-color: #666666;
}

/******************************************************************
注釈
******************************************************************/
.markred {
  color: #db2870;
  font-size: 0.9rem;
  line-height: 1.4rem;
}
.markblue {
  color: #75b7c8;
  font-size: 0.9rem;
  line-height: 1.4rem;
}

/******************************************************************
メニューページ（side.html）で使用
******************************************************************/
.menu-block{
  margin: 40px 0 40px 0;
  font-size: 1.2rem;
}
.menu-ttl {
  font-size: 1.1rem;
  border-left: 4px solid #db2870;
  padding-left: 7px;
  margin: 1rem 0;
  font-weight: bold;
}

/******************************************************************
調整
******************************************************************/
/*---------------------------------------------
background-color
---------------------------------------------*/
.bgcblack6 {background-color: #666666;}
.bgcblue {background-color: #75b7c8;}

/*---------------------------------------------
border
---------------------------------------------*/
.bdrblack3 {border: 1px #333333 solid;}
.bdrlblue {border: 1px #75b7c8 solid;}

/*---------------------------------------------
border-radius
---------------------------------------------*/
.br10 {border-radius: 10px;}
.br50 {border-radius: 50px;}

/*---------------------------------------------
color
---------------------------------------------*/
.cblack0 {color: #000000;}
.cblack3 {color: #333333;}
.cblack6 {color: #666666;}
.cblack9 {color: #999999;}
.cpostred {color: #db2870;} /*ショッキングピンク系*/
.cpostblue {color: #75b7c8;} /*ライトブルー系*/
.cwhite {color: white;}
.cred {color: red;}
.cgreen {color: green;}
.cblue {color: blue;}
.cyellow {color: yellow;}
.corange {color: orange;}
.cbrown {color: brown;}
.cgray {color: gray;}
.climegreen {color: limegreen;}
.cslategray {color: slategray;}
.csteelblue {color: steelblue;}

/*---------------------------------------------
display
---------------------------------------------*/
.dpb {display: block;}
.dpi {display: inline;}
.dpib {display: inline-block}

/*---------------------------------------------
float
---------------------------------------------*/

/*---------------------------------------------
font-size rem
---------------------------------------------*/
.fs070e {font-size: 0.7rem;}
.fs075e {font-size: 0.75rem;}
.fs080e {font-size: 0.8rem;}
.fs085e {font-size: 0.85rem;}
.fs090e {font-size: 0.9rem;}
.fs095e {font-size: 0.95rem;}
.fs100e {font-size: 1rem;}
.fs110e {font-size: 1.1rem;}
.fs120e {font-size: 1.2rem;}
.fs130e {font-size: 1.3rem;}
.fs140e {font-size: 1.4rem;}
.fs150e {font-size: 1.5rem;}
.fs160e {font-size: 1.6rem;}
.fs180e {font-size: 1.8rem;}
.fs200e {font-size: 2.0rem;}

/*---------------------------------------------
font-weight
---------------------------------------------*/
.fwb {font-weight: bold;}
.fwn {font-weight: normal;}

/*---------------------------------------------
height
---------------------------------------------*/
.h50 {height: 50px;}
.h75 {height: 75px;}
.h100 {height: 100px;}

/*---------------------------------------------
img関連
---------------------------------------------*/
.imgl {
  display: block;
  margin-left: 0px;
  margin-right: 0px;
  /*text-align: left;*/
  float: left;
}
.imgc {
  display: block;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  float: none;
}
.imgr{
  display: block;
  margin-left: 0px;
  margin-right: 0px;
  /*text-align: right;*/
  float: right; 
}

/*---------------------------------------------
line-height
---------------------------------------------*/
.lh35p {line-height: 35px;}
.lh200 {line-height: 200%;}
.lh300 {line-height: 300%;}
.lh400 {line-height: 400%;}

/*---------------------------------------------
margin
---------------------------------------------*/
.mgnt0 {margin-top: 0;}
.mgnt25 {margin-top: 25px;}
.mgnt50 {margin-top: 50px;}
.mgnt100 {margin-top: 100px;}
.mgnt100e {margin-top: 1rem;}
.mgnt300e {margin-top: 3rem;}
.mgnt400e {margin-top: 4rem;}
.mgnt500e {margin-top: 5rem;}
.mgnr100e {margin-right: 1rem;}
.mgnb25 {margin-bottom: 25px;}
.mgnb50 {margin-bottom: 50px;}
.mgnb100e {margin-bottom: 1rem;}
.mgnb200e {margin-bottom: 2rem;}
.mgnb300e {margin-bottom: 3rem;}
.mgnl050e {margin-left: 0.5rem;}
.mgnl100e {margin-left: 1rem;}
.mgnl300e {margin-left: 3rem;}
.mgnl600e {margin-left: 6rem;}

/*---------------------------------------------
opacity
---------------------------------------------*/

/*---------------------------------------------
padding
---------------------------------------------*/

/*---------------------------------------------
text-align
---------------------------------------------*/
.tal {text-align: left;}
.tac {text-align: center;}
.tar {text-align:  right;}

/*---------------------------------------------
vertical-align
---------------------------------------------*/

/*---------------------------------------------
width %
---------------------------------------------*/
.w3 {width: 3%;}
.w4 {width: 4%;}
.w5 {width: 5%;}
.w6 {width: 6%;}
.w7 {width: 7%;}
.w8 {width: 8%;}
.w10 {width: 10%;}
.w12 {width: 12.5%;}
.w15 {width: 15%;}
.w16 {width: 16%;}
.w20 {width: 20%;}
.w25 {width: 25%;}
.w30 {width: 30%;}
.w33 {width: 33.3333%;}
.w40 {width: 40%;}
.w50 {width: 50%;}
.w60 {width: 60%;}
.w65 {width: 65%;}
.w66 {width: 66%;}
.w70 {width: 70%;}
.w75 {width: 75%;}
.w80 {width: 80%;}
.w82 {width: 82%;}
.w88 {width: 87.5%;}
.w90 {width: 90%;}
.w92 {width: 92%;}
.w94 {width: 94%;}
.w96 {width: 96%}
.w98 {width: 98%;}
.w100 {width: 100%;}

/*---------------------------------------------
width rem
---------------------------------------------*/
.w25e {width: 2.5rem;}
.w30e {width: 3rem;}
.w35e {width: 3.5rem;}
.w40e {width: 4rem;}
.w45e {width: 4.5rem;}
.w50e {width: 5rem;}