/* for body */

* {
  text-align: left !important;
}

body {
  margin: 0;
  padding: 0;
  /* font-size: 90%; */
  background: #fff;
  color: #000;
  /* font-family: Verdana,"MS PGothic",Osaka,Arial,sans-serif; */
  font-size: 62.5%;
  line-height: 1.8;

  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}

div#content {
  font-size: 1rem;
  line-height: 1.6;
}
h1 {
  display: none;
}
/* =============================================================
ヘッダー
============================================================= */
#head {
  background: #e7f2bd;
  border-bottom: solid 5px #c7d989;
}
#head-in {
  padding: 8px 0;
  box-sizing: border-box;
}
#head div.wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#head div#corp {
  font-size: 1.3rem;
}
#head div#goto_home ul {
  font-size: 0.7rem;
  list-style: none;
  margin: 0;
	padding : 0;
  display: flex;
  justify-content: flex-end;
}
#head div#goto_home ul li {
  padding-left: 10px;
  box-sizing: border-box;
  text-align: center !important;
  line-height: 1;
}

#head div#goto_home ul li img {
  width: 30px;
  height: auto;
  margin: 0;
}
/* =============================================================
フッター
============================================================= */
footer {
  background: #e7f2bd;
  border-top: solid 5px #c7d989;
}
footer #footer-in {
  padding: 0px 0 8px 0;
  box-sizing: border-box;
}
footer div#copy {
  text-align: center !important;
  font-size: 0.8rem;
  background: #c7d989;
  padding: 3px 0;
  box-sizing: border-box;
}
/* =============================================================
コンテンツ
============================================================= */
#body {
  font-size: 1rem;
}
.wrapper {
  width: 768px;
  margin: 0 auto;
  text-align: left;
}

/* メッセージ部分 */
ol.message,
ul.message {
  margin: 0 0 0 30px;
  padding: 0;
}
ul.message {
  list-style: none;
  margin: 0;
}

/* フォームエリア */

p.btn input {
  width: 110px;
  height: 32px;
}

/* for title */
h2 {
  font-size: 1.05rem;
  text-align: left;
  border-bottom: 3px solid #f2955e;
  padding: 4px 6px;
  margin: 1.5em 0;
  width: 100%;
}

/* for message */
p.msg {
  color: #dd0000;
  margin: 2em;
}
span.msg {
  color: #dd0000;
}
span.hissu {
  color: #dd0000;
  font-size: 0.8rem;
}

/* for back-button */
form.back {
  margin-top: 2em;
}

/******************************************************************
	250711 お問い合わせフォーム
*****************************************************************/
div.inquiry {
  padding-bottom: 2em;
  box-sizing: border-box;
}
/* お問い合わせ用のdl
---------------------------------------------------------*/
dl.dl_inquiry {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  line-height: 1.4;
  width: 100%;
}
dl.dl_inquiry dt {
  width: 200px;
  box-sizing: border-box;
  padding: 20px 10px;
  border-bottom: solid 1px #ccc;

  display: flex;
  flex-wrap: wrap;
  /* flex-direction : column; */
  align-items: center;
  line-height: 1.6;

  margin: 0;
}
dl.dl_inquiry dd {
  width: calc(100% - 210px);
  box-sizing: border-box;
  padding: 20px 10px;
  border-bottom: solid 1px #ccc;

  margin: 0;
}
dl.dl_inquiry dt:first-of-type {
  border-top: solid 1px #ccc;
}
dl.dl_inquiry dt:first-of-type + dd {
  border-top: solid 1px #ccc;
}
dl.dl_inquiry p {
  margin: 0;
}
/* フォームの装飾
-------------------------------------------------------------*/
input[type="text"],
input[type="number"],
input[type="checkbox"],
input[type="email"],
textarea,
select {
  margin: 0;
  padding: 0;
  border: 0;
  padding: 9px 3px 5px 3px;
  /*
  font-family: "Noto Serif JP", serif;
  font-size: 62.5%;
	*/
  font-size: 1rem;
  line-height: 1.4;
  color: #000;
  border: solid 1px #ccc;
}
input[type="text"]:focus,
input[type="number"]:focus,
input[type="checkbox"]:focus,
input[type="email"]:focus,
textarea:focus,
select:focus {
  border: solid 1px #fdb290;
}
textarea {
  width: 90%;
}
input[type="checkbox"] {
  margin-right: 5px;
}

input.w_100 {
  width: 100px !important;
}
input.w_150 {
  width: 150px !important;
}

div.checkbox label.top_tab {
  margin: 0;
  padding: 0;
  border: 0;
  padding: 5px 3px;
  /*
  font-family: "Noto Serif JP", serif;
  font-size: 62.5%;
	*/
  font-size: 1rem;
  line-height: 1.4;
  color: #000;
  border: solid 1px #fff;
}
div.checkbox label:focus {
}
div.checkbox label:hover {
  border: solid 1px #fdb290;
}

