@charset "utf-8";

/* -----------------------------------------------------------
　common
----------------------------------------------------------- */

* {box-sizing:border-box;}
img {max-width:100%;}
.fcred {color:#FF0000;}
.fwbold {font-weight:bold;}
.fs80 {font-size:0.8em;}
.fs120 {font-size:1.2em;}
.left {float:left;}
.right {float:right;}
.center {text-align:center;}
.clear {clear: both;}
.italic {font-style:italic;}
a {
  color:inherit;
  text-decoration:none;
}
html {font-size:62.5%;}
body {
  font-family: "Noto Sans JP","ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size:1.6rem;
  line-height:1.875;
  color:#000000;
} 

@media screen and (min-width: 768px){ 
  .sp_cont {display:none!important;} 
}

a:hover {color:inherit;}
.hover_btn {transition:0.5s;opacity:1;}
/* .hover_btn:hover {;opacity:0.7;} */
input,select,button,textarea {font-family: "Noto Sans JP","ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}
::placeholder {color:#C8C8C8;}

/* -----------------------------------------------------------
  template
----------------------------------------------------------- */
 
/* :::::::::: header :::::::::: */
  
header {
  position:fixed;
  width:100%;
  background:#FFFFFF;
  box-shadow:0 0 10px 0 rgba(0,0,0,0.3);
  z-index:100;
  top:0;
  left:0;
  transition:top 0.5s;
}
header.hide {top:-110px;}
.header_box {
  width:100%;
  max-width:1680px;
  height:105px;
  padding:30px 40px 10px;
  margin:0 auto;
}
.header_box .logo {
  width:260px;
  height:60px;
  font-size:1.1rem;
  font-weight:300;
  text-align:center;
  margin:0 auto;
}
.header_box .logo img {width:174px;}
.header_box .logo span {display:block;}
.header_menu {
  position:absolute;
  display:inline-block;
  width:auto;
  height:70px;
  margin:auto;
  top:0;
  bottom:0;
  right:40px;
}
.header_menu > p {
  position:relative;
  display:inline-block;
  width:50px;
  padding:55px 0 0;
  text-align:center;
  float:right;
  margin:0 0 0 10px;
  z-index:1;
  transition:0.5s;
  cursor:pointer;
}
.header_menu > .menu {z-index:5;}
.header_menu > p::before {
  position:absolute;
  display:block;
  content:"";
  margin:auto;
  top:15px;
  left:0;
  right:0;
  z-index:1;
  transform:rotateY(0deg);
  transition:0.5s;
  pointer-events:none;
}
.header_menu > p:hover::before {transform:rotateY(180deg);}
.header_menu > .login {padding:0;cursor:auto;}
.header_menu > .login a {
  display:block;
  width:100%;
  height:100%;
}
.header_menu > .login.hidden ,
.header_menu > .member.hidden {
  opacity:0;
  z-index:-10;
}
.header_menu > .menu::before {content:none;}
.header_menu > .search::before {
  width:20px;
  height:20px;
  background:url("../img/common/ico_search.svg") no-repeat center / cover;
}
.header_menu > .search.open::before {
  width:14px;
  height:14px;
  top:18px;
  background:url("../img/common/ico_close.svg") no-repeat center / cover;
}
.header_menu > .search.open:hover::before {transform:rotateY(0);}
.header_menu > .login::before {
  width:23px;
  height:23px;
  top:14px;
  right:3px;
  background:url("../img/common/ico_login.svg") no-repeat center / cover;
}
.header_menu > p::after {
  position:absolute;
  display:block;
  content:"";
  width:50px;
  height:50px;
  border-radius:50%;
  top:0;
  left:0;
  right:0;
  z-index:-1;
}
.header_menu > p span {
  display:block;
  font-family: 'Josefin Sans',"Noto Sans JP","ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size:1.1rem;
  line-height:1.4;
}
.header_menu > .login span {padding:55px 0 0;}
.header_menu > p:hover span {opacity:0.7;}
.header_menu > .menu::after {background:#D60056;}
.header_menu > .search::after {background:#FBC600;}
.header_menu > .login::after {background:#FBC600;}
.header_menu > .menu span::before,
.header_menu > .menu span::after {
  position:absolute;
  display:block;
  content:"";
  width:18px;
  height:2px;
  background:#FFFFFF;
  margin:auto;
  left:0;
  right:0;
  z-index:5;
  transform:rotate(0deg);
  transition:0.25s;
}
.header_menu > .menu span::before {
  top:17px;
  box-shadow:0 6px 0 0 #FFFFFF;
}
.header_menu > .menu span::after {top:29px;}
.header_menu > .menu.open span::before {
  transform:rotate(45deg);
  box-shadow:none;
  top:23px;
}
.header_menu > .menu.open span::after {
  transform:rotate(-45deg);
  top:23px;
}
.header_menu .member {
  width:80px;
  float:right;
  transition:0.5s;
}
.header_menu .member li  {
  width:100%;
  height:20px;
  line-height:20px;
  margin:0 0 10px;
}
.header_menu .member li a {
  display:block;
  width:100%;
  height:100%;
  font-size:1.2rem;
  text-align:center;
  color:#FFFFFF;
  border-radius:999px;
  transition:0.5s;
}
.header_menu .member li a:hover {opacity:0.7;}
.header_menu .member .mypage a {background:#D60056;}
.header_menu .member .logout a {background:#A0A0A0;}
.header_menu .menu_box {
  position:fixed;
  width:600px;
  max-height:100vh;
  overflow-y:auto;
  background:rgba(255,255,255,0.9);
  padding:110px 20px 60px 110px;
  top:0;
  right:-600px;
  transition:0.5s;
  z-index:1;
}
.header_menu .menu_box.open {right:0;}
.header_menu .menu_box > ul li {
  position:relative;
  font-size:2.2rem;
  line-height:1.5;
  padding:0 0 0 1.2em;
  margin:0 0 1em;
}
.header_menu .menu_box > ul li a:hover {color:#D60056;}
.header_menu .menu_box > ul li::before ,
.header_menu .menu_box > ul li::after {
  position:absolute;
  display:block;
  content:"";
}
.header_menu .menu_box > ul li::before {
  width:0.8em;
  height:0.8em;
  background:#D60056;
  border-radius:50%;
  top:0.4em;
  left:0;
}
.header_menu .menu_box > ul li::after {
  width:0.2em;
  height:0.2em;
  border-top:solid 2px #FFFFFF;
  border-right:solid 2px #FFFFFF;
  transform:rotate(45deg);
  top:0.7em;
  left:0.225em;
}
.header_menu .menu_box .tag_list ,
.header_menu .menu_box .btn_common {width:300px;}
.header_menu .menu_box > p {
  display:inline-block;
  width:140px;
  height:40px;
  line-height:40px;
  margin:0 10px 20px 0;
}
.header_menu .menu_box > p a {
  display:block;
  width:100%;
  height:100%;
  color:#FFFFFF;
  font-size:1rem;
  font-weight:500;
  text-align:center;
  background:#FBC600;
  border-radius:9999px;
  transition:0.5s;
}
.header_menu .menu_box > p a:hover {opacity:0.7;}
.header_menu .menu_box .search {
  display:block;
  width:300px;
  height:50px;
  margin:20px 0 40px;
  overflow:hidden;
  border:solid 1px #AFAFAF;
  border-radius:25px;
}
.header_menu .menu_box .search input {
  display:block;
  font-size:1.1rem;
  font-weight:300;
  width:255px;
  line-height:50px;
  padding:0 20px;
  float:left;
}
.header_menu .menu_box .search input::placeholder {color:inherit;}
.header_menu .menu_box .search button {
  display:block;
  width:40px;
  height:50px;
  background:url("../img/common/ico_search_b.svg") no-repeat center / 20px;
  cursor:pointer;
  float:left;
}
.header_menu .menu_box .menu_sns {
  width:300px;
  font-family: 'Josefin Sans',"Noto Sans JP","ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size:1.1rem;
  line-height:1.4;
  text-align:center;
  margin:50px 0 0;
}
.header_menu .menu_box .menu_sns ul {margin:10px auto;}
.header_menu .menu_box .menu_sns ul li {
  display:inline-block;
  width:40px;
  margin:0 8px;
}
.header_menu .search_box {
  position:absolute;
  width:0;
  height:50px;
  opacity:0;
  border:solid 1px #AFAFAF;
  border-radius:25px;
  visibility:hidden;
  right:65px;
  z-index:0;
  transition:0.5s;
  overflow:hidden;
}
.header_menu .search_box.open {
  width:200px;
  opacity:1;
  visibility:visible;
}
.header_menu .search_box form {display:block;}
.header_menu .search_box form input {
  display:inline-block;
  font-size:1.1rem;
  font-weight:300;
  width:60%;
  line-height:50px;
  padding:0 20px;
  vertical-align:top;
}
.header_menu .search_box form input::placeholder {color:inherit;}
.header_menu .search_box form button {
  display:inline-block;
  width:10%;
  height:50px;
  background:url("../img/common/ico_search_b.svg") no-repeat center / 100%;
  cursor:pointer;
}
.header_sns {
  position:absolute;
  display:inline-block;
  width:115px;
  text-align:left;
  top:20px;
  left:40px;
}
.header_sns ul {margin:0px 0 0 15px;}
.header_sns ul li {
  display:inline-block;
  width:30px;
  margin:0 6px 0 0;
}

@media screen and (max-width: 900px){ 
  .header_menu > .search,
  .header_menu > .login,
  .header_menu > .member {display:none;}
}

/* :::::::::: main :::::::::: */
  
main {
  display:block;
  width:100%;
  height:auto;
  padding:105px 0 0;
}
main.single {
  background:#FEEEC2;
  padding:105px 40px 0;
}
main.single.individual_single {background: #fcc7c3;}
main .content_menu {
  position:relative;
  width:100%;
  height:100px;
  background:#FBC600;
  z-index:1;
}
main .content_menu li {
  position:relative;
  width:calc(100% / 7);
  height:100px;
  float:left;
}
main .content_menu li::before {
  position:absolute;
  display:block;
  content:"";
  width:1px;
  height:50px;
  background:#FFFFFF;
  margin:auto;
  top:0;
  bottom:0;
  left:0;
}
main .content_menu li:last-child::after {
  position:absolute;
  display:block;
  content:"";
  width:1px;
  height:50px;
  background:#FFFFFF;
  margin:auto;
  top:0;
  bottom:0;
  right:0;
}
main .content_menu li a {
  display:block;
  width:100%;
  height:100%;
  padding:55px 0 0;
  transition:0.5s;
}
main .content_menu li a:hover {opacity:0.7;}
main .content_menu li.cm01 a {background:url("../img/common/cm01.svg") no-repeat center top 30px / 27px;}
main .content_menu li.cm02 a {background:url("../img/common/cm02.svg") no-repeat center top 30px / 23px;}
main .content_menu li.cm03 a {background:url("../img/common/cm03.svg") no-repeat center top 30px / 26px;}
main .content_menu li.cm04 a {background:url("../img/common/cm04.svg") no-repeat center top 30px / 25px;}
main .content_menu li.cm05 a {background:url("../img/common/cm05.svg") no-repeat center top 30px / 19px;}
/* main .content_menu li.cm06 a {background:url("../img/common/cm06.svg") no-repeat center top 30px / 23px;} */
main .content_menu li.cm06 a {background:url("../img/common/cm06.svg") no-repeat center top 33px / 31px;}
main .content_menu li.cm07 a {background:url("../img/common/cm07.svg") no-repeat center top 30px / 38px;}

main .content_menu li a p {
  text-align:center;
  font-size:1.3rem;
  color:#FFFFFF;
  line-height: 1.2;
}
.breadcrumbs {
  width:100%;
  max-width:1040px;
  padding:20px 40px;
  margin:0 auto;
  line-height:1.4;
}
.breadcrumbs > span ,.breadcrumbs .post_tag {
  font-size:1.1rem;
  line-height:1.4;
}
.breadcrumbs > span::after {
  content:"＞";
  margin:0 0.5em;
}
.breadcrumbs > span:last-child::after {content:none;}
.breadcrumbs > span a:hover {text-decoration:underline;}
main article {
  width:100%;
  height:auto;
  overflow:hidden;
  margin:0 auto;
}
.container,.box {
  width:100%;
  max-width:1040px;
  margin:0 auto ;
  padding:0 40px;
}  
main.single .container {
  width:100%;
  max-width:960px;
  margin:50px auto 120px;
  padding:50px 40px;
  background:#FFFFFF;
  border-radius:20px;
  overflow:hidden;
}
main.single .container .post_box {
  width:100%;
  max-width:640px;
  margin:0 auto;
}
.area_beige {background:#FEEEC2;}

/* :::::::::: aside :::::::::: */

aside {padding:120px 0 60px;}
.home + aside {padding:80px 0 60px;}
aside section {
  padding:45px 50px;
  background:#FAE5ED;
  overflow:hidden;
}
aside section div:nth-of-type(1) {
  /*width:400px;*/
  margin: 0 auto 30px;
  /*margin:0 7% 0 0;
  float:left;*/
}
aside section div:nth-of-type(2) {
  /*width:calc(93% - 400px);
  float:left;*/
}
aside section h2 {
  text-align:center;
  margin:0 0 2em;
}
aside section h2 span {
  position:relative;
  font-size:2.5rem;
  font-weight:700;
  line-height:1.3;
}
aside section h2 span::before,
aside section h2 span::after {
  position:absolute;
  display:block;
  content:"";
  width:1px;
  height:1.5em;
  background:#000000;
  margin:auto;
  top:0;
  bottom:0;
}
aside section h2 span::before {
  transform:rotate(-20deg);
  left:-0.75em;
}
aside section h2 span::after {
  transform:rotate(20deg);
  right:-0.75em;
}
aside section dl {
  position:relative;
  text-align:center;
  z-index:0;  
}
aside section dl dt {
  position:absolute;
  font-size:2rem;
  font-weight:700;
  color:#D60056;
  left:0;
  right:0;
  top:-1em;
}
aside section dl dd {
  font-weight:500;
  padding:1.5em 1em 1em;
  background:#FFFFFF;
}
aside section p {font-size:1.1rem;}
aside section p a {text-decoration:underline;}
aside section p:nth-of-type(1) {
  font-size:1.7rem;
  font-weight:500;
}
aside section p:nth-of-type(1) span {
  display:inline-block;
  font-size:1.1rem;
  font-weight:normal;
  color:#FFFFFF;
  padding:0.2em 1em;
  margin:0 0 0.2em 1em;
  background:#D60056;
  border-radius:99px;
  vertical-align:middle;
}
aside section input {
  display:block;
  width:100%;
  height:50px;
  line-height:50px;
  background:#FFFFFF;
  padding:0 1em;
  margin:0.5em 0 1.5em;
  border-radius:999px;
} 
aside section .btn_submit {width:100%;}

@media screen and (max-width: 940px){ 

  aside section div:nth-of-type(1) {
    margin:0 auto 30px;
    float:none;
  }
  aside section div:nth-of-type(2) {
    width:400px;
    margin:0 auto;
    float:none;
  }
}

/* :::::::::: footer :::::::::: */

.pagetop {
  position:fixed;
  width:55px;
  bottom:50px;
  right:40px;
  z-index:100;
  opacity:0;
  visibility:hidden;
  cursor:pointer;
  transition:1s;
}
.pagetop.show {
  opacity:1;
  visibility:visible;
}
.pagetop img {display:block;}
footer {
  position:relative;
  padding:60px 0 0;
  z-index:9;
}
main + footer {padding:160px 0 0;}
.footer_box {
  width:100%;
  max-width:1040px;
  margin:0 auto;
  padding:0 40px;
}
.footer_box .logo {
  width:40%;
  text-align:center;
  float:left;
}
.footer_box .logo img {width:170px;}
.footer_box > ul {
  width:20%;
  float:left;
  margin:0 0 40px;
}
.footer_box > ul li {
  font-size:1.3rem;
  font-weight:300;
  margin:0 0 1em;
}
.footer_box > ul li a:hover {text-decoration:underline;}
.footer_box > .f_sns {
  width:100%;
  text-align:center;
  clear:both;
}
.footer_box > .f_sns p ,
.footer_box > .f_sns ul {
  display:inline-block;
  font-size:0;
  vertical-align:middle;
  margin:0 0 20px;
}
.footer_box > .f_sns p {
  font-family:'Josefin Sans', sans-serif;
  font-weight:300;
  font-size:2rem;
}
.footer_box > .f_sns ul li {
  display:inline-block;
  width:30px;
  margin:0 0 0 10px;
  vertical-align:middle;
}
.copyright {
  width:100%;
  height:auto;
  line-height:60px;
  word-break:break-all;
  font-size:1.1rem;
  color:#FFFFFF;
  background:#D60056;
  text-align:center;
  padding:0 40px;
}
.c_logo {
  padding:25px 0;
  background:#FFFFFF;
}
.c_logo p {
  width:235px;
  margin:0 auto;
  padding:25px 0;
}

/* -----------------------------------------------------------
  parts
----------------------------------------------------------- */

/** hx **/
.editor_contents .related_page .h_border,
.h_border {
  font-size:3rem;
  font-weight:500;
  color:#ebaf00;
  line-height:1.3em;
  padding:0.5em;
  margin:70px auto 50px;
  background:linear-gradient(to right, #ebaf00 30%, rgba(255,255,255,0) 0%) repeat-x center top / 12px 4px,linear-gradient(to right, #ebaf00 30%, rgba(255,255,255,0) 0%) repeat-x center bottom / 12px 4px;
  clear:both;
}
.h_solid {
  position:relative;
  font-size:1.7rem;
  font-weight:500;
  color:#D60056;
  line-height:1.3em;
  margin:70px auto 30px;
  z-index:1;
  clear:both;
}
.h_solid::after {
  position:absolute;
  display:block;
  content:"";
  width:100%;
  height:1px;
  background:#D60056;
  margin:auto;
  top:0;
  bottom:0;
  left:0;
  z-index:-1;
}
.h_solid span {
  display:inline-block;
  padding:0 1em 0 0;
  background:#FFFFFF;
  z-index:1;
}
.h2_common {
  font-size:1.7rem;
  font-weight:500;
  text-align:center;
  margin:140px auto 50px;
}
.h2_common span {
  display:block;
  font-family: 'Josefin Sans', sans-serif;
  font-size:5.2rem;
  font-weight:300;
  line-height:1.2;
}

/** button **/

.btn_common {
  display:inline-block;
  width:auto;
  font-size:1.7rem;
  font-weight:500;
  text-align:center;
  margin:30px 0;
}
.btn_common.center {
  display:block;
  width:560px;
  margin:50px auto 0;
}
.btn_common a {
  position:relative;
  display:block;
  width:100%;
  height:100%;
  line-height:1.3;
  border-radius:10px;
  padding:1.1em 2em;
  background:#FEEEC2!important;
  transition:0.5s;
  text-decoration:none!important;
}
.btn_common_r a {background:#D60056!important;color:#FFFFFF!important;}
.btn_common_o a {background:#FBC600!important;color:#FFFFFF!important;}
.btn_common_w a {background:#FFFFFF!important;}
.btn_common a:hover {opacity:0.7;}
.btn_common a::after {
  position:absolute;
  display:block;
  content:"";
  width:0.5em;
  height:0.5em;
  border-top:solid 2px #000000;
  border-right:solid 2px #000000;
  transform:rotate(45deg);
  margin:auto;
  top:0;
  bottom:0;
  right:1em;
}
.btn_common_o a::after ,
.btn_common_r a::after {border-color:#FFFFFF;}
.btn_submit {
  position:relative;
  display:inline-block;
  width:auto;
  font-size:1.7rem;
  font-weight:500;
  color:#FFFFFF;
  text-align:center;
  margin:0 0 0.5em;
  line-height:1.3;
  border-radius:10px;
  padding:1.1em 2em;
  background:#D60056;
  transition:0.5s;
  cursor:pointer;
}
.btn_submit.btn_reset {background:#CCC;}
.btn_submit.center {
  display:block;
  width:400px;
  margin:50px auto 0;
}
.btn_submit:hover {opacity:0.7;}
.btn_submit::after {
  position:absolute;
  display:block;
  content:"";
  width:0.5em;
  height:0.5em;
  border-top:solid 2px #FFFFFF;
  border-right:solid 2px #FFFFFF;
  transform:rotate(45deg);
  margin:auto;
  top:0;
  bottom:0;
  right:1em;
}

/** contentlist **/

.category_caption {margin:0 auto 50px;}
.post_cat {
  display:inline-block;
  min-width:100px;
  color:#CCCCCC;
  font-size:1.1rem;
  text-align:center;
  line-height:1.3;
  padding:0.5em 1em;
  margin:0 0.5em 0 0;
  border:solid 1px #CCCCCC;
  border-radius:99px;
  vertical-align:middle;
}
.kurashi .post_cat,.kurashi.post_cat {color:#29ABE2;border-color:#29ABE2;}
.syataku .post_cat,.syataku.post_cat {color:#8CC63F;border-color:#8CC63F;}
.faq .post_cat,.faq.post_cat {color:#ED1E79;border-color:#ED1E79;}
.premium .post_cat,.premium.post_cat {color:#FBC600;border-color:#FBC600;}
.service .post_cat,.service.post_cat {color:#F39A37;border-color:#F39A37;}
.individual .post_cat,.individual.post_cat {color: #FFFFFF;background:#fd6c66;border-color:#fd6c66;}
.present-campaign .post_cat,.present-campaign.post_cat {color:#A06EA5;border-color:#A06EA5;}
.post_date {
  display:inline-block;
  color:#969696;
  font-size:1.1rem;
  font-weight:500;
  line-height:1.3;
  vertical-align:middle;
}
.post_list {overflow:visible;}
.post_list > li {
  width:30.5%;
  margin:0 4.25% 50px 0;
  float:left;
  position:relative;
}
.post_list > li.cat_new::before {
  position:absolute;
  display:block;
  content:"";
  width:14.4%;
  height:0;
  padding:15.2% 0 0;
  background:url("../img/common/ico_new.svg") no-repeat center / cover;
  top:-4px;
  left:10px;
  z-index:1;
}
.post_list > li:nth-child(3n) {margin:0 0 50px;}
.post_list > li:nth-child(3n+1) {clear:both;}


.post_list.col02 > li {
  width:46%;
  margin:0 8% 70px 0;
  float:left;
}
.post_list.col02 > li:nth-child(3n) {margin:0 8% 70px 0;}
.post_list.col02 > li:nth-child(2n) {margin:0 0 70px;}
.post_list.col02 > li:nth-child(3n+1) {clear:none;}
.post_list.col02 > li:nth-child(2n+1) {clear:both;}
.post_list > li figure {
  position:relative;
  width:100%;
  height:0;
  padding:68.25% 0 0;
  margin:0 auto 15px;
  background:#feeec2;
  border-radius:10px;
  overflow:hidden;
  z-index:0;
}
.post_list > li figure img {
  position:absolute;
  display:block;
  margin:auto;
  width:100%;
  height:auto;
  top:-200%;
  bottom:-200%;
  left:0;
  right:0;
  z-index:0;
  transition:0.5s;
}
.post_list > li div {padding:0 10px;} 
.post_list > li div .post_title {
  font-weight:500;
  line-height:1.375;
  margin:1em 0;
  transition:0.5s;
}
.post_tag {font-size:0;}
.post_tag li {
  display:inline-block;
  font-size:1.1rem;
  margin:0 0.5em 0 0;
  transition:0.5s;
}
.post_tag li::before {content:"# ";}
.post_list > li a:hover div .post_title ,
.post_list > li a:hover div .post_tag li {color:#ED1E79;}
.post_list > li a:hover figure img  {opacity:0.7;}
.tag_list {font-size:0;}
.tag_list li {
  display:inline-block;
  font-size:1.3rem;
  margin:0 10px 15px 0;
}
.tag_list li a {
  display:block;
  width:100%;
  height:100%;
  line-height:1.3;
  color:#FFFFFF;
  border-radius:999px;
  padding:0.65em 1em;
  background:#D60056;
  transition:0.5s;
}
.tag_list li a:hover {opacity:0.7;}
.tag_list li a::before {content:"#";}

.bnr_list {overflow:hidden;}
.bnr_list > li {
  width:30.5%;
  margin:0 4.25% 70px 0;
  float:left;
}
.bnr_list > li:nth-child(3n) {margin:0 0 70px;}
.bnr_list > li:nth-child(3n+1) {clear:both;}

.bnr_list > li a img {
  display:block;
  width:100%;
  margin:0 0 10px;
  border-radius:10px;
  transition:0.5s;
}
.bnr_list > li a:hover img {opacity:0.7;}
.bnr_list > li a:hover p {text-decoration:underline;}
.bnr_list > li a[target="_blank"] p::after {
  display:inline-block;
  content:"";
  width:1.1em;
  height:1em;
  margin:0 0 0 0.5em;
  background:url("../img/common/ico_target.svg") no-repeat center / cover;
}
.related_list {margin:0 auto 100px;}
.related_list li {
  padding:20px;
  border:solid 2px #FBC600;
  border-radius:10px;
  overflow:hidden;
  margin:0 0 30px;
}
.related_list li figure {
  position:relative;
  width:32%;
  height:0;
  padding:21.8% 0 0;
  margin:0 4% 0 0;
  border-radius:10px;
  float:left;
  z-index:0;
  overflow:hidden;
}
.related_list li figure img {
  position:absolute;
  display:block;
  margin:auto;
  width:100%;
  height:auto;
  top:-200%;
  bottom:-200%;
  left:0;
  right:0;
  z-index:0;
  transition:0.5s;
}
.related_list > li div {
  width:64%;
  float:left;
} 
.related_list > li div .post_title {
  font-weight:500;
  line-height:1.375;
  margin:1em 0 0;
  transition:0.5s;
}
.related_list > li a:hover div .post_title ,
.related_list > li a:hover div .post_tag li {color:#ED1E79;}
.related_list > li a:hover figure img  {opacity:0.7;}

/** cta **/

.cta_box {
  position:relative;
  margin:50px auto;
  padding:30px;
  z-index:0;
}
.cta_box::before ,
.cta_box::after {
  position:absolute;
  display:block;
  content:"";
  width:calc(100% - 8px);
  height:50%;
  left:0;
  right:0;
  z-index:-1;
}
.cta_box::before {
  border:solid 4px #D60056;
  border-bottom:none;
  top:0;
}
.cta_box::after {
  border:solid 4px #FBC600;
  border-top:none;
  bottom:0;
}
.cta_box > img {
  display:block;
  width:30%;
  margin:0 0 30px;
  float:left;
}
.cta_box > div {
  width:65%;
  float:right;
}
.cta_box > div h2 {
  color:#D72162;
  font-size:3rem;
  font-weight:700;
  line-height:1.33;
  margin:0 0 0.25em;
}
.cta_box > div p {
  font-size:1.4rem;
  margin:0 0 25px;
}
.cta_box > p {
  color:#FBC600;
  font-size:2.6rem;
  font-weight:700;
  line-height:1.33;
  text-align:center;
  margin:0 0 15px;
  clear:both;
}
.cta_box > p span {
  position:relative;
  display:inline-block;
  padding:0 0.75em;
  z-index:0;
}
.cta_box > p span::before,
.cta_box > p span::after {
  position:absolute;
  display:block;
  content:"";
  width:3px;
  height:110%;
  background:#FBC600;
  margin:auto;
  top:-100%;
  bottom:-100%;
}
.cta_box > p span::before {left:0;transform:rotate(-15deg);}
.cta_box > p span::after {right:0;transform:rotate(15deg);}
.cta_box > .btn_common {
  display:block;
  width:100%;
  max-width:400px;
  font-size:1.7rem;
  margin:0 auto;
  clear:both;
}

/** share **/

.share_list li {
  display:inline-block;
  width:auto;
  font-size:1.2rem;
  font-weight:500;
  margin:0 20px 0 0; 
  vertical-align:top;
}

/* -----------------------------------------------------------
 Single/Archive
----------------------------------------------------------- */

.h1_common {
  font-size:3.2rem;
  font-weight:700;
  color:#ebaf00;
  line-height:1.5;
  margin:30px auto 0;
}
.eyecatch {
  margin:30px auto;
  border-radius:20px;
  overflow:hidden;
}
.eyecatch img {
  display:block;
  width:100%;
  height:auto;
  margin:0 auto;
}
.editor_contents {margin:30px auto 0;}
.editor_contents h2 ,
.h2_editor {
  font-size:2.2rem;
  font-weight:700;
  color:#FFFFFF;
  line-height:1.3;
  padding:0.6em 1em;;
  margin:60px auto 24px;
  background:#ebaf00;
  clear:both;
}
.editor_contents h3 {
  position:relative;
  font-size:2rem;
  font-weight:500;
  line-height:1.3;
  padding:0.3em 0 0.6em 1em;;
  margin:50px auto 24px;
  border-bottom:solid 1px #000000;
  clear:both;
}
.editor_contents h3::before {
  position:absolute;
  display:block;
  content:"";
  width:4px;
  height:90%;
  background:#FBC600;
  top:0;
  left:0;
}
.editor_contents h4 {
  font-size:1.8rem;
  font-weight:400;
  color:#ebaf00;
  line-height:1.3;
  padding:0.4em 0.5em;
  margin:40px auto 24px;
  border-top:solid 1px #FBC600;
  border-bottom:solid 1px #FBC600;
  clear:both;
 }
.editor_contents h5 {
  font-size:1.8rem;
  font-weight:300;
  line-height:1.3;
  padding:0 0.3em 0.5em;
  margin:30px auto 24px;
  border-bottom:solid 1px #000000;
  clear:both;
}
.editor_contents h6 {
  font-size:1.6rem;
  font-weight:700;
  line-height:1.3;
  margin:30px auto 24px;
  clear:both;
}
.editor_contents h2 + h3 {margin-top:40px;}
.editor_contents h3 + h4 {margin-top:30px;}
.editor_contents h4 + h5 {margin-top:20px;}
.editor_contents h5 + h6 {margin-top:20px;}

.editor_contents figure.wp-block-image {
  text-align:center;
  margin:1.5em auto;
}
.editor_contents figure.wp-block-image .alignright {margin:0.5em 0 1.5em 1.5em;}
.editor_contents figure.wp-block-image .alignleft {margin:0.5em 1.5em 1.5em 0;}

.editor_contents figure img {height:auto;}
.editor_contents figure figcaption {
  font-size:1.4rem;
  margin:1em 0 0;
  line-height:1.5;
}
.editor_contents p {margin:0 0 1.3em;}
.editor_contents p a {
  color:#005BAB;
  text-decoration:underline;
}
.editor_contents figure.wp-block-table {margin:40px auto;}
.editor_contents table {
  width:auto;
  height:auto;
  margin:0;
  max-width: 100%;
  clear:both;
}
.editor_contents table p {margin:0;}
.editor_contents table caption {caption-side:bottom;}
.editor_contents table th {
  font-weight:400;
  color:#FFFFFF;
  text-align:left;
  padding:0.5em 1em;
  background:#FBC600;
  border:solid 1px #000000;
}
.editor_contents table td {
  font-weight:400;
  text-align:left;
  padding:0.5em 1em;
  border:solid 1px #000000;
}
.editor_contents table caption {
  font-size:1.4rem;
  text-align:left;
} 
.editor_contents ul {margin:0 0 1em;} 
.editor_contents ul li { 
  position:relative;
  font-weight:500;
  line-height:1.5;
  margin:0 0 0.5em;
  padding:0 0 0 1.2em;
}
.editor_contents ul li::before { 
  position:absolute;
  display:block;
  content:"";
  width:0.75em;
  height:0.75em;
  background:#FBC600;
  border-radius:50%;
  top:0.45em;
  left:0;
}
.editor_contents ol {margin:0 0 1em;} 
.editor_contents ol li { 
  position:relative;
  font-weight:500;
  line-height:1.5;
  margin:0 0 0.5em;
  padding:0 0 0 1.2em;
  counter-increment:item;
}
.editor_contents ol li:before {
  position:absolute;
  display:block;
  color:#FBC600;
  content:counter(item)".";
  top:0;
  left:0;
}

.editor_contents .link_list li::before {
  width:0.3em;
  height:0.3em;
  background:none;
  border-top:solid 2px #FBC600;
  border-right:solid 2px #FBC600;
  border-radius:0;
  transform:rotate(45deg);
  top:0.6em;
  left:0.2em;
}
.editor_contents .link_list li a:hover {text-decoration:underline;}
.editor_contents .link_list li a[target="_blank"]::after {
  display:inline-block;
  vertical-align:middle;
  margin:0 0.5em 0.2em;
  content:"";
  width:1.1em;
  height:1em;
  background:url("../img/common/ico_target.svg") no-repeat center / auto 100%;
}
.editor_contents .link_list li a[href$=".xls"]::after, .editor_contents .link_list li a[href$=".xlsx"]::after {
  display:inline-block;
  vertical-align:middle;
  margin:0 0.5em 0.2em;
  content:"";
  width:1.2em;
  height:1em;
  background:url(../img/common/ico_excel.svg) no-repeat center / auto 100%;
}
.editor_contents .link_list li a[href$=".doc"]::after, .editor_contents .link_list li a[href$=".docx"]::after {
  display:inline-block;
  vertical-align:middle;
  margin:0 0.5em 0.2em;
  content:"";
  width:1.2em;
  height:1em;
  background:url(../img/common/ico_word.svg) no-repeat center / auto 100%;
}
.editor_contents .link_list li a[href$=".pdf"]::after {
  display:inline-block;
  vertical-align:text-top;
  margin:0.2em 0.5em 0;
  content:"";
  width:1.2em;
  height:1.2em;
  background:url(../img/common/ico_pdf.svg) no-repeat center / auto 100%;
}
.editor_contents .bg_box {
  background:#FEEEC2;
  margin:40px auto;
  padding:1em;
  overflow:hidden;
} 
.editor_contents .bg_box > *:nth-last-of-type(1) {margin-bottom:0;}
.editor_contents .bg_box > div > *:last-child {margin-bottom:0;}


.editor_contents .related_box {
  padding:20px;
  border:solid 2px #FBC600;
  border-radius:10px;
  overflow:hidden;
  margin:60px auto;
}
.editor_contents .related_box figure {
  position:relative;
  width:32%;
  height:0;
  padding:21.8% 0 0;
  margin:0 4% 0 0;
  border-radius:10px;
  float:left;
  z-index:0;
}
.editor_contents .related_box figure img {
  position:absolute;
  display:block;
  margin:auto;
  width:100%;
  height:auto;
  top:-200%;
  bottom:-200%;
  left:0;
  right:0;
  z-index:0;
  transition:0.5s;
}
.editor_contents .related_box div {
  width:64%;
  float:left;
} 
.editor_contents .related_box div .post_title {
  font-weight:500;
  line-height:1.375;
  margin:1em 0 0;
  transition:0.5s;
}
.editor_contents .related_box a:hover div .post_title ,
.editor_contents .related_box a:hover div .post_tag li {color:#ED1E79;}
.editor_contents .related_box li a:hover figure img  {opacity:0.7;}

.faq_box {
  margin:60px auto;
  border-bottom:solid 1px #000000;
}
.faq_box dt {
  position:relative;
  display:flex;
  align-items:center;
  width:100%;
  min-height:90px;
  padding:20px 80px 20px 40px;
  border-top:solid 1px #000000;
  cursor:pointer;
}
.faq_box dt::before {
  position:absolute;
  display:block;
  content:"";
  width:3em;
  height:3em;
  background:#FBC600;
  border-radius:50%;
  margin:auto;
  top:0;
  bottom:0;
  right:1em;
}
.faq_box dt::after {
  position:absolute;
  display:block;
  content:"";
  width:0.7em;
  height:0.7em;
  border:none;
  border-right:solid 1px #FFFFFF;
  border-bottom:solid 1px #FFFFFF;
  margin:auto;
  top:0;
  bottom:0.25em;
  right:2.1em;
  transform:rotate(45deg);
}
.faq_box dt.open::after {
  border:none;
  border-left:solid 1px #FFFFFF;
  border-top:solid 1px #FFFFFF;
  top:0.25em;
  bottom:0;
}
.faq_box dt span {
  position:relative;
  padding:0 0 0 2em;
}
.faq_box dt span::before {
  position:absolute;
  font-family: 'Josefin Sans',"Noto Sans JP","ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size:2.2rem;
  content:"Q.";
  color:#FBC600;
  top:-0.1em;
  left:0;
}
.faq_box dd {
  display:flex;
  align-items:center;
  width:100%;
  padding:20px 80px 20px 40px;
  border-top:solid 1px #000000;
}
.faq_box dd span {
  position:relative;
  padding:0 0 0 2em;
}
.faq_box dd span::before {
  position:absolute;
  font-family: 'Josefin Sans',"Noto Sans JP","ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size:2.2rem;
  content:"A.";
  color:#D72162;
  top:-0.1em;
  left:0;
}
.editor_contents #toc_container {
  width:100%!important;
  padding:40px;
  margin:50px auto;
}
.editor_contents #toc_container.contracted {padding:20px;}
.editor_contents #toc_container li {font-weight:400;line-height:1.8;}
.editor_contents #toc_container li::before {content:none;}

.btn_block {
  display:inline-block;
  width:auto;
  min-width:220px;
  text-align:center;
  margin:0 20px 20px 0!important;
  clear:both;
}
.btn_block.center {
  display:block;
  width:300px;
  margin:0 auto 20px!important;
}
.btn_block a {
  display:block;
  width:100%;
  height:100%;
  font-size:1em;
  font-weight:500;
  line-height:1.5;
  text-decoration:none!important;
  background:none!important;
  border:solid 1px #FBC600;
  color:#FBC600!important;
  padding:0.3em 0.5em;
  border-radius:99px;
  transition:0.5s;
}
.btn_block a:hover {
  color:#FFFFFF!important;
  background:#FBC600!important;
  opacity:1;
}
.btn_block a::after {
  display:inline-block;
  content:"";
  width:0.5em;
  height:0.5em;
  border-top:solid 2px #FBC600;
  border-right:solid 2px #FBC600;
  transform:rotate(45deg);
  vertical-align:middle;
  margin:0 0 0.25em 0.5em;
  transition:0.5s;
}
.btn_block a:hover::after {
  border-top:solid 2px #FFFFFF;
  border-right:solid 2px #FFFFFF;
}
.btn_block.back a::after {content:none;}
.btn_block.back a::before {
  display:inline-block;
  content:"";
  width:0.5em;
  height:0.5em;
  border-top:solid 2px #FBC600;
  border-left:solid 2px #FBC600;
  transform:rotate(-45deg);
  vertical-align:middle;
  margin:0 0.5em 0.25em;
  transition:0.5s;
}
.btn_block.back a:hover::before {
  border-top:solid 2px #FFFFFF;
  border-left:solid 2px #FFFFFF;
}
.btn_block a[target="_blank"]::after {
  width:1.1em;
  height:1em;
  border:none;
  transform:rotate(0deg);
  background:url("../img/common/ico_target_o.svg") no-repeat center / auto 100%;
  margin:0 0 0.25em 0.5em;
}
.btn_block a[target="_blank"]:hover::after {
  background:url("../img/common/ico_target_w.svg") no-repeat center / auto 100%;
}
.btn_block a[href$=".xls"]::after,
.btn_block a[href$=".xlsx"]::after {
  width:1.2em;
  height:1.1em;
  border:none;
  transform:rotate(0deg);
  background:url("../img/common/ico_excel_o.svg") no-repeat center / auto 100%;
  margin:0 0 0.25em 0.5em;
}
.btn_block a[href$=".xls"]:hover::after,
.btn_block a[href$=".xlsx"]:hover::after {
  background:url("../img/common/ico_excel_w.svg") no-repeat center / auto 100%;
}
.btn_block a[href$=".doc"]::after,
.btn_block a[href$=".docx"]::after {
  width:1.2em;
  height:1.1em;
  border:none;
  transform:rotate(0deg);
  background:url("../img/common/ico_word_o.svg") no-repeat center / auto 100%;
  margin:0 0 0.25em 0.5em;
}
.btn_block a[href$=".doc"]:hover::after,
.btn_block a[href$=".docx"]:hover::after {
  background:url("../img/common/ico_word_w.svg") no-repeat center / auto 100%;
}
.btn_block a[href$=".pdf"]::after {
  width:1.2em;
  height:1.1em;
  border:none;
  transform:rotate(0deg);
  background:url("../img/common/ico_pdf_o.svg") no-repeat center / auto 100%;
  margin:0 0 0.25em 0.5em;
}
.btn_block a[href$=".pdf"]:hover::after {
  background:url("../img/common/ico_pdf_w.svg") no-repeat center / auto 100%;
}

.pagenation {
  width:100%;
  clear:both;
  text-align:center;
}
.wp-pagenavi > span ,
.wp-pagenavi > a {
  display:inline-block;
  width:55px;
  height:55px;
  line-height:55px;
  text-align:center;
  margin:0 2px 4px;
  border:solid 1px #FEEEC2;
  border-radius:999px;
}
.wp-pagenavi > .current ,
.wp-pagenavi > a:hover,
.wp-pagenavi > a.first,
.wp-pagenavi > a.last {background:#FEEEC2;}
.wp-pagenavi > .extend {
  width:20px;
  border:none;
}
.wp-pagenavi > .pages {display:none;}


/*** individual ***/

.individual_single .h1_common {color:#f7726a;}
.individual_single .editor_contents h2 ,
.individual_single .h2_editor {background:#f7726a;}
.individual_single .editor_contents h3::before {background:#f7726a;}
.individual_single .editor_contents h4 {
  color:#f7726a;
  border-top:solid 1px #f7726a;
  border-bottom:solid 1px #f7726a;
 }
.individual_single .editor_contents table th {background:#f7726a;}
.individual_single .editor_contents ul li::before {background:#f7726a;}
.individual_single .editor_contents ol li:before {color:#f7726a;}
.individual_single .editor_contents .link_list li::before {
  border-top:solid 2px #f7726a;
  border-right:solid 2px #f7726a;
}
.individual_single .editor_contents .bg_box {background:#fcc7c3;} 
.individual_single .editor_contents .related_box {border:solid 2px #f7726a;}
.individual_single .editor_contents .related_box a:hover div .post_tag li {color:#fcc7c3;}
.individual_single .faq_box dt::before {background:#fcc7c3;}
.individual_single .faq_box dt span::before {color:#fcc7c3;}
.individual_single .btn_block a {color:#f7726a!important;}
.individual_single .btn_block a:hover {background:#fcc7c3!important;}
.individual_single .btn_block a::after {
  border-top:solid 2px #f7726a;
  border-right:solid 2px #f7726a;
}
.individual_single .btn_block.back a::before {
  border-top:solid 2px #f7726a;
  border-left:solid 2px #f7726a;
}
.individual_single .h_border {
  color: #f7726a;
  background:linear-gradient(to right, #f7726a 30%, rgba(255,255,255,0) 0%) repeat-x center top / 12px 4px,linear-gradient(to right, #f7726a 30%, rgba(255,255,255,0) 0%) repeat-x center bottom / 12px 4px;
}
.individual_single .related_list li {border:solid 2px #f7726a;}


  
/* -----------------------------------------------------------
 static
----------------------------------------------------------- */

/** top **/
.home article {padding:0 0 120px;}
.home .kv {
  position:relative;
  padding:90px 0 0;
  z-index:5;
}
.home .slider01 ,
.home .slider02 ,
.home_popular .post_list ,
.popular_list {
  opacity:0;
  transition:opacity 1s;
}
.home .slider01.slick-initialized ,
.home .slider02.slick-initialized ,
.home_popular .post_list.slick-initialized ,
.popular_list.slick-initialized {opacity:1;}

.home .slider01 {
  width:800px;
  margin:0 auto!important;
}
.home .slick-list {
  overflow:visible;
  padding:0!important;
}
.home .slider01 .slick-slide {
  position:relative;
  margin:0 2vw;
  width:100%;
  height:240px;
  background:#FFFFFF;
  border-radius:10px;
}
.home .slider01 .slick-slide.kurashi {background:#F1FAFC;}
.home .slider01 .slick-slide.syataku {background:#F6FBEF;}
.home .slider01 .slick-slide.faq {background:#FEF4F9;}
.home .slider01 .slick-slide.premium {background:#FEF7EB;}
.home .slider01 .slick-slide.individual {background:rgba(253, 108, 102,0.15);}
.home .slider01 .slick-slide.present-campaign {background:#F7E0C5;}
.home .slider01 .slick-slide.service {background:#ECE6EF;}
.home .slider01 .slick-slide a {
  position:relative;
  display:block;
  width:100%;
  height:100%;
  z-index:1;
  border-radius:10px;
  transition:opacity 0.5s;
  opacity:0.7;
}
.home .slider01 .slick-slide a:hover {opacity:0.25;}
.home .slider01 .slick-slide a::after {
  position:absolute;
  display:block;
  content:"";
  width:0;
  height:0;
  border-top:solid 1.5em #CCCCCC;
  border-left:solid 1em transparent;
  border-right:solid 1em transparent;
  margin:auto;
  left:0;
  right:0;
  top:100%;
  z-index:2;
}
.home .slider01 .slick-slide.kurashi a::after {border-top-color:#C9EAF8;}
.home .slider01 .slick-slide.syataku a::after {border-top-color:#CEE6AB;}
.home .slider01 .slick-slide.faq a::after {border-top-color:#FBD3E5;}
.home .slider01 .slick-slide.premium a::after {border-top-color:#FDD598;}
.home .slider01 .slick-slide.individual a::after {border-top-color:#fd6c66;}
.home .slider01 .slick-slide.present-campaign a::after {border-top-color:#F5AA5E;}
.home .slider01 .slick-slide.service a::after {border-top-color:#C7AFCB;}
.home .slider01 .slick-slide div {
  height:180px;
  padding:40px 40px 20px;
}
.home .slider01 .slick-slide div .post_date {
  font-size:1.4rem;
  font-weight:500;
}
.home .slider01 .slick-slide div .post_title {
  font-size:3rem;
  font-weight:500;
  line-height:1.5;
  overflow:hidden;
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
}
.home .slider01 .slick-slide .post_tag {
  width:100%;
  height:60px;
  background:#CCCCCC;
  padding:14px 40px;
  border-radius:0 0 10px 10px;
  overflow:hidden;
}
.home .slider01 .kurashi .post_tag {background:#C9EAF8;}
.home .slider01 .syataku .post_tag {background:#CEE6AB;}
.home .slider01 .faq .post_tag {background:#FBD3E5;}
.home .slider01 .premium .post_tag {background:#FDD598;}
.home .slider01 .individual .post_tag {background:#fd6c66;}
.home .slider01 .present-campaign .post_tag {background:#F5AA5E;}
.home .slider01 .service .post_tag {background:#C7AFCB;}
.home .slider01 .slick-slide .post_tag li {
  font-size:1.3rem;
  padding:0.3em 1em;
  margin:0 0.5em 20px 0;
  background:#FFFFFF;
  border-radius:99px;
}
.home .slider01 .cat_new::before {
  position:absolute;
  display:block;
  content:"";
  width:60px;
  height:66px;
  background:url("../img/common/ico_new.svg") no-repeat center / cover;
  top:-4px;
  right:20px;
}
.home .slider01 .first_slide a {}
.home .slider01 .first_slide img {display:block;width:auto;height:100%;margin:0 auto;}
.home .slider01 .slick-slide.slick-current a {
  opacity:1;
  box-shadow:5px 5px 10px 0 rgba(0,0,0,0.1);
}
.home .slider01 .slick-current a:hover {opacity:0.7;}
.home .slider01 .first_slide.slick-current a {box-shadow:none;}
.home .slider01 .first_slide.slick-current a:hover {opacity:0.7;}
.home .slider01 .slick-slide.first_slide a::after {
  border-top:solid 1.2em #D60056;
  border-left:solid 0.75em transparent;
  border-right:solid 0.75em transparent;
}
.home .slider01 li .post_cat {
  position:absolute;
  font-size:2rem;
  line-height:1.2;
  font-weight:500;
  color:#FFFFFF;
  background:#CCCCCC;
  border:none;
  top:-13px;
  left:40px;
}
.home .slider01 .kurashi .post_cat {background:#29ABE2;}
.home .slider01 .syataku .post_cat {background:#8CC63F;}
.home .slider01 .faq .post_cat {background:#ED1E79;}
.home .slider01 .premium .post_cat {background:#FBC600;}
.home .slider01 .individual .post_cat {background:#fd6c66;}
.home .slider01 .present-campaign .post_cat {background:#F39A37;}
.home .slider01 .service .post_cat {background:#A06EA5;}
.home .slider01 li .post_cat::before {
  display:inline-block;
  content:"";
  margin:0 0.5em 0.1em 0;
  width:1.1em;
  height:1.1em;
  vertical-align:middle;
}
.home .slider01 .kurashi .post_cat::before {background:url("../img/common/ico_kurashi.svg") no-repeat center / cover;}
.home .slider01 .syataku .post_cat::before {background:url("../img/common/ico_syataku.svg") no-repeat center / cover;}
.home .slider01 .faq .post_cat::before {background:url("../img/common/ico_faq.svg") no-repeat center / cover;}
.home .slider01 .premium .post_cat::before {background:url("../img/common/ico_premium.svg") no-repeat center / cover;}
.home .slider01 .individual .post_cat::before {background:url("../img/common/ico_individual.svg") no-repeat center / cover;}
.home .slider01 .present-campaign .post_cat::before {background:url("../img/common/ico_present.svg") no-repeat center / cover;}
.home .slider01 .service .post_cat::before {background:url("../img/common/ico_service.svg") no-repeat center / cover;}
.home .slider01 .slick-arrow {
  width:50px;
  height:50px;
  z-index:10;
}
.home .slider01 .slick-arrow:hover {opacity:0.7;}
.home .slider01 .slick-prev {background:url(../img/home/arrow_l.svg) no-repeat center / cover;left:calc(-2vw - 25px);}
.home .slider01 .slick-next {background:url(../img/home/arrow_r.svg) no-repeat center / cover;right:calc(-2vw - 25px);}
.home .slider01 .slick-arrow::before {content:none;}
.slider02 {padding:4vw 0 0;margin:0!important;}
.slider02 .slick-list {overflow:visible;}
.slider02 .slick-slide {
  position:relative;
  margin:0;
  border-radius:10px;
}
.slider02 .slick-slide .slide_w {
  position:relative;
  width:100%;
  max-width:360px!important;
  border-radius:8px;
  margin:0 auto;
}
.slider02 .slick-slide.slick-current .slide_w {box-shadow:5px 5px 5px 0 rgba(0,0,0,0.1);}
.slider02 .cat_new .slide_w::before {
  position:absolute;
  display:block;
  content:"";
  width:20%;
  height:21%;
  background:url("../img/common/ico_new.svg") no-repeat center / cover;
  top:-4px;
  left:5%;
  z-index:10;
}
.slider02 .slick-slide {transform:rotate(-40deg) translateX(-30vw) translateY(20vw);transition:transform 0s;opacity:0;}
.slider02 .slick-slide.slick-cloned {transition:transform 0s;}
.slider02 .slick-slide.slick-active {transform:rotate(-20deg) translateX(-12vw) translateY(11vw);transition:transform 0.5s;opacity:1;}
.slider02 .slick-slide.slick-active + .slick-active {transform:rotate(-10deg) translateX(-5vw) translateY(4vw);}
.slider02 .slick-slide.slick-active + .slick-active + .slick-active {transform:rotate(0deg) translateX(0) translateY(0vw);}
.slider02 .slick-slide.slick-active + .slick-active + .slick-active + .slick-active {transform:rotate(10deg) translateX(5vw) translateY(4vw);}
.slider02 .slick-slide.slick-active + .slick-active + .slick-active + .slick-active + .slick-active {transform:rotate(20deg) translateX(12vw) translateY(11vw);}
.slider02 .slick-slide.slick-active + .slick-active + .slick-active + .slick-active + .slick-active + .slick-slide + .slick-slide,
.slider02 .slick-slide.slick-active + .slick-active + .slick-active + .slick-active + .slick-active + .slick-slide {transform:rotate(40deg) translateX(30vw) translateY(20vw);}
.slider02 .slick-dots {
  position:static;
  width:16vw;
  margin:3vw auto 0;
}
.slider02 .slick-dots li {margin:0;}
.slider02 .slick-dots li button {
  width:10px;
  height:10px;
  padding:0;
  background:#231815;
  border-radius:50%;
}
.slider02 .slick-dots li.slick-active button ,
.slider02 .slick-dots li:hover button {background:#FBC600;}
.slider02 .slick-dots li button:before {content:none;}
.slider02 .slick-prev ,
.slider02 .slick-next {
  width:12px;
  height:12px;
  border-top:solid 2px #000000;
  border-right:solid 2px #000000;
  margin:auto;
  top:auto;
  bottom:0.5vw;
  z-index:20;
}
.slider02 .slick-prev {left:0;right:18vw;transform:rotate(-135deg);}
.slider02 .slick-next {right:0;left:18vw;transform:rotate(45deg);}
.slider02 .slick-prev::before ,
.slider02 .slick-next::before {display:none;}
.slider02 .slick-slide a {
  position:relative;
  display:block;
  width:100%;
  height:0;
  padding:100% 0 0;
  border-radius:10px;
  overflow:hidden;
}
.slider02 .slick-slide a img {
  position:absolute;
  display:block;
  width:auto;
  height:100%;
  max-width:none;
  margin:auto;
  top:0;
  bottom:0;
  left:-100%;
  right:-100%;
  z-index:0;
}
.slider02 .slick-slide a div {
  position:absolute;
  width:100%;
  height:100%;
  border-radius:8px;
  top:0;
  bottom:0;
  opacity:0;
  transition:opacity 0.5s;
  z-index:1;
}
.slider02 .slick-slide a:hover div {opacity:1;}
.slider02 .slick-slide.first_slide a div {background:rgba(255,255,255,0.8);}
.slider02 .slick-slide.kurashi a div {background:rgba(41,171,226,0.8);}
.slider02 .slick-slide a div {background:rgba(140,198,63,0.8);}
.slider02 .slick-slide.faq a div {background:rgba(237,30,121,0.8);}
.slider02 .slick-slide.premium a div {background:rgba(255,177,59,0.8);}
.slider02 .slick-slide.present-campaign a div {background:rgba(246,154,55,0.8);}
.slider02 .slick-slide.service a div {background:rgba(160,110,165,0.8);}

.slider02 .slick-slide a div p {
  position:absolute;
  width:160px;
  height:40px;
  line-height:40px;
  font-size:1.2rem;
  font-weight:500;
  color:#FFFFFF;
  text-align:center;
  background:#FBC600;
  border-radius:5px;
  margin:auto;
  top:0;
  bottom:0;
  left:0;
  right:0;
}
.slider02 .slick-slide a div p::after {
  position:absolute;
  display:block;
  content:"";
  width:0.5em;
  height:0.5em;
  border-top:solid 2px #FFFFFF;
  border-right:solid 2px #FFFFFF;
  margin:auto;
  top:0;
  bottom:0;
  right:1em;
  transform:rotate(45deg);
}
.home_taglist {
  position:relative;
  z-index:1;
}

.home .container {
  position:relative;
  z-index:2;
}
.home .container > .circle {
  position:absolute;
  display:block;
  content:"";
  background:#FEEEC2;
  border-radius:50%;
  margin:auto;
  top:-400px;
  left:-1000%;
  right:-1000%;;
  z-index:-1;
}
.circle_w {
  position:relative;
  z-index:3;
}
.circle_w > .circle {
  position:absolute;
  display:block;
  content:"";
  width:100%;
  height:calc(100% + 60px);
  background:#FFFFFF;
  border-radius:50%;
  margin:auto;
  bottom:0;
  left:-1000%;
  right:-1000%;
  z-index:-1;
}
/*
.home_taglist::after {
  position:absolute;
  display:block;
  content:"";
  width:240vw;
  height:120vw;
  background:#FEEEC2;
  border-radius:120vw 120vw 0 0;
  margin:auto;
  top:-35vw;
  left:-500%;
  right:-500%;
  z-index:-1;
}
.circle_w::before {
  position:absolute;
  display:block;
  content:"";
  width:140vw;
  height:70vw;
  background:#FFFFFF;
  border-radius:70vw 70vw 0 0;
  margin:auto;
  top:-60px;
  left:-500%;
  right:-500%;
  z-index:-1;
}

.circle_w::after {
  position:absolute;
  display:block;
  content:"";
  width:140vw;
  height:70vw;
  background:#FFFFFF;
  border-radius:0 0 70vw 70vw;
  margin:auto;
  bottom:0;
  left:-500%;
  right:-500%;
  z-index:-1;
}
.home .area_beige::after {
  position:absolute;
  display:block;
  content:"";
  width:240vw;
  height:120vw;
  background:#FEEEC2;
  border-radius:0 0 120vw 120vw;
  margin:auto;
  bottom:-120px;
  left:-500%;
  right:-500%;
  z-index:-1;
}

*/
.home_latest {
  position:relative;
  z-index:3;
}
.home_latest .btn_common {margin-top:0;}
.home_popular {padding:0 0 140px;}
.home_popular .post_list {overflow:visible;}
.home_popular .post_list .slick-list {
  padding:0 10% 0 0!important;
  overflow:hidden;
}
.home_popular .post_list .slick-slide {margin:0 50px 0 0;}
.home_popular .post_list .slick-slide figure {
  position:relative;
  width:100%;
  height:0;
  padding:68.25% 0 0;
  margin:0 auto 15px;
  background:#feeec2;
  border-radius:10px;
  z-index:0;
  overflow:hidden;
}
.home_popular .post_list .slick-slide figure img {
  position:absolute;
  display:block;
  margin:auto;
  width:100%;
  height:auto;
  top:-200%;
  bottom:-200%;
  left:0;
  right:0;
  z-index:0;
  transition:0.5s;
}
.home_popular .post_list .slick-slide div {padding:0 10px;} 
.home_popular .post_list .slick-slide div .post_title {
  font-weight:500;
  line-height:1.375;
  margin:1em 0;
  transition:0.5s;
}
.home_popular .post_list .slick-slide a:hover div .post_title ,
.home_popular .post_list .slick-slidea:hover div .post_tag li {color:#ED1E79;}
.home_popular .post_list .slick-slide a:hover figure img  {opacity:0.7;}
.home_popular .post_list .slick-arrow {
  width:55px;
  height:55px;
  background:#FEEEC2;
  border-radius:50%;
  z-index:10;
}
.home_popular .post_list .slick-arrow:focus {background:#FEEEC2;}
.home_popular .post_list .slick-arrow:hover {
  background:#FEEEC2!important;
  opacity:0.7;
}
.home_popular .post_list .slick-prev {left:-23px;}
.home_popular .post_list .slick-next {right:-23px;}
.home_popular .post_list .slick-arrow::before {
  position:absolute;
  display:block;
  content:"";
  width:0.5em;
  height:0.5em;
  border-top:solid 2px #000000;
  border-right:solid 2px #000000;
  margin:auto;
  top:0;
  left:0;
  bottom:0;
  right:0.3em;
  transform:rotate(45deg);
}
.home_popular .post_list .slick-prev::before {
  position:absolute;
  left:0.3em;
  right:0;
  transform:rotate(-135deg);
}
.home .area_beige {
  position:relative;
  background:none;
  padding:100px 0 0;
  z-index:5;
}
.home .area_beige .bnr_list li {
  margin-top:40px;
  margin-bottom:0;
}
.f_banner {
  position:fixed;
  width:280px;
  text-align:center;
  padding:20px;
  background:#D60056;
  border-radius:10px;
  bottom:150px;
  right:20px;
  z-index:10;
  opacity:0;
  visibility:hidden;
  transition:right 1s;
}
.f_banner.show {
  opacity:1;
  visibility:visible;
}
.f_banner.out {right:-400px;}
.f_banner p {
  font-size:1.7rem;
  font-weight:500;
  color:#FFFFFF;
  line-height:1.3;
}
.f_banner p span {
  display:block;
  width:170px;
  margin:0 auto;
}
.f_banner .btn_common {
  width:160px;
  font-size:1.2rem;
  margin:20px auto 0;
}
.f_banner .close {
  position:absolute;
  width:20px;
  height:20px;
  background:#FFFFFF;
  top:10px;
  right:10px;
  cursor:pointer;
}
.f_banner .close::before,
.f_banner .close::after {
  position:absolute;
  display:block;
  content:"";
  width:16px;
  height:2px;
  background:#000000;
  margin:auto;
  top:0;
  bottom:0;
  left:0;
  right:0;
  transform-origin:center;
}
.f_banner .close::before {transform:rotate(45deg);}
.f_banner .close::after  {transform:rotate(-45deg);}

/** about **/

.about01 {
  position:relative;
  width:100%;
  padding:40px 50px 20px;
  margin:140px auto;
  border-radius:10px;
  box-shadow:0 0 20px 0 rgba(214,0,86,0.2);
  z-index:0;
}
.about01::before,
.about01::after {
  position:absolute;
  display:block;
  /*content:"";*/
  z-index:1;
}
.about01::before {
  width:128px;
  height:180px;
  top:-60px;
  left:30px;
  background:url("../img/sub/about01_before.png") center / cover;
}
.about01::after {
  width:138px;
  height:120px;
  top:-20px;
  right:20px;
  background:url("../img/sub/about01_after.png") center / cover;
}
.about01 > figure {
  width:320px;
  margin:0 auto 30px;
}
.about01 h2 {
  font-size:3rem;
  text-align:center;
  font-weight:700;
  line-height:1.45;
  background:none;
  color:#D60056;
  padding:0;
  margin:0 auto 20px;
}
.about02 {
  position:relative;
  width:100%;
  padding:40px 0 0;
  margin:0 auto 180px;
  text-align:center;
  z-index:0;
  background:url("../img/sub/bg_about02.png") no-repeat center top;
}
.about02 h2 {
  position:relative;
  display:inline-block;
  font-feature-settings:"palt";
  font-size:4.4rem;
  text-align:center;
  font-weight:700;
  line-height:1.2;
  background:none;
  color:#000000;
  padding:0;
  margin:0 auto 50px;
}
.about02 h2 span {
  display:inline-block;
  padding:0.1em 0.3em;
  margin:10px 0.5em;
  background:#FBC600;
  color:#FFFFFF;
}
.about02 h2::before,
.about02 h2::after {
  position:absolute;
  display:block;
  content:"";
  z-index:1;
}
.about02 h2::before {
  width:387px;
  height:371px;
  top:40px;
  right:90%;
  background:url("../img/sub/about02_before.png") center / cover;
}
.about02 h2::after {
  width:308px;
  height:385px;
  top:-50px;
  left:105%;
  background:url("../img/sub/about02_after.png") center / cover;
}
.about02 > figure {
  width:320px;
  margin:0 auto;
}
.about02 ol {
  display:inline-block;
  margin:0 auto 60px;
}
.about02 ol li {
  font-size:2rem;
  font-weight:700;
  text-align:left;
  padding:0 0 0 1.6em;
}
.about02 ol li::before {
  width:1.4em;
  height:1.4em;
  line-height:1.4em;
  text-align:center;
  color:#FFFFFF;
  border-radius:50%;
  background:#D60056;
  top:1px;
  content: counter(item);
}
.about02 ol li span {background: linear-gradient(transparent 40%, #FBC600 40%, #FBC600 70%,transparent 70%);}
.about .editor_contents .btn_title {
  text-align:center;
  margin:0 auto;
}
.about .editor_contents .btn_title span {
  position:relative;
  display:inline-block;
  color:#D72162;
  font-size:3.4rem;
  font-weight:700;
  line-height:1.3;
}
.about .editor_contents .btn_title span::before,
.about .editor_contents .btn_title span::after {
  position:absolute;
  display:block;
  content:"";
  width:1px;
  height:1.5em;
  background:#D72162;
  margin:auto;
  top:0;
  bottom:0;
}
.about .editor_contents .btn_title span::before {
  transform:rotate(-20deg);
  left:-0.75em;
}
.about .editor_contents .btn_title span::after {
  transform:rotate(20deg);
  right:-0.75em;
}
.about .editor_contents .btn_common {margin:20px auto 0;}
.about .editor_contents .btn_common a {
  text-decoration:none;
  color:#FFFFFF;
}

/** archive **/

.popular_list .slick-list {padding:0!important;}
.popular_list .slick-arrow {
  width:55px;
  height:55px;
  background:#FEEEC2;
  border-radius:50%;
  z-index:10;
}
.popular_list .slick-arrow:focus {background:#FEEEC2;}
.popular_list .slick-arrow:hover {
  background:#FEEEC2!important;
  opacity:0.7;
}
.popular_list .slick-prev {left:-23px;}
.popular_list .slick-next {right:-23px;}
.popular_list .slick-arrow::before {
  position:absolute;
  display:block;
  content:"";
  width:0.5em;
  height:0.5em;
  border-top:solid 2px #000000;
  border-right:solid 2px #000000;
  margin:auto;
  top:0;
  left:0;
  bottom:0;
  right:0.3em;
  transform:rotate(45deg);
}
.popular_list .slick-prev::before {
  position:absolute;
  left:0.3em;
  right:0;
  transform:rotate(-135deg);
}
.popular_list a {
  display:flex;
  justify-content:center;
  align-items:center;
}
.popular_list figure {
  position:relative;
  width:46%;
  height:0;
  padding:31.4% 0 0;
  margin:0 4% 0 0;
  background:#feeec2;
  border-radius:10px;
  z-index:0;
}
.popular_list figure img {
  position:absolute;
  display:block;
  margin:auto;
  width:100%;
  height:auto;
  top:-200%;
  bottom:-200%;
  left:0;
  right:0;
  z-index:0;
  transition:0.5s;
}
.popular_list figure + div {
  width:50%;
  padding:15px 5% 0 0;
}
.popular_list .post_cat {margin:0 0 10px;}
.popular_list .post_date {
  display:block;
  margin:0 0 10px;
  transition:0.5s;
}
.popular_list .post_title {
  font-size:2.5rem;
  font-weight:500;
  line-height:1.4;
  margin:0 0 15px;
  transition:0.5s;
}
.popular_list .post_tag li {
  display:inline-block;
  font-size:1.3rem;
  line-height:1.3;
  color:#FFFFFF;
  border-radius:999px;
  padding:0.65em 1em;
  margin:0 10px 15px 0;
  background:#D60056;
}
.popular_list a:hover figure img {opacity:0.7;}
.popular_list a:hover .post_date ,
.popular_list a:hover .post_title {color:#D60056;} 
.archive .area_beige ,
.about .area_beige {
  padding:60px 0;
  margin:150px 0 30px;
}
.archive .area_beige .bnr_list li ,
.about .area_beige .bnr_list li {margin-bottom:0;}

/* -----------------------------------------------------------
 404
----------------------------------------------------------- */

.page404 h1 {
  color:#D72162;
  font-size:3.8rem;
  font-weight:900;
  text-align:center;
  line-height:1.2;
  margin:60px auto 30px;
}
.page404 h1 + p {
  font-size:2rem;
  font-weight:500;
  text-align:center;
}

/* -----------------------------------------------------------
 form
----------------------------------------------------------- */

.form_table .is-error input ,
.form_table .is-error textarea {
	background: #FEEEC2;
}
.form_table .input-area.input-area-tel {
  display: inline-block;
  width: 27%;
  vertical-align: middle;
}
.form_table .input-area.input-area-tel + p {
  display: inline-block;
  vertical-align: middle;
}
.form_table .input-area.input-area-tel .input_tel {width: 100%;}

.regist_logo {
  width:330px;
  margin:0 auto 50px;
}
.form_caution {
  font-size:1.4rem;
  line-height:2;
  text-align:center;
  margin:30px auto 60px;
}
.form_caution ul li {
  display:inline-block;
  line-height:1.2;
  padding:0 0.5em;
  border-right:solid 1px #000000;
}
.form_caution ul li:last-child {border:none;}
.form_caution ul li a {text-decoration:underline;}
.form_table {
  width:100%;
  table-layout:fixed;
  margin:0 auto 60px;
}
.form_table tr {border-top:solid 1px #FBC600;}
.form_table tr:nth-last-of-type(1) {border-bottom:solid 1px #FBC600;}
.form_table th {
  width:250px;
  font-weight:700;
  text-align:left;
  padding:1.25em;
  background:#FEEEC2;
}
.form_table th.must::after {
  color:#DA0000;
  content:"※";
}
.form_table td {padding:0.5em 1.5em;}
/*.form_table input + input {margin:10px 0 0;}*/
.form_table input.mt10 {margin-top:10px;}
.form_table input[type="text"] ,
.form_table input[type="email"] ,
.form_table input[type="password"] {
  width:100%;
  border:solid 1px #FBC600;
  padding:0.5em 1em;
}

.form_table input.input_name {
  width:35%;
  margin:0 1em 0 0.5em;
}
.form_table input.input_tel {
  width:27%;
  vertical-align:middle;
}
.form_table label {
  position:relative;
  display:inline-block;
  padding:0 0 0 1.5em;
  cursor:pointer;
}
.form_table input[type="radio"] {display:none;}
.form_table input[type="radio"] + span::before {
  position:absolute;
  display:block;
  content:"";
  width:1.2em;
  height:1.2em;
  background:rgba(97,132,195,0.1);
  border-radius:50%;
  margin:auto;
  top:0;
  bottom:0;
  left:0;
}
.form_table input[type="radio"]:checked + span::after {
  position:absolute;
  display:block;
  content:"";
  width:0.6em;
  height:0.6em;
  background:#D60056;
  border-radius:50%;
  margin:auto;
  top:0;
  bottom:0;
  left:0.3em;
}
.form_table input[type="checkbox"] {display:none;}
.form_table input[type="checkbox"] + span::before {
  position:absolute;
  display:block;
  content:"";
  width:1em;
  height:1em;
  background:#FFFFFF;
  border:solid 1px #787878;
  top:0.45em;
  left:0;
}
.form_table input[type="checkbox"]:checked + span::before {background:#D72162;}
.form_table input[type="checkbox"]:checked + span::after {
  position:absolute;
  display:block;
  content:"✓";
  line-height:1;
  color:#FFFFFF;
  top:0.4em;
  left:0.2em;
}
.form_table textarea {
  border:solid 1px #FBC600;
  width:100%;
  display:block;
  padding:1em;
}
.form_table .select_outer {
  position:relative;
  display:inline-block;
  border:solid 1px #FBC600;
}
.form_table .select_outer::after {
  position:absolute;
  display:block;
  content:"";
  width:0.4em;
  height:0.4em;
  border-right:solid 1px #000000;
  border-bottom:solid 1px #000000;
  transform:rotate(45deg);
  margin:auto;
  top:0;
  bottom:0;
  right:0.5em;
}
.form_table .select_outer .error {
  position:absolute;
}
.form_table .select_outer select {
  padding:0 2em 0 1em;
  cursor:pointer;
}
.mw_wp_form_confirm .select_outer {border:none;}
.mw_wp_form_confirm .select_outer::after {content:none;}
.mw_wp_form_confirm .hosoku {display:none;}
.form_table + .center {font-size:1.4rem;}
.form_table + .center a {text-decoration:underline;}




/* -----------------------------------------------------------
 mypage
----------------------------------------------------------- */

main.mypage {
  position:relative;
  min-height:670px;
}
.mypage_menu {
  position:absolute;
  width:calc(50vw - 520px);
  height:100vh;
  height:calc(100% + 105px);
  background:#FEEEC2;
  top:0;
  left:0;
  z-index:0;
}

.mypage_menu::after {
  position:absolute;
  display:block;
  content:"";
  width:calc(50vw - 520px);
  height:100%;
  background:#FEEEC2;
  top:230px;
  left:0;
  z-index:-1;
}
.mypage_menu div {
  position:absolute;
  width:360px;
  padding:0 80px;
  top:270px;
  right:0;
}
.mypage_menu div p {
  font-size:1.5rem;
  font-weight:500;
  margin:0 0 40px;
  pointer-events:none;
}
.mypage_menu div p span {
  display:block;
  font-size:2.2rem;
}
.mypage_menu div ul li {
  position:relative;
  line-height:1.3;
  margin:0 0 1em;
  padding:0 0 0 1.2em;
}
.mypage_menu div ul li::before ,
.mypage_menu div ul li::after {
  position:absolute;
  display:block;
  content:"";
}
.mypage_menu div ul li::before {
  width:1em;
  height:1em;
  background:#D60056;
  border-radius:50%;
  top:0.2em;
  left:0;
}
.mypage_menu div ul li::after {
  width:0.2em;
  height:0.2em;
  border-top:solid 2px #FFFFFF;
  border-right:solid 2px #FFFFFF;
  transform:rotate(45deg);
  top:0.55em;
  left:0.3em;
}

.mypage_menu div ul li a:hover {color:#D60056;}
.mypage .breadcrumbs {display:none;}

@media screen and (max-width: 1680px){ 
  .mypage_menu {width:280px;}
  .mypage_menu::after {width:280px;}  
  .mypage_menu div {width:280px;padding:0 40px;}
  .mypage .container{
    padding:0 40px 0 calc((1600px - 100vw) / 2 + 40px);
  }
}
@media screen and (max-width: 1340px){ 
  .mypage_menu::after {display:none;}
}
  
@media screen and (max-width: 1040px){ 
  .mypage_menu {width:220px;}
  .mypage_menu::after {width:220px;}  
  .mypage_menu div {width:220px;padding:0 20px;}
  .mypage .container{
    padding:0 20px 0 240px;
  }
}


/* -----------------------------------------------------------
 org 既存固定ページ用スタイル
----------------------------------------------------------- */

.org_link {display:none;}
.page_org .editor_contents ul li {
  position:static;
  padding:0;
}
.page_org .editor_contents ul li::before {content:none;}
.page_org .pc_only {display:block;}
.page_org .sp_only {display:none;}
.page_org .text_left {
  width:calc(100% - 270px);
  float:left;
  clear:both;
}
.page_org .text_left + .wp-block-image {
  width:270px;
  float:left;
}
.page_org .text_right {
  width:calc(100% - 270px);
  float:right;
  clear:both;
}
.page_org .text_right + .wp-block-image {
  width:270px;
  float:left;
}


/* -----------------------------------------------------------
 記事索引
----------------------------------------------------------- */

.index_box {margin: 50px auto;}
.index_box h2 {
  color: #FFFFFF;
  font-size: 2.6rem;
  font-weight: 700;
  line-height: 1.3;
  background: #fbc600;
  padding: 0.6em 1em;
  margin: 0 0 20px;
}
.index_box section {
  padding: 0 20px;
  border: solid 2px #fbc600;
  border-radius: 10px;
  margin: 0 0 20px;
}
.index_box section h3 {
  position: relative;
  z-index: 0;
  color: #fbc600;
  font-size: 2rem;
  font-weight: 500;
  padding: 0.75em 50px 0.75em 20px;
  cursor: pointer;
}
.index_box section h3::before,
.index_box section h3::after {
  position: absolute;
  z-index: 1;
  display: block;
  content: "";
  background: #fbc600;
  margin: auto;
  top: 0;
  bottom: 0;
}
.index_box section h3::before {
  width: 25px;
  height: 3px;
  right: 0;
}
.index_box section h3::after {
  width: 3px;
  height: 25px;
  right: 11px;
}
.index_box section h3.open::after {display: none;}
.index_box section ul {
  display: none;
  padding: 0 0 20px;
  border-top: solid 2px #fbc600;
}
.index_box section ul li {
  font-size: 1.8rem;
  line-height: 1.5;
  padding: 20px;
  border-top: solid 1px #CCC;
}
.index_box section ul li:nth-child(1) {border-top: none;}
.index_box section ul li a:hover {text-decoration: underline;}
.index_box section ul li span {
  display: block;
  font-size: 1.4rem;
  font-weight: 500;
  color: #666;
}

/* =============================== */
/* 2024/12 インタビュー 吹き出し実装改修 */
/* =============================== */
.hover_btn:hover {opacity:0.7;}
/* ------------------------- */
.talk_block {margin: 0 auto 60px;}
.talk_block .chat_cont.talk_right {
  text-align: right;
}
.talk_block .chat_item {
  display: inline-block;
  position: relative;
  /* padding: 0 0 0 100px; */
  margin: 60px 0 0;
  z-index: 1;

  /* 追記 */
  display: flex;
  justify-content: space-between; 
}

.talk_block .talk_right .chat_item{
  flex-direction: row-reverse;
}

.talk_block .chat_item.chat_c {
  text-align: right;
  /* padding: 40px 100px 0 0; */
}
.talk_block .chat_item.chat_c + .chat_item.chat_c {
  margin-top: 0;
}

.talk_block .chat_item img.icon {
  /* position: absolute;
  top: 0;
  left: 0; */
  width: 80px;
}
.talk_block .chat_item.chat_c img.icon {
  left: auto;
  right: 0;
}
.talk_block .chat_item .name {
  line-height: 1;
  font-size: 16px;
  color: #000;
  vertical-align: bottom;
  margin: 0 0 8px;
  text-align: center;
}

.talk_block .chat_item .balloon {
  display: inline-block;
  text-align: left;
  background: #fff;
  max-width: 550px;
  border-radius: 0 30px 30px 30px;
  padding: 25px 30px;
  height: fit-content;
}

/* 吹き出し背景色 */
.talk_block .chat_item.talk_a .balloon {
  background: rgba(236, 245, 240, 0.9);
}
.talk_block .chat_item.talk_b .balloon {
  background: rgba(235, 239, 245, 0.9);
}
.talk_block .chat_item.chat_c .balloon {
  border-radius: 30px 0 30px 30px;
}
.talk_block .balloon p{
  margin: 0;
}


/* 新規追加 
======================================== */
.talk_block .chat_item>div:not(.balloon){width: 80px;}
.talk_block .chat_item>div.balloon{
  position: relative;
  z-index: 0;
  width: calc(100% - 115px);
  border-radius: 20px;
}

/* 吹き出し矢印 */
.talk_block .chat_item.talk_a .balloon::before,
.talk_block .chat_item.talk_b .balloon::before {
  position: absolute;
  z-index: -1;
  top: 30px;
  content: '';
  width: 27px;
  height: 30px;
}

.talk_block .chat_item.talk_a .balloon::before {
  background: rgba(236, 245, 240, 0.9);
  right: -26px;
  clip-path: polygon(0 0, 0% 100%, 100% 50%);

}
.talk_block .chat_item.talk_b .balloon::before {
  background: rgba(235, 239, 245, 0.9);
  left: -26px;
  clip-path: polygon(100% 0, 0 50%, 100% 100%);
}
/* 251030 vnw_point記事移設関連 */
.editor_contents ul.no_deco li::before,
.editor_contents ul li.no_deco::before{display: none !important;}
/* 251222 */
.editor_contents .mb1em{margin-bottom: 1em !important;}
.editor_contents .mt20{margin-top: 20px !important;}
/* 260116 多彩なサービス改修 */
/* menu */
main .content_menu li a p{font-weight: 500;}
/* category */
.category_service .container > section{clear: both;}
.category_service .container > section h2{
  color: #FFFFFF;
  font-size: 2.6rem;
  font-weight: 700;
  line-height: 1.3;
  background: #fbc600;
  padding: 0.6em 1em;
  margin: 0 0 30px;
}
.category_service .container > section .h3_common{
  position: relative;
  font-size: 2rem;
  font-weight: 500;
  line-height: 1.3;
  padding: 0.3em 0 0.6em 1em;
  margin: 50px auto 24px;
  border-bottom: solid 1px #000000;
  clear: both;
  background: #fff;
  color: inherit;
}
.category_service .container > section .h3_common::before{
  position: absolute;
  display: block;
  content: "";
  width: 4px;
  height: 90%;
  background: #FBC600;
  top: 0;
  left: 0;
}
.category_service .ve_banner{margin: 0 0 30px;}
.category_service .ve_banner a{
  display: block;
  width: 100%;
  transition: 0.5s;
}
.category_service .ve_banner a img{
  display: block;
  width: 100%;
}
.category_service .ve_banner a:hover{opacity: 0.7;}
.category_service .area_beige .bnr_list{
  display: flex;
  justify-content: center;
  align-items: flex-start;
  column-gap: 4.25%;
}
.category_service .area_beige .bnr_list li{margin-right: 0;}

/* 202602 マイページ改修 */
.btn_common.btn_disabled a{
  background: #9f9f9f !important;
  pointer-events: none;
}
@media screen and (min-width:1681px) {
  .mypage_menu div{padding: 0 65px;}  
}

/* 202605 マンスリーマンションのご依頼フォーム */
.page .mw_wp_form.mw_wp_form_input .disp_input{display: block;}
.page .mw_wp_form:not(.mw_wp_form_input) .disp_input{display: none;}
.page .disclaimer{
  background: #fdf3f7;
  padding: 2em;
  margin: 0 auto 1em;
}
.page .disclaimer ul li{
  position: relative;
  z-index: 0;
  padding: 0 0 0 1.2em;
}
.page .disclaimer ul li:not(:last-of-type){margin: 0 0 .5em;}
.page .disclaimer ul li::before{
  position: absolute;
  z-index: 0;
  inset: .75em auto auto 0;
  content: '';
  width: .4em;
  height: .4em;
  border-top: 2px solid #D60056;
  border-right: 2px solid #D60056;
  transform: rotate(45deg);
}
.page .disclaimer ul li a{
  color: #D60056;
  text-decoration: underline;
  transition: 0.3s;
}
.page .disclaimer ul li a:hover{opacity: 0.6;}

/* 260515 VPマニュアル */
.editor_contents .mt0{margin-top: 0 !important;}

.editor_contents .bg_box:has(.wp-block-aioseo-table-of-contents){
  padding: 0;
  background: #f2f2f2;
}
.editor_contents .bg_box .wp-block-aioseo-table-of-contents{padding: 0 1em .5em;}
.editor_contents .bg_box .wp-block-aioseo-table-of-contents li::before{
  color: currentColor;
  font-weight: 500;
}
.editor_contents .bg_box .wp-block-aioseo-table-of-contents a{transition: opacity 0.3s;}
.editor_contents .bg_box .wp-block-aioseo-table-of-contents a:hover{opacity: 0.6;}

.editor_contents h3.caution{
  position: relative;
  z-index: 0;
  padding-left: 1.7em;
}
.editor_contents h3.caution::before,
.editor_contents h3.caution::after{
  width: 1.5em;
  height: 1.4em;
  display: flex;
  justify-content: center;
  align-items: center;
  clip-path: polygon(50% 0, 100% 100%, 0 100%);
  font-weight: 500;
}
.editor_contents h3.caution::before{
  z-index: 0;
  content: "!";
  top: .3em;
  background: transparent;
}
.editor_contents h3.caution::after{
  position: absolute;
  z-index: -1;
  top: 0.15em;
  left: 0;
  content: '';
  background: #FBC600;
}

.editor_contents .related_page .related_list li{
  padding: 20px;
  border-radius: 10px;
  overflow: hidden;
  margin: 0 0 30px;
}
.editor_contents .related_page .related_list li::before{display: none;}
.editor_contents .related_page .related_list li a{display: block;}
.editor_contents .related_page .related_list li figure{
  width: 25%;
  padding: 18% 0 0;
}
.editor_contents .related_page .related_list li div{width: 70%;}
.editor_contents .related_page .related_list li div > p:nth-of-type(1),
.editor_contents .related_page .related_list li div > p:nth-of-type(2){margin-bottom: 0;}
.editor_contents .related_page .related_list li div > p:nth-of-type(1){margin: 0 0.5em 0 0;}

.editor_contents .wp-block-aioseo-faq h3{
  padding-top: 0.6em;
  padding-left: 1.9em;
  border-bottom: 1px solid #ebaf00;
  border-top: 1px solid #ebaf00;
}
.editor_contents .wp-block-aioseo-faq h3::before{
  top: .4em;
  left: .3em;
  content: 'Q.';
  font-weight: 700;
  color: #D60056;
  font-size: 1.125em;
  width: 1em;
  height: 1em;
  background: transparent;
}
.editor_contents .clear_float{clear: both;}