.ccm-page .ccm-block-type-form{
	margin:48px auto 16px;
}
.ccm-page .ccm-block-type-form fieldset{
	border:none;
	margin: 0;
	padding: 0;
}
.ccm-page .ccm-block-type-form legend{
	font-size: 1.6rem;
	margin: 0 auto 32px;
	font-weight: bold;
}
.ccm-page .ccm-block-type-form h2{
	font-size:1.5rem;
	margin:0 auto 16px;
}
.ccm-page .ccm-block-type-form .ccm-form-small{
	margin-bottom:32px;
}
.ccm-page input,
.ccm-page textarea,
.ccm-page select{
	padding: 8px;
    border: #ccc 1px solid;
    line-height: 1.3;
    background: #fff;
    transition: .3s;
	border-radius:2px;
	font-size:1rem;
}
.ccm-page input[type="file"],
.ccm-page input[type="file"]:focus,
.ccm-page input[type="file"]:hover{
	border: none;
}
.ccm-page .form-group{
	margin-bottom:32px;
}
.ccm-page .ccm-block-type-form .text-danger{
	background:#F66;
	color:#fff;
	padding:0px 4px;
	margin-left:8px;
}
.ccm-page input:focus,
.ccm-page textarea:focus,
.ccm-page select:focus,
.ccm-page input:hover,
.ccm-page textarea:hover,
.ccm-page select:hover,
.ccm-page input[type="checkbox"]:checked{
	border: rgba(2,119,189,1) 1px solid;
}
.ccm-page input,
.ccm-page textarea,
.ccm-page select{
	display:block;
	width:100%;
}
.ccm-page input[type="checkbox"]{
	width: inherit;
	display: inline-block;
	-webkit-appearance: checkbox;
    -moz-appearance: checkbox;
    appearance: checkbox;
}
.ccm-page input::placeholder{
	color: rgba(84,84,84,.5);
}
/* ----- エラー ----- */
.ccm-page .alert-error,
.ccm-page .alert-danger{
	margin-bottom:52px;
}
.ccm-page .alert{
	font-weight:bold;
	color:#f00;
	background:rgba(255,255,255,0.8);
	padding:32px;
	margin:0 auto 52px;
	border:#f00 1px solid;
}
.ccm-page .alert-danger .error{
	margin:16px auto 8px;
	position: relative;
	padding-left: 1.2rem;
}
.ccm-page .alert-danger .error:last-child{
	margin: 0 auto;
}
.ccm-page .alert-danger .error::before{
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
    content: "\f071";
    font-size: 1rem;
    position: absolute;
    top: 0px;
    left: 0px;
}
.ccm-page legend{
	display: none;
}
/* ----- キャプチャ ----- */
.grecaptcha-badge{
	z-index: 5;
}
.ccm-page .text-muted{
	color:#f00;
}

/* ラジオボタン */
.ccm-page .radio span::before,
.ccm-page .radio span::after {
  position: absolute;
  content: '';
  top: 50%;
  border-radius: 100%;
  -webkit-transition: all .2s;
  transition: all .2s;
}
.ccm-page .radio span::before {
  left: 0;
  width: 14px;
  height: 14px;
  margin-top: -8px;
  background: #f3f3f3;
  border: 1px solid #ccc;
}
.ccm-page .radio span:hover::before {
  background: #fff;
}
.ccm-page .radio span::after {
  opacity: 0;
  left: 3px;
  width: 8px;
  height: 8px;
  margin-top: -5px;
  background: rgba(244,67,54,1);
  -webkit-transform: scale(2);
  transform: scale(2);
}
.ccm-page input[type="radio"]:checked + span::before {
  background: #fff;
  border: 1px solid rgba(244,67,54,1);
}
.ccm-page input[type="radio"]:checked + span::after {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
}
/* チェックボックス */
.ccm-page input[type=radio],
.ccm-page input[type=checkbox]{
    display: none;
}
.ccm-page .radio span,
.ccm-page .checkbox span{
    position: relative;
    padding:4px 4px 4px 20px;
	cursor: pointer;
	-webkit-transition: all .3s;
	transition: all .3s;
	display:block;
}
.ccm-page .checkbox span::before,
.ccm-page .checkbox span::after{
  position: absolute;
  content: '';
  -webkit-transition: all .2s;
  transition: all .2s;
  top: 50%;
}
.ccm-page .checkbox span::before {
  left: 0;
  width: 14px;
  height: 14px;
  margin-top: -8px;
  background: #f4f4f4;
  border: 1px solid #ccc;
  border-radius: 2px;
}
.ccm-page .checkbox span::after {
  opacity: 0;
  left: 3px;
  width: 8px;
  height: 4px;
  margin-top: -4px;
  border-left: 2px solid rgba(255,255,255,1);
  border-bottom: 2px solid rgba(255,255,255,1);
  -webkit-transform: rotate(-45deg) scale(.5);
  transform: rotate(-45deg) scale(.5);
}
.ccm-page .checkbox span:hover::before {
  background: #fff;
}
.ccm-page input[type="checkbox"]:checked + span::before {
  background: rgba(244,67,54,1);
  border: 1px solid rgba(244,67,54,1);
}
.ccm-page input[type="checkbox"]:checked + span::after {
  opacity: 1;
  -webkit-transform: rotate(-45deg) scale(1);
  transform: rotate(-45deg) scale(1);
}
/*　スマホ（スマートフォン・タブレット）・タブレット用
---------------------------------------------------------------------*/
@media (max-width: 768px) {
}
/*　パソコン（PC）用
---------------------------------------------------------------------*/
@media (min-width: 769px) {
	.ccm-page .checkboxList{
		margin-left: 10px;
		padding: 8px;
	}
.ccm-page .radio,
.ccm-page .checkbox{
	display: inline-block;
	width: 19%;
}
}