@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap');
/* ========================================================================

  recruit.css

======================================================================== */
* { margin:0; padding:0; font-size:0; box-sizing:border-box; }
html.recruit { margin-top:0 !important; font-size:62.5%; }
body.recruit { font-size:16px; font-size:1.6em;  } /* =16px */
/************************************************************************
  body
************************************************************************/
ul { list-style:none; }
hr { display:none; }
img { max-width:100%; }

/* link */
a { color:#333333; text-decoration:none; }

.bold { font-weight:700; }
.medium { font-weight:500; } 
.flex { display:flex; }
.sp-only { display:none; }

:root {
--noto-sans-jp:"Noto Sans JP", sans-serif;
--fontsize-12:min(calc(12/1920*100vw), 12px);
--fontsize-16:min(calc(16/1920*100vw), 16px);
--fontsize-18:min(calc(18/1920*100vw), 18px);
--fontsize-20:min(calc(20/1920*100vw), 20px);
--fontsize-22:min(calc(22/1920*100vw), 22px);
--fontsize-28:min(calc(28/1920*100vw), 28px);
--fontsize-30:min(calc(30/1920*100vw), 30px);
--fontsize-36:min(calc(36/1920*100vw), 36px);
--fontsize-40:min(calc(40/1920*100vw), 40px);
--fontsize-45:min(calc(45/1920*100vw), 45px);
--fontsize-60:min(calc(60/1920*100vw), 60px);
--fontsize-70:min(calc(70/1920*100vw), 70px);
--fontsize-92:min(calc(92/1920*100vw), 92px);
}
/* ============ smart phone ============ */
@media (max-width:750px){
body { font-size:calc(24/750*100vw) }
.sp-only { display:initial; }
.pc-only { display:none; }
:root {
--fontsize-12:calc(20/750*100vw);
--fontsize-16:calc(20/750*100vw);
--fontsize-18:calc(22/750*100vw);
--fontsize-20:calc(28/750*100vw);
--fontsize-22:calc(28/750*100vw);
--fontsize-28:calc(30/750*100vw);
--fontsize-30:calc(30/750*100vw);
--fontsize-40:calc(26/750*100vw);
--fontsize-45:calc(45/750*100vw);
--fontsize-60:calc(62/750*100vw);
--fontsize-92:calc(55/750*100vw);


--fontsize-20-sp:calc(20/750*100vw);
--fontsize-22-sp:calc(22/750*100vw);
--fontsize-24-sp:calc(24/750*100vw);
--fontsize-25-sp:calc(25/750*100vw);
--fontsize-30-sp:calc(30/750*100vw);
--fontsize-32-sp:calc(32/750*100vw);
--fontsize-38-sp:calc(38/750*100vw);
--fontsize-40-sp:calc(40/750*100vw);
--fontsize-42-sp:calc(42/750*100vw);
--fontsize-62-sp:calc(62/750*100vw);
}
}
/************************************************************************
  body.recruit
************************************************************************/
body.recruit { font-family:var(--noto-sans-jp); }
body.recruit main { background-color:#d8ebf1; }
/************************************************************************
  header
************************************************************************/
body.recruit header { width:100%; height:min(calc(120/1920*100vw), 120px); background-color:#d8ebf1; font-size:0; display:flex; align-items:center; justify-content:space-between; position:fixed; z-index:9999; }

/* .text */
body.recruit header .text { padding:0 min(calc(30/1920*100vw), 30px); width:min(calc(1500/1920*100vw), 1500px); display:flex; align-items:flex-end; }
body.recruit header h1 { margin-right:min(calc(50/1920*100vw), 50px); width:min(calc(249/1920*100vw), 249px); height:min(calc(55/1920*100vw), 55px); background:url('../images/h1.svg') no-repeat; background-size:100% auto; }
body.recruit header h1 a { width:100%; height:100%; display:block; }
body.recruit header h2 { width:min(calc(258/1920*100vw), 258px); height:min(calc(14/1920*100vw), 14px); background:url('../images/h2.svg') no-repeat; background-size:100% auto; }
body.recruit header p.txt { font-size:var(--fontsize-28); }
/* ============ smart phone ============ */
@media (max-width:750px){
body.recruit header { padding:0 0 0 calc(30/750*100vw); width:100vw; height:calc(150/750*100vw); justify-content:space-between; }
body.recruit header .text { padding:0; width:calc(300/750*100vw); flex-direction:column; align-items:flex-start; }
body.recruit header h1 { margin-right:0; margin-bottom:calc(15/750*100vw); width:calc(299/750*100vw); height:calc(66/750*100vw); }
body.recruit header h2 { width:calc(251.5/750*100vw); height:calc(12.6/750*100vw); }
}
/************************************************************************
  nav#menu
************************************************************************/
nav#menu { width:min(calc(370/1920*100vw), 370px);  height:100%; position:absolute; right:0; display:flex; }
/* ============ smart phone ============ */
@media (max-width:750px){
nav#menu { width:calc(200/750*100vw); }
}
/************************************************************************
  a#entry-link
************************************************************************/
body.recruit a#entry-link { width:min(calc(220/1920*100vw), 220px); height:100%; background-color:#73c819; display:flex; justify-content:center; align-items:center; }
body.recruit a#entry-link::before { content:''; width:min(calc(71/1920*100vw), 71px); height:min(calc(14/1920*100vw), 14px); background:url('../images/entry-link.svg') no-repeat; background-size:100% auto; }
/* ============ smart phone ============ */
@media (max-width:750px){
body.recruit a#entry-link { display:none; }
}
/************************************************************************
  #drawer
************************************************************************/
#drawer { width:min(calc(150/1920*100vw), 150px); height:100%; display:flex; align-items:center; justify-content:center; }
#drawer #nav-open { transition:.5s ease-in-out; }
#drawer #nav-open img { width:min(calc(62/1920*100vw), 62px); }
#drawer #nav-close { width:min(calc(26/1920*100vw), 26px); height:auto; aspect-ratio:1/1; background:url('../images/btn_close.svg') no-repeat; background-size:100% auto; transition:1s ease-in-out; }
#drawer #nav-close::before { content:''; margin-top:min(calc(8/1920*100vw), 8px); width:min(calc(71/1920*100vw), 71px); height:min(calc(14/1920*100vw), 14px); background:url('../images/close.svg') no-repeat; background-size:100% auto; display:inline-block; position:relative; left:max(calc(-100/1920*100vw), -100px); }
/* ul.contents */
#nav-input:checked ~ #nav-close { opacity:1; }
#drawer .contents { padding:min(calc(150/1920*100vw), 150px) min(calc(50/1920*100vw), 50px) min(calc(55/1920*100vw), 55px); width:min(calc(635/1920*100vw), 635px); height:min(calc(970/1920*100vw), 970px); border-radius:min(calc(20/1920*100vw), 20px) 0 0 min(calc(20/1920*100vw), 20px); background-color:rgba(255,255,255,0.9); right:0; left:auto; -webkit-transform:translateX(105vw); transform:translateX(105vw); transition:.5s ease-in-out; }
#nav-input:checked ~ .contents { -webkit-transform:translateX(0); transform:translateX(0); }

#drawer .contents ul#main-menu > li { margin-bottom:min(calc(20/1920*100vw), 20px); padding-bottom:min(calc(10/1920*100vw), 10px); border-bottom:1px solid #343434; }
#drawer .contents ul li a { color:#000000; line-height:2; font-weight:700; font-size:var(--fontsize-40); display:flex; align-items:center; position:relative; }
#drawer .contents ul li a small { margin-left:1em; color:#1f82be; font-weight:500; font-size:var(--fontsize-18); display:inline-block; }
#drawer .contents ul li a::after,
#nav-entry a::after { content:''; background-repeat:no-repeat; background-size:100% auto; display:inline-block; }

#drawer .contents ul li span { padding-bottom:min(calc(20/1920*100vw), 20px); color:#000000; font-weight:700; font-size:var(--fontsize-40); display:flex; align-items:center; }
#drawer .contents ul li span small { margin-left:1em; color:#1f82be; font-weight:500; font-size:var(--fontsize-18); display:inline-block; }

#drawer .contents ul#main-menu li a::after,
#nav-entry a::after { width:min(calc(20/1920*100vw), 20px); height:min(calc(14/1920*100vw), 14px); background-image:url('../images/arrow_blue.svg'); position:absolute; right:min(calc(20/1920*100vw), 20px); }
#drawer .contents ul#main-menu li a::after { background-image:url('../images/arrow_blue.svg'); }
#nav-entry a::after { background-image:url('../images/arrow.svg'); right:min(calc(20/1920*100vw), 20px); }

#drawer .contents ul#main-menu,
#nav-entry { margin-bottom:min(calc(60/1920*100vw), 60px); }
#nav-entry a { padding:0 min(calc(25/1920*100vw), 25px); height:min(calc(60/1920*100vw), 60px); background-color:#1f82be; color:#ffffff; border-radius:min(calc(5/1920*100vw), 5px); display:flex; align-items:center; font-size:var(--fontsize-30); position:relative; }

/* ul#sub-menu */
#drawer .contents ul#sub-menu { display:flex; justify-content:space-between; }
#drawer .contents ul#sub-menu li { width:min(calc(235/1920*100vw), 235px); }
#drawer .contents ul#sub-menu li a { padding:0 min(calc(20/1920*100vw), 20px); height:min(calc(60/1920*100vw), 60px); background-color:#f4f2f0; border-radius:min(calc(5/1920*100vw), 5px); font-size:var(--fontsize-18); display:flex; align-items:center; position:relative; }
#drawer .contents ul#sub-menu li a::after { width:min(calc(20/1920*100vw), 20px); height:min(calc(20/1920*100vw), 20px); background-image:url('../images/icon_external_links.svg'); position:absolute; right:min(calc(20/1920*100vw), 20px); }

#drawer .contents::after { content:''; width:min(calc(249/1920*100vw), 249px); height:min(calc(55/1920*100vw), 55px); background:url('../images/h1.svg') no-repeat; background-size:100% auto; display:block; position:absolute; bottom:min(calc(55/1920*100vw), 55px); }

/* ============ smart phone ============ */
@media (max-width:750px){
#drawer { width:calc(200/750*100vw); }
#drawer #nav-open img { width:calc(62/750*100vw); }
#drawer #nav-close { width:calc(62/750*100vw); }
/* ul.contents */
#drawer .contents { padding:calc(150/750*100vw) calc(50/750*100vw); width:calc(710/750*100vw); height:calc(1085/750*100vw); }
#drawer .contents::after { width:calc(278/750*100vw); height:calc(61/750*100vw); bottom:calc(55/750*100vw); }
#drawer .contents ul li a { font-size:var(--fontsize-42-sp); }
#drawer .contents ul li span { font-size:var(--fontsize-42-sp); }
/* #nav-close */
#drawer #nav-close { width:calc(27/750*100vw); }
#drawer #nav-close::before { margin-top:calc(6/750*100vw); width:calc(78/750*100vw); height:calc(15/750*100vw); left:calc(-110/750*100vw); }
/* ul#main-menu */
#drawer .contents ul#main-menu { margin-bottom:calc(75/750*100vw);  }
#drawer .contents ul#main-menu > li { margin-bottom:calc(25/750*100vw); }
#drawer .contents ul#main-menu > li:last-child { margin-bottom:0; }
/* #nav-entry */
#nav-entry a { padding:0 calc(20/750*100vw); height:calc(67/750*100vw); border-radius:calc(5/750*100vw); }
/* ul#sub-menu */
#drawer .contents ul#sub-menu { flex-direction:column; }
#drawer .contents ul#sub-menu li { margin-bottom:calc(15/750*100vw); width:auto; }
#drawer .contents ul#sub-menu li a { padding:0 calc(20/750*100vw); height:calc(67/750*100vw); border-radius:calc(5/750*100vw); font-size:var(--fontsize-18); }
#drawer .contents ul#sub-menu li a::after { width:calc(22/750*100vw); height:calc(22/750*100vw); right:calc(20/750*100vw); }
#drawer .contents ul#main-menu li a::after,
#drawer .contents #nav-entry a::after { width:calc(20/750*100vw); height:calc(15/750*100vw); right:calc(20/750*100vw); }
}
/************************************************************************
  main
************************************************************************/
body.recruit main { padding:min(calc(120/1920*100vw), 120px) 0 min(calc(160/1920*100vw), 160px); position:relative; z-index:0; }
body.recruit main::after { content:''; width:100%; height:min(calc(835/1920*100vw), 835px); background:#1F82BE; background:linear-gradient(0deg,rgba(31, 130, 190, 1) 0%, rgba(173, 242, 92, 0.56) 62%, rgba(216, 235, 241, 0.1) 100%); display:block; position:absolute; bottom:0; z-index:-1; pointer-events:none; opacity:0.8; }

body#recruit main h2 { margin-bottom:min(calc(35/1920*100vw), 35px); width:min(calc(960/1920*100vw), 960px); height:min(calc(115/1920*100vw), 115px); border-radius:0 min(calc(60/1920*100vw), 60px) min(calc(60/1920*100vw), 60px) 0; display:flex; align-items:center; }
body#recruit main h2::before { content:''; margin-left:min(calc(475/1920*100vw), 475px);  background-repeat:no-repeat; background-size:100% auto; display:block; } 
body#recruit main h3 { margin:auto auto min(calc(70/1920*100vw), 70px); font-size:var(--fontsize-28); }

/* ============ smart phone ============ */
@media (max-width:750px){
body.recruit main { padding-top:calc(150/750*100vw); padding-bottom:calc(80/750*100vw);  }
body#recruit main h2 { margin-bottom:calc(30/750*100vw); width:calc(625/750*100vw); height:calc(115/750*100vw); border-radius:0 calc(60/750*100vw) calc(60/750*100vw) 0; }
body#recruit main h2::before { margin-left:calc(50/750*100vw); }
body#recruit main h3 { margin-bottom:calc(50/750*100vw);  }
body#recruit main h3, 
body#recruit main p.txt { margin-right:calc(50/750*100vw); margin-left:calc(50/750*100vw); width:auto; }
}
/************************************************************************
  #main-image
************************************************************************/
body.recruit #main-image { padding-top:min(calc(775/1920*100vw), 775px); padding-left:min(calc(480/1920*100vw), 480px); height:min(calc(2012/1920*100vw), 2012px); background:url('../images/bg_main_image.svg') no-repeat; background-size:auto 100%; color:#ffffff; position:relative; }
body.recruit #main-image::before { content:''; width:min(calc(1260/1920*100vw), 1260px); height:min(calc(1064/1920*100vw), 1064px); background:url('../images/main_image.png') no-repeat; background-size:100% auto; position:absolute; top:min(calc(72/1920*100vw), 72px); }

body.recruit #main-image h2 { margin:0 0 min(calc(230/1920*100vw), 230px); width:min(calc(629/1920*100vw), 629px); height:min(calc(371/1920*100vw), 371px); background:url('../images/h2_main_image.svg') no-repeat; background-size:100% auto; border-radius:0; font-size:0; }
body.recruit #main-image h3 { margin:0 0 min(calc(90/1920*100vw), 90px); width:min(calc(606/1920*100vw), 606px); height:min(calc(70/1920*100vw), 70px); background:url('../images/h3_main_image.svg') no-repeat; background-size:100% auto; font-size:0; }
body.recruit #main-image p.txt { line-height:calc(60/28); font-size:var(--fontsize-28); }

/* ============ for high resolution ============ */
@media only screen and (-webkit-min-device-pixel-ratio:2){
body.recruit #main-image::before { background-image:url('../images/main_image@2x.png'); }
}

/* ============ smart phone ============ */
@media (max-width:750px){
body.recruit #main-image { padding-top:calc(605/750*100vw); padding-left:calc(50/750*100vw); height:calc(1820/750*100vw); background-image:url('../images/bg_main_image_sp.svg'); }
body.recruit #main-image::before { width:calc(700/750*100vw); height:calc(778/750*100vw); background-image:url('../images/main_image_sp.png'); top:calc(135/750*100vw); }

body.recruit #main-image h2 { margin-bottom:calc(215/750*100vw); width:calc(420/750*100vw); height:calc(248/750*100vw); }
body.recruit #main-image h3 { margin-left:0; width:calc(605/750*100vw); height:calc(69/750*100vw); }
body.recruit #main-image p.txt { margin-left:0; }

/* ============ for high resolution ============ */
@media only screen and (-webkit-min-device-pixel-ratio:2){
body.recruit #main-image::before { background-image:url('../images/main_image_sp@2x.png'); }
}
}
/************************************************************************
  #about-us
************************************************************************/
body.recruit #about-us { margin-bottom:min(calc((617 - 90)/1920*100vw), calc(617px - 90px)); padding:min(calc(240/1920*100vw), 240px) 0 0; height:min(calc(1347/1920*100vw), 1347px); background:url('../images/bg_about_us.png') no-repeat; background-size:auto 100%; position:relative; top:max(calc(-90/1920*100vw), -90px); }
body.recruit #about-us h2 { background-color:#1f82be; }
body.recruit #about-us h2::before { width:min(calc(202/1920*100vw), 202px); height:min(calc(45/1920*100vw), 45px); background-image:url('../images/h2_about_us.svg'); }
body.recruit #about-us h3,
body.recruit #about-us p.txt { width:min(calc(970/1920*100vw), 970px); }
body.recruit #about-us p.txt { margin:auto; line-height:calc(42/20); font-size:var(--fontsize-20); }

/* .box */
body.recruit #about-us .box { width:100%; height:min(calc(617/1920*100vw), 619px); background:url('../images/bg_about_us_box.jpg') no-repeat; background-size:auto 100%; position:absolute; bottom:max(calc(-617/1920*100vw), -617px); font-size:0; }
body.recruit #about-us .box h3 { font-size:0; }

/* ============ for high resolution ============ */
@media only screen and (-webkit-min-device-pixel-ratio:2){
body.recruit #about-us { background-image:url('../images/bg_about_us@2x.png'); }
body.recruit #about-us .box { background-image:url('../images/bg_about_us_box@2x.jpg'); }
}

/* ============ smart phone ============ */
@media (max-width:750px){
body.recruit #about-us { margin-bottom:calc((503 - 60)/750*100vw); padding-top:calc(195/750*100vw); height:calc(1245/750*100vw); background-image:url('../images/bg_about_us_sp.png'); top:calc(-60/750*100vw); }
body.recruit #about-us h2::before { width:calc(201/750*100vw); height:calc(43/750*100vw); }
body.recruit #about-us h3,
body.recruit #about-us p.txt { margin-right:calc(50/750*100vw); margin-left:calc(50/750*100vw); width:auto; }
body.recruit #about-us p.txt { line-height:calc(50/28); }
/* .box */
body.recruit #about-us .box { height:calc(504/750*100vw); background-image:url('../images/bg_about_us_box_sp.jpg'); bottom:calc(-504/750*100vw); }
/* ============ for high resolution ============ */
@media only screen and (-webkit-min-device-pixel-ratio:2){
body.recruit #about-us { background-image:url('../images/bg_about_us_sp@2x.png'); }
/* .box */
body.recruit #about-us .box { background-image:url('../images/bg_about_us_box_sp@2x.jpg'); }
}
}
/************************************************************************
  #department-types
************************************************************************/
#department-types { position:relative; z-index:1; }
#department-types::before { content:''; width:100%; height:min(calc(1306/1920*100vw), 1306px); background:url('../images/bg_department_types.png'); background-size:auto 100%; display:block; position:absolute; top:0; z-index:-1; } 
#department-types .contents { padding:min(calc(205/1920*100vw), 205px) 0 0; }
#department-types h2 { background-color:#143764; }
#department-types h2::before { width:min(calc(411/1920*100vw), 411px); height:min(calc(44/1920*100vw), 44px); background-image:url('../images/h2_department_types.svg'); }
#department-types h3 { margin-right:auto; margin-left:auto; }
#department-types h3,
#department-types p.txt { width:min(calc(970/1920*100vw), 970px); }
#department-types .contents > p.txt { margin:auto auto min(calc(110/1920*100vw), 110px); line-height:calc(58/30); font-size:var(--fontsize-30); }

/* article */
#department-types article { display:flex; align-items:center; }
#department-types article ul { display:flex; flex-wrap:wrap; justify-content:space-between; }
#department-types article ul li { padding:min(calc(50/1920*100vw), 50px) min(calc(35/1920*100vw), 35px); height:min(calc(310/1920*100vw), 310px); background:rgba(255,255,255,0.85); border-radius:min(calc(20/1920*100vw), 20px); }
#department-types article ul li h4 { margin-bottom:min(calc(35/1920*100vw), 35px); text-align:center; font-size:var(--fontsize-20); }
#department-types article ul li p.txt { width:auto; line-height:calc(34/16); font-size:var(--fontsize-16); }

/* ============ for high resolution ============ */
@media only screen and (-webkit-min-device-pixel-ratio:2){
#department-types::before { background-image:url('../images/bg_department_types@2x.png'); } 
}
/* ============ smart phone ============ */
@media (max-width:750px){
#department-types::before { height:calc(942/750*100vw); background-image:url('../images/bg_department_types_sp.png'); } 
#department-types .contents { padding:min(calc(205/1920*100vw), 205px) 0 0; }
#department-types h2::before { width:calc(410/750*100vw); height:calc(43/750*100vw); }
#department-types .contents > h3, 
#department-types .contents > p.txt { margin-right:calc(50/750*100vw); margin-left:calc(50/750*100vw); width:auto; }

/* article */
#department-types article { flex-direction:column; justify-content:flex-start !important; }
#department-types article ul { width:auto; flex-direction:column; align-items:center; }
#department-types article ul li { padding:calc(45/750*100vw) calc(30/750*100vw); width:calc(415/750*100vw); background:#ADD0E6; background:linear-gradient(0deg,rgba(173, 208, 230, 0.85) 0%, rgba(254, 255, 255, 0.85) 41%); }
#department-types article ul li h4 { margin-bottom:calc(40/750*100vw); }
#department-types article ul li p.txt { margin:auto; line-height:calc(35/20) }

/* ============ for high resolution ============ */
@media only screen and (-webkit-min-device-pixel-ratio:2){
#department-types::before { background-image:url('../images/bg_department_types_sp@2x.png'); } 
}
}
/************************************************************************
  #department-types-1
************************************************************************/
#department-types article#department-types-1 { margin-bottom:min(calc(205/1920*100vw), 205px); padding:0 min(calc(85/1920*100vw), 85px) 0 0; height:min(calc(596/1920*100vw), 596px); background:url('../images/bg_department_types_1.png') no-repeat; background-size:100% auto; display:flex; align-items:center; justify-content:flex-end; }
#department-types article#department-types-1 > h3 { margin:0 min(calc(35/1920*100vw), 35px) 0 0; width:6em; height:auto; }
/* ul */
#department-types article#department-types-1 ul { width:min(calc(1300/1920*100vw), 1300px); }
#department-types article#department-types-1 ul li { width:min(calc(415/1920*100vw), 415px); background:#ADD0E6; background:linear-gradient(0deg,rgba(173, 208, 230, 0.85) 0%, rgba(254, 255, 255, 0.85) 41%); }

/* ============ for high resolution ============ */
@media only screen and (-webkit-min-device-pixel-ratio:2){
#department-types article#department-types-1 { background-image:url('../images/bg_department_types_1@2x.png'); }
}
/* ============ smart phone ============ */
@media (max-width:750px){
#department-types article#department-types-1 { margin:auto auto calc(55/750*100vw); padding:calc(275/750*100vw) 0 0; height:calc(2162/750*100vw); background-image:url('../images/bg_department_types_1_sp.png'); background-position:center top; background-size:auto 100%; }
#department-types article#department-types-1 > h3 { margin-right:0; margin-bottom:calc(240/750*100vw); }
/* ul */
#department-types article#department-types-1 ul { width:auto; }
#department-types article#department-types-1 ul li { margin-bottom:calc(30/750*100vw);  width:calc(415/750*100vw); height:calc(355/750*100vw); }
#department-types article#department-types-1 ul li:last-child { margin-bottom:0; }
/* ============ for high resolution ============ */
@media only screen and (-webkit-min-device-pixel-ratio:2){
#department-types article#department-types-1 { background-image:url('../images/bg_department_types_1_sp@2x.png'); }
}
}
/************************************************************************
  #department-types-2
************************************************************************/
#department-types article#department-types-2 { margin:0 0 min(calc(205/1920*100vw), 205px); padding:0 min(calc(85/1920*100vw), 85px) 0 min(calc(470/1920*100vw), 470px); width:100%; height:min(calc(694/1920*100vw), 694px); background:url('../images/bg_department_types_2.png') no-repeat; background-size:100% auto; }
#department-types article#department-types-2 > h3 { margin:0 0 0 min(calc(50/1920*100vw), 50px); width:6em; height:auto; order:2; }
#department-types article#department-types-2 ul { width:min(calc(970/1920*100vw), 970px); order:1; }
#department-types article#department-types-2 ul li { margin-bottom:min(calc(70/1920*100vw), 70px); width:min(calc(460/1920*100vw), 460px); background:#CDEBB5; background:linear-gradient(0deg,rgba(205, 235, 181, 0.85) 0%, rgba(254, 255, 255, 0.85) 48%); }
#department-types article#department-types-2 ul li:nth-last-child(1),
#department-types article#department-types-2 ul li:nth-last-child(2) { margin-bottom:0; }

/* ============ for high resolution ============ */
@media only screen and (-webkit-min-device-pixel-ratio:2){
#department-types article#department-types-2 { background-image:url('../images/bg_department_types_2@2x.png'); }
}
/* ============ smart phone ============ */
@media (max-width:750px){
#department-types article#department-types-2 { margin:auto auto calc(55/750*100vw); padding:calc(275/750*100vw) 0 0; height:calc(2524/750*100vw); background-image:url('../images/bg_department_types_2_sp.png'); background-position:center top; background-size:auto 100%;  }
#department-types article#department-types-2 > h3 { order:1; margin-right:0; margin-bottom:calc(240/750*100vw); }
#department-types article#department-types-2 ul { order:2; width:auto; }
#department-types article#department-types-2 ul li { margin-bottom:calc(30/750*100vw);  width:calc(415/750*100vw); height:calc(355/750*100vw); }
#department-types article#department-types-2 ul li:nth-last-child(2) { margin-bottom:calc(30/750*100vw); }
/* ============ for high resolution ============ */
@media only screen and (-webkit-min-device-pixel-ratio:2){
#department-types article#department-types-2 { background-image:url('../images/bg_department_types_2_sp@2x.png'); }
}
}
/************************************************************************
  #department-types-3
************************************************************************/
#department-types article#department-types-3 { margin:0 0 min(calc(205/1920*100vw), 205px); padding:0 min(calc(85/1920*100vw), 85px) 0 min(calc(250/1920*100vw), 250px); width:100%; height:min(calc(699/1920*100vw), 699px); background:url('../images/bg_department_types_3.png') no-repeat; background-size:100% auto; }
#department-types article#department-types-3 > h3 { margin:0 min(calc(50/1920*100vw), 50px) 0 0; width:6em; height:auto; }
#department-types article#department-types-3 ul { width:min(calc(970/1920*100vw), 970px); }
#department-types article#department-types-3 ul li { margin-bottom:min(calc(70/1920*100vw), 70px); width:min(calc(460/1920*100vw), 460px); background:#FFDFE1;background:linear-gradient(0deg,rgba(255, 223, 225, 0.85) 0%, rgba(255, 250, 250, 0.85) 48%); }
#department-types article#department-types-3 ul li:nth-last-child(1),
#department-types article#department-types-3 ul li:nth-last-child(2) { margin-bottom:0; }

/* ============ for high resolution ============ */
@media only screen and (-webkit-min-device-pixel-ratio:2){
#department-types article#department-types-3 { background-image:url('../images/bg_department_types_3@2x.png'); }
}
/* ============ smart phone ============ */
@media (max-width:750px){
#department-types article#department-types-3 { margin:auto auto calc(100/750*100vw); padding:calc(275/750*100vw) 0 0; height:calc(2488/750*100vw); background-image:url('../images/bg_department_types_3_sp.png'); background-position:center top; background-size:auto 100%;  }
#department-types article#department-types-3 > h3 { margin-right:0; margin-bottom:calc(240/750*100vw); }
/* ul */
#department-types article#department-types-3 ul { width:auto; }
#department-types article#department-types-3 ul li { margin-bottom:calc(30/750*100vw);  width:calc(415/750*100vw); height:calc(355/750*100vw); }
#department-types article#department-types-3 ul li:nth-last-child(2) { margin-bottom:calc(30/750*100vw); }
/* ============ for high resolution ============ */
@media only screen and (-webkit-min-device-pixel-ratio:2){
#department-types article#department-types-3 { background-image:url('../images/bg_department_types_3_sp@2x.png'); }
}
}
/************************************************************************
  #interview
************************************************************************/
#interview { margin-bottom:min(calc(135/1920*100vw), 135px); padding:min(calc(155/1920*100vw), 155px) 0 0; background:url('../images/bg_interview.png') no-repeat top center; background-size:100% auto; position:relative; }
#interview h2 { background-color:#73c819; }
#interview h2::before { width:min(calc(222/1920*100vw), 222px); height:min(calc(44/1920*100vw), 44px); background-image:url('../images/h2_interview.svg'); }
#interview h3,
#interview p.txt { width:min(calc(970/1920*100vw), 970px); }
#interview p.txt { margin:auto auto min(calc(160/1920*100vw), 160px); line-height:calc(58/30); font-size:var(--fontsize-30); }
#interview p.photo { margin:auto 0 min(calc(135/1920*100vw), 135px); width:min(calc(1752/1920*100vw), 1752px); }
/* a.btn */
a.btn { margin:auto; width:min(calc(270/1920*100vw), 270px); height:min(calc(75/1920*100vw), 75px); background:#1F82BE; background:linear-gradient(90deg,rgba(31, 130, 190, 1) 0%, rgba(115, 200, 25, 1) 100%); color:#ffffff; border-radius:min(calc(36/1920*100vw), 36px); letter-spacing:0.1em; font-weight:bold; font-size:var(--fontsize-20); display:flex; align-items:center; justify-content:center; position:relative; }
a.btn::after { content:''; width:min(calc(19/1920*100vw), 19px); height:min(calc(15/1920*100vw), 15px); background:url('../images/arrow.svg') no-repeat; background-size:100% auto; position:absolute; right:min(calc(20/1920*100vw), 20px); }
/* ============ for high resolution ============ */
@media only screen and (-webkit-min-device-pixel-ratio:2){
#interview { background-image:url('../images/bg_interview@2x.png'); }
}
/* ============ smart phone ============ */
@media (max-width:750px){
#interview { margin-bottom:calc(80/750*100vw); padding-top:calc(130/750*100vw); background-image:url('../images/bg_interview_sp.png'); background-size:100% auto; position:relative; }
#interview h2::before { width:calc(221/750*100vw); height:calc(43/750*100vw); }
#interview h3 { margin-bottom:calc(30/750*100vw); }
#interview h3,
#interview p.txt { margin-right:calc(50/750*100vw); margin-left:calc(50/750*100vw); width:auto; }
#interview p.txt { margin-bottom:calc(40/750*100vw); letter-spacing:0.06em; }
#interview p.photo { margin-bottom:calc(125/750*100vw); width:calc(720/750*100vw); }
/* a.btn */
a.btn { margin:auto; width:calc(270/750*100vw); height:calc(73/750*100vw); border-radius:calc(40/750*100vw); font-size:var(--fontsize-20-sp); }
a.btn::after { width:calc(18/750*100vw); height:calc(14/750*100vw); right:calc(20/750*100vw); }
/* ============ for high resolution ============ */
@media only screen and (-webkit-min-device-pixel-ratio:2){
#interview { background-image:url('../images/bg_interview_sp@2x.png'); }
}
}
/************************************************************************
  #work-environment
************************************************************************/
#work-environment { padding:min(calc(205/1920*100vw), 205px) 0 0; background:url('../images/bg_work_environment.png') no-repeat; background-size:100% auto; }
#work-environment h2 { background-color:#8d0000; }
#work-environment h2::before { width:min(calc(434/1920*100vw), 434px); height:min(calc(44/1920*100vw), 44px); background-image:url('../images/h2_work_environment.svg'); }
#work-environment h3,
#work-environment p.txt { width:min(calc(970/1920*100vw), 970px); }
#work-environment p.txt { margin:auto auto min(calc(95/1920*100vw), 95px); line-height:calc(58/30); font-size:var(--fontsize-30); }
#work-environment p.photo { margin:auto auto min(calc(110/1920*100vw), 110px); width:min(calc(967/1920*100vw), 967px); }

/* article */
#work-environment article h3 { text-align:center; font-size:var(--fontsize-28); position:relative; z-index:1; }
#work-environment article h3::before { content:''; margin:auto; width:min(calc(530/1920*100vw), 530px); height:1px; background-color:#143764; display:block; position:absolute; top:0; bottom:0; right:0; left:0; z-index:-1; }
#work-environment article h3 span { padding:0.5em 1.5em; background-color:#d8ebf1; display:inline-block; }

/* article#work-style */
#work-environment article#work-style dl { margin:auto; width:min(calc(970/1920*100vw), 970px); display:flex; flex-wrap:wrap; }
#work-environment article#work-style dl dt { margin-bottom:min(calc(40/1920*100vw), 40px); padding:min(calc(40/1920*100vw), 40px) 0; width:min(calc(320/1920*100vw), 320px); background-color:#ffffff; border-radius:min(calc(20/1920*100vw), 20px) 0 0 min(calc(20/1920*100vw), 20px); text-align:center; font-weight:bold; font-size:var(--fontsize-20); display:flex; flex-direction:column; justify-content:center; align-items:center; }
#work-environment article#work-style dl dd { margin-bottom:min(calc(40/1920*100vw), 40px); padding:min(calc(55/1920*100vw), 55px) min(calc(45/1920*100vw), 45px); width:min(calc(650/1920*100vw), 650px); background-color:#f4f4f4; border-radius:0 min(calc(20/1920*100vw), 20px) min(calc(20/1920*100vw), 20px) 0; }
#work-environment article#work-style dl dd ul li { line-height:calc(32/16); font-size:var(--fontsize-16); }

#work-environment article#work-style dl dt::before { content:''; margin:0 0 min(calc(20/1920*100vw), 20px); background-repeat:no-repeat; background-size:100% auto; display:inline-flex; }
#work-environment article#work-style dl dt#work-style-1::before { width:min(calc(121/1920*100vw), 121px); height:min(calc(112/1920*100vw), 112px); background-image:url('../images/work_style_1.svg'); }
#work-environment article#work-style dl dt#work-style-2::before { width:min(calc(121/1920*100vw), 121px); height:min(calc(115/1920*100vw), 115px); background-image:url('../images/work_style_2.svg'); }
#work-environment article#work-style dl dt#work-style-3::before { width:min(calc(121/1920*100vw), 121px); height:min(calc(110/1920*100vw), 110px); background-image:url('../images/work_style_3.svg'); }

/* article#numbers */
#work-environment article#numbers { padding-bottom:min(calc(150/1920*100vw), 150px); }
#work-environment article#numbers h4 { margin:0 auto min(calc(20/1920*100vw), 20px); width:min(calc(1300/1920*100vw), 1300px); font-weight:bold; font-size:var(--fontsize-28); }

#work-environment article#numbers .box { margin:auto auto min(calc(60/1920*100vw), 60px); width:min(calc(1300/1920*100vw), 1300px); }
#work-environment article#numbers .box ul { margin:auto; display:flex; justify-content:space-between; }
#work-environment article#numbers .box#holidays-and-discounts ul { margin-left:0; width:min(calc(860/1920*100vw), 860px); }
#work-environment article#numbers .box ul li { height:auto; }
#work-environment article#numbers .box ul li h5 { margin:auto auto min(calc(40/1920*100vw), 40px); height:min(calc(65/1920*100vw), 65px); background-color:#ffffff; width:min(calc(415/1920*100vw), 415px); border-radius:min(calc(20/1920*100vw), 20px); text-align:center; font-size:var(--fontsize-20); position:relative; display:flex; align-items:center; justify-content:center; }
#work-environment article#numbers .box ul li h5::after { content:''; margin:auto; width:min(calc(15/1920*100vw), 15px); border-top:min(calc(30/1920*100vw), 30px) solid #ffffff; border-right:min(calc(20/1920*100vw), 20px) solid transparent; border-bottom:min(calc(20/1920*100vw), 20px) solid transparent; border-left:min(calc(20/1920*100vw), 20px) solid transparent; display:inline-flex; position:absolute; bottom:max(calc(-48/1920*100vw), -48px); right:0; left:0; }
#work-environment article#numbers .box ul li p.txt { margin:0; padding:min(calc(30/1920*100vw), 30px) 0; width:min(calc(415/1920*100vw), 415px); height:calc(100% - min(calc((65 + 40)/1920*100vw), calc(65px + 40px)));  background-color:#1f82be; color:#ffffff; border-radius:min(calc(20/1920*100vw), 20px); line-height:1; text-align:center; font-weight:bold; font-size:var(--fontsize-92); }
#work-environment article#numbers .box ul li p.txt span { font-size:var(--fontsize-40); }
#work-environment article#numbers .box ul li p.txt small { margin-top:min(calc(25/1920*100vw), 25px);  font-size:var(--fontsize-16); display:block; }
/* p.note */
p.note { text-align:right; }
p.note small { line-height:calc(30/16); font-size:var(--fontsize-16); }
/* ul.disc */
ul.disc { list-style:disc; }
ul.disc li { margin-left:1em; }
/* ============ for high resolution ============ */
@media only screen and (-webkit-min-device-pixel-ratio:2){
#work-environment { background-image:url('../images/bg_work_environment@2x.png'); }
}
/* ============ smart phone ============ */
@media (max-width:750px){
#work-environment { padding-top:calc(130/750*100vw); background-image:url('../images/bg_work_environment_sp.png'); }
#work-environment h2::before { width:calc(433/750*100vw); height:calc(43/750*100vw); }
#work-environment h3 { margin-bottom:calc(50/750*100vw); }
#work-environment h3, #work-environment p.txt { margin-right:calc(50/750*100vw); margin-left:calc(50/750*100vw); width:auto; }
#work-environment p.txt { margin-bottom:calc(40/750*100vw);  }
#work-environment p.photo { margin-right:calc(50/750*100vw); margin-left:calc(50/750*100vw); margin-bottom:calc(195/750*100vw);  width:auto; }
/* article */
#work-environment article h3::before { width:100%; }
/* dl */
#work-environment article#work-style dl { margin-right:calc(50/750*100vw); margin-left:calc(50/750*100vw); margin-bottom:calc(35/750*100vw); width:auto; flex-direction:column; }
#work-environment article#work-style dl dt { margin-bottom:0; padding-right:2em; padding-left:2em; width:auto; border-radius:calc(20/750*100vw) calc(20/750*100vw) 0 0; flex-direction:row; font-size:var(--fontsize-25-sp); justify-content:space-around; }
#work-environment article#work-style dl dd { margin-bottom:calc(30/750*100vw); padding:calc(25/750*100vw) calc(15/750*100vw) calc(40/750*100vw); width:auto; border-radius:0 0 calc(20/750*100vw) calc(20/750*100vw); }

#work-environment article#work-style dl dt#work-style-1::before { width:calc(144/750*100vw); height:calc(133/750*100vw); }
#work-environment article#work-style dl dt#work-style-2::before { width:calc(144/750*100vw); height:calc(136/750*100vw); }
#work-environment article#work-style dl dt#work-style-3::before { width:calc(144/750*100vw); height:calc(130/750*100vw); }

/* article#numbers */
#work-environment article#numbers h4 { margin:0 0 calc(20/750*100vw); font-size:var(--fontsize-25-sp); }
#work-environment article#numbers .box { margin-right:calc(30/750*100vw); margin-left:calc(30/750*100vw); margin-bottom:calc(calc(60/750*100vw)); width:auto; }
#work-environment article#numbers .box ul li { width:calc(225/750*100vw); }
#work-environment article#numbers .box ul li h5 { margin-bottom:calc(25/750*100vw); width:auto; height:calc(35/750*100vw); border-radius:calc(10/750*100vw); font-size:var(--fontsize-20-sp); }
#work-environment article#numbers .box ul li h5::after { width:calc(20/750*100vw); border-top-width:calc(30/750*100vw); border-right-width:calc(20/750*100vw); border-bottom-width:calc(20/750*100vw); border-left-width:calc(20/750*100vw); bottom:calc(-35/750*100vw); z-index:-1; }
#work-environment article#numbers .box ul li p.txt { width:auto; }
/* #holidays-and-discounts */
#work-environment article#numbers .box#holidays-and-discounts { margin-bottom:calc(105/750*100vw); }
#work-environment article#numbers .box#holidays-and-discounts ul { margin-bottom:calc(35/750*100vw); width:calc(585/750*100vw); }
#work-environment article#numbers .box#holidays-and-discounts ul li:last-child { width:calc(355/750*100vw); }  
#work-environment article#numbers .box#holidays-and-discounts ul li:last-child h5 { width:calc(355/750*100vw); }
#work-environment article#numbers .box#holidays-and-discounts ul li:last-child p.txt { margin:auto; width:calc(225/750*100vw); }

/* p.note */
p.note { text-align:left; }
p.note small { line-height:calc(30/16); font-size:var(--fontsize-16); }
/* ul.disc */
ul.disc li { margin-left:2em; }
/* ============ for high resolution ============ */
@media only screen and (-webkit-min-device-pixel-ratio:2){
#work-environment { background-image:url('../images/bg_work_environment_sp@2x.png'); }
}
}
/************************************************************************
  #entry
************************************************************************/
#entry { font-weight:bold; font-size:var(--fontsize-20); }
#entry a { margin:auto; padding:0 min(calc(45/1920*100vw), 45px); width:min(calc(970/1920*100vw), 970px); height:min(calc(260/1920*100vw), 260px); background-color:rgba(255,255,255,0.75); color:#143764; border-radius:min(calc(20/1920*100vw), 20px); display:flex; align-items:center; position:relative; }
#entry a::before,
#entry a::after { content:''; display:flex; align-items:center; justify-content:center; position:absolute; }
#entry a::before { width:min(calc(19/1920*100vw), 19px); height:min(calc(15/1920*100vw), 15px); background:url('../images/arrow.svg') no-repeat; background-size:100% auto; right:min(calc(60/1920*100vw), 60px); z-index:1; }
#entry a::after { width:min(calc(50/1920*100vw), 50px); height:min(calc(50/1920*100vw), 50px); background:#1F82BE; background:linear-gradient(90deg, rgba(31, 130, 190, 1) 0%, rgba(115, 200, 25, 1) 100%); border-radius:50%; right:min(calc(45/1920*100vw), 45px); z-index:0; }
#entry strong { width:min(calc(127/1920*100vw), 127px); height:min(calc(43/1920*100vw), 43px); background:url('../images/entry.svg') no-repeat; background-size:100% auto; font-size:0; display:block; }
/* ============ smart phone ============ */
@media (max-width:750px){
#entry a { margin-right:calc(50/750*100vw); margin-left:calc(50/750*100vw); width:auto; height:calc(215/750*100vw); border-radius:calc(20/750*100vw); justify-content:center; }
#entry a::before { width:calc(18/750*100vw); height:calc(14/750*100vw); right:calc(180/750*100vw); }
#entry a::after { width:calc(50/750*100vw); height:calc(50/750*100vw); right:calc(165/750*100vw); }
#entry a span { text-align:center; display:inline-block; }
#entry strong { width:calc(148/750*100vw); height:calc(50/750*100vw); }
}
/************************************************************************
  footer
************************************************************************/
body.recruit footer { padding:min(calc(90/1920*100vw), 90px) 0 0; height:min(calc(300/1920*100vw), 300px); background-color:#ffffff; }
body.recruit footer .contents { margin:auto; width:min(calc(1640/1920*100vw), 1640px); display:flex; justify-content:space-between; }
body.recruit footer p.logo { margin-bottom:min(calc(40/1920*100vw), 40px); width:min(calc(209/1920*100vw), 209px); }

/* ul */
body.recruit footer ul { list-style:none; display:flex; align-items:center; }
body.recruit footer ul li { margin-right:min(calc(45/1920*100vw), 45px); }
body.recruit footer ul li:last-child { margin-right:0; }
body.recruit footer ul li img { height:auto; }
body.recruit footer ul li#comsys-grp img { width:min(calc(100/1920*100vw), 100px); }
body.recruit footer ul li#nds-grp img { width:min(calc(219/1920*100vw), 219px); }
body.recruit footer ul li#privacymark-1 img { width:min(calc(92/1920*100vw), 92px); }
body.recruit footer ul li#privacymark-2 img { width:min(calc(101/1920*100vw), 101px); }

body.recruit footer p.copy { font-size:var(--fontsize-12); }

/* ============ smart phone ============ */
@media (max-width:750px){
body.recruit footer { padding:calc(80/750*100vw) 0 calc(110/750*100vw); height:auto; position:relative; }
body.recruit footer .contents { margin:auto; width:auto; display:flex; align-items:center; flex-direction:column; }
body.recruit footer p.logo { margin-bottom:calc(60/750*100vw); width:calc(208/750*100vw); height:calc(75/750*100vw); }

body.recruit footer p.copy { width:100%; text-align:center; position:absolute; bottom:calc(40/750*100vw); left:0; }

body.recruit footer ul { width:calc(650/750*100vw); }
body.recruit footer ul li#comsys-grp img { width:calc(112/750*100vw); }
body.recruit footer ul li#nds-grp img { width:calc(246/750*100vw); }
body.recruit footer ul li#privacymark-1 img { width:calc(102/750*100vw); }
body.recruit footer ul li#privacymark-2 img { width:calc(112/750*100vw); }
}
/************************************************************************
  #modal-inquiry
************************************************************************/
#modal-inquiry { margin:auto; padding:min(calc(70/1920*100vw), 70px); width:90vw; max-width:74rem; max-height:80vh; min-height:400px; background:#ffffff; color:#000000; border-radius:min(calc(10/1920*100vw), 10px); text-align:center; }
#modal-inquiry .box { margin-bottom:min(calc(50/1920*100vw), 50px); padding:min(calc(50/1920*100vw), 50px) min(calc(40/1920*100vw), 40px) min(calc(150/1920*100vw), 150px); max-height:450px; border:1px solid #000000; text-align:left; overflow-y:scroll; }
#modal-inquiry h2 { margin-bottom:min(calc(40/1920*100vw), 40px); font-size:var(--fontsize-40); }
#modal-inquiry p.txt { margin-bottom:1.5em; line-height:1.8; font-size:var(--fontsize-20); }
#modal-inquiry p.txt:last-child { margin-bottom:0; }
#modal-inquiry h3 { margin-bottom:min(calc(30/1920*100vw), 30px); font-size:var(--fontsize-30);  }
#modal-inquiry li { line-height:1.8; font-size:var(--fontsize-20); }
/* ol */
#modal-inquiry ol { margin:0 auto 0 1em; }
#modal-inquiry ol > li { margin-bottom:min(calc(60/1920*100vw), 60px); }
#modal-inquiry ol li:last-child { margin-bottom:0; }
/* ul */
#modal-inquiry ul.disc li { margin-bottom:0.5em; }
#modal-inquiry ul.disc li:last-child { margin-bottom:0; }
/* input */
#modal-inquiry p.input { margin-bottom:min(calc(40/1920*100vw), 40px);  color:#333f69; text-align:center; display:flex; justify-content:center; }
#modal-inquiry label { margin-left:0.5em; cursor:pointer; }
/* a.btn-inquiry */
#modal-inquiry a.btn-inquiry { margin:auto; padding:1.25em 4.8em 1.25em 1.25em; width:min(calc(300/1130*100vw), 300px); height:min(calc(60/1130*100vw), 60px); background-color:#333f69; color:#ffffff; border-radius:min(calc(30/1130*100vw), 30px); letter-spacing:0.06em; line-height:1.2; display:inline-flex; justify-content:center; align-items:center;position:relative; }
#modal-inquiry a.btn-inquiry.disable { opacity:0.5; cursor:default; pointer-events:none; }
#modal-inquiry a.btn-inquiry .text { font-weight:700; }
#modal-inquiry a.btn-inquiry .icon { width:min(calc(32/1130*100vw), 32px); height:min(calc(32/1130*100vw), 32px); background:#ffffff; border-radius:100%; position:absolute; top:50%; right:15px; transform:translateY(-50%); transition:0.3s ease; }
#modal-inquiry a.btn-inquiry .icon::after { content:''; width:100%; height:100%; mask:url('../images/icon-arrow.svg') no-repeat center/32px; -webkit-mask:url('../images/icon-arrow.svg') no-repeat center / 32px; background-color:#333f69; transition:transform 0.2s ease, box-shadow 0.2s ease; display:block; }
/* .btn-close */
#modal-inquiry .btn-close { width:40px; height:40px; position:absolute; top:5px; right:5px; cursor:pointer; }
#modal-inquiry .btn-close:before, 
#modal-inquiry .btn-close:after { content:''; width:30px; height:2px; background:#000; display:block; position:absolute; top:50%; left:50%; transform-origin:center;}
#modal-inquiry .btn-close:before { transform:translate(-50%, -50%) rotate(45deg); }
#modal-inquiry .btn-close:after { transform:translate(-50%, -50%) rotate(-45deg); }


.lity { background-color:rgba(0, 0, 0, 0.7); font-size:var(--fontsize-24); }
.lity-content:after { display:none; }
/* ============ smart phone ============ */
@media (max-width:750px){
#modal-inquiry { padding:calc(90/750*100vw) calc(20/750*100vw); border-radius:calc(20/750*100vw); text-align:center; }
#modal-inquiry .box { margin-bottom:calc(80/750*100vw); padding:calc(60/750*100vw) calc(20/750*100vw); }
#modal-inquiry h2 { margin-bottom:min(calc(40/1920*100vw), 40px); font-size:var(--fontsize-40-sp); }
/* input */
#modal-inquiry p.input { margin-bottom:calc(40/750*100vw); }
/* a.btn-inquiry */
#modal-inquiry a.btn-inquiry { width:calc(450/750*100vw); height:calc(80/750*100vw); border-radius:calc(40/750*100vw); }
#modal-inquiry a.btn-inquiry .icon { width:calc(40/750*100vw); height:calc(40/750*100vw); }

}