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

COMMON

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

body {
  font-family: 'Noto Serif JP', 'Playfair Display', serif;
  font-size: 16px;
  min-width: 320px;
  }

  a {
    color: #333;
    text-decoration: none;
  }

  a:hover {
    opacity: 0.7;
    transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  }

  img {
    display: block;
  }

.images img {
  width: 100%;
  height: auto;
  display: block;
}

.grecaptcha-badge {
  display: none !important;
}

/* DISPLAY */

.dis-pc {
  display: none;
}

.dis-sp-tb {
display: block;
}

.dis-tb-pc {
display: none;
}

.d-flex {
  display: flex !important;
  flex-wrap: wrap;
}


/* BR */

.br-sp {
display: block;
}

.br-sp-tb {
  display: block;
}

.br-tb-pc {
display: none;
}

.br-pc {
  display: none;
}


/* POSITION */

.position-r {
  position: relative;
}

.position-a {
  position: absolute;
}






/* WIDTH */

.max1200 {
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
}

.max800 {
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
}


/* G & P FLUID */

.g-1-fluid {
--bs-gutter-x: 0.4rem;
}

.p-1-fluid {
padding-left: 0.1rem;
padding-right: 0.1rem;
}


/* PADDING */

.section-px {
box-sizing: border-box;
padding-left: 0.5rem;
padding-right: 0.5rem;
}

.section-pt {
padding-top: calc(28px + 36 * ((100vw - 320px) / 880));
}

.section-pb {
padding-bottom: calc(28px + 36 * ((100vw - 320px) / 880));
}

.unit-pb {
padding-bottom: calc(24px + 18 * ((100vw - 320px) / 880));
}

.unit-pt {
padding-top: calc(24px + 18 * ((100vw - 320px) / 880));
}

.con-pb {
padding-bottom: calc(16px + 12 * ((100vw - 320px) / 880));
}

.con-pt {
padding-top: calc(16px + 12 * ((100vw - 320px) / 880));
}


/* MARGIN */

.section-mt {
margin-top: calc(28px + 36 * ((100vw - 320px) / 880));
}

.section-mb {
margin-bottom: calc(28px + 36 * ((100vw - 320px) / 880));
}

.unit-mb {
margin-bottom: calc(24px + 18 * ((100vw - 320px) / 880));
}

.unit-mt {
margin-top: calc(24px + 18 * ((100vw - 320px) / 880));
}

.con-mb {
margin-bottom: calc(16px + 12 * ((100vw - 320px) / 880));
}

.con-mt {
margin-top: calc(16px + 12 * ((100vw - 320px) / 880));
}



.article-box-px,
.article-box-py {
  box-sizing: border-box;
}

.article-box-px {
  padding-left: calc(8px + 4 * ((100vw - 320px) / 880));
  padding-right: calc(8px + 4 * ((100vw - 320px) / 880));
}

.article-box-py {
  padding-top: calc(8px + 4 * ((100vw - 320px) / 880));
  padding-bottom: calc(16px + 16 * ((100vw - 320px) / 880));
}


.article-box-py.customer-voice {
  padding-bottom: 0;
  padding-top: calc(2px + 10 * ((100vw - 320px) / 448));
}

.text-box-px,
.text-box-py {
  box-sizing: border-box;
}

.text-box-px {
  padding-left: calc(8px + 28 * ((100vw - 320px) / 880));
  padding-right: calc(8px + 28 * ((100vw - 320px) / 880));
}

.text-box-py {
  padding-top: calc(8px + 28 * ((100vw - 320px) / 880));
  padding-bottom: calc(8px + 28 * ((100vw - 320px) / 880));
}

.text-box-title.text-box-px {
  padding-left: calc(8px + 8 * ((100vw - 320px) / 880));
  padding-right: calc(8px + 8 * ((100vw - 320px) / 880));
}

.text-box-title.text-box-py {
  padding-top: calc(8px + 8 * ((100vw - 320px) / 880));
  padding-bottom: calc(8px + 8 * ((100vw - 320px) / 880));
}




/*  バックグラウンドカラー  */

.bs-333 {
  background-color: #333;
}

.bs-fff {
  background-color: #fff;
}

.bs-f0 {
  background-color: #fffff0;
}

.bs-f9 {
  background-color: #fffff9;
}

.bs-beige {
  background-color: #f7efe2;
}

.bs-light-beige {
  background-color: #faf3eb;
}

.bs-key {
  background-color: #4e4449;
}

.bs-red {
  background-color: #cd5c5c;
}

.bs-cocoa {
  background-color: #726863;
}

.bs-see {
  background-color: #768ba1;
}

.bs-menu {
  background-color: #dfe0d5;
}

.bs-db {
  background-color: #303841;
}

.bs-glay {
  background-color: #808080;
}

.bs-light-glay {
  background-color: #dfe1d5;
}

.bs-bc {
  background-color: #bcbab5;
}

.bs-lg2 {
  background-color: #f4f4ef;
}

.bs-line {
  background-color: #06c755;
}




/* バックグラウンド　イメージ */

