/* CSS Document */
.lead_txt{
	margin: 40px auto;
	line-height: 1.6;
}

.main_area {
	width: 100%;
	max-width: 1000px;
	margin: 0 auto;
	position: relative;
}

.itemdetail{
	display: none;
}

h2{
	line-height: 1.4;
}

.processing h2.hd01{
	line-height: 1.5;
}

/*sec01*/
.sec01{
}

.reasons01{
	width: 47%;
	text-align: left;
}

.sec01 .reasons01{
	margin-top: 93px;
}

.lead_txt{
	margin-top: 35px;
	font-size: 14px;
}

	/*sec02*/
	.sec02{
		margin-top: 32px;
	}
	
	.column_flex{
		display: flex;
		justify-content: space-between;
		padding: 30px 0px 30px 30px;
	}
	
	.sec02_rightbox{
		max-width: 550px;
		width: 100%;
	}
	
	.sec02_rightbox .txt01{
		text-align: right;
	}
		.sec02_rightbox .txt01 span{
			text-align: right;
			color: #fd2828;
			display: block;
		}
	
	.column_flex02{
		display: flex;
		justify-content: space-between;
		padding: 7px 0px;
	}
		
		.column_flex02 .ulStyle02{
			margin: 0;
		}
		.column_flex02 .pcStyle{
			margin: 16px 34px;
		}
	
	.column_flex03{
		display: flex;
		justify-content: space-around;
		align-items: center;
		padding: 7px 0px;
	}
		
		.column_flex03 .ulStyle02{
			margin: 0;
		}
		.column_flex03 .pcStyle{
			margin: 16px 34px;
		}
		
	.column_flex04{
		display: flex;
		justify-content: center;
		padding: 7px 0px;
	}
	
	.sec02_details01{
		display: flex;
		justify-content: space-between;
	}
	
	.sec02_details01leftbox{
		max-width: 450px;
		width: 100%;
	}
	.linkbox{
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		margin-top: 46px;
	}
	.link_youtube_flex{
		display: flex;
		justify-content: space-between;
		gap: 30px 10%;
		margin-top: 20px;
	}
	.link_youtube_flex .linkbox{
		width: 240px;
		flex-flow: column;
		gap: 10px;
		margin-top: 34px;
	}
	.link_youtube_flex .linkbox .details_btn{
		margin: 0;
	}
	.link_youtube_flex .moviebox{
		width: 70%;
	}
	.link_youtube_flex .moviebox h4{
		margin-bottom: 10px;
		font-size: 24px;
		line-height: 1;
		color: #4b4b4b;
	}

	iframe[title="YouTube video player"]{
		width: 100%;
		aspect-ratio: 16 / 9;
	}
	.sec02_details01 .details_btn{
		max-width: 218px;
		width: 100%;
		margin: 0 0 15px;
	}
		.sec02_details01 .details_btn a{
			display: block;
			padding: 8px;
			color: #1c61c9;
			text-align: center;
			text-decoration: none;
			font-size: 14px;
			position: relative;
			background: #fff;
			border: 3px solid #1c61c9;
			border-radius: 35px;
		}
		
		.sec02_details01 .details_btn a span:after{
			position: absolute;
			content: "\f105";
			font-family: 'FontAwesome';
			top: 50%;
			-webkit-transform: translateY(-50%);
			-ms-transform: translateY(-50%);
			transform: translateY(-50%);
			right: 20px;
			font-weight: normal;
			font-size: 18px;
			color: #1c61c9;
		}
		
		.sec02_details01 .details_btn a:hover span:after{
			color: #fff;
		}
		
		.sec02_details01 .details_btn{
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
			box-sizing: border-box;
			-webkit-transition: all .5s;
			transition: all .5s;
		}
		.sec02_details01 .details_btn a{
			position: relative;
			z-index: 2;
		}
		.sec02_details01 .details_btn a:hover {
			background-color: #1c61c9;
			color: #fff;
			border-radius: 30px;
		}
	
	.sec02_details01rightbox{
		max-width: 480px;
		width: 100%;
	}
	
	.sec02_details01rightbox > ul{
		display: flex;
		justify-content: space-between;
		margin-top: 40px;
	}
		.sec02_details01rightbox > ul li{
			width: 47%;
			text-align: left;
		}
		
		.sec02_details01rightbox > ul li a{
			text-decoration: none;
			display: block;
		}
		
		.sec02_details01rightbox > ul li a:hover{
			opacity: 0.8;
		}
		
		.sec02_details01rightbox > ul li a span{
			display: block;
		}
		
		.sec02_details01rightbox > ul li a span:after{
			content: "\f105";
			font-family: 'FontAwesome';
			font-weight: normal;
			font-size: 18px;
			color: #1c61c9;
			padding-left: 20px;
		}
	
	.features h3{
		margin-top: 55px;
		margin-bottom: 40px;
	}
	
	.features h4{
		margin-bottom: 26px;
	}
	
	.features h5{
		font-size: 18px;
		margin-bottom: 20px;
		text-align: left;
	}
	
	.features h5 span{
		font-size: 14px;
	}
	
	.features p{
		text-align: left;
	}
	
	.features .column_flex02{
		padding: 17px 0;
	}
	
	.featuresbox{
		width: 49%;
		text-align: left;
	}
	
	.featuresbox .ttl{
		font-size: 18px;
		padding: 10px 0;
	}
	
	.featuresbox .ttl span{
		font-size: 14px;
	}
	
	.featuresbox02{
		text-align: left;
	}
	
	.featuresbox02 .ttl{
		font-size: 18px;
		padding: 10px 0;
	}
	
	.featuresbox02 .ttl span{
		font-size: 14px;
	}
	
	.featuresbox03{
		text-align: left;
	}
	
	.blue_box{
		border: 2px solid #3db3e5;
		border-radius: 7px 7px;
		margin-top: 30px;
	}
		.blue_box h6{
			font-size: 18px;
			text-align: center;
			font-weight: normal;
			background: #d3eaf9;
			border-radius: 7px 7px 0 0;
			padding: 10px;
		}
	.blue_box .column_flex04{
		display: flex;
		justify-content: space-between;
		padding: 25px;
	}
		.blue_box .column_flex04 .blue_box_in{
			width: 49%;
			text-align: left;
		}
		.blue_box .column_flex04 .blue_box_in02{
			width: 30%;
			text-align: left;
		}
		.blue_box .column_flex04 .blue_box_in03{
			width: 65%;
			text-align: left;
			margin-left: 30px;
		}
	
	.support{
		margin-top: 70px;
	}
	
	h3{
		font-size: 22px;
		font-weight: normal;
		text-align: left;
		margin: 37px auto 48px;
		position: relative;
		display: block;
	}
		h3:after{
			content: '';
			position: absolute;
			bottom: -15px;
			display: inline-block;
			width: 24px;
			height: 4px;
			left: 0;
			background-color: #1c61c9;
		}
	
	.details_btn03{
		display: flex;
		justify-content: flex-start;
		margin: 40px 0;
	}
	
	.details_btn03 li{
		width: 32%;
		margin-right: 20px;
	}
	
	.details_btn03 li p{
		text-align: left;
		margin-top: 10px;
	}
	
	.details_btn03 li a{
		background: #fff;
		border: 2px solid #1c61c9;
		border-radius: 45px;
		box-shadow: 2px 2px #b4bec3;
	}
		.details_btn03 li a span{
			background: #1c61c9;
			width: 66px;
			height: 66px;
			border-radius: 50%;
			display: flex;
			vertical-align: middle;
			align-items: center;
			justify-content: center;
			margin-right: 10px;
		}
		
		.details_btn03 li a:hover span{
			background: #fff;
		}
		
	.details_btn03 li a div{
		width: 100%;
		display: flex;
		align-items: center;
		text-align: left;
	}
	
	.details_btn03 li a span:before{
		content: "";
		background: url(../../../img/sec02_icon01.png) no-repeat center center;
		width: 47px;
		height: 36px;
		display: inline-block;
		vertical-align: middle;
	}
	
	.details_btn03 li a:hover span:before{
		content: "";
		background: url(../../../img/sec02_icon01_on.png) no-repeat center center;
	}
	
	.details_btn03 li:nth-child(2) a span:before{
		content: "";
		background: url(../../../img/sec02_icon02.png) no-repeat center center;
	}
	
	.details_btn03 li:nth-child(2) a:hover span:before{
		content: "";
		background: url(../../../img/sec02_icon02_on.png) no-repeat center center;
	}
	
	.details_btn03 li:nth-child(3) a span:before{
		content: "";
		background: url(../../../img/sec02_icon03.png) no-repeat center center;
	}
	
	.details_btn03 li:nth-child(3) a:hover span:before{
		content: "";
		background: url(../../../img/sec02_icon03_on.png) no-repeat center center;
	}
		.details_btn03 li a{
			display: block;
			padding: 10px;
			color: #333;
			text-align: center;
			text-decoration: none;
			font-size: 18px;
		}
		
		.details_btn03 li{
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
			box-sizing: border-box;

			-webkit-transition: all .5s;
			transition: all .5s;
		}
		.details_btn03 li a{
			position: relative;
			z-index: 2;
		}
		.details_btn03 li a:hover {
			background-color: #1c61c9;
			color: #fff;
			border-radius: 45px;
		}

