@charset "utf-8";
/* CSS Document */


/*---------------------------------------------------------
チームサポートキャンペーンのLPページ
https://pfandh.jp/teamsupport
MV メインビジュアル
---------------------------------------------------------*/
#teamsupport2607 {
background-color: #1d1d1f;
}
.e-blue {
color: #00d8ff;
}
#teamsupport2607 .orange_btn a {
background-color: #ff5100;
}

#teamsupport2607 .tsc_mv {
width: 100%;
display: block;
}
/* sp */@media only screen and (max-width: 767px){
    #teamsupport2607 .tsc_mv {
    }
}


/*---------------------------------------------------------
tsc_s01
---------------------------------------------------------*/
#teamsupport2607 .tsc_s01box2 {
padding: 0 0 90px;
background: url(../images/teamsupport/tsc_s01_bg.jpg) center center / cover no-repeat;
}
#teamsupport2607 .tsc_s01 h2 {
width: 100%;
padding: 15px 0;
font-size: 3.2rem;
font-weight: bold;
color: #050505;
text-align: center;
background-color: #c4d600;
display: block;
position: relative;
}
#teamsupport2607 .tsc_s01 h2::after {
content: '';
position: absolute;
bottom: 3px;
left: 50%;
width: 0;
height: 0;
border-top: 50px solid #c4d600;
border-right: 50px solid transparent;
border-left: 50px solid transparent;
border-bottom: 0px solid transparent;
transform: translateX(-50%) translateY(100%);
}
#teamsupport2607 .tsc_s01box2 {
padding: 60px 0;
}
#teamsupport2607 .tsc_s01_title {
font-size: 4.5rem;
font-weight: bold;
color: #fff;
}
#teamsupport2607 .tsc_s01_txt02 {
font-size: 5rem;
font-weight: bold;
color: #fff;
}
/* sp */@media only screen and (max-width: 767px){
    #teamsupport2607 .tsc_s01 h2 {
    line-height: 1.6;
    padding: .8em 5%;
    font-size: 5vw;
    }
    #teamsupport2607 .tsc_s01 h2::after {
    border-top: 36px solid #c4d600;
    border-right: 36px solid transparent;
    border-left: 36px solid transparent;
    }
    #teamsupport2607 .tsc_s01box2 {
    padding-top: 3.5em;
    background-color: #06080a;
    background: radial-gradient(#111111, #343336);;
    /*background: url(../images/teamsupport/tsc_s02_bg_sp.jpg) center top / 100% auto no-repeat;*/
    }
    #teamsupport2607 .tsc_s01_title {
    font-size: 8vw;
    line-height: 1.4;
    }
    #teamsupport2607 .tsc_s01_txt02 {
    font-size: 10vw;
    }
}


/*---------------------------------------------------------
tsc_s02
---------------------------------------------------------*/
/* 点滅アニメーションの定義 */
@keyframes blinking {
  0%   { opacity: 0; }
  100% { opacity: 1; }
}

/* 点滅アニメーションを適用 */
#teamsupport2607 .blink {
animation: blinking 1s ease-in-out infinite alternate;
}

#teamsupport2607 .tsc_s02 {
padding-bottom: 60px;
background: url(../images/teamsupport/tsc_s02_bg.jpg) center center / cover no-repeat;
}
#teamsupport2607 .tsc_s02 .tsc_s02_title {
width: 100%;
padding: .5em;
background-color: #cb3631;
}
#teamsupport2607 .tsc_s02 .tsc_cedm_img01 {
width: 420px;
margin: 65px 0 30px 20px;
}
#teamsupport2607 .tsc_s02 .tsc_cedm_img02 {
width: 380px;
position: absolute;
top: -30px;
right: 70px;
}
#teamsupport2607 .tsc_s02 .tsc_cedm_img03 {
width: 420px;
margin-left: 20px;
}
#teamsupport2607 .tsc_s02_wrap01 {
width: 920px;
margin: 50px auto 0;
}
#teamsupport2607 .tsc_cedm_list li {
width: 220px;
}
#teamsupport2607 .tsc_cedm_box01_title {
width: 220px;
}
#teamsupport2607 .tsc_cedm_box01_title p {
width: 220px;
height: auto;
padding: .5em;
border: 1px solid #fff;
border-radius: 15px;
display: block;
}
#teamsupport2607 .tsc_cedm_box01_read {
width: 680px;
}
/* sp */@media only screen and (max-width: 767px){
    #teamsupport2607 .tsc_s02 {
    padding: 0 0 3em;
    }
    #teamsupport2607 .tsc_s02 .tsc_s02_title {
    font-size: 6vw;
    line-height: 1.4;
    }
    #teamsupport2607 .tsc_s02 .tsc_cedm_img01 {
    width: 100%;
    margin: 2em auto;
    }
    #teamsupport2607 .tsc_s02 .tsc_cedm_img02 {
    width: 75%;
    margin: 0 auto 2em;
    position: relative;
    top: unset;
    right: unset;
    }
    #teamsupport2607 .tsc_s02 .tsc_cedm_img03 {
    width: 90%;
    margin: 0 auto;
    }
    #teamsupport2607 .tsc_s02_wrap01 {
    width: 90%;
    margin: 2em auto 0;
    }
    #teamsupport2607 .tsc_cedm_list li {
    width: 48%;
    margin-bottom: 1em;
    }
    #teamsupport2607 .tsc_cedm_box01_title {
    width: 100%;
    }
    #teamsupport2607 .tsc_cedm_box01_title p {
    width: 100%;
    height: auto;
    padding: .5em;
    border: 1px solid #fff;
    border-radius: 15px;
    display: block;
    }
    #teamsupport2607 .tsc_cedm_box01_read {
    width: 95%;
    margin: .5em auto 0;
    }
}


