@charset "utf-8";
/* CSS Document */
/*////////////////////////下層////////////////////////*/
section.kaso-bg-black,.kaso-bg-black{
    background-color: #000;
}
@media screen and (max-width: 767px) {
section.kaso-bg-black,.kaso-bg-black{
    background-color: #fff;
}
}
.kaso-header-menu{
    position: fixed !important;
}
.kaso-header-menu {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    z-index: 100000 !important; /* 競合を防ぐために大きい値を指定 */
    transform: none !important; /* ✅ transformの影響を排除 */
}

/* ✅ 親要素の transform の影響を削除 */
body, html {
    transform: none !important;
    overflow: visible !important; /* overflow: hidden の影響を排除 */
}

.kaso-mt{
	padding: 111px 0px 90px;
}
@media screen and (max-width: 767px) {
.kaso-mt{
	padding-top: 80px;
}
}
@media screen and (max-width: 440px) {
.kaso-mt{
    padding: 80px 0px 0px;
}
}
@media screen and (max-width: 767px) {
.container-fluid.container-fluid-sp {
	max-width: 100%;
	padding-right: 5px;
	padding-left: 5px;
}
}
/*////////////////////////iPhone（iOS の Safari）select タグのデザインが iOS 独自のスタイルを修正////////////////////////*/
select {
    -webkit-appearance: none; /* iOS 独自のスタイルを無効化 */
    -moz-appearance: none;
    appearance: none;
    
    /* 必要ならデザイン調整 */
    background-color: #fff;
    border: 1px solid #ccc;
    padding: 8px;
    border-radius: 5px;
    font-size: 16px;
}

/* ▼アイコンが消える場合の対策（背景画像でカスタマイズ） */
select {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M7 10l5 5 5-5z"/></svg>');
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 16px;
    padding-right: 30px; /* 矢印アイコンがかぶらないように */
}

/*////////////////////////募集要項////////////////////////*/
.kaso-staff-j{
    font-size: 30px;
    margin-top: 9px;
    text-align: center;
    font-family: 'Noto Sans JP';
	font-weight: 400;
	color: #fff;
}
@media screen and (max-width: 767px) {
.kaso-staff-j{
    width: 95%;
    margin: 9px auto 0px;
    color: #000;
    font-size: 26px;
}
}
.kaso-staff-grop-item{
    display: flex ;
    flex-direction: row;
    align-items: flex-start;
    gap: 54px;
    width: 86.5%;
    margin: auto;
    margin-top: 65px;
}
@media screen and (max-width: 1199px) {
.kaso-staff-grop-item{
    width: 100%;
}
}
@media screen and (max-width: 991px) {
.kaso-staff-grop-item{
    flex-direction: column;
    align-items: center;
    margin-top: 21px;
}
}
@media screen and (max-width: 767px) {
.kaso-staff-grop-item{
	gap: 18px;
	margin-top: 21px;
}
}
.kaso-staff-right {
    width: 46%;
}
@media screen and (max-width: 1199px) {
.kaso-staff-right {
    width: 50%;
}
}
@media screen and (max-width: 991px) {
.kaso-staff-right {
    width: 63%;
}
}
@media screen and (max-width: 767px) {
.kaso-staff-right {
    width: 95%;
}
}
.staff-item {
    display: flex;
    flex-wrap: wrap; /* 折り返しを許可 */
    gap: 6px; /* タグの間隔を調整 */
    max-width: 100%; /* コンテナ幅を制限 */
}
.tag {
    display: inline-block;
    padding: 4px 12px;
	border: 1px solid #FFDD53;
    border-radius: 38px;
    color: #000;
    font-size: 14px;
	font-weight: 400;
	background-color: #FFDD53;
}
.kaso-staff-text{
    margin-top: 28px;
    font-size: 14px;
    line-height: 1.9em;
    color: #fff;
}
@media screen and (max-width: 767px) {
.kaso-staff-text{ 
    margin-top: 10px;
    color: #000;
}
}
/*アルバイト・正社員タブ切り替え*/
/* 既存のスタイル */
.tab-container {
    max-width: 78%;
    background: #fff;
    padding: 41px 69px;
    border-radius: 8px;
    margin: 65px 0px 0px 7%;
}
@media screen and (max-width: 1199px) {
.tab-container {
    max-width: 100%;
    margin: 65px 0px 0px 0%;
}
}
@media screen and (max-width: 991px) {
.tab-container {
    padding: 30px;
    margin: 19px 0px 0px 0%;
}
}
@media screen and (max-width: 767px) {
.tab-container {
	padding: 10px;
	padding: 10px 10px 41px;
}
}
.tab-header {
    display: flex;
    position: relative;
	border-bottom: 1.5px solid #B9B9B9;
}

