@charset "UTF-8";

/*!
Theme Name: 株式会社ジェイテックサービス
Description: 株式会社ジェイテックサービスのテーマ
Author: BRIGHT COMMS
Template:   cocoon-master
Version:    1.1.3
*/

/*===========================================

【全体】

===========================================*/

/*-------------------------------------------
リセット
-------------------------------------------*/
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    background-color: transparent;
	top: 0 !important;
}

html, body {
    overflow-x: hidden;
    margin: 0;
    padding: 0;
}

.body .article,
.entry-content,
.footer,
.copyright {
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.custom-header-wrapper {
    margin: 0;
}

.article h1,
.article h2,
.article h3,
.article h4,
.article h5,
.article h6 {
    margin: 0;
    padding: 0;
    line-height: normal;
    background-color: transparent;
    border: none;
}

.body .article,
.entry-content {
    display: block;
	z-index: -999;
    position: relative;
}

.footer,
.copyright {
    display: block;
    position: relative;
}

.custom-header-wrapper {
	z-index: -999;
    position: relative;
}

.no-sidebar .content .main {
    padding: 0;
}

.entry-content>*, .mce-content-body>*, .article p, .demo .entry-content p, .article dl, .article ul, .article ol, .article blockquote, .article pre, .article table, .article .toc, .body .article, .body .column-wrap, .body .new-entry-cards, .body .popular-entry-cards, .body .navi-entry-cards, .body .box-menus, .body .ranking-item, .body .rss-entry-cards, .body .widget, .body .author-box, .body .blogcard-wrap, .body .login-user-only, .body .information-box, .body .question-box, .body .alert-box, .body .information, .body .question, .body .alert, .body .memo-box, .body .comment-box, .body .common-icon-box, .body .blank-box, .body .button-block, .body .micro-bottom, .body .caption-box, .body .tab-caption-box, .body .label-box, .body .toggle-wrap, .body .wp-block-image, .body .booklink-box, .body .kaerebalink-box, .body .tomarebalink-box, .body .product-item-box, .body .speech-wrap, .body .wp-block-categories, .body .wp-block-archives, .body .wp-block-archives-dropdown, .body .wp-block-calendar, .body .ad-area, .body .wp-block-gallery, .body .wp-block-audio, .body .wp-block-cover, .body .wp-block-file, .body .wp-block-media-text, .body .wp-block-video, .body .wp-block-buttons, .body .wp-block-columns, .body .wp-block-separator, .body .components-placeholder, .body .wp-block-search, .body .wp-block-social-links, .body .timeline-box, .body .blogcard-type, .body .btn-wrap, .body .btn-wrap a, .body .block-box, .body .wp-block-embed, .body .wp-block-group, .body .wp-block-table, .body .scrollable-table, .body .wp-block-separator, .body .wp-block, .body .video-container, .comment-area, .related-entries, .pager-post-navi, .comment-respond {
	margin-bottom: 0;
}

/*-------------------------------------------
初期設定
-------------------------------------------*/
html {
    scroll-behavior: smooth;
    overflow-x: hidden;
    height: 100%;
}

.wrap {
    width: 100%;
}

.main,
.content {
    padding: 0;
    margin: 0;
}

p, a, h1, h2, h3, h4, h5, h6 {
    font-family: "Noto Sans JP", serif;
}

/* カラー */
:root {
	/* prime */
	--p_text-color: #001226;
	--p_highlight-color: #C3E13E;
	--p_required-color: #D8543D;
	--p_shape-color: #233447;
	--p_bg-color: #E1E5EF;
	/* wellbe */
	--w_text-color: #1A1A1A;
	--w_sub_text-color: #333333;
	--w_title-color: #0BC3D1;
	--w_highlight-color: #F4DD37;
	--w_shape-color: #F58D0E;
	--w_bg-color: #EDFCFD;
	/* 共通 */
	--hr-color: #DDDDDD;
	--grid-color: #CCCCCC;
	--thinw_text-color: #AAAAAA;
	--white-color: #FFFFFF;
    --trans-white-50: rgba(255, 255, 255, 0.5);
}

a:hover {
	opacity: 0.7;
}

.footer-bottom {
    margin: 0 auto;
    width: 1000px;
    padding: 10px 0;
}

/*-------------------------------------------
非表示
-------------------------------------------*/
.header-container,
.home .date-tags,
.home .entry-title,
.home .footer-meta,
.home .eye-catch-wrap,
.home .post-date,
.page-id-15 .entry-title,
.page-id-17 .entry-title,
.entry-categories,
.cat-label {
    display: none;
    margin: 0;
}

.main {
    border: none;
}

.page-id-15 .menu-item-20, .page-id-17 .menu-item-19 {
	display: none !important;
}

/*-------------------------------------------
PC用・SP用
-------------------------------------------*/
.pc-only {
    display: block;
}

.sp-only {
    display: none;
}

.pc-image {
    display: block !important;
}

.sp-image {
    display: none !important;
}

/*===========================================

【Primeページ用スタイル】

===========================================*/

/*-------------------------------------------
ヘッダーセクション
-------------------------------------------*/

.prime-header {
    position: fixed;
    top: 0;
    width: 100%;
    padding: 15px 60px;
    background-color: var(--trans-white-50);
    display: flex;
    justify-content: space-between;
    align-items: center;
    z-index: 1000;
}

.prime-header-inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

.prime-header-left h1 {
    font-size: 14px;
    font-weight: 600;
    color: var(--p_text-color);
    line-height: 1;
    margin-bottom: 10px;
}

.prime-header-left img {
    width: 233px;
    height: auto;
}

.prime-header-right {
	display: flex;
    align-items: center;
}

.prime-header-right ul {
    display: flex;
    gap: 30px;
    list-style: none;
    margin: 0;
    padding: 0;
}

.prime-header-right ul li a {
    font-size: 16px;
    font-weight: 600;
    color: var(--p_text-color);
    text-decoration: none;
    line-height: 1;
}

.prime-register-button {
    background-color: var(--p_shape-color);
    width: 130px;
    height: 44px;
    border-radius: 22px;
    font-size: 16px;
    font-weight: 600;
    color: var(--white-color);
    text-align: center;
    line-height: 44px;
    text-decoration: none;
	margin-left: 30px;
}

.prime-register-button:hover {
    color: var(--white-color);
}

/*-------------------------------------------
メインビジュアルセクション
-------------------------------------------*/

.prime-main-visual {
    width: 100%;
    height: 100vh;
    background: url('../cocoon-child-master/images/prime/mainvisual_bg.png') no-repeat center center/cover;
    display: flex;
    justify-content: center;
    align-items: center;
}

.prime-main-visual-inner {
    width: 1000px;
    text-align: left;
    color: var(--p_text-color);
}

.prime-main-visual-inner h2 {
    font-size: 80px;
    font-weight: 800;
    margin-bottom: 50px;
	line-height: 1.4;
}

.prime-main-visual-inner p {
    font-size: 28px;
    font-weight: 500;
    margin-bottom: 60px;
	line-height: 1.6;
}

.prime-main-visual-inner p span {
    background-color: var(--p_highlight-color);
    font-weight: 700;
}

.prime-main-visual-inner a:hover {
	color: var(--white-color);
}

.prime-main-button {
    background-color: var(--p_shape-color);
    width: 482px;
    height: 100px;
    border-radius: 50px;
    font-size: 16px;
    font-weight: 600;
    color: var(--white-color);
    text-align: center;
    line-height: 100px;
    text-decoration: none;
	display: flex;
    justify-content: space-between;
    align-items: center;
	cursor: pointer;
	padding: 0 40px;
}

.quick-register {
    background-color: var(--white-color);
    width: 120px;
    height: 40px;
    border-radius: 4px;
    font-size: 20px;
    font-weight: 700;
    color: var(--p_shape-color);
    display: flex;
    justify-content: center;
    align-items: center;
}

.pmb-text {
	margin: 0 !important;
}

.prime-main-button i {
    font-size: 30px;
    color: var(--white-color);
}

/*-------------------------------------------
サービスセクション
-------------------------------------------*/

.prime-services {
    width: 100%;
    padding: 150px 0;
    background-color: var(--white-color);
}

.prime-services-inner {
    width: 1000px;
    margin: 0 auto;
    text-align: center;
}

.prime-services-title {
    font-size: 24px;
    font-weight: 700;
    color: var(--p_text-color);
    background-color: var(--p_highlight-color);
    display: inline-block;
    padding: 5px;
    line-height: 1;
}

.prime-services-subtitle {
    font-family: "Poppins", sans-serif;
    font-size: 60px;
    font-weight: 700;
    color: var(--p_text-color);
    margin: 20px 0 35px;
    line-height: 1;
}

.prime-services-description {
    font-size: 18px;
    font-weight: 400;
    color: var(--p_text-color);
    line-height: 1.6;
    margin-bottom: 50px;
}

.prime-services-items {
    display: flex;
    justify-content: space-between;
    gap: 20px;
}

.prime-service-item {
    background-color: var(--p_bg-color);
    width: 33.3%;
    padding: 25px 10px 20px;
    text-align: center;
}

.prime-service-item h4 {
    font-family: "Poppins", sans-serif;
    font-size: 44px;
    font-weight: 600;
    color: var(--p_text-color);
    margin-bottom: 10px;
	line-height: 1;
}

.prime-service-item h5 {
    font-size: 24px;
    font-weight: 600;
    color: var(--p_text-color);
    margin-bottom: 30px;
    line-height: 1;
}

.prime-service-item img {
    width: auto;
    height: 133px;
    margin-bottom: 20px;
}

.prime-service-item p {
    font-size: 16px;
    font-weight: 400;
    color: var(--p_text-color);
    text-align: left;
    line-height: 1.6;
    padding: 0 10px;
}

/*-------------------------------------------
比較セクション
-------------------------------------------*/

.prime-comparison {
    width: 100%;
    padding: 150px 0;
    background-color: var(--p_bg-color);
}

.prime-comparison-inner {
    width: 1000px;
    margin: 0 auto;
    text-align: center;
}

.prime-comparison-title {
    font-size: 24px;
    font-weight: 700;
    color: var(--p_text-color);
    background-color: var(--p_highlight-color);
    display: inline-block;
    padding: 5px;
    line-height: 1;
}

.prime-comparison-subtitle {
    font-family: "Poppins", sans-serif;
    font-size: 60px;
    font-weight: 700;
    color: var(--p_text-color);
    line-height: 1;
    margin: 20px 0 35px;
}

.prime-comparison-description {
    font-size: 18px;
    font-weight: 400;
    color: var(--p_text-color);
    line-height: 1.6;
    margin-bottom: 60px;
}

.prime-comparison-image {
    width: 100%;
    height: auto;
}

/*-------------------------------------------
理由セクション
-------------------------------------------*/
.prime-reason {
    width: 100%;
    padding: 150px 0;
}

.prime-reason-inner {
    width: 1000px;
    margin: 0 auto;
}

.prime-reason-content {
    display: flex;
    justify-content: space-between;
    margin-bottom: 50px;
}

.prime-reason-left {
    max-width: 60%;
}

.prime-reason-title {
    font-size: 24px;
    font-weight: 700;
    color: var(--p_text-color);
    background-color: var(--p_highlight-color);
    padding: 5px;
    display: inline-block;
    line-height: 1;
}

.prime-reason-subtitle {
    font-family: "Poppins", sans-serif;
    font-size: 60px;
    font-weight: 700;
    color: var(--p_text-color);
    margin: 20px 0 30px;
    line-height: 1;
}

.prime-reason-description {
    font-size: 18px;
    font-weight: 400;
    color: var(--p_text-color);
    line-height: 1.6;
}

.prime-reason-right img {
    width: 323px;
    height: 216px;
}

.prime-toggle-set {
    margin-bottom: 20px;
}

.prime-toggle-header {
    display: flex;
    justify-content: space-between;
    cursor: pointer;
    align-items: center;
}

.prime-toggle-header h4 {
    font-size: 24px;
    font-weight: 600;
    color: var(--p_text-color);
    margin-left: 10px;
	padding-bottom: 3px;
}

.prime-toggle-header i {
    font-size: 24px;
    line-height: 1;
color: var(--p_text-color);
}

.prime-toggle-left {
	display: flex;
    align-items: center;
}

.prime-toggle-content {
    display: none;
    margin-top: 5px;
    font-size: 18px;
    font-weight: 400;
    color: var(--p_text-color);
}

.prime-toggle-set.open .prime-toggle-content {
    display: block;
}

.prime-divider {
    width: 100%;
    height: 1px;
    background-color: var(--hr-color);
    margin: 20px 0;
	border: none;
}

/*-------------------------------------------
流れセクション
-------------------------------------------*/

.prime-flow {
    width: 100%;
    padding: 150px 0;
    background-color: var(--p_bg-color);
}

.prime-flow-inner {
    width: 1000px;
    margin: 0 auto;
    text-align: center;
}

.prime-flow-title {
    font-size: 24px;
    font-weight: 700;
    color: var(--p_text-color);
    background-color: var(--p_highlight-color);
    display: inline-block;
    padding: 5px;
    line-height: 1;
}

.prime-flow-subtitle {
    font-family: "Poppins", sans-serif;
    font-size: 60px;
    font-weight: 700;
    color: var(--p_text-color);
    line-height: 1;
    margin: 20px 0 35px;
}

.prime-flow-description {
    font-size: 18px;
    font-weight: 400;
    color: var(--p_text-color);
    line-height: 1.6;
    margin-bottom: 50px;
}

.prime-flow-steps {
    display: flex;
    flex-direction: column;
    gap: 15px;
    align-items: center;
}

.prime-flow-step {
    background-color: var(--white-color);
    width: 100%;
    border-radius: 20px;
    padding: 25px 0;
    text-align: center;
}

.prime-flow-step-icon {
    background-color: var(--p_shape-color);
    width: 36px;
    height: 36px;
    border-radius: 50%;
    font-family: "Poppins", sans-serif;
    font-size: 26px;
    font-weight: 500;
    color: var(--white-color);
    line-height: 36px;
    margin: 0 auto;
}

.prime-flow-step-title {
    font-size: 24px;
    font-weight: 600;
    color: var(--p_text-color);
    margin: 10px 0 15px;
	line-height: 1;
}

.prime-flow-step-description {
    font-size: 16px;
    font-weight: 400;
    color: var(--p_text-color);
    line-height: 1.6;
}

.prime-flow-arrow {
    font-size: 30px;
    color: var(--p_shape-color);
}

/*-------------------------------------------
よくある質問セクション
-------------------------------------------*/

.prime-faq {
    width: 100%;
    padding: 150px 0;
}

.prime-faq-inner {
    width: 1000px;
    margin: 0 auto;
    text-align: center;
}

.prime-faq-title {
    font-size: 24px;
    font-weight: 700;
    color: var(--p_text-color);
    background-color: var(--p_highlight-color);
    display: inline-block;
    padding: 5px;
    line-height: 1;
}

.prime-faq-subtitle {
    font-family: "Poppins", sans-serif;
    font-size: 60px;
    font-weight: 700;
    color: var(--p_text-color);
    line-height: 1;
    margin: 20px 0 35px;
}

.prime-faq-description {
    font-size: 18px;
    font-weight: 400;
    color: var(--p_text-color);
    line-height: 1.6;
    margin-bottom: 60px;
}

.prime-faq-items {
    text-align: left;
}

.prime-faq-item {
    margin-bottom: 20px;
}

.prime-faq-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
}

