@media only screen and (max-width: 572px) {
  /*----- header -----*/
  .head {
    width: 100%;
  }
  .top-title {
    font-size: 14px;
    margin-left: 28%;
  }
  .head h1 {
    float: left;
    background-image: url("../images/logo.png");
    background-repeat: no-repeat;
    background-position: 0 10px;
    background-size: 90%;
    margin-left: 10%;
    height: 60px;
  }
  .head h1 a {
    text-indent: -9999px;
    display: block;
    overflow: hidden;
  }
  /*---------- Gloval-navi ----------*/
  .menu {
    display: block;
    z-index: 100;
  }
  /**レスポンシブにした時のナビの見せ方**/
  .top-menu nav {
    z-index: 110;
    position: fixed;
    width: 250px;
    top: 0;
    left: -250px;
    background-color: rgba(255, 255, 255, 0.9);
    height: 100%;
    padding-top: 60px;
  }
  #global-navi .top-menu nav ul li {
    width: 100%;
  }
  .top-menu nav ul li a {
    color: #666;
    padding-left: 20px;
    text-align: left;
  }
  .top-menu .btn-gnavi {
    z-index: 150;
    position: fixed;
    top: 10px;
    left: 20px;
    width: 30px;
    height: 24px;
    cursor: pointer;
    transition: all 800ms;
    -webkit-transition: all 800ms;
  }
  .top-menu .btn-gnavi span {
    position: absolute;
    width: 30px;
    height: 4px;
    background: #666;
    border-radius: 10px;
    -webkit-transition: all 800ms;
    transition: all 800ms;
  }
  .top-menu .btn-gnavi span:nth-child(1) {
    top: 0;
  }
  .top-menu .btn-gnavi span:nth-child(2) {
    top: 10px;
  }
  .top-menu .btn-gnavi span:nth-child(3) {
    top: 20px;
  }
  .top-menu .btn-gnavi.hb-open {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
  }
  .top-menu .btn-gnavi.hb-open span {
    background: #666;
  }
  .top-menu .btn-gnavi.hb-open span:nth-child(1) {
    width: 24px;
    transform: translate(10px, 3px) rotate(45deg);
    -webkit-transform: translate(10px, 3px) rotate(45deg);
  }
  .top-menu .btn-gnavi.hb-open span:nth-child(3) {
    width: 24px;
    transform: translate(10px, -3px) rotate(-45deg);
    -webkit-transform: translate(10px, -3px) rotate(-45deg);
  }
  .pc-none {
    display: block;
  }
  .line-reserve {
    background-color: #EFAEB8;
  }
  #global-navi ul li {
    width: 100%;
    border-bottom: 1px solid #ccc;
  }
  .menu .pc-none a {
    display: block;
  }
  .container {
    width: 100%;
  }
  /*----- slider -----*/
  .wrap-top {
    background-image: url("../images/top-header.jpg");
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: cover;
    height: auto;
  }
  .animation {
    display: flex;
    justify-content: center;
    margin-top: 0px;
    width: 100%;
  }
  .animation .anm_mod {
    opacity: 0;
    transform: translate3d(0, 100%, 0);
    transition: all 1s ease;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    margin-top: 0px;
    width: 100%;
  }
  .animation .anm_mod.left {
    transform: translate3d(-100%, 0, 0);
  }
  .animation .anm_mod.right {
    transform: translate3d(100%, 0, 0);
  }
  .animation .anm_mod.delay {
    transition: all 1s ease;
  }
  .animation .anm_mod.fast {
    transition: all 1s ease;
  }
  .animation .anm_mod.active {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
  .animation img {
    width: 100%;
  }
  .slide-left img {
    z-index: 1;
    width: 100%;
  }
  .slide-right img {
    width: 100%;
  }
  /*----- common -----*/
  .container {
    width: 100%;
  }
  /*----- topics -----*/
  .topics h2 {
    font-size: 18px;
  }
  .topics-box {
    width: 90%;
    margin: 0 auto;
    height: 130px;
    padding: 5px;
  }
  .topics-box dt, .topics-box dd {
    font-size: 12px;
  }
  .topics-box dt img {
    padding-left: 10px;
    width: 30px;
  }
  .topics-box dt {
    margin-left: 5px;
  }
  .topics-box dd {
    padding-left: 10px;
  }
  /*----- top-excellent -----*/
  .top-excellent {
    width: 100%;
  }
  .top-excellent-01 {
    font-size: 18px;
    padding: 0 2%;
  }
  .top-excellent-02 {
    width: 60%;
    float: none;
    margin: 0px auto 10px;
  }
  .top-excellent-03 {
    width: 80%;
    float: none;
    margin: 0px auto 10px;
  }
  .top-excellent-04 {
    width: 50%;
    float: none;
    margin: 0 auto;
  }
  /*----- category-box -----*/
  .icon {
    margin: 10px 0 43px 50px;
    overflow: hidden;
  }
  /*----- footer -----*/
  .footer-bana {
    width: 100%;
    margin: 50px auto 0px;
  }
  .keibi-bana {
    width: 60%;
    line-height: 40px;
    float: none;
    margin: 0 auto 20px;
  }
  /*----- hiroshima-bana -----*/
  .hiroshima-bana {
    width: 100%;
    margin: 0 0;
  }
  .hiroshima-bana {
    width: 100%;
    margin: 0 0;
  }
  .hiroshima-shi {
    width: 60%;
    float: none;
    margin: 0 auto 10px;
  }
  .hiroshima-ken {
    width: 60%;
    float: none;
    margin: 0 auto 20px;
  }
  /*----- footer-navi -----*/
  .footer-navi {
    padding-top: 30px;
  }
  .footer-navi li {
    margin-left: 5px;
  }
  .footer-navi li a {
    line-height: 30px;
    padding-bottom: 20px;
    font-size: 14px;
  }
  .copyright {
    font-size: 14px;
    text-align: center;
    padding: 30px 2% 20px 2%;
  }
  p.foot-logo {
    text-align: center;
    margin-bottom: 50px;
  }
  /*-------------------- 下層ページ --------------------*/
  /*----- top-container -----*/
  .container {
    width: 100%;
  }
  .red a {
    color: #FF0000;
  }
  .sub-title span {
    font-size: 16px;
  }
  /*----- headerimage (下層ページ)-----*/
  .headerimage {
    -webkit-animation-name: slideimage;
    animation-name: slideimage;
    -webkit-animation-duration: 1.5s;
    animation-duration: 1.5s;
  }
  .headerimage img {
    width: 100%;
  }
  /*----- Common -----*/
  .head-title {
    font-size: 20px;
    margin-bottom: 20px;
    margin-top: -10px;
  }
  .sub-title {
    font-size: 18px;
    margin: 0 0 10px 10px;
  }
  /*----- kumiai -----*/
  .kumiai-1 {
    padding: 0 2%;
  }
  .kumiai-1 p {
    line-height: 1.5;
  }
  .kumiai-2 {
    margin-bottom: 10px;
  }
  .kumiai-2 img {
    float: none;
    padding-right: 0;
    margin-left: 0;
    width: 80%;
    margin: 10px 10% 0 10%;
  }
  .kumiai-2 p {
    margin: 10px 5% 30px 5%;
    float: none;
    line-height: 2;
  }
  .kumiai-3 {
    margin: 0px;
  }
  .kumiai-left {
    float: none;
    width: 94%;
    padding: 0 4%;
    margin-bottom: 20px;
  }
  .kumiai-right {
    float: none;
    width: 50%;
    margin: 0 25%;
  }
  /*----- gaiyo -----*/
  .gaiyo-3, .gaiyo-4, .gaiyo-5 {
    margin-bottom: 30px;
  }
  .gaiyo-3 p, .gaiyo-4 p, .gaiyo-5 p, .gaiyo-6 p {
    padding: 0 2%;
    font-size: 14px;
  }
  .gaiyo a {
    color: #285AF7;
    border-bottom: 1px solid #285AF7;
  }
  .gaiyo a:hover {
    color: #CD1B1B;
    border-bottom: 1px solid #CD1B1B;
  }
  .gaiyo-3-1 {
    margin-left: 0;
    margin-top: 0;
  }
  .gaiyo-3-1 table {
    width: 98%;
    margin-left: 2%;
  }
  .gaiyo-3-1 table td {
    padding-bottom: 5px;
  }
  .seireki {
    width: 10%;
    text-align: right;
    font-size: 14px;
  }
  .year {
    width: 13%;
    text-align: right;
    font-size: 14px;
  }
  .month {
    width: 12%;
    text-align: right;
    font-size: 14px;
  }
  .text {
    padding-left: 2%;
    font-size: 14px;
  }
  .gaiyo-4 p {
    margin-left: 10%;
  }
  .gaiyo-5 h4 {
    margin: 0;
    margin: 0 0 10px 12%;
  }
  .gaiyo-5 img {
    width: 100%;
  }
  .gaiyo-06-1 {
    margin: 0 0 5px 2%;
  }
  .gaiyo-06-2 {
    width: 96%;
    margin: 0 auto;
  }
  .gaiyo-06-2 img {
    width: 100%;
  }
  .gaiyo-06-2 a {
    border-bottom: none;
  }
  .gaiyo-06-2 a:hover {
    border-bottom: none;
  }
  .gaiyo-7 table {
    width: 96%;
    margin: 0 2% 20px 2%;
  }
  .gaiyo-7 table td {
    font-size: 14px;
  }
  .table-gaiyo-1 {
    width: 20%;
  }
  /*----- jigyo -----*/
  .jigyo {
    width: 100%;
  }
  .jigyo-jiseki {
    margin-top: 30px;
  }
  .keibi-jigyo {
    width: 96%;
    height: auto;
    margin: 0 2%;
  }
  .jigyo-sub-title {
    font-size: 18px;
    padding: 0;
    text-align: center;
    margin-bottom: 10px;
  }
  .keibi-jigyo img {
    width: 70%;
    height: auto;
    margin: 20px 15% 0 15%;
  }
  .jigyo-right img {
    float: none;
    padding-left: 0;
  }
  .jigyo-left p {
    margin-left: 0px;
  }
  .jigyo-left img {
    float: none;
    padding-right: 0px;
  }
  p.explain-right {
    padding-left: 0px;
    font-size: 14px;
  }
  p.explain-left {
    padding-left: 0px;
    font-size: 14px;
  }
  ul.jyuchusaki {
    width: 95%;
  }
  ul.jyuchusaki li {
    float: none;
    padding-bottom: 1px;
    margin: 0;
    padding: 0;
    margin-left: 5%;
  }
  .kenmei-title {
    padding-top: 0;
  }
  .kenmei {
    width: 95%;
  }
  .kenmei li {
    padding-bottom: 1px;
    margin-left: 5%;
  }
  /*----- info-list -----*/
  .info-list {
    margin-top: 30px;
  }
  .info-list dl {
    width: 85%;
    margin: 0 auto;
    border: 1px solid #ccc;
    border-radius: 10px;
    margin-bottom: 20px;
    padding: 10px 2% 10px 2%;
  }
  .info-list dt {
    font-size: 17px;
    margin-bottom: 5px;
  }
  .info-list dd {
    margin-left: 5%;
  }
  /*----- sitemap -----*/
  .sitemap {
    width: 100%;
  }
  .sitemap ul {
    margin-top: 10px;
    margin-left: 0;
  }
  .sitemap li a {
    width: 60%;
    padding: 10px 0 10px 20px;
    margin-bottom: 20px;
  }
  li.top a {
    width: 60%;
    margin-left: 10%
  }
  li.left-50 a {
    width: 60%;
    margin-left: 18%;
  }
  /*----- privacy -----*/
  h2.privacy-poricy {
    font-size: 18px;
  }
  .privacy {
    width: 90%;
    height: 130px;
    overflow: auto;
    padding: 5px;
    margin-bottom: 10px;
  }
  .privacy p {
    font-size: 12px;
  }
  /*----- member -----*/
  .member table {
    width: 100%;
    margin-bottom: 20px;
  }
  .member a {
    color: #285AF7;
    border-bottom: 1px solid #285AF7;
  }
  .table-1, .table-2, .table-3, .table-4, .table-5 {
    width: 90%;
    text-align: center;
  }
  .member table tr:nth-child(even) {
    background: #fff;
  }
  .member table tr:nth-child(odd) {
    background: #fff;
  }
  .tittle-center {
    background-color: #d9efff;
    text-align: center;
    font-size: 18px;
  }
  .tittle-center a {
    text-align: center;
  }
  .table-sp {
    width: 90%;
  }
  .table-sp td {
    display: block;
    width: 90%;
    margin: 0 3%;
  }
  .event_table tr {
    margin-bottom: 30px;
  }
  /*========== excellent ==========*/
  .excellent-box-1 {
    width: 100%;
  }
  .excellent-01 {
    float: none;
    width: 70%;
    margin: 0 auto 20px;
  }
  .excellent-box-2 {
    width: 100%;
  }
  .excellent-02 {
    font-size: 18px;
    padding: 0 2%;
  }
  .excellent-03 {
    font-size: 16px;
    padding: 0 5%;
    margin-bottom: 10px;
  }
  .excellent-04 {
    width: 90%;
    margin: 0 auto 20px;
    font-size: 16px;
  }
}