@charset "utf-8";
/* Simple fluid media
   Note: Fluid media requires that you remove the media's height and width attributes from the HTML
   http://www.alistapart.com/articles/fluid-images/ 
*/
img, object, embed, video {
	max-width: 100%;
}
/* IE 6 does not support max-width so default to width 100% */
.ie6 img {
	width: 100%;
}
/*
	Dreamweaver Fluid Grid Properties
	----------------------------------
	dw-num-cols-mobile:		12;
	dw-num-cols-tablet:		12;
	dw-num-cols-desktop:	12;
	dw-gutter-percentage:	25;
	
	Inspiration from "Responsive Web Design" by Ethan Marcotte 
	http://www.alistapart.com/articles/responsive-web-design
	
	and Golden Grid System by Joni Korpi
	http://goldengridsystem.com/
*/




/* Default Layout */




.movie-wrap {
     position: relative;
     padding-bottom: 56.25%; /*アスペクト比 16:9の場合の縦幅*/
     height: 0;
     overflow: hidden;
}
 
.movie-wrap iframe {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
}


/* Mobile Layout: 960px and below. ----------------------------------------------------------------------------------------------------- */

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

.Container {
    width: 100vw;
	margin: 48px 0px 0px;
    padding: 0px;
    padding-left: 0px;
    padding-right: 0px;
	}
.header_fixed{
	padding-top: 5px;
}
.career_box{
	font-size: calc(1.42vw);
}
.flexslider_unit {
    width:62%;
}
.twitter_frame{
	width: calc(37% - 12px);
    height: calc(100vw * 0.62 + 24px);
    max-height: 680px;
}
.tw_Container {
	width:auto;
}
}
/* Mobile Layout: 768px and below. ----------------------------------------------------------------------------------------------------- */

@media only screen and (max-width: 768px) {
.Container {
	margin: 32px 0px 0px;
}
.header_fixed{
	padding-top: 3px;
}
h1{
		font-size: 16.5px;
}

.flexslider_unit {
    width:56%;
}
.twitter_frame{
	width: calc(41% - 12px);
    height: calc(100vw * 0.58 + 24px);
    max-height: 500px;
}

.icon_box{
	width: 100%;
	margin: 0px;
    padding: 0px;
}

.icon_unit{
	width: calc(19.5% - 2px);
	height: auto;
	margin: 1px 0px;
	font-size: 7.2px;
	color: rgba(160,130,23,1.00);
	text-align: center;
	text-justify: inter-ideograph;
	letter-spacing: -0.1em;
	line-height: 1.48em;
}

.icon_hr{
	width:98%;
}

a[href^="tel:"]{
    pointer-events:auto;
}

}


/* Mobile Layout: 640px and below. ----------------------------------------------------------------------------------------------------- */

@media only screen and (max-width: 640px) {
.flexslider_unit {
    width:56%;
}
.twitter_frame{
	width: 41%;
    height: calc(100vw * 0.58);
    max-height: 500px;
}
.icon_unit{
	width: calc(19.8% - 2px);
	margin: 1px 1px;
	font-size: 7px;
	letter-spacing: -0.15em;
}
.career_box{
	font-size: calc(2.22vw);
}

.flex-control-paging li a {
  width: 6px;
  height: 6px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}
}