


body{font-family: 'Noto Serif JP', serif; background:url(../img/bk.png) no-repeat center top;background-size: contain;font-size: 18px;letter-spacing: 0}

img{width: 100%;}

.mb0{margin-bottom: 0}
.mt20{margin-top: 20px !important}

a{color:#00B050;text-decoration: underline;background: url(../img/icon.svg) center right no-repeat;padding-right: 20px;background-size: 18px}
a.none{padding: 0;background: none}
p.btn{text-indent: 0;margin-top: 30px;}
p.btn a{display: block;width: 250px;padding:20px 0;text-align: center;margin:0 auto;background: #092d67;color:#fff;text-decoration: none;border-radius: 10px;}

.block{padding: 0 50px;}
.pa{padding-top: 50px;padding-bottom: 50px;}

h1{position: relative;}
h1 span{max-width: 1000px;margin:0 auto;display: block;z-index:9;position: relative;}
h1:after{content: "";display: block;position: absolute;top:0;height: 160px;background: #092d67;width: 100%;}

#content{max-width: 1000px;margin:0 auto;background-color: #fff;}

p{line-height: 200%;margin-bottom: 0.8em;text-indent: 1em;}
p.end{text-align: right;padding: 50px 0 0 }

hr{margin:45px 0 0;height: 1px;border:none;border-bottom: dotted 1px #444;padding:0;outline: none;}

strong{font-weight: bold;}

h2{font-size: 28px;color:#092d67;border-bottom: double 4px #092d67;padding: 50px 0 20px;margin-bottom: 30px;line-height: 160%;font-weight: bold;}


h2:first-child{padding-top: 0}

h3{font-size: 24px;color:#092d67;line-height: 160%;padding: 35px 0 25px;}


ul,
ol{margin:-10px 0 0.8em; }
li{line-height: 200%;padding: 10px 0 ; }
.num01 li{text-indent: -3.4em;margin-left: 3.4em}
.num02 li{text-indent: -2em;margin-left: 2em}

.number{margin:0}
.number li{margin:0;margin-left: 1.4em;list-style-type:decimal;padding:0 }

.chui{margin:10px 0 0}
.chui li{margin:0;padding:0;margin-left: 1em;text-indent: -1em;}

.column{background:rgba(9, 45, 103,0.1);padding:0 50px 40px;margin: 30px 0 10px}

.flex{display: flex;justify-content: space-between;}
.flex li{width: 47%;}
.flex li img{box-shadow:0 0 21px -4px rgba(0,0,0,0.35);margin:0 auto 30px;max-height: 299px;width: auto;max-width: 100%; display: block;}
.flex li a{display: block;background: #092d67;color:#fff;text-align: center;padding: 15px 0;border-radius: 8px;text-decoration: none;}
.flex li a:hover{opacity: 0.8;}

table{border-collapse:collapse }
table th,
table td{padding:10px;border: solid 1px #999;}
table th{background: #092d67;color:#fff;text-align: center;white-space: nowrap}
table td:nth-child(1){white-space: nowrap}
table td:nth-child(2){width: 25%;}
table td:nth-child(3){width: 7%;}
table td:nth-child(4){width: 11%;}
table td:nth-child(6){width: 35%;}
table tr:nth-child(2n+1){background:rgba(9, 45, 103 ,0.05) }

.img{width: 60%;margin:0 auto 1.5em;box-shadow: 0 0 10px rgba(0,0,0,0.25);text-indent: 0}
.img img{width: 100%;}

@media screen and ( max-width:1050px) {

.block{padding: 5vw }
h1 span{max-width: 96vw;margin:0 auto;}
#content{max-width: 96vw;margin:0 auto;}
h1:after{height: 15.5vw;}

}


@media screen and ( max-width:800px) {

body{font-size: 16px;}
h2{font-size: 20px;padding: 25px 0 12px;padding-left: 0;line-height: 160%;margin-bottom: 15px;}
h3{font-size: 18px;padding: 17px 0 12px;}
h1:after{height: 15.5vw;}
.column{padding: 5vw}
.column h3{padding-top: 0}
.flex{display: block;}
.flex li{width: 100%;}
p{line-height: 180%;margin-bottom: 0.5em;}
li{line-height: 180%;}
hr{margin:25px 0 0;}

}