@import url(./_root.css);
@import url(./_c_reset.css);
@import url(./_c_base.css);
@import url(./_c_breakpoint.css);
@import url(./_c_layout.css);
@import url(./_c_element.css);
@import url(./_c_help.css);


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

  common_block

================================================================================ */
/* header
================================================================================ */
.bl_headerUtils {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0 auto 10px;
  padding: 0 10px;
}
.bl_headerUtils_logo {
  width: 160px;
  height: auto;
  margin: 0 auto 0 0;
}
@media screen and (min-width: 769px) {
  .bl_headerUtils {
    /* max-width: 1620px; */
    margin: 0 auto 10px;
    padding: 0 20px;
  }
  .bl_headerUtils_logo {
    width: 230px;
    height: auto;
  }
}

/* btn */
.bl_headerUtils .el_btn {
  display: none;
}
@media screen and (min-width: 769px) {
  .bl_headerUtils .el_btn {
    display: flex;
    flex-wrap: wrap;
    justify-content:center;
    align-items: center;
    padding: 0 30px;
    margin-right: 50px;
    font-size: 1.6rem;
    line-height: 50px;
  }
  .bl_headerUtils .el_btn::after {
    display: none;
  }
}
@media screen and (min-width: 1280px) {
  .bl_headerUtils .el_btn {
    margin: 0;
    width: auto;
    margin-right: 0;
  }
}

.bl_headerNav {
  display: none;
}
@media screen and (min-width: 1280px) {
  .bl_headerNav {
    display: flex;
    justify-content: flex-end;
    align-items: stretch;
    margin: 0 0 0 auto;
  }
  .bl_headerNav_item {
    margin-right: 16px;
    text-align: right;
  }
  .bl_headerNav_link {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    width: 100%;
    height: 100%;
    padding: 10px 2px;
    color: var(--color-text-dark);
    font-size: 1.4rem;
    line-height: 1.4;
    text-decoration: none;
    transition: 0.6s;
  }
  .bl_headerNav_link::after {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 50%;
    background: var(--color-secondary);
    width: 0;
    height: 2px;
    transition: 0.6s;
  }
  .bl_headerNav_link:focus,
  .bl_headerNav_link:hover {
    color: var(--color-txt-dark);
  }
  .bl_headerNav_link:hover::after {
      width: 100%;
      left: 0;
  }
  .family .bl_headerNav_family .bl_headerNav_link::after,
  .life .bl_headerNav_life .bl_headerNav_link::after,
  .myHomeLoan .bl_headerNav_myHomeLoan .bl_headerNav_link::after,
  .myHome .bl_headerNav_myHome .bl_headerNav_link::after,
  .investment .bl_headerNav_investment .bl_headerNav_link::after,
  .insurance .bl_headerNav_insurance .bl_headerNav_link::after,
  .inheritance .bl_headerNav_inheritance .bl_headerNav_link::after,
  .adviser .bl_headerNav_adviser .bl_headerNav_link::after,
  .investment02 .bl_headerNav_investment02 .bl_headerNav_link::after,
  .first .bl_headerNav_first .bl_headerNav_link::after {
    width: 100%;
    left: 0;
  }
}

/* footer
================================================================================ */
.bl_footerInfo {
  flex: 300px 0 0;
  margin: 0 auto 0 0;
}
.bl_footerInfo_logo {
  width: 173px;
  height: auto;
  margin-bottom: 10px;
}
@media screen and (min-width: 1280px) {
  .bl_footerInfo {
    margin: 0 30px 0 0;
  }
}

.bl_footerAccess {
  margin: 0 60px 0 auto;
}

.bl_footerAccess address {
  display: block;
}

.ly_footer_inner nav {
  width: 100%;
}
@media screen and (min-width: 1280px) {
  .ly_footer_inner nav {
    flex: 1;
  }
}
.el_footerCopyright {
  display: block;
  color: #fff;
  font-size: 1.2rem;
  text-align: center;
}
@media screen and (min-width: 1280px) {
  .el_footerCopyright {
    color: var(--color-primary-light);
    font-size: 1.4rem;
    text-align: left;
  }
}

