@charset "utf-8";
/* CSS Document */

/* headerなし */

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700&family=Noto+Serif+JP:wght@400;700&display=swap');
body {
    width: 100vw;
    height: auto;
    margin: 0;
    background: url(../img/for_gb_recruiter_202401/bg.jpg);
    background-size: cover;
    background-attachment: fixed;

    font-family: Noto Sans JP;
}

header,
#globalNavBox,
#panList {
    display: none;
}

#contents {
    width: 100%;
    height: auto;
    margin: 0;
    background: none;
    padding-bottom: 0;
}

#main {
    width: 100%;
    margin: 0 auto;
}

p {
    font-size: 16px;
    line-height: 1.6em;
}

.page_contents {
    max-width: 390px;
    margin: 0 auto;
    width: 100%;
    border-right: 2px solid #F474BE;
    border-left: 2px solid #F474BE;
    box-sizing: border-box;
}

/* mv */

.gb_mv_box {
    background: #fff;
}

.gb_mv img {
    max-width: 390px;
    width: 100%;
}

.gb_intro {
    padding: 0 25px;
    margin-bottom: 30px;
}

.redB {
    color: #E00000;
    font-weight: 700;
}

.blackB {
    font-weight: bold;
}

.form_btn {
    display: block;
    padding: 0 25px 30px;
}

.form_btn img {
    width: 330px;
    display: block;
    margin: 0 auto;
    max-width: 100%;
}

/* 会話部分 */

.talk_header {
    background: #F9F6E8;
    padding: 25px 25px 15px;
    position: relative;
}

.talk_a {
    padding: 16px 20px 20px;
    background: #fff;
    border: 2px solid #ACDDD9;
    border-radius: 16px;
    position: relative;
    margin: 24px 0;
}

.talk_a .talk_intro span {
    display: block;
    text-indent: 3em;
}

.talk_a .talk_intro span::before {
    content: "";
    background-image: url(../img/for_gb_recruiter_202401/left_03.png);
    display: inline-block;
    width: 64px;
    height: 64px;
    background-size: cover;
    position: absolute;
    top: -30px;
    left: -5px;
}

.triangle_img.tr1 {
    background: #C2D0E9;
}

.triangle_img.tr2 {
    background: #F9F6E8;
}

.triangle_img img {
    width: 386px;
    transform: translateY(-1px);
}

.talk_body {
    background: #C2D0E9;
    padding: 25px 20px 15px;
    position: relative;
    margin-top: -3px;
}

.talk_contents {
    display: flex;
    margin-bottom: 30px;
    align-items: center;
}

.talk_right {
    justify-content: flex-end;
}

.talk_left {
    justify-content: flex-start;
}

.talk_right .talk_txt {
    position: relative;
    display: inline-block;
    margin: 0 26px 0 0;
    padding: 16px;
    max-width: 250px;
    background: #fff;
    border-radius: 15px;
    box-sizing: border-box;
}

.talk_right .talk_txt::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 100%;
    margin-top: -10px;
    border: 10px solid transparent;
    border-left: 15px solid #fff;
}

.talk_left .talk_txt {
    position: relative;
    display: inline-block;
    margin: 0 0 0 26px;
    padding: 16px;
    width: 208px;
    max-width: 100%;
    background: #fff;
    border-radius: 15px;
}

.talk_left .talk_txt::before {
    content: "";
    position: absolute;
    top: 50%;
    left: -24px;
    margin-top: -10px;
    border: 10px solid transparent;
    border-right: 15px solid #fff;
}

.talk_img img {
    width: 64px;
    height: 64px;
}

.talk_box_footer {
    margin-top: -3px;
}

.talk_footer {
    background: #F9F6E8;
    padding: 20px 45px;
}

.talk_footer_txt {
    font-size: 18px;
    position: relative;
    text-align: center;
    line-height: 1.5em;
    margin-bottom: 10px;
    font-weight: 500;
}

.talk_footer_txt::before {
    content: '';
    position: absolute;
    top: 50%;
    display: inline-block;
    width: 70px;
    height: 2px;
    background-color: #000;
    -webkit-transform: rotate(70deg);
    transform: rotate(70deg);
    left: -50px;
}

