@charset "UTF-8";

/* 全てのWEBページに適用される */

/* html {font-family: sans-serif; } */
html {font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif; }
html * {box-sizing: border-box; }
/*body {marjin: 0 0 0 0; background-color: #eeece9; } */
body {-moz-text-size-adjust: none;
      -ms-text-size-adjust: 100%;
      -webkit-text-size-adjust: 100%;
      text-size-adjust: 100%; }
.wrapper {margin: 20px auto 0 auto;
          width: 1000px;
      /*  max-width: 100%;
          height: auto;    */
	 }
h1 {color: #004400;
    font-size: 26px;
    font-weight: normal; }
h2 {color: #3f5170;
    font-size: 26px;
    margin: 10px 0px 10px 0px;
    padding: 5px 5px 5px 5px; }
h3 {margin: 10px 0px 10px 0px;
    padding: 0; }
h4 {margin : 0 75px;
    padding: 0;
    font-size: 18px;
    color: #2f4f4f; }
h5 {margin: 0;
    padding: 0;
    font-size: 20px; }
h6 {font-size: 18px;
    color: #000099;
    font-weight: bolder;
    vertical-align: middle; }
h6 img {vertical-align: middle; }
p {font-size: 15px;
   line-height: 1.6; }
table, 
th, 
td {padding: 4px;
    border: none;
    text-align: left; }
.back1 {margin: 0;
        padding: 0;
        text-align: left; }
.back2 {display: inline-block;
        background: #808080;
        margin: 0 85px 20px 85px;
        padding: 2px 6px;
        font-size: 15px; }
.back2 a:link    {color: #ffffff; text-decoration: none; }
.back2 a:visited {color: #ffffff; text-decoration: none; }
.back2 a:hover   {color: #ffffff; text-decoration: none; }
.back2 a:active  {color: #ffffff; text-decoration: none; }

/* すべてのページに適用 - ヘッダー - */

.header {margin: 0;
         padding: 0;
         text-align: left; }
/*
.head {display: flex;
       flex-direction: row;
       width: 1000px; }
*/
.head-logo {float: left;
            margin: 0 60px 0 60px; }
.head-item {margin: 20px 10px 10px 0;
	    padding: 30px 0 0 0; }
.head-text1 {font-size: 16px;
             font-weight: normal;
	     color: #004400; }
.head-text2 {font-size: 28px;
	     color: #005500; }
.head-text3 {font-size: 16px;
	     color: #004400; }
.nav {font-size: 16px; }
.nav li {display: inline;
         list-style-type: none;
         padding-right: 20px;
         padding-bottom: 10px; }
.nav ul {clear: both;
         margin: 0 0 0 0;
         padding: 6px 30px 0 50px;
         text-align: center;
	 border-top: solid 1px #005500; }
.on a          {text-decoration: underline;}
.on a:link     {color:#7b8dac;}
.on a:visited  {color:#7b8dac;}
.on a:hover    {color:#c0c0c0;}
.on a:active   {color:#5a9bc0;}
.off a         {text-decoration: none;}
.off a:link    {color:#004400;}
.off a:visited {color:#004400;}
.off a:hover   {color:#c0c0c0;
		text-decoration: underline;}
.off a:active  {color:#5a9bc0;}

.title {text-align: center; }


/* すべてのページに適用 - フッター - */

.footer {margin-top: 20px;
         padding: 0;
	 font-size: 12px;
	 color: #3c454d;
         text-align: right;
	 clear: both; }
.nav-f {font-size: 16px; }
.nav-f li {display: inline;
           list-style-type: none;
           padding-right: 20px;
           padding-bottom: 10px; }
.nav-f ul {clear: both;
           margin: 0 0 0 0;
           padding: 6px 30px 0px 50px;
	   text-align: center;
	   border-top: solid 1px #005500; }
.foot-text1 {margin-top: 0;
             padding: 0;
	     font-size: 12px;
             font-weight: normal;
	     color: #004400;
	     text-indent: 54em; }
.foot-text2 {margin-top: 0;
             padding: 0;
	     font-size: 16px;
	     color: #005500; }
.foot-text3 {margin-top: 0;
             padding: 0;
	     font-size: 12px;
	     color: #004400; }
.adress {text-align: right; }
.adress p {margin: 0;
           padding: 0 3.7em;
	   font-size: 13px;
	   color: #004400; }
.copyright {margin: 25px 16px 0 16px;
            font-size: 12px;
	    text-align: right; }


/* 個別のスタイル */

/* index.html （ホーム）*/

.home-item1 {text-align: center;
             padding: 10px 0 0 0; }
.home-item2 {margin : 0;
             padding: 0;
	     text-align: center; }
.home-item2 p {font-size: 20px;
	       color: #666666; }


/* flow.html （ながれ）*/

.flow-table {margin: 40px 0 0 0;
             text-align: center; }
.flow-title {margin: 40px 0 0 0;
             text-align: center; }
.flow-image {float: left;
	     padding: 0 2em 8em 8em; }


/* fee.html （業務内容・料金）*/

.fee-item {margin: 0;
           padding: 0 62px 10px 57px;
	   text-align: center; }
.fee-text {margin: 0 100px 15px 100px;
	   font-size: 16px;
	   text-align: right; }
.fee-text a {text-decoration: underline;
	     color:#666666; }
.fee-text a:hover {text-decoration: none; }


/* works.html （事例紹介）*/

.work-block {display: flex;
	     flex-wrap: wrap;}
.work-item {display: flex;
	    flex-direction: column;
            width: 296px;
	    padding: 0 28px 10px 78px; }
.work-photo {margin: 0;
             text-align: left;
	     font-size: 14px;
             font-weight: bold;
	     color: #666666;
	     flex: 1 1 auto;
	     text-decoration: none; }
.work-item a:hover {text-decoration: underline; }
.work-p {margin : 0;
	 padding: 25px 80px 5px 80px;
	 color: #666666;
	 font-size: 12px;
	 text-align: right; }

/* 各事例  ※お気に入りでも使用 */

.work-title {margin : 0 75px;
             padding: 0 0 5px 0;
             border-bottom: 1px solid #bec2c7;
             width: 850px; }
.work-text {margin : 0 40px;
	    font-size: 14px;
	    line-height: 1.6; }
.work-text1 {margin : 0 40px;
	     font-size: 12px;
	     color: #cc6600; }
.work-text2 {margin : 0 40px;
	     font-size: 12px;
             font-weight: bold;
	     color: #000000; }
.work-text3 {font-weight: normal;
	     color: #7b8dac;
             text-decoration: none; }
.work-text a:hover {text-decoration: underline; }
.work-text4 {font-size: 15px;
	     line-height: 1.6; }
.work-text4 a {text-decoration: none;
	       color:#666666; }
.work-text4 a:hover {text-decoration: underline;
		     color: #7b8dac; }
.work-text5 {margin : 0 40px;
	     font-size: 12px;
	     color: #7b8dac; }


/* profile.html （私のこと）*/

/* .profile-block {display: flex;
		flex-wrap: wrap; }
.profile-item {display: flex;
	       flex-direction: column;
               width: 490px;
               border-top: 1px dotted #bec2c7;
               padding: 0 0 0 80px; }
.profile-photo {margin: 0;
		padding: 0;
	        flex: 1 1 auto; }
.profile-text {margin: 0;
	       padding: 0;
	       font-size: 12px ;
	       flex: 0 0 200px; } */
.profile-block {padding: 0 120px 0 80px; }
.profile-p {color: #7b8dac;
	    font-size: 15px; }


/* concept.html （想うこと）*/

.concept-1 {float: right;
            padding: 5px 0 4em 6.4em; }
.concept-2 {float: left;
            padding: 0 4.2em 3.5em 0; }
.concept-3 {float: right;
            padding: 0  0 3.5em 4.2em; }
.concept-4 {float: left;
            padding: 0 5.5em 3.5em 0; }
.concept-5 {float: right;
            padding: 0 0 7em 4em; }
.concept-6 {float: left;
            padding: 0 3em 21em 0; }
.concept {padding: 0 5em 0 5em;
          clear: both; }
.concept-p {color: #7b8dac; }
.concept h5 {padding: 0 0 8px 0; }


/* diary.html （日々のこと）*/

/* テーブル */
.nav1 {font-size: 16px; }
.nav1 th {width: 220px;
          text-align: center;
	  vertical-align: top; }

.nav2 {font-size: 16px; }
.nav2 th {text-align: left;
	  vertical-align: top;
	  font-weight: normal; }
.nav2 a {text-decoration: none; }
.nav2 a:link    {color: #3c454d; }
.nav2 a:visited {color: #3c454d; }
.nav2 a:hover   {color: #7b8dac; }
.nav2 a:active  {color: #5a9bc0; }
.nav2 a:hover {text-decoration: underline; }


/* favorite.html （お気に入り）*/

.fav-block {display: flex;
	    flex-wrap: wrap;}
.fav-item {display: flex;
	   flex-direction: column;
           width: 296px;
	   padding: 0 28px 10px 78px; }
.fav-photo {margin: 0;
            text-align: left;
	    font-size: 14px;
	    color: #000000;
	    flex: 1 1 auto;
            text-decoration: none; }
.fav-item a:hover {text-decoration: underline;
		   color:#7b8dac; }


/* 日々のことに適用 */

.fav-table {margin : 0 75px;
            padding: 0;
            border-bottom: 1px solid #bec2c7;
            width: 850px; }
.fav-text {font-size: 15px;
	   font-weight: normal;
           width: 105px;}
.fav-text1 {margin : 0 85px;
            padding: 0;
	    font-size: 15px; }
.fav-text1 a {text-decoration: underline;
	      color:#0000ff; }
.fav-text1 a:hover {text-decoration: none;
		    color: #7b8dac; }
.fav-text2 {margin : 0 85px;
            padding: 0;
	    font-size: 15px;
	    color: #7b8dac; }


/* contact.html （お問い合わせ）*/
.contact-block {padding: 0 130px 0 80px;
	        font-size: 16px; }
.contact-p {font-size: 15px;
	    color: #555555; }