@charset "UTF-8";


/*   共通
______________________________________________*/

.product-img { /* TOPと製品・サービスの画像 */
	max-width: 660px;
	margin: 0 auto;
}


/*   loop-product
______________________________________________*/
.tube-roll-bn {
	max-width: 1040px;
	margin: 0 auto 40px;
}

.tube-roll-bn a:hover {
	opacity: .7;
}

/*  フローティングボタン 共通
______________________________________________*/

.floating-bt ul {
	position: fixed;
    bottom: 0;
    right: 0;
	display: flex;
	justify-content: center;
	gap: 0 2%;
    padding: 12px 8px;
    z-index: 1;
}

.floating-bt ul li {
	max-width: 160px;
}

.floating-bt ul li a:hover {
	opacity: .7;
}

/*フッターまでスクロールしたら消す*/
.floating-bt.is-hidden {
	visibility: hidden;
	opacity: 0;
}

@media screen and (max-width: 750px) {
	
.floating-bt ul {
	padding: 0 8px;
}

.floating-bt ul li {
	max-width: 120px;
}
}

/*  TOPページ
______________________________________________*/
.index-product {
	margin-bottom: 80px;
}


/*  機械製品
______________________________________________*/
.page-template-archive-machinery .c-ttl12 .en {
	display: block;
    font-size: 16px;
}

.page-template-archive-machinery .list-page-link {
	display: flex;
	justify-content: center;
    gap: 8px 2em;
    flex-wrap: wrap;
}

.page-template-archive-machinery .list-page-link li:not(:last-child) {
	border-right: 1px solid #ADADAD;
	padding-right: 2em;
}

.page-template-archive-machinery .list-page-link li a:hover {
	color: #007B9B;
}

.page-template-archive-machinery .c-slide2__area .c-card6__img {
	background-size: auto 100%;
}

@media screen and (max-width: 750px) {
.page-template-archive-machinery .list-page-link {
	gap: 8px 1em;
	font-size: 14px;
}

.page-template-archive-machinery .list-page-link li:not(:last-child) {
	padding-right: 1em;
}

.page-template-archive-machinery .c-slide2Sp__area .c-card6__img {
	background-size: auto 100%;
}
}

/*  包装資材
______________________________________________*/


.package .pk-bt-list {
	display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 1em 0;
    margin: 40px auto 0 0;
	padding: 0 8px 0 24px;
}

.package .pk-bt-list .c-btn11 {
	width: 400px;
	padding: 0 16px;
	flex-direction: column;
    align-items: stretch;
}

.package .pk-bt-list .c-btn11__ttl {
	display: flex;
	align-items: center;
    gap: 0 1em;
}

.package .pk-bt-list .c-btn11 .ico {
	max-width: 32px;
}

.package.lineup .c-ttl12 .en {
	display: block;
    font-size: 14px;
}

.package.lineup .c-ttl12:first-child {
	margin-top: 0;
}

.package.lineup .bt-list {
	gap: 16px 8%;
}

.package.lineup .list-lineup {
	margin: 80px auto;
}

.package.lineup .list-page-link {
	display: flex;
	justify-content: center;
    gap: 8px 2em;
    flex-wrap: wrap;
}

.package.lineup .list-page-link li:not(:last-child) {
	border-right: 1px solid #ADADAD;
	padding-right: 2em;
}

.package.lineup .list-page-link li a:hover {
	color: #007B9B;
}

.package.lineup .list-lineup #link01 {
	padding-top: 80px;
}

.package.lineup .list-lineup .h-ic {
	max-width: 48px;
    margin: 0 auto;
}

.package.lineup .list-lineup .h-ic + .c-ttl12 {
	margin: 0 auto;
}

.package.lineup .list-lineup .txt-link {
	text-align: center;
	margin-bottom: 40px;
}

/* .package.lineup .c-tabList1 a {
	color: #000;
} */
.package.lineup .c-card6 .c-card6__img {
	margin-bottom: 8px;
	background-size: auto 100%;
}


@media screen and (max-width: 767px) {
	.package .pk-bt-list {
		padding: 0 4px 0 8px;
	}

	.package .pk-bt-list .c-btn11 {
		width: 100%;
	}

	.package .pk-bt-list .c-btn11 .ico {
		max-width: 24px;
	}

	.package.lineup .list-lineup {
		margin: 40px auto;
	}

	.package.lineup .list-page-link {
		gap: 8px 1em;
		font-size: 14px;
	}

	.package.lineup .list-page-link li:not(:last-child) {
		padding-right: 1em;
	}

	.package.lineup .c-slide2Sp__area .c-card6__img {
		background-size: auto 100%;
	}
}


