@charset "UTF-8";
/*CommonCSS_link*/
@import url(base.css);
@import url(common.css);
/*------------------------------------------------------------*/

#content01 {}
#content01 p.tex01{
  text-align: left;
  line-height: 1.7;

}
#content01 p.tex01 span.tx_bold{
  margin: 0.3em auto;
  display: block;
  font-weight: bold;
}
.btn_box {
	text-align: center;
  margin: 20px auto 0;
}

.btn_box .btn01 {


}
.btn_box .btn01 {
  margin: 0 auto 10px;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#7cbc59+0,187b01+100 */
	background: rgb(124,188,89); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(124,188,89,1) 0%, rgba(24,123,1,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(124,188,89,1) 0%,rgba(24,123,1,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(124,188,89,1) 0%,rgba(24,123,1,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7cbc59', endColorstr='#187b01',GradientType=0 ); /* IE6-9 */
	-moz-border-radius: 30px;
	-webkit-border-radius: 30px;
	border-radius: 30px;
	text-align: center;

}
.btn_box .btn01 a {
  display: block;
  width: 100%;
	font-size: 18px;
	color: #FFF;
	text-decoration: none;
	display: block;
    padding: 10px 20px;
  box-sizing: border-box;
}
.btn_box .btn01 a:hover {
	opacity: 0.7;

}

#content02 {
margin: 0 auto ;
    width: 100%;
    background: url(../img/index_img/bg_intro.jpg);
  background-size: 320px auto;
}
.info_img{
  width: 100%;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
}
.info_img li {
  width: calc(45% - 10px);
  margin: 0 10px 10px;
}
.info_img li img {
width: 100%;
  height: auto;
}

.line_img {
	border: solid 1px #ccc;
	padding: 4px;
	background-color: #FFF;
}