@charset "utf-8";
/* CSS Document */

/*--- 背景1 ---*/
body.company, body.about, body.activity, body.news, body.column, body.tax-column_category, body.category, body.profile, body.members, body.clients, body.sdgs, body.message, body.archive,
body.recruit, body.interview-01, body.interview-02, body.interview-03, body.interview-04, body.interview-05,
body.job-01, body.job-02, body.single-post, body.single-column, body.single-cases,body.single-solution, body.service, body.belief,body.post-type-archive-faq,body.single-faq,
body.case, body.solutions, body.solution-design, body.engineering, body.event, body.single-interview, body.tax_engineer, body.tax_designer, body.page-template-page-company__job-other {
  background: url('data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%221185.91%22%20height%3D%22641%22%20preserveAspectRatio%3D%22xMaxYMin%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%201185.91%20641%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%237cc953%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpolygon%20points%3D%221185.91%200%20871.69%200%201028.8%20157.11%201185.91%200%22%2F%3E%3Cpolygon%20class%3D%22cls-1%22%20points%3D%22144.68%200%200%20144.68%20496.32%20641%20497.29%20641%201138.29%200%20144.68%200%22%2F%3E%3C%2Fsvg%3E') no-repeat 98% top;
  background-size: 84%;
  animation: topdown 1.5s cubic-bezier(0.295, 0.005, 0.035, 1.000);
}
body.interview-01, body.interview-02, body.job-01, body.single-column.tax_engineer, body.engineering, body.tax_engineer {
  background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%221185.91%22%20height%3D%22641%22%20preserveAspectRatio%3D%22xMaxYMin%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%201185.91%20641%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%230082b5%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpolygon%20points%3D%221185.91%200%20871.69%200%201028.8%20157.11%201185.91%200%22%2F%3E%3Cpolygon%20class%3D%22cls-1%22%20points%3D%22144.68%200%200%20144.68%20496.32%20641%20497.29%20641%201138.29%200%20144.68%200%22%2F%3E%3C%2Fsvg%3E');
}
@media screen and (max-width: 1400px) {
  body.company, body.about, body.activity, body.news, body.column, body.tax-column_category, body.category, body.profile, body.members, body.clients, body.sdgs, body.message, body.archive,
  body.recruit, body.interview-01, body.interview-02, body.interview-03, body.interview-04, body.interview-05,
  body.job-01, body.job-02, body.single-post, body.single-column, body.single-cases,body.single-solution, body.service, body.belief,body.post-type-archive-faq,body.single-faq,
  body.case, body.solutions, body.solution-design, body.engineering, body.event, body.single-interview, body.tax_engineer, body.tax_designer, body.page-template-page-company__job-other {
    background: url('data:image/svg+xml;charset=utf8,%3Csvg%20preserveAspectRatio%3D%22xMaxYMin%22%20width%3D%221400%22%20height%3D%22642%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%201400%20642%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23fff%3B%7D.cls-2%7Bfill%3A%237cc953%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Crect%20class%3D%22cls-1%22%20width%3D%221400%22%20height%3D%22642%22%2F%3E%3Cpolygon%20points%3D%221370.65%200%201056.43%200%201213.54%20157.11%201370.65%200%22%2F%3E%3Cpolygon%20class%3D%22cls-2%22%20points%3D%22681.54%20641.48%201323.03%200%20329.42%200%20184.74%20144.68%20681.54%20641.48%22%2F%3E%3C%2Fsvg%3E') no-repeat center top;
    background-size: 1400px auto;
    animation: topdown_w1400 1.5s cubic-bezier(0.295, 0.005, 0.035, 1.000);
  }
  body.interview-01, body.interview-02, body.job-01, body.single-column.tax_engineer, body.engineering, body.tax_engineer {
    background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20preserveAspectRatio%3D%22xMaxYMin%22%20width%3D%221400%22%20height%3D%22642%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%201400%20642%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23fff%3B%7D.cls-2%7Bfill%3A%230082b5%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Crect%20class%3D%22cls-1%22%20width%3D%221400%22%20height%3D%22642%22%2F%3E%3Cpolygon%20points%3D%221370.65%200%201056.43%200%201213.54%20157.11%201370.65%200%22%2F%3E%3Cpolygon%20class%3D%22cls-2%22%20points%3D%22681.54%20641.48%201323.03%200%20329.42%200%20184.74%20144.68%20681.54%20641.48%22%2F%3E%3C%2Fsvg%3E');
  }
}
.company #container, .about #container, .activity #container, .news #container, .column #container, .tax-column_category #container, .profile #container, .members #container, .clients #container, .sdgs #container, .message #container, .recruit #container, .archive #container,
.interview-01 #container, .interview-02 #container, .interview-03 #container, .interview-04 #container, .interview-05 #container,
.job-01 #container, .job-02 #container, .single-post #container, .single-column #container, .single-cases #container,.single-solution #container, .service #container, .case #container, .solutions #container, .solution-design #container, .engineering #container, .event #container,.post-type-archive-faq #container, .single-faq #container,
.single-interview #container, .tax_engineer #container, .tax_designer #container, .page-template-page-company__job-other #container {
  background: url('data:image/svg+xml;charset=utf8,%3Csvg%20preserveAspectRatio%3D%22xMidYMax%22%20width%3D%221400%22%20height%3D%222230.9%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%201400%202230.9%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%230082b5%3B%7D.cls-2%7Bfill%3A%237cc953%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpolygon%20points%3D%221161.24%201421.1%201400%201182.34%201400%2048%20594.07%20853.93%201161.24%201421.1%22%2F%3E%3Cpolygon%20class%3D%22cls-1%22%20points%3D%221400%201134.34%201400%200%200%201400%200%201411.86%20561.24%201973.1%201400%201134.34%22%2F%3E%3Cpolygon%20class%3D%22cls-2%22%20points%3D%22870.61%201663.73%200%20793.12%200%201927.46%20303.44%202230.9%20870.61%201663.73%22%2F%3E%3C%2Fsvg%3E') no-repeat center 2500px;
