@import url('https://fonts.googleapis.com/css2?family=Playfair+Display&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Zen+Old+Mincho&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@400;700&display=swap');




:root {
	--red: #b7282e;
	--yellow: #ffd900;
}

/*フォント  */
body {
	font-family: 'Zen Old Mincho', 'Times New Roman', serif;
	color: #3B2B16;
}

/*カラー  */
:root {
	--main_moji: #3B2B16; /*コンテンツ内黒文字*/
	--light_blue: #A9D0E5;    /*リストの枠　Q＆Aの背景色　インタビューのドッグイヤー　br境界線　h1のカラー*/
	--ttl_blue: #c3deed;　　　/*英字のDecoタイトル*/
	--step_ttl_blue: #71A1BA;　/*STEP01から*/
	--interview_ttl: #5E90AC;  /*インタビューの事例タイトル*/
	--bg_blue: #FAFEFF;　　/*こんな方におすすめ背景*/
	--bg_beige: #FFFEF8;　　/*FLOWのベージュ背景*/
	--bg_interview: #FFFFFA; /*インタビューの背景*/
	--bg_interview_person: #E9F2F7; /*インタビューの人物背景*/
	--zen: 'Zen Old Mincho', serif;/*メインフォント*/
}
/*文字カラー  */
.blue_moji {
	color: #65A3C6;
}
.dark_blue_moji {
	color:#385463!important;
}
.pink_moji {
	color:#f3a5a3!important;
}


.article_wrap {
	margin-bottom: 0!important;
}

.top-h1 {
    background: #A9D0E5 !important;
    color: #fff;
}

