@charset "UTF-8";

body>.cateSection,
body>section>.container>div>.mailmagazine_bnr_wrap,
body>.contact_tel_sec{
  display:none;
}

@font-face {
	font-family:'robot';
	src: url('Roboto-Regular.ttf');
}

/*----------------■初期設定----------------*/
*  {
	margin: 0;
	padding: 0;
	font-weight: normal;
	font-style: normal;
	font-size: 100%;
}
ul,ol  {
	list-style: none;
}
table  {
	border-collapse: collapse;
}
th,td  {
	text-align: left;
	vertical-align: top;
}
img {
	border: none;
	vertical-align: top;
  margin-left:auto;
  margin-right:auto;
}
em{background:none;}

 /* リンク色の初期値 */
/*a:link { text-decoration:underline;color:#06c; }*/
/*a:visited { text-decoration:underline;color:#06c; }*/
a:hover { text-decoration:underline;color:#f00; }
a:active { text-decoration:underline;color:#ccf; }

a[name]:hover { text-decoration:underline;color:#000; }

/*----------------■よく使うもの----------------*/
 
.fltl  {
	float: left;
}
.fltr  {
	float: right;
}
.clear  {
	clear: both;
}
.clearfix:after {
	content:".";
	display:  block;
	clear:  both;
	height:  0;
	visibility:  hidden;
}
.clearfix  {
	zoom:  1;
}

.clearfix p {
	margin-bottom: 1.6em;
}

/*----------------■全体構造----------------*/

img{
	max-width: 100%;
	height: auto;
}
a:hover img { /* 画像オンマウス処理 */
	-moz-opacity:0.7;
	opacity:0.7;
	filter: alpha(opacity=70);
}

body {
	background:#fff;
	color: #000;
	font-size: 13px;
	line-height: 1.5;
}

.red_bold {
	color:#f00;
	font-weight:bold;
}

.page-hanpukai a:link{ text-decoration:underline;color:#06c; }
.page-hanpukai a:visited { text-decoration:underline;color:#06c; }
.page-hanpukai a:hover { text-decoration:underline;color:#f00; }
.page-hanpukai a:active { text-decoration:underline;color:#ccf; }



#hanpukai_ti {
	background: #fff url(../../../img/usr/lp/01/localmenu_bg_tile.jpg) repeat-x bottom;
}
#hanpukai_ti h1{
	width: 1040px;
	margin: 0 auto;
}

#hanpukai_ti.indexA h1 {
  width: 100%;
  margin: 0 auto;
}
#hanpukai_ti.indexA h1 img{
  width:100%;
}
.kvBtn{
  margin:20px 0;
  text-align: center;
}
#hanpukai_nv {
	width: 980px;
	margin: 0 auto;
	padding: 20px 0;
}
#hanpukai_nv li {
	float: left;
	width: 110px;
	line-height: 40px;
	font-size: 16px;
	text-align: center;
}
#hanpukai_nv li a{
	display: block;
	border-left: 1px solid #aa7b4f;
	color: #000;
	text-decoration: none;
	font-weight: bold;
}
#hanpukai_nv li a:hover{
	color: #f00;
}
#hanpukai_nv li#navi01,#hanpukai_nv li#navi03 {
	width: 155px;
}
#hanpukai_nv li#navi05 {
	width: 135px;
}
#hanpukai_nv li#navi07 {
	width: 85px;
}
#hanpukai_nv li#navi08 {
	border-right: 1px solid #aa7b4f;
}

.block {
	width: 980px;
	margin: 0 auto;
}

#block01 {
	background: url(../../../img/usr/lp/bg_tile.jpg) repeat-x 0 290px;
}
#block01-01 {
	background: url(../../../img/usr/lp/bg_tile.jpg);
	padding-bottom: 60px;
}
#block01_ti {
	font-weight: bold;
	text-align: center;
	font-size: 28px;
	margin: 50px 0;
}
#block01_ti span{
	font-weight: bold;
	color: #C82800;
}
#block01_ph li{
	float: left;
	width: 308px;
}
#block01_ph li p{
	margin-top: 10px;
}
#block01_ph02 {
	margin: 0 28px;
}

#block01-movie {
	padding: 60px 0;
	margin: 0 auto;
	text-align: center;
	width: 100%;
	position: relative;
}
#movie_comment {
	text-align: center;
	color: #fff;
	position: absolute;
	bottom:70px;
	width: 100%;
}
#block01-01 h2{
	text-align: center;
}

