/*あいさつ*/

.greeting_tx {
    font-size: 20px;
    line-height: 1.9;
    font-weight: bold;
    color: rgba(0,0,0,1.00);
	font-family: 'Noto Serif JP', serif;
}
@media screen and (max-width: 575px) {
  .greeting_tx {
    font-size: 18px;
  }
}
.boss_name {
    font-size: 1.8rem;
    color: #555;
    line-height: 1.5;
    padding-top: 5%;
    padding-bottom: 0px;
    letter-spacing: 0.1em;
	font-weight: bold;
    text-align: right;
	font-family: 'Noto Serif JP', serif;
}

.boss_name span {
    font-size: 3.8rem; 
	padding-left: 10px; 
}

@media (max-width: 767px) {
.boss_name {
    font-size: 1.6rem;    
}
	.boss_name span {
    font-size: 2.8rem;
}
}	
/*企業情報*/	
.outline_area {
    padding-top: 5%;
    padding-bottom: 5%;
}
@media only screen and (max-width: 575px) {
.outline_area {
    padding-right: 20px;    
    padding-left: 20px;  
}
}
.outline_box {
    display: grid;
    grid-template-columns: 20% auto;
    font-size: 18px;
    padding-top: 10px;
    padding-right: 0px;
    padding-bottom: 10px;
    padding-left: 0px;
}
@media only screen and (max-width: 991px) {
.outline_box {
    grid-template-columns: 25% auto;    
}
}
@media only screen and (max-width: 767px) {
.outline_box {
    grid-template-columns: 1fr; 
	padding-bottom: 0px;	
}
}

.outline_box dt {
    border-bottom: 1px solid rgba(230,0,18,0.2);
    padding-top: 20px;
    padding-right: 10px;
    padding-bottom: 20px;
    padding-left: 10px;
}
.outline_box dd {  
	border-bottom: 1px solid #E8E8E8;
	padding-top: 20px;
    padding-right: 10px;
    padding-bottom: 20px;
    padding-left: 10px;
	font-feature-settings: "palt";
    letter-spacing: 0.1em;
}
@media only screen and (max-width: 767px) {
.outline_box dt {
    border-bottom: 1px none rgba(202, 192, 145, 1.00);
    padding-top: 0px;
    padding-right: 5px;
    padding-bottom: 0px;
    padding-left: 5px;
    font-size: 16px;
    font-weight: bold;
}
.outline_box dd {  
	border-bottom: 1px solid #E8E8E8;
	padding-top: 5px;
    padding-right: 5px;
    padding-bottom: 10px;
    padding-left: 5px;
	font-size: 16px;
}
}

/*access*/


.access_box {
    padding-top: 5%;
    padding-right: 5%;
    padding-left: 5%;
    padding-bottom: 5%;
    background-color: rgba(255,255,255,0.9);
    border-radius: 20px;
    box-shadow: 6px 6px 10px 0px rgba(0, 0, 0, 0.4);    
    margin-left: 5%;
}
@media screen and (max-width: 991px) {
.access_box {
    margin-top: -12%; 
	padding-top: 5%;    
    padding-bottom: 5%;
	margin-right: 5%;
}
}
@media screen and (max-width: 575px) {
.access_box {
    margin-top: 0%; 
	margin-top: 20px;    
    margin-bottom: 20px;
}
}
.access_ttl {
    font-size: 28px;
    font-feature-settings: "palt";
    letter-spacing: 0.07em;
    font-weight: bold;  /*color: #000;*/
    margin-bottom: 7%;
	position: relative;
}
@media screen and (max-width: 575px) {
.access_ttl {
    font-size: 18px;
}
}
.access_ttl::after {
  content: "";  
  background-image: linear-gradient(135deg, rgba(202, 192, 145, 1.00) 0%, rgba(202, 192, 145, 1.00) 50%, #999999 50%, #999999 100%);
	/*background-color: #12968f;*/
  width: 150px;
  height: 2px;
  position: absolute;
  top: 100%;
    left: 0%;
	transform: translateX(-0%);
}

.access_subttl {
    font-size: 21px;
    color: #fff;
    font-weight: bold;
    margin-top: 3%;
    background-color: #E60012;
    padding-top: 2px;
    padding-right: 10px;
    padding-bottom: 2px;
    padding-left: 10px;
    display: inline-block;
}
@media screen and (max-width: 575px) {
.access_subttl {
    font-size: 16px;
}
}

.access_add {
    font-size: 19px;
    color: #555555;
    font-feature-settings: "palt";
    margin-bottom: 3%;
	font-weight: bold;
}
@media screen and (max-width: 575px) {
.access_add {
    font-size: 18px;
}
}

.access_tx {
    font-size: 18px;
    color: #555555;
    font-feature-settings: "palt";
    margin-bottom: 3%;
}
@media screen and (max-width: 575px) {
.access_tx {
    font-size: 16px;
}
}
.access_tx span {    
    color: #E60012;
    font-feature-settings: "palt";
    margin-bottom: 3%;
    font-weight: bold;
}
@media screen and (max-width: 575px) {
.access_tx span {
    font-size: 18px;
}
}

.map_area iframe {  
  width: 100%;
	/*filter:grayscale(80%);
	-webkit-filter:grayscale(80%);*/
		filter:hue-rotate(330deg);
	-webkit-filter:hue-rotate(330deg);
	/*filter:hue-rotate(70deg);
	-webkit-filter:hue-rotate(70deg);*/
}
@media screen and (max-width: 991px) {
.com_photo {    
	margin-top: 20px;
}
}