@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Libre+Baskerville:wght@400;700&family=Noto+Sans+JP:wght@500;700&family=Noto+Serif+JP:wght@500&display=swap");
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@200;500&display=swap');

/*
	vw基準値
	pc：1400px
	sp：375px
*/

:root {
  /* -------color */

  --clrColumn: #8b764d;
  --clrMov: #3d5f3b;
  --clrExample: #20395b;

  /* -------vw */
  --2px: min(0.14vw, 2px);
  --3px: min(0.21vw, 3px);
  --4px: min(0.29vw, 4px);
  --5px: min(0.36vw, 5px);
  --6px: min(0.43vw, 6px);
  --7px: min(0.5vw, 7px);
  --8px: min(0.57vw, 8px);
  --9px: min(0.64vw, 9px);

  --10px: min(0.71vw, 10px);
  --11px: min(0.79vw, 11px);
  --12px: min(0.86vw, 12px);
  --13px: min(0.93vw, 13px);
  --14px: min(1vw, 14px);
  --15px: min(1.07vw, 15px);
  --16px: min(1.14vw, 16px);
  --17px: min(1.21vw, 17px);
  --18px: min(1.29vw, 18px);
  --19px: min(1.36vw, 19px);

  --20px: min(1.43vw, 20px);
  --21px: min(1.5vw, 21px);
  --22px: min(1.57vw, 22px);
  --23px: min(1.64vw, 23px);
  --24px: min(1.71vw, 24px);
  --25px: min(1.79vw, 25px);
  --26px: min(1.86vw, 26px);
  --27px: min(1.93vw, 27px);
  --28px: min(2vw, 28px);
  --29px: min(2.07vw, 29px);

  --30px: min(2.14vw, 30px);
  --31px: min(2.21vw, 31px);
  --32px: min(2.29vw, 32px);
  --33px: min(2.36vw, 33px);
  --34px: min(2.43vw, 34px);
  --35px: min(2.5vw, 35px);
  --36px: min(2.57vw, 36px);
  --37px: min(2.64vw, 37px);
  --38px: min(2.71vw, 38px);
  --39px: min(2.79vw, 39px);

  --40px: min(2.86vw, 40px);
  --41px: min(2.93vw, 41px);
  --42px: min(3vw, 42px);
  --43px: min(3.07vw, 43px);
  --44px: min(3.14vw, 44px);
  --45px: min(3.21vw, 45px);
  --46px: min(3.29vw, 46px);
  --47px: min(3.36vw, 47px);
  --48px: min(3.43vw, 48px);
  --49px: min(3.5vw, 49px);
  --50px: min(3.57vw, 50px);
  --55px: min(3.93vw, 55px);
  --60px: min(4.28vw, 60px);
  --65px: min(4.64vw, 65px);
  --70px: min(5.00vw, 70px);
  --75px: min(5.36vw, 75px);
  --120px: min(8.56vw, 120px);
}

.mincho{font-family : YuMincho,'Yu Mincho',serif;}
/*
font-family: 'Noto Serif JP', serif;
font-family : YuMincho,'Yu Mincho',serif;
 */

.mt0{margin-top: 0 !important;}

section > .secInner {
  width: min(100%, 1400px);
  padding: 0 min(7.14vw, 100px);
  margin: auto;
}

@media screen and (max-width: 768px) {
  section > .secInner {
    width: 100%;
    padding: 0 5.33vw;
  }
} /* --- max-width:768px */

.accBox .accBody {
  transition: grid-template-rows 0.5s ease;
  display: grid;
  grid-template-rows: 0fr;
}

.accBox .accBody > div {
  overflow: hidden;
}

.accBox.is_opened .accBody {
  grid-template-rows: 1fr;
}

/* --------------------------
    layout
-------------------------- */

.sp-only {
  display: none;
}
.pc-only {
  display: block;
}
@media screen and (max-width: 768px) {
  .sp-only {
    display: block;
  }
  .pc-only {
    display: none;
  }
}

em{font-style: normal;}

.main--totikatuyo {
  padding-top: 80px;
}
.section_inner {
  max-width: 1202px;
  padding: 0 20px;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .main--totikatuyo {
    padding-top: 50px;
  }
}

@media not screen and (max-width: 768px) {
  a:hover {
    opacity: 0.7;
  }
}

/* --------------------------
    header overwrite
-------------------------- */
.header {
  background-color: #65353b;
}
.headerTotikatuyo .header__inner {
  padding-right: 0;
}
.headerTotikatuyo .header__right {
  align-items: center;
  display: flex;
  height: 100%;
}
.rightButton a.menu_link {
  font-size: 1.3rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  background: #3f2024 url(/homelounge/totikatuyo/img/arw-icon.svg) no-repeat
    right 27px center/32px;
  padding: 0;
  padding-right: 45px;
  justify-content: center;
}
.header .roundButton {
  font-weight: normal;
}
.rightButton a {
  padding: 0 0 0 15%;
}
.rightButton a:hover {
  opacity: 1;
}
@media screen and (min-width: 953px) {
  .header .roundButton:hover {
    background-color: #fff;
    color: #65353b;
    border: #fff 1px solid;
  }
  .headerTotikatuyo .header__inner {
    justify-content: flex-start;
  }
  .headerTotikatuyo .header__right {
    margin-left: auto;
  }
  .header__menuLists{
    height: 80px;
  }
  .header__menuList{
    height: 80px;
    align-items: center;
    display: flex;
  }
  .header__menuList a {
    position: relative;
    font-family: ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, Hiragino Sans,
      meiryo, arial, sans-serif;
    font-weight: 400!important;
    transition: none;
    display: inline-flex;
    text-align: left;
    justify-content: center;
    align-items: center;
    padding-left: 24px;
    padding-right: 34px;
    height: auto !important;
    opacity: 1!important;
    line-height: 1.35!important;
  }
  .header__menuList a:before{
    content: none!important;
  }
  .header__menuList span{
    line-height: 1.35!important;    
  }
  .header__menuList:nth-child(1) a{
    padding-left: 10px;
  }
  .header__menuList:nth-child(3) a{
    padding-right: 10px;
  }
  .header__menuList:nth-child(1) a:after {
    content: none;
  }
  .header__menuList a:after,
  .header__menuList:last-child a:after {
      display: block;
      content: '';
      top: 0;
      left: 0;
      position: absolute;
      z-index: 1;
      transform: translate(0, 0) rotate(20deg);
      height: 100%;
      width: 1px;
      background: #fff;
  }
  .header__menuList[data-acdno] a{
    background-image: url(/homelounge/totikatuyo/img/icon_head_arw_btm_wh.png);
    background-repeat: no-repeat;
    background-position: right 15px center;
    background-size: 8.8px 4.4px;
  }
  .header__menuList[data-acdno].active a{
    background-image: url(/homelounge/totikatuyo/img/icon_head_arw_top_wh.png);
  }
  .header__menuList a .text span{
    display: block;
    flex: 1;
    font-weight: 400 !important;
  }
  .header__menuList a:hover .text span{
    font-weight: 600!important;
  }
  .header__menuList[data-acdno]{
    position: relative;
  }
  .header__menuList[data-acdno]::before{
    content: "";
    position: absolute;
    display: inline-block;
    bottom: -40px;
    left: calc(50% - 8px);
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 16px solid #E2E2E2;
    opacity: 0;
  }
  .header__menuList.active::before{
    bottom: 0;
    opacity: 1;
  }
  .header__menuList.active a{
    font-weight: 600;
  }
  .header__menuList a:hover{
    opacity: 1;
  }
}
@media screen and (min-width: 769px) {
  .headerTotikatuyo .header__logo {
    width: 190px;
  }
}
@media screen and (min-width: 953px) {
  .headerTotikatuyo .header__inner {
    justify-content: space-between;
  }
  .headerTotikatuyo .header__logo {
    width: 30%;
  }
}
@media screen and (min-width: 1051px) {
  .headerTotikatuyo .header__logo {
    width: 400px;
  }
}
@media screen and (min-width: 1451px) {
  .headerTotikatuyo .roundButton {
    margin-right: 40px;
  }
  .headerTotikatuyo .header__account {
    margin-right: 24px;
  }
  .headerTotikatuyo .header__account .header__accountName {
    font-size: 1.8rem;
    padding-left: 33px;
  }
  .headerTotikatuyo .header__account .header__accountName svg {
    width: 25px;
  }
  .headerTotikatuyo .header__account .header__accountName .accountName {
    max-width: 13rem;
  }
}
@media screen and (max-width: 952px) {
  .header__inner {
    margin: 0;
  }
  .rightButton {
    display: none;
  }
  .header__menu {
    display: none;
  }
}
@media screen and (min-width: 1224px) and (max-width: 1919px) {
  .header__logo {
    margin-right: 2%;
  }
}
@media screen and (min-width: 769px) and (max-width: 1450px) {
  .headerTotikatuyo .header__account,
  .headerTotikatuyo .roundButton {
    margin: 0 10px;
  }
  .headerTotikatuyo .header__account .header__accountName {
    font-size: 1.3rem;
    padding-left: 26px;
  }
  .headerTotikatuyo .header__account .header__accountName svg {
    width: 18.33px;
  }
  .headerTotikatuyo .header__account .header__accountName .accountName {
    max-width: 9.5rem;
  }
  .rightButton {
    width: 260px;
  }
}
@media screen and (min-width: 769px) and (max-width: 1301px) {
  .rightButton a.menu_link {
    background-position: right 16% center;
  }
}
@media screen and (min-width: 769px) and (max-width: 952px) {
  .headerTotikatuyo .roundButton {
    font-size: 1.3rem;
    line-height: 1.5385;
    padding: 3px 0 2px 26px;
    width: 181px;
  }
  .header__inner {
    padding: 0;
    max-width: none;
  }
  .headerTotikatuyo--login .header__inner {
    width: 90%;
  }
  .headerTotikatuyo--logout .header__inner {
    width: 92%;
  }
}
@media screen and (max-width: 768px) {
  .headerTotikatuyo .header__logo {
    max-width: 169px;
  }
  .headerTotikatuyo .roundButton {
    margin-right: 0;
  }
  .headerTotikatuyo .header__logo {
    max-width: 135px;
  }
  .header__menuButton {
    width: 50px;
    height: 50px;
  }
  .headerTotikatuyo--login .header__inner {
    width: 90%;
  }
  .headerTotikatuyo--logout .header__inner {
    width: 87%;
    margin-right: 4%;
  }
  .header .roundButton {
    font-size: 11px;
    line-height: 1.8;
  }
}

