@charset "utf-8";
/*「カテゴリ一覧ページ用共通」CSS*/

/* --------------------------------------------------------------------------------
スクリーン幅 参考値　以下を利用
-------------------------------------------------------------------------------- */
/*--------------------------------
PC：1024px以上
---------------------------------*/

/*--------------------------------
PC：1023px以下
---------------------------------*/
@media screen and (max-width:1023px){
}

/*--------------------------------
PCタブレット：970px以下（ハンバーガーメニューが出る）
---------------------------------*/
@media screen and (max-width: 970px) {
}



/*--------------------------------
PCタブレット：767px以下
---------------------------------*/
@media screen and (max-width: 767px) {
}

/*--------------------------------
スマホ：480px以下
---------------------------------*/
@media screen and (max-width:480px) {
}


/* --------------------------------------------------------------------------------
CSSは以下に記載
-------------------------------------------------------------------------------- */

.introduction {
    padding: 20px 0 60px 0;
    /*background-color: #f8f8f8;*/
    border-bottom: 1px solid #7f7f7f;
    line-height: 1.6;
    margin: 20px auto;
}

.introduction h1, .introduction h2, .introduction p{
 font-family: "Times New Roman", Times, serif;
 font-weight: lighter;
 text-align: center;
}

@media (min-width: 992px) {
.introduction h1 {
        font-size: 2.0em;
}
}

.introduction .catch{
    font-size: 1.2em;
    /*margin-bottom: 10px;*/
}

.introduction .title {
    font-size: 1.8em;
    margin-bottom: 10px;
}

.introduction .lead {
    font-size: 1em;
    color: #555;
}