@charset "utf-8";
/*
Theme Name: ManaDesign
Theme URI: http://www.www.www/
Description:BASE THEME.
Version: 1.0.0
*/
/* リセットCSS */
*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}main{display:block}h1,h2,h3,h4,h5,h6{font-size:inherit;line-height:inherit;font-weight:bold;}a{text-decoration:none;color:inherit;transition:all .3s ease-in-out}img{display: block;max-width:100%;height:auto;vertical-align: middle;}ol,ul{list-style:none}table{border-collapse:collapse}input,textarea,select{font:inherit;line-height:inherit;border: none;padding:8px;}textarea{resize:vertical}button{padding: 0;font-family: inherit;appearance: none;cursor: pointer;background-color: transparent;border: none;}fieldset{border:0;padding:0;margin:0;min-width:0}legend{display:block;width:100%;max-width:100%;padding:0;white-space:normal;}[hidden],template{display:none}:focus-visible{outline:2px solid #000}details{display:block}summary{display: block;outline: none;cursor: pointer;}summary::-webkit-details-marker {display: none;}

/* 汎用CSS
===================================================== */

/* スマホでテキストの折り返し用 */
.ib {display: inline-block}

/* フォーム */
label {margin-bottom:8px;}
select,
input[type=date],
input[type=email],
input[type=number],
input[type=password],
input[type=tel],
input[type=text],
input[type=url],
textarea {width: 100%;max-width: 100%;height: 50px;padding: 16px;background-color: #F4ECE7;border-radius: 10px;}
select,input,textarea {line-height: 1.1;font-family: inherit;font-size: inherit;font-weight: inherit;}

input[type="submit"],
input[type="button"]{padding: 12px 16px;}

.fontM{font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN","Hiragino Mincho Pro",HGS明朝E,メイリオ,Meiryo,serif;}
.fontG{font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;}
.fonten{font-family:var(--en-font)}

:root {
	--font-color: #6B481E;
	--main-color: #AD1E24;
	--bg-color: #F8F5F3;
	--jp-font: "Zen Kaku Gothic New", sans-serif;
	--en-font:"Montserrat", sans-serif;
	--hover-transform: all .3s ease-in-out;
	--hamburger-transform:display .5s ease-in-out;
	--show-anime:opacity .5s , translate 1s;
	--clip-triangle-top: polygon(50% 0, 100% 100%, 0 100%);
	--clip-triangle-bottom: polygon(0 0, 100% 0, 50% 100%);
	--clip-triangle-right: polygon(0 0, 100% 50%, 0 100%);
	--clip-triangle-left: polygon(0 50%, 100% 0, 100% 100%);
	--clip-triangle-lower-left: polygon(0 0, 100% 100%, 0 100%);
	--clip-triangle-upper-left: polygon(0 0, 100% 0, 0 100%);
	--clip-triangle-lower-right: polygon(100% 0, 100% 100%, 0 100%);
	--clip-triangle-upper-right: polygon(0 0, 100% 0, 100% 100%);
	--gradation-top:linear-gradient(0deg,rgba(230, 217, 207, 1) 0%, rgba(230, 217, 207, 1) 50%, rgba(248, 245, 243, 1) 100%);
	--gradation-right:linear-gradient(90deg,rgba(230, 217, 207, 1) 0%, rgba(230, 217, 207, 1) 50%, rgba(248, 245, 243, 1) 100%);
	--gradation-bottom:linear-gradient(180deg,rgba(230, 217, 207, 1) 0%, rgba(230, 217, 207, 1) 50%, rgba(248, 245, 243, 1) 100%);
	--gradation-left:linear-gradient(270deg,rgba(230, 217, 207, 1) 0%, rgba(230, 217, 207, 1) 50%, rgba(248, 245, 243, 1) 100%);
}

::selection {background-color: var(--main-color);color:#fff;}

/* 基本レイアウト
===================================================== */

html{height: -webkit-fill-available;}
body{min-height: 100vh;min-height: -webkit-fill-available;}

body {font-size: 14px;font-family:var(--jp-font);line-height:1.6;color: var(--font-color);text-align: justify;font-feature-settings: "palt";background: var(--bg-color) url(./images/bg_page.png)no-repeat center 127px / 1920px auto;}

#page{overflow:hidden;}
.page-wrap{padding-block: 298px 172px;}
.page-content{margin-top: 173px;}
.container{width: 1180px;max-width: 100%;padding-inline: 20px;margin-inline: auto;position: relative;z-index:11}

.pc-none{display:none}

@media(max-width:1024px){
	body{background-position-y:74px;background-size:1024px auto}
	.page-wrap{padding-block:135px 80px}
	.page-content{margin-top:80px}
	.container{padding-inline: 30px;}
	.pc-none{display:block}
	.sp-none{display:none}
}

@media(max-width:767px){
	body{background-size:767px auto}
}

@media(max-width:480px){
	body{background-size: 480px auto;background-position-x: left;font-size:13px}
}

/* 投稿一覧
===================================================== */
.archive-content-wrap{margin-top: 173px;}
.archive-content-wrap .container{width:1324px}
.archive-content{display:grid;grid-template-columns: repeat(4,minmax(0,1fr));gap: 40px;}
.archive-item{position:relative;}

.archive-tax-item{margin-block: 40px;}
.archive-tax-list{display:flex;justify-content:center;flex-wrap: wrap;}
.archive-tax-list li:not(:last-child)::after{content:'|';display:inline-block;margin-inline:1em}
.archive-tax-list li a{font-size:13px;letter-spacing: .05em;}
.archive-tax-list li.current-cat a{color:var(--main-color)}

.archive-item-head{position:relative;overflow: hidden;}
.archive-item-head:before{content:'';position:absolute;inset:0;margin:auto;border-radius:5px;background-color: rgb(255 255 255 / .8);opacity:0;visibility:hidden;transition: all 0.5s ease-in-out;}
.archive-item-head figure img{transition:0.4s ease-out}
.archive-thumbnail{width:100%;aspect-ratio:3/2.3;overflow:hidden;border-radius:5px}
.archive-thumbnail img{display:block;width:100%;height:100%!important;object-fit:cover;transition:var(--hover-transform);}

.archive-des{margin-top: 1em;}
.archive-data{color:#A49481;font-size:12px;}

/* ページネーション */
.pagination{margin-top: 80px;}
.nav-links ul{position: relative;display:flex;gap: 1em;align-items: center;justify-content: center;width: 100%;flex-wrap: wrap;font-family: var(--en-font);line-height: 1;}

.nav-links li .page-numbers{font-size:16px;}
.nav-links li .page-numbers.current{color:var(--main-color);border-bottom: 2px solid;padding-bottom:4px}

.nav-links li .prev,
.nav-links li .next{position:relative;display: block;width:40px;aspect-ratio:1/1;border:1px solid;border-radius:100%;transition: all .3s cubic-bezier(0.25,0.46,0.45,0.94);}
.nav-links li .prev::after,
.nav-links li .next::after{content:'';position: absolute;width: 40px;aspect-ratio: 1/1;top: -1px;left: -1px;background-color: var(--font-color);mask: url(./images/arrow.svg)no-repeat center / 7px 9px;transition: all .3s cubic-bezier(0.25,0.46,0.45,0.94);}
.nav-links li .prev::after{rotate:180deg;left: -1px;}

/* 記事
===================================================== */
.single-content-wrap{margin-top: 173px;display: grid;grid-template-columns: minmax(0,1fr) 250px;gap: 70px;width: 1180px;max-width: 100%;padding-inline: 20px;margin-inline: auto;}
.archive-content-wrap .container{width:1324px}

.side-content-wrap h3{font-size:16px;color: var(--main-color);padding-bottom:.5em;margin-bottom:.5em;border-bottom:1px solid #E6D9CF}
.side-content-list li:not(:first-child){margin-top:.5em}
.single-head-meta{display:flex;gap:1em;color:#A49481;font-size:12px;}
.shingle-update{font-family:var(--en-font)}
.single-title{font-size: 18px;margin-top: .5em;}
.single-thumbnail{margin-block: 40px;}
.single-thumbnail img{border-radius:5px;}

/* 記事コンテンツ内部 */
.single-content h3{font-size: 16px;letter-spacing: .05em;padding-block: 14px;padding-inline: 18px;background-color: #F4ECE6;border-radius: 10px;margin-block:1em;}
.single-content h4{ letter-spacing: .05em;margin-block: 1em 4px;padding-block: 14px;padding-inline: 18px;border-top: 1px solid #E6D9CF;border-bottom: 1px solid #E6D9CF;}
.single-content h5{font-size: 16px;font-weight: 700;margin-block:1em}
.single-content a {text-decoration:underline;text-underline-offset:4px;}
.single-content p{line-height:2;margin-block:1em}
.single-content img{display:block;border-radius:5px;margin-block:2em}

/* レイアウト用 */
/* 文字に蛍光ペンで引いたような下線 */
.marker{background:linear-gradient(transparent 65%, #fff366 65%);display:inline;font-weight:600}

.single-posts-nav{margin-top: 65px;}
.single-posts-nav ul{display:grid;grid-template-columns: 40px  auto 40px;gap: 56px;margin-top:40px;justify-content: center;align-items: center;}
.single-posts-nav ul li a{display:block;position: relative;}
.single-posts-nav ul li .single-prev-txt,
.single-posts-nav ul li .single-next-txt{width:40px;aspect-ratio:1/1;border:1px solid;border-radius:100%;transition: all .3s cubic-bezier(0.25,0.46,0.45,0.94);}
.single-posts-nav ul li.single-next a::after,
.single-posts-nav ul li.single-previous a::after{content:'';position: absolute;width: 40px;aspect-ratio: 1/1;background-color: var(--font-color);mask: url(./images/arrow.svg)no-repeat center / 7px 9px;transition: all .3s cubic-bezier(0.25,0.46,0.45,0.94);}
.single-posts-nav ul li.single-previous a::after{rotate:180deg;left: -1px;}


/* 記事ページネーション */
.single-pagination{width:400px;max-width: calc(100% - 32px);margin:64px auto 0;}
.single-pagination ul{display:flex;justify-content: space-between;gap: 16px;}
.single-pagination li a{display:block;font-size:14px;font-weight: bold;padding: 4px 24px;border:1px solid #000;text-align:center;position:relative;line-height: 1;}
.single-pagination li.single-previous,
.single-pagination li.single-next{width: 97px;font-size:12px;font-family: var(--en-font);font-weight:bold;}
.single-pagination li.single-previous a::before{content:'';display:inline-block;width: 8px;height: 8px;border-bottom:1px solid #000;border-left:1px solid #000;margin-right:8px;transform: rotate(45deg);vertical-align: 1px;}
.single-pagination li.single-next a::after{content:'';display:inline-block;width: 8px;height: 8px;border-top:1px solid #000;border-right:1px solid #000;margin-left:8px;transform: rotate(45deg);vertical-align: 1px;}

@media(max-width:1024px){
	.archive-content-wrap{margin-top:80px}
	.archive-content{gap:20px;}
	.single-content-wrap{grid-template-columns:minmax(0,1fr);margin-top: 80px;}
	.single-posts-nav ul{grid-template-columns: 30px auto 30px;gap:24px}
	.single-posts-nav ul li .single-prev-txt,
	.single-posts-nav ul li .single-next-txt{width:30px;}
	.single-posts-nav ul li.single-next a::after,
	.single-posts-nav ul li.single-previous a::after{width:30px;}
	.nav-links li .page-numbers{font-size:13px;}
	.nav-links li .prev,
	.nav-links li .next{width:30px;}
	.nav-links li .prev::after,
	.nav-links li .next::after{width:30px;}
}

@media(max-width:767px){
	.archive-content{grid-template-columns:repeat(2,minmax(0,1fr))}
}

/* ヘッダー
===================================================== */
.sec-header{top:0px;left:0;right:0;z-index:111;position:fixed}
.header-content{width: 1165px;max-width:100%;margin-inline:auto;padding-inline: 20px;padding-block:30px;display:grid;grid-template-columns:100px minmax(0,1fr);align-items:center;transition:var(--hover-transform);}
.header_Menu_list{display:flex;gap:4em;justify-content:flex-end;}
.header_Menu_list li a{font-size:14px;font-family:var(--en-font);}

.is-scrollActive .sec-header{background-color: rgb(248 245 243 / .8);}
.is-scrollActive .header-content{padding-block:8px}

/* ハンバーガーメニュー */
.header-hamburger{display:none}
.hamburgerbutton {position: relative;display: block;text-decoration: none;-webkit-appearance: none;-moz-appearance: none;appearance: none;border: none;cursor: pointer;height: 33px;width: 55px;background-color: transparent;padding: 0;margin-left: auto;}
.hamburgerbutton-line {position: absolute;top: 10px;left: 50%;translate: -50%;width: 30px;height: 1px;-webkit-transition: inherit;transition: inherit;background-color: var(--font-color);}
.hamburgerbutton-line::before,
.hamburgerbutton-line::after {position: absolute;display: block;width: 100%;height: 100%;background-color: inherit ;content: '';-webkit-transition: inherit;transition: inherit;transition: transform .2s;}
.hamburgerbutton-line::before {top: -7px;}
.hamburgerbutton-line::after {top: 7px;}
.hamburgerbutton[aria-expanded="true"] .hamburgerbutton-line {background-color:transparent}
.hamburgerbutton[aria-expanded="true"] .hamburgerbutton-line::before,
.hamburgerbutton[aria-expanded="true"] .hamburgerbutton-line::after{top:0px;;background-color:var(--font-color)}
.hamburgerbutton[aria-expanded="true"] .hamburgerbutton-line::before {transform: rotate(45deg);}
.hamburgerbutton[aria-expanded="true"] .hamburgerbutton-line::after {transform: rotate(-45deg);}
.visuallyHidden {position: absolute;white-space: nowrap;width: 1px;height: 1px;overflow: hidden;border: 0;padding: 0;clip: rect(0 0 0 0);clip-path: inset(50%); margin: -1px;}
.nav_hamburger_menu{position:fixed;inset: 0;margin: auto;width: 100%;height: 100dvh;overflow: auto;transition: all .5s cubic-bezier(0.14,1,0.34,1);align-items: center;pointer-events: none;opacity: 0;visibility: hidden;}
.hamburger-content{width: 100%;height: 100%;padding-inline: 15px;padding-block: 15px;overflow: auto;background-color:var(--bg-color) }
.hamburger-logo{width: 100px;}
.hamburger_Menu{margin-top: 72px;padding-inline: 15px;}
.hamburger_Menu li:not(:first-child){margin-top: 1.5em;}
.hamburger_Menu li a{font-size: 14px;font-family: var(--en-font);}
.is-drawerActive .hamburgerbutton{z-index: 1112;background-color:transparent}
.is-drawerActive .nav_hamburger_menu{pointer-events: auto;opacity: 1;visibility: visible;}

.hamburger-content .com-sns{justify-content:flex-start;padding-inline:15px}

/* フッター
---------------------------- */
.sec-footer{position:relative;}
.sec-footer::before{content:'';position:absolute;top:0;left: 3vw;height:1px;width:100vw;background:var(--gradation-right)}
.sec-footer::after{content:'';position:absolute;height:100%;width:1px;top:-100px;left: 7vw;background:var(--gradation-bottom)}
.sec-footer .container{width:1165px}
.sec-com-contact{padding-block:132px 150px;position: relative;}
.sec-com-contact::after{content:'';position:absolute;bottom:0;left:60px;height:1px;width:100vw;background:var(--gradation-right)}
.sec-contact-des{text-align:center;line-height:2;letter-spacing: .05em;margin-top: 48px;}
.sec-com-contact .sec-btn a{margin-top:56px}

.footer-content{display:grid;grid-template-columns:100px minmax(0,1fr);padding-top: 93px;}
.footer_navi{display:grid;grid-template-columns:auto auto;justify-content:flex-end;gap:78px;}
.footer_navi li:not(:first-child){margin-top:1em;}
.footer_navi li a{font-size:14px;font-family:var(--en-font);}
.com-sns{display:flex;gap:1em;align-items:center;margin-top: 40px;justify-content: flex-end;}
.com-sns a{display:block;width:20px;aspect-ratio:1/1;background-color: var(--font-color);transition: all .3s cubic-bezier(0.25, 0.46, 0.45, 0.94);}
.com-sns a.sns-note{mask: url(./images/icon-note.svg) no-repeat center / contain;}
.com-sns a.sns-instagram{mask: url(./images/icon-instagram.svg) no-repeat center / contain;}
.com-sns a.sns-x{mask: url(./images/icon-x.svg) no-repeat center / contain;}
.com-sns a.sns-facebook{mask: url(./images/icon-facebook.svg) no-repeat center / contain;}
.com-sns a.sns-line{mask: url(./images/icon-line.svg) no-repeat center / contain;}
.site-generator{font-size:11px;font-family:var(--en-font);text-align:center;padding-block:72px 32px}
.pagetop a{position:fixed;width:40px;aspect-ratio:1/1;bottom: 40px;right: 27px;border:1px solid var(--font-color);border-radius:1000px;z-index: 11111;}
.pagetop a::after{content:'';position: absolute;top: -1px;left: -1px;width: 40px;aspect-ratio: 1/1;background-color: var(--font-color);mask: url(./images/arrow.svg)no-repeat center / 7px 9px;rotate: -90deg;transition: all .3s cubic-bezier(0.25,0.46,0.45,0.94);}

@media(max-width:1400px){
	.sec-footer::before{left: 20px;}
	.sec-footer::after{left: 40px;}
	.sec-com-contact::after{left:20px}
	.sec-footer .container{padding-inline:80px}
}

@media(max-width:1024px){
	.header-nav{display:none;}
	.header-hamburger{display:block;}
	.is-scrollActive .sec-header{background-color: transparent}
	.header-content{padding-block:15px;padding-inline: 15px;}
	.is-scrollActive .header-content{padding-block:15px;}
	.sec-footer::before{left:0}
	.sec-footer::after{top: -24px;left: 24px;height: 80%;}
	.sec-footer .container{padding-inline: 28px;}
	.sec-com-contact{padding-block: 50px;}
	.sec-com-contact::after{left:0;}
	.sec-contact-des{margin-top:24px}
	.sec-com-contact .sec-btn a{margin-top:32px}
	.footer_navi li a{font-size:12px;}
	.com-sns a {width:17px;}
	.site-generator {font-size:10px;padding-block:72px 15px;}
	.pagetop a,
	.pagetop a::after{width:30px}
}

@media(max-width:767px){
	.header-content{grid-template-columns: 70px minmax(0,1fr);}
	.hamburger-logo{width: 80px;}
	.footer-content{grid-template-columns:minmax(0,1fr);padding-top: 50px;}
	.sec-footer::after{height: 62%;}
	.footer-logo{width: 80px;}
	.footer-item{margin-top:16px;}
	.footer_navi{gap:2em}
}

/*-------------------------------------
/* 共通
--------------------------------------- */
.enfont{font-family:var(--en-font);text-transform:uppercase}

.page-tit{display:grid;place-items:center;gap:8px;width: 280px;margin-inline: auto;position: relative;letter-spacing: .05em;}
.page-tit-en{font-size:30px;text-transform:uppercase;color:var(--main-color);font-family: var(--en-font);}
.page-tit-jp{font-size:15px;font-weight:400;}
.page-tit::before{content:'';position:absolute;height:200px;width:1px;bottom:-70px;right:46px;background:var(--gradation-top)}
.page-tit::after{content:'';position:absolute;height:1px;width:400px;bottom:-27px;right:0;background:var(--gradation-left)}

.sec-tit{display:grid;place-items:center;letter-spacing: .05em;}
.sec-tit-en{font-size:26px;color:var(--main-color);}
.sec-tit-jp{font-size:14px;font-weight:400;}

.sec-btn a{display: block;font-size: 16px;color: #fff;text-align: center;letter-spacing: .05em;width: 250px;margin-inline:auto;padding-block: 25px 24px;border-radius: 100px;background-color: var(--main-color);}

.sec-more a{display: flex;gap: 10px;align-items: center;width: fit-content;text-transform: uppercase;font-family: var(--en-font);font-weight: 500;color:var(--main-color);position: relative;}
.sec-more a::before{content:'';width:40px;aspect-ratio:1/1;border:1px solid;border-radius:100%;transition: all .3s cubic-bezier(0.25,0.46,0.45,0.94);}
.sec-more a::after{content:'';position: absolute;top: 0;left: 0;width: 40px;aspect-ratio: 1/1;background-color: var(--main-color);mask: url(./images/arrow.svg)no-repeat center / 7px 9px;transition: all .3s cubic-bezier(0.25,0.46,0.45,0.94);}

.sec-more span{display: flex;gap: 10px;align-items: center;width: fit-content;text-transform: uppercase;font-family: var(--en-font);font-weight: 500;color:var(--main-color);position: relative;}
.sec-more span::before{content:'';width: 40px;aspect-ratio:1/1;border:1px solid;border-radius:100%;transition: all .3s cubic-bezier(0.25,0.46,0.45,0.94);}
.sec-more span::after{content:'';position: absolute;top: 0;left: 0;width: 40px;aspect-ratio: 1/1;background-color: var(--main-color);mask: url(./images/arrow.svg)no-repeat center / 7px 9px;transition: all .3s cubic-bezier(0.25,0.46,0.45,0.94);}


.noPost{text-align:center;padding-block: 80px;}
.link-over{position:absolute;inset:0;margin:auto;z-index: 111;}

.fadeUP{opacity: .0;translate: 0 50px;transition:var(--show-anime);}
.fadeLeft{opacity: .0;translate: -50px 0;transition:var(--show-anime);}
.fadeRight{opacity: .0;translate: 50px 0;transition:var(--show-anime);}
.show .fadeUP{opacity:1;translate:0}
.show .fadeLeft{opacity:1;translate:0}
.show .fadeRight{opacity:1;translate:0}
.animate .delay2{transition-delay:.2s}
.animate .delay4{transition-delay:.4s}
.animate .delay6{transition-delay:.6s}
.animate .delay8{transition-delay:.8s}

.fillblur{filter:blur(6px);opacity:0;transition:all 1.35s cubic-bezier(0.25,0.46,0.45,0.94) ;}
.animate .fillblur{filter:blur(0px);opacity:1}

@media(max-width:1024px){
	.page-tit{gap:6px}
	.page-tit-en{font-size:24px}
	.page-tit-jp{font-size:12px}
	.page-tit::before{height:121px;bottom: -40px;}
	.page-tit::after{bottom:-16px;right: 20px;width:242px}
	.sec-tit-en{font-size:24px}
	.sec-tit-jp{font-size:12px}
	.sec-btn a{width:200px;font-size:14px;padding-block:14px}
}

@media(max-width:767px){
	.sec-more a::before,
	.sec-more a::after,
	.sec-more span::before,
	.sec-more span::after{width: 30px;}
}

/*-------------------------------------
/* ホバースタイル
--------------------------------------- */

@media (hover: hover){
	.header_Menu_list li a:hover{color:var(--main-color)}
	.footer_navi a:hover{color:var(--main-color)}
	.link-over:hover ~ .archive-item-head figure img{scale:1.1}
	.link-over:hover ~ .archive-item-head:before{opacity:1;visibility:visible;z-index: 1;}
	.link-over:hover ~ .works-item-head .works-item-des{opacity:1;visibility:visible;translate: 0;}
	.link-over:hover  ~ .archive-item-body .archive-tit{color:var(--main-color)}
	.sec-btn a:hover{background-color:#E4656A}
	.sec-more a:hover::before{scale:.8;background-color:var(--main-color)}
	.sec-more a:hover::after{background-color:var(--bg-color)}
	.link-over:hover  ~ .top-service-item-des .sec-more span::before{scale:.8;background-color:var(--main-color)}
	.link-over:hover  ~ .top-service-item-des .sec-more span::after{background-color:var(--bg-color)}
	.top-service-step2 .link-over:hover ~ .top-service-item-des .sec-more span::before{scale:.8;background-color:var(--font-color)}
	.top-service-step2 .link-over:hover ~ .top-service-item-des .sec-more span::after{background-color:#fff}
	.top-service-item .link-over:hover ~ figure{opacity: .6}
	.top-news-item .sec-more a:hover::before{background-color:var(--font-color)}
	.top-news-item .sec-more a:hover::after{background-color:#fff}
	.news-list li .news-tit a:hover{color:var(--main-color)}
	.com-sns a:hover{background-color:var(--main-color)}
	.single-posts-nav ul li a:hover{color:var(--main-color)}
	.single-posts-nav ul li .single-prev-txt:hover,
	.single-posts-nav ul li .single-next-txt:hover{scale:.8;background-color:var(--main-color)}
	.single-posts-nav ul li.single-next a:hover::after,
	.single-posts-nav ul li.single-previous a:hover::after{background-color:var(--bg-color)}
	.nav-links li .prev:hover,
	.nav-links li .next:hover{scale:.8;background-color:var(--main-color)}
	.nav-links li .prev:hover::after,
	.nav-links li .next:hover::after{background-color:var(--bg-color)}
	.pagetop a:hover{background-color:var(--font-color);scale:.8}
	.pagetop a:hover::after{background-color:#fff}
	.archive-tax-list li a:hover{color:var(--main-color)}
	.side-content-list li a:hover{color:var(--main-color)}
	.works-cat-list li a:hover{color:var(--main-color)}
	.formsubmit .wpcf7-submit:hover{background-color:#E4656A}
	.nav-links li .page-numbers:hover{color:var(--main-color)}
}


/* TOP
===================================================== */
.home .page-wrap{padding-top:200px}
.top-mv .container{width: 1560px;}
.top-mv-item{display:grid;grid-template-columns: 27vw min-content 28vw;column-gap: 10vw;justify-content: center;}
.top-img figure{border-radius:5px;overflow:hidden}
.top-img figure img{border-radius:5px;}
.top-img-left{align-self:flex-end;}
.top-img-right{margin-bottom:64px}
.top-copy{font-size:18px;color:var(--main-color);font-weight:500;writing-mode:vertical-rl;letter-spacing:0.5em;}
.top-copy p{transition-duration: 2s;}
.top-copy span{display:block;padding-right: 1em;padding-top: 11em;}
.top-mv-bottom{width: 830px;max-width: 100%;display:grid;grid-template-columns: 260px auto;column-gap: 167px;justify-content:center;align-items: center;margin-top:88px;margin-inline: auto;}
.top-mv-bottom-des p{line-height:2;letter-spacing: .05em;}
.top-mv-bottom-des p:not(:first-child){margin-top:1em;}

.top-about{padding-block: 114px 120px;}
.top-about .container{width: 1560px;}
.top-about-intro{width: 820px;max-width: 100%;margin-inline: auto;margin-top:40px}
.top-about-des{margin-bottom:32px;line-height: 2;letter-spacing: .05em;}
.top-about-img{display:grid;grid-template-columns: minmax(3vw,240px) minmax(2vw,230px) minmax(3vw,240px) minmax(6vw,400px);column-gap:4vw}
.top-about-img figure img{border-radius:5px;}
.top-about-img figure:nth-child(1){margin-top:-120px}
.top-about-img figure:nth-child(2){margin-top:300px}
.top-about-img figure:nth-child(3){margin-top:154px}
.top-about-img figure:nth-child(4){margin-top:-240px}

.top-service .container{width:1340px}
.top-service-item-wrap{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:60px;margin-top:77px;}
.top-service-item{background-color:#fff;padding-block:98px 88px;padding-inline: 25px;border-radius: 50px;position:relative}
.top-service-copy{position:absolute;right: 36px;top: 20px;font-size:16px;font-weight:500;}
.top-service-copy span{font-size:60px;font-family:var(--en-font);font-weight: 200;line-height: 1.3;display:block;}
.service-item-in{width:400px;max-width:100%;margin-inline:auto;position: relative;}
.service-item-in figure{border-radius:1000px 1000px 0 0;overflow:hidden;transition: opacity .3s;}
.top-service-item-des{padding-block:36px 33px;padding-inline:40px;border-radius: 0 0 20px 20px;}
.top-service-item-des hgroup{display:grid;place-items:center;letter-spacing: .05em;}
.top-service-item-des hgroup h3{font-size:20px;font-weight:500;margin-top:.7em}
.top-service-item-txt{line-height:2;margin-top:1.5em;letter-spacing: .05em;}
.top-service-item-des .sec-more span{margin-inline:auto;margin-top:1.1em}

.top-service-step1{color:var(--main-color)}
.top-service-step1 .top-service-item-des{background-color:#FFF8F8}
.top-service-step2 .top-service-item-des{background-color:#F8F5F3}
.top-service-step2 .top-service-item-des .sec-more span{color: var(--font-color);}
.top-service-step2 .top-service-item-des .sec-more span::after{background-color:var(--font-color)}

.top-works{padding-block:124px 150px}
.top-works .container{width:1360px}
.top-works-list{display:grid;grid-template-columns: repeat(4,minmax(0,1fr));gap: 40px;margin-top:56px}
.top-works-list li{position:relative;}
.top-works .sec-more a{margin-inline:auto;margin-top:56px;}

.top-news-item{display:grid;grid-template-columns:auto 600px;padding-block:72px;padding-inline:72px 88px;background-color:#F4ECE7;border-radius:20px;position: relative;}
.top-news-item .sec-tit{place-items:flex-start;}
.top-news-item .sec-more a{margin-top:56px;color:var(--font-color)}
.top-news-item .sec-more a::after{background-color:var(--font-color)}
.news-list li{display:flex;gap:1.5em;padding-block:35px;border-top:1px solid #E6D9CF}
.news-list li:last-child{border-bottom:1px solid #E6D9CF}
.news-list li .update{color:#A49481}
.news-list li .news-cat a{font-size:10px;color:var(--main-color);border:1px solid;padding-block:.3em;padding-inline:1.3em}
.news-list li .news-tit{font-weight:400}

@media(max-width:1400px){
	.top-about-intro{width: 480px;}
}

@media(max-width:1024px){
	.home .page-wrap{padding-top: 123px;}
	.top-mv-item{grid-template-columns: 255px  min-content 255px;}
	.top-copy{font-size:16px;margin-inline: 48px 24px;letter-spacing: .1em;}
	.top-copy span{padding-top: 10em;padding-right: 0;}
	.top-mv-bottom{grid-template-columns:minmax(0,1fr);margin-top: 40px;}
	.top-mv-bottom figure{width: 240px;margin-left:auto;padding-right:40px}
	.top-mv-bottom-des{margin-top:40px;text-align:center;}
	.top-about{padding-block: 56px 80px;}
	.top-about-item{display:grid;grid-template-columns: minmax(0,1fr);}
	.top-about-img{order:1;margin-top:40px}
	.top-about-img{grid-template-columns:repeat(2,minmax(0,1fr));column-gap: 40px;margin-top: 0;}
	.top-about-img figure:nth-child(1){margin-top:0;order:1;align-self: flex-end;margin-bottom: 40px;width: 240px;max-width: 100%;margin-inline: auto;}
	.top-about-img figure:nth-child(2){order:4;justify-self: center;width: 250px;margin-top: 80px;max-width: 100%;}
	.top-about-img figure:nth-child(3){margin-top: 40px;order:3;width: 260px;margin-left: auto;max-width: 100%;}
	.top-about-img figure:nth-child(4){margin-top:0;order:2;justify-self: center;width: 300px;max-width: 100%;}
	.top-about-intro{order:2}
	.top-about-des{text-align:center;}
	.top-about-intro .sec-more a{margin-inline:auto}
	.top-service-item-wrap{grid-template-columns:minmax(0,1fr);width: fit-content;max-width: 100%;margin-inline: auto;margin-top: 32px;gap: 40px;}
	.top-service-item{padding-inline: 88px;}
	.top-service-copy{font-size:14px}
	.top-service-copy span{font-size: 48px;}
	.top-service-item-des{padding-inline:24px}
	.top-service-item-des hgroup h3 {font-size: 18px;margin-top: 0.1em;}
	.top-service-item-txt {line-height: 1.8;}
	.top-works{padding-block:80px}
	.top-works-list{grid-template-columns:repeat(2,minmax(0,1fr));gap: 20px;margin-top: 32px;}
	.top-news-item{grid-template-columns:minmax(0,1fr);padding-block: 40px 120px;}
	.top-news-item .sec-tit{place-items:center;}
	.top-news-item .sec-more{position:absolute;bottom:40px;left:50%;translate:-50%}
	.news-list{margin-top:32px;}
}

@media(max-width:767px){
	.top-service-item-wrap{width: 480px;}
	.top-service-item{border-radius:30px;padding-block: 78px 32px;padding-inline: 32px;}
	.top-service-copy{font-size:12px;right: 20px;}
	.top-service-copy span{font-size:32px;text-align:center;}
	.top-news-item{padding-inline:24px}
	.news-list li{flex-wrap:wrap;padding-block: 25px;}
	.news-list li .news-tit{width:100%;}
}

@media(max-width:480px){
	.top-copy{font-size:15px;}
	.top-img-left{margin-bottom:20px}
	.top-mv-bottom{margin-top:0px}
	.top-mv-bottom figure{width: 120px;padding-right: 0;}
	.top-about-img figure:nth-child(1){width:120px;margin-bottom:40px;margin-left:0}
	.top-about-img figure:nth-child(2){width:100px;margin-top:40px}
	.top-about-img figure:nth-child(3){width:100px;margin-top:0}
	.top-about-img figure:nth-child(4){width:140px}
}

/*  私たちについて
===================================================== */
.about-des-intro{font-size:15px;text-align:center;line-height: 2;letter-spacing: .05em;}
.about-des-intro .txt-acc{color:var(--main-color)}
.about-intro-sec{margin-top:171px;}
.about-intro-item{width:800px;max-width:100%;margin-inline:auto;position:relative;}
.about-intro-tit{width:169px;aspect-ratio:1/1;background-color:#F4ECE7;border:1px solid #E6DAD0;border-radius:100%;display:grid;place-items:center;position:absolute;top:-85px;left:-85px}
.will-area .about-intro-tit{border-color:#F8D2D4;background-color:#FBEAEA;color:var(--main-color)}
.about-intro-item figure{background-color:#fff;display:grid;place-items:center;border-radius:20px;padding: 40px;}
.about-intro-item figure img{width:400px;}
.about-intro-item p{line-height: 2;margin-top:1.5em}
.about-intro-item.what-area figure{aspect-ratio:8/4;}
.about-intro-item.what-area figure img{width:400px;}
.about-intro-item.will-area{margin-top:171px}
.about-intro-item.will-area figure{aspect-ratio:8/3.6;}
.about-intro-item.will-area figure img{width:237px;}
.about-intro-sec .sec-btn{margin-top:64px}
.about-vision-sec{margin-top:100px}
.about-vision-item{padding-block:72px;padding-inline: 20px;background-color:#F4ECE6;border-radius:20px}
.about-tit{display:grid;place-items:center;letter-spacing: .05em;}
.about-tit-en{font-size:26px;color:var(--main-color);letter-spacing: 0.06em;}
.about-tit-jp{font-size:14px;font-weight:400;}
.about-vision-des{margin-top:56px;}
.about-vision-des h4{font-size:18px;color:var(--main-color);text-align: center;letter-spacing: .05em;padding-block:1.5em;border-top:1px solid #E6D9CF;border-bottom:1px solid #E6D9CF;width:fit-content;margin-inline:auto;padding-inline:2em}
.about-vision-des p{line-height:2.5em;margin-top:2em;text-align:center;}

.about-profile-sec{margin-top:100px}
.about-profile-item{display:grid;grid-template-columns:379px minmax(0,1fr);gap:60px;margin-top:60px}
.about-profile-item figure{border-radius:5px;overflow:hidden;}
.about-profile-info h4{font-size:20px;color:var(--main-color);display:flex;align-items:center;gap:1em;}
.about-profile-info h4 .hurigana{font-size:14px;color:var(--font-color);font-weight:400;font-family:var(--en-font);line-height: 1;}
.about-profile-des p{margin-top:1em;}
.about-profile-des ul{margin-top:64px;list-style:disc;padding-left:1.5em;font-size:13px;}

@media(max-width:1024px){
	.about-des-intro{font-size: 13px;}
	.about-intro-sec{margin-top:80px}
	.about-intro-item{padding-left: 57px;}
	.about-intro-tit{width:120px;left: 0;top: -59px;}
	.about-intro-item.will-area{margin-top: 100px;}
	.about-tit-en{font-size:24px}
	.about-tit-jp{font-size:12px}
	.about-vision-item{padding-block:48px}
	.about-vision-des{margin-top:32px}
	.about-vision-des h4{font-size:16px;padding-inline:0;}
	.about-profile-sec{margin-top:80px}
	.about-profile-item{grid-template-columns:minmax(0,1fr);width: 800px;max-width: 100%;margin-inline: auto;margin-top: 32px;}
	.about-profile-item figure{width:320px;margin-inline:auto}
}

@media(max-width:767px){
	.about-intro-item{padding-left: 50px;}
	.about-intro-tit{font-size:11px;width:100px;left: -48px;top: -48px;}
	.about-intro-item.what-area figure img{width:240px;}
	.about-intro-item.will-area figure img{width:160px}
	.about-vision-des p{text-align:left;line-height: 2;}
	.about-vision-des p br{display:none}
	.about-profile-item{gap:30px}
	.about-profile-item figure{width:240px;}
}

/*  サービス案内
===================================================== */
.service-des-intro{font-size: 15px;text-align:center;line-height: 2;}
.service-step1-sec{margin-top:96px;position:relative;}
.service-step1-sec .container::before{content:'';position:absolute;width:1px;height:60%;background-color:#E6D9CF;left: 20px;top:200px}
.service-tit{display:grid;place-items:center;letter-spacing: .05em;}
.service-tit .service-tit-jp{font-size:24px;color:var(--main-color)}
.service-tit .service-tit-en{font-size:16px;font-family:var(--en-font)}
.service-step1-item{padding-block:34px;;padding-inline:110px;position:relative}
.service-step1-item::before{content:'';position:absolute;width:150px;aspect-ratio:1/1;background:url(./images/research.png)no-repeat center / contain;left:-76px;top:0;}
.service-step1-item::after{content:'';position:absolute;width:150px;aspect-ratio:1/1;background:url(./images/concept.png)no-repeat center / contain;left:-76px;bottom: 76px;}
.service-tit-sub .service-tit-jp{font-size:20px;color:var(--main-color)}
.service-tit-sub .service-tit-en{font-family:var(--en-font)}
.service-step1-research-body{margin-top:72px;width: 640px;}
.service-step1-research-des{position:relative}
.service-step1-research-des::before{content:'';position:absolute;width:1px;height:100%;background-color:#E6D9CF;left:40px;top:0;z-index:-1}
.service-step1-research-des div{display:grid;grid-template-columns:79px minmax(0,1fr);gap:24px;align-items:center;}
.service-step1-research-des div:not(:first-child){margin-top:40px}
.service-step1-research-des dt{width:100%;aspect-ratio:1/1;border-radius:100%;background-color:#F4ECE7;display:grid;place-items:center;color:var(--main-color)}
.service-step1-research-des dd{line-height:2}
.step1-img{position:absolute;right: -77px;top: 280px;width:344px;max-width: 80%;}
.service-step1-concept-head{margin-top:72px;}
.service-step1-concept-des{margin-top:1em;line-height:2}
.service-step1-concept-des small{display:block;margin-top:2em}

.service-step2-sec{padding-top:124px;margin-top:166px;position:relative;}
.service-step2-sec::before{content:'';position:absolute;top:0;left: 3vw;height:1px;width:100vw;background:var(--gradation-right)}
.service-step2-sec::after{content:'';position:absolute;height:1027px;width:1px;top:-100px;left: 7vw;background:var(--gradation-bottom)}
.service-step2-intro{font-size:15px;text-align:center;line-height: 2;margin-top:68px;}
.service-step2-design{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;margin-top:63px;}
.service-step2-design-item figure{border-radius:5px;overflow:hidden}
.service-step2-design-item h4{font-size:16px;margin-top:1em}
.service-step2-design-item p{margin-top:.5em;}

@media(max-width:1400px){
	.step1-img{position:static;margin-inline: auto;margin-top: 40px;}
	.service-step1-item{padding-inline:200px 0}
	.service-step1-item::before{left:0}
	.service-step1-item::after{left:0}
	.service-step1-sec .container::before{left: 95px;height: 50%;}
	.service-step2-sec .container{padding-inline:80px}
	.service-step2-sec::before{left: 20px;}
	.service-step2-sec::after{left: 40px;}
}

@media(max-width:1024px){
	.service-des-intro{font-size: 13px;padding-inline:40px;text-align:left}
	.service-step1-sec{margin-top:80px}
	.service-tit .service-tit-jp{font-size:19px}
	.service-tit .service-tit-en{font-size:12px}
	.service-step1-item{padding-left: 0;}
	.service-step1-item::before{width: 79px;top: 36px;}
	.service-step1-research-head{padding-left: 102px;}
	.service-tit-sub .service-tit-jp{font-size:17px}
	.service-tit-sub .service-tit-en{font-size: 11px;padding-left: .1em;}
	.service-step1-research-head > p{margin-top:1em}
	.service-step1-research-body{width:100%;margin-top:40px}
	.service-step1-item::after{display:none}
	.service-step1-concept{position:relative;}
	.service-step1-concept::after{content:'';position:absolute;width:79px;aspect-ratio:1/1;background:url(./images/concept.png)no-repeat center / contain;left:0;top: 0;}
	.service-step1-concept-head{padding-left: 102px;}
	.service-step1-sec .container::before{left: 72px;top: 104px;height: 50%;}
	.service-step1-research-des::before{display:none}
	.service-step2-sec{margin-top:80px;padding-block:80px}
	.service-step2-sec .container{padding-inline: 32px;}
	.service-step2-intro{font-size: 13px;text-align: left;padding-inline: 20px;margin-top: 32px;}
	.service-step2-sec::before{left:0}
	.service-step2-sec::after{top: -24px;left: 24px;height: 300px;}
	.service-step2-design{gap:24px}
	.service-step2-design-item h4{font-size:13px;}
	.service-step2-design-item p{font-size: 12px;}
}

@media(max-width:767px){
	.service-step1-sec .container::before{left: 64px;top: 104px;height: 46%;}
	.service-step1-item::before{width:64px}
	.service-step1-research-head{padding-left: 84px;}
	.service-step1-research-des div{grid-template-columns:64px minmax(0,1fr);align-items: flex-start;gap: 20px;}
	.service-step1-research-des dt{font-size:12px}
	.service-step1-concept::after{width:64px}
	.service-step1-concept-head{padding-left: 84px;}
	.service-step2-design{grid-template-columns: repeat(2,minmax(0,1fr));}
}
/*  よくある質問
===================================================== */
.faq-des-intro{font-size:15px;text-align:center;line-height: 2;}
.faq-item{margin-top:96px;}
.faq-details{padding-bottom:24px;border-bottom:1px solid #E6D9CF}
.faq-details:not(:first-of-type){padding-top:24px;}
.faq-summary-in{display:flex;align-items:center;gap: 2em;f;}
.faq-txt{position: relative;display: flex;gap: 1em;align-items: center;}
.faq-txt .q{font-size: 20px;font-family: var(--en-font);color: var(--main-color);}
.faq-des{overflow: auto;}
.faq-des-in{padding-block:24px;padding-inline:40px;background-color:#F4ECE7;border-radius:20px;margin-top: 20px;}

details::details-content {transition:height 0.4s,opacity 0.4s,content-visibility 0.4s allow-discrete;height: 0;opacity: 0;overflow: clip;}
details[open]::details-content {opacity: 1;}

@supports (interpolate-size: allow-keywords) {
  :root {
    interpolate-size: allow-keywords;
  }
  details[open]::details-content {
    height: auto;
  }
}

@supports not (interpolate-size: allow-keywords) {
  details[open]::details-content {
    height: 150px;
    overflow-y: scroll;
  }
}

@media(max-width:1024px){
	.faq-des-intro{font-size: 13px;}
	.faq-item{margin-top:64px}
}

/*  制作実績
===================================================== */
.works-item-des{position:absolute;inset:0;margin:auto;padding-block:16px;padding-inline:20px;font-size: 10px;color:var(--main-color);z-index: 11;translate: 0 -100%;opacity: 0;visibility: hidden;transition: all .5s ease-in-out;}
.works-cat-list{display:flex;flex-wrap:wrap}
.works-cat-list li:not(:last-child)::after{content:',';margin-inline:.2em}
.works-tit{text-align:center;margin-top:1em}

.single-works-wrap{grid-template-columns:350px minmax(0,1fr);gap:45px}
.single-works-wrap .single-thumbnail{margin-top:0;}
.single-works-title{margin-block: 0;padding-bottom: 1em;border-bottom:1px solid #E6D9CF}
.single-works-head-meta{padding-block:1.5em;border-bottom:1px solid #E6D9CF;font-size: 11px;line-height:2}
.single-works-des{padding-block:1.5em;border-bottom:1px solid #E6D9CF;line-height:2}
.single-works-credits{padding-block:1.5em;}
.single-works-credits dl div{display:grid;grid-template-columns:120px minmax(0,1fr);gap:1em;}
.single-works-credits dl div:not(:first-of-type){margin-top:1em}
.single-works-credits dl dt{font-size:12px;font-weight:500}
.single-works-credits dl dd{font-size:12px;}

.works-brandstory-tit{display:grid;place-items:center;letter-spacing: .05em;}
.works-brandstory-tit-en{font-size:26px;color:var(--main-color);letter-spacing: 0.06em;}
.works-brandstory-tit-jp{font-size:14px;font-weight:400;}
.works-brandstory-sec{margin-top:100px}
.works-brandstory-item{display:grid;grid-template-columns:379px minmax(0,1fr);gap:60px;margin-top:60px}
.works-brandstory-item figure{border-radius:5px;overflow:hidden;}
.works-brandstory-info h4{font-size:20px;color:var(--main-color);display:flex;align-items:center;gap:1em;}
.works-brandstory-info h4 .hurigana{font-size:14px;color:var(--font-color);font-weight:400;font-family:var(--en-font)}
.works-brandstory-des p{margin-top:1em;}
.works-brandstory-des p.sec-more{margin-top:2em;}

@media(max-width:1024px){
	.single-works-wrap{grid-template-columns:minmax(0,1fr)}
	.works-brandstory-tit-en{font-size:24px}
	.works-brandstory-tit-jp{font-size:12px}
	.works-brandstory-sec{margin-top:80px}
	.works-brandstory-item{grid-template-columns:minmax(0,1fr);width: 800px;max-width: 100%;margin-inline: auto;margin-top: 32px;gap: 40px;}
	.works-brandstory-item:not(:first-of-type){margin-top:64px;}
	.works-brandstory-item figure{width:320px;margin-inline:auto}
}

@media(max-width:767px){
	.works-brandstory-item figure{width:240px;}
}

/* お問い合わせ
===================================================== */
.contact-des-intro{font-size:15px;text-align:center;line-height: 2;letter-spacing: .05em;}

.c-table {width: 800px;max-width:100%;margin-inline: auto;margin-top: 80px;}
.c-table fieldset:not(:first-of-type){margin-top:30px}
.from-item{display:flex;flex-wrap: wrap;align-items: center;}
.c-table .fl{width:240px;padding-block: 4px;display: block;}
.c-table .fr{width:calc(100% - 240px)}
.required{font-size: 14px;color: var(--main-color);margin-left: 4px;vertical-align: 0px;}
.any{font-size: 12px;padding: 4px 8px;background-color: #b4b5b5;margin: 0 16px 0 0;vertical-align: 1px;}
.example{font-size: 14px;letter-spacing: -1px;}
.from-item input[type=email]{width:100%}
.from-item textarea {height: 140px;width:100%}
.from-note{width: 420px;max-width: 100%;text-align:center;margin:40px auto 0;padding: 32px 16px;background-color: #fff;border-radius:6px;}
.from-note p{color:#000;}
.from-note .acceptance-wrap{font-weight:bold;margin:16px 0 0}
.from-note .doui{width: 18px;height: 18px;margin: 0 8px 0 0;border: none;vertical-align: -3px;}
.wpcf7-submit:disabled{opacity: 0.3;pointer-events: none}
.formsubmit{margin: 60px auto 0;position:relative;width:fit-content;}
.formsubmit .wpcf7-submit{width: 250px;max-width:100%;margin-inline: auto;padding-block: 25px 24px;background-color: var(--main-color);border-radius:100px;position: relative;font-size: 16px;line-height:1;text-align: center;color:#fff;transition:var(--hover-transform);cursor: pointer;}
.wpcf7-spinner{display:block;margin:16px auto}
.privacy-note{font-size: 11px;text-align:center;line-height:2}
.privacy-note a{padding-inline:4px;text-decoration: underline;}

@media(max-width:1024px){
	.contact-des-intro{font-size:13px}
	.c-table{margin-top:64px}
	.formsubmit .wpcf7-submit{width:200px;font-size:14px;padding-block: 19px;}
}

@media(max-width:767px){
	.c-table .fl,
	.c-table .fr{width:100%;}
}


/* privacypolicy
===================================================== */

.privacypolicy-item{width: 800px;max-width:100%;margin-inline:auto;}
.privacypolicy-item h3{font-size:20px;margin-block:40px 8px}
.privacypolicy-item h4{font-size:18px;margin-block:32px 8px}
.privacypolicy-item h4::before{content:'';display:inline-block;width:16px;height:16px;background-color: var(--font-color);margin-right:8px;}
.privacypolicy-item h5{margin-block:24px 8px}
.privacypolicy-item h5::before{content:'';display:inline-block;width:16px;height:1px;background-color: var(--font-color);margin-right:8px;vertical-align: 6px;}
.privacypolicy-item ul,
.privacypolicy-item ol{margin-block:16px}
.privacypolicy-item li{position:relative;padding-left: 24px;}
.privacypolicy-item li::before{content:'';position: absolute;width:10px;height:10px;border-radius:10px;background-color: var(--font-color);margin-right:8px;top: 8px;left: 4px;}