@charset "utf-8";
@import url('common.css');
@import url('amime.css');
@import url('slick-theme.css');
@import url('slick.css');


/*＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊
TOP PAGE
＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊*/



/* ＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊
PCページレイアウト
＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊ */


@media all and (min-width: 1025px) {


#main{
	position: relative;
	width:94%;
	max-width:1200px;
	margin:0 auto 0 auto;
	padding:100px 0 120px 0;
	display: flex;
	justify-content:space-between;
	align-items:stretch;
	flex-wrap:wrap;
}



/* mNew */

#mNew{
	position: relative;
	width:48%;
	max-width:580px;
	margin:0 0 0 0;
	padding:0 0 0 0;
}

#mNew h2{
	display:block;
	position: relative;
	margin:0 0 40px 0;
	padding:20px 30px;
	font-size:var(--font-20);
	font-weight:600;
	line-height:1.7;
	letter-spacing: 1px;
	display: flex;
	align-items:center;
	flex-wrap:wrap;
	color:var(--color-WH);
	background:var(--color-BLU1);
}

#mNew div.newsList{
	width:100%;
	margin:0 0 0 0;
	padding:0 0 50px 0;
	border-top:1px solid var(--color-Gdd);
}

#mNew div.newsList dl{
	display:block;
	position: relative;
	margin:0 0 0 0;
	padding:0 0 0 0;
	position: relative;
	width:100%;
	display: flex;
	align-items:stretch;
	flex-wrap:wrap;
}

#mNew div.newsList dl:hover{
	background:var(--color-Ged);
}

#mNew div.newsList dt{
	width:110px;
	margin:0 0 0 0;
	padding:30px 0 30px 20px;
	border-bottom:1px solid var(--color-Gdd);
	font-size:var(--font-14);
	font-weight:400;
	line-height:1.7;
	letter-spacing: 1px;
}

#mNew div.newsList dd{
	width:calc(100% - 130px);
	margin:0 0 0 0;
	padding:0 0;
	border-bottom:1px solid var(--color-Gdd);
	font-size:var(--font-15);
	font-weight:500;
	line-height:1.7;
	letter-spacing: 1px;
}

#mNew div.newsList dd a{
	margin:0 0 0 0;
	padding:30px 0 30px 20px;
	display: flex;
	align-items:center;
}


#mNew div.bnr a{
	display: block;
	position: relative;
	margin:20px 0 0 0;
	padding:30px 0 30px 0;
	border:5px solid var(--color-Gdd);
	text-align:center;
	font-size:var(--font-18);
	font-weight:600;
	line-height:1.7;
	letter-spacing: 1px;
}

#mNew div.pdf a{
	background:url(../images/icon_pdf_b.webp) no-repeat 3vw 50%;
	background-size: 1.6vw auto;
}

#mNew div.mail a{
	background:url(../images/icon_mail_b.webp) no-repeat 3vw 50%;
	background-size: 1.6vw auto;
}


#mNew div.bnr a:hover {
	text-decoration: none;
	border:5px solid var(--color-BLU1);
	color:var(--color-BLU1);
}

#mNew div.pdf a:hover {
	background:url(../images/icon_pdf_b.webp) no-repeat 3vw 50% var(--color-Ged);
	background-size: 1.6vw auto;
}
#mNew div.mail a:hover {
	background:url(../images/icon_mail_b.webp) no-repeat 3vw 50% var(--color-Ged);
	background-size: 1.6vw auto;
}

#mNew div.bnr a:after {
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	right: 20px;
	width: 8px;
	height: 8px;
	margin: -4px 0 0 0;
	border-top: solid 2px var(--color-G99);
	border-right: solid 2px var(--color-G99);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

#mNew div.bnr a:hover:after {
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	right: 20px;
	width: 8px;
	height: 8px;
	margin: -4px 0 0 0;
	border-top: solid 2px var(--color-BLU1);
	border-right: solid 2px var(--color-BLU1);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}






/* mError */

#mError{
	position: relative;
	width:48%;
	max-width:580px;
	margin:0 0 0 0;
	padding:0 0 0 0;
}

#mError h2{
	display:block;
	position: relative;
	margin:0 0 40px 0;
	padding:20px 30px;
	font-size:var(--font-20);
	font-weight:600;
	line-height:1.7;
	letter-spacing: 1px;
	display: flex;
	align-items:center;
	flex-wrap:wrap;
	color:var(--color-WH);
	background:var(--color-BLU1);
}

#mError table.table01{
	position: relative;
	width:580px;
	margin:0 0 0 0;
	padding:0 0 0 0;
	background-size: cover;
}

