/* layout */
/*
  Flex
-----------------------------------------------------*/
.c-flex {
  display: flex; }
  .c-flex.-fxd-c {
    flex-direction: column; }
  .c-flex.-fxd-cr {
    flex-direction: column-reverse; }
  .c-flex.-fxd-r {
    flex-direction: row; }
  .c-flex.-fxd-rr {
    flex-direction: row-reverse; }
  .c-flex.-fxw-n {
    flex-wrap: nowrap; }
  .c-flex.-fxw-w {
    flex-wrap: wrap; }
  .c-flex.-fxw-wr {
    flex-wrap: wrap-reverse; }
  .c-flex.-jc-c {
    justify-content: center; }
  .c-flex.-jc-fe {
    justify-content: flex-end; }
  .c-flex.-jc-fs {
    justify-content: flex-start; }
  .c-flex.-jc-sa {
    justify-content: space-around; }
  .c-flex.-jc-sb {
    justify-content: space-between; }
  .c-flex.-ai-b {
    align-items: baseline; }
  .c-flex.-ai-c {
    align-items: center; }
  .c-flex.-ai-fe {
    align-items: flex-end; }
  .c-flex.-ai-fs {
    align-items: flex-start; }
  .c-flex.-ai-s {
    align-items: stretch; }
  .c-flex.-ac-c {
    align-content: center; }
  .c-flex.-ac-fe {
    align-content: flex-end; }
  .c-flex.-ac-fs {
    align-content: flex-start; }
  .c-flex.-ac-s {
    align-content: stretch; }
  .c-flex.-ac-sa {
    align-content: space-around; }
  .c-flex.-ac-sb {
    align-content: space-between; }

.c-flex__item.-ord-1 {
  order: 1; }
.c-flex__item.-ord-2 {
  order: 2; }
.c-flex__item.-ord-3 {
  order: 3; }
.c-flex__item.-ord-4 {
  order: 4; }
.c-flex__item.-ord-5 {
  order: 5; }
.c-flex__item.-ord-6 {
  order: 6; }
.c-flex__item.-ord-7 {
  order: 7; }
.c-flex__item.-ord-8 {
  order: 8; }
.c-flex__item.-ord-9 {
  order: 9; }
.c-flex__item.-ord-10 {
  order: 10; }

/*
  content
-----------------------------------------------------*/
.c600 {
  width: 600px;
  margin: 0 auto; }
  @media all and (min-width: 750px) and (max-width: 1120px) {
    .c600 {
      width: 75.47%; } }
  @media screen and (max-width: 749px) {
    .c600 {
      width: 90%; } }

.c715 {
  width: 715px;
  margin: 0 auto; }
  @media all and (min-width: 750px) and (max-width: 1120px) {
    .c715 {
      width: 67.45%; } }
  @media screen and (max-width: 749px) {
    .c715 {
      width: 90%; } }

.c735 {
  width: 735px;
  margin: 0 auto; }
  @media all and (min-width: 750px) and (max-width: 1120px) {
    .c735 {
      width: 69.34%; } }
  @media screen and (max-width: 749px) {
    .c735 {
      width: 90%; } }

.c735-fit {
  width: 735px;
  margin: 0 auto; }
  @media all and (min-width: 750px) and (max-width: 1120px) {
    .c735-fit {
      width: 69.34%; } }
  @media screen and (max-width: 749px) {
    .c735-fit {
      width: 100%; } }

.c750 {
  width: 750px;
  margin: 0 auto; }
  @media all and (min-width: 750px) and (max-width: 1120px) {
    .c750 {
      width: 70.75%; } }
  @media screen and (max-width: 749px) {
    .c750 {
      width: 90%; } }

.c800 {
  width: 800px;
  margin: 0 auto;
  text-align: center; }
  @media all and (min-width: 750px) and (max-width: 1120px) {
    .c800 {
      width: 75.47%; } }
  @media screen and (max-width: 749px) {
    .c800 {
      width: 90%; } }

.c900 {
  width: 900px;
  margin: 0 auto; }
  @media all and (min-width: 750px) and (max-width: 1120px) {
    .c900 {
      width: 84.91%; } }
  @media screen and (max-width: 749px) {
    .c900 {
      width: 90%; } }

.c960 {
  width: 960px;
  margin: 0 auto; }
  @media all and (min-width: 750px) and (max-width: 1120px) {
    .c960 {
      width: 94.64%; } }
  @media screen and (max-width: 749px) {
    .c960 {
      width: 90%; } }

.c1060 {
  width: 1060px;
  margin: 0 auto; }
  @media all and (min-width: 750px) and (max-width: 1120px) {
    .c1060 {
      width: 94.64%; } }
  @media screen and (max-width: 749px) {
    .c1060 {
      width: 90%; } }

.c1060-fit {
  width: 1060px;
  margin: 0 auto; }
  @media all and (min-width: 750px) and (max-width: 1120px) {
    .c1060-fit {
      width: 94.64%; } }
  @media screen and (max-width: 749px) {
    .c1060-fit {
      width: 100%; } }

.c1000 {
  width: 1000px;
  margin: 0 auto; }
  @media all and (min-width: 750px) and (max-width: 1120px) {
    .c1000 {
      width: 94.64%; } }
  @media screen and (max-width: 749px) {
    .c1000 {
      width: 90%; } }

.t-indent li {
  font-size: 1.8rem;
  line-height: 2.4rem;
  margin-left: 1em;
  text-indent: -1em;
  margin-bottom: 10px; }
  @media screen and (max-width: 749px) {
    .t-indent li {
      font-size: 1.4rem;
      line-height: 2rem;
      margin-bottom: 5px; } }