header{
	height: 94px;
	padding: 0;
	background: #fff;
}
header .inner {
    position: relative;
    max-width: 1366px;
    margin: 0 auto;
    padding: 0 50px;
}
header .block {
    position: relative;
}
header .logo {
	position: absolute;
    top: 29px;
    left: 0;
    width: 112px;
}

#wrapper{
	background: #FFE545;
	padding: 94px 0 0;
}

.head .ttl{
	position: relative;
	margin-bottom: 85px;
	padding: 66px 0 30px;
	background: none;
	box-sizing: border-box;
}
.contact .head .ttl h1{
	font-size: 22px;
	font-weight: bold;
	text-align: center;
}
.contact .head .ttl h1 .en{
	margin-bottom: -5px;
	font-size: 70px;
}
.head .ttl:after{
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	width: 58px;
	height: 5px;
	margin: 0 auto;
	background: #000000;
}


.about{
	max-width: 1516px;
	margin: 0 auto 120px;
	padding: 70px 40px 90px;
	background: #fff;
	border-radius: 20px;
	text-align: center;
	box-sizing: border-box;
}
.about .form h2 {
	position: relative;
	margin-bottom: 25px;
	padding-top: 170px;
	font-size: 18px;
	font-weight: bold;
}
.about .form h2:before{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	width: 116px;
	height: 116px;
	margin: 0 auto;
	background: url(/starterform/img/img_registration.png) no-repeat;
}

.about .form .mail input{
	max-width: 100%;
	width: 580px;
	height: 58px;
	padding: 0 15px;
	background: #F5F5F5;
	border: 1px solid #CCCCCC;
	border-radius: 6px;
	font-size: 16px;
	box-sizing: border-box;
}
.about .form .select-area {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 20px;
	max-width: 580px;
	margin: 25px auto 0;
}
.about .form .select-area .select-label {
	font-size: 16px;
	font-weight: bold;
	white-space: nowrap;
}
.about .form .select-area .select-label .pcOnly {
	display: inline;
	font-size: 18px;
}
.about .form .select-area .select-label .spOnly {
	display: none;
	font-size: 16px;
}
.about .form .select-area .select-input {
	flex: 1;
	text-align: right;
}
.about .form .select-area .select-input select {
	width: 80%;
	height: 58px;
	padding: 0 15px;
	background: #F5F5F5;
	border: 1px solid #CCCCCC;
	border-radius: 6px;
	font-size: 16px;
	box-sizing: border-box;
	cursor: pointer;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");
	background-repeat: no-repeat;
	background-position: right 15px center;
	background-size: 20px;
	padding-right: 45px;
}
.about .form .btn {
	position: relative;
	width: 302px;
	margin: 65px auto 0;
}
.about .form .btn input{
	width: 280px;
    height: 54px;
    background: #FFE545;
    border: none;
    color: #000000;
    font-size: 18px;
    font-weight: bold;
    border-radius: 27px;
    overflow: hidden;
    filter: drop-shadow(0 3px 5px rgba(0, 0, 0, 0.25));
}
.about .form .contact{
	margin-top: 110px;
	font-size: 16px;
}
.about .form .contact a{
	text-decoration: underline;
}

.about .setting {
	padding: 20px 0 0;
}
.about .setting h2{
	text-align: center;
	font-size: 28px;
	font-weight: bold;
	margin-bottom: 40px;
}
.about .setting .bgarea{
	position: relative;
	margin: 60px 35px 0;
	padding: 50px;
	background: #ddd;
    border-radius: 20px;
	overflow: hidden;
}
/* 下部の設定エリア（白背景） */
.about .setting .setting-area{
	position: relative;
	padding: 50px;
	background: #fff;
	overflow: hidden;
	border-radius: 40px;
    filter: drop-shadow(0 3px 5px rgba(0, 0, 0, 0.25));
}
.about .setting .setting-title{
	margin-bottom: 10px;
	margin-top: 10px;
	font-size: 22px;
	font-weight: bold;
	text-align: center;
	line-height: 1.6;
}
.about .setting .setting-note{
	margin-bottom: 30px;
	font-size: 16px;
	text-align: center;
	color: #666;
}
.about .setting .select{
	display: flex;
	justify-content: space-between;
	width: 550px;
	margin: 0 auto;
	padding: 5px;
	background: #fff;
	border-radius: 30px;
	box-sizing: border-box;
	text-align: center;
    filter: drop-shadow(0 3px 5px rgba(0, 0, 0, 0.25));
}
.about .setting .select li{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 268px;
	height: 50px;
	background: #fff;
	border-radius: 30px;
	font-size: 18px;
	cursor: pointer;
}
.about .setting .select li:hover{
	opacity: .7;
}
.about .setting .select li.act{
	background: #FFE544;
}
.about .setting .wrap{
	margin-top: 30px;
	position: relative;
	display: flex;
	justify-content: space-between;
	min-height: 700px;
}
.about .setting .demo{
	width: 380px;
	height:600px;
	padding-top: 55px;
	text-align: center;
	background: url(/starterform/img/sp_demo.png) no-repeat;
}
.about .setting .demo .image{
	position: relative;
	height: 527px;
	width: 263px;
	margin: 0 auto 0 57px;
	overflow-y: auto;
	overflow-x: hidden;
	scrollbar-width: thin;
	-ms-overflow-style: auto;
}
.about .setting .demo .image::-webkit-scrollbar {
	width: 6px;
}
.about .setting .demo .image::-webkit-scrollbar-thumb {
	background-color: rgba(0, 0, 0, 0.3);
	border-radius: 3px;
}
.about .setting .demo .image::-webkit-scrollbar-track {
	background-color: rgba(0, 0, 0, 0.1);
}
.about .setting .demo .image iframe{
	width: 270px;
	height: 1300px;
	border: none;
	display: block;
}
.about .setting .demo .btn a{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 290px;
	height: 42px;
	margin: 55px auto 0;
	border: 2px solid #000000;
	background: #fff;
	border-radius: 40px;
	font-size: 16px;
}

