@charset "utf-8";


/*
*	Title: SCSK サービス詳細用
*	URI:
*	Last Modified:
*	Description: メインカラム（サービス詳細内容）
*/

/*20230714
***********************************************/
.bb-darkblue{
background:#1A2792!important;
border:1px solid #1A2792!important;
}
a[class*="flex-btn-"].bb-darkblue:hover{
background:#FFF!important;
color:#1A2792!important;
}
.bd-radius-10{
border-radius:10px!important;
}
.bd-radius-20{
border-radius:20px!important;
}
dl.btn_show dt {
background-color: #00B0F0;
padding: 1em;
color: #FFFFFF;
text-align: center;
border-radius: 5px;
cursor: pointer;
font-size: 18px;
position: relative;
box-shadow: 0px 3px 0px rgba(0, 0, 0, 0.03);
}
dl.btn_show dt::after {
content: '\f107';
margin-left: 7px;
font-family: 'Fontawesome';
font-weight: bold;
position: absolute;
top: 50%;
right: 20px;
transform: translateY(-50%);
}
dl.btn_show dt.active::after {
    content: '\f106';
}
dl.btn_show dd{
  width:100%;
}
dl.btn_show dd div{
  background:#F2F2F2;
  padding:20px;
  margin-bottom:1em;
}
dl.btn_show dd div h3{
  font-size:16px;
}
dl.btn_show dd div ul{
  display:flex;
  justify-content:space-between;
  align-items:center;
  flex-wrap:wrap;
}
dl.btn_show dd div li{
  width:calc(100% / 3 - 30px);
  border:1px solid #1A2792;
  padding:8px 20px 5px 20px;
  margin-bottom:10px;
  background:#FFF;
  color:#1A2792;
  text-align:center;
  border-radius:10px;
  cursor:pointer;
}
dl.btn_show dd div li.blank-cell{
background:none;
border:none;
cursor:default;
}
dl.btn_show dd div li:hover,
dl.btn_show dd div li.active{
  background:#1A2792;
  color:#FFF;
}
dl.btn_show dd div li.blank-cell:hover{
background:none;
}
.movie-section{
display:flex;
justify-content:flex-start;
align-items:flex-start;
flex-wrap:wrap;
}
.item{
width:calc(100% / 3 - 30px);
margin:0 15px 2em 15px;
}
.item img{
box-shadow: 0px 0px 3px 0px rgba(0,0,0,.2);
}
.allBtn{
  display:block;
  text-align:center;
  font-size:16px;
  color:#1A2792;
  cursor:pointer;
}
.allBtn:hover{
  color:#00B0F0;
}
.battery-top-box{
display:block;
width:calc(480px - 40px);
height:400px;
position:relative;
}

.battery-top-box .battery-top-box-text{
width:100%;
position:absolute;
top:80px;
left:0;
color:#000;
}
.battery-top-box .battery-top-box-img img{
position:absolute;
width:300px;
top:140px;
left:50%;
transform:translateX(-50%);
}
.battery-top-box .battery-top-box-subtitle{
width:100%;
/*position:absolute;
top:80px;
left:0;*/
color:#000;
font-size:16px;
margin-top:20px;
margin-bottom:20px;
}
.battery-top-box .battery-top-box-img-small{
padding:20px;
}
.battery-top-box .battery-top-box-img-small img{
width:100%;
}
@media screen and (max-width:767px) and (min-width:1px) {
.item{
width:100%;
}
.battery-top-box{
width:100%;
}
.sp-height-auto{
height:auto;
}
.battery-top-box .battery-top-box-subtitle{
margin-bottom:0;
}
.battery-top-box .battery-top-box-img-small{
padding:0;
}
dl.btn_show dd div li{
width:100%;
}
dl.btn_show dd div li.blank-cell{display:none;}
}

