@charset "utf-8";
/* CSS Document */

/*----------------------------------------------------------------------------
 ***                                                                Container
----------------------------------------------------------------------------*/
body,h1,h2,h3,h4,h5,h6,td,th,div,p,input,textarea,pre,ul,ol,li,address{}

body {}

#wrap {}

img{}

a:hover,
a:link{text-decoration:none;}


#mainContents .sectionInner{
    width: 1090px;
    max-width: 95%;
    margin: 0 auto;
    padding: 7em 0;
}

/* tab*/
.tab{
    width: 860px;
    max-width: 95%;
    margin: auto;
}
.tab .tabList{}
.tab .tabList .tabListItem{
    font-size: 1.7rem;
}
.tab .tabList .btnActive{}
.tab .Contents{}

.tab .Contents .tabContents{}

.tab .Contents .tabContents .contentsList{
    gap: 1.5rem;
    justify-content: center;
}
.tab .Contents .tabContents .contentsList .listItem{
    width: 160px;
    margin: 0;
}

.tab .Contents .tabContents .contentsList .listItem:last-child{}

.tab .Contents .tabContentss .contentsList .listItem:hover{}
.tab .Contents .tabContents .contentsList .listItem img{}
.tab .Contents .tabContents .contentsList .listItem p{
    font-size: 1.7rem;
}
.tab .Contents .tabContents .contentsList .listItem a{
    font-size: 1.4rem;
}

.tab .Contents .contentsActive{}

/*slider*/
.slickslider .slick-prev{
    /* right: 0; */
    left: 17%;
}

.slickslider .slick-next{right: 17%;}
.slickslider .slick-dots{
    top: 103%;
}
.slickslider .slick-dots li{}
.slickslider .slick-dots li button:before{
}
.slickslider .slick-track{}
/*----------------------------------------------------------------------------
 ***                                                               topSlideSec
----------------------------------------------------------------------------*/

.topSlideSec{}
.topSlideSec .slick-dotted.slick-slider{
    margin-bottom: 50px;
}
.topSlideSec .listBox{}
.topSlideSec .listBox .listItem{}
.topSlideSec .listBox .listItem .heading{}
.topSlideSec .listBox .listItem .txts{}
.topSlideSec .listBox .listItem .txtl{}
.topSlideSec .listBox .listItem .bl{}
.topSlideSec .listBox.gridBox .item01{background: url(../../images/renew_2512/fv_item1_pc.jpg) no-repeat center center / cover;height: 110px;width: 330px;/* width: auto; */}
.topSlideSec .listBox.gridBox .item02{background: url(../../images/renew_2512/fv_item2_pc.jpg) no-repeat center center / cover;height: 340px;width: 330px;margin-top: -120px;}
.topSlideSec .listBox.gridBox .item03{background: url(../../images/renew_2512/fv_item4_pc.jpg) no-repeat center center / cover;height: 277px;}
.topSlideSec .listBox.gridBox .item04{background: url(../../images/renew_2512/fv_item5_pc.jpg) no-repeat center center / cover;height: 170px;margin-top: 50px;}
.topSlideSec .listBox.gridBox .item05{background: url(../../images/renew_2512/fv_item3_pc.jpg) no-repeat center center / cover;margin-left: -30px;height: auto;}
.topSlideSec .listBox.gridBox .item06{background: url(../../images/renew_2512/fv_item6_pc.jpg) no-repeat center center / cover;margin-left: -30px;height: auto;margin-top: 2px;height: 218px;}
.topSlideSec .listBox .item05 p{}
.topSlideSec .slickslider .slide{
    width: 1090px;
    height: 460px;
    max-width: 95%;
    max-height: 460px;
    aspect-ratio: 109 / 46;
*/
    margin: 0 3em;
*/
    margin: 0 3em;
    margin: 0 1.5em;
}
.topSlideSec .slickslider .slide.gridBox{
    /* width: 1090px; */
    /* height: 460px; */
    max-width: 95%;
    max-height: 460px;
    aspect-ratio: 109 / 46;
}
.topSlideSec .slickslider .slide.gridBox{
    gap: 10px;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(2, 230px); /* 1マスの高さ */
     /* スライド全体の高さに合わせて調整 */
    grid-template-areas:
        "item1 item5 item3"
        "item2 item6 item4"; /* item3が2マス分連結 */
}
.topSlideSec .slickslider .slick-next,.topSlideSec .slickslider .slick-prev{
    top: 105%;
}

/*----------------------------------------------------------------------------
 ***                                                               inquirySec
----------------------------------------------------------------------------*/