/* サービスタブ: Mobile Order / L.B.B.Register（PC用） */
.service-tabs {
	display: flex;
	justify-content: center;
	gap: 50px;
	margin-bottom: 0;
	max-width: 1516px;
	margin-left: auto;
	margin-right: auto;
	padding: 0 40px;
	box-sizing: border-box;
}
/* タブ直下の.aboutは上角丸なし */
.service-tabs + .about {
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}
.service-tab-btn {
	display: flex;
	flex: 1;
	max-width: 42%;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding: 0 40px 16px;
	border: none;
	border-radius: 16px 16px 0 0;
	background: #eee;
	color: #000;
	cursor: pointer;
	transition: all 0.3s ease;
	outline: none;
}
.service-tab-btn::before {
	content: '';
	display: block;
	width: 28px;
	height: 0;
	border: 2px solid #000;
	background-color: #000;
	padding-top: 3px;
	margin-bottom: 8px;
}
.service-tab-btn:hover {
	opacity: 0.8;
}
.service-tab-btn.active {
	background: #fff;
	color: #000;
}
.service-tab-title {
	font-size: 34px;
	font-weight: bold;
	line-height: 1.3;
	font-family: 'Roboto', sans-serif;
}
.service-tab-subtitle {
	font-size: 16px;
	margin-top: 4px;
}
/* サービスタブコンテンツ切り替え */
.about .setting .service-tab-pane {
	display: none;
}
.about .setting .service-tab-pane.active {
	display: block;
}

/* SP用: タブ切り替え表示（PCでは非表示） */
.about .setting .sp-demo-tabs {
	display: none;
}

/* SP用: スマホプレビュー表示（PCでは非表示） */
.about .setting .sp-phone-preview {
	display: none;
}

/* PC用: アカウント作成に進むボタン（グレー枠内） */
.about .setting .bgarea-dual .create-account-btn-area {
	text-align: center;
	margin: 30px 0 20px;
}
.about .setting .bgarea-dual .create-account-btn {
	display: inline-block;
	padding: 18px 80px;
	background: #FFE545;
	border-radius: 40px;
	font-size: 20px;
	font-weight: bold;
	color: #000;
	text-decoration: none;
	transition: opacity 0.3s ease;
}
.about .setting .bgarea-dual .create-account-btn:hover {
	opacity: 0.8;
}

/* 再生成エリア */
.about .setting .regenerate-area {
	max-width: 500px;
	margin: 40px auto 20px;
	text-align: center;
}
.about .setting .regenerate-title {
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 20px;
	line-height: 1.6;
}
.about .setting .regenerate-form {
	text-align: left;
}
.about .setting .regenerate-field {
	margin-bottom: 15px;
}
.about .setting .regenerate-label {
	display: block;
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 5px;
}
.about .setting .regenerate-input {
	width: 100%;
	height: 50px;
	padding: 0 15px;
	background: #F5F5F5;
	border: 1px solid #CCCCCC;
	border-radius: 6px;
	font-size: 16px;
	box-sizing: border-box;
}
.about .setting .regenerate-field select {
	width: 100%;
	height: 50px;
	padding: 0 15px;
	background: #fff;
	border: 1px solid #CCCCCC;
	border-radius: 6px;
	font-size: 16px;
	box-sizing: border-box;
	appearance: auto;
}
.about .setting .regenerate-btn-area {
	text-align: center;
	margin-top: 20px;
}
.about .setting .regenerate-btn {
	display: inline-block;
	padding: 14px 60px;
	border: 2px solid #000;
	border-radius: 6px;
	font-size: 18px;
	font-weight: bold;
	color: #000;
	text-decoration: none;
	background: #fff;
	transition: opacity 0.3s ease;
}
.about .setting .regenerate-btn:hover {
	opacity: 0.7;
}
.about .setting .regenerate-note {
	font-size: 12px;
	color: #666;
	margin-top: 15px;
	text-align: center;
	line-height: 1.6;
}

/* L.B.B.Register: タブレット画像表示 */
.about .setting .lbb-register-content {
	padding: 10px 0;
}
/* PC用: 2画像横並び */
.about .setting .register-dual {
	display: flex;
	justify-content: center;
	gap: 40px;
	background: #F5F5F5;
	border-radius: 20px;
	padding: 50px 20px 30px;
}
.about .setting .register-dual-item {
	text-align: center;
	flex: 1;
	max-width: 480px;
}
.about .setting .register-dual-label {
	display: inline-block;
	background: #FFE544;
	border-radius: 30px;
	padding: 12px 40px;
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 15px;
}
.about .setting .register-img-wrap {
	text-align: center;
}
.about .setting .register-img-wrap img {
	max-width: 100%;
	height: auto;
	border-radius: 10px;
}
/* SP用: Register内タブ（PCでは非表示） */
.about .setting .register-tabs {
	display: none;
}
/* SP用: Register内タブのコンテンツ切り替え */
.about .setting .register-tab-pane {
	display: none;
}
.about .setting .register-tab-pane.active {
	display: block;
}

/* PC用: 2つのデモ表示（テイクアウト・イートイン）グレー背景エリア */
.about .setting .bgarea-dual {
	background: #F5F5F5;
	border-radius: 20px;
	padding: 70px 20px 20px;
	margin-bottom: 40px;
}
.about .setting .demo-dual {
	display: flex;
	justify-content: center;
	gap: 60px;
}
.about .setting .demo-dual .demo-item {
	text-align: center;
}
.about .setting .demo-dual .demo-label {
	display: inline-block;
	background: #FFE544;
	border-radius: 30px;
	padding: 12px 50px;
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 0;
	position: relative;
	z-index: 1;
}
.about .setting .demo-dual .demo {
	width: 450px;
	height: 800px;
	padding-top: 60px;
	text-align: center;
	background: url(/starterform/img/sp_demo.png?t=2) no-repeat;
	background-size: 100% auto;
	box-sizing: border-box;
	margin-top:8px;
}
.about .setting .demo-dual .demo .image {
	position: relative;
	height: 630px;
	width: 312px;
	margin: 0 auto 0 68px;
	overflow-y: auto;
	overflow-x: hidden;
	scrollbar-width: thin;
	-ms-overflow-style: auto;
}
.about .setting .demo-dual .demo .image::-webkit-scrollbar {
	width: 6px;
}
.about .setting .demo-dual .demo .image::-webkit-scrollbar-thumb {
	background-color: rgba(0, 0, 0, 0.3);
	border-radius: 3px;
}
.about .setting .demo-dual .demo .image::-webkit-scrollbar-track {
	background-color: rgba(0, 0, 0, 0.1);
}
.about .setting .demo-dual .demo .image iframe {
	width: 320px;
	height: 1300px;
	border: none;
	display: block;
}
/* テイクアウト用: スケーリングでフィット */
.about .setting .demo-dual .demo-item:first-child .demo .image iframe {
	width: 352px;
	height: 711px;
	transform: scale(0.886);
	transform-origin: top left;
}
/* イートイン用: コンテナのスクロール無効化・スクロールバー非表示 */
.about .setting .demo-dual .demo-item:nth-child(2) .demo .image {
	overflow: hidden;
	scrollbar-width: none;
	-ms-overflow-style: none;
}
.about .setting .demo-dual .demo-item:nth-child(2) .demo .image::-webkit-scrollbar {
	display: none;
	width: 0;
}
/* イートイン用: スケーリングでフィット */
.about .setting .demo-dual .demo-item:nth-child(2) .demo .image iframe {
	width: 352px;
	height: 692px;
	transform: scale(0.91);
	transform-origin: top left;
}

