@charset "UTF-8";
body#home div#contents p#panel {
	line-height: 0;
	margin: 0;
	text-align: center;
}
/*------------------------------------------ header */
body#home header {
	border-bottom: none;;
}

/*------------------------------------------ footer */
#line_link {
	position: fixed;
    bottom: 54px;
    line-height: 1;
    right: 10px;
    display: block;
    z-index: 10;
    width: 44px;
}

/*------------------------------------------ contents */

body#home #contents {
	margin-top: 10px;
}


/*------------------------------------------ main */
body#home div#main {
	padding: 0 2.5%;
}
body#home div#contents #panel {
	background: #efefef;
    box-shadow: 0 7px 5px 0 rgba(0,0,0,0.2);
    margin-top: -10px;
}
body#home div#contents #panel .swiper {
	position: relative;
	overflow: hidden;
	line-height: 1;
}
body#home div#contents #panel .swiper .swiper-button-next,
body#home div#contents #panel .swiper .swiper-button-prev {
    width: 40px !important;
    height: 44px !important;
    background-size: 40px 44px;
    background-image: url(../images/swiper_arrow.png);
}
body#home div#contents #panel .swiper .swiper-button-next {
	transform: scale(-1, 1);
}
body#home div#contents #panel .swiper .swiper-pagination-bullets {
	bottom: 20px;
}
body#home div#contents #panel .swiper .swiper-pagination-bullet {
	width: 15px;
    height: 15px;
    margin: 0 10px!important;
}
body#home div#contents #panel .swiper .swiper-pagination-bullet-active {
	background: #020d34;
}
body#home div#main h1 {
	border-bottom: 1px dotted #020d34;
	color: #020d34;
	font-family: "ヒラギノ明朝 Pro W6","Hiragino Mincho Pro","Hiragino Mincho ProN","ＭＳ Ｐ明朝",serif;
	font-size: 150%;
	margin: 1em 0 0.5em;
	padding: 0 0 5px;
	position: relative;
}
body#home div#main h1 span {
	border-bottom: 3px solid #020d34;
	padding-bottom: 7px;
}
body#home div#main section#topics, 
body#home div#main section#news {
	position: relative;
}
body#home div#main section#news {
	margin-bottom: 3em;
}
body#home div#main section#topics p.list, 
body#home div#main section#news p.list {
	position: absolute;
	right: 0;
	top: 0;
}
/*------------------------------------------ topics */

body#home div#main section#topics dl {
	display: table;
	border-bottom: 1px dotted #c0c8dd;
	margin: 1em 0 0;
	padding-bottom: 2em;
}
body#home div#main section#topics dl dt,
body#home div#main section#topics dl dd {
	display: table-cell;
	margin: 0;
	vertical-align: middle;
}
body#home div#main section#topics dl dt {
	line-height: 0;
	width: 30%;
}
body#home div#main section#topics dl dd {
	margin-top: 1em;
	padding: 0 10px;
}
/*------------------------------------------ news */

body#home div#main section#news dl dt {
	background: transparent url("../images/icon_link.png") no-repeat scroll 8px center / 16px auto;
	margin: 0 1em 0 0;
	padding: 0 0 0 2em;
}
body#home div#main section#news dl dd {
	border-bottom: 1px dotted #c0c8dd;
	margin: 0.5em 0;
	padding: 0 0 0.5em 2em;
}

/*------------------------------------------ banner_block */
body#home div#main section#banner_block ul {
	display: flex;
	flex-wrap: wrap;
	list-style: none;
	margin: 2em 0;
}
body#home div#main section#banner_block ul li {
	width: 49%;
	text-align: center;
}
body#home div#main section#banner_block ul li:nth-child(even) {
	margin-left: 2%;
}


/*------------------------------------------ visualLayout */

body#home div#contents #section_visualLayout {
	margin: 0 auto;
	width: 100%;
	text-align: center;
}
body#home div#contents #section_visualLayout ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
body#home div#contents #section_visualLayout ul li {
	margin: 0;
	padding: 0;
}
body#home div#contents #section_visualLayout .bx-wrapper,
body#home div#contents #section_visualLayout .bx-viewport {
	background: none;
	border: none;
	box-shadow: none;
	left: 0;
	transform: translateZ(0px);
}
body#home div#contents #section_visualLayout .bx-viewport {
	background: #c0c8dd;
}
body#home div#contents #section_visualLayout  .bx-wrapper {
	margin: 0;
}
body#home div#contents #section_visualLayout .bx-wrapper .bx-pager,
body#home div#contents #section_visualLayout .bx-wrapper .bx-controls-auto {
	bottom: 0;
}
body#home div#contents #section_visualLayout .bx-wrapper .bx-pager {
	position: absolute;
	bottom: 4%;
	padding: 0 5%;
	width: 90%;
	line-height: 1;
}
body#home div#contents #section_visualLayout .bx-wrapper .bx-pager.bx-default-pager a {
	margin: 0 6px;
	background: #fff;
	width: 9px;
	height: 9px;
}
body#home div#contents #section_visualLayout .bx-wrapper .bx-pager.bx-default-pager a:hover,
body#home div#contents #section_visualLayout .bx-wrapper .bx-pager.bx-default-pager a.active {
	background: #434088;
}
body#home div#contents #section_visualLayout #carousel{
	padding: 5px 7.46%;
	background-color: #020d34;
}
body#home div#contents #section_visualLayout #carousel .bx-wrapper .bx-controls-direction a {
	margin-top: -12px;
	background-size: 100% auto;
}
body#home div#contents #section_visualLayout #carousel .bx-prev{
	left: -17px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 12.5px 11px 12.5px 0;
	border-color: transparent #ffffff transparent transparent;
}
body#home div#contents #section_visualLayout #carousel .bx-next{
	right: -17px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 12.5px 0 12.5px 11px;
	border-color: transparent transparent transparent #ffffff;
}