.bg-001 {
  background-image: url(../images/bg-001.jpg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  }
  
  .bg-002 {
    background-image: url(../images/bg-002.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    }
  
  .bg-gold {
  background-image: url(../images/bg-gold.jpg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  }

/* テキストカラー */

.color-key {
  color: #4e4449;
}

.color-f0 {
  color: #fffff0;
}

.color-red {
  color: #cd5c5c;
}

.color-gold {
  color: #edd471;
}

.color-see {
  color: #768ba1;
}

.color-db {
  color: #303841;
}

.color-blue {
  color: #4285f4;
}

.color-glay {
  color: #808080;
}

.color-beige {
  color: #f7efe2;
}

.color-menu {
  color: #dfe0d5;
}

.color-fff {
  color: #fff;
}

.color-333 {
  color: #333;
}

.color-cocoa {
  color: #726863;
}



/* FILL */

.fill-db {
  fill: #303841;
}

/* BORDER */

.border-cocoa
{
  border: 1px solid #726863;
}


/* FONT WEIGHT */

.w2 {
font-weight: 200;
}

.w3 {
font-weight: 300;
}

.w4 {
font-weight: 400;
}

.w5 {
font-weight: 500;
}

.w6 {
font-weight: 600;
}

.w7 {
font-weight: 700;
}

.w8 {
font-weight: 800;
}

.w9 {
font-weight: 900;
}

.space {
  padding-bottom: 0.4rem;
}

.italic {
  font-style: italic;
}

.line-height-1 {
  line-height: 1 !important;
}

/* FONT FAMILY */

.font-family-en {
  font-family: 'Playfair Display';
}

.font-family-ja {
  font-family: 'Noto Serif JP';
}

.font-family-sans {
  font-family: 'Noto Sans JP';  
}



/* FONT POSITION */

.ccc {
text-align: center;
}

.cll {
  text-align: center;
}

.rrr {
  text-align: right;
}

.lcc {
text-align: left;
}

.llc {
  text-align: left;
}


/* FONT STYLE */

.page-p {
font-size: calc(13px + 5 * ((100vw - 320px) / 880));
line-height: calc(26px + 10 * ((100vw - 320px) / 880));
}

.page-p-ast {
  font-size: calc(10px + 3 * ((100vw - 320px) / 880));
  line-height: calc(18px + 6 * ((100vw - 320px) / 880));
  }

.page-p.mb {
margin-bottom: calc(24px + 12 * ((100vw - 320px) / 880));
}



.article-title {

font-size: 14px;
margin-bottom: 8px;

}

.article-desc {
font-size: 11px;
line-height: 16px;
}

.article-meta {
font-size: 9px;
margin: 5px;
}

.text-link {
line-height: 1;
}

.text-link a {
font-size: 12px;
text-decoration: underline;
color: #768ba1;
}

.text-link a::after {
content: "";
border-left: 7px solid #768ba1;
border-right: 7px solid rgba(255,255,255,0);
border-top: 5px solid rgba(255,255,255,0);
border-bottom: 5px solid rgba(255,255,255,0);
width: 0;
display: inline-block;
height: 10px;
margin-left: 5px;
vertical-align: -1px;
}

.link-text {
  font-size: inherit;
  text-decoration: underline;
  color: #768ba1;
}


/* BUTTON STYLE */

.entry-btn {
display: block;
width: 160px;
}

.entry-btn a {
font-size: 12px;
display: block;
width: 100%;
text-align: center;
height: 36px;
line-height: 32px;
}

.entry-btn a:hover {
color: #fff;
}

.entry-btn {
margin-left: auto;
margin-right: auto;
}

.entry-btn.center {
  margin-left: auto;
  margin-right: auto;
}


/* PAGE LINK BTN */

.page-link-btn {
  text-align: center;
}

.page-link-btn a {
  display: inline-block;
  background-color: #768ba1;
  padding: 0 calc(12px + 5 * ((100vw - 320px) / 880));
  height: calc(30px + 10 * ((100vw - 320px) / 880));
  line-height: calc(28px + 10 * ((100vw - 320px) / 880));
  font-size: calc(13px + 3 * ((100vw - 320px) / 880));
  color: #fff;
}



/* PAGE TITLE UNIT */

.con-title-p {
  font-size: calc(16px + 32 * ((100vw - 320px) / 880));
  line-height: calc(28px + 36 * ((100vw - 320px) / 880));
}

/*
PAGE TITLE
*/

.page-title-unit {
font-size: 0;
line-height: 1;
}

.page-title-p {
font-size: calc(24px + 30 * ((100vw - 320px) / 880));
display: inline;
font-weight: 500;
font-family: 'Playfair Display';
}

.page-title-span {
font-size: calc(10px + 6 * ((100vw - 320px) / 880));
display: inline;
font-weight: 200;
}

.page-title-span::before {
content: "/";
margin: 0 calc(8px + 4 * ((100vw - 320px) / 880));
}



/*
ICON TITLE
*/

.icon-title-unit {
  gap: 8px;
  align-items: center;
}

.icon-title-icon {
  width: 24px;
  height: 24px;
  border: 1px solid #303841;
  position: relative;
  background-color: #f4f4ef;
}

.icon-title-icon svg {
  width: 16px;
  height: 16px;
  fill: #303841;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
}

.icon-title-index .title-h3 {
  margin-top: -1px;
  margin-bottom: 0;
  line-height: 0;
}




/*
TEXT TITLE
*/

.title-h1 {
  font-size: calc(28px + 36 * ((100vw - 320px) / 880));
  line-height: calc(38px + 50 * ((100vw - 320px) / 880));
}

.title-h2 {
  font-size: calc(16px + 32 * ((100vw - 320px) / 880));
  line-height: calc(24px + 40 * ((100vw - 320px) / 880));
}

.title-h3 {
  font-size: calc(16px + 16 * ((100vw - 320px) / 880));
  line-height: calc(24px + 32 * ((100vw - 320px) / 880));
}

.title-h4 {
  font-size: calc(14px + 14 * ((100vw - 320px) / 880));
  line-height: calc(22px + 18 * ((100vw - 320px) / 880));
}


/*
IMAGE TITLE
*/

.image-title-unit {
  width: 100%;
  left: 0;
  bottom: calc(18px + 24 * ((100vw - 320px) / 276));
  padding: 8px calc(8px + 8 * ((100vw - 320px) / 276));
  background: linear-gradient(90deg, rgb(78, 68, 73, 1), rgba(78,68,73,0));
}

.image-title-index {
  font-size: calc(24px + 24 * ((100vw - 320px) / 276));
  line-height: calc(24px + 24 * ((100vw - 320px) / 276));
}

.image-title-index.mb {
  margin-bottom: 6px;
}

.image-title-desc {
  font-size: calc(10px + 4 * ((100vw - 320px) / 276));
}


/*
IMAGE TITLE COL1
*/

.image-title-unit.col-1 {
  width: 100%;
  background: linear-gradient(90deg, rgb(256, 256, 256, 1), rgba(256,256,256,0));
}

.image-title-index.col-1 {
  width: 100%;
}

.image-title-desc.col-1 {
  width: 100%;
}






/* COLUMN */

/*
COL-122
*/

.col-122 {
  gap: 9px;
  justify-content: center;
}

.col-122-item {
  width: 100%;
}

.col-122-item.images img {
  max-width: 587px;
}

/*
COL-133
*/

.col-133 {
  gap: 9px;
  justify-content: center;
}

.col-133-item {
  width: 100%;
}



/*
COL-113
*/

.col-113-item {
  width: 100%;
}






/* arrow unit */

.arrow-unit-inner {
display: inline-block;
}

.arrow-wrap.top {
display: inline-block;
margin-right: 15px;
}

.arrow {
display: flex;
}

.arrow::after {
content: '';
width: calc(90px + 30 * ((100vw - 320px) / 880));
height: 15px;
border-bottom: solid 1px;
border-right: solid 1px;
transform: skew(45deg);
margin: 0 auto;
}

.arrow-p {
font-size: calc(12px + 4 * ((100vw - 320px) / 880));
font-weight: 500;
}



/* BREAD-CRUMB */

.bread-crumb {
  display: flex;
  flex-wrap: wrap;
  gap: 0 calc(10px + 2 * ((100vw - 320px) / 880));

}

.bread-crumb-p {
  font-size: calc(10px + 3 * ((100vw - 320px) / 880));
  margin-bottom: 0px;
  line-height: calc(13px + 11 * ((100vw - 320px) / 880));
}

.bread-crumb-p a {
  color: #0d6efd;
}

.bread-crumb-p a::after {
  content: "/";
  margin-left: calc(10px + 2 * ((100vw - 320px) / 880));
  color: #888;
}



/* PAGENATION */

.archive-navi {
  width: 100%;
  display: block;
  text-align: center;
  padding: 30px 0;
}

.navigation.pagination {
  display: inline-block;
  font-size: 13px;
}

.pagination {
  position: relative;
}

.page-numbers.current {
  background-color: #0693e3;
  color: #fff;
  border: 1px solid #0693e3;
}

.page-numbers {
  padding: 5px 10px;
  box-shadow: 0.5px 0.5px 3px #8f8f8f;
  background-color: #fff;
}

.next.page-numbers {
  padding-left: 5px;
  box-shadow: none;
  background-color: rgba(0,0,0,0);
}

.prev.page-numbers {
  padding-right: 5px;
  box-shadow: none;
  background-color: rgba(0,0,0,0);
}

.page-numbers.dots
{
  background-color: inherit;
  box-shadow: none;
}


/* LIST MARK */

.list-mark-decimal {
  list-style: decimal;
}

.list-mark-en {
  list-style: lower-latin;
}

.list-mark-uen {
  list-style: upper-alpha;
}

.list-mark-none {
  list-style: none;
}


/* BOX */

.con-box {
  box-sizing: border-box;
  padding: calc(16px + 26 * ((100vw - 320px) / 880)) calc(8px + 8 * ((100vw - 320px) / 880));
}

.con-box-image {
  display: flex;
  flex-wrap: nowrap;
  gap: 0 8px;
}
  
.con-box-image-item-222 {
  width: calc(50% - 0.25rem);
}

.box-list li {
  margin-bottom: calc(8px + 4 * ((100vw - 320px) / 880));
}


/* BORDER */

.border-db {
  border: calc(3px + 2 * ((100vw - 320px) / 880)) solid #303841;
}


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

HEADER

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

.header-wrap {
padding: 0 0.25rem;
box-sizing: border-box;
}

.header-inner {
height: 50px;
}

/* LOGO */



.logo-mark {
max-width: calc(36px + 2 * ((100vw - 320px) / 448));
margin-right: 5px;
}

.logo-type-image {
width: calc(140px + 10 * ((100vw - 320px) / 448));
line-height: 1;
font-size: 1px;
}

.logo-desc {
  font-size: calc(8px + 1 * ((100vw - 320px) / 448));
  font-weight: 300;
  margin-bottom: 3px;
  line-height: 1;
}


/* DRAWER */

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

DRAWER CSS

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



/*　ドロワーメニュー　Close状態　*/

.drawer {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #fff;
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
-webkit-transition:ease .5s;
transition: ease .5s;
z-index: 9999;
}

/* ドロワーメニュー　開閉ボタン */


.drawerbtn {
position: absolute;
top: 0px;
right: -50px;
width: 50px;
height: 50px;
-webkit-transition: ease .5s;
transition: ease .5s;
cursor: pointer;
align-items: flex-end;
display: flex;
justify-content: center;
font-size: 10px;
z-index: 10000;
}

/* hambarg */

.hambarg {
position: absolute;
-webkit-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
height: 1px;
width: 30px;
background-color: #111;
-webkit-transition: ease .5s;
transition: ease .5s;
}
.hambarg:nth-child(1) {
top: 30%;
left: 50%;
}
.hambarg:nth-child(2) {
top: 50%;
left: 50%;
}
.hambarg:nth-child(3) {
top: 70%;
left: 50%;
}


/* ドロワーメニューをOPENにする */

.drawer.action {
-webkit-transform: translateX(0);
transform: translateX(0);
overflow-y: auto;
-webkit-overflow-scrolling: touch;
}

/* ボタンをドロワーメニュー内に表示 */

.drawerbtn.action {
right: 0;
}

/* ハンバーガーボタンを×に変える */


.drawerbtn.action span.hambarg:nth-child(1) {
top: 50%;
-webkit-transform: translate(-50%,-50%) rotate(45deg);
transform: translate(-50%,-50%) rotate(45deg);
background-color: #333;
}

.drawerbtn.action span.hambarg:nth-child(2) {
top: 50%;
-webkit-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
display: none;
}

.drawerbtn.action span.hambarg:nth-child(3) {
top: 50%;
-webkit-transform: translate(-50%,-50%) rotate(-45deg);
transform: translate(-50%,-50%) rotate(-45deg);
background-color: #333;
}

/* ドロワーメニューの設定 */

.dw-utility ul {
padding-bottom: 14px;
border-bottom: 1px solid #cdcdcd;
margin-bottom: 20px;
}

.drawer ul{
  padding-top: 10px;
  padding-left: 10px;
  padding-right: 50px;
}

.drawer.action {
  background-color: #fff;
}


/* DW HEADER */

.dw-body {
padding: 0;
}


/* DW HEADER */

.dw-header {
padding: 10px 8px;
background-color: #f2f2f2;
}

/* UTILITY MENU */

.dw-utility {
display: flex;
flex-wrap: wrap;
gap: 8px;
}

.dw-utility-btn a {
font-size: 12px;
display: block;
height: 30px;
line-height: 28px;
padding: 0 10px;
color: #fff;
}

.dw-utility-btn.consul a {
background-color: #cd5c5c;
}

.dw-utility-btn.member a {
background-color: #768ba1;
}

.dw-utility-btn.ivp_form a {
  background-color: #303841;
}

.dw-utility-img {
width: 30px;
height: 30px;
}

.dw-utility-img a {
display: block;
background-color: #768ba1;
}

.dw-utility-img img {
display: block;
width: 30px;
height: 30px;
padding: 8px;
}


/* DW MENU */

.dw-menu {
  padding: 8px;
  background-color: #fffff9;
  }

.dw-menu-title {
font-size: 15px;
padding: 10px 0;
color: #4e4449;
}

.dw-menu-unit li a {
  display: block;
  color: #4e4449;
}

.dw-menu-unit li a:hover {
  color: #4e4449;
}

.dw-menu-unit ul {
list-style: none;
padding: 0;
}

.dw-menu-unit li {
font-size: 13px;
padding: 10px 20px;
border-top: 1px dotted #cdcdcd;
color: #4e4449;
}

.dw-menu-unit li:last-child {
border-bottom: 1px dotted #cdcdcd;
}


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

TOP

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


/*  SWIPER  */

.swiper-images img {
display: block;
width: 100%;
}

.swiper-button-prev,
.swiper-button-next {
color: #fff;
}



/*
SW PAGENATION
*/

.swiper-button-prev.top-sw.next::after {
  content: none;
}

.swiper-button-next.top-sw.prev::after {
  content: none;
}

.fv-sw-pagenation {
  display: flex;
  flex-wrap: nowrap;
  gap: 0;
  align-items: center;
  justify-content: end;
  height: 2.4rem;
  position: relative;
}

.swiper-button-next.top-sw,
.swiper-button-prev.top-sw {
  fill: #768ba1;
  display: block;
  position: unset;
  width: 2.4rem;
  height: 2.4rem;
  margin-top: 0;
}

.top-sw svg {
  width: 2.4rem;
  height: 2.4rem;
  padding: 0.4rem;
  transform: unset;
  margin: unset;
  vertical-align: top;
}



/*  TOPICS (SLICK)   */

.future img {
display: block;
width: 100%;
height: auto;
}


.slick-p {
  font-size: calc(13px + 4 * ((100vw - 320px) / 880));
  margin-bottom: calc(1px + 2 * ((100vw - 320px) / 880));
}



.slick-meta {
font-size: calc(9px + 3 * ((100vw - 320px) / 880));
margin: 0 calc(3px + 7 * ((100vw - 320px) / 880));
font-weight: 500;
}

.slick-meta.none-margin {
  margin: 0;
}



/*  私たちの不動産投資  */



/*  STEP  */

.steps {
gap: 20px 0;
}

.steps-icon {
max-width: 100px;
}

.steps-icon-wrap {
box-sizing: border-box;
background-image: url(../images/top/bg-gold.jpg);
background-size: cover;
background-position: center;
background-repeat: no-repeat;
padding: 8px;
width: 100px;
height: 100px;
border-radius: 50%;
display: block;
margin: 0 auto;
}

.steps-icon-box-image {
background-color: #f7efe2;
padding: 20px;
border-radius: 50%;
}

.steps-con-wrap {
box-sizing: border-box;
padding-left: 8px;
}




/*  FEATURES  */

.features-map {
text-align: center;
}

.features-h1 {
font-size: calc(28px + 44 * ((100vw - 320px) / 880));
margin-bottom: 5px;
line-height: 1;
font-family: 'Playfair Display';
}

.features-h1-p {
font-size: calc(16px + 22 * ((100vw - 320px) / 880));
margin-bottom: 0;
line-height: 1;
}

.features-h2 {
font-size: calc(22px + 30 * ((100vw - 320px) / 880));
font-family: 'Playfair Display';
margin-bottom: 4px;
line-height: 1;
}

.features-h2-span {
font-size: calc(13px + 15 * ((100vw - 320px) / 880));
margin-bottom: calc(5px + 7 * ((100vw - 320px) / 880));
line-height: 1;
}

.features-p {
font-size: calc(9px + 7 * ((100vw - 320px) / 880));
margin-bottom: 0px;
line-height: 12px;
}

.team::after {
content: "";
display: block;
width: 1px;
height: calc(20px + 22 * ((100vw - 320px) / 880));
margin: calc(20px + 22 * ((100vw - 320px) / 880)) auto calc(20px + 22 * ((100vw - 320px) / 880)) auto;
background-color: #333;
}

.data::before {
content: "";
display: block;
width: 1px;
height: calc(20px + 22 * ((100vw - 320px) / 880));
margin: calc(20px + 22 * ((100vw - 320px) / 880)) auto calc(20px + 22 * ((100vw - 320px) / 880)) auto;
  margin-right: auto;
background-color: #333;
transform: rotate(40deg);
margin-right: 40%;
}

.analysis::before {
content: "";
display: block;
width: 1px;
height: calc(20px + 22 * ((100vw - 320px) / 880));
margin: calc(20px + 22 * ((100vw - 320px) / 880)) auto calc(20px + 22 * ((100vw - 320px) / 880)) auto;
  margin-right: auto;
background-color: #333;
transform: rotate(-40deg);
margin-left: 40%;
}


/*  SERVICE  */

/*
BOX-222
*/

.box-222 {
display: flex;
flex-wrap: wrap;
gap: 0.5rem;
}

.box-222-item {
width: calc(50% - 0.25rem);
}

.service-tab {
width: 80%;
height: 80%;
top: 50%;
left: 50%;
background-color: rgba(48,56,65,0.7);
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
}

.service-contents {
width: 100%;
height: 100%;
}

.service-item {
top: 50%;
transform: translateY(-50%);
padding: 0 0.5rem;
-webkit-transform: translateY(-50%);
}


.servic-item-title {
font-size: 18px;
margin-bottom: 3px;
line-height: 1;
}

.service-item-desc {
font-size: 9px;
margin: 0;
}

.service-item-info-p-pc {
display: none;
}

.service-item-info-p-sp {
margin-bottom: 1px;
font-size: 9px;
}




/*  PICKUP SEMINAR  */

.pickup-seminar {
border: 3px solid #4e4449;
}

.pickup-seminar img {
  display: block;
  width: 100%;
  height: auto;
}

.pickup-seminar.unit-padding {
box-sizing: border-box;
padding: 8px;
}

.pickup-item {
margin-bottom: 16px;
}

.pickup-seminar-item.pc {
display: none;
}

.pickup-item:last-child {
margin-bottom: 0;
}

.pickup-seminar-title {
font-size: 16px;
}

.pickup-seminar-desc {
font-size: 13px;
line-height: 18px;
}

.pickup-seminar-meta {
font-size: 13px;
}

.pickup-seminar-meta-span {
font-size: 9px;
}



/*  REPORT  */

.box.report {
  display: flex;
  flex-wrap: wrap;
  gap: 24px 8px;
}

.box-item.report {
width: 100%;
box-sizing: border-box;
box-shadow: 2px 2px 3px #8f8f8f;
}

.box-item.report a {
  display: block;
}

.box-item.report a:hover p {
  color: #4e4449;
}

.box-item.report img {
  display: block;
  width: 100%;
  height: auto;
}

.box-item.report:last-child {
margin-bottom: 0;
}

.box-item-r.report {
box-sizing: border-box;
padding: 8px 8px 16px 8px;
}

.box-article-title.report {
font-size: calc(14px + 8 * ((100vw - 320px) / 276));
margin-bottom: calc(8px + 4 * ((100vw - 320px) / 276));
padding-bottom: calc(8px + 4 * ((100vw - 320px) / 276));
border-bottom: 1px solid #4e4449;
}

.box-article-span {
font-size: calc(9px + 3 * ((100vw - 320px) / 276));
margin: 0 calc(8px + 8 * ((100vw - 320px) / 276));
}

.box-article-desc.report {
font-size: calc(12px + 4 * ((100vw - 320px) / 276));
margin-bottom: 0;
line-height: calc(22px + 6 * ((100vw - 320px) / 276));
}





/*  NEWS  */

.news-wrap ul {
margin: 0;
padding: 0;
list-style: none;
}

.article-title.news {
font-size: calc(12px + 6 * ((100vw - 320px) / 880));
color: #4e4449;
}

.article-meta.news {
font-size: calc(10px + 3 * ((100vw - 320px) / 880));
margin: 0 0 2px 0;
color: #4e4449;
}

.news-wrap li {
border-top: 1px solid #efefef;
padding: 10px;
}

.news-wrap li:last-child {
border-bottom: 1px solid #efefef;
}

.news-wrap a:hover {
color: #4e4449;
}


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

FOOTER

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

/* FOOTER META */

.logo.footer {
height: auto;
}

.logo-desc.footer {
margin-bottom: calc(7px + 5 * ((100vw - 320px) / 880));
font-size: calc(8px + 4 * ((100vw - 320px) / 880));
color: #fffff0;
}

.logo-type.footer {
margin: 0 auto;
width: calc(180px + 60 * ((100vw - 320px) / 880));
}

.phone-num {
font-size: calc(22px + 12 * ((100vw - 320px) / 880));
margin-bottom: calc(5px + 3 * ((100vw - 320px) / 880));
line-height: 1;
color: #fffff0;
}

.phane-meta {
font-size: calc(9px + 3 * ((100vw - 320px) / 880));
color: #fffff0;
}



.sns-footer {
display: flex;
justify-content: center;
gap: 0 calc(16px + 2 * ((100vw - 320px) / 880));
}

.contact-us.footer img {
width: calc(30px + 14 * ((100vw - 320px) / 880));
margin: 0 auto;
}

.contact-us.footer a {
display: block;
}

.sns-item {
width: calc(16px + 2 * ((100vw - 320px) / 880));
line-height: calc(16px + 2 * ((100vw - 320px) / 880));
}


/* FOOTER MENU */



.footer-menu-title {
font-size: calc(12px + 4 * ((100vw - 320px) / 880));
margin-bottom: 5px;
color: #fffff0;
}

.footer-menu-title:hover {
cursor: default;
}

.footer-menu-title-span {
font-size: calc(8px + 1 * ((100vw - 320px) / 880));
margin-left: calc(10px + 1 * ((100vw - 320px) / 880));
}

.footer-menu-item ul {
list-style: none;
padding-left: 20px;
margin-bottom: 0.5rem;
}

.footer-menu-item li {
padding: calc(3px + 5 * ((100vw - 320px) / 880)) 0;
}

.footer-menu-item li a {
font-size: calc(10px + 4 * ((100vw - 320px) / 880));
line-height: 18px;
color: #fffff0;
font-weight: 200;
}

.footer-copy {
line-height: 1;
}

.footer-copy a {
color: #fffff0;
font-size: calc(9px + 5 * ((100vw - 320px) / 880));
}




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

IVP（IVPとは）

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

/* TEST */

.bg-ivp {
  background-image: url(../images/ivp/test/ivp-fv.jpg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.bs-lg {
  background-color: #f4f4ef;
}


/* ▼ まるわかり START ▼ */

/*
COMMON
*/

/* MENU */

.ivp-menu-wrap.con-box {
  display: inline-block;
  padding: 0.8rem;
  margin-left: 0.4rem;
  background-color: #fffff9;
}

.ivp-menu-parent {
  color: #0a58ca;
  cursor: pointer;
}

.ivp-menu-parent .menu-open-status::before {
  content: "";
}

.ivp-menu-parent.active .menu-open-status::before {
  content: "非";
}

.ivp-menu-child {
  display: none;
}



/* BOX STYLING*/

.box-tab {
  width: calc(240px + 140 * ((100vw - 320px) / 880));
  height: calc(40px + 20 * ((100vw - 320px) / 880));
  align-items: center;
  justify-content: center;
}

.box-tab-title {
  font-size: calc(16px + 8 * ((100vw - 320px) / 880));
  line-height: calc(28px + 12 * ((100vw - 320px) / 880));
}

.box-unit-item {
  gap: calc(8px + 8 * ((100vw - 320px) / 880));
  align-items: center;
  flex-wrap: nowrap;
}

.box-unit-icon {
  width: calc(36px + 24 * ((100vw - 320px) / 880));
  height: calc(36px + 24 * ((100vw - 320px) / 880));
  fill: #303841;
}

.box-unit-icon svg {
  width: calc(36px + 24 * ((100vw - 320px) / 880));
  height: calc(36px + 24 * ((100vw - 320px) / 880));
}

.box-unit-p {
  font-size: calc(16px + 8 * ((100vw - 320px) / 880));
  line-height: calc(24px + 8 * ((100vw - 320px) / 880));
}




/* FV SECTION START */

.fv-icon {
  justify-content: center;
  gap: calc(20px + 36 * ((100vw - 320px) / 880));
}

.fv-icon-item {
  width: calc(24px + 16 * ((100vw - 320px) / 880));
  height: auto;
  fill: #808080;
}

.fv-icon-item svg {
  width: calc(24px + 16 * ((100vw - 320px) / 880));
  height: calc(24px + 16 * ((100vw - 320px) / 880));
}

.fv-icon-item.flow {
  width: calc(48px + 80 * ((100vw - 320px) / 880));
}


/* CONCEPT */

.con-box.ivp-concept.border-db.bs-lg2 {
  padding: calc(8px + 16 * ((100vw - 320px) / 880));
}



/* 相関図 */

/*== main ==*/

.system-block-main.sp-edition {
  display: block;
}

.system-block-main.pc-edition {
  display: none;
}

.system-block-main {
  max-width: 320px;
  margin: 0 auto;
}

.page-p.system-block {
  line-height: calc(18px + 8 * ((100vw - 320px) / 880));
}

.system-block-p {
  font-size: 13px;
  line-height: 18px;
}

.block-main-mid {
  justify-content: center;
  align-items: center;
}

.block-main-mid-item.work-area,
.block-main-mid-item.learn-area {
  width: 35%;
  height: auto;
  text-align: center;
  fill: #303841;
}

.block-main-mid-item.work-area svg,
.block-main-mid-item.learn-area svg {
  width: 32px;
  height: 32px;
  text-align: center;
  margin-bottom: 8px;
}

.arrow-tri {
  display: block;
  width: 12px;
  height: 12px;
  margin: 0 auto;
  padding-top: 4px;
  fill: #768ba1;
}

.arrow-tri svg {
  display: block;
  width: 12px !important;
  height: 12px !important;
  margin: 0 auto !important;
}

.block-main-mid-item.hum-area {
  width: 30%;
  height: auto;
  text-align: center;
  fill: #303841;
}

.block-main-mid-item.hum-area svg {
  width: 60px;
  height: auto;
}

.block-main-bottom {
  justify-content: center;
}

.block-main-bottom a {
  display: inline-block;
}

.block-main-bottom-wrap {
  gap: 8px;
  align-items: center;
}

.block-main-bottom-item.support-area-icon {
  width: 32px;
  height: auto;
  fill: #303841;
}

.block-main-bottom-item.support-area-icon svg {
  width: 32px;
  height: 32px;
}

/*== work & common ==*/

.system-block-work {
  width: 100%;
}

.system-box-item {
  gap: 8px;
}

.system-box-item.mb {
  margin-bottom: 12px;
}

.system-box-icon {
  width: 50px;
  height: 50px;
  border: 1px solid #303841;
  position: relative;
  background-color: #f4f4ef;
}

.system-box-icon svg {
  width: 32px;
  height: 32px;
  fill: #303841;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
}

.system-box-meta {
  width: calc(100% - 58px);
}

.box-index-p {
  font-size: 16px;
  line-height: 16px;
  padding-bottom: 4px;
}

.box-index-span {
  font-size: 11px;
}



/*== learn ==*/

.system-block-learn {
  width: 100%;
}


/*== support ==*/

.system-block-app-section {
  width: 100%;
}

.system-block-potal-section {
  width: 100%;
}


/* FEATURE */

.feature-unit-item {
  gap: 0px;
}

.feature-unit-icon {
  width: 100%;
}

.feature-unit-box.con-box {
  padding: 16px calc(8px + 8 * ((100vw - 320px) / 880));
}

.feature-unit-box {
  width: 100%;
  box-sizing: border-box;
  margin-top: 24px;
  position: relative;
}

.feature-unit-box::before {
  content: "";
  display: block;
  position: absolute;
  top: -32px;
  left: 50%;
  border-bottom: 16px solid #303841;
  border-left: 80px solid rgba(256,256,256,0);
  border-right: 80px solid rgba(256,256,256,0);
  border-top: 16px solid rgba(256,256,256,0);
  transform: translate(-50%,0);
}


/* ACHIEVE */

.achieve-block {
  gap: 8px;
}

.achieve-block-item.achieve-box3,
.achieve-block-item.achieve-box2 {
  width: calc(50% - 4px);
  padding: calc(8px + 8 * ((100vw - 320px) / 880));
}

.achieve-block-item.achieve-box2 {
  width: calc(50% - 4px);
}


.achieve-unit-p {
  font-size: calc(13px + 11 * ((100vw - 320px) / 880));
  line-height: calc(20px + 12 * ((100vw - 320px) / 880));
}

.achieve-unit-icon {
  width: calc(32px + 28 * ((100vw - 320px) / 880));
  height: calc(32px + 28 * ((100vw - 320px) / 880));
  margin: calc(16px + 8 * ((100vw - 320px) / 880)) auto calc(8px + 8 * ((100vw - 320px) / 880)) auto;
  fill: #808080;
}

.achieve-unit-icon svg {
  width: calc(32px + 28 * ((100vw - 320px) / 880));
  height: calc(32px + 28 * ((100vw - 320px) / 880));
}

.achieve-unit-meta {
  font-size: calc(32px + 32 * ((100vw - 320px) / 880));
  line-height: calc(40px + 40 * ((100vw - 320px) / 880));
}

.achieve-unit-meta-span {
  font-size: calc(18px + 14 * ((100vw - 320px) / 880));
  line-height: calc(24px + 24 * ((100vw - 320px) / 880));
  margin-left: 4px;
}

.achieve-box3 .images {
  max-width: 356px;
}


/* FLOW */

.flow-block-item {
  align-items: center;
}

.flow-block-icon {
  width: 30%;
  max-width: 355px;
}

.flow-block-meta {
  width: 70%;
  box-sizing: border-box;
  padding-left: calc(8px + 28 * ((100vw - 320px) / 880));
}

.box-unit-p.flow-block-title svg {
  width: calc(20px + 6 * ((100vw - 320px) / 880));
  height: calc(20px + 6 * ((100vw - 320px) / 880));
  margin-right: calc(4px + 4 * ((100vw - 320px) / 880));
  fill: #303841;
  margin-top: -4px;
}


/* VOICE */

.voice-title-p {
  font-size: calc(16px + 12 * ((100vw - 320px) / 880));
  line-height:  calc(24px + 12 * ((100vw - 320px) / 880));
}

.voice-title-p.mb {
  margin-bottom: calc(16px + 8 * ((100vw - 320px) / 880));
}


.voice-block-unit {
  gap: 12px;
  align-items: center;
}

.voice-block-item.movie {
  width: 100%;
}

.voice-block-item.meta {
  width: 100%;
  height: auto;
}

.voice-title-p span {
  padding-left: calc(4px + 4 * ((100vw - 320px) / 880));
  padding-left: 4px;
}






/* SELECTED */


.select-block-item {
  width: 100%;
}

.select-box-unit {
  gap: 24px;
}

.select-box-item {
  gap: 8px;
  width: 100%;
}

.select-box-icon {
  width: 50px;
  height: 50px;
  border: 1px solid #303841;
  position: relative;
  background-color: #f4f4ef;
}

.select-box-icon svg {
  width: 32px;
  height: 32px;
  fill: #303841;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
}

.select-box-meta {
  width: calc(100% - 58px);
}

.select-block-p {
  font-size: 13px;
  line-height: 18px;
}



/* ENRICHES */

.border-lg2 {
  border: calc(3px + 2 * ((100vw - 320px) / 880)) solid #f4f4ef;
}

.enrich-block-unit {
  gap: 24px;
  align-items: center;
}

.enrich-block-item.achieve {
  width: 50%;
  margin: 0 auto;
}

.enrich-block-item.images {
  width: 100%;
}


/* OWNER */

.owner-slider-item {
  box-sizing: border-box;
  padding: 0 4px;
}



/* SHARE */

.share-block-unit {
  gap: 8px;
}

.share-block-item {
  width: 100%;
}



.share-block-item.d-flex {
  gap: 16px;
}

.share-item-icon {
  width: 25%;
}

.share-item-box {
  width: calc(75% - 24px);
  position: relative;
}

.share-item-box.con-box {
  padding: 8px;
}

.share-item-box::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: -18px;
  border-top: 30px solid rgba(256,256,256,0);
  border-right: 8px solid #f4f4ef;
  border-bottom: 30px solid rgba(256,256,256,0);
  border-left: 8px solid rgba(256,256,256,0);
}



/* OUTLINE */

.title-h3.mb.outline {
  margin-bottom: 4px;
}

.ivp-entry-guide-list.mb {
  margin-bottom: calc(4px + 4 * ((100vw - 320px) / 880));
}

.ivp-entry-guide-list-item {
  display: flex;
  flex-wrap: nowrap;
  gap: calc(4px + 4 * ((100vw - 320px) / 880));
  margin-bottom: calc(4px + 4 * ((100vw - 320px) / 880));
}

.ivp-entry-guide-list-item:last-child {
  margin-bottom: 0;
}

.ivp-entry-guide-list-l {
  width: 30%;
}

.ivp-entry-guide-list-r {
  width: 70%;
}




/* CTA */

.box-122 {
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
  justify-content: center;
}

.box-122-item {
  width: 100%;
}



.cta-link-meta-wrap {
  margin-bottom: calc(16px + 20 * ((100vw - 320px) / 276));
}

.cta-link-title-p {
  font-size: calc(24px + 24 * ((100vw - 320px) / 276));
  line-height: calc(24px + 24 * ((100vw - 320px) / 276));
}

.cta-link-title-p.l-space-entry {
  letter-spacing: 12px;
}

.cta-link-title-p.mb {
  margin-bottom: calc(16px + 20 * ((100vw - 320px) / 276));
}

.page-p.ivp-cta {
  font-size: calc(13px + 5 * ((100vw - 320px) / 276));
  line-height: calc(20px + 14 * ((100vw - 320px) / 276));
}


.entry-btn.ivp-cta {
  width: calc(180px + 140 * ((100vw - 320px) / 276));
  margin-bottom: 16px;
}

.entry-btn.ivp-cta a {
  font-size: calc(13px + 7 * ((100vw - 320px) / 276));
  height: calc(40px + 20 * ((100vw - 320px) / 276));
  line-height: calc(38px + 20 * ((100vw - 320px) / 276));
}



/* FAQ */

.faq-unit-item {
  margin-bottom: 8px;
}

.faq-unit-item:hover {
  cursor: pointer;
}

.faq-unit-item:last-child {
  margin-bottom: 0;
}

.faq-parent {
  position: relative;
  background-color: #f4f4ef;
  box-sizing: border-box;
  padding: calc(5px + 3 * ((100vw - 320px) / 880));
}

.faq-parent-icon {
  position: absolute;
  width: calc(50px + 30 * ((100vw - 320px) / 880));
  height: calc(50px + 30 * ((100vw - 320px) / 880));
  background-color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
}

.faq-parent-icon p {
  font-size: calc(24px + 24 * ((100vw - 320px) / 880));
  margin-bottom: 0;
  margin-top: calc(-5px - 3 * ((100vw - 320px) / 880));
}

.faq-parent-index {
  min-height: calc(50px + 30 * ((100vw - 320px) / 880));
  box-sizing: border-box;
  width: 100%;
  padding-left: calc(58px + 38 * ((100vw - 320px) / 880));
  padding-right: calc(24px + 24 * ((100vw - 320px) / 880));
  display: flex;
  align-items: center;
}

.page-p.faq {
  line-height: calc(18px + 14 * ((100vw - 320px) / 880));
}

.faq-child {
  display: none;
}


.faq-parent::before {
  content: "";
  display: block;
  width: calc(20px + 12 * ((100vw - 320px) / 880));
  height: calc(20px + 12 * ((100vw - 320px) / 880));
  position: absolute;
  top: 50%;
  right: calc(24px + 15 * ((100vw - 320px) / 880));
  transform: translate(50%,-50%);
  border-right: 1px solid #303841;
  transition: .5s;
}

.faq-parent::after {
  content: "";
  display: block;
  width: calc(20px + 12 * ((100vw - 320px) / 880));
  height: calc(20px + 12 * ((100vw - 320px) / 880));
  position: absolute;
  top: 50%;
  right: calc(5px + 3 * ((100vw - 320px) / 880));
  transform: translate(0,0);
  border-top: 1px solid #303841;
}

.faq-parent.active::before {
  opacity: 0;
  transition: .5s;
}


.faq-child-inner {
  border: calc(5px + 3 * ((100vw - 320px) / 880)) solid #dfe1d5;
  position: relative;
}

.faq-child-icon {
  width: calc(50px + 30 * ((100vw - 320px) / 880));
  height: calc(50px + 30 * ((100vw - 320px) / 880));
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #303841;
}

.faq-child-icon p {
  font-size: calc(24px + 24 * ((100vw - 320px) / 880));
  margin-top: calc(-5px - 3 * ((100vw - 320px) / 880));
  margin-bottom: 0;
  color: #fff;
}

.faq-child-meta {
  box-sizing: border-box;
  padding: 16px calc(16px + 40 * ((100vw - 320px) / 880)) 16px calc(58px + 38 * ((100vw - 320px) / 880));
}


/* FLOW PAGES */

.flow-title-unit {
  position: relative;
  display: inline-block;
}

.flow-title-icon {
  position: absolute;
  display: flex;
  align-items: center;
  width: calc(60px + 100 * ((100vw - 320px) / 880));
  height: 100%;
}

.flow-title-icon img {
  width: calc(60px + 100 * ((100vw - 320px) / 880));
  height: calc(60px + 100 * ((100vw - 320px) / 880));
  display: block;
}

.flow-title-meta {
  display: flex;
  align-items: center;
  height: calc(60px + 100 * ((100vw - 320px) / 880));
  box-sizing: border-box;
  margin-left: calc(60px + 100 * ((100vw - 320px) / 880));
  padding-left: calc(8px + 8 * ((100vw - 320px) / 880));
}

.flow-title-meta p {
  text-align: left;
}

.title-h2.flow {
  line-height: calc(16px + 32 * ((100vw - 320px) / 880));
}




/*
STEPS
*/

.flow-step-p {
  font-size: calc(13px + 11 * ((100vw - 320px) / 880));
}

.flow-step-unit {
  width: calc(320px + 480 * ((100vw - 320px) / 880));
  margin: 0 auto;
}

.flow-step-unit-wrap {
  justify-content: space-between;
}

.flow-step-text {
  align-items: center;
}

.flow-step-arrow {
  width: calc(18px + 10 * ((100vw - 320px) / 880));
  height: calc(60px + 12 * ((100vw - 320px) / 880));
  margin: 0 6px;
}

.flow-step-arrow-inner {
  display: flex;
  flex-wrap: nowrap;
  width: 100%;
  background: #bcbab5;
  position: relative;
  height: 100%;
}

.flow-step-arrow-l {
  display: block;
  border-left: 16px solid #f7efe2;
  border-top: calc(30px + 6 * ((100vw - 320px) / 880)) solid rgba(255,255,255,0);
  border-bottom: calc(30px + 6 * ((100vw - 320px) / 880)) solid rgba(255,255,255,0);
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
}

.flow-step-arrow-l.flow {
  border-left: 16px solid #fff;
}

.flow-step-arrow-l.guide {
  border-left: 16px solid #f4f4ef;
}

.flow-step-arrow-r {
  display: block;
  border-top: calc(30px + 6 * ((100vw - 320px) / 880)) solid #f7efe2;
  border-bottom: calc(30px + 6 * ((100vw - 320px) / 880)) solid #f7efe2;
  border-left: 16px solid rgba(255,255,255,0);
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
}

.flow-step-arrow-r.flow {
  border-top: calc(30px + 6 * ((100vw - 320px) / 880)) solid #fff;
  border-bottom: calc(30px + 6 * ((100vw - 320px) / 880)) solid #fff;
}

.flow-step-arrow-r.guide {
  border-top: calc(30px + 6 * ((100vw - 320px) / 880)) solid #f4f4ef;
  border-bottom: calc(30px + 6 * ((100vw - 320px) / 880)) solid #f4f4ef;
}


/*
PTN
*/

.ptn-unit {
  margin-bottom: 36px;
}

.ptn-unit:last-child {
  margin-bottom: 0;
}


.ptn-type {
  width: 100%;
}

.ptn-type-index {
  width: 50%;
  align-items: center;
  justify-content: center;
}

.ptn-type-index-icon {
  width: 40%;
  box-sizing: border-box;
  padding: 0 calc(16px + 24 * ((100vw - 320px) / 880));
}

.ptn-type-index-text {
  width: 60%;
}

.type-index-p {
  font-size: calc(48px + 40 * ((100vw - 320px) / 880));
  line-height: 1;
  padding-bottom: calc(4px + 12 * ((100vw - 320px) / 880));
}

.type-index-span {
  font-size: calc(12px + 4 * ((100vw - 320px) / 880));
  padding-left: calc(4px + 2 * ((100vw - 320px) / 880));
}

.page-p.ptn {
  line-height: calc(18px + 8 * ((100vw - 320px) / 880));
}

.ptn-type-meta {
  width: 50%;
  display: flex;
  align-items: center;
}




.ptn-step {
  width: 100%;
  margin-top: 24px;
  position: relative;
}

.ptn-step::before {
  content: "";
  display: block;
  position: absolute;
  top: -32px;
  left: 50%;
  border-bottom: 16px solid #303841;
  border-left: 80px solid rgba(256,256,256,0);
  border-right: 80px solid rgba(256,256,256,0);
  border-top: 16px solid rgba(256,256,256,0);
  transform: translate(-50%,0);
}



.ptn-step-item {
  align-items: center;
}

.ptn-step-index {
  width: 25%;
}

.ptn-step-meta {
  width: 75%;
}

.ptn-step-icon-wrap {
  display: block;
  width: 25%;
}

.ptn-step-icon {
  width: calc(16px + 8 * ((100vw - 320px) / 880));
  height: calc(16px + 8 * ((100vw - 320px) / 880));
  display: flex;
  margin: 0 auto;
  fill: #aaa;
}

.ptn-step-icon svg {
  width: calc(16px + 8 * ((100vw - 320px) / 880));
  height: calc(16px + 8 * ((100vw - 320px) / 880));
}



/* GUIDE */

.fv-icon-item.guide {
  width: calc(36px + 20 * ((100vw - 320px) / 880));
  height: calc(36px + 20 * ((100vw - 320px) / 880));
}

.fv-icon-item.guide svg {
  width: calc(36px + 20 * ((100vw - 320px) / 880));
  height: calc(36px + 20 * ((100vw - 320px) / 880));
}




/* ▲ まるわかり END ▲ */



/* FIRST VIEW */

.text-box.what-mb {
  margin-bottom: calc(8px + 10 * ((100vw - 320px) / 880));
}

.text-box-title {
  font-size: calc(24px + 24 * ((100vw - 320px) / 880));
  line-height: 24px;
}

.text-box-title-span {
  font-size: calc(13px + 11 * ((100vw - 320px) / 880));
}

.text-box-title.what-mb {
  margin-bottom: calc(8px + 16 * ((100vw - 320px) / 880));
}


/* FEATURES IVP */
/*
.box-122 {
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
}

.box-122-item {
  width: 100%;
}
*/
.ivp-image-headline {
  width: 100%;
  left: 0;
  bottom: calc(18px + 24 * ((100vw - 320px) / 276));
  padding: 8px calc(8px + 8 * ((100vw - 320px) / 276));
  background: linear-gradient(90deg, rgb(78, 68, 73, 1), rgba(78,68,73,0));
}

.ivp-image-title {
  font-size: calc(24px + 24 * ((100vw - 320px) / 276));
  line-height: calc(24px + 24 * ((100vw - 320px) / 276));
}

.ivp-image-title.mb {
  margin-bottom: 6px;
}

.ivp-image-desc {
  font-size: calc(10px + 4 * ((100vw - 320px) / 276));
}


/* OVERVIEW */

.text-box-title.ivp-overview {
  font-size: calc(24px + 24 * ((100vw - 320px) / 276));
  line-height: calc(32px + 32 * ((100vw - 320px) / 276));
  border-bottom: 1px solid #888;
  margin-bottom: calc(12px - 2 * ((100vw - 320px) / 276));
  padding-bottom: calc(16px + 2 * ((100vw - 320px) / 276));
}


/* MEMBERS */

.page-title-unit.ivp-voice {
  margin-bottom: calc(8px + 8 * ((100vw - 320px) / 880));
}

.box-112 {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.text-box-item.ivp-voice-movie {
  width: 100%;
}

.ivp-voice-title-p {
  font-size: calc(16px + 8 * ((100vw - 320px) / 880));
  line-height:  calc(24px + 8 * ((100vw - 320px) / 880));
}

.ivp-voice-title-p.mb {
  margin-bottom: calc(16px + 8 * ((100vw - 320px) / 880));
}


/* オーナーになられた方々 */

.box-113 {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 0;
  line-height: 0;
}

.box-113-item {
  width: 100%;
}

.box-column-221 {
  display: flex;
  flex-wrap: wrap;
  gap: 16px 0;
}

.box-column-221-l {
  width: calc(40% - 4px);
}

.box-column-221-r {
  width: calc(60% - 4px);
}

.box-article-title {
  font-size: calc(14px + 10 * ((100vw - 320px) / 448));
  line-height: 24px;
}

.box-article-title.mb {
  margin-bottom: calc(8px + 8 * ((100vw - 320px) / 448));
}

.box-article-desc {
  font-size: calc(11px + 7 * ((100vw - 320px) / 448));
  line-height: calc(16px + 14 * ((100vw - 320px) / 448));
}



/* BENEFIT */

.ivp-benefit-item {
  margin-bottom: calc(8px + 4 * ((100vw - 320px) / 880));
}

.ivp-benefit-item:last-child {
  margin-bottom: 0;
}

.ivp-benefit-item-inner {
  padding: calc(8px + 4 * ((100vw - 320px) / 880));
}

.col.benefit-icon-wrap {
  max-width: calc(48px + 48 * ((100vw - 320px) / 880));
}

.benefit-icon.bs-key {
  width: calc(40px + 40 * ((100vw - 320px) / 880));
  display: block;
  border-radius: 50%;
  box-sizing: border-box;
  padding: calc(8px + 8 * ((100vw - 320px) / 880));
}

.ivp-benefit-p {
  font-size: calc(13px + 11 * ((100vw - 320px) / 880));
  line-height: calc(18px + 24 * ((100vw - 320px) / 880));
}


/* ACHIEVE */

.achieve-item {
  width: calc(50% - 0.25rem);
}

.achieve-title-p {
  font-size: calc(11px + 13 * ((100vw - 320px) / 880));
  text-align: center;
  line-height: calc(16px + 20 * ((100vw - 320px) / 880));
}

.achieve-title-p.mb {
  margin-bottom: calc(8px + 24 * ((100vw - 320px) / 880));
}

.achieve-meta {
  margin-bottom: calc(5px + 13 * ((100vw - 320px) / 880));
}

.col.achieve-meta-icon {
  max-width: calc(30px + 70 * ((100vw - 320px) / 880));
  margin-left: calc(0px + 48 * ((100vw - 320px) / 880));
}

.achieve-meta-date-inner {
  width: 100%;
  line-height: 0;
}

.achieve-num-p {
  font-size: calc(24px + 104 * ((100vw - 320px) / 880));
  line-height: calc(24px + 104 * ((100vw - 320px) / 880));
}

.achieve-span-p {
  font-size: calc(10px + 8 * ((100vw - 320px) / 880));
  line-height: calc(18px + 12 * ((100vw - 320px) / 880));
}

.achieve-mark-p {
  font-size: calc(14px + 34 * ((100vw - 320px) / 880));
}

.achieve-desc-p {
  font-size: calc(11px + 7 * ((100vw - 320px) / 880));
  line-height: calc(18px + 16 * ((100vw - 320px) / 880));
}


/* JOIN */

.ivp-image-title.join {
  font-size: calc(20px + 12 * ((100vw - 320px) / 276));
  line-height: calc(20px + 18 * ((100vw - 320px) / 276));
}

.ivp-image-title.join.mb {
  margin-bottom: 6px;
}


/* CTA */
/*
.cta-link-meta-wrap {
  margin-bottom: calc(16px + 20 * ((100vw - 320px) / 276));
}

.cta-link-title-p {
  font-size: calc(24px + 24 * ((100vw - 320px) / 276));
  line-height: calc(24px + 24 * ((100vw - 320px) / 276));
}

.cta-link-title-p.l-space-entry {
  letter-spacing: 12px;
}

.cta-link-title-p.mb {
  margin-bottom: calc(16px + 20 * ((100vw - 320px) / 276));
}

.page-p.ivp-cta {
  font-size: calc(13px + 5 * ((100vw - 320px) / 276));
  line-height: calc(20px + 14 * ((100vw - 320px) / 276));
}


.entry-btn.ivp-cta {
  width: calc(180px + 140 * ((100vw - 320px) / 276));
  margin-bottom: 16px;
}

.entry-btn.ivp-cta a {
  font-size: calc(13px + 7 * ((100vw - 320px) / 276));
  height: calc(40px + 20 * ((100vw - 320px) / 276));
  line-height: calc(38px + 20 * ((100vw - 320px) / 276));
}
*/


/*
IVP FORM LINK POP
*/

.ivp-form-link-pop {
  position: fixed;
  bottom: 0;
  background-color: #768ba196;
  width: 100%;
  padding: 12px 0;
}

.ivp-form-link-pop a {
  background-color: #303841;
  color: #fff;
  display: block;
  width: 240px;
  margin: 0 auto;
  text-align: center;
  padding: 8px 0;
}



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

IVP（IVP 3年間の流れ）

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

/* IVP FLOW */

.ivp-flow-title-num-wrap {
  max-width: 40px;
}

.ivp-flow-title-num-p {
  font-size: calc(48px + 16 * ((100vw - 320px) / 880));
  line-height: calc(48px + 16 * ((100vw - 320px) / 880));
  margin-bottom: calc(8px - 4 * ((100vw - 320px) / 880));
}

.ivp-flow-title-meta-wrap {
  box-sizing: border-box;
  margin-left: calc(8px + 8 * ((100vw - 320px) / 880));
}

.page-headline-l {
  font-size: calc(16px + 12 * ((100vw - 320px) / 880));
  line-height: calc(20px + 12 * ((100vw - 320px) / 880));
}

.page-headline-l.mb {
  margin-bottom: 4px;
}

.ivp-flow-title-meta-p {
  font-size: calc(12px + 6 * ((100vw - 320px) / 880));
  line-height: calc(18px + 8 * ((100vw - 320px) / 880));
}





/* IVP FLOW LIST */

.ivp-flow-list-title {
  color: #f7efe2;
  background-color: #4e4449;
  padding: 0 calc(24px + 12 * ((100vw - 320px) / 880));
  height: calc(28px + 10 * ((100vw - 320px) / 880));
  line-height: calc(26px + 12 * ((100vw - 320px) / 880));
  display: inline-block;
}

.ivp-flow-list-title.mb {
  margin-bottom: calc(16px + 20 * ((100vw - 320px) / 880));
}



/*
STEPS
*/

.page-headline-m {
  font-size: calc(13px + 11 * ((100vw - 320px) / 880));
}


.ivp-flow-step-arrow {
  max-width: calc(18px + 10 * ((100vw - 320px) / 880));
  height: calc(60px + 12 * ((100vw - 320px) / 880));
  margin: 0 6px;
}

.ivp-flow-step-arrow-inner {
  display: flex;
  flex-wrap: nowrap;
  width: 100%;
  background: #bcbab5;
  position: relative;
  height: 100%;
}

.ivp-flow-step-arrow-l {
  display: block;
  border-left: 16px solid #f7efe2;
  border-top: calc(30px + 6 * ((100vw - 320px) / 880)) solid rgba(255,255,255,0);
  border-bottom: calc(30px + 6 * ((100vw - 320px) / 880)) solid rgba(255,255,255,0);
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
}

.ivp-flow-step-arrow-l.flow {
  border-left: 16px solid #fff;
}

.ivp-flow-step-arrow-l.guide {
  border-left: 16px solid #f4f4ef;
}

.ivp-flow-step-arrow-r {
  display: block;
  border-top: calc(30px + 6 * ((100vw - 320px) / 880)) solid #f7efe2;
  border-bottom: calc(30px + 6 * ((100vw - 320px) / 880)) solid #f7efe2;
  border-left: 16px solid rgba(255,255,255,0);
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
}

.ivp-flow-step-arrow-r.flow {
  border-top: calc(30px + 6 * ((100vw - 320px) / 880)) solid #fff;
  border-bottom: calc(30px + 6 * ((100vw - 320px) / 880)) solid #fff;
}

.ivp-flow-step-arrow-r.guide {
  border-top: calc(30px + 6 * ((100vw - 320px) / 880)) solid #f4f4ef;
  border-bottom: calc(30px + 6 * ((100vw - 320px) / 880)) solid #f4f4ef;
}



/* IVP PTN */

.ivp-flow-pattern {
  margin-bottom: calc(8px + 4 * ((100vw - 320px) / 880));
}

.ivp-flow-pattern:last-child {
  margin-bottom: 0;
}



/* IVP PTN ABC */

.ivp-ptn-abc-icon {
  max-width: 120px;
}

.ivp-ptn-abc-icon-inner {
  padding: 0 calc(40px - 2 * ((100vw - 320px) / 276));
  
}

.ivp-ptn-num {
  font-size: calc(78px + 18 * ((100vw - 320px) / 276));
  line-height: calc(46px + 26 * ((100vw - 320px) / 276));
}

.ivp-ptn-num-span {
  padding-left: 5px;
}

.ivp-ptn-num.mb {
  margin-bottom: 3px;
}

.page-p.ivp-ptn {
  line-height: calc(18px + 6 * ((100vw - 320px) / 276));
}

.ivp-ptn-abc {
  border-bottom: 1px solid #888;
  padding-bottom: 16px;
  margin-bottom: calc(8px + 4 * ((100vw - 320px) / 276));
}

.ivp-ptn-abc-p {
  font-size: calc(12px + 4 * ((100vw - 320px) / 276));
  line-height: calc(18px + 6 * ((100vw - 320px) / 276));
}




/* IVP PTN STEP */

.colums-ivp-flow-pattern-r-num.arrow-try-down::after {
  content: "";
  display: block;
  border-top: 10px solid #bcbab5;
  border-left: 8px solid rgba(255,255,255,0);
  border-right: 8px solid rgba(255,255,255,0);
  width: 0;
  margin: 0 auto;
}


.colums-ivp-flow-pattern-r-num {
  max-width: calc(80px + 40 * ((100vw - 320px) / 276));
}

.colums-ivp-flow-pattern-r-num-p {
  font-size: calc(12px + 6 * ((100vw - 320px) / 276));
}

.page-headline-m.colums-ivp-flow-pattern {
  font-size: calc(13px + 11 * ((100vw - 320px) / 276));
}

.page-headline-m-ast.color-key {
  font-size: calc(10px + 6 * ((100vw - 320px) / 276));
}



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

IVP（IVP プログラム）

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


/*== ▼まるわかり▼ ==*/

/* システム構成 */

.col-113.pgm {
  gap: 24px 9px;
}

.box-tab.pgm {
  width: 100%;
}

.con-box.pgm {
  width: 100%;
}

.system-box-item.pgm {
  align-items: center;
}


/*== ▲まるわかり▲ ==*/

.page-list.num ul {
  list-style: decimal;
}


/* 仲介手数料 */

.ivp-pgm-imagebox-6 {
  width: 80%;
  margin: 0 auto;
  max-width: 300px;
}


/* ARROW DOWN */

.common-arrow-down {
  display: block;
  margin: 0 auto;
  width: calc(64px + 32 * ((100vw - 320px) / 880));
  height: calc(20px + 10 * ((100vw - 320px) / 880));
}

.common-arrow-down-wrap {
  width: 100%;
  height: 100%;
}

.common-arrow-down-a {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  border-top: calc(10px + 5 * ((100vw - 320px) / 880)) solid #dfe1d5;
  border-left: calc(32px + 16 * ((100vw - 320px) / 880)) solid #303841;
  border-right: calc(32px + 16 * ((100vw - 320px) / 880)) solid #303841;
}

.common-arrow-down-b {
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;
  width: 100%;
  border-top: calc(10px + 5 * ((100vw - 320px) / 880)) solid #303841;
  border-left: calc(32px + 16 * ((100vw - 320px) / 880)) solid #dfe1d5;
  border-right: calc(32px + 16 * ((100vw - 320px) / 880)) solid #dfe1d5;
}



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

IVP（IVP 講師紹介）

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

.ivp-inst-list {
  margin-bottom: calc(8px + 8 * ((100vw - 320px) / 880));
}

.page-title-unit.ivp-inst {
  margin-bottom: calc(24px + 12 * ((100vw - 320px) / 880));
}

.ivp-inst-list:last-child {
  margin-bottom: 0;
}

.page-title-p.ivp-inst-name {
  margin-bottom: calc(5px + 3 * ((100vw - 320px) / 276));
  display: block;
}

.page-headline-m.ivp-inst-name {
  display: block;
}



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

IVP（IVP お申込みガイド）

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

.page-headline-l.mb.ivp-entry-guide {
  margin-bottom: calc(16px + 8 * ((100vw - 320px) / 880));
}

/*
.ivp-entry-guide-list.mb {
  margin-bottom: calc(4px + 4 * ((100vw - 320px) / 880));
}

.ivp-entry-guide-list-item {
  display: flex;
  flex-wrap: nowrap;
  gap: calc(4px + 4 * ((100vw - 320px) / 880));
  margin-bottom: calc(4px + 4 * ((100vw - 320px) / 880));
}

.ivp-entry-guide-list-item:last-child {
  margin-bottom: 0;
}

.ivp-entry-guide-list-l {
  width: 30%;
}

.ivp-entry-guide-list-r {
  width: 70%;
}
*/

/* FLOW */

.ivp-flow-step-arrow-l.ivp-entry-guide {
  border-left: 16px solid #dfe1d5;
}

.ivp-flow-step-arrow-r.ivp-entry-guide {
  border-top: calc(30px + 6 * ((100vw - 320px) / 880)) solid #dfe1d5;
  border-bottom: calc(30px + 6 * ((100vw - 320px) / 880)) solid #dfe1d5;
}














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

ARCHIVE SEMINAR

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

/* SEMINAR CATEGORY LIST */

.category-link-list ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.category-link-list li {
  line-height: 0px;
}

.category-link-list li a {
  font-size: calc(10px + 3 * ((100vw - 320px) / 880));
  display: inline-block;
  padding: 0 calc(10px + 2 * ((100vw - 320px) / 880));
  background-color: #768ba1;
  color: #fff;
  height: calc(20px + 6 * ((100vw - 320px) / 880));
  line-height: calc(19px + 5 * ((100vw - 320px) / 880));
}


/* SEMINAR TYPE BUTTON */

.category-link-list.seminar-types li a {
  background-color: #333;
}




/* BOX123 */

.box-123 img {
  display: block;
  width: 100%;
  height: auto;
}

.box-123 ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  gap: 8px 8px;
}

.box-123 li {
  width: 100%;
  box-sizing: border-box;
  padding: 8px 8px 32px 8px;
  background-color: #fffff0;
  box-shadow: 2px 2px 3px #8f8f8f;
}

.box-123 li a {
  display: block;
  color: inherit;
}

.seminar-contents-headline {
  margin-bottom: 8px;
}

.seminar-category-link {
  font-size: calc(10px + 3 * ((100vw - 320px) / 276));
  display: inline-block;
  padding: 0 calc(10px + 2 * ((100vw - 320px) / 276));
  line-height: calc(19px + 5 * ((100vw - 320px) / 276));
  height: calc(20px + 6 * ((100vw - 320px) / 276));
  color: #fff;
  background-color: #4e4449;
}

.active-seminar-p {
  font-size: calc(13px + 3 * ((100vw - 320px) / 276));
}

.seminar-archive-image {
  margin-bottom: 8px;
}

.seminar-archive-title {
  font-size: calc(15px + 3 * ((100vw - 320px) / 276));
  margin-bottom: 8px;
}

.seminar-archive-meta {
  font-size: calc(10px + 3 * ((100vw - 320px) / 276));
  margin-bottom: calc(3px + 1 * ((100vw - 320px) / 276));
}

.seminar-meta-image-day::before {
  content: "";
  display: inline-block;
  line-height: 0;
  width: calc(10px + 3 * ((100vw - 320px) / 276));
  height: calc(10px + 3 * ((100vw - 320px) / 276));
  background-image: url(../images/seminar/box-day.png);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  vertical-align: middle;
  margin-right: calc(8px + 2 * ((100vw - 320px) / 276));
  margin-top: -3px;
}

.seminar-meta-image-time::before {
  content: "";
  display: inline-block;
  line-height: 0;
  width: calc(10px + 3 * ((100vw - 320px) / 276));
  height: calc(10px + 3 * ((100vw - 320px) / 276));
  background-image: url(../images/seminar/box-time.png);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  vertical-align: middle;
  margin-right: calc(8px + 2 * ((100vw - 320px) / 276));
  margin-top: -3px;
}

.seminar-meta-image-price::before {
  content: "";
  display: inline-block;
  line-height: 0;
  width: calc(10px + 3 * ((100vw - 320px) / 276));
  height: calc(10px + 3 * ((100vw - 320px) / 276));
  background-image: url(../images/seminar/box-price.png);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  vertical-align: middle;
  margin-right: calc(8px + 2 * ((100vw - 320px) / 276));
  margin-top: -3px;
}

.seminar-meta-image-location::before {
  content: "";
  display: inline-block;
  line-height: 0;
  width: calc(10px + 3 * ((100vw - 320px) / 276));
  height: calc(10px + 3 * ((100vw - 320px) / 276));
  background-image: url(../images/seminar/box-location.png);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  vertical-align: middle;
  margin-right: calc(8px + 2 * ((100vw - 320px) / 276));
  margin-top: -3px;
}






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

SINGLE SEMINAR

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

.font-family-ja {
  font-family: 'Noto Serif JP';
}

.seminar-category-single-headline {
  margin-bottom: calc(8px + 16 * ((100vw - 320px) / 880));
}

.seminar-single-category {
  font-size: calc(10px + 3 * ((100vw - 320px) / 880));
  display: inline-block;
  padding: 0 calc(10px + 2 * ((100vw - 320px) / 880));
  line-height: calc(19px + 5 * ((100vw - 320px) / 880));
  height: calc(20px + 6 * ((100vw - 320px) / 880));
  color: #fff;
  background-color: #4e4449;
}

.seminar-single-status-p {
  font-size: calc(13px + 11 * ((100vw - 320px) / 880));
  margin-left: calc(8px + 8 * ((100vw - 320px) / 880));
}

/* FLEX CONTENTS */

.seminar-single-contents {
  display: flex;
  flex-wrap: wrap;
}

.seminar-single-meta {
  width: 100%;
}

.seminar-single-forms {
  width: 100%;
}

.seminar-single-images img {
  display: block;
  width: 100%;
  height: auto;
}

.seminar-single-images {
  margin-bottom: 8px;
}

.seminar-single-meta-day {
  font-size: calc(15px + 21 * ((100vw - 320px) / 880));
  margin-right: 5px;
}

.seminar-single-meta-day-w{
  font-size: calc(10px + 12 * ((100vw - 320px) / 880));
  margin-left: calc(5px + 7 * ((100vw - 320px) / 880));
}

.seminar-single-meta-time {
  font-size: calc(10px + 12 * ((100vw - 320px) / 880));
}

.seminar-single-meta-price {
  font-size: calc(14px + 12 * ((100vw - 320px) / 880));
}


.seminar-single-article-title {
  font-size: calc(15px + 9 * ((100vw - 320px) / 880));
  padding: calc(8px + 4 * ((100vw - 320px) / 880));
  background-color: #ddd;
}

.seminar-single-article-textarea {
  box-sizing: border-box;
  padding: calc(8px + 4 * ((100vw - 320px) / 880));
}



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

ARCHIVE REPORT

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

.report-archive-contents-title {
  font-size: calc(18px + 18 * ((100vw - 320px) / 880));
}


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

SINGLE REPORT

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

/* COMMON & MOVIE */

.report-single-meta {
  box-sizing: border-box;
  padding: calc(8px + 4 * ((100vw - 320px) / 880));
  background-color: #fffff0;
  box-shadow: 2px 2px 3px #8f8f8f;
}

.report-single-meta-title {
  font-size: calc(15px + 9 * ((100vw - 320px) / 880));
  padding-bottom: calc(8px + 4 * ((100vw - 320px) / 880));
  margin-bottom: calc(8px + 4 * ((100vw - 320px) / 880));
  border-bottom: 1px solid #cdcdcd;
}

.report-single-meta-title-span {
  font-size: calc(10px + 6 * ((100vw - 320px) / 880));
  margin-left: calc(5px + 5 * ((100vw - 320px) / 880));
}

.report-single-meta-desc p {
  margin-bottom: 0;
}

.report-single-content-rooparea img {
  display: block;
  width: 100%;
  height: auto;
}



/* COLUM */

.report-single-meta img {
  display: block;
  width: 100%;
  height: auto;
}

.report-single-meta-wrap {
  padding-left: calc(8px + 4 * ((100vw - 320px) / 880));
}


.report-single-content-rooparea h2 {
  font-size: calc(15px + 9 * ((100vw - 320px) / 880));
  margin-bottom: calc(16px + 8 * ((100vw - 320px) / 880));
  line-height: calc(24px + 10 * ((100vw - 320px) / 880));
  font-weight: 600;
  padding-bottom: calc(5px + 7 * ((100vw - 320px) / 880));
  border-bottom: 1px solid #cdcdcd;
}

.report-single-content-rooparea p {
  font-size: calc(13px + 5 * ((100vw - 320px) / 880));
  line-height: calc(24px + 12 * ((100vw - 320px) / 880));
  margin-bottom: calc(24px + 12 * ((100vw - 320px) / 880));
  font-weight: 200;
  color: #555;
}



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

SINGLE NEWS

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

.page-title-span.news-title-span-style {
  display: block;
  margin-top: calc(10px + 6 * ((100vw - 320px) / 880));
  margin-bottom: 0;
}

.page-title-span.news-title-span-style::before {
  content: "";
  margin: 0;
}

.single-content-rooparea p {
  font-size: calc(13px + 5 * ((100vw - 320px) / 880));
  line-height: calc(24px + 12 * ((100vw - 320px) / 880));
  font-weight: 300;
  margin-bottom: calc(24px + 12 * ((100vw - 320px) / 880));
}

.single-content-rooparea img {
  width: 100%;
  height: auto;
}


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

404

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

.page404-contents-imagebox {
  width: calc(80px + 30 * ((100vw - 320px) / 880));
  margin: 0 auto;
}


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

PAGES

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

.pages-content-rooparea p {
  font-size: calc(13px + 5 * ((100vw - 320px) / 880));
  line-height: calc(24px + 12 * ((100vw - 320px) / 880));
  font-weight: 300;
  margin-bottom: calc(24px + 12 * ((100vw - 320px) / 880));
}




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

CONTACT FORM

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


.wpcf7-text {
  width: 100%;
  box-sizing: border-box;
  padding: 0 calc(8px + 4 * ((100vw - 320px) / 880));
}

.wpcf7-textarea {
  width: 100%;
  box-sizing: border-box;
  padding: 0 calc(8px + 4 * ((100vw - 320px) / 880));
}

.wpcf7-form-control.wpcf7-select {
  color: #4e4449;
}

.contact-unit.mb {
  margin-bottom: calc(16px + 16 * ((100vw - 320px) / 880));
}

.pages-content-rooparea.contact-form-style p {
  margin-bottom: 1px;
}

.wpcf7-form-control.has-spinner.wpcf7-submit {
  background-color: #768ba1;
  border: 0px;
  padding: 0 calc(16px + 16 * ((100vw - 320px) / 880));
  color: #fff;
  height: calc(40px + 10 * ((100vw - 320px) / 880));
  line-height: calc(38px + 10 * ((100vw - 320px) / 880));
  display: block;
  margin: 0 auto;
}


/*デフォルトのサンクスメッセージを非表示*/
.wpcf7-response-output {
  display: none;
}



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

CONTACT THANKS

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

.comp-icon {
  width: 20%;
  height: auto;
  margin: 0 auto;
  fill: #3cb371;
  max-width: 100px;
}

.comp-icon svg {
  width: 100%;
  height: auto;
}




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

OUTLINE

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

.ceo-p {
  font-size: calc(16px + 12 * ((100vw - 320px) / 880));
  line-height: calc(28px + 24 * ((100vw - 320px) / 880));
}

.ceo-p-ast {
  display: inline-block;
  font-size: calc(10px + 8 * ((100vw - 320px) / 880));
  line-height: calc(18px + 6 * ((100vw - 320px) / 880));
}

.message-ceo-title {
  padding-top: 3px;
}




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

CONCEPT

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

.concept-title-p {
  font-size: calc(16px + 16 * ((100vw - 320px) / 880));
  line-height: calc(30px + 18 * ((100vw - 320px) / 880));
}

.consept-title-num {
  font-size: calc(18px + 30 * ((100vw - 320px) / 880));
  margin-left: calc(3px + 5 * ((100vw - 320px) / 880));
  line-height: 1;
}



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

FAQ

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


.accordion-button.faq:focus {
  z-index: 3;
  border-color: rgba(255,255,255,0);
  outline: 0;
  box-shadow: 0 0 0 .25rem rgba(255,255,255,0);
}

.accordion-button.faq:not(.collapsed) {
  color: #768ba1;
  background-color: #f8f8f8;
}

.accordion-body.faq {
  padding: 16px 18px;
}




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

無料個別相談　予約カレンダー

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

/* STEPS */

.free-consul-step-image {
  display: block;
  margin: 0 auto;
  width: 90%;
}



/* CALENDAR */

#booking-package-locale-ja {
  max-width: 800px;
  margin: 0 auto;
}

#returnToCalendarButton {
  border: 1px solid #aaa;
  padding: 8px 16px;
}

.calendar {
  background-color: #fffff9;
}

.week_slot {
  background-color: #fffff9;
}

.week_slot.sat {
  background-color: #0693e3;
  color: #fff;
}

.week_slot.sun {
  background-color: #cd5c5c;
  color: #fff;
}




/* FORM */

#booking_package_input_firstname {
  font-size: 16px;
  padding: 8px !important;
}

#booking_package_input_lastname {
  font-size: 16px;
  padding: 8px !important;
}

