/*.modal001:target {
  opacity: 1;
  transition: opacity 0.5s;
  scale: 1;
}*/

.close {
  position: absolute;
  top: 20px;
  right: 20px;
  font-size: 24px;
  color: black;
  text-decoration: none;
  cursor: pointer;
  transform: translate(50%, -50%);
}

/*
.modal001-wrapper {
  position: relative;
  width: 80%;
  max-width: 500px;
  max-height: 70%;
  padding: 20px;
  margin: auto;
  overflow: scroll;
  background-color: #FEFEFE;
  border-radius: 5px;
  transition: transform .5s;
  transform: translateY(500%);
}


.modal001:target .modal001-wrapper {
  transform: translateY(0%);
}
*/

.modal-20{
width: 100%;
height: 100%;
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
}

.modal-navi{
width: 100%;
height: 100%;
background-image: url(../img/clsalogoBgGreen_b.svg);
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}

.modal-logo{
position:fixed;
top:35px;
right:100px;
z-index:9;
}

.entry-modal-logo{
position:fixed;
top:35px;
right:100px;
z-index:9;
}

.modal-logo img, .entry-modal-logo img{
width:180px;
}

@media screen and (max-width: 960px) {
.entry-modal-logo{
width: 100%;
display: flex;
justify-content: center;
position: relative;
top:-60px;
right:0px;
}
}

.modal-inner-loop{
position: absolute;
left: 0;
top: 60px;
display: flex;
color: var(--bege100);
font-family: 'Marck Script';
font-size: 35rem;
font-weight: 600;
white-space: nowrap;
mix-blend-mode: multiply;
/* transform: rotate(-15deg); */
height: 18rem;
justify-content: flex-start;
align-items: anchor-center;
}

.modal-inner-loop-services{
height: 400px;
position: absolute;
width: 100%;
overflow: hidden;
top: 200px;
left:0px;
display:flex;
}

/*
.loop1{
display: flex;
color: rgba(233, 228, 224, 0.3);
font-family: 'Marck Script';
font-size: 6rem;
white-space: nowrap;
z-index: -1;
}
*/

/*
.loop1{
display:flex;
padding-left:288px;
color: rgba(233, 228, 224, 0.3);
font-family: brandon-grotesque, sans-serif;
font-weight: 100;
font-style: normal;
font-size: 20rem;
letter-spacing: -1rem;
white-space: nowrap;
line-height: 1;
z-index: 1;
mix-blend-mode: multiply;
&:nth-child(odd){
animation: scrollAnime_toleft 80s -40s linear infinite;
}
&:nth-child(even){
animation: scrollAnime_toleft2 80s linear infinite;
}
}

@keyframes scrollAnime_toleft{
from {transform: translateX(100%);
}
to {transform: translateX(-100%);
}
}

@keyframes scrollAnime_toleft2{
from {transform: translateX(0);
}
to {transform: translateX(-200%);
}
}
*/


.recruittableeach-entry-inner-loop{
height: 400px;
position: absolute;
width: 100%;
overflow: hidden;
top: 0;
left:0px;
display:flex;
background:var(--yellow_a100);
padding-top:75px;
}

.entry-loop{
height: 150px;
position: absolute;
width: 100%;
overflow: hidden;
top: 100px;
left: 0px;
display: flex;
background: var(--bege100);
align-items: center;
}

.loop2{
display:flex;
padding-left:288px;
color: rgba(233, 228, 224, 0.3);
font-family: brandon-grotesque, sans-serif;
font-weight: 100;
font-style: normal;
font-size: 20rem;
letter-spacing: -1rem;
white-space: nowrap;
line-height: 1;
z-index: 1;
mix-blend-mode: multiply;
/*padding-top:20px;*/
&:nth-child(odd){
animation: scrollAnime_toleft_recruit 80s -40s linear infinite;
}
&:nth-child(even){
animation: scrollAnime_toleft2_recruit 80s linear infinite;
}
}

@keyframes scrollAnime_toleft_recruit{
from {transform: translateX(100%);
}
to {transform: translateX(-100%);
}
}

@keyframes scrollAnime_toleft2_recruit{
from {transform: translateX(0);
}
to {transform: translateX(-200%);
}
}

