html {
  background: #000;
}

body {
  width: 100%;
  overflow-x: hidden;
}

body {
  background: #000
}
body h1 {
  position: relative;
  height: 105px;
  margin: 0 0 10px 0;
}
@media screen and (max-width: 768px) {
  body h1 {
    height: auto;
    margin: 0 0 10px 0;
  }
}
body h1 img {
  position: absolute;
  left: 50%;
  top: 15px;
  margin-left: -480px;
}
@media screen and (max-width: 768px) {
  body h1 img {
    position: static;
    left: auto;
    margin-left: auto;
  }
}

body.aform {
  background: #000 !important;
  background-image: none !important;
}


/* common style
-------------------------------------------- */
.fontS{font-size:0.8em;}
.fontM{font-size:1.2em}
.fontMM{font-size:1.3em; line-height:1.6em;}
.fontL{font-size:1.5em;line-height:1.8}
.fontLL{font-size:2em}

.mt0{margin-top:0 !important}
.mt5{margin-top:5px !important}
.mt10{margin-top:10px !important}
.mt1em{margin-top:1em !important}
.mt2em{margin-top:2em !important}
.mt3em{margin-top:3em !important}

.mb0{margin-bottom:0 !important}
.mb5{margin-bottom:5px !important}
.mb10{margin-bottom:10px !important}
.mb1em{margin-bottom:1em !important}
.mb2em{margin-bottom:2em !important}

.mr0{margin-right:0 !important}
.mr5{margin-right:5px !important}
.mr10{margin-right:10px !important}
.mr1em{margin-right:1em !important}
.mr2em{margin-right:2em !important}

.ml0{margin-left:0 !important}
.ml5{margin-left:5px !important}
.ml10{margin-left:10px !important}
.ml1em{margin-left:1em !important}
.ml2em{margin-left:2em !important}

.mtb0{margin-top:0;margin-bottom:0 !important}
.mrl8{margin-right:8px;margin-left:8px !important}

.txtC{text-align:center!important}
.txtR{text-align:right!important}
.txtL{text-align:left!important}
/* common style
-------------------------------------------- */

.aform-content .aform-validation, .aform-conten, .aform-input-example {
  color: #FFF !important;
}

.aform-button-area input, .clear_upload {
	color: #000 !important;
}

.aform-content dl dt .aform-label,.aform-content ul, .aform-content li,.aform-twice-note {
	color: #fff;
}
.aform-content .aform-name-ul li input, .aform-content .aform-kana-ul li input{
	color:#000;
}

.aform-content{font-size: 14px; line-height: 1.5em;letter-spacing: 0.15em;}
div .aform-header{font-size: 1.6em; padding-bottom: 10px;color: #fff}

.aform-checking{
	color:#fff;
	font-size:1.4em;
}

.gaiyo{font-size: 14px; letter-spacing: 0.1em; color:#fff;}
.gaiyo dl {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
	color: #fff;
}
.gaiyo dt, .gaiyo dd {
  box-sizing: border-box;
}
.gaiyo dl:first-child{border-top: 2px solid #666666;}
.gaiyo dt {
    width: 18%;
    padding: 20px;
    border-bottom: 2px solid #666666;
}
  .gaiyo dd {
    width: 82%;
    padding: 20px;
    border-bottom: 2px solid #666666;
    margin-left: 0;
	line-height: 1.3em;
    }
  .gaiyo dd.sampleimg{
    display: flex;
    flex-direction: row;
    width: 100%;
    }
  .gaiyo dd.sampleimg img{width:45%;margin-right:0.5em;}
	.kiyaku_ttl{background:#D9D9D9; padding:1em; margin-top:2em;}
	.kiyaku_box{border:1px solid #D9D9D9; padding: 0 1.5em;}
  ol.kiyaku {}
  ol.kiyaku li {
    list-style-type: none;
    counter-increment: cnt;
    position: relative;
    }
  ol.kiyaku li:before {
    content: "（" counter(cnt) "）";
    display: inline-block;
    margin-left: -3.5em;
    width: 3em;
    text-align: right;
    position: absolute;
    top: 0;
    left: 0;
    }
	.txtC{text-align:center!important}
	.fontRed{color:#ff9fa0; font-size: 0.88em;}
	.mainImg{
		width: 100%;
	}
  @media screen and (max-width: 768px) {
  	div .aform-header{font-size: 14px; line-height: 1.3em; letter-spacing: 0.1em;}
	.gaiyo dl {flex-flow: column;}
	.gaiyo dt{
		background-color: #666666;
		/*color: #000;*/
		text-align: center;
		font-weight: bold;
		width: 100%;
		letter-spacing: 2px;
	}
	.gaiyo dd {
    width: 100%;
    }
    
	/*.mainImg{
		width: 90%;
	}*/
  }
	/*改行*/
	.forSP{
    	display: none;
	}
	.forPC{
    	display: block;
	}
	@media screen and (max-width:768px) {
    	.forSP{
        	display: block;
    	}
    	.forPC{
        	display: none;
    	}
	}
	
	.come li:before{
		content: "※";
		margin-left: -1.2em;
		overflow-wrap: break-all;
	}
.pText{
	font-size: 14px;
	margin-bottom: 1em;
	line-height: 2em;
	color: #fff;
}
.marker{
	display:inline;
	padding:8px 6px 2px;
	margin:0 4px 0 0;
	background: -webkit-linear-gradient(transparent 10%, #38817b 0%);
	background: -o-linear-gradient(transparent 10%, #38817b 0%);
	background: linear-gradient(transparent 10%, #38817b 0%);
}
.marker_y{
	display:inline;
	padding:8px 0 2px;
	margin:0 4px 0 0;
	background: -webkit-linear-gradient(transparent 10%, #FFE500 0%);
	background: -o-linear-gradient(transparent 10%, #FFE500 0%);
	background: linear-gradient(transparent 10%, #FFE500 0%);
	color: #000;
	font-weight: bold;
}
.fontLB{
	font-size: 1.2em;
	font-weight: bold;
}
.pdLeft2px{
	padding-left: 2px;
}

.formTitle{
    font-size: 1.6em;
    font-weight: bold;
    color: #fff;
}
.caution{
	font-size: 0.9em;
}

#parts-00{
	color:#fff;
}