/*tab*/
.tab{
    list-style:none;
    padding:0;
    margin:40px auto 16px auto;
    width:100%;
    display:flex;
}

.tab li{
    width:50%;
    background: #f6f6f6;
    border:1px solid #1c61c9;
    text-align: center;
	font-size: 16px;
	cursor: pointer;
	position: relative;
	color: #1c61c9;
	border-left: none;
}

.tab li a{
	display: block;
	padding:12px 0;
}

.tab li:first-child{
	border-left:1px solid #1c61c9;
}

.tab li:last-child{
	border-left: none;
}

.tab li.active{
	background:#1c61c9;
}

.tab li.active a{
	color: #fff;
}

.tab li.active:after{
	content: "▼";
	font-size: 33px;
	color: #1c61c9;
	line-height: 0;
	position: absolute;
	top: 92%;
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
	-webkit- transform: translateY(-50%) translateX(-50%);
}

.tab li a{
	text-decoration: none;
}

_:-ms-fullscreen, :root .tab li.active:after{
	content: "▼";
	font-size: 33px;
	color: #1c61c9;
	line-height: 0;
	position: absolute;
	top: 98%;
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
	-webkit- transform: translateY(-50%) translateX(-50%);
}


/* ページャー */
.tab_sub{
	margin:20px auto 0;
	padding:0;
	display:flex;
	list-style:none;
	border: 2px solid #1c61c9;
	border-bottom: none;
	max-width: 954px;
	width: 100%;
	justify-content: center;
}
.tab_sub li{
	padding:10px 0 8px 0;
	font-size: 16px;
	width: 15%;
	cursor: pointer;
}