/*20230509
***********************************************/
.top-img{
position:relative;
}
.top-img .img-text{
color:#FFF;
font-size:30px;
font-weight:bold;
position:absolute;
top:50%;
left:100px;
transform:translateY(-50%);
}
.top-img .img-text .img-text-small{
font-size:18px;
margin-bottom:0!important;
}
.top-img .img-text .img-text-small-ondemand{
font-size:20px;
margin-bottom:0!important;
}
.top-menu{
width:230px;
}
.top-menu a{
display:block;
width:230px;
}
.top-menu a span.title-head{
border-top:5px solid #0099FF;
display:block;
background:#1A2792;
padding:10px;
color:#FFF;
height:96px;
}
.top-menu a span.title-head span.title{
font-size:16px;
font-weight:bold;
}
.top-menu a span.title-head span.sub-title{
font-size:12px;
font-weight:normal;
}
.top-menu a:hover{
color:#FFF!important;
}
.border-radius-5{
border-radius:5px!important;
}
h3.h3-title{
border-left:20px solid #1A2792;
color: #1A2792;
font-size: 20px;
font-weight: bold;
margin-bottom: 1em;
margin-top: 1em;
padding-left: 10px;
}
.top-lineup{
width:480px;
border-top:5px solid #1A2792;
border-left:1px solid #ccc;
border-right:1px solid #ccc;
border-bottom:1px solid #ccc;
margin-bottom:1em;
}
.top-lineup:hover{
border-top:5px solid #1A2792;
border-left:1px solid #1A2792;
border-right:1px solid #1A2792;
border-bottom:1px solid #1A2792;
}

.top-lineup a{
display:block;
width:478px;
height:100%;
padding:10px;
color:#000!important:
}
.top-lineup a:hover{
background:#1A2792!important;
color:#FFF!important;
text-decoration:none!important;
}
.top-lineup a span.lineup-text1,
.top-lineup a span.lineup-text2{
display:block;
color:#000;
z-index:1;
position:relative;
}
.top-lineup a:hover span.lineup-text1,
.top-lineup a:hover span.lineup-text2{
color:#FFF!important;
}
.top-lineup a span.lineup-text1{
border-bottom:1px solid #ccc;
padding-bottom:5px;
position:relative;
}
.top-lineup a span.lineup-text2{
padding-top:5px;
font-size:16px;
font-weight:bold;
}
.top-lineup a span.lineup-text1:after{
font-family: "Font Awesome 5 Free";
content: "\f105";
font-weight: 900!important;
position: absolute;
top: 100%;
right: 0;
margin-top: -12px;
color:#666;
background:#FFF;
width: 20px;
height:30px;
text-align: right;
}
.top-lineup a:hover span.lineup-text1:after{
background:#1A2792!important;
color:#FFF;
}
.battery-h3{
display:inline-block!important;
}
.battery-h3 .battery-h3-inner{
display:flex;
justify-content:flex-end;
align-items:center;
}
.battery-h3 .battery-h3-inner img{
margin-left:20px;
vertical-align:middle;
}
.battery-h4{
display:inline-block!important;
}
.battery-h4 .battery-h4-inner{
display:flex;
justify-content:flex-end;
align-items:center;
}
.battery-h4 .battery-h4-inner img{
margin-left:10px;
vertical-align:middle;
}
.font16px{
font-size:16px;
}
.height-12{
height:12px;
}
.height-22{
height:22px;
}
.height-35{
height:35px;
}
.grid-container{
display: grid;
grid-template-columns: 200px 50px 730px;
grid-template-rows:auto;
}
.grid-container .item-A1{
grid-row: 1 / 2;
grid-column: 1 / 2;
}
.grid-container .item-A2{
grid-row: 2 / 3;
grid-column: 1 / 2;
}
.grid-container .item-A3{
grid-row: 3 / 4;
grid-column: 1 / 2;
}
.grid-container .item-A4{
grid-row: 4 / 5;
grid-column: 1 / 2;
}
.grid-container .item-A5{
grid-row: 5 / 6;
grid-column: 1 / 2;
}
.grid-container .item-A6{
grid-row: 6 / 7;
grid-column: 1 / 2;
}
.grid-container .item-A7{
grid-row: 7 / 8;
grid-column: 1 / 2;
}
.grid-container .item-A8{
grid-row: 8 / 9;
grid-column: 1 / 2;
}
.grid-container .item-A9{
grid-row: 9 / 10;
grid-column: 1 / 2;
}
.grid-container .item-A10{
grid-row: 10 / 11;
grid-column: 1 / 2;
}
.grid-container .item-A11{
grid-row: 11 / 12;
grid-column: 1 / 2;
}
.grid-container .item-A12{
grid-row: 12 / 13;
grid-column: 1 / 2;
}
.grid-container .item-A13{
grid-row: 13 / 14;
grid-column: 1 / 2;
}
.grid-container .item-A14{
grid-row: 14 / 15;
grid-column: 1 / 2;
}
.grid-container .item-A15{
grid-row: 15 / 16;
grid-column: 1 / 2;
}
.grid-container .item-A16{
grid-row: 16 / 17;
grid-column: 1 / 2;
}
.grid-container .item-A17{
grid-row: 17 / 18;
grid-column: 1 / 2;
}
.grid-container .item-A18{
grid-row: 18 / 19;
grid-column: 1 / 2;
}
.grid-container .item-A19{
grid-row: 19 / 20;
grid-column: 1 / 2;
}
.grid-container .item-A20{
grid-row: 20 / 21;
grid-column: 1 / 2;
}

