@charset "UTF-8";
/* CSS Document */

.tel {
	width:60%;
    padding:50px 0;
    margin:0 auto 50px auto;
	text-align:center;
	padding: 10px;  
	border: 1px dotted #333333; 
	border-radius: 5px;
}

.tel a{
	font-size: 36px;
	font-weight: bolder;
	font-family: 'Courier New', Courier, monospace;
}

.formArea {
	width:100%;
    padding:50px 0;
    margin:0 auto;
	text-align:center;
}


.fm {
	width:100%;
    padding:50px 0;
    margin: 30px auto;
}

.fm li,
textarea,
input{
	font-size:14px;
    letter-spacing: 0.2em;
    overflow-wrap: break-word;
    word-wrap: break-word;
}

.fm tr th {
    font-size: 24px;
	width:40%;
	text-align:center;
    vertical-align: middle;
	color:#555;
    font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
}
.fm tr td{
    width:90%;
    margin:0 auto;;
	text-align:center;
	line-height:3em;
}

.red{
	color:#bc0000;
}



input[type="text"],
textarea[type="text"]{
	border-radius:5px;
	padding: 0.5rem 1rem;
	border:1px solid #ccc;
}

textarea {
  resize : both;      
}

input[type="text"] {
    width:50%;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
}

input[type="text"]:focus {
    width: 90%;
}

input[type="text"]:focus,
textarea:focus {
    box-shadow: 0 0 7px #DB343E;
    border: 1px solid #DB343E;
}

input[name="confirm"],
input[name="reset"] ,input[name="submit"] ,input[name="return"] {
	padding: 0.5rem 1rem!important;
	color:#FFF;
	border-radius:0!important;
	font-weight:bold;
	
}

input[name="reset"] {
	background:#555;
}

input[name="confirm"] {
	background:#6B6B6B;
}

/*テキストエリア*/
.textlines{
    line-height: 1.75; 
    width:100%;    
    height: 200px; 

}

/*オリジナルチェックボックス*/
.cp_ipcheck {
	width: 90%;
    min-width:350px;
	margin: 2em auto;
	text-align: left;
}
.cp_ipcheck ul {
	
	padding: 0.5rem 1rem;
	list-style: none;
	border: 1px solid #cccccc;
	border-radius:5px;
}
.cp_ipcheck .list_item {
	margin: 0 0 0.5rem 0;
	padding: 0;
}
.cp_ipcheck label {
	line-height: 135%;
	position: relative;
	margin: 0.5rem;
	cursor: pointer;
}
.cp_ipcheck .option-input05 {
	position: relative;
	margin: 0 1rem 0 0;
	cursor: pointer;
}
.cp_ipcheck .option-input05:before {
	position: absolute;
	z-index: 1;
	top: 0.125rem;
	left: 0.1875rem;
	width: 0.75rem;
	height: 0.375rem;
	content: '';
	-webkit-transition: -webkit-transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75);
	        transition:         transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75);
	-webkit-transform: rotate(-45deg) scale(0, 0);
	        transform: rotate(-45deg) scale(0, 0);
	border: 2px solid #da3c41;
	border-top-style: none;
	border-right-style: none;
}
.cp_ipcheck .option-input05:checked:before {
	-webkit-transform: rotate(-45deg) scale(1, 1);
	        transform: rotate(-45deg) scale(1, 1);
}
.cp_ipcheck .option-input05:after {
	position: absolute;
	top: -0.125rem;
	left: 0;
	width: 1rem;
	height: 1rem;
	content: '';
	cursor: pointer;
	border: 2px solid #f2f2f2;
	background: #ffffff;
}


/*オリジナルラジオボタン*/

.cp_ipradio05 {
	width: 90%;
    min-width:300px;
	margin: 2em auto;
	text-align: left;
}
.cp_ipradio05 ul {
	
	padding: 0.5rem 1rem;
	list-style: none;
	border: 1px solid #cccccc;
	border-radius:5px;
}
.cp_ipradio05 .list_item {
	margin: 0 0 0.5rem 0;
	padding: 0;
}
.cp_ipradio05 label {
	line-height: 135%;
	position: relative;
	margin: 0.5rem;
	cursor: pointer;
}
.cp_ipradio05 .option-input {
	position: relative;
	margin: 0 1rem 0 0;
	cursor: pointer;
}
.cp_ipradio05 .option-input:before {
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0.125rem;
	width: 0.75rem;
	height: 0.75rem;
	content: '';
	-webkit-transition: -webkit-transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75);
	        transition:         transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75);
	-webkit-transform: scale(0, 0);
	        transform: scale(0, 0);
	border-radius: 50%;
	background: #da3c41;
}
.cp_ipradio05 .option-input:checked:before {
	-webkit-transform: scale(1, 1);
	        transform: scale(1, 1);
}
.cp_ipradio05 .option-input:after {
	position: absolute;
	top: -0.25rem;
	left: -0.125rem;
	width: 1rem;
	height: 1rem;
	content: '';
	border: 2px solid #f2f2f2;
	border-radius: 50%;
	background: #ffffff;
}

@media all and (max-width: 670px)  {
    
    .fm tr th ,
    .cp_ipcheck ,
    .cp_ipradio05{
	width:100%;
}
    
}