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

/*----------
01.top
----------*/
#top .h2_title_ptn01{
font-weight: 700;
font-size: clamp(44px, 2.5vw, 48px);
line-height: 1.8;
letter-spacing: 0.08em;
}

#top .h2_title_ptn01 .h2_subtitle{
margin: 0 0 0 32px;
font-weight: 400;
font-size: 16px;
letter-spacing: 0.04em;
line-height: 2.2;
vertical-align: baseline;
}

#top #mainvisual_area{
position: relative;
}

#top #mainvisual_area .cnt_img{
background-color: #000;
width: 50%;
position: absolute;
bottom: 0;
right: 0;
height: 100vh;
display: flex;
align-items: center;
justify-content: center;
color: #fff;
font-size: 20px;
}

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

#top #mainvisual_area .cnt_img video{
width: 100%;
height: 100vh;
object-fit: cover;
}

#top #mainvisual_area .cnt_text{
width: 50%;
background-color: #fff;
}

#top #mainvisual_area .catchcopy_g{
position: relative;
height: 100vh;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
}

#top #mainvisual_area .catchcopy_g .catchcopy{
font-weight: 700;
font-size: 102px;
font-size: clamp(65px, 5.32vw, 102px);
line-height: 1.6;
letter-spacing: 0.2em;
text-align: center;
}

#top #mainvisual_area .catchcopy_g .scroll_box{
max-width: 61px;
width: 100%;
margin: 0 auto;
padding: 0 0 27px;
position: absolute;
bottom: 40px;
left: 0;
right: 0;
margin: 0 auto;
}

#top #mainvisual_area .catchcopy_g .scroll_box::after{
content: "";
display: block;
width: 12px;
height: 8px;
background: url(../common/img/arrow02_orange.png) no-repeat center center/100% auto;
position: absolute;
bottom: 0;
left: 0;
right: 0;
margin: 0 auto;
animation: scrolldown 1.5s ease infinite;
}

@keyframes scrolldown{
0%{
transform: translateY(-15px);
opacity: 0;
}
50%{
transform: translateY(0px);
opacity: 1;
}
100%{
transform: translateY(15px);
opacity: 0;
}
}

#top #mainvisual_area .catchcopy_g .scroll_img{
width: 23px;
margin: 0 auto 13px;
}

#top #mainvisual_area .catchcopy_g .scroll_text{
display: block;
font-weight: 700;
color: #E64A19;
font-size: 12px;
line-height: 1.16;
letter-spacing: 0.3em;
}

#top #mainvisual_area .about_g{
/* padding: 180px 0; */
padding: 16.13% 0;
}

#top #mainvisual_area .about_g .h2_title{
max-width: 200px;
width: 100%;
margin: 0 auto;
font-weight: 700;
font-size: 16px;
letter-spacing: 0.04em;
color: #E64A19;
line-height: 1;
padding-bottom: 16px;
border-bottom: 1px solid #E64A19;
margin-bottom: 32px;
}

#top #mainvisual_area .about_g .catchcopy_text{
font-weight: 700;
font-size: clamp(44px, 2.5vw, 48px);
line-height: 1.8;
letter-spacing: 0.08em;
text-align: center;
margin-bottom: 64px;
}

#top #mainvisual_area .about_g .catchcopy_text .strong_text{
color: #E64A19;
}

#top #mainvisual_area .about_g p{
line-height: 2.2;
letter-spacing: 0.04em;
text-align: center;
margin-bottom: 80px;
}

#top #mainvisual_area .about_g .btn_ptn01{
max-width: 327px;
margin: 0 auto;
background-color: #E64A19;
}

#top #news_area{
position: relative;
background: #F3F1ED;
}

#top #news_area::before{
content: "";
display: block;
/* max-width: 1800px; */
width: 93.75%;
height: 100%;
position: absolute;
top: 0;
left: 0;
background-color: #fff;
border-radius: 0 120px 120px 0;
}

#top #news_area .contents_in{
position: relative;
z-index: 1;
padding: 200px 0;
/* width: 62.5%; */
}

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

#top #news_area .cnt_type03 .cnt_box{
box-shadow: 0 0 20px 0 rgba(0,0,0,.04);
border-radius: 8px;
}

#top #news_area .category.press_release_news{
background-color: #76DDBE;
}

#top #news_area .category.media_news{
background-color: #ED76A8;
}

#top #news_area .btn_ptn01{
max-width: 211px;
margin: 80px 0 0 auto;
background-color: #ABCB4E;
}

#top #news_area .btn_ptn01:before{
background-color: #89A23E;
}

#top #products_area{
position: relative;
padding-top: 200px;
background: #F3F1ED;
}

#top #products_area::before,#top #products_area::after{
content: "";
display: block;
position: absolute;
left: 0;
}

#top #products_area::before{
max-width: 1460px;
width: 76.04%;
height: calc(100% - 200px);
top: 200px;
background-color: #E64A19;
border-radius: 0 120px 120px 0;
z-index: 2;
}

#top #products_area::after{
bottom: 0;
background-color: #fff;
width: 100%;
height: 698px;
height: 33.27%;
}

#top #products_area .contents_in{
position: relative;
z-index: 3;
padding: 200px 0;
}

#top #products_area .h2_title_ptn01{
color: #fff;
margin-bottom: 80px;
}

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

#top #products_area .cnt_type02 .products01 .cnt_title{
border-color: #47A63F;
color: #47A63F;
}

#top #products_area .cnt_type02 .products02 .cnt_title{
border-color: #009E8F;
color: #009E8F;
}

#top #products_area .btn_ptn01{
max-width: 255px;
background-color: #fff;
}

