/* ===========================================================

	Title:					feature.css
	Created:			2019-01-18
	Last Created:		2019-01-18

=========================================================== */
/*

## base

feature6.template.html

## contents


=========================================================== */
/* ===========================================================

	base

=========================================================== */
.feature_margin_bottom_0 {
	margin-bottom: 0px;
}
.feature_margin_bottom_1em {
  margin-bottom: 1em;
}
.feature_margin_bottom_10 {
  margin-bottom: 10px;
}
.feature_margin_bottom_1em {
	margin-bottom: 1em !important;
}

/* ===========================================================

	feature6.template.html

=========================================================== */
.feature6_table {
	width: 70%;
}

.cross_line{
    display: inline-block;
    position: relative;
    padding: 0.25em 1em;
    border-top: solid 2px black;
    border-bottom: solid 2px black;
    text-decoration: none;
    font-weight: bold;
    color: #03A9F4;
    width: 94%;
    font-size: 1.5em;
}
.cross_line:before, .cross_line:after{
  content: '';
  position: absolute;
  top: -7px;
  width: 2px;
  height: -webkit-calc(100% + 14px);
  height: calc(100% + 14px);
  background-color: black;
  transition: .3s;
}
.cross_line:before {left: 7px;}
.cross_line:after {right: 7px;}
.cross_line:hover:before{
  top: 0px;
  left:0;
  height: 100%;
}
.cross_line:hover:after{
  top: 0px;
  right: 0;
  height: 100%;
}

/* ===========================================================

	feature7.template.html

=========================================================== */

.title-text{
	font-size: 20px;
	font-weight: bold;
	margin: 10px 0px;
	text-align: center;
}

.mainport-table{
	width: 500px;
	background-color: #F6F4EA;
}

@media screen and (max-width: 767px) {
	.mainport-table {
		width: 100%;
	}
}