@charset "UTF-8";


/*****************************************************
　メインビジュアル　
*****************************************************/
#main-visual{
	background:url('../img/top/main-visual_bg_pc.jpg') no-repeat center center;
	background-size:cover;
}
.main-visual_inner{
	display:table;
	margin:0 auto;
	max-width:1200px;
	width:100%;
}
/* スライダー 
------------------------------------------------- */
#slide_wrap{
	display:table-cell;
	padding:50px 9% 70px 0;
	max-width:600px;
	position:relative;
	vertical-align:middle;
	width:60%;
}
#slide.slick-dotted.slick-slider{
	margin:0;
}
/* ----- テキスト ----- */
#slide_txt{
	bottom:120px;
	color:#fff;
	font-size:22px;
	font-size:2.2rem;
	font-weight:bold;
	letter-spacing:0.075em;
	line-height:1.5;
	position:absolute;
	right:20px;
	text-shadow:0 0 5px #2b2b2b;
	z-index:1;
}
/* ----- 前へ、次へ ----- */
#slide .slick-arrow{
	height:81px;
	width:42px;
	z-index:1;
}
#slide .slick-prev{
	background:url('../img/top/prev_icon.png') no-repeat center center;
	left:-30px;
}
#slide .slick-next{
	background:url('../img/top/next_icon.png') no-repeat center center;
	right:-30px;
}
#slide .slick-prev:before,
#slide .slick-next:before{
	display:none;
}
/* ----- ドット ----- */
#slide .slick-dots{
	bottom:-36px;
	display:flex;
	justify-content:center;
}
#slide .slick-dots li{
	height:14px;
	width:14px;
}
#slide .slick-dots li button{
	height:auto;
	padding:0;
	width:auto;
}
#slide .slick-dots li button:before{
	background:#fff;
	border-radius:50%;
	content:'';
	height:14px;
	opacity:1;
	width:14px;
}
#slide .slick-dots li.slick-active button:before{
	background:#21c2f8;
}
/* 資料ダウンロード 
------------------------------------------------- */
#doc-download{
	background:rgba(0,25,39,0.45);
	box-sizing:border-box;
	color:#fbfbfb;
	display:table-cell;
	max-width:470px;
	padding:30px 20px 35px;
	vertical-align:middle;
	width:40%;
}
#doc-download ul{
	list-style-type:none;
}
#doc-download .btn{
	border:3px solid #fff;
	box-sizing:border-box;
	padding-top: 20px;
    padding-bottom: 20px;
}
#doc-download .btn:hover{
	border:3px solid #27b0ff;
	background:#27b0ff;
	transition:all 0.3s ease-out;
}
#doc-download .btn a{
	color:#fff;
	    /* display: block;*/
}
#doc-download .btn a:hover{
	opacity:1;
	transition:none;
}
/* ----- 生コンクリート価格表ダウンロード ----- */

.f_small{
	font-size:17px;
    font-size: 1.8rem;
    margin-bottom: 20px;
    position: absolute;
    padding-top: 5px;
}


#pricelist-download .ttl{
	background:url('../img/top/yen_icon.png') no-repeat left center;
	color:#fbfbfb;
	font-size:26px;
	font-size:2.6rem;
	font-weight:bold;
	line-height:1.4;
	padding:0 0 0 84px;
}
/* 価格表、試験項目表（横並び） */
#pricelist-download .h_btnlist{
	display:flex;
	justify-content:space-between;
	margin:18px 0 0;
}
#pricelist-download .h_btnlist .btn a{
	padding:20px 0 12px;
}
#pricelist-download .h_btnlist .btn span{
	background:url('../img/common/download_icon.png') no-repeat center bottom;
	display:block;
	padding:0 0 58px;
	text-align:center;
}
#pricelist-download .h_btnlist .pricelist_btn{
	max-width:220px;
	width:50%;
}
#pricelist-download .h_btnlist .pricelist_btn span{
	font-size:22px;
	font-size:2.2rem;
	font-weight:bold;
}
#pricelist-download .h_btnlist .testitemslist_btn{
	max-width:210px;
	width:48%;
}
#pricelist-download .h_btnlist .testitemslist_btn span{
	font-size:20px;
	font-size:2.0rem;
	font-weight:bold;
}
/* その他資料ダウンロード（縦並び） */
#pricelist-download .v_btnlist{
	margin:12px 0 0;
}
#pricelist-download .v_btnlist .btn{
	padding:0 18px;
}
#pricelist-download .v_btnlist .btn span{
	background:url('../img/common/download_icon.png') no-repeat right center;
	background-size:20px auto;
	display:inline-block;
	font-size:18px;
	font-size:1.8rem;
	font-weight:bold;
	line-height:45px;
	padding:0 30px 0 0;
}

