@charset "utf-8";
/* page top */
@media screen and (min-width: 1550px) {
  #top_visual {
    background-size: 100% auto;
  }
}
#top_visual {
  position: relative;
  clear: both;
  padding-top: 12%;
  padding-bottom: 5%;
  text-align: center;
  background: url(../images/top/visual_bg.jpg) no-repeat center center/cover;
}
#top_visual .base_area_in {
  position: relative;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: column wrap;
  flex-flow: column wrap;
  justify-content: center;
  align-items: center;
  align-content: center;
  width: 100%;
  height: 110%;
}
#top_visual .title {
  color: #fff;
  font-weight: bold;
  margin-bottom: 20px;
  line-height: 1.1;
}
#top_visual .title b {
  display: block;
  text-align: center;
  font-size: 380%;
  padding: 10px;
}
#top_visual .title > span {
  display: block;
  text-align: center;
  font-size: 160%;
}
#top_visual .title > span > * {
  display: inline-block;
}
#searchBox {
  position: relative;
  clear: both;
  text-align: center;
  margin-bottom: 80px;
  margin-top: 70px;
}
#searchBox p {
  font-size: 200%;
  font-weight: bold;
  margin-bottom: 10px;
}
#searchBox .search {
  position: relative;
  width: 100%;
  max-width: 1020px;
  height: 70px;
  border: solid 5px #7f7f7f;
  background: #7f7f7f;
  border-radius: 5px;
  padding-right: 100px;
  background-clip: padding-box;
  -webkit-background-clip: padding-box;
  margin-left: auto;
  margin-right: auto;
}
#searchBox .search > * {
  height: 100%;
}
#searchBox .search input[type="text"] {
  width: 100%;
  height: 100%;
  vertical-align: middle;
  display: block;
  border: none;
  font-size: 110%;
  padding: 10px 10px 10px 50px;
  border-radius: 4px 0 0 4px;
  background: url("../images/common/search_icon2.png") no-repeat 15px
    center/30px 30px #fff;
}
#searchBox input::placeholder {
  color: #777;
}
#searchBox .search input[type="submit"] {
  position: absolute;
  right: 0;
  top: 0;
  border: none;
  background: center/30px 30px #00913a;
  border-radius: 0 4px 4px 0;
  color: #fff;
  cursor: pointer;
  width: 100px;
  height: 100%;
  font-size: 120%;
  box-sizing: border-box;
  transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
}
#searchBox .search input[type="submit"]:hover {
  background-color: #4cb275;
}
#searchBox .search .text {
  display: inline-block;
  position: absolute;
  left: 20px;
  bottom: -40px;
  line-height: 1;
  padding: 15px 20px;
  border-radius: 5px;
  background: #00913a;
  color: #fff;
  font-weight: bold;
  font-size: 110%;
  opacity: 0.9;
  letter-spacing: 0.1em;
  z-index: 2;
}
#searchBox .search .text::before {
  position: absolute;
  left: 10px;
  bottom: 100%;
  content: "";
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 10px solid #00913a;
  border-left: 6px solid transparent;
}
#top_visual .base_area_in > .btn {
  text-align: center;
  max-width: 480px;
  width: 100%;
  margin: 0 auto;
  border-radius: 5px;
}
#top_visual .base_area_in > .btn a {
  display: block;
  border-radius: 5px;
  text-decoration: none;
  width: 100%;
  background: #fff;
  overflow: hidden;
}
#top_visual .base_area_in > .btn a > * {
  padding: 25px 40px;
  font-size: 120%;
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
  color: #fff;
  background: #ffa800;
  font-weight: bold;
}
#top_visual .base_area_in > .btn a > *:hover {
  opacity: 0.7;
}
@media screen and (max-width: 768px) {
  #top_visual {
    padding-top: 30%;
    padding-bottom: 15%;
    background-position: right center;
  }
  #top_visual .title b {
    font-size: 300%;
  }
  #top_visual .title > span {
    font-size: 150%;
  }
  #top_visual .search {
    height: 60px;
    padding-right: 100px;
    margin-bottom: 70px;
    max-width: 400px;
  }
  #top_visual .search input[type="text"] {
    font-size: 100%;
    padding: 5px;
  }
  #top_visual .search input[type="submit"] {
    width: 100px;
    font-size: 100%;
    padding-left: 30px;
    background-position: 10px center;
  }
  #top_visual .search .text {
    bottom: -30px;
    padding: 10px 10px;
    font-size: 90%;
    width: 180px;
  }
  #top_visual .base_area_in > .btn {
    max-width: 390px;
    border-radius: 5px;
    padding: 5px;
  }
  #top_visual .base_area_in > .btn a > * {
    padding: 20px 10px;
    font-size: 100%;
  }
  #searchBox p {
    font-size: 140%;
  }
}
@media screen and (max-width: 420px) {
  #top_visual .title b {
    font-size: 230%;
  }
  #top_visual .title > span {
    font-size: 120%;
  }
  #top_visual .search {
    margin-bottom: 30px;
  }
  #top_visual .search .text {
    bottom: -30px;
    padding: 10px 10px;
    font-size: 90%;
    width: 100%;
    background: none;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
  }
  #top_visual .search .text::before,
  #top_visual .search .text::after {
    content: " ／";
    border: none;
    width: inherit;
    height: inherit;
    color: #fff;
    position: relative;
    left: 0;
    top: 0;
  }
  #top_visual .search .text::after {
    content: "＼";
  }
  #searchBox {
    margin: 0 10px;
  }
  #searchBox .search input[type="text"] {
    padding-top: 5px;
    padding-bottom: 5px;
  }
  #searchBox .search {
    height: 60px;
  }
}
.top_area_title {
  position: relative;
  height: 100px;
  margin-bottom: 25px;
  width: 100%;
  overflow: hidden;
  background: #ffffff;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row nowrap;
  flex-flow: row nowrap;
  justify-content: center;
  align-items: center;
  border-bottom: 0px solid #fff;
}
.top_area_title::after,
.top_area_title::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  width: 50%;
  height: 100%;
}
.top_area_title > * {
  position: relative;
  z-index: 2;
  display: block;
  font-size: 220%;
  font-weight: bold;
  text-align: center;
  padding: 10px;
  line-height: 1.2;
  max-width: 50%;
  margin: 0 auto;
}
.top_area_title > * > span {
  display: inline-block;
}
@media screen and (max-width: 1400px) {
  .top_area_title::before,
  .top_area_title::after {
    background-position: center center;
  }
}
@media screen and (max-width: 1000px) {
  .top_area_title::before {
    left: -10%;
  }
  .top_area_title::after {
    right: -10%;
  }
}
@media screen and (max-width: 768px) {
  .top_area_title {
    max-height: 180px;
  }
  .top_area_title::before {
    background-position: center;
    left: 0;
  }
  .top_area_title::after {
    background-position: center;
    right: 0;
  }
  .top_area_title > * {
    font-size: 180%;
  }
}
@media screen and (max-width: 520px) {
  .top_area_title > * {
    text-shadow: 0 0 15px #fff;
    max-width: 100%;
    z-index: 1;
  }
  .top_area_title::before,
  .top_area_title::after {
    opacity: 0.3;
  }
}
.base_title {
  text-align: center !important;
}
#content {
  padding-bottom: 0;
}
#top_about_area {
  padding-bottom: 30px;
}
.backImg {
    background: linear-gradient(to left, transparent 0%, transparent 20%, #fff 100%), url(../images/top/backIMG01.png);
    background-repeat: no-repeat;
    background-position: right bottom;
    background-size: 45%;
}
.top_about_list01,.top_about_list02,.top_about_list03 {
	background-size: 10% !important;
	font-size: 50px;
	text-align: left;
	font-weight: bold;
	padding: 20px 0 20px 100px;
}
@media screen and (max-width: 768px) {
	#top_about_area {
		padding-bottom: 100px;
	}
	.backImg { 
		background: linear-gradient(transparent 60%, #fff 100%), url(../images/top/backIMG01.png);
		background-repeat: no-repeat;
		background-position: right bottom;
		background-size: 75%;
	}
	.top_about_list01,.top_about_list02,.top_about_list03 {
		background-size: 20% !important;
		font-size: 26px;
		padding: 20px 0 20px 65px;
	}
}
.top_about_list01 {
	background: url("../images/top/top_area_about_strong01_no.webp") left no-repeat;
}

.top_about_list02 {
	background: url("../images/top/top_area_about_strong02_no.webp") left no-repeat;
}

.top_about_list03 {
	background: url("../images/top/top_area_about_strong03_no.webp") left no-repeat;
}
.top_about_list p {
  padding-bottom: 30px;
  font-size: 130%;
	text-align: left;
}
.top_about_list span {
  padding-top: 1.5;
  font-size: 70%;
}
@media screen and (max-width: 768px) {
  .top_about_list {
    padding: 0 10px;
  }
  .top_about_list p {
    padding: 0 10px 30px;
    font-size: 100%;
  }
  .top_about_list span {
    font-size: 70%;
  }
}
@media screen and (max-width: 650px) {
}
#top_method_area {
  background: #f2f1f5;
  padding-bottom: 30px;
}
.top_method_list ul {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-items: stretch;
}
.top_method_list ul li {
  width: 33.33%;
  max-width: 340px;
  padding: 0 10px;
  margin: 0 0 30px;
}
.top_method_list ul li .icon {
  text-align: center;
  border-bottom: 3px solid #eeeeee;
  padding: 0 0 20px;
  margin: 0 0 25px;
}
.top_method_list ul li .icon img {
  max-width: 120px;
  margin-bottom: 15px;
}
.top_method_list ul li .icon .text {
  display: block;
  color: #00913a;
  font-weight: bold;
  font-size: 110%;
  line-height: 1.2;
}
.top_method_list ul li .item_text {
  padding: 0 10px;
}
@media screen and (max-width: 650px) {
  .top_method_list ul li {
    flex: 1 0 100%;
    max-width: none;
  }
}
#manufacturer_area {
  background: #f2f1f5;
  margin-top: 30px;
  /*margin-bottom: 20px;*/
  padding-top: 0px;
  padding-bottom: 20px;
}
.manufacturer_list ul {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-items: stretch;
}
.manufacturer_list ul li {
  flex: 0 1 25%;
  padding: 0 5px 10px 5px;
}
.manufacturer_list ul li > * {
  display: block;
  text-align: center;
  position: relative;
  padding-bottom: 0px;
}
.manufacturer_list ul li > * img {
  max-width: 250px;
  border: 1px solid #ccc;
  border-radius: 7px;
}
.manufacturer_list ul li > * span {
  display: block;
  width: 100%;
  position: absolute;
  line-height: 180%;
  color: #111;
  background-color: #f2f1f5;
}
.manufacturer_list ul li > * img {
  color: #000;
  background-color: #ffffff;
  border-bottom: 5px solid #808080;
  border-radius: 11px;
}
.manufacturer_list ul li > * img:hover {
  margin-top: 3px;
  color: #000;
  background: #ffffff;
  border-bottom: 2px solid #808080;
}
.manufacturer_box {
  position: relative;
  height: 60px;
  overflow: hidden;
  transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
}
.manufacturer_box.active {
  height: 100%;
}
.manufacturer_box::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: -webkit-linear-gradient(
    top,
    rgba(242, 241, 245, 0) 0%,
    rgba(242, 241, 245, 1) 80%,
    rgba(242, 241, 245, 1) 100%
  );
  background: linear-gradient(
    to bottom,
    rgba(242, 241, 245, 0) 0%,
    rgba(242, 241, 245, 1) 80%,
    rgba(242, 241, 245, 1) 100%
  );
  z-index: 1;
}
.manufacturer_box + .base_btn_box {
  margin-top: -30px;
  position: relative;
  z-index: 1;
}
.manufacturer_box.active + .base_btn_box {
  margin-top: 0;
}
.manufacturer_box + .base_btn_box .open {
  display: table-cell;
}
.manufacturer_box + .base_btn_box .close {
  display: none;
}
.manufacturer_box + .base_btn_box .base_btn.active .open {
  display: none;
}
.manufacturer_box + .base_btn_box .base_btn.active .close {
  display: table-cell;
}
.manufacturer_box.active::before {
  display: none;
}
.pt30 {
  padding-top: 25px;
}
@media screen and (max-width: 768px) {
  .manufacturer_list ul li {
    flex: 0 1 50%;
  }
  .manufacturer_list ul li > * {
    padding-bottom: 1px;
    font-size: 12px;
  }
  .manufacturer_list ul li > * span {
    font-size: 12px;
  }
}
#purchase_area {
  padding: 30px 0;
}
.purchase_list ul {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-items: stretch;
  margin-bottom: 20px;
}
.purchase_list ul li {
  flex: 0 1 25%;
  padding: 0 5px 10px 5px;
}
.purchase_list ul li div {
  width: 100%;
  background: #f2f1f5;
  margin: 0 auto;
}
.purchase_list ul li div a {
  display: block;
  width: 100%;
  color: #111;
  text-decoration: none;
}
.purchase_list ul li div a div {
  display: flex;
  align-items: center;
}
.purchase_list ul li div a:hover {
  color: #111;
  opacity: 0.5;
  transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
}
.purchase_list ul li div a .image {
  flex: 0 0 100px;
}
.purchase_list ul li div a .text {
  flex: 0 1 auto;
  line-height: 1.2;
  padding-right: 5px;
}
.purchase_list ul li div a .text > * {
  display: inline-block;
}
@media screen and (max-width: 900px) {
  .purchase_list ul li {
    flex: 0 1 33.33%;
  }
}
@media screen and (max-width: 768px) {
  .purchase_list ul li {
    flex: 0 1 50%;
  }
}
@media screen and (max-width: 420px) {
  .purchase_list ul li {
    flex: 0 1 100%;
  }
}
@media screen and (max-width: 768px) {
}
#top_results_area {
  padding-bottom: 30px;
}
@media screen and (max-width: 1000px) {
  #top_results_area .top_area_title::before {
    left: -20%;
  }
  #top_results_area .top_area_title::after {
    right: -20%;
  }
}
@media screen and (max-width: 768px) {
  #top_results_area .top_area_title {
    min-height: 0px;
  }
  #top_results_area .top_area_title::before {
    background-position: center;
    left: 0;
  }
  #top_results_area .top_area_title::after {
    background-position: center;
    right: 0;
  }
}
.results_list ul {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-items: stretch;
  margin-bottom: 10px;
}
.results_list ul > .item {
  flex: 0 0 33.33%;
  padding: 0 10px 20px 10px;
}
.results_list ul > .item > * {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
  text-decoration: none;
  color: #000;
  background: #f2f1f5;
}
.results_list ul > .item a:hover {
  text-decoration: none;
}
.results_list ul > .item a img {
  transition: all 0.1s linear;
  -webkit-transition: all 0.1s linear;
}
.results_list ul > .item a:hover img {
  opacity: 0.5;
}
.results_list .image {
  position: relative;
  background: #000;
}
.results_list a .image::before {
  opacity: 0;
  content: "詳細情報はこちら";
  position: absolute;
  left: 50%;
  top: 50%;
  display: inline-block;
  padding-top: 20px;
  color: #fff;
  font-weight: normal;
  text-align: center;
  width: 6em;
  font-size: 120%;
  line-height: 1.3;
  letter-spacing: 0.1em;
  z-index: 3;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
}
.results_list a:hover .image::before {
  padding-top: 5px;
  opacity: 1;
}
.results_list .info {
  padding: 20px;
  transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
}
.results_list a:hover .info {
  opacity: 0.7;
}
.results_list ul .date {
  font-size: 90%;
  margin-bottom: 5px;
  color: #999;
}
.results_list .title {
  font-weight: bold;
  font-size: 120%;
  line-height: 1.2;
  margin-bottom: 10px;
}
.results_list ul .text {
  font-size: 90%;
  line-height: 1.2;
  margin-bottom: 0;
}
.results_list ul .title {
  display: table;
  width: 100%;
}
.results_list ul .title > * {
  display: table-cell;
  vertical-align: top;
  line-height: 1.2;
}
@media screen and (max-width: 768px) {
  .results_list ul > .item {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 500px) {
  .results_list ul > .item {
    flex: 0 0 100%;
  }
}
#top_maintenance_area {
  padding-bottom: 50px;
}
.top_maintenance_btn {
  padding: 0 10px;
}
.top_maintenance_btn a {
  position: relative;
  height: 150px;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row nowrap;
  flex-flow: row nowrap;
  justify-content: center;
  align-items: center;
  background: url(../images/top/top_area_results_item03.webp) no-repeat center
    center / 100% auto;
  color: #fff;
  font-weight: bold;
  font-size: 180%;
  text-align: center;
  text-decoration: none;
  transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
  letter-spacing: 0.1em;
  margin: 0 auto;
  padding: 10px 60px 10px 10px;
  max-width: 1000px;
  line-height: 1.2;
}
.top_maintenance_btn a .text > * {
  display: inline-block;
}
.top_maintenance_btn a:hover {
  opacity: 0.7;
}
.top_maintenance_btn a::after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 50%;
  right: 40px;
  width: 20px;
  height: 20px;
  border-right: 4px solid #fff;
  border-bottom: 4px solid #fff;
  -webkit-transform: translateY(-50%) rotate(-45deg);
  transform: translateY(-50%) rotate(-45deg);
}
@media screen and (max-width: 1000px) {
  .top_maintenance_btn a {
    background-size: auto 100%;
  }
}
@media screen and (max-width: 620px) {
  .top_maintenance_btn a {
    font-size: 130%;
    height: 100px;
  }
}
@media screen and (max-width: 420px) {
  .top_maintenance_btn a {
    padding: 10px 40px 10px 10px;
  }
  .top_maintenance_btn a::after {
    right: 20px;
    width: 10px;
    height: 10px;
    border-right: 3px solid #fff;
    border-bottom: 3px solid #fff;
  }
  .top_maintenance_btn a {
    font-size: 120%;
    height: 100px;
  }
}
#top_customer_area {
  background: #f9f8e4;
  padding-bottom: 14px;
  margin-top: 30px;
}
#top_customer_area img {
  width: auto;
}
#top_customer_area h4 {
  margin-bottom: 16px;
  font-size: 30px;
  font-weight: 400;
}
#top_customer_area p {
  margin-bottom: 16px;
}
.plusComment {
  text-align: center;
  margin-bottom: 20px !important;
  font-size: 18px;
}
#top_customer_area .userphoto {
  margin: 0 auto;
  width: 340px;
}
#top_customer_area .userphoto p {
  margin-top: 8px;
  font-size: 80%;
}
#top_customer_area .right {
  text-align: right;
}
#top_customer_area .userarea ul {
  display: flex;
  justify-content: space-between;
  margin: 0 auto 40px;
  padding: 0 10px;
}
#top_customer_area .userarea ul li {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  text-align: center;
  justify-content: space-around;
}
#top_customer_area .userarea ul li.migi {
  align-items: flex-end;
}
#top_customer_area .arrow_box01 {
  position: relative;
  width: 672px;
  height: auto;
  background: #b7eadc;
  padding: 32px;
  text-align: left;
  border-radius: 25px;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  filter: drop-shadow(2px 2px 2px darkgray);
}
#top_customer_area .arrow_box01:after {
  border: solid transparent;
  content: "";
  height: 0;
  width: 0;
  pointer-events: none;
  position: absolute;
  border-color: rgba(183, 234, 220, 0);
  border-top-width: 31px;
  border-bottom-width: 31px;
  border-left-width: 30px;
  border-right-width: 30px;
  margin-top: -31px;
  border-right-color: #b7eadc;
  right: 100%;
  top: 50%;
}
#top_customer_area .arrow_box02 {
  position: relative;
  width: 672px;
  height: auto;
  background: #dcf6ef;
  padding: 32px;
  text-align: left;
  border-radius: 25px;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  filter: drop-shadow(2px 2px 2px darkgray);
}
#top_customer_area .arrow_box02:after {
  border: solid transparent;
  content: "";
  height: 0;
  width: 0;
  pointer-events: none;
  position: absolute;
  border-color: rgba(220, 246, 239, 0);
  border-top-width: 31px;
  border-bottom-width: 31px;
  border-left-width: 30px;
  border-right-width: 30px;
  margin-top: -31px;
  border-left-color: #dcf6ef;
  left: 100%;
  top: 50%;
}
@media screen and (max-width: 768px) {
  #top_customer_area {
    background: url("/images/top/sp_top_customersvoice_bg.webp") top center
      repeat-y;
  }
  #top_customer_area h4 {
    font-size: 1.5em;
  }
  #top_customer_area .userphoto {
    margin: 0 auto;
    width: 100px;
  }
  #top_customer_area .right {
    font-size: 80%;
  }
  #top_customer_area .arrow_box01,
  #top_customer_area .arrow_box02 {
    width: 90%;
    height: auto;
  }
}
@media only screen and (max-width: 480px) {
  #top_customer_area .arrow_box01:after,
  #top_customer_area .arrow_box02:after {
    border-top-width: 16px;
    border-bottom-width: 16px;
    border-left-width: 15px;
    border-right-width: 15px;
  }
}
@media screen and (max-width: 428px) {
  /*iphone13,12 Pro Max*/
  #top_customer_area .arrow_box01,
  #top_customer_area .arrow_box02 {
    padding: 16px;
  }
}
#contact_before_area {
  background: #f2f1f5;
  padding-bottom: 50px;
}
.contact_before_box {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row nowrap;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: stretch;
  align-content: stretch;
}
.contact_before_box .item {
  flex: 1 0 50%;
  display: -webkit-flex;
  display: flex;
  padding: 10px;
}
.contact_before_box .item_in {
  background: #fff;
  padding: 20px;
}
.contact_before_box .title {
  font-weight: bold;
  color: #00913a;
  margin-bottom: 10px;
  font-size: 110%;
}
.contact_before_box .text {
  margin-bottom: 10px;
}
.contact_before_list_check,
.contact_before_list_triangle,
.contact_before_list_cross {
  margin-bottom: 10px;
}
.contact_before_list_check li,
.contact_before_list_triangle li,
.contact_before_list_cross li {
  padding-left: 25px;
  background: url(../images/common/area_check_item01.png) no-repeat left 3px /
    20px;
  font-size: 90%;
  line-height: 1.2;
  padding: 5px 0 5px 25px;
}
.contact_before_list_triangle li {
  background-image: url(../images/common/area_check_item02.png);
}
.contact_before_list_cross li {
  background-image: url(../images/common/area_check_item03.png);
}
@media screen and (max-width: 768px) {
  .contact_before_box {
    -webkit-flex-flow: column wrap;
    flex-flow: column wrap;
  }
  .contact_before_box > * {
    flex: 1 0 auto !important;
    margin: 0 auto !important;
    width: 100%;
  }
  .contact_before_box .item_in {
    width: 100%;
  }
}
#contact_area {
  background: #00913a;
  padding: 30px 0;
}
#contact_area .title {
  color: #111111;
}
#contact_area .title > * {
  display: inline-block;
}
#contact_area .title {
  text-align: center;
  font-size: 150%;
  line-height: 1.2;
  border-bottom: 1px solid #fff;
  padding-bottom: 10px;
  margin-bottom: 15px;
  color: #fff;
  font-weight: bold;
}
#contact_area .box {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row nowrap;
  flex-flow: row nowrap;
  justify-content: center;
  align-items: center;
}
#contact_area .box .tel {
  flex: 1 0 430px;
  padding: 0 10px;
}
#contact_area .box a {
  color: #fff;
  text-decoration: none;
}
#contact_area .box .tel a {
  display: block;
  margin: 0 auto;
  width: 100%;
  max-width: 440px;
  text-align: right;
}
#contact_area .box .tel .icon {
  position: absolute;
  max-width: 75px;
}
#contact_area .box .tel .number {
  font-size: 310%;
  line-height: 1.1;
  font-weight: bold;
  padding-left: 80px;
}
#contact_area .box .tel .text {
  display: block;
  text-align: right;
  font-size: 75%;
  line-height: 1.2;
}
#contact_area .box .Btns {
  display: flex;
  width: 100%;
}
#contact_area .box .btn,
#contact_area .box .btn01,
#contact_area .box .btn02 {
  flex: 0 1 430px;
  background: #fff;
  width: 100%;
  border-radius: 5px;
}
#contact_area .box .btn01 {
  margin-right: 10px;
  margin-left: 10px;
}
#contact_area .box .btn02 {
  margin-right: 10px;
}
#contact_area .box .btn01 img,
#contact_area .box .btn02 img {
  width: 10%;
  margin-right: 5px;
}
#contact_area .box .btn a,
#contact_area .box .btn01 a,
#contact_area .box .btn02 a {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row nowrap;
  flex-flow: row nowrap;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 60px;
  border-radius: 5px;
  font-weight: bold;
  font-size: 140%;
  line-height: 1.2;
  position: relative;
  transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
}
#contact_area .box .btn {
  background: #ffa800;
}
#contact_area .box .btn01 a {
  background: #ffa800;
}
#contact_area .box .btn02 a {
  background: #13bf00;
}
#contact_area .box .btn a::after,
#contact_area .box .btn01 a::after,
#contact_area .box .btn02 a::after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 50%;
  right: 20px;
  width: 15px;
  height: 15px;
  border-right: 3px solid #fff;
  border-bottom: 3px solid #fff;
  -webkit-transform: translateY(-50%) rotate(-45deg);
  transform: translateY(-50%) rotate(-45deg);
}
#contact_area .box .btn a:hover,
#contact_area .box .btn01 a:hover,
#contact_area .box .btn02 a:hover {
  opacity: 0.7;
}
@media screen and (max-width: 980px) {
  #contact_area .box .btn {
    margin: 0 10px 0 0;
  }
}
@media screen and (max-width: 768px) {
  #contact_area .box {
    -webkit-flex-flow: column wrap;
    flex-flow: column wrap;
  }
  #contact_area .box > * {
    flex: 1 0 auto !important;
    margin: 0 auto !important;
  }
  #contact_area .box .tel {
    padding: 0 10px 20px 10px;
  }
  #contact_area .box .btn01 {
    margin-bottom: 0px;
    margin-left: 0px;
  }
  #contact_area .box .btn02 {
    margin-right: 0px;
  }
  #contact_area .box .btn01,
  #contact_area .box .btn02 {
    background-color: inherit;
  }
  #contact_area .box .btn01 a,
  #contact_area .box .btn02 a {
    height: 50px;
  }
  #contact_area .box .btn01 a::after,
  #contact_area .box .btn02 a::after {
    right: 15px;
    width: 10px;
    height: 10px;
  }
}
@media screen and (max-width: 620px) {
  #contact_area .title {
    font-size: 140%;
  }
  #contact_area .box .tel .icon {
    max-width: 60px;
  }
  #contact_area .box .tel .number {
    font-size: 250%;
    padding-left: 70px;
  }
  #contact_area .box .btn a,
  #contact_area .box .btn01 a,
  #contact_area .box .btn02 a {
    font-size: 110%;
  }
  #contact_area .box .btn01 img,
  #contact_area .box .btn02 img {
    width: 13%;
  }
}
@media screen and (max-width: 420px) {
  #contact_area .title {
    font-size: 100%;
  }
  #contact_area .box .tel {
    padding: 0 0 20px 0;
  }
  #contact_area .box .tel a {
    text-align: center;
  }
  #contact_area .box .tel .icon {
    max-width: 45px;
  }
  #contact_area .box .tel .number {
    font-size: 200%;
    padding-left: 50px;
  }
  #contact_area .box .tel .text {
    font-size: 70%;
  }
  #contact_area .box .btn01 {
    margin-bottom: 10px !important;
  }
}
#companyinfo_area {
}
.companyinfo_box {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row nowrap;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: stretch;
  align-content: stretch;
  padding: 50px 0 20px 0;
}
.companyinfo_box .companyinfo {
  flex: 1 0 auto;
  max-width: 50%;
  padding-bottom: 30px;
}
.companyinfo_box .companyinfo .logo {
  line-height: 1;
  padding: 20px 0 5px 0;
  vertical-align: bottom;
  font-weight: bold;
  font-size: 120%;
}
.companyinfo_box .companyinfo .logo * {
  vertical-align: bottom;
}
.companyinfo_box .companyinfo .logo a {
  width: 270px;
  margin-right: 5px;
  display: inline-block;
}
.companyinfo_box .companyinfo .text {
  padding-right: 20px;
}
.companyinfo_box .companyinfo .text b {
  font-size: 110%;
}
.companyinfo_box .calendar {
  flex: 0 1 420px;
  width: -webkit-calc(50% - 80px);
  width: calc(50% - 80px);
}
.companyinfo_box .calendar .title {
  font-size: 170%;
  line-height: 1.2;
  padding: 0 10px 15px 10px;
  text-align: center;
}
.companyinfo_box .calendar .calendar_frame {
  width: 100%;
  height: auto;
  margin: auto;
  text-align: center;
}
.companyinfo_box .calendar .calendar_frame iframe {
  width: 100%;
  min-height: 450px;
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  .companyinfo_box {
    -webkit-flex-flow: column wrap;
    flex-flow: column wrap;
  }
  .companyinfo_box > * {
    flex: 1 0 auto !important;
    max-width: none !important;
  }
  .companyinfo_box .companyinfo .text {
    font-size: 90%;
  }
  .companyinfo_box .companyinfo .text > b:first-child {
    font-size: 120%;
  }
  .companyinfo_box .calendar .calendar_frame iframe {
    min-height: 380px;
  }
  .companyinfo_box .calendar {
    width: 100%;
  }
}
.banner_box {
  margin-bottom: 50px;
  display: -webkit-flex;
  display: flex;
}
.banner_box img {
  width: auto;
  margin-right: 15px;
}
@media screen and (max-width: 768px) {
  .banner_box img {
    width: 100%;
    padding: 5px;
    margin: 0;
  }
}
#map {
  width: 100%;
  height: 400px;
}
/* page search */
.filter_condition_container {
  display: block;
  max-width: 20%;
}

