/* DEFAULT CSS */
body,html{
	font-family: 'Noto Serif JP', serif;
}
span.opa{
  width: 0;
  height: 0;
  opacity: 0;
  display: block;
}
@media screen and ( max-width:767px){
	/*SP
	----------------------------------------------------*/
	/*共通*/
	section.inner{
		width:100%;
		padding:0 10px;
		box-sizing:border-box;
	}
	/* header
	----------------------------------------------- */
	header{
		background-color:rgba(0,0,0,0.25);
	}
	header section.header,
	footer section.eccontents,
	footer section.inner{
		width:100%;
	}
	/*変更部分*/
	.ab-dark, .ab-dark a{
		color:#cc9966;
	}
	header.ab-dark .combomenu-icon > div > span{
		background-color:#cc9966;
	}
	header.ab-dark .menucombobtn path{
    stroke:#cc9966;
	}
	header.ab-dark .combomenu-icon > div > span, header.ab-dark .combomenu-icon svg{
	}
	.combomenu-path > div > div:before{
		content:'';
		display:block;
		width:18px;
		height:20px;
		margin:0 2px 0 0;
		background-color:#c96;
	}
	div.logo{
		font-family:'Noto Serif JP', serif !important;
	}
	/*footer
	------------------------------------------------*/
	.ab-light, .ab-light a{
		color:#cc9966;
	}
	footer.ab-light div.snsarea a,
	footer.ab-light section.sitemap,
	footer.ab-light section.footercontents,
	footer.ab-light section.footertop,
	footer.ab-light section.eccontents dl.ecblock dt{
		border-color:#c96;
	}
	footer.ab-dark div.snsarea a,
	footer.ab-dark section.sitemap,
	footer.ab-dark section.footercontents,
	footer.ab-dark section.footertop,
	footer.ab-dark section.eccontents dl.ecblock dt{
		border-color:#c96 !important;
	}
	div.telarea{
		font-family: 'Noto Serif JP', serif !important
	}
	/*スライダー
	-----------------------------------------------*/
	div.bx-controls-direction{
		display:none;
	}
	section.slider dl dt img{
		width:280px;
		margin:0 auto;
	}
	section.slider.type_01 dl{
		background-color:rgba(0,0,0,0.5);
		padding:0 0 10px 0;
	}
	section.slider.type_01 dl dd{
		font-size:4.5vw;
		font-weight:900;
	}
	section.slider.type_01
	.bx-wrapper .bx-pager,
	section.slider.type_01 .bx-wrapper .bx-controls-auto{
		bottom:10px !important;
	}
	/*トップページ
	--------------------------------------*/
	/*header 変更部分*/
	/*コンテンツ
	---------------------------------------*/
	body.type_02.top section.container{
		padding:0 !important;
	}
	/*背景　パララックスsp*/
	section.back_image{
		width:100%;
		background-repeat:no-repeat;
		background-position:center center;
		background-size:cover;
	}
	/*背景指定*/
	section.top_text,
	section.top_cast,
	section.yorunavi_area{
		padding:50px 0;
	}
	/*トップページ　コンテンツ*/
	section.top_text{
		padding:100px 0;
		box-sizing:border-box;
	}
	section.top_text div.top_textbox{
		padding:30px 0 0 0;
		box-sizing:border-box;
	}
	section.top_text div.top_textbox p{
		line-height:2.5em;
		color:#cc9966;
		font-size:14px;
		text-align:center;
		margin:30px 0 0 0;
	}
	section.greating{
		padding:20px 0 50px 0;
	}
	section.greating_box{
		padding:30px 0;
		table-layout:fixed;
		position:relative;
		z-index:10;
		margin:0 auto;
	}
  section.greating_box div.greeting_in_box{  
  }
	section.greating_box div.greeting_in_box > div:nth-child(1){
		background-color:rgba(0,0,0,0.65);
    font-size: 14px;
    line-height: 2.5em;
		padding:20px;
    padding-bottom: 10px;
		box-sizing:border-box;
    position: relative;
    z-index: 1;
    color: #cc9966;
	}
  section.greating_box div.greeting_in_box > div:nth-child(1)::before{
    content: "";
    position: absolute;
    top: 10px;
    left: 10px;
    right: 10px;
    bottom: -10px;
    z-index: 2;
    border: solid 1px #cc9966;
  }
	section.greating_box div.greeting_in_box > div:nth-child(2){
		height:250px;
    position: relative;
    z-index: 5;
	}
	section.greating_box div.greeting_in_box > div:nth-child(2) > figure{
		width:100%;
		height:250px;
	}
  section.greating_box div.greeting_in_box > div:nth-child(2) > figure img{
    width: 100%;
    object-fit: cover;
    height: 100%;
  }
  
  /*salon de dahliaオープンしました*/
  section.greating section.new_store{
    background-color: rgba(0,0,0,0.65);
    margin-top: 50px;
    padding: 30px 0 0 0;
    box-sizing: border-box;
    position: relative;
    z-index: 1;
  }
  section.greating section.new_store::before {
    content: "";
    position: absolute;
    top: 10px;
    left: 10px;
    right: 10px;
    bottom: 10px;
    z-index: 1;
    border: solid 1px #c96;
  }
  section.greating section.new_store div.n_store_text > h1{
    color: #cc9966;
    text-align: center;
    font-size: 20px;
    font-weight: 700;
  }
  section.greating section.new_store div.n_store_text > h1 span.logo{
    background-color: #cc9966;
    -webkit-mask-position: center center;
    mask-position: center center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: cover;
    -webkit-mask-image: url("../img/svg/salon_de_dahlia_logo02.svg");
    mask-image: url("../img/svg/salon_de_dahlia_logo02.svg");
    z-index: 2;
    width: 210px;
    height: 68px;
    margin: 0 auto;
    display: table;
  }
  section.new_store div.n_store_text > p{
    font-size: 14px;
    line-height: 2.5em;
    box-sizing: border-box;
    color: #cc9966;
    width: calc(100% - 40px);
    margin: 10px auto 0 auto;
  }
  section.new_store div.o_contact{
  }
  section.new_store div.o_contact div.tel{
    
  }
  section.new_store div.o_contact div.tel a{
    display: table;
    margin: 0 auto;
    padding-left: 50px;
    position: relative;
    z-index: 1;
  }
  section.new_store div.o_contact div.tel a::before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 40px;
    height: 40px;
    line-height: 40px;
    border: solid 1px #c96;
    box-sizing: border-box;
    border-radius: 50%;
    margin: 0 auto;
  }
  section.new_store div.o_contact div.tel a::after{
    content: "\f095";
    font-family: "Font Awesome 5 Free";
    position: absolute;
    left: 9px;
    color: #cc9966;
    font-size: 21px;
    font-weight: 900;
    top: 50%;
    transform: translateY(-50%);
    z-index: 2;
  }
  section.new_store div.o_contact div.tel a{
    font-size: 26px;
    color: #c96;
    font-weight: 700;
  }
  section.new_store div.o_contact div.line{
    display: table;
    margin: 0 auto;
    width: 220px;
    margin-top: 10px;
  }
  section.new_store div.o_contact div.line a{
    display: block;
    border: solid 1px #c96;
    box-sizing: border-box;
    text-align: center;
    font-size: 18px;
    color: #c96;
    font-weight: 900;
    line-height: 50px;
  }
  section.new_store div.new_o_img{
    position: relative;
    z-index: 3;
  }
  section.new_store div.new_o_img figure{
  }
  section.new_store div.new_o_img figure picture{
    width: 100%;
    height: 100%;
    display: block;
  }
  section.new_store div.new_o_img figure img{
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  div.n_store_text{
    padding-bottom: 1rem;
  }
	/*キャスト*/
	section.top_cast{
	}
	section.top_cast ul{
		list-style:none;
		list-style-position:outside;
		width:100%;
		padding:40px 0;
		box-sizing:border-box;
		position:relative;
		z-index:1;
	}
	section.top_cast ul li{
		width:50%;
		float:left;
	}
	section.top_cast ul li:nth-child(1){
		padding:0 1px 1px 0;
		box-sizing:border-box;
		height:201px;
	}
	section.top_cast ul li:nth-child(2){
		padding:0 0 1px 1px;
		box-sizing:border-box;
		height:201px;
	}
	section.top_cast ul li:nth-of-type(3){
		position:absolute;
		top:50%;
		left:50%;
		transform:translate(-50%,-50%);
		background:-moz-radial-gradient(rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
		background:-webkit-radial-gradient(rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
		background:radial-gradient(rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */
		border-radius:50%;
		width:150px !important;
		height:150px !important;
	}
	section.top_cast ul li:nth-of-type(3) figure{
		background-repeat:no-repeat;
		background-position:center center;
		background-size:contain;
		width:150px;
		height:150px;
	}
	section.top_cast ul li:nth-child(4){
		padding:1px 1px 0 0;
		box-sizing:border-box;
		height:201px;
	}
	section.top_cast ul li:nth-child(5){
		padding:1px 0 0 1px;
		box-sizing:border-box;
		height:201px;
	}
	section.top_cast ul li figure{
		width:100%;
		height:200px;
		position:relative;
		z-index:-1;
	}
  section.top_cast ul li figure img{
    width: 100%;
    object-fit: cover;
    height: 100%;
  }
  section.top_cast ul li:nth-of-type(3) figure img{
    object-fit: contain;
  }
	/*システム*/
	section.top_system{
		background-repeat:no-repeat;
		background-position:center center;
		background-size:cover;
		width:100%;
		padding:40px 0 50px 0;
	}
	section.top_system div.system_inner{
		padding:40px;
		width:70%;
		display:table;
		margin:0 auto;
		background-color:rgba(0,0,0,0.65);
		color:#cc9966;
		font-size:14px;
		line-height:1.8em;
		box-sizing:border-box;
	}
	section.top_system div.system_inner p{
		padding:30px 15px 30px 15px;
		width:100%;
		text-align:center;
		box-sizing:border-box;
	}
	/*ヨルナビエリア*/
	section.yorunavi_area{
	}
	section.yorunavi_area section.yorunavi_table{
		width:100%;
	}
	section.yorunavi_area section.yorunavi_table section.yorunavi_cell{
		position:relative;
		z-index:1;
		padding:40px 0 60px 0;
	}
	section.yorunavi_area section.yorunavi_table section.yorunavi_cell:nth-child(1){
		padding:0 0 60px 0;
	}
	ul.photofavo{
		list-style:none;
		list-style-position:outside;
		width:100%;
		margin:30px auto 30px auto;
	}
	ul.photofavo li{
		width:calc(25% - 1px);
		padding:0 1px 1px 0;
		display:block;
		float:left;
	}
	ul.photofavo li a{
		display:block;
		width:100%;
	}
	ul.photofavo li a img{
		width:100%;
	}
	section.yorunavi_blog{
		padding:80px 0 60px 0 !important;
	}
	ul.blog{
		list-style:none;
		list-style-position:outside;
		width:100%;
		margin:30px auto 30px auto;
	}
	ul.blog li{
		width:100%;
		position:relative;
		z-index:2;
		border-bottom:1px dotted #cc9966;
	}
	ul.blog li:first-child{
		border-top:1px dotted #cc9966;
	}
	ul.blog li a{
		display:block;
		position:absolute;
		top:0;
		left:0;
		right:0;
		bottom:0;
		transition:all 0.3s ease;
	}
	ul.blog li dl{
		width:100%;
		display:table;
		color:#cc9966;
		padding:0 10px;
		box-sizing:border-box;
	}
	ul.blog li dl dt{
		display:table-cell;
		width:35%;
		vertical-align:middle;
	}
	ul.blog li dl dt h3{
		font-size:14px;
	}
	ul.blog li dl dd{
		display:table-cell;
		width:65%;
		text-align:left;
		padding:0 0 0 10px;
		box-sizing:border-box;
		vertical-align:middle;
		line-height:50px;
		font-size:12px;
		overflow:hidden;
		text-overflow:ellipsis;
		white-space:nowrap;
		max-width:1px;
	}
	/*採用情報*/
	section.top_recruit{
		padding:40px 0 50px 0;
		background-repeat:no-repeat;
		background-position:center center;
		background-size:cover;
		font-size:12px;
  }
	section.top_recruit div.recruit_inner{
		padding:40px;
		display:table;
		margin:0 auto;
		background-color:rgba(0,0,0,0.65);
		color:#cc9966;
		font-size:14px;
		line-height:1.8em;
		box-sizing:border-box;
		width:65%;
	}
	section.top_recruit div.recruit_inner p{
		padding:30px 15px 30px 15px;
		width:100%;
		text-align:center;
		box-sizing:border-box;
	}
	/*お問い合わせ*/
	section.top_contact{
		padding:50px 10px;
		box-sizing:border-box;
		width:100%;
	}
	div.top_contact_text{
		text-align:center;
		color:#cc9966;
		font-size:14px;
		padding:25px 0 0 0;
	}
	section.top_left_contact{
		border-bottom:1px solid #c96;
		padding:0 0 30px 0;
	}
	div.top_contact_text02{
		color:#c96;
		font-size:20px;
		text-align:center;
		font-weight:900;
	}
	div.top_contact_text02 p{
		font-size:18px;
		font-weight:400;
	}
	section.top_conact_area div.toptel_box{
		padding:30px 0;
	}
	div.top_tel a{
		display:table;
		padding:0 0 0 50px;
		position:relative;
		z-index:1;
		line-height:40px;
		color:#c96;
		margin:0 auto;
		font-size:26px;
		font-weight:900;
	}
	div.top_tel a::before{
		content:"";
		position:absolute;
		top:0;
		left:0;
		width:40px;
		height:40px;
		line-height:40px;
		border:solid 1px #c96;
		box-sizing:border-box;
		border-radius:50%;
		margin:0 auto;
	}
	div.top_tel a::after{
		content:"\f095";
		font-family:"Font Awesome 5 Free";
		position:absolute;
		left:9px;
		top:1px;
		color:#cc9966;
		font-size:21px;
		font-weight:900;
	}
	div.contact_link{
		display:table;
		width:220px;
		margin:15px auto 0 auto;
		border:solid 1px #c96;
		box-sizing:border-box;
	}
	div.contact_link a{
		display:table-cell;
		height:50px;
		line-height:50px;
		text-align:center;
		color:#c96;
		font-size:18px;
		font-weight:900;
	}
	section.top_right_contact{
		padding:30px 0 0 0;
	}
	section.top_right_contact h3{
		text-align:center;
		color:#c96;
		font-size:28px;
		font-weight:900;
	}
	section.top_right_contact figure{
		width:250px;
		height:250px;
		background-repeat:no-repeat;
		background-position:center center;
		background-size:contain;
		margin:20px auto;
	}
	/*タイトル*/
	h3.title01{
		color:#cc9966;
		font-size:26px;
		text-align:center;
		font-weight:900;
	}
	h3.title02{
		text-align:center;
		color:#cc9966;
		font-size:35px;
		font-weight:900;
		position:relative;
		z-index:1;
	}
	h3.title02::before{
		content:"";
		position:absolute;
		bottom:0;
		left:50%;
		width:50px;
		height:2px;
		background-color:#cc9966;
		transform:translate(-50%,-50%);
	}
	h3.title03{
		text-align:center;
		color:#cc9966;
		font-size:35px;
		font-weight:900;
		position:relative;
		z-index:1;
	}
	h3.title03::before{
		content:"";
		position:absolute;
		bottom:0;
		left:50%;
		width:50px;
		height:2px;
		background-color:#cc9966;
		transform:translate(-50%,-50%);
	}
	h3.title04{
		text-align:center;
		color:#cc9966;
		font-size:35px;
		font-weight:900;
		position:relative;
		z-index:1;
		padding:0 0 20px 0;
	}
	h3.title04::before{
		content:"";
		position:absolute;
		bottom:0;
		left:50%;
		width:50px;
		height:2px;
		background-color:#cc9966;
		transform:translate(-50%,-50%);
	}
	h3.title05{
		text-align:center;
		font-size:22px;
		color:#c96;
		position:relative;
		z-index:1;
	}
	h3.title05::before{
		content:"";
		position:absolute;
		bottom:0;
		left:50%;
		transform:translate(-50%,-50%);
		width:25px;
		height:2px;
		background-color:#c96;
	}
	/*ボタン*/
	div.btn{
	}
	div.btn a{
		width:200px;
		margin:0 auto;
		text-align:center;
		background:none;
		border:none;
		position:relative;
		z-index:3;
		line-height:40px;
		text-transform:uppercase;
		font-weight:bold;
		letter-spacing:3px;
		cursor:pointer;
		display:block;
		padding:10px;
		box-sizing:border-box;
		color:#cc9966;
		transition:all 0.3s ease; 
	}
	div.btn a::before{
		content:"";
    position:absolute;
    top:0;
    left:0;
    bottom:0;
    right:0;
    border:1px solid #cc9966;
	}
	div.btn a::after{
		content:"";
    position:absolute;
    top:10px;
    left:10px;
    bottom:-10px;
    right:-10px;
    border:1px solid #cc9966;
		transition:all 0.3s ease;
	}
	div.btn02{
		position:absolute;
		bottom:0;
		left:50%;
		transform:translate(-50%,0%);
	}
	div.btn02 a{
		width:200px;
		margin:0 auto;
		text-align:center;
		background:none;
		border:none;
		position:relative;
		z-index:3;
		line-height:40px;
		text-transform:uppercase;
		font-weight:bold;
		letter-spacing:3px;
		cursor:pointer;
		display:block;
		padding:10px;
		box-sizing:border-box;
		color:#cc9966;
		transition:all 0.3s ease; 
	}
	div.btn02 a::before{
		content:"";
    position:absolute;
    top:0;
    left:0;
    bottom:0;
    right:0;
    border:1px solid #cc9966;
	}
	div.btn02 a::after{
		content:"";
    position:absolute;
    top:10px;
    left:10px;
    bottom:-10px;
    right:-10px;
    border:1px solid #cc9966;
		transition:all 0.3s ease;
	}
	/*改行*/
	br.sp{
		display:block;
	}
	br.pc{
		display:none;
	}
	/*子ページ
	------------------------------------------------*/
	/*共通ページタイトル*/
	section.child_title{
		background-repeat:no-repeat;
		background-position:center center;
		background-size:cover;
		width:100%;
		padding:95px 0 50px 0;
		position:relative;
		z-index:1;
	}
	section.child_title::before{
		content:"";
		position:absolute;
		top:0;
		left:0;
		right:0;
		bottom:0;
		background-color:rgba(0,0,0,0.45);
	}
	section.child_title dl{
		text-align:center;
		color:#cc9966;
		position:relative;
		z-index:5;
		font-weight:900;
	}
	section.child_title dl dt{
		font-size:40px;
	}
	section.child_title dl dd{
		font-size:20px;
	}
	/*共通　背景*/
	section.child_wrap{
		width:100%;
		background-color:rgba(0,0,0,0.85);
	}
	/*システム
	------------------------------------------------------*/
	section.system_page{
		padding:100px 10px;
		box-sizing:border-box;
	}
	section.system_page dl{
		display:table;
		width:100%;
		table-layout:fixed;
		color:#cc9966;
		font-size:12px;
		border-bottom:1px solid #cc9966;
	}
	section.system_page dl:nth-child(1){
		border-top:1px solid #cc9966;
	}
	section.system_page dl dt{
		display:table-cell;
		width:35%;
		vertical-align:middle;
		height:50px;
		padding:0 5px;
		box-sizing:border-box;
	}
	section.system_page dl dd{
		display:table-cell;
		width:65%;
		vertical-align:middle;
		height:50px;
		padding:5px 0;
	}
	/*キャスト
	------------------------------------------------------*/
  section.child_title.new_type{
		background-repeat:no-repeat;
		background-position:center center;
		background-size:cover;
    padding:95px 0 50px 0;
		width:100%;
		position:relative;
		z-index:1;
    background-image: url("../img/recruit/tb_page_image.webp");
	}
  body.safari section.child_title.new_type{
    background-image: url("../img/recruit/tb_page_image.png");
  }
	div.cast_text{
		font-size:12px;
		color:#cc9966;
		line-height:2.5em;
		text-align:center;
		padding:30px 0;
	}
	ul.cast_list{
		width:100%;
		list-style:none;
		list-style-position:outside;
		box-sizing:border-box;
		padding:0 0 30px 5px;
	}
	ul.cast_list li{
		width:33.3333%;
		float:left;
		padding:0 5px 5px 0;
		box-sizing:border-box;
	}
	ul.cast_list li div{
		width:100%;
		position:relative;
		z-index:1;
	}
	ul.cast_list li div dl{
		padding:2px;
		box-sizing:border-box;
		width:100%;
		background-color:rgba(204,153,102,0.75);
	}
	ul.cast_list li div dl dt{
	}
	ul.cast_list li div dl dt figure{
		width:100%;
		padding:100% 0 0 0;
		background-repeat:no-repeat;
		background-position:center center;
		background-size:cover;
	}
	ul.cast_list li div dl dd{
		color:#300;
		text-align:center;
		font-size:14px;
		line-height:30px;
	}
	ul.cast_list li div a{
		position:absolute;
		top:0;
		left:0;
		right:0;
		bottom:0;
	}
	/*プロフィール
	------------------------------------------------------------*/
  section.child_title.new_type{
		background-repeat:no-repeat;
		background-position:center center;
		background-size:cover;
    padding:95px 0 50px 0;
		width:100%;
		position:relative;
		z-index:1;
    background-image: url("../img/recruit/tb_page_image.webp");
	}
  body.safari section.child_title.new_type{
    background-image: url("../img/recruit/tb_page_image.png");
  }
	section.profole_page{
		padding:70px 0;
	}
	section.porofile_area{
	}
	section.porofile_area section.picture{
		margin:0 auto;
		width:245px;
		height:auto;
		background-color:#c96;
		padding:5px;
		box-sizing:border-box;
	}
	section.porofile_area section.picture figure{
		width:100%;
		background-repeat:no-repeat;
		background-position:center center;
		background-size:cover;
		height:290px;
	}
	section.porofile_area section.picture div{
		text-align:center;
		color:#300;
		font-size:16px;
		font-weight:900;
		padding:5px 0 0 0;
	}
	section.porofile_area section.scroll ul{
		list-style:none;
		list-style-position:outside;
		padding:30px 0 0 0;
		box-sizing:border-box;
	}
	section.porofile_area section.scroll ul li{
		width:100%;
		padding:5px 0 0 0;
		box-sizing:border-box;
	}
	section.porofile_area section.scroll ul li dl{
		color:#c96;
		border-bottom:1px solid #c96;
	}
	section.porofile_area section.scroll ul li dl dt{
		position:relative;
		z-index:1;
		padding:0 0 0 30px;
		display:table;
	}
	section.porofile_area section.scroll ul li dl dt p{
		display:table-cell;
		height:30px;
		vertical-align:middle;
	}
	section.porofile_area section.scroll ul li dl dt::before{
		content:"Q";
		position:absolute;
		left:10px;
		line-height:30px;
		font-size:16px;
	}
	section.porofile_area section.scroll ul li dl dd{
		position:relative;
		z-index:1;
		padding:0 0 0 30px;
		display:table;
	}
	section.porofile_area section.scroll ul li dl dd p{
		display:table-cell;
		height:30px;
		vertical-align:middle;
	}
	section.porofile_area section.scroll ul li dl dd::before{
		content:"A";
		position:absolute;
		left:10px;
		line-height:30px;
		font-size:16px;
	}
	/*採用情報
	------------------------------------------------------------*/
  /*ページタイトル*/
  section.child_title.new_type{
		background-repeat:no-repeat;
		background-position:center center;
		background-size:cover;
		width:100%;
		padding:95px 0 50px 0;
		position:relative;
		z-index:1;
    background-image: url("../img/recruit/sp_page_image.webp");
	}
  body.safari section.child_title.new_type{
		background-image: url("../img/recruit/sp_page_image.png");
  }
	section.recruit_page{
		width:100%;
		position:relative;
		z-index:1;
		padding:50px 0 0 0;
	}
	section.recruit_page::before{
		content:"";
		position:fixed;
		z-index:-2;
		top:calc(35% + 5vw);
		left:50%;
		transform:translate(-50%,0%);
		background-image:url(../img/001.png);
		width:280px;
		height:280px;
		background-repeat:no-repeat;
		background-position:center center;
		background-size:cover;
	}
	section.recruit_text{
		width:80%;
		background-color:rgba(0,0,0,0.7);
		margin:0 auto 0 auto;
		color:#c96;
		font-size:14px;
		line-height:1.8em;
		text-align:center;
		padding:20px;
		box-sizing:border-box;
	}
	section.recruit_point{
		margin:50px 0 0 0;
	}
	section.recruit_point section.inner{
		background-color:rgba(0,0,0,0.7);
		padding:30px 15px;
		box-sizing:border-box;
	}
	section.recruit_point section.inner ul{
		list-style:none;
		list-style-position:outside;
		margin:50px 0 0 0;
	}
	section.recruit_point section.inner ul li{
		box-sizing:border-box;
		color:#c96;
	}
	section.recruit_point section.inner ul li dl{
		width:85%;
		border:solid 1px #c96;
		box-sizing:border-box;
		position:relative;
		z-index:1;
		padding:30px 10px 10px 10px;
		font-size:15px;
		line-height:1.2em;
		text-align:left;
		margin:0 auto 35px auto;
	}
	section.recruit_point section.inner ul li:nth-child(1) dl::before {
    content:"Point1";
    position:absolute;
    top:-5px;
    left:35px;
		transform:translate(-50%,-50%);
    padding:5px 10px;
    background-color:#c96;
		text-align:center;
		color:#000;
    font-size:18px;
    font-weight:900;
	}
	section.recruit_point section.inner ul li:nth-child(2) dl::before {
    content:"Point2";
    position:absolute;
    top:-5px;
    left:35px;
		transform:translate(-50%,-50%);
    padding:5px 10px;
    background-color:#c96;
		text-align:center;
		color:#000;
    font-size:18px;
    font-weight:900;
	}
	section.recruit_point section.inner ul li:nth-child(3) dl::before {
    content:"Point3";
    position:absolute;
    top:-5px;
    left:35px;
		transform:translate(-50%,-50%);
    padding:5px 10px;
    background-color:#c96;
		text-align:left;
		color:#000;
    font-size:18px;
    font-weight:900;
	}
	section.recruit_point section.inner ul li dl dt{
		font-size:16px;
		font-weight:700;
		margin:0 0 15px 0;
	}
	section.recruit_point section.inner ul li dl dt p{
		display:table;
		border-bottom:1px solid #c96;
	}
	section.recruit_point section.inner ul li dl dd{
		font-size:14px;
	}
	section.recruit_environment{
		width:100%;
		padding:50px 0 0 0;
		box-sizing:border-box;
	}
	section.recruit_environment section.inner{
		background-color:rgba(0,0,0,0.7);
		padding:50px 10px;
		box-sizing:border-box;
	}
	div.recruit_environment_text{
		text-align:center;
		color:#c96;
		font-size:14px;
		margin:30px 0;
	}
	ul.environment_top,
	ul.environment_bottom{
		list-style:none;
		list-style-position:outside;
	}
	ul.environment_top li{
		width:50%;
		padding:0 5px;
		float:left;
		box-sizing:border-box;
	}
	ul.environment_top li div{
		display:table;
		position:relative;
		z-index:1;
		margin:0 auto 15px auto;
	}
	ul.environment_top li:nth-child(1) div::before{
		content:"";
		position:absolute;
		width:70px;
		height:70px;
		top:50%;
		left:50%;
		transform:translate(-50%,-50%);
		background-image:url(../img/icon/money.png);
		background-repeat:no-repeat;
		background-position:center center;
		-webkit-background-size:cover;
		-moz-background-size:cover;
		background-size:cover;
	}
	ul.environment_top li:nth-child(2) div::before{
		content:"";
		position:absolute;
		width:70px;
		height:70px;
		top:50%;
		left:50%;
		transform:translate(-50%,-50%);
		background-image:url(../img/icon/time.png);
		background-repeat:no-repeat;
		background-position:center center;
		-webkit-background-size:cover;
		-moz-background-size:cover;
		background-size:cover;
	}
	ul.environment_top li:nth-child(3) div::before{
		content:"";
		position:absolute;
		width:70px;
		height:70px;
		top:50%;
		left:50%;
		transform:translate(-50%,-50%);
		background-image:url(../img/icon/rady.png);
		background-repeat:no-repeat;
		background-position:center center;
		-webkit-background-size:cover;
		-moz-background-size:cover;
		background-size:cover;
	}
	ul.environment_top li:nth-child(4) div::before{
		content:"";
		position:absolute;
		width:70px;
		height:70px;
		top:50%;
		left:50%;
		transform:translate(-50%,-50%);
		background-image:url(../img/icon/hand.png);
		background-repeat:no-repeat;
		background-position:center center;
		-webkit-background-size:cover;
		-moz-background-size:cover;
		background-size:cover;
	}
	ul.environment_top li div p{
		display:table-cell;
		width:140px;
		vertical-align:middle;
		height:140px;
		color:#c96;
		font-size:17px;
		font-weight:900;
		border:solid 1px #c96;
		text-align:center;
		border-radius:50%;
		background-color:rgba(0,0,0,0.65);
		position:relative;
		z-index:3;
	}
	ul.environment_bottom{
		margin:30px 0 0 0;
	}
	ul.environment_bottom li{
		color:#c96;
		border-bottom:1px solid #c96;
	}
	ul.environment_bottom li dl{
		background-color:rgba(0,0,0,0.5);
		width:100%;
		padding:10px;
		box-sizing:border-box;
	}
	ul.environment_bottom li dl dt{
		font-size:17px;
		color:#c96;
		font-weight:900;
		padding:0 0 0 22px;
		position:relative;
		z-index:1;
		line-height:40px;
	}
	ul.environment_bottom li:nth-child(1) dl dt::before{
		content:"";
		position:absolute;
		background-image:url(../img/icon/money.png);
		width:22px;
		height:22px;
		top:9px;
		left:0;
		background-repeat:no-repeat;
		background-position:center center;
		-webkit-background-size:cover;
		-moz-background-size:cover;
		background-size:cover;
	}
	ul.environment_bottom li:nth-child(2) dl dt::before{
		content:"";
		position:absolute;
		background-image:url(../img/icon/time.png);
		width:22px;
		height:22px;
		top:9px;
		left:0;
		background-repeat:no-repeat;
		background-position:center center;
		background-size:cover;
	}
	ul.environment_bottom li:nth-child(3) dl dt::before{
		content:"";
		position:absolute;
		background-image:url(../img/icon/rady.png);
		width:22px;
		height:22px;
		top:9px;
		left:0;
		background-repeat:no-repeat;
		background-position:center center;
		background-size:cover;
	}
	ul.environment_bottom li:nth-child(4) dl dt::before{
		content:"";
		position:absolute;
		background-image:url(../img/icon/hand.png);
		width:22px;
		height:22px;
		top:9px;
		left:0;
		background-repeat:no-repeat;
		background-position:center center;
		background-size:cover;
	}
	ul.environment_bottom li dl dd{
		font-size:14px;
	}
	ul.environment_bottom li dl dd ul{
		list-style:none;
		list-style-position:outside;
	}
	ul.environment_bottom li dl dd ul li{
		border:none;
		padding:0 0 0 10px;
	}
	ul.environment_bottom li dl dd ul.treatment li{
		float:left;
	}
	section.recruit_list{
		padding:50px 0;
	}
	section.recruit_list section.recruit_list_inner{
		width:100%;
		background-color:rgba(0,0,0,0.7);
		padding:50px 10px;
		box-sizing:border-box;
		margin:0 auto;
	}
	section.recruit_list dl{
		width:100%;
		display:table;
		border-bottom:1px solid #c96;
		box-sizing:border-box;
		font-size:14px;
		padding:0 10px;
		color:#c96;
	}
	section.recruit_list dl dt{
		display:table-cell;
		width:30%;
		height:50px;
		vertical-align:middle;
		padding:0 0 0 10px;
		box-sizing:border-box;
	}
	section.recruit_list dl dd{
		display:table-cell;
		width:70%;
		height:50px;
		vertical-align:middle;
	}
	div.yorunavi_link{
		text-align:center;
		font-size:14px;
		color:#c96;
		margin:30px 0 0 0;
	}
	div.yorunavi_link a{
		display:block;
		width:250px;
		margin:20px auto 0 auto;
		line-height:60px;
		height:60px;
		color:#c96;
		border:solid 1px #c96;
		text-align:center;
		box-sizing:border-box;
		font-size:20px;
		font-weight:900;
		transition:all 0.3s ease; 
	}
	div.yorunavi_link a:hover{
		background-color:#c96;
		color:#000;
	}
	section.recruit_contact{
		width:100%;
		background-color:rgba(0,0,0,0.7);
		padding:50px 0;
	}
	div.recruit_contact_text{
		text-align:center;
		color:#c96;
		font-size:14px;
		line-height:1.5em;
		margin:30px 0;
	}
	section.recruit_contact section.recruit_contact_table{
		width:100%;
		padding:0 10px;
		box-sizing:border-box;
	}
	section.recruit_contact section.recruit_contact_table section.recruit_tel{
		padding:30px 0;
		border-bottom:1px solid #c96;
	}
	section.recruit_contact section.recruit_contact_table section.recruit_tel dl{
		color:#c96;
		text-align:center;
	}
	section.recruit_contact section.recruit_contact_table section.recruit_tel dl dt{
		font-size:14px;
		line-height:1.2em;
		padding:0 0 15px 0;
	}
	section.recruit_contact section.recruit_contact_table section.recruit_tel dl dd{
	}
	section.recruit_contact section.recruit_contact_table section.recruit_tel dl dd a{
		display:table;
		padding:0 0 0 60px;
		font-size:24px;
		position:relative;
		z-index:1;
		margin:0 auto;
		color:#c96;
	}
	section.recruit_contact section.recruit_contact_table section.recruit_tel dl dd a::before{
		content:"";
		position:absolute;
		top:0;
		left:0;
		width:40px;
		height:40px;
		border:solid 1px #c96;
		border-radius:50%;
	}
	section.recruit_contact section.recruit_contact_table section.recruit_tel dl dd a::after{
		content:"\f095";		
		font-family:"Font Awesome 5 Free";
		position:absolute;
		left:8px;
		top:1px;
		color:#cc9966;
		font-size:24px;
		font-weight:900;
		text-align:center;
		line-height:40px;
	}
	section.recruit_contact section.recruit_contact_table section.recruit_line{
		padding:30px 0;
	}
	section.recruit_contact section.recruit_contact_table section.recruit_line dl dt{
		color:#c96;
		font-size:14px;
		line-height:1.2em;
		padding:0 0 15px 0;
		text-align:center;
	}
	section.recruit_contact section.recruit_contact_table section.recruit_line dl dd a{
		width:250px;
		height:50px;
		line-height:50px;
		border:solid 1px #c96;
		box-sizing:border-box;
		color:#c96;
		display:block;
		margin:0 auto;
		text-align:center;
	}
  div.insta{
    margin-top: 80px;
    border: solid 1px #c96;
    padding: 10px;
    box-sizing: border-box;
    padding-top: 40px;
    position: relative;
    z-index: 1;
    padding-bottom: 23px;
  }
  div.insta > p.title{
    padding: 0 10px;
    color: #c96;
    text-align: center;
    font-size: 25px;
    font-weight: 900;
    margin-bottom: 15px;
    position: relative;
    z-index: 1;
  }
  div.insta > p.title::before{
    content: "";
    position: absolute;
    top: -38px;
    left: 50%;
    transform: translateX(-50%);
    width: 50px;
    height: 50px;
    background-color: #c96;
    -webkit-mask-image: url("/img/svg/instagram.svg");
    mask-image: url("/img/svg/instagram.svg");
    -webkit-mask-position: center center;
    mask-position: center center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: cover;
    mask-size: cover;
  }
  div.insta div.img_block{
    display: flex;
    flex-wrap: wrap;
  }
  div.insta div.img_block > figure{
    width: calc(((100vw - 40px) / 3) - 2px);
    margin: 0 0.5px 1px 0.5px;
    height: calc(((100vw - 40px) / 3) - 2px);
  }
  div.insta div.img_block > figure img{
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  div.insta div.btn02{
    position: inherit !important;
    transform: translateX(0) !important;
    display: table !important;
    margin: 1rem auto 0 auto !important;
    left: inherit !important;
    bottom: inherit !important;
  }
  div.insta div.btn02 a{
    text-transform: inherit !important;
    white-space: nowrap !important;
  }
}
@media (orientation: landscape) and (max-width: 767px){
}
@media screen and (min-width:768px) and ( max-width:1099px){
	/*TB
	-------------------------------------------------------*/
	/*改行*/
	br.sp{
		display:none;
	}
	/*共通*/
	section.inner{
		width:100%;
		padding:0 10px;
		box-sizing:border-box;
	}
	/* header
	----------------------------------------------- */
	header{
		background-color:rgba(0,0,0,0.25);
	}
	header section.header,
	footer section.eccontents,
	footer section.inner{
		width:100%;
	}
	/*変更部分*/
	.ab-dark, .ab-dark a{
		color:#cc9966;
	}
	header.ab-dark .combomenu-icon > div > span{
		background-color:#cc9966;
	}
	header.ab-dark .combomenu-icon > div > span, header.ab-dark .combomenu-icon svg{
	}
	div.combomenu-icon p{
		position:absolute;
		font-size:7px;	
		bottom:-15px;
		left:-1px;
	}
	.combomenu-path > div > div:before{
		background-color:#c96;
		content:"";
	}
	footer.ab-dark div.snsarea a,
	footer.ab-dark section.sitemap,
	footer.ab-dark section.footercontents,
	footer.ab-dark section.footertop,
	footer.ab-dark section.eccontents dl.ecblock dt{
		border-color:#c96;
	}
	div.logo{
		font-family: 'Noto Serif JP', serif !important;
	}
	footer div.telarea a{
		font-size:26px;
		font-family: 'Noto Serif JP', serif !important;
	}
	/*footer
	------------------------------------------------*/
	/*変更部分*/
	.ab-light, .ab-light a{
		color:#cc9966;
	}
	footer.ab-light div.snsarea a,
	footer.ab-light section.sitemap,
	footer.ab-light section.footercontents,
	footer.ab-light section.footertop,
	footer.ab-light section.eccontents dl.ecblock dt{
		border-color:#c96;
	}
	/*スライダー
	-----------------------------------------------*/
	div.bx-controls-direction{
		display:none;
	}
	section.slider dl{
		width:500px;
		margin:0 auto;
	}
	section.slider img{
		width:500px;
		margin:0 auto;
	}
	section.slider.type_01 dl{
		background-color:rgba(0,0,0,0.5);
		padding:0 0 20px 0 !important;
	}
	section.slider.type_01 dl dd{
		font-size:4vw;
		font-weight:900;
	}
	section.slider.type_01
	.bx-wrapper .bx-pager,
	section.slider.type_01
	.bx-wrapper .bx-controls-auto{
		bottom:10px !important;
	}
	/*トップページ
	--------------------------------------*/
	/*header 変更部分*/
	/*コンテンツ
	---------------------------------------*/
	body.type_02.top section.container{
		padding:0 !important;
	}
	/*背景指定*/
	/*背景　パララックスsp*/
	section.back_image{
		width:100%;
		background-repeat:no-repeat;
		background-position:center center;
		background-size:cover;
	}
	section.top_text,
	section.top_cast,
	section.yorunavi_area{
		padding:50px 0;
	}
	section.greating,
	section.top_system,
	section.top_recruit{
		position:relative;
		z-index:1;
		padding:70px 0 80px 0;
	}
	section.greating::before,
	section.top_system::before,
	section.top_recruit::before{
		content:"";
		position:absolute;
		top:0;
		right:0;
		bottom:0;
		left:0;
		background-color:rgba(0,0,0,0.35);
	}
	/*トップページ　コンテンツ*/
	section.top_text{
		padding:150px 0 75px 0;
		box-sizing:border-box;
	}
	section.top_text div.top_textbox{
		padding:50px 0;
		box-sizing:border-box;
	}
	section.top_text div.top_textbox p{
		line-height:2.5em;
		color:#cc9966;
		font-size:14px;
		text-align:center;
		margin:30px 0 0 0;
	}
	section.greating{
		background-repeat:no-repeat;
		background-position:center center;
		background-size:cover;
		width:100%;
	}
	section.greating_box{
		padding:30px 0;
		table-layout:fixed;
		position:relative;
		z-index:10;
		margin:0 auto;
	}
  section.greating_box div.greeting_in_box{
    display: flex;
  }
	section.greating_box div.greeting_in_box div:nth-child(1){
		width:50%;
		vertical-align:middle;
		background-color:rgba(0,0,0,0.65);
		height:448px;
		padding:40px;
    padding-right: 20px;
    line-height: 1.8em;
		box-sizing:border-box;
    position: relative;
    z-index: 1;
    color: #cc9966;
	}
  section.greating_box div.greeting_in_box div:nth-child(1)::before{
    content: "";
    position: absolute;
    top: 20px;
    left: 20px;
    bottom: 20px;
    right: -20px;
    border: solid 1px #cc9966;
    z-index: 2;
  }
	section.greating_box div.greeting_in_box div:nth-child(1) figure{
		width:100%;
		background-repeat:no-repeat;
		background-position:center center;
		background-size:cover;
	}
  section.greating_box div.greeting_in_box div:nth-child(2){
		width:50%;
		vertical-align:middle;
		height:448px;
    position: relative;
    z-index: 5;
	}
	section.greating_box div.greeting_in_box div:nth-child(2) figure{
		width:100%;
		height:448px;
	}
  section.greating_box div.greeting_in_box div:nth-child(2) figure img{
    width: 100%;
    object-fit: cover;
    height: 100%;
  }
  /*salon de dahliaオープンしました*/
  section.new_store{
    display: flex;
    flex-direction: row-reverse;
    position: relative;
    z-index: 1;
    background-color: rgba(0,0,0,0.65);
    margin-top: 50px;
  }
  section.new_store::before{
    content: "";
    position: absolute;
    top: 20px;
    right: 20px;
    left: 20px;
    bottom: 20px;
    z-index: 1;
    border: solid 1px #c96;
  }
  section.new_store div.n_store_text,
  section.new_store div.new_o_img{
    width: 50%;
  }
  section.new_store div.n_store_text{
    padding: 40px 40px 40px 20px;
    box-sizing: border-box;
    background-color: rgba(0,0,0,0.65);
  }
  section.new_store div.n_store_text > h1{
    font-size: 22px;
    font-weight: 900;
    color: #c96;
    text-align: center;
  }
  section.greating section.new_store div.n_store_text > h1 span.logo{
    background-color: #cc9966;
    -webkit-mask-position: center center;
    mask-position: center center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: cover;
    -webkit-mask-image: url("../img/svg/salon_de_dahlia_logo02.svg");
    mask-image: url("../img/svg/salon_de_dahlia_logo02.svg");
    z-index: 2;
    width: 210px;
    height: 68px;
    margin: 0 auto;
    display: table;
  }
  section.new_store div.n_store_text > p{
    color: #c96;
    line-height: 2.5rem;
  }
  section.new_store div.n_store_text div.o_contact{
  }
  section.new_store div.n_store_text div.o_contact div.tel{
  }
  section.new_store div.n_store_text div.o_contact div.tel a{
    display: table;
    padding: 0 0 0 60px;
    position: relative;
    z-index: 1;
    line-height: 50px;
    color: #c96;
    margin: 0 auto;
    font-size: 30px;
    font-weight: 900;
    pointer-events: none;
  }
  section.new_store div.n_store_text div.o_contact div.tel a::before{
    content: "";
    position: absolute;
    top: 5px;
    left: 0;
    width: 40px;
    height: 40px;
    border: solid 1px #c96;
    box-sizing: border-box;
    border-radius: 50%;
    margin: 0 auto;
  }
  section.new_store div.n_store_text div.o_contact div.tel a::after{
    content: "\f095";
    font-family: "Font Awesome 5 Free";
    position: absolute;
    left: 10px;
    top: 0;
    color: #cc9966;
    font-size: 21px;
    font-weight: 900;
  }
  section.new_store div.n_store_text div.o_contact div.line{
    display: table;
    margin: 0 auto;
    margin-top: 20px;
  }
  section.new_store div.n_store_text div.o_contact div.line a{
    display: block;
    height: 50px;
    line-height: 50px;
    text-align: center;
    color: #c96;
    font-size: 20px;
    font-weight: 900;
    transition: all 0.3s ease;
    width: 250px;
    border: solid 1px #c96;
  }
  section.new_store div.new_o_img{
    height: 516px;
    position: relative;
    z-index: 3;
  }
  section.new_store div.new_o_img figure{
    height: 100%;
  }
  section.new_store div.new_o_img figure picture{
    width: 100%;
    height: 100%;
    display: block;
  }
  section.new_store div.new_o_img figure img{
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
	/*キャスト*/
	section.top_cast ul{
		width:100%;
		padding:80px 0;
		box-sizing:border-box;
		position:relative;
		z-index:1;
		list-style:none;
		list-style-position:outside;
	}
	section.top_cast ul li{
		width:50%;
		float:left;
		height:302px;
	}
	section.top_cast ul li:nth-child(1){
		padding:0 2px 2px 0;
		box-sizing:border-box;
	}
	section.top_cast ul li:nth-child(2){
		padding:0 0 2px 2px;
		box-sizing:border-box;
	}
	section.top_cast ul li:nth-of-type(3){
		position:absolute;
		top:50%;
		left:50%;
		transform:translate(-50%,-50%);
		background:-moz-radial-gradient(rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
		background:-webkit-radial-gradient(rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
		background:radial-gradient(rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */
		border-radius:50%;
		width:280px !important;
	}
	section.top_cast ul li:nth-of-type(3) figure{
		background-repeat:no-repeat;
		background-position:center center;
		background-size:contain;
	}
	section.top_cast ul li:nth-child(4){
		padding:2px 2px 0 0;
		box-sizing:border-box;
	}
	section.top_cast ul li:nth-child(5){
		padding:2px 0 0 2px;
		box-sizing:border-box;
	}
	section.top_cast ul li figure{
		width:100%;
		height:300px;
		position:relative;
		z-index:-1;
	}
  section.top_cast ul li figure img{
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  section.top_cast ul li:nth-of-type(3) figure img{
    object-fit: contain;
  }
	/*システム*/
	section.top_system{
		background-repeat:no-repeat;
		background-position:center center;
		background-size:cover;
		width:100%;
	}
	section.top_system div.system_inner{
		padding:40px;
		width:70%;
		display:table;
		margin:0 auto;
		background-color:rgba(0,0,0,0.65);
		color:#cc9966;
		font-size:14px;
		line-height:1.8em;
		box-sizing:border-box;
	}
	section.top_system div.system_inner p{
		padding:30px 15px 30px 15px;
		width:100%;
		text-align:center;
		box-sizing:border-box;
	}
	/*ヨルナビエリア*/
	section.yorunavi_area{
	}
	section.yorunavi_area section.yorunavi_table{
		width:100%;
	}
	section.yorunavi_area section.yorunavi_table section.yorunavi_cell{
		position:relative;
		z-index:1;
		padding:40px 0 60px 0;
	}
	ul.photofavo{
		list-style:none;
		list-style-position:outside;
		width:550px;
		margin:30px auto 30px auto;
	}
	ul.photofavo li{
		width:calc( 25% - 2px );
		display:block;
		float:left;
		margin:0 2px 2px 0;
	}
	ul.photofavo li a{
		display:block;
		width:100%;
	}
	ul.photofavo li a img{
		width:100%;
	}
	section.yorunavi_blog{
		padding:80px 0 60px 0 !important;
	}
	ul.blog{
		list-style:none;
		list-style-position:outside;
		width:550px;
		margin:30px auto 30px auto;
	}
	ul.blog li{
		width:100%;
		position:relative;
		z-index:2;
		border-bottom:1px dotted #cc9966;
	}
	ul.blog li:first-child{
		border-top:1px dotted #cc9966;
	}
	ul.blog li a{
		display:block;
		position:absolute;
		top:0;
		left:0;
		right:0;
		bottom:0;
		transition:all 0.3s ease;
	}
	ul.blog li dl{
		width:100%;
		display:table;
		color:#cc9966;
		padding:0 20px;
		box-sizing:border-box;
	}
	ul.blog li dl dt{
		display:table-cell;
		width:20%;
		vertical-align:middle;
	}
	ul.blog li dl dd{
		display:table-cell;
		width:80%;
		text-align:left;
		padding:0 0 0 10px;
		box-sizing:border-box;
		vertical-align:middle;
		line-height:50px;
		font-size:12px;
		overflow:hidden;
		text-overflow:ellipsis;
		white-space:nowrap;
		max-width:1px;
	}
	/*採用情報*/
	secrion.top_recruit{
	}
	section.top_recruit div.recruit_inner{
		padding:40px;
		width:70%;
		display:table;
		margin:0 auto;
		background-color:rgba(0,0,0,0.65);
		color:#cc9966;
		font-size:14px;
		line-height:1.8em;
		box-sizing:border-box;
	}
	section.top_recruit div.recruit_inner p{
		padding:30px 15px 30px 15px;
		width:100%;
		text-align:center;
		box-sizing:border-box;
	}
	/*お問い合わせ*/
	section.top_contact{
		padding:85px 0;
	}
	div.top_contact_text{
		text-align:center;
		color:#cc9966;
		font-size:14px;
		padding:20px 0;
	}
	div.top_contact_text02{
		color:#c96;
		font-size:22px;
		text-align:center;
		font-weight:900;
		margin:0 0 10px 0;
	}
	div.top_contact_text02 p{
		font-size:14px;
	}
	section.top_conact_area div.topline_box div.top_contact_text02{
		margin:0 0 15px 0;
	}
	section.top_conact_area{
		width:100%;
		display:table;
	}
	section.top_conact_area section.top_left_contact,
	section.top_conact_area section.top_right_contact{
		display:table-cell;
		width:50%;
		vertical-align:middle;
	}
	section.top_conact_area section.top_left_contact{
		border-right:1px solid #c96;
		box-sizing:border-box;
	}
	section.top_conact_area section.top_right_contact{
		padding:20px 0 20px 1px;
		box-sizing:border-box;
	}
	div.toptel_box{
		margin:0 0 50px 0;
	}
	div.top_tel a{
		display:table;
		padding:0 0 0 50px;
		position:relative;
		z-index:1;
		line-height:40px;
		color:#c96;
		margin:0 auto;
		font-size:30px;
		font-weight:900;
		pointer-events:none;
	}
	div.top_tel a::before{
		content:"";
		position:absolute;
		top:0;
		left:0;
		width:40px;
		height:40px;
		line-height:40px;
		border:solid 1px #c96;
		box-sizing:border-box;
		border-radius:50%;
		margin:0 auto;
	}
	div.top_tel a::after{
		content:"\f095";
		font-family:"Font Awesome 5 Free";
		position:absolute;
		left:7px;
		top:0;
		color:#cc9966;
		font-size:24px;
		font-weight:900;
	}
	section.top_conact_area div.topline_box{
		padding:0 0 0 1px;
	}
	div.contact_link{
		display:table;
		width:250px;
		margin:0 auto;
		border:solid 1px #c96;
		box-sizing:border-box;
	}
	div.contact_link a{
		display:table-cell;
		height:50px;
		line-height:50px;
		text-align:center;
		color:#c96;
		font-size:20px;
		font-weight:900;
	}
	section.top_right_contact h3{
		text-align:center;
		color:#c96;
		font-size:26px;
	}
	section.top_right_contact figure{
		width:200px;
		height:200px;
		margin:15px auto 15px auto;
		background-repeat:no-repeat;
		background-position:center center;
		background-size:contain;
	}
	/*タイトル*/
	h3.title01{
		color:#cc9966;
		font-size:30px;
		text-align:center;
		font-weight:900;
	}
	h3.title02{
		text-align:center;
		color:#cc9966;
		font-size:45px;
		font-weight:900;
		position:relative;
		z-index:1;
	}
	h3.title02::before{
		content:"";
		position:absolute;
		bottom:0;
		left:50%;
		width:50px;
		height:2px;
		background-color:#cc9966;
		transform:translate(-50%,-50%);
	}
	h3.title03{
		font-size:26px;
		text-align:center;
		font-weight:900;
		color:#cc9966;
	}
	h3.title04{
		text-align:center;
		color:#cc9966;
		font-size:45px;
		font-weight:900;
		position:relative;
		z-index:1;
		padding:0 0 20px 0;
	}
	h3.title04::before{
		content:"";
		position:absolute;
		bottom:0;
		left:50%;
		width:50px;
		height:2px;
		background-color:#cc9966;
		transform:translate(-50%,-50%);
	}
	h3.title05{
		text-align:center;
		font-size:24px;
		color:#c96;
		position:relative;
		z-index:1;
		font-weight:900;
	}
	h3.title05::before{
		content:"";
		position:absolute;
		bottom:0;
		left:50%;
		transform:translate(-50%,-50%);
		width:25px;
		height:2px;
		background-color:#c96;
	}
	/*ボタン*/
	div.btn{
	}
	div.btn a{
		width:250px;
		margin:0 auto;
		text-align:center;
		background:none;
		border:none;
		position:relative;
		z-index:3;
		line-height:40px;
		text-transform:uppercase;
		font-weight:bold;
		letter-spacing:3px;
		cursor:pointer;
		display:block;
		padding:10px;
		box-sizing:border-box;
		color:#cc9966; 
	}
	div.btn a::before{
		content:"";
    position:absolute;
    top:0;
    left:0;
    bottom:0;
    right:0;
    border:1px solid #cc9966;
	}
	div.btn a::after{
		content:"";
    position:absolute;
    top:10px;
    left:10px;
    bottom:-10px;
    right:-10px;
    border:1px solid #cc9966;
		transition:all 0.3s ease;
	}
	div.btn02{
		position:absolute;
		bottom:0;
		left:50%;
		transform:translate(-50%,0%);
	}
	div.btn02 a{
		width:250px;
		margin:0 auto;
		text-align:center;
		background:none;
		border:none;
		position:relative;
		z-index:3;
		line-height:40px;
		text-transform:uppercase;
		font-weight:bold;
		letter-spacing:3px;
		cursor:pointer;
		display:block;
		padding:10px;
		box-sizing:border-box;
		color:#cc9966; 
	}
	div.btn02 a::before{
		content:"";
    position:absolute;
    top:0;
    left:0;
    bottom:0;
    right:0;
    border:1px solid #cc9966;
	}
	div.btn02 a::after{
		content:"";
    position:absolute;
    top:10px;
    left:10px;
    bottom:-10px;
    right:-10px;
    border:1px solid #cc9966;
		transition:all 0.3s ease;
	}
	/*子ページ
	------------------------------------------------*/
	/*共通ページタイトル*/
	section.child_title{
		background-repeat:no-repeat;
		background-position:center center;
		background-size:cover;
		width:100%;
		padding:150px 0 100px 0;
		position:relative;
		z-index:1;
	}
	section.child_title::before{
		content:"";
		position:absolute;
		top:0;
		left:0;
		right:0;
		bottom:0;
		background-color:rgba(0,0,0,0.45);
	}
	section.child_title dl{
		text-align:center;
		color:#cc9966;
		position:relative;
		z-index:5;
		font-weight:900;
	}
	section.child_title dl dt{
		font-size:40px;
	}
	section.child_title dl dd{
		font-size:20px;
	}
	/*共通　背景*/
	section.child_wrap{
		width:100%;
		background-color:rgba(0,0,0,0.85);
	}
	/*システム
	------------------------------------------------------*/
	section.system_page{
		padding:100px 10px;
		box-sizing:border-box;
	}
	section.system_page dl{
		display:table;
		width:100%;
		table-layout:fixed;
		color:#cc9966;
		font-size:14px;
		border-bottom:1px solid #cc9966;
	}
	section.system_page dl:nth-child(1){
		border-top:1px solid #cc9966;
	}
	section.system_page dl dt{
		display:table-cell;
		width:30%;
		vertical-align:middle;
		height:50px;
		line-height:50px;
		padding:0 0 0 10px;
		box-sizing:border-box;
	}
	section.system_page dl dd{
		display:table-cell;
		width:70%;
		vertical-align:middle;
		height:50px;
		padding:5px 0;
	}
	/*キャスト
	------------------------------------------------------*/
  section.child_title.new_type{
		background-repeat:no-repeat;
		background-position:center center;
		background-size:cover;
    padding:150px 0 100px 0;
		width:100%;
		position:relative;
		z-index:1;
    background-image: url("../img/recruit/tb_page_image.webp");
	}
  body.safari section.child_title.new_type{
    background-image: url("../img/recruit/tb_page_image.png");
  }
	div.cast_text{
		font-size:12px;
		color:#cc9966;
		line-height:2.5em;
		text-align:center;
		padding:50px 0;
	}
	ul.cast_list{
		width:100%;
		list-style:none;
		list-style-position:outside;
		padding:0 0 50px 20px;
	}
	ul.cast_list li{
		width:25%;
		float:left;
		padding:0 20px 20px 0;
		box-sizing:border-box;
	}
	ul.cast_list li div{
		width:100%;
		position:relative;
		z-index:1;
	}
	ul.cast_list li div dl{
		padding:2px;
		box-sizing:border-box;
		width:100%;
		background-color:rgba(204,153,102,0.75);
	}
	ul.cast_list li div dl dt{
	}
	ul.cast_list li div dl dt figure{
		width:100%;
		padding:100% 0 0 0;
		background-repeat:no-repeat;
		background-position:center center;
		background-size:cover;
	}
	ul.cast_list li div dl dd{
		color:#300;
		text-align:center;
		font-size:14px;
		line-height:30px;
	}
	ul.cast_list li div a{
		position:absolute;
		top:0;
		left:0;
		right:0;
		bottom:0;
	}
	/*プロフィール
	------------------------------------------------------------*/
  section.child_title.new_type{
		background-repeat:no-repeat;
		background-position:center center;
		background-size:cover;
    padding:150px 0 100px 0;
		width:100%;
		position:relative;
		z-index:1;
    background-image: url("../img/recruit/tb_page_image.webp");
	}
  body.safari section.child_title.new_type{
    background-image: url("../img/recruit/tb_page_image.png");
  }
	section.profole_page{
		padding:100px 0;
	}
	section.porofile_area{
	}
	section.porofile_area section.picture{
		margin:0 auto;
		width:280px;
		height:auto;
		background-color:#c96;
		padding:5px;
		box-sizing:border-box;
	}
	section.porofile_area section.picture figure{
		width:100%;
		background-repeat:no-repeat;
		background-position:center center;
		-webkit-background-size:cover;
		-moz-background-size:cover;
		background-size:cover;
		height:330px;
	}
	section.porofile_area section.picture div{
		text-align:center;
		color:#300;
		font-size:18px;
		font-weight:900;
		padding:5px 0 0 0;
	}
	section.porofile_area section.scroll{
	}
	section.porofile_area section.scroll ul{
		list-style:none;
		list-style-position:outside;
		display:flex;
		flex-wrap:wrap;
		padding:50px 0 0 15px;
		box-sizing:border-box;
	}
	section.porofile_area section.scroll ul li{
		width:50%;
		padding:10px 15px 0 0;
		box-sizing:border-box;
	}
	section.porofile_area section.scroll ul li dl{
		color:#c96;
		border-bottom:1px solid #c96;
	}
	section.porofile_area section.scroll ul li dl dt{
		position:relative;
		z-index:1;
		padding:0 0 0 30px;
		display:table;
	}
	section.porofile_area section.scroll ul li dl dt p{
		display:table-cell;
		height:30px;
		vertical-align:middle;
	}
	section.porofile_area section.scroll ul li dl dt::before{
		content:"Q";
		position:absolute;
		left:10px;
		line-height:30px;
		font-size:16px;
	}
	section.porofile_area section.scroll ul li dl dd{
		position:relative;
		z-index:1;
		padding:0 0 0 30px;
		display:table;
	}
	section.porofile_area section.scroll ul li dl dd p{
		display:table-cell;
		height:30px;
		vertical-align:middle;
	}
	section.porofile_area section.scroll ul li dl dd::before{
		content:"A";
		position:absolute;
		left:10px;
		line-height:30px;
		font-size:16px;
	}
	/*採用情報
	------------------------------------------------------------*/
  /*ページタイトル*/
  section.child_title.new_type{
		background-repeat:no-repeat;
		background-position:center center;
		background-size:cover;
		width:100%;
		padding:150px 0 100px 0;
		position:relative;
		z-index:1;
    background-image: url("../img/recruit/tb_page_image.webp");
	}
  body.safari section.child_title.new_type{
		background-image: url("../img/recruit/tb_page_image.png");
  }
	section.recruit_page{
		width:100%;
		position:relative;
		z-index:1;
	}
	section.recruit_page::before{
		content:"";
		position:fixed;
		z-index:-2;
		top:65%;
		left:50%;
		transform:translate(-50%,-50%);
		background-image:url(../img/001.png);
		width:450px;
		height:450px;
		background-repeat:no-repeat;
		background-position:center center;
		background-size:cover;
	}
	section.recruit_text{
		width:60%;
		background-color:rgba(0,0,0,0.7);
		margin:50px auto 0 auto;
		color:#c96;
		font-size:14px;
		line-height:1.8em;
		text-align:center;
		padding:50px;
		box-sizing:border-box;
	}
	section.recruit_point{
		margin:50px 0 0 0;
	}
	section.recruit_point section.inner{
		background-color:rgba(0,0,0,0.7);
		padding:30px;
		box-sizing:border-box;
	}
	section.recruit_point section.inner ul{
		list-style:none;
		list-style-position:outside;
		display:table;
		margin:50px 0 0 0;
	}
	section.recruit_point section.inner ul li{
		display:table-cell;
		width:33.3333%;
		vertical-align:top;
		padding:0 10px;
		box-sizing:border-box;
		color:#c96;
	}
	section.recruit_point section.inner ul li dl{
		width:100%;
		border:solid 1px #c96;
		box-sizing:border-box;
		position:relative;
		z-index:1;
		padding:30px 10px 10px 10px;
		font-size:14px;
		line-height:1.5em;
		text-align:center;
		height:250px;
	}
	section.recruit_point section.inner ul li:nth-child(1) dl::before {
    content:"Point1";
    position:absolute;
    top:-5px;
    left:50%;
		transform:translate(-50%,-50%);
    padding:10px;
    background-color:#c96;
		text-align:center;
		color:#000;
    font-size:18px;
    font-weight:900;
	}
	section.recruit_point section.inner ul li:nth-child(2) dl::before {
    content:"Point2";
    position:absolute;
    top:-5px;
    left:50%;
		transform:translate(-50%,-50%);
    padding:10px;
    background-color:#c96;
		text-align:center;
		color:#000;
    font-size:18px;
    font-weight:900;
	}
	section.recruit_point section.inner ul li:nth-child(3) dl::before {
    content:"Point3";
    position:absolute;
    top:-5px;
    left:50%;
		transform:translate(-50%,-50%);
    padding:10px;
    background-color:#c96;
		text-align:center;
		color:#000;
    font-size:18px;
    font-weight:900;
	}
	section.recruit_point section.inner ul li dl dt{
		font-size:16px;
		font-weight:700;
		margin:0 0 15px 0;
	}
	section.recruit_point section.inner ul li dl dt p{
		display:table;
		margin:0 auto;
		border-bottom:1px solid #c96;
	}
	section.recruit_point section.inner ul li dl dd{
		font-size:14px;
	}
	section.recruit_environment{
		margin:50px 0 0 0;
	}
	section.recruit_environment section.inner{
		background-color:rgba(0,0,0,0.7);
		padding:50px;
		box-sizing:border-box;
	}
	div.recruit_environment_text{
		text-align:center;
		color:#c96;
		font-size:14px;
		margin:30px 0;
	}
	ul.environment_top,
	ul.environment_bottom{
		list-style:none;
		list-style-position:outside;
	}
	ul.environment_top li{
		width:50%;
		padding:0 15px;
		float:left;
		box-sizing:border-box;
	}
	ul.environment_top li div{
		display:table;
		position:relative;
		z-index:1;
		margin:0 auto 30px auto;
	}
	ul.environment_top li:nth-child(1) div::before{
		content:"";
		position:absolute;
		width:130px;
		height:130px;
		top:50%;
		left:50%;
		transform:translate(-50%,-50%);
		background-image:url(../img/icon/money.png);
		background-repeat:no-repeat;
		background-position:center center;
		background-size:cover;
	}
	ul.environment_top li:nth-child(2) div::before{
		content:"";
		position:absolute;
		width:130px;
		height:130px;
		top:50%;
		left:50%;
		transform:translate(-50%,-50%);
		background-image:url(../img/icon/time.png);
		background-repeat:no-repeat;
		background-position:center center;
		background-size:cover;
	}
	ul.environment_top li:nth-child(3) div::before{
		content:"";
		position:absolute;
		width:130px;
		height:130px;
		top:50%;
		left:50%;
		transform:translate(-50%,-50%);
		background-image:url(../img/icon/rady.png);
		background-repeat:no-repeat;
		background-position:center center;
		background-size:cover;
	}
	ul.environment_top li:nth-child(4) div::before{
		content:"";
		position:absolute;
		width:130px;
		height:130px;
		top:50%;
		left:50%;
		transform:translate(-50%,-50%);
		background-image:url(../img/icon/hand.png);
		background-repeat:no-repeat;
		background-position:center center;
		background-size:cover;
	}
	ul.environment_top li div p{
		display:table-cell;
		width:217px;
		vertical-align:middle;
		height:217px;
		color:#c96;
		font-size:24px;
		border:solid 1px #c96;
		text-align:center;
		border-radius:50%;
		background-color:rgba(0,0,0,0.65);
		position:relative;
		z-index:3;
	}
	ul.environment_bottom{
		margin:30px 0 0 0;
	}
	ul.environment_bottom li{
		color:#c96;
		border-bottom:1px solid #c96;
	}
	ul.environment_bottom li dl{
		background-color:rgba(0,0,0,0.5);
		width:100%;
		padding:20px;
		box-sizing:border-box;
	}
	ul.environment_bottom li dl dt{
		font-size:24px;
		color:#c96;
		font-weight:900;
		padding:0 0 0 50px;
		position:relative;
		z-index:1;
		line-height:40px;
	}
	ul.environment_bottom li:nth-child(1) dl dt::before{
		content:"";
		position:absolute;
		background-image:url(../img/icon/money.png);
		width:30px;
		height:30px;
		top:5px;
		left:10px;
		background-repeat:no-repeat;
		background-position:center center;
		background-size:cover;
	}
	ul.environment_bottom li:nth-child(2) dl dt::before{
		content:"";
		position:absolute;
		background-image:url(../img/icon/time.png);
		width:30px;
		height:30px;
		top:5px;
		left:10px;
		background-repeat:no-repeat;
		background-position:center center;
		background-size:cover;
	}
	ul.environment_bottom li:nth-child(3) dl dt::before{
		content:"";
		position:absolute;
		background-image:url(../img/icon/rady.png);
		width:30px;
		height:30px;
		top:5px;
		left:10px;
		background-repeat:no-repeat;
		background-position:center center;
		background-size:cover;
	}
	ul.environment_bottom li:nth-child(4) dl dt::before{
		content:"";
		position:absolute;
		background-image:url(../img/icon/hand.png);
		width:30px;
		height:30px;
		top:5px;
		left:10px;
		background-repeat:no-repeat;
		background-position:center center;
		background-size:cover;
	}
	ul.environment_bottom li dl dd ul{
		list-style:none;
		list-style-position:outside;
	}
	ul.environment_bottom li dl dd ul li{
		border:none;
		padding:0 0 0 20px;
	}
	ul.environment_bottom li dl dd ul.treatment li{
		float:left;
	}
	section.recruit_list{
		padding:50px 0;
	}
	section.recruit_list section.recruit_list_inner{
		width:100%;
		background-color:rgba(0,0,0,0.7);
		padding:50px 10px;
		box-sizing:border-box;
		margin:0 auto;
	}
	section.recruit_list dl{
		width:600px;
		display:table;
		margin:0 auto;
		border-bottom:1px solid #c96;
		box-sizing:border-box;
		font-size:14px;
		color:#c96;
	}
	section.recruit_list dl dt{
		display:table-cell;
		width:30%;
		height:50px;
		vertical-align:middle;
		padding:0 0 0 10px;
		box-sizing:border-box;
	}
	section.recruit_list dl dd{
		display:table-cell;
		width:70%;
		height:50px;
		vertical-align:middle;
	}
	div.yorunavi_link{
		text-align:center;
		font-size:14px;
		color:#c96;
		margin:30px 0 0 0;
	}
	div.yorunavi_link a{
		display:block;
		width:250px;
		margin:20px auto 0 auto;
		line-height:60px;
		height:60px;
		color:#c96;
		border:solid 1px #c96;
		text-align:center;
		box-sizing:border-box;
		font-size:20px;
		font-weight:900;
		transition:all 0.3s ease; 
	}
	div.yorunavi_link a:hover{
		background-color:#c96;
		color:#000;
	}
	section.recruit_contact{
		width:100%;
		background-color:rgba(0,0,0,0.7);
		padding:50px 0;
	}
	div.recruit_contact_text{
		text-align:center;
		color:#c96;
		font-size:14px;
		line-height:1.5em;
		margin:30px 0;
	}
	section.recruit_contact section.recruit_contact_table{
		width:100%;
		padding:0 10px;
		box-sizing:border-box;
		display:table;
	}
	section.recruit_contact section.recruit_contact_table section.recruit_tel{
		display:table-cell;
		width:50%;
		vertical-align:top;
		padding:30px 0;
		border-right:1px solid #c96;
	}
	section.recruit_contact section.recruit_contact_table section.recruit_tel dl{
		color:#c96;
		text-align:center;
	}
	section.recruit_contact section.recruit_contact_table section.recruit_tel dl dt{
		font-size:14px;
		line-height:1.2em;
		padding:0 0 15px 0;
	}
	section.recruit_contact section.recruit_contact_table section.recruit_tel dl dd a{
		display:table;
		padding:0 0 0 60px;
		font-size:24px;
		position:relative;
		z-index:1;
		margin:0 auto;
		color:#c96;
		pointer-events:none;
	}
	section.recruit_contact section.recruit_contact_table section.recruit_tel dl dd a::before{
		content:"";
		position:absolute;
		top:0;
		left:0;
		width:40px;
		height:40px;
		border:solid 1px #c96;
		border-radius:50%;
	}
	section.recruit_contact section.recruit_contact_table section.recruit_tel dl dd a::after{
		content:"\f095";		
		font-family:"Font Awesome 5 Free";
		position:absolute;
		left:10px;
		top:0;
		color:#cc9966;
		font-size:24px;
		font-weight:900;
		text-align:center;
		line-height:40px;
	}
	section.recruit_contact section.recruit_contact_table section.recruit_line{
		display:table-cell;
		width:50%;
		vertical-align:top;
		padding:30px 0;
	}
	section.recruit_contact section.recruit_contact_table section.recruit_line dl dt{
		color:#c96;
		font-size:14px;
		line-height:1.2em;
		padding:0 0 15px 0;
		text-align:center;
	}
	section.recruit_contact section.recruit_contact_table section.recruit_line dl dd a{
		width:250px;
		height:50px;
		line-height:50px;
		border:solid 1px #c96;
		box-sizing:border-box;
		color:#c96;
		display:block;
		margin:10px auto 0 auto;
		text-align:center;
	}
  /*インスタ追加*/
  div.insta{
    margin-top: 80px;
    border: solid 1px #c96;
    padding: 20px;
    box-sizing: border-box;
    padding-top: 50px;
    position: relative;
    z-index: 1;
    padding-bottom: 30px;
    width: 550px;
    margin: 80px auto 0 auto;
  }
  div.insta > p.title{
    padding: 0 10px;
    color: #c96;
    text-align: center;
    font-size: 25px;
    font-weight: 900;
    margin-bottom: 15px;
    position: relative;
    z-index: 1;
  }
  div.insta > p.title::before{
    content: "";
    position: absolute;
    top: -38px;
    left: 50%;
    transform: translateX(-50%);
    width: 50px;
    height: 50px;
    background-color: #c96;
    -webkit-mask-image: url("/img/svg/instagram.svg");
    mask-image: url("/img/svg/instagram.svg");
    -webkit-mask-position: center center;
    mask-position: center center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: cover;
    mask-size: cover;
  }
  div.insta div.img_block{
    display: flex;
    flex-wrap: wrap;
  }
  div.insta div.img_block > figure{
    width: calc((510px / 3) - 2px);
    margin: 0 0.5px 1px 0.5px;
    height: calc((510px / 3) - 2px);
  }
  div.insta div.img_block > figure img{
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  div.insta div.btn02{
    position: inherit !important;
    transform: translateX(0) !important;
    display: table !important;
    margin: 1rem auto 0 auto !important;
    left: inherit !important;
    bottom: inherit !important;
  }
  div.insta div.btn02 a{
    text-transform: inherit !important;
    white-space: nowrap !important;
  }
}
@media (orientation: landscape) and (min-width:768px) and ( max-width:1099px){
}
@media screen and (min-width:1100px){
	/*PC
	----------------------------------------------------*/
	/*改行*/
	br.sp{
		display:none;
	}
	/*共通*/
	section.inner{
		width:1100px;
		margin:0 auto;
	}
	/* header
	----------------------------------------------- */
	header{
		background-color:rgba(0,0,0,0.25);
	}
	header section.header,
	footer section.eccontents,
	footer section.inner{
		width:1100px;
	}
	header nav ul li div a{
		color:#cc9966;
	}
	header div.menu_btn{
		display:none;
	}
	/*変更部分*/
	.ab-dark, .ab-dark a{
		color:#cc9966;
	}
	header div.logo{
		line-height:40px;
		font-family: 'Noto Serif JP', serif !important;
	}
	div.header_link{
	}
	div.header_link a{
		text-align:center;
		font-size:18px;
	}
	div.header_link a p{
		text-align:center;
		font-size:12px;
		line-height:10px;
	}
	div.telarea{
		font-size:26px;
		font-family: 'Noto Serif JP', serif !important;
	}
	/*スライダー
	-------------------------------------------------*/
	section.slider.type_01 .bx-wrapper .bx-pager, section.slider.type_01 .bx-wrapper .bx-controls-auto{
		bottom:10px !important;
	}
	section.slider.type_01 dl{
		background-color:rgba(0,0,0,0.5);
		padding:10px 0 30px 0;
	}
	section.slider.type_01 dl dd{
		font-size:1.2vw;
		font-weight:900;
	}
	section.slider img{
		width:500px;
		margin:0 auto;
	}
	div.bx-controls-direction{
		display:none;
	}
	/*footer
	------------------------------------------------*/
	.ab-light, .ab-light a{
		color:#cc9966;
	}
	footer.ab-light div.snsarea a,
	footer.ab-light section.sitemap,
	footer.ab-light section.footercontents,
	footer.ab-light section.footertop,
	footer.ab-light section.eccontents dl.ecblock dt{
		border-color:#c96;
	}
	footer section.sitemap.type_01 nav ul li a{
		text-align:center;
		font-size:18px !important;
	}
	footer section.sitemap.type_01 nav ul li a p{
		text-align:center;
		font-size:12px;
	}
	footer.ab-dark div.snsarea a,
	footer.ab-dark section.sitemap,
	footer.ab-dark section.footercontents,
	footer.ab-dark section.footertop,
	footer.ab-dark section.eccontents dl.ecblock dt{
		border-color:#c96 !important;
	}
	/*トップページ
	--------------------------------------*/
	/*header 変更部分*/
	/*コンテンツ
	---------------------------------------*/
	body.type_02.top section.container{
		padding:0 !important;
	}
	/*背景指定*/
	/*背景　パララックスsp*/
	section.back_image{
		width:100%;
		background-repeat:no-repeat;
		background-position:center center;
		background-size:cover;
	}
	section.top_text,
	section.top_cast,
	section.yorunavi_area{
		padding:85px 0;
	}
	section.greating,
	section.top_system,
	section.top_recruit{
		position:relative;
		z-index:1;
		padding:80px 0 85px 0;
		background-repeat:no-repeat;
		background-position:center center;
		background-size:cover;
		width:100%;
	}
	section.greating::before,
	section.top_system::before,
	section.top_recruit::before{
		content:"";
		position:absolute;
		top:0;
		right:0;
		bottom:0;
		left:0;
		background-color:rgba(0,0,0,0.35);
	}
	/*トップページ　コンテンツ*/
	section.top_text{
		padding:100px 0 100px 0;
		box-sizing:border-box;
	}
	section.top_text div.top_textbox{
		padding:100px 0 0 0;
		box-sizing:border-box;
	}
	section.top_text div.top_textbox p{
		line-height:2.5em;
		color:#cc9966;
		font-size:14px;
		text-align:center;
		margin:30px 0 0 0;
	}
	section.greating{
	}
	section.greating_box{
		width:950px;
		padding:40px 0;
		table-layout:fixed;
		position:relative;
		z-index:10;
		margin:0 auto;
	}
  section.greating_box div.greeting_in_box{
    display: flex;
  }
	section.greating_box div.greeting_in_box div:nth-child(1){
		width:50%;
		vertical-align:middle;
		background-color:rgba(0,0,0,0.65);
		height:400px;
		padding:40px;
    padding-right: 20px;
		box-sizing:border-box;
    line-height: 2.5rem;
    color: #c96;
    position: relative;
    z-index: 1;
	}
  section.greating_box div.greeting_in_box div:nth-child(1)::before{
    content: "";
    position: absolute;
    top: 20px;
    left: 20px;
    bottom: 20px;
    right: -20px;
    border: solid 1px #c96;
    z-index: 2;
  }
	section.greating_box div.greeting_in_box div:nth-child(1) figure{
		width:100%;
		background-repeat:no-repeat;
		background-position:center center;
		background-size:cover;
	}
	section.greating_box div.greeting_in_box div:nth-child(2){
		width:50%;
		vertical-align:middle;
		height:400px;
    position: relative;
    z-index: 5;
	}
	section.greating_box div.greeting_in_box div:nth-child(2) figure{
		width:100%;
		height:400px;
	}
  section.greating_box div.greeting_in_box div:nth-child(2) figure img{
    width: 100%;
    object-fit: cover;
    height: 100%;
  }
  /*salon de dahliaオープンしました*/
  section.new_store{
    display: flex;
    flex-direction: row-reverse;
    position: relative;
    z-index: 1;
    background-color: rgba(0,0,0,0.65);
    margin-top: 50px;
  }
  section.new_store::before{
    content: "";
    position: absolute;
    top: 20px;
    right: 20px;
    left: 20px;
    bottom: 20px;
    z-index: 1;
    border: solid 1px #c96;
  }
  section.new_store div.n_store_text,
  section.new_store div.new_o_img{
    width: 50%;
  }
  section.new_store div.n_store_text{
    padding: 40px 40px 40px 20px;
    box-sizing: border-box;
    background-color: rgba(0,0,0,0.65);
  }
  section.new_store div.n_store_text > h1{
    font-size: 22px;
    font-weight: 900;
    color: #c96;
    text-align: center;
  }
  section.greating section.new_store div.n_store_text > h1 span.logo{
    background-color: #cc9966;
    -webkit-mask-position: center center;
    mask-position: center center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: cover;
    -webkit-mask-image: url("../img/svg/salon_de_dahlia_logo02.svg");
    mask-image: url("../img/svg/salon_de_dahlia_logo02.svg");
    z-index: 2;
    width: 210px;
    height: 68px;
    margin: 0 auto;
    display: table;
  }
  section.new_store div.n_store_text > p{
    color: #c96;
    line-height: 2.5rem;
  }
  section.new_store div.n_store_text div.o_contact{
  }
  section.new_store div.n_store_text div.o_contact div.tel{
  }
  section.new_store div.n_store_text div.o_contact div.tel a{
    display: table;
    padding: 0 0 0 60px;
    position: relative;
    z-index: 1;
    line-height: 50px;
    color: #c96;
    margin: 0 auto;
    font-size: 30px;
    font-weight: 900;
    pointer-events: none
  }
  section.new_store div.n_store_text div.o_contact div.tel a::before{
    content: "";
    position: absolute;
    top: 5px;
    left: 0;
    width: 40px;
    height: 40px;
    border: solid 1px #c96;
    box-sizing: border-box;
    border-radius: 50%;
    margin: 0 auto;
  }
  section.new_store div.n_store_text div.o_contact div.tel a::after{
    content: "\f095";
    font-family: "Font Awesome 5 Free";
    position: absolute;
    left: 10px;
    top: 0;
    color: #cc9966;
    font-size: 21px;
    font-weight: 900;
  }
  section.new_store div.n_store_text div.o_contact div.line{
    display: table;
    margin: 0 auto;
    margin-top: 20px;
  }
  section.new_store div.n_store_text div.o_contact div.line a{
    display: block;
    height: 50px;
    line-height: 50px;
    text-align: center;
    color: #c96;
    font-size: 20px;
    font-weight: 900;
    transition: all 0.3s ease;
    width: 250px;
    border: solid 1px #c96;
  }
  section.new_store div.n_store_text div.o_contact div.line a:hover{
    color: #000;
    background-color: #c96;
  }
  section.new_store div.new_o_img{
    height: 464px;
    position: relative;
    z-index: 3;
  }
  section.new_store div.new_o_img figure{
    width: 100%;
  }
  section.new_store div.new_o_img figure picture{
    width: 100%;
    height: 100%;
    display: block;
  }
  section.new_store div.new_o_img figure img{
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  /*キャスト*/
	section.top_cast ul{
		width:100%;
		padding:80px 2px;
		list-style:none;
		list-style-position:outside;
		background-repeat:no-repeat;
		background-position:center center;
		background-size:20%;
		box-sizing:border-box;
	}
	section.top_cast ul li{
		width:20%;
		padding:0 2px 0 0;
		box-sizing:border-box;
		float:left;
	}
	section.top_cast ul li:last-child{
		padding:0;
	}
	section.top_cast ul li figure{
		width:100%;
		height:470px;
		position:relative;
		z-index:1;
	}
  section.top_cast ul li figure img{
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  section.top_cast ul li:nth-of-type(3) figure img{
    object-fit: contain;
  }
	/*システム*/
	section.top_system div.system_inner{
		padding:40px;
		width:800px;
		display:table;
		margin:0 auto;
		background-color:rgba(0,0,0,0.65);
		color:#cc9966;
		font-size:14px;
		line-height:1.8em;
		box-sizing:border-box;
	}
	section.top_system div.system_inner p{
		padding:30px 15px 30px 15px;
		width:100%;
		text-align:center;
		box-sizing:border-box;
	}
	/*ヨルナビエリア*/
	section.yorunavi_area section.yorunavi_table{
		width:100%;
		display:table;
		table-layout:fixed;
	}
	section.yorunavi_area section.yorunavi_table section.yorunavi_cell{
		display:table-cell;
		width:50%;
		vertical-align:top;
		position:relative;
		z-index:1;
		padding:40px 0 60px 0;
	}
	ul.photofavo{
		list-style:none;
		list-style-position:outside;
		width:500px;
		margin:30px auto 30px auto;
	}
	ul.photofavo li{
		width:calc(25% - 1px);
		display:block;
		float:left;
	}
	ul.photofavo li a{
		display:block;
		width:100%;
	}
	ul.photofavo li a img{
		width:100%;
	}
	ul.blog{
		list-style:none;
		list-style-position:outside;
		width:500px;
		margin:30px auto 30px auto;
	}
	ul.blog li{
		width:100%;
		position:relative;
		z-index:2;
		border-bottom:1px dotted #cc9966;
	}
	ul.blog li:first-child{
		border-top:1px dotted #cc9966;
	}
	ul.blog li a{
		display:block;
		position:absolute;
		top:0;
		left:0;
		right:0;
		bottom:0;
		transition:all 0.3s ease;
	}
	ul.blog li a:hover{
		width:100%;
		filter:alpha(opacity=75);
		-moz-opacity:0.75;
		opacity:0.75;
	}
	ul.blog li dl{
		width:100%;
		display:table;
		color:#cc9966;
		padding:0 10px;
		box-sizing:border-box;
	}
	ul.blog li dl dt{
		display:table-cell;
		width:35%;
		vertical-align:middle;
	}
	ul.blog li dl dt h3{
		font-size:14px;
	}
	ul.blog li dl dd{
		display:table-cell;
		width:75%;
		text-align:left;
		padding:0 0 0 10px;
		box-sizing:border-box;
		vertical-align:middle;
		line-height:50px;
		font-size:12px;
		overflow:hidden;
		text-overflow:ellipsis;
		white-space:nowrap;
		max-width:1px;
	}
	/*採用情報*/
	section.top_recruit div.recruit_inner{
		padding:40px;
		width:800px;
		display:table;
		margin:0 auto;
		background-color:rgba(0,0,0,0.65);
		color:#cc9966;
		font-size:14px;
		line-height:1.8em;
		box-sizing:border-box;
	}
	section.top_recruit div.recruit_inner p{
		padding:30px 15px 30px 15px;
		width:100%;
		text-align:center;
		box-sizing:border-box;
	}
	/*お問い合わせ*/
	section.top_contact{
		padding:85px 0;
	}
	div.top_contact_text{
		text-align:center;
		color:#cc9966;
		font-size:14px;
		padding:30px 0;
	}
	div.top_contact_text02{
		color:#c96;
		font-size:24px;
		text-align:center;
		font-weight:900;
	}
	div.top_contact_text02 p{
		font-size:18px;
		font-weight:400;
	}
	div.topline_box div.top_contact_text02{
		margin:0 0 15px 0;
	}
	section.top_conact_area{
		width:1100px;
		margin:0 auto;
		display:table;
	}
	section.top_left_contact,
	section.top_right_contact{
		display:table-cell;
		width:50%;
		vertical-align:middle;
		padding:15px 0;
		box-sizing:border-box;
	}
	section.top_left_contact{
		border-right:1px solid #c96;
		box-sizing:border-box;
	}
	section.top_right_contact{
		padding:0 0 0 1px;
		box-sizing:border-box;
	}
	div.top_tel a{
		display:table;
		padding:0 0 0 60px;
		position:relative;
		z-index:1;
		line-height:50px;
		color:#c96;
		margin:0 auto;
		font-size:30px;
		font-weight:900;
		pointer-events:none;
	}
	div.top_tel a::before{
		content:"";
		position:absolute;
		top:5px;
		left:0;
		width:40px;
		height:40px;
		border:solid 1px #c96;
		box-sizing:border-box;
		border-radius:50%;
		margin:0 auto;
	}
	div.top_tel a::after{
		content:"\f095";
		font-family:"Font Awesome 5 Free";
		position:absolute;
		left:10px;
		top:0;
		color:#cc9966;
		font-size:21px;
		font-weight:900;
	}
	section.top_conact_area div.topline_box{
		padding:30px 0 0 0;
	}
	div.contact_link{
		display:table;
		width:250px;
		margin:0 auto;
		border:solid 1px #c96;
		box-sizing:border-box;
	}
	div.contact_link a{
		display:table-cell;
		height:50px;
		line-height:50px;
		text-align:center;
		color:#c96;
		font-size:20px;
		font-weight:900;
		transition:all 0.3s ease;
	}
	div.contact_link a:hover{
		background-color:#c96;
		color:#000;
	}
	section.top_right_contact{
	}
	section.top_right_contact h3{
		text-align:center;
		color:#c96;
		font-size:30px;
		font-weight:900;
		margin:0 0 15px 0;
	}
	section.top_right_contact figure{
		width:250px;
		height:250px;
		background-repeat:no-repeat;
		background-position:center center;
		background-size:contain;
		margin:0 auto 30px auto;
	}
	/*タイトル*/
	h3.title01{
		color:#cc9966;
		font-size:30px;
		text-align:center;
		font-weight:900;
	}
	h3.title02{
		text-align:center;
		color:#cc9966;
		font-size:45px;
		font-weight:900;
		position:relative;
		z-index:1;
	}
	h3.title02::before{
		content:"";
		position:absolute;
		bottom:0;
		left:50%;
		width:50px;
		height:2px;
		background-color:#cc9966;
		transform:translate(-50%,-50%);
	}
	h3.title03{
		font-size:26px;
		text-align:center;
		font-weight:900;
		color:#cc9966;
	}
	h3.title04{
		text-align:center;
		color:#cc9966;
		font-size:45px;
		font-weight:900;
		position:relative;
		z-index:1;
		padding:0 0 20px 0;
	}
	h3.title04::before{
		content:"";
		position:absolute;
		bottom:0;
		left:50%;
		width:50px;
		height:2px;
		background-color:#cc9966;
		transform:translate(-50%,-50%);
	}
	h3.title05{
		text-align:center;
		font-size:28px;
		font-weight:900;
		position:relative;
		z-index:1;
		color:#c96;
	}
	h3.title05::before{
		content:"";
		position:absolute;
		bottom:0;
		left:50%;
		width:50px;
		height:2px;
		background-color:#cc9966;
		transform:translate(-50%,-50%);
	}
	/*ボタン*/
	div.btn{
	}
	div.btn a{
		width:250px;
		margin:0 auto;
		text-align:center;
		background:none;
		border:none;
		position:relative;
		z-index:3;
		line-height:40px;
		text-transform:uppercase;
		font-weight:bold;
		letter-spacing:3px;
		cursor:pointer;
		display:block;
		padding:10px;
		box-sizing:border-box;
		color:#cc9966;
		transition:all 0.3s ease; 
	}
	div.btn a::before{
		content:"";
    position:absolute;
    top:0;
    left:0;
    bottom:0;
    right:0;
    border:1px solid #cc9966;
	}
	div.btn a::after{
		content:"";
    position:absolute;
    top:10px;
    left:10px;
    bottom:-10px;
    right:-10px;
    border:1px solid #cc9966;
		transition:all 0.3s ease;
	}
	div.btn a:hover::after{
		position:absolute;
		top:0;
		left:0;
		right:0;
		bottom:0;
	}
	div.btn02{
		position:absolute;
		bottom:0;
		left:50%;
		transform:translate(-50%,0%);
	}
	div.btn02 a{
		width:250px;
		margin:0 auto;
		text-align:center;
		background:none;
		border:none;
		position:relative;
		z-index:3;
		line-height:40px;
		text-transform:uppercase;
		font-weight:bold;
		letter-spacing:3px;
		cursor:pointer;
		display:block;
		padding:10px;
		box-sizing:border-box;
		color:#cc9966;
		transition:all 0.3s ease; 
	}
	div.btn02 a::before{
		content:"";
    position:absolute;
    top:0;
    left:0;
    bottom:0;
    right:0;
    border:1px solid #cc9966;
	}
	div.btn02 a::after{
		content:"";
    position:absolute;
    top:10px;
    left:10px;
    bottom:-10px;
    right:-10px;
    border:1px solid #cc9966;
		transition:all 0.3s ease;
	}
	div.btn02 a:hover::after{
		position:absolute;
		top:0;
		left:0;
		right:0;
		bottom:0;
	}
	/*子ページ
	------------------------------------------------*/
	/*共通ページタイトル*/
	section.child_title{
		background-repeat:no-repeat;
		background-position:center center;
		background-size:cover;
		width:100%;
		padding:150px 0 100px 0;
		position:relative;
		z-index:1;
	}
	section.child_title::before{
		content:"";
		position:absolute;
		top:0;
		left:0;
		right:0;
		bottom:0;
		background-color:rgba(0,0,0,0.45);
	}
	section.child_title dl{
		text-align:center;
		color:#cc9966;
		position:relative;
		z-index:5;
		font-weight:900;
	}
	section.child_title dl dt{
		font-size:40px;
		padding:20px 0 0 0;
	}
	section.child_title dl dd{
		font-size:20px;
	}
	/*共通　背景*/
	section.child_wrap{
		width:100%;
		background-color:rgba(0,0,0,0.85);
	}
	/*システム
	------------------------------------------------------*/
	section.system_page{
		padding:100px 0;
	}
	section.system_page dl{
		display:table;
		width:800px;
		margin:0 auto;
		table-layout:fixed;
		color:#cc9966;
		font-size:14px;
		border-bottom:1px solid #cc9966;
	}
	section.system_page dl:nth-child(1){
		border-top:1px solid #cc9966;
	}
	section.system_page dl dt{
		display:table-cell;
		width:30%;
		vertical-align:middle;
		height:50px;
		line-height:50px;
		padding:0 0 0 10px;
		box-sizing:border-box;
	}
	section.system_page dl dd{
		display:table-cell;
		width:70%;
		vertical-align:middle;
		height:50px;
		padding:5px 0;
	}
	/*キャスト
	------------------------------------------------------*/
  section.child_title.new_type{
		background-repeat:no-repeat;
		background-position:center center;
		background-size:cover;
    padding:150px 0 100px 0;
		width:100%;
		position:relative;
		z-index:1;
    background-image: url("../img/recruit/tb_page_image.webp");
	}
  body.safari section.child_title.new_type{
    background-image: url("../img/recruit/tb_page_image.png");
  }
	div.cast_text{
		font-size:14px;
		color:#cc9966;
		line-height:2.5em;
		text-align:center;
		padding:50px 0;
	}
	ul.cast_list{
		width:900px;
		margin:0 auto;
		list-style:none;
		list-style-position:outside;
		box-sizing:border-box;
		padding:0 20px 50px 0;
	}
	ul.cast_list li{
		width:25%;
		float:left;
		padding:0 20px 20px 0;
		box-sizing:border-box;
	}
	ul.cast_list li div{
		width:100%;
		position:relative;
		z-index:1;
	}
	ul.cast_list li div dl{
		padding:2px;
		box-sizing:border-box;
		width:100%;
		background-color:rgba(204,153,102,0.75);
	}
	ul.cast_list li div dl dt figure{
		width:100%;
		padding:100% 0 0 0;
		background-repeat:no-repeat;
		background-position:center center;
		background-size:cover;
	}
	ul.cast_list li div dl dd{
		color:#300;
		font-weight:900;
		text-align:center;
		font-size:14px;
		line-height:30px;
	}
	ul.cast_list li div a{
		position:absolute;
		top:0;
		left:0;
		right:0;
		bottom:0;
	}
	/*プロフィール
	------------------------------------------------------------*/
  section.child_title.new_type{
		background-repeat:no-repeat;
		background-position:center center;
		background-size:cover;
    padding:150px 0 100px 0;
		width:100%;
		position:relative;
		z-index:1;
    background-image: url("../img/recruit/tb_page_image.webp");
	}
  body.safari section.child_title.new_type{
    background-image: url("../img/recruit/tb_page_image.png");
  }
	section.profole_page{
		padding:100px 0;
	}
	section.porofile_area{
	}
	section.porofile_area section.picture{
		margin:0 auto;
		width:300px;
		height:auto;
		background-color:rgba(204,153,102,0.75);
		padding:5px;
		box-sizing:border-box;
	}
	section.porofile_area section.picture figure{
		width:100%;
		background-repeat:no-repeat;
		background-position:center center;
		background-size:cover;
		height:365px;
	}
	section.porofile_area section.picture div{
		text-align:center;
		color:#300;
		font-size:18px;
		font-weight:900;
		padding:5px 0 0 0;
	}
	section.porofile_area section.scroll ul{
		list-style:none;
		list-style-position:outside;
		display:flex;
		flex-wrap:wrap;
		padding:50px 0 0 0;
	}
	section.porofile_area section.scroll ul li{
		width:25%;
		padding:10px 20px 0 0;
		box-sizing:border-box;
	}
	section.porofile_area section.scroll ul li dl{
		color:#c96;
		border-bottom:1px solid #c96;
	}
	section.porofile_area section.scroll ul li dl dt{
		position:relative;
		z-index:1;
		padding:0 0 0 30px;
		display:table;
	}
	section.porofile_area section.scroll ul li dl dt p{
		display:table-cell;
		height:30px;
		vertical-align:middle;
	}
	section.porofile_area section.scroll ul li dl dt::before{
		content:"Q";
		position:absolute;
		left:10px;
		line-height:30px;
		font-size:16px;
	}
	section.porofile_area section.scroll ul li dl dd{
		position:relative;
		z-index:1;
		padding:0 0 0 30px;
		display:table;
	}
	section.porofile_area section.scroll ul li dl dd p{
		display:table-cell;
		height:30px;
		vertical-align:middle;
	}
	section.porofile_area section.scroll ul li dl dd::before{
		content:"A";
		position:absolute;
		left:10px;
		line-height:30px;
		font-size:16px;
	}
	/*採用情報
	------------------------------------------------------------*/
  /*ページタイトル*/
  section.child_title.new_type{
		background-repeat:no-repeat;
		background-position:center center;
		background-size:cover;
		width:100%;
		padding:150px 0 100px 0;
		position:relative;
		z-index:2;
    background-image: url("../img/recruit/pc_page_image.webp");
	}
  body.safari section.child_title.new_type{
		background-image: url("../img/recruit/pc_page_image.png");
  }
	section.recruit_page{
		width:100%;
		position:relative;
		z-index:1;
	}
	section.recruit_page::before{
		content:"";
		position:fixed;
		z-index:-2;
		top:calc(65% + 3vw);
		left:50%;
		transform:translate(-50%,-50%);
		background-image:url(../img/001.png);
		width:450px;
		height:450px;
		background-repeat:no-repeat;
		background-position:center center;
		background-size:cover;
	}
	section.recruit_text{
		width:500px;
		background-color:rgba(0,0,0,0.7);
		margin:50px auto 0 auto;
		color:#c96;
		font-size:14px;
		line-height:1.8em;
		text-align:center;
		padding:50px;
		box-sizing:border-box;
	}
	section.recruit_point{
		margin:50px 0 0 0;
	}
	section.recruit_point section.inner{
		background-color:rgba(0,0,0,0.7);
		padding:50px;
		box-sizing:border-box;
	}
	section.recruit_point section.inner ul{
		list-style:none;
		list-style-position:outside;
		display:table;
		margin:50px 0 0 0;
	}
	section.recruit_point section.inner ul li{
		display:table-cell;
		width:33.3333%;
		vertical-align:top;
		padding:0 10px;
		box-sizing:border-box;
		color:#c96;
	}
	section.recruit_point section.inner ul li dl{
		width:100%;
		border:solid 1px #c96;
		box-sizing:border-box;
		position:relative;
		z-index:1;
		padding:30px 10px 10px 10px;
		font-size:14px;
		line-height:1.5em;
		text-align:center;
		height:200px;
	}
	section.recruit_point section.inner ul li:nth-child(1) dl::before {
    content:"Point1";
    position:absolute;
    top:-5px;
    left:50%;
		transform:translate(-50%,-50%);
    padding:10px;
    background-color:#c96;
		text-align:center;
		color:#000;
    font-size:18px;
    font-weight:900;
	}
	section.recruit_point section.inner ul li:nth-child(2) dl::before {
    content:"Point2";
    position:absolute;
    top:-5px;
    left:50%;
		transform:translate(-50%,-50%);
    padding:10px;
    background-color:#c96;
		text-align:center;
		color:#000;
    font-size:18px;
    font-weight:900;
	}
	section.recruit_point section.inner ul li:nth-child(3) dl::before {
    content:"Point3";
    position:absolute;
    top:-5px;
    left:50%;
		transform:translate(-50%,-50%);
    padding:10px;
    background-color:#c96;
		text-align:center;
		color:#000;
    font-size:18px;
    font-weight:900;
	}
	section.recruit_point section.inner ul li dl dt{
		font-size:18px;
		font-weight:700;
		margin:0 0 10px 0;
	}
	section.recruit_point section.inner ul li dl dt p{
		display:table;
		margin:0 auto;
		border-bottom:1px solid #c96;
	}
	section.recruit_environment{
		margin:50px 0 0 0;
	}
	section.recruit_environment section.inner{
		background-color:rgba(0,0,0,0.7);
		padding:50px;
		box-sizing:border-box;
	}
	div.recruit_environment_text{
		text-align:center;
		color:#c96;
		font-size:14px;
		margin:30px 0;
	}
	ul.environment_top,
	ul.environment_bottom{
		list-style:none;
		list-style-position:outside;
	}
	ul.environment_top li{
		width:25%;
		padding:0 15px;
		float:left;
		box-sizing:border-box;
	}
	ul.environment_top li div{
		display:table;
		position:relative;
		z-index:1;
	}
	ul.environment_top li:nth-child(1) div::before{
		content:"";
		position:absolute;
		width:130px;
		height:130px;
		top:50%;
		left:50%;
		transform:translate(-50%,-50%);
		background-image:url(../img/icon/money.png);
		background-repeat:no-repeat;
		background-position:center center;
		-webkit-background-size:cover;
		-moz-background-size:cover;
		background-size:cover;
	}
	ul.environment_top li:nth-child(2) div::before{
		content:"";
		position:absolute;
		width:130px;
		height:130px;
		top:50%;
		left:50%;
		transform:translate(-50%,-50%);
		background-image:url(../img/icon/time.png);
		background-repeat:no-repeat;
		background-position:center center;
		-webkit-background-size:cover;
		-moz-background-size:cover;
		background-size:cover;
	}
	ul.environment_top li:nth-child(3) div::before{
		content:"";
		position:absolute;
		width:130px;
		height:130px;
		top:50%;
		left:50%;
		transform:translate(-50%,-50%);
		background-image:url(../img/icon/rady.png);
		background-repeat:no-repeat;
		background-position:center center;
		-webkit-background-size:cover;
		-moz-background-size:cover;
		background-size:cover;
	}
	ul.environment_top li:nth-child(4) div::before{
		content:"";
		position:absolute;
		width:130px;
		height:130px;
		top:50%;
		left:50%;
		transform:translate(-50%,-50%);
		background-image:url(../img/icon/hand.png);
		background-repeat:no-repeat;
		background-position:center center;
		-webkit-background-size:cover;
		-moz-background-size:cover;
		background-size:cover;
	}
	ul.environment_top li div p{
		display:table-cell;
		width:217px;
		vertical-align:middle;
		height:217px;
		color:#c96;
		font-size:24px;
		border:solid 1px #c96;
		text-align:center;
		border-radius:50%;
		background-color:rgba(0,0,0,0.65);
		position:relative;
		z-index:3;
	}
	ul.environment_bottom{
		margin:30px 0 0 0;
	}
	ul.environment_bottom li{
		color:#c96;
		border-bottom:1px solid #c96;
	}
	ul.environment_bottom li dl{
		background-color:rgba(0,0,0,0.5);
		width:100%;
		padding:20px;
		box-sizing:border-box;
	}
	ul.environment_bottom li dl dt{
		font-size:24px;
		color:#c96;
		font-weight:900;
		padding:0 0 0 50px;
		position:relative;
		z-index:1;
		line-height:40px;
	}
	ul.environment_bottom li:nth-child(1) dl dt::before{
		content:"";
		position:absolute;
		background-image:url(../img/icon/money.png);
		width:30px;
		height:30px;
		top:5px;
		left:10px;
		background-repeat:no-repeat;
		background-position:center center;
		background-size:cover;
	}
	ul.environment_bottom li:nth-child(2) dl dt::before{
		content:"";
		position:absolute;
		background-image:url(../img/icon/time.png);
		width:30px;
		height:30px;
		top:5px;
		left:10px;
		background-repeat:no-repeat;
		background-position:center center;
		background-size:cover;
	}
	ul.environment_bottom li:nth-child(3) dl dt::before{
		content:"";
		position:absolute;
		background-image:url(../img/icon/rady.png);
		width:30px;
		height:30px;
		top:5px;
		left:10px;
		background-repeat:no-repeat;
		background-position:center center;
		background-size:cover;
	}
	ul.environment_bottom li:nth-child(4) dl dt::before{
		content:"";
		position:absolute;
		background-image:url(../img/icon/hand.png);
		width:30px;
		height:30px;
		top:5px;
		left:10px;
		background-repeat:no-repeat;
		background-position:center center;
		background-size:cover;
	}
	ul.environment_bottom li dl dd ul{
		list-style:none;
		list-style-position:outside;
	}
	ul.environment_bottom li dl dd ul li{
		border:none;
		padding:0 0 0 20px;
	}
	ul.environment_bottom li dl dd ul.treatment li{
		border:none;
		padding:0 0 0 20px;
		float:left;
	}
	section.recruit_list{
		padding:50px 0;
	}
	section.recruit_list section.recruit_list_inner{
		width:1100px;
		background-color:rgba(0,0,0,0.7);
		padding:50px;
		box-sizing:border-box;
		margin:0 auto;
	}
	section.recruit_list dl{
		width:600px;
		display:table;
		margin:0 auto;
		border-bottom:1px solid #c96;
		box-sizing:border-box;
		font-size:14px;
		color:#c96;
	}
	section.recruit_list dl dt{
		display:table-cell;
		width:30%;
		height:50px;
		vertical-align:middle;
		padding:0 0 0 10px;
		box-sizing:border-box;
	}
	section.recruit_list dl dd{
		display:table-cell;
		width:70%;
		height:50px;
		vertical-align:middle;
	}
	div.yorunavi_link{
		text-align:center;
		font-size:14px;
		color:#c96;
		margin:30px 0 0 0;
	}
	div.yorunavi_link a{
		display:block;
		width:250px;
		margin:20px auto 0 auto;
		line-height:60px;
		height:60px;
		color:#c96;
		border:solid 1px #c96;
		text-align:center;
		box-sizing:border-box;
		font-size:20px;
		font-weight:900;
		transition:all 0.3s ease; 
	}
	div.yorunavi_link a:hover{
		background-color:#c96;
		color:#000;
	}
	section.recruit_contact{
		width:100%;
		background-color:rgba(0,0,0,0.7);
		padding:50px 0;
	}
	div.recruit_contact_text{
		text-align:center;
		color:#c96;
		font-size:14px;
		line-height:1.5em;
		margin:30px 0;
	}
	section.recruit_contact section.recruit_contact_table{
		width:1100px;
		margin:0 auto;
		display:table;
	}
	section.recruit_contact section.recruit_contact_table section.recruit_tel{
		display:table-cell;
		width:50%;
		vertical-align:top;
		padding:30px 0;
		border-right:1px solid #c96;
	}
	section.recruit_contact section.recruit_contact_table section.recruit_tel dl{
		color:#c96;
		text-align:center;
	}
	section.recruit_contact section.recruit_contact_table section.recruit_tel dl dt{
		font-size:14px;
		line-height:1.5em;
		padding:0 0 15px 0;
	}
	section.recruit_contact section.recruit_contact_table section.recruit_tel dl dd a{
		display:table;
		padding:0 0 0 60px;
		font-size:30px;
		position:relative;
		z-index:1;
		margin:0 auto;
		color:#c96;
		line-height:40px;
		pointer-events:none;
	}
	section.recruit_contact section.recruit_contact_table section.recruit_tel dl dd a::before{
		content:"";
		position:absolute;
		top:0;
		left:0;
		width:40px;
		height:40px;
		border:solid 1px #c96;
		border-radius:50%;
	}
	section.recruit_contact section.recruit_contact_table section.recruit_tel dl dd a::after{
		content:"\f095";		
		font-family:"Font Awesome 5 Free";
		position:absolute;
		left:9px;
		top:1px;
		color:#cc9966;
		font-size:24px;
		font-weight:900;
		text-align:center;
		line-height:40px;
	}
	section.recruit_contact section.recruit_contact_table section.recruit_line{
		display:table-cell;
		width:50%;
		vertical-align:top;
		padding:30px 0;
	}
	section.recruit_contact section.recruit_contact_table section.recruit_line dl dt{
		color:#c96;
		font-size:16px;
		line-height:1.2em;
		padding:0 0 15px 0;
		text-align:center;
	}
	section.recruit_contact section.recruit_contact_table section.recruit_line dl dd a{
		width:250px;
		height:60px;
		line-height:60px;
		border:solid 1px #c96;
		box-sizing:border-box;
		transition:all 0.3s ease;
		color:#c96;
		display:block;
		margin:0 auto;
		text-align:center;
		font-size:20px;
		font-weight:900;
	}
	section.recruit_contact section.recruit_contact_table section.recruit_line dl dd a:hover{
		background-color:#c96;
		color:#000;
	}
  /*インスタ追加*/
  div.insta{
    margin-top: 80px;
    border: solid 1px #c96;
    padding: 20px;
    box-sizing: border-box;
    padding-top: 50px;
    position: relative;
    z-index: 1;
    padding-bottom: 30px;
    width: 1000px;
    margin: 80px auto 0 auto;
  }
  div.insta > p.title{
    padding: 0 10px;
    color: #c96;
    text-align: center;
    font-size: 25px;
    font-weight: 900;
    margin-bottom: 15px;
    position: relative;
    z-index: 1;
  }
  div.insta > p.title::before{
    content: "";
    position: absolute;
    top: -38px;
    left: 50%;
    transform: translateX(-50%);
    width: 50px;
    height: 50px;
    background-color: #c96;
    -webkit-mask-image: url("/img/svg/instagram.svg");
    mask-image: url("/img/svg/instagram.svg");
    -webkit-mask-position: center center;
    mask-position: center center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: cover;
    mask-size: cover;
  }
  div.insta div.img_block{
    display: flex;
    flex-wrap: wrap;
  }
  div.insta div.img_block > figure{
    width: calc((960px / 5) - 2px);
    margin: 0 0.5px 1px 0.5px;
    height: calc((960px / 5) - 2px);
  }
  div.insta div.img_block > figure:last-of-type{
    display: none;
  }
  div.insta div.img_block > figure img{
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  div.insta div.btn02{
    position: inherit !important;
    transform: translateX(0) !important;
    display: table !important;
    margin: 1.5rem auto 0 auto !important;
    left: inherit !important;
    bottom: inherit !important;
  }
  div.insta div.btn02 a{
    text-transform: inherit !important;
    white-space: nowrap !important;
  }
}