#rwd-content #rwd-main-content,
#rwd-content .rwd-main-content {
margin-bottom: 0;
}

#rwd-content .rwd-main-header.with-keyvisual{
margin-bottom: 0;
}

#rwd-content .rwd-grid-unison.pc-grid3of12 .rwd-grid-item{
margin-left: 0;
}
#rwd-content .rwd-grid-unison{
gap: 2%;
}


.main_bg_box{
background: url(../img/main_bg.png);
padding-bottom: 15px;
}

.main_img{
width: 100%;
margin: 0 auto
}

.txt_bold{
font-weight: bold;
}

.main_ttl_01{
position: absolute;
top: 0;
}

h1{
margin: 0;
padding: 0;
}

.imgBox {
position: relative;
}
.imgBox img {
  max-width: 100%;
  height: auto;
  vertical-align: top;
}

img[usemap] {
  border: none;
  height: auto;
  max-width: 100%;
  width: auto;
}

.main_box{
max-width: 1280px;
width: 100%;
}

.bubble_txt{
position: absolute;

opacity: 0;
transform: scale(0);
transition: opacity 0.2s ease, transform 0.2s ease;
pointer-events: none;

z-index: 12;
}

.bubble_txt.is-active {
opacity: 1;
transform: scale(1);
}

.hover_img{
position: absolute;

transform: scale(1);
transition: transform 0.2s ease;
pointer-events: none;

z-index: 1;
}
.hover_img.is-active {
z-index: 10;
transform: scale(1.2);
}

.bubble_01{
width: 20.78571429%;
top: 3.5%;
left: 25%;
transform-origin: bottom;
}
.hover_img_01{
width: 27.42448%;
top: 23.5%;
left: 22.85%;

z-index: 6;
}


.bubble_02_p{
width: 18.78571429%;
bottom: 23%;
right: 31.5%;
transform-origin: bottom;
}
.bubble_03_p{
width: 23.5%;
bottom: 5.5%;
right: 49.5%;
transform-origin: right;
}
.hover_img_02{
width: 22.329515%;
bottom: 0.2%;
right: 26.95%;

z-index: 3;
}

.bubble_04_p{
width: 23.64285714%;
top: 43%;
right: 8%;
transform-origin: left;
}
.hover_img_04{
width: 26.922219%;
top: 39.5%;
right: 28.15%;

z-index: 6;
}

.bubble_05_p{
width: 21.28571429%;
top: 2.2%;
right: 31%;
transform-origin: bottom;
}
.hover_img_05{
width: 21.023214%;
top: 15.8%;
right: 33.1%;

z-index: 5;
}

/* coming soon用 */
.bubble_06_p{
width: 21.28571429%;
top: 20%;
right: 19.5%;
transform-origin: bottom;
}
/* .bubble_06_p{
width: 21.28571429%;
top: 15%;
right: 19.5%;
transform-origin: bottom;
} */
.hover_img_06{
width: 14.476033%;
top: 28.8%;
right: 19.1%;

z-index: 4;
}

.bubble_07_p{
width: 23.42857143%;
bottom: 22%;
right: 8.5%;
transform-origin: bottom;
}
.bubble_09_p{
width: 27.42857143%;
bottom: 12%;
right: 27%;
transform-origin: right;
}
.hover_img_07{
width: 26.71088333%;
bottom: 2%;
right: 0.3%;

z-index: 3;
}

.bubble_08_p{
width: 23.5%;
top: 34%;
right: 18.5%;
transform-origin: right;
}
.bubble_08_2_p{
width: 17.35714286%;
top: 9%;
right: 0.5%;
transform-origin: bottom;
}
.hover_img_08{
width: 20.776907%;
top: 25.5%;
right: 0.7%;

z-index: 2;
}

.bubble_10_p{
width: 20.07142857%;
bottom: 30%;
left: 26.5%;
transform-origin: right;
}
.hover_img_10{
width: 16.5%;
bottom: 22%;
left: 41.9%;

z-index: 4;
}

.bubble_11_p{
width: 21.28571429%;
bottom: 50%;
left: 24.5%;
transform-origin: bottom;
}
.bubble_14_p{
width: 24.21428571%;
bottom: 34%;
left: 41%;
transform-origin: left;
}
.hover_img_11{
width: 23.38981%;
bottom: 27.4%;
left: 23.1%;

z-index: 4;
}

.bubble_12_p{
width: 23.64285714%;
bottom: 5.5%;
left: 43%;
transform-origin: left;
}
.hover_img_12{
width: 24.831776%;
bottom: 0.4%;
left: 25.9%;

z-index: 3;
}

