@charset "utf-8";
/* CSS Document */
@media screen and (max-width: 900px) {
  .pc_none {
    display: block;
  }
  .sp_none {
    display: none;
  }
  /*共通*/
  .hamburgermenu .nav {
    padding-bottom: 0;
  }
  nav .nav .nav_logo, nav .nav .nav_lst {
    float: none;
    width: 100%;
    margin: auto;
  }
  nav .nav .nav_logo {
    margin-top: 5%;
    background-color: #f7f7f7;
  }
  nav .nav .nav_logo .logo {
    display: none;
  }
  nav .nav .nav_logo .btn {
    margin: 3% auto 5%;
    width: 90%;
    max-width: 260px;
  }
  .shopsbox .boxs3, .shopsbox .boxs2, .shopsbox .boxs1 {
    display: block;
    width: 95%;
    max-width: 500px;
    margin: auto;
  }
  .shopsbox .onebox {
    float: none;
    padding: 2%;
    margin-top: 3%;
    margin-bottom: 5%;
    max-width: 1000px;
  }
  .shopsbox .onebox:last-child {
    margin-bottom: 5%;
  }
  .textbox01 {
    padding: 13% 0 0;
  }
  .textbox01 .onebox {
    padding-bottom: 15%;
  }
  .textbox01 .onebox:nth-child(2n) .txt {
    float: none;
  }
  .textbox01 .onebox .txt {
    float: none;
    width: 90%;
    max-width: 500px;
    margin: auto;
  }
  .textbox01 .onebox .img {
    float: none;
    width: 90%;
    text-align: center;
    margin: 0 auto 30px;
  }
  .textbox01 .onebox:nth-child(2n) .img {
    float: none;
    text-align: center;
  }
  .textbox01 .onebox .img img {
    height: auto;
    width: 100%;
    max-width: 360px;
  }
  #salary .textbox01 .onebox .img img {
    display: block;
    margin: 0 auto;
  }
  .textbox01 .onebox .btn {
    width: 100%;
    margin-top: 30px;
    text-align: center;
  }
  .textbox02 .onebox {
    display: block;
    margin: auto;
    padding-bottom: 0px;
    width: 90%;
    /*max-width: 500px;*/
  }
  .textbox02 .next {
    margin: 0 auto 60px;
    text-align: center;
  }
  .textbox02 .onebox .txt, .textbox02 .onebox .img {
    float: none;
  }
  .textbox02 .onebox .txt {
    width: 100%;
    max-width: 500px;
    margin: 0 auto 70px;
  }
  .textbox02 .onebox .img {
    width: 100%;
    text-align: center;
    margin-bottom: 30px;
  }
  #procedure .textbox02 .onebox .img img {
    display: block;
    margin: 0 auto;
  }
  .textbox03 {
    width: 90%;
    margin: auto;padding: 70px 0;
  }
  .textbox03 .box {
    padding: 5%;
    margin-bottom: 10%;
  }
  .textbox03 .box01 table {
    font-size: 14px;
    line-height: 1.5;
    padding: 5% 0;
  }
  .textbox03 .box01 table tr td {
    padding: 4% 0;
  }
  .textbox03 .box01 table tr td:nth-child(1) {
    padding: 4% 0 4% 2%;
  }
  .textbox03 .box.box02 .boxs .one {
    width: 100%;
    float: none;
    margin: 0 auto 5%;
  }
  .textbox03 .box01 .t01 {
    margin-top: 5%;
  }
  .textbox03 .box.box02 .txt .txt04 {
    bottom: -65px;
  }
  .textbox03 .box.box02 {
    padding: 5% 3%;
  }
  .textbox04 .onebox {
    display: block;
    margin: auto;
    padding-bottom: 100px;
    width: 90%;
    max-width: 500px;
  }
  .textbox04 .onebox .txt, .textbox04 .onebox .img {
    float: none;
  }
  .textbox04 .onebox .txt {
    width: 100%;
    max-width: 500px;
    margin: 0 auto 70px;
  }
  .textbox04 .onebox .img {
    width: 100%;
    text-align: center;
    margin-bottom: 30px;
  }
  .textbox04 .onebox .t02 {
    padding-top: 7%;
  }
  .rink_boxs .tit {
    font-size: 24px;
  }
  .qa_box {
    padding: 5%;
    width: 90%;
    margin: 0 auto 0%;
  }
  .rink_boxs {
    width: 90%;
    margin: auto;
  }
  .rink_boxs .boxs .one {
    width: 100%;
    float: none;
    margin: auto;
    padding: 20px 0;
  }
  .rink_boxs .boxs .one:nth-child(2n) {
    margin: auto;
  }
  .difference_treatment_txt .btn {
    margin: 8% auto;
  }
  .texttit01 {
    width: 90%;
    margin: 0 auto 40px;
  }
  /*title*/
  .title.title06 img {
    width: 98%;
    max-width: 573px;
    height: auto;
  }
  .title.line_title img {
    width: 98%;
    max-width: 488px;
    height: auto;
  }
  .title.mamawork_title img {
    width: 98%;
    max-width: 362px;
    height: auto;
  }
  /*news_box*/
  .news_box .onebox {
    width: 100%;
    float: none;
    margin: 0 auto 30px;
  }
  .news_box .onebox:nth-child(2n) {
    margin: 0 auto 30px;
  }
  .news_box .boxs .img img {
    width: 100px;
    height: 100px;
  }
  .news_box .boxs .txt .txt01 {
    -webkit-line-clamp: 1;
  }
  .news_box .onebox .boxs {
    line-height: 1.5;
  }
  /*header*/
  header {
    position: fixed;
    z-index: 100;
    background-color: #fff;
    width: 100%;
  }
  main {
    padding-top: 54px;
  }
  header .header {
    height: 54px;
  }
  header .header .box01 {
    width: 95%;
  }
  header .header .box01 h1 {
    width: 90%;
  }
  header .header .box01 h1 img {
    width: 100%;
    height: auto;
    max-width: 391px;
  }
  header nav.sp_menu ul {
    width: 100%;
    font-size: 13px;
    display: flex;
    padding: 0;
    border: 0.5px solid #e6e6e6;
  }
  header nav.sp_menu ul li {
    width: calc(100%/5);
  }
  header nav.sp_menu ul li a {
    display: block;
    color: #000;
  }
  header nav.sp_menu ul li {
    border: 0.5px solid #e6e6e6;
    text-align: center;
    font-size: 12px;
    padding: 3px 0;
  }
  header nav.sp_menu ul li div img {
    display: block;
    width: 100%;
    height: auto;
    max-width: 150px;
    margin: auto;
  }
  #leftbox {
    width: 100%;
    margin: auto;
    float: none;
  }
  #rightbox {
    width: 100%;
    margin: auto;
    float: none;
  }
  /*top*/
  #top_box {
    height: auto;
    /* Drop the desktop hero background on mobile (perf audit PERF-2).
       #top_box sets background:url(top_visual.jpg) — 1,295KB as the original PNG — and
       this override only
       reset the height, so phones downloaded that PNG on top of the 176KB
       sp_top_visual.jpg they actually display. Below 900px the <img> is display:block
       (see #top_box img in this file), so the background is never visible here. */
    background-image: none;
  }
  #aboutusbox01 .box .tbox {
    display: block;
    width: 100%;
  }
  #aboutusbox01 .box .txt {
    width: 90%;
    margin: auto;
    padding: 70px 0;
    float: none;
  }
  #aboutusbox01 .box:nth-child(2n) .txt {
    float: none;
    margin: auto;
  }
  /**/
  #aboutusbox01 .box01 {
    background-image: none;
    background-color: #b8a386;
  }
  #aboutusbox01 .box02 {
    background-image: none;
    background-color: #8298a3;
  }
  #aboutusbox01 .box03 {
    background-image: none;
    background-color: #3e8cb2;
  }
  #aboutusbox01 .box04 {
    background-image: none;
    background-color: #455391;
  }
  #aboutusbox01 .box05 {
    background-image: none;
    background-color: #8298a3;
  }
  #aboutusbox01 .box06 {
    background-image: none;
    background-color: #455391;
  }
  #aboutusbox01 .box07 {
    background-image: none;
    background-color: #b8a386;
  }
  #aboutusbox01 .box08 {
    background-image: none;
    background-color: #6791a9;
  }
  #aboutusbox01 .box09 {
    background-image: none;
    background-color: #3e8cb2;
  }
  #aboutusbox01 .box10 {
    background-image: none;
    background-color: #455392;
  }
  #aboutusbox01 .box11 {
    background-image: none;
    background-color: #353535;
  }
  #aboutusbox01 .box .txt .btn {
    margin: 5% auto 0;
  }
  .head_txtbox .txt {
    padding: 70px 0 0px;
  }
  .head_txtbox .txt .img {
    padding: 0 0 100px;
  }
  #works .head_txtbox .img {
    text-align: center;
  }
  #works .head_txtbox .img .sp_none {
    display: none !important;
  }
  #works .head_txtbox .img .pc_none {
    display: block !important;
    width: 100%;
    max-width: 900px;
    height: auto;
    margin: 0 auto;
  }
  #salary .head_txtbox .img {
    text-align: center;
  }
  #salary .head_txtbox .img .sp_none {
    display: none !important;
  }
  #salary .head_txtbox .img .pc_none {
    display: block !important;
    width: 100%;
    max-width: 900px;
    height: auto;
    margin: 0 auto;
  }
  #salary_bimg01 {
    background: url(../images/sp_salary_bg01.jpg) no-repeat scroll center top;
    background-size: cover;
  }
  #trainingbox {
    background: url(../images/sp_pagination_bg01.jpg) no-repeat scroll center top;
    background-size: cover;
  }
  #voicebox01 {
    background: url(../images/sp_voice_bg01.jpg) no-repeat scroll center top;
    background-size: cover;
  }
  #voicebox02 {
    background: url(../images/sp_voice_bg02.jpg) no-repeat scroll center top;
    background-size: cover;
  }
  #voicebox03 {
    background: url(../images/sp_voice_bg03.jpg) no-repeat scroll center top;
    background-size: cover;
  }
  .textbox03 .onebox .img {
    text-align: center;
    width: 100%;
    float: none;
  }
  .textbox03 .onebox .img img {
    margin: auto;
  }
  .textbox03 .onebox .txt {
    width: 100%;
    float: none;
  }
  #top_box img {
    object-fit: cover;
    display: block;
    width: 100%;
    height: auto;
  }
  #aboutusbox01 .box {
    padding: 0px 0;
  }
  #aboutusbox01 .box .img {
    width: 100%;
    height: auto;
  }
  #top_box01 .top_box01 .t03 {
    text-align: left;
  }
  #top_box03 {
    width: 100%;
  }
  .commentbox01 {
    padding: 70px 0 80px;
  }
  .commentbox01 .onebox .img {
    float: none;
    width: 100%;
    max-width: 400px;
    margin: 0 auto 20px;
  }
  .commentbox01 .onebox .txt {
    float: none;
    width: 100%;
  }
  .common_box .box03 {
    background: url(../images/sp_common_box03bg.png) repeat center top;
    background-size: cover;
    padding: 0 0 10%;
  }
  .common_box .box03 img {
    max-width: 670px;
    margin: auto;
  }
  .common_box .box03 .box {
    max-width: 670px;
    margin: 3% auto 1%;
  }
  .common_box .box01 .t02 .t_new div {
    width: auto;
  }
  .common_box .box01 .t02 .t_new div:nth-child(2) {
    text-align: left;
  }
  .common_box .box01 .t {
    display: flex;
  }
  .common_box .box01 .t03 {
    width: auto;
    float: left;
    padding: 3% 0 0;
  }
  .common_box .box01 .t02 {
    width: 230px;
    float: left;
  }
  .common_box .box01 {
    width: 90%;
  }
  .common_box .box02 {
    width: 90%;
  }
  .common_box .box04 .hukidashi, .common_box .box04 .hukidashi02 {
    max-width: 350px;
    margin: 2% auto 20px;
    display: block;
  }
  .common_box .box04 .t {
    text-align: center;
  }
  .common_box .box04 {
    width: 90%;
    margin: 0 auto 11%;
    padding: 4%;
  }
  #top_box03 #rightbox {
    width: 95%;
    margin: auto;
  }
  #top_box03 #rightbox .box01 .box .list_box .list {
    padding: 1.8% 2%;
  }
  #top_box03 #rightbox .box01 .box .list_box .list .days {
    width: 100%;
    text-align: left;
    float: none;
    padding: 0;
  }
  #top_box03 #rightbox .box01 .box .list_box .list .txt {
    width: 100%;
    padding: 0;
    float: none;
  }
  #top_box03 #rightbox .box02 .boxs .one {
    width: 100%;
    margin: auto;
    float: none;
  }
  #top_box03 #rightbox .box02 .boxs .one:nth-child(2n) {
    margin: auto;
  }
  #top_box03 #rightbox .box03 a {
    width: 100%;
    float: none;
    margin-right: 0;
    max-width: 410px;
    margin: 0 auto 3.5%;
  }
  #top_box03 #rightbox .box03 a:nth-child(2n) {
    margin: 0 auto 3.5%;
  }
  /**/
  footer {
    padding-bottom: 5%;
  }
  footer .footer_link .logo {
    float: none;
    width: 90%;
    max-width: 500px;
    margin: auto;
  }
  footer .footer_link .logo img {
    width: 90%;
    max-width: 207px;
    display: block;
    margin: 0 auto 5%;
  }
  footer .footer_link .logo .txt {
    font-size: 14px;
  }
  footer .footer_link .logo .txt copy {
    text-align: center;
    font-size: 14px;
    width: 100%;
    display: block;
  }
  footer .footer_btn {
    padding: 0;
  }
  /*footer .footer_btn .btnbox {
    display: flex;
    width: 100%;
    position: fixed;
    bottom: 0;
  }
  footer .footer_btn .btnbox a {
    margin-right: 0;
  }
  /**/
  .commentbox02 .boxs .box .list {
    display: block;
    padding: 0 5%;
  }
  .commentbox02 .boxs .box .list .box01 {
    width: 100%;
    float: none;
  }
  .commentbox02 .boxs .box .list .box01 .b1 {
    padding: 5% 0 1%;
  }
  .commentbox02 .boxs .box .list .box02 {
    width: 100%;
    float: none;
    margin: 0 auto;
    padding: 0 0 3%;
  }
  .commentbox02 .boxs {
    padding: 5% 2.3%;
  }
  /*shop_box*/
  .shop_box {
    max-width: 500px;
    width: 90%;
  }
  .shop_box .one_box {
    display: block;
    width: 47%;
    margin: 0 1.5% 10%;
  }
  .shop_box .one_box:nth-child(3n) {
    margin: 0 1.5% 3%;
  }
  .shop_box .one_box .img {
    margin: 0 auto 1%;
    float: none;
    width: 100%;
    text-align: center;
  }
  .shop_box .one_box .img img {
    max-width: 150px;
  }
  .shop_box .one_box .txt {
    float: none;
    width: 100%;
  }
  .b_title {
    max-width: 500px;
    width: 90%;
    margin: 25px auto 30px;
    padding: 1% 10px;
  }
  /***/
  #presentbox {
    background: url(../images/sp_present_bg.jpg) no-repeat scroll center top;
  }
  .bimg_box {
    width: 90%;
    margin: auto;
    max-width: 1110px;
    padding: 100px 0;
  }
  /**/
  .pagination {
    width: 90%;
    margin: auto;
    max-width: 1150px;
    padding: 10px 0 0;
  }
  .underlayer_box {
    padding: 5% 0 10%;
    width: 100%;
  }
  .underlayer #leftbox {
    display: none;
  }
  .contact_box .box {
    padding: 5% 0 5%;
    width: 90%;
    margin: auto;
  }
  .contact_box .box .pc_none {
    text-align: left;
  }
  .contact_box .box .pc_none img {
    width: 58%;
    max-width: 295px;
    height: auto;
    margin-bottom: 3%;
  }
  .contact_box .box .t03 span:last-child {
    display: block;
  }
  .contact_box .box .linkbox {
    display: block;
    margin: 5% auto 0;
  }
  .contact_box .box .linkbox div, .contact_box .box .linkbox div.contactbox {
    margin: 0 auto 3%;
    width: 90%;
    max-width: 480px;
  }
  /*column_newbox*/
  .column_newbox {
    font-size: 16px;
    /*border-bottom: 1px solid #8bafed;*/
    border-top: 1px solid #8bafed;
    width: 90%;
    margin: 0 auto;
    padding: 0 0 80px;
    border-bottom: none;
  }
  .column_rink_boxs .one {
    width: 100%;
    float: none;
    margin-right: 2%;
    border-bottom: 1px dashed #bfbfbf;
    padding: 2.3% 0;
  }
  .column_newbox .tit {
    font-size: 16px;
    padding: 10px 0;
    border-bottom: 1px solid #8bafed;
  }
  .column_newbox .text {
    font-size: 16px;
    padding: 10px 0;
    text-align: center;
    width: 80%;
    max-width: 380px;
    margin: auto;
    background-color: #f3f3f3;
    box-shadow: 2px 2px 0px #d4d4d4;
    border-radius: 30px;
  }
  .column_newbox .text a {
    color: #000;
  }
  .column_newbox .text a span {
    display: none;
  }
  /*column*/
  #column .column_list .onebox {
    width: 90%;
    margin: auto;
    padding: 2.3% 0;
  }
  .column_box {
    width: 90%;
    margin: auto;
  }
  #column .column_list .onebox .txt .t {
    font-size: 18px;
    line-height: 1.5;
    -webkit-line-clamp: 3; /* 制限したい行数が3の場合 */
  }
  .gmore_btn {
    text-align: center;
  }
  .gmore_btn button {
    width: 70%;
    margin: 40px auto;
    background-color: #f3f3f3;
    text-align: center;
    position: relative;
    box-shadow: 2px 2px 0px #d4d4d4;
    padding: 15px 0;
    border-radius: 30px;
    max-width: 380px;
  }
  .gmore_btn button span {
    position: absolute;
    right: 5%;
    transform: scale(1.2, 0.5)
  }
  /*contact*/
  .contact_foam {
    width: 100%;
    margin: auto;
  }
  .contact_foam .foambox .box .list {
    display: block;
  }
  .contact_foam .foambox .box .list {
    display: block;
  }
  .contact_foam .foambox .box .list .box01 {
    width: 100%;
    float: none;
    padding: 1% 2%;
  }
  .contact_foam .foambox .box .list .box01 .b1 {
    padding: 0;
  }
  .contact_foam .foambox .box .list .box02 {
    width: 100%;
    float: none;
    margin: auto;
    padding: 2.5% 0 0;
  }
  .contact_foam .foambox .box .list .box02 input, .contact_foam .foambox .box .list .box02 textarea {
    width: 100%;
  }
  .contact_foam .foambox .foambtn_box input {
    width: 100%;
    margin: 0 auto 5%;
    padding: 10px 0;
    float: none;
  }
  /*glossary*/
  .glossary_box01 {
    padding: 4% 0;
    text-align: center;
  }
  .glossary_box01 .txt {
    text-align: center;
    padding-bottom: 3%;
  }
  .glossary_box02 .glossary_box {
    width: 90%;
    padding: 10% 0 5%;
  }
  .glossary_box02 .modalbutton {
    padding: 15px 0;
    width: 48%;
    margin: 0 2% 2% 0;
  }
  .glossary_txt {
    width: 90%;
  }
  .glossary_box01 .boxs {
    display: flow-root;
    width: 90%;
    margin: auto;
  }
  .glossary_box01 .boxs a {
    width: 31%;
    padding: 1% 0 3%;
    margin: 1%;
    float: left;
    background: url(../images/sp_selectbox_off.png) no-repeat scroll center top;
    background-size: 100% 100%;
  }
  .glossary_box01 .boxs a:hover {
    background: url(../images/sp_selectbox_on.png) no-repeat scroll center top;
    background-size: 100% 100%;
  }
  .glossary_box01 .boxs a:last-child {
    margin: 1%;
  }
  /*modalwrapper*/
  .modalwrapper .modalwindow {
    padding: 5% 3%;
  }
  .glossary_box02 .modal-content .box {
    display: block;
  }
  .glossary_box02 .modal-content .box div {
    margin: 0 auto 5%;
    font-size: 14px;
  }
  .glossary_box02 .modal-content .box img {
    width: 100%;
    height: auto;
  }
  /*payslip*/
  .title.title03 img {
    max-width: 673px;
    width: 90%;
  }
  .payslip_box .onebox {
    width: 90%;
    margin: 0 auto 30px;
  }
  .payslip_box .onebox .box .box01, .payslip_box .onebox .box .box02 {
    float: none;
    width: 100%;
  }
  .payslip_box .onebox .box {
    position: relative;
  }
  .payslip_box .onebox .box .box02 .shop {
    text-align: right;
    margin-bottom: 0;
    position: absolute;
    top: 0;
    right: -20px;
  }
  .payslip_box .onebox .box .box01 .img {
    text-align: center;
  }
  .payslip_box .onebox {
    padding: 20px;
  }
  .payslip_box .onebox .box .box01 .img {
    margin-top: 30px;
  }
  .payslip_box .onebox .box .box02 {
    margin-top: 30px;
  }
  .payslip .modalbutton {
    width: 90%;
    background-color: #2abdd8;
    color: #fff;
    text-align: center;
    border-radius: 15px;
    padding: 20px 0;
    display: block;
    margin: 3% auto;
  }
  .payslip .modalbutton {
    width: 90%;
    background-color: #2abdd8;
    color: #fff;
    text-align: center;
    border-radius: 15px;
    padding: 20px 0;
    display: block;
    margin: 3% auto;
  }
  .payslip ul .t {
    text-align: center;
    font-weight: 600;
    font-size: 16px;
    color: #2abdd8;
  }
  .payslip ul li {
    padding: 4% 2%;
    border-bottom: dashed #bfbfbf 1px;
    color: #000;
    font-size: 14px;
    position: relative;
  }
  .payslip ul li span {
    color: #8bafed;
    position: absolute;
    right: 1%;
  }
  .textbox03 .box.box02 .box1 {
    padding: 4% 3%;
  }
  .textbox03 .box.box02 .box1 .b {
    display: block;
  }
  .textbox03 .box.box02 .box1 .b .t, .textbox03 .box.box02 .box1 .b .i {
    width: 100%;
  }
  .textbox03 .box.box02 .box1 .b .t img {
    width: 100%;
    height: auto;
    margin: 5% auto;
  }
  .textbox03 .box.box02 .box1 .b .i {
    text-align: center;
  }
  .textbox03 .box.box02 .box1 .b .i img {
    width: 100%;
    height: auto;
    margin: 5% auto;
    max-width: 220px;
  }
  #salary_come_back .salary_come_back_box3 .boxs {
    display: block;
  }
  #salary_come_back .salary_come_back_box3 .boxs .img {
    width: 100%;
    margin: 0 auto 3%;
    text-align: center;
  }
  #salary_come_back .salary_come_back_box3 .boxs .img img {
    width: 100%;
    height: auto;
    margin: auto;
  }
  #salary_come_back .salary_come_back_box3 .boxs .txt {
    width: 100%;
  }
  #salary_come_back .salary_come_back_box4 .boxs {
    text-align: center;
    display: block;
  }
  #salary_come_back .salary_come_back_box4 .box {
    width: 100%;
    margin: 0 auto 1%;
  }
  #salary_come_back .salary_come_back_box4 .box img {
    width: 100%;
    height: auto;
    margin: auto;
  }
  #salary_come_back .salary_come_back_box6 .box {
    width: 100%;
    display: inline-flex;
    margin-bottom: 20px;
  }
  .salary_come_back_box3 {
    width: 90%;
    margin: auto;
  }
  #salary_come_back .salary_come_back_box4 {
    width: 90%;
    margin: 0 auto 70px;
  }
  #salary_come_back .textbox01 .btn {
    margin: 0 auto 10%;
  }
  #salary_come_back .salary_come_back_box5 .boxs02 .voicebox .one {
    width: 100%;
  }
  .salary_kids_box .boxs {
    width: 90%;
    margin: auto;
  }
  .salary_kids_box .boxs .onebox {
    margin-bottom: 10%;
  }
  .salary_kids_box .boxs .onebox .img {
    width: 100%;
    margin: 0 auto 5%;
    float: none;
    text-align: center;
  }
  .salary_kids_box .boxs .onebox:nth-child(2n) .img {
    margin: 0 auto 5%;
    float: none;
  }
  .salary_kids_box .boxs .onebox .img img {
    width: 100%;
    height: auto;
    margin: auto;
  }
  .salary_kids_box .boxs .onebox .txt {
    width: 100%;
    max-width: 500px;
    margin: auto;
    float: none;
  }
  .salary_kids_box .boxs .onebox:nth-child(2n) .txt {
    float: none;
  }
  .salary_kids_box .boxs .onebox .txt .btn {
    margin: 30px auto 0;
    text-align: center;
  }
  .salary_kids_box .boxs .onebox .txt .btn img {
    width: 100%;
    height: auto;
    margin: auto;
    max-width: 403px;
  }
  .textbox03 .box.box02 .box1 .friendbox01 {
    display: block;
  }
  .textbox03 .box.box02 .box1 .friendbox01 .img {
    width: 100%;
    margin: 0 auto 5%;
    text-align: center;
  }
  .textbox03 .box.box02 .box1 .friendbox01 .img img {
    width: 100%;
    height: auto;
  }
  .textbox03 .box.box02 .box1 .friendbox01 .txt {
    width: 100%;
    text-align: none;
    padding: 0;
  }
  #salary_refer_a_friend .salary_refer_a_friend_btns {
    display: block;
    text-align: center;
  }
  #salary_refer_a_friend .salary_refer_a_friend_btns .btn {
    width: 100%;
    margin: 0 auto 5%;
  }
  #salary_refer_a_friend .salary_refer_a_friend_btns .btn:last-child {
    margin: 0 auto;
  }
  #salary_refer_a_friend .salary_refer_a_friend {
    width: 90%;
    margin: 0 auto;
  }
  .salary_refer_a_friend .onebox {
    margin-bottom: 10%;
    padding: 5%;
  }
  .salary_refer_a_friend .onebox .boxs {
    display: block;
  }
  .salary_refer_a_friend .onebox .boxs .box {
    margin: 0 auto 3%;
    padding: 3% 2%;
    width: 100%;
  }
  .search .boxs {
    display: flow-root;
    padding: 6% 0;
    max-width: 800px;
  }
  .search .boxs .box {
    width: 48%;
    margin: 0 1% 5%;
    float: left;
    text-align: center;
  }
  .search .boxs .box img {
    width: 100%;
    max-width: 315px;
    height: auto;
    margin: auto;
  }
  .search .boxs .box:last-child {
    width: 48%;
    margin: 0 auto 5%;
    float: none;
  }
  .work_box .shopsbox.shopsbox01 .workarea_img {
    width: 100%;
  }
  .work_box .shopsbox.shopsbox01 .workarea_img img {
    width: 100%;
    height: auto;
    margin: auto;
  }
  .work_box .underlayerbox .txt {
    display: block;
    width: 100%;
  }
  .work_box .underlayerbox .txt .b1 {
    width: 100%;
    text-align: center;
  }
  .work_box .underlayerbox .txt .b2 {
    width: 100%;
    text-align: center;
    border-bottom: 1px solid #999999;
    border-right: none;
  }
  .work_box .underlayerbox .txt .b3 {
    width: 100%;
    text-align: center;
    margin-left: 0;
  }
  .shop_box .payslip_box .onebox {
    width: 100%;
  }
  .shop_box .shop_box03 .table .tr .th {
    margin: 1% 0;
    width: 110px;
    padding: 2% 3% 2%;
  }
  .shop_box .shop_box03 .table .tr .td {
    padding: 2% 0 2% 3%;
    width: 90%;
  }
  .shop_box .shop_box03 .table .tr .td iframe {
    padding: 2% 0 0;
    width: 100%;
  }
  /***/
  .shop_title {
    height: auto !important;
  }
  .shop_title img {
    height: auto;
    width: 100%;
  }
  /**/
  .news_box {
    margin: auto;
    width: 90%;
  }
  .voicebox .one {
    padding: 6%;
    width: 90%;
    max-width: 500px;
    float: none;
    margin: 0 auto 3%;
  }
  .voicebox .modalwindow .box {
    display: block;
  }
  .voicebox .modalwindow .box img {
    text-align: center;
    width: 100%;
    height: auto;
  }
  .voicebtnbox .voice_btn {
    display: flow-root;
  }
  .voicebtnbox .voice_btn a {
    float: left;
    width: 31%;
    margin: 1%;
    padding: 2% 0 5%;
  }
  .sitemap_box {
    display: block;
  }
  .sitemap_box .sitemapbox, .sitemap_box .sitemapbox:last-child {
    width: 90%;
    margin: 0 auto;
  }
  .sitemap_box .sitemapbox .one_box {
    margin: 0 auto 9%;
  }
  .sitemap_box .sitemapbox .one_box .box {
    display: block;
  }
  .sitemap_box .sitemapbox .one_box .box .b {
    width: 100%;
    margin: 0;
  }
  .columnb {
    width: 90%;
    margin: auto;
  }
  .work_box .textbox02 .onebox .wsbox02 {
    margin: 5% auto 0;
    padding: 2%;
    width: 100%;
  }
  .privacy-policy_box {
    padding: 70px 0 0;
  }
  .textbox02 {
    padding: 70px 0 0;
  }
}
@media screen and (max-width: 600px) {
  .textbox01 .onebox .txt .t01 {
    font-size: 4.8vw;
    padding-top: 4%;
  }
  .ctvc_bg {
    background-size: 100%;
  }
}
@media screen and (max-width: 500px) {
  .title {
    padding: 15% 0;
    font-size: 10vw;
  }
  .title span {
    font-size: 4vw;
  }
  .contact_box .box .t01 {
    font-size: 5vw;
  }
  .contact_box .box .t02 {
    font-size: 2.8vw;
  }
  .contact_box .box .t03 {
    font-size: 8vw;
  }
  .contact_box .box .t03 span {
    font-size: 4vw;
  }
  .pagination {
    font-size: 3.2vw;
  }
  .common_box .box01 .t01 {
    padding-bottom: 4%;
  }
  .common_box .box01 {
    padding: 4% 5% 2%;
  }
  /*textbox*/
  .textbox01 .onebox .img {
    margin: 0 auto 6%;
  }
  /*.textbox01 .onebox .txt .t01 {
    padding-top: 4%;
    font-size: 6.3vw;
  }*/
  .textbox01 .onebox .txt .t02 {
    padding-top: 7%;
    font-size: 2.8vw;
  }
  .textbox01 .onebox .txt .t03 {
    padding-top: 12%;
  }
  .textbox01 .onebox .txt .t03 img {
    width: 100%;
    height: auto;
  }
  .textbox01 .onebox .btn {
    margin-top: 7%;
  }
  .textbox01 .onebox .txt .t04 {
    margin-top: 7%;
    padding: 4% 5%;
  }
  .textbox01 .onebox .txt .t011 {
    font-size: 5vw;
    padding-left: 3%;
  }
  .textbox02 .onebox .t01 {
    font-size: 4.8vw;
  }
  .textbox02 .onebox .t02 {
    padding-top: 7%;
  }
  .textbox02 .onebox .txt {
    margin: 0 auto 14%;
  }
  .textbox02 .onebox .img {
    margin-bottom: 6%;
  }
  .textbox02 .onebox .img img {
    width: 100%;
    height: auto;
    max-width: 271px;
  }
  .textbox02 .onebox {
    padding-bottom: 0%;
  }
  .texttit01 {
    /*width: 90%;*/
    margin: 0 auto 7%;
  }
  .textbox03 .box01 .t {
    margin-bottom: 8%;
  }
  .textbox03 .box01 .t02 {
    font-size: 3.5vw;
    margin-top: 11%;
    margin-bottom: 4%;
  }
  .textbox03 .box .txt .t01 {
    margin-bottom: 7%;
    font-size: 5vw;
  }
  .textbox03 .box.box02 .txt .t02 {
    margin-bottom: 8%;
  }
  .textbox03 .box.box02 .boxs .one .b .b2 .t2 span {
    font-size: 7vw;
  }
  .textbox04 .onebox .t01 {
    font-size: 5vw;
  }
  .qa_box .accordionbox .acdlabel {
    padding: 10px 0;
  }
  .qa_box .t {
    font-size: 4vw;
    margin-bottom: 8%;
  }
  .rink_boxs .boxs .one {
    padding: 2% 0;
  }
  .rink_boxs .boxs .one .txt .t1 {
    font-size: 4vw;
  }
  /**/
  .column_box .tit {
    margin-bottom: 9%;
    font-size: 6.5vw;
  }
  .column_box .img {
    margin-bottom: 9%;
  }
  .column_box .box {
    padding: 7% 2%;
    margin-bottom: 9%;
  }
  .column_box .txt {
    margin-bottom: 9%;
  }
  .column_box .tit01 {
    padding: 0 2%;
    margin-bottom: 7%;
   font-size: 4.8vw;
  }
  .column_box .tit02 {
    margin-bottom: 5%;font-size: 3.6vw;
  }
  /*contact*/
  .contact_foam {
    padding: 10% 4%;
  }
  .contact_foam .txt .txt01 {
    margin-bottom: 8%;
    font-size: 5.2vw;
  }
  .contact_foam .txt .txt02 {
    margin-bottom: 10%;
    font-size: 2.8vw;
  }
  .contact_foam .foambox .box .list {
    padding: 2.5% 0;
  }
  .contact_foam .foambox .foambtn {
    margin: 8% auto 0;
  }
  /*glossary*/
  .glossary_txt {
    padding: 10% 0;
  }
  .glossary_box02 .tit {
    margin-bottom: 10%;
  }
  /*aboutusbox01*/
  #aboutusbox01 .box .txt .t01 {
    font-size: 6.3vw;
    margin-bottom: 6%;
  }
  #aboutusbox01 .box .txt {
    padding: 14% 0;
  }
  #aboutusbox01 .box .txt .t02 {
    font-size: 2.8vw;
  }
  #aboutusbox01 .box .txt .btn {
    width: 62%;
    padding: 2% 0;
    font-size: 3.3vw;
  }
  /*salary_come_back*/
  #salary_come_back .salary_come_back_box4 .tit {
    font-size: 6vw;
    padding-bottom: 5%;
  }
  #salary_come_back .salary_come_back_box3 .boxs {
    margin-bottom: 19%;
  }
  #salary_come_back .textbox03 .box.box02 .txt .t01 {
    font-size: 6vw;
  }
  #salary_come_back .textbox03 .box.box02 .txt .t01 span {
    font-size: 4vw;
  }
  .textbox03 .box.box02 .box1 {
    margin: 0 auto 8%;
  }
  #salary_come_back .textbox03 .box.box02 .box1 .txt01 {
    font-size: 4vw;
  }
  #salary_come_back .textbox03 .box.box02 .txt03 {
    font-size: 4vw;
    margin: 0 auto 6%;
  }
  #salary_come_back .salary_come_back_box3 .tit {
    font-size: 7vw;
    margin-bottom: 12%;
  }
  #salary_come_back .salary_come_back_box3 .tit span {
    font-size: 4vw;
  }
  #salary_come_back .salary_come_back_box3 .boxs .txt .txt02 {
    font-size: 4vw;
    margin: 7% 0 4%;
  }
  #salary_come_back .salary_come_back_box4 {
    padding: 9% 0;
    margin: 0 auto 14%;
  }
  #salary_come_back .salary_come_back_box5 .tit {
    font-size: 7vw;
  }
  #salary_come_back .salary_come_back_box5 .boxs01 .box .q {
    font-size: 5vw;
    margin-bottom: 4%;
  }
  #salary_come_back .salary_come_back_box5 .boxs01 .box .a {
    font-size: 12px;
  }
  #salary_come_back .salary_come_back_box6 .tit {
    font-size: 7vw;
  }
  #salary_come_back .salary_come_back_box6 .tit span {
    font-size: 6vw;
    margin-bottom: 5%;
  }
  /**/
  .salary_refer_a_friend .onebox .txt01 {
    font-size: 6vw;
    margin-bottom: 5%;
  }
  .salary_refer_a_friend .onebox .boxs .box .t1 {
    font-size: 4vw;
    margin-bottom: 3%;
  }
  header nav.sp_menu ul li {
    font-size: 2.3vw;
  }
  .voice_box02 {
    padding: 10% 0;
  }
  .voice_box02 .tit {
    font-size: 5vw;
    margin-bottom: 8%;
  }
  .head_txtbox .txt {
    padding: 14% 0 0px;
  }
  .head_txtbox .txt .txt01 {
    font-size: 6vw;
    margin-bottom: 12%;
  }
  .head_txtbox .txt .txt02 {
    font-size: 2.8vw;
    margin-bottom: 15%;
  }
