@charset "utf-8";
/* ==========================================================================
	CONTENTS
========================================================================== */
.contents-nav{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
}
.contents-nav li{
  width: 31%;
}
.contents-nav li a {
  display: block;
  color: #fff;
  font-weight: 700;
  text-align: center;
  vertical-align: middle;
  background-color: var(--color03);
  border-radius: 10px;
  padding: 15px 0;
}
.contents-nav li a i{
  color: var(--color04);
}

.li-need{
  display: flex;
  flex-wrap: wrap;
}
.li-need li{
  width: 30%;
  background :url("../images/cmn-images/bg04.jpg") 0 0;
  border-radius: 10px;
  border: 3px solid #ece6da;
  box-sizing: border-box;
  padding: 20px 10px;
  margin-right: 5%;
}
.li-need li:nth-child(3n){
  margin-right: 0;
}
.li-need li div{
  width: 40%;
  margin: 0 auto 15px auto;
}
.li-need li .tit {
  font-size: 2rem;
  font-weight: bold;
  text-align: center;
  margin-bottom: 10px;
}
.li-need li .txt{
  font-size: 90%;
  width: 90%;
  margin: 0 auto;
}

.cmn-table01{
width: 100%;
letter-spacing: 0;
}
.cmn-table01 th,.cmn-table01 td{
text-align: left;
vertical-align: top;
box-sizing: border-box;
border-bottom: 1px solid var(--color02);
padding: 15px;
}
.cmn-table01 th{
white-space: nowrap;
}
.cmn-table01 tr:last-child th,.cmn-table01 tr:last-child td{
border-bottom: none;
}
.cmn-table01 ul{
margin-top: 10px;
}

.cmn-table02{
width: 100%;
letter-spacing: 0;
}
.cmn-table02 th,.cmn-table02 td{
text-align: left;
vertical-align: top;
box-sizing: border-box;
border: 1px solid var(--color02);
padding: 15px;
}
.cmn-table02 th{
width: 35%;
background-color: #e2ebea;
}

/* ==========================================================================
	PC 1025px -
	========================================================================== */
@media screen and (min-width: 1025px) {}
@media screen and (max-width: 1200px) { /*1200以下*/
}
/* ==========================================================================
	TABLET - 1024px
	========================================================================== */
@media screen and (max-width:1024px) {


}
/* ==========================================================================
	SP - 640px
	========================================================================== */
@media screen and (max-width: 900px) {
.contents-nav{
  display: block;
  width: 90%;
  margin: 0 auto;
}
.contents-nav li{
  width: 100%;
  margin-bottom: 15px;
}

.li-need{
  display: block;
}
.li-need li{
  width: 80%;
  margin:0 auto 20px auto;
  border: 2px solid #ece6da;
  padding: 15px 10px;
}
.li-need li:nth-child(3n){
  margin:0 auto 20px auto;
}
.li-need li div{
  width: 30%;
  margin: 0 auto 15px auto;
}
.li-need li .txt{
  width: 80%;
  margin: 0 auto;
}

.cmn-table01 th,.cmn-table01 td{
padding: 10px 5px;
}
.cmn-table01 th{
width: 25%;
}
.cmn-table01 td{
width: 75%;
}



}