/*------------------------
共通設定
------------------------*/

/*MV部分共通*/

/*2カラム左右入れ替え*/
@media only screen and (min-width: 1025px) {
.corp-reverse-column--lg .l-Column__cols:first-child {
float: right; }
.corp-reverse-column--lg .l-Column__cols:last-child {
float: left; } 
}

/*動画比率変更*/
.youtube_wrapper .g-Movie__iframe{
padding-top: 75% !important;
}


/*Kirei Actions配下H1レイアウト*/
.corp-cat-headingLv1-top__pageTitle{
position: relative !important; 
}
@media only screen and (min-width: 1025px) {
.corp-cat-headingLv1-top__pageTitle{
margin-top: 170px !important;
}   
}
@media only screen and (max-width: 1024px) and (min-width: 641px){
.corp-cat-headingLv1-top__pageTitle{
margin-top: 0;
}   
}
@media only screen and (max-width: 640px){
.corp-cat-headingLv1-top__pageTitle .l-PageTitle__h1{
text-align: left !important;
}
}
.corp-cat-headingLv1-top__pageTitle .l-PageTitle__titleBlock__titleBox{
position: relative !important; 
padding: 0 !important;   
}
/*H1下余白*/
.corp-cat-headingLv1-top__pageTitle .l-PageTitle__titleBlock__titleBox__title{
margin-bottom: 10px !important;  
}

/*Kirei Actions配下H1文字装飾*/
.corp-cat-headingLv1-top__pageTitle .l-PageTitle__titleBlock__titleBox .action-h1-title{
font-size: 44px;
}
@media only screen and (max-width: 1024px) and (min-width: 641px){
.corp-cat-headingLv1-top__pageTitle .l-PageTitle__titleBlock__titleBox .action-h1-title{
font-size: 30px;
}
}
@media only screen and (max-width: 640px){
.corp-cat-headingLv1-top__pageTitle .l-PageTitle__titleBlock__titleBox .action-h1-title{
font-size: 30px;
}
}

/*Kirei Actions配下H1リード文*/
.l-Text .action-h1-lead{
font-size: 24px;
}
@media only screen and (max-width: 1024px) and (min-width: 641px){
.l-Text .action-h1-lead{
font-size: 20px;
}
}
@media only screen and (max-width: 640px){
.l-Text .action-h1-lead{
font-size: 21px;
text-align: left !important;
}
}

@media only screen and (max-width: 1024px) and (min-width: 641px){
.corp-imgItem-01-wrapper{
margin-top: 10px;
}  

.l-Text {
font-size: 16px;
line-height: 1.66;
letter-spacing: .05em;
}
}

/*共通H2指定（緑）*/
.l-HeadingTitle.l-HeadingTitle--h2.action-h2color-01{
border-bottom:none;
}
.action-h2color-01 .l-HeadingTitle__h2 .cmn-richtext{
color: #00a583;
}
@media only screen and (max-width: 1024px) and (min-width: 641px){
.action-h2color-01 .l-HeadingTitle__h2 .cmn-richtext{
font-size: 25px;
}
} 
/*共通H2指定（緑左寄せ）*/
@media only screen and (max-width: 640px){
.l-HeadingTitle.l-HeadingTitle--h2.action-h2color-01.left{
text-align: left;
}
}


/*------------------------
プラスチック容器の完全リサイクル化
------------------------*/
/*下向き矢印*/
.arrow1-wrapper.section1{
margin-top: -100px;
}
.arrow1-wrapper.section2{
margin-top: -70px;
}
.arrow1{
width: 30px;
height: 30px;
border: 20px solid;
border-color:  transparent transparent #eeeeee #eeeeee;
transform: rotate(-45deg);
}


/*グレーボタン*/
.plastic-linkButton{
background: #808080;
color: #ffffff;
padding: 20px;
width: 500px;
border-radius: 5px;
position: relative;
display: inline-block;
}

.plastic-linkButton-text{
padding-left: 20px;
line-height: 2.5;
}

.plastic-linkButton a{
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

.plastic-linkButton::after{
content: "\e006";
position: absolute;
bottom: 7px;
right: 10px;
/*width: 5px;
height: 5px;
border: 3px solid;
border-color:  transparent #ffffff #ffffff transparent;
transform: rotate(-45deg);*/
width: 1em;
vertical-align: middle;
color: #ffffff;
font-family: 'icomoon';
font-size: 1em;
font-style: normal;
font-weight: normal;
text-transform: none;
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}

.plastic-linkButton a{
text-decoration: none;
color: #ffffff;
}

.plastic-linkButton a:link{
color: #ffffff;
}

.plastic-linkButton a:visited{
color: #ffffff;
}

.plastic-linkButton a:hover{
opacity: 0.7;
}

@media only screen and (max-width: 1024px) and (min-width: 641px){
.plastic-linkButton{
width: 460px;
}
}
@media only screen and (max-width: 640px){
.plastic-linkButton{
width: 65%;
padding: 28px 20px;
}
.plastic-linkButton-text {
padding-left: 0;
line-height: 1.5;
position: absolute;
top: 8px;
left: 16px;
}
.plastic-linkButton::after{
bottom: 16px;
}
}

/*三角形装飾*/
.plastic-tri{
position: relative;
}

.plastic-tri-icon{
position: absolute;
left: 26%;
top:0;
width: 0;
height: 0;
border-style: solid;
border-width: 30px 40px 0 40px;
border-color: #F1F1F1 transparent transparent transparent;}


@media only screen and (max-width: 1024px) and (min-width: 641px){
.plastic-tri-icon{
left: -8%;
}
}

@media only screen and (max-width: 640px){
.plastic-tri-icon{
left: 0;
}
}

/*三角形装飾(白)*/
.plastic-tri{
position: relative;
}

.plastic-tri-icon2{
position: absolute;
left: 26%;
top:-160%;
width: 0;
height: 0;
border-style: solid;
border-width: 30px 40px 0 40px;
border-color: #ffffff transparent transparent transparent;
z-index: 2;
}


@media only screen and (max-width: 1024px) and (min-width: 641px){
.plastic-tri-icon2{
left: -8%;
}
}

@media only screen and (max-width: 640px){
.plastic-tri-icon2{
left: 0;
}
}

.border-top{
    border: #F1F1F1 10px solid;
    border-bottom:none;
    z-index: 1;
}
.border-bottom{
    border: #F1F1F1 10px solid;
    border-top:none;
    position: relative;
    z-index: 1;
}