@media screen and (min-width: 481px) {

  /*

INDEX
----- 01. GLOBAL
----- 02. HEADER
----- 03. FO0TER

----- 04. TOP PAGE
----- 05. COMMON

*/
  .pc-none {
    display: none;
  }

  main p,
  main dt,
  main dd,
  main ul {
    font-size: 1.25vw;
    line-height: 3.2vw;
    margin: 0 auto 50px;
    text-align: left;
    box-sizing: border-box;
  }

  main p,
  main ul {
    width: 60%;
  }

  main dl {
    width: 100%;
    text-align: left;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 50px;
  }

  hr {
    margin: 80px auto;
    width: 60%;
  }

  #second-level h2 {
    display: inline-block;
    padding: 20px 30px;
    background: url("../img/bg_page_h2_title.png");
    border-radius: 20px;
    font-size: 2.5vw;
    font-weight: bold;
    margin: 60px auto 100px;
  }

  h3 {
    width: 58%;
    font-size: 2vw;
    font-weight: bold;
    margin: 60px auto;
    text-align: left;
  }

  h4 {
    width: 55%;
    font-size: 1.5vw;
    font-weight: bold;
    text-align: center;
    margin: 50px auto;
  }

  h5 {
    width: 55%;
    font-size: 1.3vw;
    font-weight: bold;
    text-align: left;
    margin: 0px auto;
  }

  table {
    width: 60%;
    margin-left: auto;
    margin-right: auto;
    background-color: #ebebeb;
    border-collapse: collapse;
  }

  .annotation {
    font-size: 0.9vw;
    line-height: 1.8vw;
    padding-bottom: 30px;
  }

  .fb-page {
    width: 60%;
    text-align: left;
  }

  /* #MARGIN */
  .margin-bottom-lll {
    margin-bottom: 200px;
  }

  .margin-bottom-ll {
    margin-bottom: 150px;
  }

  .margin-bottom-l {
    margin-bottom: 100px;
  }

  .middle-link {
    margin: 10px auto;
    text-align: right;
  }

  .margin-bottom-mm {
    margin-bottom: 80px;
  }

  .margin-bottom-m {
    margin-bottom: 40px;
  }

  .padding-bottom-l {
    padding-bottom: 100px;
  }

  .pc-width-60 {
    width: 60%;
  }

  .btn-common--center {
    text-align: center;
  }

  .btn-common {
    width: 20%;
    background-color: #42200a;
    /*color: #FFFFFF;*/
    border-radius: 100vh;
    display: inline-block;
    padding: 10px;
    font-size: 1.3vw;
    margin: -50px auto 50px;

  }

  .btn-common a {
    color: #FFFFFF;
  }

  /* ------------------------------------------------------------
02. HEADER
------------------------------------------------------------ */
  header .header__inner {
    width: 80%;
  }

  .header__left h1 {
    vertical-align: top;
  }

  .header__left img {
    width: 50%;
  }

  .header__sns ul li {
    display: inline-block;
    font-size: 3vw;
  }

  .header__sns ul li:nth-child(2) {
    margin: 0 10px;
  }

  .header__menu {
    width: 20%;
    text-align: left;
    vertical-align: middle;
  }

  .header__menu img {
    width: 50%;
  }

  /* ------------------------------------------------------------
03. MAIN
------------------------------------------------------------ */
  main {}

  main .inner {
    margin: 0 auto;
    width: 100%;
  }

  .slick01-2 {
    width: 100%;
  }

  .slick01-2 img {
    width: 100%;
  }

  /* #TOP PLAY WORKER */
  .top__ul {
    width: 80%;
  }

  main .top__park-nav {
    width: 80%;
    text-align: center;
    padding: 40px 0px;
    margin: 0 auto;
  }

  main .top__park-nav h2 {
    width: 90%;
    text-align: center;
    margin: 0 auto 30px;
  }

  main .top__park-nav h2 img {
    width: 50%;
  }

  main .top__park-nav ul {
    text-align: center;
    width: 70%;
  }

  main .top__park-nav li {
    display: inline-block;
    box-sizing: border-box;
    width: 24%;
    margin-bottom: 30px;
  }

  main .top__park-nav li img {
    width: 90%;
  }

  /* .TOP PLAY WORKER */
  /* #TOP MORE NEWS */
  .more-news {
    width: 100%;
    text-align: center;
    padding: 10px;
  }

  .more-news img {
    width: 50%;
  }

  /* .TOP MORE NEWS */
  /* #NEWS AREA */
  #news-area {
    width: 100%;
    text-align: center;
    margin: 0;
    background: url("../img/common/bg_top.jpg");
    padding: 30px 0;
  }

  .top__main-news {
    text-align: center;
    box-sizing: border-box;
    width: 70%;
    background-color: #FFFFFF;
    border-radius: 5px;
    border: solid 5px #754C24;
    margin: 20px auto;
    padding: 5px 5px;
  }

  #news-title {
    box-sizing: border-box;
    margin: 10px 5px;
    text-align: center;
  }

  #news-title h2 img {
    width: 30%;
  }

  .news-list {
    width: 100%;
  }

  .news-list dl {
    width: 100%;
  }

  .news-list dt::before {
    content: '●';
    color: #D65A24;
    font-size: 1.5vw;
  }

  .news-list dt {
    display: inline-block;
    box-sizing: border-box;
    margin: 0 0 15px 5px;
    font-size: 1.5vw;
    vertical-align: top;
    line-height: 2vw;
    width: 34%;
    text-align: right;
  }

  .news-list dd {
    display: inline-block;
    box-sizing: border-box;
    margin: 0 0 15px;
    font-size: 1.5vw;
    width: 55%;
    /*    overflow-wrap: break-word;*/
    line-height: 2vw;
    vertical-align: top;
    text-align: left;
  }

  .more-news {
    text-align: center;
    padding: 10px;
  }

  .more-news img {
    width: 30%;
  }

  /* .NEWS AREA */
  /* #TOP DONATE */
  .top__donate {
    width: 100%;
    position: relative;
    background: url("../img/common/bg_top.jpg");
  }

  .top__donate-img {
    width: 100%;
  }

  .top__donate-img img {
    width: 100%;
  }

  .top__donate h2 {
    position: absolute;
    top: 4%;
    left: 12%;
    z-index: 50;
    text-align: left;
    font-size: 4vw;
    line-height: 6vw;
    color: #FFFFFF;
  }

  .top__donate h2 span {
    color: #ffff00;
  }

  .top__donate p {
    position: absolute;
    top: 32%;
    left: 12%;
    z-index: 50;
    text-align: left;
    font-size: 2vw;
    line-height: 4vw;
    color: #FFFFFF;
  }

  .top__donate-btn {
    position: absolute;
    bottom: 5%;
    left: 0%;
    right: 0%;
    text-align: center;
  }

  .top__donate-btn img {
    width: 25%;
    margin-top: 5px;
  }

  /* .TOP DONATE */
  .top__banner {
    width: 100%;
    padding: 20px 0px;
  }

  .top__banner img {
    width: 50%;
    text-align: center;
  }

  .top__topics-view {
    width: 100%;
    background: url("../img/common/bg_top.jpg");
    text-align: center;
    padding: 0px 10px;
    display: inline-block;
    box-sizing: border-box;
  }

  .top__topics-view-inner {
    width: 80%;
    padding: 30px 0;
    margin: 0 auto;
  }

  .top__topics-title {
    width: 30%;
    margin: 20px 0;
  }

  main .top__topics-view .top__topics-view-inner ul {
    text-align: center;
  }

  main .top__topics-view li {
    display: inline-block;
    box-sizing: border-box;
    width: 25%;
    margin-bottom: 20px;
  }

  main .top__topics-view li img {
    width: 80%;
  }

  .top__btn-topics {
    width: 30%;
  }

  /* #TOP BLOG  VIEW */
  #blog-view-list {
    background: url("../img/common/bg_top.jpg");
    padding-bottom: 30px;
  }

  .top__blog-view-list {
    width: 80%;
    margin: 0 auto;
  }

  #blog-view-list ul {
    list-style: none;
    width: 70%;
    margin: 0 auto;
  }

  #blog-view-list li {
    display: inline-block;
    box-sizing: border-box;
    width: 100%;
    border: solid 2px #000000;
    text-align: left;
    margin: 0 auto 15px;
    background-color: #FFFFFF;
  }

  #blog-view-list p {
    margin-bottom: 0;
  }

  #blog-view-list li span {
    display: inline-block;
    box-sizing: border-box;
  }

  #blog-view-list li span.blog-card__thumb {
    width: 14%;
    padding: 8px 0px 0px 8px;
  }

  #blog-view-list li span.blog-card__txt {
    vertical-align: top;
    width: 84%;
    padding: 8px 8px 0px 8px;
  }

  #blog-view-list li span.blog-card__title {
    font-size: 2vw;
    font-weight: 600;
    width: 100%;
    padding-bottom: 5px;
    line-height: 2.5vw;
  }

  #blog-view-list li span.blog-card__read p {
    width: 100%;
    font-size: 1.5vw;
    line-height: 2.2vw;
  }

  #blog-view-list li span img {
    width: 100%;
    height: 100%;
  }

  /* .TOP BLOG  VIEW */
  /* #TOP PLAY WORKER */
  .top__playworker {
    width: 100%;
    position: relative;
    background: url("../img/common/bg_top.jpg");
  }

  .top__playworker-img {
    width: 100%;
  }

  .top__playworker-img img {
    width: 100%;
  }

  .top__playworker-inner {}

  .top__playworker h2 {
    position: absolute;
    top: 3%;
    right: 8%;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    z-index: 50;
    font-size: 3vw;
    line-height: 3vw;
    color: #FFFFFF;
    text-align: left;
  }

  .top__playworker h2 span {
    color: #ffff00;
  }

  .top__playworker p {
    position: absolute;
    top: 20%;
    left: 5%;
    z-index: 50;
    text-align: left;
    font-size: 2vw;
    line-height: 2vw;
    color: #FFFFFF;
  }

  .top__playworker-btn {
    position: absolute;
    bottom: 7%;
    left: 0%;
    right: 0%;
    text-align: center;
  }

  .top__playworker-btn img {
    width: 25%;
    margin-top: 5px;
  }

  /* #TOP PLAY WORKER */
  /* #TOP RECOMEND */
  .top__recomend {
    width: 100%;
    padding: 20px 0;
    background: url("../img/common/bg_top.jpg");
  }

  .top__recomend h2 {
    width: 100%;
    text-align: center;
    padding-bottom: 10px;
  }

  .top__recomend-banner {
    width: 100%;
    text-align: center;
  }

  .top__recomend-banner div {
    width: 25%;
    text-align: center;
    display: inline-block;
    box-sizing: border-box;
    padding: 0 10px;
  }

  .top__recomend-banner div img {
    width: 100%;
  }

  .top__recomend-donate img {
    width: 50%;
  }

  .recomend-btn {
    width: 60%;
  }

  /* .TOP RECOMEND */
  /* ------------------------------------------------------------
03. FO0TER
------------------------------------------------------------ */
  footer {
    width: 100%;
    background: no-repeat url("../img/common/bg_footer_3.png");
    background-size: 60%;
    background-position: center top;
    margin-top: 150px;
  }

  .footer__sns {
    text-align: center;
    width: 100%;
  }

  .footer__sns ul {
    width: 100%;
    margin: 50px auto 30px;
    text-align: center;
  }

  .footer__sns ul li {
    margin: 0px;
    display: inline-block;
    box-sizing: border-box;
    font-size: 4vw;
  }

  .footer__sns ul li:nth-child(2) {
    padding: 0 15px;
  }

  .footer__sns p {
    font-size: 2vw;
    text-align: center;
  }

  .footer__sponsors {
    margin: 20px 0;
    width: 100%;
    text-align: center;
  }

  .footer__sponsors h2 {
    width: 100%;
  }

  .footer__sponsors h2 img {
    width: 20%;
  }

  .footer__sponsors ul {
    width: 90%;
    margin: 0px auto;
    text-align: center;
  }

  .footer__sponsors li {
    display: inline-block;
    width: 20%;
  }

  .footer__sponsors li img {
    width: 100%;
  }

  footer .inner {
    width: 100%;
    background: url("../img/common/bg_footer_2.png");
    background-position: center top;
    background-size: auto;
  }

  address {
    width: 100%;
    font-size: 1.5vw;
    margin: 30px 0 20px;
    font-style: normal;
  }

  address span {
    font-size: 1.5vw;
  }

  .footer__img img {
    width: 100%;
  }

  .footer__inner {
    text-align: center;
    width: 100%;
    padding-top: 350px;
    background: no-repeat url("../img/common/bg_footer_1.png");
    background-size: 60%;
    background-position: center top;
  }

  .footer__sitemap-btn {
    width: 20%;
    background-color: #42200a;
    color: #FFFFFF;
    border-radius: 100vh;
    display: inline-block;
    padding: 10px;
    font-size: 1.3vw;
  }

  .footer__copyright {
    width: 100vw;
    text-align: center;
    font-size: 1.5vw;
    padding: 30px 0;
  }

  /* ------------------------------------------------------------
 PAGE-USERVOICE
------------------------------------------------------------ */
  /* ------------------------------------------------------------
08. page-intro
------------------------------------------------------------ */
  #intro-h2 {
    padding: 20px 0 20;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
  }

  #intro-h2 h2 {
    width: 50%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 30px;
  }

  #intro-h2 h3 {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
  }

  #intro-h2 h3 img {
    width: 60%;
    margin-left: auto;
    margin-right: auto;
  }

  #intro-h2 .park__nav {
    width: 60%;
    margin: 20px auto 40px;
  }

  #intro-h2 .park__nav img {
    width: 90%;
  }

  .intro-faq {
    width: 60%;
    margin-left: auto;
    margin-right: auto;
  }

  .intro-faq img {
    width: 80%;
  }

  .intro-faq #park-nav {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 40px;
    margin-bottom: 40px;
  }

  .intro-faq #park-nav img {
    width: 80%;
  }

  #park-nav ul {
    width: 100%;
  }

  #park-nav li {
    width: 32%;
    display: inline-block;
    box-sizing: border-box;
    text-align: center;
  }

  #park-nav li img {
    width: 80%;
  }

  .intro-faq p {
    margin: 150px auto;
    width: 100%;
  }

  .park-attention {
    font-size: 1.2vw;
    margin-bottom: 25px;
  }

  #banner-support img {
    width: 40%;
    padding: 40px 0;
  }

  /* ------------------------------------------------------------
 TOUR
------------------------------------------------------------ */
  #page-tour {
    margin-left: auto;
    margin-right: auto;
  }

  #page-tour dl {
    width: 58%;
  }

  #page-tour dt {
    margin-bottom: 15px;
  }


  #page-tour dd {
    margin-bottom: 15px;
  }



  /* ------------------------------------------------------------
 SEND-STAFF
------------------------------------------------------------ */
  .staff-profile {
    margin-bottom: 200px;
  }

  .staff-profile img {
    width: 20%;
  }

  /* ------------------------------------------------------------
 SEMINAR
------------------------------------------------------------ */
  #page-seminar .seminar-img-01 img {
    width: 60%;
  }

  #page-seminar .seminar-img-02 img {
    width: 30%;
  }

  /* ------------------------------------------------------------
 DOJO
------------------------------------------------------------ */
  #page-dojyo .dojo-time-table {
    width: 60%;
    margin-left: auto;
    margin-right: auto;
  }

  /* ------------------------------------------------------------
 BOOKS
------------------------------------------------------------ */
  #page-books .book-img img {
    width: 20%;
    margin-bottom: 50px;
  }

  #page-books #books-buy {
    width: 60%;
    margin-left: auto;
    margin-right: auto;
  }


  /* ------------------------------------------------------------
09. page-about
------------------------------------------------------------ */
  main #about-view {
    width: 60%;
    text-align: center;
    margin: 0 auto;
  }

  /*----*/
  #about-menu {
    width: 80%;
    text-align: center;
    margin: 20px auto 0;
  }

  #about-menu dl {
    width: 100%;
    border: solid 4px #42210B;
    display: inline-block;
    box-sizing: border-box;
    border-radius: 5px;
    background-color: #FAF8F0;
  }

  #about-menu dt {
    background-color: #FFFFFF;
    padding: 5px 0;
    width: 100%;
    margin-bottom: 10px;
    text-align: center;
  }

  #about-menu dd {
    text-align: left;
    padding: 0 10px;
    border-bottom: solid 2px #42210B;
    margin-bottom: 10px;
  }

  #about-menu dd:last-child {
    border-bottom: none;
  }

  /*----*/
  #about-tosaka {
    margin: 15px auto;
    text-align: center;
    width: 60%;
  }

  #about-tosaka img,
  #balance-sheet img {
    width: 50%;
  }

  #about-chart img {
    width: 70%;
  }

  #about-chart {
    margin: 15px auto;
    text-align: center;
    width: 90%;
  }

  #about-officer h3 {
    width: 58%;
  }

  #about-officer {
    width: 100%;
    margin: 0 auto;
  }

  /*----*/
  #about-officer dl {
    width: 58%;
    margin: 0 auto;
  }

  #about-officer dt {
    width: 20%;
    display: inline-block;
    box-sizing: border-box;
    margin: 5px 0;
    vertical-align: top;
    font-size: 1.3vw;
    line-height: 2.9vw;
  }

  #about-officer dd {
    width: 66%;
    display: inline-block;
    box-sizing: border-box;
    margin: 5px 5px;
    vertical-align: top;
    font-size: 1.3vw;
    line-height: 2.9vw;
  }

  #group-overview {
    width: 60%;
    margin-left: auto;
    margin-right: auto;
  }

  /* ------------------------------------------------------------
VISION
------------------------------------------------------------ */
  #page-vision h3 {
    margin-bottom: 100px;
  }

  /* ------------------------------------------------------------
10. page-contact
------------------------------------------------------------ */
  #page-contact {
    width: 80%;
    margin: 0 auto;
  }

  #page-contact p {
    width: 60%;
    margin: 0 auto;
  }

  #page-contact .banner {
    width: 40%;
    margin: 50px auto;
  }

  #page-contact .banner p {
    text-align: center;
    width: 100%;
  }

  #page-contact .banner img {
    width: 100%;
    margin-bottom: 20px;
  }

  /* ------------------------------------------------------------
OUTLINE
------------------------------------------------------------ */
  .outline {
    width: 80%;
    text-align: center;
    margin: 0 auto;
  }

  .outline__title {
    width: 100%;
    text-align: center;
    background: url("../img/common/bg_top.jpg");
    margin-top: 20px;
  }

  .outline__title h2 img {
    width: 60%;
  }

  .outline__title h2 {
    display: inline-block;
    padding: 0px;
    background: none;
    border-radius: 0px;
    font-size: 0vw;
    margin: 60px auto 40px;
  }

  .outline__title-h3-a {
    text-align: center;
    width: 100%;
    padding: 10px 0 0px;
    background-color: #39984A;
    color: #FFFFFF;
  }

  .outline__title-h3-a h3 {
    font-size: 0vw;
    line-height: 0vw;
    width: 100%;
    text-align: center;
    margin: 0 auto;
    padding: 30px 0;
  }

  .outline__title-h3-b {
    text-align: center;
    width: 100%;
    background-color: #da801e;
  }

  .outline__title-h3-b h3 {
    margin: 0px auto;
    padding: 30px 0 20px;
    text-align: center;
  }

  .outline__title-h3-c {
    text-align: center;
    width: 100%;
    background-color: #39984a;
  }

  .outline__title-h3-c h3 {
    margin: 0 auto;
    padding: 30px 0 20px;
    text-align: center;
  }

  .outline__img {
    width: 100%;
  }

  .outline__img img {
    width: 100%;
  }

  .outline__btn-more {
    width: 100%;
    text-align: center;
  }

  .outline__btn-more img {
    width: 20%;
    margin: 50px 0 0px;
  }

  /* ------------------------------------------------------------
CONCEPT
------------------------------------------------------------ */
  #page-concept h2,
  #page-field h2 {
    width: 40%;
    margin: 20px auto;
  }

  #page-concept img,
  #page-field img,
  #page-history img,
  #page-recruit img {
    width: 40%;
  }

  #page-concept h2 img,
  #page-field h2 img {
    width: 100%;
  }

  .concept__img {
    width: 80%;
    margin: 0 auto;
  }

  .aims-data {
    width: 60%;
    margin: 0 auto 30px;
  }

  .concept__img img {
    width: 60%;
    margin: 0 auto;
  }

  #page-concept h3 {
    margin: 30px auto 50px;
    width: 58%;
    text-align: left;
    padding-left: 10px;
    box-sizing: border-box;
    font-family: "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, "sans-serif";
    font-weight: bold;
  }

  #page-concept h4 {
    font-size: 1.8vw;
  }

  .concept--red {
    border-left: 25px solid #ff0000;
  }

  .concept--cyan {
    border-left: 25px solid #2989c0;
  }

  .concept--gren {
    border-left: 25px solid #80a43f;
  }

  .concept__lastimg {
    width: 100%;
  }

  #page-concept .concept__lastimg img,
  #page-field .concept__lastimg img {
    width: 60%;
  }

  .concept__btn {
    padding: 10px 30px;
    border-radius: 70px;
    font-size: 2vw;
    line-height: 3vw;
    font-weight: bold;
    margin: 20px auto 30px;
    width: 30%;
    font-family: "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, "sans-serif";
  }

  .concept__btn a {
    color: #FFFFFF;
  }

  .concept__btn span {
    font-size: 1.8vw;
  }

  #page-field h3 {
    width: 60%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
  }

  #page-field h3 img {
    width: 50%;
  }

  #page-field h4 {
    font-size: 1.8vw;
    width: 60%;
  }

  #page-field .caption,
  #page-history .caption {
    margin-bottom: 10px;
    padding-bottom: 0px;
    font-size: 1.3vw;
    text-align: center;
    width: 60%;
  }

  #page-history h3 {
    display: inline-block;
    padding: 10px 30px;
    border-radius: 70px;
    font-weight: bold;
    margin: 30px auto 50px;
    width: 30%;
    background-color: #64b4e6;
    position: relative;
    font-family: "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, "sans-serif";
    color: #FFFFFF;
    text-align: center;
  }

  #page-history .icon01 {
    position: absolute;
    right: 0%;
    top: 16%;
    width: 18.5%;
  }

  #page-history .icon02 {
    position: absolute;
    right: 3%;
    top: 10%;
    width: 18.5%;
  }

  #page-history .icon03 {
    position: absolute;
    right: 0%;
    top: 35%;
    width: 18.5%;
  }

  #page-history .icon04 {
    position: absolute;
    right: 0%;
    top: 10%;
    width: 25.5%;
  }

  #page-history .icon05 {
    position: absolute;
    right: 3%;
    top: 41%;
    width: 12%;
  }

  #page-history .icon06 {
    position: absolute;
    right: 2%;
    top: 25%;
    width: 30%;
  }

  #page-history .icon07 {
    position: absolute;
    right: 1%;
    top: 30%;
    width: 19%;
  }

  #page-history .icon08 {
    position: absolute;
    right: 2%;
    top: 25%;
    width: 19%;
  }

  /* ------------------------------------------------------------
 HANEKKO/FUKKOU
------------------------------------------------------------ */
  #page-hanekko img,
  #page-fukkou img,
  #page-youth img {
    width: 40%;
  }

  /* ------------------------------------------------------------
 Q & A
------------------------------------------------------------ */
  #page-q-and-a h2 {
    position: relative;
  }

  #page-q-and-a h2::after {
    content: "";
    display: block;
    width: 18%;
    height: 100%;
    position: absolute;
    background: no-repeat url("../img/q_a/qa_icon01.png");
    background-size: 100%;
    right: 2%;
    top: 40%;
  }

  #page-q-and-a h3 {
    position: relative;
    text-align: left;
    padding-left: 10%;
    line-height: 3vw;
    margin-bottom: 50px;
  }

  #page-q-and-a h3::before {
    content: '';
    display: block;
    width: 40%;
    height: 110%;
    background: no-repeat url("../img/q_a/qa_icon_q.png");
    background-size: 11%;
    position: absolute;
    top: 0%;
    left: 8%;
  }

  #page-q-and-a p {
    /*    display: inline-block;*/
    padding: 50px;
    border-radius: 30px;
    background-color: #FAF8F0;
    margin-bottom: 100px;
  }

  /* ------------------------------------------------------------
 PAGE RECRUIT
------------------------------------------------------------ */
  #page-recruit h3 {
    text-align: center;
  }

  #recruit-flyer img {
    width: 70%;
  }

  /* ------------------------------------------------------------
  PLAY WORKER DAY
------------------------------------------------------------ */
  #page-play-worker-day {
    background: url("../img/common/bg_top.jpg");
    width: 60%;
    padding-bottom: 150px;
    margin: 0 auto;
  }

  #play-worker-day-h2 {
    background-color: #FFFFFF;
    padding-bottom: 30px;
  }

  #page-play-worker-day h2 {
    width: 100%;
  }

  #page-play-worker-day h2 img {
    width: 100%;
    margin: 0 auto;
  }

  #note {
    width: 90%;
    background: url("../img/common/bg_note.png");
    background-size: contain;
    margin: 0px auto;
  }

  #note img {
    width: 90%;
    margin-bottom: 30px;
  }

  .img-asa {
    margin: -20px 0 15px;
  }

  #note h3 {
    width: 85%;
    font-size: 1.5vw;
    font-weight: bold;
    text-align: left;
    margin: 20px auto 10px;
  }

  #note p {
    width: 85%;
    font-size: 1.3vw;
    text-align: left;
    font-weight: normal;
  }

  #play-worker-day-img-last {
    width: 55%;
    margin: 0 auto 100px;
    ;
  }

  #play-worker-day-img-last img {
    margin-top: -150px;
  }

  /* ------------------------------------------------------------
SUPPORT
------------------------------------------------------------ */
  #support-view section {
    margin: 0 auto;
  }

  #support-view {
    width: 70%;
    margin: 0 auto;
  }

  #support-view img {
    width: 60%;
  }

  #support-title h2 img {
    width: 10%;
    margin-bottom: 30px;
  }

  #support-title h2 {
    line-height: 2.5vw;
    margin-bottom: 30px;
  }

  #support-title h2 span {
    margin-top: 15px;
    color: #da801e;
    font-size: 3vw;
    line-height: 3.5vw;
  }

  section[id*="support-select-"] {
    width: 100%;
  }

  section[id*="support-select-"] h3 {
    width: 100%;
    margin-bottom: 50px;
    text-align: center;
  }

  section[id*="support-select-"] img {
    width: 100%;
  }

  section[id*="support-select-"] p {
    margin-bottom: 50px;
  }

  section[id*="support-select-"] h4 {
    margin-bottom: 50px;
  }

  .support-btn {
    width: 60%;
    margin: 0 auto 50px;
  }

  #support-view table tr,
  caption {
    width: 100%;
  }

  #support-view caption span {
    font-size: 1.3vw;
  }

  #support-view table th,
  #support-view table td {
    width: 50%;
    font-size: 1.3vw;
    border: 1px solid #FFFFFF;
    padding: 5px 10px;
  }

  #support-view table td:nth-child(2) {
    text-align: right;
  }

  /*+++++++++++++++++++++++++*/
  /*タブ切り替え全体のスタイル*/
  .tabs1,
  .tabs2,
  .tabs3 {
    margin-top: 50px;
    padding-bottom: 40px;
    background-color: #fff;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    width: 80%;
    margin: 0 auto;
  }

  .tabs1 p,
  .tabs2 p,
  .tabs3 p {
    text-align: center;
    margin-bottom: 30px !important;
    font-weight: bold;
  }

  /*タブのスタイル*/
  .tab_item1,
  .tab_item2,
  .tab_item3 {
    width: calc(100%/2);
    height: 50px;
    border-bottom: 3px solid #5ab4bd;
    background-color: #d9d9d9;
    line-height: 50px;
    font-size: 16px;
    text-align: center;
    color: #565656;
    display: block;
    float: left;
    font-weight: bold;
    transition: all 0.2s ease;
  }

  .tab_item1:hover,
  .tab_item2:hover,
  .tab_item3:hover {
    opacity: 0.75;
  }

  /*ラジオボタンを全て消す*/
  input[name="tab_item1"],
  input[name="tab_item2"],
  input[name="tab_item3"] {
    display: none;
  }

  /*タブ切り替えの中身のスタイル*/
  .tab_content {
    display: none;
    padding: 40px 40px 0;
    clear: both;
    overflow: hidden;
  }

  /*選択されているタブのコンテンツのみを表示*/
  .tabs1 #credit1:checked~#credit1_content,
  .tabs1 #transfer1:checked~#transfer1_content {
    display: block;
  }

  .tabs2 #credit2:checked~#credit2_content,
  .tabs2 #transfer2:checked~#transfer2_content {
    display: block;
  }

  .tabs3 #credit3:checked~#credit3_content,
  .tabs3 #transfer3:checked~#transfer3_content {
    display: block;
  }

  /*選択されているタブのスタイルを変える*/
  .tabs1 input:checked+.tab_item1 {
    background-color: #5ab4bd;
    color: #fff;
  }

  .tabs2 input:checked+.tab_item2 {
    background-color: #5ab4bd;
    color: #fff;
  }

  .tabs3 input:checked+.tab_item3 {
    background-color: #5ab4bd;
    color: #fff;
  }

  input[name="submit"] {
    width: 70%;
  }

  .tabs2 h3 {
    margin-bottom: 10px !important;
  }

  .tabs2 p {
    margin-bottom: 10px !important;
  }

  /*ラジオボタンを全て消す*/
  input[name="Amount"] {
    margin-bottom: 30px !important;
  }

  /*+++++++++++++++++++++++++*/
  /* #TOP BLOG  VIEW */
  #sort-blog-view-list {
    padding-bottom: 30px;
  }

  #sort-blog-view-list {
    width: 80%;
    margin: 0 auto;
  }

  #sort-blog-view-list ul {
    list-style: none;
    width: 70%;
    margin: 0 auto;
  }

  #sort-blog-view-list li {
    display: inline-block;
    box-sizing: border-box;
    width: 100%;
    border: solid 2px #000000;
    text-align: left;
    margin: 0 auto 15px;
    background-color: #FFFFFF;
  }

  #sort-blog-view-list li span {
    display: inline-block;
    box-sizing: border-box;
  }

  #sort-blog-view-list li span.blog-card__thumb {
    width: 14%;
    padding: 8px 0px 8px 8px;
  }

  #sort-blog-view-list li span.blog-card__txt {
    vertical-align: top;
    width: 84%;
    padding: 8px 8px 0px 8px;
  }

  #sort-blog-view-list li span.blog-card__title {
    font-size: 2vw;
    font-weight: 600;
    width: 100%;
    padding-bottom: 5px;
    line-height: 2.5vw;
  }

  #sort-blog-view-list li span.blog-card__read p {
    width: 100%;
    font-size: 1.5vw;
    line-height: 2.2vw;
    margin-bottom: 0;
  }

  #sort-blog-view-list li span img {
    width: 100%;
    height: 100%;
  }

  /* .TOP BLOG  VIEW */
  /* ------------------------------------------------------------
SINGLE
------------------------------------------------------------ */
  #single-page {
    width: 80%;
    margin: 0 auto;
  }

  #single-page img {
    width: 50%;
    height: auto;
    margin: 50px auto;
  }

  #single-page h2 {
    margin: 50px auto 30px;
    font-size: 2.0vw;
    line-height: 3vw;
    width: 60%;
  }

  #single-page .date {
    margin-bottom: 70px;
  }

  #single-page p {
    width: 60%;
  }

  /* ------------------------------------------------------------
 OUTLINE
------------------------------------------------------------ */
  .outline__next {
    background-color: #42200a;
    color: #FFFFFF;
    border-radius: 100vh;
    display: inline-block;
    padding: 10px 30px;
    font-size: 1.3vw;
    margin: 0 auto;
  }

  .outline__next p {
    width: 100%;
    margin: 0;
    padding: 0;
    text-align: center;
    color: #FFFFFF;
  }

  .outline__next p::before {
    content: "次へ";
    margin-right: 15px;
  }

  .outline__next p::after {
    content: "▶︎";
    margin-left: 15px;
  }

  /* ------------------------------------------------------------
 SNS-LINK-PAGE
------------------------------------------------------------ */

  div[class^="sns-link-page"] {
    /* セレクタ名の前方一致 */
    width: 48%;
    height: 24px;
    margin: 10px auto 30px;
    display: flex;
  }

  .sns-link--page-outline {
    margin: 10px 0px 30px !important;
    display: flex;
    justify-content: center;
  }

  .sns-link--page-staff {
    width: 60% !important;
    display: flex;
    justify-content: flex-start;
    margin: 0 auto 40px;
  }



  .sns-link__twitter {
    width: 88px !important;
    height: 24px !important;
    margin: 0 !important;
    padding-right: 10px;
  }

  .sns-link__facebook {
    width: 83px !important;
    height: 24px !important;
    margin: 0 !important;
    padding-right: 10px;

  }

  .sns-link__line {
    width: 102px !important;
    height: 24px !important;
    margin: 0 !important;
  }



}