@charset "UTF-8";


/*----------------*/

* {
	line-height:180%;
	word-break: break-all;
	table-layout: fixed; 
}

img {
	border:none;
	-ms-interpolation-mode: bicubic;
	max-width: 100%;
}




/*.clearFix {
	zoom:100%;
}*/

.clearFix:after {
	content: " "; clear: both; height: 0; display: block; visibility: hidden;
}



/*-fonts---------------*/

body {
	font:13px/1.231 arial,helvetica,clean,sans-serif;
	*font-size:small; /* for IE */
	*font:x-small; /* for IE in quirks mode */
}


/*---design-------------*/
body {
	margin:0 auto;
	padding:0;
	text-align:center;
	background-color:rgb(230,229,239);
/*	background-image:  url(https://web.minori-info.com/common/images/bgbody.jpg);
	background-repeat:  no-repeat;
	background-size: cover;*/
	color:#3e3a3a;
	font-family:Verdana,Arial,Helvetica,'meirio','メイリオ','Hiragino Maru Gothic Pro','ヒラギノ丸ゴ Pro W4',Osaka,'ＭＳ Ｐゴシック',sans-serif;
	line-height:160%;
}

p {
	padding: 0.3em 0 ;
}

b{
	font-weight: bold;
}

small {
	font-size: smaller;
}

a:link,a:visited {
	color:rgb(110,100,87);
	text-decoration: none;
}

a:hover,a:active {
	color:rgb(206,215,220);
	transition: transform 0.2s ease-out;
}

a:hover img{
    transform: rotate(360deg); 
    opacity: 0.5;
    z-index: 100;
    transition: transform 0.5s ease-out;
}

strong{
	font-weight: bold;
}

/*blockquote {
	margin:1em 0px;
	padding:15px;
	border:#EFEED5 solid 3px;
}*/


/*外枠設定=====================================*/
#wrapper {
	margin:20px auto 0;
	padding:0;
	width:960px;
}

/*ヘッダー設定=================================*/
#headerWrapper {
}

header {
	height:140px;
	text-align:left;
	position:relative;
	background-color: #ffffff;
	-moz-border-radius:6px6px 0 0;
	-webkit-border-radius: 6px 6px 0 0;
	border-radius:6px 6px 0 0;

}



/*キャッチコピー*/
.copy {
	position:absolute;
	top:10px;
	left:20px;
	margin:0;
	padding:0;
	font-size:77%;
}

/*ロゴ */
.logo {
	position:absolute;
	left:20px;
	margin:10px 0 0 0;
}

.logo img{
	height: 140px;
	object-fit: contain;
}

/*お問い合わせボタン*/
.contactButton {
	position:absolute;
	top:20px;
	right:20px;
	margin:0;
	padding:0;
}

.contactButton a {
	padding:8px 15px;
	display:block;
	color:#ffffff;
	text-decoration:none;
	background-image:-moz-linear-gradient(50% 0% ,rgb(198,213,227) 0%,rgb(206,215,220) 99%,rgb(206,215,220) 100%); 
	background-image:-webkit-gradient(linear,50% 0%,50% 100%,color-stop(0, rgb(198,213,227)),color-stop(0.99, rgb(206,215,220)),color-stop(1, rgb(206,215,220)));
	background-image:-webkit-linear-gradient(rgb(198,213,227) 0%,rgb(206,215,220) 99%,rgb(206,215,220) 100%);
	background-image:-o-linear-gradient(rgb(198,213,227) 0%,rgb(206,215,220) 99%,rgb(206,215,220) 100%);
	background-image:-ms-linear-gradient(rgb(198,213,227) 0%,rgb(206,215,220) 99%,rgb(206,215,220) 100%);
	background-image:linear-gradient(rgb(198,213,227) 0%,rgb(206,215,220) 99%,rgb(206,215,220) 100%);
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffccb959,endColorstr=#ffaf9219,GradientType=0)";
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffccb959,endColorstr=#ffaf9219,GradientType=0);
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
}

