body {
   margin: 0;
   padding: 0;
   font-size : 16px;
   line-height:130%;
   animation: fadeIn 1s ease 0s 1 normal;
}
/*ページのフェードイン*/
@keyframes fadeIn { /*「fadeIn」と名前をそろえる*/
    0% {opacity: 0} /*アニメーション開始時は完全に透過*/
    100% {opacity: 1} /*アニメーション終了時は透過しない*/
}

/*旧 Safari 用のベンダー処理*/
@-webkit-keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

table{
  font-size : 16px;
  line-height:130%;
}
b{
  font-size : 18px;
  font-weight : bold;
  line-height:130%;
}
html{
  scroll-behavior: smooth;
}

/* モバイル時・携帯時のみ電話発信 */
@media (min-width: 768px) {
  a[href*="tel:"] {
    pointer-events: none;
    cursor: default;
    text-decoration: none; /* リンクの下線を非表示 */
    color: inherit; /* 親要素の色を引継ぐ */
  }
}

.article {
  clear:both;
  height : 200px ;
  width : 90% ;
  max-width:700px;
  border:3px #ddb786 double;
  border-radius : 7px ;
  background-color : #fffff0 ;
  margin : 0.5% 0 2% 0;
  padding : 1% ;
  /*天右地左*/
  font-size : 16px ;
  font-weight:bold;
  text-align : left ;
}

iframe.if-top {
  width:100%;
  height:200px;
  border : 0px ;
  margin : 0 ;
  /*天右地左*/
}

.content_left1 {
  display: inline-block;
  float: left;
  width: 48%;
  max-width: 600px;
}
.content_right1 {
  margin:0 0 0 5%;
  float: left;
  width: 45%;
  max-width:350px;
  text-align: center;
}

.content_left2 {
  display: inline-block;
  float: left;
  width: 35%;
  max-width: 250px;
  text-align: left;
  word-break: break-all;
}
.content_right2 {
  float: left;
  margin:2%;
  width: 60%;
  max-width:500px;
  word-break: break-all;
}

.content_left3 {
  display: inline-block;
  float: left;
  margin:-2% 0 2% 0;
  width: 35%;
  max-width: 300px;
  text-align: center;
  word-break: break-all;
}
.content_right3 {
  float: left;
  margin:3% 0 2% 0;
  width: 60%;
  max-width:600px;
  text-align: center;
  word-break: break-all;
}

.content_left92 {
  display: inline-block;
  float: left;
  border: 1px solid #bbb ;
  width: 65%;
  max-width: 750px;
  text-align: left;
  word-break: break-all;
}
.content_right92 {
  margin:0 0 0 5%;
  float: left;
  width: 25%;
  max-width:250px;
}

.if_left1 {
  display: inline-block;
  float: left;
  border: 1px solid #bbb ;
  width: 75%;
  text-align: left;
  word-break: break-all;
}
.if_right1 {
  float: left;
  width: 20%;
  text-align: center;
}

.if_left2nb {
  display: inline-block;
  float: left;
  width: 70%;
  text-align: left;
}
.if_right2nb {
  display: inline-block;
  float: left;
  width: 25%;
  text-align: center;
}

.content_bableft1 {
  display: inline-block;
  float: left;
  width: 60%;
  text-align: left;
  word-break: break-all;
}
.content_babright1 {
  float: left;
  width: 40%;
}

.prodact_left1 {
  float: left;
  width: 38%;
}
.prodact_right1 {
  display: inline-block;
  float: left;
  width: 60%;
  margin:1%;
}

.txt-btn2 {
  border: 1px solid #8ca9ff ;
  border-radius: 5px;
  background-color: #f0ffff ;
  margin: 10px ;
  padding: 3px 10px 5px 10px ;
  /*天右地左*/
}

.txt-btn2:hover {
  border: 1px solid #ffb3b3 ;
  background-color: #ffffe8 ;
  margin: 7px ;
  padding: 7px 13px 7px 13px ;
}

.txt-btn2 a:link {
  color: #0000ff ;
}

.wrapper {
     float: left;
     width: 50%;
}
.wrapper2 {
     float: right;
     width: 50%;
}

.footer1 {
     clear: both;
}

.footer {
     clear: both;
}

@media (min-width: 751px) {
a[href*="tel:"] {
pointer-events: none;
cursor: default;
text-decoration: none;
}
}

@media screen and (max-width: 530px){
.disappear {       display:none;}
}
.marginless {
  /*天右地左*/
  margin: 0 0 -3px;
}

@media (max-width: 600px) {
.wrapper, .wrapper2, .content_left1, .content_right1, .content_left2, .content_right2, .content_left3, .content_right3, .if_left1, .if_right1, .if_left2nb, .if_right2nb, .content_bableft1, .content_babright1, .prodact_left1, .prodact_right1 {
float: none;
margin: 0;
width: auto;
}
}