@charset "UTF-8";
/* CSS Document */
/* Scss Document */
/* Scss Document */
#machine { background: #FAFAFA; }

#machine_test { background: #FAFAFA; }

.titleimg { margin-bottom: 7.6271186441%; background: url("/img/machine/mainimg.png") center/cover no-repeat; }
@media screen and (max-width: 769px) { .titleimg { margin-bottom: 45px; } }
@media screen and (min-width: 1180px) { .titleimg { margin-bottom: 90px; } }
.titleimg__wrap { position: relative; height: 200px; }
.titleimg__wrap h2 { font-size: 2.5rem; position: absolute; top: 50%; left: 4%; letter-spacing: 0.1em; font-family: 黎ミン R, Reimin Regular, YuMincho, "Yu Mincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; font-weight: normal; color: #fff; transform: translate(0, -50%); }
@media (min-width: 769px) { .titleimg__wrap h2 { font-size: calc( 2.5rem + ( 1vw - 7.69px ) * 3.6496350365 ); } }
@media (min-width: 1180px) { .titleimg__wrap h2 { font-size: 4rem; } }
.titleimg.test { background: url("/img/machine/titleimg.png") center/cover no-repeat; }
.titleimg.test .titleimg__wrap h2 { color: #002C83; text-shadow: 0 0 5px #fff; }

.category-btn h3 { margin-bottom: 2.1186440678%; font-size: 1.6rem; color: #B1B1B1; font-weight: normal; letter-spacing: 0.1em; text-align: left; }
@media screen and (max-width: 769px) { .category-btn h3 { margin-bottom: 12.5px; } }
@media screen and (min-width: 1180px) { .category-btn h3 { margin-bottom: 25px; } }
@media (min-width: 769px) { .category-btn h3 { font-size: calc( 1.6rem + ( 1vw - 7.69px ) * 0.4866180049 ); } }
@media (min-width: 1180px) { .category-btn h3 { font-size: 1.8rem; } }

.category-parts { margin-bottom: 7.6271186441%; }
@media screen and (max-width: 769px) { .category-parts { margin-bottom: 45px; } }
@media screen and (min-width: 1180px) { .category-parts { margin-bottom: 90px; } }
.category-parts__contents { padding: 15px 20px; background: #fff; }
.category-parts__machine-name { flex: 0 1 59%; width: 59%; max-width: 59%; }
.category-parts__machine-name h4 { font-size: 1.6rem; padding-bottom: 2px; margin-bottom: 7px; color: #002C83; border-bottom: solid 1px #F2F2F2; }
@media (min-width: 769px) { .category-parts__machine-name h4 { font-size: calc( 1.6rem + ( 1vw - 7.69px ) * 0.4866180049 ); } }
@media (min-width: 1180px) { .category-parts__machine-name h4 { font-size: 1.8rem; } }
.category-parts__machine-name p { font-size: 1.2rem; text-align: justify; }
@media (min-width: 769px) { .category-parts__machine-name p { font-size: calc( 1.2rem + ( 1vw - 7.69px ) * 0.4866180049 ); } }
@media (min-width: 1180px) { .category-parts__machine-name p { font-size: 1.4rem; } }
.category-parts__machine-img { flex: 0 1 40%; width: 40%; max-width: 40%; display: block; }
.category-parts__open-btn { position: relative; height: 40px; background: #002C83; }
.category-parts__open-btn:before { position: absolute; content: ""; top: 50%; left: 50%; width: 10px; height: 10px; border-bottom: solid 1px #fff; border-right: solid 1px #fff; transform: rotate(45deg) translate(-50%, -50%); }
.category-parts__open-btn.active:before { top: 65%; border-bottom: none; border-right: none; border-top: solid 1px #fff; border-left: solid 1px #fff; transform: rotate(45deg) translate(-50%, -50%); }
.category-parts__open-contents { display: none; border-top: solid 1px #002C83; }
.category-parts__detail-contents { -webkit-align-items: center; -ms-align-items: center; align-items: center; padding: 15px 20px; margin-bottom: 2px; }
.category-parts__contents-img { flex: 0 1 36%; width: 36%; max-width: 36%; }
.category-parts__contents-box { flex: 0 1 55%; width: 55%; max-width: 55%; }
.category-parts__contents-box a { font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif"; padding: 10px; max-width: 220px; font-weight: bold; }
.category-parts__contents-box a:after { width: 6px; height: 6px; top: calc(50% - 2px); }
.category-parts__contents-name { margin-bottom: 10px; font-weight: bold; font-size: 1.6rem; }

/*------------------------------
		769px以上
------------------------------*/
@media screen and (min-width: 769px) { .titleimg__wrap { height: 370px; }
  .category-btn__wrap { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-align-content: flex-start; -ms-flex-line-pack: start; align-content: flex-start; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; margin-bottom: 50px; }
  .category-btn__wrap li { flex: 0 1 auto; width: auto; max-width: auto; margin: 0 10px 10px; }
  .category-btn__wrap li a { display: block; padding: 5px 10px; font-size: 1.6rem; background: #fff; color: #002C83; border: solid 1px #002C83; transition: .3s; }
  .category-btn__wrap li a:hover { opacity: 1; background: #002C83; color: #fff; transition: .3s; }
  .category-parts { padding-top: 160px; margin-top: -160px; }
  .category-parts__contents { background: rgba(255, 255, 255, 0) !important; padding: 0; margin-bottom: 30px; }
  .category-parts__machine-name { flex: 0 1 100%; width: 100%; max-width: 100%; }
  .category-parts__machine-name h4 { border-bottom: solid 1px #002C83; }
  .category-parts__machine-img { display: none; }
  .category-parts__open-contents { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-align-content: flex-start; -ms-flex-line-pack: start; align-content: flex-start; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; display: flex !important; border-top: none; }
  .category-parts__detail-contents { flex: 0 1 47%; width: 47%; max-width: 47%; box-sizing: border-box; margin-bottom: 40px; padding: 30px; background: #fff; }
  .category-parts__detail-contents.none { background: transparent; }
  .category-parts__contents-img { flex: 0 1 100%; width: 100%; max-width: 100%; margin-bottom: 5px; }
  .category-parts__contents-box { flex: 0 1 100%; width: 100%; max-width: 100%; border-top: solid 1px #F2F2F2; }
  .category-parts__contents-name { margin: 15px 0; text-align: center; } }
/*------------------------------
		1024px以上
------------------------------*/
@media screen and (min-width: 961px) { .category-btn__wrap li { margin: 0 5px 10px; }
  .category-parts__detail-contents { flex: 0 1 32%; width: 32%; max-width: 32%; } }
/*------------------------------
		1200px以上
------------------------------*/
@media screen and (min-width: 1181px) { .category-btn { position: absolute; top: auto; left: 2vw; padding-top: 20px; z-index: 10; }
  .category-btn__wrap { display: block; margin-bottom: 50px; }
  .category-btn__wrap li { display: block; margin: 0 0 10px 0; }
  .category-btn__wrap li a { position: relative; padding: 0 0 0 20px; background: rgba(255, 255, 255, 0); font-weight: bold; border: none; }
  .category-btn__wrap li a:hover { opacity: 0.7; color: #002C83; background: rgba(255, 255, 255, 0); transition: .3s; }
  .category-btn__wrap li a:before { position: absolute; content: ""; top: 45%; left: 0px; width: 5px; height: 5px; border-top: solid 1px #002C83; border-right: solid 1px #002C83; transform: rotate(45deg) translate(0, -50%); }
  .category-btn.fixed { position: fixed; top: 141px; }
  #machine_test { background: #FAFAFA; }
  #machine_test .category-btn h3 { margin-bottom: 15px; }
  #machine_test .category-btn__wrap li { margin: 0 0 7px 0; }
  .category-parts .pc-pd { width: calc(96vw - 240px); margin-left: 20vw; } }
@media screen and (min-width: 1480px) { .category-parts__detail-contents { flex: 0 1 30%; width: 30%; max-width: 30%; } }

/*# sourceMappingURL=style.css.map */