/* CSS Document */

/* =============================================================================
	common
============================================================================= */
.illustrations {margin: 1rem 1.6rem 1.6rem; vertical-align: middle;}
.illustrations img {vertical-align: middle;}
.illustrations span {margin-left: 1.6rem;}

/* =============================================================================
   symbols
============================================================================= */
.symbols01 {vertical-align: middle;}
.symbols01 img {min-width: 110px; width: 110px; height: 100%;}
.symbols02Block .symbols02 {margin-top: 3.8rem;}
.symbols02Block .symbols02:first-child {margin-top: 0;}
.symbols02Block .symbols02 img:not(.textline) {min-width: 60px; width: 60px; height: 80px;}
.symbols02Block .symbols02 img.textline {vertical-align: middle; min-width: 16px; width: 16px; height: auto;}
.symbols02Block .symbols02 .explanation{border-color: #b1b1ac; border-width: 1px 1px 2px; border-style: solid; padding: 10px 16px;}
.symbols02Block .symbols02 .symbols02-cnt {display: flex; flex-flow:row wrap; width: 100%; border-color: #b1b1ac; border-width: 1px 0 0 1px; border-style: solid;}
.symbols02Block .symbols02 .symbols02-cnt .item {display: flex; align-items: stretch; width: 50%; border-color: #b1b1ac; border-width: 0 1px 1px 0; border-style: solid;}
.symbols02Block .symbols02 .symbols02-cnt .item .img {padding: 10px 16px;}
.symbols02Block .symbols02 .symbols02-cnt .item .txt {border-color: #b1b1ac; border-width: 0 0 0 1px; border-style: solid; padding: 10px 16px;}
@media only screen and (max-width: 768px) {
  .symbols02Block .symbols02 .symbols02-cnt {display: block;}
  .symbols02Block .symbols02 .symbols02-cnt .item {width: 100%;}
}
/* =============================================================================
　desktop / notebook
============================================================================= */
.CategoryMenu > .lyt-col-a[class*=diff-col] { margin-left: -18px; margin-bottom: -10px!important;}
.CategoryMenu > .lyt-col-a[class*=diff-col]>* { padding-left: 18px; padding-bottom: 10px!important; }
.CategoryMenu ul > li > a	{ display: block; position: relative; text-decoration: none; font-size: 1.8rem; color: #333333; font-weight: 700; padding: 20px 32px 20px 16px; background: #f1e767; background: -webkit-gradient(linear, left top, left bottom, from(#fdfbfb), to(#ebedee)); background: -webkit-linear-gradient(top, #fdfbfb 0%, #ebedee 100%); background: linear-gradient(to bottom, #fdfbfb 0%, #ebedee 100%); -webkit-box-shadow: inset 1px 1px 1px #fff; box-shadow: inset 1px 1px 1px #fff; box-shadow: 0 1px 2px rgb(0 0 0 / 18%); border: 1px solid #b8b8b8; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; box-sizing: border-box; }
.CategoryMenu ul > li > a::before { display: block; position: absolute; content: ""; top: 50%; right: 16px; width: 8px; height: 8px; border-top: 2px solid #005243; border-top-color: rgb(0, 82, 67); border-right: 2px solid #005243; border-right-color: rgb(0, 82, 67); -webkit-transform: rotate(45deg); transform: rotate(45deg); margin-top: -4px; }
.CategoryMenu ul > li > a:hover { background: -webkit-gradient(linear, left bottom, left top, from(#fdfbfb), to(#ebedee)); background: -webkit-linear-gradient(bottom, #fdfbfb 0%, #ebedee 100%); background: linear-gradient(to top, #fdfbfb 0%, #ebedee 100%); }
@media only screen and (max-width: 768px) {
	 .CategoryMenu > .lyt-col-a[class*=diff-col]>* { margin-bottom: 0;}.PeriManual > .lyt-col-a[class*=diff-col]>* { padding-bottom: 10px!important;}.CategoryMenu ul > li > a {font-size: 2.0rem;}}

.tab-d.sup-safety .lists {min-width: 201px; max-width: 201px;}
.tab-d.sup-safety .tab-list-d-wrapper {min-width: 200px;}
@media only screen and (max-width: 768px) {
	.tab-d.sup-safety .lists {min-width: inherit; max-width: inherit;}
	.tab-d.sup-safety .tab-list-d-wrapper {min-width: inherit;}
}

.CategoryContents { border-bottom: 1px dashed #cccccc; padding-bottom: 32px; margin-bottom: 32px; }
.CategoryContents .cnt { margin-left: 16px; margin-right: 16px;}
.CategoryContents .cnt .tit {font-weight: 700; font-size: 1.8rem;}
.CategoryContents .cnt p+p { margin-top: 24px!important;}
.tab-panel>h2:has(+ .CategoryContents) { margin-bottom: 32px;}

/*.CategoryContents {display: flex; border-bottom: 1px dashed #cccccc; padding-bottom: 38px; margin-bottom: 38px;}
.CategoryContents .img-type1 img {min-width: 60px; width: 60px; height: atuo;}
.CategoryContents .img-type2 img {min-width: 200px; width: 200px; height: atuo;}
.CategoryContents .cnt {margin-left: 18px;}
.CategoryContents .cnt .tit {font-weight: 700; font-size: 1.8rem;}
@media only screen and (max-width: 768px) {
	.CategoryContents {display: block;}
	.CategoryContents .img-type1, .CategoryContents .img-type2 {text-align: center; margin-bottom: 36px;}
}*/