/* header */
body.sp_nav_act {
  overflow: hidden;
}
.header .header__logo picture,
.headerTotikatuyo .header__logo span {
  display: inline-block;
}
.header .header__logo span {
  font-family: "Noto Serif JP", sans-serif;
  font-weight: 400;
}
.header .header__logo picture {
  display: inline-block;
  vertical-align: middle;
}
@media screen and (min-width: 1301px) and (max-width: 1599px) {
  .header .rightButton {
    width: 240px;
    position: relative;
  }
}
@media not screen and (max-width: 768px) {
  .header .rightButton .header_btn_area {
    color: #fff;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 80px;
    transition: all .3s cubic-bezier(.215, .61, .355, 1);
    width: 295px;
    height: 0;
  }
  .header .rightButton .header_btn_area .header_btn_inner{
    background: #3f2024;
    padding: 30px 20px 40px;
  }
  .header .rightButton:hover .header_btn_area {
    height: 260px;
  }
  .header .rightButton .header_btn_block:not(:last-child) {
    margin-bottom: 30px;
  }
  .header .rightButton .header_btn_text {
    font-size: 15px;
    margin-bottom: 10px;
  }
  .header .rightButton .header_btn a {
    width: 250px;
    height: 52px;
    background: none;
    padding: 0;
  }
  .header .rightButton .header_btn .lounge {
    background: url(/homelounge/totikatuyo/img/btn-lounge.png),
      url(/homelounge/totikatuyo/img/btn-lounge-on.png);
    background-size: cover, 0 0;
  }
  .header .rightButton .header_btn .reform {
    background: url(/homelounge/totikatuyo/img/btn-reform.png),
      url(/homelounge/totikatuyo/img/btn-reform-on.png);
    background-size: cover, 0 0;
  }
  .header .rightButton .header_btn a:hover {
    background-size: 0 0, cover;
  }
}
@media screen and (min-width: 1600px) {
  .header__menuList {
    font-size: 16px;
  }
  .rightButton a.menu_link {
    font-size: 1.6rem;
    background: #3f2024 url(/homelounge/totikatuyo/img/arw-icon.svg) no-repeat
      right 38px center/32px;
  }
}
@media screen and (min-width: 953px) {
  .header .rightButton {
    max-width: 294px;
    position: relative;
  }
}
@media screen and (min-width: 1099px) and (max-width: 1301px) {
  .header__menuList {
    font-size: 1.2rem;
  }
  .header__menuList a {
    padding-left: 20px;
    padding-right: 30px;
  }
  .header__menuList[data-acdno] a{
    background-position: right 12px center;
  }
}
@media screen and (min-width: 953px) and (max-width: 1099px) {
  .header__menuList {
    font-size: 1rem;
  }
  .header .rightButton .text span {
    display: block;
    flex: 1;
  }
  .header .rightButton {
    max-width: 160px;
  }
}
@media screen and (max-width: 768px) {
  .header .rightButton .header_btn_area {
    display: none;
  }
}

/* --------------------------
    header_nav
-------------------------- */

.header_nav_menu picture source,
.header_nav_menu picture img {
  width: 100%;
}
.header_nav_menu .header_nav_list .list_text {
  line-height: 1.5;
}
.header_nav_menu .header_nav_text {
  color: #545350;
}
.header_nav_menu .header_nav_item:hover,
.header_nav_menu .header_nav_text a:hover {
  opacity: 1;
}
.header_nav_menu .link .list_text {
  display: table-cell;
  padding-left: 5vw;
  vertical-align: middle;
  color: #5E5D5D;
}
.header_nav_menu .link .list_text .sub{
  display: block;
  font-weight: 300;
}
.header_nav_menu .link .list_text .title{
  display: block;
  font-weight: 600;
}
.header_nav_menu .link .list_text._subttl .title{
  text-decoration: underline;
}

.header_nav_menu .header_nav_list_item .link{
  background-repeat: no-repeat;
  background-position: right center;
  background-size: var(--40px);
}
.header_nav_menu .header_nav_list_item.--column .link{
  background-image: url(/homelounge/totikatuyo/img/icon_column.png);
}
.header_nav_menu .header_nav_list_item.--movie .link{
  background-image: url(/homelounge/totikatuyo/img/icon_movie.png);
  background-size: var(--35px);
  background-position: right var(--4px) center;
}
.header_nav_menu .header_nav_list_item.--shindan .link{
  background-image: url(/homelounge/totikatuyo/img/icon_shindan.png);
  background-size: var(--25px);
  background-position: right var(--10px) center;
}
.header_nav_menu .header_nav_list_item.--column_movie .link{
  background-image: url(/homelounge/totikatuyo/img/icon_column_movie.png);
}
@media not screen and (max-width: 952px) {
  /* --------------pc */

  .header_nav_menu {
    width: 100%;
    display: flex;
    justify-content: center;
    margin: auto;
    position: relative;
  }
  .header_nav_menu > li {
    display: flex;
  }
  .header_nav_menu .header_nav_item {
    display: none;
  }
  .header_nav_menu .active .header_nav_item {
    background: #efedeb;
  }
  .header_nav_menu .header_nav_text {
    display: inline-block;
    letter-spacing: 0;
    font-size: var(--15px);
    letter-spacing: 1px;
    font-weight: bold;
  }
  .header_nav_menu .header_nav_text:hover {
    text-decoration: underline;
    color: #8b585e;
  }

  .header_nav_block {
    position: absolute;
    left: 0;
    top: 0;
    background: #E2E2E2;
    width: 100%;
    visibility: hidden;
    opacity: 0;
    transition: all 0.2s;
    color: #5E5D5D;
  }
  .header_nav_block.visible{
    visibility: visible;
    opacity: 1;
  }
  .header_nav_menu .header_nav_block_inner {
    padding: var(--40px) 0 var(--30px);
  }
  .header_nav_menu .header_nav_block_inner .scroll_inner{
    overflow-y: auto;
    max-height: calc( 100vh - 160px);
  }
  .header_nav_menu .header_nav_block_inner .navTtl {
    margin: auto;
    width: min(85.71vw, 1200px);
  }
  .header_nav_menu .header_nav_block_inner .navTtl span {
    display: block;
    font-size: var(--15px);
    font-weight: bold;
    padding: var(--3px) var(--10px);
    border-left: var(--6px) solid #8b585e;
  }
  .header_nav_menu .header_nav_block_inner .navTtl.no2 span {
    margin-top: var(--30px);
  }
  .header_nav_menu .header_nav_list {
    width: min(85.71vw, 1200px);
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin: auto;
    gap: 0 41.5px;
  }
  .header_nav_menu .header_nav_list.contents{
    column-count: 2;
    display: block;
  }
  .header_nav_menu .header_nav_list.contents .header_nav_list_item {
    break-inside: avoid;
    width: 100%;
  }
  .header_nav_menu .header_nav_list.mokuteki{
    gap: 0 57px;
    margin: 20px auto;
  }
  .header_nav_menu .header_nav_list li {
    width: calc( (100% - 41.5px ) / 2);
  }
  .header_nav_menu [data-acdcontent="2"] .header_nav_list li {
    border-bottom: 1px solid #707070;
    padding: 4px 0;
  }
  .header_nav_menu [data-acdcontent="2"] .header_nav_list li:nth-child(1),
  .header_nav_menu [data-acdcontent="2"] .header_nav_list li:nth-child(7){
    border-top: 1px solid #707070;
  }
  .header_nav_menu .header_nav_list.mokuteki li {
    width: calc( (100% - 114px ) / 3);
  }
  .header_nav_menu [data-acdcontent="2"] .header_nav_list li:hover {
    opacity: 0.8;
  }
  .header_nav_menu .header_nav_list .link {
    width: 100%;
    display: flex;
    align-items: center;
    box-sizing: border-box;
    color: #586166;
    transition: all 0.3s;
    gap: var(--28px);
  }
  .header_nav_menu .header_nav_list.mokuteki .link{
    display: block;
  }
  .header_nav_menu .header_nav_list .list_img img {
    width: min(7.28vw, 102px);
  }
  .header_nav_menu .header_nav_list.mokuteki .list_img img {
    width: 100%;
  }
  .header_nav_menu .header_nav_list .link .list_img{
    justify-content: flex-start;
    width: min(7.28vw, 102px);
  }
  .header_nav_menu .header_nav_list .list_text {
    padding-left: var(--10px);
    padding-right: var(--30px);
    font-weight: bold;
    font-size: var(--15px);
  }
  .header_nav_menu .header_nav_list.mokuteki .list_text{
    display: none;
  } 
  .header_nav_menu .header_nav_list .item_list li {
    display: none;
  }
  .header_nav_info {
    display: none;
  }
  .header_nav_menu .link .list_text .sub{
    font-size: var(--16px);
  }
  .header_nav_menu .link .list_text .title{
    font-size: var(--22px);
  }

  .header_nav_menu .header_nav_list .img_box{
    position: relative;
  }
  .header_nav_menu .header_nav_list .img_box:before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0);
    transition: all .3s cubic-bezier(.215,.61,.355,1);
  }
  .header_nav_menu .header_nav_list a:hover{
    opacity: 1;
  }
  .header_nav_menu .header_nav_list a:hover .img_box:before{
    background: rgba(0, 0, 0, 0.4);
  }
  .header_nav_menu .header_nav_list .img_box img{
    max-width: 100%;
    width: 100%;
  }
  .header_nav_menu .header_nav_list .img_box .imgText{
    position: absolute;
      width: 100%;
    max-width: 198px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  .header_nav_menu .header_nav_list .img_box .imgText.img3{
    max-width: 304px;
  }
} /* --- not screen and (max-width: 952px) */

@media screen and (max-width: 952px) {
  /* --------------sp */

  .header {
    padding-right: 0;
  }
  .header__menuButton {
    background: #3f2024;
  }
  .header__menuButton > span,
  .header__menuButton > span:after,
  .header__menuButton > span:before {
    width: 40%;
  }
  .header_wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .header_btn_area {
    display: flex;
  }
  .header_nav_wrap {
    position: fixed;
    z-index: -1;
    top: 50px;
    right: -120%;
    width: 100%;
    height: 100vh;
    background: rgb(255 255 255 / 80%);
    transition: all 0.2s;
    padding-bottom: 30px;
  }
  .header_nav_wrap.active {
    right: 0;
  }
  .header_nav_wrap.active .header_nav_inner {
    overflow: scroll;
    height: calc(90vh - 50px);
  }
  .header_nav {
    border: none;
  }
  .header_nav_menu {
    background: #eeeded;
    padding: 0 0;
  }
  .header_nav_menu > li {
    border-bottom: #ffffff 1px solid;
  }
  .header_nav_menu .header_nav_text {
    padding: 0;
    font-size: 4.27vw;
    font-weight: bold;
  }
  .header_nav_block {
    color: #333333;
  }
  .header_nav_menu .header_nav_item {
    display: block;
    padding: 4vw 5.33vw;
    position: relative;
    background: #cbc3be;
  }
  .header_nav_menu .header_nav_item span {
    color: #333333;
  }
  .header_nav_menu .header_nav_block_inner {
    padding: 0;
  }
  .header_nav_menu .header_nav_block_inner .navTtl {
    margin: 5.33vw 0 3.73vw;
  }
  .header_nav_menu .header_nav_block_inner .navTtl span {
    display: block;
    font-size: 4vw;
    font-weight: bold;
    padding: 0.8vw 2.67vw;
    border-left: 1.6vw solid #8b585e;
  }
  .header_nav_menu .header_nav_list > li {
    padding: 5px 5.33vw;
    border-bottom: 1px solid #707070;
  }
  .header_nav_menu .header_nav_list > li:last-child{
    border-bottom: none;
  }
  .header_nav_menu .header_nav_list .link {
    display: table;
    width: 100%;
    color: #8b585e;
  }
  .header_nav_menu .header_nav_list .list_img {
    display: table-cell;
    width: 17.65vw;
    vertical-align: middle;
  }
  .header_nav_menu .header_nav_list .list_img img {
    width: 100%;
  }
  .header_nav_menu .header_nav_list .img_box{
    display: none;
  }
  .header_nav_menu .item_page_link.summary,
  .header_nav_menu .item_page_link.contact{
    display: none;
  }
  .header_nav_menu .item_page_link > .link,
  .header_nav_info .item_page_link > .link {
    position: relative;
  }
  .header_nav_menu .item_page_link > .link::after,
  .header_nav_info .item_page_link .link::after {
    content: "";
    position: absolute;
    display: block;
    background: url(../img/icon_head_arw_brown.svg) no-repeat center;
    top: 50%;
    margin-top: -1.06vw;
    right: -1vw;
    width: 2.93vw;
    height: 2.13vw;
    background-size: contain !important;
  }
  .header_nav_menu .header_nav_list_item > .cat_ttl {
    position: relative;
  }
  .header_nav_menu .link .list_text .sub{
    font-size: 3.5vw;
  }
  .header_nav_menu .link .list_text .title{
    font-size: 4.07vw;
  }
  .header_nav_menu .link .list_text {
    padding-right: 46px;
  }
  .header_nav_info {
    background: #ffffff;
  }
  .header_nav_info .item_page_link {
    padding: 20px 0;
  }
  .header_nav_info .item_page_link:not(:last-child) {
    border-bottom: #eeeded 2px solid;
  }
  .header_nav_info .item_page_link source,
  .header_nav_info .item_page_link img {
    width: 100%;
  }
  .header_nav_info .item_page_link .link {
    display: block;
    padding: 0 5.3%;
  }
  .header_nav_info .list_img {
    display: block;
    width: 74.4%;
  }
  .header_nav_info .list_text {
    font-size: 4vw;
    margin-bottom: 3vw;
    color: #545350;
  }
  .header_nav_info .item_page_link .link::before,
  .header_nav_info .item_page_link .link::after {
    right: 5.5%;
  }
  
  .header_nav_menu .header_nav_list_item .link{
    background-size: 25px;
    background-position: right 14px center;    
  }
  .header_nav_menu .header_nav_list_item.--movie .link{
    background-size: 22px;
    background-position: right 16px center;
  }
  .header_nav_menu .header_nav_list_item.--shindan .link{
    background-size: 17px;
    background-position: right 19px center;
  }
} /* --- max-width:952px */


