@charset "UTF-8";
/********************************************************************************

common.css

********************************************************************************/
/*============================================================
 css変数
*============================================================*/
:root {
    --common-vh: 100vh;

	--common-inner-max-width: 1088px;           /* 通常サイト幅 */
	--common-inner-max-width-wide: 1280px;      /* ワイドサイト幅 */
	--common-inner-max-width-narrow: 928px;     /* 狭いサイト幅 */
	--common-inner-padding: 24px;               /* 通常サイト幅内余白 */
	--common-inner-padding-wide: 48px;          /* ワイドサイト幅内余白 */

    --common-color-text: #002F3B;           /* 基本テキスト色 */
    --common-color-main: #002F3B;           /* メイン色 */
    --common-color-sub: #2B4951;            /* サブ色 */
    --common-color-note: #949FA2;            /* 注釈色 */
    --common-color-background1: #FDFCF7;       /* 背景色1 */
    --common-color-background2: #F4F0E6;       /* 背景色2 */
    --common-color-background3: #EAE6DC;    /* 背景色3 */
    --common-color-accent: #FAA43F;            /* アクセント色 */
    --common-color-attention: #FF4B6F;      /* 注意色 */

    --common-font-family: 'Zen Kaku Gothic Antique', sans-serif;
    --common-font-family-en: 'Montserrat', sans-serif; 
    --common-font-family-en2: 'Caveat', cursive;

    --common-header-height: 0;
}

body {
    --inner-max-width: var(--common-inner-max-width);
    --inner-padding: var(--common-inner-padding);
}
body.single #main-contents,
body.page-form #main-contents,
body#page-company #main-contents,
body#page-privacy #main-contents {
    --inner-max-width: var(--common-inner-max-width-narrow);
}

/*============================================================
 reset.css　カスタム
*============================================================*/
/* ベースのfont-weight
---------------------------------------- */
html, body, div, span, object, iframe, 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, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
    font-weight: 500;
}
/*============================================================
 system
*============================================================*/
/* pc-sp display switch
---------------------------------------- */
.forPC {
    display: inherit;
}
.forTablet {
    display: none;
}
.forSP {
    display: none;
}

/*============================================================
 format
*============================================================*/
/* ベース
---------------------------------------- */
html {
    display: block;
    background-color: var(--common-color-background1);
}
body {
    width: 100%;
    font-family: var(--common-font-family);
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 220%;
    color: var(--common-color-text);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    padding: 0 0 0 0;
	opacity: 0;
	transition: all 1.2s;
}
*[data-font="en"] {
    font-family: var(--common-font-family-en);
}
*[data-font="en2"] {
    font-family: var(--common-font-family-en2);
}

/* レイアウト
---------------------------------------- */
#main-contents {
    width: 100%;
    padding-bottom: 64px;
}

/* コンテンツ内
---------------------------------------- */
.section {
    margin-bottom: 64px;
}
.section:last-child {
    margin-bottom: 0;
}

.inner {
    width: 100%;
    max-width: var(--inner-max-width);
    padding: 0 var(--inner-padding);
    margin: 0 auto;
}
main .inner > *:not(h1, h2, h3, h4) {
    margin-bottom: 32px;
}
main .inner > *:last-child {
    margin-bottom: 0;
}

main .sec-block, main .inner .sec-block {
    margin-bottom: 48px;
}
main .sec-block:last-child {
    margin-bottom: 0;
}

main .sec-block > *:not(h1, h2, h3, h4) {
    margin-bottom: 32px;
}
main .sec-block > *:last-child {
    margin-bottom: 0;
}

