@charset "utf-8";
/* CSS Document */

/* ====================

▼リーフcommon

==================== */

#base{width:100%;}

#leaf_bg *{font-family: 游ゴシック,sans-serif;
			font-weight: 700;
			line-height: 1.7em;}
#leaf_nav{font-family: 游ゴシック,sans-serif;
			font-weight: 700;
			line-height: 1.7em;}

#leaf_wrap{position:relative;overflow:hidden;}



#leaf_wrap a:hover{text-decoration:none;}

#leaf_wrap h2{margin-bottom:20px;}



#leaf_cont #leaf_main #article .hidden{
      overflow:hidden;
}


/*見出しスタイル*/
#headlineBox{width:1000px;margin:0 auto;    margin-top: 20px;}
#headlineBox .headlineJa{font-weight: 500;letter-spacing: 0.2em;font-size: 26px;position:relative;}
#headlineBox .headlineJa:before{content:'';display:block;position:absolute;width:1px; height:235px;background-color:#939393;    left: -28px;
    top: -20px;}
#headlineBox .headlineEn{    font-size: 16px;letter-spacing: 0.5em;    font-weight: 300;    font-family:'khula';}

#leaf_top{    margin-top: 100px;
    margin-bottom: 100px;}




#leaf_nav{position:absolute;left:0;top:0;width:100%;height:60px;  z-index: 99;transition:0.3s;     box-shadow: 0 1px 7px #b5b5b5;background-color: rgba(255, 255, 255, 0.93); }
#leaf_nav ul{overflow:hidden;        width: calc(100% - 60px);    height: 100%;    }
#leaf_nav ul li{float:left;width:auto; height: 100%;}
#leaf_nav ul li a{	      color: #595959;
    width: 100%;
    height: 100%;
    display: block;
    text-align: center;
    font-weight: 700;
    font-size: 13px;
    letter-spacing: 0.2em;
	padding: 18px 18px;transition:0.5s;}

#leaf_nav ul li a:hover{opacity:0.5;}

#leaf_nav ul li.homeLogo {margin-right: 20px;} 
#leaf_nav ul li.homeLogo a{padding: 0;    padding-left: 20px;}

#leaf_nav ul li.inquiry_leaf{  float: right;      margin-right: 13px;
    padding: 13px;}

#leaf_nav ul li.inquiry_leaf:last-child{margin-right:0;}

#leaf_nav ul li.inquiry_leaf a{    background-color: #00c77f;
       width: 130px;
    margin: 0 auto;
    height: 34px;
    padding: 5px;
    color: #FFF;
    border-radius: 35px;}

#hamBtn{display:none;    width: 60px;
    height: 60px;
    float: left;
    background-color: #00c77f;
    cursor: pointer;}
#hamBtn span{    position: absolute;
    background-color: #fff;
    height: 2px;
    width: 42px;}
#hamBtn span.oneLine{    left: 8px;
    top: 20px;}
#hamBtn span.twoLine{    left: 8px;
    top: 30px;}
#hamBtn span.threeLine{    left: 8px;
    top: 40px;}
#leaf_wrap #hamBtn ul{    position: absolute;
    top: 60px;
    left: 0px;
    width: 100%;
    max-width: 350px;
    height: auto;    background-color: #00c77f;transition:0.5s;opacity:0;max-height:0px;}
#leaf_wrap #hamBtn ul.openHam{opacity:1;max-height:500px;}
#leaf_wrap #hamBtn ul li{float: none;}
#leaf_wrap #hamBtn ul li a{    text-align: left;    color: #fff;}

#leaf_wrap_index #hamBtn ul{    position: absolute;
    top: 60px;
    left: 0px;
    width: 100%;
    max-width: 350px;
    height: auto;    background-color: #00c77f;transition:0.5s;opacity:0;max-height:0px;}
#leaf_wrap_index #hamBtn ul.openHam{opacity:1;max-height:500px;}
#leaf_wrap_index #hamBtn ul li{float: none;}
#leaf_wrap_index #hamBtn ul li a{    text-align: left;    color: #fff;}




#leaf_bg{padding-bottom: 100px;background-color: #f3f3f3;overflow:hidden;    padding-top: 80px;} 




#leaf_cont{width: 1200px;margin: 0 auto;}




#leaf_main{width:920px;margin-top:30px;float:right;}


#leaf_main h1.case_headline{    margin-top: 0;
    margin-bottom: 30px;
    font-weight: 500;
    letter-spacing: 0.2em;
    font-size: 30px;
    position: relative;
    padding-left: 30px;}

#leaf_main h1.case_headline:before{    content: '';
    width: 3px;
    height: 30px;
    background-color: #000;
    display: block;
    margin-right: 13px;
    position: absolute;
    top: 11px;
    left: 0;}







#leaf_ad{position:absolute;right:-240px;top:60px;width:240px;height:calc(100% - 60px); ;transition:0.5s;overflow-y:auto;    overflow-x: hidden;z-index:100;}

#leaf_ad div{padding:0 15px;padding-top:15px;}

#leaf_ad div#leaf_ad_cont{padding:0;margin-top:0;width:240px;background-color: rgba(16, 16, 16, 0.8);position:relative;    min-height: 100%;}

#leaf_ad div a{width:100%;height:100%;display:block;}


/*スクロールバー全体*/
#leaf_ad::-webkit-scrollbar {
    width: 10px;
	background-color: rgba(0, 0, 0, .7);
}

/*スクロールバーの軌道*/
#leaf_ad::-webkit-scrollbar-track {
  border-radius: 10px;
}

/*スクロールバーの動く部分*/
#leaf_ad::-webkit-scrollbar-thumb {
  background-color: rgba(255, 255, 255, .2);
  border-radius: 10px;
}


#adSwitch{display: block;
    width: 60px;
    height: 60px;
    position:absolute;
    top: 0;
    right:0;
    background-color:#f30000;
	cursor:pointer;
	-ms-transition:0.5s;
	-moz-transition:0.5s;
	-webkit-transition:0.5s;
	transition:0.5s;    z-index: 100;
	}

#leaf_wrap .leaf_adOn{position:fixed;right:0px;}
#leaf_wrap .leaf_adOn2{position:absolute;right:0px;}
#leaf_wrap .leaf_adOff{position:fixed;right:-240px;}
#leaf_wrap .leaf_adOff2{position:absolute;right:-240px;}



#leaf_wrap .adSwitchOff{position:fixed;}
#leaf_wrap .adSwitchOff2{position:absolute;}


#leaf_wrap .adSwitchOn{position:fixed;}
#leaf_wrap .adSwitchOn2{position:absolute;}
#leaf_wrap .isTriggered{background-color:rgba(16, 16, 16, 0.8);}



/*左ナビ*/




#leaf_sub{width:230px;    margin-top: 30px;}

#leaf_sub dl.nav_panel{     margin-bottom: 20px;
    padding: 10px;
    background-color: #fff;}

#leaf_sub dl.nav_panel dt.nav_title{         border-bottom: 1px solid #424242;
    margin-bottom: 5px; color: #424242;
    font-size: 13px;letter-spacing: 0.13em;
    padding: 5px 0;    padding-bottom: 10px;font-family: century gothic,游ゴシック, メイリオ,sans-serif; font-weight:700;}

#leaf_sub dl.nav_panel dt.nav_title img{vertical-align:-6px;
margin-right: 7px;}

#leaf_sub dl.nav_panel dd li{position:relative;}

#leaf_sub dl.nav_panel dd li a{    font-family: century gothic,游ゴシック, メイリオ,sans-serif;
    font-weight: 700;
    width: 100%;
    font-size: 14px;
    color: #333;
    display: block;
padding: 15px 0;    border-bottom: 1px solid #efefef;transition:0.4s;}

#leaf_sub dl.nav_panel dd li a:hover{text-decoration:none;opacity:0.6;}

#leaf_sub dl.nav_panel dd li img{vertical-align: -4px;    margin-right: 6px;}
#leaf_sub dl.nav_panel dd li img.arrow{position:absolute;    right: 0;    margin-right:0;}


#leaf_sub dl.nav_panel li.leaf_nav_acc{
    font-size: 14px;
    color: #333;
    display: block;
    padding: 15px 0;
    border-bottom: 1px solid #efefef;cursor:pointer;}

#leaf_sub dl.nav_panel li.leaf_nav_acc_cont ul{    margin-bottom: 15px;
    margin-top: 5px;}
#leaf_sub dl.nav_panel li.leaf_nav_acc_cont ul li{}
#leaf_sub dl.nav_panel li.leaf_nav_acc_cont ul li a{    border: none;
    font-size: 12px;
    padding: 3px;    padding-left: 10px;}

#leaf_sub dl.nav_panel li.leaf_nav_acc_cont ul li a:hover{    margin-left: 10px;}


#leaf_sub dl.nav_panel dd li div a p.pickup_title{    font-size: 17px;margin-bottom:5px;}
#leaf_sub dl.nav_panel dd li div a p.pickup_cont{    font-size: 11px;}

#leaf_sub dl.nav_panel dd li.pickupBox{ margin-bottom: 5px;}

#leaf_sub dl.nav_panel dd li.pickupBox a{position:relative;border-bottom:1px solid #adadad;}

#leaf_sub dl.nav_panel dd li.pickupBox a::after{
content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 0;
    height: 0;
    border-top: 17px solid #e00000;
border-left: 17px solid transparent;}


#leaf_sub dl.nav_panel dd.rating_list_total{}

#leaf_sub dl.nav_panel dd.rating_list_total div{     margin-bottom: 3px;
    padding-bottom: 3px;
    border-bottom: 1px solid #efefef;}
#leaf_sub dl.nav_panel dd.rating_list_total div p.fr span{      margin: 0 3px;  font-size: 27px;
    font-family: 'Roboto';
    font-weight: 500;color:#424242;}

#leaf_sub dl.text_nav_panel dd li a{    font-size: 12px;
    padding: 8px 0;}



#leaf_wrap .leaf_footer_text p a{    font-size: 14px;
    padding: 0 15px;
    display: block;
    width: 25%;
    float: left;
    border-right: 2px solid #15b9a2;    text-align: center;    color: #15b9a2;}




