@charset "utf-8";

/* ベネッセの海外進学サポートの特長 */

/*--------------------------------
 リード
 --------------------------------*/
.asset .leadWrap .leadList {
display:flex;
align-items: stretch;
justify-content: space-between;
margin:0 auto;
width:1024px;
height:188px;
}
.asset .leadWrap .leadList li {
align-self: center;
background:url("../img/asset/leadlist_bg.png") no-repeat center;
font-size:20.4px;
line-height:1.3;
padding:60px 0;
width:188px;
}

/*--------------------------------
 特長
 --------------------------------*/
.asset .featuresWrap {}

.asset .featuresInner {
margin:0 auto;
width:1024px;
}
.asset  .features_subTtl {
border-left:solid 3px #29abe2;
border-right:solid 3px #29abe2;
margin:50px auto 70px;
position:relative;
width:940px;
}
.asset .features_subTtl:before,
.asset .features_subTtl:after {
content: '';
display: block;
position:relative;
margin:0 auto;
height:3px;
width:930px;
background:#29abe2;
}
.asset .features_subTtl:before {top:-10px;}
.asset .features_subTtl:after {bottom:-10px;}
.asset .features_subTtl p.ttltxt01 {
background:url("../img/asset/featuresttl_bg.jpg") no-repeat center;
border-radius: 50px;
color:#fff;
display:inline-block;
font-size:26px;
font-weight:700;
padding:7px 0 9px;
position:relative;
top:-38px;
width:160px;
}
.asset .features_subTtl p.ttltxt02 {
color:#29abe2;
font-size:32px;
font-weight:700;
line-height: 1.7;
margin-top:-20px;
padding:0 0 20px;
position:relative;
z-index:-2;
}
.asset .features_subTtl p.ttltxt02:before {
content:url("../img/asset/features_subTtl01.png");
position:absolute;
left:0;
top:-95px;
}
.asset .features_subTtl p.ttltxt02:after {
content:url("../img/asset/features_subTtl02.png");
position:absolute;
right:20px;
bottom:-45px;
}

/*特長●の共通設定*/
.asset .features_contents div p{
font-size:18px;
line-height: 2;
text-align: left;
}
.asset .features_contents div p small {
font-size:14px;
position:relative;
top:-4px;
}
/*特長1*/
.asset .featuresBg01 {
background:url("../img/asset/features_bg01.png") no-repeat bottom center;
margin:0 auto;
}
.asset .featuresBg01 .features_contents {
display:flex;
justify-content: space-between;
flex-direction: row-reverse;
margin-bottom:140px;
}
.asset .featuresBg01 .features_contents div{
margin-right:40px;
}
/*特長2*/
.asset .featuresBg02 {
background:url("../img/asset/features_bg02.png") no-repeat center bottom 90px;
margin:0 auto;
}
.asset .featuresBg02 .features_contents {
display:flex;
justify-content: space-between;
flex-direction: row-reverse;
margin-bottom:0;
}
.asset .featuresBg02 .features_contents div{
margin-right:58px;
}
.asset .featuresBg02 .features_contents div figure {
margin:20px 0;
}
.asset .featuresBg02 .features_contents > figure {
margin-top:10px;
}
/*特長3*/
.asset .featuresBg03 {
background:url("../img/asset/features_bg03.png") no-repeat top center;
margin:0 auto 0;
padding-top:75px;
}
.asset .featuresBg03 .features_contents {
display:flex;
justify-content: space-between;
flex-direction: row-reverse;
margin-bottom:140px;
}
.asset .featuresBg03 .features_contents div{
margin-right:40px;
}
.asset .featuresBg03 .features_contents div figure{
margin-top:30px;
text-align: left;
}
.asset .featuresBg03 .features_contents > figure figcaption {
background:#eaedee;
color:#f46660;
font-size:18px;
font-weight:700;
line-height:2.5;
}
/*特長4*/
.asset .featuresBg04 {
background:url("../img/asset/features_bg04.png") no-repeat bottom center;
margin:0 auto;
}
.asset .featuresBg04 .features_contents {
display:flex;
justify-content: space-between;
margin-bottom:140px;
padding-bottom:60px;
}
.asset .featuresBg04 .features_contents div.left{
margin-right:115px;
}
.asset .featuresBg04 .features_contents div.right{
position:relative;
}
.asset .featuresBg04 .features_contents div.right a {
position:absolute;
bottom:0;
}
.asset .featuresBg04 .features_contents div.right a.els{left:0;}
.asset .featuresBg04 .features_contents div.right a.bgca{right:0;}
.asset .featuresBg04 .features_contents div.right a img {
height:auto;
width:182px;
}