/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ headerAccBox */

.headerAccBox .headerAccBtn span {
  display: inline-block;
  padding-right: var(--20px);
  position: relative;
}

.headerAccBox .headerAccBtn span:before {
  content: "";
  position: absolute;
  display: block;
  background: url(../img/icon_head_arw.svg) no-repeat center;
  top: 50%;
  margin-top: max(-0.29vw, -4px);
  right: 0;
  width: var(--10px);
  height: var(--7px);
  background-size: contain !important;
}

@media screen and (max-width: 952px) {
  /* --------------sp */

  .headerAccBox .headerAccBtn {
    cursor: pointer;
  }

  .headerAccBox .headerAccBtn:before {
    content: "";
    position: absolute;
    display: block;
    background: #65353b;
    top: 50%;
    margin-top: -0.4vw;
    right: 4.8vw;
    width: 4.8vw;
    height: 0.8vw;
    background-size: contain !important;
  }

  .headerAccBox .headerAccBtn:after {
    content: "";
    position: absolute;
    display: block;
    background: #65353b;
    top: 50%;
    margin-top: -0.4vw;
    right: 4.8vw;
    width: 4.8vw;
    height: 0.8vw;
    background-size: contain !important;
    rotate: 90deg;
  }
  .headerAccBox.is_opened .headerAccBtn:after {
    display: none;
  }

  .headerAccBox .headerAccBtn span:before {
    display: none;
  }

  .headerAccBox > .headerAccBody {
    transition: grid-template-rows 0.5s ease;
    display: grid;
    grid-template-rows: 0fr;
  }

  .headerAccBox > .headerAccBody > div {
    overflow: hidden;
  }

  .headerAccBox.is_opened > .headerAccBody {
    grid-template-rows: 1fr;
  }
} /* --- max-width:952px */

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ spMenuBlock */

.header_nav_wrap .spMenuBlock {
  display: none;
}

@media screen and (max-width: 952px) {
  /* --------------sp */

  .header_nav_wrap .spMenuBlock {
    display: block;
  }

  .header_nav_wrap .spMenuBlock .menuBox .hajimete {
    background: #947276;
  }
  .header_nav_wrap .spMenuBlock .menuBox .contact {
    background: #65353b;
  }

  .header_nav_wrap .spMenuBlock .menuBox a {
    display: table;
    width: 100%;
    padding: 5.33vw;
    position: relative;
  }

  .header_nav_wrap .spMenuBlock .menuBox a:before {
    content: "";
    position: absolute;
    display: block;
    background: url(../img/icon_head_arw_white.svg) no-repeat center;
    top: 50%;
    margin-top: -1.2vw;
    right: 5.33vw;
    width: 3.47vw;
    height: 2.4vw;
    background-size: contain !important;
  }

  .header_nav_wrap .spMenuBlock .menuBox a .img {
    display: table-cell;
    vertical-align: middle;
    width: 29.33vw;
  }

  .header_nav_wrap .spMenuBlock .menuBox a .img img {
    width: 100%;
  }

  .header_nav_wrap .spMenuBlock .menuBox a .txt {
    display: table-cell;
    vertical-align: middle;
    font-size: 4vw;
    font-weight: bold;
    color: #fff;
    padding-left: 2.67vw;
  }
} /* --- max-width:952px */

@media screen and (min-width: 769px) and (max-width: 952px) {
  .header_wrap {
    padding: 0 0 0 40px;
  }
  .header_nav_wrap {
    top: 80px;
  }
  .header__menuButton {
    width: 80px;
    height: 80px;
  }
} /* --- (min-width: 769px) and (max-width: 952px) */

@media screen and (max-width: 952px) {
  .header__menuButton > span {
    position: relative;
  }
  .header__menuButton > span:before {
    top: 2px;
  }
  .header__menuButton > span:after {
    top: -2px;
  }
  [data-menu="open"] .header__menuButton > span:before,
  [data-menu="open"] .header__menuButton > span:after {
    top: 0;
  }
  .header__menuButton > span:after,
  .header__menuButton > span:before {
    width: 100%;
  }
} /* --- max-width:952px */

/* --------------------------
    breadcrumbs
-------------------------- */

.breadcrumbsArea .breadcrumbs {
  padding: 16px 0px;
  background: white;
}
.breadcrumbsArea .breadcrumbs-inner {
  margin: 0 auto;
  max-width: 1152px;
}
.breadcrumbsArea .breadcrumbs__lists {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}
.breadcrumbsArea .breadcrumbs__list {
  color: #9d9d9c;
  font-size: 1.2rem;
  line-height: 1.6667;
  margin-right: 0.5em;
}
.breadcrumbsArea .breadcrumbs__list:last-child {
  width: 39em;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  margin-right: 0;
}
.breadcrumbsArea .breadcrumbs__list a {
  transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}
@media screen and (max-width: 1195px) {
  .breadcrumbsArea .breadcrumbs__list:last-child {
    width: 20em;
  }
}
@media screen and (max-width: 970px) {
  .breadcrumbsArea .breadcrumbs__list:last-child {
    width: 10em;
  }
}

@media screen and (max-width: 768px) {
  .breadcrumbs {
    display: block;
  }
}

/* --------------------------
    staff-crousel
-------------------------- */
#staff-crousel {
  position: relative;
  background: #eeeded;
  width: 100%;
  padding: 30px 0;
  overflow: hidden;
}
/* #staff-crousel::before {
    position: absolute;
    background: #fff;
    width: calc(100% - 70px);
    height: calc(100% - 56px);
    content: "";
    top: 36px;
    left: 35px;
    z-index: 0;
} */

#staff-crousel .section_inner {
  background-color: #fff;
  width: 95vw;
  max-width: 1330px;
  height: auto;
  padding: 50px 45px;
}

#staff-crousel .title {
  position: relative;
  color: #8b585e;
  font-size: 40px;
  font-family: "Noto Serif JP", serif;
  letter-spacing: 0.2em;
  text-align: center;
  z-index: 1;
}

#staff-crousel .slider .slider-card h4 {
  font-size: 16px;
  padding-top: 15px;
  line-height: 1.5;
  color: #333;
}
#staff-crousel .slider .slider-card h4:first-of-type {margin-top: 25px;}

#staff-crousel .underLine {
  height: 1px;
  background-color: #cccccc;
  margin: 16px 0 14px 0;
}

#staff-crousel .slider .slider-card h4,
#staff-crousel .slider .slider-card p {
  line-height: 1.5;
}

#staff-crousel .slider .slider-card h4 {
  color: #65353b;
  background: url(../oshiete/img/point.png) no-repeat left center;
  padding: 0 0 0 2rem;
  font-size: 20px;
}
#staff-crousel .slider .slider-card p {
  font-size: 16px;
}
#staff-crousel .slider {
  width: 95%;
  margin: 70px auto 0;
}
#staff-crousel .slider .slick-slide {
  margin: 0 0;
}
#staff-crousel .slider-card-staff-left {
  padding-right: 16px;
}
#staff-crousel .slider .slider-card .slider-card-staff {
  display: flex;
  align-items: center;
}
#staff-crousel .slider .slider-card {
  padding: 0 var(--50px);
}
#staff-crousel .slider .slider-card .slider-img {
  display: block;
  width: 100%;
  margin: 0 auto;
}
#staff-crousel .slider .slider-card .slider-img img {
  width: min(12.86vw,180px);
  height: min(12.86vw,180px);
  margin: 0 auto;
  border: 1px solid #ccc;
  border-radius: 50%;
}
#staff-crousel .slider .slider-card .slider-card-staff .staff-name span {
  font-size: var(--18px);
}
#staff-crousel .slider .slider-card .slider-card-staff .staff-name {
  font-size: var(--24px);
  font-weight: bold;
  text-align: left;
  line-height: 1.5;
  margin: 20px 0;
  letter-spacing: 0.04em;
  color: #666;
}

#staff-crousel .slider .slider-card .slider-card-staff .button {
  width: 210px;
  height: 45px;
  color: #fff;
  background-color: #8b585e;
  border-radius: 30px;
  display: flex;
  justify-content: left;
  align-items: center;
  background-image: url(../oshiete/img/right.png);
  background-repeat: no-repeat;
  background-position: 95% center;
  margin: auto 0 auto auto;
}
#staff-crousel .slider .slider-card .slider-card-staff .button:hover {
  border-left: 4px solid #000;
  border-bottom: 4px solid #000;
  color: #8b585e;
  background-color: #fff;
  border: 1px solid #8b585e;
  background-image: url(/homelounge/totikatuyo/img/icon_arw_dred.svg);
  background-size: 8px;
  background-repeat: no-repeat;
  background-position: 95% center;
}

#staff-crousel .slider .slider-card .slider-card-staff .button .button_text {
  padding-left: 20px;
}

#staff-crousel .slider .slick-arrow{
  position: absolute;
  display: block;
  top: 36%;
  cursor: pointer;
  height: 55px;
  width: 55px;
  z-index: 1;
  background: url(../oshiete/img/btn-arr-r3.png) no-repeat center;
  background-size: contain;
  font-size: 0;
  line-height: 1;
}
#staff-crousel .slider .slick-next {
  right: max(-3.21vw,-35px);
}
#staff-crousel .slider .slick-prev {
  left: max(-3.21vw,-35px);
  transform: rotate(-180deg);
}

#staff-crousel .slider .slick-arrow:hover {
  background: url(../oshiete/img/btn-arr-hover-right.jpg) no-repeat center
    center;
}


#staff-crousel .section_inner_footer {
  width: 650px;
  font-size: 14px;
  text-align: left;
  margin: 38px auto;
}
#staff-crousel .section_inner_footer::before {
  content: "※";
  margin-left: -1.8rem;
}


