@charset "utf-8";
/* CSS Document */
.main-wrap{
  position: relative;
  z-index: 1;
}

/* 背景 */
.main-wrap::before{
  content: "";
  position: absolute;
  inset: 0;
  background: url("https://treetop-nail.com/system_panel/uploads/images/bg7.jpg") center center / cover no-repeat;
  background-attachment: fixed;
  z-index: -1;
}
.contact-form_a .form-box .box-wrap .box h3 {
      font-family: "Zen Old Mincho", "游明朝", "YuMincho", "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "Sawarabi Mincho", "serif";
}
.contact-form_a .send .send-bt {
    width: 200px;
    position: relative;
    padding: 10px 30px;
    border-radius: 0;
    border: 1px solid #010000;
}
.contact-form_a .send .send-bt::after {
display: none;
}
.contact-form_a .form-box .box-wrap .box .inputbox .check-wrap .check-box:not(:last-of-type){
	margin-bottom: 0;
}
.abox .more a{
    padding: 10px 10px;
}

.morebox{
	gap: 20px 40px;
}

.moreb {
     max-width: 300px;
 }
 .moreb a {
   display: flex;
   align-items: center;
   justify-content: center;
   gap: 10px;
   height: 50px;
   padding: 0 24px;
   border: 1px solid #b9afa8;
   background:#FFFFFF;
   text-decoration: none;
   box-sizing: border-box;
 }
.moreb .icon {
   width: 18px;
   height: 18px;
   flex: 0 0 18px;
   display: flex;
   align-items: center;
   justify-content: center;
 }
 .moreb .icon img {
   width: 100%;
   height: 100%;
   object-fit: contain;
   display: block;
 }

 .header_n .moreb a {
    padding: 0 15px;
}
 .header_n .moreb p {
   white-space: nowrap;
}
.more_e1 > div {
  --line: #433213;
  --stroke: 1px;
  --extend: 6px;
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 230px;
  height: 54px;
  color: #433213;
  text-decoration: none;
  overflow: visible;
}
.more_e1 > div p {
  position: relative;
  z-index: 2;
  margin: 0;
  color: #452310;
  font-size: 14px;
}
.more_e1 .line {
  position: absolute;
  display: block;
  background: var(--line);
  transition: all .35s ease;
  pointer-events: none;
}
.more_e1 .top {
  top: 0;
  left: 0;
  width: 100%;
  height: var(--stroke);
}
.more_e1 .bottom {
  bottom: 0;
  left: 0;
  width: 100%;
  height: var(--stroke);
}
.more_e1 .left {
  left: 0;
  top: 0;
  width: var(--stroke);
  height: 100%;
}
.more_e1 .right {
  right: 0;
  top: 0;
  width: var(--stroke);
  height: 100%;
}
.more_e1 > div:hover .top, .more_e1 > div:hover .bottom {
  left: calc(var(--extend) * -1);
  width: calc(100% + var(--extend) * 2);
}
.more_e1 > div:hover .left, .more_e1 > div:hover .right {
  top: calc(var(--extend) * -1);
  height: calc(100% + var(--extend) * 2);
}

.more_e1 > div{
	position: relative;
}
.more_e1 > div button{
	position: absolute;
	z-index: 99;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	cursor: pointer;
}
/* ---------- IEのみ ---------- */
@media all and (-ms-high-contrast: none) {
}
/* ---------- 1280px ~ ---------- */
@media screen and (max-width: 1280px){
}
/* ---------- 1080px ~ ---------- */
@media screen and (max-width: 1080px){
}
/* ---------- 768px ~ ---------- */
@media screen and (max-width: 768px){
}
/* ---------- 576px ~ ---------- */
@media screen and (max-width: 576px){
	.morebox{
		gap: 20px;
	}
}
/* ---------- 350px ~ ---------- */
@media screen and (max-width: 350px){
}