h2.sec-title {
    font-weight: bold;
    font-size: 32px;
    line-height: 160%;
    letter-spacing: 0.06em;
    margin-bottom: 40px;
}
h2.sec-title[data-font="en"] {
    font-style: italic;
}
h2.sec-title[data-size="large"] {
    --color: var(--common-color-text);
    --first-letter-color: #fff;
    font-weight: 600;
    font-size: 64px;
    line-height: 120%;
    letter-spacing: 0.02em;
    color: var(--color);
    margin-bottom: 32px;
}
h2.sec-title[data-size="large"] .first-letter {
    font-weight: 600;
    font-size: 100px;
    line-height: 100%;
	color: var(--first-letter-color);
    /* -webkit-text-fill-color: transparent; */
	/* -webkit-text-stroke: 2px var(--common-color-text); */
    text-shadow: 
    var(--color) 2px 0px,  var(--color) -2px 0px,
    var(--color) 0px -2px, var(--color) 0px 2px,
    var(--color) 2px 2px , var(--color) -2px 2px,
    var(--color) 2px -2px, var(--color) -2px -2px,
    var(--color) 1px 2px,  var(--color) -1px 2px,
    var(--color) 1px -2px, var(--color) -1px -2px,
    var(--color) 2px 1px,  var(--color) -2px 1px,
    var(--color) 2px -1px, var(--color) -2px -1px;
}

h3.title {
    font-weight: bold;
    font-size: 20px;
    line-height: 160%;
    margin-bottom: 16px;
}


/* 2023/08/04 */
/* スタイル指定がされていなかったので下記のp{}一行をコメントアウト */
/* p {} */

img {
    max-width: 100%;
    height: auto;
}
svg {
    max-width: 100%;
    height: auto;    
}
span {
    font-weight: inherit;
}
a[href^="tel:"] {
    pointer-events: none;
}
/* 2023/08/04 */
/* スタイル指定がされていなかったので下記のstrong{}一行をコメントアウト */
/* strong {} */

.attention {
    font-size: 12px;
    line-height: 160%;
    color: var(--common-color-attention);
}
.text-s {
    font-size: 12px;
    line-height: 200%;
    letter-spacing: 0.04em;
}
.notice {
    font-size: 14px;
    line-height: 220%;
    color: var(--common-color-note);
}
.list-date {
    font-size: 12px;
    line-height: 160%;
}

/*============================================================
 パンくずリスト
*============================================================*/
/* TOPページでは非表示
---------------------------------------- */
#page-top #breadcrumb {
    display: none;
}

/* 下層ページでは表示
---------------------------------------- */
#breadcrumb {
    margin-bottom: 40px;
    padding: 32px 0 16px 0;
    font-size: 14px;
    line-height: 100%;
    letter-spacing: 0.04em;
    overflow: hidden;
}
/* 詳細ページ、固定子ページ用(ページヘッダーがないのでヘッダー分余白設定) */
body.single #breadcrumb,
body.page-child #breadcrumb {
    margin-top: var(--common-header-height);
    margin-bottom: 32px;
}

#breadcrumb ul {
    padding: 0;
    margin-bottom: 0;
}

#breadcrumb li {
    display: inline-block;
    padding: 0;
    font-size: 0;
}

#breadcrumb li > * {
    display: inline-block;
    font-size: 14px;
    line-height: 100%;
    letter-spacing: 0.04em;
    text-decoration-line: underline;
    vertical-align: middle;
}

#breadcrumb li:after {
    content: "/";
    display: inline-block;
    font-size: 14px;
    line-height: 100%;
    letter-spacing: 0.04em;
    vertical-align: middle;
    margin: 0 8px;
    /* background-image: url(../images/common/icon-bread-arrow.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 31px auto; */
}

#breadcrumb li:last-child > * {
    text-decoration-line: none;
}

#breadcrumb li:last-child::after {
    display: none;
}

/* ニュース詳細、実績詳細ページ：スクロールなし＆はみ出しに三点リーダー */
.single-news #breadcrumb ul,
.single-works #breadcrumb ul {
	display: flex;
	white-space: nowrap;
}

.single-news #breadcrumb li:last-child,
.single-works #breadcrumb li:last-child {
   overflow: hidden;
 }

.single-news #breadcrumb li:last-child span,
.single-works #breadcrumb li:last-child span {
	display: block;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}


/*============================================================
 クリップボードコピー用メッセージ
*============================================================*/
#clipbord-msg {
    width: 100%;
    position: fixed;
    bottom: -190px;
    left: 0;
    z-index: 999999;
	-webkit-transition: bottom 0.5s;
    transition: bottom 0.5s;
}
#clipbord-msg .msg {
    width: fit-content;
    padding: 12px 32px;
    background: rgba(0, 47, 59, 0.8);
    border-radius: 100px;
    letter-spacing: 0.04em;
    color: #fff;
    margin: 0 auto;
}
#clipbord-msg.copySuccess,
#clipbord-msg.copyError {
    bottom: 56px;
}