.bubble_13_p{
width: 23.64285714%;
bottom: 29.5%;
right: 6.5%;
transform-origin: left;
}
.hover_img_13{
width: 20.776907%;
bottom: 21.3%;
right: 21.2%;


z-index: 1;
}

.bubble_15_p{
width: 23.5%;
top: 20.5%;
right: 34%;
transform-origin: right;
}
.hover_img_15{
width: 15.606572%;
top: 14.3%;
right: 20.7%;

z-index: 3;
}

.bubble_16_p{
width: 21.78571429%;
top: 28%;
left: 20.5%;
transform-origin: left;
}
.hover_img_16{
width: 24.535424%;
top: 23.1%;
left: 2%;

z-index: 2;
}

.bubble_17_p{
width: 26%;
top: 5%;
left: 29%;
transform-origin: left;
}
.hover_img_17{
width: 37.514019%;
top: 1.6%;
left: 0.4%;

z-index: 1;
}

.bubble_18_p{
width: 27.28571429%;
top: 6.5%;
right: 17.7%;
transform-origin: right;
}
.hover_img_18{
width: 22.630992%;
top: 0%;
right: 0%;

z-index: 1;
}

.bubble_19_p{
width: 28.85714286%;
top: 46%;
left: 22.5%;
transform-origin: left;
}
.hover_img_19{
width: 21.636117%;
top: 42.95%;
left: 3.6%;

z-index: 3;
}

.bubble_20_p{
width: 21.28571429%;
bottom: 49%;
right: 4.5%;
transform-origin: bottom;
}
.hover_img_20{
width: 24.203497%;
bottom: 11.5%;
right: 0%;

z-index: 2;
}

.bubble_21_p{
width: 21.28571429%;
bottom: 25.5%;
left: 4.5%;
transform-origin: bottom;
}
.bubble_22_p{
width: 23.64285714%;
bottom: 8%;
left: 21.7%;
transform-origin: left;
}
.hover_img_21{
width: 23.128429%;
bottom: 0.5%;
left: 1.4%;

z-index: 3;
}

.bubble_23_p{
width: 23.64285714%;
bottom: 30%;
left: 23%;
transform-origin: left;
}
.hover_img_23{
width: 29.449503%;
bottom: 11%;
left: 0%;

z-index: 2;
}

.main_ttl {
background: #0063B7;
text-align: center;
padding: 24px 0;
}
.main_ttl_txt{
max-width: 1000px;
width: 90%;
margin: 0 auto;
}
.main_ttl_txt h1{
display: block;
padding: 0;
margin: 0;
}
@media (max-width: 767px) {
.main_ttl_txt{
width: 85%;
}
}

.title-text {
color: #0063B7;
font-weight: 800;
letter-spacing: 0.1em;
margin: 0;
text-align: center;

font-size: 3.5rem;
}
@media (max-width: 1200px) {
.title-text {
font-size: 4.5vw;
}
}

.title-text .small {
font-size: 0.85em;
}
.main_txt_box{
background: #DEF5FF;
padding: 25px 0 40px;
}

a.top_origin_btn{
display: block;
margin: 0 auto;
max-width: 407px;
width: 45.071429%;
}

a.top_recommendation {
display: block;
width: 45%;
}

@media (max-width: 767px) {
a.top_origin_btn{
width: 65.071429%;
}
a.top_recommendation {
width: 80%;
}
.main_txt_box{
padding: 25px 0 30px;
}
}

.news_wrap{
background: #fff;
border-radius: 20px;

padding: 25px 60px;
}

.news_title{
font-size: 2.5rem;
}

.news_list {
  list-style: none;
  padding: 0;
}

.news_list li {
  margin-bottom: 15px;
}

.news_list a {
  color: #fff;
  text-decoration: none;
  line-height: 1.8;
  letter-spacing: 0.04em;
}

.news_date {
  font-size: 1.4rem;
  white-space: nowrap;
  opacity: 0.9;
}

.news_text {
  font-size: 1.6rem;
  max-width: 700px;
  font-weight: bold;
  color: #000;
  text-decoration: underline;
}
.news_list a:hover{
  opacity: 0.7;
}


.w100{
display: block;
width: 100%;
height: auto;
}

.top_list_item {
display: block;
}

.top_list_item.is-hide {
display: none;
}

.filter_nav {
position: relative;
z-index: 10;
}

.filter_nav [data-filter] {
cursor: pointer;
}

.filter_nav [data-filter]:hover {
opacity: 0.7;
}

.filter_flex{
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 5%;
}

.fliter_icon{
width: 18px;
margin-right: 10px;
}
.fliter_icon img:last-child {
display: none;
}

