@charset "utf-8";
/* CSS Document */

body {
  font-family: "Helvetica Neue",
    Arial,
    Meiryo,
    "Hiragino Kaku Gothic ProN",
    "Hiragino Sans",
    sans-serif;
}

/* リスト設定 */
ul.li-flo-3 li {
float:left;
width : 33.33333% ;
width : -webkit-calc(100% / 3) ;
width : calc(100% / 3) ;
}

/* テキスト設定 */

.t_c_r01 {color:#F00}
.t_b {font-weight:bold;}
.t_01 {font-size:0.9em; letter-spacing:-0.2em;}
.t_02 {font-size:1.0em; letter-spacing:-0.1em;}
.t_03 {font-size:0.8em;}

.fs-10 {font-size:1.0em;}
.fs-12 {font-size:1.2em;}
.fs-14 {font-size:1.4em;}
.fw-b {font-weight: bold;}
.fw-n {font-weight: normal;}
.fs-i {font-size: inherit;}

/* 色指定 */

.bgc_wht {background-color: #FFF;}
.tr_bg {	background-color:#e6e6fa;}

/* ボックスサイズ */

.col1-01 {width:70em;}
.col1-02 {width:60em;}
.col1-03 {width:50em;}
.col2-01 {width:90%;}
.col2-02 {width:80%;}
.col2-03 {width:70%;}


/* 位置設定 */

.mx-auto {margin:0 auto;}
.ms-01 {margin-left: 1em;}
.ms-02 {margin-left: 2em;}
.ms-03 {margin-left: 3em;}
.me-01 {margin-right: 1em;}
.me-02 {margin-right: 2em;}
.me-03 {margin-right: 3em;}
.mt-01 {margin-top: 1em;}
.mt-02 {margin-top: 2em;}
.mt-03 {margin-top: 3em;}
.mb-01 {margin-bottom: 1em;}
.mb-02 {margin-bottom: 2em;}
.mb-03 {margin-bottom: 3em;}
.p-01 {padding:1em; }
.pt-01 {padding-top:1em; }
.pb-01 {padding-bottom:1em; }
.pb-02 {padding-bottom:2em; }
.pb-03 {padding-bottom:3em; }
.ps-01 {padding-right:1em; }
.pe-01 {padding-left:1em; }

/* 画像配置 */

figure{
float:right;
margin:3px 120px 10px 10px;
}

/* 角丸 */

.rounded-06{border-radius:.6rem!important}
.rounded-08{border-radius:.8rem!important}

/* 見出し */
.header01{
width:80%;
height: 2em;
font-weight: bold;
position: relative;
padding: 0px 26px 0px 50px;
font-size: 1.2em;
color: #005f96;
margin-left: 50px;
margin-top: -10px;
margin-bottom: 10px;
line-height: 2.2em;
background: -moz-linear-gradient(to right, rgb(160, 209, 209), #cdf5f5);
background: -webkit-linear-gradient(to right, rgb(160, 209, 209), #cdf5f5);
background: linear-gradient(to right, rgb(160, 209, 209), #cdf5f5);
border-bottom: solid 4px #005f96;
}
.header01:after {
position: absolute;
content: '';
left: 5px;
top: 0px;
width:50%;
height: 2em;
z-index: 1;
}
.header01:before {
position: absolute;
content: '';
left: -5px;
top: -5px;
width: 0;
height: 0;
border: none;
border-bottom: solid 55px transparent;
border-left: solid 40px #ffffff;/*記事の背景の色と同じにする*/
z-index: 2;
}

/* 緑地角丸 */
.header02 {
 display: inline-block;
 padding: 1px 10px 1px 10px;
 font-size: 1.1em;
 font-weight: 700!important;
 line-height: 1.8em;
 background-color: #005f96;
 color: #FFFFFF;
 border-radius: 0.5em;
}
a .header02:hover {
opacity: 0.5;
}

/* 矢印ふう */
.header03 {
  width: 80%;
  position: relative;
  padding-left: 25px;
  margin-left:55px; 
  font-size: 1.2em;
  font-weight: bold;
}

.header03:before {
  position: absolute;
  content: '';
  bottom: -3px;
  left: 0;
  width: 0;
  height: 0;
  border: none;
  border-left: solid 15px transparent;
  border-bottom: solid 15px rgb(0, 95, 150);
}
.header03:after {
  position: absolute;
  content: '';
  bottom: -3px;
  left: 10px;
  width: 100%;
  border-bottom: solid 3px rgb(0, 95, 150);
}

/* Table */
/* Table02 */
.tbl01 {
  width: 90%;
  border-collapse: collapse;
  border: 1px solid #999;
  text-align: left;
}
.tbl01 tr th {
  background-color:#000099;
  color:#FFFFFF;
  font-weight: bold;
  padding:5px 10px;
}
.tbl01 tr.ttl {
  background-color:#e6e6fa;
  font-weight: bold;
}
.tbl01 td {
  padding:5px 10px;
  border: 1px solid #999;
}
.tbl01 td:nth-child(1) {
  width: 70%;
}
.tbl01 td:nth-child(2) {
  width: 30%;
}

/* Table02 */
.tbl02 {
  width: 80%;
  border-collapse: collapse;
  border: none;
  margin: 0 auto!important;
}
.tbl02 tr {
  background-color:#fff;
  color:#000;
  font-size: 1.0em;
  text-align: left;
}
.tbl02 td {
  padding:2px 0px;
}
.tbl02 td:nth-child(1) {
  width: 30%;
}
.tbl02 td:nth-child(2) {
  width: 70%;
}

/* float解除 */
.flo-no {float: none;}

/*************
/* clearfix
*************/
.clearfix:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}

.clearfix { display: inline-table; }

/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */