@charset "UTF-8";
/* ======================================== */
/* キービジュアル */
/* ======================================== */
#keyvisual {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 400px;
  background-image: url(../images/keyvisual.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top center; }
  @media screen and (min-width: 768px) {
    #keyvisual {
      height: 500px; } }
  @media screen and (min-width: 1200px) {
    #keyvisual {
      height: 600px; } }
  #keyvisual .keyvisual-content {
    text-align: center;
    color: #ffffff; }
    #keyvisual .keyvisual-content-text {
      margin: 0 0 20px 0;
      font-size: 1.6rem;
      color: #ffffff; }
      @media screen and (min-width: 768px) {
        #keyvisual .keyvisual-content-text {
          margin: 0 0 42px 0;
          font-size: 2.3rem; } }
    #keyvisual .keyvisual-content-title {
      margin: 0 0 32px 0;
      font-size: 3.2rem;
      font-weight: normal;
      color: #ffffff; }
      @media screen and (min-width: 768px) {
        #keyvisual .keyvisual-content-title {
          margin: 0 0 45px 0;
          font-size: 4.5rem; } }
    #keyvisual .keyvisual-content-dept {
      font-size: 1.4rem;
      color: #ffffff; }
      @media screen and (min-width: 768px) {
        #keyvisual .keyvisual-content-dept {
          font-size: 1.9rem; } }

/* ======================================== */
/* Welcome */
/* ======================================== */
#welcome {
  padding: 40px 0 0 0; }
  @media screen and (min-width: 768px) {
    #welcome {
      padding: 71px 0 0 0; } }
  #welcome .welcome-inner {
    width: 100%;
    max-width: 1100px;
    margin: 0 auto;
    padding: 40px 0;
    text-align: center;
    background-image: url(../images/welcom_bg.png);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: 100%; }
    @media screen and (min-width: 768px) {
      #welcome .welcome-inner {
        padding: 62px 0; } }
  #welcome .welcome-subtitle {
    margin: 0 0 10px 0;
    font-size: 1.8rem; }
    @media screen and (min-width: 768px) {
      #welcome .welcome-subtitle {
        margin: 0 0 20px 0;
        font-size: 2.4rem; } }
    @media screen and (min-width: 1200px) {
      #welcome .welcome-subtitle {
        margin: 0 0 20px 0;
        font-size: 3.5rem; } }
  #welcome .welcome-title {
    margin: 0 0 20px 0;
    font-size: 2.4rem;
    font-weight: normal; }
    @media screen and (min-width: 768px) {
      #welcome .welcome-title {
        font-size: 4rem; } }
    @media screen and (min-width: 1200px) {
      #welcome .welcome-title {
        margin: 0 0 40px 0;
        font-size: 7rem; } }
    #welcome .welcome-title span {
      font-size: inherit; }
    #welcome .welcome-title .blue-light {
      color: #46ADDD; }
    #welcome .welcome-title .red {
      color: #DD3A40; }
    #welcome .welcome-title .orange {
      color: #F6AC00; }
    #welcome .welcome-title .yellow {
      color: #FED711; }
    #welcome .welcome-title .green {
      color: #43AD85; }
    #welcome .welcome-title .blue {
      color: #2364BC; }
    #welcome .welcome-title .green-lignt {
      color: #A4C64A; }
  #welcome .welcome-text {
    margin: 0 0 40px 0;
    font-size: 1.6rem;
    color: #646362; }
    @media screen and (min-width: 768px) {
      #welcome .welcome-text {
        margin: 0 0 60px 0;
        font-size: 1.8rem; } }
    @media screen and (min-width: 1200px) {
      #welcome .welcome-text {
        margin: 0 0 97px 0;
        font-size: 2.1rem; } }
  #welcome .btn-entry {
    margin: 0 auto; }