.grid-container .item-B1{
grid-row: 1 / 2;
grid-column: 2 / 3;
}
.grid-container .item-B2{
grid-row: 7 / 8;
grid-column: 2 / 3;
}
.grid-container .item-B3{
grid-row: 9 / 10;
grid-column: 2 / 3;
}
.grid-container .item-B4{
grid-row: 11 / 12;
grid-column: 2 / 3;
}
.grid-container .item-B5{
grid-row: 13 / 14;
grid-column: 2 / 3;
}
.grid-container .item-B6{
grid-row: 19 / 20;
grid-column: 2 / 3;
}

.grid-container .item-C1{
grid-row: 1 / 5;
grid-column: 3 / 4;
}
.grid-container .item-C2{
grid-row: 5 / 9;
grid-column: 3 / 4;
}
.grid-container .item-C3{
grid-row: 9 / 11;
grid-column: 3 / 4;
}
.grid-container .item-C4{
grid-row: 11 / 13;
grid-column: 3 / 4;
}
.grid-container .item-C5{
grid-row: 13 / 17;
grid-column: 3 / 4;
}
.grid-container .item-C6{
grid-row: 17 / 20;
grid-column: 3 / 4;
}
.grid-container .item-C7{
grid-row: 20 / 23;
grid-column: 3 / 4;
}


.flx-align-items--center{
align-items:center;
}
.arrow-box {
margin: 0;
padding: 5px 10px;
width: 20px;
height: 10px;
background: #d5eeed;
position: relative;
color:#FFF
}
.arrow-box:after {
border-top: 15px solid #d5eeed;
border-left: 20px solid transparent;
border-right: 20px solid transparent;
content: "";
position: absolute;
right: -10px;
top: 10px;
}
hr.bd-H{
border-top:0;
border-left:0;
border-right:0;
border-bottom:1px solid #ccc;
margin-top:15px;
}
.box-A{
padding:0.1em 1em 0 1em;
font-size:19px;
}