#booking_package_input_email {
  font-size: 16px;
  padding: 8px !important;
}

#booking_package_input_phone {
  font-size: 16px;
  padding: 8px !important;
}


/* BUTTON */

#booking-package_pay_locally {
  text-align: center;
}

.book_now_button {
  border: 1px solid #aaa;
  padding: 8px;
  max-width: 400px;
}

#nextAndReturnPanel {
  text-align: center;
}

#returnToSchedules {
  border: 1px solid #aaa;
  padding: 8px;
  max-width: 400px;
}






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

ARCHIVE PROPERTY

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

/* PROPERTY COMMON */

.property-contents-wrap {
	display: flex;
	flex-wrap: wrap;
	box-sizing: border-box;
	position: relative;
  min-height: 180px;
}



.serch-form-wrap.property {
	width: 300px;
	box-sizing: border-box;
	position: absolute;
	top: 0;
	left: 0;
	transform: translateX(-100%);
	transition: ease-in-out .5s;
  background: #fff;
  z-index: 20;
  background: #f7efe2;
}

.property-item-wrap.property.action {
  opacity: 0.4;
  transition: .5s;
}

.serch-form-wrap.property.action {
	transform: translateX(0);
	transition: ease-in-out .5s;
}

.property-item-wrap.property {
	width: 100%;
	box-sizing: border-box;
  z-index: 10;
}



