@charset "UTF-8";
/* mixin */
/* common */
html {
  height: 100%;
}

#containerw {
  width: 100%;
  overflow: hidden;
}

#taskalfa-pro-15000c {
  color: #282828;
  height: 100%;
  font-size: 1.6rem;
}

#taskalfa-pro-15000c p {
  line-height: 1.8;
 font-size: 1.6rem;
}

@media screen and (min-width: 320px) and (max-width: 767px) {
  #taskalfa-pro-15000c p {
    font-size: calc(28/750*100vw);
    line-height: 2.0;
    /* 28px */
  }
}

@media screen and (min-width: 768px) and (max-width: 1149px) {
  #taskalfa-pro-15000c p {
    font-size: calc(20/1150*100vw);
    /* 20px */
  }
}

@media screen and (min-width: 320px) and (max-width: 767px) {
  #container {
    position: relative;
    /*height: 100%;*/
  }
}

li,
ul {
  list-style: none;
}

h2 {
  margin-bottom: 0;
  padding-left: 0;
  letter-spacing: 0;
  border-left: none;
}

.br_sp {
  display: block;
}

@media screen and (min-width: 768px) and (max-width: 1149px) {
  .br_sp {
    display: none;
  }
}

@media only screen and (min-width: 1150px) {
  .br_sp {
    display: none;
  }
}

.br_pc {
  display: block;
}

@media screen and (min-width: 320px) and (max-width: 767px) {
  .br_pc {
    display: none;
  }
}

@media screen and (min-width: 768px) and (max-width: 1149px) {
  .mb--pc0 {
    margin-bottom: 0;
  }
}

@media screen and (min-width: 768px) and (max-width: 1149px) {
  .pb--pc0 {
    padding-bottom: 0;
  }
}

#taskalfa-pro-15000c .contents {
  margin: 0 auto;
  max-width: 1110px;
  width: 1110px;
  padding: 0 20px;
  box-sizing: border-box;
}

@media screen and (min-width: 320px) and (max-width: 767px) {
  #taskalfa-pro-15000c .contents {
    max-width: 100%;
    width: 100%;
    padding: 0 4.26vw;
  }
}

@media screen and (min-width: 768px) and (max-width: 1149px) {
  #taskalfa-pro-15000c .contents {
    max-width: 100%;
    width: 100%;
    padding: 0 calc(20/1150*100vw);
  }
}

.contents-wapper {
  width: 100%;
  max-width: 100%;
}

.topic-path-block {
  margin-bottom: 35px;
}

@media screen and (min-width: 320px) and (max-width: 767px) {
  .topic-path-block {
    position: absolute;
    top: calc(102vw + 40px);
    left: 0.8vw;
    margin-bottom: calc(84/750*100vw);
    width: 95%;
  }
}

@media screen and (min-width: 768px) and (max-width: 1149px) {
  .topic-path-block {
    top: calc(110vw + 40px);
  }
}

.topic-path {
  padding-left: 15px;
  padding-right: 15px;
  margin: 15px auto 0;
}

@media screen and (min-width: 768px) and (max-width: 1149px) {
  .topic-path {
    padding-left: 40px;
    padding-right: 30px;
  }
}

@media only screen and (min-width: 1150px) {
  .topic-path {
    margin: 15px auto 0;
    max-width: 1150px;
    font-size: 12px;
    padding-left: 40px;
    padding-right: 30px;
  }
}

/*　mainvisual　*/
.mainvisual-wapper {
  height: 470px;
  padding-bottom: 40px;
}

@media screen and (min-width: 320px) and (max-width: 767px) {
  .mainvisual-wapper {
    height: 126vw;
    padding-bottom: 0;
    padding-top: 23vw;
  }
}

@media screen and (min-width: 768px) and (max-width: 1149px) {
  .mainvisual-wapper {
    height: 37.59vw;
    margin-bottom: 40px;
  }
}

.mainvisual {
  position: relative;
  width: 100%;
  z-index: 0;
  margin: 0 auto 35px;
  padding: 0;
}

@media screen and (min-width: 320px) and (max-width: 767px) {
  .mainvisual {
    height: 100vw;
    background: url("../assets/images/mainvisual_bk_sp.png") left top repeat-x;
    background-size: 100vw 86.4vw;
    margin-bottom: 0;
  }
}

@media screen and (min-width: 768px) and (max-width: 1149px) {
  .mainvisual {
    height: calc(430/1150*100vw);
    background: linear-gradient(90deg, #f2f2f2 0%, #f2f2f2 54.5%, #282828 54.5%, #282828 100%);
  }
}

@media only screen and (min-width: 1150px) {
  .mainvisual {
    height: 430px;
    background: linear-gradient(90deg, #f2f2f2 0%, #f2f2f2 54.5%, #282828 54.5%, #282828 100%);
  }
}

.main-grid {
  position: relative;
  margin: 0 auto;
  display: block;
  z-index: 2;
}

@media screen and (min-width: 320px) and (max-width: 767px) {
  .main-grid {
    width: 100%;
  }
}

@media screen and (min-width: 768px) and (max-width: 1149px) {
  .main-grid {
    width: 100%;
  }
}

@media only screen and (min-width: 1150px) {
  .main-grid {
    width: 1150px;
    min-width: 1150px;
  }
}

.main-img {
  position: absolute;
  left: 10px;
  z-index: 300;
}

@media screen and (min-width: 320px) and (max-width: 767px) {
  .main-img {
    top: 16.4vw;
    left: 28.8vw;
    width: 70.5vw;
  }
  .main-img img {
    width: 100%;
  }
}

@media screen and (min-width: 768px) and (max-width: 1149px) {
  .main-img {
    top: 14.43vw;
    width: 57vw;
  }
  .main-img img {
    width: 100%;
  }
}

@media only screen and (min-width: 1150px) {
  .main-img {
    top: 140px;
    width: 621px;
    height: 321px;
  }
}

.mainv-ttl {
  position: absolute;
  line-height: 1.0;
    font-weight: bold;
}

@media screen and (min-width: 320px) and (max-width: 767px) {
  .mainv-ttl {
    top: 3.66vw;
    left: 4.66vw;
    font-size: 3.73vw !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 1149px) {
  .mainv-ttl {
    top: 2.00vw;
    left: 3.31vw;
    font-size: 2.65vw !important;
  }
}

@media only screen and (min-width: 1150px) {
  .mainv-ttl {
    top: 32px;
    left: 33px;
    font-size: 24px !important;
  }
}

.mainv-copy {
  position: absolute;
  color: #FFFFFF;
    
}

@media screen and (min-width: 320px) and (max-width: 767px) {
  .mainv-copy {
    top: 71.5vw;
    left: 4.66vw;
    font-size: 3.2vw;
    line-height: 1.3 !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 1149px) {
  .mainv-copy {
    top: 26.53vw;
    left: 59.13vw;
    font-size: 1.76vw;
  }
}

@media only screen and (min-width: 1150px) {
  .mainv-copy {
    top: 260px;
    left: 708px;
    font-size: 20px !important; 
  }
}

#taskalfa-pro-15000c h1 {
  position: absolute;
  line-height: 1.0;
    font-family: sans-serif;
}

@media screen and (min-width: 320px) and (max-width: 767px) {
  #taskalfa-pro-15000c h1 {
    top: 11.81vw;
    left: 4.66vw;
    font-size: 7.73vw;
  }
}

@media screen and (min-width: 768px) and (max-width: 1149px) {
  #taskalfa-pro-15000c h1 {
    top: 6.72vw;
    left: 3.31vw;
    font-size: 4.77vw;
  }
}

@media only screen and (min-width: 1150px) {
  #taskalfa-pro-15000c h1 {
    top: 76px;
    left: 33px;
    font-size: 54px;
  }
}