@media screen and (max-width:767px) and (min-width:1px) {
.top-img .img-text{
font-size:18px;
left:20px;
}
.top-img .img-text .img-text-small,
.top-img .img-text .img-text-small-ondemand{
font-size:12px;
}
.top-menu{
width:100%;
margin-bottom:1em;
}
.top-menu a{
width:100%;
}
.top-menu a span.title-head{
height:auto;
}
.top-lineup,
.top-lineup a{
width:100%;
}

h3.h-ttl03a{
position:relative;
}
.battery-h3{
display:block;
margin:auto;
margin-top:-10px;
position: absolute;
bottom: -40px;
right:0;
}
.battery-h3 .battery-h3-inner{
justify-content:center;
}

.battery-h3 .battery-h3-inner img{
margin-left:10px;
}
.battery-h4 {
width:100%;
}
.battery-h4 .battery-h4-inner img{
margin-left:10px;
}
.battery-h4 .battery-h4-inner{
flex-wrap:wrap;
}
.height-12{
height:10px;
}
.height-22{
height:16px;
}
.height-35{
height:22px;
}
.font16px{
font-size:14px;
}
.sp-mT3em{
margin-top:3em!important;
}
.grid-container{
width:100%;
display: grid;
grid-template-columns: 25% 8% 25% 8% 25% 8%;
grid-template-rows:auto;
align-items:center;
}
.grid-container .item-A1{
grid-row: 1 / 2;
grid-column: 1 / 2;
}
.grid-container .item-A2{
grid-row: 1 / 2;
grid-column: 2 / 3;
}
.grid-container .item-A3{
grid-row: 1 / 2;
grid-column: 3 / 4;
}
.grid-container .item-A4{
grid-row: 1 / 2;
grid-column: 4 / 5;
}
.grid-container .item-A5{
grid-row: 1 / 2;
grid-column:5 / 6;
}
.grid-container .item-A6{
grid-row: 1 / 2;
grid-column: 6 / 7;
}
.grid-container .item-A7{
grid-row:4 / 5;
grid-column:1 / 5;
}
.grid-container .item-A8{
grid-row:4 / 5;
grid-column:6 / 7;
}
.grid-container .item-A9{
grid-row: 7 / 8;
grid-column:1 / 5;
}
.grid-container .item-A10{
grid-row: 7 / 8;
grid-column:6 / 7;
}
.grid-container .item-A11{
grid-row: 10 / 11;
grid-column:1 / 5;
}
.grid-container .item-A12{
grid-row: 10 / 11;
grid-column:6 / 7;
}
.grid-container .item-A13{
grid-row: 13 / 14;
grid-column: 1 / 2;
}
.grid-container .item-A14{
grid-row: 13 / 14;
grid-column: 2 / 3;
}
.grid-container .item-A15{
grid-row: 13 / 14;
grid-column: 3 / 4;
}
.grid-container .item-A16{
grid-row: 13 / 14;
grid-column: 4 / 5;
}
.grid-container .item-A17{
grid-row: 13 / 14;
grid-column:5 / 6;
}
.grid-container .item-A18{
grid-row: 13 / 14;
grid-column: 6 / 7;
}
.grid-container .item-A19{
grid-row:16 / 17;
grid-column:1 / 7;
}

.grid-container .item-B1{
grid-row: 2 / 3;
grid-column: 1 / 2;
}
.grid-container .item-B2{
grid-row: 5 / 6;
grid-column: 2 / 3;
}
.grid-container .item-B3{
grid-row:8 / 9;
grid-column: 2 / 3;
}
.grid-container .item-B4{
grid-row:11 / 12;
grid-column: 2 / 3;
}
.grid-container .item-B5{
grid-row: 14 / 15;
grid-column: 1 / 2;
}
.grid-container .item-B6{
grid-row:17 / 18;
grid-column: 3 / 4;
}

.grid-container .item-C1{
grid-row: 3 / 4;
grid-column: 1 / 7;
}
.grid-container .item-C2{
grid-row: 6 / 7;
grid-column: 1 / 7;
}
.grid-container .item-C3{
grid-row: 9 / 10;
grid-column: 1 / 7;
}
.grid-container .item-C4{
grid-row: 12 / 13;
grid-column: 1 / 7;
}
.grid-container .item-C5{
grid-row: 15 / 16;
grid-column: 1 / 7;
}
.grid-container .item-C6{
grid-row: 18 / 19;
grid-column: 1 / 7;
}
.grid-container .item-C7{
grid-row: 19 /20;
grid-column: 1 / 7;
}
.arrow-box {
    margin: 0;
    margin-top: 15px;
    padding: 0;
    width: 20px;
    height: 10px;
    background: #d5eeed;
    position: relative;
    color: #FFF;
}
.arrow-box:after {
    border-left: 15px solid #d5eeed;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    content: "";
    position: absolute;
    right: -25px;
    top: -5px;
}
hr.bd-H {
    border-top: 0;
    border-left: 1px solid #ccc;
    border-right: 0;
    border-bottom: 0;
    margin: -10px auto 0 40px;
    height: 20px;
    z-index: -1;
    position: relative;
}

}


