@charset "utf-8";
@import "level2.css";
/*====================================================================

session.css

====================================================================*/
table{
   width: 100%;
   background: #ddd;
   margin-top: 10px;
}
table th,
table td{
   vertical-align: top;
   padding: 10px 15px;
}
table th{
   text-align: left;
   background: #f1f1f1;
}
table td{
   text-align: center;
   background: #fff;
}

table th,
table td{
   padding: 15px 20px;
   text-align: left;
}


#side_navi ul li strong{
   font-size: 14px;
}

/*tab*/
.tab-navi{
   overflow: hidden;
   zoom: 1;
   background: #fff;
   display: flex;
   align-items: center;
   justify-content: space-between;
}
.tab-navi ul,
.tab-navi ul li,
.tab-navi ul li a{
   display: block;
}
.tab-navi ul{
   overflow: hidden;
   zoom: 1;
   margin-bottom: 5px;
   /*padding-left: 5px;*/
   border-bottom: solid 3px #b6b6b6;
   padding-left: 0px;
   width: 100%;
   display: flex;
}
.tab-navi ul li,
.tab-navi ul li a{
   text-align: center;
   box-sizing: border-box;
   width: 100%;
}
.tab-navi ul li{
   float: left;
   margin-right: 3px;
}
.tab-navi ul li a{
   overflow: hidden;
   color: #fff;
   font-weight: bold;
   padding: 8px 2px;
   text-decoration: none;
   background-color: #b6b6b6;
   background-repeat: no-repeat;
   background-position: center top;
}
.tab-navi ul li:hover a,
.tab-navi .selected{
}

/*.tab-navi .tab-navi-basic     a{background-image: url(/jws/img/session/tab-navi-basic.png);}
.tab-navi .tab-navi-tokyo     a{background-image: url(/jws/img/session/tab-navi-tokyo.png);}
.tab-navi .tab-navi-osaka     a{background-image: url(/jws/img/session/tab-navi-osaka.png);}
.tab-navi .tab-navi-advance   a{background-image: url(/jws/img/session/tab-navi-advance.png);}
.tab-navi .tab-navi-step2     a{background-image: url(/jws/img/session/tab-navi-step2.png);}*/
.tab-navi .tab-navi-tki,
.tab-navi .tab-navi-tki a{
   width: 152px;
}
.tab-navi .tab-navi-management{margin-right: 0;}
/*.tab-navi .tab-navi-tki       a{background-image: url(/jws/img/session/tab-navi-tki.png);}*/
/*.tab-navi .tab-navi-management       a{font-size: 11px;}*/
.tab-navi .tab-navi-practical a{background-image: url(/jws/img/session/tab-navi-practical.png);}