#taskalfa-pro-15000c .mainv-h2 {
  position: absolute;
  color: #FFFFFF;
  line-height: 1.4 !important;
  margin-bottom: 0;
  padding-left: 0;
  letter-spacing: 0;
  border-left: none;
}

@media screen and (min-width: 320px) and (max-width: 767px) {
  #taskalfa-pro-15000c .mainv-h2 {
    top: 53.63vw;
    left: 4.66vw;
    font-size: 6.4vw;
    line-height: 1.2 !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 1149px) {
  #taskalfa-pro-15000c .mainv-h2 {
    top: 7.69vw;
    left: 60.13vw;
    font-size: 4.21vw;
  }
}

@media only screen and (min-width: 1150px) {
  #taskalfa-pro-15000c .mainv-h2 {
    top: 87px;
    left: 717px;
    font-size: 48px;
  }
}

/*　mainvisual　end */
/*　nav_area */
.nav_area {
  margin-bottom: 40px;
}

@media screen and (min-width: 320px) and (max-width: 767px) {
  .nav_area {
    margin-bottom: calc(80/750*100vw);
    padding-top: calc(20/750*100vw);
  }
}

.nav {
  display: flex;
  border-bottom: solid 1px #f2f2f2;
  width: 750px;
  margin: 0 auto;
  justify-content: space-between;
}

@media screen and (min-width: 320px) and (max-width: 767px) {
  .nav {
    width: 85%;
  }
}

@media screen and (min-width: 768px) and (max-width: 1149px) {
  .nav {
    width: 70%;
  }
}

.nav li {
  white-space: nowrap;
  font-size: 24px;
  padding: 0 0 20px 35px;
}

@media screen and (min-width: 320px) and (max-width: 767px) {
  .nav li {
    font-size: 3.2vw;
    margin-bottom: 0;
    padding: 0 0 2.26vw 3.4vw;
  }
}

@media screen and (min-width: 768px) and (max-width: 1149px) {
  .nav li {
    font-size: 24px;
    margin-bottom: 0;
  }
}

.nav li:nth-of-type(1) {
  padding-left: 0;
}

.nav a {
  color: #282828;
  padding-bottom: 17px;
}

@media screen and (min-width: 320px) and (max-width: 767px) {
  .nav a {
    font-weight: bold;
    padding-bottom: 2.26vw;
  }
}

@media screen and (min-width: 768px) and (max-width: 1149px) {
  .nav a {
    font-weight: bold;
    padding-bottom: calc(17/1150*100vw);
  }
}

.nav li a:hover {
  text-decoration: none;
}

@media only screen and (min-width: 1150px) {
  .nav li a:hover {
    padding-bottom: 17px;
    border-bottom: solid 8px #0a9bcd;
  }
}

/*　nav_area　end */


/*　movie */
.movie-area {
  margin-bottom: 80px;
}

@media screen and (min-width: 320px) and (max-width: 767px) {
  .movie-area {
    margin-bottom: calc(125/750*100vw);
  }
}

@media screen and (min-width: 768px) and (max-width: 1149px) {
  .movie-area {
    margin-bottom: calc(110/1150*100vw);
  }
}

.movie {
  width: 730px;
  margin: 0 auto 67px;
}

@media screen and (min-width: 320px) and (max-width: 767px) {
  .movie {
    width: 100%;
    margin: 0 auto calc(67/1150*100vw);
  }
}

@media screen and (min-width: 768px) and (max-width: 1149px) {
  .movie {
    width: calc(730/1150*100vw);
    margin: 0 auto calc(68/750*100vw);
  }
}

.movie iframe {
  width: 730px;
  height: 410px;
  margin: 0 auto;
}

@media screen and (min-width: 320px) and (max-width: 767px) {
  .movie iframe {
    width: 100%;
    height: calc(384/750*100vw);
  }
}

@media screen and (min-width: 768px) and (max-width: 1149px) {
  .movie iframe {
    width: calc(730/1150*100vw);
    height: calc(410/1150*100vw);
  }
}

.advantages-wapper h2 {
  width: 300px;
  line-height: 1.0;
  margin: 0 auto 20px;
  text-align: center;
  padding-top: 20px;
}

@media screen and (min-width: 320px) and (max-width: 767px) {
  .advantages-wapper h2 {
    margin: 0 auto calc(63/750*100vw);
    padding-top: calc(20/750*100vw);
  }
}

@media screen and (min-width: 768px) and (max-width: 1149px) {
  .advantages-wapper h2 {
    margin: 0 auto calc(63/1150*100vw);
    padding-top: calc(20/1150*100vw);
  }
}

.advantages-wapper .high-productivity-ttl {
  color: #FFFFFF;
  margin: 0 auto 70px;
  display: flex;
  align-items: center;
  background: url("../assets/images/ttl01_bk.png") left top repeat-x;
}

@media screen and (min-width: 320px) and (max-width: 767px) {
  .advantages-wapper .high-productivity-ttl {
    margin: 0 auto calc(80/750*100vw);
    background: url("../assets/images/ttl02_bk.png") left top repeat-x;
    background-size: contain;
  }
}

@media screen and (min-width: 768px) and (max-width: 1149px) {
  .advantages-wapper .high-productivity-ttl {
    margin: 0 auto calc(100/1150*100vw);
  }
}

.advantages-wapper .high-productivity-ttl h3 {
  width: 200px;
  height: 75px;
  margin: 10px auto 0;
  font-size: 3rem;
  text-align: center;
  background: #6e3cbe left top no-repeat;
  background-size: 200px 30px;
}

@media screen and (min-width: 320px) and (max-width: 767px) {
  .advantages-wapper .high-productivity-ttl h3 {
    width: calc(440/750*100vw);
    height: calc(80/750*100vw);
        background-size: calc(440/750*100vw) calc(80/750*100vw);
        font-size: calc(48/750*100vw);
  }
}

.high-productivity-area {
  width: 1110px;
  margin: 0 auto;
  padding: 0 20px;
}

@media screen and (min-width: 320px) and (max-width: 767px) {
  .high-productivity-area {
    width: 100%;
    padding: 0 calc(35/750*100vw);
    box-sizing: border-box;
  }
}

@media screen and (min-width: 768px) and (max-width: 1149px) {
  .high-productivity-area {
    width: 100%;
    padding: 0 calc(20/1150*100vw);
    box-sizing: border-box;
  }
}

.high-productivity-area .high-productivity-txt {
  margin-bottom: 108px;
}

@media screen and (min-width: 320px) and (max-width: 767px) {
  .high-productivity-area .high-productivity-txt {
    margin-bottom: calc(107/750*100vw);
  }
}

@media screen and (min-width: 768px) and (max-width: 1149px) {
  .high-productivity-area .high-productivity-txt {
    margin-bottom: calc(120/1150*100vw);
  }
}

.high-productivity-area h4 {
  font-size: 3rem;
  color: #6E3CBE;
  margin-bottom: 40px;
  line-height: 1.0;
}

@media screen and (min-width: 320px) and (max-width: 767px) {
  .high-productivity-area h4 {
    font-size: calc(42/750*100vw);
    margin-bottom: calc(40/750*100vw);
  }
}

@media screen and (min-width: 768px) and (max-width: 1149px) {
  .high-productivity-area h4 {
    font-size: calc(38/1150*100vw);
    margin-bottom: calc(40/1150*100vw);
  }
}

.high-productivity-area .uftb-box {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
}

