@charset "utf-8";

section{padding: 50px 0;}


.business_sub .individual_list li{width: 48%;margin-bottom: 4%;}
.business_sub .individual_list.one li{margin: auto;}
.business_sub .individual_list li h2{
    background: #034086;
    color: #fff;
    padding: .5em 1.5em .25em .5em;
    font-weight: normal;
    position: relative;
    font-size: 190%;
}
.business_sub .individual_list li h2 span{
    font-size: 1rem;
    display: block;
    line-height: 1.4;
}
.business_sub .individual_list li h2:after {
    content: "";
    background: url(../images/common/btn_arrow_w.png) center no-repeat;
    background-size: 100%;
    width: 20px;
    height: 50px;
    position: absolute;
    right: .5em;
    top: 50%;
    transform: translateY(-50%);
}
.business_sub .lead{
	text-align: center;
    font-size: 120%;
    margin-bottom: 2em;
}
.business_sub h3{
    text-align: center;
    font-size: 200%;
    border-bottom: 1px #ccc dotted;
    margin-bottom: 1em;
    padding-bottom: 0;
}
.business_sub .individual_list{
	margin-bottom: 30px;
}
.subPage .business_sub  h2.sh1{
    font-size: 300%;
}


.business_top .txt_area .btn , .business .txt_area .btn{
    font-size: 2.25rem;
    width: 100%;
    max-width: 450px;
    margin: auto;
}
.business_top .txt_area .btn a, .business .txt_area .btn a{padding: .5em .5em .5em .75em;}
.business_top .txt_area .btn a span, .business .txt_area .btn a span{
    font-size: 80%;
    margin-left: .25em;
}
.btn a:before {right: .35em;}

@media (max-width: 799px) {

section{padding: 30px 0;}

.business_top  .txt_area .btn, .business .txt_area .btn{
    font-size: 1.75rem;
}

.business_sub .individual_list li h2:after,.btn a:before{width: 12px;right: 2.5vw;}

.business_sub .individual_list li h2{font-size: 150%;padding: 0.5em 1.5em 0.25em .75em;}

}

@media (max-width: 699px) {


.business_top .txt_area, .business .txt_area{width: 100%;}
.business_top .img_area, .business .img_area{
    width: 80%;
    margin: 0 auto 30px;    
}

.business_sub .individual_list li{width: 90%;margin: auto;max-width: 380px;}
.business_sub .individual_list li:not(:last-of-type){margin-bottom: 30px;}


}

@media (max-width: 599px) {

.business_sub .individual_list li h2{font-size: 150%;padding: 0.5em 1.5em 0.25em .5em;font-weight: 600;}
.business_sub .individual_list li h2 span{font-size: 0.95rem;font-weight: normal;}


}

@media (max-width: 399px) {
.business_sub .individual_list li{width: 97%;}
}