#header {

  display: block;

  font-size: 1.5em;

  margin: .3em auto .1em;

  padding: .5em 1em 0;

  position: relative;

  text-align: left;

  width: calc(100% - 20px);

	background-image: url(../img/back-01.png);

    padding-top: 15px;

    padding-left: 20px;

    padding-right: 15px;

    padding-bottom: 0px;

    margin-bottom: 20px;

	margin-left: 10px;

	margin-right: 10px;

}

#header::before{

    border-left-width: 5px;

    border-left-style: solid;

    border-left-color: #3c3f53;

    height: 60%;

    display: block;

    position: absolute;

    top: 20%;

    left: 0px;

    content: "";

}

#header .langwid {

  position: absolute;

  right: 10px; 

  top: 10px;

}



.content {

  margin: .5em auto 1em auto;

  width: 92%;

}





td:nth-of-type(1) {

  width: 45%;

}



td:nth-of-type(2) {

  width: 55%;

}



fotter {

  background: #c8c8ff;

  display: block;

  margin: .3em auto .1em;

  padding: .5em 1em 0;

  font-weight: 600;

  text-align: center;

  width: 100%;

}



fotter a{

  color: #1a19d5;

  font-size: 1em;

  text-decoration: none;

}



fotter a:hover {

  color: #1a19d5;

  text-decoration: none;

}

.birth_txt {

	padding-left: 10px;

}

.inpileexample {

	margin: 0 -15px;

}

.sampleImage {

	border: 3px solid #f1f1f1;

	width: 100%;

	height: auto;

	max-width: 348px;

}



@media screen and (min-width: 769px) {



.labelwid {

  text-align: left !important;

  width: 10%;

}



.seineNenwid {

  display: inline-block;

  width: 100px !important;

}



.seineHokawid {

  display: inline-block;

  width: 100px !important;

}

.form-horizontal .zipcode label.control-label { vertical-align: top; padding-top: 10px;}

	.zipcodeform { display: inline-block; vertical-align: middle;}

.yubinwid {

}



.upldwid {

  display: inline-block !important;;

}



.txtwid {

  width: 50% !important;

}



.kiyakuwid {

  /*margin: 0 0 0 20px !important;*/

}

	.kiyakuwid > a {

		width: 10%;

		display: inline-block;

		text-align: center;

	}

	.kiyakuwid ul {

		display: inline-block;

		letter-spacing: -04em;

		padding-left: 0;

	}

.kiyakuwid ul li {

	letter-spacing: normal;

	padding-right: 1em;

	list-style: none;

	}

.kiyakuwid ul li a {

	background: transparent url(../img/icon-pdf.png) no-repeat 100% 50%;

	padding-top: 3px;

	padding-right:  28px;

	padding-bottom: 3px;

	color: #0bd;

	}

	.kiyakuwid ul li a:hover {

		color: #0090aa;

	text-decoration: underline;

	}

	.checkwid {

  margin: 0 0 20px 0 !important;

}

	.inpileexample p {

		margin-left: 10%;

	}

}



@media screen and (max-width: 768px) {



.labelwid {

  display: block;

}



.yubinwid {

  display: inline-block;

  width: 35% !important;

}



.seineNenwid {

  display: inline-block;

  width: 35% !important;

}



.seineHokawid {

  display: inline-block;

  width: 15% !important;

}



.upldwid {

}



.txtwid {

}

	.content .checkbox {

		margin-bottom: 10px;

	}



}