@media screen and (min-width: 320px) and (max-width: 767px) {
  .high-productivity-area .uftb-box {
    width: 100%;
    height: auto;
    margin-bottom: calc(95/750*100vw);
  }
}

@media screen and (min-width: 768px) and (max-width: 1149px) {
  .high-productivity-area .uftb-box {
    /*width: calc(560/1150*100vw);*/
    margin-bottom: 0;
    height: calc(460/1150*100vw);
    flex-direction: column;
  }
}

@media only screen and (min-width: 1150px) {
  .high-productivity-area .uftb-box {
    width: 1110px;
    height: 360px;
    margin-bottom: 80px;
  }
}

.high-productivity-area .uftb-box h5 {
  order: 0;
  line-height: 1.0;
}

@media screen and (min-width: 320px) and (max-width: 767px) {
  .high-productivity-area .uftb-box h5 {
    width: 84vw;
    font-size: calc(38/750*100vw);
    margin-bottom: calc(58/750*100vw);
  }
}

@media screen and (min-width: 768px) and (max-width: 1149px) {
  .high-productivity-area .uftb-box h5 {
    width: 49.56522vw;
    font-size: calc(28/1150*100vw);
    margin-bottom: calc(26/1150*100vw);
  }
}

@media only screen and (min-width: 1150px) {
  .high-productivity-area .uftb-box h5 {
    width: 540px;
    font-size: 2.2rem;
    margin-bottom: 26px;
    padding-right: 30px;
  }
}

@media screen and (min-width: 320px) and (max-width: 767px) {
  .high-productivity-area .uftb-txt {
    width: 100%;
    order: 2;
  }
}

@media screen and (min-width: 768px) and (max-width: 1149px) {
  .high-productivity-area .uftb-txt {
    width: 46.95652vw;
    padding-right: calc(30/1150*100vw);
    order: 1;
  }
}

@media only screen and (min-width: 1150px) {
  .high-productivity-area .uftb-txt {
    width: 540px;
    padding-right: 30px;
    order: 1;
  }
}

@media screen and (min-width: 320px) and (max-width: 767px) {
  .high-productivity-area .uftb-img {
    width: 100%;
    margin-bottom: calc(40/750*100vw);
    order: 1;
  }
  .high-productivity-area .uftb-img img {
    width: 100%;
  }
}

@media screen and (min-width: 768px) and (max-width: 1149px) {
  .high-productivity-area .uftb-img {
    width: calc(540/1150*100vw);
    height: calc(360/1150*100vw);
    flex-basis: 360px;
    order: 2;
  }
  .high-productivity-area .uftb-img img {
    width: calc(540/1150*100vw);
    height: calc(360/1150*100vw);
    flex-basis: 360px;
  }
}

@media only screen and (min-width: 1150px) {
  .high-productivity-area .uftb-img {
    width: 540px;
    order: 2;
  }
}

.high-productivity-area .iems-box {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
}

@media screen and (min-width: 320px) and (max-width: 767px) {
  .high-productivity-area .iems-box {
    width: 100%;
    height: auto;
    margin-bottom: calc(95/750*100vw);
  }
}

@media screen and (min-width: 768px) and (max-width: 1149px) {
  .high-productivity-area .iems-box {
    /*width: calc(560/1150*100vw);*/
    height: calc(580/1150*100vw);
    margin-bottom: 0;
    margin-top: 20px;
  }
}

@media only screen and (min-width: 1150px) {
  .high-productivity-area .iems-box {
    width: 1110px;
    height: 530px;
  }
}

.high-productivity-area .iems-box h5 {
  line-height: 1.0;
}

@media screen and (min-width: 320px) and (max-width: 767px) {
  .high-productivity-area .iems-box h5 {
    width: calc(630/750*100vw);
    font-size: calc(38/750*100vw);
    margin-bottom: calc(58/750*100vw);
    order: 0;
  }
}

@media screen and (min-width: 768px) and (max-width: 1149px) {
  .high-productivity-area .iems-box h5 {
    width: calc(540/1150*100vw);
    font-size: calc(28/1150*100vw);
    margin-bottom: calc(26/1150*100vw);
    padding-left: calc(30/1150*100vw);
  }
}

@media only screen and (min-width: 1150px) {
  .high-productivity-area .iems-box h5 {
    width: 540px;
    font-size: 2.2rem;
    margin-bottom: 26px;
    padding-left: 30px;
    order: 1;
  }
}

@media screen and (min-width: 320px) and (max-width: 767px) {
  .high-productivity-area .iems-txt {
    width: 100%;
    order: 2;
  }
}

@media screen and (min-width: 768px) and (max-width: 1149px) {
  .high-productivity-area .iems-txt {
    width: calc(520/1150*100vw);
    padding: 0 calc(30/1150*100vw);
  }
}

@media only screen and (min-width: 1150px) {
  .high-productivity-area .iems-txt {
    width: 540px;
    padding-left: 30px;
    order: 2;
  }
}

@media screen and (min-width: 320px) and (max-width: 767px) {
  .high-productivity-area .iems-img {
    width: 100%;
    margin-bottom: calc(40/750*100vw);
    order: 1;
  }
  .high-productivity-area .iems-img img {
    width: 100%;
  }
}

@media screen and (min-width: 768px) and (max-width: 1149px) {
  .high-productivity-area .iems-img {
    width: calc(540/1150*100vw);
    height: calc(580/1150*100vw);
  }
  .high-productivity-area .iems-img img {
    width: calc(540/1150*100vw);
    height: calc(360/1150*100vw);
  }
}

@media only screen and (min-width: 1150px) {
  .high-productivity-area .iems-img {
    width: 540px;
    height: 500px;
    order: 0;
  }
}

.high-productivity-area .maintenance-ttl {
  padding-top: 40px;
  border-top: solid 1px #cfcfcf;
  width: 100%;
}

@media screen and (min-width: 320px) and (max-width: 767px) {
  .high-productivity-area .maintenance-ttl {
    padding-top: calc(100/750*100vw);
  }
}

@media screen and (min-width: 768px) and (max-width: 1149px) {
  .high-productivity-area .maintenance-ttl {
    padding-top: calc(102/1150*100vw);
  }
}

.high-productivity-area .maintenance-txt {
  margin-bottom: 70px;
}

@media screen and (min-width: 320px) and (max-width: 767px) {
  .high-productivity-area .maintenance-txt {
    margin-bottom: calc(96/750*100vw);
  }
}

@media screen and (min-width: 768px) and (max-width: 1149px) {
  .high-productivity-area .maintenance-txt {
    margin-bottom: calc(98/1150*100vw);
  }
}

.high-productivity-area .technology-box h5 {
  line-height: 1.0;
}

@media screen and (min-width: 320px) and (max-width: 767px) {
  .high-productivity-area .technology-box h5 {
    font-size: calc(38/750*100vw);
    margin-bottom: calc(29/750*100vw);
  }
}

@media screen and (min-width: 768px) and (max-width: 1149px) {
  .high-productivity-area .technology-box h5 {
    font-size: 2.43478vw;
    margin-bottom: calc(26/1150*100vw);
  }
}

@media only screen and (min-width: 1150px) {
  .high-productivity-area .technology-box h5 {
    font-size: 2.2rem;
    margin-bottom: 26px;
  }
}

.high-productivity-area .technology-box ul {
  margin-bottom: 95px;
}

.high-productivity-area .technology-box li {
  position: relative;
  line-height: 1.8;
  padding-left: 25px;  
font-size: 1.6rem;
}

.high-productivity-area .technology-box li::before {
  position: absolute;
  width: 13px;
  height: 6px;
  top: 1em;
  left: 0;
  transform: translateY(-50%);
  content: '';
  background-color: #282828;
}

