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

html { font-size: 62.5%; }

body{
	font-size:1.6rem;
	font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", /*"Yu Gothic", YuGothic,*/ "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
	color:#444444;
	-webkit-text-size-adjust: none;
	min-width: 320px;
}

a { color: #2489ce; }

.markerYellow{
	background: rgb(255,255,255);
	background: -moz-linear-gradient(top,  rgba(255,255,255,0) 31%, rgba(242,255,2,0.6) 31%, rgba(242,255,2,0.6) 66%, rgba(255,255,255,0) 66%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(31%,rgba(255,255,255,0)), color-stop(31%,rgba(242,255,2,0.6)), color-stop(66%,rgba(242,255,2,0.6)), color-stop(66%,rgba(255,255,255,0)));
	background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 31%,rgba(242,255,2,0.6) 31%,rgba(242,255,2,0.6) 66%,rgba(255,255,255,0) 66%);
	background: -o-linear-gradient(top,  rgba(255,255,255,0) 31%,rgba(242,255,2,0.6) 31%,rgba(242,255,2,0.6) 66%,rgba(255,255,255,0) 66%);
	background: -ms-linear-gradient(top,  rgba(255,255,255,0) 31%,rgba(242,255,2,0.6) 31%,rgba(242,255,2,0.6) 66%,rgba(255,255,255,0) 66%);
	background: linear-gradient(to bottom,  rgba(255,255,255,0) 31%,rgba(242,255,2,0.6) 31%,rgba(242,255,2,0.6) 66%,rgba(255,255,255,0) 66%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 );
	font-weight: bold;
	color: #fd7790;
}

#dekasegiIndex {
	margin: 0 auto;
}

.headerH {
	background: #ffe1e8;
	padding: 2px;
	display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-content: stretch;
	letter-spacing: -1px;
}

h1,h2 {
	font-size: 1rem;
	line-height: 1rem;
}

h1 { padding: 0 3px 0 0; }

/*headerNav*/
#headerNav {
	display: table;
	margin: 0;
	width: 100%;
	max-width: 100%;
	border-collapse: collapse;
	background: #ff91a5;
	position: -webkit-sticky;
	position: sticky;
	top: 0;
	z-index: 11;
}

#headerNav li {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	width: 20%;
	box-sizing: border-box;
}

#headerNav li:first-child {
	border-right: solid 1px #ffc9d1;
}

#headerNav li:last-child { border-right: none; }

#headerNav li a {
	font-size: 1.2rem;
	line-height: 1.2rem;
	width: 100%;
	display: block;
	text-decoration: none;
	color: #ffffff;
	height: 100%;
	padding: 5px 0;
	font-weight: bold;
	border-right: solid 1px #ffc9d1;
}

#headerNav li:last-child a { border-right: none; }

#headerNav a span {
	display: block;
	margin: 0 0 5px 0;
	font-size: 1.8rem;
}


/*ハンバーガーメニュー*/
.menu-btn {
    cursor: pointer;
    z-index: 10;
}

.menu-btn .menuBtnTxt {
	color: #ffffff;
	font-size: 1.2rem;
	line-height: 1.2rem;
	font-weight: bold;
}

.menu-btn span:after {
    content: attr(data-txt-menu);
}

/* 開閉用ボタンがクリックされた時のスタイル */
.open .menu-btn span:after {
    content: attr(data-txt-close);
}

.subMenu {
    position: fixed;
    display: table;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255,255,255,0.95);
    -webkit-transition: all .5s;
    transition: all .5s;
    visibility: hidden;
    opacity: 0;
	z-index: 15;
}

.menu-btn span i {
	display: block;
	font-size: 1.8rem;
	line-height: 1.8rem;
	color: #ffffff;
}

.subMenu li a {
    display: block;
}

/* 開閉用ボタンがクリックされた時のスタイル */
.open .subMenu {
    cursor: url(../images/cross.svg),auto;
    -webkit-transition: all .5s;
    transition: all .5s;
    visibility: visible;
    opacity: 1;
}

.modalNav {
	max-width: 480px;
	width: 94%;
	margin: 20px auto 0 auto;
	box-sizing: border-box;
	display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-content: stretch;
    align-items: flex-start;
	background: #ff91a5;
}

.modalNav li {
	box-sizing: border-box;
	width: 50%;
	border-bottom: solid 1px #ffc9d1;
	border-right: solid 1px #ffc9d1;
}

.modalNav li:nth-child(even) { border-right: none;}

