@charset "UTF-8";

/*-----　ヘッダー　-----*/

header.original{
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1000;
	width: 100%;
	height: 85px;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}

header.original .logo_area{
	background-color: #031940;
	width: 25%;
	height: 100%;
	position: relative;
	text-align: center;
	padding-top: 25px;
	z-index: 100;
}

header.original .logo_area:before{
	content: '';
	position: absolute;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 85px 50px 0 10px;
	border-color: #031940 transparent transparent transparent;
	top: 0;
	right: -50px;
}

header.original .navi_area{
	background-color: #fff;
	width: 60%;
	height: 100%;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	list-style: none;
	padding-left: 80px;
	padding-right: 30px;
	position: relative;
	z-index: 90;
}

header.original .navi_area:before{
	content: '';
	position: absolute;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 85px 50px 0 0;
	border-color: #fff transparent transparent transparent;
	top: 0;
	right: -50px;
}

header.original .navi_area a{
	position: relative;
	padding: 0 10px;
	transition: transform .3s;
}

header.original .navi_area a::before {
  position: absolute;
  bottom: -4px;
  left: 0;
  content: '';
  width: 100%;
  height: 2px;
  background: #031940;
  transform: scale(0, 1);
  transform-origin: left top;
  transition: transform .3s;
  z-index: 100;
}

header.original .navi_area a:hover{
	text-decoration: none;
	color: #031940;
}

header.original .navi_area a:hover::before {
  transform: scale(1, 1);
}

header.original .contact{
	width: 15%;
	height: 100%;
	z-index: 80;
}

header.original .contact a{
	display: block;
	width: 100%;
	height: 100%;
	background-image: url(../image/contact_back.jpg);
	background-size: cover;
	background-position: center;
	color: #fff;
	text-align: center;
	padding-top: 30px;
	padding-left: 85px;
	transition: all .3s ease 0s;
}

header.original .contact a:hover{
	background-image: url(../image/contact_back_h.jpg);
	text-decoration: none;
}

header.original .contact a .txt{
	position: relative;
}

header.original .contact a .txt:before {
    content: '';
    position: absolute;
    background-image: url(../image/mail_icon.png);
    background-size: 100%;
    background-repeat: no-repeat;
    width: 17px;
    height: 13px;
    top: 2px;
    left: -23px;
}

