@charset "UTF-8";
/* CSS Document */
/*--------------------
01.top
02.ブログ
02-01.ブログ詳細
03.お知らせ
03-01.お知らせ詳細
04.ミクステンドについて
05.プロダクト紹介
06.会社概要
07.メンバー
08.プレスキット・素材ダウンロード
09.採用情報
10.募集要項
10-01.募集職種詳細
11.エントリーフォーム
12.お問い合わせフォーム
13.情報セキュリティ方針
14.プライバシーポリシー
15.404
--------------------*/

@media only screen and (max-width:1024px){
/*----------
01.top 1024
----------*/
#top #mainvisual_area .catchcopy_g .catchcopy{
font-size: clamp(35px, 5.32vw, 102px);
}

#top #mainvisual_area .about_g .catchcopy_text{
font-size: clamp(24px, 2.5vw, 48px);
}

#top #mainvisual_area .about_g p{
padding: 0 10px;
}

#top #careers_area .cnt_box{
width: 91.25%;
}

#top #careers_area .cnt_box .catchcopy_text{
font-size: clamp(24px, 2.5vw, 48px);
}

/*----------
02.ブログ 1024
----------*/

/*----------
02-01.ブログ詳細 1024
----------*/

/*----------
03.お知らせ 1024
----------*/

/*----------
03-01.お知らせ詳細 1024
----------*/

/*----------
04.ミクステンドについて 1024
----------*/
#story #cnt_area01 .date_title .year{
font-size: 150px;
}

#story #cnt_area01 .date_title .unit{
font-size: 50px;
}

#story #cnt_area01 .date_title .month{
font-size: 100px;
}

#story #cnt_area01 .cnt_box{
width: 91.25%;
}

#story #cnt_area01 .cnt_img{
width: 51.54%;
}

#story #cnt_area01 .cnt_text{
width: 44.36%;
}

#story #cnt_area02 .dl_box01::before{
width: 52.57%;
}

#story #cnt_area02 .number{
font-size: 180px;
}

#story #cnt_area02 .unit{
font-size: 50px;
}

#story #cnt_area02 .dl_box03 br.sp{
display: block;
}

#story #cnt_area02 .dl_box04::before{
width: 35.84%;
}

#story #cnt_area02 .dl_box04 dd{
margin-top: 0;
}

#story #cnt_area02 .dl_box06 dd{
text-align: center;
}

/*----------
05.プロダクト紹介 1024
----------*/

/*----------
06.会社概要 1024
----------*/

/*----------
07.メンバー 1024
----------*/
.personal_block{
padding: 148px 20px;
}

.personal_area .cnt_type03 .cnt_box .info_box{
display: block;
}

.personal_area .cnt_type03 .category_type01{
margin: 0 0 16px;
}

/*----------
08.プレスキット・素材ダウンロード 1024
----------*/

/*----------
09.採用情報 1024
----------*/

/*----------
10.募集要項 1024
----------*/

/*----------
10-01.募集職種詳細 1024
----------*/

/*----------
11.エントリーフォーム 1024
----------*/

/*----------
12.お問い合わせフォーム 1024
----------*/

/*----------
13.情報セキュリティ方針 1024
----------*/

/*----------
14.プライバシーポリシー 1024
----------*/

/*----------
15.404 1024
----------*/

}

@media only screen and (max-width:768px){
/*----------
01.top 768
----------*/
#top #mainvisual_area{
display: block;
margin-top: 60px;
}

#top #mainvisual_area .cnt_img.fixed{
position: static;
}

#top #mainvisual_area .cnt_img{
width: 100%;
height: auto;
height: 420px;
}

#top #mainvisual_area .cnt_img video{
height: auto;
}

#top #mainvisual_area .cnt_text{
width: 100%;
}

#top #mainvisual_area .catchcopy_g{
height: auto;
display: block;
padding: 64px 0 162px;
}

#top #mainvisual_area .catchcopy_g .scroll_box{
bottom: 0;
}

#top #mainvisual_area .about_g{
padding: 160px 0;
}

