@charset "UTF-8";

@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Noto+Sans+JP:wght@100..900&display=swap');

* {
	margin:0;
	padding:0;
	font-feature-settings: "palt";
	box-sizing: border-box;
}


html, body {
	font-family: "Noto Sans JP", "Montserrat", sans-serif;
	font-size:62.5%;
	line-height:1.8;
	color:#000;
	position:relative;
}


ul, ol {
	list-style:none;
}


table {
	border-collapse: collapse;
	border:none;
}


a {
	text-decoration:none;
}


/* color settings */
/* text */
.fc-navy {color:#2D3243 !important;}
.fc-red {color:#FF0024 !important;}
.fc-blue {color:#1155C4 !important;}
.fc-yellow {color:#FEFE00 !important;}
.fc-white {color:#FFFFFF !important;}

/* background */
.bg-navy {background-color:#2D3243 !important;}
.bg-red {background-color:#FF0024 !important;}
.bg-blue {background-color:#1155C4 !important;}
.bg-yellow {background-color:#FEFE00 !important;}
.bg-lightgray {background-color:#F4F4F4 !important;}
.bg-lightblue {background-color:#edf6ff !important;}
.bg-white {background-color:#fff !important;}


/* font weight settings */
.fw-b {font-weight:bold !important;}
.fw-n {font-weight:normal!important;}
.fw-300 {font-weight:300 !important;} /* = .fw-n */
.fw-400 {font-weight:400 !important;}
.fw-500 {font-weight:500 !important;}
.fw-600 {font-weight:600 !important;}


/* font style settings */
.fstyl-i {font-style:italic !important;}
.fstyl-n {font-style:normal !important;}


/* alignment settings */
.ta-left {text-align:left !important;}
.ta-center {text-align:center !important;}
.ta-right {text-align:right !important;}

/* width size */
.w10 {width:10% !important;}
.w20 {width:20% !important;}
.w25 {width:25% !important;}
.w30 {width:30% !important;}
.w33 {width:33% !important;}
.w40 {width:40% !important;}
.w48 {width:48% !important;}
.w50 {width:50% !important;}
.w55 {width:50% !important;}
.w60 {width:60% !important;}
.w66 {width:66% !important;}
.w70 {width:70% !important;}
.w75 {width:75% !important;}
.w80 {width:80% !important;}
.w90 {width:90% !important;}
.w100 {width:100% !important;}


/* タブレットサイズで横幅100%に変化 */
.w10tab {width:10% !important;}
.w20tab {width:20% !important;}
.w25tab {width:25% !important;}
.w30tab {width:30% !important;}
.w33tab {width:33% !important;}
.w40tab {width:40% !important;}
.w48tab {width:48% !important;}
.w50tab {width:50% !important;}
.w55tab {width:50% !important;}
.w60tab {width:60% !important;}
.w66tab {width:66% !important;}
.w70tab {width:70% !important;}
.w75tab {width:75% !important;}
.w80tab {width:80% !important;}
.w90tab {width:90% !important;}
.w100tab {width:100% !important;}

@media all and (max-width:768px) {
.w10tab,.w20tab,.w25tab,.w30tab,.w33tab,
.w40tab,.w48tab,.w50tab,.w55tab,.w60tab,.w66tab,.w70tab,
.w75tab,.w80tab,.w90tab,.w100tab {
width:100% !important
}
}

/* スマホサイズで横幅100%に変化 */
.w10sp {width:10% !important;}
.w20sp {width:20% !important;}
.w25sp {width:25% !important;}
.w30sp {width:30% !important;}
.w33sp {width:33% !important;}
.w40sp {width:40% !important;}
.w48sp {width:48% !important;}
.w50sp {width:50% !important;}
.w55sp {width:50% !important;}
.w60sp {width:60% !important;}
.w66sp {width:66% !important;}
.w70sp {width:70% !important;}
.w75sp {width:75% !important;}
.w80sp {width:80% !important;}
.w90sp {width:90% !important;}
.w100sp {width:100% !important;}

@media all and (max-width:560px) {
.w10sp,.w20sp,.w25sp,.w30sp,.w33sp,
.w40sp,.w48sp,.w50sp,.w55sp,.w60sp,.w66sp,.w70sp,
.w75sp,.w80sp,.w90sp,.w100sp {
width:100% !important
}
}


/* font size settings */
.fs-x06 {font-size:0.6rem;}
.fs-x08 {font-size:0.8rem;}
.fs-x10 {font-size:1rem;}
.fs-x11 {font-size:1.1rem;}
.fs-x12 {font-size:1.2rem;}
.fs-x14 {font-size:1.4rem;}
.fs-x16 {font-size:1.6rem;}
.fs-x18 {font-size:1.8rem;}
.fs-x20 {font-size:2rem;}
.fs-x21 {font-size:2.1rem;}
.fs-x24 {font-size:2.4rem;}
.fs-x30 {font-size:3rem;}
.fs-x36 {font-size:3.6rem;}
.fs-x40 {font-size:4rem;}


/* margin settings */
/* margin bottom */
.mb-xxsmall {margin-bottom:3px !important;}
.mb-xsmall {margin-bottom:5px !important;}
.mb-small {margin-bottom:10px !important;}
.mb-medium {margin-bottom:15px !important;}
.mb-large {margin-bottom:30px !important;}
.mb-xlarge {margin-bottom:50px !important;}
.mb-xxlarge {margin-bottom:80px !important;}
.mb-exlarge {margin-bottom:100px !important;}
.mb-ultralarge {margin-bottom:150px !important;}

@media all and (max-width:768px) {
.mb-xxsmall {margin-bottom:3px !important;}
.mb-xsmall {margin-bottom:5px !important;}
.mb-small {margin-bottom:10px !important;}
.mb-medium {margin-bottom:15px !important;}
.mb-large {margin-bottom:20px !important;}
.mb-xlarge {margin-bottom:30px !important;}
.mb-xxlarge {margin-bottom:50px !important;}
.mb-exlarge {margin-bottom:70px !important;}
.mb-ultralarge {margin-bottom:100px !important;}
}

/* margin top */
.mt-xxsmall {margin-top:3px !important;}
.mt-xsmall {margin-top:5px !important;}
.mt-small {margin-top:10px !important;}
.mt-medium {margin-top:15px !important;}
.mt-large {margin-top:30px !important;}
.mt-xlarge {margin-top:50px !important;}
.mt-xxlarge {margin-top:80px !important;}
.mt-exlarge {margin-top:100px !important;}
.mt-ultralarge {margin-top:150px !important;}

@media all and (max-width:768px) {
.mt-xxsmall {margin-top:3px !important;}
.mt-xsmall {margin-top:5px !important;}
.mt-small {margin-top:10px !important;}
.mt-medium {margin-top:15px !important;}
.mt-large {margin-top:20px !important;}
.mt-xlarge {margin-top:30px !important;}
.mt-xxlarge {margin-top:50px !important;}
.mt-exlarge {margin-top:70px !important;}
.mt-ultralarge {margin-top:100px !important;}
}

.mb-zero {margin-bottom:0 !important;}

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

.mr-medium {margin-right:30px !important;}

@media all and (max-width:768px) {
.mr-medium {margin-right:0 !important;}
}


/* button */
a.btn_basic {
	display: inline-block;
	background:#1155C4;
	border:1px solid #1155C4;
	color:#FFF;
	padding:15px 20px;
	font-size:1.6rem;
	letter-spacing: 0.1rem;
	border-radius: 5px;
	transition:all .3s ease;
}


@media all and (max-width:768px) {
a.btn_basic {
	display: inline-block;
	background:#1155C4;
	border:1px solid #1155C4;
	color:#FFF;
	padding:15px;
	font-size:1.4rem;
	letter-spacing: 0.1rem;
	border-radius: 5px;
	transition:all .3s ease;
}
}


a.btn_basic:hover {
	background:#FFF;
	border:1px solid #1155C4;
	color:#1155C4;
}



/* title */
.block_ttl {
	text-align:center;
}


.block_ttl_sub {
	text-align:center;
	padding:64px 0;
	background:#EDF2F8;
}


@media all and (max-width:768px) {
.block_ttl_sub {
	text-align:center;
	padding:32px 0;
	background:#EDF2F8;
}
}


.block_ttl_news {
	text-align:center;
	width:285px;
}

@media all and (max-width:768px) {
.block_ttl_news {
	text-align:center;
	width:190px;
}
}

.news_title {
	width:96%;
	max-width:1120px;
	margin: 0 auto;
	display:flex;
	flex-wrap: wrap;
	justify-content: space-between;
}


.top_h2 {
	display:inline-block;
	font-weight:700;
	color:#000;
	font-size:4rem;
	padding:0 1.5em;
	position:relative;
	margin:0;
	line-height:1.4;
}


.top_h2::before {
	display:block;
	content:"";
	width:0;
	heigth:0;
	border-top:20px solid transparent;
	border-bottom:20px solid transparent;
	border-left:20px solid #FEFE00;
	position:absolute;
	top:0;
	left:0;
	transform:rotate(-135deg);
}


.top_h2::after {
	display:block;
	content:"";
	width:0;
	heigth:0;
	border-top:20px solid transparent;
	border-bottom:20px solid transparent;
	border-left:20px solid #FEFE00;
	position:absolute;
	bottom:0;
	right:0;
	transform:rotate(45deg);
}


@media all and (max-width:768px) {
.top_h2 {
	display:inline-block;
	font-weight:700;
	color:#000;
	font-size:3rem;
	padding:0 1em;
	position:relative;
	margin:0;
	line-height:1.8;
}

.top_h2::before {
	display:block;
	content:"";
	width:0;
	heigth:0;
	border-top:15px solid transparent;
	border-bottom:15px solid transparent;
	border-left:15px solid #FEFE00;
	position:absolute;
	top:0;
	left:0;
	transform:rotate(-135deg);
}


.top_h2::after {
	display:block;
	content:"";
	width:0;
	heigth:0;
	border-top:15px solid transparent;
	border-bottom:15px solid transparent;
	border-left:15px solid #FEFE00;
	position:absolute;
	bottom:0;
	right:0;
	transform:rotate(45deg);
}
}


.top_h3 {
	color:#000;
	font-size:1.6rem;
	font-weight:normal;
	font-family:"Montserrat", sans-serif;
}




#wrapper {
	width:100%;
	padding:200px 0 0;
}


#index #wrapper {
	width:100%;
	padding:88px 0 0;
}


@media all and (max-width:1280px) {
#wrapper {
	width:100%;
	padding:85px 0 0;
}

#index #wrapper {
	width:100%;
	padding:85px 0 0;
}
}


@media all and (max-width:560px) {
#wrapper {
	width:100%;
	padding:135px 0 0;
}

#index #wrapper {
	width:100%;
	padding:135px 0 0;
}
}


/* header */
header {
	width:100%;
	height:149px;
	border-top:6px solid #1155C4;
	border-bottom:none;
	position:fixed;
	z-index:9996;
	background:#FFF;
}

#index header {
	width:100%;
	height:88px;
	border-top:6px solid #1155C4;
	border-bottom:none;
	position:fixed;
	z-index:9996;
	background:#FFF;
}

.header_inner {
	width:96%;
	max-width:1120px;
	margin:0 auto;
	padding:10px 0;
	display: flex;
	flex-wrap:wrap;
	justify-content: space-between;
}

.blc_hdr01 {
	width:18%;
	padding:0 2% 0 0;
}

.blc_hdr01 img {
	vertical-align: bottom;
}


.blc_hdr02 {
	width:30%;
	border:1px solid #eaeaea;
	border-radius: 5px;
	font-size:1.4rem;
	padding:12px 15px 0;
}


.blc_hdr02 input[type="text"] {
	border:none !important;
}


.blc_hdr03 {width:43%;}

.blc_hdr01 img {width:100%;}


@media all and (max-width:1280px) {
header {
	width:100%;
	height:85px;
	border-top:6px solid #1155C4;
	border-bottom:1px solid #1155C4;
	position:fixed;
	z-index:9996;
	background:#FFF;
}


#index header {
	width:100%;
	height:85px;
	border-top:6px solid #1155C4;
	border-bottom:1px solid #1155C4;
	position:fixed;
	z-index:9996;
	background:#FFF;
}


.header_inner {
	width:96%;
	max-width:1120px;
	margin:0 auto;
	padding:10px 0 15px;
	display: flex;
	flex-wrap:wrap;
	justify-content: flex-start;
}


.blc_hdr01 {
	width:16%;
	padding:0;
	margin:0 20px 0 0;
	}

.blc_hdr02 {
	width:40%;
	border:1px solid #eaeaea;
	border-radius: 5px;
	font-size:1.4rem;
	padding:10px;
	margin:0;
	}

.blc_hdr03 {display:none;}
}


@media all and (max-width:768px) {
header {
	width:100%;
	height:85px;
	border-top:6px solid #1155C4;
	border-bottom:1px solid #1155C4;
	position:fixed;
	z-index:9996;
	background:#FFF;
}


#index header {
	width:100%;
	height:85px;
	border-top:6px solid #1155C4;
	border-bottom:1px solid #1155C4;
	position:fixed;
	z-index:9996;
	background:#FFF;
}


.blc_hdr01 {
	width:20%;
	padding:0;
	margin:0 20px 0 0;
	}

.blc_hdr02 {
	width:40%;
	border:1px solid #eaeaea;
	border-radius: 5px;
	font-size:1.4rem;
	padding:10px;
	margin:0;
	}

.blc_hdr03 {display:none;}
}


@media all and (max-width:560px) {
header {
	width:100%;
	height:125px;
	border-top:6px solid #1155C4;
	border-bottom:1px solid #1155C4;
	position:fixed;
	z-index:9996;
	background:#FFF;
}


#index header {
	width:100%;
	height:125px;
	border-top:6px solid #1155C4;
	border-bottom:1px solid #1155C4;
	position:fixed;
	z-index:9996;
	background:#FFF;
}


.header_inner {
	width:96%;
	max-width:1120px;
	margin:0 auto;
	padding:10px 0 10px;
	display: flex;
	flex-wrap:wrap;
	justify-content: space-between;
}


.blc_hdr01 {
	width:30%;
	padding:0 0 10px;
	}


.blc_hdr02 {
	width:100%;
	padding:10px;
	}
}


.blc_hdr02 input {
	margin: 0;
	padding: 0;
	background: none;
	border: none;
	border-radius: 0;
	outline: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}


.blc_hdr02 input[type="text"] {
	display:inline-block;
	width:calc(100% - 32px);
	font-size:1.4rem;
	padding:0;
}


.blc_hdr02 input[type="text"]::placeholder {
	color:#999;
	letter-spacing: 0.1rem;
}


.blc_hdr02 input[type="button"], .blc_hdr02 input[type="submit"] {
	display:inline-block;
	width:32px;
	height:32px;
	text-align:center;
	font-size:1.6rem;
	color:#FFF;
	background:#1155C4;
	border-radius: 50%;
	cursor: pointer;
}


.blc_hdr03 a:hover {
	opacity:0.7;
	transition:all .3s ease;
}


.upper_hdr_menu {
	font-size:1.4rem;
	letter-spacing: 0.1rem;
	padding:0 0 5px;
}


.upper_hdr_menu ul {
	width:100%;
	margin:0;
	padding:0;
	display: flex;
	flex-wrap:wrap;
	justify-content: space-between;
}


.lower_hdr_menu {
	font-size:1.6rem;
}


.lower_hdr_menu ul {
	width:100%;
	margin:0;
	padding:0;
	display: flex;
	flex-wrap:wrap;
	justify-content: space-between;
}


.lower_hdr_menu ul li {
	display:inline-block;
	width:30%;
}

.lower_hdr_menu ul li:last-child {
	display:inline-block;
	width:36%;
}

.lower_hdr_menu ul li a {
	display:block;
	width:100%;
	background:#1155C4;
	color:#FFF;
	padding:.1em 0;
	text-align:center;
	border-radius: 5px;
}


@media all and (max-width:1280px) {
.upper_hdr_menu {
	font-size:1.2rem;
	letter-spacing: 0.1rem;
	padding:0 0 10px;
}
}



/* header_menu */
.header_menu {
	display:block;
	background: #FFF;
	width: 100%;
	height: 66px;
	font-size:1.6rem;
	letter-spacing:0.2rem;
	transition:all .3s ease;
	border-top:2px solid #1155C4;
	border-bottom:2px solid #1155C4;
}


#index .header_menu {
	display:block;
	background: #FFF;
	width: 100%;
	height: 70px;
	font-size:1.6rem;
	letter-spacing:0.2rem;
	transition:all .3s ease;
	box-shadow: 0 0 0 rgba(0,0,0,0);
	border:none;
}


.header_menu ul {
	width:96%;
	max-width:1120px;
	height:66px;
	margin:0 auto;
	display: flex;
	flex-direction:row;
	align-items: center;
	justify-content: center;
}


.header_menu ul li a {
	display:inline-block;
	color:#000;
	padding:15px 1.5em 0;
	height:66px;
}


.header_menu ul li a:hover {
	transition:all .3s ease;
	color:#1155C4;
}


#index .header_menu.fixed {
	position:fixed;
	top:88px;
	z-index:9995;
	box-shadow: 0 5px 5px rgba(0,0,0,.1);
}


