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

html{
	height: 100%;
	margin: 0 auto;
	padding: 0;
}
body {
	font-size: 15px;
	line-height: 1.8;
	font-family: -apple-system, blinkMacSystemFont,  "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
	/* -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased; */
	color: #333;
	-webkit-text-size-adjust: 100%;
	margin: 0 auto;
}

a, a:visited{
	text-decoration: none;
	color: inherit;
	cursor: pointer;
}


/****************************** clearFix */
.cfx:after {
		content: ".";
		display: block;
		clear: both;
		height: 0;
		visibility: hidden;
}
.cfx {
		min-height: 1px;
}
* html .cfx{
	height: 1%;
}
/*****************************************/

/****************************** img */
.max100{
	width: 100%;
}
.max90{
	width: 80%;
}

/*****************************************/


/****************************** header */
.negate{
	margin-top: -90px;
	padding-top: 90px;
}
/*****************************************/


/****************************** float */
.floL{float: left;}
.floR{float: right;}
/*****************************************/


/****************************** display */
.dispB{display: block;}
.dispN{display: none;}
.dispInB{display: inline-block;}
/*****************************************/


/****************************** margin */
.mgtAt{margin: 0 auto !important;}
.mgt-05{margin-top: -5px !important;}
.mgt05{margin-top: 5px !important;}
.mgt10{margin-top: 10px !important;}
.mgt15{margin-top: 15px !important;}
.mgt20{margin-top: 20px !important;}
.mgt30{margin-top: 30px !important;}
.mgt40{margin-top: 40px !important;}
.mgt50{margin-top: 50px !important;}
.mgt60{margin-top: 60px !important;}
.mgt70{margin-top: 70px !important;}
.mgt80{margin-top: 80px !important;}
.mgt90{margin-top: 90px !important;}
.mgt100{margin-top: 100px !important;}
.mgt120{margin-top: 120px !important;}
.mgt130{margin-top: 130px !important;}
.mgt140{margin-top: 140px !important;}
.mgt150{margin-top: 150px !important;}
.mgl10{margin-left: 10px !important;}
.mgr10{margin-right: 10px !important;}
.mgb05{margin-bottom: 5px !important;}
.mgb10{margin-bottom: 10px !important;}
.mgb30{margin-bottom: 30px !important;}
.mgb50{margin-bottom: 50px !important;}
.mg10{margin:auto 10px !important;}
.pdb60{padding-bottom: 60px !important;}
.pdt20{padding-top: 20px !important;}/*20240522追加 */

/*****************************************/


