@charset "UTF-8";

#page_content h1{
background: #ff6dbb;
   padding: 2em;
    color: #fff;
    text-align: center;
}

#page_content #page_content-inner{
    padding: 2em;
    max-width: 75rem;
    margin: 0 auto;
}
/*# お問い合わせ */
#page_content div#wpcf7-f10-o1 input[type=checkbox], input[type=radio] {
    display: inline;
    -webkit-appearance: auto;
    -moz-appearance: none;
    appearance: auto;
}
#page_content div#wpcf7-f10-o1 .wpcf7-list-item label{
	display: flex;
    align-items: baseline;
}

#page_content div#wpcf7-f10-o1 .contact-row{
    display: flex;
	flex-direction:row;
}
@media screen and (max-width: 768px) {
  #page_content div#wpcf7-f10-o1 .contact-row{
	flex-direction:column;
  }
}
#page_content div#wpcf7-f10-o1 .contact-item,
#page_content div#wpcf7-f10-o1 .contact-body {
  padding: 20px;
	font-size: 1.2rem;
    color: #333;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
}

#page_content div#wpcf7-f10-o1 .contact-item {
  text-align: left; /* テキスト左寄せ */
  width: 30%; /* 横幅30%指定（グレーの背景色部分） */
  background-color: #ffe2f1; /* グレーの背景色 */
	    font-weight: 600;

}
#page_content div#wpcf7-f10-o1 .contact-item span.hukusu {
    font-size: 0.8rem;
    padding-left: 1rem;
}

#page_content div#wpcf7-f10-o1 .contact-form_erea .contact-row:last-child .contact-item,
#page_content div#wpcf7-f10-o1 .contact-form_erea .contact-row:last-child .contact-body{
		border-bottom: 1px solid #ccc;
}
@media screen and (max-width: 768px) {
	#page_content div#wpcf7-f10-o1 .contact-item {
		border-right: 1px solid #ccc;
	}
  #page_content div#wpcf7-f10-o1 .contact-form_erea .contact-row:last-child .contact-item {
      border-bottom: none;
  }
}
#page_content div#wpcf7-f10-o1 .contact-item .required {
	font-size:1rem;
	background:#ffc3e2;
	padding:2px 6px;
	border-radius:3px;
	margin-left:1rem;
}
#page_content div#wpcf7-f10-o1 .contact-body {
  width: 70%; /* 横幅70%指定（白背景色部分） */
	border-right: 1px solid #ccc;
}
@media screen and (max-width: 768px) {
  #page_content div#wpcf7-f10-o1 .contact-item,
  #page_content div#wpcf7-f10-o1 .contact-body {
      width: 100%;
  }
}
#page_content div#wpcf7-f10-o1 .form-text {
  width: 100%;
  padding: 10px;
  border-radius: 5px;
  border: 1px solid #ccc;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  max-width: 400px;
}
#page_content div#wpcf7-f10-o1 .contact-sex + .contact-sex {
  margin-left: 10px;
}

#page_content div#wpcf7-f10-o1 .contact-sex-txt {
  margin-left: 5px;
}
#page_content div#wpcf7-f10-o1 .form-select {
    width: 180px;
    height: 50px;
    padding: 5px;
    border: 1px solid #ccc;
    border-radius: 5px;
}
#page_content div#wpcf7-f10-o1 .contact-skill {
  display: block;
}

#page_content div#wpcf7-f10-o1 .contact-skill + .contact-skill {
  margin-top: 10px;
}

#page_content div#wpcf7-f10-o1 .contact-skill-txt {
  margin-left: 5px;
}
#page_content div#wpcf7-f10-o1 .form-textarea {
  width: 100%;
  padding: 10px;
  height: 200px;
  border-radius: 5px;
  border: 1px solid #ccc;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}
#page_content div#wpcf7-f10-o1 .contact-submit {
  width: 250px; /* 横幅指定 */
  background-color: #ff6dbb; /* 背景色 */
  color: #fff; /* 文字色 */
  font-weight: bold; /* 文字の太さ */
  display: block; /* インライン要素をブロック要素に変更 */
  margin: 2em auto 0; /* 中央寄せ */
  font-size: 1.5rem; /* 文字の大きさ */
  padding: 15px; /* 内側の余白 */
  border-radius: 100vh; /* 角丸指定 */
  border: none;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  cursor: pointer;
	box-shadow: rgba(0, 0, 0, 0.25) 4px 4px 4px 0px;
}
/* フォーム確認画面 */

#page_content div#wpcf7cpcnf th,#page_content div#wpcf7cpcnf td{
  padding: 20px;
  border: 1px solid #ccc;
   text-align: left;
 }
#page_content div#wpcf7cpcnf th{
  width: 30%;
    background-color: #eee;
}
#page_content div#wpcf7cpcnf td{
  width: 70%;
}

#page_content div#wpcf7-f10-o1 .wpcf7cp-cfm-edit-btn {
  width: 250px; /* 横幅指定 */
  background-color: #999; /* 背景色 */
  color: #000; /* 文字色 */
  font-weight: bold; /* 文字の太さ */
  display: block; /* インライン要素をブロック要素に変更 */
  margin: 0 auto 20px; /* 中央寄せ */
  font-size: 1.5rem; /* 文字の大きさ */
  padding: 15px; /* 内側の余白 */
  border-radius: 100vh; /* 角丸指定 */
  border: none;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  cursor: pointer;
}

#page_content div#wpcf7-f10-o1 .wpcf7cp-cfm-submit-btn {
  width: 250px; /* 横幅指定 */
  background-color: #ff6dbb; /* 背景色 */
  color: #fff; /* 文字色 */
  font-weight: bold; /* 文字の太さ */
  display: block; /* インライン要素をブロック要素に変更 */
  margin: 0 auto; /* 中央寄せ */
  font-size: 1.5rem; /* 文字の大きさ */
  padding: 15px; /* 内側の余白 */
  border-radius: 100vh; /* 角丸指定 */
  border: none;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  cursor: pointer;
		box-shadow: rgba(0, 0, 0, 0.25) 4px 4px 4px 0px;
}