/*トップバナー*/

.jumbotron-extend {
  position: relative;
  height: 400px;
    background: url(../image/kono_top_bg_touka.jpg) no-repeat right bottom;
    background-size: cover;
}

.jumbotron-container {
    position: relative;
    top: 40%;
    transform: translateY(-30%);
    padding:20px;
}



/*トップバナー*/

.wrap{
  overflow: hidden;
}

body{
 padding-top: 70px;
 background-color:  #fdfdfe;
 width :100%;
}

p {
  font-size : 1rem;
  line-height : 1.8;
}

p.lead {
  font-size : 1.2rem;
  line-height : 1.7;
  font-weight :bold;
}


h1 {
  font-weight: bold;
  font-size :2.3rem;
  line-height: 1.6;
  margin: 20px 0 40px 0;
}
h2 {
  font-weight: bold;
  font-size :1.9rem;
  margin: 20px 0 20px 0;
}

h3 {

}
h4 {
font-size: 1.4rem;
font-weight :bold;
line-height: 2;
}

.strong li{
  font-weight: bold;
  font-size :1rem;
  line-height: 1.7;
}

.aori {
  font-weight: bold;
  font-size :2.3rem;
  letter-spacing: 0.2em;
  background: linear-gradient(transparent 80%, orange 50%);
}

.bg_green{
 background-color: #008000;
}

.tri_trans2 {
  display     : inline-block;    /* 変形するためのブロック化 */
  font-size   : 60pt;            /* 文字サイズ */
  line-height : 1em;             /* 行の高さ */
  transform   : scale(2.1, 0.7);   /* 変形 横,縦 */

}

.image_button{
  position: relative;
  height: 70vh;
  background: url(../image/kono_002.jpg) no-repeat center center;
  background-size: cover;
  border-radius: 20px;

}


.bg_color_grea{
 background-color:  #fffafa;
}
.bg_color_white{
  background-color:  #ffffff;
}

.main_cont2in{
 background-color:  #FFFFFF;
 padding:20px 20px;
 opacity: 0.9;
 border-radius: 20px;
}

.main_cont3in{
 background-color:  #FFFFFF;
 opacity: 0.9;
 border-radius: 20px;
}

.main_cont_rd{
/* padding:20px 50px; */
 border-radius: 20px;
}


/* social button */

.facebook {
  background-color: #2e4a88;
  box-shadow: 0 4px 0 #1B3D82;
  text-shadow: 0 -1px -1px #1B3D82;

  display: inline;
  position: relative;
  font-family: Arial;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  color: white;
  border-radius: 5px;
  padding: 14px 80px;
}
.facebook:hover {
  background-color: #354F84;
}
.facebook:active {
  top: 2px;
	box-shadow: 0 2px 0 #1B3D82;
}
.twitter {
  background-color: #008DDE;
  box-shadow: 0 4px 0 #0078BD;

  display: inline;
  position: relative;
  font-family: Arial;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  color: white;
  border-radius: 5px;
  padding: 14px 80px;
}
.twitter:active {
  top: 2px;
	box-shadow: 0 2px 0 #0078BD;
}
.twitter:hover {
  background-color: #1397D8;
}