/*マニュアル用*/
/*
#leaf_main .manual_nav{overflow:hidden;margin-top:40px;margin-bottom:30px;}
#leaf_main .manual_nav li{width:30%;float:left;    font-size: 16px;border:1px solid;margin-right:5%;margin-bottom:20px;background-color:#fff;cursor:pointer;}
#leaf_main .manual_nav li:nth-child(3n){margin-right:0;}
#leaf_main .manual_nav li img{    vertical-align: -15px;margin-right: 15px;}
#leaf_main .manual_nav li.tag_training{border-color:#00C77F;}
#leaf_main .manual_nav li.tag_test{border-color:#E64500;}
#leaf_main .manual_nav li.tag_movie{border-color:#FF8A00;}
#leaf_main .manual_nav li.tag_value{border-color:#00BDD6;}
#leaf_main .manual_nav li.tag_stress{border-color:#FF428E;}


#leaf_top .swiper-container{    margin-top: 47px;
    margin-bottom: -70px;}
#leaf_top .swiper-slide img{width: 100%;
    height: auto;}
#leaf_top .swiper-slide{position:relative;}
#leaf_top .swiper-slide:after{content:'';position:absolute;top:0;left:0;display:block;background-color:rgba(0,0,0,0.5);width:100%;height:100%;}

#leaf_top .swiper-container{overflow:initial;}

.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{    bottom: -39px;
    left: 0;
    width: 100%;}
*/


#leaf_main .manual_list{overflow:hidden;}
#leaf_main .manual_list li{    float: left;
    background-color: #fff;
    width: 49%;
    height: 200px;
    border: 1px solid #d8d8d8;
    margin-right: 2%;
    margin-bottom: 20px;
    overflow: hidden;
    border-radius: 5px;
    position:relative;}

#leaf_main .manual_list li:after{    content: '';
    display: block;
    background-color: #59c5a1;
    width: 100px;
    height: 100px;
    position: absolute;
    top: -55px;
    left: -55px;
    transform: skew(133deg);}

#leaf_main .manual_list li:nth-child(2n){margin-right:0;}

#leaf_main .manual_list li a{    
    width: 100%;
    height: 100%;
    display: block;
    padding: 35px;}


#leaf_main .manual_list li a p{    font-size: 19px;
    line-height: 1.7em;
    font-weight: 700;    height: 80px;}

#leaf_main .manual_list li a p.manual_icon{}

#leaf_main .manual_list li a p.manual_icon span{       font-size: 12px;
    border: 1px solid #59c5a1;
    border-radius: 30px;
    margin-right: 10px;
    padding: 1px 10px;
    display: inline-block;    color: #595959;}










#semMainImg{    overflow: hidden;
    width: 100%;
    height: 200px;position:relative;}

#semMainImg img{     width: 100%;}
#semMainImg p:after{    content: '';
    display: block;
    background-color: rgba(0, 0, 0, 0.5);
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;}

#semMainImg h1{    margin-bottom: 30px;
    font-size: 29px;
    position: absolute;
    top: 25px;
    bottom: 0;
    left: 30px;
    right: 0;
    margin: auto;
    color: #fff;}

#semMainImg .semTag{    font-size: 12px;
    color: #ffffff;
    position: absolute;
    bottom: 25px;
    left: 30px;
    background-color: #08c17e;
    padding: 2px 12px;
    letter-spacing: 0.15em;}

#semMainImg .semTag:after{display:none;}


#article .semBottom h2{     text-align: left;
    margin-top: 50px;
    margin-bottom: 20px;
    font-size: 26px;
    position: relative;
    padding-left: 20px;
    color: #595959;
    font-weight: 500;}

#article .semBottom h2:before{    content: '';
    position: absolute;
    display: block;
    width: 4px;
    height: 27px;
    background-color: #595959;
    top: 9px;
    left: 0;}

#article .semBottom h3{    font-size: 18px;
    margin-top: 30px;
    margin-bottom: 20px;}

#article .semBottom p{    margin-bottom: 15px;
    line-height: 1.7em;
    letter-spacing: 0.1em;}

#article .semBottom ul.flowSem{}

#article .semBottom ul.flowSem li{    font-weight: 500;
    margin-bottom: 25px;}

#article .semBottom ul.flowSem li:first-child:before{    content: '1';
       width: 30px;
    display: inline-block;
    font-weight: 500;
    color: #00c77f;
    font-size: 30px;
    vertical-align: -5px;}

#article .semBottom ul.flowSem li:nth-child(2):before{    content: '2';
    width: 30px;
    display: inline-block;
    font-weight: 500;
    color: #00c77f;
    font-size: 30px;
    vertical-align: -5px;}

#article .semBottom ul.flowSem li:nth-child(3):before{    content: '3';
    width: 30px;
    display: inline-block;
    font-weight: 500;
    color: #00c77f;
    font-size: 30px;
    vertical-align: -5px;}

#article .semBottom ul.flowSem li:nth-child(4):before{    content: '4';
    width: 30px;
    display: inline-block;
    font-weight: 500;
    color: #00c77f;
    font-size: 30px;
    vertical-align: -5px;}

#article .semBottom ul.flowSem li:nth-child(5):before{    content: '5';
    width: 30px;
    display: inline-block;
    font-weight: 500;
    color: #00c77f;
    font-size: 30px;
    vertical-align: -5px;}

#article .semBottom ul.flowSem li:nth-child(6):before{    content: '6';
    width: 30px;
    display: inline-block;
    font-weight: 500;
    color: #00c77f;
    font-size: 30px;
    vertical-align: -5px;}

#article .semBottom ul.flowSem li:nth-child(7):before{    content: '7';
    width: 30px;
    display: inline-block;
    font-weight: 500;
    color: #00c77f;
    font-size: 30px;
    vertical-align: -5px;}

#article .semBottom ul.flowSemLow{    text-indent: 30px;    margin-top: 15px;}

#article .semBottom ul.flowSemLow li{    font-size: 0.9em;
    margin-bottom: 0;}

#article .semBottom ul.flowSemLow li:first-child:before{content:'';display:none;}

#article .semBottom ul.flowSemLow li:nth-child(2):before{content:'';display:none;}

#article .semBottom ul.flowSemLow li:nth-child(3):before{content:'';display:none;}

#article .semBottom ul.flowSemLow li:nth-child(4):before{content:'';display:none;}

#article .semBottom ul.flowSemLow li:nth-child(5):before{content:'';display:none;}
#article .semBottom ul.flowSemLow li:nth-child(6):before{content:'';display:none;}

#article .semBottom ul.flowSemLow li:nth-child(7):before{content:'';display:none;}

#article .semBottom ul.voiceBox{}

#article .semBottom ul.voiceBox li{     font-weight: 500;
    text-indent: -25px;
    padding-left: 35px;
    margin-bottom: 40px;}

#article .semBottom ul.voiceBox li:before{content:url(/common/img/it-tool/vLeafIcon.svg);    width: 25px;
    height: 25px;
    display: inline-block;
    vertical-align: -7px;    text-indent: -12px;}

#article .semBottom .sText{font-size:12px;}

#article .mr50{
margin-right:50px
}


/*スライダースタイル*/


.pc_image{position: absolute;    top: 5.8%;left: 0;right: 0;width: 100%;text-align: center;
	user-select: none; /* CSS3 */
-moz-user-select: none; /* Firefox */
-webkit-user-select: none; /* Safari、Chromeなど */
-ms-user-select: none; /* IE10かららしい */}

.pc_image img{      width: 25.2%;
    height: auto;}



.modal_cont *{font-family:'游ゴシック',yu gothic,'メイリオ',meirio,sans-serif;}




@media(max-width:1500px){

}





@media (max-width: 1250px){
	
	#leaf_cont{width:950px;}
	#leaf_main{width:670px;}
	#hamBtn{display:block;}
	#leaf_nav ul{    width: calc(100% - 120px);}

}

@media (max-width: 1000px){
	
	#leaf_cont{width:100%;padding:20px;}
	#leaf_main{width:100%;    float: none;}
	#leaf_sub{display:none;}
	#hamBtn{display:block;}
	#leaf_nav ul{    width: calc(100% - 120px);}
}

@media (max-width: 768px){
.pc_image{display:none;}
}





#toStress a{
    display: block;
    background-color: #ff428e;
    text-align: center;
    font-size: 24px;
    border: 1px solid #ff428e;
    border-radius: 40px;
    padding: 18px;
    color: #fff;
    margin-bottom: 25px;
    transition: 0.3s;
}

#toStress a:hover{  
    background-color:#fff;
    color: #ff428e;
}


#leaf_cont #leaf_main #article #toStress a{
    position:relative;
}
#leaf_cont #leaf_main #article #toStress a span{
    position: absolute;
    top: 48px;
    left: 345px;
    font-size: 13px;
}
#leaf_cont #leaf_main #article .st_image{
    width:30%;
    float:left;
    margin-right:5%;
    margin-bottom:55px;
}
#leaf_cont #leaf_main #article .st_image:nth-of-type(3){
    margin-right:0;
}
#leaf_cont #leaf_main #article .st_image:nth-of-type(4){
    margin-bottom:0;
}
#leaf_cont #leaf_main #article .st_image:nth-of-type(5){
    margin-bottom:0;
}

#leaf_cont #leaf_main #article .st_image img{
    width:auto;
    height:170px;
}
#leaf_cont #leaf_main #article .st_image p{
    text-align:center;
    font-size: 15px;
    margin: 15px 0px;
}
#leaf_cont #leaf_main #article .st_image a:nth-of-type(2){
    background-color: #fff;
    border-radius: 100px;
    display: block;
    text-align: center;
    width: 100%;
    height: 100%;
    padding: 5px;
    border: 1px solid #ff54ac;
    color: #ff54ac;
    font-size: 0.9em;
}
#leaf_cont #leaf_main #article .st_flow_link{
    position: relative;
    font-size: 18px;
    letter-spacing: 0.1em;
    color: #689bd1;
    margin-left: 20px;
    transition:0.8s;
}
#leaf_cont #leaf_main #article .st_flow_link::before{
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 0 10px 15px;
    border-color: transparent transparent transparent #689bd1;
    position: absolute;
    left: -23px;
    top: 2px;
}
#leaf_cont #leaf_main #article .st_flow_link:hover{
    color:#4180bf;
}
#leaf_cont #leaf_main #article .panel .st_unnyo{
    position:relative;
    font-size: 25px;
    text-align: center;
    margin-bottom: 30px;
    font-weight: 500;
    text-decoration:none;
}
#leaf_cont #leaf_main #article .panel .st_unnyo span{
    position: absolute;
    top: 40px;
    left: 570px;
    font-size: 13px;
}
/* ====================

▲リーフcommon

==================== */

