@charset "utf-8";

article.consul {
background: #E8DFBC;
padding-top:60px;
}

article.consul h2.icon {
color: #AE9438;
font-size: 2.25em;
text-align: center;
padding: 35px 20px;
background-color:#FFFFFF;
}

article.consul h2.icon .inner{
display: inline;
position: relative;
}

article.consul h2.icon .inner:before {
background: url(/bb-commons/images/icon_cat03s.svg) #AE9438 no-repeat center center;
background-size: 61%;
content: "";
display: inline-block;
vertical-align: bottom;
width: 71px;
height: 71px;
margin-right: 12px;
border-radius: 36px;
position: absolute;
left: -80px;
top: 0;
bottom: 0;
margin: auto;
}

@media (max-width: 767px) {
article.consul h2.icon {
font-size: 1.12em;
}

article.consul h2.icon .inner {
margin-left:20px;
}

article.consul h2.icon .inner:before {
width:35px;
height:35px;
left: -40px;
}
}

/* body */
section.main .mv {
background:url(bb-images/bg_mv.svg) repeat-x center center #FFFFFF;
background-size: auto 100%;
text-align:center;
padding:0 20px;
}

section.main .mv p {
text-indent:-9799px;
height: 0;
}

section.body {
padding: 0 20px;
}

section.body .column-box {
max-width: 920px;
background-color: #FFFFFF;
margin: 80px auto 30px auto;
padding: 0 20px 30px 20px;
box-sizing: border-box;
position:relative;
border-radius:8px;
}

section.body .column-box:before {
content:"";
width: 12vw;
height: 12vw;
max-width: 121px;
max-height: 121px;
display:block;
position:absolute;
left: -40px;
top: -40px;
}

section.body .column-box.column01:before {
background:url(bb-images/icon01.svg) no-repeat center center;
background-size: contain;
}

section.body .column-box.column02:before {
background:url(bb-images/icon02.svg) no-repeat center center;
background-size: contain;
}

section.body .column-box.column03:before {
background:url(bb-images/icon03.svg) no-repeat center center;
background-size: contain;
}

section.body .column-box.column04:before {
background:url(bb-images/icon04.svg) no-repeat center center;
background-size: contain;
}

section.body .column-box.column05:before {
background:url(bb-images/icon05.svg) no-repeat center center;
background-size: contain;
}

section.body .column-box h3 {
color: #AE9438;
font-size: 2.4em;
text-align: center;
padding: 30px 30px 20px 30px;
}

section.body .column-box h3 span.mini {
font-size: 14px;
color: #000000;
vertical-align: text-top;
}

section.body .column-box ul.list,
section.body .column-box .column-img,
section.body .column-box p.text,
section.body .column-box p.caption,
section.body .column-box ul.btn {
max-width:800px;
margin:0 auto;
}

section.body .column-box .column-img.img-space {
margin-top:15px;
margin-bottom:15px;
}


section.body .column-box ul.list li {
font-size:1.06em;
margin-left:1.2em;
margin-bottom:20px;
line-height:1.75;
}

section.body .column-box ul.list li:before {
content:"■";
color: #AE9438;
text-indent:-1.2em;
display: inline-block;
}

section.body .column-box p.caption {
margin-top:15px;
color:#646464;
font-size:0.93em;
}

section.body .column-box .column-img.kakutei {
max-width:428px;
margin-top:20px;
}

section.body .column-box .column-img.kakutei img {
margin-bottom:10px;
}

section.body .column-box ul.btn {
margin-top:30px;
}


section.body .column-box ul.btn li a {
background-color:#2A5A82;
border-radius:5px;
padding: 8px 0;
color:#FFFFFF;
text-decoration:none;
font-size:1.33em;
text-align:center;
width:100%;
display: block;
position:relative;
}

section.body .column-box ul.btn li a::after{
position: absolute;
content:"";
display:block;
top: 50%;
right: 17px;
width: 10px;
height: 10px;
border-top: 2px solid #FFFFFF;
border-right: 2px solid #FFFFFF;
-webkit-transform: rotate(45deg) skew(10deg, 10deg) translateY(-50%);
transform: rotate(45deg) skew(10deg, 10deg) translateY(-50%);
}

section.end {
background-color: #FFFFFF;
padding: 80px 20px 80px 20px;
}

section.end p {
font-size: 1.46em;
text-align: center;
}

section.end div.btn {
text-align: center;
margin-top: 30px;
}

section.end div.btn a {
text-align: center;
color: #FFFFFF;
background-color: #AE9438;
font-size: 1.66em;
text-decoration: none;
padding: 10px 40px;
border-radius: 8px;
}

@media (max-width: 767px) {
article.consul {
padding-top:0;
}

section.body {
padding:0 10px;
}

section.body .column-box:before {
min-width:85px;
min-height:85px;
left: 50%;
top: 20px;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
}

section.body .column-box h3 {
font-size: 1.66em;
padding: 75px 0 20px 0;
}

section.end {
padding: 30px 20px 50px 20px;
}

section.end p {
font-size: 1.2em;
}

section.end div.btn a {
padding: 10px 25px;
}

}


@media (min-width: 600px) {
.n-img{display:none;}

section.body .column-box ul.btn li {
width:calc((100% - 40px) / 3);
margin-left:20px;
display: inline-block;
}

section.body .column-box ul.btn li:nth-of-type(1) {
margin-left:0px;
}
}

@media (max-width: 599px) {
.w-img{display:none;}

section.main .mv {
background: url(bb-images/bg_mvsp.svg) repeat-x center center #FFFFFF;
background-size: auto 100%;
}

section.body .column-box .column-img {
text-align: center;
}

section.body .column-box .column-img img {
margin-top:40px;
}

section.body .column-box .column-img img:nth-of-type(1) {
margin-top:0;
}
section.body .column-box .column-img.bg {
background-color:#FCFAD5;
border-radius:8px;
}

section.body .column-box p.caption {
text-align:left;
}

section.body .column-box ul.btn {
text-align:center;
}

section.body .column-box ul.btn li {
width:calc((100% - 60px));
margin-top:10px;
display: inline-block;
}

section.body .column-box ul.btn li:nth-of-type(1) {
margin-top:0px;
}

}/* max599px */

@media (max-width: 359px) {
section.end div.btn a {
font-size: 22px;
}
}