﻿/* margin */
.hp-marginL10{ margin-left: 10px !important; }
.hp-marginL20{ margin-left: 20px !important; }
.hp-marginL30{ margin-left: 30px !important; }
.hp-marginL40{ margin-left: 40px !important; }
.hp-marginL50{ margin-left: 50px !important; }
.hp-marginL60{ margin-left: 60px !important; }
.hp-marginL70{ margin-left: 70px !important; }
.hp-marginL80{ margin-left: 80px !important; }
.hp-marginL90{ margin-left: 90px !important; }
.hp-marginL100{ margin-left: 100px !important; }

.hp-marginR10{ margin-right: 10px !important; }
.hp-marginR20{ margin-right: 20px !important; }
.hp-marginR30{ margin-right: 30px !important; }
.hp-marginR40{ margin-right: 40px !important; }
.hp-marginR50{ margin-right: 50px !important; }
.hp-marginR60{ margin-right: 60px !important; }
.hp-marginR70{ margin-right: 70px !important; }
.hp-marginR80{ margin-right: 80px !important; }
.hp-marginR90{ margin-right: 90px !important; }
.hp-marginR100{ margin-right: 100px !important; }
.hp-marginR110{ margin-right: 110px !important; }

.hp-marginT0{ margin-top: 0px !important; }
.hp-marginT5{ margin-top: 5px !important; }
.hp-marginT10{ margin-top: 10px !important; }
.hp-marginT20{ margin-top: 20px !important; }
.hp-marginT30{ margin-top: 30px !important; }
.hp-marginT40{ margin-top: 40px !important; }
.hp-marginT50{ margin-top: 50px !important; }
.hp-marginT60{ margin-top: 60px !important; }
.hp-marginT70{ margin-top: 70px !important; }
.hp-marginT80{ margin-top: 80px !important; }
.hp-marginT90{ margin-top: 90px !important; }
.hp-marginT100{ margin-top: 100px !important; }

.hp-marginB5{ margin-bottom: 5px !important; }
.hp-marginB10{ margin-bottom: 10px !important; }
.hp-marginB15{ margin-bottom: 15px !important; }
.hp-marginB20{ margin-bottom: 20px !important; }
.hp-marginB30{ margin-bottom: 30px !important; }
.hp-marginB40{ margin-bottom: 40px !important; }
.hp-marginB50{ margin-bottom: 50px !important; }
.hp-marginB60{ margin-bottom: 60px !important; }
.hp-marginB70{ margin-bottom: 70px !important; }
.hp-marginB80{ margin-bottom: 80px !important; }
.hp-marginB90{ margin-bottom: 90px !important; }
.hp-marginB100{ margin-bottom: 100px !important; }

/* padding */
.hp-padding20{ padding: 20px !important; }

.hp-paddingL5{ padding-left: 5px !important; }
.hp-paddingL10{ padding-left: 10px !important; }
.hp-paddingL20{ padding-left: 20px !important; }
.hp-paddingL30{ padding-left: 30px !important; }
.hp-paddingL40{ padding-left: 40px !important; }
.hp-paddingL50{ padding-left: 50px !important; }
.hp-paddingL60{ padding-left: 60px !important; }
.hp-paddingL70{ padding-left: 70px !important; }
.hp-paddingL80{ padding-left: 80px !important; }
.hp-paddingL90{ padding-left: 90px !important; }
.hp-paddingL100{ padding-left: 100px !important; }

.hp-paddingT5{ padding-top: 5px !important; }
.hp-paddingT15{ padding-top: 15px !important; }
.hp-paddingT10{ padding-top: 10px !important; }
.hp-paddingT20{ padding-top: 20px !important; }
.hp-paddingT30{ padding-top: 30px !important; }
.hp-paddingT40{ padding-top: 40px !important; }
.hp-paddingT50{ padding-top: 50px !important; }
.hp-paddingT60{ padding-top: 60px !important; }
.hp-paddingT70{ padding-top: 70px !important; }
.hp-paddingT80{ padding-top: 80px !important; }
.hp-paddingT90{ padding-top: 90px !important; }
.hp-paddingT100{ padding-top: 100px !important; }

