/* ブラウザがそれぞれ持っているCSSをリセットするため */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}






/* ****** 説明文の設定/START ****** */
.about {
	width: auto;
	margin: 0 auto;
	margin-bottom: 50px;
}

.profile-catch {
	width: auto;
	text-align: center;
}

.catch_top {
	font-size: 27px;
	margin: 180px 0 15px 0;
}

.about hr {
	width: 560px;
	color: #8A7D65;
	margin: 20px 0;
	margin: 0 auto;
}

.catch_bottom {
	margin: 15px 0 80px 0;
}

.about-textbox {
	width: 550px;
	margin: 0 auto;
	size: 1px;
	text-align: center;
}


.about-text {
	line-height: 2; /* テキスト行間 */
	text-align: justify;  /* テキスト両端揃えの設定 */
　　text-justify: inter-ideograph; /* テキスト両端揃えの設定 */
   margin-bottom: 20px;
   }


/* ****** 説明文の設定/END ****** */



/* ****** 写真の設定/START ****** */

.profile-img {
	width: 500px;
	height: 500px;
	background-image: url(img/works_i08.jpg);
	margin: 0 auto;
  background-size: 100%;
}
/* ****** 写真の設定/END ****** */




/* ****** historyの設定/START ****** */
.history {
    margin: 120px 0;
 }

.history_title {
	text-align: center;
	font-size:  20px;
	margin-bottom: 30px;
}

.history-box {
	width: 550px;
    line-height: 2; /* テキスト行間 */
    text-align: justify;  /* テキスト両端揃えの設定 */
    text-justify: inter-ideograph; /* テキスト両端揃えの設定 */
    margin: 0 auto;
}
/* ****** historyの設定/END ****** */




/* ****** designtasteの設定/START ****** */
.designtaste {
    margin: 120px 0;
 }

.designtaste-box {
	width: 550px;
    line-height: 2; /* テキスト行間 */
    text-align: justify;  /* テキスト両端揃えの設定 */
    text-justify: inter-ideograph; /* テキスト両端揃えの設定 */
    margin: 0 auto;
}


.link-box {
    border: solid 1px #8A7D65;
    width: 50%;
    margin: 0 auto;
    margin-top: 150px;
    margin-bottom: 200px;
}


.link-box p {
    margin: 10px 20px;
    padding: 0;
    text-align: center;
}





      /* リンクボタンの設定 start */

     .link-box_2 {
   	    width: 800px;
   	    margin: 0 auto;
   	    text-align: center;
     }

     .link-box_2 a {
	    text-decoration: none;
     }

     .button {
        display       : inline-block;
        border-radius : 20px;          /* 角丸       */
        font-size     : 12pt;        /* 文字サイズ */
        text-align    : center;      /* 文字位置   */
        cursor        : pointer;     /* カーソル   */
        padding       : 14px 100px;   /* 余白       */
        background    : #8a7d65;     /* 背景色     */
        color         : #ffffff;     /* 文字色     */
        line-height   : 1em;         /* 1行の高さ  */
        opacity       : 1;           /* 透明度     */
        transition    : .3s;         /* なめらか変化 */
        box-shadow    : 2px 2px 6px #666666;  /* 影の設定 */
        margin-top: 100px;
      }

     .button:hover {
        box-shadow    : none;        /* カーソル時の影消去 */
        opacity       : 0.8;         /* カーソル時透明度 */
      }
     /* リンクボタンの設定 end */



/* ****** footerの設定/START ****** */

footer {
	height: 100px;
}

.header-text {
	text-align: center;
	margin-top: 80px;
}

/* ****** footerの設定/END ****** */




/* ****** designtasteの設定/END ****** */