@charset "utf-8";

.mt200 {
    margin-top:200px;
}

.text-center {
    text-align:center;
}


/*外部リンクアイコン（Font Awesome）*/
.btn.external-link a::after {
    font-family: "Font Awesome 5 Free";	/*Font Awesomeを使う指定*/
    content: "\f35d";	/*使いたいアイコン名をここで指定。Font Awesomeに記載されています。詳しくは当テンプレートのマニュアルを読んで下さい。*/
    color: #fff;		/*アイコンの色*/
    font-weight: bold;
    display: inline-block;
    padding-left: 15px;		/*テキストとの間に空けるスペース*/
    transform: scale(1.4);	/*サイズを1.4倍にする設定*/
    transition: 0.3s;
}

/*外部リンクアイコン（Font Awesome）のマウスオン時*/
.btn.external-link a:hover::after {
    transform: scale(1.6);	/*サイズを少し大きくする*/
}

/*ベースCMSから流用*/
.wl {width: 96%;}
.ws {width: 50%;}
.w40p {width: 40%;}
.w20p {width: 20%;}
.c {text-align: center;}
.r {text-align: right;}
.l {text-align: left;}

.header {
    margin:15px auto;
}

@media screen and (min-width:600px) {
    .header {
        width:80%;
    }
}

/* ヘッダー */
header #logo {
    width:390px;
}

/* ちらつき対策 */
#container {
    background:#fff;
    z-index:3;
}

/* 2025-07-09 */
.figure_r {
  float: right;
  margin: 0 0 10px 15px;
  width: 25%; /* 任意のサイズ */
}
.figure_r img {
  max-width: 100%;
  height: auto;
}
.clear {
    clear:both;
}
form span.required:before {
    content: " ※ ";
    color:#f00;
}
form .msg {
    color:#00f;
}
form .ta1 th {
    width:200px;
}
.jim1_contact_form input[type=text],
.jim1_contact_form textarea {
  width:80%;
}

/*ボタン*/
button.btn {
  display: inline-block;text-decoration: none;border: none;
  color: #fff;      /*文字色*/
  border-radius: 3px;    /*角丸のサイズ。ほんの少しだけ角が丸くなります。*/
  padding: 15px 40px;  /*上下、左右への余白。*/
  box-shadow: 2px 2px 5px rgba(0,0,0,0.2);  /*ボックスの影。右へ、下へ、ぼかし幅の順。0,0,0は黒の事で0.2は色が20%出た状態。*/
  font-size: 1rem;    /*文字サイズ。remの単位についてはテンプレート内の解説をお読み下さい。*/
  background: #DE4616;  /*背景色*/
  letter-spacing: 0.1em;  /*文字間隔を少し広くする指定*/
}

/*ボタンのマウスオン時*/
button.btn:hover {
  cursor: pointer;
  filter: brightness(1.1);/*少しだけ明るくする*/
  color: #fff;			/*文字色*/
}

/* 右から左へ移動 */
.pagetop a {
    left: 20px;
}