/* pagetop
------------------------------------------------*/
.pagetop {
	z-index: 300;
	position: fixed;
  bottom: 10px;
  right: 10px;
	margin: 0;
	display: none;
	font-size: 1.2rem;
}
.pagetop a {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 40px;
	height: 40px;
  border: 1px solid #fff;
	background: var(--color-primary-light);
	color: #fff;
  border-radius: 4px;
	transition: 0.6s;
}
.pagetop a:hover, .pagetop a:active {
	transform: translateY(-6px);
}
@media screen and (min-width: 769px) {
  .pagetop {
    bottom: 40px;
    right: 0;
  }
  .pagetop a {
    width: 50px;
    height: 50px;
    border: none;
    border-radius: 6px 0 0 6px;
    opacity: 0.7;
  }
}
@media screen and (min-width: 1280px) {
  .pagetop {
    bottom: 40px;
    right: 0;
   }
}


/* content
================================================================================ */
/* sideNav
------------------------------------------------*/
/* sns */
.bl_bnr_sns {
  margin-bottom: 40px;
  padding: 8px;
  background-color: #f9f9f7;
  color:  #cf2e92;
}
.bl_bnr_sns:hover,
.bl_bnr_sns:active {
  background-color: #fae9f3;
}

.bl_sideNav_ttl {
  padding: 0 0 14px;
  border-bottom: 2px solid var(--color-primary);
  color: var(--color-txt-dark);
  font-weight: 700;
  line-height: 1;
}
.bl_sideNav_ttl.bl_sideNav_ctg {
  padding: 14px 10px;
  background-color: var(--color-primary-bg);
  background-image: url(/lifplus/common_img/bg_pattern.png);
  color: var(--color-primary);
  line-height: 1.4;
}
/* .bl_sideNav_ttl.bl_sideNav_ctg.bl_sideNav_house {
  border-bottom: 2px solid var(--color-house);
  background-color: transparent;
  background-image: url(/lifplus/common_img/bg_pattern_house.png);
  color: var(--color-house);
} */
.bl_sideNav_ttl a {
  display: block;
  color: var(--color-primary-dark);
}
.bl_sideNav {
  margin: 0 0 40px;
  border-top: 1px solid #fff;
}
.bl_sideNav_item {
  position: relative;
  border-bottom: 2px solid #fff;
  /* border-bottom: 1px solid var(--color-primary-light); */
  font-size: 1.6rem;
  line-height: 1.4;
}
.bl_sideNav_item__line {
  border-bottom: 1px dashed var(--color-primary-light-more);
}
.bl_sideNav_item__top {
  border-top: 1px dashed var(--color-primary-light-more);
}
.bl_sideNav_link {
  display: block;
  padding: 10px 20px;
  background: var(--color-gray-bg);
  color: var(--color-primary);
}
.bl_sideNav_link:hover {
  background: var(--color-gray-bg-on);
}
.bl_sideNav_link__s {
  position: relative;
  padding-left: 40px;
  font-size: 1.4rem;

}
.bl_sideNav_link__s::before {
  content: "└";
  position: absolute;
  top: 10px;
  left: 20px;
}
/* .bl_sideNav_house .bl_sideNav_link {
  color: var(--color-house);
} */
.bl_sideOnline .bl_sideNav_link {
  background: var(--color-primary-light);
  color: #fff;
}
.bl_sideForm .bl_sideNav_link {
  background: var(--color-secondary);
  color: #fff;
}
.bl_sideAchievement .bl_sideNav_link {
  background: var(--color-accent);
  color: var(--color-text-dark);
}
.bl_sideOnline .bl_sideNav_link:hover  {
  background: var(--color-primary-bg);
  color: var(--color-primary-light);
}
.bl_sideForm .bl_sideNav_link:hover  {
  background: var(--color-secondary-bg);
  color: var(--color-secondary);
}
.bl_sideAchievement .bl_sideNav_link:hover  {
  background: var(--color-accent-light);
}
.bl_sideMovies .bl_sideNav_link {
  background-color: #fff;
  background-image: url(/lifplus/common_img/icon_movies.png);
  background-repeat: no-repeat;
  background-position: right 8px top 8px;
  background-size: 40px auto;
  border: 1px solid var(--color-primary);
}
.bl_sideMovies .bl_sideNav_link:hover  {
  background-color: var(--color-gray-bg-on);
  background-size: 44px auto;
}
.bl_sideNav_item__line .bl_sideNav_link {
  padding: 12px 10px;
  background: none;
}
.bl_sideNav_item__line .bl_sideNav_link:hover {
  background: var(--color-gray-bg-on);
  color: var(--color-primary);
}

