@charset "UTF-8";
/*============================================
サポートページ
============================================*/
body {
  background-color: #F0F0F0; }

.support-container {
  width: 90%;
  max-width: 1100px;
  margin: 0 auto 100px; }

.title-wrap {
  margin: 2em 0 3em; }
  .title-wrap .title-style1 {
    font-size: 4rem;
    font-weight: 500; }

#support-top-page .support-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  border-top: 1px solid #E2E2E2;
  border-left: 1px solid #E2E2E2;
  margin-bottom: 80px; }
  @media screen and (max-width: 768px) {
    #support-top-page .support-grid {
      grid-template-columns: 1fr; } }
#support-top-page .support-item {
  background-color: #ffffff;
  padding: 4rem 6rem;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #E2E2E2;
  border-right: 1px solid #E2E2E2; }
  #support-top-page .support-item.placeholder {
    padding: 0;
    border-right: none;
    border-bottom: none;
    background-color: #F0F0F0; }
  #support-top-page .support-item .icon-wrapper {
    flex-shrink: 0;
    margin-right: 3rem;
    width: 7rem;
    height: 7rem; }
    #support-top-page .support-item .icon-wrapper .icon-placeholder {
      height: 100%;
      width: 100%;
      object-fit: contain; }
  #support-top-page .support-item .text-content .item-title {
    margin-bottom: 1.8rem;
    font-size: 2.2rem; }
  #support-top-page .support-item .text-content p {
    line-height: 1.8; }
#support-top-page .notices {
  margin: 0 auto;
  text-align: center; }
  #support-top-page .notices .notice-item {
    font-weight: bold;
    text-align: left;
    margin-bottom: 1.8rem; }
    #support-top-page .notices .notice-item:hover {
      text-decoration: underline; }
  #support-top-page .notices .important-notice-link {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #ffffff;
    width: 100%;
    max-width: 1100px;
    border: 1px solid #E2E2E2;
    padding: 4rem;
    margin-bottom: 3rem;
    font-size: 2.4rem; }
    #support-top-page .notices .important-notice-link .icon-placeholder.attention {
      margin-right: 8px;
      width: 3.4rem; }

/*============================================
レスポンシブ
============================================*/
@media screen and (max-width: 820px) {
  #support-top-page .support-item {
    padding: 2.5rem 3rem; } }