@charset "UTF-8";

/* reset common ---------------------------------------*/

header{}
.wrapper{padding-top: 0;}


/* rd top ---------------------------------------*/

.bg-base-rd{
	background-color: #ffffff;
}

.rd-kv{
	background: url('../img/rd/kv.jpg') no-repeat center top;
	background-size: cover;
	height: 630px;
	position: relative;
	margin-top: 70px;
}

.rd-kv-inner {
	max-width: 1200px;
	width: 100%;
	margin: 0 auto;
	box-sizing:border-box;
	padding: 0 20px 0 45%;
	position:absolute;
	left:50%;
	top:50%;
	transform:translate(-50%,-50%);
	color: #0546a5;
}

.rd-kv-shoulder {
	color: #7481a1;
	font-weight:bold;
	font-size:14px;
	line-height: 1.0;
	margin-bottom: 10px;
	letter-spacing: 0.07em;
}

.rd-kv-title {
	color: #0546a5;
	font-weight:bold;
	font-size:34px;
	line-height: 1.5;
	letter-spacing: 0.07em;
}

.rd-kv-profile {
	color: #7481a1;
	margin-top: 53px;
}

.rd-kv-profile-job {
	display: inline-block;
	font-size:12px;
	vertical-align: middle;
	color: #0546a5;
	line-height: 1.3;
}

.rd-kv-profile-name {
	display: inline-block;
	font-weight:bold;
	vertical-align: middle;
	font-size:16px;
	margin-left: 20px;
	color: #0546a5;
	line-height: 1.3;
}

.rd-kv-profile-description {
	display: block;
	padding-top: 6px;
	font-size:13px;
	line-height: 2;
	color: #0546a5;
	max-width: 400px;
}

.rd-lead-section {
	padding: 60px 20px 40px;
}

.rd-inner {
	max-width: 770px;
	margin: 0 auto;
	padding: 15px 0 0;
}

.rd-lead-title{
	color: #4c98c1;
	font-size:32px;
	font-weight:bold;
	line-height: 1.5;
	text-align: center;
	margin-bottom: 27px;
	letter-spacing: 0.07em;
}

.rd-lead-image {
	text-align: center;
	margin-bottom: 27px;
}

.rd-lead {}

.rd-lead p{
	margin-bottom: 2em;
	font-size:16px;
	color: #333;
	line-height: 2.0;
	letter-spacing: 0.05em;
}

.rd-textblock-bg{
	background: #F4F5F6;
	padding: 100px 20px 30px;
}

.rd-textblock {
	display:flex;
	justify-content:space-between;
	margin-bottom: 75px;
}

.rd-textblock-detail {
	width: calc(53.45% - 60px);
}

.rd-textblock-title {
	font-size:32px;
	line-height: 1.5;
	font-weight:bold;
	margin-bottom: 15px;
	color: #4c98c1;
	letter-spacing: 0.1em;
}

.rd-textblock-subtitle {
	font-size:18px;
	color: #333;
	font-weight:bold;
	line-height: 1.5;
	margin-bottom: 25px;
	letter-spacing: 0.1em;
}

.rd-textblock-text {
	font-size:16px;
	line-height: 2.0;
	color: #333;
	text-align: justify;
	letter-spacing: 0.05em;
}

.rd-textblock-image {
	width: 46.55%;
}

.rd-textblock:nth-child(even) .rd-textblock-image{order:0;}
.rd-textblock:nth-child(even) .rd-textblock-detail{order:1;}

.rd-story-title {
	margin-bottom: 50px;
	padding-top: 50px;
}

.rd-story-title > span{
	display: block;
	line-height: 1.0;
	font-weight:bold;
	font-size:18px;
	padding-top: 15px;
	color: #555;
}

.rd-story-title > span > span{
	font-weight: normal;
}

.rd-story-title img{
	width: 376px;
}

.rd-story-list {
	display: flex;
	justify-content: space-between;
	align-items: stretch;
	flex-wrap: wrap;
	margin-bottom: 35px;
}

.rd-story-list-item {
	width: calc(50% - 8px);
	margin-bottom: 16px;
}

.rd-story-list-item a {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	border:1px solid #A6CBE0;
	transition: all .75s cubic-bezier(0.770, 0.000, 0.175, 1.000);
}

.rd-story-list-item-image {
	width: 223px;
	height: 100%;
/*	object-fit: cover;*/
	order: 1;
	overflow: hidden;
}

.rd-story-list-item-image img {
	transition: all .75s cubic-bezier(0.770, 0.000, 0.175, 1.000);
}

.rd-story-list-item a:hover .rd-story-list-item-image img {
	transform: scale(1.1,1.1);
}

.rd-story-list-item-title-wrapper {
	width: calc(100% - 223px);
	padding: 20px;
	transition: all .75s cubic-bezier(0.770, 0.000, 0.175, 1.000)
}
.rd-story-list-item a:hover .rd-story-list-item-title-wrapper {
	text-decoration: underline;
}

.rd-story-list-item-subtitle {
	font-size: 14px;
	color: #8F98A4;
	font-weight: bold;
	line-height: 1.5;
	letter-spacing: 0.02em;
	margin-bottom: 4px;
}

.rd-story-list-item-title {
	font-size: 18px;
	color: #206EB0;
	font-weight: bold;
	line-height: 1.45;
	letter-spacing: 0.02em;
}

.rd-story-list-item-title span {
	font-weight: normal;
}

.rd-story-archive {
}

.rd-story-archive-title {
	width: 102px;
	margin-bottom: 20px;
}