/* ======================================== */
/* 事業紹介 */
/* ======================================== */
#corporate .corporate-summary {
  background-color: #46ADDD;
  background-image: url(../images/corporate_summary_bg.png);
  background-repeat: no-repeat;
  background-position: top center;
  background-size: cover; }
  #corporate .corporate-summary-inner {
    display: flex;
    justify-content: flex-end;
    position: relative;
    width: 100%;
    max-width: 1100px;
    margin: 0 auto;
    padding: 20px 20px; }
    @media screen and (min-width: 768px) {
      #corporate .corporate-summary-inner {
        padding: 47px 20px; } }
  #corporate .corporate-summary-content {
    width: 100%; }
    @media screen and (min-width: 768px) {
      #corporate .corporate-summary-content {
        width: calc(100% - 320px); } }
    @media screen and (min-width: 1200px) {
      #corporate .corporate-summary-content {
        width: auto; } }
  #corporate .corporate-summary-image {
    position: absolute;
    left: 0;
    top: 47px;
    display: none; }
    @media screen and (min-width: 768px) {
      #corporate .corporate-summary-image {
        display: block;
        width: 300px; } }
    @media screen and (min-width: 1200px) {
      #corporate .corporate-summary-image {
        width: auto; } }
  #corporate .corporate-summary-title {
    margin: 0 0 20px 0;
    font-size: 1.8rem;
    font-weight: normal;
    color: #ffffff; }
    @media screen and (min-width: 768px) {
      #corporate .corporate-summary-title {
        margin: 0 0 35px 0;
        font-size: 2rem; } }
    @media screen and (min-width: 1200px) {
      #corporate .corporate-summary-title {
        font-size: 3rem; } }
  #corporate .corporate-summary-list {
    margin: 0 0 20px 0; }
    @media screen and (min-width: 768px) {
      #corporate .corporate-summary-list {
        margin: 0 0 35px 0; } }
    #corporate .corporate-summary-list li {
      font-size: 1.6rem;
      color: #ffffff; }
      @media screen and (min-width: 768px) {
        #corporate .corporate-summary-list li {
          font-size: 2rem; } }
      @media screen and (min-width: 1200px) {
        #corporate .corporate-summary-list li {
          font-size: 2.3rem; } }
  #corporate .corporate-summary-text {
    font-size: 1.4rem;
    color: #ffffff; }
    @media screen and (min-width: 768px) {
      #corporate .corporate-summary-text {
        font-size: 1.6rem; } }
    @media screen and (min-width: 1200px) {
      #corporate .corporate-summary-text {
        font-size: 2rem; } }