.head_txtbox .txt .txt02 span {
  font-size: 2.4vw;
}
  .commentbox01 {
    font-size: 14px;
    padding: 10% 0 12%;
  }
  .commentbox01 .onebox .txt .txt01 {
    font-size: 6vw;
    margin-bottom: 6%;
  }
  .commentbox01 .onebox .txt .txt02 {
    font-size: 2.8vw;
  }
  .commentbox02 {
    padding: 14% 0 5%;
  }
  .commentbox02 .txt .txt01 {
    font-size: 5vw;
    margin-bottom: 7%;
  }
  .commentbox02 .boxs .tit {
    font-size: 3.6vw;
    margin-bottom: 4%;
  }
  .commentbox02 .boxs .box .list .box01 .b1 {
    font-size: 2.8vw;
  }
  .commentbox02 .boxs .box .list .box02 {
    font-size: 2.8vw;
  }
  .contact_foam .foambox .box .list .box01 .b1 {
    font-size: 2.8vw;
  }
  .contact_foam .foambox .box .list .box02, .contact_foam .foambox .box .list .box02 input, .contact_foam .foambox .box .list .box02 textarea {
    font-size: 2.8vw;
  }
  .contact_foam .foambox .foambtn input, .head_txtbox .txt .contact_btn {
    width: 60%;
    padding: 2% 0;
    font-size: 3vw;
  }
  .shop_box {
    padding-bottom: 14%;
  }
  #top_box01 .top_box01 {
    padding: 10% 0 20%;
  }
  #top_box01 .top_box01 .t01 {
    font-size: 14vw;
    margin-top: 4%;
  }
  #top_box06 {
    padding: 14% 0;
  }
  #top_box06 .box .t01 {
    font-size: 2.8vw;
    margin-bottom: 6%;
  }
  #top_box01 .top_box01 .t02 {
    font-weight: 600;
    font-size: 3vw;
    margin-top: 8%;
    padding-bottom: 8%;
    background-size: 100%;
    margin-bottom: 5%;
  }
  #top_box01 .top_box01 .btn {
    font-size: 3.2vw;
    padding: 3% 0;
  }
  #top_box06 .box .t02 {
    font-size: 2.8vw;
  }
  #top_box03 #rightbox .tit {
    font-size: 5vw;
  }
  #top_box03 #rightbox .tit .btn {
    font-size: 3vw;
  }
  .b_title {
    font-size: 4vw;
    margin: 5% auto 6%;
    padding: 1% 10px;
  }
  #top_box05 .tit {
    font-size: 5vw;
    margin-bottom: 10%;
  }
  #top_box05 {
    padding: 15% 0 0;
  }
  .shop_box .one_box .txt .t {
    font-size: 3vw;
    height: 60px;
  }
  .shop_box .one_box .txt .b1 {
    font-size: 2vw;
  }
	 .column_newbox  {
    padding: 0 0 10%;
  }
  .column_newbox .text {
    font-size: 2.8vw;
    padding: 2% 0;
  }
  nav .nav .nav_logo .btn .txt {
    line-height: 30px;
    font-size: 2.8vw;
    margin: 0 0 0 3px;
  }
  nav .nav .nav_logo .link {
    padding: 10% 6%;
  }
  nav .nav .nav_logo .link div {
    font-size: 2.8vw;
  }
  .column_rink_boxs .one .txt {
    /*font-size: 2.8vw;*/
  }
  .box01 .box .list_box .list .days {
    font-size: 3.2vw;
  }
  #top_box03 #rightbox .box01 .box .list_box .list .txt {
    font-size: 3.7vw;
  }
  .qa_box .accordionbox .acdlabel {
    font-size: 3.5vw;
  }
  .qa_box .accordionbox .acdcheck:checked + .acdlabel + .acdcontent {
    font-size: 2.8vw;
  }
  .pagination {
    font-size: 3.3vw;
  }
  .bimg_box .txt .t01 {
    font-size: 6.4vw;
    margin-bottom: 13%;
  }
  .bimg_box .txt .t02 {
    font-size: 2.8vw;
  }
  .privacy-policy_box {
    padding: 14% 0;
  }
  .privacy-policy_box ul li {
    font-size: 2.8vw;
  }
  .privacy-policy_box {
    padding: 14% 0 0;
  }
  .textbox02 {
    padding: 14% 0 0;
  }
  .textbox02 .onebox .t02 {
    font-size: 2.8vw;
    padding-top: 7%;
  }
  .textbox02 .next {
    margin: 0 auto 12%;
    font-size: 2.8vw;
  }
  .bimg_box {
    padding: 20% 0;
  }
  .news_box .more_box {
    font-size: 3.3vw;
  }
  .qa_box .accordionbox .acdlabel .qa_txt01 .txt01 div {
    font-size: 3.3vw;
  }
  .f18 {
    font-size: 3.3vw;
  }
  .column_newbox .tit {
    font-size: 3.3vw;
  }
  #aboutusbox01 .box .txt .t02 {
    font-size: 2.8vw;
  }
  #aboutusbox01 .box .txt .t02 strong {
    font-size: 3.6vw;
  }
  .textbox01 .onebox .txt .t02 .btn {
    padding: 5% 0;
    font-size: 3.6vw;
    margin-top: 17%;
  }
.column_box .txt {
 font-size: 2.8vw;
}
	.column_box .box .boxtit {
  padding: 0px 6% 5%;
}
	.column_box .box ul {
  padding: 0 0 0 6%;
 font-size: 2.8vw;
}
	.column_box .sns_column .box { 
  padding: 3% 0px;
  line-height: 20px;
}
	.column_d_pagination {
  font-size: 2.8vw;
}
	.textbox03 {
padding: 14% 0 7%;
}	
	.textbox03 .onebox .txt{
  font-size: 2.8vw;
}
}