@charset "utf-8";




h2.contents_title {
	height: 36px;
	display: block;
	font-size: 24px;
	line-height: 36px;
	background:;
	border-bottom: 2px solid #797D80;
	margin-right: auto;
	margin-left: auto;
	padding: 0 15px;
	font-family: serif;
}



/*ボタン */
.btn-flat-border1 {
  display: inline-block;
  padding: 1em 1em;
  margin: 0px 10px;
  text-decoration: none;
  color: #67c5ff;
  border: solid 4px #67c5ff;
  border-radius: 3px;
  transition: .4s;
  font-weight: bold;
}

.btn-flat-border1:hover {
  background: #67c5ff;
  color: white;
}



.btn-flat-border2 {
  display: inline-block;
  padding: 1em 1em;
  margin: 0px 10px;
  text-decoration: none;
  color: #67ffbd;
  border: solid 4px #67ffbd;
  border-radius: 3px;
  transition: .4s;
  font-weight: bold;
}

.btn-flat-border2:hover {
  background: #67ffbd;
  color: white;
}


.btn-flat-border3 {
  display: inline-block;
  padding: 1em 1em;
  margin: 0px 10px;
  text-decoration: none;
  color: #ff9c67;
  border: solid 4px #ff9c67;
  border-radius: 3px;
  transition: .4s;
  font-weight: bold;
}

.btn-flat-border3:hover {
  background: #ff9c67;
  color: white;
}


.btn-flat-border4 {
  display: inline-block;
  padding: 1em 1em;
  margin: 0px 10px;
  text-decoration: none;
  color: #e167ff;
  border: solid 4px #e167ff;
  border-radius: 3px;
  transition: .4s;
  font-weight: bold;
}

.btn-flat-border4:hover {
  background: #e167ff;
  color: white;
}




.btn-flat-border5 {
  display: inline-block;
  padding: 1em 1em 0em 1em;
  margin: 0px 5px 0px 30px;
  text-decoration: none;
  color: #668ad8;
  border: solid 4px #668ad8;
  border-radius: 3px;
  transition: .4s;
  font-weight: bold;
}

.btn-flat-border5:hover {
  background: #668ad8;
  color: white;
}


.btn-flat-border6:hover {
  background: #ff6699;
  color: white;
}



.btn-flat-border6 {
  display: inline-block;
  padding: 1em 1em 0em 1em;
  margin: 0px 5px 0px 30px;
  text-decoration: none;
  color: #ff6699;
  border: solid 4px #ff6699;
  border-radius: 3px;
  transition: .4s;
  font-weight: bold;
}



.btn-flat-border7 {
  display: inline-block;
  padding: 1em 1em 0em 1em;
  margin: 0px 5px 0px 30px;
  text-decoration: none;
  color: #cc3333;
  border: solid 4px #cc3333;
  border-radius: 3px;
  transition: .4s;
  font-weight: bold;
}


.btn-flat-border7:hover {
  background: #cc3333;
  color: white;
}
















.btn-flat-border10 {
  display: inline-block;
  padding: 1em 1em;
  margin: 0px 7px;
  text-decoration: none;
  color: #ff9c67;
  border: solid 4px #ff9c67;
  border-radius: 3px;
  transition: .4s;
  font-weight: bold;
}

.btn-flat-border10:hover {
  background: #ff9c67;
  color: white;
}


.btn-flat-border11 {
  display: inline-block;
  padding: 1em 1em;
  margin: 0px 7px;
  text-decoration: none;
  color: #e167ff;
  border: solid 4px #e167ff;
  border-radius: 3px;
  transition: .4s;
  font-weight: bold;
}

.btn-flat-border11:hover {
  background: #e167ff;
  color: white;
}




.btn-flat-border12 {
  display: inline-block;
  padding: 25px 9px;
  margin: 0px 5px;
  text-decoration: none;
  color: #668ad8;
  border: solid 4px #668ad8;
  border-radius: 3px;
  transition: .4s;
  font-weight: bold;
}

.btn-flat-border12:hover {
  background: #668ad8;
  color: white;
}




