body{
margin:0 auto;
padding:0;
font-family: 'Titillium Web', sans-serif;
font-family: "HiraginoSans-W0","ヒラギノ角ゴシック W0";
    animation: fadeIn 3s ease 0s 1 normal;
    -webkit-animation: fadeIn 3s ease 0s 1 normal;

}
.mainarea{
max-width:1500px;
}

@keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

@-webkit-keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}



@media screen and (max-width:767px;){
html { font-size : 24px; }
input{width:60%;}
}
 
@media screen and (min-width:768px){
    html{ font-size : 20px;}
}
 
@media screen and (min-width:1024px) {
    html{ font-size : 17px;} 
}
h1{
    font-size:1.8em;
    line-height : 1 !important; /* 48px */
    margin-bottom : 0.2em !important;
    color:;
}
 
h2 {
    font-size : 1.3em !important; /* 36px */
    line-height : 1.3333 !important; /* 48px */
    color:;
    font-weight:bold;
} 
 
h3 {
    font-size : 1.1em !important; /* 24px */
    line-height : 1 !important; /* 24px */
    color:;
} 
h4 {
    font-size : 1em !important; /* 24px */
    line-height : 1 !important; /* 24px */
    color:;
} 
p {
font-size:0.8em;
    color:;
}
.stext{
font-size:0.7em;
    color:;
}

.margin2{
margin-top:20px;
}
.margin3{
margin-top:30px;
}
.margin4{
margin-top:40px;
}
.margin5{
margin-top:50px;
}
.margin6{
margin-top:60px;
}

.global ul li{
display:inline;
margin-left:20px;
list-style:none;
}

.footerlist ul li{
display:inline;
margin-left:20px;
list-style:none;
}

.scale {
    overflow: hidden;
}
.scale img {
    -moz-transition: -moz-transform 0.3s linear;
    -webkit-transition: -webkit-transform 0.3s linear;
    -o-transition: -o-transform 0.3s linear;
    -ms-transition: -ms-transform 0.3s linear;
    transition:transform 0.3s linear, opacity 0.3s linear;
}
.scale img:hover {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
    opacity:0.5;
}
.scale2 {
    overflow: hidden;
}

/*左右の矢印の色を変える*/
.slick-prev:before,
.slick-next:before {
    color: #000;
}
/*左右の矢印の位置を変える*/
.slick-next {
    right: 20px;
    z-index: 99;
}
.slick-prev {
     left: 15px;
    z-index: 100;
}

/*スライド画像の横幅可変*/
img {
    max-width: 100%;
     height: auto;
}

.table1 tr td{
padding:10px;
}

figure {
  position: relative;
  overflow: hidden;
  width: 100%;
}
figcaption {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
  background: rgba(255,255,255,.8);
  -webkit-transform: rotate(90deg) scale(0);
  transform: rotate(90deg) scale(0);
  -webkit-transition: .6s;
  transition: .6s;
  opacity: 0;
}
figure:hover figcaption {
  -webkit-transform: rotate(360deg) scale(1);
  transform: rotate(360deg) scale(1);
  opacity: 1;
}
.hover{
background:#f9f9f9;
text-align:left;
}
.hover:hover{
background:#90c320;
  -webkit-transition: .6s;

}
.hover a{
color:#000;
text-decoration:none;
}
.hover a:hover{
color:white;
  -webkit-transition: .6s;

}

#pageTop {
  position: fixed;
  bottom: 20px;
  right:20px;
  
}
 
#pageTop a {
  display: block;
  z-index: 999;
  padding: 8px 0 0 8px;
  border-radius: 30px;
  width: 35px;
  height: 35px;
  background-color:#90c320;
  color: #fff;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
}
 
#pageTop a:hover {
  text-decoration: none;
  opacity: 0.5;
    -webkit-transition: .6s;

}

.hidden_box {
    margin: 2em 0;/*前後の余白*/
    padding: 0;
}

/*ボタン装飾*/
.hidden_box label {
    padding: 15px;
    font-weight: bold;
    border: solid 2px black;
    cursor :pointer;
}

/*ボタンホバー時*/
.hidden_box label:hover {
    background: #efefef;
}

/*チェックは見えなくする*/
.hidden_box input {
    display: none;
}

/*中身を非表示にしておく*/
.hidden_box .hidden_show {
    height: 0;
    padding: 0;
    overflow: hidden;
    opacity: 0;
    transition: 0.8s;
}

/*クリックで中身表示*/
.hidden_box input:checked ~ .hidden_show {
    padding: 10px 0;
    height: auto;
    opacity: 1;
}

.container {
  overflow: hidden;
  height: 3.6em /* 2em（行）x line-heightの1.8 */
  font-size: 16px;
  line-height: 1.8;
 }
 
.gra {
  position: relative;
}
.gra:after {
  content: "";
  bottom: 0;
  left: 0;
  position: absolute;
  width:100%;
  height: 50%;
  background: -webkit-linear-gradient(top, rgba(249,249,249,0), rgba(249,249,249,0.6) 15%, rgba(249,249,249,1) 70%, rgba(249,249,249,1));
}