@charset "utf-8";

.head_navi li:nth-child(2) > a:after{
  left: 0;
  right: 0;
}

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

.cathead{
    padding-top: 36px;
    padding-bottom: 51px;
}
.cathead .mainInner2{
  display: flex;
  align-items:center;
  justify-content:space-between;
  flex-direction: row-reverse;
}
.cathead_img{
    width: 41.67%;
    background: 50% no-repeat;
    background-size: cover;
}
.cathead_main{
    width: 55%;
}
.cathead_main_mes{
    margin: 0 0 51px;
    color: #9DADB9;
}
.cathead_main_link{
    display: inline-block;
}

/* ----------------------------------- */
.itemdata{
    padding-top: 56px;
    padding-bottom: 114px;
    background: #053660;
}
.itemdata .mainInner2{
  position: relative;
  z-index: 1;
}
.itemdata_cat_fix{
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    right: 0;
    height: 0;
}
.itemdata_cat{
    float: right;
    width: 185px;
}

.itemdata_cat_arrow{}

.itemdata_cat_ttl{}
.itemdata_cat_list{
    border-left: 1px solid #7C95AA;
}
.itemdata_cat_list li{
  position: relative;
  z-index: 1;
}
.itemdata_cat_list li + li{
  margin-top: 12px;
}
.itemdata_cat_list a{
  display: flex;
  align-items:center;
  margin: 0 0 0 30px;
  min-height: 40px;
}
.itemdata_cat_list a.on:before{
    content: '';
    position: absolute;
    top: 0;
    left: -1px;
    bottom: 0;
    border-left: 3px solid #0279ff;
}
.itemdata_cat_list_img{
  width: 25px;
  height: 40px;
  background: 50% no-repeat;
  background-size:contain;
  margin: 0 9px 0 0;
  display: block;
}
.itemdata_cat_list_name{
  flex: 1;
  color: #9DADB9;
  line-height: 1.3;
  transition: color 400ms ease;
}


.itemdata_cat_ttl{
    font-size: 18px;
    font-weight: 700;
    margin: 0 0 29px;
}
.itemdata_main{
    position: relative;
    z-index: 1;
    margin: 0 185px 0 0;
    padding-right: 34px;
}
.itemdata_main:before{
  content: "";
  z-index: 1;
  position: absolute;
  border-left:1px solid #7C95AA;
  top: 63px;
  bottom: 0;
  right:0;
  display: none;
}



.itemdata_main_ttl{
    font-size: 18px;
    font-weight: 700;
    margin: 0 0 29px;
}
.itemdata_list{
  display: flex;
  flex-wrap: wrap;
}
.itemdata_list li{
  width: 23.9%;
  margin-left: 1.46%;
}
.itemdata_list li:nth-child(4n+1){
  margin-left: 0;
}
.itemdata_list li:nth-child(n+5){
  margin-top: 50px;
}
.itemdata_list a{
  display: block;
}

.itemdata_list_img{
  padding-top: 100%;
  position: relative;
  z-index: 1;
  overflow: hidden;
  border: solid 3px #7C95AA;
  background: #fff;
}

.itemdata_list_img span{
  display: block;
  position: absolute;
  top: 5%;
  left: 5%;
  bottom: 5%;
  right: 5%;
  -moz-background-size:contain;
  background-size:contain;
  background-position: 50%;
  background-repeat: no-repeat;

  transition: transform 600ms cubic-bezier(.165,.84,.44,1);  
}
.itemdata_list_ttl{
    margin: 12px 0 0;
    font-size: 16px;
    line-height: 1.4;
}

.itemdata_new {}
.itemdata_new::before {
  content: "NEW!";
  position: absolute;
  top: 11px;
  left: 12px;
  width: 64px;
  height: 24px;
  background-color: #1479FC;
  color: #fff;
  font-size: 13px;
  text-align: center;
  line-height: 25px;
  border-radius: 15px;
  z-index: 1;
}
/* ----------------------------------- */

.itemdata_list_load{
  text-align: center;
  margin: 69px 0 0;
}

.itemdata_list_load .load_svg{
    position: relative;
    z-index: 1;
   animation: loading 2s infinite linear;    

}
.itemdata_list_load .load_svg .circle1{
  animation: loader 2s infinite;  
  stroke-dasharray: 125;        
}



