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

#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_bg a{color:#052674;}
#leaf_wrap a:hover{text-decoration:none;}

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


#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;
	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;}


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


.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 .panel .st_merit{
     width:30%;
     height:400px;
}
#leaf_cont #leaf_main #article .panel .st_merit div{
     width:170px;
     height:170px;
     background-color:#FF54AC;
     border-radius:100px;
     margin:0 auto;
     
}
#leaf_cont #leaf_main #article .hidden{
     overflow:hidden;
}
#leaf_cont #leaf_main #article .panel .st_merit h3{
     text-align:center;
     border:none;
     color:#ff54ac;
     margin-top: 10px;
} 
#leaf_cont #leaf_main #article .panel .st_merit {
     margin-right:5%;
     position:relative;
}
#leaf_cont #leaf_main #article .panel .st_merit:nth-of-type(3) {
     margin-right:0;
}
#leaf_cont #leaf_main #article .panel .st_merit p{
     font-size: 17px;
     text-align: center;
     margin-top: -40px;
}
#leaf_cont #leaf_main #article .panel .st_merit:nth-of-type(1) img{
    position: absolute;
    top: 36px;
    left: 86px;
    width: 85px;
}
#leaf_cont #leaf_main #article .panel .st_merit:nth-of-type(2) img{
    position: absolute;
    top: 36px;
    left: 84px;
    width: 90px;
}
#leaf_cont #leaf_main #article .panel .st_merit:nth-of-type(3) img{
    position: absolute;
    top: 32px;
    left: 75px;
    width: 97px;
}
#leaf_cont #leaf_main #article .panel .st_merit a{
    display: block;
    background-color: #fff;
    text-align: center;
    font-size: 14px;    
    border: 1px solid #ff428e;
    border-radius: 40px;
    padding: 8px;
    color: #ff428e;
    margin-bottom: 100px;
    transition: 0.3s;
}
#leaf_cont #leaf_main #article .panel .st_merit:nth-of-type(1) a{
    line-height: 10px;
    padding: 26px;
    font-size: 18px;
}
#leaf_cont #leaf_main #article .panel .st_merit a:hover {
    background-color: #ff428e;
    color: #fff;
}

/* オプションの金額 */
@media screen and (max-width: 1250px){
  #article .panel h3.service_test{
    position: relative;
    padding-top: 56px;
  }   
  #article .panel h3.service_test a{
    position: absolute;
    top: 0;
    right: 0;
  }
}
@media screen and (max-width: 599px){
  #article .panel h3.service_test{
    padding-top: 80px;
  }   
  #article .panel h3.service_test a > div{
    padding: 2px !important;
    letter-spacing: -1px !important;
    font-size: 12px !important;
  }
}

#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;
}

/*
theme
*/
.theme_lms #leaf_bg{
  background: #fff;
}
.theme_stress #leaf_bg{
  background: #fff;
}
.theme_evalWeb #leaf_bg{
  background: #fff;
}