@charset "utf-8";body{  background-color:#fff;  font-size:10px;  font-size:1rem;  line-height:1.8;  color:#000000;  word-wrap:break-word;  overflow-wrap:break-word;  font-family:"Noto Sans JP",sans-serif;  font-weight:400}*,*::before,*::after{  box-sizing:border-box}table{  border-collapse:collapse;  border-spacing:0;  line-height:1.8}a[href]{  color:#2f4fa1;  text-decoration:underline;  outline:none}a[href]:hover{  text-decoration:none}a[href].a_reverse,.a_reverse a[href]{  text-decoration:none}@media screen and (min-width:768px){  a[href].a_reverse:hover, .a_reverse a[href]:hover{    text-decoration:underline;  }}label{  cursor:pointer}input,select,textarea,button{  -webkit-appearance:none;  -moz-appearance:none;  appearance:none;  max-width:100%;  margin:0;  border-radius:0;  vertical-align:middle;  font-family:inherit;  outline:none;  font-size:100%}::-webkit-input-placeholder{  color:#ccc}:-ms-input-placeholder{  color:#ccc}::-moz-placeholder{  color:#ccc}select::-ms-expand{  display:none}button{  cursor:pointer}iframe{  max-width:100%;  vertical-align:middle}.hidden{  display:none}@media screen and (min-width:768px),print{}@media screen and (max-width:767px){  img{    max-width:100%;    height:auto;  }}.sp{  display:none !important}@media screen and (min-width:768px),print{  .pc_break{    position:relative;    display:block;    height:0;    overflow:hidden;  }  .pc_hidden{    position:relative;    overflow:hidden;    display:block;    height:0;  }}@media screen and (max-width:767px){  .pc{    display:none !important;  }  .sp{    display:block !important;  }  img.sp, span.sp, br.sp, em.sp, strong.sp{    display:inline !important;  }  td.sp, th.sp{    display:table-cell !important;  }  .sp_break{    position:relative;    display:block;    height:0;    overflow:hidden;  }}@media screen and (min-width:768px){  body.init a[href], body.init a[href]::before, body.init a[href]::after, body.init button, body.init button::before, body.init button::after, body.init .basic_trs, body.init .basic_trs::before, body.init .basic_trs::after, body.init .basic_trs *, body.init .basic_trs *::before, body.init .basic_trs *::after{    transition:     color 0.2s ease-in-out,     background 0.2s ease-in-out,     border 0.2s ease-in-out,     opacity 0.2s ease-in-out;  }  body.init a svg{    transition:fill 0.2s ease-in-out;  }}.ff_en{  font-family:"Inter","Noto Sans JP",sans-serif}.fwb{  font-weight:bold}.fwn{  font-weight:normal}.db{  display:block}.dib{  display:inline-block}.pos-r{  position:relative}img.of{  position:absolute;  top:0;  left:0;  width:100%;  height:100%;  object-fit:cover;  font-family:"object-fit:cover;"}@media screen and (min-width:768px),print{  a.hv_wh, button.hv_wh, a .hv_wh, .hv_wh a{    position:relative;    display:inline-block;    vertical-align:middle;    overflow:hidden;  }  a.hv_wh::after, button.hv_wh::after, a .hv_wh::after, .hv_wh a::after{    content:"";    position:absolute;    left:0;    right:0;    top:0;    bottom:0;    background-color:rgba(255,255,255,0);    z-index:3;  }  body.init a.hv_wh::after, body.init button.hv_wh::after, body.init a .hv_wh::after, body.init .hv_wh a::after{    transition:background 0.2s;  }  a[href].hv_wh:hover::after, button.hv_wh:hover::after, a[href]:hover .hv_wh::after, .hv_wh a[href]:hover::after{    background-color:rgba(255,255,255,0.3);  }  a[href].hv_wh.a20:hover::after, button.hv_wh.a20:hover::after, a[href]:hover .hv_wh.a20::after, .hv_wh.a20 a[href]:hover::after{    background-color:rgba(255,255,255,0.2);  }  a[href].hv_wh.a10:hover::after, button.hv_wh.a10:hover::after, a[href]:hover .hv_wh.a10::after, .hv_wh.a10 a[href]:hover::after{    background-color:rgba(255,255,255,0.1);  }  body.init a[href] .hv_op{    transition:opacity 0.2s;  }  a[href].hv_op:hover, a[href]:hover .hv_op, button.hv_op:hover, .hv_op a[href]:hover{    opacity:0.7;  }  a[href].hv_op.a20:hover, a[href]:hover .hv_op.a20, .hv_op.a20 a[href]:hover{    opacity:0.8;  }  a[href].hv_op.a10:hover, a[href]:hover .hv_op.a10, .hv_op.a10 a[href]:hover{    opacity:0.9;  }  a[href].hv_op.a50:hover, a[href]:hover .hv_op.a50, .hv_op.a50 a[href]:hover{    opacity:0.5;  }}.hv_zoom{  position:relative;  display:block;  overflow:hidden}.hv_zoom > *{  position:absolute;  top:0;  right:0;  left:0;  bottom:0;  background-repeat:no-repeat;  background-position:50%;  background-size:cover}@media screen and (min-width:768px),print{  body.init a[href].hv_zoom > *, body.init a[href] .hv_zoom > *{    transition:     transform 0.6s,     opacity 0.3s;  }  a[href]:hover .hv_zoom.s > *{    transform:scale(1.03);  }  a[href]:hover.hv_zoom > *, a[href]:hover .hv_zoom > *{    transform:scale(1.05);  }}.target{  display:block;  position:relative;  width:1px;  top:-90px}.target.pt{  top:-120px}.bdt_title .target{  top:-150px}@media screen and (max-width:767px){  .target{    top:-60px;  }  .target.pt{    top:-80px;  }  .bdt_title .target{    top:-100px;  }}@media screen and (min-width:768px),print{  .xw{    max-width:1160px;    margin:0 auto;    padding:0 20px;  }  .mw{    min-width:1140px;  }}@media screen and (max-width:767px){}@media screen and (max-width:767px){  .sp_pd{    padding-left:6vw !important;    padding-right:6vw !important;  }  .sp_full{    margin-left:-6vw !important;    margin-right:-6vw !important;  }  .sp_full_l{    margin-left:-6vw !important;  }  .sp_full_r{    margin-right:-6vw !important;  }}#footer{  margin-top:120px}#footer.mt0{  margin-top:0}@media screen and (max-width:767px){  #footer{    margin-top:80px;  }}#container{  font-size:1.6rem;  line-height:2}@media screen and (max-width:767px){  #container{    font-size:1.3rem;  }}.breadcrumbs{  position:relative;  z-index:5}.breadcrumbs > *{  position:absolute;  padding:12px 0;  font-size:1.4rem;  line-height:1.6}.breadcrumbs li{  position:relative;  padding-right:30px}.breadcrumbs li::after{  content:"";  position:absolute;  right:12px;  top:50%;  width:8px;  height:8px;  transform-origin:100% 0;  border-top:1px solid #9da7ae;  border-right:1px solid #9da7ae;  transform:rotate(45deg)}.breadcrumbs li a{  color:#2f4fa1;  text-decoration:none}.breadcrumbs li:last-child{  padding-right:0}.breadcrumbs li:last-child::after{  content:none}.breadcrumbs li:last-child a{  color:#333333}@media screen and (min-width:768px),print{  .breadcrumbs > *{    left:30px;    right:30px;  }  .breadcrumbs ol{    white-space:nowrap;    overflow:hidden;    text-overflow:ellipsis;  }  .breadcrumbs li{    display:inline;  }}@media screen and (max-width:767px){  .breadcrumbs > *{    left:0;    right:0;    font-size:1.1rem;    overflow-x:auto;    -webkit-overflow-scrolling:touch;  }  .breadcrumbs ol{    display:table;    white-space:nowrap;  }  .breadcrumbs li{    display:table-cell;    white-space:nowrap;  }  .breadcrumbs li{    padding-right:20px;  }  .breadcrumbs li::after{    right:7px;    width:6px;    height:6px;  }}.page_title{  padding:110px 0 90px;  background:#e9f6ff no-repeat 50% 0;  text-align:center;  font-size:3.6rem;  line-height:1.4}.page_title *{  font-weight:normal}.page_title p{  margin-top:0.5em;  font-size:1.4rem;  line-height:1.8}.page_title h1 + p{  margin-top:40px}@media screen and (min-width:768px),print{  .page_title{    background-image:url(../images/title_bg.png);  }}@media screen and (max-width:767px){  .page_title{    padding:90px 0 70px;    font-size:2.6rem;    background-image:url(../images/title_bg_sp.png);    background-size:100%;  }  .page_title p{    font-size:1.2rem;  }  .page_title h1 + p{    margin-top:20px;  }}@media screen and (max-width:420px){  .page_title{    background-size:420px;  }}.bdt_title{  margin-bottom:50px;  text-align:center;  font-size:3.2rem;  line-height:1.5;  font-weight:normal}.bdt_title::before{  content:"";  display:block;  width:160px;  margin:0 auto 30px;  border-top:2px solid #55b2f3}.bdt_title span{  color:#1c87d9}@media screen and (max-width:767px){  .bdt_title{    margin-bottom:30px;    font-size:2.4rem;  }  .bdt_title::before{    width:120px;    margin-bottom:20px;  }}.bdt_num_title{  margin-bottom:50px;  text-align:center;  font-size:3.2rem;  line-height:1.5;  font-weight:normal}.bdt_num_title .num{  display:block;  font-size:200%;  line-height:1}.bdt_num_title .num::after{  content:"";  display:block;  width:160px;  margin:15px auto 30px;  border-top:2px solid #55b2f3}.bdt_num_title span{  color:#1c87d9}@media screen and (max-width:767px){  .bdt_num_title{    margin-bottom:30px;    font-size:2.4rem;  }  .bdt_num_title .num::after{    width:120px;    margin-bottom:20px;  }}.category_nav{  margin-top:2px;  margin-bottom:60px;  padding:30px 0;  background-color:#f7f7f7}.category_nav ul{  display:flex;  flex-wrap:wrap;  justify-content:center}.category_nav ul li{  margin:5px}.category_nav ul li a{  display:flex;  justify-content:center;  align-items:center;  height:40px;  padding:0 20px;  background-color:#fff;  border:1px solid #2f4fa1;  border-radius:100px;  text-decoration:none;  font-size:1.4rem;  line-height:1.5;  color:#2f4fa1;  text-align:center}.category_nav ul li a.current{  background-color:#2f4fa1;  color:#fff}@media screen and (min-width:768px),print{  .category_nav{    display:flex;    justify-content:center;    align-items:center;  }  .category_nav ul li a:hover{    background-color:#2f4fa1;    color:#fff;  }}@media screen and (max-width:767px){  .category_nav{    margin-bottom:40px;    padding:20px 0;    text-align:center;  }  .category_nav ul{    margin:0 -4px;  }  .category_nav ul li{    margin:4px;  }  .category_nav ul li a{    height:36px;    padding:0 15px;    font-size:1.3rem;  }}.category_nav select{  min-width:160px;  height:40px;  padding:0 50px 0 1em;  border:1px solid #2f4fa1;  border-radius:10px;  background:#fff    url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAAUCAYAAADRA14pAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAARNJREFUeNrk2DsKwkAUBdBEgmsQtUgh2YGNgj8QtLCwdgGuycotCNpbqJVLUEFBUay1soh3ZAJhyHyiFvP0wmUImQROkYQXNwxDR5Zyb+R8mvV06NgU7xsoSskIx2209MZ9fHSFBpTAXXSGzlOifX5Nha8BBTDDTtAsWkyBjrA+P87bjmbgTgwbxQQtYp0YemwzeIdeE86p0DIsyx4d2AzeoC30aIjWYZt8tfoZNkWTxopvaR16gS4l2AMFbNJ3WIXOoQUJtkEBmwTWoUljZWBT9IkaVgWOo88J5x5onxpWB47QdQHNsFU2CP3C8KBD3yljX+Oh4T6GrqE39EJ5PPRS7N1SGPB1cVV/PP7hB8DP5ynAAK/fTCybLBpTAAAAAElFTkSuQmCC)    no-repeat 100%;  background-size:30px;  color:#2f4fa1}@media screen and (min-width:768px),print{  .category_nav select + ul{    margin-left:20px;  }}@media screen and (max-width:767px){  .category_nav select{    width:100%;  }  .category_nav select + ul{    margin-top:20px;  }}.basic_table{  width:100%;  table-layout:fixed}.basic_table tr:nth-child(odd){  background-color:#f0f4f7}.basic_table th,.basic_table td{  padding:8px 30px;  vertical-align:top}.basic_table th{  padding-right:0}.basic_table.th15 th{  width:15%}.basic_table.th20 th{  width:20%}.basic_table.th25 th{  width:25%}.basic_table.th30 th{  width:30%}@media screen and (max-width:767px){  .basic_table th, .basic_table td{    padding:8px 20px;  }  .basic_table th{    padding-right:0;  }  .basic_table.sp_th15 th{    width:15%;  }  .basic_table.sp_th20 th{    width:20%;  }  .basic_table.sp_th25 th{    width:25%;  }  .basic_table.sp_th30 th{    width:30%;  }}button.box_btn,a.box_btn,a .box_btn{  display:table;  max-width:100%;  margin:auto;  padding:10px 20px;  background-color:#fff;  border:1px solid #2f4fa1;  border-radius:100px;  text-decoration:none;  font-size:1.4rem;  line-height:1.5;  color:#2f4fa1;  text-align:center}.box_btn.l{  padding:25px 50px;  font-size:1.6rem}.box_btn.l[target="_blank"]::after{  padding-right:2rem;  background:url(/https/bccs.sios.jp/images/ex-link_b2.svg) no-repeat right/1.3rem;  content:""}.box_btn.current{  background-color:#2f4fa1;  color:#fff}@media screen and (min-width:768px),print{  body.init a .box_btn{    transition:     color 0.2s ease-in-out,     background 0.2s ease-in-out,     border 0.2s ease-in-out,     opacity 0.2s ease-in-out;  }  button.box_btn:hover, a[href].box_btn:hover, a[href]:hover .box_btn{    background-color:#2f4fa1;    color:#fff;  }  .box_btn.l[target=_blank]:hover::after{    background:url(/https/bccs.sios.jp/images/ex-link_w.svg) no-repeat right/1.3rem;  }}@media screen and (max-width:767px){  button.box_btn, a.box_btn, a .box_btn{    padding:8px 15px;    font-size:1.3rem;  }  .box_btn.l{    padding:20px 40px;    font-size:1.4rem;  }}button.conversion_btn,a.conversion_btn,a .conversion_btn{  display:table;  max-width:100%;  min-width:350px;  margin:auto;  padding:20px 50px;  background-color:#2f4fa1;  border:2px solid #2f4fa1;  border-radius:8px;  text-decoration:none;  font-size:2.4rem;  line-height:1.5;  color:#fff;  font-weight:bold;  text-align:center}@media screen and (min-width:768px),print{  body.init a .conversion_btn{    transition:     color 0.2s ease-in-out,     background 0.2s ease-in-out,     border 0.2s ease-in-out,     opacity 0.2s ease-in-out;  }  button.conversion_btn:hover, a[href].conversion_btn:hover, a[href]:hover .conversion_btn{    background-color:#fff;    color:#2f4fa1;  }}@media screen and (max-width:767px){  button.conversion_btn, a.conversion_btn, a .conversion_btn{    min-width:0;    width:100%;    padding:18px 40px;    font-size:1.5rem;  }}.dot_li > li{  position:relative;  padding-left:1em}.dot_li > li::before{  content:"・";  position:absolute;  top:0;  left:0}.circle_li > li{  position:relative;  padding-left:1.1em}.circle_li > li::before{  content:"●";  position:absolute;  top:0;  left:0;  color:#005f8b;  transform-origin:0;  transform:scale(0.8)}.parentheses_li > li{  position:relative;  padding-left:2.8em}.parentheses_li > li > span:first-child{  position:absolute;  top:0;  left:0}.parentheses_li_h > li{  position:relative;  padding-left:1.6em}.parentheses_li_h > li > span:first-child{  position:absolute;  top:0;  left:0}.parentheses_li_hh > li{  position:relative;  padding-left:2.2em}.parentheses_li_hh > li > span:first-child{  position:absolute;  top:0;  left:0}.point_li > li{  position:relative;  padding-left:1.2em}.point_li > li > span:first-child{  position:absolute;  top:0;  left:0}.square_li > li{  position:relative;  padding-left:0.8em}.square_li > li::before{  content:"";  position:absolute;  left:0;  top:0.8em;  width:5px;  height:5px;  background-color:#14143c}@media screen and (max-width:767px){  .square_li > li::before{    top:0.6em;  }}.num_li{  margin-left:1.8em;  list-style:decimal}.alphabet_li{  margin-left:1.8em;  list-style:lower-latin}.mt_li > li + li{  margin-top:0.8em}@media screen and (max-width:767px){  .sp_mt_li > li + li{    margin-top:0.8em;  }}.inline_li > li{  display:inline-block;  margin-right:0.3em}.entry_cat{  display:inline-block;  min-width:130px;  padding:4px;  background-color:#e6f4fe;  font-weight:bold;  color:#2f4fa1;  font-size:1.2rem;  line-height:1.6;  text-align:center;  border-radius:4px;  border:1px solid #2f4fa1}@media screen and (max-width:767px){  .entry_cat{    min-width:100px;    padding:3px;    font-size:1rem;  }}.entry_tag{  display:inline-block;  padding:4px 10px;  border:1px solid;  border-radius:4px;  font-size:1.2rem;  line-height:1.6;  text-align:center;  color:#2f4fa1}@media screen and (max-width:767px){  .entry_tag{    padding:1px 5px;    font-size:1rem;  }}.new_ico{  display:block;  width:64px;  margin:0 !important;  padding:2px !important;  background-color:#fff;  border:1px solid;  font-size:1.2rem;  line-height:1.5;  color:#dd3700;  font-weight:bold;  text-align:center}@media screen and (max-width:767px){  .new_ico{    padding:2px !important;    font-size:1.1rem;  }}.news_list a{  position:relative;  display:block;  padding:20px 0;  border-bottom:2px dotted #e6e6e6;  text-decoration:none;  font-size:1.8rem;  line-height:1.6}.news_list a::after{  content:"";  display:table;  clear:both}.news_list a span{  display:inline-block}.news_list a .date{  color:#000;  font-weight:bold;  font-size:1.8rem}.news_list a .entry_tag{  margin-left:20px}.news_list a .entry_tag + .entry_tag{  margin-left:10px}.news_list a .title{  display:block}@media screen and (min-width:768px),print{  .news_list a.has_new{    min-height:100px;  }  .news_list a .date{    float:left;  }  .news_list a .date ~ *{    display:block;    margin-left:10em;    padding-top:2px;  }  .news_list a .title{    display:block;  }  .news_list a[href]:hover .title{    text-decoration:underline;  }  .news_list a .title ~ *{    margin-top:15px;  }  .news_list a .new_ico{    position:absolute;    left:0;    top:60px;  }}@media screen and (max-width:767px){  .news_list a{    padding:15px 0;    font-size:1.6rem;  }  .news_list a .date{    margin-right:10px;    font-size:1.4rem;  }  .news_list a .date ~ *{    display:block;  }  .news_list a .date ~ .new_ico{    display:inline-block;  }  .news_list a .entry_tag{    margin-left:5px;  }  .news_list a .entry_tag + .entry_tag{    margin-left:3px;  }  .news_list a .title{    margin-top:10px;    margin-bottom:10px;  }}.pager{  display:flex;  justify-content:center;  flex-wrap:wrap;  margin-top:60px;  padding:30px 0;  background-color:#f7f7f7;  border-radius:4px;  font-size:1.4rem}.pager a{  position:relative;  display:block;  width:32px;  height:32px;  margin:5px;  text-align:center;  background-color:#fff;  border:1px solid #2f4fa1;  border-radius:4px;  color:#2f4fa1;  line-height:30px;  text-decoration:none;  font-weight:700}.pager a.current{  background-color:#2f4fa1;  color:#fff}.pager .prev,.pager .next{  border:0;  background:none !important;  color:#2f4fa1 !important}.pager .prev::before,.pager .next::before{  content:"";  position:absolute;  top:50%;  right:50%;  width:10px;  height:10px;  margin-right:-5px;  border-top:2px solid;  border-right:2px solid;  transform-origin:100% 0;  transform:rotate(45deg)}.pager .prev{  transform:rotate(180deg)}@media screen and (min-width:769px),print{  .pager a:hover{    background-color:#2f4fa1;    color:#fff;  }  .pager .prev:hover::before, .pager .next:hover::before{    margin-right:-7px;  }}@media screen and (max-width:768px){  .pager{    margin-top:40px;    padding:20px 10px;  }  .pager a{    margin:2px;  }}.change_block{  position:relative;  overflow:hidden}.change_block > *.hide{  position:absolute;  top:-9999em;  left:-9999em;  opacity:0}.change_block::before{  content:"";  position:absolute;  top:0;  right:0;  left:0;  bottom:0;  background-color:#fff;  opacity:0;  pointer-events:none;  z-index:10}.change_block.loading::before{  pointer-events:auto;  opacity:1;  transition:none !important}body.init .change_block::before{  transition:opacity 0.2s}.entry_body{}.entry_body::after{  content:"";  display:table;  clear:both}.entry_body > * + *{  margin-top:1.5em}@media screen and (min-width:769px),print{  .entry_body{    width:740px;    margin:auto;  }}@media screen and (max-width:768px){}.entry_sns{  margin-top:80px;  display:flex;  align-items:flex-start;  line-height:1}.entry_sns li + li{  margin-left:10px}.entry_sns .fb_iframe_widget > span{}@media screen and (min-width:769px),print{  .entry_sns{    width:740px;    margin-left:auto;    margin-right:auto;  }}@media screen and (max-width:768px){  .entry_sns{    margin-top:40px;  }  .entry_sns li + li{    margin-left:5px;  }}.conversion_block{  padding:70px 0;  background-color:#f7f7f7;  border-top:2px solid #fff;  border-bottom:2px solid #fff;  text-align:center}#container .conversion_block h2{  margin-bottom:30px;  font-size:2.4rem;  line-height:1.5;  text-align:center;  font-weight:bold}.conversion_block .contents{  margin-top:60px;  font-weight:bold}.conversion_block .contents dt{  margin-bottom:25px}.conversion_block .contents dt img{  display:block;  margin:0 auto 10px}.conversion_block .contents dd a{  display:inline-block;  padding:5px 20px;  background-color:#2f4fa1;  border:1px solid #2f4fa1;  border-radius:8px;  color:#fff;  font-weight:bold;  text-decoration:none;  line-height:1.5}@media screen and (min-width:769px),print{  .conversion_block .contents{    display:flex;  }  .conversion_block .contents > *{    width:100%;    padding:10px 0 25px;  }  .conversion_block .contents > * + *{    border-left:1px solid #cccccc;  }  .conversion_block .contents dd a:hover{    background-color:#fff;    color:#2f4fa1;  }}@media screen and (max-width:768px){  .conversion_block{    padding:40px 0;  }  .conversion_block > *{    padding:0 4vw;  }  .conversion_block h2{    margin-bottom:15px;    font-size:1.8rem;  }  .conversion_block .contents{    margin-top:10px;    display:flex;    flex-wrap:wrap;    justify-content:space-between;  }  .conversion_block .contents > *{    width:50%;  }  .conversion_block .contents > *:first-child{    width:100%;    padding-bottom:20px;    margin-bottom:20px;    border-bottom:1px solid #cccccc;  }  .conversion_block .contents > *:first-child ~ * + *{    border-left:1px solid #cccccc;  }  .conversion_block .contents > *:nth-child(2){    padding-right:10px;  }  .conversion_block .contents > *:nth-child(3){    padding-left:10px;  }  .conversion_block .contents dt{    margin-bottom:5px;  }  .conversion_block .contents dd a{    width:100%;    max-width:50vw;    padding:8px 0;  }}@media screen and (max-width:370px){  .conversion_block > *{    padding:0 3vw;  }  .conversion_block .contents > *:nth-child(2){    padding-right:6px;  }  .conversion_block .contents > *:nth-child(3){    padding-left:6px;  }  .conversion_block .contents dd a{    font-size:1.2rem;  }}.index_en_title{  margin-bottom:65px;  font-size:3.2rem;  line-height:1.5;  text-align:center}.index_en_title .ff_en{  margin-bottom:10px;  font-size:1.6rem;  font-weight:700;  color:#9da7ae}@media screen and (max-width:767px){  .index_en_title{    margin-bottom:40px;    font-size:2.4rem;  }  .index_en_title .ff_en{    margin-bottom:6px;    font-size:1.6rem;  }}.index_news_block{  margin-top:60px}.index_news_block section{  margin-bottom:120px}@media screen and (max-width:767px){  .index_news_block section{    margin-bottom:80px;  }}.index_news_block .tab{  position:relative;  margin-bottom:20px;  display:flex}.index_news_block .tab::after{  content:"";  position:absolute;  right:0;  left:0;  bottom:0;  border-bottom:2px solid #2f4fa1}.index_news_block .tab li{  position:relative;  width:100%;  z-index:2}.index_news_block .tab li + li{  margin-left:15px}.index_news_block .tab a{  position:relative;  display:flex;  align-items:center;  justify-content:center;  height:50px;  padding-bottom:2px;  background-color:#55b2f3;  border:2px solid #55b2f3;  border-bottom-width:0;  border-radius:10px 10px 0 0;  text-align:center;  text-decoration:none;  color:#fff}.index_news_block .tab a::after{  content:"";  position:absolute;  right:-2px;  left:-2px;  bottom:0;  border-bottom:2px solid #2f4fa1}.index_news_block .tab a:hover{  background-color:#fff;  color:#55b2f3}.index_news_block .tab a.active{  background-color:#fff;  border-color:#2f4fa1;  color:#2f4fa1}.index_news_block .tab a.active::after{  opacity:0}.index_news_block .index_event .news_list ul{  border-top:1px dotted #e6e6e6}@media screen and (min-width:768px),print{  .index_news_block .index_news .news_list{    position:relative;    overflow:hidden;  }  .index_news_block .index_news .news_list > *{    position:absolute;    top:-9999em;    left:-9999em;    opacity:0;    width:100%;  }  .index_news_block .index_news .news_list > *.active{    position:static;    opacity:1;    transition:opacity 0.4s;  }}@media screen and (max-width:767px){  .index_news_block .index_news .news_list > *{    display:none;  }  .index_news_block .index_news .news_list > *[data-news="all"]{    display:block;    border-top:1px dotted #e6e6e6;  }}.index_news_block .more{  margin-top:50px}@media screen and (max-width:767px){  .index_news_block .more{    margin-top:40px;  }}.news_detail{  padding-top:130px}.news_detail > header{  margin-bottom:50px;  padding-bottom:30px;  border-bottom:1px solid #707070}.news_detail > header time{  display:block;  font-weight:bold;  font-size:2.4rem;  line-height:1.5}.news_detail > header h1{  margin:20px 0 80px;  font-size:3.6rem;  line-height:1.5;  font-weight:normal}.news_detail > header .entry_tag{  margin-left:15px}.news_detail > header .entry_tag + .entry_tag{  margin-left:10px}@media screen and (max-width:767px){  .news_detail{    padding-top:60px;  }  .news_detail > header{    margin-bottom:40px;    padding-bottom:20px;  }  .news_detail > header time{    font-size:1.5rem;  }  .news_detail > header h1{    margin:15px 0 40px;    font-size:2.4rem;    line-height:1.5;    font-weight:normal;  }  .news_detail > header .entry_tag{    margin-left:10px;  }  .news_detail > header .entry_tag + .entry_tag{    margin-left:5px;  }}.news_detail .latest_news{  position:relative;  margin-top:60px;  padding-top:30px}.news_detail .latest_news::before{  content:"";  position:absolute;  top:0;  left:0;  width:64px;  border-top:1px solid #2f4fa1}.news_detail .latest_news h2{  padding-bottom:40px;  font-size:2.4rem;  line-height:1.5;  border-bottom:1px solid #ccc}.news_detail .back_link{  margin-top:50px}@media screen and (max-width:767px){  .news_detail .latest_news{    margin-top:50px;  }  .news_detail .latest_news::before{    width:42px;  }  .news_detail .latest_news h2{    padding-bottom:20px;    font-size:1.8rem;  }}.case_nav{  display:block}.case_nav .parent_category a{  position:relative;  width:160px;  justify-content:flex-start;  padding:0 50px 0 1.5em;  border-radius:10px}.case_nav .parent_category a::before{  content:"";  position:absolute;  bottom:50%;  right:20px;  width:8px;  height:8px;  margin-bottom:-2px;  border-bottom:2px solid;  border-right:2px solid;  transform-origin:50%;  transform:rotate(45deg)}body.init .case_nav .parent_category a::before{  transition:transform 0.3s}.case_nav .parent_category a.current::before{  transform:translateY(5px) rotate(225deg)}.case_nav .sub_category{  position:relative;  top:10px;  height:0;  overflow:hidden}.case_nav .sub_category > *{  background-color:#fff;  border-radius:8px}.case_nav .sub_category ul{  width:100%;  position:absolute;  top:-9999em;  left:-9999em;  padding:10px;  opacity:0;  pointer-events:none}.case_nav .sub_category ul.show{  position:static;  opacity:1;  pointer-events:auto}body.init .case_nav .sub_category{  transition:height 0.3s}body.init .case_nav .sub_category ul{  transition:opacity 0.3s}@media screen and (max-width:767px){  .case_nav .parent_category ul{    justify-content:space-between;  }  .case_nav .parent_category li{    width:calc(50% - 5px);    margin:0;  }  .case_nav .parent_category li:nth-child(2) ~ *{    margin-top:10px;  }  .case_nav .parent_category a{    width:100%;  }  .case_nav .sub_category ul{    justify-content:flex-start;  }}.case_list a{  display:block;  text-decoration:none;  color:#000}.case_list a .ph_wrap{  position:relative;  margin-bottom:10px;  border:1px solid #c7c7cd;  border-radius:8px;  overflow:hidden}.case_list a .ph{  position:relative;  padding-top:56.25%}.case_list a .case_cat{  position:absolute;  bottom:0;  left:0;  padding:5px 15px;  font-size:1.2rem;  line-height:1.5;  border-radius:0 8px 0 0}.case_list a h2,.case_list a h3{  font-weight:normal}.case_list a .title{  margin-top:5px;  font-size:2rem;  line-height:1.6;  color:#2f4fa1;  font-weight:bold}@media screen and (min-width:768px),print{  .case_list{    display:flex;    flex-wrap:wrap;    margin-left:-30px;  }  .case_list > *{    width:33.33%;    margin-bottom:50px;    padding-left:30px;  }  .case_list a:hover .title{    text-decoration:underline;  }}@media screen and (max-width:767px){  .case_list > *{    margin-bottom:30px;  }  .case_list a h2, .case_list a h3{    font-size:1.4rem;  }  .case_list a .title{    font-size:1.8rem;  }}.case_detail{  position:relative;  z-index:2}.case_detail .case_column_main > header{  position:relative;  background-color:#e9f6ff;  margin-bottom:50px}.case_detail .case_column_main > header h1{  margin-bottom:10px;  font-size:2.4rem;  line-height:1.5}.case_detail .case_column_main > header h1 span{  color:#1c87d9}.case_detail .case_column_main > header .title{  padding-bottom:50px;  padding-right:30px;  font-size:3.6rem;  line-height:1.5;  font-weight:normal}.case_detail .case_column_main > header::after{  content:"";  position:absolute;  bottom:0;  left:0;  right:30px;  border-top:2px solid #1c87d9}@media screen and (min-width:768px),print{  .case_detail::before{    content:"";    position:absolute;    top:0;    bottom:0;    right:0;    left:50%;    background-color:#f7f7f7;    z-index:-1;  }  .case_detail > .xw{    display:flex;    justify-content:space-between;  }  .case_detail .case_column_main{    width:770px;    padding-bottom:110px;    background-color:#fff;    border-right:2px solid #fff;  }  .case_detail .case_column_main > header{    padding-top:130px;  }  .case_detail .case_column_main > header::before{    content:"";    position:absolute;    top:0;    bottom:0;    right:0;    width:100vw;    background-color:#e9f6ff;    z-index:-1;  }  .case_detail .entry_body{    margin-left:0;  }  .case_detail .case_column_side{    position:relative;    width:320px;    padding-top:130px;    padding-bottom:110px;  }}@media screen and (max-width:767px){  .case_detail .case_column_main > header{    margin-bottom:30px;    padding-top:60px;  }  .case_detail .case_column_main > header h1{    margin-bottom:10px;    font-size:1.5rem;    line-height:1.5;  }  .case_detail .case_column_main > header .title{    padding-bottom:30px;    padding-right:0;    font-size:2.4rem;  }  .case_detail .case_column_main > header::after{    right:5vw;  }  .case_detail .case_column_side{    margin-top:30px;    padding:30px 0;    background-color:#f7f7f7;  }}.case_detail .campany_info .ph{  margin-bottom:15px;  text-align:center}.case_detail .campany_info .ph img{  max-width:100%;  height:auto}.case_detail .campany_info h2{  font-size:1.8rem;  line-height:1.6}.case_detail .campany_info .btns{  display:flex;  justify-content:space-between;  margin-top:30px}.case_detail .campany_info .btns li{  width:calc(50% - 5px)}.case_detail .campany_info .btns li a{  width:100%;  padding:10px 0;  font-size:1.2rem}.case_detail .campany_info .summary{  margin-top:30px;  width:100%;  font-size:1.4rem;  line-height:1.6}.case_detail .campany_info .summary th,.case_detail .campany_info .summary td{  vertical-align:middle;  border-top:2px solid #f7f7f7}.case_detail .campany_info .summary th{  width:90px;  padding:0.5em 0 0.5em 0.7em;  background-color:#2f4fa1;  color:#fff;  font-weight:bold;  font-size:1.2rem;  white-space:nowrap}.case_detail .campany_info .summary td{  padding:0.5em 1em;  background-color:#fff}.case_detail .campany_info .info{  position:relative;  margin-top:30px;  border-top:2px solid #ccc;  font-size:1.2rem;  line-height:1.6}.case_detail .campany_info .info::before{  content:"";  position:absolute;  top:-2px;  left:0;  width:90px;  border-top:2px solid #2f4fa1}.case_detail .campany_info .info dl{  display:flex;  justify-content:space-between;  padding:10px 0;  border-bottom:1px dotted #ccc}.case_detail .campany_info .info dt{  width:90px}.case_detail .campany_info .info dd{  width:calc(100% - 90px)}@media screen and (min-width:768px),print{  .case_detail .campany_info{    position:-webkit-sticky;    position:sticky;    top:100px;  }}@media screen and (max-width:767px){  .case_detail .campany_info h2{    font-size:1.6rem;  }  .case_detail .campany_info .btns{    margin-top:25px;  }  .case_detail .campany_info .btns li{    width:calc(50% - 3px);  }  .case_detail .campany_info .summary{    margin-top:25px;    font-size:1.3rem;  }  .case_detail .campany_info .summary th{    font-size:1.1rem;  }  .case_detail .campany_info .info{    margin-top:25px;  }}.other_case_list{  padding:70px 0 90px;  background-color:#e6f5ff}.other_case_list h2{  margin-bottom:40px;  font-size:2.4rem;  line-height:1.5;  text-align:center}.other_case_list .back_link{  margin-top:20px}@media screen and (max-width:767px){  .other_case_list{    padding:40px 0 50px;  }  .other_case_list h2{    margin-bottom:20px;    font-size:1.8rem;  }  .other_case_list .back_link{    margin-top:40px;  }}.usecase_list_wrap section{  margin-bottom:80px}.usecase_list_wrap section:last-child{  margin-bottom:0}.usecase_list a{  display:block;  text-decoration:none;  color:#000;  font-size:1.2rem}.usecase_list a .ph_wrap{  position:relative}.usecase_list a .ph{  position:relative;  margin-bottom:10px;  padding-top:56.25%;  background-color:#fff;  border:1px solid #c7c7cd;  border-radius:8px}.usecase_list a .ph > span{  position:absolute;  left:0;  top:0;  width:100%;  height:100%}.usecase_list a .ph img{  position:absolute;  top:50%;  left:50%;  max-width:90%;  max-height:90%;  transform:translate(-50%,-50%)}.usecase_list a .company{  font-size:1.6rem}.usecase_list a h2,.usecase_list a h3{  margin-top:5px;  margin-bottom:20px;  font-size:2rem;  line-height:1.6;  color:#2f4fa1;  font-weight:bold}@media screen and (min-width:768px),print{  .usecase_list{    display:flex;    flex-wrap:wrap;    margin-left:-30px;  }  .usecase_list > *{    width:33.33%;    margin-bottom:50px;    padding-left:30px;  }  .usecase_list a .ph::after{    content:"";    position:absolute;    top:-1px;    right:-1px;    bottom:-1px;    left:-1px;    border:2px solid #2f4fa1;    border-radius:8px;    opacity:0;  }  body.init .usecase_list a .ph::after{    transition:opacity 0.2s ease-in-out;  }  .usecase_list a:hover .ph::after{    opacity:1;  }  .usecase_list a:hover .title{    text-decoration:underline;  }}@media screen and (max-width:767px){  .usecase_list > *{    margin-bottom:30px;  }  .usecase_list a .company{    font-size:1.4rem;  }  .usecase_list a h2, .usecase_list a h3{    margin-bottom:10px;    font-size:1.8rem;  }}.usecase_detail{  padding-bottom:120px}.usecase_detail .usecase_title{  margin-bottom:60px;  padding-top:120px;  background-color:#e9f6ff;  font-size:2rem;  line-height:1.6}.usecase_detail .usecase_title .company{  font-size:2.4rem;  font-weight:bold}.usecase_detail .usecase_title h1{  margin-top:10px;  padding-bottom:40px;  font-size:3.6rem;  line-height:1.5;  font-weight:normal}.usecase_detail .usecase_title > *::after{  content:"";  display:block;  margin-top:30px;  border-top:2px solid #1c87d9}@media screen and (max-width:767px){  .usecase_detail{    padding-bottom:60px;  }  .usecase_detail .usecase_title{    margin-bottom:30px;    padding-top:60px;    font-size:1.4rem;  }  .usecase_detail .usecase_title .company{    font-size:1.5rem;    line-height:1.5;  }  .usecase_detail .usecase_title h1{    margin-top:10px;    padding-bottom:20px;    font-size:2.4rem;  }  .usecase_detail .usecase_title > *::after{    margin-top:20px;    margin-left:-6vw;    border-top:2px solid #1c87d9;  }}@media screen and (min-width:768px),print{  .download_nav ul{    width:540px;  }}.download_block a{  position:relative;  display:block;  padding:45px;  border:1px solid #c7c7cd;  text-decoration:none;  color:#000;  font-size:1.4rem;  line-height:1.8}.download_block a h2{  margin-bottom:30px;  font-size:2rem;  line-height:1.5;  color:#2f4fa1}.download_block a .img img{  max-width:100%;  border:1px solid #dedede}@media screen and (min-width:768px),print{  .download_block{    display:flex;    flex-wrap:wrap;    margin-left:-15px;  }  .download_block > *{    width:calc(50% - 15px);    margin-left:15px;    margin-bottom:30px;  }  .download_block a{    padding-bottom:120px;    height:100%;  }  .download_block a .btn{    position:absolute;    bottom:45px;    right:45px;  }  .download_block a::before{    content:"";    position:absolute;    top:-1px;    right:-1px;    left:-1px;    bottom:-1px;    border:3px solid #2f4fa1;    opacity:0;  }  .download_block a[href]:hover::before{    opacity:1;  }  .download_block a .img{    float:left;    width:50%;    text-align:center;  }  .download_block a .img ~ *{    margin-left:calc(50% + 20px);  }}@media screen and (max-width:767px){  .download_block > *{    margin-bottom:25px;  }  .download_block a{    padding:20px 20px 25px;    font-size:1.3rem;  }  .download_block a h2{    margin-bottom:20px;    font-size:1.8rem;  }  .download_block a .img{    margin-bottom:15px;    text-align:center;  }  .download_block a .btn{    width:90%;    margin-top:20px;  }}.module_block{  margin:60px auto 0}.module_block img{  max-width:100%;  height:auto}.module_block > * + *{  margin-top:2em}.module_block h2{  margin-top:3em;  margin-bottom:2em;  font-size:3.2rem;  line-height:1.5;  font-weight:normal}.module_block h3{  position:relative;  margin-bottom:1.5em;  padding-left:15px;  border-left:6px solid #1c87d9;  font-size:2.4rem;  line-height:1.5}.module_block h3 .s{  display:block;  font-size:70%}.module_block h4{  position:relative;  margin-bottom:1em;  font-size:2rem;  line-height:1.6}.module_block h2:first-child,.module_block h3:first-child,.module_block h4:first-child{  margin-top:0 !important}.module_block li{  position:relative;  margin-left:1.8em;  margin-top:1em;  line-height:1.8}.module_block ul li::before{  content:"";  position:absolute;  top:0.8em;  left:-1em;  width:6px;  height:6px;  border-radius:100%;  background-color:#1c87d9}.module_block ol{  list-style:decimal}.module_block hr{  margin:40px 0;  border:0;  border-top:1px solid #cfcfcf}.module_block .movie{  position:relative;  padding-top:56.25%}.module_block .movie iframe{  position:absolute;  top:0;  left:0;  width:100%;  height:100%}.module_block .code_title + .prettyprint{  margin-top:0}.module_block .prettyprint ol{  padding-left:40px;    white-space:pre-wrap}.module_block .prettyprint li{  margin:0}@media screen and (max-width:767px){  .module_block{    margin-top:40px;  }  .module_block h2{    margin-top:2em;    margin-bottom:1.5em;    font-size:2.4rem;  }  .module_block h3{    padding-left:12px;    border-left-width:4px;    font-size:1.8rem;  }  .module_block h4{    font-size:2rem;      }}.module_block .bdt_title{  margin-top:120px}@media screen and (max-width:767px){  .module_block .bdt_title{    margin-top:60px;  }}.module_block table{  position:relative;  width:100% !important;  line-height:1.6;  font-size:1.6rem;  }.module_block table::before{  content:"";  position:absolute;  top:0;  right:0;  left:0;  border-top:1px solid #2f4fa1}.module_block table tr{  border-bottom:1px dotted #ccc}.module_block table th,.module_block table td{  padding:15px 20px;  vertical-align:top}.module_block table th{  font-weight:bold;  background-color:#e9f6ff}.module_block table th + th{  border-left:1px solid #fff}.module_block table td + td{  border-left:1px dotted #e1e1e1}.module_block table thead th{  background-color:#2f4fa1;  color:#fff}.module_block table.th30 th:first-child{  width:30%}@media screen and (max-width:767px){  .module_block .table_wrap::after{    content:"← 左右にスクロールできます →";    display:block;    margin:3px 0 0;    padding:3px;    background-color:#f2f2f2;    text-align:center;    font-size:1rem;  }  .module_block .table_wrap > *{    position:relative;    overflow:auto;    -webkit-overflow-scrolling:touch;  }  .module_block .table_wrap table{    width:700px !important;  }  .module_block table{    font-size:1.2rem;  }  .module_block table th, .module_block table td{    padding:12px 15px;  }}.ph_column{  margin:60px 0}h2 + .ph_column,h3 + .ph_column,h4 + .ph_column{  margin-top:0}.ph_column .img img{  border:1px solid #cccccc}.ph_column .img .caption{  display:block;  margin-top:10px;  font-size:80%;  line-height:1.6}.ph_column .text * + *{  margin-top:2em}@media screen and (min-width:768px),print{  .ph_column{    display:flex;    justify-content:space-between;  }  .ph_column.ph-l{    flex-direction:row-reverse;  }  .ph_column > *{    width:calc(50% - 20px);  }  .ph_column .img{    width:100%;    max-width:542px;  }  .article .ph_column .img{    width:calc(50% - 10px);  }}@media screen and (max-width:767px){  .ph_column{    margin:40px 0;  }  .ph_column > * + *{    margin-top:2em;  }}.column2_block{}@media screen and (min-width:768px),print{  .column2_block{    display:flex;    justify-content:space-between;  }  .column2_block > *{    width:calc(50% - 15px);  }}@media screen and (max-width:767px){  .column2_block > * + *{    margin-top:40px;  }}.number_column{  margin:60px 0;  font-size:1.6rem;  }.number_column > *{  position:relative}.number_column .num{  position:absolute;  left:0;  color:#1c87d9;  font-size:6.4rem;  line-height:1;  transform:translateY(-50%);  font-style:italic;  z-index:3}.number_column .img{  position:relative;  padding-top:56.25%;  margin-bottom:25px}.number_column .img::before{  content:"";  position:absolute;  top:0;  left:0;  width:100%;  height:100%;  background-color:#e6f5ff;  border-radius:8px}.number_column .img > span{  position:absolute;  left:0;  top:0;  width:100%;  height:100%;  z-index:2}.number_column .img img{  position:absolute;  top:50%;  left:50%;  width:auto;  max-width:90%;  max-height:90%;  transform:translate(-50%,-50%)}.number_column h4{  margin-bottom:20px;  font-size:2rem;    text-align:center}@media screen and (min-width:768px),print{  .number_column{    display:flex;    margin-left:-30px;  }  .number_column > *{    width:33.33%;    padding-left:30px;  }  .number_column .num{    margin-left:20px;  }  .number_column h4{    display:flex;    justify-content:center;  }  .number_column h4 > span{    display:flex;    justify-content:center;    align-items:center;    min-height:3.2em;  }}@media screen and (max-width:767px){  .number_column{    margin:40px 0;    font-size:1.2rem;  }  .number_column > * + *{    margin-top:40px;  }  .number_column .num{    font-size:4.8rem;  }  .number_column .img{    margin-bottom:20px;  }  .number_column h4{    margin-bottom:15px;    font-size:1.5rem;  }}.feature_column{  margin:60px 0;  font-size:1.6rem;  }.feature_column + .feature_column{  margin-top:-20px}.feature_column h4{  margin-bottom:20px;  font-size:2.4rem;  text-align:center}@media screen and (min-width:768px),print{  .feature_column{    display:flex;    margin-left:-30px;    margin-right:-30px;  }  .feature_column > *{    width:33.33%;    padding:15px 30px 25px;  }  .feature_column > * + *{    border-left:1px solid #ccc;  }  .feature_column h4{    display:flex;    justify-content:center;  }  .feature_column h4 > span{    display:flex;    justify-content:center;    align-items:center;    min-height:3.2em;  }}@media screen and (max-width:767px){  .feature_column{    margin:40px 0;    font-size:1.2rem;  }  .feature_column + .feature_column{    margin-top:-40px;  }  .feature_column > *{    padding:25px 0;    border-top:1px solid #ccc;  }  .feature_column > * + *{  }  .feature_column .num{    font-size:4.8rem;  }  .feature_column .img{    margin-bottom:20px;  }  .feature_column h4{    margin-bottom:15px;    font-size:1.5rem;  }}.feature_column.has_img .img{  margin-bottom:20px;  text-align:center}.feature_column.has_img h4{  font-size:1.6rem}.feature_column.has_img h4 .s{  display:block;  margin-top:3px;  font-size:80%}@media screen and (max-width:767px){  .feature_column.has_img .img{    width:80%;    margin:0 auto 10px;  }  .feature_column.has_img h4{    font-size:1.4rem;  }}.qa_block{  position:relative;  overflow:hidden;  margin:60px 0;  border:1px solid #ccc;  border-radius:8px}.qa_block + .qa_block{  margin-top:-40px}.qa_block > h3{  position:relative;  margin:0;  padding:30px 80px 30px 95px;  border:0;  color:#2f4fa1;  font-size:1.6rem;  cursor:pointer}.qa_block > h3 .ico{  position:absolute;  top:50%;  left:0;  width:95px;  text-align:center;  font-size:200%;  line-height:1;  transform:translateY(-50%);  color:#1c87d9}.qa_block > h3::after{  content:"";  position:absolute;  top:50%;  right:40px;  width:12px;  height:12px;  margin-top:-8px;  border-bottom:4px solid;  border-right:4px solid;  transform:rotate(45deg)}body.init .qa_block > h3,body.init .qa_block > h3 .ico{  transition:   color 0.2s ease-in-out,   background 0.2s ease-in-out}body.init .qa_block > h3::after{  transition:transform 0.2s ease-in-out}.qa_block > h3.open{  background-color:#2f4fa1;  color:#fff}.qa_block > h3.open .ico{  color:#fff}.qa_block > h3.open::after{  transform:translateY(5px) rotate(225deg)}.qa_block > .a{  position:relative;  height:0}body.init .qa_block > .a{  transition:height 0.3s ease-in-out}.qa_block > .a > .ico{  position:absolute;  top:30px;  left:0;  width:95px;  padding:0;  text-align:center;  font-size:200%;  line-height:1;  color:#dd3700;  font-weight:bold}.qa_block > .a > *{  padding:30px 95px}.qa_block > .a > * > * + *{  margin-top:2em}@media screen and (min-width:768px),print{  .qa_block > h3:hover{    background-color:#2f4fa1;    color:#fff;  }  .qa_block > h3:hover .ico{    color:#fff;  }}@media screen and (max-width:767px){  .qa_block{    margin:40px 0;  }  .qa_block + .qa_block{    margin-top:-30px;  }  .qa_block > h3{    padding:15px 40px 15px 50px;    font-size:1.3rem;    line-height:1.7;  }  .qa_block > h3 .ico{    width:50px;    font-size:200%;  }  .qa_block > h3::after{    right:15px;    width:8px;    height:8px;    margin-top:-4px;    border-bottom-width:2px;    border-right-width:2px;  }  .qa_block > .a > .ico{    top:15px;    width:50px;  }  .qa_block > .a > *{    padding:15px 15px 15px 50px;  }}.module_block .news_list{  border-top:1px solid #ccc}.module_block .news_list li{  margin:0;  padding:0}.module_block .news_list li::before{  content:none}.module_block .case_list h3{  font-size:100%;  margin:0;  padding:0;  border:0;  line-height:2}.module_block .case_list li::before{  content:none}.module_block .conversion_block{  margin:120px 0}@media screen and (min-width:768px),print{  .module_block .conversion_block{    margin-left:-1000px;    margin-right:-1000px;  }}@media screen and (max-width:767px){  .module_block .conversion_block{    margin:60px -6vw;  }}@media screen and (min-width:768px),print{  .module_block.article{    max-width:740px;  }  .module_block.article h2{    margin-left:-130px;    margin-right:-130px;  }  .case_column_main .module_block.article h2{    margin-left:0;    margin-right:0;  }  .case_column_main .module_block.article{    margin-left:0;  }}@media screen and (max-width:767px){}.product_title{  padding:50px 0;  background-position:50%;  color:#fff;  font-size:1.4rem}.product_title .logo{  position:relative;  background-color:rgba(255,255,255,0.95);  border-radius:8px}.product_title .logo > span{  position:absolute;  left:0;  top:0;  width:100%;  height:100%}.product_title .logo img{  position:absolute;  top:50%;  left:50%;  max-width:80%;  max-height:80%;  transform:translate(-50%,-50%)}.product_title .text{  text-shadow:0 0 3px rgba(0,0,0,0.2)}.product_title .lead{  margin-bottom:10px;  font-weight:bold;  font-size:3.2rem;  line-height:1.5}.product_title .btn{  margin-top:30px}.product_title .btn a{  display:table;  max-width:100%;  min-width:210px;  padding:15px 20px;  background-color:#fff;  border:2px solid #fff;  border-radius:8px;  text-decoration:none;  font-weight:bold;  font-size:1.6rem;  line-height:1.5;  color:#2f4fa1;  text-align:center;  text-shadow:none}@media screen and (min-width:768px),print{  .product_title > *{    display:flex;    align-items:center;    justify-content:space-between;  }  .product_title .logo{    display:flex;    justify-content:center;    align-items:center;    width:450px;    height:320px;    background-color:rgba(255,255,255,0.95);    border-radius:8px;  }  .product_title .logo span{  }  .product_title .text{    width:450px;    padding-right:90px;  }  .product_title .btn a:hover{    background-color:#2f4fa1;    color:#fff;  }}@media screen and (max-width:767px){  .product_title{    background-size:auto 100%;    padding:30px 0 40px;    font-size:1.3rem;  }  .product_title .logo{    margin-bottom:15px;    padding-top:71.1%;  }  .product_title .lead{    font-size:2.6rem;  }  .product_title .btn{    margin-top:20px;  }  .product_title .btn a{    margin:auto;    font-size:1.5rem;  }}.product_conversion_block{  text-align:center}.product_conversion_block dt{  margin-bottom:20px;  font-weight:bold;  font-size:2rem;  }.product_conversion_block .text{  margin-bottom:40px;  font-size:1.6rem;  }@media screen and (min-width:768px),print{  .product_conversion_block{    display:flex;  }  .product_conversion_block > *{    width:100%;    padding:30px 0;  }  .product_conversion_block > * + *{    border-left:1px solid #cccccc;  }  .product_conversion_block .text{    min-height:4em;  }  .product_conversion_block .conversion_btn{    width:350px;  }}@media screen and (max-width:767px){  .product_conversion_block > *{    padding:30px 0;    border-top:1px solid #cccccc;  }  .product_conversion_block dt{    margin-bottom:10px;  }  .product_conversion_block .text{    margin-bottom:20px;    font-size:1.6rem;      }  .product_conversion_block .conversion_btn{    width:80%;  }}.relation_list{  position:relative;  z-index:1}.relation_list > *{  display:flex;  align-items:center;  justify-content:space-between}.relation_list .ico{  position:relative;  width:128px;  height:128px;  display:flex;  justify-content:center;  align-items:center}.relation_list .ico::before{  content:"";  position:absolute;  top:0;  left:0;  right:0;  bottom:0;  border-radius:8px;  background-color:#e6f5ff;  z-index:-1}.relation_list dl{  width:calc(100% - 160px)}.relation_list dt{  margin-bottom:15px;  font-weight:bold;  font-size:2rem;  line-height:1.5}.relation_list ul{  display:flex;  flex-wrap:wrap}.relation_list ul li{  padding:3px 0;  margin:0 1.5em 0 0}.relation_list ul li::before{  content:none}.relation_list a{  font-size:1.6rem;  }@media screen and (min-width:768px),print{  .relation_list{    display:flex;    justify-content:space-between;    flex-wrap:wrap;  }  .relation_list > *{    width:calc(50% - 15px);  }  .relation_list > *:nth-child(2) ~ *{    margin-top:30px;  }}@media screen and (max-width:767px){  .relation_list > * + *{    margin-top:15px;  }  .relation_list .ico{    width:100px;    height:100px;  }  .relation_list .ico img{    width:50px;  }  .relation_list dl{    width:calc(100% - 120px);  }  .relation_list dt{    margin-bottom:5px;    font-size:1.4rem;  }  .relation_list ul li{    padding:0;    margin:0 1em 0 0;  }  .relation_list a{    font-size:1.2rem;  }}.page_index{  position:relative;  max-width:600px;  margin:-95px auto 120px;  padding:20px 30px;  background-color:#fff;  border:1px solid #55b2f3;  border-radius:8px;  font-size:1.4rem;  z-index:2}.page_index dt{  margin-bottom:20px;  text-align:center;  font-size:2.4rem;  line-height:1.5}.page_index li a{  color:#000}@media screen and (max-width:767px){  .page_index{    margin:-80px auto 60px;    padding:15px 15px;    font-size:1.3rem;  }  .page_index dt{    margin-bottom:15px;    font-size:1.8rem;  }}.column_text > * + *{  margin-top:1.5em}@media screen and (min-width:768px),print{  .column_text{    columns:2;  }}.bd_box_column{  position:relative;  margin:60px 0;  background-color:#e9f6ff;  border:1px solid #7bc3f6;  border-radius:8px;  text-align:center}.bd_box_column > *{  position:relative;  padding:50px 20px}.bd_box_column dt{  margin-bottom:20px;  font-weight:bold;  font-size:2rem;  line-height:1.5}@media screen and (min-width:768px),print{  .bd_box_column{    display:flex;  }  .bd_box_column > *{    width:100%;  }  .bd_box_column > * + *::before{    content:"";    position:absolute;    top:-1px;    bottom:-1px;    left:0;    border-left:1px solid #fff;  }}@media screen and (max-width:767px){  .bd_box_column{    margin:40px 0;  }  .bd_box_column > *{    position:relative;    padding:25px 10px;  }  .bd_box_column > * + *::before{    content:"";    position:absolute;    top:0;    right:-1px;    left:-1px;    border-top:1px solid #fff;  }  .bd_box_column dt{    margin-bottom:15px;    font-size:1.5rem;  }}.guide_download_block{  margin-top:220px;  background-color:#f7f7f7}.guide_download_block > *{  position:relative;  padding:60px 0}.guide_download_block .title{  margin-bottom:20px;  font-weight:bold;  color:#1c87d9}.guide_download_block .lead{  font-weight:bold}.guide_download_block h2{  margin:0 0 30px}.guide_download_block .btn{  margin-top:50px}.guide_download_block .btn a{  width:100%}@media screen and (min-width:768px),print{  .guide_download_block{    margin-left:-1000px;    margin-right:-1000px;  }  .guide_download_block > *{    width:930px;  }  .guide_download_block .img{    position:absolute;    right:0;    top:-30px;  }  .guide_download_block .img ~ *{    position:relative;    z-index:2;  }}@media screen and (max-width:767px){  .guide_download_block{    margin:150px -6vw 0;  }  .guide_download_block > *{    padding:40px 0;  }  .guide_download_block .img{    margin-top:-100px;    margin-bottom:20px;    text-align:center;  }  .guide_download_block .img img{    width:80%;  }  .guide_download_block .title{    margin-bottom:10px;  }  .guide_download_block h2{    margin-bottom:20px;  }  .guide_download_block .btn{    margin-top:30px;  }}.page_inner_nav{  padding:15px 0;  background-color:#f7f7f7}.page_inner_nav:first-child{  margin-top:-58px}.page_inner_nav ul{  display:flex;  flex-wrap:wrap;  justify-content:center;  background-color:#fff;  border-radius:8px}.page_inner_nav ul li{  margin:0;  padding:0}.page_inner_nav ul li::before{  content:none}.page_inner_nav ul li a{  display:block;  padding:20px;  color:#000}@media screen and (min-width:768px),print{  .page_inner_nav{    margin-left:-1000px;    margin-right:-1000px;  }}@media screen and (max-width:767px){  .page_inner_nav{    margin-left:-6vw;    margin-right:-6vw;  }  .page_inner_nav:first-child{    margin-top:-38px;  }  .page_inner_nav ul{    padding:10px 0;  }  .page_inner_nav ul li a{    padding:5px 10px;    font-size:1.3rem;  }}.contact_box{  padding:45px;  border:1px solid #c7c7cd}.contact_box h3{  padding:0;  border:0;  font-size:2rem;  color:#2f4fa1}@media screen and (min-width:768px),print{  .contact_box .contents{    display:flex;    justify-content:space-between;  }  .contact_box .contents > *:first-child{    width:calc(100% - 360px);  }  .contact_box .contents .btn{    width:300px;  }  .contact_box .contents .btn a{    min-width:300px;  }}@media screen and (max-width:767px){  .contact_box{    padding:20px;    border:1px solid #c7c7cd;  }  .contact_box h3{    margin-bottom:20px;    font-size:1.8rem;  }  .contact_box .contents .btn{    margin-top:20px;  }}.module_block table{  height:200px}table{  width:100%}th,td{  height:100px;  vertical-align:middle;  padding:0 15px;  border:1px solid #ccc}.fixed01{  position:sticky;  top:70px;  color:#333;  background:#9cf;  &:before{    content:"";    position:absolute;    top:-1px;    left:-1px;    width:100%;    height:100%;    border:1px solid #ccc;  }}.fixed02{  position:sticky;  top:70px;  color:#333;  background:#9cf;  &:before{    content:"";    position:absolute;    top:-1px;    left:-1px;    width:100%;    height:100%;    border:1px solid #ccc;  }}.fixed03{  position:sticky;  top:70px;  color:#333;  background:#9cf;  &:before{    content:"";    position:absolute;    top:-1px;    left:-1px;    width:100%;    height:100%;    border:1px solid #ccc;  }}.fixed04{  position:sticky;  top:70px;  color:#333;  background:#9cf;  &:before{    content:"";    position:absolute;    top:-1px;    left:-1px;    width:100%;    height:100%;    border:1px solid #ccc;  }}.fixed05{  position:sticky;  top:70px;  color:#333;  background:#9cf;  &:before{    content:"";    position:absolute;    top:-1px;    left:-1px;    width:100%;    height:100%;    border:1px solid #ccc;  }}@media screen and (max-width:767px){  .fixed01{    position:static;  }  .fixed02{    position:static;  }  .fixed03{    position:static;  }  .fixed04{    position:static;  }  .fixed05{    position:static;  }}