@charset "utf-8";
/* CSS Document */

body#newT { font-family: 'Noto Sans Japanese','Hiragino Kaku Gothic ProN','メイリオ', serif; }
.g_box { position:relative; }
.g_box:hover { cursor:pointer; opacity:0.7; }
.g_link { margin-bottom:0px; }
.g_link a {position:absolute; text-indent:-9999px; top:0px; left:0px; width:100%; height:100%; }
@media screen and (max-width: 960px) {
	.pc_tab { display: none; }
}
@media screen and (min-width: 961px) {
	.sp_tab { display: none; }
}
@media screen and (min-width: 1025px){
	nav ul li { padding: 5px 4.85%; }
}
@media screen and (max-width: 767px) {
}
@media screen and (max-width: 960px) {
	.f-contact { position: fixed; left: 0; bottom: 0px; width: 98%; display: flex; justify-content: center; box-shadow: 0px 0px 5px 5px rgba(0,0,0,0.1); overflow: hidden; padding:1% 1%; background: #fff;}
	.f-contact li { width: 33%; height: 65px; padding-top: 10px; }
	.f-contact li .li-icon { margin-bottom: 5px; font-size: 1.5rem; line-height: 1.0; }
	.f-contact li p { margin-bottom: 0px; }
	.f-contact li h6 { margin-bottom: 5px; font-size: 0.8rem; line-height: 1.2; }
	.f-contact li:nth-child(1) { border: 3px solid #d5d5d5; background: #fff; }
		.f-contact li:nth-child(1) .li-icon { text-align: center; color: #000; }
		.f-contact li:nth-child(1) h6 { text-align: center; color: #000;  }
	
	.f-contact li:nth-child(2) { border: 3px solid #06c152; background: #06c152; }
		.f-contact li:nth-child(2) .li-icon { text-align: center; color: #fff; }
		.f-contact li:nth-child(2) h6 { text-align: center; color: #fff; }
	
	.f-contact li:nth-child(3) { border: 3px solid #ce4343; background: #ce4343; }
		.f-contact li:nth-child(3) .li-icon { text-align: center; color: #fff; }
		.f-contact li:nth-child(3) h6 { text-align: center; color: #fff; }
	
	.f-contact li:nth-child(4) { border: 3px solid #ff9900; background: #ff9900; }
		.f-contact li:nth-child(4) .li-icon { text-align: center; color: #fff; }
		.f-contact li:nth-child(4) h6 { text-align: center; color: #fff; }
}
@media screen and (min-width: 961px) {
	.f-contact { display: none; }
}
@media screen and (min-width: 768px) {
	.in-flex { display: flex; justify-content: space-between; align-items: center; margin: 0 0.5%; }
	.left-logo { width: 27%; margin-right: 1%; }
		.left-logo h1 { font-size: 10px; }
	.left-logo #h_logo { display: flex; justify-content: flex-start; align-items: center; }
		.left-logo #h_logo .company_name { font-size: 18px; }
		.left-logo #h_logo div { width: 35px; margin-right: 5px; }
	
	.center-nav { width: 36%; margin-right: 1%; }
	.center-nav nav { margin: 0px; }
		.center-nav ul { display: flex; justify-content: flex-end; flex-wrap: wrap; }
		.center-nav ul li { padding: 0px; border-left: none !important; border-right: none; font-size: 14px; margin-left: 2%; font-weight: bold; margin-top: 15px; }
		.center-nav ul li:firsr-child { margin-left: 0px; }
		.center-nav ul li span { display: none; }
		.center-nav ul li .fa-arrow-alt-circle-right { opacity: 0.3; }
		.center-nav ul li a         { resize: none; }
		.center-nav ul li a:link    { color:#000; text-decoration: none; }
		.center-nav ul li a:visited { color:#000; text-decoration: none; }
		.center-nav ul li a:hover   { color:#bc1548; text-decoration: none; }
		.center-nav ul li a:active  { color:#000; text-decoration: none; } 
	
		.tel-tap { display: flex; justify-content: flex-end; align-items: center; margin-bottom: 0px; font-weight: bold; }
		.tel-tap span.roboto { font-family: 'Roboto',sans-serif; color: #12a73b; font-weight: bold; font-size: 2.0rem; margin-left: 0.5%; line-height: 1.0; }
		.tel-tap span.roboto a         { resize: none; }
		.tel-tap span.roboto a:link    { color:#12a73b; text-decoration: none; }
		.tel-tap span.roboto a:visited { color:#12a73b; text-decoration: none; }
		.tel-tap span.roboto a:hover   { color:#12a73b; text-decoration: none; opacity: 0.7; }
		.tel-tap span.roboto a:active  { color:#12a73b; text-decoration: none; }
	
	.right-nav { width: 35%; }
	.right-nav .fluffy { text-align: center; margin-bottom: 5px; font-weight: bold; font-size: 0.9rem; color: #bc1548; }
	.right-nav .fluffy span { margin-right: 5px; background: #bc1548; color: #fff; padding: 1px 5px; font-size: 0.7rem; }
	
	.right-nav-flex { display: flex; justify-content: flex-end; }
	.right-nav-flex li { width: 32%; margin-left: 2%; border: 3px solid #dedede; padding: 5px 10px; border-radius: 6px; }
	.right-nav-flex li:nth-child(1) { margin-left: 0%; }
	.right-nav-flex li .in-li-flex { display: flex; justify-content: center; align-items: center; }
	.right-nav-flex li h6 { text-align: center; font-size: 0.8rem; margin-bottom: 5px; }
	.right-nav-flex li .li-L { font-size: 1.5rem; line-height: 1.0; margin-bottom: 0px; width: 24%; margin-right: 4%; text-align: center;}
	.right-nav-flex li .li-R { font-size: 0.7rem; width: 72%; }
	.right-nav-flex li .li-R p { margin-bottom: 0px; line-height: 1.4; font-size: 0.7rem; }
	.right-nav-flex li p { margin-bottom: 0px; }
	
	.right-nav-flex li:nth-child(1) { border: 3px solid #06c152; }
	.right-nav-flex li:nth-child(1) h6 { color: #fff; background: #06c152; }
	.right-nav-flex li:nth-child(1) .li-L { color:#06c152; font-size: 1.8rem; }
	
	.right-nav-flex li:nth-child(2) { border: 3px solid rgba(206,67,67,0.5); background: #ce4343; border-bottom: 3px solid #a11f1f;}
	.right-nav-flex li:nth-child(2) h6 { color: #ce4343; background: #fff; }
	.right-nav-flex li:nth-child(2) .li-L { color:#fff; }
	.right-nav-flex li:nth-child(2) .li-R { color:#fff; }
	
	.right-nav-flex li:nth-child(3) { border: 3px solid #ff9900; }
	.right-nav-flex li:nth-child(3) h6 { color: #fff; background: #ff9900; }
	.right-nav-flex li:nth-child(3) .li-L { color:#ff9900; }
}
@media screen and (min-width: 768px) and (max-width: 960px)  {
	.left-logo { width: 34%; margin-right: 1%; }
	.right-nav { width: 65%; }
	.right-nav-flex li .in-li-flex { display: block;  }
	.right-nav-flex li h6 { text-align: center; font-size: 0.7rem; margin-bottom: 5px; }
	.right-nav-flex li .li-L { font-size: 1.5rem; line-height: 1.0; margin-bottom: 10px; width: 100%; margin-right: 0%; text-align: center;}
	.right-nav-flex li .li-R { font-size: 0.7rem; width: 100%; }
	
	.left-logo #h_logo .company_name span { font-size: 1.1rem; }
	.left-logo #h_logo div { width: 25px; margin-right: 5px; }
}
@media screen and (min-width: 961px) and (max-width: 1024px)  {
	.left-logo { width: 34%; margin-right: 1%; }
	.center-nav { width: 22%; margin-right: 1%; }
	.right-nav { width: 40%; }
	.tel-tap { font-size: 0.8rem; }
	.tel-tap .teltel { display: none; }
	.tel-tap .xsmall { display: none; }
	.tel-tap span.roboto { font-size: 1.6rem; margin-left: 5px; }
	.right-nav-flex li h6 { font-size: 0.7rem; }
	.center-nav ul li { font-size: 13px; margin-top: 8px; width: inherit; } 
	
	.right-nav-flex li .in-li-flex { display: block;  }
	.right-nav-flex li h6 { text-align: center; font-size: 0.7rem; margin-bottom: 5px; }
	.right-nav-flex li .li-L { font-size: 1.5rem; line-height: 1.0; margin-bottom: 10px; width: 100%; margin-right: 0%; text-align: center;}
	.right-nav-flex li .li-R { font-size: 0.7rem; width: 100%; }
	
	.left-logo #h_logo .company_name span { font-size: 1.1rem; }
	.left-logo #h_logo div { width: 25px; margin-right: 5px; }
}
@media screen and (min-width: 1025px) and (max-width: 1259px)  {
	.left-logo { width: 34%; margin-right: 1%; }
	.center-nav { width: 24%; margin-right: 1%; }
	.right-nav { width: 40%; }
	.tel-tap { font-size: 0.8rem; }
	.tel-tap .teltel { display: none; }
	.tel-tap .xsmall { display: none; }
	.tel-tap span.roboto { font-size: 1.6rem; margin-left: 5px; }
	.right-nav-flex li h6 { font-size: 0.7rem; }
	.center-nav ul li { font-size: 13px; margin-top: 8px; } 
	
	.right-nav-flex li .in-li-flex { display: block;  }
	.right-nav-flex li h6 { text-align: center; font-size: 0.7rem; margin-bottom: 5px; }
	.right-nav-flex li .li-L { font-size: 1.5rem; line-height: 1.0; margin-bottom: 10px; width: 100%; margin-right: 0%; text-align: center;}
	.right-nav-flex li .li-R { font-size: 0.7rem; width: 100%; }
	
	.left-logo #h_logo .company_name span { font-size: 1.1rem; }
	.left-logo #h_logo div { width: 25px; margin-right: 5px; }
}
@media screen and (min-width: 1260px) and (max-width: 1480px)  {
	.left-logo { width: 30%; margin-right: 1%; }
	.center-nav { width: 28%; margin-right: 1%; }
	.right-nav { width: 40%; }
	.tel-tap { font-size: 0.8rem; }
	.tel-tap .xsmall { display: none; }
	.tel-tap span.roboto { font-size: 1.2rem; margin-left: 5px; }
	.right-nav-flex li h6 { font-size: 0.7rem; }
	.center-nav ul li { font-size: 13px; margin-top: 8px; } 
}

.lineBg { border: 3px solid #06c152; padding: 10px 40px; border-radius: 6px; margin-bottom: 80px; }
.lineBg h2.ttl01 { color:#06c152; font-weight: bold; }
.lineBg h6 { text-align: center; }
.lineBg h6 span { text-align: center; font-size: 1.1rem; background:#06c152; height: 50px; line-height: 50px; color: #fff; border-radius: 25px; padding: 0 20px; } 
.lineBg h5 { display: flex; justify-content: center; align-items: center; margin-bottom: 20px; padding-bottom: 20px; border-bottom: 3px dashed #06c152;  }
.lineBg h5 span .fa-line { font-size: 4.0rem; line-height: 1.0; color:#06c152; margin-right: 20px; }
.lineBg h5 span { font-size: 1.2rem; line-height: 1.4; }
.lineFlex { display: flex; justify-content: center; }
.lineFlex li { margin: 0 2%; }
.lineFlex li h4 { font-size: 1.2rem; text-align: center; }
.lineFlex li p { padding: 10px; background: #f9f8f2; font-weight: bold; }
@media screen and (max-width: 767px) {
	.lineBg h6 span { font-size: 0.9rem; }
	.lineBg .lineBg h2.ttl01 { font-size: 21px; }
	.lineBg h5 span { font-size: 1.0rem; line-height: 1.4; }
	.lineFlex { display: block;  }
}

/*swiper*/
.cardSlider-swiper-wrapper { margin-bottom: 20px; }
.cardSlider-swiper-slide { opacity: 0.2; }
.cardSlider-swiper-slide.swiper-slide-active { opacity: 1.0; }
.ba-box { display: flex; justify-content: center; margin-bottom: 20px;}
.exList .iraiTbl { width: 100%; margin-bottom: 20px; }
.exList .iraiTbl th { padding: 10px; color: #fff; text-align: center; vertical-align: middle; background: #275ba9; border: 1px solid #275ba9; font-size: 0.9rem; font-weight: normal; line-height: 1.2; }
.exList .iraiTbl td { padding: 10px; vertical-align: middle; border: 1px solid #275ba9; font-size: 1.05rem; background: #fff; } 

.ba-box .out-before { width: 30%; margin-right: 4%; }
.ba-box .before { border: 5px solid #f3e792; border-radius: 6px; width: 100%; height: auto; margin-bottom: 10px; position: relative;}
.ba-box .before:after { content: "\f101"; font-family: 'Font Awesome 5 Free'; font-weight: 900; position: absolute; top: 50%; transform: translateY(-50%); right: -55px; color: #ffa800; font-size: 5.0rem; z-index: 10; }
.ba-box .before img { border-radius: 2px; }
.ba-box .before .bText { content: ""; position: absolute; left: -3px; top: -3px; width: 0; height: 0; border-style: solid; border-width: 72px 72px 0 0; border-color: #f3e792 transparent transparent transparent; color: #275ba9; font-size: 0.8rem; }
.ba-box .before .bText span { transform: rotate(-45deg); font-family: 'Roboto',sans-serif; font-weight: bold; position: absolute; top: -55px; left: 3px;}

.ba-box .out-before table { width: 100%; margin-bottom: 20px; border-top: 1px solid #dedede; border-bottom: 1px solid #dedede; }
.ba-box .out-before table th { font-weight: normal; padding: 5px 10px; border-bottom: 1px dotted #dedede; font-size: 0.8rem; background: #f4f4f4; }
.ba-box .out-before table td { font-weight: bold; padding: 5px 10px; font-size: 1.05rem; border-bottom: 1px dotted #dedede; background: #fff; }
.ba-box .out-before table td span { font-size: 0.8rem; font-weight: normal; }

.ba-box .after { width: 66%; border: 5px solid #275ba9; border-radius: 6px; position: relative; }
.ba-box .after img { border-radius: 2px; }
.ba-box .after .aText { content: ""; position: absolute; left: -3px; top: -3px; width: 0; height: 0; border-style: solid; border-width: 100px 100px 0 0; border-color: #275ba9 transparent transparent transparent; color: #fff; }
.ba-box .after .aText span { transform: rotate(-45deg); font-family: 'Roboto',sans-serif; font-weight: bold; position: absolute; top: -80px; left: 8px; font-size: 1.1rem; }
.exList h3 { color: #6cb4e4; text-align: center; padding: 10px 20px; border-top: solid 2px #275ba9; border-bottom: solid 2px #275ba9; background: -webkit-repeating-linear-gradient(-45deg, #f0f8ff, #f0f8ff 3px,#e9f4ff 3px, #e9f4ff 7px); background: repeating-linear-gradient(-45deg, #f0f8ff, #f0f8ff 3px,#e9f4ff 3px, #e9f4ff 7px); margin-bottom: 20px; color: #275ba9; font-size: 1.3rem; }

.box_link_btn02 a { color:#FF6600; width:100%; height:40px; line-height:40px; border:#FF6600 1px solid; border-radius: 20px; display:block; text-align:center; margin:0 auto; background:#fff; font-size: 14px;}
.box_link_btn02 a:link    { color:#FF6600; text-decoration: none; }
.box_link_btn02 a:visited { color:#FF6600; text-decoration: none; }
.box_link_btn02 a:hover   { color:#fff; text-decoration: none; background:#FF6600; }
.box_link_btn02 a:active  { color:#FF6600; text-decoration: none; }

.exList ul.tagList { display: flex; justify-content: flex-start; flex-wrap: wrap; font-size: 0.7rem; color: #333;  }
.exList ul.tagList li { margin-right: 10px; font-size: 0.9rem; margin-bottom: 5px; background: none; padding: 0px; }
.exList ul.tagList li.time { font-family: 'Roboto',sans-serif; font-weight: bold; }

ul.exList02 li { margin-bottom: 40px; padding: 40px; background: #fffef4; border-radius: 8px; }

.exList.exList02 ul.tagList { display: flex; justify-content: flex-start; flex-wrap: wrap; font-size: 0.7rem; color: #333;  }
.exList.exList02 ul.tagList li { margin-right: 10px; font-size: 0.9rem; margin-bottom: 10px; background: none; padding: 0px; }
.exList.exList02 ul.tagList li.time { font-family: 'Roboto',sans-serif; font-weight: bold; }

.f-flex-ex { display: flex; justify-content: space-between; }
.f-flex-ex ul { width: 76%; margin-right: 4%; }
.f-flex-ex p { width: 20%; text-align: right; }
.f-flex-ex p a { color: #FF6600; }

@media screen and (max-width: 767px) {
	.ba-box { display: block; margin-bottom: 20px;}
	.ba-box .out-before { width: 60%; margin-right: 0%; }
	.ba-box .after { width: 96%; }
	.ba-box .before:after { content: "\f103"; font-family: 'Font Awesome 5 Free'; font-weight: 900; position: absolute; top: 83%; transform: translateY(0%); left: 0px; right: 0px; margin: 0 auto; color: #ffa800; font-size: 3.0rem; z-index: 10; text-align: center; }
	
	.exList h3 { font-size: 1.1rem; }
	
	.box_link_btn02 a { width:80%; height:25px; line-height:25px; border-radius: 15px; font-size: 12px;}
	
	.exList .sp table { width: 100%; margin-bottom: 20px; border-top: 1px solid #dedede; border-bottom: 1px solid #dedede; }
	.exList .sp table th { font-weight: normal; padding: 5px 10px; border-bottom: 1px dotted #dedede; font-size: 0.7rem; background: #f4f4f4; }
	.exList .sp table td { font-weight: bold; padding: 5px 10px; font-size: 0.9rem; border-bottom: 1px dotted #dedede; background: #fff; }
	.exList .sp table td span { font-size: 0.8rem; font-weight: normal; }
	
	.exList .iraiTbl th { font-size: 0.8rem; }
	.exList .iraiTbl td { font-size: 0.9rem; } 
	
	.exList ul li { font-size: 0.7rem; }
	
	#newT .box_link_btn a { width: 80%; margin: 0 auto; font-size: 0.9rem; }
	
	ul.exList02 li { margin-bottom: 20px; padding: 4%; background: #fffef4; border-radius: 8px; }
	
	.f-flex-ex { display: block; }
	
	.exList ul.tagList li { font-size: 0.8rem; }
	.f-flex-ex ul { width: 100%; margin-right: 0%; }
	.f-flex-ex p { width: 100%; text-align: left; }
	
	.exampleList li { margin-bottom: 20px; }
}
@media screen and (min-width: 768px) {
	.exampleList li { margin-bottom: 40px; }
}

.box_link_btn03 a { border: 1px solid #333; color: #333; }
.box_link_btn03 a:link    { color:#333; text-decoration: none; }
.box_link_btn03 a:visited { color:#333; text-decoration: none; }
.box_link_btn03 a:hover   { color:#fff; text-decoration: none; background:#333; }
.box_link_btn03 a:active  { color:#333; text-decoration: none; }
@media screen and (max-width: 767px) {
	.box_link_btn03 a { width: 80%; margin: 0 10%; }
}

#newT02 .swiper-button-prev:after {
    content: 'prev';
    color: rgba(155,155,155,0.9);
    border-radius: 25px;
    font-size: 1rem;
}
#newT02 .swiper-button-next:after {
    content: 'next';
    color: rgba(155,155,155,0.9);
    border-radius: 25px;
    font-size: 1rem;
}
#newT02 .swiper-button-prev,#newT .swiper-button-next {
    width: 50px;
	height: 50px;
	border-radius: 25px;
	background: rgba(187,187,187,0.5);
}
#newT02 .swiper-pagination-bullet { border-radius: 0px; width: 50px; height: 2px; background: #fff; }
@media screen and (max-width: 767px) {
	#newT02 .swiper-button-prev,#newT02 .swiper-button-next {
		width: 30px;
		height: 30px;
		border-radius: 15px;
		background: rgba(187,187,187,0.5);
	}
	#newT02 .swiper-button-prev { left: 5px; background: rgba(187,187,187,0.75); }
	#newT02 .swiper-button-next { right: 5px; background: rgba(187,187,187,0.75); }
	#newT02 .swiper-button-prev:after { color: rgba(85,85,85,0.9); font-size: 0.8rem; }
	#newT02 .swiper-button-next:after { color: rgba(85,85,85,0.9); font-size: 0.8rem; }
}
@media screen and (min-width: 1160px) {

}

@media screen and (min-width: 1025px) {
	#newT02 nav.nav02 ul li { padding: 5px 4.85%; }
}
@media screen and (max-width: 767px) {
	.catSearch { margin-bottom: 20px; }
	.catSearch .headCat { }
	.catSearch .headCat .catTtl { font-family: 'Roboto',sans-serif; color: #275ba9; font-weight: bold; font-size: 1.0rem; margin-bottom: 10px; text-align: center; }
	.catSearch .headCat .tabs { display: flex; justify-content: center; align-items: center; flex-wrap: wrap;  }
	.catSearch .headCat .tabs li.tabMenu { width: 49.5%; text-align: center; color: #275ba9; font-weight: bold; background: #edf4ff; border: 1px solid #96b4e1; height: 40px; line-height: 40px; border-bottom: none; }
	.catSearch .headCat .tabs li.tabMenu:nth-child(1),.catSearch .headCat .tabs li.tabMenu:nth-child(3) { border-right: none; }
	.catSearch .headCat .tabs li.tabMenu a { color: #000; display: block; }
	.catSearch .headCat .tabs li.tabMenu a:link    { color:#000; text-decoration: none; }
	.catSearch .headCat .tabs li.tabMenu a:visited { color:#000; text-decoration: none; }
	.catSearch .headCat .tabs li.tabMenu a:hover   { color:#fff; text-decoration: none; background:#275ba9; }
	.catSearch .headCat .tabs li.tabMenu a:active  { color:#000; text-decoration: none; }
	.catSearch .headCat .tabs li.tabMenu.selected { background:#275ba9; }
	.catSearch .headCat .tabs li.tabMenu.selected a { color: #fff; display: block; }
	.catSearch .headCat .tabs li .svg-inline--fa { margin-right: 5px;}
	
	.catSearch .catList { border: 2px solid #96b4e1; padding: 4% 4% 0; }
	.catSearch .catList ul { display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap; }
	.catSearch .catList li { margin-right: 1%; margin-bottom: 10px; }
	.catSearch .catList li a { color: #fff; display: block; border: 2px solid #dedede; min-width: 100px; text-align: center; height: 30px; line-height: 30px; border-radius: 30px; font-size: 0.8rem; padding: 0 10px;}
	.catSearch .catList li a:link    { color:#275ba9; text-decoration: none; }
	.catSearch .catList li a:visited { color:#275ba9; text-decoration: none; }
	.catSearch .catList li a:hover   { color:#ffa800; text-decoration: none; }
	.catSearch .catList li a:active  { color:#275ba9; text-decoration: none; }
	.catSearch .catList li a:after { content: "\f105"; font-family: "Font Awesome 5 Free"; font-weight: 900; margin-left: 5px;}
}
@media screen and (min-width: 768px) {
	.footer-nav-flex { display: flex; justify-content: flex-end; }
	.footer-nav-flex li { padding: 5px 10px; border-radius: 6px 6px 0 0; display: flex; align-items: center; }
	
	.footer-nav-flex li .in-li-flex { display: flex; justify-content: flex-start; align-items:center;}
	.footer-nav-flex li h6 { font-size: 0.9rem; margin-bottom: 0px; }
	.footer-nav-flex li .li-L { line-height: 1.0; margin-bottom: 0px; margin-right: 10%; }

	.footer-nav-flex li p { margin-bottom: 0px; }
	
	.footer-nav-flex li:nth-child(1) { border: 3px solid #fff; order: 2; width: 50%; margin-right: 1%; background: #ff9900; border-radius: 6px 6px 6px 6px; padding: 0px 0px; }
	.footer-nav-flex li:nth-child(1) .no-anim { width: 100%;}
	.footer-nav-flex li:nth-child(1) .li-L { font-size: 0.9rem; font-weight: normal; width: 26%; line-height: 1.5; color: #fff; margin-right: 4%; padding: 10px 10px; background: #ff6a00; position: relative; }
	.footer-nav-flex li:nth-child(1) .li-L:after { content: ""; width: 0; height: 0; border-style: solid; border-width: 15px 0 15px 15px; border-color: transparent transparent transparent #ff6a00; position: absolute; right: -15px; top: 50%; transform: translateY(-50%);}
	.footer-nav-flex li:nth-child(1) .li-R { width: 69%; padding-left: 1%; }
	
	.footer-nav-flex li:nth-child(2) { border: 3px solid #4ba36f; order: 1; width: 23%; margin-right: 1%; background: #06c152; border-bottom: 5px solid #105f30; }
	.footer-nav-flex li:nth-child(2) h6 { color: #fff; font-size: 0.9rem; word-break: keep-all; }
	.footer-nav-flex li:nth-child(2) .li-L { font-size: 3.0rem; }
	.footer-nav-flex li:nth-child(2) .li-L .fa-line { color: #fff; }
	
	.footer-nav-flex li:nth-child(3) { border: 3px solid #4f82b7; order: 3; width: 23%; background: #429efd; border-bottom: 5px solid #185593; }
	.footer-nav-flex li:nth-child(3) h6 { color: #fff; word-break: keep-all;  }
	.footer-nav-flex li:nth-child(3) .li-L { font-size: 2.0rem; }
	.footer-nav-flex li:nth-child(3) .li-L .fa-laptop { color: #fff; }
	
	.footer-nav-flex li:nth-child(4) { border: 3px solid #ff9900; }
	.footer-nav-flex li:nth-child(4) h6 { color: #fff; background: #ff9900; font-size: 1.0rem; }
	.footer-nav-flex li:nth-child(4) .li-L { color:#fff; }
	
	.f-tel-tap02 { text-align: left; font-size: 2.1rem; color: #fff; line-height: 1.0; word-break: keep-all;  }
	
	.f_pc_bnr .fluffy { color: #fff; text-align: right; font-size: 1.1rem;}
	
	.f_bnr_women { position: absolute; top: -40px; left: -110px; }
	
	.catSearch { margin-bottom: 40px; }
	.catSearch .headCat { display: flex; justify-content: space-between; align-items: center;  }
	.catSearch .headCat .catTtl { font-family: 'Roboto',sans-serif; color: #275ba9; font-weight: bold; width: 18%; margin-right: 2%; font-size: 1.2rem; height: 50px; line-height: 50px; margin-bottom: 0px; }
	.catSearch .headCat .tabs { width: 80%; display: flex; justify-content: flex-end; align-items: center;  }
	.catSearch .headCat .tabs li.tabMenu { width: 25%; text-align: center; color: #275ba9; font-weight: bold; background: #edf4ff; border: 2px solid #96b4e1; height: 50px; line-height: 50px; border-bottom: none; }
	.catSearch .headCat .tabs li.tabMenu:nth-child(1),.catSearch .headCat .tabs li.tabMenu:nth-child(2),.catSearch .headCat .tabs li.tabMenu:nth-child(3) { border-right: 1px solid #96b4e1; }
	.catSearch .headCat .tabs li.tabMenu a { color: #000; display: block; }
	.catSearch .headCat .tabs li.tabMenu a:link    { color:#000; text-decoration: none; }
	.catSearch .headCat .tabs li.tabMenu a:visited { color:#000; text-decoration: none; }
	.catSearch .headCat .tabs li.tabMenu a:hover   { color:#fff; text-decoration: none; background:#275ba9; }
	.catSearch .headCat .tabs li.tabMenu a:active  { color:#000; text-decoration: none; }
	.catSearch .headCat .tabs li.tabMenu.selected { background:#275ba9; }
	.catSearch .headCat .tabs li.tabMenu.selected a { color: #fff; display: block; }
	.catSearch .headCat .tabs li .svg-inline--fa { margin-right: 5px;}
	
	.catSearch .catList { border: 2px solid #96b4e1; padding: 2% 4%; width: 91.7%; }
	.catSearch .catList ul { display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap; }
	.catSearch .catList li { margin-right: 1%; }
	.catSearch .catList li a { color: #fff; display: block; border: 2px solid #dedede; min-width: 135px; text-align: center; height: 40px; line-height: 40px; border-radius: 40px; padding: 0 10px; }
	.catSearch .catList li a:link    { color:#275ba9; text-decoration: none; }
	.catSearch .catList li a:visited { color:#275ba9; text-decoration: none; }
	.catSearch .catList li a:hover   { color:#ffa800; text-decoration: none; }
	.catSearch .catList li a:active  { color:#275ba9; text-decoration: none; }
	.catSearch .catList li a:after { content: "\f105"; font-family: "Font Awesome 5 Free"; font-weight: 900; margin-left: 5px;}
}
@media screen and (min-width: 961px) and (max-width: 1024px) {
	.footer-nav-flex li h6 { font-size: 0.8rem; }
	.footer-nav-flex li:nth-child(1) .li-L { font-size: 0.7rem; }
	.footer-nav-flex li:nth-child(2) .li-L { font-size: 2.0rem; margin-right: 6%; }	
	.footer-nav-flex li:nth-child(3) .li-L { font-size: 1.8rem; margin-right: 6%; }	
	.f-tel-tap02 { text-align: left; font-size: 2.0rem; color: #fff; line-height: 1.0; word-break: keep-all;  }
}

footer { background: rgba(206,67,67,0.9); }
.exList ul.tagList li:before { content: "#";}
.exList ul.tagList li:nth-child(1):before,.exList ul.tagList li:nth-child(2):before { display: none; }

.fluffy { width: 100%; height: auto; animation: fluffy1 3s ease infinite; }
@keyframes fluffy1 {
  0% { transform:translateY(0) }
  5% { transform:translateY(0) }
  10% { transform:translateY(0) }
  20% { transform:translateY(-15px) }
  25% { transform:translateY(0) }
  30% { transform:translateY(-15px) }
  50% { transform:translateY(0) }
  100% { transform:translateY(0) }
}