@charset "utf-8";
@import url(cmn.css);
@import url(base.css);

.page {
  background: url("../images/bone-images/page-bg.jpg") 50% 50% no-repeat;
}

/* ==========================================================================
	CONTENTS
	========================================================================== */

.application__txt {
  color: #fff;
  font-size: clamp(2rem,3.5vw,3rem);
  font-weight: bold;
  text-align: center;
  background-color: #FFC77C;
  padding: 30px;
}
.application__txt span {
  background: url("../images/bone-images/icon-yen.png") 0 50% no-repeat;
  background-size: 50px;
  padding: 10px 0 10px 70px;
}
.bone-list {
  background-color: #fff0dd;
  border-radius: 15px;
  padding: 30px 30px 20px 30px;
}

/* ==========================================================================
	PC 1025px -
	========================================================================== */

@media screen and (min-width: 1025px){


}
@media screen and (max-width: 1200px){/*1200以下*/

}


/* ==========================================================================
	TABLET - 1024px
	========================================================================== */

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

.bone-list {
  padding: 30px 30px 10px 30px;
}
.bone-list .ul-3column {
  width: 105%;
}
.bone-list .ul-3column li {
  width: 45%;
  margin: 0 5% 20px 0;
}
}

/* ==========================================================================
	SP - 640px
	========================================================================== */

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

.application__txt {
  padding: 20px;
}
.application__txt span {
  background-size: 35px;
  padding: 10px 0 10px 50px;
}
.bone-list .ul-3column {
  width: 100%;
}
.bone-list .ul-3column li {
  width: 100%;
  margin: 0 0 20px 0;
}

}