@media screen and (max-width: 768px) {
  #staff-crousel {
    padding: 30px 0 30px;
  }
  #staff-crousel::before {
    width: calc(100% - 10px);
    height: calc(100% - 70px);
    top: 70px;
    left: 10px;
  }
  #staff-crousel::after {
    width: 165px;
    height: 165px;
    top: -40px;
    left: inherit;
    right: 10px;
  }
  #staff-crousel .section_inner {
    padding: 0 0 50px;
  }
  #staff-crousel .title {
    position: relative;
    color: #8B585E;
    font-size: 22px;
    font-family: "Noto Serif JP", serif;
    letter-spacing: 0.2em;
    text-align: center;
    z-index: 1;
    padding-top: 47px;
  }
  #staff-crousel .slider-card-staff-left {
    padding-right: 21px;
  }
  #staff-crousel .slider {
    width: 95%;
    margin-top: 29px;
    padding: 0 0 70px;
  }
  #staff-crousel .slider .slider-card .slider-card-staff {
    justify-content: center;
  }
  #staff-crousel .slider .slider-card .slider-card-staff .staff-name {
    font-size: 18px;
    margin: 0;
  }
  #staff-crousel .slider .slider-card .slider-card-staff .staff-name span{
    font-size: 15px;
    margin: 0;
  }
  #staff-crousel .slider .slider-card .slider-card-staff .button {
    width: 180px;
  }
  #staff-crousel .slider .slider-card .slider-card-staff .button .button_text {
    font-size: 15px;
    padding: 0;
    padding-left: 20px;
  }
  #staff-crousel .slider .slick-prev,
  #staff-crousel .slider .slick-next {
    height: 45px;
    width: 45px;
  }
  #staff-crousel .slider .slick-prev:hover,
  #staff-crousel .slider .slick-next:hover {
    background-size: 45px;
  }
  #staff-crousel .slider .slick-prev {
    left: calc(50% - 50px);
    top: auto;
    bottom: 0;
    background-size: 45px;
  }
  #staff-crousel .slider .slick-next {
    right: calc(50% - 50px);
    top: auto;
    bottom: 0;
    background-size: 45px;
  }
  #staff-crousel .slider .slider-card {
    margin: 0px;
  }
  #staff-crousel .slider .slider-card .slider-img img {
    width: 130px;
    height: 130px;
  }
  #staff-crousel .slider .slider-card .slider-img {
  }
  #staff-crousel .slider .slider-card .staff-name {
    font-size: 18px;
    margin: 10px 0;
  }
  #staff-crousel .slider .slider-card h4,
  #staff-crousel .slider .slider-card p {
    font-size: 16px;
  }
  #staff-crousel .slider .slider-card h4 {
    padding-top: 0;
    padding-left: 30px;
    padding-bottom: 0;
    background-position: 10px center;
  }

  #staff-crousel .slider .slider-card p {
    padding: 10px 20px 0 20px;
  }

  #staff-crousel .section_inner_footer {
    width: 85%;
    font-size: 14px;
    padding-bottom: 103px;
    margin: 0 auto;
  }
}

/* --------------------------
    populuar-categories／#article-contact-area
-------------------------- */
#popular-categories .popular-categories-title,
#article-contact-area .contact-flow-title {
  font-family: "Noto Serif JP", sans-serif;
  font-weight: 400;
  letter-spacing: 6px;
  text-align: center;
  color: #545350;
}
#popular-categories .popular-categories-title .en-title,
#article-contact-area .contact-flow-title .en-title {
  display: block;
  font-family: "Libre Baskerville", serif;
  font-weight: 700;
}
#article-contact-area .contact-flow-title {
  color: #8b585e;
}
@media not screen and (max-width: 768px) {
  #popular-categories.top-popular-categories-area .popular-categories-title,
  #article-contact-area .contact-flow-title {
    margin-bottom: 50px;
    font-size: 4rem;
  }
  #popular-categories.top-popular-categories-area
    .popular-categories-title
    .en-title,
  #article-contact-area .contact-flow-title .en-title {
    font-size: 1.7rem;
    display: none;
  }
}

/* --------------------------
    populuar-categories
-------------------------- */
#popular-categories {
  color: #666666;
}
#popular-categories .item-btn {
  color: #fff;
  background: #8b585e;
  border-radius: 40px;
  border: #8b585e 1px solid;
  position: relative;
  transition: all 0.2s;
}
#popular-categories .item-btn::after {
  width: 26px;
  height: 21px;
  content: "";
  background-image: url(/homelounge/totikatuyo/img/oshiete-more-icon.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  position: absolute;
  top: 50%;
  right: 23px;
  transform: translate(0, -50%);
}
#popular-categories .item-btn a {
  display: block;
  text-align: center;
  font-size: 1.8rem;
  padding: 15px;
}
#popular-categories .popular-categories-title .en-title {
  margin-bottom: 10px;
}
#popular-categories .popular-categories-text {
  text-align: center;
  line-height: 1.5;
}
@media not screen and (max-width: 768px) {
  #popular-categories .popular-categories-title {
    font-size: 2.8rem;
    margin-bottom: 40px;
  }
  #popular-categories .popular-categories-title .en-title {
    font-size: 1.5rem;
    display: none;
  }
  #popular-categories .popular-categories-text {
    margin-bottom: 40px;
    font-size: 1.8rem;
  }
  #popular-categories .category-list {
    display: flex;
    justify-content: space-between;
  }
  #popular-categories .item-btn {
    width: 29.2%;
    background-position: right 25px center;
  }
  #popular-categories .item-btn a {
    padding: 23px 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
  }
  #popular-categories .item-btn:hover,
  #content .content-bottom-block .contact-area .contact-btn:hover,
  #article-contact-area .contact-flow-btn:hover {
    background: #fff;
    color: #8b585e;
    border: #8b585e solid 1px;
    opacity: 1;
  }
  #land .section-inner .red-btn-area .red-btn:hover,
  #management .section-inner .red-btn-area .red-btn:hover,
  #success .section-inner .red-btn-area .red-btn:hover,
  #example .section-inner .red-btn-area .red-btn:hover {
    background: #fff;
    color: #8b585e;
    border: #8b585e solid 1px;
    opacity: 1;
  }
  #article-contact-area .contact-flow-btn:hover {
    background-position: 96% center;
  }
  #popular-categories .item-btn a:hover,
  #content .content-bottom-block .contact-area .contact-btn a:hover,
  #article-contact-area .contact-flow-btn a:hover {
    opacity: 1;
  }
  #popular-categories .item-btn:hover::after {
    background-image: url(/homelounge/totikatuyo/img/btn-arr-r.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
  }
}
@media screen and (max-width: 768px) {
  #popular-categories .category-list {
    padding: 0 5.3%;
  }
  #popular-categories .item-btn a {
    font-size: 1.4rem;
  }
  #popular-categories .item-btn._white {
    background-size: 20px;
  }
  #popular-categories .item-btn::after {
    right: 15px;
  }
}

/* top-popular-categories-area */
#popular-categories.top-popular-categories-area {
  background: #eeeded;
}
#popular-categories .top-popular-categories-inner {
  background: #fff;
}
#popular-categories.top-popular-categories-area
  .popular-categories-title
  .en-title {
  margin-bottom: 15px;
}
@media not screen and (max-width: 768px) {
  #popular-categories.top-popular-categories-area {
    padding-top: 120px;
    background: #eeeded;
  }
  #popular-categories .top-popular-categories-inner {
    width: 94.8%;
    padding: 75px 5% 80px;
  }
  #popular-categories.top-popular-categories-area .popular-categories-title {
    margin-bottom: 50px;
    font-size: 4rem;
  }
  #popular-categories.top-popular-categories-area
    .popular-categories-title
    .en-title {
    font-size: 1.7rem;
  }
  #popular-categories.top-popular-categories-area .category-list {
    max-width: 1162px;
    margin: auto;
  }
}
@media screen and (max-width: 768px) {
  #popular-categories.top-popular-categories-area {
    padding-top: 40px;
    background: #eeeded;
    background-size: 73.1%;
  }
  #popular-categories .top-popular-categories-inner {
    padding: 20px 0;
  }
  #popular-categories .popular-categories-text {
    font-size: 1.4rem;
    padding: 0 5.3%;
    text-align: left;
    margin-bottom: 20px;
  }
}

/* popular-categories-area */
#popular-categories.article-popular-categories-area {
  border-top: #eeeded 2px solid;
}
#popular-categories .article-popular-categories-inner {
  max-width: 1162px;
  margin: auto;
  padding: 0 10px;
}
@media not screen and (max-width: 768px) {
  #popular-categories.article-popular-categories-area {
    margin-top: 50px;
    margin-bottom: 50px;
    padding-top: 50px;
  }
}
@media screen and (max-width: 768px) {
  #popular-categories.article-popular-categories-area {
    padding-top: 20px;
    margin-bottom: 20px;
  }
  #popular-categories .category-list li:not(:last-child) {
    margin-bottom: 15px;
  }
}

/* --------------------------
    article-contact-area
-------------------------- */
.contactSection__listTitle {
  font-weight: 400;
  color: #8b585e;
}
.contactSection .roundButton--detail {
  font-size: 1.4rem;
  border: #8b585e 1px solid;
  border-radius: 20px;
  line-height: 1;
  color: #8b585e;
}
.contactSection .roundButton--detail:hover {
  opacity: 1;
}
.contactSection__information .sectionHeading__title {
  text-align: center;
}
.contactSection__informationSettingList,
.contactSection__information .sectionHeading__mainTitle {
  color: #8b585e;
}
.contactSection__information:before {
  background-color: #8b585e;
}

@media screen and (min-width: 769px) and (max-width: 4000px){
  .contactSection__lists{
    margin: auto;
  }
  .contactSection__inner {
      justify-content: center;
  }
  .contactSection__contact {
      width: 100%;
      margin-bottom: 0;
      padding-left: 0;
  }
  .contactSection__login .contactSection__contact{
      padding-bottom: 80px;
      border-bottom: 1px solid #8b585e;
  }
  .contactSection .contactSection__inner {
      width: 100%;
  }
  .contactSection__information {
    padding: 80px 0 0;
  }
  .contactSection__information:before {
    display: none;
  }
}

@media screen and (min-width: 769px) {
  .contactSection .roundButton--detail:hover {
    background-color: #8b585e;
    color: #fff;
  }
  .contactSection .roundButton--detail .roundButton__text {
    font-size: 1.4rem;
  }
  .contactSection__informationSettingList a:after,
  .contactSection__informationSettingList button:after {
    background-image: url(../img/information_arrow_pc.svg);
  }
  .contactSection__informationSettingList a:hover,
  .contactSection__informationSettingList button:hover {
    font-weight: normal;
    opacity: 0.7;
  }
  .contactSection .roundButton--detail .roundButton__arrow {
    margin-left: 25px;
  }
  .contactSection__information {
    padding-left: 44px;
  }
}
@media screen and (min-width: 769px) and (max-width: 1888px) {
  .contactSection__inner {
    max-width: 1140px;
  }
  .contactSection__information {
    padding-left: 0;
  }
}
@media screen and (min-width: 769px) and (max-width: 1359px) {
  .contactSection__lists {
    max-width: 740px;
  }
}
@media screen and (max-width: 768px) {
  .contactSection__inner {
    width: 300px;
  }
  .contactSection__informationSettingList a:after,
  .contactSection__informationSettingList button:after {
    background-image: url(../img/information_arrow_sp.svg);
  }
  .contactSection__listTxt {
    width: 180px;
  }
}

