@charset "UTF-8";


/*PC*/
@media print, screen and (min-width: 1366px) {

.kv { width: 100%; height: 100vh; position: relative; overflow: hidden;}
.kv .pc { width: 100%; height: 100%;}
.kv .swiper { width: 100%; height: 100%;}
.kv .swiper .swiper-slide { width: 100%; height: 100%;}
.kv .swiper .swiper-slide img { width: 100%; height: 100%; object-fit: cover;}
.kv .txt { position: absolute; top: 260px; left: 100px; z-index: 50; font-size: 100px; font-weight: 900; text-shadow: 5px 5px 5px rgba(0, 0, 0, 0.4); color: var(--color00); letter-spacing: 6px;}
.kv .badge { position: absolute; bottom: 80px; right: 100px; z-index: 50; width: 180px; filter: drop-shadow(10px 10px 0px rgba(0,0,0,0.4));}

.cont01 { background: url(../images/index/cont01_bg.png) top center no-repeat; background-size: cover; width: 100%;}
.cont01 .topics { width: 1000px; background: var(--color00); border-radius: 30px; padding: 70px 100px 50px; margin: -40px auto 85px; position: relative;  z-index: 50;}
.cont01 .topics h2 { position: absolute; top: -30px; left: 50px; font-family: "Roboto", sans-serif; font-size: 50px; color: var(--color01);}
.cont01 .topics dl { display: flex; flex-wrap: wrap; font-size: 19px;}
.cont01 .topics dl dt { width: 160px; margin: 5px 0;}
.cont01 .topics dl dd { width: calc( 100% - 160px); margin: 5px 0;}

.cont01 .concept { text-align: center; padding: 0 0 115px;}
.cont01 .concept h2 { font-family: "Roboto", sans-serif; font-size: 60px; color: var(--color01); margin-bottom: 35px;}
.cont01 .concept .txt { font-size: 19px; line-height: 37px;}


.cont02 {}
.cont02 h2 { font-family: "Roboto", sans-serif; font-size: 60px; color: var(--color01); margin-bottom: 40px; text-align: center; padding-top: 80px;}
.cont02 h2+.txt { font-size: 19px; text-align: center; padding-bottom: 60px;}
.cont02 .lineup {}
.cont02 .lineup .accordion-header { width: 100%; height: 350px; align-content: center; transition: .3s ease; cursor: pointer; position: relative;}
.cont02 .lineup .accordion-header.img01 { background: url(../images/index/cont02_lineup01_heder_img.png) center no-repeat; background-size: cover;}
.cont02 .lineup .accordion-header.img02 { background: url(../images/index/cont02_lineup02_heder_img.png) center no-repeat; background-size: cover;}
.cont02 .lineup .accordion-header.img03 { background: url(../images/index/cont02_lineup03_heder_img.png) center no-repeat; background-size: cover;}
.cont02 .lineup .accordion-header.img04 { background: url(../images/index/cont02_lineup04_heder_img.png) center no-repeat; background-size: cover;}

.cont02 .lineup .accordion-header .txt { width: 500px; margin-left: 50%; display: flex; justify-content: space-between; align-items: center; color: var(--color00);}
.cont02 .lineup .accordion-header .txt .box {}
.cont02 .lineup .accordion-header .txt .box h3 { font-size: 80px; font-family: "Roboto", sans-serif; font-style: italic;}
.cont02 .lineup .accordion-header .txt .box p {font-size: 30px;}
.cont02 .lineup .accordion-header .txt .btn { text-align: center; margin-top: 20px; font-size: 15px;}
.cont02 .lineup .accordion-header .txt .btn .icon { width: 50px; height: 50px; border: solid 1px var(--color00); border-radius: 50%; margin: 0 auto 10px; display: flex; justify-content: center; align-items: center; position: relative;}
.cont02 .lineup .accordion-header .txt .btn .icon::before { content: ""; width: 20px; height: 2px; background: var(--color00); display: inline-block; position: absolute; transition:transform 0.3s; }
.cont02 .lineup .accordion-header .txt .btn .icon::after  { content: ""; width: 20px; height: 2px; background: var(--color00); display: inline-block; position: absolute; transition:transform 0.3s; transform: rotate(90deg);}
.cont02 .lineup .accordion-header.active .txt .btn .icon::after  { content: ""; transform: rotate(0deg); transform: transform 0.3s;}

.cont02 .lineup .accordion-content { display: none;}
.cont02 .lineup .accordion-content { margin: auto; padding: 0 0;}

/*--------------------------------*/

.cont02 .lineup .accordion-content.inner01 {}
.cont02 .lineup .accordion-content.inner01 .item_img { width: 1000px; margin: 0 auto 50px; padding: 160px 0 0; display: flex; justify-content: space-between; position: relative;}
.cont02 .lineup .accordion-content.inner01 .item_img::before { content: ""; background: url(../images/index/name_spx-1.svg) no-repeat; width: 554px; height: 168px; position: absolute; top: 0; left: -183px;}
.cont02 .lineup .accordion-content.inner01 .item_img > .img { width: 480px; position: relative;}
.cont02 .lineup .accordion-content.inner01 .item_img > .img::before { content: ""; background: url(../images/index/item01_badge.png) no-repeat; background-size: cover; width: 150px; height: 150px; position: absolute; top: 50px; left: -80px;} 
.cont02 .lineup .accordion-content.inner01 .item_img .txt { width: 412px;}
.cont02 .lineup .accordion-content.inner01 .item_img .txt h4 { margin: 40px 0 20px;}
.cont02 .lineup .accordion-content.inner01 .item_img .txt h4 span { font-size: 25px; background: var(--color04); color: var(--color00); padding: 5px 30px;}
.cont02 .lineup .accordion-content.inner01 .item_img .txt p { font-size: 18px; line-height: 28px; margin-bottom: 20px;}
.cont02 .lineup .accordion-content.inner01 .item_img .txt .img { width: 100%; margin-bottom: 5px;}
.cont02 .lineup .accordion-content.inner01 .item_img .txt .img+p { font-size: 15px; text-align: right; margin-bottom: 20px;}
.cont02 .lineup .accordion-content.inner01 .item_img .txt .btn_cart { width: 100%;}
.cont02 .lineup .accordion-content.inner01 .item_img .txt .btn_cart a { width: 100%; height: 44px; display: block; border: solid 2px var(--color02); border-radius: 50px; align-content: center; padding-left: 170px; color: var(--color02); position: relative;}
.cont02 .lineup .accordion-content.inner01 .item_img .txt .btn_cart a::before { content: ""; background: url(../images/common/icon_cart.svg) no-repeat; background-size: cover; width: 28px; height: 29px; position: absolute; top: 0; bottom: 0; left: 140px; margin: auto; transition: ease .5s;}
.cont02 .lineup .accordion-content.inner01 .item_img .txt .btn_cart a:hover { width: 100%; height: 44px; display: block; background: var(--color02); border: solid 2px var(--color02); border-radius: 50px; align-content: center; padding-left: 170px; color: var(--color99); position: relative;}
.cont02 .lineup .accordion-content.inner01 .item_img .txt .btn_cart a:hover::before { content: ""; background: url(../images/common/icon_cart.svg) no-repeat; background-size: cover; width: 28px; height: 29px; position: absolute; top: 0; bottom: 0; left: 140px; margin: auto; filter: brightness(0); transition: ease .5s;}


.cont02 .lineup .accordion-content.inner01 .item_color { width: 1000px; margin: 0 auto 125px; padding: 20px 0; border-top: solid 1px #c8c8c9; border-bottom: solid 1px #c8c8c9; display: flex; align-items: center; justify-content: center;;}
.cont02 .lineup .accordion-content.inner01 .item_color h4 { font-family: "Roboto", sans-serif; font-size: 32px; color: var(--color04); margin-right: 50px;}
.cont02 .lineup .accordion-content.inner01 .item_color .slider-thumbnail01 { width: 680px; margin: 0;}
.cont02 .lineup .accordion-content.inner01 .item_color .slider-thumbnail01 .swiper-slide { text-align: center; cursor: pointer;}
.cont02 .lineup .accordion-content.inner01 .item_color .slider-thumbnail01 .swiper-slide img { width: 60px; margin: auto;}
.cont02 .lineup .accordion-content.inner01 .item_color .slider-thumbnail01 .swiper-slide p { font-size: 13px; white-space: nowrap;}


.cont02 .lineup .accordion-content.inner01 .point { position: relative;}
.cont02 .lineup .accordion-content.inner01 .point .main_txt { text-align: center; margin-bottom: -14px;}
.cont02 .lineup .accordion-content.inner01 .point .main_txt h3 { font-size: 60px; font-weight: 700; font-family: "Roboto", sans-serif; color: var(--color04);}
.cont02 .lineup .accordion-content.inner01 .point .point_header { background: var(--color04); margin: 0 0 80px; padding: 50px 0;}
.cont02 .lineup .accordion-content.inner01 .point .point_header .box { display: flex; justify-content: space-between; margin: 0 0 20px;}
.cont02 .lineup .accordion-content.inner01 .point .point_header .box .txt01 { padding: 20px 0 0;}
.cont02 .lineup .accordion-content.inner01 .point .point_header .box .txt01 h3 { font-size: 40px; color: var(--color99);}
.cont02 .lineup .accordion-content.inner01 .point .point_header .box .txt01 h3 span { display: inline-block; background: var(--color00); margin: 0 0 14px; padding: 5px 30px; white-space: nowrap;}
.cont02 .lineup .accordion-content.inner01 .point .point_header .box .txt01 p { width: auto; border: solid 1px var(--color00); border-radius: 50px; color: var(--color00); padding: 2px 15px; display: inline-block; margin: 10px 0 0;}
.cont02 .lineup .accordion-content.inner01 .point .point_header .box .img { width: 600px; margin-right: -60px;}
.cont02 .lineup .accordion-content.inner01 .point .point_header .txt02 { width: 900px; margin: 0 auto 0; font-size: 18px; color: var(--color00);} 

.cont02 .lineup .accordion-content.inner01 .point .point_img { margin: 0 auto 70px;}
.cont02 .lineup .accordion-content.inner01 .point .list { position: relative;}
.cont02 .lineup .accordion-content.inner01 .point .list ul { width: 1000px; margin: auto; display: flex; flex-wrap: wrap;}
.cont02 .lineup .accordion-content.inner01 .point .list ul li { width: 300px; margin: 0 0 40px 50px;}
.cont02 .lineup .accordion-content.inner01 .point .list ul li:nth-child(3n+1) { margin-left: 0;}
.cont02 .lineup .accordion-content.inner01 .point .list ul li figure {}
.cont02 .lineup .accordion-content.inner01 .point .list ul li figure img {}
.cont02 .lineup .accordion-content.inner01 .point .list ul li figure figcaption {}
.cont02 .lineup .accordion-content.inner01 .point .list ul li figure figcaption h4 { font-size: 18px; font-weight: 500; color: var(--color04); text-align: center; margin: 10px 0;}
.cont02 .lineup .accordion-content.inner01 .point .list ul li figure figcaption p { font-size: 15px;}
.cont02 .lineup .accordion-content.inner01 .point .list .comment { width: 570px; border: solid 1px var(--color04); padding: 30px 0 30px 90px; box-shadow: 4px 4px 0px 0px var(--color04); position: absolute; bottom: 40px; right: 0;}
.cont02 .lineup .accordion-content.inner01 .point .list .comment dl { width: 100%;}
.cont02 .lineup .accordion-content.inner01 .point .list .comment dl dt { font-size: 18px; color: var(--color04); position: relative;}
.cont02 .lineup .accordion-content.inner01 .point .list .comment dl dt::before { content: ""; width: 22px; height: 4px; background: var(--color04); position: absolute; left: -28px; top: 0; bottom: 0; margin: auto;}
.cont02 .lineup .accordion-content.inner01 .point .list .comment dl dd { font-size: 15px; margin: 5px 0 15px;}
.cont02 .lineup .accordion-content.inner01 .point .list .comment dl dd:nth-last-of-type(1) { margin-bottom: 0;}


/*--------------------------------*/


.cont02 .lineup .accordion-content.inner02 {}
.cont02 .lineup .accordion-content.inner02 .item_img { width: 1000px; margin: 0 auto 50px; padding: 160px 0 0; display: flex; justify-content: space-between; position: relative;}
.cont02 .lineup .accordion-content.inner02 .item_img::before { content: ""; background: url(../images/index/name_spx-4500.svg) no-repeat; width: 993px; height: 168px; position: absolute; top: 0; left: -183px;}
.cont02 .lineup .accordion-content.inner02 .item_img > .img { width: 480px; position: relative;}
.cont02 .lineup .accordion-content.inner02 .item_img > .img::before { content: ""; background: url(../images/index/item02_badge.png) no-repeat; background-size: cover; width: 150px; height: 150px; position: absolute; top: 50px; left: -80px;} 
.cont02 .lineup .accordion-content.inner02 .item_img .txt { width: 412px;}
.cont02 .lineup .accordion-content.inner02 .item_img .txt h4 { margin: 40px 0 20px;}
.cont02 .lineup .accordion-content.inner02 .item_img .txt h4 span { font-size: 25px; background: var(--color05); color: var(--color00); padding: 5px 30px;}
.cont02 .lineup .accordion-content.inner02 .item_img .txt p { font-size: 18px; line-height: 28px; margin-bottom: 20px;}
.cont02 .lineup .accordion-content.inner02 .item_img .txt .img { width: 100%; margin-bottom: 5px;}
.cont02 .lineup .accordion-content.inner02 .item_img .txt .img+p { font-size: 15px; text-align: right; margin-bottom: 20px;}
.cont02 .lineup .accordion-content.inner02 .item_img .txt .btn_cart { width: 100%;}
.cont02 .lineup .accordion-content.inner02 .item_img .txt .btn_cart a { width: 100%; height: 44px; display: block; border: solid 2px var(--color02); border-radius: 50px; align-content: center; padding-left: 170px; color: var(--color02); position: relative;}
.cont02 .lineup .accordion-content.inner02 .item_img .txt .btn_cart a::before { content: ""; background: url(../images/common/icon_cart.svg) no-repeat; background-size: cover; width: 28px; height: 29px; position: absolute; top: 0; bottom: 0; left: 140px; margin: auto; transition: ease .5s;}
.cont02 .lineup .accordion-content.inner02 .item_img .txt .btn_cart a:hover { width: 100%; height: 44px; display: block; background: var(--color02); border: solid 2px var(--color02); border-radius: 50px; align-content: center; padding-left: 170px; color: var(--color99); position: relative;}
.cont02 .lineup .accordion-content.inner02 .item_img .txt .btn_cart a:hover::before { content: ""; background: url(../images/common/icon_cart.svg) no-repeat; background-size: cover; width: 28px; height: 29px; position: absolute; top: 0; bottom: 0; left: 140px; margin: auto; filter: brightness(0); transition: ease .5s;}


.cont02 .lineup .accordion-content.inner02 .item_color { width: 1000px; margin: 0 auto 125px; padding: 20px 0; border-top: solid 1px #b5c3db; border-bottom: solid 1px #b5c3db; display: flex; align-items: center; justify-content: center;;}
.cont02 .lineup .accordion-content.inner02 .item_color h4 { font-family: "Roboto", sans-serif; font-size: 32px; color: var(--color05); margin-right: 50px;}
.cont02 .lineup .accordion-content.inner02 .item_color .slider-thumbnail02 { width: 380px; margin: 0;}
.cont02 .lineup .accordion-content.inner02 .item_color .slider-thumbnail02 .swiper-slide { text-align: center; cursor: pointer;}
.cont02 .lineup .accordion-content.inner02 .item_color .slider-thumbnail02 .swiper-slide img { width: 60px; margin: auto;}
.cont02 .lineup .accordion-content.inner02 .item_color .slider-thumbnail02 .swiper-slide p { font-size: 13px; white-space: nowrap;}


.cont02 .lineup .accordion-content.inner02 .point {}
.cont02 .lineup .accordion-content.inner02 .point .main_txt { text-align: center; margin-bottom: 60px;}
.cont02 .lineup .accordion-content.inner02 .point .main_txt h3 { font-size: 60px; font-weight: 700; font-family: "Roboto", sans-serif; color: var(--color05); margin-bottom: 10px;}
.cont02 .lineup .accordion-content.inner02 .point .main_txt p { font-size: 22px; color: var(--color05);}
.cont02 .lineup .accordion-content.inner02 .point .point_header .box { display: flex; justify-content: space-between; margin: 0 0 20px;}
.cont02 .lineup .accordion-content.inner02 .point .point_header .box .txt01 { padding: 20px 0 0;}
.cont02 .lineup .accordion-content.inner02 .point .point_header .box .txt01 h3 { font-size: 40px; color: var(--color99);}
.cont02 .lineup .accordion-content.inner02 .point .point_header .box .txt01 h3 span { display: inline-block; background: var(--color00); margin: 0 0 14px; padding: 5px 30px; white-space: nowrap;}
.cont02 .lineup .accordion-content.inner02 .point .point_header .box .txt01 p { width: auto; border: solid 1px var(--color00); border-radius: 50px; color: var(--color00); padding: 2px 15px; display: inline-block; margin: 10px 0 0;}
.cont02 .lineup .accordion-content.inner02 .point .point_header .box .img { width: 600px; margin-right: -60px;}
.cont02 .lineup .accordion-content.inner02 .point .point_header .txt02 { width: 900px; margin: 0 auto 0; font-size: 18px; color: var(--color00);} 

.cont02 .lineup .accordion-content.inner02 .point .point_img { margin: 0 auto 70px;}
.cont02 .lineup .accordion-content.inner02 .point .list { position: relative;}
.cont02 .lineup .accordion-content.inner02 .point .list ul { width: 1000px; margin: auto; display: flex; flex-wrap: wrap;}
.cont02 .lineup .accordion-content.inner02 .point .list ul li { width: 300px; margin: 0 0 40px 50px;}
.cont02 .lineup .accordion-content.inner02 .point .list ul li:nth-child(3n+1) { margin-left: 0;}
.cont02 .lineup .accordion-content.inner02 .point .list ul li figure {}
.cont02 .lineup .accordion-content.inner02 .point .list ul li figure img {}
.cont02 .lineup .accordion-content.inner02 .point .list ul li figure figcaption {}
.cont02 .lineup .accordion-content.inner02 .point .list ul li figure figcaption h4 { font-size: 18px; font-weight: 500; color: var(--color05); text-align: center; margin: 10px 0;}
.cont02 .lineup .accordion-content.inner02 .point .list ul li figure figcaption p { font-size: 15px;}
.cont02 .lineup .accordion-content.inner02 .point .list .comment { width: 100%; border: solid 1px var(--color05); padding: 30px 0 30px 70px; box-shadow: 4px 4px 0px 0px var(--color05); display: flex;}
.cont02 .lineup .accordion-content.inner02 .point .list .comment dl { width: 50%;}
.cont02 .lineup .accordion-content.inner02 .point .list .comment dl dt { font-size: 18px; color: var(--color05); position: relative;}
.cont02 .lineup .accordion-content.inner02 .point .list .comment dl dt::before { content: ""; width: 22px; height: 4px; background: var(--color05); position: absolute; left: -28px; top: 0; bottom: 0; margin: auto;}
.cont02 .lineup .accordion-content.inner02 .point .list .comment dl dd { font-size: 15px; margin: 5px 0 15px;}
.cont02 .lineup .accordion-content.inner02 .point .list .comment dl dd:nth-last-of-type(1) { margin-bottom: 0;}


/*--------------------------------*/


.cont02 .lineup .accordion-content.inner03 {}
.cont02 .lineup .accordion-content.inner03 .item_img { width: 1000px; margin: 0 auto 50px; padding: 160px 0 0; display: flex; justify-content: space-between; position: relative;}
.cont02 .lineup .accordion-content.inner03 .item_img::before { content: ""; background: url(../images/index/name_spx-4300.svg) no-repeat; width: 1153px; height: 168px; position: absolute; top: 0; left: -183px;}
.cont02 .lineup .accordion-content.inner03 .item_img > .img { width: 480px; position: relative;}
.cont02 .lineup .accordion-content.inner03 .item_img > .img::before { content: ""; background: url(../images/index/item03_badge.png) no-repeat; background-size: cover; width: 150px; height: 150px; position: absolute; top: 50px; left: -120px;} 
.cont02 .lineup .accordion-content.inner03 .item_img .txt { width: 412px;}
.cont02 .lineup .accordion-content.inner03 .item_img .txt h4 { margin: 40px 0 20px;}
.cont02 .lineup .accordion-content.inner03 .item_img .txt h4 span { font-size: 25px; background: var(--color06); color: var(--color00); padding: 5px 30px;}
.cont02 .lineup .accordion-content.inner03 .item_img .txt p { font-size: 18px; line-height: 28px; margin-bottom: 20px;}
.cont02 .lineup .accordion-content.inner03 .item_img .txt .img { width: 100%; margin-bottom: 5px;}
.cont02 .lineup .accordion-content.inner03 .item_img .txt .img+p { font-size: 15px; text-align: right; margin-bottom: 20px;}
.cont02 .lineup .accordion-content.inner03 .item_img .txt .btn_cart { width: 100%;}
.cont02 .lineup .accordion-content.inner03 .item_img .txt .btn_cart a { width: 100%; height: 44px; display: block; border: solid 2px var(--color02); border-radius: 50px; align-content: center; padding-left: 170px; color: var(--color02); position: relative;}
.cont02 .lineup .accordion-content.inner03 .item_img .txt .btn_cart a::before { content: ""; background: url(../images/common/icon_cart.svg) no-repeat; background-size: cover; width: 28px; height: 29px; position: absolute; top: 0; bottom: 0; left: 140px; margin: auto; transition: ease .5s;}
.cont02 .lineup .accordion-content.inner03 .item_img .txt .btn_cart a:hover { width: 100%; height: 44px; display: block; background: var(--color02); border: solid 2px var(--color02); border-radius: 50px; align-content: center; padding-left: 170px; color: var(--color99); position: relative;}
.cont02 .lineup .accordion-content.inner03 .item_img .txt .btn_cart a:hover::before { content: ""; background: url(../images/common/icon_cart.svg) no-repeat; background-size: cover; width: 28px; height: 29px; position: absolute; top: 0; bottom: 0; left: 140px; margin: auto; filter: brightness(0); transition: ease .5s;}


.cont02 .lineup .accordion-content.inner03 .item_color { width: 1000px; margin: 0 auto 70px; padding: 20px 0; border-top: solid 1px #c8c8c9; border-bottom: solid 1px #c8c8c9; display: flex; align-items: center; justify-content: center;;}
.cont02 .lineup .accordion-content.inner03 .item_color h4 { font-family: "Roboto", sans-serif; font-size: 32px; color: var(--color06); margin-right: 50px;}
.cont02 .lineup .accordion-content.inner03 .item_color .slider-thumbnail03 { width: 380px; margin: 0;}
.cont02 .lineup .accordion-content.inner03 .item_color .slider-thumbnail03 .swiper-slide { text-align: center; cursor: pointer;}
.cont02 .lineup .accordion-content.inner03 .item_color .slider-thumbnail03 .swiper-slide img { width: 60px; margin: auto;}
.cont02 .lineup .accordion-content.inner03 .item_color .slider-thumbnail03 .swiper-slide p { font-size: 13px; white-space: nowrap;}


.cont02 .lineup .accordion-content.inner03 .point { position: relative;}
.cont02 .lineup .accordion-content.inner03 .point .main_txt { text-align: center; margin-bottom: 60px;}
.cont02 .lineup .accordion-content.inner03 .point .main_txt h3 { font-size: 60px; font-weight: 700; font-family: "Roboto", sans-serif; color: var(--color06); margin-bottom: 10px;}
.cont02 .lineup .accordion-content.inner03 .point .main_txt p { font-size: 22px; color: var(--color06);}
.cont02 .lineup .accordion-content.inner03 .point .point_header { background: var(--color06); margin: 0 0 80px; padding: 50px 0;}
.cont02 .lineup .accordion-content.inner03 .point .point_header .box { display: flex; justify-content: space-between; margin: 0 0 20px;}
.cont02 .lineup .accordion-content.inner03 .point .point_header .box .txt01 { padding: 20px 0 0;}
.cont02 .lineup .accordion-content.inner03 .point .point_header .box .txt01 h3 { font-size: 40px; color: var(--color99);}
.cont02 .lineup .accordion-content.inner03 .point .point_header .box .txt01 h3 span { display: inline-block; background: var(--color00); margin: 0 0 14px; padding: 5px 30px; white-space: nowrap;}
.cont02 .lineup .accordion-content.inner03 .point .point_header .box .txt01 p { width: auto; border: solid 1px var(--color00); border-radius: 50px; color: var(--color00); padding: 2px 15px; display: inline-block; margin: 10px 0 0;}
.cont02 .lineup .accordion-content.inner03 .point .point_header .box .img { width: 600px; margin-right: -60px;}
.cont02 .lineup .accordion-content.inner03 .point .point_header .txt02 { width: 900px; margin: 0 auto 0; font-size: 18px; color: var(--color00);} 

.cont02 .lineup .accordion-content.inner03 .point .point_img { margin: 0 auto 70px;}
.cont02 .lineup .accordion-content.inner03 .point .list { position: relative;}
.cont02 .lineup .accordion-content.inner03 .point .list ul { width: 1000px; margin: auto; display: flex; flex-wrap: wrap;}
.cont02 .lineup .accordion-content.inner03 .point .list ul li { width: 300px; margin: 0 0 40px 50px;}
.cont02 .lineup .accordion-content.inner03 .point .list ul li:nth-child(3n+1) { margin-left: 0;}
.cont02 .lineup .accordion-content.inner03 .point .list ul li figure {}
.cont02 .lineup .accordion-content.inner03 .point .list ul li figure img {}
.cont02 .lineup .accordion-content.inner03 .point .list ul li figure figcaption {}
.cont02 .lineup .accordion-content.inner03 .point .list ul li figure figcaption h4 { font-size: 18px; font-weight: 500; color: var(--color06); text-align: center; margin: 10px 0;}
.cont02 .lineup .accordion-content.inner03 .point .list ul li figure figcaption p { font-size: 15px;}
.cont02 .lineup .accordion-content.inner03 .point .list .comment { width: 570px; border: solid 1px var(--color06); padding: 30px 0 30px 90px; box-shadow: 4px 4px 0px 0px var(--color06); position: absolute; bottom: 40px; right: 0;}
.cont02 .lineup .accordion-content.inner03 .point .list .comment dl { width: 100%;}
.cont02 .lineup .accordion-content.inner03 .point .list .comment dl dt { font-size: 18px; color: var(--color06); position: relative;}
.cont02 .lineup .accordion-content.inner03 .point .list .comment dl dt::before { content: ""; width: 22px; height: 4px; background: var(--color06); position: absolute; left: -28px; top: 0; bottom: 0; margin: auto;}
.cont02 .lineup .accordion-content.inner03 .point .list .comment dl dd { font-size: 15px; margin: 5px 0 15px;}
.cont02 .lineup .accordion-content.inner03 .point .list .comment dl dd:nth-last-of-type(1) { margin-bottom: 0;}


/*--------------------------------*/


.cont02 .lineup .accordion-content.inner04 { align-content: center;}
.cont02 .lineup .accordion-content.inner04 .point { padding: 80px 0 0;}
.cont02 .lineup .accordion-content.inner04 .point .list {}
.cont02 .lineup .accordion-content.inner04 .point .list ul { width: 1000px; margin: 0 auto 20px; display: flex; flex-wrap: wrap;}
.cont02 .lineup .accordion-content.inner04 .point .list ul li { width: 300px; margin: 0 0 40px 50px;}
.cont02 .lineup .accordion-content.inner04 .point .list ul li:nth-child(3n+1) { margin-left: 0;}
.cont02 .lineup .accordion-content.inner04 .point .list ul li figure {}
.cont02 .lineup .accordion-content.inner04 .point .list ul li figure img {}
.cont02 .lineup .accordion-content.inner04 .point .list ul li figure figcaption {}
.cont02 .lineup .accordion-content.inner04 .point .list ul li figure figcaption h4 { font-size: 18px; font-weight: 500; color: var(--color01); text-align: center; margin: 10px 0;}
.cont02 .lineup .accordion-content.inner04 .point .list ul li figure figcaption p { font-size: 15px;}
.cont02 .lineup .accordion-content.inner04 .point .txt { width: 100%; border-top: solid 1px var(--color01); border-bottom: solid 1px var(--color01); padding: 25px 0;}
.cont02 .lineup .accordion-content.inner04 .point .txt p { text-align: center; font-size: 17px; color: var(--color01);}






.cont03 { width: 100%; height: 170px; align-content: center; border-top: solid 1px var(--color01);}
.cont03 ul { width: 480px; display: flex; justify-content: space-between; margin: 0 auto;}
.cont03 ul li { width: 220px;}
.cont03 ul li a { width: 100%; height: 46px; display: block; border: solid 1px var(--color01); font-size: 22px; color: var(--color01); text-align: center; align-content: center;}
.cont03 ul li a:hover { width: 100%; height: 46px; display: block; border: solid 1px var(--color01); font-size: 22px; color: var(--color00); text-align: center; align-content: center; background: var(--color01);}





.contact { width: 100%;}
.contact a { display: block; width: 100%; height: 260px; align-content: center; background: #eeefef;}
.contact a .txt { text-align: center;}
.contact a .txt h2 { font-family: "Roboto", sans-serif; font-size: 60px; color: var(--color01); margin-bottom: 20px;}
.contact a .txt p { font-size: 30px; color: var(--color01);}

.contact a:hover { display: block; width: 100%; height: 260px; align-content: center; background: var(--color01);}
.contact a:hover .txt h2 { font-family: "Roboto", sans-serif; font-size: 60px; color: var(--color00); margin-bottom: 20px;}
.contact a:hover .txt p { font-size: 30px; color: var(--color00);}

}



/*PC*/
@media print, screen and (min-width: 769px) and ( max-width: 1365px) {

.kv { width: 100%; height: 100vh; position: relative; overflow: hidden;}
.kv .pc { width: 100%; height: 100%;}
.kv .swiper { width: 100%; height: 100%;}
.kv .swiper .swiper-slide { width: 100%; height: 100%;}
.kv .swiper .swiper-slide img { width: 100%; height: 100%; object-fit: cover;}
.kv .txt { position: absolute; top: 19.034vw; left: 7.321vw; z-index: 50; font-size: 7.321vw; font-weight: 900; text-shadow: 5px 5px 5px rgba(0, 0, 0, 0.4); color: var(--color00); letter-spacing: 0.439vw;}
.kv .badge { position: absolute; bottom: 5.857vw; right: 7.321vw; z-index: 50; width: 13.177vw; filter: drop-shadow(10px 10px 0px rgba(0,0,0,0.4));}

.cont01 { background: url(../images/index/cont01_bg.png) top center no-repeat; background-size: cover; width: 100%;}
.cont01 .topics { width: 73.206vw; background: var(--color00); border-radius: 2.196vw; padding: 5.124vw 7.321vw 3.66vw; margin: -2.928vw auto 6.223vw; position: relative;  z-index: 50;}
.cont01 .topics h2 { position: absolute; top: -2.196vw; left: 3.66vw; font-family: "Roboto", sans-serif; font-size: 3.66vw; color: var(--color01);}
.cont01 .topics dl { display: flex; flex-wrap: wrap; font-size: 1.391vw;}
.cont01 .topics dl dt { width: 11.713vw; margin: 0.366vw 0;}
.cont01 .topics dl dd { width: calc( 100% - 11.713vw ); margin: 0.366vw 0;}

.cont01 .concept { text-align: center; padding: 0 0 8.419vw;}
.cont01 .concept h2 { font-family: "Roboto", sans-serif; font-size: 4.392vw; color: var(--color01); margin-bottom: 2.562vw;}
.cont01 .concept .txt { font-size: 1.391vw; line-height: 2.709vw;}


.cont02 {}
.cont02 h2 { font-family: "Roboto", sans-serif; font-size: 4.392vw; color: var(--color01); margin-bottom: 2.928vw; text-align: center; padding-top: 5.857vw;}
.cont02 h2+.txt { font-size: 1.391vw; text-align: center; padding-bottom: 4.392vw;}
.cont02 .lineup {}
.cont02 .lineup .accordion-header { width: 100%; height: 25.622vw; align-content: center; transition: .3s ease; cursor: pointer; position: relative;}
.cont02 .lineup .accordion-header.img01 { background: url(../images/index/cont02_lineup01_heder_img.png) center no-repeat; background-size: cover;}
.cont02 .lineup .accordion-header.img02 { background: url(../images/index/cont02_lineup02_heder_img.png) center no-repeat; background-size: cover;}
.cont02 .lineup .accordion-header.img03 { background: url(../images/index/cont02_lineup03_heder_img.png) center no-repeat; background-size: cover;}
.cont02 .lineup .accordion-header.img04 { background: url(../images/index/cont02_lineup04_heder_img.png) center no-repeat; background-size: cover;}

.cont02 .lineup .accordion-header .txt { width: 36.603vw; margin-left: 50%; display: flex; justify-content: space-between; align-items: center; color: var(--color00);}
.cont02 .lineup .accordion-header .txt .box {}
.cont02 .lineup .accordion-header .txt .box h3 { font-size: 5.857vw; font-family: "Roboto", sans-serif; font-style: italic;}
.cont02 .lineup .accordion-header .txt .box p {font-size: 2.196vw;}
.cont02 .lineup .accordion-header .txt .btn { text-align: center; margin-top: 1.464vw; font-size: 1.098vw;}
.cont02 .lineup .accordion-header .txt .btn .icon { width: 3.66vw; height: 3.66vw; border: solid 1px var(--color00); border-radius: 50%; margin: 0 auto 10px; display: flex; justify-content: center; align-items: center; position: relative;}
.cont02 .lineup .accordion-header .txt .btn .icon::before { content: ""; width: 1.464vw; height: 0.146vw; background: var(--color00); display: inline-block; position: absolute; transition:transform 0.3s; }
.cont02 .lineup .accordion-header .txt .btn .icon::after  { content: ""; width: 1.464vw; height: 0.146vw; background: var(--color00); display: inline-block; position: absolute; transition:transform 0.3s; transform: rotate(90deg);}
.cont02 .lineup .accordion-header.active .txt .btn .icon::after  { content: ""; transform: rotate(0deg); transform: transform 0.3s;}

.cont02 .lineup .accordion-content { display: none;}
.cont02 .lineup .accordion-content { margin: auto; padding: 0 0;}

/*--------------------------------*/

.cont02 .lineup .accordion-content.inner01 {}
.cont02 .lineup .accordion-content.inner01 .item_img { width: 73.206vw; margin: 0 auto 3.66vw; padding: 11.713vw 0 0; display: flex; justify-content: space-between; position: relative;}
.cont02 .lineup .accordion-content.inner01 .item_img::before { content: ""; background: url(../images/index/name_spx-1.svg) no-repeat; width: 40.556vw; height: 12.299vw; position: absolute; top: 0; left: -13.397vw;}
.cont02 .lineup .accordion-content.inner01 .item_img > .img { width: 35.139vw; position: relative;}
.cont02 .lineup .accordion-content.inner01 .item_img > .img::before { content: ""; background: url(../images/index/item01_badge.png) no-repeat; background-size: cover; width: 10.981vw; height: 10.981vw; position: absolute; top: 3.66vw; left: -5.857vw;} 
.cont02 .lineup .accordion-content.inner01 .item_img .txt { width: 30.161vw;}
.cont02 .lineup .accordion-content.inner01 .item_img .txt h4 { margin: 2.928vw 0 1.464vw;}
.cont02 .lineup .accordion-content.inner01 .item_img .txt h4 span { font-size: 1.83vw; background: var(--color04); color: var(--color00); padding: 0.366vw 2.196vw;}
.cont02 .lineup .accordion-content.inner01 .item_img .txt p { font-size: 1.318vw; line-height: 2.05vw; margin-bottom: 1.464vw;}
.cont02 .lineup .accordion-content.inner01 .item_img .txt .img { width: 100%; margin-bottom: 0.366vw;}
.cont02 .lineup .accordion-content.inner01 .item_img .txt .img+p { font-size: 1.098vw; text-align: right; margin-bottom: 1.464vw;}
.cont02 .lineup .accordion-content.inner01 .item_img .txt .btn_cart { width: 100%;}
.cont02 .lineup .accordion-content.inner01 .item_img .txt .btn_cart a { width: 100%; height: 3.221vw; display: block; border: solid 2px var(--color02); border-radius: 3.66vw; align-content: center; padding-left: 12.445vw; color: var(--color02); position: relative;}
.cont02 .lineup .accordion-content.inner01 .item_img .txt .btn_cart a::before { content: ""; background: url(../images/common/icon_cart.svg) no-repeat; background-size: cover; width: 2.05vw; height: 2.123vw; position: absolute; top: 0; bottom: 0; left: 10.249vw; margin: auto; transition: ease .5s;}
.cont02 .lineup .accordion-content.inner01 .item_img .txt .btn_cart a:hover { width: 100%; height: 3.221vw; background: var(--color02); display: block; border: solid 2px var(--color02); border-radius: 3.66vw; align-content: center; padding-left: 12.445vw; color: var(--color99); position: relative;}
.cont02 .lineup .accordion-content.inner01 .item_img .txt .btn_cart a:hover::before { content: ""; background: url(../images/common/icon_cart.svg) no-repeat; background-size: cover; width: 2.05vw; height: 2.123vw; position: absolute; top: 0; bottom: 0; left: 10.249vw; margin: auto; filter: brightness(0); transition: ease .5s;}


.cont02 .lineup .accordion-content.inner01 .item_color { width: 73.206vw; margin: 0 auto 9.151vw; padding: 1.464vw 0; border-top: solid 1px #c8c8c9; border-bottom: solid 1px #c8c8c9; display: flex; align-items: center; justify-content: center;;}
.cont02 .lineup .accordion-content.inner01 .item_color h4 { font-family: "Roboto", sans-serif; font-size: 2.343vw; color: var(--color04); margin-right: 3.66vw;}
.cont02 .lineup .accordion-content.inner01 .item_color .slider-thumbnail01 { width: 49.78vw; margin: 0;}
.cont02 .lineup .accordion-content.inner01 .item_color .slider-thumbnail01 .swiper-slide { text-align: center; cursor: pointer;}
.cont02 .lineup .accordion-content.inner01 .item_color .slider-thumbnail01 .swiper-slide img { width: 4.392vw; margin: auto;}
.cont02 .lineup .accordion-content.inner01 .item_color .slider-thumbnail01 .swiper-slide p { font-size: 0.952vw; white-space: nowrap;}


.cont02 .lineup .accordion-content.inner01 .point { position: relative;}
.cont02 .lineup .accordion-content.inner01 .point .main_txt { text-align: center; margin-bottom: -1.025vw;}
.cont02 .lineup .accordion-content.inner01 .point .main_txt h3 { font-size: 4.392vw; font-weight: 700; font-family: "Roboto", sans-serif; color: var(--color04);}
.cont02 .lineup .accordion-content.inner01 .point .point_header { background: var(--color04); margin: 0 0 5.857vw; padding: 3.66vw 0;}
.cont02 .lineup .accordion-content.inner01 .point .point_header .box { display: flex; justify-content: space-between; margin: 0 0 1.464vw;}
.cont02 .lineup .accordion-content.inner01 .point .point_header .box .txt01 { padding: 1.464vw 0 0;}
.cont02 .lineup .accordion-content.inner01 .point .point_header .box .txt01 h3 { font-size: 2.928vw; color: var(--color99);}
.cont02 .lineup .accordion-content.inner01 .point .point_header .box .txt01 h3 span { display: inline-block; background: var(--color00); margin: 0 0 1.025vw; padding: 0.366vw 2.196vw; white-space: nowrap;}
.cont02 .lineup .accordion-content.inner01 .point .point_header .box .txt01 p { width: auto; border: solid 1px var(--color00); border-radius: 3.66vw; color: var(--color00); padding: 0.146vw 1.098vw; display: inline-block; margin: 0.732vw 0 0;}
.cont02 .lineup .accordion-content.inner01 .point .point_header .box .img { width: 43.924vw; margin-right: -4.392vw;}
.cont02 .lineup .accordion-content.inner01 .point .point_header .txt02 { width: 65.886vw; margin: 0 auto 0; font-size: 1.318vw; color: var(--color00);} 

.cont02 .lineup .accordion-content.inner01 .point .point_img { margin: 0 auto 5.124vw;}
.cont02 .lineup .accordion-content.inner01 .point .list { position: relative;}
.cont02 .lineup .accordion-content.inner01 .point .list ul { width: 73.206vw; margin: auto; display: flex; flex-wrap: wrap;}
.cont02 .lineup .accordion-content.inner01 .point .list ul li { width: 21.962vw; margin: 0 0 2.928vw 3.66vw;}
.cont02 .lineup .accordion-content.inner01 .point .list ul li:nth-child(3n+1) { margin-left: 0;}
.cont02 .lineup .accordion-content.inner01 .point .list ul li figure {}
.cont02 .lineup .accordion-content.inner01 .point .list ul li figure img {}
.cont02 .lineup .accordion-content.inner01 .point .list ul li figure figcaption {}
.cont02 .lineup .accordion-content.inner01 .point .list ul li figure figcaption h4 { font-size: 1.318vw; font-weight: 500; color: var(--color04); text-align: center; margin: 0.732vw 0;}
.cont02 .lineup .accordion-content.inner01 .point .list ul li figure figcaption p { font-size: 1.098vw;}
.cont02 .lineup .accordion-content.inner01 .point .list .comment { width: 41.728vw; border: solid 1px var(--color04); padding: 2.196vw 0 2.196vw 6.589vw; box-shadow: 4px 4px 0px 0px var(--color04); position: absolute; bottom: 2.928vw; right: 0;}
.cont02 .lineup .accordion-content.inner01 .point .list .comment dl { width: 100%;}
.cont02 .lineup .accordion-content.inner01 .point .list .comment dl dt { font-size: 1.318vw; color: var(--color04); position: relative;}
.cont02 .lineup .accordion-content.inner01 .point .list .comment dl dt::before { content: ""; width: 1.611vw; height: 0.293vw; background: var(--color04); position: absolute; left: -2.05vw; top: 0; bottom: 0; margin: auto;}
.cont02 .lineup .accordion-content.inner01 .point .list .comment dl dd { font-size: 1.098vw; margin: 0.366vw 0 1.098vw;}
.cont02 .lineup .accordion-content.inner01 .point .list .comment dl dd:nth-last-of-type(1) { margin-bottom: 0;}


/*--------------------------------*/


.cont02 .lineup .accordion-content.inner02 {}
.cont02 .lineup .accordion-content.inner02 .item_img { width: 73.206vw; margin: 0 auto 3.66vw; padding: 11.713vw 0 0; display: flex; justify-content: space-between; position: relative;}
.cont02 .lineup .accordion-content.inner02 .item_img::before { content: ""; background: url(../images/index/name_spx-4500.svg) no-repeat; width: 72.694vw; height: 12.299vw; position: absolute; top: 0; left: -13.397vw;}
.cont02 .lineup .accordion-content.inner02 .item_img > .img { width: 35.139vw; position: relative;}
.cont02 .lineup .accordion-content.inner02 .item_img > .img::before { content: ""; background: url(../images/index/item02_badge.png) no-repeat; background-size: cover; width: 10.981vw; height: 10.981vw; position: absolute; top: 3.66vw; left: -5.857vw;} 
.cont02 .lineup .accordion-content.inner02 .item_img .txt { width: 30.161vw;}
.cont02 .lineup .accordion-content.inner02 .item_img .txt h4 { margin: 2.928vw 0 1.464vw;}
.cont02 .lineup .accordion-content.inner02 .item_img .txt h4 span { font-size: 1.83vw; background: var(--color05); color: var(--color00); padding: 0.366vw 2.196vw;}
.cont02 .lineup .accordion-content.inner02 .item_img .txt p { font-size: 1.318vw; line-height: 2.05vw; margin-bottom: 1.464vw;}
.cont02 .lineup .accordion-content.inner02 .item_img .txt .img { width: 100%; margin-bottom: 0.366vw;}
.cont02 .lineup .accordion-content.inner02 .item_img .txt .img+p { font-size: 1.098vw; text-align: right; margin-bottom: 1.464vw;}
.cont02 .lineup .accordion-content.inner02 .item_img .txt .btn_cart { width: 100%;}
.cont02 .lineup .accordion-content.inner02 .item_img .txt .btn_cart a { width: 100%; height: 3.221vw; display: block; border: solid 2px var(--color02); border-radius: 3.66vw; align-content: center; padding-left: 12.445vw; color: var(--color02); position: relative;}
.cont02 .lineup .accordion-content.inner02 .item_img .txt .btn_cart a::before { content: ""; background: url(../images/common/icon_cart.svg) no-repeat; background-size: cover; width: 2.05vw; height: 2.123vw; position: absolute; top: 0; bottom: 0; left: 10.249vw; margin: auto; transition: ease .5s;}
.cont02 .lineup .accordion-content.inner02 .item_img .txt .btn_cart a:hover { width: 100%; height: 3.221vw; background: var(--color02); display: block; border: solid 2px var(--color02); border-radius: 3.66vw; align-content: center; padding-left: 12.445vw; color: var(--color99); position: relative;}
.cont02 .lineup .accordion-content.inner02 .item_img .txt .btn_cart a:hover::before { content: ""; background: url(../images/common/icon_cart.svg) no-repeat; background-size: cover; width: 2.05vw; height: 2.123vw; position: absolute; top: 0; bottom: 0; left: 10.249vw; margin: auto; filter: brightness(0); transition: ease .5s;}


.cont02 .lineup .accordion-content.inner02 .item_color { width: 73.206vw; margin: 0 auto 9.151vw; padding: 1.464vw 0; border-top: solid 1px #b5c3db; border-bottom: solid 1px #b5c3db; display: flex; align-items: center; justify-content: center;;}
.cont02 .lineup .accordion-content.inner02 .item_color h4 { font-family: "Roboto", sans-serif; font-size: 2.343vw; color: var(--color05); margin-right: 3.66vw;}
.cont02 .lineup .accordion-content.inner02 .item_color .slider-thumbnail02 { width: 27.818vw; margin: 0;}
.cont02 .lineup .accordion-content.inner02 .item_color .slider-thumbnail02 .swiper-slide { text-align: center; cursor: pointer;}
.cont02 .lineup .accordion-content.inner02 .item_color .slider-thumbnail02 .swiper-slide img { width: 4.392vw; margin: auto;}
.cont02 .lineup .accordion-content.inner02 .item_color .slider-thumbnail02 .swiper-slide p { font-size: 0.952vw; white-space: nowrap;}


.cont02 .lineup .accordion-content.inner02 .point {}
.cont02 .lineup .accordion-content.inner02 .point .main_txt { text-align: center; margin-bottom: 4.392vw;}
.cont02 .lineup .accordion-content.inner02 .point .main_txt h3 { font-size: 4.392vw; font-weight: 700; font-family: "Roboto", sans-serif; color: var(--color05); margin-bottom: 0.732vw;}
.cont02 .lineup .accordion-content.inner02 .point .main_txt p { font-size: 1.611vw; color: var(--color05);}
.cont02 .lineup .accordion-content.inner02 .point .point_header .box { display: flex; justify-content: space-between; margin: 0 0 1.464vw;}
.cont02 .lineup .accordion-content.inner02 .point .point_header .box .txt01 { padding: 1.464vw 0 0;}
.cont02 .lineup .accordion-content.inner02 .point .point_header .box .txt01 h3 { font-size: 2.928vw; color: var(--color99);}
.cont02 .lineup .accordion-content.inner02 .point .point_header .box .txt01 h3 span { display: inline-block; background: var(--color00); margin: 0 0 1.025vw; padding: 0.366vw 2.196vw; white-space: nowrap;}
.cont02 .lineup .accordion-content.inner02 .point .point_header .box .txt01 p { width: auto; border: solid 1px var(--color00); border-radius: 3.66vw; color: var(--color00); padding: 0.146vw 1.098vw; display: inline-block; margin: 0.732vw 0 0;}
.cont02 .lineup .accordion-content.inner02 .point .point_header .box .img { width: 43.924vw; margin-right: -4.392vw;}
.cont02 .lineup .accordion-content.inner02 .point .point_header .txt02 { width: 65.886vw; margin: 0 auto 0; font-size: 1.318vw; color: var(--color00);} 

.cont02 .lineup .accordion-content.inner02 .point .point_img { margin: 0 auto 5.124vw;}
.cont02 .lineup .accordion-content.inner02 .point .list { position: relative;}
.cont02 .lineup .accordion-content.inner02 .point .list ul { width: 73.206vw; margin: auto; display: flex; flex-wrap: wrap;}
.cont02 .lineup .accordion-content.inner02 .point .list ul li { width: 21.962vw; margin: 0 0 2.928vw 3.66vw;}
.cont02 .lineup .accordion-content.inner02 .point .list ul li:nth-child(3n+1) { margin-left: 0;}
.cont02 .lineup .accordion-content.inner02 .point .list ul li figure {}
.cont02 .lineup .accordion-content.inner02 .point .list ul li figure img {}
.cont02 .lineup .accordion-content.inner02 .point .list ul li figure figcaption {}
.cont02 .lineup .accordion-content.inner02 .point .list ul li figure figcaption h4 { font-size: 1.318vw; font-weight: 500; color: var(--color05); text-align: center; margin: 0.732vw 0;}
.cont02 .lineup .accordion-content.inner02 .point .list ul li figure figcaption p { font-size: 1.098vw;}
.cont02 .lineup .accordion-content.inner02 .point .list .comment { width: 100%; border: solid 1px var(--color05); padding: 2.196vw 0 2.196vw 5.124vw; box-shadow: 4px 4px 0px 0px var(--color05); display: flex;}
.cont02 .lineup .accordion-content.inner02 .point .list .comment dl { width: 50%;}
.cont02 .lineup .accordion-content.inner02 .point .list .comment dl dt { font-size: 1.318vw; color: var(--color05); position: relative;}
.cont02 .lineup .accordion-content.inner02 .point .list .comment dl dt::before { content: ""; width: 1.611vw; height: 0.293vw; background: var(--color05); position: absolute; left: -2.05vw; top: 0; bottom: 0; margin: auto;}
.cont02 .lineup .accordion-content.inner02 .point .list .comment dl dd { font-size: 1.098vw; margin: 0.366vw 0 1.098vw;}
.cont02 .lineup .accordion-content.inner02 .point .list .comment dl dd:nth-last-of-type(1) { margin-bottom: 0;}


/*--------------------------------*/


.cont02 .lineup .accordion-content.inner03 {}
.cont02 .lineup .accordion-content.inner03 .item_img { width: 73.206vw; margin: 0 auto 3.66vw; padding: 11.713vw 0 0; display: flex; justify-content: space-between; position: relative;}
.cont02 .lineup .accordion-content.inner03 .item_img::before { content: ""; background: url(../images/index/name_spx-4300.svg) no-repeat; width: 84.407vw; height: 12.299vw; position: absolute; top: 0; left: -13.397vw;}
.cont02 .lineup .accordion-content.inner03 .item_img > .img { width: 35.139vw; position: relative;}
.cont02 .lineup .accordion-content.inner03 .item_img > .img::before { content: ""; background: url(../images/index/item03_badge.png) no-repeat; background-size: cover; width: 10.981vw; height: 10.981vw; position: absolute; top: 3.66vw; left: -8.785vw;} 
.cont02 .lineup .accordion-content.inner03 .item_img .txt { width: 30.161vw;}
.cont02 .lineup .accordion-content.inner03 .item_img .txt h4 { margin: 2.928vw 0 1.464vw;}
.cont02 .lineup .accordion-content.inner03 .item_img .txt h4 span { font-size: 1.83vw; background: var(--color06); color: var(--color00); padding: 0.366vw 2.196vw;}
.cont02 .lineup .accordion-content.inner03 .item_img .txt p { font-size: 1.318vw; line-height: 2.05vw; margin-bottom: 1.464vw;}
.cont02 .lineup .accordion-content.inner03 .item_img .txt .img { width: 100%; margin-bottom: 0.366vw;}
.cont02 .lineup .accordion-content.inner03 .item_img .txt .img+p { font-size: 1.098vw; text-align: right; margin-bottom: 1.464vw;}
.cont02 .lineup .accordion-content.inner03 .item_img .txt .btn_cart { width: 100%;}
.cont02 .lineup .accordion-content.inner03 .item_img .txt .btn_cart a { width: 100%; height: 3.221vw; display: block; border: solid 2px var(--color02); border-radius: 3.66vw; align-content: center; padding-left: 12.445vw; color: var(--color02); position: relative;}
.cont02 .lineup .accordion-content.inner03 .item_img .txt .btn_cart a::before { content: ""; background: url(../images/common/icon_cart.svg) no-repeat; background-size: cover; width: 2.05vw; height: 2.123vw; position: absolute; top: 0; bottom: 0; left: 10.249vw; margin: auto; transition: ease .5s;}
.cont02 .lineup .accordion-content.inner03 .item_img .txt .btn_cart a:hover { width: 100%; height: 3.221vw; background: var(--color02); display: block; border: solid 2px var(--color02); border-radius: 3.66vw; align-content: center; padding-left: 12.445vw; color: var(--color99); position: relative;}
.cont02 .lineup .accordion-content.inner03 .item_img .txt .btn_cart a:hover::before { content: ""; background: url(../images/common/icon_cart.svg) no-repeat; background-size: cover; width: 2.05vw; height: 2.123vw; position: absolute; top: 0; bottom: 0; left: 10.249vw; margin: auto; filter: brightness(0); transition: ease .5s;}


.cont02 .lineup .accordion-content.inner03 .item_color { width: 73.206vw; margin: 0 auto 5.124vw; padding: 1.464vw 0; border-top: solid 1px #c8c8c9; border-bottom: solid 1px #c8c8c9; display: flex; align-items: center; justify-content: center;;}
.cont02 .lineup .accordion-content.inner03 .item_color h4 { font-family: "Roboto", sans-serif; font-size: 2.343vw; color: var(--color06); margin-right: 3.66vw;}
.cont02 .lineup .accordion-content.inner03 .item_color .slider-thumbnail03 { width: 27.818vw; margin: 0;}
.cont02 .lineup .accordion-content.inner03 .item_color .slider-thumbnail03 .swiper-slide { text-align: center; cursor: pointer;}
.cont02 .lineup .accordion-content.inner03 .item_color .slider-thumbnail03 .swiper-slide img { width: 4.392vw; margin: auto;}
.cont02 .lineup .accordion-content.inner03 .item_color .slider-thumbnail03 .swiper-slide p { font-size: 0.952vw; white-space: nowrap;}


.cont02 .lineup .accordion-content.inner03 .point { position: relative;}
.cont02 .lineup .accordion-content.inner03 .point .main_txt { text-align: center; margin-bottom: 4.392vw;}
.cont02 .lineup .accordion-content.inner03 .point .main_txt h3 { font-size: 4.392vw; font-weight: 700; font-family: "Roboto", sans-serif; color: var(--color06); margin-bottom: 0.732vw;}
.cont02 .lineup .accordion-content.inner03 .point .main_txt p { font-size: 1.611vw; color: var(--color06);}
.cont02 .lineup .accordion-content.inner03 .point .point_header { background: var(--color06); margin: 0 0 5.857vw; padding: 3.66vw 0;}
.cont02 .lineup .accordion-content.inner03 .point .point_header .box { display: flex; justify-content: space-between; margin: 0 0 1.464vw;}
.cont02 .lineup .accordion-content.inner03 .point .point_header .box .txt01 { padding: 1.464vw 0 0;}
.cont02 .lineup .accordion-content.inner03 .point .point_header .box .txt01 h3 { font-size: 2.928vw; color: var(--color99);}
.cont02 .lineup .accordion-content.inner03 .point .point_header .box .txt01 h3 span { display: inline-block; background: var(--color00); margin: 0 0 1.025vw; padding: 0.366vw 2.196vw; white-space: nowrap;}
.cont02 .lineup .accordion-content.inner03 .point .point_header .box .txt01 p { width: auto; border: solid 1px var(--color00); border-radius: 3.66vw; color: var(--color00); padding: 0.146vw 1.098vw; display: inline-block; margin: 0.732vw 0 0;}
.cont02 .lineup .accordion-content.inner03 .point .point_header .box .img { width: 43.924vw; margin-right: -4.392vw;}
.cont02 .lineup .accordion-content.inner03 .point .point_header .txt02 { width: 65.886vw; margin: 0 auto 0; font-size: 1.318vw; color: var(--color00);} 

.cont02 .lineup .accordion-content.inner03 .point .point_img { margin: 0 auto 5.124vw;}
.cont02 .lineup .accordion-content.inner03 .point .list { position: relative;}
.cont02 .lineup .accordion-content.inner03 .point .list ul { width: 73.206vw; margin: auto; display: flex; flex-wrap: wrap;}
.cont02 .lineup .accordion-content.inner03 .point .list ul li { width: 21.962vw; margin: 0 0 2.928vw 3.66vw;}
.cont02 .lineup .accordion-content.inner03 .point .list ul li:nth-child(3n+1) { margin-left: 0;}
.cont02 .lineup .accordion-content.inner03 .point .list ul li figure {}
.cont02 .lineup .accordion-content.inner03 .point .list ul li figure img {}
.cont02 .lineup .accordion-content.inner03 .point .list ul li figure figcaption {}
.cont02 .lineup .accordion-content.inner03 .point .list ul li figure figcaption h4 { font-size: 1.318vw; font-weight: 500; color: var(--color06); text-align: center; margin: 0.732vw 0;}
.cont02 .lineup .accordion-content.inner03 .point .list ul li figure figcaption p { font-size: 1.098vw;}
.cont02 .lineup .accordion-content.inner03 .point .list .comment { width: 41.728vw; border: solid 1px var(--color06); padding: 2.196vw 0 2.196vw 6.589vw; box-shadow: 4px 4px 0px 0px var(--color06); position: absolute; bottom: 2.928vw; right: 0;}
.cont02 .lineup .accordion-content.inner03 .point .list .comment dl { width: 100%;}
.cont02 .lineup .accordion-content.inner03 .point .list .comment dl dt { font-size: 1.318vw; color: var(--color06); position: relative;}
.cont02 .lineup .accordion-content.inner03 .point .list .comment dl dt::before { content: ""; width: 1.611vw; height: 0.293vw; background: var(--color06); position: absolute; left: -2.05vw; top: 0; bottom: 0; margin: auto;}
.cont02 .lineup .accordion-content.inner03 .point .list .comment dl dd { font-size: 1.098vw; margin: 0.366vw 0 1.098vw;}
.cont02 .lineup .accordion-content.inner03 .point .list .comment dl dd:nth-last-of-type(1) { margin-bottom: 0;}


/*--------------------------------*/


.cont02 .lineup .accordion-content.inner04 { align-content: center;}
.cont02 .lineup .accordion-content.inner04 .point { padding: 5.857vw 0 0;}
.cont02 .lineup .accordion-content.inner04 .point .list {}
.cont02 .lineup .accordion-content.inner04 .point .list ul { width: 73.206vw; margin: 0 auto 1.464vw; display: flex; flex-wrap: wrap;}
.cont02 .lineup .accordion-content.inner04 .point .list ul li { width: 21.962vw; margin: 0 0 2.928vw 3.66vw;}
.cont02 .lineup .accordion-content.inner04 .point .list ul li:nth-child(3n+1) { margin-left: 0;}
.cont02 .lineup .accordion-content.inner04 .point .list ul li figure {}
.cont02 .lineup .accordion-content.inner04 .point .list ul li figure img {}
.cont02 .lineup .accordion-content.inner04 .point .list ul li figure figcaption {}
.cont02 .lineup .accordion-content.inner04 .point .list ul li figure figcaption h4 { font-size: 1.318vw; font-weight: 500; color: var(--color01); text-align: center; margin: 0.732vw 0;}
.cont02 .lineup .accordion-content.inner04 .point .list ul li figure figcaption p { font-size: 1.098vw;}
.cont02 .lineup .accordion-content.inner04 .point .txt { width: 100%; border-top: solid 1px var(--color01); border-bottom: solid 1px var(--color01); padding: 1.83vw 0;}
.cont02 .lineup .accordion-content.inner04 .point .txt p { text-align: center; font-size: 1.245vw; color: var(--color01);}






.cont03 { width: 100%; height: 12.445vw; align-content: center; border-top: solid 1px var(--color01);}
.cont03 ul { width: 35.139vw; display: flex; justify-content: space-between; margin: 0 auto;}
.cont03 ul li { width: 16.105vw;}
.cont03 ul li a { width: 100%; height: 3.367vw; display: block; border: solid 1px var(--color01); font-size: 1.611vw; color: var(--color01); text-align: center; align-content: center;}
.cont03 ul li a:hover { width: 100%; height: 3.367vw; display: block; border: solid 1px var(--color01); font-size: 1.611vw; color: var(--color00); text-align: center; align-content: center; background: var(--color01);}





.contact { width: 100%;}
.contact a { display: block; width: 100%; height: 19.034vw; align-content: center; background: #eeefef;}
.contact a .txt { text-align: center;}
.contact a .txt h2 { font-family: "Roboto", sans-serif; font-size: 4.392vw; color: var(--color01); margin-bottom: 1.464vw;}
.contact a .txt p { font-size: 2.196vw; color: var(--color01);}

.contact a:hover { display: block; width: 100%; height: 19.034vw; align-content: center; background: var(--color01);}
.contact a:hover .txt h2 { font-family: "Roboto", sans-serif; font-size: 4.392vw; color: var(--color00); margin-bottom: 1.464vw;}
.contact a:hover .txt p { font-size: 2.196vw; color: var(--color00);}
}



/*PC*/
/*@media print, screen and (min-width: 769px) and ( max-width: 1919px) {}*/



/*sp*/
@media only screen and (max-width: 768px) {
.kv { width: 100%; height: 100vh; position: relative; overflow: hidden;}
.kv .sp { width: 100%; height: 100%;}
.kv .swiper { width: 100%; height: 100%;}
.kv .swiper .swiper-slide { width: 100%; height: 100%;}
.kv .swiper .swiper-slide img { width: 100%; height: 100%; object-fit: cover;}
.kv .txt { position: absolute; top: 20.313vw; left: 7.813vw; z-index: 50; font-size: 10.938vw; font-weight: 900; text-shadow: 5px 5px 5px rgba(0, 0, 0, 0.4); color: var(--color00); letter-spacing: 0.938vw;}
.kv .badge { position: absolute; top: 78.125vw; left: 11.875vw; z-index: 50; width: 22.656vw; filter: drop-shadow(10px 10px 0px rgba(0,0,0,0.4));}

.cont01 { background: url(../images/index/cont01_bg.png) top center no-repeat; background-size: cover; width: 100%;}
.cont01 .topics { width: 90.625vw; background: var(--color00); border-radius: 4.688vw; padding: 7.813vw 10.938vw 6.25vw; margin: -6.25vw auto 7.813vw; position: relative;  z-index: 50;}
.cont01 .topics h2 { position: absolute; top: -4.687vw; left: 7.813vw; font-family: "Roboto", sans-serif; font-size: 6.25vw; color: var(--color01);}
.cont01 .topics dl { display: flex; flex-wrap: wrap; font-size: 2.344vw;}
.cont01 .topics dl dt { width: 15.625vw; margin: 0.781vw 0;}
.cont01 .topics dl dd { width: calc( 100% - 15.625vw ); margin: 0.781vw 0;}

.cont01 .concept { text-align: center; padding: 0 0 13.281vw;}
.cont01 .concept h2 { font-family: "Roboto", sans-serif; font-size: 6.25vw; color: var(--color01); margin-bottom: 4.688vw;}
.cont01 .concept .txt { font-size: 2.344vw; line-height: 4.688vw;}


.cont02 {}
.cont02 h2 { font-family: "Roboto", sans-serif; font-size: 6.25vw; color: var(--color01); margin-bottom: 4.688vw; text-align: center; padding-top: 9.375vw;}
.cont02 h2+.txt { font-size: 2.344vw; text-align: center; padding-bottom: 7.813vw;}
.cont02 .lineup {}
.cont02 .lineup .accordion-header { width: 100%; height: 53.125vw; align-content: center; transition: .3s ease; cursor: pointer; position: relative;}
.cont02 .lineup .accordion-header.img01 { background: url(../images/index/cont02_lineup01_heder_img_sp.png) center no-repeat; background-size: cover;}
.cont02 .lineup .accordion-header.img02 { background: url(../images/index/cont02_lineup02_heder_img_sp.png) center no-repeat; background-size: cover;}
.cont02 .lineup .accordion-header.img03 { background: url(../images/index/cont02_lineup03_heder_img_sp.png) center no-repeat; background-size: cover;}
.cont02 .lineup .accordion-header.img04 { background: url(../images/index/cont02_lineup04_heder_img_sp.png) center no-repeat; background-size: cover;}

.cont02 .lineup .accordion-header .txt { width: auto; margin-left: 40%; display: flex; justify-content: space-between; align-items: center; flex-direction: column; color: var(--color00);}
.cont02 .lineup .accordion-header .txt .box { text-align: center;}
.cont02 .lineup .accordion-header .txt .box h3 { font-size: 7.813vw; font-family: "Roboto", sans-serif; font-style: italic;}
.cont02 .lineup .accordion-header .txt .box p { font-size: 2.969vw;}
.cont02 .lineup .accordion-header .txt .btn { text-align: center; margin-top: 3.125vw; font-size: 1.875vw;}
.cont02 .lineup .accordion-header .txt .btn .icon { width: 7.031vw; height: 7.031vw; border: solid 1px var(--color00); border-radius: 50%; margin: 0 auto 1.563vw; display: flex; justify-content: center; align-items: center; position: relative;}
.cont02 .lineup .accordion-header .txt .btn .icon::before { content: ""; width: 3.125vw; height: 0.313vw; background: var(--color00); display: inline-block; position: absolute; transition:transform 0.3s; }
.cont02 .lineup .accordion-header .txt .btn .icon::after  { content: ""; width: 3.125vw; height: 0.313vw; background: var(--color00); display: inline-block; position: absolute; transition:transform 0.3s; transform: rotate(90deg);}
.cont02 .lineup .accordion-header.active .txt .btn .icon::after  { content: ""; transform: rotate(0deg); transform: transform 0.3s;}

.cont02 .lineup .accordion-content { display: none;}
.cont02 .lineup .accordion-content { margin: auto; padding: 0 0;}

/*--------------------------------*/

.cont02 .lineup .accordion-content.inner01 {}
.cont02 .lineup .accordion-content.inner01 .item_img { width: auto; margin: 0 auto 7.813vw; padding: 7.813vw 0 0; display: flex; flex-direction: column; position: relative;}
.cont02 .lineup .accordion-content.inner01 .item_img::before { content: ""; background: url(../images/index/name_spx-1.svg) no-repeat; width: 45.313vw; height: 13.75vw; position: absolute; top: 0; left: 0;}
.cont02 .lineup .accordion-content.inner01 .item_img > .img { width: 79.688vw; position: relative; margin: auto; padding-left: 4.688vw;}
.cont02 .lineup .accordion-content.inner01 .item_img > .img::before { content: ""; background: url(../images/index/item01_badge.png) no-repeat; background-size: cover; width: 18.75vw; height: 18.75vw; position: absolute; top: 12.5vw; left: -4.687vw;} 

.cont02 .lineup .accordion-content.inner01 .item_color { width: 89.063vw; margin: 0 auto 6.25vw; padding: 3.125vw 0; border-top: solid 1px #c8c8c9; border-bottom: solid 1px #c8c8c9; display: flex; align-items: center; justify-content: center;}
.cont02 .lineup .accordion-content.inner01 .item_color h4 { font-family: "Roboto", sans-serif; font-size: 5vw; color: var(--color04); margin-right: 4.688vw;}
.cont02 .lineup .accordion-content.inner01 .item_color .slider-thumbnail01 { width: 106.25vw; margin: 0;}
.cont02 .lineup .accordion-content.inner01 .item_color .slider-thumbnail01 .swiper-slide { text-align: center; cursor: pointer;}
.cont02 .lineup .accordion-content.inner01 .item_color .slider-thumbnail01 .swiper-slide img { width: 9.375vw; margin: auto;}
.cont02 .lineup .accordion-content.inner01 .item_color .slider-thumbnail01 .swiper-slide p { font-size: 1.875vw; white-space: nowrap;}

.cont02 .lineup .accordion-content.inner01 .txt { width: 89.063vw; margin: 0 auto 7.813vw;}
.cont02 .lineup .accordion-content.inner01 .txt h4 { margin: 6.25vw 0 3.125vw;}
.cont02 .lineup .accordion-content.inner01 .txt h4 span { font-size: 3.125vw; background: var(--color04); color: var(--color00); padding: 0.781vw 4.688vw;}
.cont02 .lineup .accordion-content.inner01 .txt p { font-size: 2.344vw; line-height: 3.906vw; margin-bottom: 3.125vw;}
.cont02 .lineup .accordion-content.inner01 .txt .img { width: 60vw; margin: 0 auto 1.563vw;}
.cont02 .lineup .accordion-content.inner01 .txt .img+p { width: 60vw; font-size: 1.875vw; text-align: right; margin: 0 auto 1.563vw;}
.cont02 .lineup .accordion-content.inner01 .txt .btn_cart { width: 52.812vw; margin: auto;}
.cont02 .lineup .accordion-content.inner01 .txt .btn_cart a { width: 100%; height: 6.875vw; display: block; border: solid 2px var(--color02); border-radius: 7.813vw; align-content: center; padding-left: 21.875vw; color: var(--color02); position: relative;}
.cont02 .lineup .accordion-content.inner01 .txt .btn_cart a::before { content: ""; background: url(../images/common/icon_cart.svg) no-repeat; background-size: cover; width: 3.594vw; height: 3.594vw; position: absolute; top: 0; bottom: 0; left: 17.188vw; margin: auto; transition: ease .5s;}
.cont02 .lineup .accordion-content.inner01 .txt .btn_cart a:hover { background: var(--color02); color: var(--color99); position: relative;}
.cont02 .lineup .accordion-content.inner01 .txt .btn_cart a:hover::before { content: ""; filter: brightness(0); transition: ease .5s;}

.cont02 .lineup .accordion-content.inner01 .point { position: relative;}
.cont02 .lineup .accordion-content.inner01 .point .main_txt { text-align: center; margin-bottom: -2.187vw;}
.cont02 .lineup .accordion-content.inner01 .point .main_txt h3 { font-size: 7.187vw; font-weight: 700; font-family: "Roboto", sans-serif; color: var(--color04);}
.cont02 .lineup .accordion-content.inner01 .point .point_header { background: var(--color04); margin: 0; padding: 7.813vw 3.125vw;}
.cont02 .lineup .accordion-content.inner01 .point .point_header .box { display: flex; justify-content: space-between; margin: 0 0 4.688vw; padding-bottom: 4.688vw; position: relative;}
.cont02 .lineup .accordion-content.inner01 .point .point_header .box .txt01 { padding: 0;}
.cont02 .lineup .accordion-content.inner01 .point .point_header .box .txt01 h3 { font-size: 4.688vw; color: var(--color99);}
.cont02 .lineup .accordion-content.inner01 .point .point_header .box .txt01 h3 span { display: inline-block; background: var(--color00); margin: 0 0 2.188vw; padding: 0.781vw 3.125vw; white-space: nowrap;}
.cont02 .lineup .accordion-content.inner01 .point .point_header .box .txt01 p { width: auto; border: solid 1px var(--color00); border-radius: 7.813vw; color: var(--color00); padding: 0.313vw 2.344vw; display: inline-block; margin: 1.563vw 0 0;}
.cont02 .lineup .accordion-content.inner01 .point .point_header .box .img { width: 51.563vw;  position: absolute; bottom: 3.125vw; right: 0;}
.cont02 .lineup .accordion-content.inner01 .point .point_header .txt02 { width: auto%; margin: 0 1.563vw 0; font-size: 2.344vw; color: var(--color00);} 

.cont02 .lineup .accordion-content.inner01 .point .point_img { margin: 0 auto 10.938vw;}
.cont02 .lineup .accordion-content.inner01 .point .list {}
.cont02 .lineup .accordion-content.inner01 .point .list ul { width: 89.063vw; margin: auto; display: flex; flex-wrap: wrap; justify-content: space-between;}
.cont02 .lineup .accordion-content.inner01 .point .list ul li { width: 40.625vw; margin: 0 0 6.25vw 0;}
.cont02 .lineup .accordion-content.inner01 .point .list ul li figure {}
.cont02 .lineup .accordion-content.inner01 .point .list ul li figure img {}
.cont02 .lineup .accordion-content.inner01 .point .list ul li figure figcaption {}
.cont02 .lineup .accordion-content.inner01 .point .list ul li figure figcaption h4 { font-size: 2.344vw; font-weight: 500; color: var(--color04); text-align: center; margin: 1.563vw 0;}
.cont02 .lineup .accordion-content.inner01 .point .list ul li figure figcaption p { font-size: 2.344vw;}
.cont02 .lineup .accordion-content.inner01 .point .list .comment { width: 89.063vw; border: solid 1px var(--color04); padding: 4.688vw 0 4.688vw 14.063vw; box-shadow: 4px 4px 0px 0px var(--color04); position: inherit; margin: auto;}
.cont02 .lineup .accordion-content.inner01 .point .list .comment dl { width: 100%;}
.cont02 .lineup .accordion-content.inner01 .point .list .comment dl dt { font-size: 2.813vw; color: var(--color04); position: relative;}
.cont02 .lineup .accordion-content.inner01 .point .list .comment dl dt::before { content: ""; width: 3.438vw; height: 0.625vw; background: var(--color04); position: absolute; left: -4.375vw; top: 0; bottom: 0; margin: auto;}
.cont02 .lineup .accordion-content.inner01 .point .list .comment dl dd { font-size: 2.344vw; margin: 0.781vw 0 2.344vw;}
.cont02 .lineup .accordion-content.inner01 .point .list .comment dl dd:nth-last-of-type(1) { margin-bottom: 0;}


/*--------------------------------*/


.cont02 .lineup .accordion-content.inner02 {}
.cont02 .lineup .accordion-content.inner02 .item_img { width: auto; margin: 0 auto 7.813vw; padding: 7.813vw 0 0; display: flex; flex-direction: column; position: relative;}
.cont02 .lineup .accordion-content.inner02 .item_img::before { content: ""; background: url(../images/index/name_spx-4500.svg) no-repeat; width: 81.094vw; height: 13.75vw; position: absolute; top: 0; left: 0;}
.cont02 .lineup .accordion-content.inner02 .item_img > .img { width: 79.688vw; position: relative; margin: auto; padding-left: 4.688vw;}
.cont02 .lineup .accordion-content.inner02 .item_img > .img::before { content: ""; background: url(../images/index/item02_badge.png) no-repeat; background-size: cover; width: 18.75vw; height: 18.75vw; position: absolute; top: 12.5vw; left: -4.687vw;} 

.cont02 .lineup .accordion-content.inner02 .item_color { width: 89.063vw; margin: 0 auto 6.25vw; padding: 3.125vw 0; border-top: solid 1px #c8c8c9; border-bottom: solid 1px #c8c8c9; display: flex; align-items: center; justify-content: center;}
.cont02 .lineup .accordion-content.inner02 .item_color h4 { font-family: "Roboto", sans-serif; font-size: 5vw; color: var(--color04); margin-right: 4.688vw;}
.cont02 .lineup .accordion-content.inner02 .item_color .slider-thumbnail02 { width: 42.188vw; margin: 0;}
.cont02 .lineup .accordion-content.inner02 .item_color .slider-thumbnail02 .swiper-slide { text-align: center; cursor: pointer;}
.cont02 .lineup .accordion-content.inner02 .item_color .slider-thumbnail02 .swiper-slide img { width: 9.375vw; margin: auto;}
.cont02 .lineup .accordion-content.inner02 .item_color .slider-thumbnail02 .swiper-slide p { font-size: 1.875vw; white-space: nowrap;}

.cont02 .lineup .accordion-content.inner02 .txt { width: 89.063vw; margin: 0 auto 7.813vw;}
.cont02 .lineup .accordion-content.inner02 .txt h4 { margin: 6.25vw 0 3.125vw;}
.cont02 .lineup .accordion-content.inner02 .txt h4 span { font-size: 3.125vw; background: var(--color05); color: var(--color00); padding: 0.781vw 4.688vw;}
.cont02 .lineup .accordion-content.inner02 .txt p { font-size: 2.344vw; line-height: 3.906vw; margin-bottom: 3.125vw;}
.cont02 .lineup .accordion-content.inner02 .txt .img { width: 60vw; margin: 0 auto 1.563vw;}
.cont02 .lineup .accordion-content.inner02 .txt .img+p { width: 60vw; font-size: 1.875vw; text-align: right; margin: 0 auto 1.563vw;}
.cont02 .lineup .accordion-content.inner02 .txt .btn_cart { width: 52.812vw; margin: auto;}
.cont02 .lineup .accordion-content.inner02 .txt .btn_cart a { width: 100%; height: 6.875vw; display: block; border: solid 2px var(--color02); border-radius: 7.813vw; align-content: center; padding-left: 21.875vw; color: var(--color02); position: relative;}
.cont02 .lineup .accordion-content.inner02 .txt .btn_cart a::before { content: ""; background: url(../images/common/icon_cart.svg) no-repeat; background-size: cover; width: 3.594vw; height: 3.594vw; position: absolute; top: 0; bottom: 0; left: 17.188vw; margin: auto; transition: ease .5s;}
.cont02 .lineup .accordion-content.inner02 .txt .btn_cart a:hover { background: var(--color02); color: var(--color99); position: relative;}
.cont02 .lineup .accordion-content.inner02 .txt .btn_cart a:hover::before { content: ""; filter: brightness(0); transition: ease .5s;}

.cont02 .lineup .accordion-content.inner02 .point {}
.cont02 .lineup .accordion-content.inner02 .point .main_txt { text-align: center; margin-bottom: 3.125vw;}
.cont02 .lineup .accordion-content.inner02 .point .main_txt h3 { font-size: 7.031vw; font-weight: 700; font-family: "Roboto", sans-serif; color: var(--color05); margin-bottom: 0px;}
.cont02 .lineup .accordion-content.inner02 .point .main_txt p { font-size: 2.656vw; color: var(--color05);}

.cont02 .lineup .accordion-content.inner02 .point .point_img { margin: 0 auto 10.938vw;}
.cont02 .lineup .accordion-content.inner02 .point .list {}
.cont02 .lineup .accordion-content.inner02 .point .list ul { width: 89.063vw; margin: auto; display: flex; flex-wrap: wrap; justify-content: space-between;}
.cont02 .lineup .accordion-content.inner02 .point .list ul li { width: 40.625vw; margin: 0 0 6.25vw 0;}
.cont02 .lineup .accordion-content.inner02 .point .list ul li figure {}
.cont02 .lineup .accordion-content.inner02 .point .list ul li figure img {}
.cont02 .lineup .accordion-content.inner02 .point .list ul li figure figcaption {}
.cont02 .lineup .accordion-content.inner02 .point .list ul li figure figcaption h4 { font-size: 2.344vw; font-weight: 500; color: var(--color05); text-align: center; margin: 1.563vw 0;}
.cont02 .lineup .accordion-content.inner02 .point .list ul li figure figcaption p { font-size: 2.344vw;}

.cont02 .lineup .accordion-content.inner02 .point .list .comment { width: 89.063vw; border: solid 1px var(--color05); padding: 4.688vw 0 4.688vw 14.063vw; box-shadow: 4px 4px 0px 0px var(--color05); position: inherit; margin: auto;}
.cont02 .lineup .accordion-content.inner02 .point .list .comment dl { width: 100%;}
.cont02 .lineup .accordion-content.inner02 .point .list .comment dl dt { font-size: 2.813vw; color: var(--color05); position: relative;}
.cont02 .lineup .accordion-content.inner02 .point .list .comment dl dt::before { content: ""; width: 3.438vw; height: 0.625vw; background: var(--color05); position: absolute; left: -4.375vw; top: 0; bottom: 0; margin: auto;}
.cont02 .lineup .accordion-content.inner02 .point .list .comment dl dd { font-size: 2.344vw; margin: 0.781vw 0 2.344vw;}
.cont02 .lineup .accordion-content.inner01 .point .list .comment dl dd:nth-last-of-type(1) { margin-bottom: 0;}


/*--------------------------------*/


.cont02 .lineup .accordion-content.inner03 {}
.cont02 .lineup .accordion-content.inner03 .item_img { width: auto; margin: 0 auto 7.813vw; padding: 12.5vw 0 0; display: flex; justify-content: space-between; position: relative;}
.cont02 .lineup .accordion-content.inner03 .item_img::before { content: ""; background: url(../images/index/name_spx-4300.svg) no-repeat; width: 94.063vw; height: 13.75vw; position: absolute; top: 0; left: 0;}
.cont02 .lineup .accordion-content.inner03 .item_img > .img { width: 79.688vw; position: relative; margin: auto; padding-left: 4.688vw;}
.cont02 .lineup .accordion-content.inner03 .item_img > .img::before { content: ""; background: url(../images/index/item03_badge.png) no-repeat; background-size: cover; width: 18.75vw; height: 18.75vw; position: absolute; top: 6.25vw; left: -4.687vw;} 

.cont02 .lineup .accordion-content.inner03 .item_color { width: 89.063vw; margin: 0 auto 6.25vw; padding: 3.125vw 0; border-top: solid 1px #c8c8c9; border-bottom: solid 1px #c8c8c9; display: flex; align-items: center; justify-content: center;}
.cont02 .lineup .accordion-content.inner03 .item_color h4 { font-family: "Roboto", sans-serif; font-size: 5vw; color: var(--color06); margin-right: 4.688vw;}
.cont02 .lineup .accordion-content.inner03 .item_color .slider-thumbnail03 { width: 42.188vw; margin: 0;}
.cont02 .lineup .accordion-content.inner03 .item_color .slider-thumbnail03 .swiper-slide { text-align: center; cursor: pointer;}
.cont02 .lineup .accordion-content.inner03 .item_color .slider-thumbnail03 .swiper-slide img { width: 9.375vw; margin: auto;}
.cont02 .lineup .accordion-content.inner03 .item_color .slider-thumbnail03 .swiper-slide p { font-size: 1.875vw; white-space: nowrap;}

.cont02 .lineup .accordion-content.inner03 .txt { width: 89.063vw; margin: 0 auto 7.813vw;}
.cont02 .lineup .accordion-content.inner03 .txt h4 { margin: 6.25vw 0 3.125vw;}
.cont02 .lineup .accordion-content.inner03 .txt h4 span { font-size: 3.125vw; background: var(--color05); color: var(--color00); padding: 0.781vw 4.688vw;}
.cont02 .lineup .accordion-content.inner03 .txt p { font-size: 2.344vw; line-height: 3.906vw; margin-bottom: 3.125vw;}
.cont02 .lineup .accordion-content.inner03 .txt .img { width: 60vw; margin: 0 auto 1.563vw;}
.cont02 .lineup .accordion-content.inner03 .txt .img+p { width: 60vw; font-size: 1.875vw; text-align: right; margin: 0 auto 1.563vw;}
.cont02 .lineup .accordion-content.inner03 .txt .btn_cart { width: 52.812vw; margin: auto;}
.cont02 .lineup .accordion-content.inner03 .txt .btn_cart a { width: 100%; height: 6.875vw; display: block; border: solid 2px var(--color02); border-radius: 7.813vw; align-content: center; padding-left: 21.875vw; color: var(--color02); position: relative;}
.cont02 .lineup .accordion-content.inner03 .txt .btn_cart a::before { content: ""; background: url(../images/common/icon_cart.svg) no-repeat; background-size: cover; width: 3.594vw; height: 3.594vw; position: absolute; top: 0; bottom: 0; left: 17.188vw; margin: auto; transition: ease .5s;}
.cont02 .lineup .accordion-content.inner03 .txt .btn_cart a:hover { background: var(--color02); color: var(--color99); position: relative;}
.cont02 .lineup .accordion-content.inner03 .txt .btn_cart a:hover::before { content: ""; filter: brightness(0); transition: ease .5s;}

.cont02 .lineup .accordion-content.inner03 .point {}
.cont02 .lineup .accordion-content.inner03 .point .main_txt { text-align: center; margin-bottom: 3.125vw;}
.cont02 .lineup .accordion-content.inner03 .point .main_txt h3 { font-size: 7.031vw; font-weight: 700; font-family: "Roboto", sans-serif; color: var(--color06); margin-bottom: 0px;}
.cont02 .lineup .accordion-content.inner03 .point .main_txt p { font-size: 2.656vw; color: var(--color06);}

.cont02 .lineup .accordion-content.inner03 .point .point_img { margin: 0 auto 10.938vw;}
.cont02 .lineup .accordion-content.inner03 .point .list {}
.cont02 .lineup .accordion-content.inner03 .point .list ul { width: 89.063vw; margin: auto; display: flex; flex-wrap: wrap; justify-content: space-between;}
.cont02 .lineup .accordion-content.inner03 .point .list ul li { width: 40.625vw; margin: 0 0 6.25vw 0;}
.cont02 .lineup .accordion-content.inner03 .point .list ul li figure {}
.cont02 .lineup .accordion-content.inner03 .point .list ul li figure img {}
.cont02 .lineup .accordion-content.inner03 .point .list ul li figure figcaption {}
.cont02 .lineup .accordion-content.inner03 .point .list ul li figure figcaption h4 { font-size: 2.344vw; font-weight: 500; color: var(--color06); text-align: center; margin: 1.563vw 0;}
.cont02 .lineup .accordion-content.inner03 .point .list ul li figure figcaption p { font-size: 2.344vw;}

.cont02 .lineup .accordion-content.inner03 .point .list .comment { width: 89.063vw; border: solid 1px var(--color06); padding: 4.688vw 0 4.688vw 14.063vw; box-shadow: 4px 4px 0px 0px var(--color06); position: inherit; margin: auto;}
.cont02 .lineup .accordion-content.inner03 .point .list .comment dl { width: 100%;}
.cont02 .lineup .accordion-content.inner03 .point .list .comment dl dt { font-size: 2.813vw; color: var(--color06); position: relative;}
.cont02 .lineup .accordion-content.inner03 .point .list .comment dl dt::before { content: ""; width: 3.438vw; height: 0.625vw; background: var(--color06); position: absolute; left: -4.375vw; top: 0; bottom: 0; margin: auto;}
.cont02 .lineup .accordion-content.inner03 .point .list .comment dl dd { font-size: 2.344vw; margin: 0.781vw 0 2.344vw;}
.cont02 .lineup .accordion-content.inner03 .point .list .comment dl dd:nth-last-of-type(1) { margin-bottom: 0;}



/*--------------------------------*/


.cont02 .lineup .accordion-content.inner04 { align-content: center;}
.cont02 .lineup .accordion-content.inner04 .point { padding: 12.5vw 0 0;}
.cont02 .lineup .accordion-content.inner04 .point .list { position: relative;}
.cont02 .lineup .accordion-content.inner04 .point .list ul { width: 89.063vw; margin: auto; display: flex; flex-wrap: wrap; justify-content: space-between;}
.cont02 .lineup .accordion-content.inner04 .point .list ul li { width: 40.625vw; margin: 0 0 6.25vw 0;}
.cont02 .lineup .accordion-content.inner04 .point .list ul li figure {}
.cont02 .lineup .accordion-content.inner04 .point .list ul li figure img {}
.cont02 .lineup .accordion-content.inner04 .point .list ul li figure figcaption {}
.cont02 .lineup .accordion-content.inner04 .point .list ul li figure figcaption h4 { font-size: 2.344vw; font-weight: 500; color: var(--color06); text-align: center; margin: 1.563vw 0;}
.cont02 .lineup .accordion-content.inner04 .point .list ul li figure figcaption p { font-size: 2.344vw;}
.cont02 .lineup .accordion-content.inner04 .point .txt { width: 89.063vw; border-top: solid 1px var(--color01); border-bottom: solid 1px var(--color01); padding: 3.906vw 0; margin: auto; text-align: center;}
.cont02 .lineup .accordion-content.inner04 .point .txt p { text-align: left; font-size: 2.344vw; color: var(--color01); display: inline-block;}


.cont03 { width: 100%; height: 26.563vw; align-content: center; border-top: solid 1px var(--color01);}
.cont03 ul { width: 56.25vw; display: flex; justify-content: space-between; margin: 0 auto;}
.cont03 ul li { width: 26.563vw;}
.cont03 ul li a { width: 100%; height: 5.938vw; display: block; border: solid 1px var(--color01); font-size: 2.656vw; color: var(--color01); text-align: center; align-content: center;}
.cont03 ul li a:hover { width: 100%; height: 5.938vw; display: block; border: solid 1px var(--color01); font-size: 2.656vw; color: var(--color00); text-align: center; align-content: center; background: var(--color01);}






.contact { width: 100%;}
.contact a { display: block; width: 100%; height: 29.688vw; align-content: center; background: #eeefef;}
.contact a .txt { text-align: center;}
.contact a .txt h2 { font-family: "Roboto", sans-serif; font-size: 6.25vw; color: var(--color01); margin-bottom: 0;}
.contact a .txt p { font-size: 2.813vw; color: var(--color01);}






.contact a:hover { display: block; width: 100%; height: 29.688vw; align-content: center; background: var(--color01);}
.contact a:hover .txt h2 { font-family: "Roboto", sans-serif; font-size: 6.25vw; color: var(--color00); margin-bottom: 0;}
.contact a:hover .txt p { font-size: 2.813vw; color: var(--color00);}


}



/*sp*/
@media screen and (width: 640px) {

.kv { width: 100%; height: 100vh; position: relative; overflow: hidden;}
.kv .sp { width: 100%; height: 100%;}
.kv .swiper { width: 100%; height: 100%;}
.kv .swiper .swiper-slide { width: 100%; height: 100%;}
.kv .swiper .swiper-slide img { width: 100%; height: 100%; object-fit: cover;}
.kv .txt { position: absolute; top: 130px; left: 50px; z-index: 50; font-size: 70px; font-weight: 900; text-shadow: 5px 5px 5px rgba(0, 0, 0, 0.4); color: var(--color00); letter-spacing: 6px;}
.kv .badge { position: absolute; top: 500px; left: 76px; z-index: 50; width: 145px; filter: drop-shadow(10px 10px 0px rgba(0,0,0,0.4));}

.cont01 { background: url(../images/index/cont01_bg.png) top center no-repeat; background-size: cover; width: 100%;}
.cont01 .topics { width: 580px; background: var(--color00); border-radius: 30px; padding: 50px 70px 40px; margin: -40px auto 50px; position: relative;  z-index: 50;}
.cont01 .topics h2 { position: absolute; top: -30px; left: 50px; font-family: "Roboto", sans-serif; font-size: 40px; color: var(--color01);}
.cont01 .topics dl { display: flex; flex-wrap: wrap; font-size: 15px;}
.cont01 .topics dl dt { width: 100px; margin: 5px 0;}
.cont01 .topics dl dd { width: calc( 100% - 100px ); margin: 5px 0;}

.cont01 .concept { text-align: center; padding: 0 0 85px;}
.cont01 .concept h2 { font-family: "Roboto", sans-serif; font-size: 40px; color: var(--color01); margin-bottom: 30px;}
.cont01 .concept .txt { font-size: 15px; line-height: 30px;}


.cont02 {}
.cont02 h2 { font-family: "Roboto", sans-serif; font-size: 40px; color: var(--color01); margin-bottom: 30px; text-align: center; padding-top: 60px;}
.cont02 h2+.txt { font-size: 15px; text-align: center; padding-bottom: 50px;}
.cont02 .lineup {}
.cont02 .lineup .accordion-header { width: 100%; height: 340px; align-content: center; transition: .3s ease; cursor: pointer; position: relative;}
.cont02 .lineup .accordion-header.img01 { background: url(../images/index/cont02_lineup01_heder_img_sp.png) center no-repeat; background-size: cover;}
.cont02 .lineup .accordion-header.img02 { background: url(../images/index/cont02_lineup02_heder_img_sp.png) center no-repeat; background-size: cover;}
.cont02 .lineup .accordion-header.img03 { background: url(../images/index/cont02_lineup03_heder_img_sp.png) center no-repeat; background-size: cover;}
.cont02 .lineup .accordion-header.img04 { background: url(../images/index/cont02_lineup04_heder_img_sp.png) center no-repeat; background-size: cover;}

.cont02 .lineup .accordion-header .txt { width: auto; margin-left: 40%; display: flex; justify-content: space-between; align-items: center; flex-direction: column; color: var(--color00);}
.cont02 .lineup .accordion-header .txt .box { text-align: center;}
.cont02 .lineup .accordion-header .txt .box h3 { font-size: 50px; font-family: "Roboto", sans-serif; font-style: italic;}
.cont02 .lineup .accordion-header .txt .box p { font-size: 19px;}
.cont02 .lineup .accordion-header .txt .btn { text-align: center; margin-top: 20px; font-size: 12px;}
.cont02 .lineup .accordion-header .txt .btn .icon { width: 45px; height: 45px; border: solid 1px var(--color00); border-radius: 50%; margin: 0 auto 10px; display: flex; justify-content: center; align-items: center; position: relative;}
.cont02 .lineup .accordion-header .txt .btn .icon::before { content: ""; width: 20px; height: 2px; background: var(--color00); display: inline-block; position: absolute; transition:transform 0.3s; }
.cont02 .lineup .accordion-header .txt .btn .icon::after  { content: ""; width: 20px; height: 2px; background: var(--color00); display: inline-block; position: absolute; transition:transform 0.3s; transform: rotate(90deg);}
.cont02 .lineup .accordion-header.active .txt .btn .icon::after  { content: ""; transform: rotate(0deg); transform: transform 0.3s;}

.cont02 .lineup .accordion-content { display: none;}
.cont02 .lineup .accordion-content { margin: auto; padding: 0 0;}

/*--------------------------------*/

.cont02 .lineup .accordion-content.inner01 {}
.cont02 .lineup .accordion-content.inner01 .item_img { width: auto; margin: 0 auto 50px; padding: 50px 0 0; display: flex; flex-direction: column; position: relative;}
.cont02 .lineup .accordion-content.inner01 .item_img::before { content: ""; background: url(../images/index/name_spx-1.svg) no-repeat; width: 290px; height: 88px; position: absolute; top: 0; left: 0;}
.cont02 .lineup .accordion-content.inner01 .item_img > .img { width: 510px; position: relative; margin: auto; padding-left: 30px;}
.cont02 .lineup .accordion-content.inner01 .item_img > .img::before { content: ""; background: url(../images/index/item01_badge.png) no-repeat; background-size: cover; width: 120px; height: 120px; position: absolute; top: 80px; left: -30px;} 

.cont02 .lineup .accordion-content.inner01 .item_color { width: 570px; margin: 0 auto 40px; padding: 20px 0; border-top: solid 1px #c8c8c9; border-bottom: solid 1px #c8c8c9; display: flex; align-items: center; justify-content: center;}
.cont02 .lineup .accordion-content.inner01 .item_color h4 { font-family: "Roboto", sans-serif; font-size: 32px; color: var(--color04); margin-right: 30px;}
.cont02 .lineup .accordion-content.inner01 .item_color .slider-thumbnail01 { width: 680px; margin: 0;}
.cont02 .lineup .accordion-content.inner01 .item_color .slider-thumbnail01 .swiper-slide { text-align: center; cursor: pointer;}
.cont02 .lineup .accordion-content.inner01 .item_color .slider-thumbnail01 .swiper-slide img { width: 60px; margin: auto;}
.cont02 .lineup .accordion-content.inner01 .item_color .slider-thumbnail01 .swiper-slide p { font-size: 12px; white-space: nowrap;}

.cont02 .lineup .accordion-content.inner01 .txt { width: 570px; margin: 0 auto 50px;}
.cont02 .lineup .accordion-content.inner01 .txt h4 { margin: 40px 0 20px;}
.cont02 .lineup .accordion-content.inner01 .txt h4 span { font-size: 20px; background: var(--color04); color: var(--color00); padding: 5px 30px;}
.cont02 .lineup .accordion-content.inner01 .txt p { font-size: 15px; line-height: 25px; margin-bottom: 20px;}
.cont02 .lineup .accordion-content.inner01 .txt .img { width: 384px; margin: 0 auto 10px;}
.cont02 .lineup .accordion-content.inner01 .txt .img+p { width: 384px; font-size: 12px; text-align: right; margin: 0 auto 10px;}
.cont02 .lineup .accordion-content.inner01 .txt .btn_cart { width: 338px; margin: auto;}
.cont02 .lineup .accordion-content.inner01 .txt .btn_cart a { width: 100%; height: 44px; display: block; border: solid 2px var(--color02); border-radius: 50px; align-content: center; padding-left: 140px; color: var(--color02); position: relative;}
.cont02 .lineup .accordion-content.inner01 .txt .btn_cart a::before { content: ""; background: url(../images/common/icon_cart.svg) no-repeat; background-size: cover; width: 23px; height: 23px; position: absolute; top: 0; bottom: 0; left: 110px; margin: auto; transition: ease .5s;}
.cont02 .lineup .accordion-content.inner01 .txt .btn_cart a:hover { background: var(--color02); color: var(--color99); position: relative;}
.cont02 .lineup .accordion-content.inner01 .txt .btn_cart a:hover::before { content: ""; filter: brightness(0); transition: ease .5s;}

.cont02 .lineup .accordion-content.inner01 .point { position: relative;}
.cont02 .lineup .accordion-content.inner01 .point .main_txt { text-align: center; margin-bottom: -14px;}
.cont02 .lineup .accordion-content.inner01 .point .main_txt h3 { font-size: 46px; font-weight: 700; font-family: "Roboto", sans-serif; color: var(--color04);}
.cont02 .lineup .accordion-content.inner01 .point .point_header { background: var(--color04); margin: 0; padding: 50px 20px;}
.cont02 .lineup .accordion-content.inner01 .point .point_header .box { display: flex; justify-content: space-between; margin: 0 0 30px; padding-bottom: 30px; position: relative;}
.cont02 .lineup .accordion-content.inner01 .point .point_header .box .txt01 { padding: 0;}
.cont02 .lineup .accordion-content.inner01 .point .point_header .box .txt01 h3 { font-size: 30px; color: var(--color99);}
.cont02 .lineup .accordion-content.inner01 .point .point_header .box .txt01 h3 span { display: inline-block; background: var(--color00); margin: 0 0 14px; padding: 5px 20px; white-space: nowrap;}
.cont02 .lineup .accordion-content.inner01 .point .point_header .box .txt01 p { width: auto; border: solid 1px var(--color00); border-radius: 50px; color: var(--color00); padding: 2px 15px; display: inline-block; margin: 10px 0 0;}
.cont02 .lineup .accordion-content.inner01 .point .point_header .box .img { width: 330px;  position: absolute; bottom: 20px; right: 0;}
.cont02 .lineup .accordion-content.inner01 .point .point_header .txt02 { width: auto%; margin: 0 10px 0; font-size: 15px; color: var(--color00);} 

.cont02 .lineup .accordion-content.inner01 .point .point_img { margin: 0 auto 70px;}
.cont02 .lineup .accordion-content.inner01 .point .list {}
.cont02 .lineup .accordion-content.inner01 .point .list ul { width: 570px; margin: auto; display: flex; flex-wrap: wrap; justify-content: space-between;}
.cont02 .lineup .accordion-content.inner01 .point .list ul li { width: 260px; margin: 0 0 40px 0;}
.cont02 .lineup .accordion-content.inner01 .point .list ul li figure {}
.cont02 .lineup .accordion-content.inner01 .point .list ul li figure img {}
.cont02 .lineup .accordion-content.inner01 .point .list ul li figure figcaption {}
.cont02 .lineup .accordion-content.inner01 .point .list ul li figure figcaption h4 { font-size: 15px; font-weight: 500; color: var(--color04); text-align: center; margin: 10px 0;}
.cont02 .lineup .accordion-content.inner01 .point .list ul li figure figcaption p { font-size: 15px;}
.cont02 .lineup .accordion-content.inner01 .point .list .comment { width: 570px; border: solid 1px var(--color04); padding: 30px 0 30px 90px; box-shadow: 4px 4px 0px 0px var(--color04); position: inherit; margin: auto;}
.cont02 .lineup .accordion-content.inner01 .point .list .comment dl { width: 100%;}
.cont02 .lineup .accordion-content.inner01 .point .list .comment dl dt { font-size: 18px; color: var(--color04); position: relative;}
.cont02 .lineup .accordion-content.inner01 .point .list .comment dl dt::before { content: ""; width: 22px; height: 4px; background: var(--color04); position: absolute; left: -28px; top: 0; bottom: 0; margin: auto;}
.cont02 .lineup .accordion-content.inner01 .point .list .comment dl dd { font-size: 15px; margin: 5px 0 15px;}
.cont02 .lineup .accordion-content.inner01 .point .list .comment dl dd:nth-last-of-type(1) { margin-bottom: 0;}


/*--------------------------------*/


.cont02 .lineup .accordion-content.inner02 {}
.cont02 .lineup .accordion-content.inner02 .item_img { width: auto; margin: 0 auto 50px; padding: 50px 0 0; display: flex; flex-direction: column; position: relative;}
.cont02 .lineup .accordion-content.inner02 .item_img::before { content: ""; background: url(../images/index/name_spx-4500.svg) no-repeat; width: 519px; height: 88px; position: absolute; top: 0; left: 0;}
.cont02 .lineup .accordion-content.inner02 .item_img > .img { width: 510px; position: relative; margin: auto; padding-left: 30px;}
.cont02 .lineup .accordion-content.inner02 .item_img > .img::before { content: ""; background: url(../images/index/item02_badge.png) no-repeat; background-size: cover; width: 120px; height: 120px; position: absolute; top: 80px; left: -30px;} 

.cont02 .lineup .accordion-content.inner02 .item_color { width: 570px; margin: 0 auto 40px; padding: 20px 0; border-top: solid 1px #c8c8c9; border-bottom: solid 1px #c8c8c9; display: flex; align-items: center; justify-content: center;}
.cont02 .lineup .accordion-content.inner02 .item_color h4 { font-family: "Roboto", sans-serif; font-size: 32px; color: var(--color04); margin-right: 30px;}
.cont02 .lineup .accordion-content.inner02 .item_color .slider-thumbnail02 { width: 270px; margin: 0;}
.cont02 .lineup .accordion-content.inner02 .item_color .slider-thumbnail02 .swiper-slide { text-align: center; cursor: pointer;}
.cont02 .lineup .accordion-content.inner02 .item_color .slider-thumbnail02 .swiper-slide img { width: 60px; margin: auto;}
.cont02 .lineup .accordion-content.inner02 .item_color .slider-thumbnail02 .swiper-slide p { font-size: 12px; white-space: nowrap;}

.cont02 .lineup .accordion-content.inner02 .txt { width: 570px; margin: 0 auto 50px;}
.cont02 .lineup .accordion-content.inner02 .txt h4 { margin: 40px 0 20px;}
.cont02 .lineup .accordion-content.inner02 .txt h4 span { font-size: 20px; background: var(--color05); color: var(--color00); padding: 5px 30px;}
.cont02 .lineup .accordion-content.inner02 .txt p { font-size: 15px; line-height: 25px; margin-bottom: 20px;}
.cont02 .lineup .accordion-content.inner02 .txt .img { width: 384px; margin: 0 auto 10px;}
.cont02 .lineup .accordion-content.inner02 .txt .img+p { width: 384px; font-size: 12px; text-align: right; margin: 0 auto 10px;}
.cont02 .lineup .accordion-content.inner02 .txt .btn_cart { width: 338px; margin: auto;}
.cont02 .lineup .accordion-content.inner02 .txt .btn_cart a { width: 100%; height: 44px; display: block; border: solid 2px var(--color02); border-radius: 50px; align-content: center; padding-left: 140px; color: var(--color02); position: relative;}
.cont02 .lineup .accordion-content.inner02 .txt .btn_cart a::before { content: ""; background: url(../images/common/icon_cart.svg) no-repeat; background-size: cover; width: 23px; height: 23px; position: absolute; top: 0; bottom: 0; left: 110px; margin: auto; transition: ease .5s;}
.cont02 .lineup .accordion-content.inner02 .txt .btn_cart a:hover { background: var(--color02); color: var(--color99); position: relative;}
.cont02 .lineup .accordion-content.inner02 .txt .btn_cart a:hover::before { content: ""; filter: brightness(0); transition: ease .5s;}

.cont02 .lineup .accordion-content.inner02 .point {}
.cont02 .lineup .accordion-content.inner02 .point .main_txt { text-align: center; margin-bottom: 20px;}
.cont02 .lineup .accordion-content.inner02 .point .main_txt h3 { font-size: 45px; font-weight: 700; font-family: "Roboto", sans-serif; color: var(--color05); margin-bottom: 0px;}
.cont02 .lineup .accordion-content.inner02 .point .main_txt p { font-size: 17px; color: var(--color05);}

.cont02 .lineup .accordion-content.inner02 .point .point_img { margin: 0 auto 70px;}
.cont02 .lineup .accordion-content.inner02 .point .list {}
.cont02 .lineup .accordion-content.inner02 .point .list ul { width: 570px; margin: auto; display: flex; flex-wrap: wrap; justify-content: space-between;}
.cont02 .lineup .accordion-content.inner02 .point .list ul li { width: 260px; margin: 0 0 40px 0;}
.cont02 .lineup .accordion-content.inner02 .point .list ul li figure {}
.cont02 .lineup .accordion-content.inner02 .point .list ul li figure img {}
.cont02 .lineup .accordion-content.inner02 .point .list ul li figure figcaption {}
.cont02 .lineup .accordion-content.inner02 .point .list ul li figure figcaption h4 { font-size: 15px; font-weight: 500; color: var(--color05); text-align: center; margin: 10px 0;}
.cont02 .lineup .accordion-content.inner02 .point .list ul li figure figcaption p { font-size: 15px;}

.cont02 .lineup .accordion-content.inner02 .point .list .comment { width: 570px; border: solid 1px var(--color05); padding: 30px 0 30px 90px; box-shadow: 4px 4px 0px 0px var(--color05); position: inherit; margin: auto;}
.cont02 .lineup .accordion-content.inner02 .point .list .comment dl { width: 100%;}
.cont02 .lineup .accordion-content.inner02 .point .list .comment dl dt { font-size: 18px; color: var(--color05); position: relative;}
.cont02 .lineup .accordion-content.inner02 .point .list .comment dl dt::before { content: ""; width: 22px; height: 4px; background: var(--color05); position: absolute; left: -28px; top: 0; bottom: 0; margin: auto;}
.cont02 .lineup .accordion-content.inner02 .point .list .comment dl dd { font-size: 15px; margin: 5px 0 15px;}
.cont02 .lineup .accordion-content.inner01 .point .list .comment dl dd:nth-last-of-type(1) { margin-bottom: 0;}


/*--------------------------------*/


.cont02 .lineup .accordion-content.inner03 {}
.cont02 .lineup .accordion-content.inner03 .item_img { width: auto; margin: 0 auto 50px; padding: 80px 0 0; display: flex; justify-content: space-between; position: relative;}
.cont02 .lineup .accordion-content.inner03 .item_img::before { content: ""; background: url(../images/index/name_spx-4300.svg) no-repeat; width: 602px; height: 88px; position: absolute; top: 0; left: 0;}
.cont02 .lineup .accordion-content.inner03 .item_img > .img { width: 510px; position: relative; margin: auto; padding-left: 30px;}
.cont02 .lineup .accordion-content.inner03 .item_img > .img::before { content: ""; background: url(../images/index/item03_badge.png) no-repeat; background-size: cover; width: 120px; height: 120px; position: absolute; top: 40px; left: -30px;} 

.cont02 .lineup .accordion-content.inner03 .item_color { width: 570px; margin: 0 auto 40px; padding: 20px 0; border-top: solid 1px #c8c8c9; border-bottom: solid 1px #c8c8c9; display: flex; align-items: center; justify-content: center;}
.cont02 .lineup .accordion-content.inner03 .item_color h4 { font-family: "Roboto", sans-serif; font-size: 32px; color: var(--color06); margin-right: 30px;}
.cont02 .lineup .accordion-content.inner03 .item_color .slider-thumbnail03 { width: 270px; margin: 0;}
.cont02 .lineup .accordion-content.inner03 .item_color .slider-thumbnail03 .swiper-slide { text-align: center; cursor: pointer;}
.cont02 .lineup .accordion-content.inner03 .item_color .slider-thumbnail03 .swiper-slide img { width: 60px; margin: auto;}
.cont02 .lineup .accordion-content.inner03 .item_color .slider-thumbnail03 .swiper-slide p { font-size: 12px; white-space: nowrap;}

.cont02 .lineup .accordion-content.inner03 .txt { width: 570px; margin: 0 auto 50px;}
.cont02 .lineup .accordion-content.inner03 .txt h4 { margin: 40px 0 20px;}
.cont02 .lineup .accordion-content.inner03 .txt h4 span { font-size: 20px; background: var(--color05); color: var(--color00); padding: 5px 30px;}
.cont02 .lineup .accordion-content.inner03 .txt p { font-size: 15px; line-height: 25px; margin-bottom: 20px;}
.cont02 .lineup .accordion-content.inner03 .txt .img { width: 384px; margin: 0 auto 10px;}
.cont02 .lineup .accordion-content.inner03 .txt .img+p { width: 384px; font-size: 12px; text-align: right; margin: 0 auto 10px;}
.cont02 .lineup .accordion-content.inner03 .txt .btn_cart { width: 338px; margin: auto;}
.cont02 .lineup .accordion-content.inner03 .txt .btn_cart a { width: 100%; height: 44px; display: block; border: solid 2px var(--color02); border-radius: 50px; align-content: center; padding-left: 140px; color: var(--color02); position: relative;}
.cont02 .lineup .accordion-content.inner03 .txt .btn_cart a::before { content: ""; background: url(../images/common/icon_cart.svg) no-repeat; background-size: cover; width: 23px; height: 23px; position: absolute; top: 0; bottom: 0; left: 110px; margin: auto; transition: ease .5s;}
.cont02 .lineup .accordion-content.inner03 .txt .btn_cart a:hover { background: var(--color02); color: var(--color99); position: relative;}
.cont02 .lineup .accordion-content.inner03 .txt .btn_cart a:hover::before { content: ""; filter: brightness(0); transition: ease .5s;}

.cont02 .lineup .accordion-content.inner03 .point {}
.cont02 .lineup .accordion-content.inner03 .point .main_txt { text-align: center; margin-bottom: 20px;}
.cont02 .lineup .accordion-content.inner03 .point .main_txt h3 { font-size: 45px; font-weight: 700; font-family: "Roboto", sans-serif; color: var(--color06); margin-bottom: 0px;}
.cont02 .lineup .accordion-content.inner03 .point .main_txt p { font-size: 17px; color: var(--color06);}

.cont02 .lineup .accordion-content.inner03 .point .point_img { margin: 0 auto 70px;}
.cont02 .lineup .accordion-content.inner03 .point .list {}
.cont02 .lineup .accordion-content.inner03 .point .list ul { width: 570px; margin: auto; display: flex; flex-wrap: wrap; justify-content: space-between;}
.cont02 .lineup .accordion-content.inner03 .point .list ul li { width: 260px; margin: 0 0 40px 0;}
.cont02 .lineup .accordion-content.inner03 .point .list ul li figure {}
.cont02 .lineup .accordion-content.inner03 .point .list ul li figure img {}
.cont02 .lineup .accordion-content.inner03 .point .list ul li figure figcaption {}
.cont02 .lineup .accordion-content.inner03 .point .list ul li figure figcaption h4 { font-size: 15px; font-weight: 500; color: var(--color06); text-align: center; margin: 10px 0;}
.cont02 .lineup .accordion-content.inner03 .point .list ul li figure figcaption p { font-size: 15px;}

.cont02 .lineup .accordion-content.inner03 .point .list .comment { width: 570px; border: solid 1px var(--color06); padding: 30px 0 30px 90px; box-shadow: 4px 4px 0px 0px var(--color06); position: inherit; margin: auto;}
.cont02 .lineup .accordion-content.inner03 .point .list .comment dl { width: 100%;}
.cont02 .lineup .accordion-content.inner03 .point .list .comment dl dt { font-size: 18px; color: var(--color06); position: relative;}
.cont02 .lineup .accordion-content.inner03 .point .list .comment dl dt::before { content: ""; width: 22px; height: 4px; background: var(--color06); position: absolute; left: -28px; top: 0; bottom: 0; margin: auto;}
.cont02 .lineup .accordion-content.inner03 .point .list .comment dl dd { font-size: 15px; margin: 5px 0 15px;}
.cont02 .lineup .accordion-content.inner03 .point .list .comment dl dd:nth-last-of-type(1) { margin-bottom: 0;}



/*--------------------------------*/


.cont02 .lineup .accordion-content.inner04 { align-content: center;}
.cont02 .lineup .accordion-content.inner04 .point { padding: 80px 0 0;}
.cont02 .lineup .accordion-content.inner04 .point .list { position: relative;}
.cont02 .lineup .accordion-content.inner04 .point .list ul { width: 570px; margin: auto; display: flex; flex-wrap: wrap; justify-content: space-between;}
.cont02 .lineup .accordion-content.inner04 .point .list ul li { width: 260px; margin: 0 0 40px 0;}
.cont02 .lineup .accordion-content.inner04 .point .list ul li figure {}
.cont02 .lineup .accordion-content.inner04 .point .list ul li figure img {}
.cont02 .lineup .accordion-content.inner04 .point .list ul li figure figcaption {}
.cont02 .lineup .accordion-content.inner04 .point .list ul li figure figcaption h4 { font-size: 15px; font-weight: 500; color: var(--color06); text-align: center; margin: 10px 0;}
.cont02 .lineup .accordion-content.inner04 .point .list ul li figure figcaption p { font-size: 15px;}
.cont02 .lineup .accordion-content.inner04 .point .txt { width: 570px; border-top: solid 1px var(--color01); border-bottom: solid 1px var(--color01); padding: 25px 0; margin: auto; text-align: center;}
.cont02 .lineup .accordion-content.inner04 .point .txt p { text-align: left; font-size: 15px; color: var(--color01); display: inline-block;}


.cont03 { width: 100%; height: 170px; align-content: center; border-top: solid 1px var(--color01);}
.cont03 ul { width: 360px; display: flex; justify-content: space-between; margin: 0 auto;}
.cont03 ul li { width: 170px;}
.cont03 ul li a { width: 100%; height: 38px; display: block; border: solid 1px var(--color01); font-size: 17px; color: var(--color01); text-align: center; align-content: center;}
.cont03 ul li a:hover { width: 100%; height: 38px; display: block; border: solid 1px var(--color01); font-size: 17px; color: var(--color00); text-align: center; align-content: center; background: var(--color01);}






.contact { width: 100%;}
.contact a { display: block; width: 100%; height: 190px; align-content: center; background: #eeefef;}
.contact a .txt { text-align: center;}
.contact a .txt h2 { font-family: "Roboto", sans-serif; font-size: 40px; color: var(--color01); margin-bottom: 0;}
.contact a .txt p { font-size: 18px; color: var(--color01);}






.contact a:hover { display: block; width: 100%; height: 190px; align-content: center; background: var(--color01);}
.contact a:hover .txt h2 { font-family: "Roboto", sans-serif; font-size: 40px; color: var(--color00); margin-bottom: 0;}
.contact a:hover .txt p { font-size: 18px; color: var(--color00);}


}