#top #products_area .btn_ptn01::before{
background-color: #FADBD1;
}

#top #products_area .btn_ptn01 a{
color: #E64A19;
}

#top #products_area .btn_ptn01 a::after{
background-image: url(../common/img/arrow01_orange.png);
}

#top #member_area{
background-color: #fff;
position: relative;
z-index: 100;
padding: 200px 0;
}

#top #member_area .contents_in{
position: relative;
z-index: 1;
}

#top #member_area .h2_title_ptn01{
margin-bottom: 80px;
text-align: right;
}

#top #member_area .personal_block{
background: rgba(0,0,0,.6);
}

#top #member_area .btn_ptn01{
max-width: 276px;
background-color: #6DA3F4;
}

#top #member_area .btn_ptn01::before{
background-color: #5782C3;
}

#top #member_area .icon{
position: absolute;
}

#top #member_area .icon01{
max-width: 96px;
width: 5%;
top: 135px;
/* top: 215px; */
left: 9.85%;
}

#top #member_area .icon02{
max-width: 361px;
width: 18.80%;
top: 126px;
left: -12.3%;
transform: rotate(-17.7deg);
}

#top #member_area .icon03{
max-width: 80px;
width: 4.17%;
top: 676px;
left: 5.06%;
}

#top #member_area .icon04{
max-width: 60px;
width: 3.125%;
top: 115px;
/* top: 215px; */
right: 4.54%;
}

#top #member_area .icon05{
max-width: 137px;
width: 7.14%;
top: 368px;
right: 5.625%;
}

#top #member_area .icon05 img{
transform: rotate(53.12deg);
}

#top #member_area .icon06{
max-width: 482px;
width: 25.10%;
bottom: -187px;
right: -16.77%;
}

#top #careers_area{
background-color: #fff;
position: relative;
padding: 204px 0 0;
}

#top #careers_area::before{
content: "";
display: block;
max-width: 1460px;
width: 76.05%;
background-color: #BCDC60;
border-radius: 120px 0 0 0;
height: 100%;
position: absolute;
top: 0;
right: 0;
}

#top #careers_area .cnt_box{
position: relative;
max-width: 1560px;
width: 81.25%;
justify-content: space-between;
align-items: start;
margin-bottom: 156px;
}

#top #careers_area .cnt_box .cnt_img{
max-width: 780px;
width: 50%;
border-radius: 0 8px 8px 0;
overflow: hidden;
}

#top #careers_area .cnt_box .cnt_text{
max-width: 700px;
width: 44.88%;
}

#top #careers_area .cnt_box .h2_title{
font-weight: 700;
line-height: 1;
letter-spacing: 0.04em;
color: #fff;
padding-bottom: 16px;
border-bottom: 1px solid #fff;
display: inline-block;
margin-bottom: 32px;
}

#top #careers_area .cnt_box .catchcopy_text{
font-weight: 700;
font-size: clamp(44px, 2.5vw, 48px);
line-height: 1.8;
letter-spacing: 0.08em;
width: 100%;
color: #fff;
margin-bottom: 40px;
}

#top #careers_area .cnt_box p{
line-height: 2.2;
letter-spacing: 0.04em;
margin-bottom: 80px;
}

#top #careers_area .btn_ptn01{
max-width: 276px;
background-color: #fff;
}

#top #careers_area .btn_ptn01 a{
color: #BCDC60;
}

#top #careers_area .btn_ptn01 a::after{
background-image: url(../common/img/arrow01_green.png);
}

#top #careers_area .btn_ptn01::before{
background-color: #F2F8DF;
}

#top #careers_area .recruit_slider{
position: relative;
}

#top #careers_area .recruit_slider li{
margin: 0 10px;
}

#top #blog_area{
position: relative;
padding: 200px 0 186px;
background-color: #F3F1ED;
}

#top #blog_area::before{
content: "";
display: block;
width: 100%;
height: 446px;
position: absolute;
top: 0;
left: 0;
background-color: #fff;
}

#top #blog_area .contents_in{
position: relative;
z-index: 1;
}

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

#top #blog_area .blog_scroll {
position: relative;
z-index: 1;
}

#top #blog_area .cnt_type03 .cnt_box .cnt_img img{
height: 192px;
object-fit: cover;
}

.mCSB_horizontal.mCSB_inside>.mCSB_container,.mCSB_horizontal>.mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden{
margin-bottom: 125px;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal{
width: 400px;
height: 40px;
}

.mCSB_scrollTools{
opacity: 1;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal::before{
content: "";
display: block;
width: 100%;
height: 6px;
border-radius: 3px;
background-color: #fff;
position: absolute;
top: 50%;
left: 0;
transform: translateY(-50%);
}

.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger{
height: 40px;
width: 40px;
}

.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
background-color: #6DA3F4;
width: 40px;
height: 40px;
border-radius: 50%;
margin: 0;
position: relative;
}

.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar::before{
content: "";
display: block;
width: 18px;
height: 10px;
background: url(../common/img/arrow_scroll.png) no-repeat center center/100% auto;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
}

#top #blog_area .btn_ptn01{
margin: 80px 0 0 auto;
max-width: 211px;
background-color: #ABCB4E;
}

#top #blog_area .btn_ptn01::before{
background-color: #89A23E;
}

#top #blog_area .icon{
position: absolute;
}

#top #blog_area .icon01{
max-width: 280px;
width: 14.59%;
top: -80px;
left: -3.44%;
}

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

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

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

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

/*----------
04.ミクステンドについて
----------*/
#story .h1_type01{
background: url(../img/story/mainvisual.jpg) no-repeat center center/cover;
}

#story #cnt_area01{
position: relative;
padding: 200px 0;
}