.filter_condition {
  display: flex;
  align-items: center;
  background: #f2f1f6;
  padding: 0 15px;
  border-radius: 5px;
  border: none;
  column-gap: 0.5rem;
  height: 47.25px;
  justify-content: space-between;
  width: 100%;
}

.search_table {
  margin-bottom: 40px;
}
.search_table a {
  color: #111;
}
.search_table .search_table_head > ul,
.search_table .search_table_body > .item > ul {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row nowrap;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: stretch;
  border: 1px solid #ccc;
}
.search_table .search_table_head > ul > *,
.search_table .search_table_body > .item > ul > * {
  flex: 1 0 0;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
  justify-content: center;
  align-items: center;
  padding: 5px;
  text-align: center;
  line-height: 1.2;
}
.search_table .search_table_body > .item > ul > .price:last-child {
  justify-content: flex-end;
}
.search_table .search_table_head > ul > *:not(:last-child),
.search_table .search_table_body > .item > ul > *:not(:last-child) {
  border-right: 1px solid #ccc;
}
.search_table .search_table_head > ul > *.name,
.search_table .search_table_body > .item > ul > *.name {
  flex: 1 0 20%;
}
.search_table .search_table_head > ul {
  height: 60px;
}
.search_table .search_table_head > ul > * {
  background: #999;
  color: #fff;
  font-weight: bold;
}
.search_table .search_table_body .item > ul {
  border-top: none;
}
.search_table .search_table_body .item > ul > * {
  padding: 25px 5px;
}
.search_table .search_table_body .item > ul > * > * {
  display: block;
  width: 100%;
  text-align: left;
}
.search_table .search_table_body .item > ul > * > *.title {
  display: none;
}
.search_table .search_table_body .item:nth-child(odd) {
  background: #f2f1f5;
}
.search_table .search_table_body .item > ul > *.price > *.data {
  font-weight: bold;
  text-align: right;
  font-size: 140%;
  color: #f2003a;
}
.search_table .search_table_body .item > ul > *.price .alist {
  display: grid;
  text-align: center;
}
.search_table .search_table_body .item > ul > *.price img {
  width: 25%;
  margin: auto;
}
@media screen and (max-width: 768px) {
  .search_table .search_table_head {
    display: none;
  }
  .search_table .search_table_body > .item > ul {
    display: block;
    margin-bottom: 10px;
  }
  .search_table .search_table_body > .item > ul > * {
    display: table;
    width: 100%;
    padding: 0 !important;
    background: #fff !important;
    border: none !important;
    border-top: 1px solid #ccc !important;
  }
  .search_table .search_table_body .item > ul > * > *.title {
    display: table-cell;
    width: 30%;
    background: #f2f1f5;
    padding: 10px;
    border-right: 1px solid #ccc;
    vertical-align: middle;
  }
  .search_table .search_table_body .item > ul > *.price .alist {
    display: block;
    line-height: 230%;
    padding: 5px 0;
  }
  .search_table .search_table_body .item > ul > *.price img {
    width: 8%;
    margin: auto;
  }
  .search_table .search_table_body .item > ul > * > *.data,
  .search_table .search_table_body .item > ul > * > *.ask {
    display: table-cell;
    width: auto;
    padding: 10px;
    vertical-align: middle;
    text-align: left !important;
  }
}
@media screen and (max-width: 420px) {
  .search_table {
    font-size: 90%;
  }
}
#category_area01 .base_layout {
  -webkit-flex-flow: row-reverse nowrap;
  flex-flow: row-reverse nowrap;
}
#category_area01 .base_layout > *:first-child {
  padding-left: 20px;
}
@media screen and (max-width: 768px) {
  .filter_condition_container {
    display: block;
    max-width: 100%;
  }

  .filter_condition {
    justify-content: start;
    margin: 2px 0;
    padding: 0 15px;
    min-width: 100%;
  }

  .filter_condition > * {
    width: 50%;
  }

  #category_area01 .base_layout {
    display: block;
  }
  #category_area01 .base_layout > *:first-child {
    padding: 0;
  }
  #category_area01 .base_layout > *:last-child {
    text-align: center;
  }
  #category_area01 .base_layout > *:last-child img {
    max-width: 550px;
  }
}
#category_area02 {
  background: #f39800;
  padding: 20px 0 20px;
}
.recommend_title {
  text-align: center;
  padding: 40px 0;
}
.recommend_title > * {
  display: block;
  font-size: 250%;
  line-height: 1;
  font-weight: bold;
}
.recommend_title > *.text:first-child {
  font-size: 150%;
  padding-bottom: 5px;
}
.recommend_title2 {
  text-align: left;
  padding: 30px 10px;
  color: #fff;
  font-weight: bold;
}
.recommend_title2 > * {
  display: block;
  font-size: 230%;
  line-height: 1;
  font-weight: bold;
}
.recommend_title2 > * > * {
  display: inline-block;
}
@media screen and (max-width: 420px) {
  .recommend_title > *.text:first-child {
    font-size: 120%;
  }
  .recommend_title > * {
    font-size: 170%;
  }
  .recommend_title2 {
    text-align: center;
    padding: 20px 10px;
  }
  .recommend_title2 > * {
    font-size: 170%;
  }
}
.recommend_list {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-items: stretch;
  margin-bottom: 30px;
}
.recommend_list > li {
  width: 33.33%;
  margin: 0;
  padding: 0 5px 20px;
  line-height: 1.2;
}
.recommend_list > li > * {
  position: relative;
  max-width: 320px;
  display: block;
  height: 100%;
  margin: 0 auto;
  padding: 0;
  text-decoration: none;
  color: #fff;
  background: #111;
}
.recommend_list > li * {
  transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
}
.recommend_list > li > a::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  border: 0px solid #111;
  transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
  z-index: 1;
}
.recommend_list > li > a:hover .photo,
.recommend_list > li > a:hover .box {
  opacity: 0.7;
}
.recommend_list > li > a:hover::before {
  border: 3px solid #111;
}
.recommend_list .box {
  padding: 20px;
}
.recommend_list .box > * {
  font-weight: bold;
  text-align: center;
}
.recommend_list .box .title {
  font-size: 110%;
  margin-bottom: 10px;
  line-height: 1.2;
}
.recommend_list .box .price {
  line-height: 1.4;
  font-size: 210%;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .recommend_list > li {
    width: 50%;
  }
  @media screen and (min-width: 420px) and (max-width: 768px) {
    .recommend_list .box .title {
      font-size: 100%;
    }
    .recommend_list .box .price {
      font-size: 160%;
    }
  }
  .recommend_list > li > a::before {
    display: none;
  }
}
@media screen and (max-width: 420px) {
  .recommend_list > li {
    width: 100%;
  }
}
#category_area03 {
  padding-top: 30px;
}
@media screen and (max-width: 768px) {
  #category_area03 {
    padding-top: 60px;
  }
}
#category_area_hot {
  padding-top: 40px;
  padding-bottom: 40px;
  background-image: conic-gradient(
    from 20deg,
    rgba(76, 166, 127, 1) 18deg,
    rgba(222, 215, 138, 1) 68deg,
    rgba(88, 178, 200, 1) 151deg,
    rgba(98, 193, 110, 1) 263deg,
    rgba(142, 199, 214, 1) 295deg,
    rgba(89, 168, 100, 1) 360deg
  );
}
#category_area_hot ul {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
#category_area_hot ul li {
  width: 24%;
  margin-right: 1%;
  background: #fff;
}
#category_area_hot ul li:first-child {
  margin-left: 0.5%;
}
#category_area_hot ul li:last-child {
  margin-right: 0.5%;
}
#category_area_hot ul li a {
  padding: 5%;
  display: block;
}
#category_area_hot ul li a .box {
  margin-top: 16px;
}
@media screen and (max-width: 768px) {
  #category_area_hot {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  #category_area_hot ul li {
    width: 49%;
    margin-bottom: 1%;
  }
  #category_area_hot ul li:first-child {
    margin-left: 0;
  }
  #category_area_hot ul li:last-child {
    margin-right: 0;
  }
  #category_area_hot ul li:nth-child(even) {
    margin-right: 0;
  }
}
/* category_list */
#category_list_area {
  margin-top: 50px;
}
/* page search */
.search_box .search_box_in {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row nowrap;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: stretch;
  align-content: stretch;
}
.search_box .search_box_in > * {
  flex: 1 0 0;
  padding: 5px;
  font-size: 90%;
}
.search_box .search_box_in > *.key {
  flex: 1 0 25%;
  min-width: 25%;
}
.search_area {
  margin: 30px 0 0;
}
.search_area .search_area_in {
  display: flex;
  flex-flow: row nowrap;
  align-items: flex-start;
  justify-content: flex-start;
}
.search_area .search_area_in > * {
  background: #f2f1f6;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 10px;
  box-sizing: border-box;
}
.search_area .search_area_in > *:not(:last-child) {
  margin: 0 10px 0 0;
  width: 200px;
}
.search_area .search_area_in > *:last-child {
  width: 360px;
}
.search_area .search_area_in select,
.search_area .search_area_in input {
  border: none;
  background: none;
  outline: none;
  width: 100%;
  height: 60px;
}
.search_area button {
  background: #00913a;
  border: none;
  width: 100%;
  max-width: 200px;
  height: 50px;
  border-radius: 50px;
  color: #fff;
  font-size: 120%;
  outline: none;
  cursor: pointer;
  margin: 30px 0 50px;
}
.search_area .button_box {
  text-align: center;
}
@media screen and (max-width: 768px) {
  .search_box .search_box_in {
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
  }
  .search_box .search_box_in > *.key {
    flex: 1 0 100%;
    min-width: 100%;
  }
}
@media screen and (max-width: 420px) {
  .search_box .search_box_in > * {
    flex: 1 0 100% !important;
    min-width: 100% !important;
  }
}
/* page category_detail */
.category_detail_box {
  padding: 30px 0;
}
@media screen and (max-width: 768px) {
  .category_detail_box {
    padding: 20px 0 0 0;
  }
}
.category_detail_box .base_layout {
  align-items: center;
}
.category_detail_box .base_layout > *.photo {
  padding-left: 20px;
  max-width: 60%;
}
.category_detail_box .base_layout > *.photo img {
  max-width: 450px;
}
@media screen and (max-width: 768px) {
  .category_detail_box .base_layout > *.photo img {
    margin-bottom: 10px;
  }
}
.category_detail_box .base_dlist_table dt span {
  display: block;
  padding: 5px;
  white-space: nowrap;
  margin-right: 20px;
}
.category_detail_box .base_dlist_table dt .used {
  border-left: solid 7px #e6e6e6;
}
.category_detail_box .base_dlist_table dt .new {
  border-left: solid 7px #fae36f;
}
.category_detail_box .base_dlist_table .price {
  text-align: right;
  font-size: 220%;
  color: #f2003a;
  font-weight: bold;
  vertical-align: middle;
  display: inline;
}
.category_detail_box .base_dlist_table dd {
  text-align: right;
  width: 100%;
}
.category_detail_box .base_dlist_table hr {
  height: 0;
  margin: 15px 0 15px 0;
  padding: 0;
  border: 0;
  border-top: 1px solid #e6e6e6;
}
.category_detail_box .cvAreaBox {
  background: #f2f1f6;
  padding: 20px 20px 10px 20px;
  text-align: center;
  margin-bottom: 20px;
  margin-top: 20px;
}
.category_detail_box .cvAreaBox dl dt {
  font-size: 160%;
  font-weight: 700;
  margin-bottom: 15px;
}
.category_detail_box .cvAreaBox dl dd li {
  margin-bottom: 15px;
  position: relative;
}
.category_detail_box .cvAreaBox dl dd a {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row nowrap;
  flex-flow: row nowrap;
  justify-content: center;
  align-items: center;
  font-weight: 700;
  color: #fff;
  text-decoration: none;
  transition: none !important;
  border-radius: 5px;
  font-size: 150%;
  height: 60px;
  position: relative;
}
.category_detail_box .cvAreaBox dl dd a.btnVideo {
  font-size: 120%;
  line-height: 1.2;
}
.category_detail_box .cvAreaBox dl dd a::after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 50%;
  right: 20px;
  width: 15px;
  height: 15px;
  border-right: 3px solid #fff;
  border-bottom: 3px solid #fff;
  -webkit-transform: translateY(-50%) rotate(-45deg);
  transform: translateY(-50%) rotate(-45deg);
}
/*20250227追加*/
.category_detail_box .cvAreaBox dl dd .fukidashi {
    width: 100%;
}
.category_detail_box .cvAreaBox dl dd ul li dl dt {
    font-size: 80%;
    line-height: 100%;
    margin-bottom: 0;
}
.category_detail_box .cvAreaBox dl dd ul li dl dd {
    font-size: 110%;    
}
.category_detail_box .cvAreaBox dl dd ul li dl dd span {
	display: block;
	font-size: 60%;
	line-height: 100%;
}
.category_detail_box .cvAreaBox dl .btnMail {
    height: 80px;
}
.category_detail_box .cvAreaBox dl dd ul li .contact_gray {
    display: flex;
    justify-content: space-between;
}
.category_detail_box .cvAreaBox dl dd ul li .contact_gray li {
    width: 48%;
}
.category_detail_box .cvAreaBox dl dd ul li .contact_gray li a {
    font-size: 110%;
}
.category_detail_box .cvAreaBox  dl dd ul li .btnMini {
    background-color: #888;
    box-shadow: 0px 4px 0px 0px rgba(68, 68, 68, 1);
} 
.category_detail_box .cvAreaBox  dl dd ul li .contact_gray li a img {
    width: 12%;
}
.category_detail_box .cvAreaBox dl dd ul li .contact_gray li a::after {
    display: none;
}
@media screen and (max-width: 768px) {
  .category_detail_box .cvAreaBox dl dt {
    font-size: 130%;
  }
  .category_detail_box .cvAreaBox dl dd a {
    font-size: 120%;
    height: 50px;
  }
  .category_detail_box .cvAreaBox dl dd a.btnVideo {
    font-size: 100%;
  }
}
.category_detail_box .cvAreaBox dl .btnLine {
  box-shadow: 0px 4px 0px 0px rgba(0, 121, 0, 1);
}
.category_detail_box .cvAreaBox dl .btnTel {
  box-shadow: 0px 4px 0px 0px rgba(0, 96, 25, 1);
}
.category_detail_box .cvAreaBox dl .btnMail {
  box-shadow: 0px 4px 0px 0px rgba(115, 50, 2, 1);
}
.category_detail_box .cvAreaBox dl .btnVideo {
  box-shadow: 0px 4px 0px 0px rgba(65, 65, 155, 1);
}
.category_detail_box .cvAreaBox dl .btnLine {
  background: #13bf00;
}
.category_detail_box .cvAreaBox dl .btnTel {
  background: #00913a;
}
.category_detail_box .cvAreaBox dl .btnMail {
  background: #ff8000;
}
.category_detail_box .cvAreaBox dl .btnVideo {
  background: #565ad8;
}
.category_detail_box .cvAreaBox dl a:hover {
  box-shadow: none;
  transform: translateY(4px);
  margin-bottom: 4px;
}
.category_detail_box .cvAreaBox dl img {
  width: 8%;
  margin-right: 5px;
}
/*LINE 買取3%UPの記述*/
.category_detail_box .cvAreaBox dl img.line_3perup {
  position: absolute;
  top: 10%;
  left: -2%;
  width: auto;
  height: 80%;
  margin-right: 0;
}
@media screen and (max-width: 390px) {
  .category_detail_box .cvAreaBox dl img.line_3perup {
    top: 18%;
    width: auto;
    height: 70%;
  }
  img.cta_line_3perup_sp {
    position: absolute;
    left: 3px;
    top: 30%;
    width: 30% !important;
    height: auto;
  }
}
@media screen and (max-width: 320px) {
  .category_detail_box .cvAreaBox dl img.line_3perup,
  img.cta_line_3perup_sp {
    top: 25%;
    height: 53%;
  }
}
/**/
.category_detail_box .text {
  background: #f2f1f6;
  padding: 30px;
  margin-bottom: 20px;
  box-sizing: border-box;
  font-size: 120%;
}
.list_select {
  position: relative;
  border: 1px solid #bbbbbb;
  border-radius: 2px;
  background: #ffffff;
  display: inline-block;
  width: 65%;
}
.list_select::before {
  position: absolute;
  top: 1em;
  right: 0.9em;
  width: 0;
  height: 0;
  padding: 0;
  content: "";
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid #666666;
  pointer-events: none;
}
.list_select select {
  padding: 10px 38px 10px 8px;
  color: #666666;
  cursor: pointer;
  width: 100%;
  font-size: 16px;
}
.for_list {
  margin-bottom: 15px;
}
.for_list input[type="submit"] {
  background-color: #00913a;
  color: #ffffff;
  font-size: 16px;
  border-radius: 60px;
  vertical-align: middle;
  cursor: pointer;
  line-height: 40px;
  width: 33%;
}
@media screen and (max-width: 768px) {
  .category_detail_box .base_layout > *.photo {
    padding-left: 0;
    max-width: 100%;
    text-align: center;
  }
  .category_detail_box .text {
    font-size: 100%;
    padding: 20px;
  }
  .for_list input[type="submit"] {
    font-size: 12px;
  }
}
@media screen and (max-width: 420px) {
  .category_detail_box .base_dlist_table dt {
    font-size: 100%;
  }
  .category_detail_box .base_dlist_table .price {
    font-size: 140%;
  }
}
.cameraArticle {
  margin-bottom: 20px;
  padding: 30px;
  border: solid 1px #e1e8ed;
  font-size: 110%;
}
@media screen and (max-width: 768px) {
  .cameraArticle {
    font-size: 100%;
    padding: 15px;
  }
}
.cautionBox {
  background-color: #f2f1f6;
  padding: 30px 30px 20px 30px;
  margin-bottom: 70px;
}
@media screen and (max-width: 768px) {
  .cautionBox {
    font-size: 90%;
    padding: 15px 15px 10px 15px;
  }
}
.cautionBox dl {
  margin-bottom: 20px;
}
.cautionBox dt {
  font-weight: bold;
  margin-bottom: 5px;
}
.cautionBox dd {
  line-height: 130%;
}

