@charset "UTF-8";
/* CSS Document */
/*--------------------
01.top
02.Products詳細
03.KAWAI’S EDUCATIONAL TOYS
04.Wrapping
05.VISUMO
06.cart
07.contract
08.company
09.faq
10.returns
11.guide
12.login
13.contact
14.news
15.news_detail
16.category
18.labo
--------------------*/

/*----------
01.top
----------*/

.front_header{
position: absolute;
top: 0;
left: 0;
width: 100%;
z-index: 5;
}

#top #mainvisual_area{
background: #FCF5ED;
overflow: hidden;
}

#top #mainvisual_area .mainimg_g{
/* max-width: 1280px; */
width: 100%;
margin: 0 auto;
position: relative;
}

#top #mainvisual_area .illust{
position: absolute;
}

/* MVイラスト */
#top #mainvisual_area .illust01{
/* max-width: 180px; */
width: 14.07%;
/* bottom: 145px;
left: 329px; */
bottom: 18.13%;
left: 25.71%;
}

#top #mainvisual_area .illust02{
/* max-width: 48px; */
width: 3.75%;
top: 36.3%;
right: 6.64%;
}

#top #mainvisual_area .illust03{
/* max-width: 62px; */
width: 4.85%;
top: 35.7%;
left: 14.89%;
}

#top #mainvisual_area .illust04{
/* max-width: 144px; */
width: 11.25%;
top: 18.1%;
left: 36.58%;
}

#top #mainvisual_area .illust05{
/* max-width: 72px; */
width: 5.63%;
bottom: 28.47%;
right: 14.96%;
}

#top #mainvisual_area .illust06{
/* max-width: 60px; */
width: 4.69%;
bottom: 3.8%;
right: 43.88%;
}

#top #mainvisual_area .illust07{
/* max-width: 55px; */
width: 4.3%;
bottom: 42.13%;
left: 8.75%;
}

#top #mainvisual_area .illust08{
/* max-width: 208px; */
width: 16.25%;
bottom: 10.5%;
right: 20.32%;
}

#top #mainvisual_area .illust09{
/* max-width: 273px; */
width: 21.33%;
bottom: 39.53%;
left: 33.5%;
}

#top #mainvisual_area .illust10{
/* max-width: 110px; */
width: 8.6%;
top: 5.7%;
right: 21.8%;
}

#top #mainvisual_area .illust11{
/* max-width: 168px; */
width: 13.13%;
top: 47.4%;
left: 18.44%;
}

#top #mainvisual_area .illust12{
/* max-width: 51px; */
width: 3.99%;
top: 49.9%;
right: 36.6%;
}

#top #mainvisual_area .track01.track_active{
z-index: 2;
}

#top #mainvisual_area .track01 .track_img{
display: none;
}

#top #mainvisual_area .track01 .active{
display: block;
}

#top #mainvisual_area .illust13{
/* max-width: 75px; */
width: 5.86%;
bottom: 34%;
right: 31.96%;
z-index: 1;
}

#top .cnt_area .contents_in{
position: relative;
}

#top .cnt_area .title_g{
position: relative;
z-index: 1;
}

#top .cnt_area .title_g .icon{
margin: 0 auto 37px;
}

#top .cnt_area .title_g .catchcopy{
font-size: 18px;
/* font-size: 15px; */
letter-spacing: 0.04em;
line-height: 40px;
text-align: center;
}

#top .cnt_area .box_type01{
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 120px;
}

#top .cnt_area .box_type01:last-of-type{
margin-bottom: 0;
}

#top .cnt_area .box_type01.direction_row{
flex-direction: row-reverse;
}

#top .cnt_area .box_type01 .cnt_img{
max-width: 515px;
width: 49.52%;
}

#top .cnt_area .box_type01 .cnt_img img{
border-radius: 10px;
}

#top .cnt_area .box_type01 .cnt_text{
max-width: 450px;
width: 43.27%;
}

#top .cnt_area .box_type01 .cnt_text p{
font-size: 15px;
letter-spacing: 0.04em;
line-height: 40px;
margin-bottom: 48px;
}

#top .cnt_area .box_type02{
max-width: 692px;
width: 100%;
margin: 0 auto 74px;
}

#top .cnt_area .box_type02 .cnt_img{
margin-bottom: 48px;
}

#top .cnt_area .box_type02 .cnt_img img{
border-radius: 10px;
}

#top .cnt_area .box_type02 .cnt_text p{
font-size: 15px;
letter-spacing: 0.04em;
line-height: 40px;
text-align: center;
}

#top #about_area{
padding: 120px 0 67px;
}

#top #about_area .title_g{
max-width: 440px;
/* max-width: 408px; */
width: 100%;
margin: 0 auto;
}

#top #about_area .title_g .icon{
max-width: 249px;
width: 100%;
margin-bottom: 124px;
}

#top #about_area .catchcopy{
line-height: 1;
margin-bottom: 82px;
}

#top #about_area .cnt_img{
max-width: 800px;
width: 100%;
margin: 0 auto 112px;
}
#top #about_area p{
color: #646464;
font-size: 15px;
letter-spacing: 0.04em;
line-height: 40px;
text-align: center;
position: relative;
z-index: 1;
}

#top #about_area p::after{
content: "";
display: block;
width: 1px;
height: 50px;
margin: 62px auto 0;
background: #333333;
}

/* #top #educational_area{
background: #FCF5ED;
} */

#top #educational_area .contents_in{
padding: 80px 0;
}

#top #educational_area .title_g{
margin-bottom: 48px;
}

#top #educational_area .title_g .icon {
/* max-width: 101px; */
max-width: 158px;
margin-bottom: 32px;
}

#top #product_area{
background: #FCF5ED;
}

#top #product_area .contents_in{
padding: 86px 0 80px;
}

#top #product_area .title_g .icon {
/* max-width: 127px; */
max-width: 251px;
margin-bottom: 80px;
}

#top #product_area .btn_type01 a::before{
background: #FCF5ED;
}

#top #product_area .cnt_box.wrapping_box .cnt_img{
max-width: 520px;
width: 50%;
display: flex;
align-items: start;
justify-content: space-between;
}

#top #product_area .cnt_box.wrapping_box .cnt_img img{
max-width: 256px;
width: 49.71%;
}

#top #product_area .cnt_box.wrapping_box02{
margin-bottom: 80px;
}

/* #top #kawai_area{
background: #FCF5ED;
} */

#top #kawai_area .contents_in{
padding: 0 0 80px;
}

#top #kawai_area .title_g{
margin-bottom: 60px;
}

#top #kawai_area .title_g .icon {
/* max-width: 205px; */
max-width: 197px;
}

#top #visumo_area{
background: #FCF5ED;
}

#top #visumo_area .contents_in{
padding: 80px 0;
}

#top #visumo_area .title_g{
margin-bottom: 45px;
}

#top #visumo_area .title_g .icon {
/* max-width: 149px; */
max-width: 167px;
margin-bottom: 48px;
}

#top #visumo_area .catchcopy{
color: #646464;
}

#top #visumo_area .insta_tag{
font-size: 0;
text-align: center;
margin-bottom: 60px;
}

#top #visumo_area .insta_tag li{
border: 1px solid #919191;
border-radius: 3px;
color: #919191;
font-size: 12px;
line-height: 1;
padding: 6px 10px 7px;
display: inline-block;
margin: 0 7px 0px 0;
}

#top #visumo_area .visumo_g{
display: flex;
align-items: start;
justify-content: space-between;
margin-bottom: 80px;
}

#top #visumo_area .visumo_g li{
max-width: 327px;
width: 31.45%;
}

#top #visumo_area .visumo_g li img{
border-radius: 10px;
}

/* モチーフ */

#top #about_area .motif01{
max-width: 64px;
width: 6.16%;
top: 0;
left: 9.91%;
}

#top #about_area .motif02{
max-width: 270px;
width: 25.97%;
top: 15.95%;
left: -22.79%;
}

#top #about_area .motif03{
max-width: 353px;
width: 33.95%;
top: 15.95%;
right: -32.12%;
}

