@charset "UTF-8";
/* CSS Document */
.sp-icon-products{
	display: none;
}

.slick-dots li{
    display: inline-block;
    margin: 0px 5px;
    width: 12px;
    height: 12px;
}


.top-last-company{
	display: block;
	width: 100%;
}






/*==================================================
スライダーのためのcss
===================================*/





body{
	font-family: 'Noto Sans JP', sans-serif;
	
}
.hero_image_frame{
	width: 100%;
	height: 50%;
}
.slider {/*横幅94%で左右に余白を持たせて中央寄せ*/
   width:100%;
    margin:40px auto 80px;
}
/*
.slider-l{
	width:386px!important;
}
.slider-s{
	width:192px!important;
}*/

.slider-l{
	width:579px!important;
}
.slider-s{
	width:288px!important;
}
.slider img {
    width:100%;/*スライダー内の画像を横幅100%に*/
    height:auto;
}

/*slickのJSで書かれるタグ内、スライド左右の余白調整*/

.slider .slick-slide {
    margin:0 3px;
}

.slick-slide img:hover{
		opacity: 0.5;
	}

/*====
/*矢印の設定*/

/*戻る、次へ矢印の位置*/

.slick-prev, 
.slick-next {
    position: absolute;/*絶対配置にする*/
    top: 42%;
    cursor: pointer;/*マウスカーソルを指マークに*/
  outline: none;/*クリックをしたら出てくる枠線を消す*/
    /*
	border-top: 2px solid #666;/*矢印の色*/
    /*border-right: 2px solid #666;/*矢印の色*/

    height: 60px;
    width: 60px;
	z-index: 1;
}


.slick-prev {/*戻る矢印の位置と形状*/
    left: 10%;
    /*transform: rotate(-135deg);*/
	position: absolute;
	background-image: url("../01_images/left-button.png");
		background-repeat: no-repeat;
	background-size: 40px auto;
}

.slick-next {/*次へ矢印の位置と形状*/
    right: 10%;
    /*transform: rotate(45deg);*/
	position: absolute;
		background-image: url("../01_images/right-button.png");
		background-repeat: no-repeat;
	background-size: 40px auto;
}


/*追記ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/












/*追記ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/





/*ドットナビゲーションの設定*/

.slick-dots {
    text-align:center;
	margin:20px auto 0;
	display: flex;
	justify-content: center;
	width: 80%;
}




.slick-dots {
    text-align: center;
    margin: 20px auto;
    justify-content: center;
    display: flex;
    width: 100%;
}
.slick-dots button {
    color: transparent;
    outline: none;
    width:100%;/*ドットボタンのサイズ*/
    height:100%;/*ドットボタンのサイズ*/
    display:block;
    border-radius:50%;
    background:#ccc;/*ドットボタンの色*/
	border: none;
}

.slick-dots .slick-active button{
    background:#333;/*ドットボタンの現在地表示の色*/
}





.all-wrapper{
	max-width: 1000px;
	display: block;
	margin: 0 auto;
}
/*
.sp-title{
	display: none;
}*/
























.title-block{
	display: block;
	margin: auto 0
}





.title-l{
		font-family: 'Noto Sans JP', sans-serif;
display: block;
    vertical-align: middle;
    margin: auto 0;
    font-size: 22px;
	color: #2c2c2c;
}
.title-s{
		font-family: 'Noto Sans JP', sans-serif;
display:block;
    vertical-align: middle;
    margin: auto 0;
    font-size: 14px;
	color:#FF0000;
	margin-top: 5px;
}


