@charset "utf-8";
/* CSS Document */
.contact-form_a .send .send-bt {
  width: 220px;
  height: 70px;
  border-radius: 999px;
  position: relative;
  overflow: hidden;

  display: flex;
  align-items: center;

  /* ★2枚目画像 */
  background-image: url("https://ru-techno.co.jp/system_panel/uploads/images/bt.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  box-shadow: 0 10px 25px rgba(0,0,0,0.08);
}

/* クリックできるように全体ボタン化 */
.send-bt button{
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: none;
  background: transparent;
  cursor: pointer;
  z-index: 3;
}

/* 文字 */
.send-bt p{
  margin: 0;
  color: #fff;
  font-size: 18px;
  font-weight: 700;
  letter-spacing: 0.1em;
  width: 100%;
  text-align: center;
  z-index: 2;
}

/* 右の白丸 */
.send-bt i{
  width: 54px;
  height: 54px;
  background: #fff;
  border-radius: 50%;

  display: flex;
  align-items: center;
  justify-content: center;

  color: #2f8be6;
  font-size: 18px;

  position: absolute;
  right: 6px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 2;
  transition: 0.3s;
}

/* hover時：アイコンだけ右へ */
.send-bt:hover i{
  transform: translateY(-50%) translateX(3px);
}



.inputbox .check-box input[type="radio"]{
  -webkit-appearance: none !important;
  appearance: none !important;

  width: 16px !important;
  height: 16px !important;
  border: 1.5px solid #1A1A1A !important;
  border-radius: 2px !important;
  background: #fff !important;
  cursor: pointer !important;
  position: relative !important;
  display: inline-block !important;
}

.inputbox .check-box input[type="radio"]:checked{
  border-color: #4cc7d7;
}

/* 選択したら✔表示 */.contact-form_a .form-box .check-wrap .check-box input[type="radio"]:checked::after {
  content: "✓";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -60%);
  font-size: 25px;
  font-weight: 700;
  color: #4cc7d7;
  line-height: 1;
}

.rightbox .access_item {
 width: 100%;
}
.rightbox .access_item h3{
margin-bottom: 14px;
}
.rightbox .map_box {
	 width: 100%;
	aspect-ratio: 1.6 / 1;
	position: relative;
	overflow: hidden;
	margin-bottom: 10px;
}
.rightbox .map_box iframe{
	position: absolute;
	width: calc(100% + 5px);
	height: calc(100% + 5px);
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	border: none;
}


.topmessage_b .messagebox_wrap {
    max-width: 1280px;
}
.topmessage_b .messagebox_wrap .boxitem {
  gap: clamp(80px, 6vw, 120px);
}
.topmessage_b .messagebox_wrap .signature {
margin-right: 0;
    margin-left: auto;
      font-family: "Zen Old Mincho", serif;
}


.topmessage_b .messagebox_wrap .boxitem {
  --gap: clamp(80px, 6vw, 120px);
  gap: var(--gap);
}

.topmessage_b .messagebox_wrap .boxitem .imgbox {
  width: calc(30% - (var(--gap) / 2));
  max-width: 400px;
}

.topmessage_b .messagebox_wrap .boxitem .txtbox {
  width: calc(70% - (var(--gap) / 2));
  flex-direction: column;
  align-items: flex-start;
}
/* ---------- IEのみ ---------- */
@media all and (-ms-high-contrast: none) {
}
/* ---------- 1280px ~ ---------- */
@media screen and (max-width: 1280px){
}
/* ---------- 1080px ~ ---------- */
@media screen and (max-width: 1080px){
        .topmessage_b .messagebox_wrap .boxitem {
            flex-direction: column;}
    
    .topmessage_b .messagebox_wrap .boxitem .imgbox {
  width: 80%;
}
   .topmessage_b .messagebox_wrap .boxitem .txtbox { 
        width: 80%;}
    
}
/* ---------- 768px ~ ---------- */
@media screen and (max-width: 768px){
}
/* ---------- 576px ~ ---------- */
@media screen and (max-width: 576px){
    .topmessage_b .messagebox_wrap .boxitem .imgbox {
  width: 100%;
}
   .topmessage_b .messagebox_wrap .boxitem .txtbox { 
        width: 100%;}
	.company_a .company-wrap .item h3{
		padding-bottom: 0;
	}
}
/* ---------- 350px ~ ---------- */
@media screen and (max-width: 350px){
}