#point3,#reason3 {
	padding: 20px 0;
}
#point3 li,#reason3 li{
	float: left;
	width: 308px;
	font-size: 16px;
}
#point3 li h3,#reason3 li h3{
	font-weight: bold;
	text-align: center;
}
#point3 li h3{color:#C82800;}
#reason3 li h3{color:#565BB6;}
#point3 li h4,#reason3 li h4{
	text-align: center;
	font-weight: bold;
	margin: 5px 0 10px 0;
	font-size: 20px;
}
#block07 p,
#block03-3 p{margin-bottom: 0;}

#point3-02 {
	margin: 0 28px;
}

#block02 h2{
	margin: 50px 0 30px 0;
}

.set8 li,.set16 li {
	width: 200px;
	height: 200px;
	float: left;
}
.set8 li img,.set16 li img{
	margin-bottom: 5px;
}
.set8 li a,.set16 li a{
	display: block;
	width: 100%;
	height: 100%;
	color: #000 !important;
	text-decoration: none !important;
}
.set8 li span,.set16 li span{
	font-weight: bold;
}
.set8 li a:hover,.set16 li a:hover{
	color: #f00 !important;
}
.list_even {
	margin-left: 23px;
}

.set_name {
	height: 0;
	overflow: hidden;
}
.set_price{
	font-weight:bold;
	font-size:18px;
	border-top:1px solid #000;
	border-bottom:1px solid #000;
	padding:15px 0;
  margin-bottom:0;
}
.set_price span{
	font-weight:bold;
	color: #f00;
}
.set_first_mi{
	text-align:center;
	font-weight:bold;
	font-size:25px;
	border-top:1px solid #000;
	padding-top:15px;
}

.set8,.set16 {
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	padding: 225px 25px 25px 25px;
	font-size: 15px;
	width: 423px;
	/*追記*/
	box-sizing: unset;
}
.set8 {
	float: left;
	background: url(../../../img/usr/lp/05/course8_ti.png) no-repeat;
	background-size: 100% auto;
}
.set16 {
	float: right;
	background: url(../../../img/usr/lp/05/course16_ti.png) no-repeat;
}
#firstmenu_comment {
	float:left;
	margin-top:30px;
	background:#f7f7ee;
	padding:30px;
}

.next_date,.next_menu_ti,.next_menu_ti2 {
	text-align: center;
}
.next_menu_ti,.next_menu_ti2 {
	font-weight: bold;
}
.next_menu_ti {
	font-size: 20px;
}
.next_menu_ti2 {
	color: #c00;
	font-size: 28px;
}
.maru_green{color:#3D6800;}
.maru_brue{color:#4451A7;}

.next_comment {
	border-bottom: 4px solid #000;
	margin-bottom: 3px;
	padding: 15px 0;
	font-size: 15px;
}
.next_set {
	border-top: 1px solid #000;
	font-size: 15px;
}

.next_8set{float:left;width:470px;}
.next_16set{float:right;width:470px;}
.next_8set h4{font-size:30px;font-weight:bold;color:#3D6800;margin-top:20px;}
.next_16set h4{font-size:30px;font-weight:bold;color:#4451A7;margin-top:20px;}
.next_8set img,.next_16set img{
	float: left;
	margin-right: 20px;
	width: 192px;
}
.next_8set li,.next_16set li{
	margin: 15px 0;
}
.next_8set h5,.next_16set h5{
	font-size: 16px;
	font-weight: bold;
}

#block03 {
	background: url(../../../img/usr/lp/08/recommend_ti_bg.jpg) no-repeat center top;
}
#reason_mi {
	text-align: center;
	padding: 100px 0 40px 0;
}

#block03-2 {
	padding: 60px 0;
	margin-top: 60px;
	background: url(../../../img/usr/lp/bg_tile.jpg);
}
#block03-2 h2 {
	text-align: center;
}
#block03-2 h3 {
	margin: 30px 0 15px 0;
	background: #F26922;
	color: #fff;
}
#block03-2 h3 span{
	display: block;
	float: left;
	font-weight: bold;
	line-height: 80px;
	height: 80px;
	padding: 0 0 0 15px;
	font-size: 13px;
}
#block03-2 h3 b{
	display: block;
	background: #4451A7;
	float: right;
	font-weight: bold;
	padding: 15px;
	height: 50px;
	font-size: 18px;
	width: 350px;
	/*追記*/
	box-sizing: unset;
}
#block03-2 p {
	margin-left:20px;
	margin-right:20px;
	font-size: 16px;
}
#merit_left{width:475px;float:left;}
#merit_right{width:475px;float:right;}
#free_comment {
	margin-top:20px;
	margin-bottom:10px;
	padding:10px;
	border:1px solid #ccc;
}

