‣
カウシェ/ニュースレター配信中
カウシェのニュースレターにご登録いただくと、カウシェの組織や事業について、また最新の採用情報をメールでお届けします。転職を検討されていない方もお気軽にご登録ください。
/*メルマガ登録*/
#block-ae61b4dddc0948d683f4c2e337a499c5 {
z-index: 101;
background-color: var(--color-bg-pink);
position: fixed;
right: 2em;
bottom: 2em;
text-align: center;
width: 100px;
height: 100px;
border-radius: 100px;
display: block;
margin:0;
padding: 16px;
border: 0;
cursor: pointer;
box-shadow: 0 2px 10px rgba(0, 0, 0, .2);
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
opacity: 0;
}
#openButton {
position: fixed;
z-index: 10;
right: 2em;
bottom: 2em;
width: 100px;
height: 100px;
border-radius: 100px;
display: block;
}
#block-ae61b4dddc0948d683f4c2e337a499c5 .notion-callout__content, #block-ae61b4dddc0948d683f4c2e337a499c5 .notion-text__children {
opacity: 0;
margin: 0;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
#block-ae61b4dddc0948d683f4c2e337a499c5 #closeButton {
opacity: 0;
visibility: hidden;
position:absolute;
right: 10px;
top: 10px;
width: 36px;
line-height: 36px;
cursor: pointer;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
#block-ae61b4dddc0948d683f4c2e337a499c5.modalOpen {
width: 420px;
height: 380px;
line-height: initial;
border-radius: 10px;
cursor: initial;
}
#block-ae61b4dddc0948d683f4c2e337a499c5.modalOpen #closeButton {
opacity: 1;
visibility: visible;
font-size: 30px;
cursor: pointer;
}
#block-ae61b4dddc0948d683f4c2e337a499c5.modalOpen .notion-callout__content, #block-ae61b4dddc0948d683f4c2e337a499c5 .notion-text__children {
opacity: 1;
visibility: visible;
}
@media (max-width: 546px) {
#block-ae61b4dddc0948d683f4c2e337a499c5.modalOpen {
width: 100%;
position: fixed;
right: 0;
bottom: 0;
border-radius: initial;
}
}
#block-ae61b4dddc0948d683f4c2e337a499c5 .notion-semantic-string strong {
font-size: 1.5em;
vertical-align: middle;
opacity: 0;
visibility: hidden;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
#block-ae61b4dddc0948d683f4c2e337a499c5.modalOpen .notion-semantic-string strong {
opacity: 1;
visibility: visible;
}
#block-ae61b4dddc0948d683f4c2e337a499c5 .notion-callout__icon {
width:100%;
position:relative;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
opacity: 1;
font-size: 70px;
line-height: normal;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
#block-ae61b4dddc0948d683f4c2e337a499c5 .notion-callout__icon .notion-icon{
font-size:100%;
}
#block-ae61b4dddc0948d683f4c2e337a499c5.modalOpen .notion-callout__icon {
top: 20%;
font-size: 100px;
}
#block-ae61b4dddc0948d683f4c2e337a499c5.modalOpen .notion-semantic-string strong {
opacity: 1;
}
#block-ae61b4dddc0948d683f4c2e337a499c5 .notion-link.link {
background: #fff;
display: inline-block;
margin: 10px;
padding: 10px 20px;
border-radius: 20px;
border-bottom: 0;
box-shadow: 0 2px 10px rgba(0, 0, 0, .2);
}
#bubble {
position: fixed;
right: calc(3em + 100px + 1em);
bottom: 5em;
display: inline-block;
width: 200px;
text-align: center;
color: var(--color-text-default);
padding: 10px;
background-color: var(--color-bg-pink);
border-radius: 5px;
font-size:12px;
font-weight:bold;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
z-index:99;
visibility: hidden;
opacity: 0;
}
#bubble:before{
content: '';
position: absolute;
display: block;
z-index: 1;
border-style: solid;
border-color: transparent var(--color-bg-pink);
border-width: 10px 0 10px 10px;
top: 50%;
right: -10px;
margin-top: -10px;
}