@charset "utf-8";

/* CSS Document */
/*【320px以下SEに適用スマホ用】*/
@media (max-width:320px) {
	.topcopy {
	text-align: center;
	margin-top: auto;
	font-size: 16px;
	color: #1c2955;
	margin-bottom: auto;
	}
	.toplogo {
	-moz-transform: scale(0.75,0.75);
	-webkit-transform: scale(0.75,0.75);
	-o-transform: scale(0.75,0.75);
	-ms-transform: scale(0.75,0.75);
	margin-left: -70px;
	}
	.topaddress {
	font-size: 13px;
	margin-bottom: 20px;
	text-align: right;
	height: 100px;
	}
	.topmenu {
	background-color: #1c2955;
	min-height: 35px;
	height: 185px;
	}
	.menu {
	width: 100%;
	display: ;
	list-style: none;
	
	}
	.menu li {
	width: 100%; /* 可能な限り最大で表示 */
	text-align: center;
	font-size: 13px;
	color: white;
	margin-top: 5px;
	padding-top: 3px;
	}
	.menu li a{
	width: 100%; /* 可能な限り最大で表示 */
	text-align: center;
	font-size: 13px;
	color: white;
	}
	.menu li a:hover{
	width: 100%; /* 可能な限り最大で表示 */
	text-align: center;
	font-size: 13px;
	color: gray;
	}
	/*お知らせ*/
	#oshirase{
	padding-left: 20px;
	padding-top: 20px;
	}
	
	#oshirasehonbun{
	border: 1px solid silver;
	-moz-box-shadow: 0 0 1px #ffffff;
	box-shadow: 0 0 1px #ffffff;
	opacity: 1;
	padding: 10px;
	margin-left: 20px;
	width: 90%;
	margin-bottom: 50px;
	}

	.scroll-box {
	width: 100%;             /* 横幅 */
	height: 300px;            /* 高さ（これを超えたらスクロール） */
	overflow-y: auto;         /* 縦スクロールを有効化 */
	overflow-x: hidden;       /* 横スクロールは隠す */
	padding: 10px;
	border: 1px solid #ccc;
	border-radius: 6px;
	background: #fafafa;
	font-size: 14px;
	line-height: 1.6;
	}
	
	.lp {
		display:none
	}
	.sp {
		width: 100%;
	}

	.sitecopy {
	color: black;
	font: 10px "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, sans-serif;
	letter-spacing: 1px;
	text-align: left;
	top: 5px;
	white-space: nowrap;
	}
	
	

	.headbanner {
	font-weight: bold;
	font-size: 8px;
	letter-spacing: -0.8px;
	}
	.pinboi {
	background-color: #E84B73;
	border-bottom: 160px solid #E84B73;
	height: 160px;
	margin-bottom: auto;
	margin-top: auto;
	}
	.topobi {
	border-left: 1px solid white;
	border-right: 1px solid white;
	margin-top: 5px;
	border: 1px solid white;
	}
	.topobilast {
	border-left: 1px solid white;
	border-right: 1px solid white;
	margin-top: 5px;
	border: 1px solid white;
	}
	

	#toplogo {
	top: 0px;
	background-color: white;
		padding-left: 10px;
		padding-bottom: 10px;
	}
	
	
	
	.gyoumuservice {
	background-repeat: no-repeat;
	background-color: #2EA934;
	height: 1900px;
	}
	
	.sinbox {
	background-color: #2EA934;
	padding: 10px;
	height: 300px;
	margin-bottom: 10px;
	}

/*業務メニュータイトル*/
	.gyoumumenut {
	font: bold 21px 'ＭＳ Ｐゴシック';
	color: white;
	letter-spacing: -1px;
	margin-bottom: 8px;
	text-align: center;
	background-color: #006837;
	background-repeat: repeat-x;
	background-position: 0 100%;
	padding: 10px;
	opacity: 0.8;
	}
/*業務内容詳細*/
	.gyoumu {
	font-size: 13px;
	color: white;
	padding: 10px;
	top: 60px;
	position: relative;
	background-color: #D75774;
	min-height: 100px;
	}
	.gyoumu01 {
	font-size: 12px;
	letter-spacing: -0.7px;
	color: white;
	padding: 10px;
	top: 90px;
	position: relative;
	background-color: #D75774;
	min-height: 100px;
	}
	.shaokuhead {
	font: 18px 'Noto Serif JP';
	color: white;
	text-align: left;
	position: absolute;
	top: 20px;
	text-shadow: 1px 1px 5px black, 1px 1px 5px #0f0e0e;
	left: 20px;
	}
	.rboshu {
		clear:both;
	}
	.maphirado {
	position: absolute;
	top: 75px;
	width: 240px;
	margin-left: auto;
	margin-right: auto;
	left: 40px;
	}
	.reason4 {
		position: relative;
		top: 0px;
		left: -15px;
	}
	.reason4 img{
	width: 290px;
    height: auto;  /* ←縦横比を維持する高さを自動計算 */	
	}
	
	.headcopy {
	font: 12px/130% 'ＭＳ Ｐゴシック';
	color: #2E9C34;
	text-align: left;
	position: absolute;
	top: 115px;
	text-shadow: 1px 1px 0 #fff;
	left: 40px;
	z-index: 10;
	}
	.enlogo {
	font: 33px 'Noto Serif JP';
	color: #5b5959;
	text-align: left;
	position: absolute;
	left: 60px;
	top: 10px;
	opacity:1;
	z-index: 1;
	display: inline-block;
	}
	.enlogo img {
    width: 60px;
    height: auto;  /* ←縦横比を維持する高さを自動計算 */
	}
	.kyushumap {
	position: absolute;
	left: 110px;
	top: 45px;
	opacity:1.0;
	}
	.kyushumap img {
    width: 200px;
    height: auto;  /* ←縦横比を維持する高さを自動計算 */
	}
	.mapcenter {
	position: absolute;
	top: 2px;
	opacity:1.0;
	left: 70px;
	}
	.headline{
	opacity: 0;
	animation: SlideIn 2s ease-in-out 3s 1 normal forwards;
	/*animation: SlideIn 3.6s;
	animation-delay:5s;*/
	}
	.headline2{
	opacity: 0;
	animation: SlideIn2 2s ease-in-out 4s 1 normal forwards;
	/*animation: SlideIn2 3.6s;
	animation-delay:5s;*/ 
	}
	.headline3{
	opacity: 0;
	animation: SlideIn3 2s ease-in-out 6s 1 normal forwards;
	/*animation: SlideIn3 3.6s;
	animation-delay:7s;*/
	}
	.headline4{
	opacity: 0;
	animation: fade 2s ease-in-out 8s 1 normal forwards;
	/*animation: SlideIn3 3.6s;
	animation-delay:7s;*/
	}

	
	

	.boxshadow {
	width:36px;
    font-size:13px;
    font-weight:normal;
    text-decoration:none;
    display:block;
    text-align:center;
    padding: 10px 0;
    color:#fff;
    background-color: #E84B73;
    border-radius:3px;
    box-shadow: 5px 5px hsl(335, 13%, 94%);
	float: left;
	margin-right: 3px;
	margin-top: 10px;
	margin-bottom: 10px;
	}
	.boxshadowg {
	width: 36px;
    font-size:13px;
    font-weight:normal;
    text-decoration:none;
    display:block;
    text-align:center;
    padding: 10px 0;
    color:#fff;
    background-color: #2EA934;
    border-radius:3px;
    box-shadow: 5px 5px hsl(335, 13%, 94%);
	float: left;
	margin-right: 3px;
	margin-top: 10px;
	margin-bottom: 10px;
	}
	.imgleft{

	border-radius: 10px;
	    -webkit-border-radius: 10px;
	    -moz-border-radius: 10px;
	margin-bottom: 20px;
	}
	.doron {
		display: none;
	}
	.gyoumuservice2 {
	background-repeat: no-repeat;
	background-color: #2EA934;
	height: 1750px;
	}
	#gyoumutable{
		min-width: 300px;
		width: 300px;
	}
	#gyoumutable td{
	padding: 10px;
	width: 33.3%;
	}
	#gyoumutable td h3{
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 8px;
	color: #ff0063;
	line-height: 24px;
	}
	#gyoumutable td h4{
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 8px;
	color: #ff0063;
	line-height: 24px;
	letter-spacing: -1.5px;
	}
	#outhead960 h2 {
	padding: 0.01em 0.5em;/*文字の上下 左右の余白*/
	color: #595454;/*文字色*/
	border-left: 10px solid #f6c2cf;/*左線*/
	font: 20px 'Noto Serif JP';
	}


	#outhead h2 {
	padding: 0.01em 0.5em;/*文字の上下 左右の余白*/
	color: #595454;/*文字色*/
	border-left: 10px solid #f6c2cf;/*左線*/
	font: 20px 'Noto Serif JP';
	}
	.d-demo__item > img{
	width: 200%;
	}
	.idumiphoto img{
	position: absolute;
	top: -150px;
	}
	#shakun {
	background: url(../images/foryourfuture2.png) 0px 0px no-repeat #E84B73;
	background-size: 90%;
	height: 390px;
	z-index: 50;
	visibility: visible;
	}
	.shakunhead {
	font: 20px 'Noto Serif JP';
	color: white;
	text-align: left;
	position: absolute;
	left: 8%;
	top: 10px;
	}
	.shakuncopy {
	font: 16px 'Noto Serif JP';
	color: white;
	text-align: left;
	position: absolute;
	left: 14%;
	top: 50px;
	}
	.content1 { 
	width: 20%; 
	height: 20%;
	position: absolute;
	left: 40%;
	top: 0%;
	border: 0px solid #333;
	transform-origin: center 150%;
	animation: rotate1 20s linear infinite;
	}
	.content1 img{ 
	width: 35%; 
	height: 35%;
	}
	.reason3 {
		position: relative;
		left: 0px;
	}
	.idumiphoto {
	display:none;
	position: relative;
	left: 0px;
	top: 232px;
	}
	.riyuu4head {
	max-width: 100%;
	}
	.riyuu4 {
	max-width: 100%;
	}


	form {
	min-width: 300px;
	width: 300px;
	}
	.textbox {
	width: 270px;
	}
	.toggle{
		z-index: 5;
		overflow: visible;
	}
	.doron {
		display: none;
	}
	.shaoku {
	height: 230px;
	}
	.tsumeru {
		display: none;
	}
	.idumiprofile {
 	margin-left: 0%;
	margin-top: 200px;
	}
	.idumiprofile td {
 	font-size: 11px;
	}
	.idumibg{
	height: 400px;
	background: url(../images/m_idumi.png) 0px -20px no-repeat;
	background-size:120%;
	}
	#daihyo{
 	background-color: white;
  	float: right;
  	margin-left: 0px;
	}
