@media (min-width: 768px){
.function_icon_list {
    margin: 0;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.function_icon_list li {
  width: calc(50% - 15px);
  margin: 0 0 60px 0;
  display: flex;
}
.function_icon_list .function_icon_img {
  margin-right: 30px;
  float: none;
}
.function_icon_list .function_icon_detail {
  float: none;
}
.function_icon_list .function_icon_detail dt {
  margin-bottom: 15px;
  font-size: 32px;
}
.function_icon_list .function_icon_detail dd {
  /* font-size: 19px; */
  line-height: 1.6;
}
}
.function_icon_list {
    margin: 0 0 1.5em 0;
}
.function_icon_list li {
    margin: 0 0 2.5em 0;
}

.function_icon_list .function_icon_img {
  float: left;
  width: 17.245%;
}
.function_icon_list .function_icon_detail {
    float: right;
    width: 78%;
}
.function_icon_list .function_icon_detail dt {
  line-height: 1;
  margin: 0 0 10px 0;
  color: #282828;
  font-size: 22.5px;
  font-weight: bold;
}
/* .function_icon_list .function_icon_detail dd {
    font-weight: 200;
} */
.function_example_wrap dd {
    line-height: 1.7;
}
.function_icon_list li:after {
  content: " ";
  display: block;
  clear: both;
}

@media screen and (max-width: 767px) {
  .l_content_read p{
    padding: 0 20px;
  }
}

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

grid

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

.grid_column_2col_type3{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  hanging-punctuation: allow-end;
  word-break: initial;
}
.grid_column_2col_type3{
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

  /*keim-feat*/
.grid_column_2col_type3.keim-feat{
  justify-content: space-between;
  padding: 5rem;
  background: #efefef;
}
.grid_column_2col_type3.keim-feat li.img-side{
  width: 30%;
}
  /*keim-feat*/

.grid_column_2col_type3 img {
  vertical-align: bottom;
}
.grid_column_2col_type3> .col-item {
  margin-bottom: 20px;
}

.grid_column_2col_type3 img {
  max-width: 100%;
  width: auto;
}

@media screen and (min-width: 768px) {
  .grid_column_2col_type3 > li,
  .grid_column_2col_type3 > .col-item {
    width: calc(100% / 2 - 30px);
    margin-right: 60px;
  }
  .grid_column_2col_type3 > li:nth-child(2n){
    margin-right: 0;
  }
  .grid_column_2col_type3 > li.img_full:nth-child(2n+1) {
    flex: 1;
    margin-left: calc(50% - 50vw);
  }
  .grid_column_2col_type3 > li.img_full:nth-child(2n)  {
    flex: 1;
    margin-right: calc(50% - 50vw);
  }
  .grid_column_2col_type3 > li > p:not(:last-child){
    margin-bottom: 40px;
  }
    /*keim-feat*/
  .grid_column_2col_type3.keim-feat li {
    width: 60%;
  }
  /*keim-feat*/
}
@media screen and (max-width: 767px) {
  .grid_column_2col_type3{
    display: flex;
  }
  .grid_column_2col_type3 > li{
    margin-top: 25px;
  }
  .grid_column_2col_type3 > li > p:not(:last-child){
    margin-bottom: 20px;
  }
  .grid_column_2col_type3.sort_order > li:nth-child(2n+1) {
    order:2;
  }
  .grid_column_2col_type3.sort_order > li:nth-child(2n) {
    order:1;
  }
    /*keim-feat*/
  .grid_column_2col_type3.keim-feat{
    padding: 1.5rem;
  }
  .grid_column_2col_type3.keim-feat li.img-side{
    width: inherit;
  }
    /*keim-feat*/
}


#ot-sdk-btn.ot-sdk-show-settings{
  position: relative;
  font-size: 15px;
  padding: 14px 30px 13px;
  margin-bottom: 20px;
  overflow: hidden;
  min-width: 120px;
  text-align: center;
  border: none;
}
#ot-sdk-btn.ot-sdk-show-settings:before {
  top: -10%;
  left: 120%;
  height: 120%;
  width: 150%;
}
#ot-sdk-btn.ot-sdk-show-settings:hover::before {
  left: -220%;
  -webkit-transition: all 1.2s;
  -o-transition: all 1.2s;
  transition: all 1.2s;
}
#ot-sdk-btn.ot-sdk-show-settings::before {
  content: "";
  position: absolute;
  z-index: 1;
  top: -10%;
  left: 120%;
  height: 120%;
  width: 150%;
  opacity: 0.15;
  background-color: #000;
  -webkit-transform: skew(-45deg) translateX(20px);
  -ms-transform: skew(-45deg) translateX(20px);
  transform: skew(-45deg) translateX(20px);
  -webkit-transform-origin: center;
  -ms-transform-origin: center;
  transform-origin: center;
}
#ot-sdk-btn.optanon-show-settings::before {
  left: -220%;
  -webkit-transition: all 2s;
  -o-transition: all 2s;
  transition: all 2s;
}
@media screen and (max-width: 767px){
#ot-sdk-btn.optanon-show-settings {
    width: 100%;
}
}
#cookie-policy-description, .ot-sdk-cookie-policy-group-desc,
#ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy table{
  font-size: 1.6rem;
}
h4.ot-sdk-cookie-policy-group{
  font-size: 2rem;
}