@charset "utf-8";

/* --------------------------------------
/*　SP表示用
-----------------------------------------*/
@media (max-width:991.98px) {

/*  header SP menu  */
	.hd-12 {
    	text-align: left;
		}
	.hd-12 img {
			height: 7rem;
			width: auto;
		}

/**************************
/*ハンバーガーボタン     */
/**************************/
/* ハンバーガーボタン表示 */
  .ham-button {  	
    	position: absolute;
  		top: -7rem;
  		right: 2rem;
  		width: 6rem;
  		height: 6rem;
			/*  background: #08027d;
			border-radius: 20%; */
  		cursor: pointer;
  		display: flex;
			flex-direction: column; 
  		text-align: center;
  		justify-content: center;
  		align-items: center;
		}
	.ham-button-mark {
		  display: block;
  		background-color: #fff;
  		width: 4rem;
  		height: 0.3rem;
  		transition: 0.3s;
  		margin: 0.6rem 0;
		}
/* クリックで× */
  #hamburger:checked + .ham-button .ham-button-mark:nth-of-type(1) {
    	transform: translate(6px,1px) rotate(45deg);
    	transform-origin: 0%;
  	}
  #hamburger:checked + .ham-button .ham-button-mark:nth-of-type(2) {
    	opacity: 0;
  	}
  #hamburger:checked + .ham-button .ham-button-mark:nth-of-type(3) {
    	transform: translate(6px,-1px) rotate(-45deg); 
    	transform-origin: 0%;
  	}
/* メニュー */
  .ham-menu_list {
    	background-color: #030047;
			opacity: 0.9;
  	  align-items: flex-start;
    	display: flex;
    	flex-direction: column;
    	left: 0;
    	padding: 2rem;
    	position: absolute;
    	transform: translateX(-100%);
    	transition: 0.3s;
    	top: 95%;
    	width: 100%;
			z-index: 100;
 	 	}
  #hamburger:checked ~ nav .ham-menu_list {
    	transform: translateX(0%);
   	 	transition: 0.3s;
  	}
	.h_list {
			border-bottom: none;
		}
	.h_list-item {
			border-right: none;
			border-bottom: 1px solid #b5b5b6;
		}
	.h_list-link span {
			display: none;
		}
	.h_list-link {
			text-align: left;
  		position: relative;
  		display: block;
 			padding-left: 2rem;
		}
	.h_list-link::before {
			content: ">";
  		position: absolute;
  		left: 0;
  		top: 50%;
			translateY(-50%)
			font-size:1.6rem;
		}
	.hl3::after, .hl5::after {
			content: "+";
  		position: absolute;
  		right: 0;
  		top: 50%;
			translateY(-50%)
			font-size:1.6rem;
		}
	.h_sub1_list, .h_sub2_list {
			display: none;
			width: 100%;
		}
	.h_sub1_list ul, .h_sub2_list ul {
			display: block;
		}
	.h_sub1_list .sub_10, .h_sub2_list .sub_20 {
			display: none;
		}
	.h_sub1_list .sub_11, .h_sub1_list .sub_12, .h_sub1_list .sub_13, .h_sub1_list .sub_14,
	.h_sub2_list .sub_21, .h_sub2_list .sub_22, .h_sub2_list .sub_23 {
			background: none;
			width: 100%;
			height: 5rem;
			display: block;
			margin: 0;
			padding-top: 2rem;
			padding-left: 4rem;
			text-align: left;
			border-bottom: 1px solid #b5b5b6;
		}
	.h_sub1_list .sub_13, .h_sub2_list .sub_23 {
			border-bottom: none;
		}
	.h_sub2_list .sub_21 br, .h_sub2_list .sub_22 br, .h_sub2_list .sub_23 br {
			display: none;
		}
	.h_sub1_list ul li, .h_sub2_list ul li {
			position: relative;
			padding-left: 2rem;
		}
	.h_sub1_list ul li::before, .h_sub2_list ul li::before {
			content: ">";
  		position: absolute;
  		left: 2rem;
  		top: 50%;
			translateY(-50%)
			font-size:1.6rem;
		}
	.h_sub1-toggle:checked + .menu-label1 + .h_sub1_list,
	.h_sub2-toggle:checked + .menu-label2 + .h_sub2_list {
			position: static;
    	display: block;
			background: none;
  		transition: all 0.3s ease;
	  }
	.h_sub1-toggle:checked + .menu-label1 .hl3::after,
	.h_sub2-toggle:checked + .menu-label2 .hl5::after {
			content: "-";
		}

/**************************/

	#b .box {
			width: 90%;
			padding: 2rem;
		}
	.logo-box {
			width: 40%;
			margin: 5rem auto 2rem;
		}
	#b .box, #simu, #ren, #sup, #comp ,#kiyaku {
			font-size: 80%;
		}
	.title1, .title2 {
			width: 100%;
		}
	.title1 .text, .title2 .text {
			padding: 1rem;
		}
	.title {
			padding: 0.8rem 1rem;
			font-size: 120%;
			line-height: 1.3;
		}
	#simu .p1, .p2, .p3, .p4 {
			margin-bottom: 3rem;
		}
	#simu .p-text2 {
			margin: 3rem 5%;
			padding: 2rem 1rem 2rem 3rem;
		}
	#comp1 .comp-tb1 {
			width: 100%;
		}
	#comp1 .comp-tb1 th,
	#comp1 .comp-tb1 td {
			display: block;
			width: 100%;  
		}

/**************************
/*　フッターメニュー      */
/**************************/
	#sp-bottom {
	    position: fixed;
  	  bottom: 0;
		}
	#sp-bottom ul {
  	  width: 100%;
    	box-sizing: border-box;
    	display: flex;
    	justify-content: space-between;
		  justify-content: center;
		  align-items: center;
			text-align: center;
    	background-color: #4c56d4;
		}
	#sp-bottom ul li {
			display: flex;
			padding: 1rem;
			font-size: 1.2rem;
  	  border-right: 1px solid #b5b5b6;
		}
	#sp-bottom ul li:last-child {
			border-right: none;
		}
	#sp-bottom ul li img {
			width: 30%;
			height: auto;
		}



}


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

/* トップページ インスタ埋め込み */
#ins .ins-fr {
	 		width: 100%;
			height: 80rem;
		} 

/* 一般業務ページ メンテナンスブログ埋め込み */
#mente-p .mente-fr {
	 		width: 100%;
			height: 100rem;
		} 


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

  }