@import url(https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700;900&display=swap);@import url(https://fonts.googleapis.com/css2?family=Noto+Sans&display=swap);@import url(https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700;900&display=swap);@import url(https://fonts.googleapis.com/css2?family=Noto+Sans&display=swap);html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
}
body {
    line-height: 1;
}
ol,
ul {
    list-style: none;
}
blockquote,
q {
    quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
    content: "";
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
html {
  font-size: 62.5%;
  font-family: "NotoSansJP-Medium", sans-serif;
}

.wrapper {
  margin: auto;
  background-color: #ebebeb;
}

html {
  font-size: 62.5%;
  font-family: "NotoSansJP-Medium", sans-serif;
}

.wrapper {
  margin: auto;
  background-color: #ebebeb;
}

@font-face {
  font-family: "Hiragino-Sans-GB-W3";
  src: url("/fonts/Hiragino-Sans-GB-W3.otf");
}

@font-face {
  font-family: "NotoSansJP-Bold";
  src: url("/fonts/NotoSansJP-Regular.otf");
}

@font-face {
  font-family: "NotoSansJP-Medium";
  src: url("/fonts/NotoSansJP-Regular.otf");
}

header {
  background-color: #47b5ce;
  height: 16.4rem;
  display: flex;
  justify-content: center;
}

header .header-top__title {
  width: 100%;
  font-size: 5rem;
  color: white;
}

header .header-top__title .logo {
  display: block;
  height: 100%;
}

header .header-top__title .logo .main__logo {
  height: 100%;
}

header .powered-by {
  color: white;
  font-size: 2.6rem;
}

.w-percent-100 {
  width: 100%;
}

footer {
  background-color: #fff;
  display: flex;
  justify-content: center;
}

footer .footer__container {
  width: 100%;
  height: 11rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 6rem 0 3rem;
}

footer .footer__container .commpany__name {
  color: black;
  font-size: 2.5rem;
}

footer .footer__container .commpany__name:hover {
  text-decoration: unset;
}

footer .footer__container .policy__link a {
  color: black;
  font-size: 2.9rem;
  padding: 0 2.8rem;
}

.select-box .el-input {
  width: 34.8rem;
  font-size: 2rem;
}

.select-box .el-input .el-select-dropdown__item {
  font-size: 2rem;
}

.mapouter iframe {
  padding: 0 2.5rem 0 0;
  width: 100%;
  height: 34.8rem;
}

.slider {
  display: flex;
  align-items: center;
  padding: 4rem 0;
}

.slider .slider-min,
.slider .slider-max {
  font-size: 1.9rem;
  padding: 0 0.4rem;
  word-break: keep-all;
}

.slider .slider-max {
  width: 10.5rem;
}

.slider .w-140 {
  width: 14rem;
}

.slider .w-80 {
  width: 8rem;
}

.slider .slider-condition {
  padding: 6rem 0;
  height: 0.9rem !important;
  width: 100% !important;
  z-index: 0;
}

.slider .slider-condition .vue-slider-rail {
  background-color: white;
  border: 1px solid #707070;
  border-radius: 0.4rem;
}

.slider .slider-condition .vue-slider-rail .vue-slider-marks .vue-slider-mark-step {
  width: 1px;
  height: 35px;
  display: block;
  background-color: black;
  transform: translate(-2px, -2px);
  top: -10px;
  left: 3px;
}

.slider .slider-condition .vue-slider-rail .vue-slider-marks .vue-slider-mark-label {
  font-size: 1.9rem;
  top: -5rem;
}

.slider .slider-condition .vue-slider-process {
  background-color: white;
  border-color: none;
}

.slider .slider-condition .vue-slider-dot-handle,
.slider .slider-condition .vue-slider-dot-tooltip-inner {
  background-color: #47b5ce;
  border-color: #47b5ce;
}

.url-home {
  font-size: 2rem;
  color: #535252;
  padding: 0 6rem;
  text-decoration: underline;
}

.url-home:hover {
  color: #161414;
}

.content-title {
  font-size: 3rem;
  cursor: pointer;
}

.setting-item {
  padding-bottom: 4rem;
}

.reset__setting {
  position: absolute;
  top: 1rem;
  right: 1rem;
  background-color: white;
  border: none;
}

.reset__setting i {
  font-size: 3.2rem;
}

.custom-input {
  font-size: 2.5rem;
}

.custom-input input[type="radio"]::after {
  content: "\2713";
  display: inline-block;
  color: white;
  width: 0px;
  height: 0px;
  font-size: 2.5rem;
  left: 5%;
  top: -45%;
}

.condition-time .input-time {
  width: 5.8rem;
  height: 3.7rem;
  font-size: 2.5rem;
  text-align: center;
  border: 1px solid #707070;
}

.condition__group {
  display: flex;
}

.condition__group .el-radio-group {
  display: flex;
}

.condition-title {
  padding: 0 7rem;
  height: 10.6rem;
  line-height: 10.6rem;
  background-color: #fff;
}

.condition-title span {
  font-size: 3.8rem;
}

.condition__list-setting {
  background-color: #47b5ce;
  padding: 0 !important;
}

.condition__list-setting.user {
  background-color: #00a653;
}

.sticky {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
}

.item-setting {
  color: white;
  font-size: 3rem;
  cursor: pointer;
  padding: 3rem 2.5rem;
  border-bottom: 2px solid #fff;
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

.item-setting i {
  color: white;
  font-size: 3rem;
}

.item-setting:hover {
  color: white;
  text-decoration: none;
  text-shadow: 2px 2px 10px #707070;
}

.item-setting:hover .item-setting__icon {
  color: white;
  text-decoration: none;
  text-shadow: 2px 2px 10px #707070;
}

.item-setting__active {
  transform: scale(0.9);
}

.setting-content {
  background-color: white;
  border: 1px solid #707070;
  padding: 4rem 0;
  position: relative;
  margin-top: 0.5rem;
}

.setting__condition {
  padding: 2rem 0;
}

.setting__item-title {
  display: flex;
  font-size: 3rem;
  font-family: "NotoSansJP-Medium";
}

.setting__item-title span {
  word-break: break-word;
}

.setting__item-title i {
  font-size: 2rem;
  color: #47b5ce;
  padding: 5px;
}

.setting__item-title .note__text {
  display: none;
}

.setting__item-title .title__group {
  display: flex;
  align-items: center;
}

.setting__item-title .messenger-note {
  width: 2.9rem;
  height: 2.8rem;
  display: flex;
  align-items: center;
  position: relative;
}

.setting__item-title .messenger-note .note-text {
  display: none;
  width: 40.8rem;
  padding: 1rem;
  background-color: white;
  text-align: left;
  border: 3px solid #707070;
  position: absolute;
  z-index: 3;
  left: 568%;
  top: -92%;
  margin-left: -8rem;
  font-size: 2rem;
  min-height: 8rem;
  align-items: center;
}

.setting__item-title .messenger-note .triangle_left {
  z-index: 2;
  display: none;
  width: 0;
  height: 0;
  border-top: 9px solid transparent;
  border-right: 6rem solid #707070;
  border-bottom: 9px solid transparent;
}

.setting__item-title .messenger-note:hover .question {
  width: 2.9rem;
  height: 3rem;
  border-radius: 10%;
  background-color: #178bef;
  color: white;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-top: 1px;
  padding-bottom: 0;
}

.setting__item-title .messenger-note:hover .triangle_left {
  display: block;
}

.setting__item-title .messenger-note:hover .note-text {
  display: flex;
}

.map p {
  font-size: 2rem;
  text-align: center;
}

.additional-conditions .additional-conditions__text {
  font-size: 2rem;
  margin: 0 1.5rem;
  color: #47b5ce;
  border-bottom: 1px solid;
  cursor: pointer;
  position: relative;
}

.setting__sub {
  font-size: 2rem;
  padding-right: 5px;
  word-break: keep-all;
}

.point {
  font-size: 2.5rem;
}

.btn__applying {
  position: relative;
  z-index: 1;
  color: white;
  background-color: #47b5ce;
  border-radius: 1rem;
  border: none;
}

.btn__applying span {
  font-size: 2.1rem;
}

.btn__applying:focus {
  outline: none;
}

.input-price {
  width: 10%;
  padding: 0 5px;
}

.input-price .el-input--suffix .el-input__inner {
  padding: 1rem;
  color: black;
  text-align: center;
}

.input-price .el-icon-arrow-up {
  display: none;
}

.input-time {
  width: 10%;
  padding: 0 5px;
}

.input-time .el-input--suffix .el-input__inner {
  padding: 1rem;
  font-size: 1.5rem;
  color: black;
  text-align: center;
}

.input-time .el-icon-arrow-up {
  display: none;
}

.input-time {
  width: 12%;
}

.time-end,
.time-start {
  padding: 5px;
}

.input__map {
  padding: 2rem 0;
}

.input__map .el-input {
  font-size: 2rem;
  margin-right: 2.7rem;
}

.input__map .el-input .el-input__inner {
  border-radius: 0;
}

.input__map .btn__block {
  min-width: 13rem;
}

.el-select-dropdown__item {
  font-size: 2.5rem;
}

.delivery-date .setting__item-title {
  max-width: 22rem;
}

.delivery-date__group-2 {
  margin-top: 1.7rem;
}

.delivery-radio,
.delivery-date__group-2,
.delivery-date__group-1 {
  display: flex !important;
  flex-wrap: wrap;
}

.delivery-radio .el-radio,
.delivery-date__group-2 .el-radio,
.delivery-date__group-1 .el-radio {
  width: 7.7rem !important;
}

.delivery-radio .el-radio.radio-style,
.delivery-date__group-2 .el-radio.radio-style,
.delivery-date__group-1 .el-radio.radio-style {
  margin-right: 1.3rem;
}

.delivery-radio .el-radio .el-radio__label,
.delivery-date__group-2 .el-radio .el-radio__label,
.delivery-date__group-1 .el-radio .el-radio__label {
  font-size: 2.1rem;
}

.el-radio.radio-style {
  margin-right: 2rem;
}

.radio-style {
  display: flex !important;
  align-items: center;
}

.radio-style .el-checkbox__label,
.radio-style .el-radio__label {
  font-size: 2.5rem;
  font-family: "NotoSansJP-Medium";
}

.radio-style .el-checkbox__inner,
.radio-style .el-radio__inner {
  width: 2rem;
  height: 2rem;
  border-radius: 0%;
}

.radio-style .el-checkbox__inner,
.radio-style .el-radio__inner {
  background-color: #fff !important;
  border-color: #707070 !important;
  border-width: 0.2rem;
  overflow: hidden;
  margin-top: 0.2rem;
}

.radio-style .is-checked .el-checkbox__inner::after,
.radio-style .is-checked .el-radio__inner::after {
  content: "\f00c";
  font-family: FontAwesome;
  display: inline-block;
  color: #000000;
  width: 0px;
  height: 0px;
  font-size: 1.5rem;
  left: 3%;
  top: 0%;
  transform: scaleY(1);
}

.radio-style .el-checkbox__label,
.radio-style .el-radio__label {
  color: #373738 !important;
  padding-left: 0.5rem;
}

.radio-style.is-checked .el-radio__label {
  color: #373738 !important;
}

.radio-style .el-checkbox__inner::after {
  content: "\2713";
  display: inline-block;
  color: white;
  width: 0px;
  height: 0px;
  font-size: 2.5rem;
  left: 5%;
  top: -45%;
  transform: rotate(0) scaleY(1) !important;
}

.weather-conditions .el-input {
  width: 15.6rem;
  font-size: 2rem;
}

.weather-conditions .el-input input {
  text-align: center;
}

.select__condition-weather .content__select {
  width: 100%;
  max-width: 55rem;
  min-height: 3.7rem;
  height: auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 1.3rem;
  border: 1px solid #707070;
  cursor: pointer;
}

.select__condition-weather .content__select .content__select-multi {
  padding: 2px 0;
}

.select__condition-weather .content__select .content__select-multi .content__item {
  display: inline-block;
  height: 2.5rem;
  line-height: 2.5rem;
  padding: 0 1rem;
  margin: 0.2rem;
  background-color: #e6e7e7;
  border-radius: 5px;
  font-size: 2rem;
}

.select__condition-weather .content__select .text {
  font-size: 2rem;
}

.select__condition-weather .content__select i {
  font-size: 2.2rem;
  color: #a5a4a4;
}

.select__condition-weather .list__option-select {
  position: absolute;
  display: flex;
  flex-direction: column;
  height: 56rem;
  width: 55rem;
  flex-wrap: wrap;
  background-color: white;
  border: 1px solid #707070;
  z-index: 10;
}

.select__condition-weather .list__option-select .item__option {
  width: calc(100% / 3);
  height: calc(100% / 14);
  border-right: 1px solid #c1c0c0;
  display: flex;
  align-items: center;
  padding-left: 1rem;
  cursor: pointer;
}

.select__condition-weather .list__option-select .item__option:hover {
  background-color: #47b5ce70;
}

.select__condition-weather .list__option-select .item__option.active {
  background-color: #47b5ce70;
}

.select__condition-weather .list__option-select .item__option .item__text {
  font-size: 1.8rem;
  color: #373738;
  -moz-user-select: none !important;
  -webkit-touch-callout: none !important;
  -webkit-user-select: none !important;
  -moz-user-select: none !important;
  -ms-user-select: none !important;
  user-select: none !important;
}

.select__condition .content__select {
  width: 34rem;
  height: 3.7rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 1rem;
  border: 1px solid #707070;
  cursor: pointer;
}

.select__condition .content__select .text {
  font-size: 2rem;
}

.select__condition .content__select i {
  font-size: 2.2rem;
  color: #a5a4a4;
}

.select__condition .list__option-select {
  position: absolute;
  display: flex;
  flex-direction: column;
  width: 34rem;
  flex-wrap: wrap;
  background-color: white;
  border: 1px solid #707070;
  z-index: 10;
}

.select__condition .list__option-select .item__option {
  width: auto;
  height: 4rem;
  border-right: 1px solid #c1c0c0;
  display: flex;
  align-items: center;
  padding-left: 1rem;
  cursor: pointer;
}

.select__condition .list__option-select .item__option:hover {
  background-color: #47b5ce70;
}

.select__condition .list__option-select .item__option.active {
  background-color: #47b5ce70;
}

.select__condition .list__option-select .item__option .item__text {
  font-size: 2rem;
  color: #373738;
  -moz-user-select: none !important;
  -webkit-touch-callout: none !important;
  -webkit-user-select: none !important;
  -moz-user-select: none !important;
  -ms-user-select: none !important;
  user-select: none !important;
}

.delivery-date .delivery-date__group-1 .el-radio {
  margin-right: 1.5rem;
}

.delivery-date .delivery-date__group-1 .el-radio .el-radio__label {
  font-size: 2rem;
  padding-left: 2px;
}

.delivery-date .delivery-date__group-2.fix__width .el-radio {
  width: 10rem !important;
}

.delivery-date .delivery-date__group-2 .el-radio {
  width: 5.6rem;
}

.delivery-date .delivery-date__group-2 .el-radio .el-radio__label {
  font-size: 2rem;
  padding-left: 2px;
}

.toggle__tabbar {
  display: flex;
  justify-content: center;
  padding-top: 2rem;
  padding-bottom: 4rem;
}

.tabbar {
  --padding: 4px;
  display: flex;
  align-items: center;
  background-color: white;
  padding: 8px;
  height: 46px;
  border: 1px solid #707070;
  position: relative;
  width: 23rem;
}

.tabbar .indicator {
  height: calc(100% - calc(var(--padding) * 2));
  position: absolute;
  left: 7px;
  top: 50%;
  border-radius: 10px;
  transform: translate(0, -50%);
  background-color: #47b5ce;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.0156), 0 1px 3px rgba(0, 0, 0, 0.0124);
  transition: all 150ms cubic-bezier(0.32, 1.06, 0.4, 1.05);
}

.tabbar .tab__item {
  font-weight: 600;
  padding: 0 3rem;
  height: 100%;
  display: inline-flex;
  align-items: center;
}

.tabbar .tab__item:not(:last-child) {
  margin-right: 4px;
}

.tabbar .tab__name {
  -webkit-user-select: none;
  -moz-user-select: none;
   -ms-user-select: none;
       user-select: none;
  cursor: pointer;
  position: relative;
  z-index: 99;
  font-size: 2.5rem;
  margin-bottom: 0;
}

.tabbar .tab__active p {
  color: white;
}

.btn-toggle__block {
  display: flex;
  height: 40px;
  width: 23rem;
  background: white;
  border: 1px solid #707070;
  justify-content: center;
}

.btn__toggle {
  font-size: 2.5rem;
  border: none;
  border-radius: 5px;
  margin: 0.3rem 0;
  padding: 0 3rem;
  background: none;
  transition: all 150ms cubic-bezier(0.32, 1.06, 0.4, 1.05);
}

.btn__toggle:focus {
  outline: none;
}

.active {
  background: #47b5ce;
  color: white;
}

.grid {
  display: flex;
}

.grid .menu {
  background-color: #c3c0c0;
  padding: 0;
}

.grid .menu .navbar-brand {
  width: 100%;
  background-color: white;
  font-size: 3.8rem;
  margin: 0;
  white-space: nowrap;
  color: #484b4b;
  height: 106px;
  display: flex;
  align-items: center;
  padding-left: 4rem;
  border-right: 1px solid #ebebeb;
}

.grid .menu .menu__list {
  display: flex;
  flex-direction: column;
  width: 100%;
  padding: 4.5rem 0;
}

.grid .menu .menu__list .btn-menu,
.grid .menu .menu__list i {
  display: none;
}

.grid .menu .menu__list .menu__item {
  font-size: 3rem;
  width: 100%;
  text-align: left;
  padding: 0;
}

.grid .menu .menu__list .menu__item a {
  padding: 2.5rem 1.5rem;
  color: white;
  text-decoration: none;
  display: block;
}

.grid .menu .menu__list .menu__item a img {
  margin-right: 15px;
}

.grid .menu .menu__list .menu__item:hover {
  background-color: #6c6c6c;
}

.grid .menu .menu__list .menu__item:hover a {
  color: #fff;
}

.grid .menu .menu__list .active {
  background-color: #6c6c6c;
}

.table {
  display: table;
  border-collapse: collapse;
  width: 100%;
}

.table .table-row {
  display: table-row;
}

.table .table-row:not(:last-child) {
  border-bottom: 2px solid #a5a4a4;
}

.table .table-row:nth-child(even) {
  background-color: white !important;
}

.table .table-row:nth-child(odd) {
  background-color: #d6d6d6;
}

.table .row-header {
  background: white !important;
}

.table .table-row:hover {
  background-color: #ddd !important;
}

.table .table-cell__left {
  display: table-cell;
  vertical-align: top;
  width: 30%;
  border-right: 2px solid #a5a4a4;
}

.table .table-cell__right {
  display: table-cell;
  width: 100%;
}

.table .left-title,
.table .right-title {
  font-size: 2.5rem;
  margin-bottom: 0;
}

.table .left-title,
.table .right-title,
.table .checkbox {
  padding: 1.7rem 2.7rem;
}

.table .condition__list {
  padding: 1.7rem 0 1.7rem 2rem;
}

.table .checkbox input {
  width: 2.6rem;
  height: 2.8rem;
  transform: translateY(0.8rem);
  padding-left: 0.3rem;
}

.table .checkbox label {
  font-size: 2.8rem;
}

.table .condition__list p,
.table .condition__list i {
  margin-bottom: 0;
  font-size: 2.2rem;
}

.table .table-inside {
  display: table;
  width: 100%;
  border-collapse: collapse;
  table-layout: auto;
}

.table .table-inside .table-inside__row {
  display: table-row;
}

.table .table-inside .table-inside__row:not(:last-child) {
  border-bottom: 1px solid #a5a4a4;
}

.table .table-inside .table-inside__row .table-inside__cell {
  display: table-cell;
  vertical-align: middle;
}

.table .table-inside .table-inside__row .table-inside__cell .checkbox {
  width: 250px;
  align-items: center;
}

.table .table-inside .table-inside__row .table-inside__cell .checkbox input[type="checkbox"] {
  margin-bottom: 13px;
  margin-right: 12px;
}

.table table-inside:not(:last-child) {
  border-bottom: 1px solid #a5a4a4;
}

.table-cell__left .checkbox {
  align-items: center;
}

.table-cell__left .checkbox input[type="checkbox"] {
  margin-bottom: 13px;
  margin-right: 12px;
}

.pagination {
  padding: 5rem 0;
}

.pagination a {
  font-size: 3.3rem;
  color: black;
  padding: 0 3px;
}

.pagination .next,
.pagination .previous {
  padding: 0 4.3rem;
}

.img-replace {
  /* replace text with an image */
  display: inline-block;
  overflow: hidden;
  text-indent: 100%;
  color: transparent;
  white-space: nowrap;
}

.cd-popup-trigger {
  box-shadow: 0 3px 0 rgba(0, 0, 0, 0.07);
}

.cd-popup {
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: 2;
  background-color: rgba(94, 110, 141, 0.9);
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s 0s, visibility 0s 0.3s;
}

.cd-popup.is-visible {
  opacity: 1;
  visibility: visible;
  transition: opacity 0.3s 0s, visibility 0s 0s;
}

.cd-popup-container {
  position: relative;
  width: 100%;
  max-width: 50rem;
  margin: 4em auto;
  top: 30%;
  background: #fff;
  border-radius: 1rem;
  text-align: center;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
  transform: translateY(-40px);
  /* Force Hardware Acceleration in WebKit */
  -webkit-backface-visibility: hidden;
  transition-property: transform;
  transition-duration: 0.3s;
}

.cd-popup-container p {
  padding: 3em 1em;
  font-size: 3rem;
}

.cd-popup-container .cd-buttons:after {
  content: "";
  display: table;
  clear: both;
}

.cd-popup-container .cd-buttons li {
  float: left;
  width: 50%;
}

.cd-popup-container .cd-buttons a {
  display: block;
  height: 60px;
  font-size: 2.8rem;
  line-height: 60px;
  text-transform: uppercase;
  color: #fff;
  transition: background-color 0.2s;
}

.cd-popup-container .cd-buttons li:first-child a {
  background: #47b5ce;
  border-radius: 0 0 0 0.25em;
}

.no-touch .cd-popup-container .cd-buttons li:first-child a:hover {
  background-color: #fc8982;
}

.cd-popup-container .cd-buttons li:last-child a {
  background: #b6bece;
  border-radius: 0 0 0.25em 0;
}

.no-touch .cd-popup-container .cd-buttons li:last-child a:hover {
  background-color: #c5ccd8;
}

.cd-popup-container .cd-popup-close {
  position: absolute;
  top: 8px;
  right: 8px;
  width: 30px;
  height: 30px;
}

.cd-popup-container .cd-popup-close::before,
.cd-popup-container .cd-popup-close::after {
  content: "";
  position: absolute;
  top: 12px;
  width: 14px;
  height: 3px;
  background-color: #8f9cb5;
}

.cd-popup-container .cd-popup-close::before {
  transform: rotate(45deg);
  left: 8px;
}

.cd-popup-container .cd-popup-close::after {
  transform: rotate(-45deg);
  right: 8px;
}

.is-visible .cd-popup-container {
  transform: translateY(0);
}

.btn__block {
  display: flex;
}

.btn__add {
  position: relative;
  z-index: 1;
  width: 37.2rem;
  height: 5.2rem;
  background-color: #47b5ce;
  color: white;
  border: none;
  border-radius: 1.5rem;
  font-size: 3rem;
  margin: 0 1.5rem;
}

.btn__add i {
  padding-right: 1rem;
}

.btn__add:hover,
.btn__delete:hover,
.btn__applying:hover {
  transform: translateY(-3px);
  transition: all 250ms cubic-bezier(0.02, 0.01, 0.47, 1);
  text-decoration: unset;
}

.btn__add::before,
.btn__delete::before,
.btn__applying {
  transition: opacity 0.3s;
}

.btn__add:active,
.btn__applying:active {
  transform: translateY(-1px);
  box-shadow: 0 0 1rem #47b5ce;
  transition: all 250ms cubic-bezier(0.02, 0.01, 0.47, 1);
}

.btn__delete:active {
  transform: translateY(-1px);
  box-shadow: 0 0 1rem #c3c0c0;
  transition: all 250ms cubic-bezier(0.02, 0.01, 0.47, 1);
}

.btn__delete {
  position: relative;
  z-index: 1;
  width: 14rem;
  height: 5.2rem;
  background-color: #c3c0c0;
  color: #363636;
  font-size: 3rem;
  border: none;
  border-radius: 1.5rem;
  margin: 0 1.5rem;
}

.btn__delete i {
  padding-right: 1rem;
}

.btn__delete:focus {
  outline: none;
}

.btn__delete:active {
  outline: none;
}

.btn__add:focus {
  outline: none;
}

.btn__add:active {
  outline: none;
}

.condition__container {
  padding-top: 1rem;
  padding-left: 4rem !important;
  padding-right: 4rem !important;
  color: #363636;
}

.container__block-right {
  width: 100%;
  background-color: #ebebeb;
}

.container__block-right .title__content {
  display: flex;
  flex-direction: column;
  line-height: 4rem;
}

.container__block-right .title__content .campaign__name {
  font-size: 3rem;
}

.container__block-right .title__content .own__brand {
  font-size: 3.8rem;
}

.container__block-right .table__check {
  padding-left: 0;
}

.container__block-right .table__check .table__header {
  display: flex;
  justify-content: space-between;
  padding: 2rem 0.5rem;
  width: 100%;
}

.container__block-right .table__check .account-name label {
  cursor: pointer;
  color: #363636;
}

.container__block-right .table__check input[type="text"] {
  width: 42.5rem;
  height: 4.4241rem;
  box-sizing: border-box;
  border: 2px solid #707070;
  border-radius: 4px;
  font-size: 2.5rem;
  background-color: white;
  background-image: url("/frontend/images/searchicon.png");
  background-position: 10px 3px;
  background-size: 3.5rem 3.5rem;
  background-repeat: no-repeat;
  padding: 1.2rem 2rem 1.2rem 5rem;
  transition: width 0.4s ease-in-out;
}

.container__block-right .table__block .table.table-striped tr,
.container__block-right .table__block .table.table-striped th,
.container__block-right .table__block .table.table-striped td,
.container__block-right .table__block .table.table-striped tbody {
  border: none;
}

.container__block-right .table__block .table.table-striped thead {
  border-top: none;
  border-left: none;
  border-right: none;
}

.container__block-right .table__block .table.table-striped tr input {
  width: 2.6rem;
  height: 2.8rem;
}

.container__block-right .table__block .table.table-striped tr:nth-child(even) {
  background-color: #d6d6d6;
}

.container__block-right .table__block .table.table-striped .checkbox-column {
  padding: 1rem 9rem;
}

.container__block-right .table__block label {
  font-size: 2.8rem;
}

.container__block-right .table__block p {
  font-size: 2.4rem;
}

.container__block-right .table__block .google__td-right {
  width: 50%;
  padding: 0;
}

.container__block-right .table__block .google__td-left {
  vertical-align: middle;
}

.container__block-right .condition__item {
  word-break: keep-all;
  margin: 0.5rem 2.5rem 0.5rem 0;
}

.container__block-right .condition__item i {
  width: 2.5rem;
}

.container__block-right .no__active i {
  display: none;
}

.container__block-right .no__active p {
  padding-left: 2.5rem;
  color: #9b9b9b;
}

.container__block-right .condition__list {
  flex-wrap: wrap;
}

.table-option {
  display: flex;
  align-items: center;
  padding: 1rem 1rem 1rem 7rem;
  height: 100%;
  background-color: white;
}

.table-option p {
  font-size: 3.8rem;
  padding-right: 14rem;
}

.table-option .form-group {
  margin-bottom: 0;
}

.select-account {
  display: flex;
  align-items: center;
}

.select-account label {
  font-size: 3rem;
  padding-right: 8%;
  margin-bottom: 0;
  display: flex;
  align-items: center;
  white-space: nowrap;
  font-style: normal;
  font-weight: normal;
  color: #3a3a3b;
}

.select-account select {
  min-width: 47.1rem;
  width: 47.1rem;
  height: 5.8rem;
  font-size: 3rem;
  line-height: 1;
  border: 1px solid #707070;
  border-radius: 0;
  background: url(/images/icon-arrow-down.svg) no-repeat right #fff;
  -webkit-appearance: none;
  background-position-x: 44rem;
  background-size: 2rem;
}

.select-account select option {
  font-size: 2.5rem;
}

.header__title-fb-step,
.header__title-google-step {
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  padding: 4.8rem 0 0 0;
  background-color: #fff;
  color: #373738;
  font-family: "NotoSansJP-Bold";
}

.header__title-fb-step .title,
.header__title-google-step .title {
  font-size: 6rem;
}

.header__title-fb-step .sub,
.header__title-google-step .sub {
  font-size: 4rem;
  margin-top: 3.5rem;
}

.header__title {
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  padding: 3.6rem 0 5.3rem 0;
  background-color: #fff;
}

.header__title .title {
  font-size: 6rem;
}

.header__title .sub {
  font-size: 4rem;
  margin-top: 40px;
}

.content-account {
  display: flex;
  justify-content: center;
  padding: 11.2rem 0 16rem 0;
  background-color: #ebebeb;
}

.account-selection {
  background-color: #ebebeb;
  color: #373738;
  width: 170rem;
  height: 77rem;
}

.account-selection-pri {
  background-color: #ebebeb;
  color: #373738;
  width: 170rem;
}


.account-selection .account-selection__container {
  background-color: white;
  padding: 5rem 35.5rem 12.3rem 35.5rem;
}

.account-selection .select__block {
  display: inline-block;
}

.account-selection .select__block .text {
  margin-top: 15px;
  line-height: 45px;
  color: #373738;
}

.account-selection .select__block,
.account-selection .logo__facebook,
.account-selection .logo__google {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.account-selection .logo__facebook img {
  width: 24.1rem;
  height: 24.1rem;
}

.account-selection .logo__google img {
  width: 26.8rem;
  height: 24.1rem;
}

.account-selection .logo__facebook,
.account-selection .logo__google {
  position: relative;
  flex-direction: column;
}

.account-selection .logo__facebook a,
.account-selection .logo__google a {
  text-align: center;
  color: black;
  font-size: 3.5rem;
  text-decoration: none;
  background-image: linear-gradient(0deg, var(--line) 0%, var(--line) 100%);
  background-position: 100% 100%;
  background-repeat: no-repeat;
  background-size: var(--background-size, 100%) 1px;
  transition: background-size 0.2s linear var(--background-delay, 0.15s);
  transform: translateZ(0);
}

.account-selection .logo__facebook img,
.account-selection .logo__google img {
  height: auto;
}

.account-selection .logo__facebook i,
.account-selection .logo__google i {
  vertical-align: top;
  display: inline;
  line-height: 1;
  width: 13px;
  height: 20px;
  position: relative;
  left: -2px;
  fill: none;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 1px;
  stroke: var(--line);
  stroke-dasharray: 7.95 30;
  stroke-dashoffset: var(--stroke-dashoffset, 46);
  transition: stroke-dashoffset var(--stroke-duration, 0.15s) var(--stroke-easing, linear) var(--stroke-delay, 0s);
}

.account-selection .logo__facebook:hover i,
.account-selection .logo__google:hover i {
  --background-size: 0%;
  --background-delay: 0s;
  --stroke-dashoffset: 26;
  --stroke-duration: 0.3s;
  transition: easing cubic-bezier(0.3, 1.5, 0.5, 1);
  --stroke-delay: 0.195s;
}

.account-selection-policy {
  overflow: auto;
}

.account-selection-policy .account-selection__container {
  overflow-x: auto;
  background-color: white;
  min-width: 1000px;
  padding: 0rem 15.5rem 12.3rem !important;
}

.account-google__step {
  background-color: #ebebeb;
  padding: 0 10rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.step__content {
  background-color: white;
  width: 100%;
  max-width: 170.1rem;
}

.step__dot {
  background: #47b5ce;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  color: white;
  display: inline-block;
  font-size: 3rem;
  line-height: 5.3rem;
  margin-right: 5px;
  text-align: center;
  width: 5.3rem;
}

.step__name {
  font-size: 2.5rem;
  color: #707070;
}

.line {
  width: 9.6rem;
  height: 2px;
  border: solid;
  size: 1rem;
  color: #c3c0c0;
  margin: 0 1rem;
}

.step__block {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 5rem 0;
}

.step__active .step__name {
  color: black;
  border-bottom: 1px solid #000;
}

.input-id-google {
  display: flex;
  justify-content: center;
  padding-bottom: 2.3rem;
}

.input-id-google .input-id {
  padding: 3rem;
  font-size: 2.5rem;
}

.input-id-google .input-id::-moz-placeholder {
  font-size: 3.3rem;
}

.input-id-google .input-id:-ms-input-placeholder {
  font-size: 3.3rem;
}

.input-id-google .input-id::placeholder {
  font-size: 3.3rem;
}

.confirm-id {
  color: black;
  font-size: 2.5rem;
  display: flex;
  justify-content: flex-end;
  padding: 0 20.7rem 7.5rem 20.7rem;
  min-width: -webkit-fit-content;
  min-width: -moz-fit-content;
  min-width: fit-content;
}

.confirm-id:hover {
  color: #373738;
}

.button {
  display: flex;
  justify-content: center;
  padding: 5rem 0 6rem 0;
}

.button .cancel__setting {
  font-size: 2rem;
  font-weight: 400;
  margin-right: 2rem;
  line-height: 8.8rem;
  text-decoration: underline;
}

.button .cancel__setting.google__step--2 {
  margin-left: -16.4rem;
}

.button .cancel__setting.google__step--3 {
  margin-left: -32.4rem;
}

.button .cancel__setting.google__step--4 {
  margin-left: -30.4rem;
}

.button .cancel__setting.facebook__step--2 {
  margin-left: -32.4rem;
}

.button .cancel__setting.facebook__step--3 {
  margin-left: -32.4rem;
}

.btn__normal {
  position: relative;
  z-index: 1;
  color: white !important;
  font-size: 4rem;
  background-color: #47b5ce !important;
  padding: 0 8.4rem;
  border-radius: 2rem;
  height: 8.8rem;
  display: flex;
  justify-content: center;
  align-items: center;
  border: none;
}

.btn__normal:hover {
  text-decoration: none;
  color: white;
  transform: translateY(-3px);
  transition: all 250ms cubic-bezier(0.02, 0.01, 0.47, 1);
}

.btn__normal::before {
  transition: opacity 0.3s;
}

.btn__normal:active {
  transform: translateY(-1px);
  box-shadow: 0 0 1rem #47b5ce;
  transition: all 250ms cubic-bezier(0.02, 0.01, 0.47, 1);
}

.btn__save {
  height: 6.6rem;
}

.btn__normal:focus {
  outline: none;
}

.advertising-account {
  display: flex;
  flex-direction: column;
  padding-bottom: 3rem;
}

.custom-mt-5 {
  margin-top: 5rem;
}

.custom-mt-4 {
  margin-top: 4rem;
}

.account-id {
  font-size: 2.5rem;
  padding-bottom: 2.5rem;
  padding-left: 3rem;
  font-family: "Hiragino-Sans-GB-W3";
}

.customize-scrollbar::-webkit-scrollbar {
  width: 2.2rem;
  background-color: transparent;
  border: 1px solid #707070;
}

.customize-scrollbar::-webkit-scrollbar-thumb {
  background-color: #bfbfbf;
  width: 1rem;
  border-radius: 99px;
  border: 1px solid #aaa;
  padding: 2px 6px;
}

.customize-scrollbar::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #f5f5f5;
}

.customize-scrollbar::-webkit-scrollbar-thumb:hover {
  background: #fff;
}

.table-fb-step,
.table-geologic-step,
.table-yahoo-step,
.table-sig-step,
.table-google-step {
  border: 1px solid #707070;
}

.table-fb-step .checkbox-column,
.table-geologic-step .checkbox-column,
.table-yahoo-step .checkbox-column,
.table-sig-step .checkbox-column,
.table-google-step .checkbox-column {
  border-right-color: #fff;
  width: 54rem;
  font-family: "Hiragino-Sans-GB-W3";
}

.table-fb-step .checkbox-none,
.table-geologic-step .checkbox-none,
.table-yahoo-step .checkbox-none,
.table-sig-step .checkbox-none,
.table-google-step .checkbox-none {
  border-left-color: #fff;
  font-family: "Hiragino-Sans-GB-W3";
}

.table-fb-step table thead th,
.table-geologic-step table thead th,
.table-yahoo-step table thead th,
.table-sig-step table thead th,
.table-google-step table thead th {
  border: unset;
  border-bottom: 1px solid #707070;
}

.table-fb-step table tbody tr td,
.table-geologic-step table tbody tr td,
.table-yahoo-step table tbody tr td,
.table-sig-step table tbody tr td,
.table-google-step table tbody tr td {
  border: unset;
}

.table-fb-step .table.table-striped tr:nth-child(even),
.table-geologic-step .table.table-striped tr:nth-child(even),
.table-yahoo-step .table.table-striped tr:nth-child(even),
.table-sig-step .table.table-striped tr:nth-child(even),
.table-google-step .table.table-striped tr:nth-child(even) {
  background-color: #ebebeb;
}

.table-google-step .campaign__id,
.table-google-step .campaign__name,
.table-google-step .campaign__test,
.table-google-step .customer_name,
.table-google-step .customer_id {
  font-family: "Hiragino-Sans-GB-W3";
}

.table-google-step table.table-striped .google__customer-item td {
  padding: 0 3rem;
  height: 10rem;
  vertical-align: middle;
}

.table-fb-step .empty {
  height: 9.8rem;
}

.table-fb-step .fb-step-items {
  height: 9.8rem;
}

.table-fb-step.table-scroll td {
  border: none;
}

.table-fb-step table.table-striped .fb__account-item td {
  padding: 0 3rem;
  height: 10rem;
  vertical-align: middle;
}

.table-fb-step .account__name {
  font-family: "Hiragino-Sans-GB-W3";
}

.table-fb-step .account__id {
  font-family: "Hiragino-Sans-GB-W3";
}

.padding-empty {
  padding: 0 !important;
}

.table-scroll {
  position: relative;
  width: 100%;
  z-index: 1;
  margin: auto;
  overflow: auto;
  max-height: 71rem;
}

.table-scroll table {
  width: 100%;
  margin: auto;
  border-collapse: separate;
  border-spacing: 0;
}

.table-wrap {
  position: relative;
}

.table-scroll th,
.table-scroll td {
  padding: 5px 10px;
  border: 1px solid #f8f8f8;
  border-bottom: none;
  vertical-align: top;
}

.table-scroll thead th {
  background: lightseagreen;
  color: #fff;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
}

thead th:first-child,
tfoot th:first-child {
  z-index: 5;
}

.table.table-striped thead,
.table.table-striped tbody {
  border: 1px solid #707070;
}

.table.table-striped tr:nth-child(even) {
  background-color: #ebebeb;
}

.table.table-striped tbody tr:nth-of-type(odd) {
  background-color: white;
}

.table.table-striped tr input {
  width: 3.5rem;
  height: 3.8rem;
  margin-right: 2.5rem;
}

.table.table-striped .checkbox-column {
  padding: 1rem 9rem;
}

.table.table-striped .checkbox-none {
  padding: 1rem 3rem;
}

.table.table-striped tr:hover {
  background-color: #ddd !important;
}

.table.table-striped th {
  background-color: white;
  color: #363636;
  font-size: 2.5rem;
}

.table.table-striped td {
  font-size: 3.3rem;
  padding: 2.5rem 3rem;
}

.fb-ins__step3 .table.table-striped .pause,
.fb-ins__step3 .table.table-striped .play {
  padding: 0 2.5rem 0 0 !important;
}

.fb-ins__step3 .table.table-striped .checkbox-column {
  padding: 1rem 9rem;
}

.step__final .account-id,
.step__final .select__in-step {
  padding-left: 3rem;
}

.step__final .select__in-step {
  margin-bottom: 2.3rem;
}

.step__final .select__in-step label {
  padding-right: 6rem;
  font-family: "NotoSansJP-Bold";
}

.step__final .table.table-striped .checkbox-column {
  padding: 1rem 13rem;
}

.pause {
  color: #acacac;
}

.play {
  color: #2dcb08;
}

.play .fa-pause-circle::before {
  background-color: #2dcb08;
  border-radius: 99px;
  font-size: 3rem;
}

.pause,
.play {
  padding: 0 6rem 0 4rem;
}

@media only screen and (max-width: 1919.98px) {
  .setting__item-title {
    font-size: 2.3rem;
  }
  .setting__condition {
    padding: 1rem 0;
  }
  .setting__sub {
    font-size: 1.8rem;
  }
  .radio-style .el-checkbox__label,
  .radio-style .el-radio__label {
    font-size: 2rem;
  }
  .container__block-right .table__block .table.table-striped .checkbox-column {
    padding: 1rem 3rem;
  }
  .grid .menu .navbar-brand {
    font-size: 3.5rem;
  }
  .account-selection .account-selection__container {
    padding: 5rem 32.5rem 12.3rem 32.5rem;
  }
  .step__dot {
    line-height: 4.3rem;
    width: 4.3rem;
  }
  .step__name {
    font-size: 2rem;
  }
  .button .cancel__setting {
    line-height: 5.8rem;
  }
  .button .cancel__setting.google__step--3 {
    margin-left: -17.2rem;
  }
  .button .cancel__setting.facebook__step--2 {
    margin-left: -17.2rem;
  }
  .btn__normal {
    font-size: 3rem;
    padding: 0 5.4rem;
    height: 5.8rem;
  }
}

@media only screen and (max-width: 1440px) {
  .condition-time .setting__sub {
    font-size: 2rem;
  }
  .item-setting {
    font-size: 2.5rem;
  }
  .delivery-date .delivery-date__group-1 .el-radio .el-radio__label {
    font-size: 1.8rem;
  }
  .delivery-date .delivery-date__group-2 .el-radio .el-radio__label {
    font-size: 1.8rem;
  }
  .toggle__tabbar {
    padding-bottom: 0;
  }
  .toggle__tabbar .tabbar {
    width: 16.5rem;
  }
  .toggle__tabbar .tabbar .tab__item {
    padding: 0 2rem;
  }
  .toggle__tabbar .tabbar .tab__item .tab__name {
    font-size: 1.8rem;
  }
  .delivery-date .delivery-date__group-2 .el-radio {
    width: 3rem;
  }
  .setting__item-title {
    font-size: 2.5rem;
  }
  .setting__item-title .messenger-note .note-text {
    font-size: 1.5rem;
    width: 40.8rem;
  }
  .setting__condition {
    padding: 1rem 0;
  }
  .setting__sub {
    font-size: 1.8rem;
  }
  .btn__applying span {
    font-size: 1.8rem;
  }
  .input__map {
    padding: 2rem 0;
  }
  .input__map .setting__sub {
    font-size: 2rem;
  }
  .input__map .el-input {
    font-size: 1.8rem;
    width: 13rem;
    margin-right: 2rem;
  }
  .input__map .el-input .el-input__inner {
    height: 3rem;
  }
  .input-time {
    width: 14%;
  }
  .input-time .el-input--suffix .el-input__inner {
    padding: 0 5px;
    font-size: 1.5rem;
  }
  .bid-price .input-price .el-input--suffix .el-input__inner {
    padding: 0 5px;
  }
  .select-box .el-input {
    width: 26.8rem;
    font-size: 1.5rem;
  }
  .select-box .el-input .el-select-dropdown__item {
    font-size: 1.8rem;
  }
  .select-box .el-input .el-input__inner {
    padding: 0 5px;
  }
  footer .footer__container {
    padding: 6rem 3rem;
  }
  footer .footer__container .commpany__name {
    font-size: 2rem;
  }
  footer .footer__container .policy__link a {
    font-size: 2rem;
  }
  .pagination a {
    font-size: 2rem;
  }
  .pagination span {
    font-size: 2rem !important;
  }
  .table-option {
    padding: 1rem 5rem;
  }
  .table-option .select-account {
    margin-bottom: 0;
  }
  .table-option .select-account label,
  .table-option .select-account select {
    font-size: 2rem;
    height: 5rem;
  }
  .container__block-right .table__header .btn__block .btn__delete,
  .container__block-right .table__header .btn__block .btn__add {
    font-size: 2rem;
  }
  .container__block-right .table__header .btn__block .btn__add {
    width: 30.2rem;
  }
  .btn__add,
  .btn__delete {
    font-size: 2rem;
  }
  .table {
    display: table;
    border-collapse: collapse;
    width: 100%;
  }
  .table .table-row {
    display: table-row;
  }
  .table .table-row:not(:last-child) {
    border-bottom: 2px solid #a5a4a4;
  }
  .table .table-row:nth-child(even) {
    background-color: white !important;
  }
  .table .table-row:nth-child(odd) {
    background-color: #d6d6d6;
  }
  .table .row-header {
    background: white !important;
  }
  .table .table-row:hover {
    background-color: #ddd;
  }
  .table .table-cell__left {
    display: table-cell;
    vertical-align: top;
    width: 30%;
    border-right: 2px solid #a5a4a4;
  }
  .table .table-cell__right {
    display: table-cell;
    width: 100%;
  }
  .table .left-title,
  .table .right-title {
    font-size: 2rem;
    margin-bottom: 0;
  }
  .table .left-title,
  .table .right-title,
  .table .checkbox,
  .table .condition__list {
    padding: 1rem 2rem;
  }
  .table .checkbox input {
    width: 2.2rem;
    height: 2.4rem;
    transform: translateY(0.5rem);
    padding-left: 0.3rem;
  }
  .table .checkbox label {
    font-size: 2rem;
  }
  .table .condition__list p,
  .table .condition__list i {
    font-size: 2rem;
  }
  .table .table-inside {
    display: table;
    width: 100%;
    border-collapse: collapse;
    table-layout: auto;
  }
  .table .table-inside .table-inside__row {
    display: table-row;
  }
  .table .table-inside .table-inside__row:not(:last-child) {
    border-bottom: 1px solid #a5a4a4;
  }
  .table .table-inside .table-inside__row .table-inside__cell {
    display: table-cell;
    vertical-align: middle;
  }
  .table table-inside:not(:last-child) {
    border-bottom: 1px solid #a5a4a4;
  }
  .step__dot {
    line-height: 4.3rem;
    width: 4.3rem;
  }
  .step__name {
    font-size: 2rem;
  }
  .input-id-google {
    display: flex;
    justify-content: center;
    padding-bottom: 2.3rem;
  }
  .input-id-google .input-id::-moz-placeholder {
    font-size: 3.3rem;
  }
  .input-id-google .input-id:-ms-input-placeholder {
    font-size: 3.3rem;
  }
  .input-id-google .input-id::placeholder {
    font-size: 3.3rem;
  }
  .confirm-id {
    font-size: 2.5rem;
    padding: 0 15.7rem 7.5rem 15.7rem;
    min-width: -webkit-fit-content;
    min-width: -moz-fit-content;
    min-width: fit-content;
  }
}

@media only screen and (max-width: 1439px) {
  .radio-style .el-radio__inner,
  .radio-style .el-checkbox__inner {
    width: 15px;
    height: 15px;
  }
  .radio-style .is-checked .el-checkbox__inner::after,
  .radio-style .is-checked .el-radio__inner::after {
    font-size: 12px;
    left: 0;
  }
  .setting__item-title {
    font-size: 2.5rem;
  }
  .setting__condition {
    padding: 1rem 0;
  }
  .setting__condition .setting__item-title .title-pollen {
    word-break: break-word;
    min-width: 75px;
  }
  .setting__sub {
    font-size: 1.8rem;
  }
  .btn__applying span {
    font-size: 1.8rem;
  }
  .input__map {
    padding: 2rem 0;
  }
  .input__map .el-input {
    font-size: 1.8rem;
    width: 13rem;
    margin-right: 2rem;
  }
  .input__map .el-input .el-input__inner {
    height: 3rem;
  }
  .bid-price .input-price {
    width: 12%;
  }
  .bid-price .input-price .el-input--suffix .el-input__inner {
    padding: 0 5px;
  }
  .select-box .el-input {
    width: 26.8rem;
    font-size: 1.5rem;
  }
  .select-box .el-input .el-select-dropdown__item {
    font-size: 1.8rem;
  }
  .select-box .el-input .el-input__inner {
    padding: 0 5px;
  }
  .radio-style {
    margin-right: 1.5rem !important;
  }
  .table.table-striped tr input {
    width: 3.5rem;
    height: 3.8rem;
    margin-right: 2.5rem;
  }
  .table.table-striped .checkbox-column {
    padding: 1rem 9rem;
  }
  .table.table-striped .checkbox-none {
    padding: 1rem 3rem;
  }
  .table.table-striped tr:hover {
    background-color: #ddd !important;
  }
  .table.table-striped th {
    font-size: 2rem;
  }
  .table.table-striped td {
    font-size: 2.5rem;
    padding: 2.5rem 3rem;
  }
  .pause,
  .play {
    padding: 0 4rem 0 0rem;
  }
}

@media only screen and (max-width: 1024px) {
  .radio-style .el-radio__inner,
  .radio-style .el-checkbox__inner {
    width: 11px;
    height: 11px;
  }
  .radio-style .is-checked .el-checkbox__inner::after,
  .radio-style .is-checked .el-radio__inner::after {
    font-size: 8px;
    left: 3%;
  }
  .content-title {
    font-size: 2.5rem;
  }
  .item-setting {
    padding: 2rem 1.5rem;
  }
  .item-setting a,
  .item-setting i {
    font-size: 2.5rem;
  }
  .condition__container {
    padding-top: 2.5rem;
    padding-right: 2rem !important;
    padding-left: 2rem !important;
  }
  .setting__item-title {
    font-size: 2rem;
    word-break: keep-all;
  }
  .setting__condition {
    padding: 1rem 0;
  }
  .setting__sub {
    font-size: 1.3rem;
  }
  .btn__applying span {
    font-size: 1.3rem;
  }
  .input__map {
    padding: 2rem 0;
  }
  .input__map .el-input {
    font-size: 1.5rem;
    width: 10rem;
    margin-right: 1rem;
  }
  .input__map .el-input .el-input__inner {
    height: 3rem;
  }
  .url-home {
    font-size: 1.5rem;
    padding-left: 0;
    padding-right: 1rem;
    text-decoration: underline;
  }
  .button {
    padding: 3rem 0;
  }
  .button .cancel__setting {
    line-height: 4.8rem;
  }
  .btn__normal {
    font-size: 2rem;
    height: 4.8rem;
  }
  .time-end,
  .time-start {
    padding-left: 3rem;
  }
  .input-time {
    width: 20%;
  }
  .bid-price .input-price {
    width: 14%;
  }
  .bid-price .input-price .el-input--suffix .el-input__inner {
    padding: 0 5px;
  }
  .select-box .el-input {
    width: 26.8rem;
    font-size: 1.5rem;
  }
  .select-box .el-input .el-select-dropdown__item {
    font-size: 1.8rem;
  }
  .select-box .el-input .el-input__inner {
    padding: 0 5px;
  }
  .radio-style {
    margin-right: 1.5rem !important;
  }
  footer .footer__container .commpany__name {
    font-size: 1.5rem;
  }
  footer .footer__container .policy__link a {
    font-size: 1.9rem;
    padding: 0 1.16rem;
  }
  .table__check .table__block .table.table-striped td {
    padding: 0.5rem 1rem;
  }
  .table__check .table__block .table.table-striped .checkbox-column {
    padding: 1rem;
  }
  .table .table-cell__left {
    width: 25%;
  }
  .header__title {
    padding-bottom: 6rem;
  }
  .header__title .title {
    font-size: 4rem;
  }
  .header__title .sub {
    font-size: 2rem;
  }
  .account-selection {
    padding: 5rem 5rem;
  }
  .account-selection .account-selection__container {
    padding: 2.5rem 6.5rem 6.3rem 6.5rem;
  }
  .account-selection .logo__facebook,
  .account-selection .logo__google {
    flex-direction: column;
  }
  .account-selection .logo__facebook a,
  .account-selection .logo__google a {
    font-size: 2.5rem;
  }
  .account-google__step {
    padding: 0 5rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  .step__dot {
    font-size: 2rem;
    line-height: 3.3rem;
    margin-right: 3px;
    width: 3.3rem;
  }
  .step__name {
    font-size: 1.6rem;
  }
  .line {
    width: 6.6rem;
    height: 1px;
    border: 2px solid;
    margin: 0 5px;
  }
  .input-id-google {
    display: flex;
    justify-content: center;
    padding-bottom: 2.3rem;
  }
  .input-id-google .input-id {
    padding: 3rem;
  }
  .input-id-google .input-id::-moz-placeholder {
    font-size: 3rem;
  }
  .input-id-google .input-id:-ms-input-placeholder {
    font-size: 3rem;
  }
  .input-id-google .input-id::placeholder {
    font-size: 3rem;
  }
  .confirm-id {
    color: black;
    font-size: 2rem;
    display: flex;
    justify-content: flex-end;
    padding: 0 11.7rem 7.5rem 11.7rem;
    min-width: -webkit-fit-content;
    min-width: -moz-fit-content;
    min-width: fit-content;
  }
}

@media only screen and (max-width: 768px) {
  .grid {
    position: relative;
  }
  .grid .menu {
    position: absolute;
    z-index: 1;
  }
  .grid .menu .navbar-brand {
    display: none;
  }
  .grid .menu .menu__list {
    padding: 0;
  }
  .grid .menu .menu__list .menu__item {
    padding: 0;
    text-align: center;
  }
  .grid .menu .menu__list .menu__item a span {
    display: none;
  }
  .grid .menu .menu__list .menu__item a img {
    height: 3rem;
    width: 3rem;
    transform: translateY(-0.5rem);
  }
  .grid .menu .menu__list .menu__item a i {
    display: block;
  }
  .grid .menu .menu__list .btn {
    display: block;
    border: none;
    width: 4.5rem;
    height: 4.5rem;
    border-radius: 50%;
    position: fixed;
    bottom: 20px;
    right: 20px;
    box-shadow: 0 0 4px grey;
    cursor: pointer;
    z-index: 11;
    background-color: #47b5ce;
  }
  .grid .menu .menu__list .btn i {
    font-size: 2.5rem;
    transform: translateY(1rem);
  }
  .grid .menu .menu__list .btn-menu i {
    transform: translateY(0.5rem);
  }
  .grid .menu .menu__list .sub-btn {
    z-index: 10;
    transform: scale(0.1);
  }
  .grid .menu .menu__list .btn:hover {
    box-shadow: 0 0 8px 2px grey;
  }
  .grid .menu .menu__list .btn-menu:hover ~ .fb {
    bottom: 100px;
    transform: scale(1);
  }
  .grid .menu .menu__list .btn-menu:hover ~ .google {
    right: 100px;
    transform: scale(1);
  }
  .grid .menu .menu__list .btn-menu:hover ~ .img-menu {
    right: 75px;
    bottom: 75px;
    transform: scale(1);
  }
  .grid .menu .menu__list .fb {
    transition: 0.3s cubic-bezier(0, 1, 0.7, 1.15);
    background: #3b5998;
    color: #fff;
  }
  .grid .menu .menu__list .google {
    transition: 0.5s cubic-bezier(0, 1, 0.7, 1.15);
    background: orangered;
    color: #1dcaff;
  }
  .grid .menu .menu__list .img-menu {
    transition: 0.7s cubic-bezier(0, 1, 0.7, 1.15);
    background: #fff;
    color: #fff;
  }
  footer .footer__container .commpany__name {
    font-size: 1.2rem;
  }
  footer .footer__container .policy__link a {
    font-size: 1.5rem;
    padding: 0 1.16rem;
  }
  .header__title .title {
    font-size: 4rem;
  }
  .header__title .sub {
    font-size: 2rem;
  }
  .account-selection {
    padding: 5rem 5rem;
  }
  .account-selection .account-selection__container {
    padding: 2.5rem 2rem 6.3rem 3.5rem;
  }
  .account-selection .logo__facebook,
  .account-selection .logo__google {
    flex-direction: column;
  }
  .account-selection .logo__facebook a,
  .account-selection .logo__google a {
    font-size: 2rem;
  }
  .step__name {
    display: none;
  }
  .step__name-2 {
    display: block;
  }
  .step__active {
    display: flex;
    align-items: center;
    padding: 0 0.4rem;
  }
  .step__active .step__name {
    color: black;
    border-bottom: 1px solid #000;
  }
  .advertising-account {
    display: flex;
    flex-direction: column;
    padding-bottom: 3rem;
  }
  .account-id {
    font-size: 2rem;
    padding-bottom: 2rem;
  }
  .table.table-striped tr input {
    width: 3rem;
    height: 2.7rem;
    margin-right: 2.5rem;
  }
  .table.table-striped th {
    font-size: 2rem;
  }
  .table.table-striped td {
    font-size: 2rem;
  }
  .step__final .account-id {
    padding-bottom: 0;
  }
  .step__final .table.table-striped .checkbox-column {
    padding: 1rem 9rem;
  }
  .select-account label,
  .select-account select {
    font-size: 2.5rem;
  }
  .select-account label option,
  .select-account select option {
    font-size: 2rem;
  }
}

@media only screen and (max-width: 425px) {
  .table-option {
    padding: 1rem;
    justify-content: center;
  }
  .table-option .select-account label,
  .table-option .select-account select {
    font-size: 1.2rem;
  }
  .table-option .select-account label {
    padding-right: 2%;
  }
  .table-option .select-account select {
    width: 23rem;
    height: 4rem;
  }
  .container__block-right .table__check .btn__block span {
    display: none;
  }
  .container__block-right .table__check .btn__block .btn__add,
  .container__block-right .table__check .btn__block .btn__delete {
    width: 4rem;
    height: 3rem;
    border-radius: 1rem;
    margin: 0 1rem;
  }
  .container__block-right .table__check .btn__block .btn__add i,
  .container__block-right .table__check .btn__block .btn__delete i {
    padding: 0;
  }
  .container__block-right .table__check .table__block .table.table-striped .checkbox-column {
    width: 40%;
  }
  .container__block-right .table__check .table__block .table.table-striped .checkbox input {
    width: 1.6rem;
    width: 1.8rem;
  }
  .container__block-right .table__check .table__block .table.table-striped label {
    font-size: 1.2rem;
  }
  .container__block-right .table__check .table__block .table.table-striped .condition__list .condition__item {
    min-width: 30%;
  }
  .container__block-right .table__check .table__block .table.table-striped .condition__list p {
    font-size: 1.2rem;
  }
  footer .footer__container {
    padding: 1.5rem 2rem 1.5em 1rem;
  }
  footer .footer__container .commpany__name {
    color: black;
    font-size: 1rem;
  }
  footer .footer__container .policy__link a {
    color: black;
    font-size: 1rem;
    padding: 0 0.5rem;
  }
  .header__title {
    padding-top: 2.5rem;
    padding-bottom: 2rem;
  }
  .header__title .title {
    font-size: 1.5rem;
  }
  .header__title .sub {
    font-size: 1rem;
  }
  .account-selection {
    padding: 5rem 5rem;
  }
  .account-selection .account-selection__container {
    padding: 0 1rem 6.3rem 1.525rem;
  }
  .account-selection .logo__facebook,
  .account-selection .logo__google {
    flex-direction: column;
  }
  .account-selection .logo__facebook a,
  .account-selection .logo__google a {
    font-size: 1.2rem;
  }
  .step__block {
    padding: 2rem 0;
  }
  .step__dot {
    font-size: 1.5rem;
    line-height: 3rem;
    margin-right: 3px;
    width: 3rem;
  }
  .step__name {
    font-size: 1.2rem;
  }
  .line {
    display: none;
  }
  .input-id-google {
    padding-bottom: 2rem;
  }
  .input-id-google .input-id {
    padding: 2rem;
  }
  .input-id-google .input-id::-moz-placeholder {
    font-size: 1.2rem;
  }
  .input-id-google .input-id:-ms-input-placeholder {
    font-size: 1.2rem;
  }
  .input-id-google .input-id::placeholder {
    font-size: 1.2rem;
  }
  .confirm-id {
    font-size: 1.2rem;
    padding: 0 3.5rem 3.5rem;
  }
  .button {
    padding: 2rem 0 3rem 0;
  }
  .button .cancel__setting {
    line-height: 4.4rem;
  }
  .btn__normal {
    font-size: 1.2rem;
    padding: 0 2.4rem;
    height: 4.4rem;
    border-radius: 10px;
  }
  .advertising-account {
    padding-bottom: 1.5rem;
  }
  .account-id {
    font-size: 1.2rem;
    padding-bottom: 0.5rem;
  }
  .table.table-striped tr input {
    width: 1.5rem;
    height: 1.8rem;
    margin-right: 0.5rem;
  }
  .table.table-striped .checkbox-column {
    padding: 1rem 3rem;
  }
  .table.table-striped .checkbox-none {
    padding: 1rem 1rem;
  }
  .table.table-striped th {
    font-size: 1.2rem;
  }
  .table.table-striped td {
    font-size: 1.3rem;
    padding: 1.2rem 1rem;
  }
  .step__final .account-id,
  .step__final .select__in-step {
    padding-bottom: 0;
    padding-left: 0;
    margin-bottom: 1rem;
  }
  .step__final .table.table-striped .checkbox-column {
    padding: 1rem 4rem;
  }
  .step__final .select__in-step label {
    padding-right: 1rem;
  }
  .select-account label,
  .select-account select {
    height: 3rem;
    font-size: 1.2rem;
  }
  .select-account label option,
  .select-account select option {
    font-size: 1.2rem;
  }
  .pause,
  .play {
    padding: 0 0.5rem;
  }
}

@media only screen and (max-width: 375px) {
  footer .footer__container {
    padding: 1.5rem 2rem 1.5em 1rem;
  }
  footer .footer__container .commpany__name {
    color: black;
    font-size: 0.9rem;
  }
  footer .footer__container .policy__link a {
    color: black;
    font-size: 0.9rem;
    padding: 0 0.5rem;
  }
  .header__title .title {
    font-size: 2rem;
  }
  .header__title .sub {
    font-size: 1.1rem;
  }
  .account-selection {
    padding: 2.5rem 2.5rem;
  }
  .account-selection .logo__facebook,
  .account-selection .logo__google {
    flex-direction: column;
  }
  .account-selection .logo__facebook a,
  .account-selection .logo__google a {
    font-size: 1rem;
  }
  .account-google__step {
    padding: 0 2.5rem;
  }
  .step__active {
    padding: 0 0.2rem;
  }
  .advertising-account {
    padding-bottom: 1.5rem;
  }
  .account-id {
    font-size: 1.2rem;
    padding-bottom: 0.5rem;
  }
  .table.table-striped th {
    font-size: 1.1rem;
  }
  .table.table-striped td {
    font-size: 1.2rem;
  }
}

@media only screen and (max-width: 320px) {
  .step__final .account-id,
  .step__final .select__in-step {
    padding-left: 0;
    margin-bottom: 1rem;
  }
}

.container__block-right {
  min-height: calc(100vh - 38rem);
}

.select-pulldown .el-select {
  width: 34.8rem;
}

.min-w-575 {
  min-width: 57.5rem;
}

.ot-mt-6 {
  margin-top: 6rem;
}

.ot-mt-4 {
  margin-top: 4rem;
}

.ot-mb-4 {
  margin-bottom: 4rem;
}

.ot-pt-10 {
  padding-top: 10rem;
}

.ot-pl-3 {
  padding-left: 3rem;
}

.cs__flex-start {
  display: flex;
  justify-content: flex-start;
  flex-direction: column;
}

.cursor-pointer {
  cursor: pointer;
}

.ot-padding-content {
  padding: 6.4rem 8.8rem;
}

.ot-p-4-rem {
  padding: 4rem 1.5rem;
}

.mb-10 {
  margin-bottom: 6rem;
}

.border-bottom-none {
  border-bottom: none !important;
}

.border-bottom {
  border-bottom: 1px solid #a5a4a4 !important;
}

.campaign__none {
  border-right: 1px solid #a5a4a4 !important;
}

.border-radius-0 {
  border-radius: 0 !important;
}

.input-price .el-input--suffix .el-input__inner {
  font-size: 2rem;
}

.el-select-dropdown.el-popper .el-scrollbar .el-select-dropdown__wrap .el-select-dropdown__list .el-select-dropdown__item {
  font-size: 2rem;
}

.el-select-dropdown.el-popper .el-scrollbar .el-select-dropdown__wrap .el-select-dropdown__list .el-select-dropdown__item.input__price-item {
  font-size: 2rem;
  text-align: center;
}

.el-select-dropdown.el-popper .el-scrollbar .el-select-dropdown__wrap .el-select-dropdown__list .el-select-dropdown__item.input__price-item span {
  font-size: 2rem;
}

.select__account .content__select {
  min-width: 49rem;
  width: 49rem;
  height: 5.8rem;
  font-size: 3rem;
  line-height: 1;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 1.3rem;
  border: 1px solid #707070;
  cursor: pointer;
  margin-left: 7px;
  font-family: "NotoSansJP-Bold";
}

.select__account .content__select .text {
  font-size: 3rem;
  color: #3a3a3b;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-family: sans-serif;
}

.select__account .content__select img.icon {
  width: 2.3rem;
}

.select__account .content__select i {
  font-size: 2.2rem;
  color: #a5a4a4;
}

.select__account .list__option-select {
  position: absolute;
  display: flex;
  flex-direction: column;
  min-width: 49rem;
  width: 49rem;
  height: auto;
  flex-wrap: wrap;
  background-color: white;
  border: 1px solid #707070;
  z-index: 10;
  margin-left: 7px;
}

.select__account .list__option-select .item__option {
  min-height: 5rem;
  display: flex;
  align-items: center;
  padding-left: 1rem;
  cursor: pointer;
}

.select__account .list__option-select .item__option:hover {
  background-color: #f5f5f5;
}

.select__account .list__option-select .item__option.active {
  background-color: #47b5ce70;
}

.select__account .list__option-select .item__option .item__text {
  font-size: 3rem;
  color: #373738;
  font-family: "NotoSansJP-Bold";
  word-break: break-word;
  display: block;
  line-height: 1.5;
}

.setting__condition {
  /* Chrome, Safari, Edge, Opera */
  /* Firefox */
}

.setting__condition input::-webkit-outer-spin-button,
.setting__condition input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.setting__condition input[type="number"] {
  -moz-appearance: textfield;
}

.content__height__default {
  min-height: calc(100vh - 27.4rem);
}

.btn__login-facebook {
  margin: 60px 0;
}

.btn__login-facebook.login-form {
  max-width: 40rem;
}

.btn__login-facebook:hover {
  opacity: 0.8;
}

.btn__login-facebook img {
  max-width: 70rem;
}

.additional-conditions .setting__condition .setting__item-title {
  padding: 1rem 1.5rem;
}

.content__error-404 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-height: calc(100vh - 27.4rem);
}

.content__error-404 .status__number {
  font-size: 15rem;
  color: #bb0303;
}

.content__error-404 .title-content {
  font-size: 2.5rem;
  color: #000000;
  font-weight: 500;
}

.content__error-404 .line-error p {
  font-size: 2rem;
}

.content__error-404 .btn-content .btn-text {
  font-size: 20px;
  text-decoration: underline;
  color: black;
}

.content__error {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: calc(100vh - 27.4rem);
}

.content__error .status__number {
  font-size: 15rem;
  color: #bb0303;
}

.content__error .validation-error {
  margin-top: 1rem;
  font-size: 1.5rem;
}

.content__error .message__error {
  font-size: 2.5rem;
  color: #000000;
  font-weight: 500;
}

.content__error .btn-content .btn-text {
  font-size: 20px;
  text-decoration: underline;
  color: black;
}

.facebook__popup-status .item__status {
  display: flex;
  height: 5rem;
  align-items: center;
  padding: 1rem 0.5rem;
  cursor: pointer;
}

.facebook__popup-status .item__status .status__text {
  font-size: 2rem;
}

.facebook__popup-status .item__status:hover {
  background-color: #eee;
}

.facebook__popup-status .item__status.active {
  background-color: #eee;
  color: #606266;
}

.facebook__popup-status.el-popover {
  min-width: 20rem;
  width: 7.5rem;
  padding: 0;
}

.facebook__popup-status.el-popover .pause,
.facebook__popup-status.el-popover .play {
  padding: 0 1rem;
}

.pause .fa-pause-circle::before {
  font-size: 3rem;
}

.grid .menu.sidebar__menu {
  max-width: 33.5rem;
}

.grid .menu .menu__list .menu__item a {
  color: #373738;
}

.grid .menu .menu__list .menu__item.btn__setting i {
  display: inline-block;
  font-size: 4.3rem;
  margin-right: 2rem;
}

.grid .menu .menu__list .menu__item.active a {
  color: white;
}

.account__list .account__item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 17rem;
  background-color: #fff;
  padding: 0 2rem 0 3.9rem;
}

.account__list .account__item .account__item-left {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.account__list .account__item .account__item-left .item__name {
  font-size: 3rem;
  margin: 0 3rem 0 1.6rem;
}

.account__list .account__item .account__item-left .item__connected {
  font-size: 3rem;
  color: #08ce4c;
}

.account__list .account__item .account__item-left .item__img .google__img {
  width: 9.1rem;
  height: 8.2rem;
}

.account__list .account__item .account__item-left .item__img .yahoo__img {
  height: 8.2rem;
}

.account__list .account__item .account__item-left .item__img .sig__img {
  width: 9.1rem;
  height: 8.2rem;
}

.account__list .account__item .account__item-left .item__img .geologic__img {
  max-height: 12.4rem;
  height: 8.2rem;
}

.account__list .account__item .account__item-left .item__img .facebook__img {
  width: 8.4rem;
  height: 8.4rem;
}

.account__list .account__item .account__item-right .item__btn {
  width: 22rem;
}

.account__list .account__item .account__item-right .item__btn.login {
  width: 45.9rem;
}

.account__list .account__item .account__item-right .item__btn a {
  width: 100%;
  border-radius: 1rem;
  padding: 0;
  justify-content: center;
  font-size: 3rem;
}

.setting__list .setting__item {
  display: flex;
  flex-direction: column;
  background-color: #fff;
  padding: 2.8rem 15.5rem 4rem 3.9rem;
}

.setting__list .setting__item .item__title {
  display: flex;
  align-items: center;
}

.setting__list .setting__item .item__title .item__img .google__img {
  width: 9.1rem;
  height: 8.2rem;
}

.setting__list .setting__item .item__title .item__img .yahoo__img {
  height: 8.2rem;
}

.setting__list .setting__item .item__title .item__img .sig__img {
  width: 9.1rem;
  height: 8.2rem;
}

.setting__list .setting__item .item__title .item__img .geologic__img {
  max-height: 12.4rem;
  height: 8.2rem;
}

.setting__list .setting__item .item__title .item__img .facebook__img {
  width: 8.4rem;
  height: 8.4rem;
}

.setting__list .setting__item .item__title .item__name {
  font-size: 4rem;
  margin: 0 3rem 0 1.6rem;
}

.setting__list .setting__item .no__connect-message {
  font-size: 3rem;
  margin-top: 7.5rem;
}

.setting__list .setting__item .no__connect-message a {
  color: #212529;
  text-decoration: underline;
}

.setting__list .setting__item .item__content {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.setting__list .setting__item .item__content .item__content-left {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.setting__list .setting__item .item__content .item__content-left .title__customer-id {
  font-size: 3rem;
}

.setting__list .setting__item .item__content .item__content-left .customer-id {
  border: 1px solid #707070;
  width: 25rem;
  height: 4.5rem;
  padding: 0.6rem;
  margin: 0 1.5rem;
}

.setting__list .setting__item .item__content .item__content-left .customer-id .text {
  font-size: 3rem;
}

.setting__list .setting__item .item__content .item__content-left .btn__switch-account .btn__switch {
  position: relative;
  z-index: 1;
  color: white;
  font-size: 2.5rem;
  background-color: #47b5ce;
  border-radius: 2rem;
  width: 16rem;
  height: 4.4rem;
  display: flex;
  justify-content: center;
  align-items: center;
  border: none;
}

.setting__list .setting__item .item__content .item__content-left .btn__switch-account .btn__switch:hover {
  text-decoration: none;
  color: white;
  transform: translateY(-3px);
  transition: all 250ms cubic-bezier(0.02, 0.01, 0.47, 1);
}

.setting__list .setting__item .support {
  margin-top: 2.5rem;
}

.setting__list .setting__item .support a {
  font-size: 2rem;
  text-decoration: underline;
  color: #373738;
}

.setting__list .setting__item .support a:hover {
  color: #373738;
}

.setting__list .setting__item .item__content-right .btn__danger {
  position: relative;
  z-index: 1;
  color: white;
  font-size: 3rem;
  background-color: #f83410;
  border-radius: 2rem;
  width: 22.4rem;
  height: 6.4rem;
  display: flex;
  justify-content: center;
  align-items: center;
  border: none;
}

.setting__list .setting__item .item__content-right .btn__danger:hover {
  text-decoration: none;
  color: white;
  transform: translateY(-3px);
  transition: all 250ms cubic-bezier(0.02, 0.01, 0.47, 1);
}

.setting__list .setting__item .item__content_fb {
  padding-left: 10rem;
}

.setting__list .setting__item .item__content_fb .title__list {
  font-size: 3rem;
  margin: 4.5rem 0 1rem 0;
}

.setting__list .setting__item .item__content_fb .table {
  width: 70rem;
}

.setting__list .setting__item .item__content_fb .table thead tr {
  height: 5.3rem;
}

.setting__list .setting__item .item__content_fb .table thead th {
  border-top: 1px solid #707070;
  border-bottom: 1px solid #707070;
  vertical-align: middle;
}

.setting__list .setting__item .item__content_fb .table thead th.column_name {
  padding-left: 2.3rem;
}

.setting__list .setting__item .item__content_fb .table tbody td {
  padding: 0 0.75rem;
  height: 8rem;
  font-size: 3rem;
  vertical-align: middle;
}

.setting__list .setting__item .item__content_fb .table tbody td.td__name {
  padding-left: 2.3rem;
}

.ot-checkbox input[type="checkbox"] + label {
  display: block;
  margin: 0.2em;
  cursor: pointer;
  padding: 0.2em;
  font-size: 1.8rem !important;
}

.ot-checkbox input[type="checkbox"] {
  display: none;
}

.ot-checkbox input[type="checkbox"] + label:before {
  content: "\f00c";
  font-family: FontAwesome;
  border: 0.3rem solid #707070;
  border-radius: 0.4rem;
  display: inline-block;
  width: 2.6rem;
  height: 2.8rem;
  padding-left: 0.2em;
  padding-bottom: 0.3em;
  padding: 0.2rem 0 0 0.1rem;
  margin-right: 0.2em;
  vertical-align: bottom;
  color: transparent;
  transition: 0.2s;
}

.ot-checkbox.add__campaign input[type="checkbox"] + label {
  font-size: 2.3rem !important;
}

.ot-checkbox.add__campaign input[type="checkbox"] + label:before {
  width: 3.5rem;
  height: 3.5rem;
  padding: 0.3rem 0 0 0.3rem;
}

.ot-checkbox input[type="checkbox"] + label:active:before {
  transform: scale(0);
}

.ot-checkbox input[type="checkbox"]:checked + label:before {
  background-color: white;
  border-color: #707070;
  color: #000;
}

.ot-checkbox input[type="checkbox"]:disabled + label:before {
  transform: scale(1);
  border-color: #aaa;
}

.ot-checkbox input[type="checkbox"]:checked:disabled + label:before {
  transform: scale(1);
  background-color: #bfb;
  border-color: #bfb;
}

.pagination a.active {
  background-color: unset;
  text-decoration: underline;
}

.pagination span {
  font-size: 3.3rem;
}

.custom__condition-weather {
  padding-left: 15px;
}

.custom__condition-weather .weather__title {
  font-family: "NotoSansJP-Medium";
  font-size: 2.6rem;
  padding: 2rem 0;
}

.custom__condition-weather .condition__group {
  flex-direction: column;
}

.custom__condition-weather .condition__group .el-radio {
  padding: 2rem 0 2rem 1rem;
}

.custom__condition-weather .weather__bid-price {
  padding: 2rem 0 2rem 1rem;
}

.custom__condition-weather .weather__bid-price .input-price {
  width: 77px;
}

.custom__condition-weather .weather__bid-price .input-price .el-input__inner {
  height: 37px;
  line-height: 37px;
}

@media only screen and (max-width: 1680px) {
  .custom__condition-weather .weather__title {
    font-size: 2.3rem;
    padding: 2rem 0;
  }
  .custom__condition-weather .weather__bid-price .setting__sub {
    font-size: 2rem;
  }
  .el-select-dropdown.el-popper .popper__arrow {
    left: 31px !important;
  }
  .account__list .account__item .account__item-left .item__name {
    font-size: 3rem;
  }
  .account__list .account__item .account__item-left .item__connected {
    font-size: 2.5rem;
  }
  .account__list .account__item .account__item-right .item__btn.login {
    width: 37rem;
  }
  .account__list .account__item .account__item-right .item__btn a {
    font-size: 3rem;
  }
  .setting__list .setting__item .item__content_fb .table {
    width: 60rem;
  }
}

.table__google-list .table thead tr th {
  height: 6.8rem;
  vertical-align: middle;
  border-bottom: 1px solid #a5a4a4 !important;
}

.table__google-list .table thead tr th.campaign__name {
  border-right: 1px solid #a5a4a4 !important;
  padding-left: 3rem;
}

.table__google-list .table thead tr th.point {
  width: 16rem;
  min-width: 15rem;
  border-right: 1px solid #a5a4a4 !important;
}

.table__google-list .table thead tr th.bid__price {
  width: 16rem;
  border-right: 1px solid #a5a4a4 !important;
}

.table__google-list .table thead tr th.setting-item {
  width: 54rem;
}

.table__google-list .table thead tr th.campaign__test {
  width: 12rem;
  text-align: center;
}

.table__google-list .table tbody tr td {
  padding: 0;
  vertical-align: middle;
}

.table__google-list .table tbody tr td.google__td-campaign-name {
  padding-left: 3rem;
  font-size: 2.8rem;
  border-right: 1px solid #a5a4a4 !important;
}

.table__google-list .table tbody tr td.google__td-campaign-name .pause,
.table__google-list .table tbody tr td.google__td-campaign-name .play {
  padding: 0 0 0 2rem;
}

.table__google-list .table tbody tr td.google__td-campaign-name .icon__sort {
  margin: 0 2rem 0 0.5rem;
}

.table__google-list .table tbody tr td.google__td-campaign-name a {
  text-decoration: unset;
}

.table__google-list .table tbody tr td.google__td-point {
  font-size: 2rem;
  padding: 0 3.5rem 0 0.9rem;
  border-right: 1px solid #a5a4a4 !important;
}

.table__google-list .table tbody tr td.google__td-bid-price {
  font-size: 3rem;
  padding: 0 0.9rem;
  border-right: 1px solid #a5a4a4 !important;
}

.table__google-list .table tbody tr td.google__td-setting .condition__list .condition__item p {
  font-size: 2rem;
}

.table__facebook-list .table thead tr th {
  height: 6.8rem;
  vertical-align: middle;
  border-bottom: 1px solid #a5a4a4 !important;
}

.table__facebook-list .table thead tr th.campaign__name {
  border-right: 1px solid #a5a4a4 !important;
  padding-left: 3rem;
  min-width: 32rem;
  width: 32rem;
}

.table__facebook-list .table thead tr th.ad__set {
  width: 55rem;
  border-right: 1px solid #a5a4a4 !important;
}

.table__facebook-list .table thead tr th.point {
  border-right: 1px solid #a5a4a4 !important;
}

.table__facebook-list .table thead tr th.setting-item {
  width: 54rem;
}

.table__facebook-list .table thead tr th.campaign__test {
  width: 12rem;
  text-align: center;
}

.table__facebook-list .table tbody tr.bg__odd {
  background-color: white !important;
}

.table__facebook-list .table tbody tr.bg__even {
  background-color: #d6d6d6 !important;
}

.table__facebook-list .table tbody tr td {
  word-break: break-word;
  padding: 0;
  vertical-align: middle;
}

.table__facebook-list .table tbody tr td.facebook__td-campaign-name {
  font-family: "Hiragino-Sans-GB-W3";
  padding: 1rem 1rem 1rem 3rem;
  font-size: 2.8rem;
  border-right: 1px solid #a5a4a4 !important;
  border-bottom: 1px solid #a5a4a4 !important;
}

.table__facebook-list .table tbody tr td.facebook__td-campaign-name.border-bottom-none {
  border-bottom: none !important;
}

.table__facebook-list .table tbody tr td.facebook__td-campaign-name a {
  text-decoration: unset;
}

.table__facebook-list .table tbody tr td.facebook__td-ad-set {
  font-family: "Hiragino-Sans-GB-W3";
  font-size: 2rem;
  padding: 0 3.5rem 0 0.9rem;
  border-right: 1px solid #a5a4a4 !important;
  border-bottom: 1px solid #a5a4a4 !important;
}

.table__facebook-list .table tbody tr td.facebook__td-ad-set .pause,
.table__facebook-list .table tbody tr td.facebook__td-ad-set .play {
  padding: 0 0 0 1rem;
}

.table__facebook-list .table tbody tr td.facebook__td-ad-set .icon__sort {
  margin: 0 2rem 0 0.5rem;
}

.table__facebook-list .table tbody tr td.facebook__td-ad-set a {
  text-decoration: unset;
}

.table__facebook-list .table tbody tr td.facebook__td-point {
  font-size: 2rem;
  padding: 0 3.5rem 0 0.9rem;
  border-right: 1px solid #a5a4a4 !important;
  border-bottom: 1px solid #a5a4a4 !important;
  min-width: 15rem;
}

.table__facebook-list .table tbody tr td.facebook__td-setting {
  border-bottom: 1px solid #a5a4a4 !important;
}

.table__facebook-list .table tbody tr td.facebook__td-setting .condition__list .condition__item p {
  font-size: 2rem;
}

.table__sig-list .table thead tr th {
  height: 6.8rem;
  vertical-align: middle;
  border-bottom: 1px solid #a5a4a4 !important;
}

.table__sig-list .table thead tr th.campaign__name {
  border-right: 1px solid #a5a4a4 !important;
  padding-left: 3rem;
  min-width: 32rem;
}

.table__sig-list .table thead tr th.ad__set {
  width: 35rem;
  border-right: 1px solid #a5a4a4 !important;
  word-break: break-all;
}

.table__sig-list .table thead tr th.point {
  width: 16rem;
  min-width: 15rem;
  border-right: 1px solid #a5a4a4 !important;
}

.table__sig-list .table thead tr th.setting-item {
  width: 54rem;
}

.table__sig-list .table thead tr th.campaign__test {
  width: 12rem;
  text-align: center;
}

.table__sig-list .table tbody tr.bg__odd {
  background-color: white !important;
}

.table__sig-list .table tbody tr.bg__even {
  background-color: #d6d6d6 !important;
}

.table__sig-list .table tbody tr td {
  padding: 0;
  vertical-align: middle;
}

.table__sig-list .table tbody tr td.facebook__td-campaign-name {
  font-family: "Hiragino-Sans-GB-W3";
  padding: 1rem 1rem 1rem 3rem;
  font-size: 2.8rem;
  border-right: 1px solid #a5a4a4 !important;
  border-bottom: 1px solid #a5a4a4 !important;
  word-break: break-all;
}

.table__sig-list .table tbody tr td.facebook__td-campaign-name.border-bottom-none {
  border-bottom: none !important;
}

.table__sig-list .table tbody tr td.facebook__td-campaign-name a {
  text-decoration: unset;
}

.table__sig-list .table tbody tr td.facebook__td-ad-set {
  font-family: "Hiragino-Sans-GB-W3";
  font-size: 2rem;
  padding: 0 3.5rem 0 0.9rem;
  border-right: 1px solid #a5a4a4 !important;
  border-bottom: 1px solid #a5a4a4 !important;
  word-break: break-all;
}

.table__sig-list .table tbody tr td.facebook__td-ad-set .pause,
.table__sig-list .table tbody tr td.facebook__td-ad-set .play {
  padding: 0 0 0 1rem;
}

.table__sig-list .table tbody tr td.facebook__td-ad-set .icon__sort {
  margin: 0 2rem 0 0.5rem;
}

.table__sig-list .table tbody tr td.facebook__td-ad-set a {
  text-decoration: unset;
}

.table__sig-list .table tbody tr td.facebook__td-point {
  font-size: 2rem;
  padding: 0 3.5rem 0 0.9rem;
  border-right: 1px solid #a5a4a4 !important;
  border-bottom: 1px solid #a5a4a4 !important;
  min-width: 15rem;
}

.table__sig-list .table tbody tr td.facebook__td-setting {
  border-bottom: 1px solid #a5a4a4 !important;
}

.table__sig-list .table tbody tr td.facebook__td-setting .condition__list .condition__item p {
  font-size: 2rem;
}

.list__messenger-note {
  width: 2.9rem;
  height: 2.6rem;
  display: flex;
  position: relative;
}

.list__messenger-note .question {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 2.9rem;
  min-width: 2.9rem;
  height: 3rem;
  min-height: 2.6rem;
  padding: 0;
  padding-left: 0.2rem;
  border-radius: 0.8rem;
  padding-top: 1px;
  padding-bottom: 0;
}

.list__messenger-note:hover .question {
  background-color: #178bef;
  color: white;
  font-size: 1.9rem;
  padding-bottom: 0.1rem;
}

.list__messenger-note:hover .triangle_left {
  display: block;
}

.list__messenger-note:hover .note-text {
  display: flex;
}

.list__messenger-note i {
  font-size: 2rem;
  color: #47b5ce;
  padding: 5px;
}

.list__messenger-note .note-text {
  display: none;
  width: 40.8rem;
  background-color: white;
  text-align: left;
  border: 3px solid #707070;
  position: absolute;
  z-index: 3;
  margin-left: -8rem;
  left: 568%;
  top: -92%;
  min-height: 8rem;
  align-items: center;
  padding: 10px;
}

.list__messenger-note .triangle_left {
  z-index: 2;
  display: none;
  width: 0;
  height: 0;
  border-top: 9px solid transparent;
  border-right: 6rem solid #707070;
  border-bottom: 9px solid transparent;
}

.title-form {
  font-size: 2.5rem;
  margin-bottom: 3rem;
}

.login-as-message-error {
  margin-top: 1rem;
  color: #f56c6c;
}

@media only screen and (max-width: 1440px) {
  html {
    font-size: 45.5%;
  }
  .el-select-dropdown.el-popper .popper__arrow {
    left: 27px !important;
  }
  .custom__condition-weather .weather__title {
    font-size: 2rem;
  }
  .custom__condition-weather .weather__bid-price {
    padding: 2rem 0 2rem 1rem;
  }
  .custom__condition-weather .weather__bid-price .input-price {
    width: 67px;
  }
  .custom__condition-weather .weather__bid-price .input-price .el-input__inner {
    height: 30px;
    line-height: 30px;
  }
  .select-account.list-campain select {
    min-width: 33.1rem;
    width: 33.1rem;
    background-position-x: 29rem;
  }
  .ot-checkbox.add__campaign input[type="checkbox"] + label:before {
    padding-top: 0.3rem;
  }
  .list__messenger-note .question {
    padding-top: 0.3rem;
    padding-left: 0.1rem;
  }
  .list__messenger-note:hover .question {
    padding-bottom: 0;
  }
}

@media only screen and (max-width: 1024px) {
  html {
    font-size: 32.32%;
  }
  .el-select-dropdown.el-popper .popper__arrow {
    left: 23px !important;
  }
  .custom__condition-weather .weather__title {
    font-size: 2rem;
  }
  .custom__condition-weather .weather__bid-price {
    padding: 2rem 0 2rem 1rem;
  }
  .custom__condition-weather .weather__bid-price .input-price {
    width: 60px;
  }
  .custom__condition-weather .weather__bid-price .input-price .el-input__inner {
    height: 30px;
    line-height: 30px;
  }
  .ot-checkbox.add__campaign input[type="checkbox"] + label:before {
    padding-top: 0.5rem;
    padding-left: 0.4rem;
  }
  .list__messenger-note .question {
    padding-top: 0;
    padding-left: 0;
  }
  .list__messenger-note:hover .question {
    padding-bottom: 0;
    font-size: 1.8rem;
  }
}

@media screen and (max-width: 1200px) {
  .yahoo__img {
    max-height: 5rem;
  }
}

a,
a:hover {
  color: #363636;
}

.alert {
  font-size: 2.5rem;
}

.campaign-container {
  font-size: 14px;
}

.campaign-header {
  margin-top: 30px;
}

.campaign-header-summary-title {
  margin-right: 20px;
}

.campaign-header-title {
  width: 15%;
}

.campaign-header-date:first-child {
  margin-right: 8px;
}

.campaign-header-date:last-child {
  margin-left: 8px;
}

.campaign-header-item {
  margin-top: 15px;
}

.campaign-header-keyword {
  width: 385px !important;
}

.campaign-header-submit {
  margin-left: 10px !important;
}

.campaign-body {
  margin-top: 40px;
}

.campaign-body-table {
  border: 1px solid #4a5568;
  background-color: white;
  width: 100%;
}

.campaign-body-table > thead {
  border-bottom: 1px solid #4a5568;
  background-color: #718096;
  color: white;
  font-weight: 600;
  line-height: 1.5;
}

.campaign-body-table > thead > tr > th {
  padding: 10px 5px;
  text-align: center;
}

.campaign-body-table > thead > tr > th:not(:last-child) {
  border-right: 1px solid #4a5568;
}

.campaign-body-table > tbody > tr {
  border-bottom: 1px solid #4a5568;
  line-height: 1.5;
}

.campaign-body-table > tbody > tr > td {
  padding: 10px 5px;
}

.campaign-body-table > tbody > tr > td:not(:last-child) {
  border-right: 1px solid #4a5568;
}

.campaign__test {
  border-right: 1px solid #a5a4a4 !important;
}

.campaign__td-point {
  font-size: 2rem;
  text-align: center;
  width: 90px;
  border-right: 1px solid #a5a4a4 !important;
}

.campaign__td-point input[type="checkbox"] {
  margin-right: 0 !important;
}

.campaign__td-facebook-point {
  font-size: 2rem;
  width: 90px;
  text-align: center;
  border-right: 1px solid #a5a4a4 !important;
  border-bottom: 1px solid #a5a4a4 !important;
}

.campaign-footer {
  margin-top: 15px;
  margin-bottom: 15px;
}

.normal-user .btn__normal {
  background-color: #00a653 !important;
}

.normal-user .btn__switch {
  background-color: #00a653 !important;
}

.normal-user .list__messenger-note i {
  color: #00a653;
}

.normal-user .list__messenger-note:hover .question {
  background-color: #00a653;
}

.normal-user .setting__item-title i {
  color: #00a653;
}

.normal-user .setting__item-title .messenger-note:hover .question {
  background-color: #00a653 !important;
}

.normal-user .btn__applying {
  background-color: #00a653 !important;
}

.normal-user .vue-slider-dot-handle {
  background-color: #00a653 !important;
  border-color: #00a653 !important;
}

.normal-user .slider .slider-condition .vue-slider-dot-handle,
.normal-user .slider .slider-condition .vue-slider-dot-tooltip-inner {
  background-color: #00a653 !important;
  border-color: #00a653 !important;
}

.normal-user .additional-conditions__text {
  color: #00a653 !important;
}

.normal-user .active {
  background: #00a653;
}

.normal-user .condition__list-setting {
  background-color: #00a653;
}

.btn__normal.btn_disable {
  background-color: #c3c0c0 !important;
  color: #707070 !important;
  cursor: not-allowed;
}

.create-wrap {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 1rem;
}

.company-action {
  max-width: 32rem;
  width: 32rem;
  text-align: center;
}

.company-action button {
  margin: 0.5rem;
}

.company-name-title {
  font-weight: bold;
  font-size: 1.7rem;
}

.total-group {
  font-weight: bold;
}

.btn-primary-custom {
  background-color: #47b5ce;
  border: #47b5ce;
  color: white;
  height: 3.2rem;
}

.btn-primary-custom:hover {
  background-color: #47b5ce;
  border: #47b5ce;
  color: white;
}

.filter-metric {
  margin-bottom: 1rem;
}

.download-csv-button {
  height: 3.2rem;
}

.forgot-password-page .forgot-password-container {
  width: 400px;
}

.forgot-password-page .btn-submit-wrap {
  text-align: center;
}

.forgot-password-page .btn-submit-wrap button {
  font-size: 1.7rem !important;
}

.forgot-password-page .is-checked .el-checkbox__inner {
  background-color: #47b5ce;
  border: #47b5ce;
}

.forgot-password-page .el-checkbox__inner {
  width: 6.2rem;
  height: 6.2rem;
}

.forgot-password-page .el-checkbox__inner::after {
  height: 3.3rem;
  left: 3rem;
  top: 1rem;
}

.forgot-password-page .el-radio__label {
  font-size: 1.7rem;
}

.forgot-password-page .el-radio__inner {
  width: 1.7rem;
  height: 1.7rem;
}

.forgot-password-page .el-form-item.is-required:not(.is-no-asterisk)
.el-form-item__label-wrap
> .el-form-item__label:before,
.forgot-password-page .el-form-item.is-required:not(.is-no-asterisk) > .el-form-item__label:before {
  content: "\203b";
  color: #f56c6c;
  margin-right: 4px;
}

.forgot-password-page .el-form-item__label {
  display: flex;
  flex-direction: row-reverse;
  justify-content: flex-end;
  text-align: left;
  font-size: 1.7rem;
}

.forgot-password-page .btn__normal {
  font-size: 1.7rem;
  width: 100%;
  padding: 0.9rem 10rem;
  background-color: #47b5ce;
  border: #47b5ce;
  border-radius: 0 !important;
}

.forgot-password-page .btn__normal.btn__cancel {
  background-color: #fff;
  border: 1px solid #dcdfe6;
  color: #606266;
  margin-right: 1rem;
}

.forgot-password-page .btn__normal.btn__custom {
  padding: 0.9rem 2rem;
}

.forgot-password-page .link-resend {
  font-size: 1.7rem;
}

.forgot-password-page .wrap-note {
  max-width: 63rem;
  margin: 0 auto;
  font-size: 1.7rem !important;
  line-height: 1.5;
  margin-top: 4rem;
  margin-bottom: -3rem;
  color: #000;
}

.setting-password .wrap-note {
  margin: 0 auto;
  font-size: 1.7rem !important;
  line-height: 1.5;
  margin-top: 4rem;
  margin-bottom: 3rem;
}

.setting-password .el-form-item.is-required:not(.is-no-asterisk)
.el-form-item__label-wrap
> .el-form-item__label:before,
.setting-password .el-form-item.is-required:not(.is-no-asterisk) > .el-form-item__label:before {
  content: "\203b";
  color: #f56c6c;
  margin-right: 4px;
}

.setting-password .el-form-item__label {
  display: flex;
  flex-direction: row-reverse;
  justify-content: flex-end;
  text-align: left;
  font-size: 1.7rem;
}

.change-password-container .el-form-item__label {
  margin-top: 1.1rem;
  color: #373738;
}

.change-password-container .wrap-note {
  max-width: 63rem;
  margin: 0 0;
  font-size: 1.7rem;
  line-height: 1.5;
  margin-top: 4rem;
  margin-bottom: 4rem;
  color: #373738;
}

.change-password-container .btn__login-facebook {
  margin-top: 0;
}

.change-password-container .btn__normal {
  border-radius: 1rem;
}

.change-password-container .el-form-item {
  margin-bottom: 3.7rem;
}

.ot-form {
  background: white;
  padding: 70px;
}

.ot-form label,
.ot-form .el-form-item__error {
  font-size: 2.5rem !important;
}

.ot-form .el-form-item {
  margin-bottom: 4rem;
}

.ot-form input {
  padding: 3rem !important;
  font-size: 2.5rem !important;
}

.ot-form .btn-submit-wrap {
  text-align: center;
}

.ot-form .btn-submit-wrap button {
  font-size: 2.5rem !important;
}

.ot-form .is-checked .el-checkbox__inner {
  background-color: #47b5ce;
  border: #47b5ce;
}

.ot-form .el-checkbox__inner {
  width: 6.2rem;
  height: 6.2rem;
}

.ot-form .el-checkbox__inner::after {
  height: 3.3rem;
  left: 3rem;
  top: 1rem;
}

.ot-form .el-radio__label {
  font-size: 2.5rem;
}

.ot-form .el-radio__inner {
  width: 2.5rem;
  height: 2.5rem;
}

.ot-form .company-name-label {
  color: #606266;
  font-size: 2.5rem;
}

.ot-form .el-form-item.is-required:not(.is-no-asterisk)
.el-form-item__label-wrap
> .el-form-item__label:before,
.ot-form .el-form-item.is-required:not(.is-no-asterisk) > .el-form-item__label:before {
  content: "\203b";
  color: #f56c6c;
  margin-right: 4px;
}

.ot-form .el-form-item__label {
  display: flex;
  flex-direction: row-reverse;
  justify-content: flex-end;
  text-align: left;
}

.ot-form .btn__normal {
  padding: 0.9rem 10rem;
  border-radius: 1rem;
  background-color: #47b5ce;
  border: #47b5ce;
}

.ot-form .btn__normal.btn__cancel {
  background-color: #fff !important;
  border: 1px solid #dcdfe6 !important;
  color: #606266 !important;
  margin-right: 1rem;
}

.link-resend {
  font-size: 2.5rem !important;
}

.company-list-container .create-wrap {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 1rem;
  gap: 1rem;
}

.company-list-container .status-field {
  width: 4rem;
}

.company-list-container .user-list {
  max-width: 20rem;
  width: 20rem;
}

.company-list-container .login-as {
  max-width: 15rem;
  width: 15rem;
}

.company-list-container .updated-at-field {
  max-width: 20rem;
  width: 20rem;
}

.company-list-container .company-action {
  max-width: 20rem;
  width: 20rem;
  text-align: center;
}

.company-list-container .company-action button {
  margin: 0.5rem;
}

.company-list-container .company-name-title {
  font-weight: bold;
  font-size: 1.7rem;
}

.company-list-container .btn-primary-custom {
  background-color: #47b5ce;
  border: #47b5ce;
  color: white;
  height: 3.2rem;
}

.company-list-container .btn-primary-custom:hover {
  background-color: #47b5ce;
  border: #47b5ce;
  color: white;
}

.company-list-container .btn__normal {
  height: 32px;
}

.login-user .el-input {
  width: 40rem;
}

.login-user .el-input input {
  font-size: 1.7rem;
  height: 6rem;
  border-radius: 0;
}

.login-user .el-button {
  width: 100%;
  height: 6rem;
}

.login-user .el-button--primary {
  background-color: #47b5ce;
  border-color: #47b5ce;
  font-size: 1.7rem;
}

.login-user .el-button--primary:focus {
  outline: none;
  background-color: #47b5ce;
  border-color: #47b5ce;
  font-size: 1.7rem;
}

.login-user .el-button--primary:hover {
  background-color: #47b5ce;
}

.login-user .el-input--prefix .el-input__inner {
  padding-left: 5.5rem;
  padding-right: 3rem;
}

.login-user .el-input__prefix .el-input__icon {
  font-size: 2.5rem;
  width: 5rem;
}

.login-user .btn-login {
  background: #00a653;
  border: #00a653;
}

.login-user .btn-login button {
  background: #00a653;
  border: #00a653;
}

.login-user .btn-login button:hover {
  background: #4dc187;
  border: #4dc187;
}

.login-user .forgot-password {
  color: #00a653;
  font-size: 1.7rem;
  margin-top: 1.2rem;
  text-align: center;
  cursor: pointer;
}

.login-user .forgot-password a {
  color: #00a653;
  text-decoration: none;
}

.login-user .forgot-password a:hover {
  color: #00a653;
}

.menu__item .fa-caret-down {
  display: inline-block !important;
  font-size: 45px;
}

.menu__item .fa-caret-up {
  display: none !important;
  font-size: 45px;
}

.menu__item.show-sub .fa-caret-down {
  display: none !important;
}

.menu__item.show-sub .fa-caret-up {
  display: inline-block !important;
}

.change-password-form .el-form-item__error {
  margin-left: -270px !important;
}

.campaign table {
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed;
}

.campaign td {
  border: 1px solid #000;
}

.campaign td table {
  margin: -2px;
  width: calc(100% + 4px);
}

.h45 {
  height: 4.5rem;
}

.text-truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.campaign-body-table td div {
  word-break: break-all;
}

.campaign-header-submit {
  height: 4rem;
  border: none !important;
}

.update-cost-choice-wrap {
  display: flex;
  justify-content: end;
  margin-top: 10px;
  margin-right: 100px;
}