.tab_sub li a {
	text-decoration: none;
}
.tab_sub li a:hover {
	text-decoration: underline;
}
.tab_sub li.active{
	color: #1c61c9;
	font-weight: bold;
}

.tab_sub li.active a{
	color: #1c61c9;
	font-weight: bold;
}
.tabsub_link li a{
	text-decoration: none;
}

.tabsub_link li.active a{
	color: #1c61c9;
	font-weight: bold;
	text-decoration: none;
}

.tabsub_link li a:hover{
	text-decoration: underline;
}

.list .inner{
    display:none;
}
.list .inner.active{
    display:block;
}
.list .inner table.active{
    display:table;
}

.inner.active .tab_sub li ul{
	display: none;
}

.tabsub_link{
	border: 2px solid #1c61c9;
	border-top: none;
	max-width: 954px;
	width: 100%;
	margin:0 auto 20px;
}

.tabsub_link{
	display: flex;
	justify-content: space-around;
	background: #e3edf4;
	flex-wrap: wrap;
	justify-content: center;
}
.tabsub_link li{
	/*width: 20%;*/
	padding: 6px 9px 6px 0;
	cursor: pointer;
	font-size: 16px;
}

.tabsub_link li:hover{
	color: #1c61c9;
}

	.tabsub_link li:after{
		content: "｜";
		padding-left: 8px;
		color: #444;
	}
	.tabsub_link li:last-child:after{
		display: none;
	}

.tabsub_link li.active{
	color: #1c61c9;
	font-weight: bold;
}

.medium01_img{
	margin-top: 240px;
}