#article-contact-area .contact-flow-area {
  background: #e2dfdf;
  text-align: center;
  /* box-shadow: 0px 20px 20px -5px #0000001a; */
  color: #666666;
}
#article-contact-area .contact-flow-title .en-title {
  margin-bottom: 15px;
}
#article-contact-area .contact-flow-text {
  line-height: 1.8;
}
#article-contact-area .contact-flow-box {
  margin-top: 1em;
}
#article-contact-area .contact-flow-box picture source,
#article-contact-area .contact-flow-box picture img {
  width: 100%;
}
#article-contact-area .contact-flow-btn {
  color: #fff;
  background: #8b585e;
  border: #8b585e solid 1px;
  margin: auto;
  border-radius: 40px;
  position: relative;
  transition: all 0.2s;
}
#article-contact-area .contact-flow-btn::after {
  width: 26px;
  height: 21px;
  content: "";
  background-image: url(/homelounge/totikatuyo/img/oshiete-more-icon.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  position: absolute;
  top: 50%;
  right: 21px;
  transform: translate(0, -50%);
}
#article-contact-area .contact-flow-btn .btn-link {
  display: block;
  font-size: 1.8rem;
  padding: 15px;
  line-height: 1.5;
}
#article-contact-area .contactSection__information .sectionHeading {
  text-align: center;
}
#article-contact-area .contactSection__informationSetting {
  justify-content: center;
}
#article-contact-area .contactSection__information:before {
  background: #65353b;
}
#article-contact-area .contactSection__information {
  padding-bottom: 90px;
}
#article-contact-area .sectionHeading__mainTitle {
  color: #8b585e;
}
#article-contact-area .contactSection__informationSettingList a:hover,
#article-contact-area .contactSection__informationSettingList button:hover {
  font-weight: normal;
}
#article-contact-area .contactSection__informationSettingList {
  color: #8b585e;
}
@media not screen and (max-width: 768px) {
  #article-contact-area .contact-flow-area {
    padding: 100px 0 140px;
  }
  #article-contact-area .contact-flow-inner {
    max-width: 1162px;
    margin: auto;
  }
  #article-contact-area .contact-flow-title {
    font-size: 4rem;
    margin-bottom: 35px;
  }
  #article-contact-area .contact-flow-text {
    font-size: 1.8rem;
  }
  #article-contact-area .box-title {
    font-size: 2.2rem;
  }
  #article-contact-area .contact-flow-box {
    margin: 50px 10px;
  }
  #article-contact-area .contact-flow-btn {
    width: 590px;
  }
  #article-contact-area .contact-flow-btn .btn-link {
    padding: 20px 15px;
  }
  #article-contact-area .contactSection__informationSettingList a:after,
  #article-contact-area .contactSection__informationSettingList button:after {
    background-image: url(../img/information_arrow_pc.svg);
  }
  #article-contact-area .contact-flow-btn:hover::after {
    background-image: url(/homelounge/totikatuyo/img/btn-arr-r.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
  }
}
@media screen and (max-width: 768px) {
  #article-contact-area .contact-flow-area {
    padding: 30px 0;
  }
  #article-contact-area .contact-flow-inner {
    padding: 0 5.3%;
  }
  #article-contact-area .contact-flow-text {
    font-size: 1.4rem;
    text-align: left;
  }
  #article-contact-area .contact-flow-box {
    margin-top: 20px;
    margin-bottom: 20px;
  }
  #article-contact-area .contact-flow-btn .btn-link {
    font-size: 1.4rem;
  }
  #article-contact-area .contactSection__information {
    padding-bottom: 90px;
  }
  #article-contact-area .contactSection__informationSettingList a:after,
  #article-contact-area .contactSection__informationSettingList button:after {
    background-image: url(../img/information_arrow_sp.svg);
  }
  #article-contact-area .contact-flow-btn::after {
    right: 12px;
  }
}

@media screen and (max-width: 768px) {
  #popular-categories .popular-categories-title,
  #article-contact-area .contact-flow-title {
    font-size: 2.1rem;
    letter-spacing: 4px;
    margin-bottom: 20px;
  }
  #popular-categories .popular-categories-title .en-title,
  #popular-categories.top-popular-categories-area
    .popular-categories-title
    .en-title,
  #article-contact-area .contact-flow-title .en-title {
    font-size: 1rem;
    margin-bottom: 5px;
    display: none;
  }
}

/* --------------------------
    commonBnrArea
-------------------------- */
#commonBnrArea {
  padding-bottom: 80px;
}
#commonBnrArea._index {
  background-color: #e2dfdf;
  padding-bottom: 150px;
}
#commonBnrArea.pd_B0 {
  padding-bottom: 0;
}
#commonBnrArea .bnr_inner {
  max-width: 1162px;
  margin: auto;
  padding: 0 1.3%;
}
#commonBnrArea .bnr_chie_box {
  text-align: center;
}
#commonBnrArea .bnr_chie_box .title {
  margin-bottom: 30px;
}
#commonBnrArea .bnr_chie_box .title img {
  max-width: 613px;
  width: 100%;
}
#commonBnrArea .bnr_chie_box .bnrImg a {
  display: inline-block;
}
#commonBnrArea .bnr_chie_box .bnrImg img {
  max-width: 463px;
  width: 100%;
}
@media screen and (max-width: 768px) {
  #commonBnrArea {
    padding-bottom: 40px;
  }
  #commonBnrArea .bnr_inner {
    padding: 0 5.3%;
  }
  #commonBnrArea._index {
    padding-bottom: 50px;
  }
}

/* --------------------------
    footer overwrite
-------------------------- */
.footer {
  background-color: #65353b;
}

/* --------------------------
    js-effect
-------------------------- */
.js-effect {
  opacity: 0;
  transform: translate(0, 70px);
  -webkit-transform: translate(0, 70px);
  -webkit-transition: transform 0.8s, opacity 1.2s;
  -moz-transition: transform 0.8s, opacity 1.2s;
  transition: transform 0.8s, opacity 1.2s;
  transition-delay: 0.2s;
}
.js-effect-show {
  opacity: 1;
  transform: translate(0, 0);
  -webkit-transform: translate(0, 0);
  -webkit-transition: transform 0.8s, opacity 1.2s;
  -moz-transition: transform 0.8s, opacity 1.2s;
  transition: transform 0.8s, opacity 1.2s;
  transition-delay: 0.2s;
}

/* --------------------------
    membership
-------------------------- */
.articlesArea,
.autocreatArea {
  padding: 0;
  margin-top: 0px;
}
.articlesArea .membershipBlock .imgBox img,
.autocreatArea .membershipBlock .imgBox img {
  max-width: 100%;
}
.articlesArea .membershipBlock[data-membership="true"] .imgBox,
.autocreatArea .membershipBlock[data-membership="true"] .imgBox {
  display: block;
  position: relative;
}
.articlesArea .membershipBlock[data-membership="true"] .imgBox:before,
.autocreatArea .membershipBlock[data-membership="true"] .imgBox:before {
  background-color: rgba(13, 29, 51, 0.5);
  content: "";
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 2;
}
.articlesArea .membershipBlock[data-membership="true"] .imgBox:after,
.autocreatArea .membershipBlock[data-membership="true"] .imgBox:after {
  background-image: url(/homelounge/assets/images/common/swpier/icon_member.svg) !important;
  max-height: 68px;
  max-width: 68px;
  width: 18.38%;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  display: block;
  height: 100%;
  left: 50%;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 3;
}
.articlesArea .membershipBlock[data-membership="true"] .mb_link,
.autocreatArea .membershipBlock[data-membership="true"] .mb_link {
  display: block;
  position: relative;
}
.articlesArea .membershipBlock[data-membership="true"] .mb_link:before,
.autocreatArea .membershipBlock[data-membership="true"] .mb_link:before {
  content: "";
  display: block;
  position: absolute;
  /* max-height: 36px;
  max-width: 150px;
  min-width: 60px;
  width: 29.07%;
  height: 100%;
元408x100
 */
  width: min(7.36vw,103px);
  height: min(1.79vw,25px);
  background-image: url(../img/icon-member.svg);
  background-position: 100% 0;
  background-repeat: no-repeat;
  background-size: contain;
  top: 0;
  right: 0;
  z-index: 3;
}
	@media screen and (max-width:768px){

  .articlesArea .membershipBlock[data-membership="true"] .mb_link:before,
  .autocreatArea .membershipBlock[data-membership="true"] .mb_link:before {
    width: 26vw;
    height: 6.85vw;
  }

	}/* --- max-width:768px */

/* ############################### limited */

.articlesArea .membershipBlock.limited .mb_link,
.autocreatArea .membershipBlock.limited .mb_link {
  display: block;
  position: relative;
}
.articlesArea .membershipBlock.limited .mb_link:before,
.autocreatArea .membershipBlock.limited .mb_link:before {
  content: "";
  display: block;
  position: absolute;
  width: min(8.21vw, 115px);
  height: min(1.79vw,25px);
  background-image: url(../img/icon_limited_black.svg);
  background-position: 100% 0;
  background-repeat: no-repeat;
  background-size: contain;
  top: 0;
  right: 0;
  z-index: 3;
}

@media screen and (max-width: 768px) {
  .articlesArea .membershipBlock.limited .mb_link:before,
  .autocreatArea .membershipBlock.limited .mb_link:before {
    width: 30.67vw;
    height: 8.53vw;
  }
} /* --- max-width:952px */

/* ############################### imgArea txtArea */

.articlesArea .swiper-wrapper,
.autocreatArea .swiper-wrapper {
  /* display: flex;
  align-items: flex-start;
  justify-content: space-between; */
}

.articlesArea .swiper-slide,
.autocreatArea .swiper-slide{
  /* width: min(26.64vw, 373px); */
}

.swiper--basicAndCommon .swiper-slide:nth-child(n+4){
  margin-top: 0;
}

.articlesArea .swiper-slide .imgArea,
.autocreatArea .swiper-slide .imgArea{
	display: block;
}

.articlesArea .swiper-slide .txtArea,
.autocreatArea .swiper-slide .txtArea{
	font-size: var(--16px);
	margin-top: var(--20px);
	line-height: 1.5;
}

.articlesArea .swiper-slide .txtArea .ttl,
.autocreatArea .swiper-slide .txtArea .ttl{
  margin-top: var(--16px);
  font-size: var(--16px);
  font-weight: bold;
  color: #333;
}

.articlesArea .swiper-slide .txtArea .txt,
.autocreatArea .swiper-slide .txtArea .txt{
  font-size: var(--14px);
  margin-top: var(--10px);
  font-weight: normal;
}

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

  .swiper--columnAndCarousel.swiper--noCarousel .swiper-slide + .swiper-slide{
    margin-top: 8vw;
  }

  .articlesArea .swiper-slide,
  .autocreatArea .swiper-slide{
    width: 100%;
    display: block;
    padding-bottom: 0;
    margin-top: 8vw;
  }

	.articlesArea .swiper-slide .txtArea,
	.autocreatArea .swiper-slide .txtArea{
		font-size: 4vw;
		margin-top: 4vw;
	}

	.articlesArea .swiper-slide .txtArea .ttl,
	.autocreatArea .swiper-slide .txtArea .ttl{
		font-size: 4vw;
		margin-top: 4vw;
	}

	.articlesArea .swiper-slide .txtArea .txt,
	.autocreatArea .swiper-slide .txtArea .txt{
    font-size: 2.67vw;
    margin-top: 1.33vw;
  }

  .comicPage .other-article-area .articlesArea .swiper-slide,
  .comicPage .other-article-area .autocreatArea .swiper-slide{
    margin-top: 0;
  }

	}/* --- max-width:768px */