.bl_sideNavSeminar {
  /* margin: -40px 0 40px; */
  border-bottom: 2px solid var(--color-primary);
}
.bl_sideNavSeminar a {
  display: block;
  padding: 20px 4px 70px;
  background: var(--color-secondary-bg) url(/lifplus/common_img/fp_illust04.png) no-repeat center bottom -40px;
  background-size: 100px auto;
}
.bl_sideNavSeminar_copy {
  margin-bottom: 4px;
  color: var(--color-secondary);
  font-weight: 700;
  text-align: center;
}
.bl_sideNavSeminar_ttl {
  color: var(--color-text-dark);
  font-size: 1.8rem;
  text-align: center;
}
.bl_sideNavSeminar_ttl span {
  display: block;
  color: var(--color-primary);
  font-size: 1.4rem;
}

/* title
------------------------------------------------*/
.bl_ttl {
  position: relative;
  margin: 0;
  padding: 40px 10px 50px;
  background-color: var(--color-primary-light);
  background-image: url(/lifplus/common_img/bg_house_line.png);
  background-repeat: repeat-x;
  background-position: center bottom -18px;
  background-size: 300px auto;
}
.bl_ttl_inner {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  height: auto;
  margin: 0;
  padding: 0;
}
.bl_ttl_ctg {
  margin-bottom: 4px;
  text-align: center;
  line-height: 1;
}
.bl_ttl_ctg span {
  display: inline-block;
  padding: 4px 10px;
  background: var(--color-secondary);
  color: #fff;
}
.bl_ttl_ttl {
  margin: 0;
  color: #fff;
  font-weight: 700;
  font-size: 2.4rem;
  text-align: center;
  line-height: 1;
}
.bl_ttl_ttl span {
  display: block;
  margin-top: 16px;
  color: var(--color-accent-light);
  font-size: 1.6rem;
}
@media screen and (min-width: 769px) {
  .bl_ttl {
    padding: 60px 30px;
    background-size: 400px auto;
  }
  .bl_ttl_ctg {
    margin-bottom: 10px;
  }
  .bl_ttl_ctg span {
    padding: 8px 20px;
  }
  .bl_ttl_ttl {
    font-size: 3.6rem;
  }
}

/* bl_breadcrumbs
------------------------------------------------*/
.bl_breadcrumbs {
  padding: 10px;
  background: #fff;
}
.bl_breadcrumbs ul {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  margin: 0 auto;
  font-size: 1.2rem;
  letter-spacing: 0;
}
.bl_breadcrumbs li {
  display: inline-block;
  margin: 0 0 4px;
  line-height: 1;
}
.bl_breadcrumbs_home {
  margin-left: 0;
}
.bl_breadcrumbs_home .material-icons {
  font-size: 1.4rem;
}
.bl_breadcrumbs li a {
  position: relative;
  padding: 0 5px 0 10px;
  transition: 0.6s;
}
li.bl_breadcrumbs_home a {
  padding: 0 5px 0 0;
}
.bl_breadcrumbs li a:hover {
  text-decoration: underline;
}
.bl_breadcrumbs li a::before {
  content: "›";
  position: absolute;
  top: 2px;
  left: 0;
}
.bl_breadcrumbs_home a::before {
  display: none;
}
@media screen and (min-width: 769px) {
  .bl_breadcrumbs {
    padding-bottom: 0;
  }
  .bl_breadcrumbs ul {
    max-width: 1040px;
    font-size: 1.4rem;
  }
  .bl_breadcrumbs li {
    margin: 0 0 10px;
  }
  .bl_breadcrumbs_home {
    margin-left: 0;
  }
  .bl_breadcrumbs_home .material-icons {
    display: inline-block;
    margin-top: -2px;
    font-size: 1.8rem;
  }
  .bl_breadcrumbs_home :hover .material-icons,
  .bl_breadcrumbs_home :active .material-icons {
    color: var(--color-secondary);
  }
  .bl_breadcrumbs li a {
    padding-left: 20px;
  }
  .bl_breadcrumbs_home a {
    width: auto;
  }
  .bl_breadcrumbs li a::before {
    top: 1px;
    left: 4px;
  }
  .bl_breadcrumbs_home a::before {
    display: none;
  }
}


