body{
    color: #2C2C2C;
}
.outline__bg {
    background: linear-gradient(180deg, #FFE19D 0%, #FFE19D 40%, #F8AB31 40%, #F8AB31 100%);
    padding:50px 0 60px;
    overflow: hidden;
}

.outline {
    position: relative;
}
.outline::before {
    content: " ";
    background-image:url('../img/outline/bg02.png');
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    width: 121px;
    height: 108px;
    top: 125px;
    left:-15px ;
}
.outline::after {
    content: " ";
    background-image:url('../img/outline/bg01.png');
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    width: 150px;
    height:133px;
    top: -44px;
    left:auto ;
    right: -35px;
}

.outline__ttl{
    position: relative;
}

.outline__ttl .ttl__icon {
    position: relative;
}
.outline__ttl .ttl__icon::before {
    content: " ";
    background-image:url('../img/outline/bg03.png');
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    width: 106px;
    height: 127px;
    top: -20px;
    right:110px ;

}

.outline__content__wrap {
    margin-top: 60px;
}

.outline__content {
    width: 100%;
    filter: drop-shadow(8px 8px 1px #00000027);
    border: 3px solid #FCAE00;
    background-color: #fff;
    border-radius: 15px;
    padding: 20px 20px 29px;
}

.outline__content h3{
    font-size:24px;
    line-height: calc(28/24);
}
.outline__content h4{
    margin-top: 30px;
    text-align: center;
    line-height: 1.5;
}
.outline__content__txt {
    margin-top: 20px;
    line-height: calc(32/16);
}
.outline__content__txt01{
    font-size:17.33px
}

.outline__content__info__wrap {
    margin-top: 40px;
    
}

.outline__content__info-r {
    margin-bottom: 40px;
}

.fukidashi {
    width: 305px;
    margin: 0 auto;
    margin-bottom:20px;
    position: relative;
}

.fukidashi__txt {
    font-size: 24px;
    text-align: center;
    line-height: calc(28/24);
    font-family: 'M PLUS Rounded 1c', sans-serif;
    font-weight: 500;
    position: absolute;
    top: 10%;
    right: 0;
    left: 0;
}

.chara {
    width: calc(213/500*100%);
    margin:0 auto;
    text-align: center;
}

.outline__content__info-l {
    
}

.outline__content__info-r .fukidashi__txt {
  
    top: 25%;
   
}

.figure {
    margin: 0 -15px;

}

.company__info {
    margin-top: 45px;
}

.company__info__list {
    
}
.company__info__list li{
    display: flex;
    height: 58px;
    font-size: 14px;
    color:#484848;
   align-items: center;
   line-height: calc(18/14);
}
.company__info__list li:not(:nth-child(2n)){
    background-color: #DBDBDB;
}
.company__info__list li:nth-child(2n){
    background-color: #fff;
}

.company__info__list__dt {
    font-weight: 600;
    min-width: 82px;
    padding-left:10px;
}

.company__info__list__txt {}


/*  */
.member-character__list__ttl {
    font-size: 20px;
    line-height:calc(24/20);
    text-align: center;
    font-family: 'M PLUS Rounded 1c', sans-serif;
    font-weight:500 ;
}

.member-character__list__01__wrap {}

.member-character__list__img01 {
    width: calc(246/305*100%);
    margin: 0 auto;
    margin-top:20px;
}

.member-character__list__txtarea {}

.member-character__list__ttl-pc {
    display: none;
}

.member-character__list__txtarea__name {
    margin-top: 20px;
    margin-bottom: 20px;
}

.member-character__list__txt {
    line-height: calc(24/16);
}

.outline__content__txt__umder-name{
   text-align: right;
   line-height: 1.7;

}

@media screen and (min-width: 768px){
   
    .outline__bg {
        background: linear-gradient(180deg, #FFE19D 0%, #FFE19D 60%, #F8AB31 60%, #F8AB31 100%);
        padding:50px 0 60px;
        overflow: hidden;
    }
    
    .outline {
        position: relative;
        
    }
    .outline::before {
        content: " ";
        background-image:url('../img/outline/bg02.png');
        background-size: contain;
        background-repeat: no-repeat;
        position: absolute;
        width: 243px;
        height: 216px;
        top: 45%;
        left:2% ;
    }
    .outline::after {
        content: " ";
        background-image:url('../img/outline/bg01.png');
        background-size: contain;
        background-repeat: no-repeat;
        position: absolute;
        width: 150px;
        height:133px;
        top: -44px;
        left:auto ;
        right: -35px;
        display: none;
    }
    
    .outline__ttl{
        position: relative;
    }
    
    .outline__ttl .ttl__icon {
        position: relative;
    }
    .outline__ttl .ttl__icon::before {
        content: " ";
        background-image:url('../img/outline/bg03.png');
        background-size: contain;
        background-repeat: no-repeat;
        position: absolute;
        width: 213px;
        height: 254px;
        top: 50px;
        right:397px ;
    
    }
    .outline__ttl .ttl__icon::after {
        content: " ";
        background-image:url('../img/outline/bg01.png');
        background-size: contain;
        background-repeat: no-repeat;
        position: absolute;
        width: 300px;
        height: 267px;
        top: 24px;
        left:359px ;
    
    }
    
    .outline__content__wrap {
        margin-top: 69px;
    }
    
    .outline__content {
        width: 100%;
        filter: drop-shadow(8px 8px 1px #00000027);
        border: 5px solid #FCAE00;
        background-color: #fff;
        border-radius: 15px;
        padding: 60px 60px 40px;
    }
    
    .outline__content h3{
        font-size:32px;
    }
    
    .outline__content__txt {
        margin-top: 40px;
        line-height: calc(32/16);
    }
    
    .outline__content__info__wrap {
        /* display: flex; */
        max-width: 810px;
        margin: 0 auto;
        margin-top: 40px;
        flex-direction: row-reverse;
        
    }
    .outline__content__info-r .figure{
        text-align: center;
    }
    .outline__content__info-r {
        margin-bottom: 0;
        /* width: 57%; */
        width: 100%;
    }
    
    .fukidashi {
        width: 305px;
        margin: 0 auto;
        margin-bottom:0;
        position: relative;
    }
    
    .fukidashi__txt {
        font-size: 24px;
        text-align: center;
        line-height: calc(28/24);
        font-family: 'M PLUS Rounded 1c', sans-serif;
        font-weight: 500;
        position: absolute;
        top: 10%;
        right: 0;
        left: 0;
    }
    
    .chara {
        width: calc(213/800*100%);
        margin:0 auto;
    }
    
    .outline__content__info-l {
        /* width: 43%; */
        width: 100%;
        
    }
    
    .outline__content__info-r .fukidashi__txt {
      
        top: 25%;
       
    }
    .outline__content__info-r .fukidashi{
        transform: translateX(55px)
    }

   /*  @media screen and (max-width: 850px){
        .outline__content__info-r .fukidashi{
           transform: translateX(20px)
        }
    }
 */
    .outline__content__info-l .fukidashi{
        /* margin-bottom: 76px; */
        margin-bottom: 40px;
    }


    
    .figure {
        margin: 0 -15px;
    
    }
    
    .company__info {
        margin-top: 70px;
    }
    
    .company__info__list {
        
    }
    .company__info__list li{
        display: flex;
        height: 64px;
        font-size: 16px;
        color:#484848;
       align-items: center;
       line-height: calc(24/16);
    }
    .company__info__list li:not(:nth-child(2n)){
        background-color: #DBDBDB;
    }
    .company__info__list li:nth-child(2n){
        background-color: #fff;
    }
    
    .company__info__list__dt {
        font-weight: 600;
        min-width: 120px;
        padding-left:23px;
    }
    
    .company__info__list__txt {}


    /*  */
    .member-character__list__ttl-sp {
        display: none;
    }
    
    .member-character__list__ttl {
        font-size: 20px;
        line-height:calc(24/20);
        text-align: center;
        font-family: 'M PLUS Rounded 1c', sans-serif;
        font-weight:500 ;
    }
    
    .member-character__list__01__wrap {
        display: flex;
        flex-direction: row-reverse;
        max-width: 800px;
        margin: 0 auto;
    }
    
    .member-character__list__img01 {
        width: calc(246/305*100%);
        margin: 0 auto;
        margin-top:0;
    }
    
    .member-character__list__txtarea {
        min-width: 447px;
        margin-right: 13%;
    }
    
    .member-character__list__ttl-pc {
        display: block;
        text-align: left;
        line-height: calc(32/20);
    }
    
    .member-character__list__txtarea__name {
        margin-top: 10px;
        margin-bottom: 10px;
        width: 420px;
    }
    
    .member-character__list__txt {
        line-height: calc(32/16);
    }
}