.talk_footer_txt::after {
    content: '';
    position: absolute;
    top: 50%;
    display: inline-block;
    width: 70px;
    height: 2px;
    background-color: #000;
    -webkit-transform: rotate(-70deg);
    transform: rotate(-70deg);
    right: -50px;
}

.talk_footer_img {
    text-align: center;
}

.talk_footer_img img {
    width: 74px;
}

/* まとめ部分 */
.summary_wrapper {
    background: #FFECFF;
    padding: 60px 25px;
}

.summary_wrapper .form_btn.btn01 {
    padding: 0 0 30px;
}

.summary_wrapper .form_btn.btn02 {
    padding: 60px 0 0;
}

.summary_box {
    border-radius: 20px;
    border: 1px solid #6C6C6C;
    background: #FFF;
    position: relative;
    margin-top: 40px;
}

.summary_box.box02,
.summary_box.box03,
.summary_box.box04 {
    margin-top: 80px;
}

.summary_box::before {
    content: "";
    background-size: cover;
    display: block;
    position: absolute;
    top: -40px;
    left: 50%;
    transform: translateX(-50%);
}

.summary_box.box01::before {
    background-image: url(../img/for_gb_recruiter_202401/light_bulb.png);
    width: 72px;
    height: 72px;
}

.summary_box.box02::before {
    background-image: url(../img/for_gb_recruiter_202401/thumbs_up.png);
    width: 72px;
    height: 72px;
}

.summary_box.box03::before {
    background-image: url(../img/for_gb_recruiter_202401/point_girl.png);
    width: 77px;
    height: 70px;
    margin-left: 3px;
}

.summary_box.box04::before {
    background-image: url(../img/for_gb_recruiter_202401/riddle.png);
    width: 72px;
    height: 72px;
}

.summary_title {
    border-bottom: 1px dotted #8F8F8F;
    margin-bottom: 20px;
}

.summary_txt {
    font-size: 18px;
    font-weight: 700;
    text-align: center;
    margin-bottom: 10px;
    padding-top: 38px;
}

.summary_point {
    font-size: 18px;
    font-weight: 700;
    color: #F474BE;
    text-align: center;
    margin-bottom: 20px;
}

.summary_box.box02 .summary_point,
.summary_box.box03 .summary_point,
.summary_box.box04 .summary_point {
    padding-top: 50px;
}

.summary_contents_txt {
    max-width: 300px;
    margin-bottom: 10px;
    padding: 0 20px;
    line-height: 1.5em;
}

.underline_list {
    max-width: 300px;
    padding: 0 20px;
    margin-bottom: 16px;
    font-size: 16px;
}

