@charset "UTF-8";

/* company_page */
#company_page .titleArea{
	background-image: url("../images/company/company/company_bg.png");
}
/* overview_page */
#overview_page .titleArea{
	background-image: url("../images/company/overview/overview_bg.png");
}
#overview_page .overviewArea .container{
	width: 100%;
	max-width: 920px;
	background-color: #ffffff;
	padding: 50px;
	box-sizing: border-box;
	border: 1px solid #cccccc;
}
#overview_page .overviewArea .container ul{
	border-top: 1px dashed #cccccc;
}
#overview_page .overviewArea .container ul li{
	display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
	text-align: left;
	padding: 30px 0;
	border-bottom: 1px dashed #cccccc;
}
#overview_page .overviewArea .container ul li .item{
	width: 25%;
	color: #777777;
	padding-left: 10px;
}
#overview_page .overviewArea .container ul li .detail{
	width: 75%;
	font-weight: 400;
	line-height: 2;
}
#overview_page .overviewArea .container ul li .detail a{
	color: #333333;
}
#overview_page .overviewArea .container ul li .detail a:hover{
	border-bottom: 1px solid #333333;
}

/* access_page */
#access_page .titleArea{
	background-image: url("../images/company/access/access_bg.png");
}
#access_page .accessArea .container iframe{
	margin-bottom: 50px;
}
#access_page .accessArea .container .adress{
	margin-bottom: 20px;	
}
#access_page .accessArea .container .case h3{
	font-size: 24px;
	font-weight: 600;
	padding: 20px 0;
	border-bottom: 1px solid #cccccc;
	border-top: 1px solid #cccccc;
	margin: 50px 0 30px;
	text-align: center;
}
#access_page .accessArea .container .case span{
	font-size: 20px;
	font-weight: 600;
	margin-bottom: 20px;
	display: inline-block;
}

/* maker_page */
#maker_page .titleArea{
	background-image: url("../images/company/maker/maker_bg.png");
}
#maker_page .makerArea .container p.makertext{
	font-size: 18px;
	font-weight: 600;
	text-align: center;
}
#maker_page .makerArea .container .case h3{
	font-size: 24px;
	font-weight: 600;
	padding: 20px 0;
	border-bottom: 1px solid #cccccc;
	border-top: 1px solid #cccccc;
	margin: 50px 0 30px;
	text-align: center;
}
#maker_page .makerArea .container .case .pack{
	display: flex;
	align-items: flex-start;
	flex-wrap: wrap;
}
#maker_page .makerArea .container .case .pack img{
	padding: 10px 30px;
	width: 20%;
	box-sizing: border-box;
}

@media screen and (max-width: 768px) {
/* overview_page */
#overview_page .overviewArea .container{
	width: 90%;
	margin: 0 auto;
	padding: 5%;
}
#overview_page .overviewArea .container ul li{
	display: block;
	padding: 15px 5px;
}
#overview_page .overviewArea .container ul li .item{
	display: block;
	margin-bottom: 5px;
	padding-left: 0;
	width: 100%;
}
#overview_page .overviewArea .container ul li .detail{
	line-height: normal;
	width: 100%;
}
/* access_page */
#access_page .accessArea .container iframe{
	margin-bottom: 20px;
}
#access_page .accessArea .container .adress{
	margin-bottom: 10px;
}
#access_page .accessArea .container .case h3{
	font-size: 18px;
	padding: 15px 0;
	margin: 30px 0 20px;
}
#access_page .accessArea .container .case span{
	font-size: 15px;
	margin-bottom: 10px;
}
/* maker_page */
#maker_page .makerArea .container p.makertext{
	font-size: 13px;
	text-align: left;
}
#maker_page .makerArea .container .case h3{
	font-size: 15px;
	padding: 15px 0;
	margin: 30px 0 20px;
}
#maker_page .makerArea .container .case .pack img{
	width: 33%;
	padding: 10px;
}
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1180px) and (orientation: portrait){
/*縦向き*/

}