.filter_nav [data-filter].is-active .fliter_icon img:first-child {
display: none;
}

.filter_nav [data-filter].is-active .fliter_icon img:last-child {
display: inline;
}

#rwd-main-content .rwd-main-header:not(.with-keyvisual) {
margin-bottom: 0;
}

#rwd-main-content .bg_black {
background: #FCFAF4;
}

#rwd-main-content .rwd-headline1-type02 {
padding-top: 30px;
}
#rwd-main-content p{
line-height: 2;
}

@media (max-width: 767px) {
#rwd-main-content .bg_black {
padding-top: 0px;
}

#rwd-main-content .rwd-headline1-type02 {
padding-top: 10px;
}
#rwd-main-content p{
line-height: 1.8;
}
/* max-width: 767px */}


#rwd-main-content .rwd-product-header {
background: none;
}

a#rwd-control-scroll-button,
a.link_active {
pointer-events:inherit;
}

nav.rwd-footer-inner.rwd-breadcrumb li:nth-child(3) {
display: none;
}

#rwd-main-content #rwd-main-content p{
margin-bottom: 0;
}

.rwd-section-headline.rwd-large span:first-child{
font-size: 2.3rem !important;
}


.fw_500{
font-weight: 500;
}
.fw_700{
font-weight: 700;
}
.fw_900{
font-weight: 900;
}

.sec_pb_72{
padding-bottom: 72px;
}
.sec_pb_120{
padding-bottom: 120px;
}

.sp_none{
display: block;
}
.pc_none{
display: none;
}


/* topここから */
.deadline_date_box{
text-align: center;
}
.deadline_date{
font-size: 1.7rem;
border-bottom: #000 2px solid;
font-weight: bold;
display: inline-block;
}
.deadline_date .date_large{
font-size: 3.3rem;
}
.deadline_date .date_middle{
font-size: 2.5rem;
}
.deadline_date .date_small{
font-size: 2.1rem;
}

@media (max-width: 480px) {
.deadline_date{
font-size: 1.5rem;
}
.deadline_date .date_large{
font-size: 2.5rem;
}
.deadline_date .date_middle{
font-size: 2rem;
}
.deadline_date .date_small{
font-size: 1.7rem;
}
}

.top_txt_01{
font-weight: 900;
font-size: 4rem;
letter-spacing: 0.1em;

padding: 6px 0;
}

.top_txt_01 .top_txt_01_small{
font-size: 3.5rem !important;
}

.txt_left_center_box{
margin: 0 auto;
text-align: center;
display: block;
}

.txt_left_center_box .txt_left_center {
text-align: left;
display: inline-block;

font-size: 1.7rem;
font-weight: bold;
}

.txt_left_center_box .txt_left_center span{
display: block;
padding-bottom: 10px !important;
}

.txt_left_center_box .txt_left_center strong{
font-size: 2.2rem;
font-weight: bold;
}

@media (max-width: 767px) {
.txt_left_center_box .txt_left_center {
display: block;
word-break:  normal;
}
/* max-width: 767px */}

.top_txt_redbg{
color: #fff;
background: #D02E06;
font-size: 3.1rem;
font-weight: bold;

padding: 5px 0;
text-shadow: 0px 3px 1px rgba(0, 0, 0, 0.16);
}

.bubble_bottom_box{
background: url(../img/bubble_bottom.png);
background-position: bottom;
background-size: 100%;

padding-bottom: 20px;
}

#rwd-main-content .top_list .rwd-grid-item{
margin-bottom: 40px;
display:flex;
flex-direction:column;
}


#rwd-main-content .top_list .rwd-grid-item .list_txt_box{
flex-grow: 1;
}


.top_goods_red_txt{
color: #D02E06;
font-size: 2.4rem;
font-weight: bold;
}

.top_goods_red_txt strong{
font-size: 3.3rem;
}

.top_list_item .view_more_btn{
max-width: 140px;
width: 50%;

margin: auto auto 0;
}

.top_list_item .view_more_btn img{
display: block;
width: 100%;
height: auto;
}

.top_list_item .list_cs_btn{
max-width: 185px;
width: 70%;

margin: auto auto 0;
}

.top_list_item .list_cs_btn img{
display: block;
width: 100%;
height: auto;
}

.ttl_wood_bg{
background: url(../img/ttl_wood_bg.jpg);
background-size: cover;
background-position: bottom;
}

.ttl_wood_bg h2{
font-size: 3.8rem;
color: #000;
text-align: center;
padding: 20px 0;
}
.ttl_wood_bg h2 strong{
font-size: 4.2rem;
}

