html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video, i, button {margin: 0; padding: 0; border: 0;}
h1, h2, h3, h4, h5, h6, pre, code, address, caption, cite, code, em, strong, th, dfn, var, button {font-weight: normal; font-style: normal; font-size:100%;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {display: block;}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video, i, button {
    margin: 0;
    padding: 0;
    border: 0;
}

.li{
	list-style: none;
}

.hr1 {
  position: relative;
	width: 1134px;
	height: 4px;
	border-width: 0;
	background-color: #00bcd4;
	background-image: -webkit-linear-gradient( 135deg, #FD6585 10%, #0D25B9 100%);
	background-image: linear-gradient( 135deg, #FD6585 10%, #0D25B9 100%);
}
/* -------------------- */
/* ▼メニューバーの装飾 */
/* -------------------- */
ul.ddmenu {
   width: 1134px;
   margin: 0px;               /* メニューバー外側の余白(ゼロ) */
   padding: 0px 0px 0px 15px; /* メニューバー内側の余白(左に15px) */
   background-color:coral; /* バーの背景色(濃い赤色) */
}

/* -------------------------- */
/* ▼メインメニュー項目の装飾 */
/* -------------------------- */
ul.ddmenu li{
   width: 125px;           /* メニュー項目の横幅(125px) */
   display: inline-block;  /* ★1:横並びに配置する */
   list-style-type: none;  /* ★2:リストの先頭記号を消す */
   position: relative;     /* ★3:サブメニュー表示の基準位置にする */
}
ul.ddmenu a{
   background-color: #cc0000; /* メニュー項目の背景色(濃い赤色) */
   color: white; /* メニュー項目の文字色(白色) */
   line-height: 40px;         /* メニュー項目のリンクの高さ(40px) */
   text-align: center;        /* メインメニューの文字列の配置(中央寄せ) */
   text-decoration: none;     /* メニュー項目の装飾(下線を消す) */
   font-weight: bold;         /* 太字にする */
   display: block;            /* ★4:項目内全域をリンク可能にする */
}
ul.ddmenu a:hover{
   background-color: #ffdddd; /* メニュー項目にマウスが載ったときの背景色(淡いピンク) */
   color: #dd0000;            /* メニュー項目にマウスが載ったときの文字色(濃い赤色) */
}

/* -------------------- */
/* ▼サブメニューの装飾 */
/* -------------------- */
ul.ddmenu ul{
   display: none;       /* ★1:標準では非表示にする */
   margin: 0px;         /* ★2:サブメニュー外側の余白(ゼロ) */
   padding: 0px;        /* ★3:サブメニュー内側の余白(ゼロ) */
   position: absolute;  /* ★4:絶対配置にする */
}

/* ---------------------------------- */
/* ▼サブメニューがある場合に開く処理 */   /* ※サブメニューが1階層しか存在しない場合の記述 */
/* ---------------------------------- */
ul.ddmenu li:hover ul{
   display: block;      /* ★5:マウスポインタが載っている項目の内部にあるリストを表示する */
	z-index: 20;
}
 /*=== ヘッダー部表示エリア ================================= */
.heder-inner{
	padding-top: 35px;
    padding-bottom: 23px;
    position: relative;
}

.flexbox{
	display: flex;
}
.flexbox1{
	display: flex;
	justify-content: space-between;
	align-items:center;
	margin: 0px; 
}
.flexboxhako{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items:center;
}

.flexboxwr{
	flex-wrap: wrap;
}

.flexbox-center{
	align-items:center;
	justify-content:center;
}

.site-logo{
	margin-left: 20px;
}

 /*=== スライドの表示エリア ================================= */
.slide{
  position   : relative;
  overflow   : hidden;
                    /* 画像のサイズに合わせて変更ください */
  width      : auto;
  height     : 475px;
  margin     : auto;      /* サンプルは中央寄せの背景：白 */
  background : #fff;
  display : flex;
  justify-content : center;
  align-items : center;
  z-index: 10;
}
 /*=== お急ぎの設定 ======================================= */
.oiso-top{
	width: 1134px;
	margin-bottom: 65px;
	background: none;
}

.oiso-wrap{
	width: 1134px;
	padding: 0;
	box-sizing: border-box;
	margin: 0 auto;
}

.oiso-in{
	background:url("BG_01.jpg");
	background-size: cover;
	width: 1134px;
}

.oiso-smal{
	font-size: 22px;
    font-weight: bold;
    display: block;
    text-align: center;
    line-height: 1;
}

.oiso-big{
	font-size: 39px;
    font-weight: bold;
    display: block;
    text-align: center;
    line-height: 1;
    margin-bottom: 14px;
    color: #dd6f8a;
}

.oisomain{
	margin-bottom: 35px;
}

.oiso-flexbox-center{
	align-items: center;
	justify-content: center;
}

.oiso-flexbox{
	display: flex;
}

.oiso-pcline{
	display: inline;
}

.oiso-dt{
	background-color: #dd6f8a;
    font-size: 24px;
    font-weight: bold;
    line-height: 1.5;
    color: #fff;
    text-align: center;
    width: 180px;
    height: 90px;
    margin-right: 27px;
	padding: 0px;
}

.oiso-dd{
    display: block;
    margin-inline-start: 10px;
	padding:10PX;
}

.oiso-img{
	overflow-clip-margin: content-box;
    overflow: clip;
}
.oiso-area a{
	width:498px;
	margin-bottom:20px;
	border-bottom:#dfd59c solid 1px;
	}

.oiso-area dt{
	width:128px;
	height:54px;
	background-color:#dfd59c;
	font-weight:bold;
	font-size:15px;
	margin-right:10px;
}

.oiso-flex-wrap{
	flex-wrap: wrap;
}

.oiso-center{
	    align-items: center;
}

.oiso-dl{
    display: block;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
}

 /*=== リンクの設定 ======================================= */
.top-link{
	width: 1134px;
	margin: 90px;
	background:none;
}
.top-link1{
	width: 1134px;
	margin: 0px;
	background:none;
}
.top-link-wrap{
	width: 1134px;
	padding: 0 20px;
	box-sizing: border-box;
	margin: 0 auto;
}

.top-link01{
	margin-bottom: 45px;
}

.top-link-ul{
	box-sizing: border-box;
}
.top-link02{
	margin-bottom: 20px;
}
.top-link02-wrap{
	flex-wrap: wrap;
}
.other-link {
    text-align: center;
}
.topnews{
	border-top-width: 1px;
    border-top-style: solid;
    border-top-color: rgb(223, 213, 156);
}
.newsttl{
	width: 370px;
    height: 80px;
    margin: 0 auto 40px;
    background-color: #dfd59c;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    position: relative;
    font-size: 22px;
    font-weight: bold;
}
 /*=== 画像の設定 ======================================= */
.slide img{
  display    : block;
  position   : absolute;
                      /* 画像のサイズを表示エリアに合せる */
  width      : 100%;
  height     : inherit;
  opacity    : 0;
  animation  : slideAnime 15s ease infinite;
}
 
 /*=== スライドのアニメーションを段差で開始する ========= */
.slide img:nth-of-type(1) { animation-delay: 0s }
.slide img:nth-of-type(2) { animation-delay: 5s }
.slide img:nth-of-type(3) { animation-delay: 10s }
 
 /*=== スライドのアニメーション ========================= */
@keyframes slideAnime{
   0% { opacity: 0 }
   8% { opacity: 1 }
  25% { opacity: 1 }
  33% { opacity: 0 }
 100% { opacity: 0 }
}

.fot{
	background: url("BG_01.jpg")repeat center center;
    background-size: cover;
    padding: 24px 0 10px;
    min-width: 1134px;
}

.fotlogo{
	margin-bottom: 20px;
	text-align: center;
}

.fot flexbox{
	display: flex;
}

.fot center{
	justify-content: center;
}

.fotnav{
	display: block;
}

.fotcopy{
    text-align: center;
    margin-top: 10px;
    font-size: 12px;
    line-height: 1;
}

/* ============================
   スマホ対応（768px以下）
============================ */
@media screen and (max-width: 768px) {

  /* 全体幅の固定解除 */
  body,
  .top-link,
  .top-link1,
  .top-link-wrap,
  .oiso-top,
  .oiso-wrap,
  .oiso-in,
  ul.ddmenu,
  .hr1 {
    width: 100%;
    min-width: 0;
    margin: 0 auto;
  }

  /* フッターの固定幅解除 */
  .fot {
    min-width: 0;
  }

  /* 画像は必ず画面内に収める */
  img {
    max-width: 100%;
    height: auto;
  }

  /* スライド修正（超重要） */
  .slide {
    height: auto;
  }

  .slide img {
    position: relative;
    width: 100%;
    height: auto;
  }

  /* メニューを縦並びに */
  ul.ddmenu {
    padding: 0;
  }

  ul.ddmenu li {
    width: 100%;
    display: block;
  }

  ul.ddmenu a {
    line-height: 48px;
    font-size: 16px;
  }

  /* フレックスを縦に */
  .flexbox,
  .flexbox1 {
    flex-direction: column;
  }

  /* トップリンク画像を縦並び */
  .top-link01,
  .top-link1 {
    flex-direction: column;
  }

  .top-link-ul li {
    margin-bottom: 20px;
  }

  /* 見出しサイズ調整 */
  .newsttl {
    width: 90%;
    font-size: 18px;
    height: auto;
    padding: 20px 10px;
  }

}

.menu-wrap {
  display: flex;
  justify-content: center;
}

/* =========================
   スマホで幅を合わせる
========================= */
@media screen and (max-width: 768px) {

  .hurry,
  .hurry-top,
  .wrap,
  .hurry-inner,
  .top-link,
  .top-link-wrap,
  section.top-link {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    margin-left: auto;
    margin-right: auto;
    padding-left: 10px;
    padding-right: 10px;
  }

  /* hr を必ず表示 */
  hr,
  .hr1 {
    width: 100%;
    min-width: 0;
  }

  /* 電話番号画像 */
  .hurry img,
  .area img {
    max-width: 100%;
    height: auto;
  }

  /* flexを縦並びに */
  .area,
  .hurry-main,
  .flexbox,
  .flexbox1 {
    flex-direction: column;
  }
}
@media screen and (max-width: 768px) {

  /* ヘッダー全体 */
  #header {
    width: 100%;
  }

  .heder-inner {
    padding: 10px;
  }

  /* ロゴ＋テキストを縦並びに */
  .sitelogo {
    flex-direction: column;
    align-items: center;
    text-align: center;
  }

  /* ロゴ画像を縮小 */
  .sitelogo img {
    max-width: 80%;
    height: auto;
  }

  /* サブテキスト */
  .site-logo {
    margin: 5px 0 0;
    font-size: 12px;
    line-height: 1.4;
  }
}

/* =========================
   お急ぎの方へ：スマホ対応
========================= */
@media screen and (max-width: 768px) {

  /* セクション全体 */
  .hurry-inner {
    width: 100%;
    box-sizing: border-box;
    padding: 0 10px;
  }

  /* 見出し */
  .hurry-ttl .big {
    font-size: 20px;
  }
  .hurry-ttl .small {
    font-size: 12px;
    line-height: 1.4;
  }

  /* 24時間対応部分 */
  .hurry-main {
    flex-direction: column;
    gap: 10px;
  }

  .hurry-main dt {
    width: 100%;
    height: auto;
    padding: 10px 0;
  }

  /* 地域別電話 */
  .area {
    flex-direction: column;
  }

  .area a {
    width: 100%;
    flex-direction: column;   /* ← 横並びを解除 */
    align-items: center;
    margin-bottom: 15px;
  }

  .area dt {
    width: 100%;
    height: auto;
    margin: 0 0 5px 0;
    text-align: center;
    padding: 8px 0;
  }

  .area dd {
    width: 100%;
    text-align: center;
  }

  .area img {
    max-width: 100%;
    height: auto;
  }
}

  /* メイン電話番号 */
  .hurry-main img {
    max-width: 100%;
    width: 280px;      /* ← スマホでちょうど良い */
    height: auto;
  }

  /* 地区別電話番号 */
  .area img {
    max-width: 100%;
    width: 260px;
    height: auto;
  }
}

  /* area 内のリンクだけ */
  .area > a {
    display: flex;
    flex-direction: column;   /* ← 横並びを解除 */
    align-items: center;
    width: 100%;
    box-sizing: border-box;
  }

  .area > a dt {
    width: 100%;
    max-width: 100%;
    height: auto;
    margin-bottom: 6px;
    text-align: center;
  }

  .area > a dd {
    width: 100%;
    max-width: 100%;
    text-align: center;
  }

  .area > a dd img {
    max-width: 100%;
    width: 260px;   /* スマホで安全な最大幅 */
    height: auto;
  }


<link href="style/style.css" rel="stylesheet">
<link href="style/style.min.css" rel="stylesheet">
<link rel="stylesheet" href="user.css">