@charset "UTF-8";

@media (min-width: 768px) {
	.cont-in{
		width: 95%;
		margin-left: auto;
		margin-right: auto;
	}
}

/***********************************
*弊社の理念	*
***********************************/
.sec-article p.vision-lead{
	text-align: center;
	font-size: 1.3rem;
	font-weight: 600;
}
.sec-article p.vision-lead-txt{

}
#vision h4{
	font-family: 'Noto Serif JP', serif;
	color:#513001;
	text-align: center;
	border-bottom: solid #e99316 2px;
	font-size: 1.1rem;
	padding-top: 0.8rem;
	padding-bottom: 0.5rem;
	margin-bottom: 0.5rem;
}
#vision h4 span{
	display: block;
	padding-bottom: 0.3rem;
}

	@media (min-width: 992px) {
		.sec-article p.vision-lead{
			font-size: 2.2rem;
		}
		#vision h4{
			border-bottom: solid #e99316 3px;
			font-size: 1.4rem;
			padding-top: 2.5rem;
			padding-bottom: 1.1rem;
			margin-bottom: 1.2rem;
		}
		#vision h4 span{
			padding-bottom: 0.5rem;
		}
	}

/***********************************
* アイ・フィックスの柱	*
***********************************/
.concept-box{
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 2rem;
}
.concept-box .pic{
	text-align: center;
}
.concept-box .pic img{
	width: 70%;
	height: auto;
}
.concept-box h4{
	text-align: center;
	border-bottom: solid #e99316 2px;
	padding-top: 1rem;
	padding-bottom: 0.5rem;
	margin-bottom: 0.5rem;
}
.concept-box h4 img{
	height: 20px;
}

	@media (min-width: 768px) {
		.concept-box{
			margin-bottom: 0;
		}
		.concept-box .pic img{
			width: 100%;
		}
	}
	@media (min-width: 992px) {
		.concept-box h4{
			border-bottom: solid #e99316 3px;
			padding-top: 1.5rem;
			padding-bottom: 1rem;
			margin-bottom: 1rem;
		}
		.concept-box h4 img{
			height: 30px;
		}
	}
	@media (min-width: 1200px){
		.concept-box h4 img{
			height: auto;
		}
	}

/***********************************
* 代表挨拶	*
***********************************/
.sec-article p.message-lead{
	font-size: 1rem;
	font-weight: 600;
	margin-bottom: 0.6rem;
}
.message-pic img{
	width: 100%;
	height: auto;
}
.sec-article .message-signature{
	display: table;
	margin-left: auto;
}
.sec-article .message-signature p{
	margin-bottom: 0;
}
.sec-article .message-signature p.signature{
	display: block;
	background-image: url(../img/corporateinfo_message-signature.jpg);
	background-repeat: no-repeat;
	background-position:80px;
	background-size: 180px;
	width: 260px;
	padding-top: 15px;
	padding-bottom: 15px;
}

	@media (min-width: 768px) {

	}
	@media (min-width: 992px) {
		.sec-article p.message-lead{
			font-size: 1.8rem;
			margin-bottom: 1.5rem;
		}
		.sec-article .message-signature p.signature{
			display: block;
			background-image: url(../img/corporateinfo_message-signature.jpg);
			background-repeat: no-repeat;
			background-position:100px;
			background-size: 275px;
			width: 375px;
			padding-top: 20px;
			padding-bottom: 20px;
		}
	}
/* 代表プロフィール --------------------*/
.profile{
	border-top:solid #bdbdbd 1px;
	padding-top: 1.5rem;
	margin-top: 2rem;
}
.profile h4,.kasai h4{
	font-size: 0.9rem;
	font-weight: 600;
}
	@media (min-width: 992px){
		.profile{
			padding-top: 3rem;
			margin-top: 3.5rem;
		}
		.profile h4{
			font-size: 1.5rem;
			margin-bottom: 1rem;
		}
	}

/***********************************
* 会社概要	*
***********************************/
.sec-article p.information-title{
	font-size: 1rem;
	font-weight: 600;
	margin-bottom: 0.6rem;
}
dl.informatinon-list{
	
}
dl.informatinon-list dt{
	padding: .1em 0 .1em .8em;
	margin-bottom: .3em;
	border-left: 2px solid var(--color-main);
	font-size: clamp(0.875rem, 0.831rem + 0.19vw, 1rem);/* min14px max16px==vp min375px max1440 px*/
}
dl.informatinon-list dt > span{
	font-size: clamp(0.938rem, 0.871rem + 0.28vw, 1.125rem);
	font-weight: 600;
}
dl.informatinon-list dd{
	padding-left: 1em;
	margin-bottom: 1.5em;
	font-size: clamp(0.875rem, 0.831rem + 0.19vw, 1rem);/* min14px max16px==vp min375px max1440 px*/
}
dl.informatinon-list dd > p{
	margin-bottom: 1em;
}
dl.informatinon-list dd > *:last-child{
	margin-bottom: 0;
}
.g-map{
position: relative;
padding-bottom: 70%;
height: 0;
overflow: hidden;
margin-bottom: 1rem;
}
.g-map iframe{
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important;
}

	@media (min-width: 768px) {
		dl.informatinon-list{
			display: flex;
			flex-wrap: wrap;
		}
		dl.informatinon-list dt{
			width: 24.08%;
			padding-top: .3em;
			padding-bottom: .3em;
			margin-bottom: .7em;
		}
		dl.informatinon-list dd{
			width: calc(100% - 24.08%);
			padding-top: .3em;
			padding-bottom: .3em;
			padding-left: 1em;
			margin-bottom: .7em;
		}
		.information-cont h4{
			font-size: 0.9rem;
		}
	}
	@media (min-width: 992px) {
		dl.informatinon-list dt{
			padding-left: 1.2em;
		}
		#access{
			padding-top: 0;
		}
		#access-txt{
			padding-top: 2rem;
		}
		.sec-article p.information-title{
			font-size: 1.8rem;
			margin-bottom: 1.5rem;
		}
		.information-cont h4{
			font-size: 1.1rem;
		}
		.g-map{
			padding-bottom: 90%;
		}
	}