#story #cnt_area01 .icon{
position: absolute;
z-index: 2;
}

#story #cnt_area01 .icon01{
max-width: 80px;
width: 4.17%;
height: 0;
padding-top: 4.17%;
background-color: #BCDC60;
border-radius: 50%;
/* top: 315px;
right: 319px; */
top: 7.09%;
right: 16.62%;
}

#story #cnt_area01 .icon02{
max-width: 137px;
width: 7.14%;
transform: rotate(53.12deg);
/* top: 434px;
right: 155px; */
top: 9.77%;
right: 8.08%;
}

#story #cnt_area01 .icon03{
max-width: 482px;
width: 25.10%;
/* top: 1974px;
right: -340px; */
top: 44.4%;
right: -17.71%;
}

#story #cnt_area01 .icon04{
max-width: 361px;
width: 18.81%;
transform: rotate(-17.7deg);
/* bottom: 1371px;
left: -136px; */
bottom: 30.84%;
left: -7.09%;
}

#story #cnt_area01::before{
content: "";
display: block;
max-width: 1800px;
width: 93.75%;
height: 100%;
position: absolute;
top: 0;
right: 0;
background-color: #fff;
border-radius: 120px 0 0 120px;
}

#story #cnt_area01 .contents_in{
position: relative;
z-index: 1;
max-width: none;
width: 100%;
}

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

#story #cnt_area01 .date_title{
margin-bottom: 80px;
text-align: center;
font-weight: 800;
color: #F1EDE3;
-webkit-text-fill-color: #fff;
-webkit-text-stroke: 3px #F1EDE3;
}

#story #cnt_area01 .date_title span{
display: inline-block;
}

#story #cnt_area01 .date_title .year{
font-size: 200px;
}

#story #cnt_area01 .date_title .unit{
font-weight: 900;
font-size: 60px;
margin: 0 16px;
-webkit-text-stroke: 0;
-webkit-text-fill-color: #F1EDE3;
color: #F1EDE3;
}

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

#story #cnt_area01 .cnt_box{
max-width: 1560px;
width: 81.25%;
align-items: start;
justify-content: space-between;
margin-bottom: 80px;
}

#story #cnt_area01 .cnt_box.row_box{
flex-direction: row-reverse;
margin-left: auto;
margin-right: 0;
}

#story #cnt_area01 .cnt_img{
max-width: 960px;
width: 61.54%;
border-radius: 0 8px 8px 0;
overflow: hidden;
}

#story #cnt_area01 .cnt_box.row_box .cnt_img{
border-radius: 8px 0 0 8px;
}

#story #cnt_area01 .cnt_text{
max-width: 536px;
width: 34.36%;
}

#story #cnt_area01 .h3_type01{
font-weight: 700;
font-size: 32px;
color: #6DA3F4;
line-height: 2;
letter-spacing: 0.04em;
margin-bottom: 40px;
}

#story #cnt_area01 .cnt_text p{
line-height: 2.2;
letter-spacing: 0.04em;
}

#story #cnt_area02{
background-color: #6DA3F4;
padding: 200px 0;
color: #fff;
}

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

#story #cnt_area02 .dl_box{
position: relative;
}

#story #cnt_area02 .dl_box::before{
content: "";
display: block;
position: absolute;
}

#story #cnt_area02 .dt_title{
font-weight: 700;
font-size: 20px;
line-height: 1.8;
letter-spacing: 0.04em;
display: block;
border-bottom: 1px solid #fff;
padding-bottom: 10px;
}

#story #cnt_area02 .attention_text{
margin-top: 11px;
font-size: 14px;
line-height: 2;
letter-spacing: 0.04em;
}

#story #cnt_area02 dd span{
display: inline-block;
vertical-align: baseline;
}

#story #cnt_area02 .number{
font-weight: 800;
font-size: 220px;
line-height: 1;
}

#story #cnt_area02 .unit{
margin-left: 10px;
font-weight: 700;
font-size: 60px;
}

#story #cnt_area02 .dl_box01,#story #cnt_area02 .dl_box02{
max-width: 780px;
width: 100%;
margin-bottom: 80px;
}

#story #cnt_area02 .dl_box01 dt{
max-width: 500px;
width: 100%;
}

#story #cnt_area02 .dl_box01 .dt_title{
padding-bottom: 20px;
}

#story #cnt_area02 .dl_box01 dd{
color: #FCDC21;
}

#story #cnt_area02 .dl_box01::before{
max-width: 410px;
width: 100%;
height: 283px;
background: url(../img/story/icon01_number01.png) no-repeat center center/100% auto;
top: 8px;
right: 0;
}

#story #cnt_area02 .dl_box02{
margin: 0 0 80px auto;
display: flex;
align-items: start;
}

#story #cnt_area02 .dl_box02 dt{
max-width: 300px;
width: 100%;
margin: 37px 20px 0 0;
text-align: right;
}

#story #cnt_area02 .dl_box02 .dt_title{
padding-bottom: 17px;
}

#story #cnt_area02 .dl_box02 dd{
color: #92F0D4;
}

#story #cnt_area02 .dl_box02::before{
max-width: 145px;
width: 100%;
height: 139px;
background: url(../img/story/icon01_number02.png) no-repeat center center/100% auto;
top: 49px;
left: 30px;
}

#story #cnt_area02 .dl_box03{
margin-bottom: 80px;
}

#story #cnt_area02 .dl_box03 dt{
max-width: 906px;
width: 100%;
}

#story #cnt_area02 .dl_box03 dd{
margin-top: -17px;
color: #FCDC21;
}

