@charset "UTF-8";

/* Basic
====================================================*/

/* --- Common --- */

html {
	min-width:375px;
	font-family: "Noto Sans JP", sans-serif;
	-ms-text-size-adjust:100%;
	-webkit-text-size-adjust:100%;
	min-height:100%;
	position: relative;
	font-size:clamp(12px, calc(9.6px + 0.64vw), 16px);
	letter-spacing:0.05em;
	color:#4d4d4d;
	scroll-behavior:smooth;
	-webkit-overflow-scrolling: touch;
}

body {
	min-height:100vh;
	display:-webkit-box;
	display:flex;
	-webkit-box-orient:vertical;
	-webkit-box-direction:normal;
	flex-direction:column;
}

::-webkit-scrollbar{
	width:10px;
	height:10px;
}

::-webkit-scrollbar-track{
	background:#F8F8F8;
	border-radius:10px;
}

::-webkit-scrollbar-thumb{
	background:#BEBEBE;
	border-radius:10px;
}

::placeholder {
	color:#B5B5B5;
}

input[type="button"],input[type="text"],input[type="submit"],input[type="image"],textarea{
    -webkit-appearance:none !important;
    border-radius:0 !important;
}

a {
	color:#4d4d4d;
	text-decoration:none;
	cursor:pointer !important;
}

.sp_inline {
	display:inline-block !important;
}

.pc {
	display:none !important;
}

.pc_inline {
	display:none !important;
}

.txt_u {
	text-decoration:underline !important;
}

.txt_c {
	text-align:center !important;
}

.txt_l {
	text-align:left !important;
}

.txt_r {
	text-align:right !important;
}

.print {
	display:none;
}


/* --- Header --- */

header {
	position:sticky;
	top:0;
	background-color:#FFFFFF;
	border-bottom:#E6E6E6 1px solid;
	z-index:10000;
}

.header_wrap {
	width:100%;
	max-width:1100px;
	margin:0 auto;
	padding:clamp( 7px, calc( 2.754716981132076px + 1.1320754716981132vw ), 10px ) clamp( 15px, calc( 7.9245283018867925px + 1.8867924528301887vw ), 20px );
	box-sizing: border-box;
	display:-webkit-box;
	display:flex;
	-webkit-box-align:center;
	align-items:center;
}

h1 img {
	width:auto;
	height:clamp( 30px, calc( 27.6px + 0.64vw ), 34px );
}

.search_sp img, .menu_fix img {
	width:auto;
	height:36px;
}

.search_sp {
	margin:0 15px 0 auto;
}

.search_pc {
	display:none;
}

.menu li:nth-of-type(7) a {
	padding-left:12px;
	display:inline-block;
	position:relative;
	font-size:12px;
}

.menu li:nth-of-type(7) a::before {
	display:inline-block;
	content:'▶';
	position:absolute;
	top:50%;
	left:0;
	transform:translateY(-50%);
	font-size:8px;
	color:#FFFFFF;
}

.header_bottom_search {
	display:none;
}


/* --- Main --- */

section#news, section#topics, section#campaign,  section#banner, section#related {
	padding:clamp( 25px, calc( 3.7735849056603783px + 5.660377358490567vw ), 40px ) 0;
}

.sec_inner {
	width:90%;
	margin:0 auto;
	position:relative;
}

.main_page h2 {
	font-size:clamp( 23px, calc( 4.60377358490566px + 4.905660377358491vw ), 36px );
	color:#005daa;
}

section#campaign h2 {
	color:#FFFFFF;
}

section#related h2 {
	text-align:center;
}

.gotolist {
	position:absolute;
	top:0;
	right:0;
}

.gotolist a {
	width:clamp( 100px, calc( 49.056603773584904px + 13.584905660377359vw ), 136px );
	padding:clamp( 5px, calc( 2.169811320754717px + 0.7547169811320755vw ), 7px ) 0;
	display:inline-block;
	font-size:clamp( 10px, calc( 7.169811320754717px + 0.7547169811320755vw ), 12px );
	text-align:center;
	background-color:#005daa;
	background-image:url(../img/arrow_category_w.png);
	background-repeat:no-repeat;
	background-size:5px auto;
	background-position:right clamp( 6px, calc( 3.169811320754717px + 0.7547169811320755vw ), 8px ) center;
	color:#FFFFFF;
}