@media screen and (min-width: 320px) and (max-width: 767px) {
  .high-productivity-area .technology-box ul {
    margin-bottom: calc(95/750*100vw);
  }
  .high-productivity-area .technology-box li {
    font-size: calc(28/750*100vw);
    padding-left: calc(38/750*100vw);
  }
  .high-productivity-area .technology-box li::before {
    width: calc(20/1150*100vw);
    height: calc(6/1150*100vw);
  }
}

@media screen and (min-width: 768px) and (max-width: 1149px) {
  .high-productivity-area .technology-box ul {
    margin-bottom: calc(95/1150*100vw);
  }
  .high-productivity-area .technology-box li {
    font-size: calc(20/1150*100vw);
    padding-left: calc(25/1150*100vw);
  }
  .high-productivity-area .technology-box li::before {
    width: calc(13/1150*100vw);
    height: calc(6/1150*100vw);
  }
}

.high-productivity-area .fullfrontaccess-box {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
}

@media screen and (min-width: 320px) and (max-width: 767px) {
  .high-productivity-area .fullfrontaccess-box {
    width: 100%;
    height: auto;
    /*margin-bottom: calc(137/1150*100vw);*/
  }
}

@media screen and (min-width: 768px) and (max-width: 1149px) {
  .high-productivity-area .fullfrontaccess-box {
    width: calc(560/1150*100vw);
    height: 300px;
    flex-direction: column;
    /*margin-bottom: calc(107/1150*100vw);*/
  }
}

@media only screen and (min-width: 1150px) {
  .high-productivity-area .fullfrontaccess-box {
    width: 1110px;
    height: 300px;
    margin-bottom: 107px;
  }
}

.high-productivity-area .fullfrontaccess-box h5 {
  order: 0;
  line-height: 1.0;
}

@media screen and (min-width: 320px) and (max-width: 767px) {
  .high-productivity-area .fullfrontaccess-box h5 {
    width: calc(630/750*100vw);
    font-size: calc(38/750*100vw);
    margin-bottom: calc(58/750*100vw);
  }
}

@media screen and (min-width: 768px) and (max-width: 1149px) {
  .high-productivity-area .fullfrontaccess-box h5 {
    width: calc(535/1150*100vw);
    padding-right: calc(30/1150*100vw);
    font-size: calc(28/1150*100vw);
    margin-bottom: calc(26/1150*100vw);
  }
}

@media only screen and (min-width: 1150px) {
  .high-productivity-area .fullfrontaccess-box h5 {
    width: 535px;
    font-size: 2.2rem;
    padding-right: 30px;
    margin-bottom: 26px;
  }
}

@media screen and (min-width: 320px) and (max-width: 767px) {
  .high-productivity-area .fullfrontaccess-txt {
    width: 100%;
    margin-bottom: calc(137/750*100vw);
    order: 2;
  }
}

@media screen and (min-width: 768px) and (max-width: 1149px) {
  .high-productivity-area .fullfrontaccess-txt {
    width: calc(535/1150*100vw);
    padding-right: calc(30/1150*100vw);
    order: 1;
  }
}

@media only screen and (min-width: 1150px) {
  .high-productivity-area .fullfrontaccess-txt {
    width: 535px;
    padding-right: 30px;
    order: 1;
  }
}

@media screen and (min-width: 320px) and (max-width: 767px) {
  .high-productivity-area .fullfrontaccess-img {
    width: 100%;
    margin-bottom: calc(40/750*100vw);
    order: 1;
  }
  .high-productivity-area .fullfrontaccess-img img {
    width: 100%;
  }
}

@media screen and (min-width: 768px) and (max-width: 1149px) {
  .high-productivity-area .fullfrontaccess-img {
    width: calc(544/1150*100vw);
    order: 2;
  }
  .high-productivity-area .fullfrontaccess-img img {
    width: calc(544/1150*100vw);
  }
}

@media only screen and (min-width: 1150px) {
  .high-productivity-area .fullfrontaccess-img {
    width: 544px;
    order: 2;
  }
}

/*　productivity-area end */
.variable-data-printing-ttl {
  color: #FFFFFF;
  margin-bottom: 102px;
  padding-top: 35px;
  background: url("../assets/images/ttl02_bk.png") left top repeat;
}

@media screen and (min-width: 320px) and (max-width: 767px) {
  .variable-data-printing-ttl {
    margin-bottom: calc(80/750*100vw);
    padding-top: calc(44/750*100vw);
    background: url("../assets/images/ttl02_bk_sp.png") left top repeat;
    background-size: contain;
  }
}

@media screen and (min-width: 768px) and (max-width: 800px) {
  .variable-data-printing-ttl {
    margin: 0 auto calc(102/1150*100vw);
    padding-top: calc(35/1150*100vw);
  }
}

.vdp-ttl {
  width: 620px;
  margin: 0 auto;
  text-align: center;
  background: #6e3cbe left top no-repeat;
  background-size: 442px 58px;
}

@media screen and (min-width: 320px) and (max-width: 767px) {
  .vdp-ttl {
    width: calc(552/750*100vw);
    background-size: calc(552/750*100vw) calc(60/1150*100vw);
  }
}

@media screen and (min-width: 768px) and (max-width: 800px) {
  .vdp-ttl {
    width: calc(442/1150*100vw);
    background-size: calc(442/1150*100vw) calc(58/1150*100vw);
  }
}

.vdp-ttl h3 {
  font-size: 3rem;
  padding: 8px 15px;
  line-height: 1.0;
}

@media screen and (min-width: 320px) and (max-width: 767px) {
  .vdp-ttl h3 {
    font-size: calc(48/750*100vw);
    padding: 0 calc(44/750*100vw);
  }
}

@media screen and (min-width: 768px) and (max-width: 800px) {
  .vdp-ttl h3 {
    font-size: calc(42/1150*100vw);
    padding: calc(8/1150*100vw) calc(15/1150*100vw);
  }
}

.vdp-txt-wapper {
  width: 828px;
  margin: 0 auto;
  margin-top: 10px;
  text-align: center;
  background: #6e3cbe left top no-repeat;
  background-size: 808px 44px;
}

@media screen and (min-width: 320px) and (max-width: 767px) {
  .vdp-txt-wapper {
    width: calc(717/750*100vw);
    height: calc(70/750*100vw);
    background-size: calc(717/750*100vw) calc(70/750*100vw);
  }
}

@media screen and (min-width: 768px) and (max-width: 800px) {
  .vdp-txt-wapper {
    width: calc(808/1150*100vw);
    height: calc(44/1150*100vw);
    background-size: calc(808/1150*100vw) calc(44/1150*100vw);
  }
}

.vdp-txt {
  font-size: 20px;
  padding: 12px 15px;
  line-height: 1 !important;
}

@media screen and (min-width: 320px) and (max-width: 767px) {
  .vdp-txt {
    line-height: 1.3 !important;
    height: calc(70/750*100vw);
    font-size: calc(24/750*100vw);
  }
}

@media screen and (min-width: 768px) and (max-width: 800px) {
  .vdp-txt {
    font-size: calc(20/1150*100vw);
    padding: calc(12/1150*100vw) calc(15/1150*100vw);
  }
}

.variable-data-printing-area {
  width: 1110px;
  margin: 0 auto;
  padding: 0 20px;
}

@media screen and (min-width: 320px) and (max-width: 767px) {
  .variable-data-printing-area {
    width: 100%;
    padding: 0 calc(35/750*100vw);
    box-sizing: border-box;
  }
}

@media screen and (min-width: 768px) and (max-width: 1149px) {
  .variable-data-printing-area {
    width: 100%;
    padding: 0 calc(20/1150*100vw);
    box-sizing: border-box;
  }
}