#mError table.table01 tr{
	display:block;
	width:574px;
	margin:0 0 10px 0;
	padding:0 0;
	border:1px solid var(--color-Gcc);
}

#mError table.table01 tr:hover{
	background:var(--color-Ged);
	border:1px solid var(--color-BLU1);
}

#mError table.table01 th{
	margin:0 0 0 0;
	padding:0 0;
}

#mError table.table01 th a{
	display:block;
	width:120px;
	margin:0 0 0 0;
	padding:12px 0;
	font-size:var(--font-18);
	font-weight:800;
	line-height:1.7;
	letter-spacing: 0;
	background:var(--color-Ged);
	color:var(--color-BLU1);
}

#mError table.table01 tr:hover th a{
	color: var(--color-WH);
	background: var(--color-BLU1);
}


#mError table.table01 td{
	width:460px;
	margin:0 0 0 0;
	padding:0 0 0 0;
}

#mError table.table01 td a{
	display:block;
	position: relative;
	width:430px;
	margin:0 0 0 0;
	padding:12px 20px;
	font-size:var(--font-18);
	font-weight:500;
	line-height:1.7;
	letter-spacing: 1px;
}

#mError table.table01 td a::before{
	position: absolute;
	top: 0;
	bottom: 0;
	right: 30px;
	margin: auto;
	content: "";
	vertical-align: middle;
	box-sizing: border-box;
	width: 24px;
	height: 24px;
	border-radius: 50px;
	color: var(--color-WH);
	background: var(--color-BLU1);
}

#mError table.table01 td a::after{
  content: '▶';
  width: 5px;
  height: 5px;
  border: 0px;
  position: absolute;
  top: 45%;
  right: 41px;
  margin-top: -4px;
	font-size:8px;
	color: var(--color-WH);
}




#mError table.table02{
	position: relative;
	width:576px;
	margin:0 0 0 0;
	padding:0 0 0 0;
	background-size: cover;
}

#mError table.table02 tr{
	width:574px;
	margin:0 0 0 0;
	padding:0 0;
	vertical-align:middle;
	border:1px solid var(--color-Gcc);
}

#mError table.table02 th{
	width:124px;
	margin:0 0 0 0;
	padding:0 0;
	font-size:var(--font-18);
	font-weight:800;
	line-height:1.7;
	letter-spacing: 0;
	background:var(--color-Ged);
	color:var(--color-BLU1);
	vertical-align:middle;
}


#mError table.table02 td{
	width:460px;
	margin:0 0 0 0;
	padding:40px 0 40px 0;
	text-align:center;
	font-size:var(--font-18);
	font-weight:600;
	line-height:1.7;
	letter-spacing: 0;
}

#mError table.table02 td span{
	display:block;
	width:300px;
	margin:0 auto 0 auto;
	padding:0 0 0 0;
}

#mError table.table02 td span img{
	width:100%;
}





}













/* ＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊
SPページレイアウト
＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊ */

@media all and (max-width: 1024px) {


#main{
	position: relative;
	width:90%;
	margin:0 auto 0 auto;
	padding:50px 0 50px 0;
}



/* mNew */

#mNew{
	position: relative;
	width:100%;
	margin:0 0 0 0;
	padding:0 0 0 0;
}

#mNew h2{
	display:block;
	position: relative;
	margin:0 0 20px 0;
	padding:10px 30px;
	font-size:var(--font-20);
	font-weight:600;
	line-height:1.7;
	letter-spacing: 1px;
	display: flex;
	align-items:center;
	flex-wrap:wrap;
	color:var(--color-WH);
	background:var(--color-BLU1);
}

#mNew div.newsList{
	width:100%;
	margin:0 0 0 0;
	padding:0 0 20px 0;
	border-top:1px solid var(--color-Gdd);
}

#mNew div.newsList dl{
	display:block;
	position: relative;
	margin:0 0 0 0;
	padding:15px 0;
	position: relative;
	width:100%;
	border-bottom:1px solid var(--color-Gcc);
}

#mNew div.newsList dl:hover{
	background:var(--color-Ged);
}

#mNew div.newsList dt{
	margin:0 0 0 0;
	padding:0 0 0 0;
	font-size:var(--font-13);
	font-weight:400;
	line-height:1.7;
	letter-spacing: 1px;
}

#mNew div.newsList dd{
	margin:3px 0 0 0;
	padding:0 0 0 0;
	font-size:var(--font-15);
	font-weight:400;
	line-height:1.7;
	letter-spacing: 1px;
}

