@charset "utf-8";

/* ----------------------------------------------------------------------- 
handdry index 
-------------------------------------------------------------------------*/

/* /common/ */
#container{
	max-width: 100%;
	min-width: 100%;
}
/* [2026-07-22 FB] 本ページは #container を fluid(max-width:100%) にしているため、
   カタログ帯(custom-footer-catalog__block)がウィンドウ全幅に広がる。他ページ(#container=1200px)と
   見た目を揃えるため、この帯だけコンテンツ幅1200px内に収めて中央寄せする。 */
.page-handdry .custom-footer-catalog__block {
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
}
.area-text {
	font-size:16px;
	margin-bottom:20px;
}
.bg-gray {
	/* [2026-07-22 FB] 4小見出し(施主様/設計者様/使用者様/管理者様)の帯色をModule標準(.bg-gray=#efefef)に */
	background-color: #EFEFEF;
}
.bg-pink {
	background-color: #FCDCCF;
}
.bg-blue {
	background-color: #B4CEF2;
}
.bg-yel {
	background-color: #EFEEA3;
}
.t-gray {
	color:#858585;
}

.c-img-w100 {
	width:100%;
}
.h2_default{
	margin-bottom: 0;
}
.h2_default h2{
	margin-bottom: 50px;
	font-size: 30px;
	font-weight: bold;
	text-align: center;
	/* FB対応(2026-07-17): コンテンツ全体にかかる灰帯(background/padding)を除去しModule標準の見出しに */
}
@media only screen and (max-device-width: 1280px) and (max-width: 640px) {
	.h2_default h2 {
		margin-bottom: 30px;
		font-size: 24px;
	}
	.section{
		padding: 0 10px;
	}
}

/* SP Responsive (handdry index common)
---------------------------------------------------------------*/
@media only screen and (max-device-width: 1280px) and (max-width: 640px) {
	.area-text {
		margin-bottom:30px;
	}
}


/* ----------------------------------------------------------------------- 
handdry index hero
-------------------------------------------------------------------------*/
.hero {
	padding-bottom:50px;
	max-width: 1200px;
    /* min-width: 980px; */
	width: 100%;
	margin: 0 auto;
}
.hero .flex__block {
	border-top:1px #e2e2e2 solid;
	border-bottom:1px #e2e2e2 solid;
}

.hero .flex__block--left {
	width:488px;
}
.hero .flex__block--right {
	width:600px;
}
.hero .flex__block--left img , .hero .flex__block--right img {
	width:100%;
}

/* SP Responsive (handdry index hero)
---------------------------------------------------------------*/
@media only screen and (max-device-width: 1280px) and (max-width: 640px) {
	.hero {
		padding-bottom:60px;
	}
	.hero .flex__block--left {
		width:100%;
		text-align: center;
		margin-bottom:0;
	}
	.hero .flex__block--right {
		width:100%;
		margin-bottom:0;
	}
	.hero .flex__block--left img {
		width:90%;
	}
}


/* ----------------------------------------------------------------------- 
handdry index sec01
-------------------------------------------------------------------------*/

.sec01 {
	padding-bottom:40px;
}
.sec01 .flex__block--left , .sec01 .flex__block--right {
	width:49%;
	margin-bottom:20px;
	border:1px #E2E2E2 solid; 
}
.sec01 .title {
	padding:5px 0;
	font-size:16px;
	font-weight:bold;
}
.sec01 .h2_default h2{
	margin-bottom: 24px;
}
.sec01 .flex__block--inner {
	padding:10px 25px;
}
.sec01 .custom-h3_area {
	margin-bottom:5px;
	font-size:18px;
	font-weight:bold;
}
.sec01 .area-texts__block li {
	padding-left:1em;
	text-indent: -1em;
}
.sec01 .area-texts__block li:before {
	content: '■';
}
.sec01 .subnote--right {
	padding-top: 1em;
	font-size: 11px;
	text-align: right;
}

/* SP Responsive (handdry index sec01)
---------------------------------------------------------------*/
@media only screen and (max-device-width: 1280px) and (max-width: 640px) {
	.sec01 {
		padding-bottom:60px;
	}
	.sec01 .flex__block--left , .sec01 .flex__block--right {
		width:100%;
		margin-bottom:20px;
	}
	.sec01 .flex__block--inner {
		padding:15px;
	}
}