.loop3{
padding-left: 288px;
color: rgba(233, 228, 224, 0.3);
font-family: brandon-grotesque, sans-serif;
font-weight: bold;
font-style: normal;
font-size: 10rem;
letter-spacing: -0.5rem;
white-space: nowrap;
line-height: 1;
z-index: 1;
mix-blend-mode: multiply;
&:nth-child(odd){
animation: scrollAnime_toleft 80s -40s linear infinite;
}
&:nth-child(even){
animation: scrollAnime_toleft2 80s linear infinite;
}
}

@keyframes scrollAnime_toleft{
from {transform: translateX(100%);
}
to {transform: translateX(-100%);
}
}

@keyframes scrollAnime_toleft2{
from {transform: translateX(0);
}
to {transform: translateX(-200%);
}
}

.modal-inner-subtitle{
font-size:0.85rem;
font-weight:400;
margin-bottom:0.5rem;
}

.modal-inner-title{
font-size:2.5rem;
font-weight:400;
text-shadow: 0px 1px 5px rgba(0, 0, 0, 0.2);
}

.modal-inner-title-description{
position:relative;
width:100%;
display:flex;
/*justify-content:end;*/
font-size:0.85rem;
font-weight:400;
margin-top:1.56rem;
}

/*.modal-inner-title-description:after{
position:absolute;
content:"";
top:3.6rem;
right:1rem;
width:7rem;
height:0.056rem;
background:var(--egreen100);
}
*/

.modal-inner-subtitle-services{
font-size:0.85rem;
font-weight:400;
margin-bottom:0.5rem;
color:#fff;
text-shadow: 1px 1px 10px rgba(0, 0, 0, 0.5);
}

.modal-inner-title-services{
font-size:2.5rem;
font-weight:bold;
color:#fff;
text-shadow: 1px 1px 10px rgba(0, 0, 0, 0.5);
}

.modal-inner-title-description-services{
position:relative;
width:100%;
display:flex;
/*justify-content:end;*/
font-size:0.85rem;
font-weight:400;
margin-top:1.56rem;
color:#fff;
text-shadow: 1px 1px 10px rgba(0, 0, 0, 0.5);
}

/*
.modal-inner-title-description-services:after{
position:absolute;
content:"";
top:3.6rem;
right:1rem;
width:7rem;
height:0.056rem;
background:var(--egreen100);
}
*/


/*
.modal-inner-title span{
margin-left:0.56rem;
}
*/

.taiken{
display: inline-block;
width: 300px;
aspect-ratio: 1.5;
background-size: cover;
background-position: center;
}

._fig01{
background-image: url(../img/hitorigurashi_a.jpg);
filter: blur(0) brightness(1) contrast(100%) saturate(100%);
}

._fig02{
background-image: url(../img/kajienjyo_a.jpg);
filter: blur(0) brightness(1) contrast(100%) saturate(100%);
}

._fig03{
background-image: url(../img/washitsu_b.jpg);
filter: blur(0) brightness(1) contrast(100%) saturate(100%);
}

._fig04{
background-image: url(../img/youshitsu_b.jpg);
filter: blur(0) brightness(1.3) contrast(100%) saturate(100%);
}

._fig05{
background-image: url(../img/bath.jpg);
filter: blur(0) brightness(1.5) contrast(100%) saturate(100%);
}

._fig06{
background-image: url(../img/view.jpg);
filter: blur(0) brightness(1) contrast(100%) saturate(100%);
}

.modal-top{
width:100%;
height:0%;
}

.modal-top-title{
position:fixed;
top:100px;
left:100px;
width:450px;
background:#fff;
}


.modal-wrapper {
z-index: 99;
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
text-align: center;
box-sizing:border-box;
display: flex;
overscroll-behavior: contain;
overflow-y: scroll;
scrollbar-width: none;
overflow: hidden;
}


.nonScroll {
height:100%;
width: 1px;
background-color:#fff;
box-sizing:border-box;
}


.modal-title{
position:relative;
display:flex;
width:100%;
align-items:center;
box-sizing:border-box;
}

.modal-title a{
max-width:560px;
}

/*.modal-title:after{
position:absolute;
top:50%;
right:30px;
content:"";
width:5px;
height:5px;
border-radius:50%;
background:green;
}*/