#top #about_area .motif04{
max-width: 121px;
width: 11.64%;
top: 79.14%;
left: -1.74%;
}

#top #product_area .motif05{
max-width: 179px;
width: 17.22%;
top: -7.69%;
right: 0;
}

#top #educational_area .motif06{
max-width: 73px;
width: 7.02%;
top: 14.02%;
left: -7.02%;
}

#top #educational_area .motif07{
max-width: 258px;
width: 24.81%;
top: 29.21%;
right: -17.02%;
}

#top #other_area .motif08{
max-width: 194px;
width: 18.66%;
top: 0.65%;
left: -18.66%;
}

#top #other_area .motif09{
max-width: 101px;
width: 9.72%;
top: -3.99%;
right: -4.81%;
}


#top #other_area .motif10{
max-width: 121px;
width: 11.64%;
bottom: 11.68%;
right: 7.89%;
}

#top #news_area{
background: #363636;
padding: 34px 0 38px;
}

#top #news_area .contents_in{
display: flex;
align-items: center;
justify-content: space-between;
}

#top #news_area .contents_in .news_list{
width: calc(100% - 140px);
}

#top #news_area .contents_in .news_list li a{
display: flex;
align-items: center;
justify-content: flex-start;
color: #fff;
font-weight: 400;
}

#top #news_area .contents_in .news_list .news_date{
width: 64px;
font-size: 12px;
line-height: 1;
letter-spacing: .04em;
margin-right: 60px;
}

#top #news_area .contents_in .news_list .news_title{
width: calc(100% - 124px);
font-size: 15px;
line-height: 21px;
letter-spacing: .04em;
}

#top #news_area .btn_type01 a{
color: #fff;
}

#top #news_area .btn_type01::before {
border-left: 6px solid #fff;
}

#top #news_area .btn_type01::after{
background-color: #fff;
}

#top #instagram_area .title_g .icon {
max-width: 186.91px;
margin-bottom: 60px;
}


#top #instagram_area .contents_in{
padding: 80px 0;
}

#top #instagram_area .title_g .txt{
text-align: center;
font-size: 15px;
letter-spacing: 0.04em;
line-height: 40px;
margin-bottom: 48px;
color: #333;
}

#top #instagram_area .title_g .txt a{
text-decoration: underline;
text-underline-offset: 4px;
color: #333;
transition: .3s;
}

#top #instagram_area .title_g .txt a:hover{
text-decoration: none;
opacity: .7;
}



/*----------
02.Products詳細
----------*/

#products #cnt_area01{
margin-bottom: 70px;
}

#products #cnt_area01 .contents_in{
display: flex;
align-items: start;
justify-content: space-between;
}

#products #cnt_area01 .cnt_img{
max-width: 470px;
width: 45.2%;
}

#products #cnt_area01 .cnt_img img{
border-radius: 10px;
}

#products #cnt_area01 .cnt_img .main_slider{
margin-bottom: 35px;
}

#products #cnt_area01 .cnt_img .thumbnail_slider{
display: flex;
align-items: start;
flex-wrap: wrap;
}

#products #cnt_area01 .cnt_img .thumbnail_slider li{
max-width: 87px;
width: calc((100% - 9px*4) / 5) !important;
margin: 0 9px 15px 0;
cursor: pointer;
border-radius: 10px;
}

#products #cnt_area01 .cnt_img .thumbnail_slider li:nth-of-type(5n){
margin-right: 0;
}

#products #cnt_area01 .cnt_img .thumbnail_slider li.slick-current{
border: 3px solid #E84709;
}

#products #cnt_area01 .cnt_img .slick-dots{
display: flex;
align-items: center;
justify-content: center;
margin-top: 18px;
}

#products #cnt_area01 .cnt_img .slick-dots li{
margin: 0 10px;
}

#products #cnt_area01 .cnt_img .slick-dots li button{
font-size: 0;
padding: 0;
background: #D3D3D3;
border: none;
box-shadow: none;
border-radius: 50%;
width: 11px;
height: 11px;
display: block;
}

#products #cnt_area01 .cnt_img .slick-dots li.slick-active button{
background: #E84709;
}


#products #cnt_area01 .cnt_text{
max-width: 485px;
width: 46.64%;
}

#products #cnt_area01 .free_shipping{
font-weight: 500;
font-size: 14px;
line-height: 20px;
color: #fff;
padding: 3px 10px;
border-radius: 5px;
background: #E84709;
display: inline-block;
margin-bottom: 12px;
}

#products #cnt_area01 h2{
font-weight: 700;
font-size: 26px;
line-height: 42px;
color: #000;
margin-bottom: 23px;
}

#products #cnt_area01 .price{
font-weight: 500;
font-size: 28px;
line-height: 41px;
margin-bottom: 110px;
}

#products #cnt_area01 .price span.tax{
display: inline-block;
margin-left: 10px;
font-weight: 400;
font-size: 16px;
line-height: 1;
color: #848484;
}

#products #cnt_area01 .info_box{
margin-bottom: 98px;
}

#products #cnt_area01 .info_box dl{
display: flex;
align-items: start;
flex-wrap: wrap;
margin-bottom: 38px;
}

#products #cnt_area01 .info_box dt{
color: #393939;
font-weight: 500;
margin: 0 0 10px;
}

#products #cnt_area01 .info_box dd{
max-width: 180px;
width: 100%;
position: relative;
}

#products #cnt_area01 .info_box .wrapping_box, #products #cnt_area01 .info_box .quantity_box{
max-width: 180px;
width: 100%;
}

#products #cnt_area01 .wrapping_box{
margin-right: 49px;
}

#products #cnt_area01 .wrapping_box select{
appearance: none;
-webkit-appearance:none;
width: 100%;
border: 1px solid #D3D3D3;
border-radius: 26px;
background: #fff;
box-shadow: none;
padding: 14.5px 0 15px 24px;
color: #585858;
/* font-family: 'Noto Serif', serif; */
font-size: 20px;
line-height: 1;
cursor: pointer;
}

/* #products #cnt_area01 .wrapping_box dd::after{
content: "";
display: block;
width: 11px;
height: 9px;
border: none;
box-shadow: none;
background: url(../common/img/icon_arrow01.png) no-repeat center center/100% auto;
position: absolute;
top: 50%;
right: 20px;
transform: translateY(-50%) rotate(180deg);
} */

#products #cnt_area01 .quantity_box dd{
/* max-width: 99px; */
width: 100%;
border: 1px solid #D3D3D3;
border-radius: 26px;
background: #fff;
position: relative;
}

#products #cnt_area01 .quantity_box .productnum{
width: 100%;
border-radius: 26px;
border: none;
box-shadow: none;
padding: 12px 0 12px 38px;
color: #585858;
font-family: 'Noto Serif', serif;
font-size: 20px;
}

#products #cnt_area01 input[type="number"]::-webkit-outer-spin-button,#products #cnt_area01 input[type="number"]::-webkit-inner-spin-button {
-webkit-appearance: none;
}

#products #cnt_area01 .quantity_box .spinner_up,#products #cnt_area01 .quantity_box .spinner_down{
position: absolute;
right: 19px;
/* width: 11px; */
width: 14px;
height: 9px;
padding: 0;
border: none;
box-shadow: none;
background: url(../common/img/icon_arrow01.png) no-repeat center center/100% auto;
cursor: pointer;
}

#products #cnt_area01 .quantity_box .spinner_up{
top: 14px;
}

#products #cnt_area01 .quantity_box .spinner_down{
top: 29px;
transform: rotate(180deg);
}

#products #cnt_area01 .btn_box{
display: flex;
align-items: start;
}

#products #cnt_area01 .cart_btn{
max-width: 295px;
width: 100%;
margin: 0 20px 0 0;
}

#products #cnt_area01 .cart_btn a{
width: 100%;
display: block;
border-radius: 26px;
line-height: 1;
background: #E84709;
display: flex;
align-items: center;
justify-content: center;
padding: 14px 0 15px;
transition: background .3s;
}

#products #cnt_area01 .cart_btn a img{
max-width: 18px;
width: 100%;
margin-right: 14px;
}