.tab-button {
    flex: 1;
    text-align: center;
    padding: 10px;
    cursor: pointer;
    font-size: 13px;
	font-weight: 500;
    color: #B9B9B9;
    position: relative;
}

.tab-button.active {
	color: #000;
}

.tab-indicator {
    position: absolute;
    bottom: -1px;
	left: 0;
    height: 3px;
    width: 50%;
/*    background: #d32f2f;*/
	border-bottom: 2px solid #D23F00;
    transition: all 0.3s ease-in-out;
}

.tab-content {
    display: none;
    padding: 0px 35px 0px;
}
@media screen and (max-width: 767px) {
.tab-content {
    padding: 0px 15px 0px;
}
}
.tab-content.active {
    display: block;
}
.tab-content th{
	font-size: 15px;
	font-weight: 500;
    padding-left: 8%;
}
@media screen and (max-width: 767px) {
.tab-content th{
    padding-left: 0%;
    padding: 29px 0px;
	width: 37%;
}
}
.tab-content td{
	font-size: 14px;
	font-weight: 400;
    line-height: 1.5em;
}
@media screen and (max-width: 767px) {
.tab-content td{
    padding: 28px 0px;
}
}
.tab-content tr:last-child th,.tab-content tr:last-child td{
    border-bottom: 1px solid transparent;
}
@media screen and (max-width: 767px) {
.tab-content tr:last-child th,.tab-content tr:last-child td{
    border-bottom: 1px solid #DEDEDE;
}
}
.tab-content table {
    width: 100%;
    border-collapse: collapse;
}

.tab-content table th,.tab-content table td {
    border-bottom: 1px solid #DEDEDE;
    padding: 29px;
    text-align: left;
}
@media screen and (max-width: 767px) {
.tab-content table th,.tab-content table td {
    padding: 29px 0px 29px;
}
}
.tab-content table th {
    width: 30%;
    font-weight: 500;
}
@media screen and (max-width: 767px) {
.tab-content table th {
    width: 35%;
    padding: 29px 0px;
}
}
@media screen and (max-width: 320px) {
.tab-content table th {
    width: 38%;
}
}
/* === 応募ボタンのスタイル === */
.apply-container-text {
    text-align: center;
	font-size: 14px;
	font-weight: 500;
	color: #389C9F;
    margin-top: 10px;
}
@media screen and (max-width: 767px) {
.apply-container-text {
    margin-top: 35px;
}
}
@media screen and (max-width: 320px) {
.apply-container-text {
    font-size: 12px;
}
}
.apply-container {
    text-align: center;
    margin-top: 10px;
    color: #389C9F;
    font-weight: 500;
    font-size: 14px;
}