.prime-faq-left {
    display: flex;
    align-items: center;
}

.prime-faq-icon {
    background-color: var(--p_shape-color);
    width: 34px;
    height: 34px;
    border-radius: 50%;
    font-family: "Poppins", sans-serif;
    font-size: 18px;
    font-weight: 500;
    color: var(--white-color);
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 10px;
}

.prime-faq-header h4 {
    font-size: 20px;
    font-weight: 600;
    color: var(--p_text-color);
}

.prime-faq-right i {
    font-size: 24px;
    color: var(--p_text-color);
}

.prime-faq-content {
    display: none;
    margin-top: 10px;
    font-size: 18px;
    font-weight: 400;
    color: var(--p_text-color);
    line-height: 1.6;
}

.prime-faq-item.open .prime-faq-content {
    display: block;
}

.prime-faq-items .prime-divider {
    margin: 30px 0;
}

/*-------------------------------------------
無料登録セクション
-------------------------------------------*/
.prime-register {
  width: 100%;
  padding: 150px 0;
  background-color: var(--p_bg-color);
  position: relative;
}

.prime-register-inner {
  width: 1000px;
  margin: 0 auto;
  position: relative;
	text-align: center;
}

.prime-register-title {
  font-size: 24px;
  font-weight: 700;
  color: var(--p_text-color);
  background-color: var(--p_highlight-color);
  text-align: center;
  display: inline-block;
  padding: 5px;
  line-height: 1;
  margin: 0 auto;
}

.prime-register-subtitle {
  font-family: "Poppins", sans-serif;
  font-size: 60px;
  font-weight: 700;
  color: var(--p_text-color);
  text-align: center;
  margin: 20px 0 30px;
  line-height: 1;
}

.prime-register-description {
  font-size: 18px;
  font-weight: 400;
  color: var(--p_text-color);
  text-align: center;
  line-height: 1.6;
  margin-bottom: 50px;
}

.prime-register-image {
  position: absolute;
  top: 15px;
    right: 80px;
}
.prime-register-image img {
  width: 162px;
  height: 162px;
}

.prime-register-box {
  background-color: var(--white-color);
  padding: 100px;
  position: relative;
  z-index: 1;
}

.prime-register-field-row {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 30px;
	justify-content: space-between;
}

.prime-register-field {
  display: flex;
  flex-direction: column;
}

.prime-name-required {
	text-align: left;
	display: flex;
    align-items: center;
	margin-bottom: 10px;
}

