@charset "UTF-8";
@charset "utf-8";
@charset "UTF-8";
@charset "UTF-8";
@charset "utf-8";

 body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {  
margin:0; 
padding:0; 
} 
table { 
border-collapse:collapse; 
border-spacing:0; 
} 
fieldset,img {  
border:0; 
} 
address,caption,cite,code,dfn,em,strong,th,var { 
font-style:normal; 
font-weight:normal; 
} 
ol,ul { 
list-style:none; 
} 
caption,th { 
text-align:left; 
} 
h1,h2,h3,h4,h5,h6 { 
font-size:100%; 
font-weight:normal; 
} 
q:before,q:after { 
content:''; 
} 
abbr,acronym { border:0; 
}

body {
font:
13px/1.7 
"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", 
Osaka, 
"メイリオ", "Meiryo",
"ＭＳ Ｐゴシック",'MS P Gothic',
arial,helvetica,clean,sans-serif;
line-height: 1.91;
*font-size:small;
*font:x-small;
color: #1B1310;
text-align:left;
-webkit-font-smoothing: antialiased;
}
* html body { font-size: 75%;
font-family: Verdana, "MS P ゴシック", sans-serif;
}
*: first-child+html body { font-size: 75%;
font-family: 'メイリオ', Meiryo, sans-serif;
}
.text10 { font-size:77%; }
.text11 { font-size:85%; }
.text12 { font-size:93%; }
.text13 { font-size:100%; }
.text14 { font-size:108%; }
.text15 { font-size:116%; }
.text16 { font-size:123.1%; }
.text17 { font-size:131%; }
.text18 { font-size:138.5%; }
.text19 { font-size:146.5%; }
.text20 { font-size:153.9%; }
.text21 { font-size:161.6%; }
.text22 { font-size:167%; }
.text23 { font-size:174%; }
.text24 { font-size:182%; }
.text25 { font-size:189%; }
.text26 { font-size:197%; }
.text-bold { font-weight: bold; } *:first-child+html * {
font-family:
"メイリオ", Meiryo,
"MS P ゴシック", "MS P Gothic",
sans-serif;
} * html * {
font-family:
"メイリオ", Meiryo, 
"MS P ゴシック", "MS P Gothic",
sans-serif;
}
table {
font-size:inherit;
font:100%;
}

