@charset "UTF-8";



.btn_ctr {
	width:300px;
	margin:60px auto 0;
}

.btn_ctr a {
	display:block;
	text-align:center;
	padding:1.2em 0;
	color:#0aaf96;
	text-decoration:none;
	font-size:1.08em;
	font-weight:bold;
	border:2px solid #0aaf96;
	transition:0.1s ease;
}

.btn_ctr a:hover {
	background:#0aaf96;
	color:#fff;
}

.w_blk_txt {
	background:#fff;
	padding:1.5em 2.5em;
}

.w_80 {
	width:750px;
	margin:1.5em auto;
}


@media only screen and (max-width: 980px) {
	.w_80 {
		width:100%; }
}

.cmn_title_L {
	color:#0aaf96;
	font-size:2.0em;
	text-align:center;
}
.cmn_title_Lb {
	position:relative;
	text-align:center;
	font-size:1.8em;
}

.cmn_title_Lb.num_1,
.cmn_title_Lb.num_2,
.cmn_title_Lb.num_3 {
	margin-top:150px;
}

.cmn_title_Lb.num_1:before,
.cmn_title_Lb.num_2:before,
.cmn_title_Lb.num_3:before {
	position:absolute;
	left:calc(50% - 35px); top:-110px;
	display:block;
	width:70px; height:70px;
	text-align:center;
	font-size:65px;
	font-weight:normal;
	color:#0aaf96;
	font-family:Century Gothic, CenturyGothic, AppleGothic, sans-serif;
}

.cmn_title_Lb.num_1:before { content:"1"; }
.cmn_title_Lb.num_2:before { content:"2"; }
.cmn_title_Lb.num_3:before { content:"3"; }


@media only screen and (max-width: 640px) {
	.cmn_title_L {
		font-size:1.4em; }
}

.t_ctr { text-align:center; }

/* image center */

.img_ctr_box {
	width:70%;
	margin:0 auto;
}

.img_ctr_box_w100 {
	width:100%;
	margin:0;
}
.img_ctr_box img,
.img_ctr_box_w100 img { width:100%; }

@media only screen and (max-width: 980px) {
	.img_ctr_box {
		width:90%; }
}


/* ul */

ul.mark_sq {
	list-style-type:none;
}
ul.mark_sq li {
	position:relative;
	margin:0 0 1.2em 35px;
	line-height:1.6;
}
ul.mark_sq li:before {
	position:absolute;
	left:-30px; top:2px;
	width:18px; height:18px;
	content:" ";
	background:url(../img/list_mark_sq.png);
}

.e_notice {
	padding: 1.5em 2.5em;
	border:1px solid #cccccc;
}

/* table */

.tbl_01,
.tbl_02 {
	width:100%;
	border-collapse:collapse;
}

.tbl_01 th,
.tbl_01 td {
	vertical-align:top;
	padding:15px 25px;
	border-bottom:1px dotted #0aaf96;
}


.tbl_01 th {
	width:10em;
	padding:15px 3em;
	text-align: justify;
	text-align-last: justify;
}

.tbl_01 tr:first-of-type th,
.tbl_01 tr:first-of-type td {
	border-top:1px dotted #0aaf96;
}

.tbl_02 th,
.tbl_02 td {
	vertical-align:top;
	padding:15px;
}

.tbl_02 th {
	color: #0aaf96;
	width:10em;
	text-align:right;
}
@media only screen and (max-width: 640px) {
	.tbl_01 { 
		border-top:1px dotted #0aaf96;
	}
	.tbl_01 th,
	.tbl_01 td,
	.tbl_02 th,
	.tbl_02 td {
		display:block;
	}
	.tbl_01 th {
		width:8em;
		border-bottom:0px;
		padding-left:1em;
	 }
	.tbl_01 tr:first-of-type th,
	.tbl_01 tr:first-of-type td {
		border-top:0px;
	}
	.tbl_02 th {
		padding-bottom:0;
		text-align:left;
		width:100%;
	}

}

/* access */

.access_box {
  max-width: 750px;
	margin:1.0em auto;
}

.access {
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 68%;
}

.access iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

@media only screen and (max-width: 980px) {
	.access_box {
		width:90%;
 }
}

/* network */

.group_data_lst {
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
}

.group_data_lst .data_box {
	width:48%;
}

.group_data_lst .data_box dl {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
	margin:0;
}
.group_data_lst .data_box dl dt,
.group_data_lst .data_box dl dd {
	padding-bottom:0.5em;
}

.group_data_lst .data_box dl dt { width:3em; }
.group_data_lst .data_box dl dd { width: calc(100% - 7em); }

.group_data_lst .data_box h5 {
	font-size:1.6em;
	color:#0aaf96;
	margin-bottom:15px;
}


