@charset "utf-8";





/* =========================PC=========================================== */
@media screen and (min-width: 768px) {


.lower1100 {
	width:1100px;
	margin: 0px auto 0px auto;
	padding:90px 0px;
}


.headlogo_pc_right {
	position: fixed;
	z-index: 9999;
	top:0px;
	right:0px;
	
}


.head_shop_bt a {
  display: inline-block;
  background-color: #E7141B;
  color: #fff;
  text-align: center;
  padding: 30px 35px;
  border-radius: 0 0 0 20px; /* 左下だけ角丸 */
  text-decoration: none;
  font-weight: bold;
  transition: 0.3s;
  font-size: 16px;
  border-left: 3px solid #fff;    /* 左ボーダー：黒・2px */
  border-bottom: 3px solid #fff;  /* 下ボーダー：黒・2px */
}


.head_shop_bt a:hover {
  opacity: 0.8; 
}


.sc01_logo{
	position: absolute;
	top:0px;
	right: 50%;
	 transform: translate(50%, 0); /* 画像の中心を中央に合わせる */
	display:block;
	width:540px;
}



.keyimages .slick-slide{
	min-height: 560px;
}

.keyimages .slick-slide img{
	min-width: 1100px!important;
}





.sc02 {
	background: #E92829;
	padding: 150px 0px 100px 0px;
	margin-top:20px;
}

.sc02_01 {
	width: 1100px;
	margin: 0px auto;
}


.sc02_01_flex {
	display: flex;
	justify-content: space-between;
}

.sc02_01_01 {
	color: #FFFFFF;
	display: block;
	width: 570px;
}

.sc02_01_02 {
	display: block;
	width: 500px;
}

.sc02_01_01_a h3 {
	font-size: 30px;
	font-weight: bold;
	margin-bottom:20px;
	padding-top:40px;
}


.sc02_02 {
	width: 1100px;
	margin: 20px auto;
	background: #fff;
	padding:20px;
	border-radius: 20px;
}

.sc02_02_slide {
  width: 1100px;
  margin: 0 auto;
}

.sc02_02_slide ul {
  display: flex;
  flex-wrap: wrap;
  gap: 10px; /* ← 画像間の隙間 */
  padding: 0;
  margin: 0;
  list-style: none;
}

.sc02_02_slide li {
  width: calc((1060px - 50px) / 6); /* ← gapが5つあるので10px×5 = 50pxを引く */
}

.sc02_02_slide img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 20px; /* ← 角丸 */
}


.sc02_03 {
	width: 1100px;
	margin: 40px auto;
	background: #fff;
	padding:40px;
	border-radius: 20px;
}





.sc02_03_02_flex {
	display: inline-flex;
	border-bottom:2px solid #000;
	width:100%;
	justify-content: space-between; /* 右詰めにする */
	padding-bottom:5px;
	margin-bottom:20px;
}

.sc02_03_02_flex h4{
	font-size: 35px;
	font-weight: bold;
}

.price-wrapper {
  display: inline-flex;
  align-items: center;
}



.price1 {
	font-size: 35px;
	font-weight: bold;
	
}

.price2 {
	font-size: 14px;
	 margin-left: 5px; /* price1との間隔を狭く */
}

.sc02_03_03 {
	font-weight: bold;
	margin-bottom:20px;
}

.sc02_03_04_flex {
	display: flex;
	justify-content: space-between; /* 右詰めにする */
}

.sc02_03_04_a {
	width:550px;
}

.sc02_03_04_b {
width:420px;
 padding-top:50px;
}

.sc02_03_04_a table {
  background-color: #fff; /* 背景色を白に設定 */
  border: 1px solid #000; /* ボーダー線を黒に設定 */
  width: 100%; /* 必要に応じて幅を100%に調整 */
  border-collapse: collapse; /* セルの間隔をなくす */
}

.sc02_03_04_a td {
  padding: 10px; /* セル内のパディングを5pxに設定 */
  border: 1px solid #000; /* セルのボーダーを黒に設定 */
}

.uchiwake_t02 {
text-align:right;
}



.sc03_01 {
	width: 1000px;
	margin: 0px auto;
	display: flex;
	justify-content: space-between;
}


.sc03_01_01 {
width:300px;
position: relative;
}
.sc03_01_01 img {
	position: absolute;
	top:-30px;
}


.sc03_01_02 {
width:670px;

}

.mes {
padding:40px 0px 0px 40px;
width:800px;
}

.sc03_01_02_flex {
	display: flex;

}

.sc03_01_02_flex_a {
	font-size: 30px;
	font-weight: bold;
	width:300px;
	border-right:1px solid #000;
	
}