/*201912  */
#cae #feature {
    overflow: hidden;
    height: auto;
    background-color: #142A87;
  }
#cae #feature p {
    font-size: 1.5vw;
    color: #FFF;
    text-align: center;
}
#cae div.feature-inner {
    padding: 10px 0 5px 0;
    margin: 0 auto;
    width: 100%;
    z-index: 0;
}
#cae div.feature-inner p {
    color: #FFF;
    line-height: 170%;
}
#cae .fc-white {
    color: #ffffff;
}
#cae .middle-s {
    font-size: 67%;
}

#cae .division {
    height: auto;
    padding: 0;
    float: left;
    width: 100%;
}
#cae .division .inner {
    width: 100%;
    margin: 0 auto;
    padding: 0 0 10px 0;
}
#cae .img-center {
    margin: 0 auto;
    text-align: center;
    position:relative;
}

#cae .division .inner  h2 {
    font-size: 28px;
    margin: 20px 0 10px 0;
    font-weight: normal;
}
/*
#cae h3.image-on-title{
font-size:2.5vw;
color:#FFF;
font-weight:bold;
position:absolute;
left:0;
right:0;
top:20%;
margin:auto;
}
*/
#cae #link_cae_cloud:hover {
    opacity: 0.7;
    filter: alpha(opacity=70);
}

/*202106 追記*/
#cae .line-height70{
line-height:70px;
}
#cae .line-height80{
line-height:80px;
}
#cae h3 p{
line-height:80px;
}
#cae .right-cell{
width:calc(100% - 140px);
}
#cae .ttl-List-flx{
   border-top:1px solid #ccc;
   border-bottom:1px solid #ccc;
   position:relative;
}
#cae .ttl-List-flx li{
cursor:pointer;
padding-top: 1.3em;
padding-bottom: 0.8em;
}
#cae .ttl-List-flx li a{
color:#000;
}
#cae .ttl-List-flx li:after{
content:"";
background:url(/img/arw.png);
    background-repeat: no-repeat;
    background-position: right center;
    width: 14px;
    height:16px;
    position:absolute;
    top:50%;
    transform: translateY(-50%);
    right:0;
}
#cae .ttl-List-flx li:hover{
background-color: #F2F8FC !important;
color: #2EC5DF !important;
}
#cae .boxTableLinks2 a{
padding-bottom:1em;
}
#cae .pagelinks-03 ul.pagelinks-03-list.blue02 li a{
background-color:#007aff !important;
}
#cae .pagelinks-03 ul.pagelinks-03-list.blue02 li a:hover{
color:#ff9 !important;
}
#cae h3.h-ttl07{
position:relative;
}
#cae h3.h-ttl07 .small-cap{
    position: absolute;
    top: -25px;
    left: 100px;
    font-size: 12px;
    font-weight: bold;
    color: #ccc;
}
#cae h3.h-ttl07 .small-cap.left125{
left:125px;
}
#cae h3.h-ttl07 .small-cap.left140{
left:140px;
}
#cae h3.h-ttl07 .small-cap.top0{
top:0;
}