.about .setting .box{
	max-width: 777px;
	padding: 0 0 55px;
	background: #fff;
}
.about .setting .box h3{
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	line-height: 1.8;
}
.about .setting .box dl{
	margin: 40px 40px 0 60px;
	text-align: left;
}
.about .setting .box dt{
	float: left;
	padding-top: 16px;
	font-size: 16px;
}
.about .setting .box dt.basic:after{
	content: '';
	display: inline-block;
	width: 24px;
	height: 24px;
	margin-left: 5px;
	background: url(/starterform/img/ico_basic.png) no-repeat;
	vertical-align: middle;
}
.about .setting .box dd{
	margin-left: 220px;
	margin-bottom: 30px;
	font-size: 18px;
	vertical-align: top;
}
.about .setting .box dd input[type=text]{
	width: 400px;
	height: 58px;
	margin: 0 12px 0 -30px;
	padding: 0 24px;
	background: #F5F5F5;
	border: 1px solid #CCCCCC;
	border-radius: 6px;
	box-sizing: border-box;
	vertical-align: top;
	font-size: 18px;
}
.about .setting .box dd a{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 104px;
	height: 58px;
	background: #fff;
	border: 2px solid #000000;
	border-radius: 6px;
	font-size: 18px;
	box-sizing: border-box;
	vertical-align: top;
}
.about .setting .box .onoff{
	display: flex;
	justify-content: space-between;
	width: 154px;
	padding: 4px;
	border: 1px solid #CCCCCC;
	border-radius: 30px;
	box-sizing: border-box;
	text-align: center;
}
.about .setting .box .onoff li{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 70px;
	height: 39px;
	background: #fff;
	border-radius: 30px;
	font-size: 16px;
	cursor: pointer;
}
.about .setting .box .onoff li:hover{
	opacity: .7;
}
.about .setting .box .onoff li.act{
	background: #CCCCCC;
}
.about .setting .box .onoff li.on.act{
	background: #FFE545;
}
.about .setting .box .btn {
	margin-top: 85px;
	text-align: center;
}
.about .setting .box .btn li{
	display: inline-block;
	margin: 0 13px;
}
.about .setting .box .btn li a{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 280px;
	height: 54px;
	border: 3px solid #000000;
	border-radius: 27px;
	box-sizing: border-box;
	font-size: 18px;
	font-weight: bold;
}
.about .setting .box .btn li.reset a:before{
	content: '';
	display: inline-block;
	width: 30px;
	height: 30px;
	margin-right: 12px;
	background: url(/starterform/img/ico_reset.png) no-repeat;
	vertical-align: middle;
}
.about .setting .box .btn li.reload a{
	border: 3px solid #FFE545;
	background: #FFE545;
}
.about .setting .box .btn li.reload a:before{
	content: '';
	display: inline-block;
	width: 30px;
	height: 30px;
	margin-right: 12px;
	background: url(/starterform/img/ico_load.png) no-repeat;
	vertical-align: middle;
}