#pricelist-download .v_btnlist .btn + .btn{
	margin:10px 0 0;
}

#order-download .v_btnlist2 .btn span {
    background: url(../img/common/download_icon.png) no-repeat right center;
    background-size: 20px auto;
    display: inline-block;
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: bold;
    line-height: 45px;
    padding: 0 30px 0 0;
}

/* ----- 2025各種ボタンアイコン ----- */

.v_btnlist {
   list-style: none;
}

#pricelist-download .col::before {
	content:"";
    background: url(../img/common/icon_col.png) no-repeat left center;
    background-size: 20px auto;
width: 19px;
height: 23px;
    display: inline-block;
vertical-align: middle;
margin: 0 10px 3px 0;
}

#order-download .helmet::before {
	content:"";
    background: url(../img/common/icon_helmet.png) no-repeat left center;
    background-size: 20px auto;
width: 19px;
height: 23px;
    display: inline-block;
vertical-align: middle;
margin: 0 10px 3px 0;
}

#order-download .bill::before {
	content:"";
    background: url(../img/common/icon_bill.png) no-repeat left center;
    background-size: 20px auto;
width: 19px;
height: 23px;
    display: inline-block;
vertical-align: middle;
margin: 0 10px 3px 0;
}



/* ----- ご注文用紙ダウンロード ----- */
#order-download{
	margin:17px 0 0;
}
#order-download .ttl{
	background:url('../img/top/mail_icon.png') no-repeat left center;
	color:#fbfbfb;
	font-size:24px;
	font-size:2.4rem;
	font-weight:bold;
	line-height:1.4;
	letter-spacing:0.05em;
	padding:3px 0 4px 84px;
}
#order-download .order-download_inner{
	align-items:center;
	display:flex;
	justify-content:space-between;
}
#order-download .btnlist{
	display:flex;
}
#order-download .btnlist .btn{
	width:81px;
}
#order-download .btnlist .btn + .btn{
	margin:0 0 0 13px;
}
#order-download .btnlist .btn a{
	display:block;
	/* padding:12px 0 10px; */
}
#order-download .btnlist .btn span{
	background:url('../img/common/download_icon.png') no-repeat center bottom;
	background-size:18px auto;
	display:block;
	font-size:16px;
	font-size:1.6rem;
	font-weight:bold;
	padding:0 0 30px;
	text-align:center;
}
#order-download .txt{
	font-size:12px;
	font-size:1.2rem;
	letter-spacing:0.05em;
	line-height:1.4;
	margin:10px 0 0;
	text-align:right;
}

#doc-download .link2 {
	color:#27b0ff;
}

/* ----- 安全データシートダウンロード ----- */

#order-download .v_btnlist2 {
    margin: 12px 0 0;
}

#order-download .v_btnlist2 .btn {
    padding: 0 18px;
}

#order-download .v_btnlist3 .btn {
    padding: 0 18px;
	margin-top: 10px;
}

#order-download .v_btnlist2 .btn span {
    display: inline-block;
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: bold;
    line-height: 45px;
    padding: 0 0px 0 0;
}