.contactButton a:hover,
.contactButton a:active{
	background-image:-moz-linear-gradient(50% 0% ,rgb(206,215,220) 0%,rgb(198,213,227) 99%,rgb(198,213,227) 100%); 
	background-image:-webkit-gradient(linear,50% 0%,50% 100%,color-stop(0, rgb(206,215,220)),color-stop(0.99, rgb(198,213,227)),color-stop(1, rgb(198,213,227)));
	background-image:-webkit-linear-gradient(rgb(206,215,220) 0%,rgb(198,213,227) 99%,rgb(198,213,227) 100%);
	background-image:-o-linear-gradient(rgb(206,215,220) 0%,rgb(198,213,227) 99%,rgb(198,213,227) 100%);
	background-image:-ms-linear-gradient(rgb(206,215,220) 0%,rgb(198,213,227) 99%,rgb(198,213,227) 100%);
	background-image:linear-gradient(rgb(206,215,220) 0%,rgb(198,213,227) 99%,rgb(198,213,227) 100%);
}

/*ナビゲーション*/
.navi {
	position:absolute;
	top:60px;
	right:20px;
	height:65px;
	line-height:65px;
}

.navi ul {
	list-style:none;
	margin:12px 0 0 10px;
	padding:0;
	height:65px;
}

.navi ul li{
	list-style:none;
	margin:0;
	padding:0;
	float:left;
	border-left:dotted 1px #fce1e7;
}

.navi ul li a{
	text-decoration:none;
	text-align:center;
	display:block;
	padding:5px 10px;
	margin:0px 5px;
	height:35px;
	cursor:pointer;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
}

.navi ul li a .titleJa {
	display:block;
	height:20px;
	line-height:20px;
	font-size:100%;
}

.navi ul li a .titleEn {
	display:block;
	height:15px;
	line-height:15px;
	font-size:77%;
}

.navi ul li a:link,
.navi ul li a:visited{
	color:rgba(99,61,33,1);
}

.navi ul li a:link .titleJa,
.navi ul li a:visited .titleJa{
}

.navi ul li a:link .titleEn,
.navi ul li a:visited .titleEn{
}

.navi ul li a:hover,
.navi ul li a:active{
	background-image:-moz-linear-gradient(50% 0% ,rgb(198,213,227) 0%,rgb(206,215,220) 99%,rgb(206,215,220) 100%); 
	background-image:-webkit-gradient(linear,50% 0%,50% 100%,color-stop(0, rgb(198,213,227)),color-stop(0.99, rgb(206,215,220)),color-stop(1, rgb(206,215,220)));
	background-image:-webkit-linear-gradient(rgb(198,213,227) 0%,rgb(206,215,220) 99%,rgb(206,215,220) 100%);
	background-image:-o-linear-gradient(rgb(198,213,227) 0%,rgb(206,215,220) 99%,rgb(206,215,220) 100%);
	background-image:-ms-linear-gradient(rgb(198,213,227) 0%,rgb(206,215,220) 99%,rgb(206,215,220) 100%);
	background-image:linear-gradient(rgb(198,213,227) 0%,rgb(206,215,220) 99%,rgb(206,215,220) 100%);
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffccb959,endColorstr=#ffaf9219,GradientType=0)";
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffccb959,endColorstr=#ffaf9219,GradientType=0);
	color:#fff;
}

.navi ul li a:hover .titleJa,
.navi ul li a:active .titleJa{
}

.navi ul li a:hover .titleEn,
.navi ul li a:active .titleEn{
}


/* スライダー設定(トップページのみ) ==================*/
#sliderWrapper {
	position:relative;
	margin:0px auto 0px;
	padding:0;
	width:960px;
	text-align:left;
}

#slider {
	width:960px;
	height:220px;
	margin:0;
	overflow:hidden;
	position:relative;
}

#slider #sliderItem {
	position: absolute;
	margin: 0;
	padding: 0;
	list-style: none;
	width: 4600px;
	left:0px;
	top: 0px;
}

#slider #sliderItem li{
	margin:0;
	padding:0;
	list-style:none;
	width:960px;
	height:220px;
	float:left;
}

#slider #sliderItem li{
	z-index:9999;
	display:block;
}

#slider #sliderItem li img {
	width:960px;
	height:220px;
}

#sliderWrapper .leftBtn {
	position:absolute;
	width:44px;
	height:44px;
	top:86px;
	left:5px;
	z-index:999;
}

#sliderWrapper .rightBtn {
	position:absolute;
	width:44px;
	height:44px;
	top:86px;
	right:5px;
	z-index:999;
}

