@charset "UTF-8";

/* CSS Document */
#slide_sp {
	display: none;
}

#slide {
	max-width: 1920px;
	margin: 0 auto;
}

#slide ul li {
	padding: 0;
}

#slide ul li img {
	max-width: 100%;
	height: auto;
}

#slide ul li.bx-clone {
	display: none;
}

.bx-wrapper {
	margin-bottom: 0px !important;
}

#slide .bx-pager {
	position: absolute;
	bottom: 10px;
	width: 100%;
}

#slide .bx-wrapper .bx-pager.bx-default-pager a {
	background: #FFF;
	text-indent: -9999px;
	display: block;
	width: 50px;
	height: 8px;
	margin: 0 5px;
	outline: 0;
	border-radius: 0;
	filter: alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
}

#slide .bx-wrapper .bx-pager.bx-default-pager a.active {
	filter: alpha(opacity=100);
	-moz-opacity: 1.0;
	opacity: 1.0;
}

.m {
	font-size: 38px;
	font-weight: bold;
	text-align: center;
	letter-spacing: 0.05em;
	line-height: 1.4;
}

.m span {
	display: block;
	font-size: 18px;
	font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', 'Meiryo', 'ＭＳ Ｐゴシック', sans-serif;
}

.m3 {
	font-size: 37px;
	margin-bottom: 20px;
	font-weight: bold;
}

.section {
	max-width: 1100px;
	margin-right: auto;
	margin-left: auto;
}

#section2 {
	padding-top: 40px;
	padding-bottom: 30px;
}

.info {
	width: 100%;
	margin-bottom: 50px;
}

.info h3 {
	border-bottom: 5px solid #FFBF04;
	padding-bottom: 10px;
	margin-bottom: 10px;
}

#info2 h3 {
	border-bottom: 5px solid #B0A295;
}

#info3 h3 {
	border-bottom: 5px solid #4B636D;
}

/*.info article:nth-of-type(odd) {
	border-bottom: 1px dotted #666;
	padding-bottom: 10px;
}*/
.info article {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	border-bottom: 1px dotted #666;
	padding: 12px 0;
}

.date {
	/* margin: 10px 0 5px; */
	display: block;
	width: 18%;
}
.info_more{
	display: block;
	margin-top: 20px;
	text-align: right;
	text-decoration: underline;
}
.info_more::before{
	content: '';
	display: inline-block;
	width: 20px;
	height: 20px;
	padding-left: 10px;
	vertical-align: middle;
	background: url(/img/common/icon1.gif) no-repeat left center;
}

.listLink {
	text-align: right;
}

.listLink a {
	background: url(../../../img/common/icon1.gif) no-repeat left center;
	padding-left: 30px;
}

#section3 {
	background: url(../../../img/top/sec3bg.jpg) no-repeat center center;
	max-width: 1920px;
	height: 474px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}

#section3 .m {
	padding-top: 50px;
	text-align: center;
	color: #fff;
	margin-bottom: 30px;
}

#section3 .lead {
	font-size: 18px;
	color: #fff;
	font-weight: bold;
	letter-spacing: 0.1em;
	line-height: 1.8;
}

#section4Wrap {
	background: url(../../img/top/bg01.gif) no-repeat right bottom #F2F5F8;
	padding: 50px 70px 70px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

#section4Wrap .sec4 {
	width: 960px;
	margin-right: auto;
	margin-left: auto;
}

#section4Wrap .bx-wrapper {
	margin: 0 auto 40px !important;
}

#section4Wrap .bx-wrapper .bx-prev {
	left: -45px;
	background: url(images/controls3.png) no-repeat 0 0;
}

#section4Wrap .bx-wrapper .bx-next {
	right: -45px;
	background: url(images/controls3.png) no-repeat -90px 0;
}

#section4Wrap .bx-wrapper .bx-prev:hover {
	background-position: 0 0;
}

#section4Wrap .bx-wrapper .bx-next:hover {
	background-position: -90px 0;
}

#section4Wrap .bx-wrapper .bx-controls-direction a {
	position: absolute;
	top: 50%;
	margin-top: -45px;
	outline: 0;
	width: 90px;
	height: 90px;
	text-indent: -9999px;
	z-index: 9999;
}

#section4Wrap .bx-pager {
	position: absolute;
	bottom: 10px;
	width: 100%;
}

#section4Wrap .bx-wrapper .bx-pager.bx-default-pager a {
	background: none;
	border: 1px solid #fff;
}

#section4Wrap .bx-wrapper .bx-pager.bx-default-pager a.active {
	background: #fff;
}

.slider4 li {
	position: relative;
	z-index: 1;
}

.slider4 li span {
	position: absolute;
	z-index: 1;
	right: 10px;
	bottom: 10px;
	background: #fff;
	color: #000;
	padding: 3px 20px;
}

