@charset "UTF-8";
@import url("colorbox.css?20180822");
@import url("site_common.css?20190624"); 

/*
titleArea
==================================================================================*/

#titleArea {
	display: block;
	position: relative;
	overflow:hidden;
	width: 100%;
	height: calc(100vh - 54px);
	min-height:606px;
}
#titleArea .cover {
	position: absolute;
	top: 0;
	bottom:0;
	left: 0;
	right: 0;
	width: auto;
	display: block;
	background:#fff;
	z-index: 4;
}
#ta__mainvisual {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	width:100%;
	height: calc(100vh - 54px);
	min-height:606px;
	display: block;
	z-index: 0;
}
.vi__box {
	position:absolute;
	width:33.3333%;
	height:50vh;
	height: calc(50vh - 27px);
	min-height:303px;
	overflow:hidden;
	-webkit-transition: all 0s ease 0s;
	   -moz-transition: all 0s ease 0s;
	    -ms-transition: all 0s ease 0s;
	     -o-transition: all 0s ease 0s;
	        transition: all 0s ease 0s;
}
.vi__box .vi {
	position: absolute;
	width:100%;
	height:100%;
	display: block;
	-webkit-transition: opacity .25s ease, -webkit-transform .5s ease-in-out;
	   -moz-transition: opacity .25s ease, -moz-transform .5s ease-in-out;
	    -ms-transition: opacity .25s ease, -ms-transform .5s ease-in-out;
	     -o-transition: opacity .25s ease, -o-transform .5s ease-in-out;
	        transition: opacity .25s ease, transform .5s ease-in-out;
	background:no-repeat center center transparent;
	background-size:cover;
}
.vi__box:hover .vi{
	opacity: 1;
	-webkit-transition: opacity .25s ease, -webkit-transform 3s ease-in-out;
	   -moz-transition: opacity .25s ease, -moz-transform 3s ease-in-out;
	    -ms-transition: opacity .25s ease, -ms-transform 3s ease-in-out;
	     -o-transition: opacity .25s ease, -o-transform 3s ease-in-out;
	        transition: opacity .25s ease, transform 3s ease-in-out;
	-webkit-transform: scale3D(1.2,1.2,1);
	   -moz-transform: scale3D(1.2,1.2,1);
	    -ms-transform: scale3D(1.2,1.2,1);
	     -o-transform: scale3D(1.2,1.2,1);
	        transform: scale3D(1.2,1.2,1);
}
.vi__box:before {
	content: "";
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background: rgba(0,0,0,1);
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	z-index:1;
	opacity:0;
}
.vi__box:hover:before {
	opacity:.5;
}
.vi__box .caption {
	position: absolute;
	top: 50%;
 left: 50%;
	width: 50%;
 transform: translateY(200%) translateX(-50%);
 -webkit- transform: translateY(200%) translateX(-50%);
	text-align:center;
	color: rgba(255,255,255,1);
	-moz-transition: all 1.0s ease;
	-webkit-transition: all 1.0s ease;
	-ms-transition: all 1.0s ease;
	transition: all 1.0s ease;
	opacity:0;
	z-index:3;
}
.vi__box:hover .caption {
	transform: translateY(100%) translateX(-50%);
 -webkit- transform: translateY(100%) translateX(-50%);
	opacity:	1;
}
.ta__vi__a {
	bottom:0;
	left:0;
}
.ta__vi__b {
	top:0;
	left:0;
}
.ta__vi__c {
	bottom:0;
	left:33.3333%;
}
.ta__vi__d{
	top:0;
	left:33.3333%;
}
.ta__vi__e {
	top:0;
	right:0;
}
.ta__vi__f {
	bottom:0;
	right:0;
}
.ta__vi__a .vi {
	background-image:url(../img/top/ta_vi_a.jpg)
}
.ta__vi__b .vi {
	background-image:url(../img/top/ta_vi_b.jpg)
}
.ta__vi__c .vi {
	background-image:url(../img/top/ta_vi_c.jpg)
}
.ta__vi__d .vi {
	background-image:url(../img/top/ta_vi_d.jpg)
}
.ta__vi__e .vi {
	background-image:url(../img/top/ta_vi_e.jpg)
}
.ta__vi__f .vi {
	background-image:url(../img/top/ta_vi_f.jpg)
}
.ta__fes {
	position:absolute;
	top:0.8%;
	left: 50%;
	transform: translate(-50%,0);
	display: block;
	width: 99%;
	height: auto;
}
.ta__h1 {
	position:absolute;
	top:50%;
	left: 50%;
	transform: translate(-50%,-50%);
	display: block;
	width: 54.375%;
	height: auto;
}
.ta__word {
	position:absolute;
	top:50%;
	left: 50%;
	transform: translate(-50%,-246%);
	display: block;
	width: 54.375%;
	height: auto;
}
.ta__billing {
	position:absolute;
	bottom:0%;
	left: 0;
	display: block;
	width: 24.2708%;
}
#bnr_dvd {
 position:absolute;
	bottom:0;
	right:5px;
	display:block;
	width:150px;
 text-align:center;
}
#bnr_dvd a img {
 transition: transform 0.3s ease-out;
}
#bnr_dvd a:hover img {
 -webkit-transform: rotate(15deg);
 transform: rotate(15deg);
}