#top #mainvisual_area .about_g .catchcopy_text{
font-size: 30px;
margin-bottom: 40px;
}

#top #mainvisual_area .about_g p{
padding: 0 20px;
text-align: left;
}

#top .h2_title_ptn01{
font-size: 30px;
text-align: center;
}

#top .h2_title_ptn01 .h2_subtitle{
display: block;
margin: 16px 0 0;
}

#top #news_area::before{
width: 100%;
border-radius: 0;
}

#top #news_area .contents_in{
padding: 0 0 200px;
/* width: 100%; */
}

#top #news_area .h2_title_ptn01{
margin-bottom: 40px;
}

#top #news_area .cnt_type03{
display: block;
width: 100%;
}

#top #news_area .btn_ptn01{
margin: 64 auto 0;
}

#top #products_area{
padding-top: 0;
margin-top: -40px;
}

#top #products_area::before{
width: 100%;
height: 100%;
top: 0;
border-radius: 0 40px 40px 0;
}

#top #products_area .contents_in{
padding: 160px 0;
}

#top #products_area .h2_title_ptn01{
margin-bottom: 64px;
}

#top #products_area .cnt_type02{
margin-bottom: 64px;
}

#top #member_area{
padding: 242px 0 391px;
}

#top #member_area .h2_title_ptn01{
text-align: center;
margin-bottom: 64px;
}

#top #member_area .btn_ptn01{
margin: 0 auto;
}

#top #member_area .icon01{
width: 18.67%;
top: auto;
bottom: 9.84%;
left: 32.27%;
}

#top #member_area .icon02{
width: 74.77%;
top: auto;
bottom: 2.11%;
left: -43.2%;
}

#top #member_area .icon03{
display: none;
}

#top #member_area .icon04{
width: 100%;
top: 1.22%;
right: 57.6%;
}

#top #member_area .icon05{
width: 33.34%;
top: 1.9%;
right: 14.94%;
}

#top #member_area .icon06{
width: 81.34%;
bottom: -5.08%;
right: -54.4%;
}

#top #careers_area{
padding: 160px 0 0;
}

#top #careers_area::before{
width: 100%;
border-radius: 40px 0 0 0;
}

#top #careers_area .cnt_box{
display: block;
width: 100%;
margin-bottom: 120px;
}

#top #careers_area .cnt_box .cnt_img{
width: calc(100% - 20px);
border-radius: 0 3px 3px 0;
margin-bottom: 64px;
}

#top #careers_area .cnt_box .cnt_text{
width: calc(100% - 40px);
margin: 0 auto;
text-align: center;
}

#top #careers_area .cnt_box .catchcopy_text{
font-size: 30px;
}

#top #careers_area .cnt_box p{
text-align: left;
margin-bottom: 64px;
}

#top #careers_area .btn_ptn01{
max-width: 226px;
margin: 0 auto;
}

#top #careers_area .btn_ptn01 a{
text-align: left;
}

#top #careers_area .recruit_slider li{
max-width: 280px;
}

#top #blog_area{
padding: 260px 0 160px;
}

#top #blog_area::before{
height: 55%;
}

#top #blog_area .icon01{
width: 53.34%;
top: -21px;
left: -10.67%;
}

#top #blog_area .h2_title_ptn01{
margin-bottom: 64px;
}

#top #blog_area .blog_scroll .flex_box{
display: block;
width: 100%;
}

#top #blog_area .blog_scroll .info_box{
display: flex;
}

#top #blog_area .btn_ptn01{
margin: 64px auto 0;
}

.mCSB_horizontal>.mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden{
margin-bottom: 0;
}

/*----------
02.ブログ 768
----------*/

/*----------
02-01.ブログ詳細 768
----------*/

/*----------
03.お知らせ 768
----------*/

/*----------
03-01.お知らせ詳細 768
----------*/

/*----------
04.ミクステンドについて 768
----------*/
#story #cnt_area01{
padding: 160px 0 40px;
}