/*============================================================
 コンテンツ共通
*============================================================*/
/* 共通ブロック(要素幅超スクロール)
---------------------------------------- */
.block-wscroll {
    width: calc(100vw - ((100vw - 100%) / 2));
    overflow-x: auto;
}
.block-wscroll .block-wscroll-inner {
    width: max-content;
    padding: 0 var(--inner-padding) 16px 0;
}
.block-wscroll .block-wscroll-inner > * {
    width: auto;
    white-space: nowrap;
}


/* 共通ブロック(表示領域に入ったらフェードインする要素)
---------------------------------------- */
.block-scroll-fade-item {
    opacity: 0;
    -webkit-transition: opacity 0.5s;
    transition: opacity 0.5s;
}
.scroll-fade-on .block-scroll-fade-item {
    opacity: 1;
    -webkit-transition: opacity 1s;
    transition: opacity 1s;
}

/* 共通ブロック(円形リンク)
---------------------------------------- */
.block-btn-circle {
    display: block;
    width: 300px;
    aspect-ratio: 1 / 1;
    border-radius: 100%;
    background-color: var(--background-color);
	-webkit-transition: background-color 0.5s;
    transition: background-color 0.5s;
}
.block-btn-circle .label {
    width: fit-content;
    margin: 0 auto;
    gap: 0 8px;
}
.block-btn-circle .label .element-dot {
    fill: #fff;
}
.block-btn-circle .label .label-text {
    font-weight: 600;
    font-size: 18px;
    line-height: 100%;
    color: #fff;
}
/* ホバー時 */
.block-btn-circle:hover {
    background-color: var(--hover-background-color);
}

/* 共通ブロック(GoogleMapアイコン)
---------------------------------------- */
.block-googlemap {
    display: inline-block;
}
.block-googlemap::before {
    content: url(../images/common/icon-googlemap.svg);
    display: inline-block;
    vertical-align: text-bottom;
    width: 24px;
    height: 24px;
    margin-right: 4px;
}

/* 共通ブロック(ニュース記事カード型)
---------------------------------------- */
.block-news-list {
    gap: 64px 40px;
}
.block-news-list .item {
    display: block;
    width: calc((100% - 80px) / 3);
    pointer-events: auto;
}
.block-news-list .item:nth-child(3n-2),
.block-news-list .item:nth-child(3n) {
    margin-top: 80px;
}
.block-news-list .item .image {
    border-radius: 12px;
    overflow: hidden;
    margin-bottom: 12px;
}
.block-news-list .item .image img {
    transform: scale(1);
    transition: .3s ease-in-out;
}
.block-news-list .item:hover .image img {
    transform: scale(1.2);
}
.block-news-list .item .info .meta {
    font-size: 12px;
    line-height: 100%;
    letter-spacing: 0.04em;
    color: var(--common-color-note);
    margin-bottom: 12px;
}
.block-news-list .item .info .block-title {
    font-weight: 700;
    font-size: 20px;
    line-height: 160%;
    max-height: 64px;
    --webkit-line-clamp: 2;
    --tablet-webkit-line-clamp: 3;
    --sp-webkit-line-clamp: 2;
}

/* 共通ブロック(実績記事カード型)
---------------------------------------- */
.block-works-list {
    gap: 64px 40px;
}
.block-works-list .item {
    display: block;
    width: calc((100% - 80px) / 3);
}
.block-works-list .item:nth-child(even) {
    margin-top: 80px;
}
.block-works-list .item .image {
    border-radius: 12px;
    overflow: hidden;
    margin-bottom: 12px;
}
.block-works-list .item .image img {
    transform: scale(1);
    transition: .3s ease-in-out;
}
.block-works-list .item:hover .image img {
    transform: scale(1.2);
}
.block-works-list .item .info .meta {
    font-size: 12px;
    line-height: 100%;
    letter-spacing: 0.04em;
    color: var(--common-color-note);
    margin-bottom: 16px;
}
.block-works-list .item .info .meta .client-name {
    color: var(--common-color-text);
}
.block-works-list .item .info .block-title {
    font-weight: 700;
    font-size: 20px;
    line-height: 160%;
    /* 
    max-height: 64px;
    --webkit-line-clamp: 2;
    --tablet-webkit-line-clamp: 3;
    --sp-webkit-line-clamp: 2; */
    /* 2023/8/1に修正。実績のタイトルが２行を超える際に、・・・の表示をせずに、
    すべてのタイトル文字を表示させたいとの要望により */
    max-height: 90px;
    --webkit-line-clamp: 3;
    --tablet-webkit-line-clamp: 4;
    --sp-webkit-line-clamp: 3;
}