.heading10 {
	position: relative;
	padding-top: 30px;
	font-size: 26px;
	width:100%;
	padding-left: 5px;
}
.flow-wrapper{
	display: block;
	width: 80%;
	margin: 0 auto;
}
.heading10 span {
	position: relative;
	z-index: 2;
	font-weight: 600;
	color: #111;
	font-family: 'Noto Sans JP', sans-serif;
	letter-spacing: 0.3rem;
}
.slider-wrapper{
	display: block;
	max-width: 900px;
	margin: 0 auto;
	height:800px;
}
.heading10::before {
	font-family: 'Noto Sans JP', sans-serif;
	content: attr(data-en);
	position: absolute;
	top: 0px;
	left: 0;
	color: rgba(5,62,98,0.2);
	font-size: 40px;
	text-transform: uppercase;
	z-index: 1;
}
.hero-image-img{
	display: block;
	width: 100%;
	height: 100%;
	background-size: cover;
	background-position: center;
	padding-top: 140px;
}
.hero-image-img_sp,.hero-image-img_ta{
	display: none;
}
.top-title{
	position: absolute;
    top: 25%;
    left: 10%;
    color: #FFF;
    font-size: 48px;
    letter-spacing: 1rem;
	 font-family: 'Noto Sans JP', sans-serif;
}
.top-text{
	position: absolute;
    top: 36%;
    left: 10%;
    color: #FFF;
    font-size: 22px;
    letter-spacing: 0.5rem;
	 font-family: 'Noto Sans JP', sans-serif;
}
/*おすすめ商品-------------------------------------------------------------------------------------------------------------*/
.section_pick-up{
	display: flex;
	margin: 40px auto;
	border-bottom: 5px solid #111;
}
.icon-pick-up,.icon-industry{
	display: block;
	width:6%;
}
/*商品ラインナップ*-------------------------------------------------------------------------------------------------------------*/
/*.section_products,.section_industry{
	background-image: url("../01_images/bg-ye.png");
	padding: 30px;
}*/
.section_products{
	display: block;
	}
.icon-products{
	display: block;
	width:100%;
}
.title-wrapper{
	display: flex;
	border-bottom: 2px solid #2c2c2c;
}
.section_products-contents,.section_industry-contents{
	display: block;
	background-color: #FFF;
	border-radius: 50px;
}
.products-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 26px;
    justify-content: center;
	margin-top: 26px;
}
.products-grid li{
	width: 23%;
	list-style: none;
}

.products-grid::after{
  content:"";
  display: block;
  width:27%;
margin: 30px auto;
}