.cvoice {
	background: url(../images/customer_kouri.png) -1px 20px no-repeat;
	width: 220px;
}
.cigyou {
	background: url(../images/customer_igyou.png) -8px 20px no-repeat;
	width: 220px;
}
.ckensetsu {
	background: url(../images/customer_kensetsu.png) left 20px no-repeat;
	width: 220px;
}
.voice	{
	font-size: 12px;
	width: 220px;
	margin-left: 60px;
	position: absolute;
	top: 90px;
}
.egyouvoice	{
	font-size: 12px;
	width: 210px;
	position: absolute;
	top: 100px;
	left: 20px;
}
.kensetsuvoice	{
	font-size: 12px;
	width: 210px;
	margin-left: 30px;
	position: absolute;
	top: 100px;
}
.igyou {
	font-weight: bold;
	color: white;
	height: 250px;
	text-align: left;
}
	.stphoto{
	margin-right: 70px;
	border: 1px solid #ebe9e9;
	/* ▼CSS3 */
		border-top-right-radius: 10px;   /* 右上 */
		border-top-left-radius: 10px; /* 左上 */
		border-bottom-right-radius: 10px;   /* 右下 */
		border-bottom-left-radius: 10px; /* 左下 */
		
	/* ▼Safari,Chrome */
		-webkit-border-top-right-radius: 10px;   /* 右上 */
		-webkit-border-top-left-radius: 10px; /* 左上 */
		-webkit-border-bottom-right-radius: 10px;   /* 右下 */
		-webkit-border-bottom-left-radius: 10px; /* 左下 */
		/*  */
	/* ▼Firefox */
		-moz-border-radius-topright: 10px;   /* 右上 */
		-moz-border-radius-topleft: 10px; /* 左上 */
		-moz-border-radius-bottomright: 10px;   /* 右下 */
		-moz-border-radius-bottomleft: 10px; /* 左下 */
		
	/* ▼共通装飾 */
	/* 	border: 0px solid; */    /* 枠線の装飾 */
	/* 	background-color: #ccffcc; */  /* 背景色 */
	margin-bottom: 50px;
	}
	#enkakubuttom{
	margin-left: 420px;
	margin-bottom: 0px;
	}


	#sslseal{
	left: 0px;
	top: 20px;
	text-align: left;
	margin-bottom: 20px;
	}
	.columright {
	text-align: right;
	font-size: 12px;
	white-space: nowrap;
	text-shadow: 2px 2px 5px #f9f9f9, 2px 1px 2px #ffffff, 5px 2px 5px #f7f6f6;
	top: 500px;
	margin-top: 60px;
	}
	.copyright {
	background-color: #1c2955;
	text-align: center;
	color: white;
	font-size: 14px;
	padding-top: 15px;
	margin-top: auto;
	padding-bottom: 30px;
	
	}


}

/*【321px以上に適用スマホ用】*/

@media(min-width:321px) and (max-width:479px) {
	.topcopy {
	text-align: center;
	margin-top: auto;
	font-size: 16px;
	color: #1c2955;
	margin-bottom: auto;
	}
	.toplogo {
	-moz-transform: scale(0.8,0.8);
	-webkit-transform: scale(0.8,0.8);
	-o-transform: scale(0.8,0.8);
	-ms-transform: scale(0.8,0.8);
	margin-left: -50px;
	}
	.topaddress {
	font-size: 13px;
	margin-bottom: 20px;
	text-align: right;
	height: 100px;
	}
	.topmenu {
	background-color: #1c2955;
	min-height: 35px;
	height: 185px;
	}
	.menu {
	width: 100%;
	display: ;
	list-style: none;
	
	}
	.menu li {
	width: 100%; /* 可能な限り最大で表示 */
	text-align: center;
	font-size: 13px;
	color: white;
	margin-top: 5px;
	padding-top: 3px;
	}
	.menu li a{
	width: 100%; /* 可能な限り最大で表示 */
	text-align: center;
	font-size: 13px;
	color: white;
	}
	.menu li a:hover{
	width: 100%; /* 可能な限り最大で表示 */
	text-align: center;
	font-size: 13px;
	color: gray;
	}
	/*お知らせ*/
	#oshirase{
	padding-left: 20px;
	padding-top: 20px;
	}
	
	#oshirasehonbun{
	border: 1px solid silver;
	-moz-box-shadow: 0 0 1px #ffffff;
	box-shadow: 0 0 1px #ffffff;
	opacity: 1;
	padding: 10px;
	margin-left: 20px;
	width: 90%;
	margin-bottom: 50px;
	}

	.scroll-box {
	width: 100%;             /* 横幅 */
	height: 300px;            /* 高さ（これを超えたらスクロール） */
	overflow-y: auto;         /* 縦スクロールを有効化 */
	overflow-x: hidden;       /* 横スクロールは隠す */
	padding: 10px;
	border: 1px solid #ccc;
	border-radius: 6px;
	background: #fafafa;
	font-size: 14px;
	line-height: 1.6;
	}
	.lp {
		display:none
	}
	.sp {
		width: 100%;
	}

	.topcore {
	font-size: 10px;
	line-height: 15px;
	color: #444444;
	text-align: left;
	float: right;
		padding-left: 30px;
	}

	.sitecopy {
	color: black;
	font: 10px "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, sans-serif;
	letter-spacing: 1px;
	text-align: left;
	position: relative;
	white-space: nowrap;
	top: 0px;
	}
	
	.nokaigyo {
		display: none;
	}
		.sazanami {
		overflow: hidden;
	}
	.toggle{
	position: absolute;
	left: 280px;
	top: 45px;
	z-index: 5;
	overflow: visible;
	}
	.headbanner {
	font-weight: bold;
	font-size: 8px;
	letter-spacing: -0.8px;
	}
	.pinboi {
	background-color: #E84B73;
	border-bottom: 160px solid #E84B73;
	height: 160px;
	margin-bottom: auto;
	margin-top: auto;
	}
	.topobi {
	border-left: 1px solid white;
	border-right: 1px solid white;
	margin-top: 5px;
	border: 1px solid white;
	}
	.topobilast {
	border-left: 1px solid white;
	border-right: 1px solid white;
	margin-top: 5px;
	border: 1px solid white;
	}

	#toplogo {
	top: 10px;
	background-color: white;
		padding-left: 10px;
		padding-bottom: 10px;
	}
	.font13 {
	font-size: 13px;
	line-height: 100%;
	}
	
	
	.gyoumumenut {
	font: bold 22px 'ＭＳ Ｐゴシック';
	color: white;
	letter-spacing: -1px;
	margin-bottom: 8px;
	text-align: center;
	background-color: #006837;
	background-repeat: repeat-x;
	background-position: 0 100%;
	padding: 10px;
	opacity: 0.8;
	}
	.gyoumuservice {
	background-repeat: no-repeat;
	background-color: #2EA934;
	height: 1900px;
	}
	
	.gyoumu {
	font-size: 13px;
	color: white;
	padding: 10px;
	top: 90px;
	position: relative;
	background-color: #D75774;
	}
	.gyoumu01 {
	font-size: 12px;
	letter-spacing: -1px;
	color: white;
	padding: 10px;
	top: 90px;
	position: relative;
	background-color: #D75774;
	}
	.shaokuhead {
	font: 18px 'Noto Serif JP';
	color: white;
	text-align: left;
	position: absolute;
	top: 20px;
	text-shadow: 1px 1px 5px black, 1px 1px 5px #0f0e0e;
	}
	.maphirado {
	position: absolute;
	top: 70px;
	width: 240px;
	margin-left: auto;
	margin-right: auto;
	left: 70px;
	}
	.reason4 {
		position: relative;
		top: 0px;
		left: -10px;
	}
	.reason4 img{
	width: 350px;
    height: auto;  /* ←縦横比を維持する高さを自動計算 */	
	}
	
	.headcopy {
	font: 12px/130% 'ＭＳ Ｐゴシック';
	color: #2E9C34;
	text-align: left;
	position: absolute;
	top: 5px;
	text-shadow: 1px 1px 0 #fff;
	}
	.enlogo {
	font: 33px 'Noto Serif JP';
	color: #5b5959;
	text-align: left;
	position: absolute;
	left: 90px;
	top: 35px;
	opacity:1;
	z-index: 1;
	display: inline-block;
	}
	.enlogo img {
    width: 70px;
    height: auto;  /* ←縦横比を維持する高さを自動計算 */
	}
	.kyushumap {
	position: absolute;
	top: 80px;
	opacity:1.0;
	right: 20px;
	}
	.kyushumap img {
    width: 230px;
    height: auto;  /* ←縦横比を維持する高さを自動計算 */
	}
	.mapcenter {
	position: absolute;
	top: 35px;
	opacity:1.0;
	right: 40%;
	}
	.headline{
	opacity: 0;
	animation: SlideIn 2s ease-in-out 3s 1 normal forwards;
	/*animation: SlideIn 3.6s;
	animation-delay:5s;*/
	}
	.headline2{
	opacity: 0;
	animation: SlideIn2 2s ease-in-out 4s 1 normal forwards;
	/*animation: SlideIn2 3.6s;
	animation-delay:5s;*/ 
	}
	.headline3{
	opacity: 0;
	animation: SlideIn3 2s ease-in-out 6s 1 normal forwards;
	/*animation: SlideIn3 3.6s;
	animation-delay:7s;*/
	}
	.headline4{
	opacity: 0;
	animation: fade 2s ease-in-out 8s 1 normal forwards;
	/*animation: SlideIn3 3.6s;
	animation-delay:7s;*/
	overflow: visible;
	}

	
	.boxshadow {
	width:40px;
    font-size:15px;
    font-weight:normal;
    text-decoration:none;
    display:block;
    text-align:center;
    padding: 10px 0;
    color:#fff;
    background-color: #E84B73;
    border-radius:3px;
    box-shadow: 5px 5px hsl(335, 13%, 94%);
	float: left;
	margin-right: 3px;
	margin-top: 10px;
	margin-bottom: 10px;
	}
	.boxshadowg {
	width: 40px;
    font-size:15px;
    font-weight:normal;
    text-decoration:none;
    display:block;
    text-align:center;
    padding: 10px 0;
    color:#fff;
    background-color: #2EA934;
    border-radius:3px;
    box-shadow: 5px 5px hsl(335, 13%, 94%);
	float: left;
	margin-right: 3px;
	margin-top: 10px;
	margin-bottom: 10px;
	}
	.imgleft{
		border-radius: 10px;
	    -webkit-border-radius: 10px;
	    -moz-border-radius: 10px;
	margin-bottom: 20px;
	margin-right: 50px;
	width: 90%;
	}
	.d-demo__item > img{
	width: 200%;
	}
	.idumiphoto img{
	position: absolute;
	top: -150px;
	}
	.shakun {
	background: url(./images/foryourfuture.png) 10px 0px no-repeat #E84B73;
	height: 420px;
	}
	.doron {
		display: none;
	}
	.shaoku {
	height: 270px;
	}
	.tsumeru {
		display: none;
	}
	
	#gyoumutable{
		min-width: 340px;
		
	}
	#gyoumutable td{
	padding: 10px;
	width: 33.3%;
	}
	#gyoumutable td h3{
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 8px;
	color: #ff0063;
	line-height: 24px;
	}
	#gyoumutable td h4{
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 8px;
	color: #ff0063;
	line-height: 24px;
	letter-spacing: -1.5px;
	}
	.nowrap {
	white-space: nowrap;
	}
	#outhead960 h2 {
	padding: 0.01em 0.5em;/*文字の上下 左右の余白*/
	color: #595454;/*文字色*/
	border-left: 10px solid #f6c2cf;/*左線*/
	font: 26px 'Noto Serif JP';
	}

	#outhead h2 {
	padding: 0.01em 0.5em;/*文字の上下 左右の余白*/
	color: #595454;/*文字色*/
	border-left: 10px solid #f6c2cf;/*左線*/
	font: 24px 'Noto Serif JP';
	}
	.riyuu4head {
	max-width: 100%;
	}
	.riyuu4 {
	max-width: 100%;
	}
	.form {
	min-width: 340px;
	width: 340px;
	}
		}
	.textbox {
	width: 340px;
	}
	.d-demo__item > img{
	width: 200%;
	}
	.idumiphoto {
	top: 0px;
	position: absolute;
	left: 15px;
	}
	#shakun {
	background: url(../images/foryourfuture2.png) 10px 0px no-repeat #E84B73;
	background-size: 90%;
	height: 390px;
	}
	.shakunhead {
	font: 24px 'Noto Serif JP';
	color: white;
	text-align: left;
	position: absolute;
	left: 8%;
	top: 10px;
	}
	.shakuncopy {
	font: 16px 'Noto Serif JP';
	color: white;
	text-align: left;
	position: absolute;
	left: 14%;
	top: 50px;
	}
	
	.content1 { 
	width: 20%; 
	height: 20%;
	position: absolute;
	left: 40%;
	top: 10%;
	border: 0px solid #333;
	transform-origin: center 150%;
	animation: rotate1 20s linear infinite;
	}
	.content1 img{ 
	width: 35%; 
	height: 35%;
	}
	.idumi3 img{
		position: relative;
	}
	.idumiphoto{
	display:none;
	position: relative;
	left: 0px;
	top: 232px;
	}
	.riyuu {
		width: 591px;
		max-width: ;
	}

	.idumiprofile {
 	margin-left: 0%;
	margin-top: 260px;
	}
	.idumiprofile td {
 	font-size: 11px;
	}
	.idumibg{
	height: 560px;
	background: url(../images/m_idumi.png) 0px -20px no-repeat;
	background-size:120%;
	}
	#daihyo{
 	background-color: white;
  	float: right;
  	margin-left: 0px;
	}