/*****************************************************
　メインコンテンツ　
*****************************************************/
#main-contents{
	display:flex;
	flex-direction:row-reverse;
	justify-content:space-between;
	margin:65px auto 50px;
	max-width:1200px;
	width:95%;
}
/* 最新情報 
------------------------------------------------- */
#news{
	max-width:470px;
	width:40%;
}
#news .news-contents{
	background:#f5f5f5;
	margin:12px 0 0;
	padding:20px 20px 22px;
}
/* ----- 記事 ----- */
#news .news-item{
	background:#fff;
	padding:15px 20px;
}
#news .news-item + .news-item{
	margin:6px 0 0;
}
#news .news-item .date,
#news .news-item .ttl{
	font-size:16px;
	font-size:1.6rem;
	font-weight:normal;
	line-height:1.5;
	padding:0 0 0 24px;
}
#news .news-item .date{
	background:url('../img/common/checkmark.png') no-repeat left center;
	color:#005d93;
	display:block;
}
#news .news-item .ttl a{
	color:#27b0ff;
	text-decoration:underline;
}
/* 投稿なし */
#news .none{
	background:#fff;
	color:#005d93;
	font-size:16px;
	font-size:1.6rem;
	font-weight:normal;
	line-height:1.5;
	padding:15px 20px;
}
/* ----- 最新情報一覧へ ----- */
#news .more{
	font-size:16px;
	font-size:1.6rem;
	letter-spacing:0.05em;
	line-height:1.4;
	margin:38px 8px 0;
	text-align:right;
}
#news .more a{
	background:url('../img/common/arrow.png') no-repeat right center;
	color:#002a4b;
	padding:0 20px 0 0;
}
/* 組合概要 
------------------------------------------------- */
#about{
	max-width:707px;
	width:59%;
}
#about .about-contents{
	display:flex;
	justify-content:space-between;
	margin:30px 0 0;
}
#about .about-contents .img{
	max-width:233px;
	width:33%;
}
#about .about-contents .txt{
	box-sizing:border-box;
	max-width:455px;
	padding:8px 20px 0 0;
	width:65%;
}
#about .about-contents .txt p{
	line-height:1.7;
}
#about .about-contents .txt .more{
	font-size:16px;
	font-size:1.6rem;
	margin:25px 0 0;
	text-align:right;
}
#about .about-contents .txt .more a{
	background:url('../img/common/arrow.png') no-repeat right center;
	color:#002a4b;
	padding:0 24px 0 0;
}
/* ----- リンク ----- */
#about .link{
	display:flex;
	justify-content:space-between;
	margin:50px 0 0;
}
#about .link .btn{
	font-size:18px;
	font-size:1.8rem;
	font-weight:bold;
	height:160px;
	line-height:1.3;
	max-width:234px;
	width:33%;
}
#about .link .btn.about{
	background:url('../img/top/linkbtn_about_pc.jpg') no-repeat center center;
	background-size:cover;
	letter-spacing:0.1em;
}
#about .link .btn.member{
	background:url('../img/top/linkbtn_member_pc.jpg') no-repeat center center;
	background-size:cover;
	letter-spacing:0.05em;
}
#about .link .btn.miyazaki-namakon{
	background:url('../img/top/linkbtn_miyazaki-namakon_pc.jpg') no-repeat center center;
	background-size:cover;
	letter-spacing:0.01em;
}
#about .link .btn a{
	align-items:center;
	box-sizing:border-box;
	color:#fff;
	display:flex;
	height:100%;
	position:relative;
}
#about .link .btn.about a{
	padding:0 10px 0 25px;
}
#about .link .btn.member a{
	padding:0 10px 0 15px;
}
#about .link .btn.miyazaki-namakon a{
	padding:1em 10px 0 10px;
}
#about .link .btn a:after{
	background:url('../img/common/arrow_white.png') no-repeat center center;
	content:'';
	display:block;
	height:9px;
	margin:-4px 0 0;
	position:absolute;
	right:10px;
	top:50%;
	width:13px;
	z-index:0;
}