/*メインエリア設定=====================================*/

#contentsWrapper {
	margin:0 auto;
	padding:0;
	text-align:left;
	background:#ffffff;
	-moz-border-radius:0 0 6px 6px ;
	-webkit-border-radius:0 0 6px 6px;
	border-radius:0 0 6px 6px;
}

#contents {
	padding:0 20px 20px;
}

.mainimg{
	height: auto;
	margin-bottom: 10px;
}

/*フッター設定=====================================*/

#footerWrapper {
	margin:20px 0 0;
	text-align:center;
}

footer {
	width:960px;
	text-align:left;
	margin:0 auto;
	padding:0 0 10px;
}

.footerAddress {
	text-align:right;
	line-height:30px;
	color:#FFF;
}

footer .copyright {
	margin:0;
	padding:0 ;
	font-size:93%;
	height:30px;
	line-height:30px;
}

/*トップページ=====================================*/
#side {
	float:left;
	width:270px;
}

#main-sp img{
	margin: 10px 0;
	height: 280px;
	width: 100%;
	object-fit: cover;
	object-position: 100% 0;
}

#main {
	float:right;
	width:620px;
}

#main .textBox {
	padding:10px;
}

#side .textBox {
	margin:0 0 15px;
	padding:5px 15px;
	border:solid #fff 3px;
	background-color:rgba(230,229,239,.3);
	-moz-box-shadow:0px 0px 0px 1px rgb(230,229,239);
	-webkit-box-shadow:0px 0px 0px 1px rgb(230,229,239);
	box-shadow:0px 0px 0px 1px rgb(230,229,239);
	-ms-filter:"progid:DXImageTransform.Microsoft.Glow(Color = #a5eae9e1 ,Strength = 1)";
	filter:progid:DXImageTransform.Microsoft.Glow(Color = #a5eae9e1 ,Strength = 1);	
}

#side .textBox p{
	margin:10px 0;
	padding:0;
}


#side .textBox ul {
	margin:0;
	padding:0;
	list-style:none;
}

#side .textBox ul li {
	margin:0 0 10px;
	padding:0 0 10px;
	list-style:none;
	line-height:160%;
	border-bottom:dotted #fce1e7 1px;
}

#side .textBox ul li .date {
	font-size:108%;
	font-family:Georgia, "Times New Roman", Times, serif;
}

#main .news dl {
	margin: 0 0 15px;
	padding: 0 5px 10px;
}

#main .news dl dt {
	float: left;
	width: 11em;
	padding: 10px 0;
	font-weight: bold;
	line-height: 150%;
	margin:0;
}

#main .news dl dd {
	padding: 10px 10px 10px 11em;
	line-height: 150%;
	border-bottom: 1px #fce1e7 dotted;
	margin:0 ;
}

.news .newsTitle{
	display:block;
	font-weight:bold;
	color:rgba(62,58,58);
}


.menuBox .mainmenu {
	width:200px;
	margin:5px 0 10px 5px;
	float: left;
}

