@charset "UTF-8";
/* CSS Document */

/*STYLE*/
.imgover {}
.spChange{}
.mar_t10{ margin-top:10px !important;}
.mar_t20 {margin-top:20px !important;}
.mar_b0 { margin-bottom:0px !important; }
.mar_b10 { margin-bottom:10px !important; }
.mar_b20 { margin-bottom:20px !important; }
.mar_b30 { margin-bottom:30px !important; }
.caption12 { font-size: 12px; line-height: 20px; }
.txt_bold { font-weight: bold; }
.center { text-align:center;}
.pc{ display: block;}
.sp{ display: none;}

.txt_120{ font-size: 120%;}
.txt_150{ font-size: 150%; line-height: 1.8;}
.indent1em{ text-indent: -1em; padding: 0 0 0 1em;}
.txt12 { font-size: 12px; }
.txt_red { color: #C00; }

.flexBox{ display: flex; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap;}

p.point:before{ content: '・'; position: absolute; left: 0; top: 0; width: 1em; text-align: center;}
p.disc:before{ content: '●'; position: absolute; left: 0; top: 0; width: 1em; text-align: center;}

.dotTxt p{ padding: 0 0 0 1.2em; position: relative; }
.dotTxt p:before{ content: '・'; position: absolute; top: 0; left: 0;}

ol { counter-reset: list-count;}
ol > li::before {
  content: counter(list-count) ".";
  counter-increment: list-count;
	margin-left: -1.5em; margin-right: 0.5em;
}

@media screen and (max-width:770px) {
.pc{ display: none;}
.sp{ display: block;}
}