/*== SEARCH FORM WRAP ==*/

/*
header
*/

.search-form-header.property {
  display: block;
  background-color: #303841;
  color: #fff;
  font-size: 15px;
  text-align: center;
  line-height: 38px;
  height: 40px;
  font-weight: 400;
  margin-bottom: 24px;
}

.search-unit-title {
  font-size: 14px;
}

.search-unit-title.mb {
	margin-bottom: 8px;
}

.search-unit-title.active::after {
  content: "";
  width: 16px;
  height: 16px;
  background: #0693e3;
  display: inline-block;
  vertical-align: middle;
  margin-top: -2px;
  margin-left: 8px;
  border-radius: 50%;
}

.ast-p-property {
  font-size: 13px;
  line-height: 17px;
}


.unit-box.search-form-property {
	padding-bottom: 24px;
	width: 100%;
}

.search-form-inner {
  position: relative;
  border: 1px solid #bcbab5;
  box-sizing: border-box;
  padding: 8px;
  background-color: #fffff9;
}



.search-form-open-btn {
	position: absolute;
	top: 0;
	right: 0;
	transform: translateX(24px);
	transition: ease-in-out.5s;
	writing-mode: vertical-lr;
}

.search-form-open-btn a {
  display: block;
}

.search-form-open-btn-inner {
  width: 24px;
  display: block;
  font-size: 13px;
  box-sizing: border-box;
  padding: 12px 0;
  margin: 12px 0;
  background-color: #768ba1;
  border-radius: 0 4px 4px 0;
  border-right: 1px solid #ddd;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  color: #fff;
}

.search-form-open-btn-inner-text {
  display: flex;
  width: 100%;
  align-items: center;
}

.search-form-open-btn-inner:hover {
  cursor: pointer;
}