.sc03_01_02_flex_a span{
	font-size: 16px;
	font-weight: bold;
	color:#E92829;
}

.sc03_01_02_flex_b {
	width:370px;
	padding-left:50px;
	font-size: 16px;

}

.sc03_01_02_flex_b span{
	font-weight: bold;
	font-size: 18px;
}


.sc03_01_03 {
	padding-top:50px;
}


.sc05_01_flex {
	display: flex;
	justify-content: space-between;
	padding:100px 0px 100px 0px;

}

.sc05_01_flex_01 {
	font-size: 30px;
	font-weight: bold;
	width:300px;
}
.sc05_01_flex_01 span {
	font-size: 16px;
	font-weight: bold;
	color:#E92829;
}


.sc05_01_flex_02 {
	width:800px;
}


.sc05_flow_flex {
	display: flex;
	padding:20px 50px 20px 50px;
	  background-color: #E7E4DD;
	    border-radius: 10px; 
}

.sc05_flow_01 {
  display: flex;
  align-items: center; /* ← 縦中央揃え */
  justify-content: center; /* ← 横中央揃え（必要なら） */
}

.sc05_flow_02 {
padding-left:40px;
}

.sc05_flow_ar {
padding-left:100px;
}


.sc06 {
	  background-color: #EFF3F6;
}

.sc06_01 {
	font-size: 30px;
	font-weight: bold;
	text-align:center;
	
}
.sc06_01 span{
	font-size: 16px;
	font-weight: bold;
	color:#E92829;
	display:block;
}




.sc06_02 {
	width: 1100px;
	margin: 20px auto;
	background: #fff;
	padding:20px 60px;;
	border-radius: 20px;
}

.q01 {
 display: flex;
   align-items: center; /* ← 縦中央揃え */
   margin-bottom:20px;
}

.q01_01 {
  width: 50px;
  height: 50px;
  background-color: #39A8C4;
  color: #fff;
  border-radius: 50%; /* 円形 */
  display: flex;
  align-items: center; /* 縦中央 */
  justify-content: center; /* 横中央 */
  font-weight: bold;
  font-size: 16px;
  
}

.q01_02 {
	padding-left:40px;
	font-weight: bold;

}



.a01_01 {
  width: 50px;
  height: 50px;
  background-color: #EA5455;
  color: #fff;
  border-radius: 50%; /* 円形 */
  display: flex;
  align-items: center; /* 縦中央 */
  justify-content: center; /* 横中央 */
  font-weight: bold;
  font-size: 16px;
  
}

.a01 {
 display: flex;
 align-items: center; /* ← 縦中央揃え */
padding:10px 20px;	
 background-color: #F0E4E4;
 margin-left:50px;
 margin-bottom:50px;
}

.a01_02 {
	padding-left:40px;
  width:880px;
}

.foot_box_01 {
margin-bottom:30px;
}

.foot_box_02 {
  font-weight: bold;
  font-size: 20px;
}

.foot_box_03_pc {
  font-weight: bold;
  font-size: 35px;
  margin-bottom:30px;
}

.foot_box_03_sp {
display:none;
}

.foot_box_04 {
  position: relative; /* 擬似要素のために必要 */
  
}

.foot_box_04 a {
  background-color: #000;
  border-radius: 10px;
  width: 350px;
  margin: 0 auto; /* 中央寄せ */
  text-align: center;
  display: block;
  color: #fff;
  font-size: 20px;
  text-decoration: none;
  padding: 30px 20px;
  position: relative;
  transition: all 0.3s ease; /* スムーズなアニメーション */
    font-weight: bold;
}

.foot_box_04 a::after {
  content: '→';
  font-size: 20px;
  margin-left: 10px;
  position: relative;
  top: 1px;
  transition: all 0.3s ease; /* 矢印にもアニメーション適用 */
}

/* ホバー時の動き */
.foot_box_04 a:hover {
  background-color: #fff;
  border-radius: 10px;
  text-align: center;
  display: block;
  color: #000;
  transition: all 0.3s ease; /* スムーズなアニメーション */
}


