@charset "utf-8";
.smv{
background:url(../img/outline_smv.png);
background-size:cover;
background-position:center center;
height:400px;
margin-bottom:100px;
}


.point_border span{
position:relative;
}
.point_border span:before,.point_border span:after{
content: '';
position: absolute;
top:calc(50% - 15px); /* 線の中心に配置 */
width: 10px;
height: 10px;
background-color:#3b5975;
border-radius: 50%;
}
/*文字数調整*/
.point_border:before, .point_border:after {
width: calc(50% - 9em);
}
.point_border span:before {
left:-2em;
}
.point_border span:after {
right:-2em;
}

.outline_area{
max-width:1130px;
margin:0 auto;
display:flex;
justify-content:space-between;
}
.outline_area h4{
background:#6191a3;
color:#fff;
padding:10px 0;
text-align:center;
font-size:20px;
letter-spacing:0.1em;
margin-bottom:40px;
}
.outline_area dl{
display:flex;
background:url(../img/dl_border.png);
background-repeat:repeat-x;
background-position:left bottom;
margin-bottom:10px;
padding-bottom:10px;
font-size:16px;
line-height:1.5em;
}
.outline_area dt{
font-weight:normal;
width:30%;
}
.outline_area dd{
width:70%;
}
.overall{
width:48%;
}
.conditional{
width:48%;
}

.notice{
margin-top:20px;
}
.notice h5{
border:1px solid #333;
padding:3px 0;
text-align:center;
width:100%;
font-size:20px;
margin-bottom:5px;
letter-spacing:0.3em;
}
.notice p{
font-size:16px;
line-height:1.4em;
}

/* ================================================
tab
================================================ */
@media screen and (max-width: 1200px) {
}


/* ================================================
sp
================================================ */
@media screen and (max-width: 768px) {
.smv{
height:150px;
margin-bottom:10%;
}

.point_border span{
position:relative;
}
.point_border span:before,.point_border span:after{
content: '';
position: absolute;
top:calc(50% - 10px); /* 線の中心に配置 */
width: 10px;
height: 10px;
background-color:#3b5975;
border-radius: 50%;
}
/*文字数調整*/
.point_border:before, .point_border:after {
width: calc(50% - 7em);
}
.point_border span:before {
left:-1.5em;
}
.point_border span:after {
right:-1.5em;
}

.outline_area{
max-width:90%;
display:block;
}
.outline_area h4{
padding:10px 0;
font-size:20px;
margin-bottom:5%;
}
.outline_area dl{
display:block;
font-size:16px;
margin-bottom:4%;
padding:0 5% 4%;
}
.outline_area dt{
font-weight:normal;
width:100%;
margin-bottom:3%;
}
.outline_area dd{
width:100%;
}
.overall{
width:100%;
}
.conditional{
width:100%;
}

.notice{
margin-top:20px;
}
.notice h5{
border:1px solid #333;
padding:3px 0;
text-align:center;
width:100%;
font-size:20px;
margin-bottom:5px;
letter-spacing:0.3em;
}
.notice p{
font-size:16px;
line-height:1.4em;
}


}