@charset "UTF-8";
#okaimonoouencp {
	background: #f4f3f8;
	background: 
	    linear-gradient( -45deg, rgb(255 255 255 / .2) 25%, transparent 25%, transparent 50%, rgb(255 255 255 / .2) 50%, rgb(255 255 255 / .2) 75%, transparent 75%, transparent),
	    linear-gradient(to bottom, rgb(157 215 243) 0%,rgb(243 242 247) 100%),
	    #fff;
    background-size: 12px 12px, 100% 100%;
    background-attachment: fixed;
}
#okaimonoouencp .sp{
	display:none;
}
#okaimonoouencp #wrap {
	background: #fff;
	margin: 0 auto;
	width: 98%;
	padding: 0 2%;
	max-width: 1280px;
	box-shadow: 0 0 10px -5px rgba(80, 22, 0, 0.35);
}
#okaimonoouencp #wrap_inner {
	max-width: 1160px;
	margin: 0 auto;
	font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
	font-size: 18px;
	line-height: 120%;
	position: relative;
	padding: 10px 0 30px 0;
}
#okaimonoouencp img {
	width: 100%;
}
.flex {
    display: flex;
    flex-wrap: wrap;
}
input[type="text"], textarea, select{
    box-sizing: border-box;
    resize:vertical;
    width:100%;
    vertical-align: bottom;
    border: #bbb 1px solid;
    border-radius: 8px;
    padding: 8px;
    transition: .3s;
}
input[type="text"]:hover, textarea:hover{
    background: #edf4ff;
}
input[type="text"],textarea,select {
    outline: none;
}
input[type="text"]:focus, textarea:focus{
    background: #edf4ff;
    border: 1px solid #4881d9;
}
input[type="radio"] , input[type="checkbox"] {
  /* display: none; */
  width: 0;
  /* height: 0; */
  opacity: 0;
  position: absolute;
}
label.radio , label.checkbox {
  position: relative;
  margin: 5px 0;
  padding: 12px 8px 12px 40px;
  cursor: pointer;
  border: #bbb 1px solid;
  border-radius: 8px;
  width: 49.5%;
  display: flex;
  align-items: center;
  transition:.3s;
}
label.radio::before {
    position: absolute;
    content: '';
    top: 0;
    bottom: 0;
    margin: auto;
    left: 13px;
    width: 16px;
    height: 16px;
    background: #eee;
    border: 1px solid #bebebe;
    border-radius: 100%;
}
input[type="radio"]:checked + label {
    background: #edf4ff;
    border: 1px solid #4881d9;
}
input[type="radio"]:checked + label::after {
    position: absolute;
    content: '';
    top: 0;
    bottom: 0;
    margin: auto;
    left: 17px;
    width: 8px;
    height: 8px;
    background: #3498db;
    border-radius: 100%;
}
label.checkbox::before {
    position: absolute;
    content: '';
    top: 0;
    bottom: 0;
    margin: auto;
    left: 13px;
    width: 15px;
    height: 16px;
    background: #eee;
    border: 1px solid #bebebe;
    border-radius: 2px;
}
input[type="checkbox"]:checked + label {
    background: #edf4ff;
    border: 1px solid #4881d9;
}
input[type="checkbox"]:checked + label::after {
    position: absolute;
    top: 50%;
    left: 18px;
    display: block;
    margin-top: -5px;
    width: 5px;
    height: 9px;
    border-right: 3px solid #3498db;
    border-bottom: 3px solid #3498db;
    content: '';
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
label.radio:hover , label.checkbox:hover {
    background: #edf4ff;
}
label.radio ,label.checkbox {
  width: 49.5%;
  margin-right: 1%;
}
label.radio:nth-of-type(even) ,
label.checkbox:nth-of-type(even) {
  margin-right: 0;
}
.column1 label.radio , .column1 label.checkbox {
  width: 100%;
  margin-right: 0;
}
.column2 label.radio , .column2 label.checkbox {
  width: 49.5%;
  margin-right: 1%;
}
.column2 label.radio:nth-of-type(even) ,
.column2 label.checkbox:nth-of-type(even) {
  margin-right: 0;
}
.column3 label.radio , .column3 label.checkbox {
  width: 32.666%;
  margin-right: 1%;
}
.column3 label.radio:nth-of-type(3n) ,
.column3 label.checkbox:nth-of-type(3n) {
  margin-right: 0;
}
.column4 label.radio , .column4 label.checkbox {
  width: 24.25%;
  margin-right: 1%;
}
.column4 label.radio:nth-of-type(4n) ,
.column4 label.checkbox:nth-of-type(4n) {
  margin-right: 0;
}
.column5 label.radio , .column5 label.checkbox {
  width: 19.2%;
  margin-right: 1%;
}
.column5 label.radio:nth-of-type(5n) ,
.column5 label.checkbox:nth-of-type(5n) {
  margin-right: 0;
}
.column6 label.radio , .column6 label.checkbox {
  width: 15.833%;
  margin-right: 1%;
}
.column6 label.radio:nth-of-type(6n) ,
.column6 label.checkbox:nth-of-type(6n) {
  margin-right: 0;
}
.column7 label.radio , .column7 label.checkbox {
  width: 13.422%;
  margin-right: 1%;
}
.column7 label.radio:nth-of-type(7n) ,
.column7 label.checkbox:nth-of-type(7n) {
  margin-right: 0;
}
.itemCont {
    border: 3px solid #d60b18;
    border-radius: 15px;
    overflow: hidden;
}
.itemCont .ttl {
    background: url(../images/tokutokucp_bg.png) #d60b18;
    text-align: center;
    font-size: 135%;
    font-weight: bold;
    padding: 8px 0 11px 0;
    color: #fff;
}
.itemCont ul {
    padding: 3%;
    display: flex;
    align-items: center;
}
.itemCont li {
    width: 25%;
}
.itemCont input[type="radio"] {
    display: none;
}
.itemCont label {
    display: inline-block;
    cursor: pointer;
    border: #fff 6px solid;
    box-sizing:border-box;
    opacity:.6;
    transition: .3s;
    transform: scale(.95);
    width: 100%;
}
.itemCont input[type="radio"]:checked + label {
    border: 6px solid #e50012;
    opacity:1;
    transform: scale(1);
}
.itemCont input[type="radio"] + label:hover {
    border: 6px solid #e50012;
    opacity:1;
    transform: scale(1);
}

/*　本文
----------------------------------------*/
#okaimonoouencp h2{
	font-size:150%;
	padding-bottom:10px;
	font-weight:bold;
	margin: 20px 0;
}