#block04 {
	padding: 40px 0 60px 0;
	background: url(../../../img/usr/lp/bg_tile.jpg);
	margin-bottom: 60px;
}
#block04 h2,#block05 h2,#block06 h2{
	font-size: 18px;
	text-align: center;
	padding: 20px 0;
	background: url(../../../img/usr/lp/11/wave_ti_bg_pc_customer.png) no-repeat center;
}
#block04 h2 span,#block05 h2 span,#block06 h2 span{
	font-weight: bold;
	font-size: 30px;
}
#block04 ul{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
#block04 li {
	width: 300px;
	font-size: 15px;
	padding: 60px 20px 20px 20px;
	margin-top: 30px;
	border-radius: 10px;
	background: url(../../../img/usr/lp/11/customer_bg_corner.png) no-repeat right top,url(../../../img/usr/lp/11/customer_icon.png) no-repeat center 20px;
	background-color: #C5EDED;
}
#block04-02{margin-left:28px;margin-right:28px;}
#block04-04{margin-right:28px;}

.open_detail span,
.open_detail01 span{
	cursor: pointer;
	display: block;
	font-size: 20px;
}
.panel-down span{background:url(../../../img/usr/lp/common/close.png) no-repeat 97% center;}
.panel-up span{background:url(../../../img/usr/lp/common/open.png) no-repeat 97% center;}

.open_detail01 {
  display:block;
	text-align: center;
	line-height: 76px;
	background: #F2F2D7;
	background: -moz-linear-gradient(top, #F2F2D7 50%, #EAEACA 50%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(50%,#F2F2D7), color-stop(50%,#EAEACA));
	border-radius:10px;
  color:#000 !important;
  text-decoration:none !important;
}
.open_detail01:hover {
  opacity:0.8;
}
#block05 h3 {
	font-weight: bold;
	font-size: 25px;
	margin: 30px 0 25px 0;
	text-align: left;
}

#block05 dt{
	margin-top: 3px;
}
#block05 dt span{
	padding: 20px;
	font-weight: bold;
	font-size: 18px;
	text-align: left;
}
#block05 dd {
	display: none;
	padding: 20px;
	font-size: 16px;
	text-align: left;
}

#block06 {
	margin-top: 60px;
	margin-bottom: 60px;
	font-size: 16px;
}
#block06 dt {
	margin: 40px 0 20px;
	padding: 15px 20px;
	background: #79A033;
	font-weight: bold;
	color: #fff;
}
#block06 dd {
	margin: 0 20px;
	text-align: left;
}
#block06 dd h3{
	font-weight: bold;
}
#block06 table{
	margin-top:10px;
}
#block06 td{
	border: 1px solid #ccc;
	padding: 10px;
}
#system_year,#system_monthly {
	text-align: center;
	padding: 20px 0;
	border: 1px solid #ccc;
}
#system_year {
	border-bottom: none;
	margin-top: 30px;
}

#block08 h2 {
	font-size:20px;
	padding: 10px;
	background: #E9C691 !important;
}
#block08 {
	font-size: 15px;
}
#block08 a {
	font-size:20px;
	display: block;
	padding: 10px;
	font-weight:bold;
	color: #000;
	text-decoration: none;
}
#block08 a:hover {
	color: #f00;
}
.contact1 {
	padding: 0 0 0 50px;
	border-bottom: 1px solid #ccc;
	background: url(../../../img/usr/lp/common/icon4.png) no-repeat 10px 10px;
}
.contact2 {
	padding: 0 0 10px 50px;
	border-bottom: 1px solid #ccc;
	background: url(../../../img/usr/lp/common/icon5.png) no-repeat 10px 10px;
}