#story #cnt_area02 .dl_box03 .unit01{
font-size: 140px;
margin: 0 12px 16px 10px;
vertical-align: bottom;
}

#story #cnt_area02 .dl_box03 .unit02{
font-size: 80px;
margin: 0 9px 16px 10px;
vertical-align: bottom;
}

#story #cnt_area02 .dl_box03 .unit03{
display: inline-block;
font-weight: 400;
font-size: 32px;
width: 32px;
margin: 0 0 16px;
vertical-align: bottom;
}

#story #cnt_area02 .dl_box03::before{
max-width: 200px;
width: 16.67%;
height: 228px;
background: url(../img/story/icon01_number03.png) no-repeat center top/100% auto;
bottom: 0;
right: 0;
}

#story #cnt_area02 .flex_box{
align-items: start;
justify-content: space-between;
}

#story #cnt_area02 .flex_box .dl_box{
max-width: 360px;
width: 30%;
}

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

#story #cnt_area02 .dl_box04 dd{
color: #92F0D4;
margin: -62px 31px 0 auto;
text-align: right;
}

#story #cnt_area02 .dl_box04::before{
max-width: 129px;
width: 100%;
height: 124px;
background: url(../img/story/icon01_number04.png) no-repeat center center/100% auto;
bottom: 14px;
left: 0;
}

#story #cnt_area02 .dl_box05{
margin: 60px 0 0;
}

#story #cnt_area02 .dl_box05 dd{
color: #FCDC21;
text-align: center;
}

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

#story #cnt_area02 .dl_box06 dd{
color: #92F0D4;
text-align: right;
}

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

#story #cnt_area02 .dl_box06 .unit01{
font-weight: 600;
font-size: 140px;
margin: 0 9px 0 0;
}

#story #cnt_area02 .dl_box06 .unit02{
font-weight: 700;
font-size: 64px;
margin: 0 0 0 11px;
}

#story #cnt_area03{
padding: 200px 0;
}

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

#story #cnt_area03 .btn_ptn01{
max-width: 276px;
margin: 0 auto;
background-color: #6DA3F4;
}

#story #cnt_area03 .btn_ptn01::before{
background-color: #5782C3;
}

/*----------
05.プロダクト紹介
----------*/
#products #cnt_area01{
position: relative;
}

#products #cnt_area01::before,#products #cnt_area01::after{
content: "";
display: block;
position: absolute;
}

#products #cnt_area01::before{
max-width: 1800px;
width: 93.75%;
height: 806px;
height: 25.33%;
top: 0;
right: 0;
background-color: #fff;
border-radius: 120px 0 0 0;
}

#products #cnt_area01::after{
max-width: 1460px;
width: 76.05%;
height: calc(100% - 220px);
/* height: calc(100% - 11.50%); */
background-color: #E64A19;
bottom: 0;
left: 0;
border-radius: 0 120px 120px 0;
}

#products #cnt_area01 .contents_in{
position: relative;
z-index: 1;
padding: 80px 0 160px;
}

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

#products #cnt_area01 .cnt_type02 .cnt_box{
box-shadow: 0 0 20px 0 rgba(0,0,0,.04);
}

#products #cnt_area01 .cnt_type02 .cnt_title{
border-left-color: rgba(0,0,0,0);
}

#products #cnt_area02{
padding: 200px 0 180px;
}

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

#products #cnt_area02 .suppliers_list{
flex-wrap: wrap;
}

#products #cnt_area02 .suppliers_list li{
max-width: 285px;
width: 23.75%;
margin: 0 0 20px;
}

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

/*----------
05-01.調整さん（プロダクト詳細）
----------*/
#chouseisan #cnt_area01 .h2_title{
max-width: 313px;
}

/*----------
05-02.TimeRex（プロダクト詳細）
----------*/
#timerex #cnt_area01 .h2_title{
max-width: 400px;
}

#timerex #cnt_area02 .btn_ptn01{
max-width: 332px;
}

/*----------
05-03.調整さんビジネス（プロダクト詳細）
----------*/
#chouseisan-business #cnt_area01 .h2_title{
max-width: 392px;
}

#chouseisan-business #cnt_area02 .btn_ptn01{
max-width: 386px;
}

/*----------
05-04.調整さんwith（プロダクト詳細）
----------*/
#chouseisan-with #cnt_area01 .h2_title{
max-width: 327px;
}

#chouseisan-with #cnt_area03{
background: none;
}

#chouseisan-with .back_btn a{
background-color: #fff;
border-color: #fff;
}

#chouseisan-with .back_btn a:hover{
color: #fff;
background-color: #000;
}

/*----------
06.会社概要
----------*/
#company .bg_white{
background-color: #fff;
}

#company #cnt_area01{
padding: 200px 0 0;
position: relative;
}

#company #cnt_area01 .cnt_block{
position: relative;
}

#company #cnt_area01 .cnt_block::before{
content: "";
display: block;
max-width: 1460px;
width: 76.05%;
/* height: 1200px; */
height: calc(100% - 79px - 80px);
background-color: #BCDC60;
border-radius: 120px 0 0 0;
position: absolute;
bottom: 0;
right: 0;
}

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

#company #cnt_area01 .contents_in{
position: relative;
z-index: 1;
}

#company #cnt_area01 .bg_img{
width: 100%;
}

#company #cnt_area01 .cnt_box{
padding: 200px 0;
align-items: start;
justify-content: space-between;
}

#company #cnt_area01 .cnt_img{
max-width: 600px;
width: 50%;
border-radius: 8px;
overflow: hidden;
}

#company #cnt_area01 .cnt_text{
max-width: 520px;
width: 43.34%;
}

