@charset "UTF-8";

@media only screen and (max-width: 1640px) and (min-width: 1281px){
  html {font-size: 8px;}
}
@media only screen and (max-width: 1280px) and (min-width: 1024px){
  html {font-size: 7px;}
}

/*--------------------------------------------------------------------------
----------------------------------------------------------------------------
----------------------------------------------------------------------------
汎用
----------------------------------------------------------------------------
----------------------------------------------------------------------------
--------------------------------------------------------------------------*/
.sp {display: none!important;}

.container {max-width: 100%; width: 160rem;}
.inner {width: 124rem;}

/*------------------------------------
見出し
------------------------------------*/
.c-headline {margin-bottom: 7rem;}
.c-headline .main-head {font-size: 4rem; line-height: 1; letter-spacing: .28em; text-indent: .28em; margin-bottom: 1.8rem;}
.c-headline .sub-head {font-size: 2rem; line-height: 1.35; letter-spacing: .275em; text-indent: .275em;}

/*------------------------------------
ボタン
------------------------------------*/
.c-link-btn {width: 50rem; border: 2px solid #221a1a; border-radius: 1rem;}
.c-link-btn .txt {font-size: 2.7rem; letter-spacing: .15em; text-indent: .15em; padding: 3.6rem 0;}
.c-link-btn .txt:before {top: calc(50% - .5rem); right: 3.2rem; width: 4.2rem; height: 1rem;}

/*------------------------------------
ボタン（戻る）
------------------------------------*/
.c-back-btn {width: 65rem; padding: 1.5rem 0; border: 2px solid #e0e0e0; border-radius: 1rem;}
.c-back-btn:before {border-radius: 1rem;}
.c-back-btn .txt {font-size: 2.5rem;}
.c-back-btn .leef {top: .1rem; right: .7rem; width: 9.7rem; height: 10.8rem;}

/*------------------------------------
電話
------------------------------------*/
.c-tel-btn:not(:last-child) {margin-bottom: 4.2rem;}
.c-tel-btn .icon {margin-right: 2rem;}
.c-tel-btn .icon.tel {width: 4.74rem; height: 5.85rem;}
.c-tel-btn .icon.fax {width: 5.3rem; height: 6rem;}
.c-tel-btn .num span {font-size: 5rem; letter-spacing: .28em; padding: 1rem .52rem 1.25rem .8rem;}
.c-tel-btn .num .border {width: 51.8rem; height: .4rem;}

/*------------------------------------
ページ上の波
------------------------------------*/
.c-deco_head {margin-bottom: 6.5rem;}
.c-deco_head:before {height: 4.16vw;}
.c-deco_head .dot {width: 58.2rem; height: 46.9rem;}

/*------------------------------------
ブログスライダー
------------------------------------*/
.c-blogs-list .list-item {width: 40.5rem; margin: 0 3rem; border: 3px solid #58271e; border-radius: 2rem;}
.c-blogs-list .list-item a {padding: 5rem 5rem 6.7rem;}
.c-blogs-list .list-item .item-img {height: 20rem; margin-bottom: 2.4rem;}
.c-blogs-list .list-item .item-img .no-image .logo {width: 14.8rem;}
.c-blogs-list .list-item .entry-time {font-size: 1.6rem; letter-spacing: .2em; margin-bottom: 1.25rem;}
.c-blogs-list .list-item .entry-new {font-size: 2.5rem; margin-left: 2rem;}
.c-blogs-list .list-item .entry-ttl {font-size: 2.2rem; line-height: 3.7rem; letter-spacing: .13em; margin-bottom: 1.8rem;}
.c-blogs-list .list-item .entry-excerpt {font-size: 2rem; line-height: 3rem; margin-bottom: 3rem; max-height: 15rem;}
.c-blogs-list .list-item .entry-more {right: 5rem; bottom: 5rem;}
.c-blogs-list .list-item .entry-more span {font-size: 1.7rem; letter-spacing: .2em; margin-right: 1.6rem;}
.c-blogs-list .list-item .entry-more svg {top: .125rem; width: 1.7rem;}

.c-blogs-list .swiper-pagination {height: 1.2rem; margin-top: 5rem;}
.c-blogs-list .swiper-pagination .swiper-pagination-bullet {width: 1.2rem; height: 1.2rem; margin: 0 .8rem!important;}

.c-blogs-list .c-link-btn {margin-top: 5rem;}

_:-ms-input-placeholder,
:root .c-blogs-list .list-item .entry-more {bottom: -4rem;}

/*------------------------------------
別ページへの導線
------------------------------------*/
.c-flow-list .list-item {width: calc((100% - 5rem) / 2); height: 33.2rem; margin-right: 5rem;}
.c-flow-list .list-item:nth-child(2n) {margin-right: 0;}
.c-flow-list .list-item a {border-radius: 3rem;}
.c-flow-list .list-item .item-txt .main-head {font-size: 3.7rem; letter-spacing: .03em; text-indent: .03em; margin-bottom: 1.75rem;}
.c-flow-list .list-item .item-txt .sub-head {font-size: 2.4rem; letter-spacing: .03em; text-indent: .03em;}

/*------------------------------------
ページナビ
------------------------------------*/
.wp-pagenavi span,
.wp-pagenavi a {width: 5.6rem; height: 5.6rem; font-size: 2.2rem; line-height: 5.6rem; border-radius: 5.6rem; margin: 0 .5rem;}
.wp-pagenavi .nextpostslink,
.wp-pagenavi .previouspostslink,
.wp-pagenavi .first,
.wp-pagenavi .last {width: 9.6rem; height: 5.6rem; font-size: 2.2rem; line-height: 5.6rem; border-radius: 5.6rem;}

/*------------------------------------
TOPに戻る
------------------------------------*/
#top-scroll {right: 3rem; bottom: 3rem; width: 8rem; height: 8rem;}

/*--------------------------------------------------------------------------
ヘッダー
--------------------------------------------------------------------------*/
header {height: 15.7rem; visibility: hidden; pointer-events: none; opacity: 0;}
html.is-navopen header {visibility: visible; pointer-events: auto; opacity: 1;}

/*ロゴ*/
header .page-logo {top: 3.2rem; width: 21.8rem;}
header .page-logo.rapport {top: 1.6rem; width: 10.9rem;}
header .page-logo.beestyle {top: 1.7rem; width: 12.3rem;}
header .page-logo.ale {top: 2.9rem; width: 10rem;}
header .page-logo.uraraka {top: 2.4rem; width: 10.75rem;}
header .page-logo svg path {transition: .3s ease-in-out;}

/*リンクアイコン*/
header .fixed-link-list {position: absolute; top: 6rem; left: 9rem; pointer-events: auto; z-index: 1001;}
header .fixed-link-list .link-list_icon a {margin-right: 3rem;}
header .fixed-link-list .link-list_icon a img,
header .fixed-link-list .link-list_icon a svg {width: 3.5rem; height: 3.5rem;}
header .fixed-link-list .link-list_icon a svg path {transition: .3s ease-in-out;}
header .fixed-link-list .link-list_icon.mail a svg path {fill: transparent; stroke: #000; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round;}

/*ハンバーガー*/
header .hamburger {right: 9rem; top: 5rem; width: 6.5rem; height: 5rem;}
header .hamburger div {width: 6.5rem; height: .5rem;}
header .hamburger div:nth-child(2) {top: 2.5rem;}
header .hamburger div:nth-child(3) {top: 5rem;}
header .hamburger.is-open div {top: 2.25rem;}

/*ハンバーガー中身*/
header .header-nav .header-nav_inner {justify-content: space-between; align-items: center; flex-wrap: wrap; max-width: 70%; min-width: 800px; padding: 11rem 0;}

header .header-nav .logo {order: 1; width: 21.8rem; height: 9.3rem; margin-bottom: 2.5rem;}

header .header-nav .nav-list_warp {order: 3; width: 100%;}
header .header-nav .nav-list {width: calc((100% - 8rem) / 2); margin-right: 8rem;}
header .header-nav .nav-list:last-child {margin-right: 0;}
header .header-nav .nav-list li {border-top: solid 1px #707070; border-bottom: solid 1px #707070;}
header .header-nav .nav-list li:nth-child(n + 2) {border-top: none;}
header .header-nav .nav-list li:last-child {padding-bottom: 0;}
header .header-nav .nav-list li .list-item {font-size: 2.3rem; padding: 1em 0;}
header .header-nav .nav-list li .list-item:after {right: 2rem; width: 1rem; height: 1rem;}
header .header-nav .nav-list li .nav-list li {padding-left: 1em;}

header .header-nav .link-list {order: 2;}
header .header-nav .link-list .link-list_icon {margin-right: 3.5rem;}
header .header-nav .link-list .link-list_icon:last-child {margin-right: 0;}
header .header-nav .link-list .link-list_icon a img,
header .header-nav .link-list .link-list_icon a svg {width: 3.5rem; height: 3.5rem;}

/*色替え*/
header.is-white .hamburger div {background: #fff;}
header.is-white .page-logo svg path,
header.is-white .fixed-link-list .link-list_icon.fb a svg path,
header.is-white .fixed-link-list .link-list_icon.insta a svg path {fill: #fff;}
header.is-white .fixed-link-list .link-list_icon.mail a svg path {stroke: #fff;}

/*--------------------------------------------------------------------------
フッター
--------------------------------------------------------------------------*/
footer .footer_inner {padding: 10rem 0;}

footer .about {margin-bottom: 8rem;}

footer .about .info {margin-right: 23rem;}
footer .about .info .logo {width: 26rem; margin-bottom: 1.2rem;}
footer .about .info .address {font-size: 1.9rem; line-height: 2.9rem; letter-spacing: .16em;}

footer .about .nav-list {margin-right: 13.5rem;}
footer .about .nav-list ul li:not(:last-child) {margin-bottom: 3.5rem;}
footer .about .nav-list ul li .list-item {font-size: 2.3rem; padding-left: 2rem;}
footer .about .nav-list ul li .list-item:after {top: calc(50% + 1px); width: 1rem; height: 1rem;}

footer .about .tel-link .tel-ttl {color: #221a1a; font-size: 2.5rem; font-weight: 500; line-height: 1; text-align: center; letter-spacing: .275em; text-indent: .275em; margin-bottom: 2.5rem;}
footer .about .tel-link .tel-btn {position: relative; width: 36.5rem; background: #f6d7cf; border-radius: 4rem; overflow: hidden;}
footer .about .tel-link .tel-btn:hover {opacity: 1;}
footer .about .tel-link .tel-btn:before {content: ""; position: absolute; top: 0; left: -100%; bottom: 0; width: 10rem; height: 200%; background: linear-gradient(to right, #fff, #fff 10%, transparent 10%, transparent 20%, #fff 20%, #fff 90%, transparent 90%, transparent 94%, #fff 94%); opacity: .3; transform: translate(-50%) rotate(45deg);}
footer .about .tel-link .tel-btn:hover:before {left: 150%; transform: translate(50%) rotate(45deg); transition-timing-function: ease-out; transition: .5s ease-in;}
footer .about .tel-link .tel-btn span {display: block; color: #221a1a; font-size: 2.5rem; font-weight: 500; line-height: 1; text-align: center; letter-spacing: .275em; text-indent: .275em; padding: 2.5rem 0;}

footer .group-link .link-list {justify-content: center;}
footer .group-link .link-list:not(:last-child) {margin-bottom: 7.2rem;}
footer .group-link .link-list .list-item.rapport img {width: 20.8rem height: 5.9rem;}
footer .group-link .link-list .list-item.ale img {width: 25.14rem; height: 7.38rem;}
footer .group-link .link-list .list-item.beestyle img {width: 24.3rem; height: 7.17rem;}
footer .group-link .link-list .list-item.uraraka img {width: 21.09rem; height: 7.25rem;}
footer .group-link .link-list .list-item.le-plaisante img {width: 25.22rem; height: 4.16rem;}
footer .group-link .link-list .list-item.liyama-printemps img {width: 22.11rem; height: 7.12rem;}
footer .group-link .link-list .list-item:not(:last-child) {margin-right: 10rem;}

footer .copyright {font-size: 2rem; padding: 2rem 0;}

/*--------------------------------------------------------------------------
----------------------------------------------------------------------------
----------------------------------------------------------------------------
TOPページ
----------------------------------------------------------------------------
----------------------------------------------------------------------------
--------------------------------------------------------------------------*/

/*----------------------------------------
メインビジュアル
----------------------------------------*/
#front .main-visual .video-skip {position: absolute; right: 10vw; bottom: 10vh; font-size: 3rem; transition: .3s ease; z-index: 4;}
#front .main-visual .video-skip:after {content: ""; position: absolute; top: calc(50% - .45rem); width: 1.8rem; height: 1.8rem; transform: rotate(-45deg); transform-origin: center; border-right: 2px solid #000; border-bottom: 2px solid #000; transition: .3s ease;}
#front .main-visual .video-skip:hover:after {animation: skip-arrow 2s linear infinite;}
@keyframes skip-arrow {
  0% {transform: translateX(0) rotate(-45deg); opacity: 1;}
  100% {transform: translateX(2rem) rotate(-45deg); opacity: 0;}
}

#front .main-visual .img {position: absolute; top: 0; left: 0; opacity: 0; pointer-events: none; visibility: hidden; opacity: 0; transition: .5s ease; z-index: 2;}

#front .main-visual .catch {bottom: 40%; left: 8.3%; max-width: 55.19rem; pointer-events: none; visibility: hidden; opacity: 0;}
#front .main-visual .catch span {font-size: 3.3rem; margin-bottom: 2rem; padding: 0 4rem; border-radius: 0 .5rem 0 0;}
#front .main-visual .catch span:last-child {margin-bottom: 0;}

/*動画再生終了後*/
#front .main-visual .video.is-hidden,
#front .main-visual .video-skip.is-hidden {pointer-events: none; visibility: hidden; opacity: 0;}
#front .main-visual .img.is-active {pointer-events: auto; visibility: visible; opacity: 1;} 
#front .main-visual .catch.is-active {pointer-events: auto; visibility: visible; opacity: 1;}

/*----------------------------------------
理念
----------------------------------------*/
#front .philosophy {margin: 10.5rem auto 3.3rem;}

#front .philosophy .img {width: 68.9rem; margin-right: 14.8rem;}

#front .philosophy .txt {width: 58.3rem; margin-top: 10.5rem;}
#front .philosophy .txt h2 {font-size: 3.3rem; line-height: 5rem; letter-spacing: .2em; margin-bottom: 3rem;}
#front .philosophy .txt p {font-size: 2.3rem; line-height: 4rem;}

@media only screen and (max-width: 1280px) {
  #front .philosophy {justify-content: center;}
  #front .philosophy .img {width: 62rem; margin-right: 13.3rem;}
}

/*----------------------------------------
サービス
----------------------------------------*/
#front .service {padding: 3.2rem 0 5rem;}

#front .service .service-list {flex-wrap: wrap; margin-top: -9rem;}
#front .service .service-list .list-item {width: calc((100% - 8rem) / 2); margin: 13rem 8rem 0 0;}
#front .service .service-list .list-item:nth-child(even) {margin-right: 0;}
#front .service .service-list .list-item .item-img {height: 32rem; margin-bottom: 3.4rem; border-radius: 3rem;}
#front .service .service-list .list-item .item-txt {margin: 0 5.5rem;}
#front .service .service-list .list-item .item-txt .item-ttl {font-size: 2.6rem; line-height: 4.2rem; letter-spacing: .14em; text-indent: .07em; margin-bottom: 2rem;}
#front .service .service-list .list-item .item-txt .item-desc {min-height: calc(2.8rem * 5); font-size: 2rem; line-height: 2.8rem; letter-spacing: .07em; margin: 0 2rem 2.4rem;}
#front .service .service-list .list-item .item-txt .item-link {font-size: 1.8rem; letter-spacing: .03em; text-indent: .3em; border: 2px solid #221a1a; padding: 1.5rem 0; border-radius: 3rem;}
#front .service .service-list .list-item .item-txt .item-link:after {top: calc(50% - 1.5rem); right: 2.5rem; border-width: 1.5rem 0 1.5rem 1.5rem;}

#front .service .deco.deco_bird {width: 12.6rem; top: -9.6rem; left: 0;}
#front .service .deco.deco_bear {width: 9.5rem; top: -9.8rem; right: -5rem;}
#front .service .deco.deco_tree {width: 20rem; bottom: -32.5rem; left: -12rem;}

/*----------------------------------------
ブログ
----------------------------------------*/
#front .blogs {padding: 5rem 0 0;}

/*----------------------------------------
別ページへの導線
----------------------------------------*/
#front .contents-link .c-flow-list {padding: 15rem 0;}

/*----------------------------------------
地図
----------------------------------------*/
#front .g-map {height: 66rem;}

/*----飾り----*/
#front .deco_dot-01 {width: 59.7rem; height: 46.9rem;}
#front .deco_dot-02 {bottom: 7.4rem; width: 39.3rem; height: 65.7rem;}
#front .deco_dot-03 {width: 58.7rem; height: 59.7rem;}

/*--------------------------------------------------------------------------
----------------------------------------------------------------------------
----------------------------------------------------------------------------
固定ページ
----------------------------------------------------------------------------
----------------------------------------------------------------------------
--------------------------------------------------------------------------*/

/*--------------------------------------------------------------------------
会社概要
--------------------------------------------------------------------------*/
#company {padding: 0 0 12rem;}

#company .about .about-table {margin: 0 auto 22rem; border: solid 1px #707070;}
#company .about .about-table tr th,
#company .about .about-table tr td {font-size: 2rem; letter-spacing: .15em; padding: 1rem 2rem; border-bottom: solid 1px #707070;}
#company .about .about-table tr th {width: 27.4rem;}
#company .about .about-table tr td {width: 52.6rem;}

/*--------------------------------------------------------------------------
お問い合わせ
--------------------------------------------------------------------------*/
#contact {padding: 0 0 12rem;}

#contact .contact-wrapper {width: 98rem; margin: 10rem auto 22rem;}

/*----テキスト----*/
#contact .contact-sec_txt {margin-bottom: 13rem;}
#contact .contact-sec_txt * {font-size: 2.2rem;}
#contact .contact-sec_txt p:not(:last-child) {margin-bottom: 4rem;}
#contact .contact-sec_txt .external-link:before {width: 2.41rem; height: 2.18rem;}
#contact .contact-sec_txt .headline {font-size: 3.5rem; line-height: 5rem; letter-spacing: .2rem; margin-bottom: 4rem;}
#contact .contact-sec_txt .headline:before {width: .6rem; margin-right: 2.2rem; border-radius: .4rem;}
#contact .contact-sec_txt .cese:not(:last-child) {margin-bottom: 3rem;}
#contact .contact-sec_txt .cese dt {font-size: 2.7rem; line-height: 5rem;}
#contact .contact-sec_txt .about-txt:not(:last-child) {margin-bottom: 6.5rem;}
#contact .contact-sec_txt .attention {padding: 3.6rem 4.2rem; border-radius: 1rem;}

/*----フォーム----*/
#contact .contact-sec_form .contact-item {display: flex; align-items: center; margin-bottom: 3rem;}
#contact .contact-sec_form .contact-item.top-align {align-items: flex-start;}
#contact .contact-sec_form .contact-item .ttl {width: 27rem; margin-right: 3.6rem; font-size: 2.2rem;}
#contact .contact-sec_form .contact-item .ttl .mandatory {font-size: 1.7rem; padding: .5rem; border-radius: .3rem;}
#contact .contact-sec_form .contact-item .input {width: calc(100% - 27rem - 3.6rem);}

#contact .contact-sec_form .confirmation-check-item {margin: 8.5rem 0 6rem;}
#contact .contact-sec_form .confirmation-check-item p {margin-left: 1.5rem;}

#contact .contact-sec_form input[type="text"],
#contact .contact-sec_form input[type="email"],
#contact .contact-sec_form input[type="tel"],
#contact .contact-sec_form input[type="url"],
#contact .contact-sec_form input[type="date"],
#contact .contact-sec_form input[type="time"],
#contact .contact-sec_form textarea {padding: .4rem 1.2rem; border-radius: .5rem;}
#contact .contact-sec_form textarea {height: 24rem;}

_:-ms-input-placeholder, :root #contact .contact-sec_form input[type="text"],
_:-ms-input-placeholder, :root #contact .contact-sec_form input[type="email"],
_:-ms-input-placeholder, :root #contact .contact-sec_form input[type="tel"],
_:-ms-input-placeholder, :root #contact .contact-sec_form input[type="url"],
_:-ms-input-placeholder, :root #contact .contact-sec_form input[type="date"],
_:-ms-input-placeholder, :root #contact .contact-sec_form input[type="time"],
_:-ms-input-placeholder, :root #contact .contact-sec_form textarea {padding: .4rem 1.2rem 1.2rem;}

#contact .contact-sec_form .wpcf7-radio,
#contact .contact-sec_form .wpcf7-checkbox {margin-left: 1.8rem;}
#contact .contact-sec_form .wpcf7-radio .wpcf7-list-item-label,
#contact .contact-sec_form .wpcf7-checkbox .wpcf7-list-item-label {margin-right: 1.6rem; padding-left: 2.5rem;}
#contact .contact-sec_form .wpcf7-radio .wpcf7-list-item-label:before {width: 1.5rem; height: 1.5rem;}
#contact .contact-sec_form .wpcf7-checkbox .wpcf7-list-item-label:before {width: 3rem; height: 3rem; border-radius: .3rem;}
#contact .contact-sec_form .wpcf7-checkbox .wpcf7-list-item-label:after {top: calc(.425em + .325rem); left: .95rem; width: 1rem; height: 1.75rem;}

#contact .contact-sec_form .confirmation-check-item .wpcf7-checkbox {margin-left: 0;}
#contact .contact-sec_form .confirmation-check-item .wpcf7-checkbox .wpcf7-list-item-label {margin-right: 0; padding-left: 5rem;}

#contact .contact-sec_form .submit-btn {width: 59.6rem;}
#contact .contact-sec_form .submit-btn input[type="submit"] {font-size: 2.8rem; padding: 3.6rem 0;}

/*--------------------------------------------------------------------------
プライバシーポリシー
--------------------------------------------------------------------------*/
#privacy {padding: 0 0 12rem;}

#privacy .privacy-wrapper {margin: 0 auto 22rem;}

#privacy .sec:not(:last-child) {margin-bottom: 5rem;}
#privacy .sec h2 {font-size: 3.25rem; letter-spacing: .15em; margin-bottom: 2.5rem; padding: .75rem 2.5rem;}
#privacy .sec h3 {font-size: 2.75rem; margin-top: 2.5rem;}
#privacy .sec p,
#privacy .sec ol {margin-top: 1.5rem;}

/*--------------------------------------------------------------------------
らぽぉる
--------------------------------------------------------------------------*/
#rapport .anchor-nav ul {width: 100%; justify-content: center; margin-top: 18.4rem;}
#rapport .anchor-nav ul li {color: #472525; margin-right: 4rem;}
#rapport .anchor-nav ul li:last-child {margin-right: 0;}
#rapport .anchor-nav ul li a {position: relative; display: inline-block; font-size: 2.3rem; color: inherit; font-weight: 500;}
#rapport .anchor-nav ul li a::after {content: ""; position: absolute; bottom: -4px; left: 0; width: 100%; height: 2px; background: #472525; transform: scale(0,1); transform-origin: center top; transition: transform .3s ease;}
#rapport .anchor-nav ul li a:hover::after {transform: scale(1,1);}

#rapport .main-visual {margin-top: 17.5rem;}
#rapport .main-visual .img {width: 143.9rem; height: 68.7rem;}

#rapport .about .txt {padding: 14.4rem 0 14.8rem;}
#rapport .about .txt h2 {font-size: 4rem; letter-spacing: .275em; text-indent: .275em; margin-bottom: 3.6rem;}
#rapport .about .txt p {font-size: 2.7rem; line-height: 5.8rem; letter-spacing: .21em; text-indent: .21em;}
#rapport .about .deco.deco-01 {top: 10rem; left: 16rem; width: 10.33rem; height: 10.51rem;}
#rapport .about .deco.deco-02 {bottom: 4.2rem; right: 6rem; width: 23.12rem; height: 22.55rem;}

#rapport .service {padding: 13rem 0 12rem;}
#rapport .service .deco-dot {top: -15.3rem; right: -19.8rem; width: 56rem; height: 55.5rem;}
#rapport .service .sec-ttl .c-headline {margin-bottom: 11.5rem;}
#rapport .service .sec-ttl .c-headline .main-head {margin-bottom: 2.4rem;}
#rapport .service .sec-ttl .deco {top: -.6rem; left: calc(50% + 32.7rem); width: 9.6rem; height: 6.6rem;}
#rapport .service .service-list .list-item {align-items: center; margin-bottom: 13rem;}
#rapport .service .service-list .list-item:nth-child(odd) {left: calc(-1 * ((100vw - 160rem) / 2));}
#rapport .service .service-list .list-item:nth-child(even) {right: calc(-1 * ((100vw - 160rem) / 2)); flex-direction: row-reverse;}
#rapport .service .service-list .list-item .item-img {width: 87.2rem; height: 50.9rem;}
#rapport .service .service-list .list-item:nth-child(odd) .item-img {border-radius: 0 3rem 3rem 0;}
#rapport .service .service-list .list-item:nth-child(even) .item-img {border-radius: 3rem 0 0 3rem;}
#rapport .service .service-list .list-item .item-txt {max-width: 64rem;}
#rapport .service .service-list .list-item:nth-child(odd) .item-txt {margin-left: 8.5rem;}
#rapport .service .service-list .list-item:nth-child(even) .item-txt {margin-right: 8.5rem;}
#rapport .service .service-list .list-item .item-txt .txt-ttl {font-size: 3.5rem; letter-spacing: .275em; margin-bottom: 1.6rem;}
#rapport .service .service-list .list-item .item-txt .txt-sub-ttl {font-size: 2.6rem; line-height: 3.6rem; letter-spacing: .14em; margin-bottom: 2rem;}
#rapport .service .service-list .list-item .item-txt .txt {font-size: 2.1rem; line-height: 4rem; letter-spacing: .125em;}
#rapport .service .service-list .list-item.grow .deco.dot {top: -32.5rem; left: -60rem; width: 152.3rem; height: 109.7rem;}
#rapport .service .service-list .list-item.make .deco.dot {top: -13rem; right: -44rem; width: 137.4rem; height: 96.8rem;}
#rapport .service .service-list .list-item.send .deco.dot {top: -6rem; left: -41.5rem; width: 133rem; height: 77.3rem;}
#rapport .service .service-list .list-item.grow .deco.grain {bottom: -12.8rem; left: 3rem; width: 12.95rem; height: 11.9rem;}
#rapport .service .service-list .list-item.make .deco.grain {bottom: -10.3rem; right: 16rem; width: 12.3rem; height: 12.8rem;}
#rapport .service .service-list .list-item.send .deco.grain {bottom: -12.3rem; left: 57.2rem; width: 8.17rem; height: 8.94rem;}
#rapport .service .service-list .list-item.grow .deco.illust {bottom: -6.1rem; right: -8.2rem; width: 10.1rem; height: 12.1rem;}
#rapport .service .service-list .list-item.make .deco.illust {top: 3.6rem; left: -19.6rem; width: 14.9rem; height: 8.3rem;}
#rapport .service .service-list .list-item.send .deco.illust {bottom: 0; right: -18rem; width: 18.3rem; height: 14.6rem;}

@media screen and (min-width: 1921px) {
  #rapport .service .container {max-width: 1920px;}
  #rapport .service .service-list .list-item:nth-child(odd) {left: calc(-1 * ((1920px - 160rem) / 2));}
  #rapport .service .service-list .list-item:nth-child(even) {right: calc(-1 * ((1920px - 160rem) / 2));}
  #rapport .service .service-list .list-item:nth-child(odd) .item-img,
  #rapport .service .service-list .list-item:nth-child(even) .item-img {border-radius: 3rem;}
}

@media screen and (max-width: 1333px) {
  #rapport .service .container {width: 100%;}
  #rapport .service .service-list .list-item {width: 100%;}
  #rapport .service .service-list .list-item:nth-child(odd) {left: 0;}
  #rapport .service .service-list .list-item:nth-child(even) {right: 0;}
  #rapport .service .service-list .list-item .item-img {width: 49.4%;}
  #rapport .service .service-list .list-item .item-txt {width: 40%;}
  #rapport .service .service-list .list-item:nth-child(odd) .item-txt,
  #rapport .service .service-list .list-item:nth-child(even) .item-txt {margin: 0 5.4%;}
}

#rapport .blogs {padding: 10.8rem 0;}
#rapport .blogs .deco {top: -7.7rem; left: 8rem; width: 21.5rem; height: 23.6rem;}

#rapport .new-items {padding: 15rem 0;}
#rapport .new-items .new-items-list {margin-bottom: 1.6rem;}
#rapport .new-items .new-items-list .list-item {width: calc((100% - 9.6rem) / 4); height: 28.6rem; margin: 0 3.2rem 3.2rem 0;}
#rapport .new-items .new-items-list .list-item:nth-child(4n) {margin-right: 0;} 

#rapport .recruit {padding: 15rem 0;}
#rapport .recruit .deco.dot-01 {width: 47.1rem; height: 106.4rem;}
#rapport .recruit .deco.dot-02 {width: 35.3rem; height: 54.1rem;}
#rapport .recruit .deco.dot-03 {bottom: -57.8rem; width: 74.9rem; height: 93.3rem;}
#rapport .recruit .invite {margin-bottom: 3.2rem;}
#rapport .recruit .invite p {font-size: 2.5rem; line-height: 3.6rem; letter-spacing: .055em; margin-bottom: 1.5rem;}
#rapport .recruit .invite .balloon {left: -.95rem; width: 12rem; height: 2.39rem; margin-bottom: 2.2rem;}
#rapport .recruit .invite .frog {left: -.325rem; width: 12.3rem; height: 9rem;}
#rapport .recruit .sec-txt {margin-bottom: 4.2rem;}
#rapport .recruit .sec-txt .ttl {font-size: 4.5rem; letter-spacing: .315em; text-indent: .315em; margin-bottom: 2.8rem;}
#rapport .recruit .sec-txt .sub-ttl {font-size: 2.8rem; line-height: 4.95rem; letter-spacing: .15em; text-indent: .15em; margin-bottom: 3rem;}
#rapport .recruit .sec-txt .txt {font-size: 2.4rem; line-height: 4rem; letter-spacing: .11em;}
#rapport .recruit .c-link-btn {margin-bottom: 5rem;}
#rapport .recruit .expect .img.img-01 {width: 47.2rem; height: 47.2rem; margin-right: 4.2rem;}
#rapport .recruit .expect .img.img-02 {width: 32.8rem; height: 32.8rem; margin-top: 12.8rem;}
#rapport .recruit .expect .voice {top: 15.4rem; left: 89rem; font-size: 2.5rem; letter-spacing: .055em;}
#rapport .recruit .expect .voice:before,
#rapport .recruit .expect .voice:after {height: .3rem;}
#rapport .recruit .expect .voice:before {top: -3rem; left: -4rem; width: 7.5rem; transform: rotate(-36deg);}
#rapport .recruit .expect .voice:after {left: -.25rem; bottom: -4rem; width: 10.9rem; transform: rotate(11deg);}

/*--------------------------------------------------------------------------
Beeスタイル
--------------------------------------------------------------------------*/
#beestyle .main-visual {margin-top: 26rem;}
#beestyle .main-visual .img {width: 132.2rem; height: 80.7rem; margin-left: 20rem;}
#beestyle .main-visual .txt {top: 4.5rem; left: 7.95rem;}
#beestyle .main-visual .txt span {font-size: 3.7rem; line-height: 2; letter-spacing: .055em;}

#beestyle .about {margin: 14rem 0;}
#beestyle .about .sec-txt {width: 82rem;}
#beestyle .about .sec-txt .ttl {font-size: 4rem; line-height: 7rem; letter-spacing: .3em; text-indent: .3em; margin-bottom: 3rem;}
#beestyle .about .sec-txt .txt {font-size: 2.3rem; line-height: 4.8rem; letter-spacing: .173em;}
#beestyle .about .deco.clowd-01 {top: 9.6rem; left: -.5rem; width: 32.9rem; height: 17.5rem;}
#beestyle .about .deco.clowd-02 {top: 18.6rem; right: 3.5rem; width: 30rem; height: 15.2rem;}
#beestyle .about .deco.clowd-03 {bottom: -12.5rem; left: 20rem; width: 16.72rem; height: 7.57rem;}

#beestyle .room-condition {margin-top: calc(14rem + 9.375vw); padding: 0 0 15rem;}
#beestyle .room-condition:before {top: -9.375vw; border-width: 0 50vw 9.375vw 50vw;}
#beestyle .room-condition .condition-list .list-item {width: 49.5rem; height: 49.5rem; margin-right: 5.6rem;}
#beestyle .room-condition .condition-list .list-item:last-child {margin-right: 0;}
#beestyle .room-condition .condition-list .list-item .ttl {font-size: 4rem; line-height: 6rem; letter-spacing: .14em; text-indent: .14em; margin-bottom: 3rem;}
#beestyle .room-condition .condition-list .list-item .txt {font-size: 2.8rem; line-height: 4.3rem; letter-spacing: .14em; text-indent: .14em; min-height: 8.6rem;}

@media screen and (max-width: 1180px) {
  #beestyle .room-condition .condition-list .list-item {width: 29.364vw; height: 29.364vw; margin-right: 3.322vw;}
  #beestyle .room-condition .condition-list .list-item .ttl {font-size: 2.373vw; line-height: 3.559vw;}
  #beestyle .room-condition .condition-list .list-item .txt {font-size: 1.661vw; line-height: 2.55vw; min-height: 5.1vw;}
}

#beestyle .floor-plan {margin: 15rem 0 22rem;}
#beestyle .floor-plan .floor-list {display: flex; justify-content: center;}
#beestyle .floor-plan .floor-list .list-item {margin-right: 9rem;}
#beestyle .floor-plan .floor-list .list-item:last-child {margin-right: 0;}
#beestyle .floor-plan .floor-list .list-item.type-a .img {width: 66.6rem; height: 36.2rem; margin-bottom: 9.5rem;}
#beestyle .floor-plan .floor-list .list-item.type-b .img {width: 70.4rem; height: 39.7rem; margin-bottom: 6rem;}
#beestyle .floor-plan .floor-list .list-item .img .living {font-size: 2.8rem; line-height: 3.2rem; letter-spacing: .275em; text-indent: .275em;}
#beestyle .floor-plan .floor-list .list-item.type-a .img .living {top: 13.8rem; left: 9.7rem;}
#beestyle .floor-plan .floor-list .list-item.type-b .img .living {top: 12.6rem; left: 13.6rem;}
#beestyle .floor-plan .floor-list .list-item .ttl {font-size: 3.5rem;}
#beestyle .floor-plan .floor-list .list-item .ttl:before {top: .25rem; width: 3rem; height: 3rem; margin-right: 2.5rem;}

@media screen and (max-width: 1180px) {
  #beestyle .floor-plan .floor-list .list-item {margin-right: 5.339vw;}
  #beestyle .floor-plan .floor-list .list-item.type-a .img {width: 39.5vw; height: 21.4746vw; margin-bottom: 5.6356vw;}
  #beestyle .floor-plan .floor-list .list-item.type-b .img {width: 41.7627vw; height: 23.55vw; margin-bottom: 3.5593vw;}
  #beestyle .floor-plan .floor-list .list-item .img .living {font-size: 1.661vw; line-height: 1.898vw;}
  #beestyle .floor-plan .floor-list .list-item.type-a .img .living {top: 8.186vw; left: 5.7542vw;}
  #beestyle .floor-plan .floor-list .list-item.type-b .img .living {top: 7.4746vw; left: 8.0678vw;}
  #beestyle .floor-plan .floor-list .list-item .ttl {font-size: 2.076vw;}
  #beestyle .floor-plan .floor-list .list-item .ttl:before {top: .1483vw; width: 1.7797vw; height: 1.7797vw; margin-right: 1.483vw;}
}

#beestyle .room-facility {margin-bottom: 17rem;}
#beestyle .room-facility .facility-list {justify-content: center;}
#beestyle .room-facility .facility-list .item-list:not(:last-child) {margin-right: 2.5rem;}
#beestyle .room-facility .facility-list .item-list .icon {width: 15.7rem; height: 12.6rem; margin-bottom: 4.2rem;}
#beestyle .room-facility .facility-list .item-list .ttl {font-size: 2.5rem; line-height: 3.9rem; letter-spacing: .275em; text-indent: .275em;}

#beestyle .recruit {padding: 13.5rem 0;}
#beestyle .recruit .inner {padding: 9rem 0 8rem;}
#beestyle .recruit .ttl {margin-bottom: 6.4rem;}
#beestyle .recruit .ttl span {font-size: 4.3rem; letter-spacing: .275em; text-indent: .275em; margin: 0 3rem;}
#beestyle .recruit .ttl .border {top: .25rem; width: 3.35rem; height: 5.16rem;}
#beestyle .recruit .contact,
#beestyle .recruit .requirement li,
#beestyle .recruit .hiring {font-size: 2.5rem;}
#beestyle .recruit .contact {margin-bottom: 5rem;}
#beestyle .recruit .requirement {width: 75.7rem; margin-bottom: 4rem;}
#beestyle .recruit .requirement li {margin-bottom: 1.5rem;}
#beestyle .recruit .hiring {margin-bottom: 2.8rem;}

.fixed-recruit-anchor {bottom: 10.8rem; right: 3.2rem; width: 20.87rem; height: 14.18rem;}

/*--------------------------------------------------------------------------
エール
--------------------------------------------------------------------------*/
#ale .main-visual {justify-content: flex-end; margin: 9.2rem 0 19rem;}
#ale .main-visual .border {top: -33rem; left: -18.7rem; width: 87.03rem; height: 78.79rem;}
#ale .main-visual .img {top: 0; right: -8rem; width: 117.2rem; height: 98.3rem;}
#ale .main-visual .txt {position: absolute; top: 52.4rem; left: 14rem; font-size: 3.3rem; line-height: 6rem; letter-spacing: .18em;}

#ale .about .sec-txt {width: 62rem;}
#ale .about .sec-txt .ttl {font-size: 3.3rem; line-height: 6rem; letter-spacing: .15em; margin-bottom: 2rem;}
#ale .about .sec-txt .txt {font-size: 2.6rem; line-height: 4.5rem;}
#ale .about.story {margin-bottom: 14rem;}
#ale .about.support {flex-direction: row-reverse; margin-bottom: 15rem;}
#ale .about.story .sec-img {width: 73.9rem; height: 63.2rem; margin-right: 5.2rem;}
#ale .about.support .sec-img {width: 74.2rem; height: 63.6rem; margin-left: 5.6rem;}
#ale .about.story .sec-txt {margin-top: 12.8rem;}
#ale .about.support .sec-txt {margin-top: 15.8rem;}

#ale .service {padding: 11.5rem 0; border-radius: 2rem;}
#ale .service .inner {display: flex; justify-content: space-between; align-items: center;}
#ale .service .sec-about {width: 38.2rem;}
#ale .service .sec-about .ttl {font-size: 3.5rem; line-height: 6rem; letter-spacing: .3em; margin-bottom: 2rem;}
#ale .service .sec-list {width: calc(100% - 38.2rem - 24rem);}
#ale .service .sec-list .list-item:not(:last-child) {margin-bottom: 3.2rem;}
#ale .service .sec-list .list-item .ttl {margin-bottom: 1.5rem;}
#ale .service .sec-list .list-item .ttl .check {width: 3.4rem; height: 3.4rem; margin: .5rem 2rem 0 0;}
#ale .service .sec-list .list-item .ttl span {font-size: 3rem; line-height: 1; letter-spacing: .118em;}
#ale .service .sec-list .list-item .txt {letter-spacing: .15em; line-height: 3.3rem; margin-left: 5.75rem;}

@media screen and (max-width: 1180px) {
  #ale .service {margin: 0 4rem;}
}

#ale .business {margin: 17.5rem 0 19rem;}
#ale .business .headline {margin-bottom: 5.8rem; padding-bottom: 1.2rem;}
#ale .business .headline:after {left: calc(50% - 2rem); width: 4rem; height: .4rem;}
#ale .business .headline .sub-head {letter-spacing: .12em; text-indent: -.12em;}
#ale .business .headline .main-head {font-size: 3.5rem; letter-spacing: .2em; text-align: .2em;}
#ale .business .business-list {display: flex; justify-content: center;}
#ale .business .business-list .list-item {width: calc((100% - 14rem) / 3);}
#ale .business .business-list .list-item:not(:last-child) {margin-right: 7rem;}
#ale .business .business-list .list-item .ttl {font-size: 3rem; letter-spacing: .15em; margin-bottom: 1.625rem;}
#ale .business .business-list .list-item .txt {line-height: 3.6rem; letter-spacing: .14em;}
#ale .business .business-list .list-item .img {width: 31.9rem; height: 31.9rem; margin: 0 auto 3.2rem;}
#ale .business .business-list .list-item.sp-support .img img {width: 20.8rem; height: 17.6rem;}
#ale .business .business-list .list-item.nomal-support .img img {width: 20.5rem; height: 17.4rem;}
#ale .business .business-list .list-item.plan-support .img img {width: 17.6rem; height: 19.3rem;}

#ale .flow {display: flex; align-items: flex-start;}
#ale .flow .headline {margin: .5rem 8.4rem 0 6rem;}
#ale .flow .headline .ttl {font-size: 3.5rem; letter-spacing: .36em; -ms-writing-mode: tb-rl; writing-mode: vertical-rl; max-height: 12.24em;}
#ale .flow .headline .binder {position: absolute; bottom: -8.2rem; right: -37.7rem; width: 16.1rem; height: 16.5rem;}
#ale .flow .flow-list .list-item {position: absolute; width: 45.5rem; background: #fff;}
#ale .flow .flow-list .list-item:nth-child(1) {top: 0; left: 2.75rem;}
#ale .flow .flow-list .list-item:nth-child(2) {top: 9rem; left: 53.7rem;}
#ale .flow .flow-list .list-item:nth-child(3) {top: 33.9rem; left: 36.9rem; width: 73.5rem;}
#ale .flow .flow-list .list-item:nth-child(4) {top: 55.4rem; left: 1.4rem;}
#ale .flow .flow-list .list-item:nth-child(5) {top: 69.8rem; left: 48.3rem;}
#ale .flow .flow-list .list-item:nth-child(6) {top: 85.8rem; left: 94.3rem;}
#ale .flow .flow-list .list-item .num {width: 11.8rem; height: 11.8rem; margin-right: 3.25rem;}
#ale .flow .flow-list .list-item .num:before {top: 3.8rem; left: 0; width: 13.8rem; height: .3rem; border-radius: .15rem;}
#ale .flow .flow-list .list-item .num:after {border-width: 0 0 5.9rem 5.9rem;}
#ale .flow .flow-list .list-item .num span:before {font-size: 4.3rem;}
#ale .flow .flow-list .list-item .sec-txt {margin-top: 4rem;}
#ale .flow .flow-list .list-item .sec-txt .ttl {font-size: 3rem; margin-bottom: 1.8rem;}
#ale .flow .flow-list .list-item .sec-txt .txt {line-height: 3rem;}
#ale .flow .flow-list .line {top: 5.4rem; left: -.4rem; width: 102.7336rem; height: 92.9091rem;}
#ale .flow .img {top: 5rem; right: -4rem; width: 41.6rem; height: 29.9rem;}

_:-ms-input-placeholder,
:root {}

@media screen and (max-width: 1340px) and (min-width: 1281px) {
  #ale .flow .headline {margin: .5rem 4.76425vw 0 3.4029vw;}
}
@media screen and (max-width: 1180px) {
  #ale .flow .headline {margin: .5rem 4.983vw 0 3.559vw;}
  #ale .flow .headline .ttl {font-size: 2.076vw;}
  #ale .flow .headline .binder {bottom: -4.864vw; right: -22.364vw; width: 9.55vw; height: 9.788vw;}
  #ale .flow .flow-list .list-item {width: 26.99vw;}
  #ale .flow .flow-list .list-item:nth-child(1) {left: 1.631vw;}
  #ale .flow .flow-list .list-item:nth-child(2) {top: 5.339vw; left: 31.86vw;}
  #ale .flow .flow-list .list-item:nth-child(3) {top: 20.11vw; left: 21.89vw; width: 43.6vw;}
  #ale .flow .flow-list .list-item:nth-child(4) {top: 32.864vw; left: .8305vw;}
  #ale .flow .flow-list .list-item:nth-child(5) {top: 41.406vw; left: 28.653vw;}
  #ale .flow .flow-list .list-item:nth-child(6) {top: 50.9vw; left: 55.94vw;}
  #ale .flow .flow-list .list-item .num {width: 7vw; height: 7vw; margin-right: 1.928vw;}
  #ale .flow .flow-list .list-item .num:before {top: 2.254vw; left: 0; width: 8.186vw; height: .178vw; border-radius: .089rem;}
  #ale .flow .flow-list .list-item .num:after {border-width: 0 0 3.5vw 3.5vw;}
  #ale .flow .flow-list .list-item .num span:before {font-size: 2.55vw;}
  #ale .flow .flow-list .list-item .sec-txt {margin-top: 2.373vw;}
  #ale .flow .flow-list .list-item .sec-txt .ttl {font-size: 1.78vw; margin-bottom: 1.068vw;}
  #ale .flow .flow-list .list-item .sec-txt .txt {font-size: 1.186vw; line-height: 1.78vw; white-space: nowrap;}
  #ale .flow .flow-list .line {top: 3.203vw; left: -.237vw; width: 60.944vw; height: 55.116vw;}
  #ale .flow .img {top: 2.966vw; right: -2.372vw; width: 24.678vw; height: 17.737vw;}
}

#ale .contact {margin-top: 17.5rem;}
#ale .contact .contact-inner {padding: 8.5rem 0 12.5rem;}
#ale .contact .hiring {font-size: 3.3rem; letter-spacing: .15em; text-indent: .15em; margin-bottom: 5.75rem;}
#ale .contact .hiring:before,
#ale .contact .hiring:after {top: .5rem; width: .3rem; height: 4rem; border-radius: .15rem;}
#ale .contact .hiring:before {left: -2rem;}
#ale .contact .hiring:after {right: -2rem;}
#ale .contact .c-tel-btn .num span {color: #000; padding-left: 1.5rem;}

/*--------------------------------------------------------------------------
うららか
--------------------------------------------------------------------------*/
#uraraka .main-visual {margin-top: 10.5rem;}
#uraraka .main-visual .img {left: -1.3rem; width: 123rem; height: 100rem;}
#uraraka .main-visual .txt {position: absolute; right: 0; bottom: 17rem; font-size: 3.7rem; line-height: 6.9rem; letter-spacing: .2em;}

#uraraka .sales {margin: 15rem auto 29rem;}
#uraraka .sales .inner {display: flex; justify-content: center; align-items: flex-end;}
#uraraka .sales .sec-imgs {margin-right: 10rem;}
#uraraka .sales .sec-imgs .img {width: 28.5rem; height: 68.3rem; border-radius: 3rem;}
#uraraka .sales .sec-imgs .img:nth-child(even) {margin-top: 8rem;}
#uraraka .sales .sec-imgs .img:not(:last-child) {margin-right: 5rem;}
#uraraka .sales .sec-txt .ttl {font-size: 4.5rem; line-height: 5rem; letter-spacing: .3em; text-indent: .3em; margin-bottom: 6.4rem;}
#uraraka .sales .sec-txt .ttl span {font-size: 6rem; margin: 2.25rem 0 2.75rem;}
#uraraka .sales .sec-txt .txt {font-size: 2.2rem; line-height: 5rem; letter-spacing: .257em;}
#uraraka .sales .deco.bento {top: -3.375rem; left: 1.75rem; width: 7.9rem; height: 8.3rem;}
#uraraka .sales .deco.books {top: 17.4rem; right: 1.25rem; width: 11.2rem; height: 8.6rem;}

#uraraka .biz .tab-switch {top: -9rem; width: 59.4rem;}
#uraraka .biz .bento-biz .tab-switch {left: calc(50% - 59.4rem - 1.6rem);}
#uraraka .biz .books-biz .tab-switch {left: calc(50% + 1.6rem);}
#uraraka .biz .tab-switch a {font-size: 4rem; letter-spacing: .3em; text-indent: .3em; padding: 2.5rem 0; border-radius: 2rem 2rem 0 0;}

/*弁当*/
#uraraka .biz .bento-biz .tab-contents {padding-top: 16.5rem;}
#uraraka .biz .bento-biz .abouts {display: flex; }
#uraraka .biz .bento-biz .abouts .sec-txt {width: 62rem; margin-right: 7.2rem;}
#uraraka .biz .bento-biz .abouts .sec-txt .ttl {font-size: 3.7rem; line-height: 6.9rem; letter-spacing: .2em; text-indent: -.8em; margin-bottom: 2rem; padding-left: 1em;}
#uraraka .biz .bento-biz .abouts .sec-txt .txt {font-size: 2.5rem; line-height: 5rem; letter-spacing: .12em;}
#uraraka .biz .bento-biz .abouts .sec-img {width: 69.3rem; height: 33rem; margin: 24.2rem -18.5rem 0 0;}
#uraraka .biz .bento-biz .abouts .sec-img .fig span {font-size: 2.5rem; letter-spacing: .3em;}
#uraraka .biz .bento-biz .abouts .sec-img .fig.fig-01 {top: -16.2rem; left: 5.4rem;}
#uraraka .biz .bento-biz .abouts .sec-img .fig.fig-01 .deco {top: -3.6rem; left: -4.2rem; width: 7.07rem; height: 4.57rem;}
#uraraka .biz .bento-biz .abouts .sec-img .fig.fig-01 .line {bottom: -12rem; left: 12rem; width: 5.61rem; height: 8.91rem;}
#uraraka .biz .bento-biz .abouts .sec-img .fig.fig-02 {top: -17.8rem; right: 0;}
#uraraka .biz .bento-biz .abouts .sec-img .fig.fig-02 .deco {top: -3.2rem; right: -3.6rem; width: 6.71rem; height: 2.59rem;}
#uraraka .biz .bento-biz .abouts .sec-img .fig.fig-02 .line {bottom: -11.6rem; left: -3.2rem; width: 8.63rem; height: 9.25rem;}
#uraraka .biz .bento-biz .abouts .sec-img .photo .shadow-base {bottom: 2.5rem; right: 1.5rem; width: 58.3rem; height: 26.8rem; filter: drop-shadow(1.2rem 1.7rem 8.8rem rgba(44,24,5, .86));}

@media screen and (max-width: 1180px) {
  #uraraka .biz .bento-biz .abouts .sec-txt {width: 36.78vw; margin-right: 4.27vw;}
  #uraraka .biz .bento-biz .abouts .sec-img {width: 41.1vw; height: 19.57vw;}
  #uraraka .biz .bento-biz .abouts .sec-img .photo .shadow-base {bottom: 1.483vw; right: .8898vw; width: 34.58vw; height: 15.898vw;}
}

#uraraka .biz .bento-biz .commit {margin: 19rem 0 20rem;}
#uraraka .biz .bento-biz .commit .ttl {font-size: 3.7rem; letter-spacing: .2em; text-indent: .2em; margin-bottom: 10.8rem;}
#uraraka .biz .bento-biz .commit .commit-list {display: flex; justify-content: center; margin: 0 4.2rem;}
#uraraka .biz .bento-biz .commit .commit-list .list-item {width: calc((100% - 20rem) / 3);}
#uraraka .biz .bento-biz .commit .commit-list .list-item:not(:last-child) {margin-right: 10rem;} 
#uraraka .biz .bento-biz .commit .commit-list .list-item .img {width: 19.2rem; height: 19.2rem; margin-bottom: 2.8rem;}
#uraraka .biz .bento-biz .commit .commit-list .list-item .txt {font-size: 2.6rem; line-height: 4.5rem;}

/*古本*/
#uraraka .biz .books-biz .tab-contents {padding-top: 16.5rem;}
#uraraka .biz .books-biz .abouts .sec-txt {width: 67rem; margin: 0 auto 9.6rem;}
#uraraka .biz .books-biz .abouts .sec-txt .ttl {font-size: 3.7rem; line-height: 7rem; letter-spacing: .2em; margin-bottom: 3.2rem;}
#uraraka .biz .books-biz .abouts .sec-txt .txt {font-size: 2.5rem; line-height: 4.5rem; letter-spacing: .15em;}
#uraraka .biz .books-biz .abouts .sec-img .img-list .list-item {width: 48.4rem; height: 48.4rem;}
#uraraka .biz .books-biz .abouts .sec-img .img-list .list-item .item-warp {top: -5.2rem;}
#uraraka .biz .books-biz .abouts .sec-img .img-list .list-item.trade-book .img {width: 25.7rem; height: 33.7rem; margin-bottom: 2.15rem;}
#uraraka .biz .books-biz .abouts .sec-img .img-list .list-item.trade-natubomb .img {width: 22.5rem; height: 35.1rem; margin-bottom: .75rem;}
#uraraka .biz .books-biz .abouts .sec-img .img-list .list-item .txt {font-size: 3rem; text-indent: .1em;}
#uraraka .biz .books-biz .abouts .sec-img .img-list .arrow {width: 18.54rem; height: 10.69rem;}
#uraraka .biz .books-biz .natubomb {margin: 20rem 0; align-items: center;}
#uraraka .biz .books-biz .natubomb .sec-img {width: 54.1rem; border-radius: 3rem; margin-right: 8rem;}
#uraraka .biz .books-biz .natubomb .sec-txt {width: calc(100% - 54.1rem - 3rem);}
#uraraka .biz .books-biz .natubomb .sec-txt .ttl {font-size: 3.7rem; line-height: 7rem; letter-spacing: .2em; margin-bottom: .75rem;}
#uraraka .biz .books-biz .natubomb .sec-txt .txt {font-size: 2.5rem; line-height: 5rem; letter-spacing: .15em;}
#uraraka .biz .books-biz .natubomb .deco {bottom: -2.6rem; right: 0; width: 14.3rem; height: 12.1rem;}

/*CTA*/
#uraraka .biz .contact-cta {height: 58.4rem;}
#uraraka .biz .contact-cta .ttl {font-size: 4rem; line-height: 7rem; letter-spacing: .12em; text-indent: .12em;}
#uraraka .biz .contact-cta .txt {font-size: 2rem; line-height: 4rem;}
#uraraka .biz .contact-cta .btn {width: 33.8rem; padding: 1.75rem 0; border: 2px solid #fff; border-radius: 3rem;}

#uraraka .biz .bento-biz .contact-cta {background-image: url(../img/uraraka/uraraka__bento-biz__contact_bg__pc.webp);}
#uraraka .biz .bento-biz .contact-cta .ttl {margin-bottom: 5rem;}
#uraraka .biz .books-biz .contact-cta {background-image: url(../img/uraraka/uraraka__books-biz__contact_bg__pc.webp);}
#uraraka .biz .books-biz .contact-cta .ttl,
#uraraka .biz .books-biz .contact-cta .txt {margin-bottom: 3.2rem;}

.no-webp #uraraka .biz .bento-biz .contact-cta {background-image: url(../img/uraraka/uraraka__bento-biz__contact_bg__pc.jpg);}
.no-webp #uraraka .biz .books-biz .contact-cta {background-image: url(../img/uraraka/uraraka__books-biz__contact_bg__pc.jpg);}

/*--------------------------------------------------------------------------
----------------------------------------------------------------------------
----------------------------------------------------------------------------
投稿ページ
----------------------------------------------------------------------------
----------------------------------------------------------------------------
--------------------------------------------------------------------------*/

/*タグ*/
#post-blog .cate-tag-item {font-size: 1.6rem; border-radius: .5rem;}

/*--------------------------------------------------------------------------
ブログ一覧
--------------------------------------------------------------------------*/
#post-blog.archive .c-headline .leef {top: .5rem; left: calc(50% + 7.2rem); width: 6.4rem; height: 8.4rem;}

#post-blog.archive .cate-list-selecter {width: 37rem; border-radius: .5rem; margin-bottom: 12rem;}
#post-blog.archive .cate-list-selecter i {right: 1.6rem; top: calc(50% - .5rem - 2px); width: 1rem; height: 1rem;}
#post-blog.archive .cate-list-selecter select {letter-spacing: .05em; padding: .5rem 2.4rem;}
#post-blog.archive .cate-list-selecter.is-open i {top: calc(50% - .5rem + 2px);}

#post-blog.archive .post-list {flex-wrap: wrap; margin: 0 4.2rem 4.2rem;}
#post-blog.archive .post-list .post-item {width: calc((100% - 4.2rem) / 2); margin: 0 4.2rem 2rem 0;}
#post-blog.archive .post-list .post-item:nth-child(even) {margin-right: 0;}
#post-blog.archive .post-list .post-item a {border-radius: 0 0 1rem 1rem;}
#post-blog.archive .post-list .post-item .item-img {height: 37.5rem; border-radius: 1rem; margin-bottom: 1.8rem;}
#post-blog.archive .post-list .post-item .item-img .no-image .logo {width: 27.25rem;}
#post-blog.archive .post-list .post-item .item-txt {padding: 0 1.5rem 1.5rem;}
#post-blog.archive .post-list .post-item .item-txt .state {margin-bottom: 1.5rem;}
#post-blog.archive .post-list .post-item .item-txt .time {font-size: 1.8rem; letter-spacing: .088em; margin-bottom: 1.5rem;}
#post-blog.archive .post-list .post-item .item-txt .entry-new {font-size: 2.75rem; margin-left: 1.5rem;}
#post-blog.archive .post-list .post-item .item-txt .cate-tag-list {gap: .75rem;}
#post-blog.archive .post-list .post-item .item-txt .cate-tag-item {padding: .7rem 2rem;}
#post-blog.archive .post-list .post-item .item-txt .ttl {font-size: 2.5rem; line-height: 3.6rem; letter-spacing: .088em; margin-bottom: 1.2rem;}
#post-blog.archive .post-list .post-item .item-txt .excerpt {font-size: 1.8rem; line-height: 3rem; max-height: 9rem;}

#post-blog.archive .wp-pagenavi {margin-bottom: 10rem;}
#post-blog.archive .c-back-btn {margin-bottom: 12rem;}

/*--------------------------------------------------------------------------
ブログ個別
--------------------------------------------------------------------------*/
#post-blog.single .inner {margin-top: 10.5rem;}

#post-blog.single .post-head {margin: 4rem 0 6.5rem;}
#post-blog.single .post-head .post-ttl {margin-bottom: 6rem;}
#post-blog.single .post-head .post-ttl .txt {font-size: 3.5rem; line-height: 5.5rem; letter-spacing: .09em;}
#post-blog.single .post-head .post-ttl .leef {top: 0; left: -6.9rem; width: 5.9rem; height: 6.9rem;}
#post-blog.single .post-head .post-state .cate-tag-list {gap: 2rem;}
#post-blog.single .post-head .post-state .cate-tag-item {font-size: 1.8rem; min-width: 16rem; padding: .8rem 1rem; letter-spacing: .088em;}
#post-blog.single .post-head .post-state .entry-new {font-size: 2.75rem; margin-left: 1.5rem;}
#post-blog.single .post-head .post-state .time {margin-bottom: 1rem; letter-spacing: .088em;}

#post-blog.single .post_doc {margin: 0 12rem 20rem;}

#post-blog.single .post-link {margin-bottom: 22rem; border-radius: 1rem; border: 1px solid #e0e0e0;}
#post-blog.single .post-link:before {content: ""; position: absolute; left: 50%; top: 0; width: 1px; height: 100%; background: #e0e0e0; transition: .4s ease;}
#post-blog.single .post-link .post-item {width: 50%;}
#post-blog.single .post-link .post-item .arrow {width: 4.2rem;}
#post-blog.single .post-link .post-item .arrow:before {top: calc(50% - .7rem - 2px);}
#post-blog.single .post-link .post-item.next .arrow:before {left: calc(2.1rem - 1.2rem + 2px); border-width: 1.2rem 1.4rem 1.2rem 0;}
#post-blog.single .post-link .post-item.prev .arrow:before {right: calc(2.1rem - 1.2rem + 2px); border-width: 1.2rem 0 1.2rem 1.4rem;}
#post-blog.single .post-link .post-item .post-inner {width: calc(100% - 4.2rem); padding: 1.5rem;}
#post-blog.single .post-link .post-item .post-img {width: 15rem; height: 10rem;}
#post-blog.single .post-link .post-item .post-img .no-image .logo {width: 9.75rem;}
#post-blog.single .post-link .post-item .post-ttl {width: calc(100% - 15rem - 1.8rem);}
#post-blog.single .post-link .post-item.next .post-ttl {margin-left: 1.8rem;}
#post-blog.single .post-link .post-item.prev .post-ttl {margin-right: 1.8rem;}

#post-blog.single .more-posts {margin-bottom: 13rem;}
#post-blog.single .more-posts .sec-ttl {font-size: 2.7rem; margin-bottom: 6.4rem;}
#post-blog.single .more-posts .post-list .post-item {width: calc((100% - 4rem) / 3); border-radius: 1rem; margin: 0 2rem 2rem 0;}
#post-blog.single .more-posts .post-list .post-item:nth-child(3n) {margin-right: 0;}
#post-blog.single .more-posts .post-list .post-item .item-img {height: 25.2rem;}
#post-blog.single .more-posts .post-list .post-item .item-img .no-image .logo {width: 19.75rem;}
#post-blog.single .more-posts .post-list .post-item .item-txt {padding: 2rem;}
#post-blog.single .more-posts .post-list .post-item .item-txt .state {margin-bottom: 1.3rem;}
#post-blog.single .more-posts .post-list .post-item .item-txt .time {font-size: 1.6rem; margin-bottom: 1.3rem;}
#post-blog.single .more-posts .post-list .post-item .item-txt .entry-new {font-size: 2.5rem; margin-left: 1.3rem;}
#post-blog.single .more-posts .post-list .post-item .item-txt .cate-tag-list {gap: .75rem;}
#post-blog.single .more-posts .post-list .post-item .item-txt .cate-tag-item {font-size: 1.4rem; padding: .7rem 2rem;}
#post-blog.single .more-posts .post-list .post-item .item-txt .ttl {font-size: 2.3rem; line-height: 3.4rem; letter-spacing: .088em; margin-bottom: 1.1rem;}
#post-blog.single .more-posts .post-list .post-item .item-txt .excerpt {font-size: 1.6rem; line-height: 2.4rem; max-height: 7.2rem;}

#post-blog.single .tax-list {margin-bottom: 14rem;}
#post-blog.single .tax-list .cate-tag-list {gap: 2rem 6.5rem;}
#post-blog.single .tax-list .cate-tag-list li {min-width: calc((100% - 26rem) / 5);}
#post-blog.single .tax-list .cate-tag-list li .cate-tag-item {font-size: 1.8rem; padding: 1.2rem 0;}

#post-blog.single .c-back-btn {margin-bottom: 12rem;}

/*--------------------------------------------------------------------------
404
--------------------------------------------------------------------------*/
#notfound {margin-bottom: 10rem;}
#notfound .sec-txt {margin-bottom: 7rem;}