@charset "utf-8";
/* CSS Document */

@media all and (max-width: 1399px) {
	#inner_bnr .container{ padding: 0 80px;}
}

@media all and (max-width: 1199px) {
	#faith .faith_wrap{ height: 300px; }
	#faith .faith_wrap .faith_img{ width: 400px; }
	#faith .faith_wrap .faith_txt{ width: 550px; top: 50px; right: 50px; }
	#faith .faith_wrap .faith_txt h2{ font-size: 2em; }
	#faith .faith_wrap .faith_txt span{ font-size: 1.125em; }
}

@media all and (max-width: 991px) {
	.menu{ display: none; }

	.btn_toggle{ display: block; }
  .btn_toggle{ width: 50px; height: 50px; background: none; border: 0; cursor: pointer; position: absolute; top: 9px; right: 5px; z-index: 1000; -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none; }
  .btn_toggle.active{ position: fixed; top: 9px !important; }

	#faith .faith_wrap{ height: 280px; }
	#faith .faith_wrap .faith_img{ width: 300px; }
	#faith .faith_wrap .faith_txt{ width: 400px; top: 40px; right: 40px; }
	#faith .faith_wrap .faith_txt h2{ font-size: 1.75em; }
	#faith .faith_wrap .faith_txt span{ margin-bottom: 10px; }

	footer .flogo{ float: none; width: 176px; height: 40px;}
	/*footer .finfo{ float: none; width: 565px; margin: 23px auto 0 auto; }
	footer .finfo li{ float: left; margin: 0 15px;}*/

	#inner_bnr{ height: 250px; }
	#inner_bnr .inner_bnr_wrap{ height: 250px; }
	.inner_bnr_sharp{ width: 40%; }
	.inner_bnr_sharp_triangle{ border-bottom: 250px solid var(--color-01); border-left: 250px solid transparent; left: -250px; }
	.inner_bnr_img{ width: 60%; }

	.inner_grip.abt01{ flex-wrap: wrap; }
	.inner_grip.abt01 .inner_grip_item:nth-child(1){ width: 100%; margin-bottom: 40px; }
	.inner_grip.abt01 .inner_grip_item:nth-child(2){ width: 100%; text-align: center; }
	.inner_grip.abt02{ flex-wrap: wrap; margin-top: 40px; }
	.inner_grip.abt02 .inner_grip_item:nth-child(1){ width: 100%; text-align: center; order: 2; }
	.inner_grip.abt02 .inner_grip_item:nth-child(2){ width: 100%; margin-bottom: 40px; order: 1; }
	.inner_grip.abt03{  flex-wrap: wrap; margin-top: 40px; }
	.inner_grip.abt04{  flex-wrap: wrap; margin-top: 40px; }
	.inner_grip.abt04 .inner_grip_item:nth-child(1){ width: 100%; margin-bottom: 0px; }
	.inner_grip.abt04 .inner_grip_item:nth-child(2){ width: 100%; text-align: center; }

	.inner_grip.serv01 .inner_grip_item:nth-child(1){ width: 100%; padding-right: 0px; }
	.inner_grip.serv01 .inner_grip_item:nth-child(2){ display: none; }
}

@media all and (max-width: 768px) {
	.pdt_wrap{ display: block; }
	.pdt_img{ margin: 0 auto 0px auto; border: 0px solid #ccc; }
	.pdt_txt{ width: 100%; }
}

@media all and (max-width: 767px) {
	#faith .faith_wrap{ height: auto; padding: 40px 40px 0 40px; }
	#faith .faith_wrap .faith_img{ width: 100%; position: static; text-align: center; }
	#faith .faith_wrap .faith_img img{ max-width: 300px; margin: 0 auto; }
	#faith .faith_wrap .faith_txt{ width: 100%; margin-bottom: 40px; position: static; }
	#faith .faith_wrap .faith_txt span{ margin-bottom: 20px; }

	#inner_bnr{ height: 200px; }
	#inner_bnr .container{ padding: 0 60px;}
	#inner_bnr .inner_bnr_wrap{ height: 200px; }
	.inner_bnr_sharp{ width: 30%; }
	.inner_bnr_sharp_triangle{ border-bottom: 200px solid var(--color-01); border-left: 200px solid transparent; left: -200px; }
	.inner_bnr_img{ width: 70%; }

	.inner_grip.qty00{ margin: 0 0 80px 0; flex-wrap: wrap; }
	.inner_grip.qty00 .inner_grip_item:nth-child(1){ width: 100%; text-align: center; }
	.inner_grip.qty00 .inner_grip_item:nth-child(2){ width: 100%; margin-top: 20px; padding-left: 0px; }

	.inner_grip.qty02{ margin-top: 80px; flex-wrap: wrap; }
	.inner_grip.qty02 .inner_grip_item:nth-child(1){ width: 100%; padding-right: 0px; }
	.inner_grip.qty02 .inner_grip_item:nth-child(2){ width: 100%; margin-top: 20px; text-align: center; }
}

@media all and (max-width: 600px) {
}

@media all and (max-width: 575px) {
	h2{ font-size: 1.75em; }
	h3{ font-size: 1.5em; }
	h4{ font-size: 1.25em; }
	h5{ font-size: 1.125em; }
	h6{ font-size: 1em; }

	section{ padding: 50px 0; }
	section h2{ margin-bottom: 20px;}

	.box_txt_wrap{ padding: 15px; }

	footer{ padding: 20px 0;}
	/*footer .finfo{ width: 240px; margin: 23px auto 0 auto; }
	footer .finfo li{ float: none; width: 100%; margin: 10px 0;}*/

	#inner_bnr{ height: 150px; }
	#inner_bnr .container{ padding: 0 40px;}
	#inner_bnr .container h2{ margin-bottom: 5px; font-size: 1.5em; }
	#inner_bnr .container span{ font-size: 1.125em; }
	#inner_bnr .inner_bnr_wrap{ height: 150px; }
	.inner_bnr_sharp{ width: 40%; }
	.inner_bnr_sharp_triangle{ border-bottom: 150px solid var(--color-01); border-left: 150px solid transparent; left: -150px; }
	.inner_bnr_img{ width: 60%; }

	.inner_grip.qty01 .inner_grip_item .dk{ display: none; }
	.inner_grip.qty01 .inner_grip_item .mb{ display: inline-block; }

	.pdt .box_txt h5{ height: auto; display: block; -webkit-line-clamp: none; -webkit-box-orient: none; }

	.pdt_txt .spec{ margin: 0 0 20px 0; display: block; }
	.pdt_txt .spec_cap{ width: auto; margin: 0 0 10px 0; padding: 0 0 10px 0; border-right: 0px solid var(--color-04); border-bottom: 2px solid var(--color-04); display: inline-block; }
	.pdt_txt .spec_txt{ width: 100%; display: block; }
}

@media all and (max-width: 480px) {
}

@media all and (max-width: 375px) {
}

@media all and (max-width: 374px) {
}