body {
  max-width: 768px;
  margin: auto;
}

.wrapper {
  padding: 6.4vw 5.33vw;
}

.header {
  margin: 0 0 6.4vw;
}

.header_logo {
  width: 16vw;
  max-width: 128px;
  margin: auto;
}

.main__ttl01 {
  margin: 0 0 10.5vw;
  color: #83a2b2;
  font-size: 4vw;
  font-weight: bold;
  text-align: center;
}

.form__box {
  position: relative;
  margin: 0 0 10.5vw;
}

@media screen and (max-width:580px) {
  .main__ttl01 { margin: 0 0 10.5vw; font-size: 4vw;}
  .form__box   { margin: 0 0 10.5vw; }
  .wrapper { padding: 6.4vw 5.33vw; }
  .header { margin: 0 0 6.4vw; }
  .link__list { margin: 0 0 10.5vw; }
  .logo_size { max-width: 100%; }
  .state-box { margin: 0 0 10.5vw;}
}
@media screen and (min-width:581px) and (max-width:960px) {
  .main__ttl01 { margin: 0 0 3.5vw; font-size: 4vw;}
  .form__box   { margin: 0 0 3.5vw;}
  .wrapper { padding: 3.4vw 5.33vw; }
  .header { margin: 0 0 3.4vw; }
  .link__list { margin: 0 0 3.5vw; }
  .logo_size { max-width: 100%; }
  .state-box { margin: 0 0 3.5vw;}
}
@media screen and (min-width:960px) {
  .header_logo { text-align : center;}
  .form__box { margin: 0 0 3.5vw;}
  .main__ttl01 { margin: 0 0 3.5vw; font-size: 3vw;}
  .wrapper { padding: 3.4vw 5.33vw; }
  .header { margin: 0 0 3.4vw; }
  .link__list { margin: 0 0 3.5vw; }
  .logo_size { width: 100px; height: 90px; }
  .state-box { margin: 0 0 3.5vw;}

}
.form__input-text {
  width: 100%;
  padding: 8px 0;
  border-bottom: 1px solid #83a2b2;
  font-size: 16px;
}

.form__input-text2 { width: 100%; height:54px; padding: 13px 14px; border-radius:8px; border: 1px #9f9f9f solid; font-size: 16px; }
.form__input-text2.w_50:first-child {  margin: 0 16px 0 0; }

.form__label {
  position: absolute;
  left: 0;
  top: 4px;
  color: #9e9e9e;
  font-size: 16px;
  font-weight: normal;
  transition: 0.2s ease all;
  -moz-transition: 0.2s ease all;
  -webkit-transition: 0.2s ease all;
  -webkit-transform-origin: left;
          transform-origin: left;
  pointer-events: none;
}

.form__input-text:not([value=""]) ~ .form__label {
  -webkit-transform: translateY(-28px) scale(0.75);
          transform: translateY(-28px) scale(0.75);
  color: #83a2b2;
  font-weight: bold;
}

.form__input-text:focus {
  border-bottom-color: #04c4ce;
}

.form__input-text:focus ~ .form__label {
  -webkit-transform: translateY(-28px) scale(0.75);
          transform: translateY(-28px) scale(0.75);
  color: #04c4ce;
  font-weight: bold;
}

.entry-form__box {
  position: relative;
  margin: 0 0 24px;
}

.entry-form__box:last-of-type {
  margin: 0 0 40px;
}

.entry-form__label {
  color: #83a2b2;
  font-size: 12px;
  font-weight: bold;
}

.entry-form__required {
  margin: 0 0 0 4px;
  padding: 2px 4px;
  background: #ec6278;
  color: #ffffff;
  font-size: 12px;
}

.entry-form__input-text {
  width: 100%;
  padding: 8px 0;
  border-bottom: 1px solid #83a2b2;
  font-size: 16px;
}

.entry-form__input-text.w_50:first-child {
  margin: 0 16px 0 0;
}

.entry-form__input-text:focus {
  border-bottom-color: #04c4ce;
}

.entry-form__birth-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 33%;
}

.entry-form__birth-item:not(:last-child) {
  margin: 0 16px 0 0;
}

.entry-form__select-wrap {
  position: relative;
  width: 100%;
  border-bottom: 1px solid #83a2b2;
}

.entry-form__select-wrap::after {
  position: absolute;
  top: 50%;
  right: 4px;
  margin: -3px 0 0;
  border-width: 4px 3px 0 3px;
  border-style: solid;
  border-color: #83a2b2 transparent transparent transparent;
  content: "";
}

.entry-form__select-wrap select {
  width: 100%;
  padding: 8px 0 4px;
  font-size: 16px;
}

