body, h1, p {
    margin: 0;
    padding: 0;
    font-family: "Kosugi", sans-serif;
    color: #474f67;
}


.home-img img {
    width: 100%;
    height: auto;
    display: block;
}

.content { 
  justify-content: space-between;
  max-width: 1150px; /* コンテンツの最大幅を960pxに指定 */
  width: 100%; /* ブラウザウィンドウが960px未満の場合には、幅を動的に調整 */
  margin: 0 auto;
}

.process-title{
  padding-bottom: 70px;
}

.road-image{
  text-align: center;
  padding-bottom: 100px;
}

.complate-image{
  padding-top: 50px;
}

.road-image img {
  max-width: 80%;
  height: auto;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.cp_hr01 {
	height: 3px;
	border-width: 0;
	background-image: -webkit-linear-gradient(135deg,
	#AEC1BA 0px,#AEC1BA 2px, transparent 2px, transparent 4px,
	#AEC1BA 4px, #AEC1BA 6px, transparent 6px, transparent);
	background-image:         linear-gradient(-45deg,
	#AEC1BA 0px,#AEC1BA 2px, transparent 2px, transparent 4px,
	#AEC1BA 4px, #AEC1BA 6px, transparent 6px, transparent);
	background-size: 6px 6px;
  margin-bottom: 80px;
  margin-top: 0;
}

.present-title{
  padding-bottom: 70px;
}

.sub-title{
  font-size: 27spx;
  font-weight: bold;
}

.main {
  background: #fff;
  height: 100vh;
  padding: auto;
  text-align: center;
}

.main-content h3 {
  color: #F3C05E;
  padding-top: 10px;
}
.main-content p {
  padding-top: 15%;
}
.main-content img {
  max-width: 100%;
}
@media only screen and (max-width: 992px) {
  .main-content p {
    padding-top: 0%;
    padding-bottom: 10%;
  }
}

.emphasis{
  color: #f1896c;
}

.experience-title{
  padding-bottom: 70px;
  padding-top: 70px;
}

.table-scroll {
  overflow-x: auto;
  display: flex; /* flexboxを使って中心に配置 */
  justify-content: center; /* 横軸の中央揃え */
  padding-bottom: 80px;
  padding-top: 40px;
}

.table_design10 {
  border-collapse: collapse;
  min-width: 700px;
  font-weight: bold;
  text-align: center;
}
.table_design10 th, .table_design10 td {
  padding: .5em 1em;
  border: 2px solid #AEC1BA;
}
.table_design10 th {
  background: #AEC1BA;
  color: #474f67;
  border-right: 2px solid #E3E0D0;
  border-top: 2px solid #AEC1BA;
}
.table_design10 th:last-of-type {
  border-right: 2px solid #AEC1BA;
}
.table_back{
    background-color: #E3E0D0;
    padding-top: 100px;
    padding-bottom: 100px;

}

.enter-btn{
  padding-bottom: 100px;
  padding-top: 30px;
}

a.btn {
  background-color: rgb(232, 246, 241); 
	display: block;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
  font-size: large;
	width: 350px;
	margin: auto;
	padding: 1.8rem 3rem;
	font-weight: bold;
	border: 2px solid #AEC1BA;
	color: #f1896c;
	cursor: pointer;
	position: relative;
 	overflow: hidden;
 	z-index: 1;
}
a.btn::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgb(174, 193, 186);
	transform: translateX(-100%);
	transition: all .3s;
	z-index: -1;
}
a.btn:hover::before {
	transform: translateX(0);
}
a.btn:hover {
	color: #474f67;
}

.title{
    font-family: "Zen Maru Gothic", serif;
    color: #EBAA92;
    font-size: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight:bold;
    text-align: center;
}

.title::before,
.title::after {
  content: '';
  width: 3px;
  height: 40px;
  background-color: #AEC1BA;
}
.title::before {
  margin-right: 30px;
  transform: rotate(-35deg)
}
.title::after {
  margin-left: 30px;
  transform: rotate(35deg)
}

.table {
    width: 100%;
    display: flex;
    padding: 50px auto 50px auto;
    justify-content: center;
    margin-top: 60px; /* 上の余白を増やす */
    margin-bottom: 60px; /* 下の余白を増やす */
    
  }

  
  #table01 {
    border-collapse: separate;
    border-spacing: 0;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.05);
    border-radius: 8px;
    overflow: hidden; /* Ensures the border-radius clips the content */
  }
  
  #table01 tr {
    border-bottom: 1px solid #e1e1e1;
  }
  
  #table01 th,
  #table01 td {
    padding: 30px 15px; /* 上下のパディングを30pxに増やす */
    border: none;
    background-color: #fafafa; /* Light gray background for cells */
  }
  
  #table01 th {
    background-color: #f0f0f0; /* Slightly different background for header cells */
    color: #474f67; /* Darker text for contrast */
    font-weight: normal;
  }
  
  /* First Row of table to have round corners */
  #table01 tr:first-child th:first-child {
    border-top-left-radius: 8px;
  }
  
  #table01 tr:first-child th:last-child {
    border-top-right-radius: 8px;
  }
  
  /* Last Row of table to have round corners */
  #table01 tr:last-child td:first-child {
    border-bottom-left-radius: 8px;
  }
  
  #table01 tr:last-child td:last-child {
    border-bottom-right-radius: 8px;
  }
  
  /* _sp_ */
  @media only screen and (max-width: 480px) {
    #table01 th,
    #table01 td {
      width: 100%;
      display: block;
      text-align: left; /* Align text to the left for better readability on mobile */
    }
  
    #table01 tr:nth-child(even) td {
      background-color: #f7f7f7; /* Striped effect for readability on mobile */
    }
  
    #table01 th {
      background-color: #e8e8e8; /* Slightly darker background on mobile for the header */
      padding-top: 15px;
    }
  
    #table01 td {
      padding-top: 10px;
      padding-bottom: 10px;
      border-bottom: 1px solid #e1e1e1; /* Add a separator for stacked cells */
    }
  
    /* To remove the bottom border for the last cell */
    #table01 td:last-child {
      border-bottom: none;
    }
  }

  .section_image {
    width: 100%;
    height: auto; /* 画像の高さを指定、または必要に応じてautoにする */ /* 画像ファイルのパスを指定 */
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden; /* コンテナ外へのはみ出しを防ぐ */
  }
/* Form section */
form {
    text-align: center;
    padding: 40px 0;
}

/* Form input fields */
input[type="text"], input[type="email"], input[type="password"] {
    width: 100%;
    padding: 10px;
    margin-bottom: 20px;
}

/* Form submit button */
input[type="submit"] {
    background-color: #4CAF50;
    color: white;
    border: none;
    padding: 10px 20px;
    cursor: pointer;
}