/*アンケート画像追加　20250226*/
.enqueteBox {
    margin: 70px auto 15px;
}
@media screen and (max-width: 768px) {
    .enqueteBox {
        margin: 50px auto 30px;
    }
}


.search_table .search_table_body .item > ul > * > span.godprice {
  font-size: 12px;
  padding: 2px 4px;
  border: 1px solid #42210b;
  background: #ffff91;
  font-weight: 800;
  color: #42210b;
  vertical-align: middle;
  margin: 0 5px;
  width: auto;
}
#category_area03 .item ul span.data span.godprice {
  font-size: 12px;
  padding: 1px 3px;
  border: 1px solid #42210b;
  background: #ffff91;
  font-weight: 800;
  color: #42210b;
  vertical-align: middle;
  margin: 0 1px 5px 7px;
  display: inline-block;
}
#category_detail_area01 .base_dlist_table span.godprice {
  font-size: 12px;
  padding: 1px 3px;
  border: 1px solid #42210b;
  background: #ffff91;
  font-weight: 800;
  color: #42210b;
  vertical-align: middle;
  margin: 0 4px;
  display: inline;
}
/*野牛追加分20240702*/
.line10up {
  background-color: #13bf00;
  color: #fff;
  padding: 2px 5px;
  border-radius: 5px;
}
.line10up strong {
  font-size: 1.2rem;
}
@media screen and (max-width: 768px) {
  .resize01 {
    width: 95%;
    margin: auto;
  }
}
/*野牛追加分20230803*/
.obi {
  background-color: #182750;
  text-align: center;
  padding-top: 5px;
  padding-bottom: 5px;
}
.obi img {
  width: 1040px;
  margin: auto;
}
.obi_pc {
  display: block;
}
.obi_sp {
  display: none;
}
/*石川追加分20231227*/
.obi_godprice {
  background-color: #ddc54e;
  text-align: center;
}
.obi_godprice img {
  width: 1040px;
  margin: auto;
}
.obi_godprice_sp {
  display: none;
}
.cautionBox > dl > dd > .godprice {
  font-size: 12px;
  padding: 0px 3px 0px 3px;
  border: 1px solid #42210b;
  background: #ffff91;
  font-weight: 800;
  color: #42210b;
  vertical-align: middle;
  margin: 0 3px;
  display: inline;
}
.box > .price > .godprice {
  font-size: 12px;
  padding: 0px 3px 0px 3px;
  border: 1px solid #42210b;
  background: #ffff91;
  font-weight: 800;
  color: #42210b;
  vertical-align: middle;
  margin: 0 1px 5px 7px;
  display: inline-block;
}
.data > .godprice {
  font-size: 12px;
  padding: 0px 3px 0px 3px;
  border: 1px solid #42210b;
  background: #ffff91;
  font-weight: 800;
  color: #42210b;
  vertical-align: middle;
  margin: 0 3px;
  display: inline;
  white-space: nowrap;
}
@media screen and (max-width: 768px) {
  .obi img {
    width: 98%;
  }
  .obi_pc {
    display: none;
  }
  .obi_sp {
    display: block;
  }
}
/* page maintenance */
#maintenance_area01 {
  padding-top: 30px;
}
/* page maintenance_detail */
#maintenance_detail_area01 {
}
.maintenance_detail_box {
  padding: 20px 0 0 0;
}
.maintenance_detail_box .date {
  font-size: 110%;
}
.maintenance_detail_box .title {
  position: relative;
  font-size: 220%;
  margin-bottom: 40px;
}
.maintenance_detail_box .title::before {
  content: "";
  left: 0;
  bottom: 0;
  position: absolute;
  width: 100%;
  height: 2px;
  background: #ddd;
}
.maintenance_detail_box .title > *.text {
  display: inline-block;
  position: relative;
  padding: 10px 0 15px 0;
  line-height: 1.2;
  color: #00913a;
}
.maintenance_detail_box .title > *.text::before {
  content: "";
  left: 0;
  bottom: 0;
  position: absolute;
  width: 100%;
  height: 2px;
  background: #00913a;
}
.maintenance_detail_box .base_layout > *:first-child {
  flex: 1 0 0;
}
.maintenance_detail_box .base_layout > *:last-child {
  padding-left: 20px;
  max-width: 60%;
  width: 100%;
  flex: 1 0 60%;
}
.maintenance_detail_box dl {
  display: flex;
  margin-bottom: 30px;
}
.maintenance_detail_box dl dt {
  width: 70%;
  margin-right: 15px;
}
@media screen and (max-width: 768px) {
  .maintenance_detail_box .date {
    font-size: 90%;
  }
  .maintenance_detail_box .title {
    font-size: 180%;
  }
  .maintenance_detail_box .base_layout > *:last-child {
    padding: 0;
    max-width: 100%;
    text-align: center;
  }
  .maintenance_detail_box .base_layout > *:last-child img {
    max-width: 550px;
  }
  .maintenance_detail_box dl {
    display: block;
  }
  .maintenance_detail_box dl dt {
    width: 100%;
    margin-right: 0px;
    margin-bottom: 10px;
  }
}
@media screen and (max-width: 420px) {
  .maintenance_detail_box .title {
    font-size: 130%;
    margin-bottom: 20px;
  }
  .maintenance_detail_box .box .photo {
    padding: 0 0 10px 0;
  }
  .maintenance_detail_box .box .text {
    padding: 0 0 10px 0;
    font-size: 100%;
  }
}
/* page results */
#results_area01 .number {
  text-align: right;
  margin: 0 0 10px;
}
#results_area01 .purchase {
  width: 55px;
  padding: 0 10px 0 0;
}
#results_area01 .purchase b {
  color: #fff;
  background: #eb6100;
  font-size: 80%;
  line-height: 1.2;
  padding: 2px;
  width: 100%;
  box-sizing: border-box;
  display: inline-block;
  text-align: center;
}
#results_area01 .day_list li .text_box .title {
  display: table;
  width: 100%;
}
#results_area01 .day_list li .text_box .title > * {
  display: table-cell;
  vertical-align: top;
}
#results_area02 {
}
.list {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-items: stretch;
  margin-bottom: 30px;
}
.list > li {
  width: 33.33%;
  margin: 0;
  padding: 0 5px 20px;
  line-height: 1.2;
}
.list > li > * {
  position: relative;
  max-width: 320px;
  display: block;
  height: 100%;
  margin: 0 auto;
  padding: 0 0 20px 0;
  text-decoration: none;
  color: #111;
  background: #f2f1f5;
}
.list > li * {
  transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
}
.list > li > a::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  border: 0px solid #00913a;
  transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
  z-index: 1;
}
.list > li > a:hover .photo,
.list > li > a:hover .box {
  opacity: 0.7;
}
.list > li > a:hover::before {
  border: 3px solid #00913a;
}
.list .box {
  padding: 20px;
}
.list .box .date {
  font-size: 80%;
  color: #999;
  margin-bottom: 5px;
}
.list .box .title {
  font-weight: bold;
  margin-bottom: 10px;
}
.list .box .text {
  font-size: 80%;
  line-height: 1.4;
}
.list .box .btn {
  padding-top: 10px;
  text-align: right;
}
@media screen and (max-width: 768px) {
  .list > li {
    width: 50%;
  }
  .list > li > a::before {
    display: none;
  }
}
@media screen and (max-width: 420px) {
  .list {
    margin-bottom: 0;
  }
  .list:nth-child(3) {
    margin-bottom: 30px;
  }
  .list > li {
    width: 100%;
  }
}
.category_list {
  position: relative;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
  align-items: stretch;
  justify-content: flex-start;
  margin-bottom: 80px;
}
.category_list > * {
  flex: 0 0 25%;
  padding: 5px;
}
.category_list > * a {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row nowrap;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  color: #111;
  background: #f2f1f5;
  text-align: center;
  padding: 10px;
  font-size: 120%;
  line-height: 1.2;
  height: 100%;
  transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
  border-radius: 3px;
}
.category_list > *.active a {
  color: #fff;
  background: #00913a;
}
.category_list > *.active a,
.category_list > * a:hover {
  background: #00913a;
  color: #fff;
}
@media screen and (max-width: 768px) {
  .category_list {
    margin-bottom: 20px;
    font-size: 90%;
  }
  .category_list > * {
    flex: 0 0 33.33%;
  }
  .category_list > *.active a:hover {
    background: #00913a;
    color: #fff;
  }
  .category_list > * a:hover {
    background: #f2f1f5;
    color: #111;
  }
}
@media screen and (max-width: 520px) {
  .category_list > * {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 420px) {
  .category_list > * {
    flex: 0 0 100%;
  }
}
/* page results_detail */
#results_area01 .list .box {
  padding-bottom: 0;
}
#results_detail_area01 {
}
.results_detail_box {
  padding: 20px 0 0 0;
}
.results_detail_box .date {
  font-size: 110%;
}
.results_detail_box .title {
  position: relative;
  font-size: 220%;
  margin-bottom: 40px;
}
.results_detail_box .title::before {
  content: "";
  left: 0;
  bottom: 0;
  position: absolute;
  width: 100%;
  height: 2px;
  background: #ddd;
}
.results_detail_box .title > *.text {
  display: inline-block;
  position: relative;
  padding: 10px 0 15px 0;
  line-height: 1.2;
  color: #00913a;
}
.results_detail_box .title > *.text::before {
  content: "";
  left: 0;
  bottom: 0;
  position: absolute;
  width: 100%;
  height: 2px;
  background: #00913a;
}
.results_detail_box .box {
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: stretch;
}
.results_detail_box .box .photo {
  float: left;
  max-width: 550px;
  padding: 20px;
}
.results_detail_box .box .text {
  flex: 1 0 0;
  font-size: 110%;
  line-height: 170%;
  padding: 0 0 20px 40px;
}
@media screen and (max-width: 850px) {
  .results_detail_box .box {
    display: block;
  }
  .results_detail_box .date {
    font-size: 90%;
  }
  .results_detail_box .box .photo {
    margin: 0 auto;
  }
  .results_detail_box .box .text {
    padding: 0 0 20px 0;
  }
}
@media screen and (max-width: 768px) {
  .results_detail_box .title {
    font-size: 150%;
  }
}
@media screen and (max-width: 420px) {
  .results_detail_box .title {
    font-size: 130%;
    margin-bottom: 20px;
  }
  .results_detail_box .box .photo {
    padding: 0 0 10px 0;
  }
  .results_detail_box .box .text {
    padding: 0 0 10px 0;
    font-size: 100%;
  }
}
/* page company */
#company_area01 .map {
  margin-bottom: 30px;
}
#company_area01 .map iframe {
  width: 100%;
}
#company_area02 ul {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row nowrap;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 30px;
  padding-top: 30px;
}
#company_area02 ul li {
  width: 32%;
  max-width: 320px;
  line-height: 1.2;
}
#company_area02 ul li img {
  margin: 0 0 10px;
}
@media screen and (max-width: 768px) {
  #company_area01 .map {
    margin-bottom: 0;
  }
  #company_area01 .map iframe {
    height: 200px;
  }
  #company_area02 ul {
    margin-bottom: 0;
  }
  #company_area02 ul li {
    font-size: 80%;
  }
}
/* page search */
#search_area01 {
  padding: 0 0 60px;
}
@media screen and (max-width: 768px) {
  #search_area01 {
    padding: 0 0 40px;
  }
}
/* page faq */
.faq_list {
  padding-bottom: 40px;
}
.faq_list dl {
  font-size: 120%;
}
.faq_list dl * {
  transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
}
.faq_list dt {
  position: relative;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row nowrap;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
  padding: 20px 0;
  font-size: 100%;
  cursor: pointer;
  line-height: 1.2;
}
.faq_list dt:hover {
  opacity: 0.7;
}
.faq_box dt::before,
.faq_box dt::after {
  content: "";
  position: absolute;
  top: 50%;
  background: #ccc;
}
.faq_box dt::before {
  width: 22px;
  height: 2px;
  right: 10px;
}
.faq_box dt::after {
  width: 2px;
  height: 22px;
  right: 20px;
  margin-top: -10px;
}
.faq_box.active dt::after {
  display: none;
}
.faq_list dt .q {
  flex: 0 0 50px;
  display: block;
  font-size: 150%;
  color: #00913a;
  vertical-align: middle;
  text-align: center;
}
.faq_list dt .text {
  flex: 1 0 0;
  padding-right: 50px;
}
.faq_list dd {
  background: #f2f1f6;
  border-bottom: 1px solid #ccc;
  position: relative;
  max-height: 0;
  overflow: hidden;
}
.faq_list dd .faq_box_contents {
  position: relative;
  padding: 0 40px;
  top: -100%;
}
.faq_list dl.active dd {
  max-height: 1000px;
}
.faq_list dl.active dd .faq_box_contents {
  padding: 40px;
}
.faq_list dl.active dd .faq_box_contents {
  top: 0;
}
@media screen and (max-width: 768px) {
  .faq_list dl {
    font-size: 100%;
  }
  .faq_list dt {
    padding-left: 0;
  }
  .faq_list dt:hover {
    opacity: 1;
  }
  .faq_list dd .faq_box_contents {
    padding: 0 20px;
  }
  .faq_list dl.active dd .faq_box_contents {
    padding: 20px;
  }
}
/* contact */
#contact_area01 .tel {
  border-bottom: 1px solid #dddddd;
  padding: 0 0 50px;
  margin: 0 0 50px;
  text-align: center;
}
#contact_area01 .tel .base_text {
  padding-top: 40px;
  margin: 0 auto !important;
  text-align: left;
}
#contact_area01 .tel a {
  text-decoration: none;
  color: #111;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
  justify-content: center;
  align-items: center;
}
#contact_area01 .tel a > * {
  line-height: 1.2;
  display: block;
}
#contact_area01 .tel a .icon {
  flex: 0 1 100px;
}
#contact_area01 .tel a .number {
  font-size: 400%;
  display: block;
  font-weight: bold;
}
#contact_area01 .tel a .text {
  flex: 1 0 100%;
  font-size: 120%;
}
#contact_area01 .tel a .text span {
  display: inline-block;
}
#contact_area02 .DL a {
  display: block;
  line-height: 250%;
  width: 23%;
  background-color: #f2f1f5;
  border-radius: 3px;
  text-align: center;
  position: relative;
  color: #000;
  text-decoration: none;
  padding-left: 32px;
}
#contact_area02 .DL a img {
  width: 17%;
  margin-right: 5px;
  position: absolute;
  top: 4px;
  left: 25px;
}
#contact_area02 .base_text {
  font-size: 120%;
}
#contact_area02 .reCap {
  display: flex;
  width: fit-content;
  margin: 20px auto 0px auto;
  position: relative;
  background-color: #f2f1f6;
  border-radius: 5px;
  padding: 20px 20px 20px 90px;
}
#contact_area02 .reCap .base_required {
  height: fit-content;
  position: absolute;
  top: 43px;
  left: 15px;
}
@media screen and (max-width: 768px) {
  #contact_area01 .tel {
    padding: 0 0 20px;
    margin: 0 0 20px;
  }
  #contact_area01 .tel a .icon {
    flex: 0 1 60px;
  }
  #contact_area01 .tel a .number {
    font-size: 300%;
  }
  #contact_area01 .tel a .text {
    font-size: 80%;
  }
  #contact_area02 .base_text {
    font-size: 90%;
  }
}
@media screen and (max-width: 420px) {
  #contact_area01 .tel a .icon {
    flex: 0 1 40px;
  }
  #contact_area01 .tel a .number {
    font-size: 200%;
  }
  #contact_area02 .reCap {
    display: block;
    position: static;
    padding: 10px;
    text-align: center;
  }
  #contact_area02 .reCap .base_required {
    position: static;
    margin-bottom: 7px;
  }
  #contact_area02 .DL a {
    width: 100%;
    padding-left: 10px;
  }
  #contact_area02 .DL a img {
    width: 8%;
    left: 100px;
  }
}
/* page system */
#system_delivery_area01 {
}
.system_list {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row nowrap;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: stretch;
}
.system_list li {
  width: 33.33%;
  max-width: 340px;
  padding: 0 10px;
  margin: 0;
}
.system_list li > * {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: column wrap;
  flex-flow: column wrap;
  justify-content: center;
  align-items: center;
  text-align: center;
  margin: 0 0 60px;
  text-decoration: none;
  font-weight: bold;
  color: #00913a;
}
.system_list li > * .icon {
  max-width: 140px;
  display: inline-block;
}
.system_list li > * .text {
  font-size: 110%;
}
.system_list li:nth-child(1) .icon {
  background: url(../images/system/system_icon01_on.png) no-repeat center center /
    contain;
}
.system_list li:nth-child(2) .icon {
  background: url(../images/system/system_icon02_on.png) no-repeat center center /
    contain;
}
.system_list li:nth-child(3) .icon {
  background: url(../images/system/system_icon03_on.png) no-repeat center center /
    contain;
}
.system_list li .icon img {
  max-width: 140px;
  transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
}
.system_list li a:hover .icon img,
.system_list li.active .icon img {
  opacity: 0;
}
@media screen and (max-width: 650px) {
  .system_list ul li {
    flex: 1 0 100%;
    max-width: none;
  }
  .system_list li > * .text {
    font-size: 100%;
  }
}
.system_box {
  padding: 40px;
  background: #f2f1f6;
  position: relative;
  margin: 0 0 100px;
}
.system_box .num {
  background: #00913a;
  width: 60px;
  height: 60px;
  border-radius: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-weight: bold;
  font-size: 150%;
  line-height: 1;
  position: absolute;
  left: 0;
  right: 0;
  top: -30px;
  margin: 0 auto;
}
.system_box .base_title {
  padding-top: 0;
}
.system_box .base_text.image {
  max-width: 300px;
  margin: 0 0 0 65px;
}
.system_box .base_layout {
  justify-content: space-between;
}
.system_box .base_link_box {
  text-align: left;
  position: relative;
  left: -10px;
}
.system_pane_box {
  border: 1px solid #00913a;
  padding: 50px 20px 30px;
  position: relative;
  margin: 60px 0 0;
}
.system_pane_box .title {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #00913a;
  background: #f2f1f6;
  padding: 10px 20px;
}
.system_pane_box .title > * {
  display: block;
  text-align: center;
  font-weight: bold;
  line-height: 1.4;
}
.system_pane_box .title span:first-child {
  font-size: 110%;
}
.system_pane_box .title span:last-child {
  font-size: 85%;
  letter-spacing: -0.5px;
}
.system_pane_box ul li {
  max-width: 280px;
}
.system_pane_box ul li .image {
  margin: 0 0 10px;
}
.system_pane_box ul li .image img {
  max-width: 280px;
}
.system_pane_box ul li .text {
  font-size: 80%;
  letter-spacing: -1px;
}
#system_delivery_area03 {
  padding: 50px 0 0;
}
#system_delivery_area04 .system_box .base_text.image {
  margin: 0 0 0 35px;
}
@media screen and (max-width: 768px) {
  .system_box {
    padding: 40px 10px 20px;
  }
  .system_box .base_text.image,
  #system_delivery_area04 .system_box .base_text.image {
    max-width: 300px;
    margin: 0 auto;
  }
  .system_pane_box ul li {
    max-width: 100%;
  }
  .system_pane_box ul li:not(:last-child) {
    margin: 0 0 30px;
  }
  .system_pane_box ul li .image {
    text-align: center;
  }
}
#system_shop_area02 .flow_list {
  justify-content: center;
}
#system_shop_area05 .bar {
  font-size: 120%;
  border-bottom: 1px solid #cccccc;
  padding: 0 0 10px;
  margin: 0 0 10px;
  line-height: 1.2;
  display: block;
}
@media screen and (max-width: 768px) {
  #system_shop_area02 {
    margin: 0 0 50px;
  }
  #system_shop_area02 .flow_list {
    justify-content: flex-start;
  }
}
#system_business_trip_area04 .box {
  display: block;
  margin: 30px 0 0;
  border: 1px solid #cccccc;
  padding: 20px;
}
#system_business_trip_area04 .box > * {
  display: block;
}
@media screen and (max-width: 768px) {
  #system_business_trip_area02 {
    margin: 0 0 50px;
  }
  #system_business_trip_area04 .box {
    margin: 20px 0 0;
    padding: 10px;
  }
}
.flow_list {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row nowrap;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: stretch;
}
.flow_list li {
  position: relative;
  width: 25%;
  max-width: 260px;
  padding: 0 10px;
  margin: 0 0 30px;
}
.flow_list li:not(:last-child) {
  padding-right: 30px;
}
.flow_list li:not(:last-child)::before {
  content: "";
  display: inline-block;
  position: absolute;
  top: 50%;
  right: 10px;
  width: 18px;
  height: 18px;
  border-right: 3px solid #ddd;
  border-bottom: 3px solid #ddd;
  -webkit-transform: translateY(-50%) rotate(-45deg);
  transform: translateY(-50%) rotate(-45deg);
}
.flow_list li > * {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: column wrap;
  flex-flow: column wrap;
  justify-content: center;
  align-items: center;
  text-align: center;
  text-decoration: none;
  transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
}
.flow_list li > *:hover {
  opacity: 0.7;
}
.flow_list li > * > * {
  position: relative;
  padding: 0 0 20px;
  text-decoration: none;
  font-weight: bold;
  color: #00913a;
  max-width: 120px;
}
.flow_list .num {
  position: absolute;
  left: 0;
  top: 0;
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  color: #fff;
  background: #00913a;
  border-radius: 15px;
}
.flow_list .text {
  display: block;
  max-width: 150px;
  line-height: 1.2;
  font-size: 110%;
}
.flow_list .text > * {
  display: inline-block;
}
.flow_list li img {
  max-width: 120px;
}
@media screen and (max-width: 768px) {
  .flow_list {
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
  }
  .flow_list li {
    width: 50%;
    max-width: inherit;
    padding: 0 0 0 20px !important;
    margin: 0;
  }
  .flow_list li > * {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: column wrap;
    flex-flow: column wrap;
    justify-content: center;
    align-items: center;
    text-align: center;
    text-decoration: none;
    transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
  }
  .flow_list li > * {
    -webkit-flex-flow: row nowrap;
    flex-flow: row nowrap;
    justify-content: flex-start;
    text-align: center;
  }
  .flow_list li > *:hover {
    opacity: 1;
  }
  .flow_list li:not(:last-child)::before {
    display: none;
  }
  .flow_list li > * > * {
    max-width: 90px;
    padding-bottom: 10px;
  }
  .flow_list .text {
    flex: 1 0 0;
    font-size: 100%;
    text-align: left;
    padding: 10px;
    max-width: 100%;
  }
}
@media screen and (max-width: 420px) {
  .flow_list li {
    width: 100%;
  }
  .flow_list li > * > * {
    max-width: 70px;
  }
  .flow_list .num {
    left: -20px;
  }
}
/*新しい買取方法の流れ ココカラ*/
#system_shop_area02 .new .flow_list {
  justify-content: center;
}
@media screen and (max-width: 768px) {
  #system_shop_area02 {
    margin: 0 0 50px;
  }
  #system_shop_area02 .new .flow_list {
    justify-content: flex-start;
  }
}
.new .flow_list {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row nowrap;
  flex-flow: row nowrap;
  justify-content: space-evenly;
  align-items: stretch;
}
.new .flow_list li {
  position: relative;
  width: 16%;
  max-width: 260px;
  padding: 0 10px;
  margin: 0 0 30px;
}
.new .flow_list li:not(:last-child) {
  padding-right: 30px;
}
.new .flow_list li:not(:last-child)::before {
  content: "";
  display: inline-block;
  position: absolute;
  top: 50%;
  right: 10px;
  width: 18px;
  height: 18px;
  border-right: 3px solid #ddd;
  border-bottom: 3px solid #ddd;
  -webkit-transform: translateY(-50%) rotate(-45deg);
  transform: translateY(-50%) rotate(-45deg);
}
.new .flow_list li > * {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: column wrap;
  flex-flow: column wrap;
  justify-content: center;
  align-items: center;
  text-align: center;
  text-decoration: none;
  transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
}
.new .flow_list li > *:hover {
  opacity: 0.7;
}
.new .flow_list li > * > * {
  position: relative;
  padding: 10px 0 20px;
  text-decoration: none;
  font-weight: bold;
  color: #00913a;
  max-width: 120px;
}
.new .flow_list .image {
  width: 120px;
}
.new .flow_list .num {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  margin: auto;
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  color: #fff;
  background: #00913a;
  border-radius: 15px;
}
.new .flow_list .text {
  display: block;
  max-width: 150px;
  line-height: 1.2;
  font-size: 110%;
}
.new .flow_list .text > * {
  display: inline-block;
}
@media screen and (max-width: 768px) {
  .new .flow_list {
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
  }
  .new .flow_list li {
    width: 50%;
    max-width: inherit;
    padding: 0 0 0 20px !important;
    margin: 0;
  }
  .new .flow_list li > * {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: column wrap;
    flex-flow: column wrap;
    justify-content: center;
    align-items: center;
    text-align: center;
    text-decoration: none;
    transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
  }
  .new .flow_list li > * {
    -webkit-flex-flow: row nowrap;
    flex-flow: row nowrap;
    justify-content: flex-start;
    text-align: center;
  }
  .new .flow_list li > *:hover {
    opacity: 1;
  }
  .new .flow_list li:not(:last-child)::before {
    display: none;
  }
  .new .flow_list li > * > * {
    max-width: 30px;
    padding-bottom: 10px;
  }
  .new .flow_list .text {
    flex: 1 0 0;
    font-size: 100%;
    text-align: left;
    padding: 10px;
    max-width: 100%;
  }
}
@media screen and (max-width: 420px) {
  .new .flow_list li {
    width: 100%;
  }
  .new .flow_list li > * > * {
    max-width: 20px;
  }
  .new .flow_list .num {
    left: -20px;
  }
}
/*新しい買取方法の流れ ココマデ*/
#about_area01 {
  margin: 0 0 350px;
}
#about_area02 h3 {
  margin: 0 0 100px;
}
#about_area05 .system_box {
  margin: 0 0 70px;
}
#about_area06 .base_text {
  margin: 0 0 40px;
}
#about_area06 ul li img {
  max-width: 200px;
  margin: 0 0 20px;
}
#about_area07 .base_layout .image {
  padding: 0 0 30px 30px;
  max-width: 370px;
}
#about_area07 .base_layout .image > * {
  display: block;
}
#about_area07 .base_layout .image .green {
  margin: 15px 0 10px;
  font-size: 110%;
}
@media screen and (max-width: 768px) {
  #about_area01 {
    margin: 0;
  }
  #about_area02 h3 {
    margin: 0 0 50px;
  }
  #about_area05 .system_box {
    margin: 0 0 40px;
  }
  #about_area07 .base_layout .image {
    padding: 0;
  }
}
/*買取方法変更に伴う追記*/
.inquiry_box {
  display: flex;
  margin-top: 40px;
  width: 100%;
  font-size: 0;
}
.inquiry_box li {
  display: inline-block;
  vertical-align: top;
  font-size: 15px;
  background-color: #fff;
  width: -webkit-calc(50% - 2px);
  width: calc(50% - 2px);
  margin-right: 2px;
}
.inquiry_box li:last-child {
  margin-right: 0;
}
.inquiry_box dt {
  height: 50px;
  line-height: 50px;
  text-align: center;
  font-size: 16px;
  font-weight: bold;
}
.inquiry_box dd {
  text-align: center;
}
.inquiry_box dd p {
  margin: 10px 0;
}
.inquiry_box.customer_color dt {
  background-color: #00913a;
  color: #fff;
}
.inquiry_box.customer_color dd {
  padding: 20px 0 0;
  min-height: auto;
  width: 458px;
}
.inquiry_box.customer_color dd:last-of-type {
  padding: 20px 0 20px 0;
}
.inquiry_box.customer_color .arrow {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  text-decoration: none;
}
.inquiry_box.customer_color .arrow::before,
.inquiry_box.customer_color .arrow::after {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  content: "";
  vertical-align: middle;
}
.inquiry_box.customer_color .kunoji::before {
  left: 224px;
  top: -35px;
  width: 8px;
  height: 8px;
  border-top: 2px solid #00913a;
  border-right: 2px solid #00913a;
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
}
.inquiry_box.customer_color .kunoji:last-of-type::before {
  top: -55px;
}
.required_doc {
  position: relative;
  margin-top: 50px;
  padding: 50px 20px 30px;
  border: 2px solid #dc0000;
}
.required_doc > h4 {
  color: #dc0000;
  font-size: 24px;
  font-weight: bold;
  text-align: center;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, -50%);
  background: #f2f1f6;
  padding: 10px 20px;
}
.required_doc p {
  color: #dc0000;
}
.required_doc p.caution {
  margin-bottom: 10px;
  margin-left: 1em;
  font-size: 14px;
  color: #444;
}
.system_pane_box > p > span {
  color: #00913a;
  font-size: 14px;
}
.system_pane_box > p.caution {
  margin-bottom: 10px;
  margin-left: 1em;
  font-size: 14px;
  color: #444;
}
.system_box .flowImg {
  position: relative;
}
.system_box .flowImg img {
  width: 80%;
  border: 1px #777 solid;
  display: block;
  margin: 20px auto 0;
}
@media only screen and (max-width: 1023px) {
  .inquiry_box {
    margin-top: 20px;
  }
  .inquiry_box li {
    font-size: 14px;
  }
  .inquiry_box dt {
    font-size: 14px;
  }
  .inquiry_box dd {
    padding: 20px 10px;
    min-height: auto;
  }
  .inquiry_box dd p {
    margin: 5px 0 10px;
  }
  .inquiry_box.customer_color dd {
    padding: 16px 0 0;
    min-height: auto;
    width: 100%;
  }
  .inquiry_box.customer_color .kunoji::before {
    left: 49%;
    top: -30px;
    border-top: 1px solid #00913a;
    border-right: 1px solid #00913a;
  }
  .inquiry_box.customer_color .kunoji:last-of-type::before {
    top: -50px;
  }
  .other_than {
    margin-top: 20px;
    padding: 20px;
  }
  .other_than > h5 {
    font-size: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .inquiry_box {
    flex-direction: column;
  }
  .inquiry_box li {
    display: block;
    width: 100%;
    margin-right: 0;
  }
  .inquiry_box dd {
    padding: 15px 10px;
    font-size: 12px;
  }
  .system_box .flowImg img {
    width: 100%;
  }
}
@media only screen and (max-width: 320px) {
  .inquiry_box dt {
    height: 40px;
    line-height: 40px;
  }
  .inquiry_box dd {
    font-size: 11px;
    line-height: 1.3em;
    min-height: 70px;
  }
  .inquiry_box.customer_color .kunoji::before {
    left: 49%;
    top: -20px;
    border-top: 1px solid #00913a;
    border-right: 1px solid #00913a;
  }
  .inquiry_box.customer_color .kunoji_sp::before {
    top: -35px;
  }
  .inquiry_box.customer_color .kunoji:last-of-type::before {
    top: -40px;
  }
}
/* page 404 */
.toTop {
  text-align: center;
  margin: 50px 0;
}
.toTop a {
  align-items: center;
  justify-content: center;
  text-decoration: none;
  color: #111;
  background: #f2f1f5;
  text-align: center;
  padding: 15px 40px 15px 40px;
  font-size: 120%;
  line-height: 1.2;
  height: 100%;
  transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
  border-radius: 3px;
}
.toTop a:hover {
  background: #00913a;
  color: #fff;
}
/* 201215 */
/* タブエリア全体 */
.commentary {
  max-width: 1040px;
  margin: 0 auto 60px;
  padding: 0 10px;
}
/* タブ部分 */
.tab {
  width: 100%;
}
.tab li {
  font-size: 160%;
  display: inline-block;
  width: -webkit-calc(35% - 34px);
  width: calc(35% - 34px);
  cursor: pointer;
}
.tab li:nth-child(3n-1) {
  margin: 0 2%;
}
.tab li a {
  display: block;
  width: 100%;
  height: auto;
  text-decoration: none;
  color: #00913a;
  padding: 27px 55px;
}
.tab > .delivery {
  background-image: url(/images/system/system_icon01__.png);
  background-repeat: no-repeat;
  background-position: 22% 50%;
  background-size: 82px 82px;
  border: 3px solid #00913a;
  border-radius: 10px;
  color: #00913a;
  text-align: right;
  font-weight: bold;
}
.tab > .shopfront {
  background-image: url(/images/system/system_icon02__.png);
  background-repeat: no-repeat;
  background-position: 22% 50%;
  background-size: 82px 82px;
  border: 3px solid #00913a;
  border-radius: 10px;
  color: #00913a;
  text-align: right;
  font-weight: bold;
}
.tab > .visiting {
  background-image: url(/images/system/system_icon03__.png);
  background-repeat: no-repeat;
  background-position: 24% 50%;
  background-size: 82px 82px;
  border: 3px solid #00913a;
  border-radius: 10px;
  color: #00913a;
  text-align: right;
  font-weight: bold;
}
.tab > .itaku {
  background-image: url(/images/results_detail/itakuIcon.png);
  background-repeat: no-repeat;
  background-position: 24% 50%;
  background-size: 82px 82px;
  border: 3px solid #00913a;
  border-radius: 10px;
  color: #00913a;
  text-align: right;
  font-weight: bold;
}
@media only screen and (max-width: 767px) {
  .commentary {
    margin: 0 auto 60px;
  }
  /* タブ部分 */
  .tab li {
    width: -webkit-calc(32% - 4px);
    width: calc(32% - 4px);
    vertical-align: top;
    height: 100px;
  }
  .tab li a {
    display: block;
    width: 100%;
    height: auto;
    text-decoration: none;
    color: #00913a;
    padding: 0;
  }
  .tab > .delivery {
    padding: 0;
    background-position: 50% 20%;
    background-size: 60px 60px;
    border: 2px solid #00913a;
  }
  .tab > .delivery > span {
    display: block;
    text-align: center;
    font-size: 65%;
    padding-top: 60px;
  }
  .tab > .delivery > a > span {
    display: block;
    text-align: center;
    font-size: 65%;
    padding-top: 60px;
  }
  .tab > .shopfront {
    padding: 0;
    background-position: 50% 20%;
    background-size: 60px 60px;
    border: 2px solid #00913a;
  }
  .tab > .shopfront > span {
    display: block;
    text-align: center;
    font-size: 65%;
    padding-top: 60px;
  }
  .tab > .shopfront > a > span {
    display: block;
    text-align: center;
    font-size: 65%;
    padding-top: 60px;
  }
  .tab > .visiting {
    padding: 0;
    background-position: 50% 15%;
    background-size: 60px 60px;
    border: 2px solid #00913a;
  }
  .tab > .visiting > span {
    display: block;
    text-align: center;
    font-size: 65%;
    padding-top: 60px;
  }
  .tab > .visiting > a > span {
    display: block;
    text-align: center;
    font-size: 65%;
    padding-top: 60px;
  }
  .tab > .itaku {
    padding: 0;
    background-position: 50% 15%;
    background-size: 60px 60px;
    border: 2px solid #00913a;
  }
  .tab > .itaku > span {
    display: block;
    text-align: center;
    font-size: 65%;
    padding-top: 60px;
  }
  .tab > .itaku > a > span {
    display: block;
    text-align: center;
    font-size: 65%;
    padding-top: 60px;
  }
}
/* recaptcha関連 */
.recaptcha_box {
  box-sizing: border-box;
  padding: 30px;
}
.recaptcha_policy {
  padding: 0;
  margin: 0;
  text-align: center;
  font-size: 12px !important;
  color: #444 !important;
}
.recaptcha_policy a {
  font-size: 12px !important;
  color: #111 !important;
}
.grecaptcha-badge {
  visibility: hidden;
}
/* Slick用 */
.slider {
  width: 100%;
  margin: 0 auto 80px;
}
.slick-slide img {
  width: 100%;
  max-height: 500px;
  max-width: 1020px;
}
.mypattern {
  width: 100%;
}
/*slick setting*/
.mypattern .slick-slide:not(.slick-center) {
  -webkit-filter: brightness(0.5);
  -moz-filter: brightness(0.5);
  -ms-filter: brightness(0.5);
  filter: brightness(0.5);
  transition: 0.2s linear;
}
@media only screen and (max-width: 767px) {
  .mypattern .slick-slide:not(.slick-center) {
    filter: none;
  }
}
/*slick setting*/
.slick-prev:before,
.slick-next:before {
  color: #000;
}
.slider-dots {
  width: 100%;
  max-width: 700px;
  margin: auto;
  padding: 0;
  text-align: center;
  list-style: none;
}
.slider-dots li {
  display: inline-block;
  width: calc(
    12% - 12px
  ); /* プログレスバーの横幅はスライドの枚数に合わせて調整してください */
  margin: 0 5px;
}
.slider-dots button {
  position: relative;
  width: 100%;
  height: 2px;
  border: 0;
  background-color: #ccc;
  font-size: 0;
}
.slider-dots button:after {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  display: block;
  width: 0%;
  height: 100%;
}
.slider-dots .slick-active button:after {
  background-color: #00913a;
  animation: progress 6s linear forwards;
}
@keyframes progress {
  from {
    width: 0%;
  }
  to {
    width: 100%;
  }
}
/*スマホボタンスライドイン用*/
.btn_open {
  display: none;
}
.ft_fix {
  display: none;
}
@media only screen and (max-width: 767px) {
  .btnBox {
    background: #ffa800;
    border-radius: 3px;
    line-height: 52px;
    font-size: 18px;
    font-weight: bold;
    margin: 5px;
  }
  .btn_open {
    width: 100%;
    display: block;
    color: #ffffff;
    position: fixed;
    bottom: 0px;
    z-index: 1;
    background: #fff;
  }
  .btn_close {
    background: #a0a;
  }
  #slide {
    display: none;
    position: fixed;
    z-index: 2;
    width: 100%;
    bottom: 0;
    background: #f2f2f2;
    border-top: 1px solid #ccc;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
  }
  .overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    z-index: 1;
  }
  /* SPフッター下部固定 */
  .ft_fix {
    display: block;
    width: 100%;
    margin: auto;
    z-index: 99;
    position: fixed;
    bottom: 0;
    padding: 5px 10px 10px;
    background-color: #fff;
  }
  .ft_fix ul {
    width: 100%;
    font-size: 0;
    display: flex;
    justify-content: space-between;
  }
  .ft_fix ul li {
    display: inline-block;
    width: 25%;
    margin-right: 10px;
  }
  .ft_fix ul li:first-child {
    position: relative;
    width: 50%;
  }
  .ft_fix ul li:last-child {
    margin-right: 0;
  }
  .ft_fix ul li .ft_fix_tel {
    display: block;
    text-decoration: none;
    height: 50px;
    width: 100%;
    line-height: 52px;
    text-align: center;
    font-size: 15px;
    font-weight: bold;
    color: #ffffff;
    background-color: #00913a;
    border-radius: 5px;
    -webkit-filter: drop-shadow(0px 5px 0px rgb(30, 65, 1));
    filter: drop-shadow(0px 5px 0px rgb(30, 65, 1));
  }
  /*.ft_fix ul li .ft_fix_mail {
        display: block;
        text-decoration: none;
        height: 50px;
        width: 100%;
        line-height: 52px;
        text-align: center;
        font-size: 15px;
        font-weight: bold;
        color: #ffffff;
        background-color: #ffa800;
        border-radius: 5px;
        -webkit-filter: drop-shadow(0px 5px 0px rgb(93, 62, 3));
        filter: drop-shadow(0px 5px 0px rgb(93, 62, 3));
    }*/
  .ft_fix ul li .ft_fix_line {
    display: block;
    text-decoration: none;
    height: 50px;
    width: 100%;
    line-height: 52px;
    text-align: center;
    font-size: 15px;
    font-weight: bold;
    color: #fff;
    background-color: #13bf00;
    border-radius: 5px;
    -webkit-filter: drop-shadow(0px 5px 0px rgb(4, 80, 40));
    filter: drop-shadow(0px 5px 0px rgb(4, 80, 40));
    padding-left: 50%;
  }
  .ft_fix ul li .ft_fix_line img {
    position: absolute;
    top: 6%;
    left: -2%;
    height: 90%;
    width: auto;
  }
  .ft_fix ul li .ft_fix_video {
    text-decoration: none;
    height: 50px;
    width: 100%;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    color: #fff;
    background-color: #ff8000;
    border-radius: 5px;
    -webkit-filter: drop-shadow(0px 5px 0px rgb(115, 50, 2));
    filter: drop-shadow(0px 5px 0px rgb(115, 50, 2));
    line-height: 1.2;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
  }
}
@media (max-width: 450px) {
  .ft_fix ul li .ft_fix_line img {
    top: 10%;
    height: 80%;
  }
}
@media (max-width: 430px) {
  .ft_fix ul li .ft_fix_line img {
    top: 13%;
    height: 74%;
  }
}
@media (max-width: 390px) {
  .ft_fix ul li .ft_fix_line img {
    top: 20%;
    height: 60%;
  }
}
@media (max-width: 320px) {
  .ft_fix ul li .ft_fix_tel,
  .ft_fix ul li .ft_fix_mail,
  .ft_fix ul li .ft_fix_line {
    font-size: 13px;
  }
  .ft_fix ul li .ft_fix_video {
    font-size: 12px;
  }
}
/* 追加CTA用 */
#profile_area {
  background: #f2f1f5;
  padding: 30px 0 0;
}
#profile_area .base_area_in {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.profile_img {
  margin-left: 10px;
  min-width: 164px;
}
.profile_img img {
  width: 100%;
}
.profile_txt {
  margin-left: 10px;
  max-width: 820px;
}
.profile_txt .title {
  font-weight: bold;
}
.profile_txt_m {
  font-size: 100%;
}
.profile_txt_s {
  font-size: 80%;
}
#profile_map_area {
  background: #000 url("../images/common/shop_img.jpg");
  padding: 20px 0;
  color: #fff;
  height: 300px;
}
#profile_map_area .base_area_in {
  display: flex;
  justify-content: space-between;
}
.profile_map_txt {
  float: left;
  width: 55%;
  height: 260px;
}
.profile_map_txt .title {
  font-weight: bold;
}
.profile_map_txt img {
  width: 11%;
  vertical-align: sub;
  margin: 0 5px 0 0;
}
#profile_map {
  width: 40%;
  height: 260px;
}
#profile_contact_area {
  background-image: -moz-linear-gradient(
    0deg,
    rgb(0, 145, 58) 0%,
    rgb(5, 166, 111) 49%,
    rgb(52, 182, 52) 100%
  );
  background-image: -webkit-linear-gradient(
    0deg,
    rgb(0, 145, 58) 0%,
    rgb(5, 166, 111) 49%,
    rgb(52, 182, 52) 100%
  );
  background-image: -ms-linear-gradient(
    0deg,
    rgb(0, 145, 58) 0%,
    rgb(5, 166, 111) 49%,
    rgb(52, 182, 52) 100%
  );
  padding: 30px 0;
}
#profile_contact_area p {
  color: #fff;
  text-align: center;
}
#profile_contact_area .title > * {
  display: inline-block;
}
#profile_contact_area .title {
  text-align: center;
  font-size: 220%;
  line-height: 1.2;
  border-bottom: 1px solid #fff;
  padding-bottom: 10px;
  margin-bottom: 15px;
  color: #fff;
  font-weight: bold;
}
#profile_contact_area .box {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row nowrap;
  flex-flow: row nowrap;
  justify-content: center;
  align-items: center;
  margin: 30px 0 25px;
}
#profile_contact_area .box a {
  color: #fff;
  text-decoration: none;
}
#profile_contact_area .box .Btns {
  display: flex;
  width: 100%;
  justify-content: center;
}
@media screen and (max-width: 768px) {
    #profile_contact_area .box .Btns {
        display: block;
    }
}
#profile_contact_area .box .btnTel,
#profile_contact_area .box .btnMail,
#profile_contact_area .box .btnLine,
#profile_contact_area .box .btnVideo {
  flex: 0 1 auto;
  width: 100%;
  border-radius: 5px;
  margin-bottom: 4px;
}
#profile_contact_area .box .btnLine {
  margin-right: 10px;
  box-shadow: 0px 4px 0px 0px rgba(0, 121, 0, 1);
}
#profile_contact_area .box .btnTel {
  margin-right: 10px;
  margin-left: 0;
  box-shadow: 0px 4px 0px 0px rgba(0, 96, 25, 1);
}
#profile_contact_area .box .btnMail {
  margin-right: 10px;
  margin-left: 0;
  box-shadow: 0px 4px 0px 0px rgba(115, 50, 2, 1);
}
#profile_contact_area .box .btnVideo {
  margin-left: 0;
  box-shadow: 0px 4px 0px 0px rgba(65, 65, 155, 1);
}
#profile_contact_area .box .btnLine img,
#profile_contact_area .box .btnTel img,
#profile_contact_area .box .btnMail img,
#profile_contact_area .box .btnVideo img {
  width: 10%;
  margin-right: 5px;
}
#profile_contact_area .box .btnLine a,
#profile_contact_area .box .btnTel a,
#profile_contact_area .box .btnMail a,
#profile_contact_area .box .btnVideo a {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row nowrap;
  flex-flow: row nowrap;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 80px;
  border-radius: 5px;
  font-weight: bold;
  font-size: 130%;
  line-height: 1.2;
  position: relative;
  transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
}
#profile_contact_area .box .btnTel a {
  background: #00913a;
}
#profile_contact_area .box .btnMail a {
  background: #ff8000;
}
#profile_contact_area .box .btnLine a {
  background: #13bf00;
  position: relative;
}
#profile_contact_area .box .btnVideo a {
  background: #565ad8;
}
#profile_contact_area .box .btnMail a::after,
#profile_contact_area .box .btnTel a::after,
#profile_contact_area .box .btnLine a::after,
#profile_contact_area .box .btnVideo a::after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 50%;
  right: 20px;
  width: 15px;
  height: 15px;
  border-right: 3px solid #fff;
  border-bottom: 3px solid #fff;
  -webkit-transform: translateY(-50%) rotate(-45deg);
  transform: translateY(-50%) rotate(-45deg);
}
#profile_contact_area .box .btnMail:hover,
#profile_contact_area .box .btnTel:hover,
#profile_contact_area .box .btnLine:hover,
#profile_contact_area .box .btnVideo:hover {
  margin-top: 4px;
  margin-bottom: 0;
  box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
}

