:root {
  --color00--bk: #2a2a2a;/*メイン文字黒*/
  --color01--blue: #ebf7ff;/*メイン薄青*/ 
  --color02--blue: #003b91;/*メイン濃青*/ 
  --color03--orange: #ec9629;/*メインオレンジ色*/ 

  --color04--blue: #104670;/*メイン青暗*/ 

  --space-unit: 4px;
  --space-4: 4px;
  --space-8: 8px;
  --space-12: 12px;
  --space-16: 16px;
  --space-24: 24px;/* ガター幅兼用 */
  --space-32: 32px;
  --space-48: 48px;
  --space-64: 64px;
  --space-72: 72px;
  --space-96: 96px;
  --space-128: 128px;
  --container: 1200px; /* 全体幅（ガター含む） */
  --extend: 80px;

  --font-size14: 0.823rem;
  --font-size22: 1.294rem;
  --font-size40: 2.352rem;

  --columns: 12;        /* 総カラム数 */
  --gutter-count: calc(var(--columns) - 1); /* 11本のガター */

  /* 実際の1カラムの幅（全体からガター引いた実幅 ÷ カラム数） */
  --col-1-width: calc((var(--container) - var(--space-24) * var(--gutter-count)) / var(--columns));

  /* カラム幅：ガターを足す */
  --col-2-width: calc(var(--col-1-width) * 2 + var(--space-24) * 1);
  --col-3-width: calc(var(--col-1-width) * 3 + var(--space-24) * 2);
  --col-4-width: calc(var(--col-1-width) * 4 + var(--space-24) * 3);
  --col-5-width: calc(var(--col-1-width) * 5 + var(--space-24) * 4);
  --col-6-width: calc(var(--col-1-width) * 6 + var(--space-24) * 5);
  --col-7-width: calc(var(--col-1-width) * 7 + var(--space-24) * 6);
  --col-8-width: calc(var(--col-1-width) * 8 + var(--space-24) * 7);
  --col-9-width: calc(var(--col-1-width) * 9 + var(--space-24) * 8);
  --col-10-width: calc(var(--col-1-width) * 10 + var(--space-24) * 9);
  --col-11-width: calc(var(--col-1-width) * 11 + var(--space-24) * 10);
  --col-12-width: calc(var(--col-1-width) * 12 + var(--space-24) * 11); /* = 1200px */
}



html {height: 100%;font-size: 17px;-webkit-text-size-adjust: none;line-height: 1.6; }
body { overflow-x: hidden;font-family: "Noto Sans JP", sans-serif;color: var(--color00--bk);font-weight: normal;}

img{width: 100%;height: auto;vertical-align: top;}

p{font-size: 1.0rem;line-height: 1.8em;margin: 0;}
h1 {font-size: 48px;line-height: 1.25;margin: 0;}
h2 {font-size: 36px;line-height: 1.3;margin: 0;}
h3 {font-size: 28px;line-height: 1.4;margin: 0;}
h4 {font-size: 20px;line-height: 1.5;margin: 0;}

a {text-decoration: none; color: inherit;border: none;transition: 0.1s;display: block;}
a:hover{opacity: 0.85;transition: 0.2s;}
ul,ol {list-style: none;padding: 0;margin: 0;}
*,*::before,*::after {  margin: 0;padding: 0;box-sizing: border-box;}
body,h1,h2,h3,h4,p,ul,ol,figure,blockquote,dl,dd {  margin: 0;}

table,tr,td,th{ margin: 0;padding: 0;line-height: 1.0;border-collapse: collapse;text-align: center;}

.col-1 {width: var(--col-1-width);}
.col-2 {width: var(--col-2-width);}
.col-3 {width: var(--col-3-width);}
.col-4 {width: var(--col-4-width);}
.col-5 {width: var(--col-5-width);}
.col-6 {width: var(--col-6-width);}
.col-7 {width: var(--col-7-width);}
.col-8 {width: var(--col-8-width);}
.col-9 {width: var(--col-9-width);}
.col-10 {width: var(--col-10-width);}
.col-11 {width: var(--col-11-width);}
.col-12 {width: var(--col-12-width);}