.modal-button {
position: relative;
color: var(--brown100);
background-color: none;
font-weight: 400;
cursor :pointer;
transition: all 0.3s;
display: flex;
flex-direction:column;
margin: 0px auto;
padding: 20px 30px;
width:100%;
/*max-width:500px;*/
text-decoration: none;
box-sizing:border-box;
}

.modal-button-recruit a{
position: relative;
cursor: pointer;
transition: all 0.5s;
display: flex;
flex-direction:column;
width: 100%;
text-decoration: none;
box-sizing: border-box;
/*border: none;*/
border-radius: 0.5rem;
align-items: flex-start;
justify-content: center;
height: 120px;
background-image: url(../img/clsalogoBgYellow_a.svg);
background-position: center;
background-repeat: no-repeat;
box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.2);
text-shadow: 0px 1px 5px rgba(0, 0, 0, 0.2);
padding-left:1rem;
text-decoration: none;
gap:1rem;
color: var(--brown100);
transition: all .5s ease;
}

.modal-button-recruit span{
position:absolute;
right:1rem;
top:45px;
font-size:2rem;
font-weight:200;
}

.modal-button-recruit p{
margin:0px;
width: calc(100% - 4rem);
}

.modal-button-recruit a:hover{
background:#fff;
color:var(--brown100);
}


/*
.modal-button-recruit::after {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 2px;
background-image: linear-gradient(to right, #e5e5e5, #e5e5e5 2px, transparent 2px, transparent 6px);
background-size: 6px 2px;
background-repeat: repeat-x;
}
*/

.modal-button-title{
display:flex;
align-items:center;
}

.recruit_text{
position:relative;
display: flex;
/*
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
*/
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 80%;
font-weight: 400;
font-size: 0.75rem;
color: var(--egreen100);
border-radius: 1.5rem;
border: 1px solid rgba(97, 74, 63, 0.1);
background-color: #fff;
margin: 0px;
padding: 0.5rem 3rem 0.5rem 1rem;
/*height: 1.5rem;*/
/* line-height: 1.5rem;*/
}

.recruit_text:after{
position:absolute;
top:45%;
right:30px;
content:"";
width:5px;
height:5px;
border-radius:50%;
background:green;
}

/*
.modal-button:active {
  -webkit-transform: translateY(2px);
  transform: translateY(2px);
}
*/

/*ラベルホバー時*/
.modal-button:hover {
  color: #FFFFFF;
  background-color: var(--egreen100);
  transition: .6s;
}


.modal-button:hover .modal-button-title::after{
color:var(--egreen100);
background:#fff;
}



.modal-wrapper:not(:target) {
  opacity: 0;
  visibility: hidden;
  transition: opacity .3s, visibility .3s;
}

.modal-wrapper:target {
  opacity: 1;
  visibility: visible;
  transition: opacity .4s, visibility .4s;
}

.modal-wrapper::after {
  display: inline-block;
  height: 100%;
  margin-left: -.05em;
  vertical-align: middle;
  content: ""
}

.modal-wrapper .modal-window {
box-sizing: border-box;
display: inline-block;
z-index: 20;
position: relative;
width: 100%;
height:100%;
overflow: hidden;
}

.modal-content, .modal-content-recruit, .modal-content-navi{
box-sizing: border-box;
height: 100%;
overflow-y: auto;
text-align: left;
scrollbar-width: none;
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
overscroll-behavior: none;
}

.modal-content:before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-image: url(../img/clsalogoBgBege_a.svg);
background-position: center;
background-size: cover;
background-repeat: no-repeat;
}

.modal-content-recruit:before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-image: url(../img/clsalogoBgYellow_a.svg);
background-position: center;
background-size: cover;
background-repeat: no-repeat;
}

.modal-content-navi:before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-image:url(../img/clsalogoBgGreen_b.svg);
background-position: center;
background-size: cover;
background-repeat: no-repeat;
z-index:-1;
}

.modal-wrapper:target .modal-window{
animation: ModalUp 0.5s 1 alternate ease-in-out;
padding:0px;
}

@keyframes ModalUp{
from {
transform: translateY(100%);
}
to {
transform: translateY(0%);
}
}


.modal-header{
display: flex;
flex-direction: column;
height: 300px;
justify-content: flex-start;
padding: 50px 288px 0 288px;
position: sticky;
top: 100px;
overflow: hidden;
}