/* 共通ブロック(下層ページヘッダー)
---------------------------------------- */
#page-header:not([data-type]) {
    height: 560px;
    width: 100%;
    position: relative;
    overflow: hidden;
}
#page-header:not([data-type])::before,
#page-header:not([data-type])::after {
    content: "";
    display: block;
    height: 2400px;
    aspect-ratio: 1 / 1;
    background-repeat: no-repeat;
    background-position: bottom center;
    background-size: 2032px 560px;
    border-radius: 0 0 100% 100%;
    overflow: hidden;
    position: absolute;
    bottom: 0;
    left: calc(50% - 1200px);
    z-index: -1;
}
#page-header:not([data-type])::after {
    background-image: linear-gradient(180.19deg, rgba(2, 10, 13, 0) 0.16%, rgba(2, 10, 13, 0.5) 99.84%);
}

.page-header-deco {
    margin: -174px 0 0 0;
    height: 174px;
    overflow: hidden;
}
.page-header-deco .inner {
    position: relative;
    height: 100%;
}
.page-header-deco .inner svg {
    position: absolute;
    right: -8px;
}

#page-header:not([data-type]) .inner {
    position: relative;
    padding-top: 204px;
}
#page-header:not([data-type]) .inner .page-title {
    font-weight: 700;
    font-size: 64px;
    line-height: 140%;
    letter-spacing: 0.08em;
    color: #fff;
}
#page-header:not([data-type]) .inner .page-title span {
    display: inline-block;
}
#page-header:not([data-type]) .inner .page-title-en {
    margin: -56px 0 0 32px;
}
#page-header:not([data-type]) .inner .page-title-en img {
    height: 124px;
    width: auto;
    mix-blend-mode: screen;
    opacity: 0.5;
    max-width: unset;
}

/* InfiniteScroll
---------------------------------------- */
.block-infinite-scroll {
    margin: 64px 0 0 0;
}
.block-infinite-scroll .view-more-button {
    margin: 0 auto;
}
.block-infinite-scroll .page-load-status {
    margin: 40px 0 0 0;
    text-align: center;
}

/* 共通ブロック(記事詳細 ページヘッダー)
---------------------------------------- */
#page-header[data-type="single"] {
    margin-bottom: 64px;
}
#page-header[data-type="single"] .page-image .eyecatch {
    width: 100%;
    aspect-ratio: 16 / 9;
    border-radius: 12px;
    overflow: hidden;
    margin-bottom: 32px;
}
#page-header[data-type="single"] .page-image .eyecatch img {
    width: 100%;
    height: 100%;
    object-fit: cover;    
}
#page-header[data-type="single"] .meta {
    letter-spacing: 0.04em;
    color: var(--common-color-note);
    margin-bottom: 16px;
}
#page-header[data-type="single"] .page-title {
    font-weight: 700;
    /* font-size: 40px; */ /* 修正日：2023/8/1　実績のタイトルの長さのバランスを調整するため */
    font-size:36px;
    line-height: 150%;
    letter-spacing: 0.04em;
}

/* 共通ブロック(記事詳細 抜粋)
---------------------------------------- */
.block-post-excerpt {
    margin-bottom: 64px;
}

/* 共通ブロック(記事詳細 本文)
---------------------------------------- */
.block-post-content {
    margin-bottom: 64px;
    letter-spacing: 0.04em;
}
/* 目次 */
.block-post-content #toc_container {
    padding: 24px;
    background-color: var(--common-color-background2);
    border-radius: 12px;
    margin-bottom: 64px;
}
.block-post-content #toc_container .toc_title {
    font-size: 12px;
    line-height: 100%;
    letter-spacing: 0.04em;
    color: #B7B4AD;
    padding-bottom: 12px;
    border-bottom: solid 1px var(--common-color-background3);
    margin-bottom: 24px;
}

