@charset "UTF-8";
:root {
	--primarycolor: #E6F5F9;
	--secondarycolor: #464646;
	--tertiarycolor: #FEF4EE;
	--quaternarycolor: #FF5C00;
	--black: #222;
	--red: #E60000;
}

html {
	scroll-padding-top: 190px; /* 固定ヘッダの高さ分 */
  }
body {
	font-family: sans-serif;
	margin: 0;
	padding: 0;
	padding-top: 120px; /* header + nav 分 */
	scroll-behavior: smooth;
  }

* {
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	color: #464646;
	font-family: var(--unnamed-font-family-hiragino-sans);
}
ul {
	list-style: none;
}
a {
	color: #008CAF;
}

.header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 20px 32px;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	background: #fff;
	z-index: 1000;
	display: flex;
	align-items: center;
	padding: 1em;
	box-shadow: 0 2px 4px rgba(0,0,0,0.1);
	height: 120px;
}
.headerLeft {
	display: flex;
	align-items: center;
	gap: 1em;
}
.headerTitle {
	padding: 20px 0 0 32px;
	letter-spacing: 0px;
	color: #464646;
}
.headerTitle p:first-child {
	font: normal normal normal 16px Hiragino Sans;
	line-height: 16px;
}
.headerTitle p:nth-child(2) {
	font: normal normal normal 20px Hiragino Sans;
}
.headerRight a {
	display: block;
	padding: 16px 24px;
	border: 2px solid var(--quaternarycolor);
	background: #fff;
	box-shadow: 0px 2px 2px #00000029;
	border: 2px solid var(--quaternarycolor);
	border-radius: 52px;
	font: normal normal normal 16px/22px Hiragino Sans;
	letter-spacing: 0px;
	color: var(--quaternarycolor);
	font-weight: 600;
	text-decoration: none;
	white-space: nowrap;
}
.headerRight a::after {
	content: url(../img/medical/icon16_arrowR.svg);
	vertical-align: middle;
	padding-left: 8px;
}

.logoPC {
	display: inline;
}

.logoSP {
	display: none;
}

