@charset "UTF-8";
/* ---------------------
◆◆配色◆◆
背景：#f4f4f2
文字色：#3c3c3c
青：#374b7b
---------------------- */
/*  ------------ ◆◆ cssリセット ◆◆ ------------  */
body, h1, h2, h3, h4, h5, h6, p, ul, ol, li, table, tr, th, td, hr, header, footer, nav, section, main, article, aside, figure, figcaption, div, form, a{
	margin : 0;
	padding : 0;
	box-sizing: border-box;
}
.deputy{
    box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.10);
}

/*  ------------ ◆◆ 基本 ◆◆ ------------  */
body {
    font-family: "Hiragino Kaku Gothic Pro",sans-serif;
    font-weight : 400;
    margin: 0;
    padding: 0;
    background-color: #f4f4f2;
    color: #313131;
    width: 100%;
    -webkit-text-size-adjust: 100%;
}	
img {
    width: 100%;
	height: auto;
	display: block;
}
a:link, a:visited, a:active {
    color: #313131;
    text-decoration: none;
}
a:hover {
    color: #f4a91b;
    text-decoration: none;
}
.indent1{
    text-indent: 1em;
}
/*  ------------ ◆◆固定 ヘッダー ◆◆ ------------  */
.fixed{    
    position:fixed;
    width: 100%;
    margin : 0 auto;
    z-index : 999;
}
header {
    height: 50px;
    background-color: #fff;
    width: 100%;
    position: relative;
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.1);
}
.header50 {
    height: 50px;
}
header #nav-big {
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
}
#logo {
    float: left;
    margin: 10px 0 0 25px;
}     
#logo img{
    width: 150px;
    height: auto;
}
nav {
	margin:0 0 30px 0;
}
ul li {
    list-style-type: none;
    float: left;
}
ul.nav_first {
    float: right;
    margin: 14px 0 0 0;
}
ul.nav_first li {
    font-family: "Hiragino Kaku Gothic Pro",sans-serif;
    margin: 0 0 0 32px;
    letter-spacing: 1px;
    font-size: 14px;
}
.mail{
    margin-top: -14px;
}

/*  ------------ ◆◆固定 ヘッダー SP◆◆ ------------  */
/*  -------- ◆◆バーガーメニュー◆◆ --------  */
.menubtn1 {
    cursor : pointer;
    width : 50px;
    height : 50px;
    border-radius : 5px;
    position : absolute;
    right : 10px;
    z-index: 999;
}
/*ボタン内側*/
.menubtn1 span {
    display : inline-block;
    transition : all .4s;/*アニメーションの設定*/
    position : absolute;
    left : 14px;
    height : 3px;
    border-radius: 2px;
    background : #000;
    width : 45%;
}
.menubtn1 span:nth-of-type(1) {
    top : 15px; 
}
.menubtn1 span:nth-of-type(2) {
    top : 23px;
}
.menubtn1 span:nth-of-type(3) {
    top : 31px;
}
/*activeクラスが付与されると線が回転して×に*/
.menubtn1.active span:nth-of-type(1) {
    top : 18px;
    left : 18px;
    transform : translateY(6px) rotate(-45deg);
    width : 30%;
}
.menubtn1.active span:nth-of-type(2) {
    opacity : 0;/*真ん中の線は透過*/
}
.menubtn1.active span:nth-of-type(3){
    top : 30px;
    left : 18px;
    transform : translateY(-6px) rotate(45deg);
    width : 30%;
}
#g-nav {
    position : fixed;
    top : 0; 
    right : -40%; /*右に隠す*/
    width : 40%;
    height : 100%;
    background-color : #313131;
    opacity : 0.9;
    transition : all 0.6s;
}
/*アクティブクラスがついたら位置を0に*/
#g-nav.panelactive {
    right : 0;
}
/*ナビゲーション天地中央揃え*/
#g-nav ul {
    padding : 40px 30px 40px 0px;
}
/*リストのレイアウト設定*/
#g-nav li {
    list-style : none;
    z-index : 15;
    width : 100%;
    margin: 0 10px 0px 30px;

}
#g-nav li a {
    font-family: "Hiragino Kaku Gothic Pro",sans-serif;
    font-size : 12px;
    letter-spacing : 0.1em;/*AV100*/
    text-decoration : none;
    padding : 10px;
    display : block;
    text-transform : uppercase;
    text-indent: -0.8em; /*改行の折り返し位置と開始位置に合わせる*/
}
#g-nav li a:link, #g-nav li a:visited, #g-nav li a:active{
    color : #fff;
}
#g-nav li a:hover{
    color : #e0ad1d;
}
span#service-sp{
    font-family: "Hiragino Kaku Gothic Pro",sans-serif;
    font-size : 1em; /*16px*/
    /*font-weight : 400;*/
    letter-spacing : 0.1em;/*AV100*/
    text-decoration : none;
    padding : 10px;
    display : block;
    text-transform : uppercase;
    text-indent: -0.8em; /*元の位置に戻す（改行の折り返し位置と開始位置に合わせる）*/
}

/*  ------------ ◆◆ 本文共通 ◆◆ ------------  */
.container.mab0 {
    margin-bottom: 0;
}
.clearfix {
    min-height: 1px;
}
.container {
    width: 40%; /*約980px=37.8%*/
    background-color: #fff;
    margin-left: auto;
    margin-right: auto;
}
.clearfix:after {
    display: block;
    clear: both;
    height: 0px;
    visibility: hidden;
    content: ".";
}
.container.bg_ebe {
    background-color: #ebebe7;
}
.outline {
    width: 80%; /*約820px*/
    margin: 0 auto 0 auto;
    padding-bottom: 80px;
}
.outline .u25 {
    padding-top: 25px;
}
.outline .u50 {
    padding-top: 50px;
}
.scroll-y {
    font-family: "Hiragino Kaku Gothic Pro",sans-serif;
    font-weight: 600;
    color: #374b7b;
}

/*  ------------ table  ------------  */
table {
    font-family: "Hiragino Kaku Gothic Pro",sans-serif;
    width: 100%;
    margin: 0 auto;
    border-collapse: collapse;
    font-size : 12px;
}
table tr th span.small, table tr td span.small {
    font-family: "Hiragino Kaku Gothic Pro",sans-serif;
    font-size : 6px;
}
table th {
    border-bottom: 1px solid #ccc;
    text-align : center;
    padding : 10px;
    font-weight : 600;
    font-family: "Hiragino Kaku Gothic Pro",sans-serif;
    font-size : 12px;
    white-space: nowrap;
}
table td {
    border-bottom: 1px solid #ccc;
    text-align : left;
    font-weight : 600;
    white-space: nowrap;
}
table tr td:nth-child(1), table tr th:nth-child(1){
    padding: 20px;
}
table tr td:nth-child(2), table tr th:nth-child(2){
    padding: 20px;
}
table tr td:nth-child(3), table tr th:nth-child(3){
    padding: 20px;
}
table tr td:nth-child(4), table tr th:nth-child(4){
    padding: 20px;
}
table tr td:nth-child(5), table tr th:nth-child(5){
    padding: 20px;
}