#corporate .corporate-intro {
  padding: 20px;
  background-image: url(../images/corporate_introduction_bg.png);
  background-position: center top;
  background-size: cover; }
  @media screen and (min-width: 1200px) {
    #corporate .corporate-intro {
      padding: 50px 0 70px 0; } }
  #corporate .corporate-intro-inner {
    width: 100%;
    max-width: 1150px;
    margin: 0 auto;
    padding: 40px 20px;
    background-color: #ffffff; }
    @media screen and (min-width: 768px) {
      #corporate .corporate-intro-inner {
        padding: 40px; } }
    @media screen and (min-width: 1200px) {
      #corporate .corporate-intro-inner {
        padding: 66px 83px 68px 44px; } }
  #corporate .corporate-intro-item {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 100%;
    height: auto;
    margin: 0 0 40px 0; }
    @media screen and (min-width: 768px) {
      #corporate .corporate-intro-item {
        margin: 0 0 50px 0; } }
    #corporate .corporate-intro-item:last-child {
      margin: 0; }
    #corporate .corporate-intro-item-image {
      display: none;
      width: 100%;
      margin: 0 0 20px 0; }
      @media screen and (min-width: 768px) {
        #corporate .corporate-intro-item-image {
          display: block;
          width: 320px;
          margin: 0 25px 0 0; } }
    #corporate .corporate-intro-item-content {
      width: 100%; }
      @media screen and (min-width: 768px) {
        #corporate .corporate-intro-item-content {
          width: calc(100% - 345px); } }
      #corporate .corporate-intro-item-content h2 {
        margin: 0 0 15px 0; }
        @media screen and (min-width: 768px) {
          #corporate .corporate-intro-item-content h2 {
            margin: 0 0 25px 0; } }
        #corporate .corporate-intro-item-content h2 img {
          width: auto;
          height: 60px; }
          @media screen and (min-width: 768px) {
            #corporate .corporate-intro-item-content h2 img {
              height: 40px; } }
          @media screen and (min-width: 1200px) {
            #corporate .corporate-intro-item-content h2 img {
              height: 60px; } }
      #corporate .corporate-intro-item-content-image {
        max-width: 240px;
        margin: 0 auto 20px; }
        @media screen and (min-width: 768px) {
          #corporate .corporate-intro-item-content-image {
            display: none; } }
      #corporate .corporate-intro-item-content h3 {
        margin: 0 0 10px 0;
        font-size: 1.6rem;
        font-weight: normal; }
        @media screen and (min-width: 768px) {
          #corporate .corporate-intro-item-content h3 {
            font-size: 1.8rem; } }
        @media screen and (min-width: 1200px) {
          #corporate .corporate-intro-item-content h3 {
            margin: 0 0 13px 0;
            font-size: 2rem; } }
      #corporate .corporate-intro-item-content p {
        margin: 0 0 20px 0; }
        @media screen and (min-width: 768px) {
          #corporate .corporate-intro-item-content p {
            margin: 0 0 25px 0; } }
      #corporate .corporate-intro-item-content .btn-tab {
        margin: 0 auto; }
        @media screen and (min-width: 768px) {
          #corporate .corporate-intro-item-content .btn-tab {
            margin: 0 0 0 auto; } }
    #corporate .corporate-intro-item:nth-child(even) .corporate-intro-item-image {
      order: 2;
      margin: 0 0 0 25px; }
    #corporate .corporate-intro-item:nth-child(even) .corporate-intro-item-content {
      order: 1; }
    #corporate .corporate-intro-item:nth-child(even) .btn-tab {
      margin: 0 auto 0 0; }