@media all and (max-width:1280px) {
.header_menu,
#index .header_menu {
	display:none;
	}
}


/* mega menu */
.has-megamenu .megamenu {
    display: none;
    position: absolute;
    left: 0;
    top: 100%;
    width: 100%;
	height:auto;
    background:#f6faff;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    padding: 20px;
    z-index: 1000;
}


.has-megamenu:hover > a {
	background:#f6faff;
}


.has-megamenu:hover .megamenu {
    display: block;
}

.megamenu-content {
	width:96%;
	max-width:1000px;
	margin:0 auto;
}

.megamenu-content ul {
	width:100%;
    list-style: none;
    padding: 0;
    margin: 0;
	height:auto;
	/*display:flex;
	flex-wrap: wrap;
	justify-content: flex-start;*/
	display:block;
	flex-wrap:nowrap;
	overflow: hidden;
}

.megamenu-content ul li {
	display:inline-block;
	float:left;
}


.megamenu-content ul li.mega_ttl {
	font-size:2rem;
	font-weight:bold;
	padding:23px 50px 0 0;
}


.megamenu-content > ul > li > a {
	display:inline-block;
    color: #333;
    text-decoration: none;
	padding:27px 35px 0 0;
}


.megamenu-content > ul > li:last-child > a {
	display:inline-block;
    color: #333;
    text-decoration: none;
	padding:27px 0 0 0;
}