.bl_consultMenu.bl_col4 {
  margin-top: -20px;
}
.bl_consultMenu .bl_col4_item {
  position: relative;
  width: 100%;
  margin-top: 20px;
}
.bl_consultMenu .bl_col4_item > a {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  padding: 20px;
  border: 2px solid var(--color-secondary);
  background: #fff;
  text-align: center;
  transition: 0.6s;
}
.bl_consultCtg_estate .bl_consultMenu .bl_col4_item > a {
  border: 2px solid var(--color-primary-light);
}
.bl_consultMenu .bl_col4_item > a::after {
  content: "";
  z-index: 10;
  position: absolute;
  bottom: 3px;
  right: 3px;
  border-top: 18px solid transparent;
  border-right: 18px solid var(--color-accent);
  transition: 0.6s;
}
.bl_consultMenu .bl_col4_item > a:hover::after {
  transform: translate(2px, 2px);
}
.bl_consultCtg_estate .bl_consultMenu .bl_col4_item > a::after {
  border-right-color: var(--color-secondary);
}
@media screen and (min-width: 769px) {
  .bl_consultMenu.bl_col4 {
    max-width: 1400px;
    margin: -2% auto 0;
  }
  .bl_consultMenu .bl_col4_item {
    position: relative;
    width: 49%;
    margin-top: 2%;
  }
  .bl_consultMenu .bl_col4_item > a {
    border-width: 2px;
    padding: 20px;
  }
}
@media screen and (min-width: 1280px) {
  .bl_consultMenu .bl_col4 {
    margin-top: calc( -4% / 3 );
  }
  .bl_consultMenu .bl_col4_item {
    width: 24%;
    margin-top: calc( 4% / 3 );
  }
  .bl_consultMenu .bl_col4_item > a {
    flex-direction: column;
  }
  .bl_consultMenu .bl_col4_item > a::after {
    border-top: 20px solid transparent;
    border-right: 20px solid var(--color-accent);
  }
  .bl_consultMenu .bl_col4_item > a:hover::after {
    border-top: 0px solid transparent;
    border-right: 0px solid var(--color-accent);
  }
  .bl_consultCtg_estate .bl_consultMenu .bl_col4_item > a::after {
    border-right-color: var(--color-secondary);
  }
}

/* ご相談メニューメイン
------------------------------------------------*/
.bl_consultMenu_img {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  width: 80px;
  height: auto;
}
.bl_consultMenu_img img {
  padding: 10px;
  transition: 0.6s;
}
.bl_consultCtg_house .bl_consultMenu_img img {
  background: var(--color-house-light);
}
.bl_consultCtg_estate .bl_consultMenu_img img {
  background: var(--color-accent);
}
a:hover .bl_consultMenu_img img {
  transform: scale(1.1);
}
.bl_consultMenu_body {
  flex: 1;
  padding-left: 20px;
}
.bl_consultMenu_body .el_h3 {
  position: relative;
  margin-top: 0;
  line-height: 1.4;
  text-align: left;
}
.bl_consultMenu_ttl {
  margin: 0 0 10px;
  color: var(--color-txt-dark);
  font-weight: 700;
  font-size: 2.0rem;
  line-height: 1.2;
  text-align: left;
  transition: 0.6s;
}
.bl_consultMenu_txt {
  padding-top: 10px;
  text-align: left;
}
@media screen and (min-width: 769px) {
  .bl_consultMenu_img {
    width: 100px;
  }
  .bl_consultMenu_img img {
    padding: 20px;
  }
  .bl_consultMenu_body {
    padding: 0 0 0 20px;
  }
  .bl_consultMenu_ttl {
    margin: 0;
  }
  .bl_consultMenu_txt {
    padding-top: 14px;
    line-height: 1.6;
  }
}
@media screen and (min-width: 1280px) {
  .bl_consultMenu_img {
    width: 100%;
    margin: 0 auto 20px;
    padding: 10px;
  }
  /* .bl_consultMenu_img img {
    width: auto;
    height: 80px;
  } */
  .bl_consultMenu_body {
    padding: 0;
  }
  .bl_consultMenu_ttl {
    font-size: 2.2rem;
    text-align: center;
  }
}