/* is__start  */
#titleArea.is__start .cover {
	animation: ta__cover__start .5s both;
}
		@keyframes ta__cover__start {
			0% { display: block; opacity: 1; top: 0; }
			99% { display: block; opacity: 0; top: 0; }
			100% { display: none; opacity: 0; top: 100%; }
		}
#titleArea.is__start .ta__vi__a {
	animation: ta__vi__start 1.2s .8s both;
}
#titleArea.is__start .ta__vi__b {
	animation: ta__vi__start 1.2s .6s both;
}
#titleArea.is__start .ta__vi__c {
	animation: ta__vi__start 1.2s .4s both;
}
#titleArea.is__start .ta__vi__d{
	animation: ta__vi__start 1.2s .2s both;
}
#titleArea.is__start .ta__vi__e {
	animation: ta__vi__start 1.2s 1.0s both;
}
#titleArea.is__start .ta__vi__f {
	animation: ta__vi__start 1.2s 1.2s both;
}
		@keyframes ta__vi__start {
			0% {
				opacity: 0;
				-webkit-transform: scale3D(.9,.9,1);
						-moz-transform: scale3D(.9,.9,1);
							-ms-transform: scale3D(.9,.9,1);
								-o-transform: scale3D(.9,.9,1);
											transform: scale3D(.9,.9,1);
			}
			100% {
				opacity: 1;
			-webkit-transition: all .5s cubic-bezier(0, .40, 0, 1) .1s;
						-moz-transition: all .5s cubic-bezier(0, .40, 0, 1) .1s;
							-ms-transition: all .5s cubic-bezier(0, .40, 0, 1) .1s;
								-o-transition: all .5s cubic-bezier(0, .40, 0, 1) .1s;
											transition: all .5s cubic-bezier(0, .40, 0, 1) .1s;
			}
		}
#titleArea.is__start .ta__h1 {
	animation: ta__h1__start 1.5s 1.5s both;
}
#titleArea.is__start .ta__word {
	animation: ta__h1__start 1.5s 1.7s both;
}
#titleArea.is__start .ta__fes {
	animation: ta__h1__start 1.5s 1.9s both;
}
		@keyframes ta__h1__start {
			0% { opacity: 0; }
			100% { opacity: 1; }
		}
#titleArea.is__start .ta__billing {
	animation: ta__billing__start 1s 4.2s both;
}
		@keyframes ta__billing__start {
			0% { opacity: 0; bottom:-8vw; }
			100% { opacity: 1; bottom:0; }
		}
  