@media screen and (max-width:767px) and (min-width:1px) {
#cae .boxTableLinks2 li{
border-right:0;
}
#cae .boxTableLinks2 li:nth-child(odd),
#cae .boxTableLinks2 li:nth-child(even){
float:initial;
}
#cae .boxTableLinks2.cl2 li, .boxTableLinks.cl3 li {
    width: 100%;
}
#cae .right-cell{
width:calc(100% - 160px);
}
#cae h3 p{
width:calc(100% - 147px);
line-height:initial;
}
#cae .line-height70{
line-height:initial;
}
#cae .arwList li {
padding-right:1.5em;
height:auto;
}
}

/**********************************************/
/*  CAEアカデミー                               */
/**********************************************/

#cae div.academy-title{
    display: flex;
    align-items:center;
    position: relative;
    background-color:#D1E3F4; /* #0a2986; */
    color: #D1E3F4 !important; /* #0a2986; */
    border: 1px solid #D1E3F4!important;
    height: 70px;
    width: 100%;
    }
#cae div.academy-title h2.about_academy_title {
    display: inline-block;
    margin-left: 20px;
    margin-right: 20px;
    font-size: 150% !important;
    color: #000; /*#FFF;*/
    background-color:#D1E3F4;
    z-index:0;
}
#cae div.about_academy {
    display: block;
    position: relative;
    background-color:#D1E3F4; /* #0a2986; */
    color: #D1E3F4 !important; /* #0a2986; */
    border: 1px solid #D1E3F4!important;
    height: 220px;
    width: 100%;
}

#cae div.about_academy h2.about_academy_title {
    display: inline-block;
    position: absolute;
    top:20px;
    left: 0px;
    margin-left: 20px;
    margin-right: 20px;
    font-size: 150% !important;
    color: #000; /*#FFF;*/
    background-color:#D1E3F4;
}

#cae p.about_academy_desc {
    display: inline-block;
    position: absolute;
    top: 65px;
    left: 0px;
    margin-left: 20px;
    margin-right: 20px;

    font-size: 120% !important;
    color: #000;
    background-color:#D1E3F4;
}

#cae div.course_menu {
    display: block;
    position: relative;
    border: 3px solid #0a2986;
    background-color:#cccccc;
    float: right;
    color: #0a2986 !important;
    border: 1px solid #0a2986 !important;
    height: 160px;
    width: 25%;
}

#cae div.course_menu h2.course_title {
    display: block;
    position: absolute;
    top:10px;
    left: 0px;
    margin-left: 10px;
    margin-right: 10px;
    font-size: 120% !important;
    color: #000000;

    width: 100%;
    text-align:center;
}

#cae ul.course_desc {
    display: inline-block;
    position: absolute;
    top: 40px;
    left: 0px;
    margin-left: 20px;
    margin-right: 20px;
    font-size: 100% !important;
    color: #FFF;

}

#cae div.course_menu_left {
    display: block;
    position: relative;
    border: 3px solid #0a2986;
    background-color:#cccccc;
    float: left;
    color: #0a2986 !important;
    border: 1px solid #0a2986 !important;
    height: 160px;
    width: 70%;
}

#cae ul.course_desc_left {
    display: inline-block;
    position: absolute;
    top: 10px;
    left: 0px;
    margin-left: 20px;
    margin-right: 20px;
    font-size: 100% !important;
    color: #FFF;

}

/* #cae ul li.course_desc {
    display: inline-block;
    position: absolute;
    top: 40px;
    left: 0px;
    margin-left: 20px;
    margin-right: 20px;

    font-size: 100% !important;
    color: #FFF;
    background-color:#0a2986;
} */

#cae th.line1, #cae td.line1 {
    white-space: nowrap;
}


