﻿

.intro h3{
	color:#2089c5;
	letter-spacing:0.1em;
	line-height:1.733em;
}
.office_list{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
}
.office_list i{
	font-size:7px;
	vertical-align:middle;
}
.office_list a{
	text-decoration:underline;
}
.iso{
	border:1px solid #ecd6b1;
	background:#f7e6ca;
	text-align:center;
	font-family:Noto Sans Japanese,'游ゴシック', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}
.iso,.sales_office dt{
	font-weight:500;
}

/*PC
----------------------------------------------------*/
@media screen and (min-width:1081px),print{
	#main >.column-2 .pageTitle{
		margin-bottom:28px;
	}
	.tleStyle3{
		margin-bottom:15px;
	}
	.office_list a:hover{
		text-decoration:none;
	}
	.intro {
		padding:70px 0;
		background:url(../image/image01.png) no-repeat right;
	}
	.intro h3{
		font-size:2.143em;
		
	}
	.office_list li{
		width:327px;
		clear:both;
		overflow:hidden;
		margin-bottom:40px;
	}
	.office_list li:last-child{
		width:100%;
	}
	.office_list .textbox{
		width:192px;
		float:left;
	}
	.office_list figure{
		float:right;
		overflow:hidden;
	}
	.office_list li:last-child .textbox{
		width:310px;
	}
	.accessmap{
		margin-top:10px;
	}
	.iso{
		padding:10px;
		width:170px;
		box-sizing:border-box;
		margin-top:10px;
	}
	.sales_office{
		overflow:hidden;
		clear:both;
	}
	.sales_office dt{
		float:left;
		clear:left;
		width:145px;
		margin-bottom:5px;
	}
	.sales_office dd{
		margin-bottom:5px;
		overflow:hidden;
	}

}
/*PC and Tablet
----------------------------------------------------*/
@media screen and (min-width:751px),print{
}
/*Tablet
----------------------------------------------------*/
@media screen and (min-width:751px) and (max-width:1080px),print{
	.intro{
		position:relative;
		display:flex;
		justify-content:space-between;
		align-items:center;
	}
	.intro:after{
		content:"";
		display:block;
		width:30%;
		height:10em;
		background:url(../image/image01.png) no-repeat right /auto 100%;
		font-size: calc(0.625rem + ((1vw - 3.2px) * 1.3023));
	}
	.intro h3{
		width:50%;
	}
	.sales_office{
		display:flex;
		flex-wrap:wrap;
	}
	.sales_office dt{
		width:7.5em;
	}
	.sales_office dd{
		width:calc(100% - 7.5em);
	}

}
/*Tablet und Phone
----------------------------------------------------*/
@media screen and (max-width:1080px),print{
	.company{
		margin-top:3%;
	}
	.main_content{
		margin-top:7%;
	}
	.pageTitle{
	}
	.intro{
		margin-bottom:3%;
	}
	.intro h3{
		font-size:1.308em;
	}
	.office_list li{
		width:48%;
		margin-bottom:3%;
	}
	.office_list li:last-child{
		width:100%;
	}
	.office_list li .image{
		text-align:center;
		margin-bottom:1%;
	}
	.office_list .tleStyle{
		margin-bottom:2%;
	}
	.accessmap{
		margin-top:2%;
	}
	.iso{
		font-size:0.846em;
		display:inline-block;
		padding:1% 2%;
		margin-top:2%;
	}

}
/*Phone
----------------------------------------------------*/
@media screen and (max-width:750px),print{
	.intro{
		position:relative;
		background:url(../image/image01.png) no-repeat right center /auto 90%;
		margin-bottom:5%;
	}
	.intro h3{
		padding-top:1em;
		padding-bottom:1em;
	}

	.sales_office dd{
		margin-bottom:3%;
	}
	
}