#titleArea.is__start #bnr_dvd {
	animation: bnr_dvd__start 1s 2.5s both;
}
		@keyframes bnr_dvd__start {
			0% { opacity: 0; bottom:-5vh; }
			100% { opacity: 1; bottom:1vh; }
		}

	

/* is__stop  */
#titleArea.is__stop .cover {
	display:none;
}



/*
			hd__mainvisual
==================================================================================  */

.hd__mainvisual {
	width: 100%;
	height:200px;
	position:relative
}
.hd__mainvisual li {
	width: auto;
	height:200px;
	float:left;
	display:table;
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover;
}
.hd__vi__a {
	width: 16.6667% !important;
}
.hd__vi__b {
	width: 33.3334% !important;
}


/*
			eigaland
==================================================================================  */
/*#titleArea,
#ta__mainvisual {
	height: calc(100vh - 102px);
	min-height:558px;
}
.vi__box {
 height: calc(50vh - 51px);
}
#eigaland-widget {
 width:100%;
 height:48px;
}
#eigaland-widget iframe {
 height:48px;
 border:0;
 overflow:hidden;
}*/


/*
			content
==================================================================================  */
.content {
	padding:20px;
	background:#fff;
}
.content .inner {
	background:#eeefef;
}
.content .md-title__section {
	position:relative;
	display:block;
	width:32.5%;
	padding-bottom:10px;
	border-bottom:3px solid #000;
	margin:0 auto 100px;
	transition: .5s;
	-webkit-transform: translate(0, -50px);
	transform: translate(0, -50px);
	opacity: 0
}
.content .md-title__section.is__scrolled {
	-webkit-transform: translate(0, 0);
	transform: translate(0, 0);
	opacity: 1
}
.content .md_cont {
	position:relative;
	display: block;
	width: auto;
	padding: 0;
	transition: 1s;
	-webkit-transform: translate(0, 100px);
	transform: translate(0, 100px);
	opacity: 0
}
.content .md_cont.is__scrolled {
	-webkit-transform: translate(0, 0);
	transform: translate(0, 0);
	opacity: 1
}



/*
			ptg
==================================================================================  */
#ptg .contbox {
	width: 690px;
	margin: 0 auto;
	padding: 80px 0 80px;
}
#ptg .md-title__section {
	width:280px;
}
#ptg .md_cont {
	padding: 0;
	text-align:center;
}
#ptg .md_cont .subTitle {
}
#ptg .md_cont .txtArea {
}
#ptg .md_cont .item01 {
	padding:0 70px 40px;
}
#ptg .md_cont .item02 {
	margin:0 0 30px;
}
#ptg .md_cont .item06 {
	padding:0 110px;
}





/*
			news
==================================================================================  */
#news .contbox {
	width: 750px;
	margin: 0 auto;
	padding: 80px 0 40px;
}
#news .md-title__section {
	width:164px;
}
#news .md_cont {
	padding: 0 0 100px;
	background: url(../../news/img/np_item_03.png) no-repeat 50% 100%;
	background-size: 490px auto;
}
#news .md_cont .entry {
	padding:40px 0 140px;
	border-top:1px solid rgba(0,0,0,.5);
}
#news .md_cont .entry:last-child {
	padding:40px 0 40px;
}
#news .md_cont .entry_title {
	margin:0 0 35px
}
#news .md_cont .entry_title time {
	display:block;
	height:30px;
	font-size:1.6rem;
	font-weight:bold;
	line-height:30px;
	padding: 0 0 0 40px;
	margin:0 0 10px;
	background: url(../../news/img/news_item_01.png) no-repeat 0 50%;
	background-size: 30px auto;
}
#news .md_cont .entry_title h2 {
	display:block;
	color:#006fbc;
	font-size:2.2rem;
	font-weight:bold;
}
#news .md_cont .txt:not(:last-child) {
	margin:0 0 60px;
}
#news .md_cont .txt p {
	font-size:1.45rem;
}
#news .md_cont .txt p:last-child {
	padding:0
}
#news .md_cont .txt p a {
 color:#d32d26;
 text-decoration:underline
}
#news .md_cont .txt p a:hover {
 text-decoration: none
}
#news .md_cont .txt figure.small img {
 max-width:33%
}
#news .md_cont .txt figure figcaption {
 font-size:1.4rem;
 padding: 10px 0 0;
 line-height: 1.4em;
 text-align: center;
}
#news .md_cont .txt.box {
 border:10px solid #ddd;
 padding:30px;
}
#news .md_cont .txt.box h3 {
 font-size:2rem;
 font-weight:bold;
 margin:0 0 30px;
}
#news .md_cont .txt.box p small {
 display:block;
 line-height:1.8
}
#news .md_cont .txt.box figure.fr {
 padding: 0 0 20px 20px;
 width:40%
}



