@charset "utf-8";
/* ===================================================
	Company CSS
====================================================== */

#contents_wrap .inner { max-width: 1100px;}

section:last-of-type { margin-bottom: 100px;}
section h3 { font-size: 28px; color: #ffae00; text-align: center; margin: 100px 0 30px;}
section li,
section div,
section p,
section pre,
section span { word-break: break-word;}
section p + p,
section ul + p { margin: 10px 0 0;}
section .info { padding: 20px 40px; margin: 20px 0; border: 1px solid #aaa; box-sizing: border-box;}
section [class*="list_"] { counter-reset: num;}
section [class*="list_"] > li,
section [class*="list_"] > dt { display: flex; counter-increment: num;}
section [class*="list_"] > li::before,
section [class*="list_"] > dt::before { flex-shrink: 0;}
section [class*="list_"] > li > div,
section [class*="list_"] > li > p,
section [class*="list_"] > dt > span { flex-grow: 1;}
section .list_num > li { padding: 20px 0; border-bottom: 1px solid #aaa;}
section .list_num > li::before { content: counter(num)'.'; margin: 0 5px 0 0;}
section .list_dot > li::before { content: '・';}
section .list_num_inner { margin: 5px 0 0;}
section .list_num_inner > dt::before { content: counter(num)')'; margin: 0 5px 0 0;}
section .list_num_inner > dd { margin: 0 0 0 1.5em;}
section .list_dot_inner > li::before { content: '-'; margin: 0 5px 0 0;}
section .list_kana > li::before { content: counter(num, katakana)')'; margin: 0 5px 0 0;}
section .list_alpha > li::before { content: counter(num, lower-alpha)')'; margin: 0 5px 0 0;}
section a { text-decoration: underline;}
section a:hover { text-decoration: none;}

#sec1 .date { text-align: right; margin: 0 0 30px;}
#sec1 .p_mark { display: flex; align-items: center; justify-content: space-between;}
#sec1 .p_mark p { width: calc(100% - 200px);}
#sec1 .p_mark a { flex-shrink: 0; display: inline-block; padding: 25px;}
#sec1 .sign { margin: 20px 0 25px; text-align: right;}
#sec1 .sign .br_sp { display: none;}

#sec2 h4 { margin: 25px 0 0; font-size: 20px; font-weight: normal;}


@media screen and (max-width: 600px) {
  section:last-of-type { margin-bottom: 15vw;}
  section h3 { font-size: 20px; margin: 15vw 0 15px;}
  section .info { display: block; padding: 15px 20px;}

  #sec1 .date { margin: 0 0 15px;}
  #sec1 .p_mark { display: block; text-align: center;}
  #sec1 .p_mark p { width: auto; text-align: left;}
  #sec1 .sign { margin: 10px 0 15px;}
  #sec1 .sign .br_sp { display: inline;}

  #sec2 h4 { margin-top: 15px; font-size: 18px;}
}



/* ---------------------------------------------------

------------------------------------------------------ */

@media screen and (max-width: 600px) {
}