.megamenu-content ul li a:hover {
    text-decoration: underline;
}


@media all and (max-width:768px) {
.has-megamenu, .megamenu {
	display:none;
}
}


/* footer */
footer {
	width:100%;
	background-color:#1155C4;
	color:#FFF;
	font-size:1.6rem;
}

.footer_inner {
	width:96%;
	max-width:1120px;
	margin:0 auto;
	padding:90px 0 80px;
	display: flex;
	flex-wrap:wrap;
	justify-content: space-between;
}


.blc_ftr01 {
	width:33%;
	padding:0 40px 0 0;
}

.blc_ftr02 {
	width:32%;
	padding:0 40px 0 0;
}

.blc_ftr03 {
	width:19%;
	padding:0 40px 0 0;
}

.blc_ftr04 {width:16%;}


.block_copyright {
	width:100%;
	background:#FFF;
	color:#000;
	font-family:"Montserrat", sans-serif;
	text-align:center;
	font-size:1.4rem;
	padding:20px 0;
}


@media all and (max-width:1280px) {
.blc_ftr01 {
	width:33%;
	padding:0 20px 0 0;
}

.blc_ftr02 {
	width:32%;
	padding:0 20px 0 0;
}

.blc_ftr03 {
	width:19%;
	padding:0 20px 0 0;
}
}