/*---------------------------------------------------------
tsc_s03
---------------------------------------------------------*/
#teamsupport2607 .tsc_s03 {
padding: 50px 0 70px;
background: url(../images/teamsupport/tsc_s03_bg.jpg) center center / cover no-repeat;
}
#teamsupport2607 .tsc_s03 .tsc_s03_title {
font-size: 3.6rem;
text-shadow: 0px 0px 10px rgba(138, 212, 236, 1), 0px 0px 10px rgba(138, 212, 236, 1);
}
#teamsupport2607 .tsc_s03_reviews li {
width: 245px;
padding: 20px 20px 30px;
border-radius: 15px;
background-color: rgba(255, 255, 255, .88);
}
/* sp */@media only screen and (max-width: 767px){
    #teamsupport2607 .tsc_s03 {
    padding: 2em 0 3em;
    background: url(../images/teamsupport/tsc_s03_bg.jpg) left 32% center / cover no-repeat;
    }
    #teamsupport2607 .tsc_s03 .tsc_s03_title {
    font-size: 8vw;
    }
    #teamsupport2607 .tsc_s03_reviews li {
    width: 100%;
    margin-bottom: 1em;
    padding: 15px 15px 25px;
    }
}


/*---------------------------------------------------------
tsc_s04
---------------------------------------------------------*/
#teamsupport2607 .tsc_s04 {
padding: 0 0 70px;
background: url(../images/teamsupport/tsc_s04_bg.jpg) left top / 100% auto repeat-y;
}
 #teamsupport2607 .tsc_s04 .tsc_s04_camp {
width: 100%;
padding: .5em;
background-color: #cb3631;
}
#teamsupport2607 .tsc_s04 .tsc_s04_title {
padding: 15px 0;
font-size: 3.6rem;
}
#teamsupport2607 .tsc_s04 .tsc_s04_list01 dt {
width: 100%;
margin: 1.5em 0 .5em;
padding: 2px 0 4px;
background-color: #c4d600;
display: block;
}
#teamsupport2607 .tsc_s04 .tsc_s04_list01 dd.tsc04_txt01 li {
padding: 0 2em;
font-size: 1.8rem;
color: #fff;
}
#teamsupport2607 .tsc_s04 .tsc_s04_list01 dd.tsc04_txt02 li {
padding: 0 2em;
color: #fff;
}
/* sp */@media only screen and (max-width: 767px){
    #teamsupport2607 .tsc_s04 .tsc_s04_camp {
    font-size: 6vw;
    line-height: 1.4;
    }
    #teamsupport2607 .tsc_s04 .tsc_s04_title {
    font-size: 8vw;
    line-height: 1;
    }
    #teamsupport2607 .tsc_s04 .tsc_s04_list01 dd.tsc04_txt01 li {
    padding: 0 1em;
    font-size: 1.6rem;
    }
    #teamsupport2607 .tsc_s04 .tsc_s04_list01 dd.tsc04_txt02 li {
    padding: 0 1em;
    font-size: 1.5rem;
    }
}


/*---------------------------------------------------------
tsc_s05
---------------------------------------------------------*/
#teamsupport2607 .tsc_s05 {
background: url(../images/teamsupport/tsc_s05_bg.jpg) left top / cover no-repeat;
}
#teamsupport2607 .tsc_s05 .tsc_s05_box {
padding: 35px 0 0;
background-color: #050505;
}
#teamsupport2607 .tsc_s05_box h2 {
font-size: 3.4rem;
}
#teamsupport2607 .phproducts {
width: 100%;
background: linear-gradient(90deg, #fef100 0%, #fef100 50%, #89199c 50%, #89199c 100%);
}
#teamsupport2607 .phproducts ul li {
width: 33.3333333%;
}
/* sp */@media only screen and (max-width: 767px){
    #teamsupport2607 .tsc_s05_box h2 {
    font-size: 5vw;
    line-height: 1.4;
    }
    #teamsupport2607 .tsc_s05_box h2 .fs38Pc {
    font-size: 6.2vw;
    }
    #teamsupport2607 .phproducts ul li {
    width: 100%;
    }
}





/* 項目の非表示 */
.non {display: none!important;}

/* pc */
@media print, screen and (min-width: 768px){
.sp{display: none !important;}
}
/* sp */
@media only screen and (max-width: 767px){
.pc{display: none !important;}
}
/* printのみ表示 */
@media screen and (min-width: 768px){
.sp2 {display: none !important;}
}