/*  background: url('data:image/svg+xml;charset=utf8,%3Csvg%20preserveAspectRatio%3D%22xMidYMax%22%20width%3D%221400%22%20height%3D%224953.25%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%201400%204953.25%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%230082b5%3B%7D.cls-2%7Bfill%3A%237cc953%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpolygon%20points%3D%221161.39%201421.25%201400.3%201182.34%201400.3%2048%20594.22%20854.08%201161.39%201421.25%22%2F%3E%3Cpolygon%20class%3D%22cls-1%22%20points%3D%221400.3%201134.34%201400.3%200%200%201400.3%200%201411.86%20561.39%201973.25%201400.3%201134.34%22%2F%3E%3Cpolygon%20class%3D%22cls-2%22%20points%3D%221400.3%202420%200%203820.3%200%204953.25%201.4%204953.25%201400.3%203554.34%201400.3%202420%22%2F%3E%3Cpolygon%20class%3D%22cls-2%22%20points%3D%22870.76%201663.88%200%20793.12%200%201927.46%20303.59%202231.05%20870.76%201663.88%22%2F%3E%3C%2Fsvg%3E') no-repeat center 2500px;*/
  background-size: 100%;
}
/* #containerの高さが長い場合*/
.single-post #container {
  background-position: center 6000px;
}

