.outline_area > ul{
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    -webkit-box-pack:justify;
    -moz-box-pack:justify;
    -webkit-flex-pack:justify;
    -moz-flex-pack:justify;
    -ms-flex-pack:justify;
    -webkit-justify-content:space-between;
    -moz-justify-content:space-between;
    justify-content:space-between;
}

.outline_area > ul > li{
margin: 0 0 40px 0;
padding: 0 0 40px 0;
}

.outline_area > ul > li:nth-child(odd){
box-sizing: border-box;
width: 30%;
font-weight: 700;
color: #17d29f;
border-bottom: 1px solid #17d29f;
font-size:16px;
}

.outline_area > ul > li:nth-child(even){
box-sizing: border-box;
width: 70%;
padding: 0 0 40px 5%;
border-bottom: 1px solid #eee;
}


.outline_area > ul > li > .col02 > ul > li{
width: 47%;
box-sizing: border-box;
margin-bottom: 0;
}
.outline_area > ul > li > .col03 > ul > li{
width: 30%;
box-sizing: border-box;
}

ul.col02_inner{
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-box-lines:single;
    -moz-box-lines:single;
    -webkit-flex-wrap:nowrap;
    -moz-flex-wrap:nowrap;
    -ms-flex-wrap:none;
    flex-wrap:nowrap;
}

ul.col02_inner > li{
padding: 0 20px 0 0;
line-height: 1.8em;
}

.outline_area .link {
    position: relative;
	font-size:inherit;
    font-weight:inherit;
	color:#333;
    font-family: "Sawarabi Gothic";
    text-transform: none;
}


@media screen and (max-width: 992px) {
.outline_area > ul > li > div > ul.col_s{
    -webkit-box-pack:start;
    -moz-box-pack:start;
    -webkit-flex-pack:start;
    -moz-flex-pack:start;
    -ms-flex-pack:start;
    -webkit-justify-content:flex-start;
    -moz-justify-content:flex-start;
    justify-content:flex-start;
}


.outline_area > ul > li > .col02 > ul > li{
width: 100%;
margin: 0;
}
}

@media screen and (max-width: 768px) {
.outline_area > ul > li > .col03 > ul > li{
    width: 46%;
	margin: 0 2% 0 2%;
}
.outline_area > ul > li:nth-child(odd){
width: 100%;
border-bottom: 1px solid #eee;
}
.outline_area > ul > li:nth-child(even){
width: 100%;
padding: 0 0 40px 0;
border-bottom: 1px solid #17d29f;
}
}
@media screen and (max-width: 480px) {
.outline_area > ul > li > .col03 > ul > li{
    width: 100%;
	margin: 0;
}
}