@charset "UTF-8";

@import "https://use.fontawesome.com/releases/v5.13.0/css/all.css";


body {
  color: #393A3A !important; /* 任意の色コードに変更 */
}


.smb-items__item__figure:not(:last-child) {
    margin-bottom: 0 !important;
}

@media screen and (max-width: 768px) {
    .smb-information__item {
        overflow: visible;
    }
}

@media screen and (max-width: 768px) {
    .c-entry__title {
        font-size: 1.5rem !important;
    }
}

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

/*トップページ最近の投稿のブログタイトル*/
    
h3.c-entry-summary__title{
    font-size: 0.8rem !important;
}
}


/*マージンゼロのセクション*/
.zero_section{
    margin-top:0 !important;
    margin-left:0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/*スマホ表示時左右10pxマージンのセクション*/
@media screen and (max-width: 768px) {
    .ml5_section{
        margin-left:5px !important;
        margin-right:5px !important;
        
    }
}

/*マージン極小のセクション*/
.title_s_section{
    margin-top:0px !important;
    margin-left:0 !important;
    padding-top: 5px !important;
    padding-bottom: 5px !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}


/*マージン小のセクション*/
.title_section{
    margin-top:0px !important;
    margin-left:0 !important;
    padding-top: 15px !important;
    padding-bottom: 15px !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/*マージン中のセクション*/
.title_md_section{
    margin-top:0px !important;
    margin-left:0 !important;
    padding-top: 30px !important;
    padding-bottom: 30px !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/*マージントップ0のセクション*/
.title_t0_section{
    margin-top:0px !important;
    margin-left:0 !important;
    padding-top: 0px !important;
    padding-bottom: 30px !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}



/*PC中央寄せ、スマホ左寄せのテキスト*/

.text-con {
    display: flex;
    justify-content: center;
}

@media screen and (max-width: 768px) {
    .text-con {
        justify-content: flex-start;
    }
}


/*マージン設定*/

.mergin_top_0{
    margin-top:0px !important;
}


.mergin_top_10{
    margin-top:10px !important;
}

.mergin_top_20{
    margin-top:20px !important;
}

.mergin_bt_0{
    margin-bottom:0px !important;
}


/*イメージ下部*/
.top_img{
    margin-top:20% !important;
}
/*CTAセクション*/
.cta_section{
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}


/*プロフィールクラス*/
.profile_txt{
    padding: 0px 1rem;
    border-left: 4px solid #6b9cb7;
    margin-top:10px !important;
    margin-bottom:0px !important;
}

/* h3 ポイントクラス */
h3.points-head {
    background-color: #3E3A39;
    padding: 10px 50px !important;
    background-position: 0 0;
    background-size: 200% auto;
    box-sizing: border-box;
    color: #fff;
    display: inline-block;
    font-weight: 700;
    letter-spacing: .04em;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    
}

h3.points2-head {
    background-color: #d8e4d6;
    padding: 12px 50px !important;
    background-position: 0 0;
    background-size: 200% auto;
    color: #3E3A39;
    display: inline-block;
    font-weight: 700;
    letter-spacing: .04em;
    margin-top: 0 !important;
}


/*h2ヒーローテキストクラス*/

h2.hero_txt {
    margin: 0;
    font-size: 1.5rem !important;
    color: #ffffff;
    font-weight: bold !important;
    font-feature-settings: "palt";
    text-align: left;
    margin-top: 40px!important;
    text-shadow: 4px 4px 0 #3B867F;
}

/* スマートフォン表示時のスタイル */
@media (max-width: 768px) {
    h2.hero_txt {
        font-size: 0.9rem !important;
        letter-spacing: .1em !important;
        line-height: 1.5 !important;
        margin-top: 20px!important;
    }
}


h2.hero_txt .custom-span {
    font-size: 5.0rem;
    font-weight: 900 !important;
    letter-spacing: .2em !important;
}

@media only screen and (max-width: 768px){
    h2.hero_txt .custom-span{
        line-height: 2.2 !important;
        font-size: 2.1rem;
    }
}


/*スマホ表示時に改行*/

.sma{
    display: none;
}

/*スマートフォンでは有効（改行する）*/
@media screen and (max-width:768px) {
    .sma{
        display: block;
    }
}



/*h2サービスタイトルクラス*/

h2.service_title {
    font-size: 3.6rem;
    font-weight: 700 !important;
    font-feature-settings: "palt";
    text-align: left;
}

@media (max-width: 768px) {
    h2.service_title {
        font-size: 2.4rem;
    }
}


h2.service_title .custom-span {
    font-size: 2.6rem;
    padding-left: 30px;
}

h2.service_title .color-span {
    color: #38a8a5;
}

@media only screen and (max-width: 768px) {
    h2.service_title .custom-span {
        padding-left: 5px;
        font-size: 1.4rem;
    }
}

/*h2固定ページクラス*/

h2.kotei_title {
    font-size: 3.6rem;
    font-weight: 700 !important;
    font-feature-settings: "palt";
    text-align: left;
}

@media (max-width: 768px) {
    h2.kotei_title {
        font-weight: 700 !important;
        font-size: 2.0rem;
    }
}

h2.kotei_title .custom-span {
    color: #38a8a5;
}


/*固定サブタイトルクラス*/

h3.sub_title-line {
    font-size: 1.6rem;
    position: relative;
    font-weight: 700 !important;
    padding-left: 47px !important;
    font-feature-settings: "palt";
    display: inline-block;
    text-align: left;
}

h3.sub_title-line::before {
    content: "";
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 0;
    width: 28px;
    height: 4px;
    background: #38a8a5;
}

@media (max-width: 768px) {
    h3.sub_title-line {
        font-weight: 700 !important;
        font-size: 1.2rem;
    }
}




/*h2コンタクトタイトルクラス*/

h2.contact_title {
    font-size: 3.6rem;
    color: #ffffff;
    font-weight: 700 !important;
    font-feature-settings: "palt";
    text-align: center;
}

@media (max-width: 768px) {
    h2.contact_title {
        font-size: 2.4rem;
    }
}


h2.contact_title .custom-span {
    font-size: 2.6rem;
    padding-left: 30px;
}

h2.contact_title .color-span {
    color: #edd14f;
}

@media only screen and (max-width: 768px) {
    h2.contact_title .custom-span {
        padding-left: 5px;
        font-size: 1.4rem;
    }
}


/*h2メッセージテキストクラス*/

P.msg_txt {
    font-size: 1.1rem;
    font-weight: 700 !important;
    font-feature-settings: "palt";
    letter-spacing: .4em !important;
    text-align: left;
}

@media (max-width: 768px) {
    P.msg_txt {
        font-weight: 500 !important;
        font-size: 1.0rem;
    }
}

/*h2メッセージテキストクラス*/

P.bold_txt {
    font-size: 1.3rem;
    font-weight: 700 !important;
    font-feature-settings: "palt";
    text-align: left;
}

@media (max-width: 768px) {
    P.bold {
        font-size: 1.1rem;
    }
}

/*h2メッセージテキストクラス*/

P.contact_txt {
    font-size: 1.5rem;
    color: #ffffff;
    font-weight: 700 !important;
    font-feature-settings: "palt";
    text-align: center;
}

@media (max-width: 768px) {
    P.contact {
        font-size: 1.2rem;
    }
}




/*h2塗りクラス*/
h2.riyuu {
    display: inline;
    font-size: 1.2rem;
    font-weight: 600;
    color: #ffffff;
    background: linear-gradient(transparent 0%, #000000 0%);
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
}





/*ポイントクラス*/
.point_grabit {
    display: block;
    font-family: Oswald, sans-serif;
    font-weight: 500;
    font-size: 1.2rem;
    letter-spacing: 0;
    color: #188CB2;
    margin-bottom: 30px !important;
}

@media (max-width: 768px) {
    .point_grabit {
        text-align: left;
        font-size: 1.0rem;
        margin-bottom:20px !important;
    }
}

.point_grabit .custom-span {
    display: inline-block;
    font-family: "Raleway", sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 2.2rem;
    line-height: normal;
    color: #188CB2;
    position: relative;
    left:10px;
}

@media (max-width: 768px) {
    .point_grabit .custom-span {
        font-size: 1.8rem;
    }
}


/* テーブル用クラス */
.table_txt {
    margin: 0;
    font-size: 1.4rem !important;
    font-weight: bold !important;
    letter-spacing: .12em;
    color: #ffffff;
    text-align: center;
}
@media (max-width: 768px) {
    .table_txt  {
        font-size: 1.2rem !important;
    }
}




/* 画像のスタイル */
.meta-image {
    height: 100px; /* PCのデフォルトの高さ */
    margin-right: 10px;
    vertical-align: middle; /* 画像が中央に揃う */
}

/* 親要素のスタイル */
.heading-with-image {
    display: flex;
    align-items: center; /* 垂直方向で中央に揃える */
    justify-content: center; /* 水平方向で中央に揃える */
    text-align: center;
}

/* スマートフォン表示時のスタイル */
@media (max-width: 768px) {
    h2.simple_white {
        font-size: 1.2rem !important;
        letter-spacing: .1em !important;
        line-height: 1.6 !important;
    }
    
    /* 画像の高さを調整（スマホ表示時） */
    .meta-image {
        height: 70px; /* スマホでの画像の高さ */
    }
    
    /* スマホでの改行を有効にする */
    .sma {
        display: block;
    }
    
    /* スマホ表示時も画像がテキストの左側に来るように調整 */
    .heading-with-image {
        flex-direction: row; /* 画像とテキストを横並びに */
    }
}

/* スマートフォン表示時のスタイル */
@media (max-width: 768px) {
    h2.simple_blue {
        font-size: 1.4rem !important;
        letter-spacing: .1em !important;
        line-height: 1.6 !important;
    }
    
    /* 画像の高さを調整（スマホ表示時） */
    .meta-image {
        height: 70px; /* スマホでの画像の高さ */
    }
    
    /* スマホでの改行を有効にする */
    .sma {
        display: block;
    }
    
    /* スマホ表示時も画像がテキストの左側に来るように調整 */
    .heading-with-image {
        flex-direction: row; /* 画像とテキストを横並びに */
    }
}






/*研修費クラス*/

h2.kenshu_t{
    margin: 0;
    font-size: 2.4rem !important;
    font-weight: bold !important;
    font-feature-settings: "palt";
    letter-spacing: .12em;
    color: #d45c4d;
    text-align: center;
    margin-top: 5px !important;
    
}
h2.kenshu_t .custom-span {
    color: #4d4d4d !important;
}

@media (max-width: 768px) {
    h2.kenshu_t{
        font-size: 1.6rem !important;
        letter-spacing: .1em;
    }
}

@media (max-width: 768px) {
    h2.kenshu_t  .custom-span {
        font-size: 1.5rem;
    }
}

.kenshu_sub{
    margin: 0;
    font-size: 2.0rem !important;
    font-weight: bold !important;
    font-feature-settings: "palt";
    letter-spacing: .12em;
    color: #4d4d4d;
    text-align: center;
    margin-bottom: 5px !important;
    
}
.kenshu_sub .custom-span {
    font-size: 2.4rem;
    color: #d45c4d;
}

@media (max-width: 768px) {
    .kenshu_sub{
        font-size: 1.2rem !important;
        letter-spacing: .1em;
    }
}

@media (max-width: 768px) {
    .kenshu_sub  .custom-span {
        font-size: 1.5rem;
    }
}




/* スマートフォン表示時に「項目」余白を狭く*/

@media (max-width: 768px) {
    .c-row>.c-row__col {
        margin-bottom: 16px;
        padding-left: 6px;
        padding-right: 6px;
    }
}



/* よくある質問 */
.smb-faq__item__question__label{
    background: #f74a97;
    color:#ffffff;
    text-transform: uppercase;
    text-align: center;
    width: 30px;
    height: 30px;
    border-radius: 50%;
}
.smb-faq__item__answer__label, .smb-faq__item__question__label {
    min-width: 30px;
}
.smb-faq__item__answer__label, .smb-faq__item__answer__label {
    text-transform: uppercase;
    text-align: center;
    min-width: 30px;
}

/* スマホの時はボタンの文字を小さく */
@media (max-width: 768px) {
    .smb-btn__label{
        font-size: 14px !important;
        
    }
}

/* バナーの背景を白に */
.smb-items__banner__figure{
    background-color: #ffffff;
}

/* 所在地 */


/* モバイルフッター */
.p-footer-sticky-nav {
    background-color:transparent;
}


/*独自メディアとテキストタイトル - デスクトップスタイル */
    .locus_blog_title .smb-section__title  {
        color: #38A8A5;
          padding: 1rem 2rem;
  border: 3px solid #38A8A5;
    }

/* スマートフォン表示時のスタイル */
@media (max-width: 768px) {
    .locus_blog_title .smb-section__title  {
        font-size: 1.4rem !important;
        letter-spacing: .1em !important;
        color: #38A8A5;
        text-align: left!important;
    }
}

.locus_blog_title h3 {
    /* ここに適用したいスタイルを記述 */
    padding-top: .5rem !important;
    padding-bottom: .5rem !important;;
    padding-left: .5rem !important;
    margin-bottom: 2rem !important;
    background-color: #ebf4f6;/* 背景色 */
    border-left: 5px solid #318496;/* 左の線 */
    border-bottom: 2px solid #cccccc;/* 下の線 */
    color: #318496;/* フォント色 */
}