@media all and (max-width:768px) {
footer {
	width:100%;
	background-color:#1155C4;
	color:#FFF;
	font-size:1.4rem;
}

.footer_inner {
	width:96%;
	max-width:1120px;
	margin:0 auto;
	padding:45px 35px 40px;
	display: flex;
	flex-wrap:wrap;
	justify-content: space-between;
}


.blc_ftr01 {
	width:100%;
	text-align:center;
	font-size:1.2rem;
	padding:0 0 55px;
	}

.blc_ftr02, .blc_ftr03, .blc_ftr04 {
	width:100%;
	}

.blc_ftr03, .blc_ftr04 {
	width:48%;
	padding:0;
	}

.block_copyright {
	width:100%;
	background:#FFF;
	color:#000;
	font-family:"Montserrat", sans-serif;
	text-align:center;
	font-size:1.2rem;
	padding:20px 0;
}
}


.footer_menu {
	width:100%;
	margin:0;
}

.footer_menu li {
	padding:0 0 25px;
}

.footer_menu li a {
	color:#FFF;
}

.footer_menu li a:hover {
	transition: all .3s ease;
	opacity:0.8;
}


@media all and (max-width:768px) {
.footer_menu {
	margin:0 0 30px;
}

.footer_menu li {
	padding:0 0 15px;
}
}