.ckouri {
	margin-left: 20px;
	font-weight: bold;
	color: white;
	height: 250px;
	}
	.cvoice {
	background: url(../images/customer_kouri.png) 10px 50px no-repeat;
	width: 220px;
	}
	.cigyou {
	background: url(../images/customer_igyou.png) left 30px no-repeat;
	width: 220px;
	position: relative;
	}
	.ckensetsu {
	background: url(../images/customer_kensetsu.png) left 30px no-repeat;
	width: 220px;
	}
	.cyoushoku {
	background: url(../images/customer_youshoku.png) 10px 30px no-repeat;
	width: 220px;
	position: relative;
	}
	.ckensetsugyo {
	background: url(../images/customer_kensetsugyo.png) 60px 30px no-repeat;
	width: 220px;
	position: relative;
	}
	.voice	{
	font-size: 12px;
	width: 220px;
	margin-left: 20px;
	position: absolute;
	top: 90px;
	}
	.seizouvoice	{
	font-size: 12px;
	width: 210px;
	margin-left: 30px;
	position: absolute;
	top: 100px;
	left: 20px;
	}
	.egyouvoice	{
	font-size: 12px;
	width: 210px;
	position: absolute;
	top: 100px;
	left: 30px;
	}
	.youshokuvoice	{
	font-size: 12px;
	width: 210px;
	position: absolute;
	top: 90px;
	left: 40px;
	}
	.kensetsuvoice	{
	font-size: 12px;
	width: 210px;
	margin-left: 30px;
	position: absolute;
	top: 100px;
	left: 50px;
	}
	.igyou {
	font-weight: bold;
	color: white;
	height: 250px;
	text-align: left;
	}
	.stphoto{
	margin-right: 100px;
	border: 1px solid #ebe9e9;
	/* ▼CSS3 */
		border-top-right-radius: 10px;   /* 右上 */
		border-top-left-radius: 10px; /* 左上 */
		border-bottom-right-radius: 10px;   /* 右下 */
		border-bottom-left-radius: 10px; /* 左下 */
		
	/* ▼Safari,Chrome */
		-webkit-border-top-right-radius: 10px;   /* 右上 */
		-webkit-border-top-left-radius: 10px; /* 左上 */
		-webkit-border-bottom-right-radius: 10px;   /* 右下 */
		-webkit-border-bottom-left-radius: 10px; /* 左下 */
		/*  */
	/* ▼Firefox */
		-moz-border-radius-topright: 10px;   /* 右上 */
		-moz-border-radius-topleft: 10px; /* 左上 */
		-moz-border-radius-bottomright: 10px;   /* 右下 */
		-moz-border-radius-bottomleft: 10px; /* 左下 */
		
	/* ▼共通装飾 */
	/* 	border: 0px solid; */    /* 枠線の装飾 */
	/* 	background-color: #ccffcc; */  /* 背景色 */
	margin-bottom: 50px;
	}
	
	.spbr {
	display:none;
	}
	#enkakubuttom{
		text-align: center;
	}

	#sslseal{
	left: 0px;
	top: 20px;
	text-align: right;
	margin-bottom: 20px;
	}
	.columright {
	text-align: right;
	font-size: 12px;
	white-space: nowrap;
	margin-top: 100px;
	}
	.copyright {
	background-color: #1c2955;
	text-align: center;
	color: white;
	font-size: 14px;
	padding-top: 15px;
	margin-top: auto;
	padding-bottom: 30px;
	}



/*【480px以上に適用タブレット用】*/

