/*==================================================================== unique
*/
.intro {
  max-width: 1280px;
  margin: 0 auto;
  width: 95%;
  border-bottom: 1px solid #6190B8; }
  .intro .inr {
    width: 100% !important; }
    .intro .inr h3 {
      text-align: center;
      font-family: "M PLUS Rounded 1c", sans-serif;
      color: #6190B8;
      font-size: 1.2em;
      line-height: 2em;
      letter-spacing: .2em;
      font-weight: 500; }
      @media only screen and (max-width: 768px) {
        .intro .inr h3 {
          font-size: 1.1em;
          letter-spacing: .01em; } }

.group01 .inr .pic {
  margin-top: 40px; }
  @media only screen and (max-width: 768px) {
    .group01 .inr .pic {
      margin-top: 10px; } }
  .group01 .inr .pic ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between; }
    @media only screen and (max-width: 768px) {
      .group01 .inr .pic ul {
        -ms-flex-pack: distribute;
        justify-content: space-around; } }
    .group01 .inr .pic ul li {
      width: 23%; }
      @media only screen and (max-width: 768px) {
        .group01 .inr .pic ul li {
          width: 45%;
          margin-top: 10px; } }

.group01 .inr .linkArea ul {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }
  @media only screen and (max-width: 768px) {
    .group01 .inr .linkArea ul {
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between; } }
  .group01 .inr .linkArea ul li {
    width: 26%;
    margin: 0 10px; }
    @media only screen and (max-width: 768px) {
      .group01 .inr .linkArea ul li {
        margin: 0;
        width: 49%; } }

.groupWrap .inr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }
  .groupWrap .inr .group02,
  .groupWrap .inr .group03 {
    width: 47%; }
    @media only screen and (max-width: 768px) {
      .groupWrap .inr .group02,
      .groupWrap .inr .group03 {
        width: 100%; } }
    .groupWrap .inr .group02 .pic,
    .groupWrap .inr .group03 .pic {
      width: 100%;
      margin-top: 40px; }
      @media only screen and (max-width: 768px) {
        .groupWrap .inr .group02 .pic,
        .groupWrap .inr .group03 .pic {
          margin-top: 10px; } }
  @media only screen and (max-width: 768px) {
    .groupWrap .inr .group03 {
      margin-top: 40px; } }

.other {
  background: url(../images/group_bg.png) no-repeat 50% 100%/cover;
  padding-bottom: 400px !important; }
  .other .inr ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between; }
    .other .inr ul li {
      width: 31%; }
      @media only screen and (max-width: 768px) {
        .other .inr ul li {
          width: 100%;
          margin-top: 20px; } }
      .other .inr ul li a {
        display: block; }
        .other .inr ul li a:hover {
          opacity: .6; }

.txt {
  position: relative;
  padding-left: 20px;
  margin-bottom: auto; }
  .txt::before {
    content: '';
    width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 10px solid #F3994F;
    position: absolute;
    top: 10px;
    left: 0; }
  .txt h4 {
    color: #6190B8; }
    .txt h4 span {
      color: #646464;
      font-size: .7em;
      display: block;
      letter-spacing: .01em; }
  .txt p {
    margin-top: 10px; }

.linkArea {
  margin-top: 40px; }
  @media only screen and (max-width: 768px) {
    .linkArea {
      margin-top: 20px; } }
  .linkArea ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between; }
    .linkArea ul li {
      width: 48%; }
      @media only screen and (max-width: 768px) {
        .linkArea ul li {
          width: 49%; } }
      .linkArea ul li a {
        background-color: #6190B8;
        border: 1px solid #6190B8;
        color: #fff;
        max-width: inherit !important;
        width: 100% !important; }
        .linkArea ul li a::before {
          border-right: 1px solid #fff;
          border-bottom: 1px solid #fff; }
        .linkArea ul li a:hover {
          background-color: #fff;
          color: #6190B8; }