.disp-inb {
display: inline-block;
}


/*背景*/

.office-container {
font-family:  'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', 'メイリオ', 'Meiryo';
overflow: hidden;
}

.office-container .moz-background {
background-color: #fff;
background-size: 7px 7px;
background-image: radial-gradient(#ffa95e 10%, transparent 30%);
}


/* 地方用nav*/

.front-topnav-warp02 {
padding: 5px .5rem;
width: 100%;
max-width: 400px;
margin: 0 auto;
}

.front-topnav-warp02-a {
text-decoration: none;
color: #ff7600;
}

.front-topnav-warp02-img {
width: 100%;
height: 120px;
object-fit: cover;

object-position: -100% 20%;
}

.front-topnav-warp02-h3 {
border-bottom: 1px solid #aaa;
margin-bottom: 3px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}


/*office共通　レスポンシブ*/

.office-contents-flex {
display: block;
}

.office-contents-flex-item,
.office-contents-flex-item2 {
width: 100%;
}

.c-FF75A2 {
color: #FF75A2;
}

.bg-c-FF75A2 {
background-color: #f3f3f3;
}

.border-b-ffffff {
font-weight: 400;
padding: 0.2rem;
background: rgba(255, 255, 255, 0.8);
}

.c-gr-1 {
font-size: 1.4rem;
}

.wid30 {
width: 30%;
}

.office-fs20 {
font-size: 1rem;
color: #333333;
}

.Caveat {
font: normal normal normal 2.5rem Caveat;
color: #9e9e9e;
text-align: center;
font-weight: 700;
display: inline-block;
border-bottom: solid 2px #9e9e9e;
margin-bottom: 1rem;
position: relative;
padding: 0 65px;
text-align: center;
}

.Caveat:before {
position: absolute;
top: calc(50% - 1px);
left: 0;
width: 100%;
height: 4px;
content: '';
background: #9e9e9e;
}

.Caveat-span {
position: relative;
padding: 0 .5rem;
background: #fff;
}

.Caveat-fs22 {
font: normal normal normal 1.4rem Caveat;
color: #9e9e9e;
text-align: center;
font-weight: 700;
display: inline-block;
border-bottom: solid 2px #9e9e9e;
margin-bottom: 1rem;
}

.ver-mi {
vertical-align: middle
}

.bor-b-do-5 {
border-bottom: double 5px
}

.c-9E9E9E {
color: #9E9E9E;
}

.box-sh-DFDFDF {
box-shadow: 4px 4px #DFDFDF;
}


/*選ばれる　レスポンシブ*/

.office-erabareru-pc-flex {
width: 100%;
}

.office-erabareru-pc-flex-item {
width: 100%;
}

.office-erabareru-topimg-box2 {
background-size: contain;
background-image: url(/assets/images/poke-area-erabareru-top.webp);
background-repeat: no-repeat;
position: relative;
margin: 0 auto;
background-position: center;
width: 300px;
height: 260px;
}

.office-erabareru-topimg-box2-item-lt,
.office-erabareru-topimg-box2-item-lb,
.office-erabareru-topimg-box2-item-rt,
.office-erabareru-topimg-box2-item-rb {
background-size: contain;
background-repeat: no-repeat;
position: absolute;
height: 170px;
width: 170px;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}

.office-erabareru-topimg-box2-item-lt p,
.office-erabareru-topimg-box2-item-lb p,
.office-erabareru-topimg-box2-item-rt p,
.office-erabareru-topimg-box2-item-rb p {
top: 30%;
width: 140px;
height: 100px;
font-weight: 600;
position: absolute;
line-height: 1.3;
font-feature-settings: "palt";
}

.office-erabareru-topimg-box2-item-lt p {
top: 20%;
left: 15%;
}

.office-erabareru-topimg-box2-item-lb p {
top: 20%;
left: 13%;
}

.office-erabareru-topimg-box2-item-rb p {
top: 18%;
left: 18%;
}

.office-erabareru-topimg-box2-item-rt p {
top: 17%;
left: 18%;
}

.office-erabareru-topimg-box2-item-lt {
background-image: url(/assets/images/poke-area-fukidashi-a.svg);
top: 30%;
left: 10%;
}

.office-erabareru-topimg-box2-item-lb {
background-image: url(/assets/images/poke-area-fukidashi-c.svg);
top: 85%;
left: 20%;
}

.office-erabareru-topimg-box2-item-rt {
background-image: url(/assets/images/poke-area-fukidashi-b.svg);
top: 30%;
left: 90%;
}

.office-erabareru-topimg-box2-item-rb {
background-image: url(/assets/images/poke-area-fukidashi-d.svg);
top: 85%;
left: 80%;
}

.office-erabareru-pc-flex {
width: 100%;
}

.office-erabareru-pc-flex-item {
width: 100%;
}

.office-erabareru-pc-flex-item-2 {
width: 100%;
top: 0%;
left: 0;
}


/*button　レスポンシブ*/

.poke-button-p2 {
background: transparent linear-gradient( 270deg, #FFCA74 0%, #FFAD1C 49%, #FCC257 100%) 0% 0% no-repeat padding-box;
box-shadow: 0px 3px 6px #00000029;
border-radius: 40px;
padding: 0.5rem 0;
width: 75%;
margin: 3rem auto;
max-width: 560px;
display: block;
text-align: center;
line-height: 1.1;
}

.poke-button-p2 a p {
/*font-size: 0.6rem;*/
color: #ffffff;
font-weight: 400;
position: relative;
padding-top: -1rem;
}

.poke-button-p2 a {
font-size: 1.5rem;
color: #ffffff;
font-weight: 700;
position: relative;
text-decoration: none;
}

.poke-button-p2 a::after {
content: '';
display: inline-block;
position: absolute;
background-size: contain;
background-image: url(/assets/images/white_right.svg);
width: 1.33rem;
height: 1.33rem;
background-repeat: no-repeat;
right: -3rem;
top: 40%;
}

.poke-button-p2 a::before {
display: none;
}

.fa-check-square {
color: #FF75A2;
content: '';
display: inline-block;
position: absolute;
vertical-align: middle;
background-size: contain;
background-image: url(/assets/images/area/check002.svg);
width: 1rem;
height: 1rem;
background-repeat: no-repeat;
left: 1.3rem;
transform: translate(-50%, -50%);
top: .85rem;
}

.wid20 {
width: 20%;
}

.c-gr-2 {
background: linear-gradient(110deg, #AE82BF, #4CCDD5);
-webkit-background-clip: text;
-webkit-text-fill-color: rgba(255, 255, 255, 0.0);
}


/*トップ見出し*/

.office-maintitle {
border-radius: 50% 50% 0 0;
}

.office-maintitle .moz-title {
color: #3B4043;
line-height: 1.3;
margin: 2rem 0 0.666rem;
}

.office-maintitle .moz-heading::before {
content: '';
display: inline-block;
position: absolute;
vertical-align: middle;
background-size: contain;
background-image: url(/assets/images/pokeko.svg);
width: 50px;
height: 50px;
background-repeat: no-repeat;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}


/*エリアブロック*/

.office-area {
margin-top: -2rem;
}


/*左右アクセント見出し*/

.office-contents .moz-toptitle {
font-weight: 700;
position: relative;
text-align: center;
line-height: 1.5;
margin-top: 1rem;
font-size: 1rem;
}

.office-contents .moz-toptitle>span::before {
position: absolute;
top: 1rem;
left: -30px;
content: "";
display: inline-block;
width: 16px;
height: 16px;
background: url(/wp-content/themes/blankslate-child/assets/images/office-top-left.svg) no-repeat;
background-size: contain;
transform: translateX(50%)translateY(-50%);
}

.office-contents .moz-toptitle>span::after {
position: absolute;
top: 1rem;
left: 100%;
content: "";
display: inline-block;
width: 16px;
height: 16px;
background: url(/wp-content/themes/blankslate-child/assets/images/office-top-right.svg) no-repeat;
background-size: contain;
transform: translateX(50%)translateY(-50%);
}


/*テキストアンダー色付け*/

.office-contents .moz-under_orange,
.office-contents .moz-under_blue {
line-height: 1.8;
border-radius: 3px;
padding: 0 0.2em 0 0.2em;
font-weight: 500;
}

.office-contents .moz-under_orange {
background: linear-gradient(transparent 0%, #fff1c2 0%);
}


/*トップメイン*/

.office_main,
.office-main-se,
.office-main-t,
.office-main-y,
.office-main-n,
.office-main-o,
.office-main-h,
.office-main-f {
background-size: contain;
height: 0;
padding-top: 84%;
background-repeat: no-repeat;
position: relative;
margin: 0;
}

.office_main {
background-image: url(/assets/images/sapporo-img1.png);
}

.office-main-se {
background-image: url(/assets/images/sendai-img1.png);
}

.office-main-t {
background-image: url(/assets/images/shinjuku-img1.jpg);
}

.office-main-y {
background-image: url(/assets/images/yokohama-img1.jpg);
}

.office-main-n {
background-image: url(/assets/images/nagoya-img1.jpg);
}

.office-main-o {
background-image: url(/assets/images/osaka-img0010.jpg);
}

.office-main-h {
background-image: url(/assets/images/hiroshima-img1.png);
}

.office-main-f {
background-image: url(/assets/images/fukuoka-img1.png);
}

.office_main .moz-top,
.office-main-se .moz-top,
.office-main-t .moz-top,
.office-main-y .moz-top,
.office-main-n .moz-top,
.office-main-o .moz-top,
.office-main-h .moz-top,
.office-main-f .moz-top {
position: absolute;
top: 0;
width: 100%;
display: flex;
background: rgba(255, 118, 00, 0.1);
border-top: solid 2px #131313;
padding: 0.3rem 0;
height: 13vw;
min-height: 56px;
display: -webkit-flex;
display: flex;
-webkit-align-items: center;
/* 縦方向中央揃え（Safari用） */
align-items: center;
/* 縦方向中央揃え */
-webkit-justify-content: center;
/* 横方向中央揃え（Safari用） */
justify-content: center;
/* 横方向中央揃え */
z-index: 2;
}

.office_main .moz-top-under,
.office-main-se .moz-top-under,
.office-main-se .moz-top-under,
.office-main-t .moz-top-under,
.office-main-y .moz-top-under,
.office-main-n .moz-top-under,
.office-main-o .moz-top-under,
.office-main-h .moz-top-under,
.office-main-f .moz-top-under {
position: absolute;
top: 0;
width: 100%;
display: flex;
background: rgba(255, 118, 0);
mix-blend-mode: multiply;
border-top: solid 2px #131313;
padding: 0.3rem 0;
height: 13vw;
min-height: 56px;
display: -webkit-flex;
display: flex;
-webkit-align-items: center;
/* 縦方向中央揃え（Safari用） */
align-items: center;
/* 縦方向中央揃え */
-webkit-justify-content: center;
/* 横方向中央揃え（Safari用） */
justify-content: center;
/* 横方向中央揃え */
}

.office_main .moz-top::before,
.office-main-se .moz-top::before,
.office-main-t .moz-top::before,
.office-main-y .moz-top::before,
.office-main-o .moz-top::before,
.office-main-n .moz-top::before,
.office-main-h .moz-top::before,
.office-main-f .moz-top::before {
content: '';
display: inline-block;
position: absolute;
vertical-align: middle;
background-size: contain;
background-image: url(/assets/images/sapporo-img2.svg);
width: 20px;
height: 20px;
background-repeat: no-repeat;
left: 10px;
top: -5px;
}

.office_main .moz-flex_item1,
.office-main-se .moz-flex_item1,
.office-main-t .moz-flex_item1,
.office-main-y .moz-flex_item1,
.office-main-n .moz-flex_item1,
.office-main-o .moz-flex_item1,
.office-main-h .moz-flex_item1,
.office-main-f .moz-flex_item1 {
width: 64%;
font-size: 4vw;
line-height: 1.2;
font-weight: 700;
color: #ffffff;
padding-left: 1.5rem;
padding-bottom: 0.3rem;
opacity: 1;
text-align: left;
}

.office_main .moz-flex_item2,
.office-main-se .moz-flex_item2,
.office-main-t .moz-flex_item2,
.office-main-y .moz-flex_item2,
.office-main-n .moz-flex_item2,
.office-main-o .moz-flex_item2,
.office-main-h .moz-flex_item2,
.office-main-f .moz-flex_item2 {
width: 36%;
font-size: 2.4vw;
line-height: 1.2;
/*padding-top: 0.3rem;*/
color: #FDFFC3;
opacity: 1;
}

.moz-top .moz-under1 {
position: absolute;
/*bottom: -1.1rem;*/
width: 100%;
background: rgba(255, 255, 255, 0.7);
font-size: 2.5vw;
text-align: center;
/*height: 3.7vw;*/
bottom: -3.9vw;
}

.office_main .moz-bottom,
.office-main-se .moz-bottom,
.office-main-t .moz-bottom,
.office-main-y .moz-bottom,
.office-main-n .moz-bottom,
.office-main-o .moz-bottom,
.office-main-h .moz-bottom,
.office-main-f .moz-bottom {
position: absolute;
bottom: 0.4rem;
width: 100%;
letter-spacing: 0px;
display: flex;
flex-wrap: wrap;
background: #ffffff;
background: rgba(255, 255, 255, 0.7);
height: 15.7vw;
}

.office_main .moz-flex_item3,
.office-main-se .moz-flex_item3,
.office-main-t .moz-flex_item3,
.office-main-y .moz-flex_item3,
.office-main-n .moz-flex_item3,
.office-main-o .moz-flex_item3,
.office-main-h .moz-flex_item3,
.office-main-f .moz-flex_item3 {
width: 15%;
padding: 0.7rem 0.2rem 0.3rem 0.7rem;
text-align: center;
margin: auto;
}

.office_main .moz-flex_item4,
.office-main-se .moz-flex_item4,
.office-main-t .moz-flex_item4,
.office-main-y .moz-flex_item4,
.office-main-n .moz-flex_item4,
.office-main-o .moz-flex_item4,
.office-main-h .moz-flex_item4,
.office-main-f .moz-flex_item4 {
width: 85%;
padding: 0.5rem 0.8rem 0.5rem 0.2rem;
line-height: 1.4;
font-size: 3vw;
}

.moz-bottom .moz-under2 {
position: absolute;
bottom: 17vw;
width: 50vw;
letter-spacing: 0px;
text-shadow: 2px 2px 10px rgb(255, 255, 255), -2px 2px 10px rgb(255, 255, 255), 2px -2px 10px rgb(255, 255, 255), -2px -2px 10px rgb(255, 255, 255);
}

.moz-bottom .moz-under1 {
/*position: absolute;*/
bottom: -1.5rem;
width: 100%;
background-color: #ff7600;
font-size: 3vw;
text-align: center;
border-top: solid 1px #333333;
border-bottom: solid 1px #333333;
color: #FDFFC3;
}


/*リンク*/

.office-contents .moz-link {
display: block;
position: relative;
text-align: right;
padding-right: 3rem;
color: #333333;
padding-bottom: 1rem;
line-height: 1.5;
font-weight: 400;
/*font-size: 0.8rem;*/
}

.office-contents .moz-link::before {
position: absolute;
top: 3px;
right: 0.7rem;
content: "";
display: inline-block;
width: 1.7rem;
height: 1.7rem;
background: url(/wp-content/themes/blankslate/assets/images/poke-arrow-maru.svg) no-repeat;
background-size: contain;
}


/*flex*/

.office-flex-x-scrol {
width: 100%;
display: flex;
flex-direction: row;
padding-left: 1rem;
overflow-x: scroll;
}

.office-flex {
width: 100%;
display: flex;
}

.office-flex-item {
width: 260px;
flex: 0 0 260px;
}


/*募集*/

.office-recruit {
margin-top: 1rem;
margin-bottom: 4rem;
}


/*タイトル*/

.office-maintitle .moz-heading_bottom {
background: #FFEBCB;
text-align: center;
line-height: 1.2;
font-size: 1.46rem;
font-weight: 700;
padding: 0.8rem 0;
margin: 0.5rem 0;
position: relative;
}

.office-maintitle .moz-heading_bottom>span,
.office-maintitle .moz-heading_bottom>span {
position: relative;
display: inline-block;
}

.office-maintitle .moz-heading_bottom>span::before,
.office-maintitle .moz-heading_bottom>span::after {
content: '';
display: inline-block;
position: absolute;
vertical-align: middle;
background-size: contain;
background-repeat: no-repeat;
width: 2rem;
height: 2rem;
bottom: 0.5rem;
}

.office-maintitle .moz-heading_bottom>span::before {
background-image: url(/assets/images/sapporo-img6.svg);
right: -3rem;
}

.office-maintitle .moz-heading_bottom>span::after {
background-image: url(/assets/images/sapporo-img7.svg);
left: -3rem;
}


/*1行用*/

.office-maintitle .moz-heading_bottom1 {
background: #FFEBCB;
text-align: center;
line-height: 1.2;
font-size: 1.46rem;
font-weight: 700;
padding: 0.8rem 0;
margin: 0.5rem 0;
position: relative;
}

.office-maintitle .moz-heading_bottom1>span,
.office-maintitle .moz-heading_bottom1>span {
position: relative;
display: inline-block;
}

.office-maintitle .moz-heading_bottom1>span::before,
.office-maintitle .moz-heading_bottom1>span::after {
content: '';
display: inline-block;
position: absolute;
vertical-align: middle;
background-size: contain;
background-repeat: no-repeat;
width: 2rem;
height: 2rem;
}

.office-maintitle .moz-heading_bottom1>span::before {
background-image: url(/assets/images/sapporo-img6.svg);
right: -3rem;
}

.office-maintitle .moz-heading_bottom1>span::after {
background-image: url(/assets/images/sapporo-img7.svg);
left: -3rem;
}


/*ブログ用*/

.office-flex-item .blog-box {
margin: 0.2rem;
border: solid 1px #F88F36;
}


/*
.blog-box .moz-name {
width: 70%;
background: #F88F36;
color: #ffffff;
text-align: center;
float: left;
padding: 0.3rem 0;
margin-bottom: 0.3rem;
font-size: 13px;
}

.blog-box .moz-day {
width: 30%;
background: #ffffff;
text-align: center;
float: left;
padding: 0.3rem 0;
font-size: 13px;
}

.blog-box .moz-text {
padding: 0 0.5rem 0.5rem;
clear: both;
height: 110px;
overflow: hidden;
margin-bottom: 0.3rem;
font-size: 0.8rem;
line-height: 1.7;
text-align: justify;
}

.blog-box .moz-bold {
height: 20px;
font-weight: 700;
overflow: hidden;
font-size: 14px;
border-bottom: solid 1px #333333;
padding-bottom: 0.3rem;
}
*/


/*おすすめポイント*/

.office-contents .moz-recommended {
border: solid 1px #333333;
padding: 1rem;
margin-bottom: 1rem;
box-shadow: 0 5px 10px 0 rgb(0 0 0 / 20%);
}


/*youtube twitter用*/

.office-contents .moz-heading_twitter,
.office-contents .moz-heading_youtube {
margin: 2rem 0 0;
font-size: 1.733rem;
font-weight: 700;
line-height: 1.1;
text-align: center;
}


/*比較用テーブル*/

table.office_table {
width: 100%;
margin: 0 auto 2rem;
text-align: center;
}

td.office_td2 {
background: transparent linear-gradient(180deg, #FFCA74 0%, #FFEBCB 100%) 0% 0% no-repeat padding-box;
padding: 1rem 0;
color: #FF7600;
border: 1px solid #FFFFFF;
}

td.office_td1 {
background: #ffffff;
border: 1px solid #FFFFFF;
padding: 0.5rem 0;
}

td.office_td3 {
background: #E6E6E6 0% 0% no-repeat padding-box;
border: 1px solid #FFFFFF;
padding: 1rem 0;
}


/*登録している女性用*/

.office-orange {
background: transparent linear-gradient(180deg, #FFFFD9 0%, #FFE59C 100%) 0% 0% no-repeat padding-box;
padding: 1rem;
}

.office_blue {
background: transparent linear-gradient(180deg, #E5F2F7 0%, #B8E4F5 100%) 0% 0% no-repeat padding-box;
padding: 1rem;
}

.office-orange .moz-white,
.office_blue .moz-white {
background: #FFFFFF 0% 0% no-repeat padding-box;
box-shadow: 0px 3px 6px #afafaf29;
border-radius: 10px;
padding: 1rem;
margin: 0.5rem 0;
}

.office-flex-item01 {
width: 70%;
line-height: 1.2;
}

.office-flex-item02 {
width: 30%;
}


/*見出し関連*/

.office-contents .moz-border_heading,
.office-contents .moz-border_heading-se,
.office-contents .moz-border_heading-t,
.office-contents .moz-border_heading-y,
.office-contents .moz-border_heading-n,
.office-contents .moz-border_heading-o,
.office-contents .moz-border_heading-h,
.office-contents .moz-border_heading-f {
border-top: 1px solid #333333;
height: 1px;
text-align: center;
overflow: visible;
margin-bottom: 1rem;
}

.office-contents .moz-border_heading::after,
.office-contents .moz-border_heading-se::after,
.office-contents .moz-border_heading-t::after,
.office-contents .moz-border_heading-y::after,
.office-contents .moz-border_heading-n::after,
.office-contents .moz-border_heading-o::after,
.office-contents .moz-border_heading-h::after,
.office-contents .moz-border_heading-f::after {
background: rgb(255, 255, 255);
color: #333333;
font-weight: 700;
/*: 15px;*/
width: 85%;
display: inline-block;
height: 40px;
line-height: 40px;
position: relative;
top: -20px;
}

.office-contents .moz-border_heading::after {
content: "札幌近郊チャットレディエリア";
}

.office-contents .moz-border_heading-se::after {
content: "仙台近郊チャットレディエリア";
}

.office-contents .moz-border_heading-t::after {
content: "新宿近郊チャットレディエリア";
}

.office-contents .moz-border_heading-y::after {
content: "横浜近郊チャットレディエリア";
}

.office-contents .moz-border_heading-n::after {
content: "名古屋近郊チャットレディエリア";
}

.office-contents .moz-border_heading-o::after {
content: "大阪近郊チャットレディエリア";
}

.office-contents .moz-border_heading-h::after {
content: "広島近郊チャットレディエリア";
}

.office-contents .moz-border_heading-f::after {
content: "福岡近郊チャットレディエリア";
}

.office-contents .moz-title_content {
font-size: 22px;
font-weight: bold;
text-align: center;
position: relative;
margin-top: 8rem;
margin-bottom: 1rem;
line-height: 1.3;
}

.office-contents .moz-title_content::before {
content: '';
display: inline-block;
position: absolute;
vertical-align: middle;
background-size: contain;
background-image: url(/assets/images/city-img2.svg);
width: 100px;
height: 100px;
background-repeat: no-repeat;
bottom: -0.5rem;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}


/*時給用*/

.office-contents .moz-under_pink {
background: linear-gradient(transparent 55%, #FFE8E8 50%);
font-weight: 700;
font-size: 40px;
display: inline-block;
text-align: center;
}

.office-contents .moz-meter1,
.office-contents .moz-meter2,
.office-contents .moz-meter3,
.office-contents .moz-meter4 {
width: 100%;
display: block;
border: solid 1px #333333;
height: 30px;
position: relative;
margin-top: 2rem;
margin-bottom: 2rem;
}

.office-contents .moz-meter1,
.office-contents .moz-meter2,
.office-contents .moz-meter3 {
background: #ffffff;
}

.office-contents .moz-meter4 {
background: #FFAD1C;
}

.office-contents .moz-meter1::before,
.office-contents .moz-meter2::before,
.office-contents .moz-meter3::before,
.office-contents .moz-meter4::before {
text-align: left;
line-height: 1.8;
font-weight: bold;
display: block;
height: 28px;
padding-left: 0.8rem;
}

.office-contents .moz-meter1::before,
.office-contents .moz-meter2::before,
.office-contents .moz-meter3::before {
background: #d0d0d0;
}

.office-contents .moz-meter1::before {
content: '891円';
width: 37%;
}

.office-contents .moz-meter2::before {
content: '941円';
width: 39%;
}

.office-contents .moz-meter3::before {
content: '1,061円';
width: 44%;
}

.office-contents .moz-meter4::before {
content: '2,400円';
}

.office-contents .moz-meter1::after,
.office-contents .moz-meter2::after,
.office-contents .moz-meter3::after,
.office-contents .moz-meter4::after {
position: absolute;
top: -1.6rem;
font-weight: bold;
}

.office-contents .moz-meter1::after {
content: 'ファストフード';
}

.office-contents .moz-meter2::after {
content: 'スキー場';
}

.office-contents .moz-meter3::after {
content: '電話対応';
}

.office-contents .moz-meter4::after {
content: '在宅チャットレディ';
}

.poke-Job-price-quo {
position: relative;
}

.poke-Job-price-quo::after {
content: '';
display: inline-block;
position: absolute;
vertical-align: middle;
background-size: contain;
background-image: url(/wp-content/themes/blankslate/assets/images/poke-quotation-right.png);
width: 20px;
height: 20px;
background-repeat: no-repeat;
right: -20px;
top: 1rem;
}

.poke-Job-price-quo::before {
content: '';
display: inline-block;
position: absolute;
vertical-align: middle;
background-size: contain;
background-image: url(/wp-content/themes/blankslate/assets/images/poke-quotation-left.png);
width: 20px;
height: 20px;
background-repeat: no-repeat;
left: -20px;
top: 1rem;
}

.moz-under2 .moz-icon1 {
position: relative;
font-size: 13vw;
color: #ff7600;
letter-spacing: 0.1px;
font-family: 'Open Sans', 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', 'メイリオ', 'Meiryo';
display: inline-flex;
align-items: center;
position: relative;
padding: .33rem 0;
}

.moz-icon1::before {
content: '';
display: inline-block;
position: absolute;
vertical-align: middle;
background-size: contain;
background-image: url(/assets/images/sapporo-img25.svg);
width: 35px;
height: 35px;
background-repeat: no-repeat;
left: 2rem;
top: -1rem;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}

.moz-under2 .moz-icon2 {
position: relative;
font-size: 4vw;
padding-left: 1rem;
}

.moz-under2 .moz-icon2::before {
content: '';
display: inline-block;
position: absolute;
vertical-align: middle;
background-size: contain;
background-image: url(/assets/images/sapporo-img26.svg);
width: 55px;
height: 55px;
background-repeat: no-repeat;
right: -3.5rem;
top: 0.3rem;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}

.moz-under-2-p {
color: #1f1f1f;
text-align: center;
line-height: 0.8;
font-weight: 700;
}

.moz-under-2-p_moz-icon2_span {
font-size: 3vw;
}

.moz-under-2-p_moz-icon1_span {
font-size: 9vw;
color: #1f1f1f;
}

.moz-icon3 {
font-size: 5vw;
color: #ff7600;
margin-left: 1rem;
line-height: 1.2;
}

.poke-zitakucont-h3-under-text {
font-size: 1.33rem;
text-align: center;
margin: 1.33rem 0;
line-height: 1.2;
}

.office-top-h1-uppertext {
margin-bottom: 1vw;
font-size: 3.4vw;
text-align: center;
z-index: 30;
top: 0;
position: initial;
left: 0;
background: none;
width: 100%;
transform: rotate(0);
}

.office_main_moz-flex_item1-span {
color: #f7ff00;
font-weight: bold;
font-size: 5.5vw;
}

.line-solid-1-30,
.line-solid-3-30 {
border: 2px solid #1f1f1f;
width: 80px;
margin: 1rem auto;
}

.poke-sap-grid {
display: grid;
gap: 10px;
grid-template-columns: repeat(1, minmax(200px, 1fr));
align-items: initial;
}

.poke-sap-grid2 {
display: grid;
gap: 10px;
grid-template-columns: repeat(1, minmax(200px, 1fr));
align-items: initial;
}

.poke-sap-grid-ko-osusume {
margin-bottom: 2.33rem;
padding: 1rem;
border: none;
}

.poke-sap-grid-zai-lef {
display: block;
margin: 0;
padding-right: 0;
}

.poke-sap-grid-zai-rig {
display: block;
margin: 20px auto 0;
padding-right: 0;
width: 90%;
}

.poke-zai-h3-2 {
font-size: 1.06rem;
text-align: center;
font-weight: 700;
line-height: 1.2;
margin-bottom: 1rem;
margin-top: 4rem;
}

.poke-zai-h3-2-box {
max-width: 740px !important;
display: block;
margin: 0 auto;
}

.sap-area-top-h2 {
font-size: 1.46rem;
position: relative;
letter-spacing: 5px;
}

.sap-bosyu-akuse-map {
display: block;
margin: 0 auto;
line-height: 1.2;
}


/***************[選ばれる理由]の画像と吹き出しのスタイル*************************/


/*トップ見出し*/

.office-maintitle-2,
.office-maintitle-2-na {
background-color: #fff;
border-radius: 50% 50% 0 0;
display: block;
padding-bottom: 3.5rem;
padding-top: 3.2rem;
}

.office-maintitle-2 .moz-title,
.office-maintitle-2-na .moz-title {
font-size: 1.466rem;
text-align: center;
color: #3B4043;
font-weight: 700;
line-height: 1.3;
margin: 2rem 0 0.666rem;
position: relative;
}

.office-maintitle-2 .moz-heading::before,
.office-maintitle-2-na .moz-heading::before {
content: '';
display: inline-block;
position: absolute;
vertical-align: middle;
background-size: contain;
background-image: url(/assets/images/pokeko.svg);
width: 50px;
height: 50px;
background-repeat: no-repeat;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}

.sap-erabareru-topimg-box-fukidashi {
position: absolute;
left: -5rem;
}

.sap-erabareru-topimg-box-fukidashi-2 {
position: absolute;
right: -5rem;
}

.sap-erabareru-topimg-box-fukidashi-3 {
position: absolute;
left: -5rem;
top: 6rem;
}

.sap-erabareru-topimg-box-fukidashi-4 {
position: absolute;
right: -5rem;
top: 6rem;
}

.sap-erabareru-topimg-box-fukidashi-naka {
background-size: contain;
width: 100%;
background-image: url(/wp-content/themes/blankslate/assets/images/poke-area-fukidashi-a.png);
background-repeat: no-repeat;
position: relative;
margin: 0;
padding: 5rem;
left: 1vw;
top: -2rem;
}

.sap-erabareru-topimg-box-fukidashi-naka-2 {
background-size: contain;
width: 100%;
background-image: url(/wp-content/themes/blankslate/assets/images/poke-area-fukidashi-b.png);
background-repeat: no-repeat;
position: relative;
margin: 0;
padding: 5rem;
right: 1vw;
top: -2rem;
}

.sap-erabareru-topimg-box-fukidashi-naka-3 {
background-size: contain;
width: 100%;
background-image: url(/wp-content/themes/blankslate/assets/images/poke-area-fukidashi-c.png);
background-repeat: no-repeat;
position: relative;
margin: 0;
padding: 5rem;
left: 2vw;
}

.sap-erabareru-topimg-box-fukidashi-naka-4 {
background-size: contain;
width: 100%;
background-image: url(/wp-content/themes/blankslate/assets/images/poke-area-fukidashi-d.png);
background-repeat: no-repeat;
position: relative;
margin: 0;
padding: 5rem;
right: 2vw;
}

.sap-erabareru-topimg-box-fukidashi-naka-p {
/*font-size: 0.8rem;*/
top: 2.5rem;
left: 1.5rem;
display: inline-block;
width: 110px;
position: absolute;
line-height: 1.3;
}

.sap-erabareru-topimg-box-fukidashi-naka-p-2 {
/*font-size: 0.8rem;*/
top: 2.5rem;
left: 1.3rem;
display: inline-block;
width: 110px;
position: absolute;
line-height: 1.3;
}

.sap-erabareru-topimg-box-fukidashi-naka-p-3 {
/*font-size: 0.8rem;*/
top: 1.6rem;
left: 1.8rem;
display: inline-block;
width: 110px;
position: absolute;
line-height: 1.3;
}

.sap-erabareru-topimg-box-fukidashi-naka-p-4 {
/*font-size: 0.8rem;*/
top: 1.6rem;
left: 1.3rem;
display: inline-block;
width: 110px;
position: absolute;
line-height: 1.3;
}


/***************[選ばれる理由]の画像と吹き出しのスタイル    ここまで　　*************************/

.office-recruit tr {
border: 1px solid #afafaf;
}

.office-recruit th {
background-color: #ddd;
text-align: left;
padding: 1rem;
font-weight: bold;
}

.office-recruit td {
padding: 0 1rem 1rem;
}

.office-recruit td,
.office-recruit th {
width: 100%;
display: block;
}

.office-recruit td ul {
padding-top: 1rem;
}

.office-recruit td ul li {
position: relative;
font-weight: normal;
}

.office-recruit td ul li span {
/*font-size: 0.8rem;*/
}

.office-recruit td ul .sap-li-disc::before {
content: '';
position: absolute;
top: 0.75em;
left: 0;
width: 5px;
height: 5px;
border-radius: 50%;
background-color: #ff7600;
}

.sap-li-disc {
padding-left: 1rem;
}

.sap-li-strong {
display: inline-block;
color: #ff7600;
font-size: 1rem !important;
}

.sap-li-strong span {
color: #1f1f1f;
/*font-size: 0.8rem;*/
}

.sap-touroku-h2-img {
object-fit: cover;
height: 300px;
margin: 0;
}

.sap-erabareru-topimg-box {
background-size: contain;
height: 200px;
background-image: url(/wp-content/themes/blankslate/assets/images/poke-area-erabareru-top.png);
background-repeat: no-repeat;
position: relative;
margin: 0 auto;
background-position: center;
width: 200px;
}

.poke-zai-syousai-table-tr th {
display: table-cell !important;
text-align: right;
}

.poke-zai-syousai-table .moz-under_pink {
background: linear-gradient(transparent 55%, #FFE8E8 50%);
font-weight: 700;
font-size: 1.2rem;
display: inline-block;
text-align: center;
}

.sap-erabareru-h3 {
text-align: center;
font-size: 1.46rem;
font-weight: bold;
margin: 1.33rem 0;
}

.sap-getugaku-h4 {
font-weight: 700;
font-size: 1.5rem;
line-height: 1.3;
text-align: center;
color: #f88f36;
margin: 1.33rem 0 0.66rem;
}

.office-saporo-main {
position: relative;
background: linear-gradient(25deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.1)), url(/assets/images/sapporo_sp_01.jpg);
box-shadow: 0 3px 5px 0 rgba(186, 108, 250, 0.3);
padding-top: 75%;
background-size: contain;
background-repeat: no-repeat;
width: 100%;
}

.office-saporo-main-accent img {
position: absolute;
top: 50%;
left: 20%;
width: 100%;
height: 150px;
}

.office-saporo-main-accent p {
position: absolute;
top: 0%;
right: 0;
padding-right: 0.5rem;
}


/****************仙台*******************/

.max-w480 {
max-width: 480px !important;
}

.se-madam-pcflex {
display: block;
}

.se-madam-pcflex-item {
width: 100%;
}

.sen-madam-background {
position: relative;
background-size: contain;
background-image: url(/assets/images/sendai-img8.webp);
background-repeat: no-repeat;
height: 0;
padding-top: 70.8%;
}

.sen-madam-background-p {
position: absolute;
top: 50%;
text-align: center;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
font-weight: 700;
font-size: 1.2rem;
width: 100%;
}

.sen-madam-block {
background: #F2F2F2;
padding-bottom: 33rem;
}

.sen-madam-block .moz-box1 {
position: relative;
padding: 0.5rem 0;
}

.sen-madam-block .moz-box1-img {
position: absolute;
position: relative;
background-size: contain;
background-image: url(/assets/images/office/sendai-img9.webp);
background-repeat: no-repeat;
height: 300px;
width: 400px;
left: -3rem;
}
.sen-madam-blog-h4{
text-align: center;
font-weight: bold;
font-size: 1.42rem;
line-height: 1.2;
}
.sen-madam-block .moz-box1-title {
position: absolute;
width: 70%;
left: 25%;
top: 2rem;
height: 60px;
line-height: 60px;
text-align: center;
border: 1px solid var(--unnamed-color-707070);
background: #D9D7F8 0% 0% no-repeat padding-box;
border: 1px solid #707070;
font-weight: 700;
}

.sen-madam-block .moz-box1-title::before {
position: absolute;
left: -1rem;
top: -1.5rem;
content: 'point1';
font-weight: 700;
transform: rotate(-20deg);
font: 1rem Satisfy;
letter-spacing: 0px;
}

.sen-madam-block .moz-box1-text {
position: absolute;
width: 70%;
left: 25%;
top: 6.5rem;
}

.sen-madam-block .moz-box1-title2 {
position: absolute;
width: 70%;
left: 26%;
height: 60px;
top: 2.2rem;
border: 1px solid var(--unnamed-color-707070);
background: #D9D7F8 0% 0% no-repeat padding-box;
border: 1px solid #707070;
}

.sen-madam-block .moz-box2 {
position: relative;
padding: 0.5rem 0;
}

.sen-madam-block .moz-box2-title {
position: absolute;
display: block;
top: 0rem;
left: 1.5rem;
right: 1.5rem;
height: 60px;
line-height: 1;
padding-top: 1rem;
text-align: center;
border: 1px solid var(--unnamed-color-707070);
background: #D9D7F8 0% 0% no-repeat padding-box;
border: 1px solid #707070;
font-weight: 700;
}

.sen-madam-block .moz-box2-title::before {
position: absolute;
top: -1.5rem;
left: -1rem;
content: 'point2';
font-weight: 700;
transform: rotate(-20deg);
font: 1rem Satisfy;
letter-spacing: 0px;
}

.sen-madam-block .moz-box2-title2 {
position: absolute;
display: block;
top: 0.3rem;
left: 1.8rem;
right: 1.3rem;
height: 60px;
padding-top: 1.1rem;
text-align: center;
border: 1px solid var(--unnamed-color-707070);
background: #D9D7F8 0% 0% no-repeat padding-box;
border: 1px solid #707070;
font-weight: 700;
}

.sen-madam-block .moz-box2-text {
position: absolute;
left: 1.5rem;
right: 1.5rem;
top: 5.5rem;
}

.sen-madam-block .moz-box3 {
position: relative;
top: 14rem;
padding: 0.5rem 0;
}

.sen-madam-block .moz-box3-img {
position: absolute;
position: relative;
background-size: contain;
background-image: url(/assets/images/office/sendai-img10.webp);
background-repeat: no-repeat;
height: 200px;
width: 300px;
left: 65%;
top: 2rem;
}

.sen-madam-block .moz-box3-title {
position: absolute;
width: 65%;
left: 5%;
top: 2rem;
height: 60px;
line-height: 60px;
text-align: center;
border: 1px solid var(--unnamed-color-707070);
background: #D9D7F8 0% 0% no-repeat padding-box;
border: 1px solid #707070;
font-weight: 700;
}

.sen-madam-block .moz-box3-title2 {
position: absolute;
width: 65%;
left: 6%;
height: 60px;
top: 2.2rem;
border: 1px solid var(--unnamed-color-707070);
background: #D9D7F8 0% 0% no-repeat padding-box;
border: 1px solid #707070;
}

.sen-madam-block .moz-box3-title::before {
position: absolute;
left: -1rem;
top: -1.5rem;
content: 'point3';
font-weight: 700;
transform: rotate(-20deg);
font: 25px Satisfy;
letter-spacing: 0px;
}

.sen-madam-block .moz-box3-text {
position: absolute;
width: 65%;
left: 6%;
top: 6.5rem;
}

.sen-madam-block .moz-box4 {
position: relative;
padding: 0.5rem 0;
}

.sen-madam-block .moz-box4-title {
position: absolute;
display: block;
top: 18rem;
left: 1.5rem;
right: 1.5rem;
height: 60px;
line-height: 60px;
text-align: center;
border: 1px solid var(--unnamed-color-707070);
background: #D9D7F8 0% 0% no-repeat padding-box;
border: 1px solid #707070;
font-weight: 700;
}

.sen-madam-block .moz-box4-title::before {
position: absolute;
top: -1.5rem;
left: -1rem;
content: 'point4';
font-weight: 700;
transform: rotate(-20deg);
font: 25px Satisfy;
letter-spacing: 0px;
}

.sen-madam-block .moz-box4-title2 {
position: absolute;
display: block;
top: 18.3rem;
left: 1.8rem;
right: 1.3rem;
height: 60px;
line-height: 60px;
text-align: center;
border: 1px solid var(--unnamed-color-707070);
background: #D9D7F8 0% 0% no-repeat padding-box;
border: 1px solid #707070;
font-weight: 700;
}

.sen-madam-block .moz-box4-text {
position: absolute;
left: 1.5rem;
right: 1.5rem;
top: 23rem;
}

.sen-madam-blog {
background: #F2F2F2;
}

.sen-madam-blog-link {
background: #FFF6F6;
box-shadow: 0px 3px 6px #93939329;
border: 1px solid #1F1F1F;
text-align: center;
padding:0 0 1rem;
margin: 0 1rem;
}

.sen-madam-blog-flex {
display: flex;
width: 90%;
margin: 0 auto;
}

.sen-madam-blog-flex-item-1 {
width: 25%;
}

.sen-madam-blog-flex-item-2 {
width: 75%;
}
.sen-madam-blog-img001{
object-fit: cover;
width: 110px;
height: 60px;  
}
.sen-madam-blog-flex-item-2 {
background: #ffffff;
text-align: center;
height: 60px;
line-height: 1.5;
padding-top: 0.5rem;
color: #1f1f1f;
}

.sen-hoshou-flex {
display: flex;
width: 100%;
margin: 1rem 0;
}

.sen-hoshou-flex-item-1 {
width: 50%;
position: relative;
background-size: contain;
background-image: url(/assets/images/sendai-img12_1.svg);
background-repeat: no-repeat;
height: 0;
padding-top: 70.2%;
}

.sen-hoshou-flex-item-2 {
width: 50%;
position: relative;
background-size: contain;
background-image: url(/assets/images/sendai-img12_2.svg);
background-repeat: no-repeat;
height: 0;
padding-top: 73.4%;
}

.sen-hoshou-flex-p {
position: absolute;
top: 43%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
font-size: 1.2rem;
line-height: 1.3;
font-weight: 700;
text-align: center;
}

.sen-woman-flex {
display: flex;
position: relative;
width: 95%;
box-shadow: 0px 3px 6px #c4c4c4;
border: 1px solid #707070;
margin: 0 auto;
margin-top: 7rem;
}

.sen-woman-flex-item1 {
width: 40%;
padding: 0.5rem;
}

.sen-woman-flex-item-img1,
.sen-woman-flex-item-img2,
.sen-woman-flex-item-img3 {
background-size: cover;
overflow: hidden;
height: 100%;
width: 100%;
background-repeat: no-repeat;
position: relative;
margin: 0;
z-index: -1;
}

.sen-woman-flex-item-img1 {
background-image: url(/assets/images/sendai-img14.webp);
}

.sen-woman-flex-item-img2 {
background-image: url(/assets/images/sendai/sendai-img27.webp);
}

.sen-woman-flex-item-img3 {
background-image: url(/assets/images/sendai-img28.webp);
}

.sen-woman-flex-item2 {
width: 60%;
padding: 0.3rem;
font-weight: 700;
line-height: 2;
}

.sen-woman-flex-item3 {
width: 100%;
position: absolute;
right: -90%;
top: -2.5rem;
/*font-size: 0.8rem;*/
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}

.sen-woman-flex-item4,
.sen-woman-flex-item5,
.sen-woman-flex-item6 {
position: absolute;
left: -1rem;
top: -6rem;
background-size: contain;
background-image: url(/assets/images/sendai-img13.svg);
background-repeat: no-repeat;
height: 100%;
width: 40%;
z-index: 1;
}

.sen-woman-flex-item4::before,
.sen-woman-flex-item5::before,
.sen-woman-flex-item6::before {
position: absolute;
left: 50%;
padding-top: 72%;
font-weight: 700;
font-size: 1.2rem;
z-index: 1;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}

.sen-woman-flex-item4::before {
content: 'あみさん';
}

.sen-woman-flex-item5::before {
content: 'ひろさん';
}

.sen-woman-flex-item6::before {
content: 'あいさん';
}

.sen-kasegeru-heading {
background: linear-gradient(transparent 65%, #FFCA74 50%);
display: inline-block;
}

.sen-kasegeru-background {
position: relative;
background-size: contain;
background-image: url(/assets/images/sendai-img29.svg);
background-repeat: no-repeat;
height: 0;
padding-top: 81.7%;
line-height: 1.3;
}

.sen-kasegeru-background .moz-text,
.sen-kasegeru-background .moz-text2,
.sen-kasegeru-background .moz-text3,
.sen-kasegeru-background .moz-text_2,
.sen-kasegeru-background .moz-text2_2,
.sen-kasegeru-background .moz-text3_2 {
position: absolute;
text-align: center;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 100%;
}

.sen-kasegeru-background .moz-text {
left: 60%;
}

.sen-kasegeru-background .moz-text2 {
left: 60%;
}

.sen-kasegeru-background .moz-text3 {
left: 60%;
}

.sen-kasegeru-background .moz-text_2,
.sen-kasegeru-background .moz-text2_2,
.sen-kasegeru-background .moz-text3_2 {
left: 35%;
}

.sen-kasegeru-background .moz-text,
.sen-kasegeru-background .moz-text_2 {
top: 35%;
}

.sen-kasegeru-background .moz-text2,
.sen-kasegeru-background .moz-text2_2 {
top: 60%;
}

.sen-kasegeru-background .moz-text3,
.sen-kasegeru-background .moz-text3_2 {
top: 85%;
}

.sen-kasegeru-background .moz-text::before,
.sen-kasegeru-background .moz-text2::before,
.sen-kasegeru-background .moz-text3::before,
.sen-kasegeru-background .moz-text_2::before,
.sen-kasegeru-background .moz-text2_2::before,
.sen-kasegeru-background .moz-text3_2::before {
position: absolute;
content: '';
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 60px;
height: 60px;
background-size: contain;
background-repeat: no-repeat;
}

.sen-kasegeru-background .moz-text::before,
.sen-kasegeru-background .moz-text2::before,
.sen-kasegeru-background .moz-text3::before {
left: 20%;
}

.sen-kasegeru-background .moz-text_2::before,
.sen-kasegeru-background .moz-text2_2::before,
.sen-kasegeru-background .moz-text3_2::before {
right: 0;
}

.sen-kasegeru-background .moz-text::before {
top: 50%;
background-image: url(/assets/images/sendai-img30.svg);
}

.sen-kasegeru-background .moz-text2::before {
top: 50%;
background-image: url(/assets/images/sendai-img31.svg);
}

.sen-kasegeru-background .moz-text3::before {
top: 55%;
background-image: url(/assets/images/sendai-img32.svg);
}

.sen-kasegeru-background .moz-text_2::before {
top: 50%;
background-image: url(/assets/images/sendai-img33.webp);
}

.sen-kasegeru-background .moz-text2_2::before {
top: 50%;
background-image: url(/assets/images/sendai-img34.webp);
}

.sen-kasegeru-background .moz-text3_2::before {
top: 55%;
background-image: url(/assets/images/sendai-img35.webp);
}

.sen-kasegeru-flexpc {
display: block;
width: 100%;
}

.sen-kasegeru-flexpc-item {
width: 100%;
}

.office-sendai-main {
position: relative;
background: linear-gradient(25deg, rgba(255, 255, 255, 0.1), rgba(255, 225, 255, 0.1)), url(/assets/images/sendai_sp_01.jpg);
box-shadow: 0 3px 5px 0 rgba(186, 108, 250, 0.3);
padding-top: 75%;
background-size: contain;
background-repeat: no-repeat;
width: 100%;
}

.office-sendai-main-accent img {
position: absolute;
top: 50%;
left: 20%;
width: 100%;
height: 150px;
}

.office-sendai-main-accent p {
position: absolute;
top: 0%;
right: 0;
padding-right: 0.5rem;
}

.sap-erabareru-block-yellow,
.sap-erabareru-block-yellow2 {
border: 1px solid #707070;
color: #333333;
background: #FDFFEC;
padding: 0.5rem;
text-align: center;
margin: 1.5rem 0
}

.sap-erabareru-block-yellow-line {
position: relative;
border-bottom: 1px solid #707070;
background-color: #ffffff;
margin-bottom: 2rem;
}

.sap-erabareru-block-yellow-line::before,
.sap-erabareru-block-yellow-line::after {
position: absolute;
top: 100%;
left: 45%;
content: '';
height: 0;
width: 0;
border: 20px solid transparent;
}

.sap-erabareru-block-yellow-line:before {
border-top: 25px solid #707070;
}

.sap-erabareru-block-yellow-line:after {
margin-top: -2px;
border-top: 25px solid #FDFFEC;
}


/***************新宿*****************/

.office-shinjuku-main {
position: relative;
background: linear-gradient(25deg, rgba(255, 0, 200, 0), rgba(255, 225, 0, 0)), url(/assets/images/shinjuku_sp1.jpg);
box-shadow: 0 3px 5px 0 rgba(186, 108, 250, 0.3);
padding-top: 75%;
background-size: contain;
background-repeat: no-repeat;
width: 100%;
}

.office-shinjuku-main-accent img {
position: absolute;
top: 50%;
left: 20%;
width: 100%;
height: 150px;
}

.office-shinjuku-main-accent p {
position: absolute;
top: 0%;
right: 0;
padding-right: 0.5rem;
}


/****************横浜*******************/

.yo-erabareru-flex,
.yo-access-flex,
.yo-interview-flex,
.na-erabareru-flex,
.na-touroku-flex {
display: block;
}

.yo-erabareru-flex-item01,
.yo-access-flex-item01,
.yo-interview-flex-item01,
.na-erabareru-flex-item01,
.na-touroku-flex-item01 {
width: 100%;
}

.yo-erabareru-flex-item02,
.yo-access-flex-item02,
.yo-interview-flex-item02,
.na-erabareru-flex-item02,
.na-touroku-flex-item02 {
width: 100%;
border: none;
}

.yo-accordion-check {
display: none;
}

.yo-accordion-label {
color: #333333;
display: block;
margin-bottom: 1px;
padding: 1rem;
box-shadow: 0px 3px 6px #dddddd29;
position: relative;
border-radius: 5px;
}

.yo-accordion-label:after {
box-sizing: border-box;
content: '+';
position: absolute;
right: 1rem;
}

.yo-accordion-check:checked+.yo-accordion-label:after {
content: '-';
}

.yo-accordion-check:checked+.yo-accordion-label+.yo-accordion-content {
opacity: 1;
visibility: visible;
}

.yo-accordion-label {
background: #DCDCDC;
}

.yo-accordion-content {
transition: .5s;
height: 0;
opacity: 0;
padding: 0 10px;
visibility: hidden;
}

.yo-accordion-check:checked+.yo-accordion-label+.yo-accordion-content {
height: auto;
opacity: 1;
padding: 10px;
visibility: visible;
}

.yo-hoshou-background {
position: relative;
background-size: contain;
background-image: url(/assets/images/yokohama-img14.png);
background-repeat: no-repeat;
height: 0;
padding-top: 81.7%;
line-height: 1.3;
}

.yo-hoshou-background .moz-text,
.yo-hoshou-background .moz-text2,
.yo-hoshou-background .moz-text3,
.yo-hoshou-background .moz-text4 {
position: absolute;
text-align: center;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 100%;
line-height: 1.2;
font-weight: 700;
font-size: 1.14rem;
}

.yo-hoshou-p-span {
color: #ff7600;
font-size: 7vw;
}

.yo-hoshou-background .moz-text {
left: 27%;
top: 22%
}

.yo-hoshou-background .moz-text2 {
left: 77%;
top: 22%
}

.yo-hoshou-background .moz-text3 {
left: 27%;
top: 62%
}

.yo-hoshou-background .moz-text4 {
left: 77%;
top: 62%
}

.office-yokohama-main {
position: relative;
background-image: url(/assets/images/yokohama_sp_01.jpg);
padding-top: 75%;
background-size: contain;
background-repeat: no-repeat;
width: 100%;
}

.office-yokohama-main-accent img {
position: absolute;
top: 50%;
left: 20%;
width: 100%;
height: 150px;
}

.office-yokohama-main-accent p {
position: absolute;
top: 0%;
right: 0;
padding-right: 0.5rem;
}

.yo-touroku-flex {
display: block;
width: 100%;
}

.yo-touroku-flex2 {
display: block;
width: 100%;
}

.yo-touroku-flex-item {
width: 100%;
font-size: 1.2rem;
margin-top: 1rem;
}

.yo-touroku-flex-item h3 {
margin-top: 0rem;
}

.yo-touroku-flex-item2 {
width: 100%;
}

.yo-touroku-flex-item2 p {
margin-top: -2rem;
margin-bottom: 2rem;
display: block;
}


/****************名古屋*******************/

.na-touroku-table {
width: 100%;
border: solid 1px #FFEBCB;
border-collapse: collapse;
font-weight: 700;
text-align: center;
}

.na-touroku-table td {
border: solid 1px #FFEBCB;
padding: 0.5rem;
font-size: 1.1rem;
}

.na-touroku-table th {
background: #FFEBCB;
padding: 0.5rem;
font-size: 1.2rem;
}

.office-nagoya-main {
position: relative;
background: linear-gradient(25deg, rgba(255, 0, 200, 0), rgba(255, 225, 0, 0)), url(/assets/images/nagoya_sp1.jpg);
box-shadow: 0 3px 5px 0 rgba(186, 108, 250, 0.3);
padding-top: 75%;
background-size: contain;
background-repeat: no-repeat;
width: 100%;
}

.office-nagoya-main-accent img {
position: absolute;
top: 50%;
left: 20%;
width: 100%;
height: 150px;
}

.office-nagoya-main-accent p {
position: absolute;
top: 0%;
right: 0;
padding-right: 0.5rem;
}

.sp-block {
display: block;
}

.pc-block {
display: none;
}

.donnnakoto-line {
width: 100px;
height: 6px #000000;
border: solid 2px;
}

@media screen and (min-width: 1201px) {
.office-donnnakoto-flex {
display: flex;
}
.office-donnnakoto-flex-item {
width: 45%;
}
.office-donnnakoto-flex-item-2 {
width: 55%;
}
.pc-block {
display: block;
}
.sp-block {
display: none;
}
}


/****************大阪*******************/

.office-osaka-main {
position: relative;
background-image: url(/assets/images/osaka_sp_01.jpg);
padding-top: 75%;
background-size: contain;
background-repeat: no-repeat;
width: 100%;
}

.office-osaka-main-accent img {
position: absolute;
top: 50%;
left: 20%;
width: 100%;
height: 150px;
}

.office-osaka-main-accent p {
position: absolute;
top: 0%;
right: 0;
padding-right: 0.5rem;
}

.os-osusume-accent {
position: relative;
font-weight: 700;
font-size: 1.2rem;
line-height: 1.3;
text-align: center;
margin-bottom: 1rem;
margin-top: 3rem;
}

.os-osusume-accent-left {
position: absolute;
left: 0;
top: -1.5rem;
transform: skew(20deg, -20deg);
display: block;
color: #FF7600;
/*font-size: 0.8rem;*/
}

.os-osusume-pc-flex {
display: block;
}

.os-osusume-pc-flex-item {
width: 100%;
}

.os-osusume-pc-flex-item-2 {
width: 100%;
}

.os-osusume-recommended {
border: solid 1px #333333;
padding: 1rem;
margin-bottom: 2rem;
margin: 1rem;
}

.office-contents .moz-recommended-o,
.office-contents .moz-recommended-o-r {
border: solid 0px #333333;
padding: 0.3rem;
margin-bottom: 0.3rem;
}

.office-contents .moz-recommended-o-sp {
border: solid 1px #333333;
margin: 1rem;
box-shadow: 0 5px 10px 0 rgb(0 0 0 / 20%);
}

.trance-10 {
transform: rotate(-10deg);
-moz-transform: rotate(-10deg);
-webkit-transform: rotate(-10deg);
padding-bottom: 1.5rem;
}

.Trial {
font: normal normal normal 5.5rem Caveat;
letter-spacing: 0px;
color: #1F1F1F;
text-align: center;
}


/****************広島*******************/

.office-hiroshima-main {
position: relative;
background: linear-gradient( 135deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)), url(/assets/images/hiroshima_sp1.jpg);
box-shadow: 0 3px 5px 0 rgba(186, 108, 250, 0.3);
padding-top: 75%;
background-size: contain;
background-repeat: no-repeat;
width: 100%;
}

.office-main-accent img {
position: absolute;
top: 50%;
left: 20%;
width: 100%;
height: 150px;
}

.office-main-accent p {
position: absolute;
top: 0%;
right: 0;
padding-right: 0.5rem;
}

.hi-bosyu-pc-flex {
display: block;
}

.hi-bosyu-pc-flex-item,
.hi-bosyu-pc-flex-item-1,
.hi-bosyu-pc-flex-item-2 {
width: 100%;
}

.hi-touroku-flex {
display: block;
width: 100%;
}

.hi-touroku-flex2 {
display: block;
width: 100%;
}

.hi-touroku-flex-item {
width: 100%;
font-size: 1.2rem;
margin-top: 1rem;
}

.hi-touroku-flex-item h3 {
margin-top: 0rem;
}

.hi-touroku-flex-item2 {
width: 100%;
}

.hi-touroku-flex-item2 p {
margin-top: -2rem;
margin-bottom: 2rem;
display: block;
}

.sp-block {
display: block;
}

.pc-block {
display: none;
}

.donnnakoto-line {
width: 100px;
height: 6px #000000;
border: solid 2px;
}

.hi-table {
width: 95%;
border: solid 1px;
margin: 0 auto;
font-size: 1rem;
}

.hi-th {
width: 100%;
border: solid 1px;
font-size: 1.2rem;
}

@media screen and (min-width: 1201px) {
.office-donnnakoto-flex {
display: flex;
}
.office-donnnakoto-flex-item {
width: 45%;
}
.office-donnnakoto-flex-item-2 {
width: 55%;
}
.hi-table {
width: 90%;
}
.pc-block {
display: block;
}
.sp-block {
display: none;
}
}


/****************福岡*******************/

.office-fukuoka-main {
position: relative;
background-image: url(/assets/images/fukuoka_sp_01.jpg);
padding-top: 75%;
background-size: contain;
background-repeat: no-repeat;
width: 100%;
}

.office-fukuoka-main-accent img {
position: absolute;
top: 50%;
left: 20%;
width: 100%;
height: 150px;
}

.office-fukuoka-main-accent p {
position: absolute;
top: 0%;
right: 0;
padding-right: 0.5rem;
}

.office-bosyu-pc-flex {
display: block;
}

.office-bosyu-pc-flex-item,
.office-bosyu-pc-flex-item-1,
.office-bosyu-pc-flex-item-2,
.office-bosyu-pc-flex-item-3 {
width: 100%;
}

.office-touroku-flex {
display: block;
width: 100%;
}

.office-touroku-flex2 {
display: block;
width: 100%;
}

.office-touroku-flex-item {
width: 100%;
font-size: 1.2rem;
margin-top: 1rem;
}

.office-touroku-flex-item h3 {
margin-top: 0rem;
}

.office-touroku-flex-item2 {
width: 100%;
}

.office-touroku-flex-item2 p {
margin-top: -2rem;
margin-bottom: 2rem;
display: block;
}

.line-solid-2-30 {
border: 1px solid #333333;
width: 80px;
margin: 1rem auto;
}

.office-pc-br {
display: none;
}

.office-sp-br {
display: block;
}

.office-top-text-br {
display: none;
}

.fu-accordion-check {
display: none;
}

.fu-accordion-label {
color: #333333;
display: block;
margin-bottom: 1px;
padding: 1rem;
box-shadow: 0px 3px 6px #dddddd29;
position: relative;
border-radius: 5px;
}

.fu-accordion-label:after {
box-sizing: border-box;
content: '+';
position: absolute;
right: 1rem;
}

.fu-accordion-check:checked+.fu-accordion-label:after {
content: '-';
}

.fu-accordion-check:checked+.fu-accordion-label+.fu-accordion-content {
opacity: 1;
visibility: visible;
}

.fu-accordion-label {
background: #DCDCDC;
margin: 0.2rem 0;
}

.fu-accordion-content {
transition: .5s;
height: 0;
opacity: 0;
padding: 0 10px;
visibility: hidden;
}

.fu-accordion-check:checked+.fu-accordion-label+.fu-accordion-content {
height: auto;
opacity: 1;
padding: 10px;
visibility: visible;
}


/* 210913 地方共通top*/

.ofifice-top-p-flex {
display: flex;
background-color: #eee;
margin-bottom: 1.42rem;
}

.office-top-h1-box {
position: relative;
display: block;
}

.office-top-h1-box-pc {
display: none;
}

.office-top-h1-box-main-img {
width: 100%;
position: relative;
height: 100%;
margin-bottom: -10px;
}

.office-top-h1-box-img {
width: 60%;
position: absolute;
top: 72%;
right: -29%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}

.office-top-h1-box-p {
position: absolute;
top: 0;
right: 0;
}

.office-saporo-main {
position: relative;
background: linear-gradient(25deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.1)), url(//assets/images/sapporo_sp_01.webp);
box-shadow: 0 3px 5px 0 rgb(186 108 250 / 30%);
padding-top: 75%;
background-size: contain;
background-repeat: no-repeat;
width: 100%;
}

.office-saporo-main-accent p {
position: absolute;
top: 0%;
right: 0;
padding-right: 0.5rem;
}

.office-saporo-main-accent img {
position: absolute;
top: 50%;
left: 20%;
width: 100%;
height: 150px;
}

.tu-top-otokutext01-box {
display: flex;
flex-wrap: wrap;
padding: .5rem;
}

.tu-top-otokutext01-box-p {
padding-left: 2rem;
position: relative;
}

.office-top-h2,
.office-top-h2-nagoya {
text-align: center;
}

.office-top-h2 {
font-size: 1.42rem;
}

.office-top-h2-nagoya {
font-size: 1.31rem;
}

.office-top-h2-span {
position: relative;
padding-left: 2.5rem;
}

.office-top-h2-p {
padding: .71rem 1rem;
border-bottom: 1px dashed;
}

.office-top-h2-span::before {
content: '';
display: inline-block;
position: absolute;
vertical-align: middle;
background-size: contain;
background-image: url(/assets/images/pokeko.svg);
width: 2rem;
height: 2rem;
background-repeat: no-repeat;
left: .3rem;
top: 0;
}

.office-top-h2-zikyu-flex {
display: flex;
justify-content: center;
padding-right: 1rem;
position: relative;
top: -.5rem;
}

.office-top-h2-zikyu-left-img,
.office-top-h2-zikyu-right-pc2-img {
object-fit: contain;
width: 100%;
}

.office-top-h2-zikyu-right-img1 {
object-fit: contain;
width: 100%;
padding-top: 1rem;
}

.office-top-h2-zikyu-right-img2 {
object-fit: contain;
width: 75%;
padding-top: .3rem;
}

.office-top-h2-zikyu-left {
width: 45%;
}

.office-top-h2-zikyu-right {
display: flex;
width: 50%;
flex-direction: column;
justify-content: center;
padding-left: .2rem;
align-items: center;
}

.office-top-h2-zikyu-right-pc2 {
display: none;
}


/* アンケート共通スタイル*/

.arc-enq-box {
background-color: #eee;
margin: 0;
padding: 1rem 0;
}

.arc-enq-box-h2 {
border-left: 4px solid #db8db2;
font-size: 1.33rem;
padding-left: 1rem;
margin: 0 1rem 2rem;
line-height: 1.2;
display: inline-block;
}

.enq-bg {
background: -moz-linear-gradient(#fff 50%, #eee 50%);
background: -webkit-linear-gradient(#fff 50%, #eee 50%);
background: linear-gradient(#fff 50%, #eee 50%);
padding-bottom: 1rem;
}

.enq-top-icon {
display: block;
text-align: center;
width: 100%;
height: 17rem;
border-radius: 50%;
background: #fff;
left: 0;
top: .2rem;
margin: -4rem auto 0;
position: relative;
max-width: 1200px;
}

.enq-top-icon p {
position: relative;
display: inline-block;
margin-top: 7rem;
padding-bottom: .3rem;
border-bottom: 3px solid #1f1f1f;
}

.enq-top-icon p::before {
position: absolute;
left: -3.5rem;
top: -4.3rem;
content: "";
display: inline-block;
width: 12rem;
height: 6rem;
background: url(/wp-content/themes//blankslate-child/assets/images/review.svg) no-repeat;
background-size: contain;
}

.enq-top-icon dd {
font-size: 1.46rem;
}

.enq-top-icon dd span {
font-size: 2.36rem;
font-weight: bold;
color: #db8db2;
font-family: 'Open Sans', 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', 'メイリオ', 'Meiryo';
padding: 0 .3rem;
}

.arc-enq-box-h2-matome {
text-align: left;
}

.enq-matome {
display: flex;
overflow-x: scroll;
}


/*.blog-zai-flex {
display: flex;
overflow-x: scroll;
list-style: none;
margin: 0 1rem;
}*/

.zai-zikyu-h3 {
text-align: center;
background: #eee;
padding: .3rem;
font-size: 1rem;
margin-top: 1rem;
}


/********バックスラッシュの文字化け用*********/
.sap-erabareru-h3 {
text-align: center;
font-size: 1.46rem;
font-weight: bold;
margin: 1rem auto .5rem;
display: inline-block;
width: 100%;
}
.sap-erabareru-h3-2 {
text-align: center;
font-size: 1.46rem;
font-weight: bold;
margin: 1rem auto .5rem;
display: inline-block;
}
.sap-erabareru-h3yoko {
text-align: center;
font-size: 1.46rem;
font-weight: bold;
margin: 1rem auto .5rem;
display: inline-block;
width: 100%;
}
.sap-erabareru-h3::before,
.sap-erabareru-h3-2::before{
content: url(/wp-content/themes/blankslate-child/assets/images/line-icon002.svg);
position: relative;
top: 10px;
left: -0.5rem;
}
.sap-erabareru-h3::after,
.sap-erabareru-h3-2::after{
content: url(/wp-content/themes/blankslate-child/assets/images/line-icon001.svg);
position: relative;
top: 10px;
right: -0.5rem;
}
.sap-erabareru-h3yoko span{
position: relative;
}
.sap-erabareru-h3yoko span::before{
content: url(/wp-content/themes/blankslate-child/assets/images/com_line003.svg);
position: absolute;
top: 10px;
left: -2rem;
width: 2rem;
height: 3rem;
}
.sap-erabareru-h3yoko span::after{
content: url(/wp-content/themes/blankslate-child/assets/images/com_line004.svg);
position:absolute;
top: 10px;
right: -7rem;
width: 2rem;
height: 3rem;
}
/******************************************************** タブレット pc *********************************************************************/

@media screen and (min-width: 599px) {
.office-fs20 {
font-size: 1.2rem;
}
.office-maintitle .moz-heading_bottom>span::before,
.office-maintitle .moz-heading_bottom>span::after {
bottom: -0.3rem;
}
.poke-sap-grid {
grid-template-columns: repeat(2, minmax(200px, 1fr));
}
.poke-sap-grid-ko-osusume {
margin-bottom: 0;
padding: 1rem;
border: none;
box-shadow: 1px 1px #E5E8ED;
border-radius: 0px;
}
.office-contents .moz-title_content {
margin-bottom: 1.33rem;
}
.poke-zitakucont-h3-under-text {
margin: 1.33rem 0;
}
.poke-sap-grid-zai-lef {
margin: 0 auto;
padding-right: 30px;
}
.poke-zai-h3-2 {
font-size: 1.2rem;
}
.sap-area-top-h2 {
font-size: 2rem;
}
.office-contents .moz-border_heading::after,
.office-contents .moz-border_heading-se::after,
.office-contents .moz-border_heading-t::after,
.office-contents .moz-border_heading-y::after,
.office-contents .moz-border_heading-n::after,
.office-contents .moz-border_heading-o::after,
.office-contents .moz-border_heading-h::after,
.office-contents .moz-border_heading-f::after {
width: 35vw;
font-size: 1.2rem;
}
.sap-erabareru-topimg-box-fukidashi-naka {
left: -5vw;
}
.sap-erabareru-topimg-box-fukidashi-naka-2 {
right: -5vw;
}
.sap-erabareru-topimg-box-fukidashi-naka-3 {
left: -3vw;
}
.sap-erabareru-topimg-box-fukidashi-naka-4 {
right: -3vw;
}
.office-recruit th {
width: 30%;
display: table-cell;
}
.poke-zai-syousai-table {
margin: 6rem auto 0 0;
}
.poke-sap-grid-zai-rig {
margin: 3rem auto 0 0;
}
/***************札幌*****************/
.office-saporo-main-accent img {
position: absolute;
top: 60%;
left: 25%;
width: 100%;
height: 200px;
}
/*
.office-hikaku-box {
overflow-x: scroll;
}
.office_table {
width: 100%;
border-collapse: collapse;
white-space: nowrap;
}*/
/****************仙台*******************/
.sen-woman-flex-item4,
.sen-woman-flex-item5,
.sen-woman-flex-item6 {
width: 30%;
}
.office-sendai-main-accent img {
position: absolute;
top: 60%;
left: 25%;
width: 100%;
height: 200px;
}
/****************横浜*******************/
.office-yokohama-main-accent img {
position: absolute;
top: 60%;
left: 25%;
width: 100%;
height: 200px;
}
.yo-hoshou-p-span {
font-size: 3rem;
}
/****************新宿*******************/
.office-shinjuku-main-accent img {
position: absolute;
top: 60%;
left: 25%;
width: 100%;
height: 200px;
}
/****************名古屋*******************/
.office-nagoya-main-accent img {
position: absolute;
top: 60%;
left: 25%;
width: 100%;
height: 200px;
}
/****************大阪*******************/
.office-osaka-main-accent img {
position: absolute;
top: 60%;
left: 25%;
width: 100%;
height: 200px;
}
/****************広島*******************/
.office-main-accent img {
position: absolute;
top: 60%;
left: 25%;
height: 200px;
}
.hi-zaitaku-flex {
display: block;
width: 100%;
}
.hi-zaitaku-flex-item {
width: 100%;
}
.hi-zaitaku-flex-item2 {
width: 100%;
}
/****************福岡*******************/
.office-fukuoka-main-accent img {
position: absolute;
top: 60%;
left: 25%;
height: 200px;
}
.office-zaitaku-flex {
display: block;
width: 100%;
}
.office-zaitaku-flex-item {
width: 100%;
}
.office-zaitaku-flex-item2 {
width: 100%;
}
}


/******************************************************** タブレット pc ここまで*********************************************************************/


/******************************************************** ファーストビュー部分　PC *********************************************************************/

@media screen and (min-width: 769px) {
.office-contents .moz-recommended {
border: none;
padding: 2rem;
margin-bottom: 1rem;
box-shadow: 1px 1px #E5E8ED;
}
/*office選ばれる　レスポンシブ
.office-erabareru-topimg-box2-item-lt, .office-erabareru-topimg-box2-item-lb, .office-erabareru-topimg-box2-item-rt, .office-erabareru-topimg-box2-item-rb {
height: 17rem;
width: 17rem;
}
.office-erabareru-topimg-box2-item-lt p, .office-erabareru-topimg-box2-item-lb p, .office-erabareru-topimg-box2-item-rt p, .office-erabareru-topimg-box2-item-rb p {
width: 17rem;
height: 17rem;
}
.office-erabareru-topimg-box2-item-lt {
top: -1rem;
left: 3rem;
}
.office-erabareru-topimg-box2-item-lb {
left: 2rem;
}
*/
.office-erabareru-topimg-box2 {
padding-top: 55%;
}
/*office選ばれる　ここまで*/
.office-contents {
position: relative;
top: -20px;
}
.office-container {
font-size: 1.066rem;
}
.office_main,
.office-main-se,
.office-main-t,
.office-main-y,
.office-main-n,
.office-main-o,
.office-main-h,
.office-main-f {
padding-top: 40%;
top: -4.9vw;
}
.office_main .moz-top,
.office-main-se .moz-top,
.office-main-t .moz-top,
.office-main-y .moz-top,
.office-main-n .moz-top,
.office-main-o .moz-top,
.office-main-h .moz-top,
.office-main-f .moz-top {
width: 52.4%;
display: block;
right: 0;
background: #ff7600;
border-top: none;
height: 12vw;
}
.office_main .moz-top-under,
.office-main-se .moz-top-under,
.office-main-se .moz-top-under,
.office-main-t .moz-top-under,
.office-main-y .moz-top-under,
.office-main-n .moz-top-under,
.office-main-o .moz-top-under,
.office-main-h .moz-top-under,
.office-main-f .moz-top-under {
width: 52.4%;
right: 0;
background: #ff7600;
height: 12vw;
}
.office_main .moz-flex_item2,
.office-main-se .moz-flex_item2,
.office-main-t .moz-flex_item2,
.office-main-y .moz-flex_item2,
.office-main-n .moz-flex_item2,
.office-main-o .moz-flex_item2,
.office-main-h .moz-flex_item2,
.office-main-f .moz-flex_item2 {
width: 100%;
font-size: 1.2vw;
display: flex;
background: #ff7600;
padding: .7vw 0;
justify-content: center;
}
.moz-top .moz-under1 {
position: absolute;
width: 100%;
font-size: 1.4vw;
text-align: center;
background: none;
bottom: -2.7vw;
}
.moz-bottom .moz-under1 {
font-size: 1.6vw;
border-bottom: none;
}
.moz-bottom .moz-under2 {
bottom: 12vw;
}
.moz-under2 .moz-icon2 {
font-size: 2.2vw;
}
.moz-under-2-p_moz-icon2_span {
font-size: 2vw;
}
.moz-under-2-p_moz-icon1_span {
font-size: 5vw;
color: #1f1f1f;
}
.moz-under2 .moz-icon2::before {
right: -5.5rem;
top: 2rem;
}
.moz-icon1::before {
top: -2.5vw;
left: 10vw;
}
.office_main .moz-flex_item1,
.office-main-se .moz-flex_item1,
.office-main-t .moz-flex_item1,
.office-main-y .moz-flex_item1,
.office-main-n .moz-flex_item1,
.office-main-o .moz-flex_item1,
.office-main-h .moz-flex_item1,
.office-main-f .moz-flex_item1 {
font-size: 3.3vw;
margin-bottom: 4vw;
width: 100%;
padding-left: 4.5vw;
}
.office_main .moz-bottom,
.office-main-se .moz-bottom,
.office-main-t .moz-bottom,
.office-main-y .moz-bottom,
.office-main-n .moz-bottom,
.office-main-o .moz-bottom,
.office-main-h .moz-bottom,
.office-main-f .moz-bottom {
bottom: 0.2rem;
width: 52.45%;
height: auto;
right: 0;
border-top: 1px solid #1f1f1f;
padding: 0.6rem 0 0;
}
.office_main .moz-flex_item4,
.office-main-se .moz-flex_item4,
.office-main-t .moz-flex_item4,
.office-main-y .moz-flex_item4,
.office-main-n .moz-flex_item4,
.office-main-o .moz-flex_item4,
.office-main-h .moz-flex_item4,
.office-main-f .moz-flex_item4 {
padding: 0 0.5rem 0.2rem 0;
line-height: 1.4;
font-size: 1.6vw;
}
.office_main .moz-flex_item3,
.office-main-se .moz-flex_item3,
.office-main-t .moz-flex_item3,
.office-main-y .moz-flex_item3,
.office-main-n .moz-flex_item3,
.office-main-o .moz-flex_item3,
.office-main-h .moz-flex_item3,
.office-main-f .moz-flex_item3 {
padding: 0;
margin: 0 auto;
}
.moz-under2 .moz-icon1 {
font-size: 7vw;
top: 0.5rem;
}
.moz-icon3 {
font-size: 4vw;
margin-left: 0;
line-height: 1.2;
}
.office_main .moz-top::before,
.office-main-se .moz-top::before,
.office-main-t .moz-top::before,
.office-main-y .moz-top::before,
.office-main-o .moz-top::before,
.office-main-n .moz-top::before,
.office-main-h .moz-top::before,
.office-main-f .moz-top::before {
width: 5vw;
height: 2.5vw;
left: 2.5vw;
top: 0.5vw;
}
.office-top-h1-uppertext {
text-align: center;
z-index: 30;
top: 3vw;
position: relative;
left: 1vw;
font-size: 2.2vw;
background: #fff;
width: 45%;
transform: rotate(-5deg);
}
/****************札幌*******************/
.office-saporo-main {
padding-top: 30.2%;
background: linear-gradient(25deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)), url(/assets/images/sapporo_pc_02.jpg);
background-size: contain;
margin-bottom: 2rem;
box-shadow: 0 6px 10px 0 rgba(186, 108, 250, 0.3);
}
.office-saporo-main-accent img {
position: absolute;
top: 45%;
left: 35%;
height: 9rem;
}
.office-saporo-main-accent p {
display: none;
}
/****************仙台*******************/
.office-sendai-main {
padding-top: 30.2%;
background: linear-gradient(25deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)), url(/assets/images/sendai_pc_01.jpg);
background-size: contain;
margin-bottom: 2rem;
box-shadow: 0 6px 10px 0 rgba(186, 108, 250, 0.3);
}
.office-sendai-main-accent img {
position: absolute;
top: 45%;
left: 35%;
height: 9rem;
}
.office-sendai-main-accent p {
display: none;
}
/****************新宿*******************/
.office-shinjuku-main {
padding-top: 30.2%;
background: linear-gradient(25deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)), url(/assets/images/shinjuku_pc1.jpg);
background-size: contain;
margin-bottom: 2rem;
box-shadow: 0 6px 10px 0 rgba(186, 108, 250, 0.3);
}
.office-shinjuku-main-accent img {
position: absolute;
top: 45%;
left: 35%;
height: 9rem;
}
.office-shinjuku-main-accent p {
display: none;
}
/****************横浜*******************/
.office-yokohama-main {
background-image: url(/assets/images/yokohama_pc_01.jpg);
padding-top: 33%;
}
.office-yokohama-main-accent img {
position: absolute;
top: 45%;
left: 35%;
height: 9rem;
}
.office-yokohama-main-accent p {
display: none;
}
/****************名古屋*******************/
.office-nagoya-main {
padding-top: 30.2%;
background: linear-gradient(25deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)), url(/assets/images/nagoya_pc1.jpg);
background-size: contain;
margin-bottom: 2rem;
box-shadow: 0 6px 10px 0 rgba(186, 108, 250, 0.3);
}
.office-nagoya-main-accent img {
position: absolute;
top: 45%;
left: 35%;
height: 9rem;
}
.office-nagoya-main-accent p {
display: none;
}
/****************大阪*******************/
.office-osaka-main {
padding-top: 30.2%;
background: linear-gradient(25deg, rgba(112, 112, 112, 0), rgba(100, 100, 100, 0)), url(/assets/images/osaka_pc_01.jpg);
background-size: contain;
margin-bottom: 2rem;
box-shadow: 0 6px 10px 0 rgba(186, 108, 250, 0.3);
}
.office-osaka-main-accent img {
position: absolute;
top: 45%;
left: 35%;
height: 9rem;
}
.office-osaka-main-accent p {
display: none;
}
/****************広島*******************/
.office-hiroshima-main {
padding-top: 30.2%;
background: linear-gradient(25deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)), url(/assets/images/hiroshima_pc1.jpg);
background-size: contain;
margin-bottom: 2rem;
box-shadow: 0 6px 10px 0 rgba(186, 108, 250, 0.3);
}
.office-main-accent img {
position: absolute;
top: 45%;
left: 35%;
height: 9rem;
}
.office-main-accent p {
display: none;
}
/****************福岡*******************/
.office-fukuoka-main {
background-image: url(/assets/images/fukuoka_pc_01.jpg);
padding-top: 33%;
}
.office-fukuoka-main-accent img {
position: absolute;
top: 45%;
left: 35%;
height: 9rem;
}
.office-fukuoka-main-accent p {
display: none;
}
.office-pc-br {
display: block;
}
.office-sp-br {
display: none;
}
.office-top-text-br {
display: block;
font-size: 1.5rem;
}
}


/******************************************************** pc 　　　ここまで　*********************************************************************/


/******************************************************** pc 1001px以上*********************************************************************/

@media screen and (min-width: 1001px) {
/*office選ばれる　レスポンシブ
.office-erabareru-topimg-box2-item-lt, .office-erabareru-topimg-box2-item-lb, .office-erabareru-topimg-box2-item-rt, .office-erabareru-topimg-box2-item-rb {
height: 19rem;
width: 19rem;
}
.office-erabareru-topimg-box2-item-lt p, .office-erabareru-topimg-box2-item-lb p, .office-erabareru-topimg-box2-item-rt p, .office-erabareru-topimg-box2-item-rb p {
font-size: 1.1rem;
width: 19rem;
height: 19rem;
}
.office-erabareru-topimg-box2-item-lt {
left: 4rem;
}
.office-erabareru-topimg-box2-item-lb {
left: 3rem;
}
*/
/****************札幌*******************/
.office-saporo-main-accent img {
height: 12rem;
}
/****************仙台*******************/
.office-sendai-main-accent img {
height: 12rem;
}
/****************新宿*******************/
.office-shinjuku-main-accent img {
height: 12rem;
}
/****************横浜*******************/
.office-yokohama-main-accent img {
height: 12rem;
}
/****************名古屋*******************/
.office-nagoya-main-accent img {
height: 12rem;
}
/****************大阪*******************/
.office-osaka-main-accent img {
height: 12rem;
}
/****************広島*******************/
.office-main-accent img {
height: 12rem;
}
/****************福岡*******************/
.office-fukuoka-main-accent img {
height: 12rem;
}
}


/******************************************************** pc 　　　ここまで　*********************************************************************/


/******************************************************** pc 1201px以上*********************************************************************/

@media screen and (min-width: 1201px) {
.fa-check-square {
width: 2rem;
height: 2rem;
left: 1.8rem;
top: 1.8rem;
}
/*登録している女性用*/
.office-orange {
background: #fdffec;
padding: 1.5rem;
box-shadow: 1px 1px #E5E8ED;
border-radius: 30px 0px 0px 0px;
}
.office_blue {
border-radius: 30px 0px 0px 0px;
background: #effcfd;
padding: 1.5rem;
box-shadow: 1px 1px #E5E8ED;
}
.office-orange .moz-white,
.office_blue .moz-white {
background: #FFFFFF 0% 0% no-repeat padding-box;
box-shadow: 0px 0px #E5E8ED;
border: solid 1px #E5E8ED;
border-radius: 0px;
padding: 1rem;
margin: 0.5rem 0;
border-radius: 30px 0px 0px 0px;
}
.office-flex-item01 {
width: 65%;
line-height: 1.5;
font-size: 1.3rem;
}
.office-flex-item02 {
width: 35%;
}
.c-gr-1 {
font-size: 2rem;
background: -webkit-linear-gradient(left, #FFB432, #FF7600);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.office-contents .moz-heading_twitter,
.office-contents .moz-heading_youtube {
font-size: 2.5rem;
}
.poke-sap-grid2 {
grid-template-columns: repeat(3, minmax(280px, 1fr));
line-height: 1.8;
}
.line-dash-1-gray {
border: dashed 3px #E5E8ED;
}
.poke-sap-grid {
margin-bottom: 2rem;
padding: 2rem;
box-shadow: 0px 0px #E5E8ED;
}
.poke-zai-h3-2 {
font-size: 2.06rem;
line-height: 1.5;
}
.office-contents .moz-title_content {
font-size: 2rem;
margin-top: 6rem;
}
.office-contents .moz-title_content::before {
bottom: 1rem;
}
.office-contents .moz-under_pink {
font-size: 3.5rem;
}
.poke-zai-syousai-table .moz-under_pink {
background: linear-gradient(transparent 55%, #FFE8E8 50%);
font-weight: 700;
font-size: 1.3rem;
display: inline-block;
text-align: center;
}
.office-contents .moz-meter1,
.office-contents .moz-meter2,
.office-contents .moz-meter3,
.office-contents .moz-meter4 {
width: 100%;
display: block;
border: solid 1px #333333;
height: 40px;
font-size: 1.3rem;
position: relative;
margin-top: 1rem;
margin-bottom: 2.5rem;
}
.office-contents .moz-meter1::before,
.office-contents .moz-meter2::before,
.office-contents .moz-meter3::before,
.office-contents .moz-meter4::before {
text-align: left;
line-height: 1.8;
font-weight: bold;
display: block;
height: 38px;
padding-left: 0.8rem;
}
.office-contents .moz-meter1::after,
.office-contents .moz-meter2::after,
.office-contents .moz-meter3::after,
.office-contents .moz-meter4::after {
position: absolute;
top: -2.3rem;
font-weight: bold;
}
/*office　レスポンシブ*/
.office-contents-flex {
display: flex;
width: 100%;
}
.office-contents-flex-item {
width: 60%;
margin-right: 4rem;
font-size: 1.2rem;
}
.office-contents-flex-item2 {
background-image: url(/wp-content/themes/blankslate-child/assets/images/poke-pc-icon.webp);
background-size: contain;
background-repeat: no-repeat;
position: relative;
width: 40%;
height: 300px;
margin-top: 2rem;
margin-bottom: 2rem;
}

.office-contents .moz-toptitle>span::before {
top: 2rem;
left: -60px;
width: 32px;
height: 32px;
transform: translateX(50%)translateY(-50%);
}
.office-contents .moz-toptitle>span::after {
top: 2rem;
left: 100%;
width: 32px;
height: 32px;
transform: translateX(50%)translateY(-50%);
}
/*button　レスポンシブ*/
.poke-button-p2 {
background: transparent linear-gradient( 270deg, #FFCA74 0%, #FFAD1C 49%, #FCC257 100%) 0% 0% no-repeat padding-box;
box-shadow: 0px 3px 6px #00000029;
border-radius: 40px;
padding: 0.2rem;
width: 100%;
margin: -7rem auto;
max-width: 740px;
display: block;
text-align: center;
}
.poke-button-p2 a {
font-size: 1.5rem;
top: 2px;
}
.poke-button-p2 a span {
/*font-size: 0.8rem;*/
top: -4px;
padding: 5px 10px;
font-weight: bold;
color: #fff;
border-left: double #fff;
margin-left: 10px;
}
.poke-button-p2 {
padding: 1.3rem;
}
.poke-button-p2 a::before {
content: '';
display: inline-block;
position: absolute;
vertical-align: middle;
background-size: contain;
background-image: url(/assets/images/pokeko.svg);
width: 2.2rem;
height: 2.2rem;
background-repeat: no-repeat;
left: -2.7rem;
top: 7%;
}
.poke-button-p2 a::after {
top: 30%;
right: -2.6rem;
}
.poke-button-p {
width: 70%;
max-width: 840px;
}
.poke-button-p a {
font-size: 2.5rem;
}
.poke-button-p a span {
font-size: 1.3rem;
}
.poke-button-p a::before {
top: 25%;
}
.poke-button-p a::after {
top: 35%;
}
/*office選ばれる　レスポンシブ*/
.office-erabareru-topimg-box2 {
padding-top: 60%;
background-image: url(/assets/images/poke-icon-n.svg);
}
.office-erabareru-topimg-box2-item-lt,
.office-erabareru-topimg-box2-item-lb,
.office-erabareru-topimg-box2-item-rt,
.office-erabareru-topimg-box2-item-rb {
height: 200px;
width: 200px;
}
.office-erabareru-topimg-box2-item-lt {
background-image: url(/assets/images/poke-area-fukidashi-a.svg);
left: -1rem;
}
.office-erabareru-topimg-box2-item-lt p,
.office-erabareru-topimg-box2-item-lb p,
.office-erabareru-topimg-box2-item-rt p,
.office-erabareru-topimg-box2-item-rb p {
display: block;
position: absolute;
top: 30%;
width: 200px;
height: 200px;
line-height: 1.5;
font-size: 1rem;
font-weight: 600;
}
.office-erabareru-topimg-box2-item-lt p {
top: 20%;
left: 22%;
}
.office-erabareru-topimg-box2-item-lb p {
top: 20%;
left: 20%;
}
.office-erabareru-topimg-box2-item-rb p {
top: 20%;
left: 20%;
}
.office-erabareru-topimg-box2-item-rt p {
top: 20%;
left: 20%;
}
.office-erabareru-topimg-box2-item-lb {
background-image: url(/assets/images/poke-area-fukidashi-c.svg);
left: -.5rem;
}
.office-erabareru-topimg-box2-item-rt {
background-image: url(/assets/images/poke-area-fukidashi-b.svg);
left: 25rem;
}
.office-erabareru-topimg-box2-item-rb {
background-image: url(/assets/images/poke-area-fukidashi-d.svg);
left: 25rem;
}
.office-erabareru-pc-flex {
display: flex;
width: 100%;
position: relative;
margin: 6rem 0 0;
}
.office-erabareru-pc-flex-item {
width: 45%;
}
.office-erabareru-pc-flex-item-2 {
width: 50%;
margin-top: -4rem;
line-height: 1.8;
border-left: solid 1px #E5E8ED;
padding-left: 2rem;
margin-left: 5rem;
}
.office-erabareru-pc-flex-item-2 p {
margin-top: 2rem;
}
.office-maintitle-2 .moz-title {
font-size: 2rem;
}
.office-maintitle-2-na .moz-title {
font-size: 1.8rem;
}
.office-container .moz-background {
background-color: #fff;
background-size: 12px 12px;
background-image: radial-gradient(#ffa95e 10%, transparent 30%);
}
.office-contents .moz-link {
color: #333333;
font-weight: 400;
font-size: 1rem;
}
.office-maintitle .moz-heading_bottom1,
.office-maintitle .moz-heading_bottom {
font-size: 2.3rem;
padding: 1.5rem 0;
}
/*office選ばれる　ここまで*/
.sap-area-top-h2 {
font-size: 2.5rem;
}
.office-maintitle .moz-heading_bottom1,
.office-maintitle .moz-heading_bottom {
line-height: 1.2;
font-size: 2rem;
font-weight: 600;
padding: 1rem 0;
margin: 0.5rem 0;
position: relative;
}
.office-maintitle .moz-heading_bottom1>span,
.office-maintitle .moz-heading_bottom>span {
position: relative;
display: inline-block;
}
.office-maintitle .moz-heading_bottom1>span::before,
.office-maintitle .moz-heading_bottom1>span::after,
.office-maintitle .moz-heading_bottom>span::before,
.office-maintitle .moz-heading_bottom>span::after {
content: '';
display: inline-block;
position: absolute;
top: 25%;
vertical-align: middle;
background-size: contain;
background-repeat: no-repeat;
width: 2rem;
height: 2rem;
}
.poke-rogo-text {
font-size: 2.5rem;
}
.office_main,
.office-main-se,
.office-main-t,
.office-main-y,
.office-main-n,
.office-main-o,
.office-main-h,
.office-main-f {
top: -55px;
}
.office-top-h1-uppertext {
font-size: 2.3rem;
}
.office_main .moz-flex_item2,
.office-main-se .moz-flex_item2,
.office-main-t .moz-flex_item2,
.office-main-y .moz-flex_item2,
.office-main-n .moz-flex_item2,
.office-main-o .moz-flex_item2,
.office-main-h .moz-flex_item2,
.office-main-f .moz-flex_item2 {
font-size: 1rem;
padding: .4rem 0;
}
.moz-top .moz-under1 {
font-size: 1.2rem;
bottom: -2.1rem;
}
.moz-bottom .moz-under1 {
font-size: 1.266rem;
}
.moz-bottom .moz-under2 {
bottom: 9.5rem;
width: 100%;
}
.moz-under2 .moz-icon2 {
font-size: 2rem;
}
.moz-under-2-p_moz-icon2_span {
font-size: 1.5rem;
}
.moz-under-2-p_moz-icon1_span {
font-size: 4rem;
}
.office_main .moz-flex_item1,
.office-main-se .moz-flex_item1,
.office-main-t .moz-flex_item1,
.office-main-y .moz-flex_item1,
.office-main-n .moz-flex_item1,
.office-main-o .moz-flex_item1,
.office-main-h .moz-flex_item1,
.office-main-f .moz-flex_item1 {
font-size: 2.5rem;
margin-bottom: 3rem;
padding-left: 3rem;
}
.office_main .moz-flex_item4,
.office-main-se .moz-flex_item4,
.office-main-t .moz-flex_item4,
.office-main-y .moz-flex_item4,
.office-main-n .moz-flex_item4,
.office-main-o .moz-flex_item4,
.office-main-h .moz-flex_item4,
.office-main-f .moz-flex_item4 {
font-size: 1.2rem;
}
.moz-under2 .moz-icon1 {
font-size: 5.6rem;
}
.moz-icon3 {
font-size: 3.3rem;
}
.moz-icon1::before {
top: -1.5rem;
left: 9rem;
}
.office_main .moz-top,
.office-main-se .moz-top,
.office-main-t .moz-top,
.office-main-y .moz-top,
.office-main-n .moz-top,
.office-main-o .moz-top,
.office-main-h .moz-top,
.office-main-f .moz-top {
height: 9.5rem;
}
.office_main_moz-flex_item1-span {
font-size: 4.4rem;
}
.office_main .moz-top-under,
.office-main-se .moz-top-under,
.office-main-se .moz-top-under,
.office-main-t .moz-top-under,
.office-main-y .moz-top-under,
.office-main-n .moz-top-under,
.office-main-o .moz-top-under,
.office-main-h .moz-top-under,
.office-main-f .moz-top-under {
height: 9.5rem;
}
.office_main .moz-top::before,
.office-main-se .moz-top::before,
.office-main-t .moz-top::before,
.office-main-y .moz-top::before,
.office-main-o .moz-top::before,
.office-main-n .moz-top::before,
.office-main-h .moz-top::before,
.office-main-f .moz-top::before {
width: 4rem;
height: 2rem;
left: 1.5rem;
top: 0.3rem;
}
.office-top-h1-uppertext {
text-align: center;
z-index: 30;
top: 3rem;
position: relative;
left: 1rem;
font-size: 1.7rem;
background: #fff;
width: 45%;
transform: rotate(-5deg);
}
.office-contents .moz-border_heading::after,
.office-contents .moz-border_heading-se::after,
.office-contents .moz-border_heading-t::after,
.office-contents .moz-border_heading-y::after,
.office-contents .moz-border_heading-n::after,
.office-contents .moz-border_heading-o::after,
.office-contents .moz-border_heading-h::after,
.office-contents .moz-border_heading-f::after {
width: 24rem;
}
.sap-erabareru-topimg-box-fukidashi-naka {
left: -3rem;
}
.sap-erabareru-topimg-box-fukidashi-naka-2 {
right: -3rem;
}
.sap-erabareru-topimg-box-fukidashi-naka-3 {
left: -3rem;
}
.sap-erabareru-topimg-box-fukidashi-naka-4 {
right: -3rem;
}
/****************募集要項*******************/
.office-recruit td,
.office-recruit th,
.office-recruit td ul li,
.office-recruit th {
font-size: 1.14rem;
}
/****************仙台*******************/
.sen-madam-background-p {
font-size: 1.6rem;
}
.se-madam-pcflex {
display: flex;
}
.se-madam-pcflex-item {
width: 50%;
}
.sen-madam-block {
background: #f2f2f2;
padding-bottom: 1rem;
border-radius: 1px;
margin-top: 1rem;
}
.sen-madam-block .moz-box1,
.sen-madam-block .moz-box2,
.sen-madam-block .moz-box3,
.sen-madam-block .moz-box4 {
position: relative;
}
.sen-madam-block .moz-box1-img,
.sen-madam-block .moz-box3-img {
position: relative;
display: none;
}
.sen-madam-block .moz-box1-title,
.sen-madam-block .moz-box2-title,
.sen-madam-block .moz-box3-title,
.sen-madam-block .moz-box4-title {
position: relative;
width: 85%;
left: 10%;
top: 4rem;
}
.sen-madam-block .moz-box1-title::before,
.sen-madam-block .moz-box2-title::before,
.sen-madam-block .moz-box3-title::before,
.sen-madam-block .moz-box4-title::before {
font: 30px Satisfy;
}
.sen-madam-block .moz-box1-text,
.sen-madam-block .moz-box2-text,
.sen-madam-block .moz-box3-text,
.sen-madam-block .moz-box4-text {
position: relative;
width: 85%;
left: 10%;
top: 5.5rem;
}
.sen-madam-block .moz-box1-title2,
.sen-madam-block .moz-box2-title2,
.sen-madam-block .moz-box3-title2,
.sen-madam-block .moz-box4-title2 {
position: absolute;
width: 85%;
left: 11%;
top: 4.3rem;
}
.sen-madam-block .moz-box3,
.sen-madam-block .moz-box4 {
top: 4rem;
margin-bottom: 10rem;
}
.sen-madam-blog {
background: #ffffff;
}
/* .sen-madam-blog-link {
width: 40%;
background: #ffffff;
box-shadow: 0px 0px 0px #93939329;
border: none;
float: right;
padding: 0.5rem 0;
font-size: 0.8rem;
}*/
.sen-madam-blog-flex {
display: flex;
width: 90%;
margin: 0 auto;
}
.sen-madam-blog-flex-item-1 {
width: 0%;
display: none;
}
.sen-madam-blog-flex-item-2 {
width: 100%;
display: block;
}
.sen-madam-blog-flex-item-2 {
background: #ffffff;
text-align: center;
height: 60px;
line-height: 1.5;
padding-top: 0.5rem;
}
.clear {
clear: both;
}
.sen-hoshou-flex-p {
font-size: 2rem;
}
.sen-woman-flex {
width: 95%;
}
.sen-woman-flex-item4,
.sen-woman-flex-item5,
.sen-woman-flex-item6 {
left: -2rem;
top: -5rem;
width: 30%;
}
.sen-woman-flex-item1 {
width: 50%;
padding: 0.5rem;
}
.sen-woman-flex-item2 {
width: 50%;
padding: 0.3rem;
}
.sen-woman-flex-item3 {
right: -100%;
}
.sen-woman-flex-item4::before,
.sen-woman-flex-item5::before,
.sen-woman-flex-item6::before {
font-size: 1.2rem;
}
.sen-woman-flex {
display: flex;
position: relative;
width: 95%;
border: solid 1px #E5E8ED;
box-shadow: none;
margin: 0 auto;
margin-top: 7rem;
}
.sen-kasegeru-flexpc {
display: flex;
width: 100%;
}
.sen-kasegeru-flexpc-item {
width: 50%;
}
.sap-erabareru-block-yellow {
border: 0px solid #707070;
color: #333333;
background: #ffffff;
padding: 0rem;
text-align: center;
margin: 0;
display: inline-block;
width: 47%;
font-size: 0.9rem;
vertical-align: top;
}
.sap-erabareru-block-yellow2 {
display: none;
}
.sap-erabareru-block-yellow-line {
position: relative;
border-bottom: 1px solid #707070;
background-color: #ffffff;
margin-bottom: 0rem;
}
.sap-erabareru-block-yellow-line::before,
.sap-erabareru-block-yellow-line::after {
position: relative;
top: 0%;
left: 0%;
content: '';
height: 0;
width: 0;
border: 0px solid transparent;
}
.sap-erabareru-block-yellow-line:before {
border-top: 0px solid #707070;
}
.sap-erabareru-block-yellow-line:after {
margin-top: 0px;
border-top: 0px solid #ffffff;
}
/****************札幌*******************/
.office-saporo-main-accent img {
height: 15rem;
}
/****************仙台*******************/
.office-sendai-main-accent img {
height: 15rem;
}
/****************新宿*******************/
.office-shinjuku-main-accent img {
height: 15rem;
}
/****************横浜*******************/
.yo-erabareru-flex,
.yo-access-flex,
.yo-interview-flex,
.na-erabareru-flex,
.na-touroku-flex {
display: flex;
}
.yo-erabareru-flex-item01 {
width: 40%;
margin-right: 1rem;
}
.yo-erabareru-flex-item02 {
width: 60%;
border: double 4px;
}
.yo-interview-flex-item01,
.yo-access-flex-item01,
.na-erabareru-flex-item01,
.na-touroku-flex-item01 {
width: 50%;
margin-right: 1rem;
}
.yo-interview-flex-item02,
.yo-access-flex-item02,
.na-erabareru-flex-item02,
.na-touroku-flex-item02 {
width: 50%;
}
.office-yokohama-main-accent img {
height: 15rem;
}
.yo-touroku-flex,
.hi-touroku-flex {
display: flex;
width: 100%;
margin: 2rem 0;
}
.yo-touroku-flex2,
.hi-touroku-flex2 {
display: flex;
width: 100%;
border-bottom: solid 8px #dfdfdf;
}
.yo-touroku-flex-item,
.hi-touroku-flex-item {
width: 50%;
margin: 0 auto;
padding: 1.5rem;
}
.yo-touroku-flex-item h3,
.hi-touroku-flex-item h3 {
margin-top: 1rem;
}
.yo-touroku-flex-item2,
.hi-touroku-flex-item2 {
width: 50%;
}
.yo-touroku-flex-item2 p,
.hi-touroku-flex-item2 p {
margin-top: -18rem;
display: block;
}
.yo-hoshou-background .moz-text,
.yo-hoshou-background .moz-text2,
.yo-hoshou-background .moz-text3,
.yo-hoshou-background .moz-text4 {
line-height: 1.3;
font-size: 1.3rem;
}
/****************名古屋*******************/
.office-nagoya-main-accent img {
height: 15rem;
}
/****************大阪*******************/
.os-osusume-recommended {
border: none;
padding: 1rem;
margin-bottom: 2rem;
}
.os-osusume-pc-flex {
display: flex;
margin: 1rem 1rem;
}
.os-osusume-pc-flex-item {
width: 50%;
vertical-align: middle;
}
.os-osusume-pc-flex-item-2 {
width: 50%;
padding: 1rem;
padding-top: 6rem;
}
.os-osusume-pc-flex-item-3 {
width: 50%;
padding: 1rem;
margin-top: -30%;
}
.os-osusume-pc-flex-item-4 {
width: 50%;
padding: 1rem;
margin-top: -30%;
}
.os-osusume-pc-flex-item-5 {
width: 50%;
padding: 1rem;
margin-top: -20%;
}
.os-osusume-pc-flex-item-6 {
width: 50%;
padding: 1rem;
margin-top: -22%;
}
.os-osusume-accent {
margin-bottom: -5rem;
margin-top: 5rem;
}
.os-osusume-accent-left {
padding-left: 1rem;
}
.office-main-o {
background-image: url(/assets/images/osaka-img010.jpg);
}
.office-osaka-main-accent img {
height: 15rem;
}
.office-contents .moz-recommended-o,
.office-contents .moz-recommended-o-r {
border: none;
padding: 0.5rem 2rem;
padding-bottom: 1.5rem;
margin-bottom: 1rem;
position: relative;
box-shadow: 0px 4px #DFDFDF;
}
.office-contents .moz-recommended-o::after {
content: "⇒";
position: absolute;
right: -1rem;
vertical-align: middle;
top: 50%;
font-size: 2rem;
font-weight: 700;
color: #FF7600;
}
.office-contents .moz-recommended-o-sp {
border: solid 0px #333333;
box-shadow: 0 0px 0px;
margin: 0;
}
/****************広島*******************/
.office-main-accent img {
height: 15rem;
}
/****************福岡*******************/
.office-fukuoka-main-accent img {
height: 15rem;
}
.office-bosyu-pc-flex,
.hi-bosyu-pc-flex {
display: flex;
margin-top: 4rem;
}
.office-bosyu-pc-flex-item,
.hi-bosyu-pc-flex-item {
width: 50%;
margin: 1rem;
}
.office-bosyu-pc-flex-item-1,
.hi-bosyu-pc-flex-item-1 {
width: 50%;
margin: 2rem;
padding: 1rem;
padding-top: 0.2rem;
font-size: 1.1rem;
line-height: 1.8;
box-shadow: 1px 1px #E5E8ED;
}
.office-bosyu-pc-flex-item-2,
.hi-bosyu-pc-flex-item-2 {
width: 50%;
margin: 2rem 0;
padding: 1rem;
padding-top: 0.2rem;
font-size: 1.1rem;
line-height: 1.8;
box-shadow: 1px 1px #E5E8ED;
}
.office-bosyu-pc-flex-item-3,
.hi-bosyu-pc-flex-item-3 {
width: 50%;
margin-top: 2rem;
margin-bottom: 6rem;
padding: 1rem;
font-size: 1.1rem;
line-height: 1.8;
box-shadow: 1px 1px #E5E8ED;
}
.office-touroku-flex,
.hi-touroku-flex {
display: flex;
width: 100%;
}
.office-touroku-flex2,
.hi-touroku-flex2 {
display: flex;
width: 100%;
border-bottom: solid 1px #E5E8ED;
}
.office-touroku-flex-item,
.hi-touroku-flex-item {
width: 50%;
margin: 0 auto;
font-size: 1.5rem;
line-height: 1.8;
padding-bottom: 1.3rem;
}
.office-touroku-flex-item h3,
.hi-touroku-flex-item h3 {
margin-top: 4rem;
}
.office-touroku-flex-item2,
.hi-touroku-flex-item2 {
width: 50%;
}
.office-touroku-flex-item2 p,
.hi-touroku-flex-item2 p {
margin-top: -13rem;
display: block;
}
.line-solid-1-30 {
border: 2px solid #333333;
width: 130px;
}
.line-solid-2-30 {
border: 2px solid #333333;
width: 130px;
margin: -0.5rem auto;
}
.line-solid-3-30 {
border: 2px solid #333333;
width: 80px;
}
.office-zaitaku-flex,
.hi-zaitaku-flex {
display: flex;
width: 100%;
box-shadow: 0px 1px #E5E8ED;
}
.office-zaitaku-flex-item,
.hi-zaitaku-flex-item {
width: 25%;
background-image: url(/assets/images/na-5.webp);
padding-top: 35%;
background-size: contain;
background-repeat: no-repeat;
background-position: 15% 15%;
}
.office-zaitaku-flex-item2,
.hi-zaitaku-flex-item2 {
width: 70%;
padding-top: 2rem;
padding: 1rem;
}
.office-top-text-br {
font-size: 2rem;
}
/*  210913_地方共通top_1201〜*/
.office-top-h2-zikyu-right-pc2 {
display: inline-block;
}
.office-top-h1-box {
display: none;
}
.office-top-h1-box-pc {
position: relative;
display: block;
}
.office-top-h1-box-img {
width: 30%;
top: 55%;
left: 82%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.ofifice-top-p-flex {
justify-content: center;
}
.tu-top-otokutext01-box-p {
margin: 0 auto;
padding-left: 3rem;
font-size: 2rem;
}
.office-top-h2,
.office-top-h2-nagoya {
font-size: 2.42rem;
}
.office-top-h2-span::before {
width: 3rem;
height: 3rem;
top: .4rem;
}
.office-top-h2-span {
padding-left: 3.5rem;
}
.office-top-h2-zikyu-flex {
max-width: 900px;
margin: 0 auto;
align-items: center;
}
.office-top-h2-p {
text-align: center;
}
/* アンケート共通スタイル*/
.arc-enq-box-h2 {
font-size: 1.71rem;
}
.arc-enq-box-h2-matome {
text-align: center;
}
.zai-zikyu-h3 {
padding: .5rem;
font-size: 2rem;
margin-top: 2rem;
}
}


/******************************************************** pc 1201px以上　　ここまで　*********************************************************************/


/******************************************************** pc 1920px以上　 *********************************************************************/

@media screen and (min-width: 1920px) {
/****************札幌*******************/
.office-saporo-main-accent img {
position: absolute;
top: 50%;
height: 20rem;
}
/****************仙台*******************/
.office-sendai-main-accent img {
position: absolute;
top: 50%;
height: 20rem;
}
/****************新宿*******************/
.office-shinjuku-main-accent img {
position: absolute;
top: 50%;
height: 20rem;
}
/****************横浜*******************/
.office-yokohama-main-accent img {
position: absolute;
top: 50%;
height: 20rem;
}
/****************名古屋*******************/
.office-nagoya-main-accent img {
position: absolute;
top: 50%;
height: 20rem;
}
/****************大阪*******************/
.office-osaka-main-accent img {
position: absolute;
top: 50%;
height: 20rem;
}
/****************広島*******************/
.office-main-accent img {
position: absolute;
top: 50%;
height: 20rem;
}
/****************福岡*******************/
.office-fukuoka-main-accent img {
position: absolute;
top: 50%;
height: 20rem;
}
.office-top-text-br {
font-size: 2.5rem;
}
}


/******************************************************** pc 1920px以上　 ここまで*********************************************************************/


/******************************************************** pc 320px以下　iphone5 *********************************************************************/

@media screen and (max-width: 320px) {
/*ここにスマホ用スタイルを記述*/
/*office選ばれる　レスポンシブ*/
.poke-button-p2 {
padding: 0.5rem 0;
width: 90%;
line-height: 1.2;
}
.office-erabareru-topimg-box2-item-lt,
.office-erabareru-topimg-box2-item-lb,
.office-erabareru-topimg-box2-item-rt,
.office-erabareru-topimg-box2-item-rb {
height: 130px;
width: 130px;
}
.office-erabareru-topimg-box2-item-lt p,
.office-erabareru-topimg-box2-item-lb p,
.office-erabareru-topimg-box2-item-rt p,
.office-erabareru-topimg-box2-item-rb p {
font-size: 0.6rem;
}
.office-erabareru-topimg-box2-item-rb p {
top: 17%;
left: 20%;
}
.office-erabareru-topimg-box2-item-rt p {
top: 15%;
left: 15%;
}
.office-contents .moz-link {
/*font-size: 0.8rem;*/
}
/*office選ばれる　ここまで*/
.office-container {
font-size: 0.933rem;
}
.sap-area-top-h2 {
letter-spacing: 1px;
}
.office_main .moz-flex_item1 {
font-size: .8rem;
}
.office_main .moz-top {
height: auto;
}
.office_main .moz-flex_item4 {
line-height: 1.1;
}
.sap-erabareru-h3 {
font-size: 1.2rem;
}
.sap-getugaku-h4 {
font-size: 1.36rem;
}
.poke-zai-syousai-table .moz-under_pink {
font-size: 0.9rem;
}
.poke-zai-syousai-img {
right: -35px;
height: 215px;
}
.office_main .moz-flex_item2 {
width: 40%;
}
/****************札幌*******************/
.office-saporo-main-accent img {
position: absolute;
top: 50%;
left: 20%;
width: 100%;
height: 120px;
}
/****************仙台*******************/
.office-sendai-main-accent img {
position: absolute;
top: 50%;
left: 20%;
width: 100%;
height: 120px;
}
/****************新宿*******************/
.office-shinjuku-main-accent img {
position: absolute;
top: 50%;
left: 20%;
width: 100%;
height: 120px;
}
/****************横浜*******************/
.office-yokohama-main-accent img {
position: absolute;
top: 50%;
left: 20%;
width: 100%;
height: 120px;
}
/****************名古屋*******************/
.office-nagoya-main-accent img {
position: absolute;
top: 50%;
left: 20%;
width: 100%;
height: 120px;
}
/****************大阪*******************/
.office-osaka-main-accent img {
position: absolute;
top: 50%;
left: 20%;
width: 100%;
height: 120px;
}
/****************広島*******************/
.office-main-accent img {
position: absolute;
top: 50%;
left: 20%;
width: 100%;
height: 120px;
}
/****************福岡*******************/
.office-fukuoka-main-accent img {
position: absolute;
top: 50%;
left: 20%;
width: 100%;
height: 120px;
}
}

@media screen and (max-width: 360px) {
/****************札幌*******************/
.office-saporo-main-accent img {
height: 130px;
}
/****************仙台*******************/
.office-sendai-main-accent img {
height: 130px;
}
/****************新宿*******************/
.office-shinjuku-main-accent img {
height: 130px;
}
/****************横浜*******************/
.office-yokohama-main-accent img {
height: 130px;
}
/****************名古屋*******************/
.office-nagoya-main-accent img {
height: 130px;
}
/****************大阪*******************/
.office-osaka-main-accent img {
height: 130px;
}
/****************広島*******************/
.office-main-accent img {
height: 130px;
}
/****************福岡*******************/
.office-fukuoka-main-accent img {
height: 130px;
}
}

/****211220_追加＿国島*****/
.enq-top-icon dl dt {
position: relative;
display: inline-block;
margin-top: 7rem;
padding-bottom: 0.3rem;
border-bottom: 3px solid #1f1f1f;
}
.enq-top-icon dl dt::before {
position: absolute;
left: -3.5rem;
top: -4.3rem;
content: "";
display: inline-block;
width: 12rem;
height: 6rem;
background: url(/assets/images/review.svg) no-repeat;
background-size: contain;
}





.qa-list dl {
position: relative;
margin: 30px 0 0;
cursor: pointer;
border: 1px solid #DDD;
}
.qa-list dl:first-child {
margin-top: 0;
}
.qa-list dl::after {
position: absolute;
top: 27px;
right: 26px;
display: block;
width: 7px;
height: 7px;
margin: auto;
content: '';
transform: rotate(135deg);
border-top: 2px solid #000;
border-right: 2px solid #000;
}
.qa-list .open::after {
transform: rotate(-45deg);
}
.qa-list dl dt {
position: relative;
margin: 0;
padding: 20px 20px 20px 60px;
font-weight: bold;
background: #DDD;
}
.qa-list dl dt::before {
font-size: 22px;
line-height: 1;
position: absolute;
top: 20px;
left: 20px;
display: block;
content: 'Q.';
color: #3285bf;
}
.qa-list dl dd::before {
font-size: 22px;
line-height: 1;
position: absolute;
left: 20px;
display: block;
content: 'A.';
font-weight: bold;
color: #3285bf;
}
.qa-list dl dd {
position: relative;
margin: 0;
padding: 20px 20px 20px 60px;
}
.qa-list dl dd p {
margin: 30px 0 0;
}
.qa-list dl dd p:first-child{
margin-top: 0;
}

@media screen and (max-width: 700px) {
.qa-list dl {
margin: 10px 0 0;
}
.qa-list dl:after {
top: 20px;
right: 20px;
width: 7px;
height: 7px;
}
.qa-list dl dt {
padding: 16px 16px 16px 50px;
font-size: 14px;
}
.qa-list dl dt::before {
font-size: 14px;
top: 20px;
left: 20px;
}
.qa-list dl dd::before {
font-size: 14px;
left: 20px;
margin-top: 5px;
}
.qa-list dl dd {
margin: 0;
padding: 16px 16px 16px 50px;
font-size: 14px;
}
.qa-list dl dd p {
margin: 30px 0 0;
}
.qa-list dl dd p:first-child{
margin-top: 0;
}
}