/*===============================================
●style.css 画面の横幅が1024px以上
===============================================*/
@media screen and (min-width: 1024px){


/*******▼contact*******/
.subarea07{
	width:90%;
	margin: 0px auto;
}

.subarea07 table{
	width:90%;
	margin: 0px auto;
	text-align:left;
	border: none;
	border-collapse: separate;
	border-spacing: 2px;
}

.subarea07 p{
	margin:20px auto 40px 10px;
	font-size:1rem;
	font-weight:400;
	line-height:1.4;
}
.subarea07 table th{
/***	background:#63CFBA;***/
	background:none;
	color:#fff;
	font-weight:400;
	padding:30px 0 0 0;

}

.subarea07 table td{
	width:60%;
	margin-top:0;
	padding:10px;
	vertical-align:top;
}
.subarea07 table td,.subarea07 table th{
	display: block;
	width: 100%;
}

.form100{
	width:60%;
	margin:0 0 0 10%;
	height:3rem;
	font-size:1.2rem;
	padding:10px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	border : 1px solid #63CFBA;
}
.form100b{
	width:60%;
	margin:0 0 0 10%;
	height:8rem;
	font-size:1.2rem;
	padding:10px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	border : 1px solid #63CFBA;
}
.hissu{
	color:#fff200;
	margin-left:1rem;
	font-size:0.8rem;
}

input[type=submit]{
	font-size:20px;
	color:#fff;
	background:#E85498;
	margin:30px auto 70px;
	padding:20px 45px;
	border-radius: 6px;        /* CSS3草案 */  
    -webkit-border-radius: 6px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 6px;   /* Firefox用 */  
    border:none;
}

input::placeholder {
  color: #a6e3cd;
}
textarea::placeholder {
  color: #a6e3cd;
}


input[type=radio]{
  display: none;
}

.radio {
  box-sizing: border-box;
  -webkit-transition: background-color 0.2s linear;
  transition: background-color 0.2s linear;
  position: relative;
  display: inline-block;
  margin: 0 10px 8px 0;
  padding: 12px 12px 12px 42px;
  border-radius: 8px;
  background-color: #f6f7f8;
  vertical-align: middle;
  cursor: pointer;
}
.radio:hover {
  background-color: #e2edd7;
}
.radio:hover:after {
  border-color: #53b300;
}
.radio:after {
  -webkit-transition: border-color 0.2s linear;
  transition: border-color 0.2s linear;
  position: absolute;
  top: 56%;
  left: 17px;
  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: #53b300;
  content: '';
  opacity: 0;
}
input[type=radio]:checked + .radio:before {
  opacity: 1;
}


input[type=checkbox]:checked + .checkbox:before {
  opacity: 1;
}

/*******contact-end*******/


/*******jm*******/

.jmtitle{
	margin:40px auto 10px;
	font-size:20px;
	text-align:left;
	padding:8px 2px;
	color:#47dbcf;
}


table.price-table{
	width:80%;
	margin:10px auto;
}
.tdmain{
	text-align:center;
	padding:8px 2px;
	background:#47dbcf;
	color:#fff;
	border:solid 1px #fff;
	font-size:18px;
}
.kosu{
	text-align:right;
	padding:1px;	
}
.jmtd{
	padding:12px;
}

.dnone{
	display:none;
}

/*******jm-end*******/

}



/*===============================================
●smt.css  画面の横幅が1023pxまで
===============================================*/
@media screen and (max-width:1023px){


/*******▼contact*******/
.subarea07{
	width:95%;
	margin: 0px auto;
}

.subarea07 table{
	width:90%;
	margin: 0px auto;
	text-align:left;
	border: none;
	border-collapse: separate;
	border-spacing: 2px;
}

.subarea07 p{
	margin:20px auto 40px 10px;
	font-size:1rem;
	font-weight:400;
	line-height:1.4;
}
.subarea07 table td, table th{
	display: block;
	width: 100%;
}
.subarea07 table th{
	color:#fff;
	font-weight:400;
	padding:20px 0 10px 0;
}

.subarea07 table td{
	width:100%;
	margin:10px auto;
	padding:0px;
}

.form100{
	width:100%;
	margin:0 auto 20px;
	height:3rem;
	font-size:1rem;
	padding:10px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	border : 1px solid #63CFBA;
}
.form100b{
	width:100%;
	margin:0;
	height:8rem;
	font-size:1rem;
	padding:10px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	border : 1px solid #63CFBA;
}
.hissu{
	color:#fff200;
	margin-left:1rem;
	font-size:0.8rem;
}

input[type=submit]{
	font-size:20px;
	color:#fff;
	background:#E85498;
	margin:30px auto 70px;
	padding:18px 28px;
	border-radius: 6px;        /* CSS3草案 */  
    -webkit-border-radius: 6px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 6px;   /* Firefox用 */  
    border:none;
}

.form textarea{
	width : 92%;
	max-width : 840px;
	border : 1px solid #a6b6be;
	background : #f9fafb;
	padding : 10px;
	margin : 15px 0;
	height : 250px;
}
input::placeholder {
  color: #a6e3cd;
}
textarea::placeholder {
  color: #a6e3cd;
}


input[type=radio]{
  display: none;
}

.radio {
  box-sizing: border-box;
  -webkit-transition: background-color 0.2s linear;
  transition: background-color 0.2s linear;
  position: relative;
  display: inline-block;
  margin: 4px ;
  padding: 12px 12px 12px 42px;
  border-radius: 8px;
  background-color: #f6f7f8;
  vertical-align: middle;
  cursor: pointer;
}
.radio:hover {
  background-color: #e2edd7;
}
.radio:hover:after {
  border-color: #53b300;
}
.radio:after {
  -webkit-transition: border-color 0.2s linear;
  transition: border-color 0.2s linear;
  position: absolute;
  top: 56%;
  left: 17px;
  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: #53b300;
  content: '';
  opacity: 0;
}
input[type=radio]:checked + .radio:before {
  opacity: 1;
}


input[type=checkbox]:checked + .checkbox:before {
  opacity: 1;
}

/*******contact-end*******/

/*******jm*******/

.jmtitle{
	margin:40px auto 10px;
	font-size:18px;
	text-align:left;
	padding:2px;
	color:#47dbcf;
}


table.price-table{
	width:94%;
	margin:10px auto;
}
.tdmain{
	text-align:center;
	padding:4px 1px;
	background:#47dbcf;
	color:#fff;
	border:solid 1px #fff;
	font-size:16px;
}
.kosu{
	text-align:right;
}
.jmtd{
	font-size:15px;	
	padding:8px;
}

.dnone{
	display:none;
}

/*******jm-end*******/

}