.about .plan{
	margin-top: 90px;
	margin-bottom: 30px;
}
.about .plan h2{
	text-align: center;
	font-size: 28px;
	font-weight: bold;
}
.about .plan h2 .name{
	font-size: 40px;
	font-weight: bold;
}
.about .plan h2 .line {
    position: relative;
    padding: 0 5px;
	font-size: 28px;
    font-weight: bold;
    z-index: 2;
}
.about .plan h2 .line:before{
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 100%;
    height: 20px;
    background: #FFE545;
    z-index: -1;
}
/* プランセクションを独立した白背景エリアに */
.about.plan-section {
	margin-top: 40px;
}
.about .plan .wrap{
	display: flex;
	flex-wrap: nowrap;
	justify-content: center;
	column-gap: 16px;
	padding: 0 10px;
}
.about .plan .wrap .detail{
	position: relative;
	flex: 1;
	min-width: 0;
	margin-top: 40px;
	padding: 0 20px 20px;
	border: 1px solid #707070;
	border-radius: 40px;
	box-sizing: border-box;
	text-align: center;
}
.about .plan .wrap .detail .plan-help {
	position: absolute;
	top: 14px;
	right: 18px;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 32px;
	height: 32px;
	background: #FFC645;
	border: none;
	border-radius: 50%;
	color: #fff;
	font-size: 20px;
	font-weight: bold;
	text-decoration: none;
	line-height: 1;
	z-index: 1;
	cursor: pointer;
	outline: none;
	padding: 0;
}
.about .plan .wrap .detail .plan-help:hover {
	opacity: 0.8;
}
/* プラン説明モーダル */
.plan-modal-overlay {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0, 0, 0, 0.5);
	z-index: 9999;
	display: flex;
	justify-content: center;
	align-items: center;
	visibility: hidden;
	opacity: 0;
	pointer-events: none;
	transition: opacity 0.3s ease, visibility 0.3s ease;
}
.plan-modal-overlay.active {
	visibility: visible;
	opacity: 1;
	pointer-events: auto;
}
.plan-modal {
	background: #fff;
	border-radius: 20px;
	padding: 40px 35px 30px;
	max-width: 400px;
	width: 90%;
	text-align: center;
	position: relative;
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
	overflow: hidden;
	transform: scale(0.9);
	transition: transform 0.3s ease;
}
.plan-modal-overlay.active .plan-modal {
	transform: scale(1);
}
.plan-modal::before {
	content: '';
	position: absolute;
	top: 0;
	left: 60px;
	right: 60px;
	height: 9px;
	background: #000;
}
.plan-modal.plan-modal-basic::before {
	background: #FFE545;
}
.plan-modal.plan-modal-premium::before {
	background: #A78B4D;
}
.plan-modal-name {
	font-size: 24px;
	font-weight: bold;
	margin-bottom: 5px;
	font-family: 'Roboto', sans-serif;
}
.plan-modal-price {
	font-size: 28px;
	font-weight: bold;
	margin-bottom: 10px;
}
.plan-modal-target {
	display: inline-block;
	background: #EEEEEE;
	border-radius: 11px;
	padding: 6px 20px;
	font-size: 14px;
	margin-bottom: 20px;
}
.plan-modal-desc {
	font-size: 14px;
	line-height: 1.8;
	text-align: left;
	margin-bottom: 25px;
	color: #333;
}
.plan-modal-close {
	display: inline-block;
	padding: 10px 50px;
	background: #EEEEEE;
	border: none;
	border-radius: 30px;
	font-size: 15px;
	font-weight: bold;
	color: #000;
	cursor: pointer;
	transition: opacity 0.3s ease;
	outline: none;
}
.plan-modal-close:hover {
	opacity: 0.7;
}
.about .plan .wrap .detail.basic{
	background: #FFFBE6;
	padding: 0 26px 20px;
	border: 5px solid #FFC645;
}
.about .plan .wrap .detail p{
	font-size: 16px;
}
.about .plan .wrap .detail h3{
	width: 210px;
	margin: 0 auto;
	border-top: 9px solid #000000;
	font-size: 22px;
	font-weight: bold;
}
.about .plan .wrap .detail.basic h3{
	border-top: 9px solid #FFE545;
}
.about .plan .wrap .detail.premium h3{
	border-top: 9px solid #A78B4D;
}
.about .plan .wrap .detail .price{
	margin: 0 -1em;
	font-size: 22px;
	font-weight: bold;
}
.about .plan .wrap .detail .price .num{
	font-size: 60px;
	font-weight: bold;
}
.about .plan .wrap .detail .off{
	margin: -5px 0 8px;
	padding: 5px;
	background: #fff;
	border: 1px solid #FD8901;
	border-radius: 16px;
	color: #FD8901;
	font-size: 14px;
}
.about .plan .wrap .detail .bg{
	margin-top: 20px;
	background: #EEEEEE;
	border-radius: 11px;
	font-size: 14px;
}
.about .plan .wrap .detail .btn {
	margin-top: 20px;
}
.about .plan .wrap .detail .btn a{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 258px;
	height: 54px;
	margin: 0 auto;
	background: #FFE545;
	border-radius: 27px;
	box-sizing: border-box;
	font-size: 18px;
	font-weight: bold;
}
.about .plan .wrap .detail ul{
	margin-top: 24px;
}
.about .plan .wrap .detail ul li{
	padding: 10px 0 11px;
	border-top: 1px solid #EEEEEE;
	text-align: left;
	font-size: 14px;
}
.about .plan .wrap .detail ul li:before{
	content: '';
	display: inline-block;
	width: 21px;
	height: 15px;
	margin-right: 10px;
	background: url(/starterform/img/ico_check.png) no-repeat;
	vertical-align: middle;
}

.about .accout {
	display: flex;
	padding: 20px 35px 0;
	justify-content: space-between;
	text-align: left;
}
.about .accout h2{
	position: relative;
    margin-bottom: 45px;
    padding-bottom: 20px;
	font-size: 18px;
	font-weight: bold;
}
.about .accout h2 .en{
	display: inline-block;
	margin-bottom: -10px;
	font-size: 56px;
	font-weight: bold;
}
.about .accout h2:after{
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 50px;
	height: 4px;
	background: #000000;
}
.about .accout .text {
	width: 525px;
	margin-top: -20px;
	margin-right: 30px;
}
.about .accout .text p{
	margin-top: 20px;
	font-size: 18px;
	font-weight: bold;
    line-height: 1.8;
}
.about .accout .text p.note{
	font-weight: normal;
}

.about .accout .bgarea{
	max-width: 795px;
	padding: 80px 20px;
	background: #F5F5F5;
	border-radius: 40px;
	box-sizing: border-box;
}
.about .accout p{
	font-size: 16px;
}
.about .accout h3{
	width: 580px;
	margin: 0 auto;
	font-size: 22px;
	font-weight: bold;
}
.about .accout dl{
	width: 580px;
	margin: -10px auto 0;
}
.about .accout dl + h3{
	margin-top: 60px;
}
.about .accout dt,
.about .accout dd{
	font-size: 16px;
}
.about .accout dt{
	margin-top: 35px;
}
.about .accout dd{
	margin-top: 10px;
}
.about .accout dd input{
	width: 100%;
	height: 58px;
	padding: 0 20px;
	border: 1px solid #CCCCCC;
	border-radius: 6px;
	box-sizing: border-box;
	font-size: 16px;
}
.about .accout dd select{
	width: 157px;
	height: 58px;
	padding: 0 20px;
	margin-right: 15px;
	border: 1px solid #CCCCCC;
	border-radius: 6px;
	box-sizing: border-box;
	color: #000;
	font-size: 16px;
}
.about .accout dd input.code{
	width: 157px;
	margin-right: 10px;
	vertical-align: middle;
}
.about .accout dd img{
	vertical-align: middle;
}
.about .accout dd .sample{
	display: inline-block;
	position: relative;
}
.about .accout dd .sample p{
	display: none;
	position: absolute;
    top: -20px;
    left: 10px;
    padding: 10px;
    background: #fff;
    width: 200px;
    margin: 0;
    border-radius: 6px;
}
.about .accout .bgarea p{
	width: 580px;
	margin: 50px auto 0;
	font-size: 16px;
}
.about .accout p label{
	font-size: 16px;
}
.about .accout p input{
	vertical-align: middle;
}
.about .accout p.btn {
	margin-top: 75px;
	text-align: center;
}
.about .accout p.btn input{
	width: 280px;
	height: 54px;
	margin: 0 auto;
	text-align: center;
	background: #000000;
	border-radius: 27px;
	border: none;
	color: #fff;
	font-size: 18px;
	font-weight: bold;
}
.about .accout p a{
	text-decoration: underline;
}

