@charset "UTF-8";
/* 汎用 */

/* マージン */
.wrapper_content .mt10 {
  margin-top: 10px !important;
} 
.wrapper_content .mt15 {
  margin-top: 15px !important;
} 
.wrapper_content .mt20 {
  margin-top: 20px !important;
} 
.wrapper_content .mt30 {
  margin-top: 30px !important;
} 
.wrapper_content .mb10 {
  margin-bottom: 10px !important;
} 
.wrapper_content .mb15 {
  margin-bottom: 15px !important;
} 
.wrapper_content .mb20 {
  margin-bottom: 20px !important;
} 
.wrapper_content .mb30 {
  margin-bottom: 30px !important;
} 
.wrapper_content .mr10 {
  margin-right: 10px !important;
} 
.wrapper_content .mr15 {
  margin-right: 15px !important;
} 
.wrapper_content .mr20 {
  margin-right: 20px !important;
} 
.wrapper_content .mr30 {
  margin-right: 30px !important;
} 
.wrapper_content .ml10 {
  margin-left: 10px !important;
} 
.wrapper_content .ml15 {
  margin-left: 15px !important;
} 
.wrapper_content .ml20 {
  margin-left: 20px !important;
} 
.wrapper_content .ml30 {
  margin-left: 30px !important;
} 

/* テキスト */
.wrapper_content .txt_b {
  font-weight: bold;
} 
.wrapper_content .txt_align-right {
  text-align: right;
} 
.wrapper_content .txt_align-center {
  text-align: center;
} 
.wrapper_content .txt_align-left {
  text-align: left;
} 
.wrapper_content .txt_color-red {
  color: #EC2020;
} 
.wrapper_content .txt_color-blue {
  color: #0B449A;
} 

/* 枠線 */
.wrapper_content .content_line-blue {
  border: solid 2px #0B449A;
  border-radius: 20px;
  box-sizing: border-box;
  margin: 20px 0;
  padding: 20px;
}
.wrapper_content .content_line-lightblue {
  border: solid 2px #E7F0FA;
  border-radius: 20px;
  box-sizing: border-box;
  margin: 20px 0;
  padding: 20px;
}

/* 背景 */
.wrapper_content .content_bg-yellow {
  background: #FFE53A;
  margin: 20px 0;
  padding: 20px;
}
.wrapper_content .content_bg-blue {
  background: #E7F0FA;
  margin: 20px 0;
  padding: 20px;
}

/* 枠&背景付きdivをflexにした時のマージン0 */
.wrapper_content .content_flex > .content_line-blue, .wrapper_content .content_flex > .content_line-lightblue, .wrapper_content .content_flex > .content_bg-yellow, .wrapper_content .content_flex > .content_bg-blue {
  margin: 0;
}
.wrapper_content .content_flex > .content_line-blue :last-child, .wrapper_content .content_flex > .content_line-lightblue :last-child, .wrapper_content .content_flex > .content_bg-yellow :last-child, .wrapper_content .content_flex > .content_bg-blue :last-child {
  margin-bottom: 0;
}

/* 画像 */
.wrapper_content .img_line {
  border: solid 1px #CBCBCB;
  box-sizing: border-box;
  display: inline-block;
  padding: 10px;
}

/* リンクアイコン */
.wrapper_content a.link_icon, .wrapper_content a.link_icon_tab, .wrapper_content a.link_icon_pdf, .wrapper_content a.link_icon_zip, .wrapper_content a.link_icon_dxf, .wrapper_content a.link_icon_youtube {
  text-decoration: underline;
  padding-left: 17px;
  position: relative;    
}
li:has(.link_icon), li:has(.link_icon_tab), li:has(.link_icon_pdf), li:has(.link_icon_zip), li:has(.link_icon_dxf), li:has(.link_icon_youtube) {
  list-style: none;
  margin-left: 1em;
  margin-bottom: 0.5em;
}
li a.link_icon, li a.link_icon_tab, li a.link_icon_pdf, li a.link_icon_zip, li a.link_icon_dxf, li a.link_icon_youtube {
  padding-left: 1em;
  margin-left: -1em;
}
.wrapper_content a.link_icon::before, .wrapper_content a.link_icon_tab::before, .wrapper_content a.link_icon_pdf::before, .wrapper_content a.link_icon_zip::before, .wrapper_content a.link_icon_dxf::before, .wrapper_content a.link_icon_youtube::before {
	content: "";
  transform: rotate(45deg);
  color: #0B449A;
  width: 6px;
  height: 6px;
  border-top: 2px solid #0B449A;
  border-right: 2px solid #0B449A;
  left: 2px;
  position: absolute;
	top: 0.5em;
}
.wrapper_content a.link_icon_tab::after {
	position: absolute;
	content: "";
	background: url(../../img/usr/icon/icon_link_e.png);
	background-repeat: no-repeat;
	background-size: contain;
  width: 1em;
  height: 1em;
	right: -1.4em;
  bottom: 0.1em;
}
.wrapper_content a.link_icon_pdf::after {
	position: absolute;
	content: "";
	background: url(../../img/usr/icon/icon_pdf.png);
	background-repeat: no-repeat;
	background-size: contain;
  width: 1em;
  height: 1em;
	right: -1.4em;
  bottom: 0.1em;
  
}
.wrapper_content a.link_icon_zip::after {
	position: absolute;
	content: "";
	background: url(../../img/usr/icon/icon_zip.png);
	background-repeat: no-repeat;
	background-size: contain;
  width: 1em;
  height: 1em;
	right: -1.4em;
  bottom: 0.1em;
}
.wrapper_content a.link_icon_dxf::after {
	position: absolute;
	content: "";
	background: url(../../img/usr/icon/icon_dxf.png);
	background-repeat: no-repeat;
	background-size: contain;
  width: 1em;
  height: 1em;
	right: -1.4em;
  bottom: 0.1em;
}
.wrapper_content a.link_icon_youtube::after {
	position: absolute;
	content: "";
	background: url(../../img/usr/icon/icon_youtube.png);
	background-repeat: no-repeat;
	background-size: contain;
  width: 1em;
  height: 1em;
	right: -1.4em;
  bottom: 0;
}