@media(min-width:480px) and (max-width:767px) {
	.topcopy {
	text-align: center;
	margin-top: auto;
	font-size: 16px;
	color: #1c2955;
	margin-bottom: auto;
	}
	.toplogo {
	margin-left: 0px;
	}
	.topaddress {
	font-size: 13px;
	margin-bottom: 20px;
	text-align: right;
	height: 100px;
	}
	.topmenu {
	background-color: #1c2955;
	min-height: 35px;
	height: 185px;
	}
	.menu {
	width: 100%;
	list-style: none;
	
	}
	.menu li {
	width: 100%; /* 可能な限り最大で表示 */
	text-align: center;
	font-size: 13px;
	color: white;
	margin-top: 5px;
	padding-top: 3px;
	}
	.menu li a{
	width: 100%; /* 可能な限り最大で表示 */
	text-align: center;
	font-size: 13px;
	color: white;
	}
	.menu li a:hover{
	width: 100%; /* 可能な限り最大で表示 */
	text-align: center;
	font-size: 13px;
	color: gray;
	}
	/*お知らせ*/
	#oshirase{
	padding-left: 20px;
	padding-top: 20px;
	}
	
	#oshirasehonbun{
	border: 1px solid silver;
	-moz-box-shadow: 0 0 1px #ffffff;
	box-shadow: 0 0 1px #ffffff;
	opacity: 1;
	padding: 10px;
	margin-left: 20px;
	width: 90%;
	margin-bottom: 50px;
	}

	.scroll-box {
	width: 100%;             /* 横幅 */
	height: 300px;            /* 高さ（これを超えたらスクロール） */
	overflow-y: auto;         /* 縦スクロールを有効化 */
	overflow-x: hidden;       /* 横スクロールは隠す */
	padding: 10px;
	border: 1px solid #ccc;
	border-radius: 6px;
	background: #fafafa;
	font-size: 14px;
	line-height: 1.6;
	}
	.lp {
		display:none;
	}
	.sp {
		width: 100%;
	}


	.topcore {
	font-size: 9px;
	line-height: 15px;
	color: #444444;
	text-align: left;
	float: right;
		padding-left: 30px;
	}	
	.sitecopy {
		color: black;
		font: 11px "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, sans-serif;
		letter-spacing: 0px;
		text-align: left;
		z-index: 1;
		position: relative;
		top: 35px;
		}
	
	.toggle{
			background-color: white;
		}
	#toplogo{
	padding-right: 10px;
		padding-top: 10px;
		padding-left: 10px;
	}
	.font13 {
	font-size: 9px;
	line-height: 100%;
	}
	
	.gyoumumenut {
	font: bold 24px 'ＭＳ Ｐゴシック';
	color: white;
	letter-spacing: -1px;
	margin-bottom: 8px;
	text-align: center;
	background-color: #006837;
	background-repeat: repeat-x;
	background-position: 0 100%;
	padding: 10px;
	opacity: 0.8;
	}
	.gyoumu {
	font-size: 13px;
	color: white;
	padding: 10px;
	top: 90px;
	position: relative;
	background-color: #D75774;
	}
	.gyoumu01 {
	font-size: 12px;
	letter-spacing: -0.7px;
	color: white;
	padding: 10px;
	top: 90px;
	position: relative;
	background-color: #D75774;
	}
	.shaokuhead {
	font: 24px 'Noto Serif JP';
	color: white;
	text-align: left;
	position: absolute;
	top: 20px;
	text-shadow: 1px 1px 5px black, 1px 1px 5px #0f0e0e;
	}
	.maphirado {
	position: absolute;
	top: 70px;
	width: 240px;
	margin-left: auto;
	margin-right: auto;
	left: 70px;
	}
	.reason4 {
		position: relative;
		top: -30px;
	}
	.reason4 img{
	width: 450px;
    height: auto;  /* ←縦横比を維持する高さを自動計算 */	
	}
	
	.headcopy {
	font: 18px/130% 'ＭＳ Ｐゴシック';
	color: #2E9C34;
	text-align: left;
	position: absolute;
	top: 5px;
	text-shadow: 1px 1px 0 #fff;
	left: 20px;
	}

	
	.nokaigyo {
		display: none;
	}

	.toggle{
		position: absolute;
		left: 280px;
		top: 45px;
		z-index: 5;
		overflow: visible;
	}
	.headbanner {
	font-weight: bold;
	font-size: 8px;
	letter-spacing: -0.8px;
	}
	.pinboi {
	background-color: #E84B73;
	border-bottom: 60px solid #E84B73;
	height: 60px;
	margin-bottom: auto;
	margin-top: auto;
	}
	.topobi {
	border-left: 1px solid white;
	margin-top: 5px;
	}
	.topobilast {
	border-left: 1px solid white;
	border-right: 1px solid white;
	margin-top: 5px;
	}
	.boxshadow {
	width:44px;
    font-size:19px;
    font-weight:normal;
    text-decoration:none;
    display:block;
    text-align:center;
    padding: 10px 0;
    color:#fff;
    background-color: #E84B73;
    border-radius:3px;
    box-shadow: 5px 5px hsl(335, 13%, 94%);
	float: left;
	margin-right: 20px;
	margin-top: 20px;
	margin-bottom: 0px;
	}
	.boxshadowg {
	width: 44px;
    font-size:19px;
    font-weight:normal;
    text-decoration:none;
    display:block;
    text-align:center;
    padding: 10px 0;
    color:#fff;
    background-color: #2EA934;
    border-radius:3px;
    box-shadow: 5px 5px hsl(335, 13%, 94%);
	float: left;
	margin-right: 20px;
	margin-top: 20px;
	}
	.imgleft{
	float: right;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	margin-left: 10px;
	margin-bottom: 10px;
	}
	.sumaho {
		display: none;
	}
	.gyoumuservice {
	background-repeat: no-repeat;
	background-color: #2EA934;
	height: 1800px;
	}
	

		


	#gyoumutable{
		min-width: 500px;
		width: 500px;
	}
	#gyoumutable td{
	padding: 10px;
	width: 33.3%;
	}
	#gyoumutable td h3{
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 8px;
	color: #ff0063;
	line-height: 24px;
	}
	#gyoumutable td h4{
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 8px;
	color: #ff0063;
	line-height: 24px;
	letter-spacing: -1.5px;
	}
	.nowrap {
	white-space: nowrap;
	}
	#shakun {
	background: url(../images/foryourfuture.png) 10px 80px no-repeat #E84B73;
	
	height: 390px;
	}
	.shakunhead {
	font: 30px 'Noto Serif JP';
	color: white;
	text-align: left;
	position: absolute;
	left: 13%;
	top: 10px;
	}
	.shakuncopy {
	font: 18px 'Noto Serif JP';
	color: white;
	text-align: left;
	position: absolute;
	left: 24%;
	top: 50px;
	}
	#outhead960 h2 {
	padding: 0.01em 0.5em;/*文字の上下 左右の余白*/
	color: #595454;/*文字色*/
	border-left: 10px solid #f6c2cf;/*左線*/
	font: 26px 'Noto Serif JP';
	}

	#outhead h2 {
	padding: 0.01em 0.5em;/*文字の上下 左右の余白*/
	color: #595454;/*文字色*/
	border-left: 10px solid #f6c2cf;/*左線*/
	font: 26px 'Noto Serif JP';
	}
	.d-demo__item > img{
	width: 150%;
	}
	.idumiphoto {
	top: 0px;
	position: absolute;
	left: 15px;
	}
	#shakun {
	background: url(../images/foryourfuture2.png) 10px 80px no-repeat #E84B73;
	height: 390px;
	background-size:90%;
	}
	.shakunhead {
	font: 30px 'Noto Serif JP';
	color: white;
	text-align: left;
	position: absolute;
	left: 13%;
	top: 10px;
	}
	.shakuncopy {
	font: 18px 'Noto Serif JP';
	color: white;
	text-align: left;
	position: absolute;
	left: 34%;
	top: 50px;
	}
	.riyuu4head {
	max-width: 100%;
	}
	.riyuu4 {
	min-width: 500px;
	width: 936px;
	max-width: 100%;
	}
	.tellme {
	background-repeat: no-repeat;
	height: 200px;
	}
	.doron {
		display: none;
	}
	.doron2 {
		display: none;
	}
	.shaoku {
	height: 400px;
	}
	.tsumeru {
		display: none;
	}

	form {
	min-width: 520px;
	width: 50px;
	}
	 .textbox {
	width: 520px;
	}
	.content1 { 
  width: 20%; 
  height: 20%;
  position: absolute;
  left: 40%;
  top: 20%;
  border: 0px solid #333;
  transform-origin: center 150%;
  animation: rotate1 20s linear infinite;
}
	.idumiprofile {
 	margin-left: 13%;
	margin-top: 0px;
		position: relative;
		left: 150px;
	}
	.idumiprofile td {
 	font-size: 12px;
	}
	#daihyo{
 	background-color: white;
  	float: right;
  	margin-left: 0px;
	}
	.cvoice {
	background: url(../images/customer_kouri.png) left 20px no-repeat;
	width: 220px;
}
.cigyou {
	background: url(../images/customer_igyou.png) left 20px no-repeat;
	width: 220px;
}
.ckensetsu {
	background: url(../images/customer_kensetsu.png) left 20px no-repeat;
	width: 220px;
}
.voice	{
	font-size: 12px;
	width: 220px;
	margin-left: 60px;
	position: absolute;
	top: 90px;
}
.egyouvoice	{
	font-size: 12px;
	width: 210px;
	position: absolute;
	top: 100px;
	right: 110px;
}
.kensetsuvoice	{
	font-size: 12px;
	width: 210px;
	margin-left: 30px;
	position: absolute;
	top: 100px;
}
.igyou {
	font-weight: bold;
	color: white;
	height: 250px;
	text-align: left;
}
	.stphoto{
	margin-right: 10px;
	border: 1px solid #ebe9e9;
	/* ▼CSS3 */
		border-top-right-radius: 10px;   /* 右上 */
		border-top-left-radius: 10px; /* 左上 */
		border-bottom-right-radius: 10px;   /* 右下 */
		border-bottom-left-radius: 10px; /* 左下 */
		
	/* ▼Safari,Chrome */
		-webkit-border-top-right-radius: 10px;   /* 右上 */
		-webkit-border-top-left-radius: 10px; /* 左上 */
		-webkit-border-bottom-right-radius: 10px;   /* 右下 */
		-webkit-border-bottom-left-radius: 10px; /* 左下 */
		/*  */
	/* ▼Firefox */
		-moz-border-radius-topright: 10px;   /* 右上 */
		-moz-border-radius-topleft: 10px; /* 左上 */
		-moz-border-radius-bottomright: 10px;   /* 右下 */
		-moz-border-radius-bottomleft: 10px; /* 左下 */
		
	/* ▼共通装飾 */
	/* 	border: 0px solid; */    /* 枠線の装飾 */
	/* 	background-color: #ccffcc; */  /* 背景色 */
	margin-bottom: 50px;
	}
	#sslseal{
	left: 0px;
	top: 20px;
	text-align: left;
	margin-bottom: 20px;
	}
	.columright {
	text-align: right;
	font-size: 12px;
	margin-top: 100px;
	}
	.copyright {
	background-color: #1c2955;
	text-align: center;
	color: white;
	font-size: 14px;
	padding-top: 15px;
	margin-top: auto;
	padding-bottom: 30px;
	}


	}

/*【768px以上に適用PCタブレット用lg】*/