@keyframes loading {
  from { transform: none; }
  to { transform: rotate(-360deg); }
}
@keyframes loader {
  from { stroke-dashoffset: -125; }
  to { stroke-dashoffset: 125; }
}

/* ----------------------------------- */
.other{
  padding-top: 66px;
  padding-bottom: 125px;
}
.other .mainInner2{}
.other_ttl{
  font-size: 18px;
  font-weight: 700;
  text-align: center;
  margin-bottom: 50px;
}
.other_main{
  display: flex;
  justify-content:space-between;
}
.other_box{
    width: 48.7%;
    padding: 304px 18px 0;
    position: relative;
    z-index: 1;
    display: block;
}

.other_box:before{
  content: "";
  position: absolute;
  z-index: -2;
  top: 0;
  bottom: 88px;
  left: 0;
  right: 0;

  opacity: 0.5;
    background-image: -moz-linear-gradient( 90deg, rgb(16,34,47) 0%, rgb(2,121,255) 76%);
    background-image: -webkit-linear-gradient( 90deg, rgb(16,34,47) 0%, rgb(2,121,255) 76%);
    background-image: -ms-linear-gradient( 90deg, rgb(16,34,47) 0%, rgb(2,121,255) 76%);

    transition: opacity 400ms ease;

}


.other_box2{}
.other_link{
  display: flex;
  align-items:center;
  justify-content:space-between;
}
.other_link_name{
    font-size: 32px;
    font-weight: 500;
    line-height: 1.2;
}
.other_main_img{
    position: absolute;
    z-index: 1;
}

.other_link:before{
  content: "";
  z-index: 5;
  position: absolute;
  
  background: 0 0 no-repeat;
  background-size: 100% auto;
  top:0;
  right:0;
  left: 0;
  margin: auto;
  transition: transform 600ms cubic-bezier(.165,.84,.44,1);
}



.other_box1 .other_link:before{
  background-image: url(../img/common/products_img1.png);
  width: 123px;
  height: 300px;
  top: 12px;
}
.other_box2 .other_link:before{
  background-image: url(../img/common/products_img2.png);
  width: 136px;
  height: 305px;
  top: 17px;
}
.other_box3 .other_link:before{
  background-image: url(../img/common/products_img3.png);
  width: 230px;
  height: 305px;
  top: -7px;
}



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

.products_inner{
    padding-right: 100px;
}

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

.products_mainv{
    padding-top: 29px;
    padding-bottom: 8px;
}
.products_mainv .mainInner2{}
.products_mainv_cat{
    margin: 0 0 16px;
}
.products_mainv_cat a{
    background: #0877ff;
    border-radius: 100px;
    /* font-size: 13px; */
    margin: 0 10px 0 0;
    padding: 0px 12px;
    position: relative;
    z-index: 10;
    overflow: hidden;
    display: inline-block;
    vertical-align: middle;
    line-height: 24px;
}
.products_mainv_ttl{
    font-size: 46px;
    line-height: 1.2;
}


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

.photos{
    padding-top: 55px;
    padding-bottom: 90px;
}
.photos .mainInner2{
  display: flex;
  justify-content:space-between;
}
.photos_main{
    width: 44.5%;
}
.photos_list{
  background: #fff;
}
.photos_list li{
  position: relative;
  z-index: 1;
  border: solid 3px #7C95AA;
}


.photos_list li a{
  display: block;
}
.photos_list li a[data-key="popup"]:before{
  content: "";
  z-index: 1;
  position: absolute;
  background: url(../img/common/icon_plas.svg) 0 0 no-repeat;
  width: 32px;
  height: 32px;
  bottom: 13px;
  right: 13px;
}
.photos_list li a[data-key="youtube"]:before{
  content: "";
  z-index: 1;
  position: absolute;
  background: url(../img/products/mv.svg) 0 0 no-repeat;
  background-size: 100%;
  width: 100px;
  height: 71px;
  top:0;
  bottom: 0;
  right:0;
  left: 0;
  margin: auto;
}




.photos_list_img{
  position: absolute;
  top: 5%;
  left: 5%;
  bottom: 5%;
  right: 5%;

  background: 50% 50% no-repeat;
  background-size: contain;
}
.photos_navi{
    display: flex;
    flex-wrap: wrap;
    margin-top: 8px;
}
.photos_navi li{
    width: 11.5%;
    margin-left: 1.13%;
    /* background: #fff; */
}
.photos_navi li:first-child{
  margin-left: 0;
}