/*
			info
==================================================================================  */
#info .contbox {
	width: 82vw;
	min-width:900px;
	max-width:1200px;
	margin: 0 auto;
	padding: 80px 0 40px;
}
#info .md-title__section {
	width:290px;
}
#info .md_cont {
	padding: 0;
}
.works {
	position:relative;
	padding:90px 0 90px 220px;
	border-top:1px solid #ccc;
}
.works:first-child {
	padding:0 0 90px 240px;
	border-top: none;
}
.works .subTitle {
	position: absolute;
	top: 80px;
 left: 10px;
	width:180px;
}
.works:first-child .subTitle {
	top: -10px;
}
.works .box {
	position:relative;
	padding:0 0 54px 150px
}
.works .box:last-child {
	padding:0 0 0 150px
}
.works .cat {
	position: absolute;
	top:0;
	left:-60px;
	display:block;
	width:175px;
	height: 30px;
	text-align:right;
}
.works .name {
	height: 30px;
	margin:0 0 12px;
}
.works .cat img,
.works .name img {
	width:auto;
	height: 30px;
}
.works .prof {
	overflow:hidden
}
.works .prof .txt {
	float:left;
	width: 65.7%;
}
.works .prof figure {
	float: right;
	width: 32%;
}
.works .prof figure img {
	border:1px solid #CCC
}
.works .txt p {
	font-size: 1.4rem;
	letter-spacing: 0.05em;
	font-feature-settings: "palt" 1;
	padding:0
}
.works.ponoc {
	position:relative;
	padding:70px 0 70px 220px;
	border:1px solid #999;
	margin: 0 0 40px
}
.works.ponoc .cat {
	position: absolute;
	top:0;
	left:-125px;
	display:block;
	width:240px;
	height: 25px;
	text-align:right;
}
.works.ponoc .prof .txt {
	float: none;
	width: 84%;
}
.works.ponoc .cat img {
	width:auto;
	max-height:25px;
}



/*
			eiyusong
==================================================================================  */
#eiyusong .contbox {
	width: 1000px;
	min-width:900px;
	max-width:1200px;
	margin: 0 auto;
	padding: 80px 0 140px;
}
#eiyusong .md-title__section {
	width:304px;
}
#eiyusong .md_cont {
	padding: 0;
}
#eiyusong .main {
	padding:0 20% 30px 0;
}
#eiyusong .prof {
	position:relative;
	padding:0 38% 0 0 ;
}
#eiyusong .prof .name {
	height: 26px;
	margin:0 0 12px;
}
#eiyusong .prof .name img {
	width:auto;
	height: 26px;
}
#eiyusong .prof .txt p {
	font-size: 1.35rem;
	letter-spacing: 0.05em;
	line-height:2;
	font-feature-settings: "palt" 1;
	padding:0
}
#eiyusong .prof figure {
	position:absolute;
	bottom:0;
	right:0;
	width: 36%;
}