/* ====================

▼リーフニューcommon

==================== */

a:hover{text-decoration:none;}

.top_img{
    width: 100%;
    height: 360px;
    position: relative;
    overflow: hidden;
}

.logo{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 200px;
    height: 200px;
    background-color:rgba(255, 255, 255, 0.9);;
    text-align: center;    padding: 9px;
}


.top_bg{
   position: absolute;
    top: -85px;width:100%;
}

.top_bg img{
   width:100%;
}


.to_new_leaf{width:500px;height:60px;margin:0 auto;}

.to_new_leaf a{display:block;width:100%;height:100%;    text-align: center;
    color: #ffffff;
    padding: 15px;
    font-size: 18px;
    letter-spacing: 5px;background-color:#1fc5ae;    border: 1px solid #1fc5ae;transition:0.4s;}


.panel{    background-color: #fff;
    padding: 30px;
    margin-bottom: 30px;}





@media screen and (max-width: 599px){
  .panel{
    padding: 16px;
  }
}


.to_new_leaf a:hover{background-color:#fff;color:#1fc5ae;}

.top_state{ margin-top: 50px;}

.top_state_mt30{margin-top:30px}

.top_state h2{    font-size: 25px;
    letter-spacing: 0.2em;
    margin-bottom: 10px;}

.top_state p{font-size: 14px;
    letter-spacing: 0.22em;
    line-height: 1.8em;}

.pointBox{    text-align: center;
    position: relative;}

.pointBox .text1{    position: absolute;
    top: 78px;
    width: 320px;
    text-align: left;
    left: 92px;
}

#article .panel p#stress-emp {
    font-size: 1.4em;
    font-weight: bold;
margin-top:20px
}


.pointBox .text2{    position: absolute;
    top: 71px;
    width: 320px;
    text-align: left;
    left: 454px;
}

.pointBox .text3{    position: absolute;
    bottom: 26px;
    width: 320px;
    text-align: left;
    left: 92px;
}

.pointBox .text4{    position: absolute;
    bottom: 26px;
    width: 320px;
    text-align: left;
    left: 454px;
}

.panelBox{margin-bottom: 30px; padding-bottom: 30px;overflow:hidden;border-bottom: 1px solid #ccc;}

.panelBox h3{ 
    font-size: 18px;
    float: left;    width: 30%;}

.panelBox p{     font-size: 14px;
    line-height: 1.8em;
    width: 70%;
    float: right;}




#category_top{border-radius: 3px;padding: 5px 10px;margin-bottom: 30px;}

.kenshu{background-color: #28c67f;}
.movie{background-color: #ff8a00;}
.stress{background-color: #ff428e;}
.test{background-color: #e64500;}
.shain{background-color: #598ae4;}
.evaluation{background-color: #00bdd6;}

#category_top p{    color: #fff;}

#category_top p img{    vertical-align: -27px;
    margin-right: 10px;}

#category_top p span{    font-size: 18px;
    letter-spacing: 0.15em;}

#article .panel p{    font-size: 1.4em;
    font-weight: 500;
    letter-spacing: 0.05em;
    line-height: 1.85em;}

#article .panel p:last-child{margin-bottom:0;}

#article .panel .imgBox{    text-align: center;
    width: 100%;    margin-top: 20px;}

#article .panel .imgBox img{    max-width: 100%;    height: auto;
}

#article .panel .text_link{margin-bottom:10px;}
#article .panel .text_link a{    font-size: 1em;
    color: #14a7d6;
    font-weight: 500;}
#article .panel .text_link a:before{content:"▶";    font-size: 10px;
    vertical-align: 3px;
    padding-right: 9px;}
#article .panel .text_link a:hover{color: #08bfea;}





#article .panel h4{    font-size: 18px;margin-bottom:10px;}

#article .panel h4 img{    vertical-align: middle;
    margin-right: 10px;}



.panel_second{overflow:hidden;} 

.function{width:420px; height:130px;}

.function_line{background-color:#ccc;
width:297px; height:1px;margin: 4px 0 4px 118px;}

.traning{float:left;}
.traning_icon{width:100px; height:100px; background-color:#00C77F; border-radius:5px; float:left; margin-right:20px;}
.traning_icon img{width:73.5px; height:56.7px;}
.traning_icon p{text-align:center;
margin-top:23px;}

.studio{float:right;}
.studio_icon{width:100px; height:100px;background-color:#FFF; border:solid 1.5px; border-color:#FF6E38; border-radius:5px; float:left; margin-right:20px;}
.studio_icon img{width:auto; height:auto;}
.studio_icon p{text-align:center;
margin-top:31px;}

.task_test{float:left;}
.task_test_icon{width:100px; height:100px; background-color:#E64500; border-radius:5px; float:left; margin-right:20px;}
.task_test_icon img{width:63.9px; height:63.9px;}
.task_test_icon p{text-align:center;
margin-top:19px;}

.value{float:right;}
.value_icon{width:100px; height:100px; background-color:#00BDD6; border-radius:5px; float:left; margin-right:20px;}
.value_icon img{width:69.3px; height:53.46px;}
.value_icon p{text-align:center;
margin-top:25px;}

.movieeducation{float:left;}
.movieeducation_icon{width:100px; height:100px; background-color:#FF8A00; border-radius:5px; float:left; margin-right:20px;}
.movieeducation_icon img{width:61.2px; height:61.2px;}
.movieeducation_icon p{text-align:center;
margin-top:19px;}

.assessment{float:right;}
.assessment_icon{width:100px; height:100px; background-color:#0073b2; border-radius:5px; float:left; margin-right:20px;}
.assessment_icon img{width:70px; height:70px;}
.assessment_icon p{text-align:center;
margin-top:17px;}

.stresscheck{float:left;}
.stresscheck_icon{width:100px; height:100px; background-color:#FF428E; border-radius:5px; float:left; margin-right:20px;}
.stresscheck_icon img{width:100px; height:100px;}
.stresscheck_icon p{text-align:center;}

.title{width:200px; height:150px;}
.title img{width:70px; height:36.3px;}
.title p{text-align: center; font-size:20px;}

.maintext{width:600px; height:150px; float:right;}
.maintext img{float: left;
    margin-right: 12px;}
.subtitle{font-size:25px;}
.text{margin-top:10px;}
.trouble{overflow: hidden;}
.trouble_line{margin:8px 0px 32px 0px; width:100%; height:2px; background-color:#CEE8DA}








<!--以降171213追加-->
#article .panel .ex_link ul{
    padding: 0;
    margin: 0;
    width:100%;
}
#article .panel .ex_link li{
        padding: 0;
    margin: 0;
    list-style-type:none;
    float: left;
    width: 50%;
}
.case_box h4{margin-top:30px;}
#article .panel .ex_scale{font-size:15px;}
.human_icon{margin:10px 13px 0px 0px;}


.description{overflow:hidden; margin-bottom:50px;}
.des_asp{width:48%;}
.des_asp img{margin:0px 10px 0px 0px; float:left;}
#article .panel .des_asp p {margin-bottom:0px; font-weight: 800;}
.des_line{width:100%; height:1px; margin:10px 0px 10px 0px; background-color:#ccc;}
.des_textbox{width:100%; height:auto;}
#article .panel .des_textbox p {font-size:13px; }

.cp_comparison td{font-weight:500; padding-bottom:20px; padding: 20px;
    border-bottom: #ccc solid 1px;
}}
.cp_comparison th{}
.cp_comparison img{margin:0px 10px 0px 0px;}
.needsBox{float:left; width:30%; height:auto;}
#article .panel .needsBox p{font-weight:800; font-size:14px; text-align:center;}
.length_line{width: 1px;
    float: left;
    height: 180px;
    background-color: #ccc;
    margin: 30px 18px 0px 18px;
}
table.type09 {
	border-collapse: collapse;
	text-align: left;
	line-height: 1.5;

}
table.type09 thead th {
	padding: 10px;
	font-weight: bold;
	vertical-align: top;
	color: #58BF7F;
	border-bottom: 3px solid;　#58BF7F;
 	background: #F3F3F3;
}

#leaf_main #article table.type09 thead th {
	padding: 10px;
	font-weight: bold;
	vertical-align: top;
	color: #58BF7F;
	border-bottom: 3px solid;　#58BF7F;
 	background-color: #F3F3F3;
}
}

table.type09 tbody th {
	width: 150px;
	padding: 10px;
	font-weight: bold;
	vertical-align: top;
	border-bottom: 1px solid #ccc;
}
table.type09 td {
	width: 350px;
	padding: 10px;
	vertical-align: top;
	border-bottom: 1px solid #ccc;
    border-left: 1px solid #ccc;

}

.new_function{margin: 40px 14px 0px 14px;width:30%; height:auto; float:left;position:relative;}
.new_function ul li{font-weight:500;}
#article .panel .new_function h4{    margin-bottom: 20px;}
.fun_line01{width: 150px;
    height: 1px;
    background-color: #FF0083;
    position: absolute;
    top: 21px;
    left: 0px;
}
.fun_line02{width:114px; height:1px; background-color:#FF0083;
position:absolute; top:51px; left:0px;}
.fun_line03{width:50px; height:1px; background-color:#FF0083;
position:absolute; top:320px; left:0px;}
.hidden{overflow:hidden;}
#article .panel .new_function  .fun_text{
    font-size: 15px;
    line-height: 26px;
    font-weight:500;
    width: 100%;
    height: 210px;
}
#article .panel .new_function p{margin-bottom:10px; font-weight:800;}
.fun_link{width:100%; height:53px; border:solid 1px #FF0083; margin-top:20px;}
#article .panel .new_function .fun_link p{text-align: center;
    font-weight: 600;
    font-size: 15px;
    padding: 10px;}
#article .panel .new_function ul{width: 100%;
    height: 181px;}


.fun_line01{width: 150px;
    height: 1px;
    background-color: #FF0083;
    position: absolute;
    top: 21px;
    left: 0px;
}
.fun_line02{width:114px; height:1px; background-color:#FF0083;
position:absolute; top:51px; left:0px;}
.fun_line03{width:50px; height:1px; background-color:#FF0083;
position:absolute; top:320px; left:0px;}

.fun_line04{width: 225px;
    height: 1px;
    background-color:#00BDD6;
    position: absolute;
    top: 21px;
    left: 0px;
}
.fun_line05{width:114px; height:1px; background-color:#00BDD6;
position:absolute; top:51px; left:0px;}
.fun_line06{width:50px; height:1px; background-color:#00BDD6;
position:absolute; top:320px; left:0px;}

.fun_line07{width: 170px;
    height: 1px;
    background-color:#E64500;
    position: absolute;
    top: 21px;
    left: 0px;
}
.fun_line08{width:190px; height:1px; background-color:#E64500;
position:absolute; top:51px; left:0px;}
.fun_line09{width:50px; height:1px; background-color:#E64500;
position:absolute; top:320px; left:0px;}

.case{overflow:hidden;}
.case_menu{float:left;}


#article .panel .case_comment p{margin-top:5px;}

#article .panel .center p{text-align:center;}


.top_title{overflow:hidden; margin-bottom: 35px;position:relative;}

.pdfbutton{position: absolute;
    bottom: 0;
    right: 0;
    width: 135px;
    text-align: center;
    height: 25px;
    }

.pdfbutton a{    font-size: 13px;
    display: block;
    width: 100%;
    height: 100%;
    padding: 2px;
    color: #3c3c3c;border: 1px solid #3c3c3c;transition:0.5s;}


.pdfbutton a:hover{text-decoration:none;
    color: #e6002d;border: 1px solid #e6002d;}


.top_title p{    font-size: 20px;
    margin-bottom: 15px;}

#leaf_cont .top_title h1{      font-size: 55px;
    color: #3c3c3c;
    font-family: 游ゴシック,メイリオ,sans-serif;
    background-color: transparent;
    font-weight: 700;    line-height: 1.3em;}

.top_title img{float:right;}


.flex{display: -webkit-flex;
    display: flex;    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;   -js-display: flex;    flex-wrap: wrap;}



.box4 div{width:21%;}

.box3 div{width:31.5%;}

.box2 div{width:47%;}

.box1 div{width:100%;}

.between{    -webkit-justify-content: space-between;
    justify-content: space-between;
    justify-content: space-between;}

.case{position:relative;border-top:5px solid #ccc;    padding-top: 10px;padding-bottom:20px;}



.contactBox{width:700px;height:140px;}

.contactBox p span{font-size: 44px;}
.contactBox p a{ width: 325px;}

.flex{display:flex;flex-wrap: wrap;}
.flex-between{justify-content:space-between;}

.price_box_after_stress{width:49%;    margin-bottom: 35px;
    position: relative;}
.price_box_after_stress a{display: block;
    width: 100%;
    height: 100%;
    padding: 15px;
    border: 1px solid #e73d79;    color: #3a3a3a;}

.price_box_after_stress a:hover{text-decoration:none;color:#e73d79;}
.price_box_after_stress_title{text-align:center;font-size:17px;}
.price_box_after_stress_price{font-size:18px;    text-align: center;}
.price_box_after_stress_price span{font-size:25px;margin-left:15px;}
.price_box_after_stress_alert{position:absolute;bottom:-20px;font-size:11px;}



<!--以降171211追加-->
#leaf_main #sys_leaf_container .panel_first{overflow: hidden;}
#leaf_main .panel_first img{float:right;    margin: 23px 65px 0px 0px;}

#leaf_main .panel_text{width: 390px;
            height: auto;
            float: left;}
#leaf_main .panel_text h1{font-size: 34px;
font-weight: 800;
margin-bottom:35px;}
#leaf_main .panel_text p{    letter-spacing: 0.22em;
font-size:14px;}
#leaf_main .panel_text{}

<!--以降common/css/stresscheck_after.css-->

*{font-family: 游ゴシック, メイリオ, sans-serif;font-weight:700;}

#stress_after p{font-family: 游ゴシック, メイリオ, sans-serif;font-weight:700;}

#stress_after .flexBox{    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: space-between;margin:35px 0;}

#stress_after .flexBox .flexCont{}

#stress_after .flexBox .flexCont h2{     color: #e6387b;   font-size: 27px;
    border-bottom: 1px solid #cccccc;
    margin: 0;
    padding: 0px;
    padding-bottom: 2px;
    margin-bottom: 8px;
    height: auto;
    font-weight: 500;}
#stress_after .flexBox .flexCont h2 img{    vertical-align: -4px;
margin-right: 10px;}

#stress_after .flexBox .flexCont p{font-size:15px;font-family:    font-family: 游ゴシック, メイリオ, sans-serif;}

#stress_after .box1 .flexCont{width:100%;}

#stress_after .box2 .flexCont{width:48%;}


#stress_after #program{}
#stress_after #program .flexCont{    border-top: 5px solid #ff0622;
    padding: 15px 0;}