/* 初回相談誘導
------------------------------------------------*/
.bl_firstLink_wrap {
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
}
.bl_firstLink.bl_col {
  margin-top: 0;
  padding: 0;
  /* border: 1px solid var(--color-gray-bg-on);
  background-color: var(--color-accent-light); */
}
.bl_firstLink__white.bl_col {
  border: 1px solid var(--color-primary);
  background-color: #fff;
}
.bl_firstLink .bl_col2_item {
  margin-top: 0;
  text-align: center;
}
.bl_firstLink_ttl {
  position: relative;
  margin-bottom: 10px;
  color: var(--color-primary);
  font-weight: 700;
  font-size: 1.6rem;
}
.bl_firstLink_ttl::before {
  content: "";
  display: block;
  width: 100px;
  height: 100px;
  margin: 0 auto;
  background: url(/lifplus/common_img/fp_illust03.png) no-repeat left top;
  background-size: 100px auto;
}
/* .bl_firstLink__white .bl_firstLink_ttl::before {
  display: none;
} */
.bl_firstLink_txt {
  margin-bottom: 10px;
  color: var(--color-txt-dark);
  font-weight: 700;
  font-size: 1.8rem;
}
.bl_firstLink_txt span {
  font-size: 2.6rem;
}
@media screen and (min-width: 769px) {
  .bl_firstLink .bl_col2_item {
    width: 52%;
    padding: 0 30px;
  }
  .bl_firstLink .bl_col2_item.bl_firstLink_ttl {
    align-self: center;
    flex: 1;
    width: auto;
    margin-bottom: 0;
    padding: 0 10px 0 180px;
    font-size: 2.0rem;
    text-align: left;
  }
  .bl_firstLink_ttl::before {
    position: absolute;
    top: 50%;
    left: 30px;
    transform: translateY(-50%);
    width: 140px;
    height: 140px;
    background-size: 140px auto;
  }
 /*  .bl_firstLink__white .bl_firstLink_ttl::before {
    display: block;
  } */
  .bl_firstLink .bl_col2_item:last-of-type {
    /* border-left: 2px solid #fff; */
    border-left: 1px solid var(--color-primary);
  }
  .bl_firstLink__white .bl_col2_item:last-of-type {
    border-left: 1px solid var(--color-primary);
  }
  .bl_firstLink_txt {
    margin-bottom: 10px;
    color: var(--color-txt-dark);
    font-size: 1.8rem;
  }
  .bl_firstLink_txt span {
    font-size: 3.6rem;
  }
}
@media screen and (min-width: 1280px) {
  .bl_firstLink .bl_col2_item {
    width: 50%;
  }
}


/* 相談メニュー
------------------------------------------------*/
.bl_btmMenu {
  border-bottom: 1px solid #fff;
}
.bl_btmMenu .bl_consultCtg_ttl  {
  margin-bottom: 20px;
  color: var(--color-secondary);
  font-weight: 700;
  font-size: 1.6rem;
  text-align: center;
  line-height: 1.4;
}
.bl_btmMenu .bl_consultCtg_estate .bl_consultCtg_ttl {
  color: var(--color-primary);
}
.bl_btmMenu .bl_consultMenu.bl_col {
  margin: -2% 0 20px;
  padding: 0;
}
.bl_btmMenu .bl_consultMenu .bl_col4_item {
  width: 49%;
  margin-top: 2%;
}
.bl_btmMenu .bl_consultMenu .bl_col4_item > a {
  position: relative;
  align-items: center;
  padding: 10px;
  border-width: 2px;
}
.bl_btmMenu .bl_consultMenu .bl_col4_item > a::after {
  border-top-width: 12px;
  border-right-width: 12px;
}
.bl_btmMenu .bl_consultMenu_body {
  flex: 1;
  padding: 0;
}
.bl_btmMenu .bl_consultMenu_img {
  width: 50px;
  margin: 0 10px 0 0;
  background-color: var(--color-house-light);
}
.bl_btmMenu .bl_consultCtg_estate .bl_consultMenu_img {
  background-color: var(--color-accent);
}
.bl_btmMenu .bl_consultMenu_img img {
  padding: 10px;
}
.bl_btmMenu .bl_consultMenu_ttl {
  margin: 0;
  color: var(--color-txt-dark);
  font-weight: 500;
  font-size: 1.4rem;
  line-height: 1.1;
}

