@charset "utf-8";

/* hypertext
-------------------- */
a {
  color: #333;
  text-decoration: none;
}
a:hover {
  color: #888;
  text-decoration: none;
}


/* MainImage
-------------------- */
#slide .bx-wrapper{
box-shadow:none;
border:none;
margin: 0;
}

#slide .bx-wrapper img{
	width: 100%;
}

/* TopPage
-------------------- */

h3:after{
display: none;
}

.block{
margin-bottom:40px;
}

#Block1 {
overflow: hidden;
height: 360px;

}

#Block1 .catch{
font-size: 19px;
line-height: 2;
}

#Block1 h2{
text-align:left;
padding:0;
padding-top: 60px;
background:none;
font-style: normal;
letter-spacing: 0.1em;
margin-bottom:20px;
}

#Block1 h2 span{
padding: 0!important;
font-style: normal;
}

#Block1 .body-wrap {
position: relative;
}

#Block1 #Particles {
position: absolute;
right: 0;
top: 0;
width: 65%;
text-align: right;
}

#Block1 #Particles img{
padding-top:20px;
padding-right: 64px;
}

#Block1 #Particles canvas {
position: absolute;
top: 0;
left: 0;
}

#Block1 #Particles .text{
position: absolute;
right: 135px;
bottom: 0;
font-size: 18px;
text-shadow: 
    #FFF 2px 0px,  #FFF -2px 0px,
    #FFF 0px -2px, #FFF 0px 2px,
    #FFF 2px 2px , #FFF -2px 2px,
    #FFF 2px -2px, #FFF -2px -2px,
    #FFF 1px 2px,  #FFF -1px 2px,
    #FFF 1px -2px, #FFF -1px -2px,
    #FFF 2px 1px,  #FFF -2px 1px,
    #FFF 2px -1px, #FFF -2px -1px;
}

#Block2 h3{
line-height: 1.2em;
font-size: 27px;
margin-bottom: 20px;
}

#Block2 .flex-box{
color:#FFF;
}

#Block2 li{
transition: all 300ms 0s ease;
}

#Block2 li:nth-child(1){
background:url('../img/top/tsuyomi1_bg.jpg') no-repeat left center / cover;
width: 50%;
}
#Block2 li:nth-child(1):hover{
background-image:url('../img/top/tsuyomi1_bg_hover.jpg');
}


#Block2 li:nth-child(1) .inner{
float:right;
width:540px;
}

#Block2 li:nth-child(1) a{
background:#02322f url('../img/top/icon_link.png') no-repeat right 10px center;
}


#Block2 li:nth-child(2){
background:url('../img/top/tsuyomi2_bg.jpg') no-repeat left center / cover;
width: 50%;
}
#Block2 li:nth-child(2):hover{
background-image:url('../img/top/tsuyomi2_bg_hover.jpg');
}

#Block2 li:nth-child(2) .inner{
float:left;
width:540px;
text-align: right;
}

#Block2 li:nth-child(2) .link{
float: right;
}

#Block2 li:nth-child(2) a{
text-align:left;
background:#51510a url('../img/top/icon_link.png') no-repeat right 10px center;
}


#Block2 .inner{
padding:32px 0;
}

#Block2 .inner .text{
margin-bottom:24px;
}

#Block2 .inner a{
color:#FFF;
display:block;
border:1px solid #FFF;
padding:8px;
width:200px;
}

#Block3 h3{
color:#21bda0;
margin-bottom:0;
font-size:18px;
margin-top:8px;
}

#Block3 .bg{
background:url('../img/top/jisseki_bg.jpg') no-repeat left center / cover;
padding: 40px 0;
}

#Block3 li{
width: 30%;
box-sizing: border-box;
background: #FFF;
padding: 16px;
}

#Block3 .more_btn{
margin-top: 48px;
text-align: center;
}

#Block3 .more_btn a{
    background: #21bda0;
    color: #FFF;
    padding: 13px 90px;
    text-align: center;
    font-size: 18px;
box-shadow: 2px 2px 4px #cccccc;
}
#Block3 .more_btn a:hover{
    background: #46c7af;
}

#Block4 h2{
text-align:left;
background:none;
border-bottom:2px solid #ffe400;
margin-bottom:16px;
}
#Block4 h2 span{
padding:0;
}

#Block4 .flex-box > li{
width:50%;
}

#Block4 .post-list > li{
border-bottom: 1px solid #a0a0a0;
padding-bottom:16px;
margin-bottom:16px;
display:flex;
}
#Block4 .post-list span{
display: inline-block;
}
#Block4 .post-list .date{
padding:0 8px;
margin-right: 8px;
}
#Block4 .post-list .category{
width:140px;
}

#Block4 .post-list .category a{
background: #a0a0a0;
color: #FFF;
padding: 0 8px;
margin-right: 8px;
}