@media(min-width:768px) and (max-width:1023px) {
	.topcopy {
	text-align: left;
	margin-top: auto;
	font-size: 16px;
	color: #1c2955;
	margin-bottom: auto;
	}
	.toplogo {
	-moz-transform: scale(0.75,0.75);
	-webkit-transform: scale(0.75,0.75);
	-o-transform: scale(0.75,0.75);
	-ms-transform: scale(0.75,0.75);
	margin-left: -70px;
	}
	.topaddress {
	font-size: 13px;
	margin-bottom: 20px;
	text-align: right;
	height: 100px;
	}
	.topmenu {
	background-color: #1c2955;
	min-height: 35px;
	height: 35px;
	}
	.menu {
	width: 100%;
	display: flex;
	list-style: none;
	
	}
	.menu li {
	width: 100%; /* 可能な限り最大で表示 */
	text-align: center;
	font-size: 13px;
	color: white;
	margin-top: 5px;
	padding-top: 3px;
	}
	.menu li a{
	width: 100%; /* 可能な限り最大で表示 */
	text-align: center;
	font-size: 13px;
	color: white;
	}
	.menu li a:hover{
	width: 100%; /* 可能な限り最大で表示 */
	text-align: center;
	font-size: 13px;
	color: gray;
	}
		/*お知らせ*/
	#oshirase{
	padding-left: 20px;
	padding-top: 20px;
	text-align: center;
	}
	
	#oshirasehonbun{
	border: 1px solid silver;
	-moz-box-shadow: 0 0 1px #ffffff;
	box-shadow: 0 0 1px #ffffff;
	opacity: 1;
	padding: 10px;
	margin-left: 20px;
	width: 90%;
	margin-bottom: 50px;
	}

	.scroll-box {
	width: 100%;             /* 横幅 */
	height: 300px;            /* 高さ（これを超えたらスクロール） */
	overflow-y: auto;         /* 縦スクロールを有効化 */
	overflow-x: hidden;       /* 横スクロールは隠す */
	padding: 10px;
	border: 1px solid #ccc;
	border-radius: 6px;
	background: #fafafa;
	font-size: 14px;
	line-height: 1.6;
	}
	
	.sp {
		display:none;
	}


	.topcore {
	font-size: 9px;
	line-height: 15px;
	color: #444444;
	text-align: left;
	float: right;
		padding-left: 30px;
	}
	.sitecopy {
	color: black;
	font: 11px "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, sans-serif;
	letter-spacing: 0px;
	text-align: left;
	z-index: 1;
	position: relative;
	top: 35px;
	}
	

	.toggle{
	background-color: white;
	}
	.thiara {
	text-align: center;
	margin-top: -70px;
	padding-top: 33px;
	}
	
	#toplogo{
	padding-right: 10px;
		padding-top: 10px;
		padding-left: 10px;
	}
	.font13 {
	font-size: 9px;
	line-height: 100%;
	}
	
	.menu {
	width: 100%;
	display: flex;
	list-style: none;
	}
	.menu li {
	width: 100%; /* 可能な限り最大で表示 */
	text-align: center;
	font-size: 14px;
	color: white;
	margin-top: 5px;
	}
	.menu li a{
	width: 100%; /* 可能な限り最大で表示 */
	text-align: center;
	font-size: 14px;
	color: white;
	}
	.scroll-box {
	width: 600px;             /* 横幅 */
	height: 300px;            /* 高さ（これを超えたらスクロール） */
	overflow-y: auto;         /* 縦スクロールを有効化 */
	overflow-x: hidden;       /* 横スクロールは隠す */
	padding: 10px;
	border: 1px solid #ccc;
	border-radius: 6px;
	background: #fafafa;
	font-size: 14px;
	line-height: 1.6;
	max-width: 600px;
	min-width: 300px;
	}
	.shaokuhead {
	font: 21px 'Noto Serif JP';
	color: white;
	text-align: left;
	position: absolute;
	top: 20px;
	text-shadow: 1px 1px 5px black, 1px 1px 5px #0f0e0e;
	left: 20px;
	}
	
	.maphirado {
	position: absolute;
	top: 10px;
	width: 360px;
	margin-left: auto;
	margin-right: auto;
	left: 380px;
	}
	.headcopy {
	font: 21px 'Noto Serif JP';
	color: #2E9C34;
	text-align: left;
	position: absolute;
	top: 10px;
	text-shadow: 2px 2px 0 #fff;
	right: 20px;
	}
	
	.enlogo {
	font: 33px 'Noto Serif JP';
	color: #5b5959;
	text-align: left;
	position: absolute;
	left: 100px;
	top: 20px;
	opacity:0.8;
	z-index: 1;
	display: inline-block;
	}
	.enlogo img {
    width: 160px;
    height: auto;  /* ←縦横比を維持する高さを自動計算 */
	}
	.kyushumap {
	position: absolute;
	left: 220px;
	top: 110px;
	opacity:1.0;
	}
	.kyushumap img {
    width: 500px;
    height: auto;  /* ←縦横比を維持する高さを自動計算 */
	}
	.mapcenter {
	position: absolute;
	top: 115px;
	opacity:1.0;
	left: 250px;
	}
	.headline{
	opacity: 0;
	animation: SlideIn 2s ease-in-out 3s 1 normal forwards;
	/*animation: SlideIn 3.6s;
	animation-delay:5s;*/
	}
	.headline2{
	opacity: 0;
	animation: SlideIn2 2s ease-in-out 4s 1 normal forwards;
	/*animation: SlideIn2 3.6s;
	animation-delay:5s;*/ 
	}
	.headline3{
	opacity: 0;
	animation: SlideIn3 2s ease-in-out 6s 1 normal forwards;
	/*animation: SlideIn3 3.6s;
	animation-delay:7s;*/
	}
	.headline4{
	opacity: 0;
	animation: fade 2s ease-in-out 8s 1 normal forwards;
	/*animation: SlideIn3 3.6s;
	animation-delay:7s;*/
	}
	.gyoumumenut {
	font: bold 22px 'ＭＳ Ｐゴシック';
	color: white;
	letter-spacing: -1px;
	margin-bottom: 8px;
	text-align: center;
	background-color: #006837;
	background-repeat: repeat-x;
	background-position: 0 100%;
	padding: 10px;
	opacity: 0.8;
	}
	.gyoumu {
	font-size: 12px;
	color: white;
	padding: 10px;
	top: 90px;
	position: relative;
	background-color: #D75774;
	}
	.gyoumu01 {
	font-size: 12px;
	letter-spacing: -0.7px;
	color: white;
	padding: 10px;
	top: 90px;
	position: relative;
	background-color: #D75774;
	}
	.content1 { 
  width: 20%; 
  height: 20%;
  position: absolute;
  left: 40%;
  top: 20%;
  border: 0px solid #333;
  transform-origin: center 150%;
  animation: rotate1 20s linear infinite;
}


	.reason4 {
		position: relative;
		top: 0px;
	}
	.reason4 img{
	width: 630px;
    height: auto;  /* ←縦横比を維持する高さを自動計算 */
	text-align: left;
	}
	
	
		
	
	
	.arawaru {
		display: none;
	}
	.nokaigyo {
		display: none;
	}

	.toggle{
		position: absolute;
		left: 280px;
		top: 45px;
		z-index: 5;
		overflow: visible;
	}
	.headbanner {
	font-weight: bold;
	font-size: 11px;
	letter-spacing: -0.6px;
	}
	.pinboi {
	background-color: #E84B73;
	border-bottom: 60px solid #E84B73;
	height: 60px;
	margin-bottom: auto;
	margin-top: auto;
	}
	.topobi {
	border-left: 1px solid white;
	margin-top: 5px;
	}
	.topobilast {
	border-left: 1px solid white;
	border-right: 1px solid white;
	margin-top: 5px;
	}
	.boxshadow {
	width:44px;
    font-size:19px;
    font-weight:normal;
    text-decoration:none;
    display:block;
    text-align:center;
    padding: 10px 0;
    color:#fff;
    background-color: #E84B73;
    border-radius:3px;
    box-shadow: 5px 5px hsl(335, 13%, 94%);
	float: left;
	margin-right: 20px;
	margin-top: 20px;
	margin-bottom: 0px;
	}
	.boxshadowg {
	width: 44px;
    font-size:19px;
    font-weight:normal;
    text-decoration:none;
    display:block;
    text-align:center;
    padding: 10px 0;
    color:#fff;
    background-color: #2EA934;
    border-radius:3px;
    box-shadow: 5px 5px hsl(335, 13%, 94%);
	float: left;
	margin-right: 20px;
	margin-top: 20px;
	}
	
	.imgleft{
	float: right;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	margin-left: 10px;
	margin-bottom: 10px;
	}
	.sumaho {
		display: none;
	}
	.gyoumuservice2 {
	background-repeat: no-repeat;
	background-color: #2EA934;
	height: 860px;
	}
	.outhead720 {
		width: 720px;
	}
	
	.gyoumuservice {
	background-repeat: no-repeat;
	background-color: #2EA934;
	height: 960px;
	}

	.sinbox {
	background-color: #2EA934;
	padding: 10px;
	}
	

	#gyoumutable{
	width: 720px;
	}
	#gyoumutable td{
	padding: 10px;
	width: 33.3%;
	}
	#gyoumutable td h3{
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 8px;
	color: #ff0063;
	line-height: 24px;
	}
	#gyoumutable td h4{
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 8px;
	color: #ff0063;
	line-height: 24px;
	letter-spacing: -1.5px;
	}
	.nowrap {
	white-space: nowrap;
	}
	#outhead960 h2 {
	padding: 0.01em 0.5em;/*文字の上下 左右の余白*/
	color: #595454;/*文字色*/
	border-left: 10px solid #f6c2cf;/*左線*/
	font: 30px 'Noto Serif JP';
	}

	#outhead h2 {
	padding: 0.01em 0.5em;/*文字の上下 左右の余白*/
	color: #595454;/*文字色*/
	border-left: 10px solid #f6c2cf;/*左線*/
	font: 30px 'Noto Serif JP';
	}
	.d-demo__item > img{
	width: 150%;

	}
	.idumi3 {
		display:none;
		position: relative;
	}
	.idumiphoto {
	display: inline;
	position: relative;
	left: 0px;
	top: 232px;
	}
	.idumiphoto {
	position: absolute;
	top: 100px;
	left: 20px;
	}
	#shakun {
	background: url(../images/foryourcopy2.png) 180px 10px no-repeat #E84B73;
	height: 390px;
	}
	.shakunhead {
	font: 30px 'Noto Serif JP';
	color: white;
	text-align: left;
	position: absolute;
	left: 53%;
	top: 50px;
	}
	.shakuncopy {
	font: 18px 'Noto Serif JP';
	color: white;
	text-align: left;
	position: absolute;
	left: 54%;
	top: 110px;
	}
	.riyuu4head {
	max-width: 100%;
	}
	.riyuu4 {
	min-width: 500px;
	width: 936px;
	max-width: 100%;
	}
	.tellme {
	background-repeat: no-repeat;
	height: 300px;
	}
	.doron2 {
		display: none;
	}
	.shaoku {
	height: 400px;
	}
	.tsumeru {
		display: none;
	}

	form {
	min-width: 520px;
	width: 360px;
	}
	 .textbox {
	width: 520px;
	}
	.idumiprofile {
 	margin-left: 13%;
	margin-top: 0px;
		position: relative;
		left: 350px;
	}
	.idumiprofile td {
 	font-size: 12px;
	}
	#daihyo{
 	background-color: white;
  	float: right;
  	margin-left: 10px;
	}