.search-form-open-btn-inner-text::after {
  content: "";
  border-left: 8px solid #fff;
  border-top: 6px solid #768ba1;
  border-bottom: 6px solid #768ba1;
  margin-top: 8px;
  transform: rotateY(0deg);
  transition: .5s;
}

.search-form-open-btn-inner-text.action::after {
  transform: rotateY(180deg);
  transition: .5s;
}


/*
MORE SEARCH BUTTON
*/

.more-search-btn
{
  padding: 0 !important;
  box-shadow: none !important;
  font-size: 14px;
  text-align: center;
  width: 100%;
  display: block;
  height: 40px;
  color: #fff !important;
  background-color: #303841 !important;
}

.more-search-btn.mb
{
  margin-bottom: 16px;
}



/*
ラジオボタン スタイル
*/



.search-form-property input[type="radio"] {
	display: none;
}

.search-form-property input[type="radio"]:checked + label {
	color: #fff;
	background: #768ba1;
	fill:#fff;
}

.label {
	border: 1px solid #ddd;
	display: flex;
  font-size: 14px;
	line-height: 14px;
	height: 40px;
	width: 100%;
	border-radius: 4px;
	align-items: center;
	justify-content: center;
	text-align: center;
	fill: #333;
	box-sizing: border-box;
  background-color: #fbfbfb;
}

.box2-item label:hover {
	cursor: pointer;
}


/*
プルダウンメニュー スタイル
*/

.search-form-property select {
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	border: none;
	background: none;
	display: block;
	width: 100%;
	height: 100%;
	font-size: 14px;
  color: #333;
  z-index: 20;
  position: absolute;
  padding: 0 8px;
}

-ms-expand {
	display: none;
}

.select-fullwidth {
	width: 100%;
	border: 1px solid #ddd;
	border-radius: 4px;
	height: 42px;
	position: relative;
	box-sizing: border-box;
}

.select-fullwidth.area-select {
	width: calc(50% - 4px);
}


.select-fullwidth select:hover {
	cursor: pointer;
}

.select-fullwidth::before {
  content: "";
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  background-color: #fbfbfb;
  z-index: 0;
  border-radius: 4px;
}

.select-fullwidth::after {
	content: "";
	position: absolute;
	right: 12px;
	width: 8px;
	height: 8px;
	border-bottom: 1px solid #666;
	border-right: 1px solid #666;
	top: calc(50% - 4px);
	transform: rotate(45deg);
	z-index: 10;
}



/*
チェックボックス　スタイル
*/

.search-form-property input[type="checkbox"] {
	display: none;
}

.checkbox {
  font-size: 14px;
}

.checkbox::before {
	content: "";
	width: 24px;
	height: 24px;
	display: inline-block;
	border: 1px solid #bbb;
	vertical-align: top;
	margin-right: 8px;
	border-radius: 4px;
	box-sizing: border-box;
  background-color: #fbfbfb;
}

input[type="checkbox"]:checked + label::before {
	content: "";
	text-align: center;
	border: 1px solid #333;
	background-image: url(../images/common/checkmark.png);
	background-size: contain;
	background-repeat: no-repeat;
}

.box2-item .checkbox:hover {
	cursor: default;
}





/*
BOX2
*/

.box2.search-unit.property {
	display: flex;
	flex-wrap: wrap;
	gap: 6px 8px;
}

.box2-item.search-unit.property {
	width: calc(50% - 4px);
  position: relative;
}

.box2-item.search-unit.property.full-width {
	width: 100%;
}

/*
BOX-FLEX
*/

.box-flex {
	display: flex;
	flex-wrap: nowrap;
}

.box-pulldown-form {
	width: 45%;
}

.box-pulldown-text {
	width: 10%;
}

.select-fullwidth-text {
	line-height: 42px;
	height: 42px;
	text-align: center;
}



/*
BOX3
*/

.box3 {
	display: flex;
	flex-wrap: wrap;
	gap: 6px 8px;
}

.box3-item {
	width: calc(33.33% - 6px);
}

.box3-item:first-child {
	width: 100%;
}

.box3-item:last-child {
	width: 100%;
}



/*
SEARCH UNIT TITLE
*/

.search-unit-title-btn {
  padding: 0 !important;
  background-color: inherit !important;
  color: #333 !important;
  box-shadow: none !important;
}

.search-unit-title-btn.mb {
	margin-bottom: 8px;
}


/*
SEARCH BTN
*/

.search-btn {
	width: 240px;
	margin: 0 auto;
	display: block;
	text-align: center;
}

.search-btn input {
	border: none;
	background: #cd5c5c;
	width: 100%;
	height: 50px;
	display: flex;
	color: #fff;
	font-size: 15px;
	border-radius: 4px;
  transition: .5s;
}

.search-btn input:hover {
	cursor: pointer;
  transition: .5s;
  opacity: 0.7;
}





/*== PROPERTY ITEM WRAP ==*/

/*
SORT FORM
*/

.unit-box.search-form-property.sortform {
  padding-bottom: 8px;
  width: 100%;
  max-width: 200px;
}


/*
SEARCH TEXT
*/

.search-text-wrap {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.search-text-wrap.mb {
  margin-bottom: 8px;
}

.search-text {
  font-size: 10px;
  background-color: #333;
  color: #fff;
  padding: 0 8px;
  height: 20px;
  line-height: 18px;
  border-radius: 20px;
}


/*
ITEM WRAP
*/

.search-results.property ul {
  list-style: none;
  margin: 0;
  padding-left: 32px;
  padding-right: 8px;
  box-sizing: border-box;
}

.search-results.property li {
  box-sizing: border-box;
  padding: 8px;
  border: 1px solid #bcbab5;
  background-color: #fffff9;
  margin-bottom: 8px;
}

.search-results.property li:last-child {
  margin-bottom: 0;
}

/*
HEADER
*/

.property-header.mb {
  margin-bottom: 8px;
}


/* TITLE UNIT */

.pro-hd-category-unit {
  font-size: 11px;
  height: 22px;
  background-color: #726863;
  width: 100px;
  text-align: center;
  line-height: 20px;
  color: #fff;
  box-sizing: border-box;
  margin-bottom: 8px;
}

.pro-hd-title-inner {
  font-size: 15px;
  line-height: 22px;
  font-weight: 600;
  margin-bottom: 0;
}


/* UTILITY */

.property-header-utility {
  top: 0;
  right: 0;
  display: flex;
  flex-wrap: nowrap;
}

.pro-hd-regist-unit {
  font-size: 14px;
  font-weight: 500;
  height: 22px;
}

.regist-date {
  margin-right: 4px;
}

.regist-new {
  margin-left: 4px;
  color: #cd5c5c;
  font-weight: 800;
}




.pro-hd-fav-unit {
  width: 22px;
  height: 22px;
  box-sizing: border-box;
  padding: 2px;
  margin-left: 4px;
  overflow: visible;
}

.pro-hd-fav-unit svg {
  width: 100%;
  height: auto;
  fill: #cd5c5c;
  display: block;
}


/*
BODY
*/

.property-body a:hover {
  color: inherit;
}

.property-body.mb {
  margin-bottom: 8px;
}

.pro-bd-wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: start;
}


/* IMAGE BOX */

.pro-bd-image {
  width: calc(102px + 138 * ((100vw - 320px) / 448));
  height: calc(68px + 92 * ((100vw - 320px) / 448));
  max-width: 240px;
  position: relative;
  overflow: hidden;
}

.pro-bd-image img {
  width: auto;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}


/* META BOX */

.pro-bd-meta {
  width: 60%;
  box-sizing: border-box;
  padding-left: 8px;
}


.pro-bd-meta-unit.pro-price-box.mb {
  margin-bottom: 0;
}

.pro-price-label {
  display: none;
}

.pro-bd-meta-unit-wrap {
  font-size: 17px;
  line-height: 1;
  height: 20px;
}

.yen-span {
  font-size: 13px;
}

.pro-bd-meta-unit-p {
  font-size: 12px;
  line-height: 15px;
}


/* sp meta section */

.pro-bd-meta-unit-sp {
  font-size: 13px;
  display: flex;
  flex-wrap: nowrap;
}

.pro-bd-meta-unit-sp.mb {
  margin-bottom: 4px;
}

.pro-bd-meta-unit-sp-category {
  display: inline-block;
  width: 48px;
  text-align: center;
  margin-right: 8px;
  background-color: #efefef;
  height: 22px;
  line-height: 20px;
}

.pro-bd-meta-unit-sp-date {
  display: inline-block;
  width: calc(100% - 56px);
}


/*
FOOTER
*/

.property-footer {
  padding-top: 8px;
  border-top: 1px solid #ddd;
  box-sizing: border-box;
}

/* button */

.pro-btn-wrap {
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  gap: 0 8px;
  width: 100%;
  max-width: 340px;
  margin: 0 0 0 auto;
}

.pro-btn-unit {
  width: 50%;
  border: 1px solid #768ba1;
  box-sizing: border-box;
}

.pro-btn-unit a {
  width: 100%;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
}



.pro-btn-unit.document-request {
  background-color: #fff;
}

.pro-btn-unit.detail-request {
  background-color: #768ba1;
}



.document-request-p {
  display: inline-block;
  font-size: 13px;
  color: #768ba1;
}

.document-request svg {
  display: inline-block;
  width: 15px;
  height: 15px;
  margin-right: 8px;
  fill: #768ba1;
}

.document-detail-p {
  display: inline-block;
  font-size: 13px;
  color: #fff;
}

.detail-request svg {
  display: inline-block;
  width: 15px;
  height: 15px;
  margin-right: 8px;
  fill: #fff;
}



.property-id {
  margin-top: 6px;
}

.pro-bd-meta-unit-p.pro-id {
  text-align: right;
}






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

SINGLE PROPERTY

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

/*
HEADER
*/

.pro-s-hd-wrap {
  box-sizing: border-box;
  padding: 8px;
  border: 1px solid #bcbab5;
  background-color: #fffff9;
}

.pro-s-hd-title-unit {
  padding-bottom: 8px;
  border-bottom: 1px solid #dfe1d5;
  margin-bottom: 8px;
}

.pro-hd-title-inner.pro-single {
  font-size: calc(15px + 9 * ((100vw - 320px) / 880));
  line-height: calc(22px + 10 * ((100vw - 320px) / 880));
  font-weight: 600;
  margin-bottom: 0;
}

/* META UNIT */

.pro-s-hd-con-unit {
  margin-bottom: calc(8px + 8 * ((100vw - 320px) / 880));
}

.pro-s-hd-meta-item.pro-s-hd-meta-border {
  border-bottom: 1px solid #dfe1d5;
  padding-bottom: 8px;
  margin-bottom: 8px;
}

.pro-bd-meta-unit-wrap.pro-single:first-child {
  padding-right: 0;
}

.pro-bd-meta-unit-wrap.pro-single {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  min-height: calc(24px + 8 * ((100vw - 320px) / 880));
}

.pro-price-label.pro-single {
  display: inline-block;
  font-size: calc(14px + 4 * ((100vw - 320px) / 880));
  width: calc(100px + 20 * ((100vw - 320px) / 880));
  font-weight: 600;
}

.pro-price-date.pro-single {
  font-size: calc(17px + 7 * ((100vw - 320px) / 880));
  font-weight: 500;
  width: auto;
}



.pro-bd-meta-unit-sp.pro-single {
  display: flex;
  flex-wrap: nowrap;
  align-items: start;
  min-height: calc(26px + 6 * ((100vw - 320px) / 880));
  line-height: calc(26px + 6 * ((100vw - 320px) / 880));
}

.pro-bd-meta-unit-sp-label.pro-single {
  font-size: calc(13px + 3 * ((100vw - 320px) / 880));
  width: calc(100px + 20 * ((100vw - 320px) / 880));
  min-width: calc(100px + 20 * ((100vw - 320px) / 880));
  max-width: calc(100px + 20 * ((100vw - 320px) / 880));
  font-weight: 600;
}

.pro-bd-meta-unit-sp-date.pro-single {
  width: auto;
  font-size: calc(13px + 3 * ((100vw - 320px) / 880));
}


/* INDEX UNIT */

.property-index {
  margin-bottom: 4px;
}

.pro-index-unit {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  margin-bottom: calc(4px + 4 * ((100vw - 320px) / 880));
}

.pro-index-unit:last-child {
  margin-bottom: 0;
}

.pro-index-item.index-name {
  font-size: calc(13px + 3 * ((100vw - 320px) / 880));
  width: calc(70px + 20 * ((100vw - 320px) / 880));
  height: calc(20px + 12 * ((100vw - 320px) / 880));
  line-height: calc(18px + 12 * ((100vw - 320px) / 880));
  text-align: left;
}

.pro-index-item.index-bar {
  overflow: hidden;
  width: 100%;
  height: calc(20px + 12 * ((100vw - 320px) / 880));
  background-color: #f2f2f2;
}

.index-bar-inner {
  height: 100%;
}

.index-bar-item {
  display: block;
  height: 100%;
  width: 100%;
  background-color: #768ba1;
  transform: translateX(-100%);
  transition: ease-in-out.5s;
}

.index-bar-item.yield-bar.action {
  transform: translateX(0);
  transition: ease-in-out.5s;
}

.index-bar-item.yaer-bar.action {
  transform: translateX(0);
  transition: ease-in-out.5s .5s;
}

.index-bar-item.time-bar.action {
  transform: translateX(0);
  transition: ease-in-out.5s 1s;
}

.pro-index-item.index-num {
  font-size: calc(14px + 4 * ((100vw - 320px) / 880));
  width: calc(80px + 20 * ((100vw - 320px) / 880));
  height: calc(20px + 12 * ((100vw - 320px) / 880));
  line-height: calc(18px + 12 * ((100vw - 320px) / 880));
  text-align: right;
}


/*
CTA
*/

.property-footer.pro-single {
  padding-top: 0;
  border: none;
}

.pro-btn-wrap.pro-single {
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  gap: 0 8px;
  width: 100%;
  max-width: calc(340px + 140 * ((100vw - 320px) / 880));
  margin: 0 0 0 auto;
}

.pro-btn-unit.detail-request.pro-single {
  background-color: #768ba1;
  width: 50%;
  border: 1px solid #768ba1;
  box-sizing: border-box;
}

.pro-btn-unit.detail-request.pro-single a {
  width: 100%;
  height: calc(40px + 10 * ((100vw - 320px) / 880));
  display: flex;
  align-items: center;
  justify-content: center;
}

.document-detail-p.pro-single {
  display: inline-block;
  font-size: calc(13px + 4 * ((100vw - 320px) / 880));
  color: #fff;
}

.pro-btn-unit.detail-request.pro-single svg {
  width: calc(17px + 3 * ((100vw - 320px) / 880));
  height: calc(17px + 3 * ((100vw - 320px) / 880));
  margin-right: calc(10px + 2 * ((100vw - 320px) / 880));
}



.property-id.pro-single {
  margin-top: 0;
  width: 50%;
}

.property-id.pro-single {
  margin-top: 0;
  width: 50%;
  height: calc(42px + 10 * ((100vw - 320px) / 880));
  display: flex;
  align-items: center;
  position: relative;
  top: 0;
}


.pro-bd-meta-unit-p.pro-single {
  font-size: calc(12px + 5 * ((100vw - 320px) / 880));
  line-height: calc(15px + 9 * ((100vw - 320px) / 880));
  text-align: left;
}



/*
GALLERY
*/

.pro-section-title-wrap {
  border-bottom: 2px solid #4e4449;
  padding-bottom: calc(8px + 4 * ((100vw - 320px) / 880));
}

.pro-section-title {
  font-size: calc(15px + 7 * ((100vw - 320px) / 880));
  line-height: calc(23px + 5 * ((100vw - 320px) / 880));
}

.pro-section-title.mb {
  margin-bottom: 0;
}



.pro-gallery.pro-gallery-main {
  width: 286px;
  height: 190px;
  margin: 0 auto 16px auto;
  position: relative;
  background-color: #fffff9;
	overflow: hidden;
}

.pro-gallery.pro-gallery-main img {
  width: auto;
  height: 100%;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
}

