@charset "utf-8";
@import url('normalize.css');
/* ----------------------------------------------

 * 設定をしなおす

---------------------------------------------- */
html{
  scroll-behavior: smooth;/*Safariは非対応*/
}
body {
  margin: 0 auto;
  padding: 0;
  -webkit-text-size-adjust: 100%;
  overflow-wrap: break-word;
}
table {
  margin : 0;
  border-collapse: collapse;
  border-spacing: 0;
  empty-cells: show;
}
img {
  vertical-align: middle;
  border: none;
}


*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;*behavior:url(boxsizing.htc)}.container{margin:0 auto}.clr:after,.col:after,.container:after,.group:after,.row:after{content:"";display:table;clear:both}.row{padding-bottom:0}.col{display:block;float:left;width:100%}@media (min-width:769px),print{.gutters .col{margin-left:2%}.gutters .col:first-child{margin-left:0}.gutters .colR:first-child{margin-right:0}}

/* ----------------------------------------------

 * Starter set

---------------------------------------------- */
/*scrollbar*/
::-webkit-scrollbar{-webkit-appearance:none;width:7px; background-color:#111;}
::-webkit-scrollbar-thumb{border-radius:4px;background-color:rgba(0,0,0,.5);-webkit-box-shadow:0 0 1px rgba(255,255,255,.5);}

/*clearfix*/
.clearfix:after {content: " "; display: block; height: 0;clear: both; visibility: hidden;}
.clearfix {display: inline-table;}
* html .clearfix {height: 1%;}
.clearfix {display: block;}

/* ***DEF-FONTSIZE*** */
html {font-size: 62.5%;}
body {font-size: 1.5em; line-height: 1.6;}
/*h1{font-size: 4rem;}*/
p{font-size: 1.5rem; /* 15px */}

@media only screen and ( max-width : 768px ) {
body {font-size: 1.4em; line-height: 1.6;}
/*h1{font-size: 2rem;}*/
p{font-size: 1.4rem; /* 15px */}
}


/* ----------------------------------------------
 * other
---------------------------------------------- */

a {outline:none; color:#fff;}
a:hover {text-decoration: none;}
a,a:hover,a:hover img {
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  text-decoration: none;
}
a:after{
  font-family:'Font Awesome 5 Free'; font-weight:600; margin-left:1em; font-size:.5em;}
a[target="_blank"]:after{
  content:"\f35d"; opacity:.5;}
a[href$=".pdf"]:after{
  content:"\f1c1"; color:red; font-weight:lighter; font-size:.9em; opacity:.9;}
a[href$=".doc"]:after, a[href$=".docx"]:after{
  content:"\f1c2"; color:darkblue; font-weight:lighter; font-size:.9em; opacity:.9;}
a[href$=".xls"]:after, a[href$=".xlsx"]:after{
  content:"\f1c3"; color:green; font-weight:lighter; font-size:.9em; opacity:.9;}
a.btn:after{/*display:none;*/ margin-left:1em;}


#contents a:hover {
  filter: alpha(opacity=70);
  -moz-opacity:0.70;
  opacity:0.70;
}



img {
    max-width: 100%;
    height: auto;
    width /***/:auto;　/*IE8のみ適用*/
}