@charset "UTF-8";

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


/* CSS Docment */

/*---------------------------------
スマホ用レイアウト(768px以下のスクリーン)
---------------------------------*/

/* body全体の初期スタイル調整 */

body{
 width: 100%;
 -webkit-text-size-adjust: 100%;
 -ms-text-size-adjust: 100%;
}

/* ブラウザのCSSをリセット */

p{
 margin: 0 !important;
 margin: 0 !important;
}

section{
 clear: both;
 overflow: auto;
}

/*---------------------------------
全体レイアウト/背景設定(PC）
---------------------------------*/

/* 全体エリア(全体背景を設定するにはここ) */
.main{
    background-color: #f2f2f2;
}

/* 記事(ボディ)エリア*/
.article{
    background-color: #fff;
    border-left: none;
    border-right: none;
    font-size: 1.6em;/*=16px*/
}

/* 記事(ボディ)エリアの行間*/
.article p{
line-height: 1.6;
}

/* カラム全体の幅を変更する*/
.article,.top_image_in{
 width: 100%;
 margin: 0 auto;/* 真ん中に要素を置きたいときに使う*/
}

/*---------------------------------
見出しタグ設定(PC）
---------------------------------*/

h1{
    margin: 0.5em 0em;
    font-size: 1.8em;
    font-weight: bold;
    text-align: center;
}

h2{
    margin: 0.5em 0em;
    padding: 0.3em 0.6em;
    font-size: 1.4em;
    font-weight: bold;
    border-left: 8px solid #fa550d;
    border-bottom: 1px dotted #fa550d;
}

/*---------------------------------
sectionの設定
---------------------------------*/
.section_01{
    padding: 0.5em 0.5em;
}

.section_02{
    padding: 0.5em 0.5em;
    background-color: #fffef0;
}

/*---------------------------------
フッター部分
---------------------------------*/
.footer{
    background-color: #fa550d;
    padding: 2em 0em;
    text-align: center;
    font-size: 1.2em;
    color: #fff;
}

.footer a{
    color: #fff;
}

}