body { padding-top: 0px;
    background-color: #c2c2c2;
   }
   .container{
              background-color: #FFFFFF; 
   }
  @media ( min-width: 768px ) {
    #banner {
      min-height: 300px;
      border-bottom: none;
    }
    .bs-docs-section {
      margin-top: 8em;
    }
    .bs-component {
      position: relative;
    }
    .bs-component .modal {
      position: relative;
      top: auto;
      right: auto;
      left: auto;
      bottom: auto;
      z-index: 1;
      display: block;
    }
    .bs-component .modal-dialog {
      width: 90%;
    }
    .bs-component .popover {
      position: relative;
      display: inline-block;
      width: 220px;
      margin: 20px;
    }
    .nav-tabs {
      margin-bottom: 15px;
    }
    .progress {
      margin-bottom: 10px;
    }
  }

 #logo_tel {
 	border-top:solid 15px #199985;
 	border-bottom:solid 10px #199985;
 }


 #logo_tel img{
 	padding: 20px 0px;

 }


 #logo {
 	width: 400px;
 	float: left;
 }

 #telhead {
  	width: 200px;
 	float: right;
 }

 @media ( max-width: 605px ) {
 	 #logo {
 	width: 100%;
 	text-align: center; 
 }

 #telhead {
 	width: 100%;
 	text-align: center;
 }

 }



 @media ( max-width: 320px ) {
 	#logo img{
 		width: 50% !important;
 	}
 
 }


 #cath {
 	display: block;
  margin-bottom: 0px;
 }

 #cath img{
 	display: block;
 	width:100%;
 }



 @media ( max-width: 605px ) {

 #cath {
 	padding: 0px 0px 10px 0px;
 }

 #cath img{
 	display: block;
 	width:100%;
 }

 }



.chk{
  margin-left:auto;
  margin-right:auto;
  padding:0px;
  text-align:center;

}

.chk_right{
  color:#604b36;
  font-size:20px;
  font-weight:bold;
  vertical-align:bottom;
  text-align:left;
  display:block;
  border-width:0 0 2px 0;
  padding:0 0 5px 44px;
  margin:10px 0px;
  background-image: url('../img/chk.png');
  background-size:34px 28px;
  background-repeat: no-repeat;
  background-position:left top;
}

.bg {
  background-color: #000;
  color: #FFF;
}

.small{
  font-size: 14px;
}

.right {
  text-align: right;
}

.pa {
  padding: 20px 0px;
}

@media (max-width: 768px) {
  .right {
  text-align: left;
}
}

#content1 {
  padding: 20px;
}

#content2{
  padding: 70px 20px 50px 20px;
  font-family: "ヒラギノ明朝 ProN W3","HiraMinProN-W3","HG明朝B","ＭＳ Ｐ明朝","MS PMincho","MS 明朝",serif;
  text-align: center;
  font-size: 40px;
}

.block {
  display: block;
}




#content2 span{
  font-size: 60px;
  color: #d0a51d;
}


.exibtn {
  line-height: 200%;
  padding: 50px 10px;
}

.exibtn > a{  display: table;
  min-width: 70%;
  border-radius: 5px;
  border: solid 5px #d0a51d;
  color: #FFF;
  font-size: 36px;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
  padding: 10px;
  margin: 0 auto;
}

.exibtn > a:hover {
  background: rgb(255,255,255);
  color: #000;
  letter-spacing: 5px;
}


@media (max-width:400px){
.exibtn > a{
  font-size: 20px;
  min-width: 80%;
  }
}

}

#content3 {
  padding:0px 30px; 
}

.if {
  padding: 20px 40px 20px 40px;
}

.big {
  font-size: 40px;

}

.midashi {
  font-size: 36px;
}

.pa {
  display: block;
  padding-bottom: 20px; 
}

.kyou {
  color: #d0a51d;
  font-weight: bold;
  font-size: 24px;
}


.min {
  font-size: 30px;
  display: inline;
  vertical-align: baseline;
}

.bg2 {
  background-color: #542e02;
  color: #FFF;
}

.sita {
  padding: 10px 0px;
  text-align: center;
}

@media (max-width: 768px){
.if {
  padding: 20px 10px 20px 10px;
}

}


.link_a {
  padding:20px 0px;
}


#content2_a {
  margin-bottom: 50px;
}


#content3 {
  margin-bottom: 50px;
}

#content4 {
  margin-bottom: 50px;
}


.sen_1{
  font-size: 40px;
  background-image: url('../img/eee.png');
  background-size:10px 100%;
  background-repeat: repeat-y;
  background-position: left bottom;
  padding:5px 10px 5px 20px;
}


.u_line {
   background: linear-gradient(transparent 80%, #ff9800 80%);
 }


.midashi2 {
  font-size: 24px;
}

.mi3 {
  font-size: 22px;
}

.u_line2 {
  background: linear-gradient(transparent 80%, #0d46a4 80%);
}

.hu {
  padding: 5px 5px;
  border:solid 3px #ff9800;
  border-radius: 3px;
}

.ress {
  display: none;
}

@media(max-width: 768px) {
  #content2{
  font-size: 36px;
}

#content1 {
  padding: 0px 70px;
}

.sen_1{
  font-size: 30px;
  background-image: url('../img/eee.png');
  background-size:10px 100%;
  background-repeat: repeat-y;
  background-position: left bottom;
  padding:5px 10px 5px 20px;
}

.ress {
  display: block;
}

.midashi {
  font-size: 28px;
}

.midashi2 {
  font-size: 20px;
}

p {
  font-size: 16px;
}

}