/* ==========================
   　共通
========================== */
.libero_scroll{
display: flex;
overflow: hidden;
width: 100vw;
margin-left: calc(-50vw + 50%);
white-space: nowrap;
}
.libero_scroll_contents{
display: flex;
animation: scroll 30s linear infinite;
}
.scroll_item{
flex: 0 0 auto;
width: 40rem;
margin: 0 16px;
margin-bottom: 8rem;
}
.scroll_item  img{
border-radius: 16px;
}

@keyframes scroll {
0% {
transform: translateX(0);
}
100% {
transform: translateX(-100%);
}}


/*///////
メッセージ
///////*/
.p-company__ceo-cts{
padding:80px 60px!important;
background-color: #FFFFFF50!important;
backdrop-filter: blur(40px);
border-radius: 24px;
box-shadow: 0px 0px 40px #00000010;
}
.p-company__ceo-po2{
margin-right: 8px;
font-weight: 600;
}
.p-company__ceo-name2{
text-align: right;
font-weight: 600;
color: #232e44!important;
font-size: 16px!important;
}
.p-company__ceo-title{
font-size: 3.2rem;
}

/*///////
CSS 反映後削除
///////*/
.p-company__ceo-text {
color: #232e44!important;
font-weight: 600!important;
line-height: 2!important;
letter-spacing: .06em!important;
font-size: 16px!important;
}

/*///////
背景模様
///////*/
.bk_sec_com {
   width: 100vw;
   margin-left: calc(-50vw + 50%);
   position: relative;
}

.bk_sec_com img{
z-index: 1!important;
}
.bk_sec_com img.img_bk {
position: absolute;
z-index:-10!important;
}

.bk_sec_com .bk_pc1 {
width: 39%;
right: 0;
margin-top: 4rem;
}

.bk_sec_com .bk_pc2 {
width: 40%;
left: 0;
margin-top: -70rem;
}

/*///////
代表挨拶
///////*/
.p-company__ceo{
z-index: 10!important;
}

/*///////
会社概要表
///////*/
.p-company__subtitle,.p-company__ceo-title{
color: #182eab!important;
}
.p-company__list dl{
border-bottom: 1px solid #e8eaf1!important;
z-index:-20!important;
}

/* ==========================
   　タブレット対応
========================== */
@media screen and (max-width: 820px) {
/* 820px以上適用 */
.scroll_item{
width: 32rem;
margin: 0 14px;
margin-bottom: 12rem;
}
.c-title{
margin-bottom:6rem;
}
}

/* ==========================
   スマホ対応
========================== */
@media screen and (max-width: 480px) {
/* 480px以下適用 */
/*///////
ヘッダ
///////*/
.c-title__main {
margin-top: 1rem;
}

/*///////
スクロール
///////*/
.scroll_item{
width: 18rem;
margin: 0 8px;
margin-bottom: 9rem;
}
.libero_scroll_contents{
display: flex;
animation: scroll 20s linear infinite;
}
.c-title{
margin-bottom:2rem;
}

/*///////
代表挨拶
///////*/
.p-company__ceo-cts {
padding: 32px 22px 32px!important;
}
.p-company__ceo-title{
font-size: 2rem;
}
.p-company__ceo-text {
font-size: 1.4rem !important;
font-weight: 500 !important;
line-height: 1.8em !important;
}
.p-company__ceo-po2{
margin-right: 8px;
font-weight: 500;
}
.p-company__ceo-name2{
text-align: right;
font-weight: 500;
font-size: 1.4rem!important;
}

/*///////
背景サイズ
///////*/
.bk_sec_com .bk_sp2 {
width: 50%;
left: 0;
margin-top: -278rem;
}

.bk_sec_com .bk_sp1 {
width: 70%;
right: 0;
margin-top: -25rem;
}
	

/*///////
微調整
///////*/
.c-title__main {
margin-top: 0rem!important;
}
.c-title {
margin-bottom: 2.4rem!important;
}
}