@charset "utf-8";
/* CSS Document */

h3 {
		font-size: 1.8rem;
    color: #3342b5;
    font-weight: bold;
    margin-bottom: 1em;
}

h2 {
  position: relative;
  padding: 1.5rem;
  text-align: center;
}

h2:before {
  position: absolute;
  bottom: -10px;
  left: calc(50% - 30px);
  width: 60px;
  height: 5px;
  content: '';
  border-radius: 3px;
  background: #3f9adf;
}

.head-box {
	padding: 100px 0 50px 0;
}

.breadcrumb {
  margin: 0;
  padding: 0;
  list-style: none;
	background-color: #fff;
}

.breadcrumb li {
  display: inline;/*横に並ぶように*/
  list-style: none;
  font-weight: bold;/*太字*/
}

.breadcrumb li:after {/* >を表示*/
  content: '>';
  padding: 0 0.2em;
  color: #555;
}

.breadcrumb li:last-child:after {
  content: '';
}

.breadcrumb li a {
  text-decoration: none;
  color: #3f9adf;/*色*/
}

.breadcrumb li a:hover {
  text-decoration: underline;
}


.sec_common {
	background-color: #fff;
	padding: 50px 100px 100px 100px;
}



@media (max-width: 768px) {

h3 {
		font-size: 1.8rem;
    color: #3342b5;
    font-weight: bold;
    margin-bottom: 1em;
}

h2 {
	font-size: 20px;
  position: relative;
  padding: 1.5rem;
  text-align: center;
}

h2:before {
  position: absolute;
  bottom: -10px;
  left: calc(50% - 30px);
  width: 60px;
  height: 5px;
  content: '';
  border-radius: 3px;
  background: #3f9adf;
}

.head-box {
	padding: 50px 0 25px 0;
}

.breadcrumb {
  margin: 0;
  padding: 0;
  list-style: none;
	background-color: #fff;
}

.breadcrumb li {
  display: inline;/*横に並ぶように*/
  list-style: none;
  font-weight: bold;/*太字*/
}

.breadcrumb li:after {/* >を表示*/
  content: '>';
  padding: 0 0.2em;
  color: #555;
}

.sec_common {
	background-color: #fff;
	padding: 25px 25px 50px 25px;
}

}