@media screen and (max-width: 1200px){
.modal-header{
padding:50px 144px 0 144px;
}
}

@media screen and (max-width: 760px){
.modal-header{
padding:50px 20px 0 20px;
}
}

.modal-header-services{
display: flex;
flex-direction: column;
width: 100%;
height:100%;
align-items:end;
justify-content: end;
position: fixed;
top:0px;
background-size: cover;
background-position: center;
}

.modal-header-services img{
width: 100%;
height: 100%;
object-fit: cover;
background-size: cover;
background-position: center;
}

.img-soudan{
filter: blur(2px) brightness(0.7) contrast(100%) saturate(100%);
}
.img-kyotaku{
filter: blur(0.08rem) brightness(0.95) contrast(100%) saturate(100%);
}
.img-jyudo {
filter: blur(0.09rem) brightness(1.150) contrast(80%) saturate(100%);
}
.img-doukou{
filter: blur(0.05rem) brightness(0.9) contrast(100%) saturate(100%);
}
.img-kodo{
filter: blur(0.1rem) brightness(1.05) contrast(100%) saturate(100%);
}
.img-idou{
filter: blur(0.05rem) brightness(1) contrast(100%) saturate(100%);
}
.img-houdei{
filter: blur(0.11rem) brightness(1.05) contrast(100%) saturate(100%);
}
.img-kaigo{
filter: blur(1px) brightness(1.1) contrast(100%) saturate(100%);
}
.img-hitori{
filter: blur(1px) brightness(0.85) contrast(100%) saturate(100%);
}

.modal-title-wrap-services{
position: sticky;
display: flex;
box-sizing: border-box;
flex-direction: column;
width: 100%;
background: none;
z-index: 1;
height: 65vh;
align-items: end;
justify-content: end;
}

.modal-title-wrap-services-inner{
position: sticky;
display: flex;
box-sizing: border-box;
flex-direction: column;
width: 40%;
max-width: 50rem;
min-width: 30rem;
z-index: 1;
padding:20px 20px 100px 20px;
}

@media screen and (max-width: 640px) {
.modal-header-services{
align-items:center;
}
.modal-title-wrap-services{
width: 100%;
min-width:100%;
padding: 20px;
height:70vh;
}
.modal-title-wrap-services-inner{
width: 100%;
max-width: 100%;
min-width: 100%;
}
}

.modal-footer {
position: relative;
display: flex;
align-items: center;
justify-content: center;
/*height: 250px;*/
background: #fff;
gap:30px;
flex-wrap: wrap;
padding-bottom:100px;
z-index: 1;
border-radius: 0 0 2rem 2rem;
margin-bottom: 2rem;
}

.modal-footer:before{
content: "";
align-items: center;
aspect-ratio: 1 / 1;
background-color: var(--yellow_a100);
border-radius: 50%;
display: flex;
justify-content: center;
width: 12px;
position: absolute;
right: 1.5rem;
bottom: 1.5rem;
box-sizing: border-box;
border: solid 4px var(--bege100);
}

.modal-footer:after{
content: "";
align-items: center;
aspect-ratio: 1 / 1;
background-color: var(--yellow_a100);
border-radius: 50%;
display: flex;
justify-content: center;
width: 12px;
position: absolute;
left: 1.5rem;
bottom: 1.5rem;
box-sizing: border-box;
border: solid 4px var(--bege100);
}


.entry-footer2{
display:flex;
gap:0 20px;
}

.modal_title {
font-size: 1.5em;
position: relative;
overflow: hidden;
padding: 0;
}

.modal_title::before,
.modal_title::after{
	content: "";
	position: absolute;
	bottom: 0;
}

/* h2 プライマリカラー*/
.modal_title:before{
	border-bottom: 4px solid #6bb6ff;
	width: 100%;
}
/* h2 セカンダリカラー*/
.modal_title:after{
	border-bottom: 4px solid #c8e4ff;
	width: 100%;
}

/*.modal-overlay {
z-index: 11;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}*/

.modal-closebtn{
position: fixed;
top: 35px;
right: 30px;
background:#333;
cursor: pointer;
width: 36px;
height:36px;
border:solid 1px #333;
border-radius:50%;
color:#fff;
display:flex;
justify-content:center;
align-items:center;
transition: 0.5s;
text-decoration:none;
font-size:1rem;
z-index:10;
}

