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


@media (max-width: 992px) {/*タブレット・スマホ用の設定です*/
	
	
	
	
	
	/*--「（編集不可）ここから」～「ここまで」の箇所は編集しないでください--*/
	
	
	
	
	
	/*--------　（編集不可）ここから　--------------------------------*/
	

	/*li横の矢印（".l_mark"と".arow_*"をセットで使用）*/
	/*下向き*/
	.l_mark.arw_b:before {
		position: inherit;
		margin-right: .5rem;
		vertical-align: middle;
	}
	/*右向き*/
	.l_mark.arw_r:before {
		margin-right: .5rem;
		vertical-align: middle;
	}
	
	
	
	/*--------　ここまで（編集不可）　--------------------------------*/
	
	



	/*--------　ヘッダー　----------------*/

	
	/*-- 固定 --*/
	#nav-fixed {
		height: 60px;
	}
	
	/*バーガーメニュー*/
	.openbtn1 {
		position: fixed;
		background: #d6be38;
		cursor: pointer;
		width: 56px;
		height: 56px;
		right: 0;
		top: 0;
		z-index: 1000;
	}
	.openbtn1 span{
		display: inline-block;
		transition: all .4s;
		position: absolute;
		left: 16px;
		height: 3px;
		border-radius: 2px;
		background: #fff;
		width: 45%;
	}
	
	.openbtn1 span:nth-of-type(1) {
		top: 17px; 
	}
	.openbtn1 span:nth-of-type(2) {
		top: 27px;
	}
	.openbtn1 span:nth-of-type(3) {
		top: 37px;
	}
	
	.openbtn1.active span:nth-of-type(1) {
		top: 21px;
		left: 20px;
		transform: translateY(6px) rotate(-45deg);
		width: 30%;
	}
	.openbtn1.active span:nth-of-type(2) {
		opacity: 0;
	}
	.openbtn1.active span:nth-of-type(3){
		top: 33px;
		left: 20px;
		transform: translateY(-6px) rotate(45deg);
		width: 30%;
	}
	
	/*-- Gナビ --*/
	.gnav{
		position:fixed;
		z-index: 999;
		top:-120%;
		left:0;
		width:100%;
		height: 100vh;
		background: #fdf4c4;
		transition: all 0.6s;
	}
	.gnav.panelactive{
		top: 0;
	}
	/*ナビゲーションの縦スクロール*/
	.gnav.panelactive #g-nav-list{
		/*ナビの数が増えた場合縦スクロール*/
		position: fixed;
		z-index: 999; 
		width: 100%;
		height: 100vh;/*表示する高さ*/
		overflow: auto;
		-webkit-overflow-scrolling: touch;
	}
	.gnav ul {
		/*ナビゲーション天地中央揃え*/
		position: absolute;
		z-index: 999;
		top:50%;
		left:50%;
		transform: translate(-50%,-50%);
	}
	.gnav li{
		list-style: none;
		text-align: center;
		display: inherit;
	}
	.gnav li a{
		color: #333;
		text-decoration: none;
		padding:10px;
		display: block;
		text-transform: uppercase;
		letter-spacing: 0.1em;
		font-weight: bold;
	}
	.gnav .tel a,
	.gnav .mail a {
		position: inherit;
		width: 100%;
		background: none;
	}
	.l_mark:before {
		display: none;
	}
	
	
	
	/*-- ロゴ --*/
	.logo img {
		width: 18px;
	}
	.logo p {
		font-size: .9rem;
	}





	/*--------　本文：共通　ここから（編集不可）　--------------------------------*/

	.content {
		padding-top: 2rem;
	}
	h2 {
		font-size: 1.5rem;
	}
	
	@media (max-width: 576px) {
		h2 {
			font-size: 1.2rem;
			margin-bottom: 1.5rem;
			letter-spacing: .1rem;
		}
	}



	
	/*--------　ここまで（編集不可）　--------------------------------*/
	
	
	/*--------　本文：トップページ　----------------*/

	#iroiro {
		padding-top: 3rem;
	}
	#iroiro .taisaku {
		width: 80%;
		min-width: auto;
	}
	#iroiro .taisaku li {
		font-size: .9rem;
	}
	#iroiro .fuan .fukidashi-bk {
		width: 100%;
	}
	
	@media (max-width: 576px) {
		#iroiro .taisaku {
			display: block;
			min-width: 300px;
		}
		#iroiro .taisaku li {
			text-align: center;
			margin-bottom: 1rem;
		}
		#iroiro .taisaku li img,
		#iroiro .taisaku li span {
			display: inline-block;
			vertical-align: middle;
		}
		#iroiro .taisaku li img {
			width: 100px;
			margin-right: 1rem;
		}
		#iroiro .fuan .fukidashi-bk {
			padding-top: 1rem;
			padding-bottom: 1rem;
		}
		#iroiro .fuan li {
			top: .5rem;
		}
	}

	#nynara h2 {
		font-size: 1.3rem;
	}
	#nynara .group-bk {
		width: 80%;
		min-width: auto;
	}
	#nynara .can {
		width: 80%;
		min-width: auto;
	}
	@media (max-width: 576px) {
		#nynara .group-bk {
			width: 95%;
		}
		#nynara p {
			font-size: .9rem;
			line-height: 1.7;
		}
		#nynara p span {
			display: inline;
		}
		#nynara .can {
			width: 95%;
		}
	}

	#shisancheck h2 {
		font-size: 1.2rem;
		padding-right: 2rem;
		padding-left: 2rem;
		letter-spacing: .1em;
	}
	#shisancheck:before {
		top: 5.25rem;
	}
	#shisancheck h2 img {
		width: 100px;
	}
	#shisancheck ul {
		width: 90%;
	}
	#shisancheck li {
		border-width: 3px;
	}
	@media (max-width: 576px) {
		#shisancheck h2 {
			width: 100%;
			padding: 0;
			font-size: 1rem;
			margin-bottom: 1rem;
		}
		#shisancheck ul {
			width: 85%;
			max-width: 400px;
			flex-wrap: wrap;
		}
		#shisancheck li {
			margin-bottom: 1rem;
		}
	}
	
	@media (max-width: 576px) {
		#toiawase h2 {
			width: 90%;
			font-size: 1rem;
			padding-left: 12%;
		}
		#toiawase h2:before {
			width: 41px;
			height: 2.3rem;
		}
	}

	#company table {
		width: 90%;
	}
	
	@media (max-width: 576px) {
		#company h2 {
			margin-bottom: 1rem;
		}
		#company table {
			width: 100%;
		}
		#company th,
		#company td {
			display: block;
			width: 100%;
		}
		#company th {
			padding-bottom: 0;
			text-align: left;
			color: #b71e00;
		}
	}




	/*--------　フッター　----------------*/

	.ft-main {
		background: #fff;
		padding: 1rem 0 0;
	}
	.ft-main .subnav,
	.ft-main #toiawase {
		width: 100%;
		min-height: auto;
	}
	.ft-main .subnav {
		padding: 0 1.5rem 3rem;
		position: relative;
	}
	.ft-main .subnav .ft-group,
	.ft-main .subnav .ft-menu {
		display: block;
		width: 100%;
	}
	.ft-main .subnav .ny-bnr {
		margin-top: 1rem;
		display: flex;
		position: absolute;
		bottom: 1rem;
		left: 0;
	}
	.ft-main .subnav .ny-bnr li {
		margin-right: 1%;
		margin-left: 1%;
	}
	.ft-main .subnav .ft-menu {
		border-top: 1px solid;
		padding: 1rem;
	}	
	.ft-main #toiawase {
		background: #120f54;
		padding: 2rem 1.5rem;
	}
	.ft-main #toiawase h2 {
		wdith: 520px;
		margin-bottom: .5rem;
	}
	@media (max-width: 576px) {
		.ft-main .subnav {
			padding-bottom: 6rem;
		}
		.ft-main .subnav .ft-menu .nav1,
		.ft-main .subnav .ft-menu .nav2 {
			display: block;
			width: 100%;	
		}	
		.ft-main .subnav .ny-bnr {
			flex-wrap: wrap;
			justify-content: center;
		}
		.ft-main .subnav .ny-bnr li {
			max-width: 170px;
			margin: 0 .25rem .25rem;
		}
		/*-- ページトップ --*/
		#page-top a {
			width: 50px;
			height: 50px;
			font-size: .5rem;
		}
	}