.margin-left-large{
	margin-left: 150px;
}
.margin-right-large{
	margin-right: 120px;
}

/* リセットボタンエリア */
.reset-btn-area{
	text-align: center;
}
.reset-btn-area .reset-btn{
	display: inline-flex;
	justify-content: center;
	align-items: center;
	width: 280px;
	height: 54px;
	border: 3px solid #000000;
	border-radius: 27px;
	box-sizing: border-box;
	font-size: 18px;
	font-weight: bold;
	text-decoration: none;
	color: #000;
}
.reset-btn-area .reset-btn:hover{
	opacity: .7;
}
.reset-btn-area .reset-btn .reset-icon{
	margin-right: 8px;
	font-size: 20px;
}

/* アカウント作成ボタンエリア */
.account-btn-area{
	margin-top: 20px;
	text-align: center;
}
.account-btn-area .account-btn{
	display: inline-flex;
	justify-content: center;
	align-items: center;
	width: 280px;
	height: 54px;
	background: #FFE545;
	border: 3px solid #FFE545;
	border-radius: 27px;
	box-sizing: border-box;
	font-size: 18px;
	font-weight: bold;
	text-decoration: none;
	color: #000;
}
.account-btn-area .account-btn:hover{
	opacity: .7;
}
.prefecture-row {
	margin-left: 189px !important;
}
.change-btn {
	width: 104px !important;
	height: 58px !important	;
	margin-left: 50px;
	margin-top: 5px;
}
.prefecture-area {
	display:inline-flex;
	margin-top: 10px;
}
.prefecture-text {
	margin-top: 18px;
}
dt.indent{
  display: flex;
  align-items: center;
  gap: 12px;          /* 線と文字の間隔 */
  padding-left: 12px;  /* 線と左端の間隔 */
}
hr.center-line{
  width: 24px;              /* 好みで */
  margin: 0 auto;       /* 中央寄せ */
  border: 0;
  border-top: 2px solid #d1d1d1;  /* 薄いグレー */
}


/* フッター: アドレス・ナビゲーション */
footer .ft-address {
	list-style: none;
	margin-top: 20px;
	font-size: 13px;
	line-height: 1.8;
}
footer .rightBox {
	float: right !important;
	width: auto !important;
	margin: 0 !important;
}
footer .ft-nav {
	list-style: none;
	display: flex;
	flex-wrap: wrap;
	width: 320px;
}
footer .ft-nav li {
	width: 50%;
	font-size: 14px;
	line-height: 2.2;
}
footer .ft-nav li a {
	text-decoration: none;
}
footer .ft-nav li a:hover {
	text-decoration: underline;
}
footer .ft-topics {
	margin-top: 10px;
	font-size: 13px;
}
footer .ft-topics a {
	text-decoration: none;
}
footer .ft-topics a:hover {
	text-decoration: underline;
}

@media (max-width: 1600px) {
	.about{
		margin-left: 50px;
		margin-right: 50px;
	}
	.about .setting .wrap{
		display: block;
	}
	.about .setting .demo{
		margin: 0 auto;
	}
	.about .setting .box{
		margin: 30px auto 0;
	}
	/* タブレットサイズで都道府県のレイアウト修正 */
	.about .setting .box dt.prefecture-text {
		margin-bottom: 10px;
	}
}

@media (max-width: 1400px) {
	.about .accout{
		display: block;
		max-width: 795px;
		margin: 0 auto;
		padding-left: 0;
		padding-right: 0;
	}
}

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

#wrapper{
	padding-top: 60px;
}
header{
	height: 60px;
}
header .inner{
	padding: 0 15px;
}
header .logo{
	top: 15px;
	width: 80px;
}

.head .ttl{
	margin-bottom: 40px;
	padding: 30px 0 30px;
}
.contact .head .ttl h1 .en{
	font-size: 48px;
}
.contact .head .ttl h1{
	font-size: 20px;
}

.about{
	margin: 0 4% 60px;
	padding: 35px 20px 20px;
}
.about .form h2{
	padding-top: 100px;
	font-size: 16px;
}
.about .form h2:before{
	width: 80px;
	height: 80px;
	background-size: contain;
}
.about .form .select-area {
	flex-direction: column;
	align-items: flex-start;
	gap: 2px;
	margin: 50px auto 0;
	padding: 0;
	max-width: calc(100% - 20px);
}
.about .form .select-area .select-label {
	font-size: 14px;
	font-weight: bold;
	margin-top: 0;
}
.about .form .select-area .select-label .pcOnly {
	display: none;
	font-size: 18px;
}
.about .form .select-area .select-label .spOnly {
	display: inline;
	font-size: 16px;
}
.about .form .select-area .select-input {
	width: 100%;
}
.about .form .select-area .select-input select {
	width: 100%;
	height: 50px;
	font-size: 14px;
	background-color: #fff;
}
.about .form .btn{
	margin-top: 40px;
	padding: 10px;
	box-sizing: border-box;
    filter: drop-shadow(0 3px 5px rgba(0, 0, 0, 0.25));
}
.about .form .btn input{
	filter:none;
}
.about .form .contact{
	margin-top: 30px;
	margin-bottom: 10px;
	font-size: 14px;
}

.about .setting{
	padding: 0;
}
.about .setting h2{
	font-size: 20px;
}

/* SP用: サービスタブ（Mobile Order / L.B.B.Register） */
.service-tabs {
	gap: 8px;
	margin-bottom: 0;
	padding: 0 4%;
}
.service-tab-btn {
	min-width: 0;
	flex: 1;
	padding: 0 8px 10px;
	border: none;
	border-radius: 10px 10px 0 0;
}
.service-tab-btn::before {
	width: 20px;
	padding-top: 2px;
	margin-bottom: 6px;
}
.service-tab-title {
	font-size: 17px;
}
.service-tab-subtitle {
	font-size: 12px;
	margin-top: 2px;
}

