@charset "UTF-8";
body { margin: 0;font-family: "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;}
h1 {font-size: 2em;margin: 0.67em 0;}
figcaption,figure,main {
display: block;
}
figure { margin: 1em 20px;}
.m-kv {
width: 100%;
position: relative;}
.m-kv__inner {
width: 100%;
margin: 0 auto;
position: relative;
font-size: 18px; }
@media only screen and (max-width: 1300px) {
.m-kv__inner {font-size: 1.3846153846vw; }
}
.m-kv__inner img {width: 100%; }
.mt_10{margin-top: 10px;}
.mt_50{margin-top: 50px;}
.mb_10{margin-bottom: 10px;}
.mb_20{margin-bottom: 20px;}
.cl{clear: both;}

.content {}
.second {
position: relative;
padding: 50px 20px 70px 20px;
}
.box-wrap-second {
max-width: 1240px;
margin: 20px auto;
color: #142554;
}
.box-wrap-second figure{
text-align: center;
}

.box-wrap-second H1{
font-size: 2rem;
line-height: 1.9em;
margin-bottom: 40px;
text-align: center;
}
.fc_r01{color: #e30039}

.qz{background-color: #e30039;color: #FFF;
margin: 40px auto;padding: 10px;font-size: 1.5rem;
text-align: center;font-weight: bold;letter-spacing: 2px;}
.qz_area{max-width: 650px;width: 100%; background-color: #FFE4EA;color: #e30039;border-radius: 10px;
margin: 0 auto;
}
.ex_area{
max-width: 650px;
width: 100%;
margin: 0 auto;
}
.qz_area p{padding: 30px;text-align: left;font-size: 1.4rem;margin: 0 auto 30px;line-height: 2.5rem;font-weight: bold;}

@media screen and (max-width:599px){
.mb_20{margin-bottom: 10px;}
.second {padding: 30px 20px;}
.ex_area{max-width: 150px;}
.box-wrap-second p{font-size: 1em;}
.box-wrap-second H1{
font-size: 1em;line-height: 1.7em;
margin-bottom: 25px;
text-align: left;
}
.qz{margin: 15px auto;padding: 0x;}
}
header,
article{
box-sizing: border-box;
width: 100%;
margin: 0 auto;
}
.br-pc { display:block; }
.br-sp { display:none; }
@media only screen and (max-width: 640px) {
.br-pc { display:none; }
.br-sp { display:block; }
}
.main_container {
padding: 70px 0 50px;
position: relative;
background-image: url("img/bg.jpg");
}
.main_container__inner {
max-width: 1300px;
width: 100%;
margin: 0 auto;
font-size: 18px;
}
@media only screen and (max-width: 1024px) {
.main_container {
padding-top: 5%;
padding-bottom: 5%; }
.main_container__inner {width: 97%; }

}
@media only screen and (max-width: 640px) {
.main_container {
padding-top: 8vw;
padding-bottom: 8vw;
background-size: 10vw; }
.main_container__inner {
width: 94%;
}
}
.inner {
width: 94%;
margin: 0 auto;
padding-bottom: 0px;
background-color: #023793;
border-radius: 20px;}
.inner_main {
width: 90%;
margin: 0 auto;
padding: 30px;}
.inner_main H1 {
font-size: 2rem;
text-align: center;
color: #f0f900;
}
.inner_main H2{
font-size: 2rem;
text-align: center;
color: #FFF;
}
.fsr_b{font-size: 4rem;}
@media screen and (max-width:1024px){
.inner_main H1 {font-size: 2.5rem;}
.inner_main {
width: 80%;
padding: 10px 0px;}
}
@media screen and (max-width:599px){
.inner_main H1 {font-size: 1.3rem;line-height: 2.2rem;}
.fsr_b{font-size: 2.1rem;}
.inner_main H2{
font-size: 1.1rem;
font-weight: normal;
}
.inner_main p{
font-size: 0.9em;
text-align: left;
}
}
.footer{
position: relative;
padding: 20px 20px 20px 20px;
color: #626262;
font-size: 0.7em;
background-color: #000;
text-align: center;
}
@media only screen and (max-width: 767px) {
footer {
width: auto !important;
margin: 0 !important;
padding: 2em 0;
background: #fff !important;
color: #6c6c6c;
}
}
.fourth {
position: relative;
padding: 40px 20px 90px 20px;
}
.box-wrap-fourth{
max-width: 1000px;
margin: 20px auto;
}

.ta2 {
border-collapse: collapse;
width: 100%;
box-sizing: border-box;
font-size:0.95rem;
line-height: 1.5rem;
}

.ta2 H2{font-size:0.95rem;
}

.ta2 ul{
padding: 0 0 0 20px;
}
.ta2 th  { width: 30%; text-align: left;
color: #fff;
background-color: #f59431;
font-weight: normal;
border-top-width: 2px;
border-left-width: 2px;
border-top-style: solid;
border-left-style: solid;
border-top-color: #FFF;
border-left-color: #FFF;
padding: 12px;
width: 22%;
}
.ta2 td {
width: 78%;
color: #000000;
background-color: #FBFBFB;
padding: 12px;
border-top-width: 2px;
border-right-width:2px;
border-top-style: solid;
border-right-style: solid;
border-top-color: #FFF;
border-right-color: #FFF;
text-align: left;
}
@media screen and (max-width: 1024px){
.ta2 {font-size:1.3rem;}
}
@media screen and (max-width: 599px){
.fourth {
padding: 10px 20px 20px 20px;
}
.ta2 {margin: 0;font-size:0.9rem;}
.ta2 th,.ta2 td{
width: 100%;
display: block;
border: none;
padding: 5px 5px 5px 10px;
box-sizing: border-box;
word-break: break-all;
}
.ta2 td{
padding: 15px;
}
.ta2 tr:first-child th { border-top: 1px solid #ddd; }
}
.table_02 {
width:100%;
border-collapse: collapse;
font-size:90%;
}
.table_02 td {
padding: 10px;
background-color: #fff;
border: 1px solid #371d06;
text-align:center;
}
.table_02 th {	
padding: 10px;
text-align: center;
vertical-align: top;
color: #FFF;
letter-spacing: 2px;
background-color:#7c522d;
border: 1px solid #371d06;
}