.rwd-section-headline.rwd-xsmall span:first-child{
font-size: 2.1rem;
}

.list_txt_box{
margin: 10px 10px 0 10px;
}
.list_txt_box .border_left{
border-left: 6px solid #89624C;
color: #89624C;
font-weight: bold;
padding-left: 10px;
}

.goods_img_box{
position: relative;
}

.goods_img_01{
position: absolute;
top: 15%;
left: 1%;
width: 18%;
}
.goods_img_02{
position: absolute;
top: 0;
right: 6%;
width: 15%;
}

.goods_img_01 img{
display: block;
width: 100%;
height: auto;
}
.goods_img_02 img{
display: block;
width: 100%;
height: auto;
}

.goods_sp_flex{
display: none;
}

@media (max-width: 767px) {
.sec_pb_72{
padding-bottom: 36px;
}
.sec_pb_120{
padding-bottom: 60px;
}

.pc_none{
display: block;
}
.sp_none{
display: none;
}

.top_txt_01{
font-size: 3rem !important;
}

.top_txt_01 .top_txt_01_small{
font-size: 2.5rem !important;
}

.bubble_bottom_box{
margin-top: -1%;

padding: 10px 10px 15px;
}
.goods_img_01, .goods_img_02{
display: none;
}
.goods_sp_flex{
display: flex;
align-items: center;
justify-content: center;
}
.goods_img_01_sp {
max-width: 300px;
width: 100%;
}
.goods_img_02_sp {
max-width: 240px;
width: 100%;
}
.goods_img_01_sp img{
display: block;
width: 100%;
height: auto;
}
.goods_img_02_sp img{
display: block;
width: 100%;
height: auto;
}

.top_txt_redbg{
font-size: 2.5rem;

padding: 5px 10px;
}

.txt_left_center_box .txt_left_center{
font-size: 1.5rem;
}
.txt_left_center_box .txt_left_center strong{
font-size: 2rem;
}

.top_list_item .view_more_btn{
width: 70%;
}
.top_list_item .list_cs_btn{
width: 85%;
}

.ttl_wood_bg h2{
padding: 5px 0 10px;
}
.ttl_wood_bg h2 strong{
font-size: 2.5rem;
}

.top_goods_red_txt{
font-size: 2rem;
}

.top_goods_red_txt strong{
font-size: 2.5rem;
}
}
/* ------------------------------ */
.footer_box{
border-top: #000 35px solid;
background: url(../img/wood_bg.jpg);
background-size: cover;

padding-top: 40px;
padding-bottom: 120px;
}

.footer_top_txt strong{
font-size: 2.6rem;
font-weight: 700;
}

.footer_bubble_top{
background: url(../img/footer_bubble_top.png);
background-position: top;
background-size: 100%;

padding-top: 15px;
}

.footer_btn{
display: block;
margin: 30px auto 0;

max-width: 375px;
width: 50%;
}

.footer_btn img{
display: block;
width: 100%;
height: auto;
}


.return_top_btn{
display: block;
max-width: 285px;
width: 70%;

margin: 0 auto 120px;
}

.return_top_btn img{
display: block;
width: 100%;
height: auto;
}

.return_top_btn:hover{
opacity: 0.7;
}

@media (max-width: 767px) {
.rwd-section-headline.rwd-xsmall span:first-child{
font-size: 1.6rem;
}
.rwd-section-headline.rwd-large span:first-child{
font-size: 1.6rem !important;
}
.footer_top_txt strong{
font-size: 2rem;
}
.footer_bubble_top{
padding-top: 12px;
}
.footer_btn{
width: 85%;
}

.return_top_btn{
margin: 0 auto 60px;

width: 50%;
}

.filter_flex{
justify-content: flex-start;
}
.filter_flex .rwd-text.rwd-xlarge{
font-size: 1.4rem;
}
.fliter_icon{
width: 14px;
margin-right: 10px;
}
}

.slick-dotted.slick-slider {
max-width: 1280px;
width: 90%;
margin: 0 auto 30px;
}
@media (max-width: 767px) {
.slick-dotted.slick-slider {
margin: 0 auto 10px;
}
}

.slider_arrow{
position:absolute;
top:50%;
transform:translateY(-50%);
z-index:10;
cursor:pointer;

background:none;
border:none;
padding:0;
}

.slider_arrow img{
display:block;
width:100%;
height:auto;
}
.slider_arrow img:hover{
opacity: 0.7;
}

.prev{
left: 8px;
}
.next{
right: 8px;
}
.new_cont_slider .slide{
margin: 0 15px;
}
.new_cont_slider .slick-list{
margin: 0 -15px;
}
.slick-dots li button:before{
font-size:16px;
}