.prime-field-label {
  font-size: 22px;
  font-weight: 500;
  color: var(--p_text-color);
  line-height: 1;
  margin-bottom: 3px;
  text-align: left;
}

.prime-required-badge {
    background-color: var(--p_required-color);
    padding: 3px 5px 5px;
    font-size: 18px;
    line-height: 1;
    color: var(--white-color);
    margin-left: 8px;
    vertical-align: middle;
    border-radius: 4px;
}

.prime-field-input {
    border: 1px solid var(--grid-color) !important;
    border-radius: 4px !important;
    padding: 15px !important;
    font-size: 18px !important;
    color: var(--p_text-color);
    line-height: 1;
}

.prime-field-input::placeholder {
  color: var(--thinw_text-color);
}

.half-width {
  width: 49%;
}

.full-width {
  width: 100%;
  margin-right: 0;
}

.prime-file-upload-wrapper {
  position: relative;
  display: inline-block;
  width: 100%;
  border: 1px solid var(--grid-color);
  border-radius: 4px;
  font-size: 18px;
  color: var(--p_text-color);
  line-height: 1;
  box-sizing: border-box;
	margin-top: 10px;
}

.prime-file-input {
  display: none;
}

.prime-file-display {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.prime-file-text {
  color: var(--thinw_text-color);
  font-size: 18px;
  line-height: 1;
  margin-left: 15px;
}

.prime-file-button {
    background-color: var(--grid-color);
    color: var(--p_text-color);
    font-size: 18px;
    line-height: 1;
    border: none;
    border-radius: 0 4px 4px 0;
    cursor: pointer;
    padding: 15px;
	font-weight: 300;
}

.prime-register-file-note {
  font-size: 18px;
  font-weight: 300;
  color: var(--p_text-color);
  line-height: 1.6;
  margin-top: 10px;
  text-align: left;
}

.prime-register-button-area {
  text-align: center;
  margin-top: 50px;
}

.prime-register-submit {
  background-color: var(--p_shape-color);
  width: 400px;
  height: 80px;
  border: none;
  border-radius: 40px;
  font-size: 26px;
  font-weight: 600;
  color: var(--white-color);
  line-height: 1;
  cursor: pointer;
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}
.prime-register-submit i {
  font-size: 26px;
  color: var(--white-color);
}

.prime-register-thanks-message {
  font-size: 20px;
  font-weight: 500;
  color: var(--p_text-color);
  text-align: center;
  margin-top: 20px;
  display: none;
	background-color: var(--p_highlight-color);
}

/*-------------------------------------------
送信中アニメーション用スタイル
-------------------------------------------*/
.prime-loading-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: rgba(255, 255, 255, 0.8);
  display: none;
  justify-content: center;
  align-items: center;
  z-index: 9999;
}

.prime-spinner {
  width: 48px;
  height: 48px;
  border: 6px solid #f3f3f3;
  border-top: 6px solid #999999;
  border-radius: 50%;
  animation: prime-spin 1s linear infinite;
}

/* 回転アニメーション */
@keyframes prime-spin {
  0%   { transform: rotate(0deg);   }
  100% { transform: rotate(360deg); }
}

/*===========================================

【wellbeページ用スタイル】

===========================================*/

/*-------------------------------------------
ヘッダーセクション
-------------------------------------------*/

.wellbe-header {
  position: fixed;
  top: 0;
  width: 100%;
  padding: 15px 60px;
  background-color: var(--trans-white-50);
  display: flex;
  justify-content: space-between;
  align-items: center;
  z-index: 1000;
}

.wellbe-header-inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}

.wellbe-header-left h1 {
  font-size: 14px;
  font-weight: 600;
  color: var(--w_text-color);
  line-height: 1;
  margin-bottom: 10px;
}

.wellbe-header-left img {
  width: 233px;
  height: auto;
}

.wellbe-header-right {
display: flex;
  align-items: center;
}

.wellbe-header-right ul {
  display: flex;
  gap: 30px;
  list-style: none;
  margin: 0;
  padding: 0;
}

.wellbe-header-right ul li a {
  font-size: 16px;
  font-weight: 600;
  color: var(--w_text-color);
  text-decoration: none;
  line-height: 1;
}

.wellbe-register-button {
  background-color: var(--w_shape-color);
  width: 130px;
  height: 44px;
  border-radius: 22px;
  font-size: 16px;
  font-weight: 600;
  color: var(--white-color);
  text-align: center;
  line-height: 44px;
  text-decoration: none;
margin-left: 30px;
}

.wellbe-register-button:hover {
  color: var(--white-color);
}

/*-------------------------------------------
メインビジュアルセクション
-------------------------------------------*/

.wellbe-main-visual {
  width: 100%;
  height: 100vh;
  background: url('../cocoon-child-master/images/wellbe/mainvisual_bg.png') no-repeat center center/cover;
  display: flex;
  justify-content: center;
  align-items: center;
}

.wellbe-main-visual-inner {
  width: 1000px;
  text-align: left;
  color: var(--w_title-color);
}

.wellbe-main-visual-inner h2 {
  font-size: 80px;
  font-weight: 800;
  margin-bottom: 50px;
line-height: 1.6;
}

	.white-bg-title {
		background-color: var(--white-color);
	}

.character-spacing {
	letter-spacing: -28px;
}

.wellbe-main-visual-inner .quick-register {
    color: var(--w_shape-color);
}

.wellbe-main-visual-inner p {
  font-size: 28px;
  font-weight: 500;
  margin-bottom: 60px;
line-height: 1.6;
	  color: var(--w_text-color);
}

.wellbe-main-button p {
	color: var(--white-color);
}

.yellow-bg-text {
  background-color: var(--w_highlight-color);
  font-weight: 700;
}

.wellbe-main-visual-inner a:hover {
color: var(--white-color);
}

.wellbe-main-button {
  background-color: var(--w_shape-color);
  width: 482px;
  height: 100px;
  border-radius: 50px;
  font-size: 16px;
  font-weight: 600;
  color: var(--white-color);
  text-align: center;
  line-height: 100px;
  text-decoration: none;
display: flex;
  justify-content: space-between;
  align-items: center;
cursor: pointer;
padding: 0 40px;
}

.wellbe-main-button i {
  font-size: 30px;
  color: var(--white-color);
}

/*-------------------------------------------
課題セクション
-------------------------------------------*/

.wellbe-problem {
  width: 100%;
  padding: 150px 0;
  background-color: var(--w_bg-color);
}

.wellbe-problem-inner {
  width: 1000px;
  margin: 0 auto;
  text-align: center;
}

.wellbe-problem-title {
  font-size: 24px;
  font-weight: 700;
  color: var(--w_text-color);
  background-color: var(--w_highlight-color);
  display: inline-block;
  padding: 5px;
  line-height: 1;
}

.wellbe-problem-subtitle {
  font-family: "Poppins", sans-serif;
  font-size: 60px;
  font-weight: 700;
  color: var(--w_title-color);
  line-height: 1;
  margin: 20px 0 35px;
}

.wellbe-problem-image {
  width: 100%;
  height: auto;
}

/*-------------------------------------------
サービスセクション
-------------------------------------------*/

.wellbe-services {
  width: 100%;
  padding: 150px 0 0;
  background-color: var(--white-color);
}

.wellbe-services-inner {
  width: 1000px;
  margin: 0 auto;
  text-align: center;
}

.wellbe-services-title {
  font-size: 24px;
  font-weight: 700;
  color: var(--w_text-color);
  background-color: var(--w_highlight-color);
  display: inline-block;
  padding: 5px;
  line-height: 1;
}

.wellbe-services-subtitle {
  font-family: "Poppins", sans-serif;
  font-size: 60px;
  font-weight: 700;
  color: var(--w_title-color);
  margin: 20px 0 35px;
  line-height: 1;
}

.wellbe-services-description {
  font-size: 18px;
  font-weight: 400;
  color: var(--w_text-color);
  line-height: 1.6;
  margin-bottom: 50px;
}

.wellbe-services-items {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    flex-wrap: wrap;
}

.wellbe-service-item {
    background-color: var(--w_bg-color);
    padding: 25px 10px 20px;
    text-align: center;
    flex: 1 1 calc(33.33% - 20px);
    box-sizing: border-box;
}

.wellbe-service-item h4 {
  font-family: "Poppins", sans-serif;
  font-size: 44px;
  font-weight: 600;
  color: var(--w_title-color);
  margin-bottom: 10px;
line-height: 1;
}

.wellbe-service-item h5 {
  font-size: 24px;
  font-weight: 600;
  color: var(--w_text-color);
  margin-bottom: 30px;
  line-height: 1;
}

.wellbe-service-item img {
  width: auto;
  height: 133px;
  margin-bottom: 20px;
}

.wellbe-service-item p {
  font-size: 16px;
  font-weight: 400;
  color: var(--w_text-color);
  text-align: left;
  line-height: 1.6;
  padding: 0 10px;
}

/*-------------------------------------------
比較セクション
-------------------------------------------*/

.wellbe-comparison {
  width: 100%;
  padding: 150px 0;
  background-color: var(--w_bg-color);
}