/* ナビゲーション固定 */
.navigation {
	position: fixed;
	top: 110px; /* headerの高さ */
	left: 0;
	width: 100%;
	background-color: #fff;
	z-index: 999;
	box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

.navigation ul {
	display: flex;
	list-style: none;
	justify-content: center;
	font: normal normal normal 16px/22px Hiragino Sans;
	letter-spacing: 0.8px;
	margin: 0;
	padding: 0;
}
.navigation li {
	padding: 24px 0;
	width: 274px;
	text-align: center;
	font: normal normal normal 16px/22px Hiragino Sans;
	font-weight: 600;
}
.navigation li:hover {
	background: var(--primarycolor) 0% 0% no-repeat padding-box;
	cursor: pointer;
	color: var(--secondarycolor);
}
.navigation li:has(a) {
	background: #FFF 0% 0% no-repeat padding-box;
	color: var(--secondarycolor);
}
.navigation li:has(a) a {
	text-decoration: none;
	color: var(--secondarycolor);
}
.navigation li:has(a.active) {
	background: var(--secondarycolor) 0% 0% no-repeat padding-box;
	color: #FFFFFF;
}
.navigation li:has(a.active) a {
	text-decoration: none;
	color: #FFFFFF;
}
.navigation li:last-child {
	display: none;
	background-color: var(--tertiarycolor);
}
.navigation li:last-child a {
	color: var(--black);
}
.navigation li:last-child:hover a {
	color: var(--quaternarycolor);
}
.navigation li:last-child::after {
	content: url(../img/icon16_openWindow.svg)
}

section {
	scroll-margin-top: 190px; /* header + nav の合計高さ分 */
}
.content {
    margin-top: 60px;
	overflow: hidden;
}
.about {
	width: 100%;
}
.aboutMain {
	height: 587px;
	position: relative;
	padding: 32px 80px 98px 24px;
	background: url(../img/medical/img_mv_pc.svg);
	background-repeat: no-repeat;
	background-position: 30%;
    background-size: cover;
	border-bottom: 12px solid var(--secondarycolor);
}
.aboutContent {
	position: relative;
	max-width: 1176px;
	margin: 0 auto;
}

.mvApp_pcImg {
	position:  absolute;
    top: 60px;
    right: -183px;
	object-fit: cover;
}
.mvApp_spImg {
	display: none;
}
.aboutTextDate { 
	letter-spacing: 0px;
	color: var(--secondarycolor);
	font-size: 22px;
	font: normal normal normal 22px/31px Hiragino Sans;
    margin-bottom: 8px;
	color: #FF5C00;
}
.aboutTextDate > span {
	font-size: 48px;
	color: #FF5C00;
	font: normal normal bold 48px Roboto;
}
.aboutText {
	margin-bottom: 24px;
	letter-spacing: 1.6px;
	color: #464646;
	font-size: 32px;
	font: normal normal normal 32px Hiragino Sans;
	font-weight: 600;
}
.aboutText span {
	padding: 8px 24px;
	background-color: #fff;
	border-radius: 50px;
	font: normal bold normal 48px Hiragino Sans;
	letter-spacing: 4.8px;
}
.aboutText > p:first-child {
    margin-bottom: 11px;
	line-height: 32px;
}
.aboutText > p:nth-child(2) {
    margin-bottom: 8px;
	line-height: 48px;
}
.aboutText > p:nth-child(3) {
	line-height: 48px;
}

.aboutInfo {
	background: #fff;
	padding: 16px;
	box-shadow: 0px 2px 6px #00000029;
	border-radius: 4px;
	width: 551px;
	font-size: 16px;
}
.aboutInfoTitle {
	display: flex;
    align-items: center;
	justify-content: center;
	margin-bottom: 24px;
	font: normal bold normal 16px Hiragino Sans;
}
.aboutInfoTitle::before {
	content: url(../img/icon24_attention.svg);
	height: 24px;
	padding-right: 4px;
}
.aboutInfoText {
	font: normal normal normal 14px/20px Hiragino Sans;
	letter-spacing: 0px;
	color: #464646;
	margin-bottom: 24px;
}
.aboutInfo > dt.aboutInfoDate {
	font: normal normal normal 14px/20px Hiragino Sans;
	letter-spacing: 0px;
	color: #464646;
}
.aboutInfo > dd.aboutInfoDate {
	position: relative;
	font: normal normal bold 16px/22px SF Pro Text;
	letter-spacing: 0px;
	color: var(--red);
}
.aboutInfo > dd.aboutInfoDateText {
	font: normal normal normal 12px/20px Hiragino Sans;
	letter-spacing: 0px;
	color: #464646;
}
.aboutSubContent, .preparationContent, .signinContent, .qaContent {
	max-width: 1096px;
	margin: 0 auto;
}
.aboutSub {
	padding: 80px 120px;
	border-bottom: 12px solid var(--secondarycolor);
}
.aboutSubTitle {
	font: normal bold normal 32px/45px Hiragino Sans;
	letter-spacing: 1.6px;
	color: #464646;
	margin-bottom: 80px;
}
.aboutSubTitle span {
	color: #FF5C00;
}
.aboutSubContents {
	display: flex;
	justify-content: space-between;
	color: #464646;
	margin-bottom: 80px;
}
.aboutSubContents li {
	position: relative;
	padding-left: 20px;
}
.aboutSubContents li::before {
	content: url(../img/icon16_listDot_M_red.svg);
	position: absolute;
	top: 2px;
	left: 0;
}
.aboutSubContents > div {
	max-width: 616px;
}
.aboutSubContents ul{
	margin-bottom: 1rem;
}
.aboutSubContentsInfo {
	font: normal normal normal 20px Hiragino Sans;
	font-size: 20px;
	letter-spacing: 1px;
	margin-bottom: 32px;
}
.aboutSubContentsText {
	font-size: 20px;
	letter-spacing: 0px;
	margin-bottom: 16px;
}
.aboutNote {
	width: 100%;
	padding: 32px 24px;
	background: #FFFCD6;
	border: 1px solid #464646;
}
.aboutNote p {
	font: normal bold normal 22px Hiragino Sans;
	letter-spacing: 1.1px;
	margin-bottom: 27px;
	line-height: 22px;
}
.aboutNote p::before {
	content: url(../img/icon24_attention.svg);
	padding-right: 8px;
    vertical-align: middle;
}
.aboutNote ul {
	list-style-image: url(../img/icon16_listDot_M_red.svg);
	font: normal normal normal 16px Hiragino Sans;
	letter-spacing: 0px;
	margin-left: 16px;
}
.aboutNote li:first-child span {
	color: var(--red);
}
.aboutNote li:nth-child(2) span {
	color: #008CAF;
}

.preparation {
	text-align: center;
	border-bottom: 12px solid var(--secondarycolor);
}
.preparation h1 {
	background: var(--primarycolor);
	height: 92px;
	line-height: 92px;
	margin-bottom: 80px;
}
.preparationNote {
	margin-bottom: 64px;
	font: normal bold normal 28px Hiragino Sans;
	letter-spacing: 1.4px;
}
.preparationNote p:first-child span {
	color: var(--red);
}
.preparationInfo {
	padding: 64px 0;
	display: flex;
	justify-content: space-between;
	text-align: left;
}
.preparationInfo > p {
	font: normal normal normal 20px Hiragino Sans;
    max-width: 576px;
}
.preparationInfo > p span {
	color: #FF5C00;
}
.preparationConfirmation {
	background: #FAFAFA;
	padding: 32px 64px;
	text-align: left;
	margin: 0 0;
	margin-bottom: 64px;
}
.preparationConfirmationTitle {
	position: relative;
	left: -1rem;
	font: normal normal normal 22px Hiragino Sans;
	letter-spacing: 1.1px;
	color: #464646;
	padding-bottom: 34px;
}
.preparationConfirmationTitle::before {
	content: url(../img/icon26_pin.svg);
	vertical-align: -5px;
	padding-right: 4px;
}
.preparationConfirmationText {
	padding-bottom: 34px;
}
.preparationConfirmationText span {
	color: var(--red);
}
.preparationConfirmation ol {
	display: flex;
	justify-content: space-between;
	align-items: center;
	list-style: none;
	counter-reset: item;
}
.preparationConfirmation ol.start-3 {
	counter-reset: item 2;
	margin-top: 33px;
	padding-top: 33px;
	border-top: #999 solid 1px;
}
.preparationConfirmation li {
	position: relative;
	width: 422px;
	counter-increment: item;
}
.preparationConfirmation li::before {
	font: normal normal bold 12px Roboto;
	content: counter(item, decimal-leading-zero);
	position: absolute;
	top: 2px;
	left: 0;
	background: #464646;
	border-radius: 2px;
	color: #fff;
	width: 24px;
	height: 19px;
	line-height: 19px;
	text-align: center;
}
.preparationConfirmation li p {
	padding: 0 0 12px 2em;
}

.preparationPassword {
	position: relative;
	display: inline-block;
}
.preparationPassword a {
	display: block;
	text-decoration: none;
	color: var(--black);
	padding: 16px 24px 16px 56px;
	margin-bottom: 80px;
	background: #FFFCD6;
	box-shadow: 0px 2px 2px #00000029;
	border: 1px solid #464646;
	border-radius: 46px;
	font: normal normal normal 16px Hiragino Sans;
	letter-spacing: 0.8px;
}
.preparationPassword::before {
	margin-top: 6px;
	content: "";
	display: inline-block;
	background: url(../img/icon24_attention.svg) no-repeat;
	background-size: 24px 24px;
	position: absolute;
	width: 24px;
	height: 24px;
	top: 10px;
	left: 24px;
}
.daybar_b_spImg {
	display:none;
}
.daybar_a_spImg {
	display:none;
}

.signin {
	text-align: center;
	border-bottom: 12px solid var(--secondarycolor);
}
.signin h1 {
    background: var(--primarycolor);
    height: 92px;
    line-height: 92px;
    margin-bottom: 80px;
}
.signinNote {
	margin-bottom: 64px;
	font: normal bold normal 28px Hiragino Sans;
	letter-spacing: 1.4px;
}
.signinNote span, 
.signinNote ruby {
	color: #008CAF;
}
.signinText--pc {
	display: block;
}
.signinText--sp {
	display: none;
	font: normal normal normal 16px Hiragino Sans;
	letter-spacing: 0px;
}
.signinSupplement {
	font: normal normal normal 14px Hiragino Sans;
	letter-spacing: 0px;
	color: #008CAF;
}
.signinConfirmation {
	margin: 64px 0;
	background: #FAFAFA;
    padding: 32px 64px;
    text-align: left;
}
.signinConfirmation > p {
	position: relative;
	left: -1rem;
	font: normal normal normal 22px Hiragino Sans;
	letter-spacing: 1.1px;
	margin-bottom: 32px;
}
.signinConfirmation > p::before {
	content: url(../img/icon26_pin.svg);
	padding-right: 4px;
	vertical-align: -5px;
}
.signinConfirmation ol {
	display: flex;
	justify-content: space-between;
	align-items: center;
	list-style: none;
	counter-reset: item;
	margin-bottom: 32px;
}
.signinConfirmation ol li > p {
	padding: 0 0 12px 2em;
	font-size: 16px;
	line-height: 1.5;
	min-height: 84px; /* 24px × 3 = 72px + 12px */
}
.signinConfirmation li {
	position: relative;
	width: 422px;
	counter-increment: item;
}
.signinConfirmation li::before {
	font: normal normal bold 12px Roboto;
	content: counter(item, decimal-leading-zero);
	position: absolute;
	top: 2px;
	left: 0;
	background: #464646;
	border-radius: 2px;
	color: #fff;
	width: 24px;
	height: 19px;
	line-height: 19px;
	text-align: center;
}

.passwordResetNote {
	background-color: #FFFCD6;
	border: 1px solid #464646;
	padding: 20px 32px 32px;
}
.passwordResetNote p:first-child {
	font: normal normal normal 16px Hiragino Sans;
	margin-bottom: 28px;
	line-height: 16px;
}
.passwordResetNote p:first-child::before {
	content: url(../img/icon24_attention.svg);
	vertical-align: -6px;
	padding-right: 4px;
}
.passwordResetNote p:nth-child(2) {
	margin-bottom: 24px;
}
.img_passFollow_pc {
	display: inline-block;
	margin: 0 auto;
	max-width: 100%;
}
.img_passFollow_sp {
	display: none;
}

.qa {
	text-align: center;
	margin-bottom: 80px
}
.qa h1 {
    background: var(--primarycolor);
    height: 92px;
    line-height: 92px;
    margin-bottom: 80px;
}
.qaItem {
	text-align: left;
	font-size: 16px;
	letter-spacing: 0px;
	margin: 0 0 32px;
	background: #FAFAFA;
}
.qaItemTitle {
	background: var(--primarycolor);
    padding: 24px;
    font: normal normal normal 16px Hiragino Sans;
    letter-spacing: 0px;
}
.qaItemText {
	padding: 24px;
}
.qaItemText span {
	color: var(--red);
}
.qaItemText li {
	position: relative;
	padding-left: 2em;
}
.qaItemText li::before {
	content: url(../img/icon16_listDot_S_orange.svg);
	position: absolute;
	top: 2px;
	left: 0.8em;
	padding-right: 4px;
}
.qaList dt {
	margin-top: 1rem;
	font: normal normal normal 16px Hiragino Sans;
}
.qaList dd {
	position: relative;
	padding-left: 2em;
}
.qaList dd::before {
	content: url(../img/icon16_listDot_S_orange.svg);
	position: absolute;
	top: 2px;
	left: 0.8em;
}

.customerSupport {
	width: 640px;
	margin: 80px auto 0;
	background: #fff;
	border: 4px solid #008CAF;
	border-radius: 16px;
	margin: 0 auto;
	text-align: left;
	padding: 32px;
}
.customerSupportTitle {
	font: normal normal normal 20px Hiragino Sans;
}
.customerSupportTitle,
.customerSupportMail,
.customerSupportForm {
	display: flex;
	align-items: center;
}
.customerSupportTitle,
.customerSupportMail {
	margin-bottom: 24px;
}
.customerSupportMail {
	margin-top: 24px;
}
.customerSupportMail,
.customerSupportForm {
	font: normal normal normal 16px Hiragino Sans;
	letter-spacing: 0px;
	color: #8C8C8C;
}
.customerSupportTitle::before {
	content: url(../img/icon32_operator.svg);
	width: 32px;
	height: 32px;
	padding-right: 8px;
}
.customerSupportMail::before {
	content: url(../img/icon32_mail.svg);
	width: 32px;
	height: 32px;
	padding-right: 8px;
}
.customerSupportForm::before {
	content: url(../img/icon32_webform.svg);
	width: 32px;
	height: 32px;
	padding-right: 8px;
}

.footer {
	background: #FAFAFA;
	box-shadow: 0px -2px 2px #00000029;
	padding: 40px 0;
	text-align: center;
}

/* ハンバーガーメニューのスタイル */
.menu-toggle {
	display: none;
	background: none;
	border: none;
	font-size: 1.5em;
	padding: 1em;
	cursor: pointer;
}
  
.menu-toggle:focus {
	outline: none;
}

/* タブレット対応 微調整のみ */
@media (max-width: 1300px) {
	.mvApp_pcImg {
        right: -28%;
	}
}

/* モバイル対応（タブレット含む） */
@media (max-width: 1024px) {
	html {
		scroll-padding-top: 68px; /* 固定ヘッダの高さ分 */
	  }
	body {
		font-family: sans-serif;
		margin: 0;
		padding: 0;
		padding-top: 70px; /* header + nav 分 */
		scroll-behavior: smooth;
	  }
	  .logoPC {
		display: none;
	}
	.logoSP {
		display: inline;
	}

	.menu-toggle {
		display: inline;
		padding: 0;
		position: fixed;
		top: 10px; 
		right: 10px;
		background: #fff;
		box-shadow: 0px 2px 2px #00000029;
		border: 1px solid #ED6D23;
		border-radius: 6px;
		width: 36px;
        height: 36px;
		line-height: 0;
	}
	.menu-icon {
		position: absolute;
        top: 9px;
        left: 9px;
		transition: opacity 0.5s ease, transform 0.5s ease;
	}
	.menu-icon--close {
		opacity: 0;
		transform: scale(0.9);
	}
	.menu-toggle.menu-toggle--close .menu-icon--open {
		opacity: 0;
		transform: scale(0.9);
	}
	.menu-toggle.menu-toggle--close .menu-icon--close {
		opacity: 1;
		transform: scale(1);
	}
	.navigation {
		display: inline;
		top: 68px;
		left: 0px;
		width: 100%;
		padding: 0px;
	}
	.navigation ul {
		display: none;
		flex-direction: column;
		padding: 0;
		margin: 0;
		width: 100%;
	}

	.navigation ul.show {
		display: flex;
	}

	.navigation li {
		border-top: 1px solid #ccc;
		padding: 1em;
		text-align: center;
		width: 100%;
	}
	.navigation li:last-child {
		display: block;
	}

	.header {
		flex-direction: column;
		align-items: flex-start;
		height: auto;
	}

	.headerLeft {
		align-items: flex-start;
	}

	.headerRight {
		display: none;
	}

	.headerTitle {
		padding: 0px 0 0 0px;
		display: inline;
	}
	.headerTitle p:first-child {
		font-size: 11px;
	}
	.headerTitle p:nth-child(2) {
		font-size: 11px;
	}
	.aboutMain, .aboutSub, .preparationInfo, .signinConfirmation, .qaItem {
		padding: 16px 0px 16px 0px;
		margin: 0;
	}
	.content {
		margin-top: 0;
		width: 100%;
	}

	.aboutMain {
		background: url(../img/medical/img_mv_sp.svg);
		padding-bottom: 0;
        padding-top: 24px;
		height: auto;
	}
	.aboutInfo {
		width: 100%;
		padding: 20px 16px 16px 16px;
		height: auto;
	}
	.aboutInfoText br {
		display: none;
   }
   .aboutInfoText {
		font: normal normal normal 12px Hiragino Sans;
	}
	.aboutInfoTitle {
		display: flex;
		align-items: center;
		justify-content: center;
		margin-bottom: 24px;
	}
	.mvApp_pcImg {
		display:none;
	}
	.mvApp_spImg {
		display: block;
		top: 10px;
		left: 0;
		right: 0;
		margin-left: auto;
	}
	.aboutTextDate { 
		letter-spacing: 0px;
		font-size: 16px;
		font: normal normal normal 16px Hiragino Sans;
		margin-bottom: 0;
		text-align: center;
	}
	.aboutTextDate > span {
		font: normal normal bold 28px Roboto;
	}
	.aboutText {
		margin-bottom: 2rem;
		letter-spacing: 1.6px;
		color: #464646;
		font-size: 32px;
		font: normal normal normal 28px Hiragino Sans;
		font-weight: 600;
		text-align: center;
	}
	.aboutText span {
		font: normal normal normal 28px Hiragino Sans;
        padding: 8px;
        background-color: #fff;
        border-radius: 50px;
        font-weight: 600;
	}
	.aboutText > p:first-child {
		font: normal normal normal 28px Hiragino Sans;
		margin-bottom: 8px;
		font-weight: 600;
	}
	.aboutText > p:nth-child(2), .aboutText > p:nth-child(3) {
		font: normal normal normal 20px Hiragino Sans;
		margin-bottom: 8px;
	}
	.aboutInfoDate {
		margin-bottom: 8px;
	}
	.aboutSub {
		padding: 1rem 1rem 2rem;
	}
	.aboutSubTitle {
		margin-bottom: 1rem;
		font: normal normal normal 22px Hiragino Sans;
	}
	.aboutSubContents {
		display: block;
		font: normal normal normal 16px Hiragino Sans;
		margin-bottom: 1rem;
	}
	.aboutSubContentsInfo,
	.aboutSubContentsText  {
		font: normal normal normal 16px Hiragino Sans;
	}
	.aboutSubContents img {
		display: block;
		margin: auto;
		margin-bottom: 32px;
	}
	.aboutSubContents ul {
		margin-bottom: 32px;
	}
	.mykarteHP_img {
		width: 235px;
		height: 122px;
	}
	.aboutNote {
		padding: 20px 16px 16px;
	}
	.aboutNote ul {
		font: normal normal normal 14px Hiragino Sans;
	}
	.aboutNote p {
		letter-spacing: 0px;
		font: normal bold normal 16px Hiragino Sans;
		margin-bottom: 20px;
	}
	.aboutNote ul a {
		font: normal normal normal 12px Hiragino Sans;
		padding: 0 4px;
	}

	.daybar_b_pcImg {
		display:none;
	}
	.daybar_b_spImg {
		display: inline;
	}
	.preparationInfo {
		display: block;
	}
	.preparation h1 {
		margin-bottom: 32px;
	}
	.preparationNote {
		font: normal normal normal 16px Hiragino Sans;
		letter-spacing: 0;
	}
	.preparationText--pc {
		display: none;
	}
	.preparationText--sp {
		display: block;
	}
	.preparationSupplement {
		font: normal normal normal 11px Hiragino Sans;
	}
	.preparationConfirmation {
		padding: 24px 16px;
		margin: 1rem 1rem 2rem;
		left: 0;
		right: 0;
	}
	.preparationConfirmation ol {
		display: block;
	}
	.preparationConfirmation ol.start-3 {
		padding-top: 0;
		border-top: none;
	}
	.preparationConfirmation li {
		width: auto;
		margin-right: auto;
		margin-top: 34px;
	}
	.preparationConfirmation li:first-child {
		margin-top: 0;
	}
	.preparationConfirmation li::after {
		display: none;
	}
	.preparation_img {
		display: block;
		margin: auto;
		width: 200px;
		height: 90px;
		margin-bottom: 32px;
	}
	.preparationInfo > p {
		font: normal normal normal 16px Hiragino Sans;
		letter-spacing: 0px;
		margin: 0 16px;
	}
	.preparationPassword a {
		margin: 0 auto 32px;
		padding: 12px 12px 12px 36px;
		font: normal normal normal 14px Hiragino Sans;
		letter-spacing: 0px;
		text-align: left;
		min-width: 343px;
	}
	.preparationPassword::before {
		background-size: 16px 16px;
		width: 16px;
		height: 16px;
		top: 8px;
        left: 14px;
	}
	.daybar_a_pcImg {
		display:none;
	}
	.daybar_a_spImg {
		display: inline;
	}

	.arrowR_img {
		display: none;
	}
	.signinConfirmation {
        margin: 0 16px 24px;
		padding: 24px 16px 16px;
	}
	.signinConfirmation > p {
		font: normal normal normal 16px Hiragino Sans;
		letter-spacing: 0px;
	}
	.signinConfirmationInfo li > p,
	.signinConfirmationInfo.start-4 li > p {
		min-height: auto;
	}
	.signinConfirmationInfoWrap {
		margin: 0;
		padding: 0;
		border-top: none;
	}
	.signinConfirmationInfo {
		display: block;
	}	
	.signinConfirmation ol {
		display: block;
	}
	.signinConfirmation li {
		width: auto;
		min-height: auto;
		margin:  0 0 40px;
	}
	.signinConfirmation li::after {
		display: none;
	}
	.signinNote {
		margin-bottom: 32px;
	}
	.signinText--pc {
		display: none;
	}
	.signinText--sp {
		display: block;
	}
	.signinSupplement {
		font: normal normal normal 11px Hiragino Sans;
		letter-spacing: 0px;
	}
	.img_passFollow_pc {
		display: none;
	}
	.img_passFollow_sp {
		display: block;
		margin: auto;
	}
	.img_flow {
		display: block;
		margin: auto;
		width: 311px;
	}
	.passwordResetNote {
		display: block;
		margin: 0;
		width: auto;
		max-height: none;
		padding: 16px;
	}
	.passwordResetNote p:first-child{
		margin-bottom: 24px;
	}

	.qaItem {
		font: normal normal normal 16px Hiragino Sans;
		margin: 32px 16px;
		padding: 0;
	}
	.qa h1 {
		margin-bottom: 32px;
		height: 56px;
		line-height: 56px;
	}
	.qaItemText {
		padding: 12px;
	}
	.qaItemTitle {
		height: auto;
		line-height: normal;
		font: normal normal normal 16px Hiragino Sans;
        padding: 12px;
	}
	.customerSupport {
		width: calc(100% - 32px);
		margin: 0.5rem auto;
		padding: 28px 20px;
		font: normal normal normal 14px Hiragino Sans;
	}
	.customerSupportMail a,
	.customerSupportForm a {
		display: block;
		line-height: 16px;
	}
	.customerSupportMail,
	.customerSupportForm {
		display: block;
	}
	.customerSupportMail::before,
	.customerSupportForm::before {
		vertical-align: -10px;
	}
}