#form_cont{
}

.form_tbl{
	width:100%;
	margin-top:20px;
	border-collapse: collapse;
}

.form_tbl tr,
.check_tbl tr{
	border-bottom: 1px solid #ccc;
}
.form_tbl th,.form_tbl td,
.check_tbl th,.check_tbl td{
	box-sizing: border-box;
}

.form_tbl th,
.check_tbl th{
	width: 25%;
    min-width:150px;
	padding: 32px 0;
	line-height: 1.8;
}
.form_tbl td,
.check_tbl td{
	width: 75%;
	padding: 28px 0;
}

.form_btn{
	padding-top:20px;
	text-align: center;
	font-size: 16px;
}
.form_btn label,
.check_btn label{
	background: url(../images/tokutokucp_bg.png) #d60b18;
	font-weight: bold;
	letter-spacing: 4px;
	color: #fff;
	border: none;
	border-radius: 10px;
	font-size: 24px;
	display: inline-block;
	padding: 22px 140px;
	position: relative;
	cursor: pointer;
	margin-bottom: 0;
}
.form_btn label.gray,
.check_btn label.gray {
    background-color: #ccc;
    cursor: auto;
    color: #eee;
}
.form_btn label i,
.check_btn label i{
	position: absolute;
	right: 10px;
	top: 0;
	bottom: 0;
	margin: auto;
	height: 24px;
}
.check_btn label[for="rtn"] i{
	left: 10px;
	right: auto;
}
a.add.button {
    background: url(../images/tokutokucp_bg.png) #d60b18;
    font-weight: bold;
    text-decoration: none;
    letter-spacing: 4px;
    color: #fff;
    border: none;
    border-radius: 10px;
    font-size: 110%;
    display: block;
    padding: 10px;
    width: 80%;
    box-sizing: border-box;
    text-align: center;
    margin: 10px auto;
    position: relative;
}
a.add.button i {
    position: absolute;
    right: 10px;
    top: 0;
    bottom: 0;
    margin: auto;
    height: 15px;
}
.form_tbl .place input{
	width:400px;
}

.form_tbl .tell input{
	width:200px;
}
.required{
	color: #fff;
	font-size: 85%;
	background: #d70c18;
	display: inline-block;
	padding: 2px 10px;
	margin-right: 0.8em;
	border-radius: 3px;
	text-align: center;
	vertical-align: middle;
	line-height: 1.2;
}
.notes {
    color: #aaa;
    font-size: 90%;
}
.indes{
	color: #d70c18;
	font-size: 90%;
	font-weight: bold;
	display: block;
	margin-top: 5px;
}

.notice{
	font-size:80%;
	font-weight:bold;
}

.check_tbl{
	width: 100%;
	margin-top: 20px;
	border-collapse: collapse;
}

.check_btn{
	padding-top:20px;
	text-align: center;
}
.check_btn input{
}

.explain{
	padding-top:10px;
	font-weight:bold;
	width:700px;
	margin:0 auto;
}

.back_btn{
	padding-top:10px;
	text-align:center;
}
.pg_section{
	padding: 10px 0 0 20px;
	font-size: 13px;
}

.pg_section ul{
	list-style:square;
	margin-bottom:20px;
}
.pg_section li{
	padding-top:10px;
}

.file {
    border: #aaa 1px solid;
    border-radius: 3px;
    margin-bottom: 8px;
    background: #ccc;
    background: -moz-linear-gradient(top, #f5f5f5 0%,#e0e0e0 100%);
    background: -webkit-linear-gradient(top, #f5f5f5 0%,#e0e0e0 100%);
    background: linear-gradient(to bottom, #f5f5f5 0%,#e0e0e0 100%);
    display: flex;
    align-items: center;
}
.file > * {
	/* display: inline-block; */
}
.file span {
    width: 13%;
    text-align: center;
}
.file input[type="text"] {
    border-top: none;
    border-bottom: none;
    border-radius: 0;
    width: 80%;
}
.file button {
    background: transparent;
    border: none;
    width: 7%;
    align-self: stretch;
}
.checkfile {
}
.checkfile img {
    width: 30%;
    height: auto;
    margin: 1%;
}
a.back{
    background: url(../images/tokutokucp_bg.png) #d60b18;
    font-weight: bold;
    text-decoration: none;
    color: #fff;
    border: none;
    border-radius: 10px;
    display: block;
    padding: 15px 0 15px 35px;
    width: 40%;
    box-sizing: border-box;
    margin: 20px auto;
    position: relative;
    text-align: center;
    font-size: 115%;
    line-height: 1.4;
}
a.back i {
    position: absolute;
    left: 10px;
    top: 0;
    bottom: 0;
    margin: auto;
    height: 15px;
}