.wellbe-comparison-inner {
  width: 1000px;
  margin: 0 auto;
  text-align: center;
}

.wellbe-comparison-title {
  font-size: 24px;
  font-weight: 700;
  color: var(--w_text-color);
  background-color: var(--w_highlight-color);
  display: inline-block;
  padding: 5px;
  line-height: 1;
}

.wellbe-comparison-subtitle {
  font-family: "Poppins", sans-serif;
  font-size: 60px;
  font-weight: 700;
  color: var(--w_title-color);
  line-height: 1;
  margin: 20px 0 35px;
}

.wellbe-comparison-description {
  font-size: 18px;
  font-weight: 400;
  color: var(--w_text-color);
  line-height: 1.6;
  margin-bottom: 60px;
}

.wellbe-comparison-image {
  width: 100%;
  height: auto;
}

/*-------------------------------------------
理由セクション
-------------------------------------------*/
.wellbe-reason {
  width: 100%;
  padding: 150px 0;
}

.wellbe-reason-inner {
  width: 1000px;
  margin: 0 auto;
}

.wellbe-reason-content {
  display: flex;
  justify-content: space-between;
  margin-bottom: 50px;
}

.wellbe-reason-left {
  max-width: 60%;
}

.wellbe-reason-title {
  font-size: 24px;
  font-weight: 700;
  color: var(--w_text-color);
  background-color: var(--w_highlight-color);
  padding: 5px;
  display: inline-block;
  line-height: 1;
}

.wellbe-reason-subtitle {
  font-family: "Poppins", sans-serif;
  font-size: 60px;
  font-weight: 700;
  color: var(--w_title-color);
  margin: 20px 0 30px;
  line-height: 1;
}

.wellbe-reason-description {
  font-size: 18px;
  font-weight: 400;
  color: var(--w_text-color);
  line-height: 1.6;
}

.wellbe-reason-right img {
  width: 323px;
  height: 216px;
}

.wellbe-toggle-set {
  margin-bottom: 20px;
}

.wellbe-toggle-header {
  display: flex;
  justify-content: space-between;
  cursor: pointer;
  align-items: center;
}

.wellbe-toggle-header h4 {
  font-size: 24px;
  font-weight: 600;
  color: var(--w_text-color);
  margin-left: 10px;
padding-bottom: 3px;
}

.wellbe-toggle-header i {
  font-size: 24px;
  line-height: 1;
color: var(--w_text-color);
}

.wellbe-toggle-left {
display: flex;
  align-items: center;
}

.wellbe-toggle-content {
  display: none;
  margin-top: 5px;
  font-size: 18px;
  font-weight: 400;
  color: var(--w_text-color);
}

.wellbe-toggle-set.open .wellbe-toggle-content {
  display: block;
}

.wellbe-divider {
  width: 100%;
  height: 1px;
  background-color: var(--hr-color);
  margin: 20px 0;
border: none;
}

.wellbe-toggle-left .fa-square-check {
	color: var(--w_shape-color);
}

/*-------------------------------------------
流れセクション
-------------------------------------------*/

.wellbe-flow {
  width: 100%;
  padding: 150px 0;
  background-color: var(--w_bg-color);
}

.wellbe-flow-inner {
  width: 1000px;
  margin: 0 auto;
  text-align: center;
}

.wellbe-flow-title {
  font-size: 24px;
  font-weight: 700;
  color: var(--w_text-color);
  background-color: var(--w_highlight-color);
  display: inline-block;
  padding: 5px;
  line-height: 1;
}

.wellbe-flow-subtitle {
  font-family: "Poppins", sans-serif;
  font-size: 60px;
  font-weight: 700;
  color: var(--w_title-color);
  line-height: 1;
  margin: 20px 0 35px;
}

.wellbe-flow-description {
  font-size: 18px;
  font-weight: 400;
  color: var(--w_text-color);
  line-height: 1.6;
  margin-bottom: 50px;
}

.wellbe-flow-steps {
  display: flex;
  flex-direction: column;
  gap: 15px;
  align-items: center;
}

.wellbe-flow-step {
  background-color: var(--white-color);
  width: 100%;
  border-radius: 20px;
  padding: 25px 0;
  text-align: center;
}

.wellbe-flow-step-icon {
  background-color: var(--w_title-color);
  width: 36px;
  height: 36px;
  border-radius: 50%;
  font-family: "Poppins", sans-serif;
  font-size: 26px;
  font-weight: 500;
  color: var(--white-color);
  line-height: 36px;
  margin: 0 auto;
}

.wellbe-flow-step-title {
  font-size: 24px;
  font-weight: 600;
  color: var(--w_text-color);
  margin: 10px 0 15px;
line-height: 1;
}

.wellbe-flow-step-description {
  font-size: 16px;
  font-weight: 400;
  color: var(--w_text-color);
  line-height: 1.6;
}

.wellbe-flow-arrow {
  font-size: 30px;
  color: var(--w_text-color);
}

/*-------------------------------------------
よくある質問セクション
-------------------------------------------*/

.wellbe-faq {
  width: 100%;
  padding: 150px 0;
}

.wellbe-faq-inner {
  width: 1000px;
  margin: 0 auto;
  text-align: center;
}

.wellbe-faq-title {
  font-size: 24px;
  font-weight: 700;
  color: var(--w_text-color);
  background-color: var(--w_highlight-color);
  display: inline-block;
  padding: 5px;
  line-height: 1;
}

.wellbe-faq-subtitle {
  font-family: "Poppins", sans-serif;
  font-size: 60px;
  font-weight: 700;
  color: var(--w_title-color);
  line-height: 1;
  margin: 20px 0 35px;
}

.wellbe-faq-description {
  font-size: 18px;
  font-weight: 400;
  color: var(--w_text-color);
  line-height: 1.6;
  margin-bottom: 60px;
}

.wellbe-faq-items {
  text-align: left;
}

.wellbe-faq-item {
  margin-bottom: 20px;
}

.wellbe-faq-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
}

.wellbe-faq-left {
  display: flex;
  align-items: center;
}

.wellbe-faq-icon {
  background-color: var(--w_title-color);
  width: 34px;
  height: 34px;
  border-radius: 50%;
  font-family: "Poppins", sans-serif;
  font-size: 18px;
  font-weight: 500;
  color: var(--white-color);
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 10px;
}

.wellbe-faq-header h4 {
  font-size: 20px;
  font-weight: 600;
  color: var(--w_text-color);
}

.wellbe-faq-right i {
  font-size: 24px;
  color: var(--w_text-color);
}

.wellbe-faq-content {
  display: none;
  margin-top: 10px;
  font-size: 18px;
  font-weight: 400;
  color: var(--w_text-color);
  line-height: 1.6;
}

.wellbe-faq-item.open .wellbe-faq-content {
  display: block;
}

.wellbe-faq-items .wellbe-divider {
  margin: 30px 0;
}

/*-------------------------------------------
無料登録セクション
-------------------------------------------*/
.wellbe-register {
width: 100%;
padding: 150px 0;
background-color: var(--w_bg-color);
position: relative;
}

.wellbe-register-inner {
width: 1000px;
margin: 0 auto;
position: relative;
text-align: center;
}

.wellbe-register-title {
font-size: 24px;
font-weight: 700;
color: var(--w_text-color);
background-color: var(--w_highlight-color);
text-align: center;
display: inline-block;
padding: 5px;
line-height: 1;
margin: 0 auto;
}

.wellbe-register-subtitle {
font-family: "Poppins", sans-serif;
font-size: 60px;
font-weight: 700;
color: var(--w_title-color);
text-align: center;
margin: 20px 0 30px;
line-height: 1;
}

.wellbe-register-description {
font-size: 18px;
font-weight: 400;
color: var(--w_text-color);
text-align: center;
line-height: 1.6;
margin-bottom: 50px;
}

.wellbe-register-image {
position: absolute;
top: 15px;
  right: 80px;
}
.wellbe-register-image img {
width: 162px;
height: 162px;
}

.wellbe-register-box {
background-color: var(--white-color);
padding: 100px;
position: relative;
z-index: 1;
}

.wellbe-register-field-row {
display: flex;
flex-wrap: wrap;
margin-bottom: 30px;
justify-content: space-between;
}

.wellbe-register-field {
display: flex;
flex-direction: column;
}

.wellbe-name-required {
text-align: left;
display: flex;
  align-items: center;
margin-bottom: 10px;
}

.wellbe-field-label {
font-size: 22px;
font-weight: 500;
color: var(--w_text-color);
line-height: 1;
margin-bottom: 3px;
text-align: left;
}

.wellbe-required-badge {
  background-color: var(--w_shape-color);
  padding: 3px 5px 5px;
  font-size: 18px;
  line-height: 1;
  color: var(--white-color);
  margin-left: 8px;
  vertical-align: middle;
  border-radius: 4px;
}

.wellbe-field-input {
  border: 1px solid var(--grid-color) !important;
  border-radius: 4px !important;
  padding: 15px !important;
  font-size: 18px !important;
  color: var(--w_text-color);
  line-height: 1;
}