.tab-navi .tab-navi-basic .selected,
.tab-navi .tab-navi-basic   a:hover{background-color: #365098;}
.tab-navi .tab-navi-tokyo .selected,
.tab-navi .tab-navi-tokyo   a:hover{background-color: #365098;}
.tab-navi .tab-navi-osaka .selected,
.tab-navi .tab-navi-osaka   a:hover{background-color: #369798;}
.tab-navi .tab-navi-advance .selected,
.tab-navi .tab-navi-advance a:hover{background-color: #cc3008;}
.tab-navi .tab-navi-workshop .selected,
.tab-navi .tab-navi-workshop a:hover{background-color: #6cb78e;}
.tab-navi .tab-navi-step2 .selected,
.tab-navi .tab-navi-step2   a:hover{background-color: #4d257f;}
.tab-navi .tab-navi-tki .selected,
.tab-navi .tab-navi-tki     a:hover{background-color: #d0dc07;}
.tab-navi .tab-navi-management .selected,
.tab-navi .tab-navi-management     a:hover{background-color: #738FB6;}
.tab-navi .tab-navi-practical .selected,
.tab-navi .tab-navi-practical a:hover{background-color: #369798;}

.tab-navi .basic     {border-color: #365098;}
.tab-navi .tokyo     {border-color: #365098;}
.tab-navi .osaka     {border-color: #369798;}
.tab-navi .advance   {border-color: #cc3008;}
.tab-navi .workshop   {border-color: #6cb78e;}
.tab-navi .step2     {border-color: #4d257f;}
.tab-navi .tki       {border-color: #d0dc07;}
.tab-navi .management       {border-color: #738FB6;}
.tab-navi .practical {border-color: #369798;}

.session-container{
   display: none;
   font-size: 12px;
   line-height: 1.7;
}
/*#hw1{
   display: block;
}*/

.tab-mini{
   overflow: hidden;
   zoom: 1;
}
.tab-mini ul,
.tab-mini ul li,
.tab-mini ul li a{
   display: block;
}
.tab-mini ul{
   overflow: hidden;
   zoom: 1;
   background: url(/jws/img/session/border.gif) repeat-x left bottom;

}
.tab-mini ul li,
.tab-mini ul li a{
   width: auto;
}
.tab-mini ul li{
   float: left;
   margin-right: 5px;
   background-color: #efefef;
   border: solid 1px #ddd;
}
.tab-mini ul li a{
   font-size: 14px;
   text-align: center;
   line-height: 1;
   padding: 8px 20px 7px;
   cursor: pointer;
}
.tab-mini ul li:hover span,
.tab-mini .selected{
   background-color: #fff;
   border-bottom: solid 1px #fff;
}

.session-container-mini{
   display: none;
}
#basic-online{display: block;}


/*--------------------------------------------------------------------

--------------------------------------------------------------------*/
h3.text_title{
   height: 70px;
   line-height: 70px;
   font-size: 16px;
   font-weight: bold;
   background: url(/jws/img/common/title_h3_bg.jpg) no-repeat;
   padding-left: 15px;
   margin-bottom: 0 !important;
}

.session ul{
   padding-left: 15px;
   margin-top: 15px;
}
.session ul li{
   /*list-style-type: disc;*/
   padding-left: 0px;
   color: #596796;
}
.session table th{
   white-space: nowrap;
}
.session table td.schedule{
   font-size: 14px;
}

.session table td div,
.session table td p{
   margin-top: 0;
   padding-bottom: 0px;
}
.session table td p strong{
   font-size: 14px;
}

.session table td div.place{
   padding: 10px 0;
   border-bottom: dotted 1px #bbb;
}
.session table td div dl dt{
   padding: 7px 0;
}
.session table td div dl dd{
   padding-left: 15px;
}
.session table td p.caution{
   margin-top: 10px;
   font-size: 10px;
   color: #b43959;
}

.btn_area{
   position: relative;
   height: 61px;
   margin-top: 10px!important;
}
.btn_area div,
.btn_area div a{
   width: 228px;
   height: 51px;
}
.btn_area div{
   position: absolute;
   top: 0;
}
.btn_area div a{
   display: block;
   text-indent: -9999px;
   overflow: hidden;
}
.btn_area div a:hover{
   background: #fff;
   opacity:0.2;
   filter: alpha(opacity=20);
}
.btn_area div.btn_fax{
   left: 0px;
   background: url(/jws/img/session/btn_fax.jpg) no-repeat;
}
.btn_area div.btn_web{
   left: 243px;
   background: url(/jws/img/session/btn_web.jpg) no-repeat;
}
.btn_area div.btn_web_only{
   background: #365098;
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
   overflow: hidden;
}
.btn_area div.btn_web_only a{
   color: #fff;
   text-align: center;
   text-decoration: none;
   text-indent: 0;
   line-height: 51px;
}
.btn_area div.btn_web_only a:hover{
   opacity: 1;
   background: #4761a9;
}

/* アドバンス */
.btn_area div.btn_advance {
   background: #cc3008;
}

.btn_area div.btn_advance a:hover{
   opacity: 1;
   background: #cc3008;
}

/* ワークショップ */
.btn_area div.btn_workshop {
   background: #6cb78e;
}

.btn_area div.btn_workshop a:hover{
   opacity: 1;
   background: #6cb78e;
}

/* tki */
.btn_area div.btn_tki {
   background: #738FB6;
}

.btn_area div.btn_tki a:hover{
   opacity: 1;
   background: #738FB6;
}

.center{
   text-align: center!important;
}


.point{
   border: solid 2px #9cd6ce;
   padding: 20px;
   margin-top: 20px;
   background-color: #f4fffe;
}
.point h3{
   color: #34867b;
   font-weight: bold;
}
.point p{
   margin-top: 0;
}
.point table{
   width: 100%!important;
   background: #9cd6ce!important;
}
.point table th{
   color: #34867b;
   background: #e3f7f4!important;
}
.point table td{
   background: #F4FFFE!important;
}


#leftpane h4{
   line-height: 1.3;
   padding-bottom: 20px;
}

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

20200406追加

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

.comment {
   margin: 10px 0;
}

.comment .comment_title {
   margin-bottom: 10px;
}

.comment .slider {
   width: 100%;
   margin: 0 auto;
}

.comment .slider .slider-item .comment_box {
   width: auto;
   height: 145px;
   background-color: #f1f1f1;
   color: #000;
   padding:15px;
   margin: 0 15px;
   box-sizing: border-box;
   display: flex;
   flex-wrap: wrap;
}

.comment .slider .slider-item .comment_box .flex_box{
   display: flex;
   justify-content: center;
   align-items: center;
   box-sizing: border-box;
}

.comment .slider .slider-item .comment_box .img_box{
   width: 100px ;
   text-align: center;
   margin-right:20px;
}

.comment .slider .slider-item .comment_box .img_box img{
   width: 100%;
   margin: 0 auto;
}

.comment .slider .slider-item .comment_box .job,
.comment .slider .slider-item .comment_box .job2,
.comment .slider .slider-item .comment_box .job3,
.comment .slider .slider-item .comment_box .job4{
   font-weight: bold;
   width: 100%;
}

.comment .slider .slider-item .comment_box .job{
   padding: 0 0 0 22px;
}

.comment .slider .slider-item .comment_box .job2{
   padding: 0 0 0 10px;
}

.comment .slider .slider-item .comment_box .job3{
   padding: 0 0 0 28px;
}

.comment .slider .slider-item .comment_box .job4{
    padding: 0 0 0 16px;
}

.comment .slider .slider-item .comment_box .comment_text{
   width: 100%;
}

.slick-dots {
   padding-left: 0 !important;
}

.slide-arrow {
   width: 10px;
   padding: 10px;
   border-radius: 50%;
   background: #fff;
   position: absolute;
   top: 40%;
   z-index: 999;
   box-shadow: 0 0 5px gray;
}

.prev-arrow {
   left: -15px;
}

.next-arrow {
   right: -15px;
}

/*--------------------------------------*/

.tab-navi-switch{
   text-align: center;
}
.tab-navi-switch .navi{
   display: inline-block;
   width: auto;
   font-size: 18px;
   border: solid 1px #ddd;
   -webkit-border-radius: 10px;
   -moz-border-radius: 10px;
   border-radius: 10px;
   padding: 15px 30px;
   margin-top: 20px;
}
.tab-navi-switch .navi a,
.tab-navi-switch .navi span{
   display: inline-block;
   vertical-align: middle;
   line-height: 1;
}
.tab-navi-switch .navi span{
   padding: 0 20px;
}
.tab-navi-switch .navi a{
   color: #365098;
}
.tab-navi-switch .navi a.active{
   color: #000;
   text-decoration: none;
}
.switch-target{display: none;}
.switch-target.active{display: block;}


.lead-container{
   overflow: hidden;
   zoom: 1;
}
.lead-container .lead-image{
   float: right;
   width: 180px;
   margin: 0 0px 10px 30px;
}
.lead-container .lead-image img{
   width: 100%;
   height: auto;
}
.lead-container .lead-image.double{
   overflow: hidden;
   zoom: 1;
}
.lead-container .lead-image.double img{
   width: 45%;
}


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

20200222追加
ダイレクトリンク調整

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


ul, ol {
  margin: 0;
  padding: 0;
}
ul li, ol li {
  /*list-style: none !important;*/
  color: #404040 !important;
}
.tabs ul, .tabs ol  {
  list-style: none;
}
.link-param, .link-hash {
  padding-left: 25px;
}
.link-hash {
  margin: 0 0 50px;
}

/*
 * tabs
 */
.tabs {
  margin: 0 0 10px;
}
.tabs .tab-list {
  display: flex;
   justify-content: space-around;
   align-items: center;
   width: 70%;
   font-size: 18px;
   border: solid 1px #ddd;
   -webkit-border-radius: 10px;
   -moz-border-radius: 10px;
   border-radius: 10px;
   padding: 20px;
   box-sizing: border-box;
   margin: 20px auto 0!important;
}
.tabs .tab-list li {
   /*width: calc((100% - 30px)/3);*/
   width: auto;
   text-align:center;
   cursor: pointer;
   list-style: none !important;
}
.tabs .tab-list li a.active {
  color: #404040;
}
.tabs .tab-list li:hover {
  color: #404040;
}
.tabs .tab-list li a {
  display: inline-block;
  width: 100%;
  text-align: center;
  color: #006a92;
}
.tabs .tab-body {
   padding: 0;
}
.tabs .tab-body li a.active {
  display: block;
}

.tabs .tab-body li:before {
    content: " ";
    margin-top: -160px;
    height: 160px;
    display: block;
    visibility: hidden;
}

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

20230117追加
ベーシック編タブ幅調整

====================================================================*/
.tabs .tab-list {
   width: 100%;
}