/* menu for smartphone */
.hamburger-menu {
    position: fixed;
    top: 20px;
    right: 20px;
    cursor: pointer;
    z-index: 9999;
    display: flex;
    flex-direction: column;
    align-items: center;
}


@media all and (min-width:1281px) {
	.hamburger-menu {
		display:none;
	}
}


@media all and (max-width:560px) {
.hamburger-menu {
    position: fixed;
    top: 15px;
    right: 10px;
    cursor: pointer;
    z-index: 9999;
    display: flex;
    flex-direction: column;
    align-items: center;
}
}


.hamburger-menu .bar {
    width: 31px;
    height: 3px;
    background-color: #1155C4;
    margin: 3px 0;
    transition: all 0.3s ease;
}

.hamburger-menu .bar:nth-child(2) {
    opacity: 1;
}

.hamburger-menu.cross .bar:nth-child(1) {
    transform: rotate(45deg) translate(5px, 5px);
}

.hamburger-menu.cross .bar:nth-child(2) {
    opacity: 0;
}

.hamburger-menu.cross .bar:nth-child(3) {
    transform: rotate(-45deg) translate(8px, -8px);
}

.menu-text {
    font-size: 10px;
    color: #333;
    margin-top: 0;
}

.menu-overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.2);
    z-index: 9997;
}