/* ======================================== */
/* 事業紹介 */
/* ======================================== */
#business {
  background-image: url(../images/business_bg.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover; }
  #business .business-inner {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
    max-width: 1100px;
    margin: 0 auto;
    padding: 40px 20px 80px;
    background-image: url(../images/business_bg_text.png);
    background-position: top 100px right 20px;
    background-repeat: no-repeat;
    background-size: 50%; }
    @media screen and (min-width: 768px) {
      #business .business-inner {
        padding: 40px 20px 100px;
        background-position: top 120px right 20px; } }
    @media screen and (min-width: 1200px) {
      #business .business-inner {
        padding: 83px 0 40px;
        background-position: top 120px right 106px;
        background-size: auto; } }
  #business .business-title {
    display: flex;
    align-items: flex-end;
    justify-content: center;
    width: 100%;
    margin: 0 0 58px 0;
    text-align: center;
    font-size: 2rem;
    font-weight: normal;
    color: #0E4C7B; }
    @media screen and (min-width: 768px) {
      #business .business-title {
        font-size: 2.4rem; } }
    @media screen and (min-width: 1200px) {
      #business .business-title {
        align-items: flex-start;
        font-size: 3rem; } }
    #business .business-title:before {
      content: url(../images/business_title_before.png);
      margin: 0 20px 0 0; }
      @media screen and (min-width: 768px) {
        #business .business-title:before {
          margin: 0 108px 0 0; } }
    #business .business-title:after {
      content: url(../images/business_title_after.png);
      margin: 0 0 0 20px; }
      @media screen and (min-width: 768px) {
        #business .business-title:after {
          margin: 0 0 0 108px; } }
  #business .business-item {
    position: relative;
    width: 46%;
    height: auto;
    min-height: 160px;
    margin: 0 0 60px 0; }
    @media screen and (min-width: 768px) {
      #business .business-item {
        margin: 0 0 100px 0; } }
    @media screen and (min-width: 1200px) {
      #business .business-item {
        width: 340px;
        height: 210px;
        margin: 0 0 140px 0; } }
    #business .business-item:nth-child(6) {
      margin: 0; }
      @media screen and (min-width: 1200px) {
        #business .business-item:nth-child(6) {
          margin: 0 0 80px 0; } }
    #business .business-item:last-child {
      margin: 0; }
    #business .business-item-label {
      position: absolute;
      top: 10px;
      left: 0;
      z-index: 1;
      display: inline-block;
      padding: 4px 8px;
      font-size: 1rem;
      font-weight: bold;
      color: #FED711;
      background-color: #238BC4; }
      @media screen and (min-width: 768px) {
        #business .business-item-label {
          font-size: 1.2rem; } }
      @media screen and (min-width: 1200px) {
        #business .business-item-label {
          top: 20px;
          padding: 10px 20px;
          font-size: 1.5rem; } }
    #business .business-item-content {
      position: relative;
      display: flex;
      align-items: center;
      justify-content: flex-start;
      margin: 0 0 0 10px;
      padding: 30px 20px;
      width: 100%;
      height: 100%;
      background-color: #49A5D8; }
      @media screen and (min-width: 768px) {
        #business .business-item-content {
          padding: 0 0 0 20px; } }
      #business .business-item-content h2 {
        font-size: 1.4rem;
        font-weight: normal;
        color: #ffffff; }
        @media screen and (min-width: 768px) {
          #business .business-item-content h2 {
            font-size: 1.6rem; } }
        @media screen and (min-width: 1200px) {
          #business .business-item-content h2 {
            padding: 20px 0 0 0;
            font-size: 2rem; } }
      #business .business-item-content p {
        position: absolute;
        left: 50%;
        bottom: -40px;
        z-index: 1;
        transform: translateX(-50%);
        display: inline-block;
        padding: 10px;
        font-size: 1.4rem;
        color: #ffffff;
        background-color: #1D70AF;
        white-space: nowrap; }
        @media screen and (min-width: 768px) {
          #business .business-item-content p {
            left: 20px;
            bottom: -60px;
            transform: translateX(0);
            padding: 20px;
            font-size: 1.6rem; } }
        @media screen and (min-width: 1200px) {
          #business .business-item-content p {
            left: 20px;
            bottom: -45%;
            transform: translateX(0);
            padding: 40px;
            font-size: 1.9rem; } }

/* ======================================== */
/* 求める人物像 */
/* ======================================== */
#people .people-inner {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding: 40px 20px; }
  @media screen and (min-width: 1200px) {
    #people .people-inner {
      padding: 93px 0 120px; } }
#people .people-title {
  margin: 0 0 60px 0;
  text-align: center;
  font-size: 2.4rem;
  font-weight: normal;
  color: #0E4C7B; }
  @media screen and (min-width: 1200px) {
    #people .people-title {
      margin: 0 0 110px 0;
      font-size: 4.5rem; } }
  #people .people-title span {
    display: block;
    font-size: 1.4rem;
    color: #0E4C7B; }
    @media screen and (min-width: 1200px) {
      #people .people-title span {
        font-size: 2rem; } }