#stress_after #program  .kanrishoku {    border-top: 5px solid #0086c9; border-bottom: 5px solid #0086c9;
    padding: 15px 0;}

#stress_after #program  .jukensha {    border-top: 5px solid #ff6642; border-bottom: 5px solid #ff6642;
    padding: 15px 0;}

#stress_after #program .flexCont h3{    font-size: 22px;    background: none;}

#stress_after #program .kanrishoku  h3{ color:#0086c9;}
#stress_after #program .jukensha h3{  color:#ff6642;}


#stress_after #program .flexCont dl{    margin: 10px 0;}


#stress_after #program .kanrishoku  dl dt {
    font-size: 16px; color:#0086c9;}

#stress_after #program .jukensha  dl dt { color:#ff6642;
    font-size: 16px;}

#stress_after #program .kanrishoku dl dd{    border-left: 1px solid #0086c9;
    padding-left: 10px;    margin-left:6px;}

#stress_after #program .jukensha dl dd{    border-left: 1px solid #ff6642;
    padding-left: 10px;    margin-left:6px;}

#stress_after #program .flexCont dl dd ul{}

#stress_after #program .flexCont dl dd ul li{font-size:12px;letter-spacing: 0.01em;       padding: 2px 0;    text-indent: -13px;
    padding-left: 13px;}


#stress_after #program .kanrishoku dl dd .workBox{    position: relative;
    border: 1px solid #0086c9;}

#stress_after #program .kanrishoku dl dd .workBox .work{    font-size: 12px;
    background-color: #0086c9;
    width: 50px;
    height: 50px;
    padding: 16px 4px;
    color: white;
    position: absolute;}
#stress_after #program .kanrishoku dl dd .workBox .work_cont{font-size:13px;padding:5px;padding-left:55px;    height: 50px;}


#stress_after #program .jukensha dl dd .workBox{    position: relative;
    border: 1px solid #ff6642;}

#stress_after #program .jukensha dl dd .workBox .work{    font-size: 12px;
    background-color: #ff6642;
    width: 50px;
    height: 50px;
    padding: 16px 4px;
    color: white;
    position: absolute;}
#stress_after #program .jukensha dl dd .workBox .work_cont{font-size:13px;padding:5px;padding-left:55px;    height: 50px;}



#leaf_cont .case p{font-size:13px;clear:both;}

#leaf_cont .case p.case_no{position:absolute;top:6px;left:0;background-color:#fff;font-size:10px;      letter-spacing: 0.4em;
    font-style: italic;  font-family: 'Roboto', sans-serif;}

#leaf_cont .case p.arrow_down{text-align:center;    margin-bottom: 12px;}

#leaf_cont .case p.arrow_down img{}

#leaf_cont .case p.exclamation{float:left;}

#leaf_cont .case h2{    font-size: 20px;
    font-family: 游ゴシック,メイリオ,sans-serif;
    margin: 15px 0;text-align:left;
    letter-spacing: 0.2em;    min-height: 96px;}

#leaf_cont .case h3{font-size:16px;font-family:游ゴシック,メイリオ,sans-serif;    background: none;    padding-left: 25px;}

#leaf_cont p.category_title{font-size:16px;    border-bottom: 2px solid #ccc;    margin-top: 30px;    padding-bottom: 5px;
    margin-bottom: 10px;}

#leaf_cont p.category_title img{    vertical-align: sub;
    margin-right: 10px;}

#leaf_cont .voice p{}

#leaf_cont .voice p.voice_title{    font-size: 17px;
    line-height: 1.2em;
    margin: 10px 0;
font-weight: bold;
}

#leaf_cont .voice p.voice_title span{    font-size: 11px;}

.voice{}




#leaf_cont .pointBox{    border: 2px solid #ccc;    min-height: 260px;
    border-radius: 6px;
    padding: 15px;    margin: 25px 0;}

#leaf_cont .pointBox .point_title_box{    width: 35%;
    border-right: 2px dotted #ccc;
    padding-right: 15px; position:relative;}

#leaf_cont .pointBox .point_title_box div{   position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
      height: 150px;
    padding-right: 15px;}

#leaf_cont .pointBox .point_title_box p{}

#leaf_cont .pointBox .point_title_box .point_no{    text-align: center;
}

#leaf_cont .pointBox .point_title_box .point_no span{    background-color: #ccc;
    border-radius: 50%;
    color: #fff;
    font-size: 19px;
    padding: 3px;width:38px;height:38px;display:inline-block;line-height:1.9em;}

#leaf_cont .pointBox .point_title_box .point_title{    font-size: 19px;
    letter-spacing: 0.2em;
    text-align: center;    margin: 15px 0;}

#leaf_cont .pointBox .point_cont_box{ width: 30%;}

#leaf_cont .pointBox .point_cont{    padding: 7px;}

#leaf_cont .pointBox .point_cont .point_cont_title{    font-size: 14px;
    border-bottom: 1px solid;
    padding-bottom: 3px;
    margin-bottom: 5px;}

#leaf_cont .pointBox .point_cont p{}


#leaf_cont .priceBox{    border: 1px solid #ccc;    border-radius: 4px;
    padding: 8px;
    text-align: center;}

#leaf_cont .priceBox p{}

#leaf_cont .priceBox .price{}

#leaf_cont .priceBox .price span{    font-size: 25px;}






@media (max-width: 768px){

#leaf_cont .top_img img{width:100%;}

div#leaf_cont div#c3_ll{display:none;}



}



@media (max-width: 450px){
div#leaf_cont div#c3_lrr {width:100%;}

#leaf_cont #stress_after .box2 .flexCont {
    width: 100%;    margin: 20px 0;
}
#leaf_cont #stress_after .flexBox{margin:20px 0;}


