@charset "UTF-8";

.wrapper {
    max-width: 1200px;
	margin: 0 auto;
	padding: 0 10px;
}

.text1{
	font-size: 75%;
	color: #ff4500;   
}

#kome{
    margin-bottom: 12px;
}


#logo{
    margin-top: 15px;
}

#seilb{
    padding-right: 15px;
    padding-left: 10px;
}

#seilb2{
    padding-right: 15px;
    padding-left: 10px;
}



/*パンくずリストの画像縦中央 */
#pan{
    padding-top: 8px;
    padding-bottom: 20px;
}

#pan a{
    color: #646363;
    text-decoration:none; 
}

#zu{
    position: absolute;
    width: 22px;
    height: 19px;
}

/*ご利用にあたり説明文*/
.setu{
    font-weight: bold;
    font-size: 18px;
}

.setu1{
    padding-top: 6px;
    padding-right: 35px;
    margin-left: 15px;
    padding-left:1.2em;
    text-indent:-1.2em;
    line-height: 1.5;
}

#setu2{
    padding-top: 6px;
    padding-right: 35px;
    margin-left: 15px;
    padding-left:1.2em;
    text-indent:-1.2em;
    margin-bottom: 15px;
    line-height: 1.5;
}


.sen{
  border-top: 1px solid #d7d7d7;
  border-bottom: 1px solid #d7d7d7;
}


#toisetu
 {
  margin-top: -20px;
  letter-spacing: 1.5px;
}

.ue3 tr {
    border-top: solid 2px #ffffff;
}

.bt{
    margin-top: -10px;
}


hr.ad2 {
    border: solid 1px #d7d7d7;
}



#hl{
margin-left: 20px;
border-bottom:dotted;/*下線を点線にする*/
border-color: #646363;
border-width:1px;
}



.position-center {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}



.han{
   float: left;
   padding-left: 20px;
   height: 20px;
}



/* common */

body {
	font-family: "Hiragino Kaku Gothic proN", "メイリオ", sans-serif;
	color: #444444;
	line-height: 1.5;
    font-size: 16px;
    letter-spacing: 1.3px;
}


/*項目名欄*/
.item-J{
	font-size: 100%;
	color: #fff;
	background-color: #1e73be;
	margin-top: 20px;
    margin-bottom: 20px;
	height: 50px;
	border-radius: 5px; /* 角を丸くする */
	display: block; /* 要素をブロックレベルにする */
    margin-left: auto; /* 左の余白を自動にする */
    margin-right: auto; /* 右の余白を自動にする */
    padding-left: 10px;
    padding-right: 10px;
}
.item-J:hover {
    background-color: #409cc7; /* ホバー時の背景色 */
	cursor: pointer; /* ホバー時のカーソルをポインターにする */
}
.item-k{
	font-size: 100%;
	color: #fff;
	background-color: #1e73be;
	margin-top: 10px;
	height: 50px;
	border-radius: 5px; /* 角を丸くする */
	display: flex; /* フレックスボックスを使用 */
	justify-content: center; /* 水平方向に中央揃え */
	align-items: center; /* 垂直方向に中央揃え */
	margin-left: auto; /* 左の余白を自動にする */
	margin-right: auto; /* 右の余白を自動にする */
	text-decoration: none; /* 下線を削除 */
    width: 200px;
}
.item-k:hover {
    background-color: #409cc4; /* ホバー時の背景色 */
	cursor: pointer; /* ホバー時のカーソルをポインターにする */
}
.item-l{
	font-size: 100%;
	color: #1e73be;
	font-weight: bold; /* 太文字にする */
	background-color: #fff;
	margin-top: 10px;
	height: 50px;
	border-radius: 5px; /* 角を丸くする */
	display: flex; /* フレックスボックスを使用 */
	justify-content: center; /* 水平方向に中央揃え */
	align-items: center; /* 垂直方向に中央揃え */
	margin-left: auto; /* 左の余白を自動にする */
	margin-right: auto; /* 右の余白を自動にする */
	border: solid 1px;
	border-color: #1e73be;
	text-decoration: none; /* 下線を削除 */
    width: 200px;
}
.item-l:hover {
    background-color: #b0c4de; /* ホバー時の背景色 */
	cursor: pointer; /* ホバー時のカーソルをポインターにする */
}
.item-l:hover {
    background-color: #b0c4de; /* ホバー時の背景色 */
	cursor: pointer; /* ホバー時のカーソルをポインターにする */
}
.item-M{
	font-size: 110%;
	margin-top: 10px;
    line-height: 50px;
	margin-left: auto; /* 左の余白を自動にする */
	margin-right: auto; /* 右の余白を自動にする */
    letter-spacing: 1.2px;
}

/* footer */

footer{
	text-align: center;
}

#sage{
    padding-left: 20px;
	text-indent:-20px;
}


#yuu{
    float:left;
}




#yuu2{
    float:right;
    margin-left: 30px;
    margin-bottom: 5px;
}


table {
  border-collapse: collapse;
}
 
p {
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  margin: 60px auto 40px;
}
 
input[type="submit"],
input[type="text"],
select,
textarea,
button {
  -moz-appearance: none;
  -webkit-appearance: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  outline: none;
  border: none;
}
 
 
input[type="text"],
textarea {
  background: #f8f8f8;
  display: block;
  font-size: 16px;
  padding: 12px 15px;
  transition: 0.8s;
  border-radius: 0;
}
 
input[type="text"]:focus,
textarea:focus {
  background: #e9f5fb;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}
 
textarea[name="content"] {
  display: inline-block;
    width: 100%;
  height: 200px;
}
 
input::placeholder,
textarea::placeholder {
  color: #ccc;
}
 
::-webkit-input-placeholder {
  color: #ccc;
  opacity: 1;
}
 
::-moz-placeholder {
  color: #ccc;
  opacity: 1;
}
 
:-ms-input-placeholder {
  color: #ccc;
  opacity: 1;
}
 

#footer{
    text-align: center;
    letter-spacing: 1.5px;
    margin-top: 15px;
    margin-bottom: 15px;
}

.item-B1{
	color: #fff;
    background: #1e73be;
	padding: 3px 3px 3px 3px;
	border-radius: 5px; /* 角を丸くする */
	font-weight: bold; /* 太文字にする */
}

.item-B2{
	color: #fff;
    background: #808080;
	padding: 3px 3px 3px 3px;
	border-radius: 5px; /* 角を丸くする */
	font-weight: bold; /* 太文字にする */
}



.form-table th {
    width: 25%;
    padding-top:15px;
    padding-bottom: 15px;
}


  .button-container {
    display: flex;
    gap: 0px; /* ボタン間のスペース */
  }