/* shibori-komi */
#cae .article-list{
margin-top:2em;
margin-bottom:2em;
}
#cae .article-list-item{
display:blocl; /* inline-block; */
background-color: beige;
margin-right: 2em;
margin-bottom: 1em;
padding-bottom: 0.5em;
}
#cae div.tag{
margin-top:0.5em;
}
#cae span.article-tag{
    padding: 10px 12px;
    background: #999999;
    color: #ffffff;
    display: inline-block; /* table-cell; */
    border-radius: 15px;
    text-align: center;
    vertical-align: middle;
    font-size:80%!important;
}

#cae div.tag > span.article-tag:not(:last-child) {
    margin-right: 5px;
}

#select-tag-wrapper span.search-tag, #select-tag-wrapper span.tag-clear {
line-height: 1.5;
text-decoration: none!important;
display: inline-block;
padding: 2px 4px 0 4px;
margin-right: 5px;
background-color: rgba(0,102,255,0.05);
color: #297bab;
cursor: pointer;
font-size: 115%!important;
}
#select-tag-wrapper span.search-tag.is-active, #select-tag-wrapper span.tag-clear.is-active {
color: white;
background-color: rgba(17, 66, 142, 1);
}
article.article-list-item.is-active {
animation: zoom-in 0.5s ease-in-out ;
}
@keyframes zoom-in {
0% {
opacity:0;
transform:translateY(50px);
}
75% {
opacity:0.3;
transform:translateY(10px);
}
100% {
opacity:1;
transform:translateY(0);
}
}
#cae .is-hide {
display: none;
}
#select-tag-clear{
text-align: right;
margin-top: 1em;
}
#select-tag-clear span.tag-clear{
font-size: 1.2em;
}
span.tag-clear::before{
font-family: "Font Awesome 5 Free";
font-weight: 900!important;
content: "\f069";
margin-right:3px;
}
span.search-tag::before{
font-family: "Font Awesome 5 Free";
font-weight: 900!important;
content: "\f02e";
margin-right:10px;
font-size: 120%!important;
}
body.backnumber-page #select-tag h3{
font-size: 1em;
margin-bottom: 1em;
}
#category div {
margin-bottom:0.2em;
}
.flx{
display:flex;
flex-wrap: wrap;
}
.flx-r-reverce{
flex-direction: row-reverse;
}

#cae p.sbr_sem_category {
    margin-bottom: 0;
    font-size: 120%;
    padding: 5px 0 0 5px;
}

#cae p.sbr_sem_title {
    margin-bottom: 5px;
    font-size: 150%;
    padding: 5px 5px 0 5px;
}

#cae p.sbr_sem_desc {
    padding: 5px;
}

#cae p.sbr_sem_time {
    margin-bottom: 5px;
    padding: 5px;
}
#cae .blank:after {
    /* margin-right: 0.3em; */
    font-size: 90%; /* 12px; */
    /* vertical-align: 10%; */
}

#cae span.st_color1 {

}

#cae span.st_color2 {

}
#cae a.nolink{
 pointer-events:none;
}

ul.list-2 li:nth-child(2n+1) {
    width: 7em;
    float: left;
}
ul.list-2 li:nth-child(2n) {
    width:calc(100% - 7em);
    float: left;    
    text-indent:0;
    padding-left:0;
}



/**********************************************/
/*  CAEアカデミー                               */
/**********************************************/

@media screen and (max-width:767px) and (min-width:1px) {
#cae .division .inner  h2 {
    font-size: 20px;
    }

}


#cae #solMap {
   width:auto;
   height:auto;
}

/*CAEソリューションセミナーのボタンのスマホ調整*/
@media screen and (max-width:767px) and (min-width:1px) {
#cae .sp-font11 {
    font-size: 85% !important;
}
#cae .sp-font13 {
    font-size: 100% !important;
}
}

/*CAEソリューションセミナーのボタンのスマホ調整*/
@media screen and (max-width:320px) {
#cae a.flex-btn-link.h7em {
    height: 10em !important;
}
}