.underline_list li {
    font-weight: 500;
    background: linear-gradient(transparent 64%, #FCC73E 36%);
    display: inline-block;
    margin-bottom: 8px;
}

.arrow_down {
    height: 42px;
    width: 4px;
    background-color: #E00000;
    position: relative;
    margin: 0 auto 30px;
}

.arrow_down::after {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 15px 0 15px 26px;
    border-color: transparent transparent transparent #E00000;
    position: absolute;
    bottom: -12px;
    right: -10.5px;
    transform: rotate(90deg);
}

.summary_item {
    display: flex;
    margin: 0 auto;
    width: 320px;
}

.summary_item.item02 {
    justify-content: center;
}

.summary_item_point {
    font-size: 18px;
    color: #E00000;
    font-weight: 700;
}

.summary_item.item01 .summary_item_point {
    transform: translateX(30px);
}

.summary_item_img {
    display: contents;
}

.summary_item.item01 .summary_item_img img {
    width: 114px;
}

.summary_item.item02 .summary_item_img img {
    width: 94px;
}

.best_list {
    max-width: 300px;
    font-size: 16px;
    padding: 0 20px;
}

.best_list li {
    padding-left: 1.5em;
    text-indent: -1.5em;
    margin-bottom: 23px;
}

.best_list li:last-child {
    margin-bottom: 42px;
}

.best_list li::before {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    background-size: contain;
    transform: translateY(2px);
    margin-right: 8px;
}

.best_list.check_icon li::before {
    background-image: url(../img/for_gb_recruiter_202401/check.png);
}

.best_list.light_icon li::before {
    background-image: url(../img/for_gb_recruiter_202401/light.png);
}

.qa_list {
    max-width: 300px;
    font-size: 16px;
    padding: 0 20px;
}

.q_txt {
    margin-bottom: 10px;
}

.a_txt {
    font-weight: 500;
    border-bottom: 1px dotted #8F8F8F;
    padding-bottom: 20px;
    margin-bottom: 20px;
    padding-left: 1.5em;
    text-indent: -1.5em;
}

.a_txt::before {
    content: "→";
    width: 16px;
    height: 16px;
    margin-right: 10px;
}

/* 
・専門の求人広告とは？
・ご掲載いただいた店舗様の声
・掲載の流れ
共通
 */

.introduction {
    background: #FFECFF;
}

.intro_box {
    padding: 0 25px;
}

.intro_box2,
.intro_box4 {
    padding-top: 50px;
}

.intro_img img {
    width: 130px;
}

.intro_box2 .intro_img {
    z-index: 2;
}

.intro_box2 .intro_img img {
    transform: translate(197px, -120px);
}

.intro_box4 .intro_img img {
    transform: translate(197px, -93px);
}

.intro_title {
    font-size: 24px;
    font-weight: 700;
    color: #F474BE;
    position: relative;
    display: inline-block;
    width: 194px;
    max-width: 100%;
    background: #fff;
    border-radius: 15px;
    padding: 20px 16px;
}

.intro_title.intro_title_r {
    margin: 0 0 0 26px;
    transform: translate(70px, -150px);
}

.intro_box3 .intro_title.intro_title_r {
    transform: translate(80px, -119px);
    text-align: center;
}


.intro_title.intro_title_l {
    margin: 0 26px 0 0;
    text-align: center;
    z-index: 3;
}

.intro_title::before {
    content: "";
    position: absolute;
    top: 50%;
    margin-top: -10px;
    border: 10px solid transparent;
}

.intro_title.intro_title_l::before {
    border-left: 15px solid #fff;
    right: -24px;
}


.intro_title.intro_title_r::before {
    border-right: 15px solid #fff;
    left: -24px;
}

/* 専門の求人広告とは？ */

.intro_wrapper {
    background: #F9F6E8;
    padding-bottom: 50px;
}

.intro_wrapper.wrap01 {
    transform: translateY(-117px);
    border-radius: 0px 70px 0px 0px;
}

.intro_wrapper.wrap02 {
    transform: translateY(-50px);
    border-radius: 70px 0px 0px 0px;
}

.intro_wrapper_title {
    text-align: center;
    padding: 40px 0 0;
}

.intro_wrapper_title img {
    width: 280px;
}

.num {
    font-size: 24px;
    width: 60px;
    height: 60px;
    border: 2px solid #F474BE;
    border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #F9F6E8;
    color: #F474BE;
    font-weight: 700;
}

.intro_r .num {
    transform: translate(15px, 33px);
}

.intro_l .num {
    transform: translate(300px, 25px);
    flex-direction: column;
}

.num span {
    font-size: 12px;
    font-weight: bold;
    transform: translateY(5px);
}

.num_txt {
    background: #fff;
    box-shadow: 0px 2px 2px 0px rgba(234, 231, 215, 0.80);
    width: 280px;
}

.intro_r .num_txt {
    padding: 30px 33px 20px 30px;
    margin-left: 11%;
    border-radius: 6px 0px 0px 6px;
}

.intro_l .num_txt {
    padding: 20px 30px 20px 33px;
    margin-right: 11%;
    border-radius: 0px 6px 6px 0px;
}

/* ご掲載いただいた店舗様の声 */

.interview_box {
    padding: 50px 15px 0;
    margin: 0 25px;
    position: relative;
}

.interview_box.interview01 {
    border: 2px solid #D1EFA1;
    background: #EBF0E2;
    transform: translateY(-125px);
}

.interview_box.interview02 {
    border: 2px solid #FFE194;
    background: #FFF9EB;
    transform: translateY(-40px);
}

.interview_box .interview_cate {
    width: 80px;
    height: 80px;
    border-radius: 50px;
    position: absolute;
    top: -40px;
    left: -15px;

    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    line-height: 1.2em;
    padding-top: 3px;
}

.interview_box.interview01 .interview_cate,
.interview_box.interview01 .interview_title {
    background: #D1EFA1;
}

.interview_box.interview02 .interview_cate,
.interview_box.interview02 .interview_title {
    background: #FFE194;
}

.interview_img {
    display: flex;
    justify-content: space-evenly;
    margin-bottom: 20px;
}

.interview_img img {
    width: 120px;
    height: 120px;
}

.interview_box .interview_title {
    padding: 8px 6px;
    font-size: 16px;
    margin-bottom: 14px;
}

.interview_txt {
    margin-bottom: 40px;
}

/* 掲載の流れ */

.flow_box {
    margin: 0 25px -20px;
    padding: 30px 34px 26px;
    background: #F9F6E8;
    text-align: center;
    transform: translateY(-79px);
}

.flow_box p {
    line-height: 1.5em;
}

/* 掲載費用 */

.price_wrapper {
    margin: 0 25px;
    transform: translateY(-97px);
}

.price_box {
    background: #FFF;
    padding: 20px 15px;
    border-radius: 6px;
    margin-bottom: 30px;
}

.price_box.s_plan {
    border: 1px solid #FA8ECC;
}

.price_box.a_plan {
    border: 1px solid #FFB84E;
    position: relative;
}

.price_box.b_plan {
    border: 1px solid #CC8BFF;
}

.appeal {
    position: relative;
    display: inline-block;
    margin: 0 0 20px -26px;
    padding: 4px 15px;
    color: #fff;
    border-radius: 0 15px 15px 0;
    font-size: 16px;
}

.appeal::before {
    position: absolute;
    bottom: -10px;
    left: 0;
    width: 0;
    height: 0;
    content: '';
    border-left: 10px solid transparent;
}

.s_plan .appeal {
    background: #F474BE;
}

.s_plan .appeal::before {
    border-top: 10px solid #BB5690;
}

.a_plan .appeal {
    background: #FFAC2F;
}

.a_plan .appeal::before {
    border-top: 10px solid #CB8925;
}

.b_plan .appeal {
    background: #B45CFA;
}

.b_plan .appeal::before {
    border-top: 10px solid #8C4CBF;
}

.plan_name {
    font-size: 22px;
    border-radius: 30px;
    display: block;
    width: 120px;
    margin-bottom: 20px;
    color: #4E4E4E;
    text-align: center;
}

.plan_name span {
    font-size: 14px;
}

.s_plan .plan_name {
    border: 1px dashed #F474BE;
}

.a_plan .plan_name {
    border: 1px dashed #FFAC2F;
}

.b_plan .plan_name {
    border: 1px dashed #B45CFA;
}

.popular {
    font-size: 16px;
    font-weight: 500;
    width: 86px;
    height: 86px;
    background-image: url(../img/for_gb_recruiter_202401/gizagiza.png);
    background-size: cover;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    right: 15px;
    bottom: 72px;
}

.plan_box {
    display: flex;
    justify-content: flex-end;
    align-items: baseline;
}

.plan_month {
    font-size: 14px;
    color: #4E4E4E;
    margin-right: 8px;
}

.plan_price {
    font-size: 40px;
    font-weight: 500;
}

.s_plan .plan_price {
    color: #F474BE;
}

.a_plan .plan_price {
    color: #FFAC2F;
}

.b_plan .plan_price {
    color: #B45CFA;
}

.plan_price span {
    font-size: 18px;
    font-weight: 500;
}

/* ボードガール */
.board_box {
    background: url(../img/for_gb_recruiter_202401/board_girl.png);
    width: 340px;
    height: 370px;
    background-size: cover;
    margin: 0 auto;
    transform: translateY(-60px);
    position: relative;
}

.board_box p {
    position: absolute;
    bottom: 26px;
    max-width: 270px;
    margin: 0 auto;
    right: 0;
    left: 0;
    width: 100%;
    font-size: 18px;
    font-weight: 500;
}

/* footer */

#btnTop {
    background: none;
    width: 0;
    height: 0;
}