.foot_adres {
  font-size: 14px;
  padding-top:50px;
}





}
/* =========================スマホ=========================================== */
@media screen and (max-width: 767px) {

.topKeyimages {
padding-top:60px;
padding-bottom:150px;
}


  .lower1100 {
	width:100%;
	margin: 0px auto 0px auto;
	padding:90px 0px;
}


.headlogo_pc_right {
	position: fixed;
	z-index: 9999;
	top:0px;
	right:0px;
	
}


.head_shop_bt a {
  display: inline-block;
  background-color: #E7141B;
  color: #fff;
  text-align: center;
  padding: 10px 35px;
  border-radius: 0 0 0 20px; /* 左下だけ角丸 */
  text-decoration: none;
  font-weight: bold;
  transition: 0.3s;
  font-size: 16px;
  border-left: 3px solid #fff;    /* 左ボーダー：黒・2px */
  border-bottom: 3px solid #fff;  /* 下ボーダー：黒・2px */
}


.head_shop_bt a:hover {
  opacity: 0.8; 
}


.sc01_logo{
	position: absolute;
	top:100px;
	right: 50%;
	 transform: translate(50%, 0); /* 画像の中心を中央に合わせる */
	display:block;
	width:80%;
}



.keyimages .slick-slide{

}

.keyimages .slick-slide img{
width:100%;
}





.sc02 {
	background: #E92829;
	padding: 50px 10px 50px 10px;
	margin-top:20px;
}

.sc02_01 {
	width: 100%px;
	margin: 0px auto;
}


.sc02_01_flex {

}

.sc02_01_01 {
	color: #FFFFFF;
	display: block;

}

.sc02_01_02 {
	display: block;
	text-align:center;
	margin:20px 0px;

}

.sc02_01_01_a h3 {
	font-size: 20px;
	font-weight: bold;
	margin-bottom:20px;
	padding-top:40px;
	width:100%;
}


.sc02_02 {
	margin: 20px auto;
	background: #fff;
	padding:10px;
	

}

.sc02_02_slide {
  margin: 0 auto;
}

.sc02_02_slide ul {
  display: flex;
  flex-wrap: wrap;
  	justify-content: space-between; /* 右詰めにする */
  gap: 10px; /* ← 画像間の隙間 */
  padding: 0;
  margin: 0;
  list-style: none;
}

.sc02_02_slide li {
  width: 45%;
}

.sc02_02_slide img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 20px; /* ← 角丸 */
}


.sc02_03 {
	margin: 40px auto;
	background: #fff;
	padding:10px;
	
}





.sc02_03_02_flex {
	border-bottom:2px solid #000;
	width:100%;
	padding-bottom:5px;
	margin-bottom:20px;
}

.sc02_03_02_flex h4{
	font-size: 20px;
	font-weight: bold;
}

.price-wrapper {
  display: inline-flex;
  align-items: center;
}



.price1 {
	font-size: 18px;
	font-weight: bold;
	
}

.price2 {
	font-size: 14px;
	 margin-left: 5px; /* price1との間隔を狭く */
}

.sc02_03_03 {
	font-weight: bold;
	margin-bottom:20px;
}

.sc02_03_04_flex {

}

.sc02_03_04_a {
}

.sc02_03_04_b {
 display:none;
 
}

.sc02_03_04_a table {
  background-color: #fff; /* 背景色を白に設定 */
  border: 1px solid #fff; /* ボーダー線を黒に設定 */
  width: 100%; /* 必要に応じて幅を100%に調整 */
  border-collapse: collapse; /* セルの間隔をなくす */
}

.sc02_03_04_a td {
  padding: 5px; /* セル内のパディングを5pxに設定 */
  border: 1px solid #000; /* セルのボーダーを黒に設定 */
  display:block;
}

.sc02_03_04_a tr {
 margin-bottom:10px;
   display:block;
}

.uchiwake_t02 {
text-align:center;
}

.uchiwake_t01 {
 background-color: #FF9999; /* 背景色を白に設定 */
 text-align:center;
}


.sc03_01 {
	margin: 0px auto;
}


.sc03_01_01 {
position: relative;
text-align:center;
padding-top:60px;
padding-bottom:20px;

}
.sc03_01_01 img {
width:65%;
}


.sc03_01_02 {

}

.mes {
padding:20px 10px;
}

.sc03_01_02_flex {


}

.sc03_01_02_flex_a {
	font-size: 25px;
	font-weight: bold;
	border-bottom:1px solid #000;
	text-align:center;
	padding-bottom:15px;
	margin-bottom:20px;
	
}

.sc03_01_02_flex_a span{
	font-size: 14px;
	font-weight: bold;
	color:#E92829;
}

.sc03_01_02_flex_b {

}

.sc03_01_02_flex_b span{
	font-weight: bold;
	font-size: 18px;
}


.sc03_01_03 {
	padding-top:50px;
}


.sc05_01_flex {

	padding:100px 0px 100px 0px;

}