#company #cnt_area01 .cnt_text .title{
font-weight: 700;
font-size: 32px;
line-height: 2;
letter-spacing: 0.04em;
color: #fff;
margin-bottom: 64px;
}

#company #cnt_area01 .cnt_text p{
line-height: 2.2;
letter-spacing: 0.04em;
}

#company .icon{
position: absolute;
}

#company #cnt_area01 .icon01{
max-width: 97px;
width: 5.06%;
top: 19.76%;
left: 5.27%;
}

#company #cnt_area01 .icon02{
max-width: 60px;
width: 3.125%;
height: auto;
padding-top: 3.125%;
background-color: #76DDBE;
border-radius: 50%;
top: 33.29%;
left: 8.34%;
}

#company #cnt_area01 .icon03{
max-width: 482px;
width: 25.1%;
bottom: 13.67%;
left: -6.83%;
}

#company #cnt_area01 .icon03 img{
transform: rotate(-33deg);
}

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

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

#company #cnt_area02 .cnt_block::before{
content: "";
display: block;
max-width: 1800px;
width: 93.75%;
height: 100%;
border-radius: 0 120px 120px 0;
background-color: #fff;
position: absolute;
top: 0;
left: 0;
}

#company #cnt_area02 .contents_in{
position: relative;
z-index: 1;
}

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

#company #cnt_area02 .catchcopy{
font-weight: 700;
font-size: 32px;
line-height: 2;
letter-spacing: 0.04em;
color: #E64A19;
text-align: center;
margin-bottom: 64px;
}

#company #cnt_area02 p{
line-height: 2.2;
letter-spacing: 0.04em;
text-align: center;
}

#company #cnt_area02 .icon01{
max-width: 400px;
width: 20.84%;
top: -11.8%;
right: 6.25%;
}

#company #cnt_area02 .slider_company .slider_box{
position: relative;
margin: 0 30px;
}

#company #cnt_area02 .slider_company .slider_box::before{
content: "";
display: block;
width: 120px;
height: 120px;
position: absolute;
}

#company #cnt_area02 .slider_company .slider01{
max-width: 300px;
width: 100%;
padding-top: 180px;
}

#company #cnt_area02 .slider_company .slider02{
max-width: 400px;
width: 100%;
}

#company #cnt_area02 .slider_company .slider03{
max-width: 300px;
width: 100%;
padding-top: 180px;
}

#company #cnt_area02 .slider_company .slider03::before{
background-color: #E64A19;
top: 0;
left: 0;
}

#company #cnt_area02 .slider_company .slider04{
max-width: 400px;
width: 100%;
padding-top: 105px;
}

#company #cnt_area02 .slider_company .slider05{
max-width: 300px;
width: 100%;
padding-bottom: 180px;
}

#company #cnt_area02 .slider_company .slider05::before{
background-color: #FCDC21;
bottom: 0;
right: 0;
}

#company #cnt_area02 .slider_company .slider06{
max-width: 400px;
width: 100%;
padding-top: 105px;
}

#company #cnt_area03{
position: relative;
padding: 214px 0 173px;
}

#company #cnt_area03::before,#company #cnt_area03::after{
content: "";
display: block;
position: absolute;
left: 0;
}

#company #cnt_area03::before{
max-width: 1480px;
width: 77.09%;
height: 100%;
background-color: #E64A19;
border-radius: 0 120px 120px 0;
top: 0;
z-index: 1;
}

#company #cnt_area03::after{
width: 100%;
height: 568px;
height: 21.82%;
background-color: #fff;
bottom: 0;
}

#company #cnt_area03 .contents_in{
position: relative;
z-index: 1;
}

#company #cnt_area03 .h2_type01{
color: #fff;
margin-bottom: 80px;
}

#company #cnt_area03 .cnt_type02 .cnt_title{
border-color: rgba(0,0,0,0);
}

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

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

#company #cnt_area04 .company_box{
max-width: 800px;
width: 100%;
margin: 0 auto;
border-bottom: 1px solid #E7E7E7;
}

#company #cnt_area04 .company_box .dl_box{
padding: 26px 0 24px;
line-height: 2.2;
letter-spacing: 0.04em;
border-top: 1px solid #E7E7E7;
align-items: center;
}

#company #cnt_area04 .company_box dt{
font-weight: 700;
max-width: 160px;
width: 100%;
margin: 0 40px 0 0;
}

#company #cnt_area04 .company_box dd{
width: calc(100% - 160px - 40px);
}

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

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

#member #cnt_area01 .member_list li{
margin-bottom: 24px;
cursor: pointer;
}

/* ポップアップ */
.personal_block{
position: fixed;
top: 0;
left: 50%;
transform: translate(-50%,0%);
z-index: 100;
width: 100%;
height: 100%;
overflow: scroll;
padding: 148px 0;
display: none;
cursor: auto;
}

.personal_block .close_btn{
width: 100px;
height: 100px;
position: absolute;
top: -124px;
right: 0;
cursor: pointer;
}

.personal_block .close_btn::before{
content: "";
display: block;
width: 52px;
height: 52px;
background: url(../common/img/close.png) no-repeat center center/100% auto;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
}

.personal_area{
background-color: #FFFFFF;
max-width: 1200px;
width: 100%;
margin: 0 auto;
border-radius: 40px;
padding: 80px;
position: relative;
}

body.member_popup.fixed::before{
content: "";
display: block;
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
z-index: 20;
background: #000;
opacity: .6;
}

.personal_area .personal_box{
justify-content: space-between;
margin-bottom: 64px;
}

.personal_area .personal_box .personal_img{
max-width: 600px;
width: 57.7%;
}

.personal_area .personal_box .personal_img.tall{
height: 410px;
}

