@charset "UTF-8";
@media screen and (min-width: 768px),print {

header{ position: absolute; z-index: 3;}
#discussion .onecol-contents{max-width: 100%;padding: 0;}
#discussion .seo_bread_list{max-width: 1920px;}

#contents-discussion-main{position: relative;margin-bottom: 33px;}
#contents-discussion-main .img{ }
#contents-discussion-main .img img{ width: 100%; height: auto; }
#contents-discussion-main h1{font-size: 3.13vw;letter-spacing: 0.3rem;color: #fff;text-shadow: 0px 0px 10px #00000080;position: absolute;bottom: 5.9vw;font-weight: bold;left: 7.1vw;z-index: 3;}
#contents-discussion-main h1 span{ }
#contents-discussion-main .mainicon{position: absolute;bottom: 5.2vw;right: 5vw;z-index: 3;width: 16.03vw;}
#contents-discussion-main .mainicon img{ width: 100%; height: auto;}

#contents-discussion-01{max-width: 1040px;margin: 117px auto 95px auto;padding: 0  5rem;}
#contents-discussion-01 .staff-list-title{text-align: center;position: relative;font-size: 2.8rem;font-weight: bold;color: #0057AA;margin-bottom: -21px;z-index: 4;}
#contents-discussion-01 .staff-list-title::before{content: "";width: 15px;height: 26px;display: block;background: url(../images/discussion/ttl-icon.svg);position: absolute;top: 14px;left: 50%;margin-left: -154px;}
#contents-discussion-01 .staff-list-title::after{content: "";width: 15px;height: 26px;display: block;background: url(../images/discussion/ttl-icon.svg);position: absolute;top: 14px;left: 50%;margin-left: 144px;transform: scale(-1, 1);}
#contents-discussion-01 .staff-list-wrap{border-radius: 24px;background: #F3F5FA;padding: 74px 3.7rem 71px 3.7rem;}
#contents-discussion-01 .staff-list{display: -webkit-box;display: -moz-flex;display: -ms-flex;display: -o-flex;display: -ms-flexbox;display: flex;-webkit-box-lines: multiple;-moz-box-lines: multiple;-ms-flex-wrap: wrap;flex-wrap: wrap;max-width: 850px;margin: 0 auto;}
#contents-discussion-01 .staff-list li{width: 23.6%;margin-right: 1.8%;border: 1px solid #D2D2D2;border-radius: 16px;background: #fff;text-align: center;padding: 21px 0 30px;}
#contents-discussion-01 .staff-list li:nth-child(4n){margin-right: 0;}
#contents-discussion-01 .staff-list li .staff-photo {max-width: 120px;aspect-ratio: 1 / 1;overflow: hidden;text-align: center;margin: 0  auto 5px;border-radius: 50%;position: relative;}
#contents-discussion-01 .staff-list li .staff-photo img { width: 100%; height: 100%; object-fit: cover; display: block; }
#contents-discussion-01 .staff-list li .staff-name{ color: #0057AA; font-weight: bold; font-size: 1.8rem; letter-spacing: 0.18rem; margin-bottom: 5px; }
#contents-discussion-01 .staff-list li .staff-position{ font-size: 1.2rem; letter-spacing: 0.06rem; line-height: 1.5; margin: 0 20px; }

#discussion .discussion-content{padding: 0 5rem 0 7rem;position: relative;max-width: 1050px;margin: 0 auto;}
#discussion .qa-block{margin-bottom: 101px;}
#discussion .discussion-content h2.question-title{font-size: 2.8rem;letter-spacing: 0.14rem;font-weight: bold;color: #0057AA;border-bottom: #D2D2D2 1px solid;padding-bottom: 13px;margin-bottom: 50px;}
#discussion .discussion-content h2.question-title .mainicon{display: inline-block;margin-right: 6px;position: relative;top: -10px;left: -2px;}
#discussion .discussion-content .comments-wrap{ }
#discussion .discussion-content .comment-item{position: relative;padding: 24px 0 0 110px;min-height: 140px;}
#discussion .discussion-content .comment-staff-photo{width: 80px;position: absolute;top: 5px;left: -4px;}
#discussion .discussion-content .comment-staff-photo img{width: 100%;height: auto;overflow: hidden;border-radius: 50%;}
#discussion .discussion-content .comment-staff-name{color: #333333;font-size: 1.2rem;line-height: 2.4;text-align: center;}
#discussion .discussion-content .comment-text{font-size: 1.6rem;letter-spacing: 0.08rem;line-height: 2;}
#discussion .discussion-content .main-photo{overflow: hidden;border-radius: 20px;margin: 91px 0 40px;}
#discussion .discussion-content .main-photo img{ width: 100%; height: auto; }


#contentsdeplist{background: #F3F5FA;}
#contentsdeplist .inner-Box{max-width: 1300px;margin: 0 auto;padding: 91px 5rem 117px;}
#contentsdeplist .inner-Box h2.ttl{font-size: 2.8rem;letter-spacing: 0.14rem;font-weight: bold;text-align: center;color: #0057AA;margin-bottom: 54px;}
#contentsdeplist .inner-Box .system-list{display: -webkit-box;display: -moz-flex;display: -ms-flex;display: -o-flex;display: -ms-flexbox;display: flex;-webkit-box-lines: multiple;-moz-box-lines: multiple;-ms-flex-wrap: wrap;flex-wrap: wrap;}
#contentsdeplist .inner-Box .system-list li a{width: auto;text-align: left;padding-bottom: 52px;}
#contentsdeplist .inner-Box .system-list li{width: 48.2%;margin-right: 3.1%;}
#contentsdeplist .inner-Box .system-list li:nth-child(2n){margin-right: 0;}
#contentsdeplist .inner-Box .system-list li .img {width: 100%;aspect-ratio: 58 / 25;overflow: hidden;text-align: center;overflow: hidden;border-radius: 19px;margin-bottom: 14px;position: relative;}
#contentsdeplist .inner-Box .system-list li .img img { width: 100%; height: 100%; object-fit: cover; display: block; }
#contentsdeplist .inner-Box .system-list li h3{text-align: left;color: #0057AA;font-size: 2.2rem;font-weight: bold;letter-spacing: 0.11rem;margin-bottom: 11px;}
#contentsdeplist .inner-Box .system-list li .ccll{margin-bottom: 15px;}
#contentsdeplist .inner-Box .system-list li .ccll span{font-size: 1.2rem;letter-spacing: 0;display: inline-block;border: 1px solid #D2D2D2;border-radius: 30px;background: #F3F5FA;padding: 6px 16px;}
#contentsdeplist .inner-Box .system-list .systext{font-size: 1.6rem;line-height: 1.8;}
#contentsdeplist .inner-Box .system-list a.link-arr .post-arrow{ top: auto; bottom: 2px; right: 0; }


}