footer {
    display: none;
}

/* form */

.gb_form {
    background: #FFECFF;
    padding-bottom: 30px;
}

#formBox {
  background-color: #ffffff;
  border: 1px solid #f2f2f2;
  margin: 0 auto;
  padding: 4%;
  position: relative;
}

.contentsTtl {
  margin-bottom: 20px;
  padding-bottom: 10px;
  border-bottom: 1px solid rgba(255,92,149,0.4);
  font-size: 16px;
}

#formTable{
    border-collapse:separate;
    border-spacing:20px;
}

#formTable th{
    width:165px;
    vertical-align:middle;
    color:#666666;
    font-weight:bold;
}

.nessary{
    color:#ff0000;
    line-height: 1.5;
    margin-bottom: 25px;
    text-align: center;
}

.textStyle{
    background-color:#fcfcfc;
    padding:2px;
    line-height:30px;
    border: 1px solid #ffd6e2;
    border-radius: 5px;
    box-shadow: 0 1px 1px rgba(225, 214, 226, 0.5) inset;
    width: 100%;
    box-sizing: border-box;
}
.selectStyle{
    font-size: 14px;
    height: 35px;
    line-height: 30px;
    padding: 2px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url(../img/form/arrow_select.jpg) right center no-repeat #ffd6e2;
    background-size: 30px, 100%;
    border: 1px solid #ffd6e2;
    border-radius: 5px;
}