.interview-01 #container, .interview-02 #container, .job-01 #container, .tax_engineer #container {
  background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20preserveAspectRatio%3D%22xMidYMax%22%20width%3D%221400%22%20height%3D%222230.9%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%201400%202230.9%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%237cc953%3B%7D.cls-2%7Bfill%3A%230082b5%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpolygon%20points%3D%221161.24%201421.1%201400%201182.34%201400%2048%20594.07%20853.93%201161.24%201421.1%22%2F%3E%3Cpolygon%20class%3D%22cls-1%22%20points%3D%221400%201134.34%201400%200%200%201400%200%201411.86%20561.24%201973.1%201400%201134.34%22%2F%3E%3Cpolygon%20class%3D%22cls-2%22%20points%3D%22870.61%201663.73%200%20793.12%200%201927.46%20303.44%202230.9%20870.61%201663.73%22%2F%3E%3C%2Fsvg%3E');
}
@media screen and (max-width: 1400px) {
  .company #container, .about #container, .activity #container, .news #container, .column #container, .tax-column_category #container, .profile #container, .members #container, .clients #container, .sdgs #container, .message #container, .recruit #container, .archive #container,
  .interview-01 #container, .interview-02 #container, .interview-03 #container, .interview-04 #container, .interview-05 #container,
  .job-01 #container, .job-02 #container, .single-post #container, .single-column #container, .single-cases #container,.single-solution #container, .service #container, .case #container, .solutions #container, .solution-design #container, .engineering #container, .event #container,.post-type-archive-faq #container, .single-faq #container,
　.single-interview #container, .tax_engineer #container, .tax_designer #container, .page-template-page-company__job-other #container {
    background-size: 1400px auto;
  }
}

/*--- 背景2 ---*/
body.contact, body.ai, body.other, body.thanks, body.privacy, body.security, body.download, body.confirm, body.error, body.error404, body.notfound, body.sitemap, body.transmission {
  background: url('data:image/svg+xml;charset=utf8,%3Csvg%20preserveAspectRatio%3D%22xMaxYMin%22%20width%3D%22427%22%20height%3D%22378.61%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20427%20378.61%22%3E%3Cpath%20d%3D%22M344.48%200H0l172.24%20172.24L344.48%200z%22%2F%3E%3Cpath%20fill%3D%22%237cc953%22%20d%3D%22M48.39%200L427%20378.61V0H48.39z%22%2F%3E%3C%2Fsvg%3E') no-repeat right top;  
  background-size: 31%;
}
@media screen and (max-width: 1400px) {
  body.contact, body.ai, body.other, body.thanks, body.privacy, body.security, body.download, body.confirm, body.error, body.error404, body.notfound, body.sitemap, body.transmission {
    background-size: 427px auto;
  }
}

.contact #container, .ai #container, .other #container, .thanks #container, .privacy #container, .security #container, .download #container, .confirm #container, .error #container, .error404 #container, .notfound #container, .sitemap #container, .transmission #container {
  background: url('data:image/svg+xml;charset=utf8,%3Csvg%20preserveAspectRatio%3D%22xMinYMax%22%20width%3D%22254%22%20height%3D%22254%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20254%20254%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%230082b5%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpolygon%20class%3D%22cls-1%22%20points%3D%220%20254%20254%20254%20254%20253.98%200.02%200%200%200%200%20254%22%2F%3E%3C%2Fsvg%3E') no-repeat left bottom;
  background-size: 17%;
}
@media screen and (max-width: 1400px) {
  .contact #container, .ai #container, .other #container, .thanks #container, .privacy #container, .security #container, .download #container, .confirm #container, .error #container, .error404 #container, .notfound #container, .sitemap #container, .transmission #container {
    background-size: 210px auto;
  }
}


