@charset "UTF-8";
body {
	margin: 0;
	padding: 0;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	font-size: 16px;
	line-height: 170%;
	width:100%;
	background: #000;
	color:#fff;
}
table {
	margin:0;
	padding:0;
	width:100%;
}
th {
	font-weight:bold;
}

th, td {
	margin:0;
	padding:0;
	vertical-align: top;
	text-align:left;
}

p { margin: 30px 0 0 0; text-align:left;}
form { margin: 0; }
img, a img { border: 0; }
sup, sub { font-size: 60%; }
li img, dt img, dd img { vertical-align: bottom; }
ul, li, dl, dt, dd { margin:0; padding:0;}
li {list-style:none;}
h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
	font-size: 12px;
	font-weight: normal;
	text-align:left;
}


a:link,
a:visited { color: #ff6600; text-decoration: underline; }
a:hover,
a:active { color: #ff6600; text-decoration: none; }


.clearfix {
	overflow: hidden;
}

.clearfix:after {
	content: "";
	display: block;
	clear: both;
	height: 1px;
	overflow: hidden;
}

* html .clearfix {
	height: 1em;
	overflow: visible;
}

.clearboth {
	border:none;
	height:0px;
	clear:both;
	background:none;
	color:#fff;
}

* { margin:0; padding:0;}

.inner {
	margin: 0 auto;
	max-width: 960px;
	position:relative;
	display:block;
}
.inner_n { width:860px;margin: 0 auto; max-width: 92%;}

.small { font-size: 12px;}
.large { font-size: 18px;}
.sp { display: none;}
@media only screen and (max-width: 767px) {
	body { font-size: 14px; line-height: 165%;}
	.inner_n, .inner, .inner_w { width:92%;}
	p { margin-top:25px;}
	.sp { display: block;}
	br.sp { display: inline;}
	span.sp { display: inline;}
	.small { font-size: 11.5px;}
	.large { font-size: 16px;}
	.pc { display: none;}
}
#header { padding:40px 0; text-align: center;}
@media only screen and (max-width: 767px) {
	#header { padding:15px 0;}
	#header img { width:350px; max-width: 95%;}
}
#main { background: #fff !important; min-height: 900px; color:#000; padding-bottom: 80px;}
#main img { max-width: 100%;}
.h101 { text-align: center; padding-top:70px;}
@media only screen and (max-width: 767px) {
	#main { padding-bottom: 100px;}
	.h101 { padding-top:25px;}
	.h101 img { width:159px;}
}
.status {
	margin-top:40px;
	color: #fff;
	font-size: 18px;
	font-weight: bold;
	height: 60px;
	line-height: 60px;
	background-size: 100% 100%;
}
.status li { width:33.333%; float: left; position: relative;height: 60px;display: block; text-align: center; }
.status.status_01 { background-image: url(../img/bg_status_01.png);}
.status.status_02 { background-image: url(../img/bg_status_02.png);}
.status.status_03 { background-image: url(../img/bg_status_03.png);}
@media only screen and (max-width: 767px) {
	.status { margin-top:30px;font-size: 11px;height: 40px; line-height: 40px;}
	.status li:nth-child(1){ width:35%;}
	.status li:nth-child(2){ width:35%;}
	.status li:nth-child(3){ width:28%;}
}
.h201 { text-align: center; font-size: 30px;line-height: 100%; position: relative; margin-top:70px; font-weight: bold;}
.h201 span { display: inline-block; background: #fff; padding: 0 20px; z-index: 2; position: relative;}
.h201:after { z-index: 1; position: absolute; width:100%; height:1px; background:#000; left:0px; top:15px; content: ""; box-sizing: border-box;}
.h201.red { color:#de3837;}
.h201.red:after { background:#de3837; height: 2px; top:14px;}
.h201.pink { color:#f46083;}
.h201.pink:after { background:#f46083; height: 2px; top:14px;}
.center { text-align: center;}
.h301 {
	margin-top:30px;
	background:#393939;
	font-size: 20px;
	font-weight: bold;
	padding:25px 0;
	text-align: center;
	line-height: 100%;
	color: #fff;
}

form .h301{ margin-top:60px;}
@media only screen and (max-width: 767px) {
	.h201 { margin-top:35px; font-size: 18px;}
	.h201 span { padding: 0 10px;}
	.h201:after { top:9px;}
	.h301, form .h301 {
		margin-top:25px;
		font-size: 12px;
		padding:15px 0;
		line-height: 140%;
	}
}


dl.set, dl.set2 {
	padding:20px;
	border-bottom: #c2c2c2 1px dashed;
	font-size: 16px;
}
dl.set.noborder { border: none;}
.note { font-size: 14px; margin-left:10px;}
.small { font-size: 14px;}

dl.set dt, dl.set2 dt {
	float:left;
	width:180px;
	width:23%;
	font-weight: bold;
	text-align: left;
	padding-top:6px;
	line-height: 180%;
}
dl.set dd, dl.set2 dd {
	float:right;
	width:640px;
	width:77%;
}
dl.set2 dt { float: none; width:auto;}
dl.set2 dd { float: none; width:auto;}

dt.must::after {
    content: "必須";
    display: inline-block;
    background: #f46083;
    color: #fff;
    padding:0.3em 0.5em;
    border-radius: 2px;
    margin-left: 0.5em;
    font-weight: normal;
    line-height: 1;
    font-size: 85%;
}
@media only screen and (max-width: 767px) {
	dl.set, dl.set2 {
		padding:4%;
		font-size: 12px;
	}
	.note { font-size: 12px; margin-left:7px;}
	.small { font-size: 12px; }
	dl.set dt { float: none; width:auto;}
	dl.set dd { float: none; width:auto;}
}

input[type="text"],input[type="tel"],input[type="email"], textarea {
	background: #f6f6f6;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-appearance: none;
	border: none;
	font-size: 110%;
	padding:5px;
	line-height: 180%;
	box-sizing: border-box;
}
input[type="radio"],input[type="checkbox"] { margin-right:8px;}
label input[type="text"] { margin-left:8px;}

label[for="name01_must"],label[for="kana01_must"],label[for="name02_must"],label[for="kana02_must"],
label[for="member1_name01"],label[for="member1_kana01"],label[for="member1_name02"],label[for="member1_kana02"] { width:7%; text-align: center;}
input[name="name01_must"],input[name="kana01_must"],input[name="name02_must"],input[name="kana02_must"],
input[name="member1_name01"],input[name="member1_kana01"],input[name="member1_name02"],input[name="member1_kana02"],
input[name="member1_name01_must"],input[name="member1_kana01_must"],input[name="member1_name02_must"],input[name="member1_kana02_must"]{ width:42%;}

#year input,#member1_year input,#member2_year input, .establish_year input { width:150px; margin-right: 8px;margin-left: 8px;}
#mon input, #member1_mon input, #member2_mon input, .establish_mon input { width:50px; margin-right: 8px;margin-left: 13px;}
#day input, #member1_day input, #member2_day input, .establish_day input { width:50px; margin-right: 8px;margin-left: 13px;}
@media only screen and (max-width: 767px) {
	#year input,#member1_year input,#member2_year input, .establish_year input { width:75px; margin-right: 5px;margin-left: 5px;}
	#mon input, #member1_mon input, #member2_mon input, .establish_mon input { width:40px; margin-right: 5px;margin-left: 8px;}
	#day input, #member1_day input, #member2_day input, .establish_day input { width:40px; margin-right: 5px;margin-left: 8px;}
}
#shozoku label { margin-right: 10px;}
#shozoku input[type="text"] { margin-left:15px;width:450px;}
@media only screen and (max-width: 767px) {
	#shozoku input[type="text"] { margin-left:0px;width:100%;}
}
input[type="text"]#zip, input[type="text"]#member1_zip, input[type="text"]#member2_zip, input[type="text"]#companyzip { margin-right:15px;width:150px;}
input[type="text"]#address, input[type="text"]#member1_address, input[type="text"]#member2_address, input[type="text"]#companyaddress { width:100%; margin:5px 0;}
@media only screen and (max-width: 767px) {
	input[type="text"]#zip, input[type="text"]#member1_zip, input[type="text"]#member2_zip, input[type="text"]#companyzip { margin-right:10px;width:80px;}
	input[type="text"]#building, input[type="text"]#member1_building, input[type="text"]#member2_building, input[type="text"]#companybuilding { margin-left:0px !important;width:100%;}
}
.input_full { display: inline-block;}
.tel input[type="text"],.tel input[type="tel"] { width:100px; margin-right:10px;}
.tel .tel1:after,.tel .tel2:after { content:"-"; display: inline-block; margin-right:10px;}
select { font-size: 105%; min-width:100px; padding:3px 0;}
.textarea_01 { height: 6em;}
.textarea_02 { height: 10em;}
@media only screen and (max-width: 767px) {
.input_full { display: block;}
.tel input[type="text"], .tel input[type="tel"] { width:30%; margin-right:0px;}
.tel .tel1:after,.tel .tel2:after { content:"-"; display: inline-block; margin-right:0px; width:5%; text-align: center;}
.sp_full { width:100%;}
select { width:100%;}
.textarea_02 { height: 4em;}
}
label{ display: inline-block;}
label[for="suisensha"], #suisensha { margin-bottom: 5px;}
#bumon label {margin-right:20px;}
p.p02 { margin-top:8px; font-weight: bold;}
@media only screen and (max-width: 767px) {
#bumon label { margin-right:0px;display: block;}
}
dl.set2 dd { margin-top:5px;}
dl.set2 dd textarea { width:100%;}
textarea.cancelEnter { resize: none;}

p.attach {
	line-height: 50px;
	font-weight: bold;
}
p.attach label, .redBtn {
	-webkit-appearance: none;
	color: #fff;
	background: #f46083;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	padding:0 20px;
	margin-left:15px;
	cursor: pointer;
}
p.attach label:hover, .redBtn.active:hover {
	background: #de4d6f;

}
p.url { font-weight: bold;}

@media only screen and (max-width: 767px) {
	p.attach { line-height:150%;}
	p.attach label { padding:15px 20px;margin-left:0px;}
	
	p.url { margin-top:10px;}
	p.url label { display: inline;}
	p.url input[type="text"] { margin-left: 0px; width:100%;}
}

p.p00 { margin: 2.5em 0 2em; font-weight: bold; text-align: center; font-size: 125%;}
p.p01 { margin-bottom: 20px; font-weight: bold; text-align: center;}
p.p05 {
    margin: 2.5em 0 2em; font-weight: bold; text-align: center; color: #d80201;;
}
p.p06 {
    margin: 2.5em 0 2em; font-weight: bold; text-align: center; color: #f46083;;
}

h4.h401,
h4.h402 {
	margin-top:10px;
	background: #25b7aa;
	color: #fff;
	font-weight: bold;
	text-align: center;
	padding:18px 0;
	font-size: 18px;
}
h4.h402 { padding:12px 0; background: #a68d4d; }
p + h4.h402 { margin-top:2em;}
h3 + h4.h402 { margin-top:1px;}
@media only screen and (max-width: 767px) {
	h4.h401,
    h4.h402 { font-size: 12px;}
}
.full { width:100%;}

#establish, #define { display: inline-block; font-weight: bold; margin-right: 20px;}
p.p03 { margin-top:8px;}
#ninzu input[type="text"] { width: 80px; margin-right:5px;}
#ninzu label { margin-right:30px;}
#ninzu { font-size: 15px;}
@media only screen and (max-width: 767px) {
	#ninzu label { margin:0 0 5px 0;}
	#ninzu { font-size: 12px;}
}
dt.input input[type="text"] { width:40px; margin:0 5px;}
.period { display: block; margin-bottom: 5px;}
.period input[type="text"] { width:40px; margin-right: 5px;}
.period label:first-of-type input[type="text"] { width: 100px;}
.period_money input[type="text"] { width:100px; margin-right: 15px;}
.period_money label:last-child input[type="text"]{ margin-right: 0px;}
.period, .period_money { font-size: 15px;}
@media only screen and (max-width: 767px) {
	dt.input { display: inline;}
	dd.inline { display: inline;}
	.period { display: inline; margin-bottom: 5px;}
	.period, .period_money { font-size: 12px;}
	.period_money label { margin:0 0 5px 0;}
}
.button { text-align: center;}
.redBtn {
	padding:0px;
	cursor: pointer;
	margin-left:10px;
	margin-right:10px;
	display: inline-block;
	height: 80px;
	line-height: 80px;
	max-width: 300px;
	width:40%;
	font-weight: bold;
	font-size: 18px;
	box-shadow: none;
	border: none;
}
.grayBtn {
	-webkit-appearance: none;
	color: #fff;
	background: #747474; /* Old browsers */
	background: -moz-linear-gradient(top,  #747474 0%, #434343 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #747474 0%,#434343 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #747474 0%,#434343 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#747474', endColorstr='#434343',GradientType=0 ); /* IE6-9 */
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	padding:0px;
	cursor: pointer;
	margin-left:10px;
	margin-right:10px;
	display: inline-block;
	height: 80px;
	line-height: 80px;
	max-width: 300px;
	width:40%;
	font-weight: bold;
	font-size: 18px;
	box-shadow: none;
	border: none;
}
.grayBtn:hover {
	background: #434343; /* Old browsers */
	background: -moz-linear-gradient(top,  #434343 0%, #747474 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #434343 0%,#747474 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #434343 0%,#747474 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#434343', endColorstr='#747474',GradientType=0 ); /* IE6-9 */
}
@media only screen and (max-width: 767px) {
	.redBtn, .grayBtn {
		height: 60px;
		line-height: 60px;
		max-width: 200px;
		font-size: 14px;
	}
}
#datafile_name { margin-left:15px; font-weight: normal;}
#clearDatafile { margin-left:15px; font-size: 90%;}
input[type="submit"].disabled { cursor: default; opacity: 0.5;}
.caution { background-color: #f00000; padding:5px 15px; color: #fff; font-weight: bold; font-size: 120%; line-height: 200%;}
#pagetop {
	margin-top:-75px !important;
	float: right;
}
.pagetop_fixed #pagetop {
	position:fixed;
	bottom:0px;
	right:0px;
	margin-top:0px;
}
#footer { text-align: center; padding:35px 0;}
#ftext { height: 17px; padding-left: 70px;}
@media only screen and (max-width: 767px) {
	.footer_fixed #footer {
		margin-top:0px;
		position: relative;
	}
	#sp_pagetop {
		position: relative;
		text-align:center;
		margin:0px 0;
	}
	#sp_pagetop img {
		width:45px;
		height:45px;
		position: absolute;
		top:-60px;
		left:50%;
		margin-left:-22.5px;
	}
	#ftext { height: 11px; padding-left:0;width: auto;}
}
a img.grayscale{ transition: filter 0.5s;}
a:hover img.grayscale{
	filter: grayscale(100%) contrast(180%);
}
.underline { text-decoration: underline;}
input[type='submit'].wait {
  opacity: 0.5;
  pointer-events: none;
}