.gotolist.white a {
	background-color:#FFFFFF;
	background-image:url(../img/arrow_category.png);
	color:#005daa;
}

#main_slider {
	background-image:url(../img/top_gray_bg.png);
	background-repeat:no-repeat;
	background-size:cover;
	background-position:left center;
}

#main_slider ul {
	width:100%;
	max-width:3300px;
	height:auto;
	margin:0 auto;
}

#main_slider ul img {
	width:100%;
	height:auto;
	background-color:#FFFFFF;
}

.slick-slide {
    height:auto;
}

.slide-arrow.slick-disabled {
	display:none !important;
}

.slide-arrow.is-disabled {
	display: none !important;
}

.slide-arrow {
	display:none !important;
}

.slick-slider .slick-arrow {
	opacity:0;
	visibility:hidden;
	transition:opacity 0.3s, visibility 0.3s;
}

.slick-slider:hover .slick-arrow {
	opacity:1;
	visibility:visible;
}

#search, .header_bottom_search {
	height:55px !important;
	background-color:#005daa;
}

.main_search, .header_bottom_search {
	height:100%;
	display:-webkit-box;
	display:flex;
	-webkit-box-align:center;
	align-items:center;
	-webkit-box-pack:center;
	justify-content:center;
	color:#FFFFFF;
}

.main_search #feas-searchform-1, .header_bottom_search #feas-searchform-0 {
	display:-webkit-box;
	display:flex;
}

.main_search #feas-searchform-1 span, .header_bottom_search #feas-searchform-0 span {
	height:auto;
	display:-webkit-box;
	display:flex;
	-webkit-box-align:center;
	align-items:center;
}

.main_search p {
	font-size:clamp( 11px, calc( -1.735849056603774px + 3.3962264150943398vw ), 20px );
}

.main_search .feas_archive_freeword, .header_bottom_search .feas_archive_freeword {
	width:clamp( 200px, calc( -1.5999999999999943px + 53.76vw ), 536px );
	margin-left:clamp( 10px, calc( 7px + 0.8vw ), 15px );
	padding:12px 10px;
	box-sizing:border-box;
	background-color:#FFFFFF;
	font-size:10px;
	overflow:hidden;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:1;
	border:none;
}

.main_search .feas-submit-button, .header_bottom_search .feas-submit-button {
	padding:0 10px;
	background-color:#999999;
	font-size:10px;
	border:none;
	color:#FFFFFF;
}

#category {
	padding:clamp( 20px, calc( 5.849056603773585px + 3.7735849056603774vw ), 30px ) 0 clamp( 20px, calc( 5.849056603773585px + 3.7735849056603774vw ), 30px ) 20px; 
	background-color:#F2F2F2;
}

.top-cat_slider {
  position: relative;
	max-width:1100px;
	margin:0 auto;
}

.top-cat_slider_track {
	overflow-x:auto;
	overflow-y:hidden;
	-webkit-overflow-scrolling:touch;
	cursor:grab;
}

.top-cat_slider_track.dragging {
	cursor:grabbing;
	user-select:none;
}

.top-cat_slider_track::-webkit-scrollbar {
	height:0;
}

.top-cat_slider_list {
	display:-webkit-box;
	display:flex;
	transform:translateX(0);
	transition:transform 0.3s ease;
}

.top-cat_slider_list .category_item {
	flex:0 0 auto;
}

.top-cat_slider_arrow {
	position:absolute;
	top:50%;
	transform:translateY(-50%);
	width:32px;
	height:32px;
	border:none;
	background:transparent;
	background-size:contain;
	background-repeat:no-repeat;
	background-position:center;
	cursor:pointer;
	opacity:0;
	pointer-events:none;
	transition:opacity 0.2s;
	padding:0;
}
.top-cat_slider_arrow_prev {
	left:0;
	background-image:url(../img/arrow_leftt_bl.png);
}
.top-cat_slider_arrow_next {
	right:0;
	background-image:url(../img/arrow_right_bl.png);
}
.top-cat_slider:hover .top-cat_slider_arrow:not(.is_disabled) {
	opacity:1;
	pointer-events:auto;
}