.personal_area .personal_box .personal_img.tall img{
width: auto;
height: 100%;
object-fit: cover;
margin: 0 auto;
}

.personal_area .personal_box .personal_text{
max-width: 376px;
width: 36.16%;
display: flex;
align-items: center;
}

.personal_area .personal_text .position_text{
display: inline-block;
font-size: 14px;
line-height: 2;
letter-spacing: 0.04em;
border-bottom: 1px solid #000;
padding-bottom: 4px;
margin-bottom: 8px;
}

.personal_area .personal_text .name_text{
font-weight: 700;
font-size: 32px;
line-height: 2;
letter-spacing: 0.04em;
}

.personal_area .personal_text .initial_text{
font-size: 14px;
letter-spacing: 0.1em;
color: #ABCB4E;
}

.personal_area .career_text{
border-top: 1px solid #E7E7E7;
border-bottom: 1px solid #E7E7E7;
padding: 64px 0;
margin-bottom: 74px;
line-height: 2.2;
letter-spacing: 0.04em;
}

.personal_area .relation_title{
font-weight: 700;
font-size: 28px;
line-height: 2;
letter-spacing: 0.04em;
color: #A6A6A6;
text-align: center;
margin-bottom: 32px;
}

.personal_area .cnt_type03 .cnt_box{
box-shadow: 0 0 20px rgba(0,0,0,.04);
}

#member #cnt_area01 .personal_area .cnt_type03 .cnt_box .tag_list li{
margin-bottom: 8px;
}

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

#download #cnt_area01 .cnt_type02{
background-color: #F3F1ED;
padding: 40px;
}

#download #cnt_area01 .cnt_type02 .cnt_box{
box-shadow: 0 0 20px rgba(0,0,0,.04);
padding: 48px 0 80px;
}

#download #cnt_area01 .cnt_type02 .cnt_title{
border-color: rgba(0,0,0,0);
}

#download #cnt_area01 .cnt_type02 .cnt_block{
max-width: 960px;
width: 100%;
margin: 0 auto 16px;
background-color: #F3F1ED;
}

#download #cnt_area01 .cnt_type02 .cnt_block .cnt_in{
padding: 40px;
max-width: 800px;
width: 100%;
}

#download #cnt_area01 .cnt_type02 .cnt_in .cnt_img{
max-width: 160px;
width: 100%;
border-radius: 4px;
overflow: hidden;
}

#download #cnt_area01 .cnt_type02 .cnt_in .cnt_text{
max-width: 520px;
width: 100%;
line-height: 2.2;
}

#download #cnt_area01 .cnt_type02 .cnt_in .cnt_text .catchcopy_text{
font-size: 16px;
margin-bottom: 8px;
}

#download #cnt_area01 .cnt_type02 .cnt_in .cnt_text p{
margin-bottom: 0;
}

#download #cnt_area01 .cnt_type02 .cnt_block .download_box{
max-width: 160px;
width: 100%;
border-left: 1px solid #CACACA;
display: flex;
align-items: center;
flex-wrap: wrap;
justify-content: center;
}

#download #cnt_area01 .cnt_type02 .cnt_block .download_btn{
width: 60px;
margin: 0 auto 8px;
border-radius: 50%;
background-color: #383631;
position: relative;
overflow: hidden;
}

#download #cnt_area01 .cnt_type02 .cnt_block .download_btn::before{
content: "";
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 0;
height: 0;
background: #E64A19;
z-index: 0;
transition: all 0.3s ease-out;
border-radius: 50%;
}

#download #cnt_area01 .cnt_type02 .cnt_block .download_btn:hover::before {
width: 120%;
height: 120%;
}

#download #cnt_area01 .cnt_type02 .cnt_block .download_btn a{
width: 100%;
height: 60px;
display: flex;
align-items: center;
justify-content: center;
transition: all .3s;
position: relative;
z-index: 1;
padding: 0;
}

#download #cnt_area01 .cnt_type02 .cnt_block .download_btn img{
max-width: 32px;
width: 100%;
margin: 0 auto;
}

#download #cnt_area01 .cnt_type02 .cnt_block .download_text{
font-weight: 700;
font-size: 14px;
line-height: 2;
letter-spacing: 0.04em;
color: #383631;
width: 100%;
text-align: center;
}

/*----------
09.採用情報
----------*/
#recruit .bg_white{
background-color: #fff;
}

#recruit #cnt_area01 .cnt_block{
background-color: #E64A19;
color: #fff;
padding: 200px 0;
}

#recruit #cnt_area01 .cnt_block .h2_type01{
margin-bottom: 40px;
}

#recruit #cnt_area01 .cnt_block p{
text-align: center;
line-height: 2.2;
letter-spacing: 0.04em;
}

#recruit #cnt_area01 .recruit_slider li{
margin: 0 10px;
max-width: 560px;
width: 100%;
}

#recruit #cnt_area02{
position: relative;
padding: 200px 0;
}

#recruit #cnt_area02::before{
content: "";
display: block;
max-width: 1800px;
width: 93.75%;
height: 100%;
background-color: #fff;
border-radius: 0 120px 120px 0;
position: absolute;
top: 0;
left: 0;
}

#recruit #cnt_area02 .contents_in{
position: relative;
z-index: 1;
}

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

#recruit #cnt_area02 .cnt_img{
max-width: 1200px;
width: 62.5%;
margin: 0 auto 80px;
}

#recruit #cnt_area02 .cnt_img a{
display: block;
border: 1px solid #dfdfdf;
transition: all .3s;
}

#recruit #cnt_area02 .cnt_img a:hover{
opacity: .5;
}