/* ############################### imgRound */

.imgRound .swiper-slide .areaWrap,
.imgRound .swiper-slide .areaWrap .imgArea{
  border-radius: var(--8px);
  overflow: hidden;
}

.imgRound .swiper-slide .areaWrap:before{
  border-radius: 0 var(--8px) 0 0;
}

.imgRound .swiper-slide .imgBox:before,
.imgRound .swiper-slide .imgBox img{
  scale: 1.05;
  border-radius: var(--8px);
}

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

  .imgRound .swiper-slide .areaWrap,
  .imgRound .swiper-slide .areaWrap .imgArea{
    border-radius: 1.33vw;
  }

  .imgRound .swiper-slide .areaWrap:before{
    border-radius: 0 1.33vw 0 0;
  }

  .imgRound .swiper-slide .imgBox:before,
  .imgRound .swiper-slide .imgBox img {
    border-radius: 1.33vw;
  }

  } /* --- max-width:768px */

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ sideFloatMenu */

.sideFloatMenu {
  position: fixed;
  right: 0;
  bottom: 10%;
  width: min(8.57vw,120px);
  z-index: 100;
  transition: right 0.5s 0s ease;
}
.sideFloatMenu.is_closed {
  right: max(-10vw,-140px);
}

.sideFloatMenu img {
  width: 100%;
}

.sideFloatMenu p {
  background: #65353B;
}

.sideFloatMenu p a {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  position: relative;
  height: 100%;
}

.sideFloatMenu .img {
  display: block;
  width: 100%;
  text-align: center;
}

.sideFloatMenu .fair {
  height: min(8.57vw,120px);
}

.sideFloatMenu .fair .img {
  width: min(8.57vw,120px);
}

.sideFloatMenu .contact {
  height: min(8.57vw,120px);
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
}

.sideFloatMenu .contact .img{
  width: min(8.57vw,120px);
}

.sideFloatMenu .summary {
  height: min(8.57vw,120px);
  border-bottom: 1px solid #fff;
  background-color: #545350;
}

.sideFloatMenu .summary .img {
  width: min(8.57vw,120px);
}

.sideFloatMenu .close {
  height: min(2.86vw, 40px);
  background-color: #545350;
}

.sideFloatMenu .close .img img {
  width: min(8.57vw,120px);
}

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

  .sideFloatMenu {
    display: none;
  }

  } /* --- max-width:768px */

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ ttl */

.secInner .ttlMain {
  font-size: var(--43px);
  font-family: "Roboto",sans-serif;
  text-align: center;
  font-weight: 400;
}

.secInner .ttlMain + .cap {
  font-size: var(--10px);
  margin-top: var(--12px);
  text-align: center;
}

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

    .secInner .ttlMain {
      font-size: 8.53vw;
    }

    .secInner .ttlMain + .cap {
      font-size: 4vw;
      margin-top: 2.67vw;
    }

  } /* --- max-width:768px */

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ btn */

/* ############################### btnRound */

.btnRound {
  display: inline-block;
  opacity: 1 !important;
}

.btnRound span {
  position: relative;
  display: block;
  width: min(32.14vw, 450px);
  padding: var(--22px) var(--30px);
  background: #fff;
  border: 1px solid #333;
  /* transition: background 0.3s 0s ease; */
  border-radius: var(--40px);
  font-size: var(--16px);
  text-align: center;
  cursor: pointer;
}
.btnRound:hover span {
  background: #333;
  color: #fff;
  border-color: #fff;
}

/* typeWin */

.btnRound.typeWin span em {
  position: relative;
  display: inline-block;
  padding-right: var(--35px);
  line-height: 0.9;
  text-align: center;
  width: 100%;
}
.btnRound.typeWin span em:before {
  content: "";
  position: absolute;
  display: block;
  background: url(../img/icon_win.svg) no-repeat center;
  top: 50%;
  margin-top: max(-0.57vw, -8px);
  right: 0;
  width: var(--15px);
  height: var(--15px);
  background-size: contain !important;
}
.btnRound.typeWin:hover span em:before {
  background: url(../img/icon_win_white.svg) no-repeat center;
}

.btnRound.typeDred span {
  background: #65353B;
  color: #fff;
  border: 1px solid #65353B;
}
.btnRound.typeDred:hover span{
  background: #fff;
  color: #65353B;
}

.btnRound.typeDred span em:before {
  background: url(../img/icon_win_white.svg) no-repeat center;
}
.btnRound.typeDred:hover span em:before {
  background: url(../img/icon_win_dred.svg) no-repeat center;
}

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

    .btnRound span {
      width: 68vw;
      padding: 3.2vw 0;
      border-radius: 34vw;
      font-size: 4vw;
    }
    .btnRound:hover span {
      background: #fff;
      color: #333;
      border-color: #333;
    }

    /* typeWin */

    .btnRound.typeWin span{
      padding: 3.2vw 4vw;
    }

    .btnRound.typeWin span em {
      padding-right: 0;
      line-height: 1.5;
    }
    .btnRound.typeWin span em:before {
      margin-top: -2.13vw;
      width: 3.47vw;
      height: 3.47vw;
      background-size: contain !important;
    }
    .btnRound.typeWin:hover span em:before {
      background: url(../img/icon_win.svg) no-repeat center;
    }

  } /* --- max-width:768px */

/* ############################### btnArw */

.btnArw {
  display: inline-block;
  cursor: pointer;
  opacity: 1 !important;
}

.btnArw span {
  display: flex;
  align-items: center;
  justify-content: center;
  width: min(17.14vw, 240px);
  height: var(--45px);
  border: 1px solid #333;
  border-radius: var(--23px);
  position: relative;
  font-size: var(--16px);
  font-weight: bold;
}
.btnArw:hover span {
  background: #333;
  color: #fff;
}

.btnArw span:before {
  content: "";
  position: absolute;
  display: block;
  background: url(../img/icon_arw.svg) no-repeat center;
  top: 50%;
  margin-top: max(-0.5vw, -7px);
  right: min(0.93vw, 13px);
  width: var(--8px);
  height: var(--12px);
  background-size: contain !important;
  rotate: -90deg;
}
.btnArw:hover span:before {
  background: url(../img/icon_arw_white.svg) no-repeat center;
}

.btnArw.typePrev span:before {
  content: "";
  position: absolute;
  display: block;
  background: url(../img/icon_arw.svg) no-repeat center;
  top: 50%;
  margin-top: max(-0.5vw, -7px);
  right: auto;
  left: min(0.93vw, 13px);
  width: var(--8px);
  height: var(--12px);
  background-size: contain !important;
  rotate: 90deg;
}
.btnArw.typePrev:hover span:before {
  background: url(../img/icon_arw_white.svg) no-repeat center;
}

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

  .btnArw span {
    width: 64vw;
    height: 12vw;
    border-radius: 8.53vw;
    font-size: 4.27vw;
  }
  .btnArw:hover span {
    background: rgba(0, 0, 0, 0);
    color: #333;
  }

  .btnArw span:before {
    margin-top: -2vw;
    right: 4vw;
    width: 2.13vw;
    height: 3.2vw;
  }
  .btnArw:hover span:before {
    background: url(../img/icon_arw.svg) no-repeat center;
  }

  .btnArw.typePrev span:before {
    background: url(../img/icon_arw.svg) no-repeat center;
    margin-top: -2vw;
    left: 4vw;
    width: 2.13vw;
    height: 3.2vw;
    rotate: 90deg;
  }
  .btnArw.typePrev:hover span:before {
    background: url(../img/icon_arw.svg) no-repeat center;
  }

  } /* --- max-width:768px */

/* typePageNation */
.typePageNation span:before{
  margin-top: max(-0.5vw, -7px);
  right: min(0.93vw, 13px);
  width: var(--10px);
  height: var(--15px);
}

.typePageNation.typePrev span:before{
  margin-top: max(-0.5vw, -7px);
  left: min(0.93vw, 13px);
  width: var(--10px);
  height: var(--15px);
}

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

  .typePageNation span:before{
    margin-top: -2vw;
    right: 3vw;
    width: 3vw;
    height: 4vw;
  }

  .typePageNation.typePrev span:before{
    margin-top: -2vw;
    left: 3vw;
    width: 3vw;
    height: 4vw;
  }

	}/* --- max-width:768px */

/* typeDred */
.btnArw.typeDred span {
  border: 1px solid #8b585e;
  color: #8b585e;
  background: #fff;
}
.btnArw.typeDred:hover span {
  background: #8b585e;
  color: #fff;
  border-color: #fff;
}

.btnArw.typeDred span:before {
  background: url(../img/icon_arw_dred.svg) no-repeat center;
}
.btnArw.typeDred:hover span:before {
  background: url(../img/icon_arw_white.svg) no-repeat center;
}

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

  .btnArw.typeDred:hover span {
    background: #fff;
    color: #8b585e;
    border-color: #8b585e;
  }

  .btnArw.typeDred:hover span:before {
    background: url(../img/icon_arw_dred.svg) no-repeat center;
  }

  } /* --- max-width:768px */

/* typeDred2 */
.btnArw.typeDred2 span {
  background: #8b585e;
  color: #fff;
  border: 1px solid #8b585e;
}
.btnArw.typeDred2:hover span {
  background: #fff;
  color: #8b585e;
  border-color: #8b585e;
}

.btnArw.typeDred2 span:before {
  background: url(../img/icon_arw_white.svg) no-repeat center;
}
.btnArw.typeDred2:hover span:before {
  background: url(../img/icon_arw_dred.svg) no-repeat center;
}

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

  .btnArw.typeDred2:hover span {
    background: #8b585e;
    color: #fff;
    border-color: #8b585e;
  }

  .btnArw.typeDred2:hover span:before {
    background: url(../img/icon_arw_white.svg) no-repeat center;
  }

  } /* --- max-width:768px */

/* typeBlack */
.btnArw.typeBlack span {
  border: 1px solid #333;
  color: #fff;
  background: #333;
}
.btnArw.typeBlack:hover span {
  background: #fff;
  color: #333;
  border-color: #333;
}
.btnArw.typeBlack span:before {
  background: url(../img/icon_arw_white.svg) no-repeat center;
}
.btnArw.typeBlack:hover span:before {
  background: url(../img/icon_arw.svg) no-repeat center;
}

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

  .btnArw.typeBlack:hover span {
    background: #333;
    color: #fff;
    border-color: #333;
  }
  .btnArw.typeBlack span:before {
    background: url(../img/icon_arw.svg) no-repeat center;
  }

  } /* --- max-width:768px */

/* typeBrown */
.btnArw.typeBrown span {
  border: 1px solid #cbc3be;
  color: #fff;
  background: #cbc3be;
}
.btnArw.typeBrown:hover span {
  background: #fff;
  color: #cbc3be;
  border-color: #cbc3be;
}

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

  .btnArw.typeBrown:hover span {
    border: 1px solid #cbc3be;
    color: #fff;
    background: #cbc3be;
  }

  } /* --- max-width:768px */

/* typeAcc */
.typeDDred span {
  background: #65353B;
  color: #fff;
  border: 1px solid #65353B;
}

.typeDDred:hover span {
  background: #fff;
  color: #65353B;
  border-color: #65353B;
}

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

  .typeDDred:hover span {
    background: #65353B;
    color: #fff;
    border-color: #65353B;
  }

  } /* --- max-width:768px */