.tb_inner {
    display: flex;
    flex-direction: column;
    width: fit-content;
    height: auto;
    margin: 0 auto;
    font-family: "Hiragino Kaku Gothic Pro",sans-serif;
    font-size : 12px;
}
.tb_inner2 {
    display: flex;
    flex-direction: column;
    width: fit-content;
    height: auto;
    margin: 0 auto;
    font-family: "Hiragino Kaku Gothic Pro",sans-serif;
    font-size : 12px;
    text-align: right;
}
.tb_inner3 {
    display: flex;
    flex-direction: column;
    width: fit-content;
    height: auto;
    margin: 0 auto;
    font-family: "Hiragino Kaku Gothic Pro",sans-serif;
    font-size : 12px;
    text-align: left;
}
.tb_inner_inner{
    margin-right : 28px;
}
.tb_inner_inner2{
    margin-right : 10px;
}
.tb_inner_inner3{
    margin-right : 15px;
}
.tb_inner_inner4{
    margin-right : 20px;
}
.tb_inner_inner5{
    margin-right : 60px;
}
.tb_inner_inner6{
    margin-right : 80px;
}
.tb_inner-center{
    text-align: center;
}
.tb_inner-center_le{
    letter-spacing: 0.15em;
}
/*  ------------ ◆◆◆◆ 各メニュー ◆◆◆◆ ------------  */
/*  ------------ ◆◆ TOP画像 ◆◆ ------------  */
.topimg p{
    font-family: "Hiragino Kaku Gothic Pro",sans-serif;
    font-size: 26px;
    font-weight : 600;
    text-align: center;
    color: #fff;
    padding-top: 50px;
    line-height: 2.5;  

}
.topimg p span {
    font-family: "Hiragino Kaku Gothic Pro",sans-serif;
    font-size: 50px;
    letter-spacing: 0.05em; /*字送り10*/ 
    line-height: 1.4;  

}
/*  ------------ ◆◆ 3概要③ ◆◆ ------------  */
.flow_cup div.bg01 {
    font-family: "Hiragino Kaku Gothic Pro",sans-serif;
    width: 100%;
    margin: 0 auto;
    height: auto;
    color: #fff;
    background: url(../images/tournament.jpg) no-repeat center center / cover;
    padding: 80px 45px;
}
.flow_cup div.bg01 h6 span {
    font-family: Futura;
    font-style: italic;
}