.new_slide_txt{
color: #3E352B;
font-size: 2.3rem;
font-weight: 900;
text-align: center;
}

.new_cont_slider a {
pointer-events: auto;
}
.new_cont_slider a:hover{
opacity: 0.7;
}


.main_sp{
position: relative;
background: url(../img/main_bg_sp.jpg);
background-size: contain;
}
.main_sp_001, .main_sp_002, .main_sp_003, .main_sp_004, .main_sp_005, .main_sp_006, .main_sp_007, .main_sp_008, .main_sp_009, .main_sp_010, .main_sp_011, .main_sp_012, .main_sp_013, .main_sp_014, .main_sp_015, .main_sp_016, .main_sp_017, .main_sp_018, .main_sp_019{
position: absolute;
opacity: 0;
}

.main_sp_garage{
width: 92.55813953%;
position: absolute;
top: 1.6%;
left: 4%;
}

.main_sp_001{
width: 40.93023256%;
top: 9.4%;
left: 8.4%;
}
.animate_main_sp_001{
animation: main_sp_img 0.3s forwards;
}

.main_sp_002{
width: 47.6744186%;
top: 9.8%;
right: 0;
}
.animate_main_sp_002{
animation: main_sp_img 0.3s forwards;
}

.main_sp_003{
width: 47.90697674%;
top: 18.8%;
left: 5%;
}
.animate_main_sp_003{
animation: main_sp_img 0.3s forwards;
}

.main_sp_004{
width: 34.88372093%;
top: 21.5%;
right: 9.5%;
}
.animate_main_sp_004{
animation: main_sp_img 0.3s forwards;
}

.main_sp_005{
width: 38.37209302%;
top: 26.8%;
left: 8.5%;
}
.animate_main_sp_005{
animation: main_sp_img 0.3s forwards;
}

.main_sp_006{
width: 43.95348837%;
top: 28.5%;
right: 6%;
}
.animate_main_sp_006{
animation: main_sp_img 0.3s forwards;
}

.main_sp_007{
width: 32.3255814%;
top: 36%;
left: 3%;
}
.animate_main_sp_007{
animation: main_sp_img 0.3s forwards;
}

.main_sp_008{
width: 31.62790698%;
top: 38.4%;
left: 30.5%;
z-index: 2;
}
.animate_main_sp_008{
animation: main_sp_img 0.3s forwards;
}

.main_sp_009{
width: 39.53488372%;
top: 37.8%;
right: 0;
}
.animate_main_sp_009{
animation: main_sp_img 0.3s forwards;
}

.main_sp_010{
width: 54.18604651%;
top: 45.5%;
left: 5%;
}
.animate_main_sp_010{
animation: main_sp_img 0.3s forwards;
}

.main_sp_011{
width: 45.34883721%;
bottom: 35.5%;
right: 1%;
}
.animate_main_sp_011{
animation: main_sp_img 0.3s forwards;
}

.main_sp_012{
width: 41.62790698%;
bottom: 36.4%;
left: 9.5%;
}
.animate_main_sp_012{
animation: main_sp_img 0.3s forwards;
}

.main_sp_013{
width: 47.6744186%;
bottom: 28.4%;
right: 0;
}
.animate_main_sp_013{
animation: main_sp_img 0.3s forwards;
}

.main_sp_014{
width: 43.72093023%;
bottom: 30.4%;
left: 4.5%;
}
.animate_main_sp_014{
animation: main_sp_img 0.3s forwards;
}

.main_sp_015{
width: 47.44186047%;
bottom: 21%;
right: 5.5%;
}
.animate_main_sp_015{
animation: main_sp_img 0.3s forwards;
}

.main_sp_016{
width: 39.30232558%;
bottom: 21.3%;
left: 6%;
}
.animate_main_sp_016{
animation: main_sp_img 0.3s forwards;
}

.main_sp_017{
width: 55.11627907%;
bottom: 13.7%;
left: 4%;
}
.animate_main_sp_017{
animation: main_sp_img 0.3s forwards;
}

.main_sp_018{
width: 39.30232558%;
bottom: 11%;
right: -2%;
}
.animate_main_sp_018{
animation: main_sp_img 0.3s forwards;
}

.main_sp_019{
width: 86.74418605%;
bottom: 1.5%;
left: 4%;
}
.animate_main_sp_019{
animation: main_sp_img 0.3s forwards;
}

@keyframes main_sp_img{
0%{
transform: scale(0);
opacity: 0;
}
50%{
transform: scale(1.2);
opacity: 1;
}
100%{
transform: scale(1);
opacity: 1;
}
}