/* RESPONSIVE
***************************************************  */

@media screen and (max-width: 1179px) {
/** --------------------------------------------------------------------------
*** -------------------------------------------------------------------------- */
	#header_pc {
		display: none;
	}

	#header_sp {
		display: block;
	}

	h1 {
		margin-left: 0.8rem;
	}

/** ---------------------------------------- */
		#header_sp {
			background-color: #ffffff;
			height: 70px;
			position: fixed;
			top: 0;
			z-index: 99;
			width: 100%;
		}

		.ham_position {
			position: relative;
		}

		.h_menul {
			position: absolute;
			top: 13px;
			/*	left: 4%	*/
			/*	z-index: 10;	*/
		}

		#nav_ham {
			position: absolute;
			top: 5px;
			right: 2%;
		}


		.drawer-hidden {
			display: none;
			opacity: 0;		/* 透明化 */
		}


		.drawer-open {
			display: flex;
			height: 60px;
			width: 60px;
			justify-content: center;
			align-items: center;
			position: relative;
			z-index: 100;		/* 重なり順を一番上に */
			cursor: pointer;
		}


		.drawer-open span,
		.drawer-open span:before,
		.drawer-open span:after {
			content: '';
			display: block;
			height: 3px;
			width: 25px;
			border-radius: 3px;
			background: #0a8b51;
			transition: 0.5s;
			position: absolute;
		}


		.drawer-open span:before,
		.drawer-open span:after {
			background: #0a8b51;
		}


		.drawer-open span:before {
			bottom: 8px;
		}


		.drawer-open span:after {
			top: 8px;
		}


		#drawer-check:checked ~ .drawer-open span {
			background: rgba(255, 255, 255, 0);
		}


		#drawer-check:checked ~ .drawer-open span::before {
			bottom: 0;
			transform: rotate(45deg);
			background: #ffffff;		/* ×の色を変える場合 */
		}
		#drawer-check:checked ~ .drawer-open span::after {
			top: 0;
			transform: rotate(-45deg);
			background: #ffffff;		/* ×の色を変える場合 */
		}


		.drawer-content {
			width: 100%;
			height: 100%;
			position: fixed;
			top: 0;
			left: 100%;/*		メニューを画面の外に飛ばす */
			z-index: 99;
			background: #0a8b51;
			transition: .5s;
		}


		#drawer-check:checked ~ .drawer-content {
			left: 0;		/*	メニューを画面に入れる（左に余白をどれだけ付けるか）	*/
		}


		.drawer-item,
		.drawer-item a {
			color: #ffffff;
		}
		.drawer-item {
			font-size: 1.65rem;
			font-weight: 600;
			letter-spacing: 0.1rem;
			margin: 2.0rem 0 0 2.8rem;
		}
		ul.ham_sph {
			display: flex;
			align-items: center;
		}
		.ham_sh {
			color: #ffffff;
			font-size: 2.4rem;
			font-weight: 700;
		    letter-spacing: 0.06rem;
			margin-left: 1rem;
		}
		.ham_sh img {
			width: 56%;
		}
		.ham_scap {
			/*	color: #0f120f;
				font-size: 1.46rem;
				font-weight: 700;
				letter-spacing: 0.06rem;
				background-color: #ffffff;
				padding: 0.3rem 1rem 0.4rem 1.2rem;
				border-radius: 18px;	*/
		}

/** --------------------------------------------------------------------------
*** -------------------------------------------------------------------------- */
	.sfooter_menubox {
		padding: 90px 5%;
	}

	.sfooter_menur ul {
		display: block;
	}

	.sfooter_menur ul li:last-child {
		padding-left: 0;
	}

} 