/* セレクトボックスのデザインをボタンにあわせる
---------------------------------------------------------*/
select.select-button_style {
  appearance: none;
  background-color: #fff;
  border: 1px solid #666;
  border-radius: 20px;
  /* padding: 6px 30px 6px 18px; */
  padding: 8px 21px 6px 20px;
  font-size: 1rem;
  color: #333;
  cursor: pointer;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg width='10' height='7' viewBox='0 0 10 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 5L9 1' stroke='%23333' stroke-width='2'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 12px center;
  background-size: 10px 7px;
  margin-right: 10px;
}
select.select-button_style:hover {
  border-color: #666;
  background: #f8e58c;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg width='10' height='7' viewBox='0 0 10 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 5L9 1' stroke='%23333' stroke-width='2'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 12px center;
  background-size: 10px 7px;
}
/* 選択肢スタイル（一部ブラウザのみ反映） */
select.select-button_style option {
  background-color: #fff;
  color: #000;
}

div#submit input[type="submit"],
div#submit input[type="reset"],
div#submit input[type="button"] {
  background-color: #313131;
  border-bottom: 1px solid #060606;
  border-left: 1px solid #646464;
  border-right: 1px solid #060606;
  border-top: 1px solid #646464;
  color: #ffffff;
  margin: 0.5em;
  padding: 8px 3px;
  text-align: center !important;
  vertical-align: baseline;
  width: 150px;
  /* border-radius: 5px; */
  /*
  font-family: "Noto Serif JP", serif;
  font-size: 62.5%;
	*/
  font-size: 1rem;
  line-height: 1.4;
  cursor: pointer;
}
/* ボタンのマウスオーバー */
div#submit input[type="submit"]:hover,
div#submit input[type="reset"]:hover,
div#submit input[type="button"]:hover {
  background-color: #4a4a4a;
  color: #fff;
}

/*------------------------------------------------------------
ボタン部分
-------------------------------------------------------------*/
div#submit {
  text-align: center !important;
  padding: 1em 0;
}

/* ラジオボタンをボタン風にする 
------------------------------------------------------------*/
.label_box {
  line-height: 3em;
}
.label_box ul {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
}
dl.dl_inquiry label > input {
  display: none; /* デフォルトのinputは非表示にする */
}
dl.dl_inquiry label > span {
  color: #000; /* 文字色を黒に */
  /* font-size: 0.9rem; */
  border: 1px solid #666; /* 淵の線を指定 */
  border-radius: 20px; /* 角丸を入れて、左右が丸いボタンにする */
  padding: 5px 20px; /* 上下左右に余白をトル */
  /* display: block;   */ /*liなどで幅が決まっている時は有効化 */
  margin-right: 10px;
}
dl.dl_inquiry label > span:hover {
  cursor: pointer;
}
@media (any-hover: hover) {
  dl.dl_inquiry label > span:hover {
    background: #ccc;
  }
}
dl.dl_inquiry label > input:checked + span {
  color: #000; /* 文字色を白に */
  background: #f2e744; /* 背景色を緑に */
  border: 1px solid #000; /* 淵の線を黒に */
}

/* 余白を持たせる
	-------------------------------------------------------------*/
ul.ul_btn {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  gap: 25px 10px;
}

/* iphoneのセレクトボックスをリセットする
	-------------------------------------------------------------*/
select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;

  background-color: #fff;
}

/* 画像キャプチャ
	-------------------------------------------------------------*/
img.img_cap {
  width: 90px !important;
  margin: 0 !important;
}

/* ipad */
@media only screen and (max-width: 768px) {
  /* =============================================================
	コンテンツ
	============================================================= */
  .wrapper {
    width: 96%;
  }
}

@media only screen and (max-width: 640px) {
  #head div#corp {
    font-size: 1.15rem;
  }
  #head div#goto_home ul li span {
    display: none;
  }
  #head div#goto_home ul li br {
    display: none;
  }

  /* お問い合わせ用のdl
	---------------------------------------------------------*/
  dl.dl_inquiry {
    display: block;
  }
  dl.dl_inquiry dt {
    width: 100%;
    padding: 20px 0 0 10px;
    border-width: 0px;
    display: block;
  }
  dl.dl_inquiry dd {
    width: 100%;
    padding: 0 10px 20px 10px;
    border-bottom: solid 1px #ccc;

    margin: 0;
  }
  dl.dl_inquiry dt:first-of-type {
    border-top: solid 1px #ccc;
  }
  dl.dl_inquiry dt:first-of-type + dd {
    border-width: 0 0 1px 0;
  }
  input[type="text"],
  input[type="number"],
  input[type="email"],
  textarea {
    width: 90%;
  }
}

/* スマホ用 */
@media only screen and (max-width: 480px) {
  #body {
    margin: 0;
    padding: 0;
  }

  /* 投稿フォーム */
  #form {
    width: 100%;
    margin: 10px auto;
  }
  #form th,
  #form td {
    text-align: left;
    width: 100%;
    display: block;
    padding: 6px 3px;
    border-top: none;
  }
  #form tr:first-child th {
    border-top: 1px solid #666;
  }
  p.btn input {
    width: 10em;
  }

  /* 小見出し */
  h2 {
    margin: 1em 3px;
    width: 90%;
  }

  /* サンクス */
  p.msg {
    margin: 1em auto;
  }
}

/*=====================================================================

	印刷用

=====================================================================
===================================================================== */
@media print {
  html,
  body {
    overflow-y: visible;
    overflow-x: visible;
    zoom: 98%;
  }
}