@charset "utf-8";
/* ----------------------------------------
mb
------------------------------------------- */
.mb{
margin-bottom: 40px;
}
.cmn-txt01{
line-height: 2.2;
}
/* ----------------------------------------
cmn-box
------------------------------------------- */
.cmn-box01{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.cmn-box01 .box01{
  width: 35%;
}
.cmn-box01 .box02{
  width: 60%;
}
.cmn-box02{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.cmn-box02 .box01{
  width: 48%;
}
.cmn-box02 .box02{
  width: 48%;
}
.cmn-box03{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.cmn-box03 li{
  width: 32%;
}
.cmn-box04{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.cmn-box04 .box01{
  width: 60%;
}
.cmn-box04 .box02{
  width: 35%;
}
/* ----------------------------------------
cmn-cover
------------------------------------------- */
.cmn-cover01 {
  background-color: #eeeae6;
  border-radius: 15px;
  padding: 30px;
}
.cmn-cover02 {
  background-color: #eeeae6;
  border-radius: 15px;
  padding: 30px 50px;
}
/* ----------------------------------------
cmn-list
------------------------------------------- */
.cmn-list01 li {
  position: relative;
  font-weight: 500;
  padding-left: 1.5em;
  margin-bottom: 6px;
}
.cmn-list01 li:last-child {
  margin-bottom: 0;
}
.cmn-list01 li::before {
  display: inline-block;
  font-family: 'Font Awesome 6 Free';
  color: #825b50;
  content: "\f111";
  position: absolute;
  top: 0;
  left: 0;
}
.cmn-list02,.cmn-list03 {
  display: flex;
  flex-wrap: wrap;
}
.cmn-list02 li {
  position: relative;
  width: 33%;
  box-sizing: border-box;
  padding-left: 1.3em;
  margin-bottom: 10px;
}
.cmn-list03 li {
  position: relative;
  width: 50%;
  box-sizing: border-box;
  padding-left: 1.3em;
  margin-bottom: 10px;
}
.cmn-list02 li::before,.cmn-list03 li::before {
  display: inline-block;
  font-family: 'Font Awesome 6 Free';
  color: #c0ada7;
  content: "\f14a";
  position: absolute;
  top: 0;
  left: 0;
}

/* =======================
  PC
======================== */
@media screen and (min-width: 1350px) {}
/* =======================
  TABLET
======================== */
@media screen and (max-width:1349px) {}
/* =======================
  SP
======================== */
@media screen and (max-width: 799px) {
/* ----------------------------------------
mb
------------------------------------------- */
.mb{
margin-bottom: 30px;
}
.cmn-txt01{
line-height: 1.8;
}
/* ----------------------------------------
cmn-box
------------------------------------------- */
.cmn-box01{
  display: block;
}
.cmn-box01 .box01{
  width: 100%;
  margin-bottom: 30px;
}
.cmn-box01 .box02{
  width: 100%;
}
.cmn-box02{
  display: block;
}
.cmn-box02 .box01{
  width: 100%;
  margin-bottom: 30px;
}
.cmn-box02 .box02{
  width: 100%;
}
.cmn-box03{
  display: block;
}
.cmn-box03 li{
  width: 100%;
  margin-bottom: 30px;
}
.cmn-box04{
  display: block;
}
.cmn-box04 .box01{
  width: 100%;
  margin-bottom: 30px;
}
.cmn-box04 .box02{
  width: 100%;
}
/* ----------------------------------------
cmn-cover
------------------------------------------- */
.cmn-cover01 {
  background-color: #eeeae6;
  border-radius: 15px;
  padding: 30px;
}
.cmn-cover02 {
  background-color: #eeeae6;
  border-radius: 15px;
  padding: 30px;
}
/* ----------------------------------------
cmn-list
------------------------------------------- */
.cmn-list02 {
  display: flex;
  flex-wrap: wrap;
}
.cmn-list02 li {
  width: 50%;
}
.cmn-list03 {
  display: block;
}
.cmn-list03 li {
  width: 100%;
}


}