@media screen and (min-width: 769px) {
  .bl_btmMenu .bl_consultMenu .bl_col4_item {
    width: 24%;
    margin-top: 20px;
  }
  .bl_btmMenu .bl_consultMenu .bl_col4_item > a {
    padding: 10px;
    border-width: 2px;
  }
  .bl_btmMenu .bl_consultMenu_img {
    padding: 0;
  }
  .bl_btmMenu .bl_consultMenu_ttl {
    font-size: 1.6rem;
  }
}
@media screen and (min-width: 1280px) {
  .bl_btmMenu .bl_consultMenu_ttl {
    text-align: left;
  }
  .bl_btmMenu .bl_consultMenu .bl_col4_item > a {
    flex-direction: row;
  }
}


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

  wp content

================================================================================ */
.el_wpCon {
  word-break: break-all;
}
@media screen and (min-width: 769px) {
  .el_wpCon {
    /* max-width: 800px; */
    margin: 0 auto;
  }
}

/* Text-level semantics
========================================================================== */
.el_wpCon b,
.el_wpCon strong {
	font-weight: bolder;
}
/* .el_wpCon em {
	padding: 0 5px;
	background: #FF9;
} */
.el_wpCon em {
  padding: 2px 4px;
  background-color: var(--color-accent-light);
	font-weight: bolder;
  font-style: normal;
}
.el_wpCon small {
	font-size: 80%;
}
.el_wpCon sub,
.el_wpCon sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
.el_wpCon sub {
	bottom: -0.25em;
}
.el_wpCon sup {
	top: -0.5em;
}

.el_wpCon a {
  color: var(--color-secondary);
  text-decoration: underline;
}
.el_wpCon a:hover,
.el_wpCon a:active {
  text-decoration: none;
}

/* .el_wpCon h1 { font-size: 3.0rem; } */
.el_wpCon h2 {
  position: relative;
  margin: 40px 0 30px;
  padding-bottom: 20px;
  color: var(--color-txt-dark);
  font-size: 2.4rem;
}
.el_wpCon h3 {
  position: relative;
  margin: 30px 0 30px;
  padding: 0 0 0.8em 0.8em;
  border-bottom: 1px solid var(--color-gray);
  color: var(--color-txt-dark);
  font-weight: 700;
  font-size: 1.8rem;
}
.el_wpCon h3::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 0.2em;
  height: calc( 100% - 0.8em );
  background-color: var(--color-primary);
}
.el_wpCon h4 {
  margin: 20px 0 20px;
  color: var(--color-primary);
  font-size: 1.8rem;
  font-weight: 700;
}
.el_wpCon h5 {
  margin: 20px 0 20px;
  color: var(--color-txt-dark);
  font-size: 1.6rem;
  font-weight: 700;
}
@media screen and (min-width: 769px) {
  /* .el_wpCon h1 { font-size: 3.6rem; } */
  .el_wpCon h2 {
    margin: 60px 0 40px;
    font-size: 3.0rem;
  }
  .el_wpCon h3 {
    margin: 50px 0 40px;
    font-size: 2.0rem;
  }
  .el_wpCon h4 {
    margin: 30px 0 30px;
    font-size: 2.0rem;
  }
  .el_wpCon h5 {
    margin: 30px 0 30px;
    font-size: 1.8rem;
  }
}