.open_qa01 dt{background:#F6F1E0;}
.open_qa02 dt{background:#E7D1D2;}
.open_qa03 dt{background:#D8D8DA;}
.open_qa04 dt{background:#C7E3DA;}
.open_qa05 dt{background:#E9E9A8;}

#block03-3,#block07 {
	background: #fff;
	padding: 0 0 30px 0;
	font-size: 15px;
	margin-top: 50px;
	margin-bottom: 0px;
}
#block03-3 h2{
	text-align: center;
	border-bottom: 6px solid #f00;
	padding-bottom: 27px;
	background: #fff url(../../../img/usr/lp/10/oder_ti_triangle.png) no-repeat center bottom;
}

#block03-3 h2,#block07 h2{
	text-align: center;
	border-bottom: 6px solid #f00 !important;
	padding-bottom: 27px;
	background: #fff url(../../../img/usr/lp/10/oder_ti_triangle.png) no-repeat center bottom !important;
}

#block07 h2 {
		padding: 0 2% 50px 2%;
	}

.tel_mi {
	font-size:25px;
	color:#f00;
	font-weight:bold;
}
.pc_icon {
	padding: 20px 20px 0 90px;
	background: url(../../../img/usr/lp/common/icon1.png) no-repeat 20px 20px;
}
.tel_icon {
	padding: 20px 20px 0 90px;
	background: url(../../../img/usr/lp/common/icon2.png) no-repeat 20px 20px;
}
.fax_icon {
	padding: 20px 20px 0 90px;
	background: url(../../../img/usr/lp/common/icon3.png) no-repeat 20px 20px;
}
.cart_table th{
	font-size: 20px;
	padding: 10px 0 10px 0;
  vertical-align: middle;
}
.cart_table td{
  vertical-align: middle;
  padding:0 0 10px;
}
td.cart_table_num {
	font-size: 20px;
	padding: 0 10px;
}
.cart_table td select{
  vertical-align: middle;
  width: 100px;
  height: 50px;
  padding: 10px;
  font-size: 1.4em;
  margin: 0 10px;
}
td.cart_table_num input{
	padding: 10px;
}
td.cart_table_up{
	padding: 10px 10px 0 0;
}
td.cart_table_dw{
	padding: 0 10px 10px 0;
}
.form-btn,
.cart_table button{
	font-size: 20px;
	color: #fff;
	font-weight: bold;
	background: #F80014;
	background: -moz-linear-gradient(top, #F80014 50%, #DD0010 50%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(50%,#F80014), color-stop(50%,#DD0010));
	padding: 10px 30px;
	border-radius: 5px;
	border: none;
	cursor: pointer;
  width:120px;
}
.form-btn:hover,
.cart_table button:hover{
	color: #fff !important;
  opacity:.8;
  border: 0;
}
.page-hanpukai a.form-btn{
  width:80%;
  color:#fff;
  text-decoration:none;
  display: block;
  margin: 10px auto;
  text-align:center;
}
/*----------------■こだわり編----------------*/
#block01ex {
	background: url(../../../img/usr/lp/02-2/mainvisual_pc.jpg) no-repeat center top;
	margin-bottom: 50px;
}
#block01ex_ti {
	color: #fff;
	font-weight: bold;
	font-size: 30px;
	padding: 100px 0;
	text-align: center;
}
#block01ex_icon li {
	float: left;
}
#block01ex_ph02 {
	margin: 0 10px;
}

#block01ex_movie {
	margin-top: 50px;
	text-align: center;
}
#block01ex_comment {
	margin: 10px 0 20px 0;
}

#block02ex {
	height: 1150px;
	position: relative;
}
#block02ex h2{
	padding:50px 0 0 0;
}
#block02ex h3{
	color: #E54100;
	font-weight: bold;
	font-size: 23px;
	margin-bottom: 10px;
}
#block02ex p{
	font-size: 16px;
}
#block02ex-01,#block02ex-02 {
	background: rgba(237,228,202,0.7);
	padding: 25px;
	width: 400px;
	position: absolute;
}
#block02ex-01{left:0px;top:420px;}
#block02ex-02{right:0px;top:900px;}

#block02ex-ph01,#block02ex-ph02,#block02ex-ph03,#block02ex-ph04 {
	position: absolute;
}
#block02ex-ph01{width:580px;right:0px;top:270px;}
#block02ex-ph02{width:580px;left:0px;top:750px;}
#block02ex-ph03{width:190px;left:25px;top:270px;}
#block02ex-ph04{width:190px;right:25px;top:750px;}

/*追記*/
.cart_table_num input {
	box-sizing: unset;
}
/*index08 comicパート*/
#comic{
  background:url(../../../img/usr/lp/img_pc/08_comic_bg.png) repeat-y center top;
  background-size:100% auto;
  text-align:center;
}
#comic img{
  width:100%;
  max-width:982px;
  margin:0 auto;
}