.rd-story-archive-list {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	flex-wrap: wrap;
}

.rd-story-archive-list-item {
	width: calc(33% - 32px);
	padding-left: 36px;
	position: relative;
	margin-bottom: 40px;
}

.rd-story-archive-list-item::before {
	display: block;
	content: '';
	background: url('../img/common/icon_btn_arrow_round.png') no-repeat center center;
	background-size: 24px;
	width: 24px;
	height: 24px;
	position: absolute;
	top: 50%;
	left: 0;
	transform: translate(0,-50%);
}

.rd-story-archive-list-item.no-icon::before {
	display: none;
}

.rd-story-archive-list-item-subtitle {
	font-size: 12px;
	color: #8F98A4;
	font-weight: bold;
	line-height: 1.5;
	letter-spacing: 0.02em;
}

.rd-story-archive-list-item-title {
	font-size: 14px;
	color: #206EB0;
	font-weight: bold;
	line-height: 1.6;
	letter-spacing: 0.02em;
}

.rd-story-archive-list-item-title span {
	font-weight: normal;
}

.rd-story-archive-list-item a:hover .rd-story-archive-list-item-subtitle,.rd-story-archive-list-item a:hover .rd-story-archive-list-item-title{
	text-decoration: underline;
}

.rd-catalog-title {
	font-size: 24px;
	font-weight: bold;
	line-height: 2;
	letter-spacing: 0px;
	color: #002D68;
	position: relative;
	padding: 17px 30px;
	background: #fff;
	box-shadow:0 4px 10px rgba(165,184,211,.1);
}

