@charset "utf-8";

/*
hanten
半纏・法被
*/

#SecOtherProducts ul li:nth-child(1),
#SecOtherProducts ul li:nth-child(2),
#SecOtherProducts ul li:nth-child(6){
	display: none;
}


/* #Sec01
-----------------------------------------------------------------*/
.hanten #Sec01{
	margin-top: 40px;
	padding: 0 80px;
}
.hanten #Sec01 .inner{
	max-width: 960px;
	margin: 0 auto;
}
.hanten #Sec01 h2.ttl{
	margin-top: 60px;
}

.hanten #Sec01 .web_list_box ul{
	max-width: 1040px;
	margin: 0 auto;
}

.hanten #Sec01 .web_list_box ul li:first-child{
    margin-top: 100px;
}

.hanten #Sec01 .web_list_box ul li {
    background: #669999;
    margin-bottom: 20px;
}

.hanten #Sec01 .web_list_box ul li a{
	display: flex;
    color: #fff;
}
.hanten #Sec01 .web_list_box ul li .txt_box .ttl {
    font-size: 2.6rem;
    font-weight: 700;
}
.hanten #Sec01 .web_list_box ul li .txt_box {
    width: 50%;
    padding: 30px;
    box-sizing: border-box;
    position: relative;
}
.hanten #Sec01 .web_list_box ul li .img {
    width: 50%;
}

.hanten #Sec01 .web_list_box ul li .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.hanten .flow_line{
	display: flex;
	align-items: center;
	flex-wrap: wrap; 
}

.hanten .flow_line .flow_box{
	background: #000033;
	color: #fff;
	min-width: 160px;
	height: 105px;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 16px;
	margin-bottom: 10px;
}

.hanten .flow_line p.arrow{
	margin: 0 11px;
}

.hanten .price_box{
	display: flex;
	justify-content: space-between;
}

.hanten .price_box th{
	background: #000033;
	color: #fff;
	font-weight: bold;
	min-width: 120px;
	height: 44px;
	vertical-align: middle;
	border-bottom: 1px solid #fff;
}

.hanten .price_box tr:first-child td{
	border-top: 1px solid #000033;
}

.hanten .price_box tr td span{
	font-size: 1.4rem;
}

.hanten .price_box td{
	min-width: 247px;
	margin-left: 15px;
	padding: 5px 0;
	padding-left: 15px;
	border-bottom: 1px dashed #000033;
	display: inline-block;
	min-height: 32px;
	vertical-align: middle;
}

.hanten .price_box .img{
	text-align: center;
}

.hanten .price_box .img img{
	margin-top: 15px;
	margin-bottom: 86px;
}

.hanten .hanten_box{
	margin-top: 80px;
	margin-bottom: 10px;
}

.hanten .hanten_box .img_list ul{
	display: flex;
	justify-content: space-between;
	margin-top: 40px;
}

.hanten .hanten_box .btn_box{
	display: flex;
	justify-content: space-between;
	flex-wrap:wrap;
}

.hanten .hanten_box .btn_box p{
	margin-top: 40px;
	width: 460px;
}

@media screen and (max-width: 1020px) {
/* 1020pxまでの幅の場合に適応される */

.hanten .price_box{
}

.hanten .price_box th{

}

.hanten .price_box tr td{
}

.link_btn.right{
	width: 100%;
}

/* 1020pxまでの幅の場合に適応される */
}

@media screen and (max-width: 767px) {
/* 767pxまでの幅の場合に適応される */

/* #Sec01
-----------------------------------------------------------------*/
.hanten #Sec01{
	padding: 0 50px;
}
.hanten #Sec01 .inner{
}
.hanten #Sec01 .web_list_box ul li a{
	display: block;
}

.hanten #Sec01 .web_list_box ul li .txt_box,
.hanten #Sec01 .web_list_box ul li .img{
	width: 100%;
}

.hanten .flow_line .flow_box{
	width: 38%;
	min-width: 110px;
}

.hanten .flow_line p.arrow{
	margin: 0 6px;
}

.hanten .price_box{
	display: block;
}

.hanten .price_box table,
.hanten .price_box table tbody,
.hanten .price_box table tr{
	display: block;
	width: 100%;
}

.hanten .price_box th{
	width: 100%;
	display: block;
	line-height: 44px;
}

.hanten .price_box tr:first-child td{
	border-top: none;
}

.hanten .price_box tr td{
	width: 100%;
	display: block;
	padding: 10px 0;
	margin: 0 auto;
	margin-bottom: 10px;
}

.hanten .hanten_box .img_list ul{
	flex-wrap: wrap;
}

.hanten .hanten_box .img_list ul li{
	margin-bottom: 20px;
}

/* 767pxまでの幅の場合に適応される */
}

@media screen and (max-width: 640px) {
/* 640pxまでの幅の場合に適応される */


/* 640pxまでの幅の場合に適応される */
}