@media (hover: none) and (pointer: coarse) {
.top-cat_slider_arrow {
	display: none;
}
}

#category .category_list {
	max-width:1100px;
	margin:0 auto;
	display:-webkit-box;
	display:flex;
	position:relative;
}

.category_item {
	width:clamp( 130px, calc( 97.45283018867926px + 8.679245283018867vw ), 153px );
	height:clamp( 197px, calc( 147.47169811320754px + 13.20754716981132vw ), 232px );
}

.category_item a {
	width:100%;
	height:100%;
	padding:14px 9px 0 9px;
	display:block;
	box-sizing:border-box;
	border-bottom:#D9D9D9 2px solid;
	background-color:#FFFFFF;
	background-image:url(../img/arrow_list.png);
	background-repeat:no-repeat;
	background-size:clamp( 16px, calc( 7.509433962264152px + 2.2641509433962264vw ), 22px ) auto;
	background-position:right 3px bottom 3px;
}

.category_item:nth-last-of-type(1) {
	padding-right:50px;
}

.category_item + .category_item {
	margin-left:16px;
}

.category_item h3 {
	margin:10px 0;
	font-size:clamp( 12px, calc( 10.584905660377359px + 0.37735849056603776vw ), 13px );
	letter-spacing:0;
}

.category_item li {
	padding-left:12px;
	display:block;
	position:relative;
	font-size:clamp( 9px, calc( 7.584905660377359px + 0.37735849056603776vw ), 10px );
}

.category_item li::before {
	display:inline-block;
	content:'▶';
	position:absolute;
	top:50%;
	left:0;
	transform:translateY(-50%);
	font-size:8px;
	color:#005daa;
}

.category_item li + li {
	margin-top:6px;
}

.category_list.native-scroll {
	display:flex;
	overflow-x:auto;
	-webkit-overflow-scrolling:touch;
	scroll-behavior:smooth;
	scrollbar-width:none;
}

.category_list.native-scroll::-webkit-scrollbar {
	display:none;
}

.category_list.native-scroll > * {
	flex:0 0 auto;
}

.category_list.native-scroll .slide-arrow,
.category_list.native-scroll + .slide-arrow {
	display:none !important;
}

#news h2 {
	padding-bottom:clamp( 12px, calc( 0.6792452830188687px + 3.018867924528302vw ), 20px );
	border-bottom:#E6E6E6 1px solid;
}

.news_list img {
	margin-right:20px;
}

.news_list li {
	font-size:clamp( 10px, calc( 7.169811320754717px + 0.7547169811320755vw ), 12px );
	border-bottom:#E6E6E6 1px solid;
}

.news_list li a {
	width:100%;
	padding:20px clamp( 5px, calc( -9.150943396226415px + 3.7735849056603774vw ), 15px ) 20px 5px;
	box-sizing:border-box;
	display:block;
	background-image:url(../img/arrow_category.png);
	background-repeat:no-repeat;
	background-size:7px auto;
	background-position:right clamp( 5px, calc( -9.150943396226415px + 3.7735849056603774vw ), 15px ) center;
}

.news_list.main_list a {
	padding:20px 0;
	display:-webkit-box;
	display:flex;
	background-image:none;
}

.news_wrap {
	margin-top:0;
	display:-webkit-box;
	display:flex;
	-webkit-box-align:center;
	align-items:center;
}

.news_list.main_list li .news_wrap {
	margin-top:5px;
}

time {
	margin-right:clamp( 7px, calc( -2.9056603773584904px + 2.6415094339622645vw ), 14px );
	font-size:clamp( 9px, calc( 4.754716981132076px + 1.1320754716981132vw ), 12px );
	flex-shrink: 0;
}

.news_cat {
	padding:3px 8px;
	font-size:clamp( 8px, calc( 3.754716981132076px + 1.1320754716981132vw ), 11px );
	background-color:#005daa;
	color:#FFFFFF;
	flex-shrink: 0;
}

.news_cat + .news_cat {
	margin-left:4px;
}

.news_list li p {
	line-height:1.6;
	overflow:hidden;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:3;
}

.news_list li .news_ttl {
	margin:10px auto;
	font-size:clamp( 10px, calc( 7.169811320754717px + 0.7547169811320755vw ), 12px );
	font-weight:normal;
	line-height:1;
	overflow:hidden;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:1;
}