#profile_contact_area .box .btnMail a span {
	position: absolute;
    top: 52px;
    font-size: 70%;
}
@media screen and (max-width: 980px) {
  #profile_contact_area .box .btn {
    margin: 0 10px 0 0;
  }
}
@media screen and (max-width: 768px) {
  #profile_contact_area .box {
    -webkit-flex-flow: column wrap;
    flex-flow: column wrap;
  }
  #profile_contact_area .box > * {
    flex: 1 0 auto;
    margin: 0 auto;
    font-size: 90%;
  }
  .profile_map_txt {
    font-size: 95%;
  }
  #profile_contact_area .box .btnMail {
    margin-left: 0px;
  }
  #profile_contact_area .box .btnLine {
  }
  #profile_contact_area .box .btnVideo {
    margin-right: 0px;
  }
  #profile_contact_area .box .btnMail,
  #profile_contact_area .box .btnTel,
  #profile_contact_area .box .btnLine,
  #profile_contact_area .box .btnVideo {
    background-color: inherit;
      margin-bottom: 15px;
  }
  #profile_contact_area .box .btnMail a::after,
  #profile_contact_area .box .btnTel a::after,
  #profile_contact_area .box .btnLine a::after,
  #profile_contact_area .box .btnVideo a::after {
    right: 15px;
    width: 10px;
    height: 10px;
  }
	#profile_contact_area .box .btnMail a span {
		top: 57px;
    font-size: 80%;
	}
}
@media screen and (max-width: 620px) {
  #profile_contact_area .title {
    font-size: 140%;
  }
  .profile_map_txt {
    font-size: 90%;
  }
  #profile_contact_area .box .btn a,
  #profile_contact_area .box .btnMail a,
  #profile_contact_area .box .btnTel a,
  #profile_contact_area .box .btnLine a,
  #profile_contact_area .box .btnVideo a {
    font-size: 110%;
  }
  #profile_contact_area .box .btnMail img,
  #profile_contact_area .box .btnTel img,
  #profile_contact_area .box .btnLine img,
  #profile_contact_area .box .btnVideo img {
    width: 13%;
  }
}
@media screen and (max-width: 420px) {
  #profile_area {
    padding: 20px 0 0 0;
  }
  #profile_area .base_area_in {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .profile_txt {
    margin-left: 0;
  }
  #profile_contact_area .box .btn a,
  #profile_contact_area .box .btnMail a,
  #profile_contact_area .box .btnTel a,
  #profile_contact_area .box .btnLine a,
  #profile_contact_area .box .btnVideo a {
    font-size: 120%;
  }
  #profile_map_area {
    background: #000 url(../images/common/shop_img.jpg) 45%;
    background-size: cover;
    padding: 20px 0;
    color: #fff;
    height: auto;
  }
  #profile_map_area .base_area_in {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
  }
  .profile_map_txt img {
    width: 16%;
    vertical-align: sub;
    margin: 0 5px 0 0;
  }
  .profile_map_txt .title {
    font-size: 130%;
  }
  .profile_map_txt {
    width: 100%;
    height: auto;
    margin-bottom: 15px;
  }
  #profile_map {
    width: 100%;
    height: 260px;
  }
  #profile_contact_area {
    background-image: -moz-linear-gradient(
      -175deg,
      rgb(52, 182, 52) 0%,
      rgb(5, 166, 111) 51%
    );
    background-image: -webkit-linear-gradient(
      -175deg,
      rgb(52, 182, 52) 0%,
      rgb(5, 166, 111) 51%
    );
    background-image: -ms-linear-gradient(
      -175deg,
      rgb(52, 182, 52) 0%,
      rgb(5, 166, 111) 51%
    );
    padding: 30px 0;
  }
  #profile_contact_area .title {
    font-size: 130%;
  }
  #profile_contact_area .box .Btns {
    display: flex;
    width: 100%;
    justify-content: flex-start;
    flex-direction: column;
    padding: 0 20px;
  }
  #profile_contact_area .box .btnTel {
    margin: 15px 0 19px;
  }
  #profile_contact_area .box .btnTel:hover {
    margin-top: 19px;
    margin-bottom: 15px;
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
  }
  #profile_contact_area .box .btnVideo {
    margin: 15px 0 19px;
  }
  #profile_contact_area .address {
    font-size: 80%;
  }
}
/* タグクラウド */
.tag_keywords_tit {
  font-size: 200%;
  margin-bottom: 24px;
}
.tag_keywords {
  width: 100%;
  display: flex;
  flex-flow: wrap;
  align-items: flex-start;
  justify-content: flex-start;
  column-gap: 16px;
  row-gap: 16px;
}
.tag_keywords li {
  display: flex;
  flex-flow: wrap;
  align-items: center;
  justify-content: center;
  padding: 4px 16px;
  border-radius: 50px;
  background-color: #f2f1f6;
}
.tag_keywords li a {
  color: #333;
  text-decoration: none;
}
.tag_keywords li a:hover {
  color: #333;
  text-decoration: none;
  opacity: 0.5;
}
@media screen and (max-width: 767px) {
  .tag_keywords_tit {
    font-size: 130%;
    margin-bottom: 10px;
  }
  .tag_keywords {
    width: 100%;
    display: flex;
    flex-flow: wrap;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 8px;
  }
  .tag_keywords li {
    padding: 2px;
  }
  .tag_keywords li a {
    padding: 4px 8px;
  }
}
/* SP画像ABテスト */
.mainImgSp {
  display: none;
}
.mtSp {
  margin-top: 30px;
}
@media only screen and (max-width: 480px) {
  .mainImg {
    display: none;
  }
  .mainImgSp {
    display: block;
  }
  .mainImgSp div ul li a img {
    max-height: 480px;
  }
  .mbSp {
    margin-bottom: 30px;
  }
}
/* SP画像ABテスト 査定ボタン反射効果 */
@media only screen and (max-width: 480px) {
  .reflect {
    width: 100%;
    height: 80px;
    position: relative;
    overflow: hidden;
    background-color: #666;
  }
  .reflect::after {
    content: "";
    display: block;
    width: 30px;
    height: 100%;
    position: absolute;
    top: -180px;
    left: 0;
    background-color: #fff;
    opacity: 0;
    transform: rotate(45deg);
    animation: reflect 2s ease-in-out infinite;
    -webkit-transform: rotate(45deg);
    -webkit-animation: reflect 3s ease-in-out infinite;
  }
}
@keyframes reflect {
  0% {
    transform: scale(0) rotate(45deg);
    opacity: 0;
  }
  80% {
    transform: scale(0) rotate(45deg);
    opacity: 0.5;
  }
  81% {
    transform: scale(4) rotate(45deg);
    opacity: 1;
  }
  100% {
    transform: scale(50) rotate(45deg);
    opacity: 0;
  }
}
@-webkit-keyframes reflect {
  0% {
    transform: scale(0) rotate(45deg);
    opacity: 0;
  }
  80% {
    transform: scale(0) rotate(45deg);
    opacity: 0.5;
  }
  81% {
    transform: scale(4) rotate(45deg);
    opacity: 1;
  }
  100% {
    transform: scale(50) rotate(45deg);
    opacity: 0;
  }
}
/* googleレビュー */
.greview_area {
  padding-top: 40px;
}
/* 240113 トップページのInstagramユーザー画像提供のクレジット表記用 */
.creditBox {
  text-align: center;
  color: #333333;
  font-family: "Noto Sans Japanese", "ヒラギノ角ゴ Pro W3",
    Hiragino Kaku Gothic Pro, "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック",
    MS PGothic, sans-serif;
}
.creditBox .lastCopy {
  font-size: 0.8rem;
  color: #666666;
  line-height: 1.8rem;
  margin-bottom: 20px;
  text-align: left;
}
.creditBox a {
  color: #1a0dab !important;
  text-decoration: underline;
}
@media screen and (max-width: 768px) {
  .creditBox .lastCopy {
    line-height: 1.4rem;
  }
}
/* 宅配買取情報補足 */
.three_point {
  margin: 50px auto 70px;
  text-align: center;
}
.three_point h4 {
  font-size: 2em;
  font-weight: bold;
}
.three_elements {
  display: flex;
  justify-content: space-between;
  margin: 1em 0;
}
.three_elements dl {
  width: calc(100% / 3);
  margin: 0 50px;
}
.three_merits dl dd h5 {
  color: #009245;
  font-size: 2em;
  font-weight: bold;
}
.three_merits dl dd p {
  font-size: 1.4em;
}
.three_flow dl dd {
  font-size: 1.6em;
  font-weight: bold;
}
.three_flow dl dd h5 {
  font-weight: bold;
}
.three_flow dl dd p {
  background: linear-gradient(transparent 50%, #f7cf1e 50%, #f7cf1e 100%);
  display: inline;
}
.three_point .btnFont {
  font-size: 1.2em;
}
.three_point .spBr {
  display: none;
}
@media only screen and (max-width: 480px) {
  .three_point {
    margin: 30px auto 50px;
  }
  .three_point h4 {
    font-size: 1.6em;
  }
  .three_elements dl {
    margin: 0 8px;
  }
  .three_merits dl dd h5 {
    font-size: 2em;
  }
  .three_merits dl dd p {
    font-size: 1em;
  }
  .three_flow dl dd {
    font-size: 1em;
  }
  .three_point .pcBr {
    display: none;
  }
  .three_point .spBr {
    display: block;
  }
}
/* トップページミニバナー用 */
#miniBnrBox,
#miniBnrBox2 {
  letter-spacing: normal; /* やや重要 */
  max-width: 1020px;
  margin: 0 auto 20px auto;
  padding: 10px;
  text-align: center; /* 重要 */
}
#miniBnrBox2 {
  margin-top: 20px;
}
#miniBnrBox img,
#miniBnrBox2 img {
  width: 48%;
  height: auto; /* 画像などの場合はauto */
  display: inline-block; /* 重要 */
  letter-spacing: normal; /* やや重要 */
  margin-bottom: 10px;
}
#miniBnrBox a:nth-child(2),
#miniBnrBox2 a:nth-child(2) {
  margin-left: 2%;
}
@media screen and (max-width: 768px) {
  #miniBnrBox,
  #miniBnrBox2 {
    padding-top: 0;
    margin-bottom: 0;
  }
  #miniBnrBox a:nth-child(2),
  #miniBnrBox2 a:nth-child(2) {
    margin-left: 0;
  }
  #miniBnrBox a,
  #miniBnrBox2 a {
    display: block;
  }
  #miniBnrBox img,
  #miniBnrBox2 img {
    width: 100%;
    display: block;
  }
}
/*20240628_SP用順番入れ替え*/
#top .sp_none {
  display: none;
}
#top .pc_none {
  display: block;
}
@media screen and (max-width: 768px) {
  #top .sp_none {
    display: block;
  }
  #top .pc_none {
    display: none;
  }
  #manufacturer_area .readmore {
    display: block;
    margin: 0 auto;
    color: #333;
    font-size: 16px;
    border: solid 1px #333;
    border-radius: 5px;
    padding: 10px 18px;
    width: 70%;
  }
  #manufacturer_area .readmore .open {
    display: block;
  }
  #manufacturer_area .readmore.on-click .open {
    display: none;
  }
  #manufacturer_area .readmore .close {
    display: none;
  }
  #manufacturer_area .readmore.on-click .close {
    display: block;
  }
}
/*20240718 委託販売用追加*/
.itakuMidashi {
  border: solid 1px #ccc;
  padding: 10px;
  text-align: center;
}
.itakuMidashi dt {
  font-size: 130%;
  font-weight: bold;
  margin-bottom: 5px;
  color: #00913a;
}
.itakuMidashi dd {
  font-size: 110%;
}
.itaku_menu {
  display: grid;
  margin-top: 30px;
  grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
}
.itaku_menu li {
  flex: 1;
  padding: 5px;
}
.itakuBox > dl {
  margin-bottom: 100px;
}
.itakuBox dl dd table {
  width: 60%;
  text-align: center;
  border-collapse: collapse;
  border-spacing: 0;
  margin-top: 20px;
}
.itakuBox dl dd table th {
  padding: 10px;
  border-bottom: solid 4px #00913a;
  color: #00913a;
}
.itakuBox dl dd table td {
  padding: 10px;
  border-bottom: solid 1px #00913a;
}
.itakuBox dl dd p .moushikomi {
  display: inline-block;
  line-height: 280%;
  padding: 0;
  font-size: 120%;
  height: 50px;
  border-radius: 25px;
  font-weight: bold;
  border: none;
  color: #ffffff !important;
  background: #00913a;
  width: 40%;
  text-align: center;
  transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
  text-decoration: none !important;
  margin: 0 auto 20px;
}
.itakuBox dl dd dl dt {
  margin-bottom: 10px;
}
.kounyumaeKiyakuBox {
  margin-bottom: 30px;
}
.kounyumaeKiyakuBox dl dd p {
  margin-bottom: 30px;
}
.kounyumaeKiyakuBox dl dd dl {
  margin-bottom: 25px;
}
.kounyumaeKiyakuBox dl dd dl dt {
  font-weight: bold;
}
.kounyumaeKiyakuBox dl dd dl dd ul {
  margin-left: 35px;
}
.kounyumaeKiyakuBox dl dd dl dd ul li {
  list-style: disc;
}
.kounyumaeKiyakuBox dl dd dl dd dl {
  border: solid 1px #ccc;
  padding: 15px;
  margin: 10px 0;
  width: 45%;
}
.kounyumaeKiyakuBox dl dd dl dd dl dd p {
  margin-bottom: 0;
}
@media screen and (max-width: 768px) {
  .itakuMidashi dt {
    font-size: 110%;
  }
  .itakuMidashi dd {
    font-size: 100%;
  }
  .itaku_menu {
    grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
  }
  .itakuBox > dl {
    margin-bottom: 50px;
  }
  .itakuBox dl dd table {
    width: 100%;
  }
  .itakuBox dl dd p .moushikomi {
    width: 100%;
  }
  .kounyumaeKiyakuBox dl dd dl dd dl {
    width: 100%;
  }
}