#story #cnt_area01 .contents_in{
width: calc(100% - 40px);
}

#story #cnt_area01::before{
width: 100%;
border-radius: 0;
}

#story #cnt_area01 .h2_type01{
margin-bottom: 214px;
}

#story #cnt_area01 .date_title{
margin-bottom: 64px;
}

#story #cnt_area01 .date_title .year{
font-size: 100px;
letter-spacing: 0.02em;
}

#story #cnt_area01 .date_title .unit{
font-size: 40px;
margin: 0 8px;
}

#story #cnt_area01 .date_title .month{
font-size: 80px;
}

#story #cnt_area01 .cnt_box,#story #cnt_area01 .cnt_box.row_box{
display: block;
width: 100%;
margin: 0 auto 120px;
}

#story #cnt_area01 .cnt_img,#story #cnt_area01 .cnt_box.row_box .cnt_img{
width: 100%;
border-radius: 4px;
margin: 0 auto 40px;
}

#story #cnt_area01 .cnt_text{
max-width: none;
width: 100%;
margin: 0 auto;
}

#story #cnt_area01 .h3_type01{
font-size: 24px;
margin-bottom: 24px;
text-align: center;
}

#story #cnt_area01 .cnt_box.box02,#story #cnt_area01 .cnt_box.box03{
margin-bottom: 0;
}

#story #cnt_area01 .icon01{
width: 7.47%;
padding-top: 7.47%;
/* top: 278px;
right: 71px; */
top: 5.66%;
right: 18.94%;
}

#story #cnt_area01 .icon02{
width: 12.8%;
/* top: 320px;
right: 2px; */
top: 6.51%;
right: 0.5%;
}

#story #cnt_area01 .icon03{
position: static;
width: 71.95%;
margin: 70px -162px 52px auto;
}

#story #cnt_area01 .icon04{
position: static;
width: 40.25%;
margin: 23px auto 37px -60px;
}

#story #cnt_area02{
padding: 160px 0;
}

#story #cnt_area02 .contents_in{
width: 100%;
}

#story #cnt_area02 .h2_type01{
margin-bottom: 64px;
}

#story #cnt_area02 .dl_box{
border-bottom: 1px solid #9AC2FF;
padding: 0 20px;
margin-bottom: 64px;
}

#story #cnt_area02 .dt_title{
line-height: 2;
text-align: center;
padding: 0;
border-bottom: none;
}

#story #cnt_area02 .dl_box dt,#story #cnt_area02 .dl_box dd{
text-align: center;
}

#story #cnt_area02 .number{
font-size: 140px;
}

#story #cnt_area02 .unit{
margin-left: 4px;
font-size: 40px;
}

#story #cnt_area02 .dl_box01, #story #cnt_area02 .dl_box02{
max-width: none;
margin-bottom: 64px;
padding-bottom: 64px;
}

#story #cnt_area02 .dl_box01 .dt_title,#story #cnt_area02 .dl_box02 .dt_title{
padding-bottom: 0;
}

#story #cnt_area02 .dl_box01::before{
position: static;
margin: 0 auto 20px;
}

#story #cnt_area02 .dl_box02{
margin: 0 auto 64px;
display: block;
}

#story #cnt_area02 .dl_box02::before{
display: none;
}

#story #cnt_area02 .dl_box02 dt{
max-width: none;
margin: 0;
text-align: center;
}

#story #cnt_area02 .dl_box03::before{
position: static;
width: 100%;
margin: 0 auto 20px;
}

#story #cnt_area02 .dl_box03 dd{
margin: 0 auto;
padding-bottom: 64px;
}

#story #cnt_area02 .dl_box03 .unit01{
font-size: 40px;
margin: 0 0 9px 4px;
}

#story #cnt_area02 .dl_box03 .number02{
font-size: 100px;
}

#story #cnt_area02 .dl_box03 .unit02{
font-size: 40px;
margin: 0 0 5px 4px;
}

#story #cnt_area02 .dl_box03 .unit03{
font-size: 16px;
width: 16px;
margin: 0 0 6px 4px;
}

