@charset "utf-8";

/*----------------------------------------------------
    PC・SP共通css
----------------------------------------------------*/
.gnv {
  /* padding-left: 100px; */
  background: #3e435b;
}
.gnv ul {
  margin: 0rem auto 1rem;
  width: 1000px;
  display: flex;
  border-right: solid 1px #eee;
}
.gnv ul li {
  display: table;
  border-left: solid 1px #eee;
  width: 25%;
}
.gnv ul li a {
  text-align: center;
  display: table-cell;
  vertical-align: middle;
  line-height: 1.4;
  font-size: 13px;
  padding: 1rem 2rem;
  text-decoration: none;
  background: #3E435B;
  color: #fff;
}
.gnv ul li {
  background: #fff;
}
.gnv ul li a:hover {
  opacity: 0.5;
}

/*20210525*/
.official {
margin: 0 auto;
background: #f5f5f559;
}

.official ul {
display: block;
margin: auto;
padding: 20px;
max-height: 300px;
overflow-y: scroll;
border: 1px solid #000;
margin-bottom: 15px;
}

.official ul li {
display: block;
border-bottom: 1px dashed #ccc;
margin-bottom: 20px;
padding: 0 0 20px;
text-align: left;
}

.l-main-area .official ul li::before {
content: none;
}

.official ul li span {
font-size: 0.8em;
display: block;
background: none;
color: #000;
margin: 0px;
font-weight: bold;
}

.official ul div {
/* padding: 0rem 1rem; */
/* border-left: 6px double #333; */
font-weight: bold;
}

.official ul .heading {
font-size: 16px;
}

.official h4 {
font-size: 1.3em;
border-bottom: 3px double #333;
padding-left: 10px;
}

.official h5 {
font-size: 1.2em;
border-bottom: 1px dashed #333;
}

.official h6 {
font-size: 1.1em;
}

.official h4,
.official h5,
.official h6 {
font-weight: bold;
margin: 20px 0;
}

.official h4:before,
.official h5:before,
.official h6 {
content: none;
}

.center {
text-align: center;
}

.right {
text-align: right;
}

/*---oki2022.04.18---*/

.kanren {
padding: 2rem 2rem 1rem;
background: #f5f5f5;
margin: 0 auto 4rem;
}

.midasi {
font-size: 2rem;
font-weight: 900;
text-align: center;
border-bottom: 1px solid #ccc;
margin: 0 0 2rem 0;
padding: 0 0 1.4rem 0;
}

.kanren ul li {
list-style: inside;
}

.inyoumoto {
font-size: 80%;
color: #999;
}

/*2022.12.23*/
.l-parts08 {
padding: 5rem 0;
background: url(https://www.nmaterialh.com/wp/wp-content/uploads/bg_sec08_202212.jpg) no-repeat center center / cover;
}
.l-parts02 {
padding: 6rem 0;
background: url(https://www.nmaterialh.com/wp/wp-content/uploads/bg_sec02_202212.jpg) repeat left top;
position: relative;
z-index: 0;
}


.l-parts07 .l-cmn-title{
	text-decoration: none;
    color: #fff;
}

.l-parts07-box .box-name{
	display: block;
    padding: 1.5rem 2rem 1.5rem 0;
}
.lp2 .l-section-inner .innerBox-type {
    font-weight: bold;
    margin: -1.5rem -2rem 2rem;
    display: block;
    line-height: 1.5;
    padding: 10px;
}

.lp2 .l-section-inner .innerBox-type span {
    font-size: 2rem;
    color: #fff;
}

/*----------------------------------------------------
  PCサイトcss
----------------------------------------------------*/

@media screen and (min-width: 600px) {
/*/////////////PC用のCSSをここに作成してください。/////////////*/
/*/////////////必ず中括弧の中に作成してください。/////////////*/

/* .column_record {
  border: solid 1px #fcad9d;
  display: block;
  width: 90%;
  margin: auto;
  max-height: 300px;
  overflow-y: scroll;
  padding: 10px;
  background-color: #fff;
}

.column_record ul li {
  padding-left: 22px;
  margin: 0 0 5px;
  position: relative;
      display: block;
  background: none !important;
  border-bottom: solid 1px #ff9933;
  margin-bottom: 10px;
  padding: 0px 0px 5px 0px;
}
.column_record li span {
  background: rgba(0, 0, 0, 0) linear-gradient(transparent 40%, #fdfd85 0%) repeat scroll 0 0;
  font-weight: bold;
  line-height: 1.8;
}
.heading {
  padding: 0rem 1rem!important;
  border-left: 6px double #000!important;
  font-weight: bold!important;
}
ul.column_record li {
  display: block;
  background: none !important;
  border-bottom: solid 1px #ff9933;
  margin-bottom: 10px !important;
  padding: 0px 0px 5px 0px !important;
  margin-left: 22px !important;
  position: unset !important;
}
.column_record li:before {
  background: none !important;
  position: initial !important;
}
.center {
  text-align: center;
} */

/*20210525*/
.official {
  width: 100%;
  padding: 0;
}

.date {
  text-align: right;
}

.kanren {
  width: 1000px;
}
}



/*----------------------------------------------------
  SPサイトcss
----------------------------------------------------*/

@media screen and (max-width: 599px) {
/*/////////////SP用のCSSをここに作成してください。/////////////*/
/*/////////////必ず中括弧の中に作成してください。/////////////*/

/* .column_record {
  border: solid 1px #fcad9d;
  display: block;
  width: 90%;
  margin: auto;
  max-height: 300px;
  overflow-y: scroll;
  padding: 10px;
  background-color: #fff;
}

ul.column_record li {
  display: block;
  background: none !important;
  border-bottom: solid 1px #ff9933;
  margin-bottom: 10px;
  padding: 0px 0px 5px 0px;
  padding-left: 2.2rem;
  position: unset !important;
}

.column_record li span {
  background: rgba(0, 0, 0, 0) linear-gradient(transparent 40%, #fdfd85 0%) repeat scroll 0 0;
  font-weight: bold;
  line-height: 1.8;
}

.heading{
padding: 0rem 1rem!important;
  border-left: 6px double #000!important;
  font-weight: bold!important;
}
.column_record li:before {
  background: none !important;
  position: initial !important;
}
.center {
  text-align: center;
} */

/*20210525*/
.official {
  width: 100%;
  background: #f5f5f559;
  padding: 5% 0;
}

.official ul {
  width: 100%;
  padding: 15px;
}

.date p {
  font-size: 13px;
  padding-left: 20px;
}

.kanren {
  width: 90%;
}
.gnv {
  display: none;
}
/*2022.12.23*/
.l-parts08 {
  padding: 2rem 0;
}
.l-parts02 {
  padding: 3rem 0 2rem;
}
	.lp2 .l-parts05 .innerBox-type {
    border: 1px solid #e2e3e7;
    box-sizing: border-box;
    margin: -15px -15px 10px;
}
}