#products #cnt_area01 .cart_btn a span{
font-weight: 700;
font-size: 18px;
color: #fff;
}

#products #cnt_area01 .cart_btn a:hover{
background: #F1C046;
}

#products #cnt_area01 .favorite_btn{
max-width: 51px;
width: 100%;
}

#products #cnt_area01 .cnt_text p{
font-weight: 300;
font-size: 14px;
line-height: 22px;
color: #707070;
margin-bottom: 26px;
}

#products #cnt_area01 .cnt_text .detail_text{
background: #F7F7F7;
border-radius: 10px;
padding: 20px;
}

#products #cnt_area01 .cnt_text .detail_text dt{
font-weight: 500;
font-size: 16px;
line-height: 24px;
color: #393939;
margin-bottom: 10px;
}

#products #cnt_area01 .cnt_text .detail_text dd{
font-size: 14px;
line-height: 24px;
color: #646464;
}

#products .cnt_area h3{
font-weight: 700;
font-size: 26px;
line-height: 1;
margin-bottom: 78px;
text-align: center;
position: relative;
z-index: 1;
}

#products .cnt_area h3::after{
content: "";
display: block;
width: 32px;
height: 3px;
background: #000;
margin: 18px auto 0;
}

#products .cnt_area h3 span{
display: block;
font-size: 20px;
line-height: 36px;
}

#products #cnt_area02 .contents_in{
max-width: 1280px;
position: relative;
padding-bottom: 191px;
}

#products #cnt_area02 p{
max-width: 664px;
width: 100%;
margin: 0 auto;
font-size: 15px;
letter-spacing: 0.04em;
line-height: 40px;
text-align: center;
}

#products #cnt_area02 .icon{
position: absolute;
}

#products #cnt_area02 .icon01{
max-width: 258px;
width: 20.16%;
top: -6.22%;
right: 6.25%;
}

#products #cnt_area02 .icon02{
max-width: 240px;
width: 18.75%;
top: 36.4%;
left: 6.8%;
}

#products #cnt_area03{
margin-bottom: 127px;
}

#products #cnt_area03 .table_ptn01{
max-width: 844px;
width: 100%;
margin: 0 auto;
padding: 23px 0;
position: relative;
}

#products #cnt_area03 .table_ptn01::before,#products #cnt_area03 .table_ptn01::after{
content: "";
display: block;
width: 100%;
height: 10px;
background: url(../img/top/bg_line.png) repeat-x center top/auto 100%;
position: absolute;
left: 0;
}

#products #cnt_area03 .table_ptn01::before{
top: 0;
}

#products #cnt_area03 .table_ptn01::after{
bottom: 0;
}

#products #cnt_area03 .table_ptn01 table{
max-width: 826px;
width: 100%;
margin: 0 auto;
background: #fff;
}

#products #cnt_area03 .table_ptn01 tr{
border-bottom: 1px solid #E5E5E4;
font-size: 14px;
}

#products #cnt_area03 .table_ptn01 tr:last-of-type{
border-bottom: none;
}

#products #cnt_area03 .table_ptn01 th{
font-weight: 500;
line-height: 20px;
padding: 14px 0 14px 26px;
width: 205px;
text-align: left;
vertical-align: middle;
}

#products #cnt_area03 .table_ptn01 td{
line-height: 28px;
color: #5F5F5F;
padding: 14px 23px;
width: calc(100% - 205px);
}

#products #cnt_area03 .table_ptn01 tr:last-of-type th{
vertical-align: top;
padding-top: 28px;
}

#products #cnt_area03 .table_ptn01 td img{
max-width: 520px;
width: 100%;
margin-top: 36px;
}

#products #cnt_area03 .table_ptn01 .btn_type02{
margin: 103px auto 40px;
max-width: 393px;
}

#products #cnt_area03 .table_ptn01 .btn_type02 a{
padding: 17px 0 16px;
}

#products #cnt_area04{
margin-bottom: 120px;
}

#products #cnt_area04 h4{
font-weight: 700;
font-size: 20px;
color: #000000;
text-align: center;
margin-bottom: 24px;
}

#products #cnt_area04 .movie_box{
max-width: 800px;
width: 76.93%;
margin: 0 auto 86px;
border-radius: 10px;
position: relative;
}

#products #cnt_area04 .movie_box .icon{
max-width: 108px;
width: 100%;
border-radius: 100%;
background: #E84709;
height: 108px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
display: flex;
align-items: center;
justify-content: center;
z-index: 1;
}

#products #cnt_area04 .movie_box .icon img{
max-width: 46px;
width: 100%;
margin: 0 auto;
}

#products #cnt_area04 .movie_box .preimg{
border-radius: 10px;
position: relative;
}

#products #cnt_area04 .movie_box .preimg::before{
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(255,255,255,.7);
}

#products #cnt_area04 .movie_box .preimg img{
border-radius: 10px;
}

/*makeshop追加*/
#products #cnt_area01 .cnt_text .makeshop-option-label{
/* display: none; */
font-size: 16px;
color: #393939;
font-weight: 500;
margin: 0 0 12px;
line-height: 25.5px;
}

#products #cnt_area01 .cnt_text .makeshop-option-wrap {
margin: 0;
}

#products #cnt_area01 .wrapping_box .makeshop-option-select-wrap{
position: relative;
}

#products #cnt_area01 .wrapping_box .makeshop-option-select-wrap::after{
content: "";
display: block;
width: 11px;
height: 9px;
border: none;
box-shadow: none;
background: url(../common/img/icon_arrow01.png) no-repeat center center/100% auto;
position: absolute;
top: 50%;
right: 20px;
transform: translateY(-50%) rotate(180deg);
}


#products #cnt_area01 .cnt_img .thumbnail_slider,
#products #cnt_area01 .cnt_img .thumbnail_slider .slick-list,
#products #cnt_area01 .cnt_img .thumbnail_slider .slick-track{
width: 100%!important;
}

#products + .purchase_btn{
display: none!important;
}

#products #cnt_area04 .youtube_box{
max-width: 800px;
width: 76.93%;
height: auto;
margin: 0 auto 86px;
border-radius: 10px;
overflow: hidden;
position: relative;
padding: 21.6% 0;
cursor: pointer;
}

#products #cnt_area04 .player {
position: absolute;
top: 0;
left: 0;
z-index: 1;
}

#products #cnt_area04 .youtube_thumb {
position: absolute;
top: 0;
left: 0;
z-index: 2;
width: 100%;
height: 100%;
}

#products #cnt_area05 .contents_in {
padding-bottom: 100px;
}

/* #products #cnt_area05 .ecbn-selection-wrapper .ecbn-selection-footer2 {
display: none!important;
}  */

/*----------
03.KAWAI’S EDUCATIONAL TOYS
----------*/

#education .contents_in{
max-width: 1280px;
position: relative;
}

#education .page_title_box{
padding-bottom: 40px;
}

#education #cnt_area01 .contents_in{
padding: 0 0 114px;
}

#education #cnt_area01 .mv{
max-width: 430px;
width: 100%;
margin: 0 auto 39px;
}

#education #cnt_area01 .catchcopy{
font-size: 20px;
letter-spacing: 0.04em;
line-height: 52px;
text-align: center;
margin: 0 auto 28px;
}

#education #cnt_area01 p{
font-size: 15px;
letter-spacing: 0.04em;
line-height: 40px;
text-align: center;
position: relative;
z-index: 1;
}

#education #cnt_area01 p.text01::after{
content: "";
display: block;
width: 1px;
height: 50px;
margin: 46px auto 40px;
background: #333333;
}

#education #cnt_area01 .cnt_img{
max-width: 800px;
width: 100%;
margin: 103px auto 28px;
}

#education .cnt_area .h3_en{
text-transform: uppercase;
color: #E84709;
font-weight: 500;
font-size: 16px;
line-height: 22px;
/* margin-bottom: 15px; */
margin-bottom: 7px;
font-family: 'Avenir';
font-weight: 500;
}