#people .people-item {
  position: relative;
  margin: 0 0 20px 0; }
  #people .people-item:last-child {
    margin: 0; }
  @media screen and (min-width: 768px) {
    #people .people-item {
      margin: 0 0 40px 0; } }
  @media screen and (min-width: 1200px) {
    #people .people-item {
      margin: 0 0 100px 0; } }
  #people .people-item-inner {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
    max-width: 1100px;
    margin: 0 auto;
    padding: 20px;
    background-color: #F7F7F7; }
    @media screen and (min-width: 1200px) {
      #people .people-item-inner {
        padding: 120px 80px 40px; } }
  #people .people-item-logo {
    display: block;
    width: 100%;
    height: 100px;
    padding: 20px;
    background-color: #ffffff;
    border: 1px solid #F7F7F7; }
    @media screen and (min-width: 1200px) {
      #people .people-item-logo {
        position: absolute;
        top: -50px;
        left: 0;
        width: 688px;
        height: 130px;
        padding: 32px 40px; } }
    #people .people-item-logo img {
      height: 100%; }
  #people .people-item-image {
    width: 100%;
    margin: 0 0 20px 0; }
    @media screen and (min-width: 1200px) {
      #people .people-item-image {
        width: 440px;
        margin: 0 50px 0 0; } }
    #people .people-item-image img {
      width: 100%; }
  #people .people-item-list {
    width: 100%; }
    @media screen and (min-width: 1200px) {
      #people .people-item-list {
        width: calc(100% - 490px); } }
    #people .people-item-list-item {
      position: relative;
      margin: 0 0 20px 0;
      padding: 0 0 0 32px;
      font-size: 1.4rem; }
      @media screen and (min-width: 768px) {
        #people .people-item-list-item {
          font-size: 1.6rem; } }
      @media screen and (min-width: 1200px) {
        #people .people-item-list-item {
          font-size: 1.8rem;
          margin: 0 0 32px 0;
          padding: 0 0 0 32px; } }
      #people .people-item-list-item:before {
        content: url(../images/check.png);
        position: absolute;
        top: 0;
        left: 0; }
      #people .people-item-list-item:last-child {
        margin: 0; }

/* ======================================== */
/* プロジェクト例 */
/* ======================================== */
#project {
  background-image: url(../images/project_bg.png);
  background-repeat: repeat; }
  #project .project-inner {
    width: 100%;
    max-width: 1100px;
    margin: 0 auto;
    padding: 40px 20px; }
    @media screen and (min-width: 1200px) {
      #project .project-inner {
        padding: 80px 0; } }
  #project .project-title {
    margin: 0 0 60px 0;
    text-align: center;
    font-size: 2.4rem;
    font-weight: normal;
    color: #0E4C7B; }
    @media screen and (min-width: 768px) {
      #project .project-title {
        margin: 0 0 60px 0;
        font-size: 4.5rem; } }
    #project .project-title span {
      display: block;
      font-size: 1.4rem;
      color: #0E4C7B; }
      @media screen and (min-width: 768px) {
        #project .project-title span {
          font-size: 1.8rem; } }
      @media screen and (min-width: 1200px) {
        #project .project-title span {
          font-size: 2rem; } }
  #project .project-content {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }
  #project .project-item {
    width: 100%;
    margin: 0 0 40px 0; }
    #project .project-item:last-child {
      margin: 0; }
    @media screen and (min-width: 768px) {
      #project .project-item {
        width: 48%; } }
    @media screen and (min-width: 1200px) {
      #project .project-item {
        width: auto;
        margin: 0; } }
    #project .project-item-header {
      position: relative;
      display: flex;
      align-items: center;
      width: 100%;
      height: 60px;
      background-color: #3E86AF; }
      @media screen and (min-width: 1200px) {
        #project .project-item-header {
          height: 80px; } }
    #project .project-item-number {
      position: absolute;
      top: -6px;
      left: 20px;
      display: flex;
      align-items: center;
      width: 60px;
      height: 78px;
      padding: 0 0 0 20px;
      font-size: 2rem;
      color: #ffffff;
      background-image: url(../images/project_item_title_decoration.png);
      background-size: 100%;
      background-repeat: no-repeat; }
      @media screen and (min-width: 768px) {
        #project .project-item-number {
          font-size: 2.4rem; } }
      @media screen and (min-width: 1200px) {
        #project .project-item-number {
          top: -8px;
          width: 74px;
          height: 96px;
          padding: 0 0 0 24px;
          font-size: 2.8rem; } }
    #project .project-item-title {
      padding: 0 9px 0 90px;
      line-height: 1.25;
      font-size: 1.6rem;
      font-weight: normal;
      color: #ffffff; }
      @media screen and (min-width: 1200px) {
        #project .project-item-title {
          padding: 0 9px 0 104px;
          font-size: 1.9rem; } }
    #project .project-item-content {
      padding: 20px;
      background-color: #F0F7FA; }
    #project .project-item-image {
      margin: 0 0 20px 0; }
      #project .project-item-image img {
        width: 100%; }
    #project .project-item-list {
      padding: 0 0 0 24px;
      font-size: 1.4rem; }
      @media screen and (min-width: 768px) {
        #project .project-item-list {
          font-size: 1.6rem; } }
      @media screen and (min-width: 1200px) {
        #project .project-item-list {
          font-size: 1.8rem; } }
      #project .project-item-list-item {
        margin: 0 0 15px 0;
        list-style-type: disc; }
        #project .project-item-list-item:last-child {
          margin: 0; }