@media screen and (max-width: 1024px) {
/** --------------------------------------------------------------------------
*** -------------------------------------------------------------------------- */
	.shirokuma_secbox {
		width: 88%;
	}

	h2 {
		font-size: 4.6rem;
	}

/** --------------------------------------------------------------------------
*** -------------------------------------------------------------------------- */
	.sfooter_menu {
		display: block;
	}
	
	.sfooter_menur {
		margin-top: 30px;
	}

/** --------------------------------------------------------------------------
*** -------------------------------------------------------------------------- */
	.shirokuma_bnrbox {
		margin: 200px auto 0;
		padding: 6.6% 4% 4%;
		width: 80%;
	}

	.shirokuma_bnrh {
		font-size: 3.0rem;
		font-weight: 700;
	}

	.shirokuma_innerw {
		padding: 20px 6% 40px;
	}

	.shirokuma_innerwlil {
		font-size: 2.1rem;
		width: 17%;
	}

	.shirokuma_innerwlir {
		width: 83%;
	}

	.bnrtel a {
		font-size: 4.0rem;
		letter-spacing: 0.2rem;
	}

	.bnrmail a {
		letter-spacing: 0.2rem;
	}

	.bnr24 {
		left: -50px;
	}

/** --------------------------------------------------------------------------
*** -------------------------------------------------------------------------- */
	.stop1v_subh {
		font-size: 5.2rem;
	}

	.stop1v_car {
		bottom: -14px;
		left: 18%;
		width: 180px;
	}

	.stop1v_fukidashi {
		left: 30%;
	}

/** --------------------------------------------------------------------------
*** -------------------------------------------------------------------------- */
	.shirokuma_onayami ul {
		display: block;
	}

	.shirokuma_onayami ul img {
		margin: auto;
		width: 60%;
	}

	.shirokuma_onayami ul li {
		margin-bottom: 50px;
	}

	.shirokuma_naratxt1 {
		font-size: 2.4rem;
		letter-spacing: 0.08rem;
		padding: 70px 30px 0;
	}

	.shirokuma_naratxt2 {
		font-size: 3.9rem;
		font-weight: 700;
		letter-spacing: 0.1rem;
		padding: 20px 30px 50px;
	}

/** --------------------------------------------------------------------------
*** -------------------------------------------------------------------------- */
	.shirokuma_dekirubg {
		top: 44rem;
		width: 56%;
	}

/** --------------------------------------------------------------------------
*** -------------------------------------------------------------------------- */
	.shirokuma_jigyou ul {
		display: block;
	}

	.shirokuma_jigyou ul li:first-child {
		width: 100%;
		text-align: center;
		margin-bottom: 18px;
	}

	.shirokuma_jigyou ul li:last-child {
		width: 100%;
	}

	.sfee_box {
		padding: 0 40px;
	}

	.sfee_infobox {
		padding: 0 40px;
	}

/** --------------------------------------------------------------------------
*** -------------------------------------------------------------------------- */
	.sjirei_h {
		padding: 0 40px 40px;
		font-size: 3.0rem;
	}

	.shirokuma_jirei ul {
		display: block;
	}

	.sjirei_ul li:first-child {
		display: flex;
	}

	.sjirei_infopac {
		position: relative;
		left: 20px;
	}

	.sjirei_ulimg {
		width: 50%;
		height: max-content;
	}

	.sjirei_infopac img {
		width: 118px;
	}

	.shirokuma_jirei ul li:last-child {
		padding-left: 0;
		padding-top: 40px;
	}

/** --------------------------------------------------------------------------
*** -------------------------------------------------------------------------- */
	.skaisya_carimgul {
		display: block!important;
	}

	.pcon1024_sdaihyou_info {
		display: none;
	}

	.spon1024_sdaihyou_info {
		display: block;
	}

	.shirokuma_daihyou {
		margin-top: 90px;
		height: auto;
	}

	.sdaihyou_bg {
		display: none;
	}

	.spon_sdaihyou_img03 {
		right: 0;
		top: 242px;
	}

	.sdaihyou_infotxt {
		padding: 50px;
	}

/** --------------------------------------------------------------------------
*** -------------------------------------------------------------------------- */
	.shirokuma_q li:first-child,
	.shirokuma_a li:first-child {
		width: 10%;
	}

	.shirokuma_q li:last-child,
	.shirokuma_a li:last-child {
		width: 90%;
	}

/** --------------------------------------------------------------------------
*** -------------------------------------------------------------------------- */
	.stoiawase_tel p {
		padding: 0 6%;
	}

	.stoiawase_tel ul {
		padding: 0 6%;
	}

	.stoiawase_tel ul li:first-child {
		font-size: 2.6rem;
	}

	.stoiawase_tel ul li:last-child {
		font-size: 5.2rem;
	}

	.stoiawase_tel img {
		width: 40%;
		top: -60px;
		right: -34px;
	}

/** --------------------------------------------------------------------------
*** -------------------------------------------------------------------------- */
	.scolumn_main {
		width: 70%;
	}

	.scolumn_sideme {
		width: 26%;
	}

	.scolumn-side {
		width: 100%
	}


}