/*  ------------ ◆◆  5プログラム② ◆◆ ------------  */
.outline .pro img:hover{ 
	opacity:0.7;
	transition:0.3s;
    display: block;
}
.detail .left img {
    width: 235px;
}
.support .left {
    width: 250px;
}
.detail hr, .support hr {
    background-color: #ccc;
    height: 1px;
    width: 100%;
}
.detail .btn-right {
    margin-right : 15px;
}
.btn a:link, .btn a:visited, .btn a:active{
    font-family: "Hiragino Kaku Gothic Pro",sans-serif;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.01em;
    line-height: 1.7;
    border-radius: 10px;
    padding : 6px 10px;
    color : #fff;
    background-color: #e0ad1d;
    white-space: nowrap;
}
.btn a:hover{
    color : #313131;
    background-color:rgba(224,173,29,0.8);
    font-family: "Hiragino Kaku Gothic Pro",sans-serif;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.01em;
    line-height: 1.7;
    border-radius: 10px;
    padding : 6px 10px;
    white-space: nowrap;
}
/*  ------------ ◆◆ 一旦非表示 ◆◆ ------------  */
/*協力企業*//*企業ロゴ*/
/*
p.cop {
    font-family: "Hiragino Kaku Gothic Pro",sans-serif;
    font-size: 14px;
    padding-top: 80px;
    padding-bottom: 50px;
    clear: both;
}
.cop_list ul {
    justify-content: center;
}
.cop_list ul li {
    margin-right: 25px;
    margin-left: 25px;
    margin-top: auto;
    margin-bottom: auto;
}
*/
/*  ------------ ◆◆ 6サポート体制 ◆◆ ------------  */
.support-co {
    font-size: 12px; 
    text-align: right; 
    padding-top:20px; 
}
/*  ------------ ◆◆ 9料金 ◆◆ ------------  */
.outline .price01 {
    padding-top : 30px;
}
.outline .price02 {
    padding-top : 80px;
}
/*  ------------ ◆◆ footer ◆◆ ------------  */
footer {
    width: 100%;
    background-color: #848484;
    height: auto;
    padding: 8px 0;
}
footer p {
    font-family: "Hiragino Kaku Gothic Pro",sans-serif;
    font-size: 14px;
    text-align: center;
    color : #313131;
}
/* -------- ▼ 3カラム ▼ -------- */
/* ---- 1列レイアウト ---- */
@media screen and ( max-width:767px) {
    .topimg{
        display: flex;
        justify-content: center;
        align-items: center;
        background: url(../images/topimg.jpg) no-repeat center center / cover;
        height: 300px;
        color: #FFF;
    }    
    
    .tb_inner_inner7{
        margin-left : 8px;
    }
    .tb_inner_inner8{
        margin-left : 10px;
    }    
    table tr th span.small, table tr td span.small {
        font-family: "Hiragino Kaku Gothic Pro",sans-serif;
        font-size: 8px;
    }
    table th {
        border-bottom: 1px solid #ccc;
        text-align : center;
        padding : 10px;
        font-weight : 600;
        font-family: "Hiragino Kaku Gothic Pro",sans-serif;
        font-size : 9px;
    }
    
    .tb_inner {
        display: flex;
        flex-direction: column;
        width: fit-content;
        height: auto;
        margin: 0 auto;
        font-family: "Hiragino Kaku Gothic Pro",sans-serif;
        font-size : 9px;
    }
    .tb_inner2 {
        display: flex;
        flex-direction: column;
        width: fit-content;
        height: auto;
        margin: 0 auto;
        font-family: "Hiragino Kaku Gothic Pro",sans-serif;
        font-size : 9px;
        text-align: right;
    }
    .tb_inner3 {
        display: flex;
        flex-direction: column;
        width: fit-content;
        height: auto;
        margin: 0 auto;
        font-family: "Hiragino Kaku Gothic Pro",sans-serif;
        font-size : 9px;
        text-align: left;
    }
    .detail .left img {
        width: 250px;
        margin: 0 auto;
        margin-bottom: 20px;
    }
    .support .left {
        width: 100%;
        margin : 0 auto;
        padding-bottom : 10px;
    }
    .outline h1 {
        font-family: "Hiragino Kaku Gothic Pro",sans-serif;
        font-size: 16px;
        font-weight: 600;
        padding-top: 50px;
        color: #000;
        text-align : center;
    }
    .outline h2 {
        font-family: "Hiragino Kaku Gothic Pro",sans-serif;
        font-size: 15px;
        font-weight: 600;
        text-align: center;
        color: #374b7b;
        padding-top: 50px;
        letter-spacing: 0.01em; /*字送り10*/
        line-height: 1.4;
    }
    .outline h3 {
        font-family: "Hiragino Kaku Gothic Pro",sans-serif;
        font-size: 14px;
        font-weight: 400;
        text-align: center;
        padding: 0;
        padding-top : 50px;
        letter-spacing: 0.01em; /*字送り10*/
        line-height: 1.7;
    }
    .outline h4 {
        font-family: "Hiragino Kaku Gothic Pro",sans-serif;
        font-size: 14px;
        color: #000;
        font-weight: 400;
        padding-top: 20px;
    }
    .outline p {
        font-family: "Hiragino Kaku Gothic Pro",sans-serif;
        font-size: 10px;
        line-height: 2;
        letter-spacing: 0.01em; /*字送り10*/
    }
    .outline .ud50 {
        padding: 20px 0 20px;
    }    
    .outline .r50{
        padding : 0;
    }
    .outline .u50 {
        padding-top: 20px;
    }
    /*  ------------ ◆◆固定 ヘッダー ◆◆ ------------  */
    .pcnone {
        display: none;
    }     

    /*  ------------ ◆◆ 本文共通 ◆◆ ------------  */
    .container {
        width: 100%; /*約980px=37.8%*/
        margin : 0 auto;
        /*width: 90%; 約980px=37.8%*/
        background-color: #fff;
        /*margin-left: auto;
        margin-right: auto;*/
    }
    .outline {
        width: 80%; /*約820px*/
        margin: 0 auto 0 auto;
        padding-bottom: 50px;
    }
    /*  ------------ ◆◆ TOP画像 ◆◆ ------------  */
    .topimg p{
        font-family: "Hiragino Kaku Gothic Pro",sans-serif;
        width:80%;
        margin : 0 auto;
        font-size: 14px;
        font-weight : 600;
        text-align: center;
        color: #fff;
        padding-top: 50px;
    }
    .topimg p span {
        font-family: "Hiragino Kaku Gothic Pro",sans-serif;
        font-size: 26px;
        letter-spacing: 2px;
    }
        /*  ------------ ◆◆  2概要② ◆◆ ------------  */
    .outline .pro2 {
        justify-content: center;
        background-color: #fff;
        height: auto;
        padding-top: 20px;
        border-radius: 10px;
        letter-spacing: 0.01em; /*字送り10*/ 
        line-height: 2.7;   
        box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.05);
    }
    .outline .price02 p {
        padding-top: 50px;
    }
    .outline .pro {
        padding: 0 30px 30px 30px;
        text-align: center;
    }
    .outline .pro p {
        font-family: "Hiragino Kaku Gothic Pro",sans-serif;
        font-size: 13px;
        font-weight: 600;
        padding-bottom: 15px;
    }
    .outline .pro img {
        width: 250px;
        margin: 0 auto;
    }

    .outline .pro span {
        font-family: Futura;
        font-style: italic;
    }
    /*  ------------ ◆◆ 3概要③ ◆◆ ------------  */
    .qst_ttl {
        font-family: "Hiragino Kaku Gothic Pro",sans-serif;
        font-size: 13px;
        font-weight: 600;
        text-align: center;
        color: #374b7b;
    }
    .flow_cup div.bg01 h6 {
        font-family: "Hiragino Kaku Gothic Pro",sans-serif;
        font-size: 16px;
        font-weight: 600;
        letter-spacing: 0.01em; /*字送り10*/
        line-height: 1.4;
        text-align: center;
        padding-bottom: 30px;
    }
    .flow_cup div.bg01 p {
        font-family: "Hiragino Kaku Gothic Pro",sans-serif;
        font-size: 10px;
        letter-spacing: 0.01em; /*字送り10*/
        line-height: 2;
        /*text-align: center;*/
    }
    .flow_cup p.last {
        padding: 50px 30px;
    }
    /*  ------------ ◆◆ 4プログラム① ◆◆ ------------  */
    .outline .stream {
        padding: 10px 0 30px 0;
        text-align: center;
    }
    .outline .stream-z{
        font-family: "Hiragino Kaku Gothic Pro",sans-serif;
        font-size: 12px;
        text-align: center;
        letter-spacing: 0.01em; /*字送り10*/
    }
    .outline .stream-re{
        font-family: "Hiragino Kaku Gothic Pro",sans-serif;
        font-size: 8px;
        text-align: center;
        padding-top: 20px;
        letter-spacing: 0.01em; /*字送り10*/
    }
    .outline .stream img {
        width : 250px;
        height: auto;
        margin-left: auto;
        margin-right: auto;
    }

    /*  ------------ ◆◆  5プログラム② ◆◆ ------------  */
    /*  ------------ ◆◆ 6サポート体制 ◆◆ ------------  */
    .outline .support-co {
    font-size: 9px; 
    text-align: right; 
    padding-top:40px; 
}

    .support .b50 {
        padding-bottom: 50px;
    }
    .detail {
        margin-top : 30px; 
    }
    .detail .prodetail-name, .support .prodetail-name {
        font-family: "Hiragino Kaku Gothic Pro",sans-serif;
        font-size: 14px;
        letter-spacing: 0.01em; /*字送り10*/
        line-height: 1.5;
        font-weight: 600;
        padding: 12px 0 12px;
    }
    .detail .prodetail-h, .support .prodetail-h{
        font-family: "Hiragino Kaku Gothic Pro",sans-serif;
        font-size: 12px;
        line-height: 24px;
        font-weight: 600;
        padding-top: 5px;
        letter-spacing: 0.01em; /*字送り10*/
        line-height: 1.7;
    }
    .detail .prodetail-p, .support .prodetail-p{
        font-family: "Hiragino Kaku Gothic Pro",sans-serif;
        font-size: 10px;
        letter-spacing: 0.01em; /*字送り10*/
        line-height: 2;
        padding-top: 10px;
    }
    /*  ------------ ◆◆ 7導入実績 ◆◆ ------------  */
    .outline .ach{
        border-radius: 10px;
        background-color : #f8eedf;
        border : 1px solid #e0ad1d;
        justify-content: space-evenly;
        padding: 25px;
        margin-top : 20px;
        letter-spacing: 0.01em; /*字送り10*/
        line-height: 1.8;
    }
    .outline .voice-title-bule{
        font-family: "Hiragino Kaku Gothic Pro",sans-serif;
        font-size : 14px;
        width: 100%;
        margin : 0 auto;
        padding : 8px 0 8px 12px;
        background-color : #dfeff8;
        border-top : 1px solid #2049a2;
        border-bottom : 1px solid #2049a2;
        letter-spacing: 0.01em; /*字送り10*/
        line-height: 1.2;
    }
    .outline .voice-title-red{
        font-family: "Hiragino Kaku Gothic Pro",sans-serif;
        font-size : 14px;
        width: 100%;
        margin : 0 auto;
        padding : 8px 0 8px 12px;
        background-color : #f4dcd7;
        border-top : 1px solid #ab2423;
        border-bottom : 1px solid #ab2423;
        letter-spacing: 0.01em; /*字送り10*/
        line-height: 1.2;
    }
    .outline .voice01 p{
        margin-top: 50px;
    }
    .outline .voice02 p{
        margin-top: 50px;
    }
    .outline .voice01 .voice-p p, .outline .voice02 .voice-p p {
        margin: 20px 15px 0 0;
        line-height: 20px;
        letter-spacing: 0.01em; /*字送り10*/
        line-height: 1.5;
    }
    .voice-img img {
        width: 60%;
        margin: auto;
        padding-top: 20px;
    }
    /*  ------------ ◆◆ 8導入の流れ ◆◆ ------------  */
    .outline .flow {
        padding-bottom: 50px;
    }
    .outline .center {
        width: 50px;
        height : auto;
        margin-left: auto;
        margin-right: auto;
        padding : 15px 0 15px;
    }
    .outline .introduction {
        width: 100%;
        background-color : #fff;
        border : solid 1px #ccc;
        border-radius:10px;
        margin: 0 auto;
        padding: 15px;
    }
    .outline .introduction6 {
        display: flex;
        justify-content: center;
        margin-bottom: 15px;
    }
    .outline .intro {
        height:40px;
        width:40px;
        border-radius:50%;
        padding-top: 4px;
        text-align:center;
        background-color: #F8F128;
        margin: 0 auto;
    }
    .outline .intro span {
        font-family: "Hiragino Kaku Gothic Pro",sans-serif;
        font-size: 20px;
        /*font-weight: 600;*/
        color: #313131;
    }
    .outline .intro-flow {
        margin-top: auto;
        margin-bottom: auto;
    }
    .outline .intro-flow .intro-flow-title {
        font-family: "Hiragino Kaku Gothic Pro",sans-serif;
        font-size: 14px;
        font-weight: 600;
        letter-spacing: 0.01em; /*字送り10*/
        line-height: 2;
    }
    .outline .intro-flow .intro-flow-title span {
        font-family: "Hiragino Kaku Gothic Pro",sans-serif;
        font-size: 13px;
        font-weight: 600;
    }
    .outline .intro-flow .intro-flow-p {
        font-family: "Hiragino Kaku Gothic Pro",sans-serif;
        font-size: 10px;
        padding-top : 10px;
        letter-spacing: 0.01em; /*字送り10*/
        line-height: 1.8;
    }
    /*  ------------ ◆◆ 10代表メッセージ ◆◆ ------------  */
    table#career{
        margin-top : 20px;
    }
    table#career td {
        background-image : linear-gradient(to right, #ccc 1px, transparent 1px);
        background-size: 2px 1px;
        background-repeat: repeat-x;
        background-position: left bottom;
        border-bottom : none;
        font-weight : 400;
        font-size: 10px;
        font-family: "Hiragino Kaku Gothic Pro",sans-serif;
    }
    table#career tr td:nth-child(1) {
        width: 50px;
        padding : 12px 0;
        white-space: nowrap;
    }
    table#career tr td:nth-child(2) {
        padding : 12px 0 12px 5px;
        white-space: normal;
    }
    .career-img{
        display: none;
    }
    .career-img-sp {
        padding-top : 30px;
    }
    /*  ------------ ◆◆ 11last ◆◆ ------------  */
    .qst_ftr_main {
       /*height: 323px;*/
        background-color: #374b7b;
        color: #fff;
    }
    .topar {
        margin-left: auto;
        width: 55px;
        height : auto;
    }
    .ftr_box {
        width: 80%;
        /*width: 900px;*/
        margin: 0 auto;
    }
    .ftr_top {
        padding : 25px 0;
    }
    .ftr_top p {
        font-family: "Hiragino Kaku Gothic Pro",sans-serif;
        font-size: 14px;
        letter-spacing: 0.01em; /*字送り10*/ 
        padding-bottom: 10px;
    }
    /*  --- ボタン --  */
    .ftr_btn{
        /*display: flex;*/
        /*padding-top: 15px;*/
        padding-bottom: 60px;
    }
    /*.ftr_btn div:nth-child(1){
        padding-right: 25px;
    }*/
    .ftr_btn div:nth-child(2){
        padding-top: 30px;
    }
    .arrow-btn:hover {
        background: url(../images/arrow_hv.png) no-repeat center center;
    }
    /*  --- お問合せボタン --  */
    a.contact-btn:link, a.contact-btn:visited, a.contact-btn:active {
        font-family: "Hiragino Kaku Gothic Pro",sans-serif;
        font-size: 14px;
        color: #313131;
        text-decoration: none;
        background-color: #F4A91B;
        padding: 15px 20px;
        font-weight: bold;
        box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.1);
        letter-spacing: 0.01em; /*字送り10*/ 
    }
    a.contact-btn:hover{
        background-color: #fcb93a;
    }
    /*  --- 電話番号ボタン --  */
    a.tel-btn:link, a.tel-btn:visited, a.tel-btn:active {
        font-family: "Hiragino Kaku Gothic Pro",sans-serif;
        font-size: 14px;
        color: #374b7b;
        text-decoration: none;
        background-color: #fff;
        padding: 15px 20px;
        font-weight: bold;
        box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.1);
        letter-spacing: 0.01em; /*字送り10*/ 
    }
    a.tel-btn:hover{
        background-color: #ebebe7;
    }

   /*  ------------ ◆◆ 一旦非表示 ◆◆ ------------  */
    /*table{
        display: none;
    }*/
    table {
        font-family: "Hiragino Kaku Gothic Pro",sans-serif;
        font-size : 8px;
    }
    .table-wrap {
        overflow-x: scroll;
    }
    .simplebar-track.simplebar-horizontal {
        height: 10px;
        background: #B5B5B5;
        border-radius: 5px;
        max-width: 372px;
        margin: 0 auto;
    }
    .simplebar-scrollbar {
        height: 10px;
        background: #41485B;
        border-radius: 5px;
        top: 0;
    }
    .table {
        width: 100%;
        border-collapse: collapse;
    }
}
/* ---- 2列レイアウト ---- */
@media screen and (min-width:768px) and ( max-width:1023px) {
    .topimg{
        display: flex;
        justify-content: center;
        align-items: center;
        background: url(../images/topimg.jpg) no-repeat center center / cover;
        height: 390px;
        color: #FFF;
    }    
    
    .flex {
        display: flex;
    }
    table {
        font-family: "Hiragino Kaku Gothic Pro",sans-serif;
        font-size : 12px;
    } 
    .outline h1 {
        font-family: "Hiragino Kaku Gothic Pro",sans-serif;
        font-size: 30px;
        font-weight: 600;
        padding-top: 80px;
        color: #000;
        text-align : center;
    }
    .outline h2 {
        font-family: "Hiragino Kaku Gothic Pro",sans-serif;
        font-size: 24px;
        font-weight: 600;
        text-align: center;
        color: #374b7b;
        padding-top: 80px;
        letter-spacing: 0.01em; /*字送り10*/
        line-height: 1.4;
    }
    .outline h3 {
        font-family: "Hiragino Kaku Gothic Pro",sans-serif;
        font-size: 22px;
        font-weight: 400;
        text-align: center;
        padding-top: 50px;
        letter-spacing: 0.01em; /*字送り10*/
        line-height: 1.7;
    }
    .outline h4 {
        font-family: "Hiragino Kaku Gothic Pro",sans-serif;
        font-size: 16px;
        color: #000;
        font-weight: 400;
        padding-top: 20px;
    }
    .outline p {
        font-family: "Hiragino Kaku Gothic Pro",sans-serif;
        font-size: 13px;
        line-height: 1.8;
        letter-spacing: 0.01em; /*字送り10*/
    }
    /*  ------------ ◆◆固定 ヘッダー ◆◆ ------------  */
    .pcnone {
        display: none;
    }     
    /*  ------------ ◆◆ 本文共通 ◆◆ ------------  */
    .container {
        width: 80%; /*約980px=37.8%*/
        background-color: #fff;
        margin-left: auto;
        margin-right: auto;
    }
    .outline {
        width: 80%; /*約820px*/
        margin: 0 auto 0 auto;
        padding-bottom: 80px;
    }
    .outline .ud50 {
        padding: 50px 0 50px;
    }    
    .outline .r50{
       padding-right : 30px;
    }  
    .outline .r50 img{
        width: 200px;
        margin: 0 auto;
     }     
    /*  ------------ ◆◆ TOP画像 ◆◆ ------------  */

    /*  ------------ ◆◆  2概要② ◆◆ ------------  */
    .outline .pro2 {
        display: flex;
        justify-content: center;
        background-color: #fff;
        height: auto;
        padding: 40px 30px;
        border-radius: 10px;
        box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.05);
    }
    .outline .pro {
        padding: 0 10px;
        text-align: center;
    }
    .outline .pro img{
        width : 180px;
        margin : 0 auto;
    }

    .outline .pro p {
        font-family: "Hiragino Kaku Gothic Pro",sans-serif;
        font-size: 17px;
        font-weight: 600;
        padding-bottom: 10px;
        letter-spacing: 0.01em; /*字送り10*/ 
        line-height: 2.7;  
        white-space: nowrap;
    }
    .outline .t50{
        padding-top:50px;
    }

    .outline .pro span {
        font-family: Futura;
        font-style: italic;
    }
    /*  ------------ ◆◆ 3概要③ ◆◆ ------------  */
    .qst_ttl {
        font-family: "Hiragino Kaku Gothic Pro",sans-serif;
        font-size: 28px;
        font-weight: 600;
        text-align: center;
        color: #374b7b;
        line-height: 38px;
    }
    .flow_cup div.bg01 h6 {
        font-family: "Hiragino Kaku Gothic Pro",sans-serif;
        font-size: 21px;
        font-weight: bold;
        text-align: center;
        padding-bottom: 50px;
        letter-spacing: 0.01em; /*字送り10*/
        line-height: 1.4;
    }
    .flow_cup div.bg01 p {
        font-family: "Hiragino Kaku Gothic Pro",sans-serif;
        font-size: 15px;
        line-height: 38px;
        /*text-align: center;*/
    }
    .flow_cup p.last {
        padding: 80px 60px;
    }
    /*  ------------ ◆◆ 4プログラム① ◆◆ ------------  */
    .outline .stream {
        padding: 50px 0;
        text-align: center;
    }
    .outline .stream img {
        width : 500px;
        height: auto;
        margin-left: auto;
        margin-right: auto;
    }
    .outline .stream-z{
        font-family: "Hiragino Kaku Gothic Pro",sans-serif;
        font-size: 20px;
        text-align: center;
        letter-spacing: 0.01em; /*字送り10*/
    }
    .outline .stream-re{
        font-family: "Hiragino Kaku Gothic Pro",sans-serif;
        font-size: 12px;
        text-align: center;
        padding-top: 20px;
        letter-spacing: 0.01em; /*字送り10*/
    }
    /*  ------------ ◆◆  5プログラム② ◆◆ ------------  */
    .support {
        display: flex;
        padding-top: 45px;
    }
    .support .left img{
        width : 235px;
    }
    .detail {
        display: flex;
    margin-top : 50px; 
    }
    .detail .prodetail {
        width: 100%;
        padding-left: 20px;
    }
    .support .prodetail {
        width: 100%;
        padding-left: 20px;
    }
    .detail .prodetail-name, .support .prodetail-name {
        font-family: "Hiragino Kaku Gothic Pro",sans-serif;
        font-size: 20px;
        letter-spacing: 0.01em; /*字送り10*/
        line-height: 1.5;
        font-weight: 600;
        padding: 12px 0 12px 10px;
    }
    .detail .prodetail-h, .support .prodetail-h{
        font-family: "Hiragino Kaku Gothic Pro",sans-serif;
        font-size: 14px;
        line-height: 24px;
        font-weight: 600;
        padding: 20px 0 0 10px;
        letter-spacing: 0.01em; /*字送り10*/
        line-height: 1.7;
    }
    .detail .prodetail-p, .support .prodetail-p{
        font-family: "Hiragino Kaku Gothic Pro",sans-serif;
        font-size: 13px;
        line-height: 21px;
        padding: 25px 0 40px 10px;
        letter-spacing: 0.01em; /*字送り10*/
        line-height: 1.6;
    }
    /*  ------------ ◆◆ 7導入実績 ◆◆ ------------  */
    .muni1 {
        margin-left : -45px;;
    }
    .muni2 {
        margin-left : 55px;;
    }
    .outline .ach{
        display: flex;
        width: 100%;
        border-radius: 10px;
        margin: 0 auto;
        padding: 25px;
        background-color : #f8eedf;
        border : 1px solid #e0ad1d;
        justify-content: space-evenly;
        margin-top : 50px;
        letter-spacing: 0.01em; /*字送り10*/
        line-height: 1.8;
    }
    .outline .voice-title-bule{
        font-family: "Hiragino Kaku Gothic Pro",sans-serif;
        font-size : 20px;
        width: 100%;
        margin : 0 auto;
        padding : 12px 0 12px 8px;
        background-color : #dfeff8;
        border-top : 1px solid #2049a2;
        border-bottom : 1px solid #2049a2;
        letter-spacing: 0.01em; /*字送り10*/
        line-height: 1.2;
    }
    .outline .voice-title-red{
        font-family: "Hiragino Kaku Gothic Pro",sans-serif;
        font-size : 20px;
        width: 100%;
        margin : 0 auto;
        padding : 12px 0 12px 8px;
        background-color : #f4dcd7;
        border-top : 1px solid #ab2423;
        border-bottom : 1px solid #ab2423;
        letter-spacing: 0.01em; /*字送り10*/
        line-height: 1.2;
    }
    .outline .voice01 p{
        margin-top: 50px;
    }
    .outline .voice02 p{
        margin-top: 80px;
    }
    .outline .voice01 .voice-p p, .outline .voice02 .voice-p p {
        letter-spacing: 0.01em; /*字送り10*/
        line-height: 1.5;
        width: 100%;
        margin:0 auto;
        padding : 30px 0;
    }
    .voice-p{
        width: 100%;
        margin : 0 auto;
    }
    .voice-p p {    
        width: 583px;
        float: left;
    }
    .voice-img img {
        width: 235px;
        margin : 0 auto;
    }
    /*  ------------ ◆◆ 8導入の流れ ◆◆ ------------  */
    .outline .flow {
        padding-bottom: 50px;
    }
    .outline .center {
        width: 64px;
        height : auto;
        margin-left: auto;
        margin-right: auto;
        padding : 15px 0 15px;
    }

    .outline .introduction {
        display: flex;
        width: 90%;
        /*width: 650px;*/
        background-color : #fff;
        border : solid 1px #ccc;
        border-radius:10px;
        margin: 0 auto;
        padding: 25px;
    }
    .outline .introduction6 {
        display: flex;
        justify-content: center;
        margin-top: auto;
        margin-bottom: auto;
        margin-right : 25px;
    }
    .outline .intro {
        height:60px;
        width:60px;
        border-radius:50%;
        padding-top: 12px;
        text-align:center;
        background-color: #F8F128;
        margin: 0 auto;
    }
    .outline .intro span {
        font-family: "Hiragino Kaku Gothic Pro",sans-serif;
        font-size: 24px;
        color: #313131;
    }
    .outline .intro-flow {
        margin-top: auto;
        margin-bottom: auto;
    }
    .outline .intro-flow .intro-flow-title {
        font-family: "Hiragino Kaku Gothic Pro",sans-serif;
        font-size: 24px;
        font-weight: 600;
        letter-spacing: 0.01em; /*字送り10*/
        line-height: 2;
    }
    .outline .intro-flow .intro-flow-title span {
        font-family: "Hiragino Kaku Gothic Pro",sans-serif;
        font-size: 18px;
        font-weight: 600;
    }
    .outline .intro-flow .intro-flow-p {
        font-family: "Hiragino Kaku Gothic Pro",sans-serif;
        font-size: 13px;
        letter-spacing: 0.01em; /*字送り10*/
        line-height: 1.8;
        padding-top : 10px;
    }
    /*  ------------ ◆◆ 10代表メッセージ ◆◆ ------------  */
    table#career td {
        background-image : linear-gradient(to right, #ccc 1px, transparent 1px);
        background-size: 2px 1px;
        background-repeat: repeat-x;
        background-position: left bottom;
        border-bottom : none;
        font-weight : 400;
    }
    table#career tr td:nth-child(1) {
        padding: 12px 10px;
        white-space: nowrap;
        width: 20%
    }
    table#career tr td:nth-child(2) {
        padding : 12px 0 12px 0;
        white-space: normal;
    }
    .career-img{
        width : 166px; 
        height : 316px;
    }
   .career-img-sp {
        display: none;
    }

    /*  ------------ ◆◆ 11last ◆◆ ------------  */
    .qst_ftr_main {
        height: auto;
        background-color: #374b7b;
        color: #fff;
        padding-bottom: 80px;
    }
    .topar {
        margin-left: auto;
        width: 55px;
        height : auto;
    }
    .ftr_box {
        width: 90%;
        /*width: 900px;*/
        margin: 0 auto;
        padding-top: 25px;
    }
    .ftr_top p {
        font-family: "Hiragino Kaku Gothic Pro",sans-serif;
        font-size: 20px;
        letter-spacing: 0.01em; /*字送り10*/ 
        line-height: 1.3;  
        padding-bottom: 30px;
    }
    /*  --- ボタン --  */
    .ftr_btn{
        display: flex;
        padding-top: 15px;
    }
    .ftr_btn div:nth-child(1){
        padding-right: 25px;
    }
    .arrow-btn:hover {
        background: url(../images/arrow_hv.png) no-repeat center center;
    }
    /*  --- お問合せボタン --  */
    a.contact-btn:link, a.contact-btn:visited, a.contact-btn:active {
        font-family: "Hiragino Kaku Gothic Pro",sans-serif;
        font-size: 20px;
        color: #313131;
        text-decoration: none;
        background-color: #F4A91B;
        padding: 15px 20px;
        font-weight: bold;
        box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.1);
        letter-spacing: 0.01em; /*字送り10*/ 
    }
    a.contact-btn:hover{
        background-color: #fcb93a;
    }
    /*  --- 電話番号ボタン --  */
    a.tel-btn:link, a.tel-btn:visited, a.tel-btn:active {
        font-family: "Hiragino Kaku Gothic Pro",sans-serif;
        font-size: 20px;
        color: #374b7b;
        text-decoration: none;
        background-color: #fff;
        padding: 15px 20px;
        font-weight: bold;
        box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.1);
        letter-spacing: 0.01em; /*字送り10*/ 
    }
    a.tel-btn:hover{
        background-color: #ebebe7;
    }

    /*  ------------ ◆◆ 一旦非表示 ◆◆ ------------  */
    /*table{
        display: none;
    }*/
    .table-wrap {
        overflow-x: scroll;
    }
    .table {
        width: 100%;
        border-collapse: collapse;
    }
}
/* ---- 3列レイアウト ---- */
@media screen and (min-width:1024px) {
    .topimg{
        display: flex;
        justify-content: center;
        align-items: center;
        background: url(../images/topimg.jpg) no-repeat center center / cover;
        height: 390px;
        color: #FFF;
    }    
    
    .flex {
        display: flex;
    }
    table {
        font-family: "Hiragino Kaku Gothic Pro",sans-serif;
        font-size : 12px;
        min-width: 950px;
    }

    .outline h1 {
        font-family: "Hiragino Kaku Gothic Pro",sans-serif;
        font-size: 34px;
        font-weight: 600;
        padding-top: 80px;
        color: #000;
        text-align : center;
    }
    .outline h2 {
        font-family: "Hiragino Kaku Gothic Pro",sans-serif;
        font-size: 28px;
        font-weight: 600;
        text-align: center;
        color: #374b7b;
        padding-top: 80px;
        letter-spacing: 0.01em; /*字送り10*/
        line-height: 1.4;
    }
    .outline h3 {
        font-family: "Hiragino Kaku Gothic Pro",sans-serif;
        font-size: 26px;
        font-weight: 400;
        text-align: center;
        padding-top: 80px;
        letter-spacing: 0.01em; /*字送り10*/
        line-height: 1.7;
    }
    .outline h4 {
        font-family: "Hiragino Kaku Gothic Pro",sans-serif;
        font-size: 20px;
        color: #000;
        font-weight: 400;
        padding-top: 20px;
    }
    .outline p {
        font-family: "Hiragino Kaku Gothic Pro",sans-serif;
        font-size: 13px;
        line-height: 24px;
        letter-spacing: 0.01em; /*字送り10*/
    }
    .outline .ud50 {
        padding: 50px 0 50px;
    }    
    .outline .r50{
        padding-right : 50px;
    } 
    .outline .r50 img{
        width: 200px;
        margin: 0 auto;
    } 
    /*  ------------ ◆◆固定 ヘッダー ◆◆ ------------  */
    .spnone {
        display: none;
    }        
    /*  ------------ ◆◆ 本文共通 ◆◆ ------------  */
    .container {
        width: 80%; /*約980px=37.8%*/
        background-color: #fff;
        margin-left: auto;
        margin-right: auto;
    }
    .outline {
        width: 80%; /*約820px*/
        margin: 0 auto 0 auto;
        padding-bottom: 80px;
    }
    /*  ------------ ◆◆ TOP画像 ◆◆ ------------  */


    /*  ------------ ◆◆  2概要② ◆◆ ------------  */
    .outline .pro2 {
        display: flex;
        justify-content: center;
        background-color: #fff;
        height: auto;
        padding: 40px 60px;
        border-radius: 10px;
        box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.05);
    }
    .outline .pro {
        padding: 0 30px;
        text-align: center;
    }
    .outline .pro p {
        font-family: "Hiragino Kaku Gothic Pro",sans-serif;
        font-size: 18px;
        /*font-weight: 600;*/
        padding-bottom: 15px;
        text-shadow:0.1px 0.1px 0 #313131,-0.1px 0.1px 0 #313131,0.1px -0.1px 0 #313131,-0.1px -0.1px 0 #313131; 
        text-align: center;
        letter-spacing: 0.01em; /*字送り10*/ 
        line-height: 2.7;  
    }
    .outline .price02 p{
        padding-top : 80px;
    }
    .outline .pro span {
        font-family: Futura;
        font-style: italic;
    }
    /*  ------------ ◆◆ 3概要③ ◆◆ ------------  */
    .qst_ttl {
        font-family: "Hiragino Kaku Gothic Pro",sans-serif;
        font-size: 28px;
        font-weight: 600;
        text-align: center;
        color: #374b7b;
        line-height: 38px;
    }  
    .flow_cup div.bg01 h6 {
        font-family: "Hiragino Kaku Gothic Pro",sans-serif;
        font-size: 26px;
        font-weight: 600;
        text-align: center;
        letter-spacing: 0.01em; /*字送り10*/
        line-height: 1.4;
    }
    .flow_cup div.bg01 p {
        font-family: "Hiragino Kaku Gothic Pro",sans-serif;
        font-size: 15px;
        /*text-align: center;*/
        width: 85%;
        margin: 0 auto;
        letter-spacing: 0.01em; /*字送り10*/
        line-height: 2.5;
        padding-top : 50px;
    }
    .flow_cup p.last {
        padding: 80px 60px;
    }
    /*  ------------ ◆◆ 4プログラム① ◆◆ ------------  */
    .outline .stream {
        padding-bottom: 80px;
        text-align: center;
    }
    .outline .stream img {
        width : 500px;
        height: auto;
        margin-left: auto;
        margin-right: auto;
    }
    .outline .stream-z{
        font-family: "Hiragino Kaku Gothic Pro",sans-serif;
        font-size: 20px;
        text-align: center;
        letter-spacing: 0.01em; /*字送り10*/
    }
    .outline .stream-re{
        font-family: "Hiragino Kaku Gothic Pro",sans-serif;
        font-size: 12px;
        text-align: center;
        padding-top: 20px;
        letter-spacing: 0.01em; /*字送り10*/
    }
    /*  ------------ ◆◆  5プログラム② ◆◆ ------------  */
    .support {
        display: flex;
        padding-top: 45px;
    }
    .support .left img{
        width : 250px;
    }
    .detail {
        display: flex;
    margin-top : 50px; 
    }
    .detail .prodetail {
        width: 100%;
        padding-left: 40px;
    }
    .support .prodetail {
        width: 100%;
        padding-left: 30px;
    }
    .detail .prodetail-name, .support .prodetail-name {
        font-family: "Hiragino Kaku Gothic Pro",sans-serif;
        font-size: 20px;
        letter-spacing: 0.01em; /*字送り10*/
        line-height: 1.5;
        font-weight: 600;
        padding: 12px 0 12px 10px;
    }
    .detail .prodetail-h, .support .prodetail-h{
        font-family: "Hiragino Kaku Gothic Pro",sans-serif;
        font-size: 14px;
        font-weight: 600;
        padding: 20px 0 0 10px;
        letter-spacing: 0.01em; /*字送り10*/
        line-height: 1.7;

    }
    .detail .prodetail-p, .support .prodetail-p{
        font-family: "Hiragino Kaku Gothic Pro",sans-serif;
        font-size: 13px;
        padding: 25px 0 40px 10px;
        letter-spacing: 0.01em; /*字送り10*/
        line-height: 1.6;
        
    }
    /*  ------------ ◆◆ 7導入実績 ◆◆ ------------  */
    .muni1 {
        margin-left : -45px;;
    }
    .muni2 {
        margin-left : 55px;;
    }
    .outline .ach{
        display: flex;
        width: 100%;
        border-radius: 10px;
        margin: 0 auto;
        padding: 25px;
        background-color : #f8eedf;
        border : 1px solid #e0ad1d;
        justify-content: space-evenly;
        margin-top : 50px;
        letter-spacing: 0.01em; /*字送り10*/
        line-height: 1.8;
    }
    .outline .voice-title-bule{
        font-family: "Hiragino Kaku Gothic Pro",sans-serif;
        font-size : 20px;
        width: 100%;
        margin : 0 auto;
        padding : 12px 0 12px 8px;
        background-color : #dfeff8;
        border-top : 1px solid #2049a2;
        border-bottom : 1px solid #2049a2;
        letter-spacing: 0.01em; /*字送り10*/
        line-height: 1.2;
    }
    .outline .voice-title-red{
        font-family: "Hiragino Kaku Gothic Pro",sans-serif;
        font-size : 20px;
        width: 100%;
        margin : 0 auto;
        padding : 12px 0 12px 8px;
        background-color : #f4dcd7;
        border-top : 1px solid #ab2423;
        border-bottom : 1px solid #ab2423;
        letter-spacing: 0.01em; /*字送り10*/
        line-height: 1.2;
    }
    .outline .voice01 p{
        margin-top: 50px;
    }
    .outline .voice02 p{
        margin-top: 80px;
    }
    .outline .voice01 .voice-p p, .outline .voice02 .voice-p p {
        width: 100%;
        margin: 30px 20px 0 0;
        letter-spacing: 0.01em; /*字送り10*/
        line-height: 1.5;
    }
    .voice-p{
        display: flex;
        width: 100%;
        margin : 0 auto;
    }
    .voice-p p {    
        width: 583px;
        float: left;
    }
    .voice-img img {
        float: left;
        width: 220px;
        margin-top: 20px;
    }
    /*  ------------ ◆◆ 8導入の流れ ◆◆ ------------  */
    .outline .flow {
        padding-bottom: 50px;
    }
    .outline .center {
        width: 64px;
        height : auto;
        margin-left: auto;
        margin-right: auto;
        padding : 15px 0 15px;
    }

    .outline .introduction {
        display: flex;
        /*width: 65%;*/
        width: 650px;
        background-color : #fff;
        border : solid 1px #ccc;
        border-radius:10px;
        margin: 0 auto;
        padding: 30px 20px;
    }
    .outline .introduction6 {
        display: flex;
        justify-content: center;
        margin-top: auto;
        margin-bottom: auto;
        margin-right : 25px;
    }
    .outline .intro {
        height:60px;
        width:60px;
        border-radius:50%;
        padding-top: 12px;
        text-align:center;
        background-color: #F8F128;
        margin: 0 auto;
    }
    .outline .intro span {
        font-family: "Hiragino Kaku Gothic Pro",sans-serif;
        font-size: 24px;
        color: #313131;
    }
    .outline .intro-flow {
        margin-top: auto;
        margin-bottom: auto;
    }
    .outline .intro-flow .intro-flow-title {
        font-family: "Hiragino Kaku Gothic Pro",sans-serif;
        font-size: 24px;
        font-weight: 600;
        letter-spacing: 0.01em; /*字送り10*/
        line-height: 2;
    }
    .outline .intro-flow .intro-flow-title span {
        font-family: "Hiragino Kaku Gothic Pro",sans-serif;
        font-size: 18px;
        font-weight: 600;
    }
    .outline .intro-flow .intro-flow-p {
        font-family: "Hiragino Kaku Gothic Pro",sans-serif;
        font-size: 13px;
        padding-top : 25px;
        letter-spacing: 0.01em; /*字送り10*/
        line-height: 1.8;
    }
    /*  ------------ ◆◆ 10代表メッセージ ◆◆ ------------  */
    table#career{
        width: 500px;
        min-width: 0;
    }
    table#career td {
        background-image : linear-gradient(to right, #ccc 1px, transparent 1px);
        background-size: 2px 1px;
        background-repeat: repeat-x;
        background-position: left bottom;
        border-bottom : none;
        font-weight : 400;
    }
    table#career tr td:nth-child(1) {
        white-space: nowrap;
        padding : 12px 15px;
        width: 20%
    }
    table#career tr td:nth-child(2) {
        padding : 12px 0 12px 0;
    }
    .career-img{
        width : 166px; 
        height : 316px;
    }
    .career-img-sp {
        display: none;
    }

    /*  ------------ ◆◆ 11last ◆◆ ------------  */
    .qst_ftr_main {
        height: auto;
        background-color: #374b7b;
        color: #fff;
    }
    .topar {
        margin-left: auto;
        width: 55px;
        height : auto;
    }
    .ftr_box {
        width: 80%;
        height: auto;
        margin: 0 auto;
        padding-top: 25px;
        padding-bottom: 80px;
    }
    .ftr_top p {
        font-family: "Hiragino Kaku Gothic Pro",sans-serif;
        font-size: 22px;
        letter-spacing: 0.01em; /*字送り10*/ 
        line-height: 1.3;  
        padding-bottom: 25px;
    }
    .ftr_top p:nth-child(2){
        padding-bottom: 50px;
    }
    /*  --- ボタン --  */
    .ftr_btn{
        display: flex;
        padding-top: 15px;
    }
    .ftr_btn div:nth-child(1){
        padding-right: 25px;
    }
    .arrow-btn:hover {
        background: url(../images/arrow_hv.png) no-repeat center center;
    }
    /*  --- お問合せボタン --  */
    a.contact-btn:link, a.contact-btn:visited, a.contact-btn:active {
        font-size: 20px;
        color: #313131;
        text-decoration: none;
        background-color: #F4A91B;
        padding: 15px 20px;
        font-weight: bold;
        box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.1);
        letter-spacing: 0.01em; /*字送り10*/ 
    }
    a.contact-btn:hover{
        background-color: #fcb93a;
    }
    /*  --- 電話番号ボタン --  */
    a.tel-btn:link, a.tel-btn:visited, a.tel-btn:active {
        font-family: "Hiragino Kaku Gothic Pro",sans-serif;
        font-size: 20px;
        color: #374b7b;
        text-decoration: none;
        background-color: #fff;
        padding: 15px 20px;
        font-weight: 600;
        box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.1);
        letter-spacing: 0.01em; /*字送り10*/ 
    }
    a.tel-btn:hover{
        background-color: #ebebe7;
    }
    .table-wrap {
        overflow-x: scroll;
    }
}