.ckouri {
	margin-left: 20px;
	font-weight: bold;
	color: white;
	height: 250px;
	}
	.cvoice {
	background: url(../images/customer_kouri.png) 10px 50px no-repeat;
	width: 220px;
	}
	.cigyou {
	background: url(../images/customer_igyou.png) left 30px no-repeat;
	width: 220px;
	position: relative;
	}
	.ckensetsu {
	background: url(../images/customer_kensetsu.png) left 30px no-repeat;
	width: 220px;
	}
	.cyoushoku {
	background: url(../images/customer_youshoku.png) 10px 30px no-repeat;
	width: 220px;
	position: relative;
	}
	.ckensetsugyo {
	background: url(../images/customer_kensetsugyo.png) 60px 30px no-repeat;
	width: 220px;
	position: relative;
	}
	.voice	{
	font-size: 12px;
	width: 220px;
	margin-left: 20px;
	position: absolute;
	top: 90px;
	}
	.seizouvoice	{
	font-size: 12px;
	width: 210px;
	margin-left: 30px;
	position: absolute;
	top: 100px;
	left: 20px;
	}
	.egyouvoice	{
	font-size: 12px;
	width: 210px;
	position: absolute;
	top: 100px;
	left: 30px;
	}
	.youshokuvoice	{
	font-size: 12px;
	width: 210px;
	position: absolute;
	top: 90px;
	left: 40px;
	}
	.kensetsuvoice	{
	font-size: 12px;
	width: 210px;
	margin-left: 30px;
	position: absolute;
	top: 100px;
	left: 50px;
	}
	.igyou {
	font-weight: bold;
	color: white;
	height: 250px;
	text-align: left;
	}
		.stphoto{
	margin-right: 70px;
	border: 1px solid #ebe9e9;
	/* ▼CSS3 */
		border-top-right-radius: 10px;   /* 右上 */
		border-top-left-radius: 10px; /* 左上 */
		border-bottom-right-radius: 10px;   /* 右下 */
		border-bottom-left-radius: 10px; /* 左下 */
		
	/* ▼Safari,Chrome */
		-webkit-border-top-right-radius: 10px;   /* 右上 */
		-webkit-border-top-left-radius: 10px; /* 左上 */
		-webkit-border-bottom-right-radius: 10px;   /* 右下 */
		-webkit-border-bottom-left-radius: 10px; /* 左下 */
		/*  */
	/* ▼Firefox */
		-moz-border-radius-topright: 10px;   /* 右上 */
		-moz-border-radius-topleft: 10px; /* 左上 */
		-moz-border-radius-bottomright: 10px;   /* 右下 */
		-moz-border-radius-bottomleft: 10px; /* 左下 */
		
	/* ▼共通装飾 */
	/* 	border: 0px solid; */    /* 枠線の装飾 */
	/* 	background-color: #ccffcc; */  /* 背景色 */
	margin-bottom: 50px;
}
#sslseal{
	left: 0px;
	top: 20px;
	text-align: left;
	margin-bottom: 20px;
}
.columright {
	text-align: right;
	font-size: 12px;
	margin-top: 10px;
}
.copyright {
	background-color: #1c2955;
	text-align: center;
	color: white;
	font-size: 14px;
	padding-top: 15px;
	margin-top: auto;
	padding-bottom: 30px;
}

}
/*樋口博基ネーム*/
#higuchi_name{
	margin-top: 0px;
	padding-bottom: 50px;
	text-align: right;
	float: none;
	margin-bottom: 2px;
}

/*【1024px以上に適用PCタブレット用】*/