.selectable-controllers-box {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
}

@media screen and (min-width: 320px) and (max-width: 767px) {
  .selectable-controllers-box {
    width: 100%;
    height: auto;
  }
}

@media screen and (min-width: 768px) and (max-width: 1149px) {
  .selectable-controllers-box {
    width: calc(560/1150*100vw);
    height: 405px;
    flex-direction: column;
    margin-bottom: 10px;
  }
}

@media only screen and (min-width: 1150px) {
  .selectable-controllers-box {
    width: 1110px;
    height: 405px;
    margin-bottom: 135px;
  }
}

.selectable-controllers-box h4 {
  order: 0;
  line-height: 1.0;
  color: #6E3CBE;
}

@media screen and (min-width: 320px) and (max-width: 767px) {
  .selectable-controllers-box h4 {
    width: calc(630/750*100vw);
    font-size: calc(42/750*100vw);
    margin-bottom: calc(58/750*100vw);
  }
}

@media screen and (min-width: 768px) and (max-width: 1149px) {
  .selectable-controllers-box h4 {
    width: calc(540/1150*100vw);
    padding-right: calc(30/1150*100vw);
    font-size: calc(38/1150*100vw);
    margin-bottom: calc(26/1150*100vw);
  }
}

@media only screen and (min-width: 1150px) {
  .selectable-controllers-box h4 {
    width: 540px;
    font-size: 2.2rem;
    padding-right: 30px;
    margin-bottom: 26px;
  }
}

@media screen and (min-width: 320px) and (max-width: 767px) {
  .selectable-controllers-txt {
    width: 100%;
    margin-bottom: calc(130/750*100vw);
    order: 2;
  }
}

@media screen and (min-width: 768px) and (max-width: 1149px) {
  .selectable-controllers-txt {
    width: calc(540/1150*100vw);
    padding-right: calc(30/1150*100vw);
    order: 1;
  }
}

@media only screen and (min-width: 1150px) {
  .selectable-controllers-txt {
    width: 540px;
    padding-right: 30px;
    order: 1;
  }
}

@media screen and (min-width: 320px) and (max-width: 767px) {
  .selectable-controllers-img {
    width: 100%;
    margin-bottom: calc(81/750*100vw);
    order: 1;
  }
  .selectable-controllers-img img {
    width: 100%;
  }
}

@media screen and (min-width: 768px) and (max-width: 1149px) {
  .selectable-controllers-img {
    width: calc(540/1150*100vw);
    order: 2;
  }
  .selectable-controllers-img img {
    width: calc(540/1150*100vw);
  }
}

@media only screen and (min-width: 1150px) {
  .selectable-controllers-img {
    width: 540px;
    order: 2;
  }
}

.technology-videos {
  background-color: #f2f2f2;
  padding-top: 82px;
}

@media screen and (min-width: 320px) and (max-width: 767px) {
  .technology-videos {
    padding-top: calc(84/750*100vw);
  }
}

@media screen and (min-width: 768px) and (max-width: 1149px) {
  .technology-videos {
    padding-top: calc(82/1150*100vw);
  }
}

.technology-videos h2 {
  width: 470px;
  margin: 0 auto;
  padding: 0px 0 50px;
  text-align: center;
  line-height: 1.0;
}

@media screen and (min-width: 320px) and (max-width: 767px) {
  .technology-videos h2 {
    width: calc(445/750*100vw);
    padding: calc(20/750*100vw) 0 calc(80/750*100vw);
  }
}

@media screen and (min-width: 768px) and (max-width: 1149px) {
  .technology-videos h2 {
    width: calc(470/1150*100vw);
    padding: calc(20/1150*100vw) 0 calc(34/1150*100vw);
  }
}

.technology-videos-area {
  margin: 0 auto;
  max-width: 1110px;
  width: 1110px;
  padding: 0 20px;
  box-sizing: border-box;
  padding-bottom: 20px;
  text-align: center;
}

@media screen and (min-width: 320px) and (max-width: 767px) {
  .technology-videos-area {
    max-width: 100%;
    width: 100%;
    padding: 0;
  }
}

@media screen and (min-width: 768px) and (max-width: 1149px) {
  .technology-videos-area {
    max-width: 100%;
    width: 100%;
    padding: 0 calc(20/1150*100vw) calc(20/1150*100vw);
  }
}

.technology-videos-ttl {
  line-height: 1.0;
  margin: 0 auto;
  padding-bottom: 83px;
}

@media screen and (min-width: 320px) and (max-width: 767px) {
  .technology-videos-ttl {
    width: 100%;
    font-size: calc(28/750*100vw);
    padding-bottom: calc(73/750*100vw);
    line-height: 1.4 !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 1149px) {
  .technology-videos-ttl {
    padding-bottom: calc(83/1150*100vw);
  }
}

.technology-videos ul {
  width: 1110px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: stretch;
}

@media screen and (min-width: 320px) and (max-width: 767px) {
  .technology-videos ul {
    width: 100%;
    padding-bottom: calc(70/750*100vw);
  }
}

@media screen and (min-width: 768px) and (max-width: 1149px) {
  .technology-videos ul {
    width: calc(1110/1150*100vw);
  }
}

.technology-videos li {
  width: 350px;
  height: 315px;
}

@media screen and (min-width: 320px) and (max-width: 767px) {
  .technology-videos li {
    width: 100%;
    height: calc(256/750*100vw);
    padding: calc(40/750*100vw) calc(30/750*100vw);
    border-bottom: solid 1px #CFCFCF;
    background-color: #FFFFFF;
    margin-bottom: calc(20/750*100vw);
    display: flex;
  }
}

@media screen and (min-width: 768px) and (max-width: 1149px) {
  .technology-videos li {
    width: calc(350/1150*100vw);
    height: calc(315/1150*100vw);
  }
}

.video {
  width: 350px;
}

@media screen and (min-width: 320px) and (max-width: 767px) {
  .video {
    width: calc(320/750*100vw);
  }
}

@media screen and (min-width: 768px) and (max-width: 1149px) {
  .video {
    width: calc(350/1150*100vw);
  }
}

.video iframe {
  width: 350px;
  height: 196.57px;
}

@media screen and (min-width: 320px) and (max-width: 767px) {
  .video iframe {
    width: calc(320/750*100vw);
    height: calc(175/750*100vw);
  }
}

@media screen and (min-width: 768px) and (max-width: 1149px) {
  .video iframe {
    width: calc(350/1150*100vw);
    height: calc(196.57/1150*100vw);
  }
}

.video iframe {
  width: 350px;
  height: 196.57px;
}

@media screen and (min-width: 320px) and (max-width: 767px) {
  .video iframe {
    width: calc(320/750*100vw);
    height: calc(175/750*100vw);
  }
}

@media screen and (min-width: 768px) and (max-width: 1149px) {
  .video iframe {
    width: calc(350/1150*100vw);
    height: calc(196.57/1150*100vw);
  }
}

.technology-videos-txt {
  font-size: 16px !important;
  line-height: 1.4 !important;
  text-align: left;
  padding-top: 14px;
}

@media screen and (min-width: 320px) and (max-width: 767px) {
  .technology-videos-txt {
    font-size: calc(28/750*100vw);
    padding-top: 0;
    line-height: 1.4 !important;
    width: calc(340/750*100vw);
    padding-left: calc(30/750*100vw);
  }
}

.secifications {
  padding-top: 82px;
}

@media screen and (min-width: 320px) and (max-width: 767px) {
  .secifications {
    padding-top: calc(120/750*100vw);
  }
}

@media screen and (min-width: 768px) and (max-width: 1149px) {
  .secifications {
    padding-top: calc(82/1150*100vw);
  }
}

.secifications h2 {
  width: 340px;
  margin: 0 auto;
  padding: 20px 0 66px;
  text-align: center;
  line-height: 1.0;
}

@media screen and (min-width: 320px) and (max-width: 767px) {
  .secifications h2 {
    width: calc(470/750*100vw);
    padding: calc(20/750*100vw) 0 calc(65/750*100vw);
  }
}

@media screen and (min-width: 768px) and (max-width: 1149px) {
  .secifications h2 {
    width: calc(340/1150*100vw);
    padding: calc(20/1150*100vw) 0 calc(66/1150*100vw);
  }
}

.secifications h3 {
  width: 460px;
  text-align: center; 
    font-size: 2.2rem;
    padding: 50px 0px 25px;
  line-height: 1.0;
  color: #FFFFFF;
  margin: 0 auto;
}

@media screen and (min-width: 320px) and (max-width: 767px) {
  .secifications h3 {
    width: calc(530/750*100vw);
    font-size: calc(48/750*100vw);
    padding: calc(82/750*100vw) 0 calc(65/750*100vw);
  }
}

@media screen and (min-width: 768px) and (max-width: 1149px) {
  .secifications h3 {
    width: calc(460/1150*100vw);
    font-size: calc(38/1150*100vw);
    padding: calc(97/1150*100vw) 0 calc(63/1150*100vw);
  }
}

.suggested-configuration-wapper {
  background-color: #282828;
  text-align: center;
}

.suggested-configuration-box {
  width: 920px;
  margin: 0 auto;
  padding-bottom: 100px;
}

@media screen and (min-width: 320px) and (max-width: 767px) {
  .suggested-configuration-box {
    width: calc(693/750*100vw);
    padding-bottom: calc(83/750*100vw);
  }
}

@media screen and (min-width: 768px) and (max-width: 1149px) {
  .suggested-configuration-box {
    width: calc(920/1150*100vw);
    padding-bottom: calc(100/1150*100vw);
  }
}

/* swiper */
.swiper-container {
  text-align: center;
  width: 100%;
}

.swiper-container .swiper-slide img {
  max-width: 100%;
  width: 100%;
  height: auto;
}

.prettyprint {
  border: none;
  background: #fafafa;
  color: #697d86;
}

#thumbs {
  height: 20%;
  box-sizing: border-box;
  padding: 10px 0;
}