.apply-link {
    display: inline-block;
    background-color: #389C9F;
    color: #fff;
    padding: 15px 61px;
    border-radius: 4px;
    text-decoration: none;
    font-size: 15px;
    font-weight: 500;
    transition: background-color 0.3s ease-in-out;
}
@media screen and (max-width: 767px) {
.apply-link {
    width: 100%;
    padding: 15px 0px;
}
}
.apply-link:hover {
    color: #fff;
    background-color: #205752;
}
/*////////////////////////店舗情報////////////////////////*/
.kaso-bg-only-black{
    background-color: #000;
}
@media screen and (max-width: 767px) {
p.kaso-staff-j.kaso-staff-j-sp {
    color: #fff;
	margin-bottom: 33px;
}
}
@media screen and (max-width: 767px) {
.kaso-store-name-grop {
    margin: 0px 11px;
}
}
.kaso-store-left {
    display: flex;
    gap: 61px;
    margin: 33px 0px 32px;
}
@media screen and (max-width: 1199px) {
.kaso-store-left {
    gap: 30px;
}
}
@media screen and (max-width: 767px) {
.kaso-store-left {
    flex-direction: column;
	gap: 12px;
	margin: -30px 0px 0px;
}
}
.store-table.kaso-store-table {
    color: #fff;
    margin-top: 46px;
    line-height: 1.7em;
}
@media screen and (max-width: 1199px) {
.store-table.kaso-store-table {
    margin-top: 0px;
}
}
@media screen and (max-width: 767px) {
.store-table.kaso-store-table {
	width: 100%;
}
}
.store-table.kaso-store-table.store-table table th {
    color: #fff;
    padding-right: 54px;
}
@media screen and (max-width: 991px) {
.store-table.kaso-store-table.store-table table th {
    padding-right: 10px;
}
}
.store-table.kaso-store-table.store-table table td {
	padding-bottom: 24px;
}
.kaso-store-photo.fade-in-text {
    display: flex;
    gap: 20px;
    margin: 0px 0px 94px;
}
@media screen and (max-width: 767px) {
.kaso-store-photo.fade-in-text {
	flex-direction: column;
	margin: 0px 0px 60px;
}
}
.store-name-yellow {
    color: #FFDD53;
    font-size: 29px;
    font-weight: 700;
    margin-top: 40px;
    text-align: center;
}
@media screen and (max-width: 767px) {
.store-name-yellow {
	font-size: 20px;
	margin: 0px 0px 20px;
}
}
.kaso-store-photo.kaso-store-photo2{
    margin: 0px 0px 8px;
}
@media screen and (max-width: 767px) {
.kaso-store-photo.kaso-store-photo2{
    margin: 0px 0px 0px;
}
}
@media screen and (max-width: 440px) {
.kaso-store-photo.kaso-store-photo2{
	padding-bottom: 30px;
}
}
/*////////////////////////会社概要////////////////////////*/
.company-grop{
    max-width: 78%;
    background: #fff;
    padding: 41px 69px;
    border-radius: 8px;
    margin: 65px auto 0px;
}
@media screen and (max-width: 991px) {
.company-grop{
    max-width: 100%;
}
}
@media screen and (max-width: 767px) {
.company-grop{
	padding: 20px;
	margin: 26px auto 0px;
}
}
@media screen and (max-width: 375px) {
.company-grop{
	padding: 10px;
}
}
@media screen and (max-width: 320px) {
.company-grop{
	padding: 2px;
	font-size: 14px;
}
}
.company-grop table {
    width: 100%;
    border-collapse: collapse;
}
.company-grop th{
    width: 30%;
	font-weight: 500;
}
.company-grop td{
	font-weight: 400;
}
.company-grop th,.company-grop td{
    border-bottom: 1px solid #DEDEDE;
    padding: 29px;
}
@media screen and (max-width: 991px) {
.company-grop th{
    width: 35%;
}
}
@media screen and (max-width: 767px) {
.company-grop th,.company-grop td{
	padding: 29px 0px;
}
}
/*////////////////////////プライバシーポリシー////////////////////////*/
.privacy-grop{
	color:#fff;
	margin-top: 80px;
	line-height: 1.8em;
}
@media screen and (max-width: 767px) {
.privacy-grop{
	color:#000;
	margin-top: 20px;
}
}
.privacy-top-title {
    margin-bottom: 50px;
}
.privacy-title {
    font-size: 18px;
    font-weight: 700;
}
.privacy-text {
    margin-top: 16px;
}
.privacy-text {
    margin: 16px 0px 31px;
}
/*////////////////////////フランチャイズ募集////////////////////////*/
/*タイトル基本*/
.outer-box {
	border: 1.5px solid #000; /* 外側の黒い枠 */
	padding: 5px;
}
@media screen and (max-width: 767px) {
.outer-box {
	margin: 0px 5px;
}
}
.inner-box {
	font-family: "Kaisei HarunoUmi", serif;
	font-weight: 400;
	border: 3px dashed #FFF;
	padding: 10px 20px;
	text-align: center;
    font-size: 30px;
}
@media screen and (max-width: 1199px) {
.inner-box {
    font-size: 25px;
}
}
@media screen and (max-width: 767px) {
.inner-box {
    font-size: 4.45vw;
    padding: 13px 0px;
    border: 2px dashed #FFF;
}
}
.fc-pink{ 
	background: #FFAEAE;
}
.fc-yellow{ 
	background: #F8B62B;
}
.fc-orange{ 
	background: #FFB485;
}
.fc-blue{ 
	background: #75BCFF;
}
.fc-rose{ 
	background: #FDBFD1;
}
.fc-green{ 
	background: #89CD9D; 
}
/*麺処ゆずラボ。フランチャイズの強み*/
img.fc-main {
    width: 100%;
}
@media screen and (max-width: 767px) {
img.fc-main {
    display: none;
}
}
.fc-main-sp{
    display: none;
}
@media screen and (max-width: 767px) {
.fc-main-sp{
    display: block;
}
}
section.kaso-white-bg {
    padding: 86px;
}
@media screen and (max-width: 1440px) {
section.kaso-white-bg {
    padding: 86px 0px;
}
}
@media screen and (max-width: 991px) {
section.kaso-white-bg {
    padding: 40px 0px;
}
}
@media screen and (max-width: 767px) {
section.kaso-white-bg {
    padding: 43px 0px 43px;
}
}
.fc_strengths-grop {
    display: flex;
    gap: 47px;
    margin-top: 61px;
}
@media screen and (max-width: 767px) {
.fc_strengths-grop {
    margin-top: 10px;
    flex-direction: column;
}
}
@media screen and (max-width: 991px) {
.fc_strengths-grop {
    gap: 20px;
}
}
@media screen and (max-width: 767px) {
.fc_strengths-grop {
    gap: 0px;
}
}
@media screen and (max-width: 767px) {
.fc_strengths-left {
    margin-bottom: 0px;
}
}
.headline {
	display: flex;
	align-items: center;
}
@media screen and (max-width: 767px) {
.headline {
    margin-bottom: 13px;
    flex-direction: column;
}
}
.fc_strengths-right_2{
	width: 90%!important;
}
@media screen and (max-width: 1199px) {
.fc_strengths-right_2{
	width: 100%!important;
}
}
.headline-number {
    font-size: 60px;
    font-weight: 700;
    margin-right: 11px;
    font-family: "Kaisei HarunoUmi", serif;
    color: #D23F00;
    letter-spacing: -3px;
}
@media screen and (max-width: 1199px) {
.headline-number {
	font-size: 45px;
}
}
@media screen and (max-width: 991px) {
.headline-number {
	font-size: 40px;
}
}
@media screen and (max-width: 767px) {
.headline-number {
	font-size: 60px;
	border-bottom: 2px solid #D23F00;
}
}
.headline-text {
	font-size: 28px;
	font-weight: 400;
	color: #000;
	padding-top: 20px;
}
@media screen and (max-width: 1199px) {
.headline-text {
    font-size: 24px;
    padding-top: 12px;
}
}
@media screen and (max-width: 991px) {
.headline-text {
	font-size: 20px;
    padding-top: 14px;
}
}
@media screen and (max-width: 767px) {
.headline-text {
	font-size: 25px;
	padding-top: 13px;
	color: #D23F00;
	font-weight: 500;
}
}
@media screen and (max-width: 767px) {
.headline-text {
	font-size: 22px;
}
}
@media screen and (max-width: 320px) {
.headline-text {
	font-size: 20px;
}
}
.headline-container {
	border-bottom: 2px solid #D23F00; /* 下線の色 */
	display: inline-block;
	padding-bottom: 3px; /* 文字との間隔 */
    width: 100%;
}
@media screen and (max-width: 767px) {
.headline-container {
    border-bottom: 2px solid transparent;
}
}
.fc_strengths-right_text {
    margin-top: 21px;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.7em;
}
@media screen and (max-width: 991px) {
.fc_strengths-right_text {
    font-size: 16px;
}
}
@media screen and (max-width: 767px) {
.fc_strengths-right_text {
    font-size: 16px;
    margin: 5px;
}
}
@media screen and (max-width: 767px) {
img.fc-yuzuimg {
    display: block;
    margin: auto;
	width: 100%;
    height: 250px; /* 画像の高さを指定（カットされる部分を決める） */
    object-fit: cover; /* 画像の比率を維持したまま、はみ出した部分をカット */
    object-position: center; /* トリミング位置を調整（top で上寄せ） */
}
}
@media screen and (max-width: 767px) {
img.fc-tryimg {
    display: block;
    margin: auto;
	width: 97.5%;
}
}
.fc_strengths-right {
    width: 52%;
}
@media screen and (max-width: 991px) {
.fc_strengths-right {
    width: 100%;
}
}
@media screen and (max-width: 767px) {
.fc_strengths-right {
    font-size: 15px;
}
}
.video_wrapper-img {
    background-image: url("../img/kaso/fc/video-img.jpg");
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 104px 0px 0px;
    height: 740px;
}
@media screen and (max-width: 767px) {
.video_wrapper-img {
	background: transparent;
	padding: 0px;
	height: auto;
}
}
.video-grop {
    z-index: 5;
    background: rgba(255, 255, 255, 0.90);
    padding: 73px 100px;
    line-height: 1.8em;
    width: 902px;
	margin: auto;
	display: block;
}
@media screen and (max-width: 1199px) {
.video-grop {
    width: 75%;
}
}
@media screen and (max-width: 991px) {
.video-grop {
	width: 100%;
	width: 85%;
	padding: 40px 55px;
}
}
@media screen and (max-width: 767px) {
.video-grop {
	width: 100%;
	padding: 43px 45px;
    background: #D23F00;
    color: #fff;
}
}
.video-grop-title {
    font-family: "Kaisei HarunoUmi", serif;
    font-size: 36px;
    text-align: center;
    font-weight: 400;
    letter-spacing: 1.44px;
	margin-bottom: 57px;
}
@media screen and (max-width: 767px) {
.video-grop-title {
    line-height: 1.2em;
    font-size: 6.8vw;
    margin-bottom: 21px;
}
}
@media screen and (max-width: 320px) {
.video-grop-title {
    font-size: 6.5vw;
}
}
@media screen and (max-width: 767px) {
p.video-grop-text {
    line-height: 1.7em;
    margin-bottom: 0 rem;
}
}
@media screen and (max-width: 767px) {
.video_wrapper.video_wrapper-kaso {
    display: none;
}
}
.video-grop-sp {
    display: none;
}
@media screen and (max-width: 767px) {
.video-grop-sp {
    display:block;
}
}
.video-grop-text span{
    font-size: 24px;
}
@media screen and (max-width: 767px) {
.video-grop-text span{
    font-size: 20px;
}
}
section.kaso-menu-bg {
    background-image: url("../img/kaso/fc/menu-bg.jpg");
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
	padding: 104px 0px 0px;
}
@media screen and (max-width: 767px) {
section.kaso-menu-bg {
	padding: 43px 0px 0px;
}
}
.tantan-grop-kaso{
	position: relative;
    padding-bottom: 4%;
}
@media screen and (max-width: 767px) {
.tantan-grop-kaso{
	padding-bottom: 10%;
}
}
.kaso-menuimg-grop {
    top: 0%;
}
.menu-subtitle-grop-kaso{
    top: 20%;
}
@media screen and (max-width: 991px) {
.menu-subtitle-grop-kaso{
    top: 21%;
}
}
@media screen and (max-width: 767px) {
.menu-subtitle-grop-kaso{
    top: 23%;
}
}
@media screen and (max-width: 440px) {
.menu-subtitle-grop-kaso{
    top: 19%;
}
}
@media screen and (max-width: 1199px) {
.menu-item-jya-jya.menu-item-kaso {
    margin-top: 77%;
}
}
@media screen and (max-width: 767px) {
.menu-subtitle-jya-jya-grop.menu-subtitle-grop-kaso{
    top: 29%;
}
}
@media screen and (max-width: 440px) {
.menu-subtitle-jya-jya-grop.menu-subtitle-grop-kaso{
    top: 22%;
}
}
.menu-item-kaso{
    margin-top: 50%;
}
@media screen and (max-width: 1199px) {
.menu-item-kaso{
    margin-top: 78%;
}
}
@media screen and (max-width: 767px) {
.menu-item-kaso{
    margin-top: 106%;
}
}
@media screen and (max-width: 767px) {
.menu-item-jya-jya.menu-item-kaso{
    margin-top: 119%;
}
}
/*フォロー*/
.fc_follow-grop{
    display: flex;
    gap: 47px;
    margin-top: 61px;
}
@media screen and (max-width: 991px) {
.fc_follow-grop{
    gap: 20px;
}
}
@media screen and (max-width: 767px) {
.fc_follow-grop{
    flex-direction: column-reverse;
    margin-top: 10px;
    gap: 0px;
}
}
.fc_follow-left {
    width: 86%;
}
@media screen and (max-width: 767px) {
.fc_follow-left {
    width: 100%;
}
}
.fc_follow-_text {
    font-size: 18px;
    font-weight: 400;
    line-height: 1.7em;
}
@media screen and (max-width: 991px) {
.fc_follow-_text {
    font-size: 16px;
    margin: 5px;
}
}
@media screen and (max-width: 767px) {
.fc_follow-_text {
	margin: 0px 5px 1em;
}
}
/*加盟条件*/
section.kaso-gray-bg {
    background: #DEDEDE;
    padding: 96px 0px;
}
@media screen and (max-width: 767px) {
section.kaso-gray-bg {
    padding: 43px 0px;
}
}
.membership-table {
    background: #fff;
    padding: 32px 105px;
    border-radius: 8px;
    margin: 65px auto 0px;
	line-height: 1.7em;
}
@media screen and (max-width: 991px) {
.membership-table {
	padding:25px;
}
}
@media screen and (max-width: 767px) {
.membership-table {
    padding: 15px 25px;
	margin: 15px 5px 0px;
}
}
.membership-table table {
    width: 100%;
    border-collapse: collapse;
}
.membership-table th {
    width: 47%;
    font-weight: 500;
}
.membership-table td {
    font-size: 14px;
    font-weight: 400;
}
.membership-table th, .membership-table td {
    border-bottom: 1px solid #DEDEDE;
    padding: 29px;
}
@media screen and (max-width: 991px) {
.membership-table th, .membership-table td {
	padding:6px;
}
}
@media screen and (max-width: 767px) {
.membership-table th{
	padding:6px 6px 0px;
}
}
@media screen and (max-width: 767px) {
.membership-table td {
	padding:0px 6px 6px;
}
}
@media screen and (max-width: 767px) {
.membership-table td {
	display: block;
	width: 100%;
}
}
@media screen and (max-width: 767px) {
.membership-table th{
    border-bottom: 1px solid transparent;
}
}
.membership-table th.membership-black-t, .membership-table td.membership-black-t {
    border-bottom: 1px solid #000;
}
@media screen and (max-width: 767px) {
.membership-table th, .membership-table td {
	display: block;
	width: 100%;
}
}
@media screen and (max-width: 767px) {
.membership-table th.membership-black-t{
    border-bottom: 1px solid transparent;
}
}
@media screen and (max-width: 320px) {
.membership-table th.membership-black-t{
    border-bottom: 1px solid transparent;
}
}
.membership-table tr:last-of-type th , .membership-table tr:last-of-type td {
    border-bottom: 1px solid transparent;
}
td.membership-total-text {
    font-size: 20px;
    font-weight: 500;
    text-align: right;
    padding: 7px 0px;
}
/*オプション*/
.membership-table.membership-table-mt{
    margin-top: 35px;
}
@media screen and (max-width: 767px) {
.membership-table.membership-table-mt{
    margin-top: 15px;
}
}
p.membership-table_option_text {
    color: #75BCFF;
    font-weight: 400;
}
th.membership-option-line, td.membership-option-line{
    border-top: 1px solid #DEDEDE;
}
@media screen and (max-width: 767px) {
th.membership-option-line, td.membership-option-line{
	border-top: 1px solid transparent;
}
}
/*売上＆利益シミュレーション*/
.sales-simulation_text {
    font-size: 18px;
    text-align: center;
    margin-top: 17px;
    font-weight: 400;
}
@media screen and (max-width: 767px) {
.sales-simulation_text {
    font-size: 13px;
}
}
@media screen and (max-width: 1240px) {
.sales-horizontal-slide-contents{
	width: 100%;
    overflow-x: auto; /* 横スクロールを許可 */
    white-space: nowrap; /* 改行を防ぐ */
    -webkit-overflow-scrolling: touch; /* スマホでスムーズスクロール */
}
}
.sales-horizontal-slide {
    display: flex;
    justify-content: center;
    gap: 67px;
    margin-top: 51px;
}
@media screen and (max-width: 1625px) {
.sales-horizontal-slide {
    gap: 15px;
}
}
 @media screen and (max-width: 1240px) {
.sales-horizontal-slide {
	justify-content: flex-start;
}
}
 @media screen and (max-width: 767px) {
.sales-horizontal-slide {
	margin-top: 15px;
}
}
.sales-grop {
    border-radius: 5px;
    border: 1px solid #C9C9C9;
    padding: 25px 26px;
}
@media screen and (max-width: 1240px) {
.sales-grop {
    min-width: 430px;
}
}
@media screen and (max-width: 767px) {
.sales-grop {
    padding: 25px 10px;
    min-width: 350px;
}
}
@media screen and (max-width: 767px) {
.sales-item-grop {
    font-size: 14px;
}
}
.sales-title-grop_g {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
}
span.sales-title_g {
    border-radius: 50px;
    background: #389C9F;
    padding: 3px 16px;
    color: #FFF;
    font-weight: 500;
	font-family: "Poppins", serif;
}
span.sales-title_g_text {
    color: #389C9F;
    font-weight: 500;
}
.sales-title-grop_r {
    color: #D23F00;
    font-size: 20px;
    font-weight: 500;
    border-bottom: 2px solid #D23F00;
    padding-bottom: 8px;
    margin-top: 8px;
    text-align: center;
}
@media screen and (max-width: 1525px) {
.sales-title-grop_r {
    font-size: 18px;
}
}
@media screen and (max-width: 767px) {
.sales-title-grop_r {
    margin: 10px 0px;
    font-size: 14px;
}
}
ul.sales-item {
    margin: 27px 15px;
    line-height: 1.6em;
}
@media screen and (max-width: 767px) {
ul.sales-item {
    margin: 15px 15px 0px;
}
}
.sales-item-total {
    border-top: 2px solid #AEAEAE;
    margin: 17px 15px 0px;
    padding-top: 17px;
}
.sales-item-total_r {
    margin: 17px 15px 0px;
    color: #D23F00;
    font-size: 24px;
    font-weight: 500;
}
/*流れ*/
img.fc-number_img {
    margin-top: 66px;
}
@media screen and (max-width: 1199px) {
img.fc-number_img {
    margin-top: 25px;
}
}
img.fc-number_img-sp {
    display: none;
}
/*SP用*/
.fc-number-grop {
    display: none;
}
@media screen and (max-width: 767px) {
.fc-number-grop {
    margin: 18px 5px 0px;
    display: flex;
    flex-direction: column;
    gap: 14px;
}
.fc-number-grop-contents {
    background: #FFF;
    padding: 15px 26px;
    display: flex;
    gap: 15px;
    align-items: center;
}
span.fc-number-text {
    font-size: 25px;
}
span.fc-number-green {
    color: #89CD9D;
    font-size: 85px;
    font-weight: 700;
    font-family: "Kaisei HarunoUmi", serif;
    margin-top: -12px;
}
span.fc-number-red {
    color: #D23F00;
    font-size: 85px;
    font-weight: 700;
    font-family: "Kaisei HarunoUmi", serif;
    margin-top: -12px;
}
}
@media screen and (max-width: 375px) {
span.fc-number-text {
    font-size: 20px;
}
span.fc-number-green,span.fc-number-red {
    font-size: 75px;
}
}
/*お申し込みフォーム*/
section.kaso-light_gray-bg {
    background: #F3F3F3;
    padding: 105px 0px 66px;
    padding: 40px 0px 30px;
}
.form-container {
    margin: 77px auto 0px;
    background-color: #fff;
    padding: 40px 180px;
}
@media screen and (max-width: 1199px) {
.form-container {
    padding: 40px 80px;
}
}
@media screen and (max-width: 991px) {
.form-container {
    padding: 40px;
   margin: 20px auto 0px;
}
}
@media screen and (max-width: 767px) {
.form-container {
	padding: 20px 10px;
	margin: 20px 5px 0px;
}
}
.form-table {
    width: 100%;
    border-collapse: collapse;
}
.form-table  table {
    width: 100%;
    border-collapse: collapse;
}
.form-row {
    border-bottom: 1px solid #ddd;
}
td.form-label {
    width: 48%;
	padding: 24px 0px 24px 82px;
    font-size: 14px;
}
@media screen and (max-width: 767px) {
td.form-label {
    width: 100%;
    padding: 10px;
}
}
.form-input {
    width: 42.5%;
    padding: 24px;
}
@media screen and (max-width: 767px) {
.form-input {
	width: 100%;
    padding: 10px;
}
}
.required{
	color: #EE5736;
	font-size: 11px;
}
.input-field {
    width: 100%;
    padding: 8px;
    border: 1px solid #D3D3D3;
}
input#zipcode {
    width: 60%;
}
textarea.form-textarea-item {
    border: 1px solid #D3D3D3;
    width: 100%;
    height: 127px;
}
tr.form-row.form-textarea {
    border-bottom: 1px solid transparent;
}
.form-consent {
    color: #353A40;
    font-size: 14px;
    text-align: center;
}
.form-privacy-text {
    margin-bottom: 10px;
}
.form-footer {
    text-align: center;
    margin-top: 30px;
}
.submit-button {
    width: 310px;
    padding: 15px;
	border-radius: 4px;
	background: #D23F00;
	color: #fff;
	font-size: 15px;
    border: none;
    cursor: pointer;
	font-weight: 500;
}
@media screen and (max-width: 767px) {
.submit-button {
	width: 100%;
}
}
.contents-light_gray-bg {
    background: #F3F3F3;
}
/*確認ページ*/
.confirmation-grop {
    background-color: #fff;
    width: 650px;
    background: #fff;
    padding: 41px 69px;
    border-radius: 8px;
    margin: 65px auto 0px;
}
@media screen and (max-width: 767px) {
.confirmation-grop {
	width: 100%;
	padding: 15px;
    margin: 10px auto 0px;
}
}
.confirmation-contents {
    display: flex;
    border-bottom: 1px solid #ddd;
    padding: 10px;
}
@media screen and (max-width: 767px) {
.confirmation-contents {
    flex-direction: column;
}
}
.confirmation-name {
    width: 38%;
	font-weight: 600;
}
@media screen and (max-width: 767px) {
.confirmation-name {
	width: 100%;
	display: block;
	margin-bottom: 5px;
}
}
@media screen and (max-width: 767px) {
.confirmation-item {
	width: 100%;
	display: block;
}
}
.submit-button-confirmation{
    width: 150px;
    padding: 15px;
	border-radius: 4px;
	background: #D23F00;
	color: #fff;
	font-size: 15px;
    border: none;
    cursor: pointer;
	font-weight: 500;
}
@media screen and (max-width: 767px) {
.submit-button-confirmation{
	width: 100%;
	margin-bottom: 10px;
}
}
.confirmation-submit-button {
    margin: auto;
    text-align: center;
}
/*サンクスページ*/
.thanks-grop {
    width: 650px;
    background: #fff;
    padding: 41px 69px 10px;
    border-radius: 8px;
    margin: 65px auto 0px;
    line-height: 1.6em;
}
@media screen and (max-width: 767px) {
.thanks-grop {
	width: 100%;
	padding: 15px;
    margin: 10px auto 0px;
}
}
 a .thanks-home{
    width: 150px;
    padding: 15px;
    border-radius: 4px;
    background: #D23F00;
    color: #fff;
    font-size: 15px;
    border: none;
    cursor: pointer;
    font-weight: 500;
    margin: 35px auto 20px;
    text-align: center;
}
@media screen and (max-width: 767px) {
.thanks-home{
	width: 100%;
}
}