#education .cnt_area h3{
font-weight: 500;
font-size: 20px;
letter-spacing: 0.04em;
line-height: 29px;
/* margin-bottom: 12px; */
margin-bottom: 40px;
}

/* #education .cnt_area h3:after{
content: "";
display: block;
margin: 20px 0 0 13px;
width: 1px;
height: 31px;
background: #333333;
} */

#education .cnt_area .cnt_box{
max-width: 1160px;
width: 100%;
margin: 0 0 100px auto;
display: flex;
align-items: center;
justify-content: space-between;
}

#education .cnt_area .cnt_img{
max-width: 617px;
width: 53.19%;
position: relative;
}

#education .cnt_area .cnt_img .img{
border-radius: 10px 0 0 10px;
position: relative;
z-index: 2;
}

#education .cnt_area .cnt_text{
max-width: 444px;
width: 38.28%;
position: relative;
z-index: 2;
}

#education .cnt_area .cnt_text p{
font-size: 15px;
letter-spacing: 0.04em;
line-height: 32px;
}

#education .cnt_area .cnt_box.direction_row{
flex-direction: row-reverse;
margin: 0 0 100px;
}

#education .cnt_area .cnt_box.direction_row .cnt_img .img{
border-radius: 0 10px 10px 0;
}

#education #cnt_area02{
background: #FCF5ED;
}

#education #cnt_area02 .contents_in{
padding: 120px 0 28px;
}

#education #cnt_area02 .cnt_img .small_cnt_img{
max-width: 408px;
width: 66.13%;
margin: -24.64% -48.63% 0 auto;
border-radius: 10px;
}

#education #cnt_area02 .cnt_box03{
align-items: start;
}

#education #cnt_area02 .cnt_box03 .cnt_text{
margin-top: 115px;
}

#education #cnt_area03 .contents_in{
padding: 130px 0 26px;
}

#education #cnt_area03 .cnt_box{
align-items: start;
}

/*----------
04.Wrapping
----------*/
#wrapping .contents_in{
position: relative;
}

#wrapping .cnt_area .contents_in{
max-width: 1280px;
}

#wrapping .cnt_area .h3_en{
color: #E84709;
font-weight: 500;
font-size: 16px;
line-height: 22px;
/* margin-bottom: 15px; */
margin-bottom: 7px;
text-transform: uppercase;
font-family: 'Avenir';
font-weight: 500;
}

#wrapping .cnt_area h3{
font-weight: 500;
font-size: 20px;
letter-spacing: 0.04em;
line-height: 29px;
margin-bottom: 12px;
}

/* #wrapping .cnt_area h3:after{
content: "";
display: block;
margin: 20px 0 0 13px;
width: 1px;
height: 31px;
background: #333333;
} */

#wrapping .cnt_area .cnt_box{
max-width: 1160px;
width: 100%;
margin: 0 0 0 auto;
display: flex;
align-items: center;
justify-content: space-between;
}

#wrapping .cnt_area .cnt_img{
max-width: 617px;
width: 53.19%;
position: relative;
}

#wrapping .cnt_area .cnt_img .img{
border-radius: 10px 0 0 10px;
position: relative;
z-index: 2;
}

#wrapping .cnt_area .cnt_text{
max-width: 445px;
width: 38.37%;
position: relative;
z-index: 2;
}

#wrapping .cnt_area .cnt_text p{
font-size: 15px;
letter-spacing: 0.04em;
line-height: 40px;
}

#wrapping .cnt_area .cnt_box.direction_row{
flex-direction: row-reverse;
margin: 0 auto 0 0;
}

#wrapping .cnt_area .cnt_box.direction_row .cnt_img .img{
border-radius: 0 10px 10px 0;
}

#wrapping #cnt_area01 .contents_in{
padding-bottom: 124px;
}

#wrapping #cnt_area01 .cnt_img{
max-width: 800px;
margin: 0 auto 47px;
border-radius: 10px;
overflow: hidden;
}

#wrapping #cnt_area01 p{
font-size: 15px;
letter-spacing: 0.04em;
line-height: 40px;
text-align: center;
}

#wrapping #cnt_area02 .contents_in{
max-width: 1280px;
padding-bottom: 130px;
}

#wrapping #cnt_area02 .title{
text-align: center;
margin: 0 auto 19px;
font-size: 22px;
line-height: 30px;
color: #363636;
text-transform: uppercase;
font-family: 'Avenir';
font-weight: 700;
}

#wrapping #cnt_area02 .title span{
font-size: 42px;
line-height: 57px;
display: inline-block;
vertical-align: sub;
}

#wrapping #cnt_area02 .title .blue_text{
color: #1D2087;
margin-right: 15px;
font-family: 'Avenir';
font-weight: 700;
}

#wrapping #cnt_area02 .title .red_text{
color: #E84709;
margin-left: 15px;
font-family: 'Avenir';
font-weight: 700;
}

#wrapping #cnt_area02 p{
text-align: center;
font-size: 15px;
letter-spacing: 0.04em;
line-height: 40px;
margin-bottom: 30px;
}

#wrapping #cnt_area02 .cnt_img{
display: flex;
align-items: start;
justify-content: space-between;
max-width: 1040px;
margin: 0 auto;
width: calc(100% - 40px);
}

#wrapping #cnt_area02 .cnt_img img{
/* width: 50%; */
width: 48.5%;
max-width: 500px;
border-radius: 10px;
}

#wrapping #cnt_area03{
background: #FCF5ED;
}

#wrapping #cnt_area03 .contents_in{
padding: 120px 0;
}

#wrapping #cnt_area03 h3 {
margin-bottom: 52px;
}

/* #wrapping #cnt_area04{
background: #FCF5ED;
} */

#wrapping #cnt_area04 .contents_in{
padding: 120px 0;
max-width: 1280px;
}

#wrapping #cnt_area04 h3 {
margin-bottom: 40px;
}

#wrapping #cnt_area04 .cnt_box{
max-width: none;
display: block;
}

#wrapping #cnt_area04 .cnt_text{
max-width: 800px;
width: 100%;
margin: 0 auto 86px;
text-align: center;
}

/* #wrapping #cnt_area04 h3:after{
margin: 20px auto 13px;
} */

#wrapping #cnt_area04 .cnt_img{
max-width: none;
width: 100%;
display: flex;
align-items: start;
justify-content: space-between;
}

#wrapping #cnt_area04 .cnt_img .pic{
position: relative;
max-width: 563px;
width: 43.99%;
padding: 94px 0 0;
}

#wrapping #cnt_area04 .cnt_img .pic span{
display: block;
position: absolute;
/* top: 0; */
top: 8px;
left: 0;
font-weight: 300;
font-size: 100px;
line-height: 136px;
font-family: 'Avenir';
font-weight: 700;
}

#wrapping #cnt_area04 .cnt_img .pic .blue{
color: #1D2087;
}

#wrapping #cnt_area04 .cnt_img .pic .red{
color: #E84709;
}

#wrapping #cnt_area05 .contents_in{
padding: 120px 0 183px;
}

#wrapping #cnt_area05 .btn_type02{
margin: 45px 0 0;
}

#wrapping #cnt_area06 .contents_in{
padding-bottom: 130px;
}

#wrapping #cnt_area06 .icon{
max-width: 149px;
width: 100%;
margin: 0 auto 60px;
}

#wrapping #cnt_area06 .visumo_g{
display: flex;
align-items: start;
justify-content: space-between;
margin: 0 auto 59px;
}

#wrapping #cnt_area06 .visumo_g li{
max-width: 327px;
width: 31.45%;
}

#wrapping #cnt_area06 p{
font-size: 14px;
letter-spacing: 0.04em;
line-height: 36px;
text-align: center;
margin: 0 0 46px;
}

#wrapping #cnt_area06 .insta_tag{
font-size: 0;
text-align: center;
margin-bottom: 73px;
}

#wrapping #cnt_area06 .insta_tag li{
border: 1px solid #919191;
border-radius: 3px;
color: #919191;
font-size: 12px;
line-height: 1;
padding: 6px 10px 7px;
display: inline-block;
margin: 0 7px 0px 0;
}