.modal-closebtn::before{
margin-top:-1px;
margin-left:1px;
content:"×";
}

.modal-closebtn:hover{
background:#fff;
color:#333;
}

@media screen and (max-width: 640px){
.modal-logo{
left:30px;
}
}

.modal-content-title{
width: -webkit-fill-available;
flex-direction:column;
position:relative;
margin: 0px calc(15% - 5%) 0px 15%;
border-radius: 0px 50px 0px 50px;
padding: 50px 20px 50px 50px;
box-sizing: border-box;
background: var(--bege100);
}

@media screen and (max-width: 960px){
.modal-content-title{
margin: 0px 18px 0px 18px;
padding: 50px 15px 50px 15px;
}
}

@media screen and (max-width: 640px){
.modal-content-title{
padding: 20px 15px 20px 15px;
background:;
}
}

.modal_magazine{
display: flex;
flex-direction: column;
align-items: center;
}

.modal_magazine > div{
padding-top:5rem;
width:100%;
}

.modal_magazine > div p{
position:relative;
height:36px;
/*width:8rem;*/
font-size:1.15rem;
padding-left:calc(36px + 1rem);
display:flex;
/*justify-content:center;*/
align-items:center;	
/*text-shadow: 0px 1px 5px rgba(0, 0, 0, 0.2);*/
margin:0;
}

.modal_magazine > div p:after {
    position: absolute;
    left: 0px;
    top: 0px;
    display: block;
    content: "";
    width: 36px;
    height: 36px;
    background: var(--emgreen100);
    border: solid 12px var(--emgreensub1);
    border-radius: 50%;
    box-sizing: border-box;
}



/*.
modal_magazine > div :before, .modal_magazine > div :after{
position:absolute;
display:block;
content:"";
background:var(--egreen100);
height:1px;
width:2rem;
}

.modal_magazine > div :before{
left:-2rem;
}

.modal_magazine > div :after{
right:-2rem;
}
*/

.modal_magazine ul{
display: grid;
gap:25px;
grid-template-columns: repeat(4, 1fr);
padding: 25px;
/*background: var(--bege100);*/
}

.modal_magazine ul li{
display:block;
width:250px;
}

.modal_magazine ul li a{
text-decoration: none;
}

.modal_magazine ul li a img{
width:100%;
box-shadow: 6px 0.2rem 1.2rem 0 var(--brown020);
}

@media screen and (max-width: 1200px){
.modal_magazine ul{
grid-template-columns: repeat(3, 1fr);
}
}

@media screen and (max-width: 870px){
.modal_magazine ul{
grid-template-columns: repeat(2, 1fr);
}
}

@media screen and (max-width: 590px){
.modal_magazine ul li{
width:100%;
}
}

.modal_s_06{
/*position:absolute;*/
/*position:fixed;*/
/*top:75px;
right:10px;*/
width:90%;
/*max-width:500px;
height:80%;*/
/*max-height:500px;*/
box-sizing: border-box;
border:;
background:var(--bege100);
padding:50px;
overflow: auto;
-ms-overflow-style: none;
scrollbar-width: none;
}

.modal_s_06 ul{
/*position:relative;
text-decoration:none;
list-style-type:none;
height:2rem;*/
margin:0rem;
padding:0.5rem 0rem;
}

.modal_s_06 ul li{
position:relative;
text-decoration:none;
list-style-type:none;
height:2rem;
padding:0.5rem 0rem;
}