div#leaf_cont div#c3_ll{display:none;}

.contactBox{width:100%;height:auto;}

.contactBox p a{width:100%;height:auto;}
.contactBox p span{font-size: 30px;}
#leaf_cont #stress_after .flexBox .flexCont img.main_img{width:100%;}

}

<!--以下171227追加-->
table.type07 {
	border-collapse: collapse;
	text-align: left;
	line-height: 1.5;
	border: 1px solid #ccc;
}
table.type07 thead {
	border-right: 1px solid #ccc;
	border-left: 1px solid #ccc;
	background: #00ACB3;
}
table.type07 thead th {
	padding: 10px;
	font-weight: bold;
	vertical-align: top;
	color: #fff;
}
table.type07 tbody th {
	width: 150px;
	padding: 10px;
	font-weight: bold;
	vertical-align: top;
	border-bottom: 1px solid #ccc;
	background: #efefef;
}
table.type07 td {
	width: 350px;
	padding: 10px;
	vertical-align: top;
	border-bottom: 1px solid #ccc;
}
#leaf_price_list table .st_moneyplan{       padding-top: 17px;}
#leaf_price_list .type07 tbody tr .money{text-align:right; width:16%; font-size:15.5px;}
#leaf_price_list table th {text-align:center;}
#leaf_price_list table .free{text-align:center;color:#ff0084; font-size: 18px; padding-top: 22px;}


<!--以下add_option.css-->
#leaf_cont .opt_top_title{    position: absolute;
    top: 10%;
    left: 17%;
    color: #fff;}

#leaf_cont .opt_top_title h2{ text-align: center;   font-size: 44px;    color: #fff;
}

#leaf_cont .opt_top_title h2 span{    font-size: 23px;}

#leaf_cont h2{    font-size: 23px;
    margin: 0;
    padding: 0;
    text-align: center;
    margin-bottom: 15px;}

#leaf_cont .opt_title{    margin-top: 70px;
    border-bottom: 2px solid #CCCCCC;
    padding-bottom: 7px;    overflow: hidden; margin-bottom: 20px;}

#leaf_cont .opt_title h3{  
        font-size: 23px;
    background: none;
    border-bottom: none;
    padding-bottom: none;
    margin: 3px 0;
}



#leaf_cont .opt_title h3 img{     margin-right: 10px;}

#leaf_cont p.opt_catch{    font-size: 20px;    margin-bottom: 10px;color:#2390cf;}

#leaf_cont div.opt_link{    margin-top: 20px;}

#leaf_cont div.opt_link a{    display: block;
    border: 1px solid #2390cf;
    position: relative;
    padding: 10px;}

#leaf_cont div.opt_link a p.it-text{font-size:12px;}

#leaf_cont div.opt_link a p.opt_link_title{    font-size: 14px;
    text-align: center;
    margin-bottom: 5px;color:#2390cf;}

#leaf_cont div.opt_link a{color:#555;}

#leaf_cont div.opt_link a:hover{text-decoration:none;opacity:0.5;}



@media (max-width: 768px){

#leaf_cont .opt_top_title{    position: absolute;
    top: 5%;
    left: 12%;
    color: #fff;}

#leaf_cont .opt_top_title h2{ text-align: center;   font-size: 37px;    color: #fff;
}

#leaf_cont .opt_top_title h2 span{    font-size: 23px;}
}



@media (max-width: 450px){

#leaf_cont .opt_top_title{    position: absolute;
    top: -9%;
    left: 10%;
    color: #fff;}

#leaf_cont .opt_top_title h2{ text-align: center;   font-size: 20px;    color: #fff;
}

#leaf_cont .opt_top_title h2 span{    display:none;}


}

#article .flexBox .hyouka_fl{width: 43%;
height:auto;
    float: left;
    margin-right: 135px;}
#leaf_cont #article .hyouka_title{font-weight:bold; text-align:left;}

#leaf_cont #article .workBox{width: 100%;}

.arrow_img{width:33px; height:140px;}





.stress_performance{overflow: hidden;
    margin-bottom: 15px;}
.stress_performance p.title_performance{    float: left;}
.stress_performance p.number_performance{    float: right;    line-height: 0;
    position: relative;
    font-size: 15px;}
.stress_performance p.number_performance span{    font-size: 40px;    line-height: 1;}
.stress_performance p.number_performance span.comment_mark{    font-size: 11px;    position: absolute;
    top: 0;
    right: 0;}
.stress_performance p.comment_performance{font-size: 10px;
    letter-spacing: 0;
    clear: both;}

#leaf_new_footer{    margin-top: 60px;}

#leaf_new_footer div{    
    width: 447px;
    height: 100px;
    margin-right: 25px; margin-bottom: 25px;   
    }

#leaf_new_footer div:nth-child(2n){margin-right:0;}

#leaf_new_footer div a{    display: block;
    width: 100%;
    height: 100%;
        padding: 11px;
    color: #fff;border: 1px solid #1fc5ae;background-color: #1fc5ae;
-webkit-transition: 0.3s;
    transition: 0.3s; border-radius: 100px;}


#leaf_new_footer div a:hover{background-color:#fff;color: #1fc5ae;}

#leaf_new_footer div a dl dt{      margin-bottom: 3px;  font-size: 27px;
    text-align: center;}

#leaf_new_footer div a dl dd{    font-size: 13px;
    text-align: center;}


.leaf_footer_text{ margin-top: 10px;}

.leaf_footer_text p{     overflow: hidden;  }

.leaf_footer_text p a{    font-size: 14px;
    padding: 0 15px;
    display: block;
    width: 25%;
    float: left;
    border-right: 2px solid #15b9a2;    text-align: center;    color: #15b9a2;}

.leaf_footer_text p a:first-child{border-left: 2px solid #15b9a2;}


.leaf_footer_text p a:hover{opacity:0.6;}

#func_leaf_slide .each_footer_link{    width: 100%;
    height: 150px;
    padding: 10px;
    overflow: hidden;    border: 1px solid #ccc;
    background-color: #fff;}
#func_leaf_slide .each_footer_link div{overflow: hidden;    width: 100%;
    height: 100%; }
#func_leaf_slide .each_footer_link p{    font-size: 12px;    text-align:left;
    font-weight: 500;    line-height: 1.6em;}
#func_leaf_slide .each_footer_link p.footer_func_title{        line-height: 1.4em;  width:135px;text-align: left; float:right; font-weight: 700;
    font-size: 16px;}
#func_leaf_slide .each_footer_link p.footer_func_image{      float:left;
    width: 40px;
    height: 40px;
    padding: 11px 0;
    margin: 0 auto;}

#func_leaf_slide .each_footer_link div.each_footer_link_tbox{width:100%;height:auto;    margin-bottom: 10px;}


#func_leaf_slide .each_footer_link p.bg_user{ background-color: #598ae4;}
#func_leaf_slide .each_footer_link p.bg_training{ background-color: #00c77f;}
#func_leaf_slide .each_footer_link p.bg_test{ background-color: #e64500;}
#func_leaf_slide .each_footer_link p.bg_movie{ background-color: #ff8a00;}
#func_leaf_slide .each_footer_link p.bg_seminar{ background-color: #2396e8;}
#func_leaf_slide .each_footer_link p.bg_value{ background-color: #00bdd6;}
#func_leaf_slide .each_footer_link p.bg_stresscheck{ background-color: #fd428e;}







#func_leaf_slide {margin-top: 100px;    border-top: 1px solid #000;}
#func_leaf_slide h3{}
#func_leaf_slide .func_ref_list{margin:0 auto;width:95%;}
#func_leaf_slide .func_ref_list li{}
#func_leaf_slide .func_ref_list li a{       line-height: 1.3em;  display: block;
    text-align: center;
    font-size: 16px;
    padding: 5px;padding-top:0;
    color: #000;}
#func_leaf_slide .func_ref_list li a img{    width:100%;
    margin: 0 auto;}
#func_leaf_slide a:focus{outline:none;}
#func_leaf_slide .slick-list {
    outline: none;
}
#func_leaf_slide .slick-slide:focus { outline: none; }







#func_lineup{overflow:hidden;    margin-top: 70px;    border-top: 1px solid #000;}
#func_lineup h3{}
#func_lineup p{width:16.66666%;text-align:center;float:left;}
#func_lineup p a{height: 115px;
    width: 115px;
    display: block;
    text-align: center;
    margin: 0 auto;
    padding: 10px;}
#func_lineup p a img{}
#func_lineup p a span{    font-size: 11px;
    letter-spacing: 0em;
    color: #fff;}

p.leaf_func_icon{     width: 160px;
    height: 30px;
    text-align: center;
    float: left;
    margin-right: 15px;}

p.leaf_func_icon a{    height: 100%;
    width: 100%;
    display: block;
    text-align: center;
    padding: 3px 7px;}

p.leaf_func_icon a span{    font-size: 12px;
    letter-spacing: 0.1em;
    color: #fff;
    vertical-align: -3px;}

p.leaf_func_icon a img{     width: 24px;
    height: 24px;
    float: left;}

