@charset "UTF-8";
#partner_header{
    text-align: center;
    padding-bottom: 40px;
    border-bottom: 3px solid var(--pa-color);
    position: relative;
}
#p_logowarap{
    display: flex;
    justify-content: center;
    position: relative;
}
#p_logowarap::before{
    content: '';
    position: absolute;
    top: 50%;
    height: 3px;
    background: var(--pa-color);
    width: 100%;
    z-index: -1;
}
#p_logowarap img{
    max-width: 200px;
    border-radius: 50%;  
}
#partner_header h1{
    margin-top: 30px;
}
.at{
    color: var(--color-accent);
}
#plan{
    position: absolute;
    right: 20px;
    bottom: -13px;
    background-color: var(--hero-bg, rgba(0, 0, 0, 0.5));
}
#plan strong{
    margin-left: 15px;
}
.p_s_light{
    color: transparent;
	background: repeating-linear-gradient(0deg, #0277BD 0.1em, #4FC3F7 0.2em, #E1F5FE 0.3em, #4FC3F7 0.4em, #0277BD 0.5em); 
	-webkit-background-clip: text;
}
.p_s_standard{
    color: transparent;
	background: repeating-linear-gradient(0deg, #757575 0.1em, #9E9E9E 0.2em, #E8E8E8 0.3em, #9E9E9E 0.4em, #757575 0.5em); 
	-webkit-background-clip: text;
}
.p_s_premium{
    background:-webkit-linear-gradient(to top,#ccb800 0%,#ccb800 45%,#fffd84 50%,#ebd303 55%,#ebd303 100%);
    background:linear-gradient(to top,#ccb800 0%,#ccb800 45%,#fffd84 50%,#ebd303 55%,#ebd303 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.partner_link_list{
    justify-content:center;
}
.partner_link_list li{
    width: 48%;
}
.partner_link_list li:nth-child(2){
    margin-left: 4%;
}
.partner_link_list li a{
    position: relative;
    display: block;
    width: 100%;
    padding: 20px 3px;
    border-radius: 10px;
    text-align: center;
    font-weight: bold;
}
.partner_link_list li a::after {
    content: '';
    position: absolute;
    bottom: 10px;
    right: 10px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 12px 12px;
}
.partner_link_list li:nth-child(1) a{
    background-color: var(--pa-color);
    color: var(--patext-color);
}
.partner_link_list li:nth-child(1) a::after{
    border-color: transparent transparent var(--patext-color) transparent;   
}
.partner_link_list li:nth-child(2) a{
    background-color: var(--patext-color);
    color: var(--pa-color);
}
.partner_link_list li:nth-child(2) a::after{
    border-color: transparent transparent var(--pa-color) transparent;       
}
/* ワンポイント付きボックス */
.cstm-box-pin {
   padding: 50px; /* 内側余白 */
   position: relative; /* 擬似要素配置の基準 */
   border: 8px solid #eee; /* 枠線（太さ・種類・色） */
   z-index: 0; /* 重なり順 */
}

.cstm-box-pin::before {
   content: ''; /* 擬似要素にコンテンツなし */
   display: block; /* ブロック要素として表示 */
   position: absolute; /* 絶対位置指定 */
   top: -8px; /* 上に配置 */
   left: -8px; /* 左に配置 */
   width: 8px; /* サイズ（幅） */
   height: 8px; /* サイズ（高さ） */
   background-color: var(--pa-color); /* ワンポイントの色 */
   z-index: 1; /* 前面に表示 */
}
.cstm-box-pin::after{
    content: 'Partner Message';
    display: inline-block; /* ブロック要素として表示 */
    position: absolute; /* 絶対位置指定 */
    top: -20px; /* 上に配置 */
    right: 20px; /* 左に配置 */
    width: 160px;
    text-align: center;
    color: var(--pa-color);
    background-color: var(--hero-bg, rgba(0, 0, 0, 0.5));
    font-family: serif;
}
#partner_message h2{
    text-align: center;
    font-size: 21px;
}
#partner_message p#partner_message_p{
    line-height: 200%;
}
#owner_name{
    text-align: center;
}
td#partner_sns_td ul li{
    width: 40px;
    margin-right: 40px;
}
td#partner_sns_td ul li:last-child{
    margin-right: 0;
}
#partner_summary_title{
    text-align: center;
}
.plan_section h2 span:first-child{
    margin-right: 30px;
}
.plan_section h2{
    position: relative;
    overflow: hidden;
    padding-bottom: 15px;
}
.plan_section h2:before,
.plan_section h2:after{
    position: absolute;
    bottom: 0;
    content: '';
    height: 5px;
}
.plan_section h2:before{
    left: 0;
    width: 130px;
}
.plan_section h2:after{
    left: 130px;
    width: 100%;
}
.plan_section h2:after{
    background-color: var(--color-accent);
}
#premium_section h2:before{
    background: linear-gradient(45deg, #B67B03 0%, #DAAF08 45%, #FEE9A0 70%, #DAAF08 85%, #B67B03 90% 100%);
}
#standard_section h2:before{
    background: linear-gradient(45deg, #757575 0%, #9E9E9E 45%, #E8E8E8 70%, #9E9E9E 85%, #757575 90% 100%);
}
#light_section h2:before{
    background: repeating-linear-gradient(0deg, #0277BD 0.1em, #4FC3F7 0.2em, #E1F5FE 0.3em, #4FC3F7 0.4em, #0277BD 0.5em); 
}
.partner_article{
    width: 33.333%;
    justify-content: center;
}
.pa_contents_wrap{
    width: 335px;
}
.partner_article_img{
    width: 100%;
    height: 223px;
    background-size: cover;
    background-position: center center;
}
.pa_ex{
    font-size: 15px;
    line-height: 100%;
    letter-spacing: 0;
    text-align: justify;
}
.partner_article h3{
    margin-top: 10px;
}
.pa_contents_nav{
    align-items: flex-end;
}
.partner_article .partner_link_list li{
    width: 100%;
    margin: 0;
    margin-top: 20px;
}
.partner_article .partner_link_list li a{
    padding: 10px 3px;
    font-size: 14px;
}
.partner_article .partner_link_list li.partner_p_list:last-child a::after {
    border-color: transparent transparent var(--color-accenttext) transparent;
}
@media screen and (max-width: 1080px) {
    .partner_list_wrap{
        justify-content: space-between;
    }
    .partner_article{
        width: 45%;
    }
    .partner_article:nth-child(odd){
        justify-content: flex-end;
    }
    .partner_article:nth-child(even){
        justify-content: flex-start;
    }
}
@media screen and (max-width: 819px) {
    .partner_article{
        width: 49%;
    }    
}
@media screen and (max-width: 728px) {
    #p_logowarap img {
        max-width: 125px;
    }
    .partner_link_list{
        flex-wrap: wrap;
    }
    .partner_link_list li{
        width: 100%;
    }
    .partner_link_list li:nth-child(2) {
        margin-left: 0;
        margin-top: 40px;
    }
    .partner_article .partner_link_list li:nth-child(2) {
        margin-top: 20px;
    }   
    .partner_link_list li a{
        font-size: 13px;
    }
    .cstm-box-pin{
        padding: 50px 0;
        border-right: none;
        border-left: none;
    }
    td#partner_sns_td ul{
        flex-wrap: wrap;
    }
    td#partner_sns_td ul li:nth-child(4),td#partner_sns_td ul li:nth-child(5),td#partner_sns_td ul li:nth-child(6){
        margin-top: 30px;
    }
    td#partner_sns_td ul li{
        width: 32%;
        margin-right: 2%;
    }
    td#partner_sns_td ul li:nth-child(3n){
        margin-right: 0;
    }
    td#partner_sns_td ul li a{
        display: flex;
        justify-content: center;
        align-items: center;
    }
    td#partner_sns_td ul li a img{
        width: 40px;
    }
    .partner_list_wrap{
        flex-wrap: nowrap;
        overflow-x: auto;
        scroll-snap-type: x mandatory;
        padding-bottom: 30px;    
    }
    .partner_article{
        width: 335px;
        margin-right: 30px;
    }
}
@media screen and (max-width: 415px) {
    .partner_article,.pa_contents_wrap{
        width: 300px;
    }
    .partner_article_img{
        height: 200px;
    }
}
@media screen and (max-width: 370px) {
    .partner_article,.pa_contents_wrap{
        width: 250px;
    }
    .partner_article{
        margin-right: 20px;
    }
    .partner_article_img{
        height: 150px;
    }
}