@media screen and (min-width:768px) and ( max-width:1300px) {


}

@media screen and (max-width: 767px) {

    header{position: absolute;z-index: 3;width: 100vw;}
    #discussion .onecol-contents{max-width: 100%;padding: 0;padding-top: 2vw;}
    #discussion .seo_bread_list{
    display: none;
}
    
    #contents-discussion-main{position: relative;margin-bottom: -5vw;}
    #contents-discussion-main .img{overflow: hidden;margin-bottom: -5.5vw;}
    #contents-discussion-main .img img{ width: 100%; height: auto; }
    #contents-discussion-main h1{font-size: 5.33vw;letter-spacing: 0.27vw;color: #fff;text-shadow: 0.0vw 0.0vw 2.67vw #00000080;position: relative;font-weight: bold;z-index: 3;margin: 0 0 5.1vw 6.4vw;}
    #contents-discussion-main h1 span{background: #0057AA;display: inline-block;padding: 1.4vw 2.6vw;margin-bottom: 1.2vw;}
    #contents-discussion-main .mainicon{position: relative;z-index: 3;display: block;margin: 0 30.3vw;}
    #contents-discussion-main .mainicon img{ width: 100%; height: auto;}
    
    #contents-discussion-01{
    background: #F3F5FA;
    padding: 8.3vw 0 0;
    margin-bottom: 11vw;
}
    #contents-discussion-01 .staff-list-title{text-align: center;position: relative;font-size: 4.27vw;letter-spacing: 0.21vw;font-weight: bold;color: #0057AA;margin-bottom: 0vw;z-index: 4;}
    #contents-discussion-01 .staff-list-title::before{content: "";width: 2.8vw;height: 6.93vw;display: block;background: url(../images/discussion/ttl-icon.svg)no-repeat;position: absolute;top: 1.73vw;left: 50%;margin-left: -22vw;background-size: 100% auto;}
    #contents-discussion-01 .staff-list-title::after{content: "";width: 2.8vw;height: 6.93vw;display: block;background: url(../images/discussion/ttl-icon.svg)no-repeat;position: absolute;top: 1.73vw;left: 50%;margin-left: 19.7vw;transform: scale(-1, 1);background-size: 100% auto;}
    #contents-discussion-01 .staff-list-wrap{background: #F3F5FA;padding: 4.03vw 6.3vw 6.8vw;}
    #contents-discussion-01 .staff-list{display: -webkit-box;display: -moz-flex;display: -ms-flex;display: -o-flex;display: -ms-flexbox;display: flex;-webkit-box-lines: multiple;-moz-box-lines: multiple;-ms-flex-wrap: wrap;flex-wrap: wrap;}
    #contents-discussion-01 .staff-list li{width: 48.8%;margin-right: 2.4%;border: 0.27vw solid #D2D2D2;border-radius: 2.27vw;background: #fff;text-align: center;padding: 4.2vw 0 5vw;margin-bottom: 2vw;}
    #contents-discussion-01 .staff-list li:nth-child(2n){margin-right: 0;}
    #contents-discussion-01 .staff-list li .staff-photo {aspect-ratio: 1 / 1;overflow: hidden;text-align: center;margin: 0  10vw 1.33vw;border-radius: 50%;position: relative;}
    #contents-discussion-01 .staff-list li .staff-photo img { width: 100%; height: 100%; object-fit: cover; display: block; }
    #contents-discussion-01 .staff-list li .staff-name{color: #0057AA;font-weight: bold;font-size: 3.6vw;letter-spacing: 0.48vw;margin-bottom: 1.33vw;}
    #contents-discussion-01 .staff-list li .staff-position{font-size: 3.20vw;letter-spacing: 0.16vw;line-height: 1.5;margin: 0 3.33vw;}
    
    #discussion .discussion-content{position: relative;margin: 0 5.9vw;}
    #discussion .qa-block{margin-bottom: 6.93vw;}
    #discussion .discussion-content h2.question-title{font-size: 5.33vw;letter-spacing: 0.27vw;font-weight: bold;line-height: 1.5;color: #0057AA;border-bottom: #D2D2D2 0.27vw solid;padding-bottom: 1.87vw;margin-bottom: 4.43vw;position: relative;padding-left: 8vw;padding-top: 2vw;}
    #discussion .discussion-content h2.question-title .mainicon{display: inline-block;margin-right: 1.6vw;position: absolute;top: 0vw;left: 1vw;width: 5vw;}
    #discussion .discussion-content .comments-wrap{ }
    #discussion .discussion-content .comment-item{position: relative;margin-bottom: 2vw;padding: 5.4vw 0 0 18.03vw;min-height: 19vw;}
    #discussion .discussion-content .comment-staff-photo{position: absolute;top: 2.03vw;left: 0.5vw;width: 13.5vw;}
    #discussion .discussion-content .comment-staff-photo img{width: 100%;height: auto;overflow: hidden;border-radius: 50%;}
    #discussion .discussion-content .comment-staff-name{color: #333333;font-size: 3.20vw;line-height: 1.9;text-align: center;}
    #discussion .discussion-content .comment-text{font-size: 3.73vw;letter-spacing: 0.19vw;line-height: 1.6;}
    #discussion .discussion-content .main-photo{overflow: hidden;border-radius: 2.33vw;margin: 8.27vw 0 10.67vw;}
    #discussion .discussion-content .main-photo img{ width: 100%; height: auto; }
    
    
    #contentsdeplist{background: #F3F5FA;margin: 15.7vw 0 0;}
    #contentsdeplist .inner-Box{
    padding: 12.2vw 0 0;
}
    #contentsdeplist .inner-Box h2.ttl{font-size: 5.33vw;letter-spacing: 0.27vw;font-weight: bold;text-align: center;color: #0057AA;margin-bottom: 6vw;}
    #contentsdeplist .inner-Box .system-list{display: -webkit-box;display: -moz-flex;display: -ms-flex;display: -o-flex;display: -ms-flexbox;display: flex;-webkit-box-lines: multiple;-moz-box-lines: multiple;-ms-flex-wrap: wrap;flex-wrap: wrap;}
    #contentsdeplist .inner-Box .system-list li a{width: auto;text-align: left;padding-bottom: 13.87vw;}
    #contentsdeplist .inner-Box .system-list li{width: 52%;margin-right: -4%;}
    #contentsdeplist .inner-Box .system-list li:nth-child(2n){margin-right: 0;}
    #contentsdeplist .inner-Box .system-list li .img {width: 100%;aspect-ratio: 58 / 25;overflow: hidden;text-align: center;overflow: hidden;border-radius: 2.17vw;margin-bottom: 3.73vw;position: relative;}
    #contentsdeplist .inner-Box .system-list li .img img { width: 100%; height: 100%; object-fit: cover; display: block; }
    #contentsdeplist .inner-Box .system-list li h3{text-align: left;color: #0057AA;font-size: 4.00vw;font-weight: bold;line-height: 1.5;letter-spacing: 0.20vw;margin-bottom: 2.93vw;}
    #contentsdeplist .inner-Box .system-list li .ccll{margin-bottom: 4.0vw;}
    #contentsdeplist .inner-Box .system-list li .ccll span{font-size: 3.2vw;letter-spacing: 0;display: inline-block;border: 0.27vw solid #D2D2D2;border-radius: 8.0vw;background: #F3F5FA;padding: 1.6vw 4.27vw;}
    #contentsdeplist .inner-Box .system-list .systext{font-size: 3.20vw;line-height: 1.5;letter-spacing: 0.16vw;}
    #contentsdeplist .inner-Box .system-list a.link-arr .post-arrow{top: auto;bottom: 9.53vw;right: 0;display: block;}
    

}