.hp-paddingB0{ padding-bottom: 0px !important; }
.hp-paddingB5{ padding-bottom: 5px !important; }
.hp-paddingB10{ padding-bottom: 10px !important; }
.hp-paddingB15{ padding-bottom: 15px !important; }
.hp-paddingB20{ padding-bottom: 20px !important; }
.hp-paddingB30{ padding-bottom: 30px !important; }
.hp-paddingB40{ padding-bottom: 40px !important; }
.hp-paddingB50{ padding-bottom: 50px !important; }
.hp-paddingB60{ padding-bottom: 60px !important; }
.hp-paddingB70{ padding-bottom: 70px !important; }
.hp-paddingB80{ padding-bottom: 80px !important; }
.hp-paddingB90{ padding-bottom: 90px !important; }
.hp-paddingB100{ padding-bottom: 100px !important; }

/* font */
.mod-font13{font-size:13px!important;}
.mod-font13b{font-weight: bold; font-size:13px!important;}
.mod-font14{font-size:14px!important;}
.mod-font15b{font-weight: bold; font-size:15px!important;}
.mod-font15{font-size:15px!important;}
.mod-font16{font-size:16px!important;}

.mod-lh14{line-height: 1.4em !important;}
.mod-lh15{line-height: 1.5 !important;}
.mod-lh16{line-height: 1.6 !important;}
/* border */
.mod-nobdR{ border-right: 0 !important;}

/* width (px) */
.mod-wd90{ width: 90px !important; }
.mod-wd150{ width: 150px !important; }
.mod-wd160{ width: 160px !important; }
.mod-wd190{ width: 190px !important; }
.mod-wd200{ width: 200px !important; }
.mod-wd205{ width: 205px !important; }
.mod-wd210{ width: 210px !important; }
.mod-wd215{ width: 215px !important; }
.mod-wd220{ width: 220px !important; }
.mod-wd230{ width: 230px !important; }
.mod-wd240{ width: 240px !important; }
.mod-wd250{ width: 250px !important; }
.mod-wd260{ width: 260px !important; }
.mod-wd270{ width: 270px !important; }
.mod-wd450{ width: 450px !important; }
.mod-wd500{ width: 500px !important; }
.mod-wd520{ width: 520px !important; }
.mod-wd610{ width: 610px !important; }

/* width (%) */
.mod-wd10p{ width: 10% !important; }
.mod-wd15p{ width: 15% !important; }
.mod-wd20p{ width: 20% !important; }
.mod-wd30p{ width: 30% !important; }
.mod-wd40p{ width: 40% !important; }
.mod-wd50p{ width: 50% !important; }
.mod-wd55p{ width: 55% !important; }
.mod-wd60p{ width: 60% !important; }
.mod-wd70p{ width: 70% !important; }
.mod-wd80p{ width: 80% !important; }
.mod-wd90p{ width: 90% !important; }
.mod-wd100p{ width: 100% !important; }

/** reconstruction **/
figure img {
	padding-bottom: 8px;
}


/* .clo_bg_1{background:#BCE6F7;}
.clo_bg_2{background:#F0C5DF;}
.clo_bg_3{background:#A7DE95;}
.clo_bg_3_2{background:#5AB43C;}
.clo_bg_4{background:#F5E8B8;}
.clo_bg_5{background:#DECDC3;}
.clo_bg_6{background:#E3E3E3;}
.clo_bg_7{background:#ffe3e5;}
.clo_bg_8{background:#ffe6dd;}
.clo_bg_8_2{background:#ee5a24;}
.clo_bg_9{background:#f7ab00;}
.clo_bg_10{background: #00ac97;}
.clo_bg_11{background:#e85298;}
.clo_bg_12{background:#1EAAE6;} */

.pgsptit.closp1 {
  background: #1EAAE6;
}
.pgsptit {
  padding: 15px;
  text-align: center;
  font-weight: 600;
  /* font-size: 1.8rem; */
  margin-bottom: 20px;
  color: #fff;
  border-radius: 15px;
}
.pgsptit_2 {
  font-size: 1.8rem;
  font-weight: bold;
  text-align: center;
  padding: 10px;
  border: 3px solid #ccc;
  background: #EFEFEF;
}
.pgsptit_2.closp1 {
  border: 3px solid #1EAAE6;
}
.pgsptit_4 {
  font-size: 1.8rem;
  font-weight: 600;
  padding: 0 0 0 20px;
  margin-bottom: 10px;
  position: relative;
}
.pgsptit_4::before {
  font-family: 'Material Icons';
  content: "\ef4a";
  font-size: 1.1rem;
  position: absolute;
  top: -4px;
  left: 0;
  color: #0068b9;
}
.pgsptit_4.closp1::before {
  color: #1EAAE6;
}
.pgsptit_5 {
	margin-bottom: 20px;
}
.boxsubInner.mb40 {
	margin-bottom: 40px;
}

