/*-------------全体-------------*/

body              {
                      background-color: #d8e5c7;
                      }

#wrap            {
                       background-color: #ffffff;
                       border-left: 4px solid #c9dbc0;
                       border-right: 4px solid #c9dbc0;
                       }
 
/*-----------ヘッダー-----------*/

#header         {             
                       width: 100%;
                       height: 110px;
                       border-bottom: 2px solid #d4d9dc;
                       }

#header_inner {                        
                        padding-top: 40px;
                        padding-bottom: 0px;
                        padding-left: 10%;
                        padding-right: 10%;
                        }

#txt_title        {
                       float: left;
                       }
                                                
#txt_title h1   {
                       font-size: 1.15em;
                       }  

#txt_number   {
                        float: right;
                        }

#txt_number p {
                         color: #555555;
                         }

#txt_number p:before {
                         content: '… ';
                         }

/*--------テキストエリア--------*/

#container      {
                        width: 100%;                        
                        padding-bottom: 80px;
                        }
 
#txtarea          {
                        padding-top: 2em;
                        padding-bottom: 0em;
                        padding-left: 10%;
                        padding-right: 10%;
                        }

#txtarea span  { display:block; }

#txtarea p       { margin-bottom: 1.4em; }

.line_s             { margin-top: 2em;
                         margin-bottom: 1.4em; }

.line_m           { margin-top: 3em;
                         margin-bottom: 1.4em; }

.line_l             { margin-top: 4em;
                         margin-bottom: 1.4em; }

.txt_end          { margin-top: 4em; 
                         margin-bottom: 0em; }

/*------前へ・次へ・戻る------*/

#page_nav      {}
#page_nav a   {}

/*-----------フッター-----------*/

#footer            { }
#footer_inner  { }

/*-------レスポンシブ指定-------*/

/*---PC---*/
@media (max-width: 480px) {  
                       #container, #txtarea,#page_nav{
                       width: auto;}
                       }

/*---スマホ---*/
@media screen and (min-device-width: 0px) and (max-device-width: 767px){ 
                       #container, #txtarea,#page_nav{
                       width: auto;}
                       }