/*浄化槽処理対象人員算定シミュレーター タブ*/
.jinin{
	display: flex;
	justify-content: space-between;
}

.ul_jinin{
	margin: 40px 0;
	font-size: 18px;
}
	.ul_jinin li{
		list-style-type: disc;
		text-align: left;
		margin-left: 20px;
	}

	.details_btn03_2{
		margin: 40px 0;
		width: 32%;
	}
	
	.details_btn03_2 li{
		width: 100%;
	}
	
	.details_btn03_2 li p{
		text-align: left;
		margin-top: 10px;
	}
	
	.details_btn03_2 li a{
		background: #fff;
		border: 2px solid #1c61c9;
		border-radius: 45px;
		box-shadow: 2px 2px #b4bec3;
	}
		.details_btn03_2 li a span{
			background: #1c61c9;
			width: 66px;
			height: 66px;
			border-radius: 50%;
			display: flex;
			vertical-align: middle;
			align-items: center;
			justify-content: center;
			margin-right: 10px;
		}
		
		.details_btn03_2 li a:hover span{
			background: #fff;
		}
		
	.details_btn03_2 li a div{
		width: 100%;
		display: flex;
		align-items: center;
		text-align: left;
	}
	
	.details_btn03_2 li a span:before{
		content: "";
		background: url(../../../img/sec02_icon02.png) no-repeat center center;
		width: 47px;
		height: 36px;
		display: inline-block;
		vertical-align: middle;
	}
	
	.details_btn03_2 li a:hover span:before{
		content: "";
		background: url(../../../img/sec02_icon02_on.png) no-repeat center center;
	}
	
		.details_btn03_2 li a{
			display: block;
			padding: 10px;
			color: #333;
			text-align: center;
			text-decoration: none;
			font-size: 18px;
		}
		
		.details_btn03_2{
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
			box-sizing: border-box;
			-webkit-transition: all .5s;
			transition: all .5s;
		}
		.details_btn03_2 li a{
			position: relative;
			z-index: 2;
		}
		.details_btn03_2 li a:hover {
			background-color: #1c61c9;
			color: #fff;
			border-radius: 45px;
		}

.tblStyle_jinin {
    border-collapse: separate;
    *border-collapse: collapse;
    border-spacing: 0;
    empty-cells: show;
    border: 1px solid #b2b2b2;
    margin: 0 auto;
    width: 100%;
    font-size: 16px;
	margin-top: 40px;
}
.tblStyle_jinin th,.tblStyle_jinin td{
	padding: 10px;
	font-weight: normal;
	border-right: 1px solid #b2b2b2;
	border-bottom: 1px solid #b2b2b2;
}
.tblStyle_jinin .boeder_none{
	border-right: none;
}
.tblStyle_jinin .boeder_none2{
	border-bottom: none;
}
.tblStyle_jinin th{
	background: #e3edf5;
}

.jinin_txt{
	text-align: left;
	margin-top: 20px;
	font-size: 16px;
}
	.jinin_txt li{
		text-indent: -2.6em;
		padding-left: 2.6em;
	}

.jinin02 p{
	text-align: left;
	margin-top: 10px;
	font-size: 16px;
}
	.jinin02 p a{
		color: #1c61c9;
	}
.jinin02 sup{
	font-size: 50%;
	top: 0.8em;
}

.lead_bg{
	background: url(../img/bg_product01.jpg) no-repeat top center;
	height: 384px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	background-size: cover;
}

.processing .lead_bg{
	background: url(../img/bg_product02.jpg) no-repeat top center;
	background-size: cover;
}

.industrialwaste .lead_bg{
	background: url(../img/bg_product03.jpg) no-repeat top center;
	background-size: cover;
}

.blower .lead_bg{
	background: url(../img/bg_product04.jpg) no-repeat top center;
	background-size: cover;
}

.relation .lead_bg{
	background: url(../img/bg_product05.jpg) no-repeat top center;
	background-size: cover;
}


.lead_bg .ttl{
	font-size: 40px;
	margin-bottom: 20px;
	font-family: "リュウミン R-KL", "リュウミン B-KL", 'Noto Serif JP', serif;
}

.lead_bg .lead{
	font-size: 16px;
}