.news_list.main_list li .news_ttl {
	font-size:clamp( 10px, calc( 1.5094339622641524px + 2.2641509433962264vw ), 16px );
	font-weight:bold;
	line-height:1.4;
	overflow:hidden;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
}

.news_list.main_list li img {
	width:clamp( 120px, calc( -28.58490566037736px + 39.62264150943396vw ), 225px );
	height:auto;
	object-fit:cover;
	aspect-ratio:100 / 67;
	flex-shrink:0;
}

.search-archive .news_list.main_list li img {
	object-fit:contain;
}

#topics {
	background-image:url(../img/top_gray_bg.png);
	background-repeat:no-repeat;
	background-size:cover;
	background-position:left center;
}

.main_list.topics_main_list {
	margin-top:clamp( 15px, calc( 0.8490566037735849px + 3.7735849056603774vw ), 25px );
}


.main_list.topics_main_list li {
	border-bottom:#E6E6E6 2px solid;
	background-color:#FFFFFF;
}

.main_list.topics_main_list li a {
	padding:0;
	background-image:url(../img/arrow_list.png);
	background-repeat:no-repeat;
	background-size:clamp( 16px, calc( 7.509433962264152px + 2.2641509433962264vw ), 22px ) auto;
	background-position:right 3px bottom 3px;
}

.main_list.topics_main_list li .news_cnt {
	padding:15px 20px 15px 0;
}

.main_list.topics_main_list li img {
	width:clamp( 165px, calc( -26.037735849056617px + 50.943396226415096vw ), 300px );
	height:auto;
}

.topics_list {
	display:-webkit-box;
	display:flex;
	flex-wrap:wrap;
}

.topics_list li {
	width:48%;
	margin-top:clamp( 15px, calc( 0.8490566037735849px + 3.7735849056603774vw ), 25px );
	border-bottom:#E6E6E6 2px solid;
	background-color:#FFFFFF;
}

.topics_list li a {
	padding-bottom:clamp( 20px, calc( 5.849056603773585px + 3.7735849056603774vw ), 30px );
	display:block;
	background-image:url(../img/arrow_list.png);
	background-repeat:no-repeat;
	background-size:clamp( 16px, calc( 7.509433962264152px + 2.2641509433962264vw ), 22px ) auto;
	background-position:right 3px bottom 3px;
}

.topics_list li p {
	margin:clamp( 10px, calc( 2.9245283018867925px + 1.8867924528301887vw ), 15px ) clamp( 10px, calc( 2.9245283018867925px + 1.8867924528301887vw ), 15px ) 0;
	font-size:clamp( 10px, calc( 7.169811320754717px + 0.7547169811320755vw ), 12px );
	line-height:1.4;
	overflow:hidden;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:3;
}

#banner {
	background-color:#F2F2F2;
}

#campaign {
	background-image:url(../img/top_campaign_bg.png);
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center center;
}

#banner img {
	width:clamp( 340px, calc( 124.00000000000003px + 57.599999999999994vw ), 700px );
	height:auto;
	margin:0 auto;	
}

section#related {
	padding:clamp( 25px, calc( 3.7735849056603783px + 5.660377358490567vw ), 40px ) 0 clamp( 25px, calc( -24.528301886792455px + 13.20754716981132vw ), 60px );
}

#related ul {
	margin:clamp( 25px, calc( -10.377358490566039px + 9.433962264150944vw ), 50px ) auto 0;
	text-align:center;
}

#related ul a {
	display:inline-block;
}


#related li + li {
	margin-top:15px;
}

#related li img {
	width:clamp( 340px, calc( 283.39622641509436px + 15.09433962264151vw ), 380px );
	height:auto;
}


/* --- Footer --- */

footer {
	margin-top:auto;
	padding:0 0 20px;
	background-color:#005daa;
	font-size:11px;
	color:#FFFFFF;
}

footer a {
	color:#FFFFFF;
}

.footer_top_wrap {
	width:100%;
	max-width:1000px;
	margin:0 auto;
	padding:0 20px;
}

.footer_top {
	display:-webkit-box;
	display:flex;
}

.footer_left li + li {
	margin-top:10px;
}