#thumbs .swiper-slide {
  width: 20%;
  height: 100%;
  opacity: 0.2;
  cursor: pointer;
}

#thumbs .swiper-slide-active {
  opacity: 1;
}

.swiper-button-prev.swiper-button-white,
.swiper-container-rtl .swiper-button-next.swiper-button-white {
  background-image: none;
}

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
  background-image: none;
}

.swiper-button-prev {
  background-image: url("../assets/images/icon_left.png") !important;
  left: 0;
  width: 50px;
  height: 50px;
  top: 40%;
  background-size: 50px 50px;
}

@media screen and (min-width: 320px) and (max-width: 767px) {
  .swiper-button-prev {
    width: calc(50/750*100vw);
    height: calc(50/750*100vw);
    background-size: calc(50/750*100vw) calc(50/750*100vw);
  }
}

@media screen and (min-width: 768px) and (max-width: 1149px) {
  .swiper-button-prev {
    width: calc(50/1150*100vw);
    height: calc(50/1150*100vw);
    background-size: calc(50/750*100vw) calc(50/750*100vw);
  }
}

.swiper-button-next {
  background-image: url("../assets/images/icon_right.png") !important;
  right: 0;
  width: 50px;
  height: 50px;
  top: 40%;
  background-size: 50px 50px;
}

@media screen and (min-width: 320px) and (max-width: 767px) {
  .swiper-button-next {
    width: calc(50/750*100vw);
    height: calc(50/750*100vw);
    background-size: calc(50/750*100vw) calc(50/750*100vw);
  }
}

@media screen and (min-width: 768px) and (max-width: 1149px) {
  .swiper-button-next {
    width: calc(50/1150*100vw);
    height: calc(50/1150*100vw);
    background-size: calc(50/750*100vw) calc(50/750*100vw);
  }
}

.basic-specifications-wapper {
  background-color: #0a9bcd;
  padding-bottom: 100px;
}

@media screen and (min-width: 320px) and (max-width: 767px) {
  .basic-specifications-wapper {
    padding-bottom: calc(110/750*100vw);
    margin-bottom: 40px;
  }
}

@media screen and (min-width: 768px) and (max-width: 1149px) {
  .basic-specifications-wapper {
    padding-bottom: calc(100/1150*100vw);
  }
}

.basic-specifications-wapper h3 {
  width: 360px;
  text-align: center;
  font-size: 2.2rem;
  padding: 50px 0 45px;
  line-height: 1.0;
  color: #FFFFFF;
  margin: 0 auto;
}

@media screen and (min-width: 320px) and (max-width: 767px) {
  .basic-specifications-wapper h3 {
    width: calc(390/750*100vw);
    font-size: calc(42/750*100vw);
    padding: calc(110/750*100vw) 0 calc(67/750*100vw);
  }
}

@media screen and (min-width: 768px) and (max-width: 1149px) {
  .basic-specifications-wapper h3 {
    width: calc(360/1150*100vw);
    font-size: calc(38/1150*100vw);
    padding: calc(102/1150*100vw) 0 calc(70/1150*100vw);
  }
}

.basic-specifications-wapper .basic-specifications {
  width: 1110px;
  margin: 0 auto;
  padding: 0 20px;
}

@media screen and (min-width: 320px) and (max-width: 767px) {
  .basic-specifications-wapper .basic-specifications {
    width: 100%;
    padding: 0 calc(30/750*100vw);
    box-sizing: border-box;
  }
}

@media screen and (min-width: 768px) and (max-width: 1149px) {
  .basic-specifications-wapper .basic-specifications {
    width: 100%;
    padding: 0 calc(20/1150*100vw);
    box-sizing: border-box;
  }
}

.basic-specifications-wapper table {
  border-collapse: collapse;
  line-height: 1.4;
  text-align: left;
  color: #FFFFFF;
}

@media screen and (min-width: 320px) and (max-width: 767px) {
  .basic-specifications-wapper table {
    font-size: calc(24/750*100vw);
  }
}

@media screen and (min-width: 768px) and (max-width: 1149px) {
  .basic-specifications-wapper table {
    font-size: calc(20/1150*100vw);
  }
}

.basic-specifications-wapper table th {
  padding: 11px 40px 13px 10px;
  text-align: left;
  border-right: none;
  white-space: nowrap;
  border-bottom: solid 1px #48b4da;
  vertical-align: top;
}

@media screen and (min-width: 320px) and (max-width: 767px) {
  .basic-specifications-wapper table th {
    padding: calc(8/750*100vw) calc(17/750*100vw) calc(8/750*100vw) calc(0/750*100vw);
  }
}

@media screen and (min-width: 768px) and (max-width: 1149px) {
  .basic-specifications-wapper table th {
    padding: calc(11/1150*100vw) calc(40/1150*100vw) calc(13/1150*100vw) calc(10/1150*100vw);
  }
}

.basic-specifications-wapper table td {
  padding: 11px 10px 13px 0;
  border-left: none;
  font-weight: normal !important;
  border-bottom: solid 1px #48b4da;
}

@media screen and (min-width: 320px) and (max-width: 767px) {
  .basic-specifications-wapper table td {
    padding: calc(8/750*100vw) calc(0/750*100vw);
    vertical-align: middle;
  }
}