/*----------
05.VISUMO
----------*/

#visumo #cnt_area01 .contents_in{
max-width: 1280px;
position: relative;
padding-bottom: 86px;
}

#visumo #cnt_area01 p{
font-size: 15px;
letter-spacing: 0.04em;
line-height: 40px;
text-align: center;
margin: 0 auto 33px;
}

#visumo #cnt_area01 .tag{
display: flex;
align-items: start;
justify-content: center;
margin-bottom: 24px;
}

#visumo #cnt_area01 .tag li{
border: 1px solid #333333;
padding: 5px 10px;
display: inline-block;
font-size: 15px;
letter-spacing: 0.04em;
line-height: 1;
border-radius: 5px;
margin: 0 7.5px;
}

#visumo #cnt_area02{
position: relative;
z-index: 1;
background: #FCF5ED;
}

#visumo #cnt_area02 .contents_in{
padding: 72px 0 70px
}

#visumo #cnt_area02 h3{
text-align: center;
font-weight: 700;
font-size: 26px;
line-height: 29px;
margin: 0 auto 73px;
text-transform: capitalize;
}

#visumo #cnt_area02 h3::after{
content: "";
display: block;
width: 32px;
height: 3px;
margin: 15px auto 0;
background: #000000;
}

#visumo #cnt_area02 .instagram_g{
display: flex;
align-items: start;
flex-wrap: wrap;
}

#visumo #cnt_area02 .instagram_g li{
max-width: 327px;
width: 31.45%;
margin: 0 2.825% 30px 0;
}

#visumo #cnt_area02 .instagram_g li:nth-of-type(3n){
margin-right: 0;
}

/*-------
06.cart
-------*/
#cart{
padding-bottom: 150px;
}
#cart .cart-list-head{
align-items: center;
border-top: 1px solid #E5E5E4;
border-bottom: 1px solid #E5E5E4;
}

#cart .cart-list-head .cart-list-title{
color: #707070;
}

#cart .cart-list-item{
border-bottom: 1px dotted #E5E5E4;
}

#cart .cart-list-detail a{
color: #393939;
font-weight: 500;
}

#cart .cart-list-option-item{
color: #707070;
}

#cart .cart-list-price.cart-list-unit{
text-align: left;
}

#cart .cart-list-total-price{
color: #393939;
font-weight: 500;
}

#cart .cart-list-quantity input{
border: 1px solid #D3D3D3;
padding: 3px 8px;
}

#cart .cart_btn{
max-width: 295px;
width: 100%;
margin: 0 auto;
}

#cart .cart_btn a{
width: 100%;
display: block;
border-radius: 40px;
background: #E84709;
text-align: center;
padding: 14px 0 15px;
transition: .3s;
line-height: 1;
}

#cart .cart_btn a:hover{
background: #F1C046;
}

#cart .cart_btn a span{
font-weight: 700;
font-size: 18px;
color: #fff;
}

#cart .btn_type01{
max-width: 170px;
text-align: left;
margin: 30px auto;
}

#cart .btn_type01:hover::after{
left: auto;
right: -100%;
}

#cart .cart-quantity-btn {
background: #D3D3D3;
color: #fff;
font-size: 14px;
padding: 4px 10px 3px;
border: 1px solid #d3d3d3;
}

#cart .cart-total label{
font-size: 16px;
line-height: 1;
color: #393939;
}

#cart .cart-total {
font-size: 20px;
align-items: center;
padding: 16px 8px 5px;
color: #393939;
border-bottom: 2px solid #393939;
}

table.responsiveDesignSectionUser{
max-width:850px!important;
margin:0 auto 20px;
}

/*-----------
07.contract
-----------*/
#contract .page_title_box {
padding: 85px 0;
}

#contract .cnt_area{
padding: 0 0 71px;
max-width: 826px;
}

#contract .contract_item{
text-align: left;
margin-bottom: 14px;
padding:  0 20px 14px 25px;
display: flex;
align-items: flex-start;
border-bottom: 1px solid #E5E5E4;
}

#contract .contract_title{
font-size: 14px;
font-weight: 500;
line-height: 28.7px;
width: 185px;
}

#contract .contract_content{
width: calc(100% - 185px);
font-size: 14px;
font-weight: 400;
line-height: 28.7px;
color: #5F5F5F;
}

/*----------
08.company
----------*/
#company .page_title_box {
padding: 85px 0 75px;
}

#company .cnt_area{
padding: 0 0 100px;
max-width: 826px;
}

#company table.table_a{
border: 1px solid #A7A7A7;
}

#company table.table_a th{
font-size: 16px;
text-align: left;
line-height: 30px;
padding: 17px 10px;
width: 167px;
}

#company table.table_a th.bg_gray{
font-size: 14px;
font-weight: 400;
line-height: 20px;
padding: 5px 12px;
background: #A7A7A7;
width: 128px;
}

#company table.table_a td{
font-size: 14px;
line-height: 20px;
padding: 20px 15px;
width: calc(100% - 295px);
vertical-align: middle;
}

#company table.table_a td span{
display: inline-block;
}


/*------
09.faq
------*/
#faq .page_title_box {
padding: 85px 0;
}

#faq .cnt_area{
padding: 0 0 120px;
max-width: 827px;
}

#faq .cnt_area .question_box{
margin-bottom: 15px;
padding: 0 26px 0 20px;
border: 1px solid #E5E5E4;
}

#faq .cnt_area .question{
cursor: pointer;
position: relative;
padding: 18px 30px 15px 0;
display: flex;
align-items: center;
justify-content: flex-start;
}

#faq .cnt_area .question::after{
content: "";
position: absolute;
top: 28px;
right: 26px;
border: 5.5px solid transparent;
border-top: 6px solid #F9BF11;
transition: .3s;
}

#faq .cnt_area .question.open::after{
transform:rotateZ(180deg);
}

#faq .cnt_area .question .q_en{
font-family: "Noto Serif";
font-size: 16px;
font-weight: 500;
color: #E84709;
margin-right: 8px;
}

#faq .cnt_area .question .q_text{
font-size: 14px;
font-weight: 500;
line-height: 28.7px;
}

#faq .cnt_area .answer{
border-top: 1px solid #E5E5E4;
padding: 14px 33px 22px 0;
display: none;
}

#faq .cnt_area .answer .a_wrap{
display: flex;
align-items: flex-start;
justify-content: flex-start;
}

#faq .cnt_area .answer .a_en{
font-family: "Noto Serif";
font-size: 16px;
font-weight: 500;
color: #E84709;
margin-right: 8px;
}

#faq .cnt_area .answer .a_text{
width: calc(100% - 24px);
font-size: 14px;
font-weight: 400;
line-height: 28.7px;
color: #5F5F5F;
}

#faq .cnt_area .answer .a_text .cnt_img{
width: 90%;
max-width: 600px;
margin: 20px auto;
display: block;
}

#faq .cnt_area .answer .a_text .a_link{
position: relative;
transition: .3s;
overflow: hidden;
color: #5F5F5F;
}

#faq .cnt_area .answer .a_text .a_link:hover{
opacity: .7;
color: #5F5F5F;
}

#faq .cnt_area .answer .a_text .a_link::after{
content: "";
position: absolute;
display: block;
width: 100%;
height: 1px;
background: #5F5F5F;
bottom: 0;
right: 0;
transition: .3s;
}

#faq .cnt_area .answer .a_text .a_link:hover::after{
transform: scale(0);
}

#faq .cnt_area .answer .a_text .r_txt{
color: #E84709;
}

#faq .cnt_area .answer .a_text .table_wrap{
margin: 20px auto;
width: 100%;
max-width: 550px;
}

#faq .cnt_area .answer .a_text .table_wrap table{
width: 100%;
}

#faq .cnt_area .answer .a_text .table_wrap tr:first-child th{
text-align: center;
line-height: 20px;
vertical-align: middle;
padding: 6px 0;
background: #5F5F5F;
color: #fff;
border-right: 1px solid #fff;
}

#faq .cnt_area .answer .a_text .table_wrap tr:first-child th span{
display: block;
font-size: 12px;
}

