@charset "UTF-8";
/*======================= business_pc =======================*/
.contents { font-family: "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif; }

@media (min-width: 769px) { .contents { margin-top: 11.5rem; background: url("../../images/business/bg.png") no-repeat; -moz-background-size: 100% auto; background-size: 100% auto; }
  .page_tl { position: relative; width: 53.6rem; height: 27.3rem; margin-bottom: 17rem; margin-left: 0; }
  .page_tl span { position: absolute; display: block; opacity: 0; }
  .page_tl span.tl_span01 { top: 0; left: 5.2rem; }
  .page_tl span.tl_span01 img { width: 38.1rem; }
  .page_tl span.tl_span02 { top: 7.5rem; left: 0; }
  .page_tl span.tl_span02 img { width: 44.2rem; }
  .page_tl span.tl_span03 { top: 14.3rem; right: 0; }
  .page_tl span.tl_span03 img { width: 25.3rem; }
  .page_tl span.tl_span04 { top: 22rem; right: 6.5rem; }
  .page_tl span.tl_span04 img { width: 40.5rem; }
  .page_tl.animated span.tl_span01 { -webkit-animation: fadeInUp .4s ease-out; -moz-animation: fadeInUp .4s ease-out; animation: fadeInUp .4s ease-out; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; animation-fill-mode: both; }
  .page_tl.animated span.tl_span02 { -webkit-animation: fadeInLeft .4s ease-out .3s; -moz-animation: fadeInLeft .4s ease-out .3s; animation: fadeInLeft .4s ease-out .3s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; animation-fill-mode: both; }
  .page_tl.animated span.tl_span03 { -webkit-animation: fadeIn .3s ease-out .6s; -moz-animation: fadeIn .3s ease-out .6s; animation: fadeIn .3s ease-out .6s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; animation-fill-mode: both; }
  .page_tl.animated span.tl_span04 { -webkit-animation: fadeInRight .4s ease-out .9s; -moz-animation: fadeInRight .4s ease-out .9s; animation: fadeInRight .4s ease-out .9s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; animation-fill-mode: both; }
  .box { position: relative; z-index: 0; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 105.13274%; }
  .box figure { position: relative; }
  .box figure picture { display: block; opacity: 0; }
  .box figure figcaption { position: absolute; opacity: 0; }
  .box figure figcaption img { height: 8.2rem; }
  .box .txt_box { width: 35rem; }
  .box .txt_box .tl { margin-bottom: 4rem; opacity: 0; }
  .box .txt_box .txt_color { margin: 0 0 3rem 3rem; color: #b1a486; font-size: 18px; font-size: 1.8rem; opacity: 0; }
  .box .txt_box .txt { margin-left: 3rem; font-size: 16px; font-size: 1.6rem; line-height: 2; opacity: 0; }
  .box.animated figure picture { -webkit-animation: fadeIn .3s ease-in 0s; -moz-animation: fadeIn .3s ease-in 0s; animation: fadeIn .3s ease-in 0s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; animation-fill-mode: both; }
  .box.animated figure figcaption { -webkit-animation: bounceIn .5s ease-out .2s; -moz-animation: bounceIn .5s ease-out .2s; animation: bounceIn .5s ease-out .2s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; animation-fill-mode: both; }
  .box.animated .txt_box .txt_color { -webkit-animation: fadeInUp .3s ease-out .4s; -moz-animation: fadeInUp .3s ease-out .4s; animation: fadeInUp .3s ease-out .4s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; animation-fill-mode: both; }
  .box.animated .txt_box .txt { -webkit-animation: fadeInUp .3s ease-out .6s; -moz-animation: fadeInUp .3s ease-out .6s; animation: fadeInUp .3s ease-out .6s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; animation-fill-mode: both; }
  .cont01 { margin-bottom: 21rem; }
  .cont01 .box::after { position: absolute; bottom: -8rem; right: 65rem; content: ''; width: 4.2rem; height: 4.2rem; background: #b1a486; }
  .cont01 .box figure { -webkit-box-ordinal-group: 3; -moz-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; width: 56.6rem; }
  .cont01 .box figure figcaption { top: -9.5rem; left: -11.5rem; }
  .cont01 .box .txt_box { margin: -2rem 7rem 0 12rem; }
  .cont01 .box .txt_box .tl img { width: 21.7rem; }
  .cont01 .box.animated .txt_box .tl { -webkit-animation: fadeInLeft .3s ease-out .3s; -moz-animation: fadeInLeft .3s ease-out .3s; animation: fadeInLeft .3s ease-out .3s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; animation-fill-mode: both; }
  .cont02 { margin-bottom: 29rem; }
  .cont02 .box { margin-left: -4rem; }
  .cont02 .box::after { position: absolute; bottom: -8rem; left: 45rem; content: ''; width: 4.2rem; height: 4.2rem; background: #322823; }
  .cont02 .box figure { width: 58.1rem; }
  .cont02 .box figure figcaption { top: -6.5rem; left: 9rem; }
  .cont02 .box .txt_box { margin: 7rem 0 0 5rem; }
  .cont02 .box .txt_box .tl img { width: 20rem; }
  .cont02 .box.animated .txt_box .tl { -webkit-animation: fadeInRight .3s ease-out .4s; -moz-animation: fadeInRight .3s ease-out .4s; animation: fadeInRight .3s ease-out .4s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; animation-fill-mode: both; }
  .cont03 { margin-bottom: 15rem; }
  .cont03 .box { width: 95rem; }
  .cont03 .box::after { position: absolute; top: -4.6rem; right: -7rem; z-index: -1; content: ''; width: 18.4rem; height: 18.4rem; background: #b1a486; }
  .cont03 .box figure { -webkit-box-ordinal-group: 3; -moz-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; width: 42.6rem; }
  .cont03 .box figure figcaption { top: -5rem; right: -7rem; }
  .cont03 .box .txt_box { width: 25.5rem; margin: 14rem 5rem 0 20rem; }
  .cont03 .box .txt_box .tl img { width: 20.6rem; }
  .cont03 .box.animated .txt_box .tl { -webkit-animation: fadeInLeft .3s ease-out .4s; -moz-animation: fadeInLeft .3s ease-out .4s; animation: fadeInLeft .3s ease-out .4s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; animation-fill-mode: both; }
  .cont04 { margin-bottom: 25rem; }
  .cont04 .box { width: 100rem; margin-left: 6rem; }
  .cont04 .box::after { position: absolute; bottom: -8rem; right: 2rem; content: ''; width: 4.2rem; height: 4.2rem; background: #b1a486; }
  .cont04 .box figure { z-index: 0; width: 39.7rem; }
  .cont04 .box figure::before { position: absolute; top: -6rem; left: -6rem; z-index: -1; content: ''; width: 13.2rem; height: 13.2rem; background: #322823; }
  .cont04 .box figure figcaption { top: -6.5rem; right: -6.5rem; }
  .cont04 .box .txt_box { margin: 15rem 0 0 10rem; }
  .cont04 .box .txt_box .tl img { width: 23.8rem; }
  .cont04 .box.animated .txt_box .tl { -webkit-animation: fadeInRight .3s ease-out .4s; -moz-animation: fadeInRight .3s ease-out .4s; animation: fadeInRight .3s ease-out .4s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; animation-fill-mode: both; }
  .cont05 .box { margin-left: 4rem; }
  .cont05 .box::after { position: absolute; bottom: -10rem; left: 9rem; content: ''; width: 4.2rem; height: 4.2rem; background: #322823; }
  .cont05 .box figure { z-index: 0; -webkit-box-ordinal-group: 3; -moz-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; width: 53.2rem; }
  .cont05 .box figure figcaption { top: -5.5rem; left: -6.5rem; /*z-index: -1;*/ }
  .cont05 .box .txt_box { margin: 10.5rem 5rem 0 10rem; }
  .cont05 .box .txt_box .tl img { width: 34.9rem; }
  .cont05 .box.animated .txt_box .tl { -webkit-animation: fadeInRight .3s ease-out .4s; -moz-animation: fadeInRight .3s ease-out .4s; animation: fadeInRight .3s ease-out .4s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; animation-fill-mode: both; }
  .brand { margin-left: 2.8rem; margin-top: 3rem; font-size: 1.2rem; }
  .brand_item { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; opacity: 0; }
  .brand_item:not(:last-child) { margin-bottom: 2rem; }
  .brand_item--logo { display: block; width: 40%; -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; }
  .brand_item--cap { display: block; width: 60%; -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; padding-left: 1.5rem; }
  .brand_item:nth-child(1) img { width: 6.4rem; }
  .brand_item:nth-child(2) img { width: 10.9rem; }
  .brand_item:nth-child(3) img { width: 14.1rem; }
  .brand_item:nth-child(4) img { width: 3.7rem; }
  .brand.animated .brand_item { -webkit-animation: fadeInUp .3s ease-out .6s; -moz-animation: fadeInUp .3s ease-out .6s; animation: fadeInUp .3s ease-out .6s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; animation-fill-mode: both; } }

/*======================= business_sp =======================*/
@media (max-width: 768px) { .contents { margin-top: 20rem; background: url("../../images/business/bg_sp.png") no-repeat; -moz-background-size: 100% auto; background-size: 100% auto; }
  .page_tl { width: 100%; margin: 0 0 15rem 0; text-align: center; }
  .page_tl img { width: 55rem; }
  .page_tl span { display: none; }
  .cont__row { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%; }
  .box { position: relative; width: 50.6rem; padding-top: 11.2rem; }
  .box figure { margin-bottom: 3rem; }
  .box figure figcaption { display: none; }
  .box .txt_box .tl { position: absolute; top: 0; left: 0; }
  .box .txt_box .tl img { width: auto; height: 8.2rem; }
  .box .txt_box .txt_color { margin: 0 5rem 1.5rem 0; color: #b1a486; font-size: 24px; font-size: 2.4rem; }
  .box .txt_box .txt { margin-right: 5rem; font-size: 22px; font-size: 2.2rem; line-height: 1.8; }
  .cont { position: relative; }
  .cont::before, .cont::after { position: absolute; content: ''; width: 2.8rem; height: 2.8rem; }
  .cont:not(:last-of-type) { margin-bottom: 19rem; }
  .cont:nth-child(even) .cont__row { -webkit-box-pack: end; -moz-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; }
  .cont:nth-child(odd) .cont__row { -webkit-box-pack: start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; }
  .cont:nth-child(odd) .box .txt_box .tl { left: 4rem; }
  .cont:nth-child(odd) .box .txt_box .txt_color, .cont:nth-child(odd) .box .txt_box .txt { margin-left: 4rem; }
  .cont.cont01::before { display: none; }
  .cont.cont01::after { bottom: -12.5rem; right: 6rem; width: 1.8rem; height: 1.8rem; background: #322823; }
  .cont.cont02::before { display: none; }
  .cont.cont02::after { bottom: -10rem; right: 20rem; background: #b1a486; }
  .cont.cont03::before { display: none; }
  .cont.cont03::after { display: none; }
  .cont.cont04::before { display: none; }
  .cont.cont04::after { bottom: -4rem; right: 6rem; background: #b1a486; }
  .cont.cont05::before { display: none; }
  .cont.cont05::after { display: none; }
  .brand { margin-left: 4rem; margin-top: 3rem; font-size: 22px; font-size: 2.2rem; width: 120%; }
  .brand_item { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; }
  .brand_item:not(:last-child) { margin-bottom: 2rem; }
  .brand_item--logo { display: block; width: 40%; -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; }
  .brand_item--cap { display: block; width: 60%; -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; padding-left: 1.5rem; }
  .brand_item:nth-child(1) img { width: 10.9rem; }
  .brand_item:nth-child(2) img { width: 15.2rem; }
  .brand_item:nth-child(3) img { width: 21rem; }
  .brand_item:nth-child(4) img { width: 6.5rem; } }