@media screen and (min-width: 768px) and (max-width: 1149px) {
  .basic-specifications-wapper table td {
    padding: calc(11/1150*100vw) calc(40/1150*100vw) calc(13/1150*100vw) calc(0/1150*100vw);
  }
}

@media screen and (min-width: 320px) and (max-width: 767px) {
  .findyourcontry {
    position: fixed;
    bottom: 0;
    right: 0;
    width: 100%;
    background: #282828;
    border-bottom: solid 2px #FFFFFF;
    display: flex;
    line-height: calc(97/750*100vw);
    height: calc(97/750*100vw);
    box-sizing: border-box;
    z-index: 400;
  }
  .findyourcontry a.btn-findyourcontry {
    height: 100%;
    font-size: calc(28/750*100vw);
    border-right: solid 1px #696969;
    padding-left: calc(77/750*100vw);
    display: block;
    text-decoration: none;
    color: #FFFFFF;
    box-sizing: border-box;
    flex: 2;
    text-align: center;
    background: url("../assets/images/icon_findyourcontry.png") calc(180/750*100vw) center no-repeat;
    background-size: calc(50/750*100vw) calc(40/750*100vw);
  }
  .findyourcontry span {
    display: inline-block;
    vertical-align: middle;
    line-height: normal;
  }
  .findyourcontry a.btn-pagenavi {
    display: block;
  }
  .findyourcontry .btn-ptop {
    width: calc(100/750*100vw);
    background: url("../assets/images/icon_ptop.png") 50% 50% no-repeat;
    background-size: calc(34/750*100vw) calc(21/750*100vw);
    height: calc(97/750*100vw);
  }
}

@media screen and (min-width: 768px) {
  .findyourcontry {
    display: none;
  }
}

/* swiper end */
/* sidebar */
@media screen and (min-width: 320px) and (max-width: 767px) {
  .sidebar {
    display: none;
  }
}

@media screen and (min-width: 768px) {
  .sidebar {
    width: 95px;
    height: 298px;
    box-sizing: border-box;
    border: solid 1px #FFFFFF;
    background-color: #282828;
    display: flex;
    flex-direction: column;
    position: fixed;
    top: calc(40% - 120px);
    right: 0;
    z-index: 400;
  }
  .sidebar ul {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 20px 9px 28px;
  }
  .sidebar li {
    color: #FFFFFF;
    line-height: 1.3;
    font-size: 12px;
    display: inline-block;
    border-bottom: solid 1px #696969;
    text-align: center;
  }
  .sidebar a {
    display: block;
    padding: 20px 0;
    width: 100%;
    color: #FFFFFF;
    text-decoration: none;
  }
  .sidebar li:first-child {
    text-align: center;
    background: url("../assets/images/icon_findyourcontry.png") center top no-repeat;
    background-size: 35px 29px;
  }
  .sidebar li:first-child a {
    padding-top: 40px;
    padding-bottom: 15px;
  }
  .sidebar li:last-of-type {
    padding-bottom: 0;
    border-bottom: none;
  }
}

.global-bottom__inner p {
  font-size: 100% !important;
  line-height: 1.6 !important;
}

/* sidebar end */
/* ==========================================================================
 Select Your Region (ページとオーバーレイ共通）
   ========================================================================== */
#taskalfa-pro-15000c-modal .taskalfa-pro-15000c-select-region-block {
  display: table;
  width: 100%;
  font-size: 14px;
  min-height: 97px;
  box-sizing: border-box;
}

#taskalfa-pro-15000c-modal .taskalfa-pro-15000c-select-region-block ul {
  list-style: none;
}

#taskalfa-pro-15000c-modal .taskalfa-pro-15000c-unit li {
  color: #999;
  font-size: 20px;
  padding-right: 20px;
}

@media only screen and (max-width: 767px) {
  #taskalfa-pro-15000c-modal .taskalfa-pro-15000c-unit li {
    font-size: calc(32/750*100vw);
  }
}

#taskalfa-pro-15000c-modal .taskalfa-pro-15000c-select-region-block a {
  color: #000;
  text-decoration: none;
  font-size: 20px;
}

@media only screen and (max-width: 767px) {
  #taskalfa-pro-15000c-modal .taskalfa-pro-15000c-select-region-block a {
    font-size: calc(32/750*100vw);
  }
}

#taskalfa-pro-15000c-modal .taskalfa-pro-15000c-select-region-block a:hover {
  color: #666;
  text-decoration: underline;
}

#taskalfa-pro-15000c-modal .taskalfa-pro-15000c-select-region-block .taskalfa-pro-15000c-heading-main {
  font-size: 30px;
}

#taskalfa-pro-15000c-modal .taskalfa-pro-15000c-select-region-block .taskalfa-pro-15000c-select-region__col {
  display: table-cell;
  padding: 0 10px;
  width: 16%;
  /* add */
}

#taskalfa-pro-15000c-modal .taskalfa-pro-15000c-select-region-block .taskalfa-pro-15000c-select-region__col2 {
  display: table-cell;
  padding: 0 10px;
  width: 44%;
  /* add */
}

#taskalfa-pro-15000c-modal .taskalfa-pro-15000c-select-region-block .taskalfa-pro-15000c-select-region__col.taskalfa-pro-15000c-col2 {
  width: 38%;
}

#taskalfa-pro-15000c-modal .taskalfa-pro-15000c-select-region-block .taskalfa-pro-15000c-select-region__col .taskalfa-pro-15000c-col-title {
  margin-bottom: 15px;
  padding-right: 15px;
  font-weight: bold;
  font-size: 20px;
}

@media only screen and (max-width: 767px) {
  #taskalfa-pro-15000c-modal .taskalfa-pro-15000c-select-region-block .taskalfa-pro-15000c-select-region__col .taskalfa-pro-15000c-col-title {
    margin-bottom: 0;
    font-size: calc(40/750*100vw);
  }
}

#taskalfa-pro-15000c-modal .taskalfa-pro-15000c-select-region-block .taskalfa-pro-15000c-select-region__col .taskalfa-pro-15000c-unit.taskalfa-pro-15000c-half {
  float: left;
  width: 45%;
}

#taskalfa-pro-15000c-modal .taskalfa-pro-15000c-select-region-block .taskalfa-pro-15000c-select-region__col .taskalfa-pro-15000c-unit li {
  margin-top: 5px;
  word-break: keep-all;
  width: 100%;
}

#taskalfa-pro-15000c-modal .taskalfa-pro-15000c-select-region-block .taskalfa-pro-15000c-select-region__col .taskalfa-pro-15000c-unit li:first-child {
  margin-top: 0;
}

@media only screen and (max-width: 860px) {
  #taskalfa-pro-15000c-modal .taskalfa-pro-15000c-select-region-block {
    font-size: 13px;
  }
}

@media only screen and (max-width: 767px) {
  #taskalfa-pro-15000c-modal .taskalfa-pro-15000c-select-region-block {
    display: block;
    padding-bottom: 0;
  }
  #taskalfa-pro-15000c-modal .taskalfa-pro-15000c-select-region-block .select-region__col.taskalfa-pro-15000c-col2 {
    width: 100%;
  }
  #taskalfa-pro-15000c-modal .taskalfa-pro-15000c-select-region-block .taskalfa-pro-15000c-heading-main {
    margin-left: 0;
    margin-right: 0;
    font-size: 16px;
    font-weight: bold;
  }
  #taskalfa-pro-15000c-modal .taskalfa-pro-15000c-select-region-block .taskalfa-pro-15000c-select-region__col {
    display: block;
    width: auto;
    margin-bottom: 20px;
  }
  #taskalfa-pro-15000c-modal .taskalfa-pro-15000c-select-region-block .taskalfa-pro-15000c-select-region__col .taskalfa-pro-15000c-unit.taskalfa-pro-15000c-half {
    float: none;
    width: 100%;
  }
  .global_footer__btn-top {
    bottom: 1.6%;
  }
}