.entry-form option[value=""] {
  color: #9e9e9e;
}

.entry-form input[type=radio] {
  display: none;
}

.entry-form__label-radio {
  position: relative;
  display: inline-block;
  margin: 0 40px 0 0;
  padding: 8px 0 8px 24px;
  -webkit-transition: background-color 0.2s linear;
  transition: background-color 0.2s linear;
}

input[type=radio]:checked + .entry-form__label-radio {
  color: #83a2b2;
  font-weight: bold;
}

.entry-form__label-radio::before {
  position: absolute;
  top: 50%;
  left: 0;
  display: block;
  margin-top: -10px;
  width: 16px;
  height: 16px;
  border: 1px solid #83a2b2;
  border-radius: 50%;
  content: "";
  -webkit-transition: 0.3s linear;
  transition: 0.3s linear;
}

input[type=radio]:checked + .entry-form__label-radio::before {
  background: #83a2b2;
}

.entry-form__label-radio::after {
  position: absolute;
  top: 50%;
  left: 4px;
  display: block;
  margin: -5px 0 0;
  width: 8px;
  height: 4px;
  border-left: 2px solid #ffffff;
  border-bottom: 2px solid #ffffff;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  content: "";
  -webkit-transition: 0.3s linear;
  transition: 0.3s linear;
}

.entry-form__postal-code-wrap {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 0px;
          flex: 1 0 0;
  margin: 0 24px 0 0;
}

.entry-form__btn-small {
  display: block;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 0px;
          flex: 1 0 0;
  margin: 0;
  padding: 4px 0;
  background: #ffffff;
  border: 1px solid #83a2b2;
  border-radius: 4px;
  color: #83a2b2;
  font-size: 14px;
  text-align: center;
  text-decoration: none;
}

.entry-form__note {
  display: inline-block;
  margin: 0 0 0 16px;
  font-size: 12px;
}

.main__btn {
  display: block;
  width: 100%;
  margin: 0 0 6.4vw;
  padding: 10px;
  background: #83a2b2;
  border-radius: 4px;
  color: #ffffff;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
}

.cancel-btn {
  display: block;
  width: 100%;
  margin: 0 0 6.4vw;
  padding: 9px;
  background: #ffffff;
  border: 1px solid #83a2b2;
  border-radius: 4px;
  color: #83a2b2;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
}

/*
.link__list {
  margin: 0 0 10.5vw;
  text-align: center;
}
*/

.link__list li {
  padding: 0 0 8px;
}

.link__list li:last-child {
  padding: 0;
}

.modal input {
  display: none;
}

.modal input:checked ~ .modal__overlay {
  opacity: 1;
  -webkit-transform: scale(1);
          transform: scale(1);
  -webkit-transition: opacity 0.5s;
  transition: opacity 0.5s;
}

.modal input:checked ~ .modal__overlay .modal__content {
  -webkit-transform: scale(1);
          transform: scale(1);
}

.modal__overlay {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  overflow: auto;
  width: 100%;
  height: 100%;
  padding: 6.4vw;
  background: rgba(0, 0, 0, 0.7);
  opacity: 0;
  -webkit-transform: scale(0);
          transform: scale(0);
}