.btn-flat-border13 {
  display: inline-block;
  padding: 25px 10px;
  margin: 0px 5px;
  text-decoration: none;
  color: #ff6699;
  border: solid 4px #ff6699;
  border-radius: 3px;
  transition: .4s;
  font-weight: bold;
}

.btn-flat-border13:hover {
  background: #ff6699;
  color: white;
}





.btn-flat-border14 {
  display: inline-block;
  padding: 25px 10px;
  margin: 0px 5px;
  text-decoration: none;
  color: #cc3333;
  border: solid 4px #cc3333;
  border-radius: 3px;
  transition: .4s;
  font-weight: bold;
}


.btn-flat-border14:hover {
  background: #cc3333;
  color: white;
}









































.btn-partial-line1 {
  position: relative;
  display: inline-block;
  font-weight: bold;
  padding: 0.25em 0.5em;
  margin: 0px 10px;
  text-decoration: none;
  border-bottom: solid 3px #668ad8;
  border-left: solid 3px #668ad8;
  color: #668ad8;
  transition: .4s;
}

.btn-partial-line1:hover {
  padding-left: 0.7em;
  padding-right: 0.3em;
}




.btn-partial-line2 {
  position: relative;
  display: inline-block;
  font-weight: bold;
  padding: 0.25em 0.5em;
  margin: 0px 10px;
  text-decoration: none;
  border-bottom: solid 3px #ff6699;
  border-left: solid 3px #ff6699;
  color: #ff6699;
  transition: .4s;
}

.btn-partial-line2:hover {
  padding-left: 0.7em;
  padding-right: 0.3em;
}









.btn-sticky1 {
  display: inline-block;
  padding: 1em 1em;
  margin: 0px 10px;
  text-decoration: none;
  background: #f7f7f7;
  border-left: solid 6px #668ad8;/*左線*/
  color: #668ad8;/*文字色*/
  font-weight: bold;
  font-size: 70%;
  line-height: 190%;
  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.29);
}






.btn-sticky2 {
  display: inline-block;
  padding: 1em 1em;
  margin: 0px 10px;
  text-decoration: none;
  background: #f7f7f7;
  border-left: solid 6px #ff6699;/*左線*/
  color: #ff6699;/*文字色*/
  font-weight: bold;
  font-size: 66%;
  line-height: 170%;
  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.29);
}



.btn-sticky3 {
  display: inline-block;
  padding: 1em 1em;
  margin: 0px 10px;
  text-decoration: none;
  background: #f7f7f7;
  border-left: solid 6px #cc3333;/*左線*/
  color: #cc3333;/*文字色*/
  font-weight: bold;
  font-size: 66%;
  line-height: 170%;
  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.29);
}







.btn-square {
  display: inline-block;
  padding: 0.5em 1em;
  margin: 30px 0px;
  text-decoration: none;
  background: #668ad8;/*ボタン色*/
  color: #FFF;
  border-bottom: solid 4px #627295;
  border-radius: 3px;
}
.btn-square:active {
  /*ボタンを押したとき*/
  -webkit-transform: translateY(4px);
  transform: translateY(4px);/*下に動く*/
  border-bottom: none;/*線を消す*/
}








.btn-square2 {
  display: inline-block;
  padding: 0.5em 1em;
  margin: 30px 0px;
  text-align:center;
  text-decoration: none;
  background: #ff6699;/*ボタン色*/
  color: #FFF;
  border-bottom: solid 4px #627295;
  border-radius: 3px;
}
.btn-square2:active {
  /*ボタンを押したとき*/
  -webkit-transform: translateY(4px);
  transform: translateY(4px);/*下に動く*/
  border-bottom: none;/*線を消す*/
}



.btn-square3 {
  display: inline-block;
  padding: 0.5em 1em;
  margin: 30px 0px;
  text-decoration: none;
  background: #cc3333;/*ボタン色*/
  color: #FFF;
  border-bottom: solid 4px #627295;
  border-radius: 3px;
}
.btn-square3:active {
  /*ボタンを押したとき*/
  -webkit-transform: translateY(4px);
  transform: translateY(4px);/*下に動く*/
  border-bottom: none;/*線を消す*/
}







img.example1 { vertical-align: 70px; }



img.example2 { vertical-align: 380px; }

img.example3 { vertical-align: 300px; }