#story #cnt_area02 .flex_box{
display: block;
}

#story #cnt_area02 .flex_box .dl_box{
max-width: none;
width: 100%;
padding-bottom: 64px;
}

#story #cnt_area02 .dl_box04::before{
position: static;
margin: 0 auto 20px;
}

#story #cnt_area02 .dl_box04 dt{
margin-top: 0;
}

#story #cnt_area02 .dl_box04 dd{
margin: 0 auto;
}

#story #cnt_area02 .flex_box .dl_box06{
padding-bottom: 0;
margin-bottom: 0;
border-bottom: none;
}

#story #cnt_area02 .dl_box06 .number{
font-size: 140px;
}

#story #cnt_area03{
background-color: #fff;
padding: 160px 0;
}

#story #cnt_area03 .h2_type01{
margin-bottom: 64px;
}

/*----------
05.プロダクト紹介 768
----------*/
#products #cnt_area01::before{
width: 100%;
border-radius: 0;
}

#products #cnt_area01::after{
width: 100%;
border-radius: 0 40px 40px 0;
/* height: calc(100% - 9.29%); */
height: calc(100% - 252px);
}

#products #cnt_area01 .contents_in{
padding: 80px 0 120px;
}

#products #cnt_area01 .h2_type01{
margin-bottom: 224px;
}

#products #cnt_area02{
padding: 160px 0 145px;
}

#products #cnt_area02 .h2_type01{
margin-bottom: 64px;
}

#products #cnt_area02 .suppliers_list{
justify-content: space-between;
}

#products #cnt_area02 .suppliers_list li{
max-width: none;
width: 47.77%;
margin: 0 0 15px;
}

#products #cnt_area02 .suppliers_list li:not(:nth-child(4n)){
margin-right: 0;
}

/*----------
06.会社概要 768
----------*/
#company #cnt_area01{
padding: 160px 0;
}

#company #cnt_area01 .cnt_block::before{
width: 100%;
height: 87.44%;
border-radius: 40px 0 0 0;
}

#company #cnt_area01 .h2_type01{
margin-bottom: 64px;
}

#company #cnt_area01 .cnt_box{
padding: 0 0 160px;
display: block;
}

#company #cnt_area01 .cnt_img{
width: 100%;
margin: 0 auto 64px;
}

#company #cnt_area01 .cnt_text{
width: 100%;
margin: 0 auto;
}

#company #cnt_area01 .cnt_text .title{
font-size: 24px;
text-align: center;
margin-bottom: 40px;
}

#company #cnt_area01 .bg_img{
height: 400px;
}

#company #cnt_area01 .bg_img img{
height: 100%;
object-fit: cover;
}

#company #cnt_area01 .icon{
display: none;
}

#company #cnt_area02{
padding-bottom: 120px;
}

#company #cnt_area02 .cnt_block{
padding: 120px 0 160px;
margin-bottom: 120px;
}

#company #cnt_area02 .cnt_block::before{
width: 100%;
border-radius: 0;
}

#company #cnt_area02 .h2_type01{
margin-bottom: 80px;
}

#company #cnt_area02 .catchcopy{
font-size: 24px;
margin-bottom: 40px;
}

#company #cnt_area02 p{
text-align: left;
}

#company #cnt_area02 .icon01{
width: 64%;
top: -20.12%;
right: 0;
}

#company #cnt_area03{
padding: 160px 0 120px;
}

#company #cnt_area03::before{
width: 100%;
border-radius: 0 40px 40px 0;
}

#company #cnt_area03 .h2_type01{
margin-bottom: 64px;
}

#company #cnt_area04{
padding: 160px 0;
}

#company #cnt_area04 .h2_type01{
margin-bottom: 64px;
}

#company #cnt_area04 .company_box .dl_box{
display: block;
padding: 24px 0;
}

#company #cnt_area04 .company_box dt{
max-width: none;
margin: 0 0 8px;
}

#company #cnt_area04 .company_box dd{
width: 100%;
}