#mNew div.newsList dd a{
	margin:0 0 0 0;
	padding:0 0 0 0;
}


#mNew div.bnr a{
	display: block;
	position: relative;
	margin:10px 0 0 0;
	padding:20px 0;
	border:5px solid var(--color-Gdd);
	text-align:center;
	font-size:var(--font-16);
	font-weight:600;
	line-height:1.7;
	letter-spacing: 1px;
}


#mNew div.bnr a:hover {
	text-decoration: none;
	background:var(--color-Ged);
	border:5px solid var(--color-BLU1);
	color:var(--color-BLU1);
}

#mNew div.bnr a:after {
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	right: 20px;
	width: 8px;
	height: 8px;
	margin: -4px 0 0 0;
	border-top: solid 2px var(--color-G99);
	border-right: solid 2px var(--color-G99);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

#mNew div.bnr a:hover:after {
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	right: 20px;
	width: 8px;
	height: 8px;
	margin: -4px 0 0 0;
	border-top: solid 2px var(--color-BLU1);
	border-right: solid 2px var(--color-BLU1);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}






/* mError */

#mError{
	position: relative;
	width:100%;
	margin:70px 0 0 0;
	padding:0 0 0 0;
}

#mError h2{
	display:block;
	position: relative;
	margin:0 0 20px 0;
	padding:10px 20px;
	font-size:var(--font-20);
	font-weight:600;
	line-height:1.7;
	letter-spacing: 1px;
	display: flex;
	align-items:center;
	flex-wrap:wrap;
	color:var(--color-WH);
	background:var(--color-BLU1);
}


#mError table.table01{
	position: relative;
	width:100%;
	margin:0 0 0 0;
	padding:0 0 0 0;
	background-size: cover;
}

#mError table.table01 tr{
	display:inline-block;
	position: relative;
	width:100%;
	margin:0 0 5px 0;
	padding:0 0;
	border:1px solid var(--color-Gcc);
}

#mError table.table01 tr:hover{
	background:var(--color-Ged);
	border:1px solid var(--color-BLU1);
}

#mError table.table01 th{
	width:70px;
	margin:0 0 0 0;
	padding:0 0;
}

#mError table.table01 th a{
	display:block;
	width:100vw;
	max-width:70px;
	margin:0 0 0 0;
	padding:10px 0;
	font-size:var(--font-15);
	font-weight:800;
	line-height:1.7;
	letter-spacing: 0;
	background:var(--color-Ged);
	color:var(--color-BLU1);
}

#mError table.table01 td{
	width:calc(100vw - 70px);
	margin:0 0 0 0;
	padding:0 0 0 0;
}

#mError table.table01 td a{
	display:inline-block;
	width:calc(100% - 40px);
	margin:0 0 0 0;
	padding:10px 20px;
	font-size:var(--font-14);
	font-weight:500;
	line-height:1.7;
	letter-spacing: 1px;
}

#mError table.table01 td a::before{
	position: absolute;
	top: 0;
	bottom: 0;
	right: 10px;
	margin: auto;
	content: "";
	vertical-align: middle;
	box-sizing: border-box;
	width: 24px;
	height: 24px;
	border-radius: 50px;
	color: var(--color-WH);
	background: var(--color-BLU1);
}

#mError table.table01 td a::after{
  content: '▶';
  width: 5px;
  height: 5px;
  border: 0px;
  position: absolute;
  top: 45%;
  right: 20px;
  margin-top: -5px;
	font-size:8px;
	color: var(--color-WH);
}




#mError table.table02{
	position: relative;
	width:100%;
	margin:0 0 0 0;
	padding:0 0 0 0;
	background-size: cover;
}

#mError table.table02 tr{
	width:100%;
	margin:0 0 0 0;
	padding:0 0;
	vertical-align:middle;
	border:1px solid var(--color-Gcc);
}

#mError table.table02 th{
	width:70px;
	margin:0 0 0 0;
	padding:0 0;
	font-size:var(--font-15);
	font-weight:800;
	line-height:1.7;
	letter-spacing: 0;
	background:var(--color-Ged);
	color:var(--color-BLU1);
	vertical-align:middle;
}


#mError table.table02 td{
	width:calc(100% - 70px);
	margin:0 0 0 0;
	padding:40px 0 40px 0;
	text-align:center;
	font-size:var(--font-14);
	font-weight:600;
	line-height:1.7;
	letter-spacing: 0;
}

#mError table.table02 td span{
	display:block;
	width:200px;
	margin:0 auto 0 auto;
	padding:0 0 0 0;
}

#mError table.table02 td span img{
	width:100%;
}


}