.pro-gallery-item-wrap {
  width: 286px;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.pro-gallery-item.pro-gallery-thumb {
  width: 90px;
  height: 60px;
  position: relative;
  background-color: #fffff9;
	overflow: hidden;
}

.pro-gallery-item.pro-gallery-thumb img {
  width: auto;
  height: 100%;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
}

.pro-gallery-item.pro-gallery-thumb img:hover {
  cursor: pointer;
}



/*
DETAIL META BOX
*/

/* META UNIT */

.pro-detail-wrap {
  font-size: calc(13px + 3 * ((100vw - 320px) / 880));
  line-height: calc(19px + 7 * ((100vw - 320px) / 880));
  background-color: #fffff9;
}

.box-flex.metabox {
  min-height: calc(30px + 30 * ((100vw - 320px) / 880));
  border-bottom: 1px solid #dfe1d5;
}



.pro-detail.metabox-111 {
  padding: 8px;
  display: flex;
  align-items: center;
}

.pro-detail.metabox-123 {
  padding: 8px;
  display: flex;
  align-items: center;
  width: 100%;
}



/* metabox-111 */

.pro-detail.metabox-111.title-unit {
  min-width: calc(80px + 60 * ((100vw - 320px) / 880));
  max-width: calc(80px + 60 * ((100vw - 320px) / 880));
  width: calc(80px + 60 * ((100vw - 320px) / 880));
  background-color: #726863;
  color: #fff;
}

.pro-detail.metabox-111.data-unit {
  width: auto;
}

.pro-detail.metabox-111-wrap.first-child {
  border-top: 1px solid #dfe1d5;
}

.pro-detail.metabox-111.data-unit.notes-box {
  flex-wrap: wrap;
}

.pro-detail.metabox-111.data-unit.notes-box p {
  width: 100%;
}


/* metabox-123 */

.pro-detail.metabox-123.title-unit {
  min-width: calc(80px + 60 * ((100vw - 320px) / 880));
  max-width: calc(80px + 60 * ((100vw - 320px) / 880));
  width: calc(80px + 60 * ((100vw - 320px) / 880));
  background-color: #726863;
  color: #fff;
}



/*
POINT
*/

.pro-single.point-box {
  background-color: #f9f9f9;
  border: 1px solid #dfe1d5;
  padding: calc(8px + 16 * ((100vw - 320px) / 880));
}

.pro-single.point-box-title {
  font-size: calc(17px + 7 * ((100vw - 320px) / 880));
  line-height: calc(26px + 12 * ((100vw - 320px) / 880));
}

.pro-single.point-box-title.mb {
  margin-bottom: calc(2px + 14 * ((100vw - 320px) / 880));
}

.pro-single.point-box-text {
  font-size: calc(13px + 4 * ((100vw - 320px) / 880));
  line-height: calc(19px + 9 * ((100vw - 320px) / 880));
}




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

資料請求フォーム

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


.box-flex.pro-contact {
  gap: 0 8px;
}

.request-data-wrap {
  width: 100%;
}

.request-data-item {
  box-sizing: border-box;
  padding: 2px 8px;
}

.request-data-item.border-cocoa.border-title {
  border-bottom: 0;
}

.request-data-wrap.harf-width {
  width: 50%;
}

.request-data-item.flex-data-label {
  width: 35%;
}

.request-data-item.flex-data-data {
  width: 65%;
}



/* FORM */

.contact-unit.document-request
{
  max-width: 400px;
  margin-left: auto;
  margin-right: auto;
}

.contact-unit.last-child-mb
{
  margin-bottom: calc(16px + 48 * ((100vw - 320px) / 880));
}











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

MEDIAQUERY

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


@media (min-width: 576px) {


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

COMMON

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

/* DISPLAY */

.dis-sp-tb {
display: none;
}

.dis-tb-pc {
display: block;
}

/* BR */

.br-sp {
display: none;
}

.br-tb-pc {
display: block;
}


/* PADDING */



/* FONT POSITION */

.cll {
  text-align: left;
  }

.lcc {
text-align: center;
}



/* FONT STYLE */



/*
IMAGE TITLE
*/

.image-title-unit {
  bottom: calc(18px + 24 * ((100vw - 576px) / 624));
  padding: 8px calc(8px + 8 * ((100vw - 576px) / 624));
}

.image-title-index {
  font-size: calc(24px + 24 * ((100vw - 576px) / 624));
    line-height: calc(24px + 24 * ((100vw - 576px) / 624));
}

.image-title-desc {
  font-size: calc(10px + 4 * ((100vw - 576px) / 624));
}





.article-title {
font-size: 16px;
}

.article-desc {
font-size: 12px;
line-height: 18px;
}

.article-meta {
font-size: 10px;
margin: 8px;
}

.text-link a {
font-size: calc(13px + 3 * ((100vw - 576px) / 624));
}


/* BUTTON STYLE */

.entry-btn {
width: calc(180px + 100 * ((100vw - 576px) / 624));
margin-left: 0;
margin-right: auto;
}

.entry-btn a {
font-size: calc(15px + 3 * ((100vw - 576px) / 624));
height: calc(40px + 20 * ((100vw - 576px) / 624));
line-height: calc(36px + 22 * ((100vw - 576px) / 624));
}


/* COLUMN */

/*
COL-122
*/

.col-122-item {
  width: calc(50% - 4.5px);
}

/*
COL-133
*/

.col-133-item {
  width: calc(33.33% - 6px);
}

.col-133-item.images img {
  max-width: 388px;
}




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

HEADER

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



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

TOP

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

/*  STEP  */

.steps-icon {
max-width: 100%;
margin-bottom: 12px;
}

.steps-con-wrap {
width: 80%;
margin: 0 auto;
}

.article-title.steps {
margin-bottom: 4px;
}


/*  FEATURES  */


/*  SERVICE  */

.service-tab {
width: 80%;
height: calc(50px + 40 * ((100vw - 576px) / 624));
bottom: 0;
top: unset;
}

.service-item {
width: 100%;
}

.service-item-info-p-sp {
display: none;
}

.service-item-info-p-pc {
display: inline-block;
top: 10px;
left: 10px;
font-size: 12px;
}

.servic-item-title {
font-size: calc(22px + 20 * ((100vw - 576px) / 624));
margin-bottom: 1px;
}

.service-item-desc {
font-size: calc(10px + 4 * ((100vw - 576px) / 624));
}


/*  PICKUP SEMINAR  */

.pickup-item {
margin-bottom: calc(16px + 20 * ((100vw - 576px) / 624));
}

.pickup-seminar.unit-padding {
padding: calc(8px + 8 * ((100vw - 576px) / 624));
}

.pickup-seminar-item.pc {
display: block;
}

.seminar-item-wrap {
gap: 0 8px;
flex-wrap: nowrap;
}

.pickup-seminar-item {
width: calc(50% - 4px);
}

.pickup-seminar-title {
font-size: calc(20px + 16 * ((100vw - 576px) / 624));
}

.pickup-seminar-desc {
font-size: calc(14px + 2 * ((100vw - 576px) / 624));
line-height: calc(20px + 8 * ((100vw - 576px) / 624));
}

.pickup-seminar-meta {
font-size: calc(15px + 9 * ((100vw - 576px) / 624));
}

.pickup-seminar-meta-span {
font-size: calc(11px + 3 * ((100vw - 576px) / 624));
}



/*  REPORT  */

.box-item.report {
  display: block;
}

.box-item-wrap {
  display: flex;
  flex-wrap: nowrap;
}

.box-item-l.report {
width: 60%;
box-sizing: border-box;
}

.box-item-r.report {
width: 40%;
box-sizing: border-box;
}

.box-article-title.report {
font-size: 15px;
}

.box-article-span {
font-size: 10px;
margin: 0 10px;
}

.box-article-desc.report {
font-size: 13px;
line-height: 24px;
}



/*  NEWS  */




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

FOOTER

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





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

IVP（IVPとは）

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

/* ▼ まるわかり START ▼ */

/* FEATURE */

.feature-unit-icon {
  width: calc(50% - 16px);
}

.feature-unit-box {
  width: calc(50% - 16px);
  margin-top: 0;
  margin-left: 32px;
}

.feature-unit-box::before {
  top: 50%;
  left: -32px;
  border-bottom: 80px solid rgba(256,256,256,0);
  border-left: 16px solid rgba(256,256,256,0);
  border-right: 16px solid #303841;
  border-top: 80px solid rgba(256,256,256,0);
  transform: translate(0,-50%);
}



.box-122 {
  gap: 8px;
}

.box-122-item {
  width: calc(50% - 4px);
}


/*
PTN
*/

.ptn-type {
  width: 35%;
}

.ptn-type-wrap {
  gap: 16px;
}

.ptn-type-index {
  width: 100%;
}

.ptn-type-meta {
  width: 100%;
}


.ptn-step {
  margin-top: 0;
  margin-left: 32px;
  width: calc(65% - 32px);
}

.ptn-step::before {
  top: 50%;
  left: -32px;
  border-bottom: 80px solid rgba(256,256,256,0);
  border-left: 16px solid rgba(256,256,256,0);
  border-right: 16px solid #303841;
  border-top: 80px solid rgba(256,256,256,0);
  transform: translate(0,-50%);
}


/* ▲ まるわかり END ▲ */






/* FEATURES */
/*
.box-122 {
  gap: 8px;
}

.box-122-item {
  width: calc(50% - 4px);
}
*/
.ivp-image-headline {
  bottom: calc(18px + 24 * ((100vw - 576px) / 624));
  padding: 8px calc(8px + 8 * ((100vw - 576px) / 624));
}

.ivp-image-title {
  font-size: calc(24px + 24 * ((100vw - 576px) / 624));
  line-height: calc(24px + 24 * ((100vw - 576px) / 624));
}

.ivp-image-title.mb {
  margin-bottom: 6px;
}

.ivp-image-desc {
  font-size: calc(10px + 4 * ((100vw - 576px) / 624));
}


/* OVERVIEW */

.text-box-title.ivp-overview {
  font-size: calc(24px + 24 * ((100vw - 576px) / 624));
  line-height: calc(32px + 32 * ((100vw - 576px) / 624));
  margin-bottom: calc(12px - 2 * ((100vw - 576px) / 624));
  padding-bottom: calc(16px + 2 * ((100vw - 576px) / 624));
}



/* オーナーになられた方々 */



/* JOIN */

.ivp-image-title.join {
  font-size: calc(20px + 12 * ((100vw - 576px) / 624));
  line-height: calc(20px + 18 * ((100vw - 576px) / 624));
}

.ivp-image-title.join.mb {
  margin-bottom: 6px;
}


/* CTA */

.cta-link-meta-wrap {
  margin-bottom: 16px;
}

.cta-link-title-p {
  font-size: calc(24px + 24 * ((100vw - 576px) / 624));
  line-height: calc(24px + 24 * ((100vw - 576px) / 624));
}

.cta-link-title-p.l-space-entry {
  letter-spacing: 12px;
}

.cta-link-title-p.mb {
  margin-bottom: calc(16px + 20 * ((100vw - 576px) / 624));
}

.page-p.ivp-cta {
  font-size: calc(13px + 5 * ((100vw - 576px) / 624));
  line-height: calc(20px + 14 * ((100vw - 576px) / 624));
}

.entry-btn.ivp-cta {
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 16px;
  width: calc(220px + 100 * ((100vw - 576px) / 624));
}

.entry-btn.ivp-cta a {
  font-size: calc(13px + 7 * ((100vw - 576px) / 624));
  height: calc(40px + 20 * ((100vw - 576px) / 624));
  line-height: calc(38px + 20 * ((100vw - 576px) / 624));
}




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

IVP（IVP 3年間の流れ）

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

/* IVP PTN */

.ivp-flow-pattern {
  display: flex;
  flex-wrap: wrap;
}

.colums-ivp-flow-pattern-l {
  width: calc(220px + 140 * ((100vw - 576px) / 624));
}

.colums-ivp-flow-pattern-r {
  width: calc(340px + 460 * ((100vw - 576px) / 624));
}




/* IVP PTN ABC */

.ivp-ptn-abc {
  margin-bottom: calc(8px + 4 * ((100vw - 576px) / 624));
}

.ivp-ptn-abc-p {
  font-size: calc(12px + 4 * ((100vw - 576px) / 624));
  line-height: calc(18px + 6 * ((100vw - 576px) / 624));
}

.ivp-ptn-abc-icon-inner {
  padding: 0 36px;
}

.ivp-ptn-num {
  font-size: calc(78px + 18 * ((100vw - 576px) / 624));
  line-height: calc(46px + 26 * ((100vw - 576px) / 624));
}

.page-p.ivp-ptn {
  line-height: calc(18px + 6 * ((100vw - 576px) / 624));
}

.colums-ivp-flow-pattern-r-num {
  max-width: calc(80px + 40 * ((100vw - 576px) / 624));
}

.colums-ivp-flow-pattern-r-num-p {
  font-size: calc(13px + 5 * ((100vw - 576px) / 624));
}



.page-headline-m.colums-ivp-flow-pattern {
  font-size: calc(18px + 6 * ((100vw - 576px) / 624));
}

.page-headline-m-ast.color-key {
  font-size: calc(12px + 4 * ((100vw - 576px) / 624));
}




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

IVP（IVP 講師紹介）

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

.page-title-unit.ivp-inst {
  margin-bottom: calc(24px + 12 * ((100vw - 576px) / 624));
}

.page-title-p.ivp-inst-name {
  display: inline-block;
  margin-bottom: 0;
}

.page-headline-m.ivp-inst-name {
  display: inline-block;
}

.page-headline-m.ivp-inst-name::before {
  content: "/";
  margin: 0 calc(13px + 13 * ((100vw - 576px) / 624));
}










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

ARCHIVE SEMINAR

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

/* SEMINAR CATEGORY LIST */



/* BOX123 */

.box-123 ul {
  gap: 24px 8px;
}

.box-123 li {
  width: calc(50% - 4px);
}


.seminar-category-link {
  font-size: calc(10px + 3 * ((100vw - 576px) / 624));
  padding: 0 calc(10px + 2 * ((100vw - 576px) / 624));
  line-height: calc(19px + 5 * ((100vw - 576px) / 624));
  height: calc(20px + 6 * ((100vw - 576px) / 624));
}

.active-seminar-p {
  font-size: calc(13px + 3 * ((100vw - 576px) / 624));
}

.seminar-archive-title {
  font-size: calc(15px + 3 * ((100vw - 576px) / 624));
}

.seminar-archive-meta {
  font-size: calc(10px + 3 * ((100vw - 576px) / 624));
  margin-bottom: calc(3px + 1 * ((100vw - 576px) / 624));
}

.seminar-meta-image-day::before {
  width: calc(10px + 3 * ((100vw - 576px) / 624));
  height: calc(10px + 3 * ((100vw - 576px) / 624));
  margin-right: calc(8px + 2 * ((100vw - 576px) / 624));
}

.seminar-meta-image-time::before {
  width: calc(10px + 3 * ((100vw - 576px) / 624));
  height: calc(10px + 3 * ((100vw - 576px) / 624));
  margin-right: calc(8px + 2 * ((100vw - 576px) / 624));
}

.seminar-meta-image-price::before {
  width: calc(10px + 3 * ((100vw - 576px) / 624));
  height: calc(10px + 3 * ((100vw - 576px) / 624));
  margin-right: calc(8px + 2 * ((100vw - 576px) / 624));
}

.seminar-meta-image-location::before {
  width: calc(10px + 3 * ((100vw - 576px) / 624));
  height: calc(10px + 3 * ((100vw - 576px) / 624));
  margin-right: calc(8px + 2 * ((100vw - 576px) / 624));
}



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

SINGLE PROPERTY

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

/*
GALLERY
*/

.pro-gallery-wrap {
  display: flex;
  flex-wrap: wrap;
}

.pro-gallery.pro-gallery-main {
  width: 50%;
  max-width: calc(270px + 314 * ((100vw - 576px) / 624));
  height: calc(186px + 213 * ((100vw - 576px) / 624));
  margin: 0 auto 0 0;
}

.pro-gallery-item-wrap {
  width: 50%;
  max-width: calc(280px + 312 * ((100vw - 576px) / 624));
  margin: 0 0 0 auto;
  gap: calc(6px + 3 * ((100vw - 576px) / 624));
  justify-content: end;
}

.pro-gallery-item.pro-gallery-thumb {
  width: calc(88px + 103 * ((100vw - 576px) / 624));
  height: calc(58px + 69 * ((100vw - 576px) / 624));
}



/*
DETAIL META BOX
*/

/* metabox-123 */

.pro-detail.metabox-123-wrap {
  display: flex;
  flex-wrap: wrap;
}

.box-flex.metabox.metabox-123-item {
  width: 50%;
}

.box-flex.metabox.metabox-123-item.metabox-123-last-child {
  border-bottom: 0;
}

.pro-detail.metabox-111-wrap.meta-box-111-last-child {
  border-top: 1px solid #dfe1d5;
}




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

無料個別相談　予約カレンダー

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

/* STEPS */

.free-consul-step-image {
  width: 60%;
}





}

@media (min-width: 768px) {

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

COMMON

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

/* DISPLAY */

.dis-sp {
  display: none;
}

.dis-pc {
  display: block;
}


/* BR */

.br-sp-tb {
  display: none;
}

.br-pc {
  display: block;
}

/* GUTTER */

.g-1-fluid {
--bs-gutter-x: 0.3rem;
}

.p-1-fluid {
padding-left: 0.2rem;
padding-right: 0.2rem;
}


/* FONT POSITION */

.llc {
  text-align: center;
}


/* PADDING */

.article-box-py.customer-voice {
  padding-bottom: calc(24px + 8 * ((100vw - 768px) / 432));
}



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

HEADER

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

.header-wrap-pt {
padding-top: calc(8px + 4 * ((100vw - 768px) / 432));
}

.header-top-copy {
margin-bottom: 10px;
}

/* HEADER COPY */

.header-copy {
font-size: calc(14px + 2 * ((100vw - 768px) / 432));
}

.header-copy-span a {
font-size: 10px;
color: #808080;
margin-left: 10px;
}


/* SNS LINK */

.sns-link {
top: 0;
right: 0;
}

.sns-link-wrap ul {
display: flex;
list-style: none;
margin-bottom: 0;
}

.sns-link-wrap li {
width: 16px;
height: 16px;
margin-left: 20px;
}

.sns-link-wrap li a img {
display: block;
width: 100%;
height: auto;
}


/*
HEADER UNIT
*/

.pc-header-unit {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
}




/* LOGO */

.pc-logo-unit {
  width: auto;
}
	
.header-contents {
height: calc(60px + 20 * ((100vw - 768px) / 432));
}

.logo-mark {
max-width: calc(48px + 8 * ((100vw - 768px) / 432));
}

.logo-desc {
font-size: calc(9px + 2 * ((100vw - 768px) / 432));
margin-bottom: calc(5px + 1 * ((100vw - 768px) / 432));
}

.logo-type-image {
width: calc(180px + 40 * ((100vw - 768px) / 432));
}



/* UTILITY */

.pc-utility-unit {
  width: auto;
}

.header-utility ul {
  margin: 0;
  line-height: 1;
  list-style: none;
  display: flex;
}

.header-utility li {
  margin-left: 10px;
}

.header-utility li:nth-child(1) {
  background-color: #fff;
}

.header-utility li a img {
  display: block;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  padding: 25%;
}

.utility-btn {
  display: block;
  font-size: calc(12px + 2 * ((100vw - 768px) / 432));
  line-height: calc(26px + 2 * ((100vw - 768px) / 432));
  height: 30px;
  padding: 0 calc(10px + 6 * ((100vw - 768px) / 432));
  color: #fff;
  text-decoration: none;
  background-color: #cd5c5c;
}

.utility-btn:hover {
  color: #fff;
  opacity: 0.7;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
}
	
.utility-btn.link {
  background-color: #768ba1;
}
	
.utility-btn.link-form {
  background-color: #303841;
}


.btn.btn-secondary {
  padding: 0;
  border: 0;
  border-radius: 0;
  background: none;
  width: 30px;
  height: 30px;
}


/* G NAVI */



.g-navi ul {
display: flex;
list-style: none;
margin: 0;
padding: 0;
}

.g-navi li {
position: relative;
margin: 0;
padding: 0;
width: 20%;
}

.g-navi-btn {
border: 0px solid #fff;
background: none;
width: 100%;
margin: 0;
padding: calc(8px - 1 * ((100vw - 768px) / 432)) 0;
}

.g-navi-btn-inner {
padding: calc(5px + 3 * ((100vw - 768px) / 432)) 0;
}


.g-navi li:hover ul {
display: block;
}

.g-navi ul li ul {
position: absolute;
margin: 0;
z-index: 99;
min-width: 100%;
top: calc(56px + 9 * ((100vw - 768px) / 432));
display: none;
white-space: nowrap;
box-sizing: border-box;
background-color: #fffff9;
box-shadow: 0px 2px 3px #333;
}



.g-navi ul li ul li {
width: 100%;
text-align: left;
}

.g-navi ul li ul li a {
display: block;
padding: calc(12px + 4 * ((100vw - 768px) / 432));
color: #4e4449;
font-size: 14px;
}

.g-navi ul li ul li a:hover {
background-color: #4e4449;
color: #f7efe2;
opacity: 1;
}

.g-navi.border-l {
border-left: 1px solid #dfe0d5;
}

.g-navi.border-r {
border-right: 1px solid #dfe0d5;
}

.gmenu-li-item,
.gmenu-li-span {
margin: 0;
line-height: 1;
text-align: center;
color: #dfe0d5;
}

.gmenu-li-item {
font-size: calc(13px + 3 * ((100vw - 768px) / 432));
margin-bottom: 8px;
}

.gmenu-li-span {
font-size: calc(9px + 2 * ((100vw - 768px) / 432));
}



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

FRONT PAGE

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

/* TOPICS (SLICK) */

/* VASの不動産投資 */

/* STEPS */

.steps-icon-wrap {
width: calc(100px + 20 * ((100vw - 768px) / 432));
height: calc(100px + 20 * ((100vw - 768px) / 432));
padding: calc(8px + 1 * ((100vw - 768px) / 432));
}

.steps-icon {
margin-bottom: calc(12px + 16 * ((100vw - 768px) / 432));
}

.steps-icon-box-image {
padding: calc(20px + 5 * ((100vw - 768px) / 432));
}

.steps-con-wrap {
width: 90%;
}

.article-title.steps {
font-size: calc(14px + 4 * ((100vw - 768px) / 432));
margin-bottom: calc(5px + 7 * ((100vw - 768px) / 432));
}

.article-desc.steps {
font-size: calc(12px + 3 * ((100vw - 768px) / 432));
line-height: calc(20px + 6 * ((100vw - 768px) / 432));
}



/* FEATURES */

/* SERVICE */

/* PICKUP */

/* REPORT */

.box.report {
  gap: calc(24px + 8 * ((100vw - 768px) / 432)) 9px;
}

.box-item-wrap {
  display: block;
}

.box-item.report {
display: block;
margin: 0;
width: calc(33.33% - 6px);
}

.box-item-l.report {
width: 100%;
}

.box-item-r.report {
width: 100%;
padding-top: calc(8px + 4 * ((100vw - 768px) / 432));
padding-right: calc(8px + 4 * ((100vw - 768px) / 432));
padding-bottom: calc(16px + 8 * ((100vw - 768px) / 432));
padding-left: calc(8px + 4 * ((100vw - 768px) / 432));
}


.box-article-title.report {
font-size: calc(15px + 3 * ((100vw - 768px) / 432));
margin-bottom: calc(8px + 4 * ((100vw - 768px) / 432));
padding-bottom: calc(8px + 4 * ((100vw - 768px) / 432));
}

.box-article-span {
font-size: calc(10px + 2 * ((100vw - 768px) / 432));
margin: 0 calc(10px + 6 * ((100vw - 768px) / 432));
}

.box-article-desc.report {
font-size: calc(13px + 3 * ((100vw - 768px) / 432));
line-height: calc(24px + 4 * ((100vw - 768px) / 432));
}



/*  NEWS  */


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

FOOTER

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


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

IVP(IVPとは)

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

/* ▼ まるわかり START ▼ */

/* ACHIEVE */

.achieve-block {
  gap: 9px;
}

.achieve-block-item.achieve-box3 {
  width: calc(33.33% - 6px);
}

.achieve-block-item.achieve-box2 {
  width: calc(50% - 4.5px);
}


/* VOICE */

.voice-block-item.movie {
  width: calc(60% - 6px);
}

.voice-block-item.meta {
  width: calc(40% - 6px);
}


/* SELECTED */

.select-box-item {
  width: calc(50% - 12px);
}


/* ENRICHES */

.enrich-block-unit {
  gap: 8px;
}

.enrich-block-item.achieve {
  width: calc(50% - 4px);
}

.enrich-block-item.images {
  width: calc(50% - 4px);
}


/* SHARE */

.share-block-unit {
  gap: calc(8px + 8 * ((100vw - 768px) / 432));
}

.share-block-item.d-flex {
  gap: 16px;
}

.share-block-item {
  width: calc(50% - 8px);
}




/* OUTLINE */









/* ▲ まるわかり END ▲ */


/* MEMBERS */

.text-box-item.ivp-voice-movie {
  width: calc(60% - 4px);
}

.text-box-item.ivp-voice-meta {
  width: calc(40% - 4px);
}


/* オーナーになられた方々 */

.box-113 {
  gap: 12px;
}

.box-113-item {
  width: calc(33.33% - 8px);
}

.box-column-221 {
  display: block;
}

.box-column-221-l,
.box-column-221-r {
  width: 100%;
}



.box-article-title {
  font-size: calc(16px + 8 * ((100vw - 768px) / 432));
  line-height: calc(20px + 4 * ((100vw - 768px) / 432));
}

.box-article-desc {
  font-size: calc(13px + 5 * ((100vw - 768px) / 432));
  line-height: calc(21px + 9 * ((100vw - 768px) / 432));
}



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

IVP（IVP プログラム）

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


/*== ▼まるわかり▼ ==*/

.col-113-item {
  width: calc(33.33% - 6px);
}


/*== ▲まるわかり▲ ==*/


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

ARCHIVE SEMINAR

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

/* SEMINAR CATEGORY LIST */



/* BOX123 */

.box-123 ul {
  gap: 32px 9px;
}

.box-123 li {
  width: calc(33.33% - 6px);
}

.seminar-category-link {
  font-size: calc(10px + 3 * ((100vw - 768px) / 432));
  padding: 0 calc(10px + 2 * ((100vw - 768px) / 432));
  line-height: calc(19px + 5 * ((100vw - 768px) / 432));
  height: calc(20px + 6 * ((100vw - 768px) / 432));
}

.active-seminar-p {
  font-size: calc(13px + 3 * ((100vw - 768px) / 432));
}

.seminar-archive-title {
  font-size: calc(15px + 3 * ((100vw - 768px) / 432));
}

.seminar-archive-meta {
  font-size: calc(10px + 3 * ((100vw - 768px) / 432));
  margin-bottom: calc(3px + 1 * ((100vw - 768px) / 432));
}

.seminar-meta-image-day::before {
  width: calc(10px + 3 * ((100vw - 768px) / 432));
  height: calc(10px + 3 * ((100vw - 768px) / 432));
  margin-right: calc(8px + 2 * ((100vw - 768px) / 432));
}

.seminar-meta-image-time::before {
  width: calc(10px + 3 * ((100vw - 768px) / 432));
  height: calc(10px + 3 * ((100vw - 768px) / 432));
  margin-right: calc(8px + 2 * ((100vw - 768px) / 432));
}

.seminar-meta-image-price::before {
  width: calc(10px + 3 * ((100vw - 768px) / 432));
  height: calc(10px + 3 * ((100vw - 768px) / 432));
  margin-right: calc(8px + 2 * ((100vw - 768px) / 432));
}

.seminar-meta-image-location::before {
  width: calc(10px + 3 * ((100vw - 768px) / 432));
  height: calc(10px + 3 * ((100vw - 768px) / 432));
  margin-right: calc(8px + 2 * ((100vw - 768px) / 432));
}



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

SINGLE SEMINAR

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

.seminar-single-contents {
  gap: 0 8px;
}

.seminar-single-meta {
  width: calc(50% - 4px);
}

.seminar-single-meta-data {
  padding-bottom: 0;
}

.seminar-single-forms {
  width: calc(50% - 4px);
}

.seminar-single-btn {
  display: none;
}




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

ARCHIVE PROPERTY

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


/*== PROPERTY ITEM WRAP ==*/

/*
SEARCH TEXT
*/

.search-text {
  font-size: 13px;
  padding: 0 12px;
  height: 24px;
  line-height: 22px;
  border-radius: 24px;
}

/*
HEADER
*/

.property-header.mb {
  margin-bottom: 12px;
}

.pro-hd-category-unit {
  font-size: 12px;
  height: 24px;
  width: 110px;
  line-height: 22px;
  margin-bottom: 12px;
}

.pro-hd-title-inner {
  font-size: 18px;
  line-height: 26px;
}



/* utility */

.pro-hd-regist-unit {
  font-size: 15px;
  font-weight: 500;
  height: 24px;
}

.pro-hd-fav-unit {
  width: 24px;
  height: 24px;
  margin-left: 8px;
}


.pro-bd-point {
  background-color: #f9f9f9;
  border: 1px solid #bcbab5;
  box-sizing: border-box;
  padding: 8px;
  font-size: 15px;
  line-height: 20px;
  font-weight: 600;
  color: #4e4449;
}

.pro-bd-point p {
  margin: 0;
}

.pro-bd-point::before {
  content: 'Point';
  color: #cd5c5c;
  margin-right: 8px;
}


.pro-bd-point p
{
  display: inline;
}

.pro-bd-point br
{
  display: none;
}



/*
BODY
*/

.property-body.mb {
  margin-bottom: 12px;
}

/* IMAGE BOX */

.pro-bd-image {
  width: 240px;
  height: 160px;
  position: relative;
  overflow: hidden;
}





/* META BOX */

.pro-bd-meta-unit.pro-price-box.mb {
  margin-bottom: 8px;
}

.pro-bd-meta-unit-wrap:first-child {
  padding-right: 30px;
}

.pro-bd-meta-unit.pro-price-box {
  display: flex;
  flex-wrap: nowrap;
  justify-content: start;
}

.pro-price-label {
  display: inline-block;
  width: 60px;
  font-weight: 700;
}

.pro-bd-meta-unit-wrap {
  font-size: 18px;
  line-height: 24px;
  height: 26px;
}

.pro-price-date {
  font-weight: 600;
  font-size: 20px;
}

.yen-span {
  font-size: 15px;
}



.pro-bd-meta-unit-p {
  font-size: 14px;
  line-height: 22px;
}

.pro-bd-meta-unit-p-label {
  width: 62px;
  display: inline-block;
  font-weight: 700;
  vertical-align: top;
}

.pro-bd-meta-unit-p-date {
  display: inline-block;
  vertical-align: top;
  width: calc(100% - 68px);
}

.pro-bd-meta-unit-flex-item {
  width: 33.33%;
}

.pro-bd-meta-unit-flex-item.width-2colum {
  width: 66.66%;
}


/*
FOOTER
*/

.property-footer {
  padding-top: 12px;
  position: relative;
}



/* button */

.document-request-p {
  font-size: 15px;
}

.document-detail-p {
  font-size: 15px;
}

.document-request svg {
  width: 17px;
  height: 17px;
  margin-right: 10px;
}

.detail-request svg {
  width: 17px;
  height: 17px;
  margin-right: 10px;
}



.property-id {
  margin: 0;
  position: absolute;
  top: 12px;
  left: 0;
}

.pro-bd-meta-unit-p.pro-id {
  height: 42px;
  display: flex;
  align-items: center;
  text-align: left;
}






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

SINGLE PROPERTY

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

/*
HEADER
*/

.pro-s-hd-wrap {
  padding: 12px;
}

.pro-s-hd-title-unit {
  padding-bottom: 12px;
  margin-bottom: 12px;
}



/*
DETAIL META BOX
*/

/* META UNIT */

.pro-s-hd-meta-unit {
  display: flex;
  flex-wrap: wrap;
}

.pro-s-hd-meta-item.pro-s-hd-meta-border {
  border-bottom: 0;
  padding-bottom: 0;
  margin-bottom: 0;
  border-right: 2px solid #dfe1d5;
  width: 50%;
  box-sizing: border-box;
  padding-left: 0;
}

.pro-s-hd-meta-item {
  width: 50%;
  box-sizing: border-box;
  padding-left: 12px;
}



/* metabox-123 */

.box-flex.metabox.metabox-123-item {
  width: 33.33%;
}


/* INDEX UNIT */

.property-index {
  margin-bottom: 0;
  margin-right: 8px;
}











}
@media (min-width: 1000px) {



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

IVP（IVPとは）

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

/* ▼ まるわかり START ▼ */

/* 相関図 */

/*== main ==*/

.system-block-main.sp-edition {
  display: none;
}

.system-block-main.pc-edition {
  display: block;
}

.system-block-main {
  width: 30%;
}


/*== work & common ==*/

.box-tab.system-block {
  width: 100%;
}

.system-block-work {
  width: 35%;
  box-sizing: border-box;
  padding-right: 24px;
  position: relative;
}

.system-block-work::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: 0;
  border-top: 80px solid rgba(256,256,256,0);
  border-bottom: 80px solid rgba(256,256,256,0);
  border-left: 12px solid #303841;
  border-right: 12px solid rgba(256,256,256,0);
  transform: translate(0,-50%);
}


/*== learn ==*/

.system-block-learn {
  width: 35%;
  box-sizing: border-box;
  padding-left: 24px;
  position: relative;
}

.system-block-learn::before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  border-top: 80px solid rgba(256,256,256,0);
  border-bottom: 80px solid rgba(256,256,256,0);
  border-left: 12px solid rgba(256,256,256,0);
  border-right: 12px solid #303841;
  transform: translate(0,-50%);
}