/*----------
07.メンバー 768
----------*/
#member #cnt_area01{
padding: 80px 0 96px;
}

#member #cnt_area01 .h2_type01{
margin-bottom: 64px;
}

.personal_block{
padding: 164px 20px 40px;
}

.personal_area{
border-radius: 16px;
padding: 40px 32px 16px;
}

.personal_area .personal_box{
display: block;
margin-bottom: 40px;
}

.personal_area .personal_box .personal_img{
width: 100%;
margin-bottom: 40px;
}

.personal_area .personal_box .personal_img.tall{
height: auto;
}

.personal_area .personal_box .personal_img.tall img{
width: 100%;
height: auto;
}

.personal_area .personal_box .personal_text{
max-width: none;
width: 100%;
}

.personal_area .personal_text .name_text{
font-size: 24px;
}

.personal_area .career_text{
padding: 40px 0;
margin-bottom: 40px;
}

.personal_area .relation_title{
font-size: 20px;
}

.personal_area .cnt_type03{
display: block;
}

.personal_area .cnt_type03 .cnt_box .cnt_img{
height: 135px;
}

.personal_area .cnt_type03 .cnt_box .cnt_img img{
height: 100%;
object-fit: cover;
}

/*----------
08.プレスキット・素材ダウンロード 768
----------*/
#download #cnt_area01{
padding: 160px 0;
}

#download #cnt_area01 .contents_in{
width: 100%;
}

#download #cnt_area01 .cnt_type02{
padding: 20px;
}

#download #cnt_area01 .cnt_type02 .cnt_box{
padding: 32px 0 40px;
}

#download #cnt_area01 .cnt_type02 .cnt_box:last-child{
margin-bottom: 0;
}

#download #cnt_area01 .cnt_type02 .cnt_block{
width: calc(100% - 64px);
display: block;
}

#download #cnt_area01 .cnt_type02 .cnt_block .cnt_in{
padding: 32px;
}

#download #cnt_area01 .cnt_type02 .cnt_in .cnt_img{
margin-bottom: 24px;
}

#download #cnt_area01 .cnt_type02 .cnt_in .cnt_text .catchcopy_text{
margin-bottom: 4px;
}

#download #cnt_area01 .cnt_type02 .cnt_block .download_box{
max-width: none;
border-top: 1px solid #CACACA;
border-left: none;
padding: 24px 0;
}

#download #cnt_area01 .cnt_type02 .cnt_box.products04{
margin-bottom: 0;
}

/*----------
09.採用情報 768
----------*/
#recruit #cnt_area01 .cnt_block{
padding: 160px 0;
}

#recruit #cnt_area01 .cnt_block p{
text-align: left;
}

#recruit #cnt_area01 .recruit_slider li{
max-width: 280px;
}

#recruit #cnt_area02{
padding: 160px 0;
}

#recruit #cnt_area02::before{
width: 100%;
border-radius: 0;
}

#recruit #cnt_area02 .h2_type01{
margin-bottom: 64px;
}

#recruit #cnt_area02 .cnt_img{
width: 100%;
margin-bottom: 64px;
}

#recruit #cnt_area03{
padding-top: 160px;
}

#recruit #cnt_area03 .h2_type01{
margin-bottom: 64px;
}

#recruit #cnt_area03 .cnt_block{
padding: 160px 0 144px;
}

#recruit #cnt_area03 .cnt_block::before{
width: 100%;
border-radius: 0 40px 40px 0;
}

#recruit #cnt_area03 .cnt_box{
display: block;
}

#recruit #cnt_area03 .cnt_box .cnt_number{
font-size: 80px;
padding: 24px 0;
text-align: center;
display: block;
max-width: none;
width: 100%;
border-right: none;
border-bottom: 1px solid #ABCB4E;
}

#recruit #cnt_area03 .cnt_box .cnt_text{
width: 100%;
padding: 40px 32px;
}

#recruit #cnt_area03 .cnt_box .title{
font-size: 24px;
text-align: center;
margin-bottom: 16px;
}

