@charset "UTF-8";
  @import url(style.css);
body{
  margin: 0;
  padding: 0;
  -webkit-background-size : contain;
  background-repeat : no-repeat;
}
.box{
  width: 100%;
  color : #ffffff;
  align-items: center;
  /* 縦方向中央揃え */
  justify-content: center;
  /* 横方向中央揃え */
}
.box__bg_gray{
  background-color : transparent;
  display: flex;
  flex-direction: column;
}

.box__bg_gray dt,dd{
  background-color : transparent;
  font-size : 16px;
  margin-top : 20px;
  overflow : inherit;
  display: flex;
  flex-direction: row;
/*横並び*/
}
.box__bg_gray dl{
  margin-top:0px;
  padding-top : 0px;
  padding-left : 0px;
  padding-right : 0px;
  padding-bottom : 0px;
  margin-left : 30px;
  margin-right : 30px;
  margin-bottom : 10px;
  zoom:100%;
}
.box__bg_gray dt{
  font-weight : normal;
  line-height : 1.7;
  text-align : left;
  min-height : 16px;
  padding-top : 12px;
  padding-left : 30px;
  padding-right : 5px;
  padding-bottom : 0px;
  margin-top : 0px;
  margin-left : 0px;
  margin-right : 0px;
  margin-bottom : 0px;
}
.box__bg_gray dd{
  padding-bottom:10px;
  line-height : 1.7;
  min-height : 16px;
  text-align : left;
  padding-top : 0px;
  padding-left : 30%;
  padding-right : 15px;
  margin-top : 0px;
  margin-left : 0px;
  margin-right : 0px;
  margin-bottom : 0px;
  border-bottom-width : 2px;
  border-bottom-style : dotted;
  border-bottom-color : #ffffff;
  float : none;
}
.news{
  /*横並び*/
  align-items:center;
  margin-top : 5%;
  margin-bottom : 10%;
}
table tbody{
 border-top : 6px solid transparent;
  border-left-width : 12px;
  border-left-style : solid;
  border-left-color : transparent;
  border-bottom-width : 6px;
  border-bottom-style : solid;
  border-bottom-color : transparent;
}
@media screen and (max-width: 480px) {
  .box__bg_gray{
  display: flex;
  flex-direction: column;
/*縦並び*/
  }
.box__bg_gray dl{
  display: flex;
  flex-direction: column;
/*縦並び*/
  }
}
@media screen and (max-width: 360px) {
.news{
  display: flex;
  flex-direction: column;
/*縦並び*/
}
.box{
  display: flex;
  flex-direction: row;
/*横並び*/
}
.box__bg_gray dl{
    margin-left: 5px;
    margin-right: 5px;
}
.box__bg_gray dt,dd{
  font-size : 12px;
  }
.box__bg_gray dd{
    padding-top: 10px;
    padding-left: 20px;
    border-bottom-width : 1px;
  }
}

CSS *, *::before, *::after{
	box-sizing: border-box;
}
.col_2{
	width: 100%;
	display: flex;
	display: -ms-flexbox; /* IE10 */
	flex-wrap: wrap;
	-ms-flex-wrap: wrap; /* IE10 */
}
.col_2 > div{
	width: 50%;
	padding: 10px;
}
@media screen and (max-width: 960px) {
	.col_2 > div{
		width: 100%;
	}
}
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
*, *:before, *:after {
	box-sizing: border-box;
}
.col_2{
	width: 100%;
	display: flex;
	display: -ms-flexbox; /* IE10 */
	flex-wrap: wrap;
	-ms-flex-wrap: wrap; /* IE10 */
}
.col_2 > div{
	width: 50%;
	padding: 10px;
}
@media screen and (max-width: 960px) {
	.col_2 > div{
		width: 100%;
	}
}