/*配色の設定*/
:root {
  /* メインカラー：ライトグリーン */
  --mc: #53b376;
  /* ベースカラー：ホワイト */
  --bc: #ffffff;
  /* アクセントカラー1：ワインレッド */
  --ac1: #f1b860;
  /* アクセントカラー2：ライトレッド */
  --ac2: #fbee6e;
  /* アクセントカラー2：ライトレッド */
  --ac3: #e577a7;
  /* フォントカラー：ライトブラック */
  --fc: #555555;
  }
  
  
  
  
  /* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
  ■■■■■■■基本レイアウト＝モバイル向け：画面幅（～767px)■■■■■■■■■
  ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
  ↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓*/
  body {
    background-color: var(--bc);
    margin: 0;
    font-size: 1.0em;
    font-family: Arial, Helvetica, sans-serif;
    line-height: 1.5;
    color: var(--fc);
    height: 100%;
  }
  
  .wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    min-height: 100vh;
    margin: 0 auto;
  }
  
  header, nav, .top-picture, .contents, footer {
      width: 100%;
  }
  
  .strongfont {
    color: var(--ac3);
  }
  
  .miyukifont {
    color: var(--ac3);
  }
  
  header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  
  header .logo {
    width: 90%;
  }
  header h1{
    margin: 0;
    /* display: flex; */
    display: -ms-grid;
    display: grid;
  }
  
  header h1 img{
    width: 100%;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  
  header .sp-menu {
    margin-left: auto;
    width: 10%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  
  header .sp-menu #open {
    width: 100%;
    height: 100%;
    padding: 0;
    margin: auto;
    font-size: 1.5em;
    background-color: var(--bc);
    color: var(--mc);
    cursor: pointer;
    -webkit-box-align: top;
        -ms-flex-align: top;
            align-items: top;
    border: none;
  }
  header .sp-menu #open.hide {
    display: none;
  }
  
  .overlay {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgb(83,179,118,0.95);
    padding: 64px;
    opacity: 0;
    pointer-events: none;
    -webkit-transition: opacity .6s;
    -o-transition: opacity .6s;
    transition: opacity .6s;
  }
  
  .overlay.show {
    opacity: 1;
    pointer-events: auto;
    z-index: 2;
  }
  
  .overlay #close  {
    width: 10%;
    height: calc( 2.25 * 10vw );
    font-size: 1.5em;
    background-color: transparent;
    color: var(--bc);
    cursor: pointer;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    position: absolute;
    right: 0;
    top: 0;
    border: none;
  }
  
  
  
  
  .overlay nav {
    margin: 0;
  }
  .overlay  ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
    z-index: 1;
  }
  
  .overlay  li {
    font-weight: bold;
    line-height: 3;
    text-align: center;
    padding-bottom: 20px;
    opacity: 0;
    -webkit-transform: translateY(100px);
        -ms-transform: translateY(100px);
            transform: translateY(100px);
    -webkit-transition: opacity .3s, -webkit-transform .3s;
    transition: opacity .3s, -webkit-transform .3s;
    -o-transition: opacity .3s, transform .3s;
    transition: opacity .3s, transform .3s;
    transition: opacity .3s, transform .3s, -webkit-transform .3s;
  }
  .overlay.show li {
    opacity: 1;
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
  }
  .overlay.show li:nth-child(1) {
    -webkit-transition-delay: .1s;
         -o-transition-delay: .1s;
            transition-delay: .1s;
  }
  .overlay.show li:nth-child(2) {
    -webkit-transition-delay: .2s;
         -o-transition-delay: .2s;
            transition-delay: .2s;
  }
  .overlay.show li:nth-child(3) {
    -webkit-transition-delay: .3s;
         -o-transition-delay: .3s;
            transition-delay: .3s;
  }
  .overlay.show li:nth-child(4) {
    -webkit-transition-delay: .4s;
         -o-transition-delay: .4s;
            transition-delay: .4s;
  }
  .overlay.show li:nth-child(5) {
    -webkit-transition-delay: .5s;
         -o-transition-delay: .5s;
            transition-delay: .5s;
  }
  .overlay.show li:nth-child(6) {
    -webkit-transition-delay: .6s;
         -o-transition-delay: .6s;
            transition-delay: .6s;
  }
  
  .overlay li a {
    font-size: 1.3em;
    text-decoration: none;
    color: var(--bc);
  }
  
  nav ul li a:hover {
    opacity: 0.5;  
  }
  .pc-menu {
    display: none;
  }
  
  
  .contents {
    padding:20px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .title-tag {
    width: 85%;
    height: auto;
    margin: 0 auto 40px auto;
    outline: 1px solid var(--fc);
    outline-offset: -5px;
    border-radius: 10px;
    color: var(--fc);
    background-color: var(--ac1);
    text-align: center;
    padding:10px; 
    -webkit-box-sizing: border-box; 
            box-sizing: border-box;
  }
  .title-tag>h1 {
    margin: 0;
    padding: 0;
  }
  .title-tag p {
    margin: 0;
  }
  
  
  aside {
    padding-top: 40px;
    padding-bottom: 20px;
  }
  aside a {
    display: block;
    width: 200px;
    line-height: 3em;
    text-align: center;
    text-decoration: none;
    font-weight: bold;
    background-image: -webkit-gradient(linear, left top, left bottom, from(var(--bc)), color-stop(45%, var(--mc)),to(var(--mc)));
    background-image: -o-linear-gradient(top, var(--bc), var(--mc) 45%,var(--mc) 100%);
    background-image: linear-gradient(180deg, var(--bc), var(--mc) 45%,var(--mc) 100%);
    border: 2px solid var(--mc);
    color: #ffffff;
    margin: 0 auto;
    border-radius: 5px;
  }
  aside a:hover {
    opacity: 0.5;
  }
  
  footer {
    background-color: var(--mc);
    color: #ffffff;
    margin-top: auto;
    padding: 30px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    text-align: center;
  }
  
  .form-button {
    background-image: -webkit-gradient(linear, left top, left bottom, from(var(--bc)), color-stop(45%, var(--ac3)),to(var(--ac3)));
    background-image: -o-linear-gradient(top, var(--bc), var(--ac3) 45%,var(--ac3) 100%);
    background-image: linear-gradient(180deg, var(--bc), var(--ac3) 45%,var(--ac3) 100%);
    color: var(--bc);
    border: 2px solid var(--ac3);
    border-radius: 5px;
    padding: 10px;
    font-weight: bold;
    font-size: 1em;
    cursor: pointer;
  }
  .form-button:hover {
  opacity: 0.5;
  }
  .button-top {
    margin-top: 20px;
  }
  /*↑ 基本レイアウト */
  
  
  
  
  /*↓ トップページ */
  
  
  /*Loading*/
  
  .loader-wrap {
    position: fixed;
    top: 0;
    left: 0;
      width: 100vw;
      height: 100vh;
      background: var(--mc);
      z-index: 2;
  }
  
  .loader,
  .loader:before,
  .loader:after {
    border-radius: 50%;
    width: 2.5em;
    height: 2.5em;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation: load7 1.8s infinite ease-in-out;
    animation: load7 1.8s infinite ease-in-out;
  }
  .loader {
    color: var(--bc);
    font-size: 10px;
    margin: 50px auto;
    position: relative;
    top: 45%;
    text-indent: -9999em;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation-delay: -0.16s;
    animation-delay: -0.16s;
  }
  .loader:before,
  .loader:after {
    content: '';
    position: absolute;
    top: 0;
  }
  .loader:before {
    left: -3.5em;
    -webkit-animation-delay: -0.32s;
    animation-delay: -0.32s;
  }
  .loader:after {
    left: 3.5em;
  }
  @-webkit-keyframes load7 {
    0%,
    80%,
    100% {
      -webkit-box-shadow: 0 2.5em 0 -1.3em;
              box-shadow: 0 2.5em 0 -1.3em;
    }
    40% {
      -webkit-box-shadow: 0 2.5em 0 0;
              box-shadow: 0 2.5em 0 0;
    }
  }
  @keyframes load7 {
    0%,
    80%,
    100% {
      -webkit-box-shadow: 0 2.5em 0 -1.3em;
              box-shadow: 0 2.5em 0 -1.3em;
    }
    40% {
      -webkit-box-shadow: 0 2.5em 0 0;
              box-shadow: 0 2.5em 0 0;
    }
  }
  
  /*Loading*/
  
  
  
  #index .top-picture {
    width: 100%;
    padding: 0;
    /* padding-top: 66.6%; */
    
  }
  #index .top-picture img {
    width: 100%;
  }
  
  #index .whats-new {
    margin: 30px auto 30px auto;
  }
  
  #index .whats-new caption {
    font-family: fantasy;
    font-size: 2em;
  }
  
  #index table {
    margin-top: 30px;
    margin-bottom: 30px;
    table-layout: auto;
    border-collapse: collapse;
    empty-cells: hide;
  }
  #index table th:first-child {
    width: 150px;
    text-align: center;
  }
  
  
  #index .message1, #index .message2 {
    margin-top: 30px;
    margin-bottom: 30px;
  }
  #index .pic1 {
    /* width: 960px;
    height: 960px; */
    background-image: url(../img/index_picture1.jpg);
    background-position: center;
    background-size: cover;
    border-radius: 100px;
    width: 100%;
    height: 0;
    padding-top: 100%;
  }
  #index .pic2  {
    /* width: 960px;
    height: 960px; */
    background-image: url(../img/index_picture2.jpg);
    background-position: center;
    background-size: cover;
    border-radius: 100px;
    width: 100%;
    height: 0;
    padding-top: 100%;
  }
  /*↑ トップページ */
  
  /*↓ 活動内容 */
  
  
  #activity .message1, #activity .message2 {
    margin-top: 30px;
    margin-bottom: 30px;
  }
  #activity .pic1 {
    /* width: 960px;
    height: 960px; */
    background-image: url(../img/syuuroushien.jpg);
    background-position: center;
    background-size: cover;
    border-radius: 100px;
    width: 100%;
    height: 0;
    padding-top: 100%;
  }
  #activity .pic2  {
    /* width: 960px;
    height: 960px; */
    background-image: url(../img/danceschool.jpg);
    background-position: center;
    background-size: cover;
    border-radius: 100px;
    width: 100%;
    height: 0;
    padding-top: 100%;
  }
  /*↑ 活動内容 */
  
  
  /* ↓シニアの皆様へ */
  
  #senior table th:first-child {
    width: 150px;
    text-align: center;
  }
  
  #senior .message1, #senior .message2 {
    margin-top: 30px;
    margin-bottom: 30px;
  }
  
  #senior .pic1 {
    /* width: 960px;
    height: 960px; */
    background-image: url(../img/index_picture1.jpg);
    background-position: center;
    background-size: cover;
    border-radius: 100px;
    width: 100%;
    height: 0;
    padding-top: 100%;
  }
  #senior .pic2  {
    /* width: 960px;
    height: 960px; */
    background-image: url(../img/index_picture2.jpg);
    background-position: center;
    background-size: cover;
    border-radius: 100px;
    width: 100%;
    height: 0;
    padding-top: 100%;
  }
  #senior .lesson-plan {
    width: 85%;
    height: auto;
    margin: 0 auto 0 auto;
    border: none;
    border-radius: 10px;
    color: var(--fc);
    background-color: var(--ac1);
    -webkit-box-shadow: 10px 10px 0 0 var(--fc);
            box-shadow: 10px 10px 0 0 var(--fc);
    text-align: center;
    padding:10px; 
    -webkit-box-sizing: border-box; 
            box-sizing: border-box;
    
  }
  #senior .lesson-plan>h2 {
    margin: 0 0 20px 0;
    padding: 0;
  }
  #senior .lesson-plan dl {
    margin: 0;
  }
  #senior .lesson-plan dl dt {
    font-size: 1.2em;
    color: var(--bc);
  }
  #senior .lesson-plan dl p {
    margin-top: 0;
  }
  
  
  /* ↑シニアの皆様へ */
  
  
  
  /* ↓キッズの皆様へ */
  
  #kids table th:first-child {
    width: 150px;
    text-align: center;
  }
  
  #kids .message1, #kids .message2 {
    margin-top: 30px;
    margin-bottom: 30px;
  }
  
  #kids .pic1 {
    /* width: 960px;
    height: 960px; */
    background-image: url(../img/kids_picture1.jpg);
    background-position: center;
    background-size: cover;
    border-radius: 100px;
    width: 100%;
    height: 0;
    padding-top: 100%;
  }
  #kids .pic2  {
    /* width: 960px;
    height: 960px; */
    background-image: url(../img/kids_picture2.jpg);
    background-position: center;
    background-size: cover;
    border-radius: 100px;
    width: 100%;
    height: 0;
    padding-top: 100%;
  }
  #kids .lesson-effect {
    width: 85%;
    height: auto;
    margin: 0 auto 0 auto;
    border: none;
    border-radius: 10px;
    color: var(--fc);
    background-color: var(--ac1);
    -webkit-box-shadow: 10px 10px 0 0 var(--fc);
            box-shadow: 10px 10px 0 0 var(--fc);
    text-align: center;
    padding:10px; 
    -webkit-box-sizing: border-box; 
            box-sizing: border-box;
  }
  #kids .lesson-effect>h2 {
    margin: 0 0 20px 0;
    padding: 0;
  }
  #kids .lesson-effect dl {
    margin: 0;
  }
  #kids .lesson-effect dl dt {
    font-size: 1.2em;
    color: var(--bc);
  }
  #kids .lesson-effect dl p {
    margin-top: 0;
  }
  
  /* ↑キッズの皆様へ */
  
  
  
  
  
  /* ↓講師紹介 */
  #teacher .teacher1 h1 {
    text-align: center;
  }
  #teacher .teacher1 h1 img{
    width: 1.5em;
    vertical-align: middle;
    margin: 0 5px;
  }
  #teacher .teacher-pic img{
    width: 100%;
    border-radius: 100px;
    border: solid 5px var(--ac3);
  }
  #teacher .profile {
    color: var(--bc);
    width: 80%;
    
    background-color: var(--ac3);
    text-align: left;
    padding: 5px 5px 5px 15px;
    border-radius: 5px;
    font-weight: bold;
  }
  #teacher .teacher1 h2 {
    margin-bottom: 0;
    line-height: 1em;
    display: inline-block;
    border-bottom: 1px solid var(--ac3);
  }
  #teacher .teacher1 p {
    margin-top: 5px;
    margin-bottom: 30px;
  }
  /* ↑講師紹介 */
  
  /* ↓お問い合わせ */
  /* 入力画面 */
  #contact .pc-menu ul nav ul li:nth-child(6) a{
    color: var(--ac1);
    outline: solid 5px var(--ac1);
    outline-offset: -5px;
  }
  
  #contact input[type="text"] {
    height: 2em;
    font-size: 1em;
    width: 60%;
  }
  #contact input[type="email"] {
    height: 2em;
    font-size: 1em;
    width: 70%;
  }
  
  #contact textarea {
    font-size: 1.3em;
    width: 80%;
    height: calc( 2em * 5 );
    line-height: 2;
    white-space: pre-wrap;
  }
  
  
  /* 確認画面 */
  #confirm .pc-menu ul nav ul li:nth-child(6) a{
    color: var(--ac1);
    outline: solid 5px var(--ac1);
    outline-offset: -5px;
  }
  
  #confirm article{
    text-align: center;
  }
  
  
  
  /* 完了画面 */
  #done .pc-menu ul nav ul li:nth-child(6) a{
    color: var(--ac1);
    outline: solid 5px var(--ac1);
    outline-offset: -5px;
  }
  
  #done article{
    text-align: center;
  }
  
  
  /* ↓管理者ページ */
  
  /*admin 管理者トップ*/
  #admin .contents {
    text-align: center;
  }
  #admin ul {
    list-style: none;
    padding: 0;
  }
  #admin table {
    margin: 0 auto 0 auto;
  }
  /*management お問い合わせ者一覧*/
  #management .contents {
    text-align: center;
  }
  #management table {
    margin: 0 auto 0 auto;
  }
  #management table th, #management table td {
    padding: 5px;
  }
  #management table form {
    display: inline-block;
  }
  #management table th:last-child, #management table td:last-child {
    padding-left: 15px;
    padding-right: 15px;
  }
  /*show お問い合わせ者詳細*/
  #show .contents {
    text-align: center;
  }
  #show table {
    margin: 0 auto 0 auto;
  }
  #show table th, #show table td {
    padding: 5px;
  }
  #show table th:last-child, #show table td:last-child {
    padding-left: 15px;
    padding-right: 15px;
  }
  /*edit お問い合わせ者編集*/
  #edit .contents {
    text-align: center;
  }
  #edit input[type="text"] {
    height: 2em;
    font-size: 1em;
    width: 60%;
  }
  #edit input[type="email"] {
    height: 2em;
    font-size: 1em;
    width: 70%;
  }
  
  #edit textarea {
    font-size: 1.3em;
    width: 80%;
    height: calc( 2em * 5 );
    line-height: 2;
    white-space: pre-wrap;
  }
  /*delete お問い合わせ者削除*/
  #delete .contents {
    text-align: center;
  }
  #delete table {
    margin: 0 auto 0 auto;
  }
  #delete table th, #delete table td {
    padding: 5px;
  }
  #delete table th:last-child, #delete table td:last-child {
    padding-left: 15px;
    padding-right: 15px;
  }
  /* ↑管理者ページ */
  
  
  
  
  
  
  /* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
  ■■■■■■■幅広レイアウト＝タブレット、PC向け：画面幅（768px～)■■■■■■
  ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
  ↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓*/
  @media screen and (min-width:768px) {
  /*↓ 基本レイアウト */
    .wrapper {
      width: 100%;
      max-width: 960px;
    }
  
    header .logo {
      width: 100%;
    }
    
    header h1 img{
      width: 100%;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
    }
    
    header .sp-menu {
      display: none;
    }
  
    .pc-menu {
      display: block;
    }
    .pc-menu ul{
      margin: 0;
      padding: 0;
      list-style-type: none;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      
    }
  
    .pc-menu li {
      width: 16.666666%;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
    }
  
    .pc-menu li a {
      display: block;
      margin: auto;
      font-weight: bold;
      text-align: center;
      background-color: var(--mc);
      color: var(--bc);
      line-height: 3em;
      text-decoration: none;
      border-right: 2px solid var(--bc);
    }
    .pc-menu li:last-child a {
      border-right: none;
    }
  
    .pc-menu li a:hover {
      opacity: 0.5;
    }
  
  /*↑ 基本レイアウト */
  
  
  /*↓ トップページ */
  
  #index .message1, #index .message2 {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
    }
    #index .pic1, #index .pic2, #index .text1, #index .text2 {
      width: 50vw;
    }
    #index .pic1 , #index .pic2  {
      height: 0; 
      padding-top: 50%; 
      margin:0 20px;
    }
  
    #index .text1 {
      margin-right: 20px;
    }
    #index .text2 {
      margin-left: 20px;
      -webkit-box-ordinal-group: 3;
          -ms-flex-order: 2;
              order: 2;
    }
    #index .pic2  {
      -webkit-box-ordinal-group: 2;
          -ms-flex-order: 1;
              order: 1;
    }
  
  /*↑ トップページ */
  
  /*↓ 活動内容 */
  #activity .pc-menu ul li:nth-child(2) a{
    color: var(--ac1);
    outline: solid 5px var(--ac1);
    outline-offset: -5px;
  }
  
  #activity .message1, #activity .message2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  #activity .pic1, #activity .pic2, #activity .text1, #activity .text2 {
    width: 50vw;
  }
  #activity .pic1 , #activity .pic2  {
    height: 0; 
    padding-top: 50%; 
    margin:0 20px;
  }
  
  #activity .text1 {
    margin-right: 20px;
  }
  #activity .text2 {
    margin-left: 20px;
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  #activity .pic2  {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  
  /*↑ 活動内容 */
  
  
  
  /* ↓シニアの皆様へ */
  
  #senior .pc-menu ul li:nth-child(3) a{
    color: var(--ac1);
    outline: solid 5px var(--ac1);
    outline-offset: -5px;
  }
  
  #senior .message1, #senior .message2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  #senior .pic1, #senior .pic2, #senior .text1, #senior .text2 {
    width: 50vw;
  }
  #senior .pic1 , #senior .pic2  {
    height: 0; 
    padding-top: 50%; 
    margin:0 20px;
  }
  
  #senior .text1 {
    margin-right: 20px;
  }
  #senior .text2 {
    margin-left: 20px;
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  #senior .pic2  {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  /* ↑シニアの皆様へ */
  
  /* ↓キッズの皆様へ */
  #kids .pc-menu ul li:nth-child(4) a{
    color: var(--ac1);
    outline: solid 5px var(--ac1);
    outline-offset: -5px;
  }
  
  #kids .message1, #kids .message2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  #kids .pic1, #kids .pic2, #kids .text1, #kids .text2 {
    width: 50vw;
  }
  #kids .pic1 , #kids .pic2  {
    height: 0; 
    padding-top: 50%; 
    margin:0 20px;
  }
  
  #kids .text1 {
    margin-right: 20px;
  }
  #kids .text2 {
    margin-left: 20px;
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  #kids .pic2  {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  /* ↑キッズの皆様へ */
  
  /* ↓講師紹介 */
  #teacher .pc-menu ul li:nth-child(5) a{
    color: var(--ac1);
    outline: solid 5px var(--ac1);
    outline-offset: -5px;
  }
  
  #teacher .profile {
    margin-left: 0;
    margin-right: 0;
    width: 40%;
    position: relative;
    top: -100px;
    left: 50%;
    margin-bottom: -100px;
  }
  /* ↑講師紹介 */
  
  
  /* ↓お問い合わせ */
  /* 入力画面 */
  #contact .pc-menu ul li:nth-child(6) a{
    color: var(--ac1);
    outline: solid 5px var(--ac1);
    outline-offset: -5px;
  }
  
  
  
  
  /* 確認画面 */
  #confirm .pc-menu ul li:nth-child(6) a{
    color: var(--ac1);
    outline: solid 5px var(--ac1);
    outline-offset: -5px;
  }
  
  
  
  /* 完了画面 */
  #done .pc-menu ul li:nth-child(6) a{
    color: var(--ac1);
    outline: solid 5px var(--ac1);
    outline-offset: -5px;
  }
  
  /* ↑お問い合わせ */
  
  }
  /* ↑画面幅（768px～) */