@charset "utf-8";
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
a {
  text-decoration: none;
}
ul {
  list-style: none;
}
html {
  scroll-behavior: smooth;
}
body {
  background-color: rgb(225, 211, 193);
}
img {
  width: 100%;
  vertical-align: top;
}
main, footer {
  max-width:600px;
  margin: 0 auto;
  background-color: white;
}

/* リスキリングエリア  */
.reskilling {
  padding: 20px;
}
/* ctaエリア  */
.ctaArea {
  padding-bottom: 20px;
}
.ctaTitle {
  padding: 20px 20px 0;
}
.ctaButton {
  padding: 10px 20px 20px;
}.ctaButton a img {
  transition: opacity 0.35s ease;
}
.ctaButton a:hover img {
  opacity: 0.8;
}
/* 他校の比較・こう変わります */
.comparison {
  padding: 20px;
}

/* ユーザーの声 */
.voice {
  padding: 20px;
  padding-bottom: 40px;
}
.voice-slider {
  position: relative;
  overflow: hidden;
}
.voice-slides {
  position: relative;
  min-height: 220px;
}
.voice-slide {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  opacity: 0;
  transition: opacity 0.6s ease;
}
.voice-slide.active {
  opacity: 1;
  position: relative;
}
.voice-slide img {
  display: block;
  width: 100%;
  height: auto;
}
.voice-arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 40px;
  height: 40px;
  border: none;
  border-radius: 50%;
  background: rgba(183, 84, 84, 0.35);
  color: #fff;
  font-size: 1.5rem;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 2;
}
.voice-arrow:hover {
  background: rgba(183, 84, 84, 0.55);
}
.voice-arrow.prev {
  left: 10px;
}
.voice-arrow.next {
  right: 10px;
}
.voice-indicators {
  display: flex;
  justify-content: center;
  gap: 10px;
  margin-top: 16px;
}
.voice-dot {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  border: none;
  background: rgba(183, 84, 84, 0.25);
  cursor: pointer;
}
.voice-dot.active {
  background: rgba(183, 84, 84, 0.85);
}

/* フッタエリア */
footer{
  text-align: center;
}
.service_logo {
  padding-top: 40px;
  margin-bottom: 20px;
}
.service_logo img {
  width: 200px;
}
.footerSection ul {
  display: flex;
  justify-content: center;
  margin-top: 40px;
  padding-bottom: 40px;
}
.footerSection ul a {
  display: inline-block;
  padding: 0 20px;
  color: black;
  font-size: 0.875rem
}

/* 申し込みフォーム */
.entry-form {
}

/* form */
.inquiry{}
.inquiry table{width: 100%;display: block;}
.inquiry table tbody{width: 100%;display: block;}
.inquiry table tbody tr{display: block;border-bottom:1px solid #eee;margin-bottom: 2em;padding: 2em 0;font-size:100%;align-items: center;}
.inquiry table tbody tr th{width: 100%; font-weight: bold;padding-bottom: 1em;}
.inquiry table tbody tr td{width: 100%; text-align: left;display: flex; flex-wrap: wrap;align-items: center;}
.inquiry table tbody tr td input[type="text"],.inquiry table tbody tr td input[type="email"],.inquiry table tbody tr td textarea,.inquiry table tbody tr td select{width: 100%;border: none;background: #e4e4e4;padding: 0.25em;font-size: 100%;}
.inquiry table tbody tr td textarea{height: 10em;}
.inquiry table tbody tr td label{margin-bottom: 1em;display: flex;}
.inquiry table tbody tr td label input{transform: scale(1.5);}
.send input{border: none; background: #99293d;color: #fff;width: 50%;font-size: 140%; margin: 0 auto 2em;}
#caution{background: #f0f0f0;text-align: center;padding: 1em;line-height: 130%}
#caution p{}

.send{text-align:center}

.hukusuu input{margin:0.4em 0}

table tbody tr th span{    background: red;  color: #fff;  padding: 3px 1em;  font-size: 10px;  margin: 0 0 0 1em;}
table tbody tr th span.nini{    background: #333!important;}


footer{display: block;
    margin: 0 auto!important;}
.service_logo img{margin:0 auto}



body{background:rgb(225, 211, 193)!important;}

.entry-form{padding:0 5%}