.selectStyle2{
    font-size: 14px;
    height: 35px;
    line-height: 30px;
    padding: 2px 40px 2px 10px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url(../img/form/arrow_select.jpg) right center no-repeat #ffd6e2;
    background-size: 30px, 100%;
    border: 1px solid #ffd6e2;
    border-radius: 5px;
}


#submitBox {
  text-align: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 30px auto 10px;
}

.btnStyle{
    text-indent:-9999px;
    width:191px;
    height:42px;
    border:none;
    cursor:pointer;
}

#btnFix{
    background:url(../img/contact/btnFix.jpg) no-repeat left top;
}

#btnSend{
    background:url(../img/contact/btnSend.jpg) no-repeat left top;
    margin-left: -13px;
}

#btnConfirm{
    background:url(../img/for_gb_recruiter_202401/send_btn.png) no-repeat center top;
    background-size: cover;
}

#formTable {
    border-collapse: collapse;
    border-spacing: 0;
}

.listingContents {
    background: url(../img/listing/listing_ttl.png) no-repeat left top;
    background-size: auto;
    width: 340px;
    margin: 0 auto 25px;
    background-size: 100% 80px;
}


.listingContents h2 {
    padding: 18px 0;
    font-size: 19px;
    line-height: 20px;
    font-weight: bold;
    margin-bottom: 40px;
    text-align: center;
    color: #fff;
}

#newmoForm th,
#newmoForm td {
    width: 100%;
    display: block;
}

#newmoForm th {
    font-size: 16px;
}

#newmoForm td {
    font-size: 14px;
    margin-bottom: 5%;
    width: 100%;
}

.posRealtive {
    display: flex !important;
    flex-wrap: wrap;
    align-items: flex-start;
}

.posRealtive label {
    display: block;
    width: 90%;
    margin-bottom: 5px;
}

.lowWidth {
    width: 30%;
}

.cityWidth {
    width: 50%;
}

.textStyle {
    background-color: #fff;
}

.nessary {
    font-size: 12px;
    margin: 0 0 10px;
    text-align: start;
}

#btnConfirm {
    width: 100% !important;
    height: 60px !important;
}

/*
#formBox.chk {
    width: 84%;
    margin: 10px auto 0;
}
*/

#formTable th,
#formTable td {
    vertical-align: top;
    padding-bottom: 10px;
}

::placeholder{
    color: #ccc;
}

.gb_form.confirm{
        /* margin:4% auto;  */
        padding: 40px 0;
        height: 100vh;
        box-sizing: border-box;
}