/* SP用: L.B.B.Register内タブ */
.about .setting .register-tabs {
	display: block;
	background: #F5F5F5;
	border-radius: 20px;
	padding: 20px 15px;
}
.about .setting .register-tab-header {
	display: flex;
	justify-content: center;
	margin: 0 auto 15px;
	padding: 4px;
	background: #fff;
	border-radius: 50px;
	border: 2px solid #000;
	max-width: 300px;
}
.about .setting .register-tab-btn {
	flex: 1;
	padding: 10px 10px;
	border: none;
	background: transparent;
	font-size: 14px;
	font-weight: bold;
	color: #000;
	cursor: pointer;
	border-radius: 50px;
	transition: all 0.3s ease;
	outline: none;
}
.about .setting .register-tab-btn.active {
	background: #FFE545;
	color: #000;
}
.about .setting .register-tab-pane {
	display: none;
}
.about .setting .register-tab-pane.active {
	display: block;
}
.about .setting .register-tabs .register-img-wrap {
	text-align: center;
}
.about .setting .register-tabs .register-img-wrap img {
	max-width: 100%;
	height: auto;
	border-radius: 8px;
}

/* SP用: アカウント作成に進むボタン */
.about .setting .sp-demo-tabs .sp-create-account-btn-area {
	text-align: center;
	margin: 20px 0 10px;
}
.about .setting .sp-demo-tabs .sp-create-account-btn {
	display: inline-block;
	padding: 14px 50px;
	background: #FFE545;
	border-radius: 40px;
	font-size: 16px;
	font-weight: bold;
	color: #000;
	text-decoration: none;
	transition: opacity 0.3s ease;
}
.about .setting .sp-demo-tabs .sp-create-account-btn:hover {
	opacity: 0.8;
}

/* SP用タブ切り替え表示 */
.about .setting .sp-demo-tabs {
	display: block;
	margin-bottom: 30px;
	background: #F5F5F5;
	border-radius: 20px;
	padding: 20px 15px;
}
.about .setting .sp-demo-tabs .sp-tab-header {
	display: flex;
	justify-content: center;
	margin: 0 auto 20px;
	padding: 4px;
	background: #fff;
	border-radius: 50px;
	border: 2px solid #000;
	max-width: 300px;
}
.about .setting .sp-demo-tabs .sp-tab-btn {
	flex: 1;
	padding: 12px 20px;
	border: none;
	background: transparent;
	font-size: 16px;
	font-weight: bold;
	color: #000;
	cursor: pointer;
	border-radius: 50px;
	transition: all 0.3s ease;
}
.about .setting .sp-demo-tabs .sp-tab-btn.active {
	background: #FFE545;
	color: #000;
}
.about .setting .sp-demo-tabs .sp-tab-content {
	position: relative;
}
.about .setting .sp-demo-tabs .sp-tab-pane {
	display: none;
}
.about .setting .sp-demo-tabs .sp-tab-pane.active {
	display: block;
}
.about .setting .sp-demo-tabs .sp-demo {
	width: 340px;
	height: 610px;
	margin: 0 auto;
	padding-top: 44px;
	background: url(/starterform/img/sp_demo.png?t=2) no-repeat;
	background-size: 100% auto;
	box-sizing: border-box;
}
.about .setting .sp-demo-tabs .sp-demo .image {
	position: relative;
	height: 475px;
	width: 230px;
	margin: 0 auto 0 52px;
	overflow-y: auto;
	overflow-x: hidden;
	scrollbar-width: thin;
	-ms-overflow-style: auto;
}
.about .setting .sp-demo-tabs .sp-demo .image::-webkit-scrollbar {
	width: 4px;
}
.about .setting .sp-demo-tabs .sp-demo .image::-webkit-scrollbar-thumb {
	background-color: rgba(0, 0, 0, 0.3);
	border-radius: 2px;
}
.about .setting .sp-demo-tabs .sp-demo .image::-webkit-scrollbar-track {
	background-color: rgba(0, 0, 0, 0.1);
}
.about .setting .sp-demo-tabs .sp-demo .image iframe {
	width: 240px;
	height: 1000px;
	border: none;
	display: block;
}
/* テイクアウト用: スケーリングでフィット */
.about .setting .sp-demo-tabs .sp-tab-pane[data-tab-content="takeout"] .sp-demo .image iframe {
	width: 271px;
	height: 559px;
	transform: scale(0.85);
	transform-origin: top left;
}
/* イートイン用: コンテナのスクロール無効化・スクロールバー非表示 */
.about .setting .sp-demo-tabs .sp-tab-pane[data-tab-content="eatin"] .sp-demo .image {
	overflow: hidden;
	scrollbar-width: none;
	-ms-overflow-style: none;
}
.about .setting .sp-demo-tabs .sp-tab-pane[data-tab-content="eatin"] .sp-demo .image::-webkit-scrollbar {
	display: none;
	width: 0;
}
/* イートイン用: スケーリングでフィット */
.about .setting .sp-demo-tabs .sp-tab-pane[data-tab-content="eatin"] .sp-demo .image iframe {
	width: 271px;
	height: 559px;
	transform: scale(0.85);
	transform-origin: top left;
}