.app_radio {
  width: 1rem;
  height: 1rem;
  border: 1px solid black;
  border-radius: 50%;
  transform: translateY(-0.075rem);
  margin-right: 4px;
  position: relative;
  cursor: pointer;
}

.app_radio::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  width: 0.75rem;
  height: 0.75rem;
  border-radius: 50%;
  transform: scale(0) translate(-50%, -50%);
  transition: 120ms transform ease-in-out;
  box-shadow: inset 1em 1em black;
}

.app_radio:checked::before {
  transform: scale(1) translate(-50%, -50%);
}

/*----------------------------------
スピード買取お問い合わせ
-----------------------------------*/
.steps {
    display: flex;
    margin-bottom: 50px;
  justify-content: center;
  align-items: center;
}
.steps dl {
    text-align: center;
}
.steps dl dt img {
    width: 40%;
}
.triangle {
    width: 0;
    height: 0;
    border-style: solid;
    border-color: transparent transparent transparent #ccc;
    border-width: 12.5px 0px 12.5px 21.65px;
}
.s_contact .base_text {
    text-align: center;
}
.send_check {
    display: flex;
    flex: 1;
    margin-bottom: 30px;
}
.send_check dl dt {
    display: flex;
    margin-bottom: 30px;
    justify-content: center;
    font-size: 1.4rem;
    font-weight: bold;
    line-height: 130%;
}
.send_check dl dd {
    font-size: 1.0rem;
    line-height: 150%;
}
.send_check label {
    padding: 30px 40px;
    border-right: solid 1px #ccc;
    border-radius: 4px;
    cursor: pointer;
    width: 100%;
    background-color: #fff;
  }