@media screen and (max-width: 800px) {
/** ------------------------------------------------------------------
*** ------------------------------------------------------------------ */
	.shirokuma_columnul {
		display: block;
	}

	.scolumn_main {
		width: 100%;
	}

	.scolumn_sideme {
		width: 100%;
		margin-top: 60px;
	}

	.shirokuma_innerw a {
		text-decoration: 


}




@media screen and (max-width: 550px) {
/** ------------------------------------------------------------------
*** ------------------------------------------------------------------ */
	.pcon550 {
		display: none;
	}

/** --------------------------------------------------------------------------
*** -------------------------------------------------------------------------- */
	.shirokuma_secbox {
		padding: 90px 0 150px;
	}

	.shirokuma_secbox_sp {
		padding-top: 40px;
	}

	h2 {
		font-size: 3.4rem;
		letter-spacing: 0.1rem;
	}

	.uline_h2 {
		margin: 30px 0 60px;
	}

/** --------------------------------------------------------------------------
*** -------------------------------------------------------------------------- */
	h1 {
		font-size: 2.2rem;
		margin-left: 0.7rem;
	}

	.header_spul {
		/*	overflow: hidden;	*/
	}

/** --------------------------------------------------------------------------
*** -------------------------------------------------------------------------- */
	.sfooter_h {
		/*	font-size: 4.0rem;	*/
	}

	.sfooter_h img {
		width: 82%;
	}

	.sfooter_telr a {
		font-size: 3.2rem;
		font-weight: 800;
	}

/** --------------------------------------------------------------------------
*** -------------------------------------------------------------------------- */
	.shirokuma_bnrbox {
		width: fit-content;
		margin: 160px 0 0;
		padding: 6.6% 5% 5%;
	}

	.shirokuma_bnrh {
		font-size: 2.6rem;
		margin-bottom: 14px;
	}

	.shirokuma_bnrbox ul {
		display: block;
	}

	.shirokuma_innerwlil,
	.shirokuma_innerwlir {
		width: 100%;
    }

	.bnrtel a {
		font-size: 3.7rem;
		letter-spacing: 0.14rem;
	}

	.bnrmail a {
		font-size: 2.6rem;
		letter-spacing: 0.14rem;
	}

	.bnr24 {
		width: 72%;
		left: -5px;
		top: -76px;
	}

/** --------------------------------------------------------------------------
*** -------------------------------------------------------------------------- */
	.stop1v_img {
		width: 80%;
	}

	.stop1v_subh {
		font-size: 3.2rem;
		letter-spacing: 0.4rem;
		padding: 0.6rem 4.0rem 0.9rem;
	}

	.spon550 {
		display: block;
	}

	.stop1v_h {
		font-size: 8.4rem;
		letter-spacing: 0.2rem;
	}

	.stop1v_hh {
		margin-top: -1.6rem;
	}

	.stop1v_fukidashi {
		width: 80%;
		left: 12%;
		top: 20px;
	}

	.stop1v_car {
		bottom: -9px;
		left: 17%;
	}

/** --------------------------------------------------------------------------
*** -------------------------------------------------------------------------- */
	.shirokuma_onayami ul img {
		width: 80%;
	}

	.shirokuma_narah {
		font-size: 2.6rem;
		letter-spacing: 0.1rem;
		padding: 12px 20px;
	}

	.shirokuma_naratxt1 {
		font-size: 2.2rem;
		letter-spacing: 0;
		text-align: left;
		padding-top: 54px;
	}

	.shirokuma_naratxt2 {
		font-size: 3.4rem;
		text-align: left;
	}

/** --------------------------------------------------------------------------
*** -------------------------------------------------------------------------- */
	.shirokuma_dekiru ul {
		display: block;
		width: 96%;
		margin-bottom: 50px;
	}

	.shirokuma_dekirulil img {
		width: fit-content;
		margin: 0 auto;
	}

	.shirokuma_dekirulir {
		padding-left: 0;
	}

	.shirokuma_nara {
		margin-bottom: 0;
		width: 96%;
	}

	.shirokuma_dekiruh {
		font-size: 2.6rem;
		letter-spacing: 0.1rem;
		text-align: center;
		padding-top: 10px;
	}

	.shirokuma_dekirubg {
		top: 24%;
		width: 86%;
	}

/** --------------------------------------------------------------------------
*** -------------------------------------------------------------------------- */
	.shirokuma_jigyou ul {
		padding: 30px;
	}

	.shirokuma_jigyou ul li:first-child {
		font-size: 2.6rem;
	}

	.sfee_h {
		font-size: 2.6rem;
	}

	.sfee_box {
		padding: 0 30px;
    }

	.sfee_box ul li {
		margin: 0 2.4%;
		width: 45.2%;
	}

	.sfee_box dl {
		display: block;
	}

	.sfee_box ul li dt {
		width: 74%;
		margin: 0 auto;
	}

	.sfee_box ul li dd {
		margin-inline-start: 0;
		text-align: center;
		padding-top: 4px;
	}

	.sfee_infobox {
		padding: 30px;
		margin-top: 0;
	}

	.sfee_infobox ul {
		padding: 28px 24px;
	}

/** --------------------------------------------------------------------------
*** -------------------------------------------------------------------------- */
	.shirokuma_jirei {
		width: 96%;
		padding: 40px 0 40px;
	}

	.sjirei_h {
		font-size: 2.6rem;
		padding: 0 30px 40px;
    }

	.shirokuma_jirei ul {
		padding: 0 30px;
	}

	.sjirei_ulimg {
		width: 100%;
		height: auto;
		margin: 0 auto;
	}

	.sjirei_dounyu {
		margin-top: 10px;
	}

/** --------------------------------------------------------------------------
*** -------------------------------------------------------------------------- */
	.skaisya_ic {
		height: 70px;
	}

	.skaisya_ic img {
		width: 160px;
	}

	.skaisya_box {
		padding: 120px 30px 40px;
	}

	.skaisya_boxul1,
	.skaisya_boxul2 {
		margin-bottom: 2.0rem;
	}

	.skaisya_boxul1 li:first-child,
	.skaisya_boxul2 li:first-child {
		width: 30%;
		margin-right: 1.8rem;
	}

	.skaisya_boxul1 li:last-child,
	.skaisya_boxul2 li:last-child {
		width: 70%;
	}

	.skaisyaimg {
		padding-left: 0;
		width: 100%;
	}

	.skaisya_area {
		padding: 26px 26px 30px;
	}

	.spon_sdaihyou_img02 {
		width: 100%;
	}

	.spon_sdaihyou_img03 {
		position: relative;
		width: 100%;
		top: -20px;
	}

	.sdaihyou_infotxt {
		padding: 10px 20px 50px;
		font-size: 1.7rem;
	}

	.shirokuma_oshirase {
		width: 96%;
		padding: 20px 0;
	}

	.shirokuma_oshirase ul {
		display: block;
	}

	.soshirase_lil ul {
		display: flex;
	}

	.soshirase_lil ul p {
		font-size: 2.6rem;
		letter-spacing: 0.3rem;
	}

	.soshirase_lil ul p.soshirase_hmark {
		font-size: 2.8rem;
		font-weight: 900;
		padding-left: 2.0rem;
	}

	.soshirase_lir {
		margin-top: 18px;
	}

	.soshirase_lir ul {
		margin-bottom: 1.0rem;
		letter-spacing: 0.02rem;
	}

	.soshirase_btnarchive {
		margin-top: 2.0rem;
	}

	.shirokuma_news ul li:first-child {
		display: none;
	}

	.shirokuma_news ul li {
		display: block;
		margin-right: 0;
		width: 100%;
	}

/** --------------------------------------------------------------------------
*** -------------------------------------------------------------------------- */
	.shirokuma_q,
	.shirokuma_a {
		width: 96%;
		padding-left: 0;
		padding-right: 0;
		align-items: flex-start;
	}

	.shirokuma_q li:first-child,
	.shirokuma_a li:first-child {
		width: 16%;
	}

	.shirokuma_q li:last-child,
	.shirokuma_a li:last-child {
		width: 84%;
	}

/** --------------------------------------------------------------------------
*** -------------------------------------------------------------------------- */
	.shirokuma_toiawase {
		width: 96%;
	}

	.stoiawase_h {
		font-size: 2.6rem;
	}

	.stoiawase_tel img {
		width: 60%;
		top: -52px;
		right: -20px;
	}

	.stoiawase_tel p {
		font-size: 2.4rem;
		letter-spacing: 0rem;
	}

	.stoiawase_tel ul li:first-child {
		letter-spacing: 0.2rem;
		margin-right: 18px;
	}

	.stoiawase_tel ul li:last-child {
		font-size: 4.0rem;
		font-weight: 800;
	}

	.stoiawase_mail p {
		font-size: 2.4rem;
		letter-spacing: 0rem;
	}

	p.stoiawase_mailcap {
		font-size: 1.7rem !important;
		padding: 10px 6%;
	}

	.stoiawase_mailbox {
		width: 88%;
	}


	p.gokakunin,
	p.thanks_h {
		padding-left: 4%;
		padding-right: 4%;
	}

	.btn_send {
		margin-top: 30px;
	}

	.pp_cap {
		font-size: 1.6rem;
		line-height: 1.82;
	}

/** --------------------------------------------------------------------------
*** -------------------------------------------------------------------------- */
	.column_lp_box ul {
		display: block;
	}

	.column_lp_thumb img {
		width: 80%;
		margin: 0 auto;
	}

	.column_lp_catpac {
		margin-top: 20px;
	}

	.shirokuma_column_bnr img.bnr24 {
		left: -10px;
	}

	.shirokuma_column_bnr div.shirokuma_bnrbox {
		width: auto;
	}


}