#recruit #cnt_area04{
padding: 160px 0;
}

#recruit #cnt_area04 .h2_type01{
margin-bottom: 64px;
}

#recruit #cnt_area04 .cnt_g{
display: block;
}

#recruit #cnt_area04 .cnt_box{
max-width: none;
width: 100%;
margin: 0 auto 64px;
}

#recruit #cnt_area04 .title{
font-size: 24px;
}

#recruit #cnt_area05{
padding: 160px 0;
}

#recruit #cnt_area05 .cnt_type03{
display: block;
}

#recruit #cnt_area06{
padding-bottom: 160px;
}

#recruit #cnt_area06 .h2_type01{
margin-bottom: 64px;
}

#recruit #cnt_area07{
padding: 160px 0 80px;
}

#recruit #cnt_area07 .h2_type01{
margin-bottom: 64px;
}

#recruit #cnt_area07 .question_g{
margin-bottom: 64px;
}

#recruit #cnt_area07 .question_box dt{
padding-left: 32px;
padding-right: 75px;
font-size: 18px;
}

#recruit #cnt_area07 .question_box dt::after{
right: 36px;
}

#recruit #cnt_area07 .question_box dd{
padding-left: 32px;
}

#recruit .recruit_job_btn{
position: relative;
width: calc(100% - 40px);
bottom: 0;
right: 0;
margin: 0 auto 20px;
}

#recruit .recruit_job_btn a{
font-size: 20px;
padding: 16px 0 20px;
}

/*----------
10.募集要項 768
----------*/
#job #cnt_area01{
padding: 80px 0;
}

#job #cnt_area01 .contents_in{
width: 100%;
}

#job #cnt_area01 .job_list{
padding: 20px;
margin-bottom: 80px;
}

#job #cnt_area01 .job_list li:last-child{
margin-bottom: 0;
}

#job #cnt_area01 .job_list li a{
display: block;
padding: 24px;
}

#job #cnt_area01 .job_list li .job_title{
display: block;
font-size: 0;
line-height: 1;
margin-bottom: 4px;
}

#job #cnt_area01 .job_list li span{
font-size: 18px;
line-height: 2;
display: block;
}

#job #cnt_area01 .job_list li .job_title .job_category{
margin: 0 0 16px;
}

/*----------
10-01.募集職種詳細 768
----------*/
.job_single_common .h1_type01 .contents_in{
display: block;
padding: 80px 0 64px;
width: calc(100% - 80px);
}

.job_single_common .h1_type01 .h1_title{
line-height: 1.8;
margin-bottom: 64px;
overflow: auto;
text-overflow: inherit;
white-space: initial;
}

.job_single_common .h1_type01.sticky .contents_in{
padding: 30px 0;
}

.job_single_common .h1_type01.sticky .h1_title{
font-size: 0;
margin-bottom: 0;
}

.job_single_common .h1_type01 .btn_ptn01{
max-width: 295px;
}

.job_single_common #cnt_area01{
padding: 80px 0;
}

.job_single_common #cnt_area01 table,.job_single_common #cnt_area01 tr,.job_single_common #cnt_area01 th,.job_single_common #cnt_area01 td{
display: block;
}

.job_single_common #cnt_area01 table{
margin-bottom: 80px;
}

.job_single_common #cnt_area01 th{
width: 100%;
padding: 30px 0 16px;
}

.job_single_common #cnt_area01 td{
width: 100%;
padding: 0 0 32px;
}

/*----------
11.エントリーフォーム 768
----------*/

/*----------
12.お問い合わせフォーム 768
----------*/

/*----------
13.情報セキュリティ方針 768
----------*/
.privacy_common #cnt_area01{
padding: 160px 0;
}

.privacy_common #cnt_area01 dt{
font-size: 18px;
}

/*----------
14.プライバシーポリシー 768
----------*/

/*----------
15.404 768
----------*/
#not_found #cnt_area01{
padding: 80px 0;
}

#not_found #cnt_area01 p{
text-align: left;
margin-bottom: 45px;
}

}