@charset "utf-8";
.dispFlex{display: -webkit-box;display: -ms-flexbox;display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap;}
.j-cont-c{-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}
.j-cont-sb{-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;}
.j-cont-fs{-webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start;}
.a-items-c{-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.a-items-fs{-webkit-box-align: start;-ms-flex-align: start;align-items: flex-start;}
.a-items-fe{-webkit-box-align: end;-ms-flex-align: end;align-items: flex-end;}
.pcNone{display: none;}
.spNone{display: block;}
.tac{text-align: center;}
.color_main{color: #E94709;}
.color_sub{color: #00A1C9;}

#drafla-base-body{margin: 0 auto; padding: 1rem 0 2rem; position: relative;z-index: 0;}
#drafla-base-body ul{padding: 0;}
#drafla-base-body li{list-style-type: none;}
#drafla-base-body p{margin: 0 auto; font-family: serif!important; color: #000;}


/* font */
.ttl_en,
.lead_en,
.txt_en{}


/* screen */
#drafla-base-body .sec{}
#drafla-base-body .secInner{max-width: 1080px; margin: 0 auto; position: relative;padding: 3rem; z-index: 0;}
#drafla-base-body .secInner::before{content: ""; position: absolute; top: 0; left: 0; right: 0; margin: 0 auto; width: 108%; margin-left: -4%; height: 100%; background: url(/files/user/_/team/drafla-base/img/bg_line.png) top center no-repeat; z-index: -1; background-size: contain;}
#drafla-base-body .btn{display: inline-block; cursor: pointer; transition: .3s;}
#drafla-base-body .btn:hover{opacity: 0.7;}
#drafla-base-body .ttl_sec{margin-bottom: 1rem;}
#drafla-base-body .ttl_sec img{}
#drafla-base-body .txtBox .ttl{font-size: 2rem;}
#drafla-base-body .txtBox .lead{}
#drafla-base-body .txtBox .lead_en{font-size: 1.2rem;color: #E9470B;}



/* section */
#drafla-base-body .topSec{}
#drafla-base-body .topSec .secInner::before{background: unset;}
#drafla-base-body .topSec .txtBox{max-width: 910px; margin: 0 auto;}
#drafla-base-body .topSec .txtBox .ttl{}
#drafla-base-body .topSec .txtBox .lead{}
#drafla-base-body .topSec .txtBox .lead_en{margin-bottom: 1rem;}
#drafla-base-body .topSec .txtBox .txt{font-size: 1rem;}
#drafla-base-body .topSec .txtBox .txt_kome{font-size: 0.9em; display: inline-block; margin-top: 1em;width: 100%;}
#drafla-base-body .topSec .txtBox .imgBox_other{text-align: center;}
#drafla-base-body .topSec .aboutBox{
    margin: 3rem auto;
    padding: 2rem;
    background: #f9f9f9;
    max-width: 740px;
}
#drafla-base-body .topSec .aboutBox .ttl_aboutBox{
    display: inline-block;
    padding: 0 0.3em;
    font-size: 1.2rem;
    font-weight: 600;
    border-bottom: solid 2px #E9470B;
    margin-bottom: 1em;
}
#drafla-base-body .topSec .aboutBox dl{}
#drafla-base-body .topSec .aboutBox dl dt{
    width: 22%;
    margin-right: 3%;
    margin-bottom: 0.5em;
    background: #E9470B;
    color: #fff;
    font-size: 1rem;
    padding: 0.2em 0;
}
#drafla-base-body .topSec .aboutBox dl dd{
    width: 75%;
    margin-bottom: 0.5em;
}
#drafla-base-body .topSec .aboutBox .txt_kome{margin-top: 1rem;}



@media screen and (max-width:480px) { 
    .pcNone{display: block;}
    .spNone{display: none;}

    #drafla-base-body .sec{ width: 100%;}
    #drafla-base-body .secInner{width: 90%; padding: 2rem 0;}
    #drafla-base-body .ttl_sec img{height: 2.6rem;}
    #drafla-base-body .txtBox .ttl{font-size: 1.6rem;}
    #drafla-base-body .txtBox .lead{}
    #drafla-base-body .txtBox .lead_en{}
    #drafla-base-body .topSec .aboutBox{margin: 1rem auto;}
    
    #drafla-base-body .topSec{}
    #drafla-base-body .topSec .txtBox .txt{text-align: left !important;}
    #drafla-base-body .topSec .txtBox .lead{font-size: 1.3rem;}
    #drafla-base-body .topSec .txtBox .lead_en{font-size: 1rem;}
    #drafla-base-body .topSec .aboutBox dl dt{width: 100%; margin-bottom: 0.2em; margin-right: 0;white-space: nowrap}
    #drafla-base-body .topSec .aboutBox dl dd{width: 100%; margin-bottom: 1em; text-align: center;}
    #drafla-base-body .topSec .aboutBox dl dd .dd_bottom{margin-bottom: 1rem; display: inline-block;}
    #drafla-base-body .topSec .aboutBox .txt_kome{margin-top: 0; text-align: left;}
}