.sc05_01_flex_01 {
	font-size: 25px;
	font-weight: bold;
	border-bottom:1px solid #000;
	text-align:center;
	padding-bottom:15px;
	margin-bottom:20px;
}
.sc05_01_flex_01 span {
	font-size: 16px;
	font-weight: bold;
	color:#E92829;
}


.sc05_01_flex_02 {
}


.sc05_flow_flex {

	padding:20px 10px 20px 10px;
  background-color: #E7E4DD;
    border-radius: 10px; 
}

.sc05_flow_01 {
text-align:center;
padding-bottom:10px;
}

.sc05_flow_02 {

}

.sc05_flow_ar {
text-align:center;
}


.sc06 {
	  background-color: #EFF3F6;
}

.sc06_01 {
	font-size: 25px;
	font-weight: bold;
	border-bottom:1px solid #000;
	text-align:center;
	padding-bottom:15px;
	margin-bottom:20px;
	
}
.sc06_01 span{
	font-size: 16px;
	font-weight: bold;
	color:#E92829;
	display:block;
}




.sc06_02 {
	margin: 20px auto;
	background: #fff;
	padding:20px 10px;;
	
}

.q01 {
 display: flex;
   align-items: center; /* ← 縦中央揃え */
   margin-bottom:20px;
}

.q01_01 {
  width: 50px!important;
  height: 50px!important;
  background-color: #39A8C4;
  color: #fff;
  border-radius: 50%; /* 円形 */
  display: flex;
  align-items: center; /* 縦中央 */
  justify-content: center; /* 横中央 */
  font-weight: bold;
  font-size: 16px;
  
}

.q01_02 {
	padding-left:40px;
	font-weight: bold;
	flex: 1; /* ← これ追加で可変になる！ */

}



.a01_01 {
  width: 50px!important;
  height: 50px!important;
  background-color: #EA5455;
  color: #fff;
  border-radius: 50%; /* 円形 */
  display: flex;
  align-items: center; /* 縦中央 */
  justify-content: center; /* 横中央 */
  font-weight: bold;
  font-size: 16px;
  
}

.a01 {
 display: flex;
 align-items: center; /* ← 縦中央揃え */
padding:10px 20px;	
 background-color: #F0E4E4;
 margin-bottom:50px;
}

.a01_02 {
	padding-left:40px;
	flex: 1; /* ← これ追加で可変になる！ */
}

.foot_box_01 {
margin-bottom:30px;
}

.foot_box_02 {
  font-weight: bold;
  font-size: 20px;
}

.foot_box_03_pc {
  font-weight: bold;
  font-size: 35px;
  margin-bottom:30px;
}

.foot_box_03_sp {
  display: inline-block;
  background-color: #fff;       /* 背景：白 */
  color: #000;                  /* 文字色：黒 */
  padding: 12px 20px;
  border-radius: 8px;           /* 角丸 */
  text-align: center;
  text-decoration: none;
  font-weight: bold;
  font-size: 1.2rem;              /* サイズ可変にするならremがGood */
  box-shadow: 0 2px 4px rgba(0,0,0,0.1); /* ちょっと影つけてもボタン感出る */
  border: 1px solid #ccc;
  transition: 0.3s;
  width: 90%;
  margin-bottom:20px;
  margin-top:40px;
}

/* aタグにも直接スタイルをかけたい場合 */
.foot_box_03_sp a {
  color: inherit;               /* 親の黒を継承 */
  text-decoration: none;
  display: block;               /* aタグ全体を押せるように */
}

.foot_box_03_sp:hover {
  background-color: #f0f0f0;
  transform: scale(1.02);
}



.foot_box_04 {
  position: relative; /* 擬似要素のために必要 */
  
}



.foot_box_04b {
  display: inline-block;
  background-color: #000;       /* 背景：白 */
  color: #fff;                  /* 文字色：黒 */
  padding: 12px 20px;
  border-radius: 8px;           /* 角丸 */
  text-align: center;
  text-decoration: none;
  font-weight: bold;
  font-size: 1.2rem;              /* サイズ可変にするならremがGood */
  box-shadow: 0 2px 4px rgba(0,0,0,0.1); /* ちょっと影つけてもボタン感出る */
  border: 1px solid #ccc;
  transition: 0.3s;
  width: 90%;
  
}

/* aタグにも直接スタイルをかけたい場合 */
.foot_box_04b a {
  color: inherit;               /* 親の黒を継承 */
  text-decoration: none;
  display: block;               /* aタグ全体を押せるように */
}

.foot_box_04b:hover {
  background-color: #f0f0f0;
  transform: scale(1.02);
}
 

.foot_adres {
  font-size: 14px;
  padding-top:30px;
}

	
}