@charset "utf-8";

.modal_overlay {
    position:fixed;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.7);
	z-index:9999;
}

.modal_content {
	overflow-y:scroll;
	position:absolute;
	left:50%;
	top:50%;
	transform: translate(-50%,-50%);
	margin:0 auto;
	padding:20px;
	width:90%;
	height:80%;
	text-align:left;
	background:#FFF;
}

.modal_content .modalTitle {
    font-size: 1.5rem;
	font-weight:bold;
    margin: 0.2em 0 0.5em;
    text-align: center;
}

.close_button {
    background: #fff;
    border-radius: 3em;
    cursor: pointer;
    font-size: 1.1rem;
	line-height:1;
    padding: 0.4em 2em;
    position: absolute;
    top: 92vh;
    left: calc(50% - 3.5em);
}

.close_button:hover {
  background: #0b3e81;
  color: #fff;
  border: solid 1px #fff;
}




.modal_content ul,
.modal_content ol,
.modal_content li,
.modal_content dl,
.modal_content dt,
.modal_content dd {
  color: #333;
  float: none;
  font-weight: normal;
  list-style: none;
  margin-left: 0;
  margin-block-start: 0;
  margin-block-end: 0;
  margin-inline-start: 0;
  padding: 0;
  padding-inline-start: 0;
  width: auto;
}
.modal_content a {
  color: #304f89;
  text-decoration: underline;
}
.modal_content a:hover {text-decoration: none;}
.modal_content .chapter:not(:last-child) {margin-bottom: 2em;}
.modal_content h3{
  background: linear-gradient(to bottom, #496b90, #1e2a36);
  border-radius: 0;
  color: #FFF;
  font-weight: bold!important;
  font-size: inherit!important;
  letter-spacing: 0.2em;
  margin-bottom: 1em;
  padding: 0.5em 1em;
}
.modal_content p {
  font-size: inherit!important;
  line-height: 1.75;
  margin: 0;
}
.modal_content p + ol,
.modal_content p + ul {margin-block-start: 0;}
.modal_content .decimal dt,
.modal_content .list-item {font-size: inherit!important;}
.modal_content .decimal dd {margin-bottom: 1em;}
.modal_content .decimal dd ul {margin: 1em 0;}
.modal_content .decimal dd li {
  display: list-item;
  list-style: disc;
  margin-left: 1.5em;
}
.modal_content .lower-roman {list-style: lower-roman;}
.modal_content .decimal {list-style: decimal;}
.modal_content .infomationBlock {margin: 1.5em 0;}
.modal_content .infomationBlock > li:not(:first-child) {margin-left: 1em;}
.modal_content .infomationBlock > li:not(:first-child).disc {
  list-style: disc;
  margin-left: 2.5em;
}
.modal_content .list-item.disc + .lower-roman {margin-left: 2em;}
.modal_content .lower-roman li,
.modal_content .decimal li,
.modal_content .disc li {
  list-style: inherit;
  line-height: 1.75;
}
.modal_content table {
  border-collapse: collapse;
  border-spacing: 0;
  margin: 1em 0;
  width:100%;
}
.modal_content th {
  background: #f3f3f3;
  text-align: center;
}
.modal_content th,
.modal_content td {
  border: solid 1px #ccc;
  padding: 0.5em;
  width: 50%;
}
.modal_content .contactInformation {
  border: solid 1px #ccc;
  box-sizing: border-box;
  padding: 0.5em;
  width: auto;
}
  /* 利用規約本文 PC用 s */
  @media(min-width:769px){
    .forSP {display: none;}
    .modal_content .chapterInner {padding: 0 1em;}
    .modal_content .lower-roman,
    .modal_content .decimal {padding-left: 2em;}
    .modal_content .contactInformation {margin: 1em;}
  }
  /* 利用規約本文 PC用 e */
  /* 利用規約本文 SP用 s */
  @media(max-width:768px){
    .forPC {display: none;}
    .modal_content .chapterInner {padding: 0 0.5em;}
    .modal_content .lower-roman,
    .modal_content .decimal {padding-left: 1.5em;}
    .modal_content .contactInformation {margin: 1em 0;}
    #offerInquiry .modal_content a {
      color: #304f89;
      font-weight: normal;
      text-decoration: underline;
    }

	.modal_content {
		top:30px;
		transform: translate(-50%,0);
		height:80vh;
	}

	.close_button {
		top:85vh;
	}
  }