html {
overflow-y:scroll;
-webkit-text-size-adjust:100%;
-ms-text-size-adjust:100%;
background-color: #fff;
background-repeat:repeat-x; 
background-position:center top;
height: 100%;
}
body {
background-repeat:repeat-x; 
background-position:center top;
background-color: #fff;
color: #000;
height: 100%;
}
a{color:#333; text-decoration:none;}
a:hover{color: #999;}
img{border:none; vertical-align:bottom;}
hr{clear:both;}
input,textarea{
font-size:108%;
}
script,iframe{margin:0; padding:0; border:none;}
textarea,input[type=text]{padding:5px;}
* html input{padding:2px;}
table	{
border-collapse:collapse;
border-spacing:0;
}
fieldset,img	{
border:0;
}
address,caption,cite,code,dfn,em,th,var	{
font-style:normal;
font-weight:normal;
}
ol,ul {
list-style:none;
}
caption,th {
text-align:left;
}
h1,h2,h3,h4,h5,h6	{
font-size:100%;
font-weight:normal;
font-weight: 600;
}
p {
margin-top: 8px;
margin-bottom: 16px;
font-weight: 500;
}
q:before,q:after	{
content:'';
}
abbr,acronym {
border:0;
font-variant:normal;
}
table {
font-size:inherit;
font:100%;
}
pre, code {
font:115% Tahoma,Verdana;
*font-size:100%;
}
sup ,
sub {
line-height:-1px;
vertical-align:text-top;
}
sub {
vertical-align:text-bottom;
}   body#toppage div#topWrap:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }  
.clearfix:after { clear: both; }  
.clearfix { zoom: 1; }   .left {
float: left;
}
.right {
float: right;
}
.center {
text-align: center;
}
.mr0 {
margin-right: 0;
}
.border-bottom {
margin-bottom: 5px;
border-bottom:#666 dotted 1px;
}
 .header {
background: #fff;
position: relative;
color: #fff;
position: sticky;
top: 0;
left: 0;
z-index: 1000;
}
.header a {
display: block;
color: #000;
font-size: 14px;
}
.header a:hover {
text-decoration: none;
}
.header .header_flex {
display: flex;
justify-content: space-between;
align-items: center;
width: 100%;
}
.header .header_flex .header_content {
display: flex;
justify-content: space-between;
align-items: center;
width: 100%;
box-sizing: border-box;
margin-right: 60px;
padding: 16px 0 16px 16px;
}
.header .header_flex .header_content .logo {
width: 155px;
}
.header .header_flex .header_content .h_navi_area {
display: flex;
justify-content: space-between;
align-items: center;
gap: 24px;
}
.header .header_flex .header_content .h_navi_area .navi_menu {
display: flex;
justify-content: space-between;
align-items: center;
gap: 8px;
font-size: 1.4rem;
font-weight: 600;
line-height: 1;
}
.header .header_flex .header_content .h_navi_area .navi_menu .menu_item > a {
padding: 8px;
}
.header .header_flex .header_content .h_navi_area .navi_menu .menu_item > a:hover {
color: #a44769;
}
.header .header_flex .header_content .h_navi_area .navi_menu .menu_item.current a {
color: #DA5E8C;
}
.header .header_flex .header_content .h_navi_area .navi_menu .menu_item .menu_pannel {
display: none;
position: absolute;
top: 100%;
left: 0;
width: 100vw;
background: #1c1c1b;
padding: 32px;
z-index: 10;
transition: 0.3s;
}
.header .header_flex .header_content .h_navi_area .navi_menu .menu_item .menu_pannel .menu_pannel_content {
display: flex;
justify-content: center;
gap: 16px;
}
.header .header_flex .header_content .h_navi_area .navi_menu .menu_item .menu_pannel .menu_pannel_column {
width: calc(25% - 4px);
max-width: 300px;
flex: 1;
}
.header .header_flex .header_content .h_navi_area .navi_menu .menu_item .menu_pannel .item_thumb {
position: relative;
}
.header .header_flex .header_content .h_navi_area .navi_menu .menu_item .menu_pannel .item_thumb .thumbnail {
aspect-ratio: 4/3;
position: relative;
width: 100%;
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
}
.header .header_flex .header_content .h_navi_area .navi_menu .menu_item .menu_pannel .item_thumb .thumbnail img {
width: 100%;
height: 100%;
object-fit: contain;
transition: transform 0.3s ease;
pointer-events: none;
}
.header .header_flex .header_content .h_navi_area .navi_menu .menu_item .menu_pannel .item_thumb .title {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
box-sizing: border-box;
padding: 40px 16px 8px 16px;
background: linear-gradient(180deg, rgba(23, 23, 23, 0) 0%, rgba(28, 28, 27, 0.95) 53.37%);
}
.header .header_flex .header_content .h_navi_area .navi_menu .menu_item .menu_pannel .item_thumb:hover .thumbnail img {
transform: scale(1.1); }
.header .header_flex .header_content .h_navi_area .navi_menu .menu_item .menu_pannel .item_thumb:hover .title {
color: #fff;
opacity: 1;
}
.header .header_flex .header_content .h_navi_area .navi_menu .menu_item .menu_pannel .item_list {
display: flex;
flex-direction: column;
gap: 4px;
line-height: 1.4;
}
.header .header_flex .header_content .h_navi_area .navi_menu .menu_item .menu_pannel .item_list li a:hover {
text-decoration: underline;
}
.header .header_flex .header_content .h_navi_area .navi_menu .menu_item:hover .menu_pannel, .header .header_flex .header_content .h_navi_area .navi_menu .menu_item:focus-within .menu_pannel {
display: block;
transition: 0.3s;
}
.header .header_flex .header_content .h_navi_area .navi_sns {
display: flex;
align-items: center;
gap: 8px;
}
.header .header_flex .header_content .h_navi_area .navi_sns li {
width: 32px;
}
.header .header_flex .header_content .h_navi_area .navi_sns img {
transition: transform 0.3s ease;
}
.header .header_flex .header_content .h_navi_area .navi_sns a:hover img {
transform: scale(1.1); }
.header .header_flex .header_hamburger.open {
width: 100%;
height: 100%;
position: fixed;
top: 0px;
right: 0;
background-color: rgba(0, 0, 0, 0.3);
}
.header .header_flex .header_hamburger.open .menu_icon {
background: #fff;
max-width: 400px;
width: 100%;
}
@media (max-width: 480px) {
.header .header_flex .header_hamburger.open .menu_icon {
max-width: 100vw;
}
}
.header .header_flex .header_hamburger #menu_conts {
display: none;
}
.header .header_flex .header_hamburger .menu_icon {
height: auto;
position: absolute;
top: 0;
right: 0;
text-align: right;
}
.header .header_flex .header_hamburger .menu_icon img {
width: 55px;
height: auto;
}
.header .header_flex .header_hamburger .menu_item {
position: absolute;
top: 55px;
right: 0;
max-width: 400px;
width: 100%;
height: 100%;
box-sizing: border-box;
padding: 0 16px 120px 16px;
background: #fff;
overflow: scroll;
}
@media (max-width: 480px) {
.header .header_flex .header_hamburger .menu_item {
max-width: 100vw;
}
}
.header .header_flex .header_hamburger .menu_item .logo {
margin-top: 25px;
text-align: center;
}
.header .header_flex .header_hamburger .menu_item .cta {
margin-top: 25px;
text-align: center;
}
.header .header_flex .header_hamburger .menu_item .cta a.tel {
font-size: 40px;
font-weight: 600;
font-family: "Barlow", sans-serif;
line-height: 1.2;
margin: 0;
padding: 0;
}
.header .header_flex .header_hamburger .menu_item .cta a.btn_cta {
display: inline-block;
margin-top: 24px;
transition: 0.3s;
}
.header .header_flex .header_hamburger .menu_item .cta a.btn_cta:hover {
opacity: 0.8;
}
.header .header_flex .header_hamburger .menu_item .cta p {
font-size: 18px;
line-height: 1.2;
margin: 0;
}
.header .header_flex .header_hamburger .menu_item .cta p span {
font-size: 20px;
font-weight: 600;
font-family: "Barlow", sans-serif;
}
.header .header_flex .header_hamburger .menu_item ul {
margin: 16px 0;
}
.header .header_flex .header_hamburger .menu_item ul li {
font-size: 17px;
font-weight: 500;
font-family: "Zen Kaku Gothic New", sans-serif;
color: #000;
padding: 16px 8px;
border-top: solid #ccc 1px;
}
.header .header_flex .header_hamburger .menu_item ul li.dotted {
border-bottom: dotted #000 2px;
}
.header .header_flex .header_hamburger .menu_item ul li.file {
font-size: 16px;
border: none;
padding: 8px 20px;
}
.header .header_flex .header_hamburger .menu_item ul li.file a {
padding-left: 30px;
position: relative;
}
.header .header_flex .header_hamburger .menu_item ul li.file a:before {
position: absolute;
content: "";
left: 0;
display: inline-block;
width: 24px;
height: 24px;
background-image: url(//www.brandeuse.jp/system/wp-content/themes/original/images/image_icon_pdf.png);
background-position: center;
background-size: contain;
} .footer .inner {
padding: 40px 0 !important;
}
@media (max-width: 480px) {
.footer .inner {
padding: 16px 0 60px 0 !important;
}
}
.footer .inner ul {
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
gap: 0 8px;
}
@media (max-width: 480px) {
.footer .inner ul {
flex-direction: column;
padding: 0 16px;
}
}
.footer .inner ul li {
font-size: 14px;
font-weight: 500;
font-family: "Zen Kaku Gothic New", sans-serif;
padding: 8px;
}
@media (max-width: 480px) {
.footer .inner ul li {
font-size: 17px;
padding: 16px 8px;
border-top: solid #ccc 1px;
width: 100%;
box-sizing: border-box;
}
}
@media (max-width: 480px) {
.footer .inner ul li:first-child {
border-top: none;
}
}
.footer .inner ul li a {
display: block;
color: #111111;
}
.footer .inner ul li a:hover {
color: #a44769;
}
@media (max-width: 480px) {
.footer .inner ul li.dotted {
border-bottom: dotted #000 2px;
}
}
@media (max-width: 480px) {
.footer .inner ul li.file {
font-size: 16px;
border: none;
padding: 8px 20px;
}
}
@media (max-width: 480px) {
.footer .inner ul li.file a {
padding-left: 30px;
position: relative;
}
.footer .inner ul li.file a:before {
position: absolute;
content: "";
left: 0;
display: inline-block;
width: 24px;
height: 24px;
background-image: url(//www.brandeuse.jp/system/wp-content/themes/original/images/image_icon_pdf.png);
background-repeat: no-repeat;
background-position: center;
background-size: contain;
}
}
.footer .inner .pdf {
text-align: center;
margin: 16px 0;
}
.footer .inner .pdf p {
display: inline-block;
font-size: 14px;
font-weight: 700;
font-family: "Zen Kaku Gothic New", sans-serif;
line-height: 1;
border-bottom: dotted #000 2px;
margin: 0;
padding: 8px 12px;
}
.footer .inner .pdf .flex {
display: flex;
justify-content: center;
align-items: center;
gap: 16px;
margin-top: 8px;
}
.footer .inner .pdf .flex a {
font-size: 14px;
font-weight: 500;
font-family: "Zen Kaku Gothic New", sans-serif;
padding-left: 30px;
position: relative;
color: #111111;
}
.footer .inner .pdf .flex a:hover {
color: #a44769;
}
.footer .inner .pdf .flex a:before {
position: absolute;
content: "";
left: 0;
display: inline-block;
width: 24px;
height: 24px;
background-image: url(//www.brandeuse.jp/system/wp-content/themes/original/images/image_icon_pdf.png);
background-repeat: no-repeat;
background-position: center;
background-size: contain;
}
.footer .inner .about {
text-align: center;
padding: 32px 0;
}
.footer .inner .about .logo {
text-align: center;
}
.footer .inner .about .logo a {
display: inline-block;
}
.footer .inner .about p {
font-size: 14px;
font-weight: 600;
font-family: "Zen Kaku Gothic New", sans-serif;
margin: 32px 0;
}
.footer .inner .address p {
font-size: 13px;
font-weight: 500;
font-family: "Zen Kaku Gothic New", sans-serif;
margin: 0;
} html { font-size: 62.5%;
scroll-padding-top: 62px;
}
body {
font-family: "Roboto", "Barlow", "Zen Kaku Gothic New", "Noto Sans JP", sans-serif;
font-optical-sizing: auto;
font-weight: 400;
font-size: 1.6em;
line-height: 1.67;
} html, body {
margin: 0;
padding: 0;
width: 100%;
height: 100%;
position: relative;
}
a img {
vertical-align: bottom;
}
img {
max-width: 100%;
height: auto; }
a {
color: #111111;
text-decoration-line: none;
transition: 0.3s;
}
a:hover {
color: #DA5E8C;
}
a.link_underline {
text-decoration: underline;
}
.inner {
width: 100%;
box-sizing: border-box;
max-width: 1600px;
padding: 16px 80px;
margin: 0 auto;
}
@media (max-width: 1440px) {
.inner {
padding: 16px;
}
}
.inner.w1440 {
max-width: 1440px;
padding: 0;
}
@media (max-width: 480px) {
.inner.w1440 {
padding: 0 16px;
}
}
.inner.w1280 {
max-width: 1280px;
padding: 0;
}
@media (max-width: 480px) {
.inner.w1280 {
padding: 0 16px;
}
}
.inner.w1140 {
max-width: 1140px;
padding: 0;
}
@media (max-width: 480px) {
.inner.w1140 {
padding: 0 16px;
}
}
.inner.w1000 {
max-width: 1000px;
padding: 0;
}
@media (max-width: 480px) {
.inner.w1000 {
padding: 0 16px;
}
}
.inner.w800 {
max-width: 800px;
padding: 0;
}
@media (max-width: 480px) {
.inner.w800 {
padding: 0 16px;
}
}
.inner.w640 {
max-width: 640px;
padding: 0;
}
@media (max-width: 480px) {
.inner.w640 {
padding: 0 16px;
}
}
.text_align {
text-align: center;
}
.pc_only {
display: block !important;
}
@media (max-width: 480px) {
.pc_only {
display: none !important;
}
}
.sp_only {
display: none !important;
}
@media (max-width: 480px) {
.sp_only {
display: block !important;
}
}
.title {
font-size: 20px;
margin-top: 40px;
margin-bottom: 16px;
padding-bottom: 8px;
text-align: center;
position: relative;
}
.title:before {
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
content: "";
background: #DA5E8C;
width: 45px;
height: 2px;
} .wrapper .button {
text-align: center;
}
.wrapper .wp-block-button__link,
.wrapper .btn {
display: inline-block;
font-size: 15px;
font-weight: 700;
font-family: "Zen Kaku Gothic New", sans-serif;
margin: 16px 0;
padding: 8px 36px;
text-align: center;
background: #fff;
color: #111111;
border: 1px solid #111111;
border-radius: 32px;
transition: 0.4s;
}
.wrapper .wp-block-button__link:hover,
.wrapper .btn:hover {
background: #111111;
color: #fff;
text-decoration: none;
}
.wrapper .wp-block-button__link._wauto,
.wrapper .btn._wauto {
width: 100%;
}
.wrapper .wp-block-button__link._black,
.wrapper .btn._black {
background: #111111;
color: #fff !important;
}
.wrapper .wp-block-button__link._black:hover,
.wrapper .btn._black:hover {
background: #DA5E8C;
border-color: #DA5E8C;
}
.wrapper .wp-block-button__link._grey,
.wrapper .btn._grey {
background: #555554;
color: #fff;
}
.wrapper .wp-block-button__link._grey:hover,
.wrapper .btn._grey:hover {
background: #f6f6f4;
color: #1c1c1b;
}
.wrapper .wp-block-button__link._white_line,
.wrapper .btn._white_line {
background: transparent;
border: 1px solid #fff;
color: #fff;
}
.wrapper .wp-block-button__link._white_line:hover,
.wrapper .btn._white_line:hover {
background: #fff;
color: #1c1c1b;
} .page_heading {
width: 100%;
height: 348px;
overflow: hidden;
position: relative;
}
@media (max-width: 480px) {
.page_heading {
height: 228px;
}
}
@media (max-width: 480px) {
.page_heading._criterion .kv {
object-position: 80%;
}
}
.page_heading .kv {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
width: 100%;
height: 100%;
object-fit: cover;
}
.page_heading .page_title {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
font-size: 32px;
font-weight: 700;
font-family: "Zen Kaku Gothic New", sans-serif;
line-height: 1;
color: #000;
background: #fff;
padding: 4px;
max-width: 90%;
width: max-content;
box-sizing: border-box;
text-align: center;
}
@media (max-width: 480px) {
.page_heading .page_title {
font-size: 24px;
}
}
.breadcrumbs .inner {
font-size: 12px;
line-height: 1;
color: #371f28;
letter-spacing: 1px;
display: flex;
align-items: center;
justify-content: right;
gap: 6px;
}
@media (max-width: 480px) {
.breadcrumbs .inner {
flex-wrap: wrap;
justify-content: left;
}
} .page_content .content {
padding: 40px 0 0 0;
}
@media (max-width: 480px) {
.page_content .content {
padding: 16px 0 0 0;
}
}
.page_content .content h2 {
font-size: 18px;
letter-spacing: 1px;
margin-top: 40px;
margin-bottom: 16px;
padding-bottom: 8px;
text-align: center;
position: relative;
}
.page_content .content h2:before {
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
content: "";
background: #DA5E8C;
width: 45px;
height: 2px;
}
.page_content .content h3 {
font-size: 18px;
font-family: "Noto Sans JP", sans-serif;
color: #a44769;
margin-top: 24px;
margin-bottom: 16px;
}
.page_content .content figcaption {
font-size: 15px;
color: #000;
margin: 0;
font-family: "Zen Kaku Gothic New", sans-serif;
font-weight: 700;
}
.page_content .content .border_box {
border: 1px solid #d9ced2;
margin: 16px 0;
padding: 16px;
background-color: #fff;
}
.page_content .content .flex_item {
margin-bottom: 60px;
}
@media (max-width: 480px) {
.page_content .content .flex_item {
margin-bottom: 40px;
}
}
.page_content .content .flex_item h2 {
text-align: left;
margin: 0;
padding: 0;
border: none;
}
.page_content .content .flex_item h2:before {
display: none;
}
.page_content .content .flex_item figure {
margin: 0;
}
.page_content .content .margin_top_0 {
margin-top: 0;
}
.page_content .content .margin_bottom_0 {
margin-bottom: 0;
}
@media (max-width: 480px) {
.page_content .content .sp_reverse {
flex-direction: column-reverse;
}
}
.page_content .content._brands {
padding-bottom: 40px;
border-bottom: solid 2px #d9ced2;
}
.page_content .content._brands h2:first-of-type {
margin-top: 0;
}
.page_content._criterion .flex_item {
gap: 40px;
}
@media (max-width: 480px) {
.page_content._criterion .flex_item {
gap: 16px;
}
}
.page_content._criterion .flex_item h2 {
margin-bottom: 16px;
}
.page_content._criterion .flex_item a:hover {
opacity: 0.8;
}
.page_content._criterion .flex_item ul {
list-style: disc;
margin-left: 22px;
margin-bottom: 16px;
}
.page_content._criterion .flex_item ul li {
font-size: 15px;
font-family: "Zen Kaku Gothic New", sans-serif;
}
.page_content._criterion .flex_item ul li ul {
margin-bottom: 0;
}
.page_content._criterion ul {
list-style: disc;
margin-left: 22px;
margin-bottom: 16px;
}
.page_content._criterion ul li {
font-size: 15px;
font-family: "Zen Kaku Gothic New", sans-serif;
}
.page_content._criterion ul li ul {
margin-bottom: 0;
}
.page_content._flow h2 {
font-size: 20px;
font-family: "Noto Sans JP", sans-serif;
color: #a44769;
margin: 24px 0;
}
.page_content._flow h2:before {
display: none;
}
.page_content._flow p {
font-family: "Inter", sans-serif;
font-weight: 500;
}
.page_content._flow .tab_container {
display: flex;
justify-content: center;
align-items: center;
padding-bottom: 6px;
}
.page_content._flow .tab_container .tab {
font-size: 18px;
font-family: "Inter", sans-serif;
font-weight: 700;
color: #8D8D8D;
text-align: center;
padding: 0 45px;
}
@media (max-width: 480px) {
.page_content._flow .tab_container .tab {
width: 50%;
box-sizing: border-box;
padding: 0;
}
}
.page_content._flow .tab_container .tab.active {
color: #000;
border-bottom: 1px solid #a44769;
}
.page_content._flow .content_container .content_area {
display: none;
}
.page_content._flow .content_container .content_area.show {
display: block;
}
.page_content._flow .flex_item {
display: flex;
justify-content: center;
align-items: start;
gap: 40px;
margin-bottom: 16px;
}
@media (max-width: 480px) {
.page_content._flow .flex_item {
flex-direction: column;
gap: 16px;
}
}
.page_content._flow .flex_item p {
font-family: "Inter", sans-serif;
}
@media (max-width: 480px) {
.page_content._flow .flex_item p {
font-family: "Zen Kaku Gothic New", sans-serif;
}
}
.page_content._flow .flex_item .red {
color: #a44769 !important;
}
.page_content._flow .flex_item .green {
color: #47a481 !important;
}
.page_content._flow .flex_item .bold {
font-weight: 700 !important;
}
.page_content._flow .flex_item .medium {
font-weight: 500 !important;
}
.page_content._flow .flex_item .pc_link {
display: inline-block !important;
}
@media (max-width: 480px) {
.page_content._flow .flex_item .pc_link {
display: none !important;
}
}
.page_content._flow .flex_item .sp_link {
display: none !important;
}
@media (max-width: 480px) {
.page_content._flow .flex_item .sp_link {
display: inline-block !important;
}
}
.page_content._flow .flex_item a {
color: #a44769;
}
.page_content._flow .flex_item a:hover {
color: #BA6383;
}
.page_content._flow .flex_item ol {
list-style: decimal;
margin-left: 20px;
}
.page_content._flow .flex_item ol li {
font-size: 15px;
font-family: "Inter", sans-serif;
color: #000;
}
.page_content._flow .flex_item .item_01 {
width: 240px;
position: sticky;
top: 61px;
}
@media (max-width: 480px) {
.page_content._flow .flex_item .item_01 {
width: 100%;
position: static;
}
}
.page_content._flow .flex_item .item_01 figure {
aspect-ratio: 4/3;
overflow: hidden;
margin: 0;
margin-bottom: 8px;
position: relative;
}
@media (max-width: 480px) {
.page_content._flow .flex_item .item_01 figure {
margin-bottom: 0;
}
}
.page_content._flow .flex_item .item_01 figure img {
display: block;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
transition: transform 0.6s;
}
.page_content._flow .flex_item .item_02 {
width: calc(100% - 280px);
}
@media (max-width: 480px) {
.page_content._flow .flex_item .item_02 {
width: 100%;
}
}
@media (max-width: 480px) {
.page_content._flow .flex_item .item_02 p {
margin-top: 0;
}
}
.page_content._flow .flex_item .border_box > *:last-child {
margin-bottom: 0;
}
.page_content._flow .flex_item .border_box p {
font-size: 13px;
font-family: "Noto Sans JP", sans-serif;
margin: 0;
margin-bottom: 10px;
}
.page_content._flow .flex_item .border_box ul {
list-style: disc;
margin-left: 25px;
margin-bottom: 10px;
}
.page_content._flow .flex_item .border_box ul li {
font-size: 13px;
font-family: "Noto Sans JP", sans-serif;
color: #000;
font-weight: 500;
}
.page_content._flow .flex_item .border_box ul .text_large {
font-size: 20px;
font-family: "Noto Sans JP", sans-serif;
font-weight: 500;
margin: 0;
}
.page_content._flow .flex_item .border_box ul .none_list {
display: block;
font-size: 13px;
font-family: "Noto Sans JP", sans-serif;
font-weight: 500;
margin: 10px 0;
}
.page_content._about .flex_item {
gap: 40px;
}
@media (max-width: 480px) {
.page_content._about .flex_item {
gap: 4px;
}
}
.page_content._about .flex_item h2 {
font-size: 26px;
font-family: "Hina Mincho", serif;
color: #a44769;
margin-top: 8px;
margin-bottom: 24px;
}
@media (max-width: 480px) {
.page_content._about .flex_item h2 {
margin-top: 0;
}
}
.page_content._about .flex_item p strong {
font-weight: 700;
}
.page_content._about table {
border-bottom: solid 2px #d9ced2;
}
@media (max-width: 480px) {
.page_content._about table tr {
display: block;
width: 100%;
box-sizing: border-box;
border-top: solid 2px #d9ced2;
}
}
.page_content._about table tr td {
font-size: 15px;
font-family: "Noto Sans JP", sans-serif;
border: none;
border-top: solid 2px #d9ced2;
padding: 8px 12px;
}
@media (max-width: 480px) {
.page_content._about table tr td {
display: block;
border-top: none;
font-weight: 500;
padding-bottom: 4px;
}
}
@media (max-width: 480px) {
.page_content._about table tr td:nth-child(2) {
font-weight: 400;
padding-top: 0;
padding-bottom: 8px;
}
}
.page_content._blog .content {
margin-bottom: 60px;
}
.page_content._blog .content h2 {
font-size: 20px;
color: #a44769;
margin-top: 40px;
margin-bottom: 16px;
padding: 4px 0 8px 4px;
text-align: left;
position: relative;
}
.page_content._blog .content h2:before {
position: absolute;
top: 0;
left: 50%;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
content: "";
background: #d9ced2;
width: 100%;
height: 3px;
}
.page_content._blog .content .blog_title {
font-size: 22px;
color: #000;
margin: 0;
padding: 0;
}
.page_content._blog .content .blog_title:before {
display: none;
}
.page_content._blog .content strong {
font-weight: 700;
}
.page_content._blog .content ol {
list-style: decimal;
margin-top: 16px;
margin-left: 20px;
}
.page_content._blog .content ol li {
margin-top: 8px;
}
.page_content._blog .content ol ul {
list-style: disc;
margin-top: 0;
margin-left: 22px;
}
.page_content._blog .content ul {
list-style: disc;
margin-top: 16px;
margin-left: 22px;
}
.page_content._blog .content li {
font-size: 15px;
font-family: "Zen Kaku Gothic New", sans-serif;
color: #000;
margin-top: 0;
}
.page_content._privacy p {
font-weight: 400;
}
.page_content._privacy h2:first-of-type {
margin-top: 0;
}
.page_content._privacy h3 {
font-size: 18px;
font-family: "Noto Sans JP", sans-serif;
color: #a44769;
margin-top: 24px;
margin-bottom: 16px;
}
.page_content._privacy ol {
list-style: decimal;
margin-left: 20px;
}
.page_content._privacy ol ul {
list-style: disc;
margin-left: 22px;
}
.page_content._privacy ul {
list-style: disc;
margin-left: 22px;
}
.page_content._privacy li {
font-size: 15px;
font-family: "Zen Kaku Gothic New", sans-serif;
color: #000;
font-weight: 400;
}
.page_content._terms p {
font-weight: 400;
}
.page_content._terms h2 {
font-size: 20px;
color: #a44769;
margin-top: 40px;
margin-bottom: 16px;
padding: 4px 0 8px 4px;
text-align: left;
position: relative;
}
.page_content._terms h2:before {
position: absolute;
top: 0;
left: 50%;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
content: "";
background: #d9ced2;
width: 100%;
height: 3px;
}
.page_content._terms ol {
list-style: decimal;
margin-left: 20px;
}
.page_content._terms ol ul {
list-style: disc;
margin-left: 22px;
}
.page_content._terms ul {
list-style: disc;
margin-left: 22px;
}
.page_content._terms li {
font-size: 15px;
font-family: "Zen Kaku Gothic New", sans-serif;
color: #000;
font-weight: 400;
}
.page_content._faq h2 {
font-size: 20px;
color: #a44769;
margin-top: 64px;
margin-bottom: 16px;
padding: 4px 0 8px 4px;
text-align: left;
position: relative;
}
.page_content._faq h2:first-of-type {
margin-top: 0;
}
.page_content._faq h2:before {
position: absolute;
top: 0;
left: 50%;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
content: "";
background: #d9ced2;
width: 100%;
height: 3px;
}
.page_content._faq .q_text {
font-size: 15px;
font-family: "Inter", sans-serif;
font-weight: 600;
margin: 0;
margin-bottom: 8px;
padding-left: 30px;
position: relative;
}
.page_content._faq .q_text:before {
position: absolute;
content: "";
top: -2px;
left: 0;
display: inline-block;
width: 18px;
height: 28px;
background-image: url(//www.brandeuse.jp/system/wp-content/themes/original/images/image_icon_q.png);
background-repeat: no-repeat;
background-position: center;
background-size: contain;
}
.page_content._faq .a_text {
font-size: 15px;
font-family: "Inter", sans-serif;
font-weight: 500;
margin: 0;
margin-top: 8px;
margin-bottom: 24px;
padding-left: 30px;
position: relative;
}
.page_content._faq .a_text:before {
position: absolute;
content: "";
top: -2px;
left: 0;
display: inline-block;
width: 18px;
height: 28px;
background-image: url(//www.brandeuse.jp/system/wp-content/themes/original/images/image_icon_a.png);
background-repeat: no-repeat;
background-position: center;
background-size: contain;
}
.page_content._contact p {
font-weight: 400;
}
.page_content._contact p:first-of-type {
margin-top: 0;
}
.page_content._application p {
font-weight: 400;
}
.page_content._application p:first-of-type {
margin-top: 0;
} .ranking_area {
text-align: center;
margin-top: 100px;
}
@media (max-width: 480px) {
.ranking_area {
margin-top: 40px;
}
}
.ranking_area .heading {
margin-bottom: 32px;
}
.ranking_area .heading p {
margin: 0;
}
.ranking_area .heading .date {
font-size: 48px;
font-family: "Crimson Text", serif;
margin: 0;
line-height: 1;
}
.ranking_area .heading .date span {
color: #ED5365;
}
.ranking_area .heading h3 {
text-align: center;
font-size: 18px;
}
.ranking_area .ranking {
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
gap: 0 40px;
border-top: solid 1px #d9ced2;
margin-top: 32px;
}
@media (max-width: 480px) {
.ranking_area .ranking {
flex-direction: column;
border-top: solid 2px #d9ced2;
}
}
.ranking_area .ranking .ranking_content {
display: flex;
width: calc((100% - 40px) / 2);
box-sizing: border-box;
justify-content: start;
align-items: center;
gap: 18px;
border-bottom: solid 2px #d9ced2;
padding: 16px 10px;
position: relative;
}
@media (max-width: 480px) {
.ranking_area .ranking .ranking_content {
width: 100%;
}
}
.ranking_area .ranking .ranking_content .number {
font-size: 23px;
font-weight: 600;
font-family: "Crimson Text", serif;
line-height: 1.5;
border-radius: 50px;
background: #E6E6E6;
width: 32px;
height: 32px;
box-sizing: border-box;
transform: rotate(7deg);
}
.ranking_area .ranking .ranking_content .number._1 {
background: #F4B4D0;
}
.ranking_area .ranking .ranking_content .number._2 {
background: #F4DDE7;
}
.ranking_area .ranking .ranking_content .number._3 {
background: #F8ECF1;
}
.ranking_area .ranking .ranking_content .name {
text-align: left;
}
.ranking_area .ranking .ranking_content .name .en {
font-size: 24px;
font-weight: 600;
font-family: "Crimson Text", serif;
line-height: 1.3;
margin: 0;
}
.ranking_area .ranking .ranking_content .name .jp {
font-size: 15px;
font-weight: 700;
font-family: "Noto Sans JP", sans-serif;
line-height: 1.3;
margin: 0;
}
.ranking_area .ranking .ranking_content .more {
position: absolute;
bottom: 12px;
right: 10px;
}
.ranking_area .ranking .ranking_content .more a {
font-size: 16px;
font-weight: 700;
font-family: "Quicksand", sans-serif;
color: #b3b0b2;
padding-right: 18px;
transition: 0.3s;
position: relative;
}
.ranking_area .ranking .ranking_content .more a:hover {
opacity: 0.8;
}
.ranking_area .ranking .ranking_content .more a:after {
position: absolute;
content: "";
top: 50%;
right: 0;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
display: inline-block;
width: 12px;
height: 100%;
background-image: url(//www.brandeuse.jp/system/wp-content/themes/original/images/image_arrow.png);
background-repeat: no-repeat;
background-position: center;
background-size: contain;
} .search_initial {
margin-top: 20px;
}
.search_initial .title_initial {
font-size: 20px;
color: #a44769;
text-align: center;
}
@media (max-width: 480px) {
.search_initial .initial_area {
border-bottom: none;
padding-bottom: 0;
}
}
@media (max-width: 480px) {
.initial_area {
border-bottom: 2px solid #d9ced2;
padding-bottom: 40px;
}
}
.initial_area .initial_flex {
display: flex;
justify-content: center;
align-items: start;
gap: 40px;
}
@media (max-width: 480px) {
.initial_area .initial_flex {
flex-direction: column;
}
}
.initial_area .initial_flex .initial_list .title {
margin-top: 32px;
}
.initial_area .initial_flex .initial_list .grid {
box-sizing: border-box;
display: flex;
flex-wrap: wrap;
width: 412px;
border-top: 1px solid #d9ced2;
border-left: 1px solid #d9ced2;
margin: 0 auto;
padding: 0;
}
@media (max-width: 480px) {
.initial_area .initial_flex .initial_list .grid {
width: 100%;
}
}
.initial_area .initial_flex .initial_list .grid li {
box-sizing: border-box;
width: 82px;
height: 82px;
border-right: 1px solid #d9ced2;
border-bottom: 1px solid #d9ced2;
list-style: none;
}
@media (max-width: 480px) {
.initial_area .initial_flex .initial_list .grid li {
width: 16.6666666667%;
height: auto;
aspect-ratio: 1/1;
}
}
.initial_area .initial_flex .initial_list .grid li a {
display: flex;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
text-decoration: none;
color: #371f28;
font-size: 20px;
transition: 0.3s;
}
.initial_area .initial_flex .initial_list .grid li a:hover {
background: #d9ced2;
}
@media (max-width: 480px) {
.initial_area .initial_flex .initial_list .hiragana {
width: 100%;
}
}
@media (max-width: 480px) {
.initial_area .initial_flex .initial_list .hiragana li {
width: 20%;
height: auto;
aspect-ratio: 1/1;
}
}
.initial_area .initial_flex .initial_list .hiragana li.none {
border-right: none;
}
.initial_area .initial_flex .initial_list .hiragana li.last {
border-bottom: none;
}
.initial_area .search {
margin-top: 32px;
}
.initial_area .search ul {
display: flex;
justify-content: center;
align-items: start;
margin: 0;
padding: 0;
}
.initial_area .search ul li {
margin: 0;
padding: 0;
width: 50%;
height: 50px;
border: 1px solid #d9ced2;
}
@media (max-width: 480px) {
.initial_area .search ul li {
width: 80%;
}
}
.initial_area .search ul li label {
width: 100%;
height: 100%;
box-sizing: border-box;
}
.initial_area .search ul li label input {
font-size: 16px;
font-weight: 700;
font-family: "Zen Kaku Gothic New", sans-serif;
width: 100%;
height: 100%;
box-sizing: border-box;
border: none;
border-radius: 0;
}
.initial_area .search ul .sf-field-submit {
width: 10%;
border: 1px solid #000;
}
@media (max-width: 480px) {
.initial_area .search ul .sf-field-submit {
width: 20%;
}
}
.initial_area .search ul .sf-field-submit input {
font-size: 16px;
font-weight: 700;
font-family: "Zen Kaku Gothic New", sans-serif;
background: #000;
color: #fff;
width: 100%;
height: 100%;
box-sizing: border-box;
margin: 0;
cursor: pointer;
transition: 0.3s;
}
.initial_area .search ul .sf-field-submit input:hover {
opacity: 0.8;
} .page_bottom {
margin-top: 100px;
}
@media (max-width: 480px) {
.page_bottom {
margin-top: 60px;
}
}
.page_bottom .inner {
padding: 0;
}
.page_bottom .inner .cta {
position: relative;
}
.page_bottom .inner .cta img {
width: 100%;
}
.page_bottom .inner .cta a.btn_page_bottom {
position: absolute;
top: 65%;
right: 22%;
transition: 0.3s;
}
@media (max-width: 480px) {
.page_bottom .inner .cta a.btn_page_bottom {
top: 60%;
right: 3%;
}
}
.page_bottom .inner .cta a.btn_page_bottom:hover {
opacity: 0.8;
}
@media (max-width: 480px) {
.page_bottom .inner .cta a.btn_page_bottom img {
width: 90%;
}
} .wp-pagenavi {
margin: 40px 0;
text-align: center;
}
.wp-pagenavi .current {
display: inline-block;
font-size: 18px;
font-weight: 700;
font-family: "Quicksand", sans-serif;
line-height: 1;
background: #d9ced2;
margin: 0 8px;
padding: 12px 16px;
}
.wp-pagenavi .page {
display: inline-block;
font-size: 18px;
font-weight: 700;
font-family: "Quicksand", sans-serif;
line-height: 1;
margin: 0 8px;
padding: 12px 16px;
transition: 0.3s;
}
.wp-pagenavi .page:hover {
background: #d9ced2;
}
.wp-pagenavi a.previouspostslink {
display: inline-block;
margin-right: 10px;
transition: 0.3s;
position: relative;
}
.wp-pagenavi a.previouspostslink:before {
position: absolute;
content: "";
top: 8px;
right: 25px;
width: 10px;
height: 10px;
border: 0;
border-top: solid 1px #000;
border-left: solid 1px #000;
transform: rotate(-45deg);
z-index: 1;
}
.wp-pagenavi a.previouspostslink:after {
position: absolute;
content: "";
top: -13px;
right: 7px;
width: 50px;
height: 50px;
border: solid 1px #000;
border-radius: 50%;
}
.wp-pagenavi a.previouspostslink:hover:before {
border-top: solid 1px #fff;
border-left: solid 1px #fff;
}
.wp-pagenavi a.previouspostslink:hover:after {
background: #d9ced2;
border: solid 1px #d9ced2;
}
.wp-pagenavi a.nextpostslink {
display: inline-block;
margin-left: 10px;
transition: 0.3s;
position: relative;
}
.wp-pagenavi a.nextpostslink:before {
position: absolute;
content: "";
top: 8px;
left: 25px;
width: 10px;
height: 10px;
border: 0;
border-top: solid 1px #000;
border-left: solid 1px #000;
transform: rotate(135deg);
z-index: 1;
}
.wp-pagenavi a.nextpostslink:after {
position: absolute;
content: "";
top: -13px;
left: 7px;
width: 50px;
height: 50px;
border: solid 1px #000;
border-radius: 50%;
}
.wp-pagenavi a.nextpostslink:hover:before {
border-top: solid 1px #fff;
border-left: solid 1px #fff;
}
.wp-pagenavi a.nextpostslink:hover:after {
background: #d9ced2;
border: solid 1px #d9ced2;
} .icon_area {
margin-bottom: 32px;
}
.icon_area .icon_box {
display: flex;
justify-content: center;
align-items: center;
gap: 16px;
}
.icon_area .icon_box .icon_item {
width: 40px;
height: 40px;
object-fit: contain;
cursor: pointer;
}
.icon_area .icon_box .icon_item:hover {
opacity: 0.7;
}
.icon_area .success-msg {
display: none;
position: fixed;
width: 250px;
height: 40px;
line-height: 40px;
background-color: #e386a9;
color: #fff;
font-weight: 600;
left: 50%;
top: 50%;
transform: translateX(-50%) translateY(-50%);
margin: auto;
text-align: center;
border-radius: 5px;
z-index: 9999;
} .fixed_cta {
position: fixed;
bottom: 5px;
right: 5px;
border-radius: 4px;
z-index: 999;
}
.fixed_cta p {
font-family: "Noto Sans JP", sans-serif;
margin: 0;
}
.fixed_cta a {
display: block;
cursor: pointer;
padding: 12px 16px;
}
.fixed_cta a:hover {
opacity: 0.8;
}
.fixed_cta .text {
font-size: 12px;
font-weight: 500;
border-bottom: 1px solid #2D2D2D;
padding-bottom: 4px;
}
.fixed_cta .link {
font-size: 13px;
padding-top: 4px;
position: relative;
}
.fixed_cta .link:after {
position: absolute;
content: "";
top: 7px;
right: 0;
display: inline-block;
width: 16px;
height: 16px;
background-repeat: no-repeat;
background-position: center;
background-size: contain;
}
.fixed_cta .line {
background: #06C755;
border-radius: 8px 8px 0 0;
}
.fixed_cta .line p {
color: #2D2D2D;
}
.fixed_cta .line .text {
border-bottom: 1px solid #2D2D2D;
}
.fixed_cta .line .link {
font-size: 11px;
}
.fixed_cta .line .link:after {
background-image: url(//www.brandeuse.jp/system/wp-content/themes/original/images/image_icon_arrow01.png);
}
.fixed_cta .application {
background: #000;
border-radius: 0 0 8px 8px;
}
.fixed_cta .application p {
color: #fff;
}
.fixed_cta .application .text {
border-bottom: 1px solid #fff;
}
.fixed_cta .application .link:after {
background-image: url(//www.brandeuse.jp/system/wp-content/themes/original/images/image_icon_arrow02.png);
}
.fixed_cta_sp {
width: 100%;
position: fixed;
bottom: 16px;
display: flex;
justify-content: center;
align-items: center;
gap: 12px;
z-index: 999;
}
.fixed_cta_sp a {
display: block;
}
.modal-overlay {
display: none;
position: fixed;
inset: 0;
background: rgba(0, 0, 0, 0.85);
z-index: 1000;
}
.modal-overlay .modal-close {
position: absolute;
top: 16px;
right: 16px;
font-size: 24px;
color: #fff;
cursor: pointer;
line-height: 1;
}
.modal-overlay .modal-close img {
display: block;
width: 100%;
height: 100%;
}
.modal-overlay .modal-content {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
@media (max-width: 480px) {
.modal-overlay .modal-content {
width: 80%;
}
}
.modal-overlay .modal-content img {
max-width: 90vw;
max-height: 90vh;
display: block;
}
.modal-overlay .modal-content .line_area {
max-width: 90vw;
max-height: 90vh;
box-sizing: border-box;
background: #06C755;
padding: 32px 22px 20px 22px;
text-align: center;
}
.modal-overlay .modal-content .line_area img {
margin: 0 auto;
}
.modal-overlay .modal-content .line_area .btn {
margin: 0;
margin-top: 16px;
border: none;
}
.modal-overlay .modal-content .tel_area {
background: #fff;
padding: 17px 22px;
text-align: center;
}
.modal-overlay .modal-content .tel_area .heading {
font-size: 18px;
font-weight: 700;
font-family: "Zen Kaku Gothic New", sans-serif;
line-height: 1;
color: #a44769;
margin-bottom: 18px;
}
@media (max-width: 480px) {
.modal-overlay .modal-content .tel_area .heading {
margin-bottom: 12px;
}
}
.modal-overlay .modal-content .tel_area .tel {
font-size: 40px;
font-weight: 600;
font-family: "Barlow", sans-serif;
line-height: 1.2;
margin: 0;
padding: 0;
}
.modal-overlay .modal-content .tel_area .hours {
font-size: 18px;
font-weight: 500;
line-height: 1.2;
margin: 0;
}
.modal-overlay .modal-content .tel_area .hours span {
font-size: 20px;
line-height: 1.2;
font-weight: 600;
}
.modal-overlay .modal-content .tel02 {
font-size: 20px;
font-weight: 600;
font-family: "Noto Sans JP", sans-serif;
line-height: 1.2;
color: #fff;
margin: 0;
margin-top: 4px;
padding: 0;
text-align: center;
}
.modal-overlay .modal-content .tel02 span {
font-size: 24px;
font-weight: 600;
font-family: "Barlow", sans-serif;
} .article .article_heading {
display: flex;
flex-direction: column;
gap: 16px;
margin-bottom: 32px;
}
.article .article_thumb {
overflow: hidden;
width: 180px;
position: relative;
background: #f6f6f4;
}
.article .article_thumb img {
object-fit: cover;
aspect-ratio: 4/3;
}
.article .title {
font-size: 2.4rem;
font-weight: 700;
line-height: 1.4;
}
.article .client_name {
margin: 4px 0;
font-size: 1.8rem;
font-weight: 700;
}
.article .excerpt {
font-size: 1.4rem;
margin: 4px 0;
}
.article .meta {
margin: 4px 0;
display: flex;
align-items: center;
gap: 8px;
font-size: 1.3rem;
font-weight: 700;
}
.article .article_cat {
display: flex;
gap: 8px;
}
.article .article_cat .item {
font-size: 1.4rem;
font-weight: 700;
margin: 4px 0;
}
.article .client_data {
display: flex;
flex-wrap: wrap;
padding: 8px 0;
margin: 16px 0;
border-top: 1px solid #333332;
border-bottom: 1px solid #333332;
}
.article .client_data dt {
width: 20%;
box-sizing: border-box;
padding: 8px;
font-weight: 600;
}
.article .client_data dd {
width: 80%;
box-sizing: border-box;
padding: 8px;
}
.article .client_note {
margin: 16px 0;
padding: 16px 32px;
border: 1px solid #333332;
display: flex;
flex-direction: column;
gap: 16px;
}
.article .share_nav {
display: flex;
justify-content: center;
gap: 8px;
margin: 40px auto;
padding: 0;
list-style: none;
}
.article .share_nav li a {
display: block;
width: 50px;
height: 50px;
border-radius: 50%;
overflow: hidden;
background: #fff;
border: 1px solid #555554;
position: relative;
transition: 0.3s;
}
.article .share_nav li a img {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
}
.article .share_nav li a:hover {
background: #333332;
border: 1px solid #333332;
}
.article .url-copied {
display: none;
}
.article .url-copied span {
background: #555554;
color: #fff;
font-size: 2rem;
font-weight: bold;
position: fixed;
top: 50%;
left: 50%;
padding: 40px;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
z-index: 1;
}
.article .article_content {
margin: 32px 0;
}
.list_heading {
font-size: 2rem;
font-weight: 600;
margin-bottom: 16px;
}
.article_list {
display: flex;
flex-direction: column;
}
.article_list .list_heading {
font-size: 2rem;
font-weight: 600;
margin-bottom: 16px;
}
.article_list .article {
padding: 24px 0;
border-bottom: 1px solid #8e8e8d;
}
.article_list .article:first-child {
border-top: 1px solid #8e8e8d;
}
.article_list .article a {
display: flex;
gap: 16px;
}
.article_list .article a img {
transition: 0.3s;
}
.article_list .article a:hover {
text-decoration: none;
}
.article_list .article a:hover img {
transform: scale(1.1, 1.1);
}
.article_list .article .article_heading {
width: calc(100% - 180px);
gap: 4px;
margin-bottom: 0px;
}
.article_list .article .title {
font-size: 1.8rem;
}
.case_list {
width: 100%;
}
.case_list .article {
width: 32%;
min-width: 240px;
}
.case_list .article a img {
transition: 0.3s;
}
.case_list .article a:hover {
text-decoration: none;
}
.case_list .article a:hover img {
transform: scale(1.1, 1.1);
}
.case_list .article .article_thumb {
width: 100%;
}
.case_list .article .article_thumb .client_name {
position: absolute;
left: 2px;
bottom: 2px;
max-width: calc(100% - 4px);
background: #fff;
box-sizing: border-box;
padding: 4px 8px;
color: #111111;
font-size: 1.3rem;
font-weight: 700;
line-height: 1.2;
}
.case_list .article .article_heading {
gap: 0px;
margin-top: 8px;
}
.case_list .article .article_cat .item {
margin: 0;
}
.case_list .article .title {
font-size: 1.8rem;
}
.case-carousel {
margin-top: 40px;
padding-left: 80px;
}
.case-carousel .article {
width: 480px;
}
.case-carousel a {
color: #fff;
}
.case-carousel .slide {
width: calc(100% - 80px);
flex-shrink: 0;
margin-right: 24px;
border-radius: 6px;
overflow: hidden;
width: 80%;
flex-shrink: 0;
}
.case-carousel .slick-track {
display: flex;
margin: 0;
gap: 24px;
}
.case-carousel .slick-prev, .case-carousel .slick-next {
position: absolute;
top: 50%;
transform: translateY(-50%);
background: #fff;
border: none;
border-radius: 50%;
overflow: hidden;
width: 48px;
height: 48px;
z-index: 10;
color: #000;
font-size: 26px;
line-height: 1;
box-sizing: border-box;
cursor: pointer;
}
.case-carousel .slick-prev {
left: 40px;
}
.case-carousel .slick-next {
right: 40px;
}
.sidebar_title {
font-size: 2rem;
font-weight: 600;
margin-bottom: 16px;
}
.category-list {
list-style: none;
padding: 0;
margin: 0;
}
.category-list li a {
padding: 8px 0;
display: flex;
align-items: center;
text-decoration: none;
color: #111111;
}
.category-list li a .dot {
width: 8px;
height: 8px;
border-radius: 50%;
background-color: #ccc;
margin-right: 8px;
transition: background-color 0.3s;
}
.category-list li a:hover {
color: #1c1c1b;
}
.category-list li.is-active a {
color: #555554;
}
.category-list li.is-active a .dot {
background-color: #555554;
}
.post-navigation {
display: flex;
justify-content: space-between;
align-items: center;
padding: 60px 0;
}
.post-navigation .nav-previous,
.post-navigation .nav-next {
flex: 1;
text-align: center;
}
.post-navigation .nav-previous a,
.post-navigation .nav-next a {
text-decoration: none;
color: #000;
font-size: 14px;
letter-spacing: 0.05em;
text-transform: uppercase;
display: flex;
align-items: center;
position: relative;
}
.post-navigation .nav-previous a .label,
.post-navigation .nav-next a .label {
display: flex;
align-items: center;
gap: 8px;
font-size: 14px;
letter-spacing: 0.05em;
}
.post-navigation .nav-previous {
text-align: left;
}
.post-navigation .nav-previous .label {
order: -1;
}
.post-navigation .nav-previous .label:before {
content: "";
background: url(//www.brandeuse.jp/system/wp-content/themes/original/images/icon_arrow_large_black.svg) center center no-repeat;
transform: rotate(180deg);
background-size: 100% auto;
width: 27px;
height: 71px;
display: block;
}
.post-navigation .nav-next {
display: flex;
justify-content: right;
}
.post-navigation .nav-next .label:after {
content: "";
background: url(//www.brandeuse.jp/system/wp-content/themes/original/images/icon_arrow_large_black.svg) center center no-repeat;
background-size: 100% auto;
width: 27px;
height: 71px;
display: block;
}
@media (max-width: 600px) {
.post-navigation {
flex-direction: column;
gap: 20px;
}
.post-navigation .nav-previous,
.post-navigation .nav-next {
text-align: center;
}
.post-navigation .nav-previous a,
.post-navigation .nav-next a {
justify-content: center;
}
}
.section .subtitle {
padding: 8px;
border-bottom: 1px dotted #8e8e8d;
margin-bottom: 16px;
font-size: 2.4rem;
font-weight: 600;
} .top-slider {
width: 100%;
aspect-ratio: 2/1;
overflow: hidden;
}
.slide {
position: relative;
width: 100%;
aspect-ratio: 2/1;
background-size: cover;
background-position: center;
color: #fff;
}
.slide-inner {
position: relative;
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
justify-content: center;
backdrop-filter: brightness(0.8);
color: #fff;
}
.slide-inner .slide-caption .slide-title {
font-size: 6.4em;
font-weight: 800;
line-height: 1.1;
color: #fff;
}
.slide-inner .slide-caption .slide-subtitle {
font-size: 3.2em;
color: #fff;
line-height: 1.2;
}
.slide-image img {
max-width: 60%;
height: auto;
}
.section_news {
padding: 60px 0;
background: #333332;
color: #fff;
}
.section_news a {
color: #fff;
}
.section_news .pickup_box .section_title {
text-align: center;
font-weight: 700;
font-size: 2.4rem;
letter-spacing: 2px;
color: #8e8e8d;
margin: 16px 0;
}
.section_news .pickup-list {
display: flex;
justify-content: center;
gap: 24px;
margin-bottom: 40px;
}
.section_news .pickup-list .pickup-item {
width: 32%;
}
.section_news .news-item {
border-top: 1px solid #8e8e8d;
}
.section_news .news-item a {
display: block;
padding: 8px 16px;
border-bottom: 1px solid #8e8e8d;
}
.section_news .news-item a:hover {
text-decoration: none;
color: #8e8e8d;
}
.section_news .news-item a .news-date {
width: 120px;
display: inline-block;
}
.section_news .section_title_box {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 16px;
}
.section_news .section_title_box .section_title {
font-size: 2rem;
font-weight: 600;
letter-spacing: 1px;
}
.section_product {
padding: 60px 0;
background: #111111;
color: #fff;
text-align: center;
}
.section_product a {
color: #fff;
}
.section_product a:hover {
color: #8e8e8d;
text-decoration: none;
}
.section_product .headng_en {
color: #8e8e8d;
font-size: 2.4rem;
font-weight: 700;
}
.section_product .section_title {
font-size: 1.8rem;
font-weight: 800;
}
.section_product .product_cat_list {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 24px;
margin: 16px 0 40px;
}
.section_product .product_cat_list .cat_item {
width: 25%;
max-width: 320px;
}
.section_case {
padding: 40px 0;
background: #555554;
color: #fff;
text-align: center;
}
.section_case a {
color: #fff;
}
.section_case a:hover {
color: #8e8e8d;
text-decoration: none;
}
.section_case .headng_en {
color: #8e8e8d;
font-size: 2.4rem;
font-weight: 700;
text-transform: uppercase;
}
.section_case .section_title {
font-size: 1.8rem;
font-weight: 800;
}
.section_case .case_list {
display: flex;
justify-content: center;
text-align: left;
gap: 24px;
margin: 16px 0 40px;
}
.section_case .case_list .article {
width: 24%;
}
.section_case .case_list .excerpt {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
} .wpcf7 {
max-width: 640px;
}
.wpcf7 label {
color: #8e8e8d;
font-size: 1.4rem;
}
.wpcf7 textarea,
.wpcf7 input[type=text],
.wpcf7 input[type=url],
.wpcf7 input[type=email],
.wpcf7 input[type=tel] {
width: 100%;
border: 1px solid #8e8e8d;
border-radius: 4px;
padding: 8px 16px;
color: #1c1c1b;
font-size: 1.6rem;
line-height: 1.8;
}
.wpcf7 .text-center p,
.wpcf7 .wpcf7-response-output {
text-align: center;
}
.wpcf7 .wpcf7-response-output {
margin: auto;
text-align: center;
} .page-about-us .page_heading {
padding: 0;
}
.page-about-us .page_content {
margin: 40px 0 100px;
}
.page-about-us .page_title {
font-size: 2.8rem;
font-weight: 600;
margin-bottom: 4px;
}
.page-about-us .page_slug {
font-size: 1.8rem;
font-weight: 500;
line-height: 1.2;
letter-spacing: 1px;
}
.page-about-us .slick-prev, .page-about-us .slick-next {
background-color: rgba(0, 0, 0, 0.5);
border: none;
color: white;
font-size: 24px;
padding: 10px 15px;
position: absolute;
top: 50%;
transform: translateY(-50%);
z-index: 10;
cursor: pointer;
}
.page-about-us .slick-prev {
left: -40px; }
.page-about-us .slick-next {
right: -40px; }
.page-about-us .area_overview {
margin: 80px 0;
text-align: center;
}
.page-about-us .area_overview .section_title {
font-size: 2rem;
font-weight: 700;
margin-bottom: 16px;
}
.page-about-us .area_overview .intro {
margin-bottom: 60px;
}
.page-about-us .area_overview .overview .overview_list {
display: flex;
flex-wrap: wrap;
text-align: left;
border-top: 1px solid #8e8e8d;
}
.page-about-us .area_overview .overview .overview_list dt {
width: 25%;
box-sizing: border-box;
padding: 16px;
border-bottom: 1px solid #8e8e8d;
}
.page-about-us .area_overview .overview .overview_list dd {
width: 75%;
box-sizing: border-box;
padding: 16px;
border-bottom: 1px solid #8e8e8d;
}
.page-about-us .area_overview .overview .overview_list dd p {
margin-top: 0;
} .page_content .content .yoyogi_intro_box .wp-block-image {
margin: 0 0 8px;
}
.page_content .content .yoyogi_intro_box .wp-block-heading {
margin: 4px 0;
padding: 0;
}
.page_content .content .yoyogi_experience {
gap: 32px;
margin-bottom: 40px;
}
.page_content .content .yoyogi_experience .wp-block-image {
max-width: 320px;
}
.page_content .content .faq_q {
display: flex;
gap: 20px;
font-weight: 700;
margin-bottom: 0;
position: relative;
}
.page_content .content .faq_q:before {
content: "Q";
color: #555554;
font-size: 2.4rem;
line-height: 1.8rem;
}
.page_content .content .faq_a {
display: flex;
gap: 20px;
margin-top: 8px;
position: relative;
}
.page_content .content .faq_a:before {
content: "A";
color: #8e8e8d;
font-size: 2.4rem;
font-weight: 700;
line-height: 1.8rem;
}
.page_content .content .yoyogi_overview {
width: 100%;
}
.page_content .content .yoyogi_overview > .wp-block-group {
align-items: flex-start;
border-bottom: 1px solid #555554;
}
.page_content .content .yoyogi_overview > .wp-block-group:first-child {
border-top: 1px solid #555554;
}
.page_content .content .yoyogi_overview > .wp-block-group .wp-block-group {
width: 80%;
box-sizing: border-box;
padding: 16px;
}
.page_content .content .yoyogi_overview > .wp-block-group .wp-block-group p {
margin: 0;
}
.page_content .content .yoyogi_overview > .wp-block-group .wp-block-group:first-child {
width: 20%;
} .partners_list .partner-entry {
display: flex;
flex-wrap: wrap;
padding: 8px;
border-bottom: 1px solid #8e8e8d;
}
.partners_list .partner-entry .partner-pref {
width: 15%;
padding: 4px;
box-sizing: border-box;
font-weight: 600;
}
.partners_list .partner-entry .partner-header {
width: 40%;
padding: 4px;
box-sizing: border-box;
}
.partners_list .partner-entry .partner-header .partner-name {
font-weight: 700;
}
.partners_list .partner-entry .partner-header .partner-content p {
margin: 4px 0 0;
}
.partners_list .partner-entry .partner-equipment {
width: 45%;
padding: 4px;
box-sizing: border-box;
} .documents_list {
margin: 40px 0 100px;
}
.tab-buttons {
display: flex;
margin-bottom: 1em;
border-bottom: 1px solid #111111;
}
.tab-btn {
padding: 10px 20px;
cursor: pointer;
background: #eee;
border: none;
font-weight: bold;
}
.tab-btn.active {
background: #222;
color: white;
}
.tab-panel {
display: none;
}
.tab-panel.active {
display: block;
}
.document-list {
list-style: none;
padding: 0;
}
.document-item {
width: 100%;
display: flex;
gap: 16px;
border-bottom: 1px solid #111111;
padding: 10px 0;
}
.document-item .thumb {
width: 120px;
}
.document-item .thumb img {
width: 100%;
height: auto;
}
.document-item .document-meta {
width: calc(100% - 120px - 16px);
}
.document-item .title_area {
border-bottom: 1px dotted #1c1c1b;
}
.document-item .title_area .docment_title {
font-size: 1.8rem;
font-weight: 600;
}
.document-item .title_area .update_date {
font-size: 1.3rem;
font-weight: 400;
}
.document-item .title_area,
.document-item .link_area {
width: 100%;
box-sizing: border-box;
padding: 16px 8px;
gap: 16px;
display: flex;
align-items: center;
justify-content: space-between;
}
.document-item .download-link {
margin-left: auto;
display: flex;
align-items: center;
gap: 4px;
color: #1c1c1b;
line-height: 1;
}
.document-item .download-link .category {
padding: 4px 8px;
background: #1c1c1b;
color: #fff;
font-weight: 600;
}
.document-item .download-link:hover {
color: #8e8e8d;
text-decoration: none;
}
.document-item .download-link:hover .category {
background: #8e8e8d;
} .specification_list .material-item {
width: 100%;
display: flex;
gap: 16px;
margin-bottom: 32px;
}
.specification_list .material-item .eyecath {
width: 140px;
margin: 0;
aspect-ratio: 4/3;
background-color: #ffffff;
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
}
.specification_list .material-item .eyecath img {
width: 90%;
height: 90%;
object-fit: contain;
transition: transform 0.3s ease;
pointer-events: none;
}
.specification_list .material-item .material_content {
width: calc(100% - 140px - 16px);
}
.specification_list .material-item .material_content .title_box {
display: flex;
align-items: center;
justify-content: space-between;
padding: 8px;
border-bottom: 1px solid #8e8e8d;
}
.specification_list .material-item .material_content .title_box .title {
font-size: 1.8rem;
font-weight: 600;
}
.specification_list .material-item .material_content .title_box a {
font-size: 1.3rem;
}
.specification_list .material-item .material_content .materianl_data {
display: flex;
align-items: center;
justify-content: space-between;
}
.specification_list .material-item .material_content .materianl_data .material_title {
font-size: 1.4rem;
}
.specification_list .material-item .material_content .materianl_data .data_item {
display: flex;
align-items: center;
justify-content: right;
gap: 8px;
padding: 8px;
}
.specification_list .material-item .material_content .materianl_data .data_item .data_list {
font-size: 1.5rem;
}
.specification_list .material-item .material_content .materianl_data .data_item .data_list a span {
margin-right: 4px;
padding: 6px 12px;
background: #1c1c1b;
color: #fff;
font-weight: 700;
}
.specification_list .material-item .material_content .materianl_data .data_item .data_list a:hover {
text-decoration: none;
}
.specification_list .material-item .material_content .materianl_data .data_item .data_list a:hover span {
background: #555554;
}
.product-index-nav .alphabet-nav {
display: flex;
flex-wrap: wrap;
}
.product-index-nav .alphabet-nav li {
width: 12.5%;
line-height: 1;
font-size: 2rem;
font-weight: 600;
}
.product-index-nav .alphabet-nav li a,
.product-index-nav .alphabet-nav li span {
width: 100%;
aspect-ratio: 1;
display: flex;
align-items: center;
justify-content: center;
}
.product-index-nav .alphabet-nav li span {
color: #8e8e8d;
font-weight: 500;
}
.product-index-nav .alphabet-nav li a:hover {
text-decoration: none;
background: #f6f6f4;
} .page-tutorial .section {
margin-bottom: 80px;
}
.tutorial_items {
display: flex;
flex-wrap: wrap;
gap: 24px;
}
.tutorial_items .tutorial_item {
width: calc(33.3333333333% - 16px);
}
.tutorial_items .tutorial_item .video_wrapper {
max-width: 100%;
margin: auto;
aspect-ratio: 16/9;
margin-bottom: 8px;
}
.tutorial_items .tutorial_item .video_wrapper iframe {
width: 100%;
height: 100%;
}
.tutorial_items .tutorial_item .item_title {
font-size: 1.8rem;
font-weight: 600;
margin-bottom: 8px;
}
.tutorial_items .tutorial_item .desc {
font-size: 1.3rem;
margin-bottom: 8px;
}
.tutorial_items .tutorial_item .meta {
display: flex;
justify-content: space-between;
gap: 8px;
font-size: 1.2rem;
} .support_panel .support_list {
margin: 40px 0;
display: flex;
gap: 16px;
flex-wrap: wrap;
}
.support_panel .support_list .item {
width: calc(25% - 12px);
}
.support_panel .support_list .item .thumb {
aspect-ratio: 4/3;
overflow: hidden;
}
.support_panel .support_list .item .thumb img {
aspect-ratio: 4/3;
object-fit: cover;
margin: auto;
vertical-align: bottom;
transition: transform 0.3s ease;
}
.support_panel .support_list .item .title {
font-size: 2rem;
font-weight: 600;
}
.support_panel .support_list .item .page_slug {
font-size: 1.4rem;
font-weight: 600;
line-height: 1.2;
letter-spacing: 1px;
}
.support_panel .support_list .item .excerpt {
font-size: 1.4rem;
line-height: 1.5;
}
.support_panel .support_list .item a:hover {
text-decoration: none;
}
.support_panel .support_list .item a:hover .thumb img {
transform: scale(1.1); } .thumbslider_wrapper {
width: 100%;
margin: 0 auto 16px;
}
.thumbslider_wrapper .slick-track {
width: 100%;
display: flex;
justify-content: center;
align-items: center;
}
.thumbslider_wrapper .slick-slide {
float: none !important;
}
.thumbslider_wrapper .slidethumb-gallery {
display: flex;
justify-content: center;
align-items: center;
}
.thumbslider_wrapper .slidethumb-gallery .item {
width: 100%;
max-width: 600px;
aspect-ratio: 4/3;
background-color: #ffffff;
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
}
.thumbslider_wrapper .slidethumb-gallery .item img {
width: 100%;
height: 100%;
object-fit: contain;
transition: transform 0.3s ease;
pointer-events: none;
}
.thumbslider_wrapper .thumbchoice-btn {
margin-top: 40px;
cursor: pointer;
outline: none;
overflow: hidden;
object-position: 50% 50%;
text-align: center;
}
.thumbslider_wrapper .thumbchoice-btn .slick-track {
display: flex;
justify-content: center;
gap: 8px;
}
.thumbslider_wrapper .thumbchoice-btn .item {
aspect-ratio: 1;
max-width: 75px;
overflow: hidden;
object-position: 50% 50%;
cursor: pointer;
outline: none;
}
.thumbslider_wrapper .thumbchoice-btn .item img {
object-fit: cover;
margin: auto;
opacity: 0.4;
width: 100%;
height: 100%;
}
.thumbslider_wrapper .thumbchoice-btn .item.slick-current {
border: 1px solid #ccc;
}
.thumbslider_wrapper .thumbchoice-btn .item.slick-current img {
opacity: 1;
}
.thumbslider_wrapper.slide_one .slick-track {
display: inline;
text-align: center;
}
.thumbslider_wrapper.slide_one .slidethumb-gallery {
max-width: 100%;
}
.thumbslider_wrapper.slide_one .slidethumb-gallery li {
display: inline;
float: none;
}
.thumbslider_wrapper.slide_one .thumbchoice-btn {
display: none;
}
.slickthumb-prev,
.slickthumb-next {
position: absolute;
z-index: 3;
top: 42%;
cursor: pointer;
outline: none;
border-top: 2px solid #ccc;
border-right: 2px solid #ccc;
height: 25px;
width: 25px;
}
.slickthumb-prev {
left: 2.5%;
transform: rotate(-135deg);
}
.slickthumb-next {
right: 2.5%;
transform: rotate(45deg);
} .list_files ul {
list-style: none;
padding: 0;
margin: 16px 0;
}
.list_files ul li {
margin: 8px 0;
display: flex;
align-items: center;
gap: 4px;
}
.list_files ul li a {
display: flex;
align-items: center;
gap: 4px;
}
.list_files ul li .icon {
width: 20px;
} .list_product {
margin-bottom: 80px;
}
.list_product .cat_title {
display: flex;
align-items: center;
justify-content: space-between;
padding: 8px;
border-bottom: 1px dotted #8e8e8d;
margin-bottom: 16px;
}
.list_product .cat_title .title {
font-size: 2.2rem;
font-weight: 600;
letter-spacing: 1px;
}
.list_product .item_list,
.list_product .ajax-items {
width: 100%;
display: flex;
flex-wrap: wrap;
gap: 60px 24px;
}
.list_product .item_list .item,
.list_product .item_list .product_item,
.list_product .ajax-items .item,
.list_product .ajax-items .product_item {
width: calc((100% - 72px) / 4);
}
.list_product .item_list .item .eyecatch,
.list_product .item_list .product_item .eyecatch,
.list_product .ajax-items .item .eyecatch,
.list_product .ajax-items .product_item .eyecatch {
margin: 0;
aspect-ratio: 4/3;
width: 100%;
background-color: #ffffff;
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
}
.list_product .item_list .item .eyecatch img,
.list_product .item_list .product_item .eyecatch img,
.list_product .ajax-items .item .eyecatch img,
.list_product .ajax-items .product_item .eyecatch img {
width: 100%;
height: 100%;
object-fit: contain;
transition: transform 0.3s ease;
pointer-events: none;
}
.list_product .item_list .item .text,
.list_product .item_list .product_item .text,
.list_product .ajax-items .item .text,
.list_product .ajax-items .product_item .text {
padding: 8px;
border-top: 1px solid #111111;
}
.list_product .item_list .item .item_title,
.list_product .item_list .product_item .item_title,
.list_product .ajax-items .item .item_title,
.list_product .ajax-items .product_item .item_title {
font-size: 2rem;
font-weight: 700;
line-height: 1.3;
}
.list_product .item_list .item .cat,
.list_product .item_list .product_item .cat,
.list_product .ajax-items .item .cat,
.list_product .ajax-items .product_item .cat {
font-size: 1.3rem;
}
.list_product .item_list .item .subtitle,
.list_product .item_list .product_item .subtitle,
.list_product .ajax-items .item .subtitle,
.list_product .ajax-items .product_item .subtitle {
font-weight: 1.6rem;
font-weight: 600;
line-height: 1.3;
}
.list_product .item_list .item a:hover,
.list_product .item_list .product_item a:hover,
.list_product .ajax-items .item a:hover,
.list_product .ajax-items .product_item a:hover {
text-decoration: none;
}
.list_product .item_list .item a:hover .eyecatch img,
.list_product .item_list .product_item a:hover .eyecatch img,
.list_product .ajax-items .item a:hover .eyecatch img,
.list_product .ajax-items .product_item a:hover .eyecatch img {
transform: scale(1.1); }
.list_product .item_list .item._x3,
.list_product .item_list .product_item._x3,
.list_product .ajax-items .item._x3,
.list_product .ajax-items .product_item._x3 {
width: calc((100% - 48px) / 3);
}
.list_product .item_list .item._x3 .eyecatch,
.list_product .item_list .product_item._x3 .eyecatch,
.list_product .ajax-items .item._x3 .eyecatch,
.list_product .ajax-items .product_item._x3 .eyecatch {
aspect-ratio: 16/9;
}
#load-more-button {
padding: 12px 24px;
font-size: 16px;
cursor: pointer;
background-color: #222;
color: #fff;
border: none;
border-radius: 4px;
}
#load-more-button:disabled {
background-color: #aaa;
cursor: not-allowed;
}
.sidebar .subtitle {
display: flex;
align-items: center;
justify-content: space-between;
padding: 8px;
border-bottom: 1px dotted #8e8e8d;
margin-bottom: 16px;
font-size: 1.8rem;
font-weight: 600;
}
.sidebar .cat_widget .cat_list li {
margin: 4px 0;
}
.sidebar .cat_widget .cat_list li a {
display: flex;
gap: 8px;
}
.sidebar .cat_widget .cat_list li a:before {
content: "";
width: 8px;
height: 8px;
margin-top: 7px;
border-radius: 50%;
border: 2px solid #1c1c1b;
}
.sidebar .cat_widget .cat_list li a:hover {
color: #8e8e8d;
text-decoration: none;
}
.sidebar .cat_widget .cat_list li a:hover:before {
background: #8e8e8d;
border: 2px solid #8e8e8d;
}
.related_items .related_item_list .related_item {
width: 100%;
display: flex;
gap: 16px;
margin-bottom: 32px;
}
.related_items .related_item_list .related_item_thumb {
width: 180px;
margin: 0;
aspect-ratio: 4/3;
background-color: #ffffff;
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
}
.related_items .related_item_list .related_item_thumb img {
width: 100%;
height: 100%;
object-fit: contain;
transition: transform 0.3s ease;
pointer-events: none;
}
.related_items .related_item_list .related_item_info {
width: calc(100% - 180px - 16px);
line-height: 1.48;
}
.related_items .related_item_list .related_item_info .related_item_title {
margin: 0;
font-size: 1.8rem;
font-weight: 600;
}
.related_items .related_item_list .related_item_info .download-list {
font-size: 1.5rem;
font-weight: 600;
}
.tab-nav {
display: flex;
list-style: none;
padding: 0;
margin-bottom: 1em;
border-bottom: 1px dotted #fff;
}
.tab-nav li {
padding: 6px 8px;
cursor: pointer;
border-bottom: 1px dotted transparent;
font-size: 1.6rem;
color: #555554;
}
.tab-nav li.active {
border-bottom: 1px dotted #555554;
color: #111111;
font-weight: bold;
}
.tab-content {
display: none;
}
.tab-content.active {
display: block;
} .area_basic {
padding: 80px 0;
}
.basic_content {
display: flex;
gap: 32px; }
.basic_content .basic_introduction .title {
display: flex;
align-items: center;
gap: 8px;
font-size: 4rem;
font-weight: 800;
margin-bottom: 8px;
}
.basic_content .basic_introduction .title .series {
display: inline-block;
border: 1px solid #111111;
border-radius: 3px;
padding: 4px 8px;
line-height: 1;
font-size: 2.2rem;
}
.basic_content .basic_introduction .subtitle {
line-height: 1.4;
font-size: 2.2rem;
font-weight: 600;
margin-bottom: 8px;
}
.basic_content .basic_information {
display: flex;
gap: 32px;
}
.basic_content .basic_information .info_widget {
width: 240px;
}
.basic_content .basic_information .info_widget .subtitle {
font-size: 1.8rem;
font-weight: 600;
padding: 4px;
margin-bottom: 4px;
border-bottom: 1px dotted #111111;
}
.basic_content .basic_information .info_widget .info_list li {
display: flex;
gap: 4px;
}
.basic_content .basic_information .info_widget .info_list li:before {
content: "";
width: 16px;
height: 16px;
margin-top: 5px;
background: url(//www.brandeuse.jp/system/wp-content/themes/original/images/icon_checked_black.svg) center center no-repeat;
background-size: 100% auto;
} .area_original {
background: #111111;
padding: 80px 0;
color: #fff;
}
.area_original a {
color: #fff;
}
.area_original .content_wrapper {
display: flex;
justify-content: space-between;
}
.area_original .content_wrapper .original_content {
width: 68%;
}
.area_original .content_wrapper .content_image {
width: 30%;
}
.area_original .list_files .subtitle {
color: #8e8e8d;
font-size: 1.8rem;
font-weight: 600;
padding: 8px;
border-bottom: 1px dotted #8e8e8d;
margin-bottom: 8px;
letter-spacing: 1px;
} .area_data {
padding: 80px 0;
}
.area_data .data_content {
display: flex;
gap: 32px;
}
.area_data .data_content .subtitle {
font-size: 1.8rem;
font-weight: 600;
padding: 8px;
border-bottom: 1px dotted #111111;
margin-bottom: 8px;
letter-spacing: 1px;
}
.area_data .data_content .data_spec {
width: 60%;
}
.area_data .data_content .data_spec .spec_list {
display: flex;
flex-wrap: wrap;
font-size: 1.4rem;
}
.area_data .data_content .data_spec .spec_list .table_subheading {
width: 100%;
padding: 12px;
background: #f6f6f4;
}
.area_data .data_content .data_spec .spec_list dt {
border-bottom: 1px dotted #111111;
width: 22%;
box-sizing: border-box;
padding: 12px;
}
.area_data .data_content .data_spec .spec_list dd {
border-bottom: 1px dotted #111111;
width: 78%;
box-sizing: border-box;
padding: 12px;
}
.area_data .data_content .data_related {
width: calc(40% - 32px);
} .brand_count {
font-size: 16px;
text-align: center;
margin: 0;
}
.brands_list {
margin-top: 2px;
padding-bottom: 40px;
border-top: solid 2px #d9ced2;
}
.brands_list .brands_item {
border-bottom: solid 2px #d9ced2;
padding: 16px 8px;
position: relative;
}
.brands_list .brands_item .name .en {
font-size: 18px;
font-family: "Noto Sans JP", sans-serif;
line-height: 1.3;
margin: 0;
}
.brands_list .brands_item .name .jp {
font-family: "Noto Sans JP", sans-serif;
line-height: 1.3;
margin: 0;
}
.brands_list .brands_item .more {
position: absolute;
bottom: 12px;
right: 8px;
}
.brands_list .brands_item .more a {
font-size: 16px;
font-weight: 700;
font-family: "Quicksand", sans-serif;
color: #e386a9;
padding-right: 18px;
transition: 0.3s;
position: relative;
}
.brands_list .brands_item .more a:hover {
opacity: 0.8;
}
.brands_list .brands_item .more a:after {
position: absolute;
content: "";
top: 50%;
right: 0;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
display: inline-block;
width: 12px;
height: 100%;
background-image: url(//www.brandeuse.jp/system/wp-content/themes/original/images/image_arrow_pink.png);
background-repeat: no-repeat;
background-position: center;
background-size: contain;
} .result_list {
display: flex;
justify-content: start;
align-items: center;
gap: 16px;
flex-direction: column;
}
.result_list .result_item {
width: 100%;
}
.result_list .result_item a {
display: block;
}
.result_list .result_item a:hover .result_item_flex .content_01 img {
transform: translate(-50%, -50%) scale(1.1);
}
.result_list .result_item a .result_item_flex {
box-sizing: border-box;
display: flex;
justify-content: start;
align-items: start;
gap: 16px;
}
.result_list .result_item a .result_item_flex .content_01 {
width: 15%;
aspect-ratio: 1/1;
overflow: hidden;
margin: 0;
position: relative;
}
.result_list .result_item a .result_item_flex .content_01 img {
display: block;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
transition: transform 0.6s;
}
.result_list .result_item a .result_item_flex .content_02 h3 {
font-size: 15px;
margin: 0;
}
.result_list .result_item a .result_item_flex .content_02 p.date {
font-size: 14px;
font-family: "Quicksand", sans-serif;
color: #a44769;
margin: 0;
} .blog_area {
max-width: 1200px;
width: 100%;
margin: 0 auto;
box-sizing: border-box;
display: flex;
justify-content: space-between;
align-items: start;
flex-wrap: wrap;
gap: 40px;
}
@media (max-width: 480px) {
.blog_area {
flex-direction: column;
}
}
.blog_area .main {
width: calc(70% - 40px);
box-sizing: border-box;
}
@media (max-width: 480px) {
.blog_area .main {
width: 100%;
border-bottom: solid #ccc 1px;
padding-bottom: 40px;
}
}
.blog_area .side {
width: calc(30% - 40px);
}
@media (max-width: 480px) {
.blog_area .side {
width: 100%;
}
}
.blog_area .side .category_list {
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
flex-direction: column;
}
.blog_area .side .category_list .category_item {
display: block;
width: 100%;
box-sizing: border-box;
font-size: 18px;
font-weight: 700;
font-family: "Zen Kaku Gothic New", sans-serif;
padding: 16px 0;
position: relative;
}
.blog_area .side .category_list .category_item:before {
position: absolute;
content: "";
top: 40%;
right: 2px;
width: 12px;
height: 12px;
border: 0;
border-top: solid 1px #000;
border-left: solid 1px #000;
transform: rotate(135deg);
}
.blog_area .blog_list {
display: flex;
justify-content: start;
align-items: start;
flex-wrap: wrap;
gap: 32px;
}
@media (max-width: 480px) {
.blog_area .blog_list {
flex-direction: column;
}
}
.blog_area .blog_list .item {
width: calc((100% - 64px) / 3);
box-sizing: border-box;
padding-bottom: 8px;
}
@media (max-width: 480px) {
.blog_area .blog_list .item {
width: 100%;
padding: 0;
}
}
.blog_area .blog_list .item a:hover .flex .content_01 .thumbnail img {
transform: translate(-50%, -50%) scale(1.1);
}
@media (max-width: 480px) {
.blog_area .blog_list .item a .flex {
display: flex;
justify-content: start;
align-items: center;
flex-wrap: wrap;
gap: 16px;
}
}
@media (max-width: 480px) {
.blog_area .blog_list .item a .flex .content_01 {
width: calc(35% - 16px);
box-sizing: border-box;
}
}
.blog_area .blog_list .item a .flex .content_01 .thumbnail {
aspect-ratio: 240/240;
overflow: hidden;
margin: 0;
margin-bottom: 8px;
position: relative;
}
@media (max-width: 480px) {
.blog_area .blog_list .item a .flex .content_01 .thumbnail {
margin: 0;
}
}
.blog_area .blog_list .item a .flex .content_01 .thumbnail img {
display: block;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
transition: transform 0.6s;
}
@media (max-width: 480px) {
.blog_area .blog_list .item a .flex .content_02 {
width: 65%;
box-sizing: border-box;
}
}
.blog_area .blog_list .item a .flex .content_02 .blog_title {
font-size: 16px;
margin: 0;
margin-bottom: 8px;
}
.blog_area .blog_list .item a .flex .content_02 .note {
display: flex;
justify-content: space-between;
align-items: center;
}
.blog_area .blog_list .item a .flex .content_02 .note .date {
font-size: 13px;
font-family: "Noto Sans JP", sans-serif;
margin: 0;
}
.blog_area .blog_list .item a .flex .content_02 .note .category .category_name {
font-size: 13px;
font-weight: 700;
font-family: "Zen Kaku Gothic New", sans-serif;
color: #a44769;
margin: 0;
position: relative;
}
.blog_area .blog_list .item a .flex .content_02 .note .category .category_name:before {
position: absolute;
content: "";
top: 50%;
left: -18px;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
display: inline-block;
width: 16px;
height: 16px;
background: url(//www.brandeuse.jp/system/wp-content/themes/original/images/image_icon_tag.svg) center center no-repeat;
background-size: 100 auto;
}
.blog_area .blog_list._column {
flex-direction: column;
}
.blog_area .blog_list._column .item {
width: 100%;
padding: 0;
}
.blog_area .blog_list._column .item a .flex {
display: flex;
justify-content: start;
align-items: center;
flex-wrap: wrap;
gap: 16px;
}
.blog_area .blog_list._column .item a .flex .content_01 {
width: calc(35% - 16px);
box-sizing: border-box;
}
.blog_area .blog_list._column .item a .flex .content_01 .thumbnail {
margin: 0;
}
.blog_area .blog_list._column .item a .flex .content_02 {
width: 65%;
box-sizing: border-box;
}
.blog_area .blog_content {
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
margin-top: 2px;
margin-bottom: 16px;
}
.blog_area .blog_content .tags {
width: 100%;
box-sizing: border-box;
padding-left: 18px;
position: relative;
}
.blog_area .blog_content .tags:before {
position: absolute;
content: "";
top: 50%;
left: 0;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
display: inline-block;
width: 16px;
height: 16px;
background-image: url(//www.brandeuse.jp/system/wp-content/themes/original/images/image_icon_tag_02.svg);
background-repeat: no-repeat;
background-position: center;
background-size: contain;
}
.blog_area .blog_content .tags .tag_name {
font-size: 13px;
font-weight: 700;
font-family: "Zen Kaku Gothic New", sans-serif;
color: #a44769;
margin: 0;
padding: 0;
}
.blog_area .blog_content .tags .tag_name:not(:last-child)::after {
content: ",";
color: #a44769;
}
.blog_area .blog_content .category .category_name {
font-size: 13px;
font-weight: 700;
font-family: "Zen Kaku Gothic New", sans-serif;
color: #a44769;
margin: 0;
padding-left: 18px;
position: relative;
}
.blog_area .blog_content .category .category_name:before {
position: absolute;
content: "";
top: 50%;
left: 0;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
display: inline-block;
width: 16px;
height: 16px;
background-image: url(//www.brandeuse.jp/system/wp-content/themes/original/images/image_icon_tag.svg);
background-repeat: no-repeat;
background-position: center;
background-size: contain;
}
.blog_area .blog_content .date {
font-size: 13px;
font-family: "Noto Sans JP", sans-serif;
margin: 0;
}
.blog_area .post_navigation {
display: flex;
justify-content: center;
align-items: center;
gap: 100px;
margin: 80px 0 40px 0;
}
.blog_area .post_navigation a.nav_link {
font-size: 14px;
font-family: "Quicksand", sans-serif;
font-weight: 700;
color: #a44769;
}
.blog_area .post_navigation a.nav_link.prev {
position: relative;
padding-left: 75px;
}
.blog_area .post_navigation a.nav_link.prev:before {
position: absolute;
content: "";
top: 6px;
left: 30px;
width: 10px;
height: 10px;
border: 0;
border-top: solid 1px #a44769;
border-left: solid 1px #a44769;
transform: rotate(-45deg);
z-index: 1;
}
.blog_area .post_navigation a.nav_link.prev:after {
position: absolute;
content: "";
top: -15px;
left: 7px;
width: 50px;
height: 50px;
border: solid 1px #a44769;
border-radius: 50%;
}
.blog_area .post_navigation a.nav_link.prev:hover:before {
border-top: solid 1px #fff;
border-left: solid 1px #fff;
}
.blog_area .post_navigation a.nav_link.prev:hover:after {
background: #a44769;
border: solid 1px #a44769;
}
.blog_area .post_navigation a.nav_link.next {
position: relative;
padding-right: 75px;
}
.blog_area .post_navigation a.nav_link.next:before {
position: absolute;
content: "";
top: 6px;
right: 30px;
width: 10px;
height: 10px;
border: 0;
border-top: solid 1px #a44769;
border-left: solid 1px #a44769;
transform: rotate(135deg);
z-index: 1;
}
.blog_area .post_navigation a.nav_link.next:after {
position: absolute;
content: "";
top: -15px;
right: 7px;
width: 50px;
height: 50px;
border: solid 1px #a44769;
border-radius: 50%;
}
.blog_area .post_navigation a.nav_link.next:hover:before {
border-top: solid 1px #fff;
border-left: solid 1px #fff;
}
.blog_area .post_navigation a.nav_link.next:hover:after {
background: #a44769;
border: solid 1px #a44769;
} .top_mv .slider_container {
display: flex;
flex-direction: column;
gap: 8px;
position: relative;
}
.top_mv .slider_container:before {
content: "";
position: absolute;
inset: 0;
background: rgba(255, 255, 255, 0.2);
pointer-events: none;
z-index: 1;
}
.top_mv .slider_container .slider {
overflow: hidden;
position: relative;
}
.top_mv .slider_container .slider .slick-track {
display: flex !important;
align-items: center;
}
.top_mv .slider_container .slider .slick-slide {
width: 300px !important;
height: 400px;
margin-right: 8px;
}
@media (max-width: 480px) {
.top_mv .slider_container .slider .slick-slide {
width: 150px !important;
height: 200px;
}
}
.top_mv .slider_container .slider .slick-slide img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
.top_mv .slider_container .slider_bottom {
transform: scaleX(-1);
}
.top_mv .slider_container .slider_bottom .slick-slide {
transform: scaleX(-1);
}
.top_mv .slider_container .slider_bottom .slick-list {
padding: 0;
}
.top_mv .center_text {
position: absolute;
top: 30%;
left: 50%;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
font-size: 128px;
font-family: "Crimson Text", serif;
font-weight: 400;
z-index: 2;
}
@media (max-width: 480px) {
.top_mv .center_text {
top: 15%;
font-size: 76px;
}
}
.top_mv .company_info {
margin-top: -25px;
text-align: center;
z-index: 2;
position: relative;
}
.top_mv .company_info .slogan {
font-size: 40px;
font-family: "Zen Kaku Gothic New", sans-serif;
font-weight: 400;
line-height: 1.2;
margin-bottom: 32px;
}
@media (max-width: 480px) {
.top_mv .company_info .slogan {
font-size: 32px;
margin-bottom: 4px;
}
}
.top_mv .company_info .en {
font-size: 36px;
font-family: "Quicksand", sans-serif;
font-weight: 400;
line-height: 1;
color: #DA5E8C;
margin-bottom: 32px;
}
@media (max-width: 480px) {
.top_mv .company_info .en {
font-size: 28px;
}
}
.top_mv .company_info .copy {
font-size: 18px;
font-family: "Zen Kaku Gothic New", sans-serif;
font-weight: 400;
margin: 0;
margin-bottom: 16px;
}
@media (max-width: 480px) {
.top_post {
margin: 80px 0;
}
}
@media (max-width: 480px) {
.top_post .top_post_area {
margin-bottom: 80px;
padding: 32px 0;
}
}
.top_post .top_post_area .top_post_heading {
display: flex;
justify-content: space-between;
align-items: center;
}
.top_post .top_post_area .top_post_heading p {
font-size: 16px;
font-weight: 600;
font-family: "Barlow", sans-serif;
margin: 0;
padding-left: 8px;
}
.top_post .top_post_area .top_post_heading a {
font-size: 14px;
font-weight: 500;
font-family: "Noto Sans JP", sans-serif;
color: #A6A6A6;
margin: 0;
padding-right: 8px;
}
.top_post .top_post_area .top_post_item {
border-bottom: solid #DEDEDE 1px;
padding-top: 12px;
padding-left: 8px;
}
.top_post .top_post_area .top_post_item a {
display: block;
}
.top_post .top_post_area .top_post_item a .flex {
display: flex;
justify-content: start;
align-items: center;
gap: 32px;
}
.top_post .top_post_area .top_post_item a .flex p.date {
font-size: 15px;
font-weight: 600;
font-family: "Barlow", sans-serif;
margin: 0;
}
.top_post .top_post_area .top_post_item a .flex h3 {
font-size: 14px;
font-weight: 500;
font-family: "Noto Sans JP", sans-serif;
margin: 0;
}
.top_post p.top_ranking {
margin-top: 32px;
margin-bottom: 0;
text-align: center;
}
.feature {
margin-top: 64px;
margin-bottom: 80px;
}
.feature .feature_item {
display: flex;
justify-content: center;
align-items: center;
margin: 80px 0;
}
@media (max-width: 480px) {
.feature .feature_item {
flex-direction: column;
gap: 8px;
margin: 32px 0;
}
}
@media (max-width: 480px) {
.feature .feature_item:nth-child(2) {
flex-direction: column-reverse;
}
}
.feature .feature_item:nth-child(2) .feature_text {
text-align: right;
}
.feature .feature_item .feature_image {
width: 50%;
aspect-ratio: 1/1;
overflow: hidden;
border-radius: 4px;
margin: 0;
position: relative;
}
@media (max-width: 480px) {
.feature .feature_item .feature_image {
width: 100%;
aspect-ratio: 262/313;
box-sizing: border-box;
width: 70%;
margin-right: 30%;
box-sizing: border-box;
}
}
@media (max-width: 480px) {
.feature .feature_item .feature_image:nth-child(2) {
width: 70%;
margin-right: 0;
margin-left: 30%;
box-sizing: border-box;
}
}
.feature .feature_item .feature_image img {
display: block;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
.feature .feature_item .feature_text {
font-size: 18px;
font-family: "Zen Kaku Gothic New", sans-serif;
font-weight: 400;
width: 50%;
box-sizing: border-box;
margin: 0;
padding: 0 40px;
}
@media (max-width: 480px) {
.feature .feature_item .feature_text {
width: 100%;
padding: 0;
}
}
.result {
padding-bottom: 64px;
}
.result .heading {
text-align: center;
margin-bottom: 32px;
}
.result .heading h2 {
font-size: 32px;
font-weight: 300;
font-family: "Noto Sans JP", sans-serif;
line-height: 1.2;
margin: 0;
margin-bottom: 12px;
}
.result .heading p {
font-size: 22px;
font-weight: 400;
font-family: "Quicksand", sans-serif;
line-height: 1.2;
color: #DA5E8C;
margin: 0;
margin-bottom: 12px;
}
.result .result_slider {
position: relative;
margin: 40px 0;
padding: 0 20px;
}
@media (max-width: 480px) {
.result .result_slider {
padding-left: 0;
}
}
.result .result_slider .slick-track {
display: flex !important;
gap: 32px !important;
}
.result .result_slider .result_slide {
width: auto;
padding: 0 20px;
box-sizing: border-box;
}
@media (max-width: 480px) {
.result .result_slider .result_slide {
padding: 0 16px;
}
}
.result .result_slider .result_slide img {
width: 100%;
}
.result .result_item {
background: #fff;
border: 1px solid #ddd;
border-radius: 10px;
padding: 8px;
text-align: center;
height: 100%;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.result .result_item .brand_name {
font-size: 22px;
font-weight: 600;
font-family: "Crimson Text", serif;
line-height: 1.2;
margin: 12px 0;
}
.result .result_item .image {
margin-bottom: 12px;
}
.result .result_item .type {
font-size: 14px;
font-weight: 400;
font-family: "Noto Sans JP", sans-serif;
margin: 12px 0;
}
.result .result_item .price span {
display: block;
font-size: 14px;
font-weight: 400;
font-family: "Noto Sans JP", sans-serif;
color: #E87581;
margin: 0;
}
.result .result_item .price p {
font-size: 20px;
font-weight: 500;
font-family: "Quicksand", sans-serif;
color: #E87581;
margin: 0;
}
.result .prev_arrow {
position: absolute;
top: 50%;
left: 5px;
background-image: url(//www.brandeuse.jp/system/wp-content/themes/original/images/img_arrow_prev.png);
background-repeat: no-repeat;
background-position: center;
background-size: contain;
width: 25px;
height: 60px;
z-index: 99;
}
@media (max-width: 480px) {
.result .prev_arrow {
left: -15px;
width: 25px;
}
}
.result .next_arrow {
position: absolute;
top: 50%;
right: 5px;
background-image: url(//www.brandeuse.jp/system/wp-content/themes/original/images/img_arrow_next.png);
background-repeat: no-repeat;
background-position: center;
background-size: contain;
width: 25px;
height: 60px;
z-index: 99;
}
@media (max-width: 480px) {
.result .next_arrow {
right: -15px;
width: 25px;
}
}
.result .slick-prev:before {
content: "";
}
.result .slick-next:before {
content: "";
}
.top_flow {
width: 100%;
box-sizing: border-box;
background: #F9F9F9;
margin-bottom: 80px;
padding: 80px 0 64px 0;
}
@media (max-width: 480px) {
.top_flow {
padding: 60px 0 40px 0;
}
}
.top_flow .heading {
text-align: center;
margin-bottom: 32px;
}
.top_flow .heading h2 {
font-size: 32px;
font-weight: 300;
font-family: "Noto Sans JP", sans-serif;
line-height: 1.2;
margin: 0;
margin-bottom: 12px;
}
.top_flow .heading p {
font-size: 22px;
font-weight: 400;
font-family: "Quicksand", sans-serif;
line-height: 1.2;
color: #DA5E8C;
margin: 0;
margin-bottom: 12px;
}
.top_flow .flow_area {
display: flex;
justify-content: space-between;
align-items: start;
gap: 66px;
margin-bottom: 24px;
}
@media (max-width: 480px) {
.top_flow .flow_area {
flex-direction: column;
gap: 93px;
}
}
.top_flow .flow_area .flow_item {
width: calc((100% - 198px) / 4);
box-sizing: border-box;
position: relative;
}
@media (max-width: 480px) {
.top_flow .flow_area .flow_item {
width: 100%;
display: flex;
justify-content: space-between;
align-items: center;
}
}
.top_flow .flow_area .flow_item:before {
position: absolute;
content: "";
top: 95px;
right: -45px;
display: inline-block;
width: 30px;
height: 35px;
background-image: url(//www.brandeuse.jp/system/wp-content/themes/original/images/image_arrow_flow.png);
background-repeat: no-repeat;
background-position: center;
background-size: contain;
}
@media (max-width: 480px) {
.top_flow .flow_area .flow_item:before {
top: 115%;
left: 50%;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: rotate(90deg);
}
}
.top_flow .flow_area .flow_item:last-child:before {
display: none;
}
.top_flow .flow_area .flow_item .number {
font-size: 72px;
font-weight: 300;
font-family: "Quicksand", sans-serif;
line-height: 1.2;
color: #D3D3D3;
border-bottom: solid #B3B3B3 1px;
margin: 0;
margin-bottom: 8px;
padding: 0 12px;
text-align: center;
}
@media (max-width: 480px) {
.top_flow .flow_area .flow_item .number {
border-bottom: none;
border-right: solid #B3B3B3 1px;
padding: 25px 20px 25px 16px;
}
}
.top_flow .flow_area .flow_item h4 {
font-size: 18px;
font-weight: 500;
font-family: "Noto Sans JP", sans-serif;
margin: 8px 0;
padding: 0 12px;
}
@media (max-width: 480px) {
.top_flow .flow_area .flow_item h4 {
font-size: 22px;
margin: 0;
margin-bottom: 8px;
padding: 0 16px;
}
}
.top_flow .flow_area .flow_item .text {
font-size: 14px;
font-weight: 300;
font-family: "Noto Sans JP", sans-serif;
margin: 0;
padding: 0 12px;
}
@media (max-width: 480px) {
.top_flow .flow_area .flow_item .text {
padding: 0 16px;
}
}
.top_flow .flow_area .flow_item .text span {
font-weight: 700;
}
.line .line_area {
padding: 60px 55px 44px 55px;
background: #F2F2F2;
border: 4px solid #06C755;
}
@media (max-width: 480px) {
.line .line_area {
padding: 53px 25px 17px 25px;
}
}
.line .line_area h2 {
display: flex;
justify-content: center;
gap: 4px;
font-size: 31px;
font-weight: 300;
font-family: "Noto Sans JP", sans-serif;
color: #06C755;
margin-bottom: 40px;
}
.line .line_area h2 img {
object-fit: contain;
}
.line .line_area p {
font-size: 15px;
font-weight: 400;
font-family: "Zen Kaku Gothic New", sans-serif;
margin-bottom: 40px;
text-align: center;
}
.line .line_area .line_flow {
display: flex;
justify-content: center;
align-items: start;
gap: 70px;
margin-bottom: 28px;
}
@media (max-width: 480px) {
.line .line_area .line_flow {
gap: 50px;
}
}
.line .line_area .line_flow .line_flow_item {
width: calc(50% - 35px);
position: relative;
}
@media (max-width: 480px) {
.line .line_area .line_flow .line_flow_item {
width: calc(50% - 25px);
}
}
.line .line_area .line_flow .line_flow_item:before {
position: absolute;
content: "";
top: 0;
right: -45px;
display: inline-block;
width: 30px;
height: 100%;
background-image: url(//www.brandeuse.jp/system/wp-content/themes/original/images/image_arrow_line.png);
background-repeat: no-repeat;
background-position: center;
background-size: contain;
}
@media (max-width: 480px) {
.line .line_area .line_flow .line_flow_item:before {
width: 25px;
top: 15px;
right: -35px;
}
}
.line .line_area .line_flow .line_flow_item:last-child:before {
display: none;
}
.line .line_area .line_flow .line_flow_item .number {
font-size: 40px;
font-weight: 500;
font-family: "Quicksand", sans-serif;
color: #06C755;
line-height: 1;
margin-bottom: 8px;
text-align: center;
}
.line .line_area .line_flow .line_flow_item h4 {
font-size: 18px;
font-weight: 500;
font-family: "Noto Sans JP", sans-serif;
margin-bottom: 8px;
text-align: center;
}
.line .line_area .line_flow .line_flow_item .text {
font-size: 13px;
font-weight: 400;
font-family: "Zen Kaku Gothic New", sans-serif;
margin-bottom: 0;
text-align: center;
}
@media (max-width: 480px) {
.line .line_area .line_flow .line_flow_item .text {
text-align: left;
}
}
.top_about {
margin: 80px 0;
}
@media (max-width: 480px) {
.top_about {
margin-bottom: 300px;
}
}
.top_about .about_area {
display: flex;
justify-content: right;
align-items: start;
gap: 140px;
}
@media (max-width: 480px) {
.top_about .about_area {
flex-direction: column-reverse;
gap: 0;
position: relative;
}
}
.top_about .about_area .about_content {
width: auto;
}
@media (max-width: 480px) {
.top_about .about_area .about_content {
width: 100%;
position: absolute;
top: 35%;
left: 0;
}
}
.top_about .about_area .about_content .heading_01 {
font-size: 28px;
font-weight: 500;
font-family: "Noto Sans JP", sans-serif;
margin: 0;
}
@media (max-width: 480px) {
.top_about .about_area .about_content .heading_01 {
color: #fff;
}
}
.top_about .about_area .about_content .heading_02 {
font-size: 28px;
font-weight: 400;
font-family: "Noto Sans JP", sans-serif;
line-height: 1;
margin: 0;
}
@media (max-width: 480px) {
.top_about .about_area .about_content .heading_02 {
color: #fff;
}
}
.top_about .about_area .about_content .heading_02 span {
display: inline-block;
font-size: 72px;
font-weight: 600;
font-family: "Crimson Text", serif;
line-height: 1;
transform: rotate(3deg);
}
.top_about .about_area .about_content .text {
margin-top: 100px;
}
.top_about .about_area .about_content .text p {
font-size: 15px;
font-weight: 500;
font-family: "Zen Kaku Gothic New", sans-serif;
margin: 0;
margin: 32px 0;
}
@media (max-width: 480px) {
.top_about .about_area .about_content .text p {
margin: 24px 0;
}
}
@media (max-width: 480px) {
.top_about .about_area .about_content .text p span {
background: #fff;
line-height: 1.4;
}
}
.top_about .about_area .about_content .button {
margin: 0;
text-align: left;
}
@media (max-width: 480px) {
.top_about .about_area .about_content .button {
margin-top: 34px;
text-align: center;
}
}
.top_about .about_area .about_image {
width: 50%;
}
@media (max-width: 480px) {
.top_about .about_area .about_image {
width: 100vw;
height: 440px;
margin: 0 calc(50% - 50vw);
}
}
@media (max-width: 480px) {
.top_about .about_area .about_image img {
height: 100%;
object-fit: cover;
}
}
.top_voice {
margin: 80px 0;
}
.top_voice .heading {
text-align: center;
margin-bottom: 32px;
}
.top_voice .heading h2 {
font-size: 32px;
font-weight: 300;
font-family: "Noto Sans JP", sans-serif;
line-height: 1.2;
margin: 0;
margin-bottom: 12px;
}
.top_voice .heading p {
font-size: 22px;
font-weight: 400;
font-family: "Quicksand", sans-serif;
line-height: 1.2;
color: #DA5E8C;
margin: 0;
margin-bottom: 12px;
}
.top_voice .voice_slider {
position: relative;
padding: 0 50px 0 90px;
}
@media (max-width: 480px) {
.top_voice .voice_slider {
padding: 0 0 0 26px;
}
}
.top_voice .voice_slider .voice_slide {
position: relative;
}
.top_voice .voice_slider .voice_slide::before {
content: "";
left: 0;
transform: rotate(6deg);
transform-origin: top right;
position: absolute;
width: 1px;
height: 100%;
background: #ABABAB;
top: 0;
z-index: 2;
}
@media (max-width: 480px) {
.top_voice .voice_slider .voice_slide::after {
content: "";
right: 0;
transform: rotate(6deg);
transform-origin: top right;
position: absolute;
width: 1px;
height: 100%;
background: #ABABAB;
top: 0;
z-index: 2;
}
}
.top_voice .voice_slider .voice_slide .slick-list {
overflow: hidden !important;
}
.top_voice .voice_slider .voice_slide .slick-track {
display: flex !important;
align-items: stretch;
}
.top_voice .voice_slider .voice_slide .slick-slide {
box-sizing: border-box;
padding: 16px 47px 20px 30px;
}
@media (max-width: 480px) {
.top_voice .voice_slider .voice_slide .slick-slide {
padding: 16px 36px 20px 16px;
}
}
.top_voice .voice_slider .voice_item {
position: relative;
background: #fff;
padding: 0;
box-sizing: border-box;
}
.top_voice .voice_slider .voice_item::after {
content: "";
right: 1px;
transform: rotate(6deg);
transform-origin: top right;
position: absolute;
width: 1px;
height: 100%;
background: #ABABAB;
top: 0;
z-index: 2;
}
@media (max-width: 480px) {
.top_voice .voice_slider .voice_item::after {
display: none;
}
}
.top_voice .voice_slider .voice_item p {
margin: 0;
font-size: 14px;
line-height: 1.6;
font-family: "Noto Sans JP", sans-serif;
font-weight: 400;
position: relative;
z-index: 3;
}
.top_voice .voice_slider .voice_item .name {
margin-top: 12px;
text-align: right;
font-size: 15px;
position: relative;
z-index: 3;
}
.top_voice .voice_slider .prev_arrow,
.top_voice .voice_slider .next_arrow {
position: absolute;
top: 50%;
transform: translateY(-50%);
z-index: 5;
width: 24px;
height: 40px;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
}
.top_voice .voice_slider .prev_arrow {
left: -90px;
background-image: url(//www.brandeuse.jp/system/wp-content/themes/original/images/img_arrow_prev.png);
}
@media (max-width: 480px) {
.top_voice .voice_slider .prev_arrow {
left: -43px;
}
}
.top_voice .voice_slider .next_arrow {
right: -50px;
background-image: url(//www.brandeuse.jp/system/wp-content/themes/original/images/img_arrow_next.png);
}
@media (max-width: 480px) {
.top_voice .voice_slider .next_arrow {
right: -17px;
}
}
.top_voice .voice_slider .slick-prev:before,
.top_voice .voice_slider .slick-next:before {
content: "";
} .wpcf7 {
margin: 0 auto;
}
.form label {
display: block;
font-size: 16px;
font-family: "Noto Sans JP", sans-serif;
font-weight: 700;
color: #000;
margin-bottom: 32px;
padding: 12px;
border: 1px solid #b3b0b2;
border-radius: 4px;
box-sizing: border-box;
position: relative;
}
.form label input,
.form label select,
.form label textarea {
width: 100% !important;
font-family: "Noto Sans JP", sans-serif;
box-sizing: border-box;
border: none !important;
background: transparent;
line-height: 1.5 !important;
margin-top: 4px;
padding: 0 !important;
}
.form label input::placeholder,
.form label select::placeholder,
.form label textarea::placeholder {
font-size: 16px;
color: #b3b0b2;
font-weight: 700;
}
.form label input:focus,
.form label select:focus,
.form label textarea:focus {
outline: none;
}
.form label:has(input[aria-required=true])::after, .form label:has(select[aria-required=true])::after, .form label:has(textarea[aria-required=true])::after {
content: "必須";
position: absolute;
top: 1.1em;
right: 1em;
font-size: 13px;
color: #E88383;
}
.form label .wpcf7-not-valid-tip {
position: absolute;
bottom: 0;
right: 0;
margin-top: 4px;
font-size: 14px;
color: #e6004e;
white-space: nowrap;
z-index: 10;
}
.form label.radio {
border: none;
margin: 0;
margin-bottom: 20px;
padding: 0;
}
.form label.radio span {
display: block;
margin: 0;
}
.form label.radio span.wpcf7-form-control-wrap {
padding: 8px 0 12px 0;
}
.form label.radio label {
display: flex;
gap: 10px;
border: none;
margin: 0;
padding: 0;
}
.form label.radio label input {
width: auto !important;
}
.form .accept p {
font-size: 16px;
font-family: "Noto Sans JP", sans-serif;
font-weight: 700;
margin-bottom: 20px;
}
.form .accept p a {
color: #a44769;
}
.form .accept label {
display: flex;
gap: 15px;
border: none;
margin: 0 !important;
padding: 0 !important;
}
.form .accept label label {
border: none;
margin: 0 !important;
padding: 0 !important;
}
.form .accept label label input {
width: 17px !important;
margin: 0 !important;
padding: 0 !important;
}
.form .accept label span {
margin: 0 !important;
padding: 0 !important;
}
.form .submit {
text-align: center;
margin-top: 40px;
padding: 16px 0 16px 70px;
}
@media (max-width: 480px) {
.form .submit {
padding-right: 10px;
}
}
.form .submit .btn_submit,
.form .submit .wpcf7-submit {
font-size: 15px;
font-weight: 700;
font-family: "Zen Kaku Gothic New", sans-serif;
margin: 0;
padding: 8px 36px;
text-align: center;
background: #000;
color: #fff;
border: 1px solid #fff;
border-radius: 32px;
transition: background 0.4s, color 0.4s, transform 0.2s;
cursor: pointer;
}
.form .submit .btn_submit:hover,
.form .submit .wpcf7-submit:hover {
background: #555554;
}
.form .submit .wpcf7-spinner {
margin-left: 10px;
}
.form .submit .wpcf7-spinner:before {
top: 14px !important;
}
.form .file {
margin: 32px 0;
}
.form .file label {
border: none;
margin: 0;
padding: 0;
}
.form._application label.radio {
border: none;
margin: 0;
margin-bottom: 20px;
padding: 0;
position: relative;
}
.form._application label.radio::after {
content: "必須";
position: absolute;
top: 1.1em;
right: 0;
font-size: 13px;
color: #E88383;
}
.form._application label.radio span {
display: block;
margin: 0;
}
.form._application label.radio span.wpcf7-form-control-wrap {
padding: 8px 0 12px 0;
}
.form._application label.radio label {
display: flex;
gap: 10px;
border: none;
margin: 0;
padding: 0;
}
.form._application label.radio label input {
width: auto !important;
}
.form._application label.campaign_code {
background: #F5ECF1;
}
.form._application label.select {
border: none;
margin-top: -12px;
padding: 0;
padding-top: 12px;
}
.form._application label.select._02 {
margin-top: 32px;
margin-bottom: 0;
}
.form._application label.select._02 .flex {
display: flex;
justify-content: start;
align-items: center;
gap: 10px;
}
.form._application label.select._02 .flex span.wpcf7-form-control-wrap:after {
top: 20px;
}
.form._application label.select._02 .flex select {
font-size: 15px;
width: 120px !important;
box-sizing: border-box;
text-align: right;
margin-bottom: 0;
padding-right: 30px !important;
}
.form._application label.select span {
display: block;
margin: 0;
}
.form._application label.select span.wpcf7-form-control-wrap {
position: relative;
}
.form._application label.select span.wpcf7-form-control-wrap:after {
position: absolute;
content: "";
top: 15px;
right: 12px;
width: 8px;
height: 8px;
border-top: solid 1px #b3b0b2;
border-right: solid 1px #b3b0b2;
transform: rotate(135deg);
}
.form._application label.select select {
display: block;
font-size: 13px;
font-family: "Noto Sans JP", sans-serif;
font-weight: 700;
color: #000;
margin-bottom: 32px;
padding: 12px !important;
border: 1px solid #b3b0b2 !important;
border-radius: 4px;
box-sizing: border-box;
position: relative;
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
}
.form._application label.select:has(select[aria-required=true])::after {
content: "必須";
position: absolute;
top: 1.1em;
right: 0;
font-size: 13px;
color: #E88383;
}
.form._application label.select .wpcf7-not-valid-tip {
position: absolute;
bottom: -25px;
right: 12px;
margin-top: 4px;
font-size: 14px;
color: #e6004e;
white-space: nowrap;
z-index: 10;
}
.form._application .address {
border: 1px solid #b3b0b2;
border-radius: 4px;
margin-bottom: 32px;
padding: 0 12px;
}
.form._application .address label {
border: none;
border-bottom: 1px solid #b3b0b2;
border-radius: 0;
margin: 0;
}
.form._application .address label:last-of-type {
border: none;
}
.form._application .green {
font-size: 13px;
font-family: "Noto Sans JP", sans-serif;
font-weight: 700;
color: #47a481;
margin: 8px 0 !important;
}
.form._application ul {
list-style: disc;
margin-left: 20px;
margin-bottom: 32px;
}
.form._application ul li {
font-size: 13px;
font-family: "Noto Sans JP", sans-serif;
color: #000;
font-weight: 700;
}