#inquirySec{}
#inquirySec .sectionInner{
    display: flex;
    justify-content: center;
    gap: 3rem;
    margin: 1.5rem auto;
    padding: 3em 0;
}
#inquirySec .btnBox{
    text-align: center;
    margin: 0;
    font-size: 2.6rem;
}
#inquirySec .counseling{}
#inquirySec .counseling .text{}
#inquirySec .counseling .btn{
    /* padding: 0.5rem 3rem; */
}
#inquirySec .line{}
#inquirySec .line .text{}
#inquirySec .line .btn{}
#inquirySec .text{
    font-size: 70%;
}
#inquirySec .text::after,#inquirySec .text::before{}
#inquirySec .counseling .text::before,
#inquirySec .counseling .text::after{}
#inquirySec .line .text::before,
#inquirySec .line .text::after{}
#inquirySec .text::before{}
#inquirySec .text::after{}
#inquirySec .btn{
    padding: 1rem 3rem;
    width: auto;
    font-size: 100%;
    min-width: 360px;
}
#inquirySec .btn::before,#inquirySec .btn::after{}
#inquirySec .btn::before{}
#inquirySec .btn::after{}

/*----------------------------------------------------------------------------
 ***                                                               contentsArea
----------------------------------------------------------------------------*/

#contentsArea .mainSection .bgGry{}
#contentsArea .mainSection .titleBox{}
#contentsArea .mainSection .titleBox .title{
    font-size: 3rem;
}
#contentsArea .mainSection .titleBox .subTitle{
    font-size: 1.9rem;
}
#contentsArea .mainSection .titleBox .text{
    font-size: 1.6rem;
}
.mainSection .moreBox{
}
.mainSection .moreBox .btn{
    display: block;
    width: max-content;
    font-size: 2.1rem;
    margin-top: 2rem;
    padding: 1rem 7rem;
}



/*----------------------------------------------------------------------------
 ***                                                               campaignSec
----------------------------------------------------------------------------*/

#campaignSec{}
#campaignSec .sectionInner{
    padding: 4rem 0;
    width: 100%;
}
#campaignSec .titleBox{}
#campaignSec .titleBox .title{
    font-size: 3rem;
}
#campaignSec .titleBox .text{
    font-size: 1.6rem;
}
#campaignSec .slideBox{}
#campaignSec .slideBox .slide{
    width: 380px;
}
#campaignSec .slickslider .slick-prev{}
#campaignSec .slickslider .slick-next{}
#campaignSec .slickslider .slick-dots li button:before{}
#campaignSec .slickslider .slick-dots{}

/*----------------------------------------------------------------------------
 ***                                                               quotationSec
----------------------------------------------------------------------------*/

#quotationSec{}
#quotationSec .titleBox{}
#quotationSec .titleBox .title{}
#quotationSec .titleBox .subTitle{}
#quotationSec .text{}
#quotationSec .listBox{}
#quotationSec .listBox .listItem{}
#quotationSec .listBox .listItem .num{}
#quotationSec .listBox .listItem .heading{}

#quotationSec .listBox .listItem .heading .strong{}
#quotationSec .btn{}
/* 共通パーツ組み込み */
#quotationSec form#inpost{
    flex-direction: row;
    flex-wrap: wrap;
}
#quotationSec form#inpost .listItem{
    width: 30%;
}
#quotationSec form#inpost .listItem:has(button){
    width: 100%;
    display: block;
    text-align: center;
    margin-top: 2rem;
}

#quotationSec form#inpost .listItem button{
    display: block;
    width: auto;
    margin: 0 auto;
    padding: 1.4rem 4.2rem;
    font-size: 2.1rem;
    font-weight: bold;
    text-decoration: none;
    text-align: center;
    color: #fff;
    background-color: #ef8346;
    box-shadow: 0 3px #c34a14;
    border-radius: 0.2em;
}
#quotationSec form#inpost .listItem .num{}
#quotationSec form#inpost .listItem .heading{
    font-size: 1.7rem;
    width: auto;
}
#quotationSec form#inpost .listItem .heading strong{
    font-size: 2.1rem;
}
#quotationSec form#inpost .listItem select{
    font-size: 2.1rem;
}
#quotationSec form#inpost .listItem select option{}

#quotationSec form#inpost .listItem select option span{}

#quotationSec form#inpost .listItem select option span strong{}

/*----------------------------------------------------------------------------
 ***                                                               styleSec
----------------------------------------------------------------------------*/