p.func_icon_user a{background-color: #598ae4;}
p.func_icon_training a{background-color:#00c77f;}
p.func_icon_test a{background-color: #e64500;}
p.func_icon_movie a{background-color:#ff8a00;}
p.func_icon_seminar a{background-color:#2396e8;}
p.func_icon_value a{background-color: #00bdd6;}
p.func_icon_stresscheck a{background-color: #fd428e;}

p.func_icon_training a img{width:40px;}
p.func_icon_value a img{width:40px;}
p.func_icon_movie a img{width:37px;}

#func_lineup p.leaf_func_icon a img{width:60px;}
#func_lineup p.func_icon_training a img{width:70px;}
#func_lineup p.func_icon_value a img{width:70px;}
#func_lineup p.func_icon_movie a img{width:70px;}







#case_leaf a{color:#000;}
#case_leaf h1{  margin: 0;
    margin-bottom: 30px;
    font-size: 28px;
    letter-spacing: 0.12em;
    font-weight: bold;
    color: #000;}
.each_case_first a p.case_no{font-size: 11px;
    letter-spacing: 0.3em;
    line-height: 2.1em;
    font-family: 'Roboto';
    font-weight: 500;}


.each_case_first a p.case_state_4{    font-size: 14px;
    letter-spacing: 0.2em;
    line-height: 2em;
    font-weight: 600;    position: absolute;
    top: 58px;
    left: 20px;}

.each_case_first a p.case_state_3{    font-size: 14px;
    letter-spacing: 0.2em;
    line-height: 2em;
    font-weight: 600;    position: absolute;
    top: 70px;
    left: 20px;}

.each_case_first a p.case_state_2{    font-size: 14px;
    letter-spacing: 0.2em;
    line-height: 2em;
    font-weight: 600;    position: absolute;
    top: 85px;
    left: 20px;}

.each_case_first a p.case_state_3 span{margin-left:-6px;    font-size: 15px;}


.each_case_first{border:1px solid #FCCB00;  transition:0.5s;-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;}

.each_case_first a{width: 230px;
    height: 230px;display:block;padding:20px;transition:0.5s;}

.each_case_first:hover{}
.each_case_first a:focus{outline:none;}
.each_case_second a:focus{outline:none;}


.each_case_second a p.case_no{color:#fff;   font-size:10px;    letter-spacing: 0.2em;
    line-height: 2.1em;
    font-weight: 700;}

.each_case_second a p.case_state{color:#fff;  font-size:13px;    letter-spacing: 0.2em;
    line-height: 2.1em;
    font-weight: 700;}


.each_case_second{   margin-right:20px;transition:0.5s;}

.each_case_second a{width: 230px;
    height: 200px;display:block;padding:20px;transition:0.5s;}


.func_icon{    z-index: 99999;
    position: absolute;
    right: 25px;
    top: 25px;}

.func_icon span{    vertical-align: 19px;
    margin-right: 9px;
    font-size: 12px;
    color: #595959;}

.func_icon a{transition:0.3s;}

.func_icon a:hover{opacity:0.6;}

#case_title_box{    background-color: #33cb98;
    position: relative;
    padding: 10px;    margin-bottom: 55px;}

.case_title_area{  width: 75%;  background-color: #fff;    overflow: hidden;    padding: 20px;}

.case_title{    font-size: 36px;
    float: left;
    margin-left: 10px;
    letter-spacing: 0.25em;}

.case_title span{    vertical-align: 8px;  font-family: 'Roboto';  font-weight: 500;
    margin-left: 20px;
    letter-spacing: 0.75em;}

.case_catch{    font-size: 18px;
    float: right;
    width: 200px;
    padding-left: 20px;
    letter-spacing: 0.15em;
    text-align: center;
    border-left: 2px solid #33cb98;}

#case_title_box img{      position: absolute;
    right: 44px;
    top: -35px;
    width: 220px;}


.modal_cont{background-color:#fff;width:700px;height:550px;  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  margin: auto;padding:30px;
    border-radius: 7px;
    -webkit-border-radius: 7px; 
    -moz-border-radius: 7px;  
	transition: all 0.5s ease-in-out;
	-webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
	opacity:0;
    transform: translateX(-150px);
}

.modal_cont .modal_title{    margin-top: 20px;
    margin-bottom: 25px;
    padding-bottom: 25px;
    border-bottom: 2px solid #ccc;}

.modal_cont p.case_no{font-size:10px;    letter-spacing: 0.2em;
    line-height: 2.1em;
    font-weight: 700;    padding-left: 20px;
    margin-top: -20px;
    margin-bottom: 20px;}


.modal_cont p.case_state{     padding: 0 20px;   font-size: 22px;
    letter-spacing: 0.2em;
    line-height: 1.9em;
    font-weight: 500;}

.modal_cont .modal_ex{}

.modal_cont .modal_ex img{       margin: 25px 0; margin-right: 25px;}

.modal_cont .modal_state{font-size: 16px;
    font-weight: 500;
    letter-spacing: 0.1em;
    line-height: 1.8em;}   






.modal_frame{    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    overflow: hidden;
    left: 0;    border-radius: 7px;
    -webkit-border-radius: 7px; 
    -moz-border-radius: 7px;  }


.modal_skew_l{    background-color:#FCCB00;
    width: 230px;
	height: 100%;
    top: 0;
    left: -250px;
    position: absolute;
    transition: all 0.7s ease-in-out;
    -webkit-transition: all 0.7s ease-in-out;
    -moz-transition: all 0.7s ease-in-out;
    transform: translate(-300px, 0px) skewX(-45deg);
    -webkit-transform: translate(-300px, 0px) skewX(-45deg);
    -moz-transform: translate(-300px, 0px) skewX(-45deg);
}


.modal_skew_r{    background-color:#FCCB00;
    width: 230px;
	height: 100%;
    bottom: 0;
    right: -900px;
    position: absolute;
    transition: all 0.7s ease-in-out;
    -webkit-transition: all 0.7s ease-in-out;
    -moz-transition: all 0.7s ease-in-out;
    transform: translate(-300px, 0px) skewX(-45deg);
    -webkit-transform: translate(-300px, 0px) skewX(-45deg);
    -moz-transform: translate(-300px, 0px) skewX(-45deg);
}


.modal_shadow{    width:700px;transform: translateX(-150px);
    height: 550px;
	    bottom: 0;
    top: 0px;
    right: 0px;
    left: 0px;
    margin: auto;
    background-color: black;
    position: absolute;
	border-radius: 7px;
    -webkit-border-radius: 7px; 
    -moz-border-radius: 7px; 
  bottom:-30px;right:-30px;opacity:0;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;}


.mfp-ready .modal_shadow{opacity:0.4;top:30px;left:30px;transform: translateX(0px); }

.mfp-removing .modal_shadow{opacity:0; top:0px;left:0px;transform: translateX(150px); }






.mfp-ready .modal_skew_r{    background-color:#FCCB00;
    bottom: 0;
    right: -730px;
}

.mfp-removing .modal_skew_r{    background-color:#FCCB00;
    bottom: 0;
    right: -900px;
}


.mfp-ready .modal_skew_l{    background-color:#FCCB00;
    bottom: 0;
    left:  -130px;
}

.mfp-removing .modal_skew_l{    background-color:#FCCB00;
    bottom: 0;
    left: -250px;
}


.mfp-ready .modal_cont{transform: translateX(0px);opacity:1;}

.mfp-removing .modal_cont{transform: translateX(150px);opacity:0;}

.mfp-bg{opacity: 0;transition:0.5s;}

.mfp-bg.mfp-ready{opacity:0.8;}

.mfp-bg.mfp-removing{opacity: 0;}




.mfp-close-btn-in .mfp-content .mfp-close{    top: -520px;
    right: 0;
    left: 675px;
    bottom: 0;
    margin: auto;}





.modal_hover{    text-align: center;
    color: #fff;
    font-size: 17px;
    position: absolute;
    bottom: 20px;
    left: 40px;}




.case_base {
    font-size: 18px;
    position: relative;
    width: 210px;
    height:210px;
    -webkit-user-select: none;
    cursor: pointer;     margin-right: 26px;
    margin-bottom: 26px;
}
.case_base:nth-child(4n){margin-right:0;}


.slide_in {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;overflow:hidden;
}

.slide_in div {
    position: absolute;
    width: 100%;
    height: 210px;
 
}

.slide_in div:nth-child(1) {
    color: #000000;
    background-color: #ffffff;
}

.slide_in div:nth-child(2) {
    background-color:#FCCB00;
    width: 230px;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    transform: translate(-300px, 0px) skewX(-45deg);
    -webkit-transform: translate(-300px, 0px) skewX(-45deg);
    -moz-transform: translate(-300px, 0px) skewX(-45deg);
}


#leaf_price_list h1{    margin: 0;
    margin-bottom: 30px;
    font-size: 28px;
    letter-spacing: 0.12em;
    font-weight: bold;
    color: #000;}

#leaf_price_list{}

#leaf_price_list *{font-family:游ゴシック,メイリオ,sans-serif;}
#leaf_price_list a {color:#2a9dff;}
#leaf_price_list h2{    text-align: center;
    letter-spacing: 0.15em;
    font-weight: 500;
    font-size: 30px;    padding-bottom: 10px;}

#leaf_price_list h3{    font-size: 25px;
    font-weight: 500;
    border-bottom: 1px solid #adadad;
    margin-bottom: 30px;
    background: none;}

#leaf_price_list .center{text-align:center;    overflow: hidden;    padding: 0 17px;height: 65px;}

#leaf_price_list .basic_set{border:1px solid #adadad;width:32%;border-radius: 5px;    padding: 12px 18px;}

.flex{width:100%; 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: space-between;}


.flex-start{
    -webkit-justify-content: flex-start;
    justify-content:  flex-start;
    justify-content: flex-start;}



#leaf_price_list .basic_set .plan_name{font-size:14px;text-align:center;    margin-top: 10px;    letter-spacing: 0.12em;}

#leaf_price_list .basic_set .plan_each_ex{    margin: 15px 0;    height: 80px;}

#leaf_price_list .basic_set .price_title{    border-top: 1px solid #adadad;
    padding-top: 15px;
    margin-bottom: 15px;
    text-align: center;height:57px;}


#leaf_price_list .id_price{overflow:hidden;margin-bottom:18px; }
#leaf_price_list .id_price p{}
#leaf_price_list .id_price p span{font-family: 'Roboto', sans-serif;font-size: 19px;    font-weight: 300;    margin: 0 1px;}


#leaf_price_list .discountBox{    background-color: #fff;
       padding: 10px 30px;
    margin-top: 25px;margin-bottom:15px;}

#leaf_price_list .discountBox p{display:inline-block;font-size:17px;}
#leaf_price_list .discountBox p span{display:inline-block;font-family: 'Roboto', sans-serif;font-size: 70px;    font-weight: 300;}

#leaf_price_list .discountBox .smart_discount{width:100%;    border-collapse: collapse;}

#leaf_price_list .discountBox .smart_discount tr th{    border: 1px solid #ddd;
    background-color: #fff;    padding: 5px;
    text-align: center;    border-left: none;
    border-right: none;}

#leaf_price_list .discountBox .smart_discount tr td{ border: 1px solid #ddd;
    background-color: #fff;
    padding: 10px;
    text-align: center;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    font-size: 14px;
    color: #ff5c01;}

#leaf_price_list .discountBox .smart_discount tr td.discount100{    background-color: #ff5c01;
    color: #fff;
    font-weight: 500;
    font-size: 15px;}

#leaf_price_list .discountBox .smart_discount tr td.dis_table_state{font-family:游ゴシック,メイリオ,sans-serif;
    color: #000;
    font-weight: 700;
    font-size: 12px;   border-left: none;
    border-right: none}

#leaf_price_list .discountBox .smart_link{font-size:12px;text-align:center;padding:15px 0;  
    width: 100%;}

#leaf_price_list .intra{    margin-top: 45px;}

#leaf_price_list .priceBox{    border: 1px solid #adadad;
    width: 48%;
    border-radius: 3px;
    height: 60px;
    text-align: center;
    padding: 16px;}

#leaf_price_list .priceBox p{    font-size: 14px;}

#leaf_price_list .priceBox p span{    font-size: 23px;
    font-family: roboto;
    font-weight: 300;}