.main_inner{
	margin: 40px auto;
	text-align: left;
}

h2.hd01{
	line-height: 1.0;
}

.flex-s{
	display:flex;
	justify-content: space-between;
	margin: 40px auto;
}

.flex-s.flex-start{
	display:flex;
	justify-content: flex-start !important;
	margin: 20px auto;
}

.flex-s > li{
	border: 2px solid #ecedee;
	text-align: left;
	width: 32%;
}

.flex-s.flex-start > li{
	margin-right: 20px;
}

.flex-s > li > div{
	border-bottom: 1px solid #ecedee;
	text-align: center;
	padding: 5px;
}

.flex-s > li > p{
	font-size: 18px;
	padding: 3px 20px;
	border-bottom: 1px solid #ecedee;
	font-size: 22px;
}
	.flex-s > li > p a{
		text-decoration: none;
		
	}
	
	.flex-s > li > p a:hover{
		color: #1c61c9;
	}
	
	.flex-s > li > p a:after{
		content: "\f105";
		font-family: 'FontAwesome';
		padding-left: 25px;
		display: inline-block;
		color: #296acc;
	}

.flex-s > li > p span{
	font-size: 16px;
}

.flex-s > li > ul.link{
	display: flex;
	flex-wrap: wrap;
	padding: 13px 20px;
}

.flex-s > li ul li{
	padding-bottom: 0px;
	margin-bottom: 0;
}

.flex-s > li ul li a{
	text-decoration: none;
}

.flex-s > li ul li a:hover{
	color: #1c61c9;
}

.unit .flex-s > li ul li{
	padding-bottom: 0;
	width: 100%;
	letter-spacing: -0.2px;
}

.flex-s > li ul li a:after{
		content: "\f105";
		font-family: 'FontAwesome';
		padding-left: 10px;
		display: inline-block;
		color: #296acc;
		font-size: 16px;
}

.flex-s > li > div.flex_inner{
	border-bottom: none;
	text-align: left;
	display: flex;
	padding: 11px 20px 26px;
}

.flex-s > li > div.flex_inner ul{
	width: 50%;
}

.linkbox{
		display: flex;
		flex-wrap: wrap;
		justify-content: flex-start;
		margin-top: 20px;
	}
	
	.linkbox .details_btn{
		max-width: 240px;
		width: 100%;
		margin: 0 10px 15px 0;
	}
		.linkbox .details_btn a{
			display: block;
			padding: 8px;
			color: #1c61c9;
			text-align: center;
			text-decoration: none;
			font-size: 16px;
			position: relative;
			background: #fff;
			border: 3px solid #1c61c9;
			border-radius: 35px;
		}
		
		.linkbox .details_btn a span:after{
			position: absolute;
			content: "\f105";
			font-family: 'FontAwesome';
			top: 50%;
			-webkit-transform: translateY(-50%);
			-ms-transform: translateY(-50%);
			transform: translateY(-50%);
			right: 10px;
			font-weight: normal;
			font-size: 18px;
			color: #1c61c9;
		}
		
		.linkbox .details_btn a:hover span:after{
			color: #fff;
		}
		
		.linkbox .details_btn{
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
			box-sizing: border-box;
			-webkit-transition: all .5s;
			transition: all .5s;
		}
		
		.blower .linkbox .details_btn{
			width: 25%;
			max-width: 100%;
		}
		
		.linkbox .details_btn a{
			position: relative;
			z-index: 2;
		}
		.linkbox .details_btn a:hover {
			background-color: #1c61c9;
			color: #fff;
			border-radius: 30px;
		}

.linkbox.shadow .details_btn a{
	box-shadow: 2px 2px #b4bec3;
}
	
.main_inner p{
	font-size: 16px;
}

.txt_01{
	font-size: 18px;
	color: #1c61c9;
	line-height: 1.8;
	margin: 10px 0 12px;
	font-size: 18px !important;
}

.txt_blue {
	color: #1c61c9 !important;
	font-weight: normal !important;
}

.project_link{
	margin-top: 34px;
}

.project_link p{
	font-size: 14px;
	margin-bottom: 5px;
}
	.project_link .linkbox{
		margin-top: 5px;
	}
	.project_link .linkbox .details_btn{
		max-width: 574px;
	}