@media screen and (min-width: 769px), print {
/* 768px以上用（PC用）の記述 */

/*------------------------------------------ header */
body#home header {
	border-bottom: none;
}

/*------------------------------------------ contents */

body#home #contents {
	margin-top: 0;
}

/*------------------------------------------ main */
body#home div#main {
	float: left;
	padding: 0;
	width: 730px;
}
body#home div#contents #panel .swiper {
	width: 1100px;
	margin: 0 auto;
}
body#home div#contents #panel .swiper .swiper-button-next,
body#home div#contents #panel .swiper .swiper-button-prev {
    width: 48px !important;
    height: 60px !important;
    background-size: 70px 76px;
}
body#home #contents .wrap {
	max-width: 1100px;
}
body#home #contents #main {
	float: none;
	width: 100%;
}
#line_link {
	position: relative;
	bottom: 0;
	right: 0;
	float: right;
    width: 44px;
    margin: -72px -64px 0 0;
}

/*------------------------------------------ topics */
.topics_list_block {
	display: flex;
	justify-content: flex-start;
	gap: 30px;
}
body#home div#main section#topics dl,
body#home div#main section#topics dl dt,
body#home div#main section#topics dl dd {
	display: block;
}
body#home div#main section#topics dl {
	height: 180px;
	margin: 0;
	width: 250px;
}
body#home div#main section#topics dl:nth-child(2n) {
	margin: 0 10px;
}
body#home div#main section#topics dl dt {
	width: auto;
	text-align: center;
}
body#home div#main section#topics dl dd {
	text-align: center;
}
body#home div#main section#topics dl dd .red {
	color: #ff0600;
	font-weight: bold;
	font-size: 115%;
}

/*------------------------------------------ news */
body#home div#main section#news {
	margin-bottom: 5em;
}
body#home div#main section#news dl dt {
	float: left;
	margin: 0 1em 0 0;
	padding: 0 0 0 2em;
}
body#home div#main section#news dl dd {
	margin: 0.5em 0;
	padding: 0 0 0.5em 11em;
}


/*------------------------------------------ banner_block */
body#home div#main section#banner_block ul {
	margin-top: 50px;
}
body#home div#main section#banner_block ul li {
	width: 250px;
	margin-right: 33px;
}
body#home div#main section#banner_block ul li:last-child {
	margin-right: 0;
}
body#home div#main section#banner_block ul li:nth-child(even) {
	margin-left: 0;
}


/*------------------------------------------ visualLayout */
body#home div#banner {
	float: right;
	margin: 30px 0;
	width: 232px;
}
body#home div#contents #section_visualLayout #carousel{
	padding: 30px 0;
}
body#home div#contents #section_visualLayout ul li {
	border-left: 1px solid #c0c8dd;
	border-right: 1px solid #c0c8dd;
}
body#home div#contents #section_visualLayout #carousel .bx-wrapper .bx-controls-direction a {
	margin-top: 0;
	background-size: 100% auto;
}
body#home div#contents #section_visualLayout #carousel .bx-prev{
	left: 50%;
	top: 100%;
	width: 0;
	height: 0;
	margin-left: -12px;
	border-style: solid;
	border-width: 11px 12px 0 12px;
	border-color: #ffffff transparent transparent transparent;
}
body#home div#contents #section_visualLayout #carousel .bx-next{
	right: 50%;
	top: 0;
	width: 0;
	height: 0;
	margin-right: -12px;
	border-style: solid;
	border-width: 0 12px 11px 12px;
	border-color: transparent transparent #ffffff transparent;
}
body#home div#contents #section_visualLayout #carousel .bx-wrapper .bx-controls-direction a.bx-prev {
	margin-top: 10px;
}
body#home div#contents #section_visualLayout #carousel .bx-wrapper .bx-controls-direction a.bx-next {
	margin-top: -20px;
}

/*-------------------------------------------------------------------------------*
 *	Clear fix
 *-------------------------------------------------------------------------------*/

body#home article,
body#home section#topics {
	zoom: 100%;
}

body#home article:after,
body#home section#topics:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}

/* 768px以上用（PC用）の記述 end */
}

/* 印刷用 */
@media print {

}