@charset "utf-8";
  .top-think {
    margin-bottom: 10px;
    text-align: center;
}.gra-text-color {
    color: #008BD5;
}
.gra-box {
    border-width: 1px;
    border-style: solid;
    border-color: #008BD5;
    padding-top: 1em;
    padding-right: 1em;
    padding-bottom: 1em;
    padding-left: 1em;
}
.body .gra-box p {
    margin-bottom: 0em;
}
.gra-cc-title {
    background-color: #008BD5;
    color: #FFFFFF;
    font-weight: bold;
    padding-top: 3px;
    padding-right: 3px;
    padding-bottom: 3px;
    padding-left: 3px;
}
.gra-cc-title2 {
    background-color: #FFFFFF;
    color: #00a0e9;
    font-weight: bold;
    padding-top: 3px;
    padding-right: 3px;
    padding-bottom: 3px;
    padding-left: 3px;
    border-left-width: 1px;
    border-right-width: 1px;
    border-top-width: 1px;
    border-left-style: solid;
    border-left-color: #00a0e9;
    border-right-style: solid;
    border-right-color: #00a0e9;
    border-top-style: solid;
    border-top-color: #00a0e9;
}
.gra-cc-gf {
    text-align: center;
    margin-top: 1em;
    margin-bottom: 1em;
}
.gra-cc-box {
    border-width: 1px;
    border-style: solid;
    border-color: #0093dc;
    margin-top: 1.2em;
}
.body .gra-cc-box .body-txt {
    padding-top: 0.5em;
    padding-right: 0.5em;
    padding-bottom: 0.5em;
    padding-left: 0.5em;
}
.gra-cc-box .body-txt .body-title {
    color: #008BD5;
    font-weight: bold;
    font-size: 1.2em;
}
.gra-cc-box .gra-cc-box2  {
    background-color: #e9eaea;
    padding-top: 0.5em;
    padding-right: 0.5em;
    padding-bottom: 0.5em;
    padding-left: 0.5em;
    color: #008BD5;
}
.gra-cc-box .gra-cc-box2 ul {
    margin-bottom: 0em;
    padding-left: 20px;
}
.body .gra-cc-step table {
    border-color: #00a0e9;
}
.body .gra-cc-step table tr {
    border-color: #00a0e9;
}
.body .gra-cc-step table tr td {
    border-color: #00a0e9;
}
.gra-cc-step .table_txt{
    text-align: center;
}
.body .gra-cc-step table tr td ul{
    padding-left: 1em;
}
.fac-btn-area {
    margin-bottom: 2em;
}
.fac-grid {
    display: -ms-grid;
    display: grid;
  gap: 10px;
  /*grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));*/
    grid-template-columns: repeat(auto-fit,200px);
}
.fac-item {
  border-radius: 10px;
  background: #efefef;
  padding: 10px;
  text-align: center;
}
.fac-l-grid {
    display: -ms-grid;
    display: grid;
  gap: 10px;
  /*grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));*/
    grid-template-columns: repeat(auto-fit,280px);
}
.fac-l-item {
  background: #ffffff;
  padding: 0px;
  text-align: center;
}
.movie-wrap {
     position: relative;
     padding-bottom: 56.25%; /*¥¢¥¹¥Ú¥¯¥È±È 16:9¤ÎˆöºÏ¤Î¿k·ù*/
     height: 0;
     overflow: hidden;
}
 
.movie-wrap iframe {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
}
.gra-t-title{
    background-color: #00A0E9;
    font-weight: bold;
    font-size: large;
    color: #FFFFFF;
    padding-left: 0.5em;
    margin-bottom: 1em;
}
.gra-t-name{
    color:#00A0E9;
    font-weight: bold;
}