.send_check label:last-child {
    border: none;
}

  /* マウスオーバー時に背景色を変える */
.send_check label:hover {
    background-color: #eee;
  }

  /* 選択時に背景色を変える */
.send_check label:has(input:checked) {
    background-color: #eee;
  }
.send_check input {
    -webkit-appearance: auto;
    -moz-appearance: auto;
    appearance: auto;    
    display: inline-block;
    margin-right: 20px !important;
    transform: scale(2);
    accent-color: #00913a;
}
@media screen and (max-width: 768px) {
    .steps dl dt img {
        width: 65%;
    }
    .steps dl dd  {
        font-size: 0.8rem;
    }
    .triangle { 
        border-width: 10px 0px 10px 17.32px;
    }
    .send_check {
        display: block;
    }
    .send_check label {
        border-right: none;
        display: block;
        border-bottom: solid 1px #ccc;
    }
}
/*----------------------------------
スピード買取お問い合わせ_サンクスページ
-----------------------------------*/
.triangle2 {
    margin: 70px auto;
    width: 0;
    height: 0;
    border-style: solid;
    border-color: #bbb transparent transparent transparent;
    border-width: 30px 32px 0px 32px;
}
.to_line {
    text-align: center;
}
.to_line dl {
    font-size: 180%;
    margin-bottom: 30px;
}
.to_line dl dd {
    color: #00913a;
}
.thx_lineBtn {
    margin: 0 auto 100px;
    width: 45%;
}
.thx_lineBtn img {
    width: 8%;
    margin-right: 5px;
}
.thx_lineBtn .btnLine {
    background: #13bf00;
}
.thx_lineBtn .btnLine {
    box-shadow: 0px 4px 0px 0px rgba(0, 121, 0, 1);
}
.thx_lineBtn a {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row nowrap;
    flex-flow: row nowrap;
    justify-content: center;
    align-items: center;
    font-weight: 700;
    color: #fff;
    text-decoration: none;
    transition: none !important;
    border-radius: 5px;
    font-size: 150%;
    height: 60px;
    position: relative;
}
@media screen and (max-width: 768px) {
    .to_line dl {
    font-size: 150%;
    }
    .thx_lineBtn {
        width: 100%;
    }
}