.footer_home a span {
	padding-left:5px;
	display:inline-block;
	border-left:#FFFFFF 2px solid;
}

.footer_bottom {
	border-top:#166CB4 1px solid;
}

.footer_bottom ul {
	width:100%;
	max-width:1000px;
	margin:0 auto;
	display:-webkit-box;
	display:flex;
}

.footer_bottom li + li {
	margin-left:20px;
}

.footer_bottom li:nth-of-type(-n+2) a {
	padding-left:8px;
	display:inline-block;
	position:relative;
}

.footer_bottom li:nth-of-type(-n+2) a::before {
	display:inline-block;
	content:'▶';
	position:absolute;
	top:50%;
	left:0;
	transform:translateY(-50%);
	font-size:6px;
}


/* Only SP */
@media only screen and (max-width: 639px) {

/* --- Header --- */

.menu_fix.open {
	width:30px;
	height:30px;
	position:fixed;	
	top:15px;
	right:15px;
	z-index:20000;
}

.menu_fix.open a {
	width:100%;
	height:100%;
	display:block;
	background-image:url(../img/close.png);
	background-size:cover;
	background-repeat:no-repeat;
	background-position:top center;
}

.menu_fix.open img {
	display:none;
}

header nav {
	width:100%;
	min-width:375px;
	height:100vh;
	height:100dvh;
	position:fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	z-index:10000;
	background-color:#005DAA;
	opacity:0;
	visibility:hidden;
	transition:opacity 1s, visibility 0s;
	opacity:0;
	visibility:hidden;
}

header nav.open {
	transition-delay:0s;
	opacity:1;
	visibility:visible;
}

.menu {
	padding:70px 20px 0;
}

.menu li {
	border-top:#166CB4 1px solid;
}

.menu a {
	padding:20px 20px 20px 0;
	display:block;
	font-size:20px;
	font-weight:bold;
	background-image:url(../img/arrow_sp.png);
	background-size:12px auto;
	background-repeat:no-repeat;
	background-position:right center;
	color:#FFFFFF;
}

.menu li:nth-of-type(7) a, .menu li:nth-last-of-type(1) a {
	background-image:none;
}

.menu li:nth-last-of-type(1) {
	margin-top:60px;
	border-top:none;
}

.menu li:nth-last-of-type(1) img {
	max-width:220px;
	margin:0 auto;
}


/* --- Main --- */

#category {
	padding:clamp( 20px, calc( 5.849056603773585px + 3.7735849056603774vw ), 30px ) 0 clamp( 20px, calc( 5.849056603773585px + 3.7735849056603774vw ), 30px ) 0; 
}

.top-cat_slider .category_item:nth-of-type(1) {
	padding-left:20px;
}

.top-cat_slider_track {
	overflow:hidden;
	-webkit-overflow-scrolling:auto;
}

.top-cat_slider_arrow {
	display: none;
}


.topics_list li:nth-of-type(odd) {
	margin-right:2%;
}

.topics_list li:nth-of-type(even) {
	margin-left:2%;
}


/* --- Footer --- */

.pagetop {
    width:100%;
	height:40px;
	display:block;
	background-color:#337DBC;
}

.pagetop img{
    width:40px;
	height:40px;
	margin:0 auto;
}

.footer_top_wrap {
    padding:0;
}

.footer_top {
	-webkit-box-orient:vertical;
	-webkit-box-direction:normal;
	flex-direction:column;
}

.footer_right {
	order:1;
}

.footer_home a {
	padding:14px 15px;
	display:block;
	border-bottom:#166CB4 1px solid;
}

.footer_right ul {
	display:grid;
	grid-template-columns:repeat(2, 1fr);
	border-bottom:#166CB4 1px solid;
}

.footer_right li a {
	padding:14px 15px;
	display:block;
	border-bottom:#166CB4 1px solid;
}

.footer_right li:nth-of-type(odd) a {
	border-right:#166CB4 1px solid;
}

.footer_right li:nth-last-of-type(1) a {
	border-bottom:none;
}

.footer_left {
	padding:20px 0 30px;
	text-align:center;
	order:2;
}

.footer_left a {
	display:inline-block;
}

.footer_left img {
	margin:0 auto;
}

