@charset "utf-8";



.catch {
	font-size: 20px;
	font-weight: bold;
}
.indent {
	padding-left: 1em;
	text-indent: -1em;
	margin-top: 5px;
}
.annotation {
	padding-left: 3em;
	text-indent: -2.6em;
	font-size: 14px;
	line-height: 1.5;
	margin-top: 10px;
}
h3 {
	font-weight: bold;
	font-size: 22px;
	color: #0086cd;
}
.application-btn {
	display: flex;
	justify-content: space-between;
	margin: 40px 60px 40px 60px;
}
.notes03 {
    padding-left: 3em;
    text-indent: -1em;
}
.notes04 {
    padding-left: 4em;
    text-indent: -1em;
}
.notes05 {
    padding-left: 2em;
}
.notes06 {
    padding-left: 3em;
    text-indent: -2.6em;
    line-height: 1.5;
    margin-top: 10px;
}
.note h3 {
  background: url(../img/check.png) no-repeat center left;
  padding: 8px 0 5px 30px;
  font-size: 120%;
  font-weight: bold;
  color: #46483d;
  margin: 1em 0 0 0;
}
.note {
  margin: 20px 0
}
.note p {
  padding: 0 0 0 2em;
}
.note2 tr{vertical-align:top;    line-height: initial;}
.note2 tr>*:first-child {font-weight: bolder;width: 14em;margin: 0 0 0.5em 0;
}
.note2 tr>*:last-child {text-indent: -1em; /* 字下げを設定 */

}
.note2 td{margin:1em;}
.caution {
border: solid 2px #82cdf3;
    border-radius: 10px;
    margin: 30px 0 0 0;
    padding: 2em 2em 2em 1em;
    color: #46483d;  display: -webkit-flex;
 display:flex;
  justify-content:center; 
}
.caution li.point {margin:0 15px;display:flex;
justify-content:center;
align-items:center;}
.caution p {font-weight: 500;font-size: 15px;}
small{line-height: 1em}
@media screen and (max-width: 640px) {.sp-none{display: none;}
.point-sp {
	background-color: #8D4A3B;

}
.catch {
	font-size: 1.8rem;
}
.annotation {
	font-size: 1.2rem;
}
h3 {
	font-size: 1.8rem;
}
.application-btn {
	margin: 0;
}
.caution {padding: 10px 10px 10px 0px;}
.caution p {padding-left: 5px ;font-size: 12px;}
.caution li.point{margin: 12px;width: 80px;}
.caution img {
  padding: 0;}
    .note2 td {
        display: block;
    }
  .note2 tr>*:first-child {
    width: 100%;}
.note2 tr>*:last-child {
    text-indent: 0;
}
}
@media screen and (max-width: 340px) {}