.menuBox .mainmenu img {
	border:#fff solid 5px;
	margin-bottom:10px;
	-moz-box-shadow:0px 0px 0px 1px rgb(230,229,239);
	-webkit-box-shadow:0px 0px 0px 1px rgb(230,229,239);
	box-shadow:0px 0px 0px 1px rgb(230,229,239);
	-ms-filter:"progid:DXImageTransform.Microsoft.Glow(Color = #ffeae4c3 ,Strength = 1)";
	filter:progid:DXImageTransform.Microsoft.Glow(Color = #ffeae4c3 ,Strength = 1);
}

.menuBox .mainmenu h3 {
	text-align:center;
	margin:0;
	padding:3px;
	font-size:100%;
	background: repeating-linear-gradient(-45deg, 
      rgba(230,229,239, 0.1) 0, 
      rgba(230,229,239, 0.5) 2px,
      rgba(230,229,239, 0.1) 4px);
	}


/*共通設定=====================================*/

/*パンくずリスト*/
.panList {
	height:30px;
	line-height:30px;
	font-size:77%;
	margin:0 -20px 10px;
	padding:0px 10px;
	background:rgba(206,215,220) ;
	color:#ffffff;
}

.panList a {
	color:#ffffff;
}

.pageTitle {
	height:50px;
	padding:0 0 5px 10px;
	margin:0 0 10px;
	box-shadow: 0px -10px 10px -5px rgba(230,229,239,0.7) inset,0px 10px 5px -3px #e6e5ef;
	line-height:50px;
	font-weight:normal;
	font-size:138.5%;
}


/*見出し*/
.caption{
	height:50px;
	padding:0 0 5px 10px;
	margin:20px 0 10px;
	box-shadow: 0px -10px 10px -5px rgba(230,229,239,0.7) inset,0px 10px 5px -3px #e6e5ef;
	line-height:50px;
	font-weight:normal;
	font-size:138.5%;
/*	color:rgba(128,059,045,1);*/
}

.outline {
	border:solid 5px #FFF;
	margin:0 0 15px;
	padding:15px;
	background-color:rgba(230,229,239,.3);
	-moz-box-shadow:0px 0px 0px 2px rgb(230,229,239);
	-webkit-box-shadow:0px 0px 0px 2px rgb(230,229,239);
	box-shadow:0px 0px 0px 2px rgb(230,229,239);
	-ms-filter:"progid:DXImageTransform.Microsoft.Glow(Color = #a5eae9e1 ,Strength = 2)";
	filter:progid:DXImageTransform.Microsoft.Glow(Color = #a5eae9e1 ,Strength = 1);	
}

.mainText{
	border:solid 5px #FFF;
	margin:0 0 15px;
	padding:15px;
	background-color:rgba(230,229,239,.3);
	-moz-box-shadow:0px 0px 0px 2px rgb(230,229,239);
	-webkit-box-shadow:0px 0px 0px 2px rgb(230,229,239);
	box-shadow:0px 0px 0px 2px rgb(230,229,239);
	-ms-filter:"progid:DXImageTransform.Microsoft.Glow(Color = #a5eae9e1 ,Strength = 2)";
	filter:progid:DXImageTransform.Microsoft.Glow(Color = #a5eae9e1 ,Strength = 1);	
}


/*Webページ作成　出張フォトページ=====================================*/
.menuList {
	margin:0 0 0 -20px;
}

.menuList .item {
	float:left;
	width:290px;
	margin:0 0 10px 20px;
}

.menuList .item img {
	margin:0 0 10px;
}

.menuList .item .text {
	width:960px;
	float:left;
}




/*Webページ作成 バナー・ヘッダー作成ページ=====================================*/

.web-sampleList{
	justify-content: space-around;
	display: flex;
}

.web-sampleimg1{
	width: 60%;
	height: auto;
	margin:0 0 10px 15px;
}

.web-sampleimg2{
	width: 35%;
	height: auto;
	margin:0 0 10px 15px;
}

.web-sampleList,
.sampleList {
	margin:0 0 0 -5px;
}

.web-sampleimg1,
.web-sampleimg2{
	margin:0 0 10px 15px;
}

.sampleimg {
	float:left;
	width:290px;
	margin:0 0 10px 15px;
}

.web-sampleimg1 img,
.web-sampleimg2 img,
.sampleimg img {
	margin:0 0 10px;
}


.sampletext {
	text-align:center;
	margin:0 0 5px;
}

.web-sampleimg1 h3,
.web-sampleimg2 h3,
.sampleimg h3 {
	text-align:center;
	margin:0;
	padding:0;
	background: repeating-linear-gradient(-45deg, 
      rgba(230,229,239, 0.1) 0, 
      rgba(230,229,239, 0.5) 2px,
      rgba(230,229,239, 0.1) 4px);
}

/*.recruitTable table {
	border-top:solid #E8E6DE 1px;
	border-left:solid #E8E6DE 1px;
	width:100%;
	border-spacing: 0;
	margin:0 0 20px;
}

.recruitTable table th{
	border-bottom:solid #E8E6DE 1px;
	border-right:solid #E8E6DE 1px;
	text-align:left;
	background:#F4F2EA;
	padding:10px;
	font-weight:normal;
}

.recruitTable table td{
	border-bottom:solid #E8E6DE 1px;
	border-right:solid #E8E6DE 1px;
	padding:10px;
}*/

/*プロフィールページ=====================================*/

.linkBox .linktext {
	width:550px;
	float:right;
}

.linkBox .profileimg {
	width:340px;
	float:left;
}

.linkBox .profileimg img{
	margin-bottom: 7px;
}

.linktext dt{
	margin-top: 20px;
}

/*.linkBox .profileimg dl {
	margin:0 0 40px;
}

.linkBox .profileimg dl dt {
	float: left;
	width: 10em;
	padding: 10px 0;
	margin:0;
	font-weight: bold;
	text-indent: 1em;
	line-height: 150%;
}

.linkBox .profileimg dl dd {
	padding: 10px 0 10px 10em;
	line-height: 150%;
	text-align:right;
	margin:0;
	border-bottom: 1px #fce1e7 dotted;
}*/

.sp{
	display: none;
}

.npc{
	display: none;
}

/*ここからタブレットサイズ（画面の横幅が560px〜959px）*/

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

	.pc{
		display: none;
	}

	.npc{
		display: block;
	}

	footer{
		width: 100%;
	}

	#wrapper{
		width: 90%;
	}

	#main ,#side{
		float: none;
		width: 100%;
	}


	/*ロゴ */
	.logo {
		width: 200px;
		top:0px;
	}

	.logo img{
		height: 100px;
	}

	.contactButton{
		top: 30px;
	}

	/*ナビ*/

	.navi{
		top: 75px;
	}

	.navi ul {
		margin:12px 0 0 0px;
	}

	.navi ul li a{
		padding:5px 5px;
	}

	.navi ul li a .titleJa {
		font-size:80%;
	}

	.navi ul li a .titleEn {
		font-size:70%;
	}

	/*------top Page------------*/
	#slider #sliderItem li{
		width:80%;
		float:left;
	}

	#slider #sliderItem li{
		z-index:9999;
		display:block;
	}

	#slider #sliderItem li img {
		max-width:80%;
		object-fit: contain;
	}

	.menuBox{
		justify-content: space-around;
	}

	.menuBox .mainmenu {
		margin:5px 5px 20px 5px;
	}

	/*------plofile------------*/	

	.linkBox .profileimg {
		width: 40%;
	}

	.linkBox .profileimg img{
		object-fit: cover;
	}

	.linkBox .linktext {
		width: 55%;
	}

}


