@charset "utf-8";
body {
	background-color:#000;
font-family: 'Noto Serif JP', serif;
	color:#fff;
	padding-bottom:8em;
}

a:link {
	color:#b82410;
}

a:visited{
	color:#b82410;
}

a:hover {
	color:#f69883;
	text-decoration:none;
}

a:hover img {
 opacity:0.5;
}

.ios .a:hover {
  opacity: 1;
}

h2 {
	font-size:1.7em;
	font-weight:bold;
}

h3 {
	font-size:1.5em;
	font-weight:bold;

}

dl {
	margin:0;
}

header img,
.thumb img {
	width:100%;
	height:auto;
}


#howto {
	border:3px solid #b82410;
	border-radius:10px;
	background-color:#fff;
	color:#000;
	text-align:center;
	padding:2em;
	margin:3em auto;
}

#howto h2 {
	color:#b82410;
	border-bottom:3px double #b82410;
	padding-bottom:0.3em;
}




#howto div:first-of-type,
#howto div:nth-of-type(3),
#howto div:last-of-type{
	flex-basis:100%;
}

#howto div:first-of-type img,
#howto div:nth-of-type(3) img,
#howto div:last-of-type img{
	width:100%;
}


#howto div:nth-of-type(2) img,
#howto div:nth-of-type(4) img{
	transform:rotate(90deg);
	width:20%;
}

#howto p {
	font-size:0.9em;
}




article {
	padding:2em;
word-wrap: break-word;
}

.plan-bg {
	padding:2em;
	background-color:#fff;
	color:#000;
	background-image:url(../images-yoyakuplan/bg-plan.jpg);
}

.plan h3 {
}

.plan table{
	border-collpse:collapse;
	font-size:0.9em;
	width:100%;
}

.plan table th {
	border:1px solid #999;

	background-color:#fae1c9;
	color:#712818;
	padding:0.5em 1em;
	white-space:nowrap;
   text-align-last: justify; /* 両端揃え */
   text-justify: inter-ideograph; /* 両端揃えの種類 */
}

.plan table td {
	background-color:#fff;
	border:1px solid #999;

	padding:0.5em 1em;
}

.plan table p{
	margin-bottom:0;
}

.add {
	font-size:0.9em;
}


footer {
	text-align:center;
}

footer h2 {
	display:inline-block;
	font-size:1.3em;
}

.info {
	padding:1em 2em;
	border-top:1px solid #fff;
	border-bottom:1px solid #fff;
	display:inline-block;
}

address {
	line-height:2;
	margin:0;
}

address strong {
	display:block;
	font-size:1.5em;
}


small {
	display:block;
}

.home {
	margin:2em auto;
}

.home h2 {
	font-size:1em;
}

.home img {
	width:100%;
}



.page-top{
  width: 90px;
  height: 90px;
  position: fixed;
  right: 1em;
  bottom: 44px;
  background: #b82410;
  border-radius: 50%;
}

.page-top a{
  position: relative;
  display: block;
  width: 90px;
  height: 90px;
  text-decoration: none;
}

.page-top a::before{
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  content: '\f102';
  font-size: 25px;
  color: #fff;
  position: absolute;
  width: 25px;
  height: 25px;
  top: -40px;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  text-align: center;
}

.page-top a::after{
  content: 'PAGE TOP';
  font-size: 13px;
  color: #fff;
  position: absolute;
  top: 45px;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  text-align: center;
}



@media (min-width: 768px) {
	body {
	padding:0;
}

	#howto .step {
		display:flex;
	}

	#howto div:first-of-type,
	#howto div:nth-of-type(3),
	#howto div:last-of-type{
		flex-basis:30%;
	}

	#howto div:nth-of-type(2) img,
	#howto div:nth-of-type(4) img{
		transform:rotate(0deg);
		width:70%;
	}

	.home img {
		width:auto;
	}

	.mbbr{
		display:none;
	}


}

@media print{
  /* 印刷用CSS */
* {
	overflow:visible;
}

img {
	page-break-after: always;
}

article {
page-break-after: always !important;
border:1px solid #000;
}


}