/* ----------------------------------------------------------------------- 
handdry index sec02
-------------------------------------------------------------------------*/
.sec02 .title {
	height:39px;
	margin-bottom:15px;
	padding:6px 0 6px 16px;
}
.sec02 .sec02-lineup .flex__block--left ,
.sec02 .sec02-lineup .flex__block--right {
	width:50%;
	margin-bottom:30px;
}
.sec02 .sec02-lineup .flex__block--right .flex__block--inner {
	justify-content: flex-end;
	align-items: flex-end;
}
.sec02 .sec02-lineup .flex__block--inner {
	display:flex;
}
.sec02 .sec02-lineup .flex__block--inner .left-photo {
	width:170px;
	text-align:center;
}
.sec02 .sec02-lineup .flex__block--inner .left-photo img {
	width:111px;
}
.sec02 .sec02-lineup .flex__block--inner .left-texts {
	width:318px;
	padding-top:20px;
}
.sec02 .sec02-lineup .flex__block--inner .left-texts .left-texts--number {
	padding:10px 0;
	font-weight: bold;
}
.sec02 .sec02-lineup .flex__block--inner .left-texts img {
	width:194px;
}
.sec02 .sec02-lineup .flex__block--inner .right-photo {
	width:240px;
}
.sec02 .sec02-lineup .flex__block--inner .left-texts--note dt {
	display: block;
    margin-bottom:3px;
}
.sec02 .sec02-lineup .flex__block--inner .right-photo img {
	width:100%;
}
.sec02 .sec02-lineup .flex__block--inner .right-texts {
	width:240px;
	font-size:18px;
}
.sec02 .sec02-lineup .flex__block--inner .right-texts .right-texts--note {
    padding:0 5px 60px;
}
.sec02 .sec02-lineup .flex__block--inner .right-texts .right-texts--link {
	width:88%;
	margin-left:3%;
	text-align: center;
	border:1px #ccc solid;
}
.sec02 .sec02-lineup .flex__block--inner .right-texts .right-texts--link a {
	position: relative;
	display: block;
	width:100%;
	padding:3px 0;
	font-size:16px;
	color:#000;
	text-decoration: none;
}
.sec02 .sec02-lineup .flex__block--inner .right-texts .right-texts--link a:hover {
	opacity:.5;
}
.sec02 .sec02-lineup .flex__block--inner .right-texts .right-texts--link a:before ,
.sec02 .sec02-lineup .flex__block--inner .right-texts .right-texts--link a:after {
    content: "";
	position: absolute;
    top: 0;
    bottom: 0;
    right: 36px;
    margin: auto;
    vertical-align: middle;
}
.sec02 .sec02-lineup .flex__block--inner .right-texts .right-texts--link a:after{
    right: 36px;
    width: 6px;
    height: 6px;
    border-top: 2px solid #000;
    border-right: 2px solid #000;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}


.sec02 .sec02-lineup-subtitle {
	display: flex;
	align-items: center;
	justify-content: center;
	padding-bottom: 60px;
	font-size: 24px;
	font-weight: bold;
	text-align: center;
}

.sec02 .sec02-lineup-subtitle .sec02-lineup-subtitle__inner {
  padding: 0 1em;
}

.sec02 .sec02-lineup-subtitle .line-left {

}

.sec02 .sec02-lineup-subtitle .line-right {
  transform: scale(-1, 1);
}

.sec02-lineup-subtitle02 {
	padding-bottom: 20px;
	font-size: 18px;
	font-weight: bold;
}


.sec02 .custom-h3_area.sec02-lineup-title {
	margin-bottom:15px;
}
.sec02 h3 {
	font-size:17px;
}
.sec02 h4 {
	font-size:18px;
	font-weight:normal;
}
.sec02 .time__block {
	margin-top:0;
}
.sec02 .time__block .flex-sp__block--left img {
    width:100%;
}
.sec02 .time__block .flex-sp__block--left .pc-only {
    display: block;
}
.sec02 .time__block .flex-sp__block--left .sp-only {
    display: none;
}
.sec02 .time__block .flex-sp__block--right .type__block {
	display: flex;
	justify-content: space-between;
	width:100%;
	margin-top:5px;
	font-size:18px;
}
.sec02 .time__block .flex-sp__block--right .type__block li {
	box-sizing: border-box;
	width: 483px;
	height:55px;
	margin-right:1%;
	padding:15px 0;
	text-align: center;
	vertical-align: middle;
}
.sec02 .time__block .flex-sp__block--right .type__block li:last-child {
	margin-right:0;
}

.sec02 .sec02-lists {
  margin-bottom: 30px;
}

.sec02 .sec02-lists .sec02-lists__block {
  width: 320px;
	text-align: center;
}

.sec02 .sec02-lists .sec02-lists__block > p {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-end;
	height: 3em;
	padding-bottom: 6px;
	font-size: 17px;
}

/* SP Responsive (handdry index sec02)
---------------------------------------------------------------*/
@media only screen and (max-width: 400px) {
	.sec02 .sec02-lineup .flex__block--inner .left-texts {
		padding-bottom:5%;
	}
}
@media only screen and (max-device-width: 1280px) and (max-width: 640px) {
	.sec02 {
		margin-bottom:70px;
	}
	
	.sec02 .title {
		margin-bottom:0;
	}
	.sec02 .sec02-lineup .flex__block--left ,
	.sec02 .sec02-lineup .flex__block--right {
		width:100%;
		margin-bottom:0;
	}
	.sec02 .sec02-lineup .flex__block--right .flex__block--inner {
		align-items: flex-end;
		margin-bottom:50px;
	}
	.sec02 .sec02-lineup .flex__block--inner .left-photo {
		max-width: 170px;
		width:40%;
		text-align:center;
	}
	.sec02 .sec02-lineup .flex__block--inner .left-photo img {
		width:80%;
	}
	.sec02 .sec02-lineup .flex__block--inner .left-texts {
		width:60%;
		padding-top:5%;
	}
	.sec02 .sec02-lineup .flex__block--inner .left-texts img {
		width:100%;
		max-width: 230px;
	}
	
	.sec02 .sec02-lineup .flex__block--inner .right-photo {
		width:50%;
	}
	.sec02 .sec02-lineup .flex__block--inner .right-texts {
		width:50%;
		font-size:14px;
	}
	.sec02 .sec02-lineup .flex__block--inner .right-texts .right-texts--link {
		margin-bottom:5%;
	}
	.sec02 .sec02-lineup .flex__block--inner .right-texts .right-texts--link a {
		padding:3px 0;
		font-size:14px;
	}
	.sec02 .sec02-lineup .flex__block--inner .right-texts .right-texts--link a:before ,
  .sec02 .sec02-lineup .flex__block--inner .right-texts .right-texts--link a:after {
    right: 7px;
    }
  .sec02 .sec02-lineup .flex__block--inner .right-texts .right-texts--link a:after{
    right: 7px;
    }
	.sec02 .sec02-lineup .flex__block--inner .right-texts .right-texts--note {
		padding:0 3% 8%;
	}
  
	.sec02 .flex-sp__block {
		display: flex;
	}
	.sec02 .flex-sp__block.align-ce {
		align-items: center;
	}
	.sec02 .time__block {
		margin-top:10px;
		padding-bottom:0;
	}
	.sec02 .time__block .flex-sp__block--left {
		width:10%;
	}
	.sec02 .time__block .flex-sp__block--right {
		width:87%;
		margin-left:3%;
	}
	.sec02 .time__block .flex-sp__block--left .pc-only {
		display: none;
	}
	.sec02 .time__block .flex-sp__block--left .sp-only {
		display: block;
	}
	.sec02 .time__block .flex-sp__block--right .type__block {
		display: block;
		margin-top:0;
		font-size:16px;
	}
	.sec02 .time__block .flex-sp__block--right .type__block li {
		display: flex;
		align-items: center;
		justify-content: center;
		width:100%;
		height:20vw;
		margin-right:0;
		margin-bottom:3%;
		padding:0;
	}
	.sec02 .time__block .flex-sp__block--right .type__block li:last-child {
		margin-bottom:0;
	}

	.sec02 .sec02-lists .sec02-lists__block {
		width: 88%;
		margin: 0 auto;
	}

	.sec02 .sec02-lists .sec02-lists__block:not(:nth-last-of-type(1)) {
		margin-bottom: 30px;
	}

	.sec02 .sec02-lists .sec02-lists__block > p {
		display: block;
		height: auto;
		text-align: center;
	}

	.sec02 .sec02-lineup-subtitle {
		padding-bottom: 55px;
		font-size: 22px;
	}
	
	.sec02 .sec02-lineup-subtitle .sec02-lineup-subtitle__inner {
		padding: 0;
	}

	.sec02-lineup-subtitle02 {
		padding-bottom: 30px;
	}
}


/* ----------------------------------------------------------------------- 
handdry index sec03
-------------------------------------------------------------------------*/
.sec03 {
	margin-bottom: 40px;
}
.sec03-subtitle {
	font-size: 28px;
	text-align: center;
	font-weight: 700;
	margin-bottom: 60px;
}
.sec03 .sec03-head {
	display: flex;
	align-items: center;
	margin-bottom: 16px;
	font-size: 14px;
	color: #333;
}

.sec03 .sec03-head img {
	width: 181px;
	margin-right: 10px;
}

.sec03 .sec03-lineup {
	gap: 40px;
	align-items: stretch;
}

.sec03 .sec03-item {
	box-sizing: border-box;
	width: calc((100% - 40px) / 2);
	padding: 0 0 18px;
}

.sec03 .sec03-item a {
	display: block;
	color: #333;
	text-decoration: none;
	height: 100%;
}

.sec03 .sec03-item__image {
	margin-bottom: 14px;
	text-align: center;
}

.sec03 .sec03-item__image img {
	width: 100%;
	max-width: 324px;
}

/* [2026-07-21修正] 製品タイトルを products01 と同じ淡いグレー帯（module .column-three_caption 相当＝
   background:rgba(243,243,243,1)/padding:8px）に。矢印は帯内で縦中央配置。 */
.sec03 .sec03-item__title {
	position: relative;
	margin-bottom: 8px;
	padding: 8px 28px 8px 10px;
	background-color: rgba(243, 243, 243, 1);
	font-size: 16px;
	font-weight: bold;
	line-height: 1.2;
	letter-spacing: 0.02em;
}

.sec03 .sec03-item__title:after {
	content: "";
	position: absolute;
	top: 50%;
	right: 12px;
	width: 9px;
	height: 9px;
	border-top: 1px solid #333;
	border-right: 1px solid #333;
	transform: translateY(-50%) rotate(45deg);
}

.sec03 .sec03-item__spec {
	padding: 0 4px;
	font-size: 14px;
	line-height: 1.5;
	letter-spacing: 0;
	word-break: break-word;
}

/* SP Responsive (handdry index sec03)
---------------------------------------------------------------*/
@media only screen and (max-device-width: 1280px) and (max-width: 640px) {
	.sec03 {
		margin-bottom: 70px;
	}
	.sec03-subtitle {
		font-size: 22px;
		margin-bottom: 30px;
	}
	.sec03 .sec03-head {
		margin-bottom: 10px;
	}

	.sec03 .sec03-head img {
		width: 45%;
		max-width: 210px;
		margin-right: 5px;
	}

	.sec03 .sec03-head span {
		display: inline-block;
		width: 55%;
		text-align: left;
	}

	.sec03 .sec03-lineup {
		display: block;
	}

	.sec03 .sec03-item {
		width: 100%;
		margin-bottom: 12px;
		padding: 0 0 14px;
	}

	.sec03 .sec03-item:last-child {
		margin-bottom: 0;
	}

	.sec03 .sec03-item__image {
		margin-bottom: 10px;
	}

	.sec03 .sec03-item__title {
		font-size: 16px;
	}

	.sec03 .sec03-item__title:after {
		top: 50%;
	}

	.sec03 .sec03-item__spec {
		font-size: 14px;
		line-height: 1.45;
	}
}

@media only screen and (max-width: 400px) {
	.sec03 .sec03-head span {
		font-size: 3.5vw;
	}

	.sec03 .sec03-item__title {
		font-size: 15px;
	}

	.sec03 .sec03-item__spec {
		font-size: 13px;
	}
}


/* ----------------------------------------------------------------------- 
handdry index sec04
-------------------------------------------------------------------------*/
.sec04 {
	padding-bottom: 40px;
}

.sec04 .sec04-title {
	margin-bottom: 56px;
	font-size: 28px;
	font-weight: 700;
	line-height: 1.4;
	text-align: center;
	color: #333;
}

.sec04 .custom-note--num {
	font-size: 12px;
	vertical-align: top;
}

.sec04 .sec04-unit {
	margin-bottom: 56px;
}

.sec04 .sec04-subtitle {
	position: relative;
	margin-bottom: 12px;
	padding-left: 1em;
	font-size: 18px;
	font-weight: 700;
	line-height: 1.4;
	color: #333;
}

.sec04 .sec04-subtitle:before {
	content: "■";
	position: absolute;
	left: 0;
	top: 0;
}

.sec04 .sec04-graphs {
	padding-bottom: 15px;
}

.sec04 .sec04-graphs__item {
	box-sizing: border-box;
	width: 49%;
	padding: 16px 0;
	text-align: center;
	border: 1px solid #e2e2e2;
}

.sec04 .sec04-graphs__item img {
	width: 442px;
	max-width: 96%;
}

.sec04 .sec04-grid {
	padding-bottom: 15px;
	margin-bottom: 60px;
}

.sec04 .sec04-grid__item {
	width: 49%;
}

.sec04 .sec04-panel {
	width: 478px;
	max-width: 100%;
	border: 1px solid #e2e2e2;
	text-align: center;
}

.sec04 .sec04-panel img {
	width: 476px;
	max-width: 100%;
}

.sec04 .sec04-note {
	margin-top: 10px;
	font-size: 14px;
	line-height: 1.5;
	color: #333;
}

.sec04 .sec04-note--small {
	margin-top: -6px;
}

/* SP Responsive (handdry index sec04)
---------------------------------------------------------------*/
@media only screen and (max-device-width: 1280px) and (max-width: 640px) {
	.sec04 {
		padding-bottom: 10px;
	}

	.sec04 .sec04-title {
		margin-bottom: 40px;
		font-size: 22px;
	}

	.sec04 .sec04-unit {
		margin-bottom: 40px;
	}

	.sec04 .sec04-subtitle {
		font-size: 17px;
	}

	.sec04 .sec04-graphs {
		display: block;
		padding-bottom: 15px;
	}

	.sec04 .sec04-graphs__item {
		width: 100%;
		margin-bottom: 16px;
	}

	.sec04 .sec04-graphs__item:last-child {
		margin-bottom: 0;
	}

	.sec04 .sec04-graphs__item img {
		width: 96%;
	}

	.sec04 .sec04-grid {
		display: block;
		padding-bottom: 0;
	}

	.sec04 .sec04-grid__item {
		width: 100%;
		margin-bottom: 40px;
	}

	.sec04 .sec04-grid__item:last-child {
		margin-bottom: 0;
	}

	.sec04 .sec04-panel {
		width: 100%;
	}

	.sec04 .sec04-panel img {
		width: 100%;
	}

	.sec04 .sec04-note--small {
		margin-top: -4px;
	}

	.sec04 .page-top_wrap {
		padding-top: 15px;
	}
}


/* ----------------------------------------------------------------------- 
handdry index sec04 compact design
-------------------------------------------------------------------------*/
.sec04 .sec04-compact {
	padding-top: 40px;
	padding-bottom: 30px;
}

.sec04 .sec04-title--compact {
	margin-bottom: 30px;
}

.sec04 .sec04-compact-row {
	padding-top: 10px;
}

.sec04 .sec04-compact-row--last {
	padding-top: 40px;
	padding-bottom: 30px;
}

.sec04 .sec04-compact-item {
	width: 49%;
	
}
.sec04 .sec04-compact-item--flex{
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.sec04 .sec04-compact-item .area-text {
	line-height: 1.5;
	margin-bottom: 12px;
}

.sec04 .sec04-design-panel {
	box-sizing: border-box;
	width: 478px;
	max-width: 100%;
	border: 1px solid #e2e2e2;
	padding: 13px 1px 1px;
	text-align: center;
}

.sec04 .sec04-design-panel img {
	width: 476px;
	max-width: 100%;
}

.sec04 .sec04-design-panel--large {
	padding: 1px;
}

.sec04 .sec04-compact-note {
	font-size: 14px;
	line-height: 1.5;
	color: #333;
}

.sec04 .sec04-compact-item--image {
	display: flex;
	align-items: flex-end;
}


/* SP Responsive (handdry index sec04 compact design)
---------------------------------------------------------------*/
@media only screen and (max-device-width: 1280px) and (max-width: 640px) {
	.sec04 .sec04-compact {
		padding-top: 20px;
		padding-bottom: 10px;
	}

	.sec04 .sec04-title--compact {
		margin-bottom: 24px;
	}
	.sec04 .sec04-compact-row--last{
		padding: 30px 0;
	}
	.sec04 .sec04-compact-row--last .sec04-compact-item{
		margin-bottom: 10px;
	}
	.sec04 .sec04-compact-row,
	.sec04 .sec04-compact-row--last {
		display: block;
	}

	.sec04 .sec04-compact-item {
		width: 100%;
		margin-bottom: 40px;
	}

	.sec04 .sec04-compact-item:last-child {
		margin-bottom: 0;
	}

	.sec04 .sec04-compact-item .area-text {
		margin-bottom: 10px;
	}

	.sec04 .sec04-design-panel,
	.sec04 .sec04-design-panel img {
		width: 100%;
	}

	.sec04 .sec04-compact-note {
		font-size: 13px;
		line-height: 1.45;
	}

	.sec04 .sec04-compact .page-top_wrap {
		padding-top: 15px;
	}
}


/* ----------------------------------------------------------------------- 
handdry index sec04 maintenance
-------------------------------------------------------------------------*/
.sec04 .sec04-maintenance {
	padding-top: 40px;
	padding-bottom: 60px;
}

.sec04 .sec04-title--maintenance {
	margin-bottom: 10px;
}

.sec04 .sec04-maintenance-row {
	padding-top: 30px;
}

.sec04 .sec04-maintenance-item {
	width: 49%;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.sec04 .sec04-maintenance-item .area-text {
	line-height: 1.5;
	margin-bottom: 8px;
}

.sec04 .sec04-maintenance-panel {
	box-sizing: border-box;
	width: 478px;
	max-width: 100%;
	border: 1px solid #e2e2e2;
	padding: 13px 1px 1px;
	text-align: center;
}

.sec04 .sec04-maintenance-panel img {
	width: 476px;
	max-width: 100%;
}

.sec04 .sec04-maintenance-note {
	margin-top: 10px;
	font-size: 14px;
	line-height: 1.5;
	color: #333;
}


/* SP Responsive (handdry index sec04 maintenance)
---------------------------------------------------------------*/
@media only screen and (max-device-width: 1280px) and (max-width: 640px) {
	.sec04 .sec04-maintenance {
		padding-top: 20px;
		padding-bottom: 0;
	}

	.sec04 .sec04-title--maintenance {
		margin-bottom: 8px;
	}

	.sec04 .sec04-maintenance-row {
		display: block;
		padding-top: 24px;
	}

	.sec04 .sec04-maintenance-item {
		width: 100%;
		margin-bottom: 40px;
	}

	.sec04 .sec04-maintenance-item:last-child {
		margin-bottom: 0;
	}

	.sec04 .sec04-maintenance-item .area-text {
		margin-bottom: 10px;
	}

	.sec04 .sec04-maintenance-panel,
	.sec04 .sec04-maintenance-panel img {
		width: 100%;
	}

	.sec04 .sec04-maintenance-note {
		font-size: 13px;
		line-height: 1.45;
	}

	.sec04 .sec04-maintenance .page-top_wrap {
		padding-top: 15px;
	}
}


/* -----------------------------------------------------------------------
案C移植: base CSS を biz style.css へ差替（v3 common.css 除去）に伴い、
v3 common.css 専用だったクラスを移植。handdry/index 単独読込の本ファイルに限定し
.page-handdry スコープへ閉じる（style.css 同名クラスとの相互干渉回避）。2026-07-15
-------------------------------------------------------------------------*/

/* bottom_nav middle_section: デジタルカタログバナー（module非該当＝旧維持） */
.page-handdry .bottom_nav .middle_section ul {
	width: 976px;
	margin: 0 auto;
	padding: 10px 0 0 0;
}
.page-handdry .bottom_nav .middle_section ul li {
	margin: 0 0 10px 16px;
	float: left;
}
.page-handdry .bottom_nav .middle_section ul li:first-child {
	margin-left: 0;
}
.page-handdry .clearfix:after {
	display: block;
	clear: both;
	content: "";
}

/* SP（v3 common.css の該当SPルールを移植） */
@media only screen and (max-device-width: 1280px) and (max-width: 640px) {
	.page-handdry .bottom_nav .middle_section ul {
		width: 100%;
		text-align: center;
		display: flex;
		flex-wrap: wrap;
		box-sizing: border-box;
		padding: 0 10px;
	}
	.page-handdry .bottom_nav .middle_section ul li {
		display: inline-block;
		width: calc((100% - 15px) / 2);
		vertical-align: top;
		margin: 0 15px 15px 0;
		float: none;
	}
	.page-handdry .bottom_nav .middle_section ul li:nth-child(2n) {
		margin-right: 0;
	}
}

/* [2026-07-21修正] sec01 custom-h3_area→h3_default 置換で下余白が過大化（旧 margin-bottom:5px →
   module padding:0 0 30px 0）。崩れ（余白）のみ旧値へ復元。※下線・font-size22px は新デザインとして維持。 */
.page-handdry .sec01 .h3_default {
	padding: 0;
	margin-bottom: 5px;
}