@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;300;400;500;700;900&family=Noto+Serif+JP:wght@200;300;400;500;600;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@200;300;400;500;600;700;900&display=swap');
@charset "utf-8";
:focus{outline: 0;}
body{line-height: 1.0;margin: 0;padding: 0;}
p{margin: 0;padding: 0;}
ol,ul{list-style: none;margin: 0;padding: 0;}
table{border-collapse: separate;border-spacing: 0;}
caption,th,td{font-weight: normal;text-align: left;}
blockquote:before,blockquote:after,q:before,q:after{content: "";}
blockquote,q{quotes: "" "";}
img, a img{border: 0;margin: 0;}
body article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display: block;margin: 0;padding: 0;}
body {font-size: 16px;font-family: 'Noto Sans JP',sans-serif;color: #fff;line-height: 1.5;}
h1,h2,h3,h4,h5,h6{clear: both;font-weight: bold;margin: 0;padding: 0;}
hr{background-color: #333;border: 0;height: 1px;margin-bottom: 1.625em;}
a,a:focus,a:active,a:hover{color: #275dc2;text-decoration: underline;cursor: pointer;}
.clearfix:after{display: block;clear: both;height: 0;visibility: hidden;content: "";}
.clearfix{min-height: 1px;}
* html .clearfix{height: 1px;height: auto;overflow: hidden;/**/}
img{vertical-align: bottom;}

/* COMMON ==================== */
body.noscroll{
  overflow: hidden;
}
#wrapper{
	width: 100%;
	margin: 0;
	padding: 0;
	font-size: 100%;
	overflow: hidden;
  background-color:#000 !important;
}
#wrapper img{
  width:100%;
}
@media screen and ( min-width:640px ) { /* PC ==================== */
	.sp{
		display: none;
	}
}
@media screen and ( max-width:640px ) { /* SP  ==================== */
	.pc{
		display: none;
	}
}
ul.asterisk li {
	list-style-type: none;
	text-indent: -1em;
	margin-left: 15px;
	font-size: 13px;
}
ul.asterisk li:before {
	display: inline;
	content: "※";
}
.content{
  width:90%;
  margin:0 auto;
}
.margin-top5{
  margin-top:5%;
}
.margin-top10{
  margin-top:10%;
}

.content h2{
  margin:3% 0 3% 0;
}
.content h3{
  background-color: #ff9000;
  padding:1%;
  margin:5% 0 1% 0;
  font-size: 120%;
  border-bottom: 2px solid #ff0000;
  clip-path: polygon(0 0, 0 100%, 100% 100%, 100% 70%, 70% 70%, 60% 0);/*左上　左下　右下　右上*/
}
.content h4{
  border: 1px solid #ff0000;
  padding:0.5%;
  margin:5% 0 1% 0;
  font-size: 120%;
  text-align: center;
}
.content h5{
  padding:0.5% 0;
  margin:1% 0 1% 0;
  font-size: 100%;
  border-bottom: 1px solid #fff;
}
.content h6{
  margin:3% 0 1% 0;
  font-size: 100%;
}
.content p{
  margin:0 0 1% 0;
}
.content hr{
  margin:5% 0 5% 0;
}
.colam2,
.colam3 {
  margin-top:2%;
}
@media screen and ( min-width:640px ) { /* PC ==================== */
  .colam2 div,
  .colam3 div{
    float: left;
    width:20%;
  }
  .colam2 p,
  .colam2 ul{
    float: right;
    width:70%;
    margin:0 5%;
  }
  .colam3 p,
  .colam3 ul{
    float: left;
    width:40%;
    margin:0 5%;
  }
  .colam2 ul li,
  .colam3 ul li{
    width:100%;
  }
  .colam3 div.float-right{
    float: right;
    width:30%;
  }
}
@media screen and ( max-width:640px ) { /* SP  ==================== */
  .colam2 div,
  .colam3 div{
    margin:5% 0 1% 0;
  }
  .colam2 p,
  .colam2 ul,
  .colam3 p,
  .colam3 ul{
    margin:2% 0 1% 0;
  }
  .colam2 ul li,
  .colam2 ul li{
  }
}
.content ul{
  list-style-type: disc !important;
  list-style-position: outside !important;
  margin-left:5% !important;
}
.content li{
  margin:0 0 1% 0;
}
.content div.colam3 ul{
  list-style-type: disc !important;
  list-style-position: inside !important;
  margin-left:5% !important;
}
.content div.colam2 ul li,
.content div.colam3 ul li{
  margin:0 0 1% 0;
}
.content .copyright{
  margin:5% 0;
}
.content .red-note{
  margin:2% 0 1% 0;
  color:#ff9000;
}