.about .setting .bgarea{
	margin: 20px 0 0;
	padding: 20px;
}
.about .setting .setting-area{
	margin: 20px 0 0;
	padding: 20px;
	overflow: visible;
}
.about .setting .setting-area .wrap {
	display: none;
}
.about .setting .setting-title{
	font-size: 16px;
	line-height: 1.5;
	margin-bottom: 8px;
}
.about .setting .setting-note{
	font-size: 12px;
	margin-bottom: 20px;
}
/* SP用: スマホプレビュー表示（setting-area内） */
.about .setting .sp-phone-preview {
	margin-top: 30px;
	display: block;
	margin-bottom: 30px;
}
.about .setting .sp-phone-preview .phone-mockup {
	width: 260px;
	height: 470px;
	margin: 0 auto;
	padding-top: 34px;
	background: url(/starterform/img/sp_demo.png?t=2) no-repeat;
	background-size: 100% auto;
	box-sizing: border-box;
}
.about .setting .sp-phone-preview .phone-screen {
	position: relative;
	height: 365px;
	width: 176px;
	margin: 0 auto 0 40px;
	overflow-y: auto;
	overflow-x: hidden;
	scrollbar-width: thin;
	-ms-overflow-style: auto;
}
.about .setting .sp-phone-preview .phone-screen::-webkit-scrollbar {
	width: 4px;
}
.about .setting .sp-phone-preview .phone-screen::-webkit-scrollbar-thumb {
	background-color: rgba(0, 0, 0, 0.3);
	border-radius: 2px;
}
.about .setting .sp-phone-preview .phone-screen::-webkit-scrollbar-track {
	background-color: rgba(0, 0, 0, 0.1);
}
.about .setting .sp-phone-preview .phone-screen iframe {
	width: 188px;
	height: 800px;
	border: none;
	display: block;
}
.about .setting .select{
	width: 100%;
}
.about .setting .select li{
	height: 40px;
	font-size: 16px;
}
.about .setting .demo{
	width: 260px;
	margin: 0 auto;
	padding-top: 64px;
	background-size: 100% auto;
}
.about .setting .demo .image {
	position: relative;
	height: 365px;
	width: 176px;
	margin: 0 auto 0 40px;
	overflow-y: auto;
	overflow-x: hidden;
	scrollbar-width: thin;
	-ms-overflow-style: auto;
}
.about .setting .demo .image::-webkit-scrollbar {
	width: 4px;
}
.about .setting .demo .image::-webkit-scrollbar-thumb {
	background-color: rgba(0, 0, 0, 0.3);
	border-radius: 2px;
}
.about .setting .demo .image::-webkit-scrollbar-track {
	background-color: rgba(0, 0, 0, 0.1);
}
.about .setting .demo .image iframe{
	width: 188px;
	height: 800px;
	border: none;
	display: block;
}
.about .setting .demo .btn a{
	width: 200px;
	margin-top: 20px;
	font-size: 14px;
}
.about .setting .box{
	padding: 20px 0;
}
.about .setting .box h3{
	font-size: 16px;
}
.about .setting .box dl{
	margin: 20px;
}
.about .setting .box dt{
	float: none;
	margin-bottom: 10px;
	font-size: 16px;
}
.about .setting .box dd{
	margin-left: 0;
	margin-bottom: 10px;
	font-size: 16px;
}
.about .setting .box dd input[type=text]{
	width: 100%;
	margin: 0 0 10px;
	padding: 0 10px;
	font-size: 16px;
}
.about .setting .box dd a{
	height: 40px;
	margin-top: 10px;
	font-size: 16px;
}
.about .setting .box .onoff{
	width: 100%;
}
.about .setting .box .onoff li{
	width: 48%;
	height: 32px;
	font-size: 14px;	
}
.about .setting .select li:hover,
.about .setting .box .onoff li:hover{
	opacity: 1;
}
.about .setting .box .btn{
	margin: 0 20px 0;
}
.about .setting .box .btn li{
	width: 100%;
	margin: 0;
}
.about .setting .box .btn li a{
	width: 100%;
	height: 40px;
	margin-top: 20px;
	font-size: 16px;
}
.about .setting .box .btn li.reload a{
	padding-right: 2em;
}

/* モバイル用ボタンエリア */
.reset-btn-area{
	margin-top: 20px;
}
.reset-btn-area .reset-btn{
	width: 100%;
	height: 40px;
	font-size: 16px;
}
.account-btn-area{
	margin-top: 15px;
}
.account-btn-area .account-btn{
	width: 100%;
	height: 40px;
	font-size: 16px;
}

.about .plan{
	margin-top: 40px;
	margin-bottom: 0;
}
.about .plan h2,
.about .plan h2 .line{
	font-size: 20px;
}
.about .plan h2 .name{
	font-size: 32px;
}
.about .plan .wrap {
	flex-wrap: wrap;
}
.about .plan .wrap .detail{
	flex: none;
	width: 100%;
	margin-top: 20px;
	border-radius: 20px;
}
.about.plan-section {
	margin-top: 20px;
}
/* SP用: プラン選択タブ */
.about .plan .plan-tabs {
	display: block;
	margin: 20px auto 0;
	max-width: 320px;
}
.about .plan .plan-tabs-row {
	display: flex;
	gap: 10px;
	margin-bottom: 10px;
}
.about .plan .plan-tab-btn {
	flex: 1;
	padding: 10px 0;
	border: 2px solid #000;
	border-radius: 30px;
	background: #fff;
	color: #000;
	font-size: 15px;
	font-weight: bold;
	cursor: pointer;
	transition: all 0.3s ease;
	outline: none;
	font-family: 'Roboto', 'Noto Sans Japanese', sans-serif;
}
.about .plan .plan-tab-btn.active {
	background: #FFE545;
	border-color: #FFE545;
}
/* SP用: プラン表示切り替え */
.about .plan .wrap .detail.sp-plan-hidden {
	display: none;
}
.about .plan .wrap .detail.sp-plan-active {
	display: block;
}

/* SP用: フッター */
footer .rightBox {
	float: none !important;
	margin-top: 20px !important;
	padding: 0 3% !important;
}
footer .ft-nav {
	width: 100%;
	padding: 0 3%;
}
footer .ft-nav li {
	font-size: 13px;
}
footer .ft-topics {
	padding: 0 3%;
}
footer .ft-address {
	font-size: 12px;
}
footer .spAddress {
	padding: 0 3%;
	margin-top: 10px;
}
footer .spAddress ul {
	list-style: none;
	font-size: 12px;
	line-height: 1.8;
	text-align: left;
}

.about .accout h2{
	font-size: 14px;
	margin-bottom: 20px;
}
.about .accout h2 .en{
	font-size: 35px;
}
.about .accout .text{
	width: 100%;
}
.about .accout .text p{
	font-size: 16px;
}
.about .accout .text p.note{
	margin-top: 10px;
}
.about .accout .bgarea{
	margin-top: 20px;
	padding: 20px;
    border-radius: 20px;
}
.about .accout dl{
	width: 100%;
}
.about .accout h3{
	width: auto;
	font-size: 18px;
}
.about .accout dl + h3{
	margin-top: 30px;
}
.about .accout dt, .about .accout dd{
	font-size: 14px;
}
.about .accout dt{
	margin-top: 20px;
}
.about .accout dd{
	margin-top: 5px;
}
.about .accout dd input{
	height: 42px;
	padding: 0 10px;
	font-size: 14px;
}
.about .accout dd select,
.about .accout dd input.code{
	width: 100px;
	height: 42px;
	padding: 0 10px;
}
.about .accout .bgarea p{
	width: auto !important;
	margin-top: 20px;
}
.about .accout p.btn input{
	height: 40px;
	font-size: 16px;
}
.about .accout dd .sample p{
    top: -150px;
    left: -90px;
}
}
.select-area {
    margin: 20px 0;
    height: 40px;
}
.select-area select,
dd select{
    width: 248px;
    height: 50px;
    font-size: 16px;
    margin-top: 10px;
}