/* チューブロール
______________________________________________*/

.tube-roll .tube-h01 {
    font-size: 32px;
    font-weight: bold;
    margin-bottom: 1em;
}

.tube-roll .tube-h02 {
    font-size: 32px;
    font-weight: bold;
    line-height: 1.6;
    margin-bottom: .5em;
	text-align: left;
}

.tube-roll .main img,
.tube-roll .about img,
.tube-roll .point img,
.tube-roll .shape img {
    width: auto;
}

.tube-roll .note {
	font-size: 14px;
}

.tube-roll .com-wrap {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	margin: 80px auto;
}

.tube-roll .com-wrap .img {
	width: 48%;
}

.tube-roll .com-wrap .txt {
	width: 48%;
}

.tube-roll .com-wrap.txt-left {
	flex-direction: row-reverse;
}

.tube-roll .main {
	position: relative;
	padding: 32px 16px 104px;
}

.tube-roll .mv-img {
	background: url(../images/tube-roll/tuberoll_bg01.png) no-repeat;
	background-size: cover;
    background-position: center;
    position: fixed;
    top: 100px;
    left: 0;
    width: 100%;
    height: calc(100vh - 100px);
    z-index: -1;	
}

.tube-roll .c-mv__ttl1 {
	max-width: 832px;
	margin: 88px auto 64px;
}

.tube-roll .main p {
	text-align: center;
}

.tube-roll .about {
	text-align: center;
	background-color: #FFF;
}

.tube-roll .about dd {
	text-align: left;
}

.tube-roll .about .com-wrap {
	margin-top: 160px;
}

.tube-roll .about .com-wrap .img {
	width: 46%;
}

.tube-roll .about .com-wrap .txt {
	width: 50%;
	padding: 0 5.8%;
}

.tube-roll .about .bg-color {
	background-color: #F5F5F5;
	padding: 40px 80px;
}

.tube-roll .about .bg-color .inner {
	max-width: 1280px;
    margin: 0 auto;
}

.tube-roll .about .bg-color .tube-h03 {
	font-weight: bold;
}

.tube-roll .about .com-wrap.warp01 {
	max-width: 1480px;
	justify-content: center;
	margin-top: 80px;
	gap: 16px 8%;
}

.tube-roll .about .com-wrap.warp01 .txt {
	width: 32%;
    padding: 0;
}

.tube-roll .point h2 {
	text-align: center;
}

.tube-roll .point .com-wrap {
	align-items: flex-start;
}

.tube-roll .point .tube-h02 {
	display: flex;
	align-items: center;
	gap: 0 .5em;
}

.tube-roll .shape h2 {
	text-align: center;
	margin-bottom: 24px;
}

.tube-roll .shape h2 + p {
	text-align: center;
}

.tube-roll .shape .com-wrap {
	align-items: flex-start;
}

.tube-roll .shape .com-wrap .img {
	max-width: 520px;
    margin: 0 auto;
}

.tube-roll .shape .tube-h02 {
	color: #009D85;
}

.tube-roll .shape dd:not(:last-child) {
	margin-bottom: 40px;
}

.tube-roll .shape figure {
	max-width: 184px;
    margin: 40px auto 0;
}

@media screen and (max-width: 1200px) {
	.tube-roll .tube-h02 {
		font-size: 24px;
	}

}

@media screen and (max-width: 750px) {

.tube-roll .tube-h01 {
    font-size: 24px;
}

.tube-roll .tube-h02 {
    font-size: 20px;
}

.tube-roll .tube-h01 + .img {
	max-width: 120px;
	margin: 0 auto;
}

.tube-roll .com-wrap {
	justify-content: center;
	gap: 1em 0;
	margin-top: 64px;
}

.tube-roll .com-wrap .img,
.tube-roll .com-wrap .txt {
	width: 100%;
}

.tube-roll .main {
	padding: 16px;
}

.tube-roll .mv-img {
    top: 0;
}

.tube-roll .c-mv__ttl1 {
	margin: 24px auto;
}

.tube-roll .about .com-wrap {
    margin-top: 64px;
}

.tube-roll .about .com-wrap .img {
	width: 100%;
	max-width: 400px;
}

.tube-roll .about .com-wrap .txt {
	width: 100%;
	padding: 0;
}

.tube-roll .about .bg-color {
    padding: 16px 8px;
}

.tube-roll .about .com-wrap.warp01 .txt {
	width: 100%;
}

.tube-roll .point .num {
	max-width: 48px;
}

.tube-roll .shape dd:not(:last-child) {
	margin-bottom: 1em;
}

}