@charset "UTF-8";
/* css Services system [easybase] */

/*---------------------------------------------------- */
/* Movie */
/*---------------------------------------------------- */
/*== Waku ==*/
#movieArea {
	padding: 0;
	margin: 0 auto;
	height: auto;
}
.waku_movie {
	padding: 0;
	margin: 0 auto;
	height: auto;
}
.waku_movie .photo_movie {
	padding: 0;
	margin: 0 auto;
	height: auto;
}

/*== img ==*/
.waku_movie .photo_movie img {
	padding: 0;
	margin: 0;
	width: 100%;
}
.waku_movie .photo_movie video {
	padding: 0;
	margin: 0;
	width: 100%;
}

/*== h3 ==*/
.waku_movie h3 {
	padding: 0;
	margin: 0;
	color: #2d2e2f;
	font-weight: 700;
	line-height: 1.8;
	letter-spacing: 0.07em;
	text-align: center;
}


/*---------------------------------------------------- */
/* Caption */
/*---------------------------------------------------- */
#example .caption {
	display: none;
}

/*---------------------------------------------------- */
/* Modal Window Custom Configure */
/*---------------------------------------------------- */
.fancybox-title > h3 {
	font-size: 100%;
	line-height: normal;
	text-shadow: 0 2px 0 #fff;
	margin-top: 0;
	margin-bottom: .5em;
	padding: 7px 10px 6px;
	background-color: #edeeee;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
.fancybox-title > h3 a span {
	font-size: 108%;
	padding-left: .5em;
	text-shadow: 0 2px 0 #fff;
}
.fancybox-title > h3 a {
	color: #3e4040;
	text-decoration: none;
}
.fancybox-title > h3 a:hover, .fancybox-title > h3 a span {
	color: #0f79df;
	text-decoration: none;
}
.fancybox-title > h3 a span:hover, .fancybox-title > h3 a:hover span {
	color: #b52f00;
	text-decoration: none;
}
.fancybox-title > p {
	font-size: 77%;
	line-height: normal;
	padding: 0;
	margin: 0;
	text-shadow: 0 2px 0 #fff;
}
/*.icon-export {
	content: "\f2bb";
	font: 14px "Font Awesome 5 Free";
	position: relative;
	bottom: 0;
}*/

/*---------------------------------------------------- */
/* Prgframe */
/*---------------------------------------------------- */
/*== Waku ==*/
.prgframeArea {
	padding: 0;
	margin: 0 auto;
	height: auto;
	background-color: #fcfdfe;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	border: 1px solid #e4eef5;
}
.prgframeArea .waku_prgframe {
	padding: 0;
	margin: 0 auto;
	height: auto;
	border-bottom: 1px solid #e4eef5;
}
.prgframeArea .waku_prgframe:last-child {
	border-bottom: none;
}

/*== img ==*/
.prgframeArea .waku_prgframe .photo_prgframe {
	padding: 0;
	margin: 0;
	height: auto;
}
.prgframeArea .waku_prgframe .photo_prgframe img {
	padding: 0;
	margin: 0;
	width: 100%;
	vertical-align: bottom;
}

/*== box ==*/
.prgframeArea .waku_prgframe .prgframebox {
	padding: 0;
	margin: 0;
	height: auto;
}
.prgframeArea .waku_prgframe .prgframebox h4 {
	padding: 0;
	margin: 0;
	height: auto;
	color: #2d2e2f;
	font-weight: 600;
	line-height: 1.6;
}
.prgframeArea .waku_prgframe .prgframebox .txt {
	padding: 0;
	margin: 0;
	height: auto;
}
.prgframeArea .waku_prgframe .prgframebox .txt p {
	padding: 0;
	margin: 0;
	color: #3d3e3f;
	font-weight: 500;
	line-height: 1.8;
}

/*---------------------------------------------------- */
/* industry */
/*---------------------------------------------------- */
/*== Main ==*/
.waku_main .detailbox .moji_industry, .waku_main .detailbox2 .moji_industry {
	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box; 
	-o-box-sizing: border-box; 
	-ms-box-sizing: border-box; 
	box-sizing: border-box;
}

/*== Detailbox ==*/
.moji_industry {
	margin: 0 auto;
	height: auto;
	background-color: #f5f9fc;
	border: 1px solid #e5ebf3;
}
.moji_industry p {
    padding: 0;
	font-weight: 500;
	line-height: 1.8;
	text-align: left;
}


/* PC */
@media print, screen and (min-width: 960px) {

/*---------------------------------------------------- */
/* Movie */
/*---------------------------------------------------- */
/*== Waku ==*/
#movieArea {
	padding-bottom: 50px;
	width: 100%;
}
.waku_movie {
	width: 98%;
	max-width: 1080px;
}
.waku_movie .photo_movie {
	padding: 0 0 15px 0;
	width: 70%;
}

/*== h3 ==*/
.waku_movie h3 {
	font-size: 27px;
}




}

/* Minimum width 959px and Tablet */
@media all and (max-width: 959px) and (min-width: 600px) {

/*---------------------------------------------------- */
/* Movie */
/*---------------------------------------------------- */
/*== Waku ==*/
#movieArea {
	padding-bottom: 40px;
	width: 100%;
}
.waku_movie {
	width: 96%;
}
.waku_movie .photo_movie {
	padding: 0 0 12px 0;
	width: 80%;
}

/*== h3 ==*/
.waku_movie h3 {
	font-size: 24px;
}


}


/* Phone */
/* Portrait mode */
@media only screen and (max-width: 599px) {

/*---------------------------------------------------- */
/* Movie */
/*---------------------------------------------------- */
/*== Waku ==*/
#movieArea {
	padding-bottom: 30px;
	width: 100%;
}
.waku_movie {
	width: 96%;
}
.waku_movie .photo_movie {
	padding: 0 0 10px 0;
	width: 100%; /* 90% */
}

/*== h3 ==*/
.waku_movie h3 {
	font-size: 20px;
}


}