/* ----------------------------------------------------------
スマートフォン
---------------------------------------------------------- */
@media screen and (max-width: 767px) {

/*--------------------------------
 リード
 --------------------------------*/
.asset .leadWrap .leadList {
flex-wrap:wrap;
margin:0 5%;
width:90%;
height:auto;
}
.asset .leadWrap .leadList li {
align-self: center;
font-size:3.5vw;
padding:10% 0;
}
.asset .leadWrap .leadList li.list01  {
background-size: 100%;
flex-basis:34%;
}
.asset .leadWrap .leadList li.list02  {
background-size: 100%;
flex-basis:34%;
}
.asset .leadWrap .leadList li.list03  {
background-size: 34%;
flex-basis:100%;
margin-top:-18%;
}
.asset .leadWrap .leadList li.list04  {
background-size: 100%;
flex-basis:34%;
margin-top:-18%;
}
.asset .leadWrap .leadList li.list05  {
background-size: 100%;
flex-basis:34%;
margin-top:-18%;
}
/*--------------------------------
 特長
 --------------------------------*/
.asset .featuresWrap {}

.asset .featuresInner {
margin:0 auto;
width:100%;
}
.asset  .features_subTtl {
margin:10% auto 10%;
position:relative;
width:90%;
}
.asset .features_subTtl:before,
.asset .features_subTtl:after {
width:98%;
}
.asset .features_subTtl p.ttltxt01 {
font-size:4.5vw;
padding:1% 10% 1.5%;
top:-28px;
width:auto;
}
.asset .features_subTtl p.ttltxt02 {
font-size:4.5vw;
padding:0 4% 3%;
margin-top:-6%;
text-align: left;
}
.asset .features_subTtl p.ttltxt02:before {
content:none;
}
.asset .features_subTtl p.ttltxt02:after {
content:none;
}

/*特長●の共通設定*/
.asset .features_contents div p{
font-size:3.9vw;
}
.asset .features_contents div p small {
font-size:3vw;
position:relative;
top:-4px;
}
.asset .features_contents > figure {
margin-bottom:6%;
}
.asset .features_subTtlWrap {
background:url("../img/asset/features_subTtl_sp02.png") no-repeat top left -5px;
background-size: 94%;
padding:2% 0;
}

/*特長1*/
.asset .featuresBg01 {
background:url("../img/asset/features_bg01_sp.png") no-repeat bottom right;
background-size: 26%;
margin:0 auto;
width:100%;
}
.asset .featuresBg01 .features_contents {
display:inherit;
margin:0 5%;
width:90%;

margin-bottom:5%;
}
.asset .featuresBg01 .features_contents div{
margin-right:0;
padding-bottom:13%;
}
.asset .featuresBg01 .features_contents > figure img {
height:auto;
width:100%;
}
/*特長2*/
.asset .featuresBg02 {
background:url("../img/asset/features_bg02_sp.png") no-repeat left bottom 7%;
background-size:25%;
margin:0 auto;
width:100%;
}

.asset .featuresBg02 .features_contents {
display:inherit;
margin:0 5%;
width:90%;
margin-bottom:0;
}
.asset .featuresBg02 .features_contents div{
margin-right:0;
}
.asset .featuresBg02 .features_contents div figure {
margin:12% 0 5%;
}
.asset .featuresBg02 .features_contents div figure img {
height:auto;
width:90%;
}
.asset .featuresBg02 .features_contents > figure {
margin-top:0;
}
.asset .featuresBg02 .features_contents > figure img {
height:auto;
width:90%;
}
/*特長3*/
.asset .featuresBg03 {
background:url("../img/asset/features_bg03_sp.png") no-repeat bottom right;
background-size: 26%;
margin:0 auto 0;
padding-top:15%;
width:100%;
}
.asset .featuresBg03 .features_contents {
display:inherit;
margin:0 5%;
width:90%;
margin-bottom:2%;
}
.asset .featuresBg03 .features_contents div{
margin-right:0;
padding-bottom:17%;
}
.asset .featuresBg03 .features_contents div figure{
margin-top:5%;
text-align: left;
}
.asset .featuresBg03 .features_contents a.sp_glcLink {
margin:5% 0;
}
.asset .featuresBg03 .features_contents a.sp_glcLink figure img{
height:auto;
width:85%;
}
.asset .featuresBg03 .features_contents > figure figcaption {
background:#eaedee;
font-size:3.5vw;
line-height:2.5;
}
.asset .featuresBg03 .features_contents > figure img {
height:auto;
width:100%;
}

/*特長4*/
.asset .featuresBg04 {
background:none;
margin:0 auto;
width:100%;
}
.asset .featuresBg04 .features_subTtlWrap {
background:url("../img/asset/features_subTtl_sp01.png") no-repeat top left -5px;
background-size: 94%;
padding:1% 0;
}
.asset .featuresBg04 .features_contents {
display:inherit;
margin:0 5%;
width:90%;
margin-bottom:15%;
padding-bottom:0;
}
.asset .featuresBg04 .features_contents div.left{
margin-right:0;
}

.asset .featuresBg04 .features_contents div.right{
padding-top:10%;
margin:0 auto;
width:90%;
}
.asset .featuresBg04 .features_contents div.right > img {
height:auto;
width:100%;
}
.asset .featuresBg04 .features_contents div.right a {
position:absolute;
bottom:0;
width:42%;
}
.asset .featuresBg04 .features_contents div.right a.els{left:0;}
.asset .featuresBg04 .features_contents div.right a.bgca{right:0;}
.asset .featuresBg04 .features_contents div.right a img {
height:auto;
width:100%;
}


}