/* ◆◆◆ 枠外背景 ◆◆◆ */
.keni-container, .keni-mv_wrap {
	overflow: hidden;
	background-image:url(http://xs986046.xsrv.jp/keni-lp/wp-content/uploads/2025/05/bk.webp);
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-size: cover;
}
/* ◆◆◆ /枠外背景 ◆◆◆ */


/* ◆◆◆ FV ◆◆◆ */
.fv figure {
	margin: 0;
}
/* ◆◆◆ /FV ◆◆◆ */


/* ◆◆◆ オファー ◆◆◆ */
.offer {
	background: #fffef8;
    padding: 3em 0;
}
.offer figure {
	margin: 0;
}
.skill_box {
	margin-top: 2em;
}
h2.skill_box_title {
	font-size: 2em!important;
	color: #71A1BA !important;
	text-align: center;
	line-height: 1.3;
	margin-bottom: 4rem;
}
.skill_box ul {
	list-style: none;
	margin: 0 1em 0 2.5em;
	font-size: 1.7em;
}
.skill_box li {
	border-bottom: 1px dotted #A9D0E5;
    padding-bottom: 1.3rem;
	position:relative;
}
.skill_box li:nth-child(1)::before {
	background: url(https://business.welneseikotu.xyz/wp-content/uploads/2025/07/1.webp)no-repeat;
	position:absolute;
	content: "";
	background-size: cover;
	width: 40px;
    height: 40px;
    top: -2px;
    left: -50px;
}
.skill_box li:nth-child(2)::before {
	background: url(https://business.welneseikotu.xyz/wp-content/uploads/2025/07/2.webp)no-repeat;
	position:absolute;
	content: "";
	background-size: cover;
	width: 40px;
    height: 40px;
    top: -2px;
    left: -50px;
}

/*hover時半透明化  */
a:hover {
opacity: 0.7;
}

/* ◆◆◆ /オファー ◆◆◆ */


/* ◆◆◆ 問合 ◆◆◆ */
.contact {
	margin-top: 3rem;
}

.contact__btn {
	margin-bottom: 2rem;
	transition-duration: 0.6S;
}

.contact__btn:hover {
	-webkit-transform: scale(1.05);
	transform: scale(1.05);
	transition-property: all;
	transition-duration: 0.6S;
}
/* ◆◆◆ /問合 ◆◆◆ */


/* ◆◆◆ こんな方におすすめ ◆◆◆ */
/*イエローアンダーライン*/
.yellow_un {
background:linear-gradient(transparent 60%, #F9F6B7 60%);
}

.problem {
	margin-top: 4rem;
}

.problem__inner {
	background: linear-gradient(360deg, rgb(250, 254, 255) 0.00%, rgb(253, 255, 255) 100.00%);
	padding-top: 4rem;
	padding-bottom: 6rem;
}

h2.problem__title {
	text-align: center;
}

ul.problem__items {
	padding: 0;
}

.problem__items li {
    font-size: clamp(1.7rem, 2vw, 2rem);
    position: relative;
    padding-left: 3rem;
    list-style: none;
    background: #fff;
    border: 1px solid #A9D0E5;
    border-radius: 50px;
    padding: 2rem 2rem 2rem 5rem;
    justify-content: center;
	align-items: center;
	line-height: 1.5;
	font-size: 1.5em;
	min-height: 3.5em;
	box-sizing: border-box;
}

.problem__items li:before {
	position: absolute;
	top: 50%;
	left: 20px;
	transform: translateY(-50%);
	content: "";
	background: url(https://business.welneseikotu.xyz/wp-content/uploads/2025/06/list-check.webp);
	background-size: cover;
	width: 2.2rem;
	height: 1.8rem;
}
/* ◆◆◆ /お悩み ◆◆◆ */


/* ◆◆◆ 事例紹介 ◆◆◆ */
.voice {
	margin-top: 5rem;
	margin-bottom: 4rem;
}

.voice__inner {
	background: #fff;
	padding-top: 4rem;
}


ul.voice__items {
	list-style: none;
}

li.voice__item {
	background: #FFFFFA;
	padding: 2.6rem 2.6rem 0.6rem 2.6rem;
	margin-bottom: 2rem;
	box-shadow: 3px 7px 6px -3px rgba(0, 0, 0, 0.21), inset 0px -3px 6px -2px rgba(0, 0, 0, 0.3);
	clip-path: polygon(95% 0, 100% 5%, 100% 100%, 0 100%, 0 0);
	position: relative;
}

li.voice__item:before {
	clip-path: polygon(0 0, 100% 100%, 0 100%);
	background: #A9D0E5;
	position: absolute;
	content: "";
	background-size: cover;
	width: 30px;
	height: 30px;
	top: 0;
	right: 0;
}

li.voice__item:after {
   content: "";
   display: block;
   clear: both;
}

figure.voice__item-img {
    float: left;
    width: 100%;
    padding: 0;
    background: #E9F2F7;
    margin-bottom: 1rem;
	border-radius: 5px;
}

li.voice__item h3.voice__item-title {
	font-size: clamp(1.8rem, 2.6vw, 2.6rem);
	margin: 0;
	text-align: center!important;
	color: #5E90AC;
	font-weight: bold!important;
}

p.voice__item-meta {
	color: #3B2B16;
	font-size: 1.8rem;
	margin-bottom: 10px!important;
	text-align: center;
}

p.voice__item-text {
	font-size: clamp(1.5rem, 1.7vw, 1.7rem);
	line-height: 1.6;
	text-align: justify;
}

/* ◆◆◆ /事例紹介 ◆◆◆ */


/* ◆◆◆ サービス内容 ◆◆◆ */
.reason {
	margin-top: 5rem;
}

.reason__inner {
	background: #fff;
	padding-top: 4rem;
}

/*◆◆◆h2タイトル装飾◆◆◆  */
.blue_deco_title,.white_deco_title {
	font-size: 3.2em;
	color: #c3deed;
	letter-spacing: 10px;
	font-family: 'Cinzel', serif!important;
}
.white_deco_title {
	color: #fff;
}

h2.reason__title,.problem__title,.flow__title,.qa__title,.voice__title,.program__title,.message__title {
	text-align: left!important;
	color: #3B2B16!important;
	font-size: 1.6em!important;
	margin-top: 0 !important;
	position: relative;
	font-weight: 400!important;
}

h2.qa__title {
	color: #fff!important;
	font-weight: 400!important;
}

.reason__title::after,.problem__title::after,.flow__title::after,.voice__title::after,.program__title::after,.message__title::after,.qa__title::after {
    content: "";
    position: absolute;
    right: -5%;
    top: 50%;
    transform: translateY(-50%);
    width: 50%;
    height: 1px;
    background-color: #A9D0E5;
}

.flow__title::after {
	width: 60%;
}
.reason__title::after,.program__title::after,.message__title::after,.voice__title::after {
	width: 70%;
}
.voice__title::after {
	width: 80%;
}

.qa__title::after {
	width: 70%;
    height: 1px;
    background-color: #fff;
}
/*◆◆◆/h2タイトル装飾◆◆◆  */


ul.reason__items {
	counter-reset: reason;
	list-style: none;
	margin: 0;
	border: 2px solid #A9D0E5;
	background: #F5FCFF;
	padding: 2em;
}

li.reason__item {
	margin-bottom: 4rem;
	position: relative;
}

.num  {
    font-size: 3em !important;
    color: #385463!important;
    margin-bottom: 0 !important;
    top: -20px;
	left: 10px;
    position: absolute;
	font-family: 'Cinzel', serif!important;
    font-weight: 100!important;
}
figure.reason__img {}

.reason__item p {
	text-align: center;
	font-size: 22px;
	font-family:var(--zen)!important;
	margin-bottom: 0;
}
/* ◆◆◆ /サービス内容 ◆◆◆ */


/* ◆◆◆ プログラムの流れ ◆◆◆ */
.b-bg {
	background: #FFFEF8;
}
.flow {
	margin-top: -6.5rem;
}

.gurad_deco {
	background: url(https://business.welneseikotu.xyz/wp-content/uploads/2025/06/gurade-obi-scaled.webp)center;
    width: 100%;
    height: 100%;
    z-index: -5;
	padding: 4em 0;
	background-position: center;  
    background-repeat: no-repeat;  
	background-size: contain;
}


.flow__inner {
	padding-top: 4em;
}

ul.flow__items {
	counter-reset: flow;
	list-style: none;
}

li.flow__item {
    margin-bottom: 5em;
    background: #fff;
    padding: 3em;
    box-shadow: 3px 7px 6px -3px rgba(0, 0, 0, 0.21), inset 0px -3px 6px -2px rgba(0, 0, 0, 0.3);
	filter: drop-shadow(-4px -3px 3px rgba(216, 212, 212, 0.44));
	position: relative;
	z-index: 1;
}

li.flow__item h3 {
	color: #71A1BA;
	font-size: 22px;
	text-align: center;
	font-weight: normal !important;
}

li.flow__item:before {
    content: "STEP" counter(flow, decimal-leading-zero);
    counter-increment: flow;
	color: #385463!important;
    font-size: 2.3rem!important;
    position: absolute;
    top: -42px;
    left: 1px;
    background: #fff!important;
    padding: 1rem 1.4rem;
    border-top-right-radius: 10px 10px;
	filter: drop-shadow(-4px -2px 3px rgba(222, 218, 218, 0.44));
	font-family: 'Zen Old Mincho', serif;
}

figure.flow__img {}

li.flow__item p {
	margin-bottom: 0!important;
}
/* ◆◆◆ /プログラムの流れ ◆◆◆ */


/* ◆◆◆ 質問 ◆◆◆ */
.qa {
	margin-top: 0;
}
.qa__inner {
	background: #A9D0E5;
	padding-top: 1em;
    padding-bottom: 1em;
}

h2.qa__title {
	text-align: center;
}

.qa__list {
	list-style:none;
	padding: 0 0 3em 0;
}
.qa_inner {
	background: #fff;
	padding: 1em;
	border-radius: 5px;
	margin-bottom: 1em;
}

.question_text {
	position: relative;
	padding-bottom: 20px;
	margin-bottom: 0;
	padding: 0 0 0 2em!important;
	color: #5E90AC;
	font-size: 2.2rem;
}
.question_text:before {
	position: absolute;
	content: "";
	background: url(https://business.welneseikotu.xyz/wp-content/uploads/2025/06/question.webp)no-repeat;
	background-size: cover;
	width: 25px;
	height: 25px;
	top: 5px;
	left: 0;
}

.answer_text {
    padding: 1rem 0 0 2em !important;
    margin-bottom: 0 !important;
    border-top: 1px solid #A9D0E5 !important;
}
/* ◆◆◆ /質問 ◆◆◆ */


/* ◆◆◆プログラム ◆◆◆ */
.program__inner {
	background: #fff;
	padding-top: 4rem;
}
/* ◆◆◆ /プログラム ◆◆◆ */

/* ◆◆◆ 代表の想い ◆◆◆ */
.message__inner {
	background: #fff;
	padding-top: 4rem;
}
.introduction {
	text-align: center;
	font-size: 18px;
}
.message_text {
	margin-top: 2em;
	text-align: center;
}
.blue_line {
	border-top: 1px solid #A9D0E5;
	padding: 2em 0;
}
/* ◆◆◆ /代表の想い ◆◆◆ */


/* ◆◆◆ アクセス ◆◆◆ */
.access {
	margin-top: 5rem;
}

.access__inner {}

h2.access__title {
	text-align: center;
}

.access figure {
	margin-bottom: 3rem;
}

table.access__table {
	
}

table.access__table th {
	text-align: left;
	background: none;
}

table.access__table th, table.access__table td {
	font-size: clamp(1.6rem, 2vw, 2rem);
}
/* ◆◆◆ /アクセス ◆◆◆ */


/* ◆◆◆ フッターボタン ◆◆◆ */
.footer__contact {
	position: fixed;
	bottom: 0.5rem;
	right: 1rem;
	width: 40rem;
	z-index: 10;
}

/*1つの場合*/
.footer__contact-btn1 {
	transition: 0.6s;
}

.footer__contact-btn1:hover {
	transform: scale(1.05,1.05);
}

/*2つの場合*/
.footer__contact-btn2 {}

.footer__btn2-item {
	transition: 0.6s;
	margin-bottom: 1.6rem;
}

.footer__btn2-item:hover {
	transform: scale(1.05,1.05);
}
/* ◆◆◆ /フッターボタン ◆◆◆ */

/* ◆◆◆ フッター ◆◆◆ */
.keni-footer_wrap {
	background: #A9D0E5!important;
	margin-top: -5rem;
}

.keni-copyright_wrap {
	border-top: none!important;
	text-align: center;
}

.keni-copyright {
	color: white;
}
/* ◆◆◆ /フッター ◆◆◆ */



/* ◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆ SP ◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆ */

@media (max-width: 768px) {
	
	/*◆◆◆h2タイトル装飾 ◆◆◆ */
	.blue_deco_title, .white_deco_title {
    font-size: 1.6em;
    }
	
	h2.reason__title,.flow__title,.problem__title,.qa__title, .voice__title, .program__title, .message__title {
		font-size: 1.3em !important;
		margin-top: -10px !important;
    }
	.problem__title::after {
		width: 40%!important;
	}
	.flow__title::after,.qa__title::after {
    	width: 50%!important;
	}
	.reason__title::after,.message__title::after {
    	width: 60%!important;
	}
	.program__title::after, .voice__title::after {
		width: 70%!important;
	}
	/*◆◆◆オファー部分 ◆◆◆ */
	h2.skill_box_title {
    font-size: 1.4em!important;
	}
	.skill_box ul {
    font-size: 1.3em;
	}
	.skill_box {
    margin-top: 2em;
    margin-left: .5em;
	}
	
	
	/* ◆◆◆ サービス内容 ◆◆◆ */
	.num {
        font-size: 2.5em !important;
        top: -25px;
        left: 10px;
    }
	.reason {
		margin-top: 0rem;
	}
	ul.reason__items {
    padding: 1em;
	}
	.reason__item p {
    font-size: 20px;
    line-height: 1.3;
    }
	.reason__item h3 {
	font-size: 3.5rem!important;
    top: -16px;
    }
	/* ◆◆◆ /サービス内容 ◆◆◆ */
	
	
	/* ◆◆◆ こんな方におすすめ ◆◆◆ */
	.problem__inner {}
	.problem {}
			
	ul.problem__items {
		padding: 0;
	}
	
	.problem__items li:before {
        top: 50%;
    }
	.problem__items li {
    font-size: clamp(1.7rem, 2vw, 2rem);
    line-height: 1.1;
    font-size: 1.1em;
    }
	/* ◆◆◆ /こんな方におすすめ ◆◆◆ */
	
	
	/* ◆◆◆ 事例紹介 ◆◆◆ */
	.voice {}
	
	li.voice__item {
		padding: 2rem 2rem 0.6rem 2rem;
	}

	figure.voice__item-img {
		float: left;
		width: 100%;
		padding: 0;
	}
	

	p.voice__item-text {}
	/* ◆◆◆ /事例紹介 ◆◆◆ */
	
	
	/* ◆◆◆ 流れ ◆◆◆ */
	.flow {}
	li.flow__item {
    margin-bottom: 5em;
    background: #fff;
    padding: 1.6em;
    }
	/* ◆◆◆ /流れ ◆◆◆ */


	/* ◆◆◆ 質問 ◆◆◆ */
	.qa__inner {
    padding-top: 0; 
	}
	.qa__list {
		padding-bottom: 3rem;
		margin-top: 4rem;
	}

	/* ◆◆◆ /質問 ◆◆◆ */
	
	/* ◆◆◆ プログラム ◆◆◆ */
	.program__inner {
    	padding-top: 0;
	}
	/* ◆◆◆ /プログラム ◆◆◆ */
	
	
	/* ◆◆◆ 代表メッセージ ◆◆◆ */
	.message__inner {
    padding-top: 0;
	}
	/* ◆◆◆ /代表メッセージ ◆◆◆ */
	
	
	/* ◆◆◆ フッターボタン ◆◆◆ */
	.footer__contact {
		bottom: 0;
		right: 0;
		width: 100%;
	}

	/*1つの場合*/
	.footer__contact-btn1 {
		transition: 0.6s;
	}

	/*2つの場合*/
	.footer__contact-btn2 {
		display: flex;
		}

	.footer__btn2-item {
		width: 50%;
		padding: 0.1rem;
		margin-bottom: 0;
	}
	/* ◆◆◆ フッターボタン ◆◆◆ */

}