#leaf_cont #leaf_main #leaf_func_top{ 
     overflow: hidden;
     margin-bottom: 8px;
     position:relative;
     width: 100%;
}


#leaf_cont #leaf_main #leaf_func_top p.func_icon_top{width: 85px;
    height: 85px;
    float: left;
    margin-right: 25px;
    padding: 7px;}

#leaf_cont #leaf_main #leaf_func_top p.func_subtitle01{       font-size: 11px;
    letter-spacing: 0.25em;
    color:#666666;
    font-family: 'Roboto';    font-weight: 500;}
#leaf_cont #leaf_main #leaf_func_top p.func_subtitle02{       font-size: 18px;
    letter-spacing: 0.1em;
    margin-top:10px;
   }

#leaf_cont #leaf_main #leaf_func_top p .title{font-size: 50px;
    font-weight:bold;
    letter-spacing: 0.1em;
    margin: 0;}
#leaf_cont #leaf_main #leaf_func_top h1{      font-size: 50px;
    font-weight:bold;
    letter-spacing: 0.1em;
    margin: 0;}

#article h2{       margin-top: 70px;
    font-size: 30px;
    text-align: center;
    margin-bottom: 30px;
    font-weight: 500;}


#leaf_cont #leaf_main #leaf_func_top .user{background-color: #598ae4;}
#leaf_cont #leaf_main #leaf_func_top .training{background-color: #00c77f;}
#leaf_cont #leaf_main #leaf_func_top .test{background-color: #e64500;}
#leaf_cont #leaf_main #leaf_func_top .movie{background-color: #ff8a00;}
#leaf_cont #leaf_main #leaf_func_top .value{background-color: #00bdd6;}
#leaf_cont #leaf_main #leaf_func_top .stress{background-color: #ff54ac;}

#leaf_cont #leaf_main #leaf_func_top p.user_text{color: #598ae4;}
#leaf_cont #leaf_main #leaf_func_top p.training_text{color: #00c77f;}
#leaf_cont #leaf_main #leaf_func_top p.test_text{color: #e64500;}
#leaf_cont #leaf_main #leaf_func_top p.movie_text{color: #ff8a00;}
#leaf_cont #leaf_main #leaf_func_top p.value_text{color: #00bdd6;}
#leaf_cont #leaf_main #leaf_func_top p.stress_text{color: #ff54ac;     margin-top: 7px;}




#leaf_cont #leaf_main #article .func_top_introduction{}
#leaf_cont #leaf_main #article .func_top_introduction p{    font-size: 1.5em;
    font-weight: 500;
    letter-spacing: 0.05em;
    line-height: 1.85em;
    margin-bottom: 50px;}

#article #halfpart{      display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -js-display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    width: 100%;}

#article .p50{width:47%;margin-bottom:30px;padding:25px;position:relative;margin-right:27px;}

#article .p50:nth-child(2n){margin-right:0;}

#article .p50 p{    font-size: 1.3em;
    font-weight: 500;
    letter-spacing: 0.05em;
    line-height: 1.7em;margin-bottom:45px;}

#article .p50 h3{ font-size: 20px;
    margin-bottom: 10px;
border:none;    margin-top: -5px;}

#article .p50 h3:before{    content: "";
    background-color: #ff8a00;
    width: 4px;
    height: 60px;
    display: block;
    float: left;
    margin-right: 16px;
    margin-top: 5px;}


#article .p50 h3.h3_value:before{    content: "";
    background-color: #00bdd6;
    width: 4px;
    height: 60px;
    display: block;
    float: left;
    margin-right: 16px;
    margin-top: 5px;}

#article .p100 .h3_value:before{
    content: "";
    background-color: #00bdd6;
    width: 4px;
    height: 60px;
    display: block;
    float: left;
    margin-right: 16px;
    margin-top: 5px;}

#article .p50 h3.h3_user:before{    content: "";
    background-color:#598ae4;
    width: 4px;
    height: 60px;
    display: block;
    float: left;
    margin-right: 16px;
    margin-top: 5px;}

#article .p50 h3.h3_training:before{    content: "";
    background-color:#00c77f;
    width: 4px;
    height: 60px;
    display: block;
    float: left;
    margin-right: 16px;
    margin-top: 5px;}

#article .p50 h3.h3_test:before{    content: "";
    background-color:#e64500;
    width: 4px;
    height: 60px;
    display: block;
    float: left;
    margin-right: 16px;
    margin-top: 5px;}
#article .p100 h3.h3_test:before {
    content: "";
    background-color: #e64500;
    width: 4px;
    height: 60px;
    display: block;
    float: left;
    margin-right: 16px;
    margin-top: 5px;
}
#article .panel h3.h3_movie:before{    content: "";
    background-color:#ff8a00;
    width: 4px;
    height: 60px;
    display: block;
    float: left;
    margin-right: 16px;
    margin-top: 5px;}




#article .p33{width:32%;margin-bottom:30px;padding:25px;position:relative;margin-right:18px;}

#article .p33:nth-child(3n){margin-right:0;}


#article .p33 p{    font-size: 1.3em;
    font-weight: 500;
    letter-spacing: 0.05em;
    line-height: 1.7em;margin-bottom:45px;}

