/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jun 09 2026 | 00:46:46 */
/*-----------------------------------------------------*/
/*各サービスページ*/
/*-----------------------------------------------------*/
/*--------------------------------*/
/*メインビジュアルセクション*/
/*--------------------------------*/
.service_mv_section{
	position: relative;
	overflow: hidden;
}
/*波*/
.service_mv_section::after{
	content: "";
	position: absolute;
	left: 0;
	bottom: -1px;
	width: 100%;
	height: 2.5vw;

	background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 10' preserveAspectRatio='none'%3E%3Cpath fill='%23ffffff' d='M0,4.42c0.05,0.01,0.1,0.03,0.15,0.04C6.26,6.2,12.58,8,25,8s18.74-1.8,24.85-3.53C56.03,2.71,62.42,0.89,75,0.89c12.48,0,18.86,1.79,25,3.53V0H25H0V4.42z' /%3E%3C/svg%3E");

	background-repeat: no-repeat;
	background-size: 100% 100%;
	background-position: center;

	transform: scaleY(-1);

	z-index: 2;
	pointer-events: none;
}
@media (max-width: 959px) {
.service_mv_section{
	background-image: url(https://xs514477.xsrv.jp/wp-content/uploads/2026/05/service_mv_cover__sp.png) !important;
}
}
.service_mv_section h1{
	line-height:1em;
}
.service_catch{
	line-height:2em;
}
.service_mv_section .swl-format-11 {
    padding: .1em .3em .2em
}
@media (min-width: 959px) {
.service_mv_section .wp-block-group.is-row.contact_common_box {
    justify-content: left;	
}
}
/*回遊バナー*/
.c-link-btn{
	transition:.3s;
}
.c-link-btn:hover{
	opacity:.7;
	transition:.3s;
}
/*-----------------------------------------------------*/
/*会社概要ページ*/
/*-----------------------------------------------------*/
/*--------------------------------*/
/*企業理念セクション*/
/*--------------------------------*/
/*---テキストコンテンツ---*/
/*グラデーション下線を調整*/
.philosophy_text_wrap .swl-format-6{
	position: relative;
	display: block;
	width: 100%;
	padding-bottom: 5px;

}
/*---画像コンテンツ---*/
.philosophy_img_wrap{
	position:relative;
}
.philosophy_illust img{
	position:absolute;
	left:8%;
	bottom:0;
	transform:translate(-50%,50%);
}
@media (max-width: 959px) {
/*---親要素---*/
.philosophy_section{
	padding-left:4vw;
	padding-right:4vw;
}	
	/*---テキストコンテンツ---*/
	.philosophy_text_wrap{
		padding-left:1rem !important;
	}
	/*---画像コンテンツ---*/
	.philosophy_illust img{
	position:absolute;
	left:58px;
	bottom:3%;
	transform:translate(-50%,50%);
}
}
/*---------お問い合わセクション--------*/
.company_contact_section h2{
    line-height: 2.4em;
}
.company_contact_section a{
	padding: 1em 0;
    height: 70px;
    justify-content: center;
    display: flex;
    margin: 0 auto;
    align-items: center;
}
/*電話ボタン*/
.tel_btn a{
	background:#fff;
}
/*-----------------------------------------------------*/
/*各サービスページ*/
/*-----------------------------------------------------*/
/*--------------------------------*/
/*お悩みセクション*/
/*--------------------------------*/
.s_solution_heading_group.wp-block-group.is-row{
	display: flex;
    align-items: center;
}
.wp-block-group.is-row.point_num {
    width: 45px;
	height:45px;
	margin-right:.5em;
	padding:0 0 4px!important;
    border-radius: 100px;
    line-height: 0;
    text-align: center;
    aspect-ratio: 1;
	justify-content: center;
    align-items: center;
}
.point_num span {
    line-height: 16px;
}
/*--------------------------------*/
/*ctaセクション*/
/*--------------------------------*/
.service_cta_section{
	position: relative;
	overflow: hidden;
}
.service_cta_section::before{
	content: "";
	position: absolute;
	inset: 0;

	background: linear-gradient(
		86deg,
		rgba(33, 172, 214, 0.78) 10%,
		rgba(217, 241, 248, 0.5) 78%,
		rgba(255, 255, 255, 0) 90%
	);

	z-index: 1;
}
@media (max-width: 959px) {
.service_cta_section .wp-block-group.is-row.contact_common_box {
    display: grid;
    justify-content: center;
    margin: 0 auto;
	gap:30px;
}
.service_cta_section .contact_common_box a {
    min-width: 310px;
}
}
/*--------------------------------*/
/*利用シーンセクション*/
/*--------------------------------*/
.scene_box{
	position:relative;
}
.scene_num {
	position:absolute;
	left: 50%;
    top: 0;
	transform:translate(-50%, -50%);
    width: 50px;
	height:50px;
	margin-right:.5em;
	padding:0 0 4px!important;
    border-radius: 100px;
    line-height: 0;
    text-align: center;
    aspect-ratio: 1;
	display:flex;
	justify-content: center;
    align-items: center;
	z-index:1;
}
.scene_num span {
    line-height: 16px;
}
/*グラデーション下線を調整*/
.scene_section .swl-format-6{
	position: relative;
	display: block;
	width: 100%;
	padding-bottom: 5px;
}