/*共通項目*/
.container{width: var(--container);margin: 0 auto;}
.mainBackground {
  background: var(--color01--blue);
  width: 100%;
  height: auto; 
  background-image: url('../img/img08.jpg');
  background-repeat: no-repeat;
  background-size: 100% auto; 
  background-position: top center; 
}
.h2-patern01 {   
  position: relative;          
  font-size: var(--font-size40) !important;
  font-weight: bold;
  border-bottom: 2px solid var(--color02--blue);
  padding: 0 0 var(--space-24) 0;
  text-align: center;
  color: var(--color02--blue);
  width: var(--col-9-width);
  margin: 0 auto !important;  
  z-index: 15;
}

.h2-patern01::after {
  content: "";
  position: absolute;
  bottom: -12px;                /* h2の下に表示 */
  left: 50%;                    /* 中央配置 */
  transform: translateX(-50%);  /* 中央寄せ */
  border-width: 12px 12px 0 12px;
  border-style: solid;
  border-color: var(--color02--blue) transparent transparent transparent;
}

/*header*/
header{padding-top: var(--space-128);}
.top_kotei{
  background: rgba(255, 255, 255, 0.8);
  position: fixed;
  top: 0;
  left: 0; 
  z-index: 1000;
  width: 100%;
  text-align: center;
   }
.top_kotei img{max-width: 220px;padding: var(--space-32);}

.header-wrap{
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  position: relative;
  z-index: 20;
  }
.header-left{
  width: var(--col-6-width);
  display: flex;
  flex-direction: column;
  gap: var(--space-24);
  }
.header-catch{
  display: flex;
  justify-content: space-between;
}
.header-catch_left{width: var(--col-4-width);}
.header-catch_right{width: var(--col-2-width);}
.header-catch_p1{background:#fff;color: var(--color02--blue);font-size: var(--font-size22);border-radius: 24px;
  padding: var(--space-12) 0;
  text-align: center;
  font-weight: bold;}