#article .p33 h3{ font-size: 22px;
    margin-bottom: 10px;
border:none;    margin-top: -5px;}

#article .p33 h3 img{vertical-align: -8px;
    margin-right: 10px;}




#article .user{border-top:3px solid #598ae4;background-color:#fff;}
#article .training{border-top:3px solid #00c77f;background-color:#fff;}
#article .test{border-top: 3px solid #e64500;background-color:#fff;}
#article .movie{border-top: 3px solid #ff8a00;background-color:#fff;}
#article .value{border-top: 3px solid #00bdd6;background-color:#fff;}
#article .stress{border-top: 3px solid #ff54ac;background-color:#fff;}




#article p.link_detail{width:170px;height:35px;margin:auto;position:absolute;right:0;left:0;bottom:20px;}

#article p.link_detail a{background-color:#fff;border-radius:100px;display:block;text-align:center;width:100%;height:100%;    padding: 5px;
    color: #fff;
    font-size: 0.9em;}


#leaf_cont #leaf_main #article p.link_detail a.user{border:1px solid #598ae4;color:#598ae4;}
#leaf_cont #leaf_main #article p.link_detail a.training{border:1px solid #00c77f;color:#00c77f;}
#leaf_cont #leaf_main #article p.link_detail a.test{border: 1px solid #e64500;color: #e64500;}
#leaf_cont #leaf_main #article p.link_detail a.movie{border: 1px solid #ff8a00;color:#ff8a00;}
#leaf_cont #leaf_main #article p.link_detail a.value{border: 1px solid #00bdd6;color:#00bdd6;}
#leaf_cont #leaf_main #article p.link_detail a.stress{border: 1px solid #ff54ac;color:#ff54ac;}


#leaf_cont #leaf_main #article .first_panel p{font-size:1.6em;line-height:2em;margin-bottom:25px;}
#leaf_cont #leaf_main #article .first_panel p:last-child{margin-bottom:0;}
#leaf_cont #leaf_main #article .first_panel p.text_link{font-size:1.4em;line-height:1.85em;margin-bottom:10px;}



.bc_l{
    padding: 58px;
    width:50%;
    background-color:#fff;
    overflow:hidden;
}
.bc_r{
    width:50%;
}

#leaf_cont #leaf_main #leaf_func_top .func_text p{
    font-size: 17px;
    color: #fff;
    line-height: 30px;
    margin: 0 auto;
    padding: 56px;
}

.subtitle{    height: auto;
    width: 400px;
}
.naname:before{content: "";
    display: block;
    height: 60px;
    width: 60px;
    position: absolute;
    background-color: #f3f3f3;
    top: -31px;
    left: 0px;
    transform: skewY(-45deg);

}
 .naname:after{content: "";
    display: block;
    height: 60px;
    width: 60px;
    position: absolute;
    background-color: #f3f3f3;
   bottom: -31px;
    right: 0px;
    transform: skewY(-45deg);}
#leaf_cont #leaf_main #leaf_func_top .func_title{font-size: 43px;
    color: #000;
    font-weight: bold;
    letter-spacing: 0.1em;}

.user img{margin: 6px 6px;}
.test img{margin: 6px 6px;}
.training img{margin: 6px 6px;}
.movie img{margin: 6px 6px;}
.value img{margin: 6px 6px;}
.stress img{margin: 6px 6px;}

/*以下180822追加*/
#leaf_cont #leaf_main #article .test_caption img{
     width:50%;
     height:auto;
     margin-top: 30px;
}
#leaf_cont #leaf_main #article .test_caption .p100 div{ 
     width:47%;
}

/* 以下190214追加(SEO対策) */
/* 見出し */
#article .p_heading{}
#article .p_heading__ttl{
  font-size: inherit;
  font-weight: inherit;
}
#article .p_heading--primary{
  margin: 70px 0 30px;
  font-size: 30px;
  text-align: center;
  font-weight: 500;
}

/* 以下2019/06/04　修正 */
#leaf_cont #leaf_main .flex-func_top {
  display: flex;
}

.flex-bc_l {
  display: flex;
  width: 100%;
}
#leaf_cont #leaf_main #leaf_func_top .func_title {
  width: 100%;
}


/* 以下2019/07/17　修正 */

#article .customize-description{
text-align:center;
font-size:17px;
margin-bottom:50px
}


#article .panel dl dt {
    font-size: 18px;
    font-weight: 700;
    text-align: center;
    margin: 30px 0;
}

#article .panel dl dd {
    font-weight: 500;
    font-size: 15px;
}

#article .panel dl dt span {
    font-weight: 700;
    font-size: 24px;
}

#article .p100 h3.h3_training :before {
    content: "";
    background-color: #00c77f;
    width: 4px;
    height: 60px;
    display: block;
    float: left;
    margin-right: 16px;
    margin-top: 5px;
}

#article .panel h3.h3_user:before {
    content: "";
    background-color: #598ae4;
    width: 4px;
    height: 60px;
    display: block;
    float: left;
    margin-right: 16px;
    margin-top: 5px;
}