.modalNav li a {
	display: block;
	font-size: 1.6rem;
	text-decoration: none;
	color: #ffffff;
	height: 45px;
	line-height: 45px;
	vertical-align: middle;
	padding: 0 3%;
	letter-spacing: -1px;
}

.modalNav li i { padding: 0 5px 0 0; }

.modalCloseBtn {
	text-align: center;
	margin: 20px auto 0 auto;
}

.modalCloseBtn i { padding: 0 3px 0 0; }


.heroImg img {
	max-width: 100%;
	height: auto;
}

.dekasegiBox { margin: 0 0 60px 0; }

.contInner {
	max-width: 960px;
	padding: 0 3% 20px 3%;
	margin: 0 auto;
}

.sectionType1 { background: #ffeff4; }

.sectionType2 { background: #ccf2ff; }

.sectionType3 { background: #c4f1bd; }

h3 {
	font-family: 'Pinyon Script', cursive;
	font-size: 5rem;
	line-height: 5rem;
	padding: 0 1% 20px 1%;
	margin: 0 auto;
	text-align: center;
	color: #666666;
}

h3 span {
	font-size: 2rem;
	line-height: 2rem;
	padding: 15px 0 0 0;
	display: block;
	font-weight: bold;
}

h3::first-letter {
	font-size: 6rem;
	color: #fd7790 !important;
}

h4 {
	position: relative;
	background: #ffb5ce;
	box-shadow: 0px 0px 0px 5px #ffb5ce;
	border: dashed 1px white;
	padding: 0 0 0 13px;
	color: #ffffff;
	font-weight: bold;
	box-sizing: border-box;
	margin: 30px 0 20px 0;
	font-size: 18px;
	letter-spacing: -1px;
	border-top-left-radius: 16px;
}

h4::after {
	position: absolute;
	content: '';
	left: -7px;
	top: -7px;
	border-width: 0 0 15px 15px;
	border-style: solid;
	border-color: #fff rgba(0,0,0,0) #ff89b1;
	box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15);
}

.pt10 { padding-top: 10px; }

/*更新情報*/
.ticker {
    margin: 0 auto;
    border: solid 1px #dddddd;
	padding: 4px 1%;
    position: relative;
    overflow: hidden;
	box-sizing: border-box;
	height: 30px !important;
}
 
.ticker ul {
	width: 100%;
    position: relative;
}
 
.ticker ul li {
    width: 100%;
    display: none;
	font-size: 1.4rem;
}

.infoList li {
	font-size: 1.4rem;
	line-height: 1.4rem;
	border-bottom: dashed 1px #cccccc;
	padding: 0 0 10px 0;
	margin: 0 0 10px 0;
}

.infoList li:last-child {border-bottom: none; }

.dekasegiImg {
	margin: 0 0 20px 0;
	text-align: center;
}

.dekasegiImg img {
	max-width: 100%;
	height: auto;
}

.dekasegiTxt {
	margin: 0 0 20px 0;
	line-height: 2.6rem;
}

.dekasegiTitle2 {
	font-weight: bold;
	text-align: center;
	color: #ff587b;
	font-size: 2rem;
	margin: 0 0 10px 0;
}

.dekasegiNotes li {
	font-size: 1.2rem;
	padding-left: 1rem;
	text-indent: -1rem;
	
}

.dekasegiDl { margin: 0 0 20px 0; }

.dekasegiDl dt {
	font-weight: bold;
	color: #fc5d7f;
	border-bottom:  solid 2px #fC5d7f;
	padding: 0 0 3px 0;
	margin: 0 0 10px 0;
}

.dekasegiDl dd { line-height: 2.6rem; }

.applyBtn a {
	display: block;
	margin: 30px auto 0 auto;
	width: 294px;
	background: #f835a0;
	color: #ffffff;
	text-align: center;
	height: 60px;
	line-height: 60px;
	vertical-align: middle;
	font-weight: bold;
	font-size: 2.4rem;
	border-radius: 30px;
	text-decoration: none;
}

.applyBtn a i { padding: 0 5px 0 0; }

.moreBtn a {
	display: block;
	margin: 30px auto 0 auto;
	width: 294px;
	color: #fd7790;border: solid 2px #fd7790;
	text-align: center;
	height: 60px;
	line-height: 60px;
	vertical-align: middle;
	font-weight: bold;
	font-size: 2.4rem;
	border-radius: 30px;
	text-decoration: none;
}

.moreBtn a i { padding: 0 5px 0 0; }

.dekasegiVideo {
	width: 100%;
	height: auto;
	margin: 0 0 20px 0;
}

/*給料タブ*/
.girlIncome { margin: 0 0 30px 0; }

.tab-group{
    display: flex;
    justify-content: center;
}
.tab{
    flex-grow: 1;
    list-style:none;
    text-align:center;
    cursor:pointer;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	background: #dddddd;
	margin: 0 1%;
	padding: 10px 0;
	font-size: 1.8rem;
	line-height: 1.8rem;
	color: #666666;
}
.panel-group{
    border:solid 2px #fd7790;
	padding: 20px 3%;
}
.panel{
    display:none;
}
.tab.is-active{
    background: #fd7790;
    color:#FFF;
    transition: all 0.2s ease-out;
}
.panel.is-show{
    display:block;
}

/*.tab_wrap{
	max-width:100%;
	margin: 0 auto 20px auto;
}
input[type="radio"]{display:none;}

.tab_area{font-size:0; margin:0 10px;}

.tab_area label{
	width: 49%;
	margin:0;
	display:inline-block;
	padding: 10px 0;
	font-size: 1.6rem;
	background: #dddddd;
	text-align:center;
	cursor:pointer;
	transition:ease 0.2s opacity;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	color: #666666;
}

.panel_area {
	background: #ffffff;
	border: solid 2px #fd7790;
	box-sizing: border-box;
	padding: 0 2%;
}

.tab_panel {
	width:100%;
	padding: 20px 0;
	display:none;
}

.tab2_label { margin: 0 1% !important; }

#tab1:checked ~ .tab_area .tab1_label {
	background: #fd7790;
	color:#ffffff;
}

#tab1:checked ~ .panel_area #panel1 {display:block;}

#tab2:checked ~ .tab_area .tab2_label {
	background: #fd7790;
	color: #ffffff;
}

#tab2:checked ~ .panel_area #panel2{display:block;}*/


/*お給料とQA*/
.girlProf {
	display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-content: stretch;
	margin: 0 0 10px 0;
}

.girlIncome .girlProf img {
	width: 80px;
	height: auto;
	border: solid 1px #dddddd;
	vertical-align: bottom;
}

.profList {
	font-size: 1.2rem;
	margin: 0 0 0 10px;
}

.profList .girlName {
	font-size: 2rem;
	color: #fd7790;
}

.girlProf .enrollmentTerm {
	border: solid 1px #fd7790;
	color: #fd7790;
	font-weight: bold;
	border-radius: 4px;
	padding: 5px 5px 5px 0;
	margin: 5px 0 0 0;
}

.enrollmentTerm span {
	background: #fd7790;
	color: #ffffff;
	padding: 5px;
	margin: 0 5px 0 0;
}

.incomeInTotal {
	margin: 0 0 5px 0;
	display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-content: stretch;
    align-items: center;
	font-weight: bold;
	color: #fd7790;
	font-size: 2rem;
}

.incomeTotalNum {
	font-size: 3.8rem;
	color: #ff204f;
	background: linear-gradient(transparent 80%, #fff066 80%);
}

.incomeInTotal li:last-child span { font-size: 2.2rem; }

.workTermTotal span {
	font-size: 2rem;
	display: block;
}

.incomeTotalTitle {
	color: #fd7790;
	font-weight: bold;
	text-align: center;
	margin: 0 0 10px 0;
	font-size: 2rem;
	line-height: 2rem;
}

.incomeTotalTitle span {
	display: block;
	font-size: 1.2rem;
	font-weight: normal;
	line-height: 1.2rem;
	padding: 5px 0 0 0;
	color: #444444;
}

.incomeBaloonTitle {
	position: relative;
	display: block;
	margin: 20px auto;
	padding: 7px 2%;
	width: 96%;
	color: #ffffff;
	background: #fd7790;
	border-radius: 6px;
	text-align: center;
	font-weight: bold;
}

.incomeBaloonTitle:before {
	content: "";
	position: absolute;
	top: 100%;
	left: 50%;
	margin-left: -15px;
	border: 15px solid transparent;
	border-top: 15px solid #fd7790;
}

.highestIncomeList dt {
	font-weight: bold;
	font-size: 1.4rem;
	line-height: 1.4rem;
	margin: 0 0 5px 0;
}

.highestIncomeList dd div {
	display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-content: stretch;
    align-items: stretch;
}

.highestIncomeList dd div p:first-child {
	display: list-item;
	list-style: square inside;
	color: #fd7790;
}

.highestIncomeList dd div p span { color: #444444; }

.highestIncomeList dd div em {
	font-weight: bold;
	color: #fd7790;
}

.highestIncome li:last-child {
	border-top: solid 1px #fd7790;
	margin: 5px 0 0 0;
	padding: 5px 0 0 0;
	text-align: right;
	font-weight: bold;
	color: #fd7790;
	font-size: 2.8rem;
}

.highestIncome li:last-child span { font-size: 1.6rem; }

.qaBox dt {
	display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-content: stretch;
    align-items: center;
	margin: 0 0 10px 0;
}

.qaBox dt span {
	color: #fd7790;
	font-weight: bold;
	border-bottom: solid 1px #fd7790;
	padding: 0 0 5px 0;
}

.qaBox dt img {
	width: 50px;
	height: 50px;
	border: solid 1px #b1b1b1;
	vertical-align: bottom;
	margin: 0 5px 0 0;
}

.qaBox dd {
	margin: 0 0 20px 0;
	line-height: 2.8rem;
}

.railwayMap {
	background: #ffffff;
	border-radius: 10px;
	padding: 10px 2%;
	margin: 0 auto 10px auto;
}

.railwayMap img {
	max-width: 100%;
	height: auto;
}

.travelCost {
	display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-content: stretch;
    align-items: center;
}

.travelCost img {
	width: 80%;
	height: auto;
	margin: 0 10px 0 0;
}

.travelCost dt {
	font-weight: bold;
	color: #f835a0;
	margin: 0 0 10px 0;
}

.roomPics {
	display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-content: stretch;
    align-items: flex-start;
}

.roomPics li {
	width: 32.3%;
	margin: 0 1% 0 0;
}

.roomPics li:last-child { margin: 0; }

.roomPics li img {
	max-width: 100%;
	height: auto;
}

.spotImg {
	position: relative;
	margin: 0 0 35px 0;
}

.spotImg img {
	max-width: 100%;
	height: auto;
	border-radius: 10px;
}

.spotImg .spotName {
	position: absolute;
	bottom: -16px;
	margin: auto;
	left: 0;
	right: 0;
	background: #ffffff;
	color: #f835a0;
	border: dotted 2px #f835a0;
	width: 90%;
	padding: 5px 1%;
	text-align: center;
	font-weight: bold;
	box-sizing: border-box;
	transform:skew(6deg,3deg);
}

.dekasegiSpot .dekasegiTxt { text-align: left; }

.jobDescImg {
	position: relative;
	margin: 0 0 10px 0;
}

.jobDescImg img {
	max-width: 100%;
	height: auto;
}

.jobDescTxt {
	position: absolute;
	top: 10px;
	color: #ffffff;
	background: #f835a0;
	text-align: center;
	padding: 5px 30px;
}

/*募集要項*/
.dekasegiTable {
	border: solid 1px #dddddd;
	border-collapse: collapse;
	width: 100%;
	font-size: 1.4rem;
}

.dekasegiTable td {
	border: solid 1px #dddddd;
	padding: 5px 1%;
}

.dekasegiTable td:nth-child(odd) {
	background: #ffebeb;
	font-weight: bold;
	text-align: center;
}

/*応募と問い合わせ*/
.contactWays {
	display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-content: stretch;
    align-items: flex-start;
	margin: 0 0 30px 0;
}

.contactWays li {
	width: 31.3%;
	box-sizing: border-box;
}

.contactWays li a {
	display: block;
	border-radius: 10px;
	padding: 15px 0;
	text-align: center;
	color: #ffffff;
	text-decoration: none;
	font-size: 1.8rem;
}

.contactMailBtn a { background: #fb8797; }

.contactTelBtn  a {
	background: #4be4e4;
	margin: 0 2%;
}

.contactLineBtn a { background: #6ee44b; }

.contactWays a i {
	display: block;
	font-size: 3.6rem;
	line-height: 3.6rem;
	margin: 0 0 5px 0;
}

.dekasegiForm {
	margin: 0 0 30px 0;
}

.footerFixedBtn {
	position: fixed;
	bottom: 10px;
	z-index: 11;
	display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-content: stretch;
	width: 100%;
}

.footerFixedBtn li {
	display: block;
	width: 33.3%;
}

.footerFixedBtn li a {
	display: block;
	text-decoration: none;
	text-align: center;
	height: 54px;
	line-height: 54px;
	vertical-align: middle;
	color: #ffffff;
	font-weight: bold;
	font-size: 1.8rem;
}

.footerFixedBtn .mailBtn { background: #fb8797; }

.footerFixedBtn .telBtn { background: #4be4e4; }

.footerFixedBtn .lineBtn { background: #6ee44b; }

.footerFixedBtn i { padding: 0 3px 0 0; }

.toTopFixed {
	position: fixed;
	bottom: 20px;
	right: 10px;
	background: #ffffff;
	width: 50px;
	height: 50px;
	border-radius: 50px;
	text-align: center;
	vertical-align: middle;
	z-index: 2;
}

.toTopFixed a {
	text-decoration: none;
	color: #999;
}

.toTopFixed i {
	display: block;
	font-size: 5rem;
	height: 50px;
	line-height: 50px;
	vertical-align: middle;
}

footer {
	background: #ff91a5;
	padding: 30px 2%;
	margin: 100px 0 0 0;
}

.footerInner small {
	display: block;
	text-align: center;
	letter-spacing: -1px;
	color: #ffffff;
	font-size: 1rem;
}

.footerInner small span {
	display: block;
	margin: 5px 0 0 0;
}

/*フラワーボタン*/
.menu-item,
.menu-open-button {
   background: #f835a0;
   border-radius: 100%;
   width: 50px;
   height: 50px;
   margin-left: -20px;
   position: absolute;
   color: #FFFFFF;
   text-align: center;
   -webkit-transform: translate3d(0, 0, 0);
   transform: translate3d(0, 0, 0);
   -webkit-transition: -webkit-transform ease-out 200ms;
   transition: -webkit-transform ease-out 200ms;
   transition: transform ease-out 200ms;
   transition: transform ease-out 200ms, -webkit-transform ease-out 200ms;
}

.menu-open-button span {
	font-size: 1.1rem;
	display: inline-block;
	margin: 11px 0 0 0;
	font-weight: bold;
}

.menu-open-button span i {
	display: block;
	font-size: 1.4rem;
	line-height: 1.4rem;
	vertical-align: middle;
}

.menu-open {
   display: none;
}

.lines {
   width: 25px;
   height: 3px;
   background: #596778;
   display: block;
   position: absolute;
   top: 50%;
   left: 50%;
   margin-left: -12.5px;
   margin-top: -1.5px;
   -webkit-transition: -webkit-transform 200ms;
   transition: -webkit-transform 200ms;
   transition: transform 200ms;
   transition: transform 200ms, -webkit-transform 200ms;
}

.line-1 {
   -webkit-transform: translate3d(0, -8px, 0);
   transform: translate3d(0, -8px, 0);
}

.line-2 {
   -webkit-transform: translate3d(0, 0, 0);
   transform: translate3d(0, 0, 0);
}

.line-3 {
   -webkit-transform: translate3d(0, 8px, 0);
   transform: translate3d(0, 8px, 0);
}

.menu-open:checked + .menu-open-button .line-1 {
   -webkit-transform: translate3d(0, 0, 0) rotate(45deg);
   transform: translate3d(0, 0, 0) rotate(45deg);
}

.menu-open:checked + .menu-open-button .line-2 {
   -webkit-transform: translate3d(0, 0, 0) scale(0.1, 1);
   transform: translate3d(0, 0, 0) scale(0.1, 1);
}

.menu-open:checked + .menu-open-button .line-3 {
   -webkit-transform: translate3d(0, 0, 0) rotate(-45deg);
   transform: translate3d(0, 0, 0) rotate(-45deg);
}

.menu {
   position: fixed;
   bottom: 20px;
   left: 10px;
   width: 50px;
   height: 50px;
   text-align: center;
   box-sizing: border-box;
   font-size: 26px;
	z-index: 2;
}


 .menu-item {
   transition: all 0.1s ease 0s;
} 

.menu-item:nth-child(3) {
   -webkit-transition-duration: 180ms;
   transition-duration: 180ms;
}

.menu-item:nth-child(4) {
   -webkit-transition-duration: 180ms;
   transition-duration: 180ms;
}

.menu-item:nth-child(5) {
   -webkit-transition-duration: 180ms;
   transition-duration: 180ms;
}

.menu-item:nth-child(6) {
   -webkit-transition-duration: 180ms;
   transition-duration: 180ms;
}

.menu-item:nth-child(7) {
   -webkit-transition-duration: 180ms;
   transition-duration: 180ms;
}

.menu-item:nth-child(8) {
   -webkit-transition-duration: 180ms;
   transition-duration: 180ms;
}

.menu-item:nth-child(9) {
   -webkit-transition-duration: 180ms;
   transition-duration: 180ms;
}

.menu-open-button {
   z-index: 2;
   -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
   transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
   -webkit-transition-duration: 400ms;
   transition-duration: 400ms;
   -webkit-transform: scale(1.1, 1.1) translate3d(0, 0, 0);
   transform: scale(1.1, 1.1) translate3d(0, 0, 0);
   cursor: pointer;
   box-shadow: 3px 3px 0 0 rgba(0, 0, 0, 0.14);
}

.menu-open-button:hover {
   -webkit-transform: scale(1.2, 1.2) translate3d(0, 0, 0);
   transform: scale(1.2, 1.2) translate3d(0, 0, 0);
}

.menu-open:checked + .menu-open-button {
   -webkit-transition-timing-function: linear;
   transition-timing-function: linear;
   -webkit-transition-duration: 200ms;
   transition-duration: 200ms;
   -webkit-transform: scale(0.8, 0.8) translate3d(0, 0, 0);
   transform: scale(0.8, 0.8) translate3d(0, 0, 0);
}

.menu-open:checked ~ .menu-item {
   -webkit-transition-timing-function: cubic-bezier(0.935, 0, 0.34, 1.33);
   transition-timing-function: cubic-bezier(0.935, 0, 0.34, 1.33);
}

.menu-open:checked ~ .menu-item:nth-child(3) {
   transition-duration: 180ms;
   -webkit-transition-duration: 180ms;
   -webkit-transform: translate3d(0, -100px, 0);
   transform: translate3d(0, -100px, 0);
}

.menu-open:checked ~ .menu-item:nth-child(4) {
   transition-duration: 280ms;
   -webkit-transition-duration: 280ms;
   -webkit-transform: translate3d(70px, -65px, 0);
   transform: translate3d(70px, -65px, 0);
}

.menu-open:checked ~ .menu-item:nth-child(5) {
   transition-duration: 380ms;
   -webkit-transition-duration: 380ms;
   -webkit-transform: translate3d(90px, 5px, 0);
   transform: translate3d(90px, 5px, 0);
}

.menu-open:checked ~ .menu-item:nth-child(6) {
   transition-duration: 480ms;
   -webkit-transition-duration: 480ms;
   -webkit-transform: translate3d(0.08361px, 104.99997px, 0);
   transform: translate3d(0.08361px, 104.99997px, 0);
}

.menu-open:checked ~ .menu-item:nth-child(7) {
   transition-duration: 580ms;
   -webkit-transition-duration: 580ms;
   -webkit-transform: translate3d(-90.86291px, 52.62064px, 0);
   transform: translate3d(-90.86291px, 52.62064px, 0);
}

.menu-open:checked ~ .menu-item:nth-child(8) {
   transition-duration: 680ms;
   -webkit-transition-duration: 680ms;
   -webkit-transform: translate3d(-91.03006px, -52.33095px, 0);
   transform: translate3d(-91.03006px, -52.33095px, 0);
}

.menu-open:checked ~ .menu-item:nth-child(9) {
   transition-duration: 780ms;
   -webkit-transition-duration: 780ms;
   -webkit-transform: translate3d(-0.25084px, -104.9997px, 0);
   transform: translate3d(-0.25084px, -104.9997px, 0);
}
.menu-item { text-decoration: none; }

.menu-item i {
	display: block;
	font-size: 2.6rem;
	height: 50px;
	line-height: 50px;
	vertical-align: middle;
}

.blue {
   background-color: #fb8797;
   box-shadow: 3px 3px 0 0 rgba(0, 0, 0, 0.14);
   text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.12);
}

.green {
   background-color: #4be4e4;
   box-shadow: 3px 3px 0 0 rgba(0, 0, 0, 0.14);
   text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.12);
}

.red {
   background-color: #6ee44b;
   box-shadow: 3px 3px 0 0 rgba(0, 0, 0, 0.14);
   text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.12);
}

.purple {
   background-color: #C49CDE;
   box-shadow: 3px 3px 0 0 rgba(0, 0, 0, 0.14);
   text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.12);
}

.orange {
   background-color: #FC913A;
   box-shadow: 3px 3px 0 0 rgba(0, 0, 0, 0.14);
   text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.12);
}

.lightblue {
   background-color: #62C2E4;
   box-shadow: 3px 3px 0 0 rgba(0, 0, 0, 0.14);
   text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.12);
}

.credit {
   margin: 24px 20px 120px 0;
   text-align: right;
   color: #EEEEEE;
}

.credit a {
   padding: 8px 0;
   color: #C49CDE;
   text-decoration: none;
   transition: all 0.3s ease 0s;
}

.angelInterviewLogo {
	max-width: 417px;
	width: 50%;
	margin: 20px auto;
}

.angelInterviewLogo img {
	max-width: 100%;
	height: auto;
}

/*出稼ぎ記事一覧*/
.articleList a {
	padding: 5px 20px 5px 2%;
	display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-content: stretch;
    align-items: center;
	text-decoration: none;
	color: #444444;
	font-size: 1.1rem;
	position: relative;
}
.articleList { border-top: solid 1px #eaeaea; }

.articleList:last-of-type { border-bottom: solid 1px #eaeaea; }

.articleList img {
	width: 70px;
	height: auto;
	border: solid 1px #dddddd;
	vertical-align: bottom;
	margin: 0 10px 0 0;
}

.articleElement .articleTitle {
	font-size: 1.6rem;
	font-weight: bold;
	margin: 0 0 5px 0;
	line-height: 2.2rem;
}

.articleList .girlName {
	font-size: 1.2rem;
	color: #fd7790;
}

.articleList .totalIncome span {
	color: #fd7790;
	font-weight: bold;
}

.articleList .publishDate {
	text-align: right;
	font-size: 1rem;
	position: absolute;
	bottom: 5px;
	right: 5px;
}

.articleList .moreLinkIcn {
	position: absolute;
	right: 5px;
	top: 0;
	bottom: 0;
	margin: auto;
	width: 14px;
	height: 14px;
	font-size: 1.4rem;
	color: #ffb4be;
}

.articleList .articleNewIcn {
	position: absolute;
	top: 3px;
	left: 3px;
	font-size: 1rem;
	line-height: 1.4rem;
	color: #ffffff;
	background: #f8355e;
	border-radius: 2px;
	height: 14px;
	padding: 0 3px;
	vertical-align: middle;
}

.breadCrumb {
	border-top: solid 1px #ebebeb;
	border-bottom: solid 1px #ebebeb;
	padding: 6px 2%;
	display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-content: stretch;
	font-size: 1rem;
	line-height: 1rem;
}

.backBtn a {
	display: block;
	margin: 30px auto 0 auto;
	width: 294px;
	color: #999999;
	border: solid 2px #999999;
	text-align: center;
	height: 60px;
	line-height: 60px;
	vertical-align: middle;
	font-weight: bold;
	font-size: 2.4rem;
	border-radius: 30px;
	text-decoration: none;
}

.backBtn a i { padding: 0 3px 0 0; }

/*出稼ぎ記事詳細*/
.articleHeader {
	margin: 20px auto;
	max-width: 414px;
	max-height: 540px;
	background: #ffecf5;
	display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-content: stretch;
    align-items: stretch;
}

.articleHeader img {
	max-width: 100%;
	height: auto;
}

.articleHeaderGirl {
	display: inline-block;
	position: relative;
}

.articleHeaderGirl:after {
	position: absolute;
	display: block;
	content: "";
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	box-shadow: inset 50px 0 50px #ffecf5;
}

.articleHeaderTxt {
	background-image: linear-gradient(-45deg, #ffecf5 50%, #fe92c6 50%);
	order: 0;
    flex: 1 1 auto;
    align-self: auto;
	padding: 10px 2%;
	box-sizing: border-box;
	width: 100%;
	position: relative;
}

.articleHeaderTitle { font-family: 'Dancing Script', cursive; }

.articleHeaderTitle span {
	display: block;
	color: #ffffff;
	font-weight: bold;
	font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", /*"Yu Gothic", YuGothic,*/ "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
	font-size: 2.6rem;
	line-height: 3rem;
	letter-spacing: -1px;
	margin: 0 0 10px 0;
}

.articleHeader .shopCategory {
	color: #ffffff;
	font-size: 1.1rem;
	line-height: 1.1rem;
	border-bottom: solid 1px #ffffff;
	padding: 0 0 5px 0;
	margin: 0 0 5px 0;
	letter-spacing: -1px;
	font-weight: bold;
}

.articleHeader .shopName {
	color: #ffffff;
	font-size: 1.1rem;
	line-height: 1.1rem;
	letter-spacing: -1px;
	font-weight: bold;
}

.articleHeaderName {
	font-family: 'Noto Serif JP', serif;
	border: solid 2px #333333;
	position: absolute;
	bottom: 10px;
	left: 2%;
	background: #ffffff;
	padding: 5px 20px;
	font-size: 2.2rem;
	line-height: 2.2rem;
}

.articleHeaderName span {
	font-size: 1.4rem;
	padding: 0 0 0 3px;
}

.dekasegiArticle {
	width: 96%;
	margin: 0 auto;
}

.dekasegiArticle h3 {
	font-weight: bold;
	font-size: 1.8rem;
	line-height: 2.6rem;
	margin: 0 0 10px 0;
	text-align: left;
	padding: 0;
	font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", /*"Yu Gothic", YuGothic,*/ "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
	color: #444444 !important;
}

.dekasegiArticle h3::first-letter {
	font-size: 1.8rem;
	color: #444444 !important;
}

.dekasegiArticle .publishDate {
	font-size: 1.1rem;
	margin: 0 0 10px 0;
	color: #666666;
}

.dekasegiArticle h4 {
	background: #ffd9df;
	margin: 0 0 10px 0;
	color: #444444;
	font-size: 1.8rem;
	border-left: solid 5px #ff72a7;
	border-right: none;
	border-top: none;
	border-bottom: none;
	border-radius: 0;
	box-shadow: none;
	padding: 8px 2%;
}

.dekasegiArticle h4::after {
	position: static;
	left: auto;
	top: auto;
	border: none;
}

.dekasegiArticle .girlIncome { margin: 0 0 30px 0; }

/*女子旅スライダー*/
.swiper-container {
      width: 100%;
      height: 100%;
    }
    .swiper-slide {
      text-align: center;
      display: flex;
      justify-content: center;
      align-items: center;
    }

.swiper-button-next, .swiper-container-rtl .swiper-button-prev,
.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
	background: rgba(255,255,255,0.85) !important;
	font-size: 30px;
	color: #ff91a5;
	margin-top: -60px !important;
	width: 33px !important;
	height: 33px !important;
	border-radius: 33px;
	text-align: center;
}

.swiper-button-next i, .swiper-button-prev i {
	text-shadow:0px 0px 2px #ddd;
	line-height: 33px;
	vertical-align: middle;
	height: 33px;
}

.elementSide3 {
	display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-content: stretch;
    align-items: stretch;
}

.elementSide3 dl { margin: 0 4% 0 0; }

.elementSide3 dl:nth-child(3n) { margin: 0; }

.elementSide3 img {
	max-width: 100%;
	height: auto;
}

.prosBox dl dd {
	text-align: center;
	font-size: 1.2rem;
	font-weight: bold;
	padding: 10px 0 0 0;
}

/*メールフォーム*/
.dekasegiForm form table { width: 100%; }

.dekasegiForm form table td {
	border: solid 1px #cccccc;
	border-collapse: collapse;
}

.dekasegiForm form table td:nth-child(odd) {
	background: #ffebeb;
	font-size: 1.2rem;
	vertical-align: middle;
	padding: 5px 2%;
	width: 30%;
	font-weight: bold;
}

.dekasegiForm form table td:nth-child(even) {
	font-size: 1.4rem;
	padding: 5px 2%;
}

.dekasegiForm form input[type="text"],
.dekasegiForm form input[type="tel"],
.dekasegiForm form textarea {
	font-size: 1.6rem;
	width: 100%;
	box-sizing: border-box;
	-webkit-appearance: none;
	border: solid 1px #666666;
	border-radius: 0;
}

.dekasegiForm form label {
	padding: 0 0 0 3px;
	display: inline-block;
	line-height: 3.2rem;
	cursor: pointer;
}

.dekasegiForm .requiredMark {
	font-size: 1rem;
	line-height: 1rem;
	color: #ffffff;
	display: block;
	background: #ff204f;
	border-radius: 2px;
	padding: 2px;
	text-align: center;
	width: 24px;
	font-weight: normal;
}

.dekasegiForm form table .rightTxt {
	font-size: 1.2rem;
	padding: 0 0 5px 0;
	display: block;
}

.dekasegiForm form #submitBtn {
	text-align: center;
	margin: 20px 0 0 0;
}

.dekasegiForm form .myError {
	font-size: 1.4rem;
	color: #ff204f;
	padding: 5px 0 0 0;
}

.dekasegiLink {
	display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-content: stretch;
    align-items: flex-start;
}

.dekasegiLink li {
	margin: 0 1% 10px 1%;
	text-align: center;
}

.dekasegiLink li img {
	max-width: 88px;
	height: auto;
}

.dekasegiLink li span {
	display: block;
	font-size: 1.1rem;
	line-height: 1.1rem;
	padding: 3px 0 0 0;
}