@charset 'UTF-8';

/*  future
--------------------------------------- */

.kv {
background: url("../jpg/bg_kv_01-2.jpg") no-repeat center;
}

.kv .inner {
max-width: 900px;
margin: 0 auto;
padding: 0 20px;
box-sizing: border-box;
}

.kv h1 {
padding: 49px 0 10px;
color: #000033;
font-size: 30px;
font-weight: bold;
}

.kv p {
padding: 0 0 30px;
color: #000033;
font-size: 15px;
font-weight: bold;
line-height: 1.47;
}

.at {
padding:  65px 0 50px;
text-align: center;
box-sizing: border-box;
}

.at h2 {
margin: 0 0 35px;
padding: 0 0 18px;
color: #333;
font-size: 30px;
font-weight: bold;
background: url("../png/bg_h2_01.png") no-repeat center bottom;
}

.at .anc {
display: flex;
align-items: center;
justify-content: center;
max-width: 900px;
margin: 0 auto 30px;
}

.at .anc li {
margin: 0 20px;
}

.at .anc li a {
padding: 0 25px 0 0;
color: #034a96;
font-size: 16px;
font-weight: bold;
background: url("../png/ico_arw_01.png") no-repeat right center;
background-size: 20px;
}

.at .ctBox {
padding: 25px 0 0;
}

.at .ctBox h3 {
margin: 0 0 12px;
font-size: 20px;
font-weight: bold;
}

.at .ctBox .bg {
margin: 0 0 50px;
padding: 50px 0;
background: url("../jpg/bg_at_01.jpg") no-repeat center;
background-size: cover;
}

.at .ctBox .bg ul {
display: flex;
justify-content: space-between;
max-width: 900px;
margin: 0 auto;
padding: 0 20px;
box-sizing: border-box;
}

.at .ctBox .bg ul li {
position: relative;
width: 31.4%;
background: #fff;
border: 1px solid #dfe0e0;
box-sizing: border-box;
}

.at .ctBox .bg ul li .img {
width: 232px;
margin: 0 auto;
padding: 20px 0;
}

.at .ctBox .bg ul li h4 {
padding: 20px 20px 0;
color: #034a96;
font-size: 18px;
font-weight: bold;
line-height: 1.5;
text-align: left;
border-top: 1px solid #dfe0e0;
}

.at .ctBox .bg ul li .txt {
min-height: 160px;
padding: 15px 20px;
font-size: 14px;
line-height: 1.58;
text-align: left;
box-sizing: border-box;
}

.at .ctBox .bg ul li .link {
position: absolute;
right: 0;
bottom: -30px;
}

.at .ctBox .bg ul li .link a {
padding: 0 28px 0 0;
color: #fff;
font-size: 14px;
font-weight: bold;
line-height: 1.5;
background: url("../png/ico_blank_01.png") no-repeat right center;
background-size: 21px;
}



@media screen and (max-width: 750px) {

.kv {
background: url("../jpg/bg_kv_01_sp-2.jpg") no-repeat center;
background-size: cover;
}

.kv .inner {
width: 88%;
margin: 0 auto;
padding: 0;
}

.kv h1 {
padding: 6% 0 0;
color: #000033;
font-size: 20px;
font-weight: bold;
line-height: 2;
}

.kv p {
padding: 0 0 7%;
color: #000033;
font-size: 11px;
font-weight: bold;
line-height: 1.23;
}

.at {
padding:  8.5% 0 0;
text-align: center;
box-sizing: border-box;
}

.at h2 {
margin: 0 0 6%;
padding: 0 0 2%;
color: #333;
font-size: 20px;
font-weight: bold;
background: url("../png/bg_h2_01.png") no-repeat center bottom;
background-size: 100px auto;
}

.at .anc {
display: flex;
align-items: center;
justify-content: center;
width: 86.666%;
margin: 0 auto 4%;
}

.at .anc li {
margin: 0 3%;
}

.at .anc li a {
padding: 0 16px 0 0;
color: #034a96;
font-size: 10px;
font-weight: bold;
background: url("../png/ico_arw_01.png") no-repeat right center;
background-size: 13px;
}

.at .ctBox {
padding: 4% 0 0;
}

.at .ctBox h3 {
margin: 0 0 3%;
font-size: 15px;
font-weight: bold;
}

.at .ctBox .bg {
margin: 0 0 14%;
padding: 6% 0 1px;
background: url("../jpg/bg_at_01_sp.jpg") no-repeat center;
background-size: cover;
}

.at .ctBox .bg ul {
display: block;
width: 65.333%;
margin: 0 auto;
padding: 0;
box-sizing: border-box;
}

.at .ctBox .bg ul li {
position: relative;
width: 100%;
margin: 0 0 10%;
background: #fff;
border: 1px solid #dfe0e0;
box-sizing: border-box;
}

.at .ctBox .bg ul li .img {
width: 56%;
margin: 0 auto;
padding: 8% 0;
}

.at .ctBox .bg ul li h4 {
padding: 4% 8% 0;
color: #034a96;
font-size: 13px;
font-weight: bold;
line-height: 1.5;
text-align: left;
border-top: 1px solid #dfe0e0;
}

.at .ctBox .bg ul li .txt {
min-height: 64px;
padding: 3% 8% 6%;
font-size: 10px;
line-height: 1.6;
text-align: left;
box-sizing: content-box;
}

.at .ctBox .bg ul li .link {
position: absolute;
right: 0;
bottom: -22px;
}

.at .ctBox .bg ul li .link a {
padding: 0 21px 0 0;
color: #fff;
font-size: 10px;
font-weight: bold;
line-height: 1.6;
background: url("../png/ico_blank_01.png") no-repeat right center;
background-size: 16px;
}

}