.footer_bottom ul {
	padding-top:14px;
	flex-wrap:wrap;
	-webkit-box-pack:center;
	justify-content:center;
}

.footer_bottom li:nth-last-of-type(1) {
	width:100%;
	margin-top:18px;
	text-align:center;
}

}


/* Only PC */
@media only screen and (min-width: 640px) {

/* --- Common --- */

html {
	scroll-padding-top:0;
	overflow-x:hidden;
}

a:hover {
	animation-name:a-hover;
	animation-duration:0.5s;
	animation-fill-mode:forwards;
}

.txt_u:hover {
	text-decoration:none !important;
}

.sp {
	display:none !important;
}

.sp_inline {
	display:none !important;
}

.pc {
	display:block !important;
}

.pc_inline {
	display:inline-block !important;
}

@keyframes a-hover {
	from{
	}
	to{
		opacity:0.6;
	}
}

a:hover img {
	animation-name:a-hover-img;
	animation-duration:0.5s;
	animation-fill-mode:forwards;
}

@keyframes a-hover-img {
	from{
	}
	to{
		opacity:0.6;
	}
}

.slide-arrow:hover {
	animation-name:slide-arrow;
	animation-duration:0.5s;
	animation-fill-mode:forwards;
}

@keyframes slide-arrow {
	from{
	}
	to{
		opacity:0.6;
	}
}


/* --- Header --- */

header nav {
	width:calc(100% - clamp( 160px, calc( 64.78048780487805px + 14.878048780487804vw ), 221px ))
}

header nav ul {
	margin-left:clamp( 30px, calc( -1.2195121951219505px + 4.878048780487805vw ), 50px );
	padding:0;
	display:-webkit-box;
	display:flex;
	-webkit-box-align:center;
	align-items:center;
}

h1 img {
	width:clamp( 160px, calc( 64.78048780487805px + 14.878048780487804vw ), 221px );
	height:auto;
}

.menu li {
	margin-right:clamp( 10px, calc( -29.024390243902438px + 6.097560975609756vw ), 35px );
}

.menu li a {
	font-size:clamp( 12px, calc( 6.666666666666667px + 0.8333333333333334vw ), 15px );
	font-weight:bold;
	position:relative;
}

.menu li:nth-of-type(1) a, .menu li:nth-of-type(2) a, .menu li:nth-of-type(3) a {
	display:inline-block;
	padding-bottom:10px;
}

.menu li:nth-of-type(1) a::after, .menu li:nth-of-type(2) a::after, .menu li:nth-of-type(3) a::after {
	content:'';
	position:absolute;
	bottom:0;
	left:50%;
	transform:translateX(-50%);
	width:20px;
	height:2px;
	background-color:#005daa;
}

.menu li:nth-of-type(7) a::before {
	color:#005daa;
}

.menu li:nth-of-type(8) {
	font-size:10px;
}

.menu li:nth-last-of-type(1) {
	margin-left:auto;
	margin-right:0;
	flex-shrink: 0;
}

.menu li:nth-last-of-type(1) img {
	width:clamp( 78px, calc( 42.44444444444444px + 5.555555555555555vw ), 98px );
	height:clamp( 40px, calc( 22.22222222222222px + 2.7777777777777777vw ), 50px );
}

.search_sp {
	display:none;
}

li .search_sp  {
	margin:0;
	display:block;
}


/* --- Main --- */

.sec_inner {
	width:100%;
	max-width:1100px;
	margin:0 auto;
	padding:0 50px;
	box-sizing:border-box;
}

.gotolist {
	right:50px;
}

#main_slider img {
	margin:0 auto;
	max-width:1100px;
}

#main_slider a:hover {
	opacity:1 !important;
}

#main_slider a:hover img {
	opacity:1 !important;
}

#main_slider img:hover {
	opacity:1 !important;
}

#main_slider li a {
  position: relative;
  overflow: hidden;
}

#main_slider li a img {
  display: block;
  width: 100%;
  height: auto;
  transition: all 0.4s ease;
}

#main_slider li a::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0); 
  transition: background 0.4s ease;
  pointer-events:none;
}

#main_slider li a:hover::after {
  background: rgba(255,255,255,0.4);
}

#category .category_list .category_item:nth-of-type(1) {
	padding-left:50px;
}