@media only screen and (max-width: 1250px) {
	header.original .navi_area{
		display: none;
		position: absolute;
		top: 85px;
		left: 0;
		width: 100%;
		height: auto;
		padding: 30px 0 30px 50px;
	}
	header.original .navi_area a{
		display: block;
		padding: 10px 0;
	}
	header.original .navi_area a:before{display: none;}
	header.original .logo_area{
		width: 55%;
	}
	header.original .contact{
		width: 45%;
		position: relative;
    background-color: #0e69a2;
	}

	header.original .contact a{
		padding-right: 30px;
		width: 78%;
	}
	header.original .gnavi_btn_sp {
    display: block;
    position: absolute;
    top: 30px;
    right: 20px;
    z-index: 100;
  }
  header.original .gnavi_btn_sp_in {
    position: relative;
    width: 35px;
    height: 24px;
    cursor: pointer;
    z-index: 2;
  }
  header.original .gnavi_btn_sp_in,
  header.original .gnavi_btn_sp_in span {
    display: inline-block;
    transition: all .4s;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  header.original .gnavi_btn_sp_in span {
    position: absolute;
    left: 0;
    width: 100%;
    height: 4px;
    background-color: #fff;
    border-radius: 4px;
  }
  header.original .gnavi_btn_sp_in span:nth-of-type(1) {
    top: 0;
  }
  header.original .gnavi_btn_sp_in span:nth-of-type(2) {
    top: 10px;
  }
  header.original .gnavi_btn_sp_in span:nth-of-type(3) {
    top: 20px;
  }
  header.original .gnavi_btn_sp.active .gnavi_btn_sp_in span:nth-of-type(1) {
    -webkit-transform: translateY(20px) rotate(-45deg);
    -ms-transform: translateY(16px) rotate(-45deg);
    transform: translateY(16px) rotate(-45deg);
    top: -4px;
  }
  header.original .gnavi_btn_sp.active .gnavi_btn_sp_in span:nth-of-type(2) {
    opacity: 0;
  }
  header.original .gnavi_btn_sp.active .gnavi_btn_sp_in span:nth-of-type(3) {
    -webkit-transform: translateY(-16px) rotate(45deg);
    -ms-transform: translateY(-16px) rotate(45deg);
    transform: translateY(-16px) rotate(45deg);
    top: 28px;
  }
}

@media only screen and (max-width: 690px) {
	header.original{
		height: 50px;
	}
	header.original .logo_area{
		width: 45%;
		padding-top: 15px;
	}
	header.original .logo_area:before{
		border-width: 50px 30px 0 0;
		right: -30px;
	}
	header.original .logo_area img{
		width: 150px;
		height: auto;
	}
	header.original .contact{
		width: 55%;
	}
	header.original .contact a{
		padding-top: 15px;
		padding-left: 40px;
		padding-right: 25px;
	}
	header.original .gnavi_btn_sp{
		top: 13px;
		right: 10px;
	}
	header.original .navi_area{
		top: 50px;
		padding: 15px 0 15px 50px;
	}
}

/*-----　事業紹介　-----*/

.top_business{
	background-image: url(../image/top_business_back.png);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center right;
	padding: 80px 0 50px 0;
}

/*.top_business:before{
	content: '';
	position: absolute;
	width: 10%;
	height: 250px;
	background-color: #f8f6f6;
	transform: skew(-30deg);
	bottom: 10%;
	left: -10%;
}*/


.top_business .col{
	padding: 80px 0;
	text-align: center;
}

.top_business h3 a, .top_business h3{
	font-size: 24px;
	color: #fff;
}

.top_business .en{
	color: #f2f500;
}

.top_business .car{
	background-image: url(../image/top_business_back01.jpg);
	background-size: cover;
	background-position: center;
	transition: all .3s ease 0s;
}

.top_business .car:hover{
	background-image: url(../image/top_business_back01_h.jpg);
}

.top_business .parts{
	background-image: url(../image/top_business_back03.jpg);
	background-size: cover;
	background-position: center;
	transition: all .3s ease 0s;
}

.top_business .parts:hover{
	background-image: url(../image/top_business_back03_h.jpg);
}


.top_business .new{
	background-image: url(../image/top_business_back02.jpg);
	background-size: cover;
	background-position: center;
	transition: all .3s ease 0s;
}

.top_business .new:hover{
	background-image: url(../image/top_business_back02_h.jpg);
}



/*-----　開発・製作活動例　-----*/

.top_media{
	background-image: url(../image/develo_back.png);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center left;
	padding: 80px 0 0 0;
}

.top_media .dlb_media_01_area .dlb_media_block{
	padding: 0 1px;
}

.top_media .dlb_media_01_area .dlb_media_right{
	display: none;
}

/*-----　テクノロジー　-----*/

.top_tec{
	background-image: url(../image/top_tec_back.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	padding: 80px 0 50px 0;
	color: #fff;
}

.top_tec .top_title_center_underbar_en{
	color: #fff;
}

.top_tec .col{
	padding: 80px 20px 20px 20px;
	color: #fff;
	border: 1px solid #fff;
}

.top_tec h3 a{
	font-size: 28px;
	color: #fff;
	margin-bottom: 20px;
    line-height: 1.2;
}
.top_tec h3 a:hover {
    text-decoration: none;
}
.top_tec .en{
	color: #f2f500;
}

.top_tec .no1{
	background-image: url(../image/top_tec01.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
    transition: all .3s ease 0s;
}

.top_tec .no1:hover{
	background-image: url(../image/top_tec01_h.jpg);
}

.top_tec .no2{
	background-image: url(../image/top_tec02.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	transition: all .3s ease 0s;
}

.top_tec .no2:hover{
	background-image: url(../image/top_tec02_h.jpg);
}

.top_tec .no3{
	background-image: url(../image/top_tec03.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	transition: all .3s ease 0s;
}

.top_tec .no3:hover{
	background-image: url(../image/top_tec03_h.jpg);
}


@media only screen and (max-width: 690px) {
	.top_tec .col{
		padding: 50px 20px 20px 20px;
	}
}


/*-----　TGMYの電気自動車　-----*/

.top_tgmy{
	background-image: url(../image/tgmy_bak.png);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
    padding: 80px 0 80px 0;
}

.top_tgmy .title_area{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}
.top_tgmy  .col2_m_211 .col{
	margin-bottom: 0;
}
.top_tgmy .top_title_center_underbar{
	display: inline;
	padding-right: 20px;
	margin: 0;
}

.top_tgmy .top_title_center_underbar_en{
	margin-top: 0
}

.top_tgmy .dlb_c52_list li{
	width: calc(33% - 8px);
}

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

.tgmy_btn li{
	width: 45%;
	list-style: none;
}

.tgmy_btn li a{
	display: block;
	width: 100%;
	text-align: center;
	padding: 20px;
	border: 1px solid #031940;
	color: #031940;
	background-color: #fff;
	position: relative;
	transition: all .3s ease 0s;
}

.tgmy_btn li a:after{
	content: '';
	position: absolute;
	width: 30px;
	height: 30px;
	background-color: #031940;
	border: 1px solid #031940;
	top: calc(50% - 15px);
	left: -15px;
	transition: all .3s ease 0s;
}

.tgmy_btn li a:before{
	content: '';
	width: 6px;
	height: 6px;
	border: 0px;
	border-width: 2px 2px 0 0;
	border-style: solid;
	border-color: #fff;
	transform: rotate(45deg);
	position: absolute;
	top: calc(50% - 3px);
	left: -5px;
	z-index: 10;
	transition: all .3s ease 0s;
}

 .tgmy_btn li a:hover{
	background-color: #031940;
	color: #fff;
}

 .tgmy_btn li a:hover:after{
	background-color: #fff;
}

.tgmy_btn li a:hover:before{
	border-color: #031940;
}
@media only screen and (max-width: 980px) {
.top_tgmy  .col2_m_211 .col{
	margin-bottom: 24px;
}
.top_tgmy {
    background: #f5f5f5;}
}
@media only screen and (max-width: 690px) {
.tgmy_btn li{
		width: 100%;
		margin-bottom: 20px;
		padding-left: 20px;
	}
}

/*SLIDER*/
.EVslider img{
	width: 100%;
	height: auto;
}


/*-----　お知らせ　-----*/

.top_news{
	padding: 80px 0 50px 0;
	border-top: 1px solid #1582a2;
}

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

.top_news .title{
	width: 200px;
	position: relative;
}

.top_news .title:before{
	content: '';
	position: absolute;
	height: 100%;
	border-width: 0 1px 0 0;
	border-style: solid;
	border-color: #1582a2;
	top: 0;
	right: 30px;
	transform: skew(-30deg);
}

.top_news .title .top_title_center_underbar{
	color: #1582a2;
	font-size: 28px;
	text-align: left;
}

.top_news .title .top_title_center_underbar_en{
	color: #000;
	text-align: left;
}

.top_news .title a{
	display: block;
	width: 100px;
	padding-left: 40px;
	position: relative;
	transition: all .3s ease 0s;
}

.top_news .title a:before{
	content: '';
	position: absolute;
	background-color: #1582a2;
	width: 25px;
	height: 25px;
	top: 0;
	left: 0;
	transition: all .3s ease 0s;
}

.top_news .title a:after{
	content: '';
	width: 6px;
	height: 6px;
	border: 0px;
	border-width: 2px 2px 0 0;
	border-style: solid;
	border-color: #fff;
	transform: rotate(45deg);
	position: absolute;
	top: calc(50% - 5px);
	left: 7px;
	z-index: 10;
	transition: all .3s ease 0s;
}


.top_news .dlb_rss_05{
	width: calc(100% - 200px - 50px);
}

.top_news .dlb_rss_05 dl{
	border: none;
	width: calc(32% - 19.2px);
}

.top_news .dlb_rss_05 .rss_title span{
	background-image: url(../image/contact_back.jpg);
    background-size: cover;
    background-position: right;
    color: #fff;
}


@media only screen and (max-width: 979px) {
	.top_news .title .top_title_center_underbar_en{
		margin-top: 10px;
	}
	.top_news .dlb_rss_05{
		width: 100%;
		margin-top: 20px;
	}
	.top_news .dlb_rss_05 dl{
		width: 100%;
	}
	.top_news .dlb_rss_05 .rss_title span{
		position: initial;
		display: inline;
	}

	.top_news .title a:after{
		top: calc(50% - 3px);
	}

}
@media only screen and (max-width: 690px) {
	.top_news .title a:after{
	    top: calc(50% - 3px);
	}
}

/*-----　CV　-----*/

.cv{
	background-image: url(../image/cv_back.jpg);
	background-size: cover;
	background-position: center;
	padding: 50px 0;
}

.cv .col{
	background-color: #fff;
	padding: 30px;
}

.cv .partner h2{
	font-size: 23px;
	font-weight: bold;
	color: #e79b18;
	text-align: center;
	padding: 10px;
	border: 1px solid #e79b18;
	position: relative;
	margin-bottom: 25px;
}

.cv .partner h2:before{
	content: '';
	position: absolute;
	width: 80%;
	border-bottom: 4px solid #fff;
	top: -2px;
	left: 10%;
}

.cv .partner h2:after{
	content: '';
	position: absolute;
	width: 80%;
	border-bottom: 4px solid #fff;
	bottom: -2px;
	right: 10%;
}

.cv .partner .btn a{
	display: block;
	max-width: 500px;
	width: 100%;
	height: 50px;
	background-color: #fff;
	color: #e79b18;
	border: 1px solid #e79b18;
	text-align: center;
	padding: 10px;
	margin: 0 auto;
	transition: all .3s ease 0s;
}

.cv .partner .btn a:hover{
	background-color: #e79b18;
	color: #fff;
}

.cv .mail h2{
	font-size: 23px;
	font-weight: bold;
	color: #074a9d;
	text-align: center;
	padding: 10px;
	border: 1px solid #074a9d;
	position: relative;
	margin-bottom: 25px;
}

.cv .mail h2:before{
	content: '';
	position: absolute;
	width: 80%;
	border-bottom: 4px solid #fff;
	top: -2px;
	left: 10%;
}

.cv .mail h2:after{
	content: '';
	position: absolute;
	width: 80%;
	border-bottom: 4px solid #fff;
	bottom: -2px;
	right: 10%;
}

.cv .mail .btn a{
	display: block;
	max-width: 500px;
	width: 100%;
	height: 50px;
	border: 1px solid #074a9d;
	color: #074a9d;
	text-align: center;
	position: relative;
	padding: 10px 0 10px 50px;
	margin: 0 auto;
	transition: all .3s ease 0s;
}

.cv .mail .btn a:after{
	content: '';
	position: absolute;
	width: 50px;
	height: 48px;
	background-image: url(../image/contact_back.jpg);
	background-size: cover;
	background-position: right;
	background-repeat: no-repeat;
	top: 0;
	left: 0;
}

.cv .mail .btn a:before{
	content: '';
	position: absolute;
	background-image: url(../image/mail_icon.png);
	background-size: 100%;
	background-repeat: no-repeat;
	width: 17px;
	height: 13px;
	top: 18px;
	left: 15px;
	z-index: 100;
}

.cv .mail .btn a:hover{
	background-image: url(../image/contact_back.jpg);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	color: #fff;
}

.cv .mail .btn a:hover:after{
	display: none;
}

.cv .tel{
	text-align: center;
}

.cv .tel h2{
	font-size: 23px;
	font-weight: bold;
	color: #074a9d;
	text-align: center;
	padding: 10px;
	border: 1px solid #074a9d;
	position: relative;
	margin-bottom: 25px;
}

.cv .tel h2:before{
	content: '';
	position: absolute;
	width: 80%;
	border-bottom: 4px solid #fff;
	top: -2px;
	left: 10%;
}

.cv .tel h2:after{
	content: '';
	position: absolute;
	width: 80%;
	border-bottom: 4px solid #fff;
	bottom: -2px;
	right: 10%;
}

.cv .tel .tel_num{
	display: inline-block;
	font-size: 30px;
	padding-left: 60px;
	position: relative;
	margin: 0 auto 20px auto;
}

.cv .tel .tel_num:after{
	content: '';
	position: absolute;
	width: 50px;
	height: 50px;
	background-image: url(../image/contact_back.jpg);
	background-size: cover;
	background-position: right;
	background-repeat: no-repeat;
	top: 0;
	left: 0;
}

.cv .tel .tel_num:before{
	content: '';
	position: absolute;
	background-image: url(../image/tel_icon.png);
	background-size: 100%;
	background-repeat: no-repeat;
	width: 18px;
	height: 23px;
	top: 13px;
	left: 15px;
	z-index: 100;
}

.cv .tel .open_close{
	text-align: center;
	background-color: #e5e5e5;
	padding: 3px;
}

/*-----　フッター　-----*/

footer.original{
	position: relative;
	background-color: #031940;
	border-top: 1px solid #fff;
}

footer.original .back_top a{
	display: block;
	background-color: #0e223f;
	width: 100%;
	height: 75px;
	position: relative;
	color: rgba(0, 0, 0, 0);
}

footer.original .back_top a:before{
	content: '';
	position: absolute;
	width: 20px;
	height: 20px;
	border-width: 1px 1px 0 0;
	border-style: solid;
	border-color: #fff;
	transform: rotate(-45deg);
	top: 30px;
	left: 50%;
}

footer.original .back_top a:hover{
	background-color: #8bb9e1;
}

footer.original .navi_area{
	max-width: 1120px;
	width: 94%;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	padding: 50px 0;
}

footer.original .navi_area .navi{
	width: 23%;
}

footer.original .navi_area .one a{
	display: block;
	color: #8bb9e1;
	margin-bottom: 20px;
}

footer.original .navi_area li{
	list-style: none;
}

footer.original .navi_area li a{
	display: block;
	font-size: 85%;
	color: #fff;
	margin-bottom: 10px;
}

footer.original .about{
	border-top: 1px solid #ddd;
	padding: 50px 0;
}

footer.original .address{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	max-width: 600px;
	width: 94%;
	margin: 0 auto;
	color: #fff;
	margin-bottom: 30px;
}

footer.original .copy{
	font-size: 70%;
	color: #fff;
	text-align: center;
}

footer.original .footer_logo{
	position: absolute;
	bottom: 200px;
	right: 5%;
	display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
footer.original .footer_logo .fontColorW{
	font-size: 12px;
    color: #fff;
    text-align: center;
}
@media only screen and (max-width: 979px) {
	footer.original .navi_area .navi{
		width: 43%;
		margin-bottom: 20px;
	}
	footer.original .footer_logo img{
		width: 90px;
		height: auto;
	}
}

@media only screen and (max-width: 690px) {
	footer.original .navi_area{
		padding: 20px 0;
	}
	footer.original .navi_area .navi{
		width: 100%;
		margin-bottom: 0;
	}
	footer.original .navi_area .navi ul{
		display: none;
	}
	footer.original .about{
		padding: 20px 0;
	}
	footer.original .address{
		display: block;
		text-align: center;
	}
	footer.original .address img{
		margin-bottom: 15px;
	}
	footer.original .footer_logo{
		bottom: 180px;
	}
	footer.original .footer_logo img{
		width: 70px;
	}
}

#subnav_list #subnav_list {
    display: none;
}
/**/

td.tdw_80 {
    width: 80%!important;
}
/*_____________________________________________________________*/
/*img 画像*/

.img_l {
    margin-right: auto!important;
    margin-left: 0!important;
}
.img_r {
    margin-right: 0!important;
    margin-left: auto!important;
}

img.w30 {width: 30%!important;}
img.w35 {width: 35%!important;}
img.w40 {width: 40%!important;}
img.w45 {width: 45%!important;}
img.w50 {width: 50%!important;}
img.w55 {width: 55%!important;}
img.w100 {width: 100%!important;}

@media only screen and (max-width: 690px) {

.img_l {
    margin-left: auto!important;
}
.img_r {
    margin-right: auto!important;
}

img.w30 {width: 100%!important;}
img.w35 {width: 100%!important;}
img.w40 {width: 100%!important;}
img.w45 {width: 100%!important;}
img.w50 {width: 100%!important;}
img.w55 {width: 100%!important;}

}
table {
    word-break: break-all;
    word-wrap: break-all;
}
.table_wrap.pcw_harf {
    margin-bottom: 30px;
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
}
.table_wrap.pcw_harf table {
    width: 1100px;
}

.table_wrap.pcw_harf th, 
.table_wrap.pcw_harf td{
	padding: 10px;
}

.jc_s{
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
}

.rss_new {
    background-color: #031940;
    color: #FFF;
}

/*_________________________________________________________________________*/
/*テーブル　スクロール*/

table.tlayout_auto {
  table-layout: auto;
}

.shipcost_table thead td, .shipcost_table tbody th {
    background-color: #F5F4F2;
}
.shipcost_table td, .shipcost_table th {
  padding: 10px;
}
@media only screen and (max-width: 980px) {
  .table_wrap.tab_start{
    margin-bottom: 30px;
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
  }
  .table_wrap.tab_start table{
    width: 1000px;
  }
  
/*---------------------------------------*/}
@media only screen and (max-width: 690px) {

  .table_wrap.tab_start table{
    width: 980px;
  }
  
/*---------------------------------------*/}


/*_____________________________________________________________*/
/*img 画像*/

.img_l {
  margin-right: auto!important;
  margin-left: 0!important;
}
.img_r {
  margin-right: 0!important;
  margin-left: auto!important;
}
.img_c {
  margin-right: auto!important;
  margin-left: auto!important;
}


@media only screen and (max-width: 690px) {

.img_l {
  margin-left: auto!important;
}
.img_r {
  margin-right: auto!important;
}


/*---------------------------------------*/}
/*_____________________________________________*/
/*横並び時の縦横位置　justify-contentとalign-items*/

.jc_sb {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.jc_c {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.ai_c {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}


/**/
@media only screen and (min-width: 980px) {

	.dlb_table_08 tr:first-child td:first-child{
	width:20%!important;
	
	}

	body .dlb_table_08 td:first-child {
		width: 20%;
	}

	body .dlb_table_08 td {
	 width:auto;
	}
	body .dlb_table_03 tbody td:first-child{
		width: 30%;
	}
	

}

body .dlb_table_03 tbody td:first-child{
	background-color: #0d3780;
	color: #fff;
}

body .dlb_table_03 thead td {
    background-color: #0d3780;
    color: #fff;
}

body .dlb_table_08 td:first-child {
	background-color: #0d3780;
    color: #fff;
}
.dlb_table_08 td.bg_td {
	background-color: #0d3780!important;
	color: #fff;
}
.dlb_table_03 td.bg_td {
	background-color: #0d3780!important;
	color: #fff;
}
.txt_link.arr a::before{
    top: calc(50% - 4px);
}


.listStyle li::before {
    top: 13.5px!important;
}

@media only screen and (max-width: 980px) {

	.listStyle li::before {
    	top: 10.5px!important;
	}

/*---------------------------------------*/}

@media only screen and (max-width: 690px) {

	.fs16_sp{
		font-size: 16px;
	}

/*---------------------------------------*/}


/*_________________________________________________________________________*/
/*レスポンシブ　表示切替*/

.pc_only{display: block;}
.pc_none{display: none;}
.sp_only{display: none;}

@media only screen and (max-width: 980px) {
  .pc_only{display: none;}
  .pc_none{display: block;}
}

@media only screen and (max-width: 690px) {
  .sp_only{display: block;}
}

.red_txt{
	color: #ff0000;
}

img.img_w100{
	width: 100%;
}

a.fc_red {
    color: #0d3780;
}

td.bg_td {
    border-color: #ebebeb!important;
    background-color: #F5F4F2!important;
}


/*__________________________________________*/
/*id アンカーリンク　ヘッダー固定時*/

a[id*="link"] {
  display: block;
  padding-top: 120px;
  margin-top: -120px;
}
@media only screen and (max-width: 690px) {
  a[id*="link"] {
      display: block;
      padding-top: 70px;
      margin-top: -70px;
  }
}

/*__________________________________________*/
/*サブナビリンク矢印*/

.bottomNav .sb_col1_2_wrap #subnav_list li a{
	justify-content: center;
    display: flex;
    align-items: center;
    position: relative;
}
.bottomNav .sb_col1_2_wrap #subnav_list li a:hover{
	text-decoration: underline;
}
.bottomNav .sb_col1_2_wrap #subnav_list li a::before {
    content: "";
    width: 7px;
    height: 7px;
    margin-right: 10px;
    border-top: solid 1px #0d3780;
    border-right: solid 1px #0d3780;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}


/* ### ### ###btnStyle01### ### ###*/

.btnStyle01{
	display: block;
	width: 100%;
	text-align: center;
	padding: 20px;
	border: 1px solid #031940;
	color: #031940;
	background-color: #fff;
	position: relative;
	transition: all .3s ease 0s;
	max-width: 350px;
}
.btnStyle01:after{
	content: '';
	position: absolute;
	width: 30px;
	height: 30px;
	background-color: #031940;
	border: 1px solid #031940;
	top: calc(50% - 15px);
	left: -15px;
	transition: all .3s ease 0s;
}

.btnStyle01:before{
	content: '';
	width: 6px;
	height: 6px;
	border: 0px;
	border-width: 2px 2px 0 0;
	border-style: solid;
	border-color: #fff;
	transform: rotate(45deg);
	position: absolute;
	top: calc(50% - 3px);
	left: -5px;
	z-index: 10;
	transition: all .3s ease 0s;

}

.btnStyle01:hover{
	background-color: #031940;
	color: #fff;
}

.btnStyle01:hover:after{
	background-color: #fff;
}

.btnStyle01:hover:before{
	border-color: #031940;
}

@media only screen and (max-width: 690px) {
	.btnStyle01{
		max-width: 300px;
		margin-left: auto;
		margin-right: auto;
	}
}