/* 2023/08/04 */
/* スタイル指定がされていなかったので下記の.block-post-content #toc_container .toc_list {}をコメントアウト */
/* .block-post-content #toc_container .toc_list {
} */

.block-post-content #toc_container .toc_list li {
    font-size: 14px;
    line-height: 220%;
    letter-spacing: 0.04em;
    text-decoration-line: underline;
    margin-bottom: 16px;
}
.block-post-content #toc_container .toc_list li:last-child {
    margin-bottom: 0;
}
/* グループ */
.block-post-content .inner > .wp-block-group:not(:last-child) {
    margin-bottom: 64px;
}
.block-post-content .wp-block-group__inner-container > *:not(:last-child) {
    margin-bottom: 32px;
}
/* 見出し */
.block-post-content h2 {
    font-weight: 700;
    font-size: 32px;
    line-height: 160%;
    letter-spacing: 0.06em;
    margin-bottom: 24px;
}
.block-post-content h3 {
    font-weight: 700;
    font-size: 20px;
    line-height: 160%;
    margin-bottom: 16px;
}
/* 強調 */
.block-post-content .wp-block-group strong {
    font-weight: bold;
    padding: 0 0.5em;
}
/* テキストリンク */
.block-post-content .wp-block-group p a,
.block-post-content .wp-block-group li a,
.block-post-content .wp-block-group td a {
    font-weight: bold;
    color: #55B0FF;
    padding: 0 0.5em;
    text-decoration: underline;
}
/* 画像 */
.block-post-content .wp-block-group .wp-block-image img {
    border-radius: 12px;
}
.block-post-content .wp-block-group .wp-block-image figcaption {
    font-size: 12px;
    line-height: 200%;
    letter-spacing: 0.04em;
    color: #B7B4AD;
}
/* リスト共通 */
.block-post-content .wp-block-group ul,
.block-post-content .wp-block-group ol {
    padding: 0;
    list-style-type: none;
    background: #F4F0E6;
    border-radius: 12px;
    padding: 24px;
}
.block-post-content .wp-block-group li {
    margin: 0 0 16px 18px;
    position: relative;
}
.block-post-content .wp-block-group li:last-child {
    margin: 0 0 0 18px;
}
/* リストul */
.block-post-content .wp-block-group ul li::before {
    display: block;
    content: "";
    width: 6px;
    height: 6px;
    border-radius: 100%;
    background-color: #002F3B;
    position: absolute;
    top: 1em;
    left: -18px;
}
/* リストol */
.block-post-content .wp-block-group ol {
	counter-reset: list-num;
}
.block-post-content .wp-block-group ol li:before {
    display: block;
	content: counters(list-num, '-') '.';
	counter-increment: list-num;
    position: absolute;
    top: 0;
    left: -18px;
}
/* グループ背景色あり */
.block-post-content .wp-block-group.bg-color {
    padding: 24px;
    background: #F4F0E6;
    border-radius: 12px;
}

/* 共通ブロック(OGPカード型)
---------------------------------------- */
.block-ogp-card {
    display: block;
    padding: 24px;
    background: var(--common-color-background2);
    border-radius: 12px;
}
.block-ogp-card .parts-boxes {
    gap: 0 24px;
}
.block-ogp-card .image {
    width: 120px;
    height: 120px;
}
.block-ogp-card .image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 8px;
}
.block-ogp-card .info {
    flex: 1;
}
.block-ogp-card .info .card-page-title {
    font-weight: 700;
    font-size: 20px;
    line-height: 160%;
    margin-bottom: 8px;
}
.block-ogp-card .info .card-url {
    font-weight: 400;
    font-size: 10px;
    line-height: 100%;
    color: var(--common-color-note);
}

