@charset "UTF-8";

/* blc01 ------------------*/
#blc01 .txtCatch{
font-size:160%;
font-weight:400;
text-align:center;
margin-bottom:4%;
}

#blc01 .caption{
color:#2665a4;
font-size:120%;
text-align:center;
}

#blc01 .listBlc{
background-color: #d9ebef;
padding-top: 4%;
padding-bottom: 4%;
margin: 4% 0 0;
}

#blc01 .listBlc .list {
margin-top: 4%;
display: flex;
flex-wrap: wrap;
justify-content: center;
}

#blc01 .listBlc .list li {
background-color: #fff;
flex: 0 0 24%;
margin: 0 1% 15px 0;
}

#blc01 .listBlc .list li:nth-of-type(4n) {
margin-right: 0;
}

#blc01 .listBlc .list li .inner {
padding: 10% 10%;
}

#blc01 .listBlc .list li .subj {
color: #233870;
font-size: 120%;
text-align: center;
margin: 0 0 3%;
}

@media screen and (max-width: 850px) {
#blc01 .listBlc .list li{
flex: 0 0 49%;
}

#blc01 .listBlc .list li:nth-of-type(2n){
margin-right:0;
}
}

@media screen and (max-width: 767px) {
#blc01 .listBlc .list li .inner {
padding: 7% 7%;
}
}

@media screen and (max-width: 480px) {
#blc01 .listBlc .list li{
flex: 0 0 100%;
margin-right:0;
}
}


/* blc02 ------------------*/
#blc02 .txtCatch{
font-size:160%;
font-weight:400;
text-align:center;
margin-bottom:4%;
}

#blc02 .note{
	color:#F68C47;
	font-size:120%;
}

#blc02 table th,
#blc02 table td{
vertical-align:middle;
padding: 15px;
box-sizing: border-box;
word-break: break-all;
}

#blc02 table th{
text-align:center;
border-top: 1px solid #28325A;
border-bottom: 1px solid #28325A;
}

#blc02 table td{
border-bottom: 1px solid #c8c8c8;
}

#blc02 table td[rowspan]{
border-left: 1px solid #c8c8c8;
border-right: 1px solid #c8c8c8;
text-align:center;
}


/* blc03 ------------------*/
#blc03{
background:url(../img/common/pattern03.png) repeat left top;
padding:50px 0 70px;
}

#blc03 .ttl{
text-align:center;
font-size:160%;
color:#71c9da;
font-weight:bold;
}

#blc03 .inner{
background-color:#fff;
border:1px solid #243770;
display:flex;
}

#blc03 .inner .leftBlc,
#blc03 .inner .rightBlc{
width:50%;
padding:20px 4%;
position:relative;
box-sizing:border-box;
}

#blc03 .inner .leftBlc:after{
content:"";
background-color:#233870;
width:1px;
height:80%;
margin:auto;
position:absolute;
top:0;
bottom:0;
right:0;
}

#blc03 .inner .leftBlc .subj,
#blc03 .inner .rightBlc .subj{
color:#000;
font-size:120%;
}

#blc03 .inner .leftBlc .subj a,
#blc03 .inner .rightBlc .subj a{
color:#000;
text-decoration:none;
}

#blc03 .inner .leftBlc .list li,
#blc03 .inner .rightBlc .list li{
display:inline-block;
}

#blc03 .inner .leftBlc .list li:after,
#blc03 .inner .rightBlc .list li:after{
content:"｜";
}

#blc03 .inner .leftBlc .list li:last-of-type:after,
#blc03 .inner .rightBlc .list li:last-of-type:after{
content:"";
}

#blc03 .inner .leftBlc .list li a,
#blc03 .inner .rightBlc .list li a{
color:#000;
text-decoration:none;
}

@media screen and (max-width: 640px) {
#blc03 .inner{
display:block;
}

#blc03 .inner .leftBlc,
#blc03 .inner .rightBlc{
width:100%;
}

#blc03 .inner .leftBlc:after{
width:92%;
height:1px;
top:auto;
bottom:0;
right:0;
left:0;
}
}


/* blc04 ------------------*/
#blc04 section{
margin: 0 0 3%;
}

#blc04 section .ttl{
background-color: #d0edf8;
color: #28325A;
font-size: 140%;
padding: 1% 2%;
text-align:center;
}

#blc04 section .inner{
border: 2px solid #d0edf8;
padding: 2% 3% 2%;
}

#blc04 section.flow .inner dt{
clear:both;
background-color: #d0edf8;
color: #28325A;
width: 25%;
padding: 1% 1%;
float: left;
box-sizing: border-box;
}

#blc04 section.flow .inner dd{
border-bottom: 1px solid #c8c8c8;
padding: 1% 0 3% 27%;
margin: 0 0 2%;
}

#blc04 section.resolution .inner dt{
background-color: #f3f3f3;
padding: 1% 2%;
margin: 0 0 1%;
color: #28325A;
font-size:110%;
}

#blc04 section.resolution .inner dd{
margin: 0 0 4%;
}

@media screen and (max-width: 640px) {
#blc04 section.flow .inner dt{
float: none;
width: 100%;
}

#blc04 section.flow .inner dd{
padding: 1% 0 2% 0;
margin: 0 0 5%;
}
}


/* blc05 ------------------*/
#blc05{
background-color: #d9ebef;
padding-top: 4%;
padding-bottom: 4%;
margin: 4% 0 0;
}

#blc05 .intro{
color: #28325A;
margin: 0 0 1%;
text-align:center;
}

#blc05 section{
background-color: #fff;
border: 1px solid #243770;
}

#blc05 section h1{
font-size: 160%;
font-weight: 400;
text-align: center;
padding: 2% 1% 1%;
}

#blc05 section .inner{
box-sizing:border-box;
width:100%;
display:flex;
flex-wrap:wrap;
}

#blc05 section .inner dl{
box-sizing:border-box;
flex: 0 0 50%;
padding: 2% 1%;
position: relative;
box-sizing: border-box;
}

#blc05 section .inner dl:nth-of-type(1):after{
content: "";
background-color: #233870;
width: 1px;
height: 80%;
margin: auto;
position: absolute;
top: 0;
bottom: 0;
right: 0;
}

#blc05 section .inner dl dt{
font-size: 120%;
color: #28325A;
text-align:center;
}

#blc05 section .inner dl dd{
font-size: 200%;
text-align:center;
}

#blc05 section .inner dl dd a{
color: #71c9da;
}

@media screen and (max-width: 580px) {
#blc05 section .inner dl{
flex: 0 0 100%;
}

#blc05 section .inner dl:nth-of-type(1):after{
content: "";
background-color: #233870;
width: 80%;
height: 1px;
margin: auto;
position: absolute;
top:auto;
bottom: 0;
left: 0;
right: 0;
}
}


/* formBlc ------------------*/
#formBlc h1{
font-size: 160%;
font-weight: 400;
text-align: center;
margin: 0 0 4%;
}