@charset "UTF-8";
/* CSS Document */

#article .contentsWrap{font-size: clamp(1.6rem, calc(1.4rem + 0.625vw), 1.8rem);line-height: 1.8;}
.panlistWrap{display: block;width: 100%;background-color: #F4F7F8;font-size: 1.2rem;font-weight: 400;position:static;padding: 0 0 0 2%;}
.panlistWrap .inBx{}
#article .inBx {display:block;width:104rem;margin: 0 auto;padding: 0.5rem 0; }
#article header {display: block;width: 100%; min-width: 120rem; position: static;z-index: 100;}


.articleWrap{display: block;max-width:104rem;margin: 8rem auto;padding: 0 2%;text-align: left;}
.cateBx{display: inline-flex;width: 100%;align-items: stretch;margin: 0 0 5rem;}
.cateBx .item1{display: block;flex-basis: 3.5rem;margin-right:1.5rem;}.cateBx .item1 img{display: block;width: 2rem;height: 7rem;}
.cate-name {display: block;text-align: left;}
.cate-name .item1{font-size: 1.8rem;color: #B81C21;}.item1 span{font-weight: 600;color:#021948;font-size: 1.8rem;margin-left:1rem;}
.cate-name .item2{font-size: 1.8rem;font-weight: 700;}


#article h2{max-inline-size: 100%;text-align: left}
#article h2 {font-size: 4rem;line-height:1.6;text-wrap:unset;margin-bottom:5rem;}
#article h3{margin-bottom: 2rem;}


.artcleBx{display: block;  width: 100%;text-align: left;margin: 3rem auto;}

.int-prfBx{float: right;margin: 0 0 2% 4%;width: 33%;line-height: 1.7;}
.int-prfBx1{float: right;margin: 0 0 2% 4%;width: 22%;line-height: 1.6;}
.int-prfBx img, .int-prfBx1 img{width: 100%; height: auto;}
.int-prfBx>p>span{}
.flow-left{float: left;min-width: 70%;}
.qaBx{display: block;margin: 0 0 3rem 0;}
.qtxt{font-weight: 700;color:rgba(35,45,78,0.80);margin-bottom:2.5rem;}
.qaBx p{margin-bottom: 2rem;}
.qtxt span {font-family: "Lexend", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;font-size: 3.8rem;color:#B9D4F0;
  font-style: italic;}

.lead_2{
	display: block;color:#B81C21;font-weight: 600;
	padding: 2rem;
	width: 73%;margin: 0;
	border-top: solid 1px #B81C21;border-bottom: solid 1px #B81C21;}
.lead_3{
	display: block;color:#333;font-weight: 600;
	padding: 2rem;
	width: 100%;margin: 0;
	border-top: solid 1px #333;border-bottom: solid 1px #333;}
.pointList{display: block;width: 73%;margin: 0;padding: 1rem 0 1.5rem 1rem;background-color: rgb(212 229 238);}
.pointList h5{display: block;width: 35%; background-color: rgba(255,255,255,1.00);padding: 0.5rem;border-right: solid #333 1px;border-bottom: solid 1px #333;margin-bottom: 1.5rem;}
.pointList ul{display: block;margin: 0 auto 0 10%; color:#021948;}
.pointList ul li{position: relative;}
.pointList ul li::after{content: '';
  display: block;
  position: absolute;
  top: .5em;
  left: -1.5em;
  width: 14px;
  height: 8px;
  border-left: 2px solid #890103;
  border-bottom: 2px solid #890103;
  transform: rotate(-45deg);}

.tableList {
    display: block;
    max-width: 100%;
    margin: auto;
    padding: 1rem 0 1.5rem 1rem;
    background-color: rgb(240 240 223);
}.tableList h5 {display: block;max-width: 70%; background-color: rgba(255,255,255,1.00);padding: 0.5rem;border-right: solid #ddd 1px;border-bottom: solid 1px #ddd;margin-bottom: 1.5rem;
}
.tableList >.item1{display:block;width: 80%;margin: 1rem 10%;}
#topics h2{text-wrap:unset;}
h3.h3_bar-red,h3.h3_bar-gr{position: relative;
  display: inline-block;
  margin-bottom: 1em;text-align: center;margin:3rem 0 6rem!important;width: 100%;}
h3.h3_bar-red:before {
  content: '';
  position: absolute;
  bottom: -15px;
  display: inline-block;
  width: 60px;
  height: 5px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color: #B81C21;
  border-radius: 0;
}
h3.h3_bar-gr:before {
  content: '';
  position: absolute;
  bottom: -15px;
  display: inline-block;
  width: 60px;
  height: 5px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color: #027959;
  border-radius: 0;
}
.intvBx{display: block;width: 92%;margin:0 4%;}
.intvBx p{margin-bottom: 2rem!important;}
ul.peopleBx{display: inline-flex;max-width:120rem;justify-content: space-between;margin: 0 auto 4rem;padding: 2rem;background-color:#E6FEED;background-image: linear-gradient(180deg, #fcffff 17%, #e0f9e8);}
ul.peopleBx li{display: inline-flex;justify-content: space-around;align-items: center; flex-basis: 33%;width:31%;height: auto;margin-left: 1%; }
ul.peopleBx li img{display: block;width: 48%;height:auto;}
ul.peopleBx li p{display: block;width: 48%;}

/*定番ページ*/

#article h2.h2_base {font-size: clamp(2.6rem, calc(2.4rem + 0.625vw), 2.8rem);text-align: left;}
/*会社概要の表*/
ul.table_corp {display: inline-flex;width: 95%;margin: 0 auto 0.5rem;justify-content: space-between;}
ul.table_corp li{display: block;padding: 20px;border-bottom: solid 1px #97B0BC;}
ul.table_corp li.item1{width: 30%; border-right: solid 2px #fff;background-color: #ebf1f5;text-align: center;}ul.table_corp li.item2{width: 70%;text-align: left;}
.paragraph-h4{display: block;width: 95%;margin: 4rem auto;text-align: left;font-size: clamp(1.4rem, calc(1.2rem + 0.625vw), 1.6rem);}
.paragraph-h4 h4{font-size: 2.2rem;}

@media screen and (max-width: 1024px) {
	.panlistWrap{position: fixed;z-index: 50;}
.cateBx {margin: 6rem  0 5rem;}
}

@media screen and (max-width: 768px) {
#article .inBx {display:block;width:100%;margin: 0 auto;padding: 0.5rem 0; }
#article header {min-width: 100%;}
.panlistWrap{position: fixed;z-index: 50;}
.int-prfBx{float:none;margin: 0 auto 3rem;width: 60%;}	
.articleWrap{display: block;max-width:96%;margin: 8rem auto;padding: 0 2%;}
.cateBx {margin: 6rem  0 5rem;}
.lead_2{width: 100%;margin: 0;}
.pointList{width: 100%;}
.pointList h5 {width: 80%;}
.pointList ul {margin: 0 2% 0 10%;}

ul.peopleBx{display: block;max-width:100%;padding: 2rem 3%;}
ul.peopleBx li{width:100%;height: auto;margin: 0 1%;}

/*会社概要の表*/
ul.table_corp {display: block;width: 95%;margin: 0 auto 0.5rem;}
ul.table_corp li{display: block;padding: 20px;border-bottom: solid 1px #97B0BC;width: 100%;}
ul.table_corp li.item1{width: 100%; }ul.table_corp li.item2{width: 100%;}
.int-prfBx1{float:none;margin: 0 5% 2rem;width: 90%;line-height: 1.6;}
}
@media screen and (max-width: 480px) {
#article .inBx {display:block;width:100%;margin: 0 auto;padding: 0.5rem 0; }
#article header {min-width: 100%;}
.panlistWrap{position: fixed;z-index: 50;}
.int-prfBx{float:none;margin: 0 auto 3rem;width: 60%;}
#article h2 {font-size: clamp(2.8rem, calc(2.6rem + 0.625vw), 3.2rem);text-wrap:initial;}
.articleWrap{display: block;max-width:96%;margin: 8rem auto;padding: 0 2%;}
.cateBx {margin: 6rem  0 5rem;}
.lead_2{width: 100%;margin: 0;}
.pointList{width: 100%;}.pointList h5 {width: 80%;}
.pointList ul {margin: 0 2% 0 10%;}
ul.peopleBx{display: block;max-width:100%;padding: 2rem 3%;}
ul.peopleBx li{width:100%;height: auto;margin: 0 1%;}
.int-prfBx1{float:none;margin: 0 5% 2rem;width: 90%;line-height: 1.6;}	
/*会社概要の表*/
ul.table_corp {display: block;width: 95%;margin: 0 auto 0.5rem;}
ul.table_corp li{display: block;padding: 20px;border-bottom: solid 1px #97B0BC;width: 100%;}
ul.table_corp li.item1{width: 100%; }ul.table_corp li.item2{width: 100%;}
}