.modal_s_06 ul li:after{
content: "";
position: absolute;
top: 2rem;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 1px;
background-image: linear-gradient(to right, #584942, #584942 2px, transparent 2px, transparent 6px);
background-size: 6px 2px;
background-repeat: repeat-x;
}

.modal_s_06 ul li a{
text-decoration:none;
list-style-type:none;
}

.scroll-modal_s_06{
top:60px;
}

.modal_s_06 .accordion_one {
width:100%;
margin: 0 auto;
}

.modal_s_06 .accordion_one .accordion_header {
/*background-color:#f9f9f9;*/
height:2rem;
color: rgba(58, 57, 55, 1);
font-size: 1rem;
font-weight: 500;
padding: 0.5rem 0rem;
text-align: left;
position: relative;
z-index: +1;
cursor: pointer;
transition-duration: 0.2s;
/*border: 1px solid #ccc;
margin-bottom:2px;*/
}

.modal_s_06 .accordion_one .accordion_header:hover {
opacity: .8;
}

.modal_s_06 .accordion_one .accordion_header:after{
content: "";
position: absolute;
top: 2rem;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 1px;
background-image: linear-gradient(to right, #584942, #584942 2px, transparent 2px, transparent 6px);
background-size: 6px 2px;
background-repeat: repeat-x;
}


.modal_s_06 .accordion_one .accordion_header .i_box .one_i {
display: block;
width: 10px;
height:10px;
position: absolute;
top:-1rem;
right:0px;
background:;
transition: 0.3192s cubic-bezier(0.04, 0.04, 0.12, 0.96) 0.1008s;
}

.i_box{
position:relative;
} 

/*
.modal_s_06 .accordion_one .accordion_header.open .i_box {
  -webkit-transform: rotate(-360deg);
  transform: rotate(-360deg);
}
*/

.modal_s_06 .accordion_one .accordion_header .i_box .one_i:before {
display: flex;
content: '';
background-color: #333;
width: 2px;
height: 10px;
position: absolute;
top: -4px;
left:4px;
}

.modal_s_06 .accordion_one .accordion_header .i_box .one_i:after {
display: flex;
content: '';
background-color: #333;
width: 10px;
height: 2px;
position: absolute;
top:0px;
left:0px;
}

.modal_s_06 .accordion_one .accordion_header.open .i_box .one_i:before{
-webkit-transform: rotate(270deg);
transform: rotate(270deg);
transition-duration: 0.2s;
}

.modal_s_06 .accordion_one .accordion_header.open .i_box .one_i:after{
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
transition-duration: 0.2s;
}

.modal_s_06 .accordion_one .accordion_inner {
display: none;
padding: 1rem 3rem;
box-sizing: border-box;
margin-bottom:2px;
}

.modal_s_06 .accordion_one .accordion_inner .box_one {
padding-bottom:15px;
}

.modal_s_06 .accordion_one .accordion_inner p.txt_a_ac {
  margin: 0;
}
.modal_s_06 .accordion_one .accordion_inner .closeArea {
  width: fit-content;
  margin: 0 auto;
}
.modal_s_06 .accordion_one .accordion_inner .closeArea .close_box a.close_btn {
display: flex;
justify-content: center;
align-items: center;
background: ;
padding: 5px 8px 5px 25px;
text-decoration: none;
line-height: 1.3;
color: #000;
font-size: 1em;
font-weight: 400;
position: relative;
cursor: pointer;
transition-duration: 0.2s;
/*border:solid 1px red;*/
}


.modal_s_06 .accordion_one .accordion_inner .closeArea .close_box a.close_btn:hover {
  opacity: .8;
}
.modal_s_06 .accordion_one .accordion_inner .closeArea .close_box a.close_btn .i_box {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
 /* top: 25%;*/
  left: 0px;
  width: 15px;
  height: 15px;
border-radius:50%;
border:solid 1px #000;
  /*margin-top: -15px;*/
box-sizing:border-box;
background:;

}
.modal_s_06 .accordion_one .accordion_inner .closeArea .close_box a.close_btn .i_box .one_i {
  display: flex;
  justify-content: center;
  align-items:center;
  position: relative;
  width: 11px;
  height: 11px;
background:;
}
.modal_s_06 .accordion_one .accordion_inner .closeArea .close_box a.close_btn .i_box .one_i:before, .modal_s_06 .accordion_one .accordion_inner .closeArea .close_box a.close_btn .i_box .one_i:after {
  content: '';
  background-color: #000;
  border-radius: 10px;
  width: 10px;
  height: 2px;
  position: absolute;
  top: 4px;
  left: 0;
  -webkit-transform: rotate(-45deg);
  transform: rotate(45deg);
  transform-origin: center center;
}
.modal_s_06 .accordion_one .accordion_inner .closeArea .close_box a.close_btn .i_box .one_i:before {
  width: 2px;
  height: 10px;
  top: 0;
  left: 4px;
}