/*----------------LP用footer----------------*/


.lp-footer-order {
  background-color: #f9fbe7;
  max-width: 64%;
  margin: 0 auto 50px;
  padding: 30px 0;
  }
  
  .tel_mi {
  border-bottom: none !important;
  }
  



/*----------------■SP----------------*/
@media screen and (max-width:960px) { 
	a.link { 
		text-decoration:underline;
		color:#06c;
	}
  #hanpukai_ti {
    background: url(../../../img/usr/lp/01/localmenu_bg_tile.jpg);
  }
	#hanpukai_ti h1 {
		width: 100%;
	}
	#hanpukai_ti h1 img {
		padding: 0;
	}

  .kvBtn{
    margin:0 auto;
    padding:10px;
  }
	.page-hanpukai {
		overflow: hidden;
	}
	.hanpukai_nv_wrap {
	}
  #hanpukai_nv{
    display:flex;
    flex-wrap: wrap;
    width:100%;
    padding: 20px 0 0;
  }
  #hanpukai_nv li{
    width: 49.5% !important;
    line-height: 40px;
    text-align: center;
  }
  #hanpukai_nv li a {
      display: block;
      border-left: 1px solid #aa7b4f;
      border-top: 1px solid #aa7b4f;
      color: #000;
      text-decoration: none;
      font-weight: bold;
  }
  .open_detail01 {
    line-height: 1.8;
  }
  .next_8set,
  .next_16set{
    width:100%;
  }
	.block {
		width: 100%;
		padding: 0 2%;
		text-align: center;
	}
	#block01_ti {
		font-size: 20px;
    margin: 30px 0;
	}
  #block01_ph {
    background: url(../../../img/usr/lp/02/read_ph_sm.jpg) no-repeat;
    background-size: 100% auto;
  }

	#block01_ph li {
		width: 32%;
	}
	#block01_ph02 {
		margin: 0 2%;
	}
	#point3 li, #reason3 li {
		width: 100%;
	}
	#point3-02 {
		margin: 30px 0;
	}
	.set8, .set16 {
		width: 100%;
    box-sizing: border-box;
    padding: 50% 2% 3vw;
	}
	.block02-1 {
		display: flex;
    flex-wrap: wrap;
	}
	.set8 li, .set16 li {
		width: 49%;
		height: auto;
		text-align: left;
    padding-bottom: 3vw;
	}
	.list_even {
		margin-left: 2%;
	}
	#firstmenu_comment {
		float: unset;
	}
	.set16 {
		background-size: 100%;
	}
	.panel-up span {
		/*font-size: 14px;
    line-height: 2.6;
    padding: 0 30px 0 10px;*/
	}
	#merit_left {
		width: 100%;
	}
  #block03 {
    background-size: 200px auto;
  }
  #block03-2 h3 span {
    display: block;
    float: left;
    font-weight: bold;
    line-height: 60px;
    height: 70px;
    padding: 0 0 0 2%;
    width: 24%;
    box-sizing:border-box;
  }

	#block03-2 h3 b {
		display: block;
    background: #4451A7;
    float: right;
    font-weight: bold;
    padding: 10px 0 10px 2%;
    height: 50px;
    font-size: 15px;
    width: 70%;
	}
	#block03-2 p {
		margin-left: 0;
    margin-right: 0;
	}
	#block03-2 h3 span {
		line-height: 60px;
    height: 60px;
	}
	#block03-2 h3 b {
		padding: 10px;
    font-size: 16px;
	}
	#merit_right {
		width: 100%;
	}
  #block03-3{
    margin-bottom: 0;
  }
	#block03-3 h2, #block07 h2 {
		padding: 0 2% 50px 2%;
	}
	.pc_icon {
		padding: 20px 0 0 70px;
    display: flex;
    flex-wrap: wrap;
    background: url(../../../img/usr/lp/common/icon1.png) no-repeat left 20px;
	}
	.pc_icon p{
    order: 1;
	}
  .tel_icon {
    padding: 20px 0 0 70px;
    background: url(../../../img/usr/lp/common/icon2.png) no-repeat left 20px;
  }
  .fax_icon {
    padding: 20px 0 0 70px;
    background: url(../../../img/usr/lp/common/icon3.png) no-repeat left 20px;
  }
	.sp-icontex {
		float: unset!important;
		width: auto!important;
	}
	#block04 h2, #block05 h2, #block06 h2 {
		font-size: 16px;
		background-size: contain;
	}
  #block04 ul{
    padding: 0 5%;
  }
	#block04 li {
		width: 100%;
    text-align:left;
	}
	#block04-02 {
		margin-left: 0px;
    margin-right: 0px;
	}
	#block04-04 {
		margin-left: 0px;
    margin-right: 0px;
	}
  #system_year{
    border:0;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
  }
  #system_monthly{
    overflow-x:auto;
    border:0;
  }
  #system_monthly img{
    width:700px;
    max-width:700px;
  }
  .lightbox{
    position: fixed !important;
    top:20% !important;
  }

  /*index08 comicパート*/
  #comic{
    background:none;
  }