.slide-in-menu {
    position: fixed;
    top: 85px;
    left: -100%;
    width: 100%;
    height: 100%;
    background: #fff;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
    transition: left 0.3s ease;
    z-index: 9998;
	font-size:1.6rem;
	letter-spacing: 0.1rem;
}


@media all and (max-width:560px) {
.slide-in-menu {
    position: fixed;
    top: 145px;
    left: -100%;
    width: 100%;
    height: 100%;
    background: #fff;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
    transition: left 0.3s ease;
    z-index: 9998;
}
}


.block_slidemenu {
	width:100%;
	height:100%;
	overflow:scroll;
}


.slide-in-menu ul {
    list-style: none;
	width:96%;
	max-width:768px;
    padding: 0;
    margin: 0 auto;
}

.slide-in-menu ul li {
    border-bottom: 1px solid #ddd;
}

.slide-in-menu ul li a {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px;
    text-decoration: none;
    color: #2B2B2B;
}

.slide-in-menu ul li a:hover {
    background: #f5f5f5;
}

.icon {
    margin-left: auto;
	color:#1155C4 !important;
}

.has-submenu > a::after {
    content: '';
}

.submenu {
    display: none;
	padding:0 0 10px !important;
}

.submenu li {
    border-bottom: none !important;
	font-size:1.4rem;
}