@media(min-width:1024px) and (max-width:1199px) {
	.topcopy {
	text-align: center;
	margin-top: auto;
	font-size: 16px;
	color: #1c2955;
	margin-bottom: auto;
	}
	
	.toplogo {
	-moz-transform: scale(0.9,0.9);
	-webkit-transform: scale(0.9,0.9);
	-o-transform: scale(0.9,0.9);
	-ms-transform: scale(0.9,0.9);
	margin-bottom: 0px;
	margin-bottom: 0px;
	float: left;
	}
	.topaddress {
	font-size: 13px;
	margin-bottom: 20px;
	text-align: right;
	height: 100px;
	}
	.topmenu {
	background-color: #1c2955;
	min-height: 35px;
	height: 35px;
	}
	.menu {
	width: 100%;
	display: flex;
	list-style: none;
	
	}
	.menu li {
	width: 100%; /* 可能な限り最大で表示 */
	text-align: center;
	font-size: 13px;
	color: white;
	margin-top: 5px;
	padding-top: 3px;
	}
	.menu li a{
	width: 100%; /* 可能な限り最大で表示 */
	text-align: center;
	font-size: 13px;
	color: white;
	}
	.menu li a:hover{
	width: 100%; /* 可能な限り最大で表示 */
	text-align: center;
	font-size: 13px;
	color: gray;
	}
	/*お知らせ*/
	#oshirase{
	padding-left: 20px;
	padding-top: 20px;
	}
	
	#oshirasehonbun{
	border: 1px solid silver;
	-moz-box-shadow: 0 0 1px #ffffff;
	box-shadow: 0 0 1px #ffffff;
	opacity: 1;
	padding: 10px;
	margin-left: 20px;
	width: 90%;
	margin-bottom: 50px;
	}

	.scroll-box {
	width: 100%;             /* 横幅 */
	height: 300px;            /* 高さ（これを超えたらスクロール） */
	overflow-y: auto;         /* 縦スクロールを有効化 */
	overflow-x: hidden;       /* 横スクロールは隠す */
	padding: 10px;
	border: 1px solid #ccc;
	border-radius: 6px;
	background: #fafafa;
	font-size: 14px;
	line-height: 1.6;
	}
	.sp {
		display:none;
	}

	.topcore {
	font-size: 11px;
	line-height: 15px;
	color: #444444; 
	text-align: left;
	float: right;
		padding-left: 30px;
	}
	
	.sitecopy {
		color: black;
		font: 11px "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, sans-serif;
		letter-spacing: 0px;
		text-align: left;
		z-index: 1;
		position: relative;
		top: 35px;
		}
		.toggle{
			background-color: white;
		}

	#toplogo{
		padding: 0px 10px 80px;
	}

	.thiara {
	text-align: center;
	margin-top: -70px;
	padding-top: 33px;
	}

	#toplogo{
	padding-right: 10px;
		padding-top: 10px;
		padding-left: 10px;
	}
	.font13 {
	font-size: 11px;
	line-height: 100%;
	white-space: nowrap;
	}
	
	.scroll-box {
	width: 800px;             /* 横幅 */
	height: 300px;            /* 高さ（これを超えたらスクロール） */
	overflow-y: auto;         /* 縦スクロールを有効化 */
	overflow-x: hidden;       /* 横スクロールは隠す */
	padding: 10px;
	border: 1px solid #ccc;
	border-radius: 6px;
	background: #fafafa;
	font-size: 14px;
	line-height: 1.6;
	max-width: 800px;
	min-width: 300px;
	}

	.maphirado {
	position: absolute;
	top: 10px;
	width: 360px;
	margin-left: auto;
	margin-right: auto;
	left: 380px;
	}
	.headcopy {
	font: 26px 'Noto Serif JP';
	color: #2E9C34;
	text-align: left;
	position: absolute;
	left: 370px;
	top: 10px;
	text-shadow: 2px 2px 0 #fff;
	}
	
	.enlogo {
	font: 33px 'Noto Serif JP';
	color: #5b5959;
	text-align: left;
	position: absolute;
	left: 160px;
	top: 20px;
	opacity:0.8;
	z-index: 1;
	}
	.enlogo img {
    width: 220px;
    height: auto;  /* ←縦横比を維持する高さを自動計算 */
	}
	.kyushumap {
	position: absolute;
	left: 280px;
	top: 130px;
	opacity:1.0;	
	}
	.kyushumap img {
    width: 680px;
    height: auto;  /* ←縦横比を維持する高さを自動計算 */
	}
	.mapcenter {
	position: absolute;
	top: 175px;
	opacity:1.0;
	left: 350px;
	}
	.headline{
	opacity: 0;
	animation: SlideIn 2s ease-in-out 3s 1 normal forwards;
	/*animation: SlideIn 3.6s;
	animation-delay:5s;*/
	}
	.headline2{
	opacity: 0;
	animation: SlideIn2 2s ease-in-out 4s 1 normal forwards;
	/*animation: SlideIn2 3.6s;
	animation-delay:5s;*/ 
	}
	.headline3{
	opacity: 0;
	animation: SlideIn3 2s ease-in-out 6s 1 normal forwards;
	/*animation: SlideIn3 3.6s;
	animation-delay:7s;*/
	}
	.headline4{
	opacity: 0;
	animation: fade 2s ease-in-out 8s 1 normal forwards;
	/*animation: SlideIn3 3.6s;
	animation-delay:7s;*/
	}
	
	.outhead720 {
		width: 800px;
	}
	
	

	.arawaru {
		display: none;
	}
	
	.nokaigyo {
		display: none;
	}

	.toggle{
		position: absolute;
		left: 280px;
		top: 45px;
		z-index: 5;
		overflow: visible;
	}
	.headbanner {
	font-weight: bold;
	font-size: 14px;
	}
	.pinboi {
	background-color: #E84B73;
	border-bottom: 70px solid #E84B73;
	height: 70px;
	margin-bottom: auto;
	margin-top: auto;
	}
	.topobi {
	border-left: 1px solid white;
	margin-top: 5px;
	}
	.topobilast {
	border-left: 1px solid white;
	border-right: 1px solid white;
	margin-top: 5px;
	}
	.boxshadow {
	width:44px;
    font-size:19px;
    font-weight:normal;
    text-decoration:none;
    display:block;
    text-align:center;
    padding: 10px 0;
    color:#fff;
    background-color: #E84B73;
    border-radius:3px;
    box-shadow: 5px 5px hsl(335, 13%, 94%);
	float: left;
	margin-right: 20px;
	margin-top: 20px;
	margin-bottom: 0px;
	}
	.boxshadowg {
	width: 44px;
    font-size:19px;
    font-weight:normal;
    text-decoration:none;
    display:block;
    text-align:center;
    padding: 10px 0;
    color:#fff;
    background-color: #2EA934;
    border-radius:3px;
    box-shadow: 5px 5px hsl(335, 13%, 94%);
	float: left;
	margin-right: 20px;
	margin-top: 20px;
	}
	.imgleft{
	float: right;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	margin-left: 10px;
	margin-bottom: 10px;
	}
	
	.sumaho {
		display: none;
	}
	#outhead {
	font-size: 13px;
	color: #444444;
	width: 800px;
	max-width: 800px;
	min-width: 320px;
	margin-right: auto;
	margin-left: auto;
	}
	
	#gyoumutable{
	width: 800px;
	}
	#gyoumutable td{
	padding: 10px;
	width: 33.3%;
	}
	#gyoumutable td h3{
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 8px;
	color: #ff0063;
	line-height: 24px;
	}
	#gyoumutable td h4{
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 8px;
	color: #ff0063;
	line-height: 24px;
	letter-spacing: -1.5px;
	}
	.nowrap {
	white-space: nowrap;
	}
	#outhead960 h2 {
	padding: 0.01em 0.5em;/*文字の上下 左右の余白*/
	color: #595454;/*文字色*/
	border-left: 10px solid #f6c2cf;/*左線*/
	font: 30px 'Noto Serif JP';
	}

	#outhead h2 {
	padding: 0.01em 0.5em;/*文字の上下 左右の余白*/
	color: #595454;/*文字色*/
	border-left: 10px solid #f6c2cf;/*左線*/
	font: 30px 'Noto Serif JP';
	}
	
	.d-demo__item > img{
	width: 100%;

	}
	.idumi3 {
		display:none;
		position: relative;
	}
	.idumiphoto {
	display: inline;
	position: relative;
	left: 0px;
	top: 232px;
	}
	#shakun {
	background: url(../images/foryourcopy2.png) 350px 80px no-repeat #E84B73;
	height: 390px;
	}
	.shaokuhead {
	font: 29px 'Noto Serif JP';
	color: white;
	text-align: left;
	position: absolute;
	top: 20px;
	text-shadow: 1px 1px 5px black, 1px 1px 5px #0f0e0e;
	left: 20px;
	}
	
	.shakuncopy {
	font: 26px 'Noto Serif JP';
	color: white;
	text-align: left;
	position: absolute;
	left: 46%;
	top: 110px;
	}
	.doron2 {
		display: none;
	}
	.shaoku {
	height: 500px;
	}
	.content1 { 
	width: 20%; 
	height: 20%;
	position: absolute;
	left: 40%;
	top: 20%;
	border: 0px solid #333;
	transform-origin: center 150%;
	animation: rotate1 20s linear infinite;
	}
	.content1 img{ 
	width: 25%;
	height: 25%;
	}
	.idumiphoto {
	top: 0px;
	position: absolute;
	left: 15px;
	}
	.idumiprofile {
 	margin-left: 43%;
	margin-top: 0px;
	}
	.idumiprofile td {
 	font-size: 11px;
	}
	.idumibg{
height: 405px;
background: url(../images/m_idumi.png) -80px -50px no-repeat;

}
	#daihyo{
 	background-color: white;
  	float: right;
  	margin-left: 10px;
	}
	.ckouri {
	margin-left: 20px;
	font-weight: bold;
	color: white;
	height: 250px;
	}
	.cvoice {
	background: url(../images/customer_kouri.png) 10px 50px no-repeat;
	width: 220px;
	}
	.cigyou {
	background: url(../images/customer_igyou.png) left 30px no-repeat;
	width: 220px;
	position: relative;
	}
	.ckensetsu {
	background: url(../images/customer_kensetsu.png) left 30px no-repeat;
	width: 220px;
	}
	.cyoushoku {
	background: url(../images/customer_youshoku.png) 10px 30px no-repeat;
	width: 220px;
	position: relative;
	}
	.ckensetsugyo {
	background: url(../images/customer_kensetsugyo.png) 60px 30px no-repeat;
	width: 220px;
	position: relative;
	}
	.voice	{
	font-size: 12px;
	width: 220px;
	margin-left: 20px;
	position: absolute;
	top: 90px;
	}
	.seizouvoice	{
	font-size: 12px;
	width: 210px;
	margin-left: 30px;
	position: absolute;
	top: 100px;
	left: 20px;
	}
	.egyouvoice	{
	font-size: 12px;
	width: 210px;
	position: absolute;
	top: 100px;
	left: 30px;
	}
	.youshokuvoice	{
	font-size: 12px;
	width: 210px;
	position: absolute;
	top: 90px;
	left: 40px;
	}
	.kensetsuvoice	{
	font-size: 12px;
	width: 210px;
	margin-left: 30px;
	position: absolute;
	top: 100px;
	left: 50px;
	}
	.igyou {
	font-weight: bold;
	color: white;
	height: 250px;
	text-align: left;
	}

	.stphoto{
	margin-right: 180px;
	border: 1px solid #ebe9e9;
	/* ▼CSS3 */
		border-top-right-radius: 10px;   /* 右上 */
		border-top-left-radius: 10px; /* 左上 */
		border-bottom-right-radius: 10px;   /* 右下 */
		border-bottom-left-radius: 10px; /* 左下 */
		
	/* ▼Safari,Chrome */
		-webkit-border-top-right-radius: 10px;   /* 右上 */
		-webkit-border-top-left-radius: 10px; /* 左上 */
		-webkit-border-bottom-right-radius: 10px;   /* 右下 */
		-webkit-border-bottom-left-radius: 10px; /* 左下 */
		/*  */
	/* ▼Firefox */
		-moz-border-radius-topright: 10px;   /* 右上 */
		-moz-border-radius-topleft: 10px; /* 左上 */
		-moz-border-radius-bottomright: 10px;   /* 右下 */
		-moz-border-radius-bottomleft: 10px; /* 左下 */
		
	/* ▼共通装飾 */
	/* 	border: 0px solid; */    /* 枠線の装飾 */
	/* 	background-color: #ccffcc; */  /* 背景色 */
	margin-bottom: 50px;
	}

}
#sslseal{
	left: 0px;
	top: 20px;
	text-align: left;
	margin-bottom: 20px;
}
.columright {
	text-align: right;
	font-size: 12px;
	margin-top: -10px;
}
.copyright {
	background-color: #1c2955;
	text-align: center;
	color: white;
	font-size: 14px;
	padding-top: 15px;
	margin-top: auto;
	padding-bottom: 30px;
}


/*【1200px以上に適用PC用】*/

