@charset "UTF-8";
/* 日本語 */
@import url("../webfonts/biz-ud-gb/stylesheet.css");
@import url("../webfonts/biz-ud-gr/stylesheet.css");
@import url("../webfonts/zoufont/stylesheet.css");

/******************************************************************
ナビゲーション
******************************************************************/
/* グローバルメニュー */
#headnav{
	background-color: #5457ff;
	overflow: hidden;
 font-size: 1.1rem;
	letter-spacing: 0rem;
	margin-top: 0;
 padding-top: 0.5rem;
 padding-bottom: 0.5rem;
	font-family: "biz-udp-gr";
}
nav ul{
	margin:auto;padding:0px;list-style:none
}
#headnav ul{
	overflow: hidden;
}
#headnav li{
	display:inline-block;margin:0.3rem 0;padding:0px;
}
#headnav a:link,#headnav a:visited {
	color: #fff;
	display: block;
	padding: 0 15px;
}
#headnav a:hover {
 color:#fff;
	/*font-weight: bold;*/
 text-decoration: underline;
}

/******************************************************************
ボタン設定
******************************************************************/
/*トップへ戻るボタンの表示*/
.rbutton {
  position: fixed;
  right: 10px;
  bottom: 10px;
  padding: 10px;
  cursor: pointer;
  transition: .4s;
  /*デフォルトで非表示にする*/
  opacity: 0;
  visibility: hidden;
}
/*表示するクラス*/
.active {
  opacity: 0.8;
  visibility: visible;
}

/******************************************************************
調整
******************************************************************/
/*---------------------------------------------
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;}