/*----------------------------------
3つのポリシー　2025/03/14
-----------------------------------*/
#threePolicy {
    background-color: #F9F8E4;
    text-align: center;
}
#threePolicy > dl {
    width: 1020px;
    margin: 0 auto;
    padding: 30px 0;
}
#threePolicy dl > dt {
    font-size: 200%;
    margin-bottom: 15px;
}
#threePolicy dl > dd > dl > dt {
    font-size: 130%;
}
#threePolicy dl > dd {
    font-size: 130%;
} 
#threePolicy dl > dd dl dd ul {
    display: flex;
    justify-content: space-between;
}
#threePolicy dl dd dl dd ul li {
    width: 30%;
}
#threePolicy dl dd dl dd ul li img {
    width: 35%;
    height: auto;
    position: relative;
  border-radius: 100%;
  overflow: hidden;
  z-index: 0;
}
#threePolicy dl dd dl dd ul li dl dt {
    display: block;
    color: #00913a;
    font-weight: bold;
    font-size: 80%;
    line-height: 1.2;
    margin-top: 10px;
}
#threePolicy dl dd dl dd ul li dl dd {
    font-size: 60%;
    text-align: left;
}
#threePolicy dl .reviewBnr img {
	width: 60%;
}
@media screen and (max-width: 768px) {
    #threePolicy > dl {
        width: auto;
        margin: auto;
    }
    #threePolicy dl > dt {
        font-size: 160%;
        text-align: center;
    }
    #threePolicy dl > dd > dl > dt {
        font-size: 110%;
    }
    #threePolicy dl > dd dl dd ul {
        display: block;
        width: 90%;
        margin: auto;
    }
    #threePolicy dl dd dl dd ul li {
        width: 100%;
        margin-bottom: 20px;
    }
	#threePolicy dl .reviewBnr img {
		width: 90%;
	}
}