.photos_navi a{
    display: block;
    background: 50% 50% no-repeat;
    background-size: contain;
    opacity: 0.5;
    background-color: #fff;
}

.photos_navi a.on{
    opacity: 1;
}


.photos_data{
    width: 48.7%;
}
.photos_edita{
    color: #9dadb9;
}
.photos_edita p{}
.photos_edita a{
    color: #9dadb9;
}
.photos_edita_link{
    margin: 65px 0 0;

    display: flex;
    justify-content:flex-end;
    font-size: 14px;
}
.photos_edita_link .arrow1{
  transform: rotate(90deg);
}

.photos_html{
  text-align: center;
  position: relative;
  z-index: 1;
}
.photos_html img{
  width: 100%;
}
.photos_html iframe{
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}


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

.features{
  background: #053660;
  padding-top: 75px;
  padding-bottom: 130px;
}
.features .mainInner2{}
.features_ttl{
    font-size: 18px;
    text-align: center;
    font-weight: 700;
    margin-bottom: 38px;
}

.features_list{

}
.features_list li{
  display: flex;
  align-items:flex-start;
  flex-direction: row-reverse;
}
.features_list li + li{
  margin-top: 82px;
}

.features_list_main{
    flex: 1;
}
.features_list_no{
    font-size: 20px;
    font-style: italic;
    color: #0279ff;
    border-bottom: #264966 solid 1px;
    position: relative;
    z-index: 1;
    margin: 0 0 24px;
}
.features_list_no:before{
  content: "";
  z-index: 1;
  position: absolute;
  background: #0279ff;
  width: 30px;
  height: 1px;
  bottom: -1px;
  left: 0;
}

.features_list_ttl{
    font-size: 30px;
    line-height: 1.4;
    margin: 0 0 18px;
}