#styleSec{}
#styleSec .sectionInner{
}
#styleSec .contentBox{}
#styleSec .contentBox #tabs{}
#styleSec .contentBox #tabs li{}

/*----------------------------------------------------------------------------
 ***                                                               seleSec
----------------------------------------------------------------------------*/


#seleSec{}
#seleSec .sectionInner{
}
#seleSec .countryListBox{
    width: 100%;
    height: auto;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}
#seleSec .countryListBox a{}
#seleSec .countryListBox .listItem{
    width: 140px;
    margin: 0;
}
#seleSec .countryListBox .listItem img{}
#seleSec .countryListBox .listItem .name{
    /* bottom: 10%; */
    font-size: 1.3rem;
}
#seleSec .scrollBox{
    overflow: hidden;
}

/*----------------------------------------------------------------------------
 ***                                                               seleSec
----------------------------------------------------------------------------*/

#schoolSearchSec{
    background: url(../../images/renew_2512/srh_bg_pc.jpg) no-repeat center center;
    background-size: cover;
}
#schoolSearchSec .sectionInner{}
#schoolSearchSec .titleBox{}
#contentsArea .mainSection #schoolSearchSec .titleBox .title{
    font-size: 4rem;
    width: max-content;
    padding: 1.6rem 7rem;
}
#contentsArea .mainSection #schoolSearchSec .titleBox .text{
    text-align: center;
    font-size: 1.5rem;
}
#schoolSearchSec .btn{
    font-size: 2.1rem;
    width: max-content;
    margin-top: 2rem;
    padding: 1rem 4rem;
}
#schoolSearchSec .catch{
    text-align: center;
    font-size: 1.7rem;
}

/*----------------------------------------------------------------------------
 ***                                                               experienceSec
----------------------------------------------------------------------------*/
#experienceSec{}
#experienceSec .sectionInner{}
#experienceSec .titleBox{}
#experienceSec .listItem{
    width: 260px;
}
#experienceSec .listItem .sectionInner{
    padding: 1.5rem 0 2em;
    display: flex;
    height: 100%;
    flex-direction: column;
    flex-wrap: wrap;
    flex: 1;
}

#experienceSec .button{
    font-size: 2.1rem;
    /* width: max-content; */
    /* padding: 1rem 4rem; */
}
#experienceSec button .strong{}
#experienceSec .profileBox{}
#experienceSec .profileBox .user_voice_detail_profile_image{}
#experienceSec .profileBox .info{}

#experienceSec .profileBox .info p{
    font-size: 1.9rem;
}
#experienceSec .profileBox .info p .txts{}
#experienceSec .profileBox .info .tag-list{}
#experienceSec .profileBox .info .tag-list .listItem{
    /* font-size: 1.9rem; */
}
#experienceSec .profileBox .info .tag-list .listItem:first-child{}
#experienceSec .listBox{
    margin-bottom: 5rem;
}
#experienceSec .user_voice_detail_life_image01{
}
#experienceSec .user_voice_detail_profile_main_text{}
#experienceSec .modified_formatted{
    font-size: 1.4rem;
    margin-top: auto;
}
#experienceSec .link{
    margin-top: 1rem;
}
#experienceSec .link a{
    font-size: 1.6rem;
}
#experienceSec .btn{
    width: max-content;
    /* font-size: 2.1rem; */
    /* padding: 1rem 6rem; */
}
#experienceSec .listBox button{}


/*----------------------------------------------------------------------------
 ***                                                            preparationSec
----------------------------------------------------------------------------*/

#preparationSec{}
#preparationSec .sectionInner{
    width: 100%;
    max-width: max-content;
}
#preparationSec .titleBox{}
#preparationSec .listBox{
    width: 1090px;
    max-width: 100%;
    margin-bottom: 5rem;
}
#preparationSec .listBox .listItem{
    width: 200px;
    height: auto;
    overflow: hidden;
}
#preparationSec .listBox .listItem .itemInner{
}
#preparationSec .listBox .info{}

#preparationSec .listBox .info::after{}
#preparationSec .listBox .infoImg{}
#preparationSec .listBox .listItem .infoTxt{
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    flex: 1;
    margin-bottom: 1em;
}
#preparationSec .listBox .infoTxt .heading{font-size: 1.8rem;}
#preparationSec .listBox .infoTxt .text{
    line-height: 1.2;
}
#preparationSec .listBox .infoTxt .link{
    font-size: 1.6rem;
    padding: 0.6rem 1.5rem;
}
#preparationSec .btn{
    /* font-size: 2.1rem; */
}


