@charset "UTF-8";


#formtable .pagetitle {text-align: center; font-size:30px; letter-spacing:10px; border-bottom:solid 1px #CCC; margin:20px 0 30px; padding-bottom:10px}
#formtable h2 {text-align: center; color:#FC0}
#formtable p.txtM{font-size:17px}

form#form {margin-top:0px;}
#formtable table {width:960px; margin:0 auto; box-sizing:border-box;border-top:dotted 1px #777;}
#formtable table th {width:280px; border-bottom:dotted 1px #777; text-align:left; padding:25px 0 25px 20px; font-size:17px; box-sizing:border-box; margin: 0;background: rgba(0,0,0,.1);}
#formtable table td {border-bottom:dotted 1px #777; padding:25px 0 25px 20px; font-weight:nomal; font-size:18px; text-align:left; box-sizing:border-box; margin: 0}
#formtable table th span.need,#formtable table th span.opt {float:right; background-color:#FA3D3F; color:#FFF; display:block; width:46px; text-align:center; font-size:14px; margin-right:20px}
#formtable table th span.opt{background-color:#8eb4a7}
#formtable table td span {font-weight:normal; color:#FF0000; display:block; font-size:15px;}
#formtable input[type="checkbox"] {margin:0 10px 0 30px;}
#formtable input[type="checkbox"]:first-of-type {margin-left:0;}
#formtable .submit_btn {background:url(../img/entry/submit.png) no-repeat;width:300px;height:52px; background-size:contain; border:none;}
#formtable .submit_btn2 {background:url(../img/entry/submit2.png) no-repeat;width:300px;height:52px; background-size:contain; border:none;}
#formtable .submit_btn3 {background:url(../img/entry/submit3.png) no-repeat;width:300px;height:52px; background-size:contain; border:none;}
#formtable .submit_btn:hover,#formtable .submit_btn2:hover,#formtable .submit_btn3:hover {filter: alpha(opacity=60); opacity:0.6;}
#formtable .formbtn {text-align:center; font-size:17px; margin:20px auto 100px auto; line-height:5em;}
#formtable h3 {text-align:center; font-size:24px;}
#formtable p {text-align:center; margin-bottom:40px;}
#formtable .historyback {width:200px; border-radius:0%; background-color:#666; border:none; color:#FFF; font-size:20px;}
#formtable .inline {display: inline-block; margin:0 20px}
#formtable .center {text-align: center; margin:50px auto 100px}

input[type="text"].lenD {width:60px;}
input[type="text"].lenY {width:100px;}
input[type="text"].lenS {width:200px;}
input[type="text"].lenL {width:100%;}

.attention {background-color:#E5E5E5; padding:14px 40px 20px; margin:40px auto 30px; width:960px; box-sizing: border-box; text-align: left}
.attention ul {margin:0; padding:0; color:#000}
.attention li {margin:0 0 5px 20px; list-style:disc; line-height:1.6em}
#formtable .error {color:#B20000; background-color:#FFFFBF;}

@media screen and (max-width: 767px) {
#formtable .pagetitle {font-size:20px; letter-spacing:3px; margin:70px 0 10px; padding-bottom:10px}
#formtable h2 {margin: 5px 0 10px; font-size:17px}
#formtable p.txtM{font-size:14px; text-align:left}

#formtable table {box-sizing:border-box; width:100%; margin-top:40px;}
#formtable table th {display:block; width:100%; text-align:left; padding:5px 0 3px 10px; font-size:16px;}
#formtable table td {display:block; width:100%; padding:10px 5px 35px 5px; font-weight:normal; font-size:17px; line-height:2.5em}
#formtable table th span.need,#formtable table th span.opt {background-color:#FA3D3F; color:#FFF; display:inline-block; width:46px; margin-left:10px; margin-right:20px; text-align:center; font-size:14px;}
#formtable table th span.opt{background-color:#8eb4a7}
#formtable table td span {font-weight:normal; color:#FF0000; display:block; font-size:14px;}
#formtable input[type="checkbox"] {margin:0 10px 0 0px;}
#formtable input[type="checkbox"]:first-of-type {margin-left:0;}
#formtable .submit_btn {background:url(../img/entry/submit.png) no-repeat; background-size:contain; width:220px;height:40px;border:none; margin-top:20px;}
#formtable .submit_btn2 {background:url(../img/entry/submit2.png) no-repeat; background-size:contain; width:220px;height:40px;border:none; margin-top:20px;}
#formtable .submit_btn3 {background:url(../img/entry/submit3.png) no-repeat; background-size:contain; width:220px;height:40px;border:none; margin-top:20px;}
#formtable .submit_btn:hover,#formtable .submit_btn2:hover,#formtable .submit_btn3:hover {filter: alpha(opacity=60); opacity:0.6;}
#formtable .formbtn {text-align:center; margin:20px auto 100px auto; line-height:1.5em}
#formtable h3 {font-size:18px; margin-bottom: 20px}
#formtable .historyback {width:150px; border-radius:0%; background-color:#666; border:none; color:#FFF; font-size:15px; margin-top:10px;}
#formtable .center {text-align: center; margin:30px auto 70px}

.attention {width:100%; padding:10px 10px; margin:-10px 0 30px 0; font-size:14px}
.attention ul {margin:0; padding:0;}
	.attention li {margin:0 0 10px 20px}
}


input[type="text"] {
	padding: 7px 10px 3px;
	height: 30px;
	max-width: 100%;
	border: 1px solid #ECECEC;
	box-shadow: inset 3px 3px 3px #DBDBDB;
	box-sizing: border-box;
	background: #F5F5F5;
	appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	border-radius: 0;
	font-size:18px;
}

input::-webkit-input-placeholder { /* WebKit browsers */
　　color: #CCCCCC;
    font-size: 16px;
	opacity:1;
}

input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
　　color: #CCCCCC;
	opacity: 1;
	font-size: 16px;
}

input::-moz-placeholder {
	color: #CCCCCC;
	font-size: 16px;
	opacity: 1;
}
textarea {
	padding: 7px 10px 3px;
	width: 100%;
	height: 176px;
	border: 1px solid #ECECEC;
	box-shadow: inset 3px 3px 3px #DBDBDB;
	box-sizing: border-box;
	background: #F5F5F5;
	border-radius: 0;
	font-size:16px;
}
textarea::-webkit-textarea-placeholder {
	color: #bebebe;
	font-size: 16px;
	opacity: 1;
}

textarea::-moz-placeholder {
	color: #bebebe;
	font-size: 16px;
	opacity: 1;
}

textarea::-moz-placeholder {
	color: #bebebe;
	font-size: 16px;
	opacity: 1;
}

input:-ms-input-placeholder { /* Internet Explorer 10+ */
　　color: #bebebe;
	font-size: 16px;
	opacity: 1;
}

.selectbox {
    display: inline-flex;
    align-items: center;
    position: relative;
}

.selectbox::after {
    position: absolute;
    right: 15px;
    width: 10px;
    height: 7px;
    background-color: #535353;
    clip-path: polygon(0 0, 100% 0, 50% 100%);
    content: '';
    pointer-events: none;
}

.selectbox select {
    appearance: none;
    min-width: 230px;
    height: 2.2em;
    padding: .3em calc(.4em + 30px) .3em .4em;
    border: 1px solid #d0d0d0;
    border-radius: 3px;
    background-color: #fff;
    color: #333333;
    font-size: 1em;
    cursor: pointer;
}