#section5 {
	background: url(../../../img/top/sec5_bg.jpg) no-repeat center center;
	max-width: 1920px;
	height: 474px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	color: #fff;
}

#section5 h4 {
	padding-top: 90px;
	margin-bottom: 35px;
}

#section5 .lead {
	font-size: 18px;
	font-weight: bold;
	letter-spacing: 0.1em;
	line-height: 1.8;
	margin-bottom: 75px;
}

#section5 .btn_area {
	width: 575px;
	margin-right: auto;
	margin-left: auto;
}

#section6 {
	padding: 60px 0 50px;
}

.slider6 {}

.slider6 .img {
	margin-bottom: 10px;
}

.slider6 .lead {
	height: 66px;
	overflow: hidden;
}

#section7 {
	background: url(../../../img/top/sec7_bg.jpg) no-repeat center center;
	max-width: 1920px;
	height: 430px;
	margin-right: auto;
	margin-left: auto;
}

#section7 .inner {
	padding-top: 80px;
	max-width: 1100px;
	margin-right: auto;
	margin-left: auto;
}

#section7 h4 {
	margin-bottom: 30px;
}

#section7 .lead {
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 30px;
}

#section8 {
	background: url(../../img/top/sec8_bg.jpg) no-repeat center center;
	background-size: cover;
	max-width: 1920px;
	height: auto;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 50px;
}

#section8 h2 {
	padding-top: 60px;
}

#section8 .inner {
	max-width: 1100px;
	margin-right: auto;
	margin-left: auto;
}

#section8 .btn {
	margin-top: 30px;
}

.box {
	width: 542px;
	float: right;
	text-align: left;
}

#lead1 {
	font-size: 24px;
	letter-spacing: 0.1em;
	font-weight: bold;
	margin-bottom: 20px;
}

table.tbl01 {
	width: 100%;
	font-size: 16px;
}

table.tbl01 tr {
	border-top: solid 1px #CCC;
}

table.tbl01 tr:first-child {
	border-top: none;
}

table.tbl01 th {
	background: #546B8D;
	color: #FFF;
	padding: 20px 40px;
	width: 25%;
	font-weight: normal;
	vertical-align: top;
}

table.tbl01 td {
	background: rgba(255, 255, 255, 0.8);
	padding: 20px 40px;
	vertical-align: top;
}

table.tbl01 td .block01 {
	margin-left: 1em;
}

table.tbl01 td .block02 {
	display: block;
	padding-left: 2em;
}

table.tbl01 td dt {
	clear: both;
	float: left;
	width: 7.5em;
}

table.tbl01 td dd {
	padding-left: 7.5em;
}

h4.ico02 {
	background: url(/img/business/ico02.gif) no-repeat left 0.3em;
	border-bottom: solid 4px #ccc;
	font-size: 26px;
	margin: 30px auto 20px;
	padding: 15px 0 15px 50px;
	font-weight: bold;
	line-height: 1.3;
	width: 934px;
}

.sec2 h5 {
	font-size: 18px;
	margin-bottom: 10px;
	margin-left: 25px;
	text-indent: -25px;
	font-weight: bold;
	line-height: 1.3;
}

h5:before {
	content: "";
	display: inline-block;
	border-left: solid 5px #083F95;
	height: 24px;
	vertical-align: top;
	margin-right: 20px;
}

.sec2 ul {
	margin: 0 auto;
	width: 934px;
}

.sec2 ul li {
	border-top: dotted 1px #666;
	padding-top: 15px;
}

.sec2 ul li:first-child {
	border-top: none;
}

.sec2 ul li figure {
	margin: 20px 0 15px;
	text-align: center;
}

.sec2 ul li .map {
	margin: 0 0 15px;
}

.sec2 ul li .gmap {
	width: 450px;
	height: 400px;
}

a.pdf {
	background: url(../../../img/common/pdf.png) no-repeat left top;
	padding: 5px 0 5px 28px;
	color: #0C2A84;
	text-decoration: underline;
}

a.pdf:hover {
	text-decoration: none;
}

.tab-area {
    display: flex;
    cursor: pointer;
    align-items: center;
    margin-bottom: 10px;
}

.tab {
    display: flex;
    align-items: center;
    justify-content: center;
    width: calc(100%/3);
    padding: 10px 5px;
    font-size: 17px;
    font-weight: bold;
    text-align: center;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    border-left: 1px solid #ccc;
}

.tab:last-child {
    border-right: 1px solid #ccc;
}

.tab::before {
    content: '';
    display: inline-block;
    width: 26px;
    height: 26px;
    vertical-align: middle;
    margin-right: 10px;
}

.tab.news::before {
    background: url(/img/common/info2_icon.png)no-repeat;
    background-size: contain;
}

.tab.publication::before {
    background: url(/img/common/info1_icon.png)no-repeat;
    background-size: contain;
}