/****************************** font */
.eng{
	font-family: 'Roboto', sans-serif;
}
.min{
	font-family: 游明朝体, "Yu Mincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", HGS明朝B, "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}
.jap{
	font-family: -apple-system, blinkMacSystemFont, 'Helvetica Neue', 'Segoe UI', 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
}
.note {font-size: 12px;}
.noteTel{font-size: 13px;}
.fon50{font-size: 50%;}
.fon70{font-size: 70%;}
.fon80{font-size: 80%;}
.fon85{font-size: 85%;}
.fon90{font-size: 90%;}
.fon95{font-size: 95%;}
.fon105{font-size: 105%!important;}
.fon110{font-size: 110%!important;}
.fon115{font-size: 115%!important;}
.fon120{font-size: 120%!important;}
.fon130{font-size: 130%!important;}
.fon140{font-size: 140%!important;}
.fon145{font-size: 145%!important;}
.fon150{font-size: 150%!important;}
.fon160{font-size: 160%!important;}
.fon170{font-size: 170%!important;}
.fon180{font-size: 180%!important;}
.fon200{font-size: 200%!important;}

.fonBold{font-weight: bold;}
.fonNorm{font-weight: normal;}
.dis_blo{display: block;}
.lts-01{letter-spacing: -0.1em};
.lts-005{letter-spacing: -0.05em};/*20240522追加 */

.wave{
    background:url(../img/wave.svg) bottom repeat-x;
    background-size: 20px;
	padding-bottom: 3px;
}

.lht80 {line-height: 80%;}
.lht90 {line-height: 90%;}
.lht100 {line-height: 100%;}
.lht110 {line-height: 110%;}
.lht120 {line-height: 120%;}
.lht130 {line-height: 130%;}
.lht140 {line-height: 140%;}
.lht150 {line-height: 150%;}
.lht160 {line-height: 160%;}
.lht300 {line-height: 300%;}

.ls001 {letter-spacing: 0.01em!important;}
.ls002 {letter-spacing: 0.02em!important;}
.ls003 {letter-spacing: 0.03em!important;}
.ls01 {letter-spacing: 0.1em!important;}
.ls-001 {letter-spacing: -0.01em!important;}
.ls-002 {letter-spacing: -0.02em!important;}
.ls-003 {letter-spacing: -0.03em!important;}
.ls-015 {letter-spacing: -0.15em!important;}

.txtCent{text-align: center!important;}
.txtLeft{text-align: left!important;}/*20240522追加 */
.txtJust{text-align: justify!important;}
.txtRht{text-align: right!important;}/*20240522追加 */
.newLine{display: inline-block;}


.gr{ color: #7ba629 !important; }
.or{ color: #fb7e4c !important; }
.num{ color: #f84b0d !important;}
.txt{ color: #3d3030 !important; }
.red{ color: #d80000 !important; }
.purp{ color: #b583b9 !important; }
.black{ color: #697269 !important; }
.pink{ color: #ff7c99 !important; }
.links{text-decoration: underline;}


.purpleborder{
    border: 1px dotted #b583b9;    
}

/*****************************************/
/*黄色マーカー*/
.cp_marker {
    background-image: -webkit-linear-gradient(left, transparent 50%, rgb(255,240,170) 50%);
    background-image: -moz-linear-gradient(left, transparent 50%, rgb(255,240,170) 50%);
    background-image: -ms-linear-gradient(left, transparent 50%, rgb(255,240,170) 50%);
    background-image: -o-linear-gradient(left, transparent 50%, rgb(255,240,170) 50%);
    background-image: linear-gradient(left, transparent 50%, rgb(255,240,170) 50%);
    background-repeat: repeat-x;
    background-size: 200% 0.4em;
    background-position: 0.7em;
    transition: all 2s ease;
}
.cp_marker.active{
    background-position: -100% .7em;
}

/****************************** btn */
.recruit_btn,.apply_btn,
.btn,.topoem_btn,.topshop_btn,
.error_btn,
.btnRegular{
	text-align: center;
	border-radius: 25px;
	padding: 8px;
	font-size: 18px;
	display: block;
	font-weight: bold;
}
.btn,.error_btn,
.btnRegular{
	font-size: 18px;
}
.recruit_btn{
    width: 240px;
    border: 1px solid #b583b9;
	color: #b583b9;
	background: #FFF;
	font-size: 18px;
}

.apply_btn{
    width: 260px;
    border: 1px solid #b583b9;
	color: #b583b9;
	background: #FFF;
	font-size: 16px;
	box-shadow: 0 6px 0 0 #b583b9;
    margin: 3px 0 8px;
}
	.apply_btn:hover{
		transform: translateY(3px);
		box-shadow: 0 2px 0 0 #b583b9;
	}

.apply_btn::after{
  position: absolute;
  padding:3px 0 0 15px;
  font-family: 'Font Awesome 5 Free';
  content: '\f054';
  font-size: 14px;
}
.btn{
    width: 400px;
    border: 1px solid #b583b9;
	color: #b583b9;
	background: #FFF;
	margin: 0 auto;
}
	.recruit_btn:hover,.btn:hover,.topshop_btn:hover,.topoem_btn:hover{
		opacity: 0.5;
	}
.topoem_btn,.topshop_btn{
	position: relative;
    font-size: 14px;
    width: 150px;
	background: #FFF;
	margin: 20px auto 0;
	padding-right: 10px!important;
}

.topoem_btn::after,.topshop_btn::after{
  position: absolute;
  content: '\f054';
  font-family: 'Font Awesome 5 Free';
  font-weight: 700;
  top: 24%;
  font-size: 13px;
  right: 10px;
}

    .topshop_btn{
        border: 1px solid #b583b9;
        color: #b583b9;
    }

    .topoem_btn{
        border: 1px solid #697269;
        color: #697269;
    }

.error_btn{
	background: #7ba629;
	box-shadow: 0 6px 0 0 #355e00;
}
	.error_btn:hover{
		transform: translateY(3px);
		box-shadow: 0 2px 0 0 #355e00;
	}

.btnRegular{
	background: #fb7e4c;
	color: #fff;
	box-shadow: 0 6px 0 0 #f84b0d;
	margin: 0 auto;
}
	.btnRegular:hover{
		transform: translateY(3px);
		box-shadow: 0 2px 0 0 #f84b0d;
	}
.apply_btn:visited,
.recruit_btn:visited,
.topshop_btn:visited,
.btn:visited,
.error_btn:visited,
.btnRegular:visited,
.btn:visited:hover{
	color: #b583b9;
}
.topoem_btn:visited{
	color: #697269;
}


/*****************************************/

/****************************** wrap */
.wrapL{
	max-width: 1200px;
}
.wrap{
	max-width: 960px;
}
.wrapS{
	max-width: 800px;
}
/*****************************************/
.text_space{
	padding-left:2em;
text-indent:-2em;
}

@media screen and (max-width:640px) {
.mgt70{margin-top: 7% !important;}
.mgt100{margin-top: 10% !important;}
}