.cmn_btn01 {
	background-color: #24bbb7;;
}

.first_time_button__icon {
	width: 24px;
	height: 24px;
	margin-right: 8px;
}

.first_time_modal__worries {
	display: flex;
	flex-flow: column;
	gap: 16px 0;
	align-items: center;
	width: 420px;
	margin-bottom: 8px;
}

.first_time_modal__worrie {
	border: 1px solid #000;
	width:100%;
	font-size: 15px;
}

.first_time_modal__top {
	display: flex;
}

.first_time_modal__title {
	display: flex;
	flex-flow: column;
	align-items: center;
	width:100%;
	font-size: 16px;
}

.first_time_modal__arrow {
	display: flex;
	flex-flow: column;
	align-items: center;
	width: 420px;
	height: 24px;
	margin-bottom: 8px;
	position: relative;
}

.first_time_modal__triangle_bottom{
  width: 120px;    /* 三角の横幅 */
  height: 24px;    /* 三角の高さ */
  margin: 0 auto;  /* 中央寄せ */
  background-color: #d1d1d1;
  clip-path: polygon(0 0, 100% 0, 50% 100%);
}

.first_time_modal__answers {
	display: flex;
	flex-flow: column;
	gap: 16px 0;
	align-items: center;
	width: 420px;
}

.first_time_modal__answer {
	border: 1px solid #24bbb7;
	background-color: #24bbb7;
	color: #fff;
	width:100%;
	font-size: 15px;
}

.first_time_modal__link {
	text-decoration: underline;
	color: #fff;
}

.first_time_modal .modal-overlay2 {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,50%);
	padding: 40px 20px;
	overflow: auto;
	opacity: 0;
	visibility: hidden;
	transition: .3s;
  box-sizing: border-box;
  z-index: 10000;
}
.first_time_modal .modal-overlay2.active{
	opacity: 1;
	visibility: visible;
	display: block;
}

.first_time_modal .modal-container {
	position: fixed;
	top: 10%;
	left: 0;
	width: 100%;
	height: 100%;
	text-align: center;
	opacity: 0;
	visibility: hidden;
  z-index: 10010;
}

.first_time_modal .modal-container:before{
	content: "";
	display: inline-block;
	vertical-align: middle;
	height: 100%;
}

.first_time_modal .modal-container.active{
	opacity: 1;
	visibility: visible;
}

.first_time_modal .modal-body {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	max-width: 600px;
	width: 90%;
	top: -100px;
}

.first_time_modal .modal-close{
	position: absolute;
	display: flex;
    align-items: center;
    justify-content: center;
	top: -40px;
	right: 0px;
	width: 40px;
	height: 40px;
	font-size: 40px;
	color: #fff;
	cursor: pointer;
}

.first_time_modal .modal-content2 {
    background: #fff;
    padding: 20px;
		border-radius: 6px;
    display: flex;
		border-radius: 6px;
    flex-flow: column;
    align-items: center;
}


.cmn_pagetop {
    width: 100%;
    margin: 0 auto;
    height: 40px;
    position: absolute;
    bottom: 70px;
    right: 30px;
    text-align: right;
    display: none;
    pointer-events: none;
    z-index: 0;
}

@media screen and (max-width: 767px) {

  .first_time_modal .modal-body {
    width: 320px;
  }

  .first_time_modal__worries {
    width: 300px;
  }

	.first_time_modal__worrie {
		font-size: 14px;
	}

  .first_time_modal__arrow {
    width: 300px;
  }
  
  .first_time_modal__answers {
    width:300px;
  }

	.first_time_modal__answer {
		font-size: 14px;
	}

  .first_time_modal__link {
  	text-decoration: underline;
  }
}