/*== support ==*/

.system-block-support-box.con-box {
  position: relative;
}

.system-block-support-box.con-box::before {
  content: "";
  display: block;
  position: absolute;
  top: -32px;
  left: 50%;
  border-top: 14px solid rgba(256,256,256,0);
  border-bottom: 14px solid #303841;
  border-left: 80px solid rgba(256,256,256,0);
  border-right: 80px solid rgba(256,256,256,0);
  transform: translate(-50%,0);
}


.system-block-support-wrap {
  gap: 24px;
}

.system-block-app-section {
  width: calc(25% - 12px);
}

.system-block-potal-section {
  width: calc(75% - 12px);
}


.system-block-support-unit-item-wrap {
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
}

.system-block-support-unit.portal-site {
  width: calc(33.33% - 16px);
}




/* ▲ まるわかり END ▲ */

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

PROPERTY ARCHIVE

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

/* PROPERTY COMMON */



/*== SEARCH FORM WRAP ==*/

/*
header
*/

.search-form-header.property {
  font-size: 17px;
  line-height: 38px;
  height: 40px;
  margin-bottom: 24px;
}

.search-unit-title {
  font-size: 15px;
}

.ast-p-property {
  font-size: 14px;
  line-height: 20px;
}


.search-form-open-btn {
	display: none;
}

.serch-form-wrap.property {
	position: relative;
	transform: translateX(0);
	transition: 0s;
  margin-bottom: 24px;
  width: 320px;
  margin-left: 8px;
}


/*== PROPERTY ITEM WRAP ==*/

.property-item-wrap.property {
	width: calc(100% - 328px);
}

.search-results.property ul {
  padding-left: 8px;
}


/*
ラジオボタン スタイル
*/

.label {
	font-size: 15px;
	line-height: 15px;
}

/*
プルダウンメニュー スタイル
*/

select {
	font-size: 15px;
}

/*
チェックボックス　スタイル
*/

.checkbox {
  font-size: 15px;
}

/*
SEARCH BTN
*/

.search-btn input {
	font-size: 15px;
}










}