#recruit #cnt_area02 .btn_ptn01{
max-width: 328px;
width: 100%;
margin: 0 auto;
background-color: #6DA3F4;
}

#recruit #cnt_area02 .btn_ptn01::before{
background-color: #5782C3;
}

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

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

#recruit #cnt_area03 .cnt_block{
position: relative;
padding: 197px 0 155px;
}

#recruit #cnt_area03 .cnt_block::before{
content: "";
display: block;
max-width: 1460px;
width: 76.05%;
height: 100%;
background-color: #ABCB4E;
border-radius: 0 120px 120px 0;
position: absolute;
top: 0;
left: 0;
}

#recruit #cnt_area03 .cnt_block .contents_in{
position: relative;
z-index: 1;
}

#recruit #cnt_area03 .cnt_box{
background-color: #fff;
margin-bottom: 16px;
border-radius: 8px;
}

#recruit #cnt_area03 .cnt_box .cnt_number{
font-weight: 900;
color: #F3F1ED;
font-size: 100px;
line-height: 1;
border-right: 1px solid #E64A19;
max-width: 200px;
width: 100%;
display: flex;
align-items: center;
justify-content: center;
}

#recruit #cnt_area03 .cnt_box .cnt_text{
width: calc(100% - 200px);
padding: 40px 80px 40px 64px;
letter-spacing: 0.04em;
}

#recruit #cnt_area03 .cnt_box .title{
color: #ABCB4E;
font-weight: 700;
font-size: 32px;
line-height: 2;
margin-bottom: 16px;
}

#recruit #cnt_area03 .cnt_box p{
line-height: 2.2;
}

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

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

#recruit #cnt_area04 .cnt_g{
flex-wrap: wrap;
}

#recruit #cnt_area04 .cnt_box{
max-width: 320px;
width: 26.67%;
margin: 40px 10% 80px 0;
}

#recruit #cnt_area04 .cnt_box:nth-child(3n){
margin-right: 0;
}

#recruit #cnt_area04 .cnt_img{
max-width: 120px;
width: 100%;
margin: 0 auto 10px;
}

#recruit #cnt_area04 .title{
font-weight: 700;
font-size: 32px;
line-height: 2;
letter-spacing: 0.04em;
color: #E64A19;
text-align: center;
}

#recruit #cnt_area04 .number_box{
display: flex;
justify-content: center;
align-items: flex-end;
margin-top: 10px;
}

#recruit #cnt_area04 .number_box .number_text{
font-weight: 900;
font-size: 90px;
color: #9AC2FF;
line-height: 1;
}

#recruit #cnt_area04 .number_box .number_unit{
margin: 0 0 9px 5px;
font-weight: 700;
font-size: 30px;
line-height: 1;
letter-spacing: 0.04em;
}

#recruit #cnt_area04 .cnt_box p{
margin-top: 20px;
line-height: 2.2;
letter-spacing: 0.04em;
}

#recruit #cnt_area04 .btn_ptn01{
max-width: 278px;
margin: 0 auto;
background-color: #E64A19;
}

#recruit #cnt_area04 .btn_ptn01::before{
background-color: #B83B14;
}

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

#recruit #cnt_area05 .h2_type01{
margin-bottom: 80px;
}

#recruit #cnt_area05 .cnt_type03 .cnt_box{
box-shadow: 0 0 20px rgba(0,0,0,.04);
}

#recruit #cnt_area05 .cnt_type03 .cnt_box:nth-child(3n){
margin-right: 0;
}

#recruit #cnt_area05 .cnt_type03 .cnt_box .cnt_img{
height: 192px;
}

#recruit #cnt_area06{
padding: 0 0 200px;
}

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

#recruit #cnt_area06 .btn_ptn01{
max-width: 276px;
margin: 0 auto;
background-color: #6DA3F4;
}

#recruit #cnt_area06 .btn_ptn01::before{
background-color: #5782C3;
}

#recruit #cnt_area07{
padding: 200px 0;
}

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

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

#recruit #cnt_area07 .question_box{
margin-bottom: 24px;
letter-spacing: 0.04em;
}

#recruit #cnt_area07 .question_box dt{
position: relative;
background-color: #fff;
cursor: pointer;
padding: 24px 80px 24px 40px;
font-weight: 700;
font-size: 20px;
line-height: 2;
}

#recruit #cnt_area07 .question_box dt::after{
content: "";
display: block;
width: 16px;
height: 10px;
background: url(../common/img/arrow01_gray.png) no-repeat center center/100% auto;
position: absolute;
top: 50%;
right: 44px;
transform: translateY(-50%);
transition: all .3s;
}

#recruit #cnt_area07 .question_box.active dt::after{
transform: translateY(-50%) rotate(180deg);
}

#recruit #cnt_area07 .question_box dd{
display: none;
padding: 24px 0 0 40px;
line-height: 2.2;
}

#recruit #cnt_area07 .btn_ptn01{
max-width: 278px;
margin: 0 auto;
background-color: #E64A19;
}

#recruit #cnt_area07 .btn_ptn01::before{
background-color: #B83B14;
}

#recruit .recruit_job_btn{
position: fixed;
z-index: 2;
bottom: 40px;
right: 40px;
width: 200px;
}

#recruit .recruit_job_btn a{
display: block;
width: 100%;
border: 2px solid #E64A19;
background-color: #fff;
color: #E64A19;
border-radius: 8px;
padding: 17px 0;
text-align: center;
font-weight: 700;
line-height: 1.5;
letter-spacing: 0.04em;
transition: all .3s;
}

#recruit .recruit_job_btn a:hover{
background-color: #E64A19;
color: #fff;
}