.tab.notice::before {
    background: url(/img/common/info3_icon.png)no-repeat;
    background-size: contain;
}

.tab.ir-info::before {
    background: url(/img/common/info4_icon.png)no-repeat;
    background-size: contain;
}
.tab.all::before {
    background: url(/img/common/info5_icon.png)no-repeat;
    background-size: contain;
}

.tab.active {
    position: relative;
}

.tab.active::after {
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 4px;
    background-color: #ccc;
}

.tab.active.news::after {
    background-color: #FFBF04;
}

.tab.active.publication::after {
    background-color: #0097C1;
}

.tab.active.notice::after {
    background-color: #B0A295;
}

.tab.active.ir-info::after {
    background-color: #4B636D;
}
.tab.active.all::after {
    background-color: #083F95;
}

.panel {
    display: none;
}

.panel.active {
    display: block;
}
.category{
    display: inline-block;
    margin: 0 15px;
    padding: 3px 5px;
    width: 64px;
    font-size: 11px;
    text-align: center;
    vertical-align: top;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #666;
    color: #fff;
}
.category.news{
    background: #FFBF04;
}
.category.publ{
    background: #0097C1;
}
.category.info{
    background: #B0A295;
}
.category.other{
    background: #4B636D;
}
.category.ir{
    background: #4B636D;
}
@media screen and (max-width: 1200px) {
	.section {
		max-width: 960px;
	}

	#infoL {
		width: 725px;
		float: left;
		padding-top: 40px;
	}

	#infoR {
		width: 210px;
		float: right;
	}

	/* .info {
	width: 280px;
} */
	#section7 .inner {
		padding-left: 30px;
	}
	#section8 {
        background: #fff;
        padding-bottom: 0;
    }

    .box {
        width: 100%;
        float: none;
        text-align: center;
    }

    #lead1 {
        font-size: 18px;
    }

    .sec8_img {
        display: block;
        width: 100%;
        height: 350px;
        margin-top: 50px;
        background: url(/ueda/img/top/sec8_bg.jpg)no-repeat 30% 50% / cover;
    }

}

@media screen and (max-width: 1024px) {
	#section2 {
		padding-top: 80px;
	}

	.m {
		font-size: 36px;
	}

	.m span {
		font-size: 16px;
	}

	.section {
		max-width: 100%;
	}

	#section4Wrap .sec4 {
		width: 100%;
	}

	h4.ico02 {
		width: 100%;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}

	.sec2 ul {
		width: 100%;
	}

	.fl {
		width: 49%;
	}

	.fr {
		width: 49%;
	}

	.sec2 ul li .gmap {
		width: 100%;
		height: 308px;
	}
}

@media screen and (max-width: 767px) {
	.sec8_img {
        height: 200px;
    }
	/* #section8 {
		background: #F2F5F8;
		padding-bottom: 0;
	}

	.box {
		width: 100%;
		float: none;
		text-align: center;
	}

	.sec8_img {
		width: 100%;
		height: 200px;
		margin-top: 50px;
		background: url(/ueda/img/top/sec8_bg.jpg)no-repeat 30% 50% / cover;
	} */
    .tab-area {}

    .tab {
        display: block;
        padding: 10px 2px;
        font-size: 14px;
    }

    .tab::before {
        display: none;
    }
    .date {
        width: auto;
        display: inline-block;
        font-size: 14px;
    }
}
@media screen and (max-width: 768px) {
	.section {
		max-width: 100%;
	}

	#section4Wrap {
		padding: 50px 3% 70px;
	}

	#section4Wrap .bx-wrapper .bx-prev {
		left: -35px;
	}

	#section4Wrap .bx-wrapper .bx-next {
		right: -35px;
	}

	.m3 {
		font-size: 22px;
	}

	table.tbl01 th {
		padding: 10px;
	}

	table.tbl01 td {
		padding: 10px;
	}
}

@media screen and (max-width: 420px) {
	#slide {
		display: none;
	}

	#slide_sp {
		display: block;
	}

	#slide_sp img {
		width: 100%;
	}

	.info article {
		display: block;
	}

	.date {
		/* width: 100%; */
	}

	#section4Wrap .bx-wrapper {
		margin: 0 auto 60px !important;
	}

	.bx-controls-direction {
		display: none;
	}

	#section4Wrap .bx-pager {
		bottom: -30px;
	}

	#section4Wrap .bx-wrapper .bx-pager.bx-default-pager a {
		border: 1px solid #555;
	}

	#section4Wrap .bx-wrapper .bx-pager.bx-default-pager a.active {
		background: #555;
	}

	table.tbl01 {
		width: 700px;
		font-size: 15px;
	}

	.fl {
		float: none;
		width: 100%;
	}

	.fr {
		float: none;
		width: 100%;
	}

	
}