@media(min-width:1200px) {
	.topcopy {
	text-align: center;
	margin-top: auto;
	font-size: 16px;
	color: #1c2955;
	margin-bottom: auto;
	}
	
	#toplogo{
		padding: 0px 10px 80px;
	}
	.topaddress {
	font-size: 13px;
	margin-bottom: 20px;
	text-align: right;
	height: 100px;
	}
	.topmenu {
	background-color: #1c2955;
	min-height: 35px;
	height: 35px;
	}
	.menu {
	width: 100%;
	display: flex;
	list-style: none;
	
	}
	.menu li {
	width: 100%; /* 可能な限り最大で表示 */
	text-align: center;
	font-size: 13px;
	color: white;
	margin-top: 5px;
	}
	.menu li a{
	width: 100%; /* 可能な限り最大で表示 */
	text-align: center;
	font-size: 13px;
	color: white;
	margin-top: 3px;
	}
	.menu li a:hover{
	width: 100%; /* 可能な限り最大で表示 */
	text-align: center;
	font-size: 13px;
	color: gray;
	}
		/*お知らせ*/
	#oshirase{
	padding-left: 20px;
	padding-top: 20px;
	}
	
	#oshirasehonbun{
	border: 1px solid silver;
	-moz-box-shadow: 0 0 1px #ffffff;
	box-shadow: 0 0 1px #ffffff;
	opacity: 1;
	padding: 10px;
	margin-left: 20px;
	width: 90%;
	margin-bottom: 50px;
	}

	.scroll-box {
	width: 90%;             /* 横幅 */
	height: 300px;            /* 高さ（これを超えたらスクロール） */
	overflow-y: auto;         /* 縦スクロールを有効化 */
	overflow-x: hidden;       /* 横スクロールは隠す */
	padding: 10px;
	border: 1px solid #ccc;
	border-radius: 6px;
	background: #fafafa;
	font-size: 14px;
	line-height: 1.6;
	max-width: 90%;
	min-width: 300px;
	}
	
	.sp {
		display:none;
	}

	.maphirado {
	position: absolute;
	top: 10px;
	width: 360px;
	margin-left: auto;
	margin-right: auto;
	left: 680px;
	}
	.headcopy {
	font: 33px/130% 'ＭＳ Ｐゴシック';
	color: #2E9C34;
	text-align: left;
	position: absolute;
	top: 25px;
	right: 80px;
	text-shadow: 3px 3px 0 #fff;
	}
	
	.enlogo {
	font: 33px 'Noto Serif JP';
	color: #5b5959;
	text-align: left;
	position: absolute;
	left: 180px;
	top: 50px;
	opacity:0.8;
	z-index: 1;
	}
	.kyushumap {
	position: absolute;
	left: 360px;
	top: 180px;
	opacity:1.0;	
	}
	.mapcenter {
	position: absolute;
	top: 240px;
	opacity:1.0;
	left: 460px;
	}
		
	/*業務サービス*/
	
	
	
	
	.content1 { 
	width: 20%; 
	height: 20%;
	position: absolute;
	left: 40%;
	top: 20%;
	border: 0px solid #333;
	transform-origin: center 150%;
	animation: rotate1 20s linear infinite;
	}
	.content1 img{ 
	width: 25%;
	}

	
	
	.arawaru {
		display: none;
	}
	.nokaigyo {
		display: none;
	}
	.toggle{
		position: absolute;
		left: 280px;
		top: 50px;
		z-index: 5;
		overflow: visible;
	}
	.headbanner {
	font-weight: bold;
	}
	.pinboi {
	background-color: #E84B73;
	border-bottom: 85px solid #E84B73;
	height: 85px;
	margin-bottom: auto;
}
	.topobi {
	border-left: 1px solid white;
	margin-top: 5px;
	}
	.topobilast {
	border-left: 1px solid white;
	border-right: 1px solid white;
	margin-top: 5px;
	}
	.boxshadow {
	width:44px;
    font-size:19px;
    font-weight:normal;
    text-decoration:none;
    display:block;
    text-align:center;
    padding: 10px 0;
    color:#fff;
    background-color: #E84B73;
    border-radius:3px;
    box-shadow: 5px 5px hsl(335, 13%, 94%);
	float: left;
	margin-right: 20px;
	margin-top: 20px;
	margin-bottom: 0px;
	}
	.boxshadowg {
	width: 44px;
    font-size:19px;
    font-weight:normal;
    text-decoration:none;
    display:block;
    text-align:center;
    padding: 10px 0;
    color:#fff;
    background-color: #2EA934;
    border-radius:3px;
    box-shadow: 5px 5px hsl(335, 13%, 94%);
	float: left;
	margin-right: 20px;
	margin-top: 20px;
	}
	.imgleft{
	float: right;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	margin-left: 10px;
	margin-bottom: 10px;
	}
	.sumaho {
		display: none;
	}
	/*.shakun {
	background: url(../images/foryourcopy.png) 10px 80px no-repeat #E84B73;
	height: 390px;
	}*/
	#outhead {
	font-size: 13px;
	color: #444444;
	width: 800px;
	max-width: 800px;
	min-width: 320px;
	margin-right: auto;
	margin-left: auto;
	}
	#outhead960 {
	font-size: 13px;
	color: #444444;
	min-width: 320px;
	margin-right: auto;
	margin-left: auto;
	}
	.gyoumuservice {
	background-repeat: no-repeat;
	background-color: #2EA934;
	}
	.outhead720 {
		width: 880px;
	}
	#gyoumutable{
	width: 100%;
	min-width: 840px;
	max-width: 140px;
	}
	#gyoumutable td{
	padding: 10px;
	width: 33.3%;
	}
	#gyoumutable td h3{
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 8px;
	color: #ff0063;
	line-height: 24px;
	}
	#gyoumutable td h4{
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 8px;
	color: #ff0063;
	line-height: 24px;
	letter-spacing: -1.5px;
	}
	.nowrap {
	white-space: nowrap;
	}
	#outhead960 h2 {
	padding: 0.01em 0.5em;/*文字の上下 左右の余白*/
	color: #595454;/*文字色*/
	border-left: 10px solid #f6c2cf;/*左線*/
	font: 30px 'Noto Serif JP';
	}
	#outhead h2 {
	padding: 0.01em 0.5em;/*文字の上下 左右の余白*/
	color: #595454;/*文字色*/
	border-left: 10px solid #f6c2cf;/*左線*/
	font: 30px 'Noto Serif JP';
	}
	.d-demo__item > img{
	width: 100%;
	}
	.idumi3 {
		display:none;
		position: relative;
	}
	.idumiphoto {
	display: inline;
	position: relative;
	left: 0px;
	top: 0px;
	}
	#shakun {
	background: url(../images/foryourcopy.png)  #E84B73;
	background-repeat: no-repeat;
	background-position: right 150px center; 

	height: 390px;
	}
   .shakunhead {
	font: 46px 'Noto Serif JP';
	color: white;
	text-align: left;
	position: absolute;
	left: 43%;
	top: 50px;
   }
   .shakuncopy {
	font: 26px 'Noto Serif JP';
	color: white;
	text-align: left;
	position: absolute;
	left: 46%;
	top: 110px;
   }
   .idumiphoto {
	top: 0px;
	position: absolute;
	left: 15px;
	}
	
   .doron2 {
		display: none;
	}
	.shaoku {
	height: 900px;
	}
	.shaokuhead {
	font: 33px 'Noto Serif JP';
	color: white;
	text-align: left;
	position: absolute;
	top: 20px;
	text-shadow: 1px 1px 5px black, 1px 1px 5px #0f0e0e;
	left: 20px;
	}
   .idumiprofile {
 	margin-left: 43%;
	margin-top: 0px;
	}
	.idumiprofile td {
 	font-size: 12px;
	}
	.idumibg{
	height: 400px;
	background: url(../images/m_idumi.png) -50px -30px no-repeat;
	background-size:120%;
	}
	#daihyo{
 	background-color: white;
  	float: right;
  	margin-left: 10px;
	}
	
	.ckouri {
	margin-left: 20px;
	font-weight: bold;
	color: white;
	height: 250px;
	}
	.cvoice {
	background: url(../images/customer_kouri.png) 50px 50px no-repeat;
	width: 220px;
	}
	.cigyou {
	background: url(../images/customer_igyou.png) left 30px no-repeat;
	width: 220px;
	position: relative;
	}
	.ckensetsu {
	background: url(../images/customer_kensetsu.png) left 30px no-repeat;
	width: 220px;
	}
	.cyoushoku {
	background: url(../images/customer_youshoku.png) 50px 30px no-repeat;
	width: 220px;
	position: relative;
	}
	.ckensetsugyo {
	background: url(../images/customer_kensetsugyo.png) 60px 30px no-repeat;
	width: 220px;
	position: relative;
	}
	.voice	{
	font-size: 12px;
	width: 220px;
	margin-left: 60px;
	position: absolute;
	top: 90px;
	}
	.seizouvoice	{
	font-size: 12px;
	width: 210px;
	margin-left: 30px;
	position: absolute;
	top: 95px;
	left: 18px;
	line-height: 17px;
	}
	.egyouvoice	{
	font-size: 12px;
	width: 210px;
	position: absolute;
	top: 100px;
	left: 30px;
	}
	.youshokuvoice	{
	font-size: 12px;
	width: 210px;
	position: absolute;
	top: 90px;
	left: 80px;
	}
	.kensetsuvoice	{
	font-size: 12px;
	width: 210px;
	margin-left: 30px;
	position: absolute;
	top: 100px;
	left: 50px;
	}
	.igyou {
	font-weight: bold;
	color: white;
	height: 250px;
	text-align: left;
	}

   .stphoto{
	margin-right: 20px;
	border: 1px solid #ebe9e9;
	/* ▼CSS3 */
		border-top-right-radius: 10px;   /* 右上 */
		border-top-left-radius: 10px; /* 左上 */
		border-bottom-right-radius: 10px;   /* 右下 */
		border-bottom-left-radius: 10px; /* 左下 */
		
	/* ▼Safari,Chrome */
		-webkit-border-top-right-radius: 10px;   /* 右上 */
		-webkit-border-top-left-radius: 10px; /* 左上 */
		-webkit-border-bottom-right-radius: 10px;   /* 右下 */
		-webkit-border-bottom-left-radius: 10px; /* 左下 */
		/*  */
	/* ▼Firefox */
		-moz-border-radius-topright: 10px;   /* 右上 */
		-moz-border-radius-topleft: 10px; /* 左上 */
		-moz-border-radius-bottomright: 10px;   /* 右下 */
		-moz-border-radius-bottomleft: 10px; /* 左下 */
		
	/* ▼共通装飾 */
	/* 	border: 0px solid; */    /* 枠線の装飾 */
	/* 	background-color: #ccffcc; */  /* 背景色 */
	margin-bottom: 50px;

}
.spbr {
	display:none;
	}
#sslseal{
	left: 0px;
	top: 20px;
	text-align: left;
	margin-bottom: 20px;
}
.columright {
	text-align: right;
	font-size: 12px;
	position: static;
	top: -70px;
}
.copyright {
	background-color: #1c2955;
	text-align: center;
	color: white;
	font-size: 14px;
	padding-top: 15px;
	margin-top: auto;
	padding-bottom: 30px;
}


}