@charset "UTF-8";

html, body, div, span, object, iframe, article, aside, canvas, details, pre, figcaption, figure,
h1, h2, h3, h4, h5, h6, p, blockquote, pre, 
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, input, textarea, select, button, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {letter-spacing: .05em;}

@media only screen and (max-width: 1023px) and (min-width: 640px) {
  html {font-size: 15px;}
}

/*--------------------------------------------------------------------------
----------------------------------------------------------------------------
----------------------------------------------------------------------------
汎用
----------------------------------------------------------------------------
----------------------------------------------------------------------------
--------------------------------------------------------------------------*/
.pc {display: none;}

.container {margin: 0 auto;}
.inner {margin: 0 2rem;}

body * {font-size: 1.25rem;}

/*------------------------------------
見出し
------------------------------------*/
.c-headline {margin-bottom: 4rem;}
.c-headline .main-head {font-size: 1.55rem; line-height: 1; letter-spacing: .14em; text-indent: .14em; margin-bottom: .6rem;}
.c-headline .sub-head {font-size: .9rem; line-height: 1.4; letter-spacing: .1375em; text-indent: .1375em;}

/*------------------------------------
ボタン
------------------------------------*/
.c-link-btn {width: 25rem; border: 1px solid #221a1a; border-radius: .5rem;}
.c-link-btn .txt {font-size: 1.35rem; letter-spacing: .075em; text-indent: .075em; padding: 1.8rem 0;}
.c-link-btn .txt:before {top: calc(50% - .25rem); right: 1.3rem; width: 2.1rem; height: .5rem;}

/*------------------------------------
ボタン（戻る）
------------------------------------*/
.c-back-btn {max-width: 32.5rem; padding: .75rem 0; border: 1px solid #e0e0e0; border-radius: .5rem;}
.c-back-btn:before {border-radius: .5rem;}
.c-back-btn .txt {font-size: 1.25rem;}
.c-back-btn .leef {top: .05rem; right: .35rem; width: 4.575rem; height: 5.4rem;}

/*------------------------------------
電話
------------------------------------*/
.c-tel-btn:not(:last-child) {margin-bottom: 1.2rem;}
.c-tel-btn .icon {margin-right: .8rem;}
.c-tel-btn .icon.tel {width: 1.95rem; height: 2.3rem;}
.c-tel-btn .icon.fax {width: 2rem; height: 2.25rem;}
.c-tel-btn .num span {font-size: 1.85rem; letter-spacing: .28em; padding: .5rem .26rem .625rem .4rem;}
.c-tel-btn .num .border {width: 20rem; height: .15rem;}

/*------------------------------------
ページ上の波
------------------------------------*/
.c-deco_head {margin-bottom: 3.25rem;}
.c-deco_head:before {height: 4.134vw;}
.c-deco_head .dot {width: 11.7rem; height: 9.45rem;}

/*------------------------------------
ブログスライダー
------------------------------------*/
.c-blogs-list .list-item {width: 20.25rem; margin: 0 1.5rem; border: 1.5px solid #58271e; border-radius: 1rem;}
.c-blogs-list .list-item a {padding: 2.4rem 2.4rem 3.4rem;}
.c-blogs-list .list-item .item-img {height: 10rem; margin-bottom: 1rem;}
.c-blogs-list .list-item .item-img .no-image .logo {width: 7.4rem;}
.c-blogs-list .list-item .entry-time {font-size: .9rem; letter-spacing: .1em; margin-bottom: .5rem;}
.c-blogs-list .list-item .entry-new {font-size: 1.125rem; margin-left: 1rem;}
.c-blogs-list .list-item .entry-ttl {font-size: 1.25rem; line-height: 1.85rem; letter-spacing: .065em; margin-bottom: .9rem;}
.c-blogs-list .list-item .entry-excerpt {font-size: 1rem; line-height: 1.5rem; margin-bottom: 1.5rem; max-height: 7.5rem;}
.c-blogs-list .list-item .entry-more {right: 2.4rem; bottom: 2.4rem;}
.c-blogs-list .list-item .entry-more span {font-size: 1rem; letter-spacing: .1rem; margin-right: .5rem;}
.c-blogs-list .list-item .entry-more svg {top: .075rem; width: 1rem;}

.c-blogs-list .swiper-pagination {height: .6rem; margin-top: 2.5rem;}
.c-blogs-list .swiper-pagination .swiper-pagination-bullet {width: .6rem; height: .6rem; margin: 0 .4rem!important;}

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

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

/*------------------------------------
別ページへの導線
------------------------------------*/
.c-flow-list {max-width: 64rem;}
.c-flow-list .list-item {width: calc((100% - 1.25rem) / 2); height: 12.6rem; margin-right: 1.25rem;}
.c-flow-list .list-item:nth-child(2n) {margin-right: 0;}
.c-flow-list .list-item a {border-radius: 1.5rem;}
.c-flow-list .list-item .item-txt .main-head {font-size: 1.6rem; letter-spacing: .015em; text-indent: .015em; margin-bottom: .8rem;}
.c-flow-list .list-item .item-txt .sub-head {font-size: .9rem; letter-spacing: .015em; text-indent: .015em;}

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

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

/*--------------------------------------------------------------------------
ヘッダー
--------------------------------------------------------------------------*/
header {height: 5rem;}

/*ロゴ*/
header .page-logo {top: .8rem; width: 7.5rem;}
header .page-logo.rapport {top: .9rem; width: 2.9rem;}
header .page-logo.beestyle {top: .85rem; width: 3.3rem;}
header .page-logo.ale {top: .65rem; width: 3.75rem;}
header .page-logo.uraraka {top: .65rem; width: 3.75rem;}

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

/*ハンバーガー中身*/
header .header-nav .header-nav_inner {flex-direction: column; align-items: center; max-width: 26rem; margin: 0 auto; padding: 8.75rem 0;}

header .header-nav .logo {width: 10.35rem; height: 4.4rem; margin-bottom: 4rem;}

header .header-nav .nav-list_warp {width: 100%; flex-direction: column; margin-bottom: 5rem;}
header .header-nav .nav-list {width: 100%; border-bottom: solid 1px #707070;}
header .header-nav .nav-list:not(:last-child) {border-bottom: none;}
header .header-nav .nav-list li > .nav-list {border-bottom: none;}
header .header-nav .nav-list li {width: 100%; border-top: solid 1px #707070;}
header .header-nav .nav-list li .list-item {font-size: 1.05rem; padding: 1.5em 0;}
header .header-nav .nav-list li .list-item:after {right: 1rem; width: .5rem; height: .5rem;}
header .header-nav .nav-list li .nav-list li {padding-left: .5em;}

header .header-nav .link-list .link-list_icon {margin-right: 2.25rem;}
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: 1.75rem; height: 1.75rem;}

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

footer .about {justify-content: center;}

footer .about .info {margin: 0 1rem;}
footer .about .info .logo {width: 12.1rem; margin-bottom: .8rem;}
footer .about .info .address {font-size: 1.2rem; line-height: 1.8rem; letter-spacing: .0375em;}

footer .about .nav-list {margin: 0 2.5rem 0 1.5rem;}
footer .about .nav-list ul li:not(:last-child) {margin-bottom: 1.5rem;}
footer .about .nav-list ul li .list-item {font-size: 1.15rem; padding-left: .75rem;}
footer .about .nav-list ul li .list-item:after {top: calc(50% - .125rem); width: .5rem; height: .5rem;}

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

@media only screen and (max-width: 359px) {
  footer .about .info {margin: 0 1rem 0 0;}
  footer .about .nav-list {margin: 0;}
}

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

/*----------------------------------------
メインビジュアル
----------------------------------------*/
#front .main-visual {margin-top: 5rem;}
#front .main-visual .img {position: relative; z-index: 2;}

#front .main-visual .catch {bottom: 44%; left: 2rem; max-width: 18.45rem;}
#front .main-visual .catch span {color: #4d3a3a; font-size: 1.05rem; margin-bottom: 1rem; padding: 0 1.25rem; border-radius: 0 .25rem 0 0;}
#front .main-visual .catch span:last-child {margin-bottom: 0;}

/*----------------------------------------
理念
----------------------------------------*/
#front .philosophy {flex-direction: column; align-items: center; margin: 5rem auto 4rem;}

#front .philosophy .img {max-width: 30rem; margin: 0 auto 4.7rem;}

#front .philosophy .txt {display: flex; flex-direction: column; align-items: center; min-width: 24.45rem; margin: 0 5rem;}
#front .philosophy .txt h2 {font-size: 1.4rem; line-height: 2.5rem; letter-spacing: .115em; margin-bottom: 1.5rem;}
#front .philosophy .txt p {font-size: 1.15rem; line-height: 2rem; letter-spacing: .025em;}

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

#front .service .service-list {flex-wrap: wrap;}
#front .service .service-list .list-item {width: 100%; margin-bottom: 7rem;}
#front .service .service-list .list-item:last-child {margin-bottom: 0;}
#front .service .service-list .list-item .item-img {height: 19rem; margin-bottom: 1.65rem; border-radius: 1.5rem;}
#front .service .service-list .list-item .item-txt .item-ttl {font-size: 1.75rem; line-height: 2.5rem; letter-spacing: .07em; text-indent: .07em; margin-bottom: 1.3rem;}
#front .service .service-list .list-item .item-txt .item-desc {font-size: 1.3rem; line-height: 2rem; letter-spacing: .01em; margin: 0 0 2rem;}
#front .service .service-list .list-item .item-txt .item-link {font-size: 1.35rem; letter-spacing: .015em; text-indent: .015em; border: 1px solid #221a1a; padding: .75rem 0; border-radius: 1.5rem;}
#front .service .service-list .list-item .item-txt .item-link:after {top: calc(50% - .75rem); right: 2rem; border-width: .75rem 0 .75rem .75rem;}

#front .service .deco.deco_bird {width: 5.95rem; top: -4.8rem; left: 0;}
#front .service .deco.deco_bear {width: 4.8rem; top: -5rem; right: .6rem;}
#front .service .deco.deco_tree {width: 6.15rem; bottom: -9.2rem; left: 0;}

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

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

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

/*----飾り----*/
#front .deco_dot-01 {width: 14.65rem; height: 11.85rem;}
#front .deco_dot-02 {bottom: 25rem; width: 10.5rem; height: 17.55rem;}
#front .deco_dot-03 {width: 18.6rem; height: 18.9rem;}


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

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

#company .about .about-table {display: block; width: 100%; max-width: 64rem; margin: 0 auto 6rem;}
#company .about .about-table tbody,
#company .about .about-table tr {display: block;}
#company .about .about-table tr th,
#company .about .about-table tr td {display: block; font-size: 1rem; letter-spacing: .025em; padding: 1rem;}

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

#contact .contact-wrapper {max-width: 64rem; margin: 3.5rem auto 11rem;}

/*----テキスト----*/
#contact .contact-sec_txt {margin-bottom: 8rem;}
#contact .contact-sec_txt * {font-size: 1.25rem;}
#contact .contact-sec_txt p:not(:last-child) {margin-bottom: 2rem;}
#contact .contact-sec_txt .external-link:before {width: 1.525rem; height: 1.378rem;}
#contact .contact-sec_txt .headline {font-size: 1.75rem; line-height: 2.5rem; letter-spacing: .1rem; margin-bottom: 2rem;}
#contact .contact-sec_txt .headline:before {width: .3rem; margin-right: 1.1rem; border-radius: .2rem;}
#contact .contact-sec_txt .cese:not(:last-child) {margin-bottom: 1.5rem;}
#contact .contact-sec_txt .cese dt {font-size: 1.5rem; line-height: 2.5rem;}
#contact .contact-sec_txt .about-txt:not(:last-child) {margin-bottom: 5rem;}
#contact .contact-sec_txt .attention {padding: 2.7rem 3.4rem; border-radius: .5rem;}

/*----フォーム----*/
#contact .contact-sec_form .contact-item {margin: 0 2.8rem 2rem;}
#contact .contact-sec_form .contact-item * {font-size: 1.5rem;}
#contact .contact-sec_form .contact-item .ttl {font-size: 1.5rem; margin-bottom: 2rem;}
#contact .contact-sec_form .contact-item .ttl .mandatory {font-size: 1.3rem; padding: .25rem; border-radius: .15rem;}

#contact .contact-sec_form .confirmation-check-item {margin: 5.4rem 1.6rem 3.25rem;}
#contact .contact-sec_form .confirmation-check-item p {margin-bottom: .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: .2rem .6rem; border-radius: .25rem;}
#contact .contact-sec_form textarea {height: 18rem;}

#contact .contact-sec_form .wpcf7-radio .wpcf7-list-item-label,
#contact .contact-sec_form .wpcf7-checkbox .wpcf7-list-item-label {margin-right: 1.5rem; padding-left: 1.5rem;}
#contact .contact-sec_form .wpcf7-radio .wpcf7-list-item-label:before {width: 1.1rem; height: 1.1rem;}
#contact .contact-sec_form .wpcf7-checkbox .wpcf7-list-item-label:before {width: 2.2rem; height: 2.2rem; top: 0; left: calc(50% - 1.1rem); border-radius: .15rem;}
#contact .contact-sec_form .wpcf7-checkbox .wpcf7-list-item-label:after {top: .25rem; left: calc(50% + .625rem - .95rem); width: .75rem; height: 1.25rem;}

#contact .contact-sec_form .confirmation-check-item .wpcf7-checkbox {margin: 0;}
#contact .contact-sec_form .confirmation-check-item .wpcf7-checkbox .wpcf7-list-item-label {flex-direction: column; margin-right: 0; padding: 2.7rem 0 0;}

#contact .contact-sec_form .submit-btn {width: 100%; max-width: 30.8rem;}
#contact .contact-sec_form .submit-btn input[type="submit"] {font-size: 1.5rem; padding: 1.8rem 0;}

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

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

#privacy .sec:not(:last-child) {margin-bottom: 2.5rem;}
#privacy .sec h2 {font-size: 1.625rem; letter-spacing: .075em; margin-bottom: 1.5rem; padding: .375rem 1.25rem;}
#privacy .sec h3 {font-size: 1.5rem; margin-top: 1.25rem;}
#privacy .sec p,
#privacy .sec ol {margin-top: 1rem;}

/*--------------------------------------------------------------------------
らぽぉる
--------------------------------------------------------------------------*/
#rapport .main-visual {margin-top: 11.7rem;}
#rapport .main-visual .img {width: 100%; height: 77.47vw;}

#rapport .about .txt {padding: 5.25rem 0 6.8rem;}
#rapport .about .txt h2 {font-size: 1.65rem; letter-spacing: .1375em; text-indent: .1375em; margin-bottom: 2.2rem;}
#rapport .about .txt p {font-size: 1.1rem; line-height: 2.4rem; letter-spacing: .105em; text-indent: .105em;}
#rapport .about .deco.deco-01 {top: 3rem; left: -.75rem; width: 5.165rem; height: 5.255rem;}
#rapport .about .deco.deco-02 {bottom: 1.2rem; right: -1.5rem; width: 9.1rem; height: 8.875rem;}

@media only screen and (max-width: 374px) {
  #rapport .about .deco.deco-01 {left: -1.5rem;}
  #rapport .about .deco.deco-02 {right: -3rem;}
}
@media only screen and (max-width: 359px) {
  #rapport .about .deco.deco-01 {left: -2.25rem;}
  #rapport .about .deco.deco-02 {right: -4.5rem;}
}

#rapport .service {padding: 5.75rem 0 0;}
#rapport .service .deco-dot {top: -8.5rem; right: -13rem; width: 18.678rem; height: 17.8825rem;}
#rapport .service .sec-ttl .deco {top: -3.25rem; left: calc(50% - 1.85rem); width: 3.7rem; height: 2.25rem;}
#rapport .service .service-list {margin: 0 2rem;}
#rapport .service .service-list .list-item {flex-direction: column; margin-bottom: 8.5rem;}
#rapport .service .service-list .list-item .item-img {width: calc(100vw - 2rem); height: 21.4rem; margin-bottom: 3rem;}
#rapport .service .service-list .list-item:nth-child(odd) .item-img {left: -2rem; border-radius: 0 1.5rem 1.5rem 0;}
#rapport .service .service-list .list-item:nth-child(even) .item-img {right: 0; border-radius: 1.5rem 0 0 1.5rem;}
#rapport .service .service-list .list-item .item-txt {margin: 0 1.5rem;}
#rapport .service .service-list .list-item .item-txt .txt-ttl {font-size: 1.75rem; letter-spacing: .135em; margin-bottom: .8rem;}
#rapport .service .service-list .list-item .item-txt .txt-sub-ttl {font-size: 1.3rem; line-height: 1.8rem; letter-spacing: .075em; margin-bottom: 1rem;}
#rapport .service .service-list .list-item .item-txt .txt {font-size: 1.1rem; line-height: 2rem; letter-spacing: .06125em;}
#rapport .service .service-list .list-item.grow .deco.dot {top: -4.5rem; left: -2rem; width: 29.3rem; height: 36rem;}
#rapport .service .service-list .list-item.make .deco.dot {top: -6.5rem; right: -2rem; width: 18.9rem; height: 33rem;}
#rapport .service .service-list .list-item.send .deco.dot {top: -.7rem; left: -2rem; width: 11.3rem; height: 26.9rem;}
#rapport .service .service-list .list-item.grow .deco.grain {top: 19.55rem; left: -2.25rem; width: 4.5625rem; height: 4.194rem; z-index: 10;}
#rapport .service .service-list .list-item.grow .deco.illust {bottom: -3.5rem; right: 5rem; width: 3.55rem; height: 4.2rem;}
#rapport .service .service-list .list-item.make .deco.illust {bottom: -3.5rem; right: 0; width: 6.2855rem; height: 3.733rem;}
#rapport .service .service-list .list-item.send .deco.illust {bottom: -4.1rem; right: 2.25rem; width: 6.35rem; height: 4.7rem;}

#rapport .blogs {padding: 3.5rem 0 5.5rem;}
#rapport .blogs .deco {top: 2.4rem; left: calc(50% - 8.5rem); width: 4.25rem; height: 4.65rem;}
#rapport .blogs .c-headline {margin-bottom: 3rem;}

#rapport .new-items {padding: 3.5rem 0 7.5rem;}
#rapport .new-items .c-headline {margin-bottom: 3rem;}
#rapport .new-items .new-items-list {margin-bottom: 1.6rem;}
#rapport .new-items .new-items-list .list-item {width: calc((100% - 1.8rem) / 2); height: calc((100vw - 5.8rem) / 2); margin: 0 1.8rem 1.8rem 0;}
#rapport .new-items .new-items-list .list-item:nth-child(even) {margin-right: 0;}

@media only screen and (min-width: 640px) {
  #rapport .new-items .new-items-list .list-item {width: calc((100% - 5.4rem) / 4); height: calc((100vw - 9.4rem) / 4);}
  #rapport .new-items .new-items-list .list-item:nth-child(even) {margin-right: 1.8rem;}
  #rapport .new-items .new-items-list .list-item:nth-child(4n) {margin-right: 0;}
}

#rapport .recruit {padding: 3.5rem 0 2.5rem;}
#rapport .recruit .deco.dot-01 {width: 16.65rem; height: 69.35rem;}
#rapport .recruit .deco.dot-02 {width: 12.15rem; height: 72.45rem;}
#rapport .recruit .invite {margin-bottom: 1.75rem;}
#rapport .recruit .invite p {font-size: 1rem; line-height: 1.8rem; letter-spacing: .02525em; margin-bottom: .75rem;}
#rapport .recruit .invite .balloon {left: -.425rem; width: 6rem; height: 1.25rem; margin-bottom: 1.2rem;}
#rapport .recruit .invite .frog {left: -.1725rem; width: 6.15rem; height: 4.5rem;}
#rapport .recruit .sec-txt {margin-bottom: 2.1rem;}
#rapport .recruit .sec-txt .ttl {font-size: 2rem; letter-spacing: .1575em; text-indent: .1575em; margin-bottom: 1.4rem;}
#rapport .recruit .sec-txt .sub-ttl {font-size: 1.2rem; line-height: 2.4rem; letter-spacing: .075em; text-indent: .075em; margin-bottom: 1.4rem;}
#rapport .recruit .sec-txt .txt {font-size: 1rem; line-height: 2rem; letter-spacing: .055em;}
#rapport .recruit .c-link-btn {margin-bottom: 2.8rem;}
#rapport .recruit .expect {max-width: 38.4rem; margin: 0 auto;}
#rapport .recruit .expect .img.img-01 {width: 14.5rem; height: 14.5rem; margin: 0 1.5rem 0 -2rem;}
#rapport .recruit .expect .img.img-02 {width: 11.5rem; height: 11.5rem; margin-top: 4.3rem;}
#rapport .recruit .expect .voice {top: 4.7rem; left: 25rem; font-size: .9rem; letter-spacing: .02525em; white-space: nowrap;}
#rapport .recruit .expect .voice:before,
#rapport .recruit .expect .voice:after {height: .15rem;}
#rapport .recruit .expect .voice:before {top: -.5rem; left: -1.5rem; width: 1.9rem; transform: rotate(-53deg);}
#rapport .recruit .expect .voice:after {left: 1rem; bottom: -1rem; width: 2.4rem; transform: rotate(-5deg);}

@media only screen and (max-width: 383px) {
  #rapport .recruit .expect .img.img-01 {width: 37.76vw; height: 37.76vw; margin: 0 3.9vw 0 -2rem;}
  #rapport .recruit .expect .img.img-02 {width: 29.95vw; height: 29.95vw;}
  #rapport .recruit .expect .voice {left: 65.1vw;}
}
@media only screen and (max-width: 359px) {
  #rapport .recruit .expect .img.img-01 {width: 35.872vw; height: 35.872vw; margin: 0 3.705vw 0 -2rem;}
  #rapport .recruit .expect .img.img-02 {width: 28.4525vw; height: 28.4525vw;}
  #rapport .recruit .expect .voice {left: 61.845vw;}
}

/*--------------------------------------------------------------------------
Beeスタイル
--------------------------------------------------------------------------*/
#beestyle .c-headline {margin-bottom: 3.5rem;}

#beestyle .main-visual {margin-top: 9rem;}
#beestyle .main-visual .txt {top: -3.2rem; left: 1.25rem;}
#beestyle .main-visual .txt span {font-size: 1.1rem; line-height: 1; letter-spacing: .0225em; background: #fff; padding: .5rem .25rem;}

#beestyle .about {margin: 6rem 0 8.8rem;}
#beestyle .about .sec-txt {margin: 0 2.8rem;}
#beestyle .about .sec-txt .ttl {font-size: 1.3rem; line-height: 1.95rem; letter-spacing: .15em; text-indent: .15em; margin-bottom: 1.25rem;}
#beestyle .about .sec-txt .txt {font-size: 1rem; line-height: 1.75rem; letter-spacing: .06em;}
#beestyle .about .deco.clowd-01 {bottom: -5.5rem; left: 1rem; width: 8.25rem; height: 4.25rem;}
#beestyle .about .deco.clowd-02 {bottom: -2.8rem; right: 1rem; width: 6.2rem; height: 3.1rem;}
#beestyle .about .deco.clowd-03 {bottom: -11.25rem; left: 9.7rem; width: 3.8rem; height: 7.57rem;}

#beestyle .room-condition {margin-top: calc(8.8rem + 12.5vw); padding: 0 0 3.75rem;}
#beestyle .room-condition:before {top: -12.5vw; border-width: 0 50vw 12.5vw 50vw;}
#beestyle .room-condition .condition-list .list-item {width: 11.3rem; height: 11.3rem; margin-right: .6rem;}
#beestyle .room-condition .condition-list .list-item:last-child {margin-right: 0;}
#beestyle .room-condition .condition-list .list-item .ttl {font-size: 1rem; line-height: 1.2rem; letter-spacing: .035em; text-indent: .035em; margin-bottom: .5rem;}
#beestyle .room-condition .condition-list .list-item .txt {font-size: .9rem; line-height: 1.15rem; letter-spacing: .03em; text-indent: .03em;}

@media screen and (max-width: 383px) {
  #beestyle .room-condition .condition-list .list-item {width: 29.427vw; height: 29.427vw; margin-right: 1.5625vw;}
}
@media screen and (max-width: 359px) {
  #beestyle .room-condition .condition-list {flex-direction: column; align-items: center;}
  #beestyle .room-condition .condition-list .list-item {width: 11.3rem; height: 11.3rem; margin: 0 0 .6rem;}
}

#beestyle .floor-plan {margin: 6.75rem 2rem 7rem;}
#beestyle .floor-plan .floor-list .list-item {margin-bottom: 5.2rem;}
#beestyle .floor-plan .floor-list .list-item:last-child {margin-bottom: 0;}
#beestyle .floor-plan .floor-list .list-item .img {margin-bottom: 2.4rem;}
#beestyle .floor-plan .floor-list .list-item.type-a .img {max-width: 34.4rem; max-height: 18.7rem;}
#beestyle .floor-plan .floor-list .list-item.type-b .img {max-width: 34.6395rem; max-height: 19.13rem;}
#beestyle .floor-plan .floor-list .list-item .img .living {font-size: 1.4rem; line-height: 1.6rem; letter-spacing: .1375em; text-indent: .1375em;}
#beestyle .floor-plan .floor-list .list-item.type-a .img .living {top: 7.525rem; left: 5.7rem;}
#beestyle .floor-plan .floor-list .list-item.type-b .img .living {top: 7.15rem; left: 7.15rem;}
#beestyle .floor-plan .floor-list .list-item .ttl {font-size: 1.25rem; letter-spacing: .1375em;}
#beestyle .floor-plan .floor-list .list-item .ttl:before {top: .2rem; width: 1.25rem; height: 1.25rem; margin-right: 1rem;}

@media screen and (max-width: 383px) {
  #beestyle .floor-plan .floor-list .list-item .img .living {font-size: 3.6458vw; line-height: 4.1667vw;}
  #beestyle .floor-plan .floor-list .list-item.type-a .img .living {top: 19.596vw; left: 14.844vw;}
  #beestyle .floor-plan .floor-list .list-item.type-b .img .living {top: 18.62vw; left: 18.62vw;}
}

#beestyle .room-facility {margin-bottom: 5.5rem;}
#beestyle .room-facility .facility-list {width: 24rem; margin: 0 auto; flex-wrap: wrap;}
#beestyle .room-facility .facility-list .item-list {margin-bottom: 3.75rem;}
#beestyle .room-facility .facility-list .item-list:nth-child(odd) {margin-right: 2.6rem;}
#beestyle .room-facility .facility-list .item-list .icon {width: 10.7rem; height: 8.587rem; margin-bottom: 2rem;}
#beestyle .room-facility .facility-list .item-list .ttl {font-size: 1.25rem; line-height: 1.95rem; letter-spacing: .1375em; text-indent: .1375em;}

#beestyle .recruit {padding: 5rem 0;}
#beestyle .recruit .inner {padding: 3.6rem 4rem 3.75rem;}
#beestyle .recruit .ttl {margin-bottom: 2rem;}
#beestyle .recruit .ttl span {font-size: 1.5rem; letter-spacing: .1375em; text-indent: .1375em; margin: 0 1.2rem;}
#beestyle .recruit .ttl .border {top: .25rem; width: 1.4rem; height: 2.25rem;}
#beestyle .recruit .contact,
#beestyle .recruit .requirement li,
#beestyle .recruit .hiring {font-size: 1rem; letter-spacing: .06em;}
#beestyle .recruit .contact {margin-bottom: 2rem;}
#beestyle .recruit .requirement {margin-bottom: 1rem;}
#beestyle .recruit .requirement li {margin-bottom: 1rem;}
#beestyle .recruit .hiring {margin-bottom: .8rem;}

@media screen and (max-width: 359px) {
  #beestyle .recruit .inner {padding: 3.6rem 2rem 3.75rem;}
}

/*--------------------------------------------------------------------------
エール
--------------------------------------------------------------------------*/
#ale .main-visual {flex-direction: column-reverse; margin: 7.2rem 0 7.5rem;}
#ale .main-visual .border {top: -17.6rem; left: -20.6rem; width: 34.468rem; height: 32.21rem;}
#ale .main-visual .img {top: 0; left: -7.1rem; width: 61.15rem; height: 51.3rem;}
#ale .main-visual .txt {font-size: 1.3rem; line-height: 2rem; letter-spacing: .06em; margin: 0 2rem .5rem auto;}

#ale .about {flex-direction: column; align-items: center; margin: 0 2rem;}
#ale .about .sec-txt {display: flex; flex-direction: column; align-items: center; margin: 0 2.7rem;}
#ale .about .sec-txt .ttl {font-size: 1.3rem; line-height: 2rem; letter-spacing: .075em; margin-bottom: 1rem;}
#ale .about .sec-txt .txt {font-size: 1.1rem; line-height: 1.65rem;}
#ale .about .sec-img {width: 31.4rem; height: 26.9rem; margin-bottom: 1.8rem;}
#ale .about.story {margin-bottom: 5rem;}
#ale .about.support {margin-bottom: 7rem;}
#ale .about.story .sec-img {margin-right: auto;}
#ale .about.support .sec-img {margin-left: auto;}

#ale .service {margin: 0 2rem; padding: 4rem 0 4.5rem; border-radius: 1rem;}
#ale .service .sec-about {margin-bottom: 3.2rem;}
#ale .service .sec-about .ttl {font-size: 1.35rem; line-height: 3rem; letter-spacing: .15em; text-indent: .15em; text-align: center; margin-bottom: .75rem;}
#ale .service .sec-about .txt {font-size: 1.1rem; line-height: 2rem; letter-spacing: .041em;}
#ale .service .sec-list .list-item:not(:last-child) {margin-bottom: 1.6rem;}
#ale .service .sec-list .list-item .ttl {margin-bottom: .75rem;}
#ale .service .sec-list .list-item .ttl .check {width: 1.5rem; height: 1.5rem; margin: 0 .8rem 0 0;}
#ale .service .sec-list .list-item .ttl span {font-size: 1.25rem; line-height: 1; letter-spacing: .059em;}
#ale .service .sec-list .list-item .txt {font-size: 1.1rem; letter-spacing: .04em; line-height: 1.65rem; margin-left: 2.35rem;}

#ale .business {margin: 7.5rem 0 5rem;}
#ale .business .headline {margin-bottom: 3.4rem; padding-bottom: .9rem;}
#ale .business .headline:after {left: calc(50% - 1rem); width: 2rem; height: .2rem;}
#ale .business .headline .sub-head {font-size: 1rem; letter-spacing: .06em; text-indent: -.06em;}
#ale .business .headline .main-head {font-size: 1.75rem; letter-spacing: .1em; text-align: .1em;}
#ale .business .business-list .list-item:not(:last-child) {margin-bottom: 4rem;}
#ale .business .business-list .list-item .ttl {font-size: 1.5rem; letter-spacing: .075em; margin-bottom: 1rem;}
#ale .business .business-list .list-item .txt {font-size: 1rem; line-height: 1.8rem; letter-spacing: .07em;}
#ale .business .business-list .list-item .img {width: 15.95rem; height: 15.95rem; margin: 0 auto 1.4rem;}
#ale .business .business-list .list-item.sp-support .img img {width: 10.4rem; height: 8.8rem;}
#ale .business .business-list .list-item.nomal-support .img img {width: 10.25rem; height: 8.7rem;}
#ale .business .business-list .list-item.plan-support .img img {width: 8.8rem; height: 9.65rem;}

#ale .flow {margin: 0 2rem 5.4rem;}
#ale .flow .headline {display: flex; flex-direction: row-reverse; justify-content: center; align-items: flex-end; margin-bottom: 2.1rem;}
#ale .flow .headline .ttl {font-size: 1.65rem; letter-spacing: .1em; margin-bottom: .8rem;}
#ale .flow .headline .binder {width: 5.25rem; height: 5.38rem; margin-right: 1rem;}
#ale .flow .flow-list .list-item {position: relative; height: 10.5rem; margin-bottom: 2.1rem;}
#ale .flow .flow-list .list-item .num {width: 5.9rem; height: 5.9rem; margin-right: 1.625rem;}
#ale .flow .flow-list .list-item .num:before {top: 1.9rem; left: 0; width: 6.9rem; height: .15rem; border-radius: .075rem;}
#ale .flow .flow-list .list-item .num:after {border-width: 0 0 2.95rem 2.95rem;}
#ale .flow .flow-list .list-item .num span:before {font-size: 2.15rem;}
#ale .flow .flow-list .list-item .sec-txt {width: calc(100% - 5.9rem - 1.625rem); margin-top: 2rem;}
#ale .flow .flow-list .list-item .sec-txt .ttl {font-size: 1.5rem; margin-bottom: 1rem;}
#ale .flow .flow-list .list-item .sec-txt .txt {font-size: 1rem; line-height: 1.5rem;}
#ale .flow .flow-list .list-item .line {position: absolute;}
#ale .flow .flow-list .list-item:nth-child(1) .line {bottom: -1.5rem; left: 4.15rem; width: 2.315rem; height: 5.2rem;}
#ale .flow .flow-list .list-item:nth-child(2) .line {bottom: -2.5rem; left: 5.9rem; width: 3.115rem; height: 5.235rem;}
#ale .flow .flow-list .list-item:nth-child(3) .line {bottom: -1.3rem; left: 0; width: .855rem; height: 3.44rem;}
#ale .flow .flow-list .list-item:nth-child(4) .line {bottom: -2.25rem; left: 5.4rem; width: 2.23rem; height: 5.08rem;}
#ale .flow .flow-list .list-item:nth-child(5) .line {bottom: -1.6rem; left: .45rem; width: 1.465rem; height: 4.255rem;}
#ale .flow .img {bottom: -10rem; right: -2rem; width: 17.35rem; height: 12.15rem;}

#ale .contact {margin-top: 7rem;}
#ale .contact .contact-inner {padding: 5.25rem 0 4.5rem;}
#ale .contact .hiring {font-size: 1.45rem; letter-spacing: .075em; text-indent: .075em; margin-bottom: 2.5rem;}
#ale .contact .hiring:before,
#ale .contact .hiring:after {top: .25rem; width: .15rem; height: 1.75rem; border-radius: .075rem;}
#ale .contact .hiring:before {left: -1rem;}
#ale .contact .hiring:after {right: -1rem;}

/*--------------------------------------------------------------------------
うららか
--------------------------------------------------------------------------*/
#uraraka .main-visual {margin-top: 7.2rem;}
#uraraka .main-visual .img {left: -4.75rem; width: 49.25rem; height: 51.1rem;}
#uraraka .main-visual .txt {position: relative; width: 10.8em; font-size: 1.5rem; line-height: 2.5rem; letter-spacing: .08em; margin: .8rem 2rem 0 auto;}

#uraraka .sales {margin: 10rem 0 14rem;}
#uraraka .sales .sec-imgs {justify-content: center; margin-bottom: 10rem;}
#uraraka .sales .sec-imgs .img {max-height: 34.15rem; margin: 0 1.75rem; border-radius: 1.5rem;}
#uraraka .sales .sec-imgs .img:nth-child(even) {margin-top: 8rem;}
#uraraka .sales .sec-txt {margin: 0 3.25rem;}
#uraraka .sales .sec-txt .ttl {font-size: 2.25rem; line-height: 2.5rem; letter-spacing: .15em; text-indent: .15em; margin-bottom: 3.2rem;}
#uraraka .sales .sec-txt .ttl span {font-size: 3rem; margin: 1.125rem 0 1.375rem;}
#uraraka .sales .sec-txt .txt {font-size: 1.1rem; line-height: 2.5rem; letter-spacing: .1285em;}
#uraraka .sales .deco.bento {top: -2rem; left: 1.25rem; width: 3.95rem; height: 4.15rem;}
#uraraka .sales .deco.books {top: 8.7rem; right: .6rem; width: 5.6rem; height: 4.3rem;}

@media only screen and (max-width: 374px) {
  #uraraka .sales .sec-txt {margin: 0 1.625rem;}
}

#uraraka .biz .tab-switch {top: calc(-5.2rem + 1px); width: calc(50% - .75rem);}
#uraraka .biz .bento-biz .tab-switch {left: 0;}
#uraraka .biz .books-biz .tab-switch {left: calc(50% + .75rem);}
#uraraka .biz .tab-switch a {font-size: 1.6rem; letter-spacing: .15em; text-indent: .15em; padding: 1.75rem 0;}
#uraraka .biz .bento-biz .tab-switch a {border-radius: 0 1rem 0 0;}
#uraraka .biz .books-biz .tab-switch a {border-radius: 1rem 0 0 0;}

/*弁当*/
#uraraka .biz .bento-biz .tab-contents {padding-top: 5.4rem;}
#uraraka .biz .bento-biz .abouts {margin-bottom: 10rem;}
#uraraka .biz .bento-biz .abouts .sec-txt {margin-bottom: 15rem;}
#uraraka .biz .bento-biz .abouts .sec-txt .ttl {font-size: 1.85rem; line-height: 3.45rem; letter-spacing: .1em; text-indent: -.9em; margin-bottom: 1.25rem; padding-left: 1em;}
#uraraka .biz .bento-biz .abouts .sec-txt .txt {font-size: 1.25rem; line-height: 2.5rem; letter-spacing: .06em;}
#uraraka .biz .bento-biz .abouts .sec-img {width: 85.6vw; max-width: 32.896rem; height: 41.4vw; max-height: 15.9085rem; margin: 0 auto;}

#uraraka .biz .bento-biz .abouts .sec-img .fig span {font-size: 1.1rem; letter-spacing: .15em;}
#uraraka .biz .bento-biz .abouts .sec-img .fig.fig-01 {top: -7.75rem; left: 2.7rem;}
#uraraka .biz .bento-biz .abouts .sec-img .fig.fig-01 .deco {top: -1.7rem; left: -1.9rem; width: 3.535rem; height: 2.285rem;}
#uraraka .biz .bento-biz .abouts .sec-img .fig.fig-01 .line {bottom: -5.5rem; left: 5.1rem; width: 2.805rem; height: 4.455rem;}
#uraraka .biz .bento-biz .abouts .sec-img .fig.fig-02 {top: -8.1rem; right: 2.5rem;}
#uraraka .biz .bento-biz .abouts .sec-img .fig.fig-02 .deco {top: -1.5rem; right: -1.75rem; width: 3.355rem; height: 1.295rem;}
#uraraka .biz .bento-biz .abouts .sec-img .fig.fig-02 .line {bottom: -5.4rem; right: 4.5rem; width: 4.315rem; height: 4.625rem;}
#uraraka .biz .bento-biz .abouts .sec-img .photo .shadow-base {bottom: 1.25rem; right: .75rem; width: 71.2vw; max-width: 27.344rem; height: 32.75vw; max-height: 12.578rem; filter: drop-shadow(.6rem .65rem 4.4rem rgba(44,24,5, .86));}

#uraraka .biz .bento-biz .commit {margin: 10.4rem 0 10rem;}
#uraraka .biz .bento-biz .commit .ttl {font-size: 1.85rem; letter-spacing: .1em; text-indent: .1em; margin-bottom: 5.8rem;}
#uraraka .biz .bento-biz .commit .commit-list {width: 16.5rem; margin: 0 auto;}
#uraraka .biz .bento-biz .commit .commit-list .list-item:not(:last-child) {margin-bottom: 2.7rem;} 
#uraraka .biz .bento-biz .commit .commit-list .list-item .img {width: 9.6rem; height: 9.6rem; margin-bottom: 1.4rem;}
#uraraka .biz .bento-biz .commit .commit-list .list-item .txt {font-size: 1.35rem; line-height: 2.25rem;}

/*古本*/
#uraraka .biz .books-biz .tab-contents {padding-top: 5.4rem;}
#uraraka .biz .books-biz .abouts .sec-txt {margin: 0 1.75rem 5.2rem;}
#uraraka .biz .books-biz .abouts .sec-txt .ttl {font-size: 1.85rem; line-height: 3.5rem; letter-spacing: .1em; margin-bottom: 1.5rem;}
#uraraka .biz .books-biz .abouts .sec-txt .txt {font-size: 1.25rem; line-height: 2.25rem; letter-spacing: .075em;}
#uraraka .biz .books-biz .abouts .sec-img .img-list .list-item {width: 14.2rem; height: 14.2rem;}
#uraraka .biz .books-biz .abouts .sec-img .img-list .list-item .item-warp {top: -1.7rem;}
#uraraka .biz .books-biz .abouts .sec-img .img-list .list-item.trade-book .img {width: 8.4rem; height: 11rem; margin-bottom: .66rem;}
#uraraka .biz .books-biz .abouts .sec-img .img-list .list-item.trade-natubomb .img {width: 7.5rem; height: 11.31rem; margin-bottom: .35rem;}
#uraraka .biz .books-biz .abouts .sec-img .img-list .list-item .txt {font-size: 1.1rem; text-indent: .05em;}
#uraraka .biz .books-biz .abouts .sec-img .img-list .arrow {width: 5.4255rem; height: 3.1295rem;}
#uraraka .biz .books-biz .natubomb {margin: 8rem 1.75rem; flex-direction: column-reverse;}
#uraraka .biz .books-biz .natubomb .sec-img {min-width: 27.05rem; max-width: 541px; border-radius: 1.5rem; margin-right: 5.6rem;}
#uraraka .biz .books-biz .natubomb .sec-txt {margin-bottom: 4.8rem;}
#uraraka .biz .books-biz .natubomb .sec-txt .ttl {font-size: 1.85rem; line-height: 3.5rem; letter-spacing: .1em; margin-bottom: .325rem;}
#uraraka .biz .books-biz .natubomb .sec-txt .txt {font-size: 1.25rem; line-height: 2.5rem; letter-spacing: .06em;}
#uraraka .biz .books-biz .natubomb .deco {top: 11.2rem; right: -2rem; width: 6.45rem; height: 5.45rem;}

/*CTA*/
#uraraka .biz .contact-cta {height: 34.35rem;}
#uraraka .biz .contact-cta .ttl {font-size: 1.9rem; line-height: 3.2rem; letter-spacing: .06em; text-indent: .06em;}
#uraraka .biz .contact-cta .txt {font-size: 1.1rem; line-height: 1.8rem;}
#uraraka .biz .contact-cta .btn {width: 16.35rem; font-size: 1rem; padding: .75rem 0; border: 1px solid #fff; border-radius: 1.5rem;}

#uraraka .biz .bento-biz .contact-cta {background-image: url(../img/uraraka/uraraka__bento-biz__contact_bg__sp.webp);}
#uraraka .biz .bento-biz .contact-cta .ttl {margin-bottom: 2.75rem;}
#uraraka .biz .books-biz .contact-cta {background-image: url(../img/uraraka/uraraka__books-biz__contact_bg__sp.webp);}
#uraraka .biz .books-biz .contact-cta .ttl {margin-bottom: 1.5rem;}
#uraraka .biz .books-biz .contact-cta .txt {margin-bottom: 2.5rem;}

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

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

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

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

#post-blog.archive .cate-list-selecter {width: 16.5rem; border-radius: .25rem; margin-bottom: 4rem;}
#post-blog.archive .cate-list-selecter i {right: .8rem; top: calc(50% - .25rem - 2px); width: .5rem; height: .5rem;}
#post-blog.archive .cate-list-selecter select {letter-spacing: .025em; padding: .25rem 1.2rem;}
#post-blog.archive .cate-list-selecter.is-open i {top: calc(50% - .25rem + 2px);}

#post-blog.archive .post-list {flex-direction: column; margin: 0 0 2.1rem;}
#post-blog.archive .post-list .post-item {margin: 0 0 .75rem;}
#post-blog.archive .post-list .post-item a {border-radius: 0 0 1rem 1rem;}
#post-blog.archive .post-list .post-item .item-img {height: 18.75rem; border-radius: .5rem; margin-bottom: .9rem;}
#post-blog.archive .post-list .post-item .item-img .no-image .logo {width: 13.625rem;}
#post-blog.archive .post-list .post-item .item-txt {padding: 0 1rem 1rem;}
#post-blog.archive .post-list .post-item .item-txt .state {margin-bottom: .75rem;}
#post-blog.archive .post-list .post-item .item-txt .time {font-size: 1rem; letter-spacing: .044em; margin-bottom: .75rem;}
#post-blog.archive .post-list .post-item .item-txt .entry-new {font-size: 1.375rem; margin-left: .75rem;}
#post-blog.archive .post-list .post-item .item-txt .cate-tag-list {gap: .375rem;}
#post-blog.archive .post-list .post-item .item-txt .cate-tag-item {padding: .375rem 1rem;}
#post-blog.archive .post-list .post-item .item-txt .ttl {font-size: 1.4rem; line-height: 1.8rem; letter-spacing: .044em; margin-bottom: .6rem;}
#post-blog.archive .post-list .post-item .item-txt .excerpt {font-size: 1rem; line-height: 1.5rem; max-height: 4.5rem;}

@media only screen and (min-width: 768px) {
  #post-blog.archive .post-list {flex-direction: row; flex-wrap: wrap;}
  #post-blog.archive .post-list .post-item {width: calc((100% - 1.1rem) / 2); margin: 0 1.1rem 1.1rem 0;}
  #post-blog.archive .post-list .post-item:nth-child(even) {margin-right: 0;}
}

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

/*--------------------------------------------------------------------------
ブログ個別
--------------------------------------------------------------------------*/
#post-blog.single .post-head {margin: 2rem 2rem 3.25rem;}
#post-blog.single .post-head .post-ttl {margin-bottom: 3rem;}
#post-blog.single .post-head .post-ttl .txt {font-size: 1.75rem; line-height: 2.75rem; letter-spacing: .045em;}
#post-blog.single .post-head .post-ttl .leef {top: 0; left: -3.45rem; width: 2.95rem; height: 3.45rem;}
#post-blog.single .post-head .post-state .cate-tag-list {gap: .5rem;}
#post-blog.single .post-head .post-state .cate-tag-item {font-size: 1.2rem; min-width: 8rem; padding: .4rem .6rem; letter-spacing: .044em;}
#post-blog.single .post-head .post-state .entry-new {font-size: 1.75rem; margin-left: .75rem;}
#post-blog.single .post-head .post-state .time {margin-bottom: .5rem; letter-spacing: .044em;}

#post-blog.single .post_doc {margin-bottom: 6rem;}

#post-blog.single .post-link {flex-direction: column; margin-bottom: 8rem;}
#post-blog.single .post-link .post-item {width: 100%; border: 1px solid #e0e0e0; border-radius: .5rem;}
#post-blog.single .post-link .post-item.no-post {display: none;}
#post-blog.single .post-link .post-item.next {margin-bottom: 1.5rem;}
#post-blog.single .post-link .post-item .arrow {width: 2.1rem;}
#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(1.05rem - .6rem + 2px); border-width: .6rem .7rem .6rem 0;}
#post-blog.single .post-link .post-item.prev .arrow:before {right: calc(1.05rem - .6rem + 2px); border-width: .6rem 0 .6rem .7rem;}
#post-blog.single .post-link .post-item .post-inner {width: calc(100% - 2.1rem); padding: .75rem;}
#post-blog.single .post-link .post-item .post-img {width: 9rem; height: 6.5rem;}
#post-blog.single .post-link .post-item .post-img .no-image .logo {width: 5.75rem;}
#post-blog.single .post-link .post-item .post-ttl {width: calc(100% - 10rem - .75rem);}
#post-blog.single .post-link .post-item.next .post-ttl {margin-left: .75rem;}
#post-blog.single .post-link .post-item.prev .post-ttl {margin-right: .75rem;}

#post-blog.single .more-posts {margin-bottom: 4rem;}
#post-blog.single .more-posts .sec-ttl {font-size: 1.35rem; margin-bottom: 3.2rem;}
#post-blog.single .more-posts .post-list .post-item {width: calc((100% - 1.5rem) / 2); border-radius: .5rem; margin-bottom: 1.5rem;}
#post-blog.single .more-posts .post-list .post-item:not(:nth-child(even)) {margin-right: 1.5rem;}
#post-blog.single .more-posts .post-list .post-item .item-img {height: 12.6rem;}
#post-blog.single .more-posts .post-list .post-item .item-img .no-image .logo {width: 10.325rem;}
#post-blog.single .more-posts .post-list .post-item .item-txt {padding: 1rem;}
#post-blog.single .more-posts .post-list .post-item .item-txt .state {margin-bottom: .6rem;}
#post-blog.single .more-posts .post-list .post-item .item-txt .time {font-size: .8rem; letter-spacing: 0; margin-bottom: .6rem;}
#post-blog.single .more-posts .post-list .post-item .item-txt .cate-tag-list {gap: .375rem;}
#post-blog.single .more-posts .post-list .post-item .item-txt .cate-tag-item {font-size: .8rem; padding: .25rem .5rem;}
#post-blog.single .more-posts .post-list .post-item .item-txt .entry-new {font-size: .8rem; margin-left: .5rem;}
#post-blog.single .more-posts .post-list .post-item .item-txt .ttl {font-size: 1.2rem; line-height: 1.8rem; letter-spacing: .044em; margin-bottom: .6rem;}
#post-blog.single .more-posts .post-list .post-item .item-txt .excerpt {font-size: .9rem; line-height: 1.5rem; max-height: 4.5rem;}

@media screen and (max-width: 424px) {
  #post-blog.single .more-posts .post-list .post-item .item-txt .state {flex-wrap: wrap;}
  #post-blog.single .more-posts .post-list .post-item .item-txt .time {width: 100%;}
  #post-blog.single .more-posts .post-list .post-item .item-txt .cate-tag {margin: .5rem 0 0 auto;}
}

#post-blog.single .tax-list {margin-bottom: 4rem;}
#post-blog.single .tax-list .cate-tag-list {gap: .8rem 1.6rem;}
#post-blog.single .tax-list .cate-tag-list li {min-width: calc((100% - 1.6rem) / 2);}
#post-blog.single .tax-list .cate-tag-list li .cate-tag-item {font-size: 1.2rem; padding: .75rem 0;}

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

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