.submenu a {
    padding: 10px 10px 10px 30px !important;
}

.submenu a:hover {
    background: #f9f9f9;
}


.sp_menu {
	width:96%;
	max-width:768px;
	margin:0 auto;
	padding:0;
}


.sp_menu li {
	display:block;
	width:100%;
	text-align:center;
	margin:0 0 15px;
}


.sp_menu li a {
	display:block;
	width:100%;
	background:#1155C4;
	color:#FFF;
	padding:1em 0;
	text-align:center;
	border-radius: 5px;
	transition:all .3s ease;
}


.sp_menu li a:hover {
	opacity:0.7;
}


/* パンくず */
.sec_breadcrumb {
	width:96%;
	max-width:1120px;
	padding:20px 0;
	margin:0 auto;
	letter-spacing: 0.1em;
}


.sec_breadcrumb ul {
	font-size:1.2rem;
}


.sec_breadcrumb ul li {
	display:inline-block;
	padding:0 25px 0 0;
	position:relative;
	color:#1155C4;
}

.sec_breadcrumb ul li a {
	color:#000;
}


.sec_breadcrumb ul li:last-child {
	display:inline-block;
	padding:0 0;
}


.sec_breadcrumb ul li::before {
	display:block;
	content:"";
	width:7px;
	height:7px;
	border-top:1px solid #3d5b8a;
	border-right:1px solid #3d5b8a;
	position:absolute;
	top:50%;
	right:10px;
	transform:translateY(-50%) rotate(45deg);
}

.sec_breadcrumb ul li:last-child::before {
	display:none;
}


/* スクロールボタン */
#page-top {
	position: fixed;
	bottom: 90px;
	right: 30px;
	line-height: 1;
	z-index: 9999;
}


@media all and (max-width:560px) {
#page-top {
	position: fixed;
    bottom: 50px;
    right: 10px;
	line-height: 1;
	z-index: 9999;
}
}


#page-top a {
	display:block;
	width:50px;
	height:50px;
	text-align:center;
    padding: 15px 0;
    font-size: 1.8rem;
    background-color: #007BFF;
    color: white;
    border: none;
    border-radius: 5px;
    cursor: pointer;
	opacity: 0.9;
	transition: all .3s ease;
}

#page-top a:hover {
  text-decoration: none;
  opacity: .5;
}



/* ページネーション */
.pagination {
    display: flex;
    list-style-type: none;
    padding: 0;
	justify-content: center;
}

.pagination a {
    color: #007bff;
    padding: 10px 15px;
    text-decoration: none;
    border: 1px solid #ddd;
    margin: 0 2px;
    border-radius: 5px;
    transition: background-color 0.3s, color 0.3s;
}

.pagination a:hover {
    background-color: #007bff;
    color: white;
}

.pagination a.active {
    background-color: #007bff;
    color: white;
    border: 1px solid #007bff;
}