.wellbe-field-input::placeholder {
color: var(--thinw_text-color);
}

.wellbe-file-upload-wrapper {
position: relative;
display: inline-block;
width: 100%;
border: 1px solid var(--grid-color);
border-radius: 4px;
font-size: 18px;
color: var(--w_text-color);
line-height: 1;
box-sizing: border-box;
margin-top: 10px;
}

.wellbe-file-input {
display: none;
}

.wellbe-file-display {
display: flex;
justify-content: space-between;
align-items: center;
}

.wellbe-file-text {
color: var(--thinw_text-color);
font-size: 18px;
line-height: 1;
margin-left: 15px;
}

.wellbe-file-button {
  background-color: var(--grid-color);
  color: var(--w_text-color);
  font-size: 18px;
  line-height: 1;
  border: none;
  border-radius: 0 4px 4px 0;
  cursor: pointer;
  padding: 15px;
font-weight: 300;
}

.wellbe-register-file-note {
font-size: 18px;
font-weight: 300;
color: var(--w_text-color);
line-height: 1.6;
margin-top: 10px;
text-align: left;
}

.wellbe-register-button-area {
text-align: center;
margin-top: 50px;
}

.wellbe-register-submit {
background-color: var(--w_shape-color);
width: 400px;
height: 80px;
border: none;
border-radius: 40px;
font-size: 26px;
font-weight: 600;
color: var(--white-color);
line-height: 1;
cursor: pointer;
position: relative;
display: inline-flex;
align-items: center;
justify-content: center;
gap: 10px;
}
.wellbe-register-submit i {
font-size: 26px;
color: var(--white-color);
}

.wellbe-register-thanks-message {
font-size: 20px;
font-weight: 500;
color: var(--w_text-color);
text-align: center;
margin-top: 20px;
display: none;
	background-color: var(--w_highlight-color);
}

/*-------------------------------------------
送信中アニメーション用スタイル
-------------------------------------------*/
.wellbe-loading-overlay {
position: fixed;
top: 0;
left: 0;
width: 100vw;
height: 100vh;
background-color: rgba(255, 255, 255, 0.8);
display: none;
justify-content: center;
align-items: center;
z-index: 9999;
}

.wellbe-spinner {
width: 48px;
height: 48px;
border: 6px solid #f3f3f3;
border-top: 6px solid #999999;
border-radius: 50%;
animation: wellbe-spin 1s linear infinite;
}

/* 回転アニメーション */
@keyframes wellbe-spin {
0%   { transform: rotate(0deg);   }
100% { transform: rotate(360deg); }
}

/*-------------------------------------------
会社概要セクション
-------------------------------------------*/

.wellbe-about {
  width: 100%;
  padding: 150px 0;
}

.wellbe-about-inner {
  width: 1000px;
  margin: 0 auto;
  text-align: center;
}

.wellbe-about-title {
  font-size: 24px;
  font-weight: 700;
  color: var(--w_text-color);
  background-color: var(--w_highlight-color);
  display: inline-block;
  padding: 5px;
  line-height: 1;
}

.wellbe-about-subtitle {
  font-family: "Poppins", sans-serif;
  font-size: 60px;
  font-weight: 700;
  color: var(--w_title-color);
  line-height: 1;
  margin: 20px 0 60px;
}

.wellbe-about-items {
  text-align: left;
}

.wellbe-about-item {
  margin-bottom: 20px;
}