@media only screen and (max-width: 980px) {
	.group_data_lst {
		display:block;
	}
	.group_data_lst .data_box {
		width:100%;
	}
	.group_data_lst .data_box h5 {
		font-size:1.2em; }
}

/* 企業情報メニュー */


.cpny_ft_ttl h4 {
	text-align:center;
	font-size:3.2rem;
	color:#fff;
  font-family: "Jost", sans-serif;
  font-optical-sizing: auto;
	font-weight:100;
  font-style: normal;

}
.cpny_ft_ttl h4 span {
    color: var(--color_1);
}
.cpny_ft_ttl h4 .ttl_jp {
    color: var(--color_1);
	font-size:1.7rem;
	font-family: YuGothic, "游ゴシック", "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
	font-weight:700;
}

.cpny_ftList ul {
  display: flex;
  flex-wrap: wrap;
  gap: 2.5%;
  list-style: none;
  margin: 0;
  padding: 0;
}

.cpny_ftList li {
  display: flex;
  margin: 0 0 2.5%;
  padding: 0;
  width: 23%;
}

.cpny_ftList li a {
  display: block;
  background-color: 000;
  text-decoration: none;
  color: #000;
  text-align: center;
  transition: background 0.2s ease;
}


.cpny_ftList li a:hover {
  background-color: var(--color_hover);
}

.cpny_ftList li.in a {
  color: var(--color_1);
  cursor: default;
	background:#fff;
}

.cpny_ftList li figure {
  margin: 0;
  padding: 0;
}

.cpny_ftList li figure img {
  width: 100%;
  height: auto;
}

.cpny_ftList li .text_wrap {
  padding: 10px;
}

.cpny_ftList li .text {
  position: relative;
  padding: 20px 10px;
}

.cpny_ftList li .text p {
  font-size: 14px;
  font-size: 0.9rem;
  margin: 0;
  padding: 0;
  font-weight: bold;
  line-height: 1.5;
}

.cpny_ftList li .text p span {
  font-size: 8px;
  font-size: 0.5rem;
	letter-spacing: 0.5px;
  display: block;
}

.cpny_ftList li .cnr_1, .cpny_ftList li .cnr_2, .cpny_ftList li .cnr_3, .cpny_ftList li .cnr_4 {
  display: block;
  width: 16px;
  height: 16px;
  border: 5px solid var(--color_1);
  position: absolute;
}

.cpny_ftList li .cnr_1 {
  top: 0;
  left: 0;
  border-right: none;
  border-bottom: none;
}

.cpny_ftList li .cnr_2 {
  top: 0;
  right: 0;
  border-left: none;
  border-bottom: none;
}

.cpny_ftList li .cnr_3 {
  bottom: 0;
  right: 0;
  border-top: none;
  border-left: none;
}

.cpny_ftList li .cnr_4 {
  bottom: 0;
  left: 0;
  border-top: none;
  border-right: none;
}

.cpny_ftList li .line_1, .cpny_ftList li .line_2 {
  position: relative;
  height: 1px;
  background-color: var(--color_1);
  position: absolute;
  right: 25px;
  left: 25px;
}

.cpny_ftList li .line_1::before, .cpny_ftList li .line_1::after, .cpny_ftList li .line_2::before, .cpny_ftList li .line_2::after {
  content: '';
  top: -2px;
}

.cpny_ftList li .line_1::after, .cpny_ftList li .line_2::after {
  right: 0;
}

.cpny_ftList li .line_1 {
  top: 3px;
}

.cpny_ftList li .line_2 {
  bottom: 3px;
}

@media only screen and (max-width: 980px) {
  .cpny_ftList li .text p {
    font-size: 16px;
    font-size: 0.7rem;
  }
  .cpny_ftList li .text p span {
    font-size: 12px;
    font-size: 0.7rem;
  }
  .cpny_ftList li .cnr_1, .cpny_ftList li .cnr_2, .cpny_ftList li .cnr_3, .cpny_ftList li .cnr_4 {
    width: 14px;
    height: 14px;
    border-width: 4px;
  }
}

@media only screen and (max-width: 640px) {
	.cpny_ft_ttl h4 {
    font-size:2.0rem; }
  .cpny_ft_ttl h4 .ttl_jp {
    color: var(--color_1);
    font-size:1.2rem; }

  .cpny_ftList ul {
    gap: 10px;
  }
  .cpny_ftList li {
    margin: 0;
    width: calc(50% - 5px);
  }
  .cpny_ftList li .text p {
    font-size: 16px;
    font-size: 1rem;
  }

}

/* PRODUCTS PAGEs　画像はみだし防止パターン追加 */

.cmn_prd_kv .fig_w img {
	width:100%;
}