.header-right_sp{display: none;}
.header-catch_p2{color:#fff;margin-top: var(--space-12);}
.header-right{width: var(--col-6-width);text-align: right;}
.header-right img{max-width: 561px;}

.header-dl {
  width: var(--col-6-width);margin: 0 auto;
  background: var(--color03--orange);   
  color: #fff;
  padding: var(--space-24);
  font-weight: bold;
  border-radius: 24px;
  position: relative;   
  text-align: center;
  font-size: var(--font-size22);
  margin-top: var(--space-72);
  z-index: 25;
}
.header-catch_p1 br{display: none;}
.header-dl br{display: none;}

.header-dl::after {
  content: "";
  position: absolute;
  bottom: -30px;                 
  left: 50%;                     
  transform: translateX(-50%);  
  border-width: 30px 10px 0 10px;
  border-style: solid;
  border-color: var(--color03--orange) transparent transparent transparent;
}

.header-dl_flag{
  position: absolute;
  left: 12px ;
  top: -5px;
  max-width: 70px;
}

/*GUIDE*/
.guide{padding-top: var(--space-128);padding-bottom: var(--space-128);
  position: relative;}
.flowImg01{position: absolute;
 max-width: 300px;bottom: -200px;left: 0;z-index: 10;}
.flowImg02{position: absolute;
 max-width: 332px;bottom: 300px;right: 0;z-index: 10;}
.guide-box{display: flex;justify-content: space-between;
  margin-top: var(--space-48);position: relative;z-index: 15;}
.guide-box_left,.guide-box_right{
  width: var(--col-6-width);
  background: #fff;
  position: relative;
  padding-bottom: var(--space-48);}
.guide-number{position:absolute; 
  left: 0;top: 0;
  color: #fff;
  text-align: center;
  padding: var(--space-12) var(--space-24);
}
.guide-number01{background: #50b0b9;}
.guide-number02{background: #da6a63;}
.guide-number_top{
  font-size: var(--font-size14);}
.guide-number_bottom{font-size: var(--font-size40);
  font-weight: bold;}
.guide-img {text-align: center;padding-top: var(--space-64);}
.guide-img img{max-width: 220px;}
.h3guide{text-align: center;margin: var(--space-32) 0 var(--space-32) 0;}
.h3guide01{color: #50b0b9;}
.h3guide02{color: #da6a63;}
.guide-checkbox{padding: 0 var(--space-48);
  display: flex;flex-direction: column;gap: var(--space-16);}
.guide-checkbox_wrap{
  display: flex;gap: var(--space-16);
  align-items: flex-start;}

.guide-checkbox_left{width: 25px;height: 21px;margin-top: 6px;}
.guide-checkbox_right{padding: 0 !important;}


/*フォーム*/



.dlform {background: #fff;
  padding-top: var(--space-128);
  padding-bottom: var(--space-128);}
.form-wrap{
  width: var(--col-6-width);
  margin: 0 auto;
  margin-top: var(--space-48);}
.form-wrap p{text-align: center;}
.form-wrapP{margin-bottom: var(--space-64);}

.dlform form{display: flex;flex-direction: column;gap: var(--space-48);
margin-top: var(--space-48);}
.form-checkbox{margin-bottom: var(--space-48) !important;}
.checkbox-group_box label{padding-left: var(--space-24);margin-bottom: var(--space-16) !important;}

input[type="checkbox"] {
  transform: scale(1.3);margin-right: var(--space-8) ; 
}


.form-group label {
  display: block;
  margin-bottom: 5px;
  font-weight: bold;
}
.form-group .required {
  color: red;
  font-size: 0.9em;
}
.form-group input {
  width: 100%;
  padding: 20px 0px 20px 12px;
  box-sizing: border-box;
  border: none;
  border-bottom:1px solid ;
}

.checkbox-group {
  display: flex;
  flex-direction: column; 
  gap: 6px; 
}

.checkbox-group label {
  display: flex;
  align-items: center; 
  justify-content: flex-start;
  gap: 5px;
}

.checkbox-group input {
  width: auto;

}
.dlform button br{display: none;}
.dlform button{
  background: var(--color03--orange);
  font-size: var(--font-size22);
  color: #fff;
  border-radius: 32px;
  border: none;
  padding: var(--space-48) var(--space-8);
}
.dlform button:hover{cursor: pointer;background: #e38710;}


.radio-group {
  display: flex;
  align-items: center;
  gap: 32px; 
  margin-top: var(--space-32);
  padding-left: var(--space-24);
}

.radio-group-area {}

.radio-group label {
  display: flex;
  align-items: center;
  gap: 6px; /* ◯ と文字の隙間 */
  font-weight: normal; 
}

.radio-group input {
  width: auto;
  margin: 0;
}



/* 同意チェックボックスの横並び設定 */
.checkbox-inline {
  display: flex;
  align-items: center;

    margin-top: var(--space-32);
  padding-left: var(--space-24);
}



.checkbox-inline label {
  display: inline-block;
  align-items: center;
  font-weight: normal;
  line-height: 1.5;
}

.checkbox-inline input {
  width: auto;
  margin: 0;margin-right: 12px;
}
.checkbox-inline a{display: inline-block;text-decoration: underline;}

.checkbox-inlineA{display: inline-block;}


.privacy-section {
  background: #f9f9f9;
  border: 1px solid #ddd;
  border-radius: 8px;
  padding:  var(--space-24);
  font-size: 15px;
  line-height: 1.7;

  max-height: 200px;    
  overflow-y: auto;     
  scrollbar-width: thin;  /* Firefox用：細いスクロールバー */
  scrollbar-color: #ccc transparent; /* Firefox用スクロールバー色 */
}

/* Chrome・Edge用：スクロールバーのデザイン調整 */
.privacy-section::-webkit-scrollbar {
  width: 8px;
}
.privacy-section::-webkit-scrollbar-thumb {
  background-color: #ccc;
  border-radius: 4px;
}
.privacy-section::-webkit-scrollbar-track {
  background: transparent;
}

.privacy-heading {
  font-weight: bold;
  margin-bottom: 12px;
  font-size: 16px;
  text-align: left;
}

.privacy-text {
  text-align: left !important;
  font-size: 0.9em;
  margin-bottom: var(--space-24);
}

.privacy-list {
  margin: 0;
  padding-left: 20px;
  margin-bottom: 16px;
}


.privacy-list li {
  margin-bottom: 12px;
}








/*faq*/
.faq{background: #fefce9;
  padding-top: var(--space-128);
  padding-bottom: var(--space-32);}

.faq-wrap{
  width: var(--col-8-width);
  margin: 0 auto;
  margin-top: var(--space-72);
}

.faq-top {background: #fff;
  color: var(--color00--bk);
  font-weight: bold;
  padding: var(--space-24) var(--space-24);
  margin-bottom: var(--space-24);
}
.faq-bottom{padding-left: var(--space-24);}
.faq-bottom_top{color: var(--color03--orange);
  font-weight: bold;margin-bottom: var(--space-24);}
.faq-bottom_bottom{margin-bottom: var(--space-64);}

/*mJob-link*/
.mJob-link{background: #fff;}
.mJob-link_wrap{max-width: var(--col-8-width);margin: 0 auto;display: flex;gap:var(--space-48);padding: var(--space-96) 0;}
.mJob-link_wrap .left{max-width: 424px;}
.mJob-link_wrap .right{max-width: 355px;position: relative;}
.mJob-linkGo{display: block;width: 100%;position: absolute;left: 0;bottom: 0;color: #fff;background: var(--color02--blue);text-align: center;border-radius: 32px;padding: var(--space-16) 0;font-size: 17px;font-weight: bold;}

/*company*/
.company-info{padding-top: var(--space-128);
padding-bottom: var(--space-96);}
.company-wrap{width: var(--col-6-width);margin: 0 auto;margin-top: var(--space-64);}
.company-info dl {
  display: grid;
  grid-template-columns: 200px 1fr; /* 左:ラベル 右:内容 */
  border: 1px solid #333;
  background: #fff;
}

.company-info dl div {
  display: contents; /* gridを維持しつつdivを潰す */
}

.company-info dt {
  background: #f2f2f2;
  padding: var(--space-24) var(--space-24);
  font-weight: bold;
  line-height: 1.8;
}

.company-info dd {
  padding: var(--space-24) var(--space-24);
  line-height: 1.8;

}




/*footer*/
footer{background: var(--color02--blue);color: #fff;
  padding: var(--space-32) 0;text-align: center;}
.footer-text01{font-size: var(--font-size14);margin-top: var(--space-24);}


/*メディアクエリ チェックする代表的な幅の例
max-width: 1199px 1199px、1200px（直前直後）
max-width: 991px  991px、992px（直前直後）
max-width: 767px  767px、768px（直前直後）、480pxあたり（スマホ想定）
1320px以上 → 1319px → 1199px → 991px → 767px → 375px
*/

@media (max-width: 1700px) {

.header-catch_p2{background: rgba(65, 160, 234, 0.85);
padding: var(--space-8) var(--space-8);}

}

}


/* --- 1319px以下（ノートPC） */
@media (max-width: 1319px) {
  :root {
  --container: 960px;
  --extend: 160px;
  --space-4:calc(4px - (var(--space-unit) * 0)); 
  --space-8:calc(8px - (var(--space-unit) * 0)); 
  --space-12:calc(12px - (var(--space-unit) * 0)); 
  --space-16:calc(16px - (var(--space-unit) * 0)); 
  --space-24:calc(24px - (var(--space-unit) * 1)); 
  --space-32:calc(32px - (var(--space-unit) * 1)); 
  --space-48:calc(48px - (var(--space-unit) * 3)); 
  --space-64:calc(64px - (var(--space-unit) * 3)); 
  --space-72:calc(72px - (var(--space-unit) * 4)); 
  --space-96:calc(96px - (var(--space-unit) * 4)); 
  --space-128:calc(128px - (var(--space-unit) * 4)); 

  --font-size14: 0.823rem;
  --font-size22: 1.194rem;
  --font-size40: 2.052rem;
  }

p{font-size: 1.0rem;line-height: 1.7em;margin: 0;}
h1 {font-size: 48px;line-height: 1.25;margin: 0;}
h2 {font-size: 36px;line-height: 1.3;margin: 0;}
h3 {font-size: 22px;line-height: 1.4;margin: 0;}
h4 {font-size: 20px;line-height: 1.5;margin: 0;}

.h2-patern01 {    
  font-size: var(--font-size40) !important; 

}
.h2-patern01::after {
  bottom: -8px;                /* h2の下に表示 */
  left: 50%;                    /* 中央配置 */
  transform: translateX(-50%);  /* 中央寄せ */
  border-width: 8px 8px 0 8px;
  border-style: solid;
  border-color: var(--color02--blue) transparent transparent transparent;
}
.header-dl {
  width: var(--col-8-width);}

.header-catch_p2{background: var(--color01--blue);color: var(--color00--bk);
padding: var(--space-8) var(--space-8);}

}

/* --- 991px以下（タブレット） */
@media (max-width: 991px) {
  :root {
  --container: 720px;
  --extend: 100px;
  --space-4:calc(4px - (var(--space-unit) * 0)); 
  --space-8:calc(8px - (var(--space-unit) * 0)); 
  --space-12:calc(12px - (var(--space-unit) * 0)); 
  --space-16:calc(16px - (var(--space-unit) * 0)); 
  --space-24:calc(24px - (var(--space-unit) * 2)); 
  --space-32:calc(32px - (var(--space-unit) * 2)); 
  --space-48:calc(48px - (var(--space-unit) * 3)); 
  --space-64:calc(64px - (var(--space-unit) * 3)); 
  --space-72:calc(72px - (var(--space-unit) * 4)); 
  --space-96:calc(96px - (var(--space-unit) * 11)); 
  --space-128:calc(128px - (var(--space-unit) * 9)); 

  --font-size14: 0.823rem;
  --font-size22: 1.0rem;
  --font-size40: 1.5rem;
  }

html {font-size: 16px;line-height: 1.6; }
p{font-size: 1.0rem;line-height: 1.7em;margin: 0;}
h1 {font-size: 48px;line-height: 1.25;margin: 0;}
h2 {font-size: 26px;line-height: 1.3;margin: 0;}
h3 {font-size: 18px;line-height: 1.4;margin: 0;}
h4 {font-size: 18px;line-height: 1.5;margin: 0;}

.top_kotei img{max-width: 160px;}
.header-dl_flag{
  position: absolute;
  left: 22px ;
  top: -3px;
  max-width: 50px;
}
.form-wrap{width: var(--col-10-width);}
.faq-wrap{width: var(--col-10-width);}
.company-wrap{width: var(--col-10-width);}
}

/* --- 767px以下（スマホ） */
@media (max-width: 767px) {

  :root {
  --extend: 8px;
  --container: calc(100% - (var(--extend) * 2));
  --space-4:calc(4px - (var(--space-unit) * 0)); 
  --space-8:calc(8px - (var(--space-unit) * 1)); 
  --space-12:calc(12px - (var(--space-unit) * 1)); 
  --space-16:calc(16px - (var(--space-unit) * 2)); 
  --space-24:calc(24px - (var(--space-unit) * 6)); 
  --space-32:calc(32px - (var(--space-unit) * 5)); 
  --space-48:calc(48px - (var(--space-unit) * 9)); 
  --space-64:calc(64px - (var(--space-unit) * 12)); 
  --space-72:calc(72px - (var(--space-unit) * 14)); 
  --space-96:calc(96px - (var(--space-unit) * 20)); 
  --space-128:calc(128px - (var(--space-unit) * 26)); 

  --font-size14: 0.823rem;
  --font-size22: 1.0rem;
  --font-size40: 1.5rem;
  }

html {font-size: 16px;line-height: 1.6; }
p{font-size: 1.0rem;line-height: 1.5em;margin: 0;}
h1 {font-size: 30px;line-height: 1.25;margin: 0;}
h2 {font-size: 20px;line-height: 1.3;margin: 0;}
h3 {font-size: 17px;line-height: 1.4;margin: 0;}
h4 {font-size: 16px;line-height: 1.5;margin: 0;}

header{padding-top: 96px;}
.container{padding: 0 12px;}
.h2-patern01 {        
  font-size: 20px !important;
  font-weight: bold;
  border-bottom: 1px solid var(--color02--blue);
  padding: 0 0 12px 0;
}
.mainBackground {
  background-image: url('../img/img11.jpg');
}
.top_kotei img{max-width: 140px;}
.header-dl_flag{
  position: absolute;
  left: 20px ;
  top: -3px;
  max-width: 50px;
}
.header-wrap{
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-end;
  }
.header-left{
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: var(--space-24);
  }
.header-catch{
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.header-catch_left{width:100%;text-align: center;margin-bottom: 24px}
.header-catch_left img{width: 80%;}
.header-catch_right{width:100%;text-align: center;margin-bottom: 24px;}
.header-catch_right img{width: 50%;}
.header-catch_p1{background:#fff;color: var(--color02--blue);font-size: var(--font-size22);border-radius: 24px;
  padding: 12px 0;
  text-align: center;
  font-weight: bold;line-height: 1.6;}
.header-right_sp{display: inherit;margin-top: 24px;text-align: center !important;width: 100%;}
.header-right_sp img{width: 80%;margin: 0 auto;}
.header-catch_p2{background:none;color: var(--color00--bk);
padding:none;}
.header-right{display: none;}


.header-dl {
  width: 100%;margin: 0 auto;
  padding:16px 0; 
  border-radius: 24px;
  font-size: var(--font-size22);
  margin-top: var(--space-72);
  z-index: 25;
  margin-bottom: 24px;
}

.header-dl::after {
  content: "";
  position: absolute;
  bottom: -20px;                 
  left: 50%;                     
  transform: translateX(-50%);  
  border-width: 20px 10px 0 10px;
  border-style: solid;
  border-color: var(--color03--orange) transparent transparent transparent;
}



.header-catch_p1 br{display: inherit;}
.header-dl br{display: inherit;}

/*GUIDE*/

.flowImg01{position: absolute;
 max-width: 150px;bottom: -100px;left: 0;z-index: 10;}
.flowImg02{position: absolute;
 max-width: 152px;bottom: 300px;right: 0;z-index: 10;}
.guide-box{display: flex;justify-content: space-between;
  flex-direction: column;
  margin-top:36px;position: relative;z-index: 15;}
.guide-box_left,.guide-box_right{
  width: 100%;
  background: #fff;
  position: relative;
  padding-bottom: 32px;margin-bottom: 24px;}
.guide-number{
  padding: 12px 12px;
}
.guide-img {padding-top: 32px;}
.guide-img img{max-width: 180px;}
.h3guide{margin: 24px 0 var(--space-32) 0;font-size: 1.1em;}



/*フォーム*/

.dlform {background: #fff;
  padding-top: 32px;
  padding-bottom:42px;}
.form-wrap{
  width: 100%;
  margin-top: 24px;}
.form-wrap p{text-align: center;}

.dlform form{display: flex;flex-direction: column;gap: 24px;
margin-top:32px;}
.form-checkbox{margin-bottom: 32px !important;}
.checkbox-group_box label{padding-left:16px;margin-bottom: var(--space-16) !important;}
input[type="checkbox"] {
  vertical-align: middle;
  margin-right: 16px; /* テキストとの余白 */
}
.checkbox-group_box label{line-height: 1.0;}

.form-group {
  margin-bottom: 15px;
}
.form-group label {
  display: block;
  margin-bottom: 5px;
  font-weight: bold;
  line-height: 1.4;
}




.dlform button br{display: inherit;}

.dlform button{
  background: var(--color03--orange);
  font-size: var(--font-size22);
  color: #fff;
  line-height: 1.5;
  border-radius: 32px;
  border: none;
  padding: var(--space-48) var(--space-8);
}
.dlform button:hover{cursor: pointer;background: #e38710;}


.radio-group label{font-weight: normal;}
.checkbox-inline label{font-weight: normal;}

.privacy-section{padding: 16px;}

.privacy-list {
  margin-top: 16px;

}

/*faq*/
.faq{background: #fefce9;
  padding-top:32px;
  padding-bottom: var(--space-32);}

.faq-wrap{
  width: 100%;
  margin: 0 auto;
  margin-top: 32px;
}

.faq-top {
  padding: 24px 16px;
  margin-bottom: 16px;
}
.faq-bottom{padding-left:16px;}
.faq-bottom_top{margin-bottom: 16px;}
.faq-bottom_bottom{margin-bottom: 32px;}

/*mJob-link*/
.mJob-link{background: #fff;}
.mJob-link_wrap{max-width: 100%;margin: 0 auto;display: flex;gap:30px;padding: 24px 32px;flex-direction: column;}
.mJob-link_wrap .left{max-width: 424px;}
.mJob-link_wrap .right{max-width: 355px;position: relative;text-align: center;}
.mJob-link_wrap .right img{max-width: 70%;}
.mJob-linkGo{display: block;width: 100%;position: absolute;left: 0;bottom: 16px;color: #fff;background: var(--color02--blue);text-align: center;border-radius: 32px;padding: 16px 0;font-size: 16px;font-weight: bold;}



/*company*/
.company-info{padding-top: 32px;
padding-bottom:32px;}
.company-wrap{width: 100%;margin: 0 auto;margin-top:32px;padding: 0 16px;}
.company-info dl {
  display: grid;
  grid-template-columns: 120px 1fr; /* 左:ラベル 右:内容 */
  border: 1px solid #333;
  background: #fff;
}

.company-info dl div {
  display: contents; /* gridを維持しつつdivを潰す */
}

.company-info dt {
  background: #f2f2f2;
  padding: 12px 12px;
  font-weight: bold;
  line-height: 1.5;
}

.company-info dd {
  padding: 12px 12px;
  line-height: 1.5;

}




/*footer*/
footer{background: var(--color02--blue);color: #fff;
  padding: 24px 0 32px 0;text-align: center;}
.footer-text01{font-size: 12px;margin-top: 12px;}






 }