.inline {
    margin-bottom: 10px;
}

/* pagetop */
.pagetop {
    bottom: 90px!important;
}

.grecaptcha-badge { visibility: hidden; }


/*white paper*/

#floatingBnr{
    width: 270px;
    max-width: 100%;
    position: fixed;
    right: 20px;
    bottom: 10px;
    z-index: 99;
}

#floatingBnr a{
    display: block;
    position: relative;
}


.btnClosefloatingBnr {
  display: block;
  position: absolute;
  z-index: 98;
  top: -16px;
  right: -16px;
  width: 35px;
  height: 35px;
  background: #444;
  border-radius: 100px;
  cursor: pointer;
}

.btnClosefloatingBnr span {
  position: absolute;
  width: 70%;
  height: 3px;
  left: 0;
  right: 0;
  margin:auto;
  background-color: #fff;
  transition: all 0.2s ease-out;
  top: 17px;
}

.btnClosefloatingBnr span:nth-of-type(1) {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}



.btnClosefloatingBnr span:nth-of-type(2){
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}





#contentsLogo{
    width: 46%;
    margin:auto;
    padding: 20px 0;
}

.page_contents.paper{
    background: #fff;
}

.paperIntro{
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 30px;
    background: linear-gradient(to right, #FE5E8E, #FF86AA);
    padding: 20px;
    color: #fff;
}

.paperContents{
    padding: 0 20px 30px;
}

.paperContentsTtl{
    font-weight: bold;
    font-size: 18px;
    padding-bottom: 6px;
    margin-bottom: 30px;
    border-bottom: 1px solid #FE5E8E;
}

.papaerTopicsBox{
    padding: 20px;
    background: #FAFAFA;
    margin-bottom: 20px;
}

.papaerTopicsBoxTtl{
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 10px;
    display: block;
}

.paperCatch{
    display: block;
    width: 300px;
    margin: 0 auto 30px;
    border: 2px solid #eee;
}

.papaerTopicsBox dl{
    font-size: 16px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.papaerTopicsBox dt{
    width: 10%;
    margin-bottom: 6px;
}

.papaerTopicsBox dd{
    width: 90%;
    margin-bottom: 4px;
}

.formIntro{
    margin-bottom: 50px;
}

.paperForm #formTable{
    width: 100%;
}

#formBox.paperForm {
    border-top: none;
    padding-bottom: 80px;
    padding: 0 4% 70px;
}

.paperForm .textStyle{
    border: 1px solid #D2D2D2;

}



.agreeIntro a{
    color: #FE5E8E;
    text-decoration: underline;
}

.papaerBtnStyle{
    width: 210px;
    height: 48px;
    line-height: 48px;
    border-radius: 10px;
    text-align: center;
    border: 1px solid #FE5E8E;
    color: #FE5E8E;
    cursor: pointer;
    background: #fff;
}

.papaerBtnStyle.confirm,
.papaerBtnStyle.send{
    background: #FE5E8E;
    color: #fff;

}

.papaerBtnStyle.confirm{
    pointer-events: none;
    opacity: 0.5;    
}


.papaerBtnStyle.confirm.clear {
    pointer-events: auto !important;
    cursor: pointer !important;
    transition: all 0.2s;
    opacity: 1 !important
}

.papaerBtnStyle.marginFix{
    margin-bottom: 20px;
}

.papaerBtnStyle.link{
    width: 100%;
    background: #FE5E8E;
    color: #fff;
    display: block;
    margin-bottom: 40px;
}



.paperCopyright{
    padding: 20px 0;
    text-align: center;
    display: block;
    background: linear-gradient(to right, #E7C6FA, #F8D5B9);
}

.paperForm.confirm #formTable th,
.paperForm.confirm #formTable td{
    display: block;
    width: 100%;
}

.paperForm.confirm #formTable td{
    padding-bottom: 20px;
}

@media screen and (max-width: 896px) {
    .only_sp {
        display: none !important;
    }
}

@media screen and (max-width: 390px) {
    .page_contents {
        border-right: none;
        border-left: none;
        box-sizing: content-box;
    }
}