@media screen and (max-width:1024px){
	/*****************************************************
	　メインビジュアル　
	*****************************************************/
	#main-visual{
		background:none;
	}
	.main-visual_inner{
		display:block;
	}
	/* スライダー 
	------------------------------------------------- */
	#slide_wrap{
		display:block;
		padding:0;
		max-width:none;
		width:auto;
	}
	#slide.slick-dotted.slick-slider{
		margin:0 0 8.59vw;
	}
	#slide .slick-slide img{
		width:100%;
	}
	/* ----- テキスト ----- */
	#slide_txt{
		bottom:2.5vw;
		font-size:4.06vw;
		left:0;
		margin:0 auto;
		padding:0 1.95vw;
		right:0;
		text-shadow:0 0 0.78vw #2b2b2b;
	}
	/* ----- 前へ、次へ ----- */
	#slide .slick-arrow{
		height:12.65vw;
		width:6.56vw;
		z-index:1;
	}
	#slide .slick-prev{
		background-size:6.56vw auto;
		left:3.12vw;
	}
	#slide .slick-next{
		background-size:6.56vw auto;
		right:3.12vw;
	}
	/* ----- ドット ----- */
	#slide .slick-dots{
		background:#2c3e50;
		bottom:-8.59vw;
		padding:3.2vw 0;
	}
	#slide .slick-dots li{
		height:2.18vw;
		width:2.18vw;
	}
	#slide .slick-dots li button:before{
		height:2.18vw;
		width:2.18vw;
	}
	/* 資料ダウンロード 
	------------------------------------------------- */
	#doc-download{
		background:url('../img/top/main-visual_bg_sp.jpg') no-repeat center center;
		background-size:cover;
		display:block;
		max-width:none;
		padding:6.25vw 3.12vw 7.03vw;
		width:auto;
	}
	#doc-download .btn{
		border-width:0.46vw;
	}
	#doc-download .btn:hover{
		border-width:0.46vw;
	}
	/* ----- 生コンクリート価格表ダウンロード ----- */
	#pricelist-download .ttl{
		background-size:14.53vw auto;
		font-size:5.46vw;
		padding:0 0 0 17.65vw;
	}
	/* 価格表、試験項目表（横並び） */
	#pricelist-download .h_btnlist{
		margin:3.12vw 0 0;
	}
	#pricelist-download .h_btnlist .btn a{
		padding:4.68vw 0 3.12vw;
	}
	#pricelist-download .h_btnlist .btn span{
		background-size:6.71vw auto;
		padding:0 0 11.71vw;
	}
	#pricelist-download .h_btnlist .pricelist_btn{
		max-width:none;
	}
	#pricelist-download .h_btnlist .pricelist_btn span{
		font-size:4.21vw;
	}
	#pricelist-download .h_btnlist .testitemslist_btn{
		max-width:none;
	}
	#pricelist-download .h_btnlist .testitemslist_btn span{
		font-size:4.21vw;
	}
	/* その他資料ダウンロード（縦並び） */
	#pricelist-download .v_btnlist{
		margin:2.65vw 0 0;
	}
	#pricelist-download .v_btnlist .btn{
		padding:0 3.9vw;
	}
	#pricelist-download .v_btnlist .btn span{
		background-size:3.75vw auto;
		font-size:3.75vw;
		line-height:9.53vw;
		padding:0 6.25vw 0 0;
	}
	#pricelist-download .v_btnlist .btn + .btn{
		margin:1.87vw 0 0;
	}
	/* ----- ご注文用紙ダウンロード ----- */
	#order-download{
		margin:3.12vw 0 0;
	}
	#order-download .ttl{
		background-size:14.53vw auto;
		font-size:5vw;
		padding:0.5vw 0 0.5vw 17.65vw;
	}
	#order-download .btnlist .btn{
		width:17.18vw;
	}
	#order-download .btnlist .btn + .btn{
		margin:0 0 0 2.81vw;
	}
	#order-download .btnlist .btn a{
		padding:2.65vw 0 2.03vw;
	}
	#order-download .btnlist .btn span{
		background-size:3.75vw auto;
		font-size:3.28vw;
		padding:0 0 5.93vw;
	}
	#order-download .txt{
		font-size:2.5vw;
		margin:2.34vw 0 0;
	}

	/* ----- 安全データシートダウンロード ----- */

