@charset "UTF-8";

/*----------------------------s-index-----*/

#s-index{
  margin-top: -50px;
}

#s-index li{
  border-bottom: 1px dotted #c4c4c4;
  padding: 50px 15px 50px;
}

#s-index li a{
  display: block;
  transition: 0.5s ease;
}

#s-index li a:hover{
  background: #f9f9f9;
}

.postInfo{
  margin-bottom: 30px;
}

.headTop{
  font-size: 19px;
  font-size: 1.9rem;
  line-height: 1.4;
  font-weight: 600;
  margin-bottom: 20px;
}

/*----------------------------s-contents-----*/

.c-btn01 {
    width: 200px;
}

.right {
    display: flex;
    justify-content: flex-end;
}

.head00{
  border-bottom: 1px dotted #c4c4c4;
  font-size: 22px;
  font-size: 2.2rem;
  line-height: 1.4;
  font-weight: 600;
  margin-bottom: 20px;
  padding: 0 10px 20px;
}

.head01{
  color: #009de2;
  font-size: 21px;
  font-size: 2.1rem;
  line-height: 1.4;
  font-weight: 600;
  margin-bottom: 60px;
}

.head02{
  background: #c3d600;
  color: #fff;
  font-size: 19px;
  font-size: 1.9rem;
  line-height: 1.4;
  font-weight: 600;
  margin-bottom: 60px;
  padding: 8px 15px;
}

.head03{
  background: #f4f4f4;
  color: #009de2;
  border-left: 5px solid #009de2;
  font-size: 19px;
  font-size: 1.9rem;
  line-height: 1.4;
  font-weight: 600;
  margin-bottom: 60px;
  padding: 8px 20px;
}

.head04{
  border-bottom: 1px solid #c4c4c4;
  margin-bottom: 60px;
  padding: 0 0 10px;
}

.head04 span{
  border-left: 5px solid #c3d600;
  font-size: 19px;
  font-size: 1.9rem;
  line-height: 1.4;
  font-weight: 600;
  padding: 5px 15px;
}

.head05{
  border-bottom: 1px dotted #c4c4c4;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1.4;
  font-weight: 600;
  padding: 0 0 10px;
  margin-bottom: 60px;
} 

.head05 span{
  color: #009de2;
  margin-right: 5px;
}

.head06{
  font-size: 17px;
  font-size: 1.7rem;
  line-height: 1.4;
  font-weight: 600;
  margin-bottom: 60px;
} 

#s-contents .topTtl{
  margin-bottom: 35px;
}

#s-contents .postInfo{
  text-align: right;
}

.date{
  color: #888888;
  font-size: 14px;
  font-size: 1.4rem;
  margin-right: 20px;
}

.catGreen{
  background: #c3d600;
  border-radius: 20px;
  color: #fff;
  font-size: 13px;
  font-size: 1.3rem;
  padding: 5px 10px;
}

.catBlue{
  background: #009de2;
  border-radius: 20px;
  color: #fff;
  font-size: 13px;
  font-size: 1.3rem;
  padding: 5px 10px;
}

#s-contents .detail{
  margin-bottom: 40px;
}

@media screen and (max-width: 1200px) {

}

@media screen and (max-width: 990px) {
  
}

@media screen and (max-width: 834px) {


/*----------------------------s-index-----*/

#s-index{
  margin-top: -30px;
}

#s-index li{
  border-bottom: 1px dotted #c4c4c4;
  padding: 30px 15px 30px;
}

#s-index li a{
  
}

.postInfo{
  margin-bottom: 15px;
}

.headTop{
  font-size: 16px;
  font-size: 1.6rem;
  margin-bottom: 15px;
}

/*----------------------------s-contents-----*/

.head00 {
    font-size: 18px;
    font-size: 1.8rem;
    margin-bottom: 15px;
    padding: 0 10px 10px;
}

.head01,
.head02,
.head03,
.head04 span,
.head05,
.head06{
  font-size: 1.6rem;
  margin-bottom: 30px;
}

.head04{
  margin-bottom: 30px;
}

#s-contents .topTtl {
    margin-bottom: 25px;
}
}