#faq .cnt_area .answer .a_text .table_wrap tr:first-child th:first-child{
width: 14%;
}

#faq .cnt_area .answer .a_text .table_wrap tr:first-child th:nth-child(2){
width: 50%;
}

#faq .cnt_area .answer .a_text .table_wrap tr:first-child th:nth-child(3){
width: 13%;
}

#faq .cnt_area .answer .a_text .table_wrap tr:first-child th:nth-child(4){
width: 23%;
border-right: none;
}

#faq .cnt_area .answer .a_text .table_wrap td{
text-align: center;
border: 1px solid #5F5F5F;
vertical-align: middle;
padding: 6px;
}

#faq .cnt_area .answer .a_text .table_wrap td .caution{
font-size: 12px;
}

#faq .cnt_area .answer .a_text .table_wrap tr.bg_yellow{
background: rgba(255,255,204,.35);
}

#faq .cnt_area .answer .a_text .table_wrap tr.bg_blue{
background: rgba(153,255,255,.35);
}

#faq .cnt_area .answer .a_text .table_wrap tr.bg_pink{
background: rgba(255,204,255,.35);
}

#faq .cnt_area .answer .a_text .a_bg_box{
background: #F7F7F7;
border-radius: 10px;
padding: 20px;
margin: 15px auto;
}

/*----------
10.returns
----------*/
#returns .page_title_box {
padding: 85px 0 75px;
}

#returns .table_wrap{
padding-bottom: 100px;
max-width: 826px;
}

#returns table.table_a th {
text-align: left;
font-size: 16px;
padding: 17px 10px;
width: 200px;
}

#returns table.table_a td {
font-size: 14px;
line-height: 28px;
color: #333333;
padding: 20px 23px;
width: calc(100% - 200px);
border-color: #464646;
}

/*--------
11.guide
--------*/
#guide .page_title_box{
padding: 85px 0 94px;
}

#guide .contents_in{
max-width: 826px;
}

#guide h2.ttl{
font-size: 20px;
font-weight: 700;
line-height: 1;
margin-bottom: 48px;
}

#guide .cnt_box01{
padding-bottom: 65px;
}

#guide .cnt_box01 .cnt_g{
width: calc(100% - 35.5px);
margin: 0 0 0 35.5px;
position: relative;
padding-bottom: 60px;
border-left: 1px solid #464646;
min-height: 133px;
}

#guide .cnt_box01 .cnt_g:last-child{
border-left: none;
}

#guide .cnt_box01 .cnt_g .step{
position: absolute;
top: 0;
left: -35.5px;
color: #fff;
background: #464646;
width: 71px;
text-align: center;
font-family: "Avenir";
font-weight: 700;
font-size: 36px;
line-height: 1;
padding: 11px 0 7px;
}

#guide .cnt_box01 .cnt_g .step span{
display: block;
font-weight: 300;
font-size: 19px;
}

#guide .cnt_box01 .cnt_g .cnt_text{
padding-left: 80px;
}

#guide .cnt_box01 .cnt_g .cnt_text h3{
font-size: 16px;
font-weight: 700;
line-height: 24px;
letter-spacing: .04em;
border-bottom: 1px solid #D1D1D1;
padding-bottom: 10px;
margin-bottom: 10px;
}

#guide .cnt_box01 .cnt_g .cnt_text p{
font-size: 14px;
font-weight: 400;
line-height: 28px;
letter-spacing: .04em;
}

#guide .cnt_box01 .cnt_g .cnt_text ul li{
text-indent: -1em;
padding-left: 1em;
font-size: 14px;
font-weight: 400;
line-height: 28px;
letter-spacing: .04em;
}

#guide .cnt_box02{
padding-bottom: 83px;
}

#guide .cnt_box02 .des_text{
font-size: 14px;
font-weight: 400;
line-height: 28px;
letter-spacing: .04em;
margin-bottom: 25px;
}

#guide .cnt_box02 .cnt_g{
padding: 30px;
border-radius: 10px;
background: #F5F5F5;
margin-bottom: 45px;
}

#guide .cnt_box02 .cnt_g h3{
font-size: 16px;
font-weight: 700;
line-height: 24px;
letter-spacing: .04em;
margin-bottom: 15px;
}

#guide .cnt_box02 .cnt_g p{
font-size: 14px;
font-weight: 400;
line-height: 28px;
}

#guide .cnt_box02 .cnt_g ul li{
font-size: 14px;
font-weight: 400;
line-height: 28px;
text-indent: -1em;
padding-left: 1em;
}

#guide .cnt_box02 .cnt_g .cnt_img{
margin: 25px 0;
max-width: 577.16px;
border-radius: 5px;
overflow: hidden;
}

#guide .cnt_box02 .cnt_g.g_02 .cnt_img{
max-width: 647px;
}

#guide .cnt_box02 .cnt_g.g_03 .cnt_img{
max-width: 634px;
}

#guide .cnt_box03{
padding-bottom: 130px;
}

#guide .cnt_box03 table.table_a th {
font-size: 16px;
text-align: left;
line-height: 40px;
width: 200px;
}

#guide .cnt_box03 table.table_a td{
font-size: 14px;
line-height: 28px;
padding: 20px 23px;
width: calc(100% - 200px);
border-color: #464646;
}

/*--------
12.login
--------*/
#login header .contents_in{
padding: 60px 0 55px;
display: block;
}

#login header .h1_tittle{
max-width: 100%;
}

#login header .h1_tittle img{
max-width: 176px;
width: 100%;
margin: 0 auto 15px;
}

#login header .h1_tittle span{
text-align: center;
font-size: 19px;
display: block;
}

#login .cnt_area{
background: #FCF5ED;
padding: 50px 0 43px;
text-align: center;
margin-top: 190px;
}

#login .cnt_area h2{
font-size: 28px;
font-weight: 700;
line-height: 1;
margin-bottom: 60px;
}

#login .cnt_area .cnt_g{
margin: 0 auto 60px;
}


#login .cnt_area .cnt_g p{
font-size: 18px;
font-weight: 500;
line-height: 1.2;
margin-bottom: 30px;
}

#login .cnt_area .cnt_g .login_btn{
display: block;
width: 100%;
max-width: 378px;
text-align: center;
color: #fff;
background: #1D2087;
border-radius: 37px;
font-size: 18px;
font-weight: 700;
line-height: 1;
padding: 28px 0 27px;
margin: 0 auto;
transition: .3s;
}

#login .cnt_area .cnt_g .login_btn:hover{
background: #F1C046;
}


#login .cnt_area .cnt_g.login{
padding: 80px 0;
}

#login .cnt_area .cnt_g .btn_type01{
margin: 40px auto 0;
}

#login footer{
background: #fff;
}

#login footer .copyright{
color: #707070;
}

/*----------
13.contact
----------*/
#contact .page_title_box{
padding: 98.5px 0 100px;
}

#contact .contents_in{
max-width: 826px;
}

#contact .cnt_box{
margin-bottom: 70px;
}

#contact .cnt_box .ttl{
font-size: 20px;
font-weight: 700;
line-height: 29px;
margin-bottom: 20px;
}

#contact .cnt_box .table_a{
width: 100%;
}

#contact .cnt_box .table_a th{
padding: 14px 18px;
text-align: left;
width: 200px;
font-size: 14px;
font-weight: 400;
line-height: 20px;
}

#contact .cnt_box .table_a td{
font-size: 14px;
line-height: 28px;
padding: 10.5px 20px;
width: calc(100% - 200px);
}

#contact .cnt_box .table_wrap ul{
margin-top: 20px;
}

#contact .cnt_box .table_wrap ul li{
font-size: 14px;
font-weight: 400;
line-height: 28px;
letter-spacing: .04em;
text-indent: -1em;
padding-left: 1em;
}

#contact .cnt_box p{
font-size: 14px;
font-weight: 400;
line-height: 28px;
letter-spacing: .04em;
}

#contact .cnt_box.box02{
margin-bottom: 63px;
}

#contact .cnt_box.box02 .calendar_box{
display: flex;
align-items: flex-start;
justify-content: space-between;
border-radius: 10px;
background: #F5F5F5;
padding: 30px;
}

