@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 (max-width: 767px) {

	#newT header .left-logo h1 { font-size: 10px; margin-bottom: 0px; }

	#newT header #h_logo { display: flex; justify-content: center; padding: 5px 0; float: none; width: 100%; }

}

@media screen and (max-width: 960px) {

	#newT footer { }

	.f-contact { position: fixed; left: 0; bottom: 0px; width: 100%; 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!important; }

		.f-contact li:nth-child(1) h6 { text-align: center; color: #000!important;  }

	

	.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) {

	#newT header { box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.1); overflow: hidden; padding:10px 0 10px; position: fixed; top: 0; left: 0px; width: 100%; z-index: 100; background: #fff;}

	.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; }

	

	#newT header.is-animation { padding: 5px 0 5px; }

	#newT header.is-animation nav { display: none;  }

	#newT header.is-animation h1 { margin-bottom: 5px; }

		#newT header.is-animation .left-logo #newT header.is-animation  { font-size: 1.1rem;; }

		#newT header.is-animation .left-logo #h_logo div { width: 25px; margin-right: 5px; }

	#newT header.is-animation .tel-tap { font-size: 0.8rem; }

	#newT header.is-animation .tel-tap .xsmall { display: none; }

	#newT header.is-animation .tel-tap .teltel { display: none; }

	

	#newT header .right-nav-flex li .no-anim { display: block; }

	#newT header.is-animation .right-nav-flex li .no-anim { display: none; }

	#newT header .right-nav-flex li .anim { display: none; }

	#newT header.is-animation .right-nav-flex li .anim { display: block; }

	

	#newT header.is-animation .right-nav-flex li h6 { margin-bottom: 0px; }

	#newT header.is-animation .right-nav-flex li:nth-child(1) { background:#06c152; border-bottom: 3px solid #00973d; }

	#newT header.is-animation .right-nav-flex li:nth-child(2) { background:#ce4343; }

	#newT header.is-animation .right-nav-flex li:nth-child(3) { background:#ff9900; border-bottom: 3px solid #db8400; }

	

	#newT header.is-animation .right-nav-flex li:nth-child(1) .li-L { color: #fff; }

	#newT header.is-animation .right-nav-flex li:nth-child(2) .li-L { color: #fff; }

	#newT header.is-animation .right-nav-flex li:nth-child(2) h6 { color: #fff; background: none; }

	#newT header.is-animation .right-nav-flex li:nth-child(3) .li-L { color: #fff; }

	

	#newT .contact_bg { padding-bottom: 20px;}

	

	#newT .headline { margin-bottom: 40px;}

	#newT section { margin-bottom: 40px;}

	#newT section:nth-child(1) { padding-bottom: 0px; margin-bottom: 0px; } 

}

@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; }

	

	#newT header nav { background: #bd1548; }

	#newT header nav ul { display: flex; justify-content: center; }

	#newT header nav ul li { width: 20%; }

	#newT header nav ul li img { width: 60%; margin: 0 auto; }

}

@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: 100%; }

	.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; }

}

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

}



.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: 66%; padding-left: 2%; }

	

	.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.8rem; }

	.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.2rem; color: #fff; line-height: 1.0; word-break: keep-all;  }

	

	.footer-nav-flex li:nth-child(1) .li-L { font-size: 0.8rem; }

	.f-tel-tap02 { text-align: left; font-size: 2.0rem; }



#newT02 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) }

}





.blog_content table { width: 100%; margin: 0 auto 20px; }