.performance{
	display: flex;
	justify-content: space-between;
	margin: 49px auto;
}

.performance li{
	width: 32%;
}

.performance li span{
	display: block;
	font-size: 16px;
}

	.modellist .linkbox .details_btn{
		max-width: 450px;
	}

.link_box{
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	margin-bottom: 20px;
}

.link_box li{
	margin-right: 16px;
	margin-bottom: 0px;
	width: 23.8%;
}

	.link_box li div{
		overflow: hidden;
	}

	.link_box li a img:hover{
		transform: scale(1.1);
		transition-duration: 0.3s;
	}


.link_box:nth-of-type(3) li{
	margin-bottom: 24px;
}

.link_box:nth-of-type(3) li:nth-child(9),
.link_box:nth-of-type(3) li:nth-child(10),
.link_box:nth-of-type(3) li:nth-child(11),
.link_box:nth-of-type(3) li:nth-child(12){
	margin-bottom: 0;
}

.link_box li:nth-child(4n){
	margin-right: 0;
}

.link_box a{
	display: block;
	text-decoration: none;
}

.link_box a:hover{
	color: #1c61c9;
}

.link_box a span{
	display: block;
}
	.link_box a span:after{
		content: "\f105";
		font-family: 'FontAwesome';
		color: #1c61c9;
		padding-left: 33px;
		font-size: 20px;
	}

.unit{
	margin-top: 38px;
}


.unit h2{
	margin-bottom: 30px;
}

.unit h4{
	margin-bottom: 15px;
}

.unit .txt{
	font-size: 14px;
}
	.unit .txt a{
		color: #1c61c9;
	}
	
.blower .modellist,
.relation .modellist{
	margin: 25px auto;
}

.blower .modellist p,
.relation .modellist p{
	margin-top: 33px;
}

.relation .unit{
	margin-bottom: 60px;
}

.processing .modellist{
	margin-top: 50px;
}

.processing .modellist .linkbox .details_btn{
	max-width: 492px;
}

.industrialwaste h3{
	margin: 30px auto 54px;
}

.industrialwaste .flex-s > li > div{
	padding: 18px;
}

.blower .modellist .linkbox{
	margin-top: 25px;
}

.blower .modellist .linkbox .details_btn{
	margin-bottom: 10px;
	padding: 8px 4px 9px;
}

.blower .modellist .linkbox .details_btn:nth-child(2){
	width: 27.5%;
	margin-right: 10px;
}

.blower .modellist .linkbox .details_btn:nth-child(3){
	width: 34%;
}

.blower .unit{
	margin-top: 63px;
}

.last-txt p a::after{
	padding-left: 4px !important;
}

.tag01{
	background: #917455;
	padding: 4px 10px!important;
	font-size: 15px;
	display: inline-block !important;
	margin-left: 20px;
	color: #fff;
	border-radius: 3px;
	vertical-align: middle;
}

.tag02{
	background: #638b64;
	padding: 4px 10px!important;
	font-size: 15px;
	display: inline-block !important;
	margin-left: 20px;
	color: #fff;
	border-radius: 3px;
	vertical-align: middle;
}

@media screen and (max-width: 950px) {
	.main_area,
	.list{
		padding-left: 10px;
		padding-right: 10px;
	}
	
	.innerBox .main_area{
		padding-left: 0;
		padding-right: 0;
	}
	
	.lead_txt{
		text-align: left;
	}
	
	.column_flex02{
		padding: 10px;
	}
}