#recruit .recruit_job_btn a::after{
content: "";
display: block;
background: url(../common/img/arrow01_white.png) no-repeat center center/8px auto;
background-color: #555044;
width: 32px;
height: 18px;
border-radius: 9px;
margin: 10px auto 0;
}

#recruit .recruit_job_btn .big_text{
font-size: 20px;
}

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

#job #cnt_area01 .job_list{
max-width: 1200px;
width: 100%;
margin: 0 auto 120px;
background-color: #F3F1ED;
padding: 24px;
}

#job #cnt_area01 .job_list li{
margin-bottom: 24px;
}

#job #cnt_area01 .job_list li a{
width: 100%;
background-color: #fff;
padding: 40px;
align-items: center;
justify-content: space-between;
position: relative;
transition: all .3s;
}

#job #cnt_area01 .job_list li a:hover{
box-shadow: 0 2px 10px rgba(0,0,0,.16);
}

#job #cnt_area01 .job_list li .job_category{
display: inline-block;
background-color: #555044;
color: #fff;
border-radius: 2px;
padding: 10px 16px;
font-weight: 700;
font-size: 12px;
line-height: 1;
letter-spacing: 0.04em;
text-align: center;
margin-right: 24px;
}

#job #cnt_area01 .job_list li .job_title{
font-weight: 700;
font-size: 20px;
line-height: 2;
letter-spacing: 0.04em;
display: flex;
align-items: center;
}

#job #cnt_area01 .job_list li .job_status{
font-weight: 700;
line-height: 2.2;
letter-spacing: 0.04em;
color: #A6A6A6;
}

#job #cnt_area01 .btn_ptn01{
max-width: 268px;
margin: 0 auto;
background-color: #F3F1ED;
}

#job #cnt_area01 .btn_ptn01::before{
background-color: #e8e7e4;
}

#job #cnt_area01 .btn_ptn01 a{
color: #555044;
padding-left: 24px;
text-align: center;
}

#job #cnt_area01 .btn_ptn01 a::after{
background-image: url(../common/img/arrow01_black02.png);
right: auto;
left: 34px;
transition: transform 0s;
transition: left .3s;
}

/*----------
10-01.募集職種詳細
----------*/
.lower_page .job_single_common{
margin-top: 0;
}

.job_single_common .h1_type01.sticky{
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 100;
}

.job_single_common .h1_type01 .contents_in{
text-align: left;
padding: 2.13% 0;
align-items: center;
justify-content: space-between;
}

.job_single_common .h1_type01 .h1_title{
font-size: clamp(24px, 1.67vw, 32px);
line-height: 1.6;
margin-bottom: 0;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}

.job_single_common .h1_type01 .btn_ptn01{
background-color: #E64A19;
border-radius: 46px;
}

.job_single_common .h1_type01 .btn_ptn01::before{
background-color: #B83B14;
}

.job_single_common .h1_type01 .btn_ptn01 a{
line-height: 1.4;
}

.job_single_common #cnt_area01{
background-color: #fff;
padding: 80px 0 200px;
}

.job_single_common #cnt_area01 table{
margin: 0 auto 120px;
}

.job_single_common #cnt_area01 tr{
font-size: 14px;
line-height: 2;
letter-spacing: 0.04em;
border-bottom: 1px solid #E7E7E7;
}

.job_single_common #cnt_area01 th{
font-weight: 700;
width: 240px;
padding: 30px 40px 30px 0;
text-align: left;
}

.job_single_common #cnt_area01 td{
width: calc(100% - 240px);
padding: 30px 0;
}

.job_single_common #cnt_area01 .btn_ptn01{
max-width: 311px;
margin: 0 auto 40px;
background-color: #E64A19;
}

.job_single_common #cnt_area01 .btn_ptn01::before{
background-color: #B83B14;
}

.job_single_common #cnt_area01 .back_btn{
max-width: 186px;
width: 100%;
margin: 0 auto;
}

.job_single_common #cnt_area01 .back_btn a{
font-weight: 700;
color: #555044;
letter-spacing: 0.04em;
text-align: center;
}

.job_single_common #cnt_area01 .back_btn a::before{
display: inline-block;
content: "";
width: 11px;
height: 8px;
background: url(../common/img/arrow01_black02.png) no-repeat center center/100% auto;
margin-right: 18px;
vertical-align: top;
position: relative;
transition: all .3s;
margin-top: 4px;
left: 0;
}

.job_single_common #cnt_area01 .back_btn a:hover::before{
left: -10px;
}

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

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

/*----------
13.情報セキュリティ方針
----------*/
.privacy_common #cnt_area01{
padding: 200px 0;
line-height: 2;
letter-spacing: 0.04em;
background-color: #fff;
}

.privacy_common #cnt_area01 dt{
font-weight: 700;
font-size: 20px;
margin-bottom: 16px;
}

.privacy_common #cnt_area01 dd{
font-size: 14px;
}

.privacy_common #cnt_area01 dd + dt{
margin-top: 40px;
}

.privacy_common #cnt_area01 ol li{
list-style: decimal;
margin-left: 1.4em;
}

.privacy_common #cnt_area01 dl a{
text-decoration: underline;
}

.privacy_common #cnt_area01 dl a:hover{
text-decoration: none;
}

.privacy_common #cnt_area01 .last_text{
margin-top: 16px;
font-size: 14px;
}

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

/*----------
15.404
----------*/
#not_found #cnt_area01{
background: #fff;
padding: 120px 0;
}

#not_found #cnt_area01 p{
line-height: 2;
text-align: center;
margin-bottom: 80px;
}

#not_found #cnt_area01 .btn_ptn01{
background-color: #E64A19;
margin: 0 auto;
}