/* ======================================== */
/* キャリア形成 */
/* ======================================== */
#career {
  background-image: url(../images/career_bg.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover; }
  #career .career-inner {
    width: 100%;
    max-width: 1100px;
    margin: 0 auto;
    padding: 40px 20px; }
    @media screen and (min-width: 1200px) {
      #career .career-inner {
        padding: 80px 0; } }
  #career .career-title {
    margin: 0 0 40px 0;
    text-align: center; }
    @media screen and (min-width: 1200px) {
      #career .career-title {
        margin: 0 0 80px 0; } }
  #career .career-graph {
    padding: 20px;
    text-align: center;
    background-color: #ffffff;
    border: 1px solid #1780BA;
    border-radius: 20px; }
    @media screen and (min-width: 768px) {
      #career .career-graph {
        padding: 80px 40px; } }

/* ======================================== */
/* 採用の流れ */
/* ======================================== */
#flow {
  background-image: url(../images/flow_bg.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover; }
  #flow .flow-inner {
    width: 100%;
    max-width: 1100px;
    margin: 0 auto;
    padding: 40px 20px 20px; }
    @media screen and (min-width: 1200px) {
      #flow .flow-inner {
        padding: 60px 0 80px; } }
  #flow .flow-title {
    display: flex;
    align-items: center;
    width: 100%;
    height: auto;
    margin: 0 0 20px 0;
    font-size: 2rem;
    font-weight: normal;
    color: #ffffff;
    white-space: nowrap; }
    #flow .flow-title:after {
      content: '';
      display: block;
      width: 100%;
      height: 2px;
      margin: 0 0 0 20px;
      background-color: #ffffff; }
      @media screen and (min-width: 768px) {
        #flow .flow-title:after {
          height: 3px;
          margin: 0 0 0 40px; } }
    @media screen and (min-width: 768px) {
      #flow .flow-title {
        font-size: 2.4rem; } }
    @media screen and (min-width: 1200px) {
      #flow .flow-title {
        font-size: 3.3rem; } }
  #flow .flow-content {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }
  #flow .flow-item {
    width: 48%;
    height: auto;
    margin: 0 0 20px 0;
    padding: 20px 14px;
    background-color: #ffffff;
    border-radius: 0 0 10px 10px; }
    @media screen and (min-width: 768px) {
      #flow .flow-item {
        width: 31.33%; } }
    @media screen and (min-width: 1200px) {
      #flow .flow-item {
        width: 252px; } }
    #flow .flow-item-image {
      text-align: center;
      margin: 0 0 10px 0; }
    #flow .flow-item-number {
      display: block;
      width: 25px;
      height: 25px;
      line-height: 25px;
      margin: 0 10px 0 0;
      text-align: center;
      font-size: 1.2rem;
      color: #ffffff;
      background-color: #13619D;
      border-radius: 12.5px; }
      @media screen and (min-width: 768px) {
        #flow .flow-item-number {
          font-size: 1.3rem; } }
      @media screen and (min-width: 1200px) {
        #flow .flow-item-number {
          width: 35px;
          height: 35px;
          line-height: 35px;
          margin: 0 13px 0 0;
          font-size: 1.5rem;
          border-radius: 17.5px; } }
    #flow .flow-item-title {
      display: flex;
      justify-content: center;
      align-items: center;
      margin: 0 0 10px 0;
      text-align: center;
      font-size: 1.8rem;
      font-weight: normal;
      color: #13619D; }
      @media screen and (min-width: 768px) {
        #flow .flow-item-title {
          font-size: 2rem; } }
      @media screen and (min-width: 1200px) {
        #flow .flow-item-title {
          margin: 0 0 20px 0;
          font-size: 2.2rem; } }
    #flow .flow-item-text {
      font-size: 1.2rem;
      color: #13619D; }
      @media screen and (min-width: 768px) {
        #flow .flow-item-text {
          font-size: 1.4rem; } }

