@charset "utf-8";
	
	/*lan_agency_style*/
	.bread_list{display:flex;flex-flow:row wrap;list-style:none;gap:0 8px;color:#666;font-size:1.4rem;margin:0;}
	.bread_list li{display:block;width:fit-content;}
	.bread_list li a,.bread_list li a:visited{color:#fff;}
	.bread_list li a::after{content:"＞";}
	
	#lan_age_title{width:100%;position:relative;}
	#lan_age_title .wrap{display:flex;flex-flow:column wrap;align-items:center;gap:1em 0;position:relative;z-index:5;min-height:40vh;}
	#lan_age_title #bread_wrap{position:relative;z-index:5;}
	#lan_age_main-image{position:absolute;z-index:1;top:0;left:0;width:100%;height:100%;overflow:hidden;}
	#lan_age_main-image img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;}
	#lan_age_main-image::after{content:"";display:block;width:100%;background:linear-gradient(transparent,#fff);height:200px;position:absolute;z-index:2;bottom:0;left:0;}
	
	#lan_age_title h1{display:block;width:fit-content;box-sizing:border-box;font-size:2.4rem;color:#fff;background:#000b5dbd;text-align:center;padding:0.5em;animation:bottomslidein 1.5s cubic-bezier(0, 1.36, 1, 1) ;}
	
	@keyframes bottomslidein{
		0%{opacity:0;transform:translateY(100vh);}
		80%{opacity:1;transform:translateY(0);}
	}
	@keyframes picon{
		5%,95%{box-shadow:0 0 5px 3px #fff;}
		30%,80%{box-shadow:0 0 5px 3px #fff, 0 0 30px 3px #fff580;}
	}
	@keyframes buruburu{
		10%,30%,50%,70%{transform:rotate(3deg);}
		20%,40%,60%,80%{transform:rotate(-3deg);}
	}
	.bread_list .lp_agency_name{display:flex;flex-flow:row wrap;}
	.bread_list .lp_agency_name01{order:4;}
	.bread_list .lp_agency_name02{order:1;margin-right:0.8em;}
	.bread_list .lp_agency_name03{order:3;}
	.bread_list .lp_agency_name04{order:2;}
	.bread_list .lp_agency_name05,
	.bread_list .lp_agency_name06{display:none;}
	
	h1 .lp_agency_name{display:grid;grid-template-rows:repeat(2,auto);grid-template-columns:repeat(3, auto);place-content:center;grid-gap:10px 0;}
	h1 .lp_agency_name01{display:block;width:fit-content;grid-row:2;grid-column:3;color:#ff0;}
	h1 .lp_agency_name02{display:block;width:fit-content;grid-row:1;grid-column:1 / 4;font-size:4.0rem;border-bottom:3px solid #fff;}
	h1 .lp_agency_name03{display:block;width:fit-content;grid-row:2;grid-column:2;}
	h1 .lp_agency_name04{display:block;width:fit-content;grid-row:2;grid-column:1;}
	h1 .lp_agency_name05,
	h1 .lp_agency_name06,
	h1 .lp_agency_name br{display:none;visibility:none;}
	
	#lan_age_lead-text{display:block;width:800px;box-sizing:border-box;max-width:100%;padding:1em;font-weight:bold;color:#fff;text-shadow:1px 1px 0 #19236e,-1px -1px 0 #19236e,1px -1px 0 #19236e,-1px 1px 0 #19236e,1px 1px 0 #19236e,2px 2px 2px #19236e,-1px -1px 2px #19236e,1px -1px 1px #19236e,-1px 1px 0 #19236e,1px 1px 1px #19236e;text-align:center;}
	#lan_age_lead-text span{display:inline-block;}
	#lan_age_inpage-nav{display:flex;flex-flow:row wrap;gap:0 20px;justify-content:center;padding-bottom:100px;}
	#lan_age_inpage-nav a{display:block;width:fit-content;color:#fff;font-weight:bold;border-radius:3px;box-sizing:border-box;padding:1em;text-align:center;}
	#lan_age_inpage-nav a::after{content:"＞";display:block;width:1em;height:1em;line-height:1;transform:rotate(90deg);margin:0 auto;}
	#lan_age_inpage-nav a:first-child{background:#0088e8bd;animation:picon 1s ease-in 1s;}
	#lan_age_inpage-nav a:nth-of-type(2){background:#ff6a00bd;animation:picon 3s ease-in 2s;}
	#lan_age_inpage-nav a:hover{animation:buruburu 1.5s  ease;}
	
	
	.lan_agency .text p{margin:0.8em 0;}
	.lan_age_tech{background:#dcf6ff;}
	.lan_age_tech .text{margin:1.8em 0;}
	.lan_age_tech .table_simple{background:#fff;width:100%;}
	
	.lan_age_tech_img3{display:flex;flex-flow:row wrap;gap:20px;justify-content:center;padding:1em 0;}
	.lan_age_tech_img3 a{display:block;width:fit-content;height:auto;max-width:calc((100% - 40px) / 3);aspect-ratio:1 / 0.75;}
	.lan_age_tech_img3 a img{width:100%;height:100%;object-fit:cover;}
	.lan_age_tech_img3 a:nth-of-type(1) img{box-shadow:6px 6px 0 -1px #19236e;}
	.lan_age_tech_img3 a:nth-of-type(2) img{box-shadow:6px 6px 0 -1px #ff6a00;}
	.lan_age_tech_img3 a:nth-of-type(3) img{box-shadow:6px 6px 0 -1px #dcf43a;}
	
	.lan_age_tech_imgmenu{margin-top:50px;}
	.lan_age_tech_imgmenu a{position:relative;}
	.lan_age_tech_imgmenu a img{display:block;position:relative;z-index:1;}
	.lan_age_tech_imgmenu a strong{display:block;position:absolute;z-index:2;background:#0088e8;color:#fff;border-radius:50%;top:-35px;left:0;text-align:center;padding:1em;box-sizing:border-box;width:6em;}
	
	.lan_age_tech_tit01{display:flex;flex-flow:row wrap;gap:0 15px;align-items:center;background:linear-gradient(to right, transparent 50px,#fff 50px);border-radius:0 10px 10px 0;margin:2em 0 1em;}
	.lan_age_tech_tit01 span{display:block;width:100px;height:85px;order:1;border-radius:50%;overflow:hidden;}
	.lan_age_tech_tit01 span img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;}
	.lan_age_tech_tit01 h3{width:calc(100% - 120px);order:2;}
	.lan_age_tech_tit02{display:flex;flex-flow:row wrap;gap:0 5px;align-items:center;}
	.lan_age_tech_tit02 img{display:block;width:60px;height:60px;order:1;}
	.lan_age_tech_tit02 strong{display:block;width:fit-content;max-width:calc(100% - 65px);font-size:120%;order:2;border-bottom:5px dashed #fbca5b;box-sizing:border-box;padding:0 0.5em;margin:2em 0 1em;}
	.lan_age_tech_tit03{display:grid;grid-template-rows:auto 1fr;grid-template-columns:auto auto;grid-gap:10px 20px;width:100%;position:relative;margin:0 0 30px;padding:120px 0 80px;place-content:center;}
	.lan_age_tech_tit03 h2{grid-row:1 / 3;grid-column:1;background:#fff;width:fit-content;box-sizing:border-box;padding:0.3em 1em;position:relative;z-index:5;display:flex;align-items:center;}
	.lan_age_tech_tit03 p.lead-text{grid-row:1;grid-column:2;color:#fff;font-weight:bold;position:relative;z-index:5;text-shadow:1px 1px 0 #0088e8,-1px -1px 0 #0088e8,1px -1px 0 #0088e8,-1px 1px 0 #0088e8,1px 1px 0 #0088e8,2px 2px 2px #0088e8,-1px -1px 2px #0088e8,1px -1px 1px #0088e8,-1px 1px 0 #0088e8,1px 1px 1px #0088e8;}
	.lan_age_tech_tit03 ul{grid-row:2;grid-column:2;display:flex;flex-flow:row wrap;gap:10px;position:relative;z-index:5;}
	.lan_age_tech_tit03 .img{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;}
	.lan_age_tech_tit03 .img img{display:block;opacity:0.6;filter:blur(2px) contrast(1.5);width:100%;height:100%;object-fit:cover;object-position:center;}
	.lan_age_tech_tit03 hr.wavyline03{position:absolute;z-index:2;top:-20px;left:0;}
	.lan_age_tech_tit03 li{display:block;width:fit-content;}
	.lan_age_tech_tit03 li a{display:block;background:#fff;border-radius:5px;color:#0088e8;box-sizing:border-box;line-height:1;padding:0.3em 0.5em;}
	.lan_age_tech_tit03 li a:visited{color:#0088e8;}
	.lan_age_tech_tit03 li a:hover{transform:translate(2px,2px);}
	
	.lan_age_catch{display:flex;flex-flow:row wrap;font-size:125%;font-weight:bold;color:#5a77f9;align-items:center;gap:0 10px;}
	.lan_age_catch::before{content:"";display:block;width:3em;height:3em;background:url("/images/landing/daikou_layout_titicon.webp") no-repeat center;background-size:contain;}
	.lan_age_catch::after{content:"";display:block;flex:1 0 auto;height:3px;border-radius:3px;background:#5a77f9;}
	
	
	.lan_age_tab_menu{display:flex;flex-flow:row wrap;gap:0 10px;}
	.lan_age_tab_menu li{width:fit-content;border-radius:3px 3px 0 0;box-sizing:border-box;background:#fff;color:#0088e8;border:solid #0088e8;border-width:2px 2px 0 2px;cursor:pointer;}
	.lan_age_tab_menu li.active{font-size:120%;font-weight:bold;background:#0088e8;color:#fff;}
	.lan_age_tab{display:none;box-sizing:border-box;border:2px solid #0088e8;background:#fff;padding:1em 1em 1.5em;position:relative;}
	.lan_age_tab.active{display:block;}
	#lan_age_tech_mainte .lan_age_tab_menu li{display:flex;flex-flow:row wrap;align-items:center;padding:0.3em 0.5em;}
	#lan_age_tech_mainte .lan_age_tab{border-radius:0 5px 5px 5px;}
	
	.lan_age_tab_table{border-collapse:collapse;width:fit-content;min-width:fit-content;margin-top:1em;}
	.lan_age_tab_table tbody th,
	.lan_age_tab_table tbody td{box-sizing:border-box;padding:10px;border:1px solid #0088e8;}
	.lan_age_tab_table thead{background:#0eb4ff;color:#fff;}
	.lan_age_tab_table thead td{box-sizing:border-box;border:1px solid #0088e8;padding:0 0 0 1em;}
	.lan_age_tab_table tbody tr:nth-child(even){background:#deffff;}
	.lan_age_tab_table thead td:nth-of-type(2){min-width:200px;}
	
	.lan_age_checklist{display:block;width:100%;margin:2em 0 0.5em;}
	.lan_age_checklist dt{display:flex;flex-flow:row wrap;justify-content:space-between;align-items:center;cursor:pointer;width:100%;box-sizing:border-box;padding:0.5em 1em;background:#fff;margin-top:0.5em;}
	.lan_age_checklist dt::after{content:"＞";display:block;width:1em;height:1em;line-height:1;transform:rotate(90deg);}
	.lan_age_checklist dt.ok::after{content:"OK";transform:rotate(0deg);width:2em;color:#0088e8;}
	.lan_age_checklist dd{display:none;box-sizing:border-box;padding:1em;background:#e0e1f1;}
	.lan_age_checklist dd.active{display:block;}
	.lan_age_checklist dd .text{display:none;box-sizing:border-box;padding:1em;border-radius:1em;background:#ffffff85;margin:0;}
	.lan_age_checklist dd .text.open{display:block;}
	.lan_age_check_btns{display:flex;flex-flow:row wrap;gap:0 10px;justify-content:center;margin:0.8em 0;}
	.lan_age_check_btns button{display:block;width:fit-content;border:none;padding:0.3em 0.5em;border-radius:3px;cursor:pointer;color:#fff;}
	.lan_age_checkbtn_ok{background:#0088e8;}
	.lan_age_checkbtn_ng{background:#ff6a00;}
	#checklist_reset{display:block;width:fit-content;box-sizing:border-box;padding:0.3em 0.5em;border-radius:5px;background:#0088e8;color:#fff;margin:10px 0 0 auto;cursor:pointer;}
	
	.lan_age_layout_style{display:grid;grid-template-columns:50% 1fr;grid-template-rows:auto 1fr auto;margin:2em 0;background:#fff;}
	.lan_age_layout_style .title{grid-row:1;grid-column:2;box-sizing:border-box;padding:0.5em 0 0;text-align:center;font-size:125%;}
	.lan_age_layout_style .img_aspect106{grid-row:1 / 3;grid-column:1;}
	.lan_age_layout_style .text{grid-row:2;grid-column:2;margin:0;padding:0 1em;}
	.lan_age_layout_style .items{grid-row:3;grid-column:1 / 3;display:flex;flex-flow:row wrap;gap:8px;box-sizing:border-box;padding:10px 20px;background:#ebebeb;}
	.lan_age_layout_style .items li{width:calc(20% - 6.5px);max-width:200px;flex:0 0 auto;border-radius:5px;background:#fff;box-sizing:border-box;padding:0 0 5px;overflow:hidden;}
	
	.lan_age_mainte{background:linear-gradient(#0ad0e9, #abd7c9, #fff);}
	.lan_age_mainte_tit01{display:block;width:fit-content;max-width:100%;box-sizing:border-box;padding:0.3em 1.5em;border-radius:5px;background:#ffffffbd;margin:1em auto;}
	.lan_age_mainte table,
	.lan_age_layout table{width:100%;background:#fff;}
	
	.lan_age_slide{width:calc(22.5vw - 3px);}
	.lan_age_slide_wide{width:calc(45vw - 3px);}
	.lan_age_slide img,.lan_age_slide_wide img{display:block;width:100%;}
	.lan_age_slide .text,.lan_age_slide_wide .text{box-sizing:border-box;padding:0.5em 1em;background:#fff;}
	
	.lan_age_layout{background:linear-gradient(#2196F3, #9adcef, #fff);}
	.lan_age_before-after{display:flex;flex-flow:row wrap;background:#fff;gap:0 4px;}
	.lan_age_before-after span{display:block;width:calc(50% - 2px);position:relative;overflow:hidden;}
	.lan_age_before-after span:nth-of-type(1)::before{content:"Before";background:#0088e8;}
	.lan_age_before-after span:nth-of-type(2)::before{content:"After";background:#ff6400;}
	.lan_age_before-after span::before{display:block;color:#fff;font-weight:bold;position:absolute;top:0;left:0;z-index:5;box-sizing:border-box;padding:0.3em 0.5em;border-radius:0 0 5px 0;}
	.lan_age_before-after span img{position:relative;z-index:1;}
	
	.lan_age_tech_flex{margin-top:1em;}
	.lan_age_tech_flex li{background:#fff;border-radius:10px;overflow:hidden;}
	.lan_age_tech_flex li img{display:block;width:100%;}
	.lan_age_tech_flex .text{padding:0.5em 1em;margin:0;}
	
@media screen and (min-width:2000px){
#lan_age_layout_new .lan_age_slide_wide{width:calc(22.5vw - 3px);}
}
@media screen and (max-width:768px){
	.bread_list .lp_agency_name{flex-flow:row nowrap;}
.lan_age_tab{overflow-x:auto;}
.lan_age_tab table{width:fit-content;min-width:fit-content;white-space:nowrap;position:relative;z-index:1;}
.lan_age_tab::before{content:"横にスクロール→";display:block;width:fit-content;color:#0088e8;font-size:1.4rem;position:absolute;top:3px;right:5px;z-index:2;}	
	#lan_age_layout_side .flexlist_img{width:100%;text-align:center;}
	#lan_age_layout_side .flexlist_txt{width:100%;}
	.lan_age_tech_flex li.flexlist_w4{width:calc(50% - 8px);}
	.lan_age_layout_style .title{display:flex;align-items:center;justify-content:center;background:#ebebeb;}
	.lan_age_layout_style .img_aspect106{grid-row:1;grid-column:1;}
	.lan_age_layout_style .text{grid-row:2;grid-column:1 / 3;}
	.lan_age_layout_style .items{flex-flow:row nowrap;overflow-x:auto;}
	.lan_age_layout_style .items li{width:30vw;}
	.lan_age_tech_tit03{grid-template-columns:1fr;grid-template-rows:repeat(3,auto);justify-items:center;}
	.lan_age_tech_tit03 h2{grid-row:1;}
	.lan_age_tech_tit03 p.lead-text{grid-row:2;grid-column:1;}
	.lan_age_tech_tit03 ul{grid-row:3;grid-column:1;}
	#lan_age_mainte_plan thead{display:none;}
	#lan_age_mainte_plan tbody,
	#lan_age_mainte_plan tr,
	#lan_age_mainte_plan td,
	#lan_age_mainte_plan th{display:block;width:100%;}
	#lan_age_mainte_plan td{border-top:none;padding:1em;}
	.lan_age_slide{width:45vw;}
	.lan_age_slide_wide{width:90vw;}
}

@media screen and (max-width:640px){
/*fv*/
	.bread_list{flex-flow:row nowrap;overflow:auto;}
	.bread_list li{min-width:fit-content;white-space:nowrap;}
#lan_age_title .wrap{gap:0;padding-top:0;}
#lan_age_title h1{font-size:5vw;}
	h1 .lp_agency_name01{max-width:9em;text-align:right;}
	h1 .lp_agency_name02{font-size:9vw;}
	h1 .lp_agency_name02 br{display:block;}
	
#lan_age_lead-text span{display:inline;}
#lan_age_inpage-nav{padding-bottom:20px;}
#lan_age_inpage-nav a{width:calc(50% - 10px);}
#lan_age_inpage-nav span{display:inline-block;}
#lan_age_main-image{padding-bottom:2px;}
#lan_age_main-image::after{height:50px;bottom:-2px;}
	#lan_age_description .wrap{line-height:2;padding:10px 10px 20px;}
	
	/*lan agency style*/
	.lan_agency .numberlist{background:#fff;border-radius:10px;}
	
	.lan_agency .tit16 strong{font-size:5.5vw;}
	.lan_agency .text{line-height:1.8;}
	
	.lan_age_tech_img3.lan_age_tech_imgmenu{margin-top:0;gap:0 14px;padding:1.5em 0 0;}
	.lan_age_tech_img3 a{max-width:calc((100% - 28px) / 3);aspect-ratio:auto;}
	.lan_age_tech_img3 a img{height:auto;border-radius:50%;aspect-ratio:1 / 1}
	.lan_age_tech_imgmenu a strong{width:100%;padding:0;border-radius:inherit;position:relative;top:inherit;left:inherit;}
	.lan_age_tech_imgmenu a strong br{display:none;}
	.lan_age_catch strong{width:calc(100% - (3em + 10px));}
	.flexlist_img{width:100%;}
	.flexlist_txt{width:100%;}
	#lan_age_water-quality thead{display:none;}
	#lan_age_water-quality,
	#lan_age_water-quality tbody,
	#lan_age_water-quality tr,
	#lan_age_water-quality td{display:block;width:100%;}
	#lan_age_water-quality td{border:none;}
	#lan_age_water-quality td:first-child{background:#efefef;}
	#lan_age_water-quality tr{border:1px solid #ccc;box-sizing:border-box;}
	
	.lan_age_tab::before{content:none;}
	.lan_age_tab_menu li{max-width:50%;font-size:1.4rem;}
	.lan_age_tab_menu li.active{font-size:1.6rem;}
	
	.lan_age_tab table.lan_age_tab_table{width:100%;min-width:100%;max-width:100%;table-layout:fixed;display:block;white-space:normal;}
	.lan_age_tab_table thead{display:none;}
	.lan_age_tab_table tbody,
	.lan_age_tab_table tr,
	.lan_age_tab_table td,
	.lan_age_tab_table th{display:block;width:100%;border:none;}
	.lan_age_tab_table tbody th, .lan_age_tab_table tbody td{border:none;padding:0 10px;}
	.lan_age_tab_table tbody th{background:#0eb4ff;text-align:center;color:#fff;padding:0.3em 0;}
	.lan_age_tab_table tbody td::before{content:attr(data-name);display:block;background:#deffff;text-align:center;margin:0.3em 0;}
	.lan_age_tab_table tbody tr:nth-child(even){background:#fff;}
	.lan_age_tab_table tbody tr{padding-bottom:1em;}
	.lan_age_tab_table a{margin:0 auto;padding:0 0 10px;}
	
	#lan_age_style_type thead{display:none;}
	#lan_age_style_type,
	#lan_age_style_type tbody,
	#lan_age_style_type tr,
	#lan_age_style_type td,
	#lan_age_style_type th{display:block;width:100%;}
	#lan_age_style_type td,
	#lan_age_style_type th{border:none;}
	#lan_age_style_type tr{border:1px solid #ccc;box-sizing:border-box;}
	#lan_age_style_type td:not(.tabsim_img){padding-bottom:1em;}
	.lan_age_tech_flex li.flexlist_w2{width:100%;}
	
	.lan_age_tech_tit03{padding:100px 1em 50px;box-sizing:border-box;margin:0;}
	.lan_age_slide{width:90vw;}
}