@charset "utf-8";
/* CSS Document */
/*---------------------------------------------------------------
	フォーム
----------------------------------------------------------------*/
form input[type="submit"]{
	padding:20px 3em;
	margin:10px;
	background:#455fac;
  border: 2px solid #eee;
  border-radius: 8px;
	font-size:20px;
  cursor:pointer;
  color: #fff;
}
form input.back[type="submit"]{
	background:#DCDCDC;
  color: #fff;
}

input[type="submit"][disabled]{
    background:#DCDCDC;
    color: #999;
    cursor:not-allowed; /* 禁止カーソル */
}
input[type=radio], input[type=checkbox] {
  display: none;
}
.radio, .checkbox {
  box-sizing: border-box;
  -webkit-transition: background-color 0.2s linear;
  transition: background-color 0.2s linear;
  position: relative;
  display: inline-block;
  margin: 0 auto;
  padding: 12px 12px 12px 42px;
  border-radius: 8px;
  background-color: #f6f7f8;
  vertical-align: middle;
  cursor: pointer;
}
.radio:hover, .checkbox:hover {
  background-color: #becbf5;
}
.radio:hover:after, .checkbox:hover:after {
  border-color: #455fac;
}
.radio:after, .checkbox:after {
  -webkit-transition: border-color 0.2s linear;
  transition: border-color 0.2s linear;
  position: absolute;
  top: 50%;
  left: 15px;
  display: block;
  margin-top: -10px;
  width: 16px;
  height: 16px;
  border: 2px solid #bbb;
  border-radius: 6px;
  content: '';
}

.radio:before {
  -webkit-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
  position: absolute;
  top: 50%;
  left: 20px;
  display: block;
  margin-top: -5px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #455fac;
  content: '';
  opacity: 0;
}
input[type=radio]:checked + .radio:before {
  opacity: 1;
}

.checkbox:before {
  -webkit-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
  position: absolute;
  top: 50%;
  left: 21px;
  display: block;
  margin-top: -7px;
  width: 5px;
  height: 9px;
  border-right: 3px solid #455fac;
  border-bottom: 3px solid #455fac;
  content: '';
  opacity: 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
input[type=checkbox]:checked + .checkbox:before {
  opacity: 1;
}
/*装飾*/
.hissu{
	color:#fff;
	background:#ef4b4b;
  border: 1px solid #f33;
	padding:5px 10px;
	margin:5px 10px;
	font-size:11px;
}
.nini{
	color:#111;
	background:#ddd;
	padding:5px 10px;
	margin:5px 10px;
	font-size:11px;
}
.comecoment{
	color:#333;
	margin:0;
	padding:5px 0 0 15px !important;
	font-size:12px;
	line-height:1.2em;
}
.bgblue{
	color:#fff;
	background:#5ba0db;
	padding:5px 10px;
	margin:5px 10px;
	font-size:11px;
}
.formcome{
	background:#5ba0db;
  color: #fff;
	padding:5px 10px;
	margin:5px 15px 0 15px;
	font-size:20px;
	display: inline-block;
}
.formcome:before {
  content: "\f071";
  font-family:FontAwesome;
}
.conttbl{
border-spacing:5px;
border-collapse:inherit;
margin: 0 auto 15px auto;
width: 96%;
}
.conttbl th{
	color:#fff;
	background:#79ccad;
	padding:5px 10px;
	margin:5px 0;
	font-weight:normal;
	text-align:center;
/*	border: 1px solid #e0e0e0;*/
}
.conttbl th.formone{
	background:#fff;
	padding:5px 10px;
	margin:5px 0;
	font-weight:normal;
	border:none;
}
.conttbl td{
	color:#111;
	padding:15px 10px;
	margin:5px 10px;
	font-weight:normal;
	text-align:left;
/*	border: 1px solid #e0e0e0;*/
}
.conttbl td.formone{
	color:#111;
	padding:0 10px;
	margin:5px 10px;
	font-weight:normal;
	text-align:left;
	border:none;
}

.conttbl td p{
	text-align:left;
	padding:15px 0 0 0;
}
.conttbl td.sbmt{
	text-align:center;
	padding:15px 10px;
	border-bottom:none;
}

.conttbl td.sbmt input{
	background:#e9e9e9;
	width:250px;
	padding:20px 20px;
	margin:5px 10px 0 0;
	border:none;
	font-size:18px;
	
}

/*スタイル調整*/
#form #menu05 .clm{
padding:0 1em;
overflow: hidden;
}
#form #top .clm {
    padding-bottom: 0;
}
#form nav {
    width: 100%;
    border-top: 1px solid #79ccad;
    margin-bottom: 60px;
}
#form #top h1{
border-bottom: none;
}
#form #top h2 {
    text-align: center;
    color: #79ccad;
    border-bottom: none;
    padding: 0.2em 0;
    font-size: 30px;
    font-weight: bold;
    line-height: 1.4;
    position: relative;
}
.form_note{
    border-bottom: 2px dashed #79ccad;
    padding:1em 2em;
    margin: 1em;
}
.form_note em{
    color: #79ccad;
    font-size: 18px;
}
#form p.note{
text-align: right;
padding: 1em;
}
input[type="text"] {
	border:1px solid #999;
	padding:5px;
	margin:0 15px;
	width:60%;
}
input[type="radio"] {
	padding:5px;
	margin:0 5px 0 15px;
}
textarea{
	border:1px solid #999;
	padding:5px;
	width:98%;
}
td.sl input{
	border:none;
	margin:5px 5px 10px 0;
	width:20px;

}
td.sl ul li{
	float:left;
	width:140px;
}
.ppform{
	height:200px;
	overflow-y:scroll;
	border:1px solid #ddd;
	padding:5px 20px;
  margin-bottom: 100px;
}
.ppform div.clm{
border: none;
}
.ppform h3{
text-align: center;
color: #79ccad;
padding:0;
font-size: 20px;
font-weight: bold;
}
.ppform h4{
text-align: left;
color: #79ccad;
border-bottom: none;
padding: 0.2em 0 .2em 10px;
font-size: 18px;
font-weight: bold;
}
.formcombox h4{
text-align: center;
color: #79ccad;
border-bottom: none;
padding: 0.2em 0;
font-size: 30px;
font-weight: bold;
line-height: 1.4;
position: relative;
}
#menu05.cfm form{
  margin-bottom: 100px;
}
#menu05.cfm .comecoment,#menu05.cfm .form_note,
#menu05.cfm .radio, #menu05.cfm .checkbox,#menu05.cfm .ppform{
display: none;
}
#menu05.ok form,#menu05.ok .ppform{
display: none;
}
#menu05.ok .sendcom{
background-color: transparent;
color: #111;
padding:3em 2em;
margin: 0 auto 100px auto;
font-size:20px;
text-align: center;
}
#menu05.ok .sendcom:before {
  content: "\f0e0";
  font-family:FontAwesome;
}
@media screen and (max-width: 768px) {
table td,th{
display: block;
}
.form_note {
padding: 0.5em;
}
}