.rd-catalog-title::before {
	display: block;
	content: '';
	background: linear-gradient(#2698DE, #1BA9CB, #0546A5);
	background-size: 100%;
	width: 6px;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
}


/* pdf --------------------------------*/

.rd-pdf-icon{
	display: flex;
	align-items: stretch;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-top: 12px;
	padding-bottom: 12px;
}

.section-catalog {
	padding-bottom: 100px;
}

.rd-cataloglist {margin-top: 32px;}
.rd-cataloglist .rd-pdf-icon{border-bottom: 1px solid #CED0D6;}
.rd-cataloglist .rd-pdf-icon:last-of-type{border: none;}
.rd-pdf-icon-image{width: 56px;}
.rd-pdf-icon-content{width: calc(100% - 80px);}

.rd-pdf-icon-content a {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	width: 100%;
	height: 100%;
}

.rd-pdf-title-wrapper{width: calc(100% - 200px);}

.rd-pdf-title-wrapper a{
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.rd-pdf-title{
	font-size: 16px;
	line-height: 1.5;
	color: #004196;
	position: relative;
	transition: 0.3s;
	display: inline-block;
}

.rd-pdf-title-noicon.rd-pdf-title span::after{display: none;}

.rd-pdf-title span{
	font-size: 14px;
	line-height: 1.6;
	margin-left: 10px;
	font-family: 'Roboto', YuGothic, "Yu Gothic Medium", "游ゴシック Medium", "游ゴシック体", "Yu Gothic", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro","メイリオ","Meiryo","ＭＳ Ｐゴシック",sans-serif;
	display: inline-block;
	position: relative;
	padding-right: 20px;
}
.rd-pdf-title span::after {
	display: block;
	content: '';
	background: url('/img/common/icon_pdf_blue.svg') no-repeat center center;
	background-size: 100%;
	width: 16px;
	height: 20px;
	position: absolute;
	right: 0px;
	top: 50%;
	transform: translate(0,-50%);
}

.rd-pdf-icon-content a:hover .rd-pdf-title{opacity: 0.7;}

.rd-pdf-btn{
	color: #fff;
	background: #004196;
	text-align: center;
	padding: 12px 24px 12px 24px;
	display: inline-block;
	margin-top: 16px;
	transition: 0.3s;
	width: 200px;
	margin-top: 0;
}

.rd-pdf-icon-content a:hover .rd-pdf-btn{opacity: 0.7;}

.rd-pdf-btn span {
	position: relative;
	display: inline-block;
	font-size: 16px;
	padding-right: 20px;
}

.rd-pdf-btn span::after {
	display: inline-block;
	content: '';
	background: url(/img/common/icon_arrow_right.svg) no-repeat center center;
	background-size: 100%;
	position: absolute;
	right: 0px;
	top: 50%;
	transform: translate(0, -50%);
	width: 14px;
	height: 14px;
}

.rd-catalog-btn {
	color: #004196;
	border: #99B3D5 1px solid;
	text-align: center;
	display: inline-block;
	transition: 0.3s;
	width: 240px;
	padding: 9px 0;
}

.rd-catalog-btn:hover {opacity: 0.7;}

.rd-catalog-btn span {
	position: relative;
	display: inline-block;
	padding-right: 20px;
	font-size: 14px;
}

.rd-catalog-btn span::after {
	display: block;
	content: '';
	background: url(/img/common/icon_arrow_right_blue.svg) no-repeat center center;
	background-size: 100%;
	position: absolute;
	right: 0px;
	top: 50%;
	transform: translate(0, -50%);
	width: 14px;
	height: 14px;
}


/* rd detail ---------------------------------------*/

.rddetail-kv-wrapper{
	margin-top: 70px;
}

.rddetail-kv{
	height: 630px;
	position: relative;
}

.rddetail-kv-oil{
	background: url('../img/rd/oil_tolerant/kv.jpg') no-repeat center top;
	background-size: cover;
}

.rddetail-kv-half{
	background: url('../img/rd/half_metalize/kv.jpg') no-repeat center top;
	background-size: cover;
}

.rddetail-kv-plaless{
	background: url('../img/rd/plaless/kv.jpg')no-repeat center top;
	background-size: cover;
}

.rddetail-kv-bubble_free{
	background: url('../img/rd/bubble_free/kv.jpg')no-repeat center top;
	background-size: cover;
}

.rddetail-kv-biomas{
	background: url('../img/rd/biomas/kv.jpg')no-repeat center top;
	background-size: cover;
}

.rddetail-kv-non_transfer{
	background: url('../img/rd/non_transfer/kv.jpg')no-repeat center top;
	background-size: cover;
}

.rddetail-kv-hvt{
	background: url('../img/rd/hvt/kv.jpg')no-repeat center top;
	background-size: cover;
}

.rddetail-kv-monopet{
	background: url('../img/rd/mono_pet/kv.jpg')no-repeat center top;
	background-size: cover;
}

.rddetail-kv-smooth_glassine{
	background: url('../img/rd/smooth_glassine/kv.jpg')no-repeat center top;
	background-size: cover;
}

.rddetail-kv-wettissue{
	background: url('../img/rd/wettissue/kv.jpg')no-repeat center top;
	background-size: cover;
}

.rddetail-kv-returnable{
	background: url('../img/rd/returnable/kv.jpg')no-repeat center top;
	background-size: cover;
}

.rddetail-kv-oil2{
	background: url('../img/rd/oil_tolerant/kv.jpg')no-repeat center top;
	background-size: cover;
}

.rddetail-kv-biomas2{
	background: url('../img/rd/biomas/kv.jpg')no-repeat center top;
	background-size: cover;
}

.rddetail-kv-halfmetalize{
	background: url('../img/rd/half_metalize/kv.jpg')no-repeat center top;
	background-size: cover;
}

.rddetail-kv-en {
	transform-origin: left top;
	position: absolute;
	left: 200px;
	top: 20px;
	transform: rotate(90deg);
	font-size: 200px;
	font-family: 'Roboto';
	font-weight: 600;
	color: rgba(255,255,255,0.4);
}

.rddetail-kv-title {
	color: #206eb0;
	font-weight: bold;
	line-height: 1;
	letter-spacing: 0.2em;
	position: absolute;
	right: 8.5vw;
	bottom: 50px;
	text-align: right;
}

.rdarticle-kv-title {
	bottom: 41px;
	letter-spacing: 0.1em;
}

.rddetail-kv-title > span{
	display: inline-block;
	background: #fff;
	margin-top: 10px;
	padding: 0.5vw 1vw;
	font-size:3vw;
}

.rddetail-kv-title > span > span{
	font-weight: normal;
}

.rdarticle-kv-title > span {
	padding: 0.5vw 1.7vw;
}

.rdarticle-kv-title > small{
	display: inline-block;
	background: #fff;
	padding: 0.5vw 1.7vw;
	font-size:2.1vw;
	margin-bottom: 6px;
	letter-spacing: 0;
}


@media all and (-ms-high-contrast:none){
	*::-ms-backdrop, .rddetail-kv-title > span {
		padding: 1.15vw 1vw 0.2vw;
	} /* IE11 */
}


.rddetail-wrapper{
	background: #F3F6F7;
}

.rddetail-wrapper p {
	color: #333;
}

.rddetail-lead{
	margin: 0 auto;
	max-width: 740px;
	padding: 55px 35px;
}

.rddetail-lead p{
	letter-spacing: 1.85px;
}

.rddetail-profile{
	padding: 0 20px;
	margin-bottom: 60px;
}

.rddetail-profile-inner{
	max-width: 1000px;
	margin: 0 auto;
}

.rddetail-profile-list{
	display:flex;
	justify-content:space-between;
}

.rddetail-profile-list li{
	width: 33.333%;
	color: #fff;
	box-sizing:border-box;
	padding: 20px 20px 40px 20px;
}

.rddetail-profile-list li:nth-child(1){background: #366EAB;}
.rddetail-profile-list li:nth-child(2){background: #5CA5D6;}
.rddetail-profile-list li:nth-child(3){background: #7EB0D2;}

.rddetail-profile-head{
	display:flex;
	justify-content:space-between;
	align-items: center;
	margin-bottom: 20px;
}

.rddetail-profile-image{
	width: 80px;
}

.rddetail-profile-name{
	width: calc(100% - 90px);
	color: #fff;
}

.rddetail-profile-name p{
	color: #fff;
	line-height: 1.6;
}

.rddetail-profile-description{
	line-height: 2.0;
	color: #fff;
	font-size:13px;
	letter-spacing: 0.5px;
}

.rddetail-indexlink{
	margin-bottom: 20px;
}

.rddetail-indexlink-inner{
	max-width: 820px;
	margin: 0 auto;
	background: #ADBAC5;
	color: #fff;
	padding: 20px 45px;
	display:flex;
	justify-content:space-between;
}

.rddetail-indexlink-title{
	width: 100px;
	font-size: 14px;
	padding-top: 10px;
}

.rddetail-indexlink-detail{
	width: calc(100% - 100px);
}

.rddetail-indexlink-list{}

.rddetail-indexlink-list li{
	font-size:16px;
	line-height: 1.5;
	border-top:1px solid #fff;
}

.rddetail-indexlink-list li:first-child{border-top:none;}

.rddetail-indexlink-list li a{
	color: #fff;
	display: block;
	padding: 11px 5px;
	position: relative;
	font-size: 15px;
	letter-spacing: 1px;
	transition: all .25s ease;
}

.rddetail-indexlink-list li a::after{
	display: block;
	content: '';
	border-right: 7px solid transparent;
	border-left: 7px solid transparent;
	border-top: 11px solid #fff;
	position: absolute;
	right: 17px;
	top: calc(50% - 3.5px);
}

.rddetail-indexlink-list li a:hover{opacity:0.7;}

.rddetail-section{
	padding: 100px 15px 0px;
}

#section02,
#section04,
#section05,
#section06{
	padding: 60px 15px 0px;
}

.rddetail-section-image1,
.rddetail-section-image2,
.rddetail-section-image3,
.rddetail-section-image4{
	overflow: hidden;
}

.rddetail-section-image1,
.rddetail-section-image3
{
	padding: 70px 20px 80px;
}

.rddetail-section-image2,
.rddetail-section-image4
{
	padding: 90px 20px 80px;
}

.rddetail-inner{
	max-width: 750px;
	margin: 0 auto;
}

.rddetail-section-title{
	font-size: 26px;
	letter-spacing: 0.1em;
	line-height: 1.5;
	position: relative;
	text-align: center;
	padding: 40px 0 0 0;
	margin-bottom: 30px;
	color: #206eb0;
	font-weight: bold;
}

.rddetail-section-title-biomas{
	margin-bottom: 45px;
}

.rddetail-section-title::after{
	display:block;
	content:'';
	background:#206eb0;
	width:100px;
	height:4px;
	position:absolute;
	left:50%;
	top:0;
	margin-left: -50px;
}

.rddetail-section-interview{
	margin-bottom: 35px;
	display:flex;
	justify-content:space-between;
}

.rddetail-section-interview-biomas,
.rddetail-section-interview-last{
	margin-bottom: 50px;
}

.rddetail-section-interview:first-child{margin-top: 0;}

.rddetail-section-interview-image{
	width: 75px;
	text-align: center;
}

.rddetail-section-interview-image img{
	width: 55px;
}

.rddetail-section-interview-image p{
	font-size:14px;
	line-height: 1.0;
	padding-top: 5px;
	color: #206eb0;
}

.rddetail-section-interview-detail{
	width: calc(100% - 85px);
}

.rddetail-section-interview-detail p{
	font-size: 16px;
	line-height: 1.8;
	letter-spacing: 1.45px;
}

.rddetail-section-mainimage{
	position: relative;
}

.rddetail-section-mainimage1::before,
.rddetail-section-mainimage2::before,
.rddetail-section-mainimage3::before,
.rddetail-section-mainimage4::before{
	display: block;
	content: '';
	background: #fff;
	width: 100%;
	position: absolute;
}

.rddetail-section-mainimage1::before{
	height: 460px;
	left: -380px;
	top: 30px;
}

.rddetail-section-mainimage2::before{
	height: 400px;
	right: -430px;
	top: 90px;
}

.rddetail-section-mainimage3::before{
	height: 400px;
	left: -380px;
	top: 90px;
}

.rddetail-section-mainimage4::before{
	height: 400px;
	right: -430px;
	top: 90px;
}

.rddetail-section-mainimage img{
	width: 100%;
	position: relative;
	z-index: 2;
}

.rddetail-graph{
	width: 100%;
	margin-bottom: 80px;
	text-align: center;
	border: 1px solid #aaa;
}

.rddetail-graph p{
	padding: 130px;
	color: #0546a5;
	font-size: 26px;
}

.rddetail-image{
	width: 100%;
	padding-top: 30px;
	text-align: center;
}

.rddetail-image img{width: 100%;}

.rddetail-pickup{
	width: 100%;
	padding: 120px 0;
}

.rddetail-pickup-btn{
	max-width: 1030px;
	margin: 0 auto;
	text-align: center;
	background-color: #0546A5;
	background-size: cover;
	transition: all .75s cubic-bezier(0.770, 0.000, 0.175, 1.000);
	position: relative;
}

.rddetail-pickup-btn::before{
	display:block;
	content:'';
	background:url('../img/rd/plaless/bnr_hover.png') no-repeat left top;
	background-size:cover;
	width:100%;
	height:100%;
	position:absolute;
	left:0;
	top:0;
	transition: all .75s cubic-bezier(0.770, 0.000, 0.175, 1.000);
	opacity: 0;
}

.rddetail-pickup-btn:hover::before{
	opacity: 1;
}

.rddetail-pickup-btn:hover{
	transform:scale(1.1,1.1);
	box-shadow: 0 10px 25px 0 rgba(0, 0, 0, 0.5);
}

.rddetail-pickup-btn-half::before{background-image:url('../img/rd/half_metalize/bnr_hover.png');}
.rddetail-pickup-btn-bubble_free::before{background-image:url('../img/rd/bubble_free/bnr_hover.png');}
.rddetail-pickup-btn-oil::before{background-image:url('../img/rd/oil_tolerant/bnr_hover.png');}
.rddetail-pickup-btn-plaless::before{background-image:url('../img/rd/plaless/bnr_hover.png');}
.rddetail-pickup-btn-biomas::before{background-image:url('../img/rd/biomas/bnr_hover.png');}
.rddetail-pickup-btn-non_transfer::before{background-image:url('../img/rd/non_transfer/bnr_hover.png');}
.rddetail-pickup-btn-hvt::before{background-image:url('../img/rd/hvt/bnr_hover.png');}
.rddetail-pickup-btn-monopet::before{background-image:url('../img/rd/mono_pet/bnr_hover.png');}
.rddetail-pickup-btn-smooth_glassine::before{background-image:url('../img/rd/smooth_glassine/bnr_hover.png');}
.rddetail-pickup-btn-wettissue::before{background-image:url('../img/rd/wettissue/bnr_hover.png');}
.rddetail-pickup-btn-returnable::before{background-image:url('../img/rd/returnable/bnr_hover.png');}
.rddetail-pickup-btn-oil2::before{background-image:url('../img/rd/oil_tolerant/bnr_hover.png');}
.rddetail-pickup-btn-biomas2::before{background-image:url('../img/rd/biomas/bnr_hover.png');}
.rddetail-pickup-btn-halfmetalize::before{background-image:url('../img/rd/half_metalize/bnr_hover.png');}

p.rddetail-pickup-btn-text{
	padding: 35px;
	color: #fff;
	font-size: 24px;
	line-height: 1.7;
	position: relative;
	z-index: 2;
}

.rddetail-pickup-btn-text span{
	opacity: 0.55;
	font-size: 16px;
}

.animation{
	transition: all .75s cubic-bezier(0.770, 0.000, 0.175, 1.000);
	opacity: 0;
	transform:translate(0,10px);
}

.animation.on{
	opacity: 1;
	transform:translate(0,0px);
}

/* 品番検索・技術資料　問い合せ*/

.productssearch-number{padding: 80px 20px;}

.productssearch-number-block {}

.productssearch-block-title {
	font-size: 28px;
	font-weight: bold;
	line-height: 1.71;
	color: #0546a5;
	margin-bottom: 30px;
}

.productssearch-number-block-inner {
	display: flex;
	justify-content: space-between;
}

.productssearch-number-block-image {width: calc(50% - 12px);}

.productssearch-number-block-detail {
	width: calc(50% - 12px);
	position: relative;
}

.productssearch-number-block-text {
	font-size: 16px;
	font-weight: 500;
	line-height: 1.88;
	color: #555555;
}

.productcontact{
	padding:45px 20px 80px;
	background: url('../img/products/bg_featured.jpg') no-repeat center center;
	background-size: cover;
}


/*詳細ページデザインver2*/

.rdarticle-wrapper {
	padding-top: 80px;
}

.rdarticle-wrapper > *:first-child{
	padding-top: 0;
}

.rdarticle-lead {
	padding: 0 20px 30px;
}

.rdarticle-lead p {
	font-size: 16px;
	letter-spacing: 0.02em;
	line-height: 2;
}

.rdarticle-lead-inner {
	max-width: 760px;
	margin: 0 auto;
}

.rdarticle-section {
	padding: 40px 20px 0;
}

.rdarticle-inner {
	max-width: 1080px;
	margin: 0 auto;
}

.rdarticle-block {
	margin-bottom: 73px;
}

.rdarticle-block.has-image {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	flex-wrap: wrap;
}

.rdarticle-block:last-of-type,.rdarticle-block.has-image:last-of-type {
	margin-bottom: 0;
}

.rdarticle-block-detail {
}

.rdarticle-block.has-image .rdarticle-block-detail {
	width: calc(55.56% - 64px);
}

.rdarticle-block.has-image.image-left .rdarticle-block-detail {
	order: 1;
}

.rdarticle-block-title {
	font-size: 24px;
	letter-spacing: 0.02em;
	line-height: 1.5;
	font-weight: bold;
	color: #206EB0;
	position: relative;
	margin-bottom: 25px;
}

.rdarticle-block-title span{
	font-weight: normal;
}

.rdarticle-block-text {
	font-size: 16px;
	letter-spacing: 0.02em;
	line-height: 2;
}

.rdarticle-block-text +.rdarticle-block-text {
	margin-top: 20px;
}

.rdarticle-block-annotation {
	margin-top: 10px;
	font-size: 12px;
	letter-spacing: 0.02em;
	line-height: 2;
	color: #555 !important;
}

.rdarticle-block-image {
	position: relative;
	z-index: 1;
	margin-bottom: 65px;
}

.rdarticle-block-image::before {
	display: block;
	content: '';
	width: 480px;
	height: 280px;
	position: absolute;
	bottom: -64px;
	right: 143px;
	background-color: #fff;
	z-index: -1;
}

.rdarticle-block.has-image .rdarticle-block-image {
	width: 44.44%;
}

.rdarticle-block.has-image.image-right .rdarticle-block-image {
	order: 1;
}

.rdarticle-block.has-image.image-right .rdarticle-block-image::before {
	right: auto;
	left: 143px;
}

.rdarticle-pickup {
	padding-top: 97px;
	padding-bottom: 51px;
}


@media screen and (min-width: 1220px){
	.rd-kv-inner {
		padding-left: 600px;
	}
}

@media screen and (max-width: 1080px){
	.rd-story-list {
		display: block;
	}
	.rd-story-list-item {
		width: 100%;
	}
}

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

	/* rd top ---------------------------------------*/
	.section-rd {padding: 40px 16px;}

	.rd-kv{
		background: url('../img/rd/kv_sp.jpg') no-repeat center top;
		background-size: 100%;
		height: calc(104vw + 185px);
		margin-top: 60px;
	}

	.rd-kv-inner {
		width: 100%;
		padding: 0 0px 0 0;
		position:relative;
		left:0;
		top:0;
		transform:translate(0,0);
	}

	.rd-kv-shoulder {
		-ms-writing-mode: tb-rl;
		writing-mode: vertical-rl;
		font-size:3.4vw;
		position: absolute;
		right: 10vw;
		top: 5vw;
		letter-spacing: 0.07em;
		padding-bottom: 70px;
	}

	.rd-kv-shoulder::after{
		display:block;
		content:'';
		background:#aaa;
		width:1px;
		height:60px;
		position:absolute;
		right:50%;
		bottom:0;
	}

	.rd-kv-title {
		-ms-writing-mode: tb-rl;
		writing-mode: vertical-rl;
		font-size:5.8vw;
		position: absolute;
		right: 16vw;
		top: 5vw;
		line-height: 1.5;
		letter-spacing: 0.07em;
	}

	.rd-kv-profile {
		margin-top: 0px;
		padding: 104vw 32px 0;
	}

	.rd-kv-profile-job {
		display: block;
		font-size:12px;
		margin-bottom: 3px;
		text-align: center;
	}

	.rd-kv-profile-name {
		display: block;
		font-size:16px;
		margin-left: 0px;
		text-align: center;
	}

	.rd-kv-profile-description {
		padding-top: 6px;
		font-size:14px;
		line-height: 1.7;
		max-width: 100%;
		letter-spacing: 0.02em;
	}

	.rd-lead-section {
		padding: 40px 20px;
	}

	.rd-inner {
		padding: 0px 0 0;
	}

	.rd-lead-title{
		font-size:20px;
		line-height: 1.6;
		margin-bottom: 30px;
		position: relative;
		padding-top: 20px;
	}

	.rd-lead-title::before{
		display:block;
		content:'';
		background:#4C98C1;
		background-size:100%;
		width:80px;
		height:2px;
		position:absolute;
		left:50%;
		top:0;
		transform: translate(-50% ,0);
	}

	.rd-lead-image {
		text-align: center;
		margin-bottom: 25px;
	}

	.rd-lead p{
		margin-bottom: 1.6em;
		font-size:14px;
		line-height: 1.72;
		letter-spacing: 0.02em;
	}

	.rd-lead p:last-child{margin-bottom: 1em;}

	.rd-textblock-bg{padding: 55px 15px 10px;}

	.rd-textblock {
		display: block;
		margin-bottom: 95px;
	}
	.rd-textblock:last-of-type {
		margin-bottom: 0;
	}

	.rd-textblock-detail {
		width: 100%;
		margin-bottom: 28px;
	}

	.rd-textblock-title {
		font-size:20px;
		line-height: 1.5;
		margin-bottom: 6px;
		letter-spacing: 0.1em;
	}

	.rd-textblock-subtitle {
		font-size:14px;
		font-weight:bold;
		line-height: 1.5;
		margin-bottom: 25px;
		letter-spacing: 0.1em;
	}

	.rd-textblock-text {
		font-size:14px;
		line-height: 1.7;
		letter-spacing: 0.08em;
	}

	.rd-textblock-image {
		width: 100%;
		margin-bottom: 50px;
	}

	.rd-textblock:nth-child(even) .rd-textblock-image{order:0;}
	.rd-textblock:nth-child(even) .rd-textblock-detail{order:1;}

	.rd-story {
		padding-bottom: 15px;
	}
	.rd-story-title {
		margin-bottom: 34px;
		padding-top: 17px;
	}

	.rd-story-title img{max-width: 276px;}

	.rd-story-title > span{
		font-size:12px;
		padding-top: 0;
		letter-spacing: 0.1em;
	}

	.rd-story-list-item {
		margin-bottom: 12px;
	}

	.rd-story-list-item a {
		display: block;
		border: 1px solid #A6CBE0;
	}

	.rd-story-list-item-image {
		width: 100%;
	}
	.rd-story-list-item-image img {
		width: 100%;
	}

	.rd-story-list-item-title-wrapper {
		width: 100%;
		padding: 16px 16px 9px 16px;
	}

	.rd-story-list-item-subtitle {
		font-size: 13px;
		margin-bottom: 0;
	}

	.rd-story-list-item-title {
		font-size: 16px;
	}

	.rd-story-archive-title {
		width: 90px;
	}

	.rd-story-archive-list {
		display: block;
	}

	.rd-story-archive-list-item {
		width: 100%;
		margin-bottom: 17px;
	}

	.rd-story-archive-list-item.no-icon {
		display: none;
	}

	.rd-story-archive-list-item-subtitle {
		margin-bottom: 3px;
	}

	.rd-story-archive-list-item-title {
		font-size: 14px;
		color: #206EB0;
		font-weight: bold;
		line-height: 1.6;
		letter-spacing: 0.02em;
	}

	.rd-story-archive-list-item a:hover .rd-story-archive-list-item-subtitle,
	.rd-story-archive-list-item a:hover .rd-story-archive-list-item-title {
		text-decoration: underline;
	}

	.rd-catalog-title {
		font-size: 20px;
		line-height: 1.5;
		padding: 15px 20px;
	}

	/* pdf --------------------------------*/

	.rd-pdf-icon{
		margin-top: 12px;
		align-items: center;
	}

	.section-catalog {
		padding-bottom: 60px;
	}

	.rd-cataloglist{margin-top: 24px;}

	.rd-pdf-icon-content{
		width: calc(100% - 72px);
		display: block;
	}

	.rd-pdf-icon-content a{display: block;}
	.rd-pdf-title-wrapper{width: 100%;}

	.rd-pdf-title-wrapper a{
		display: flex;
		justify-content: space-between;
		align-items: center;
	}

	.rd-pdf-title{font-size: 14px;}
	.rd-pdf-title span {padding-right: 20px;}

	.rd-pdf-title span::after {
		width: 14px;
		height: 18px;
	}

	.rd-pdf-title span{font-size: 12px;}

	.rd-pdf-btn{
		width: 100%;
		margin-top: 5px;
		padding: 7px 15px;
	}

	.rd-pdf-btn span{
		font-size: 13px;
		padding-right: 20px;
		line-height: 1.58;
	}

	.rd-pdf-btn span::after {
		width: 12px;
		height: 12px;
	}

	.rd-catalog-btn {
		width: 100%;
		padding: 7px 0;
	}

	.rd-catalog-btn span {
		font-size: 13px;
	}

	.rd-catalog-btn span::after {
		width: 12px;
		height: 12px;
	}


	/* rd detail ---------------------------------------*/

	.rddetail-kv-wrapper{
		margin-top: 60px;
	}

	.rddetail-kv{
		height: 58.6vw;
	}

	.rddetail-kv-oil{
		background: url('../img/rd/oil_tolerant/kv_sp.jpg') no-repeat center center #aaa;
		background-size: 100%;
	}

	.rddetail-kv-half{
		background: url('../img/rd/half_metalize/kv_sp.jpg') no-repeat center center #aaa;
		background-size: 100%;
	}

	.rddetail-kv-plaless{
		background: url('../img/rd/plaless/kv_sp.jpg') no-repeat center center #aaa;
		background-size: 100%;
	}

	.rddetail-kv-bubble_free{
		background: url('../img/rd/bubble_free/kv_sp.jpg') no-repeat center center #aaa;
		background-size: 100%;
	}

	.rddetail-kv-biomas{
		background: url('../img/rd/biomas/kv_sp.jpg') no-repeat center center #aaa;
		background-size: 100%;
	}

	.rddetail-kv-non_transfer{
		background: url('../img/rd/non_transfer/kv_sp.jpg') no-repeat center center #aaa;
		background-size: 100%;
	}

	.rddetail-kv-hvt{
		background: url('../img/rd/hvt/kv_sp.jpg') no-repeat center center #aaa;
		background-size: 100%;
	}

	.rddetail-kv-monopet{
		background: url('../img/rd/mono_pet/kv_sp.jpg') no-repeat center center #aaa;
		background-size: 100%;
	}


	.rddetail-kv-smooth_glassine{
		background: url('../img/rd/smooth_glassine/kv_sp.jpg') no-repeat center center #aaa;
		background-size: 100%;
	}


	.rddetail-kv-wettissue{
		background: url('../img/rd/wettissue/kv_sp.jpg') no-repeat center center #aaa;
		background-size: 100%;
	}

	.rddetail-kv-en {
		left: 60px;
		top: -5px;
		font-size: 60px;
		white-space: nowrap;
	}

	.rddetail-kv-title {
		letter-spacing: 0.07em;
		right: 4.5vw;
		bottom: 3vw;
	}

	.rddetail-kv-title > span{
		margin-top: 1.8vw;
		padding: 1vw 1.5vw;
		font-size:5.4vw;
	}

	.rdarticle-kv-title > span{
		margin-top: 1.2vw;
		padding: 1vw 1.7vw;
	}

	.rdarticle-kv-title-halfmetalize > span{
		font-size: 5vw;
	}

	.rdarticle-kv-title-biomas > span{
		font-size: 5vw;
	}

	.rdarticle-kv-title > small {
		font-size: 3.5vw;
		margin-bottom: 0;
		padding: 1vw 1.5vw;
	}

	.rddetail-kv-title-biomas > span{font-size: 5vw;}

	.rddetail-lead{
		padding: 40px 40px 45px;
		position: relative;
		z-index: 2;
	}

	.rddetail-lead p {
		font-size: 14px;
		letter-spacing: 1.5px;
		line-height: 1.8;
	}

	.rddetail-profile{
		padding: 0 15px;
		margin-bottom: 45px;
	}

	.rddetail-profile-inner{}

	.rddetail-profile-list{display:block;}

	.rddetail-profile-list li{
		width: 100%;
		padding: 15px 20px 15px 20px;
	}

	.rddetail-profile-head{margin-bottom: 9px;}
	.rddetail-profile-image{width: 40px;}
	.rddetail-profile-name{width: calc(100% - 48px);}
	.rddetail-profile-name p{line-height: 1.6;}

	.rddetail-profile-description {
		line-height: 1.5;
		font-size: 11px;
		letter-spacing: 1.1px;
	}

	.rddetail-indexlink{
		padding: 0px 15px;
		margin-bottom: 40px;
	}

	.rddetail-indexlink-inner{
		max-width: 100%;
		padding: 0 10px 20px;
		display:block;
	}

	.rddetail-indexlink-title {
		width: 100px;
		font-size: 12px;
		padding-top: 15px;
	}

	.rddetail-indexlink-detail{
		width: 100%;
	}

	.rddetail-indexlink-list li{
		font-size:16px;
		line-height: 1.5;
		border-top:1px solid #fff;
	}

	.rddetail-indexlink-list li:first-child{border-top:none;}

	.rddetail-indexlink-list li a{
		padding: 5.5px 2px;
		font-size: 14px;
	}

	.rddetail-indexlink-list li a::after{
		border-right: 4px solid transparent;
		border-left: 4px solid transparent;
		border-top: 5px solid #fff;
		right: 4px;
		top: calc(50% - 1.5px);
	}

	.rddetail-section{
		padding: 20px 15px 0px;
	}

	.rddetail-section-sp{
		padding: 35px 15px 0;
	}

	.rddetail-section-image1{
		padding: 15px 0px 45px;
	}

	.rddetail-section-image2{
		padding: 15px 0px 45px;
	}

	.rddetail-section-image3{
		padding: 10px 0px 45px;
	}

	.rddetail-section-image4{
		padding: 15px 0px 45px;
	}

	.rddetail-inner{
		max-width: 750px;
		margin: 0 auto;
	}

	.rddetail-section-title{
		font-size: 20px;
		padding: 30px 0 0 0;
		margin-bottom: 40px;
	}

	.rddetail-section-title-biomas{
		margin-bottom: 45px;
	}

	.rddetail-section-title::after{
		width:86px;
		height:2px;
		margin-left: -43px;
	}

	.rddetail-section-interview{
		margin-bottom: 20px;
	}

	.rddetail-section-interview-biomas{
		margin-bottom: 25px;
	}

	.rddetail-section-interview-last{
		margin-bottom: 20px;
	}

	.rddetail-section-interview:first-child{margin-top: 0;}

	.rddetail-section-interview-image{
		width: 45px;
	}

	.rddetail-section-interview-image img{
		width: 100%px;
	}

	.rddetail-section-interview-image p{
		font-size:14px;
		line-height: 1.0;
		padding-top: 5px;
	}

	.rddetail-section-interview-detail{
		width: calc(100% - 60px);
	}

	.rddetail-section-interview-detail p{
		font-size: 14px;
    line-height: 1.8;
    letter-spacing: 1.1px;
	}

	.rddetail-section-mainimage{
		position: relative;
	}

	.rddetail-section-mainimage1::before,
	.rddetail-section-mainimage2::before,
	.rddetail-section-mainimage3::before,
	.rddetail-section-mainimage4::before{
		display: block;
		content: '';
		background: #fff;
		width: 100%;
		position: absolute;
	}

	.rddetail-section-mainimage1::before {
		height: 500px;
		left: -30vw;
		top: 30px;
	}

	.rddetail-section-mainimage2::before {
		height: 500px;
		right: -30vw;
		top: 30px;
	}

	.rddetail-section-mainimage3::before {
		height: 500px;
		left: -30vw;
		top: 30px;
	}

	.rddetail-section-mainimage4::before {
		height: 500px;
		right: -30vw;
		top: 30px;
	}

	.rddetail-section-mainimage img{
		width: 100%;
		position: relative;
		z-index: 2;
	}

	.rddetail-graph{
		margin-bottom: 40px;
	}

	.rddetail-graph p{
		padding: 120px 30px;
		font-size: 12px;
	}

	.rddetail-image{
		width: 100%;
		padding-top: 30px;
	}

	.rddetail-pickup{
		width: 100%;
		padding: 60px 15px;
	}

	.rddetail-pickup-btn{
	}

	p.rddetail-pickup-btn-text{
		padding: 30px 30px 40px 30px;
		font-size: 16px;
		line-height: 1.5;
	}

	.rddetail-pickup-btn-text span{
		font-size: 10px;
	}

	/* 品番検索・技術資料 */

	.productssearch-number{padding: 30px 15px;}

	.productssearch-block-title {
		font-size: 19px;
		line-height: 1.63;
		margin-bottom: 20px;
	}

	.productssearch-number-block-inner {display: block;}

	.productssearch-number-block-image {width: 100%;}

	.productssearch-number-block-detail {width: 100%;}

	.productssearch-number-block-text {
		font-size: 13px;
		font-weight: 500;
		line-height: 1.6;
		color: #555555;
		padding: 25px 0 30px;
	}

	.productcontact{padding:30px 15px 80px;}



	/*詳細ページデザインver2*/

	.rdarticle-wrapper {
		padding-top: 35px;
	}

	.rdarticle-lead {
		padding: 25px 15px;
	}

	.rdarticle-lead p {
		font-size: 14px;
		letter-spacing: 0.02em;
		line-height: 2;
	}

	.rdarticle-lead-inner {
		max-width: 760px;
		margin: 0 auto;
	}

	.rdarticle-section {
		padding: 44px 0 0;
	}

	.rdarticle-inner {
		max-width: 1080px;
		margin: 0 auto;
	}

	.rdarticle-block {
		margin-bottom: 70px;
	}

	.rdarticle-block.has-image {
		display: block;
	}

	.rdarticle-block:last-of-type,.rdarticle-block.has-image:last-of-type {
		margin-bottom: 0;
	}

	.rdarticle-block-detail {
		padding: 0 15px;
	}

	.rdarticle-block.has-image .rdarticle-block-detail {
		width: 100%;
	}

	.rdarticle-block-title {
		font-size: 18px;
		line-height: 1.6;
		margin-bottom: 10px;
		letter-spacing: 0.03em;
	}


	.rdarticle-block-text {
		font-size: 14px;
		letter-spacing: 0.05em;
		line-height: 2;
		margin-bottom: 18px;
	}

	.rdarticle-block-image {
		position: relative;
		z-index: 1;
		margin-bottom: 43px;
	}

	.rdarticle-block-image::before {
		width: 68vw;
		height: 60vw;
		bottom: -40px;
		right: auto;
		left: 0;
	}

	.rdarticle-block.has-image .rdarticle-block-image {
		width: 100%;
	}

	.rdarticle-block.has-image.image-right .rdarticle-block-image {
		order: 1;
	}

	.rdarticle-block.has-image.image-right .rdarticle-block-image::before {
		right: 0;
		left: auto;
	}
	
	.rdarticle-pickup {
		padding-top: 55px;
		padding-bottom: 43px;
	}
}