.features_list_mes{color: #9dadb9;}


.features_list_tmb {
  width: 32.55%;
  margin: 7px 0 0 40px;
  width: 32.55%;
  flex-shrink: 0;
}
.features_list_img{
    background-size: cover;
}


.features_list li:nth-child(even){
  flex-direction: row;
}



.features_list li:nth-child(even) .features_list_tmb {
    margin: 7px 40px 0 0;

}

/* .features_list_tmb .features_list_no,
.features_list_tmb .features_list_ttl {
  display: none;
} */



/* ----------------------------------- */
.drawing{
    padding-top: 70px;
    padding-bottom: 123px;
}
.drawing .mainInner2{}

.drawing_box {
  /* display: flex;
  justify-content: center;
  align-items: flex-end; */
  position: relative;
  margin: 0 0 31px;
}
.drawing_txt {}
.drawing_btn {
  display: flex;
  justify-content: flex-end;
  margin-top: 8px;
}
.drawing_ttl{
    text-align: center;
    font-size: 18px;
    font-weight: 700;
    margin: 0 0 11px;
}
.drawing_mes{
    text-align: center;
    color: #9dadb9;
}

.drawing_imgs{
  display: flex;
  justify-content:center;
  margin: 0 0 42px;
}
.drawing_img{
  position: relative;
  z-index: 1;
  background: #fff;
  border: solid 3px #7C95AA;
  height: 350px;
}
.drawing_img + .drawing_img{margin-left: 1.6%;}
.drawing_img span{
  position: absolute;
  z-index: 1;
  top: 20px;
  left: 20px;
  right: 20px;
  bottom: 20px;
  background: 50% 50% no-repeat;
  background-size:contain;
}


.drawing_waku{
  position: relative;
  z-index: 1;
}
.drawing_waku:before{
  content: "";
  z-index: 20;
  position: absolute;
  border-left:1px solid #fff;
  background: #0f2231;
  width: 10px;
  top:0;
  bottom: 18px;
  right: 8px;
}
.drawing_waku:after{
  content: "";
  z-index: 20;
  position: absolute;
  border-top:1px solid #fff;
  background: #0f2231;
  height: 10px;
  left:0;
  bottom: 8px;
  right: 18px;
}

.drawing_table{
  overflow: auto;
  /* max-height: 369px; */
  scrollbar-color: #0279FF #707070;
  scrollbar-width: thin;
  -webkit-overflow-scrolling: auto;
}



.drawing_table::-webkit-scrollbar{
    width: 8px;
    background: #707070;
}
.drawing_table::-webkit-scrollbar:horizontal{
    height: 8px;
    background: #707070;
}
.drawing_table::-webkit-scrollbar-thumb{
    background: #0877ff;
}
.drawing_table::-webkit-scrollbar-thumb:horizontal{
    background: #0877ff;
}  


.drawing_table table{
  width: 100%;

}
.drawing_table td,
.drawing_table th{
  white-space: nowrap;
  text-align: center;
  background: #0f2231;
  padding: 7px 18px;
  position: relative;
  z-index: 1;
  height: 50px;
}
.drawing_table td:before,
.drawing_table th:before{
  content: "";
  z-index: -1;
  position: absolute;
  
  border-bottom:1px solid #fff;
  border-right:1px solid #fff;

  top:0;
  bottom: 0;
  right:0;
  left: 0;
}
.drawing_table th:before{
  border-right:1px solid #15314E;
  border-bottom: none;
}
.drawing_table td:first-child:before{
  border-left:1px solid #fff;
}


.drawing_table td{
}

.drawing_table thead tr {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 10;
}
.drawing_table tbody tr:nth-child(even) td{
  background: #173044;
}

.drawing_table th {
  background: #0279FF;
  height: auto;
}
.drawing_table th,
.drawing_table td {
  /* 横スクロール時に固定する */
  position: -webkit-sticky;
   position: sticky; 
  left: 0;
  z-index: 9;
  font-family: 'Noto Sans','san-serif';
}

.drawing_table th:nth-child(n+5),
.drawing_table td:nth-child(n+5){
  left: auto !important;
  position: relative;  
  z-index: 1;
}


.drawing_table th:nth-child(4):after,
.drawing_table td:nth-child(4):after{
  content: "";
  z-index: -1;
  position: absolute;
  
  border-left:1px solid #fff;

  top:0;
  bottom: 0;
  right:4px;
}
.drawing_table th:nth-child(4):after{
    border-left-color: #15314E;
}


.drawing_check{
  display: inline-block;
  width: 28px;
  height: 28px;
  vertical-align: top;
  cursor: pointer;
  position: relative;
  z-index: 1;
}

.drawing_check input{
  display: none;
}

.drawing_check span:before{
  content: "";
  z-index: 1;
  position: absolute;
  
  border:1px solid #636F78;
  top:0;
  bottom: 0;
  right:0;
  left: 0;
  border-radius: 100px;

}
.drawing_check span:after{
  content: '';
  position: absolute;
  z-index: 2;
  top: -4px;
  bottom: 0;
  right: 8px;
  width: 10px;
  height: 6px;
  margin: auto;
  border-top: 2px solid #636F78;
  border-right: 2px solid #636F78;
  transform: rotate(135deg);
}

.drawing_check input:checked + span:before {
  　border-color: #fff;
    background: #fff;      
}
.drawing_check input:checked + span:after {
  border-top-color: 2px solid #0279FF;
  border-right-color: 2px solid #0279FF;   
}
/* ----------------------------------- */
.item{
    background: #053660;
    padding-top: 62px;
    padding-bottom: 98px;
}
.item .mainInner2{}
.item_ttl{
    text-align: center;
    font-size: 18px;
    font-weight: 700;
    margin: 0 0 50px;
}
.item_list{
    display: flex;
    flex-wrap: wrap;
}
.item_list li{
    width: 23%;
    margin-left: 2.6%;
}
.item_list li:nth-child(4n+1){
  margin-left: 0;
}
.item_list a{}
.item_list_img{
    position: relative;
    z-index: 1;
    overflow: hidden;
    background: #fff;
    border: solid 3px #7C95AA;
    margin: 0 0 14px;
}
.item_list_img span{
    display: block;
    position: absolute;
    z-index: 1;
    top: 5%;
    left: 5%;
    right: 5%;
    bottom: 5%;
    -moz-background-size:contain;
    background-size:contain;
    background-repeat: no-repeat;
    background-position: 50%;

    transition: transform 600ms cubic-bezier(.165,.84,.44,1);
}
.item_list_ttl{
    line-height: 1.6;
}
.item_link{
  position: relative;
  z-index: 1;
  display: flex;
  justify-content:center;
  font-size: 14px;
  padding: 0 0 90px
}
.item_link_bg {
  background-color: #053660;
}
.item_link .arrow1{
    margin: 0 -7px 0 0; 
    transform: rotate(180deg);
}

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

.sns_fix{
    position: relative;
    z-index: 40;
    left: 0;
    right: 0;
    top: 54px;  
}
.sns_fix.on1 {
    position: fixed;
    top: 160px;
}
.sns_fix.on2 {
    position: relative;
}

.sns_fix .mainInner2{
    position: relative;
    z-index: 1;
     height: 0px; 
    pointer-events: none;
    text-align: right;
}
.sns_fix_box{
    display: inline-block;
    width: 34px;
    position: relative;
    z-index: 1;
    top: 0;
    right: 0;
}
.sns_fix_box a{
  display: block;
  pointer-events: auto;
  position: relative;
  z-index: 1;
}
.sns_fix_box a:before{
  content: "";
  z-index: 1;
  position: absolute;

  border:1px solid #fff;

  top:0;
  bottom: 0;
  right:0;
  left: 0;

  border-radius: 100px;
    transition: transform 600ms cubic-bezier(.165,.84,.44,1);
}

.sns_fix_box a + a{
  margin-top: 20px;
}
.sns_fix_ttl{
  text-align: center;
  font-size: 14px;
  margin: 0 -15px 8px;
}

.sns_fix_box a:hover:before{
  transform: scale(1.15);
}

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

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


.content_popup{
  visibility: hidden;
}
.content_popup.view {
  visibility: visible;
}
.content_popup_main{
  padding: 0 5%;
  position: absolute;
  z-index: 500;
  top: 0;
  left: 0;
  right: 0;
  opacity: 0;
  transition: opacity 400ms ease;
  -webkit-transition: opacity 400ms ease;
  -moz-transition: opacity 400ms ease;
}
.content_popup.on .content_popup_main{
  opacity: 1;

}


.content_popup_inner{
  box-shadow: 0px 4px 24px rgba(0, 0, 0, 0.08);
  max-width: 1070px;
  width: 100%;
  /* margin: 0 auto; */
  background: #243846;
  /* height: 200px; */
  /* border-radius: 40px; */
  /* position: relative; */
  position: absolute;
  left: 50%;
  right: 50%;
  transform: translateX( -50%);
  z-index: 1;
  padding: 39px 4.4%;
}
.content_popup_bg{
    position: fixed;
    z-index: 400;
    /* background: rgba(255,255,255,0.5); */
    background: rgba(15,15,15,0.5);
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    opacity: 0;
}

.content_popup.on .content_popup_bg{
    opacity: 1;
}

.content_popup_close{
  position: absolute;
  z-index: 1;
  right: -11px;
  top: -50px;
  width: 50px;
  height: 50px;
  /* background: #ff5a3c; */
  border-radius: 100px;
}
.content_popup_close span{
  display: none;
}
.content_popup_close:before,
.content_popup_close:after{
  content: "";
  z-index: 1;
  position: absolute;
  background: #ffffff;
  width: 31px;
  height: 1px;
  top:0;
  bottom: 0;
  right:0;
  left: 0;
  margin: auto;
  border-radius: 10px;
  transform: rotate(45deg);
}
.content_popup_close:before{
  transform: rotate(135deg);
}



@media screen and (min-width: 641px) {


  .products_link a:hover .products_link_bg:after{
    opacity: 1;
  }
  .item_list a:hover .item_list_img span{
    transform: scale(1.15);
  }
  .itemdata_list a:hover span{
    transform: scale(1.15);
}

  .other_box:hover:before{
    opacity: 0.8;
  }
  .itemdata_cat_list a:hover,
  .itemdata_cat_list a:hover .itemdata_cat_list_name{
    color: #0279ff;
  }

  .item_list a:hover,
  .itemdata_list a:hover{
      color: #0279ff;
  }


  a:hover .other_link:before{
      transform: scale(1.1);
  }


    
}

/*---------------------------------------------------------
	スマホ
---------------------------------------------------------*/
@media screen and (max-width: 640px) {  


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

  .cathead{
    padding-top: 40px;
    padding-bottom: 42px;
}
  .cathead .mainInner2{
    display: block;
}
  .cathead_img{
    width: auto;
    margin: 0 0 21px;
}
  .cathead_main{
    width: auto;
    padding: 0 16px;
}
  .cathead_main_mes{
    margin: 0 0 19px;
}
  .cathead_main_link{}

  /* ----------------------------------- */
  .itemdata{
    padding-top: 20px;
    padding-bottom: 38px;
    min-height: 0!important;
}
  .itemdata .mainInner2{}
  .itemdata_cat_fix{
    position: relative !important;
    top: 0 !important;
    height: auto;
    border-bottom: 1px solid #7C95AA;
    margin: 0 0 36px;
}
  .itemdata_cat{
    float: none;
    width: auto;
}
  .itemdata_cat_arrow{
    position: absolute;
    z-index: 1;
    bottom: 26px;
    right: 0;
    width: 20px;
    height: 36px;
    background: rgba(31,121,253,0.8);
    pointer-events: none;

    transition: opacity 400ms ease;

  }
  .itemdata_cat_arrow:before{
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    right: 7px;
    width: 5px;
    height: 5px;
    margin: auto;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    transform: rotate(45deg);
  }
  .itemdata_cat_slide.on .itemdata_cat_arrow{
    opacity: 0;
  }
  .itemdata_cat_sp_fix.on .itemdata_cat_slide{
    transition: none;
    opacity: 1;
    transform: translate(0, 0);
  }

  .itemdata_cat_ttl{}
  .itemdata_cat_slide{
    overflow-y: auto;
}  
  .itemdata_cat_list{
    display: table;
    border-left: none;
}
  .itemdata_cat_list li{
    display: table-cell;
}
  .itemdata_cat_list li + li{}
  .itemdata_cat_list a{
    display: block;
    text-align: center;
    margin: 0;
    padding: 0 13px 7px;
}
  .itemdata_cat_list a.on:before{
    border-left: none;
    border-bottom: 3px solid #0279ff;
    left: 0;
    bottom: 0;
    right: 0;
}
  .itemdata_cat_list_img{
    margin: 0 auto;
    width: 32px;
}
  .itemdata_cat_list_name{
    display: block;
    font-size: 12px;
}


  .itemdata_cat_ttl{
    font-size: 15px;
    margin: 0 0 6px;
}
  .itemdata_main{
    padding-right: 0;
    margin: 0;
}
  .itemdata_main:before{
    display: none;
}



  .itemdata_main_ttl{
    font-size: 15px;
    margin: 0 0 21px;
}
  .itemdata_list{}
  .itemdata_list li{
    width: 47.9%;
    margin-left: 4.2%;
}
  .itemdata_list li:nth-child(2n+1){
    margin-left: 0;
}
  .itemdata_list li:nth-child(n+3){
    margin-top: 33px;
}
  .itemdata_list a{}

  .itemdata_list_img{}

  .itemdata_list_img span{}
  .itemdata_list_ttl{
    font-size: 15px;
    margin: 5px 0 0;
}

.itemdata_cat_sp_fix{}
.itemdata_cat_sp_fix_in{}
.itemdata_cat_sp_fix.on .itemdata_cat_sp_fix_in{
  position: fixed;
  left: 0;
  right: 0;
  top: 66px;
  background: #053660;
  padding: 0 15px;
  border-bottom: #283C4D solid 1px;
}


.itemdata_new {}
.itemdata_new::before {
  top: 8px;
  left: 8px;
  width: 51px;
  height: 19px;
  font-size: 11px;
  line-height: 19px;
}


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

  .itemdata_list_load{
    margin: 26px 0 0;
}

  .itemdata_list_load .load_svg{}
  .itemdata_list_load .load_svg .circle1{}





  /* ----------------------------------- */
  .other{
    padding-top: 34px;
    padding-bottom: 64px;
}
  .other .mainInner2{}
  .other_ttl{
    font-size: 15px;
    margin-bottom: 29px;
}
  .other_main{
    display: block;
}
  .other_box{
    width: 100%;
    padding: 184px 18px 0;
}
  .other_box + .other_box{
    margin-top: 35px;
}

  .other_box:before{}

  .other_box:after {}

  .other_box2{}
  .other_link{
    align-items: flex-start;

  }
  .other_link .btn_arrow{
    display: inline-block;
    margin: 0 0 0;
}

  .other_link_name{
      font-size: 24px;
      font-weight: 500;
      line-height: 1.2;
      display: block;
  }

  .other_main_img{}

  .other_link:before{}
  .other_box1 .other_link:before{
    width: 79px;
    height: 197px;
    top: 12px;
}
  .other_box2 .other_link:before{
    width: 83px;
    height: 172px;
    top: 7px;
}
  .other_box3 .other_link:before{
    width: 140px;
    height: 305px;
    top: 1px;
}



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


  .products_inner{
    padding-right: 0;
}

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

  .products_mainv{}
  .products_mainv .mainInner2{}
  .products_mainv_cat{}
  .products_mainv_cat a{
}
  .products_mainv_ttl{
    font-size: 26px;
}


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

  .photos{
    padding-top: 33px;
    padding-bottom: 48px;
}
  .photos .mainInner2{
    display: block;
}
  .photos_main{
    width: auto;
}
  .photos_list{}
  .photos_list li{}


  .photos_list li a{}
  .photos_list li a[data-key="popup"]:before{}
  .photos_list li a[data-key="youtube"]:before{}




  .photos_list_img{}
  .photos_navi{
    margin-top: 11px;
}
  .photos_navi li{
    width: 23.2%;
    margin-left: 2.4%;
}
  .photos_navi li:first-child{}
  .photos_navi li:nth-child(4n+1){
    margin-left: 0;
  }
  .photos_navi li:nth-child(n+5){
    margin-top: 10px;
  }


  .photos_navi a{}

  .photos_navi a.on{}


  .photos_data{
    width: auto;
    margin-top: 26px;
}
  .photos_edita{
    line-height: 2.1;
}
  .photos_edita p{}
  .photos_edita a{}
  .photos_edita_link{
    margin: 20px 0 0;
}

  .photos_html{}
  .photos_html img{}
  .photos_html iframe{}


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

  .features{
    padding-top: 42px;
    padding-bottom: 70px;
}
  .features .mainInner2{}
  .features_ttl{
    font-size: 15px;
    text-align: left;
    margin-bottom: 20px;
}

  .features_list{}
  .features_list li{
    display: block;
}
  .features_list li + li{
    margin-top: 52px;
}

  .features_list_main{}
  .features_list_no{
    margin: 0 0 12px;
}
  .features_list_no:before{}


  .features_list_ttl{
    font-size: 26px;
    margin: 0 0 12px;
}
  .features_list_mes{
    line-height: 2.1;
}
  .features_list_tmb {
    width: auto;
    margin: 0 0 13px !important;
}

  /* .features_list_main .features_list_no,
  .features_list_main .features_list_ttl {
    display: none;
}
  .features_list_tmb .features_list_no,
  .features_list_tmb .features_list_ttl {
    display: block;
} */

  .features_list_img{}


  .features_list li:nth-child(even){}



  .features_list li:nth-child(even) .features_list_itmb {}



  /* ----------------------------------- */
  .drawing{
    padding-top: 37px;
    padding-bottom: 40px;
}
  .drawing .mainInner2{}


  .drawing_box{
    margin: 0 0 22px;
}
  .drawing_ttl{
    text-align: left;
    font-size: 15px;
}
  .drawing_mes{
    text-align: left;
}
  .drawing_btn {
    margin-top: 15px;
}

  .drawing_imgs{
    display: block;
    margin: 0 0 35px;
}
  .drawing_img{
    padding-top: 100%;
    height: auto;
  }
  .drawing_imgs .drawing_img.on{
    opacity: 0;
    transition: opacity 400ms ease;
  }  
  .drawing_img img{
    display: none;
  }
  .drawing_img + .drawing_img{
    margin: 15px 0 0;
}
  .drawing_img span{
    top: 10px;
    left: 10px;
    right: 10px;
    bottom: 10px;
}

  .drawing_imgs2{
    display: flex;
    justify-content:space-between;
    position: fixed;
    z-index: 30;
    opacity: 0;
    transition: opacity 400ms ease;
    top: 73px;
    left: 15px;
    right: 15px;
    
    visibility: hidden;
    -webkit-transition: -webkit-transform .2s, opacity .2s, visibility 0s .2s;
    transition: transform .2s, opacity .2s, visibility 0s .2s;
    opacity: 0;
  }
  .js-drawing_imgs2.on .drawing_imgs2{
    visibility: visible;
    -webkit-transition: -webkit-transform .4s, opacity .4s;
    transition: transform .4s, opacity .4s;
    opacity: 1;
  }
  .drawing_imgs2 .drawing_img{
    /* position: absolute; */
    /* z-index: 1; */
    /* left: 0; */
    /* bottom: 10px; */
    width: 49%;
    padding-top: 49%;
  }
  .drawing_imgs2 .drawing_img:nth-child(2){
    left: auto;
    right: 0;
    margin: 0;
  }
  

  
  .drawing_waku{}
  .drawing_waku:before{}
  .drawing_waku:after{}

  .drawing_table{
    /* max-height: 250px; */
}




  .drawing_table::-webkit-scrollbar{}
  .drawing_table::-webkit-scrollbar:horizontal{}
  .drawing_table::-webkit-scrollbar-thumb{}
  .drawing_table::-webkit-scrollbar-thumb:horizontal{}  


  .drawing_table table{}
  .drawing_table td,
  .drawing_table th{
    padding: 7px 13px;
}
  .drawing_table td:before,
  .drawing_table th:before{}
  .drawing_table th:before{}
  .drawing_table td:first-child:before{}


  .drawing_table td{}

  .drawing_table thead tr {}

  .drawing_table th {}
  .drawing_table th,
  .drawing_table td {
/*    position: -webkit-sticky !important;
    position: sticky !important;
    font-size: 12px;*/
    left: auto !important;
    position: relative;
    z-index: 1;      
  }

  .drawing_table th:nth-child(n+3),
  .drawing_table td:nth-child(n+3){
    left: auto !important;
    position: relative;
    z-index: 1;    
  }


  .drawing_table th:nth-child(4):after,
  .drawing_table td:nth-child(4):after{
    display: none;
  }
  .drawing_table th:nth-child(4):after{}



/*  .drawing_table th:nth-child(2):after,
  .drawing_table td:nth-child(2):after{
    content: "";
    z-index: -1;
    position: absolute;
    
    border-left:1px solid #fff;

    top:0;
    bottom: 0;
    right:4px;
  }*/
  .drawing_table th:nth-child(2):after{
      border-left-color: #15314E;
  }

/*
  .drawing_table th:nth-child(n+5),
  .drawing_table td:nth-child(n+5){
    left: auto !important;
    position: relative;  
    z-index: 1;
  }


  .drawing_table th:nth-child(4):after,
  .drawing_table td:nth-child(4):after{
    content: "";
    z-index: -1;
    position: absolute;
    
    border-left:1px solid #fff;

    top:0;
    bottom: 0;
    right:4px;
  }
  .drawing_table th:nth-child(4):after{
      border-left-color: #15314E;
  }
*/

  .drawing_check{}

  .drawing_check input{}

  .drawing_check span:before{}
  .drawing_check span:after{}

  .drawing_check input:checked + span:before {}
  .drawing_check input:checked + span:after {}
  /* ----------------------------------- */
  .item{
    padding-top: 38px;
    padding-bottom: 66px;
}
  .item .mainInner2{}
  .item_ttl{
    font-size: 15px;
    margin: 0 0 24px;
}
  .item_list{}
  .item_list li{
    width: 47.8%;
    margin-left: 4.4%;
}
  .item_list li:nth-child(2n+1){
    margin-left: 0;
  }

  .item_list li:nth-child(n+3){
    margin-top: 34px;
  }

  .item_list a{}
  .item_list_img{
    margin: 0 0 10px;
}
  .item_list_img span{}
  .item_list_ttl{
    line-height: 1.5;
}
  .item_link{
    padding: 0 0 60px;
  }
  .item_link .arrow1{}

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

  .sns_fix{
    display: none;
}
  .sns_fix.on1 {}
  .sns_fix.on2 {}

  .sns_fix .mainInner2{}
  .sns_fix_box{
    width: auto;
    display: flex;
    flex-wrap: wrap;
    display: flex;
    justify-content:center;
    margin: 37px 0 0;
}
  .sns_fix_box a{}
  .sns_fix_box a img{
    width: 50px;
    height: 50px;
}
  .sns_fix_box a:before{}

  .sns_fix_box a + a{
    margin: 0 0 0 7%;
}
  .sns_fix_ttl{
    width: 100%;
    margin: 0 0 14px;
}

  .sns_fix_box a:hover:before{}

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

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


  .content_popup{}
  .content_popup.view {}
  .content_popup_main{}
  .content_popup.on .content_popup_main{}


  .content_popup_inner{
    padding: 16px 3.4%;
}
  .content_popup_bg{}

  .content_popup.on .content_popup_bg{}

  .content_popup_close{}
  .content_popup_close span{}
  .content_popup_close:before,
  .content_popup_close:after{}
  .content_popup_close:before{}


}