/*----------------LP用footer----------------*/


.lp-footer-order {
  max-width: 100%;
  margin: 0 auto 30px;
  }
  

}

/*----------------240906追加 SNS----------------*/
#block-sns{
  padding:80px 0;
}
#block-sns img{
  max-width:100%;
}
#block-sns h2{
  margin:0 auto 70px;
  text-align:center;
}
#block-sns h2 img{
  max-width:802px;
  width:84%;
  margin:0 auto:
}
#block-sns ul{
  display: flex;
  justify-content: center;
  gap:0 6px;
}
#block-sns ul li{
  border:1px solid #ccc;
  max-width:355px;
}
#block-sns ul li .ss{
  display:none;
}


@media screen and (max-width:960px) { 

  #block-sns h2 img{
    max-width:480px;
    width:64%;
    margin:0 auto:
  }

  #block-sns ul{
    flex-wrap: wrap;
    gap:20px 14px;
  }
  #block-sns ul li{
    width:calc(calc(100% - 14px) / 2);
    max-width:470px;
    box-sizing:border-box;
  }
}
@media screen and (max-width:750px) {

  #block-sns .block {
    padding: 0 !important;
  }
  #block-sns h2 img{
    max-width:78vw;
    width:78vw;
    margin:0 auto:
  }

  #block-sns .scroll{
    overflow-x:scroll;
    width:100%;
    margin:0 auto;
    padding:0 11vw;
    box-sizing:border-box;
  }
  #block-sns .scroll-bg{
    position:relative;
  }
  #block-sns .scroll-bg::after{
    content:"";
    width:9vw;
    height:100%;
    background:url(../../../img/usr/lp/sns/ico_arrow.png) no-repeat right center;
    background-size:7vw auto;
    position: absolute;
    right:2vw;
    top:0;
    z-index:5;
  }
  #block-sns ul{
    gap:0 11vw;
    width:calc(78vw * 4 + 33vw);
    flex-wrap: nowrap;
    align-items: flex-start;
    justify-content: flex-start;
  }
  #block-sns ul li{
    width:78vw;
    max-width:78vw;
  }
  #block-sns ul li .sp-on{
    display:none;
  }
  #block-sns ul li .ss{
    display:block;
  }

}

/* CSSファイルの最下部に追記（SP版FV横幅100%化） */
@media screen and (max-width: 960px) {
  /* 1. 外側の画面ガタつき・横スクロールを防止 */
  html, body {
    overflow-x: hidden;
  }

  /* 2. 親要素を無視してFVを画面幅いっぱいに引き伸ばす */
  #hanpukai_ti {
    position: relative !important;
    width: 100vw !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    margin: 0 !important;
    padding: 0 !important;
    background-size: cover !important;
  }

  /* 3. 中のH1と画像を強制的に横幅100%にする */
  #hanpukai_ti h1 {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  #hanpukai_ti h1 img.sp-on {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    display: block !important;
    margin: 0 auto !important;
  }
}

/* CSSファイルの最下部に追記（SP版ヘッダーロゴ調整） */
@media screen and (max-width: 960px) {
  /* 1. ロゴの囲み（h1）を左寄せにする */
  .hdr .hdr_wrap .hdr_logo h1 {
    text-align: left !important;
    margin: 0 !important;
    /* 必要に応じて左側に少し余白を作る場合は以下を調整してください */
    padding-left: 15px !important; 
  }

  /* 2. SP用のロゴ画像を小さくする（元の横幅80pxから任意のサイズに調整） */
  .hdr .hdr_wrap .hdr_logo h1 img.sp-on {
    width: 60px !important; /* ★ここでお好みのサイズ（50px?65pxなど）に調整してください */
    height: auto !important;
    margin: 0 !important; /* 中央寄せを解除 */
    display: inline-block !important;
  }
}