/*ここからSPサイズ（画面の横幅が559pxまで）*/

@media screen and (max-width: 559px){
	.nsp {
		display: none;
	}
	.sp{
		display: block;
	}

	header{
		height: 90px;
	}

	.pageTitle{
		height: 28px;
		font-size: 11px;
		line-height:25px;
		font-weight: bold;
	}

	.logo{
		width: 35%;
		top: -15px;
	}

	.logo img{
		height: 75px;
	}

	.contactButton{
		width: 130px;
		top: 10px;
		font-size: 10px;
	}

	/*ナビゲーション*/
	
	.navi-sp {
		position:absolute;
		top:55px;
		right:20px;
		height:65px;
		line-height:1.5em;
	}

	.navi-sp ul {
		margin:0;
		padding:0;
		height:65px;
	}

	.navi-sp ul li{
		list-style:none;
		padding:0 5px;
		float:left;
		border-left:dotted 1px #fce1e7;
	}

	.navi-sp ul li a{
		text-align:center;
		display:block;
/*		padding:5px 3px;*/
		margin: 5px 3px;
		height:70px;
	}

	.navi-sp ul li a {
		display:block;
		height:20px;
		line-height:1.5em;
		font-size:70%;
	}

	.navi-sp ul li a{
		color:rgba(128,059,045,1);
	}



	.menuList {
		margin:0;
	}

	.menuBox .mainmenu,
	.web-sampleimg1,
	.web-sampleimg2,
	.sampleimg,
	.menuList .item{
		float: none;
		margin: 10px auto 30px;
	}



	.web-sampleList{
		display: block;
	}

	.web-sampleList .web-sampleimg1,
	.web-sampleList .web-sampleimg2,
	.sampleList .sampleimg{
		width: 90%;
	}


	.linkBox .profileimg {
		float: none;
		width: 100%;
	}

	.linkBox .profileimg img{
		width: 100%;
		object-fit: contain;
	}

	.linkBox .linktext {
		float: none;
		width: 100%;
	}

	#footerWrapper{
		font-size: 8px;
		line-height: 1.2em;
	}

}