.blog_content table th { padding:10px; background: #fff; border: 1px solid #dedede; }

.blog_content table td { padding:10px; background: #fff; border: 1px solid #dedede; }

.blog_content img.aligncenter {

    display: block;

    margin: 0 auto;

}



/* ブログカード */
.customize-support{
 .blogcard-wrap {
    display: flex;
    gap: 20px;
    margin-inline: auto;
	margin-bottom: 30px;
    padding-bottom: 8px;
	background-color: #ffffff;
    padding: 8px;
	 h4.b-title {
	 font-size: 18px;
	 }
}
a.blogcard-wrap:hover,
.blogcard-wrap:hover * {
    text-decoration: none;
    opacity: 0.9;
}
@media screen and (max-width: 600px) {
	.blogcard-wrap {
	 flex-direction: column;
	}
 }
}

/* モバイルハンバーガーメニュー */

.wpb{
scroll-behavior: smooth;
	.hamburger {
  display: none;
  border: none;
  background: none;
  cursor: pointer;
  padding: 0;
  width: 40px;
  height: 38px;
  position: relative;
  z-index: 1001;
  margin-left: 6px;
}

@media (max-width: 768px) {
  .hamburger {
    display: block;
  }
}

.hamburger-line {
  display: block;
  width: 100%;
  height: 2px;
  background-color: #333;
  position: absolute;
  transition: all 0.3s;
}

.hamburger-line:nth-child(1) {
  top: 0;
}

.hamburger-line:nth-child(2) {
  top: 50%;
  transform: translateY(-50%);
}

.hamburger-line:nth-child(3) {
  bottom: 0;
}

/* ハンバーガーメニューがアクティブな時 */
.hamburger.is-active .hamburger-line:nth-child(1) {
  transform: translateY(20px) rotate(45deg);
}

.hamburger.is-active .hamburger-line:nth-child(2) {
  opacity: 0;
}

.hamburger.is-active .hamburger-line:nth-child(3) {
  transform: translateY(-16px) rotate(-45deg);
}
.sp-menu-wrap {
    display: none;
}

	@media screen and (max-width: 767px) {
		header {
    position: fixed;
    width: 100%;
    z-index: 9999;
	background-color: white;
    }
		#h_logo {
			float: left;
			width: 67%; 
		}
			#h_contact {
			float: right;
			width: 33%;
			display: flex;
		}
		 #content {
        margin: 90px 2% 40px;
       }
	.sp_tab-head {
		display: flex;
	}
}
 .sp-menu-wrap{
display:none;
	 @media screen and (max-width: 767px) {
		 display: block;
	.new-sp-menu {
		z-index: 999;
		display: none;
		@media screen and (max-width: 1000px) {
		    display: flex;
            align-items: center;
		}
	}
	.new-sp-menu img {
		width: 40px;
		height: 40px;
		cursor: pointer;
		padding-left: 8px;
	}
/* スマホメニュー */
.sp-menu {
  position: fixed;
  top: 102px;
  bottom: 0px;
  left: 0;
  width: 100%;
  height: calc(100vh - 102px);
  background-color: #fff;
  transform: translateX(100%);
  transition: transform 0.3s ease-in-out;
  z-index: 1000;
  overflow-y: auto;
	ul{
		height: auto;
	}
}

.sp-menu.is-active {
  transform: translateX(0);
}
	.burger-close {
		display: none; /* 初期状態で非表示 */
	}
	.head-menu-wrap {
	position: relative;
	}
	.sp-menu-child {
		display: none; /* 初期状態で非表示 */
		position: absolute;
			top: 80px;
			left: 10vw;
			width: 90vw;
			background-color: #fff;
			box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
			z-index: 998;
			height: 200vh;
			padding-top: 30px;
			opacity: 0.9;
	  }
	
	.sp-menu-child ul {
		list-style: none;
		margin: 0;
		padding: 0;
		display: flex;
		flex-direction: column;
	}
	
	.sp-menu-child ul a {
		text-decoration: none;
	}
	
	 .sp-menu-child ul {
		li {
		padding: 15px;
		border-bottom: 1px solid #ddd;
		text-align: left;
		font-size: 16px;
		color: black;
		float: none !important;
		margin-left: 0%!important;
		box-sizing: border-box;
		width: 100%!important;
	    }	 
	 }
	
	.sp-menu-child ul li:hover {
		background-color: #f4f4f4;
	}
	.sp-menu-toc {
    display: flex;
    flex-direction: column;
	height: 350px;
		a{
			padding: 16px;
			font-size: 16px;
			border: 0.5px solid #ddd;
		}
    }
	.new-sp-menu.active .burger-open {
		display: none; /* メニューオープンアイコン非表示 */
	}
	
	.new-sp-menu.active .burger-close {
		display: block; /* メニュークローズアイコン表示 */
	}
	
	.new-sp-menu.active .sp-menu-child {
		display: block; /* メニューを表示 */
	}
	.sp-ul {
    min-height: 900px;
    }
		ul.sp_tab-head {
		display: flex;
	}
	div#h_contact {
		display: flex;
	}
	.t-visit{
text-align: center;
padding: 36px 0 36px 0;
 h2{
 color: black;
 font-size: 20px;
 }
 .visit-button{
  position: relative;
  margin-inline: auto;
  margin-top: 12px;
  &:has(.line){
  >span{
	color: #08C656;
  }
  }
  &:has(.tel){
	>span{
	  color: #E6652D;
	}
  }
  &:has(.web){
	>span{
	  color: #309CD7;
	}
  }
  button{
  width: clamp(300px, 90%, 560px);
  padding: 22px 40px;
  text-align: center;
  color: white;
  margin-top: 32px;
  border-radius: 32px;
  border: none;
  position: relative;
  font-weight: 700;
  letter-spacing: 0.5px;
  font-size: 16px;
  border-radius: 40px;
  &:hover{
	cursor: pointer;
	transform: translateY(6px);
	transition: transform 0.3s ease;
    box-shadow: none;
  }
  &::after{
  position: absolute;
  content: "";
  background-image: url("/wp-content/uploads/2025/01/right-ungle.png.webp");
  width: 20px;
  height: 20px;
  background-size: contain;
  background-repeat: no-repeat;
  right: 10px;
  }
  &::before{
  position: absolute;
  content: "";
  width: 36px;
  height: 36px;
  background-size: contain;
  background-repeat: no-repeat;
  left: 20px;
  bottom: 16px;
	}
  }
  .line{
	background-color: #08C656;
	box-shadow: 0px 5px 0px #30693f;
	  &::before{
	  background-image: url("/wp-content/uploads/2025/01/line-icon.webp");
	  }
  }
  .tel{
   background: linear-gradient(50deg, #E6652D 50%, #FFA400);
   box-shadow: 0px 5px 0px #6f4003;
   &::before{
	background-image: url("https://door.giogiozone.com/wp-content/uploads/2025/01/tel.webp");
	}
  }
  .web{
	background: linear-gradient(50deg, #309CD7 50%, #30B9D7);
	box-shadow: 0px 5px 0px #024059;
	&::before{
		background-image: url("https://door.giogiozone.com/wp-content/uploads/2025/01/web.webp");
		}
  }
  span{
	position: absolute;
	width: 220px;
    left: calc(50% - 100px);
    background-color: #ffffff00;
    top: 8px;
    border-radius: 6px;
	z-index: 1;
	color: black !important;
  }
  hr {
	position: absolute;
    width: 20px;
    height: 18px;
    clip-path: polygon(50% 55%, 0 0, 100% 0);
    background-color: white;
    bottom: 35px;
    left: calc(50% - 10px);
    z-index: 1;
    border: none;
    color: white;
    }
 }
}
@media screen and (min-width: 1024px) {
 .t-visit {
   .visit-button-wrap {
	 display: flex;
  }
  .visit-button{
	width: 100%;
  }
 }
}
	.service-areas-accordion {
    width: 100%;
    border: 1px solid #ddd;
		span, .area-item{
			font-size: 16px;
		}
		.area-item {
			padding: 15px;
			padding-left: 16px;
			border-bottom: dotted 1px #ddd;
		}
   }

.accordion-header {
    width: 100%;
    padding: 15px;
    background: #fff;
    border: none;
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
}

.accordion-header .arrow {
    transition: transform 0.3s;
}

.accordion-header.active .arrow {
    transform: rotate(180deg);
}

.accordion-content {
    overflow: hidden;
    transition: 0.3s ease-out;
	max-height: 0;
}

.accordion-content.active {
	overflow: visible;
	max-height: 100%;
}

.accordion-content ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.accordion-content li {
    padding: 10px 15px;
    border-top: 1px solid #eee;
}
.accordion-content li:hover {
    background: #f5f5f5;
   }
  }
 }
}