@media screen and (max-width: 768px) {
	.column_flex,
	.sec02_details01,
	.column_flex02{
		display: block;
		padding-left: 0;
		padding-right: 0;
	}
	
	.column_flex03{
		flex-direction: column;
	}
	
	.tab li.active::after{
		content: "";
		display: none;
	}
	
	.sec02_rightbox{
		max-width: 100%;
		padding-top: 15px;
	}
	
	.details_btn03{
		display: block;
	}
	
	.details_btn03 li{
		width: 100%;
		margin-bottom:10px;
	}
	
	.details_btn03_2{
		display: block;
		width: 100%;
		margin: 20px 0;
	}
	
	.details_btn03_2 li{
		width: 100%;
		margin-bottom:10px;
	}
	
	.sec05 ul{
		flex-wrap: wrap;
	}
	
	.sec05 ul li{
		width: 48%;
		margin-bottom: 15px;
	}
	
	.sec05 ul li p{
		padding-top: 5px;
	}
	
	.sec02_details01 .details_btn{
		width: 48%;
	}
	
	.featuresbox{
		width: 100%;
		margin-bottom: 40px;
	}
	
	.featuresbox.mb0_sp{
		margin-bottom: 10px;
	}
	
	.tab_sub{
		border: none;
	}
	
	.tab_sub li{
		width: 35%;
	}
	
	.tab_sub li:after{
		content: "\f107";
		font-family: 'FontAwesome';
		padding-left: 4px;
	}
	
	.tabsub_link{
		border: none;
		border-top: 2px solid #e3edf4;
		background: none;
		justify-content: flex-start;
		padding: 0 10px;
	}
	
	.tabsub_link li{
		width: calc(100% / 3);
		font-size: 15px;
		text-align:left;
	}
	
	.tabsub_link li::after{
		content: "\f105";
		font-family: 'FontAwesome';
		color: #1c61c9;
		font-weight: bold;
	}
	
	.tab li:first-child{
		border-bottom: none;
	}
	
	.details_btn03 li a{
		font-size: 16px;
	}
	
	.details_btn03 li a span{
		width: 40px;
		height: 40px;
	}
	
	.details_btn03 li a span::before{
		background-size: contain !important;
	}
	
.medium01_img{
	margin-top: 0;
}

	.blue_box .column_flex04{
		flex-direction: column;
	}
		.blue_box .column_flex04 .blue_box_in,.blue_box .column_flex04 .blue_box_in02,.blue_box .column_flex04 .blue_box_in03{
			width: 100%;
			margin-left: 0;
		}
	
	.jinin {
		flex-direction: column;
	}
	.ul_jinin {
		margin: 20px 0 0;
	}
	
	.lead_bg{
		height: auto;
		padding: 10px;
		min-height: 370px;
	}
	
	.lead_bg .ttl{
		font-size: 22px;
	}
	
	.lead_bg .lead{
		text-align: left;
	}
	
	.flex-s,
	.flex-s.flex-start{
		display: block;
	}
	
		.flex-s li{
			width: 100%;
			margin-bottom: 15px;
		}
		
		.flex-s li > div{
			text-align:center;
		}
	
	.performance{
		display: block;
	}
	
	.performance li{
		width: 100%;
	}
	
	.modellist .linkbox .details_btn{
		width: 100%;
		margin-right: 0;
	}
	
	.blower .modellist .linkbox .details_btn{
		margin-bottom: 0;
	}
	
	.blower .modellist .linkbox .details_btn:nth-child(2){
		width: 100%;
		margin-right: 0;
	}
	
	.blower .modellist .linkbox .details_btn:nth-child(3){
		width: 100%;
	}
	.link_youtube_flex{
		flex-flow: column-reverse;
	}
	.link_youtube_flex .linkbox{
		width: 100%;
		flex-flow: unset;
		flex-wrap: wrap;
		margin-top: 0;
	}
	.link_youtube_flex .moviebox{
		width: 100%;
	}
	.link_youtube_flex .moviebox h4{
		font-size: 20px;
	}
}

@media screen and (max-width: 480px) {
	.tab{
		margin-top: 10px;
	}
	
	.tabsub_link{
		margin-bottom: 0;
	}
	
	.jyoukasou .tab{
		flex-wrap: wrap;
	}
	
	.jyoukasou .tab li:nth-child(2){
		border-bottom: none;
	}
	
	.jyoukasou .tab li:nth-child(3){
		border-left:1px solid #1c61c9;
		border-bottom: none;
	}
	
	.jyoukasou .tab li:nth-child(5){
		border-left:1px solid #1c61c9;
	}
	
	.link_box li{
		width: 46.5%;
	}
	
	.link_box li:nth-child(2n){
		margin-right: 0;
	}
}

