@charset "utf-8";

.pageH{
  padding-top: 60px;
}
.pageH::before{
  content: none;
}

/* for Common & Smartphone*/
.olTtl{
	margin:0 0 20px 0;
	padding: 0 1em;
	font-size: clamp(calc(15px * var(--font-markup)), calc(15vw / var(--vw-sp)), 15px);/*16 / 15*/
	text-align:left;
	line-height:1.2;
	font-weight: normal;
	}
.ol{
	border-top:1px solid #777;
	font-size: clamp(calc(13px * var(--font-markup)), calc(13vw / var(--vw-sp)), 13px);/*14 / 13*/
	}
.ol dt,
.ol dd{
	padding:5px 20px;
	line-height:1.8;
	text-align:left;
	letter-spacing: normal;
	}
.ol dt{}
.ol dd{
	border-bottom:1px solid #777;
	}

main .txtmr{
	letter-spacing: normal;
}


/* for Smartphone*/
/*横向き*/
@media screen and (orientation : landscape) { 

}
	
/* for PC*/
@media print, screen and (min-width:768px) {

  .pageH{
    padding-top: 130px;
  }
  .pageH::before{
    content: none;
  }
  
.olTtl{
	padding: 0;
	font-size: clamp(calc(16px * var(--font-markup)), calc(16vw / var(--vw-pc)), 16px);/*16 / 15*/
	}
.ol{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
	margin: 0 0 40px 0;
	border-top:1px solid #777;
	}
.ol dt,
.ol dd{
	border-bottom:1px solid #777;
  font-size: clamp(calc(14px * var(--font-markup)), calc(14vw / var(--vw-pc)), 14px);/*14 / 13*/
  }
.ol dt{
	width:16em;
	padding:12px 0 12px 1em;
	}
.ol dd{
  width: calc(100% - 16em);
	padding:12px 0 12px 0;
	}

	main .txtmr{}

}


.yokokuBox{
  border: 1px solid #777;
}
.yokokuBox dt{
  padding: 10px 10px 10px calc(10px + 0.2em);
  border-bottom: 1px solid #777;
  text-align: center;
  font-size: 16pt;
  line-height: 1.2;
  letter-spacing: 0.2em;
}
.yokokuBox dd{
  padding: 10px;
  text-align: left;
  font-size: clamp(calc(14px * var(--font-markup)), calc(14vw / var(--vw-sp)), 14px);/*14 / 14*/
  line-height: 1.6;
}

/* for PC*/
@media print, screen and (min-width:768px) {
  .yokokuBox{
    position: relative;
  }
  .yokokuBox::before{
    content: "";
    position: absolute;
    left: 160px;
    top: 0;
    display: block;
    width: 1px;
    height: 100%;
    background: #777;    
  }
  .yokokuBox dt{
    position: absolute;
    left: 0;
    top: 50%;
    width: 160px;
    padding: 0;
    border-bottom: none;
    -webkit-transform: translate(0,-50%);
    transform: translate(0,-50%);
  }
  .yokokuBox dd{
    padding: 15px 15px 15px 200px;
    font-size: clamp(calc(14px * var(--font-markup)), calc(14vw / var(--vw-pc)), 14px);/*14 / 14*/
  }
}