#leaf_price_list .free_option{ width: 48%;    background-color: #f1f1f1;
    padding: 10px;    margin-bottom: 15px;}

#leaf_price_list .free_option p{    margin-bottom: 5px;}

#leaf_price_list .free_option .free_option_title{     padding-top: 5px;   font-size: 18px;
    color: #ff5c01;}

#leaf_price_list .free_option ul{clear:both;   
    border-top: 1px solid #000;
    overflow: hidden;
    padding-top: 5px;}

#leaf_price_list .free_option ul li{    float: left;
    margin: 0 7px;
    font-weight: 700;
    color: #ff5c01;
    font-size: 13px;}

#leaf_price_list .intra_state{clear:both;    font-size: 13px;
    line-height: 1.7em;}





#left_cont dl.text_nav_panel dd li a{font-size:12px;padding:8px 0;}

#left_cont dl.nav_panel li.leaf_nav_acc_cont{display:block;}






#article #version_up_info ul:first-child{margin-top:0;}
#article #version_up_info ul li{    font-size: 14px;
    padding-left: 20px;
    text-indent: -30px;}

#article #version_up_info ul li.ti14{font-size:18px;}



#article #leaf_faq_container table .qanda_table{width:100%;}

#article .opt_title{overflow:hidden;}


#article #service_caseBox{}

#article #service_caseBox .panel{width:49%;}

#article #service_caseBox .panel p.service_case_title{font-size:18px;font-weight:700;}


#list_page_top_area{    background-color: #fff;
    padding: 0 200%;
    margin: 0 -200%;
    height: 200px;}

#list_page_top_area div.list_top_left{    width: 50%;
    float: left;
     margin-top: 18px;}

#list_page_top_area div.list_top_left h1{    font-size: 33px;
    font-weight: 700;
    letter-spacing: 0.15em;
    color: #000;}

#list_page_top_area div.list_top_left p{font-size: 13px;}

#list_page_top_area div.list_top_right{    width: 50%;
    float:right;
        margin-top: 18px;}


#article .leaf_service_link{    width: 48%;
    margin-right: 36px;
    margin-bottom: 36px;    overflow: hidden;
    border-radius: 5px;}
#article .leaf_service_link:nth-child(2n){margin-right:0;}

#article .leaf_service_link a{background-color:#fff;display:block;width:100%;height:100%;}

#article .leaf_service_link .leaf_service_link_img{    width: 100%;    overflow: hidden;
    height: 150px;     border-bottom: 1px solid #dadada;}
#article .leaf_service_link .leaf_service_link_img img{    width: 100%;}

#article .leaf_service_link .leaf_service_link_title{    padding: 20px;}

#article .leaf_service_link .leaf_service_link_title p{color:#000;}
#article .leaf_service_link .leaf_service_link_title p.copy{    font-size: 18px;}
#article .leaf_service_link .leaf_service_link_title p.type{    margin-bottom: 15px;
    font-size: 15px;
    border: 1px solid #149ad0;
    border-right: none;
    border-left: none;
    padding: 2px;
    color: #149ad0;}
#article .leaf_service_link .leaf_service_link_title p.name{    font-size: 20px;
    margin-bottom: 10px;}
#article .leaf_service_link .leaf_service_link_title p.cont_text{}

#article .w100{
    width:100%;
}

#article .w70{
    width:70%;
}

#article .w50{
    width:50%;
}



#article .w48{
    width:48%;
}
#article .circle{
    background-color: #FF4287;
    border-radius: 50%;
    height: 45px;
    width: 45px;
    position:relative;
}
#article .circle p{
    margin-top:14px;
    color: #fff;
    font-weight: bold;
    text-align: center;
    font-style: italic;
}
#article .circle span{
    position: absolute;
    top: 6px;
    left: 5px;
    font-size: 5px;
    color: #fff;
}
#leaf_cont #article .circle h2{
    font-weight: bold;
    margin-top: 6px;
}
#article .center{
    text-align:center;
}
#article .zenkoku_button{
    width:80%;
    height:100px;
    background-color:#ff428e;
    border:1px solid #fff;
    border-radius:50px;
    transition:0.5s;
    margin: 0 auto;
    margin-bottom: 30px;
}
#article .zenkoku_button p{
    color:#fff;
    font-size: 33px;
    letter-spacing: 0.1em;
    transition:0.5s;
    text-align: center;
    margin: 24px;
}

#article .zenkoku_button:hover {
    background-color:#fff;
    border:1px solid #ff428e; 
}
#article .zenkoku_button:hover p{
    color:#ff428e; 
    letter-spacing: 0.05em;
}
#article .nationwide_step div{
    width:30%;
    float:left;
    margin-right:5%;
    overflow:hidden;
    text-align:center;
}
#article .nationwide_step div img{
    width:100%;
    height:auto;
}
#article .nationwide_step div p{
    display:inline-block;
    text-align:left;
    margin-top:20px;
}
#article .nationwide_step div:nth-of-type(3){margin-right:0px;}

#article .st_linkbox{
　　width:100%;
    height:auto;
    margin-bottom:25px;
}
#article .st_linkbox h4{
    font-size:24px;
    margin:5px 0px 13px;
}
#article .st_linkbox img{
    margin-right:20px;
}
#article .st_linkbox .small_p{
    font-size: 14px;
    font-weight: bold;
}
#article .st_linkbox span{
    font-size:11px;
    margin-top: -22px;
}
#article .st_linkbox .link_button{
    width: 215px;
    height: 35px;
    overflow: hidden;
    margin-top: 5px;
}
#article .st_linkbox .link_button a{
    border:1px solid #ff428e;
    overflow: hidden;
    text-align: center;
    padding-top: 2px;
    display: block;
    width: 100%;
    height: 100%;
    background-color: #fff;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    border-radius: 3px;
    color:#ff428e;
}

#article .st_linkbox .link_button a:hover {
     background-color:#ff428e;
     color:#fff;
}
#article #nationwide_stresscheck h3{
     font-size: 28px;
}
#article #nationwide_stresscheck .top_png{
    width:100%;
    height:auto;
}

#article .panel .main_caption{
border:1px solid #ccc;
padding:15px;
font-size:1.4em;
font-weight:700;
}

#leaf_price_list .scrollCaption{
display:none;
} 

#leaf_price_list .scrollBox table{
min-width:768px;
}

#leaf_price_list .movieleaficon{
    text-align: center;
    overflow: hidden;
    height: 65px;
    width: 160px;
    margin: 0 auto;
   padding:0;
}
/* ====================

▲リーフニューcommon

==================== */


/* ====================

▼リーフ機能

==================== */
#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;}



#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:48%;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 .p50 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 0;  padding-left: 45px; width:50%; height:270px; background-color:#fff; float:left; overflow:hidden;}
.bc_r{width:50%; height:270px; float:right;}

#leaf_cont #leaf_main #leaf_func_top .func_text p{    font-size: 14px;
    color: #fff;
    width: 330px;
    line-height: 30px;
    height: auto;
    margin: 0 auto;
padding-top: 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%;
}


/* ====================

▲リーフ機能

==================== */

/* ====================

190221新ストレスチェック
SMACSS OOCSSでコーディング

==================== */
/* ==============
base
=============== */
/* ==============
layout
=============== */


/* グリッド */
.grid{
  display: flex;
  justify-content: flex-start;
  align-items :stretch;
  flex-wrap: wrap;
}
.grid__item{
  display: flex;
}
.grid__inner{
  display: block;
  width: 100%;
}
.grid--center{
  align-items: center;
}
.grid--sm{
  margin: -8px;
}
.grid--sm > .grid__item{
  padding: 8px;
}
.grid--md{
  margin: -12px;
}
.grid--md > .grid__item{
  padding: 12px;
}
.grid__item--mainPointIco{
  width: 170px;
}
.grid__item--mainPointMsg{
  width: calc(100% - 170px);
  padding-left: 24px;
}
@media screen and (max-width: 599px){
  .grid--resSmCansel{
    display: block;
  }
  .grid__item--mainPointIco{
    width: 100%;
    margin-bottom: 16px;
  }
  .grid__item--mainPointMsg{
    width: 100%;
    padding-left: 0;
  }
}

/* 節 */
.sec{}
.sec__item{}
.sec--md > .sec__item + .sec__item{
  margin-top: 24px;
}
.sec--sm > .sec__item + .sec__item{
  margin-top: 16px;
}
/* ==============
module
=============== */
/* 見出し */
.heading{}
#leaf_bg .p_heading__ttl{/* 既存スタイルカスケーディング */
  font-size: inherit;
  font-weight: inherit;
}
#leaf_bg .panel .heading__ttl{/* 既存スタイルカスケーディング */
  font-size: inherit;
  font-weight: inherit;
}
.heading__img{}
#leaf_bg .p_heading--primary{/* 既存スタイルカスケーディング */
  margin-bottom:24px;
  font-size: 30px;
  text-align: center;
  font-weight: 500;
}
.heading--primary > .heading__img > img{
  max-width: 100%;
  height: auto;
}
.heading--tertiary{
  margin-bottom: 16px;
}

h3.heading--tertiary{
  margin-bottom: 12px;
font-size:17px
}


.heading--tertiary > .heading__ttl{
  font-size: 20px;
}

.heading--tertiary > .heading__ttl_02{
  font-size: 17px;
}


.heading--tertiary > .heading__tt_02{
    font-size: 17px;
}


.heading--option{
  margin-bottom: 8px;
  font-weight: bold;
  font-size: 18px;
}