.products-grid li img{
	width: 230px;
	height: 160px;
	margin: 0 auto;
}
.section_products h3 ,.section_industry h3{
	color:#2c2c2c;
	margin: 10px 0;
	    border-radius: 30px;
    text-align: left;
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 700;
	border-image: linear-gradient(0.25turn, #FF0000 100px, #ebf1f2 100px) 1/0 0 2px 0;
    border-bottom: solid;
	padding-bottom: 8px;
	font-size: 20px;
}

.section_products p, .section_industry p {
    font-family: 'Noto Sans JP', sans-serif;
    color: #2c2c2c;
    font-weight: 500;
    line-height: 1.6;
    font-size: 14px;
}




/*ご依頼の流れ*-------------------------------------------------------------------------------------------------------------*/
.new-flow-wrapper{
	margin: 26px auto;
	display: block;
}
.section_flow{
		display: block;
	margin: 80px auto ;
}
.flow-wrapper{
	display: block;
	width: 75%;
}
.flow-title-wrapper{
	display: flex;
	border-bottom: 2px solid #2c2c2c;
}
#StY{
	background: linear-gradient(transparent 52%, #ffff00 45%);
	color: #111;
	font-size: 24px;
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 600;
	margin-left: 30px;
	vertical-align: middle;
	padding: 15px 0;
	letter-spacing: 0.3rem;
}
.flow-title{
	display: flex;
	flex-wrap: nowrap;
	margin: 30px 0 0;
}
.flow-title li{
	list-style: none;
}
.flow-title h2{
	color:#fff;
	background-color: #111;
	padding: 15px;
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 400;
	font-size: 30px;
	border-radius: 40px;
}
.flow-text{
font-family: 'Noto Sans JP', sans-serif;
font-weight: 400;
font-size: 14px;
color:#2c2c2c;
padding-left: 80px;
line-height: 1.8;
}
.button_area{
	display: flex;
	justify-content: flex-start;
	gap:26px;
}
.button_area li{
	background-color: #444;
    color: #fff;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 500;
    font-size: 16px;
    padding: 8px 25px;
    border-radius: 50px;
    list-style: none;
    margin: 10px 0px;
    text-align: center;
    width: 120px;
}
.button_area li:hover{
	opacity: 0.5;
}
.button_area li a{
	text-decoration: none;
	color: #fff;
}
.button_area a{
	text-decoration: none;
}
.icon-flow{
	display: block;
	width:5%;
}
/***ステップバーデザイン１***/
.step-wrap1 {
 counter-reset:count;
 position: relative;
}
.step-content1 {
 padding: 0 0 1.3em 2em;
 margin: 0;
 position: relative;
}
.step-content1::before {
 content: "";
 display: block;
 width: 13px;
 height: 13px;
 background: #FF0000;
 border: solid 3px #ffffff;
 border-radius: 50%;
 position: absolute;
 top: 3px;
 left: 3px;
 box-shadow: 0 0 0 2px #FF0000;
}
.step-content1::after,.step-wrap1::after {
 content: "";
 display: block;
 height: calc(100% - 35px);
 border-left: dotted 5px #768888;
 position: absolute;
 top: 30px;
 left: 10px;
}
.step-title1 {
 font-weight: 600;
 font-size: 23px;
margin: 10px 0;
}
.step-label1 {
 color: #FF0000;
 font-weight: bold;
}
.step-label1::after {
 counter-increment:count;
 content:counter(count);
 position: relative;
 left: .3em;
}
.step-body1 {
 margin-top: .5em;
 padding: 0 0 1em;
 border-bottom: dotted 2px #ddd;
color: #2c2c2c;
    font-size: 14px;
	line-height: 1.8;
	font-weight: 500;
}
.step-wrap1 > :last-of-type::after {
 display: none;
}
/***ステップバーデザイン１***/
/*業種から選ぶ----------------------------------------------------------------------------------------------------------*/

/*選ばれ3つの理由----------------------------------------------------------------------------------------------------------*/
.section_reason{
		display: block;
	margin: 80px auto ;
}
/*
.reason-title{
	position: relative;
    top: -58px;
    left: -10px;
    width: 107%;
    z-index: 1;
}

.reason-title::before{
content: "";
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 10px 10px 0;
    border-color: transparent #a56e10 transparent transparent;
    position: absolute;
    left: 0;
    bottom: -10px;
}
.reason-title span {
    display: inline-block;
    background: #FF0000;
    font-size: 16px;
    padding: 10px 15px;
    padding: 20px 26px 20px 30px;
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 700;
}*/
.reason-img{
	position: relative;
	width:100%;
}
.reason-wrapper{
	display: flex;
	justify-content: center;
	gap:26px;
	margin: 26px auto;
	flex-wrap: nowrap;
}
.reason-wrapper li{
	width: 40%;
	list-style: none;
	background-color: #e7e7e7;
	border-radius: 30px;
	padding: 15px;
}
.reason-wrapper li p{
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 14px;
	line-height: 1.8;
	position: relative;
	color:#2c2c2c;
	font-weight: 500;
	margin-top: 10px;
} 

/*NEW-選ばれ3つの理由----------------------------------------------------------------------------------------------------------*/

	
	
	.reason-wrapper h6 {
    /* display: block; */
    color: #2c2c2c;
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 36px;
    font-weight: 800;
    letter-spacing: -8px;
    text-align: center;
}
	
	.reason-title {
    display: block;
    color: #2c2c2c;
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 24px;
    font-weight: 700;
    margin: 10px auto 20px;
    text-align: center;

	
	
}
/*施工事例----------------------------------------------------------------------------------------------------------*/
.section_works{
		display: block;
	margin: 0px auto;
}
.works-wrapper{
	display: flex;
	justify-content: center;
	gap:26px;
	margin: 26px auto;
	flex-wrap: nowrap;
}
.works-block{
	list-style: none;
	display: block;
	width:23%;
}
.works-block img{
	width: 100%;
	height:100%;
	border-radius: 20px;
}
.tr{
	display: block;
	width: 30%;
}
.more-button{
	background-color: #444;
    color: #2c2c2c;
    padding: 15px;
    border-radius: 30px;
    text-align: center;
    font-family: 'Noto Sans JP', sans-serif;
	width: 15%;
	display: block;
	margin: 0 auto;
}
.more-button a{
	text-decoration: none;
	    color: #fff;
	 font-family: 'Noto Sans JP', sans-serif;
	font-weight: 500;
}
.more-button:hover{
	opacity: 0.5;
}


/*お知らせ----------------------------------------------------------------------------------------------------------*/
.section_news{
		display: block;
	margin: 80px auto;
}
.news-article li a{
	display: flex;
	text-decoration: none;
		font-family: 'Noto Sans JP', sans-serif;
	font-size: 18px;
	color: #2c2c2c;
	justify-content: center;
	font-weight: 400;
}
.news-article li{
	list-style: none;
	margin: 30px auto;
	
}
.news-article{
	color: #2c2c2c;
	display: block;
	margin: 26px auto;
	
}
.news_time{
	font-family: 'Noto Sans JP', sans-serif;
	    color: #2c2c2c;
    font-weight: 500;
	font-size: 14px;
}
.news_title{
	padding-left: 20px;
	 color: #2c2c2c;
    font-weight: 500;
		font-size: 14px;
}


.Link{
	text-decoration: none;
}
.products-grid li:hover{
	background-color: #FDF9DC;
}
.contact-tel-wrapper{
	display: flex;
	justify-content: center;
}
/*スマホ―-------------------------------------------------------------------------------------------------------------------------------*/
@media(max-width:599px){
	.slick-prev, .slick-next{
		display: none!important;
	}
		.reason-title {
    display: block;
    color: #2c2c2c;
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 20px;
    font-weight: 700;
    margin: 10px auto 20px;
    text-align: center;

	
	
}
	.step-title1 {
 font-weight: 600;
 font-size: 20px;
margin: 10px 0;
}
	
	
	.slick-dots {
    text-align: center;
    margin: 20px auto;
    display: flex;
    justify-content: center;
    width: 80%;
}
	.slick-dots li {
    display: inline-block;
    margin: 0px 2px;
    width: 12px;
    height: 12px;
}
	.slick-dots {
    text-align:center;
	margin:20px auto 0;
	display: flex;
	justify-content: center;
	width: 80%;
}
	.sp-icon-products{
	display: block;
		width: 100%;
}
	.icon-products{
		display: none;
	}
.slider-l{
	width:386px!important;
}
.slider-s{
	width:192px!important;
}
	.products-grid::after{
  display: none;

}
	.slick-dots button {
    color: transparent;
    outline: none;
    width:100%;/*ドットボタンのサイズ*/
    height:100%;/*ドットボタンのサイズ*/
    display:block;
    border-radius:50%;
    background:#ccc;/*ドットボタンの色*/
	border: none;
	box-shadow: none;
	padding: 0;
}
	.more-button {
    background-color: #444;
    color: #2c2c2c;
    padding: 15px;
    border-radius: 30px;
    text-align: center;
    font-family: 'Noto Sans JP', sans-serif;
    width: 40%;
    display: block;
    margin: 0 auto;
	}
	.flow-single-button{
	background-color: #FF0000;
    color: #2c2c2c;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 500;
    font-size: 14px;
    padding: 10px;
    list-style: none;
    width: 40%;
	}
	.section_products-contents, .section_industry-contents {
display: block;
    max-width: 370px;
    margin: 40px auto;
    background-color: #FFF;
    border-radius: 50px;
}
	.section_products {
    display: block;
	margin: 0 auto;
}
	.reason-wrapper li {
    width: 100%;
    list-style: none;
    background-color: #e7e7e7;
    border-radius: 30px;
    padding: 0px;
	}
	
	.products-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    justify-content: flex-start;
    margin-top: 14px;
}
	.products-grid li img {
    width: 100%;
    height: 120px;
    margin: 0 auto;
}
	.hero-image-img_sp{
		display: block;
		width: 100%;
	/*height: calc(70vh - 70px);*/
	height: 100%;
	background-size: cover;
	}
	.hero-image-img,.hero-image-img_ta{
	display: none;
}
	.flow-wrapper {
    display: block;
    width: 95%;
}
	.slider {/*横幅94%で左右に余白を持たせて中央寄せ*/
   width:100%;
    margin:15px auto;
}
	
	.section_pick-up{
		padding: 0 10px;
	}
	.icon-pick-up, .icon-industry {
    display: block;
    width: 10%;
}

	.top-title {
    position: absolute;
    top: 30%;
    left: 9%;
    color: #FFF;
    font-size: 28px;
    letter-spacing: 0.5rem;
    text-align: center;
}
	.top-text {
    position: absolute;
    top: 38%;
    left: 12%;
    color: #FFF;
    font-size: 16px;
    letter-spacing:0;
}
	.heading10 {
    position: relative;
    padding-top: 13px;
    font-size: 22px;
    width: 100%;
    padding-left: 5px;
}
	.heading10::before {
    content: attr(data-en);
    position: absolute;
    top: 0px;
    left: 0;
    color: rgba(5,62,98,0.2);
    font-size: 25px;
    text-transform: uppercase;
    z-index: 1;
}
	.products-grid li {
    width: 45%;
    list-style: none;
    margin: 0;
    padding: 15px 5px;
}
	.section_products p, .section_industry p {
    font-family: 'Noto Sans JP', sans-serif;
    color: #2c2c2c;
    font-weight: 400;
    line-height: 1.2;
	font-size: 14px;
}
	.section_products, .section_industry {
    /*background-image: url(../01_images/bg-ye.png);*/
		max-width: 370px;
		display: block;
		margin: 40px auto;
		
}

	.section_flow {
    display: block;
    margin: 0 auto;
    max-width: 370px;
}
	.icon-flow {
    display: block;
    width: 10%;
}
	#StY {
    background: linear-gradient(transparent 50%, #ffff00 40%);
    color: #111;
    font-size: 20px;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 600;
    margin-left: 30px;
    vertical-align: middle;
    padding: 15px 0;
}
	.flow-text {
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 400;
    font-size: 14px;
    color: #2c2c2c;
    padding:0;
    line-height: 2rem;
}
	.flow-title h2 {
    color: #fff;
    background-color: #111;
    padding: 15px;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 700;
    font-size: 20px;
    border-radius: 40px;
}
	.flow-double-button {
    background-color: #FF0000;
    color: #2c2c2c;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 500;
    font-size: 14px;
    padding: 10px ;
    list-style: none;
	width: 40%;
}
	.button_area {
    display: flex;
    justify-content: flex-start;
	gap:26px;
}
	.section_products h3, .section_industry h3 {
    color: #2c2c2c;
    margin: 10px 0;
    border-radius: 30px;
    text-align: left;
    font-family: 'Noto Sans JP', sans-serif;
    letter-spacing: 0;
    font-size: 14px;
	font-weight: 600;
}
	
	
	
	
	.reason-wrapper{
		display: block;
		
	}
	.reason-wrapper li {
    width: 80%;
    list-style: none;
	margin: 20px auto;
	padding: 10px;
}
	.reason-wrapper h6 {
    display: block;
    color: #2c2c2c;
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 30px;
    font-weight: 800;
    text-align: center;
}
	.section_reason {
    display: block;
    max-width: 370px;
    margin: 0px auto;
}
	.reason-img {
    position: relative;
    width: 80%;
    text-align: center;
    margin: 0 auto;
    display: block;
}
	.reason-title {
	display: block;
    width: 100%;
    z-index: 1;
}
	.reason-title span {
    display: inline-block;
    background: #FF0000;
    font-size: 20px;
    padding: 10px 15px;
    padding: 20px 15px 20px 30px;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 500;
    width: 81%;
}
	.reason-wrapper li p {
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 14px;
    line-height: 1.4;
    position: relative;
    font-weight: 400;
    margin: 20px auto;
    width: 100%;
}

	button {
    background: #FF0000;
    font-family: inherit;
    padding: 0.6em 1.3em;
    font-weight: 900;
    font-size: 18px;
    border: 3px solid #111;
    border-radius: 30px;
    box-shadow: 0.1em 0.1em #111;
    display: block;
    margin: 0 auto;
    width: 70%;
}
	.section_works {
    display: block;
    max-width: 370px;
    margin: 40px auto;
}
	.works-wrapper {
    display: flex;
    justify-content: center;
	flex-wrap: wrap;
    margin: 14px auto;
    gap: 14px;
}
	.works-block {
list-style: none;
    display: block;
    width: 48%;
}
	.section_news {
    display: block;
    max-width: 900px;
    margin: 80px auto;
	padding: 0 10px;
}
	.news-article li a {
    display: block;
    text-decoration: none;
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 14px;
    color: #111;
}
	.news_title {
     padding:0;
	margin-top: 8px;
		font-size: 14px;
		color: #2c2c2c;
}


	/*
	.section_contact {
    background-image: url(../01_images/contact-cover.png);
    background-size: cover;
	background-position: center;
}
	*/

	.contact-button-twin-left {
    background: #FF0000;
    font-family: inherit;
    padding: 27px 60px;
    font-weight: 900;
    font-size: 18px;
    border: 3px solid #111;
    border-radius: 60px;
    box-shadow: 0.1em 0.1em #111;
    display: block;
    margin: 50px auto 0;
    width: 90%;
}
	.contact-button-twin-right {
    background: #FF0000;
    font-family: inherit;
    padding: 20px 60px;
    font-weight: 900;
    font-size: 18px;
    border: 3px solid #111;
    border-radius: 60px;
    box-shadow: 0.1em 0.1em #111;
    display: block;
    margin: 50px auto 0;
    width: 90%;
}
	.contact-link-button {
    cursor: pointer;
    font-weight: 700;
    font-family: 'Noto Sans JP', sans-serif;
    transition: all .2s;
    padding: 30px 20px;
    border-radius: 100px;
    background: #E4007F;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    margin: 60px auto;
    width: 90%;
    text-align: left;
}
	/*
	.icon-products{
	display: none;
}
	.sp-title{
	display: block;
	width:100%;
}*/
	
	
	
	
}
/*タブレット―-------------------------------------------------------------------------------------------------------------------------------*/
@media(min-width:600px) and (max-width:1024px){
	.slick-prev {/*戻る矢印の位置と形状*/
    left: 10%;
    /*transform: rotate(-135deg);*/
	position: absolute;
	background-image: url("../01_images/left-button.png");
		background-repeat: no-repeat;
	background-size: 40px auto;
}
	.sp-icon-products{
	display: none;
}
	.f-navi-block {
    width: 85px;
    margin: auto 0;
    text-align: center;
    cursor: pointer;
}
	.contact-wrapper {
    display: block;
    padding: 92px 0;
    margin: 0 auto;
    max-width: 1000px;
}
	.f-navi a {
    text-decoration: none;
    color: #2c2c2c;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 500;
    font-size: 14px;
}
.contact-sub-tel {
    display: block;
    color: #fff;
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 30px;
    text-align: center;
    font-weight: 700;
    margin: auto 0;
    letter-spacing: 0.2rem;
}
.slick-next {/*次へ矢印の位置と形状*/
    right: 10%;
    /*transform: rotate(45deg);*/
	position: absolute;
		background-image: url("../01_images/right-button.png");
		background-repeat: no-repeat;
	background-size: 40px auto;
}

	.section_products-contents, .section_industry-contents {
    display: block;
    max-width: 700px;
    margin: 60px auto;
    background-color: #FFF;
    border-radius: 50px;
}
	.products-grid li img{
		width: 200px;
		height:130px;
		margin: 0 auto;
	}
	.products-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 26px;
    justify-content: center;
    margin-top: 26px;
}
	.slider-l{
	width:386px!important;
}
.slider-s{
	width:192px!important;
}
	.products-grid li{
		width: 30%;
		list-style: none;
	}
	.section_products h3, .section_industry h3 {
    color: #2c2c2c;
    margin: 10px 0;
    border-radius: 30px;
    text-align: left;
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 15px;
}
	.section_products p, .section_industry p {
    font-family: 'Noto Sans JP', sans-serif;
    color: #2c2c2c;
    font-weight: 400;
    line-height: 1.4;
    font-size: 14px;
}
	
	.slider{
		width:85%;
	}
	.flow-title {
    display: flex;
    flex-wrap: nowrap;
    margin: 35px 0 0;
}
	
	.hero-image-img_ta{
		display: block;
		width: 100%;
	height: 100%;
	background-size: cover;
	}
	.hero-image-img_sp,.hero-image-img{
		display: none;
	}
	.icon-products {
    display: block;
    width: 100%;
}
	.section_pick-up {
    display: flex;
    max-width: 900px;
    margin: 80px auto;
    border-bottom: 5px solid #111;
	padding: 0 10px;
}
	.section_flow {
  display: block;
    max-width: 700px;
    margin: 60px auto;
}
	.section_industry{
		  display: block;
    max-width: 700px;
		margin: 0 auto;
	}
	.flow-text {
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 400;
    font-size: 16px;
    color: #2c2c2c;
    padding-left: 80px;
    line-height: 2rem;
}
	.icon-pick-up, .icon-industry {
    display: block;
    width: 10%;
}
	.icon-flow {
    display: block;
    width: 8%;
}
	.flow-title {
    display: flex;
    flex-wrap: nowrap;
    margin: 35px 0 0;
}
	.reason-wrapper{
		display: flex;
		margin: 26px auto;
		gap:10px;
	}
	.reason-wrapper li {
    width: 27%;
    list-style: none;
	display: block;
	margin: 0 auto;
	text-align: center;
	padding: 8px;
}
	.reason-img {
display: block;
    width: 100%;
}
	.reason-title {
display: block;
    width: 100%;
    z-index: 1;
		font-size: 15px;
}
	.reason-wrapper h6 {
    display: block;
    color: #2c2c2c;
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 22px;
    font-weight: 500;
    text-align: center;
}
	.reason-wrapper li p {
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 14px;
    position: relative;
    font-weight: 400;
    width: 100%;
	text-align: left;
	line-height: 1.4;
	margin: 10px auto 0;
}
.reason-title span {
    display: inline-block;
    background: #FF0000;
    font-size: 20px;
    padding: 10px 15px;
    padding: 20px 15px 20px 30px;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 700;
    width: 73%;
}/*
	.reason-title::before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 10px 10px 0;
    border-color: transparent #a56e10 transparent transparent;
    position: absolute;
    left: 65px;
    bottom: -7px;
}*/
	.section_reason {
    display: block;
    max-width: 700px;
    margin: 0px auto;
}
	.section_works{
    display: block;
    max-width: 700px;
    margin: 60px auto;
}
		.section_news{
    display: block;
    max-width: 700px;
    margin: 0px auto 60px;
}

	
	.tel-wrapper li:last-child{
		padding-left: 20px;
	}
}

/*追記*/
.card_banner{
	width:1000px;
	margin:0 auto 40px;
}
.card_banner img.card_pc{
	display:display: block;
	width:100%;
}
.card_banner img.card_sp{
	display:none;
}
@media(max-width:599px){
	.card_banner{
	width:100%;
		margin:0 auto 15px;
	}
	.card_banner img.card_pc{
	display:none;
	}
	.card_banner img.card_sp{
	display: block;
	width:100%;
	}
}
@media(min-width:600px) and (max-width:1024px){
	.card_banner{
	width:100%;
		margin:0 auto 20px;
	}
	.card_banner img.card_pc{
	display: block;
	width:100%;
	}
	.card_banner img.card_sp{
	display:none;
	}
}