.wellbe-about-header {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.wellbe-about-data {
	width: 20%;
}

.wellbe-about-data-text {
	width: 80%;
}

.wellbe-about-data-text h5 {
	font-size: 20px;
    font-weight: 400;
	color: var(--w_text-color);
    text-decoration: none;
}

.wellbe-about-data-text a {
	color: var(--w_text-color);
    text-decoration: none;
}

.wellbe-about-left {
  display: flex;
  align-items: center;
}

.wellbe-about-header h4 {
  font-size: 20px;
  font-weight: 600;
  color: var(--w_text-color);
}

.wellbe-about-content {
  display: none;
  margin-top: 10px;
  font-size: 18px;
  font-weight: 400;
  color: var(--w_text-color);
  line-height: 1.6;
}

.wellbe-about-items .wellbe-divider {
  margin: 20px 0;
}


/*===========================================

【レスポンシブデザイン用】

===========================================*/

/*-------------------------------------------
1400px以下
-------------------------------------------*/
@media screen and (max-width: 1400px){
	/*===========================================
	
	【wellbeページ用スタイル】
	
	===========================================*/
	.wellbe-header-right ul {
		display: none;
	}
	
	.wellbe-main-visual {
		background-size: 110%;
	}
}

/*-------------------------------------------
1300px以下
-------------------------------------------*/
@media screen and (max-width: 1300px){
	/*===========================================
	
	【Primeページ用スタイル】
	
	===========================================*/

	/*-------------------------------------------
	ヘッダーセクション
	-------------------------------------------*/
	.prime-header {
		padding: 15px clamp(15px, 5vw, 60px);
	}
	
	.prime-header-right ul {
		display: none;
	}

	/*-------------------------------------------
	メインビジュアルセクション
	-------------------------------------------*/
	.prime-main-visual {
		padding: 0 clamp(15px, 5vw, 60px);
	}
	
	/*-------------------------------------------
	サービスセクション
	-------------------------------------------*/
	
	/*===========================================
	
	【wellbeページ用スタイル】
	
	===========================================*/

	/*-------------------------------------------
	ヘッダーセクション
	-------------------------------------------*/
	.wellbe-header {
		padding: 15px clamp(15px, 5vw, 60px);
	}
	
	/*-------------------------------------------
	メインビジュアルセクション
	-------------------------------------------*/
	.wellbe-main-visual {
		padding: 0 clamp(15px, 5vw, 60px);
	}
	
	/*-------------------------------------------
	サービスセクション
	-------------------------------------------*/
	
}

/*-------------------------------------------
1200px以下
-------------------------------------------*/
@media screen and (max-width: 1200px){
	/*===========================================
	
	【wellbeページ用スタイル】
	
	===========================================*/
	.wellbe-header-right ul {
		display: none;
	}
	
	.wellbe-main-visual {
		background: url(../cocoon-child-master/images/wellbe/mainvisual_bg.png) no-repeat center right -110px / cover;
		background-size: 110%;
	}
}

/*-------------------------------------------
1024px以下
-------------------------------------------*/
@media screen and (max-width: 1024px){
	
	/*===========================================

	【全体】

	===========================================*/
	
	/*-------------------------------------------
	PC用・SP用
	-------------------------------------------*/
	.pc-only {
		display: none;
	}
	
	.sp-only {
		display: block;
	}
	
	/*===========================================
	
	【Primeページ用スタイル】
	
	===========================================*/
	
	/*-------------------------------------------
	ヘッダーセクション
	-------------------------------------------*/
	.prime-register-button {
		width: clamp(70px, 26vw, 130px);
		height: clamp(30px, 8vw, 44px);
		font-size: clamp(12px, 2.8vw, 16px);
		line-height: clamp(30px, 8vw, 44px);
		margin-left: 0;
	}
	
	/*-------------------------------------------
	メインビジュアルセクション
	-------------------------------------------*/
	.prime-main-visual {
        height: clamp(400px, 130vw, 860px);
        background: url(../cocoon-child-master/images/prime/mainvisual_bg.png) no-repeat center right -326px / cover;
    }
	
	.prime-main-visual-inner h2 {
		font-size: clamp(30px, 10vw, 80px);
		margin-bottom: clamp(20px, 7.8vw, 50px);
	}
	
	.prime-main-visual-inner p {
		font-size: clamp(15px, 4.4vw, 28px);
		margin-bottom: clamp(25px, 7.8vw, 60px);
	}
	
	.prime-main-button {
		height: clamp(50px, 18vw, 100px);
		line-height: clamp(50px, 18vw, 100px);
		padding: 0 clamp(20px, 8vw, 40px);
	}
	
	.prime-main-button i {
		font-size: clamp(16px, 5vw, 30px);
	}
	
	.quick-register {
		width: clamp(60px, 24vw, 120px);
		height: clamp(20px, 8vw, 40px);
		font-size: clamp(14px, 3.7vw, 20px);
		font-weight: 700;
	}
	
	/*-------------------------------------------
	サービスセクション
	-------------------------------------------*/
	.prime-services {
        padding: clamp(60px, 20vw, 150px) clamp(15px, 5vw, 60px);
    }
	
	.prime-services-inner {
		width: 100%;
	}
	
	.prime-services-title {
		font-size: clamp(16px, 4.4vw, 24px);
		padding: 4px;
	}
	
	.prime-services-subtitle {
		font-size: clamp(18px, 10vw, 60px);
		margin: clamp(5px, 1.8vw, 20px) 0 clamp(15px, 3.2vw, 35px);
	}
	
	.prime-services-description {
		font-size: clamp(13px, 3.6vw, 18px);
		margin-bottom: clamp(20px, 4.8vw, 50px);
	}
	
	.prime-services-items {
		display: grid;
		justify-content: unset;
		gap: 20px;
	}
	
	.prime-service-item {
		width: 100%;
	}
	
	.prime-service-item h4 {
		font-size: clamp(16px, 7vw, 44px);
		margin-bottom: clamp(5px, 1.4vw, 10px);
	}
	
	.prime-service-item h5 {
		font-size: clamp(17px, 4.6vw, 24px);
		margin-bottom: clamp(15px, 3.2vw, 30px);
	}
	
	.prime-service-item p {
		font-size: clamp(13px, 3.6vw, 18px);
		padding: 0 clamp(5px, 1.4vw, 10px);
		text-align: center;
	}
	
	/*-------------------------------------------
	比較セクション
	-------------------------------------------*/
	.prime-comparison {
        padding: clamp(60px, 20vw, 150px) clamp(15px, 5vw, 60px);
    }
	
	.prime-comparison-inner {
		width: 100%;
	}
	
	.prime-comparison-title {
		font-size: clamp(16px, 4.4vw, 24px);
		padding: 4px;
	}
	
	.prime-comparison-subtitle {
		font-size: clamp(18px, 10vw, 60px);
		margin: clamp(5px, 1.8vw, 20px) 0 clamp(15px, 3.2vw, 35px);
	}
	
	.prime-comparison-description {
		font-size: clamp(13px, 3.6vw, 18px);
		margin-bottom: clamp(20px, 4.8vw, 50px);
	}
	
	/*-------------------------------------------
	理由セクション
	-------------------------------------------*/
	.prime-reason {
        padding: clamp(60px, 20vw, 150px) clamp(15px, 5vw, 60px);
    }
	
	.prime-reason-inner {
		width: 100%;
	}
	
	.prime-reason-title {
		font-size: clamp(16px, 4.4vw, 24px);
		padding: 4px;
	}
	
	.prime-reason-subtitle {
		font-size: clamp(18px, 10vw, 60px);
		margin: clamp(5px, 1.8vw, 20px) 0 clamp(15px, 3.2vw, 35px);
	}
	
	.prime-reason-description {
        font-size: clamp(13px, 3.6vw, 18px);
        margin-bottom: clamp(10px, 2vw, 30px);
    }
		
	.prime-reason-left {
		max-width: 100%;
	}
	
	.prime-reason-content {
		display: block;
		margin-bottom: clamp(20px, 4.8vw, 50px);
	}
	
	.prime-toggle-header h4 {
		font-size: clamp(14px, 4vw, 24px);
		margin-left: clamp(5px, 1.4vw, 10px);
		padding-bottom: 2px;
		line-height: 1.4;
	}
	
	.prime-toggle-header i {
		font-size: clamp(14px, 4vw, 24px);
	}
	
	.prime-toggle-content {
		margin-top: 3px;
		font-size: clamp(13px, 3.6vw, 18px);
	}
	
	.prime-divider {
		margin: clamp(10px, 3.5vw, 20px) 0;
	}
	
	.prime-toggle-set {
		margin-bottom: clamp(10px, 3.5vw, 20px);
	}
	
	/*-------------------------------------------
	流れセクション
	-------------------------------------------*/
	.prime-flow {
        padding: clamp(60px, 20vw, 150px) clamp(15px, 5vw, 60px);
    }
	
	.prime-flow-inner {
		width: 100%;
	}
	
	.prime-flow-title {
		font-size: clamp(16px, 4.4vw, 24px);
		padding: 4px;
	}
	
	.prime-flow-subtitle {
		font-size: clamp(18px, 10vw, 60px);
		margin: clamp(5px, 1.8vw, 20px) 0 clamp(15px, 3.2vw, 35px);
	}
	
	.prime-flow-description {
		font-size: clamp(13px, 3.6vw, 18px);
		margin-bottom: clamp(20px, 4.8vw, 50px);
	}
	
	.prime-flow-step {
		border-radius: clamp(5px, 3vw, 20px);
		padding: clamp(15px, 4vw, 25px);
	}
	
	.prime-flow-step-icon {
		width: clamp(25px, 6vw, 36px);
		height: clamp(25px, 6vw, 36px);
		font-size: clamp(14px, 4.2vw, 26px);
		line-height: clamp(25px, 6vw, 36px);
	}
	
	.prime-flow-step-title {
		font-size: clamp(14px, 4vw, 24px);
		margin: clamp(5px, 1.4vw, 10px) 0 clamp(10px, 2.2vw, 15px);
	}
	
	.prime-flow-steps {
		gap: clamp(6px, 2.2vw, 15px);
	}
	
	.prime-flow-arrow {
		font-size: clamp(16px, 5vw, 30px);
	}
	
	.prime-flow-step-description {
		font-size: clamp(13px, 3.6vw, 18px);
	}
	
	/*-------------------------------------------
	よくある質問セクション
	-------------------------------------------*/
	.prime-faq {
        padding: clamp(60px, 20vw, 150px) clamp(15px, 5vw, 60px);
    }
	
	.prime-faq-inner {
		width: 100%;
	}
	
	.prime-faq-title {
		font-size: clamp(16px, 4.4vw, 24px);
		padding: 4px;
	}
	
	.prime-faq-subtitle {
		font-size: clamp(18px, 10vw, 60px);
		margin: clamp(5px, 1.8vw, 20px) 0 clamp(15px, 3.2vw, 35px);
	}
	
	.prime-faq-description {
		font-size: clamp(13px, 3.6vw, 18px);
		margin-bottom: clamp(20px, 4.8vw, 50px);
	}
	
	.prime-faq-icon {
		width: clamp(25px, 6vw, 36px);
		height: clamp(25px, 6vw, 36px);
		font-size: clamp(14px, 3.8vw, 26px);
		line-height: clamp(25px, 6vw, 36px);
	}
	
	.prime-faq-header h4 {
		font-size: clamp(14px, 3.5vw, 20px);
	}
	
	.prime-faq-right i {
		font-size: clamp(14px, 4vw, 24px);
	}
	
	.prime-faq-content {
		font-size: clamp(13px, 3.6vw, 18px);
	}
	
	.prime-faq-item {
		margin-bottom: clamp(10px, 3.5vw, 20px);
	}
	
	.prime-faq-items .prime-divider {
		margin: clamp(15px, 4.4vw, 30px) 0;
	}
	
	
	/*-------------------------------------------
	無料登録セクション
	-------------------------------------------*/
	.prime-register {
        padding: clamp(60px, 20vw, 150px) clamp(15px, 5vw, 60px);
    }
	
	.prime-register-inner {
		width: 100%;
	}
	
	.prime-register-title {
		font-size: clamp(16px, 4.4vw, 24px);
		padding: 4px;
	}
	
	.prime-register-subtitle {
		font-size: clamp(18px, 10vw, 60px);
		margin: clamp(5px, 1.8vw, 20px) 0 clamp(15px, 3.2vw, 35px);
	}
	
	.prime-register-description {
		font-size: clamp(13px, 3.6vw, 18px);
		margin-bottom: clamp(20px, 4.8vw, 50px);
	}
	
	.prime-register-image {
		top: -10px;
		right: 0;
	}
	
	.prime-register-image img {
		width: clamp(60px, 18vw, 162px);
		height: clamp(60px, 18vw, 162px);
	}
	
	.prime-register-box {
		padding: clamp(20px, 10vw, 100px);
	}
	
	.prime-field-label {
		font-size: clamp(13px, 3.4vw, 22px);
		margin-bottom: 2px;
	}
	
	.prime-required-badge {
		padding: 1px 3px 3px;
		font-size: clamp(13px, 3.6vw, 18px);
		margin-left: 5px;
		border-radius: 2px;
	}
	
	.prime-name-required {
		margin-bottom: clamp(5px, 1.4vw, 10px);
	}
	
	.prime-field-input {
		padding: clamp(10px, 2vw, 15px) !important;
		font-size: clamp(13px, 3.6vw, 18px) !important;
	}
	
	.prime-register-field-row {
		margin-bottom: clamp(10px, 4vw, 30px);
	}
	
	.prime-file-text {
		font-size: clamp(13px, 3.6vw, 18px);
		margin-left: clamp(10px, 2vw, 15px);
	}
	
	.prime-file-button {
		font-size: clamp(13px, 3.6vw, 18px);
		border-radius: 0 4px 4px 0;
		padding: clamp(10px, 2vw, 15px);
	}
	
	.prime-register-file-note {
		font-size: clamp(13px, 3.6vw, 18px);
		margin-top: clamp(5px, 1.4vw, 10px);
	}
	
	.prime-register-submit {
		height: clamp(40px, 12vw, 80px);
		font-size: clamp(14px, 3.8vw, 26px);
		gap: clamp(5px, 1.4vw, 10px);
		width: 100%;
	}
	
	.prime-register-button-area {
		margin-top: clamp(20px, 5.4vw, 50px);
	}
	
	.prime-register-submit i {
		font-size: clamp(14px, 3.8vw, 26px);
	}
	
	.prime-register-thanks-message {
		font-size: clamp(14px, 3.7vw, 20px);
		margin-top: clamp(14px, 3.7vw, 20px);
	}
	
	.footer-bottom {
		width: 100%;
		padding: 20px 0;
		font-size: clamp(10px, 2.6vw, 14px);
	}
	
	.footer-bottom.fdt-left-and-right .footer-bottom-content {
        gap: 8px;
    }
	
	.navi-footer-in a {
		font-size: clamp(10px, 2.6vw, 14px);
	}
	
	/*===========================================
	
	【wellbeページ用スタイル】
	
	===========================================*/
	
	/*-------------------------------------------
	ヘッダーセクション
	-------------------------------------------*/
	.wellbe-register-button {
		width: clamp(70px, 26vw, 130px);
		height: clamp(30px, 8vw, 44px);
		font-size: clamp(12px, 2.8vw, 16px);
		line-height: clamp(30px, 8vw, 44px);
		margin-left: 0;
	}
	
	/*-------------------------------------------
	メインビジュアルセクション
	-------------------------------------------*/
	.wellbe-main-visual {
        height: clamp(300px, 120vw, 860px);
        background: url(../cocoon-child-master/images/wellbe/mainvisual_bg.png) no-repeat center right / cover;
        position: relative;
        background-size: 100%;
    }
	
	.wellbe-main-visual-inner {
		position: absolute;
		left: 50%;
		bottom: 0;
        transform: translateX(-50%);
        width: 100%;
        padding: 0 clamp(15px, 5vw, 60px);
	}
	
	.wellbe-main-visual-inner h2 {
		font-size: clamp(30px, 10vw, 80px);
		margin-bottom: clamp(20px, 7.8vw, 50px);
	}
	
	.wellbe-main-visual-inner p {
		font-size: clamp(15px, 4.4vw, 28px);
		margin-bottom: clamp(25px, 7.8vw, 60px);
	}
	
	.wellbe-main-button {
		height: clamp(50px, 18vw, 100px);
		line-height: clamp(50px, 18vw, 100px);
		padding: 0 clamp(20px, 8vw, 40px);
	}
	
	.wellbe-main-button i {
		font-size: clamp(16px, 5vw, 30px);
	}
	
	.quick-register {
		width: clamp(60px, 24vw, 120px);
		height: clamp(20px, 8vw, 40px);
		font-size: clamp(14px, 3.7vw, 20px);
		font-weight: 700;
	}
	
	/*-------------------------------------------
	課題セクション
	-------------------------------------------*/
	.wellbe-problem {
        padding: clamp(60px, 20vw, 150px) clamp(15px, 5vw, 60px) 0;
		background-color: var(--white-color);
    }
	
	.wellbe-problem-inner {
		width: 100%;
	}
	
	.wellbe-problem-title {
		font-size: clamp(16px, 4.4vw, 24px);
		padding: 4px;
	}
	
	.wellbe-problem-subtitle {
		font-size: clamp(18px, 10vw, 60px);
		margin: clamp(5px, 1.8vw, 20px) 0 clamp(15px, 3.2vw, 35px);
	}
	
	/*-------------------------------------------
	サービスセクション
	-------------------------------------------*/
	.wellbe-services {
        padding: clamp(60px, 20vw, 150px) clamp(15px, 5vw, 60px) 0;
    }
	
	.wellbe-services-inner {
		width: 100%;
	}
	
	.wellbe-services-title {
		font-size: clamp(16px, 4.4vw, 24px);
		padding: 4px;
	}
	
	.wellbe-services-subtitle {
		font-size: clamp(18px, 10vw, 60px);
		margin: clamp(5px, 1.8vw, 20px) 0 clamp(15px, 3.2vw, 35px);
	}
	
	.wellbe-services-description {
		font-size: clamp(13px, 3.6vw, 18px);
		margin-bottom: clamp(20px, 4.8vw, 50px);
	}
	
	.wellbe-services-items {
		display: grid;
		justify-content: unset;
		gap: 20px;
	}
	
	.wellbe-service-item {
		width: 100%;
	}
	
	.wellbe-service-item h4 {
		font-size: clamp(16px, 7vw, 44px);
		margin-bottom: clamp(5px, 1.4vw, 10px);
	}
	
	.wellbe-service-item h5 {
		font-size: clamp(17px, 4.6vw, 24px);
		margin-bottom: clamp(15px, 3.2vw, 30px);
	}
	
	.wellbe-service-item p {
		font-size: clamp(13px, 3.6vw, 18px);
		padding: 0 clamp(5px, 1.4vw, 10px);
		text-align: center;
	}
	
	/*-------------------------------------------
	比較セクション
	-------------------------------------------*/
	.wellbe-comparison {
        padding: clamp(60px, 20vw, 150px) clamp(15px, 5vw, 60px);
    }
	
	.wellbe-comparison-inner {
		width: 100%;
	}
	
	.wellbe-comparison-title {
		font-size: clamp(16px, 4.4vw, 24px);
		padding: 4px;
	}
	
	.wellbe-comparison-subtitle {
		font-size: clamp(18px, 10vw, 60px);
		margin: clamp(5px, 1.8vw, 20px) 0 clamp(15px, 3.2vw, 35px);
	}
	
	.wellbe-comparison-description {
		font-size: clamp(13px, 3.6vw, 18px);
		margin-bottom: clamp(20px, 4.8vw, 50px);
	}
	
	/*-------------------------------------------
	理由セクション
	-------------------------------------------*/
	.wellbe-reason {
        padding: clamp(60px, 20vw, 150px) clamp(15px, 5vw, 60px);
    }
	
	.wellbe-reason-inner {
		width: 100%;
	}
	
	.wellbe-reason-title {
		font-size: clamp(16px, 4.4vw, 24px);
		padding: 4px;
	}
	
	.wellbe-reason-subtitle {
		font-size: clamp(18px, 10vw, 60px);
		margin: clamp(5px, 1.8vw, 20px) 0 clamp(15px, 3.2vw, 35px);
	}
	
	.wellbe-reason-description {
        font-size: clamp(13px, 3.6vw, 18px);
        margin-bottom: clamp(10px, 2vw, 30px);
    }
		
	.wellbe-reason-left {
		max-width: 100%;
	}
	
	.wellbe-reason-content {
		display: block;
		margin-bottom: clamp(20px, 4.8vw, 50px);
	}
	
	.wellbe-toggle-header h4 {
		font-size: clamp(14px, 4vw, 24px);
		margin-left: clamp(5px, 1.4vw, 10px);
		padding-bottom: 2px;
		line-height: 1.4;
	}
	
	.wellbe-toggle-header i {
		font-size: clamp(14px, 4vw, 24px);
	}
	
	.wellbe-toggle-content {
		margin-top: 3px;
		font-size: clamp(13px, 3.6vw, 18px);
	}
	
	.wellbe-divider {
		margin: clamp(10px, 3.5vw, 20px) 0;
	}
	
	.wellbe-toggle-set {
		margin-bottom: clamp(10px, 3.5vw, 20px);
	}
	
	/*-------------------------------------------
	流れセクション
	-------------------------------------------*/
	.wellbe-flow {
        padding: clamp(60px, 20vw, 150px) clamp(15px, 5vw, 60px);
    }
	
	.wellbe-flow-inner {
		width: 100%;
	}
	
	.wellbe-flow-title {
		font-size: clamp(16px, 4.4vw, 24px);
		padding: 4px;
	}
	
	.wellbe-flow-subtitle {
		font-size: clamp(18px, 10vw, 60px);
		margin: clamp(5px, 1.8vw, 20px) 0 clamp(15px, 3.2vw, 35px);
	}
	
	.wellbe-flow-description {
		font-size: clamp(13px, 3.6vw, 18px);
		margin-bottom: clamp(20px, 4.8vw, 50px);
	}
	
	.wellbe-flow-step {
		border-radius: clamp(5px, 3vw, 20px);
		padding: clamp(15px, 4vw, 25px);
	}
	
	.wellbe-flow-step-icon {
		width: clamp(25px, 6vw, 36px);
		height: clamp(25px, 6vw, 36px);
		font-size: clamp(14px, 4.2vw, 26px);
		line-height: clamp(25px, 6vw, 36px);
	}
	
	.wellbe-flow-step-title {
		font-size: clamp(14px, 4vw, 24px);
		margin: clamp(5px, 1.4vw, 10px) 0 clamp(10px, 2.2vw, 15px);
	}
	
	.wellbe-flow-steps {
		gap: clamp(6px, 2.2vw, 15px);
	}
	
	.wellbe-flow-arrow {
		font-size: clamp(16px, 5vw, 30px);
	}
	
	.wellbe-flow-step-description {
		font-size: clamp(13px, 3.6vw, 18px);
	}
	
	/*-------------------------------------------
	よくある質問セクション
	-------------------------------------------*/
	.wellbe-faq {
        padding: clamp(60px, 20vw, 150px) clamp(15px, 5vw, 60px);
    }
	
	.wellbe-faq-inner {
		width: 100%;
	}
	
	.wellbe-faq-title {
		font-size: clamp(16px, 4.4vw, 24px);
		padding: 4px;
	}
	
	.wellbe-faq-subtitle {
		font-size: clamp(18px, 10vw, 60px);
		margin: clamp(5px, 1.8vw, 20px) 0 clamp(15px, 3.2vw, 35px);
	}
	
	.wellbe-faq-description {
		font-size: clamp(13px, 3.6vw, 18px);
		margin-bottom: clamp(20px, 4.8vw, 50px);
	}
	
	.wellbe-faq-icon {
		width: clamp(25px, 6vw, 36px);
		height: clamp(25px, 6vw, 36px);
		font-size: clamp(14px, 3.8vw, 26px);
		line-height: clamp(25px, 6vw, 36px);
	}
	
	.wellbe-faq-header h4 {
		font-size: clamp(14px, 3.5vw, 20px);
	}
	
	.wellbe-faq-right i {
		font-size: clamp(14px, 4vw, 24px);
	}
	
	.wellbe-faq-content {
		font-size: clamp(13px, 3.6vw, 18px);
	}
	
	.wellbe-faq-item {
		margin-bottom: clamp(10px, 3.5vw, 20px);
	}
	
	.wellbe-faq-items .wellbe-divider {
		margin: clamp(15px, 4.4vw, 30px) 0;
	}
	
	
	/*-------------------------------------------
	無料登録セクション
	-------------------------------------------*/
	.wellbe-register {
        padding: clamp(60px, 20vw, 150px) clamp(15px, 5vw, 60px);
    }
	
	.wellbe-register-inner {
		width: 100%;
	}
	
	.wellbe-register-title {
		font-size: clamp(16px, 4.4vw, 24px);
		padding: 4px;
	}
	
	.wellbe-register-subtitle {
		font-size: clamp(18px, 10vw, 60px);
		margin: clamp(5px, 1.8vw, 20px) 0 clamp(15px, 3.2vw, 35px);
	}
	
	.wellbe-register-description {
		font-size: clamp(13px, 3.6vw, 18px);
		margin-bottom: clamp(20px, 4.8vw, 50px);
	}
	
	.wellbe-register-image {
		top: -10px;
		right: 0;
	}
	
	.wellbe-register-image img {
		width: clamp(60px, 18vw, 162px);
		height: clamp(60px, 18vw, 162px);
	}
	
	.wellbe-register-box {
		padding: clamp(20px, 10vw, 100px);
	}
	
	.wellbe-field-label {
		font-size: clamp(13px, 3.4vw, 22px);
		margin-bottom: 2px;
	}
	
	.wellbe-required-badge {
		padding: 1px 3px 3px;
		font-size: clamp(13px, 3.6vw, 18px);
		margin-left: 5px;
		border-radius: 2px;
	}
	
	.wellbe-name-required {
		margin-bottom: clamp(5px, 1.4vw, 10px);
	}
	
	.wellbe-field-input {
		padding: clamp(10px, 2vw, 15px) !important;
		font-size: clamp(13px, 3.6vw, 18px) !important;
	}
	
	.wellbe-register-field-row {
		margin-bottom: clamp(10px, 4vw, 30px);
	}
	
	.wellbe-file-text {
		font-size: clamp(13px, 3.6vw, 18px);
		margin-left: clamp(10px, 2vw, 15px);
	}
	
	.wellbe-file-button {
		font-size: clamp(13px, 3.6vw, 18px);
		border-radius: 0 4px 4px 0;
		padding: clamp(10px, 2vw, 15px);
	}
	
	.wellbe-register-file-note {
		font-size: clamp(12px, 2.8vw, 18px);
		margin-top: clamp(5px, 1.4vw, 10px);
	}
	
	.wellbe-register-submit {
		height: clamp(40px, 12vw, 80px);
		font-size: clamp(14px, 3.8vw, 26px);
		gap: clamp(5px, 1.4vw, 10px);
		width: 100%;
	}
	
	.wellbe-register-button-area {
		margin-top: clamp(20px, 5.4vw, 50px);
	}
	
	.wellbe-register-submit i {
		font-size: clamp(14px, 3.8vw, 26px);
	}
	
	.wellbe-register-thanks-message {
		font-size: clamp(14px, 3.7vw, 20px);
		margin-top: clamp(14px, 3.7vw, 20px);
	}
	
	.footer-bottom {
		width: 100%;
		padding: 20px 0;
		font-size: clamp(10px, 2.6vw, 14px);
	}
	
	.footer-bottom.fdt-left-and-right .footer-bottom-content {
        gap: 8px;
    }
	
	.navi-footer-in a {
		font-size: clamp(10px, 2.6vw, 14px);
	}
	
	/*-------------------------------------------
	会社概要セクション
	-------------------------------------------*/
	.wellbe-about {
        padding: clamp(60px, 20vw, 150px) clamp(15px, 5vw, 60px);
    }
	
	.wellbe-about-inner {
		width: 100%;
	}
	
	.wellbe-about-title {
		font-size: clamp(16px, 4.4vw, 24px);
		padding: 4px;
	}
	
	.wellbe-about-subtitle {
		font-size: clamp(18px, 10vw, 60px);
		margin: clamp(5px, 1.8vw, 20px) 0 clamp(30px, 7vw, 60px);
	}
	
	.wellbe-about-header h4 {
		font-size: clamp(14px, 3.5vw, 20px);
	}
	
	.wellbe-about-data-text h5 {
		font-size: clamp(14px, 3.5vw, 20px);
	}
	
}

/*-------------------------------------------
834px以下
-------------------------------------------*/
@media screen and (max-width: 834px){
	/*===========================================
	
	【Primeページ用スタイル】
	
	===========================================*/

	/*-------------------------------------------
	ヘッダーセクション
	-------------------------------------------*/
	.prime-header {
        padding: 10px clamp(15px, 5vw, 60px);
    }
	
	.prime-header-left h1 {
		display: none;
	}
	
	.prime-header-left img {
		width: clamp(140px, 40vw, 233px);
	}
	
	/*-------------------------------------------
	メインビジュアルセクション
	-------------------------------------------*/
	
	/*===========================================
	
	【wellbeページ用スタイル】
	
	===========================================*/

	/*-------------------------------------------
	ヘッダーセクション
	-------------------------------------------*/
	.wellbe-header {
		padding: 10px clamp(15px, 5vw, 60px);
	}

	.wellbe-header-left h1 {
		display: none;
	}

	.wellbe-header-left img {
		width: clamp(140px, 40vw, 233px);
	}

	/*-------------------------------------------
	メインビジュアルセクション
	-------------------------------------------*/
	.white-bg-text {
		background-color: var(--white-color);
	}
	
	.wellbe-main-visual {
        background: url(../cocoon-child-master/images/wellbe/mainvisual_bg.png) no-repeat center right -30px / cover;
        background-size: 130%;
    }

}


/*-------------------------------------------
600px以下
-------------------------------------------*/
@media screen and (max-width: 600px){
	
	/*===========================================

	【全体】

	===========================================*/
	
	/*-------------------------------------------
	PC用・SP用
	-------------------------------------------*/
	
	.pc-image {
		display: none !important;
	}

	.sp-image {
		display: block !important;
	}
	
	/*===========================================
	
	【Primeページ用スタイル】
	
	===========================================*/
	
	/*-------------------------------------------
	メインビジュアルセクション
	-------------------------------------------*/
	.prime-main-button {
		width: 100%;
	}
	
	.prime-main-visual {
        background: url(../cocoon-child-master/images/prime/mainvisual_bg.png) no-repeat center right -284px / cover;
    }
	
	/*===========================================
	
	【wellbeページ用スタイル】
	
	===========================================*/
	
	/*-------------------------------------------
	メインビジュアルセクション
	-------------------------------------------*/
	.wellbe-main-button {
		width: 100%;
	}
	
    .wellbe-main-visual {
        background: url(../cocoon-child-master/images/wellbe/mainvisual_bg.png) no-repeat center right -50px / cover;
        background-size: 150%;
    }
	
}

/*-------------------------------------------
480px以下
-------------------------------------------*/
@media screen and (max-width: 480px){
	/*===========================================
	
	【Primeページ用スタイル】
	
	===========================================*/
	
	/*-------------------------------------------
	メインビジュアルセクション
	-------------------------------------------*/
	
	.prime-main-visual {
        background: url(../cocoon-child-master/images/prime/mainvisual_bg.png) no-repeat center right -210px / cover;
    }
	
	/*===========================================
	
	【wellbeページ用スタイル】
	
	===========================================*/
	
	/*-------------------------------------------
	メインビジュアルセクション
	-------------------------------------------*/
.character-spacing {
    letter-spacing: -20px;
}
	
	    .wellbe-main-visual {
        background: url(../cocoon-child-master/images/wellbe/mainvisual_bg.png) no-repeat center right -65px / cover;
        background-size: 178%;
    }
	
	    .wellbe-main-visual-inner {
        bottom: -25px;
    }
	
	.wellbe-main-visual-inner p {
        margin-bottom: clamp(25px, 11.5vw, 60px);
    }
	
}