/* flex */
.wrapper_content .content_flex {
	display: flex;
	gap: 2rem;
	text-align: start;
	margin: 20px 0;
}
.wrapper_content .content_flex > div {
	flex: 1;
}
.wrapper_content .content_flex > img {
  align-self: start;
	width: 100%;
}
.wrapper_content .content_flex-sp {
  display: flex;
  flex-direction: column;
	gap: 1rem;
  margin: 20px auto;
}
.wrapper_content .content_flex.content_center {
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.wrapper_content .content_flex.content_center > img {
  align-self: center;
  width: auto;
  max-width: 800px;
}
.wrapper_content .content-center {
  margin: 0 auto;
}
/* アコーディオン直下のdivのmargin-topを0 */
.wrapper_content .accordion_open > div {
	margin: 0 0 20px 0 !important;
}

/* 表 */
.wrapper_content .dl_flex {
  text-align: start;
}
.wrapper_content .dl_flex dl {
	display: flex;
  flex-wrap: wrap;
  margin-bottom: 20px;
  width: 100%;
}
.wrapper_content .dl_flex dt {
  box-sizing: border-box;
  margin: 0;
  padding: 10px;
  width: 30%;
}
.wrapper_content .dl_flex dd {
  box-sizing: border-box;
  margin: 0;
  padding: 10px;
	text-align: start;
  width: 70%;
}

/* 表 */
.wrapper_content .table_flex {
  text-align: start;
  font-size: 16px;
  margin: 30px auto;
  width: 100%;
}
.wrapper_content .table_flex tr {
  border-bottom: solid 1px #eee;
  flex-wrap: wrap;
  width: 100%;
}
.wrapper_content .table_flex tr:last-child {
  border-bottom: none;
}
.wrapper_content .table_flex th {
  text-align: justify;
  padding: 15px;
  padding-left: 0;
  vertical-align: top;
  width: 0;
}
.wrapper_content .table_flex .nowrap {
  white-space: nowrap;
}
.wrapper_content .table_flex td {
  padding: 15px;
  padding-right: 0;
}
.wrapper_content .table_flex .merged-cell {
  height: 1em;
  border-bottom: none;
}
.wrapper_content .table_flex .merged-cell td {
  display: block;
  padding-bottom: 0;
}

/* リスト */
.wrapper_content .list {
  margin: 20px 0; 
  font-size: 16px;
}
.wrapper_content .list li {
  margin-bottom: 10px;
}
.wrapper_content ol.list {
  margin-left: -0.5em;
}
.wrapper_content ol.list li {
  margin-left: 1.8em;
}
.wrapper_content .list_disc li, .wrapper_content .list_disc-s li {
  list-style: none;
  text-indent: -1em;
  padding-left: 1em;
}
.wrapper_content .list_disc-s li {
  text-indent: -0.6em;
}
.wrapper_content .list_disc li::before {
  content: "";
  width: 0.5333em;
  height: 0.5333em;
  border-radius: 50%;
  background: #0B449A;
  display: inline-block;
  vertical-align: middle;
  margin-right: 0.5em;
  margin-right: 5px;
  margin-left: 2px;
}
.wrapper_content .list_disc-s li::before {
  content: "";
  width: 0.2666em;
  height: 0.2666em;
  border-radius: 50%;
  background: #0B449A;
  left: 5px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 0.7em;
  margin-right: 5px;
}