@charset "utf-8";
/*firstHPのCSSシート*/
/*------------
汎用文字設定
------------*/

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

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

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

.about_msg {
	width: 90%;
	margin: 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: 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: 180px;
    border-right: #ffffff 1px solid;
    background: #fff0dc;
}
 
table.gaiyou td.r2 {
    width: 240px;
    border-left: #fff 1px solid;
    border-right: #ffffff 1px solid;
    background: #eafbf2;
}

table.gaiyou td.r3 {
    width: 120px;
    border-left: #fff 1px solid;
    border-right: #ffffff 1px solid;
    color: red;
    font-weight: bold;
    background: #ecf2fb;
}


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

table.gaiyou {
	margin: 5px;
}

table.gaiyou th.r1 {
	width: 24%;
}
table.gaiyou td.r2 {
	width: 48%;
}
table.gaiyou td.r3 {
	width: 24%;
}
}