/* 共通ブロック(SNSシェア)
---------------------------------------- */
.block-sns-share {
    gap: 32px;
}
.block-sns-share .label {
    font-weight: 600;
    font-size: 16px;
    line-height: 160%;
    letter-spacing: 0.04em;
}
.block-sns-share .url-copy-clipbord {
    position: relative;
    padding-right: 33px;
}
.block-sns-share .url-copy-clipbord:hover {
    cursor: pointer;
}
.block-sns-share .url-copy-clipbord::after {
    content: "";
    display: block;
    width: 1px;
    height: 24px;
    background-color: #B7B4AD;
    position: absolute;
    top: 12px;
    right: 0;
}

/* 共通ブロック(一覧導線ボタン)
---------------------------------------- */
.block-btn-conductor {
    margin: 0 auto;
}

/*============================================================
 システムエラー　404、500
*============================================================*/
.page-sys-error #sec-system-error {
    margin-top: 152px;
}

.page-sys-error #sec-system-error .system-error-sts {
    font-weight: 600;
    font-size: 64px;
    line-height: 120%;
    letter-spacing: 0.02em;
    text-align: center;
    margin-bottom: 24px;
}

.page-sys-error #sec-system-error .system-error-num {
    margin-bottom: 32px;
    text-align: center;
}

.page-sys-error #sec-system-error .system-error-lead {
    width: fit-content;
    margin: 0 auto 64px auto;
    letter-spacing: 0.04em;
}

.page-sys-error #sec-system-error .parts-btn {
    margin: 0 auto;
}


/*============================================================
 footer
*============================================================*/
/* common
---------------------------------------- */
#site-footer {
    overflow: hidden;
}
#site-footer .block-scroll-fade-item {
    background-image: url(../images/common/footer-bg.svg);
    background-repeat: no-repeat;
    background-position: top 236px left calc(50vw + 456px);
    background-size: 122px auto;

    padding: 96px 0 64px 0;
}

/* CTA Contact
---------------------------------------- */
#site-footer .cta-contact {
    position: relative;
    max-width: 960px;
    height: 320px;
    margin: 0 auto 80px auto;
}
#site-footer .cta-contact .info {
    padding: 92px 56px;
    border-radius: 24px;
    overflow: hidden;
    color: #fff;
    background-image: linear-gradient(180.19deg, rgba(2, 10, 13, 0) 0.16%, rgba(2, 10, 13, 0.5) 99.84%), url(../images/common/cta-contact-bg.jpg);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
}
#site-footer .cta-contact .info .sec-title {
    font-style: italic;
    font-weight: 600;
    font-size: 40px;
    line-height: 120%;
    letter-spacing: 0.02em;
    margin-bottom: 16px;
}
#site-footer .cta-contact .btn-contact {
    display: block;
    width: 240px;
    aspect-ratio: 1 / 1;
    border-radius: 100%;
    background-color: #B998FF;
    background-image: url(../images/common/icon-contact.svg);
    background-repeat: no-repeat;
    background-position: top 74px center;
    background-size: 56px auto;
    padding: 146px 0 0 0;
    font-weight: 700;
    font-size: 20px;
    line-height: 100%;
    color: #fff;
    text-align: center;
    position: absolute;
    top: -80px;
    right: -85px;
	-webkit-transition: background-color 0.5s;
    transition: background-color 0.5s;

}
#site-footer .cta-contact .btn-contact:hover {
    background-color: #CAB0FF;
}

/* Fナビ
---------------------------------------- */
#site-footer .fnav {
    max-width: 960px;
    margin: 0 auto;
    gap: 40px;
}
#site-footer .fnav .fnav-left {
    max-width: 628px;
}
#site-footer .fnav .fnav-left .menu-list {
    gap: 32px;
    margin-bottom: 32px;
    font-size: 14px;
    line-height: 100%;
    letter-spacing: 0.04em;
}
#site-footer .fnav .fnav-left .sns-list {
    gap: 48px;
}
#site-footer .fnav .fnav-right {
	width: 192px;
}
#site-footer .fnav .fnav-right .logo {
    margin-bottom: 16px;
}
#site-footer .fnav .fnav-right .addr {
    font-size: 14px;
    line-height: 220%;
    letter-spacing: 0.04em;
    margin-bottom: 40px;
}
#site-footer .fnav .fnav-right .addr br {
    display: none;
}

#site-footer .fnav .fnav-right .copyright {
    font-size: 14px;
    line-height: 100%;
}