.el_wpCon ul {
  margin-bottom: 30px;
	padding-left: 1.5em;
	list-style-type: disc;
}
.el_wpCon ul:last-child {
  margin-bottom: 0;
}
.el_wpCon ol {
  margin-bottom: 30px;
	padding-left: 1.5em;
}
.el_wpCon ol:last-child {
  margin-bottom: 0;
}
.el_wpCon li {
  list-style-type: inherit;
  margin-bottom: 10px;
}
.el_wpCon ol li {
  padding-left: 0.4em;
}
@media screen and (min-width: 769px) {
  .el_wpCon ul:not(:last-child),
  .el_wpCon ol:not(:last-child) {
    margin-bottom: 40px;
  }
}
.el_wpCon hr {
	border-style: none;
	border-bottom: 1px solid var(--color-gray);
	clear: both;
	margin-left: auto;
	margin-right: auto;
}

.wp-block-table {
  margin: 0 0 30px;
}
.wp-block-table:last-child {
  margin-bottom: 0;
}
.el_wpCon table {
	width: 100%;
	margin: 0 0 30px;
	border-collapse: collapse;
	border-spacing: 0;
	border: 1px solid #aaa;
	font-size: inherit;
	font: 100%;
	line-height: 1.4;
}
.el_wpCon table th {
	padding: 10px 16px;
	border: 1px solid #aaa;
  background-color: var(--color-gray-bg);
	color: var(--color-txt-dark);
	font-weight: normal;
	text-align: left;
}
.el_wpCon table td {
	padding: 10px 16px;
	border: 1px solid #aaa;
}
.el_wpCon caption {
	padding: 0 0 10px;
	color: var(--color-txt-dark);
	font-weight: 700;
	text-align: left;
	caption-side: top;
}
@media screen and (min-width: 769px) {
  .wp-block-table:not(:last-child) {
    margin-bottom: 40px;
  }
}

.el_wpCon img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.el_wpCon img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
}
.el_wpCon img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
}
.el_wpCon .alignright {
	float: right;
}
.el_wpCon .alignleft {
	float: left;
}
.el_wpCon .aligncenter {
	display: block;
	margin: 0 auto;
}

/* .el_wpCon h2 + h3 {
  margin: 30px 0 30px;
} */

/* blockquote */
.wp-block-pullquote:not(.is-style-solid-color) {
	margin: 30px 0;
	padding: 40px;
  border-top: 2px solid currentColor;
  border-bottom: 2px solid currentColor;
}
.el_wpCon blockquote {
  margin: 30px 10px;
	padding: 20px;
	border: 3px double var(--color-gray);
	background: #fff;
	border-radius: 10px;
}
.el_wpCon blockquote p {
  font-size: 1.2em;
}
.el_wpCon blockquote cite {
  display: block;
  text-align: right;
  font-style: normal;
}
.el_wpCon .wp-block-pullquote blockquote {
  margin: 0;
	border: none;
	background: transparent;
  text-align: center;
}
.el_wpCon .wp-block-pullquote p {
  font-size: 1.4em;
}
.el_wpCon .wp-block-pullquote blockquote cite {
  text-align: center;
}
@media screen and (min-width: 769px) {
  .wp-block-pullquote:not(.is-style-solid-color) {
    margin: 40px 0;
    padding: 60px;
  }
  .el_wpCon blockquote {
    margin: 40px 20px;
    padding: 40px;
  }
  .el_wpCon .wp-block-pullquote blockquote {
    margin: 0;
    padding: 0;
  }
}

/* btn */
.el_wpCon .wp-block-buttons:not(:last-child) {
  margin-bottom: 30px;
}
.el_wpCon .wp-block-button__link {
  border: 2px solid var(--color-secondary);
  background-color: var(--color-secondary);
  color: #fff;
  text-decoration: none;;
}
.el_wpCon .wp-block-button__link:hover,
.el_wpCon .wp-block-button__link:active {
  background-color: #fff;
  color: var(--color-secondary);
}
@media screen and (min-width: 769px) {
  .el_wpCon .wp-block-buttons:not(:last-child) {
    margin-bottom: 40px;
  }
}

/* image */
.el_wpCon .wp-block-image {
  margin: 3em 0;
}
.el_wpCon .wp-block-group::after {
  content: "";
  clear: both;
  display: block;
}

.el_wpCon .wp-block-gallery.has-nested-images {
  margin: 3em 0;
}

/* group */
.el_wpCon .groupBack {
  padding: 20px;
}
@media screen and (min-width: 769px) {
  .el_wpCon .groupBack {
    padding: 40px;
  }
}