/* typeAcc */
.btnArw.typeAcc span .open {
  display: block;
}
.btnArw.typeAcc span .close {
  display: none;
}
.is_opened .btnArw.typeAcc span .open {
  display: none;
}
.is_opened .btnArw.typeAcc span .close {
  display: block;
}

.btnArw.typeAcc span:before {
  background: url(../img/icon_plus.svg) no-repeat center;
  width: var(--15px);
  height: var(--15px);
	margin-top: max(-0.57vw,-8px);
}
.is_opened .btnArw.typeAcc span:before {
  background: url(../img/icon_minus.svg) no-repeat center !important;
  rotate: 0deg;
}

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

  /* typeAcc */
  .btnArw.typeAcc span:before {
    background: url(../img/icon_plus.svg) no-repeat center;
    width: 3.73vw;
    height: 3.73vw;
    margin-top: -2vw;
  }
  .is_opened .btnArw.typeAcc span:before {
    background: url(../img/icon_minus.svg) no-repeat center !important;
    width: 3.73vw;
    height: 3.73vw;
    rotate: 0deg;
  }

	}/* --- max-width:768px */


/* ############################### btnArw */

.btnArwDown {
  display: inline-block;
  cursor: pointer;
  opacity: 1 !important;
}

.btnArwDown span {
  display: flex;
  align-items: center;
  justify-content: center;
  width: min(17.86vw, 250px);
  height: var(--50px);
  border: 1px solid #8a595f;
  border-radius: var(--25px);
  position: relative;
  font-size: var(--16px);
  font-weight: bold;
  background: #8a595f;
  color: #fff;
}
.btnArwDown:hover span {
  background: #fff;
  color: #8a595f;
}

.btnArwDown span:before {
  content: "";
  position: absolute;
  display: block;
  background: url(../img/icon_down.svg) no-repeat center;
  top: 50%;
  margin-top: max(-0.43vw, -6px);
  right: min(1.43vw, 20px);
  width: var(--17px);
  height: var(--12px);
  background-size: contain !important;
}
.btnArwDown:hover span:before {
  background: url(../img/icon_down_dred.svg) no-repeat center;
}

/* typeNext */
.btnArwDown.typeNext span {
}

/* typeNext */
.btnArwDown.typeNext span {
  border: 1px solid #333;
  background: #fff;
  color: #333;
}
.btnArwDown.typeNext:hover span {
  background: #333;
  color: #fff;
}

.btnArwDown.typeNext span:before {
  background: url(../img/icon_down_black.svg) no-repeat center !important;
  rotate: -90deg;
}
.btnArwDown.typeNext:hover span:before {
  background: url(../img/icon_down.svg) no-repeat center !important;
}

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

  .btnArwDown span {
    width: 66.67vw;
    height: 13.33vw;
    border-radius: 8.53vw;
    font-size: 4.27vw;
  }
  .btnArwDown:hover span {
    background: #8a595f;
    color: #fff;
  }

  .btnArwDown span:before {
    margin-top: -2vw;
    right: 5.33vw;
    width: 4.53vw;
    height: 2.93vw;
  }
  .btnArwDown:hover span:before {
    background: url(../img/icon_down.svg) no-repeat center;
  }

  /* typeNext */
  .btnArwDown.typeNext:hover span {
    background: #fff;
    color: #333;
  }
  .btnArwDown.typeNext:hover span:before {
    background: url(../img/icon_down_black.svg) no-repeat center;
  }

  } /* --- max-width:768px */

/* ############################### btnArwRight */

.btnArwRight span{
  display: flex;
  align-items: center;
  justify-content: center;
  width: min(17.14vw, 240px);
  height: var(--45px);
  border: 1px solid #333;
  border-radius: var(--23px);
  position: relative;
  font-size: var(--16px);
  font-weight: bold;
}

.btnArwRight:hover span{
  background: #333;
  color: #fff;
}

/* typeDred3 */
.btnArwRight span {
  background: #65353B;
  color: #fff;
  border: 1px solid #65353B;
}
.btnArwRight:hover span {
  background: #fff;
  color: #65353B;
  border-color: #65353B;
}

.btnArwRight span:before {
  content: "";
  position: absolute;
  display: block;
  background: url(../img/icon_arw_dred3_white.svg) no-repeat center;
  right: var(--15px);
  width: var(--6px);
  height: var(--11px);
  background-size: contain !important;
}
.btnArwRight:hover span:before {
  content: "";
  position: absolute;
  display: block;
  background: url(../img/icon_arw_dred3.svg) no-repeat center;
  right: var(--15px);
  width: var(--6px);
  height: var(--11px);
  background-size: contain !important;
}

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

  .btnArwRight span {
    width: 100%;
    height: 12vw;
    border-radius: 8.53vw;
    font-size: 4.27vw;
  }

  .btnArwRight:hover span {
    background: #65353B;
    color: #fff;
    border-color: #65353B;
  }

  .btnArwRight span:before {
    right: 4vw;
    width: 1.6vw;
    height: 2.93vw;
  }

  .btnArwRight:hover span:before {
    background: url(../img/icon_arw_dred3_white.svg) no-repeat center;
  }

  } /* --- max-width:768px */

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ chieSection */

.chieSection {
  background: #f5f5f5;
  padding: min(5.71vw, 80px) 0;
}

.chieSection  *{
  color: #333;
}

.chieSection img {
  width: 100%;
}

.chieSection .ttl {
  text-align: center;
  font-size: var(--24px);
  font-weight: bold;
  letter-spacing: 1px;
}

.chieSection .ttl em {
  font-size: var(--44px);
}

.chieSection .img {
  text-align: center;
}

.chieSection .img a {
  display: inline-block;
  width: min(33.14vw, 464px);
  margin-top: var(--40px);
}

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

  .chieSection {
    padding: 13.33vw 0;
  }

  .chieSection .ttl {
    font-size: 5.33vw;
  }

  .chieSection .ttl em {
    font-size: 8vw;
  }

  .chieSection .img a {
    width: 100%;
    margin-top: 8vw;
  }

} /* --- max-width:768px */

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ mailSection */

.mailSection{
  background: #8b585e;
}

.mailSection img {
  width: 100%;
}

.mailSection .secInner {
  padding: min(5.71vw, 80px) min(10.71vw,150px);
  color: #fff;
}

.mailSection .contBox {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  margin-top: min(3.93vw,55px);
}

.mailSection .txtSide {
  width: min(38.57vw, 540px);
}

.mailSection .txtSide .ttl {
  font-size: var(--26px);
  font-weight: bold;
  letter-spacing: var(--2px);
}

.mailSection .txtSide .txt {
  font-size: var(--16px);
  line-height: 1.8;
  margin-top: var(--20px);
}

.mailSection .txtSide .bttn {
  margin-top: var(--25px);
}

.mailSection .txtSide .bttn .btnArw span {
  width: min(23.93vw, 335px);
  height: min(4.64vw, 65px);
  border-radius: var(--40px);
}

.mailSection .txtSide .bttn .btnArw span:before{
  width: var(--12px);
  height: var(--8px);
  margin-top: max(-0.21vw,-3px);
}

.mailSection .imgSide {
  width: 50%;
}

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

    .mailSection .secInner {
      border-radius: 0;
      padding: 13.33vw 8vw;
    }

    .mailSection .contBox {
      justify-content: center;
      flex-wrap: wrap;
      flex: auto;
      margin-top: 7.2vw;
    }

    .mailSection .txtSide {
      width: 100%;
      order: 2;
      margin-top: 8.8vw;
    }

    .mailSection .txtSide .ttl {
      font-size: 5.87vw;
      text-align: left;
    }

    .mailSection .txtSide .txt {
      font-size: 4.27vw;
      margin-top: 5.33vw;
    }

    .mailSection .txtSide .bttn {
      margin-top: 9.33vw;
      text-align: center;
    }

    .mailSection .imgSide {
      width: 100%;
      order: 1;
    }

    .mailSection .txtSide .bttn .btnArw {
      width: 100%;
    }

    .mailSection .txtSide .bttn .btnArw span {
      width: 100%;
      height: 17.33vw;
      border-radius: 10vw;
    }

    .mailSection .txtSide .bttn .btnArw span:before{
      width: 3.2vw;
      height: 2.13vw;
      margin-top: -1.06vw;
    }

  } /* --- max-width:768px */

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ contactSection */

.contactSection {
  width: min(100%, 1400px);
  padding: 0 min(7.14vw, 100px);
}

.contactSection .contactSection__inner {
  width: 100%;
}

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

  .contactSection {
    padding: 0 5.33vw;
  }

  .contactSection .contactSection__inner {
    width: 300px;
  }

} /* --- max-width:768px */

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ commonSection */

.commonSection .ttlSec{
  font-size: var(--28px);
  font-family: 'Noto Serif JP', serif;
  letter-spacing: 3px;
  text-align: center;
}

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

  .commonSection .ttlSec{
    font-size: 5.33vw;
    letter-spacing: 0;
    line-height: 1.5;
  }

  } /* --- max-width:768px */

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ recArticleSection */

.recArticleSection{
  background: #EDEDED;
  padding: min(6.43vw,90px) 0;
}

.recArticleSection .rec-articles-cont{
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
  width: calc(100% - var(--20px));
  margin-top: var(--40px);
}

.recArticleSection .swiper-wrapper .rec-articles-cont .rec-article .swiper-slide{
  width: min(25.21vw,353px);
}

.recArticleSection .swiper-wrapper .rec-articles-cont .rec-article .swiper-slide .areaWrap{
  display: block;
}

.recArticleSection .swiper-wrapper .rec-articles-cont .rec-article .swiper-slide .imgBox{
  display: block;
}

.recArticleSection .swiper-wrapper .rec-articles-cont .rec-article .swiper-slide .txtArea{
  margin-top: var(--15px);
  font-size: var(--16px);
  line-height: 1.5;
}

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

  .recArticleSection{
    padding: 16vw 0;
  }

  .recArticleSection .rec-articles-cont{
  	display: block;
    width: 100%;
    margin-top: 0;
  }

  .recArticleSection .swiper-wrapper .rec-articles-cont .rec-article .swiper-slide{
    width: 100%;
    margin-top: 8vw;
  }

  .recArticleSection .swiper-wrapper .rec-articles-cont .rec-article .swiper-slide .txtArea{
    margin-top: 4.27vw;
    font-size: 4.27vw;
    line-height: 1.5;
  }

	}/* --- max-width:768px */

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ pagenationSection */

.pagenationSection{
  padding: min(4.29vw,60px) 0 min(6.43vw,90px);
}

.pagenationSection .pageBox{
  display: flex;
	justify-content: center;
  margin: auto;
  gap: var(--10px);
}

.pagenationSection .pageBox.swiper.swiper--noCarousel .swiper-slide{
  width: auto;
}

.pagenationSection .pageBox.swiper.swiper--noCarousel .swiper-slide .imgBox{
  overflow: hidden;
  border-radius: var(--23px);
}

.pagenationSection .pageBox .btnArw span{
  width: min(15.71vw,220px);
}

.pagenationSection .pageBox.swiper.swiper--noCarousel .swiper-slide[data-membership="true"] .imgBox:after{
  left: auto;
  right: max(-0.57vw,-8px);
  max-width: var(--30px);
  max-height: var(--30px);
}

.pagenationSection .pageBox.swiper.swiper--noCarousel .swiper-slide[data-membership="true"] .typePrev .imgBox:after{
  left: var(--20px);
  right: auto;
  max-width: var(--30px);
  max-height: var(--30px);
}