.buleboxsp {
  border: 5px solid #BCE6F7;
  border-radius: 10px;
  padding: 30px;
}

.fgbox {
  display: grid;
  gap: 1rem;
  grid-template-columns: repeat(3, 1fr);
}
.fgbox figure{
	display: flex;
	align-items:center;
}
.fgbox figure img{max-width:75px;}
.fgbox figure figcaption {
	width: 70%;
	background: #BCE6F7;
	border-radius: 20px;
	padding: 10px;
	line-height:1.2;
	margin:0;
}
#contents-left ul.fgbox,
#contents-left ul.list06 {
	margin-bottom: 0;
	padding-bottom: 0;
}
.list06 li {
  position: relative;
  padding: 0 0 0 25px;
  margin-bottom: 3px;
  font-size: 1.6rem;
  line-height: 1;
}
.list06 li:last-child{margin-bottom:0px;}
.list06 li::before{
	font-family: 'Material Icons';
	content: "\ef4a";
	color:#0068b9;
	position: absolute;
	top:0;
	left:0;
}
.list06.splt1 li::before{color:#1EAAE6;}

/* accordion Table Layout
-----------------------------------------*/
#contents-left .disAccordion dl.accordion dt {
	padding: 0;
}
.disAccordion .accordion dt{
	font-size:1.8rem;
	font-weight: bold;
	color: #FFF;
	padding:10px 40px 10px 10px;
	margin: 0 0 3px;
	background: #006cb8 url("/company/activity/social/images/ico_down.gif") 98% 50% no-repeat;
	cursor: pointer;
}
.disAccordion .accordion dt.open {
    background: #006cb8 url("/company/activity/social/images/ico_up.gif") 98% 50% no-repeat;
}
.disAccordion .accordion dd {
	display:none;
	padding: 2px 0 6px 0;
}
.disAccordion .accordion dd.first {
	display: block;
}
.disAccordion .accordion dd table {
	border-collapse: collapse;
	width: 100%;
	border-spacing: 0;
	font-size: 108%;
}
.disAccordion .accordion dd th,
.disAccordion .accordion dd td{
	border-bottom: #ccc 2px solid;
	border-left: #ccc 2px solid;
}

.disAccordion .accordion dd th:first-child,
.disAccordion .accordion dd td:first-child{
	border-left: none;
}

.disAccordion .accordion dd th {
	color: #FFF;
	font-weight: normal;
	background-color: #2A8AD4;
	text-align: center;
	padding: 4px 4px 4px 4px;
}
.disAccordion .accordion dd .th01 {
	width: 135px;
}
.disAccordion .accordion dd .th02 {
	width: 135px;
}
.disAccordion .accordion dd .th03 {
	width: 135px;
}
.disAccordion .accordion dd .th04 {
	width: 150px;
}
.disAccordion .accordion dd td {
	background-color: #fff;
	padding: 7px 12px 7px 12px;
	text-align: left;
	vertical-align: top;
}
.disAccordion .accordion dd tr.bg td {
	background-color: #E3E3E3;
}
#continuationhyo .disAccordion .accordion dd .th01,
#continuationhyo .disAccordion .accordion dd .th02{
	width: 50%;
}

/* アコーデオン (Accordion) */
dl.accordion dt > a {
    color: inherit;
}
.disAccordion .accordion dt{
  padding:0;
  background:none;
  cursor: inherit;
}
.disAccordion .accordion dt a {
	font-size: 0.95rem;
	font-weight: bold;
	color: #FFF;
	padding:10px 40px 10px 10px;
	background: #006cb8 url("../images/ico_down.gif") 98% 50% no-repeat;
	cursor: pointer;
	display: block;
	line-height: 1.2;
	text-decoration: none;
}
.disAccordion .accordion dt a:hover {
	text-decoration: underline;
}
.disAccordion .accordion dt.open a {
    background: #006cb8 url("../images/ico_up.gif") 98% 50% no-repeat;
}
.disAccordion .accordion dd .th01, 
.disAccordion .accordion dd .th02 {
    width: 50%;
}