/*----------------------------------------------------------------------------
 ***                                                            reasonSec
----------------------------------------------------------------------------*/

#reasonSec{}
#reasonSec .sectionInner{}
#reasonSec .contentListBox{
    height: 460px;
    width: 100%;
    display: grid;
  /* 4列のグリッドを想定 */
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: 1fr 1fr;
    gap: 10px;
  /* エリアの名前を定義して配置を決める */
    grid-template-areas:
        "area1 area2 area4 area5"
        "area1 area3 area3 area6";
}
#reasonSec .contentListBox .item1{grid-area: area1;height: auto; background: url(../../images/renew_2512/rs_item1_pc.jpg) no-repeat center center / cover;}
#reasonSec .contentListBox .item2{grid-area: area6;height: 100%;background: url(../../images/renew_2512/rs_item6_pc.jpg) no-repeat center center / cover;}
#reasonSec .contentListBox .item3{grid-area: area4;/* width: 10%; */background: url(../../images/renew_2512/rs_item4_pc.jpg) no-repeat center center / cover;}
#reasonSec .contentListBox .item4{grid-area: area2;background: url(../../images/renew_2512/rs_item2_pc.jpg) no-repeat center center / cover;}
#reasonSec .contentListBox .item5{grid-area: area3;background: url(../../images/renew_2512/rs_item3_pc.jpg) no-repeat center center / cover;}
#reasonSec .contentListBox .item6{grid-area: area5;background: url(../../images/renew_2512/rs_item5_pc.jpg) no-repeat center center / cover;}
#reasonSec .contentListBox .listItem{
    margin: 0;
    height: auto;
}
#reasonSec .contentListBox .listItem::before,
#reasonSec .contentListBox .listItem::after{}
#reasonSec .contentListBox .listItem::before{}
#reasonSec .contentListBox .listItem::after{}
#reasonSec .contentListBox .listItem p{}
#reasonSec .contentListBox .listItem .num{}
#reasonSec .contentListBox .item1 .num{}
#reasonSec .contentListBox .item2 .num{}
#reasonSec .contentListBox .item3 .num{}
#reasonSec .contentListBox .item4 .num{}
#reasonSec .contentListBox .item5 .num{}
#reasonSec .contentListBox .item6 .num{}
#reasonSec .contentListBox .item6 .heading{}
#reasonSec .contentListBox .listItem .heading{}
#reasonSec .contentListBox .listItem .heading .txts{}
#reasonSec .contentListBox .listItem .text{}
#reasonSec .small{
    font-size: 1.1rem;
    margin: 1rem auto;
    text-align: right;
}

/*----------------------------------------------------------------------------
 ***                                                            counselingSec
----------------------------------------------------------------------------*/

#counselingSec{}
#counselingSec .btn{}

/*----------------------------------------------------------------------------
 ***                                                            newsSec
----------------------------------------------------------------------------*/
#newsSec{}
#newsSec .sectionInner{}
#newsSec .contents{
    border-radius: 1rem;
}
#newsSec .contents .title{
    border-radius: 0;
}
#newsSec ul{
    width: 900px;
    max-width: 95%;
    margin: 2rem auto;
}
#newsSec ul li{}
#newsSec ul li:nth-child(n+6){}
#newsSec ul li a{}
#newsSec ul li dl{
    display: flex;
    position: relative;
}
#newsSec ul li dl dt{
    font-size: 1.6rem;
    max-width: 6em;
    position: initial;
}
#newsSec ul li dl dt::after{
    right: 2rem;
}
#newsSec ul li dl dd{
    font-size: 1.5rem;
    padding-right: 4em;
}
#newsSec .btn{}


/* 採用情報 */
#entrySec{}
#entrySec .sectionInner{
    width: 960px;
}
#entrySec .entrysheetBox{
    padding: 2.5em 5%;
}
#entrySec .entrysheetBox h2{
    font-size: 2.2rem;
}
#entrySec .entrysheetBox h3{
    font-size: 1.8rem;
}
#entrySec .entrysheetBox ul{}
#entrySec .entrysheetBox li{
    font-size: 1.4rem;
}
#entrySec .entrysheetBox li span{
    width: auto;
    min-width: 180px;
    margin-right: 1em;
}
#entrySec .entrysheetBox li:not(:last-child){}
#entrySec .entrysheetBox .entrysheetLink{}
#entrySec .entrysheetBox li a{}
#entrySec .entrysheetBox a{}
#entrySec .entrysheetBox a:hover{}