@charset 'utf-8';
/* ==========================================

	record

========================================== */
/* ------------content css------------ */
.record_wrap{
  width: 1000px;
  margin: 0 auto;
  margin-top: 102px;
	margin-bottom: 150px;
}
.record_section01 {
	padding-top: 286px;
	margin-top: -100px;
  background: url(/common/images/logomark.svg);
  background-color: rgba(255,255,255,0.7);
  background-blend-mode: lighten;
  background-size: 304px;
  background-position: top 166px right 64px;
  background-repeat: no-repeat;
}
.txt_content h2.record_ttl01{
  width: 170px;
  margin-bottom: 1em;
}
.record_section02 h3{
	background: #036eb8;
	color: #fff;
	font-size: 28px;
  margin-bottom: 50px;
	padding: 0.5em;
	border-left: 10px solid #00aae9;
}
.record_section02 .content_box{
	display: flex;
	justify-content: center;
	align-items: flex-start;
}
.record_section02 .content_box a{
	width: 385px;
	display: block;
}
.record_section02 .content_box .table_box{
	width: 400px;
	margin-top: 1em;
	margin-left: 32px;
}
.record_section02 .content_box tr,
.record_section02 .content_box th,
.record_section02 .content_box td{
	padding: 0.5em 0;
	line-height: 1.2em;
}
.record_section02 .content_box th{
	width: 5em;
	padding-right: 1em;
}
.record_section02 .modal_list li{
	margin-bottom: 50px;
}
/* ------------modal css------------ */
/*infoエリアをはじめは非表示*/
#record_section02_img01,
#record_section02_img02,
#record_section02_img03,
#record_section02_img04,
#record_section02_img05,
#record_section02_img06,
#record_section02_img07,
#record_section02_img08,
#record_section02_img09,
#record_section02_img10{
	display: none;
}

/*モーダルの横幅を変更したい場合*/
.modaal-container{
    max-width: 900px;
}

/*モーダルのボタンの色を変更したい場合*/
.modaal-close:after,
.modaal-close:before{
	background:#ccc;
}

.modaal-close:focus:after,
.modaal-close:focus:before,
.modaal-close:hover:after,
.modaal-close:hover:before{
	background:#666;
}
.modal_list_p{
  text-align: center;
  font-weight: bold;
}
/* ------------sp css------------ */
@media screen and (max-width: 1000px){
  .txt_content{
    padding-bottom: 20vw;
  }
	.record_wrap{
		width: 100%;
		margin-top: 10.2vw;
	}
	.record_section01{
		width: 90%;
    margin: 0 auto;
    padding-top: 21.6vw;
    background-size: 30.4vw;
    background-position: top 16.6vw right 6.4vw;
	}
	.record_section01 .modal_list li{
		width: 42vw;
	}
	.modaal-content-container{
    padding: 3vw;
	}
	.record_section02{
		width: 90%;
		margin: 0 auto;
	}
	.record_section02 h3{
		line-height: 1.5em;
	}
}
@media screen and (max-width: 760px){
	.record_section01{
		background: none;
	}
	.record_section02 .modal_list li{
    margin-bottom: 6.58vw;
	}
	.record_section02 h3{
		font-size: 20px;
		margin-bottom: 6.58vw;
	}
	.record_section02 .content_box a{
		width: 50vw;
	}
	.record_section02 .content_box .table_box{
		width: 52.63vw;
		margin-left: 4.21vw;
	}
}
@media screen and (max-width: 560px){
	.record_section02 .content_box{
		display: block;
	}
	.record_section02 .content_box a{
		width: 100%;
	}
	.record_section02 .content_box .table_box{
		width: calc(100% - 4.21vw);
	}
}
@media screen and (max-width: 500px){
	.txt_content h2.record_ttl01{
		width: 38.6vw;
		min-width: 170px;
	}
	.record_section02 h3{
		font-size: 18px;
	}
}