/* ==========================================================================
 Select Your Region (オーバーレイ）
   ========================================================================== */
.blocker {
  font: normal 14px/1.6 "Noto Sans",sans-serif;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: auto;
  overflow: auto;
  z-index: 500;
  padding: 20px;
  box-sizing: border-box;
  background-color: #333;
  background-color: rgba(0, 0, 0, 0.5);
  text-align: center;
}

#taskalfa-pro-15000c-modal .taskalfa-pro-15000c-select-region-overlay__inner {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 610;
  margin: auto;
  padding: 50px 30px;
  max-width: 1150px;
  width: 100%;
  height: calc(100% - 10%);
  box-sizing: border-box;
  background-color: #f5f5f5;
  overflow: scroll !important;
}

#taskalfa-pro-15000c-modal .taskalfa-pro-15000c-select-region-overlay__title {
  position: static;
  margin-bottom: 15px;
  font-size: 30px;
}

#taskalfa-pro-15000c-modal .taskalfa-pro-15000c-select-region-overlay__close {
  display: block;
  position: absolute;
  overflow: hidden;
  right: 0;
  top: 0;
  z-index: 600;
  width: 40px;
  height: 40px;
  background-repeat: no-repeat;
  background-position: 0 0;
  background-image: url("../assets/images/btn_close.gif");
  background-size: 40px 40px;
  cursor: pointer;
  text-indent: -9999px;
}


@media only screen and (max-width: 767px) {
  .modal {
    display: none;
    vertical-align: middle;
    position: relative;
    z-index: 500;
    max-width: 500px;
    box-sizing: border-box;
    width: 100%;
    background: #fff;
    padding: 15px 10px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -o-border-radius: 8px;
    -ms-border-radius: 8px;
    border-radius: 8px;
    -webkit-box-shadow: 0 0 10px #000;
    -moz-box-shadow: 0 0 10px #000;
    -o-box-shadow: 0 0 10px #000;
    -ms-box-shadow: 0 0 10px #000;
    box-shadow: 0 0 10px #000;
    text-align: left;
  }
  #taskalfa-pro-15000c-modal .taskalfa-pro-15000c-select-region-overlay__inner {
    width: 100%;
    box-sizing: border-box;
    height: auto;
    padding: calc(70/750*100vw) calc(30/750*100vw);
  }
  #taskalfa-pro-15000c-modal .taskalfa-pro-15000c-select-region-overlay__title {
    font-size: calc(40/750*100vw);
    margin-bottom: 25px;
  }
  #taskalfa-pro-15000c-modal .taskalfa-pro-15000c-select-region-block .taskalfa-pro-15000c-select-region__col {
    padding: 0;
  }
  #taskalfa-pro-15000c-modal .taskalfa-pro-15000c-select-region__country {
    padding-left: 0;
    background: none;
    width: 50%;
  }
  #taskalfa-pro-15000c-modal .taskalfa-pro-15000c-select-region-block ul {
    margin-left: 20px;
  }
  #taskalfa-pro-15000c-modal .taskalfa-pro-15000c-select-region-block ul:first-of-type {
    margin-left: 0;
  }
  #taskalfa-pro-15000c-modal .taskalfa-pro-15000c-select-region-block ul:last-of-type {
    margin-bottom: 65px;
  }
  #taskalfa-pro-15000c-modal .taskalfa-pro-15000c-select-region-block .taskalfa-pro-15000c-select-region__col2 .taskalfa-pro-15000c-unit.taskalfa-pro-15000c-half {
    float: left;
    width: 44%;
    padding-bottom: 65px;
  }
  #taskalfa-pro-15000c-modal .taskalfa-pro-15000c-select-region__col2::after {
    content: '';
    display: block;
    clear: both;
  }
  #taskalfa-pro-15000c-modal .taskalfa-pro-15000c-select-region-block ul::after {
    content: '';
    display: block;
    clear: both;
  }
  #taskalfa-pro-15000c-modal .taskalfa-pro-15000c-select-region-block .taskalfa-pro-15000c-select-region__col .taskalfa-pro-15000c-unit li:first-child {
    margin-top: 5px;
  }
  #taskalfa-pro-15000c-modal .taskalfa-pro-15000c-select-region-block .taskalfa-pro-15000c-select-region__col .taskalfa-pro-15000c-unit li {
    margin-top: 5px;
    word-break: keep-all;
    width: 44%;
    float: left;
    border-bottom: 1px solid #ccc;
    line-height: 2.5;
    margin-right: 20px;
    padding-right: 0;
  }
  #taskalfa-pro-15000c-modal .taskalfa-pro-15000c-select-region-block .taskalfa-pro-15000c-select-region__col .taskalfa-pro-15000c-unit li:nth-child(even) {
    /*margin-left: 30px;*/
  }
  #taskalfa-pro-15000c-modal .taskalfa-pro-15000c-select-region-block .taskalfa-pro-15000c-select-region__col2 .taskalfa-pro-15000c-unit li {
    width: 100%;
  }
}

/*# sourceMappingURL=taskalfa-pro-15000c.css.map */

body{
	/* background:url(../images/1.2.jpg) no-repeat top center; */
	/* opacity:0.5; */
}
.contact-wapper .contact-section{
	box-sizing:border-box;
	padding-top:20px;
	padding-bottom:100px;
}
.contact-wapper .contact-top .contact-sales{
	text-align:center;
	display:block;
	width:400px;
	color:#fff;
	margin:auto;
	background-color:#ff6300;
	font-size:16px;
	line-height:54px;
	margin-bottom:20px;
}
.contact-wapper .contact-top .catelog-catelog{
	text-align:center;
	display:block;
	width:400px;
	color:#fff;
	margin:auto;
	background-color:#0a9bcd;
	font-size:16px;
	line-height:54px;
}
.movie_fix{
    padding-top: 20px;
    padding-left: 0px;
}
.vdp-ttl{
    position: relative;
}
.vdp-ttl h3 {
    display: contents;
}
.vdp-txt {
   display: contents;
}
.technology-videos h2 {
    width: 100%;
}
.variable-data-printing-ttl{
	text-align:center;
	padding-bottom:25px;
}
.vdp-txt-wapper {
     width: auto;
    display: inline-block;
}
@media only screen and (min-width: 768px) and (max-width: 1150px) {
	.contact-wapper .contact-top .contact-sales{
		width:320px;
	}
	.contact-wapper .contact-top .catelog-catelog{
		width:320px;
	}
	.mainv-ttl {
		font-size: 2.3vw !important;
	}
	#taskalfa-pro-15000c h1 {
		font-size: 4.4vw;
	}
	.mainv-copy {
		font-size: 1.6vw !important;
	}
	#taskalfa-pro-15000c .mainv-h2 {
		top: 7.69vw;
		left: 60.13vw;
		font-size: 3.8vw;
	}
	.high-productivity-area .iems-txt {
		width: calc(530/1150*100vw);
	}
	.technology-videos ul {
		width: 100%;
	}
	.high-productivity-area .uftb-box h5 {
		width: 50%;
	}
	.high-productivity-area .uftb-img {
		width: 50%;
	}
}


@media screen and (min-width: 320px) and (max-width: 767px) {

	.main-img {
		top: 16.4vw;
		right: 0;
		width: 70.5vw;
		left: auto;
	}
 
}