/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Apr 29 2026 | 21:03:53 */
/*ネイビーの外枠*/
.lp_box_border{
	border:4px solid #003E6D;
}
/*スマホで見出しのサイズを18pxに*/
@media (max-width: 599px) {
.-sp-font25px span{
  font-size:25px !important;	
}
}
/*下向き矢印*/
.arrow_bottom{
	position:relative;
	margin-bottom:70px;
}
.arrow_bottom::after {
  content: "";
  position: absolute;
  bottom: -50px;
  left: 50%;
  transform: translateX(-50%);
  width: 40px; /* 三角の幅 */
  height: 15px; /* 三角の高さ */
  background: #FF007A; 
  clip-path: polygon(0 0, 100% 0, 50% 100%);
}
/*右向き矢印*/
.arrow_right{
	position:relative;
}
.arrow_right::after {
  content: "";
  position: absolute;
  top: 50%;
  right: -2em;
  transform: translateY(-50%); /* ← 縦中央に修正 */
  width: 15px;  /* 横幅（矢印の長さ） */
  height: 30px; /* 高さ */
  background: #FF007A;
  clip-path: polygon(0 0, 100% 50%, 0 100%);
}

/*----------LPメインビジュアル----------*/
.lp_mv {
  position: relative;
  overflow: hidden; /* はみ出し防止 */
}
/* 斜め背景 */
.lp_mv::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 60%; /* ← 青の面積調整 */
  height: 100%;
  background: #003e6c;
  transform: skewX(-20deg); /* ← 斜め角度 */
  transform-origin: top left;
  z-index: 0;
}
@media (max-width: 960px) {
	.lp_mv::before {
  width: 145%; /* ← 青の面積調整 */
  transform: skewX(-68deg); /* ← 斜め角度 */
}
}
@media (max-width: 600px) {
	.lp_mv::before {
  width: 210%; /* ← 青の面積調整 */
}
}
/*左側のボックス*/
.mv_left_box{
    padding: .5em 1em !important;
	width: fit-content;
    margin: 0 auto;
}
@media (max-width: 960px) {
	.mv_left_box{
    line-height:1;
    padding: .5 !important;
}
	.mv_left_box span{
		font-size:50px !important;
	}
}
/*右側のボックス*/
.wp-block-group.-radius8.lp_box_border.mv_right_box {
    width: fit-content;
    margin: 0 auto;
    padding: .5em 1.5em;
	position:relative;
	background:#fff;
}
.mv_right_box :where(.is-layout-flex) {
    gap: 2.5em;
}
/* 中身を前面に出す */
.lp_mv > * {
  position: relative;
  z-index: 1;
}
.mv_margin{
	position:absolute;
	top:0;
	left:50%;
	  transform: translate(-50%, -50%);
}
/*mv_or*/
.mv_or{
    position: absolute;
    background: #003E6C;
    color: #fff;
    font-size: 15px;
    font-weight: bold;
    width: 48px ! IMPORTANT;
    height: 48px;
    border-radius: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 100;
    padding-bottom: 5px;
}
/*画像ループスライダー*/
.loop-slider {
  overflow: hidden;
  width: 100%;
}

.loop-track {
  display: flex;
	justify-content: center;
    align-content: center;
    align-items: center;
	animation: scrollLoop 10s linear infinite;
}

.loop-track li {
  flex-shrink: 0;
  list-style: none;
}

.loop-track img {
    display: block;
    object-fit: cover;
    margin-right: 1.5em;
}

@keyframes scrollLoop {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}
/*----------業者選びリスト----------*/
.wp-block-group.lp_list_1 {
    width: fit-content;
    margin: 2em auto;
}
/*リストカラー*/
.wp-block-group.lp_list_1 :where(ul:not([type])) li::marker {
  color: #FF007A;
  font-size:26px;
}
/*----------お悩みリスト----------*/
.wp-block-group.lp_list_2 {
    width: fit-content;
    margin: 2em auto;
}
.wp-block-group.lp_list_2 .is-style-check_list li{
	padding-left: 2.5em;
}
.wp-block-group.lp_list_2 .is-style-check_list li:before {
    color: #fff;
    background: #003E6D;
    width: 30px;
    height: 30px;
    border-radius: 50%;
	display: flex;
    justify-content: center;
    align-items: center;
	margin-top: 5px;
}
/*----------仲介手数料の比較----------*/
.comparison_box .swl-bg-color {
    border-radius: 50px;
    padding: .25em .8em;
}
/*----------ご相談方法セクション----------*/
.consultation_column .swell-block-column:nth-child(2){
	padding-right:1.5em;
}
.lp_consultation_box{
	position:relative;
}
.lp_consultation_box_or{
content: "";
    position: absolute;
    top: 50%;
    right: -60px;
    background: #ff007a;
    color: #fff;
    font-size: 19px;
    font-weight: bold;
    width: 48px ! IMPORTANT;
    height: 48px;
    border-radius: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    justify-content: center;
    align-items: center;
	z-index:100;
}
@media (max-width: 959px) {
	.consultation_column .swell-block-column:nth-child(2){
		padding-right:0em;
}
}
@media (max-width: 960px) {
.lp_consultation_box_or {
     top: auto;
     left: 50%;
     bottom: -2.5em;
     right: auto;
    transform: translate(-50%);
	}
.arrow_right::after {
content: "";
    position: absolute;
    top: auto;
	left:50%;
    right: auto;
    bottom: -2em;
    clip-path: polygon(0 0, 100% 0, 50% 100%);
	width:30px;
	height:15px;
	transform: translateX(-50%);
}
}
/*-------LINEボタン-------*/
.lp_line_btn a{
	background:#0CC755;
	box-shadow:4px 5px 0px #CCCCCC;
	padding:1em;
}


/*----------利用の流れ----------*/
.lp_flow_box{
	position:relative;
	padding:3em 1em 2em!important
}
.lp_flow_box_num{
content: "";
    position: absolute;
    top: 0;
    left: 50%;
    background: #ff007a;
    color: #fff;
    font-size: 19px;
    font-weight: bold;
    width: 48px ! IMPORTANT;
    height: 48px;
    border-radius: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    justify-content: center;
    align-items: center;
}
/*----------LINEフローティングボタン----------*/
.lp_floating_cta {
  position: fixed;
  bottom: 0;
	z-index:100;
}

@media (min-width: 600px) and (max-width: 959px) {
  .lp_full.swell-block-fullWide {
    padding: 2em 1em !important;
  }
}