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


.body{
width: auto;
margin: auto;
}

p{
font-size: 8pt;
}

h2{
font-weight: normal;
font-size: 10pt;
padding: 35pt 10pt 0pt 0pt;
}
.slide{
$(function(){
$(".autoplay")
  .slick({
  slidesToShow: 1,
  slidesToScroll: 1,
  autoplay: true,
  autoplaySpeed: 2000,
  pauseOnHover: false
  overflow: hidden;
  variableWidth: true,
});
	})}

.relative{
position: relative;
z-index: 0;
}

.absolute{
position: absolute;
z-index: 100;
margin-left: 10pt;
margin-top: 30pt;
}

.rogosize{
resize: vertical;
}

.news{
margin-top: 20pt;
margin-left: 20pt;
}

.news-line{
margin-top: 30pt;
display: flex;
align-items: center;
margin-left: 20pt;
}

.topic{
margin-left: 15pt;
margin-top: 50pt;
margin-bottom: 35pt;
}

h3{
font-size: 5pt;
font-weight: 200;
margin-left: 20pt;
}

.news-naiyou{
margin-top: 30pt;
}

h6{
font-size: 12pt;
font-weight: lighter;
padding: 0pt 20pt 0pt 20pt;
}

.center{
display: flex;
flex-direction: row;
margin-top: 20pt;
}


a,a:hover,a:visited,a:link,a:active{
    color: black;
}

.button{
    display:inline-block;
    background: rgba(255,255,255,1.00);
    width: 80%;
    padding: 5pt 0pt 5pt 20pt;
    color:#000;
    cursor:pointer;
    position: relative;
    text-decoration: none;
}
	
.button::after{
    content: "";
    display: block;
    position: absolute;
    top: calc(50% - 5px);
    right: -20pt;
    width: 12pt;
    height: 12pt;
    border: 2px solid;
    border-color: transparent transparent #000 #000;
    transform: rotate(-135deg);
    transition: .3s;
}
.button:hover::after{
    right: -40px;
}


.button2{
    display:inline-block;
    background-color: white;
    width: 100px;
    padding: 0;
    color:#000;
    margin: 10pt;
    margin-bottom: 50pt;
    cursor:pointer;
    position: relative;
    text-decoration: none;
}

.button2::after{
    content: "";
    display: block;
    position: absolute;
    top: calc(90% - 0px);
    right: -10px;
    width: 120px;
    height: 5px;
    border: none;
    border-right: 2px solid #000;
    border-bottom: 1px solid #000;
    transform: skew(45deg);
    transition: .3s;
}
.button2:hover::after{
    right: -20pt;
    width: 130px;
	

	
}
.center2{
display: flex;
flex-direction: column;
align-items: center;
}

.pside{
padding: 5pt 40pt 30pt 30pt;
}

.pside2{
padding: 5pt 40pt 10pt 30pt;
}

.moreviewarea{
margin-left: 25pt;
margin-bottom: 30pt;
}

.large{
transition: all 0.2s;
}

.large:hover{
transform: scale(1.3, 1.3);
}

.futtere{
  margin: auto;
  width: 100%;
  height: 80px;
  bottom: 0;
  background-color: rgba(127,127,127,0.74);
  position: fixed;
  z-index: 10;
}

.rogoonly{
margin-top: 12pt;
margin-left: 15pt;
}