@charset "utf-8";
/*aboutページのCSSシート*/
/*------------
文字設定
------------*/

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

.clearfix::after{
  content: "";
  display: block;
  clear: both;
}


p, li,  {
	font-size: 12px
}


/*--------------
BODY部分
-------------*/
.main_contents {
	width: 70%;
	margin: 200px 20px 0px;
}

.about_msg {
	width: 90%;
	margin-left: 20px;
	margin-top: 20px;
}
.contents_img {
	display: inline-block;
	float: left;
	width: 50%;
	margin: 10px 10px;
}
.contents_img img {
	width: 100%;
}
table.gaiyou {
    font-size: 12px;
    border-collapse: separate;
    border-spacing: 0px 1px;
    margin-left: 20px;
    margin-bottom: 20px;
}
table.gaiyou th {
    padding: 12px;
    vertical-align: middle;
    text-align: left;
    border-bottom: #ffffff 1px solid;
} 
table.gaiyou td {
    padding: 12px;
    vertical-align: middle;
    text-align: left;
    border-bottom: #ffffff 1px solid;
    font-size: 11px;
 }
table.gaiyou th.r1 {
    width: 120px;
    border-right: #ffffff 1px solid;
    background: #ffe2ba;
}
 
table.gaiyou td.r2 {
    width: 180px;
    border-left: #fff 1px solid;
    border-right: #ffffff 1px solid;
    background: #b0f1ce;
}

/*----------------
以下レスポンシブ対応
----------------*/
@media all and (max-width: 640px) {
.main_contents {
  width: 90%;
  margin:0 auto;
}

}