/* ======================================== */
/* ENTRY */
/* ======================================== */
#entry {
  padding: 20px 0; }
  @media screen and (min-width: 768px) {
    #entry {
      padding: 40px 0; } }
  @media screen and (min-width: 1200px) {
    #entry {
      padding: 30px 0 125px 0; } }
  #entry .entry-inner {
    width: 100%;
    max-width: 1100px;
    margin: 0 auto;
    padding: 40px 20px;
    text-align: center;
    background-image: url(../images/entry_bg1.png), url(../images/entry_bg2.png);
    background-repeat: no-repeat;
    background-position: top center, bottom center;
    background-size: 100%; }
    @media screen and (min-width: 768px) {
      #entry .entry-inner {
        padding: 40px 0; } }
    @media screen and (min-width: 1200px) {
      #entry .entry-inner {
        padding: 62px 0; } }
  #entry .entry-title {
    margin: 0 0 20px 0;
    font-size: 2.4rem;
    font-weight: normal; }
    @media screen and (min-width: 768px) {
      #entry .entry-title {
        font-size: 4rem; } }
    @media screen and (min-width: 1200px) {
      #entry .entry-title {
        margin: 0 0 40px 0;
        font-size: 7rem; } }
    #entry .entry-title span {
      font-size: inherit; }
    #entry .entry-title .yellow {
      color: #FED711; }
    #entry .entry-title .blue {
      color: #46ADDD; }
    #entry .entry-title .green {
      color: #A4C64A; }
  #entry .entry-text {
    margin: 0 0 40px 0;
    font-size: 1.6rem;
    color: #646362; }
    @media screen and (min-width: 768px) {
      #entry .entry-text {
        margin: 0 0 60px 0;
        font-size: 1.8rem; } }
    @media screen and (min-width: 1200px) {
      #entry .entry-text {
        margin: 0 0 97px 0;
        font-size: 2.1rem; } }
  #entry .btn-entry {
    margin: 0 auto; }

/* ======================================== */
/* プライバシー */
/* ======================================== */
#mark {
  padding: 20px 0;
  background-color: #F6F6F6; }
  @media screen and (min-width: 768px) {
    #mark {
      padding: 32px 0; } }
  #mark .mark-inner {
    display: flex;
    align-items: center;
    width: 100%;
    max-width: 1100px;
    margin: 0 auto;
    padding: 0 20px; }
    @media screen and (min-width: 1200px) {
      #mark .mark-inner {
        padding: 0; } }
  #mark .mark-image {
    width: 86px;
    margin: 0 20px 0 0; }
    @media screen and (min-width: 768px) {
      #mark .mark-image {
        margin: 0 32px 0 0; } }
  #mark .mark-text {
    width: calc(100% - 100px);
    font-size: 1.2rem; }
    @media screen and (min-width: 768px) {
      #mark .mark-text {
        font-size: 1.4rem; } }
    @media screen and (min-width: 1200px) {
      #mark .mark-text {
        font-size: 1.6rem; } }