@charset "UTF-8";
/*=================================================================*/
/* chemicalTOP
/*=================================================================*/
/* chemicalTopTtl
---------------------------------------------------------------*/
.chemicalTopTtl {
position: relative;
background: url(../../images/chemical/main.jpg) no-repeat center;
background-size: cover;
padding: 72px 0 45px;
color: #FFF;
}
.chemicalTopTtl .inner {}
.chemicalTopTtl .inner .tTxt {
margin: 0 0 20px;
}
.chemicalTopTtl .inner .tTxt strong {}
.chemicalTopTtl .inner .tTxt strong span.solid {
border: solid 1px #FFF;
display: inline-block;
padding: 3px 10px 2px;
}
.chemicalTopTtl .inner .tTxt span.normal {
display: inline-block;
margin-left: 5px;
}
.chemicalTopTtl .inner .bTxt {
margin: 0 0 40px;
}
.chemicalTopTtl .inner .btnTxt {
margin: 0 0 15px 50px;
}
.chemicalTopTtl .inner .guideDl {
display: inline-block;
position: relative;
z-index: 1;
padding: 15px 70px 12px 32px;
color: #FFF;
font-weight: bold;
border-radius: 5px;
overflow: hidden;
background: #D1599D;
}
.chemicalTopTtl .inner .guideDl:hover {
opacity: 0.7;
text-decoration: none;
}
.chemicalTopTtl .inner .guideDl::before {
content: "";
width: 20px;
height: 20px;
right: 31px;
top: 50%;
background: url(/system/cocktail/common/images/chemical/icon_dl.svg) no-repeat 0 0;
position: absolute;
z-index: 2;
margin-top: -10px;
}
.chemicalTopTtl .inner .guideDl::after {
content: "";
width: 100%;
height: 50%;
left: 0;
bottom: 0;
background-color: #CD4B95;
position: absolute;
z-index: -1;
}
/*=================================================================*/
/* chemical共通
/*=================================================================*/
.chemicalTitlStyle {
font-size: 30px;
position: relative;
padding: 0 0 30px;
margin: 0 0 40px;
text-align: center;
}
.chemicalTitlStyle::after {
position: absolute;
content: "";
width: 220px;
height: 1px;
background-color: #6561AB;
left: 50%;
bottom: 0px;
margin: 0 0 0 -110px;
}
.chemicalTitlStyle span {
font-size: 16px;
display: block;
color: #CD4B95;
font-weight: normal;
margin: 0 0 5px;
}
.ttlTxt {
text-align: center;
margin: 0 0 40px;
}
.leftTxt {
position: absolute;
left: 26px;
top: 40px;
}
/*=================================================================*/
/* .chemicalTopTxt
/*=================================================================*/
.chemicalTopTxt {
position: relative;
padding: 40px 0;
}
.chemicalTopTxt .inner {
width: 980px;
margin: 0 auto;
display: -webkit-flex;
display: flex;
-webkit-justify-content: space-between;
justify-content: space-between;
}
.chemicalTopTxt .txt {
width: 980px;
padding: 50px 40px 0 100px;
}
.chemicalTopTxt .txt p {
margin: 0 0 20px;
line-height: 1.8em;
}
.chemicalTopTxt .txt p strong {
background-color: #837fba;
color: #FFF;
padding: 1px 5px 0px 5px;
}
.chemicalTopTxt .img {
width: 331px;
}
/*=================================================================*/
/* .solusion
/*=================================================================*/
.solusion {
padding: 70px 0;
/*background-color: #EBEDED;*/
background-color: #EBEAF4;
position: relative;
}
.solusion::after {
content: "";
position: absolute;
width: 0;
height: 0;
border: 180px solid transparent;
border-top: 38px solid #EBEAF4;
transform: rotate(0deg);
left: 50%;
bottom: -217px;
margin-left: -180px;
}
.solusion .inner {
width: 980px;
text-align: center;
}
.solusion .inner h2 + p {
margin: 0 0 40px;
}
/*=================================================================*/
/* .dlBanner
/*=================================================================*/
.dlBanner {
padding: 75px 0 46px;
text-align: center;
}
.dlBanner dl dt {
font-size: 20px;
font-weight: bold;
padding: 0 80px;
margin: 0 0 25px;
position: relative;
color: #6561AB;
display: inline-block;
line-height: 1.8em;
}
.dlBanner dl dt::before, .dlBanner dl dt::after {
position: absolute;
content: "";
width: 58px;
height: 66px;
}
.dlBanner dl dt::before {
left: 0;
top: 0;
background: url(/system/cocktail/common/images/chemical/ttl_left.svg) no-repeat 0 0;
}
.dlBanner dl dt::after {
right: 0;
top: 0;
background: url(/system/cocktail/common/images/chemical/ttl_right.svg) no-repeat 0 0;
}
.dlBanner dl dd a {
display: block;
}
.dlBanner dl dd a:hover {
opacity: 0.7;
}
/*=================================================================*/
/* .chemicalCaseTheme
/*=================================================================*/
.chemicalCaseTheme {
padding: 70px 0 60px;
background: #EBEAF4 url(/system/cocktail/common/images/chemical/bg_case.png) no-repeat 0 0;
position: relative;
}
.chemicalCaseTheme .caseWrap {
width: 950px;
margin: 0 auto;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-justify-content: space-between;
justify-content: space-between;
}
.chemicalCaseTheme .caseWrap a {
display: block;
margin: 0 0 70px;
position: relative;
width: 456px;
text-decoration: none;
}
.chemicalCaseTheme .caseWrap a .txtBox {
background-color: #FFF;
border: solid 1px #C1BFDE;
border-radius: 6px;
box-sizing: border-box;
padding: 45px 20px 50px;
height: 100%;
}
.chemicalCaseTheme .caseWrap a .txtBox dl {
margin: 0 0 40px;
text-align: center;
}
.chemicalCaseTheme .caseWrap a .txtBox dl dt {
text-align: center;
margin: 0 0 40px;
background: url(/system/cocktail/common/images/chemical/case_logo.svg) no-repeat 0 center;
display: inline-block;
margin: 0 auto 36px;
padding: 4px 0 1px 49px;
font-size: 22px;
font-weight: bold;
}
.chemicalCaseTheme .caseWrap a .txtBox.case01 dl dt {
background: url(/system/cocktail/common/images/chemical/icon_case01.svg) no-repeat 0 center;
}
.chemicalCaseTheme .caseWrap a .txtBox.case02 dl dt {
background: url(/system/cocktail/common/images/chemical/icon_case02.svg) no-repeat 0 center;
}
.chemicalCaseTheme .caseWrap a .txtBox.case03 dl dt {
background: url(/system/cocktail/common/images/chemical/icon_case03.svg) no-repeat 0 center;
}
.chemicalCaseTheme .caseWrap a .txtBox.case04 dl dt {
background: url(/system/cocktail/common/images/chemical/icon_case04.svg) no-repeat 0 center;
}
.chemicalCaseTheme .caseWrap a .txtBox dl dd {
text-align: left;
}
.chemicalCaseTheme .caseWrap a .txtBox ul.tag {}
.chemicalCaseTheme .caseWrap a .txtBox ul.tag li {
display: inline-block;
margin: 0 7px 10px 0;
color: #CD4B95;
border: solid 1px #CD4B95;
border-radius: 50px;
padding: 5px 14px 3px;
font-size: 14px;
}
.chemicalCaseTheme .caseWrap a .btn {
position: absolute;
width: 200px;
font-size: 18px;
font-weight: bold;
background-color: #6561ab;
color: #FFF;
text-align: center;
padding: 7px 5px;
border-radius: 6px;
box-sizing: border-box;
left: 50%;
margin-left: -100px;
bottom: -20px;
}
.chemicalCaseTheme .caseWrap a .btn::after {
content: "";
position: absolute;
width: 6px;
height: 6px;
border-top: solid 1px;
border-right: solid 1px;
top: 50%;
right: 20px;
color: #FFF;
display: block;
margin: -5px 0 0;
transform: rotate(45deg);
}
.chemicalCaseTheme .caseWrap a:hover {
opacity: 0.8;
}
.chemicalCaseTheme .caseWrap a:hover .txtBox {
box-shadow: 0px 5px 15px rgb(0 0 0 / 15%);
}
/*一旦リンクとボタン削除
.chemicalCaseTheme .caseWrap a {
pointer-events: none;
margin: 0 0 40px;
}
.chemicalCaseTheme .caseWrap a .txtBox {
padding: 45px 20px 30px;
}
.chemicalCaseTheme .caseWrap a .btn {
display: none;
}
*/
/*=================================================================*/
/* .chemicalCaseIndustry
/*=================================================================*/
.chemicalCaseIndustry {
padding: 0 0 86px;
background-color: #EBEAF4;
position: relative;
}
.chemicalCaseIndustry .col3Wrap {
width: 948px;
text-align: center;
margin: 0 auto;
display: -webkit-flex;
display: flex;
-webkit-justify-content: space-between;
justify-content: space-between;
}
.chemicalCaseIndustry .col3Wrap a {
width: 300px;
display: block;
}
.chemicalCaseIndustry .col3Wrap a:hover {
text-decoration: none;
opacity: 0.7;
}
.chemicalCaseIndustry .col3Wrap a figure {
margin: 0;
padding: 0;
}
.chemicalCaseIndustry .col3Wrap a figure img {
display: block;
border-radius: 100%;
border: solid 4px #FFF;
box-sizing: border-box;
margin: 0 0 20px;
}
.chemicalCaseIndustry .col3Wrap a figure figcaption {
font-weight: bold;
font-size: 20px;
margin: 0 0 20px;
}
.chemicalCaseIndustry .col3Wrap a .arrow {
position: relative;
color: #676493;
display: inline-block;
padding: 0 40px 10px 30px;
border-bottom: solid 1px #676493;
}
.chemicalCaseIndustry .col3Wrap a .arrow::after {
content: "";
position: absolute;
width: 6px;
height: 6px;
border-top: solid 1px;
border-right: solid 1px;
top: 13px;
right: 23px;
color: #6561ab;
display: block;
margin: -5px 0 0;
transform: rotate(45deg);
}
/*=================================================================*/
/* .cocktailCase
/*=================================================================*/
.cocktailCase {
position: relative;
padding: 70px 0 80px;
}
.cocktailCase h2 {
margin: 0 0 70px;
}
.slideWrap {
width: 948px;
margin: 0 auto 60px;
}
.cocktailCase .prev-arrow, .cocktailCase .next-arrow {
width: 45px;
height: 45px;
top: 50%;
margin-top: -22px;
}
.cocktailCase .prev-arrow {
left: -58px;
}
.cocktailCase .next-arrow {
right: -58px;
}
.cocktailCase .slick-initialized .slick-slide {
margin: 0 8px;
}
.slideWrap a {
display: block;
background-color: #F2F2F8;
position: relative;
}
.slideWrap a:hover {
opacity: 0.7;
text-decoration: none;
}
.slideWrap a .txt {
position: relative;
}
.slideWrap a .txt .tag {
position: absolute;
display: inline-block;
background-color: #CD4B95;
color: #FFF;
position: absolute;
top: 0px;
left: 50%;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
padding: 0px 4px;
font-size: 14px;
font-weight: bold;
min-width: 110px;
box-sizing: border-box;
text-align: center;
}
.slideWrap a .txt dl {
padding: 40px 28px 68px;
box-sizing: border-box;
}
.slideWrap a .txt dl dt {
font-weight: bold;
margin: 0 0 18px;
text-align: center;
}
.slideWrap a span.arrow {
position: absolute;
display: block;
left: 0;
bottom: 0;
font-size: 12px;
padding: 11px 0 13px;
color: #676493;
border-top: solid 1px #e7e7f3;
width: 100%;
text-align: center;
}
.slideWrap a span.arrow::after {
content: "";
position: absolute;
width: 5px;
height: 5px;
border-top: solid 1px;
border-right: solid 1px;
top: 50%;
right: 94px;
color: #676493;
display: block;
margin-top: -4px;
transform: rotate(45deg);
}
.slideWrap .slick-arrow {
z-index: 1;
}
.cocktailCase .bottomBtn {}
.cocktailCase .bottomBtn {
position: relative;
width: 290px;
display: block;
margin: 0 auto 90px;
font-size: 17px;
font-weight: bold;
background-color: #6561ab;
color: #FFF;
text-align: center;
padding: 7px 5px;
border-radius: 6px;
box-sizing: border-box;
}
.cocktailCase .bottomBtn::after {
content: "";
position: absolute;
width: 6px;
height: 6px;
border-top: solid 1px;
border-right: solid 1px;
top: 50%;
right: 20px;
color: #FFF;
display: block;
margin: -5px 0 0;
transform: rotate(45deg);
}
.cocktailCase .bottomBtn:hover {
opacity: 0.7;
text-decoration: none;
}
.stripe {
width: 950px;
margin: 0 auto;
padding: 45px 90px;
box-sizing: border-box;
background: #EBEAF4 url(/system/cocktail/common/images/chemical/bg_stripe.jpg) repeat 0 0;
text-align: center;
}
.stripe h3 {
display: inline-block;
padding: 0 0 0 26px;
font-weight: bold;
font-size: 22px;
color: #CD4B95;
background: url(/system/cocktail/common/images/chemical/icon_check.svg) no-repeat left top 6px;
margin: 0 0 50px;
}
.stripe .listWrap {
display: -webkit-flex;
display: flex;
-webkit-justify-content: space-between;
justify-content: space-between;
}
.stripe .listWrap ul {
width: 33%;
text-align: left;
border-left: solid 1px #9B98C9;
box-sizing: border-box;
padding: 0 0 0 15px;
}
.stripe .listWrap ul li {
position: relative;
padding: 0 0 0 13px;
font-size: 15px;
margin: 0 0 5px;
}
.stripe .listWrap ul li::after {
position: absolute;
content: "";
background-color: #000;
width: 4px;
height: 4px;
border-radius: 100%;
left: 0;
top: 9px;
}
.stripe .listWrap ul:nth-child(1) {
border: none;
}
/*=================================================================*/
/* .lineup
/*=================================================================*/
.lineup {
padding: 70px 0 50px;
position: relative;
background: #EBEAF4 url(/system/cocktail/common/images/chemical/bg_lineup06.png) no-repeat center top;
}
.lineup::after {
content: "";
position: absolute;
width: 0;
height: 0;
border: 180px solid transparent;
border-top: 38px solid #EBEAF4;
transform: rotate(0deg);
left: 50%;
bottom: -217px;
margin-left: -180px;
}
.productLink.topCol {
/* width: 784px; */
width: 1060px;
margin: 0 auto 40px;
display: flex;
column-gap: 5%;
justify-content: center;
}
.productLink.topCol img {
max-width: 80%;
}
.productLink.bottomCol {
/* width: 784px; */
width: 1060px;
margin: 0 auto;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
.productLink.bottomCol a {
width: 244px;
margin: 0 28px 20px 0;
}
.productLink.bottomCol a:nth-child(4n) {
margin: 0 0 20px 0;
}
/*.productLink a,*/
.productLink__item {
display: flex;
flex-direction: column;
background-color: #FFF;
text-align: center;
border-bottom: solid 2px #CECDE5;
position: relative;
padding: 0 0 15px;
}
.productLink__item .bottom {
margin-top: auto;
}
.productLink__item {
width: 30%;
}
.productLink a:hover, .productLink__item a:hover {
opacity: 0.7;
text-decoration: none;
}
.productLink a .top, .productLink__item .top {
background-color: #6561AB;
color: #FFF;
font-weight: bold;
display: block;
padding: 5px;
letter-spacing: 0.05em;
font-size: 15px;
}
.productLink a dl, .productLink__item dl {
box-sizing: border-box;
}
.topCol a dl, .productLink__item dl {
padding: 25px 15px;
}
.bottomCol a dl {
padding: 25px 15px;
}
.productLink a dl dt, .productLink__item dl dt {
margin: 0 0 20px;
padding: 0 0 20px;
position: relative;
}
.productLink a dl dt::after, .productLink__item dl dt::after {
position: absolute;
content: '';
width: 32px;
height: 1px;
background-color: #CECDE5;
left: 50%;
margin-left: -16px;
bottom: 0;
}
.productLink a dl dd, .productLink__item dl dd {
text-align: left;
font-size: 15px;
}
.productLink a .arrow, .productLink__item .arrow {
border-top: solid 1px #F0F0F7;
border-bottom: solid 1px #F0F0F7;
padding: 10px 0;
font-size: 15px;
color: #676493;
width: 100%;
}
.productLink__item .arrow a {
display: block;
}
.productLink a .arrow span, .productLink__item .arrow span {
display: inline-block;
position: relative;
padding: 0 20px 0 0;
color: #676493;
}
.productLink a .arrow span::after, .productLink__item .arrow span::after {
content: "";
position: absolute;
width: 6px;
height: 6px;
border-top: solid 1px;
border-right: solid 1px;
top: 50%;
right: 0;
color: #676493;
display: block;
margin: -4px 0 0;
transform: rotate(45deg);
}
/*=================================================================*/
/* .chemicalGuide
/*=================================================================*/
.chemicalGuide {
width: 780px;
margin: 0 auto;
padding: 110px 0 100px;
}
.chemicalGuide h2 {
font-size: 22px;
margin: 0 0 60px;
text-align: center;
color: #6561AB;
}
.chemicalGuide h2 strong {
font-size: 24px;
}
.chemicalGuide .imgTxt {
margin: 0 0 70px;
display: -webkit-flex;
display: flex;
-webkit-justify-content: space-between;
justify-content: space-between;
}
.chemicalGuide .imgTxt .img {
width: 286px;
}
.chemicalGuide .imgTxt .txt {
width: 460px;
}
.chemicalGuide .imgTxt .txt p {
margin: 0 0 30px;
font-size: 15px;
}
.chemicalGuide .imgTxt .txt dl {
border: solid 3px #9B98C9;
box-sizing: border-box;
border-radius: 8px;
padding: 20px 20px 20px 74px;
position: relative;
}
.chemicalGuide .imgTxt .txt dl::before {
position: absolute;
content: '';
width: 84px;
height: 76px;
background: url(/system/cocktail/common/images/chemical/icon_fukidashi.svg) no-repeat 0 0;
left: -28px;
top: 35px;
}
.chemicalGuide .imgTxt .txt dl dt {
font-weight: bold;
color: #CD4B95;
margin: 0 0 10px;
}
.chemicalGuide .imgTxt .txt dl dd {
font-size: 14px;
font-weight: bold;
color: #6561AB;
}
.chemicalGuide .imgTxt .txt dl dd ul {}
.chemicalGuide .imgTxt .txt dl dd ul li {
position: relative;
padding: 0 0 0 13px;
margin: 0 0 5px;
}
.chemicalGuide .imgTxt .txt dl dd ul li::after {
position: absolute;
content: "";
background-color: #6561AB;
width: 4px;
height: 4px;
border-radius: 100%;
left: 0;
top: 9px;
}
.chemicalGuide .dlNow {
width: 456px;
margin: 0 auto;
display: block;
position: relative;
z-index: 1;
padding: 14px 13px 12px 13px;
color: #FFF;
font-weight: bold;
border-radius: 5px;
overflow: hidden;
background: #D1599D;
box-sizing: border-box;
text-align: center;
}
.chemicalGuide .dlNow:hover {
opacity: 0.7;
text-decoration: none;
}
.chemicalGuide .dlNow::before {
content: "";
width: 20px;
height: 20px;
right: 116px;
top: 50%;
background: url(/system/cocktail/common/images/chemical/icon_dl.svg) no-repeat 0 0;
position: absolute;
z-index: 2;
margin-top: -10px;
}
/*=================================================================*/
/* IT活用事例
/*=================================================================*/
.secTop {
padding: 75px 0 2px;
}
.secTop .inner {
width: 800px;
margin: 0 auto;
}
.secTop ul.tag {
margin: 0 0 40px;
}
.secTop ul.tag li {
display: inline-block;
margin: 0 7px 10px 0;
color: #CD4B95;
border: solid 1px #CD4B95;
border-radius: 50px;
padding: 5px 14px 3px;
font-size: 14px;
}
p.topTxt {
line-height: 1.8em;
margin: 0 0 40px;
}
.secImg {
text-align: center;
margin: 0 0 60px;
}
.col3Wrap {
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-justify-content: space-between;
justify-content: space-between;
}
.col3Wrap::after {
content: "";
width: 240px;
}
.col3Wrap dl {
width: 240px;
margin: 0 0 40px;
}
.col3Wrap.change2Wrap dl {
width: 380px;
}
.col3Wrap dl dt {
border-left: solid #6561AB 1px;
padding: 3px 0 3px 15px;
margin: 0 0 25px;
font-weight: bold;
font-size: 18px;
}
.col3Wrap dl dd {
font-size: 15px;
line-height: 1.8em;
}
.col3Wrap dl dd.let005 {
letter-spacing: 0.05em;
}
.caseOfIt {
border-top: solid 3px #EBEAF4;
position: relative;
padding: 60px 0;
}
.caseOfIt nav {
width: 1060px;
margin: 0 auto;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-justify-content: space-between;
justify-content: space-between;
}
.caseOfIt nav a {
width: 165px;
display: block;
background-color: #6561AB;
border-radius: 6px;
text-align: center;
padding: 90px 10px 18px 10px;
box-sizing: border-box;
color: #FFF;
}
.caseOfIt nav a:hover {
opacity: 0.7;
}
.caseOfIt nav a.case01 {
background: #6561AB url(../../images/chemical/btn_case01.svg) no-repeat center 28px;
}
.caseOfIt nav a.case02 {
background: #6561AB url(../../images/chemical/btn_case02.svg) no-repeat center 28px;
}
.caseOfIt nav a.case03 {
background: #6561AB url(../../images/chemical/btn_case03.svg) no-repeat center 28px;
}
.caseOfIt nav a.case04 {
background: #6561AB url(../../images/chemical/btn_case04.svg) no-repeat center 28px;
}
.caseOfIt nav a.case05 {
background: #6561AB url(../../images/chemical/btn_case05.svg) no-repeat center 28px;
}
.caseOfIt nav a.case06 {
background: #6561AB url(../../images/chemical/btn_case06.svg) no-repeat center 28px;
}
.caseOfIt nav a.current.case01 {
background: #8C89B3 url(../../images/chemical/btn_case01.svg) no-repeat center 28px;
}
.caseOfIt nav a.current.case02 {
background: #8C89B3 url(../../images/chemical/btn_case02.svg) no-repeat center 28px;
}
.caseOfIt nav a.current.case03 {
background: #8C89B3 url(../../images/chemical/btn_case03.svg) no-repeat center 28px;
}
.caseOfIt nav a.current.case04 {
background: #8C89B3 url(../../images/chemical/btn_case04.svg) no-repeat center 28px;
}
.caseOfIt nav a.current.case05 {
background: #8C89B3 url(../../images/chemical/btn_case05.svg) no-repeat center 28px;
}
.caseOfIt nav a.current.case06 {
background: #8C89B3 url(../../images/chemical/btn_case06.svg) no-repeat center 28px;
}
.caseOfIt nav a.current {
text-decoration: underline;
pointer-events: none;
}
.caseOfIt nav a span {
display: inline-block;
border-bottom: solid 1px #6561AB;
padding: 0 12px 3px 0;
position: relative;
font-size: 14px;
}
.caseOfIt nav a span::after {
content: "";
position: absolute;
width: 7px;
height: 7px;
border-top: solid 1px;
border-right: solid 1px;
top: 50%;
right: 0;
color: #FFF;
display: block;
margin-top: -7px;
transform: rotate(45deg);
}
.caseOfIt nav a.current span {
border-bottom: solid 1px #FFF;
padding: 0 0 3px 0;
}
.caseOfIt nav a.current span::after {
content: none;
}
/* 202505 修正作業 */
.productLink__item .contactBtn {
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-justify-content: center;
justify-content: center;
margin-top: 15px;
}
.productLink__item .contactBtn a {
padding: 6px 18px;
text-align: center;
line-height: 1.2;
border-radius: 4px;
background-color: #CD4B95;
font-size: 15px;
color: #fff;
text-decoration: none;
}
.productLink__item .contactBtn a:nth-child(n+2) {
margin-left: 14px;
}
.productLink__item .contactBtn .contact {
background-color: #6561AB;
}