@charset "UTF-8";
/*日本語*/
/*-----------------------------------
共通イブラリ
-----------------------------------*/
/**************************************

function

***************************************/
/*-----------------------------------
共通
-----------------------------------*/
html {
  font-size: 62.5%;
}

body {
  -webkit-text-size-adjust: none;/*--iphoneで縦、横にしても文字サイズが--*/
  font-size: 1.4rem;
  background: #fff;
  color: #000;
}

img {
  max-width: 100%;
  width: auto;
}

ul,
ol {
  list-style: none;
}

a {
  text-decoration: none;
  color: #3db4ff;
}

/*-----------------------------------
共通class
-----------------------------------*/
.sp-none { display: none !important;}



/**************************************

header

***************************************/
header.sd a > div > h1 { font-size: 2.4rem;}

.gNavi.sd { display:none; }

/**************************************

footer

***************************************/
.footerInT > a > p.text { font-size: 1.8rem;}
.footerInL {
    display: block;
    width: calc(50% - 0px);
}
.footerInL > div a { font-size: 3.0rem;}
.footerInUcopy > p { font-size: 1.4rem;}


/**************************************

Toppage

***************************************/
#mainImg h2 {
    font-size: 10rem;
    line-height: 1.3;
    width: 99%;
}

#topSec01, #topSec05 { padding: 90px 20px 90px;}

dl.topAboutDl, dl.topStaffDl,
dl.topCalngDl {
    margin: 0px auto 60px;
    padding: 0px 30px 40px;
}

.topCult,.topCarp { display: block;}
.topCult { padding: 100px 30px;}

dl.topCultDl {
    margin: 0px auto 50px;
    width: calc(100% - 0px);
    max-width: 100%;
    display: block;
}
.topCultImg {
    width: calc(75% - 0px);
    max-width: calc(75% - 0px);
    display: block;
}

.topCarpDl {
    width: calc(100% - 0px);
    max-width: calc(100% - 0px);
    display: block;
    margin-bottom: 30px;
}
.topCarpImg {
    height: 500px;
    width: calc(85% - 0px);
    max-width: calc(85% - 0px);
    border-radius: 30px;
}

.secEN { display: block;}
.secEN .secIn { display: block; width: calc(100% - 0px);}
.secEN .secIn .secIner { display:block; width: calc(100% - 0px);}

.secEN .secIn .secIner dl {
    display: block;
    width: 100%;
}
.secEN .secIn .secIner dl dt {
    margin-bottom: 40px;
}

div.entryBtn { display: block;}
div.entryBtn > a {
    width: calc(90% - 50px);
    max-width: calc(90% - 50px);
    margin: 0 auto 20px;
}

.secEN .secIn .secIner {
    padding: 70px 60px;
    width: calc(100% - 40px);
}
.secEN .secIn .secIner dl dt > div > p { font-size: 7.0rem;}
.secEN .secIn .secIner dl dt > div > p:last-child { font-size: 5.0rem;}
.secEN .secIn .secIner dl dd > p { font-size: 4.5rem;}
.secEN .secIn .secIner dl dd > p:last-child { font-size: 2.0rem;}

/**************************************

Underpage

***************************************/
h2.unH2 { font-size: 7.8rem;}
p.pageSTtl { font-size: 5.0rem;}
#culture #underSec01 p.pageTxt, 
#workstyle #underSec01 p.pageTxt { font-size: 2.4rem;}
p.pageTxt, p.dDtxt { font-size: 2.0rem;}
dl.wlbDl dd h4 { font-size: 2.2rem;}
dl.wlbDl dd p { font-size: 2.0rem;}

h3.uNrchiTxt { font-size: 7.3rem;}
p.abTxtW { font-size: 2.4rem;}
p.subTtl { font-size: 3.8rem;}
p.subDTtl { font-size: 2.5rem;}
dl.waysDl dd h4 {
    font-size: 3.5rem;
    line-height: 1.3;
    letter-spacing: 1px;
}

.cultListIn h3.uNrchiTxt { font-size: 6.0rem;}

#flow h3 { font-size: 8.0rem;}
section#underSec02 > div, section#underSec03 > div, 
section#underSec04 > div, section#underSec05 > div {
    width: calc(90% - 0px);
}
.flowBox > div > div { width: calc(50% - 20px);}
.flowList ul li {
    padding: 15px 20px;
    font-size: 2.0rem;
}
.flowBoxIn h4 { font-size: 3.6rem;}
.flowBoxIn p { font-size: 2.0rem;}

#career section#underSec02 > div.cpBox { width: calc(80% - 0px);}
dl.cpBoxIn dt { font-size: 3.2rem;}
p.cpTxt01 { font-size: 2.5rem;}
p.cpTxt02 { font-size: 4.2rem;}
dl.sptDl dt { font-size: 2.5rem;}
dl.sptDl dd { font-size: 2.0rem;}
.styBoxIn, .sklBoxIn { width: calc(90% - 0px);}
.styTtl dd p { font-size: 2.0rem;}
.styTtl dt {
    height: 145px;
    width: calc(30% - 0px);
}
.styTtl dd { width: calc(45% - 0px);}
.styBoxIn dl { width: calc(88% - 0px);}
.styBoxIn dl:before { left: -80px;}
.styBoxIn dl dt { font-size: 3.2rem;}
.styBoxIn dl dd { font-size: 2.0rem;}
.styBoxIn dl dd ul { width: calc(100% - 0px);}
.styBoxIn dl dd ul li:before { font-size: 5.0rem;}
.styBoxIn dl dd ul li p { font-size: 2.2rem;}
.comBoxIn p { font-size: 3.6rem;}
h3.sklH3 { font-size: 5.2rem;}
.sklBoxIn dl dt { font-size: 3.2rem;}
.sklBoxIn dl dd { font-size: 2.4rem;}
.sklBoxIn > p { font-size: 6.5rem;}
.crgBoxIn { padding: 0 30px;}
.crgTtl { padding: 18% 25% 10% 20%;}
p.crgTtlSub { font-size: 2.8rem;}
p.crgTtlTxt { font-size: 4.5rem;}

.nxtPage { width: calc(80% - 0px);}
div.entryBtn > a > div > div > p { font-size: 3.5rem;}
p.linkBtn { font-size: 2.2rem;}