/* SP用: 設定の編集ボタン */
.sp-setting-btn-area {
	display: none;
}
.sp-setting-btn {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 60px;
	background: #FFE545;
	border: none;
	border-radius: 30px;
	font-size: 18px;
	font-weight: bold;
	color: #000;
	cursor: pointer;
	box-sizing: border-box;
}
.sp-setting-btn .plus-icon {
	margin-right: 10px;
	font-size: 22px;
	color: #000;
}

/* SP用: 設定モーダル */
.sp-setting-modal {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 9999;
}
.sp-setting-modal.active {
	display: block;
}
.sp-setting-modal-overlay {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0, 0, 0, 0.5);
}
.sp-setting-modal-content {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	max-height: 85vh;
	background: #fff;
	border-radius: 20px 20px 0 0;
	overflow: visible;
	display: flex;
	flex-direction: column;
}
.sp-setting-modal-header {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 10px 15px 10px;
	background: transparent;
	margin-top: -25px;
}
.sp-setting-modal-close {
	background: none;
	border: none;
	cursor: pointer;
	padding: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 50px;
	height: 50px;
	z-index: 10;
}
.sp-setting-modal-close svg {
	width: 50px;
	height: 50px;
}
.sp-setting-modal-body {
	flex: 1;
	overflow-y: auto;
	padding: 20px 20px 20px;
	max-height: calc(85vh - 60px);
}
.sp-setting-modal-note {
	font-size: 14px;
	color: #666;
	text-align: center;
	margin-bottom: 20px;
	line-height: 1.6;
	font-weight: bold;
}

/* SP用: モーダル内スイッチリスト */
.sp-switch-list {
	margin: 0 10px !important;
}
.sp-switch-list dt {
	float: left !important;
	display: flex;
	align-items: center;
	margin-bottom: 0 !important;
	padding-top: 12px !important;
	font-size: 16px;
	font-weight: normal;
	min-height: 39px;
	box-sizing: border-box;
}
.sp-switch-list dd {
	margin-left: 0 !important;
	margin-bottom: 20px !important;
	text-align: right;
}
.sp-switch-list .onoff {
	display: inline-flex !important;
	justify-content: space-between !important;
	width: 154px !important;
	padding: 4px !important;
	border: 1px solid #CCCCCC !important;
	border-radius: 30px !important;
	box-sizing: border-box !important;
}
.sp-switch-list .onoff li {
	display: flex !important;
	justify-content: center !important;
	align-items: center !important;
	width: 70px !important;
	height: 39px !important;
	font-size: 14px !important;
	background: #fff !important;
	border-radius: 30px !important;
	cursor: pointer;
}
.sp-switch-list .onoff li.act {
	background: #CCCCCC !important;
}
.sp-switch-list .onoff li.on.act {
	background: #FFE545 !important;
}
.sp-switch-list dt.store-name-label,
.sp-switch-list dt.prefecture-text {
	float: none !important;
	width: 100% !important;
	padding-top: 0 !important;
	min-height: auto;
	margin-bottom: 8px !important;
}
.sp-switch-list dd.store-name-input,
.sp-switch-list dd.sp-prefecture-row {
	text-align: left;
}
.sp-switch-list dd input[type=text] {
	width: 100%;
	height: 50px;
	padding: 0 15px;
	background: #F5F5F5;
	border: 1px solid #CCCCCC;
	border-radius: 6px;
	box-sizing: border-box;
	font-size: 16px;
}
.sp-prefecture-row {
	margin-left: 0 !important;
}
.sp-prefecture-area {
	display: flex;
	align-items: center;
	gap: 10px;
}
.sp-prefecture-area select {
	flex: 1;
	height: 50px;
	padding: 0 15px;
	background: #F5F5F5;
	border: 1px solid #CCCCCC;
	border-radius: 6px;
	font-size: 16px;
	box-sizing: border-box;
	margin-top: 0;
}
.sp-change-btn {
	flex-shrink: 0;
	display: flex !important;
	justify-content: center;
	align-items: center;
	width: 80px !important;
	height: 50px !important;
	background: #fff;
	border: 2px solid #000;
	border-radius: 6px;
	font-size: 16px;
	margin-left: 0 !important;
	margin-top: 0 !important;
}
.sp-reset-btn-area {
	padding: 10px 0 15px 0;
	text-align: center;
}
.sp-reset-btn {
	display: inline-flex !important;
	justify-content: center;
	align-items: center;
	width: auto;
	min-width: 200px;
	padding: 0 30px;
	height: 50px;
	border: 2px solid #000;
	border-radius: 25px;
	font-size: 16px;
	font-weight: bold;
	text-decoration: none;
	color: #000;
	background: #fff;
}
.sp-reset-btn .reset-icon {
	margin-right: 8px;
	font-size: 18px;
}
.sp-switch-list .premium-icon {
	margin-left: 5px;
}

@media screen and (max-width: 767px) {
	/* SP用: 設定の編集ボタンを表示 */
	.sp-setting-btn-area {
		display: block;
		margin-bottom: 20px;
	}
	dt.indent{
		padding-left: 0;  /* 線と左端の間隔 */
	}
}

/* SP用: モーダル上部のSTARTER/BASIC切り替えタブ */
.sp-modal-select {
	display: flex;
	justify-content: center;
	width: 280px;
	margin: 0 auto 15px;
	padding: 4px;
	background: #fff;
	border-radius: 30px;
	box-sizing: border-box;
	text-align: center;
	filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.15));
}
.sp-modal-select li {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 134px;
	height: 42px;
	background: #fff;
	border-radius: 30px;
	font-size: 16px;
	font-weight: bold;
	cursor: pointer;
	transition: all 0.3s ease;
}
.sp-modal-select li:hover {
	opacity: .7;
}
.sp-modal-select li.act {
	background: #FFE544;
}