.modal__content {
  padding: 30px 6.5% 24px;
  background: #ffffff;
  -webkit-transform: scale(0.3);
          transform: scale(0.3);
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.modal-trigger {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.modal__ttl {
  position: relative;
  padding: 0 0 20px;
  margin: 0 0 24px;
  color: #83a2b2;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
}

.modal__ttl::after {
  position: absolute;
  left: 50%;
  bottom: 0;
  width: 24px;
  height: 1px;
  margin: 0 0 0 -12px;
  background: #83a2b2;
  content: "";
}

.modal__txt {
  margin: 0 0 24px;
}

.modal__list {
  padding: 16px 6.4%;
  border: 1px solid #83a2b2;
}

.modal__list.--no-border {
  padding: 0;
  border: none;
}

.modal__item {
  position: relative;
  padding: 0 0 16px 12px;
}

.modal__item:last-child {
  padding: 0 0 0 12px;
}

.modal__item::before {
  position: absolute;
  top: 12px;
  left: 0;
  width: 6px;
  height: 6px;
  margin: -3px 0 0;
  background: #83a2b2;
  border-radius: 3px;
  content: "";
}

.modal__contact {
  margin: 24px 0 0;
}

.modal__contact dt {
  margin: 0 0 8px;
  color: #83a2b2;
  font-weight: bold;
}

.icon-close {
  position: absolute;
  top: 8px;
  right: 16px;
  font-size: 24px;
  line-height: 1;
  cursor: pointer;
}

.close-btn {
  display: block;
  width: 100%;
  margin: 6.4vw 0 16px;
  padding: 10px;
  background: #83a2b2;
  border-radius: 4px;
  color: #ffffff;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
}

.modal-open {
  text-decoration: underline;
}

.new-box__ttl {
  margin: 0 0 8px;
  color: #83a2b2;
  font-weight: bold;
}
/*
.state-box {
  margin: 0 0 10.5vw;
}
 */

.state-box__ttl {
  margin: 0 0 8px;
  color: #83a2b2;
  font-size: 12px;
  font-weight: bold;
}

.state-box__link {
  position: relative;
  display: inline-block;
  margin: 8px 0 0;
  padding: 0 0 0 8px;
  color: #4690C9;
}

.state-box__link::before {
  position: absolute;
  top: 50%;
  left: 0;
  margin: -3px 0 0 0;
  border-width: 3px 0 3px 4px;
  border-style: solid;
  border-color: transparent transparent transparent #4690C9;
  content: "";
}

.state-box-wrap__head {
  padding: 8px 16px;
  background: #83a2b2;
  color: #ffffff;
  font-size: 14px;
}

.state-box-wrap .state-box {
  padding: 16px;
}

.state-box-wrap .state-box.--before {
  background: #ecf0f2;
  border-width: 0 1px 1px 1px;
  border-style: solid;
  border-color: #ecf0f2;
}

.state-box-wrap .state-box.--after {
  border-width: 0 1px 1px 1px;
  border-style: solid;
  border-color: #83a2b2;
}

.state-box-wrap:last-of-type {
  margin: 0 0 10.5vw;
}

.marker-txt {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(60%, transparent), color-stop(60%, #d3fcfe));
  background: linear-gradient(transparent 60%, #d3fcfe 60%);
}

//.--is-err {
//  margin: 0 0 24px;
//  color: #ec6278;
//}

.entry-form__box .--is-err {
  margin: 8px 0 24px;
}


.language_box {
  position: relative;
  cursor: pointer;
  padding-bottom: 10px;
  font-size: 12px;
}

.language_box > ul {
  display: none;
  position: absolute;
  top: 100%;
  left: 0px;
  margin: 0px;
  width: 100%;
  list-style: none;
}

.language_box > ul.js_open {
  display: block;
  border: 1px solid #e5e8ea;
  box-shadow: 0px 3px 0px rgb(162 162 162 / 40%);
  min-width: 300px;
}

.language_box_value{
  width: 100%;
  height: 30px;
  padding-left: 30px;
  border-bottom: 1px solid #83a2b2;
  background: url(https://t-login01.daywak.jp/communis/img/glpbe.svg) 1px center / 25px auto no-repeat!important;
  margin-bottom: 10px;
}

.language_box > ul > li {
  width: 100%;
  height: 30px;
  padding-left: 30px;
  background-color: white;
}

.language_box > ul > li:hover {
  background-color: #dfe8ef;
}


li.selected {
  background: url(https://t-login01.daywak.jp/communis/img/check.svg) 1px center / 25px auto no-repeat #dfe8ef !important;
}

.national_flag{
  max-height: 30px;
  margin-left: 5px;
  margin-right: 5px;
}


/*# sourceMappingURL=style.css.map */


/* 20230810 ヘッダー改修 ここから ↓ */

/*
body{
	max-width: none;
}
*/
.wrapper{
	max-width: 768px;
	margin: 0 auto;
	padding: 32px 5.33vw;
}
.header-inner {
	display: flex;
	align-items: center;
	position: relative;
	background: #83a2b2; /* brand color */
	width: 100%;
	height: 64px;
	padding: 16px;
}
.header_title {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	width: calc(100% - 112px);
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	color: #FFFFFF;
	text-align: center;
	font-size: 20px;
	font-weight: 700;
	line-height: 24px;
}
.header_title img{
	height: 32px;
	width: auto;
}
.main__btn{
	margin: 0 0 24px;
	background: #F9AA33;
	color: #1B1B1B;
	border-radius: 99px;
	font-size: 14px;
	line-height: 16px;
	letter-spacing: 1px;
	padding: 20px 16px 20px;
}
.cancel-btn {
  margin: 0 0 24px;
  border: 1px solid #F9AA33;
  color: #F9AA33;
  border-radius: 99px;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 1px;
  padding: 20px 16px 20px;
  }
.form__box{
	margin: 0 0 24px;
}

.alert-success {
    color: #155724;
    background-color: #d4edda;
    border-color: #c3e6cb;
}
.alert-danger {
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb;
}
.alert-info {
    color: #0c5460;
    background-color: #d1ecf1;
    border-color: #bee5eb;
}
.alert {
    position: relative;
    padding: .75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: .25rem;
}