@media (min-width: 1200px) {


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

COMMON

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

/* PADDING */

.section-pb {
padding-bottom: 64px;
}

.section-pt {
padding-top: 64px;
}

.unit-pb {
padding-bottom: 42px;
}

.unit-pt {
padding-top: 42px;
}

.con-pb {
padding-bottom: 28px;
}

.con-pt {
padding-top: 28px;
}


/* MARGIN */

.section-mb {
margin-bottom: 64px;
}

.section-mt {
margin-top: 64px;
}

.unit-mb {
margin-bottom: 42px;
}

.unit-mt {
margin-top: 42px;
}

.con-mb {
margin-bottom: 28px;
}

.con-mt {
margin-top: 28px;
}


.article-box-px {
  padding-left: 12px;
  padding-right: 12px;
}

.article-box-py {
  padding-top: 12px;
  padding-bottom: 36px;
}

.article-box-py.customer-voice {
  padding-bottom: 36px;
}


.text-box-px {
  padding-left: 36px;
  padding-right: 36px;
}

.text-box-py {
  padding-top: 36px;
  padding-bottom: 36px;
}

.text-box-title.text-box-py {
  padding-top: 16px;
  padding-bottom: 16px;
}

.text-box-title.text-box-px {
  padding-left: 16px;
  padding-right: 16px;
}






/* BUTTON STYLE */

.entry-btn {
width: 280px;
}

.entry-btn a {
font-size: 18px;
height: 60px;
line-height: 58px;
}

/* PAGE LINK BTN */

.page-link-btn a {
  padding: 0 16px;
  height: 40px;
  line-height: 38px;
  font-size: 16px;
}


/* FONT STYLE */

.page-p {
font-size: 18px;
line-height: 36px;
}

.page-p.mb {
margin-bottom: 36px;
}

.text-link a {
font-size: 16px;
}

.page-p-ast {
  font-size: 13px;
  line-height: 24px;
  }



/* PAGE TITLE UNIT */
	
.con-title-p {
  font-size: 48px;
  line-height: 64px;
}

/*
PAGE TITLE
*/

.page-title-p {
font-size: 54px;
}

.page-title-span {
font-size: 16px;
}

.page-title-span::before {
margin: 0 12px;
}



/*
ICON TITLE
*/

.icon-title-unit {
  gap: 16px;
}

.icon-title-icon {
  width: 48px;
  height: 48px;
}

.icon-title-icon svg {
  width: 32px;
  height: 32px;
}



/*
TEXT TITLE
*/

.title-h1 {
  font-size: 64px;
  line-height: 88px;
}

.title-h2 {
  font-size: 48px;
  line-height: 64px;
}

.title-h3 {
  font-size: 32px;
  line-height: 56px;
}

.title-h4 {
  font-size: 28px;
  line-height: 40px;
}



/*
IMAGE TITLE
*/

.image-title-unit {
  bottom: 42px;
  padding: 8px 16px;
}

.image-title-index {
  font-size: 48px;
  line-height: 48px;
}

.image-title-desc {
  font-size: 14px;
}








/* arrow unit */

.arrow::after {
width: 120px;
}

.arrow-p {
font-size: 16px;
}



/* BREAD CRUMB */

.bread-crumb {
  gap: 0 12px;
}

.bread-crumb-p {
  font-size: 13px;
  line-height: 24px;
}


.bread-crumb-p a::after {
  margin-left: 12px;
}



/* BOX */

.con-box {
  padding: 42px 16px;
}

.con-box-image {
  gap: 0 16px;
}
  
.con-box-image-item-222 {
  width: calc(50% - 0.5rem);
}

.box-list li {
  margin-bottom: 12px;
}
  
  


/* BORDER */

.border-db {
  border: 5px solid #303841;
}


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

HEADER

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

.header-wrap-pt {
padding-top: 12px;
}

/* HEADER COPY */

.header-copy {
font-size: 16px;
}


/* LOGO */

.header-contents {
height: 80px;
}

.logo-mark {
max-width: 56px;
}

.logo-desc {
font-size: 11px;
margin-bottom: 6px;
}

.logo-type-image {
width: 220px;
}


/* UTILITY */

.utility-btn {
font-size: 14px;
line-height: 28px;
padding: 0 16px;
}


/* G-MENU */

.g-navi-btn {
padding: 7px 0;
}

.g-navi-btn-inner {
padding: 8px 0;
}

.gmenu-li-item {
font-size: 16px;
}

.gmenu-li-span {
font-size: 11px;
}

.g-navi ul li ul {
top: 65px;
}

.g-navi ul li ul li a {
padding: 16px;
}




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

TOP

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

/* TOPICS (SLICK)  */

.slick-p {
font-size: 18px;
margin-bottom: 3px;
}

.slick-meta {
font-size: 13px;
margin: 0 10px;
}

.slick-meta.none-margin {
  margin: 0;
}
	

/*  VASの不動産投資  */





/*  STEPS  */

.steps-icon-wrap {
width: 120px;
height: 120px;
padding: 9px;
}

.steps-icon {
margin-bottom: 28px;
}

.steps-icon-box-image {
padding: 25px;
}

.article-title.steps {
font-size: 18px;
margin-bottom: 12px;
}

.article-desc.steps {
font-size: 15px;
line-height: 26px;
}



/*  FEATURES  */

.features-h1 {
font-size: 72px;
}

.features-h1-p {
font-size: 38px;
}

.team::after {
 height: 42px;
margin: 42px auto 42px auto;
}

.data::before {
height: 42px;
margin: 42px auto 42px auto;
margin-right: 40%;
}

.analysis::before {
height: 42px;
margin: 42px auto 42px auto;
margin-left: 40%;
}

.features-h2 {
font-size: 52px;
}

.features-h2-span {
font-size: 28px;
margin-bottom: 12px;
}

.features-p {
font-size: 16px;
}




/*  SERVICE  */

.box-222 {
gap: 1rem;
}

.bax-222-item {
width: calc(50% - 0.5rem);
}

.service-tab {
height: 90px;
}

.servic-item-title {
font-size: 42px;
}

.service-item-desc {
font-size: 14px;
}


/*  PICKUP  */

.pickup-item {
margin-bottom: 36px;
}

.pickup-seminar.unit-padding {
padding: 16px;
}

.pickup-seminar-title {
font-size: 36px;
}

.pickup-seminar-desc {
font-size: 16px;
line-height: 28px;
}

.pickup-seminar-meta {
font-size: 24px;
}

.pickup-seminar-meta-span {
font-size: 14px;
}



/*  REPORT  */

.box-item-r.report {
padding: 12px 12px 36px 12px;
}

.box-article-title.report {
font-size: 18px;
margin-bottom: 12px;
padding-bottom: 12px;
}

.box-article-span {
font-size: 12px;
margin: 0 16px;
}

.box-article-desc.report {
font-size: 16px;
line-height: 28px;
}



/*  NEWS  */

.article-meta.news {
font-size: 13px;
}

.article-title.news {
font-size: 18px;
}



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

FOOTER

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

.logo-desc.footer {
font-size: 12px;
margin-bottom: 14px;
}

.logo-type.footer {
width: 240px;
}

.phone-num {
font-size: 36px;
margin-bottom: 8px;
}

.phane-meta {
font-size: 12px;
}


.sns-footer {
gap: 0 18px;
}

.sns-item {
width: 18px;
line-height: 18px;
}


.footer-menu-title {
font-size: 16px;
}

.footer-menu-title-span {
font-size: 9px;
margin-left: 11px;
}

.footer-menu-item li {
padding: 8px 0;
}

.footer-menu-item li a {
font-size: 14px;
}

.footer-copy a {
font-size: 14px;
}




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

IVP(IVPとは)

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

/* ▼ まるわかり START ▼ */

/*
COMMON
*/



/* BOX STYLING*/

.box-tab {
  width: 380px;
  height: 60px;
}

.box-tab-title {
  font-size: 24px;
  line-height: 40px;
}

.box-unit-item {
  gap: 16px;
}

.box-unit-icon {
  width: 60px;
  height: 60px;
}

.box-unit-icon svg {
  width: 60px;
  height: 60px;
}

.box-unit-p {
  font-size: 24px;
  line-height: 32px;
}



/* FV SECTION START */

.fv-icon {
  gap: 56px;
}

.fv-icon-item {
  width: 40px;
}

.fv-icon-item svg {
  width: 40px;
  height: 40px;
}

.fv-icon-item.flow {
  width: 128px;
}






/* CONCEPT */

.con-box.ivp-concept.border-db.bs-lg2 {
  padding: 24px;
}





/* 相関図 */

.page-p.system-block {
  line-height: 24px;
}

/*== main ==*/

.block-main-mid-item.work-area svg,
.block-main-mid-item.learn-area svg {
  width: 40px;
  height: 40px;
}

/*== work & common ==*/

.system-box-item {
  gap: 12px;
}

.system-box-icon {
  width: 60px;
  height: 60px;
}

.system-box-icon svg {
  width: 40px;
  height: 40px;
}

.system-box-meta {
  width: calc(100% - 72px);
}

.box-index-p {
  font-size: 18px;
  line-height: 24px;
}

.box-index-span {
  font-size: 12px;
}

.system-block-p {
  font-size: 14px;
  line-height: 20px;
}


/*== learn ==*/

/*== support ==*/


/* FEATURE */

.feature-unit-box.con-box {
  padding: 16px 16px;
}



/* ACHIEVE */

.achieve-block-item.achieve-box3,
.achieve-block-item.achieve-box2 {
  padding: 16px;
}

.achieve-unit-p {
  font-size: 24px;
  line-height: 32px;
}

.achieve-unit-icon {
  width: 60px;
  height: 60px;
  margin: 24px auto 16px auto;
}

.achieve-unit-icon svg {
  width: 60px;
  height: 60px;
}

.achieve-unit-meta {
  font-size: 64px;
  line-height: 80px;
}

.achieve-unit-meta-span {
  font-size: 32px;
  line-height: 48px;
}



/* FLOW */

.flow-block-meta {
  padding-left: 36px;
}

.box-unit-p.flow-block-title svg {
  width: 26px;
  height: 26px;
  margin-right: 8px;
}



/* VOICE */

.voice-block-unit {
  gap: 24px;
}

.voice-block-item.movie {
  width: calc(60% - 12px);
}

.voice-block-item.meta {
  width: calc(40% - 12px);
}

.voice-title-p {
  font-size: 28px;
  line-height: 40px;
}

.voice-title-p.mb {
  margin-bottom: 24px;
}

.voice-title-p span {
  padding-left: 8px;
}


/* SELECTED */

.select-box-item {
  gap: 12px;
}

.select-box-icon {
  width: 60px;
  height: 60px;
}

.select-box-icon svg {
  width: 40px;
  height: 40px;
}

.select-box-meta {
  width: calc(100% - 72px);
}

.select-block-p {
  font-size: 14px;
  line-height: 20px;
}



/* ENRICHES */

.border-lg2 {
  border: 5px solid #f4f4ef;
}


/* SHARE */

.share-block-unit {
  gap: 16px;
}

.share-item-box::before {
  left: -28px;
  border-top: 40px solid rgba(256,256,256,0);
  border-right: 12px solid #f4f4ef;
  border-bottom: 40px solid rgba(256,256,256,0);
  border-left: 12px solid rgba(256,256,256,0);
}

.share-item-box.con-box {
  padding: 8px;
}


/* OUTLINE */

.ivp-entry-guide-list.mb {
  margin-bottom: 8px;
}

.ivp-entry-guide-list-item {
  gap: 8px;
  margin-bottom: 8px;
}



/* CTA */

.cta-link-title-p {
  font-size: 48px;
  line-height: 48px;
}

.cta-link-title-p.mb {
  margin-bottom: 36px;
}

.page-p.ivp-cta {
  font-size: 18px;
  line-height: 34px;
}

.entry-btn.ivp-cta {
  width: 320px;
}

.entry-btn.ivp-cta a {
  font-size: 20px;
  height: 60px;
  line-height: 58px;
}


/* FAQ */

.faq-parent {
  padding: 8px;
}

.faq-parent-icon {
  width: 80px;
  height: 80px;
}

.faq-parent-icon p {
  font-size: 48px;
  margin-top: -8px;
}

.faq-parent-index {
  min-height: 80px;
  padding-left: 96px;
  padding-right: 48px;
}

.page-p.faq {
  line-height: 32px;
}

.faq-parent::before {
  width: 32px;
  height: 32px;
  right: 39px;
}


.faq-parent::after {
  width: 32px;
  height: 32px;
  right: 8px;
}

.faq-child-inner {
  border: 8px solid #dfe1d5;
}

.faq-child-icon {
  width: 80px;
  height: 80px;
}

.faq-child-icon p {
  font-size: 48px;
  margin-top: -8px;
}

.faq-child-meta {
  padding: 16px 56px 16px 96px;
}





/* FLOW PAGES */

.flow-title-icon {
  width: 160px;
}

.flow-title-icon img {
  width: 160px;
  height: 160px;
  display: block;
}

.flow-title-meta {
  height: 160px;
  margin-left: 160px;
  padding-left: 16px;
}

.title-h2.flow {
  line-height: 48px;
}




/*
STEPS
*/

.flow-step-p {
  font-size: 24px;
}

.flow-step-unit {
  width: 800px;
}

.flow-list-title {
  padding: 0 36px;
  height: 38px;
  line-height: 36px;
}

.flow-step-arrow {
  width: 28px;
  height: 72px;
}

.flow-step-arrow-l {
  border-left: 16px solid #f7efe2;
  border-top: 36px solid rgba(255,255,255,0);
  border-bottom: 36px solid rgba(255,255,255,0);
}

.flow-step-arrow-l.flow {
  border-left: 16px solid #fff;
}

.flow-step-arrow-r {
  border-top: 36px solid #f7efe2;
  border-bottom: 36px solid #f7efe2;
  border-left: 16px solid rgba(255,255,255,0);
}

.flow-step-arrow-r.flow {
  border-top: 36px solid #fff;
  border-bottom: 36px solid #fff;
  border-left: 16px solid rgba(255,255,255,0);
}



/*
PTN
*/

.ptn-type-index-icon {
  padding: 0 40px;
}

.type-index-p {
  font-size: 88px;
  padding-bottom: 16px;
}

.type-index-span {
  font-size: 16px;
  padding-left: 6px;
}

.page-p.ptn {
  line-height: 26px;
}


.ptn-step-icon {
  width: 24px;
  height: 24px;;
}

.ptn-step-icon svg {
  width: 24px;
  height: 24px;
}



/* GUIDE */

.fv-icon-item.guide {
  width: 56px;
  height: 56px;
}

.fv-icon-item.guide svg {
  width: 56px;
  height: 56px;
}






/* ▲ まるわかり END ▲ */







/* FIRST VIEW */



.text-box.what-mb {
  margin-bottom: 18px;
}

.text-box-title {
  font-size: 48px;
}

.text-box-title-span {
  font-size: 24px;
}

.text-box-title.what-mb {
  margin-bottom: 24px;
}

.box-222-item {
  width: calc(50% - 0.5rem);
}


/* FEATURES */

.box-122 {
  gap: 16px;
}

.box-122-item {
  width: calc(50% - 8px);
}

.ivp-image-headline {
  bottom: 42px;
  padding: 8px 16px;
}

.ivp-image-title {
  font-size: 48px;
  line-height: 48px;
}

.ivp-image-desc {
  font-size: 14px;
}



/* OVERVIEW */



.text-box-title.ivp-overview {
  font-size: 48px;
  line-height: 64px;
  margin-bottom: 10px;
  padding-bottom: 18px;
}



/* MEMBERS */

.page-title-unit.ivp-voice {
  margin-bottom: 16px;
}

.box-112.ivp-voice {
  gap: 16px;
}

.text-box-item.ivp-voice-movie {
  width: calc(60% - 8px);
}

.text-box-item.ivp-voice-meta {
  width: calc(40% - 8px);
}

.ivp-voice-title-p {
  font-size: 24px;
  line-height: 36px;
}

.ivp-voice-title-p.mb {
  margin-bottom: 24px;
}




/* オーナーになられた方々 */



.box-article-title {
  font-size: 24px;
  line-height: 24px;
}

.box-article-title.mb {
  margin-bottom: 16px;
}

.box-article-desc {
  font-size: 18px;
  line-height: 30px;
}



/* BENEFIT */

.ivp-benefit-item {
  margin-bottom: 12px;
}

.ivp-benefit-item-inner {
  padding: 12px;
}

.col.benefit-icon-wrap {
  max-width: 96px;
}

.benefit-icon.bs-key {
  width: 80px;
  padding: 16px;
}

.ivp-benefit-p {
  font-size: 24px;
  line-height: 42px;
}



/* ACHIEVE */

.achieve-item {
  width: calc(50% - 0.5rem);
}

.achieve-title-p {
  font-size: 24px;
  line-height: 36px;
}

.achieve-meta {
  margin-bottom: 18px;
}

.achieve-title-p.mb {
  margin-bottom: 36px;
}

.col.achieve-meta-icon {
  max-width: 100px;
  margin-left: 48px;
}


.achieve-num-p {
  font-size: 128px;
  line-height: 128px;
}

.achieve-mark-p {
  font-size: 48px;
}

.achieve-span-p {
  font-size: 18px;
  line-height: 30px;
}

.achieve-desc-p {
  font-size: 18px;
  line-height: 34px;
}


/* JOIN */

.ivp-image-title.join {
  font-size: 32px;
  line-height: 38px;
}

.ivp-image-title.join.mb {
  margin-bottom: 6px;
}


/* CTA */
/*
.cta-link-title-p {
  font-size: 48px;
  line-height: 48px;
}

.cta-link-title-p.mb {
  margin-bottom: 36px;
}

.page-p.ivp-cta {
  font-size: 18px;
  line-height: 34px;
}

.entry-btn.ivp-cta {
  width: 320px;
}

.entry-btn.ivp-cta a {
  font-size: 20px;
  height: 60px;
  line-height: 58px;
}
*/


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

IVP（IVP 3年間の流れ）

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

/* IVP FLOW */

.ivp-flow-title-num-p {
  font-size: 64px;
  line-height: 64px;
  margin-bottom: 4px;
}

.ivp-flow-title-meta-wrap {
  margin-left: 16px;
}

.page-headline-l {
  font-size: 28px;
  line-height: 32px;
}

.ivp-flow-title-meta-p {
  font-size: 18px;
  line-height: 26px;
}





/*
STEPS
*/

.page-headline-m {
  font-size: 24px;
}

.ivp-flow-list-title {
  padding: 0 36px;
  height: 38px;
  line-height: 36px;
}

.ivp-flow-step-arrow {
  max-width: 28px;
  height: 72px;
}

.ivp-flow-step-arrow-l {
  border-left: 16px solid #f7efe2;
  border-top: 36px solid rgba(255,255,255,0);
  border-bottom: 36px solid rgba(255,255,255,0);
}

.ivp-flow-step-arrow-l.flow {
  border-left: 16px solid #fff;
}

.ivp-flow-step-arrow-r {
  border-top: 36px solid #f7efe2;
  border-bottom: 36px solid #f7efe2;
  border-left: 16px solid rgba(255,255,255,0);
}

.ivp-flow-step-arrow-r.flow {
  border-top: 36px solid #fff;
  border-bottom: 36px solid #fff;
  border-left: 16px solid rgba(255,255,255,0);
}



/* IVP PTN */

.colums-ivp-flow-pattern-l {
  width: 360px;
}

.colums-ivp-flow-pattern-r {
  width: 800px;
}


/* IVP PTN ABC */

.ivp-flow-pattern {
  margin-bottom: 12px;
}

.ivp-ptn-abc-icon-inner {
  padding: 0 36px;
}

.ivp-ptn-num {
  font-size: 96px;
  line-height: 72px;
}



.ivp-ptn-abc {
  margin-bottom: 12px;
}

.page-p.ivp-ptn {
  line-height: 24px;
}

.ivp-ptn-abc-p {
  font-size: 16px;
  line-height: 24px;
}

.colums-ivp-flow-pattern-r-num {
  max-width: 120px;
}

.colums-ivp-flow-pattern-r-num-p {
  font-size: 18px;
}

.page-headline-m.colums-ivp-flow-pattern {
  font-size: 24px;
}

.page-headline-m-ast.color-key {
  font-size: 16px;
}

.colums-ivp-flow-pattern-r-num.arrow-try-down::after {
  border-top: 14px solid #bcbab5;
  border-left: 12px solid rgba(255,255,255,0);
  border-right: 12px solid rgba(255,255,255,0);
}



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

IVP（IVP プログラム）

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

/* ARROW DOWN */

.common-arrow-down {
  width: 96px;
  height: 30px;
}

.common-arrow-down-a {
  border-top: 15px solid #dfe1d5;
  border-left: 48px solid #303841;
  border-right: 48px solid #303841;
}

.common-arrow-down-b {
  border-top: 15px solid #303841;
  border-left: 48px solid #dfe1d5;
  border-right: 48px solid #dfe1d5;
}



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

IVP（IVP 講師紹介）

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

.ivp-inst-list {
  margin-bottom: 16px;
}

.page-title-unit.ivp-inst {
  margin-bottom: 36px;
}

.page-headline-m.ivp-inst-name::before {
  margin: 0 26px;
}





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

IVP（IVP お申込みガイド）

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

.page-headline-l.mb.ivp-entry-guide {
  margin-bottom: 24px;
}

/*
.ivp-entry-guide-list.mb {
  margin-bottom: 8px;
}

.ivp-entry-guide-list-item {
  gap: 8px;
  margin-bottom: 8px;
}

*/










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

ARCHIVE SEMINAR

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

/* SEMINAR CATEGORY LIST */

.category-link-list li a {
  font-size: 13px;
  padding: 0 12px;
  height: 26px;
  line-height: 24px;
}

/* BOX123 */

.seminar-category-link {
  font-size: 13px;
  padding: 0 12px;
  line-height: 24px;
  height: 26px;
}

.active-seminar-p {
  font-size: 16px;
}

.seminar-archive-title {
  font-size: 18px;
}

.seminar-archive-meta {
  font-size: 13px;
  margin-bottom: 4px;
}

.seminar-meta-image-day::before {
  width: 13px;
  height: 13px;
  margin-right: 10px;
}

.seminar-meta-image-time::before {
  width: 13px;
  height: 13px;
  margin-right: 10px;
}

.seminar-meta-image-price::before {
  width: 13px;
  height: 13px;
  margin-right: 10px;
}

.seminar-meta-image-location::before {
  width: 13px;
  height: 13px;
  margin-right: 10px;
}



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

SINGLE SEMINAR

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

.seminar-category-single-headline {
  margin-bottom: 24px;
}

.seminar-single-category {
  font-size: 13px;
  padding: 0 12px;
  line-height: 24px;
  height: 26px;
}

.seminar-single-status-p {
  font-size: 24px;
  margin-left: 16px;
}


.seminar-single-meta-data {
  padding-bottom: 0;
}

.seminar-single-meta-day {
  font-size: 36px;
}

.seminar-single-meta-day-w{
  font-size: 22px;
  margin-left: 12px;
}

.seminar-single-meta-time {
  font-size: 22px;
}

.seminar-single-meta-price {
  font-size: 26px;
}

.seminar-single-article-title {
  font-size: 24px;
  padding: 12px;
}

.seminar-single-article-textarea {
  padding: 12px;
}


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

ARCHIVE REPORT

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

.report-archive-contents-title {
  font-size: 36px;
}

.box.report {
  gap: 32px 9px;
}


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

SINGLE REPORT

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

/* COMMON & MOVIE */

.report-single-meta {
  padding: 12px;
}

.report-single-meta-title {
  font-size: 24px;
  padding-bottom: 12px;
  margin-bottom: 12px;
}

.report-single-meta-title-span {
  font-size: 16px;
  margin-left: 10px;
}


/* COLUMN */

.report-single-meta-wrap {
  padding-left: 12px;
}

.report-single-content-rooparea h2 {
  font-size: 24px;
  margin-bottom: 24px;
  padding-bottom: 12px;
  line-height: 34px;
}

.report-single-content-rooparea p {
  font-size: 18px;
  line-height: 36px;
  margin-bottom: 36px;
}



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

SINGLE NEWS

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

.page-title-span.news-title-span-style {
  margin-top: 16px;
}

.single-content-rooparea p {
  font-size: 18px;
  line-height: 36px;
  margin-bottom: 36px;
}




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

404

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

.page404-contents-imagebox {
  width: 110px;
}



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

PAGES

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

.pages-content-rooparea p {
  font-size: 18px;
  line-height: 36px;
  margin-bottom: 36px;
}





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

CONTACT FORM

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

.wpcf7-text {
  padding: 0 12px;
}

.wpcf7-textarea {
  padding: 0 12px;
}

.contact-unit.mb {
  margin-bottom: 32px;
}

.wpcf7-form-control.has-spinner.wpcf7-submit {
  padding: 0 32px;
  height: 50px;
  line-height: 48px;
}



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

OUTLINE

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

.ceo-p {
  font-size: 28px;
  line-height: 52px;
}

.ceo-p-ast {
  font-size: 18px;
  line-height: 24px;
}




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

CONCEPT

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

.concept-title-p {
  font-size: 32px;
  line-height: 48px;
}

.consept-title-num {
  font-size: 48px;
  margin-left: 8px;
  line-height: 1;
}



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

ARCHIVE PROPERTY

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





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

SINGLE PROPERTY

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

/*
HEADER
*/

.pro-hd-title-inner.pro-single {
  font-size: 24px;
  line-height: 32px;
}


/* META UNIT */

.pro-s-hd-con-unit {
  margin-bottom: 16px;
}

.pro-bd-meta-unit-wrap.pro-single {
  min-height: 32px;
}

.pro-price-label.pro-single {
  font-size: 18px;
  width: 120px;
}

.pro-price-date.pro-single {
  font-size: 24px;
}



.pro-bd-meta-unit-sp.pro-single {
  min-height: 32px;
  line-height: 32px;
}

.pro-bd-meta-unit-sp-label.pro-single {
  font-size: 16px;
  width: 120px;
  min-width: 120px;
  max-width: 120px;
}

.pro-bd-meta-unit-sp-date.pro-single {
  font-size: 16px;
}


/* INDEX UNIT */

.pro-index-unit {
  margin-bottom: 8px;
}

.pro-index-item.index-name {
  font-size: 16px;
  width: 90px;
  height: 32px;
  line-height: 30px;
}

.pro-index-item.index-bar {
  height: 32px;
}

.pro-index-item.index-num {
  font-size: 18px;
  width: 100px;
  height: 32px;
  line-height: 30px;
}



/*
CTA
*/

.pro-btn-wrap.pro-single {
  max-width: 480px;
}

.pro-btn-unit.detail-request.pro-single a {
  height: 50px;
}

.document-detail-p.pro-single {
  font-size: 17px;
}

.pro-btn-unit.detail-request.pro-single svg {
  width: 20px;
  height: 20px;
  margin-right: 12px;
}



.property-id.pro-single {
  height: 52px;
}

.pro-bd-meta-unit-p.pro-single {
  font-size: 17px;
  line-height: 24px;
}

/*
GALLERY
*/

.pro-section-title-wrap {
  padding-bottom: 12px;
}

.pro-section-title {
  font-size: 22px;
  line-height: 28px;
}



.pro-gallery.pro-gallery-main {
  width: 50%;
  max-width: 584px;
  height: 399px;
  margin: 0 auto 0 0;
}

.pro-gallery-item-wrap {
  width: 50%;
  max-width: 592px;
  margin: 0 0 0 auto;
  gap: 9px;
}

.pro-gallery-item.pro-gallery-thumb {
  width: 191px;
  height: 127px;
}




/*
DETAIL META BOX
*/

/* META UNIT */

.pro-detail-wrap {
  font-size: 16px;
  line-height: 26px;
}

.box-flex.metabox {
  min-height: 60px;
}



/* metabox-111 */

.pro-detail.metabox-111.title-unit {
  min-width: 140px;
  max-width: 140px;
  width: 140px;
}



/* metabox-123 */

.pro-detail.metabox-123.title-unit {
  min-width: 140px;
  max-width: 140px;
  width: 140px;
}



/*
POINT
*/

.pro-single.point-box {
  padding: 24px;
}

.pro-single.point-box-title {
  font-size: 24px;
  line-height: 38px;
}

.pro-single.point-box-title.mb {
  margin-bottom: 16px;
}

.pro-single.point-box-text {
  font-size: 17px;
  line-height: 28px;
}




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

資料請求フォーム

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


/* FORM */

.contact-unit.last-child-mb
{
  margin-bottom: 64px;
}




}
@media (min-width: 1400px) {





}