@media screen and (max-width: 768px) {
  .content {
		width: 90%;
	}
  
  /*--- 背景1 ---*/
  body.company, body.about, body.activity, body.news, body.column, body.tax-column_category, body.category, body.profile, body.members, body.clients, body.sdgs, body.message,
  body.recruit, body.interview-01, body.interview-02, body.interview-03, body.interview-04, body.interview-05,
  body.job-01, body.job-02, body.single-post, body.single-column, body.single-cases,body.single-solution, body.service, body.belief,body.post-type-archive-faq,body.single-faq,
  body.case, body.solutions, body.solution-design, body.engineering, body.event, body.single-interview, body.tax_engineer, body.tax_designer, body.page-template-page-company__job-other {
    background-position: 50% top;
    background-size: 1300px auto;
  }
  .company #container, .about #container, .activity #container, .news #container, .column #container, .tax-column_category #container, .profile #container, .members #container, .clients #container, .sdgs #container, .message #container, .recruit #container, .archive #container,
  .interview-01 #container, .interview-02 #container, .interview-03 #container, .interview-04 #container, .interview-05 #container,
  .job-01 #container, .job-02 #container, .single-post #container, .single-column #container, .single-cases #container, .single-solution #container, .service #container, .belief #container, .case #container, .solutions #container, .solution-design #container, .engineering #container, .event #container,.post-type-archive-faq #container, .single-faq #container,
  .single-interview #container, .tax_engineer #container, .tax_designer #container, .page-template-page-company__job-other #container {
    background-position: center bottom -1000px;
    background-size: 100% auto;
    /*background-size: 768px auto;*/
  }
  
  /*--- 背景2 ---*/
  body.contact, body.ai, body.other, body.thanks, body.privacy, body.security, body.download, body.confirm, body.error, body.error404, body.notfound, body.sitemap, body.transmission {
    background-size: 35%;
  }
  .contact #container, .ai #container, .other #container, .thanks #container, .privacy #container, .security #container, .download #container, .confirm #container, .error #container, .error404 #container, .notfound #container, .sitemap #container, .transmission #container {
    background-size: 20%;
  }

}


@media screen and (max-width: 420px) {
  /*--- 背景1 ---*/
  body.company, body.about, body.activity, body.news, body.column, body.tax-column_category, body.category, body.profile, body.members, body.clients, body.sdgs, body.message, body.archive,
  body.recruit, body.interview-01, body.interview-02, body.interview-03, body.interview-04, body.interview-05,
  body.job-01, body.job-02, body.single-post, body.single-column, body.single-cases, body.single-solution, body.service, body.belief,
  body.case, body.solutions, body.solution-design, body.engineering, body.event, body.tax_engineer, body.page-template-page-company__job-other {
    background-size: 950px auto;
  }
  
  /*--- 背景2 ---*/
  body.contact, body.ai, body.other, body.thanks, body.privacy, body.security, body.download, body.confirm, body.error, body.error404, body.notfound, body.sitemap, body.transmission {
    background-size: 45%;
  }
  .contact #container, .ai #container, .other #container, .thanks #container, .privacy #container, .security #container, .download #container, .confirm #container, .error #container, .error404 #container, .notfound #container, .sitemap #container, .transmission #container {
    background-size: 24%;
  }
  
}


/*--- 背景のアニメーション ---*/
#container.pos_pc {
  background-position: center 850px;
  /*background-position: center bottom -100px;*/
}
.anime_bottomup_pc {
  animation: bottomup_pc 1.5s cubic-bezier(0.295, 0.005, 0.035, 1.000);
}
#container.pos_pc_long {
  background-position: center 4000px;
}
.anime_bottomup_pc_long {
  animation: bottomup_pc_long 1.5s cubic-bezier(0.295, 0.005, 0.035, 1.000);
}
#container.pos_tab {
  background-position: center bottom -600px;
}
.anime_bottomup_tab {
  animation: bottomup_tab 1.5s cubic-bezier(0.295, 0.005, 0.035, 1.000);
}
#container.pos_sp {
  background-position: center bottom -280px;
}
.anime_bottomup_sp {
  animation: bottomup_sp 1.5s cubic-bezier(0.295, 0.005, 0.035, 1.000);
}

@keyframes topdown {
  from { background-position: 98% -300px; }
    to { background-position: 98% top; }
}
@keyframes topdown_w1400 {
  from { background-position: center -300px; }
    to { background-position: center top; }
}
@keyframes bottomup_pc {
  from { background-position: center 2500px; }
    to { background-position: center 850px; }
    /*to { background-position: center bottom -100px; }*/
}
@keyframes bottomup_pc_long {
  from { background-position: center 6000px; }
    to { background-position: center 4000px; }
}
@keyframes bottomup_tab {
  from { background-position: center bottom -1000px; }
    to { background-position: center bottom -600px; }
}
@keyframes bottomup_sp {
  from { background-position: center bottom -1000px; }
    to { background-position: center bottom -280px; }
}