.pagenationSection .pageBox.swiper.swiper--noCarousel .swiper-slide[data-membership="true"] .imgBox span:before{
  display: none;
}

.pagenationSection .bttn{
  margin-top: var(--30px);
  text-align: center;
}

.pagenationSection .bttn .btnArw span{
  width: min(32.14vw,450px);
  height: min(4.29vw,60px);
  border-radius: var(--30px);
}

.pagenationSection .btnArw:not([href]){
  opacity: 0.2 !important;
  pointer-events: none;
}

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

  .pagenationSection{
    padding: 10.67vw 0 16vw;
  }

  .pagenationSection .pageBox{
    justify-content: space-between;
    gap: 0;
  }

  .pagenationSection .pageBox.swiper.swiper--noCarousel .swiper-slide{
    margin-top: 0;
  }

  .pagenationSection  .pageBox.swiper.swiper--noCarousel .swiper-slide .imgBox{
    border-radius: 8.53vw;
  }

  .pagenationSection .pageBox.swiper.swiper--noCarousel .swiper-slide[data-membership="true"] .imgBox:after{
    left: auto;
    right: -1.33vw;
    max-width: 5.33vw;
    max-height: 5.33vw;
  }

  .pagenationSection .pageBox.swiper.swiper--noCarousel .swiper-slide[data-membership="true"] .typePrev .imgBox:after{
    left: 4vw;
    right: auto;
    max-width: 5.33vw;
    max-height: 5.33vw;
  }

  .pagenationSection .pageBox .btnArw span{
    width: 42.67vw;
  }

  .pagenationSection .bttn{
    margin-top: 4.27vw;
  }

  .pagenationSection .bttn .btnArw{
    width: 100%;
  }

  .pagenationSection .bttn .btnArw span{
    width: 100%;
    height: 16vw;
    border-radius: 8vw;
  }

	}/* --- max-width:768px */

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ consultSection */

.consultSection{
  padding: min(6.43vw,90px) 0;
  background: #e2deda;
}

.consultSection .consultbox{
	display: flex;
	align-items: flex-start;
	justify-content: center;
  gap: var(--40px);
  margin: var(--40px) auto 0;
}

.consultSection .consultbox > li{
  width: min(41.43vw,580px);
}

.consultSection .consultbox .img{
  border-radius: var(--15px) var(--15px) 0 0;
}

.consultSection .consultbox .img img{
  width: 100%;
}

.consultSection .consultbox .txtSide{
  background: #FFFFFF;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
  padding: var(--20px) var(--30px) var(--30px);
  border-radius:  0 0 var(--15px) var(--15px);
}

.consultSection .consultbox .txtSide .txt{
  font-size: var(--16px);
  line-height: 1.7;
}

.consultSection .consultbox .txtSide .bttn{
  margin-top: var(--25px);
}

.consultSection .consultbox .txtSide .btnArw span{
  width: min(22.14vw,310px);
  height: min(3.93vw,55px);
  border-radius: min(3.93vw,55px);
}

.consultSection .consultbox .txtSide .btnArw span:before{
  width: var(--12px);
  height: var(--8px);
  margin-top: max(-0.21vw,-3px);
}

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

  .consultSection{
    padding: 16vw 0;
  }

  .consultSection .consultbox{
  	display: block;
    margin: 8vw auto 0;
  }

  .consultSection .consultbox > li{
    width: 100%;
  }
  .consultSection .consultbox > li:last-child{margin-top: 8vw;}

  .consultSection .consultbox .img{
    border-radius: 4vw 4vw 0 0;
  }

  .consultSection .consultbox .txtSide{
    height: auto;
    padding: 5.33vw 5.33vw 8vw;
    border-radius:  0 0 4vw 4vw;
  }

  .consultSection .consultbox .txtSide .txt{
    font-size: 4vw;
  }

  .consultSection .consultbox .txtSide .bttn{
    margin-top: 4.53vw;
  }

  .consultSection .consultbox .txtSide .btnArw span{
    width: 72vw;
    height: 14.67vw;
    border-radius: 10vw;
  }

  .consultSection .consultbox .txtSide .btnArw span:before{
    width: 3.2vw;
    height: 2.13vw;
    margin-top: -1.06vw;
  }

	}/* --- max-width:768px */

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ popularKeywordSection */

.popularKeywordSection{
  border-top: 1px solid #EDEDED;
  padding: min(6.43vw,90px) 0;
}

.popularKeywordSection .commonTagArea{
	justify-content: center;
}

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

  .popularKeywordSection{
    padding: 16vw 0;
  }

  .popularKeywordSection .commonTagArea{
    margin-top: 8vw;
  }

	}/* --- max-width:768px */

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ etc */

.tempSection .section{
  margin-top: var(--20px);
  border-top: 1px solid #555;
  padding: var(--20px);
}

.tempSection .section .ttl{
  font-weight: bold;
  font-size: var(--18px);
}

.tempSection .section .sub{
  font-size: var(--16px);
  margin-top: var(--15px);
  line-height: 1.5;
}

.tempSection .section .elms{
  padding: var(--20px);
  margin-top: var(--15px);
  border: 1px solid #ddaaaa;
}

.tempSection .section .elms .parts{
  margin-top: var(--15px);
}

.tempSection .section .elms .parts .tempTxt{
  font-size: var(--16px);
  font-weight: bold;
  margin-top: var(--5px);
  line-height: 1.5;
}

.tempSection .section textarea{
  width: 100%;
  padding: var(--10px);
  margin-top: var(--15px);
  height: 300px;
  background: #eeeeee;
  font-size: var(--12px);
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ modalCommon */

#modalCommon .page.is_active{display: block !important;}
#modalCommon .modalwindow.zoom_in{animation: zoomIn 0.3s ease-in-out forwards !important;}
body.stop_scroll{position: fixed;width: 100%;}

	@keyframes zoomIn{
		from{-webkit-transform: scale(0.5)}
		to{-webkit-transform: scale(1.0)}
	}

#modalCommon img{vertical-align:bottom;width:100%;max-width: 100%;height: auto;}
#modalCommon{display: none;overflow: auto;-webkit-overflow-scrolling: touch;width: 100%;height: 100vh;top: 0;left: 0;position: fixed;z-index: 9999999}
#modalCommon .inner{display: table;width: 100%;height:100%;}
#modalCommon .modalBlack{display: table-cell;background: rgba(0,0,0,0.7);text-align: center;vertical-align: middle;}

#modalCommon .modalwindow{
	position: relative;
	display: inline-block;
	text-align: left;
	cursor: auto;
}

#modalCommon .page{
	display: none;
  color: #333;
}

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

	#modalCommon .modalwindow{
    overflow-y: auto;
  }

  #modalCommon .page{
  	height: 80vh;
  }

	}/* --- max-width:768px */

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ footer */

  @media screen and (min-width: 769px) and (max-width: 1359px) {
  .contactSection__list:nth-child(2) {
      margin-left: 27px;
  }
	}/* --- max-width:1359px */

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ etc */

/* ############################### tagex */

.commonLabelBox span{
  display: inline-block;
  padding: var(--4px) var(--10px) var(--3px);
  color: #fff;
  font-size: var(--11px);
  background: #8b585e;
  margin-right: var(--3px);
}
.commonLabelBox span.doga{background: #2f5597;}

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

  .commonLabelBox span {
    padding: 0.7vw 2.67vw 0.4vw ;
    font-size: 2.67vw;
  }

} /* --- max-width:768px */

/* ############################### commonSmallTagArea */

.commonSmallTagArea {
  display: flex;
  flex-wrap: wrap;
  flex: auto;
  gap: var(--8px);
  margin-top: var(--15px);
}

.commonSmallTagArea a {
  display: inline-block;
  border: 1.5px solid #333;
  font-size: var(--11px);
  padding: var(--5px) var(--10px) var(--3px);
  border-radius: var(--30px);
  background: #fff;
  line-height: 1;
}

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

  .commonSmallTagArea {
    gap: 2.67vw;
    margin-top: 3.47vw;
  }

  .commonSmallTagArea a {
    font-size: 2.93vw;
    /* font-size: 3.2vw; */
    padding: 1.3vw 3vw 1.1vw;
    border-radius: 4vw;
  }

} /* --- max-width:768px */

/* ############################### commonTagArea */

.commonTagArea {
  margin-top: var(--40px);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  flex: auto;
  gap: var(--10px);
}

.commonTagArea .tag {
  display: inline-block;
  padding: var(--8px) var(--15px) var(--6px);
  font-size: var(--15px);
  border: 1px solid #333;
  border-radius: var(--30px);
  background: #fff;
}

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

  .commonTagArea {
    gap: 2.67vw;
    margin-top: 8vw;
    /* justify-content: flex-start; */
  }

  .commonTagArea .tag {
    padding: 2.67vw 5.33vw;
    font-size: 3.47vw;
    border: 1px solid #333;
    border-radius: 8vw;
  }

} /* --- max-width:768px */

/* ############################### popup */

.popupMenu img{width: 100%;max-width: 100%;}

.popupMenu .golf{display: none;}
.popupMenu .misawa{display: none;}

.is_golf .popupMenu .golf{display: block;}
.is_misawa .popupMenu .misawa{display: block;}

.popupMenu .popup-spot{display: none;}
.popupMenu .popup-side{display: none;}
.popupMenu .popup-footer{display: none;}

.is_golf.is_popup-spot .popupMenu .popup-spot{display: block;}
.is_golf.is_popup-side .popupMenu .popup-side{display: block;}
.is_golf.is_popup-footer .popupMenu .popup-footer{display: block;}

.is_misawa.is_popup-spot .popupMenu .popup-spot{display: block;}
.is_misawa.is_popup-side .popupMenu .popup-side{display: block;}
.is_misawa.is_popup-footer .popupMenu .popup-footer{display: block;}

.btnPopupClose{
  transition: all 0.5s 0s ease;
  opacity: 0;
  position: fixed;
  z-index: 100;
}
.btnPopupClose:hover{opacity: 0;}
.is_popupOpened .btnPopupClose{opacity: 1;}
.is_popupOpened .btnPopupClose:hover{opacity: 1;}

/* popup-spot */
.popup-spot .btnPopupClose{
  top: 50%;
  right: 0;
}
.is_popupOpened .btnPopupClose{}
/* popup-side */
.popup-side .btnPopupClose{
  top: 50%;
  right: -330px;
}
.is_popupOpened .popup-side .btnPopupClose{right: 0;}
/* popup-footer */
.popup-footer .btnPopupClose{
  bottom: -180px;
  left: calc(50% - 225px);
}
.is_popupOpened .popup-footer .btnPopupClose{bottom: 0;}

.popup-spot .btnPopupClose{width: 330px;}
.popup-side .btnPopupClose{width: 330px;}
.popup-footer .btnPopupClose{width: 450px;}

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

  /* popup-spot */
  .popup-spot .btnPopupClose{
    top: 50%;
  }
  /* popup-side */
  .popup-side .btnPopupClose{
    top: 50%;
    right: -200px;
  }
  .is_popupOpened .popup-side .btnPopupClose{right: 0;}
  /* popup-footer */
  .popup-footer .btnPopupClose{
    bottom: -300px;
    left: calc(50% - 150px);
  }
  .is_popupOpened .popup-footer .btnPopupClose{bottom: 0;}

  .popup-spot .btnPopupClose{width: 200px;}
  .popup-side .btnPopupClose{width: 200px;}
  .popup-footer .btnPopupClose{width: 300px;}

	}/* --- max-width:768px */