/* 25.11.10 追記 */
.banner {
	margin-block: 40px;
}
.banner .banner-btn {
	width: min(700px,100%);
	margin-inline: auto;
}
.banner .banner-btn a {
	text-align: left;
	text-decoration: none;
	display: flex;
	align-items: center;
	justify-content: space-between;
	column-gap: 10px;
	position: relative;
	width: 100%;
	padding: 15px 30px 15px 20px;
	border: 2px solid #1C61C9;
	border-radius: 10px;
	background-color: #fff;
	box-shadow: 0 5px 0 #1C61C9;
	transition: box-shadow .3s, transform .3s;
}
.banner .banner-btn a::after {
	content: '';
	position: absolute;
	width: 10px;
	height: 10px;
	top: calc(50% - 5px);
	right: 15px;
	border-top: 2px solid #1C61C9;
	border-right: 2px solid #1C61C9;
	transform: rotate(45deg);
}
.banner .banner-btn a span {
	font-size: 24px;
	font-weight: 700;
	line-height: calc(35 / 24);
	color: #1C61C9;
}
.banner .banner-btn a span br {
	display: none;
}
.banner .banner-btn a picture {
	width: 213px;
	flex-shrink: 0;
}
@media (hover: hover) and (pointer: fine) {
	.banner .banner-btn a:hover {
		transform: translateY(5px);
		box-shadow: none;
	}
}
@media screen and (max-width:480px) {
	.banner .banner-btn a {
		padding: 15px calc(20 / 356 * 100%) 15px calc(15 / 356 * 100%);
	}
	.banner .banner-btn a::after {
		right: calc(10 / 356 * 100%);
	}
	.banner .banner-btn a span br {
		display: inline;
	}
	.banner .banner-btn a picture {
		width: calc(160 / 356 * 100%);
	}
}

#fixedbanner {
	display: flex;
	justify-content: flex-end;
	width: 100%;
	position: fixed;
	bottom: 100px;
	left: 0;
	padding-inline: 25px;
	transition: opacity .3s;
	opacity: 0;
	pointer-events: none;
	z-index: 999;
}
#fixedbanner.is-visible {
	opacity: 1;
}
#fixedbanner * {
	pointer-events: none;
}
#fixedbanner.is-visible * {
	pointer-events: all;
}
#fixedbanner .banner-btn {
	width: min(320px,100%);
	position: relative;
}
#fixedbanner .banner-btn a {
	text-align: left;
	text-decoration: none;
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	background-color: #fff;
	border: 2px solid #1C61C9;
	border-radius: 10px;
	padding: 15px 10px 15px 15px;
	box-shadow: 0 8px 0 #1C61C9;
	transition: opacity .3s;
}
#fixedbanner .banner-btn a span {
	font-size: 21px;
	font-weight: 700;
	line-height: calc(32 / 21);
	color: #1C61C9;
}
#fixedbanner .banner-btn a img {
	width: 160px;
}
#fixedbanner .banner-btn .close {
	font-size: 0;
	position: absolute;
	top: calc(-35px / 2);
	right: calc(-35px / 2);
	display: block;
	width: 35px;
	aspect-ratio: 1 / 1;
	background-color: #000;
	border-radius: 50%;
}
#fixedbanner .banner-btn .close::before,
#fixedbanner .banner-btn .close::after {
	content: '';
	position: absolute;
	width: 20px;
	height: 2px;
	top: calc(50% - 1px);
	left: calc(50% - 10px);
	background-color: #fff;
}
#fixedbanner .banner-btn .close::before {
	transform: rotate(45deg);
}
#fixedbanner .banner-btn .close::after {
	transform: rotate(-45deg);
}
@media (hover: hover) and (pointer: fine) {
	#fixedbanner .banner-btn a:hover {
		opacity: 0.7;
	}
}

@media screen and (max-width:980px) {
	#fixedbanner {
		justify-content: center;
		bottom: 78px;
		padding-inline: 10px;
	}
}
@media screen and (max-width:480px) {
	#fixedbanner .banner-btn {
		width: min(210px,100%);
	}
	#fixedbanner .banner-btn a {
		padding: 15px 10px;
		border-radius: 6px;
	}
	#fixedbanner .banner-btn a span {
		font-size: 18px;
		line-height: calc(28 / 18);
	}
	#fixedbanner .banner-btn a span br.pcIn {
		display: none;
	}
	#fixedbanner .banner-btn a img {
		display: none;
	}
}