#contact .cnt_box.box02 .calendar_box .calendar_wrap{
width: 48.1%;
max-width: 368px;
}

#contact .cnt_box.box02 .calendar_box .calendar_wrap .calendar_head{
width: 100%;
background: #464646;
color: #fff;
font-size: 14px;
line-height: 20px;
letter-spacing: .04em;
font-weight: 500;
text-align: center;
padding: 10px 5px;
}

#contact .cnt_box.box02 .calendar_box .calendar_wrap table{
background: #fff;
width: 100%;
}

#contact .cnt_box.box02 .calendar_box .calendar_wrap table th,
#contact .cnt_box.box02 .calendar_box .calendar_wrap table td{
border: 1px solid #363636;
text-align: center;
vertical-align: middle;
padding: 5px 0;
}

#contact .cnt_box.box02 .calendar_box .calendar_wrap table th{
border-top: 1px solid #363636;
}

#contact .cnt_box.box02 .calendar_box .calendar_wrap table td.saturday,
#contact .cnt_box.box02 .calendar_box .calendar_wrap table td.sunday{
background: #FECBCC;
}

#contact .cnt_box.box02 .calendar_box .calendar_wrap table td.today{
background: #FCF5ED;
}

#contact .cnt_box.box02 .calendar_box .calendar_wrap .calendar_color_description{
display: flex;
align-items: center;
font-size: 12px;
font-weight: 400;
line-height: 19px;
letter-spacing: .04em;
margin-top: 10px;
}

#contact .cnt_box.box02 .calendar_box .calendar_wrap .calendar_color_description span{
display: inline-block;
width: 15px;
height: 15px;
margin-right: 15px;
}

#contact .cnt_box.box05{
margin-bottom: 100px;
}

#contact .cnt_box.box05 .btn_type02{
margin: 20px auto 0 0;
}

/*-------
14.news
-------*/
#news .page_title_box{
padding: 98.5px 0 75px;
}

#news .contents_in{
max-width: 827px;
}

#news .cnt_area{
padding-bottom: 120px;
}

#news .news_item{
width: 100%;
margin-bottom: 20px;
}

#news .news_item a{
width: 100%;
position: relative;
display: flex;
align-items: center;
padding: 19px 60px 18px 20px;
border: 1px solid #E5E5E4;
}

#news .news_item a::after{
content: "";
display: block;
width: 6px;
height: 11px;
border-left: 6px solid #F9BF11;
border-top: 5.5px solid transparent;
border-bottom: 5.5px solid transparent;
box-sizing: border-box;
position: absolute;
top: 22.5px;
right: 25px;
transition: all .1s;
}

#news .news_item a:hover::after{
right: 17px;
}

#news .news_item .news_date{
font-size: 12px;
font-weight: 400;
line-height: 17px;
letter-spacing: .04em;
color: #A7A7A7;
margin-right: 30px;
}

#news .news_item .news_title{
font-size: 14px;
font-weight: 500;
line-height: 20px;
color: #393939;
}

#news .pager{
margin-top: 50px;
}

/*--------------
15.news_detail
--------------*/
#news_detail .news_ttl_area{
padding: 98.5px 0 14.8px;
}

#news_detail .news_ttl_area .news_title{
text-align: center;
font-size: 28px;
font-weight: 700;
line-height: 35px;
margin-bottom: 25px;
}

#news_detail .news_ttl_area .news_date{
text-align: right;
font-size: 14px;
font-weight: 400;
line-height: 20px;
color: #A7A7A7;
}

#news_detail .cnt_news{
background: #FCF5ED;
font-size: 14px;
font-weight: 500;
line-height: 28.7px;
padding: 60px 0 118px;
}

#news_detail .cnt_news .contents_in{
max-width: 692px;
}

#news_detail .cnt_news img{
border-radius: 10px;
margin: 0 auto;
}

#news_detail .detail_pager{
margin: 77px auto 0;
display: flex;
align-items: center;
justify-content: center;
}

#news_detail .detail_pager .arrow{
display: block;
border: 1px solid #363636;
position: relative;
width: 39px;
height: 39px;
border-radius: 50%;
transition: .3s;
}

#news_detail .detail_pager .prev_arrow{
margin-right: 30px;
}

#news_detail .detail_pager .next_arrow{
margin-left: 30px;
}

#news_detail .detail_pager .arrow::after{
content: "";
position: absolute;
top: 50%;
left: 18px;
transform: translateY(-50%);
border: 5.5px solid transparent;
border-left: 6px solid #363636;
}

#news_detail .detail_pager .arrow.prev_arrow::after{
left: 15px;
border: 5.5px solid transparent;
border-right: 6px solid #363636;
border-left: none;
}

#news_detail .detail_pager .btn_back{
display: block;
width: 193px;
text-align: center;
border-radius: 26px;
border: 1px solid #363636;
color: #363636;
font-size: 15px;
font-weight: 400;
line-height: 39px;
transition: .3s;
}

#news_detail .detail_pager .arrow:hover,
#news_detail .detail_pager .btn_back:hover{
background: #fff;
}

/*----------
16.category
----------*/
#category .page_title_box {
text-align: center;
padding: 98px 0 66.5px;
}

#category .cnt_area{
padding-bottom: 70px;
width: calc(100% - 40px);
}

#category .count_area {
font-size: 14px;
line-height: 20px;
letter-spacing: .04em;
padding-bottom: 15px;
margin-bottom: 40px;
border-bottom: 1px solid #D1D1D1;
}

#category .category_list{
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}

#category .category_list::after{
content: "";
display: block;
width: 31.5%;
}

#category .category_list .item{
width: 31.5%;
max-width: 327px;
margin: 0 0 30px;
}

#category .category_list .item .item_img{
margin-bottom: 30px;
border-radius: 10px;
overflow: hidden;
}

#category .category_list .item .item_name{
font-size: 18px;
font-weight: 700;
line-height: 32px;
color: #000000;
margin-bottom: 20px;
}

#category .category_list .item .item_price{
margin-bottom: 35px;
font-size: 28px;
font-weight: 500;
line-height: 40px;
}

#category .category_list .item .item_price .withouttax{
margin-left: 10px;
font-size: 16px;
font-weight: 400;
line-height: 24px;
color: #848484;
}

#category .empty{
text-align: center;
font-size: 14px;
}

#category #pager{
margin-top: 60px;
}

#category .category_list .item a{
color: #333;
}

#category .category_list .item a:hover{
opacity: 1;
}

#category .category_list .item .item_img {
transition: .3s;
position: relative;
}

#category .category_list .item .item_img::after{
content:"";
position: absolute;
display:block;
pointer-events: none;
background: #FCF5ED;
border-radius: 10px;
width: 100%;
height: 100%;
top:0;
left:0;
opacity: 0;
transition: .3s;
}

#category .category_list .item a:hover .item_img::after{
opacity: .5;
}

#category .category_list .item .item_name {
    margin-bottom: 10px;
}

#category .category_list .item .item_price {
margin-bottom: 0;
font-size: 24px;
line-height: 30px;
}

#category .category_list .item .item_price .withouttax {
font-size: 14px;
}














/*visumoタグ*/
#top .ecbn-selection-widget ul{
display: flex;
flex-wrap: wrap;
width: 100%!important;
align-items: start;
justify-content: space-between;
margin: 0 auto 59px!important;
}

.vsm-tile .ecbn-selection-page-wrapper li.ecbn-selection-item{
padding: 0!important;
position: relative!important;
top: auto!important;
left: auto!important;
display: none!important;
border-radius: 10px;
max-width: 327px!important;
width: 31.45%!important;
overflow: hidden;
}

.vsm-tile .ecbn-selection-page-wrapper li.ecbn-selection-item:nth-child(1),
.vsm-tile .ecbn-selection-page-wrapper li.ecbn-selection-item:nth-child(2),
.vsm-tile .ecbn-selection-page-wrapper li.ecbn-selection-item:nth-child(3),
.vsm-tile .ecbn-selection-page-wrapper li.ecbn-selection-item:nth-child(4),
.vsm-tile .ecbn-selection-page-wrapper li.ecbn-selection-item:nth-child(5),
.vsm-tile .ecbn-selection-page-wrapper li.ecbn-selection-item:nth-child(6){
display: block!important;
}