#order-download .v_btnlist2 .btn span {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 35px;
}
	

	/*****************************************************
	　メインコンテンツ　
	*****************************************************/
	#main-contents{
		display:block;
		margin:10.15vw auto 7.81vw;
	}
	/* 最新情報 
	------------------------------------------------- */
	#news{
		max-width:none;
		width:auto;
	}
	#news .section-ttl{
		margin:0 3.12vw;
	}
	#news .news-contents{
		background:#e6e6e6;
		margin:2.5vw 0 0;
		padding:4.38vw 3.12vw 5.46vw;
	}
	/* ----- 記事 ----- */
	#news .news-item{
		padding:3.43vw 5.31vw;
	}
	#news .news-item + .news-item{
		margin:1.56vw 0 0;
	}
	#news .news-item .date,
	#news .news-item .ttl{
		font-size:3.12vw;
		line-height:1.7;
		padding:0 0 0 5vw;
	}
	#news .news-item .date{
		background-size:2.96vw auto;
	}
	/* 投稿なし */
	#news .none{
		padding:3.43vw 5.31vw;
	}
	/* ----- 最新情報一覧へ ----- */
	#news .more{
		font-size:4.06vw;
		margin:7.81vw 0 0;
		text-align:center;
	}
	#news .more a{
		background-size:2.81vw auto;
		padding:0 4.37vw 0 0;
	}
	/* 組合概要 
	------------------------------------------------- */
	#about{
		max-width:none;
		padding:12.5vw 0 0;
		width:auto;
	}
	#about .section-ttl{
		margin:0 3.12vw;
	}
	#about .about-contents{
		margin:6.25vw 3.12vw 0;
	}
	#about .about-contents .img{
		max-width:none;
		width:36.4vw;
	}
	#about .about-contents .img img{
		width:100%;
	}
	#about .about-contents .txt{
		max-width:none;
		padding:0;
		width:50vw;
	}
	#about .about-contents .txt p{
		line-height:1.4;
	}
	#about .about-contents .txt .more{
		font-size:3.43vw;
		letter-spacing:0.05em;
		margin:3.43vw 1.56vw 6.25vw 0;
	}
	#about .about-contents .txt .more a{
		background-size:2.03vw auto;
		padding:0 3.75vw 0 0;
	}
	/* ----- リンク ----- */
	#about .link{
		display:block;
		margin:0 3.12vw;
	}
	#about .link .btn{
		font-size:3.43vw;
		height:15.62vw;
		max-width:none;
		width:auto;
	}
	#about .link .btn + .btn{
		margin:1.25vw 0 0;
	}
	#about .link .btn.about{
		background:url('../img/top/linkbtn_about_sp.jpg') no-repeat center center;
		background-size:cover;
	}
	#about .link .btn.member{
		background:url('../img/top/linkbtn_member_sp.jpg') no-repeat center center;
		background-size:cover;
	}
	#about .link .btn.miyazaki-namakon{
		background:url('../img/top/linkbtn_miyazaki-namakon_sp.jpg') no-repeat center center;
		background-size:cover;
	}
	#about .link .btn a{
		justify-content:flex-end;
	}
	#about .link .btn.about a,
	#about .link .btn.member a,
	#about .link .btn.miyazaki-namakon a{
		padding:0 10.15vw;
	}
	#about .link .btn.miyazaki-namakon a br{
		display:none;
	}
	#about .link .btn a:after{
		background-size:2.03vw auto;
		height:1.4vw;
		margin:-0.62vw 0 0;
		right:6.25vw;
		width:2.03vw;
	}
}