@media screen and (max-width: 768px){
  #leaf_bg .p_heading--primary{/* 既存スタイルカスケーディング */
    font-size: 24px;
    font-weight: bold;
  }
}
@media screen and (max-width: 599px){
  #leaf_bg .p_heading--primary{/* 既存スタイルカスケーディング */
    font-size: 18px;
  }
  .heading--tertiary > .heading__ttl{
    font-size: 16px;
  }
}
/* ナビ */
.nav{
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
}
.nav__item{
  display: flex;
  width: 100%;
}
.nav__target{
  display: block;
  width: 100%;
}
.nav--md{
  margin: 0 -8px;
}
.nav--md > .nav__item{
  padding: 0 8px;
}
@media screen and (max-width: 599px){
  .nav--redSmXs{
    margin: 0 -2px
  }
  .nav--redSmXs > .nav__item{
    padding: 0 2px;
  }
}
/* アイコン */
.hasIco{
  position: relative;
}
.hasIco::before,
.hasIco::after{
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.hasIco::before{
  left: 0;
}
.hasIco::after{
  right: 0;
}
.hasIco--link{
  padding-right: 1.5em;
}
.ico{}
.ico__img{}
.ico__ttl{}
.ico--mainPoint{}
.ico--mainPoint > .ico__img{
  display: flex;
  justify-content: center;
  align-items: center;
  width: 170px;
  height: 170px;
  border-radius: 50%;
}
.ico--themeColor{
  color: #FF54AC;
}
.ico--themeColor > .ico__img{
  background: #FF54AC;
}
.ico--mainPoint > .ico__ttl{
  margin-top: 8px;
  font-size: 22px;
  line-height: 1;
  text-align: center;
}
.ico--mainPoint > .ico__img > img{
  max-width: 50%;
  height: auto;
}
.ico--link::after{
  content: "＞";
}
#leaf_bg .ico--point{/* 既存のbase上書き */
  font-size: 30px;
  font-weight: 500;
}

#leaf_bg .ico--point--ttl {
    font-size: 25px;
    font-weight: 500;
    letter-spacing: -0.01em;
}
@media screen and (max-width: 599px){
  .ico--mainPoint{
    position: relative;
  }
  .ico--mainPoint > .ico__img{
    position: absolute;
    top: 50%;
    left: 0;
    width: 40px;
    height: 40px;
    transform: translateY(-50%);
  }
  .ico--mainPoint > .ico__ttl{
    margin-top: 0;
    padding-left: 48px;
    text-align: left;
    font-size: 18px;
  }
  #leaf_bg .ico--point{/* 既存のbase上書き */
    font-size: 20px;
    font-weight: 700;
  }

#leaf_bg .ico--point--ttl {
    font-size: 27px;
    font-weight: 500;
    letter-spacing: -0.01em;
}


}

/* ボタンリスト */
.btnList{
  display: flex;
}

/* ボタン */
.btn{
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 100px;
}
.btn--sm{
  height: 2.3em;
  font-size: 13px;
}
.btn--md{
  height: 2.5em;
}
.btn--main{
  background: #ff428e;
  color: #fff;
  font-size: 16px;
  transition: .3s opacity;
}
.btn--main:hover{
  opacity: .7;
}
.btn--sub{
  border: 1px solid #ff428e;
  color: #ff428e;
  transition: .3s background, .3s color;
}
.btn--sub:hover{
  background: #ff428e;
  color: #fff;
}
@media screen and (max-width: 599px){
  .btn--md{
    font-size: 13px;
  }
}
/* リンク */
.link{}
.link--txt{}
#leaf_wrap .link--txt:hover{
  text-decoration: underline;/* baseを上書き */
}
/* テキストボックス */
#leaf_bg .textBox{/* baseを上書き */
  font-weight: 500;
  font-size: 16px;
}
#leaf_bg .textBox--xs{/* baseを上書き */
  font-size: 11px;
}

/* tab */
.tab{
  padding: 8px;
  border: 2px solid;
  border-radius: 16px;
  background: #fff;
}
.tab__ttl{
  text-align: center;
  font-weight: bold;
  font-size: 24px;
}
.tab__msg{
  font-size: 14px;
}
.tab__ttl + .tab__msg{
  margin-top: 2px;
  padding-top: 4px;
  border-top:2px dotted;
}
.tab--eyeCatch{
  border-color: #FF54AC;
}
.tab--eyeCatch > .tab__ttl{
  color: #FF54AC;
}
.tab--eyeCatch > .tab__msg{
  border-color: #FF54AC;
}
@media screen and (max-width: 768px){
  .tab__ttl{
    font-size: 16px;
  }
  .tab__msg{
    font-size: 12px;
  }
}
@media screen and (max-width: 599px){
  .tab__ttl{
    font-size: 11px;
  }
  .tab{
    padding: 2px;
    border-radius: 8px;
  }
}
/* card */
.card{
  position: relative;
}
.card__img{}
.card__img img{
  max-width: 100%;
  height: auto;
  vertical-align: top;
}
.card__msg{}
.card__btn{
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}
.card--hasBar{
  padding: 16px;
  border-top: 3px solid #ff428e;
  background: #fff;
}
.card--hasBar .card__btn{
  bottom: 16px;
  left: 16px;
  width: calc(100% - 32px);
}
.card__msg--hasBtn{
  margin-bottom: 40px;
}

.card--hasBar--dod{
border-top: dotted 2px #ff428e;
margin-top:10px
}

.stresscheck-flexbox-self{
display:flex;
justify-content: space-between;
}

.stresscheck-flexbox-self img{
margin:20px 0 0 30px
}

.stresscheck-flexbox-self img.stresscheck_-performance{
margin:0px;
width:100%
}


/* table */
.table{
  width: 100%;
  font-size: 16px;
  border-collapse: collapse;
}
.table th,
.table td{
  vertical-align: middle;
}
.table__money{
  text-align: right;
}
.table__free{}
.table--price{
  table-layout: fixed;
  text-align: center;
  min-width: 576px;
}
.table--price .table__free{
  color: #FF54AC;
}
.table--price td,
.table--price th{
  padding: 10px;
  border: 1px solid #ccc;
}
.table--price thead{
  background: #FF54AC;
}
.table--price thead th{
  color: #fff;
  border-color: #fff;
}
.table--price thead th:first-child{
  width: 176px;
}

.table--price tbody th{
  background: #efefef;
}
.table--option{}
.table--option td,
.table--option th{
  padding: 10px;
  border: 1px solid #ccc;
}
.table--option th{
  width: 300px;
  border-color: #fff;
  background: #FF54AC;
  color: #fff;
}

#leaf_bg .table--option td{/* baseを上書き */
  font-weight: 500;
  font-size: 14px;
}


@media screen and (max-width: 1250px){
  .table--price{
    font-size: 12px;
  }
  .table--price thead th:first-child{
    width: 144px;
  }
}
@media screen and (max-width: 599px){
  .table--option{
    display: block;
  }
  .table--option tbody{
    display: block;
  }
  .table--option tr{
    display: block;
  }
  .table--option tr + tr{
    margin-top: 16px;
  }
  .table--option td,
  .table--option th{
    display: block;
  }
  .table--option th{
    width: 100%;
    border: none;
  }
}
/* ==============
utility
=============== */
/*横幅*/
.u_col1{width:8.333%;}
.u_col2{width:16.667%;}
.u_col3{width:25%;}
.u_col4{width:33.333%;}
.u_col5{width:41.666%;}
.u_col6{width:50%;}
.u_col7{width:58.333%;}
.u_col8{width:66.666%;}
.u_col9{width:75%;}
.u_col10{width:83.33%;}
.u_col11{width:91.666%;}
.u_col12{width:100%;}
@media screen and (max-width: 1250px){
  .u_resLgCol1{width:8.333%;}
  .u_resLgCol2{width:16.667%;}
  .u_resLgCol3{width:25%;}
  .u_resLgCol4{width:33.333%;}
  .u_resLgCol5{width:41.666%;}
  .u_resLgCol6{width:50%;}
  .u_resLgCol7{width:58.333%;}
  .u_resLgCol8{width:66.666%;}
  .u_resLgCol9{width:75%;}
  .u_resLgCol10{width:83.33%;}
  .u_resLgCol11{width:91.666%;}
  .u_resLgCol12{width:100%;}
}
@media screen and (max-width:768px){
  .u_resMdCol1{width:8.333%;}
  .u_resMdCol2{width:16.667%;}
  .u_resMdCol3{width:25%;}
  .u_resMdCol4{width:33.333%;}
  .u_resMdCol5{width:41.666%;}
  .u_resMdCol6{width:50%;}
  .u_resMdCol7{width:58.333%;}
  .u_resMdCol8{width:66.666%;}
  .u_resMdCol9{width:75%;}
  .u_resMdCol10{width:83.33%;}
  .u_resMdCol11{width:91.666%;}
  .u_resMdCol12{width:100%;}
}
@media screen and (max-width:599px){
  .u_resSmCol1{width:8.333%;}
  .u_resSmCol2{width:16.667%;}
  .u_resSmCol3{width:25%;}
  .u_resSmCol4{width:33.333%;}
  .u_resSmCol5{width:41.666%;}
  .u_resSmCol6{width:50%;}
  .u_resSmCol7{width:58.333%;}
  .u_resSmCol8{width:66.666%;}
  .u_resSmCol9{width:75%;}
  .u_resSmCol10{width:83.33%;}
  .u_resSmCol11{width:91.666%;}
  .u_resSmCol12{width:100%;}
}
/* 寄せ */
.u_blockRight{
  display: block;
  margin-left: auto;
}
.u_flexRight{
  display: flex;
  justify-content: flex-end;
}
/* 上付 */
.u_super{
  vertical-align: super;
  font-size: 10px;
}
/* 要素を出す／消す */
.u_hide{
  display: none;
}
/* はみ出た要素をスクロールする */
.u_scrollX{
  overflow-x: auto;
  overflow-y: visible;
  -webkit-overflow-scrolling: touch;
}
@media screen and (max-width: 1250px){
  .u_resLgShowInline{
    display: inline;
  }
}
@media screen and (max-width: 768px){
  .u_resMdHide{
    display: none;
  }
  .u_resMdShowInline{
    display: inline;
  }
}
@media screen and (max-width: 599px){
  .u_resSmHide{
    display: none;
  }
  .u_resSmShowInline{
    display: inline;
  }
}