#search, .header_bottom_search {
	padding:5px 0;
	background-color:#005daa;
}

.main_search .feas-submit-button, .header_bottom_search .feas-submit-button {
	padding:0 15px;
	font-size:14px;
}

.slide-arrow {
	width:40px !important;
	height:40px !important;
	display:block !important;
	position:absolute;
	top:50%;
	-webkit-transform:translate(0, -50%);
	-ms-transform:translate(0, -50%);
	transform:translate(0, -50%);
	cursor:pointer;
	z-index:100;
}

.prev-arrow {
	left:0;
}

.next-arrow {
	right:0;
}

.main_search .feas_archive_freeword, .header_bottom_search .feas_archive_freeword {
	padding:13px 10px;
	font-size:12px;
}

.main_serach .feas-submit-button {
	padding:12px 20px;
	font-size:16px;
}

.top-cat_slider .category_item:nth-of-type(1) {
	padding-left:50px;
}

#category {
	padding-left:0; 
}

.news_list li .news_cnt {
	display:-webkit-box;
	display:flex;
	-webkit-box-align:center;
	align-items:center;
}

.news_list.main_list li .news_cnt {
	display:block !important;
}

.news_list li .news_ttl {
	margin-left:clamp( 7px, calc( -2.9056603773584904px + 2.6415094339622645vw ), 14px );
}

.news_list.main_list li .news_ttl {
	margin-left:0;
}

.topics_list li {
	width:23.2%;
}

.topics_list li {
	margin-right:2.4%;
}

.topics_list li:nth-of-type(4n) {
	margin-right:0;
}

#related ul {
	width:clamp( 520px, calc( 57.77777777777777px + 72.22222222222221vw ), 780px );
	display:-webkit-box;
	display:flex;
	flex-wrap:wrap;
	-webkit-box-align:center;
	align-items:center;
	gap:20px;
}

#related li img {
	width:clamp( 250px, calc( 18.888888888888886px + 36.11111111111111vw ), 380px );
	height:auto;
}

#related li + li {
	margin-top:0;
}


/* --- Footer --- */

footer {
	padding:30px 0 20px;
	font-size:10px;
}

.pagetop {
    width:50px;
	height:50px;
    position:fixed;
    bottom:15px;
    right:15px;
    z-index:10;
}

.pagetop img{
    width:50px;
	height:50px;
}

.footer_right {
	width:clamp( 400px, calc( 311.1111111111111px + 13.88888888888889vw ), 450px );
	margin-left:clamp( 20px, calc( -166.66666666666669px + 29.166666666666668vw ), 125px );
}

.footer_home {
	padding-bottom:20px;
}

.footer_right ul {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 20px 0;
	list-style: none;
	margin: 0;
}

.footer_right ul li:nth-of-type(1) {
	width:100% !important;
}

.footer_bottom {
	margin-top:20px;
	padding:20px 20px 0;
}

.footer_bottom li:nth-last-of-type(1) {
	margin-left:auto;
}

}


/* For adjust */

@media screen and (min-width: 1100px) {

#main_slider .prev-arrow {
	left:50%;
	margin-left:-550px;
}

#main_slider .next-arrow {
	right:50%;
	margin-right:-550px;
}

.top-cat_slider .category_item:nth-of-type(1) {
	padding-left:50px;
}

}


@media screen and (min-width: 1050px) {

li .search_sp  {
	display:none;
}

.header_search, .header_search #feas-searchform-0 {
	display:-webkit-box;
	display:flex;
	-webkit-box-align:center;
	align-items:center;
}

.header_search .feas_archive_freeword {
	width:clamp( 80px, calc( -5.333333333333329px + 13.333333333333334vw ), 128px );
	padding:9px 10px;
	border:#E6E6E6 1px solid;
}

.header_search .feas-submit-button {
	padding:8px;
	background-color:#005daa;
	border:none;
	color:#FFFFFF;
}

}


@media screen and (min-width: 1100px) and (max-width: 1140px) {

#category {
	padding-left:clamp( 0px, calc( -550px + 50vw ), 20px ); 
}

}


@media screen and (min-width: 1140px) {

#category {
	padding:clamp( 20px, calc( 5.849056603773585px + 3.7735849056603774vw ), 30px ) 20px; 
}

}