@charset "utf-8";
/* 【 align-items 】 ****************/

/* 【 background-color 】背景色 ****************/
.im35_t .im35_t1{
	background-color: #ebebeb;
}

/* 【 background-image 】　*********************/
/* 【 background-repeat 】　********************/
/* 【 background-size 】　*********************/
/* 【 border 】線　****************************/

.bousen {
    border-bottom-color: #595959;
}

.bousen {
    border-bottom-style: solid;
}

.bousen {
    border-bottom-width: 1px;
}


.im35_t td{
	border: solid 1px #595959;
}
/* 【 border-radius 】線　****************************/

/* 【 color 】色 *****************************/


/* 【 display 】 *****************************/

.im35_line, .im35_line1, .im35_line2, .im35_line3{
	display: flex;
}

/* 【 font-size 】文字の大きさ ***************/

.im35_line .im35_box .p2{
	font-size: 16px;
}
/* 【 font-weight 】 ************************/

.spb{
	font-weight: bold;
}
/* 【 height 】高さ *************************/
/* 【 justify-content   ********************/

.im35_line{
	justify-content: space-between;
}
/* 【 line-height 】 ************************/
/* 【 left 】 ******************************/
/* 【 margin 】 ***************************/

.im35_t p{
	margin: 2px 0;
}

.item_im35_img{
	margin: auto;
}

.im35_area1 .hose_link{
	margin-top: 50px;
}

/* 【 margin-bottom 】 ***************************/

.bousen {
    margin-bottom: 50px;
}

.im35_line .im35_box .p1, .im35_area1 .p3{
	margin-bottom: 0;
}


/* 【 max-height 】 *************************/
/* 【 max-width 】 **************************/
/* 【 opacity 】 ****************************/
/* 【 overflow 】 ***************************/
/* 【 padding 】 ****************************/

.im35_t p{
	padding: 0 0 0 5px;
}
.bousen {
    padding-bottom: 50px;
}
/* 【 position 】************************** */
/* 【 text-align 】 *************************/
.im35_line .im35_box p{
	text-align: center;
}

.im35_area1 .hose_link{
	text-align: right;
}

/* 【 text-indent 】 ************************/



/* 【 top 】 ********************************/
/* 【 vertical-align 】 *********************/
/* 【 width 】横幅 **************************/

.im35_line .im35_box{
	width: 30%;
}

.im35_line .im35_box img, .im35_line1 .im35_box1 img, .im35_line2 .im35_box1 img, .im35_line .im35_box1 img, .item_im35_img a img{
	width: 100%;
}


.im35_area2 div .im35_box1, .im35_area3 div .im35_box1, .im35_area4 div .im35_box1, .im35_area5 div .im35_box1, .im35_area6 div .im35_box1, .im35_area7 div .im35_box1{
	width: 30%;
}

.im35_area2 div .im35_box2, .im35_area3 div .im35_box2, .im35_area4 div .im35_box2, .im35_area5 div .im35_box2, .im35_area6 div .im35_box2, .im35_area7 div .im35_box2, .item_im35_img{
	width: 70%;
}

.im35_line1 .im35_box1, .im35_line2 .im35_box1, .im35_line1 .im35_box2, .im35_line2 .im35_box2, .im35_line3 .im35_box1, .im35_line3 .im35_box2{
	width: 50%;
}

.im35_t{
	width: 98%;
}

.im35_area1 .hose_link a img{
	width: 40%;
}

.sp_side_scroll_area .dummy.slide_box{
	width: 80px;
}

/* 【 other or special CSS 】 *****************/
.im35_t{
	border-collapse: collapse;
}

/*　▽▽▽▽▽▽ レスポンシブ CSS (画面サイズが(max-width: XXXpx) XXX以下で下記効果を適用します。)　▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽　*/
@media screen and (max-width: 640px){
	/* 【 ［SP］/ background-color 】背景色  ****/

	.im35_area1 .im35_line .im35_box{
		background-color: #ffffff;
	}


	/* 【 ［SP］/ background-image 】　*********/
	/* 【 ［SP］/ background-repeat 】　********/
	/* 【 ［SP］/ background-size 】　**********/
	/* 【 ［SP］/ border 】線　*****************/
	.im35_area1 .im35_line .im35_box{
		border: solid 1px #8c8c8c;
	}
	/* 【 ［SP］/ color 】色 ******************/
	/* 【 ［SP］/ display 】 ******************/
	/* 【 ［SP］/ font-size 】文字の大きさ *****/
	/* 【 ［SP］/ font-weight 】 **************/
	/* 【 ［SP］/ height 】高さ ***************/
	/* 【 ［SP］/ justify-content 】 **********/
	/* 【 ［SP］/ line-height 】 *************/
	/* 【 ［SP］/ left 】 ********************/
	/* 【 ［SP］/ margin 】 ******************/
	.im35_area1 .im35_line{
		margin-bottom: 20px;
	}

	.im35_area1 .im35_line .im35_box{
		margin: 10px;
	}

	.im35_box2{
		margin-left: 10px;
	}
	/* 【 ［SP］/ max-height 】 **************/
	/* 【 ［SP］/ max-width 】 ***************/
	/* 【 ［SP］/ opacity 】 *****************/
	/* 【 ［SP］/ overflow 】 ****************/
	/* 【 ［SP］/ padding 】 *****************/
	/* 【 ［SP］/ position 】 ****************/

	.sp_side_scroll_area {
		position: relative;
	}


	/* 【 ［SP］/ text-align 】 **************/
	/* 【 ［SP］/ text-indent 】 *************/
	/* 【 ［SP］/ top 】 *********************/
	/* 【 ［SP］/ vertical-align 】 **********/
	/* 【 ［SP］/ width 】横幅 ***************/
	.im35_area1 .im35_line .im35_box{
		width: 250px;
	}

	.im35_area1 .hose_link a img{
		width: 80%;
	}
	
	/* 【 ［SP］other or special CSS 】 ******/
	.im35_area1 .im35_line{
		overflow-x: auto;
	}

	.im35_area1 .im35_line .im35_box{
		flex-shrink: 0;
	}

	.im35_area1 .im35_line .im35_box{
		box-shadow: 3px 3px 6px 1px #bcb9b9;
	}

	.sp_side_scroll_area::after {
		background-color: #ffffffd6;
		background-image: url(https://joshubussan.heteml.net/common/img/slider_arrow_image.png);
		background-repeat: no-repeat;
		background-size: contain;
		content: "";
		display: inline-block;
		height: 150px;
		margin: auto 0;
		padding: 5px;
		position: absolute;
		right: 0;
		top: 30%;
		width: 75px;
	}

	.dummy.slide_box{
		flex-shrink: 0;
	}
}
/*************** レスポンシブ E ***************/