.vsm-tile .ecbn-selection-page-wrapper li.ecbn-selection-item:nth-child(4),
.vsm-tile .ecbn-selection-page-wrapper li.ecbn-selection-item:nth-child(5),
.vsm-tile .ecbn-selection-page-wrapper li.ecbn-selection-item:nth-child(6){
margin-top: 30px;
}

#top .ecbn-widget-loading-container{
display: none!important;
}

.ecbn-selection-image-loading-more,
.ecbn-selection-wrapper .ecbn-selection-title,
.ecbn-selection-page-wrapper .ecbn-selection-title,
.ecbn-selection-page-wrapper .ecbn-selection-footer2,
.ecbn-selection-wrapper .ecbn-selection-to-nextpage > a.ecbn-selection-to-nextpage-btn,
.ecbn-selection-page-wrapper .ecbn-selection-to-nextpage > a.ecbn-selection-to-nextpage-btn{
display: none!important;
}

#visumo .ecbn-selection-widget ul{
width: 100%!important;
display: flex;
align-items: start;
flex-wrap: wrap;
justify-content: flex-start;
margin: 0 auto!important;
height: auto!important;
}

#visumo .vsm-gallery .ecbn-selection-page-wrapper li.ecbn-selection-item{
position: relative!important;
top: auto!important;
left: auto!important;
max-width: 327px!important;
width: 31.45%!important;
margin: 0 2.825% 30px 0!important;
display: block;
border-radius: 10px;
overflow: hidden;
padding: 0!important;
}

#visumo .vsm-gallery .ecbn-selection-page-wrapper li.ecbn-selection-item:nth-child(3n){
margin-right: 0!important;
}

/*トップラボエリア追加　2023/04/04*/
#top #labo_area .contents_in {
padding: 80px 0;
}

#top #labo_area .title_g .icon {
max-width: 98px;
margin-bottom: 75px;
}

#top #labo_area .pic_g {
display: flex;
align-items: start;
justify-content: space-between;
margin: 60px 0 80px;
}

#top #labo_area .pic_g li {
max-width: 327px;
width: 31.45%;
border-radius: 10px;
overflow: hidden;
border: 1px solid #E2E2E2;
}

/*-------
18.labo
-------*/
/*----------------------キービジュアルここから------------------------*/

#labo #main_visual_area{
position: relative;
margin-top: 86px;
}

#labo #main_visual_area::after{
content: "";
display: block;
position: absolute;
width: 100%;
height: 1%;
background: #EBFAF8;
left: 0;
bottom: -0.5%;
}

#labo #main_visual_area .mv_items .mv_item{
position: absolute;
}

#labo #main_visual_area .mv_items .item01{
width: 8.44%;
top: 14.3%;
left: 5.3%;
}

#labo #main_visual_area .mv_items .item02{
width: 8.44%;
top: 14.3%;
right: 5.4%;
}

#labo #main_visual_area .mv_items .item03 {
width: 13.93%;
bottom: 18.1%;
left: 10.8%;
}

#labo #main_visual_area .mv_items .item04 {
width: 69.73%;
bottom: 0.5%;
left: 15.2%;
z-index: 1;
}

#labo #main_visual_area .mv_items .item17 {
width: 6.45%;
bottom: 7.5%;
left: 17.6%;
}

#labo #main_visual_area .mv_items .item05 {
width: 6.59%;
bottom: 15.35%;
left: 35.6%;
}

#labo #main_visual_area .mv_items .item06 {
width: 8.31%;
left: 26.4%;
bottom: 39.6%;
}

#labo #main_visual_area .mv_items .item07 {
width: 14.18%;
right: 20.7%;
bottom: 17.68%;
z-index: 1;
}

#labo #main_visual_area .mv_items .item16 {
width: 9.9%;
right: 25.94%;
bottom: 33.99%;
z-index: 2;
}

#labo #main_visual_area .mv_items .item08 {
width: 23.92%;
right: 4.2%;
bottom: 16.4%;
}

#labo #main_visual_area .mv_items .item09 {
width: 2.38%;
right: 17%;
top: 32%;
}

#labo #main_visual_area .mv_items .item10 {
width: 1.91%;
right: 41.2%;
top: 2.8%;
}

#labo #main_visual_area .mv_items .item11 {
width: 10.2%;
right: 21.5%;
top: -1.2%;
}

#labo #main_visual_area .mv_items .item12 {
width: 5.39%;
right: 32.5%;
top: 33.5%;
z-index: 3;
}

#labo #main_visual_area .mv_items .item13 {
width: 7.41%;
right: 39.9%;
top: 28.3%;
}

#labo #main_visual_area .mv_items .item14 {
width: 6.6%;
left: 38.9%;
top: 1.9%;
}

#labo #main_visual_area .mv_items .item15 {
width: 5.21%;
right: 11.38%;
bottom: 31.3%;
}

/*----------------------キービジュアルここまで------------------------*/

#labo .cnt_area{
padding: 120px 0;
}

#labo .cnt_area.green_area{
background: #EBFAF8;
}

#labo .cnt_area h2{
font-size: 28px;
font-weight: 700;
line-height: 31px;
text-align: center;
margin-bottom: 60px;
}

#labo .cnt_area .img_slider{
margin-bottom: 60px;
}

#labo .cnt_area .img_slider .slick-slide img {
border-radius: 10px;
-webkit-transform: scale(0.8065);
transform: scale(0.8065);
-webkit-transition: 0.3s;
transition: 0.3s;
border: 1px solid #E2E2E2;
}

#labo .cnt_area .img_slider .slick-slide.slick-active img {
-webkit-transform: scale(1);
transform: scale(1);
}

#labo .cnt_area .img_slider .slick-dots{
display: flex;
align-items: center;
justify-content: center;
margin-top: 55px;
}

#labo .cnt_area .img_slider .slick-dots li{
display: inline-block;
padding: 0;
margin: 0 15px;
width: 9px;
height: 9px;
border-radius: 50%;
}

#labo .cnt_area .img_slider .slick-dots li button{
display: block;
padding: 0;
margin: 0!important;
width: 9px;
height: 9px;
border-radius: 50%;
border: none;
font-size: 0;
color: transparent;
background: #E8E8E8;
}

#labo .cnt_area .img_slider .slick-dots li.slick-active button{
background: #F2B811;
}

#labo .cnt_area .txt{
font-size: 15px;
font-weight: 400;
line-height: 2;
text-align: center;
margin-bottom: 60px;
letter-spacing: .04em;
}

#labo .cnt_area .btn_type02.blank a::after {
width: 18px;
height: 18px;
border: none;
background: url(../img/labo/icon_blank.png) no-repeat center/contain;
right: 20px;
}

#labo #cnt_area01 .first_txt{
font-size: 15px;
font-weight: 400;
line-height: 2;
text-align: center;
letter-spacing: .04em;
}

#labo #cnt_area01 .first_txt::after{
content: "";
display: block;
width: 1px;
height: 50px;
background: #333333;
margin: 60px auto 0;
}

#labo #cnt_area02 .btn_type02 a {
background: #E84709;
}

#labo #cnt_area02 .btn_type02:hover a {
background: #F1C046;
}

#labo #bottom_img_area{
position: relative;
}

#labo #bottom_img_area .bottom_items .bottom_item{
position: absolute;
}

#labo #bottom_img_area .bottom_items .item01{
width: 6.87%;
top: 28%;
right: 24%;
}

#labo #bottom_img_area .bottom_items .item02{
width: 37.36%;
top: 10%;
left: 9%;
}

#labo #bottom_img_area .bottom_items .item03{
width: 8.38%;
bottom: 7.2%;
right: 27.9%;
}

#labo #bottom_img_area .bottom_items .item04{
width: 7.52%;
bottom: -1.5%;
right: 31.95%;
}