@charset "utf-8";

@media screen and (max-width:768px){.desktop{display:none}}
.mobile{display:none}
@media screen and (max-width:768px){.mobile{display:block}}

html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;background:transparent;box-sizing:border-box;vertical-align:baseline;outline:0;word-break:break-word;font-feature-settings:"palt"}main,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}html{font-size:62.5%}body{width:100%;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;color:#2F2C52;font-size:1.6rem;font-weight:300;word-wrap:break-word;line-height:1;font-feature-settings:"palt"}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;box-sizing:border-box;background:transparent;text-decoration:none;transition:all .2s ease}a:hover{opacity:.7}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}ins{background-color:#ff9;color:#000;text-decoration:none}mark{background-color:#ff9;color:#000;font-style:italic;font-weight:700}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}input,select{vertical-align:middle}[type="text"],[type="email"],[type="tel"],select,textarea{width:100%;height:45px;padding:0 1em;border-radius:3px;border:0px solid #3E3E3E;background:#fff;transition:all .4s ease;box-sizing:border-box}[type="text"]:focus,[type="email"]:focus,[type="tel"]:focus,select:focus,textarea:focus{outline:none}.oa{overflow:auto}.oh{overflow:hidden}.ti{text-indent:-9999px}.db{display:block}.dib{display:inline-block}.dn{display:none}.di{display:inline}.dt{display:table;width:100%}.dtr{display:table-row}.dtc{display:table-cell;vertical-align:top}.flL{float:left}.flR{float:right}.clr{clear:both}.clr_after:after{content:"";clear:both;display:table}.tal{text-align:left}.tar{text-align:right}.tac{text-align:center}.vat{vertical-align:top}.vam{vertical-align:middle}.vab{vertical-align:bottom}.vabl{vertical-align:baseline}.fz12{font-size:12px}.fz16{font-size:16px}.fz18{font-size:18px}.fwb{font-weight:700}.m00{margin:0}.p00{padding:0}.m05{margin:5px}.p05{padding:5px}.m10{margin:10px}.p10{padding:10px}.m15{margin:15px}.p15{padding:15px}.m20{margin:20px}.p20{padding:20px}.m25{margin:25px}.p25{padding:25px}.m30{margin:30px}.p30{padding:30px}.m35{margin:35px}.p35{padding:35px}.m40{margin:40px}.p40{padding:40px}.m45{margin:45px}.p45{padding:45px}.m50{margin:50px}.p50{padding:50px}.m55{margin:55px}.p55{padding:55px}.m60{margin:60px}.p60{padding:60px}.m65{margin:65px}.p65{padding:65px}.m70{margin:70px}.p70{padding:70px}.m75{margin:75px}.p75{padding:75px}.m80{margin:80px}.p80{padding:80px}.m85{margin:85px}.p85{padding:85px}.m90{margin:90px}.p90{padding:90px}.m95{margin:95px}.p95{padding:95px}.m100{margin:100px}.p100{padding:100px}.mt00{margin-top:0}.pt00{padding-top:0}.mt05{margin-top:5px}.pt05{padding-top:5px}.mt10{margin-top:10px}.pt10{padding-top:10px}.mt15{margin-top:15px}.pt15{padding-top:15px}.mt20{margin-top:20px}.pt20{padding-top:20px}.mt25{margin-top:25px}.pt25{padding-top:25px}.mt30{margin-top:30px}.pt30{padding-top:30px}.mt35{margin-top:35px}.pt35{padding-top:35px}.mt40{margin-top:40px}.pt40{padding-top:40px}.mt45{margin-top:45px}.pt45{padding-top:45px}.mt50{margin-top:50px}.pt50{padding-top:50px}.mt55{margin-top:55px}.pt55{padding-top:55px}.mt60{margin-top:60px}.pt60{padding-top:60px}.mt65{margin-top:65px}.pt65{padding-top:65px}.mt70{margin-top:70px}.pt70{padding-top:70px}.mt75{margin-top:75px}.pt75{padding-top:75px}.mt80{margin-top:80px}.pt80{padding-top:80px}.mt85{margin-top:85px}.pt85{padding-top:85px}.mt90{margin-top:90px}.pt90{padding-top:90px}.mt95{margin-top:95px}.pt95{padding-top:95px}.mt100{margin-top:100px}.pt100{padding-top:100px}.mb00{margin-bottom:0}.pb00{padding-bottom:0}.mb05{margin-bottom:5px}.pb05{padding-bottom:5px}.mb10{margin-bottom:10px}.pb10{padding-bottom:10px}.mb15{margin-bottom:15px}.pb15{padding-bottom:15px}.mb20{margin-bottom:20px}.pb20{padding-bottom:20px}.mb25{margin-bottom:25px}.pb25{padding-bottom:25px}.mb30{margin-bottom:30px}.pb30{padding-bottom:30px}.mb35{margin-bottom:35px}.pb35{padding-bottom:35px}.mb40{margin-bottom:40px}.pb40{padding-bottom:40px}.mb45{margin-bottom:45px}.pb45{padding-bottom:45px}.mb50{margin-bottom:50px}.pb50{padding-bottom:50px}.mb55{margin-bottom:55px}.pb55{padding-bottom:55px}.mb60{margin-bottom:60px}.pb60{padding-bottom:60px}.mb65{margin-bottom:65px}.pb65{padding-bottom:65px}.mb70{margin-bottom:70px}.pb70{padding-bottom:70px}.mb75{margin-bottom:75px}.pb75{padding-bottom:75px}.mb80{margin-bottom:80px}.pb80{padding-bottom:80px}.mb85{margin-bottom:85px}.pb85{padding-bottom:85px}.mb90{margin-bottom:90px}.pb90{padding-bottom:90px}.mb95{margin-bottom:95px}.pb95{padding-bottom:95px}.mb100{margin-bottom:100px}.pb100{padding-bottom:100px}.ml00{margin-left:0}.pl00{padding-left:0}.ml05{margin-left:5px}.pl05{padding-left:5px}.ml10{margin-left:10px}.pl10{padding-left:10px}.ml15{margin-left:15px}.pl15{padding-left:15px}.ml20{margin-left:20px}.pl20{padding-left:20px}.ml25{margin-left:25px}.pl25{padding-left:25px}.ml30{margin-left:30px}.pl30{padding-left:30px}.ml35{margin-left:35px}.pl35{padding-left:35px}.ml40{margin-left:40px}.pl40{padding-left:40px}.ml45{margin-left:45px}.pl45{padding-left:45px}.ml50{margin-left:50px}.pl50{padding-left:50px}.ml55{margin-left:55px}.pl55{padding-left:55px}.ml60{margin-left:60px}.pl60{padding-left:60px}.ml65{margin-left:65px}.pl65{padding-left:65px}.ml70{margin-left:70px}.pl70{padding-left:70px}.ml75{margin-left:75px}.pl75{padding-left:75px}.ml80{margin-left:80px}.pl80{padding-left:80px}.ml85{margin-left:85px}.pl85{padding-left:85px}.ml90{margin-left:90px}.pl90{padding-left:90px}.ml95{margin-left:95px}.pl95{padding-left:95px}.ml100{margin-left:100px}.pl100{padding-left:100px}.mr00{margin-right:0}.pr00{padding-right:0}.mr05{margin-right:5px}.pr05{padding-right:5px}.mr10{margin-right:10px}.pr10{padding-right:10px}.mr15{margin-right:15px}.pr15{padding-right:15px}.mr20{margin-right:20px}.pr20{padding-right:20px}.mr25{margin-right:25px}.pr25{padding-right:25px}.mr30{margin-right:30px}.pr30{padding-right:30px}.mr35{margin-right:35px}.pr35{padding-right:35px}.mr40{margin-right:40px}.pr40{padding-right:40px}.mr45{margin-right:45px}.pr45{padding-right:45px}.mr50{margin-right:50px}.pr50{padding-right:50px}.mr55{margin-right:55px}.pr55{padding-right:55px}.mr60{margin-right:60px}.pr60{padding-right:60px}.mr65{margin-right:65px}.pr65{padding-right:65px}.mr70{margin-right:70px}.pr70{padding-right:70px}.mr75{margin-right:75px}.pr75{padding-right:75px}.mr80{margin-right:80px}.pr80{padding-right:80px}.mr85{margin-right:85px}.pr85{padding-right:85px}.mr90{margin-right:90px}.pr90{padding-right:90px}.mr95{margin-right:95px}.pr95{padding-right:95px}.mr100{margin-right:100px}.pr100{padding-right:100px}.bdn{border:none}.bdtn{border-top:none}.bdrn{border-right:none}.bdbn{border-bottom:none}.bdln{border-left:none}.por{position:relative}.poa{position:absolute}.pof{position:fixed}.flex-wrap{display:flex;flex-wrap:wrap;justify-content:space-around}.flex-row{flex-direction:row}:root{--color-primary:#FF7DA3;--color-selected:#FF5385;--color-selectedBG:#FFE8EE;--color-buttonPink:#F23064;--color-primaryGray:silver;--color-textGray:#777;--color-error:#db0000}*::-moz-selection{background:rgba(0,0,0,.08)}*::selection{background:rgba(0,0,0,.08)}


.reuse_form {
	display: flex;
	flex-direction: column;
	font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "Meiryo", "メイリオ", "MS Pゴシック", sans-serif;
	color: #3e3e3e;
}
.reuse_form .container {
	position: relative;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	width: 760px;
	margin: auto
}
.vt {
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	-webkit-text-orientation: upright;
	text-orientation: upright
}

.button {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 485px;
	height: 60px;
	margin: 0 auto;
	padding: 0 25px;
	border: none;
	border-radius: 50px;
	background: var(--color-primaryGray);
	font-size: 18px;
	/*font-weight: bold;*/
	color: #fff;
	transition: all .2s ease;
	cursor: not-allowed;
	letter-spacing: normal;
	word-spacing: normal;
	line-height: normal;
}
.button.is-active { background:var(--color-buttonPink); cursor:pointer }
.button:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 20px;
  display: block;
  width: 6px;
  height: 6px;
  margin-left: auto;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  transform: translateY(-50%) rotate(45deg)
}
.button-submit {
    flex-direction: column;
    width: 100%;
    height: auto;
    margin: 0;
    padding: 18px 0;
    border-radius: 10px;
    /*font-weight: bold;*/
}
.button-submit.enable { background:#f23064 !important }
.button-submit .large { font-size:24px }
.button-submit:after { display:none }

.pink {/* color: var(--color-primary); */}
.small { font-size:14px; font-weight:normal }
.is-hidden { display:none }

.sec { display:none; padding:70px 0 }
.sec.is-shown { display:block }
.sec:nth-of-type(1),
.sec:nth-of-type(2),
.sec:nth-of-type(3),
.sec:nth-of-type(4) { background:#FBF7F3 }
.sec-title {
  display: flex;
  align-items: center;
  margin: 0 0 20px;
  font-size: 18px;
  font-weight: normal;
  padding-top: 10px;
}
.sec-title.required:before {
  content: "必須";
  flex: none;
  margin-right: 15px;
  padding: 6px 7px;
  background: #FF316D;
  font-size: 16px;
  color: #fff;
  line-height: 1;
  border-radius: 5px;
}
.sec-title .text { flex:1; padding-top:2px }
.sec-title .small { margin-left:25px }
.sec-notice {
	width: 100%;
  margin-bottom: 20px;
  padding: 8px 0;
  border-radius: 10px;
  background: #e4e4e4;
  font-size: 22px;
  line-height: 1;
  text-align: center
}
.is-vertical .sec:not(#sec1) { min-height:100vh }
.sec2 .footer,
.sec4 .footer { background:#F9F9F9 }

.label-input { display:none }
.label-box {
  display: flex;
  align-items: center;
  padding: 18px 20px;
  width: 100%;
  border-radius: 10px;
  background: #fff;
  font-size: 17px;
  font-weight: bold;
  color: var(--color-textGray);
  line-height: 1.1;
  cursor: pointer;
  transition: all .2s ease;
  font-weight: normal;
}
.label-box__height { height:100% }
.label-text {display:flex;align-items:center}
.label-text .small { margin-left:10px }
.label-radio {
  flex: none;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 16px;
  height: 16px;
  margin-right: 10px;
  border: 1px solid var(--color-primaryGray);
  border-radius: 50%;
  background: #fff;
  transition: all .2s ease
}
.label-radio:before {
  content: "";
  display: block;
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: var(--color-primary);
  opacity: 0;
  transition: all .2s ease
}
.label-checkbox {
  flex: none;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 16px;
  height: 16px;
  margin-right: 10px;
  padding-bottom: 3px;
  border-radius: 3px;
  border: 1px solid var(--color-primaryGray);
  background: #fff;
  transition: all .2s ease
}
.label-checkbox:before {
  content: "";
  display: block;
  width: 7px;
  height: 3px;
  border-left: 2px solid #fff;
  border-bottom: 2px solid #fff;
  transition: all .2s ease
}
.label-notice {
  margin: 5px 0 0;
  font-size: 12px;
  text-align: center;
  line-height: 1.2
}
.label-input:checked~.label-box {
  border-color: var(--color-primary);
  background: var(--color-selectedBG);
  color: var(--color-selected)
}
.label-input:checked~.label-box .label-radio { border-color: var(--color-primary) }
.label-input:checked~.label-box .label-radio:before { opacity:1 }
.label-input:checked~.label-box .label-checkbox {
  border-color: var(--color-primary);
  background: var(--color-primary)
}
.label-input:checked~.label-box .label-checkbox:before { transform: rotate(-45deg) }
.input,
.textarea,
.select {
  display: flex;
  align-items: center;
  padding: 17px 20px;
  width: 100%;
  min-height: 60px;
  border-radius: 10px;
  background: #fff;
  font-size: 18px;
  color: var(--color-textGray);
  line-height: 1.1;
  cursor: pointer;
  transition: all .2s ease
}
.input:focus,
.textarea:focus,
.select:focus { background: var(--color-selectedBG) }
.textarea {
    resize: vertical;
    min-height: 120px
}
::-moz-placeholder { font-weight:normal; color:#C6C6C6 }
:-ms-input-placeholder { font-weight:normal; color:#C6C6C6 }
::placeholder { font-weight:normal; color:#C6C6C6 }

.select {
  position: relative;
  resize: vertical
}
.select:after {
  content: "";
  position: absolute;
  top: 55%;
  right: 20px;
  transform: translateY(-50%);
  border: 5px solid transparent;
  border-top: 7px solid var(--color-primaryGray);
  z-index: 3
}
.select-select {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 0 20px;
  border: none;
  border-radius: 5px;
  background: none;
  font-size: 18px;
  color: var(--color-textGray);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  vertical-align: middle
}

.error-message {
  display: none;
  /*font-weight: bold;*/
  color: var(--color-error)
}
.input+.error-message,
.select+.error-message,
.select-text+.error-message { margin:8px 0 0 }
.is-error .label-box,
.is-error .select,
.is-error .input {
  border-color: var(--color-error);
  background: var(--color-selectedBG);
  color: var(--color-error)
}
.is-error .label-checkbox { border-color:var(--color-error) }
.is-error .select-select { color:var(--color-error) }
.is-error .error-message { display:block }
.is-filled .label-box,
.is-filled .select,
.is-filled .input {
  border-color: var(--color-primary);
  background: var(--color-selectedBG);
  color: var(--color-primary)
}
.is-filled .select-select:-webkit-autofill,
.is-filled .input:-webkit-autofill {
  box-shadow: 0 0 0 1000px var(--color-selectedBG) inset;
  color: var(--color-primary)
}
.is-filled .select-select { color:var(--color-primary) }
.horizonal { background:#FBF7F3 }
.button.enable { background:#799BE9; cursor:pointer }

.nav {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 9999;
  display: flex;
  align-items: center;
  flex-direction: column;
  padding: 18px 0 0;
  background: #FBF7F3;
  text-align: center
}
.nav-ul {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 8px
}
.nav-li {
  display: flex;
  align-items: center
}
.nav-li .circle {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: var(--color-primaryGray);
  /*font-family: "Roboto Condensed", sans-serif;*/
  font-weight: bold;
  color: #fff
}
.nav-li:after {
  content: "";
  display: block;
  margin: 0 10px;
  width: 44px;
  height: 5px;
  background: url(/entry/lp/images-entryform/nav-dot-gray.svg) 0 no-repeat
}
.nav-li.is-complete:after {
  content: "";
  display: block;
  margin: 0 10px;
  width: 44px;
  height: 5px;
  background: url(/entry/lp/images-entryform/nav-dot-pink.svg) 0 no-repeat
}
.nav-li.is-complete .circle {
  width:35px;
  height:35px;
  background:#ffe8ee;
  color:var(--color-primary);
  border:1px var(--color-primary) solid;
}
/*.nav-li.is-active { font-size: 22px }*/
.nav-li.is-active .circle {
  width: 32px;
  height: 32px;
  background: var(--color-primary);
  color: #fff
}
.nav-li.is-shown .circle { cursor:pointer }
.nav-li.is-error .circle {
  border-color: var(--color-error);
  background: var(--color-error);
  color: #fff;
}
.nav-li:last-child:after { display:none }
.nav-li.enable .circle { cursor:pointer }
.nav-notice {
  font-size: 11px;
  background: #FBF7F3;
  text-align: center;
  padding-bottom: 13px;
}

.col1 { display:flex; flex-direction:column; gap:15px; width:100%; margin-bottom:40px }
.col1 .label { width:100% }
.col1-border { padding-top:15px; border-top:1px solid #E0E0E0 }
.col2 { display:flex; flex-wrap:wrap; gap:15px; width:100%; margin-bottom:20px }
.col2 .label { width:calc(50% - 7.5px) }
.col3 { display:flex; flex-wrap:wrap; gap:10px; width:100%; margin-bottom:20px }
.col3 .label { width:100% }

.df-row {
  display: flex;
  align-items: center;
  width: 100%
}
.df-row__title {
  width: 130px;
  font-size: 18px;
}
.df-row__child { flex:1 }
.df-column__title {
  margin-bottom: 5px;
  font-size: 18px;
}

#sec1 { padding-top:20px }

.zip-input { position:relative }
.zip-input:before {
  content: "〒";
  position: absolute;
  top: 50%;
  left: 20px;
  transform: translateY(-50%);
  font-size: 18px;
  font-weight: bold
}
.zip .input {
  height: auto;
  padding-left: 50px
}
.zip .small {
  display: inline-block;
  margin: 10px 10px 5px 0;
  vertical-align: middle
}
.zip.is-error .zip-input:before { color:var(--color-error) }
.zip.is-filled .zip-input:before { color:var(--color-primary) }

.birth {
  display: flex;
  justify-content: space-between;
  width: 100%;
  margin-bottom: 20px;
  font-size: 16px;
}
.birth-box {
  position: relative;
  display: flex;
  align-items: center;
  flex-wrap: wrap
}
.birth .error-message {
  position: absolute;
  left: 0;
  bottom: -20px
}
.birth .error-message.wide { width:50vw }
.birth .select { margin-right:8px }
.year { width:230px }
.month { width:200px }
.date { width:200px }

.links {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-bottom: 10px
}
.links-link {
  display: flex;
  align-items: center;
  margin: 0 10px;
  color: #777777;
  font-size: 14px
}
.links-link:before {
  content: "";
  display: block;
  width: 6px;
  height: 6px;
  margin-right: 3px;
  border-top: 2px solid #777777;
  border-right: 2px solid #777777;
  transform: rotate(45deg)
}

.horizonal .form_main {
  position: relative;
  height: auto;
  transition: all .4s ease;
  overflow: hidden;
  height: 697px;
  /* 横EF(PC):初期高さ */
}
.horizonal .h-adr {
  position: absolute;
  top: 0;
  display: flex;
  align-items: flex-start;
  width: 500%;
  height: 100%;
  transition: all .8s ease
}
.horizonal .sec {
  display: block;
  width: calc(100%/5);
  padding: 40px 0
}
.horizonal .button {
  margin: 0;
  font-weight: normal;
}
.horizonal .button-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%
}
.horizonal .button-prev {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 60px;
  margin: 0 10px 0 0;
  padding: 0 40px;
  border: none;
  border-radius: 50px;
  background: var(--color-primaryGray);
  font-size: 18px;
  font-weight: bold;
  color: #fff;
  transition: all .2s ease;
  cursor: pointer;
  font-weight: normal;
}
.horizonal .button-prev:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 20px;
  display: block;
  width: 6px;
  height: 6px;
  margin-left: auto;
  border-top: 2px solid #fff;
  border-left: 2px solid #fff;
  transform: translateY(-50%) rotate(-45deg)
}
.horizonal .button-submit { margin:0 0 20px }
.horizonal .footer { margin-top:0 }

.horizonal.sec1 .nav-li:nth-child(1) .circle,
.horizonal.sec2 .nav-li:nth-child(2) .circle,
.horizonal.sec3 .nav-li:nth-child(3) .circle,
.horizonal.sec4 .nav-li:nth-child(4) .circle,
.horizonal.sec5 .nav-li:nth-child(5) .circle {
  width:35px;
  height:35px;
  background:var(--color-primary);
  color:#fff;
}
.horizonal.sec1 .h-adr { left:0 }
.horizonal.sec2 .h-adr { left:-100%; background:#F9F9F9 }
.horizonal.sec3 .h-adr { left:-200% }
.horizonal.sec4 .h-adr { left:-300%; background:#F9F9F9 }
.horizonal.sec5 .h-adr { left:-400% }

.horizonal .nav-ul .nav-li.is-error .circle {
  border-color: var(--color-error);
  background: var(--color-error);
  color: #fff;
}

.err_msg p {
  font-size: 12px;
  text-align: center;
  padding: 10px 0 0;
  line-height: 1.3;
  color: var(--color-error);
}

.cmt-dd { position:relative }
.cmt-textarea { opacity: .7 }
.cmt-placeholder {
  position: absolute;
  top: 21px;
  left: 23px;
  font-size: 18px;
}

/* step1のlabelデザイン変更 */
#sec1 .formbox .label-checkbox { display:none }

#sec1 .formbox label{ position:relative }
#sec1 .formbox .label-box:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 20px;
  display: block;
  width: 6px;
  height: 6px;
  margin-left: auto;
  border-top: 2px solid #FF7DA3;
  border-right: 2px solid #FF7DA3;
  transform: translateY(-50%) rotate(45deg)
}



/* START:@media screen */
@media screen and ( max-width:768px ) {
  .reuse_form { font-size:1.4rem }
	.reuse_form .container {
		flex-direction: column;
		max-width: none;
		min-width: initial;
		width: 100%;
		padding: 0 15px
	}
	.button { width:100% }
	.button:after { right:10px }
  .button-submit{ margin:5px 0 0; padding:17px }
	.button-submit .small{ font-size:12px }
	.button-submit .large { font-size:18px }
	.sec { padding:15px 0 30px }
	.sec-title { flex-wrap:wrap; align-items:flex-start; font-size:16px }
	.sec-title.required:before { margin-right:5px; padding:4px; font-size:13px }
	.sec-title .small {
		width:100%;
		margin:5px 0 0;
		padding-left:39px;
		font-size:12px
	}
  .sec-title .small01 {
    width:100%;
    margin:5px 0 0;
    font-size:12px
  }
  .sec-notice {
    padding: 12px 15px;
    font-size: 18px;
    line-height: 1.1
  }
  .label-box { padding:13px; font-size:16px }
  .label-box__sp { min-height:65px }
  .label-text .small { margin-left:5px; font-size:10px }
  .label-radio { width:20px; height:20px }
  .label-checkbox { width:20px; height:20px }
  .label-notice { font-size:10px; text-align:left }

  .input, .select {
		min-height: 50px;
		padding: 10px 16px;
		font-size: 16px
  }
  .textarea {
    min-height:70px;
    padding:10px 16px;
    font-size:16px
  }

  .select:after { right:5px }
  .select-select {
		padding: 0 10px;
		font-size: 16px
  }
  .nav{ padding:5px 0 0 0 }
  .nav-li .circle {
      width: 23px;/*25px*/
      height: 23px/*25px*/
  }
  .nav-li:after {
		width: 22px;
		height: 4px;
		margin: 0 8px;
		background: url(/entry/lp/images-entryform/sp-nav-dot-gray.svg) 0 no-repeat
	}
  .nav-li.is-complete:after {
		width: 22px;
		height: 4px;
		margin: 0 8px;
		background: url(/entry/lp/images-entryform/sp-nav-dot-pink.svg) 0 no-repeat
	}
  .nav-li.is-active .circle {
      width: 32px;
      height: 32px
  }
  .nav-li.is-complete .circle {
    width: 28px;/*32px*/
    height: 28px;/*32px*/
    background: #ffe8ee;
  }
  .nav-notice{ padding-bottom:5px; color:#92877c }
  .col1 { gap:10px; margin-bottom:20px }
	.col2 { gap:10px; margin-bottom:20px }
  .col2-sp1 .label { width:100% }
  .df-row { display:block }
	.df-row__title {
		margin-bottom: 3px;
		font-size: 12px
	}
  .df-column__title {
		margin-bottom: 3px;
		font-size: 12px
	}
  
  #sec1 { padding-top:10px }
  /*#sec1 .formbox .label-checkbox { border-radius:50px;}*/

  .zip .small {
    display: block;
    margin: 5px 0 0;
    font-size: 12px
  }
  .birth-box:nth-of-type(1) { width:42% }
  .birth-box:nth-of-type(2) { width:29% }
  .birth-box:nth-of-type(3) { width:29% }
  .birth .error-message { font-size:12px }
	.birth .error-message.wide { width:90vw }
  .year { width:75% }
  .month { width:70% }
  .date { width:70% }
  .links {
    display: block;
    margin-bottom: 10px;
    line-height: 2
  }
  .links-link { margin:0 }
  .horizonal .form_main {
		height: 537px;
		/* 横EF(SP):初期高さ */
  }
  .horizonal .sec{ padding-top:10px }
  
  .horizonal.sec1 .nav-li:nth-child(1) .circle,
  .horizonal.sec2 .nav-li:nth-child(2) .circle,
  .horizonal.sec3 .nav-li:nth-child(3) .circle,
  .horizonal.sec4 .nav-li:nth-child(4) .circle,
  .horizonal.sec5 .nav-li:nth-child(5) .circle {
    width:28px;
    height:28px;
  }
  
  .horizonal .button { font-size:16px }
  .horizonal .button-prev {
    flex: none;
    padding: 0 15px 0 25px;
    font-size: 16px
  }
  .horizonal .button-prev:before {
    left: 10px
  }
  .cmt-placeholder {
    top: 15px;
    left: 18px;
    font-size: 16px;
  }


}/*END:media screen max-width768px*/


@media screen and (max-width: 365px) {
  .sec-notice { font-size:17px }
}